From 74cd14df3784fef399952a1f48c5f7882d9cdf23 Mon Sep 17 00:00:00 2001
From: Vadim Makeev <hi@pepelsbey.dev>
Date: Mon, 18 Dec 2023 18:56:41 +0100
Subject: [PATCH 001/790] Add experimental features section to Fx 121 (#31122)

---
 files/en-us/mozilla/firefox/releases/121/index.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/files/en-us/mozilla/firefox/releases/121/index.md b/files/en-us/mozilla/firefox/releases/121/index.md
index c95473014de408e..1b8477012d2e2d6 100644
--- a/files/en-us/mozilla/firefox/releases/121/index.md
+++ b/files/en-us/mozilla/firefox/releases/121/index.md
@@ -105,6 +105,15 @@ This article provides information about the changes in Firefox 121 that affect d
 
 - Added support for serializing and deserializing `Window` and `Frame` objects ([Firefox bug 1274251](https://bugzil.la/1274251)).
 
+## Experimental web features
+
+These features are newly shipped in Firefox 121 but are disabled by default. To experiment with them, search for the appropriate preference on the `about:config` page and set it to `true`. You can find more such features on the [Experimental features](/en-US/docs/Mozilla/Firefox/Experimental_features) page.
+
+- Custom element state pseudo-class: `dom.element.customstateset.enabled`
+  - : Custom elements can expose their internal state via the {{domxref("ElementInternals.states","states")}} property as a {{domxref("CustomStateSet")}}. A CSS custom state pseudo-class such as `:--somestate` can match that element's state. ([Firefox bug 1861466](https://bugzil.la/1861466))
+- `showPicker()` method for HTML select elements: `dom.select.showPicker.enabled`
+  - : The {{domxref("HTMLSelectElement.showPicker()")}} method programmatically launches the browser picker for a {{HTMLElement("select")}} element, triggered by user interaction. ([Firefox bug 1854112](https://bugzil.la/1854112))
+
 ## Changes for add-on developers
 
 ### Removals

From 948ade920e17ec0b9351e2d1983ec6fec79d87d2 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Mon, 18 Dec 2023 20:02:49 +0100
Subject: [PATCH 002/790] docs(css): add module page for CSS Properties and
 Values API (#30503)

* docs(css): add module page for CSS Properties and Values API

* link to guides and module pages

* docs(css): remove unnecessary string identifier

* docs(css): fix flaws in module pages

* docs(css): check-in changes, remove unnecessary styles

* docs(css): changes following reviewer feedback, conform to existing doc conventions for module pages

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* docs(css): changes following reviewer feedback, make hidden examples a single block

* docs(css): changes following reviewer feedback

* docs(css): changes following reviewer feedback

* Update files/en-us/web/css/css_cascading_variables/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* docs(css): changes following reviewer feedback

* docs(css): changes following reviewer feedback

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Fix typos

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* docs(css): Move 'syntax strings' up into syntax DL

* docs(css): Improvements following reviewer feedback

* Update files/en-us/web/css/css_properties_and_values_api/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* docs(css): Correct internal xrefs to use locale / root relative

* docs(css): Improvements following reviewer feedback

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/api/css/index.md              |   3 +
 files/en-us/web/css/--_star_/index.md         |   3 +-
 files/en-us/web/css/@property/index.md        |  17 ++-
 .../web/css/css_cascading_variables/index.md  | 118 +++++++++++++++++-
 .../css_properties_and_values_api/index.md    | 113 +++++++++++++++++
 files/en-us/web/css/env/index.md              |   4 +-
 .../css/using_css_custom_properties/index.md  |   3 +-
 files/en-us/web/css/var/index.md              |   3 +-
 8 files changed, 253 insertions(+), 11 deletions(-)
 create mode 100644 files/en-us/web/css/css_properties_and_values_api/index.md

diff --git a/files/en-us/web/api/css/index.md b/files/en-us/web/api/css/index.md
index 205d9bdbf8c0219..df7709840d07498 100644
--- a/files/en-us/web/api/css/index.md
+++ b/files/en-us/web/api/css/index.md
@@ -3,6 +3,9 @@ title: CSS
 slug: Web/API/CSS
 page-type: web-api-interface
 browser-compat: api.CSS
+spec-urls:
+  - https://drafts.csswg.org/cssom/#namespacedef-css
+  - https://www.w3.org/TR/css-properties-values-api-1/
 ---
 
 {{APIRef("CSSOM")}}
diff --git a/files/en-us/web/css/--_star_/index.md b/files/en-us/web/css/--_star_/index.md
index b3c841459af4727..625784040e31154 100644
--- a/files/en-us/web/css/--_star_/index.md
+++ b/files/en-us/web/css/--_star_/index.md
@@ -86,6 +86,7 @@ Custom properties are scoped to the element(s) they are declared on, and partici
 
 ## See also
 
-- [Using CSS variables](/en-US/docs/Web/CSS/Using_CSS_custom_properties)
 - The {{cssxref("var", "var()")}} function
 - {{cssxref("@property")}} at-rule
+- [Using CSS custom properties (variables)](/en-US/docs/Web/CSS/Using_CSS_custom_properties) guide
+- [CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module
diff --git a/files/en-us/web/css/@property/index.md b/files/en-us/web/css/@property/index.md
index 35346fd86a152b7..fda81dfe514f125 100644
--- a/files/en-us/web/css/@property/index.md
+++ b/files/en-us/web/css/@property/index.md
@@ -24,15 +24,21 @@ The `@property` rule represents a custom property registration directly in a sty
 ### Descriptors
 
 - {{cssxref("@property/syntax","syntax")}}
-  - : Describes the allowable syntax for the property.
+
+  - : Describes the allowable syntax for the property. May be a `<length>`, `<number>`, `<percentage>`, `<length-percentage>`, `<color>`, `<image>`, `<url>`, `<integer>`, `<angle>`, `<time>`, `<resolution>`, `<transform-function>`, or `<custom-ident>`, or a list of data type and keyword values.
+
+    The `+` (space-separated) and `#` (comma-separated) multipliers indicate that a list of values is expected, for example `<color>#` means a comma-separated list of `<color>` values is the expected syntax.
+
+    Vertical lines (`|`) can create "or" conditions for the expected syntax, for example `<length> | auto` accepts a `<length>` or `auto`, and `<color># | <integer>#` expects a comma-separated list of `<color>` values or a comma-separated list of `<integer>` values.
+
 - {{cssxref("@property/inherits","inherits")}}
   - : Controls whether the custom property registration specified by `@property` inherits by default.
 - {{cssxref("@property/initial-value","initial-value")}}
   - : Sets the initial value for the property.
 
-A valid `@property` rule represents a custom property registration, with the property name being the serialization of the in the rule's prelude.
-
-`@property` rules require a {{cssxref("@property/syntax","syntax")}} and {{cssxref("@property/inherits","inherits")}} descriptor; if either are missing, the entire rule is invalid and must be ignored. The {{cssxref("@property/initial-value","initial-value")}} descriptor is optional only if the syntax is the <a href="https://drafts.css-houdini.org/css-properties-values-api/#universal-syntax-definition">universal syntax definition</a>, otherwise the descriptor is required; if it's missing, the entire rule is invalid and must be ignored.
+The `@property` rule must include both the {{cssxref("@property/syntax","syntax")}} and {{cssxref("@property/inherits","inherits")}} descriptors; if either are missing, the entire `@property` rule is invalid and ignored.
+The {{cssxref("@property/initial-value","initial-value")}} descriptor is also required, unless the syntax is the [`*` universal syntax definition](https://drafts.css-houdini.org/css-properties-values-api/#universal-syntax-definition) (e.g., `initial-value: *`).
+If the `initial-value` descriptor is required and omitted, the entire `@property` rule is invalid and ignored.
 
 Unknown descriptors are invalid and ignored, but do not invalidate the `@property` rule.
 
@@ -126,7 +132,10 @@ For item three, the `--item-size` value gets set to `1000px`. While `1000px` is
 
 ## See also
 
+- {{cssxref("var")}}
 - [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
 - [CSS Houdini](/en-US/docs/Web/Guide/Houdini)
+- [Using CSS custom properties (variables)](/en-US/docs/Web/CSS/Using_CSS_custom_properties) guide
+- [CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module
diff --git a/files/en-us/web/css/css_cascading_variables/index.md b/files/en-us/web/css/css_cascading_variables/index.md
index cfa1e148a091462..d2297d4747f1b8b 100644
--- a/files/en-us/web/css/css_cascading_variables/index.md
+++ b/files/en-us/web/css/css_cascading_variables/index.md
@@ -1,5 +1,5 @@
 ---
-title: CSS cascading variables
+title: CSS custom properties for cascading variables
 slug: Web/CSS/CSS_cascading_variables
 page-type: css-module
 spec-urls: https://drafts.csswg.org/css-variables/
@@ -7,7 +7,95 @@ spec-urls: https://drafts.csswg.org/css-variables/
 
 {{CSSRef}}
 
-The **CSS cascading variables** module adds support for cascading variables in all CSS properties and also lets you create custom properties to define these variables.
+The **CSS custom properties for cascading variables** module adds support for cascading variables in CSS properties and lets you create custom properties to define these variables along with the mechanisms to use custom properties as the values for other CSS properties.
+
+When working with CSS, you often end up reusing common project-specific values such as widths that work well with your layout, or a set of colors for your color scheme.
+One way of managing repetition in stylesheets is to define a value once and use it many times in other places.
+Custom properties let you create and define custom variables that can be reused, simplifying complex or repetitive rules and making them easier to read and maintain.
+For example, `--dark-grey-text` and `--dark-background` are easier to understand than hexadecimal colors such as `#323831`, and the context of how you use them is more obvious, too.
+
+## Custom properties in action
+
+To see how custom properties can be used, move the input slider left to right.
+
+```html hidden
+<div class="container">
+  <div id="color-1">--hue</div>
+  <div id="color-2">--hue + 10</div>
+  <div id="color-3">--hue + 20</div>
+  <div id="color-4">--hue + 30</div>
+  <div id="color-5">--hue + 40</div>
+  <div id="color-6">--hue + 50</div>
+  <div id="color-7">--hue + 60</div>
+  <div id="color-8">--hue + 70</div>
+</div>
+<input type="range" min="0" max="360" value="0" step="0.1" id="hue" />
+```
+
+```js hidden
+const hue = document.querySelector("#hue");
+
+const updateHue = () => {
+  document.documentElement.style.setProperty("--hue", hue.value);
+};
+
+hue.addEventListener("input", updateHue);
+```
+
+```css hidden
+.container {
+  display: grid;
+  font-family: sans-serif;
+  color: white;
+  gap: 0.5rem;
+  grid-template-columns: repeat(4, 1fr);
+  margin-bottom: 1rem;
+}
+.container div {
+  border-radius: 0.5rem;
+  padding: 1rem;
+}
+
+input {
+  width: 100%;
+  margin: 0;
+}
+
+:root {
+  --hue: 0;
+}
+
+#color-1 {
+  background-color: hsl(var(--hue) 50% 50%);
+}
+#color-2 {
+  background-color: hsl(calc(var(--hue) + 10) 50% 50%);
+}
+#color-3 {
+  background-color: hsl(calc(var(--hue) + 20) 50% 50%);
+}
+#color-4 {
+  background-color: hsl(calc(var(--hue) + 30) 50% 50%);
+}
+#color-5 {
+  background-color: hsl(calc(var(--hue) + 40) 50% 50%);
+}
+#color-6 {
+  background-color: hsl(calc(var(--hue) + 50) 50% 50%);
+}
+#color-7 {
+  background-color: hsl(calc(var(--hue) + 60) 50% 50%);
+}
+#color-8 {
+  background-color: hsl(calc(var(--hue) + 70) 50% 50%);
+}
+```
+
+{{EmbedLiveSample("",600,160)}}
+
+In these color swatches, the {{cssxref("background-color")}} is set using the {{cssxref("color_value/hsl", "hsl()")}} {{cssxref("&lt;color&gt;")}} function as `hsl(var(--hue) 50% 50%)`.
+Each color swatch increments the {{cssxref("hue")}} value by 10 degrees like `calc(var(--hue) + 10)`, `calc(var(--hue) + 20)` etc.
+As the slider's value changes from 0 up to 360, the value of the `--hue` [custom property](/en-US/docs/Web/CSS/--*) is updated using {{cssxref("calc")}}, and the background color of each box inside the grid is updated, also.
 
 ## Reference
 
@@ -15,6 +103,32 @@ The **CSS cascading variables** module adds support for cascading variables in a
 
 - {{cssxref("--*")}}
 
+### Functions
+
+- {{cssxref("var")}}
+
+## Guides
+
+- [Using CSS custom properties (variables)](/en-US/docs/Web/CSS/Using_CSS_custom_properties)
+
+  - : Explains how to use custom properties in CSS and JavaScript, with hints on handling undefined and invalid values, fallbacks, and inheritance.
+
+- [Invalid custom properties](/en-US/docs/Web/CSS/CSS_syntax/Error_handling#invalid_custom_properties)
+  - : Explains how browsers handle property values when a custom property's value is an invalid data type for that property.
+
+## Related concepts
+
+- [CSS Properties and Values API](/en-US/docs/Web/CSS/CSS_properties_and_values_API) module
+  - [`@property`](/en-US/docs/Web/CSS/@property) at-rule
+  - [`CSS.registerProperty()`](/en-US/docs/Web/API/CSS/registerProperty_static) method
+
 ## Specifications
 
 {{Specifications}}
+
+## See also
+
+- [CSS cascade and inheritance](/en-US/docs/Web/CSS/CSS_cascade) module
+- [CSS `env()`](/en-US/docs/Web/CSS/env) function
+- [CSS `calc()`](/en-US/docs/Web/CSS/calc) function
+- [`getPropertyValue()`](/en-US/docs/Web/API/CSSStyleDeclaration/getPropertyValue) method
diff --git a/files/en-us/web/css/css_properties_and_values_api/index.md b/files/en-us/web/css/css_properties_and_values_api/index.md
new file mode 100644
index 000000000000000..f9fbae55e421660
--- /dev/null
+++ b/files/en-us/web/css/css_properties_and_values_api/index.md
@@ -0,0 +1,113 @@
+---
+title: CSS properties and values API
+slug: Web/CSS/CSS_properties_and_values_API
+page-type: css-module
+spec-urls: https://www.w3.org/TR/css-properties-values-api-1/
+---
+
+{{CSSRef}}
+
+The **CSS properties and values API** module defines a method for registering new CSS properties, defining the property's data type, inheritance behavior, and, optionally, an initial value.
+This API expands on [CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module, which allows authors to define custom properties in CSS using [two dash syntax (`--`)](/en-US/docs/Web/CSS/--*).
+The CSS properties and values API is part of the [CSS Houdini](/en-US/docs/Web/CSS/CSS_houdini) umbrella of APIs.
+
+Custom properties let you reuse values across a project to simplify complex or repetitive stylesheets.
+Basic custom properties are defined in the [CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module.
+The CSS properties and values API expands on that module, enabling adding metadata to custom properties using CSS with the [`@property`](/en-US/docs/Web/CSS/@property) at-rule or, alternatively, using JavaScript's {{domxref('CSS/registerProperty_static', 'CSS.registerProperty')}} method.
+
+Whether registered with CSS or JavaScript, setting metadata on custom properties provides for an expected data type that the browser can use depending on the context, defines an initial value, and lets you control inheritance.
+
+CSS properties and values API custom property registration is more robust than the more basic CSS cascading variable custom property declaration, especially when it comes to transitioning and animating values as browsers can interpolate between custom values of this type, whereas properties that use [two dash syntax (`--`)](/en-US/docs/Web/CSS/--*) behave more like a string substitution.
+
+## Properties and values API in action
+
+To see how custom properties and values can be used via API, hover over the box below.
+
+```js hidden
+CSS.registerProperty({
+  name: "--stop-color",
+  syntax: "<color>",
+  inherits: false,
+  initialValue: "cornflowerblue",
+});
+```
+
+```css hidden
+.box {
+  padding: 1rem;
+  width: 90%;
+  height: 4rem;
+  font-family: sans-serif;
+  font-size: large;
+  color: white;
+  border-radius: 0.5rem;
+}
+
+.box {
+  background: linear-gradient(to right, var(--stop-color), lavenderblush);
+  transition: --stop-color 2s;
+}
+
+.box:hover {
+  --stop-color: aquamarine;
+}
+```
+
+```html hidden
+<div class="box"><p>Linear gradient with transition</p></div>
+```
+
+{{EmbedLiveSample("",600,120)}}
+
+The box has a [backround](/en-US/docs/Web/CSS/background) consisting of a [linear gradient](/en-US/docs/Web/CSS/gradient/linear-gradient) from `--stop-color` (the custom property) to [`lavenderblush`](/en-US/docs/Web/CSS/named-color).
+The value of `--stop-color` is set to `cornflowerblue` at first, but when you hover over the box, `--stop-color` [transitions](/en-US/docs/Web/CSS/transition) to `aquamarine` over two seconds (`linear-gradient(to right, aquamarine, lavenderblush)`).
+
+## Reference
+
+### At-rules
+
+- {{cssxref("@property")}}
+  - [syntax](/en-US/docs/Web/CSS/@property#descriptors) descriptor
+    - [`+` and `#`](/en-US/docs/Web/CSS/@property#descriptors) multipliers
+    - [`|`](/en-US/docs/Web/CSS/@property#descriptors) combinator
+  - [inherits](/en-US/docs/Web/CSS/@property#descriptors) descriptor
+  - [initial-value](/en-US/docs/Web/CSS/@property#descriptors) descriptor
+
+### Interfaces and APIs
+
+- {{domxref('CSSPropertyRule')}}
+- {{domxref('CSS/registerProperty_static', 'CSS.registerProperty()')}}
+
+## Guides
+
+- [Using the CSS properties and values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API/guide)
+
+  - : Explains how to register custom properties in CSS and JavaScript, with hints on handling undefined and invalid values, fallbacks, and inheritance.
+
+- [CSS Houdini](/en-US/docs/Web/Guide/Houdini)
+  - : Explains what CSS Houdini is and its advantages, along with a list of available APIs and their statuses.
+
+## Related concepts
+
+- {{cssxref("var")}}
+- [CSSRule](/en-US/docs/Web/API/CSSRule)
+- [CSSStyleValue](/en-US/docs/Web/API/CSSStyleValue)
+- [CSS scoping](/en-US/docs/Web/CSS/CSS_scoping)
+- [Using shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM)
+- [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Typed_OM_API)
+- [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
+- [Worklet](/en-US/docs/Web/API/Worklet)
+
+## Specifications
+
+{{Specifications}}
+
+## See also
+
+- [CSS cascade and inheritance](/en-US/docs/Web/CSS/CSS_cascade)
+- [CSS scoping](/en-US/docs/Web/CSS/CSS_scoping) module
+- [Using shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM)
+- [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API) module
+- [Worklet](/en-US/docs/Web/API/Worklet) interface
+- [CSS `env()`](/en-US/docs/Web/CSS/env)
+- [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
diff --git a/files/en-us/web/css/env/index.md b/files/en-us/web/css/env/index.md
index 23da09dcc7fa22d..7693cc26f48d839 100644
--- a/files/en-us/web/css/env/index.md
+++ b/files/en-us/web/css/env/index.md
@@ -212,8 +212,8 @@ main {
 ## See also
 
 - {{CSSxRef("var", "var(…)")}}
-- [CSS Custom Properties for Cascading Variables](/en-US/docs/Web/CSS/CSS_cascading_variables)
-- [Custom Properties (--\*)](/en-US/docs/Web/CSS/--*)
+- [CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module
+- [Custom properties (`--*`): CSS variables](/en-US/docs/Web/CSS/--*)
 - [Using CSS custom properties (variables)](/en-US/docs/Web/CSS/Using_CSS_custom_properties)
 - [Customize the window controls overlay of your PWA's title bar](https://web.dev/articles/window-controls-overlay)
 - [Display content in the title bar](https://docs.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay)
diff --git a/files/en-us/web/css/using_css_custom_properties/index.md b/files/en-us/web/css/using_css_custom_properties/index.md
index 6fcfa9f2f85fd6f..300a6f6c1fdf800 100644
--- a/files/en-us/web/css/using_css_custom_properties/index.md
+++ b/files/en-us/web/css/using_css_custom_properties/index.md
@@ -535,5 +535,6 @@ element.style.setProperty("--my-var", jsVar + 4);
 
 - [Custom property syntax](/en-US/docs/Web/CSS/--*)
 - {{cssxref("@property")}} at-rule
-- [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API)
 - [`var()`](/en-US/docs/Web/CSS/var)
+- [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API)
+- [CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module
diff --git a/files/en-us/web/css/var/index.md b/files/en-us/web/css/var/index.md
index b0dc99f856ffa17..3f523e0bd84f69d 100644
--- a/files/en-us/web/css/var/index.md
+++ b/files/en-us/web/css/var/index.md
@@ -195,5 +195,6 @@ Since `--main-bg-color` isn't set, the body's `background-color` will fall back
 ## See also
 
 - {{cssxref("env","env(…)")}} – read‑only environment variables controlled by the user‑agent.
-- [Using CSS variables](/en-US/docs/Web/CSS/Using_CSS_custom_properties)
+- [Using CSS custom properties (variables)](/en-US/docs/Web/CSS/Using_CSS_custom_properties)
 - {{cssxref("@property")}} at-rule
+- [CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module

From c4a47058862708136e2818a5d3d21c4a1645d89a Mon Sep 17 00:00:00 2001
From: Matt Hagen <anonz3000@gmail.com>
Date: Mon, 18 Dec 2023 15:05:27 -0500
Subject: [PATCH 003/790] Improve Array method overview (#31084)

* Update index.md

I made several changes to help clarify and simplify this section without losing meaning:

Consider "Empty slots in sparse arrays behave ...." Slots do not behave. Methods behave. I made this clear.

Consider "... older methods will skip empty slots, while newer ones treat them as undefined. A method cannot treat a slot as undefined. It can pretend that an empty slot contains undefined. I made this clear.

I added four simple examples.

I reframed the discussion of the "in" operator. The current section states that older methods use the "in" operator to determine whether to skip a slot. This may be true. But, this is internal to the older methods. I think readers want to know how to skip empty slots in their own code, so I added an example.

I flattened the lists to make them less disruptive on the page. These lists already exist in the book bar on the left.

Thanks!

* Rewrite

* Update files/en-us/web/javascript/reference/global_objects/array/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../reference/global_objects/array/index.md   | 110 +++++++-----------
 1 file changed, 42 insertions(+), 68 deletions(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/array/index.md b/files/en-us/web/javascript/reference/global_objects/array/index.md
index 3e8d7c943ffc2ff..0b9031ed43f9ea8 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/index.md
@@ -83,43 +83,44 @@ This is explained further on the {{jsxref("Array/length", "length")}} page.
 
 ### Array methods and empty slots
 
-Empty slots in [sparse arrays](/en-US/docs/Web/JavaScript/Guide/Indexed_collections#sparse_arrays) behave inconsistently between array methods. Generally, the older methods will skip empty slots, while newer ones treat them as `undefined`.
-
-Among methods that iterate through multiple elements, the following do an [`in`](/en-US/docs/Web/JavaScript/Reference/Operators/in) check before accessing the index and do not conflate empty slots with `undefined`:
-
-- {{jsxref("Array/concat", "concat()")}}
-- {{jsxref("Array/copyWithin", "copyWithin()")}}
-- {{jsxref("Array/every", "every()")}}
-- {{jsxref("Array/filter", "filter()")}}
-- {{jsxref("Array/flat", "flat()")}}
-- {{jsxref("Array/flatMap", "flatMap()")}}
-- {{jsxref("Array/forEach", "forEach()")}}
-- {{jsxref("Array/indexOf", "indexOf()")}}
-- {{jsxref("Array/lastIndexOf", "lastIndexOf()")}}
-- {{jsxref("Array/map", "map()")}}
-- {{jsxref("Array/reduce", "reduce()")}}
-- {{jsxref("Array/reduceRight", "reduceRight()")}}
-- {{jsxref("Array/reverse", "reverse()")}}
-- {{jsxref("Array/slice", "slice()")}}
-- {{jsxref("Array/some", "some()")}}
-- {{jsxref("Array/sort", "sort()")}}
-- {{jsxref("Array/splice", "splice()")}}
-
-For exactly how they treat empty slots, see the page for each method.
-
-These methods treat empty slots as if they are `undefined`:
-
-- {{jsxref("Array/entries", "entries()")}}
-- {{jsxref("Array/fill", "fill()")}}
-- {{jsxref("Array/find", "find()")}}
-- {{jsxref("Array/findIndex", "findIndex()")}}
-- {{jsxref("Array/findLast", "findLast()")}}
-- {{jsxref("Array/findLastIndex", "findLastIndex()")}}
-- {{jsxref("Array/includes", "includes()")}}
-- {{jsxref("Array/join", "join()")}}
-- {{jsxref("Array/keys", "keys()")}}
-- {{jsxref("Array/toLocaleString", "toLocaleString()")}}
-- {{jsxref("Array/values", "values()")}}
+Array methods have different behaviors when encountering empty slots in [sparse arrays](/en-US/docs/Web/JavaScript/Guide/Indexed_collections#sparse_arrays). In general, older methods (e.g. `forEach`) treat empty slots differently from indices that contain `undefined`.
+
+Methods that have special treatment for empty slots include the following: {{jsxref("Array/concat", "concat()")}}, {{jsxref("Array/copyWithin", "copyWithin()")}}, {{jsxref("Array/every", "every()")}}, {{jsxref("Array/filter", "filter()")}}, {{jsxref("Array/flat", "flat()")}}, {{jsxref("Array/flatMap", "flatMap()")}}, {{jsxref("Array/forEach", "forEach()")}}, {{jsxref("Array/indexOf", "indexOf()")}}, {{jsxref("Array/lastIndexOf", "lastIndexOf()")}}, {{jsxref("Array/map", "map()")}}, {{jsxref("Array/reduce", "reduce()")}}, {{jsxref("Array/reduceRight", "reduceRight()")}}, {{jsxref("Array/reverse", "reverse()")}}, {{jsxref("Array/slice", "slice()")}}, {{jsxref("Array/some", "some()")}}, {{jsxref("Array/sort", "sort()")}}, and {{jsxref("Array/splice", "splice()")}}. Iteration methods such as `forEach` don't visit empty slots at all. Other methods, such as `concat`, `copyWithin`, etc., preserve empty slots when doing the copying, so in the end the array is still sparse.
+
+```js
+const colors = ["red", "yellow", "blue"];
+colors[5] = "purple";
+colors.forEach((item, index) => {
+  console.log(`${index}: ${item}`);
+});
+// Output:
+// 0: red
+// 1: yellow
+// 2: blue
+// 5: purple
+
+colors.reverse(); // ['purple', empty × 2, 'blue', 'yellow', 'red']
+```
+
+Newer methods (e.g. `keys`) do not treat empty slots specially and treat them as if they contain `undefined`. Methods that conflate empty slots with `undefined` elements include the following: {{jsxref("Array/entries", "entries()")}}, {{jsxref("Array/fill", "fill()")}}, {{jsxref("Array/find", "find()")}}, {{jsxref("Array/findIndex", "findIndex()")}}, {{jsxref("Array/findLast", "findLast()")}}, {{jsxref("Array/findLastIndex", "findLastIndex()")}}, {{jsxref("Array/includes", "includes()")}}, {{jsxref("Array/join", "join()")}}, {{jsxref("Array/keys", "keys()")}}, {{jsxref("Array/toLocaleString", "toLocaleString()")}}, {{jsxref("Array/toReversed", "toReversed()")}}, {{jsxref("Array/toSorted", "toSorted()")}}, {{jsxref("Array/toSpliced", "toSpliced()")}}, {{jsxref("Array/values", "values()")}}, and {{jsxref("Array/with", "with()")}}.
+
+```js
+const colors = ["red", "yellow", "blue"];
+colors[5] = "purple";
+const iterator = colors.keys();
+for (const key of iterator) {
+  console.log(`${key}: ${colors[key]}`);
+}
+// Output
+// 0: red
+// 1: yellow
+// 2: blue
+// 3: undefined
+// 4: undefined
+// 5: purple
+
+const newColors = colors.toReversed(); // ['purple', undefined, undefined, 'blue', 'yellow', 'red']
+```
 
 ### Copying methods and mutating methods
 
@@ -130,22 +131,9 @@ Some methods do not mutate the existing array that the method was called on, but
 
 Other methods mutate the array that the method was called on, in which case their return value differs depending on the method: sometimes a reference to the same array, sometimes the length of the new array.
 
-The following methods create new arrays by accessing [`this.constructor[Symbol.species]`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/@@species) to determine the constructor to use:
+The following methods create new arrays by accessing [`this.constructor[Symbol.species]`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/@@species) to determine the constructor to use: {{jsxref("Array/concat", "concat()")}}, {{jsxref("Array/filter", "filter()")}}, {{jsxref("Array/flat", "flat()")}}, {{jsxref("Array/flatMap", "flatMap()")}}, {{jsxref("Array/map", "map()")}}, {{jsxref("Array/slice", "slice()")}}, and {{jsxref("Array/splice", "splice()")}} (to construct the array of removed elements that's returned).
 
-- {{jsxref("Array/concat", "concat()")}}
-- {{jsxref("Array/filter", "filter()")}}
-- {{jsxref("Array/flat", "flat()")}}
-- {{jsxref("Array/flatMap", "flatMap()")}}
-- {{jsxref("Array/map", "map()")}}
-- {{jsxref("Array/slice", "slice()")}}
-- {{jsxref("Array/splice", "splice()")}} (to construct the array of removed elements that's returned)
-
-The following methods always create new arrays with the `Array` base constructor:
-
-- {{jsxref("Array/toReversed", "toReversed()")}}
-- {{jsxref("Array/toSorted", "toSorted()")}}
-- {{jsxref("Array/toSpliced", "toSpliced()")}}
-- {{jsxref("Array/with", "with()")}}
+The following methods always create new arrays with the `Array` base constructor: {{jsxref("Array/toReversed", "toReversed()")}}, {{jsxref("Array/toSorted", "toSorted()")}}, {{jsxref("Array/toSpliced", "toSpliced()")}}, and {{jsxref("Array/with", "with()")}}.
 
 The following table lists the methods that mutate the original array, and the corresponding non-mutating alternative:
 
@@ -194,25 +182,11 @@ The `array` argument passed to `callbackFn` is most useful if you want to read a
 
 All iterative methods are [copying](#copying_methods_and_mutating_methods) and [generic](#generic_array_methods), although they behave differently with [empty slots](#array_methods_and_empty_slots).
 
-The following methods are iterative:
-
-- {{jsxref("Array/every", "every()")}}
-- {{jsxref("Array/filter", "filter()")}}
-- {{jsxref("Array/find", "find()")}}
-- {{jsxref("Array/findIndex", "findIndex()")}}
-- {{jsxref("Array/findLast", "findLast()")}}
-- {{jsxref("Array/findLastIndex", "findLastIndex()")}}
-- {{jsxref("Array/flatMap", "flatMap()")}}
-- {{jsxref("Array/forEach", "forEach()")}}
-- {{jsxref("Array/map", "map()")}}
-- {{jsxref("Array/some", "some()")}}
+The following methods are iterative:{{jsxref("Array/every", "every()")}}, {{jsxref("Array/filter", "filter()")}}, {{jsxref("Array/find", "find()")}}, {{jsxref("Array/findIndex", "findIndex()")}}, {{jsxref("Array/findLast", "findLast()")}}, {{jsxref("Array/findLastIndex", "findLastIndex()")}}, {{jsxref("Array/flatMap", "flatMap()")}}, {{jsxref("Array/forEach", "forEach()")}}, {{jsxref("Array/map", "map()")}}, and {{jsxref("Array/some", "some()")}}.
 
 In particular, {{jsxref("Array/every", "every()")}}, {{jsxref("Array/find", "find()")}}, {{jsxref("Array/findIndex", "findIndex()")}}, {{jsxref("Array/findLast", "findLast()")}}, {{jsxref("Array/findLastIndex", "findLastIndex()")}}, and {{jsxref("Array/some", "some()")}} do not always invoke `callbackFn` on every element — they stop iteration as soon as the return value is determined.
 
-There are two other methods that take a callback function and run it at most once for each element in the array, but they have slightly different signatures from typical iterative methods (for example, they don't accept `thisArg`):
-
-- {{jsxref("Array/reduce", "reduce()")}}
-- {{jsxref("Array/reduceRight", "reduceRight()")}}
+The {{jsxref("Array/reduce", "reduce()")}} and {{jsxref("Array/reduceRight", "reduceRight()")}} methods also take a callback function and run it at most once for each element in the array, but they have slightly different signatures from typical iterative methods (for example, they don't accept `thisArg`).
 
 The {{jsxref("Array/sort", "sort()")}} method also takes a callback function, but it is not an iterative method. It mutates the array in-place, doesn't accept `thisArg`, and may invoke the callback multiple times on an index.
 

From 98edfadbffefff14dc0388d677351eb2bcecf55f Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Tue, 19 Dec 2023 04:20:25 +0530
Subject: [PATCH 004/790] fix(html): add <select> as an allowed parent of <hr>
 (#31120)

---
 files/en-us/web/html/element/hr/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/html/element/hr/index.md b/files/en-us/web/html/element/hr/index.md
index b6069b3ac3cc154..9a5710d988de1b4 100644
--- a/files/en-us/web/html/element/hr/index.md
+++ b/files/en-us/web/html/element/hr/index.md
@@ -77,10 +77,10 @@ This element's attributes include the [global attributes](/en-US/docs/Web/HTML/G
     <tr>
       <th scope="row">Permitted parents</th>
       <td>
-        Any element that accepts
-        <a href="/en-US/docs/Web/HTML/Content_categories#flow_content"
-          >flow content</a
-        >.
+        <ul>
+          <li>Any element that accepts <a href="/en-US/docs/Web/HTML/Content_categories#flow_content">flow content</a></li>
+          <li><a href="/en-US/docs/Web/HTML/Element/select"><code>&lt;select></code></a> element</li>
+        </ul>
       </td>
     </tr>
     <tr>

From 7caa4d157cf8e7428ff8d57e81191df72be6722d Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 19 Dec 2023 00:32:51 +0100
Subject: [PATCH 005/790] Minor fixes to webkit-extensions (#30994)

* Minor fixes to webkit-extensions

* Fix hyphenate-character

* Update files/en-us/web/css/webkit_extensions/index.md

---------

Co-authored-by: Estelle Weyl <estelle@weyl.org>
---
 .../en-us/web/css/webkit_extensions/index.md  | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/files/en-us/web/css/webkit_extensions/index.md b/files/en-us/web/css/webkit_extensions/index.md
index 149a7c346f541d1..66871a16f8dc8dc 100644
--- a/files/en-us/web/css/webkit_extensions/index.md
+++ b/files/en-us/web/css/webkit_extensions/index.md
@@ -18,11 +18,10 @@ Applications based on WebKit or Blink, such as Safari and Chrome, support a numb
 
 - {{CSSxRef("-webkit-animation-trigger", "-webkit-animation-trigger")}}
 - {{CSSxRef("-webkit-app-region", "-webkit-app-region")}}
-- {{CSSxRef("-webkit-aspect-ratio", "-webkit-aspect-ratio")}}
 
 ### B
 
-- {{CSSxRef("-webkit-backdrop-filter", "-webkit-backdrop-filter")}}
+- {{CSSxRef("backdrop-filter", "-webkit-backdrop-filter")}}\*\*
 - {{CSSxRef("border-block-end","-webkit-border-after")}}\*\*
 - {{CSSxRef("border-block-end-color","-webkit-border-after-color")}}\*\*
 - {{CSSxRef("border-block-end-style","-webkit-border-after-style")}}\*\*
@@ -43,7 +42,7 @@ Applications based on WebKit or Blink, such as Safari and Chrome, support a numb
 - {{CSSxRef("-webkit-border-vertical-spacing", "-webkit-border-vertical-spacing")}}
 - {{CSSxRef("align-items","-webkit-box-align")}}\*\*
 - {{CSSxRef("flex-direction", "-webkit-box-direction")}}\*\*
-- {{CSSxRef("-webkit-box-flex-group", "-webkit-box-flex-group")}}\*\*
+- {{CSSxRef("box-flex-group", "-webkit-box-flex-group")}}
 - {{CSSxRef("flex-grow", "-webkit-box-flex")}}\*\*
 - {{CSSxRef("flex-flow", "-webkit-box-lines")}}\*\*
 - {{CSSxRef("order", "-webkit-box-ordinal-group")}}\*\*
@@ -65,11 +64,11 @@ Applications based on WebKit or Blink, such as Safari and Chrome, support a numb
 - {{CSSxRef("-webkit-dashboard-region", "-webkit-dashboard-region")}}
 - {{CSSxRef("-webkit-font-size-delta", "-webkit-font-size-delta")}}
 - {{CSSxRef("font-smooth", "-webkit-font-smoothing")}}
-- {{CSSxRef("-webkit-hyphenate-character", "-webkit-hyphenate-character")}}
+- {{CSSxRef("hyphenate-character", "-webkit-hyphenate-character")}} \*\*
 - {{CSSxRef("-webkit-hyphenate-limit-after", "-webkit-hyphenate-limit-after")}}
 - {{CSSxRef("-webkit-hyphenate-limit-before", "-webkit-hyphenate-limit-before")}}
 - {{CSSxRef("-webkit-hyphenate-limit-lines", "-webkit-hyphenate-limit-lines")}}
-- {{CSSxRef("-webkit-initial-letter", "-webkit-initial-letter")}}
+- {{CSSxRef("initial-letter", "-webkit-initial-letter")}}\*\*
 
 ### L
 
@@ -100,11 +99,11 @@ Applications based on WebKit or Blink, such as Safari and Chrome, support a numb
 - {{CSSxRef("-webkit-mask-box-image-source", "-webkit-mask-box-image-source")}}
 - {{CSSxRef("-webkit-mask-box-image-width", "-webkit-mask-box-image-width")}}
 - {{CSSxRef("-webkit-mask-box-image", "-webkit-mask-box-image")}}
+- {{CSSxRef("-webkit-mask-position-x", "-webkit-mask-position-x")}}
+- {{CSSxRef("-webkit-mask-position-y", "-webkit-mask-position-y")}}
 - {{CSSxRef("-webkit-mask-repeat-x", "-webkit-mask-repeat-x")}}\*\*\*
 - {{CSSxRef("-webkit-mask-repeat-y", "-webkit-mask-repeat-y")}}\*\*\*
 - {{CSSxRef("-webkit-mask-source-type", "-webkit-mask-source-type")}}
-- {{CSSxRef("-webkit-mask-position-x", "-webkit-mask-position-x")}}
-- {{CSSxRef("-webkit-mask-position-y", "-webkit-mask-position-y")}}
 - {{CSSxRef("-webkit-max-logical-height", "-webkit-max-logical-height")}}
 - {{CSSxRef("-webkit-max-logical-width", "-webkit-max-logical-width")}}
 - {{CSSxRef("-webkit-min-logical-height", "-webkit-min-logical-height")}}
@@ -149,7 +148,9 @@ Applications based on WebKit or Blink, such as Safari and Chrome, support a numb
 - {{CSSxRef("-webkit-user-modify", "-webkit-user-modify")}}
 
 \* A few are on the standards, unprefixed track
-\*\* New syntax has been standardized. Property links to the new syntax. Old prefixed syntax is still supported in some browsers.
+
+\*\* New syntax has been standardized. Property links to the new syntax. The old, prefixed syntax is still supported in some browsers.
+
 \*\*\* WebKit supports without `-webkit` prefix, but not standard or on standards track
 
 ## WebKit-prefixed properties on the standards track
@@ -176,6 +177,7 @@ Applications based on WebKit or Blink, such as Safari and Chrome, support a numb
 - {{CSSxRef("animation-play-state","-webkit-animation-play-state")}}
 - {{CSSxRef("animation-timing-function","-webkit-animation-timing-function")}}
 - {{CSSxRef("appearance", "-webkit-appearance")}}
+- {{CSSxRef("aspect-ratio", "-webkit-aspect-ratio")}}
 
 ### B
 
@@ -432,7 +434,7 @@ The following properties were once supported with the -webkit- prefix but are no
 - `-webkit-grid-rows` (See [`grid-row`](/en-US/docs/Web/CSS/grid-row))
 - `-webkit-highlight`
 - `-webkit-hyphenate-charset`
-- `-webkit-image-set (See {{CSSxRef("image/image-set", "image-set")}})
+- `-webkit-image-set` (See {{CSSxRef("image/image-set", "image-set")}})
 - `-webkit-mask-attachment`
 - `-webkit-match-nearest-mail-blockquote-color`
 - `-webkit-margin-collapse`
@@ -446,7 +448,7 @@ The following properties were once supported with the -webkit- prefix but are no
 - `-webkit-region-break-inside`
 - `-webkit-region-fragment`
 - `-webkit-shape-inside`
-- [-webkit-touch-callout](/en-US/docs/Web/CSS/-webkit-touch-callout) (See `touch-action)`
+- [`-webkit-touch-callout`](/en-US/docs/Web/CSS/-webkit-touch-callout) (See {{cssxref("touch-action")}})
 - `background-origin-x` (unprefixed!)
 - `background-origin-y` (unprefixed!)
 

From 8798af276e64ba373bc999c9a5ba5997716cc05c Mon Sep 17 00:00:00 2001
From: Joe Pea <trusktr@gmail.com>
Date: Mon, 18 Dec 2023 15:36:45 -0800
Subject: [PATCH 006/790] Fix incorrect min-width examples in
 `nesting_at-rules/index.md` (#30894)

---
 files/en-us/web/css/css_nesting/nesting_at-rules/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/css_nesting/nesting_at-rules/index.md b/files/en-us/web/css/css_nesting/nesting_at-rules/index.md
index b427d042834f6ff..ea8e5f9b14d7f36 100644
--- a/files/en-us/web/css/css_nesting/nesting_at-rules/index.md
+++ b/files/en-us/web/css/css_nesting/nesting_at-rules/index.md
@@ -71,7 +71,7 @@ At-rules can be nested within other at-rules. Below you can see an example of th
   display: grid;
   @media (orientation: landscape) {
     grid-auto-flow: column;
-    @media (min-width > 1024px) {
+    @media (min-width: 1024px) {
       max-inline-size: 1024px;
     }
   }
@@ -89,7 +89,7 @@ At-rules can be nested within other at-rules. Below you can see an example of th
     grid-auto-flow: column;
   }
 }
-@media (orientation: landscape) and (min-width > 1024px) {
+@media (orientation: landscape) and (min-width: 1024px) {
   .foo {
     max-inline-size: 1024px;
   }

From bd9a83a3fe54a2acd249b6586086f73ec2a7303a Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Tue, 19 Dec 2023 01:49:55 +0100
Subject: [PATCH 007/790] Markdownlint auto-cleanup (#31134)

chore: auto-fix Markdownlint issues
---
 files/en-us/web/css/css_properties_and_values_api/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/css_properties_and_values_api/index.md b/files/en-us/web/css/css_properties_and_values_api/index.md
index f9fbae55e421660..5b3d93c0f9eb88e 100644
--- a/files/en-us/web/css/css_properties_and_values_api/index.md
+++ b/files/en-us/web/css/css_properties_and_values_api/index.md
@@ -9,7 +9,7 @@ spec-urls: https://www.w3.org/TR/css-properties-values-api-1/
 
 The **CSS properties and values API** module defines a method for registering new CSS properties, defining the property's data type, inheritance behavior, and, optionally, an initial value.
 This API expands on [CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module, which allows authors to define custom properties in CSS using [two dash syntax (`--`)](/en-US/docs/Web/CSS/--*).
-The CSS properties and values API is part of the [CSS Houdini](/en-US/docs/Web/CSS/CSS_houdini) umbrella of APIs.
+The CSS properties and values API is part of the [CSS Houdini](/en-US/docs/Web/CSS/CSS_Houdini) umbrella of APIs.
 
 Custom properties let you reuse values across a project to simplify complex or repetitive stylesheets.
 Basic custom properties are defined in the [CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module.

From 51da19e49065b4610047225c039dfa279973779c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Romain=20Tarti=C3=A8re?= <romain@blogreen.org>
Date: Mon, 18 Dec 2023 16:16:12 -1000
Subject: [PATCH 008/790] Fix typo in User-Agent example (#31135)

The User-Agent string is malformed.  Remove the extra `)`.
---
 .../web/http/browser_detection_using_the_user_agent/index.md    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/browser_detection_using_the_user_agent/index.md b/files/en-us/web/http/browser_detection_using_the_user_agent/index.md
index ef24f32781b85fe..737daec5b70180c 100644
--- a/files/en-us/web/http/browser_detection_using_the_user_agent/index.md
+++ b/files/en-us/web/http/browser_detection_using_the_user_agent/index.md
@@ -265,7 +265,7 @@ The following table summarizes the way common browser vendors indicate that thei
 | ----------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | Mozilla (Gecko, Firefox)                                          | `Mobile` or `Tablet` inside the comment.                                                                                                                                                                                                             | `Mozilla/5.0 (Android; Mobile; rv:13.0) Gecko/13.0 Firefox/13.0`                                                                                                 |
 | WebKit-based (Android, Safari)                                    | `Mobile Safari` token [outside](https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/OptimizingforSafarioniPhone.html#//apple_ref/doc/uid/TP40006517-SW3) the comment. | `Mozilla/5.0 (Linux; U; Android 4.0.3; de-ch; HTC Sensation Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30`               |
-| Blink-based (Chromium, Google Chrome, Opera 15+, Edge on Android) | `Mobile Safari` token [outside](https://developer.chrome.com/docs/multidevice/user-agent/) the comment.                                                                                                                                              | `Mozilla/5.0 (Linux; Android 4.4.2); Nexus 5 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.117 Mobile Safari/537.36 OPR/20.0.1396.72047` |
+| Blink-based (Chromium, Google Chrome, Opera 15+, Edge on Android) | `Mobile Safari` token [outside](https://developer.chrome.com/docs/multidevice/user-agent/) the comment.                                                                                                                                              | `Mozilla/5.0 (Linux; Android 4.4.2; Nexus 5 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.117 Mobile Safari/537.36 OPR/20.0.1396.72047`  |
 | Presto-based (Opera 12-)                                          | `Opera Mobi/xyz` token [inside](https://developers.whatismybrowser.com/useragents/explore/layout_engine_name/presto/) the comment.                                                                                                                   | `Opera/9.80 (Android 2.3.3; Linux; Opera Mobi/ADR-1111101157; U; es-ES) Presto/2.9.201 Version/11.50`                                                            |
 | Edge on Windows 10 Mobile                                         | `Mobile/xyz` and `Edge/` tokens outside the comment.                                                                                                                                                                                                 | `Mozilla/5.0 (Windows Phone 10.0; Android 6.0.1; Xbox; Xbox One) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Mobile Safari/537.36 Edge/16.16299` |
 

From 5fca078fc656d93f62b4999af30284af06bce370 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Tue, 19 Dec 2023 15:06:44 +1100
Subject: [PATCH 009/790] HTMLDialogElement - cancel event defined in parent
 (#31131)

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

diff --git a/files/en-us/web/api/htmldialogelement/index.md b/files/en-us/web/api/htmldialogelement/index.md
index b4fa499a3b79bb9..a6edd5469c9f511 100644
--- a/files/en-us/web/api/htmldialogelement/index.md
+++ b/files/en-us/web/api/htmldialogelement/index.md
@@ -33,8 +33,10 @@ _Inherits methods from its parent, {{domxref("HTMLElement")}}._
 
 ## Events
 
-- {{domxref("HTMLElement/cancel_event", "cancel")}}
-  - : Fired when the user dismisses the current open dialog with the escape key.
+_Also inherits events from its parent interface, `{{DOMxRef("HTMLElement")}}`._
+
+Listen to these events using {{DOMxRef("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface.
+
 - {{domxref("HTMLDialogElement/close_event", "close")}}
   - : Fired when the dialog is closed, whether with the escape key, the `HTMLDialogElement.close()` method, or via submitting a form within the dialog with [`method="dialog"`](/en-US/docs/Web/HTML/Element/form#method).
 

From 987a6ef1d32e9413ad75511669c77f78e1ba9e3e Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 19 Dec 2023 12:13:49 +0800
Subject: [PATCH 010/790] `Document`: `securitypolicyviolation` event | init
 documentation (#31127)

---
 .../securitypolicyviolation_event/index.md    | 60 +++++++++++++++++++
 .../securitypolicyviolation_event/index.md    |  1 +
 2 files changed, 61 insertions(+)
 create mode 100644 files/en-us/web/api/document/securitypolicyviolation_event/index.md

diff --git a/files/en-us/web/api/document/securitypolicyviolation_event/index.md b/files/en-us/web/api/document/securitypolicyviolation_event/index.md
new file mode 100644
index 000000000000000..5966a8055035c48
--- /dev/null
+++ b/files/en-us/web/api/document/securitypolicyviolation_event/index.md
@@ -0,0 +1,60 @@
+---
+title: "Document: securitypolicyviolation event"
+short-title: securitypolicyviolation
+slug: Web/API/Document/securitypolicyviolation_event
+page-type: web-api-event
+browser-compat: api.Document.securitypolicyviolation_event
+---
+
+{{APIRef}}
+
+The **`securitypolicyviolation`** event is fired when a [Content Security Policy](/en-US/docs/Web/HTTP/CSP) is violated.
+
+The event is fired on the global scope when violates the policy and will bubble to the {{domxref("Window")}} object. The event may also bubble from {{domxref("Node", "nodes", "", "nocode")}} contained in the document tree.
+
+The handler can be assigned using the `onsecuritypolicyviolation` event handler property or using {{domxref("EventTarget.addEventListener()")}}.
+
+> **Note:** It is recommended to add the handler for this event to a top level object (i.e. {{domxref("Window")}} or {{domxref("Document")}}). While the property exists in HTML elements, you can't assign a handler to the property until the elements have been loaded, by which time this event will already have fired.
+
+## Syntax
+
+Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
+
+```js
+addEventListener("securitypolicyviolation", (event) => {});
+
+onsecuritypolicyviolation = (event) => {};
+```
+
+## Event type
+
+A {{domxref("SecurityPolicyViolationEvent")}}. Inherits from {{domxref("Event")}}.
+
+{{InheritanceDiagram("SecurityPolicyViolationEvent")}}
+
+## Examples
+
+The code below shows how you might add an event handler function using the `onsecuritypolicyviolation` event handler property or `addEventListener()` on the `Document`.
+
+```js
+document.onsecuritypolicyviolation = (e) => {
+  // Handle SecurityPolicyViolationEvent e here
+};
+
+document.addEventListener("securitypolicyviolation", (e) => {
+  // Handle SecurityPolicyViolationEvent e here
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{domxref("Element/securitypolicyviolation_event", "securitypolicyviolation")}} event of the {{domxref("Element")}} interface
+- [HTTP > Content Security Policy](/en-US/docs/Web/HTTP/CSP)
diff --git a/files/en-us/web/api/element/securitypolicyviolation_event/index.md b/files/en-us/web/api/element/securitypolicyviolation_event/index.md
index 13d17b0e1a144cb..3006c39fe8200ae 100644
--- a/files/en-us/web/api/element/securitypolicyviolation_event/index.md
+++ b/files/en-us/web/api/element/securitypolicyviolation_event/index.md
@@ -58,4 +58,5 @@ window.addEventListener("securitypolicyviolation", (e) => {
 
 ## See also
 
+- The {{domxref("Document/securitypolicyviolation_event", "securitypolicyviolation")}} event of the {{domxref("Document")}} interface
 - [HTTP > Content Security Policy](/en-US/docs/Web/HTTP/CSP)

From 78d53558b704be923e00aa2664f47a93c32652b4 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 19 Dec 2023 12:14:54 +0800
Subject: [PATCH 011/790] Update links (#31115)

---
 files/en-us/web/api/barcodedetector/barcodedetector/index.md | 2 +-
 files/en-us/web/api/barcodedetector/detect/index.md          | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/api/barcodedetector/barcodedetector/index.md b/files/en-us/web/api/barcodedetector/barcodedetector/index.md
index 384e8a940e95548..c0a33ee78822546 100644
--- a/files/en-us/web/api/barcodedetector/barcodedetector/index.md
+++ b/files/en-us/web/api/barcodedetector/barcodedetector/index.md
@@ -33,7 +33,7 @@ new BarcodeDetector(options)
       - : An {{jsxref('Array')}} of barcode formats as strings.
         If not provided, `detect()` calls search for all supported formats.
         Limiting to specific formats is therefore recommended for performance reasons.
-        To see a full list of supported formats see the {{domxref("Barcode Detection API")}}.
+        To see a full list of supported formats see the [supported barcode format](/en-US/docs/Web/API/Barcode_Detection_API#supported_barcode_formats).
 
 ### Exceptions
 
diff --git a/files/en-us/web/api/barcodedetector/detect/index.md b/files/en-us/web/api/barcodedetector/detect/index.md
index 6166f650896e9f2..c7899ed1b263197 100644
--- a/files/en-us/web/api/barcodedetector/detect/index.md
+++ b/files/en-us/web/api/barcodedetector/detect/index.md
@@ -40,15 +40,14 @@ Returns a {{jsxref('Promise')}} which fulfills with an array of
     clockwise. This may not be square due to perspective distortions within the image.
 - `format`
   - : The detected barcode format. (For a full list of formats see
-    the {{domxref('Barcode Detection API', 'Barcode Detection API overview page')}}).
+    the [supported barcode format](/en-US/docs/Web/API/Barcode_Detection_API#supported_barcode_formats)).
 - `rawValue`
   - : A string decoded from the barcode data.
 
 ### Exceptions
 
 - {{jsxref("TypeError")}}
-  - : No parameter is specified or the `type` is not that of an
-    `ImageBitmapSource`.
+  - : Thrown if no parameter is specified or the `type` is not that of an `ImageBitmapSource`.
 - `SecurityError` {{domxref("DOMException")}}
   - : Thrown if the `imageBitmapSource` has an origin and is not the same as the document's origin, or if the `imageBitmapSource` is a {{domxref('HTMLCanvasElement')}} and its [origin-clean](https://html.spec.whatwg.org/multipage/canvas.html#concept-canvas-origin-clean) flag is set to `false`.
 - `InvalidStateError` {{domxref("DOMException")}}

From 7c77ca51ce4433ad19af82016604987f42693784 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 19 Dec 2023 13:27:43 +0800
Subject: [PATCH 012/790] init
 `WorkerGlobalScope/securitypolicyviolation_event` (#31136)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../securitypolicyviolation_event/index.md    |  1 +
 .../securitypolicyviolation_event/index.md    |  1 +
 .../securitypolicyviolation_event/index.md    | 57 +++++++++++++++++++
 3 files changed, 59 insertions(+)
 create mode 100644 files/en-us/web/api/workerglobalscope/securitypolicyviolation_event/index.md

diff --git a/files/en-us/web/api/document/securitypolicyviolation_event/index.md b/files/en-us/web/api/document/securitypolicyviolation_event/index.md
index 5966a8055035c48..599e42ce6d79088 100644
--- a/files/en-us/web/api/document/securitypolicyviolation_event/index.md
+++ b/files/en-us/web/api/document/securitypolicyviolation_event/index.md
@@ -57,4 +57,5 @@ document.addEventListener("securitypolicyviolation", (e) => {
 ## See also
 
 - The {{domxref("Element/securitypolicyviolation_event", "securitypolicyviolation")}} event of the {{domxref("Element")}} interface
+- The {{domxref("WorkerGlobalScope/securitypolicyviolation_event", "securitypolicyviolation")}} event of the {{domxref("WorkerGlobalScope")}} interface
 - [HTTP > Content Security Policy](/en-US/docs/Web/HTTP/CSP)
diff --git a/files/en-us/web/api/element/securitypolicyviolation_event/index.md b/files/en-us/web/api/element/securitypolicyviolation_event/index.md
index 3006c39fe8200ae..da1fef08459d2b2 100644
--- a/files/en-us/web/api/element/securitypolicyviolation_event/index.md
+++ b/files/en-us/web/api/element/securitypolicyviolation_event/index.md
@@ -59,4 +59,5 @@ window.addEventListener("securitypolicyviolation", (e) => {
 ## See also
 
 - The {{domxref("Document/securitypolicyviolation_event", "securitypolicyviolation")}} event of the {{domxref("Document")}} interface
+- The {{domxref("WorkerGlobalScope/securitypolicyviolation_event", "securitypolicyviolation")}} event of the {{domxref("WorkerGlobalScope")}} interface
 - [HTTP > Content Security Policy](/en-US/docs/Web/HTTP/CSP)
diff --git a/files/en-us/web/api/workerglobalscope/securitypolicyviolation_event/index.md b/files/en-us/web/api/workerglobalscope/securitypolicyviolation_event/index.md
new file mode 100644
index 000000000000000..d479d6747436702
--- /dev/null
+++ b/files/en-us/web/api/workerglobalscope/securitypolicyviolation_event/index.md
@@ -0,0 +1,57 @@
+---
+title: "WorkerGlobalScope: securitypolicyviolation event"
+short-title: securitypolicyviolation
+slug: Web/API/WorkerGlobalScope/securitypolicyviolation_event
+page-type: web-api-event
+browser-compat: api.WorkerGlobalScope.securitypolicyviolation_event
+---
+
+{{APIRef}}
+
+The **`securitypolicyviolation`** event is fired when a [Content Security Policy](/en-US/docs/Web/HTTP/CSP) is violated in a worker.
+
+The handler can be assigned using the `onsecuritypolicyviolation` event handler property or using {{domxref("EventTarget.addEventListener()")}}.
+
+## Syntax
+
+Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
+
+```js
+addEventListener("securitypolicyviolation", (event) => {});
+
+onsecuritypolicyviolation = (event) => {};
+```
+
+## Event type
+
+A {{domxref("SecurityPolicyViolationEvent")}}. Inherits from {{domxref("Event")}}.
+
+{{InheritanceDiagram("SecurityPolicyViolationEvent")}}
+
+## Examples
+
+The code below shows how you might add an event handler function using the `onsecuritypolicyviolation` event handler property or call `addEventListener()` method.
+
+```js
+self.onsecuritypolicyviolation = (e) => {
+  // Handle SecurityPolicyViolationEvent e here
+};
+
+self.addEventListener("securitypolicyviolation", (e) => {
+  // Handle SecurityPolicyViolationEvent e here
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{domxref("Document/securitypolicyviolation_event", "securitypolicyviolation")}} event of the {{domxref("Document")}} interface
+- The {{domxref("Element/securitypolicyviolation_event", "securitypolicyviolation")}} event of the {{domxref("Element")}} interface
+- [HTTP > Content Security Policy](/en-US/docs/Web/HTTP/CSP)

From 39099b26e2ef720b2503b51c39418e30f583cf3f Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 19 Dec 2023 13:35:23 +0800
Subject: [PATCH 013/790] API Reference Template | add inherit info & use
 macros for the method (#31126)

* add

* use macros

* Update files/en-us/mdn/writing_guidelines/page_structures/page_types/api_reference_page_template/index.md

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 .../page_types/api_reference_page_template/index.md           | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/files/en-us/mdn/writing_guidelines/page_structures/page_types/api_reference_page_template/index.md b/files/en-us/mdn/writing_guidelines/page_structures/page_types/api_reference_page_template/index.md
index 6d3d44293952c1b..e7395aa26a801d3 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/page_types/api_reference_page_template/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/page_types/api_reference_page_template/index.md
@@ -120,7 +120,9 @@ Include one term and definition for each method.
 
 ## Events
 
-Listen to these events using [`addEventListener()`](/en-US/docs/Web/API/EventTarget/addEventListener) or by assigning an event listener to the `oneventname` property of this interface.
+_Also inherits events from its parent interface, `\{{DOMxRef("NameOfParentInterface")}}`._ (Note: If the interface doesn't inherit from another interface, remove this whole line.)
+
+Listen to these events using {{DOMxRef("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface.
 
 - [`eventname1`](#)
   - : Fired when (include the description of when the event fires).

From 63a26b042a4d27c1038060c4ea8b605e188a5787 Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Mon, 18 Dec 2023 21:51:22 -0800
Subject: [PATCH 014/790] De-XHRify CORS guide (#31138)

* De-XHRify CORS guide

* Update files/en-us/web/http/cors/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/http/cors/index.md | 73 ++++++++++++++++--------------
 1 file changed, 40 insertions(+), 33 deletions(-)

diff --git a/files/en-us/web/http/cors/index.md b/files/en-us/web/http/cors/index.md
index 0e825ea4cabbf96..35f7da299122de2 100644
--- a/files/en-us/web/http/cors/index.md
+++ b/files/en-us/web/http/cors/index.md
@@ -9,19 +9,19 @@ browser-compat: http.headers.Access-Control-Allow-Origin
 
 **Cross-Origin Resource Sharing** ({{Glossary("CORS")}}) is an {{Glossary("HTTP")}}-header based mechanism that allows a server to indicate any {{glossary("origin", "origins")}} (domain, scheme, or port) other than its own from which a browser should permit loading resources. CORS also relies on a mechanism by which browsers make a "preflight" request to the server hosting the cross-origin resource, in order to check that the server will permit the actual request. In that preflight, the browser sends headers that indicate the HTTP method and headers that will be used in the actual request.
 
-An example of a cross-origin request: the front-end JavaScript code served from `https://domain-a.com` uses {{domxref("XMLHttpRequest")}} to make a request for `https://domain-b.com/data.json`.
+An example of a cross-origin request: the front-end JavaScript code served from `https://domain-a.com` uses {{domxref("fetch()")}} to make a request for `https://domain-b.com/data.json`.
 
-For security reasons, browsers restrict cross-origin HTTP requests initiated from scripts. For example, `XMLHttpRequest` and the [Fetch API](/en-US/docs/Web/API/Fetch_API) follow the [same-origin policy](/en-US/docs/Web/Security/Same-origin_policy). This means that a web application using those APIs can only request resources from the same origin the application was loaded from unless the response from other origins includes the right CORS headers.
+For security reasons, browsers restrict cross-origin HTTP requests initiated from scripts. For example, `fetch()` and {{domxref("XMLHttpRequest")}} follow the [same-origin policy](/en-US/docs/Web/Security/Same-origin_policy). This means that a web application using those APIs can only request resources from the same origin the application was loaded from unless the response from other origins includes the right CORS headers.
 
 ![Diagrammatic representation of CORS mechanism](cors_principle.png)
 
-The CORS mechanism supports secure cross-origin requests and data transfers between browsers and servers. Modern browsers use CORS in APIs such as `XMLHttpRequest` or [Fetch](/en-US/docs/Web/API/Fetch_API) to mitigate the risks of cross-origin HTTP requests.
+The CORS mechanism supports secure cross-origin requests and data transfers between browsers and servers. Browsers use CORS in APIs such as `fetch()` or `XMLHttpRequest` to mitigate the risks of cross-origin HTTP requests.
 
 ## What requests use CORS?
 
 This [cross-origin sharing standard](https://fetch.spec.whatwg.org/#http-cors-protocol) can enable cross-origin HTTP requests for:
 
-- Invocations of the {{domxref("XMLHttpRequest")}} or [Fetch APIs](/en-US/docs/Web/API/Fetch_API), as discussed above.
+- Invocations of `fetch()` or `XMLHttpRequest`, as discussed above.
 - Web Fonts (for cross-domain font usage in `@font-face` within CSS), [so that servers can deploy TrueType fonts that can only be loaded cross-origin and used by websites that are permitted to do so.](https://www.w3.org/TR/css-fonts-3/#font-fetching-requirements)
 - [WebGL textures](/en-US/docs/Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL).
 - Images/video frames drawn to a canvas using {{domxref("CanvasRenderingContext2D.drawImage()", "drawImage()")}}.
@@ -39,13 +39,13 @@ Subsequent sections discuss scenarios, as well as provide a breakdown of the HTT
 
 ## Examples of access control scenarios
 
-We present three scenarios that demonstrate how Cross-Origin Resource Sharing works. All these examples use {{domxref("XMLHttpRequest")}}, which can make cross-origin requests in any supporting browser.
+We present three scenarios that demonstrate how Cross-Origin Resource Sharing works. All these examples use {{domxref("fetch()")}}, which can make cross-origin requests in any supporting browser.
 
 ### Simple requests
 
 Some requests don't trigger a {{Glossary("Preflight_request","CORS preflight")}}. Those are called _simple requests_ from the obsolete [CORS spec](https://www.w3.org/TR/2014/REC-cors-20140116/#terminology), though the [Fetch spec](https://fetch.spec.whatwg.org/) (which now defines CORS) doesn't use that term.
 
-The motivation is that the {{HTMLElement("form")}} element from HTML 4.0 (which predates cross-site {{domxref("XMLHttpRequest")}} and {{domxref("fetch")}}) can submit simple requests to any origin, so anyone writing a server must already be protecting against {{Glossary("CSRF", "cross-site request forgery")}} (CSRF). Under this assumption, the server doesn't have to opt-in (by responding to a preflight request) to receive any request that looks like a form submission, since the threat of CSRF is no worse than that of form submission. However, the server still must opt-in using {{HTTPHeader("Access-Control-Allow-Origin")}} to _share_ the response with the script.
+The motivation is that the {{HTMLElement("form")}} element from HTML 4.0 (which predates cross-site {{domxref("fetch()")}} and {{domxref("XMLHttpRequest")}}) can submit simple requests to any origin, so anyone writing a server must already be protecting against {{Glossary("CSRF", "cross-site request forgery")}} (CSRF). Under this assumption, the server doesn't have to opt-in (by responding to a preflight request) to receive any request that looks like a form submission, since the threat of CSRF is no worse than that of form submission. However, the server still must opt-in using {{HTTPHeader("Access-Control-Allow-Origin")}} to _share_ the response with the script.
 
 A _simple request_ is one that **meets all the following conditions**:
 
@@ -80,15 +80,16 @@ A _simple request_ is one that **meets all the following conditions**:
 >
 > No other browsers implement these extra restrictions because they're not part of the spec.
 
-For example, suppose web content at `https://foo.example` wishes to invoke content on domain `https://bar.other`. Code of this sort might be used in JavaScript deployed on `foo.example`:
+For example, suppose web content at `https://foo.example` wishes to fetch JSON content from domain `https://bar.other`. Code of this sort might be used in JavaScript deployed on `foo.example`:
 
 ```js
-const xhr = new XMLHttpRequest();
-const url = "https://bar.other/resources/public-data/";
+const fetchPromise = fetch("https://bar.other");
 
-xhr.open("GET", url);
-xhr.onreadystatechange = someHandler;
-xhr.send();
+fetchPromise
+  .then((response) => response.json())
+  .then((data) => {
+    console.log(data);
+  });
 ```
 
 This operation performs a simple exchange between the client and the server, using CORS headers to handle the privileges:
@@ -146,12 +147,19 @@ Unlike [_simple requests_](#simple_requests), for "preflighted" requests the bro
 The following is an example of a request that will be preflighted:
 
 ```js
-const xhr = new XMLHttpRequest();
-xhr.open("POST", "https://bar.other/doc");
-xhr.setRequestHeader("X-PINGOTHER", "pingpong");
-xhr.setRequestHeader("Content-Type", "text/xml");
-xhr.onreadystatechange = handler;
-xhr.send("<person><name>Arun</name></person>");
+const fetchPromise = fetch("https://bar.other/doc", {
+  method: "POST",
+  mode: "cors",
+  headers: {
+    "Content-Type": "text/xml",
+    "X-PINGOTHER": "pingpong",
+  },
+  body: "<person><name>Arun</name></person>",
+});
+
+fetchPromise.then((response) => {
+  console.log(response.status);
+});
 ```
 
 The example above creates an XML body to send with the `POST` request. Also, a non-standard HTTP `X-PINGOTHER` request header is set. Such headers are not part of HTTP/1.1, but are generally useful to web applications. Since the request uses a `Content-Type` of `text/xml`, and since a custom header is set, this request is preflighted.
@@ -269,25 +277,24 @@ However, if the request is one that triggers a preflight due to the presence of
 
 > **Note:** When making credentialed requests to a different domain, third-party cookie policies will still apply. The policy is always enforced regardless of any setup on the server and the client as described in this chapter.
 
-The most interesting capability exposed by both {{domxref("XMLHttpRequest")}} or [Fetch](/en-US/docs/Web/API/Fetch_API) and CORS is the ability to make "credentialed" requests that are aware of [HTTP cookies](/en-US/docs/Web/HTTP/Cookies) and HTTP Authentication information. By default, in cross-origin `XMLHttpRequest` or [Fetch](/en-US/docs/Web/API/Fetch_API) invocations, browsers will **not** send credentials. A specific flag has to be set on the `XMLHttpRequest` object or the {{domxref("Request")}} constructor when it is invoked.
+The most interesting capability exposed by both {{domxref("fetch()")}} or {{domxref("XMLHttpRequest")}} and CORS is the ability to make "credentialed" requests that are aware of [HTTP cookies](/en-US/docs/Web/HTTP/Cookies) and HTTP Authentication information. By default, in cross-origin `fetch()` or `XMLHttpRequest` calls, browsers will _not_ send credentials.
+
+To ask for a `fetch()` request to include credentials, set the [`credentials`](/en-US/docs/Web/API/Request/Request#credentials) option in the {{domxref("Request.Request()", "Request()")}} constructor to `"include"`.
+
+To ask for an `XMLHttpRequest` request to include credentials, set the {{domxref("XMLHttpRequest.withCredentials")}} property to `true`.
 
 In this example, content originally loaded from `https://foo.example` makes a simple GET request to a resource on `https://bar.other` which sets Cookies. Content on foo.example might contain JavaScript like this:
 
 ```js
-const invocation = new XMLHttpRequest();
 const url = "https://bar.other/resources/credentialed-content/";
 
-function callOtherDomain() {
-  if (invocation) {
-    invocation.open("GET", url, true);
-    invocation.withCredentials = true;
-    invocation.onreadystatechange = handler;
-    invocation.send();
-  }
-}
+const request = new Request(url, { credentials: "include" });
+
+const fetchPromise = fetch(request);
+fetchPromise.then((response) => console.log(response));
 ```
 
-Line 7 shows the flag on {{domxref("XMLHttpRequest")}} that has to be set in order to make the invocation with Cookies, namely the `withCredentials` boolean value. By default, the invocation is made without Cookies. Since this is a simple `GET` request, it is not preflighted but the browser will **reject** any response that does not have the {{HTTPHeader("Access-Control-Allow-Credentials")}}`: true` header, and **not** make the response available to the invoking web content.
+This code creates a {{domxref("Request")}} object, setting the `credentials` option to `"include"` in the constructor, then passes this request into `fetch()`. Since this is a simple `GET` request, it is not preflighted but the browser will **reject** any response that does not have the {{HTTPHeader("Access-Control-Allow-Credentials")}}`: true` header, and **not** make the response available to the invoking web content.
 
 ![Diagram of a simple GET request with Access-Control-Allow-Credentials](cred-req-updated.png)
 
@@ -384,7 +391,7 @@ If the server specifies a single origin (that may dynamically change based on th
 
 ### Access-Control-Expose-Headers
 
-The {{HTTPHeader("Access-Control-Expose-Headers")}} header adds the specified headers to the allowlist that JavaScript (such as {{domxref("XMLHttpRequest.getResponseHeader()","getResponseHeader()")}}) in browsers is allowed to access.
+The {{HTTPHeader("Access-Control-Expose-Headers")}} header adds the specified headers to the allowlist that JavaScript (such as {{domxref("Response.headers")}}) in browsers is allowed to access.
 
 ```http
 Access-Control-Expose-Headers: <header-name>[, <header-name>]*
@@ -438,7 +445,7 @@ Access-Control-Allow-Headers: <header-name>[, <header-name>]*
 
 ## The HTTP request headers
 
-This section lists headers that clients may use when issuing HTTP requests in order to make use of the cross-origin sharing feature. Note that these headers are set for you when making invocations to servers. Developers using cross-origin {{domxref("XMLHttpRequest")}} capability do not have to set any cross-origin sharing request headers programmatically.
+This section lists headers that clients may use when issuing HTTP requests in order to make use of the cross-origin sharing feature. Note that these headers are set for you when making invocations to servers. Developers making cross-origin requests do not have to set any cross-origin sharing request headers programmatically.
 
 ### Origin
 
@@ -466,7 +473,7 @@ Examples of this usage can be [found above.](#preflighted_requests)
 
 ### Access-Control-Request-Headers
 
-The {{HTTPHeader("Access-Control-Request-Headers")}} header is used when issuing a preflight request to let the server know what HTTP headers will be used when the actual request is made (such as with {{domxref("XMLHttpRequest.setRequestHeader()","setRequestHeader()")}}). This browser-side header will be answered by the complementary server-side header of {{HTTPHeader("Access-Control-Allow-Headers")}}.
+The {{HTTPHeader("Access-Control-Request-Headers")}} header is used when issuing a preflight request to let the server know what HTTP headers will be used when the actual request is made (for example, by passing them as the [`headers`](/en-US/docs/Web/API/Request/Request#headers) option to the {{domxref("Request.Request()", "Request()")}} constructor). This browser-side header will be answered by the complementary server-side header of {{HTTPHeader("Access-Control-Allow-Headers")}}.
 
 ```http
 Access-Control-Request-Headers: <field-name>[, <field-name>]*
@@ -486,8 +493,8 @@ Examples of this usage can be [found above](#preflighted_requests).
 
 - [CORS errors](/en-US/docs/Web/HTTP/CORS/Errors)
 - [Enable CORS: I want to add CORS support to my server](https://enable-cors.org/server.html)
-- {{domxref("XMLHttpRequest")}}
 - [Fetch API](/en-US/docs/Web/API/Fetch_API)
+- {{domxref("XMLHttpRequest")}}
 - [Will it CORS?](https://httptoolkit.com/will-it-cors/) - an interactive CORS explainer & generator
 - [How to run Chrome browser without CORS](https://alfilatov.com/posts/run-chrome-without-cors/)
 - [Using CORS with All (Modern) Browsers](https://www.telerik.com/blogs/using-cors-with-all-modern-browsers)

From 5bc1969dd92f2282dee327a8c7ee2f2e31f53ed3 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 19 Dec 2023 14:17:44 +0800
Subject: [PATCH 015/790] LockManager | add detail for `LockManager.query()`
 return value (#31128)

* fix exception text

* update return value description

* fix word

* Update files/en-us/web/api/lockmanager/query/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../en-us/web/api/lockmanager/query/index.md  | 19 +++++++++++++++----
 .../web/api/lockmanager/request/index.md      |  8 ++++----
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/files/en-us/web/api/lockmanager/query/index.md b/files/en-us/web/api/lockmanager/query/index.md
index fd54b3700eb5325..03d0efc0ce18125 100644
--- a/files/en-us/web/api/lockmanager/query/index.md
+++ b/files/en-us/web/api/lockmanager/query/index.md
@@ -27,17 +27,28 @@ None.
 A {{jsxref('Promise')}} that resolves with an object containing a snapshot of the {{domxref("LockManager")}} state.
 The object has the following properties:
 
-- `held`: An array of {{domxref('LockInfo')}} objects for held locks.
-- `pending`: An array of {{domxref('LockInfo')}} objects for pending lock requests.
+- `held`
+  - : An array of `LockInfo` objects for held locks.
+- `pending`
+  - : An array of `LockInfo` objects for pending lock requests.
+
+The `LockInfo` object can have the following properties:
+
+- `name`
+  - : The name passed to {{domxref("LockManager.request()")}} when the lock was requested.
+- `mode`
+  - : The access mode passed to {{domxref("LockManager.request()")}} when the lock was requested. The mode is either `"exclusive"` or `"shared"`.
+- `clientId`
+  - : The unique identity of the context where {{domxref("LockManager.request()")}} is called. This is the same value as {{domxref("Client.id")}}.
 
 ### Exceptions
 
 This method may return a promise rejected with a {{domxref("DOMException")}} of one of the following types:
 
 - `InvalidStateError` {{domxref("DOMException")}}
-  - : If the environments document is not fully active.
+  - : Thrown if the environments document is not fully active.
 - `SecurityError` {{domxref("DOMException")}}
-  - : If a lock manager cannot be obtained for the current environment.
+  - : Thrown if a lock manager cannot be obtained for the current environment.
 
 ## Examples
 
diff --git a/files/en-us/web/api/lockmanager/request/index.md b/files/en-us/web/api/lockmanager/request/index.md
index 095e2ab51c1a446..93b594a6d7c1a4b 100644
--- a/files/en-us/web/api/lockmanager/request/index.md
+++ b/files/en-us/web/api/lockmanager/request/index.md
@@ -81,13 +81,13 @@ A {{jsxref('Promise')}} that resolves (or rejects) with the result of the callba
 This method may return a promise rejected with a {{domxref("DOMException")}} of one of the following types:
 
 - `InvalidStateError` {{domxref("DOMException")}}
-  - : If the environments document is not fully active.
+  - : Thrown if the environments document is not fully active.
 - `SecurityError` {{domxref("DOMException")}}
-  - : If a lock manager cannot be obtained for the current environment.
+  - : Thrown if a lock manager cannot be obtained for the current environment.
 - `NotSupportedError` {{domxref("DOMException")}}
-  - : If `name` starts with a hyphen (`-`), both options `steal` and `ifAvailable` are `true`, or if option `signal` exists and _either_ option `steal` or `ifAvailable` is `true`.
+  - : Thrown if `name` starts with a hyphen (`-`), both options `steal` and `ifAvailable` are `true`, or if option `signal` exists and _either_ option `steal` or `ifAvailable` is `true`.
 - `AbortError` {{domxref("DOMException")}}
-  - : If the option `signal` exists and is aborted.
+  - : Thrown if the option `signal` exists and is aborted.
 
 ## Examples
 

From dea44952741f722ccf62f8e868d1bc988e953aa0 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Tue, 19 Dec 2023 17:41:34 +0800
Subject: [PATCH 016/790] fix: remove the self-referenced links (#31147)

---
 files/en-us/web/api/htmlelement/copy_event/index.md  | 2 +-
 files/en-us/web/api/htmlelement/cut_event/index.md   | 2 +-
 files/en-us/web/api/htmlelement/paste_event/index.md | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/htmlelement/copy_event/index.md b/files/en-us/web/api/htmlelement/copy_event/index.md
index 88f9ce75a0e34a3..7d54f224e94151b 100644
--- a/files/en-us/web/api/htmlelement/copy_event/index.md
+++ b/files/en-us/web/api/htmlelement/copy_event/index.md
@@ -31,7 +31,7 @@ A {{domxref("ClipboardEvent")}}. Inherits from {{domxref("Event")}}.
 _Also inherits properties from its parent {{domxref("Event")}}_.
 
 - {{domxref("ClipboardEvent.clipboardData")}} {{ReadOnlyInline}}
-  - : A {{domxref("DataTransfer")}} object containing the data affected by the user-initiated {{domxref("HTMLElement/cut_event", "cut")}}, {{domxref("HTMLElement/copy_event", "copy")}}, or {{domxref("HTMLElement/paste_event", "paste")}} operation, along with its MIME type.
+  - : A {{domxref("DataTransfer")}} object containing the data affected by the user-initiated {{domxref("HTMLElement/cut_event", "cut")}}, `copy`, or {{domxref("HTMLElement/paste_event", "paste")}} operation, along with its MIME type.
 
 ## Example
 
diff --git a/files/en-us/web/api/htmlelement/cut_event/index.md b/files/en-us/web/api/htmlelement/cut_event/index.md
index 8acb7473e0bf907..314d860d63c8255 100644
--- a/files/en-us/web/api/htmlelement/cut_event/index.md
+++ b/files/en-us/web/api/htmlelement/cut_event/index.md
@@ -31,7 +31,7 @@ A {{domxref("ClipboardEvent")}}. Inherits from {{domxref("Event")}}.
 _Also inherits properties from its parent {{domxref("Event")}}_.
 
 - {{domxref("ClipboardEvent.clipboardData")}} {{ReadOnlyInline}}
-  - : A {{domxref("DataTransfer")}} object containing the data affected by the user-initiated {{domxref("HTMLElement/cut_event", "cut")}}, {{domxref("HTMLElement/copy_event", "copy")}}, or {{domxref("HTMLElement/paste_event", "paste")}} operation, along with its MIME type.
+  - : A {{domxref("DataTransfer")}} object containing the data affected by the user-initiated `cut`, {{domxref("HTMLElement/copy_event", "copy")}}, or {{domxref("HTMLElement/paste_event", "paste")}} operation, along with its MIME type.
 
 ## Example
 
diff --git a/files/en-us/web/api/htmlelement/paste_event/index.md b/files/en-us/web/api/htmlelement/paste_event/index.md
index 96e311f98e89876..c6aa93050c7d8fa 100644
--- a/files/en-us/web/api/htmlelement/paste_event/index.md
+++ b/files/en-us/web/api/htmlelement/paste_event/index.md
@@ -31,7 +31,7 @@ A {{domxref("ClipboardEvent")}}. Inherits from {{domxref("Event")}}.
 _Also inherits properties from its parent {{domxref("Event")}}_.
 
 - {{domxref("ClipboardEvent.clipboardData")}} {{ReadOnlyInline}}
-  - : A {{domxref("DataTransfer")}} object containing the data affected by the user-initiated {{domxref("HTMLElement/cut_event", "cut")}}, {{domxref("HTMLElement/copy_event", "copy")}}, or {{domxref("HTMLElement/paste_event", "paste")}} operation, along with its MIME type.
+  - : A {{domxref("DataTransfer")}} object containing the data affected by the user-initiated {{domxref("HTMLElement/cut_event", "cut")}}, {{domxref("HTMLElement/copy_event", "copy")}}, or `paste` operation, along with its MIME type.
 
 ## Example
 

From 73e4dcc6b6ab8840537340bc80df947886bc5ef5 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 19 Dec 2023 11:03:31 +0100
Subject: [PATCH 017/790] Fix BCD in yaml for RTC*Stats.* that have a page and
 an entry (#31096)

* Fix BCD in yaml

* Fix erroneous entry
---
 .../availableoutgoingbitrate/index.md         |  2 +-
 .../bytesreceived/index.md                    |  2 +-
 .../bytessent/index.md                        |  2 +-
 .../currentroundtriptime/index.md             |  2 +-
 .../lastpacketreceivedtimestamp/index.md      |  2 +-
 .../lastpacketsenttimestamp/index.md          |  2 +-
 .../localcandidateid/index.md                 |  2 +-
 .../nominated/index.md                        |  2 +-
 .../priority/index.md                         |  2 +-
 .../remotecandidateid/index.md                |  2 +-
 .../requestsreceived/index.md                 |  2 +-
 .../requestssent/index.md                     |  2 +-
 .../responsesreceived/index.md                |  2 +-
 .../responsessent/index.md                    |  2 +-
 .../rtcicecandidatepairstats/state/index.md   | 23 +++++++++----------
 .../totalroundtriptime/index.md               |  2 +-
 .../transportid/index.md                      |  2 +-
 .../api/rtcicecandidatestats/address/index.md |  2 +-
 .../candidatetype/index.md                    |  4 ++--
 .../api/rtcicecandidatestats/port/index.md    |  2 +-
 .../rtcicecandidatestats/priority/index.md    |  2 +-
 .../rtcicecandidatestats/transportid/index.md |  2 +-
 .../bytesreceived/index.md                    |  2 +-
 .../fecpacketsdiscarded/index.md              |  2 +-
 .../fecpacketsreceived/index.md               |  2 +-
 .../nackcount/index.md                        |  2 +-
 .../nackcount/index.md                        |  2 +-
 .../remoteid/index.md                         |  2 +-
 28 files changed, 39 insertions(+), 40 deletions(-)

diff --git a/files/en-us/web/api/rtcicecandidatepairstats/availableoutgoingbitrate/index.md b/files/en-us/web/api/rtcicecandidatepairstats/availableoutgoingbitrate/index.md
index d710253701ae212..298bbcda0af7c82 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/availableoutgoingbitrate/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/availableoutgoingbitrate/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: availableOutgoingBitrate property"
 short-title: availableOutgoingBitrate
 slug: Web/API/RTCIceCandidatePairStats/availableOutgoingBitrate
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.availableOutgoingBitrate
+browser-compat: api.RTCStatsReport.type_candidate-pair.availableOutgoingBitrate
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/bytesreceived/index.md b/files/en-us/web/api/rtcicecandidatepairstats/bytesreceived/index.md
index 00f6755bbf67899..356630a6f0a86e7 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/bytesreceived/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/bytesreceived/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: bytesReceived property"
 short-title: bytesReceived
 slug: Web/API/RTCIceCandidatePairStats/bytesReceived
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.bytesReceived
+browser-compat: api.RTCStatsReport.type_candidate-pair.bytesReceived
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/bytessent/index.md b/files/en-us/web/api/rtcicecandidatepairstats/bytessent/index.md
index e85fb51cd652121..b2ed075d5754ee1 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/bytessent/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/bytessent/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: bytesSent property"
 short-title: bytesSent
 slug: Web/API/RTCIceCandidatePairStats/bytesSent
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.bytesSent
+browser-compat: api.RTCStatsReport.type_candidate-pair.bytesSent
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/currentroundtriptime/index.md b/files/en-us/web/api/rtcicecandidatepairstats/currentroundtriptime/index.md
index 58b5b78f660c4ed..ac51d60237c8bc6 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/currentroundtriptime/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/currentroundtriptime/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: currentRoundTripTime property"
 short-title: currentRoundTripTime
 slug: Web/API/RTCIceCandidatePairStats/currentRoundTripTime
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.currentRoundTripTime
+browser-compat: api.RTCStatsReport.type_candidate-pair.currentRoundTripTime
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/lastpacketreceivedtimestamp/index.md b/files/en-us/web/api/rtcicecandidatepairstats/lastpacketreceivedtimestamp/index.md
index c030516ec8e962d..b030845c1e39b2c 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/lastpacketreceivedtimestamp/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/lastpacketreceivedtimestamp/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: lastPacketReceivedTimestamp property"
 short-title: lastPacketReceivedTimestamp
 slug: Web/API/RTCIceCandidatePairStats/lastPacketReceivedTimestamp
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.lastPacketReceivedTimestamp
+browser-compat: api.RTCStatsReport.type_candidate-pair.lastPacketReceivedTimestamp
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/lastpacketsenttimestamp/index.md b/files/en-us/web/api/rtcicecandidatepairstats/lastpacketsenttimestamp/index.md
index cd167fbc8d19010..01d3dbe5ecb4be7 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/lastpacketsenttimestamp/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/lastpacketsenttimestamp/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidateStats: lastPacketSentTimestamp property"
 short-title: lastPacketSentTimestamp
 slug: Web/API/RTCIceCandidatePairStats/lastPacketSentTimestamp
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.lastPacketSentTimestamp
+browser-compat: api.RTCStatsReport.type_candidate-pair.lastPacketSentTimestamp
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/localcandidateid/index.md b/files/en-us/web/api/rtcicecandidatepairstats/localcandidateid/index.md
index 3dc4ee366f15e7f..0f1e79547f91ce8 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/localcandidateid/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/localcandidateid/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidateStats: localCandidateId property"
 short-title: localCandidateId
 slug: Web/API/RTCIceCandidatePairStats/localCandidateId
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.localCandidateId
+browser-compat: api.RTCStatsReport.type_candidate-pair.localCandidateId
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/nominated/index.md b/files/en-us/web/api/rtcicecandidatepairstats/nominated/index.md
index 437790436f32e55..d9b33c09b558b96 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/nominated/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/nominated/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: nominated property"
 short-title: nominated
 slug: Web/API/RTCIceCandidatePairStats/nominated
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.nominated
+browser-compat: api.RTCStatsReport.type_candidate-pair.nominated
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/priority/index.md b/files/en-us/web/api/rtcicecandidatepairstats/priority/index.md
index 9cf20422e82ef86..a1e2515338817f5 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/priority/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/priority/index.md
@@ -5,7 +5,7 @@ slug: Web/API/RTCIceCandidatePairStats/priority
 page-type: web-api-instance-property
 status:
   - deprecated
-browser-compat: api.RTCIceCandidatePairStats.priority
+browser-compat: api.RTCStatsReport.type_candidate-pair.priority
 ---
 
 {{APIRef("WebRTC")}}{{deprecated_header}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/remotecandidateid/index.md b/files/en-us/web/api/rtcicecandidatepairstats/remotecandidateid/index.md
index 1e61aa0c387076d..8ce9495356cfca6 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/remotecandidateid/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/remotecandidateid/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: remoteCandidateId property"
 short-title: remoteCandidateId
 slug: Web/API/RTCIceCandidatePairStats/remoteCandidateId
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.remoteCandidateId
+browser-compat: api.RTCStatsReport.type_candidate-pair.remoteCandidateId
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/requestsreceived/index.md b/files/en-us/web/api/rtcicecandidatepairstats/requestsreceived/index.md
index 030889937c61a88..de77354b03b7196 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/requestsreceived/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/requestsreceived/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: requestsReceived property"
 short-title: requestsReceived
 slug: Web/API/RTCIceCandidatePairStats/requestsReceived
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.requestsReceived
+browser-compat: api.RTCStatsReport.type_candidate-pair.requestsReceived
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/requestssent/index.md b/files/en-us/web/api/rtcicecandidatepairstats/requestssent/index.md
index e5e15b3df3f378c..fbb8b475fd04ce4 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/requestssent/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/requestssent/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: requestsSent property"
 short-title: requestsSent
 slug: Web/API/RTCIceCandidatePairStats/requestsSent
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.requestsSent
+browser-compat: api.RTCStatsReport.type_candidate-pair.requestsSent
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/responsesreceived/index.md b/files/en-us/web/api/rtcicecandidatepairstats/responsesreceived/index.md
index c348ba9a8fa1152..e44e9585119f023 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/responsesreceived/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/responsesreceived/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: responsesReceived property"
 short-title: responsesReceived
 slug: Web/API/RTCIceCandidatePairStats/responsesReceived
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.responsesReceived
+browser-compat: api.RTCStatsReport.type_candidate-pair.responsesReceived
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/responsessent/index.md b/files/en-us/web/api/rtcicecandidatepairstats/responsessent/index.md
index bd61dfb4f1f7475..1cd4d6b8d542853 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/responsessent/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/responsessent/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: responsesSent property"
 short-title: responsesSent
 slug: Web/API/RTCIceCandidatePairStats/responsesSent
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.responsesSent
+browser-compat: api.RTCStatsReport.type_candidate-pair.responsesSent
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/state/index.md b/files/en-us/web/api/rtcicecandidatepairstats/state/index.md
index 4cccfc27e2abe64..f46766b84add668 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/state/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/state/index.md
@@ -3,12 +3,12 @@ title: "RTCIceCandidatePairStats: state property"
 short-title: state
 slug: Web/API/RTCIceCandidatePairStats/state
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.state
+browser-compat: api.RTCStatsReport.type_candidate-pair.state
 ---
 
 {{APIRef("WebRTC")}}
 
-The **`state`** property in a string that indicates the state of the check list of which the candidate pair is a member.
+The **`state`** property is a string that indicates the state of the checklist of which the candidate pair is a member.
 
 ## Value
 
@@ -27,24 +27,23 @@ A string whose value is one of the following:
 
 ## ICE check lists
 
-During ICE negotiation, the ICE layer builds up a **check list**, which is
+During ICE negotiation, the ICE layer builds up a _checklist_, which is
 a list of potential pairings of ICE candidates. Each pair has a state, represented by a string literal.
 
-![A diagram showing how ICE candidate pairs change state as the check list is analyzed](ice-check-list-states.svg)
+![A diagram showing how ICE candidate pairs change state as the checklist is analyzed](ice-check-list-states.svg)
 
-When a candidate pair is added to the check list, it begins in the `frozen`
-state. As soon as there are no checks ongoing which block the pair from being analyzed,
+When a candidate pair is added to the checklist, it begins in the `frozen`
+state. As soon as there are no checks ongoing that block the pair from being analyzed,
 it is unfrozen and moves into the `waiting` state. This may happen
-immediately upon being added to the check list.
+immediately upon being added to the checklist.
 
-Each time a candidate pair is done being checked, the next-highest priority candidate
-pair remaining on the check list moves from the `waiting` state to the
+Each time a candidate pair is checked, the next-highest priority candidate
+pair remaining on the checklist moves from the `waiting` state to the
 `in-progress` state, and its check begins. If the check fails for any reason,
 the pair moves into its final state, `failed`. If the check succeeds, the
 pair ends up in the `succeeded` state.
-
-The ICE check list state for any given pair of ICE candidates can be found in the
-corresponding the `state` property.
+The ICE checklist state for any given pair of ICE candidates can be found in the
+corresponding `state` property.
 
 ## Specifications
 
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/totalroundtriptime/index.md b/files/en-us/web/api/rtcicecandidatepairstats/totalroundtriptime/index.md
index 810eb178afaf4e0..0435d5ab8d1af46 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/totalroundtriptime/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/totalroundtriptime/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: totalRoundTripTime property"
 short-title: totalRoundTripTime
 slug: Web/API/RTCIceCandidatePairStats/totalRoundTripTime
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.totalRoundTripTime
+browser-compat: api.RTCStatsReport.type_candidate-pair.totalRoundTripTime
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/transportid/index.md b/files/en-us/web/api/rtcicecandidatepairstats/transportid/index.md
index 6bcc5cf4b4379a5..53f94f845755e3c 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/transportid/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/transportid/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidatePairStats: transportId property"
 short-title: transportId
 slug: Web/API/RTCIceCandidatePairStats/transportId
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidatePairStats.transportId
+browser-compat: api.RTCStatsReport.type_candidate-pair.transportId
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatestats/address/index.md b/files/en-us/web/api/rtcicecandidatestats/address/index.md
index 38027925682b184..2447598bbb43f2c 100644
--- a/files/en-us/web/api/rtcicecandidatestats/address/index.md
+++ b/files/en-us/web/api/rtcicecandidatestats/address/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidateStats: address property"
 short-title: address
 slug: Web/API/RTCIceCandidateStats/address
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidateStats.address
+browser-compat: api.RTCStatsReport.type_local-candidate.address
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatestats/candidatetype/index.md b/files/en-us/web/api/rtcicecandidatestats/candidatetype/index.md
index 4fd076c1ea46c66..87fbdb29dfb3a32 100644
--- a/files/en-us/web/api/rtcicecandidatestats/candidatetype/index.md
+++ b/files/en-us/web/api/rtcicecandidatestats/candidatetype/index.md
@@ -3,13 +3,13 @@ title: "RTCIceCandidateStats: candidateType property"
 short-title: candidateType
 slug: Web/API/RTCIceCandidateStats/candidateType
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidateStats.candidateType
+browser-compat: api.RTCStatsReport.type_local-candidate.candidateType
 ---
 
 {{APIRef("WebRTC")}}
 
 The {{domxref("RTCIceCandidateStats")}} interface's
-**`candidateType`** property is a string which indicates the
+**`candidateType`** property is a string that indicates the
 type of {{Glossary("ICE")}} candidate the object represents.
 
 ## Syntax
diff --git a/files/en-us/web/api/rtcicecandidatestats/port/index.md b/files/en-us/web/api/rtcicecandidatestats/port/index.md
index 3594c917add0728..4c5a07a56c0b8a0 100644
--- a/files/en-us/web/api/rtcicecandidatestats/port/index.md
+++ b/files/en-us/web/api/rtcicecandidatestats/port/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidateStats: port property"
 short-title: port
 slug: Web/API/RTCIceCandidateStats/port
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidateStats.port
+browser-compat: api.RTCStatsReport.type_local-candidate.port
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatestats/priority/index.md b/files/en-us/web/api/rtcicecandidatestats/priority/index.md
index 279756af82af041..454dc376075b3e0 100644
--- a/files/en-us/web/api/rtcicecandidatestats/priority/index.md
+++ b/files/en-us/web/api/rtcicecandidatestats/priority/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidateStats: priority property"
 short-title: priority
 slug: Web/API/RTCIceCandidateStats/priority
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidateStats.priority
+browser-compat: api.RTCStatsReport.type_local-candidate.priority
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcicecandidatestats/transportid/index.md b/files/en-us/web/api/rtcicecandidatestats/transportid/index.md
index aaf34a822147443..513edf1830e2d0a 100644
--- a/files/en-us/web/api/rtcicecandidatestats/transportid/index.md
+++ b/files/en-us/web/api/rtcicecandidatestats/transportid/index.md
@@ -3,7 +3,7 @@ title: "RTCIceCandidateStats: transportId property"
 short-title: transportId
 slug: Web/API/RTCIceCandidateStats/transportId
 page-type: web-api-instance-property
-browser-compat: api.RTCIceCandidateStats.transportId
+browser-compat: api.RTCStatsReport.type_local-candidate.transportId
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcinboundrtpstreamstats/bytesreceived/index.md b/files/en-us/web/api/rtcinboundrtpstreamstats/bytesreceived/index.md
index fcc9d06ab12edbb..6898bd6482bfec3 100644
--- a/files/en-us/web/api/rtcinboundrtpstreamstats/bytesreceived/index.md
+++ b/files/en-us/web/api/rtcinboundrtpstreamstats/bytesreceived/index.md
@@ -3,7 +3,7 @@ title: "RTCInboundRtpStreamStats: bytesReceived property"
 short-title: bytesReceived
 slug: Web/API/RTCInboundRtpStreamStats/bytesReceived
 page-type: web-api-instance-property
-browser-compat: api.RTCInboundRtpStreamStats.bytesReceived
+browser-compat: api.RTCStatsReport.type_inbound-rtp.bytesReceived
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcinboundrtpstreamstats/fecpacketsdiscarded/index.md b/files/en-us/web/api/rtcinboundrtpstreamstats/fecpacketsdiscarded/index.md
index 277ccdd80ea0b3c..66dedf558a7726d 100644
--- a/files/en-us/web/api/rtcinboundrtpstreamstats/fecpacketsdiscarded/index.md
+++ b/files/en-us/web/api/rtcinboundrtpstreamstats/fecpacketsdiscarded/index.md
@@ -3,7 +3,7 @@ title: "RTCInboundRtpStreamStats: fecPacketsDiscarded property"
 short-title: fecPacketsDiscarded
 slug: Web/API/RTCInboundRtpStreamStats/fecPacketsDiscarded
 page-type: web-api-instance-property
-browser-compat: api.RTCInboundRtpStreamStats.fecPacketsDiscarded
+browser-compat: api.RTCStatsReport.type_inbound-rtp.fecPacketsDiscarded
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcinboundrtpstreamstats/fecpacketsreceived/index.md b/files/en-us/web/api/rtcinboundrtpstreamstats/fecpacketsreceived/index.md
index 375a4ad0e2cce16..3a56b9a192e5ebb 100644
--- a/files/en-us/web/api/rtcinboundrtpstreamstats/fecpacketsreceived/index.md
+++ b/files/en-us/web/api/rtcinboundrtpstreamstats/fecpacketsreceived/index.md
@@ -3,7 +3,7 @@ title: "RTCInboundRtpStreamStats: fecPacketsReceived property"
 short-title: fecPacketsReceived
 slug: Web/API/RTCInboundRtpStreamStats/fecPacketsReceived
 page-type: web-api-instance-property
-browser-compat: api.RTCInboundRtpStreamStats.fecPacketsReceived
+browser-compat: api.RTCStatsReport.type_inbound-rtp.fecPacketsReceived
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcinboundrtpstreamstats/nackcount/index.md b/files/en-us/web/api/rtcinboundrtpstreamstats/nackcount/index.md
index 35eb6f701e0e465..f8709403cb98a12 100644
--- a/files/en-us/web/api/rtcinboundrtpstreamstats/nackcount/index.md
+++ b/files/en-us/web/api/rtcinboundrtpstreamstats/nackcount/index.md
@@ -3,7 +3,7 @@ title: "RTCInboundRtpStreamStats: nackCount property"
 short-title: nackCount
 slug: Web/API/RTCInboundRtpStreamStats/nackCount
 page-type: web-api-instance-property
-browser-compat: api.RTCInboundRtpStreamStats.nackCount
+browser-compat: api.RTCStatsReport.type_inbound-rtp.nackCount
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcoutboundrtpstreamstats/nackcount/index.md b/files/en-us/web/api/rtcoutboundrtpstreamstats/nackcount/index.md
index e8b05c9bd2182e1..11ce572eda399bc 100644
--- a/files/en-us/web/api/rtcoutboundrtpstreamstats/nackcount/index.md
+++ b/files/en-us/web/api/rtcoutboundrtpstreamstats/nackcount/index.md
@@ -3,7 +3,7 @@ title: "RTCOutboundRtpStreamStats: nackCount property"
 short-title: nackCount
 slug: Web/API/RTCOutboundRtpStreamStats/nackCount
 page-type: web-api-instance-property
-browser-compat: api.RTCOutboundRtpStreamStats.nackCount
+browser-compat: api.RTCStatsReport.type_outbound-rtp.nackCount
 ---
 
 {{APIRef("WebRTC")}}
diff --git a/files/en-us/web/api/rtcoutboundrtpstreamstats/remoteid/index.md b/files/en-us/web/api/rtcoutboundrtpstreamstats/remoteid/index.md
index 650ad0075ed0a88..dff6bcdc41ea40e 100644
--- a/files/en-us/web/api/rtcoutboundrtpstreamstats/remoteid/index.md
+++ b/files/en-us/web/api/rtcoutboundrtpstreamstats/remoteid/index.md
@@ -3,7 +3,7 @@ title: "RTCOutboundRtpStreamStats: remoteId property"
 short-title: remoteId
 slug: Web/API/RTCOutboundRtpStreamStats/remoteId
 page-type: web-api-instance-property
-browser-compat: api.RTCOutboundRtpStreamStats.remoteId
+browser-compat: api.RTCStatsReport.type_outbound-rtp.remoteId
 ---
 
 {{APIRef("WebRTC")}}

From 496ddf3829b3c60fd7d8e593383c8bf1cf699a3e Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 19 Dec 2023 18:03:39 +0800
Subject: [PATCH 018/790] MediaRecorderErrorEvent | replace {{Specifications}}
 & adjust Constructor section order (#31144)

---
 .../web/api/mediarecordererrorevent/error/index.md |  6 +++---
 .../en-us/web/api/mediarecordererrorevent/index.md | 14 +++++++-------
 .../mediarecordererrorevent/index.md               |  2 +-
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/files/en-us/web/api/mediarecordererrorevent/error/index.md b/files/en-us/web/api/mediarecordererrorevent/error/index.md
index aef373d4a8eac1f..0d16ce3c783348c 100644
--- a/files/en-us/web/api/mediarecordererrorevent/error/index.md
+++ b/files/en-us/web/api/mediarecordererrorevent/error/index.md
@@ -11,8 +11,8 @@ browser-compat: api.MediaRecorderErrorEvent.error
 
 {{APIRef("MediaStream Recording")}}{{Deprecated_Header}}{{Non-standard_Header}}
 
-The read-only `error` property in the
-**{{domxref("MediaRecorderErrorEvent")}}** interface is a
+The **`error`** read-only property of the
+{{domxref("MediaRecorderErrorEvent")}} interface is a
 {{domxref("DOMException")}} object providing details about the exception that was thrown
 by a {{domxref("MediaRecorder")}} instance.
 
@@ -85,7 +85,7 @@ function recordStream(stream) {
 
 ## Specifications
 
-{{Specifications}}
+This feature is no longer part of any specification, and longer on track to become standard.
 
 ## Browser compatibility
 
diff --git a/files/en-us/web/api/mediarecordererrorevent/index.md b/files/en-us/web/api/mediarecordererrorevent/index.md
index c3723a87ed2198a..491fd65852c0afd 100644
--- a/files/en-us/web/api/mediarecordererrorevent/index.md
+++ b/files/en-us/web/api/mediarecordererrorevent/index.md
@@ -10,21 +10,21 @@ browser-compat: api.MediaRecorderErrorEvent
 
 {{APIRef("MediaStream Recording")}}{{Deprecated_Header}}{{Non-standard_Header}}
 
-The `MediaRecorderErrorEvent` interface represents errors returned by the [MediaStream Recording API.](/en-US/docs/Web/API/MediaStream_Recording_API) It is an {{domxref("Event")}} object that encapsulates a reference to a {{domxref("DOMException")}} describing the error that occurred.
+The **`MediaRecorderErrorEvent`** interface represents errors returned by the [MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API). It is an {{domxref("Event")}} object that encapsulates a reference to a {{domxref("DOMException")}} describing the error that occurred.
 
 {{InheritanceDiagram}}
 
+## Constructor
+
+- {{domxref("MediaRecorderErrorEvent.MediaRecorderErrorEvent", "MediaStreamRecorderEvent()")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+  - : Creates and returns a new `MediaRecorderErrorEvent` event object with the given parameters.
+
 ## Instance properties
 
 _Inherits properties from its parent interface, {{domxref("Event")}}_.
 
 - {{domxref("MediaRecorderErrorEvent.error", "error")}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
-  - : A {{domxref("DOMException")}} containing information about the error that occurred. Read only.
-
-## Constructor
-
-- {{domxref("MediaRecorderErrorEvent.MediaRecorderErrorEvent", "MediaStreamRecorderEvent()")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
-  - : Creates and returns a new `MediaRecorderErrorEvent` event object with the given parameters.
+  - : A {{domxref("DOMException")}} containing information about the error that occurred.
 
 ## Instance methods
 
diff --git a/files/en-us/web/api/mediarecordererrorevent/mediarecordererrorevent/index.md b/files/en-us/web/api/mediarecordererrorevent/mediarecordererrorevent/index.md
index 62850fff9c9e883..77ae29dfb1cd16c 100644
--- a/files/en-us/web/api/mediarecordererrorevent/mediarecordererrorevent/index.md
+++ b/files/en-us/web/api/mediarecordererrorevent/mediarecordererrorevent/index.md
@@ -49,7 +49,7 @@ A new {{domxref("MediaRecorderErrorEvent")}} object.
 
 ## Specifications
 
-{{Specifications}}
+This feature is no longer part of any specification, and longer on track to become standard.
 
 ## Browser compatibility
 

From dfdfd2d7a98d8659b466aca96d2c4eb133d10303 Mon Sep 17 00:00:00 2001
From: Vadim Makeev <hi@pepelsbey.dev>
Date: Tue, 19 Dec 2023 12:12:29 +0100
Subject: [PATCH 019/790] Add new tail-call WASM features (#31040)

---
 .../reference/control_flow/call/index.md        | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/files/en-us/webassembly/reference/control_flow/call/index.md b/files/en-us/webassembly/reference/control_flow/call/index.md
index 06182777fba3d92..4b7f6c54abd3670 100644
--- a/files/en-us/webassembly/reference/control_flow/call/index.md
+++ b/files/en-us/webassembly/reference/control_flow/call/index.md
@@ -6,7 +6,7 @@ page-type: webassembly-instruction
 
 {{WebAssemblySidebar}}
 
-**`call`** calls a function. `call_indirect` calls a function in a table.
+**`call`** calls a function, `return_call` being the tail-call version of it. `call_indirect` calls a function in a table with the `return_call_indirect` tail-call version as well.
 
 {{EmbedInteractiveExample("pages/wat/call.html", "tabbed-standard")}}
 
@@ -16,7 +16,14 @@ page-type: webassembly-instruction
 call $greet
 ```
 
-| Instruction     | Binary opcode |
-| --------------- | ------------- |
-| `call`          | `0x10`        |
-| `call_indirect` | `0x11`        |
+| Instruction            | Binary opcode |
+| ---------------------- | ------------- |
+| `call`                 | `0x10`        |
+| `call_indirect`        | `0x11`        |
+| `return_call`          | `0x12`        |
+| `return_call_indirect` | `0x13`        |
+
+## See also
+
+- [Tail Call Extension proposal overview](https://github.com/WebAssembly/tail-call/blob/main/proposals/tail-call/Overview.md)
+- [V8 on WebAssembly tail calls support](https://v8.dev/blog/wasm-tail-call)

From b8988df4d61b30954968392ca8da3715da5b837c Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Tue, 19 Dec 2023 11:38:38 +0000
Subject: [PATCH 020/790] 29787 text wrap (#31148)

* added pretty & stable to text wrap

* added a section on when balance/pretty/stable should be used

* Updated the heading to Description

* added the experimental release note for text-wrap

* added text-wrap to the release note 121

* Update files/en-us/web/css/text-wrap/index.md

Co-authored-by: Zach Fox <3409031+zfox23@users.noreply.github.com>

* Update files/en-us/web/css/text-wrap/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/mozilla/firefox/releases/121/index.md

Co-authored-by: Zach Fox <3409031+zfox23@users.noreply.github.com>

* Update files/en-us/mozilla/firefox/experimental_features/index.md

Co-authored-by: Zach Fox <3409031+zfox23@users.noreply.github.com>

* Update files/en-us/web/css/text-wrap/index.md

Co-authored-by: Zach Fox <3409031+zfox23@users.noreply.github.com>

* simplified the language speed over paint performance

* Update files/en-us/web/css/text-wrap/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* made the description of stable clearer

* Update files/en-us/mozilla/firefox/releases/121/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/text-wrap/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/css/text-wrap/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/css/text-wrap/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* working on Description

* updated the description to be simpler

* added heading as an example

* fixed the flaw in the headings link

* corrected user to used and advise to prompt

---------

Co-authored-by: Zach Fox <3409031+zfox23@users.noreply.github.com>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/css/text-wrap/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-wrap/index.md b/files/en-us/web/css/text-wrap/index.md
index bdda80ce151497b..2541a9d09a3c11f 100644
--- a/files/en-us/web/css/text-wrap/index.md
+++ b/files/en-us/web/css/text-wrap/index.md
@@ -49,7 +49,7 @@ The `text-wrap` property is specified as a single keyword chosen from the list o
 
 ## Description
 
-There are 2 ways that text can flow across lines within a block of content, such as a paragraph ({{HTMLElement("p")}}) or headings ({{HTMLElement("heading_elements","&lt;h1&gt;–&lt;h6&gt;")}}). These are _forced line breaks_, that are controlled by the user, and _soft line breaks_, that are controlled by the browser. The `text-wrap` property can be user to advise the browser how to control the _soft line breaks_.
+There are 2 ways that text can flow across lines within a block of content, such as a paragraph ({{HTMLElement("p")}}) or headings ({{HTMLElement("heading_elements","&lt;h1&gt;–&lt;h6&gt;")}}). These are _forced line breaks_, that are controlled by the user, and _soft line breaks_, that are controlled by the browser. The `text-wrap` property can be used to prompt the browser how to control the _soft line breaks_.
 
 The value you choose, for `text-wrap`, depends on how many lines of text you anticipate styling, whether the text is `contenteditable`, and whether you need to prioritize appearance or performance.
 

From 2f23e6c1cf013c984079783b5e5e67464beb6298 Mon Sep 17 00:00:00 2001
From: Florian Scholz <fs@florianscholz.com>
Date: Tue, 19 Dec 2023 13:53:38 +0100
Subject: [PATCH 021/790] Remove docs for SVG contentStyleType and
 contentScriptType attrs (#31152)

---
 files/en-us/_redirects.txt                    |  2 -
 files/en-us/_wikihistory.json                 |  8 ---
 files/en-us/web/api/svgsvgelement/index.md    |  2 -
 .../svg/attribute/contentscripttype/index.md  | 49 ---------------
 .../svg/attribute/contentstyletype/index.md   | 59 -------------------
 files/en-us/web/svg/attribute/index.md        |  2 -
 files/en-us/web/svg/attribute/style/index.md  |  2 -
 files/en-us/web/svg/element/svg/index.md      |  6 --
 files/jsondata/SVGData.json                   |  2 -
 9 files changed, 132 deletions(-)
 delete mode 100644 files/en-us/web/svg/attribute/contentscripttype/index.md
 delete mode 100644 files/en-us/web/svg/attribute/contentstyletype/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 0578a1896bc58ad..f3913ed5168ea77 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -6497,8 +6497,6 @@
 /en-US/docs/SVG/Attribute/color-interpolation	/en-US/docs/Web/SVG/Attribute/color-interpolation
 /en-US/docs/SVG/Attribute/color-interpolation-filters	/en-US/docs/Web/SVG/Attribute/color-interpolation-filters
 /en-US/docs/SVG/Attribute/color-profile	/en-US/docs/Web/SVG/Attribute/color-profile
-/en-US/docs/SVG/Attribute/contentScriptType	/en-US/docs/Web/SVG/Attribute/contentScriptType
-/en-US/docs/SVG/Attribute/contentStyleType	/en-US/docs/Web/SVG/Attribute/contentStyleType
 /en-US/docs/SVG/Attribute/cursor	/en-US/docs/Web/SVG/Attribute/cursor
 /en-US/docs/SVG/Attribute/cx	/en-US/docs/Web/SVG/Attribute/cx
 /en-US/docs/SVG/Attribute/cy	/en-US/docs/Web/SVG/Attribute/cy
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 60db8e73468ec21..1f7f046d6a3a387 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -124185,14 +124185,6 @@
     "modified": "2020-10-15T21:04:59.286Z",
     "contributors": ["Sebastianz", "connorshea", "Jeremie"]
   },
-  "Web/SVG/Attribute/contentScriptType": {
-    "modified": "2020-10-15T21:09:10.002Z",
-    "contributors": ["Sebastianz", "Jeremie"]
-  },
-  "Web/SVG/Attribute/contentStyleType": {
-    "modified": "2020-10-15T21:09:14.670Z",
-    "contributors": ["Sebastianz", "George8211", "Jeremie", "pa7"]
-  },
   "Web/SVG/Attribute/cursor": {
     "modified": "2020-10-15T21:18:37.523Z",
     "contributors": [
diff --git a/files/en-us/web/api/svgsvgelement/index.md b/files/en-us/web/api/svgsvgelement/index.md
index 1febde981a02dca..fba0c65068b1252 100644
--- a/files/en-us/web/api/svgsvgelement/index.md
+++ b/files/en-us/web/api/svgsvgelement/index.md
@@ -23,8 +23,6 @@ _This interface also inherits properties from its parent, {{domxref("SVGGraphics
   - : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("width")}} attribute of the given {{SVGElement("svg")}} element.
 - {{domxref("SVGSVGElement.height")}} {{ReadOnlyInline}}
   - : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("height")}} attribute of the given {{SVGElement("svg")}} element.
-- {{domxref("SVGSVGElement.contentStyleType")}}
-  - : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("contentStyleType")}} attribute of the given {{SVGElement("svg")}} element.
 - {{domxref("SVGSVGElement.pixelUnitToMillimeterX")}} {{Deprecated_Inline}}
   - : A float representing the size of the pixel unit (as defined by CSS2) along the x-axis of the viewport, which represents a unit somewhere in the range of 70dpi to 120dpi, and, on systems that support this, might actually match the characteristics of the target medium. On systems where it is impossible to know the size of a pixel, a suitable default pixel size is provided.
 - {{domxref("SVGSVGElement.pixelUnitToMillimeterY")}} {{Deprecated_Inline}}
diff --git a/files/en-us/web/svg/attribute/contentscripttype/index.md b/files/en-us/web/svg/attribute/contentscripttype/index.md
deleted file mode 100644
index 5c727cd8daad077..000000000000000
--- a/files/en-us/web/svg/attribute/contentscripttype/index.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: contentScriptType
-slug: Web/SVG/Attribute/contentScriptType
-page-type: svg-attribute
-status:
-  - deprecated
-browser-compat: svg.elements.svg.contentScriptType
----
-
-{{SVGRef}}{{deprecated_header}}
-
-The **`contentScriptType`** attribute specifies the default scripting language for the given document fragment on the {{SVGElement("svg")}} element.
-
-This attribute sets the default scripting language used to process the value strings in [event attributes](/en-US/docs/Web/SVG/Attribute#document_event_attributes). This language must be used for all instances of script that do not specify their own scripting language. The value specifies a media type, per [MIME Part Two: Media Types \[RFC2046\]](https://www.ietf.org/rfc/rfc2046.txt).
-
-## Usage notes
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <th scope="row">Value</th>
-      <td>
-        One of the content types specified in the
-        <a href="https://www.ietf.org/rfc/rfc2046.txt">Media Types</a>
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">Default value</th>
-      <td><code>application/ecmascript</code></td>
-    </tr>
-    <tr>
-      <th scope="row">Animatable</th>
-      <td>No</td>
-    </tr>
-  </tbody>
-</table>
-
-## Specifications
-
-{{Specifications}}
-
-## Browser compatibility
-
-{{Compat}}
-
-## See also
-
-- [MIME Part Two: Media Types \[RFC2046\]](https://www.ietf.org/rfc/rfc2046.txt)
-- {{SVGElement("script")}}
diff --git a/files/en-us/web/svg/attribute/contentstyletype/index.md b/files/en-us/web/svg/attribute/contentstyletype/index.md
deleted file mode 100644
index d7924ca0c34e2fd..000000000000000
--- a/files/en-us/web/svg/attribute/contentstyletype/index.md
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: contentStyleType
-slug: Web/SVG/Attribute/contentStyleType
-page-type: svg-attribute
-status:
-  - deprecated
-browser-compat: svg.elements.svg.contentStyleType
----
-
-{{SVGRef}}{{deprecated_header}}
-
-The **`contentStyleType`** attribute specifies the style sheet language for the given document fragment on the {{SVGElement("svg")}} element.
-
-This language is used for all instances of style that do not specify their own styling language, such as the {{SVGAttr("style")}} attribute that is available on many elements. The value specifies a media type, per [MIME Part Two: Media Types \[RFC2046\]](https://www.ietf.org/rfc/rfc2046.txt).
-
-## Usage notes
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <th scope="row">Value</th>
-      <td>
-        One of the content types specified in the
-        <a
-          class="external external-icon"
-          href="https://www.ietf.org/rfc/rfc2046.txt"
-          rel="noopener"
-          >Media Types</a
-        >
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">Default value</th>
-      <td><code>text/css</code></td>
-    </tr>
-    <tr>
-      <th scope="row">Animatable</th>
-      <td>No</td>
-    </tr>
-  </tbody>
-</table>
-
-Since CSS is the only widely deployed style sheet language for online styling and it's already defined as default value if `contentStyleType` is omitted, the attribute is not well supported in user agents. If other style sheet languages become more popular they might not use the {{SVGAttr("style")}} attribute, instead it could be easily declared which style language is used in the {{SVGElement("style")}}'s type attribute.
-
-The use of `contentStyleType` is therefore deprecated.
-
-## Specifications
-
-{{Specifications}}
-
-## Browser compatibility
-
-{{Compat}}
-
-## See also
-
-- [MIME Part Two: Media Types \[RFC2046\]](https://www.ietf.org/rfc/rfc2046.txt)
-- {{SVGElement("style")}} element
-- {{SVGAttr("style")}} attribute
diff --git a/files/en-us/web/svg/attribute/index.md b/files/en-us/web/svg/attribute/index.md
index a4fa660d87482f1..013392e7d6e8135 100644
--- a/files/en-us/web/svg/attribute/index.md
+++ b/files/en-us/web/svg/attribute/index.md
@@ -50,8 +50,6 @@ Below is a list of all of the attributes available in SVG along with links to re
 - {{SVGAttr("color-interpolation-filters")}}
 - {{SVGAttr("color-profile")}}
 - {{SVGAttr("color-rendering")}}
-- {{SVGAttr("contentScriptType")}}
-- {{SVGAttr("contentStyleType")}}
 - {{SVGAttr("crossorigin")}}
 - {{SVGAttr("cursor")}}
 - {{SVGAttr("cx")}}
diff --git a/files/en-us/web/svg/attribute/style/index.md b/files/en-us/web/svg/attribute/style/index.md
index dc6f37dd5ba6fff..70e052648537ae1 100644
--- a/files/en-us/web/svg/attribute/style/index.md
+++ b/files/en-us/web/svg/attribute/style/index.md
@@ -57,8 +57,6 @@ svg {
 
   - : The syntax of style data depends on the style sheet language. By default, the style sheet language is [CSS](/en-US/docs/Web/CSS).
 
-    > **Note:** In theory, [the `contentStyleType` attribute](/en-US/docs/Web/SVG/Attribute/contentStyleType) could be used to specify styling languages other than CSS, like [XSL(T)](/en-US/docs/Web/XSLT). However, this was never implemented satisfactorily in browsers, so you should not rely on it.
-
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/svg/element/svg/index.md b/files/en-us/web/svg/element/svg/index.md
index e6605059d9d6665..cf38a3ed62edd89 100644
--- a/files/en-us/web/svg/element/svg/index.md
+++ b/files/en-us/web/svg/element/svg/index.md
@@ -94,12 +94,6 @@ To change the iframe's dimensions try resizing the dotted red border from bottom
 - {{SVGAttr("baseProfile")}} {{deprecated_inline}}
   - : The minimum SVG language profile that the document requires.
     _Value type_: **\<string>** ; _Default value_: none; _Animatable_: **no**
-- {{SVGAttr("contentScriptType")}} {{deprecated_inline}}
-  - : The default scripting language used by the SVG fragment.
-    _Value type_: **\<string>** ; _Default value_: `application/ecmascript`; _Animatable_: **no**
-- {{SVGAttr("contentStyleType")}} {{deprecated_inline}}
-  - : The default style sheet language used by the SVG fragment.
-    _Value type_: **\<string>** ; _Default value_: `text/css`; _Animatable_: **no**
 - {{SVGAttr("height")}}
   - : The displayed height of the rectangular viewport. (Not the height of its coordinate system.)
     _Value type_: [**\<length>**](/en-US/docs/Web/SVG/Content_type#length)|[**\<percentage>**](/en-US/docs/Web/SVG/Content_type#percentage) ; _Default value_: `auto`; _Animatable_: **yes**
diff --git a/files/jsondata/SVGData.json b/files/jsondata/SVGData.json
index 4f0c9e4c93182bd..79c7835f17fab9c 100644
--- a/files/jsondata/SVGData.json
+++ b/files/jsondata/SVGData.json
@@ -1506,8 +1506,6 @@
         "'width'",
         "'height'",
         "'preserveAspectRatio'",
-        "'contentScriptType'",
-        "'contentStyleType'",
         "'viewBox'"
       ],
       "interfaces": ["SVGSVGElement"]

From 34f5de04649ca50073c7e77d6ea55bc6a49225cf Mon Sep 17 00:00:00 2001
From: Florian Scholz <fs@florianscholz.com>
Date: Tue, 19 Dec 2023 13:56:16 +0100
Subject: [PATCH 022/790] Remove docs for SVG viewTarget attribute (#31151)

* Remove docs for SVG viewTarget attribute

* Fix macro typo
---
 files/en-us/_wikihistory.json                 |  4 --
 files/en-us/web/api/svgsvgelement/index.md    |  7 ++-
 files/en-us/web/svg/attribute/index.md        |  1 -
 .../web/svg/attribute/viewtarget/index.md     | 46 -------------------
 files/en-us/web/svg/element/view/index.md     |  1 -
 files/jsondata/SVGData.json                   |  3 +-
 6 files changed, 4 insertions(+), 58 deletions(-)
 delete mode 100644 files/en-us/web/svg/attribute/viewtarget/index.md

diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 1f7f046d6a3a387..6790b11fabc39ca 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -125369,10 +125369,6 @@
       "Mogglewump"
     ]
   },
-  "Web/SVG/Attribute/viewTarget": {
-    "modified": "2020-10-15T22:18:25.792Z",
-    "contributors": ["Sebastianz"]
-  },
   "Web/SVG/Attribute/visibility": {
     "modified": "2020-10-15T21:07:30.330Z",
     "contributors": [
diff --git a/files/en-us/web/api/svgsvgelement/index.md b/files/en-us/web/api/svgsvgelement/index.md
index fba0c65068b1252..58afe7a99e9d50c 100644
--- a/files/en-us/web/api/svgsvgelement/index.md
+++ b/files/en-us/web/api/svgsvgelement/index.md
@@ -38,22 +38,21 @@ _This interface also inherits properties from its parent, {{domxref("SVGGraphics
   - : An {{domxref("SVGViewSpec")}} defining the initial view (i.e., before magnification and panning) of the current innermost SVG document fragment. The meaning depends on the situation: If the initial view was a "standard" view, then:
 
     - the values for {{SVGAttr("viewBox")}}, {{SVGAttr("preserveAspectRatio")}} and {{SVGAttr("zoomAndPan")}} within {{SVGAttr("currentView")}} will match the values for the corresponding DOM attributes that are on `SVGSVGElement` directly
-    - the values for {{SVGAttr("transform")}} and {{SVGAttr("viewTarget")}} within {{SVGAttr("currentView")}} will be `null`
+    - the value for {{SVGAttr("transform")}} within {{SVGAttr("currentView")}} will be `null`
 
     If the initial view was a link into a {{SVGElement("view")}} element, then:
 
     - the values for {{SVGAttr("viewBox")}}, {{SVGAttr("preserveAspectRatio")}} and {{SVGAttr("zoomAndPan")}} within {{SVGAttr("currentView")}} will correspond to the corresponding attributes for the given {{SVGElement("view")}} element
-    - the values for {{SVGAttr("transform")}} and {{SVGAttr("viewTarget")}} within {{SVGAttr("currentView")}} will be `null`
+    - the value for {{SVGAttr("transform")}} within {{SVGAttr("currentView")}} will be `null`
 
     If the initial view was a link into another element (i.e., other than a {{SVGElement("view")}}), then:
 
     - the values for {{SVGAttr("viewBox")}}, {{SVGAttr("preserveAspectRatio")}} and {{SVGAttr("zoomAndPan")}} within {{SVGAttr("currentView")}} will match the values for the corresponding DOM attributes that are on `SVGSVGElement` directly for the closest ancestor {{SVGElement("svg")}} element
     - the values for {{SVGAttr("transform")}} within {{SVGAttr("currentView")}} will be `null`
-    - the {{SVGAttr("viewTarget")}} within {{SVGAttr("currentView")}} will represent the target of the link
 
     If the initial view was a link into the SVG document fragment using an SVG view specification fragment identifier (i.e., `#svgView(…)`), then:
 
-    - the values for {{SVGAttr("viewBox")}}, {{SVGAttr("preserveAspectRatio")}}, {{SVGAttr("zoomAndPan")}}, {{SVGAttr("transform")}} and {{SVGAttr("viewTarget")}} within {{SVGAttr("currentView")}} will correspond to the values from the SVG view specification fragment identifier
+    - the values for {{SVGAttr("viewBox")}}, {{SVGAttr("preserveAspectRatio")}}, {{SVGAttr("zoomAndPan")}}, {{SVGAttr("transform")}} within {{SVGAttr("currentView")}} will correspond to the values from the SVG view specification fragment identifier
 
 - {{domxref("SVGSVGElement.currentScale")}}
   - : On an outermost {{SVGElement("svg")}} element, this float attribute indicates the current scale factor relative to the initial view to take into account user magnification and panning operations. DOM attributes `currentScale` and `currentTranslate` are equivalent to the 2×3 matrix `[a b c d e f] = [currentScale 0 0 currentScale currentTranslate.x currentTranslate.y]`. If "magnification" is enabled (i.e., `zoomAndPan="magnify"`), then the effect is as if an extra transformation were placed at the outermost level on the SVG document fragment (i.e., outside the outermost {{SVGElement("svg")}} element).
diff --git a/files/en-us/web/svg/attribute/index.md b/files/en-us/web/svg/attribute/index.md
index 013392e7d6e8135..adc9524508f36d6 100644
--- a/files/en-us/web/svg/attribute/index.md
+++ b/files/en-us/web/svg/attribute/index.md
@@ -299,7 +299,6 @@ Below is a list of all of the attributes available in SVG along with links to re
 - {{SVGAttr("vert-origin-x")}}
 - {{SVGAttr("vert-origin-y")}}
 - {{SVGAttr("viewBox")}}
-- {{SVGAttr("viewTarget")}}
 - {{SVGAttr("visibility")}}
 
 ### W
diff --git a/files/en-us/web/svg/attribute/viewtarget/index.md b/files/en-us/web/svg/attribute/viewtarget/index.md
deleted file mode 100644
index b89b674b86d3590..000000000000000
--- a/files/en-us/web/svg/attribute/viewtarget/index.md
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: viewTarget
-slug: Web/SVG/Attribute/viewTarget
-page-type: svg-attribute
-status:
-  - deprecated
-browser-compat: svg.elements.view.viewTarget
----
-
-{{SVGRef}}{{Deprecated_Header}}
-
-The **`viewTarget`** attribute indicates the target object associated with the view.
-
-You can use this attribute with the following SVG elements:
-
-- {{SVGElement("view")}}
-
-## Usage notes
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <th scope="row">Value</th>
-      <td><code>&#x3C;xml-name></code></td>
-    </tr>
-    <tr>
-      <th scope="row">Default value</th>
-      <td><em>None</em></td>
-    </tr>
-    <tr>
-      <th scope="row">Animatable</th>
-      <td>No</td>
-    </tr>
-  </tbody>
-</table>
-
-- `<xml-name>`
-  - : This value specifies the name of the object associated with the view.
-
-## Specifications
-
-{{Specifications}}
-
-## Browser compatibility
-
-{{Compat}}
diff --git a/files/en-us/web/svg/element/view/index.md b/files/en-us/web/svg/element/view/index.md
index 031fe1cfd576433..e3b99894b9cd766 100644
--- a/files/en-us/web/svg/element/view/index.md
+++ b/files/en-us/web/svg/element/view/index.md
@@ -26,7 +26,6 @@ A view is a defined way to view the image, like a zoom level or a detail view.
 - {{SVGAttr("viewBox")}}
 - {{SVGAttr("preserveAspectRatio")}}
 - {{SVGAttr("zoomAndPan")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
-- {{SVGAttr("viewTarget")}} {{Deprecated_Inline}}
 
 ## Example
 
diff --git a/files/jsondata/SVGData.json b/files/jsondata/SVGData.json
index 79c7835f17fab9c..abf80920b4aacd3 100644
--- a/files/jsondata/SVGData.json
+++ b/files/jsondata/SVGData.json
@@ -1739,8 +1739,7 @@
         "'externalResourcesRequired'",
         "'viewBox'",
         "'preserveAspectRatio'",
-        "'zoomAndPan'",
-        "'viewTarget'"
+        "'zoomAndPan'"
       ],
       "interfaces": ["SVGViewElement"]
     },

From 676b6ef50b4e4ca45149e5942a21a538fa5c9119 Mon Sep 17 00:00:00 2001
From: Florian Scholz <fs@florianscholz.com>
Date: Tue, 19 Dec 2023 13:57:32 +0100
Subject: [PATCH 023/790] Bluetooth availabilitychange event isn't supported
 anywhere (#31149)

---
 files/en-us/_redirects.txt                    |  1 -
 .../availabilitychanged_event/index.md        | 57 -------------------
 files/en-us/web/api/bluetooth/index.md        |  5 --
 3 files changed, 63 deletions(-)
 delete mode 100644 files/en-us/web/api/bluetooth/availabilitychanged_event/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index f3913ed5168ea77..75fd70e55bbc2fc 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -7587,7 +7587,6 @@
 /en-US/docs/Web/API/BlobBuilder	/en-US/docs/Web/API/Blob
 /en-US/docs/Web/API/BlobEvent.BlobEvent	/en-US/docs/Web/API/BlobEvent/BlobEvent
 /en-US/docs/Web/API/BlobEvent.data	/en-US/docs/Web/API/BlobEvent/data
-/en-US/docs/Web/API/Bluetooth/onavailabilitychanged	/en-US/docs/Web/API/Bluetooth/availabilitychanged_event
 /en-US/docs/Web/API/BluetoothAdvertisingData	/en-US/docs/Web/API/Web_Bluetooth_API
 /en-US/docs/Web/API/BluetoothAdvertisingData/appearance	/en-US/docs/Web/API/Web_Bluetooth_API
 /en-US/docs/Web/API/BluetoothAdvertisingData/manufacturerData	/en-US/docs/Web/API/Web_Bluetooth_API
diff --git a/files/en-us/web/api/bluetooth/availabilitychanged_event/index.md b/files/en-us/web/api/bluetooth/availabilitychanged_event/index.md
deleted file mode 100644
index fe16f35a80ba675..000000000000000
--- a/files/en-us/web/api/bluetooth/availabilitychanged_event/index.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: "Bluetooth: availabilitychanged event"
-short-title: availabilitychanged
-slug: Web/API/Bluetooth/availabilitychanged_event
-page-type: web-api-event
-status:
-  - experimental
-browser-compat: api.Bluetooth.availabilitychanged_event
----
-
-{{APIRef("Bluetooth API")}}{{securecontext_header}}{{SeeCompatTable}}
-
-The `availabilitychanged` event fires when the Bluetooth system as a whole becomes available or unavailable to the {{Glossary("User Agent")}}.
-
-## Syntax
-
-Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
-
-```js-nolint
-addEventListener("availabilitychanged", (event) => { })
-
-onavailabilitychanged = (event) => { }
-```
-
-## Event type
-
-A generic {{domxref("Event")}}.
-
-## Examples
-
-To be informed when Bluetooth availability changes, you can add a handler to your {{domxref("Bluetooth")}} instance using {{domxref("EventTarget.addEventListener", "addEventListener()")}}, like this:
-
-```js
-Bluetooth.addEventListener("availabilitychanged", (event) => {
-  const availability = event.value;
-});
-```
-
-Alternatively, you can use the `Bluetooth.onavailabilitychanged` event handler property to establish a handler for the `availabilitychanged` event:
-
-```js
-Bluetooth.onavailabilitychanged = (event) => {
-  const availability = event.value;
-};
-```
-
-## Specifications
-
-{{Specifications}}
-
-## Browser compatibility
-
-{{Compat}}
-
-## See also
-
-- {{DOMxRef("Bluetooth.getAvailability")}}
diff --git a/files/en-us/web/api/bluetooth/index.md b/files/en-us/web/api/bluetooth/index.md
index 1a950ff8d12171f..41c043dfbb6a5e0 100644
--- a/files/en-us/web/api/bluetooth/index.md
+++ b/files/en-us/web/api/bluetooth/index.md
@@ -34,11 +34,6 @@ _Inherits properties from its parent {{domxref("EventTarget")}}._
   - : Returns a {{jsxref("Promise")}} to a {{domxref("BluetoothDevice")}} object with the
     specified options.
 
-## Events
-
-- {{domxref("Bluetooth.availabilitychanged_event", "availabilitychanged")}} {{Experimental_Inline}}
-  - : An event that fires when Bluetooth capabilities have changed in availability.
-
 ## Specifications
 
 {{Specifications}}

From 53b19adf7936b1830f407813c3252b35c5eb925e Mon Sep 17 00:00:00 2001
From: SphinxKnight <SphinxKnight@users.noreply.github.com>
Date: Tue, 19 Dec 2023 14:03:03 +0100
Subject: [PATCH 024/790] Reorg and polish HTTP Headers landing page (#31146)

---
 files/en-us/web/http/headers/index.md | 309 ++++++++++++--------------
 1 file changed, 136 insertions(+), 173 deletions(-)

diff --git a/files/en-us/web/http/headers/index.md b/files/en-us/web/http/headers/index.md
index 5ed69d94ae65466..e4d19d0bf63b8fa 100644
--- a/files/en-us/web/http/headers/index.md
+++ b/files/en-us/web/http/headers/index.md
@@ -12,24 +12,17 @@ Custom proprietary headers have historically been used with an `X-` prefix, but
 
 Headers can be grouped according to their contexts:
 
-- {{Glossary("Request header", "Request headers")}} contain more information about the resource to be fetched, or about the client requesting the resource.
-- {{Glossary("Response header", "Response headers")}} hold additional information about the response, like its location or about the server providing it.
-- {{Glossary("Representation header", "Representation headers")}} contain information about the body of the resource, like its [MIME type](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types), or encoding/compression applied.
-- {{Glossary("Payload header","Payload headers")}} contain representation-independent information about payload data, including content length and the encoding used for transport.
+- {{Glossary("Request header", "Request headers")}}
+  - : Contain more information about the resource to be fetched, or about the client requesting the resource.
+- {{Glossary("Response header", "Response headers")}}
+  - : Hold additional information about the response, like its location or about the server providing it.
+- {{Glossary("Representation header", "Representation headers")}}
+  - : Contain information about the body of the resource, like its [MIME type](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types), or encoding/compression applied.
+- {{Glossary("Payload header","Payload headers")}}
+  - : Contain representation-independent information about payload data, including content length and the encoding used for transport.
 
 Headers can also be grouped according to how {{Glossary("Proxy_server", "proxies")}} handle them:
 
-- {{ httpheader("Connection") }}
-- {{ httpheader("Keep-Alive") }}
-- {{ httpheader("Proxy-Authenticate") }}
-- {{ httpheader("Proxy-Authorization") }}
-- {{ httpheader("TE") }}
-- {{ httpheader("Trailer") }}
-- {{ httpheader("Transfer-Encoding") }}
-- {{ httpheader("Upgrade") }} (see also [Protocol upgrade mechanism](/en-US/docs/Web/HTTP/Protocol_upgrade_mechanism)).
-
-<!---->
-
 - End-to-end headers
   - : These headers _must_ be transmitted to the final recipient of the message: the server for a request, or the client for a response. Intermediate proxies must retransmit these headers unmodified and caches must store them.
 - Hop-by-hop headers
@@ -56,78 +49,6 @@ Headers can also be grouped according to how {{Glossary("Proxy_server", "proxies
   - : Clears browsing data (e.g. cookies, storage, cache) associated with the requesting website.
 - {{HTTPHeader("Expires")}}
   - : The date/time after which the response is considered stale.
-- {{HTTPHeader("Pragma")}}
-  - : Implementation-specific header that may have various effects anywhere along the request-response chain. Used for backwards compatibility with HTTP/1.0 caches where the `Cache-Control` header is not yet present.
-- {{HTTPHeader("Warning")}} {{deprecated_inline}}
-  - : General warning information about possible problems.
-
-## Client hints
-
-HTTP [Client hints](/en-US/docs/Web/HTTP/Client_hints) are a set of request headers that provide useful information about the client such as device type and network conditions, and allow servers to optimize what is served for those conditions.
-
-Servers proactively requests the client hint headers they are interested in from the client using {{HTTPHeader("Accept-CH")}}. The client may then choose to include the requested headers in subsequent requests.
-
-- {{HTTPHeader("Accept-CH")}} {{experimental_inline}}
-  - : Servers can advertise support for Client Hints using the `Accept-CH` header field or an equivalent HTML `<meta>` element with [`http-equiv`](/en-US/docs/Web/HTML/Element/meta#http-equiv) attribute.
-- {{HTTPHeader("Accept-CH-Lifetime")}} {{experimental_inline}} {{deprecated_inline}}
-  - : Servers can ask the client to remember the set of Client Hints that the server supports for a specified period of time, to enable delivery of Client Hints on subsequent requests to the server's origin.
-- {{HTTPHeader("Critical-CH")}} {{experimental_inline}}
-  - : Servers use `Critical-CH` along with {{HttpHeader("Accept-CH")}} to specify that accepted client hints are also [critical client hints](/en-US/docs/Web/HTTP/Client_hints#critical_client_hints).
-
-The different categories of client hints are listed below.
-
-### User agent client hints
-
-The [UA client hints](/en-US/docs/Web/HTTP/Client_hints#user-agent_client_hints) are request headers that provide information about the user agent, the platform/architecture it is running on, and user preferences set on the user agent or platform:
-
-- {{HTTPHeader("Sec-CH-UA")}} {{experimental_inline}}
-  - : User agent's branding and version.
-- {{HTTPHeader("Sec-CH-UA-Arch")}} {{experimental_inline}}
-  - : User agent's underlying platform architecture.
-- {{HTTPHeader("Sec-CH-UA-Bitness")}} {{experimental_inline}}
-  - : User agent's underlying CPU architecture bitness (for example "64" bit).
-- {{HTTPHeader("Sec-CH-UA-Full-Version")}} {{deprecated_inline}}
-  - : User agent's full semantic version string.
-- {{HTTPHeader("Sec-CH-UA-Full-Version-List")}} {{experimental_inline}}<!-- chrome intent to ship Nov 2021 -->
-  - : Full version for each brand in the user agent's brand list.
-- {{HTTPHeader("Sec-CH-UA-Mobile")}} {{experimental_inline}}
-  - : User agent is running on a mobile device or, more generally, prefers a "mobile" user experience.
-- {{HTTPHeader("Sec-CH-UA-Model")}} {{experimental_inline}}
-  - : User agent's device model.
-- {{HTTPHeader("Sec-CH-UA-Platform")}} {{experimental_inline}}
-  - : User agent's underlying operation system/platform.
-- {{HTTPHeader("Sec-CH-UA-Platform-Version")}} {{experimental_inline}}
-  - : User agent's underlying operation system version.
-- {{HTTPHeader("Sec-CH-UA-Prefers-Color-Scheme")}} {{experimental_inline}}
-  - : User's preference of dark or light color scheme.
-- {{HTTPHeader("Sec-CH-UA-Prefers-Reduced-Motion")}} {{experimental_inline}}
-  - : User's preference to see fewer animations and content layout shifts.
-
-### Device client hints
-
-- {{HTTPHeader("Content-DPR")}} {{deprecated_inline}}
-  - : _Response header_ used to confirm the image device to pixel ratio in requests where the {{HTTPHeader("DPR")}} client hint was used to select an image resource.
-- {{HTTPHeader("Device-Memory")}}
-  - : Approximate amount of available client RAM memory. This is part of the [Device Memory API](/en-US/docs/Web/API/Device_Memory_API).
-- {{HTTPHeader("DPR")}} {{deprecated_inline}}
-  - : Client device pixel ratio (DPR), which is the number of physical device pixels corresponding to every CSS pixel.
-- {{HTTPHeader("Viewport-Width")}} {{deprecated_inline}}
-  - : A number that indicates the layout viewport width in CSS pixels. The provided pixel value is a number rounded to the smallest following integer (i.e. ceiling value).
-- {{HTTPHeader("Width")}} {{deprecated_inline}}
-  - : A number that indicates the desired resource width in physical pixels (i.e. intrinsic size of an image).
-
-### Network client hints
-
-Network client hints allow a server to choose what information is sent based on the user choice and network bandwidth and latency.
-
-- {{HTTPHeader("Downlink")}}
-  - : Approximate bandwidth of the client's connection to the server, in Mbps. This is part of the [Network Information API](/en-US/docs/Web/API/Network_Information_API).
-- {{HTTPHeader("ECT")}}
-  - : The {{Glossary("effective connection type")}} ("network profile") that best matches the connection's latency and bandwidth. This is part of the [Network Information API](/en-US/docs/Web/API/Network_Information_API).
-- {{HTTPHeader("RTT")}}
-  - : Application layer round trip time (RTT) in milliseconds, which includes the server processing time. This is part of the [Network Information API](/en-US/docs/Web/API/Network_Information_API).
-- {{HTTPHeader("Save-Data")}} {{experimental_inline}}
-  - : A string `on` that indicates the user agent's preference for reduced data usage.
 
 ## Conditionals
 
@@ -155,7 +76,7 @@ Network client hints allow a server to choose what information is sent based on
 
 ## Content negotiation
 
-[Content negotiation](/en-US/docs/Web/HTTP/Content_negotiation) headers.
+For more details, refer to the [Content negotiation article](/en-US/docs/Web/HTTP/Content_negotiation).
 
 - {{HTTPHeader("Accept")}}
   - : Informs the server about the {{Glossary("MIME_type", "types")}} of data that can be sent back.
@@ -180,16 +101,16 @@ Network client hints allow a server to choose what information is sent based on
 
 ## CORS
 
-_Learn more about CORS [here](/en-US/docs/Glossary/CORS)._
+For more information, refer to the [CORS documentation](/en-US/docs/Web/HTTP/CORS).
 
-- {{HTTPHeader("Access-Control-Allow-Origin")}}
-  - : Indicates whether the response can be shared.
 - {{HTTPHeader("Access-Control-Allow-Credentials")}}
   - : Indicates whether the response to the request can be exposed when the credentials flag is true.
 - {{HTTPHeader("Access-Control-Allow-Headers")}}
   - : Used in response to a {{Glossary("Preflight_request", "preflight request")}} to indicate which HTTP headers can be used when making the actual request.
 - {{HTTPHeader("Access-Control-Allow-Methods")}}
   - : Specifies the methods allowed when accessing the resource in response to a preflight request.
+- {{HTTPHeader("Access-Control-Allow-Origin")}}
+  - : Indicates whether the response can be shared.
 - {{HTTPHeader("Access-Control-Expose-Headers")}}
   - : Indicates which headers can be exposed as part of the response by listing their names.
 - {{HTTPHeader("Access-Control-Max-Age")}}
@@ -225,20 +146,9 @@ _Learn more about CORS [here](/en-US/docs/Glossary/CORS)._
 
 - {{HTTPHeader("Forwarded")}}
   - : Contains information from the client-facing side of proxy servers that is altered or lost when a proxy is involved in the path of the request.
-- {{HTTPHeader("X-Forwarded-For")}} {{non-standard_inline}}
-  - : Identifies the originating IP addresses of a client connecting to a web server through an HTTP proxy or a load balancer.
-- {{HTTPHeader("X-Forwarded-Host")}} {{non-standard_inline}}
-  - : Identifies the original host requested that a client used to connect to your proxy or load balancer.
-- {{HTTPHeader("X-Forwarded-Proto")}} {{non-standard_inline}}
-  - : Identifies the protocol (HTTP or HTTPS) that a client used to connect to your proxy or load balancer.
 - {{HTTPHeader("Via")}}
   - : Added by proxies, both forward and reverse proxies, and can appear in the request headers and the response headers.
 
-## Privacy
-
-- {{HTTPHeader("Sec-GPC")}} {{non-standard_inline}}{{experimental_inline}}
-  - : Indicates whether the user consents to a website or service selling or sharing their personal information with third parties.
-
 ## Redirects
 
 - {{HTTPHeader("Location")}}
@@ -257,7 +167,7 @@ _Learn more about CORS [here](/en-US/docs/Glossary/CORS)._
 - {{HTTPHeader("Referrer-Policy")}}
   - : Governs which referrer information sent in the {{HTTPHeader("Referer")}} header should be included with requests made.
 - {{HTTPHeader("User-Agent")}}
-  - : Contains a characteristic string that allows the network protocol peers to identify the application type, operating system, software vendor or software version of the requesting software user agent. See also the [Firefox user agent string reference](/en-US/docs/Web/HTTP/Headers/User-Agent/Firefox).
+  - : Contains a characteristic string that allows the network protocol peers to identify the application type, operating system, software vendor or software version of the requesting software user agent.
 
 ## Response context
 
@@ -284,15 +194,11 @@ _Learn more about CORS [here](/en-US/docs/Glossary/CORS)._
 - {{HTTPHeader("Cross-Origin-Opener-Policy")}} (COOP)
   - : Prevents other domains from opening/controlling a window.
 - {{HTTPHeader("Cross-Origin-Resource-Policy")}} (CORP)
-  - : Prevents other domains from reading the response of the resources to which this header is applied.
+  - : Prevents other domains from reading the response of the resources to which this header is applied. See also [CORP explainer article](/en-US/docs/Web/HTTP/Cross-Origin_Resource_Policy).
 - {{HTTPHeader("Content-Security-Policy")}} ({{Glossary("CSP")}})
   - : Controls resources the user agent is allowed to load for a given page.
 - {{HTTPHeader("Content-Security-Policy-Report-Only")}}
   - : Allows web developers to experiment with policies by monitoring, but not enforcing, their effects. These violation reports consist of {{Glossary("JSON")}} documents sent via an HTTP `POST` request to the specified URI.
-- {{HTTPHeader("Expect-CT")}}
-  - : Allows sites to opt in to reporting and/or enforcement of Certificate Transparency requirements, which prevents the use of misissued certificates for that site from going unnoticed. When a site enables the Expect-CT header, they are requesting that Chrome check that any certificate for that site appears in public CT logs.
-- {{HTTPHeader("Origin-Isolation")}} {{experimental_inline}}
-  - : Provides a mechanism to allow web applications to isolate their origins.
 - {{HTTPHeader("Permissions-Policy")}}
   - : Provides a mechanism to allow and deny the use of browser features in a website's own frame, and in {{htmlelement("iframe")}}s that it embeds.
 - {{HTTPHeader("Strict-Transport-Security")}} ({{Glossary("HSTS")}})
@@ -312,42 +218,26 @@ _Learn more about CORS [here](/en-US/docs/Glossary/CORS)._
 
 ### Fetch metadata request headers
 
-{{Glossary("Fetch metadata request header", "Fetch metadata request headers")}} provide information about the context from which the request originated.
-A server can use them to make decisions about whether a request should be allowed, based on where the request came from and how the resource will be used.
+{{Glossary("Fetch metadata request header", "Fetch metadata request headers")}} provide information about the context from which the request originated. A server can use them to make decisions about whether a request should be allowed, based on where the request came from and how the resource will be used.
 
 - {{HTTPHeader("Sec-Fetch-Site")}}
-  - : Indicates the relationship between a request initiator's origin and its target's origin.
-    It is a Structured Header whose value is a token with possible values `cross-site`, `same-origin`, `same-site`, and `none`.
+  - : Indicates the relationship between a request initiator's origin and its target's origin. It is a Structured Header whose value is a token with possible values `cross-site`, `same-origin`, `same-site`, and `none`.
 - {{HTTPHeader("Sec-Fetch-Mode")}}
-  - : Indicates the request's mode to a server.
-    It is a Structured Header whose value is a token with possible values `cors`, `navigate`, `no-cors`, `same-origin`, and `websocket`.
+  - : Indicates the request's mode to a server. It is a Structured Header whose value is a token with possible values `cors`, `navigate`, `no-cors`, `same-origin`, and `websocket`.
 - {{HTTPHeader("Sec-Fetch-User")}}
-  - : Indicates whether or not a navigation request was triggered by user activation.
-    It is a Structured Header whose value is a boolean so possible values are `?0` for false and `?1` for true.
+  - : Indicates whether or not a navigation request was triggered by user activation. It is a Structured Header whose value is a boolean so possible values are `?0` for false and `?1` for true.
 - {{HTTPHeader("Sec-Fetch-Dest")}}
-  - : Indicates the request's destination.
-    It is a Structured Header whose value is a token with possible values `audio`, `audioworklet`, `document`, `embed`, `empty`, `font`, `image`, `manifest`, `object`, `paintworklet`, `report`, `script`, `serviceworker`, `sharedworker`, `style`, `track`, `video`, `worker`, and `xslt`.
+  - : Indicates the request's destination. It is a Structured Header whose value is a token with possible values `audio`, `audioworklet`, `document`, `embed`, `empty`, `font`, `image`, `manifest`, `object`, `paintworklet`, `report`, `script`, `serviceworker`, `sharedworker`, `style`, `track`, `video`, `worker`, and `xslt`.
 
-The following request headers are not _strictly_ "fetch metadata request headers", but similarly provide information about the context of how a resource will be used.
-A server might use them to modify its caching behavior, or the information that is returned:
+The following request headers are not _strictly_ "fetch metadata request headers", but similarly provide information about the context of how a resource will be used. A server might use them to modify its caching behavior, or the information that is returned:
 
-- {{HTTPHeader("Sec-Purpose")}} {{Experimental_Inline}}
-  - : Indicates the purpose of the request, when the purpose is something other than immediate use by the user-agent.
-    The header currently has one possible value, `prefetch`, which indicates that the resource is being fetched preemptively for a possible future navigation.
+- {{HTTPHeader("Sec-Purpose")}}
+  - : Indicates the purpose of the request, when the purpose is something other than immediate use by the user-agent. The header currently has one possible value, `prefetch`, which indicates that the resource is being fetched preemptively for a possible future navigation.
 - {{HTTPHeader("Service-Worker-Navigation-Preload")}}
-  - : A request header sent in preemptive request to {{domxref("fetch()")}} a resource during service worker boot.
-    The value, which is set with {{domxref("NavigationPreloadManager.setHeaderValue()")}}, can be used to inform a server that a different resource should be returned than in a normal `fetch()` operation.
+  - : A request header sent in preemptive request to {{domxref("fetch()")}} a resource during service worker boot. The value, which is set with {{domxref("NavigationPreloadManager.setHeaderValue()")}}, can be used to inform a server that a different resource should be returned than in a normal `fetch()` operation.
 
 ## Server-sent events
 
-- {{HTTPHeader("Last-Event-ID")}}
-  - : TBD
-- {{HTTPHeader("NEL")}} {{experimental_inline}}
-  - : Defines a mechanism that enables developers to declare a network error reporting policy.
-- {{HTTPHeader("Ping-From")}}
-  - : TBD
-- {{HTTPHeader("Ping-To")}}
-  - : TBD
 - {{HTTPHeader("Report-To")}}
   - : Used to specify a server endpoint for the browser to send warning and error reports to.
 
@@ -360,70 +250,143 @@ A server might use them to modify its caching behavior, or the information that
 - {{HTTPHeader("Trailer")}}
   - : Allows the sender to include additional fields at the end of chunked message.
 
-## WebSockets
-
-- {{HTTPHeader("Sec-WebSocket-Key")}}
-  - : TBD
-- {{HTTPHeader("Sec-WebSocket-Extensions")}}
-  - : TBD
-- {{HTTPHeader("Sec-WebSocket-Accept")}}
-  - : TBD
-- {{HTTPHeader("Sec-WebSocket-Protocol")}}
-  - : TBD
-- {{HTTPHeader("Sec-WebSocket-Version")}}
-  - : TBD
-
 ## Other
 
-- {{HTTPHeader("Accept-Push-Policy")}} {{experimental_inline}}
-  - : A client can express the desired push policy for a request by sending an [`Accept-Push-Policy`](https://datatracker.ietf.org/doc/html/draft-ruellan-http-accept-push-policy-00#section-3.1) header field in the request.
-- {{HTTPHeader("Accept-Signature")}} {{experimental_inline}}
-  - : A client can send the [`Accept-Signature`](https://wicg.github.io/webpackage/draft-yasskin-http-origin-signed-responses.html#rfc.section.3.7) header field to indicate intention to take advantage of any available signatures and to indicate what kinds of signatures it supports.
 - {{HTTPHeader("Alt-Svc")}}
   - : Used to list alternate ways to reach this service.
 - {{HTTPHeader("Alt-Used")}}
   - : Used to identify the alternative service in use.
 - {{HTTPHeader("Date")}}
   - : Contains the date and time at which the message was originated.
-- {{HTTPHeader("Early-Data")}} {{experimental_inline}}
-  - : Indicates that the request has been conveyed in TLS early data.
-- {{HTTPHeader("Large-Allocation")}} {{deprecated_inline}}
-  - : Tells the browser that the page being loaded is going to want to perform a large allocation.
 - {{HTTPHeader("Link")}}
-  - : The [`Link`](https://datatracker.ietf.org/doc/html/rfc5988#section-5) entity-header field provides a means for serializing one or more links in HTTP headers. It is semantically equivalent to the HTML {{HTMLElement("link")}} element.
-- {{HTTPHeader("Push-Policy")}} {{experimental_inline}}
-  - : A [`Push-Policy`](https://datatracker.ietf.org/doc/html/draft-ruellan-http-accept-push-policy-00#section-3.2) defines the server behavior regarding push when processing a request.
+  - : This entity-header field provides a means for serializing one or more links in HTTP headers. It is semantically equivalent to the HTML {{HTMLElement("link")}} element.
 - {{HTTPHeader("Retry-After")}}
   - : Indicates how long the user agent should wait before making a follow-up request.
-- {{HTTPHeader("Signature")}} {{experimental_inline}}
-  - : The [`Signature`](https://wicg.github.io/webpackage/draft-yasskin-http-origin-signed-responses.html#rfc.section.3.1) header field conveys a list of signatures for an exchange, each one accompanied by information about how to determine the authority of and refresh that signature.
-- {{HTTPHeader("Signed-Headers")}} {{experimental_inline}}
-  - : The [`Signed-Headers`](https://wicg.github.io/webpackage/draft-yasskin-http-origin-signed-responses.html#rfc.section.5.1.2) header field identifies an ordered list of response header fields to include in a signature.
 - {{HTTPHeader("Server-Timing")}}
   - : Communicates one or more metrics and descriptions for the given request-response cycle.
 - {{HTTPHeader("Service-Worker-Allowed")}}
-  - : Used to remove the [path restriction](https://w3c.github.io/ServiceWorker/#path-restriction) by including this header [in the response of the Service Worker script](https://w3c.github.io/ServiceWorker/#service-worker-script-response).
+  - : Used to remove the [path restriction](/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers#why_is_my_service_worker_failing_to_register) by including this header [in the response of the Service Worker script](https://w3c.github.io/ServiceWorker/#service-worker-script-response).
 - {{HTTPHeader("SourceMap")}}
   - : Links generated code to a [source map](https://firefox-source-docs.mozilla.org/devtools-user/debugger/how_to/use_a_source_map/index.html).
-- [`Supports-Loading-Mode`](/en-US/docs/Web/HTTP/Headers/Supports-Loading-Mode)
-  - : Set by a navigation target to opt-in to using various higher-risk loading modes. For example, cross-origin, same-site [prerendering](/en-US/docs/Web/API/Speculation_Rules_API#using_prerendering) requires a `Supports-Loading-Mode` value of `credentialed-prerender`.
 - {{HTTPHeader("Upgrade")}}
-  - : The relevant RFC document for the [Upgrade header field is RFC 9110, section 7.8](https://httpwg.org/specs/rfc9110.html#field.upgrade). The standard establishes rules for upgrading or changing to a different protocol on the current client, server, transport protocol connection. For example, this header standard allows a client to change from HTTP 1.1 to [WebSocket](/en-US/docs/Glossary/WebSockets), assuming the server decides to acknowledge and implement the Upgrade header field. Neither party is required to accept the terms specified in the Upgrade header field. It can be used in both client and server headers. If the Upgrade header field is specified, then the sender MUST also send the Connection header field with the upgrade option specified. For details on the Connection header field [please see section 7.6.1 of the aforementioned RFC](https://httpwg.org/specs/rfc9110.html#field.connection).
-- {{HTTPHeader("X-DNS-Prefetch-Control")}}
+  - : This HTTP/1.1 (only) header can be used to upgrade an already established client/server connection to a different protocol (over the same transport protocol). For example, it can be used by a client to upgrade a connection from HTTP 1.1 to HTTP 2.0, or an HTTP or HTTPS connection into a WebSocket.
+
+## Experimental headers
+
+### Client hints
+
+HTTP [Client hints](/en-US/docs/Web/HTTP/Client_hints) are a set of request headers that provide useful information about the client such as device type and network conditions, and allow servers to optimize what is served for those conditions.
+
+Servers proactively requests the client hint headers they are interested in from the client using {{HTTPHeader("Accept-CH")}}. The client may then choose to include the requested headers in subsequent requests.
+
+- {{HTTPHeader("Accept-CH")}} {{experimental_inline}}
+  - : Servers can advertise support for Client Hints using the `Accept-CH` header field or an equivalent HTML `<meta>` element with [`http-equiv`](/en-US/docs/Web/HTML/Element/meta#http-equiv) attribute.
+- {{HTTPHeader("Critical-CH")}} {{experimental_inline}}
+  - : Servers use `Critical-CH` along with {{HttpHeader("Accept-CH")}} to specify that accepted client hints are also [critical client hints](/en-US/docs/Web/HTTP/Client_hints#critical_client_hints).
+
+The different categories of client hints are listed below.
+
+#### User agent client hints
+
+The [UA client hints](/en-US/docs/Web/HTTP/Client_hints#user-agent_client_hints) are request headers that provide information about the user agent, the platform/architecture it is running on, and user preferences set on the user agent or platform:
+
+- {{HTTPHeader("Sec-CH-UA")}} {{experimental_inline}}
+  - : User agent's branding and version.
+- {{HTTPHeader("Sec-CH-UA-Arch")}} {{experimental_inline}}
+  - : User agent's underlying platform architecture.
+- {{HTTPHeader("Sec-CH-UA-Bitness")}} {{experimental_inline}}
+  - : User agent's underlying CPU architecture bitness (for example "64" bit).
+- {{HTTPHeader("Sec-CH-UA-Full-Version-List")}} {{experimental_inline}}
+  - : Full version for each brand in the user agent's brand list.
+- {{HTTPHeader("Sec-CH-UA-Mobile")}} {{experimental_inline}}
+  - : User agent is running on a mobile device or, more generally, prefers a "mobile" user experience.
+- {{HTTPHeader("Sec-CH-UA-Model")}} {{experimental_inline}}
+  - : User agent's device model.
+- {{HTTPHeader("Sec-CH-UA-Platform")}} {{experimental_inline}}
+  - : User agent's underlying operation system/platform.
+- {{HTTPHeader("Sec-CH-UA-Platform-Version")}} {{experimental_inline}}
+  - : User agent's underlying operation system version.
+- {{HTTPHeader("Sec-CH-UA-Prefers-Color-Scheme")}} {{experimental_inline}}
+  - : User's preference of dark or light color scheme.
+- {{HTTPHeader("Sec-CH-UA-Prefers-Reduced-Motion")}} {{experimental_inline}}
+  - : User's preference to see fewer animations and content layout shifts.
+
+#### Device client hints
+
+- {{HTTPHeader("Device-Memory")}} {{experimental_inline}}
+  - : Approximate amount of available client RAM memory. This is part of the [Device Memory API](/en-US/docs/Web/API/Device_Memory_API).
+
+#### Network client hints
+
+Network client hints allow a server to choose what information is sent based on the user choice and network bandwidth and latency.
+
+- {{HTTPHeader("Downlink")}} {{experimental_inline}}
+  - : Approximate bandwidth of the client's connection to the server, in Mbps. This is part of the [Network Information API](/en-US/docs/Web/API/Network_Information_API).
+- {{HTTPHeader("ECT")}} {{experimental_inline}}
+  - : The {{Glossary("effective connection type")}} ("network profile") that best matches the connection's latency and bandwidth. This is part of the [Network Information API](/en-US/docs/Web/API/Network_Information_API).
+- {{HTTPHeader("RTT")}} {{experimental_inline}}
+  - : Application layer round trip time (RTT) in milliseconds, which includes the server processing time. This is part of the [Network Information API](/en-US/docs/Web/API/Network_Information_API).
+- {{HTTPHeader("Save-Data")}} {{experimental_inline}}
+  - : A string `on` that indicates the user agent's preference for reduced data usage.
+
+### Privacy
+
+- {{HTTPHeader("Sec-GPC")}} {{non-standard_inline}}{{experimental_inline}}
+  - : Indicates whether the user consents to a website or service selling or sharing their personal information with third parties.
+
+### Security
+
+- {{HTTPHeader("Origin-Isolation")}} {{experimental_inline}}
+  - : Provides a mechanism to allow web applications to isolate their origins.
+
+### Server-sent events
+
+- {{HTTPHeader("NEL")}} {{experimental_inline}}
+  - : Defines a mechanism that enables developers to declare a network error reporting policy.
+
+### Other
+
+- {{HTTPHeader("Accept-Push-Policy")}} {{experimental_inline}}
+  - : A client can express the desired push policy for a request by sending an [`Accept-Push-Policy`](https://datatracker.ietf.org/doc/html/draft-ruellan-http-accept-push-policy-00#section-3.1) header field in the request.
+- {{HTTPHeader("Accept-Signature")}} {{experimental_inline}}
+  - : A client can send the [`Accept-Signature`](https://wicg.github.io/webpackage/draft-yasskin-http-origin-signed-responses.html#rfc.section.3.7) header field to indicate intention to take advantage of any available signatures and to indicate what kinds of signatures it supports.
+- {{HTTPHeader("Early-Data")}} {{experimental_inline}}
+  - : Indicates that the request has been conveyed in TLS early data.
+- {{HTTPHeader("Push-Policy")}} {{experimental_inline}}
+  - : A [`Push-Policy`](https://datatracker.ietf.org/doc/html/draft-ruellan-http-accept-push-policy-00#section-3.2) defines the server behavior regarding push when processing a request.
+- {{HTTPHeader("Signature")}} {{experimental_inline}}
+  - : The [`Signature`](https://wicg.github.io/webpackage/draft-yasskin-http-origin-signed-responses.html#rfc.section.3.1) header field conveys a list of signatures for an exchange, each one accompanied by information about how to determine the authority of and refresh that signature.
+- {{HTTPHeader("Signed-Headers")}} {{experimental_inline}}
+  - : The [`Signed-Headers`](https://wicg.github.io/webpackage/draft-yasskin-http-origin-signed-responses.html#rfc.section.5.1.2) header field identifies an ordered list of response header fields to include in a signature.
+- {{HTTPHeader("Supports-Loading-Mode")}} {{experimental_inline}}
+  - : Set by a navigation target to opt-in to using various higher-risk loading modes. For example, cross-origin, same-site [prerendering](/en-US/docs/Web/API/Speculation_Rules_API#using_prerendering) requires a `Supports-Loading-Mode` value of `credentialed-prerender`.
+
+## Non-standard headers
+
+- {{HTTPHeader("X-Forwarded-For")}} {{non-standard_inline}}
+  - : Identifies the originating IP addresses of a client connecting to a web server through an HTTP proxy or a load balancer.
+- {{HTTPHeader("X-Forwarded-Host")}} {{non-standard_inline}}
+  - : Identifies the original host requested that a client used to connect to your proxy or load balancer.
+- {{HTTPHeader("X-Forwarded-Proto")}} {{non-standard_inline}}
+  - : Identifies the protocol (HTTP or HTTPS) that a client used to connect to your proxy or load balancer.
+- {{HTTPHeader("X-DNS-Prefetch-Control")}} {{non-standard_inline}}
   - : Controls DNS prefetching, a feature by which browsers proactively perform domain name resolution on both links that the user may choose to follow as well as URLs for items referenced by the document, including images, CSS, JavaScript, and so forth.
-- {{HTTPHeader("X-Firefox-Spdy")}} {{deprecated_inline}} {{non-standard_inline}}
-  - : TBD
-- {{HTTPHeader("X-Pingback")}} {{non-standard_inline}}
-  - : TBD
-- {{HTTPHeader("X-Requested-With")}}
-  - : TBD
-- {{HTTPHeader("X-Robots-Tag")}}{{non-standard_inline}}
+- {{HTTPHeader("X-Robots-Tag")}} {{non-standard_inline}}
   - : The [`X-Robots-Tag`](https://developers.google.com/search/docs/advanced/robots/robots_meta_tag) HTTP header is used to indicate how a web page is to be indexed within public search engine results. The header is effectively equivalent to `<meta name="robots" content="…">`.
 
+## Deprecated headers
+
+- {{HTTPHeader("Pragma")}} {{deprecated_inline}}
+  - : Implementation-specific header that may have various effects anywhere along the request-response chain. Used for backwards compatibility with HTTP/1.0 caches where the `Cache-Control` header is not yet present.
+- {{HTTPHeader("Warning")}} {{deprecated_inline}}
+  - : General warning information about possible problems.
+
 ## Contributing
 
 You can help by [writing new entries](/en-US/docs/MDN/Writing_guidelines/Howto/Document_an_HTTP_header) or improving the existing ones.
 
+<!-- Check https://github.com/mdn/content/issues/1458 for known missing pages -->
+
 ## See also
 
 - [Wikipedia page on List of HTTP headers](https://en.wikipedia.org/wiki/List_of_HTTP_header_fields)

From 5affe908f506ccbb79429e40afdbaaac3f2ed575 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 19 Dec 2023 06:27:47 -0800
Subject: [PATCH 025/790] CSS syntax module and error handling (#31076)

* New page: CSS syntax error handling

* deprecate @charset and list as a rule not at-rule

* Define character encoding

* New page: error handling

* New page: css syntax module

* delete charset module. move to syntax module

* still supported

* table of contents

* better grammar

* better grammar

* better grammar

* better grammar

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* added a few more notes - prefixes

* edits per review

* change h2 to h3

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* add guide to module page.

* change UA to browser

* address https://github.com/mdn/content/pull/30793#discussion_r1421245493

* hyphens to underscores

* rewrote the at-rule section

* rewrite grammar section

* fixing linter suggestions

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* final tweaks

* Update files/en-us/web/css/css_syntax/error_handling/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_syntax/error_handling/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix flaws

* closed comments

* borked so fixed

* trailing spaces

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_syntax/error_handling/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_syntax/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Small punctuation fixes

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* header for at-rule

* updates based on review feedback

* link to display property

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_syntax/error_handling/index.md

* Update files/en-us/web/css/css_syntax/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Fix broken links

* typo fix

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/_redirects.txt                    |   1 +
 files/en-us/_wikihistory.json                 |   8 +-
 files/en-us/web/css/@charset/index.md         |  13 +-
 files/en-us/web/css/css_charsets/index.md     |  24 ---
 .../css/css_syntax/error_handling/index.md    | 201 ++++++++++++++++++
 files/en-us/web/css/css_syntax/index.md       | 105 +++++++++
 files/en-us/web/css/custom-ident/index.md     |  21 +-
 7 files changed, 340 insertions(+), 33 deletions(-)
 delete mode 100644 files/en-us/web/css/css_charsets/index.md
 create mode 100644 files/en-us/web/css/css_syntax/error_handling/index.md
 create mode 100644 files/en-us/web/css/css_syntax/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 75fd70e55bbc2fc..ad11fd934dbd4cb 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -11472,6 +11472,7 @@
 /en-US/docs/Web/CSS/CSS_User_Interface	/en-US/docs/Web/CSS/CSS_basic_user_interface
 /en-US/docs/Web/CSS/CSS_Variables	/en-US/docs/Web/CSS/CSS_cascading_variables
 /en-US/docs/Web/CSS/CSS_Viewport	/en-US/docs/Web/CSS
+/en-US/docs/Web/CSS/CSS_charsets	/en-US/docs/Web/CSS/CSS_syntax
 /en-US/docs/Web/CSS/CSS_descriptor_definition	/en-US/docs/Web/CSS
 /en-US/docs/Web/CSS/CSS_flex-wrap	/en-US/docs/Web/CSS/flex-wrap
 /en-US/docs/Web/CSS/CSS_grid_layout/Layout_using_line-based_placement	/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 6790b11fabc39ca..ae2efb4d23d96f6 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -77125,10 +77125,6 @@
     "modified": "2020-07-07T12:03:44.891Z",
     "contributors": ["wbamberg", "mfluehr"]
   },
-  "Web/CSS/CSS_charsets": {
-    "modified": "2020-10-15T21:38:35.251Z",
-    "contributors": ["wbamberg", "fscholz", "mfluehr", "Sebastianz", "teoli"]
-  },
   "Web/CSS/CSS_colors": {
     "modified": "2020-12-02T11:04:05.642Z",
     "contributors": ["peterbe", "wbamberg", "fscholz", "Sheppy", "mfluehr"]
@@ -78501,6 +78497,10 @@
     "modified": "2020-04-27T22:31:21.929Z",
     "contributors": ["ExE-Boss", "mfuji09", "rachelandrew"]
   },
+  "Web/CSS/CSS_syntax": {
+    "modified": "2020-10-15T21:38:35.251Z",
+    "contributors": ["wbamberg", "fscholz", "mfluehr", "Sebastianz", "teoli"]
+  },
   "Web/CSS/CSS_table": {
     "modified": "2020-07-07T12:26:58.542Z",
     "contributors": ["wbamberg", "fscholz", "mfluehr", "Sebastianz", "teoli"]
diff --git a/files/en-us/web/css/@charset/index.md b/files/en-us/web/css/@charset/index.md
index 1dc70ae3725a5e2..f27fb1cfbb13cc1 100644
--- a/files/en-us/web/css/@charset/index.md
+++ b/files/en-us/web/css/@charset/index.md
@@ -7,7 +7,14 @@ browser-compat: css.at-rules.charset
 
 {{CSSRef}}
 
-The **`@charset`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule) specifies the character encoding used in the style sheet. It must be the first element in the style sheet and not be preceded by any character; as it is not a [nested statement](/en-US/docs/Web/CSS/Syntax#nested_statements), it cannot be used inside [conditional group at-rules](/en-US/docs/Web/CSS/At-rule#conditional_group_rules). If several `@charset` at-rules are defined, only the first one is used, and it cannot be used inside a `style` attribute on an HTML element or inside the {{ HTMLElement("style") }} element where the character set of the HTML page is relevant.
+The **`@charset`** [CSS](/en-US/docs/Web/CSS) rule specifies the character encoding used in the style sheet. Although the first character in `@charset` is the `@` symbol, it is not an [at-rule](/en-US/docs/Web/CSS/At-rule). The [CSS syntax](/en-US/docs/Web/CSS/CSS_syntax) module deprecates this rule, defining it as an unrecognized legacy rule to be dropped when a stylesheet is grammar-checked, but it is [fully supported in all browsers](#browser_compatibility).
+
+The following assertions apply to valid `@charset` usage:
+
+- The `@charset` rule must be the first element in the style sheet and not be preceded by any character.
+- `@charset` is not a [nested statement](/en-US/docs/Web/CSS/Syntax#nested_statements) and therefore cannot be used inside [conditional group at-rules](/en-US/docs/Web/CSS/At-rule#conditional_group_rules).
+- If several `@charset` at-rules are defined, only the first one is used.
+- `@charset` cannot be used inside a `style` attribute on an HTML element or inside the {{ HTMLElement("style") }} element where the character set of the HTML page is relevant.
 
 ```css
 @charset "utf-8";
@@ -15,13 +22,13 @@ The **`@charset`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-r
 
 This at-rule is useful when using non-{{Glossary("ASCII")}} characters in some CSS properties, like {{ cssxref("content") }}.
 
-As there are several ways to define the character encoding of a style sheet, the browser will try the following methods in the following order (and stop as soon as one yields a result) :
+As there are several ways to define the character encoding of a style sheet, the browser will try the following methods in the following order (and stop as soon as one yields a result):
 
 1. The value of the [Unicode byte-order](https://en.wikipedia.org/wiki/Byte_order_mark) character placed at the beginning of the file.
 2. The value given by the `charset` attribute of the `Content-Type:` HTTP header or the equivalent in the protocol used to serve the style sheet.
 3. The `@charset` CSS at-rule.
 4. Use the character encoding defined by the referring document: the `charset` attribute of the {{ HTMLElement("link") }} element. This method is obsolete and should not be used.
-5. Assume that the document is UTF-8
+5. Assume that the document is UTF-8.
 
 ## Syntax
 
diff --git a/files/en-us/web/css/css_charsets/index.md b/files/en-us/web/css/css_charsets/index.md
deleted file mode 100644
index d730e25dc51d1ca..000000000000000
--- a/files/en-us/web/css/css_charsets/index.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: CSS charsets
-slug: Web/CSS/CSS_charsets
-page-type: css-module
-browser-compat: css.at-rules.charset
----
-
-{{CSSRef}}
-
-The **CSS charsets** module lets you specify the character set used in the style sheet.
-
-## Reference
-
-### At-rules
-
-- {{cssxref("@charset")}}
-
-## Specifications
-
-{{Specifications}}
-
-## Browser compatibility
-
-{{Compat}}
diff --git a/files/en-us/web/css/css_syntax/error_handling/index.md b/files/en-us/web/css/css_syntax/error_handling/index.md
new file mode 100644
index 000000000000000..1390a8fd8364749
--- /dev/null
+++ b/files/en-us/web/css/css_syntax/error_handling/index.md
@@ -0,0 +1,201 @@
+---
+title: CSS syntax errors
+slug: Web/CSS/CSS_syntax/Error_handling
+page-type: guide
+---
+
+{{CSSRef}}
+
+When an error exists in CSS, such as an invalid value or a missing semicolon, instead of [throwing an error like in JavaScript](/en-US/docs/Web/JavaScript/Reference/Errors), the browser (or other user agent) will gracefully recover. Browsers don't provide CSS-related alerts or otherwise indicate errors have occurred in styles. They just discard invalid content and parse subsequent valid styles. This is a feature of CSS, not a bug.
+
+This guide discusses how CSS {{glossary("parser", "parsers")}} discard invalid CSS.
+
+## CSS parser errors
+
+When a CSS error is encountered, the browser's {{glossary("parser")}} ignores the line containing the errors, discarding the minimum amount of CSS code before returning to {{glossary("parse", "parsing")}} the CSS as normal. The "error recovery" is just the ignoring or skipping of invalid content.
+
+The fact that browsers ignore invalid code enables the use of new CSS features without worrying about anything being broken in older browsers. A browser may not recognize a new feature, but that is okay. The discarding of invalid content without throwing an error allows both old and new syntaxes to coexist in the same ruleset, although bear in mind that they should be specified in that order. For example:
+
+```css
+div {
+  display: inline-flex;
+  display: inline flex;
+}
+```
+
+The {{cssxref("display")}} property accepts both legacy single value and [multi-keyword syntax](/en-US/docs/Web/CSS/display/multi-keyword_syntax_of_display). Browsers will render the old syntax until they recognize the new syntax as valid, at which point the new syntax will override the old. If a user has an old browser, the valid fallback won't get overwritten by the new CSS, because the browser perceives it as invalid.
+
+The type and amount of CSS that a browser ignores due to an error depends on the type of error. Some common error situations are listed below:
+
+- For [errors in at-rules](#at-rule_errors), whether a single line or the entire at-rule is ignored (fails) depends on the at-rule and the type of error.
+- If the [error is an invalid selector](#errors_in_selector_lists), the entire declaration block is ignored.
+- An [error due to a missing semi-colon](#errors_within_css_declaration_blocks) between property declarations causes an invalid value, in which case, multiple property-value declarations are ignored.
+- If the [error is a property name or value](#errors_within_css_declaration_blocks), such as an unrecognized property name or invalid data type, the property-value declaration is ignored.
+- If the [error is due to a missing end-bracket](#errors_with_auto-closed_endings), the extent of what is ignored depends on the browser's ability to parse the error as nested CSS.
+
+After parsing each declaration, style rule, at-rule, and so on, the browser checks the parsed content against its expected [grammar](#grammar_check) for that construct. If the content does not match the expected grammar for that construct, the browser considers it invalid and ignores it.
+
+### At-rule errors
+
+The `@` symbol, known in CSS specifications as an `<at-keyword-token>`, indicates the beginning of a CSS {{cssxref("at-rule")}}. Once an at-rule begins with the `@` symbol, nothing is considered invalid from the parser's standpoint. Everything up to the first semi-colon (`;`) or the opening curly brace (`{`) is part of the at-rule's prelude. The content of each at-rule is interpreted according to the grammar rules for that particular at-rule.
+
+Statement at-rules, such as {{cssxref("@import")}} and {{cssxref("@namespace")}} declarations, contain just a prelude. The semicolon ends the at-rule immediately for [regular at-rules](/en-US/docs/Web/CSS/At-rule#regular). If the contents of the prelude are invalid according to the grammar for that at-rule, the at-rule is ignored, with the browser continuing to parse CSS after it encounters the next semi-colon. For example, if an `@import` at-rule occurs after any CSS declaration other than `@charset`, `@layer` or other `@import` statements, the `@import` declaration is ignored.
+
+```css
+@import "assets/fonts.css" layer(fonts);
+@namespace svg url(http://www.w3.org/2000/svg);
+```
+
+If the parser encounters a curly brace (`{`) before a semi-colon is encountered, the at-rule is parsed as a block at-rule. Block at-rules, also called [nested at-rules](/en-US/docs/Web/CSS/At-rule#nested), like {{cssxref("@font-face")}} and {{cssxref("@keyframes")}}, contain a block of declarations surrounded by curly braces (`{}`). The opening curly brace informs the browser where the at-rule prelude ends and the at-rule's body starts. The parser looks forward, seeking matching blocks (content surrounded by `()`, `{}`, or `[]`) until it finds a closing curly brace (`}`) that isn't matched by any other curly braces: this closes the body of the at-rule.
+
+Different at-rules have different grammar rules, different (or no) descriptors, and different rules for what, if anything, will invalidate the entire at-rule. The expected grammar for [each at-rule](/en-US/docs/Web/CSS/At-rule) and how errors are handled are documented on the respective at-rule page. The handling of invalid content depends on the error.
+
+For example, the `@font-face` rule requires both a [`font-family`](/en-US/docs/Web/CSS/@font-face/font-family) and [`src`](/en-US/docs/Web/CSS/@font-face/src) descriptor. If either of these is omitted or invalid, the entire `@font-face` rule is invalid. Including an unrelated descriptor, any other valid font descriptor with an invalid value, or a property style declaration within the `@font-face` nested block will not invalidate the font declaration. As long as the font name and font source are included and valid, any invalid CSS within the at-rule is ignored, but the `@font-face` block is still parsed.
+
+While the grammar of the `@keyframe` at-rule is very different from the `@font-face` rule grammar, the type of error still impacts what gets ignored. Important declarations (marked with the {{cssxref("important")}} flag) and properties that can't be animated are ignored in keyframe rules, but they don't impact other styles declared in the same keyframe selector block. Including an invalid keyframe selector (such as a percentage value less than `0%` or greater than `100%`, or a {{cssxref("number")}} omitting the `%`) invalidates the keyframe selector list and therefore the style block is ignored. An invalid keyframe selector only invalidates the invalid selector's style block; it does not invalidate the entire `@keyframe` declaration. Including styles between two keyframe selector blocks, on the other hand, will invalidate the entire `@keyframe` at-rule.
+
+Some at-rules are almost always valid. The {{cssxref("@layer")}} at-rule comes in both regular and nested forms. The `@layer` statement syntax contains just the prelude, ending with a semi-colon. Alternatively, the nested syntax has layer styles nested between curly braces coming after the prelude. Omitting a closing curly brace may be a logic error but is not a syntax error. In the case of a missing closing brace in `@layer`, any styles coming after where the closing brace should have been are parsed as being in the cascade layer defined in the at-rule's prelude. The CSS is valid as there are no syntax errors; nothing is discarded. A syntax error may cause the named or anonymous layer to be empty, but the layer is still created.
+
+### Errors in selector lists
+
+There are many ways you might make a mistake writing a selector, but only invalid selectors cause a selector list to be invalid (See [invalid selector list](/en-US/docs/Web/CSS/Selector_list#invalid_selector_list)).
+
+If you include a {{cssxref("class_selectors", "class")}}, {{cssxref("id_selectors", "id")}}, or {{cssxref("type_selectors", "type")}} selector for a class, id, or element (or custom element) that doesn't exist, it may be a logic error but it's not a syntax error. However, if you have a typo in a pseudo-class or a pseudo-element, it might create an invalid selector, which is an error the parser needs to address.
+
+If a selector list contains any invalid selectors, then the entire style block is ignored. There are exceptions: if the invalid selector is within an {{cssxref(":is")}} or {{cssxref(":where")}} pseudo-class (which accept [forgiving selector lists](/en-US/docs/Web/CSS/Selector_list#forgiving_selector_list)) or if the unknown selector is a [`-webkit-` prefixed pseudo-element](#-webkit-_exception), only the unknown selector is ignored as not matching anything. The selector list is not invalidated.
+
+Outside of these exceptions, a single invalid or unsupported selector in the selector list will invalidate the entire rule and the entire selector block will be ignored. The browser will then look for the closing curly brace and continue parsing from that point onwards.
+
+#### `-webkit-` exception
+
+Due to legacy issues from the overuse of browser-specific prefixes in selectors and [property names (and values)](#vendor-prefixes), browsers avoid excessive invalidation of selector lists by treating all [pseudo-elements](/en-US/docs/Web/CSS/Pseudo-elements) that start with a case-insensitive `-webkit-` prefix and don't end with `()` as valid.
+
+This means that a pseudo-element like `::-webkit-works-only-in-samsung` will not invalidate a selector list, regardless of which browser the code is running in. In such cases, the pseudo-element may not be recognized or supported by the browser, but it will not cause the entire selector list and its associated style block to be ignored. On the other hand, an unknown prefixed selector with a function notation of `::-webkit-imaginary-function()` will invalidate the entire selector list, and the browser will ignore the entire selector block.
+
+### Errors within CSS declaration blocks
+
+When it comes to CSS properties and values within a declaration block, if either the property or the value is invalid, that property-value pair is ignored and discarded. When a user agent parses or interprets a list of declarations, unknown syntax at any point causes the browser's parser to discard only the current declaration. It then continues parsing CSS after the next semicolon or closing curly bracket is encountered, whichever comes first.
+
+This example contains an error. The parser ignores the error (and the comments), seeks forward until it encounters a semi-colon, then restarts parsing:
+
+```css-nolint bad
+p {
+/* Invalid syntax due to  missing semi-colon */
+  border-color: red
+  background-color: green;
+
+/* Valid syntax but likely a logic error */
+  border-width: 100vh;
+}
+```
+
+The reason the first declaration in this selector block is invalid is because the semi-colon is missing and the declaration is not the last one in the selector block. The property missing the semi-colon is ignored, as is the property-value pair following it because the browser only continues parsing after a semi-colon or closing bracket is encountered. Specifically, the `border-color` value is parsed as `red background-color: green;` which is not a valid {{cssxref("&lt;color&gt;")}} value.
+
+The {{cssxref("border-width")}} value of `100vh` is likely a mistake, but it's not an error. As it is syntactically valid, it will be parsed and applied to the elements matching the selector.
+
+#### Vendor prefixes
+
+Vendor-prefixed property names and property values, when not understood by a browser, are treated as invalid and ignored. Only the individual rules containing an invalid property or value are ignored. The parser looks for the next semi-colon or closing curly brace and then continues parsing from there.
+
+You may come across legacy CSS that looks like the following:
+
+```css example-bad
+/* Prefixed values */
+.wrapper {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  display: block flex;
+}
+/* Prefixed properties */
+.rounded {
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  -ms-border-radius: 50%;
+  -o-border-radius: 50%;
+  border-radius: 50%;
+}
+```
+
+In this example, the last declaration in each block is valid in all browsers — `display: flex;` and `border-radius: 50%;`. Because of the [cascade](/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#source_order) [order of appearance](/en-US/docs/Learn/CSS/Building_blocks/Cascade_layers) rule, browsers will apply any prefixed declarations they understand, and then override those values with the standard unprefixed version.
+
+> **Note:** Avoid including prefixed properties or property values where possible. If you must use them, declare the prefixed versions before the non-prefixed version as shown above.
+
+### Errors with auto-closed endings
+
+If a stylesheet ends while a rule, declaration, function, string, or comment is still open, the parser will automatically close everything that was left unclosed.
+
+> **Note:** This is true of external style sheets, selector blocks within an HTML {{HTMLElement("style")}} element, and inline rules within a [`style`](/en-US/docs/Web/HTML/Global_attributes/style) attribute.
+
+If the content between the last semi-colon and the end of the stylesheet is valid, even if incomplete, the CSS will be parsed normally. For example, if you fail to close out a `@keyframe` declaration before closing your {{htmlelement("style")}}, the animation is still valid.
+
+```html-nolint example-bad
+<style>
+@keyframes move {
+  100% {
+    transform: translatex(100vw)
+</style>
+```
+
+Here the `move` animation is valid. Failing to properly close CSS statements doesn't necessarily make the statements invalid. That said, do not take advantage of CSS's forgiving nature. Always close all of your statements and style blocks. It makes your CSS easier to read and maintain and ensures that the browser parses the CSS as you intended.
+
+#### Unclosed comments
+
+Unclosed comments are logic errors, not syntax errors. If a comment starts with `/*` but is not closed, all CSS code until a closing delimiter (`*/`) in a subsequent comment or the end of the stylesheet, whichever comes first, is part of the comment. While an unclosed comment does not invalidate your CSS, it causes the CSS following the opening delimiter (`/*`) to be ignored.
+
+```html example-bad
+<style>
+  /* this comment is not closed
+  @keyframes move {
+    0% {transform: translatex(0);}
+    100% {transform: translatex(100vw);}
+  }
+</style>
+<p style="/* another unclosed comment">Parsed as HTML.</p>
+```
+
+In this example, the two CSS comments are not closed, but the closing `</style>` tag closes the first comment and the `style` attribute's close quote closes the second comment.
+
+## Grammar check
+
+After parsing each declaration, style rule, at-rule, etc., the user agent checks to make sure the grammar follows the rules for that declaration. For example, if a property value is of the wrong data type or a descriptor is not valid for the at-rule being described, the content that does not match the expected grammar is deemed invalid and gets ignored.
+
+Each CSS property accepts specific data types. For example, the {{cssxref("background-color")}} property accepts either a valid {{cssxref("&lt;color&gt;")}} or a CSS global keyword. When the value assigned to a property is of the wrong type, such as `background-color: 45deg`, the declaration is invalid and therefore ignored.
+
+### Invalid custom properties
+
+Custom properties are generally considered valid when declared, but may create invalid CSS when accessed, i.e. they may be used as a value (via the {{cssxref("var")}} function) for a property that does not accept that value type. The browser parses each custom property when encountered without regard to where the property is consumed.
+
+Generally, when a property value is invalid, the declaration is ignored and the property falls back to the last valid value. Invalid computed custom property values, however, work slightly differently.
+
+When a `var()` substitution is invalid, the declaration is not ignored and the [initial](/en-US/docs/Web/CSS/initial_value) or [inherited](/en-US/docs/Web/CSS/Inheritance) value of the property is used instead. The property is set to a new value, but possibly not the expected one.
+
+Let's look at an example to illustrate this behavior:
+
+```css example-bad
+:root {
+  --theme-color: 45deg;
+}
+body {
+  background-color: var(--theme-color);
+}
+```
+
+In the above code, the custom property declaration is valid. The `background-color` declaration is also valid at compute time. However, when the browser substitutes the custom property in `var(--theme-color)` with `45deg` as a value of the `background-color` property, the grammar is invalid. An {{cssxref("angle")}} is not a valid `background-color` value. In this case, the declaration is not ignored as invalid. Rather, when a custom property is of the wrong type, if the property is inheritable, the value is inherited from its parent. If the property is not inheritable, the default initial value is used. In the case of `background-color`, the property value is not an inherited value, so the inital value of `transparent` is used.
+
+To better control the way custom properties fall back, use the {{cssxref("@property")}} at-rule to define the initial value of the property:
+
+```css example-good
+@property --theme-color {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: rebeccapurple;
+}
+```
+
+## See also
+
+- [CSS syntax](/en-US/docs/Web/CSS/CSS_syntax) module
+- [Syntax](/en-US/docs/Web/CSS/Syntax) guide
+- [Value definition syntax](/en-US/docs/Web/CSS/Value_definition_syntax)
diff --git a/files/en-us/web/css/css_syntax/index.md b/files/en-us/web/css/css_syntax/index.md
new file mode 100644
index 000000000000000..254d3455c84f903
--- /dev/null
+++ b/files/en-us/web/css/css_syntax/index.md
@@ -0,0 +1,105 @@
+---
+title: CSS syntax
+slug: Web/CSS/CSS_syntax
+page-type: css-module
+spec-urls: https://drafts.csswg.org/css-syntax
+---
+
+{{CSSRef}}
+
+The **CSS syntax** module describes, in general terms, the structure and syntax of cascading stylesheets, or CSS. It defines CSS as the language for describing the rendering of structured documents (such as HTML and XML), on the web and elsewhere.
+
+This module doesn't define any properties, [data types](/en-US/docs/Web/CSS/CSS_Types), [functions](/en-US/docs/Web/CSS/CSS_Functions), or [at-rules](/en-US/docs/Web/CSS/At-rule). Rather, it elaborates on how all of these features should be defined and how user agents should parse CSS.
+
+## At-rules
+
+- none
+
+> **Note:** The module explicitly states that {{cssxref("@charset")}} is not an actual at-rule, but rather an unrecognized legacy rule that should be omitted when a stylesheet is grammar-checked.
+
+## Reference
+
+### Key concepts
+
+- {{cssxref("at-rule")}}
+- [character escaping](/en-US/docs/Web/CSS/custom-ident#escaping_characters)
+- [CSS comments](/en-US/docs/Web/CSS/Comments)
+- [CSS declaration](/en-US/docs/Web/API/CSS_Object_Model/CSS_Declaration)
+- [CSS declaration block](/en-US/docs/Web/API/CSS_Object_Model/CSS_Declaration_Block)
+- [CSS function](/en-US/docs/Web/CSS/CSS_Functions)
+- [invalid](/en-US/docs/Web/CSS/CSS_syntax/Error_handling)
+- [style rule](/en-US/docs/Web/API/CSSStyleRule)
+
+### Glossary terms
+
+- {{glossary("CSS_Descriptor", "CSS descriptor")}}
+- {{glossary("parse")}}
+- {{glossary("stylesheet")}}
+- {{glossary("whitespace")}}
+
+## Guides
+
+- [Syntax](/en-US/docs/Web/CSS/Syntax)
+
+  - : Overview of CSS syntax, including CSS declarations, declaration blocks, rulesets, and statements.
+
+- [Value definition syntax](/en-US/docs/Web/CSS/Value_definition_syntax)
+
+  - : Explains the formal grammar for defining valid values for CSS properties and functions, along with semantic constraints. A guide for understanding CSS component value types, combinators, and multipliers.
+
+- [CSS syntax error handling](/en-US/docs/Web/CSS/CSS_syntax/Error_handling)
+
+  - : Overview of how the user agent handles invalid CSS.
+
+- [Learn CSS first steps: CSS syntax](/en-US/docs/Learn/CSS/First_steps/What_is_CSS#css_syntax)
+
+  - : Introductory guide to CSS, including an introduction to CSS syntax.
+
+## Related concepts
+
+[CSS selectors](/en-US/docs/Web/CSS/CSS_selectors) module:
+
+- [CSS specificity](/en-US/docs/Web/CSS/Specificity)
+
+[CSS cascade](/en-US/docs/Web/CSS/CSS_cascade) module:
+
+- {{cssxref("@import")}} at-rule
+- {{cssxref("important")}} flag
+- [Initial values](/en-US/docs/Web/CSS/initial_value)
+- [Computed values](/en-US/docs/Web/CSS/computed_value)
+- [Used values](/en-US/docs/Web/CSS/used_value)
+- [Actual values](/en-US/docs/Web/CSS/actual_value)
+- [CSS inheritance](/en-US/docs/Web/CSS/Inheritance)
+- {{Glossary("Property/CSS", "CSS property")}}
+
+[CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module:
+
+- [custom property (`--*`)](/en-US/docs/Web/CSS/--*)
+- {{cssxref("var")}} function
+
+[CSS conditional rules](/en-US/docs/Web/CSS/CSS_conditional_rules) module:
+
+- {{cssxref("@media")}} at-rule
+- {{cssxref("@supports")}} at-rule
+
+[CSS Object Model (CSSOM)](/en-US/docs/Web/API/CSS_Object_Model) API:
+
+- {{domxref("CSSValue.cssText", "cssText")}} property
+- {{domxref("CSSStyleSheet.insertRule()", "insertRule(rule)")}} method
+- {{domxref("CSSStyleSheet.replace()", "replace(text)")}} method
+
+[WHATWG](/en-US/docs/Glossary/WHATWG) specification:
+
+- {{HTMLElement("style")}} element
+- {{HTMLElement("link")}} element
+- [`class`](/en-US/docs/Web/HTML/Global_attributes/class) attribute
+- [`rel`](/en-US/docs/Web/HTML/Attributes/rel#stylesheet) attribute
+
+## Specifications
+
+{{Specifications}}
+
+## See also
+
+- [CSS selectors](/en-US/docs/Web/CSS/CSS_selectors) module
+- [CSS values and units](/en-US/docs/Web/CSS/CSS_Values_and_Units) module
diff --git a/files/en-us/web/css/custom-ident/index.md b/files/en-us/web/css/custom-ident/index.md
index a6261b6ee58ffe6..5315f24ed79b1ca 100644
--- a/files/en-us/web/css/custom-ident/index.md
+++ b/files/en-us/web/css/custom-ident/index.md
@@ -21,10 +21,27 @@ The syntax of `<custom-ident>` is similar to CSS identifiers (such as property n
 - any decimal digit (`0` to `9`),
 - a hyphen (`-`),
 - an underscore (`_`),
-- an escaped character (preceded by a backslash, `\`),
+- an [escaped character](#escaping-characters) (preceded by a backslash, `\`),
 - a [Unicode](https://en.wikipedia.org/wiki/Unicode) character (in the format of a backslash, `\`, followed by one to six hexadecimal digits, representing its Unicode code point)
 
-Note that `id1`, `Id1`, `iD1` and `ID1` are all different identifiers as they are [case-sensitive](https://en.wikipedia.org/wiki/Case_sensitivity). On the other hand, as there are several ways to escape a character, `toto\?` and `toto\3F` are the same identifiers.
+Note that `id1`, `Id1`, `iD1`, and `ID1` are all different identifiers as they are [case-sensitive](https://en.wikipedia.org/wiki/Case_sensitivity).
+
+### Escaping characters
+
+Any Unicode code point can be included as part of a `<custom-ident>` or quoted {{cssxref("string")}} by escaping it.
+
+In CSS, there are several ways to escape a character. Escape sequences start with a backslash (`\`), and continue with:
+
+- One to six hex (`ABCDEF0123456789`) digits. The hex digits can optionally be followed by white space. The hex escape sequence gets replaced by the Unicode code point whose value is given by those digits. The whitespace allows the sequences to be followed by actual hex digits (versus replaced ones).
+- Any Unicode code point that is not a hex digit or a newline character.
+
+Examples:
+
+- "&B" can be written as `\26 B` or `\000026B`.
+- "hi.there" can be written as `hi\.there` or `hi\002Ethere`.
+- "toto?" can be written as `toto\?`, `toto\3F`, or `toto\00003F`.
+
+To include actual white space after an escape sequence, include two white spaces in the escape sequence.
 
 ### Forbidden values
 

From b1120cdc126cbccdb1146fa7bb2fdd1a7af28062 Mon Sep 17 00:00:00 2001
From: Vadim Makeev <hi@pepelsbey.dev>
Date: Tue, 19 Dec 2023 16:01:36 +0100
Subject: [PATCH 026/790] Remove external link to the same image (#31153)

---
 .../your_own_automation_environment/index.md                 | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/files/en-us/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.md b/files/en-us/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.md
index c7f56e4eb202fda..1aa86ef6f06d0f8 100644
--- a/files/en-us/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.md
+++ b/files/en-us/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.md
@@ -581,7 +581,10 @@ Let's write an example:
    If you wish to extract these results for reporting purpose from LambdaTest platform then you can do so by using [LambdaTest restful API](https://www.lambdatest.com/blog/lambdatest-launches-api-for-selenium-automation/).
 
 5. Now if you go to your [LambdaTest Automation dashboard](https://accounts.lambdatest.com/dashboard), you'll see your test listed; from here you'll be able to see videos, screenshots, and other such data.
-   [![LambdaTest Automation Dashboard](automation-logs-1.jpg)](https://www.lambdatest.com/blog/wp-content/uploads/2019/02/Automation-logs-1.jpg)You can retrieve network, command, exception, and Selenium logs for every test within your test build. You will also find a video recording of your Selenium script execution.
+
+   ![LambdaTest Automation Dashboard](automation-logs-1.jpg)
+
+   You can retrieve network, command, exception, and Selenium logs for every test within your test build. You will also find a video recording of your Selenium script execution.
 
 > **Note:** The _HELP_ button on LambdaTest Automation Dashboard will provide you with an ample amount of information to help you get started with LambdaTest automation. You can also follow our documentation about [running first Selenium script in Node JS](https://www.lambdatest.com/support/docs/quick-guide-to-run-node-js-tests-on-lambdatest-selenium-grid/).
 

From d0633d8d5509e827ca5421d9cee6ab5cc68444d9 Mon Sep 17 00:00:00 2001
From: Ruth John <Rumyra@users.noreply.github.com>
Date: Tue, 19 Dec 2023 15:45:15 +0000
Subject: [PATCH 027/790] Firefox 121 release notes (#31156)

ff121 notes
---
 .../mozilla/firefox/releases/121/index.md     | 42 +----------
 .../mozilla/firefox/releases/122/index.md     |  6 +-
 .../mozilla/firefox/releases/123/index.md     | 69 +++++++++++++++++++
 3 files changed, 75 insertions(+), 42 deletions(-)
 create mode 100644 files/en-us/mozilla/firefox/releases/123/index.md

diff --git a/files/en-us/mozilla/firefox/releases/121/index.md b/files/en-us/mozilla/firefox/releases/121/index.md
index 1b8477012d2e2d6..80df427cd723b2b 100644
--- a/files/en-us/mozilla/firefox/releases/121/index.md
+++ b/files/en-us/mozilla/firefox/releases/121/index.md
@@ -6,28 +6,22 @@ page-type: firefox-release-notes
 
 {{FirefoxSidebar}}
 
-This article provides information about the changes in Firefox 121 that affect developers. Firefox 121 is the current [Beta version of Firefox](https://www.mozilla.org/en-US/firefox/channel/desktop/#beta) and ships on [December 19, 2023](https://whattrainisitnow.com/release/?version=121).
+This article provides information about the changes in Firefox 121 that affect developers. Firefox 121 was released on [December 19, 2023](https://whattrainisitnow.com/release/?version=121).
 
 ## Changes for web developers
 
-### Developer Tools
-
 ### HTML
 
 - [Lazy loading](/en-US/docs/Web/Performance/Lazy_loading) of `<iframes>` is now supported, allowing developers to hint that particular `<iframe>`s should only be loaded when (and if) they become visible. This can speed up initial load time by reducing the resources that need to be fetched on page load (some `<iframes>` may not need to be fetched at all).
   The hint can be provided via the [`loading`](/en-US/docs/Web/HTML/Element/iframe#loading) attribute on the [`<iframe>`](/en-US/docs/Web/HTML/Element/iframe) element, or in JavaScript using {{domxref("HTMLIFrameElement.loading")}}.
   ([Firefox bug 1622090](https://bugzil.la/1622090)).
 
-#### Removals
-
 ### CSS
 
 - The {{CSSXRef("text-wrap")}} property has been updated with support for the values `balance` and `stable`. The `balance` value is used for short blocks of content, such as headings, and will make sure that the content is balanced and easy to read when spread over multiple lines. The `stable` value makes sure that editable content does not reflow while the user is editing it ([Firefox bug 1731541](https://bugzil.la/1731541)).
 - The {{cssxref(":has", ":has()")}} selector, commonly referred to as the _parent selector_, is now supported. It allows developers to apply styles to an element based on related elements, e.g. `li:has(ul)` will match a list which contains a sub-list, or `h1:has(+ p)` will match a heading with a paragraph directly after it.
 - The [`text-indent`](/en-US/docs/Web/CSS/text-indent) CSS property now supports the [`each-line`](/en-US/docs/Web/CSS/text-indent#each-line) and [`hanging`](/en-US/docs/Web/CSS/text-indent#hanging) property values ([Firefox bug 784648](https://bugzil.la/784648)), allowing developers to more easily specify certain text indentation styles. Additionally, developers can now combine multiple `text-indent` property values for more creativity, e.g. `text-indent: 3em hanging each-line`.
 
-#### Removals
-
 ### JavaScript
 
 - The {{jsxref("Promise.withResolvers()")}} static method is now supported. This exposes the `resolve` and `reject` callback functions in the same scope as the returned {{jsxref("Promise")}}, allowing code that resolves or rejects the promise to be defined after its construction ([Firefox bug 1845586](https://bugzil.la/1845586)).
@@ -49,56 +43,26 @@ This article provides information about the changes in Firefox 121 that affect d
   - `YYYY-M-DD` and `YYYY-MM-D` are no longer assumed GMT as an ISO date `YYYY-MM-DD` would be ([Firefox bug 1783731](https://bugzil.la/1783731)).
   - Milliseconds for all formats are truncated after 3 digits, rather than being rounded ([Firefox bug 746529](https://bugzil.la/746529)).
 
-#### Removals
-
-### SVG
-
-#### Removals
-
-### HTTP
-
-#### Removals
-
-### Security
-
-#### Removals
-
 ### APIs
 
 - The {{domxref("WebTransportSendStream.sendOrder", "sendOrder")}} property of the {{domxref("WebTransportSendStream")}} interface is now supported, allowing the relative priority of outgoing [WebTransport API](/en-US/docs/Web/API/WebTransport_API) _bidirectional_ streams to be read and changed after the stream is created. Note that this cannot be used to modify the priority of unidirectional streams, as Firefox implements them as {{domxref("WritableStream")}} instead of {{domxref("WebTransportSendStream")}}. (For more information see [Firefox bug 1853444](https://bugzil.la/1853444).)
 
-#### DOM
-
-#### Media, WebRTC, and Web Audio
-
-#### Removals
-
 ### WebAssembly
 
 - WebAssembly now supports tail call optimization via new `return_call` and `return_call_indirect` alternatives to the [`call`](/en-US/docs/WebAssembly/Reference/Control_flow/call) instruction. This improves performance, reduces stack space usage, and enhances compatibility with programming languages that use tail calls. ([Firefox bug 1858855](https://bugzil.la/1846789)).
 
-#### Removals
-
 ### WebDriver conformance (WebDriver BiDi, Marionette)
 
 #### WebDriver BiDi
 
 - Added the [`browsingContext.contextDestroyed`](https://w3c.github.io/webdriver-bidi/#event-browsingContext-contextDestroyed) event that is emitted when a browsing context is discarded ([Firefox bug 1694390](https://bugzil.la/1694390)).
-
 - Added support for the `userActivation` parameter for the [`script.callFunction`](https://w3c.github.io/webdriver-bidi/#command-script-callFunction) and [`script.evaluate`](https://w3c.github.io/webdriver-bidi/#command-script-evaluate) commands which allows evaluating JavaScript while emulating the user action. ([Firefox bug 1845488](https://bugzil.la/1845488)).
-
 - Added support for the `defaultValue` field for the [`browsingContext.userPromptOpened`](https://w3c.github.io/webdriver-bidi/#event-browsingContext-userPromptOpened) event that allow users to retrieve the default value of prompts ([Firefox bug 1851761](https://bugzil.la/1851761)).
-
 - Renamed the `viewportOptions` parameter for the [`browsingContext.captureScreenshot`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-captureScreenshot) command to `boxOptions` ([Firefox bug 1859258](https://bugzil.la/1859258)).
-
 - Removed the `scrollIntoView` parameter for the [`browsingContext.captureScreenshot`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-captureScreenshot) command, in favor of the `origin` parameter below ([Firefox bug 1862649](https://bugzil.la/1862649)).
-
 - Added support for the `origin` parameter for the [`browsingContext.captureScreenshot`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-captureScreenshot) command which allows defining the origin and bounds of the screenshot. The accepted values are `"document"` and `"viewport"` ([Firefox bug 1840999](https://bugzil.la/1840999)).
-
 - When serializing `Window` objects, the serialized value now contains a `context` property set to the context id for the `Window` object which can also be exchanged with Marionette to reference specific windows and frames ([Firefox bug 1841049](https://bugzil.la/1841049)).
-
 - Fixed a bug where serialization of a Node nested in a data structure (array, map, etc.) would fail ([Firefox bug 1861000](https://bugzil.la/1861000)).
-
 - Fixed a bug where the [`browsingContext.navigate`](https://w3c.github.io/webdriver-bidi/#command-browsingContext-navigate) command could return an incorrect navigation id ([Firefox bug 1861655](https://bugzil.la/1861655)).
 
 #### Marionette
@@ -116,10 +80,6 @@ These features are newly shipped in Firefox 121 but are disabled by default. To
 
 ## Changes for add-on developers
 
-### Removals
-
-### Other
-
 - Fixed a bug that resulted in background pages not starting when a manifest.json `background` key contains `service_worker` and `scripts` declarations ([Firefox bug 1860304](https://bugzil.la/1860304)).
 
   > **Note:** Incidentally, a change in Chrome 121 sees the `scripts` property ignored when specified with the `service_worker` property. Previously, Chrome refused to load extensions containing both properties ([Chromium bug 1418934](https://crbug.com/1418934)).
diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index e1ef34c0668169c..629e15ec93432fa 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -6,7 +6,7 @@ page-type: firefox-release-notes
 
 {{FirefoxSidebar}}
 
-This article provides information about the changes in Firefox 122 that affect developers. Firefox 122 is the current [Nightly version of Firefox](https://www.mozilla.org/en-US/firefox/channel/desktop/#nightly) and ships on [January 23, 2024](https://whattrainisitnow.com/release/?version=122).
+This article provides information about the changes in Firefox 122 that affect developers. Firefox 122 is the current [Beta version of Firefox](https://www.mozilla.org/en-US/firefox/channel/desktop/#beta) and ships on [January 23, 2024](https://whattrainisitnow.com/release/?version=122).
 
 ## Changes for web developers
 
@@ -60,6 +60,10 @@ This article provides information about the changes in Firefox 122 that affect d
 
 ### Other
 
+## Experimental web features
+
+These features are newly shipped in Firefox 122 but are disabled by default. To experiment with them, search for the appropriate preference on the `about:config` page and set it to `true`. You can find more such features on the [Experimental features](/en-US/docs/Mozilla/Firefox/Experimental_features) page.
+
 ## Older versions
 
 {{Firefox_for_developers(121)}}
diff --git a/files/en-us/mozilla/firefox/releases/123/index.md b/files/en-us/mozilla/firefox/releases/123/index.md
new file mode 100644
index 000000000000000..4c9da87c1f530ba
--- /dev/null
+++ b/files/en-us/mozilla/firefox/releases/123/index.md
@@ -0,0 +1,69 @@
+---
+title: Firefox 123 for developers
+slug: Mozilla/Firefox/Releases/123
+page-type: firefox-release-notes
+---
+
+{{FirefoxSidebar}}
+
+This article provides information about the changes in Firefox 123 that affect developers. Firefox 123 is the current [Nightly version of Firefox](https://www.mozilla.org/en-US/firefox/channel/desktop/#nightly) and ships on [February 20, 2024](https://whattrainisitnow.com/release/?version=123).
+
+## Changes for web developers
+
+### Developer Tools
+
+### HTML
+
+#### Removals
+
+### CSS
+
+#### Removals
+
+### JavaScript
+
+#### Removals
+
+### SVG
+
+#### Removals
+
+### HTTP
+
+#### Removals
+
+### Security
+
+#### Removals
+
+### APIs
+
+#### DOM
+
+#### Media, WebRTC, and Web Audio
+
+#### Removals
+
+### WebAssembly
+
+#### Removals
+
+### WebDriver conformance (WebDriver BiDi, Marionette)
+
+#### WebDriver BiDi
+
+#### Marionette
+
+## Changes for add-on developers
+
+### Removals
+
+### Other
+
+## Experimental web features
+
+These features are newly shipped in Firefox 123 but are disabled by default. To experiment with them, search for the appropriate preference on the `about:config` page and set it to `true`. You can find more such features on the [Experimental features](/en-US/docs/Mozilla/Firefox/Experimental_features) page.
+
+## Older versions
+
+{{Firefox_for_developers(122)}}

From 2edb228136d5a56b6350b7069bc174027961ea45 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Tue, 19 Dec 2023 15:49:32 +0000
Subject: [PATCH 028/790] updated popover to be default in nightly (#31155)

---
 files/en-us/mozilla/firefox/experimental_features/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index e7d1d20b71d6cb4..401208f43282699 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -1686,8 +1686,8 @@ See [Firefox bug 1823757](https://bugzil.la/1823757) for more details.
   <tbody>
     <tr>
       <th>Nightly</th>
-      <td>114</td>
-      <td>No</td>
+      <td>122</td>
+      <td>Yes</td>
     </tr>
     <tr>
       <th>Developer Edition</th>

From 25da2a336322cda9adb10a85a7d037b5fede4f3b Mon Sep 17 00:00:00 2001
From: Florian Scholz <fs@florianscholz.com>
Date: Tue, 19 Dec 2023 17:40:37 +0100
Subject: [PATCH 029/790] Remove docs for SVG <filter> filterRes attribute
 (#31157)

---
 files/en-us/_redirects.txt                    |  1 -
 files/en-us/_wikihistory.json                 | 10 ----
 files/en-us/web/api/svgfilterelement/index.md |  9 ---
 .../web/svg/attribute/filterres/index.md      | 56 -------------------
 files/en-us/web/svg/attribute/index.md        |  1 -
 files/en-us/web/svg/element/filter/index.md   |  1 -
 files/jsondata/SVGData.json                   |  1 -
 7 files changed, 79 deletions(-)
 delete mode 100644 files/en-us/web/svg/attribute/filterres/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index ad11fd934dbd4cb..5d8ef11ed70fe14 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -6516,7 +6516,6 @@
 /en-US/docs/SVG/Attribute/fill-opacity	/en-US/docs/Web/SVG/Attribute/fill-opacity
 /en-US/docs/SVG/Attribute/fill-rule	/en-US/docs/Web/SVG/Attribute/fill-rule
 /en-US/docs/SVG/Attribute/filter	/en-US/docs/Web/SVG/Attribute/filter
-/en-US/docs/SVG/Attribute/filterRes	/en-US/docs/Web/SVG/Attribute/filterRes
 /en-US/docs/SVG/Attribute/filterUnits	/en-US/docs/Web/SVG/Attribute/filterUnits
 /en-US/docs/SVG/Attribute/flood-color	/en-US/docs/Web/SVG/Attribute/flood-color
 /en-US/docs/SVG/Attribute/flood-opacity	/en-US/docs/Web/SVG/Attribute/flood-opacity
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index ae2efb4d23d96f6..37748c7c47d413c 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -124398,16 +124398,6 @@
       "Jeremie"
     ]
   },
-  "Web/SVG/Attribute/filterRes": {
-    "modified": "2020-10-15T21:19:12.262Z",
-    "contributors": [
-      "bershanskiy",
-      "Sebastianz",
-      "ExE-Boss",
-      "jpmedley",
-      "Jeremie"
-    ]
-  },
   "Web/SVG/Attribute/filterUnits": {
     "modified": "2020-10-15T21:08:01.201Z",
     "contributors": ["Sebastianz", "Jeremie"]
diff --git a/files/en-us/web/api/svgfilterelement/index.md b/files/en-us/web/api/svgfilterelement/index.md
index 1fb5fb5c3b16a90..e01da80a2a308cd 100644
--- a/files/en-us/web/api/svgfilterelement/index.md
+++ b/files/en-us/web/api/svgfilterelement/index.md
@@ -27,15 +27,6 @@ The **`SVGFilterElement`** interface provides access to the properties of {{SVGE
   - : An {{domxref("SVGAnimatedLength")}} that corresponds to the {{SVGAttr("width")}} attribute of the given {{SVGElement("filter")}} element.
 - {{domxref("SVGFilterElement.height")}} {{ReadOnlyInline}}
   - : An {{domxref("SVGAnimatedLength")}} that corresponds to the {{SVGAttr("height")}} attribute of the given {{SVGElement("filter")}} element.
-- {{domxref("SVGFilterElement.filterResX")}} {{ReadOnlyInline}} {{deprecated_inline}}
-  - : An {{domxref("SVGAnimatedInteger")}} that contains the X component of the {{SVGAttr("filterRes")}} attribute of the given {{SVGElement("filter")}} element.
-- {{domxref("SVGFilterElement.filterResY")}} {{ReadOnlyInline}} {{deprecated_inline}}
-  - : An {{domxref("SVGAnimatedInteger")}} that contains the Y component of the {{SVGAttr("filterRes")}} attribute of the given {{SVGElement("filter")}} element.
-
-## Instance methods
-
-- {{domxref("SVGFilterElement.setFilterRes()")}} {{deprecated_inline}}
-  - : Sets the values of the {{SVGAttr("filterRes")}} attribute.
 
 ## Specifications
 
diff --git a/files/en-us/web/svg/attribute/filterres/index.md b/files/en-us/web/svg/attribute/filterres/index.md
deleted file mode 100644
index be2dea40f8edfd8..000000000000000
--- a/files/en-us/web/svg/attribute/filterres/index.md
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: filterRes
-slug: Web/SVG/Attribute/filterRes
-page-type: svg-attribute
-status:
-  - deprecated
-browser-compat: svg.elements.filter.filterRes
----
-
-{{SVGRef}}{{deprecated_header}}
-
-The **`filterRes`** attribute indicates the width and height of the intermediate images in pixels of a filter primitive.
-
-Take care when assigning a non-default value to this attribute. Too small of a value may result in unwanted pixelation in the result. Too large of a value may result in slow processing and large memory usage.
-
-Note that negative values or zero values disable the rendering of the element which referenced the filter.
-
-You can use this attribute with the following SVG elements:
-
-- {{SVGElement("filter")}}
-
-## Usage notes
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <th scope="row">Value</th>
-      <td>
-        <code
-          ><a href="/en-US/docs/Web/SVG/Content_type#Number-optional-number"
-            >&#x3C;number-optional-number></a
-          ></code
-        >
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">Default value</th>
-      <td><em>None</em></td>
-    </tr>
-    <tr>
-      <th scope="row">Animatable</th>
-      <td>Yes</td>
-    </tr>
-  </tbody>
-</table>
-
-- `<number-optional-number>`
-  - : This value takes one or two values, the first one outlining the resolution in horizontal direction, the second one in vertical direction. If only one value is specified, it is used for both directions.
-
-## Specifications
-
-{{Specifications}}
-
-## Browser compatibility
-
-{{Compat}}
diff --git a/files/en-us/web/svg/attribute/index.md b/files/en-us/web/svg/attribute/index.md
index adc9524508f36d6..926cbaa82602f2c 100644
--- a/files/en-us/web/svg/attribute/index.md
+++ b/files/en-us/web/svg/attribute/index.md
@@ -83,7 +83,6 @@ Below is a list of all of the attributes available in SVG along with links to re
 - {{SVGAttr("fill-opacity")}}
 - {{SVGAttr("fill-rule")}}
 - {{SVGAttr("filter")}}
-- {{SVGAttr("filterRes")}}
 - {{SVGAttr("filterUnits")}}
 - {{SVGAttr("flood-color")}}
 - {{SVGAttr("flood-opacity")}}
diff --git a/files/en-us/web/svg/element/filter/index.md b/files/en-us/web/svg/element/filter/index.md
index 2dd56f6ca263070..89a1503db21556d 100644
--- a/files/en-us/web/svg/element/filter/index.md
+++ b/files/en-us/web/svg/element/filter/index.md
@@ -29,7 +29,6 @@ The **`<filter>`** [SVG](/en-US/docs/Web/SVG) element defines a custom filter ef
 - {{SVGAttr("y")}}
 - {{SVGAttr("width")}}
 - {{SVGAttr("height")}}
-- {{SVGAttr("filterRes")}} {{Deprecated_Inline}}
 - {{SVGAttr("filterUnits")}}
 - {{SVGAttr("primitiveUnits")}}
 - {{SVGAttr("xlink:href")}} {{deprecated_inline}}
diff --git a/files/jsondata/SVGData.json b/files/jsondata/SVGData.json
index abf80920b4aacd3..1c21124570b1afc 100644
--- a/files/jsondata/SVGData.json
+++ b/files/jsondata/SVGData.json
@@ -702,7 +702,6 @@
         "'y'",
         "'width'",
         "'height'",
-        "'filterRes'",
         "'filterUnits'",
         "'primitiveUnits'",
         "'xlink:href'"

From ddbc1d9448096ab07ec4337bccc17be4aefed202 Mon Sep 17 00:00:00 2001
From: dv3lah <71223183+dv3lah@users.noreply.github.com>
Date: Tue, 19 Dec 2023 19:53:21 +0200
Subject: [PATCH 030/790] Clarify Grid Lines glossary definition (#31081)

* Update index.md

Grid lines are created by default even when we do not set the columns or rows explicitly. Therefore, it is more accurate to avoid stating that the grid lines are created when we use explicit grid.

* Update index.md
---
 files/en-us/glossary/grid_lines/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/glossary/grid_lines/index.md b/files/en-us/glossary/grid_lines/index.md
index b1ac3be923ff6be..5c4c668965891fc 100644
--- a/files/en-us/glossary/grid_lines/index.md
+++ b/files/en-us/glossary/grid_lines/index.md
@@ -6,7 +6,7 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-**Grid lines** are created when you define {{glossary("Grid tracks", "tracks")}} in the explicit grid using [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_grid_layout).
+**Grid lines** are created anytime you use a [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_grid_layout).
 
 ## Example
 

From 354d2d81c34e3fc1cddeaab42ef0e50b920da806 Mon Sep 17 00:00:00 2001
From: Patrick Brosset <patrickbrosset@gmail.com>
Date: Tue, 19 Dec 2023 19:27:14 +0100
Subject: [PATCH 031/790] Edge 121 supports AVIF (#31145)

---
 files/en-us/learn/performance/multimedia/index.md           | 2 +-
 files/en-us/web/html/element/img/index.md                   | 2 +-
 .../list_of_default_accept_values/index.md                  | 2 +-
 files/en-us/web/media/formats/image_types/index.md          | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/files/en-us/learn/performance/multimedia/index.md b/files/en-us/learn/performance/multimedia/index.md
index a48df40e3630586..dab02510618e2c1 100644
--- a/files/en-us/learn/performance/multimedia/index.md
+++ b/files/en-us/learn/performance/multimedia/index.md
@@ -81,7 +81,7 @@ Other formats improve on JPEG's capabilities regarding compression, but are not
 
   > **Note:** Despite Apple [announcing support for WebP in Safari 14](https://developer.apple.com/videos/play/wwdc2020/10663/?time=1174), Safari versions earlier than 16.0 don't display `.webp` images successfully on macOS desktop versions earlier than 11/Big Sur. Safari for iOS 14 _does_ display `.webp` images successfully.
 
-- [AVIF](/en-US/docs/Web/Media/Formats/Image_types#avif_image) — Good choice for both images and animated images due to high performance and royalty-free image format (even more efficient than WebP, but not as widely supported). It is now supported on Chrome, Opera, and Firefox. See also [an online tool to convert previous image formats to AVIF](https://avif.io/).
+- [AVIF](/en-US/docs/Web/Media/Formats/Image_types#avif_image) — Good choice for both images and animated images due to high performance and royalty-free image format (even more efficient than WebP, but not as widely supported). It is now supported on Chrome, Edge, Opera, and Firefox. See also [an online tool to convert previous image formats to AVIF](https://avif.io/).
 - **JPEG2000** — once to be the successor to JPEG but only supported in Safari. Doesn't support progressive display either.
 
 Given the narrow support for JPEG-XR and JPEG2000, and also taking decode costs into the equation, the only serious contender for JPEG is WebP. Which is why you could offer your images in that flavor too. This can be done via the `<picture>` element with the help of a `<source>` element equipped with a [type attribute](/en-US/docs/Web/HTML/Element/picture#the_type_attribute).
diff --git a/files/en-us/web/html/element/img/index.md b/files/en-us/web/html/element/img/index.md
index 056c4aa6536a10d..f811524d216a07f 100644
--- a/files/en-us/web/html/element/img/index.md
+++ b/files/en-us/web/html/element/img/index.md
@@ -39,7 +39,7 @@ The image file formats that are most commonly used on the web are:
 - [SVG (Scalable Vector Graphics)](/en-US/docs/Web/Media/Formats/Image_types#svg_scalable_vector_graphics) — Vector image format. Use for images that must be drawn accurately at different sizes.
 - [WebP (Web Picture format)](/en-US/docs/Web/Media/Formats/Image_types#webp_image) — Excellent choice for both images and animated images
 
-Formats like [WebP](/en-US/docs/Web/Media/Formats/Image_types#webp_image) and [AVIF](/en-US/docs/Web/Media/Formats/Image_types#avif_image) are recommended as they perform much better than PNG, JPEG, GIF for both still and animated images. WebP is widely supported while AVIF lacks support in Edge.
+Formats like [WebP](/en-US/docs/Web/Media/Formats/Image_types#webp_image) and [AVIF](/en-US/docs/Web/Media/Formats/Image_types#avif_image) are recommended as they perform much better than PNG, JPEG, GIF for both still and animated images.
 
 SVG remains the recommended format for images that must be drawn accurately at different sizes.
 
diff --git a/files/en-us/web/http/content_negotiation/list_of_default_accept_values/index.md b/files/en-us/web/http/content_negotiation/list_of_default_accept_values/index.md
index de930752610a733..615fb97ad61f967 100644
--- a/files/en-us/web/http/content_negotiation/list_of_default_accept_values/index.md
+++ b/files/en-us/web/http/content_negotiation/list_of_default_accept_values/index.md
@@ -40,7 +40,7 @@ When requesting an image, like through an HTML {{HTMLElement("img")}} element, u
 | Firefox prior to 47 [1]        | `image/png,image/*;q=0.8,*/*;q=0.5`                                        |
 | Safari (since Mac OS Big Sur)  | `image/webp,image/png,image/svg+xml,image/*;q=0.8,video/*;q=0.8,*/*;q=0.5` |
 | Safari (before Mac OS Big Sur) | `image/png,image/svg+xml,image/*;q=0.8,video/*;q=0.8,*/*;q=0.5`            |
-| Chrome                         | `image/avif,image/webp,image/apng,image/*,*/*;q=0.8`                       |
+| Chrome and Edge 121 and later  | `image/avif,image/webp,image/apng,image/*,*/*;q=0.8`                       |
 
 \[1] This value can be modified using the `image.http.accept` parameter (_[source](https://searchfox.org/mozilla-central/search?q=image.http.accept)_).
 
diff --git a/files/en-us/web/media/formats/image_types/index.md b/files/en-us/web/media/formats/image_types/index.md
index 0031403e5827e48..20b8dc679a5ff98 100644
--- a/files/en-us/web/media/formats/image_types/index.md
+++ b/files/en-us/web/media/formats/image_types/index.md
@@ -47,7 +47,7 @@ The image file formats that are most commonly used on the web are listed below.
           It offers much better compression than PNG or JPEG with support for higher color depths, animated frames, transparency, etc.
           Note that when using AVIF, you should include fallbacks to formats with better browser support (i.e. using the
           <code><a href="/en-US/docs/Web/HTML/Element/picture">&#x3C;picture></a></code> element).<br />
-          <strong>Supported:</strong> Chrome, Firefox (still images only: animated images not implemented), Opera, Safari.
+          <strong>Supported:</strong> Chrome, Edge, Firefox (still images only: animated images not implemented), Opera, Safari.
         </p>
       </td>
     </tr>
@@ -300,7 +300,7 @@ AVIF does not support progressive rendering, so files must be fully downloaded b
 This often has little impact on real-world user experience because AVIF files are much smaller than the equivalent JPEG or PNG files, and hence can be downloaded and displayed much faster.
 For larger file size the impact can become significant, and you should consider using a format that supports progressive rendering.
 
-AVIF is supported in Chrome, Opera, Safari and Firefox (Firefox supports still images but not animations), but not on Edge or IE.
+AVIF is supported in Chrome, Edge, Opera, Safari and Firefox (Firefox supports still images but not animations).
 As support is not yet comprehensive (and has little historical depth) you should provide a fallback in [WebP](#webp_image), [JPEG](#jpeg_joint_photographic_experts_group_image) or [PNG](#png_portable_network_graphics) format using [the `<picture>` element](/en-US/docs/Web/HTML/Element/picture) (or some other approach).
 
 <table class="standard-table">
@@ -326,7 +326,7 @@ As support is not yet comprehensive (and has little historical depth) you should
     <tr>
       <th scope="row">Browser compatibility</th>
       <td>
-        Chrome 85, Opera 71, Firefox 93, and Safari 16.1.
+        Chrome 85, Edge 121, Opera 71, Firefox 93, and Safari 16.1.
         <ul>
           <li>
             Firefox 93 supports still images, with colorspace support for both full and limited range colors, image transforms for mirroring and rotation.

From 8b1f687ca6125d49d45b62d2ff6b7806a8a24775 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Wed, 20 Dec 2023 06:10:48 +0530
Subject: [PATCH 032/790] Synchronize with BCD v5.5.1 (#31166)

Co-authored-by: OnkarRuikar <OnkarRuikar@users.noreply.github.com>
---
 files/en-us/web/api/cssimportrule/index.md               | 2 +-
 files/en-us/web/api/cssimportrule/supportstext/index.md  | 4 +---
 files/en-us/web/api/mediarecorder/index.md               | 2 +-
 files/en-us/web/api/mediarecorder/warning_event/index.md | 3 ++-
 files/en-us/web/css/text-wrap/index.md                   | 2 +-
 5 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/files/en-us/web/api/cssimportrule/index.md b/files/en-us/web/api/cssimportrule/index.md
index 2219d7d92441b28..d28e4a04fea0128 100644
--- a/files/en-us/web/api/cssimportrule/index.md
+++ b/files/en-us/web/api/cssimportrule/index.md
@@ -23,7 +23,7 @@ _Inherits properties from its ancestor {{domxref("CSSRule")}}._
   - : Returns the value of the `media` attribute of the associated stylesheet.
 - {{domxref("CSSImportRule.styleSheet")}} {{ReadOnlyInline}}
   - : Returns the associated stylesheet.
-- {{domxref("CSSImportRule.supportsText")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+- {{domxref("CSSImportRule.supportsText")}} {{ReadOnlyInline}}
   - : Returns the supports condition specified by the {{cssxref("@import")}} rule.
 
 ## Instance methods
diff --git a/files/en-us/web/api/cssimportrule/supportstext/index.md b/files/en-us/web/api/cssimportrule/supportstext/index.md
index 8c0741d4c83af95..5207bbbd259c2c6 100644
--- a/files/en-us/web/api/cssimportrule/supportstext/index.md
+++ b/files/en-us/web/api/cssimportrule/supportstext/index.md
@@ -3,12 +3,10 @@ title: "CSSImportRule: supportsText property"
 short-title: supportsText
 slug: Web/API/CSSImportRule/supportsText
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.CSSImportRule.supportsText
 ---
 
-{{APIRef("CSSOM")}}{{SeeCompatTable}}
+{{APIRef("CSSOM")}}
 
 The read-only **`supportsText`** property of the {{domxref("CSSImportRule")}} interface returns the supports condition specified by the {{cssxref("@import")}} [at-rule](/en-US/docs/Web/CSS/At-rule).
 
diff --git a/files/en-us/web/api/mediarecorder/index.md b/files/en-us/web/api/mediarecorder/index.md
index 520d716cbf70624..5c7f48b71472492 100644
--- a/files/en-us/web/api/mediarecorder/index.md
+++ b/files/en-us/web/api/mediarecorder/index.md
@@ -63,7 +63,7 @@ Listen to these events using `addEventListener()` or by assigning an event liste
   - : Fired when media recording starts.
 - [`stop`](/en-US/docs/Web/API/MediaRecorder/stop_event)
   - : Fired when media recording ends, either when the {{domxref("MediaStream")}} ends, or after the {{domxref("MediaRecorder.stop()")}} method is called.
-- [`warning`](/en-US/docs/Web/API/MediaRecorder/warning_event) {{deprecated_inline}}
+- [`warning`](/en-US/docs/Web/API/MediaRecorder/warning_event) {{deprecated_inline}} {{non-standard_inline}}
   - : Fired when media recording has a non-fatal error.
 
 ## Example
diff --git a/files/en-us/web/api/mediarecorder/warning_event/index.md b/files/en-us/web/api/mediarecorder/warning_event/index.md
index 93271e8844bf74d..9526027d528ddb8 100644
--- a/files/en-us/web/api/mediarecorder/warning_event/index.md
+++ b/files/en-us/web/api/mediarecorder/warning_event/index.md
@@ -5,10 +5,11 @@ slug: Web/API/MediaRecorder/warning_event
 page-type: web-api-event
 status:
   - deprecated
+  - non-standard
 browser-compat: api.MediaRecorder.warning_event
 ---
 
-{{APIRef("MediaStream Recording")}}{{Deprecated_Header}}
+{{APIRef("MediaStream Recording")}}{{Deprecated_Header}}{{non-standard_header}}
 
 The `warning` event fires on non-fatal errors during media recording via a `MediaRecorder`. Non-fatal errors are one's that don't halt recording.
 
diff --git a/files/en-us/web/css/text-wrap/index.md b/files/en-us/web/css/text-wrap/index.md
index 2541a9d09a3c11f..06febee03591a63 100644
--- a/files/en-us/web/css/text-wrap/index.md
+++ b/files/en-us/web/css/text-wrap/index.md
@@ -44,7 +44,7 @@ The `text-wrap` property is specified as a single keyword chosen from the list o
   - : Text is wrapped in a way that best balances the number of characters on each line, enhancing layout quality and legibility. Because counting characters and balancing them across multiple lines is computationally expensive, this value is only supported for blocks of text spanning a limited number of lines (six for Chromium and ten for Firefox).
 - `pretty`
   - : Results in the same behavior as `wrap`, except that the user agent will use a slower algorithm that favors better layout over speed. This is intended for body copy where good typography is favored over performance (for example, when the number of [orphans](/en-US/docs/Web/CSS/orphans) should be kept to a minimum).
-- `stable`
+- `stable` {{experimental_inline}}
   - : Results in the same behavior as `wrap`, except that when the user is editing the content, the lines that come before the lines they are editing remain static rather than the whole block of text re-wrapping.
 
 ## Description

From c3c81e79b3bc798ffb69e80e93c10f74fb27467f Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Tue, 19 Dec 2023 18:24:39 -0800
Subject: [PATCH 033/790] De-XHRify JavaScript (#31167)

* De-XHRify JavaScript

* Update files/en-us/web/javascript/guide/typed_arrays/index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 files/en-us/web/javascript/data_structures/index.md    | 2 +-
 files/en-us/web/javascript/event_loop/index.md         | 2 +-
 files/en-us/web/javascript/guide/typed_arrays/index.md | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/javascript/data_structures/index.md b/files/en-us/web/javascript/data_structures/index.md
index d9098a484b90674..8a4886e71980a1d 100644
--- a/files/en-us/web/javascript/data_structures/index.md
+++ b/files/en-us/web/javascript/data_structures/index.md
@@ -139,7 +139,7 @@ It can be tempting to use strings to represent complex data. Doing this comes wi
 
 - It is easy to build complex strings with concatenation.
 - Strings are easy to debug (what you see printed is always what is in the string).
-- Strings are the common denominator of a lot of APIs ([input fields](/en-US/docs/Web/API/HTMLInputElement), [local storage](/en-US/docs/Web/API/Web_Storage_API) values, [`XMLHttpRequest`](/en-US/docs/Web/API/XMLHttpRequest) responses when using `responseText`, etc.) and it can be tempting to only work with strings.
+- Strings are the common denominator of a lot of APIs ([input fields](/en-US/docs/Web/API/HTMLInputElement), [local storage](/en-US/docs/Web/API/Web_Storage_API) values, [`fetch()`](/en-US/docs/Web/API/fetch) responses when using {{domxref("Response.text()")}}, etc.) and it can be tempting to only work with strings.
 
 With conventions, it is possible to represent any data structure in a string. This does not make it a good idea. For instance, with a separator, one could emulate a list (while a JavaScript array would be more suitable). Unfortunately, when the separator is used in one of the "list" elements, then, the list is broken. An escape character can be chosen, etc. All of this requires conventions and creates an unnecessary maintenance burden.
 
diff --git a/files/en-us/web/javascript/event_loop/index.md b/files/en-us/web/javascript/event_loop/index.md
index 9c078fd417c2e78..50e31ffa96e6320 100644
--- a/files/en-us/web/javascript/event_loop/index.md
+++ b/files/en-us/web/javascript/event_loop/index.md
@@ -137,7 +137,7 @@ A web worker or a cross-origin `iframe` has its own stack, heap, and message que
 
 ## Never blocking
 
-A very interesting property of the event loop model is that JavaScript, unlike a lot of other languages, never blocks. Handling I/O is typically performed via events and callbacks, so when the application is waiting for an [IndexedDB](/en-US/docs/Web/API/IndexedDB_API) query to return or an [XHR](/en-US/docs/Web/API/XMLHttpRequest) request to return, it can still process other things like user input.
+A very interesting property of the event loop model is that JavaScript, unlike a lot of other languages, never blocks. Handling I/O is typically performed via events and callbacks, so when the application is waiting for an [IndexedDB](/en-US/docs/Web/API/IndexedDB_API) query to return or a [`fetch()`](/en-US/docs/Web/API/fetch) request to return, it can still process other things like user input.
 
 Legacy exceptions exist like `alert` or synchronous XHR, but it is considered good practice to avoid them. Beware: [exceptions to the exception do exist](https://stackoverflow.com/questions/2734025/is-javascript-guaranteed-to-be-single-threaded/2734311#2734311) (but are usually implementation bugs, rather than anything else).
 
diff --git a/files/en-us/web/javascript/guide/typed_arrays/index.md b/files/en-us/web/javascript/guide/typed_arrays/index.md
index 1c7763c73180c52..07b18124094afd0 100644
--- a/files/en-us/web/javascript/guide/typed_arrays/index.md
+++ b/files/en-us/web/javascript/guide/typed_arrays/index.md
@@ -130,8 +130,8 @@ These are some examples of APIs that make use of typed arrays; there are others,
 
 - [`FileReader.prototype.readAsArrayBuffer()`](/en-US/docs/Web/API/FileReader/readAsArrayBuffer)
   - : The `FileReader.prototype.readAsArrayBuffer()` method starts reading the contents of the specified [`Blob`](/en-US/docs/Web/API/Blob) or [`File`](/en-US/docs/Web/API/File).
-- [`XMLHttpRequest.prototype.send()`](/en-US/docs/Web/API/XMLHttpRequest/send)
-  - : `XMLHttpRequest` instances' `send()` method now supports typed arrays and {{jsxref("ArrayBuffer")}} objects as argument.
+- [`fetch()`](/en-US/docs/Web/API/fetch)
+  - : The [`body`](/en-US/docs/Web/API/fetch#body) option to `fetch()` can be a typed array or {{jsxref("ArrayBuffer")}}, enabling you to send these objects as the payload of a {{HTTPMethod("POST")}} request.
 - [`ImageData.data`](/en-US/docs/Web/API/ImageData)
   - : Is a {{jsxref("Uint8ClampedArray")}} representing a one-dimensional array containing the data in the RGBA order, with integer values between `0` and `255` inclusive.
 

From a1eb33a9962cb3b9a99dfb981b9a144a47c13c54 Mon Sep 17 00:00:00 2001
From: Ian Kerins <git@isk.haus>
Date: Tue, 19 Dec 2023 21:48:58 -0500
Subject: [PATCH 034/790] Remove bash tags from the console API tutorial
 (#31163)

* Remove bash tags from the console API tutorial

This output certainly isn't bash, but is labeled and highlighted as such in the rendered doc.  Seems best to remove it.

* Change to text, as a language is required

* Update files/en-us/web/api/console/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Update files/en-us/web/api/console/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 files/en-us/web/api/console/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/console/index.md b/files/en-us/web/api/console/index.md
index 666c264d12e7470..d253165d482496d 100644
--- a/files/en-us/web/api/console/index.md
+++ b/files/en-us/web/api/console/index.md
@@ -89,7 +89,7 @@ console.log(someObject);
 
 The output looks something like this:
 
-```bash
+```plain
 {str:"Some text", id:5}
 ```
 
@@ -105,7 +105,7 @@ console.info("My first car was a", car, ". The object is:", someObject);
 
 The output will look like this:
 
-```bash
+```plain
 My first car was a Dodge Charger. The object is: {str:"Some text", id:5}
 ```
 

From d391ad1aae0e733552284789fc59372cb55b1458 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 20 Dec 2023 11:55:40 +0800
Subject: [PATCH 035/790] `MediaDevices.getDisplayMedia()` | fix apiref & add
 param & update exception (#31160)

---
 .../api/mediadevices/getdisplaymedia/index.md | 38 ++++++++++---------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/files/en-us/web/api/mediadevices/getdisplaymedia/index.md b/files/en-us/web/api/mediadevices/getdisplaymedia/index.md
index a04fed9f681c634..ddd55bb32eac8ef 100644
--- a/files/en-us/web/api/mediadevices/getdisplaymedia/index.md
+++ b/files/en-us/web/api/mediadevices/getdisplaymedia/index.md
@@ -6,9 +6,9 @@ page-type: web-api-instance-method
 browser-compat: api.MediaDevices.getDisplayMedia
 ---
 
-{{DefaultAPISidebar("Screen Capture API")}}
+{{APIRef("Screen Capture API")}}
 
-The {{domxref("MediaDevices")}} interface's **`getDisplayMedia()`** method prompts the user to select and
+The **`getDisplayMedia()`** method of the {{domxref("MediaDevices")}} interface prompts the user to select and
 grant permission to capture the contents of a display or portion thereof (such as a window) as a {{domxref("MediaStream")}}.
 
 The resulting stream can then be
@@ -31,16 +31,18 @@ getDisplayMedia(options)
       - : A boolean or a {{domxref("MediaTrackConstraints")}} instance; the default value is `true`. If this option is omitted or set to `true`, the stream will contain a video track A value of `true` indicates that the returned {{domxref("MediaStream")}} will contain a video track. Since `getDisplayMedia()` requires a video track, if this option is set to `false` the promise will reject with a `TypeError`.
     - `audio` {{optional_inline}}
       - : A boolean or a {{domxref("MediaTrackConstraints")}} instance; the default value is `false`. A value of `true` indicates that the returned {{domxref("MediaStream")}} will contain an audio track, if audio is supported and available for the display surface chosen by the user.
-    - `controller` {{optional_inline}}
+    - `controller` {{Experimental_Inline}} {{optional_inline}}
       - : A {{domxref("CaptureController")}} object instance containing methods that can be used to further manipulate the capture session if included.
-    - `preferCurrentTab` {{non-standard_inline}} {{optional_inline}}
+    - `preferCurrentTab` {{non-standard_inline}} {{Experimental_Inline}} {{optional_inline}}
       - : A boolean; a value of `true` instructs the browser to offer the current tab as the most prominent capture source, i.e. as a separate "This Tab" option in the "Choose what to share" options presented to the user. This is useful as many app types generally just want to share the current tab. For example, a slide deck app might want to let the user stream the current tab containing the presentation to a virtual conference. A default value is not mandated by the spec; see the [Browser compatibility](#browser_compatibility) section for browser-specific defaults.
-    - `selfBrowserSurface` {{optional_inline}}
+    - `selfBrowserSurface` {{Experimental_Inline}} {{optional_inline}}
       - : An enumerated value specifying whether the browser should allow the user to select the current tab for capture. This helps to avoid the "infinite hall of mirrors" effect experienced when a video conferencing app inadvertently shares its own display. Possible values are `include`, which hints that the browser should include the current tab in the choices offered for capture, and `exclude`, which hints that it should be excluded. A default value is not mandated by the spec; see the [Browser compatibility](#browser_compatibility) section for browser-specific defaults.
-    - `surfaceSwitching` {{optional_inline}}
+    - `surfaceSwitching` {{Experimental_Inline}} {{optional_inline}}
       - : An enumerated value specifying whether the browser should display a control to allow the user to dynamically switch the shared tab during screen-sharing. This is much more convenient than having to go through the whole sharing process again each time a user wants to switch the shared tab. Possible values are `include`, which hints that the browser should include the control, and `exclude`, which hints that it should not be shown. A default value is not mandated by the spec; see the [Browser compatibility](#browser_compatibility) section for browser-specific defaults.
-    - `systemAudio` {{optional_inline}}
+    - `systemAudio` {{Experimental_Inline}} {{optional_inline}}
       - : An enumerated value specifying whether the browser should include the system audio among the possible audio sources offered to the user. Possible values are `include`, which hints that the browser should include the system audio in the list of choices, and `exclude`, which hints that it should be excluded. A default value is not mandated by the spec; see the [Browser compatibility](#browser_compatibility) section for browser-specific defaults.
+    - `monitorTypeSurfaces` {{Experimental_Inline}} {{optional_inline}}
+      - : An enumerated value specifying whether the application would like the user agent to offer the user the option to choose display surfaces whose type is monitor. Possible values are `include`, which hints that the browser should include the display surfaces whose type is monitor, and `exclude`, which hints that it should be excluded. A default value is not mandated by the spec; see the [Browser compatibility](#browser_compatibility) section for browser-specific defaults.
 
 > **Note:** See the article [Capabilities, constraints, and settings](/en-US/docs/Web/API/Media_Capture_and_Streams_API/Constraints) for a lot more detail on how these options work.
 
@@ -55,26 +57,26 @@ audio track.
 ### Exceptions
 
 - `AbortError` {{domxref("DOMException")}}
-  - : Returned if an error or failure does not match any of the other exceptions listed here.
+  - : Thrown if an error or failure does not match any of the other exceptions listed here.
 - `InvalidStateError` {{domxref("DOMException")}}
-  - : Returned if the call to `getDisplayMedia()` was not made from code running due to a
-    user action, such as an event handler. Another potential cause for this event: the
-    {{domxref("document")}} in whose context `getDisplayMedia()` was called is
-    not fully active; for example, perhaps it is not the frontmost tab.
+  - : Thrown if the call to `getDisplayMedia()` was not made from code running due to a
+    {{glossary("transient activation")}}, such as an event handler. Or if the browser context is
+    not fully active or does not focused. Or if the `controller` options has been already used in creating
+    another {{domxref("MediaStream")}}.
 - `NotAllowedError` {{domxref("DOMException")}}
-  - : Returned if the permission to access a screen area was denied by the user (for example by a [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy)), or the current browsing instance is not permitted access to screen sharing.
+  - : Thrown if the permission to access a screen area was denied by the user, or the current browsing instance is not permitted access to screen sharing (for example by a [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy)).
 - `NotFoundError` {{domxref("DOMException")}}
-  - : Returned if no sources of screen video are available for capture.
+  - : Thrown if no sources of screen video are available for capture.
 - `NotReadableError` {{domxref("DOMException")}}
-  - : Returned if the user selected a screen, window, tab, or another source of screen data, but a
+  - : Thrown if the user selected a screen, window, tab, or another source of screen data, but a
     hardware or operating system level error or lockout occurred, preventing the sharing
     of the selected source.
 - `OverconstrainedError` {{domxref("DOMException")}}
-  - : Returned if, after creating the stream, applying any specified constraints fails
+  - : Thrown if, after creating the stream, applying any specified constraints fails
     because no compatible stream could be generated.
 - {{jsxref("TypeError")}}
-  - : Returned if the specified `options` include values that are not permitted
-    when calling `getDisplayMedia()`, for example a `video` property set to false, or if any specified {{domxref("MediaTrackConstraints")}} are not permitted. `min` and `exact` values are not permitted in constraints used in {{domxref("MediaDevices.getDisplayMedia()")}} calls.
+  - : Thrown if the specified `options` include values that are not permitted
+    when calling `getDisplayMedia()`, for example a `video` property set to false, or if any specified {{domxref("MediaTrackConstraints")}} are not permitted. `min` and `exact` values are not permitted in constraints used in `getDisplayMedia()` calls.
 
 ## Security
 

From e9be22eaa7416206e3f263a058f0d509a7f81f88 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Wed, 20 Dec 2023 12:18:00 +0800
Subject: [PATCH 036/790] fix the broken links to svelte docs (#31143)

* fix the broken links to svelte docs

* fix more broken links

* Update files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_reactivity_lifecycle_accessibility/index.md

Co-authored-by: Zach Fox <3409031+zfox23@users.noreply.github.com>

---------

Co-authored-by: Zach Fox <3409031+zfox23@users.noreply.github.com>
---
 .../svelte_components/index.md                       |  6 +++---
 .../index.md                                         | 12 ++++++------
 .../svelte_stores/index.md                           |  8 ++++----
 .../svelte_todo_list_beginning/index.md              |  2 +-
 .../svelte_typescript/index.md                       |  2 +-
 5 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_components/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_components/index.md
index d4abf2105b93ae3..fc13b31b382a175 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_components/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_components/index.md
@@ -183,7 +183,7 @@ When any filter button is clicked, we just update the filter variable with the n
 
 In the previous example we realized that our `FilterButton` component wasn't working because our application state was flowing down from parent to child through the `filter` prop, but it wasn't going back up. So we added an `onclick` prop to let the child component communicate the new `filter` value to its parent.
 
-It works OK, but Svelte provides us with an easier and more straightforward way to achieve two-way data binding. Data ordinarily flows down from parent to child using props. If we want it to also flow the other way, from child to parent, we can use [the `bind:` directive](https://svelte.dev/docs#bind_element_property).
+It works OK, but Svelte provides us with an easier and more straightforward way to achieve two-way data binding. Data ordinarily flows down from parent to child using props. If we want it to also flow the other way, from child to parent, we can use [the `bind:` directive](https://svelte.dev/docs/element-directives#bind-property).
 
 Using `bind`, we will tell Svelte that any changes made to the `filter` prop in the `FilterButton` component should propagate back up to the parent component, `Todos`. That is, we will bind the `filter` variable's value in the parent to its value in the child.
 
@@ -370,7 +370,7 @@ Now we need to update our `Todo` component's markup to call the above functions
 
 To handle the editing mode, we are using the `editing` variable, which is a boolean. When it's `true`, it should display the `<input>` field for editing the to-do name, and the _Cancel_ and _Save_ buttons. When it's not in editing mode, it will display the checkbox, the to-do name, and the buttons to edit and delete the to-do.
 
-To achieve this we will use an [`if` block](https://svelte.dev/docs#if). The `if` block conditionally renders some markup. Take into account that it won't just show or hide the markup based on the condition — it will dynamically add and remove the elements from the DOM, depending on the condition.
+To achieve this we will use an [`if` block](https://svelte.dev/docs/logic-blocks#if). The `if` block conditionally renders some markup. Take into account that it won't just show or hide the markup based on the condition — it will dynamically add and remove the elements from the DOM, depending on the condition.
 
 When `editing` is `true`, for example, Svelte will show the update form; when it's `false`, it will remove it from the DOM and add in the checkbox. Thanks to Svelte reactivity, assigning the value of the editing variable will be enough to display the correct HTML elements.
 
@@ -520,7 +520,7 @@ We also use `todo.id` to create unique ids for the new input controls and labels
 
 As you can see, it's easy to implement the "props-down, events-up" pattern in Svelte. Nevertheless, for simple components `bind` can be a good choice; Svelte will let you choose.
 
-> **Note:** Svelte provides more advanced mechanisms to share information among components: the [Context API](https://svelte.dev/docs#setContext) and [Stores](https://svelte.dev/docs#svelte_store). The Context API provides a mechanism for components and their descendants to "talk" to each other without passing around data and functions as props, or dispatching lots of events. Stores allows you to share reactive data among components that are not hierarchically related. We will look at Stores later on in the series.
+> **Note:** Svelte provides more advanced mechanisms to share information among components: the [Context API](https://svelte.dev/docs/svelte#setcontext) and [Stores](https://svelte.dev/docs/svelte-store). The Context API provides a mechanism for components and their descendants to "talk" to each other without passing around data and functions as props, or dispatching lots of events. Stores allows you to share reactive data among components that are not hierarchically related. We will look at Stores later on in the series.
 
 ## The code so far
 
diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_reactivity_lifecycle_accessibility/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_reactivity_lifecycle_accessibility/index.md
index 5225bb91d6eb927..1629f2e4942e7c6 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_reactivity_lifecycle_accessibility/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_reactivity_lifecycle_accessibility/index.md
@@ -225,7 +225,7 @@ const checkAllTodos = (completed) => {
 
 In this case we are using the [`map()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map) method, which returns a new array with the results of executing the provided function for each item. The function returns a copy of each to-do using [spread syntax](/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax) and overwrites the property of the completed value accordingly. This solution has the added benefit of returning a new array with new objects, completely avoiding mutating the original `todos` array.
 
-> **Note:** Svelte allows us to specify different options that affect how the compiler works. The `<svelte:options immutable={true}/>` option tells the compiler that you promise not to mutate any objects. This allows it to be less conservative about checking whether values have changed and generate simpler and more performant code. For more information on `<svelte:options>`, check the [Svelte options documentation](https://svelte.dev/docs#svelte_options).
+> **Note:** Svelte allows us to specify different options that affect how the compiler works. The `<svelte:options immutable={true}/>` option tells the compiler that you promise not to mutate any objects. This allows it to be less conservative about checking whether values have changed and generate simpler and more performant code. For more information on `<svelte:options>`, check the [Svelte options documentation](https://svelte.dev/docs/special-elements#svelte-options).
 
 All of these solutions involve an assignment in which the updated variable is on the left side of the equation. Any of this techniques will allow Svelte to notice that our `todos` array has been modified.
 
@@ -470,7 +470,7 @@ The one you'll use most frequently is `onMount()`, which lets us run a callback
 
 6. Go to your app again, and you'll now see the `<input>` field is focused on page load.
 
-> **Note:** You can have a look at the other [lifecycle functions in the Svelte docs](https://svelte.dev/docs#svelte), and you can see them in action in the [interactive tutorial](https://learn.svelte.dev/tutorial/onmount).
+> **Note:** You can have a look at the other [lifecycle functions in the Svelte docs](https://svelte.dev/docs/svelte), and you can see them in action in the [interactive tutorial](https://learn.svelte.dev/tutorial/onmount).
 
 ## Waiting for the DOM to be updated with the `tick()` function
 
@@ -544,7 +544,7 @@ The above solution works, but it is rather inelegant. Svelte provides a better w
 
 ## Adding functionality to HTML elements with the `use:action` directive
 
-Next up, we want the name `<input>` to automatically select all text on focus. Moreover, we want to develop this in such a way that it could be easily reused on any HTML `<input>` and applied in a declarative way. We will use this requirement as an excuse to show a very powerful feature that Svelte provides us to add functionality to regular HTML elements: [actions](https://svelte.dev/docs#use_action).
+Next up, we want the name `<input>` to automatically select all text on focus. Moreover, we want to develop this in such a way that it could be easily reused on any HTML `<input>` and applied in a declarative way. We will use this requirement as an excuse to show a very powerful feature that Svelte provides us to add functionality to regular HTML elements: [actions](https://svelte.dev/docs/svelte-action).
 
 To select the text of a DOM input node, we have to call [`select()`](/en-US/docs/Web/API/HTMLInputElement/select). To get this function called whenever the node gets focused, we need an event listener along these lines:
 
@@ -577,7 +577,7 @@ In our immediate use case, we will define a function called `selectOnFocus()` th
    }
    ```
 
-2. Now we need to tell the `<input>` to use that function with the [`use:action`](https://svelte.dev/docs#use_action) directive:
+2. Now we need to tell the `<input>` to use that function with the [`use:action`](https://svelte.dev/docs/element-directives#use-action) directive:
 
    ```svelte
    <input use:selectOnFocus />
@@ -719,7 +719,7 @@ That's not what we want — we want the _Edit_ button to receive focus only when
 
 6. Go back and try your app again. At this point, every time the _Edit_ button is added to the DOM, the `focusEditButton` action is executed, but it will only give focus to the button if the `editButtonPressed` flag is `true`.
 
-> **Note:** We have barely scratched the surface of actions here. Actions can also have reactive parameters, and Svelte lets us detect when any of those parameters change. So we can add functionality that integrates nicely with the Svelte reactive system. For a more detailed introduction to actions, consider checking out the [Svelte Interactive tutorial](https://learn.svelte.dev/tutorial/actions) or the [Svelte documentation](https://svelte.dev/docs#template-syntax-element-directives-use-action).
+> **Note:** We have barely scratched the surface of actions here. Actions can also have reactive parameters, and Svelte lets us detect when any of those parameters change. So we can add functionality that integrates nicely with the Svelte reactive system. For a more detailed introduction to actions, consider checking out the [Svelte Interactive tutorial](https://learn.svelte.dev/tutorial/actions) or the [Svelte `use:action` documentation](https://svelte.dev/docs/element-directives#use-action).
 
 ## Component binding: exposing component methods and variables using the `bind:this={component}` directive
 
@@ -773,7 +773,7 @@ So far we saw how to send information to a component via props, and how a compon
 
 So we need the `TodosStatus` component to expose a method that its parent can call to give focus to it. It's a very common scenario that a component needs to expose some behavior or information to the consumer; let's see how to achieve it with Svelte.
 
-We've already seen that Svelte uses `export let varname = …` to [declare props](https://svelte.dev/docs#1_export_creates_a_component_prop). But if instead of using `let` you export a `const`, `class`, or `function`, it is read-only outside the component. Function expressions are valid props, however. In the following example, the first three declarations are props, and the rest are exported values:
+We've already seen that Svelte uses `export let varname = …` to [declare props](https://svelte.dev/docs/svelte-components#script-1-export-creates-a-component-prop). But if instead of using `let` you export a `const`, `class`, or `function`, it is read-only outside the component. Function expressions are valid props, however. In the following example, the first three declarations are props, and the rest are exported values:
 
 ```svelte
 <script>
diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_stores/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_stores/index.md
index e3bf974171c6f2f..8ea40f5b7e1025c 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_stores/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_stores/index.md
@@ -84,9 +84,9 @@ Moreover, when your app becomes complicated and your component hierarchy gets co
 
 A store is an object with a `subscribe()` method that allows interested parties to be notified whenever the store value changes and an optional `set()` method that allows you to set new values for the store. This minimal API is known as the [store contract](https://svelte.dev/docs/svelte-components#script-4-prefix-stores-with-$-to-access-their-values-store-contract).
 
-Svelte provides functions for creating [readable](https://svelte.dev/docs#run-time-svelte-store-readable), [writable](https://svelte.dev/docs#run-time-svelte-store-writable), and [derived](https://svelte.dev/docs#run-time-svelte-store-derived) stores in the `svelte/store` module.
+Svelte provides functions for creating [readable](https://svelte.dev/docs/svelte-store#readable), [writable](https://svelte.dev/docs/svelte-store#writable), and [derived](https://svelte.dev/docs/svelte-store#derived) stores in the `svelte/store` module.
 
-Svelte also provides a very intuitive way to integrate stores into its reactivity system using the [reactive `$store` syntax](https://svelte.dev/docs#component-format-script-4-prefix-stores-with-$-to-access-their-values). If you create your own stores honoring the store contract, you get this reactivity syntactic sugar for free.
+Svelte also provides a very intuitive way to integrate stores into its reactivity system using the [reactive `$store` syntax](https://svelte.dev/docs/svelte-components#script-4-prefix-stores-with-$-to-access-their-values). If you create your own stores honoring the store contract, you get this reactivity syntactic sugar for free.
 
 ## Creating the Alert component
 
@@ -622,13 +622,13 @@ Moreover, because web storage only supports saving string values, we will have t
 
    ![to-do app with web console view alongside it, showing that when a to-do is changed in the app, the corresponding entry is changed in web storage](03-persisting-todos-to-local-storage.png)
 
-Svelte stores provide a very simple and lightweight, but extremely powerful, way to handle complex app state from a global data store in a reactive way. And because Svelte compiles our code, it can provide the [`$store` auto-subscription syntax](https://svelte.dev/docs#4_Prefix_stores_with_%24_to_access_their_values) that allows us to work with stores in the same way as local variables. Because stores have a minimal API, it's very simple to create our custom stores to abstract away the inner workings of the store itself.
+Svelte stores provide a very simple and lightweight, but extremely powerful, way to handle complex app state from a global data store in a reactive way. And because Svelte compiles our code, it can provide the [`$store` auto-subscription syntax](https://svelte.dev/docs/svelte-components#script-4-prefix-stores-with-$-to-access-their-values) that allows us to work with stores in the same way as local variables. Because stores have a minimal API, it's very simple to create our custom stores to abstract away the inner workings of the store itself.
 
 ## Bonus track: Transitions
 
 Let's change the subject now and do something fun and different: add an animation to our alerts. Svelte provides a whole module to define [transitions](https://learn.svelte.dev/tutorial/transition) and [animations](https://learn.svelte.dev/tutorial/animate) so we can make our user interfaces more appealing.
 
-A transition is applied with the [transition:fn](https://svelte.dev/docs#transition_fn) directive, and is triggered by an element entering or leaving the DOM as a result of a state change. The `svelte/transition` module exports seven functions: `fade`, `blur`, `fly`, `slide`, `scale`, `draw`, and `crossfade`.
+A transition is applied with the [transition:fn](https://svelte.dev/docs/element-directives#transition-fn) directive, and is triggered by an element entering or leaving the DOM as a result of a state change. The `svelte/transition` module exports seven functions: `fade`, `blur`, `fly`, `slide`, `scale`, `draw`, and `crossfade`.
 
 Let's give our `Alert` component a fly `transition`. We'll open the `Alert.svelte` file and import the `fly` function from the `svelte/transition` module.
 
diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.md
index 0dc1b83db88cc28..860262cbdd44b97 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.md
@@ -340,7 +340,7 @@ Moreover, our editor can display this warning even before calling the compiler:
 
 ![A code editor window showing an image tag, with a popup error message saying that the element should have an alt attribute](04-svelte-accessibility-support.png)
 
-You can tell Svelte to ignore this warning for the next block of markup with a [comment](https://svelte.dev/docs#Comments) beginning with `svelte-ignore`, like this:
+You can tell Svelte to ignore this warning for the next block of markup with a [comment](https://svelte.dev/docs/basic-markup#comments) beginning with `svelte-ignore`, like this:
 
 ```svelte
 <!-- svelte-ignore a11y-missing-attribute -->
diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
index 8cc67795b8cc1bb..95c70619a0db370 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
@@ -776,7 +776,7 @@ Now if we try to create a `localStore` with something that cannot be converted t
 
 ![VS Code showing an error with using our store — it fails when trying to set a local storage value to something incompatible with JSON stringify](11-vscode-invalid-store.png)
 
-And best of all, it will even work with the [`$store` auto-subscription syntax](https://svelte.dev/docs#4_Prefix_stores_with_%24_to_access_their_values). If we try to save an invalid value to our `todos` store using the `$store` syntax, like this:
+And best of all, it will even work with the [`$store` auto-subscription syntax](https://svelte.dev/docs/svelte-components#script-4-prefix-stores-with-$-to-access-their-values). If we try to save an invalid value to our `todos` store using the `$store` syntax, like this:
 
 ```svelte
 <!-- App.svelte -->

From 7eda00e8dace9c2aa10dacfd78a75349684f93f0 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Wed, 20 Dec 2023 11:34:39 +0530
Subject: [PATCH 037/790] feat(bot): auto update links of moved files (#31091)

* feat(bot): auto update links of moved files

* Update scripts/update-moved-file-links.js

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 ...down-lint-fix.yml => auto-cleanup-bot.yml} |   9 +-
 scripts/update-moved-file-links.js            | 138 ++++++++++++++++++
 scripts/utils.js                              |  51 +++++++
 3 files changed, 194 insertions(+), 4 deletions(-)
 rename .github/workflows/{markdown-lint-fix.yml => auto-cleanup-bot.yml} (85%)
 create mode 100644 scripts/update-moved-file-links.js
 create mode 100644 scripts/utils.js

diff --git a/.github/workflows/markdown-lint-fix.yml b/.github/workflows/auto-cleanup-bot.yml
similarity index 85%
rename from .github/workflows/markdown-lint-fix.yml
rename to .github/workflows/auto-cleanup-bot.yml
index feaeb7893138064..058db6f36e88d38 100644
--- a/.github/workflows/markdown-lint-fix.yml
+++ b/.github/workflows/auto-cleanup-bot.yml
@@ -1,4 +1,4 @@
-name: Create Markdownlint auto-fix PR
+name: Create content auto-fix PR
 
 on:
   schedule:
@@ -31,14 +31,15 @@ jobs:
           yarn content fix-flaws
           yarn fix:md
           yarn fix:fm
+          node scripts/update-moved-file-links.js
 
       - name: Create PR with only fixable issues
         if: success()
         uses: peter-evans/create-pull-request@v5
         with:
-          commit-message: "chore: auto-fix Markdownlint issues"
+          commit-message: "chore: auto-fix Markdownlint, Prettier, front-matter, redirects issues"
           branch: markdownlint-auto-cleanup
-          title: "Markdownlint auto-cleanup"
+          title: "fix: auto-cleanup by bot"
           author: mdn-bot <108879845+mdn-bot@users.noreply.github.com>
           body: |
             All issues auto-fixed
@@ -50,7 +51,7 @@ jobs:
         with:
           commit-message: "chore: auto-fix Markdownlint issues"
           branch: markdownlint-auto-cleanup
-          title: "Markdownlint auto-cleanup"
+          title: "fix: auto-cleanup by bot"
           author: mdn-bot <108879845+mdn-bot@users.noreply.github.com>
           body: |
             Auto-fix was run, but additional issues found.
diff --git a/scripts/update-moved-file-links.js b/scripts/update-moved-file-links.js
new file mode 100644
index 000000000000000..264a9d4aa562ce0
--- /dev/null
+++ b/scripts/update-moved-file-links.js
@@ -0,0 +1,138 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import { execGit, getRootDir, walkSync, isImagePath } from "./utils.js";
+
+const SLUG_RX = /(?<=\nslug: ).*?$/gm;
+const HELP_MSG =
+  "Usage:\n\t" +
+  "node scripts/update-moved-file-links.js\n\t" +
+  "node scripts/update-moved-file-links.js [movedFromPath] [movedToPath]\n";
+
+/**
+ * Try to get slug for an image from file path
+ */
+export async function getImageSlug(imagePath, root) {
+  const nodePath = path.parse(imagePath);
+  const absolutePath = `${root}/files/en-us/${nodePath.dir}/index.md`;
+  let content;
+  try {
+    content = await fs.readFile(absolutePath, "utf-8");
+  } catch (e) {}
+
+  if (content) {
+    return `/en-US/docs/${(content.match(SLUG_RX) || [])[0]}/${nodePath.base}`;
+  } else {
+    return `/en-US/docs/${imagePath}`;
+  }
+}
+
+let movedFiles = [];
+const rootDir = getRootDir();
+const argLength = process.argv.length;
+
+if (process.argv[2] === "--help" || process.argv[2] === "-h") {
+  console.error(HELP_MSG);
+  process.exit(0);
+} else if (argLength === 2 && argLength > 3) {
+  console.error(HELP_MSG);
+  process.exit(1);
+} else if (argLength === 3) {
+  movedFiles.push({ from: process.argv[2], to: process.argv[3] });
+} else {
+  // git log --name-status --pretty=format:"" --since "1 day ago" --diff-filter=R
+  let result = execGit(
+    [
+      "log",
+      "--name-status",
+      "--pretty=format:",
+      '--since="1 day ago"',
+      "--diff-filter=R",
+    ],
+    { cwd: "." },
+  );
+
+  if (result.trim()) {
+    movedFiles.push(
+      ...result
+        .split("\n")
+        .filter((line) => line.trim() !== "" && line.includes("files/en-us"))
+        .map((line) => line.replaceAll(/files\/en-us\/|\/index.md/gm, ""))
+        .map((line) => line.split(/\s/))
+        .map((tuple) => {
+          return { from: tuple[1], to: tuple[2] };
+        }),
+    );
+  }
+}
+
+if (movedFiles.length < 1) {
+  console.log("No content files were moved. Nothing to update! 🎉");
+  process.exit(0);
+}
+
+const redirectsText = await fs.readFile(
+  `${rootDir}/files/en-us/_redirects.txt`,
+  "utf-8",
+);
+
+// convert file paths to slugs
+movedFiles = (
+  await Promise.all(
+    movedFiles.map(async (tuple) => {
+      const movedLineRg = new RegExp(`\n.*?${tuple.from}\\s+.*?\n`, "gmi");
+      const redirectLine = (redirectsText.match(movedLineRg) || [])[0];
+
+      if (redirectLine) {
+        const urls = redirectLine.trim().split(/\s+/);
+        return { from: urls[0], to: urls[1] };
+      }
+
+      if (isImagePath(tuple.from)) {
+        return {
+          from: await getImageSlug(tuple.from, rootDir),
+          to: await getImageSlug(tuple.to, rootDir),
+        };
+      }
+
+      console.warn("No redirect entry found for: ", tuple.from);
+    }),
+  )
+).filter((e) => !!e);
+
+console.log(`Number of moved files to consider: ${movedFiles.length}`);
+
+let totalNo = 0;
+let updatedNo = 0;
+for await (const filePath of walkSync(getRootDir())) {
+  if (filePath.endsWith("index.md")) {
+    try {
+      totalNo++;
+      const content = await fs.readFile(filePath, "utf-8");
+      let updated = new String(content);
+      for (const moved of movedFiles) {
+        // [text](link)
+        updated = updated.replaceAll(`${moved.from})`, `${moved.to})`);
+        // <link>
+        updated = updated.replaceAll(`${moved.from}>`, `${moved.to}>`);
+        // [text](link#)
+        updated = updated.replaceAll(`${moved.from}#`, `${moved.to}#`);
+        // [text](link "tool tip")
+        updated = updated.replaceAll(`${moved.from} `, `${moved.to} `);
+        // <a href="link">
+        updated = updated.replaceAll(`${moved.from}"`, `${moved.to}"`);
+        // <a href='link'>
+        updated = updated.replaceAll(`${moved.from}'`, `${moved.to}'`);
+      }
+
+      if (content !== updated) {
+        updatedNo++;
+        await fs.writeFile(filePath, updated);
+      }
+    } catch (e) {
+      console.error(`Error processing ${filePath}: ${e.message}`);
+      throw e;
+    }
+  }
+}
+
+console.log(`Updated moved file links in ${updatedNo}/${totalNo} files.`);
diff --git a/scripts/utils.js b/scripts/utils.js
new file mode 100644
index 000000000000000..3a8bb5e692f4751
--- /dev/null
+++ b/scripts/utils.js
@@ -0,0 +1,51 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import childProcess from "node:child_process";
+
+const IMG_RX = /(\.png|\.jpg|\.svg|\.gif)$/gim;
+
+export async function* walkSync(dir) {
+  const files = await fs.readdir(dir, { withFileTypes: true });
+  for (const file of files) {
+    if (file.isDirectory()) {
+      yield* walkSync(path.join(dir, file.name));
+    } else {
+      yield path.join(dir, file.name);
+    }
+  }
+}
+
+export function execGit(args, opts = {}, root = null) {
+  const gitRoot = root || getRootDir();
+  const { status, error, stdout, stderr } = childProcess.spawnSync(
+    "git",
+    args,
+    {
+      cwd: gitRoot,
+      // Default is 1MB
+      maxBuffer: 1024 * 1024 * 100, // 100MB
+    },
+  );
+  if (error || status !== 0) {
+    if (stderr) {
+      console.log(args);
+      console.log(`Error running git ${args}`);
+      console.error(stderr);
+    }
+    if (error) {
+      throw error;
+    }
+    throw new Error(
+      `git command failed: ${stderr.toString() || stdout.toString()}`,
+    );
+  }
+  return stdout.toString().trim();
+}
+
+export function getRootDir() {
+  return execGit(["rev-parse", "--show-toplevel"], {}, process.cwd());
+}
+
+export function isImagePath(path) {
+  return IMG_RX.test(path);
+}

From e83ffbefa9c37bed243a4fda930e75f1be91a3b4 Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Tue, 19 Dec 2023 23:21:28 -0800
Subject: [PATCH 038/790] De-XHRify miscellaneous pages (#31165)

---
 .../imsc/using_the_imscjs_polyfill/index.md   | 12 +---
 .../aria/roles/form_role/index.md             |  2 +-
 files/en-us/web/guide/index.md                |  2 +-
 .../media/audio_and_video_delivery/index.md   | 55 ++++++++++---------
 .../en-us/web/security/mixed_content/index.md |  2 +-
 .../web/security/same-origin_policy/index.md  |  2 +-
 .../xml/parsing_and_serializing_xml/index.md  | 31 +++++------
 .../index.md                                  | 49 +----------------
 files/en-us/web/xpath/snippets/index.md       |  2 -
 9 files changed, 51 insertions(+), 106 deletions(-)

diff --git a/files/en-us/related/imsc/using_the_imscjs_polyfill/index.md b/files/en-us/related/imsc/using_the_imscjs_polyfill/index.md
index 9e29451f962a3d4..96eeafdb1b0dfbb 100644
--- a/files/en-us/related/imsc/using_the_imscjs_polyfill/index.md
+++ b/files/en-us/related/imsc/using_the_imscjs_polyfill/index.md
@@ -86,17 +86,11 @@ const ttmlUrl = myVideo.getElementsByTagName("track")[0].src;
 
 ## Retrieving the IMSC file
 
-The browser will not retrieve the document automatically for us. In most browsers only [WebVTT](/en-US/docs/Web/API/WebVTT_API) is implemented at the moment. Therefore, these browsers expect that the value of the `src` attribute points to a WebVTT file. If it doesn't, they don't use it, and we also have no direct access to the file the `src` attribute is pointing to. We use the `src` attribute therefore just to store the URL of the IMSC file. We need to do the work to retrieve the file and read it into a JavaScript string. In the example we use the `XMLHttpRequest` method for this task:
+The browser will not retrieve the document automatically for us. In most browsers only [WebVTT](/en-US/docs/Web/API/WebVTT_API) is implemented at the moment. Therefore, these browsers expect that the value of the `src` attribute points to a WebVTT file. If it doesn't, they don't use it, and we also have no direct access to the file the `src` attribute is pointing to. We use the `src` attribute therefore just to store the URL of the IMSC file. We need to do the work to retrieve the file and read it into a JavaScript string. In the example we use the {{domxref("fetch()")}} API for this task:
 
 ```js
-const client = new XMLHttpRequest();
-
-client.open("GET", ttmlUrl);
-client.onreadystatechange = function () {
-  initTrack(client.responseText);
-};
-
-client.send();
+const response = await fetch(ttmlUrl);
+initTrack(await response.text());
 ```
 
 ## Setting the text track mode
diff --git a/files/en-us/web/accessibility/aria/roles/form_role/index.md b/files/en-us/web/accessibility/aria/roles/form_role/index.md
index 111873e943fe8f7..0ddfe63f9485e6e 100644
--- a/files/en-us/web/accessibility/aria/roles/form_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/form_role/index.md
@@ -41,7 +41,7 @@ No role specific keyboard interactions
 ### Required JavaScript features
 
 - `onsubmit`
-  - : The onSubmit event handler handles the event raised when the form is submitted. Anything that is not a `<form>` cannot be submitted, therefore you would have to use JavaScript to build an alternative data submission mechanism, for example with {{domxref("XMLHTTPRequest")}}.
+  - : The onSubmit event handler handles the event raised when the form is submitted. Anything that is not a `<form>` cannot be submitted, therefore you would have to use JavaScript to build an alternative data submission mechanism, for example with {{domxref("fetch()")}}.
 
 ## Examples
 
diff --git a/files/en-us/web/guide/index.md b/files/en-us/web/guide/index.md
index 65504a2c0d070ba..5c01f8e1d86587c 100644
--- a/files/en-us/web/guide/index.md
+++ b/files/en-us/web/guide/index.md
@@ -41,7 +41,7 @@ There are a number of guides within MDN docs. These articles aim to add addition
 ## APIs
 
 - [Using FormData objects](/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects)
-  - : The [`FormData`](/en-US/docs/Web/API/FormData) object lets you compile a set of key/value pairs to send using `XMLHttpRequest`. It's primarily intended for sending form data, but can be used independently of forms to transmit keyed data. The transmission is in the same format that the form's `submit()` method would use to send the data if the form's encoding type were set to "multipart/form-data".
+  - : The [`FormData`](/en-US/docs/Web/API/FormData) object lets you compile a set of key/value pairs to send using {{domxref("fetch()")}}. It's primarily intended for sending form data, but can be used independently of forms to transmit keyed data. The transmission is in the same format that the form's `submit()` method would use to send the data if the form's encoding type were set to "multipart/form-data".
 - [Progressive web apps](/en-US/docs/Web/Progressive_web_apps#core_pwa_guides)
   - : Progressive web apps (PWAs) use modern web APIs along with traditional progressive enhancement strategy to create cross-platform web applications. These apps work everywhere and provide several features that give them the same user experience advantages as native apps. This set of guides tells you all you need to know about PWAs.
 - [Parsing and serializing XML](/en-US/docs/Web/XML/Parsing_and_serializing_XML)
diff --git a/files/en-us/web/media/audio_and_video_delivery/index.md b/files/en-us/web/media/audio_and_video_delivery/index.md
index eb32db72ba3676a..e4d8fc1931f7a64 100644
--- a/files/en-us/web/media/audio_and_video_delivery/index.md
+++ b/files/en-us/web/media/audio_and_video_delivery/index.md
@@ -119,38 +119,41 @@ We set the source of the video depending on the type of video file the browser s
 
 ## Web Audio API
 
+In this example we retrieve an MP3 file using the {{domxref("fetch()")}} API, load it into a source, and play it.
+
 ```js
-let context;
-let request;
+let audioCtx;
+let buffer;
 let source;
 
-try {
-  context = new AudioContext();
-  request = new XMLHttpRequest();
-  request.open(
-    "GET",
-    "http://jplayer.org/audio/mp3/RioMez-01-Sleep_together.mp3",
-    true,
-  );
-  request.responseType = "arraybuffer";
-
-  request.onload = () => {
-    context.decodeAudioData(request.response, (buffer) => {
-      source = context.createBufferSource();
-      source.buffer = buffer;
-      source.connect(context.destination);
-      // autoplay
-      source.start(0); // start was previously noteOn
-    });
-  };
-
-  request.send();
-} catch (e) {
-  alert("web audio api not supported");
+async function loadAudio() {
+  try {
+    // Load an audio file
+    const response = await fetch("viper.mp3");
+    // Decode it
+    buffer = await audioCtx.decodeAudioData(await response.arrayBuffer());
+  } catch (err) {
+    console.error(`Unable to fetch the audio file. Error: ${err.message}`);
+  }
 }
+
+const play = document.getElementById("play");
+play.addEventListener("click", async () => {
+  if (!audioCtx) {
+    audioCtx = new AudioContext();
+    await loadAudio();
+  }
+  source = audioCtx.createBufferSource();
+  source.buffer = buffer;
+  source.connect(audioCtx.destination);
+  source.start();
+  play.disabled = true;
+});
 ```
 
-In this example we retrieve an MP3 file via XHR, load it into a source and play it ([Try it for yourself](https://jsbin.com/facutone/1/edit?js)). Find more about Web Audio API basics in [Using the Web Audio API](/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API).
+You can [run the full example live](https://mdn.github.io/webaudio-examples/decode-audio-data/promise/), or [view the source](https://github.com/mdn/webaudio-examples/blob/main/decode-audio-data/promise/).
+
+Find more about Web Audio API basics in [Using the Web Audio API](/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API).
 
 ## getUserMedia / Stream API
 
diff --git a/files/en-us/web/security/mixed_content/index.md b/files/en-us/web/security/mixed_content/index.md
index d5a424ab0eedc9a..b398a75a75c3061 100644
--- a/files/en-us/web/security/mixed_content/index.md
+++ b/files/en-us/web/security/mixed_content/index.md
@@ -40,8 +40,8 @@ This section lists some types of HTTP requests which are considered active conte
 - {{HTMLElement("script")}} (`src` attribute)
 - {{HTMLElement("link")}} (`href` attribute) (this includes CSS stylesheets)
 - {{HTMLElement("iframe")}} (`src` attribute)
-- {{domxref("XMLHttpRequest")}} requests
 - {{domxref("fetch()")}} requests
+- {{domxref("XMLHttpRequest")}} requests
 - All cases in CSS where a {{cssxref("url", "url()")}} value is used ({{cssxref("@font-face")}}, {{cssxref("cursor")}}, {{cssxref("background-image")}}, and so forth).
 - {{HTMLElement("object")}} (`data` attribute)
 - {{domxref("Navigator.sendBeacon")}} (`url` attribute)
diff --git a/files/en-us/web/security/same-origin_policy/index.md b/files/en-us/web/security/same-origin_policy/index.md
index 6a8151d515c4f3d..e01f0ea70f3b527 100644
--- a/files/en-us/web/security/same-origin_policy/index.md
+++ b/files/en-us/web/security/same-origin_policy/index.md
@@ -61,7 +61,7 @@ The mechanism has some limitations. For example, it will throw a "`SecurityError
 
 ## Cross-origin network access
 
-The same-origin policy controls interactions between two different origins, such as when you use {{domxref("XMLHttpRequest")}} or an {{htmlelement("img")}} element. These interactions are typically placed into three categories:
+The same-origin policy controls interactions between two different origins, such as when you use {{domxref("fetch()")}} or an {{htmlelement("img")}} element. These interactions are typically placed into three categories:
 
 - Cross-origin _writes_ are typically allowed. Examples are links, redirects, and form submissions. Some HTTP requests require [preflight](/en-US/docs/Web/HTTP/CORS#preflighted_requests).
 - Cross-origin _embedding_ is typically allowed. (Examples are listed below.)
diff --git a/files/en-us/web/xml/parsing_and_serializing_xml/index.md b/files/en-us/web/xml/parsing_and_serializing_xml/index.md
index a7317d79cc1fde7..713b046db6a5861 100644
--- a/files/en-us/web/xml/parsing_and_serializing_xml/index.md
+++ b/files/en-us/web/xml/parsing_and_serializing_xml/index.md
@@ -12,8 +12,10 @@ At times, you may need to parse {{Glossary("XML")}} content and convert it into
   - : Serializes DOM trees, converting them into strings containing XML.
 - {{domxref("DOMParser")}}
   - : Constructs a DOM tree by parsing a string containing XML, returning a {{domxref("XMLDocument")}} or {{domxref("Document")}} as appropriate based on the input data.
+- {{domxref("fetch()")}}
+  - : Loads content from a URL. XML content is returned as a text string which you can parse using `DOMParser`.
 - {{domxref("XMLHttpRequest")}}
-  - : Loads content from a URL; XML content is returned as an XML {{domxref("Document")}} object with a DOM tree built from the XML itself.
+  - : The precursor to `fetch()`. Unlike the `fetch()` API, `XMLHttpRequest` can return a resource as a `Document`, via its {{domxref("XMLHttpRequest.responseXML", "responseXML")}} property.
 - [XPath](/en-US/docs/Web/XPath)
   - : A technology for creating strings that contain addresses for specific portions of an XML document, and locating XML nodes based on those addresses.
 
@@ -45,24 +47,18 @@ if (errorNode) {
 Here is sample code that reads and parses a URL-addressable XML file into a DOM tree:
 
 ```js
-const xhr = new XMLHttpRequest();
-
-xhr.onload = () => {
-  dump(xhr.responseXML.documentElement.nodeName);
-};
-
-xhr.onerror = () => {
-  dump("Error while getting XML.");
-};
-
-xhr.open("GET", "example.xml");
-xhr.responseType = "document";
-xhr.send();
+fetch("example.xml")
+  .then((response) => response.text())
+  .then((text) => {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(text, "text/xml");
+    console.log(doc.documentElement.nodeName);
+  });
 ```
 
-The value in the `xhr` object's {{domxref("XMLHttpRequest.responseXML", "responseXML")}} field is a {{domxref("Document")}} constructed by parsing the XML.
+This code fetches the resource as a text string, then uses {{domxref("DOMParser.parseFromString()")}} to construct an {{domxref("XMLDocument")}}.
 
-If the document is {{Glossary("HTML")}}, the code shown above will return a {{domxref("Document")}}. If the document is XML, the resulting object is actually a {{domxref("XMLDocument")}}. The two types are essentially the same; the difference is largely historical, although differentiating has some practical benefits as well.
+If the document is {{Glossary("HTML")}}, the code shown above will return a {{domxref("Document")}}. If the document is XML, the resulting object is actually an `XMLDocument`. The two types are essentially the same; the difference is largely historical, although differentiating has some practical benefits as well.
 
 > **Note:** There is in fact an {{domxref("HTMLDocument")}} interface as well, but it is not necessarily an independent type. In some browsers it is, while in others it is an alias for the `Document` interface.
 
@@ -74,7 +70,7 @@ Use the following approaches to serialize the contents of the XML document you c
 
 ### Serializing DOM trees to strings
 
-First, create a DOM tree as described in [How to Create a DOM tree](/en-US/docs/Web/API/Document_object_model/How_to_create_a_DOM_tree). Alternatively, use a DOM tree obtained from {{ domxref("XMLHttpRequest") }}.
+First, create a DOM tree as described in [How to Create a DOM tree](/en-US/docs/Web/API/Document_object_model/How_to_create_a_DOM_tree). Alternatively, use a DOM tree obtained from {{ domxref("fetch()") }}.
 
 To serialize the DOM tree `doc` into XML text, call {{domxref("XMLSerializer.serializeToString()")}}:
 
@@ -102,5 +98,6 @@ const docOuterHtml = document.documentElement.outerHTML;
 ## See also
 
 - [XPath](/en-US/docs/Web/XPath)
+- {{domxref("fetch()")}}
 - {{domxref("XMLHttpRequest")}}
 - {{domxref("Document")}}, {{domxref("XMLDocument")}}, and {{domxref("HTMLDocument")}}
diff --git a/files/en-us/web/xpath/introduction_to_using_xpath_in_javascript/index.md b/files/en-us/web/xpath/introduction_to_using_xpath_in_javascript/index.md
index 7d11c927002d828..f4f2427a4f7ea5b 100644
--- a/files/en-us/web/xpath/introduction_to_using_xpath_in_javascript/index.md
+++ b/files/en-us/web/xpath/introduction_to_using_xpath_in_javascript/index.md
@@ -6,7 +6,7 @@ page-type: guide
 
 {{XsltSidebar}}
 
-This document describes the interface for using [XPath](/en-US/docs/Web/XPath) in JavaScript internally, in extensions, and from websites. Mozilla implements a fair amount of the [DOM 3 XPath](https://www.w3.org/TR/2004/NOTE-DOM-Level-3-XPath-20040226/), which means that XPath expressions can be run against both HTML and XML documents.
+This document describes the interface for using [XPath](/en-US/docs/Web/XPath) in JavaScript. Mozilla implements a fair amount of the [DOM 3 XPath](https://www.w3.org/TR/2004/NOTE-DOM-Level-3-XPath-20040226/), which means that XPath expressions can be run against both HTML and XML documents.
 
 The main interface to using XPath is the [evaluate](/en-US/docs/Web/API/Document/evaluate) function of the [document](/en-US/docs/Web/API/Document) object.
 
@@ -265,53 +265,6 @@ while (thisHeading) {
 
 Once we iterate to a node, we have access to all the standard DOM interfaces on that node. After iterating through all the `h2` elements returned from our expression, any further calls to `iterateNext()` will return `null`.
 
-### Evaluating against an XML document within an Extension
-
-The following uses an XML document located at `chrome://yourextension/content/peopleDB.xml` as an example.
-
-```xml
-<?xml version="1.0"?>
-<people xmlns:xul = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >
-  <person>
-    <name first="george" last="bush" />
-    <address street="1600 pennsylvania avenue" city="washington" country="usa"/>
-    <phoneNumber>202-456-1111</phoneNumber>
-  </person>
-  <person>
-    <name first="tony" last="blair" />
-    <address street="10 downing street" city="london" country="uk"/>
-    <phoneNumber>020 7925 0918</phoneNumber>
-  </person>
-</people>
-```
-
-To make the contents of the XML document available within the extension, we create an [`XMLHttpRequest`](/en-US/docs/Web/API/XMLHttpRequest) object to load the document synchronously, the variable `xmlDoc` will contain the document as an [`XMLDocument`](/en-US/docs/Web/API/XMLDocument) object against which we can use the `evaluate` method
-
-JavaScript used in the extensions xul/js documents.
-
-```js
-const req = new XMLHttpRequest();
-
-req.open("GET", "chrome://yourextension/content/peopleDB.xml", false);
-req.send(null);
-
-const xmlDoc = req.responseXML;
-
-const nsResolver = xmlDoc.createNSResolver(
-  xmlDoc.ownerDocument === null
-    ? xmlDoc.documentElement
-    : xmlDoc.ownerDocument.documentElement,
-);
-
-const personIterator = xmlDoc.evaluate(
-  "//person",
-  xmlDoc,
-  nsResolver,
-  XPathResult.ANY_TYPE,
-  null,
-);
-```
-
 ## Appendix
 
 ### Implementing a User Defined Namespace Resolver
diff --git a/files/en-us/web/xpath/snippets/index.md b/files/en-us/web/xpath/snippets/index.md
index 104593f861fd1ff..871261ddeda6b38 100644
--- a/files/en-us/web/xpath/snippets/index.md
+++ b/files/en-us/web/xpath/snippets/index.md
@@ -36,8 +36,6 @@ function evaluateXPath(aNode, aExpr) {
 
 Note that `createNSResolver` should only be used if you are sure the namespace prefixes in the XPath expression match those in the document you want to query (and that no default namespace is being used (though see [document.createNSResolver](/en-US/docs/Web/API/Document/createNSResolver) for a workaround)). Otherwise, you have to provide your own implementation of XPathNSResolver.
 
-If you are using [XMLHttpRequest](/en-US/docs/Web/API/XMLHttpRequest) to read a local or remote XML file into a DOM tree (as described in [Parsing and serializing XML](/en-US/docs/Web/XML/Parsing_and_serializing_XML)), the first argument to `evaluateXPath()` should be `req.responseXML`.
-
 #### Sample usage
 
 Assume we have the following XML document (see also [How to Create a DOM tree](/en-US/docs/Web/API/Document_object_model/How_to_create_a_DOM_tree) and [Parsing and serializing XML](/en-US/docs/Web/XML/Parsing_and_serializing_XML)):

From e72890bafe775a38620def9a74beda8cf9c47411 Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Tue, 19 Dec 2023 23:32:08 -0800
Subject: [PATCH 039/790] De-XHRify Games and Glossary (#31162)

---
 files/en-us/games/introduction/index.md                    | 4 ++--
 .../games/introduction_to_html5_game_development/index.md  | 4 ++--
 files/en-us/games/techniques/audio_for_web_games/index.md  | 2 +-
 files/en-us/glossary/forbidden_header_name/index.md        | 2 +-
 files/en-us/glossary/mvc/index.md                          | 2 +-
 files/en-us/glossary/spa/index.md                          | 2 +-
 files/en-us/glossary/synchronous/index.md                  | 2 +-
 files/en-us/glossary/xmlhttprequest/index.md               | 7 +++----
 8 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/files/en-us/games/introduction/index.md b/files/en-us/games/introduction/index.md
index 385247eb4f9c60c..08e4827a978f3f0 100644
--- a/files/en-us/games/introduction/index.md
+++ b/files/en-us/games/introduction/index.md
@@ -95,6 +95,8 @@ As a game developer, whether you're an individual or a large game studio, you wa
 
 For the tech folks, let's dig into the APIs the Web brings to the table that cater to game developers. Here's a thorough list to give you a taste of what the Web can do for you:
 
+- [Fetch API](/en-US/docs/Web/API/Fetch_API)
+  - : Send and receive any kind of data you want from a Web server like downloading new game levels and artwork to transmitting non-real-time game status information back and forth.
 - [Full Screen API](/en-US/docs/Web/API/Fullscreen_API)
   - : This simple API lets your game take over the entire screen, thereby immersing the player in action.
 - [Gamepad API](/en-US/docs/Web/API/Gamepad_API/Using_the_Gamepad_API)
@@ -123,5 +125,3 @@ For the tech folks, let's dig into the APIs the Web brings to the table that cat
   - : The WebSocket API lets you connect your app or site to a server to transmit data back and forth in real-time. Perfect for multiplayer gaming action, chat services, and so forth.
 - [Web Workers](/en-US/docs/Web/API/Web_Workers_API/Using_web_workers)
   - : Workers give you the ability to spawn background threads running their own JavaScript code, to take advantage of modern, multicore processors.
-- [XMLHttpRequest](/en-US/docs/Web/API/XMLHttpRequest) and [File API](/en-US/docs/Web/API/File_and_Directory_Entries_API)
-  - : The combination of XMLHttpRequest and the File API lets you send and receive any kind of data you want (don't let the "XML" throw you!) from a Web server. This is a great way to do anything from downloading new game levels and artwork to transmitting non-real-time game status information back and forth.
diff --git a/files/en-us/games/introduction_to_html5_game_development/index.md b/files/en-us/games/introduction_to_html5_game_development/index.md
index fd118101b23864f..c46ec12547f4a6e 100644
--- a/files/en-us/games/introduction_to_html5_game_development/index.md
+++ b/files/en-us/games/introduction_to_html5_game_development/index.md
@@ -84,6 +84,8 @@ page-type: guide
   </tbody>
 </table>
 
+- [Fetch API](/en-US/docs/Web/API/Fetch_API)
+  - : Send and receive any kind of data you want from a Web server like downloading new game levels and artwork to transmitting non-real-time game status information back and forth.
 - [Full Screen API](/en-US/docs/Web/API/Fullscreen_API)
   - : Full screen gameplay.
 - [Gamepad API](/en-US/docs/Web/API/Gamepad_API/Using_the_Gamepad_API)
@@ -113,5 +115,3 @@ page-type: guide
   - : Connect your app or site to a server to transmit data back and forth in real-time. Perfect for multiplayer gaming action, chat services, and so forth.
 - [Web Workers](/en-US/docs/Web/API/Web_Workers_API/Using_web_workers)
   - : Spawn background threads running their own JavaScript code for multicore processors.
-- [XMLHttpRequest](/en-US/docs/Web/API/XMLHttpRequest) and [File API](/en-US/docs/Web/API/File_API)
-  - : Send and receive any kind of data you want from a Web server like downloading new game levels and artwork to transmitting non-real-time game status information back and forth.
diff --git a/files/en-us/games/techniques/audio_for_web_games/index.md b/files/en-us/games/techniques/audio_for_web_games/index.md
index ada37a835192fd7..a937448f36f0b27 100644
--- a/files/en-us/games/techniques/audio_for_web_games/index.md
+++ b/files/en-us/games/techniques/audio_for_web_games/index.md
@@ -226,7 +226,7 @@ Let's look at some Web Audio API techniques for dynamically adjusting music from
 
 ### Loading your tracks
 
-With the Web Audio API you can load separate tracks and loops individually using {{domxref("XMLHttpRequest")}} or the [Fetch API](/en-US/docs/Web/API/Fetch_API), which means you can load them synchronously or in parallel. Loading synchronously might mean parts of your music are ready earlier and you can start playing them while others load.
+With the Web Audio API you can load separate tracks and loops individually using the [Fetch API](/en-US/docs/Web/API/Fetch_API) or {{domxref("XMLHttpRequest")}}, which means you can load them synchronously or in parallel. Loading synchronously might mean parts of your music are ready earlier and you can start playing them while others load.
 
 Either way you may want to synchronize tracks or loops. The Web Audio API contains the notion of an internal clock that starts ticking the moment you create an audio context. You'll need to take account of the time between creating an audio context and when the first audio track starts playing. Recording this offset and querying the playing track's current time gives you enough information to synchronize separate pieces of audio.
 
diff --git a/files/en-us/glossary/forbidden_header_name/index.md b/files/en-us/glossary/forbidden_header_name/index.md
index 284bdedc4db527a..ca59da5a9cac37a 100644
--- a/files/en-us/glossary/forbidden_header_name/index.md
+++ b/files/en-us/glossary/forbidden_header_name/index.md
@@ -8,7 +8,7 @@ page-type: glossary-definition
 
 A **forbidden header name** is the name of any [HTTP header](/en-US/docs/Web/HTTP/Headers) that cannot be modified programmatically; specifically, an HTTP **request** header name (in contrast with a {{Glossary("Forbidden response header name")}}).
 
-Modifying such headers is forbidden because the user agent retains full control over them. Names starting with `Sec-` are reserved for creating new headers safe from {{glossary("API","APIs")}} using the [fetch algorithm](https://fetch.spec.whatwg.org/#concept-fetch) that grant developers control over headers, such as {{domxref("XMLHttpRequest")}}.
+Modifying such headers is forbidden because the user agent retains full control over them. Names starting with `Sec-` are reserved for creating new headers safe from {{glossary("API","APIs")}} that grant developers control over headers, such as {{domxref("fetch()")}}.
 
 Forbidden header names start with `Proxy-` or `Sec-`, or are one of the following names:
 
diff --git a/files/en-us/glossary/mvc/index.md b/files/en-us/glossary/mvc/index.md
index 7a396b437f2aec0..90b8fdf653d7666 100644
--- a/files/en-us/glossary/mvc/index.md
+++ b/files/en-us/glossary/mvc/index.md
@@ -44,7 +44,7 @@ You might however also want to just update the view to display the data in a dif
 
 As a web developer, this pattern will probably be quite familiar even if you've never consciously used it before. Your data model is probably contained in some kind of database (be it a traditional server-side database like MySQL, or a client-side solution such as [IndexedDB \[en-US\]](/en-US/docs/Web/API/IndexedDB_API).) Your app's controlling code is probably written in HTML/JavaScript, and your user interface is probably written using HTML/CSS/whatever else you like. This sounds very much like MVC, but MVC makes these components follow a more rigid pattern.
 
-In the early days of the Web, MVC architecture was mostly implemented on the server-side, with the client requesting updates via forms or links, and receiving updated views back to display in the browser. However, these days, more of the logic is pushed to the client with the advent of client-side data stores, and XMLHttpRequest allowing partial page updates as required.
+In the early days of the Web, MVC architecture was mostly implemented on the server-side, with the client requesting updates via forms or links, and receiving updated views back to display in the browser. However, these days, more of the logic is pushed to the client with the advent of client-side data stores, and the [Fetch API](/en-US/docs/Web/API/Fetch_API) enabling partial page updates as required.
 
 Web frameworks such as [AngularJS](https://en.wikipedia.org/wiki/AngularJS) and [Ember.js](https://en.wikipedia.org/wiki/Ember.js) all implement an MVC architecture, albeit in slightly different ways.
 
diff --git a/files/en-us/glossary/spa/index.md b/files/en-us/glossary/spa/index.md
index 83bd6d3811f0592..a0191cf28612213 100644
--- a/files/en-us/glossary/spa/index.md
+++ b/files/en-us/glossary/spa/index.md
@@ -6,7 +6,7 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-An SPA (Single-page application) is a web app implementation that loads only a single web document, and then updates the body content of that single document via JavaScript APIs such as {{domxref("XMLHttpRequest")}} and [Fetch](/en-US/docs/Web/API/Fetch_API) when different content is to be shown.
+An SPA (Single-page application) is a web app implementation that loads only a single web document, and then updates the body content of that single document via JavaScript APIs such as [Fetch](/en-US/docs/Web/API/Fetch_API) when different content is to be shown.
 
 This therefore allows users to use websites without loading whole new pages from the server, which can result in performance gains and a more dynamic experience, with some tradeoff disadvantages such as SEO, more effort required to maintain state, implement navigation, and do meaningful performance monitoring.
 
diff --git a/files/en-us/glossary/synchronous/index.md b/files/en-us/glossary/synchronous/index.md
index cc285b89fc95cd6..ee2ba0a914ba0bb 100644
--- a/files/en-us/glossary/synchronous/index.md
+++ b/files/en-us/glossary/synchronous/index.md
@@ -15,4 +15,4 @@ Many programming commands are also synchronous — for example when you type in
 ## See also
 
 - {{glossary("Asynchronous")}}
-- [Synchronous and asynchronous requests](/en-US/docs/Web/API/XMLHttpRequest_API/Synchronous_and_Asynchronous_Requests) using the [XMLHttpRequest()](/en-US/docs/Web/API/XMLHttpRequest) {{glossary("API")}}
+- [Asynchronous JavaScript](/en-US/docs/Learn/JavaScript/Asynchronous)
diff --git a/files/en-us/glossary/xmlhttprequest/index.md b/files/en-us/glossary/xmlhttprequest/index.md
index 2b4071a6d874c41..0674aca3a7914b8 100644
--- a/files/en-us/glossary/xmlhttprequest/index.md
+++ b/files/en-us/glossary/xmlhttprequest/index.md
@@ -8,9 +8,8 @@ page-type: glossary-definition
 
 {{domxref("XMLHttpRequest")}} (XHR) is a {{Glossary("JavaScript")}} {{Glossary("API")}} to create {{Glossary("AJAX")}} requests. Its methods provide the ability to send network requests between the {{Glossary("browser")}} and a {{Glossary("server")}}.
 
+The [Fetch API](/en-US/docs/Web/API/Fetch_API) is the modern replacement for XMLHttpRequest.
+
 ## See also
 
-- [XMLHttpRequest](https://en.wikipedia.org/wiki/XMLHttpRequest) on Wikipedia
-- [Synchronous vs. Asynchronous Communications](https://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/)
-- The {{domxref("XMLHttpRequest")}} object
-- The [documentation on MDN about how to use XMLHttpRequest](/en-US/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest)
+- The [XMLHttpRequest API](/en-US/docs/Web/API/XMLHttpRequest_API) documentation.

From f01d36771a9bf15679f45cbb1d429e8217c2026f Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 20 Dec 2023 15:33:26 +0800
Subject: [PATCH 040/790] `MediaStreamTrack.getCapabilities()` | add detail
 return value & fix incorrect usage of macros (#31161)

* add

* update links

* fix
---
 .../inputdeviceinfo/getcapabilities/index.md  |  8 +++-
 .../mediastreamtrack/getcapabilities/index.md | 45 +++++++++++++++++--
 2 files changed, 47 insertions(+), 6 deletions(-)

diff --git a/files/en-us/web/api/inputdeviceinfo/getcapabilities/index.md b/files/en-us/web/api/inputdeviceinfo/getcapabilities/index.md
index 3dc3d80b2ebeacb..264cf2507a90d2e 100644
--- a/files/en-us/web/api/inputdeviceinfo/getcapabilities/index.md
+++ b/files/en-us/web/api/inputdeviceinfo/getcapabilities/index.md
@@ -22,13 +22,13 @@ None.
 
 ### Return value
 
-A `MediaTrackCapabilities` object containing the following members:
+A `MediaTrackCapabilities` object which specifies the value or range of values which are supported for each of the user agent's supported constrainable properties, containing the following members:
 
 - `deviceId`
   - : A [`ConstrainDOMString`](/en-US/docs/Web/API/MediaTrackConstraints#constraindomstring) object containing the device ID.
 - `groupId`
   - : A [`ConstrainDOMString`](/en-US/docs/Web/API/MediaTrackConstraints#constraindomstring) object containing a group ID.
-- `autoGainControl`>
+- `autoGainControl`
   - : A [`ConstrainBoolean`](/en-US/docs/Web/API/MediaTrackConstraints#constrainboolean) object reporting if the source can do auto gain control.
     If the feature can be controlled by a script the source will report both true and false as possible values.
 - `channelCount`
@@ -84,3 +84,7 @@ navigator.mediaDevices.enumerateDevices().then((devices) => {
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("MediaStreamTrack.getCapabilities()")}}, which also return a `MediaTrackCapabilities` object.
diff --git a/files/en-us/web/api/mediastreamtrack/getcapabilities/index.md b/files/en-us/web/api/mediastreamtrack/getcapabilities/index.md
index 9e055a296a424a7..a9fc11ab83fd31e 100644
--- a/files/en-us/web/api/mediastreamtrack/getcapabilities/index.md
+++ b/files/en-us/web/api/mediastreamtrack/getcapabilities/index.md
@@ -10,9 +10,8 @@ browser-compat: api.MediaStreamTrack.getCapabilities
 
 The **`getCapabilities()`** method of
 the {{domxref("MediaStreamTrack")}} interface returns a
-{{domxref('MediaTrackCapabilities')}} object which specifies the values or range of
-values which each constrainable property, based upon the platform and {{Glossary("user
-    agent")}}.
+`MediaTrackCapabilities` object which specifies the values or range of
+values which each constrainable property, based upon the platform and {{Glossary("user agent")}}.
 
 Once you know what the browser's capabilities are, your script can use
 {{domxref("MediaStreamTrack.applyConstraints", "applyConstraints()")}} to ask for the
@@ -30,7 +29,41 @@ None.
 
 ### Return value
 
-A {{domxref('MediaTrackCapabilities')}} object which specifies the value or range of values which are supported for each of the user agent's supported constrainable properties.
+A `MediaTrackCapabilities` object which specifies the value or range of values which are supported for each of the user agent's supported constrainable properties, containing the following members:
+
+- `deviceId`
+  - : A [`ConstrainDOMString`](/en-US/docs/Web/API/MediaTrackConstraints#constraindomstring) object containing the device ID.
+- `groupId`
+  - : A [`ConstrainDOMString`](/en-US/docs/Web/API/MediaTrackConstraints#constraindomstring) object containing a group ID.
+- `autoGainControl`
+  - : A [`ConstrainBoolean`](/en-US/docs/Web/API/MediaTrackConstraints#constrainboolean) object reporting if the source can do auto gain control.
+    If the feature can be controlled by a script the source will report both true and false as possible values.
+- `channelCount`
+  - : A [`ConstrainULong`](/en-US/docs/Web/API/MediaTrackConstraints#constrainulong) containing the channel count or range of channel counts.
+- `echoCancellation`
+  - : A [`ConstrainBoolean`](/en-US/docs/Web/API/MediaTrackConstraints#constrainboolean) object reporting if the source can do echo cancellation.
+    If the feature can be controlled by a script the source will report both true and false as possible values.
+- `latency`
+  - : A [`ConstrainDouble`](/en-US/docs/Web/API/MediaTrackConstraints#constraindouble) containing the latency or range of latencies.
+- `noiseSuppression`
+  - : A [`ConstrainBoolean`](/en-US/docs/Web/API/MediaTrackConstraints#constrainboolean) object reporting if the source can do noise suppression.
+    If the feature can be controlled by a script the source will report both true and false as possible values.
+- `sampleRate`
+  - : A [`ConstrainULong`](/en-US/docs/Web/API/MediaTrackConstraints#constrainulong) containing the sample rate or range of sample rates.
+- `sampleSize`
+  - : A [`ConstrainULong`](/en-US/docs/Web/API/MediaTrackConstraints#constrainulong) containing the sample size or range of sample sizes.
+- `aspectRatio`
+  - : A [`ConstrainDouble`](/en-US/docs/Web/API/MediaTrackConstraints#constraindouble) containing the video aspect ratio (width in pixels divided by height in pixels) or range of aspect ratios.
+- `facingMode`
+  - : A [`ConstrainDOMString`](/en-US/docs/Web/API/MediaTrackConstraints#constraindomstring) object containing the camera facing mode. A camera may report multiple facings, for example "left" and "user".
+- `frameRate`
+  - : A [`ConstrainDouble`](/en-US/docs/Web/API/MediaTrackConstraints#constraindouble) containing the frame rate or range of frame rates which are acceptable.
+- `height`
+  - : A [`ConstrainULong`](/en-US/docs/Web/API/MediaTrackConstraints#constrainulong) containing the video height or range of heights in pixels.
+- `width`
+  - : A [`ConstrainULong`](/en-US/docs/Web/API/MediaTrackConstraints#constrainulong) containing the video width or range of widths in pixels.
+- `resizeMode`
+  - : A [`ConstrainDOMString`](/en-US/docs/Web/API/MediaTrackConstraints#constraindomstring) object containing the mode or an array of modes the UA can use to derive the resolution of the video track.
 
 ## Specifications
 
@@ -39,3 +72,7 @@ A {{domxref('MediaTrackCapabilities')}} object which specifies the value or rang
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("InputDeviceInfo.getCapabilities()")}}, which also return a `MediaTrackCapabilities` object.

From 65f4a29229c55398a55a5a2235ffad3626eba380 Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Wed, 20 Dec 2023 08:34:19 +0000
Subject: [PATCH 041/790] =?UTF-8?q?feat:=20Editorial=20review=20=E2=80=94?=
 =?UTF-8?q?=20Related=20website=20sets=20docs=20(#30654)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Related website sets docs

* Rest of required content

* Fix broken link

* Updated status for RWS

* Update files/en-us/web/api/document/requeststorageaccessfor/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/api/document/requeststorageaccessfor/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/privacy/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/api/document/requeststorageaccessfor/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Fix description list linter mess

* Fixes for cfredric tech review comments

* address cfredric and tunetheweb feedback

* Update files/en-us/web/api/storage_access_api/using/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/api/storage_access_api/using/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/api/storage_access_api/using/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/api/storage_access_api/using/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/api/document/requeststorageaccessfor/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* Update files/en-us/web/api/document/requeststorageaccessfor/index.md

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>

* More tinkering with descriptions

* more small tweaks, link fix

* Fix quote style - single to double

* Update files/en-us/web/api/storage_access_api/related_website_sets/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/related_website_sets/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/related_website_sets/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/related_website_sets/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/related_website_sets/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/related_website_sets/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/using/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/using/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/using/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/using/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/using/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/using/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/http/cookies/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/storage_access_api/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/document/hasstorageaccess/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/document/requeststorageaccess/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/document/requeststorageaccess/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/document/requeststorageaccessfor/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/document/requeststorageaccessfor/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/document/requeststorageaccessfor/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/document/requeststorageaccessfor/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/document/requeststorageaccessfor/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* responding to the rest of teoli2003s comments

* Add RWS well-known file and security information

---------

Co-authored-by: Chris Fredrickson <cfredric@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../api/document/hasstorageaccess/index.md    |   9 +-
 files/en-us/web/api/document/index.md         |   2 +
 .../document/requeststorageaccess/index.md    |   7 +-
 .../document/requeststorageaccessfor/index.md | 120 +++++++++++++
 files/en-us/web/api/permissions_api/index.md  |   4 +-
 .../en-us/web/api/storage_access_api/index.md |  86 +++++----
 .../related_website_sets/index.md             | 163 ++++++++++++++++++
 .../web/api/storage_access_api/using/index.md | 104 ++++++++++-
 files/en-us/web/http/cookies/index.md         |  10 +-
 files/en-us/web/privacy/index.md              |   6 +-
 .../web/privacy/partitioned_cookies/index.md  |   2 -
 files/en-us/web/security/index.md             |   2 +-
 files/jsondata/GroupData.json                 |   8 +-
 13 files changed, 461 insertions(+), 62 deletions(-)
 create mode 100644 files/en-us/web/api/document/requeststorageaccessfor/index.md
 create mode 100644 files/en-us/web/api/storage_access_api/related_website_sets/index.md

diff --git a/files/en-us/web/api/document/hasstorageaccess/index.md b/files/en-us/web/api/document/hasstorageaccess/index.md
index 3ac71359508e0c3..c9259cad9519126 100644
--- a/files/en-us/web/api/document/hasstorageaccess/index.md
+++ b/files/en-us/web/api/document/hasstorageaccess/index.md
@@ -8,7 +8,7 @@ browser-compat: api.Document.hasStorageAccess
 
 {{APIRef("Storage Access API")}}
 
-The **`hasStorageAccess()`** method of the {{domxref("Document")}} interface returns a {{jsxref("Promise")}} that resolves with a boolean value indicating whether the document has access to unpartitioned cookies.
+The **`hasStorageAccess()`** method of the {{domxref("Document")}} interface returns a {{jsxref("Promise")}} that resolves with a boolean value indicating whether the document has access to [third-party](/en-US/docs/Web/HTTP/Cookies#third-party_cookies), [unpartitioned](/en-US/docs/Web/API/Storage_Access_API#unpartitioned_versus_partitioned_cookies) cookies.
 
 This method is part of the [Storage Access API](/en-US/docs/Web/API/Storage_Access_API).
 
@@ -24,12 +24,12 @@ None.
 
 ### Return value
 
-A {{jsxref("Promise")}} that resolves with a boolean value indicating whether the document has access to unpartitioned cookies — `true` if it does, and `false` if not.
+A {{jsxref("Promise")}} that resolves with a boolean value indicating whether the document has access to third-party cookies — `true` if it does, and `false` if not.
 
 The result returned by this method can be inaccurate in a couple of circumstances:
 
-1. The user may have browser settings active that block unpartitioned cookies entirely — in this case `true` may be returned even though unpartitioned cookies are still inaccessible. To handle such a situation, you should gracefully handle any errors resulting in cookie values being unretrievable; for example, inform the user that access to their personalized settings is blocked and invite them to sign in again to use them.
-2. The browser might not block third-party cookie access by default — in this case `false` may be returned even though unpartitioned cookies are accessible, and storage access wouldn't need to be requested (i.e. via {{domxref("Document.requestStorageAccess()")}}). To get around this issue, you could query {{domxref("Document.cookie")}} to find out whether your cookies are accessible, and call {{domxref("Document.requestStorageAccess()")}} if they are not.
+1. The user may have active browser settings that block third-party cookies; in this case, `true` may be returned even though third-party cookies are still inaccessible. To handle such a situation, you should gracefully handle any errors resulting in cookie values being unretrievable; for example, inform the user that access to their personalized settings is blocked and invite them to sign in again to use them.
+2. The browser might not block third-party cookie access by default; in this case, `false` may be returned even though third-party cookies are accessible, and storage access wouldn't need to be requested (i.e., via {{domxref("Document.requestStorageAccess()")}}). To get around this issue, you could query {{domxref("Document.cookie")}} to find out whether your cookies are accessible, and call {{domxref("Document.requestStorageAccess()")}} if they are not.
 
 > **Note:** If the promise gets resolved and a user gesture event was being processed when the function was originally called, the resolve handler will run as if a user gesture was being processed, so it will be able to call APIs that require user activation.
 
@@ -63,5 +63,6 @@ document.hasStorageAccess().then((hasAccess) => {
 
 ## See also
 
+- {{domxref("Document.requestStorageAccess()")}}, {{domxref("Document.requestStorageAccessFor()")}}
 - [Using the Storage Access API](/en-US/docs/Web/API/Storage_Access_API/Using)
 - [Introducing Storage Access API](https://webkit.org/blog/8124/introducing-storage-access-api/) (WebKit blog)
diff --git a/files/en-us/web/api/document/index.md b/files/en-us/web/api/document/index.md
index 64fb98e65c14255..7759df1ba63e1e0 100644
--- a/files/en-us/web/api/document/index.md
+++ b/files/en-us/web/api/document/index.md
@@ -256,6 +256,8 @@ _This interface also inherits from the {{DOMxRef("Node")}} and {{DOMxRef("EventT
   - : Replaces the existing children of a document with a specified new set of children.
 - {{DOMxRef("Document.requestStorageAccess()")}}
   - : Allows a document loaded in a third-party context (i.e. embedded in an {{htmlelement("iframe")}}) to request access to unpartitioned cookies, in cases where user agents by default block access to unpartitioned cookies by sites loaded in a third-party context to improve privacy.
+- {{DOMxRef("Document.requestStorageAccessFor()")}} {{Non-standard_Inline}}
+  - : Allows top-level sites to request third-party cookie access on behalf of embedded content originating from another site in the same [related website set](/en-US/docs/Web/API/Storage_Access_API/Related_website_sets).
 - {{domxref("Document.startViewTransition()")}} {{Experimental_Inline}}
   - : Starts a new {{domxref("View Transitions API", "view transition", "", "nocode")}} and returns a {{domxref("ViewTransition")}} object to represent it.
 
diff --git a/files/en-us/web/api/document/requeststorageaccess/index.md b/files/en-us/web/api/document/requeststorageaccess/index.md
index 4fcb7225b83256b..1a96b61f79d78f3 100644
--- a/files/en-us/web/api/document/requeststorageaccess/index.md
+++ b/files/en-us/web/api/document/requeststorageaccess/index.md
@@ -8,9 +8,9 @@ browser-compat: api.Document.requestStorageAccess
 
 {{APIRef("Storage Access API")}}
 
-The **`requestStorageAccess()`** method of the {{domxref("Document")}} interface allows a document loaded in a third-party context (i.e. embedded in an {{htmlelement("iframe")}}) to request access to unpartitioned cookies.
+The **`requestStorageAccess()`** method of the {{domxref("Document")}} interface allows content loaded in a third-party context (i.e., embedded in an {{htmlelement("iframe")}}) to request access to third-party cookies. This is relevant to user agents that, by default, block access to [third-party](/en-US/docs/Web/HTTP/Cookies#third-party_cookies), [unpartitioned](/en-US/docs/Web/API/Storage_Access_API#unpartitioned_versus_partitioned_cookies) cookies to improve privacy (e.g., to prevent tracking), and is part of the [Storage Access API](/en-US/docs/Web/API/Storage_Access_API).
 
-This is relevant to user agents that by default block access to unpartitioned cookies by sites loaded in a third-party context to improve privacy (e.g. to prevent tracking), and is part of the [Storage Access API](/en-US/docs/Web/API/Storage_Access_API).
+To check whether permission to access third-party cookies has already been granted, you can call {{domxref("Permissions.query()")}}, specifying the feature name `"storage-access"`.
 
 > **Note:** Usage of this feature may be blocked by a {{httpheader("Permissions-Policy/storage-access", "storage-access")}} [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy) set on your server. In addition, the document must pass additional browser-specific checks such as allowlists, blocklists, on-device classification, user settings, anti-[clickjacking](/en-US/docs/Glossary/Clickjacking) heuristics, or prompting the user for explicit permission.
 
@@ -26,7 +26,7 @@ None.
 
 ### Return value
 
-A {{jsxref("Promise")}} that fulfills with `undefined` if the access to unpartitioned cookies was granted, and rejects if access was denied.
+A {{jsxref("Promise")}} that fulfills with `undefined` if the access to third-party cookies was granted, and rejects if access was denied.
 
 `requestStorageAccess()` requests are automatically denied unless the embedded content is currently processing a user gesture such as a tap or click ({{Glossary("transient activation")}}), or unless permission was already granted previously. If permission was not previously granted, they need to be run inside a user gesture-based event handler. The user gesture behavior depends on the state of the promise:
 
@@ -70,5 +70,6 @@ document.requestStorageAccess().then(
 
 ## See also
 
+- {{domxref("Document.hasStorageAccess()")}}, {{domxref("Document.requestStorageAccessFor()")}}
 - [Using the Storage Access API](/en-US/docs/Web/API/Storage_Access_API/Using)
 - [Introducing Storage Access API](https://webkit.org/blog/8124/introducing-storage-access-api/) (WebKit blog)
diff --git a/files/en-us/web/api/document/requeststorageaccessfor/index.md b/files/en-us/web/api/document/requeststorageaccessfor/index.md
new file mode 100644
index 000000000000000..236fb45c1d5fdff
--- /dev/null
+++ b/files/en-us/web/api/document/requeststorageaccessfor/index.md
@@ -0,0 +1,120 @@
+---
+title: "Document: requestStorageAccessFor() method"
+short-title: requestStorageAccessFor()
+slug: Web/API/Document/requestStorageAccessFor
+page-type: web-api-instance-method
+status:
+  - non-standard
+browser-compat: api.Document.requestStorageAccessFor
+---
+
+{{APIRef("Storage Access API")}}{{non-standard_header}}
+
+The **`requestStorageAccessFor()`** method of the {{domxref("Document")}} interface allows top-level sites to request third-party cookie access on behalf of embedded content originating from another site in the same [related website set](/en-US/docs/Web/API/Storage_Access_API/Related_website_sets). It returns a {{jsxref("Promise")}} that resolves if the access was granted, and rejects if access was denied.
+
+## Syntax
+
+```js-nolint
+requestStorageAccessFor(requestedOrigin)
+```
+
+### Parameters
+
+- `requestedOrigin`
+  - : A string representing the URL of the origin you are requesting third-party cookie access for.
+
+### Return value
+
+A {{jsxref("Promise")}} that fulfills with `undefined` if the access to third-party cookies was granted and rejects if access was denied.
+
+`requestStorageAccessFor()` requests are automatically denied unless the embedded content is currently processing a user gesture such as a tap or click ({{Glossary("transient activation")}}), or unless permission was already granted previously. If permission was not previously granted, they must run inside a user gesture-based event handler. The user gesture behavior depends on the state of the promise:
+
+- If the promise resolves (i.e., permission was granted), then the user gesture has not been consumed, so the script can subsequently call APIs requiring a user gesture.
+- If the promise is rejected (i.e., permission was not granted), then the user gesture has been consumed, so the script can't do anything that requires a gesture. This prevents scripts from calling `requestStorageAccessFor()` again if permission is denied.
+
+### Exceptions
+
+- `InvalidStateError` {{domxref("DOMException")}}
+  - : Thrown if the current {{domxref("Document")}} is not yet active.
+- `NotAllowedError` {{domxref("DOMException")}}
+  - : Thrown if:
+    - The document's window is not a [secure context](/en-US/docs/Web/Security/Secure_Contexts).
+    - The document is not the top-level document.
+    - The document has a `null` origin.
+    - The supplied `requestedOrigin` is [opaque](https://html.spec.whatwg.org/multipage/browsers.html#concept-origin-opaque).
+    - The top-level and embedded sites are not in the same [related website set](/en-US/docs/Web/API/Storage_Access_API/Related_website_sets).
+    - The embedding {{htmlelement("iframe")}} is sandboxed, and the `allow-storage-access-by-user-activation` token is not set.
+    - Usage is blocked by a {{httpheader("Permissions-Policy/storage-access", "storage-access")}} [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy).
+    - Usage is denied by the user agent's permission request to use the API.
+- `TypeError`
+  - : Thrown if `requestedOrigin` is not a valid URL.
+
+## Description
+
+The `requestStorageAccessFor()` method addresses challenges in adopting the Storage Access API on top-level sites that use cross-site images or scripts requiring cookies. It is relevant to user agents that by default block access to [third-party](/en-US/docs/Web/HTTP/Cookies#third-party_cookies), [unpartitioned](/en-US/docs/Web/API/Storage_Access_API#unpartitioned_versus_partitioned_cookies) cookies to improve privacy (e.g. to prevent tracking), and is a proposed extension of the [Storage Access API](/en-US/docs/Web/API/Storage_Access_API).
+
+`requestStorageAccessFor()` can enable third-party cookie access for cross-site resources directly embedded into a top-level site that are unable to request storage access themselves, for example {{htmlelement("img")}} elements. Cross-site content embedded in `<iframe>`s that has its own logic and resources and needs third-party cookie access should request storage access via {{domxref("Document.requestStorageAccess()")}}.
+
+To check whether permission to access third-party cookies has already been granted via `requestStorageAccessFor()`, you can call {{domxref("Permissions.query()")}}, specifying the feature name `"top-level-storage-access"`. This is different from the feature name used for the regular {{domxref("Document.requestStorageAccess()")}} method, which is `"storage-access"`.
+
+The `Permissions.query()` call must specify the embedded origin; for example:
+
+```js
+navigator.permissions.query({
+  name: "top-level-storage-access",
+  requestedOrigin: "https://www.example.com",
+});
+```
+
+> **Note:** Usage of this feature may be blocked by a {{httpheader("Permissions-Policy/storage-access", "storage-access")}} [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy) set on your server (the same one that controls the rest of the Storage Access API). In addition, the document must pass additional browser-specific checks such as allowlists, blocklists, on-device classification, user settings, or anti-[clickjacking](/en-US/docs/Glossary/Clickjacking) heuristics.
+
+## Examples
+
+```js
+function rSAFor() {
+  if ("requestStorageAccessFor" in document) {
+    document.requestStorageAccessFor("https://example.com").then(
+      (res) => {
+        // Use storage access
+        doThingsWithCookies();
+      },
+      (err) => {
+        // Handle errors
+      },
+    );
+  }
+}
+```
+
+After a successful `requestStorageAccessFor()` call, cross-site requests will include cookies if they include [CORS](/en-US/docs/Web/HTTP/CORS) / [`crossorigin`](/en-US/docs/Web/HTML/Attributes/crossorigin), so sites may want to wait before triggering a request. Such requests must use the [`credentials: "include"`](/en-US/docs/Web/API/fetch#credentials) option and resources must include the `crossorigin="use-credentials"` attribute.
+
+For example:
+
+```js
+function checkCookie() {
+  fetch("https://example.com/getcookies.json", {
+    method: "GET",
+    credentials: "include",
+  })
+    .then((response) => response.json())
+    .then((json) => {
+      // Do something
+    });
+}
+```
+
+> **Note:** See [Using the Storage Access API](/en-US/docs/Web/API/Storage_Access_API/Using) for a more complete example.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("Document.hasStorageAccess()")}}, {{domxref("Document.requestStorageAccess()")}}
+- [Using the Storage Access API](/en-US/docs/Web/API/Storage_Access_API/Using)
+- [Introducing Storage Access API](https://webkit.org/blog/8124/introducing-storage-access-api/) (WebKit blog)
diff --git a/files/en-us/web/api/permissions_api/index.md b/files/en-us/web/api/permissions_api/index.md
index 68e7f0753ea2464..d381b1c44a6c4d2 100644
--- a/files/en-us/web/api/permissions_api/index.md
+++ b/files/en-us/web/api/permissions_api/index.md
@@ -41,14 +41,14 @@ A non-exhaustive list of permission-aware APIs includes:
 - [Payment Handler API](/en-US/docs/Web/API/Payment_Handler_API): `payment-handler`
 - [Push API](/en-US/docs/Web/API/Push_API): `push`
 - [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs): `accelerometer`, `gyroscope`, `magnetometer`, `ambient-light-sensor`
-- [Storage Access API](/en-US/docs/Web/API/Storage_Access_API): `storage-access`
+- [Storage Access API](/en-US/docs/Web/API/Storage_Access_API): `storage-access`, `top-level-storage-access`
 - [Storage API](/en-US/docs/Web/API/Storage_API): `persistent-storage`
 - [Web MIDI API](/en-US/docs/Web/API/Web_MIDI_API): `midi`
 - [Window Management API](/en-US/docs/Web/API/Window_Management_API): `window-management`
 
 ## Examples
 
-We have made a simple example available called Location Finder. You can [run the example live](https://chrisdavidmills.github.io/location-finder-permissions-api/), or [view the source code on GitHub](https://github.com/chrisdavidmills/location-finder-permissions-api/tree/gh-pages).
+We have created a simple example called Location Finder. You can [run the example live](https://chrisdavidmills.github.io/location-finder-permissions-api/), or [view the source code on GitHub](https://github.com/chrisdavidmills/location-finder-permissions-api/tree/gh-pages).
 
 Read more about how it works in our article [Using the Permissions API](/en-US/docs/Web/API/Permissions_API/Using_the_Permissions_API).
 
diff --git a/files/en-us/web/api/storage_access_api/index.md b/files/en-us/web/api/storage_access_api/index.md
index 58e4b037061a256..ca2056e51e79500 100644
--- a/files/en-us/web/api/storage_access_api/index.md
+++ b/files/en-us/web/api/storage_access_api/index.md
@@ -5,51 +5,63 @@ page-type: web-api-overview
 browser-compat:
   - api.Document.hasStorageAccess
   - api.Document.requestStorageAccess
+  - api.Document.requestStorageAccessFor
+  - api.Permissions.permission_storage-access
+spec-urls: https://privacycg.github.io/storage-access/
 ---
 
 {{DefaultAPISidebar("Storage Access API")}}
 
-The Storage Access API provides a way for cross-site content loaded in a third-party context (i.e. embedded in an {{htmlelement("iframe")}}) to gain access to _unpartitioned cookies_ that it would normally only have access to in a first-party context (i.e. when loaded directly in a browser tab).
+The Storage Access API provides a way for cross-site content loaded in a third-party context (i.e., embedded in an {{htmlelement("iframe")}}) to gain access to [third-party cookies](/en-US/docs/Web/HTTP/Cookies#third-party_cookies) that it would typically only have access to in a first-party context (i.e., when loaded directly in a browser tab).
 
-> **Note:** When we say _unpartitioned cookies_, we are talking about cookies stored in the traditional way they have historically been stored since the early web — all cookies set on the same site are stored in the same cookie jar. This is in contrast to _partitioned cookies_, where embedded resources under each top-level site are given a unique cookie storage space (see for example [Cookies Having Independent Partitioned State (CHIPS)](/en-US/docs/Web/Privacy/Partitioned_cookies)).
+The Storage Access API is relevant to user agents that, by default, block access to third-party cookies to improve privacy (for example, to prevent tracking). There are legitimate uses for third-party cookies that we still want to enable, even with these default restrictions in place. Examples include single sign-on (SSO) with federated identity providers (IdPs), or persisting user details such as location data or viewing preferences across different sites.
 
-The Storage Access API is relevant to user agents that by default block access to unpartitioned cookies by sites loaded in a third-party context to improve privacy (for example, to prevent tracking). There are legitimate uses for unpartitioned cookie access by third-party content that we still want to enable, even with these default restrictions in place. Examples include SSO with federated IdPs, or persisting user details such as location data or viewing preferences across different sites.
-
-The API provides methods that allow embedded resources to check whether they currently have access to unpartitioned cookies and, if not, to request access from the user agent.
+The API provides methods that allow embedded resources to check whether they currently have access to third-party cookies and, if not, to request access from the user agent.
 
 > **Note:** The _Storage Access API_ name may seem like somewhat of a misnomer, given that it only provides access to cookies, and not other client-side storage mechanisms such as {{domxref("Web_Storage_API", "Web Storage", "", "nocode")}} or {{domxref("IndexedDB_API", "IndexedDB", "", "nocode")}}. The name has been kept generic because it may provide access to other forms of client-side storage in the future.
 
 ## Concepts and usage
 
-Browsers implement several storage access features and policies that restrict access to unpartitioned cookies by embedded, cross-site resources. These range from giving embedded resources under each top-level origin a unique cookie storage space (_partitioned cookies_), to outright blocking of cookie access when resources are loaded in a third-party context.
+Browsers implement several storage access features and policies restricting access to third-party cookies. These range from giving embedded resources under each top-level origin a unique cookie storage space ([partitioned cookies](#unpartitioned_versus_partitioned_cookies)) to outright blocking of cookie access when resources are loaded in a third-party context.
+
+The semantics around third-party cookie-blocking features and policies differ from browser to browser, but the core functionality is similar. Cross-site resources embedded in a third-party context are not given access to the same cookies that they would have access to when loaded in a first-party context. This is done with good intent — browser vendors want to take steps to better protect their user's privacy and security. Examples include leaving them less open to having their activity tracked across different sites, and less vulnerable to exploits such as cross-site request forgery ({{glossary("CSRF")}}).
+
+However, there are legitimate uses for embedded cross-site content accessing third-party cookies, which the above features and policies are known to break. Let's say you've got a series of different sites that provide access to different products — `heads-example.com`, `shoulders-example.com`, `knees-example.com`, and `toes-example.com`.
+
+Alternatively, you might separate your content or services into different country domains for localization purposes — `example.com`, `example.ua`, `example.br`, etc. — or in some other way.
+
+You might have accompanying utility sites with components embedded in all the other sites, for example, to provide SSO (`sso-example.com`) or general personalization services (`services-example.com`). These utility sites will want to share their state with the sites they are embedded in via cookies. They cannot share first-party cookies because they are on different domains, and third-party cookies will no longer work in browsers that block them.
+
+In such situations, site owners often encourage users to add their site as an exception or to disable third-party cookie-blocking policies entirely. Users who wish to continue interacting with their content must significantly relax their blocking policy for resources loaded from all embedded origins and possibly across all websites.
 
-The semantics around unpartitioned cookie blocking features/policies differ from browser to browser, but the core functionality is similar: cross-site resources embedded in a third-party context are not given access to the same cookies that they would have access to when loaded in a first-party context. This is done with good intent — browser vendors want to take steps to better protect their user's privacy and security, for example leaving them less open to having their activity tracked across different sites, and less vulnerable to exploits such as cross-site request forgery ({{glossary("CSRF")}}).
+The Storage Access API is intended to solve this problem; embedded cross-site content can request unrestricted access to third-party cookies on a frame-by-frame basis via the {{domxref("Document.requestStorageAccess()")}} method. It can also check whether it already has access via the {{domxref("Document.hasStorageAccess()")}} method.
 
-However, there are legitimate uses for embedded cross-site content accessing unpartitioned cookies, which the above features/policies are known to break. As an example, federated logins often require access to authentication cookies, and will require the user to sign in on each site separately (or completely break) if those cookies are not available. As a result, site owners often encourage users to add their site as an exception or to disable such policies entirely. Users who wish to continue to interact with embedded content are forced to greatly relax their blocking policy for resources loaded from all embedded origins and possibly across all websites.
+### Unpartitioned versus partitioned cookies
 
-The Storage Access API is intended to solve this problem; embedded cross-site content can request unrestricted access to unpartitioned cookies on a frame-by-frame basis, for a particular top-level embedding site, via the {{domxref("Document.requestStorageAccess()")}} method. It can also check whether it already has access via the {{domxref("Document.hasStorageAccess()")}} method.
+It is important to note that the Storage Access API is only needed to provide access to _unpartitioned_ third-party cookies. This means cookies stored in the traditional way since the early web — all cookies set on the same site are stored in the same cookie jar. This is in contrast to _partitioned_ cookies, where embedded resources under each top-level site are given a unique cookie storage space, thereby making tracking users across sites via these cookies impossible.
 
-## How it works
+Browsers have various mechanisms to partition third-party cookie access, for example [Firefox Total Cookie Protection](https://blog.mozilla.org/products/firefox/firefox-rolls-out-total-cookie-protection-by-default-to-all-users-worldwide/) and [Cookies Having Independent Partitioned State (CHIPS)](/en-US/docs/Web/Privacy/Partitioned_cookies).
 
-As explained above, modern browsers implement various features and policies to restrict or block access to unpartitioned cookies by embedded content. Such content that has a legitimate need for cookie access can get around this problem using the Storage Access API as follows:
+When we talk about third-party cookies in the context of the Storage Access API, we implicitly mean _unpartitioned_ third-party cookies.
+
+### How it works
+
+Embedded content that has a legitimate need for third party cookie access can request access using the Storage Access API as follows:
 
 1. It can call the {{domxref("Document.hasStorageAccess()")}} method to check whether it has the access it needs already.
 2. If not, it can request access via the {{domxref("Document.requestStorageAccess()")}} method.
 3. Depending on the browser, the user will be asked whether to grant access to the requesting embed in slightly different ways.
    - Safari shows prompts for all embedded content that has not previously received storage access.
    - Firefox only prompts users after an origin has requested storage access on more than a threshold number of sites.
-   - At the time of writing, Chrome doesn't prompt the user. Instead, it only resolves `requestStorageAccess()` calls that come from domains within a [first-party set](https://developer.chrome.com/docs/privacy-sandbox/first-party-sets/). This behavior will change as the implementation is developed further.
-4. Access is granted or denied based on whether the content meets all the security requirements (see [Security measures](#security_measures), below). The {{jsxref("Promise")}}-based nature of `requestStorageAccess()` allows you to run code to handle success and failure cases.
-   - Modern spec behavior dictates that access is granted **per-frame** — every separate content embed has its unpartitioned cookie access blocked by default, and needs to call `requestStorageAccess()` to opt-in to access. If a content embed has received access, and same-site embeds then call `requestStorageAccess()`, their promises will fulfill automatically. But they still need to opt-in.
-   - In older versions of the spec, the access was **per-page**. As soon as one embed received unpartitioned cookie access via `requestStorageAccess()`, all other same-site embeds would automatically receive access. This was not desirable behavior from a security standpoint — for example, if `shop.example.com` embedded `locator.users.com` to allow users to use their location info while shopping, and `locator.users.com` called `requestStorageAccess()`, `shop.example.com` and any other sites it embeds would be able to access its cookies, but also access cookies from `private.users.com`, which is not intended to be embedded. [Read more about the motivations](https://github.com/privacycg/storage-access/issues/113) behind this change.
-   - Consult the [Browser compatibility information](#browser_compatibility) to see which browsers implement which behavior.
+   - Chrome shows prompts for all embedded content that has not previously received storage access. It will however automatically grant access and skip prompts if the embedded content and embedding site are part of the same [related website set](/en-US/docs/Web/API/Storage_Access_API/Related_website_sets).
+4. Access is granted or denied based on whether the content meets all the security requirements — see [Security measures](#security_measures) for general requirements, and [Browser-specific variations](#browser-specific_variations) for some browser-specific security requirements. The {{jsxref("Promise")}}-based nature of `requestStorageAccess()` allows you to run code to handle success and failure cases.
+   - Modern spec behavior dictates that access is granted _per-frame_ — every separate content embed has its third-party cookie access blocked by default, and needs to call `requestStorageAccess()` to opt in to access. If a content embed has received access, and same-site embeds then call `requestStorageAccess()`, their promises will fulfill automatically. But they still need to opt in.
+   - The only exception to the "blocked by default" behavior is when a content embed makes a successful `requestStorageAccess()`, but then performs a same-origin navigation (for example reloading itself). In such cases, the storage access is carried over from the previous navigation.
+   - In older spec versions, the access was _per-page_ (Safari is the only browser still using this model). When one embed received third-party cookie access via `requestStorageAccess()`, all other same-site embeds would automatically receive access. This was not desirable behavior from a security standpoint — for example, if `shop.example.com` embedded `locator.users.com` to allow users to use their location info while shopping, and `locator.users.com` called `requestStorageAccess()`, `shop.example.com` and any other sites it embeds would be able to access its cookies, but also access cookies from `private.users.com`, which is not intended to be embedded. [Read more about the motivations](https://github.com/privacycg/storage-access/issues/113) behind this change.
 5. Once access is granted, a permission key is stored in the browser with the structure `<top-level site, embedded site>`. For example, if the embedding site is `embedder.com`, and the embed is `locator.example.com`, the key would be `<embedder.com, example.com>`. Same-site embeds (`docs.example.com`, `profile.example.com`, etc.) would then be able to call `requestStorageAccess()` and the promise would fulfill automatically, as mentioned earlier.
-   - Older versions of the spec used the more specific permission key structure `<top-level site, embedded origin>`, which meant that same-site, cross-origin embeds didn't match the permission key and had to go through the whole process separately.
-   - At the time of writing, only Chromium browsers had implemented the new behavior.
-
-> **Note:** The only exception to the "blocked by default" behavior is when a content embed makes a successful `requestStorageAccess()`, but then performs a same-origin navigation (for example reloading itself). In such cases, the storage access is carried over from the previous navigation.
+   - Older spec versions used the more specific permission key structure `<top-level site, embedded origin>`, which meant that same-site, cross-origin embeds didn't match the permission key and had to go through the whole process separately.
 
-> **Note:** In cases where a top-level site has its cookies partitioned (for example via [CHIPS](/en-US/docs/Web/Privacy/Partitioned_cookies) or [Total Cookie Protection](https://blog.mozilla.org/en/mozilla/firefox-androids-new-privacy-feature-total-cookie-protection-stops-companies-from-keeping-tabs-on-your-moves/)), the Storage Access API isn't required, as sharing the cookies by default has no privacy risk.
+> **Note:** In cases where a top-level site has its cookies [partitioned](#unpartitioned_versus_partitioned_cookies), the Storage Access API isn't required, as sharing the cookies by default has no privacy risk.
 
 ## Security measures
 
@@ -73,19 +85,22 @@ Several different security measures could cause a {{domxref("Document.requestSto
    ```
 
 6. Usage of this feature may be blocked by a {{httpheader("Permissions-Policy/storage-access", "storage-access")}} [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy) set on your server.
-7. At the time of writing, Chrome only resolves `requestStorageAccess()` calls that come from domains within a [first-party set](https://developer.chrome.com/docs/privacy-sandbox/first-party-sets/). This restriction is intended to be relaxed as the implementation is developed further.
 
 > **Note:** The document may also be required to pass additional browser-specific checks. Examples: allowlists, blocklists, on-device classification, user settings, anti-[clickjacking](/en-US/docs/Glossary/Clickjacking) heuristics, or prompting the user for explicit permission.
 
-## Browser storage access policy variations
+## Browser-specific variations
 
-Although the API surface is the same, websites using the Storage Access API should expect differences in the level and extent of unpartitioned cookie access they receive between different browsers, due to differences in their storage access policies.
+Although the API surface is the same, websites using the Storage Access API should expect differences in the level and extent of third-party cookie access they receive between different browsers, due to differences in their storage access policies.
 
-### Firefox
+### Chrome
+
+- Cookies must have [`SameSite=None`](/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value) explicitly set on them, because the default value for Chrome is `SameSite=Lax` (`SameSite=None` is the default in Firefox and Safari).
+- Cookies must have the [`Secure`](/en-US/docs/Web/HTTP/Headers/Set-Cookie#secure) attribute set on them.
+- The storage access grants are phased out after 30 days of browser usage passed without user interaction. Interaction with the embedded content extends this limit by another 30 days. This doesn't occur when {{domxref("Document.requestStorageAccessFor()")}} is called because the user is already on the page.
 
-Design properties unique to Firefox are summarized here:
+### Firefox
 
-- If the embedded origin `tracker.example` has already obtained unpartitioned cookie access on the top-level origin `foo.example`, and the user visits a page from `foo.example` embedding a page from `tracker.example` again in less than 30 days, the embedded origin will have unpartitioned cookie access immediately when loading.
+- If the embedded origin `tracker.example` has already obtained third-party cookie access on the top-level origin `foo.example`, and the user visits a page from `foo.example` embedding a page from `tracker.example` again in less than 30 days, the embedded origin will have third-party cookie access immediately when loading.
 - The storage access grants are phased out after 30 calendar days have passed.
 
 Documentation for Firefox's new storage access policy for blocking tracking cookies includes [a detailed description](/en-US/docs/Web/Privacy/Storage_Access_Policy#storage_access_grants) of the scope of storage access grants.
@@ -96,21 +111,26 @@ Documentation for Firefox's new storage access policy for blocking tracking cook
 
 ## Examples
 
-See [Using the Storage Access API](/en-US/docs/Web/API/Storage_Access_API/Using) for an implementation guide with code examples.
+- See [Using the Storage Access API](/en-US/docs/Web/API/Storage_Access_API/Using) for an implementation guide with code examples.
+- See [Storage Access API Demo](https://storage-access-api-demo.glitch.me/) for a live demo.
 
 ## API methods
 
 - {{domxref("Document.hasStorageAccess()")}}
-  - : Returns a {{jsxref("Promise")}} that resolves with a boolean value indicating whether the document has access to unpartitioned cookies.
+  - : Returns a {{jsxref("Promise")}} that resolves with a boolean value indicating whether the document has access to third-party cookies.
 - {{domxref("Document.requestStorageAccess()")}}
-  - : Returns a {{jsxref("Promise")}} that resolves if the access to unpartitioned cookies was granted, and rejects if access was denied.
+  - : Allows content loaded in a third-party context (i.e., embedded in an {{htmlelement("iframe")}}) to request access to third-party cookies; returns a {{jsxref("Promise")}} that resolves if the access was granted, and rejects if access was denied.
+- {{domxref("Document.requestStorageAccessFor()")}} {{experimental_inline}}
+  - : A proposed extension to the Storage Access API that allows top-level sites to request third-party cookie access on behalf of embedded content originating from another site in the same [related website set](/en-US/docs/Web/API/Storage_Access_API/Related_website_sets). Returns a {{jsxref("Promise")}} that resolves if the access was granted, and rejects if access was denied.
 
-> **Note:** User interaction propagates to the promise returned by both of these methods, allowing the callers to take actions that require user interaction without requiring a second click from the user. For example, a caller could open a pop-up window from the resolved promise without triggering Firefox's pop-up blocker.
+> **Note:** User interaction propagates to the promise returned by these methods, allowing the callers to take actions requiring user interaction without requiring a second click. For example, a caller could open a pop-up window from the resolved promise without triggering Firefox's pop-up blocker.
 
 ### Additions to other APIs
 
-- {{domxref("Permissions.query()")}}
-  - : You can call `Permissions.query()` with a value of `"storage-access"` to query whether unpartitioned cookie access has been granted in general, i.e. to another same-site embed. If so, you can call `requestStorageAccess()` without user interaction, and the promise will resolve automatically.
+- {{domxref("Permissions.query()")}}, the `"storage-access"` feature name
+  - : In supporting browsers, this can query whether third-party cookie access has been granted in general, that is, to another same-site embed. If so, you can call `requestStorageAccess()` without user interaction, and the promise will resolve automatically.
+- `Permissions.query()`, the `"top-level-storage-access"` feature name {{experimental_inline}}
+  - : A separate feature name used to query whether permission to access third-party cookies has already been granted via `requestStorageAccessFor()`. If so, you don't need to call `requestStorageAccessFor()` again.
 
 ## Specifications
 
diff --git a/files/en-us/web/api/storage_access_api/related_website_sets/index.md b/files/en-us/web/api/storage_access_api/related_website_sets/index.md
new file mode 100644
index 000000000000000..12c6a62de4bd188
--- /dev/null
+++ b/files/en-us/web/api/storage_access_api/related_website_sets/index.md
@@ -0,0 +1,163 @@
+---
+title: Related Website Sets
+slug: Web/API/Storage_Access_API/Related_website_sets
+page-type: guide
+status:
+  - non-standard
+browser-compat: api.document.requestStorageAccessFor
+spec-urls: https://wicg.github.io/first-party-sets/
+---
+
+{{DefaultAPISidebar("Storage Access API")}}
+
+> **Warning:** One or more browser vendors oppose this feature — in its current state, it will never be implemented across all browsers. See [Standards positions](#standards_positions) for details of opposition.
+
+Related website sets are a mechanism for defining a set of related sites that share trusted content. As a result, browsers will grant default access for these sites to [third-party cookies](/en-US/docs/Web/HTTP/Cookies#third-party_cookies) when they have content embedded in other set members.
+
+## Concepts and usage
+
+Let's consider situations where you have a series of related websites with different domain names, and you want to give site content access to third-party cookies when loaded in a third-party context inside other related sites (i.e., embedded in an {{htmlelement("iframe")}}). Typical use cases are:
+
+- App sites: A single application may be deployed over multiple sites, aiming to allow users to navigate between them seamlessly in a single session.
+- Brand sites: A set of brand assets may be contained in a single site but then deployed over multiple domains, including session data relating to user preferences, customization, etc.
+
+Third-party cookie access is commonly blocked by browser cookie-blocking policies. Still, you can work around it using the Storage Access API — see [Using the Storage Access API](/en-US/docs/Web/API/Storage_Access_API/Using) for details.
+
+Related website are a progressive enhancement mechanism that works alongside the Storage Access API. Supporting browsers grant third-party cookie access between websites in the same set _without_ having to go through the usual user permission prompt workflow, once {{domxref("Document.requestStorageAccess()")}} (or {{domxref("Document.requestStorageAccessFor()")}}) is called. This results in a more user-friendly experience for users of sites in the set.
+
+You should bear in mind that:
+
+- The Chrome-only {{domxref("Document.requestStorageAccessFor()")}} method — which allows top-level sites to request storage access on behalf of embedded origin content — is only supported on domains within a related website set. See [Using the Storage Access API](/en-US/docs/Web/API/Storage_Access_API/Using) for an example.
+- When Chrome first supported the standard Storage Access API (that is, the {{domxref("Document.hasStorageAccess()")}} and {{domxref("Document.requestStorageAccess()")}}methods), it required calling sites to be part of a related website set. This is no longer the case.
+
+## How does RWS work?
+
+A related website set consists of one primary site and up to five associated sites.
+
+### JSON structure
+
+A set is represented by a JSON structure. A hypothetical example is as follows:
+
+```json
+{
+  "sets": [
+    {
+      "contact": "email address or group alias if available",
+      "primary": "https://primary1.com",
+      "associatedSites": [
+        "https://associateA.com",
+        "https://associateB.com",
+        "https://associateC.com"
+      ],
+      "serviceSites": ["https://servicesiteA.com"],
+      "rationaleBySite": {
+        "https://associateA.com": "Explanation of affiliation with primary site",
+        "https://associateB.com": "Explanation of affiliation with primary site",
+        "https://associateC.com": "Explanation of affiliation with primary site",
+        "https://serviceSiteA.com": "Explanation of service functionality support"
+      },
+      "ccTLDs": {
+        "https://associateA.com": [
+          "https://associateA.ca",
+          "https://associateA.co.uk"
+        ],
+        "https://associateB.com": [
+          "https://associateB.ru",
+          "https://associateB.co.kr"
+        ],
+        "https://primary1.com": ["https://primary1.co.uk"]
+      }
+    }
+  ]
+}
+```
+
+> **Note:** The affiliation explanations must include a clear description of how the affiliation to the primary site is presented to users of those sites.
+
+To use a set, its JSON must be added to the `related_website_sets.JSON` file available on the [Related Website Sets GitHub repository](https://github.com/GoogleChrome/related-website-sets/blob/main/related_website_sets.JSON), which Chrome then consumes to get the list of sets to apply RWS behavior to.
+
+### `.well-known` files
+
+Each site in the set must also serve a [`.well-known`](https://en.wikipedia.org/wiki/Well-known_URI) file at `/.well-known/related-website-set.json`, which serves to verify the set structure and the relationship between the sites in the set.
+
+The primary site's `.well-known` file must explicitly list out the full set structure. `https://primary1.com` in the above example would need a `https://primary1.com/.well-known/related-website-set.json` file similar to the following:
+
+```json
+{
+  "primary": "https://primary1.com",
+  "associatedSites": [
+    "https://associateA.com",
+    "https://associateB.com",
+    "https://associateC.com"
+  ],
+  "serviceSites": ["https://servicesiteA.com"],
+  "rationaleBySite": {
+    "https://associateA.com": "Explanation of affiliation with primary site",
+    "https://associateB.com": "Explanation of affiliation with primary site",
+    "https://associateC.com": "Explanation of affiliation with primary site",
+    "https://serviceSiteA.com": "Explanation of service functionality support"
+  },
+  "ccTLDs": {
+    "https://associateA.com": [
+      "https://associateA.ca",
+      "https://associateA.co.uk"
+    ],
+    "https://associateB.com": [
+      "https://associateB.ru",
+      "https://associateB.co.kr"
+    ],
+    "https://primary1.com": ["https://primary1.co.uk"]
+  }
+}
+```
+
+Each associate and service site needs to specify its primary site in a `.well-known` file. Each non-primary site in the above example (e.g. `https://associateA.com`) would need a `/.well-known/related-website-set.json` file like this:
+
+```json
+{
+  "primary": "https://primary1.com"
+}
+```
+
+For full details of the process, JSON syntax, and other requirements for submitting sets, see the [submission guidelines](https://github.com/GoogleChrome/related-website-sets/blob/main/RWS-Submission_Guidelines.md). Only domain administrators can create a set containing their sites.
+
+Bear in mind that the `.well-known` files are also verified as part of the submission process, so they need to be put in place before the associated set is submitted.
+
+### Active set benefits
+
+Once a set is active:
+
+- Requests from sites in the set (via {{domxref("Document.requestStorageAccess()")}}) to access third-party cookies that belong to sites in the set are automatically granted, and no user permission step is required.
+- {{domxref("Document.requestStorageAccessFor()")}} calls can be made from top-level sites in the set to request third-party cookie access for other sites in the set.
+
+## RWS security
+
+RWS has been designed with security in mind. It would be disasterous if a bad actor site were able to claim to be part of a set and gain the privileges that entails. Lets consider a theoretical bad actor site, `evilsite.example.com`, and look at some examples of attacks it could try to make, all of which would fail:
+
+- **`evilsite.example.com` claims to be an associated site in another set**: If a site claiming to be in a set (`i.e.` by listing a primary in a `.well-known` file) is not included in the set submission and/or primary's `.well-known` file, it won't get the benefits of being in the set.
+- **`evilsite.example.com` claims to be a primary site, and submits a set that includes some would-be victim sites**: The submission process requires that `.well-known` files hosted by non-primary sites explicitly list out their primary. If this primary doesn't match the set submission (i.e. if the associated/service sites expect to have a different primary, or don't expect to be in a set at all), the submission will be rejected.
+- **`site1.example.com` and `site2.example.com` are intentionally in the same set, but `site1.example.com` gets hijacked by `evilsite.example.com`**: The impact of a site hijacking attack within a set isn't any worse than it would usually be, once the other sites are updated accordingly:
+  - The regular [Storage Access API](/en-US/docs/Web/API/Storage_Access_API) requires an active opt-in by the embedded site, so `site2.example.com` can stop calling `document.requestStorageAccess()` when it's embedded in `site1.example.com`, avoiding a {{glossary("CSRF")}} attack.
+  - Use of `requestStorageAccessFor()` requires [CORS](/en-US/docs/Web/HTTP/CORS), so `site2.example.com` could choose not to respond with the appropriate CORS headers when network requests are coming from `site1.example.com`, thereby avoiding a CSRF attack.
+
+## Examples
+
+- The [Related Website Sets demo](https://related-website-sets.glitch.me/) demonstrates how RWS is used.
+- Also see [Using the Storage Access API](/en-US/docs/Web/API/Storage_Access_API/Using).
+
+## Specifications
+
+{{Specifications}}
+
+### Standards positions
+
+One or more vendors oppose this specification. Known positions are as follows:
+
+- Mozilla (Firefox): [Negative](https://mozilla.github.io/standards-positions/#first-party-sets)
+- Apple (Safari): [Negative](https://webkit.org/standards-positions/#position-93)
+
+## See also
+
+- [Storage Access API](/en-US/docs/Web/API/Storage_Access_API)
+- [Related Website Sets](https://developer.chrome.com/docs/privacy-sandbox/related-website-sets/) on developer.chrome.com (2023)
+- [Related Website Sets: developer guide](https://developer.chrome.com/docs/privacy-sandbox/related-website-sets-integration/) on developer.chrome.com (2023)
diff --git a/files/en-us/web/api/storage_access_api/using/index.md b/files/en-us/web/api/storage_access_api/using/index.md
index c20834c2d1d347e..b0d8332606c20f6 100644
--- a/files/en-us/web/api/storage_access_api/using/index.md
+++ b/files/en-us/web/api/storage_access_api/using/index.md
@@ -6,13 +6,15 @@ page-type: guide
 
 {{DefaultAPISidebar("Storage Access API")}}
 
-The [Storage Access API](/en-US/docs/Web/API/Storage_Access_API) can be used by embedded cross-site documents to verify whether they have access to unpartitioned cookies and, if not, to request access. We'll briefly look at a common storage access scenario.
+The [Storage Access API](/en-US/docs/Web/API/Storage_Access_API) can be used by embedded cross-site documents to verify whether they have access to [third-party](/en-US/docs/Web/HTTP/Cookies#third-party_cookies) cookies and, if not, to request access. We'll briefly look at a common storage access scenario.
+
+> **Note:** When we talk about third-party cookies in the content of the Storage Access API, we implicitly mean [_unpartitioned_](/en-US/docs/Web/API/Storage_Access_API#unpartitioned_versus_partitioned_cookies) third-party cookies.
 
 ## Usage notes
 
-The Storage Access API is designed to allow embedded content to request access to unpartitioned cookies — most modern browsers block such access by default to protect user privacy. Since embedded content won't know what a browser's behavior is going to be in this regard, it's best to always check whether the embedded {{htmlelement("iframe")}} has storage access before attempting to read or write a cookie. This is particularly true for {{domxref("Document.cookie")}} access, as browsers will often return an empty cookie jar when third-party cookie access is blocked.
+The Storage Access API is designed to allow embedded content to request access to third-party cookies — most modern browsers block such access by default to protect user privacy. Since embedded content won't know what a browser's behavior is going to be in this regard, it's best to always check whether the embedded {{htmlelement("iframe")}} has storage access before attempting to read or write a cookie. This is particularly true for {{domxref("Document.cookie")}} access, as browsers will often return an empty cookie jar when third-party cookie access is blocked.
 
-In the example below, we show how an embedded cross-site {{htmlelement("iframe")}} can access unpartitioned cookies under a browser storage access policy that blocks third-party cookie access.
+In the example below, we show how an embedded cross-site {{htmlelement("iframe")}} can access third-party cookies under a browser storage access policy that would otherwise block access to them.
 
 ## Allowing a sandboxed \<iframe> to use the API
 
@@ -34,10 +36,10 @@ Now on to the code executed inside the embedded document. In this code:
 1. We first use feature detection (`if (document.hasStorageAccess) {}`) to check whether the API is supported. If not, we run our code that accesses cookies anyway, and hope that it works. It should be coded defensively to deal with such eventualities anyway.
 2. If the API is supported, we call `document.hasStorageAccess()`.
 3. If that call returns `true`, it means this {{htmlelement("iframe")}} has already obtained access, and we can run our code that accesses cookies right away.
-4. If that call returns `false`, we then call {{domxref("Permissions.query()")}} to check whether permission to access unpartitioned cookies has already been granted (i.e. to another same-site embed). We wrap this whole section in a [`try...catch`](/en-US/docs/Web/JavaScript/Reference/Statements/try...catch) block because some browsers don't support the `"storage-access"` permission, which can cause the `query()` call to throw. If it throws, we report that to the console and try running the cookie code anyway.
+4. If that call returns `false`, we then call {{domxref("Permissions.query()")}} to check whether permission to access third-party cookies has already been granted (i.e., to another same-site embed). We wrap this whole section in a [`try...catch`](/en-US/docs/Web/JavaScript/Reference/Statements/try...catch) block because [some browsers don't support the `"storage-access"` permission](/en-US/docs/Web/API/Storage_Access_API#api.permissions.permission_storage-access), which can cause the `query()` call to throw. If it throws, we report that to the console and try running the cookie code anyway.
 5. If the permission state is `"granted"`, we immediately call `document.requestStorageAccess()`. This call will automatically resolve, saving the user some time, then we can run our code that accesses cookies.
 6. If the permission state is `"prompt"`, we call `document.requestStorageAccess()` after user interaction. This call may trigger a prompt to the user. If this call resolves, then we can run our code that accesses cookies.
-7. If the permission state is `"denied"`, the user has denied our requests to access unpartitioned cookies, and our code cannot make use of them.
+7. If the permission state is `"denied"`, the user has denied our requests to access third-party cookies, and our code cannot use them.
 
 ```js
 function doThingsWithCookies() {
@@ -52,10 +54,10 @@ async function handleCookieAccess() {
   } else {
     const hasAccess = await document.hasStorageAccess();
     if (hasAccess) {
-      // We have access to unpartitioned cookies, so let's go
+      // We have access to third-party cookies, so let's go
       doThingsWithCookies();
     } else {
-      // Check whether unpartitioned cookie access has been granted
+      // Check whether third-party cookie access has been granted
       // to another same-site embed
       try {
         const permission = await navigator.permissions.query({
@@ -80,7 +82,7 @@ async function handleCookieAccess() {
             }
           });
         } else if (permission.state === "denied") {
-          // User has denied unpartitioned cookie access, so we'll
+          // User has denied third-party cookie access, so we'll
           // need to do something else
         }
       } catch (error) {
@@ -92,4 +94,88 @@ async function handleCookieAccess() {
 }
 ```
 
-> **Note:** `requestStorageAccess()` requests are automatically denied unless the embedded content is currently processing a user gesture such as a tap or click ({{Glossary("transient activation")}}), or if permission was already granted previously. If permission was not previously granted, they need to be run inside some kind of user gesture-based event handler, as shown above.
+> **Note:** `requestStorageAccess()` requests are automatically denied unless the embedded content is currently processing a user gesture such as a tap or click ({{Glossary("transient activation")}}), or if permission was already granted previously. If permission was not previously granted, `requestStorageAccess()` requests must be run inside a user gesture-based event handler, as shown above.
+
+### Related website sets
+
+The Chrome-only [related website sets](/en-US/docs/Web/API/Storage_Access_API/Related_website_sets) feature can be considered a progressive enhancement mechanism that works alongside the Storage Access API — supporting browsers grant default third-party cookie access between websites in the same set. This means not having to go through the usual user permission prompt workflow described above, meaning a more user-friendly experience for users of sites in the set.
+
+## Requesting storage access from the top-level site on behalf of embedded resources
+
+The Storage Access API features above allow an embedded document to request its own third-party cookie access. There is an additional experimental method available, {{domxref("Document.requestStorageAccessFor()")}}, a proposed extension to the Storage Access API that allows top-level sites to request storage access on behalf of specific related origins.
+
+The `requestStorageAccessFor()` method addresses challenges in adopting the Storage Access API on top-level sites that use cross-site images or scripts requiring cookies. It can enable third-party cookie access for cross-site resources directly embedded into the top-level site that are unable to request their own storage access, for example via {{htmlelement("img")}} or {{htmlelement("script")}} elements.
+
+For `requestStorageAccessFor()` to work, both the calling top-level page and the embedded resource it is requesting storage access for need to be part of the same [related website set](/en-US/docs/Web/API/Storage_Access_API/Related_website_sets).
+
+Typical usage of `requestStorageAccessFor()` looks like this (this time written in regular promise-style rather than async/await):
+
+```js
+navigator.permissions
+  .query({
+    name: "top-level-storage-access",
+    requestedOrigin: "https://example.com",
+  })
+  .then((permission) => {
+    if (permission.state === "granted") {
+      // Permission has already been granted
+      // No need to call requestStorageAccessFor() again, just start using cookies
+      doThingsWithCookies();
+    } else if (permission.state === "prompt") {
+      // Need to call requestStorageAccessFor() after a user interaction
+      btn.addEventListener("click", () => {
+        // Request storage access
+        rSAFor();
+      });
+    } else if (permission.state === "denied") {
+      // User has denied third-party cookie access, so we'll
+      // need to do something else
+    }
+  });
+
+function rSAFor() {
+  if ("requestStorageAccessFor" in document) {
+    document.requestStorageAccessFor("https://example.com").then(
+      (res) => {
+        doThingsWithCookies();
+      },
+      (err) => {
+        // Handle errors
+      },
+    );
+  }
+}
+```
+
+> **Note:** Unlike with `requestStorageAccess()`, Chrome doesn't check for an interaction in a top-level document within the last 30 days when `requestStorageAccessFor()` is called because the user is already on the page. See [Browser-specific variations > Chrome](/en-US/docs/Web/API/Storage_Access_API#chrome) for more details of this behavior.
+
+When querying permission status for storage access requests made on behalf of another origin, the permission name used is different from the rest of the Storage Access API: `"top-level-storage-access"` rather than `"storage-access"`. In the above code, we use the following call:
+
+```js
+navigator.permissions.query({
+  name: "top-level-storage-access",
+  requestedOrigin: "https://example.com",
+});
+```
+
+to discover if the origin has previously been granted permission or if cookie access still needs to be requested.
+
+- If the permission status is `"granted"` we can start using cookies; `requestStorageAccessFor()` was already called, so there is no need to call it again.
+- If the permission status is `"prompt"` we need to call `document.requestStorageAccessFor("https://example.com")` from within a user gesture, such as a button click.
+
+After the `"top-level-storage-access"` permission is granted, cross-site requests will include cookies if they include [CORS](/en-US/docs/Web/HTTP/CORS) / [`crossorigin`](/en-US/docs/Web/HTML/Attributes/crossorigin), so sites may want to wait before triggering a request. Such requests must use the [`credentials: "include"`](/en-US/docs/Web/API/fetch#credentials) option and resources must include the `crossorigin="use-credentials"` attribute.
+
+For example:
+
+```js
+function checkCookie() {
+  fetch("https://example.com/getcookies.json", {
+    method: "GET",
+    credentials: "include",
+  })
+    .then((response) => response.json())
+    .then((json) => {
+      // Do something
+    });
+}
+```
diff --git a/files/en-us/web/http/cookies/index.md b/files/en-us/web/http/cookies/index.md
index 2d86e16566f6e88..06ce8484240d140 100644
--- a/files/en-us/web/http/cookies/index.md
+++ b/files/en-us/web/http/cookies/index.md
@@ -198,9 +198,13 @@ A cookie is associated with a particular domain and scheme (such as `http` or `h
 If the cookie domain and scheme match the current page, the cookie is considered to be from the same site as the page, and is referred to as a _first-party cookie_.
 
 If the domain and scheme are different, the cookie is not considered to be from the same site, and is referred to as a _third-party cookie_.
-While the server hosting a web page sets first-party cookies, the page may contain images or other components stored on servers in other domains (for example, ad banners) that may set third-party cookies.
-These are mainly used for advertising and tracking across the web.
-For example, the [types of cookies used by Google](https://policies.google.com/technologies/types).
+While the server hosting a web page sets first-party cookies, the page may contain components stored on servers in other domains, such as images or other documents embedded in {{htmlelement("iframe")}}s. These components may set third-party cookies.
+
+> **Note:** Third-party cookies are sometimes referred to as _cross-site cookies_. This is arguably a more accurate name, as _third-party cookies_ imply ownership by a third-party company or organization. However, the behavior and potential issues are the same whether or not you own all the involved sites.
+
+Typical use cases for third-party cookies include sharing user profile information or collecting analytics across different related domains. They are also often used for advertising and tracking users across the web.
+
+> **Note:** Companies should disclose the types of cookies they use on their sites for transparency purposes and to comply with [regulations](#cookie-related_regulations). For example, see [Google's notice on the types of cookies it uses](https://policies.google.com/technologies/types) and Mozilla's [Websites, Communications & Cookies Privacy Notice](https://www.mozilla.org/en-US/privacy/websites/#cookies).
 
 A third-party server can create a profile of a user's browsing history and habits based on cookies sent to it by the same browser when accessing multiple sites.
 Firefox, by default, blocks third-party cookies that are known to contain trackers.
diff --git a/files/en-us/web/privacy/index.md b/files/en-us/web/privacy/index.md
index 6a4c59dbfd542df..e0547c1f0cf536b 100644
--- a/files/en-us/web/privacy/index.md
+++ b/files/en-us/web/privacy/index.md
@@ -125,8 +125,8 @@ Some of the most developed parts of the privacy sandbox project are as follows:
 
 - [Cookies Having Independent Partitioned State (CHIPS)](/en-US/docs/Web/Privacy/Partitioned_cookies)
   - : Also known as **partitioned cookies**, CHIPs allows developers to opt a cookie into partitioned storage, with a separate cookie jar per top-level site.
-- [First-party sets](https://developer.chrome.com/docs/privacy-sandbox/first-party-sets/)
-  - : A mechanism for a company to declare relationships between different origins. Supporting browsers will then allow limited third-party cookie access across those origins for specific purposes.
+- [Related website sets](/en-US/docs/Web/API/Storage_Access_API/Related_website_sets)
+  - : A mechanism for a company to declare relationships between different sites. Supporting browsers will then allow limited third-party cookie access across those sites for specific purposes, via the [Storage Access API](/en-US/docs/Web/API/Storage_Access_API).
 - Third-party cookie default
   - : Chrome does not yet block third-party cookies by default, but this can be set by users in Chrome settings.
 
@@ -203,7 +203,7 @@ Earlier on we discussed tracking, and some of the unethical purposes they are us
 Also recall from earlier that browsers are implementing a number of technologies to limit the usage of tracking cookies, especially cross-site cookies, with the eventual aim of removing them altogether. It is a good idea to prepare for this, by limiting the amount of tracking activities you rely on, and/or implementing desired information persistence in other ways. For example:
 
 - Use an alternative client-side storage mechanism such as [Web Storage](/en-US/docs/Web/API/Web_Storage_API) to persist data. This does have the downside that the data is stored per-origin, so it can't be shared.
-- Use a technology such as [IFrame credentialless](/en-US/docs/Web/Security/IFrame_credentialless), [First-party sets](https://developer.chrome.com/docs/privacy-sandbox/first-party-sets/) and/or the [Storage access API](/en-US/docs/Web/API/Storage_Access_API) to allow your sites to opt in to using cross-site cookies in a safe, controlled way, or block them altogether. These currently have limited browser support.
+- Use a technology such as the [Storage Access API](/en-US/docs/Web/API/Storage_Access_API) to allow your sites to opt-in to using cross-site cookies in a safe and controlled way.
 - Use a server-side solution for data persistence.
 
 > **Note:** To reiterate what we said earlier, make sure you clearly communicate to your users what you are doing via your privacy policy, allow them to opt-in, and easily delete their data if they change their mind at a later date.
diff --git a/files/en-us/web/privacy/partitioned_cookies/index.md b/files/en-us/web/privacy/partitioned_cookies/index.md
index 64e7b14e5f89eeb..0ee0a3b4e0587b3 100644
--- a/files/en-us/web/privacy/partitioned_cookies/index.md
+++ b/files/en-us/web/privacy/partitioned_cookies/index.md
@@ -54,8 +54,6 @@ Blocking all third-party cookies would currently be problematic, for example in
 2. The storage key for the cookie would be `{("https://shoppy.example"), ("3rd-party.example/chat")}`.
 3. The user visits various subdomains in the quest to solve their problem that also embed `https://3rd-party.example/chat`, including `https://support.shoppy.example` and `https://checkout.shoppy.example`. The new embedded instances are able to access the cookie because the partition key still matches.
 
-> **Note:** [First-party sets](https://github.com/WICG/first-party-sets) is a proposal that aims to allow site owners to declare a collection of related domains that will act like they are a single top-level site, for the purposes of cookie access mechanisms like CHIPS.
-
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/security/index.md b/files/en-us/web/security/index.md
index 394fdf09ebdc7ac..c39828b06d256c1 100644
--- a/files/en-us/web/security/index.md
+++ b/files/en-us/web/security/index.md
@@ -92,7 +92,7 @@ You should prepare for the removal of cross-site cookies by limiting the amount
 For example:
 
 - Use an alternative client-side storage mechanism such as the [Web Storage API](/en-US/docs/Web/API/Web_Storage_API) to persist data. Web storage does have the downside that the data is stored per-origin, so it can't be shared. Note that web storage has two variants — `sessionStorage` and `localStorage`. We would recommend using `sessionStorage` for extra security, as data only persists for the lifetime of the window or tab it exists in. `localStorage` data persists even after the window or tab is closed and reopened. This means that there is a higher chance of it falling into the wrong hands, for example on a shared workstation.
-- Use a technology such as [IFrame credentialless](/en-US/docs/Web/Security/IFrame_credentialless), [First-party sets](https://developer.chrome.com/docs/privacy-sandbox/first-party-sets/) and/or the [Storage Access API](/en-US/docs/Web/API/Storage_Access_API) to allow your sites to opt-in to using cross-site cookies in a safe and controlled way or block them altogether. These technologies currently have limited browser support.
+- Use a technology such as the [Storage Access API](/en-US/docs/Web/API/Storage_Access_API) to allow your sites to opt-in to using cross-site cookies in a safe and controlled way.
 - Use a server-side solution for data persistence.
 
 See our [privacy guide](/en-US/docs/Web/Privacy) and particularly [Cut down on tracking cookies](/en-US/docs/Web/Privacy#cut_down_on_tracking_cookies) for more context around this.
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 734b1ac00d31034..be461b74ca8290b 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -1351,11 +1351,15 @@
     },
     "Storage Access API": {
       "overview": ["Storage Access API"],
-      "guides": ["/docs/Web/API/Storage_Access_API/Using"],
+      "guides": [
+        "/docs/Web/API/Storage_Access_API/Using",
+        "/docs/Web/API/Storage_Access_API/Related_website_sets"
+      ],
       "interfaces": [],
       "methods": [
         "Document.hasStorageAccess()",
-        "Document.requestStorageAccess()"
+        "Document.requestStorageAccess()",
+        "Document.requestStorageAccessFor()"
       ],
       "properties": [],
       "events": []

From 0f445d840bbe4361685121828e67413901705d21 Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Wed, 20 Dec 2023 10:21:52 +0000
Subject: [PATCH 042/790] feat: Add content for getDisplayMedia()
 monitorTypeSurfaces option (#30851)

* Add data for getDisplayMedia() monitorTypeSurfaces option

* Add link to screen sharing controls demo

* fix linting error
---
 .../api/mediadevices/getdisplaymedia/index.md | 29 +++++++++++++++++--
 .../displaysurface/index.md                   |  2 ++
 .../using_screen_capture/index.md             | 22 ++++++++++++--
 3 files changed, 47 insertions(+), 6 deletions(-)

diff --git a/files/en-us/web/api/mediadevices/getdisplaymedia/index.md b/files/en-us/web/api/mediadevices/getdisplaymedia/index.md
index ddd55bb32eac8ef..e594d256006fa4d 100644
--- a/files/en-us/web/api/mediadevices/getdisplaymedia/index.md
+++ b/files/en-us/web/api/mediadevices/getdisplaymedia/index.md
@@ -26,13 +26,21 @@ getDisplayMedia(options)
 ### Parameters
 
 - `options` {{optional_inline}}
+
   - : An optional object specifying requirements for the returned {{domxref("MediaStream")}}. The options for `getDisplayMedia()` work in the same as the [constraints](/en-US/docs/Web/API/MediaDevices/getUserMedia#parameters) for the {{domxref("MediaDevices.getUserMedia()")}} method, although in that case only `audio` and `video` can be specified. The list of possible option properties for `getDisplayMedia()` is as follows:
+
     - `video` {{optional_inline}}
       - : A boolean or a {{domxref("MediaTrackConstraints")}} instance; the default value is `true`. If this option is omitted or set to `true`, the stream will contain a video track A value of `true` indicates that the returned {{domxref("MediaStream")}} will contain a video track. Since `getDisplayMedia()` requires a video track, if this option is set to `false` the promise will reject with a `TypeError`.
     - `audio` {{optional_inline}}
       - : A boolean or a {{domxref("MediaTrackConstraints")}} instance; the default value is `false`. A value of `true` indicates that the returned {{domxref("MediaStream")}} will contain an audio track, if audio is supported and available for the display surface chosen by the user.
     - `controller` {{Experimental_Inline}} {{optional_inline}}
       - : A {{domxref("CaptureController")}} object instance containing methods that can be used to further manipulate the capture session if included.
+    - `monitorTypeSurfaces` {{optional_inline}}
+
+      - : An enumerated value specifying whether the browser should offer entire screens in the screen capture options presented to the user alongside tab and window options. This option is intended to protect companies from leakage of private information through employee error when using video conferencing apps. Possible values are `include`, which hints that the browser should include screen options, and `exclude`, which hints that they should be excluded. A default value is not mandated by the spec; see the [Browser compatibility](#browser_compatibility) section for browser-specific defaults.
+
+        > **Note:** You cannot set `monitorTypeSurfaces: "exclude"` at the same time as [`displaySurface: "monitor"`](/en-US/docs/Web/API/MediaTrackConstraints/displaySurface) as the two settings are contradictory. Trying to do so will result in the `getDisplayMedia()` call failing with a `TypeError`.
+
     - `preferCurrentTab` {{non-standard_inline}} {{Experimental_Inline}} {{optional_inline}}
       - : A boolean; a value of `true` instructs the browser to offer the current tab as the most prominent capture source, i.e. as a separate "This Tab" option in the "Choose what to share" options presented to the user. This is useful as many app types generally just want to share the current tab. For example, a slide deck app might want to let the user stream the current tab containing the presentation to a virtual conference. A default value is not mandated by the spec; see the [Browser compatibility](#browser_compatibility) section for browser-specific defaults.
     - `selfBrowserSurface` {{Experimental_Inline}} {{optional_inline}}
@@ -97,12 +105,25 @@ details measures browsers are required to take in order to fully support
 
 ## Examples
 
-In the example below, a `startCapture()` method is created which initiates
+In the example below a `startCapture()` method is created, which initiates
 screen capture given a set of options specified by the `displayMediaOptions`
-parameter. The options are specified in an object which specifies the preferred stream
-configuration and the [display surface](/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture#visible_vs_logical_display_surfaces) from which video is to be captured.
+parameter.
 
 ```js
+const displayMediaOptions = {
+  video: {
+    displaySurface: "browser",
+  },
+  audio: {
+    suppressLocalAudioPlayback: false,
+  },
+  preferCurrentTab: false,
+  selfBrowserSurface: "exclude",
+  systemAudio: "include",
+  surfaceSwitching: "include",
+  monitorTypeSurfaces: "include",
+};
+
 async function startCapture(displayMediaOptions) {
   let captureStream;
 
@@ -122,6 +143,8 @@ requested by the specified options. The stream is then returned to the caller fo
 perhaps for adding to a WebRTC call using {{domxref("RTCPeerConnection.addTrack()")}} to
 add the video track from the stream.
 
+> **Note:** The [Screen sharing controls](https://screen-sharing-controls.glitch.me/) demo provides a complete implementation that allows you to create a screen capture with your choice of `getDisplayMedia()` constraints and options.
+
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/mediatrackconstraints/displaysurface/index.md b/files/en-us/web/api/mediatrackconstraints/displaysurface/index.md
index 0add7c13f5a694a..8474b2aefc31e25 100644
--- a/files/en-us/web/api/mediatrackconstraints/displaysurface/index.md
+++ b/files/en-us/web/api/mediatrackconstraints/displaysurface/index.md
@@ -21,6 +21,8 @@ This value _does not_ add or remove display sources in the browser's user interf
 
 See [how constraints are defined](/en-US/docs/Web/API/Media_Capture_and_Streams_API/Constraints#how_constraints_are_defined).
 
+> **Note:** You cannot set [`monitorTypeSurfaces: "exclude"`](/en-US/docs/Web/API/MediaDevices/getDisplayMedia#monitortypesurfaces) at the same time as `displaySurface: "monitor"` as the two settings are contradictory. Trying to do so will result in the associated `getDisplayMedia()` call failing with a `TypeError`.
+
 ## Usage notes
 
 You can check the setting selected by the user agent after the display media has been
diff --git a/files/en-us/web/api/screen_capture_api/using_screen_capture/index.md b/files/en-us/web/api/screen_capture_api/using_screen_capture/index.md
index 8beefff62605be4..39299cf9d2d353e 100644
--- a/files/en-us/web/api/screen_capture_api/using_screen_capture/index.md
+++ b/files/en-us/web/api/screen_capture_api/using_screen_capture/index.md
@@ -13,7 +13,23 @@ In this article, we will examine how to use the Screen Capture API and its {{dom
 
 ## Capturing screen contents
 
-Capturing screen contents as a live {{domxref("MediaStream")}} is initiated by calling {{domxref("MediaDevices.getDisplayMedia", "navigator.mediaDevices.getDisplayMedia()")}}, which returns a promise that resolves to a stream containing the live screen contents.
+Capturing screen contents as a live {{domxref("MediaStream")}} is initiated by calling {{domxref("MediaDevices.getDisplayMedia", "navigator.mediaDevices.getDisplayMedia()")}}, which returns a promise that resolves to a stream containing the live screen contents. The `displayMediaOptions` object referenced in the below examples might look something like this:
+
+```js
+const displayMediaOptions = {
+  video: {
+    displaySurface: "browser",
+  },
+  audio: {
+    suppressLocalAudioPlayback: false,
+  },
+  preferCurrentTab: false,
+  selfBrowserSurface: "exclude",
+  systemAudio: "include",
+  surfaceSwitching: "include",
+  monitorTypeSurfaces: "include",
+};
+```
 
 ### Starting screen capture: `async`/`await` style
 
@@ -89,7 +105,7 @@ Before starting a project that will require sharing of audio, be sure to check t
 To request that the screen be shared with included audio, the options passed into `getDisplayMedia()` might look like this:
 
 ```js
-const gdmOptions = {
+const displayMediaOptions = {
   video: true,
   audio: true,
 };
@@ -98,7 +114,7 @@ const gdmOptions = {
 This allows the user total freedom to select whatever they want, within the limits of what the user agent supports. This could be refined further by specifying additional options, and constraints inside the `audio` and `video` objects:
 
 ```js
-const gdmOptions = {
+const displayMediaOptions = {
   video: {
     displaySurface: "window",
   },

From be7098406844ec184eaa6e1bf59ac509a69cff7a Mon Sep 17 00:00:00 2001
From: Pascal Wichmann <wichmannpas@users.noreply.github.com>
Date: Wed, 20 Dec 2023 11:46:57 +0100
Subject: [PATCH 043/790] More precise URL credential deprecation explanation
 (addresses #30921) (#30922)

This corrects the imprecise Chrome statement explained in #30921. In addition, it adds the information that Firefox shows a prompt both when the site requires authentication and when it does not.
---
 files/en-us/web/http/authentication/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/authentication/index.md b/files/en-us/web/http/authentication/index.md
index 262e44d873f3d6a..ef4bd75634a4bf1 100644
--- a/files/en-us/web/http/authentication/index.md
+++ b/files/en-us/web/http/authentication/index.md
@@ -154,7 +154,7 @@ https://username:password@www.example.com/
 ```
 
 **The use of these URLs is deprecated**.
-In Chrome, the `username:password@` part in URLs is even [stripped out](https://crbug.com/82250#c7) for security reasons. In Firefox, it is checked if the site actually requires authentication and if not, Firefox will warn the user with a prompt "You are about to log in to the site `www.example.com` with the username `username`, but the website does not require authentication. This may be an attempt to trick you."
+In Chrome, the `username:password@` part in URLs is [removed from subresource URLs](https://codereview.chromium.org/2651943002) for security reasons. In Firefox, it is checked if the site actually requires authentication and if not, Firefox will warn the user with a prompt "You are about to log in to the site `www.example.com` with the username `username`, but the website does not require authentication. This may be an attempt to trick you." In case the site does require authentication, Firefox will still ask for user confirmation "You are about to log in to the site `www.example.com` with the username `username`." before sending the credentials to the site. Note that Firefox sends the request without credentials in both cases before showing the prompt in order to determine whether the site requires authentication.
 
 ## See also
 

From 8223e32d4ba822cc61965e47e324f9c7e1e5ab56 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 20 Dec 2023 14:50:12 +0000
Subject: [PATCH 044/790] added release note for hr in select (#31170)

* added release note for hr in select

* Update files/en-us/mozilla/firefox/releases/122/index.md

Co-authored-by: Zach Fox <3409031+zfox23@users.noreply.github.com>

---------

Co-authored-by: Zach Fox <3409031+zfox23@users.noreply.github.com>
---
 files/en-us/mozilla/firefox/releases/122/index.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index 629e15ec93432fa..f0251c367e9fe17 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -14,6 +14,8 @@ This article provides information about the changes in Firefox 122 that affect d
 
 ### HTML
 
+- {{HTMLElement("hr")}} elements are now allowed as children of {{HTMLElement("select")}} elements. This is a new feature that improves the readability of select lists with many options. ([Firefox bug 1830909](https://bugzil.la/1830909)).
+
 #### Removals
 
 ### CSS

From 838ad73fea41bd219b8f9cec0eb5b110177b236e Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 20 Dec 2023 15:03:40 +0000
Subject: [PATCH 045/790] Bump @mdn/yari from 2.38.1 to 2.38.2 (#31171)

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

diff --git a/package.json b/package.json
index f2f86a479b62acf..2223982d83625cc 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
   "dependencies": {
     "@apideck/better-ajv-errors": "^0.3.6",
     "@caporal/core": "^2.0.7",
-    "@mdn/yari": "2.38.1",
+    "@mdn/yari": "2.38.2",
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "async": "^3.2.5",
diff --git a/yarn.lock b/yarn.lock
index 296e3212ee5f00c..b8567070813368b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -761,15 +761,15 @@
   resolved "https://registry.yarnpkg.com/@mdn/bcd-utils-api/-/bcd-utils-api-0.0.5.tgz#9587c6b592e87f8a5ccab80ccdd8b5184f867922"
   integrity sha512-+8zfCGZzBoAoLK6jYnOm9Xa2LcdNRDVrUXatuBNuGJHyt7tpR+k/+de2LSGHiU34TYrfAXk7g9x8/IpXR+4zhw==
 
-"@mdn/browser-compat-data@^5.4.5":
-  version "5.4.5"
-  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.4.5.tgz#9ac6b967ef372098a802dd8efa4766cf25c525d9"
-  integrity sha512-n3/+wko8WFd/fbiPCOuBB6HfKL6hTcygFEZ/MpmvpMRbgDSdlNMopDFGjsoTYqCbzTVTX9TL/StXco4yx2v58Q==
+"@mdn/browser-compat-data@^5.5.0":
+  version "5.5.1"
+  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.1.tgz#cd480874a4ebb97010f488feb8204ac035a86332"
+  integrity sha512-uKCxAlG5dqNEuCqGSAHa8cSFCZujnv0SRBOuMWMLiza4YK/eSiyNlMwXtWJSrRmeCT+33DBk1VUtAcZdSRdA+g==
 
-"@mdn/yari@2.38.1":
-  version "2.38.1"
-  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.38.1.tgz#7815d6dd54e24eda12b6da26124ed6cb05f7e450"
-  integrity sha512-blxKwFxTTkVnfnZh/ySmsQazPDms2AVwj/BB9+FdnhWzIqnBCyHERfdrVuTGESBKgCo5v0UMoAPwhja3lqBExg==
+"@mdn/yari@2.38.2":
+  version "2.38.2"
+  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.38.2.tgz#9fb7092de552c6d6c175b885b9321532174ead85"
+  integrity sha512-IO+BbIMWCnPfSvUCp8OGr+I0yHV90tjig/iR9Dw8gh7nrxgXn6ATMp7sI9yn5ZceUX2mSbQrrLXx+3XRlORNTg==
   dependencies:
     "@caporal/core" "^2.0.7"
     "@codemirror/lang-css" "^6.2.1"
@@ -779,10 +779,10 @@
     "@codemirror/theme-one-dark" "^6.1.2"
     "@fast-csv/parse" "^4.3.6"
     "@mdn/bcd-utils-api" "^0.0.5"
-    "@mdn/browser-compat-data" "^5.4.5"
+    "@mdn/browser-compat-data" "^5.5.0"
     "@mozilla/glean" "2.0.5"
-    "@sentry/integrations" "^7.87.0"
-    "@sentry/node" "^7.87.0"
+    "@sentry/integrations" "^7.88.0"
+    "@sentry/node" "^7.88.0"
     "@stripe/stripe-js" "^2.2.1"
     "@use-it/interval" "^1.0.0"
     "@vscode/ripgrep" "^1.15.9"
@@ -827,7 +827,7 @@
     mdn-data "^2.3.0"
     open "^9.1.0"
     open-editor "^4.1.1"
-    openai "^4.21.0"
+    openai "^4.23.0"
     prism-svelte "^0.5.0"
     prismjs "^1.29.0"
     react-markdown "^9.0.1"
@@ -848,7 +848,7 @@
     unified "^11.0.4"
     unist-builder "^4.0.0"
     unist-util-visit "^5.0.0"
-    web-features "^0.5.0-alpha.2"
+    web-features "^0.5.0"
     web-specs "^2.75.1"
 
 "@mozilla/glean@2.0.5":
@@ -882,55 +882,55 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@sentry-internal/tracing@7.88.0":
-  version "7.88.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.88.0.tgz#c820bde835c4af576781f8b818eed5085e417927"
-  integrity sha512-xXQdcYhsS+ourzJHjXNjZC9zakuc97udmpgaXRjEP7FjPYclIx+YXwgFBdHM2kzAwZLFOsEce5dr46GVXUDfZw==
+"@sentry-internal/tracing@7.90.0":
+  version "7.90.0"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.90.0.tgz#cd21662dbfa3d90d34e91eabd875a1616717d3d3"
+  integrity sha512-74jEtpdio9aRkiVBcrY1ZJXek0oFMqxDJK6BkJNCA+aUK1z96V9viehANRk3Nbxm01rWjmH1U4e1siuo9FhjuQ==
   dependencies:
-    "@sentry/core" "7.88.0"
-    "@sentry/types" "7.88.0"
-    "@sentry/utils" "7.88.0"
+    "@sentry/core" "7.90.0"
+    "@sentry/types" "7.90.0"
+    "@sentry/utils" "7.90.0"
 
-"@sentry/core@7.88.0":
-  version "7.88.0"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.88.0.tgz#46f1526e9b98de96a0e93fd69917a990db5d5a37"
-  integrity sha512-Jzbb7dcwiCO7kI0a1w+32UzWxbEn2OcZWzp55QMEeAh6nZ/5CXhXwpuHi0tW7doPj+cJdmxMTMu9LqMVfdGkzQ==
+"@sentry/core@7.90.0":
+  version "7.90.0"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.90.0.tgz#dfd8e3e4eec4b140681ddb21a3fea848fcab7a01"
+  integrity sha512-HolpdHjULCwehKPWHR6IPQM0NBjmORhlBU7FtCh/e8TtSkZ9ztPsuofNBomMS1+mdbL+yxOIc9KUYEl0zRfeAQ==
   dependencies:
-    "@sentry/types" "7.88.0"
-    "@sentry/utils" "7.88.0"
+    "@sentry/types" "7.90.0"
+    "@sentry/utils" "7.90.0"
 
-"@sentry/integrations@^7.87.0":
-  version "7.88.0"
-  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.88.0.tgz#38179405ff6673a9526cebbea656c7c6c69ccd06"
-  integrity sha512-YBYPAtJeylMaaCmGntgiDpp1nk3IT6+FBXsmHxMdTKlrpt5ELj/jcc8gEgaRNeSBjx4Kv1OVzmZcYyWwEhkR4Q==
+"@sentry/integrations@^7.88.0":
+  version "7.90.0"
+  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.90.0.tgz#763038603144ef8bd9fa5b8593be2775cf60d6e5"
+  integrity sha512-Eba1gbXkh08Ov/DuI/oQdi8a17lE0XMTkw2RtPrrvBWkYjdwEE0eI6Ls23BemTqm3+JNzTCPBzuJwdUq3yWbnw==
   dependencies:
-    "@sentry/core" "7.88.0"
-    "@sentry/types" "7.88.0"
-    "@sentry/utils" "7.88.0"
+    "@sentry/core" "7.90.0"
+    "@sentry/types" "7.90.0"
+    "@sentry/utils" "7.90.0"
     localforage "^1.8.1"
 
-"@sentry/node@^7.87.0":
-  version "7.88.0"
-  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.88.0.tgz#e57cf7b5bfe74e70bb53ffb6ee30e92f4576870a"
-  integrity sha512-X6Xyh7AEitnWqn1CHQrmsUqRn0GKj/6nPE5VC2DLQfHiFH1Fknrt+csFzDchQ/86awXYwuY4Le5ECEH//X/WzQ==
+"@sentry/node@^7.88.0":
+  version "7.90.0"
+  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.90.0.tgz#083bbdc053426d491281bff6f8a238600dd93e99"
+  integrity sha512-VjDI2MCkidoFEzrMa1gqmwYt1sUhYnu+zoFF5P5jgapTVVJ5xc2b7k/lS62U6IsfxHNrIdTtQHsrbCS5+s0GvQ==
   dependencies:
-    "@sentry-internal/tracing" "7.88.0"
-    "@sentry/core" "7.88.0"
-    "@sentry/types" "7.88.0"
-    "@sentry/utils" "7.88.0"
+    "@sentry-internal/tracing" "7.90.0"
+    "@sentry/core" "7.90.0"
+    "@sentry/types" "7.90.0"
+    "@sentry/utils" "7.90.0"
     https-proxy-agent "^5.0.0"
 
-"@sentry/types@7.88.0":
-  version "7.88.0"
-  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.88.0.tgz#b3a09733a7bfad3634687b77764c5767d646d6e7"
-  integrity sha512-FvwvmX1pWAZKicPj4EpKyho8Wm+C4+r5LiepbbBF8oKwSPJdD2QV1fo/LWxsrzNxWOllFIVIXF5Ed3nPYQWpTw==
+"@sentry/types@7.90.0":
+  version "7.90.0"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.90.0.tgz#72797abd790fc3de546d42600752004a7f7d07d0"
+  integrity sha512-dA0Mtba5jYlcQ6xBsGILZuFq4NGrWLfr2ys036z2JE4H1+3PxOVERlD3Di7p+WKYM5gjFw10Hn3EgUV979E3dA==
 
-"@sentry/utils@7.88.0":
-  version "7.88.0"
-  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.88.0.tgz#704e79f14047080564c3e5231028f1cef8824e9f"
-  integrity sha512-ukminfRmdBXTzk49orwJf3Lu3hR60ZRHjE2a4IXwYhyDT6JJgJqgsq1hzGXx0AyFfyS4WhfZ6QUBy7fu3BScZQ==
+"@sentry/utils@7.90.0":
+  version "7.90.0"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.90.0.tgz#d4eea6392af7498c7be03205151ad11ea8707915"
+  integrity sha512-6BpqAzONm/HQbdlL4TY2W2vBSmaG/eVvwUaHoz0wB49EkWwpF6j/SO9Kb/XkiA/qp9GoJVXpnGBFQLPx7kv/Yw==
   dependencies:
-    "@sentry/types" "7.88.0"
+    "@sentry/types" "7.90.0"
 
 "@sinclair/typebox@^0.27.8":
   version "0.27.8"
@@ -5930,10 +5930,10 @@ open@^9.1.0:
     is-inside-container "^1.0.0"
     is-wsl "^2.2.0"
 
-openai@^4.21.0:
-  version "4.21.0"
-  resolved "https://registry.yarnpkg.com/openai/-/openai-4.21.0.tgz#8560ad4541b55af52c7c1c68857e94be1fed6827"
-  integrity sha512-HT0Jm2iGI5+Maq7Da/DPTeIAxNvpa5pamkhlNnJJAqJgVjaFDvMUBjGhFJoVohkYWwZjM9oSyfSC0eoVNPioaQ==
+openai@^4.23.0:
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/openai/-/openai-4.24.0.tgz#0870accfd7a4a95375d5fe2caacb46b809da5611"
+  integrity sha512-h8fsas4lu0ul18oDzFIZpEQryh2SJEUJWanyfEwjME/klcKWZM/blDz2cKiT+aFBqPJzcYdCUj/8E7n20f0jEw==
   dependencies:
     "@types/node" "^18.11.18"
     "@types/node-fetch" "^2.6.4"
@@ -7757,10 +7757,10 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
-web-features@^0.5.0-alpha.2:
-  version "0.5.0-alpha.2"
-  resolved "https://registry.yarnpkg.com/web-features/-/web-features-0.5.0-alpha.2.tgz#b95e614ce80fe0a0b728eeb4532bec14e6c3d422"
-  integrity sha512-yYIOX1EAp7SOhVKefA3kMkQLH78hfoMeJ8UjatXRzxB2O9vt134Xto1m8OrJdHCAq1h+yZJQIxZiX/PXv7XlPQ==
+web-features@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/web-features/-/web-features-0.5.0.tgz#557d970db002c265bf2e08221436114e14dbf320"
+  integrity sha512-FdBZZdaYfvAeR5G2KE0gL+/fiQ/OBvLgOk08wWyCYll81KwkYNetgHajjQMwGmpljURqdXn3rtd94bx6cA+r0w==
 
 web-namespaces@^2.0.0:
   version "2.0.1"

From b68049936ef4d1328e07065eafc87e3e43e826af Mon Sep 17 00:00:00 2001
From: Lorand Zudor <73345417+lzudor-omnitech@users.noreply.github.com>
Date: Wed, 20 Dec 2023 17:10:27 +0200
Subject: [PATCH 046/790] Remove mention of SMIL being deprecated in Chrome
 (#31172)

* Update index.md

SMIL was never deprecated by Chrome or it's not even something not recommended.

Given thread itself is deprecated & 8 years old:
https://groups.google.com/a/chromium.org/g/blink-dev/c/5o0yiO440LM/m/YGEJBsjUAwAJ

I'd remove the warning.

* Update files/en-us/web/svg/svg_animation_with_smil/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/svg/svg_animation_with_smil/index.md | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/files/en-us/web/svg/svg_animation_with_smil/index.md b/files/en-us/web/svg/svg_animation_with_smil/index.md
index 1de7b96fed5bc65..276371507c03cb6 100644
--- a/files/en-us/web/svg/svg_animation_with_smil/index.md
+++ b/files/en-us/web/svg/svg_animation_with_smil/index.md
@@ -6,9 +6,7 @@ page-type: guide
 
 {{SVGRef}}
 
-> **Warning:** Although Chrome 45 deprecated SMIL in favor of CSS animations and Web animations, the Chrome developers have since [suspended](https://groups.google.com/a/chromium.org/d/msg/blink-dev/5o0yiO440LM/YGEJBsjUAwAJ) that deprecation.
-
-Firefox 4 introduced support for animating [SVG](/en-US/docs/Web/SVG) using [Synchronized Multimedia Integration Language](https://www.w3.org/TR/REC-smil/) (SMIL). SMIL allows you to:
+[Synchronized Multimedia Integration Language](https://www.w3.org/TR/REC-smil/) (SMIL) is an extension of [SVG](/en-US/docs/Web/SVG) allowing to animating SVG elements. SMIL allows you to:
 
 - animate the numeric attributes of an element (x, y, …)
 - animate transform attributes (translation or rotation)

From b5ff564fdfbe30924190cbb5a71afa294ca6aba0 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Thu, 21 Dec 2023 02:51:11 +1100
Subject: [PATCH 047/790] FF122 Experimental Features: Clipboard API (#31140)

---
 .../firefox/experimental_features/index.md    | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index 401208f43282699..83c62a76ec8ebcc 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -1793,7 +1793,8 @@ Enabling this feature adds the {{domxref("HTMLMediaElement.audioTracks")}} and {
 
 #### ClipboardItem
 
-The {{domxref('ClipboardItem')}} interface of the {{domxref('Clipboard API')}} is now supported and {{domxref('Clipboard.write()')}} accepts a sequence of {{domxref('ClipboardItem','clipboard items')}} instead of the previously implemented {{domxref('DataTransfer','dataTransfer object')}}. It is available behind the pref `dom.events.asyncClipboard.clipboardItem` which was previously `dom.events.asyncClipboard.dataTransfer`. See [Firefox bug 1619947](https://bugzil.la/1619947) for more details.
+The {{domxref('ClipboardItem')}} interface of the {{domxref('Clipboard API')}} is now supported. It is available in nightly or early beta builds.
+(See [Firefox bug 1809106](https://bugzil.la/1809106) for more details.)
 
 <table>
   <thead>
@@ -1806,8 +1807,8 @@ The {{domxref('ClipboardItem')}} interface of the {{domxref('Clipboard API')}} i
   <tbody>
     <tr>
       <th>Nightly</th>
-      <td>87</td>
-      <td>No</td>
+      <td>122</td>
+      <td>Yes</td>
     </tr>
     <tr>
       <th>Developer Edition</th>
@@ -1816,8 +1817,8 @@ The {{domxref('ClipboardItem')}} interface of the {{domxref('Clipboard API')}} i
     </tr>
     <tr>
       <th>Beta</th>
-      <td>87</td>
-      <td>No</td>
+      <td>122</td>
+      <td>Yes</td>
     </tr>
     <tr>
       <th>Release</th>
@@ -1831,9 +1832,10 @@ The {{domxref('ClipboardItem')}} interface of the {{domxref('Clipboard API')}} i
   </tbody>
 </table>
 
-#### ClipboardRead
+#### Clipboard read and write
 
-The [Clipboard.read()](/en-US/docs/Web/API/Clipboard/read) method of the {{domxref('Clipboard')}} interface is also now available under the `dom.events.asyncClipboard.read` preference, when previously it was under `dom.events.asyncClipboard.clipboardItem`. (See [Firefox bug 1701512](https://bugzil.la/1701512) for more details.)
+The [Clipboard.read()](/en-US/docs/Web/API/Clipboard/read), [Clipboard.readText()](/en-US/docs/Web/API/Clipboard/readText), and [Clipboard.write()](/en-US/docs/Web/API/Clipboard/write) methods of the {{domxref('Clipboard')}} interface are now available in nightly and early beta builds
+(See [Firefox bug 1809106](https://bugzil.la/1809106) for more details.)
 
 <table>
   <thead>
@@ -1846,8 +1848,8 @@ The [Clipboard.read()](/en-US/docs/Web/API/Clipboard/read) method of the {{domxr
   <tbody>
     <tr>
       <th>Nightly</th>
-      <td>90</td>
-      <td>No</td>
+      <td>122</td>
+      <td>Yes</td>
     </tr>
     <tr>
       <th>Developer Edition</th>
@@ -1856,7 +1858,7 @@ The [Clipboard.read()](/en-US/docs/Web/API/Clipboard/read) method of the {{domxr
     </tr>
     <tr>
       <th>Beta</th>
-      <td>90</td>
+      <td>Yes</td>
       <td>No</td>
     </tr>
     <tr>
@@ -1866,7 +1868,7 @@ The [Clipboard.read()](/en-US/docs/Web/API/Clipboard/read) method of the {{domxr
     </tr>
     <tr>
       <th>Preference name</th>
-      <td colspan="2"><code>dom.events.asyncClipboard.read</code></td>
+      <td colspan="2"><code>dom.events.asyncClipboard.readText</code> and <code>dom.events.asyncClipboard.clipboardItem</code></td>
     </tr>
   </tbody>
 </table>

From 0b3424301773ced0819bab705b5253b5656f1211 Mon Sep 17 00:00:00 2001
From: YecineM <45966855+YecineM@users.noreply.github.com>
Date: Wed, 20 Dec 2023 21:09:12 +0100
Subject: [PATCH 048/790] backface-visibility property (#31173)

Hi. backface-visibility has no effect when declared for .cube class. It must be declared for .face class elements instead. Try "hidden" instead of "visible", so that you can check that out.
---
 .../web/css/css_transforms/using_css_transforms/index.md      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/css_transforms/using_css_transforms/index.md b/files/en-us/web/css/css_transforms/using_css_transforms/index.md
index b1169918f5c15a9..dfcbbe81749bd84 100644
--- a/files/en-us/web/css/css_transforms/using_css_transforms/index.md
+++ b/files/en-us/web/css/css_transforms/using_css_transforms/index.md
@@ -171,7 +171,6 @@ The CSS establishes classes that can be used to set the perspective to different
 .cube {
   width: 100%;
   height: 100%;
-  backface-visibility: visible;
   perspective-origin: 150% 150%;
   transform-style: preserve-3d;
 }
@@ -187,6 +186,7 @@ The CSS establishes classes that can be used to set the perspective to different
   font-size: 60px;
   color: white;
   text-align: center;
+  backface-visibility: visible;
 }
 
 /* Define each face based on direction */
@@ -468,7 +468,6 @@ This example shows cubes with popular `perspective-origin` values.
 .cube {
   width: 100%;
   height: 100%;
-  backface-visibility: visible;
   perspective: 300px;
   transform-style: preserve-3d;
 }
@@ -484,6 +483,7 @@ This example shows cubes with popular `perspective-origin` values.
   font-size: 60px;
   color: white;
   text-align: center;
+  backface-visibility: visible;
 }
 
 /* Define each face based on direction */

From 1c44eb06768fc5454366b7565cc734d9a26d16b4 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Wed, 20 Dec 2023 13:44:03 -0800
Subject: [PATCH 049/790] Standardize a11y header (#31180)

* Standardize header

* Standardize header
---
 .../en-us/web/accessibility/aria/roles/separator_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/tablist_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/term_role/index.md     | 2 +-
 files/en-us/web/accessibility/aria/roles/toolbar_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/tooltip_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/treegrid_role/index.md | 2 +-
 files/en-us/web/api/window/open/index.md                        | 2 +-
 files/en-us/web/css/color_value/index.md                        | 2 +-
 files/en-us/web/css/important/index.md                          | 2 +-
 files/en-us/web/html/attributes/pattern/index.md                | 2 +-
 files/en-us/web/html/element/a/index.md                         | 2 +-
 files/en-us/web/html/element/dialog/index.md                    | 2 +-
 files/en-us/web/html/element/header/index.md                    | 2 +-
 files/en-us/web/html/element/input/number/index.md              | 2 +-
 files/en-us/web/html/element/output/index.md                    | 2 +-
 files/en-us/web/html/element/progress/index.md                  | 2 +-
 files/en-us/web/html/element/search/index.md                    | 2 +-
 files/en-us/web/html/global_attributes/autofocus/index.md       | 2 +-
 files/en-us/web/html/global_attributes/lang/index.md            | 2 +-
 19 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/files/en-us/web/accessibility/aria/roles/separator_role/index.md b/files/en-us/web/accessibility/aria/roles/separator_role/index.md
index c0980d6b8bd0f49..8642d624ae104c5 100644
--- a/files/en-us/web/accessibility/aria/roles/separator_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/separator_role/index.md
@@ -110,7 +110,7 @@ From the assistive technology user's perspective, the heading does not exist sin
 
 ## Examples
 
-## Accessibility Concerns
+## Accessibility concerns
 
 ## Best Practices
 
diff --git a/files/en-us/web/accessibility/aria/roles/tablist_role/index.md b/files/en-us/web/accessibility/aria/roles/tablist_role/index.md
index 7a44967a869c53d..8a87bba4611e424 100644
--- a/files/en-us/web/accessibility/aria/roles/tablist_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/tablist_role/index.md
@@ -79,7 +79,7 @@ When focus is on a tab in a tablist with either horizontal or vertical orientati
 <!--
 ### Required JavaScript features
 
-## Accessibility Concerns
+## Accessibility concerns
 
 ## Best Practices
 
diff --git a/files/en-us/web/accessibility/aria/roles/term_role/index.md b/files/en-us/web/accessibility/aria/roles/term_role/index.md
index fb6dfb08622947d..0a4a4d8ddf51d30 100644
--- a/files/en-us/web/accessibility/aria/roles/term_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/term_role/index.md
@@ -68,7 +68,7 @@ or without any ARIA (but possibly not how you want it presented)
 </dl>
 ```
 
-## Accessibility Concerns
+## Accessibility concerns
 
 Don't use the `role="term"` on interactive elements such as links as it can interfere with the assistive technology user's ability to interact with the element.
 
diff --git a/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md b/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md
index e30cb5d7a89cfdb..97d8e86516fa7b7 100644
--- a/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md
@@ -86,7 +86,7 @@ When the toolbar has focus within it, provide visual cues. When an element withi
 
 [Toolbar example from <abbr>W3C</abbr>, the World Wide Web Consortium](https://www.w3.org/TR/wai-aria-practices-1.2/examples/toolbar/toolbar.html)
 
-## Accessibility Concerns
+## Accessibility concerns
 
 Avoid including controls whose operation requires arrow keys used for toolbar navigation (right and left arrows, or top and bottom for vertical toolbars). If you must include such a control, make it the last control in the toolbar. For example, in a horizontal toolbar, a textbox could be included as the last element.
 
diff --git a/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md b/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md
index a1f05f7a1f95fe8..e6b33f32850fe10 100644
--- a/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md
@@ -95,7 +95,7 @@ The tooltip can be instantiated with CSS. Change the class name with JavaScript
 
 The above hides the tooltip with CSS in the default state or if the hidetooltip class has been added with JavaScript (when the user hit <kbd>Escape</kbd>), with high specificity to ensure the tooltip doesn't show. When the owning element receives focus, it gets positioned relatively and the tooltip becomes visible.
 
-## Accessibility Concerns
+## Accessibility concerns
 
 If the information is important enough for a tooltip, isn't it important enough to always be visible?
 
diff --git a/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md b/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md
index 18a4218447793cb..7377feef783a965 100644
--- a/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md
@@ -137,7 +137,7 @@ While navigation keys, such as arrow keys, are moving focus from cell to cell, t
 ## Examples
 -->
 
-## Accessibility Concerns
+## Accessibility concerns
 
 It is important for all cells to be able to receive or contain keyboard focus because screen readers are generally in application reading mode, rather than their document reading mode, when users are interacting with the grid. While in application mode, a screen reader user hears only focusable elements and content that labels focusable elements. If content can't receive focus, screen reader users may unknowingly overlook elements contained in the treegrid.
 
diff --git a/files/en-us/web/api/window/open/index.md b/files/en-us/web/api/window/open/index.md
index 3b5f09dc7aeb03f..c341003acf2c331 100644
--- a/files/en-us/web/api/window/open/index.md
+++ b/files/en-us/web/api/window/open/index.md
@@ -254,7 +254,7 @@ console.log(sameOriginContext.origin);
 
 For more information, refer to the [Same-origin policy](/en-US/docs/Web/Security/Same-origin_policy) article.
 
-## Accessibility
+## Accessibility concerns
 
 ### Avoid resorting to window.open()
 
diff --git a/files/en-us/web/css/color_value/index.md b/files/en-us/web/css/color_value/index.md
index 380171dfb7f0e63..44a22352eab90af 100644
--- a/files/en-us/web/css/color_value/index.md
+++ b/files/en-us/web/css/color_value/index.md
@@ -177,7 +177,7 @@ the preprocessing procedure is:
    oklch(63.612% 0.1522 78.748)
    ```
 
-## Accessibility considerations
+## Accessibility concerns
 
 Some people have difficulty distinguishing colors. The [WCAG 2.2](/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Use_of_color) recommendation strongly advises against using color as the only means of conveying a specific message, action, or result. See [color and color contrast](/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast) for more information.
 
diff --git a/files/en-us/web/css/important/index.md b/files/en-us/web/css/important/index.md
index d71e5e6b77a93f5..dd9c43e37350553 100644
--- a/files/en-us/web/css/important/index.md
+++ b/files/en-us/web/css/important/index.md
@@ -142,7 +142,7 @@ Even when working to override high-specificity styles not under your control, su
 
 If you need to override an external stylesheet containing important declarations, create a cascade layer containing the needed overrides, and declare that layer first.
 
-### Accessibility
+### Accessibility concerns
 
 Important styles from a user stylesheet take precedence over the author style sheet's important declarations, meaning adding an `!important` flag to a site's styles will not prevent individual users with special requirements, such as large fonts, from being able to override your styles by adding important styles in their own user's style sheet.
 
diff --git a/files/en-us/web/html/attributes/pattern/index.md b/files/en-us/web/html/attributes/pattern/index.md
index 7f7af8aaebce0d5..1c70b619525bf0f 100644
--- a/files/en-us/web/html/attributes/pattern/index.md
+++ b/files/en-us/web/html/attributes/pattern/index.md
@@ -142,7 +142,7 @@ This renders like so:
 
 {{ EmbedLiveSample('Specifying_a_pattern', 600, 110) }}
 
-### Accessibility Concerns
+### Accessibility concerns
 
 When a control has a `pattern` attribute, the `title` attribute, if used, must describe the pattern. Relying on the `title` attribute for the visual display of text content is generally discouraged as many user agents do not expose the attribute in an accessible manner. Some browsers show a tooltip when an element with a title is hovered, but that leaves out keyboard-only and touch-only users. This is one of the several reasons you must include information informing users how to fill out the control to match the requirements.
 
diff --git a/files/en-us/web/html/element/a/index.md b/files/en-us/web/html/element/a/index.md
index 9166127d3114f11..b7ebf01af8659cd 100644
--- a/files/en-us/web/html/element/a/index.md
+++ b/files/en-us/web/html/element/a/index.md
@@ -268,7 +268,7 @@ document
 
 Using `target="_blank"` without [`rel="noreferrer"`](/en-US/docs/Web/HTML/Attributes/rel/noreferrer) and [`rel="noopener"`](/en-US/docs/Web/HTML/Attributes/rel/noopener) makes the website vulnerable to {{domxref("window.opener")}} API exploitation attacks, although note that, in newer browser versions setting `target="_blank"` implicitly provides the same protection as setting `rel="noopener"`. See [browser compatibility](#browser_compatibility) for details.
 
-## Accessibility
+## Accessibility concerns
 
 ### Strong link text
 
diff --git a/files/en-us/web/html/element/dialog/index.md b/files/en-us/web/html/element/dialog/index.md
index f38a5edfe20e293..3f29cb700790061 100644
--- a/files/en-us/web/html/element/dialog/index.md
+++ b/files/en-us/web/html/element/dialog/index.md
@@ -547,7 +547,7 @@ The code renders as follows:
   </tbody>
 </table>
 
-## Accessibility considerations
+## Accessibility concerns
 
 When implementing a dialog, it is important to consider the most appropriate place to set user focus. When using {{domxref("HTMLDialogElement.showModal()")}} to open a `<dialog>`, focus is set on the first nested focusable element. Explicitly indicating the initial focus placement by using the [`autofocus`](/en-US/docs/Web/HTML/Global_attributes/autofocus) attribute will help ensure initial focus is set on the element deemed the best initial focus placement for any particular dialog. When in doubt, as it may not always be known where initial focus could be set within a dialog, particularly for instances where a dialog's content is dynamically rendered when invoked, the `<dialog>` element itself may provide the best initial focus placement.
 
diff --git a/files/en-us/web/html/element/header/index.md b/files/en-us/web/html/element/header/index.md
index e8066803a261dd6..6209eb39745d3be 100644
--- a/files/en-us/web/html/element/header/index.md
+++ b/files/en-us/web/html/element/header/index.md
@@ -64,7 +64,7 @@ This element only includes the [global attributes](/en-US/docs/Web/HTML/Global_a
 
 {{EmbedLiveSample('Article Header')}}
 
-## Accessibility
+## Accessibility concerns
 
 The `<header>` element defines a [`banner`](/en-US/docs/Web/Accessibility/ARIA/Roles/banner_role) landmark when its context is the {{HTMLElement('body')}} element. The HTML header element is not considered a banner landmark when it is descendant of an {{HTMLElement('article')}}, {{HTMLElement('aside')}}, {{HTMLElement('main')}}, {{HTMLElement('nav')}}, or {{HTMLElement('section')}} element.
 
diff --git a/files/en-us/web/html/element/input/number/index.md b/files/en-us/web/html/element/input/number/index.md
index 86289198b235bc6..f9f46de5c57259a 100644
--- a/files/en-us/web/html/element/input/number/index.md
+++ b/files/en-us/web/html/element/input/number/index.md
@@ -390,7 +390,7 @@ After declaring a few variables, an event listener is added to the `button` to c
 >
 > If you didn't do this, you'd have to fill in both feet/inches **and** meters to submit the form!
 
-## Accessibility
+## Accessibility concerns
 
 The implicit [role](/en-US/docs/Web/Accessibility/ARIA/Roles) for the `<input type="number">` element is [`spinbutton`](/en-US/docs/Web/Accessibility/ARIA/Roles/spinbutton_role). If spinbutton is not an important feature for your form control, consider _not_ using `type="number"`. Instead, use [`inputmode="numeric"`](/en-US/docs/Web/HTML/Global_attributes/inputmode) along with a [`pattern`](/en-US/docs/Web/HTML/Attributes/pattern) attribute that limits the characters to numbers and associated characters. With `<input type="number">`, there is a risk of users accidentally incrementing a number when they're trying to do something else. Additionally, if users try to enter something that's not a number, there's no explicit feedback about what they're doing wrong.
 
diff --git a/files/en-us/web/html/element/output/index.md b/files/en-us/web/html/element/output/index.md
index d13d93def20236a..8994bfac78477b2 100644
--- a/files/en-us/web/html/element/output/index.md
+++ b/files/en-us/web/html/element/output/index.md
@@ -42,7 +42,7 @@ In the following example, the form provides a slider whose value can range betwe
 
 {{ EmbedLiveSample('Examples')}}
 
-## Accessibility Concerns
+## Accessibility concerns
 
 Many browsers implement this element as an [`aria-live`](/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) region. Assistive technology will thereby announce the results of UI interactions posted inside it without requiring that focus is switched away from the controls that produce those results.
 
diff --git a/files/en-us/web/html/element/progress/index.md b/files/en-us/web/html/element/progress/index.md
index f8c8589b455e492..ac6097454d98ab6 100644
--- a/files/en-us/web/html/element/progress/index.md
+++ b/files/en-us/web/html/element/progress/index.md
@@ -79,7 +79,7 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
 
 {{ EmbedLiveSample("Examples", 200, 50) }}
 
-## Accessibility Concerns
+## Accessibility concerns
 
 ### Labelling
 
diff --git a/files/en-us/web/html/element/search/index.md b/files/en-us/web/html/element/search/index.md
index 6afc31886210ebd..1c52ddec53f6ffd 100644
--- a/files/en-us/web/html/element/search/index.md
+++ b/files/en-us/web/html/element/search/index.md
@@ -17,7 +17,7 @@ This element only includes the [global attributes](/en-US/docs/Web/HTML/Global_a
 
 The `<search>` element is not for presenting search results. Rather, search or filtered results should be presented as part of the main content of that web page. That said, suggestions and links that are part of "quick search" functionality within the search or filtering functionality are appropriately nested within the contents of the `<search>` element as they are search features.
 
-## Accessibility
+## Accessibility concerns
 
 The `<search>` element defines a [`search`](/en-US/docs/Web/Accessibility/ARIA/Roles/search_role) landmark. This removes the need for adding `role=search` to a {{HTMLElement('form')}} element.
 
diff --git a/files/en-us/web/html/global_attributes/autofocus/index.md b/files/en-us/web/html/global_attributes/autofocus/index.md
index 3510f77024ff74a..482febf99d63281 100644
--- a/files/en-us/web/html/global_attributes/autofocus/index.md
+++ b/files/en-us/web/html/global_attributes/autofocus/index.md
@@ -17,7 +17,7 @@ No more than one element in the document or dialog may have the autofocus attrib
 
 > **Note:** The `autofocus` attribute applies to all elements, not just form controls. For example, it might be used on a [contenteditable](/en-US/docs/Web/HTML/Global_attributes/contenteditable) area.
 
-## Accessibility considerations
+## Accessibility concerns
 
 Automatically focusing a form control can confuse visually-impaired people using screen-reading technology and people with cognitive impairments. When `autofocus` is assigned, screen-readers "teleport" their user to the form control without warning them beforehand.
 
diff --git a/files/en-us/web/html/global_attributes/lang/index.md b/files/en-us/web/html/global_attributes/lang/index.md
index f33afefee6c11d0..ea8897e6fddac97 100644
--- a/files/en-us/web/html/global_attributes/lang/index.md
+++ b/files/en-us/web/html/global_attributes/lang/index.md
@@ -36,7 +36,7 @@ The script subtag precedes the region subtag if both are present — `ru-Cyrl-BY
 
 To find the correct subtag codes for a language, try [the Language Subtag Lookup](https://r12a.github.io/app-subtags/).
 
-## Accessibility
+## Accessibility concerns
 
 WCAG Success Criterion 3.1.1 **requires** that a page language is specified in a way which may be 'programmatically determined' (i.e. via the **`lang`** attribute).
 

From 9bbf5b1cc3cf5736fad6b3d972657df8f8cec234 Mon Sep 17 00:00:00 2001
From: anewuser <anewuser@users.noreply.github.com>
Date: Wed, 20 Dec 2023 20:54:43 -0300
Subject: [PATCH 050/790] Fix lazy loading examples (#31183)

"loading" attribute must be placed before "src" - https://bugzilla.mozilla.org/show_bug.cgi?id=1647077
---
 files/en-us/web/performance/lazy_loading/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/performance/lazy_loading/index.md b/files/en-us/web/performance/lazy_loading/index.md
index 17d9fbebb4dd2a2..b2dfb6f83c011c2 100644
--- a/files/en-us/web/performance/lazy_loading/index.md
+++ b/files/en-us/web/performance/lazy_loading/index.md
@@ -68,8 +68,8 @@ The [`loading`](/en-US/docs/Web/HTML/Element/img#loading) attribute on an {{HTML
 This allows non-critical resources to load only if needed, potentially speeding up initial page loads and reducing network usage.
 
 ```html
-<img src="image.jpg" alt="..." loading="lazy" />
-<iframe src="video-player.html" title="..." loading="lazy"></iframe>
+<img loading="lazy" src="image.jpg" alt="..." />
+<iframe loading="lazy" src="video-player.html" title="..."></iframe>
 ```
 
 The `load` event fires when the eagerly-loaded content has all been loaded. At that time, it's entirely possible (or even likely) that there may be lazily-loaded images or iframes within the {{Glossary("visual viewport")}} that haven't yet loaded.

From 7e2ecaf007a5d38e99afed9c4d5b128355b00af5 Mon Sep 17 00:00:00 2001
From: Daniel Kaplan <tieTYT@gmail.com>
Date: Wed, 20 Dec 2023 16:17:59 -0800
Subject: [PATCH 051/790] Reworded "list of objects" to remove any ambiguity
 (#31181)

* Reworded "list of objects" to remove any ambiguity

- Context: #30727

* Removed and incorrect comma

- I'm not 100% sure of this change, but I'm *pretty* confident this comma should be removed.

* After further research, I think the comma was required after all

* Update files/en-us/web/api/console/index.md

- Use bullet points when describing each output method.

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Update files/en-us/web/api/console/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/api/console/index.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/api/console/index.md b/files/en-us/web/api/console/index.md
index d253165d482496d..178f8da4f330e13 100644
--- a/files/en-us/web/api/console/index.md
+++ b/files/en-us/web/api/console/index.md
@@ -76,7 +76,10 @@ This page documents the [Methods](#methods) available on the `console` object an
 
 The console's most frequently used feature is logging text and other data. There are several categories of output you can generate using the {{domxref("console/log_static", "console.log()")}}, {{domxref("console/info_static", "console.info()")}}, {{domxref("console/warn_static", "console.warn()")}}, {{domxref("console/error_static", "console.error()")}}, or {{domxref("console/debug_static", "console.debug()")}} methods. Each of these results in output styled differently in the log, and you can use the filtering controls provided by your browser to view only the kinds of output that interest you.
 
-There are two ways to use each of the output methods; you can pass in a list of objects whose string representations get concatenated into one string, then output to the console, or you can pass in a string containing zero or more substitution strings followed by a list of objects to replace them.
+There are two ways to use each of the output methods:
+
+- Pass in a variable number of arguments whose string representations get concatenated into one string, then output to the console.
+- Pass in a string containing zero or more substitution strings followed by a variable number of arguments to replace them.
 
 #### Outputting a single object
 

From 91cc9e7f8ae21665b40ad4c3fa5152cebad119ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Roman=20Zeman=C3=ADk?= <romanzemanik@gmail.com>
Date: Thu, 21 Dec 2023 06:02:23 +0100
Subject: [PATCH 052/790] Fixed a mistake in code example (#31184)

---
 files/en-us/web/css/cssom_view/coordinate_systems/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/cssom_view/coordinate_systems/index.md b/files/en-us/web/css/cssom_view/coordinate_systems/index.md
index c7be8e549c1c757..08d02bc4b8e5b8f 100644
--- a/files/en-us/web/css/cssom_view/coordinate_systems/index.md
+++ b/files/en-us/web/css/cssom_view/coordinate_systems/index.md
@@ -77,7 +77,7 @@ const inner = document.querySelector(".inner");
 
 function setCoords(e) {
   log.innerText = `
-    Offset X/Y: ${e.screenX}, ${e.screenY}
+    Offset X/Y: ${e.offsetX}, ${e.offsetY}
     Viewport X/Y: ${e.clientX}, ${e.clientY}
     Page X/Y: ${e.pageX}, ${e.pageY}
     Screen X/Y: ${e.screenX}, ${e.screenY}`;

From df3ef3c53cb04854ee2dec538b677218b1a10c3c Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Wed, 20 Dec 2023 21:06:58 -0800
Subject: [PATCH 053/790] De-AJAX, part 2 (#31185)

---
 .../index.md                                   |  4 ----
 files/en-us/web/api/css_object_model/index.md  |  2 +-
 .../web/api/document/getelementbyid/index.md   |  2 +-
 files/en-us/web/api/filereader/index.md        |  2 +-
 files/en-us/web/api/response/index.md          | 18 +++++++++++-------
 5 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/files/en-us/web/accessibility/aria/aria_screen_reader_implementors_guide/index.md b/files/en-us/web/accessibility/aria/aria_screen_reader_implementors_guide/index.md
index b149a48c4a89572..2d4cc95686e1cdb 100644
--- a/files/en-us/web/accessibility/aria/aria_screen_reader_implementors_guide/index.md
+++ b/files/en-us/web/accessibility/aria/aria_screen_reader_implementors_guide/index.md
@@ -45,7 +45,3 @@ This is just a guide. Live region markup is a complex area which is somewhat ope
 1. Allow for a different voice (in text-to-speech) or other varying presentational characteristics to set live changes apart.
 2. When no WAI-ARIA markup is present, automatically present some changes unless the user configures all live changes to off. For example, automatically speak changes that are caused by the user's own input, as part of the context of that input.
 3. Allow global settings to turn off the presentation of live changes, present all live changes, use markup, or be "smart" (use heuristics)
-
-### Details for Processing via Platform Accessibility APIs
-
-We hope browser manufacturers will work to provide consistent implementations. The most complete implementation of live regions currently is in Firefox 3. Here is how [WAI-ARIA live regions are exposed in Firefox 3](/en-US/docs/AJAX/WAI_ARIA_Live_Regions/API_Support).
diff --git a/files/en-us/web/api/css_object_model/index.md b/files/en-us/web/api/css_object_model/index.md
index 223b94402147f1d..8ff89391e0cd6e1 100644
--- a/files/en-us/web/api/css_object_model/index.md
+++ b/files/en-us/web/api/css_object_model/index.md
@@ -98,7 +98,7 @@ Several other interfaces are also extended by the CSSOM-related specifications:
 
 ## Tutorials
 
-- [Determining the dimensions of elements](/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements) (it needs some updating as it was made in the DHTML/Ajax era)
+- [Determining the dimensions of elements](/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements)
 - [Managing screen orientation](/en-US/docs/Web/API/CSS_Object_Model/Managing_screen_orientation)
 
 ## Specifications
diff --git a/files/en-us/web/api/document/getelementbyid/index.md b/files/en-us/web/api/document/getelementbyid/index.md
index 3d8acff307f72fb..afc93045aca9835 100644
--- a/files/en-us/web/api/document/getelementbyid/index.md
+++ b/files/en-us/web/api/document/getelementbyid/index.md
@@ -115,4 +115,4 @@ In non-HTML documents, the DOM implementation must have information on which att
 
 - {{domxref("Document")}} reference for other methods and properties you can use to get references to elements in the document.
 - {{domxref("Document.querySelector()")}} for selectors via queries like `'div.myclass'`
-- [xml:id](https://www.w3.org/TR/xml-id/) - has a utility method for allowing `getElementById()` to obtain 'xml:id' in XML documents (such as returned by Ajax calls)
+- [xml:id](https://www.w3.org/TR/xml-id/) - has a utility method for allowing `getElementById()` to obtain 'xml:id' in {{glossary("XML")}} documents
diff --git a/files/en-us/web/api/filereader/index.md b/files/en-us/web/api/filereader/index.md
index 0a6cb5cc59b313b..a2f9819f518d6fd 100644
--- a/files/en-us/web/api/filereader/index.md
+++ b/files/en-us/web/api/filereader/index.md
@@ -11,7 +11,7 @@ The **`FileReader`** object lets web applications asynchronously read the conten
 
 File objects may be obtained from a {{domxref("FileList")}} object returned as a result of a user selecting files using the {{HTMLElement("input")}} element, or from a drag and drop operation's {{domxref("DataTransfer")}} object.
 
-`FileReader` can only access the contents of files that the user has explicitly selected, either using an HTML `<input type="file">` element or by drag and drop. It cannot be used to read a file by pathname from the user's file system. To read files on the client's file system by pathname, use the [File System Access API](/en-US/docs/Web/API/File_System_API). To read server-side files, use standard Ajax solutions, with CORS permission if reading cross-domain.
+`FileReader` can only access the contents of files that the user has explicitly selected, either using an HTML `<input type="file">` element or by drag and drop. It cannot be used to read a file by pathname from the user's file system. To read files on the client's file system by pathname, use the [File System Access API](/en-US/docs/Web/API/File_System_API). To read server-side files, use {{domxref("fetch()")}}, with [CORS](/en-US/docs/Web/HTTP/CORS) permission if reading cross-domain.
 
 {{InheritanceDiagram}}
 
diff --git a/files/en-us/web/api/response/index.md b/files/en-us/web/api/response/index.md
index c56be0e323bc218..36f096a4f4719d9 100644
--- a/files/en-us/web/api/response/index.md
+++ b/files/en-us/web/api/response/index.md
@@ -86,22 +86,26 @@ You can also use the {{domxref("Response.Response", "Response()")}} constructor
 const response = new Response();
 ```
 
-### An Ajax Call
+### A PHP Call
 
-Here we call a PHP program file that generates a JSON string, displaying the result as a JSON value, including simple error handling.
+Here we call a PHP program file that generates a JSON string, displaying the result as a JSON value.
 
 ```js
-// Function to do an Ajax call
-const doAjax = async () => {
-  const response = await fetch("Ajax.php"); // Generate the Response object
+// Function to fetch JSON using PHP
+const getJSON = async () => {
+  // Generate the Response object
+  const response = await fetch("getJSON.php");
   if (response.ok) {
-    return response.json(); // Get JSON value from the response body
+    // Get JSON value from the response body
+    return response.json();
   }
   throw new Error("*** PHP file not found");
 };
 
 // Call the function and output value or error message to console
-doAjax().then(console.log).catch(console.log);
+getJSON()
+  .then((result) => console.log(result))
+  .catch((error) => console.error(error));
 ```
 
 ## Specifications

From 409978ee3d2edd2b045adfbe39769b2dae6f31ea Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Wed, 20 Dec 2023 22:04:08 -0800
Subject: [PATCH 054/790] De-AJAX, part 1 (#31178)

---
 files/en-us/glossary/http/index.md                    |  2 +-
 files/en-us/glossary/javascript/index.md              |  2 +-
 files/en-us/glossary/xmlhttprequest/index.md          |  2 +-
 .../first_steps/client-server_overview/index.md       |  2 +-
 .../cross_browser_testing/javascript/index.md         | 11 ++++++-----
 5 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/files/en-us/glossary/http/index.md b/files/en-us/glossary/http/index.md
index 7a52735bdfa21c4..fc661808db22fed 100644
--- a/files/en-us/glossary/http/index.md
+++ b/files/en-us/glossary/http/index.md
@@ -10,7 +10,7 @@ The HyperText Transfer Protocol (**HTTP**) is the underlying network {{glossary(
 
 As part of a {{glossary("URI")}}, the "http" within "http\://example.com/" is called a "scheme". Resources using the "http" schema are typically transported over unencrypted connections using the HTTP protocol. The "https" scheme (as in "https\://developer.mozilla.org") indicates that a resource is transported using the HTTP protocol, but over a secure {{glossary("TLS")}} channel.
 
-HTTP is textual (all communication is done in plain text) and stateless (no communication is aware of previous communications). This property makes it ideal for humans to read documents (websites) on the world wide web. However, HTTP can also be used as a basis for {{glossary("REST")}} web services from server to server or {{glossary("AJAX")}} requests within websites to make them more dynamic.
+HTTP is textual (all communication is done in plain text) and stateless (no communication is aware of previous communications). This property makes it ideal for humans to read documents (websites) on the world wide web. However, HTTP can also be used as a basis for {{glossary("REST")}} web services from server to server or {{domxref("fetch()")}} requests within websites to make them more dynamic.
 
 ## See also
 
diff --git a/files/en-us/glossary/javascript/index.md b/files/en-us/glossary/javascript/index.md
index 288f6a9e8ef1315..3f289767338a52c 100644
--- a/files/en-us/glossary/javascript/index.md
+++ b/files/en-us/glossary/javascript/index.md
@@ -10,7 +10,7 @@ JavaScript (or "JS") is a programming language used most often for dynamic clien
 
 JavaScript **should not** be confused with the [Java programming language](<https://en.wikipedia.org/wiki/Java_(programming_language)>). Although _"Java"_ and _"JavaScript"_ are trademarks (or registered trademarks) of Oracle in the U.S. and other countries, the two programming languages are significantly different in their syntax, semantics, and use cases.
 
-JavaScript is primarily used in the browser, enabling developers to manipulate webpage content through the {{Glossary("DOM")}}, manipulate data with {{Glossary("AJAX")}} and {{Glossary("IndexedDB")}}, draw graphics with {{Glossary("canvas")}}, interact with the device running the browser through various {{Glossary("API","APIs")}}, and more. JavaScript is one of the world's most commonly-used languages, owing to the recent growth and performance improvement of {{Glossary("API","APIs")}} available in browsers.
+JavaScript is primarily used in the browser, enabling developers to manipulate webpage content through the {{Glossary("DOM")}}, retrieve content from servers using the {{domxref("fetch()")}} API, store complex data using {{Glossary("IndexedDB")}}, draw graphics with {{Glossary("canvas")}}, interact with the device running the browser through various {{Glossary("API","APIs")}}, and more. JavaScript is one of the world's most commonly-used languages, owing to the recent growth and performance improvement of {{Glossary("API","APIs")}} available in browsers.
 
 ## Origins and History
 
diff --git a/files/en-us/glossary/xmlhttprequest/index.md b/files/en-us/glossary/xmlhttprequest/index.md
index 0674aca3a7914b8..074400f86282cf9 100644
--- a/files/en-us/glossary/xmlhttprequest/index.md
+++ b/files/en-us/glossary/xmlhttprequest/index.md
@@ -6,7 +6,7 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-{{domxref("XMLHttpRequest")}} (XHR) is a {{Glossary("JavaScript")}} {{Glossary("API")}} to create {{Glossary("AJAX")}} requests. Its methods provide the ability to send network requests between the {{Glossary("browser")}} and a {{Glossary("server")}}.
+{{domxref("XMLHttpRequest")}} (XHR) is a {{Glossary("JavaScript")}} {{Glossary("API")}} to create {{Glossary("HTTP")}} requests. Its methods provide the ability to send network requests between the {{Glossary("browser")}} and a {{Glossary("server")}}.
 
 The [Fetch API](/en-US/docs/Web/API/Fetch_API) is the modern replacement for XMLHttpRequest.
 
diff --git a/files/en-us/learn/server-side/first_steps/client-server_overview/index.md b/files/en-us/learn/server-side/first_steps/client-server_overview/index.md
index f749088793d57d4..b0e746c02fd4cf4 100644
--- a/files/en-us/learn/server-side/first_steps/client-server_overview/index.md
+++ b/files/en-us/learn/server-side/first_steps/client-server_overview/index.md
@@ -244,7 +244,7 @@ A good example of an additional task that a _Web Application_ might perform woul
 
 Server-side website code does not have to return HTML snippets/files in the response. It can instead dynamically create and return other types of files (text, PDF, CSV, etc.) or even data (JSON, XML, etc.).
 
-The idea of returning data to a web browser so that it can dynamically update its own content ({{glossary("AJAX")}}) has been around for quite a while. More recently "Single-page apps" have become popular, where the whole website is written with a single HTML file that is dynamically updated when needed. Websites created using this style of application push a lot of computational cost from the server to the web browser, and can result in websites that appear to behave a lot more like native apps (highly responsive, etc.).
+This is especially relevant for websites that work by fetching content from the server using JavaScript and updating the page dynamically, rather than always loading a new page when new content is to be shown. See [Fetching data from the server](/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data) for more on the motivation for this approach, and what this model looks like from the client's point of view.
 
 ## Web frameworks simplify server-side web programming
 
diff --git a/files/en-us/learn/tools_and_testing/cross_browser_testing/javascript/index.md b/files/en-us/learn/tools_and_testing/cross_browser_testing/javascript/index.md
index 99f8ed93b059613..25f73b3fa765929 100644
--- a/files/en-us/learn/tools_and_testing/cross_browser_testing/javascript/index.md
+++ b/files/en-us/learn/tools_and_testing/cross_browser_testing/javascript/index.md
@@ -62,13 +62,14 @@ As we said in the [previous article](/en-US/docs/Learn/Tools_and_testing/Cross_b
 - Basic syntax and logic problems (again, check out [Troubleshooting JavaScript](/en-US/docs/Learn/JavaScript/First_steps/What_went_wrong)).
 - Making sure variables, etc. are defined in the correct scope, and you are not running into conflicts between items declared in different places (see [Function scope and conflicts](/en-US/docs/Learn/JavaScript/Building_blocks/Functions#function_scope_and_conflicts)).
 - Confusion about [this](/en-US/docs/Web/JavaScript/Reference/Operators/this), in terms of what scope it applies to, and therefore if its value is what you intended. You can read [What is "this"?](/en-US/docs/Learn/JavaScript/Objects/Basics#what_is_this) for a light introduction; you should also study examples like [this one](https://github.com/mdn/learning-area/blob/7ed039d17e820c93cafaff541aa65d874dde8323/javascript/oojs/assessment/main.js#L143), which shows a typical pattern of saving a `this` scope to a separate variable, then using that variable in nested functions so you can be sure you are applying functionality to the correct `this` scope.
-- Incorrectly using functions inside loops that iterate with a global variable (more generally "getting the scope wrong"). For example, in [bad-for-loop.html](https://mdn.github.io/learning-area/tools-testing/cross-browser-testing/javascript/bad-for-loop.html) (see [source code](https://github.com/mdn/learning-area/blob/main/tools-testing/cross-browser-testing/javascript/bad-for-loop.html)), we loop through 10 iterations using a variable defined with `var`, each time creating a paragraph and adding an [onclick](/en-US/docs/Web/API/Element/click_event) event handler to it. When clicked, we want each one to display an alert message containing its number (the value of `i` at the time it was created). Instead they all report `i` as 11 — because the `for` loop does all its iterating before nested functions are invoked.
+- Incorrectly using functions inside loops that iterate with a global variable (more generally "getting the scope wrong").
 
-  > **Note:** The easiest solution is to declare the iteration variable with `let` instead of `var`—the value of `i` associated with the function is then unique to each iteration. Unfortunately this does not work correctly with IE11, which is why we haven't used this approach in the "good" for loop.
+> **Callout:**
+> For example, in [bad-for-loop.html](https://mdn.github.io/learning-area/tools-testing/cross-browser-testing/javascript/bad-for-loop.html) (see [source code](https://github.com/mdn/learning-area/blob/main/tools-testing/cross-browser-testing/javascript/bad-for-loop.html)), we loop through 10 iterations using a variable defined with `var`, each time creating a paragraph and adding an [onclick](/en-US/docs/Web/API/Element/click_event) event handler to it. When clicked, we want each one to display an alert message containing its number (the value of `i` at the time it was created). Instead they all report `i` as 11 — because the `for` loop does all its iterating before nested functions are invoked.
+>
+> The easiest solution is to declare the iteration variable with `let` instead of `var`—the value of `i` associated with the function is then unique to each iteration. See [good-for-loop.html](https://mdn.github.io/learning-area/tools-testing/cross-browser-testing/javascript/good-for-loop.html) (see the [source code](https://github.com/mdn/learning-area/blob/main/tools-testing/cross-browser-testing/javascript/good-for-loop.html) also) for a version that works.
 
-  If you want this to work correctly, you can define a function to add the handler separately, calling it on each iteration and passing it the current value of `para` and `i` each time (or something similar). See [good-for-loop.html](https://mdn.github.io/learning-area/tools-testing/cross-browser-testing/javascript/good-for-loop.html) (see the [source code](https://github.com/mdn/learning-area/blob/main/tools-testing/cross-browser-testing/javascript/good-for-loop.html) also) for a version that works.
-
-- Making sure asynchronous operations have returned before trying to use the values they return. For example, [this Ajax example](/en-US/docs/Web/Guide/AJAX#step_3_%e2%80%93_a_simple_example) checks to make sure the request is complete and the response has been returned before trying to use the response for anything. This kind of operation has been made easier to handle by the introduction of [Promises](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) to the JavaScript language.
+- Making sure [asynchronous operations](/en-US/docs/Learn/JavaScript/Asynchronous) have completed before trying to use the values they return. This usually means understanding how to use _promises_: using [`await`](/en-US/docs/Web/JavaScript/Reference/Operators/await) appropriately or running the code to handle the result of an asynchronous call in the promise's {{jsxref("Promise.then()", "then()")}} handler. See [How to use promises](/en-US/docs/Learn/JavaScript/Asynchronous/Promises) for an introduction to this topic.
 
 > **Note:** [Buggy JavaScript Code: The 10 Most Common Mistakes JavaScript Developers Make](https://www.toptal.com/javascript/10-most-common-javascript-mistakes) has some nice discussions of these common mistakes and more.
 

From ff054125ceb049afca3c5ed5ccb7a1d78dcb0f79 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 21 Dec 2023 14:17:47 +0800
Subject: [PATCH 055/790] URL API | update `{{AvailableInWorkers}}` & add
 `@@iteractor` method in list (#31174)

* update section title

* style pretty

* small fix

* fix browser-compat key

* fix word

* specific spec-urls key

* fix word

* update AvailableInWorkers word

* add read-only mark

* add docs for `@@iterator`

* small update

* update text
---
 files/en-us/web/api/url/index.md              |  4 ++--
 files/en-us/web/api/url/searchparams/index.md |  2 +-
 files/en-us/web/api/url/tostring/index.md     |  2 +-
 files/en-us/web/api/url_api/index.md          | 19 ++++++++++++-------
 .../web/api/urlsearchparams/append/index.md   |  2 +-
 .../web/api/urlsearchparams/entries/index.md  |  2 +-
 .../web/api/urlsearchparams/foreach/index.md  |  2 +-
 .../web/api/urlsearchparams/get/index.md      |  2 +-
 .../web/api/urlsearchparams/getall/index.md   |  2 +-
 files/en-us/web/api/urlsearchparams/index.md  |  6 ++++--
 .../web/api/urlsearchparams/keys/index.md     |  2 +-
 .../web/api/urlsearchparams/set/index.md      |  2 +-
 .../web/api/urlsearchparams/size/index.md     |  4 +++-
 .../web/api/urlsearchparams/sort/index.md     |  2 +-
 .../web/api/urlsearchparams/tostring/index.md |  2 +-
 .../urlsearchparams/urlsearchparams/index.md  |  2 +-
 .../web/api/urlsearchparams/values/index.md   |  2 +-
 17 files changed, 34 insertions(+), 25 deletions(-)

diff --git a/files/en-us/web/api/url/index.md b/files/en-us/web/api/url/index.md
index f33115a746f0450..dbe94067aab2959 100644
--- a/files/en-us/web/api/url/index.md
+++ b/files/en-us/web/api/url/index.md
@@ -49,7 +49,7 @@ If a browser doesn't yet support the {{domxref("URL.URL", "URL()")}} constructor
 
 ## Static methods
 
-- [`canParse()`](/en-US/docs/Web/API/URL/canParse_static)
+- {{domxref("URL.canParse_static", "canParse()")}}
   - : Returns a boolean indicating whether or not a URL defined from a URL string and optional base URL string is parsable and valid.
 - {{domxref("URL.createObjectURL_static", "createObjectURL()")}}
   - : Returns a string containing a unique blob URL, that is a URL with `blob:` as its scheme, followed by an opaque string uniquely identifying the object in the browser.
@@ -74,7 +74,7 @@ console.log(url.pathname); // "/cats"
 ```
 
 The constructor will raise an exception if the URL cannot be parsed to a valid URL.
-You can either call the above code in a [`try...catch`](/en-US/docs/Web/JavaScript/Reference/Statements/try...catch) block or use the [`canParse()`](/en-US/docs/Web/API/URL/canParse_static) static method to first check the URL is valid:
+You can either call the above code in a [`try...catch`](/en-US/docs/Web/JavaScript/Reference/Statements/try...catch) block or use the {{domxref("URL.canParse_static", "canParse()")}} static method to first check the URL is valid:
 
 ```js
 if (URL.canParse("../cats", "http://www.example.com/dogs")) {
diff --git a/files/en-us/web/api/url/searchparams/index.md b/files/en-us/web/api/url/searchparams/index.md
index d15e438834104f8..74cf8d00c249d3c 100644
--- a/files/en-us/web/api/url/searchparams/index.md
+++ b/files/en-us/web/api/url/searchparams/index.md
@@ -8,7 +8,7 @@ browser-compat: api.URL.searchParams
 
 {{APIRef("URL API")}}
 
-The **`searchParams`** readonly property of the
+The **`searchParams`** read-only property of the
 {{domxref("URL")}} interface returns a {{domxref("URLSearchParams")}} object allowing
 access to the {{httpmethod("GET")}} decoded query arguments contained in the URL.
 
diff --git a/files/en-us/web/api/url/tostring/index.md b/files/en-us/web/api/url/tostring/index.md
index 638e38336212a85..91eeffddfc219f9 100644
--- a/files/en-us/web/api/url/tostring/index.md
+++ b/files/en-us/web/api/url/tostring/index.md
@@ -8,7 +8,7 @@ browser-compat: api.URL.toString
 
 {{ApiRef("URL API")}}
 
-The **`URL.toString()`** {{Glossary("stringifier")}} method returns a
+The **`toString()`** method of the {{domxref("URL")}} interface returns a
 string containing the whole URL. It is effectively a read-only version
 of {{domxref("URL.href")}}.
 
diff --git a/files/en-us/web/api/url_api/index.md b/files/en-us/web/api/url_api/index.md
index 639479abce60391..3d64a4fa62164c3 100644
--- a/files/en-us/web/api/url_api/index.md
+++ b/files/en-us/web/api/url_api/index.md
@@ -2,7 +2,10 @@
 title: URL API
 slug: Web/API/URL_API
 page-type: web-api-overview
-browser-compat: api.URL
+browser-compat:
+  - api.URL
+  - api.URLSearchParams
+spec-urls: https://url.spec.whatwg.org/#api
 ---
 
 {{DefaultAPISidebar("URL API")}}
@@ -11,7 +14,7 @@ The URL API is a component of the URL standard, which defines what constitutes a
 
 {{AvailableInWorkers}}
 
-## URL concepts and usage
+## Concepts and usage
 
 The majority of the URL standard is taken up by the [definition of a URL](/en-US/docs/Learn/Common_questions/Web_mechanics/What_is_a_URL) and how it is structured and parsed. Also covered are definitions of various terms related to addressing of computers on a network, and the algorithms for parsing IP addresses and DOM addresses are specified. More interesting to most developers is the API itself.
 
@@ -37,7 +40,7 @@ let addr = new URL("https://example.com/login");
 addr.username = myUsername;
 ```
 
-Setting the value of {{domxref("URL.username", "username")}} not only sets that property's value, but it updates the overall URL. After executing the code snippet above, the value returned by {{domxref("URL.href", "addr.href")}} is `https://someguy@example.com/login`. This is true for any of the writable properties.
+Setting the value of {{domxref("URL.username", "username")}} not only sets that property's value, but it updates the overall URL. After executing the code snippet above, the value returned by {{domxref("URL.href", "href")}} is `https://someguy@example.com/login`. This is true for any of the writable properties.
 
 ### Queries
 
@@ -57,12 +60,14 @@ For example, in the above snippet, the username and target page are taken from t
 
 Other functions within `URLSearchParams` let you change the value of keys, add and delete keys and their values, and even sort the list of parameters.
 
-## URL API interfaces
+## Interfaces
 
 The URL API is a simple one, with only a couple of interfaces to its name:
 
-- [`URL`](/en-US/docs/Web/API/URL)
-- [`URLSearchParams`](/en-US/docs/Web/API/URLSearchParams)
+- {{domxref("URL")}}
+  - : Can be used to parse, construct, normalize, and encode {{glossary("URL", "URLs")}}.
+- {{domxref("URLSearchParams")}}
+  - : Defines utility methods to work with the query string of a URL.
 
 ## Examples
 
@@ -102,7 +107,7 @@ A working version of this example can be [found on Glitch](https://url-api.glitc
 
 ## See also
 
-- [Fetch API](/en-US/docs/Web/API/Fetch_API)
+- {{domxref("Fetch API", "", "", "nocode")}}
 - CSS {{cssxref("&lt;url&gt;")}} type
 - {{jsxref("encodeURI", "encodeURI()")}}
 - {{jsxref("encodeURIComponent", "encodeURIComponent()")}}
diff --git a/files/en-us/web/api/urlsearchparams/append/index.md b/files/en-us/web/api/urlsearchparams/append/index.md
index ab43a78abbb3bb5..4e371d242aa8994 100644
--- a/files/en-us/web/api/urlsearchparams/append/index.md
+++ b/files/en-us/web/api/urlsearchparams/append/index.md
@@ -14,7 +14,7 @@ interface appends a specified key/value pair as a new search parameter.
 As shown in the example below, if the same key is appended multiple times it will
 appear in the parameter string multiple times for each value.
 
-{{availableinworkers}}
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/urlsearchparams/entries/index.md b/files/en-us/web/api/urlsearchparams/entries/index.md
index 7f78b73af7ef91b..d2211de4697bbfb 100644
--- a/files/en-us/web/api/urlsearchparams/entries/index.md
+++ b/files/en-us/web/api/urlsearchparams/entries/index.md
@@ -14,7 +14,7 @@ The **`entries()`** method of the
 pairs contained in this object. The iterator returns key/value pairs in the same order as they appear in the query string. The key and value of each pair are
 string objects.
 
-{{availableinworkers}}
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/urlsearchparams/foreach/index.md b/files/en-us/web/api/urlsearchparams/foreach/index.md
index b51944337f8dbcd..71def6dcd5c6084 100644
--- a/files/en-us/web/api/urlsearchparams/foreach/index.md
+++ b/files/en-us/web/api/urlsearchparams/foreach/index.md
@@ -12,7 +12,7 @@ The **`forEach()`** method of the
 {{domxref("URLSearchParams")}} interface allows iteration through all values contained
 in this object via a callback function.
 
-{{availableinworkers}}
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/urlsearchparams/get/index.md b/files/en-us/web/api/urlsearchparams/get/index.md
index 906fc3b6eab9dcf..69385ddfedf2ccb 100644
--- a/files/en-us/web/api/urlsearchparams/get/index.md
+++ b/files/en-us/web/api/urlsearchparams/get/index.md
@@ -11,7 +11,7 @@ browser-compat: api.URLSearchParams.get
 The **`get()`** method of the {{domxref("URLSearchParams")}}
 interface returns the first value associated to the given search parameter.
 
-{{availableinworkers}}
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/urlsearchparams/getall/index.md b/files/en-us/web/api/urlsearchparams/getall/index.md
index a7078ec9e68ea40..e7849ce55c6aa77 100644
--- a/files/en-us/web/api/urlsearchparams/getall/index.md
+++ b/files/en-us/web/api/urlsearchparams/getall/index.md
@@ -11,7 +11,7 @@ browser-compat: api.URLSearchParams.getAll
 The **`getAll()`** method of the {{domxref("URLSearchParams")}}
 interface returns all the values associated with a given search parameter as an array.
 
-{{availableinworkers}}
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/urlsearchparams/index.md b/files/en-us/web/api/urlsearchparams/index.md
index dd5a5c611036c93..89546774879d6c5 100644
--- a/files/en-us/web/api/urlsearchparams/index.md
+++ b/files/en-us/web/api/urlsearchparams/index.md
@@ -18,7 +18,7 @@ for (const [key, value] of mySearchParams.entries()) {
 }
 ```
 
-{{availableinworkers}}
+{{AvailableInWorkers}}
 
 ## Constructor
 
@@ -27,11 +27,13 @@ for (const [key, value] of mySearchParams.entries()) {
 
 ## Instance properties
 
-- {{domxref("URLSearchParams.size", 'size')}}
+- {{domxref("URLSearchParams.size", 'size')}} {{ReadOnlyInline}}
   - : Indicates the total number of search parameter entries.
 
 ## Instance methods
 
+- `URLSearchParams.[@@iterator]()`
+  - : Returns an {{jsxref("Iteration_protocols","iterator")}} allowing iteration through all key/value pairs contained in this object in the same order as they appear in the query string.
 - {{domxref("URLSearchParams.append()")}}
   - : Appends a specified key/value pair as a new search parameter.
 - {{domxref("URLSearchParams.delete()")}}
diff --git a/files/en-us/web/api/urlsearchparams/keys/index.md b/files/en-us/web/api/urlsearchparams/keys/index.md
index 3108bcda8307e3f..53b54216781fbea 100644
--- a/files/en-us/web/api/urlsearchparams/keys/index.md
+++ b/files/en-us/web/api/urlsearchparams/keys/index.md
@@ -13,7 +13,7 @@ interface returns an {{jsxref("Iteration_protocols",'iterator')}} allowing itera
 through all keys contained in this object. The keys are string
 objects.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/urlsearchparams/set/index.md b/files/en-us/web/api/urlsearchparams/set/index.md
index 1707dd9c1e7ee21..5f45c60788c5075 100644
--- a/files/en-us/web/api/urlsearchparams/set/index.md
+++ b/files/en-us/web/api/urlsearchparams/set/index.md
@@ -13,7 +13,7 @@ interface sets the value associated with a given search parameter to the given v
 If there were several matching values, this method deletes the others. If the search
 parameter doesn't exist, this method creates it.
 
-{{availableinworkers}}
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/urlsearchparams/size/index.md b/files/en-us/web/api/urlsearchparams/size/index.md
index dcfe21da7b2a500..c05e978be6e6071 100644
--- a/files/en-us/web/api/urlsearchparams/size/index.md
+++ b/files/en-us/web/api/urlsearchparams/size/index.md
@@ -8,7 +8,9 @@ browser-compat: api.URLSearchParams.size
 
 {{APIRef("URL API")}}
 
-The read-only **`URLSearchParams.size`** property indicates the total number of search parameter entries.
+The **`size`** read-only property of the {{domxref("URLSearchParams")}} interface indicates the total number of search parameter entries.
+
+{{AvailableInWorkers}}
 
 ## Value
 
diff --git a/files/en-us/web/api/urlsearchparams/sort/index.md b/files/en-us/web/api/urlsearchparams/sort/index.md
index b7c8a6f80e2e322..07344f02ea2cbb4 100644
--- a/files/en-us/web/api/urlsearchparams/sort/index.md
+++ b/files/en-us/web/api/urlsearchparams/sort/index.md
@@ -14,7 +14,7 @@ order is according to unicode code points of the keys. This method uses a stable
 algorithm (i.e. the relative order between key/value pairs with equal keys will be
 preserved).
 
-{{availableinworkers}}
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/urlsearchparams/tostring/index.md b/files/en-us/web/api/urlsearchparams/tostring/index.md
index 44f387c30d533a9..f0b1de07bf1b942 100644
--- a/files/en-us/web/api/urlsearchparams/tostring/index.md
+++ b/files/en-us/web/api/urlsearchparams/tostring/index.md
@@ -14,7 +14,7 @@ URL.
 
 > **Note:** This method returns the query string without the question mark. This is different from [`Location.search`](/en-US/docs/Web/API/Location/search), [`HTMLAnchorElement.search`](/en-US/docs/Web/API/HTMLAnchorElement/search), and [`URL.search`](/en-US/docs/Web/API/URL/search), which all include the question mark.
 
-{{availableinworkers}}
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/urlsearchparams/urlsearchparams/index.md b/files/en-us/web/api/urlsearchparams/urlsearchparams/index.md
index 281416f0290bf50..6cec050c6ca09c0 100644
--- a/files/en-us/web/api/urlsearchparams/urlsearchparams/index.md
+++ b/files/en-us/web/api/urlsearchparams/urlsearchparams/index.md
@@ -11,7 +11,7 @@ browser-compat: api.URLSearchParams.URLSearchParams
 The **`URLSearchParams()`** constructor creates and returns a
 new {{domxref("URLSearchParams")}} object.
 
-{{availableinworkers}}
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/urlsearchparams/values/index.md b/files/en-us/web/api/urlsearchparams/values/index.md
index 90e1824abbf3b30..cb35d8d80022883 100644
--- a/files/en-us/web/api/urlsearchparams/values/index.md
+++ b/files/en-us/web/api/urlsearchparams/values/index.md
@@ -13,7 +13,7 @@ interface returns an {{jsxref("Iteration_protocols",'iterator')}} allowing itera
 through all values contained in this object. The values are string
 objects.
 
-{{availableinworkers}}
+{{AvailableInWorkers}}
 
 ## Syntax
 

From d150f3edd24d8430c5832ddfd9f7a53113845a09 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 21 Dec 2023 14:30:52 +0800
Subject: [PATCH 056/790] URL Pattern API |  add readonly mark for properties &
 update constructor parameters (#31175)

* update title

* add AvailableInWorkers macros

* specific spec-urls

* update URLPattern.URLPattern parameters

* style fix

* add read-only mark

* update
---
 files/en-us/web/api/url_pattern_api/index.md  |  8 +++++--
 files/en-us/web/api/urlpattern/hash/index.md  |  2 +-
 .../web/api/urlpattern/hostname/index.md      |  2 +-
 files/en-us/web/api/urlpattern/index.md       | 21 +++++++++----------
 .../web/api/urlpattern/password/index.md      |  2 +-
 .../web/api/urlpattern/pathname/index.md      |  2 +-
 files/en-us/web/api/urlpattern/port/index.md  |  2 +-
 .../web/api/urlpattern/protocol/index.md      |  2 +-
 .../en-us/web/api/urlpattern/search/index.md  |  2 +-
 .../web/api/urlpattern/urlpattern/index.md    |  4 ++--
 .../web/api/urlpattern/username/index.md      |  2 +-
 11 files changed, 26 insertions(+), 23 deletions(-)

diff --git a/files/en-us/web/api/url_pattern_api/index.md b/files/en-us/web/api/url_pattern_api/index.md
index 77a1fda15df7ff5..79e150d43003bc2 100644
--- a/files/en-us/web/api/url_pattern_api/index.md
+++ b/files/en-us/web/api/url_pattern_api/index.md
@@ -5,15 +5,18 @@ page-type: web-api-overview
 status:
   - experimental
 browser-compat: api.URLPattern
+spec-urls: https://urlpattern.spec.whatwg.org/
 ---
 
 {{DefaultAPISidebar("URL Pattern API")}}{{SeeCompatTable}}
 
-The URL Pattern API defines a syntax that is used to create URL pattern
+The **URL Pattern API** defines a syntax that is used to create URL pattern
 matchers. These patterns can be matched against URLs or individual URL
 components. The URL Pattern API is used by the {{domxref("URLPattern")}}
 interface.
 
+{{AvailableInWorkers}}
+
 ## Concepts and usage
 
 The pattern syntax is based on the syntax from the
@@ -31,11 +34,12 @@ can contain:
 You can find details about the syntax in the [pattern syntax](#pattern_syntax)
 section below.
 
-## URL Pattern API interfaces
+## Interfaces
 
 The URL Pattern API only has a single related interface:
 
 - {{domxref("URLPattern")}} {{Experimental_Inline}}
+  - : Represents a pattern that can match URLs or parts of URLs. The pattern can contain capturing groups that extract parts of the matched URL.
 
 ## Pattern syntax
 
diff --git a/files/en-us/web/api/urlpattern/hash/index.md b/files/en-us/web/api/urlpattern/hash/index.md
index c169c7aa0c9556c..d74e03e3eb08451 100644
--- a/files/en-us/web/api/urlpattern/hash/index.md
+++ b/files/en-us/web/api/urlpattern/hash/index.md
@@ -10,7 +10,7 @@ browser-compat: api.URLPattern.hash
 
 {{APIRef("URL Pattern API")}}{{SeeCompatTable}}
 
-The **`hash`** property of the {{domxref("URLPattern")}} interface is a
+The **`hash`** read-only property of the {{domxref("URLPattern")}} interface is a
 string containing the pattern used to match the fragment part
 of a URL. This value may differ from the input to the constructor due to
 normalization.
diff --git a/files/en-us/web/api/urlpattern/hostname/index.md b/files/en-us/web/api/urlpattern/hostname/index.md
index d043f82344dfc4d..99ebaeb352c27ef 100644
--- a/files/en-us/web/api/urlpattern/hostname/index.md
+++ b/files/en-us/web/api/urlpattern/hostname/index.md
@@ -10,7 +10,7 @@ browser-compat: api.URLPattern.hostname
 
 {{APIRef("URL Pattern API")}}{{SeeCompatTable}}
 
-The **`hostname`** property of the {{domxref("URLPattern")}} interface is a
+The **`hostname`** read-only property of the {{domxref("URLPattern")}} interface is a
 string containing the pattern used to match the hostname part
 of a URL. This value may differ from the input to the constructor due to
 normalization.
diff --git a/files/en-us/web/api/urlpattern/index.md b/files/en-us/web/api/urlpattern/index.md
index b96d548ca5ac489..ca8dc896d672541 100644
--- a/files/en-us/web/api/urlpattern/index.md
+++ b/files/en-us/web/api/urlpattern/index.md
@@ -9,11 +9,10 @@ browser-compat: api.URLPattern
 
 {{APIRef("URL Pattern API")}}{{SeeCompatTable}}
 
-The **`URLPattern`** interface matches URLs or parts of URLs against a pattern.
-The pattern can contain capturing groups that extract parts of the matched URL.
+The **`URLPattern`** interface of the {{domxref("URL Pattern API", "", "", "nocode")}} matches URLs or parts of URLs against a pattern. The pattern can contain capturing groups that extract parts of the matched URL.
 
 More information about the syntax of patterns can be found on the API overview
-page: [URL Pattern API](/en-US/docs/Web/API/URL_Pattern_API)
+page: {{domxref("URL Pattern API", "", "", "nocode")}}.
 
 {{AvailableInWorkers}}
 
@@ -24,28 +23,28 @@ page: [URL Pattern API](/en-US/docs/Web/API/URL_Pattern_API)
 
 ## Instance properties
 
-- {{domxref("URLPattern.hash", "hash")}} {{Experimental_Inline}}
+- {{domxref("URLPattern.hash", "hash")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A string containing a pattern to match the _hash_ part
     of a URL.
-- {{domxref("URLPattern.hostname", "hostname")}} {{Experimental_Inline}}
+- {{domxref("URLPattern.hostname", "hostname")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A string containing a pattern to match the _hostname_
     part of a URL.
-- {{domxref("URLPattern.password", "password")}} {{Experimental_Inline}}
+- {{domxref("URLPattern.password", "password")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A string containing a pattern to match the _password_
     part of a URL.
-- {{domxref("URLPattern.pathname", "pathname")}} {{Experimental_Inline}}
+- {{domxref("URLPattern.pathname", "pathname")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A string containing a pattern to match the _pathname_
     part of a URL.
-- {{domxref("URLPattern.port", "port")}} {{Experimental_Inline}}
+- {{domxref("URLPattern.port", "port")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A string containing a pattern to match the _port_ part
     of a URL.
-- {{domxref("URLPattern.protocol", "protocol")}} {{Experimental_Inline}}
+- {{domxref("URLPattern.protocol", "protocol")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A string containing a pattern to match the _protocol_
     part of a URL.
-- {{domxref("URLPattern.search", "search")}} {{Experimental_Inline}}
+- {{domxref("URLPattern.search", "search")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A string containing a pattern to match the _search_ part
     of a URL.
-- {{domxref("URLPattern.username","username")}} {{Experimental_Inline}}
+- {{domxref("URLPattern.username","username")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A string containing a pattern to match the _username_
     part of a URL.
 
diff --git a/files/en-us/web/api/urlpattern/password/index.md b/files/en-us/web/api/urlpattern/password/index.md
index 83d16d25d57cd7d..2118f054fb3684d 100644
--- a/files/en-us/web/api/urlpattern/password/index.md
+++ b/files/en-us/web/api/urlpattern/password/index.md
@@ -10,7 +10,7 @@ browser-compat: api.URLPattern.password
 
 {{APIRef("URL Pattern API")}}{{SeeCompatTable}}
 
-The **`password`** property of the {{domxref("URLPattern")}} interface is a
+The **`password`** read-only property of the {{domxref("URLPattern")}} interface is a
 string containing the pattern used to match the password part
 of a URL. This value may differ from the input to the constructor due to
 normalization.
diff --git a/files/en-us/web/api/urlpattern/pathname/index.md b/files/en-us/web/api/urlpattern/pathname/index.md
index d935c11abb96c9f..b5f66adbad06373 100644
--- a/files/en-us/web/api/urlpattern/pathname/index.md
+++ b/files/en-us/web/api/urlpattern/pathname/index.md
@@ -10,7 +10,7 @@ browser-compat: api.URLPattern.pathname
 
 {{APIRef("URL Pattern API")}}{{SeeCompatTable}}
 
-The **`pathname`** property of the {{domxref("URLPattern")}} interface is a
+The **`pathname`** read-only property of the {{domxref("URLPattern")}} interface is a
 string containing the pattern used to match the pathname part
 of a URL. This value may differ from the input to the constructor due to
 normalization.
diff --git a/files/en-us/web/api/urlpattern/port/index.md b/files/en-us/web/api/urlpattern/port/index.md
index 46dd5575bc81b17..b04da7d4ced1da1 100644
--- a/files/en-us/web/api/urlpattern/port/index.md
+++ b/files/en-us/web/api/urlpattern/port/index.md
@@ -10,7 +10,7 @@ browser-compat: api.URLPattern.port
 
 {{APIRef("URL Pattern API")}}{{SeeCompatTable}}
 
-The **`port`** property of the {{domxref("URLPattern")}} interface is a
+The **`port`** read-only property of the {{domxref("URLPattern")}} interface is a
 string containing the pattern used to match the port part of a
 URL. This value may differ from the input to the constructor due to
 normalization.
diff --git a/files/en-us/web/api/urlpattern/protocol/index.md b/files/en-us/web/api/urlpattern/protocol/index.md
index 1b4622c5daccfc2..699c7468cc8fde0 100644
--- a/files/en-us/web/api/urlpattern/protocol/index.md
+++ b/files/en-us/web/api/urlpattern/protocol/index.md
@@ -10,7 +10,7 @@ browser-compat: api.URLPattern.protocol
 
 {{APIRef("URL Pattern API")}}{{SeeCompatTable}}
 
-The **`protocol`** property of the {{domxref("URLPattern")}} interface is a
+The **`protocol`** read-only property of the {{domxref("URLPattern")}} interface is a
 string containing the pattern used to match the protocol part
 of a URL. This value may differ from the input to the constructor due to
 normalization.
diff --git a/files/en-us/web/api/urlpattern/search/index.md b/files/en-us/web/api/urlpattern/search/index.md
index b4eb5fa1ee14170..f69a944554efdc3 100644
--- a/files/en-us/web/api/urlpattern/search/index.md
+++ b/files/en-us/web/api/urlpattern/search/index.md
@@ -10,7 +10,7 @@ browser-compat: api.URLPattern.search
 
 {{APIRef("URL Pattern API")}}{{SeeCompatTable}}
 
-The **`search`** property of the {{domxref("URLPattern")}} interface is a
+The **`search`** read-only property of the {{domxref("URLPattern")}} interface is a
 string containing the pattern used to match the search part of
 a URL. This value may differ from the input to the constructor due to
 normalization.
diff --git a/files/en-us/web/api/urlpattern/urlpattern/index.md b/files/en-us/web/api/urlpattern/urlpattern/index.md
index 049e29d067a2e31..c44f8a6a9cef52d 100644
--- a/files/en-us/web/api/urlpattern/urlpattern/index.md
+++ b/files/en-us/web/api/urlpattern/urlpattern/index.md
@@ -45,8 +45,8 @@ new URLPattern(input, baseURL, options)
     `input` is a relative pattern. If not specified, it defaults to `undefined`.
 - `options` {{Optional_Inline}}
   - : An object providing options for matching the given pattern. The possible object members are as follows:
-    - `ignoreCase`
-      - Enables case-insensitive matching if set to `true`. If omitted or set to `false`, matching will be case-sensitive.
+    - `ignoreCase` {{Optional_Inline}}
+      - : Enables case-insensitive matching if set to `true`. If omitted or set to `false`, matching will be case-sensitive.
 
 ### Exceptions
 
diff --git a/files/en-us/web/api/urlpattern/username/index.md b/files/en-us/web/api/urlpattern/username/index.md
index 52387907e42506b..559abc00a4cd4f6 100644
--- a/files/en-us/web/api/urlpattern/username/index.md
+++ b/files/en-us/web/api/urlpattern/username/index.md
@@ -10,7 +10,7 @@ browser-compat: api.URLPattern.username
 
 {{APIRef("URL Pattern API")}}{{SeeCompatTable}}
 
-The **`username`** property of the {{domxref("URLPattern")}} interface is a
+The **`username`** read-only property of the {{domxref("URLPattern")}} interface is a
 string containing the pattern used to match the username part
 of a URL. This value may differ from the input to the constructor due to
 normalization.

From e96d15eab67b16f759e4b08ba1a512a340c5cbb9 Mon Sep 17 00:00:00 2001
From: Rami Yushuvaev <r_a_m_i@hotmail.com>
Date: Thu, 21 Dec 2023 09:23:41 +0200
Subject: [PATCH 057/790] CSS `opacity` based on `prefers-reduced-transparency`
 media query (#30999)

* CSS `opacity` based on `prefers-reduced-transparency` media query

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* update

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 files/en-us/web/css/opacity/index.md | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/css/opacity/index.md b/files/en-us/web/css/opacity/index.md
index 9035478a5e90c0e..1f8e4ea55507554 100644
--- a/files/en-us/web/css/opacity/index.md
+++ b/files/en-us/web/css/opacity/index.md
@@ -7,7 +7,7 @@ browser-compat: css.properties.opacity
 
 {{CSSRef}}
 
-The **`opacity`** CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.
+The **`opacity`** [CSS](/en-US/docs/Web/CSS) property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.
 
 {{EmbedInteractiveExample("pages/css/opacity.html")}}
 
@@ -61,6 +61,8 @@ Color contrast ratio is determined by comparing the luminosity of the opacity-ad
 - [MDN Understanding WCAG, Guideline 1.4 explanations](/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable#guideline_1.4_make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background)
 - [Understanding Success Criterion 1.4.3 | W3C Understanding WCAG 2.0](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html)
 
+Various operating systems provide a preference for reducing transparency. To set the `opacity` based on the user's operating systems transparency preferences, use the [`prefers-reduced-transparency`](/en-US/docs/Web/CSS/@media/prefers-reduced-transparency) media query.
+
 ## Formal definition
 
 {{cssinfo}}
@@ -151,6 +153,22 @@ img.opacity:hover {
 
 {{EmbedLiveSample('Setting_opacity_on_hover', '150', '200')}}
 
+### Styling based on user preferences
+
+To style elements based on user's operating systems transparency preferences, use the [`prefers-reduced-transparency`](/en-US/docs/Web/CSS/@media/prefers-reduced-transparency) media query. The following example demonstrates how to use the `prefers-color-scheme` media query to specify the desired `opacity` based on the user's preferences.
+
+```css
+.element {
+  opacity: 0.5;
+}
+
+@media (prefers-reduced-transparency) {
+  .element {
+    opacity: 1;
+  }
+}
+```
+
 ## Specifications
 
 {{Specifications}}
@@ -158,3 +176,8 @@ img.opacity:hover {
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- [`prefers-reduced-transparency`](/en-US/docs/Web/CSS/@media/prefers-reduced-transparency) media query
+- [CSS color](/en-US/docs/Web/CSS/CSS_colors) module

From 264ca2e47d5081ee733aed2a35b955190021ce4d Mon Sep 17 00:00:00 2001
From: EJ Mason <13525251+mxmason@users.noreply.github.com>
Date: Thu, 21 Dec 2023 02:59:17 -0800
Subject: [PATCH 058/790] MDN React tutorials #1: Getting started (#30177)

* chore: replace create-react-app with vite

* chore: .js --> .jsx

* chore: add dev script section

* chore: update App component walkthrough

* fix: use correct h1 link

* feat: rewrite more

* chore: apply suggestions from review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* chore: fix npm script syntax

* chore: rewrite node install instructions

* chore: delete extraneous section

* chore: delete image from replacement code

* chore: add syntax explainer

* chore: clean up final section

* chore: rewrite jsx section

* chore: nitpick notes

* chore: delete React 17 note

* chore(nit): hard drive -> machine

* chore: apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* remove superfluous quote

* chore: replace create-react-app image with vite

* chore: index.jsx --> main.jsx

* chore: clean up prop-comment section

* chore: delete note on multi-word attributes

* chore: use code syntax in heading

* chore: change npm script note

* chore: update note again

* chore: fix image alt

* chore: apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* chore: replace rollup mention with generic bundler reference

* chore: document assets directory

* chore: document lockfile

* chore: disambiguate app function and component

* chore: add some

* Small App() related tweaks

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 .../default-create-react-app.png              | Bin 38330 -> 0 bytes
 .../react_getting_started/default-vite.png    | Bin 0 -> 36545 bytes
 .../react_getting_started/index.md            | 405 ++++++++++--------
 3 files changed, 220 insertions(+), 185 deletions(-)
 delete mode 100644 files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/default-create-react-app.png
 create mode 100644 files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/default-vite.png

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/default-create-react-app.png b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/default-create-react-app.png
deleted file mode 100644
index 3e31311d6496902320a2b5ada888e96eb89ccae9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 38330
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

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/default-vite.png b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/default-vite.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad5d02c4cafede69c5cf46520dc1b7b263cc52bc
GIT binary patch
literal 36545
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

literal 0
HcmV?d00001

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
index d42792de38c265d..123aef3ea6319a3 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
@@ -59,7 +59,7 @@ While React _can_ be used for [small pieces of an interface](https://react.dev/l
 
 In addition, many of the developer-experience benefits of a React app, such as writing interfaces with JSX, require a compilation process. Adding a compiler like Babel to a website makes the code on it run slowly, so developers often set up such tooling with a build step. React arguably has a heavy tooling requirement, but it can be learned.
 
-This article is going to focus on the use case of using React to render the entire user interface of an application, using tooling provided by Facebook's own [create-react-app](https://create-react-app.dev/) tool.
+This article is going to focus on the use case of using React to render the entire user interface of an application with the support of [Vite](https://vitejs.dev/), a modern front-end build tool.
 
 ## How does React use JavaScript?
 
@@ -109,335 +109,363 @@ To read more about JSX, check out the React team's [Writing Markup with JSX](htt
 
 ## Setting up your first React app
 
-There are many ways to use React, but we're going to use the command-line interface (CLI) tool create-react-app, as mentioned earlier, which expedites the process of developing a React application by installing some packages and creating some files for you, handling the tooling described above.
+There are many ways to create a new React application. We're going to use Vite to create a new application via the command line.
 
-It's possible to [add React to a website without create-react-app](https://react.dev/learn/add-react-to-an-existing-project) by copying some [`<script>`](/en-US/docs/Web/HTML/Element/script) elements into an HTML file, but the create-react-app CLI is a common starting point for React applications. Using it will allow you to spend more time building your app, and less time fussing with setup.
+It's possible to [add React to an existing project](https://react.dev/learn/add-react-to-an-existing-project) by copying some [`<script>`](/en-US/docs/Web/HTML/Element/script) elements into an HTML file, but using Vite will allow you to spend more time building your app and less time fussing with setup.
 
 ### Requirements
 
-In order to use create-react-app, you need to have [Node.js](https://nodejs.org/en/) installed. It's recommended that you use the long-term support (LTS) version. Node includes npm (the node package manager), and npx (the node package runner).
+In order to use Vite, you need to have [Node.js](https://nodejs.org/en/) installed. As of Vite 5.0, at least Node version 18 or later is required, and it's a good idea to run the latest long term support (LTS) version when you can. As of 24th October 2023, Node 20 is the latest LTS version. Node includes npm (the Node package manager).
 
-You may also use the Yarn package manager as an alternative, but we'll assume you are using npm in this set of tutorials. See [Package management basics](/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Package_management) for more information on npm and yarn.
+To check your version of Node, run the following in your terminal:
+
+```bash
+node -v
+```
+
+If Node is installed, you'll see a version number. If it isn't, you'll see an error message. To install Node, follow the instructions on the [Node.js website](https://nodejs.org/en/).
+
+You may use the Yarn package manager as an alternative to npm but we'll assume you're using npm in this set of tutorials. See [Package management basics](/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Package_management) for more information on npm and yarn.
 
 If you're using Windows, you will need to install some software to give you parity with Unix/macOS terminal in order to use the terminal commands mentioned in this tutorial. **Gitbash** (which comes as part of the [git for Windows toolset](https://gitforwindows.org/)) or **[Windows Subsystem for Linux](https://docs.microsoft.com/windows/wsl/about)** (**WSL**) are both suitable. See [Command line crash course](/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line) for more information on these, and on terminal commands in general.
 
 Also bear in mind that React and ReactDOM produce apps that only work on a fairly modern set of browsers — IE9+ by way of some polyfills. It is recommended that you use a modern browser like Firefox, Microsoft Edge, Safari, or Chrome when working through these tutorials.
 
-Also, see the following for more information:
+See the following for more information:
 
 - ["About npm" on the npm blog](https://docs.npmjs.com/about-npm/)
 - ["Introducing npx" on the npm blog](https://blog.npmjs.org/post/162869356040/introducing-npx-an-npm-package-runner)
-- [The create-react-app documentation](https://create-react-app.dev/)
+- [Vite's documentation](https://vitejs.dev/guide/)
 
 ### Initializing your app
 
-create-react-app takes one argument: the name you'd like to give your app. create-react-app uses this name to make a new directory, then creates the necessary files inside it. Make sure you `cd` to the place you'd like your app to live on your hard drive, then run the following in your terminal:
+The npm package manager comes with a `create` command that allows you to create new projects from templates. We can use it to create a new app from Vite's standard React template. Make sure you `cd` to the place you'd like your app to live on your machine, then run the following in your terminal:
 
 ```bash
-npx create-react-app moz-todo-react
+npm create vite@latest moz-todo-react -- --template react
 ```
 
-This creates a `moz-todo-react` directory, and does several things inside it:
+This creates a `moz-todo-react` directory using Vite's `react` template.
 
-- Installs some npm packages essential to the functionality of the app.
-- Writes scripts for starting and serving the application.
-- Creates a structure of files and directories that define the basic app architecture.
-- Initializes the directory as a git repository, if you have git installed on your computer.
+> **Note:** The `--` is necessary to pass arguments to npm commands such as `create`, and the `--template react` argument tells Vite to use its React template.
 
-> **Note:** if you have the Yarn package manager installed, create-react-app will default to using it instead of npm. If you have both package managers installed and explicitly want to use npm, you can add the flag `--use-npm` when you run create-react-app:
->
-> ```bash
-> npx create-react-app moz-todo-react --use-npm
-> ```
+Your terminal will have printed some messages if this command was successful. You should see text prompting you to `cd` to your new directory, install the app's dependencies, and run the app locally. Let's start with two of those commands. Run the following in your terminal:
+
+```bash
+cd moz-todo-react && npm install
+```
+
+Once the process is complete, we need to start a local development server to run our app. Here, we're going to add some command line flags to Vite's default suggestion to open the app in our browser as soon as the server starts, and use port 3000.
 
-create-react-app will display a number of messages in your terminal while it works; this is normal! This might take a few minutes, so now might be a good time to go make a cup of tea.
+Run the following in your terminal:
 
-When the process is complete, `cd` into the `moz-todo-react` directory and run the command `npm start`. The scripts installed by create-react-app will start being served at a local server at localhost:3000, and open the app in a new browser tab. Your browser will display something like this:
+```bash
+npm run dev -- --open --port 3000
+```
+
+Once the server starts, you should see a new browser tab containing your React app:
 
-![Screenshot of Firefox MacOS, open to localhost:3000, showing the default create-react-app application](default-create-react-app.png)
+![Screenshot of Firefox MacOS open to localhost:3000, showing an application made from Vite's React template](default-vite.png)
 
 ### Application structure
 
-create-react-app gives us everything we need to develop a React application. Its initial file structure looks like this:
+Vite gives us everything we need to develop a React application. Its initial file structure looks like this:
 
 ```plain
 moz-todo-react
 ├── README.md
+├── index.html
 ├── node_modules
-├── package.json
 ├── package-lock.json
-├── .gitignore
+├── package.json
 ├── public
-│   ├── favicon.ico
-│   ├── index.html
-│   ├── logo192.png
-│   ├── logo512.png
-│   ├── manifest.json
-│   └── robots.txt
-└── src
-    ├── App.css
-    ├── App.js
-    ├── App.test.js
-    ├── index.css
-    ├── index.js
-    ├── logo.svg
-    ├── reportWebVitals.js
-    └── setupTests.js
+│   └── vite.svg
+├── src
+│   ├── App.css
+│   ├── App.jsx
+│   ├── assets
+│   │   └── react.svg
+│   ├── index.css
+│   └── main.jsx
+└── vite.config.js
 ```
 
-The **`src`** directory is where we'll spend most of our time, as it's where the source code for our application lives.
+**`index.html`** is the most important top-level file. Vite injects your code into this file so that your browser can run it. You won't need to edit this file during our tutorial, but you should change the text inside the [`<title>`](/en-US/docs/Web/HTML/Element/title) element in this file to reflect the title of your application. Accurate page titles are important for accessibility.
+
+The **`public`** directory contains static files that will be served directly to your browser without being processed by Vite's build tooling. Right now, it only contains a Vite logo.
 
-The **`public`** directory contains files that will be read by your browser while you're developing the app; the most important of these is `index.html`. React injects your code into this file so that your browser can run it. There's some other markup that helps create-react-app function, so take care not to edit it unless you know what you're doing. You very much should change the text inside the [`<title>`](/en-US/docs/Web/HTML/Element/title) element in this file to reflect the title of your application. Accurate page titles are important for accessibility!
+The **`src`** directory is where we'll spend most of our time, as it's where the source code for our application lives. You'll notice that some JavaScript files in this directory end in the extension `.jsx`. This extension is necessary for any file that contains JSX – it tells Vite to turn the JSX syntax into JavaScript that your browser can understand. The `src/assets` directory contains the React logo you saw in the browser.
+
+The `package.json` and `package-lock.json` files contain metadata about our project. These files are not unique to React applications: Vite populated `package.json` for us, and npm created `package-lock.json` for when we installed the app's dependencies. You don't need to understand these files at all to complete this tutorial. However, if you'd like to learn more about them, you can read about [`package.json`](https://docs.npmjs.com/cli/v9/configuring-npm/package-json/) and [`package-lock.json`](https://docs.npmjs.com/cli/v9/configuring-npm/package-lock-json) in the npm docs. We also talk about `package.json` in our [Package management basics](/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Package_management) tutorial.
+
+### Customizing our dev script
+
+Before we move on, you might want to change your `package.json` file a little bit so that you don't have to pass the `--open` and `--port` flags every time you run `npm run dev`. Open `package.json` in your text editor and find the `scripts` object. Change the `"dev"` key so that it looks like this:
+
+```diff
+- "dev": "vite",
++ "dev": "vite --open --port 3000",
+```
 
-The `public` directory will also be published when you build and deploy a production version of your app. We won't cover deployment in this tutorial, but you should be able to use a similar solution to that described in our [Deploying our app](/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Deployment) tutorial.
+With this in place, your app will open in your browser at `http://localhost:3000` every time you run `npm run dev`.
 
-The `package.json` file contains information about our project that Node.js/npm uses to keep it organized. This file is not unique to React applications; create-react-app merely populates it. You don't need to understand this file at all to complete this tutorial, however, if you'd like to learn more about it, you can read [package.json on the npm blog](https://docs.npmjs.com/cli/v9/configuring-npm/package-json/); we also talk about it in our [Package management basics](/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Package_management) tutorial.
+> **Note:** You _don't_ need the extra `--` here because we're passing arguments directly to `vite`, rather than to a pre-defined npm script.
 
-## Exploring our first React component — \<App/>
+## Exploring our first React component — `<App />`
 
-In React, a **component** is a reusable module that renders a part of our app. These parts can be big or small, but they are usually clearly defined: they serve a single, obvious purpose.
+In React, a **component** is a reusable module that renders a part of our overall application. Components can be big or small, but they are usually clearly defined: they serve a single, obvious purpose.
 
-Let's open `src/App.js`, since our browser is prompting us to edit it. This file contains our first component, `App`, and a few other lines of code:
+Let's open `src/App.jsx`, since our browser is prompting us to edit it. This file contains our first component, `<App />`:
 
 ```jsx
-import logo from "./logo.svg";
+import { useState } from "react";
+import reactLogo from "./assets/react.svg";
+import viteLogo from "/vite.svg";
 import "./App.css";
 
 function App() {
+  const [count, setCount] = useState(0);
+
   return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
+    <>
+      <div>
+        <a href="https://vitejs.dev" target="_blank">
+          <img src={viteLogo} className="logo" alt="Vite logo" />
+        </a>
+        <a href="https://react.dev" target="_blank">
+          <img src={reactLogo} className="logo react" alt="React logo" />
+        </a>
+      </div>
+      <h1>Vite + React</h1>
+      <div className="card">
+        <button onClick={() => setCount((count) => count + 1)}>
+          count is {count}
+        </button>
         <p>
-          Edit <code>src/App.js</code> and save to reload.
+          Edit <code>src/App.jsx</code> and save to test HMR
         </p>
-        <a
-          className="App-link"
-          href="https://react.dev"
-          target="_blank"
-          rel="noopener noreferrer">
-          Learn React
-        </a>
-      </header>
-    </div>
+      </div>
+      <p className="read-the-docs">
+        Click on the Vite and React logos to learn more
+      </p>
+    </>
   );
 }
+
 export default App;
 ```
 
-The `App.js` file consists of three main parts: some [`import`](/en-US/docs/Web/JavaScript/Reference/Statements/import) statements at the top, the `App` component in the middle, and an [`export`](/en-US/docs/Web/JavaScript/Reference/Statements/export) statement at the bottom. Most React components follow this pattern.
+The `App.jsx` file consists of three main parts: some [`import`](/en-US/docs/Web/JavaScript/Reference/Statements/import) statements at the top, the `App()` funtion in the middle, and an [`export`](/en-US/docs/Web/JavaScript/Reference/Statements/export) statement at the bottom. Most React components follow this pattern.
 
 ### Import statements
 
-The `import` statements at the top of the file allow `App.js` to use code that has been defined elsewhere. Let's look at these statements more closely.
+The `import` statements at the top of the file allow `App.jsx` to use code that has been defined elsewhere. Let's look at these statements more closely.
 
 ```jsx
-import logo from "./logo.svg";
+import { useState } from "react";
+import reactLogo from "./assets/react.svg";
+import viteLogo from "/vite.svg";
 import "./App.css";
 ```
 
-The first statement imports a logo from `'./logo.svg'`. Note the use of `./` at the beginning of the path and the `.svg` extension at the end — these tell us that the file is local and that it is not a JavaScript file. Indeed, the `logo.svg` file lives in our source directory.
+The first statement imports the `useState` hook from the `react` library. Hooks are a way of using React's features inside a component. We'll talk more about hooks later in this tutorial.
 
-The second statement imports the CSS related to our App component. Note that there is no variable name and no `from` directive. This is called a [_side-effect import_](/en-US/docs/Web/JavaScript/Reference/Statements/import#import_a_module_for_its_side_effects_only) — it doesn't import any value into the JavaScript file, but it tells Webpack, the bundler, to add the referenced CSS file to the final CSS bundle.
+After that, we import `reactLogo` and `viteLogo`. Note that their import paths start with `./` and `/` respectively and that they end with the `.svg` extension at the end. This tells us that these imports are _local_, referencing our own files rather than npm packages.
 
-Releases of React prior to the React 17 release in 2020 also required an import of the React library itself, as in - `import React from 'react'`. Skipping this step would result in an error: React turned the JSX we write into `React.createElement()`, so all React components needed to import the `React` module. React 17 introduced a new, rewritten version of the JSX transform that makes this statement unnecessary, with backported support to React 16.14.0, React 15.7.0, and React 0.14.10 (read more on the [official React doc](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html)).
+The final statement imports the CSS related to our `<App />` component. Note that there is no variable name and no `from` directive. This is called a [_side-effect import_](/en-US/docs/Web/JavaScript/Reference/Statements/import#import_a_module_for_its_side_effects_only) — it doesn't import any value into the JavaScript file, but it tells Vite to add the referenced CSS file to the final code output, so that it can be used in the browser.
 
-### The App component
+### The `App()` function
 
-After the imports, we have a function named `App`. Whereas most of the JavaScript community prefers {{Glossary("camel_case", "lower camel case")}} names like `helloWorld`, React components use Pascal case (or upper camel case) variable names, like `HelloWorld`, to make it clear that a given JSX element is a React component, and not a regular HTML tag. If you were to rename the `App` function to `app`, your browser would show you an error.
+After the imports, we have a function named `App()`, which defines the structure of the `App` component. Whereas most of the JavaScript community prefers {{Glossary("camel_case", "lower camel case")}} names like `helloWorld`, React components use Pascal case (or upper camel case) variable names, like `HelloWorld`, to make it clear that a given JSX element is a React component and not a regular HTML tag. If you were to rename the `App()` function to `app()`, your browser would throw an error.
 
-Let's look at `App` more closely.
+Let's look at `App()` more closely.
 
 ```jsx
 function App() {
+  const [count, setCount] = useState(0);
+
   return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
+    <>
+      <div>
+        <a href="https://vitejs.dev" target="_blank">
+          <img src={viteLogo} className="logo" alt="Vite logo" />
+        </a>
+        <a href="https://react.dev" target="_blank">
+          <img src={reactLogo} className="logo react" alt="React logo" />
+        </a>
+      </div>
+      <h1>Vite + React</h1>
+      <div className="card">
+        <button onClick={() => setCount((count) => count + 1)}>
+          count is {count}
+        </button>
         <p>
-          Edit <code>src/App.js</code> and save to reload.
+          Edit <code>src/App.jsx</code> and save to test HMR
         </p>
-        <a
-          className="App-link"
-          href="https://react.dev"
-          target="_blank"
-          rel="noopener noreferrer">
-          Learn React
-        </a>
-      </header>
-    </div>
+      </div>
+      <p className="read-the-docs">
+        Click on the Vite and React logos to learn more
+      </p>
+    </>
   );
 }
 ```
 
-The `App` function returns a JSX expression. This expression defines what your browser ultimately renders to the DOM.
+The `App()` function returns a JSX expression. This expression defines what your browser ultimately renders to the DOM.
 
-Some elements in the expression have attributes, which are written just like in HTML, following a pattern of `attribute="value"`. On line 3, the opening [`<div>`](/en-US/docs/Web/HTML/Element/div) tag has a `className` attribute. This is the same as the [`class`](/en-US/docs/Web/HTML/Global_attributes/class) attribute in HTML, but because JSX is JavaScript, we can't use the word `class` — it's reserved, meaning JavaScript already uses it for a specific purpose and it would cause problems here in our code. A few other HTML attributes are written differently in JSX than they are in HTML too, for the same kind of reason. We'll cover them as we encounter them.
+Just under the `return` keyword is a special bit of syntax: `<>`. This is a [fragment](https://react.dev/docs/fragments). React components have to return a single JSX element, and fragments allow us to do that without rendering arbitrary `<div>`s in the browser. You'll see fragments in many React applications.
 
-Take a moment to change the [`<p>`](/en-US/docs/Web/HTML/Element/p) element on lines 6–8 so that it reads "Hello, World!", then save your file. You'll notice that this change is immediately rendered in the development server running at `http://localhost:3000` in your browser. Now delete the [`<a>`](/en-US/docs/Web/HTML/Element/a) element and save; the "Learn React" link will be gone.
+### The `export` statement
 
-Your `App` component should now look like this:
+There's one more line of code after the `App()` function:
 
 ```jsx
-function App() {
-  return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>Hello, World!</p>
-      </header>
-    </div>
-  );
-}
+export default App;
 ```
 
-### Export statements
-
-At the very bottom of the `App.js` file, the statement `export default App` makes our `App` component available to other modules.
+This export statement makes our `App()` function available to other modules. We'll talk more about this later.
 
-## Interrogating the index
+## Moving on to `main`
 
-Let's open `src/index.js`, because that's where the `App` component is being used. This file is the entry point for our app, and it initially looks like this:
+Let's open `src/main.jsx`, because that's where the `<App />` component is being used. This file is the entry point for our app, and it initially looks like this:
 
 ```jsx
 import React from "react";
 import ReactDOM from "react-dom/client";
+import App from "./App.jsx";
 import "./index.css";
-import App from "./App";
-import reportWebVitals from "./reportWebVitals";
 
-const root = ReactDOM.createRoot(document.getElementById("root"));
-root.render(
+ReactDOM.createRoot(document.getElementById("root")).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
 );
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
 ```
 
-As with `App.js`, the file starts by importing all the JS modules and other assets it needs to run.
+As with `App.jsx`, the file starts by importing all the JS modules and other assets it needs to run.
 
 The first two statements import the `React` and `ReactDOM` libraries because they are referenced later in the file. We don't write a path or extension when importing these libraries because they are not local files. In fact, they are listed as dependencies in our `package.json` file. Be careful of this distinction as you work through this lesson!
 
-`index.css` holds global styles that are applied to our whole app. We can also see our `App` component imported here; it is made available for import thanks to the `export` statement at the bottom of `App.js`.
+We then import our `App()` function and `index.css`, which holds global styles that are applied to our whole app.
+
+We then call the `ReactDOM.createRoot()` function, which defines the root node of our application. This takes as an argument the DOM element inside which we want our React app to be rendered. In this case, that's the DOM element with an ID of `root`. Finally, we chain the `render()` method onto the `createRoot()` call, passing it the JSX expression that we want to render inside our root. By writing `<App />` as this JSX expression, we're telling React to call the `App()` _function_ which renders the `App` _component_ inside the root node.
+
+> **Note:** `<App />` is rendered inside a special `<React.StrictMode>` component. This component helps developers catch potential problems in their code.
 
-Line 7 calls the `ReactDOM.createRoot()` function with the DOM element inside which we want the React element to be rendered, in this case the DOM element with an ID of `root`. If you look inside `public/index.html`, you'll see that this is a `<div>` element just inside the `<body>`. React will create a root for this node, and take over managing the DOM inside it (read more on the [official react doc](https://react.dev/reference/react-dom/client/createRoot)). The function returns the `root`.
+You can read up on these React APIs, if you'd like:
 
-Line 8 calls the `root.render()` method with the React element we want to render into the DOM, `<App />` in this case. We use [strict mode](https://react.dev/reference/react/StrictMode) during development to find common bugs in our components.
+- [`ReactDOM.createRoot()`](https://react.dev/reference/react-dom/client/createRoot)
+- [`React.StrictMode`](https://react.dev/reference/react/StrictMode)
 
-All of this tells React that we want to render our React application with `<App />` as the root, or first element.
+## Starting fresh
 
-> **Note:** In JSX, React elements and HTML elements must have closing slashes. Writing just `<App>` or just `<img>` will cause an error.
+Before we start building our app, we're going to delete some of the boilerplate code that Vite provided for us.
 
-[`reportWebVitals`](https://create-react-app.dev/docs/measuring-performance/) are a set of useful metrics that aim to capture the user experience of a web page, but they're not in scope for this article. You can delete its import line, as well as the `reportWebVitals();` line.
+First, as an experiment, change the [`<h1>`](/en-US/docs/Web/HTML/Element/Heading_Elements) element in `App.jsx` so that it reads "Hello, World!", then save your file. You'll notice that this change is immediately rendered in the development server running at `http://localhost:3000` in your browser. Bear this in mind as you work on your app.
 
-Your final `index.js` file should look like this:
+We won't be using the rest of the code! Replace the contents of `App.jsx` with the following:
 
 ```jsx
-import React from "react";
-import ReactDOM from "react-dom/client";
-import "./index.css";
-import App from "./App";
+import "./App.css";
 
-const root = ReactDOM.createRoot(document.getElementById("root"));
-root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-);
+function App() {
+  return (
+    <>
+      <header>
+        <h1>Hello, World!</h1>
+      </header>
+    </>
+  );
+}
+
+export default App;
 ```
 
-## Variables and props
+## Practice with JSX
 
-Next, we'll use a few of our JavaScript skills to get a bit more comfortable editing components and working with data in React. We'll talk about how variables are used inside JSX, and introduce props, which are a way of passing data into a component (which can then be accessed using variables).
+Next, we'll use our JavaScript skills to get a bit more comfortable writing JSX and working with data in React. We'll talk about how to add attributes to JSX elements, how to write comments, how to render content from variables and other expressions, and how to pass data into components with props.
 
-### Variables in JSX
+### Adding attributes to JSX elements
 
-Back in `App.js`, let's focus on line 8:
+JSX elements can have attributes, just like HTML elements. Try adding a `<button>` below the `<h1>` element in your `App.jsx` file, like this:
 
 ```jsx
-<img src={logo} className="App-logo" alt="logo" />
+<button type="button">Click me!</button>
 ```
 
-Here, the `<img />` tag's `src` attribute value is in curly braces. This is how JSX recognizes variables. React will see `{logo}`, know you are referring to the logo import on the first line of our app, then retrieve the logo file and render it.
+When you save your file, you'll see a button with the words `Click me!`. The button doesn't do anything yet, but we'll learn about adding interactivity to our app soon.
 
-Let's try making a variable of our own. Before the return statement of `App`, add `const subject = "React";`. Your `App` component should now look like this:
+Some attributes are different than their HTML counterparts. For example, the `class` attribute in HTML translates to `className` in JSX. This is because `class` is a reserved word in JavaScript, and JSX is a JavaScript extension. If you wanted to add a `primary` class to your button, you'd write it like this:
 
 ```jsx
-function App() {
-  const subject = "React";
-  return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>Hello, World!</p>
-      </header>
-    </div>
-  );
-}
+<button type="button" className="primary">
+  Click me!
+</button>
 ```
 
-Change the `<p>` element to use our `subject` variable instead of the word "World", like this:
+### JavaScript expressions as content
+
+Unlike HTML, JSX allows us to write variables and other JavaScript expressions right alongside our other content. Let's declare a variable called `subject` just above the `App()` function:
 
 ```jsx
+const subject = "React";
 function App() {
-  const subject = "React";
-  return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>Hello, {subject}!</p>
-      </header>
-    </div>
-  );
+  // code omitted for brevity
 }
 ```
 
-When you save, your browser should display "Hello, React!" instead of "Hello, World!"
+Next, replace the word "World" in the `<h1>` element with `{subject}`:
 
-Variables are convenient, but the one we've just set doesn't make great use of React's features. That's where props come in.
+```jsx
+<h1>Hello, {subject}!</h1>
+```
 
-### Component props
+Save your file and check your browser. You should see "Hello, React!" rendered.
 
-A **prop** is any data passed into a React component. React props are comparable to HTML attributes. Where HTML elements have attributes, React components have props. Props are written inside component calls, and use the same syntax as HTML attributes — `prop="value"`. In React, dataflow is unidirectional: props can only be passed from Parent components down to Child components; and props are read-only.
+The curly braces around `subject` are another feature of JSX's syntax. The curly braces tell React that we want to read the value of the `subject` variable, rather than render the literal string `"subject"`. You can put any valid JavaScript expression inside curly braces in JSX; React will evaluate it and render the _result_ of the expression as the final content. Following is a series of examples, with comments above explaining what each expression will render:
 
-Let's open `index.js` and give our `<App/>` call its first prop.
+```jsx-nolint
+{/* Hello, React :)! */}
+<h1>Hello, {subject + ' :)'}!</h1>
+{/* Hello, REACT */}
+<h1>Hello, {subject.toUpperCase()}</h1>
+{/* Hello, 4 */}
+<h1>Hello, {2 + 2}!</h1>
+```
 
-Add a prop of `subject` to the `<App/>` component call, with a value of `Clarice`. When you are done, your code should look something like this:
+Even comments in JSX are written inside curly braces! This is because comments, too, are technically JavaScript expressions. The `/* block comment syntax */` is necessary for your program to know where the comment starts and ends.
 
-```jsx
-root.render(<App subject="Clarice" />);
-```
+### Component props
+
+**Props** are a means of passing data into a React component. Their syntax is identical to that of attributes, in fact: `prop="value"`. The difference is that whereas attributes are passed into plain elements, props are passed into React components.
 
-Back in `App.js`, let's revisit the App function itself, which reads like this (with the `return` statement shortened for brevity):
+In React, the flow of data is unidirectional: props can only be passed from parent components down to child components.
+
+Let's open `main.jsx` and give our `<App />` component its first prop.
+
+Add a prop of `subject` to the `<App />` component call, with a value of `Clarice`. When you are done, it should look something like this:
 
 ```jsx
-function App() {
-  const subject = "React";
-  return (
-    // return statement
-  );
-}
+<App subject="Clarice" />
 ```
 
-Change the signature of the `App` function so that it accepts `props` as a parameter, and delete the `subject` const.
-Just like any other function parameter, you can put `props` in a `console.log()` to print it to your browser's console. Go ahead and do that before the `return` statement, like so:
+Back in `App.jsx`, let's revisit the `App()` function. Change the signature of `App()` so that it accepts `props` as a parameter and log `props` to the console so you can inspect it. Also delete the `subject` const; we don't need it anymore. Your `App.jsx` file should look like this:
 
 ```jsx
 function App(props) {
   console.log(props);
   return (
-    // return statement
+    // code omitted for brevity
   );
 }
 ```
 
-With this change, `subject` becomes undefined, so comment out the line `Hello, {subject}!` for now.
-Save your file and check your browser's JavaScript console. You should see something like this logged:
+Save your file and check your browser. You'll see a blank background with no content. This is because we're trying to read a `subject` variable that's no longer defined. Fix this by commenting out the `<h1>Hello {subject}!</h1>` line.
+
+> **Note:** If your code editor understands how to parse JSX (most modern editors do!), you can use its built-in commenting shortcut — `Ctrl + /` (on Windows) or `Cmd + /` (on macOS) — to create comments more quickly.
+
+Save the file with that line commented out. This time, you should see your
+"Click me!" button rendered by itself. If you open your browser's developer console, you'll see a message that looks like this:
 
 ```plain
 Object { subject: "Clarice" }
@@ -445,19 +473,26 @@ Object { subject: "Clarice" }
 
 The object property `subject` corresponds to the `subject` prop we added to our `<App />` component call, and the string `Clarice` corresponds to its value. Component props in React are always collected into objects in this fashion.
 
-Now that `subject` is one of our props, let's utilize it in `App.js`. Change the `subject` constant so that, instead of defining it as the string `React`, you are reading the value of `props.subject`. Now, you can also uncomment the line `Hello, {subject}!` and, if you wish, delete your `console.log()`.
+Let's use this `subject` prop to fix the error in our app. Uncomment the `<h1>Hello, {subject}!</h1>` line and change it to `<h1>Hello, {props.subject}!</h1>`, then delete the `console.log()` statement. Your code should look like this:
 
 ```jsx
 function App(props) {
-  const subject = props.subject;
   return (
-    // return statement
+    <>
+      <header>
+        <h1>Hello, {props.subject}!</h1>
+        <button type="button" className="primary">
+          Click me!
+        </button>
+      </header>
+    </>
   );
 }
 ```
 
-When you save, the app should now greet you with "Hello, Clarice!". If you return to `index.js`, edit the value of `subject`, and save, your text will change.
-Note that if you wanted to leave in the `Hello` line throughout this change, you could also have updated the JSX variable to `{props.subject}`.
+When you save, the app should now greet you with "Hello, Clarice!". If you return to `main.jsx`, edit the value of `subject`, and save, your text will change.
+
+For additional practice, you could try adding an additional `greeting` prop to the `<App />` component call inside `main.jsx` and using it alongside the `subject` prop inside `App.jsx`.
 
 ## Summary
 
@@ -467,8 +502,8 @@ In React:
 
 - Components can import modules they need and must export themselves at the bottom of their files.
 - Component functions are named with `PascalCase`.
-- You can read JSX variables by putting them between curly braces, like `{so}`.
-- Some JSX attributes are different than HTML attributes so that they don't conflict with JavaScript reserved words. For example, `class` in HTML translates to `className` in JSX. Note that multi-word attributes are in `camelCase`.
+- You can render JavaScript expressions in JSX by putting them between curly braces, like `{so}`.
+- Some JSX attributes are different than HTML attributes so that they don't conflict with JavaScript reserved words. For example, `class` in HTML translates to `className` in JSX.
 - Props are written just like attributes inside component calls and are passed into components.
 
 {{PreviousMenuNext("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features","Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_todo_list_beginning", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}

From 951fa8ad0f28e4967d12f9ecf726dee40946516a Mon Sep 17 00:00:00 2001
From: EJ Mason <13525251+mxmason@users.noreply.github.com>
Date: Thu, 21 Dec 2023 03:11:48 -0800
Subject: [PATCH 059/790] MDN React tutorials #2: Todo list beginning (#30453)

* chore: rewrite housekeeping

* chore: clean up app jsx

* chore: write boolean attributes section

* chore: alphabetize css rules

* chore: apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* chore: normalize CSS comments

* chore: fix index file instructions

* chore: clean up housekeeping

* chore: terminology nits

* chore: remove explicit true from large code block

* chore: clarify boolean attributes

* chore: clean up css comments again

* chore: apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* chore: add fence for todo item styles

* chore: use false in truthy warning

* chore: fix invalid reference to existing css

* small fix

* Small update

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 .../react_todo_list_beginning/index.md        | 194 +++++++++---------
 1 file changed, 100 insertions(+), 94 deletions(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md
index 472b72de752d5eb..6a0a242307329ea 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md
@@ -6,7 +6,7 @@ page-type: learn-module-chapter
 
 {{LearnSidebar}}{{PreviousMenuNext("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started","Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_components", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}
 
-Let's say that we've been tasked with creating a proof-of-concept in React – an app that allows users to add, edit, and delete tasks they want to work on, and also mark tasks as complete without deleting them. This article will walk you through putting the basic `App` component structure and styling in place, ready for individual component definition and interactivity, which we'll add later.
+Let's say that we've been tasked with creating a proof-of-concept in React – an app that allows users to add, edit, and delete tasks they want to work on, and also mark tasks as complete without deleting them. This article will walk you through the basic structure and styling of such an application, ready for individual component definition and interactivity, which we'll add later.
 
 > **Note:** If you need to check your code against our version, you can find a finished version of the sample React app code in our [todo-react repository](https://github.com/mdn/todo-react). For a running live version, see <https://mdn.github.io/todo-react/>.
 
@@ -54,34 +54,29 @@ We'll tackle these stories one-by-one.
 
 ## Pre-project housekeeping
 
-create-react-app has made a few files we won't be using at all for our project.
-
-- We're not going to write per-component stylesheets, so first delete the `App.css` import from the top of `App.js`.
-- We are also not going to be using the `logo.svg` file, so remove that import too.
-
-Then, copy and paste the following commands into your terminal to delete some unneeded files. Make sure you're starting in the app's root directory!
+Vite has given us some code that we won't be using at all for our project. The following terminal commands will delete it to make way for our new project. Make sure you're starting in the app's root directory!
 
 ```bash
-# Move into the src directory of your project
+# Move into the src directory
 cd src
-# Delete a few files
-rm -- App.test.js App.css logo.svg reportWebVitals.js setupTests.js
+# Delete the App.css file and the React logo provided by Vite
+rm App.css assets/react.svg
+# Empty the contents of App.jsx and index.css
+# Note the colon at the beginning of this command!
+: >! {App.jsx,index.css}
 # Move back up to the root of the project
 cd ..
 ```
 
-Notes:
-
-- Two of the files we're deleting are for testing the application. We will not cover testing here.
-- If you stopped your server to do the terminal tasks mentioned above, you'll have to start it again using `npm start`.
+> **Note:** If you stopped your server to do the terminal tasks mentioned above, you'll have to start it again using `npm run dev`.
 
 ## Project starter code
 
-As a starting point for this project, we're going to provide two things: an `App()` function to replace the one you have now, and some CSS to style your app.
+As a starting point for this project, we're going to provide two things: an `App()` function to replace the one you just deleted, and some CSS to style your app.
 
 ### The JSX
 
-Copy the following snippet to your clipboard, then paste it into `App.js` so that it replaces the existing `App()` function:
+Copy the following snippet to your clipboard, then paste it into `App.jsx`:
 
 ```jsx
 function App(props) {
@@ -129,7 +124,7 @@ function App(props) {
         aria-labelledby="list-heading">
         <li className="todo stack-small">
           <div className="c-cb">
-            <input id="todo-0" type="checkbox" defaultChecked={true} />
+            <input id="todo-0" type="checkbox" defaultChecked />
             <label className="todo-label" htmlFor="todo-0">
               Eat
             </label>
@@ -179,9 +174,11 @@ function App(props) {
     </div>
   );
 }
+
+export default App;
 ```
 
-Now open `public/index.html` and change the [`<title>`](/en-US/docs/Web/HTML/Element/title) element's text to `TodoMatic`. This way, it will match the [`<h1>`](/en-US/docs/Web/HTML/Element/Heading_Elements) at the top of our app.
+Now open `index.html` and change the [`<title>`](/en-US/docs/Web/HTML/Element/title) element's text to `TodoMatic`. This way, it will match the [`<h1>`](/en-US/docs/Web/HTML/Element/Heading_Elements) at the top of our app.
 
 ```html
 <title>TodoMatic</title>
@@ -202,9 +199,9 @@ The form will allow us to _make_ tasks; the buttons will let us _filter_ them; t
 
 ### Accessibility features
 
-You may notice some unusual attributes here. For example:
+You may notice some unusual markup here. For example:
 
-```html
+```jsx
 <button type="button" className="btn toggle-btn" aria-pressed="true">
   <span className="visually-hidden">Show </span>
   <span>all</span>
@@ -212,9 +209,9 @@ You may notice some unusual attributes here. For example:
 </button>
 ```
 
-Here, `aria-pressed` tells assistive technology (like screen readers) that the button can be in one of two states: `pressed` or `unpressed`. Think of these as analogs for `on` and `off`. Setting a value of `true` means that the button is pressed by default.
+Here, `aria-pressed` tells assistive technology (like screen readers) that the button can be in one of two states: `pressed` or `unpressed`. Think of these as analogs for `on` and `off`. Setting a value of `"true"` means that the button is pressed by default.
 
-The class `visually-hidden` has no effect yet, because we have not included any CSS. Once we have put our styles in place, though, any element with this class will be hidden from sighted users and still available to screen reader users — this is because these words are not needed by sighted users; they are there to provide more information about what the button does for screen reader users that do not have the extra visual context to help them.
+The class `visually-hidden` has no effect yet, because we have not included any CSS. Once we have put our styles in place, though, any element with this class will be hidden from sighted users and still available to assistive technology users — this is because these words are not needed by sighted users; they are there to provide more information about what the button does for assistive technology users that do not have the extra visual context to help them.
 
 Further down, you can find our [`<ul>`](/en-US/docs/Web/HTML/Element/ul) element:
 
@@ -229,12 +226,12 @@ Further down, you can find our [`<ul>`](/en-US/docs/Web/HTML/Element/ul) element
 
 The `role` attribute helps assistive technology explain what kind of element a tag represents. A `<ul>` is treated like a list by default, but the styles we're about to add will break that functionality. This role will restore the "list" meaning to the `<ul>` element. If you want to learn more about why this is necessary, you can check out [Scott O'Hara's article, "Fixing Lists"](https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html).
 
-The `aria-labelledby` attribute tells assistive technologies that we're treating our list heading as the label that describes the purpose of the list beneath it. Making this association gives the list a more informative context, which could help screen reader users better understand the purpose of it.
+The `aria-labelledby` attribute tells assistive technologies that we're treating our list heading as the label that describes the purpose of the list beneath it. Making this association gives the list a more informative context, which could help assistive technology users better understand the list's purpose.
 
 Finally, the labels and inputs in our list items have some attributes unique to JSX:
 
 ```jsx
-<input id="todo-0" type="checkbox" defaultChecked={true} />
+<input id="todo-0" type="checkbox" defaultChecked />
 <label className="todo-label" htmlFor="todo-0">
   Eat
 </label>
@@ -244,23 +241,28 @@ The `defaultChecked` attribute in the `<input />` tag tells React to check this
 
 The `htmlFor` attribute corresponds to the `for` attribute used in HTML. We cannot use `for` as an attribute in JSX because `for` is a reserved word, so React uses `htmlFor` instead.
 
-Notes:
+### A note on boolean attributes in JSX
+
+The `defaultChecked` attribute in the previous section is a boolean attribute – an attribute whose value is either `true` or `false`. Like in HTML, a boolean attribute is `true` if it's present and `false` if it's absent; the assignment on the right-hand side of the expression is optional. You can explicitly set its value by passing it in curly braces – for example, `defaultChecked={true}` or `defaultChecked={false}`.
+
+Because JSX is JavaScript, there's a gotcha to be aware of with boolean attributes: writing `defaultChecked="false"` will set a _string_ value of `"false"` rather than a _boolean_ value. Non-empty strings are [truthy](/en-US/docs/Glossary/Truthy), so React will consider `defaultChecked` to be `true` and check the checkbox by default. This is not what we want, so we should avoid it.
 
-- To use boolean values (`true` and `false`) in JSX attributes, you must enclose them in curly braces. If you write `defaultChecked="true"`, the value of `defaultChecked` will be `"true"` — a string literal. Remember — this is actually JavaScript, not HTML!
-- The `aria-pressed` attribute used in our earlier code snippet has a value of `"true"` because `aria-pressed` is not a true boolean attribute in the way `checked` is.
+If you'd like, you can practice writing boolean attributes with another attribute you may have seen before, [`hidden`](/en-US/docs/Web/HTML/Global_attributes/hidden), which prevents elements from being rendered on the page. Try adding `hidden` to the `<h1>` element in `App.jsx` to see what happens, then try explicitly setting its value to `{false}`. Note, again, that writing `hidden="false"` results in a truthy value so the `<h1>` _will not_ hide. Don't forget to remove this code when you're done.
+
+> **Note:** The `aria-pressed` attribute used in our earlier code snippet has a value of `"true"` because `aria-pressed` is not a true boolean attribute in the way `checked` is.
 
 ### Implementing our styles
 
-Paste the following CSS code into `src/index.css` so that it replaces what's currently there:
+Paste the following CSS code into `src/index.css`:
 
 ```css
-/* RESETS */
+/* Resets */
 *,
 *::before,
 *::after {
   box-sizing: border-box;
 }
-*:focus {
+*:focus-visible {
   outline: 3px dashed #228bec;
   outline-offset: 0;
 }
@@ -276,18 +278,18 @@ ul {
   padding: 0;
 }
 button {
-  border: none;
-  margin: 0;
-  padding: 0;
-  width: auto;
-  overflow: visible;
+  -moz-osx-font-smoothing: inherit;
+  -webkit-font-smoothing: inherit;
+  appearance: none;
   background: transparent;
+  border: none;
   color: inherit;
   font: inherit;
   line-height: normal;
-  -webkit-font-smoothing: inherit;
-  -moz-osx-font-smoothing: inherit;
-  appearance: none;
+  margin: 0;
+  overflow: visible;
+  padding: 0;
+  width: auto;
 }
 button::-moz-focus-inner {
   border: 0;
@@ -310,14 +312,14 @@ input[type="text"] {
   border-radius: 0;
 }
 body {
-  width: 100%;
-  max-width: 68rem;
-  margin: 0 auto;
+  background-color: #f5f5f5;
+  color: #4d4d4d;
   font:
     1.6rem/1.25 Arial,
     sans-serif;
-  background-color: #f5f5f5;
-  color: #4d4d4d;
+  margin: 0 auto;
+  max-width: 68rem;
+  width: 100%;
 }
 @media screen and (min-width: 620px) {
   body {
@@ -325,37 +327,37 @@ body {
     line-height: 1.31579;
   }
 }
-/*END RESETS*/
-/* GLOBAL STYLES */
+/* End resets */
+/* Global styles */
 .form-group > input[type="text"] {
   display: inline-block;
   margin-top: 0.4rem;
 }
 .btn {
-  padding: 0.8rem 1rem 0.7rem;
   border: 0.2rem solid #4d4d4d;
   cursor: pointer;
+  padding: 0.8rem 1rem 0.7rem;
   text-transform: capitalize;
 }
 .btn.toggle-btn {
-  border-width: 1px;
   border-color: #d3d3d3;
+  border-width: 1px;
 }
 .btn.toggle-btn[aria-pressed="true"] {
-  text-decoration: underline;
   border-color: #4d4d4d;
+  text-decoration: underline;
 }
 .btn__danger {
-  color: #fff;
   background-color: #ca3c3c;
   border-color: #bd2130;
+  color: #fff;
 }
 .btn__filter {
   border-color: lightgrey;
 }
 .btn__primary {
-  color: #fff;
   background-color: #000;
+  color: #fff;
 }
 .btn-group {
   display: flex;
@@ -368,22 +370,22 @@ body {
   margin-left: 0.8rem;
 }
 .label-wrapper {
-  margin: 0;
   flex: 0 0 100%;
+  margin: 0;
   text-align: center;
 }
 .visually-hidden {
-  position: absolute !important;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
   clip: rect(1px 1px 1px 1px);
   clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  overflow: hidden;
+  position: absolute !important;
   white-space: nowrap;
+  width: 1px;
 }
 [class*="stack"] > * {
-  margin-top: 0;
   margin-bottom: 0;
+  margin-top: 0;
 }
 .stack-small > * + * {
   margin-top: 1.25rem;
@@ -402,15 +404,16 @@ body {
 .stack-exception {
   margin-top: 1.2rem;
 }
-/* END GLOBAL STYLES */
+/* End global styles */
+/* General app styles */
 .todoapp {
   background: #fff;
-  margin: 2rem 0 4rem 0;
-  padding: 1rem;
-  position: relative;
   box-shadow:
     0 2px 4px 0 rgb(0 0 0 / 20%),
     0 2.5rem 5rem 0 rgb(0 0 0 / 10%);
+  margin: 2rem 0 4rem 0;
+  padding: 1rem;
+  position: relative;
 }
 @media screen and (min-width: 550px) {
   .todoapp {
@@ -418,39 +421,39 @@ body {
   }
 }
 .todoapp > * {
-  max-width: 50rem;
   margin-left: auto;
   margin-right: auto;
+  max-width: 50rem;
 }
 .todoapp > form {
   max-width: 100%;
 }
 .todoapp > h1 {
   display: block;
-  max-width: 100%;
-  text-align: center;
   margin: 0;
   margin-bottom: 1rem;
+  max-width: 100%;
+  text-align: center;
 }
 .label__lg {
   line-height: 1.01567;
   font-weight: 300;
-  padding: 0.8rem;
   margin-bottom: 1rem;
+  padding: 0.8rem;
   text-align: center;
 }
 .input__lg {
-  padding: 2rem;
   border: 2px solid #000;
+  padding: 2rem;
 }
-.input__lg:focus {
+.input__lg:focus-visible {
   border-color: #4d4d4d;
   box-shadow: inset 0 0 0 2px;
 }
 [class*="__lg"] {
   display: inline-block;
-  width: 100%;
   font-size: 1.9rem;
+  width: 100%;
 }
 [class*="__lg"]:not(:last-child) {
   margin-bottom: 1rem;
@@ -460,6 +463,7 @@ body {
     font-size: 2.4rem;
   }
 }
+/* End general app styles */
 /* Todo item styles */
 .todo {
   display: flex;
@@ -470,82 +474,84 @@ body {
   flex: 0 0 100%;
 }
 .todo-text {
-  width: 100%;
+  border: 2px solid #565656;
   min-height: 4.4rem;
   padding: 0.4rem 0.8rem;
-  border: 2px solid #565656;
+  width: 100%;
 }
-.todo-text:focus {
+.todo-text:focus-visible {
   box-shadow: inset 0 0 0 2px;
 }
-/* CHECKBOX STYLES */
+/* End todo item styles */
+/* Checkbox styles */
 .c-cb {
+  -webkit-font-smoothing: antialiased;
   box-sizing: border-box;
+  clear: left;
+  display: block;
   font-family: Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  font-weight: 400;
   font-size: 1.6rem;
+  font-weight: 400;
   line-height: 1.25;
-  display: block;
-  position: relative;
   min-height: 44px;
   padding-left: 40px;
-  clear: left;
+  position: relative;
 }
 .c-cb > label::before,
 .c-cb > input[type="checkbox"] {
   box-sizing: border-box;
-  top: -2px;
+  height: 44px;
   left: -2px;
+  top: -2px;
   width: 44px;
-  height: 44px;
 }
 .c-cb > input[type="checkbox"] {
   -webkit-font-smoothing: antialiased;
   cursor: pointer;
-  position: absolute;
-  z-index: 1;
   margin: 0;
   opacity: 0;
+  position: absolute;
+  z-index: 1;
 }
 .c-cb > label {
-  font-size: inherit;
+  cursor: pointer;
+  display: inline-block;
   font-family: inherit;
+  font-size: inherit;
   line-height: inherit;
-  display: inline-block;
   margin-bottom: 0;
   padding: 8px 15px 5px;
-  cursor: pointer;
   touch-action: manipulation;
 }
 .c-cb > label::before {
+  background: transparent;
+  border: 2px solid currentcolor;
   content: "";
   position: absolute;
-  border: 2px solid currentcolor;
-  background: transparent;
 }
-.c-cb > input[type="checkbox"]:focus + label::before {
+.c-cb > input[type="checkbox"]:focus-visible + label::before {
   border-width: 4px;
   outline: 3px dashed #228bec;
 }
 .c-cb > label::after {
+  background: transparent;
+  border: solid;
+  border-width: 0 0 5px 5px;
+  border-top-color: transparent;
   box-sizing: content-box;
   content: "";
+  height: 7px;
+  left: 9px;
+  opacity: 0;
   position: absolute;
   top: 11px;
-  left: 9px;
-  width: 18px;
-  height: 7px;
   transform: rotate(-45deg);
-  border: solid;
-  border-width: 0 0 5px 5px;
-  border-top-color: transparent;
-  opacity: 0;
-  background: transparent;
+  width: 18px;
 }
 .c-cb > input[type="checkbox"]:checked + label::after {
   opacity: 1;
 }
+/* End checkbox styles */
 ```
 
 Save and look back at your browser, and your app should now have reasonable styling.

From 4baa9df1acf9118fb312338d2b82acfa8d67b9d3 Mon Sep 17 00:00:00 2001
From: EJ Mason <13525251+mxmason@users.noreply.github.com>
Date: Thu, 21 Dec 2023 03:23:43 -0800
Subject: [PATCH 060/790] MDN React Tutorials #3: Componentizing (#30514)

* chore: .js --> .jsx

* chore: remove unnecessary react import

* chore: clean up todo markup

* chore: remove undefined return warning

* chore: tweak props rendering instructions

* chore: better explain id collision

* chore: index.jsx --> main.jsx

* chore: use optional chaining consistently

* chore: use implicit boolean for completed

* nit: a word

* chore: remove default react import

* chore: remove unused props

* chore: edit jsx note

* chore: use brace expansion in bash command

* chore: add eslint note

* chore: fix todo code snippet

* chore: edit final import instructions

* Small text tweaks

* chore: apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* chore: apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* chore: update "make a todo" instructions

* clean up "id please" section

* chore: clean up "tasks as data"

* chore: small cleanup

* Small grammar fix

* Small tweak

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 .../react_components/index.md                 | 148 ++++++++----------
 1 file changed, 69 insertions(+), 79 deletions(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_components/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_components/index.md
index 4ea851ebd6aa215..02eceb8be64df59 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_components/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_components/index.md
@@ -45,39 +45,33 @@ That second bullet is especially valuable: making a component out of common UI e
 
 ## Make a `<Todo />`
 
-Before we can make a component, we should create a new file for it. In fact, we should make a directory just for our components. The following commands make a `components` directory and then, within that, a file called `Todo.js`. Make sure you're in the root of your app before you run these!
+Before we can make a component, we should create a new file for it. In fact, we should make a directory just for our components. Make sure you're in the root of your app before you run these commands!
 
 ```bash
+# create a `components` directory
 mkdir src/components
-touch src/components/Todo.js
+# within `components`, create a file called `Todo.jsx`
+touch src/components/Todo.jsx
 ```
 
-Our new `Todo.js` file is currently empty! Open it up and give it its first line:
+Don't forget to restart your development server if you stopped it to run the previous commands!
 
-```jsx
-import React from "react";
-```
-
-Since we're going to make a component called `Todo`, you can start adding the code for that to `Todo.js` too, as follows. In this code, we define the function and export it:
+Let's add a `Todo()` function in `Todo.jsx`. Here, we define a function and export it:
 
 ```jsx
-function Todo() {
-  return (
-    // …
-  );
-}
+function Todo() {}
 
 export default Todo;
 ```
 
-This is OK so far, but our component has to return something! Go back to `src/App.js`, copy the first [`<li>`](/en-US/docs/Web/HTML/Element/li) from inside the unordered list, and paste it into `Todo.js` so that it reads like this:
+This is OK so far, but our component should return something useful! Go back to `src/App.jsx`, copy the first [`<li>`](/en-US/docs/Web/HTML/Element/li) from inside the unordered list, and paste it into `Todo.jsx` so that it reads like this:
 
 ```jsx
-export default function Todo() {
+function Todo() {
   return (
     <li className="todo stack-small">
       <div className="c-cb">
-        <input id="todo-0" type="checkbox" defaultChecked={true} />
+        <input id="todo-0" type="checkbox" defaultChecked />
         <label className="todo-label" htmlFor="todo-0">
           Eat
         </label>
@@ -93,17 +87,17 @@ export default function Todo() {
     </li>
   );
 }
-```
 
-> **Note:** Components must always return something. If at any point in the future you try to render a component that does not return anything, React will display an error in your browser.
+export default Todo;
+```
 
-Our `Todo` component is complete, at least for now; now we can use it. In `App.js`, add the following line near the top of the file to import `Todo`:
+Now we have something we can use. In `App.jsx`, add the following line at the top of the file to import `Todo`:
 
 ```jsx
 import Todo from "./components/Todo";
 ```
 
-With this component imported, you can replace all of the `<li>` elements in `App.js` with `<Todo />` component calls. Your `<ul>` should read like this:
+With this component imported, you can replace all of the `<li>` elements in `App.jsx` with `<Todo />` component calls. Your `<ul>` should read like this:
 
 ```jsx
 <ul
@@ -116,7 +110,7 @@ With this component imported, you can replace all of the `<li>` elements in `App
 </ul>
 ```
 
-When you look back at your browser, you'll notice something unfortunate: your list now repeats the first task three times!
+When you return to your app, you'll notice something unfortunate: your list now repeats the first task three times!
 
 ![Our todo list app, with todo components repeating because the label is hardcoded into the component](todo-list-repeating-todos.png)
 
@@ -130,7 +124,7 @@ Components are powerful because they let us re-use pieces of our UI, and refer t
 
 In order to track the names of tasks we want to complete, we should ensure that each `<Todo />` component renders a unique name.
 
-In `App.js`, give each `<Todo />` a name prop. Let's use the names of our tasks that we had before:
+In `App.jsx`, give each `<Todo />` a name prop. Let's use the names of our tasks that we had before:
 
 ```jsx
 <Todo name="Eat" />
@@ -138,11 +132,11 @@ In `App.js`, give each `<Todo />` a name prop. Let's use the names of our tasks
 <Todo name="Repeat" />
 ```
 
-When your browser refreshes, you will see… the exact same thing as before. We gave our `<Todo />` some props, but we aren't using them yet. Let's go back to `Todo.js` and remedy that.
+When your browser refreshes, you will see… the exact same thing as before. We gave our `<Todo />` some props, but we aren't using them yet. Let's go back to `Todo.jsx` and remedy that.
 
-First modify your `Todo()` function definition so that it takes `props` as a parameter. You can `console.log()` your `props` as we did before, if you'd like to check that they are being received by the component correctly.
+First modify your `Todo()` function definition so that it takes `props` as a parameter. You can `console.log()` your props if you'd like to check that they are being received by the component correctly.
 
-Once you're confident that your component is getting its `props`, you can replace every occurrence of `Eat` with your `name` prop. Remember: when you're in the middle of a JSX expression, you use curly braces to inject the value of a variable.
+Once you're confident that your component is getting its props, you can replace every occurrence of `Eat` with your `name` prop by reading `props.name`. Remember: `props.name` is a JSX expression, so you'll need to wrap it in curly braces.
 
 Putting all that together, your `Todo()` function should read like this:
 
@@ -177,15 +171,15 @@ _Now_ your browser should show three unique tasks. Another problem remains thoug
 
 ### Is it `completed`?
 
-In our original static list, only `Eat` was checked. Once again, we want to reuse _most_ of the UI that makes up a `<Todo />` component, but change one thing. That's a good job for another prop! Give each `<Todo />` call in `App.js` a new prop of `completed`. The first (`Eat`) should have a value of `true`; the rest should be `false`:
+In our original static list, only `Eat` was checked. Once again, we want to reuse _most_ of the UI that makes up a `<Todo />` component, but change one thing. That's a good job for another prop! Give your first `<Todo />` call a boolean prop of `completed`, and leave the other two as they are.
 
 ```jsx
-<Todo name="Eat" completed={true} />
-<Todo name="Sleep" completed={false} />
-<Todo name="Repeat" completed={false} />
+<Todo name="Eat" completed />
+<Todo name="Sleep" />
+<Todo name="Repeat" />
 ```
 
-As before, we must go back to `Todo.js` to actually use these props. Change the `defaultChecked` attribute on the `<input />` so that its value is equal to the `completed` prop. Once you're done, the Todo component's `<input />` element will read like this:
+As before, we must go back to `Todo.jsx` to actually use these props. Change the `defaultChecked` attribute on the `<input />` so that its value is equal to the `completed` prop. Once you're done, the Todo component's `<input />` element will read like this:
 
 ```jsx
 <input id="todo-0" type="checkbox" defaultChecked={props.completed} />
@@ -199,17 +193,24 @@ If you change each `<Todo />` component's `completed` prop, your browser will ch
 
 ### Gimme some `id`, please
 
-Right now, our `<Todo />` component gives every task an `id` attribute of `todo-0`. This is bad HTML because [`id` attributes](/en-US/docs/Web/HTML/Global_attributes/id) must be unique (they are used as unique identifiers for document fragments, by CSS, JavaScript, etc.). This means we should give our component an `id` prop that takes a unique value for each `Todo`.
+We have still _another_ problem: our `<Todo />` component gives every task an `id` attribute of `todo-0`. This is bad for a couple of reasons:
 
-To follow the same pattern we had initially, let's give each instance of the `<Todo />` component an ID in the format of `todo-i`, where `i` gets larger by one every time:
+- [`id` attributes](/en-US/docs/Web/HTML/Global_attributes/id) must be unique (they are used as unique identifiers for document fragments, by CSS, JavaScript, etc.).
+- When `id`s are not unique, the functionality of [label elements](/en-US/docs/Web/HTML/Element/label) can break.
+
+The second problem is affecting our app right now. If you click on the word "Sleep" next to the second checkbox, you'll notice the "Eat" checkbox toggles instead of the "Sleep" checkbox. This is because every checkbox's `<label>` element has an `htmlFor` attribute of `todo-0`. The `<label>`s only acknowledge the first element with a given `id` attribute, which causes the problem you see when clicking on the other labels.
+
+We had unique `id` attributes before we created the `<Todo />` component. Let's bring them back, following the format of `todo-i`, where `i` gets larger by one every time. Update the `Todo` component instances inside `App.jsx` to add in `id` props, as follows:
 
 ```jsx
-<Todo name="Eat" completed={true} id="todo-0" />
-<Todo name="Sleep" completed={false} id="todo-1" />
-<Todo name="Repeat" completed={false} id="todo-2" />
+<Todo name="Eat" id="todo-0" completed />
+<Todo name="Sleep" id="todo-1" />
+<Todo name="Repeat" id="todo-2" />
 ```
 
-Now go back to `Todo.js` and make use of the `id` prop. It needs to replace the value of the `id` attribute of the `<input />` element, as well as the value of its label's `htmlFor` attribute:
+> **Note:** The `completed` prop is last here because it is a boolean with no assignment. This is purely a stylistic convention. The order of props does not matter because props are JavaScript objects, and JavaScript objects are unordered.
+
+Now go back to `Todo.jsx` and make use of the `id` prop. It needs to replace the `<input />` element's `id` attribute value, as well as its `<label>`'s `htmlFor` attribute value:
 
 ```jsx
 <div className="c-cb">
@@ -220,6 +221,8 @@ Now go back to `Todo.js` and make use of the `id` prop. It needs to replace the
 </div>
 ```
 
+With these fixes in place, clicking on the labels next to each checkbox will do what we expect – check and uncheck the checkboxes next to those labels.
+
 ## So far, so good?
 
 We're making good use of React so far, but we could do better! Our code is repetitive. The three lines that render our `<Todo />` component are almost identical, with only one difference: the value of each prop.
@@ -230,7 +233,7 @@ We can clean up our code with one of JavaScript's core abilities: iteration. To
 
 Each of our tasks currently contains three pieces of information: its name, whether it has been checked, and its unique ID. This data translates nicely to an object. Since we have more than one task, an array of objects would work well in representing this data.
 
-In `src/index.js`, make a new `const` beneath the final import, but above `ReactDOM.render()`:
+In `src/main.jsx`, declare a new `const` beneath the final import, but above `ReactDOM.createRoot()`:
 
 ```jsx
 const DATA = [
@@ -240,18 +243,15 @@ const DATA = [
 ];
 ```
 
-Next, we'll pass `DATA` to `<App />` as a prop, called `tasks`. The final line of `src/index.js` should read like this:
+> **Note:** If your text editor has an [ESLint](https://eslint.org/) plugin, you may see a warning on this `DATA` const. This warning comes from the ESLint configuration supplied by the Vite template we used, and it doesn't apply to this code. You can safely suppress the warning by adding `// eslint-disable-next-line` to the line above the `DATA` const.
+
+Next, we'll pass `DATA` to `<App />` as a prop, called `tasks`. Update your `<App />` component call inside `src/main.jsx` to read like this:
 
 ```jsx
-const root = ReactDOM.createRoot(document.getElementById("root"));
-root.render(
-  <React.StrictMode>
-    <App tasks={DATA} />
-  </React.StrictMode>,
-);
+<App tasks={DATA} />
 ```
 
-This array is now available to the App component as `props.tasks`. You can `console.log()` it to check, if you'd like.
+The `DATA` array is now available inside the App component as `props.tasks`. You can `console.log()` it to check, if you'd like.
 
 > **Note:** `ALL_CAPS` constant names have no special meaning in JavaScript; they're a convention that tells other developers "this data will never change after being defined here".
 
@@ -259,8 +259,7 @@ This array is now available to the App component as `props.tasks`. You can `cons
 
 To render our array of objects, we have to turn each object into a `<Todo />` component. JavaScript gives us an array method for transforming items into something else: [`Array.prototype.map()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map).
 
-Above the return statement of `App()`, make a new `const` called `taskList`. Let's start by transforming each task in the `props.tasks` array into its `name`.
-The `?.` operator lets us perform [optional chaining](/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining) to check if `props.tasks` is `undefined` or `null` before attempting to create a new array of task names:
+Inside `App.jsx`, create a new `const` above the `App()` function's `return` statement called `taskList`. Let's start by transforming each task in the `props.tasks` array into its `name`. The `?.` operator lets us perform [optional chaining](/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining) to check if `props.tasks` is `undefined` or `null` before attempting to create a new array of task names:
 
 ```jsx
 const taskList = props.tasks?.map((task) => task.name);
@@ -277,20 +276,20 @@ Let's try replacing all the children of the `<ul>` with `taskList`:
 </ul>
 ```
 
-This gets us some of the way towards showing all the components again, but we've got more work to do: the browser currently renders each task's name as unstructured text. We're missing our HTML structure — the `<li>` and its checkboxes and buttons!
+This gets us some of the way towards showing all the components again, but we've got more work to do: the browser currently renders each task's name as plain text. We're missing our HTML structure — the `<li>` and its checkboxes and buttons!
 
 ![Our todo list app with the todo item labels just shown bunched up on one line](todo-list-unstructured-names.png)
 
-To fix this, we need to return a `<Todo />` component from our `map()` function — remember that JSX allows us to mix up JavaScript and markup structures! Let's try the following instead of what we have already:
+To fix this, we need to return a `<Todo />` component from our `map()` function — remember that JSX is JavaScript, so we can use it alongside any other, more familiar JavaScript syntax. Let's try the following instead of what we have already:
 
 ```jsx
-const taskList = props.tasks.map((task) => <Todo />);
+const taskList = props.tasks?.map((task) => <Todo />);
 ```
 
-Look again at your app; now our tasks look more like they used to, but they're missing the names of the tasks themselves. Remember that each task we map over has the `id`, `name`, and `completed` properties we want to pass into our `<Todo />` component. If we put that knowledge together, we get code like this:
+Look again at your app; now our tasks look more like they used to, but they're missing the names of the tasks themselves. Remember that each task we map over contains the `id`, `name`, and `completed` properties we want to pass into our `<Todo />` component. If we put that knowledge together, we get code like this:
 
 ```jsx
-const taskList = props.tasks.map((task) => (
+const taskList = props.tasks?.map((task) => (
   <Todo id={task.id} name={task.name} completed={task.completed} />
 ));
 ```
@@ -304,7 +303,7 @@ Now that React is rendering our tasks out of an array, it has to keep track of w
 Because keys should be unique, we're going to re-use the `id` of each task object as its key. Update your `taskList` constant like so:
 
 ```jsx
-const taskList = props.tasks.map((task) => (
+const taskList = props.tasks?.map((task) => (
   <Todo
     id={task.id}
     name={task.name}
@@ -320,30 +319,26 @@ const taskList = props.tasks.map((task) => (
 
 Now that we've got our most important component sorted out, we can turn the rest of our app into components. Remembering that components are either obvious pieces of UI, reused pieces of UI, or both, we can make two more components:
 
-- `<Form/>`
-- `<FilterButton/>`
+- `<Form />`
+- `<FilterButton />`
 
-Since we know we need both, we can batch some of the file creation work together with a terminal command. Run this command in your terminal, taking care that you're in the root directory of your app:
+Since we know we need both, we can batch some of the file creation work together in one terminal command. Run this command in your terminal, taking care that you're in the root directory of your app:
 
 ```bash
-touch src/components/Form.js src/components/FilterButton.js
+touch src/components/{Form,FilterButton}.jsx
 ```
 
 ### The `<Form />`
 
-Open `components/Form.js` and do the following:
+Open `components/Form.jsx` and do the following:
 
-- Import `React` at the top of the file, like we did in `Todo.js`.
-- Make yourself a new `Form()` component with the same basic structure as `Todo()`.
-- Copy the `<form>` tags and everything between them from inside `App.js`, and paste them inside `Form()`'s `return` statement.
-- Export `Form` at the end of the file.
+- Declare a `Form()` function and export it at the end of the file.
+- Copy the `<form>` tags and everything between them from inside `App.jsx`, and paste them inside `Form()`'s `return` statement.
 
-Your `Form.js` file should read like this:
+Your `Form.jsx` file should read like this:
 
 ```jsx
-import React from "react";
-
-function Form(props) {
+function Form() {
   return (
     <form>
       <h2 className="label-wrapper">
@@ -368,16 +363,14 @@ function Form(props) {
 export default Form;
 ```
 
-### The \<FilterButton />
+### The `<FilterButton />`
 
-Do the same things you did to create `Form.js` inside `FilterButton.js`, but call the component `FilterButton()` and copy the HTML for the first button inside the `<div>` element with the `class` of `filters` from `App.js` into the `return` statement.
+Do the same things you did to create `Form.jsx` inside `FilterButton.jsx`, but call the component `FilterButton()` and copy the HTML for the first button inside `<div className="filters btn-group stack-exception">` from `App.jsx` into the `return` statement.
 
 The file should read like this:
 
 ```jsx
-import React from "react";
-
-function FilterButton(props) {
+function FilterButton() {
   return (
     <button type="button" className="btn toggle-btn" aria-pressed="true">
       <span className="visually-hidden">Show </span>
@@ -394,20 +387,17 @@ export default FilterButton;
 
 ## Importing all our components
 
-Let's make use of our new components.
-
-Add some more `import` statements to the top of `App.js`, to import them.
+Let's make use of our new components. Add some more `import` statements to the top of `App.jsx` and reference the components we've just made. Then, update the `return` statement of `App()` so that it renders our components.
 
-Then, update the `return` statement of `App()` so that it renders our components. When you're done, `App.js` will read like this:
+When you're done, `App.jsx` will read like this:
 
 ```jsx
-import React from "react";
 import Form from "./components/Form";
 import FilterButton from "./components/FilterButton";
 import Todo from "./components/Todo";
 
 function App(props) {
-  const taskList = props.tasks.map((task) => (
+  const taskList = props.tasks?.map((task) => (
     <Todo
       id={task.id}
       name={task.name}
@@ -438,10 +428,10 @@ function App(props) {
 export default App;
 ```
 
-With this in place, we're _almost_ ready to tackle some interactivity in our React app!
+With this in place, your React app should render basically the same as it did before, but using your shiny new components.
 
 ## Summary
 
-And that's it for this article — we've gone into some depth on how to break up your app nicely into components, and render them efficiently. Now we'll go on to look at how we handle events in React, and start adding some interactivity.
+And that's it for this article — we've gone into depth on how to break up your app nicely into components and render them efficiently. Next we'll look at handling events in React, and start adding some interactivity.
 
 {{PreviousMenuNext("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_todo_list_beginning","Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_events_state", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}

From 866c2ac33596b9559d52937a72c404fab40d9e31 Mon Sep 17 00:00:00 2001
From: EJ Mason <13525251+mxmason@users.noreply.github.com>
Date: Thu, 21 Dec 2023 03:48:44 -0800
Subject: [PATCH 061/790] MDN React Tutorials #4: Hooks and state (#30977)

* chore: clean up intro

* chore: .js

* chore: fix import statements

* chore: small nit

* chore: disambiguate "e" as "event"

* chore: add "at this point" checks

* chore: fix final app.jsx check

* small tweak

* Small tweak

* Small tweak

* chore: suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* chore: clarify form submission section

* chore: add naming convention note

* chore: rewrite state section

* chore: nits

* Small tweak

* Small tweaks to new section

* Small tweaks to updated state section

* chore: apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* chore: clarify ecosystem statement

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 .../react_interactivity_events_state/index.md | 280 ++++++++++++++----
 1 file changed, 215 insertions(+), 65 deletions(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
index 21d8620a17a411f..8ef228f8b16593b 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
@@ -37,9 +37,15 @@ With our component plan worked out, it's now time to start updating our app from
 
 ## Handling events
 
-If you've only written vanilla JavaScript before now, you might be used to having a separate JavaScript file, where you query for some DOM nodes and attach listeners to them. For example:
+If you've only written vanilla JavaScript before now, you might be used to having a separate JavaScript file in which you query for some DOM nodes and attach listeners to them. For example, an HTML file might have a button in it, like this:
 
-```jsx
+```html
+<button type="button">Say hi!</button>
+```
+
+And a JavaScript file might have some code like this:
+
+```js
 const btn = document.querySelector("button");
 
 btn.addEventListener("click", () => {
@@ -47,7 +53,7 @@ btn.addEventListener("click", () => {
 });
 ```
 
-In React, we write event handlers directly on the elements in our JSX, like this:
+In JSX, the code that describes the UI lives right alongside our event listeners:
 
 ```jsx
 <button type="button" onClick={() => alert("hi!")}>
@@ -55,24 +61,22 @@ In React, we write event handlers directly on the elements in our JSX, like this
 </button>
 ```
 
-> **Note:** This may seem counter-intuitive regarding best-practice advice that tends to advise against use of inline event handlers on HTML, but remember that JSX is actually part of your JavaScript.
-
-In the above example, we're adding an `onClick` attribute to the `<button>` element. The value of that attribute is a function that triggers a simple alert.
+In this example, we're adding an `onClick` attribute to the {{htmlelement("button")}} element. The value of that attribute is a function that triggers a simple alert. This may seem counter to best practice advice about not writing event listeners in HTML, but remember: JSX is not HTML.
 
 The `onClick` attribute has special meaning here: it tells React to run a given function when the user clicks on the button. There are a couple of other things to note:
 
 - The {{Glossary("camel_case", "camel-cased")}} nature of `onClick` is important — JSX will not recognize `onclick` (again, it is already used in JavaScript for a specific purpose, which is related but different — standard [`onclick`](/en-US/docs/Web/API/Element/click_event) handler properties).
 - All browser events follow this format in JSX – `on`, followed by the name of the event.
 
-Let's apply this to our app, starting in the `Form.js` component.
+Let's apply this to our app, starting in the `Form.jsx` component.
 
 ### Handling form submission
 
-At the top of the `Form()` component function, create a function named `handleSubmit()`. This function should [prevent the default behavior of the `submit` event](/en-US/docs/Learn/JavaScript/Building_blocks/Events#preventing_default_behavior). After that, it should trigger an `alert()`, which can say whatever you'd like. It should end up looking something like this:
+At the top of the `Form()` component function (i.e., just below the `function Form() {` line), create a function named `handleSubmit()`. This function should [prevent the default behavior of the `submit` event](/en-US/docs/Learn/JavaScript/Building_blocks/Events#preventing_default_behavior). After that, it should trigger an `alert()`, which can say whatever you'd like. It should end up looking something like this:
 
 ```jsx
-function handleSubmit(e) {
-  e.preventDefault();
+function handleSubmit(event) {
+  event.preventDefault();
   alert("Hello, world!");
 }
 ```
@@ -89,11 +93,11 @@ Now if you head back to your browser and click on the "Add" button, your browser
 
 In React applications, interactivity is rarely confined to just one component: events that happen in one component will affect other parts of the app. When we start giving ourselves the power to make new tasks, things that happen in the `<Form />` component will affect the list rendered in `<App />`.
 
-We want our `handleSubmit()` function to ultimately help us create a new task, so we need a way to pass information from `<Form />` to `<App />`. We can't pass data from child to parent in the same way as we pass data from parent to child using standard props. Instead, we can write a function in `<App />` that will expect some data from our form as an input, then pass that function to `<Form />` as a prop. This function-as-a-prop is called a callback prop. Once we have our callback prop, we can call it inside `<Form />` to send the right data to `<App />`.
+We want our `handleSubmit()` function to ultimately help us create a new task, so we need a way to pass information from `<Form />` to `<App />`. We can't pass data from child to parent in the same way as we pass data from parent to child using standard props. Instead, we can write a function in `<App />` that will expect some data from our form as an input, then pass that function to `<Form />` as a prop. This function-as-a-prop is called a **callback prop**. Once we have our callback prop, we can call it inside `<Form />` to send the right data to `<App />`.
 
 ### Handling form submission via callbacks
 
-Inside the top of our `App()` component function, create a function named `addTask()` which has a single parameter of `name`:
+Inside the `App()` function in `App.jsx`, create a function named `addTask()` which has a single parameter of `name`:
 
 ```jsx
 function addTask(name) {
@@ -101,60 +105,93 @@ function addTask(name) {
 }
 ```
 
-Next, we'll pass `addTask()` into `<Form />` as a prop. The prop can have whatever name you want, but pick a name you'll understand later. Something like `addTask` works, because it matches the name of the function as well as what the function will do. Your `<Form />` component call should be updated as follows:
+Next, pass `addTask()` into `<Form />` as a prop. The prop can have whatever name you want, but pick a name you'll understand later. Something like `addTask` works, because it matches the name of the function as well as what the function will do. Your `<Form />` component call should be updated as follows:
 
 ```jsx
 <Form addTask={addTask} />
 ```
 
-Finally, you can use this prop inside the `handleSubmit()` function in your `<Form />` component! Update it as follows:
+To use this prop, we must change the signature of the `Form()` function in `Form.jsx` so that it acccepts `props` as a parameter:
+
+```jsx
+function Form(props) {
+  // ...
+}
+```
+
+Finally, we can use this prop inside the `handleSubmit()` function in your `<Form />` component! Update it as follows:
 
 ```jsx
-function handleSubmit(e) {
-  e.preventDefault();
+function handleSubmit(event) {
+  event.preventDefault();
   props.addTask("Say hello!");
 }
 ```
 
 Clicking on the "Add" button in your browser will prove that the `addTask()` callback function works, but it'd be nice if we could get the alert to show us what we're typing in our input field! This is what we'll do next.
 
-> **Note:** We decided to name our callback prop `addTask` to make it easy to understand what the prop will do. Another common convention you may well come across in React code is to prefix callback prop names with the word `on`, followed by the name of the event that will cause them to be run. For instance, we could have given our form a prop of `onSubmit` with the value of `addTask`.
+### Aside: a note on naming conventions
 
-## State and the `useState` hook
+We passed the `addTask()` function into the `<Form />` component as the prop `addTask` so that the relationship between the the `addTask()` _function_ and the `addTask` _prop_ would remain as clear as possible. Keep in mind, though, that prop names do not _need_ to be anything in particular. We could have passed `addTask()` into `<Form />` under any other name, such as this:
 
-So far, we've used props to pass data through our components and this has served us just fine. Now that we're dealing with user input and data updates, however, we need something more.
+```diff
+- <Form addTask={addTask} />
++ <Form onSubmit={addTask} />
+```
 
-For one thing, props come from the parent of a component. Our `<Form />` will not be inheriting a new name for our task; our `<input />` element lives directly inside of `<Form />`, so `<Form/>` will be directly responsible for creating that new name. We can't ask `<Form />` to spontaneously create its own props, but we _can_ ask it to track some of its own data for us. Data such as this, which a component itself owns, is called **state**. State is another powerful tool for React because components not only _own_ state, but can _update_ it later. It's not possible to update the props a component receives; only to read them.
+This would make the `addTask()` function available to the `<Form />` component as the prop `onSubmit`. That prop could be used in `App.jsx` like this:
 
-React provides a variety of special functions that allow us to provide new capabilities to components, like state. These functions are called **hooks**, and the `useState` hook, as its name implies, is precisely the one we need in order to give our component some state.
+```diff
+function handleSubmit(event) {
+  event.preventDefault();
+- props.addTask("Say hello!");
++ props.onSubmit("Say hello!");
+}
+```
 
-To use a React hook, we need to import it from the React module. In `Form.js`, change your very first line so that it reads like this:
+Here, the `on` prefix tells us that the prop is a callback function; `Submit` is our clue that a submit event will trigger this function.
+
+While callback props often match the names of familiar event handlers, like `onSubmit` or `onClick`, they can be named just about anything that helps make their meaning clear. A hypothetical `<Menu />` component might include a callback function that runs when the menu is opened, as well as a separate callback function that runs when it's closed:
 
 ```jsx
-import React, { useState } from "react";
+<Menu onOpen={() => console.log("Hi!")} onClose={() => console.log("Bye!")} />
 ```
 
-This allows us to import the `useState()` function by itself, and utilize it anywhere in this file.
+This `on*` naming convention is very common in the React ecosystem, so keep it in mind as you continue your learning. For the sake of clarity, we're going to stick with `addTask` and similar prop names for the rest of this tutorial. If you changed any prop names while reading this section, be sure to change them back before continuing!
+
+## Persisting and changing data with state
+
+So far, we've used props to pass data through our components and this has served us just fine. Now that we're dealing with interactivity, however, we need the ability to create new data, retain it, and update it later. Props are not the right tool for this job because they are immutable — a component cannot change or create its own props.
+
+This is where **state** comes in. If we think of props as a way to communicate between components, we can think of state as a way to give components "memory" – information they can hold onto and update as needed.
 
-`useState()` creates a piece of state for a component, and its only parameter determines the _initial value_ of that state. It returns two things: the state, and a function that can be used to update the state later.
+React provides a special function for introducing state to a component, aptly named `useState()`.
 
-This is a lot to take in at once, so let's try it out. We're going to make ourselves a `name` state, and a function for updating the `name` state.
+> **Note:** `useState()` is part of a special category of functions called **hooks**, each of which can be used to add new functionality to a component. We'll learn about other hooks later on.
 
-Write the following above your `handleSubmit()` function, inside `Form()`:
+To use `useState()`, we need to import it from the React module. Add the following line to the top of your `Form.jsx` file, above the `Form()` function definition:
 
 ```jsx
-const [name, setName] = useState("Use hooks!");
+import { useState } from "react";
 ```
 
-What's going on in this line of code?
+`useState()` takes a single argument that determines the initial value of the state. This argument can be a string, a number, an array, an object, or any other JavaScript data type. `useState()` returns an array containing two items. The first item is the current value of the state; the second item is a function that can be used to update the state.
 
-- We are setting the initial `name` value as "Use hooks!".
-- We are defining a function whose job is to modify `name`, called `setName()`.
-- `useState()` returns these two things, so we are using [array destructuring](/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment) to capture them both in separate variables.
+Let's create a `name` state. Write the following above your `handleSubmit()` function, inside `Form()`:
+
+```jsx
+const [name, setName] = useState("Learn React");
+```
+
+Several things are happening in this line of code:
+
+- We are defining a `name` constant with the value `"Learn React"`.
+- We are defining a function whose job it is to modify `name`, called `setName()`.
+- `useState()` returns these two things in an array, so we are using [array destructuring](/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment) to capture them both in separate variables.
 
 ### Reading state
 
-You can see the `name` state in action right away. Add a `value` attribute to the form's input, and set its value to `name`. Your browser will render "Use hooks!" inside the input.
+You can see the `name` state in action right away. Add a `value` attribute to the form's input, and set its value to `name`. Your browser will render "Learn React" inside the input.
 
 ```jsx
 <input
@@ -167,7 +204,7 @@ You can see the `name` state in action right away. Add a `value` attribute to th
 />
 ```
 
-Change "Use hooks!" to an empty string once you're done; this is what we want for our initial state.
+Change "Learn React" to an empty string once you're done; this is what we want for our initial state:
 
 ```jsx
 const [name, setName] = useState("");
@@ -175,14 +212,16 @@ const [name, setName] = useState("");
 
 ### Reading user input
 
-Before we can change the value of `name`, we need to capture a user's input as they type. For this, we can listen to the `onChange` event. Let's write a `handleChange()` function, and listen for it on the `<input />` tag.
+Before we can change the value of `name`, we need to capture a user's input as they type. For this, we can listen to the `onChange` event. Let's write a `handleChange()` function, and listen for it on the `<input />` element.
 
 ```jsx
 // near the top of the `Form` component
-function handleChange(e) {
+function handleChange() {
   console.log("Typing!");
 }
 
+...
+
 // Down in the return statement
 <input
   type="text"
@@ -195,33 +234,35 @@ function handleChange(e) {
 />;
 ```
 
-Currently, your input's value will not change as you type, but your browser will log the word "Typing!" to the JavaScript console, so we know our event listener is attached to the input. In order to change the input's value, we have to use our `handleChange()` function to update our `name` state.
+Currently, our input's value will not change when you try to enter text into it, but your browser will log the word "Typing!" to the JavaScript console, so we know our event listener is attached to the input.
 
-To read the contents of the input field as they change, you can access the input's `value` property. We can do this inside `handleChange()` by reading `e.target.value`. `e.target` represents the element that fired the `change` event — that's our input. So, `value` is the text inside it.
+To read the user's keystrokes, we must access the input's `value` property. We can do this by reading the `event` object that `handleChange()` receives when it's called. `event`, in turn, has [a `target` property](/en-US/docs/Web/API/Event/target), which represents the element that fired the `change` event. That's our input. So, `event.target.value` is the text inside the input.
 
-You can `console.log()` this value to see it in your browser's console.
+You can `console.log()` this value to see it in your browser's console. Try updating the `handleChange()` function as follows, and typing in the input to see the result in your console:
 
 ```jsx
-function handleChange(e) {
-  console.log(e.target.value);
+function handleChange(event) {
+  console.log(event.target.value);
 }
 ```
 
 ### Updating state
 
-Logging isn't enough — we want to actually store the updated state of the name as the input value changes! Change the `console.log()` to `setName()`, as shown below:
+Logging isn't enough — we want to actually store what the user types and render it in the input! Change your `console.log()` call to `setName()`, as shown below:
 
 ```jsx
-function handleChange(e) {
-  setName(e.target.value);
+function handleChange(event) {
+  setName(event.target.value);
 }
 ```
 
-Now we need to change our `handleSubmit()` function so that it calls `props.addTask` with name as an argument — remember our callback prop? This will serve to send the task back to the `App` component, so we can add it to our list of tasks at some later date. As a matter of good practice, you should clear the input after your form submits, so we'll call `setName()` again with an empty string to do so:
+Now when you type in the input, your keystrokes will fill out the input, as you might expect.
+
+We have one more step: we need to change our `handleSubmit()` function so that it calls `props.addTask` with `name` as an argument. Remember our callback prop? This will serve to send the task back to the `App` component, so we can add it to our list of tasks at some later date. As a matter of good practice, you should clear the input after your form is submitted, so we'll call `setName()` again with an empty string to do so:
 
 ```jsx
-function handleSubmit(e) {
-  e.preventDefault();
+function handleSubmit(event) {
+  event.preventDefault();
   props.addTask(name);
   setName("");
 }
@@ -229,23 +270,24 @@ function handleSubmit(e) {
 
 At last, you can type something into the input field in your browser and click _Add_ — whatever you typed will appear in an alert dialog.
 
-Your `Form.js` file should now read like this:
+Your `Form.jsx` file should now read like this:
 
 ```jsx
-import React, { useState } from "react";
+import { useState } from "react";
 
 function Form(props) {
   const [name, setName] = useState("");
 
-  function handleChange(e) {
-    setName(e.target.value);
+  function handleChange(event) {
+    setName(event.target.value);
   }
 
-  function handleSubmit(e) {
-    e.preventDefault();
+  function handleSubmit(event) {
+    event.preventDefault();
     props.addTask(name);
     setName("");
   }
+
   return (
     <form onSubmit={handleSubmit}>
       <h2 className="label-wrapper">
@@ -272,18 +314,18 @@ function Form(props) {
 export default Form;
 ```
 
-> **Note:** One thing you'll notice is that you are able to submit empty tasks by just pressing the Add button without entering a task name. Can you think of a way to disallow empty tasks from being added? As a hint, you probably need to add some kind of check into the `handleSubmit()` function.
+> **Note:** You'll notice that you are able to submit empty tasks by just pressing the `Add` button without entering a task name. Can you think of a way to prevent this? As a hint, you probably need to add some kind of check into the `handleSubmit()` function.
 
 ## Putting it all together: Adding a task
 
-Now that we've practiced with events, callback props, and hooks we're ready to write functionality that will allow a user to add a new task from their browser.
+Now that we've practiced with events, callback props, and hooks, we're ready to write functionality that will allow a user to add a new task from their browser.
 
 ### Tasks as state
 
-Import `useState` into `App.js`, so that we can store our tasks in state — update your `React` import line to the following:
+We need to import `useState` into `App.jsx` so that we can store our tasks in state. Add the following to the top of your `App.jsx` file:
 
 ```jsx
-import React, { useState } from "react";
+import { useState } from "react";
 ```
 
 We want to pass `props.tasks` into the `useState()` hook – this will preserve its initial state. Add the following right at the top of your `App()` function definition:
@@ -295,7 +337,7 @@ const [tasks, setTasks] = useState(props.tasks);
 Now, we can change our `taskList` mapping so that it is the result of mapping `tasks`, instead of `props.tasks`. Your `taskList` constant declaration should now look like so:
 
 ```jsx
-const taskList = tasks.map((task) => (
+const taskList = tasks?.map((task) => (
   <Todo
     id={task.id}
     name={task.name}
@@ -336,7 +378,7 @@ npm install nanoid
 
 > **Note:** If you're using yarn, you'll need the following instead: `yarn add nanoid`.
 
-Now we can import `nanoid` into the top of `App.js` so we can use it to create unique IDs for our new tasks. First of all, include the following import line at the top of `App.js`:
+Now we can use `nanoid` to create unique IDs for our new tasks. First of all, import it by including the following line at the top of `App.jsx`:
 
 ```jsx
 import { nanoid } from "nanoid";
@@ -352,7 +394,7 @@ Save everything, and try your app again — now you can add tasks without gettin
 
 ## Detour: counting tasks
 
-Now that we can add new tasks, you may notice a problem: our heading reads 3 tasks remaining, no matter how many tasks we have! We can fix this by counting the length of `taskList` and changing the text of our heading accordingly.
+Now that we can add new tasks, you may notice a problem: our heading reads "3 tasks remaining" no matter how many tasks we have! We can fix this by counting the length of `taskList` and changing the text of our heading accordingly.
 
 Add this inside your `App()` definition, before the return statement:
 
@@ -373,6 +415,8 @@ Now you can replace the list heading's text content with the `headingText` varia
 <h2 id="list-heading">{headingText}</h2>
 ```
 
+Save the file, go back to your browser, and try adding some tasks: the count should now update as expected.
+
 ## Completing a task
 
 You might notice that, when you click on a checkbox, it checks and unchecks appropriately. As a feature of HTML, the browser knows how to remember which checkbox inputs are checked or unchecked without our help. This feature hides a problem, however: toggling a checkbox doesn't change the state in our React application. This means that the browser and our app are now out-of-sync. We have to write our own code to put the browser back in sync with our app.
@@ -405,7 +449,7 @@ const taskList = tasks.map((task) => (
 ));
 ```
 
-Next, go over to your `Todo.js` component and add an `onChange` handler to your `<input />` element, which should use an anonymous function to call `props.toggleTaskCompleted()` with a parameter of `props.id`. The `<input />` should now look like this:
+Next, go over to your `Todo.jsx` component and add an `onChange` handler to your `<input />` element, which should use an anonymous function to call `props.toggleTaskCompleted()` with a parameter of `props.id`. The `<input />` should now look like this:
 
 ```jsx
 <input
@@ -426,7 +470,7 @@ The checkbox unchecks in the browser, but our console tells us that Eat is still
 
 ### Synchronizing the browser with our data
 
-Let's revisit our `toggleTaskCompleted()` function in `App.js`. We want it to change the `completed` property of only the task that was toggled, and leave all the others alone. To do this, we'll `map()` over the task list and just change the one we completed.
+Let's revisit our `toggleTaskCompleted()` function in `App.jsx`. We want it to change the `completed` property of only the task that was toggled, and leave all the others alone. To do this, we'll `map()` over the task list and just change the one we completed.
 
 Update your `toggleTaskCompleted()` function to the following:
 
@@ -478,9 +522,9 @@ const taskList = tasks.map((task) => (
 ));
 ```
 
-In `Todo.js`, we want to call `props.deleteTask()` when the "Delete" button is pressed. `deleteTask()` needs to know the ID of the task that called it, so it can delete the correct task from the state.
+In `Todo.jsx`, we want to call `props.deleteTask()` when the "Delete" button is pressed. `deleteTask()` needs to know the ID of the task that called it, so it can delete the correct task from the state.
 
-Update the "Delete" button inside `Todo.js`, like so:
+Update the "Delete" button inside `Todo.jsx`, like so:
 
 ```jsx
 <button
@@ -493,13 +537,48 @@ Update the "Delete" button inside `Todo.js`, like so:
 
 Now when you click on any of the "Delete" buttons in the app, your browser console should log the ID of the related task.
 
+At this point, your `Todo.jsx` file should look like this:
+
+```jsx
+function Todo(props) {
+  return (
+    <li className="todo stack-small">
+      <div className="c-cb">
+        <input
+          id={props.id}
+          type="checkbox"
+          defaultChecked={props.completed}
+          onChange={() => props.toggleTaskCompleted(props.id)}
+        />
+        <label className="todo-label" htmlFor={props.id}>
+          {props.name}
+        </label>
+      </div>
+      <div className="btn-group">
+        <button type="button" className="btn">
+          Edit <span className="visually-hidden">{props.name}</span>
+        </button>
+        <button
+          type="button"
+          className="btn btn__danger"
+          onClick={() => props.deleteTask(props.id)}>
+          Delete <span className="visually-hidden">{props.name}</span>
+        </button>
+      </div>
+    </li>
+  );
+}
+
+export default Todo;
+```
+
 ## Deleting tasks from state and UI
 
 Now that we know `deleteTask()` is invoked correctly, we can call our `setTasks()` hook in `deleteTask()` to actually delete that task from the app's state as well as visually in the app UI. Since `setTasks()` expects an array as an argument, we should provide it with a new array that copies the existing tasks, _excluding_ the task whose ID matches the one passed into `deleteTask()`.
 
 This is a perfect opportunity to use [`Array.prototype.filter()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter). We can test each task, and exclude a task from the new array if its `id` prop matches the `id` argument passed into `deleteTask()`.
 
-Update the `deleteTask()` function inside your `App.js` file as follows:
+Update the `deleteTask()` function inside your `App.jsx` file as follows:
 
 ```jsx
 function deleteTask(id) {
@@ -510,6 +589,77 @@ function deleteTask(id) {
 
 Try your app out again. Now you should be able to delete a task from your app!
 
+At this point, your `App.jsx` file should look like this:
+
+```jsx
+import { useState } from "react";
+import { nanoid } from "nanoid";
+import Todo from "./components/Todo";
+import Form from "./components/Form";
+import FilterButton from "./components/FilterButton";
+
+function App(props) {
+  function addTask(name) {
+    const newTask = { id: `todo-${nanoid}`, name, completed: false };
+    setTasks([...tasks, newTask]);
+  }
+
+  function toggleTaskCompleted(id) {
+    const updatedTasks = tasks.map((task) => {
+      // if this task has the same ID as the edited task
+      if (id === task.id) {
+        // use object spread to make a new object
+        // whose `completed` prop has been inverted
+        return { ...task, completed: !task.completed };
+      }
+      return task;
+    });
+    setTasks(updatedTasks);
+  }
+
+  function deleteTask(id) {
+    const remainingTasks = tasks.filter((task) => id !== task.id);
+    setTasks(remainingTasks);
+  }
+
+  const [tasks, setTasks] = useState(props.tasks);
+  const taskList = tasks?.map((task) => (
+    <Todo
+      id={task.id}
+      name={task.name}
+      completed={task.completed}
+      key={task.id}
+      toggleTaskCompleted={toggleTaskCompleted}
+      deleteTask={deleteTask}
+    />
+  ));
+
+  const tasksNoun = taskList.length !== 1 ? "tasks" : "task";
+  const headingText = `${taskList.length} ${tasksNoun} remaining`;
+
+  return (
+    <div className="todoapp stack-large">
+      <h1>TodoMatic</h1>
+      <Form addTask={addTask} />
+      <div className="filters btn-group stack-exception">
+        <FilterButton />
+        <FilterButton />
+        <FilterButton />
+      </div>
+      <h2 id="list-heading">{headingText}</h2>
+      <ul
+        role="list"
+        className="todo-list stack-large stack-exception"
+        aria-labelledby="list-heading">
+        {taskList}
+      </ul>
+    </div>
+  );
+}
+
+export default App;
+```
+
 ## Summary
 
 That's enough for one article. Here we've given you the lowdown on how React deals with events and handles state, and implemented functionality to add tasks, delete tasks, and toggle tasks as completed. We are nearly there. In the next article we'll implement functionality to edit existing tasks and filter the list of tasks between all, completed, and incomplete tasks. We'll look at conditional UI rendering along the way.

From f8c699c85a7637f88823df8ac3e53789d17a9a6f Mon Sep 17 00:00:00 2001
From: EJ Mason <13525251+mxmason@users.noreply.github.com>
Date: Thu, 21 Dec 2023 03:57:39 -0800
Subject: [PATCH 062/790] DO NOT MERGE: MDN React Tutorials #5: Interactivity
 (#31093)

* chore: edit 1

* chore: add checkpoint code

* chore: edit filterbutton check-in code

* Small tweak

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 .../index.md                                  | 119 +++++++++++++++---
 1 file changed, 103 insertions(+), 16 deletions(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_filtering_conditional_rendering/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_filtering_conditional_rendering/index.md
index b96320546061a6f..c5b240dda233b36 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_filtering_conditional_rendering/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_filtering_conditional_rendering/index.md
@@ -37,18 +37,19 @@ As we near the end of our React journey (for now at least), we'll add the finish
 
 ## Editing the name of a task
 
-We don't have a user interface for editing the name of a task yet. We'll get to that in a moment. To start with, we can at least implement an `editTask()` function in `App.js`. It'll be similar to `deleteTask()` because it'll take an `id` to find its target object, but it'll also take a `newName` property containing the name to update the task to. We'll use [`Array.prototype.map()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map) instead of [`Array.prototype.filter()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) because we want to return a new array with some changes, instead of deleting something from the array.
+We don't have a user interface for editing the name of a task yet. We'll get to that in a moment. To start with, we can at least implement an `editTask()` function in `App.jsx`. It'll be similar to `deleteTask()` because it'll take an `id` to find its target object, but it'll also take a `newName` property containing the name to update the task to. We'll use [`Array.prototype.map()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map) instead of [`Array.prototype.filter()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) because we want to return a new array with some changes, instead of deleting something from the array.
 
-Add the `editTask()` function inside your `App` component, in the same place as the other functions:
+Add the `editTask()` function inside your `<App />` component, in the same place as the other functions:
 
 ```jsx
 function editTask(id, newName) {
   const editedTaskList = tasks.map((task) => {
     // if this task has the same ID as the edited task
     if (id === task.id) {
-      //
+      // Copy the task and update its name
       return { ...task, name: newName };
     }
+    // Return the original task if it's not the edited task
     return task;
   });
   setTasks(editedTaskList);
@@ -71,23 +72,23 @@ const taskList = tasks.map((task) => (
 ));
 ```
 
-Now open `Todo.js`. We're going to do some refactoring.
+Now open `Todo.jsx`. We're going to do some refactoring.
 
 ## A UI for editing
 
-In order to allow users to edit a task, we have to provide a user interface for them to do so. First, import `useState` into the `Todo` component like we did before with the `App` component, by updating the first import statement to this:
+In order to allow users to edit a task, we have to provide a user interface for them to do so. First, import `useState` into the `<Todo />` component like we did before with the `<App />` component:
 
 ```jsx
-import React, { useState } from "react";
+import { useState } from "react";
 ```
 
-We'll now use this to set an `isEditing` state, the default state of which should be `false`. Add the following line just inside the top of your `Todo(props) { }` component definition:
+We'll use this to set an `isEditing` state with a default value of `false`. Add the following line just inside the top of your `<Todo />` component definition:
 
 ```jsx
 const [isEditing, setEditing] = useState(false);
 ```
 
-Next, we're going to rethink the `<Todo />` component — from now on, we want it to display one of two possible "templates", rather than the single template it's used so far:
+Next, we're going to rethink the `<Todo />` component. From now on, we want it to display one of two possible "templates", rather than the single template it has used so far:
 
 - The "view" template, when we are just viewing a todo; this is what we've used in the tutorial thus far.
 - The "editing" template, when we are editing a todo. We're about to create this.
@@ -193,9 +194,9 @@ The next step is to actually make the editing functionality work.
 
 ## Editing from the UI
 
-Much of what we're about to do will mirror the work we did in `Form.js`: as the user types in our new input field, we need to track the text they enter; once they submit the form, we need to use a callback prop to update our state with the new name of the task.
+Much of what we're about to do will mirror the work we did in `Form.jsx`: as the user types in our new input field, we need to track the text they enter; once they submit the form, we need to use a callback prop to update our state with the new name of the task.
 
-We'll start by making a new hook for storing and setting the new name. Still in `Todo.js`, put the following underneath the existing hook:
+We'll start by making a new hook for storing and setting the new name. Still in `Todo.jsx`, put the following underneath the existing hook:
 
 ```jsx
 const [newName, setNewName] = useState("");
@@ -221,7 +222,7 @@ Now we'll update our `editingTemplate`'s `<input />` field, setting a `value` at
 />
 ```
 
-Finally, we need to create a function to handle the edit form's `onSubmit` event; add the following just below the previous function you added:
+Finally, we need to create a function to handle the edit form's `onSubmit` event. Add the following just below `handleChange()`:
 
 ```jsx
 function handleSubmit(e) {
@@ -240,7 +241,91 @@ Bind this function to the form's `submit` event by adding the following `onSubmi
 <form className="stack-small" onSubmit={handleSubmit}>
 ```
 
-You should now be able to edit a task in your browser!
+You should now be able to edit a task in your browser. At this point, your `Todo.jsx` file should look like this:
+
+```jsx
+function Todo(props) {
+  const [isEditing, setEditing] = useState(false);
+  const [newName, setNewName] = useState("");
+
+  function handleChange(e) {
+    setNewName(e.target.value);
+  }
+
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.editTask(props.id, newName);
+    setNewName("");
+    setEditing(false);
+  }
+
+  const editingTemplate = (
+    <form className="stack-small" onSubmit={handleSubmit}>
+      <div className="form-group">
+        <label className="todo-label" htmlFor={props.id}>
+          New name for {props.name}
+        </label>
+        <input
+          id={props.id}
+          className="todo-text"
+          type="text"
+          value={newName}
+          onChange={handleChange}
+        />
+      </div>
+      <div className="btn-group">
+        <button
+          type="button"
+          className="btn todo-cancel"
+          onClick={() => setEditing(false)}>
+          Cancel
+          <span className="visually-hidden">renaming {props.name}</span>
+        </button>
+        <button type="submit" className="btn btn__primary todo-edit">
+          Save
+          <span className="visually-hidden">new name for {props.name}</span>
+        </button>
+      </div>
+    </form>
+  );
+
+  const viewTemplate = (
+    <div className="stack-small">
+      <div className="c-cb">
+        <input
+          id={props.id}
+          type="checkbox"
+          defaultChecked={props.completed}
+          onChange={() => props.toggleTaskCompleted(props.id)}
+        />
+        <label className="todo-label" htmlFor={props.id}>
+          {props.name}
+        </label>
+      </div>
+      <div className="btn-group">
+        <button
+          type="button"
+          className="btn"
+          onClick={() => {
+            setEditing(true);
+          }}>
+          Edit <span className="visually-hidden">{props.name}</span>
+        </button>
+        <button
+          type="button"
+          className="btn btn__danger"
+          onClick={() => props.deleteTask(props.id)}>
+          Delete <span className="visually-hidden">{props.name}</span>
+        </button>
+      </div>
+    </div>
+  );
+
+  return <li className="todo">{isEditing ? editingTemplate : viewTemplate}</li>;
+}
+
+export default Todo;
+```
 
 ## Back to the filter buttons
 
@@ -266,7 +351,7 @@ Our goal right now is two-fold:
 
 A JavaScript object would be a great way to relate names to behaviors: each key is the name of a filter; each property is the behavior associated with that name.
 
-At the top of `App.js`, beneath our imports but above our `App()` function, let's add an object called `FILTER_MAP`:
+At the top of `App.jsx`, beneath our imports but above our `App()` function, let's add an object called `FILTER_MAP`:
 
 ```jsx
 const FILTER_MAP = {
@@ -302,7 +387,7 @@ const filterList = FILTER_NAMES.map((name) => (
 ));
 ```
 
-Now we'll replace the three repeated `<FilterButton />`s in `App.js` with this `filterList`. Replace the following:
+Now we'll replace the three repeated `<FilterButton />`s in `App.jsx` with this `filterList`. Replace the following:
 
 ```jsx
 <FilterButton />
@@ -338,13 +423,13 @@ const filterList = FILTER_NAMES.map((name) => (
 ));
 ```
 
-In the same way as we did earlier with our `<Todo />` component, we now have to update `FilterButton.js` to utilize the props we have given it. Do each of the following, and remember to use curly braces to read these variables!
+In the same way as we did earlier with our `<Todo />` component, we now have to update `FilterButton.jsx` to utilize the props we have given it. Do each of the following, and remember to use curly braces to read these variables!
 
 - Replace `all` with `{props.name}`.
 - Set the value of `aria-pressed` to `{props.isPressed}`.
 - Add an `onClick` handler that calls `props.setFilter()` with the filter's name.
 
-With all of that done, your `FilterButton()` function should read like this:
+With all of that done, your `FilterButton.jsx` file should read like this:
 
 ```jsx
 function FilterButton(props) {
@@ -360,6 +445,8 @@ function FilterButton(props) {
     </button>
   );
 }
+
+export default FilterButton;
 ```
 
 Visit your browser again. You should see that the different buttons have been given their respective names. When you press a filter button, you should see its text take on a new outline — this tells you it has been selected. And if you look at your DevTool's Page Inspector while clicking the buttons, you'll see the `aria-pressed` attribute values change accordingly.

From a6c473aa1a0b0e02fcf8320b95e5935eab2cbb2c Mon Sep 17 00:00:00 2001
From: EJ Mason <13525251+mxmason@users.noreply.github.com>
Date: Thu, 21 Dec 2023 04:07:34 -0800
Subject: [PATCH 063/790] MDN React Tutorials #6: Accessibility & Resources
 (#31139)

* chore: minor line edits

* chore: moar line edits

* chore: add note on focus-visible

* chore: yet another line edit

* chore: update style section

* chore: clean up whitespace

* chore: add useReducer section

* chore: clean up client side router section

* chore: fix typo

* chore: update dev tools reference link

* Minor grammar fixes

* small tweaks

* chore: apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* chore: add useRef explainer

* chore: rewrite ref/effect

* chore: remove mention of create-react-app from testing section

* chore: update note on focus-visible

* chore: add usePrevious explainer

* chore: dedupe

* chore: more little rewrites

* chore: simplify length check

* tweaks to :focus-visible explanation

* minor language tweak

* chore: apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* usePrevious() description update

* Remove "generally"

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 .../react_accessibility/index.md              | 128 ++++++++++++------
 .../react_resources/index.md                  |  42 +++---
 2 files changed, 105 insertions(+), 65 deletions(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_accessibility/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_accessibility/index.md
index d8f9f173c1c8524..f917b6f6e8b3879 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_accessibility/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_accessibility/index.md
@@ -6,7 +6,7 @@ page-type: learn-module-chapter
 
 {{LearnSidebar}}{{PreviousMenuNext("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_filtering_conditional_rendering","Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_resources", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}
 
-In our final tutorial article, we'll focus on (pun intended) accessibility, including focus management in React, which can improve usability and reduce confusion for both keyboard-only and screen reader users.
+In our final tutorial article, we'll focus on (pun intended) accessibility, including focus management in React, which can improve usability and reduce confusion for both keyboard-only and screen-reader users.
 
 <table>
   <tbody>
@@ -34,7 +34,7 @@ In our final tutorial article, we'll focus on (pun intended) accessibility, incl
 
 ## Including keyboard users
 
-At this point, we've accomplished all of the features we set out to implement. A user can add a new task, check and uncheck tasks, delete tasks, or edit task names. Also, they can filter their task list by all, active, or completed tasks.
+At this point, we've implemented all the features we set out to implement. Users can add a new task, check and uncheck tasks, delete tasks, or edit task names. Also, they can filter their task list by all, active, or completed tasks.
 
 Or, at least, they can do all of these things with a mouse. Unfortunately, these features are not very accessible to keyboard-only users. Let's explore this now.
 
@@ -48,34 +48,46 @@ The `<Todo />` component will switch templates, as we designed, and you'll see a
 
 But where did our focus indicator go?
 
-When we switch between templates in our `<Todo />` component, we completely remove the elements that were there before to replace them with something else. That means the element that we were focused on vanishes, and nothing is in focus at all. This could confuse a wide variety of users — particularly users who rely on the keyboard, or users who use a screen reader.
+When we switch between templates in our `<Todo />` component, we completely remove the elements from the old template and replace them with the elements from the new template. That means the element that we were focused on no longer exists, so there's no visual cue as to where the browser's focus is. This could confuse a wide variety of users — particularly users who rely on the keyboard, or users who use assistive technology.
 
-To improve the experience for keyboard and screen-reader users, we should manage the browser's focus ourselves.
+To improve the experience for keyboard and assistive technology users, we should manage the browser's focus ourselves.
+
+### Aside: a note on our focus indicator
+
+If you click the "All", "Active", or "Completed" filter buttons with your mouse, you _won't_ see a visible focus indicator, but you will do if you move between them with the tab key on your keyboard. Don't worry — your code isn't broken!
+
+Our CSS file uses the [`:focus-visible`](/en-US/docs/Web/CSS/:focus-visible) pseudo-class to provide custom styling for the focus indicator, and the browser uses a set of internal rules to determine when to show it to the user. Generally, the browser _will_ show a focus indicator in response to keyboard input, and _might_ show it in response to mouse input. `<button>` elements _don't_ show a focus indicator in response to mouse input, while `<input>` elements _do_.
+
+The behavior of `:focus-visible` is more selective than the older [`:focus`](/en-US/docs/Web/CSS/:focus) pseudo-class, with which you might be more familiar. `:focus` shows a focus indicator in many more situations, and you can use it instead of or in combination with `:focus-visible` if you prefer.
 
 ## Focusing between templates
 
-When a user toggles a `<Todo/>` template from viewing to editing, we should focus on the `<input>` used to rename it; when they toggle back from editing to viewing, we should move focus back to the "Edit" button.
+When a user toggles a `<Todo />` template from viewing to editing, we should focus on the `<input>` used to rename it; when they toggle back from editing to viewing, we should move focus back to the "Edit" button.
 
 ### Targeting our elements
 
-In order to focus on an element in our DOM, we need to tell React which element we want to focus on and how to find it. React's [`useRef`](https://react.dev/reference/react/useRef) hook creates an object with a single property: `current`. This property can be a reference to anything we want, and that reference can be looked up later. It's particularly useful for referring to DOM elements.
+Up to this point, we've been writing JSX components and letting React build the resulting DOM behind the scenes. Most of the time, we don't need to target specific elements in the DOM because we can use React's state and props to control what gets rendered. To manage focus, however, we _do_ need to be able to target specific DOM elements.
 
-Change the `import` statement at the top of `Todo.js` so that it includes `useRef`:
+This is where the `useRef()` hook comes in.
+
+First, change the `import` statement at the top of `Todo.jsx` so that it includes `useRef`:
 
 ```jsx
-import React, { useRef, useState } from "react";
+import { useRef, useState } from "react";
 ```
 
-Then, create two new constants beneath the hooks in your `Todo()` function. Each should be a ref – one for the "Edit" button in the view template and one for the edit field in the editing template.
+`useRef()` creates an object with a single property: `current`. Refs can store any values we want them to, and we can look up those values later. We can even store references to DOM elements, which is exactly what we're going to do here.
+
+Next, create two new constants beneath the `useState()` hooks in your `Todo()` function. Each should be a ref – one for the "Edit" button in the view template and one for the edit field in the editing template.
 
 ```jsx
 const editFieldRef = useRef(null);
 const editButtonRef = useRef(null);
 ```
 
-These refs have a default value of `null` because they will not have value until we attach them to their respective elements. To do that, we'll add an attribute of `ref` to each element, and set their values to the appropriately named `ref` objects.
+These refs have a default value of `null` to make it clear that they'll be empty until they're attached to their DOM elements. To attach them to their elements, we'll add the special `ref` attribute to each element's JSX, and set the values of those attributes to the appropriately named `ref` objects.
 
-The textbox `<input>` in your editing template should be updated like this:
+Update the `<input>` in your editing template so that it reads like this:
 
 ```jsx
 <input
@@ -88,7 +100,7 @@ The textbox `<input>` in your editing template should be updated like this:
 />
 ```
 
-The "Edit" button in your view template should read like this:
+Update the "Edit" button in your view template so that it reads like this:
 
 ```jsx
 <button
@@ -100,17 +112,29 @@ The "Edit" button in your view template should read like this:
 </button>
 ```
 
-### Focusing on our refs with useEffect
+Doing this will populate our `editFieldRef` and `editButtonRef` with references to the DOM elements they're attached to, but _only_ after React has rendered the component. Test that out for yourself: add the following line somewhere in the body of your `Todo()` function, below where `editButtonRef` is initialized:
+
+```jsx
+console.log(editButtonRef.current);
+```
+
+You'll see that the value of `editButtonRef.current` is `null` when the component first renders, but if you click an "Edit" button, it will log the `<input>` element to the console. This is because the ref is populated only after the component renders, and clicking the "Edit" button causes the component to re-render. Be sure to delete this log before moving on.
+
+> **Note:** Your logs will appear 6 times because we have 3 instances of `<Todo />` in our app and React renders our components twice in development.
+
+We're getting closer! To take advantage of our newly referenced elements, we need to use another React hook: `useEffect()`.
+
+### Implementing `useEffect()`
 
-To use our refs for their intended purpose, we need to import another React hook: [`useEffect()`](https://react.dev/reference/react/useEffect). `useEffect()` is so named because it runs after React renders a given component, and will run any side-effects that we'd like to add to the render process, which we can't run inside the main function body. `useEffect()` is useful in the current situation because we cannot focus on an element until after the `<Todo />` component renders and React knows where our refs are.
+[`useEffect()`](https://react.dev/reference/react/useEffect) is so named because it runs any side-effects that we'd like to add to the render process, which can't be run inside the main function body. `useEffect()` runs right after a component renders, meaning the DOM elements we referenced in the previous section will be available for us to use.
 
-Change the import statement of `Todo.js` again to add `useEffect`:
+Change the import statement of `Todo.jsx` again to add `useEffect`:
 
 ```jsx
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 ```
 
-`useEffect()` takes a function as an argument; this function is executed after the component renders. Let's see this in action; put the following `useEffect()` call just above the `return` statement in the body of `Todo()`, and pass into it a function that logs the words "side effect" to your console:
+`useEffect()` takes a function as an argument; this function is executed _after_ the component renders. To demonstrate this, put the following `useEffect()` call just above the `return` statement in the body of `Todo()`, and pass a function into it that logs the words "side effect" to your console:
 
 ```jsx
 useEffect(() => {
@@ -124,14 +148,14 @@ To illustrate the difference between the main render process and code run inside
 console.log("main render");
 ```
 
-Now, open the app in your browser. You should see both messages in your console, with each one repeating three times. Note how "main render" logged first, and "side effect" logged second, even though the "side effect" log appears first in the code.
+Now, open the app in your browser. You should see both messages in your console, with each one repeating multiple times. Note how "main render" logged first, and "side effect" logged second, even though the "side effect" log appears first in the code.
 
 ```plain
-main render (3)                                     Todo.js:100
-side effect (3)                                     Todo.js:98
+main render                                     Todo.jsx
+side effect                                     Todo.jsx
 ```
 
-That's it for our experimentation for now. Delete `console.log("main render")` now, and let's move on to implementing our focus management.
+Again, the logs are ordered this way because code inside `useEffect()` runs _after_ the component renders. This takes some getting used to, just keep it in mind as you move forward. For now, delete `console.log("main render")` and we'll move on to implementing our focus management.
 
 ### Focusing on our editing field
 
@@ -149,7 +173,7 @@ useEffect(() => {
 
 These changes make it so that, if `isEditing` is true, React reads the current value of the `editFieldRef` and moves browser focus to it. We also pass an array into `useEffect()` as a second argument. This array is a list of values `useEffect()` should depend on. With these values included, `useEffect()` will only run when one of those values changes. We only want to change focus when the value of `isEditing` changes.
 
-Try it now, and you'll see that when you click an "Edit" button, focus moves to the corresponding edit `<input>`!
+Try it now: use the <kbd>Tab</kbd> key to navigate to one of the "Edit" buttons, then press <kbd>Enter</kbd>. You should see the `<Todo />` component switch to its editing template, and the browser focus indicator should appear around the `<input>` element!
 
 ### Moving focus back to the edit button
 
@@ -165,28 +189,29 @@ useEffect(() => {
 }, [isEditing]);
 ```
 
-This kind of mostly works. Head back to your browser and you'll see that your focus moves between Edit `<input>` and "Edit" button as you start and end an edit. However, you may have noticed a new problem — the "Edit" button in the final `<Todo />` component is focused immediately on page load, before we even interact with the app!
+This kind of works. If you use your keyboard to trigger the "Edit" button (remember: <kbd>Tab</kbd> to it and press <kbd>Enter</kbd>), you'll see that your focus moves between Edit `<input>` and "Edit" button as you start and end an edit. However, you may have noticed a new problem — the "Edit" button in the final `<Todo />` component is focused immediately on page load, before we even interact with the app!
 
-Our `useEffect()` hook is behaving exactly as we designed it: it runs as soon as the component renders, sees that `isEditing` is `false`, and focuses the "Edit" button. Because there are three instances of `<Todo />`, we see focus on the last "Edit" button.
+Our `useEffect()` hook is behaving exactly as we designed it: it runs as soon as the component renders, sees that `isEditing` is `false`, and focuses the "Edit" button. There are three instances of `<Todo />`, and focus is given to the "Edit" button of the one that renders last.
 
 We need to refactor our approach so that focus changes only when `isEditing` changes from one value to another.
 
 ## More robust focus management
 
-In order to meet our refined criteria, we need to know not just the value of `isEditing`, but also _when that value has changed_. In order to do that, we need to be able to read the previous value of the `isEditing` constant. Using pseudocode, our logic should be something like this:
+To meet our refined criteria, we need to know not just the value of `isEditing`, but also _when that value has changed_. To do that, we need to be able to read the previous value of the `isEditing` constant. Using pseudocode, our logic should be something like this:
 
 ```jsx
 if (wasNotEditingBefore && isEditingNow) {
   focusOnEditField();
-}
-if (wasEditingBefore && isNotEditingNow) {
+} else if (wasEditingBefore && isNotEditingNow) {
   focusOnEditButton();
 }
 ```
 
-The React team had discussed [ways to get a component's previous state](https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state), and has provided an example custom hook we can use for the job.
+The React team has discussed [ways to get a component's previous state](https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state), and provided an example hook we can use for the job.
+
+### Enter `usePrevious()`
 
-Paste the following code near the top of `Todo.js`, above your `Todo()` function.
+Paste the following code near the top of `Todo.jsx`, above your `Todo()` function.
 
 ```jsx
 function usePrevious(value) {
@@ -198,20 +223,37 @@ function usePrevious(value) {
 }
 ```
 
-Now we'll define a `wasEditing` constant beneath the hooks at the top of `Todo()`. We want this constant to track the previous value of `isEditing`, so we call `usePrevious` with `isEditing` as an argument:
+`usePrevious()` is a _custom hook_ that tracks a value across renders. It:
+
+1. Uses the `useRef()` hook to create an empty `ref`.
+2. Returns the `ref`'s `current` value to the component that called it.
+3. Calls `useEffect()` and updates the value stored in `ref.current` after each rendering of the calling component.
+
+The behavior of `useEffect()` is key to this functionality. Because `ref.current` is updated inside a `useEffect()` call, it's always one step behind whatever value is in the component's main render cycle – hence the name `usePrevious()`.
+
+### Using `usePrevious()`
+
+Now we can define a `wasEditing` constant to track the previous value of `isEditing`; this is achieved by calling `usePrevious` with `isEditing` as an argument. Add the following inside `Todo()`, below the `useRef` lines:
 
 ```jsx
 const wasEditing = usePrevious(isEditing);
 ```
 
-With this constant, we can update our `useEffect()` hook to implement the pseudocode we discussed before — update it as follows:
+You can see how `usePrevious()` behaves by adding a console log beneath this line:
+
+```jsx
+console.log(wasEditing);
+```
+
+In this log, the `current` value of `wasEditing` will always be the previous value of `isEditing`. Click on the "Edit" and "Cancel" button a few times to watch it change, then delete this log when you're ready to move on.
+
+With this `wasEditing` constant, we can update our `useEffect()` hook to implement the pseudocode we discussed before:
 
 ```jsx
 useEffect(() => {
   if (!wasEditing && isEditing) {
     editFieldRef.current.focus();
-  }
-  if (wasEditing && !isEditing) {
+  } else if (wasEditing && !isEditing) {
     editButtonRef.current.focus();
   }
 }, [wasEditing, isEditing]);
@@ -219,7 +261,7 @@ useEffect(() => {
 
 Note that the logic of `useEffect()` now depends on `wasEditing`, so we provide it in the array of dependencies.
 
-Again try using the "Edit" and "Cancel" buttons to toggle between the templates of your `<Todo />` component; you'll see the browser focus indicator move appropriately, without the problem we discussed at the start of this section.
+Try using your keyboard to activate the "Edit" and "Cancel" buttons in the `<Todo />` component; you'll see the browser focus indicator move appropriately, without the problem we discussed at the start of this section.
 
 ## Focusing when the user deletes a task
 
@@ -231,13 +273,13 @@ Sometimes, the place we want to send our focus to is obvious: when we toggled ou
 
 ### Creating our ref
 
-Import the `useRef()` and `useEffect()` hooks into `App.js` — you'll need them both below:
+Import the `useRef()` and `useEffect()` hooks into `App.jsx` — you'll need them both below:
 
 ```jsx
-import React, { useState, useRef, useEffect } from "react";
+import { useState, useRef, useEffect } from "react";
 ```
 
-Then declare a new ref inside the `App()` function. Just above the `return` statement is a good place:
+Next, declare a new ref inside the `App()` function, just above the `return` statement:
 
 ```jsx
 const listHeadingRef = useRef(null);
@@ -245,7 +287,7 @@ const listHeadingRef = useRef(null);
 
 ### Prepare the heading
 
-Heading elements like our `<h2>` are not usually focusable. This isn't a problem — we can make any element programmatically focusable by adding the attribute [`tabindex="-1"`](/en-US/docs/Web/HTML/Global_attributes/tabindex) to it. This means _only focusable with JavaScript_. You can't press <kbd>Tab</kbd> to focus on an element with a tabindex of `-1` the same way you could do with a [`<button>`](/en-US/docs/Web/HTML/Element/button) or [`<a>`](/en-US/docs/Web/HTML/Element/a) element (this can be done using `tabindex="0"`, but that's not really appropriate in this case).
+Heading elements like our `<h2>` are not usually focusable. This isn't a problem — we can make any element programmatically focusable by adding the attribute [`tabindex="-1"`](/en-US/docs/Web/HTML/Global_attributes/tabindex) to it. This means _only focusable with JavaScript_. You can't press <kbd>Tab</kbd> to focus on an element with a tabindex of `-1` the same way you could do with a [`<button>`](/en-US/docs/Web/HTML/Element/button) or [`<a>`](/en-US/docs/Web/HTML/Element/a) element (this can be done using `tabindex="0"`, but that's not appropriate in this case).
 
 Let's add the `tabindex` attribute — written as `tabIndex` in JSX — to the heading above our list of tasks, along with our `headingRef`:
 
@@ -259,7 +301,7 @@ Let's add the `tabindex` attribute — written as `tabIndex` in JSX — to the h
 
 ### Getting previous state
 
-We want to focus on the element associated with our ref (via the `ref` attribute) only when our user deletes a task from their list. That's going to require the `usePrevious()` hook we already used earlier on. Add it to the top of your `App.js` file, just below the imports:
+We want to focus on the element associated with our ref (via the `ref` attribute) only when our user deletes a task from their list. That's going to require the `usePrevious()` hook we used earlier on. Add it to the top of your `App.jsx` file, just below the imports:
 
 ```jsx
 function usePrevious(value) {
@@ -277,9 +319,9 @@ Now add the following, above the `return` statement inside the `App()` function:
 const prevTaskLength = usePrevious(tasks.length);
 ```
 
-Here we are invoking `usePrevious()` to track the length of the tasks state, like so:
+Here we are invoking `usePrevious()` to track the previous length of the tasks array.
 
-> **Note:** Since we're now utilizing `usePrevious()` in two files, a good efficiency refactor would be to move the `usePrevious()` function into its own file, export it from that file, and import it where you need it. Try doing this as an exercise once you've got to the end.
+> **Note:** Since we're now utilizing `usePrevious()` in two files, it might be more efficient to move the `usePrevious()` function into its own file, export it from that file, and import it where you need it. Try doing this as an exercise once you've got to the end.
 
 ### Using `useEffect()` to control our heading focus
 
@@ -289,7 +331,7 @@ Add the following into the body of your `App()` function, just below your previo
 
 ```jsx
 useEffect(() => {
-  if (tasks.length - prevTaskLength === -1) {
+  if (tasks.length < prevTaskLength) {
     listHeadingRef.current.focus();
   }
 }, [tasks.length, prevTaskLength]);
@@ -297,7 +339,7 @@ useEffect(() => {
 
 We only try to focus on our list heading if we have fewer tasks now than we did before. The dependencies passed into this hook ensure it will only try to re-run when either of those values (the number of current tasks, or the number of previous tasks) changes.
 
-Now, when you delete a task in your browser, you will see our dashed focus outline appear around the heading above the list.
+Now, when you use your keyboard to delete a task in your browser, you will see our dashed focus outline appear around the heading above the list.
 
 ## Finished!
 
diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_resources/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_resources/index.md
index a65ec86efcf719c..806023f8b48d444 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_resources/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_resources/index.md
@@ -34,41 +34,47 @@ Our final article provides you with a list of React resources that you can use t
 
 ## Component-level styles
 
-Although this tutorial doesn't use this approach, many React applications define their styles on a per-component basis, rather than in a single, monolithic stylesheet.
+While we kept all the CSS for our tutorial in a single `index.css` file, it's common for React applications to define per-component stylesheets. In an application powered by Vite, this can be done by creating a CSS file and importing it into its corresponding component module.
 
-`create-react-app` makes it possible to import CSS files into JavaScript modules, so that CSS is only sent to your user when the corresponding component is rendered. For this app, we could have for example written a dedicated `Form.css` file to house the styles of those respective components, then imported the styles into their respective modules like this:
+For example: we could have written a dedicated `Form.css` file to house the CSS related to the `<Form />` component, then imported the styles into `Form.jsx`, like this:
 
 ```jsx
 import Form from "./Form";
 import "./Form.css";
 ```
 
-This approach makes it easy to identify and manage the CSS that belongs to a specific component. However, it also fragments your stylesheet across your codebase, and this fragmentation might not be worthwhile. For larger applications with hundreds of unique views and lots of moving parts, it makes sense to limit the amount of irrelevant code that's sent to your user. You'll likely have app-wide styles and specific component styles that build on top of those.
+This approach makes it easy to identify and manage the CSS that belongs to a specific component and distinguish it from your app-wide styles. However, it also fragments your stylesheet across your codebase, and this fragmentation might not be worthwhile. For larger applications with hundreds of unique views and lots of moving parts, it makes sense to use component-level styles and thereby limit the amount of irrelevant code that's sent to your user at any one time.
 
-You can [read more about component stylesheets in the create-react-app docs](https://create-react-app.dev/docs/adding-a-stylesheet/).
+You can read more about this and other approaches to styling React components in the Smashing Magazine article, [Styling Components In React](https://www.smashingmagazine.com/2020/05/styling-components-react/).
 
 ## React DevTools
 
 We used `console.log()` to check on the state and props of our application in this tutorial, and you'll also have seen some of the useful warnings and error message that React gives you both in the CLI and your browser's JavaScript console. But there's more we can do here.
 
-The React DevTools utility allows you to inspect the internals of your React application directly in the browser. It adds a new panel to your browser's developer tools, and with it you can inspect the state and props of various components, and even edit state and props to make immediate changes to your application.
+The React DevTools utility allows you to inspect the internals of your React application directly in the browser. It adds a new panel to your browser's developer tools that allows you to inspect the state and props of various components, and even edit state and props to make immediate changes to your application.
 
 This screenshot shows our finished application as it appears in React DevTools:
 
 ![Our project being shown in React devtools](react-devtools.png)
 
-On the left, we see all of the components that make up our application, including some unique keys for the things that are rendered from arrays. On the right, we see the props and hooks that our App component utilizes. Notice, too, that the `Form`, `FilterButton`, and `Todo` components are indented to the right – this indicates that `App` is their parent. In more complex apps, this view is great for understanding parent/child relationships at a glance.
+On the left, we see all of the components that make up our application, including unique keys for the items that are rendered from arrays. On the right, we see the props and hooks that our App component uses. Notice, too, that the `Form`, `FilterButton`, and `Todo` components are indented to the right – this indicates that `App` is their parent. This view is great for understanding parent/child relationships at a glance and is invaluable for understanding more complex apps.
 
-React DevTools is available in a number of forms:
+React DevTools is available in several forms:
 
 - A [Chrome browser extension](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en).
 - A [Firefox browser extension](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/).
 - A [Microsoft Edge browser extension](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil).
 - A [stand-alone application you can install with npm or Yarn](https://www.npmjs.com/package/react-devtools).
 
-Try installing one of these, then using it to inspect the app you've just built!
+Try installing one of these, and then using it to inspect the app you've just built!
 
-You can [read more about React DevTools on the React blog](https://reactjs.org/blog/2019/08/15/new-react-devtools.html).
+You can [read more about React DevTools in the React docs](https://react.dev/learn/react-developer-tools).
+
+## The `useReducer()` hook
+
+In this tutorial, we used the `useState()` hook to manage state across a small collection of event handler functions. This was fine for learning purposes, but it left our state management logic tied to our component's event handlers – especially those of the `<Todo />` component.
+
+The `useReducer()` hook offers developers a way to consolidate different-but-related state management logic into a single function. It's a bit more complex than `useState()`, but it's a good tool to have in your belt. You can [read more about `useReducer()` in the React docs](https://react.dev/learn/extracting-state-logic-into-a-reducer).
 
 ## The Context API
 
@@ -80,26 +86,18 @@ If you'd like to try this API for yourself, Smashing Magazine has written an [in
 
 ## Class components
 
-Although this tutorial doesn't mention them, it is possible to build React components using [JavaScript classes](/en-US/docs/Web/JavaScript/Reference/Classes) – these are called class components.
-Until the arrival of hooks, classes were the only way to bring state into components or manage rendering side effects.
-They're still the only way to handle certain edge-cases, and they're common in legacy React projects.
-The official React docs maintain a reference for the [Component](https://react.dev/reference/react/Component) base class, but recommend [State: A Component's Memory](https://react.dev/learn/state-a-components-memory) and [Synchronizing with Effects](https://react.dev/learn/synchronizing-with-effects) to use hooks to manage state and side effects.
+Although this tutorial doesn't mention them, it is possible to build React components using [JavaScript classes](/en-US/docs/Web/JavaScript/Reference/Classes) – these are called class components. Until the arrival of hooks, classes were the only way to bring state into components or manage rendering side effects. They're still the only way to handle certain edge-cases, and they're common in legacy React projects. The official React docs maintain a reference for the [`Component`](https://react.dev/reference/react/Component) base class, but recommend using hooks to manage [state](https://react.dev/learn/state-a-components-memory) and [side effects](https://react.dev/learn/synchronizing-with-effects).
 
 ## Testing
 
-`create-react-app` provides some tools for testing your application out of the box — you may have deleted the relevant files earlier in the tutorial. The documentation for `create-react-app` [covers some basics for testing](https://create-react-app.dev/docs/running-tests/).
+Libraries such as [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/) make it possible to write unit tests for React components. There are many ways to _run_ these tests. The testing framework [Vitest](https://vitest.dev/) is built on top of Vite, and is a great companion to your Vite-powered React applications. [Jest](https://jestjs.io/) is another popular testing framework that can be used with React.
 
 ## Routing
 
-While routing is traditionally handled by a server and not an application on the user's computer, it is possible to configure a web application to read and update the browser's location, and render certain user interfaces. This is called client-side routing. It's possible to create many unique routes for your application (such as `/home`, `/dashboard`, or `/login`).
-
-The React community has produced two major libraries for client-side routing: [React Router](https://reactrouter.com/) and [Reach Router](https://reach.tech/router/).
-
-- React Router is well-suited to applications with complex routing needs, and it meets some edge cases better than Reach Router. React Router is a larger library, however.
-- Reach Router is well-suited to simpler applications, and automatically manages focus as the user navigates from page to page.
+While routing is traditionally handled by a server and not an application on the user's computer, it is possible to configure a web application to read and update the browser's location, and render certain user interfaces. This is called _client-side routing_. It's possible to create many unique routes for your application (such as `/home`, `/dashboard`, or `/login`).
 
-Focus management is essential in client-side routing — without it, keyboard users can be trapped in focus limbo, and screen-reader users may have no idea that they have moved to a new page. Because Reach Router is better for accessibility, it's a good place to start.
+[React Router](https://reactrouter.com/) is the most popular and most robust client-side routing library for React. It allows developers to define the routes of their application, and associate components with those routes . It also provides a number of useful hooks and components for managing the browser's location and history.
 
-There's one caveat, however: these projects will be [merging in the near future](https://reacttraining.com/blog/reach-react-router-future/). When this merge happens, React Router will be the surviving project (with the addition of the focus management features of Reach).
+> **Note:** Client-side routing can make your application feel fast, but it poses a number of accessibility problems, especially for people who rely on assistive techology. You can read more about this in Marcy Sutton's article, ["The Implications of Client-Side Routing"](https://testingaccessibility.com/implications-of-client-side-routing).
 
 {{PreviousMenuNext("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_accessibility","Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_getting_started", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}

From 75d6fc9821feb4288e5bc7580c9d8176264d76ae Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 21 Dec 2023 20:07:47 +0800
Subject: [PATCH 064/790] Mark `MediaStream` `active` & `inactive` event as
 non-standard (#31083)

update
---
 files/en-us/web/api/mediastream/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/mediastream/index.md b/files/en-us/web/api/mediastream/index.md
index b99d06a9001a477..fb62a3d3a41b13b 100644
--- a/files/en-us/web/api/mediastream/index.md
+++ b/files/en-us/web/api/mediastream/index.md
@@ -52,9 +52,9 @@ _This interface inherits methods from its parent, {{domxref("EventTarget")}}._
   - : Fired when a new {{domxref("MediaStreamTrack")}} object is added.
 - {{domxref("MediaStream/removetrack_event", "removetrack")}}
   - : Fired when a {{domxref("MediaStreamTrack")}} object has been removed.
-- {{domxref("MediaStream/active_event", "active")}}
+- {{domxref("MediaStream/active_event", "active")}} {{Non-standard_Inline}}
   - : Fired when the MediaStream is activated.
-- {{domxref("MediaStream/inactive_event", "inactive")}}
+- {{domxref("MediaStream/inactive_event", "inactive")}} {{Non-standard_Inline}}
   - : Fired when the MediaStream is inactivated.
 
 ## Specifications

From 3ad4b767e8b14500783654f724009db16f164cf2 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Thu, 21 Dec 2023 14:51:42 +0100
Subject: [PATCH 065/790] fix: React Fragments doc has new URL (#31197)

---
 .../react_getting_started/index.md                              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
index 123aef3ea6319a3..e20f184913d0c64 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
@@ -313,7 +313,7 @@ function App() {
 
 The `App()` function returns a JSX expression. This expression defines what your browser ultimately renders to the DOM.
 
-Just under the `return` keyword is a special bit of syntax: `<>`. This is a [fragment](https://react.dev/docs/fragments). React components have to return a single JSX element, and fragments allow us to do that without rendering arbitrary `<div>`s in the browser. You'll see fragments in many React applications.
+Just under the `return` keyword is a special bit of syntax: `<>`. This is a [fragment](https://react.dev/reference/react/Fragment). React components have to return a single JSX element, and fragments allow us to do that without rendering arbitrary `<div>`s in the browser. You'll see fragments in many React applications.
 
 ### The `export` statement
 

From 9ab259ce3e68de75c074241cc8c037f085eae179 Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Thu, 21 Dec 2023 15:23:15 +0000
Subject: [PATCH 066/790] Typo fix (#31199)

---
 files/en-us/web/api/shared_storage_api/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/shared_storage_api/index.md b/files/en-us/web/api/shared_storage_api/index.md
index d7dbe3ce823a732..f8ba0a8d57618b0 100644
--- a/files/en-us/web/api/shared_storage_api/index.md
+++ b/files/en-us/web/api/shared_storage_api/index.md
@@ -15,7 +15,7 @@ The **Shared Storage API** is a client-side storage mechanism that enables unpar
 
 One major source of [privacy](/en-US/docs/Web/Privacy) and [security](/en-US/docs/Web/Security) problems on the web is the use of cookies set on third-party content embedded in sites (for example via {{htmlelement("iframe")}} elements). These cookies can be used to track and profile users, and share information across sites.
 
-To prevent cross-site tracking, browsers are working towards partitioning all storage types, including [Cookies](/en-US/docs/Web/HTTP/Cookies), [Web Storage](/en-US/docs/Web/API/Web_Storage_API), [IndexedDB](/en-US/docs/Web/API/IndexedDB_API), and the [Cache API](/en-US/docs/Web/API/Cache). However, a major barrier to achieving this is the need for several legitimate use cases that rely on cross-site information sharing. Examples of such uses cases include advertisers wanting to measure the reach of their across sites and generate reports, and site owners wanting to customize user experiences based on the group they are in or their previous site interactions.
+To prevent cross-site tracking, browsers are working towards partitioning all storage types, including [Cookies](/en-US/docs/Web/HTTP/Cookies), [Web Storage](/en-US/docs/Web/API/Web_Storage_API), [IndexedDB](/en-US/docs/Web/API/IndexedDB_API), and the [Cache API](/en-US/docs/Web/API/Cache). However, a major barrier to achieving this is the need for several legitimate use cases that rely on cross-site information sharing. Examples of such use cases include advertisers wanting to measure the reach of their ads across sites and generate reports, and site owners wanting to customize user experiences based on the group they are in or their previous site interactions.
 
 The Shared Storage API provides a flexible solution for such use cases. It aims to provide the required data storage, processing, and sharing capabilities without the ability to track and profile users.
 

From 91090d531495c5387b584fa07708dd2a8278eba1 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 21 Dec 2023 23:28:49 +0800
Subject: [PATCH 067/790] `ImageCapture` | fix apiref & add exception section &
 fix a property description (#31198)

* fix ImageCapture doesnot inherit from any interface

* fix property description

* update exceptions section

* fix apiref

* small update
---
 .../api/imagecapture/getphotocapabilities/index.md |  9 ++++++++-
 .../web/api/imagecapture/getphotosettings/index.md | 14 ++++++++++----
 .../en-us/web/api/imagecapture/grabframe/index.md  |  9 ++++++++-
 .../web/api/imagecapture/imagecapture/index.md     |  7 ++++++-
 files/en-us/web/api/imagecapture/index.md          |  6 ++----
 .../en-us/web/api/imagecapture/takephoto/index.md  |  9 ++++++++-
 files/en-us/web/api/imagecapture/track/index.md    |  2 +-
 7 files changed, 43 insertions(+), 13 deletions(-)

diff --git a/files/en-us/web/api/imagecapture/getphotocapabilities/index.md b/files/en-us/web/api/imagecapture/getphotocapabilities/index.md
index 44015e38eb90803..d96bc0d20e71535 100644
--- a/files/en-us/web/api/imagecapture/getphotocapabilities/index.md
+++ b/files/en-us/web/api/imagecapture/getphotocapabilities/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ImageCapture.getPhotoCapabilities
 ---
 
-{{APIRef("MediaStream Image")}}{{SeeCompatTable}}
+{{APIRef("Image Capture API")}}{{SeeCompatTable}}
 
 The **`getPhotoCapabilities()`**
 method of the {{domxref("ImageCapture")}} interface returns a {{jsxref("Promise")}}
@@ -38,6 +38,13 @@ A {{jsxref("Promise")}} that resolves with an object containing the following pr
 - `fillLightMode`
   - : Returns an array of available fill light options. Options include `auto`, `off`, or `flash`.
 
+### Exceptions
+
+- `InvalidStateError` {{domxref("DOMException")}}
+  - : Thrown if `readyState` property of the `MediaStreamTrack` passing in the constructor is not `live`.
+- `OperationError` {{domxref("DOMException")}}
+  - : Thrown if the operation can't complete for any reason.
+
 ## Examples
 
 The following example, extracted from [Chrome's Image Capture / Photo Resolution Sample](https://googlechrome.github.io/samples/image-capture/photo-resolution.html), uses the results from
diff --git a/files/en-us/web/api/imagecapture/getphotosettings/index.md b/files/en-us/web/api/imagecapture/getphotosettings/index.md
index 1b4e92fc353ea73..b926b8de436aae9 100644
--- a/files/en-us/web/api/imagecapture/getphotosettings/index.md
+++ b/files/en-us/web/api/imagecapture/getphotosettings/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ImageCapture.getPhotoSettings
 ---
 
-{{APIRef("MediaStream Image")}}{{SeeCompatTable}}
+{{APIRef("Image Capture API")}}{{SeeCompatTable}}
 
 The **`getPhotoSettings()`** method of
 the {{domxref("ImageCapture")}} interface returns a {{jsxref("Promise")}} that
@@ -27,11 +27,10 @@ None.
 
 ### Return value
 
-A {{jsxref("Promise")}} that resolves with an object
-containing the following properties:
+A {{jsxref("Promise")}} that resolves with an object containing the following properties:
 
 - `fillLightMode`
-  - : The flash setting of the capture device, one of `"auto"`, `"off"`, or `"on"`.
+  - : The flash setting of the capture device, one of `"auto"`, `"off"`, or `"flash"`.
 - `imageHeight`
   - : The desired image height as an integer. The browser selects the closest width value to this setting if it only supports discrete heights.
 - `imageWidth`
@@ -39,6 +38,13 @@ containing the following properties:
 - `redEyeReduction`
   - : A boolean indicating whether the red-eye reduction should be used if it is available.
 
+### Exceptions
+
+- `InvalidStateError` {{domxref("DOMException")}}
+  - : Thrown if `readyState` property of the `MediaStreamTrack` passing in the constructor is not `live`.
+- `OperationError` {{domxref("DOMException")}}
+  - : Thrown if the operation can't complete for any reason.
+
 ## Examples
 
 The following example, extracted from [Chrome's Image Capture / Photo Resolution Sample](https://googlechrome.github.io/samples/image-capture/photo-resolution.html), uses the results from
diff --git a/files/en-us/web/api/imagecapture/grabframe/index.md b/files/en-us/web/api/imagecapture/grabframe/index.md
index 49c7071ed22b240..c8df80c8d9a39e0 100644
--- a/files/en-us/web/api/imagecapture/grabframe/index.md
+++ b/files/en-us/web/api/imagecapture/grabframe/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ImageCapture.grabFrame
 ---
 
-{{APIRef("MediaStream Image")}}{{SeeCompatTable}}
+{{APIRef("Image Capture API")}}{{SeeCompatTable}}
 
 The **`grabFrame()`** method of the
 {{domxref("ImageCapture")}} interface takes a snapshot of the live video in a
@@ -29,6 +29,13 @@ None.
 
 A {{jsxref("Promise")}} that resolves to an {{domxref("ImageBitmap")}} object.
 
+### Exceptions
+
+- `InvalidStateError` {{domxref("DOMException")}}
+  - : Thrown if `readyState` property of the `MediaStreamTrack` passing in the constructor is not `live`.
+- `UnknownError` {{domxref("DOMException")}}
+  - : Thrown if the operation can't complete for any reason.
+
 ## Examples
 
 This example is extracted from this [Simple Image Capture demo](https://simpl.info/imagecapture/). It shows how to use the {{jsxref("Promise")}} returned by
diff --git a/files/en-us/web/api/imagecapture/imagecapture/index.md b/files/en-us/web/api/imagecapture/imagecapture/index.md
index db7029dcb4e2b97..f012139dffd18a9 100644
--- a/files/en-us/web/api/imagecapture/imagecapture/index.md
+++ b/files/en-us/web/api/imagecapture/imagecapture/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ImageCapture.ImageCapture
 ---
 
-{{APIRef("MediaStream Image")}}{{SeeCompatTable}}
+{{APIRef("Image Capture API")}}{{SeeCompatTable}}
 
 The **`ImageCapture()`** constructor
 creates a new {{domxref("ImageCapture")}} object.
@@ -31,6 +31,11 @@ new ImageCapture(videoTrack)
 A new `ImageCapture` object which can be used to capture still frames from
 the specified video track.
 
+### Exceptions
+
+- `NotSupportedError` {{domxref("DOMException")}}
+  - : Thrown if the `videoTrack` parameter's `kind` property is not `video`.
+
 ## Examples
 
 The following example shows how to use a call to
diff --git a/files/en-us/web/api/imagecapture/index.md b/files/en-us/web/api/imagecapture/index.md
index 278c127d32a7587..d22026791b2c61c 100644
--- a/files/en-us/web/api/imagecapture/index.md
+++ b/files/en-us/web/api/imagecapture/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.ImageCapture
 ---
 
-{{APIRef("MediaStream Image")}}{{SeeCompatTable}}
+{{APIRef("Image Capture API")}}{{SeeCompatTable}}
 
 The **`ImageCapture`** interface of the [MediaStream Image Capture API](/en-US/docs/Web/API/MediaStream_Image_Capture_API) provides methods to enable the capture of images or photos from a camera or other photographic device. It provides an interface for capturing images from a photographic device referenced through a valid {{domxref("MediaStreamTrack")}}.
 
@@ -23,12 +23,10 @@ The **`ImageCapture`** interface of the [MediaStream Image Capture API](/en-US/d
 
 ## Instance methods
 
-The `ImageCapture` interface is based on {{domxref("EventTarget")}}, so it includes the methods defined by that interface as well as the ones listed below.
-
 - {{domxref("ImageCapture.takePhoto()")}} {{Experimental_Inline}}
   - : Takes a single exposure using the video capture device sourcing a {{domxref("MediaStreamTrack")}} and returns a {{jsxref("Promise")}} that resolves with a {{domxref("Blob")}} containing the data.
 - {{domxref("ImageCapture.getPhotoCapabilities()")}} {{Experimental_Inline}}
-  - : Returns a {{jsxref("Promise")}} that resolves with a `PhotoCapabilities` object containing the ranges of available configuration options.
+  - : Returns a {{jsxref("Promise")}} that resolves with an object containing the ranges of available configuration options.
 - {{domxref("ImageCapture.getPhotoSettings()")}} {{Experimental_Inline}}
   - : Returns a {{jsxref("Promise")}} that resolves with an object containing the current photo configuration settings.
 - {{domxref("ImageCapture.grabFrame()")}} {{Experimental_Inline}}
diff --git a/files/en-us/web/api/imagecapture/takephoto/index.md b/files/en-us/web/api/imagecapture/takephoto/index.md
index cc1e508cbabae1d..8a7a7ade897e5bd 100644
--- a/files/en-us/web/api/imagecapture/takephoto/index.md
+++ b/files/en-us/web/api/imagecapture/takephoto/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ImageCapture.takePhoto
 ---
 
-{{APIRef("MediaStream Image")}}{{SeeCompatTable}}
+{{APIRef("Image Capture API")}}{{SeeCompatTable}}
 
 The **`takePhoto()`** method of the
 {{domxref("ImageCapture")}} interface takes a single exposure using the video capture
@@ -47,6 +47,13 @@ takePhoto(photoSettings)
 
 A {{jsxref("Promise")}} that resolves with a {{domxref("Blob")}}.
 
+### Exceptions
+
+- `InvalidStateError` {{domxref("DOMException")}}
+  - : Thrown if `readyState` property of the `MediaStreamTrack` passing in the constructor is not `live`.
+- `UnknownError` {{domxref("DOMException")}}
+  - : Thrown if the operation can't complete for any reason.
+
 ## Examples
 
 This example is extracted from this [Simple Image Capture demo](https://simpl.info/imagecapture/). It shows how to use the {{jsxref("Promise")}} returned by
diff --git a/files/en-us/web/api/imagecapture/track/index.md b/files/en-us/web/api/imagecapture/track/index.md
index 055982247adc8b6..3afea26d99476fd 100644
--- a/files/en-us/web/api/imagecapture/track/index.md
+++ b/files/en-us/web/api/imagecapture/track/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ImageCapture.track
 ---
 
-{{APIRef("MediaStream Image")}}{{SeeCompatTable}}
+{{APIRef("Image Capture API")}}{{SeeCompatTable}}
 
 The **`track`** read-only property of the
 {{domxref("ImageCapture")}} interface returns a reference to the

From e492ae4891e1f0a454fd452ee2e67986f8e1150f Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Thu, 21 Dec 2023 23:37:24 +0000
Subject: [PATCH 068/790] 31113 popover nightly (#31154)

* added see also links to popover api and attribute pages

* added see also links to related CSS pseudo-element & class

* added see also links to the html apis related to popover

* Update files/en-us/web/html/global_attributes/popover/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* removed the reference to button in the see also as it applies to input too

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 .../en-us/web/api/htmlelement/beforetoggle_event/index.md | 1 +
 files/en-us/web/api/htmlelement/popover/index.md          | 1 +
 files/en-us/web/api/htmlelement/toggle_event/index.md     | 1 +
 files/en-us/web/api/htmlelement/togglepopover/index.md    | 1 +
 .../web/api/htmlinputelement/popovertargetaction/index.md | 1 +
 .../api/htmlinputelement/popovertargetelement/index.md    | 1 +
 files/en-us/web/api/popover_api/index.md                  | 8 ++++++++
 files/en-us/web/css/_colon_popover-open/index.md          | 1 +
 files/en-us/web/css/_doublecolon_backdrop/index.md        | 1 +
 files/en-us/web/html/global_attributes/popover/index.md   | 4 ++++
 10 files changed, 20 insertions(+)

diff --git a/files/en-us/web/api/htmlelement/beforetoggle_event/index.md b/files/en-us/web/api/htmlelement/beforetoggle_event/index.md
index 0ccd5da271d36ab..0c840d744b87d5c 100644
--- a/files/en-us/web/api/htmlelement/beforetoggle_event/index.md
+++ b/files/en-us/web/api/htmlelement/beforetoggle_event/index.md
@@ -72,5 +72,6 @@ popover.hidePopover();
 
 ## See also
 
+- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute
 - [Popover API](/en-US/docs/Web/API/Popover_API)
 - Related event: [`toggle`](/en-US/docs/Web/API/HTMLElement/toggle_event)
diff --git a/files/en-us/web/api/htmlelement/popover/index.md b/files/en-us/web/api/htmlelement/popover/index.md
index f21e904e55cecd7..d510359b750120a 100644
--- a/files/en-us/web/api/htmlelement/popover/index.md
+++ b/files/en-us/web/api/htmlelement/popover/index.md
@@ -62,4 +62,5 @@ if (popoverSupported) {
 
 ## See also
 
+- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute
 - [Popover API](/en-US/docs/Web/API/Popover_API)
diff --git a/files/en-us/web/api/htmlelement/toggle_event/index.md b/files/en-us/web/api/htmlelement/toggle_event/index.md
index 5f9e1b95f6b4ce2..ef8e46cda50cfca 100644
--- a/files/en-us/web/api/htmlelement/toggle_event/index.md
+++ b/files/en-us/web/api/htmlelement/toggle_event/index.md
@@ -74,5 +74,6 @@ popover.hidePopover();
 
 ## See also
 
+- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute
 - [Popover API](/en-US/docs/Web/API/Popover_API)
 - Related event: [`beforetoggle`](/en-US/docs/Web/API/HTMLElement/beforetoggle_event)
diff --git a/files/en-us/web/api/htmlelement/togglepopover/index.md b/files/en-us/web/api/htmlelement/togglepopover/index.md
index 7f67c321f68a966..bb6ad0eefa9341c 100644
--- a/files/en-us/web/api/htmlelement/togglepopover/index.md
+++ b/files/en-us/web/api/htmlelement/togglepopover/index.md
@@ -118,4 +118,5 @@ You can test this out using the live example below.
 
 ## See also
 
+- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute
 - [Popover API](/en-US/docs/Web/API/Popover_API)
diff --git a/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md b/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md
index 8bdfff44b32ab96..d8a194c05b68223 100644
--- a/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md
+++ b/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md
@@ -134,4 +134,5 @@ The popover can be displayed by selecting the "Show popover" button, and dismiss
 
 ## See also
 
+- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute
 - [Popover API](/en-US/docs/Web/API/Popover_API)
diff --git a/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md b/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md
index 63c2aeab07a6819..3cabd2addd240a0 100644
--- a/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md
+++ b/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md
@@ -101,4 +101,5 @@ The "auto" popover can also be light dismissed by selecting outside the bounds o
 
 ## See also
 
+- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute
 - [Popover API](/en-US/docs/Web/API/Popover_API)
diff --git a/files/en-us/web/api/popover_api/index.md b/files/en-us/web/api/popover_api/index.md
index 25dc7e6e23db1b7..628106bad8843a1 100644
--- a/files/en-us/web/api/popover_api/index.md
+++ b/files/en-us/web/api/popover_api/index.md
@@ -94,3 +94,11 @@ See our [Popover API examples landing page](https://mdn.github.io/dom-examples/p
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute
+- [`popovertarget`](/en-US/docs/Web/HTML/Element/button#popovertarget) HTML attribute
+- [`popovertargetaction`](/en-US/docs/Web/HTML/Element/button#popovertargetaction) HTML attribute
+- [`::backdrop`](/en-US/docs/Web/CSS/::backdrop) CSS pseudo-element
+- [`:popover-open`](/en-US/docs/Web/CSS/:popover-open) CSS pseudo-class
diff --git a/files/en-us/web/css/_colon_popover-open/index.md b/files/en-us/web/css/_colon_popover-open/index.md
index 4f8578a4b85bc0c..4f388c246cbc4a5 100644
--- a/files/en-us/web/css/_colon_popover-open/index.md
+++ b/files/en-us/web/css/_colon_popover-open/index.md
@@ -61,3 +61,4 @@ To override the default styles and get the popover to appear somewhere else on y
 ## See also
 
 - [Popover API](/en-US/docs/Web/API/Popover_API)
+- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute
diff --git a/files/en-us/web/css/_doublecolon_backdrop/index.md b/files/en-us/web/css/_doublecolon_backdrop/index.md
index b048a429700f6d3..982caaaeab509d4 100644
--- a/files/en-us/web/css/_doublecolon_backdrop/index.md
+++ b/files/en-us/web/css/_doublecolon_backdrop/index.md
@@ -71,4 +71,5 @@ The resulting screen looks like this:
 - {{cssxref(":fullscreen")}} pseudo-class
 - {{HTMLElement("dialog")}} HTML element
 - [Fullscreen API](/en-US/docs/Web/API/Fullscreen_API)
+- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute
 - [Popover API](/en-US/docs/Web/API/Popover_API)
diff --git a/files/en-us/web/html/global_attributes/popover/index.md b/files/en-us/web/html/global_attributes/popover/index.md
index 5f931e042efd074..cd611e3dc5c34ad 100644
--- a/files/en-us/web/html/global_attributes/popover/index.md
+++ b/files/en-us/web/html/global_attributes/popover/index.md
@@ -44,3 +44,7 @@ The following renders a button that will open a popover element when activated.
 ## See also
 
 - {{domxref("Popover API", "Popover API", "", "nocode")}}
+- [`popovertarget`](/en-US/docs/Web/HTML/Element/button#popovertarget) HTML attribute
+- [`popovertargetaction`](/en-US/docs/Web/HTML/Element/button#popovertargetaction) HTML attribute
+- [`::backdrop`](/en-US/docs/Web/CSS/::backdrop) CSS pseudo-element
+- [`:popover-open`](/en-US/docs/Web/CSS/:popover-open) CSS pseudo-class

From 3376320a2f74c0727620b897a90625219b1acedc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hunor=20M=C3=A1rton=20Borb=C3=A9ly?= <bor.hunor@gmail.com>
Date: Fri, 22 Dec 2023 06:41:14 +0100
Subject: [PATCH 069/790] Canvas API: Add section about shapes with holes and
 inverse clipping path (#31202)

---
 .../canvas_api/tutorial/compositing/index.md  |  83 +++++++++++++++++-
 .../compositing/inverse_clipping_path.png     | Bin 0 -> 4295 bytes
 .../tutorial/drawing_shapes/index.md          |  43 +++++++++
 .../drawing_shapes/shape_with_hole.png        | Bin 0 -> 1397 bytes
 4 files changed, 124 insertions(+), 2 deletions(-)
 create mode 100644 files/en-us/web/api/canvas_api/tutorial/compositing/inverse_clipping_path.png
 create mode 100644 files/en-us/web/api/canvas_api/tutorial/drawing_shapes/shape_with_hole.png

diff --git a/files/en-us/web/api/canvas_api/tutorial/compositing/index.md b/files/en-us/web/api/canvas_api/tutorial/compositing/index.md
index 0028a2fa62054c7..732c9287f09dc7d 100644
--- a/files/en-us/web/api/canvas_api/tutorial/compositing/index.md
+++ b/files/en-us/web/api/canvas_api/tutorial/compositing/index.md
@@ -47,7 +47,7 @@ function draw() {
   ctx.arc(0, 0, 60, 0, Math.PI * 2, true);
   ctx.clip();
 
-  // draw background
+  // Draw background
   const lingrad = ctx.createLinearGradient(0, -75, 0, 75);
   lingrad.addColorStop(0, "#232256");
   lingrad.addColorStop(1, "#143778");
@@ -55,7 +55,10 @@ function draw() {
   ctx.fillStyle = lingrad;
   ctx.fillRect(-75, -75, 150, 150);
 
-  // draw stars
+  generateStars(ctx);
+}
+
+function generateStars(ctx) {
   for (let j = 1; j < 50; j++) {
     ctx.save();
     ctx.fillStyle = "#fff";
@@ -100,4 +103,80 @@ Everything that's drawn after creating the clipping path will only appear inside
 
 {{EmbedLiveSample("A_clip_example", "180", "190", "canvas_clip.png")}}
 
+### Inverse clipping path
+
+There is no such thing as an inverse clipping mask. However, we can define a mask that fills the entire canvas with a rectangle and has a hole in it for the parts that you want to skip. When [drawing a shape with a hole](/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes#shapes_with_holes), we need to draw the hole in the opposite direction as the outer shape. In the example below we punch a hole into the sky.
+
+A rectangle does not have a drawing direction, but it behaves as if we drew it clockwise. By default, the arc command also goes clockwise, but we can change its direction with the last argument.
+
+```html hidden
+<html lang="en">
+  <body>
+    <canvas id="canvas" width="150" height="150"></canvas>
+  </body>
+</html>
+```
+
+```js
+function draw() {
+  const canvas = document.getElementById("canvas");
+  if (canvas.getContext) {
+    const ctx = canvas.getContext("2d");
+    ctx.translate(75, 75);
+
+    // Clipping path
+    ctx.beginPath();
+    ctx.rect(-75, -75, 150, 150); // Outter rectangle
+    ctx.arc(0, 0, 60, 0, Math.PI * 2, true); // Hole anticlockwise
+    ctx.clip();
+
+    // Draw background
+    const lingrad = ctx.createLinearGradient(0, -75, 0, 75);
+    lingrad.addColorStop(0, "#232256");
+    lingrad.addColorStop(1, "#143778");
+
+    ctx.fillStyle = lingrad;
+    ctx.fillRect(-75, -75, 150, 150);
+
+    generateStars(ctx);
+  }
+}
+```
+
+```js hidden
+function generateStars(ctx) {
+  for (let j = 1; j < 50; j++) {
+    ctx.save();
+    ctx.fillStyle = "#fff";
+    ctx.translate(
+      75 - Math.floor(Math.random() * 150),
+      75 - Math.floor(Math.random() * 150),
+    );
+    drawStar(ctx, Math.floor(Math.random() * 4) + 2);
+    ctx.restore();
+  }
+}
+
+function drawStar(ctx, r) {
+  ctx.save();
+  ctx.beginPath();
+  ctx.moveTo(r, 0);
+  for (let i = 0; i < 9; i++) {
+    ctx.rotate(Math.PI / 5);
+    if (i % 2 === 0) {
+      ctx.lineTo((r / 0.525731) * 0.200811, 0);
+    } else {
+      ctx.lineTo(r, 0);
+    }
+  }
+  ctx.closePath();
+  ctx.fill();
+  ctx.restore();
+}
+
+draw();
+```
+
+{{EmbedLiveSample("Hole_in_rectangle", 160, 160, "inverse_clipping_path.png")}}
+
 {{PreviousNext("Web/API/Canvas_API/Tutorial/Transformations", "Web/API/Canvas_API/Tutorial/Basic_animations")}}
diff --git a/files/en-us/web/api/canvas_api/tutorial/compositing/inverse_clipping_path.png b/files/en-us/web/api/canvas_api/tutorial/compositing/inverse_clipping_path.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e3ca5805d2956440492ff93dde10b3961413c5a
GIT binary patch
literal 4295
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

literal 0
HcmV?d00001

diff --git a/files/en-us/web/api/canvas_api/tutorial/drawing_shapes/index.md b/files/en-us/web/api/canvas_api/tutorial/drawing_shapes/index.md
index aa70486dfaf8a44..ffcd5cc3d962d01 100644
--- a/files/en-us/web/api/canvas_api/tutorial/drawing_shapes/index.md
+++ b/files/en-us/web/api/canvas_api/tutorial/drawing_shapes/index.md
@@ -514,6 +514,49 @@ We won't go over this in detail, since it's actually surprisingly simple. The mo
 
 We'll take another look at `fillStyle`, in more detail, later in this tutorial. Here, all we're doing is using it to change the fill color for paths from the default color of black to white, and then back again.
 
+### Shapes with holes
+
+To draw a shape with a hole in it, we need to draw the hole in different clock directions as we draw the outer shape. We either draw the outer shape clockwise and the inner shape anticlockwise or the outer shape clockwise and the inner shape anticlockwise.
+
+```html hidden
+<html lang="en">
+  <body>
+    <canvas id="canvas" width="150" height="150"></canvas>
+  </body>
+</html>
+```
+
+```js
+function draw() {
+  const canvas = document.getElementById("canvas");
+  if (canvas.getContext) {
+    const ctx = canvas.getContext("2d");
+
+    ctx.beginPath();
+
+    // Outter shape clockwise ⟳
+    ctx.moveTo(0, 0);
+    ctx.lineTo(150, 0);
+    ctx.lineTo(75, 129.9);
+
+    // Inner shape anticlockwise ↺
+    ctx.moveTo(75, 20);
+    ctx.lineTo(50, 60);
+    ctx.lineTo(100, 60);
+
+    ctx.fill();
+  }
+}
+```
+
+```js hidden
+draw();
+```
+
+{{EmbedLiveSample("Shapes_with_holes", 160, 160, "shape_with_hole.png")}}
+
+In the example above the outer triangle goes clockwise (move to the top-left corner, then draw a line to the right-left corner, and finish at the bottom) and the inner triangle goes anticlockwise (move to the top, then line to the bottom-left corner, and finish at the bottom-right).
+
 ## Path2D objects
 
 As we have seen in the last example, there can be a series of paths and drawing commands to draw objects onto your canvas. To simplify the code and to improve performance, the {{domxref("Path2D")}} object, available in recent versions of browsers, lets you cache or record these drawing commands. You are able to play back your paths quickly.
diff --git a/files/en-us/web/api/canvas_api/tutorial/drawing_shapes/shape_with_hole.png b/files/en-us/web/api/canvas_api/tutorial/drawing_shapes/shape_with_hole.png
new file mode 100644
index 0000000000000000000000000000000000000000..84792a14d8d37ef00dd2e435283be7007253f7c9
GIT binary patch
literal 1397
zcmV-*1&aEKP)<h;3K|Lk000e1NJLTq005K#005K-00000P*-0F00004XF*Lt006O%
z3;baP00001b5ch_0Itp)=>Px)A4x<(RCwC$nmcP$K@`X524q!sZjgL~6t1Ev#X=BP
z(1>hhBWNQQY3wX*0)l=3NfRt0C|HOf3KE;GL`Z2;Bo=-Hi)1&D#o~^;*+=eU9_J-a
zarXlZzd85Z-<<!>Rp%2G-|v1J9nu-~@kVT=n!Bp@Uo1ohHUC6q+YcI1F*R;~QD(4l
zA*u(sxVEoMw)^mOL`==Q-!f&)(MBsCrlkF;Z-!9W?uw2EDqZcF5tJEh-fBcssBSif
zGQIU!dR?y`m<g2Gi=@|eXH=*O)KMH-NUpr=nHkhj3o&$6^WIi=0%Znomy#HCa9pS<
zl==Ns$DxBfRMuT?M4^K`R0LWW>!1Mj-?h-}ObeBR;vRu#=TEU7-n9>XQ-NY0fpga%
zvBrJ<_?M|d4UfQf!g+PJIGak^n*$q^IasBKh{kgF=quw~PiI|Tg37w|Ra@)5;S1d2
z>!1w9(1Kps8@<5f2dMLfDngO9FzE>LV3yNC6^g2b=|+jAPTHUQ#tB8#!pTNyrJfyn
zRw$YlavLR;y4dAaD0A?9fwNIksS7%=K@kFT<5q5?gkB#iF7rbX0`o{wd97d{;Nn`(
z1fbA?d90|MR*(;H6p2Gn*j_ChT7(C99EpQa$X?auE=9_!tOGj~ZmT61qh(dmfddM&
z)v}Ax4Nxt#0}8QKTk$asU@No(3LKaViXt>Xeg+Offdg|<QFvM9XW$SNG%%MHg_TuB
zCtfI6V0Ntuet@a1%iU0*z^ol>Lf>Gk4m?nhMeT16;th6gN|6_}DheYj_oftiQLCa5
zvhr+7Q5SV63f}9UO)1Z!-pSadD5$KQUG9bQ2WGdTfU-(GudWBm7nnVYf;~WAp?pw2
zE%+40UqE^5@6v)_QS1f0P%bS56vbXZQCt&H6ng;`XjPjQf{F_Dy0^=NQ1-waR#ZS%
zq1Pk;Wedy@MR{eVL$8Sn)xR<sgB0a^fYWOsI#e|<&p+!M%<u5k#l(6oM2D)p)ybuo
zKX$g^zn$&(H|MO^LJX+NTisl|yoCC-&Lv2nDAoza{vVhMC47|xIW-mM1mph?OotM@
zVRl4f0+iqlvm+7{pyY0tf#L;0iQO=#pxF=zC3M3K(E%JvNDHtb8Vn_(1?UhBh7$P5
z3Oq!Ep#(m%0uRw(DCP|_qRTN*q^l%?4scM+Z!fFYLK0BSZ!fFYLLyMCZ!ay^LLyKc
zE!eJwWS|&Yfa?GYMW2ijIzU5_k3bFA0UnBY1nLf|P*^C^WE_sfJSdVD!jYH<MbQEv
z5;LI)TEOXm0)^KCQU@d`v=)#$pg|$E(CnZKMS((T0Tzk*P^iERi^O~=OkhU-7s-G^
z1m+aq<y0teU?%8*3<cJLCKZYZ1=IpX2Mj3C5eSdOGEkr+5P#_Lpdf*n*yRi;Kwzfn
zfCUu{%$P_l1r-d;m`E%J6_|`skys4MuLWErmV@$Yfvf{2ly5So>wpX8IRZ6V2W%+k
z5vV(yLNTEnlQB9Hi$XajV{{}Ig|bh^_(&`ZWu1&!I*@>}OvXGNNI+S%z|(;UR7DHT
z4!2MOP^BY~6p6*5N=G0m5{p9>Cu3S9mWL{QdzrGkTnH-n?Im9aQcyW9Xo*6}K+Uuu
zpaVImi5AF__@6*cw7@>}M4`r7km+(csN=vaq60~&VPH;|g$gAGWd^VBto2M}P}$En
z-?P}D%%A;36CIS`uZF6jYN#5jhN_`zs2Zw<;{E;t(tA5BP2$lb00000NkvXXu0mjf
DeXm=?

literal 0
HcmV?d00001


From ebe08698974479df4bd4d73c4645dab8c83b42c6 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 22 Dec 2023 13:43:38 +0800
Subject: [PATCH 070/790] Remove `KeyboardEvent.keyLocation` and
 `KeyboardEvent.char` properties from interface page (#31216)

---
 files/en-us/web/api/keyboardevent/index.md | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/files/en-us/web/api/keyboardevent/index.md b/files/en-us/web/api/keyboardevent/index.md
index fa7a82bbf5a6c94..25562e0ed49e810 100644
--- a/files/en-us/web/api/keyboardevent/index.md
+++ b/files/en-us/web/api/keyboardevent/index.md
@@ -139,12 +139,6 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}}
 
 ### Obsolete properties
 
-- {{domxref("KeyboardEvent.char")}} {{Non-standard_inline}} {{Deprecated_inline}} {{ReadOnlyInline}}
-
-  - : Returns a string representing the character value of the key. If the key corresponds to a printable character, this value is a non-empty Unicode string containing that character. If the key doesn't have a printable representation, this is an empty string.
-
-    > **Note:** If the key is used as a macro that inserts multiple characters, this property's value is the entire string, not just the first character.
-
 - {{domxref("KeyboardEvent.charCode")}} {{Deprecated_inline}} {{ReadOnlyInline}}
 
   - : Returns a number representing the Unicode reference number of the key; this property is used only by the `keypress` event. For keys whose `char` property contains multiple characters, this is the Unicode value of the first character in that property. In Firefox 26 this returns codes for printable characters.
@@ -159,8 +153,6 @@ _This interface also inherits properties of its parents, {{domxref("UIEvent")}}
 
 - {{domxref("KeyboardEvent.keyIdentifier")}} {{Non-standard_inline}} {{deprecated_inline}} {{ReadOnlyInline}}
   - : This property is non-standard and has been deprecated in favor of {{domxref("KeyboardEvent.key")}}. It was part of an old version of DOM Level 3 Events.
-- {{domxref("KeyboardEvent.keyLocation")}} {{Non-standard_inline}} {{deprecated_inline}} {{ReadOnlyInline}}
-  - : This is a non-standard deprecated alias for {{domxref("KeyboardEvent.location")}}. It was part of an old version of DOM Level 3 Events.
 
 ## Instance methods
 

From e480a67f218629f1ed0bcbea900739cc1c08281d Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Fri, 22 Dec 2023 17:15:17 +1100
Subject: [PATCH 071/790] FF122 Relnote: ArrayBuffer transfer() and friends
 (#31212)

---
 .../firefox/experimental_features/index.md    | 45 -------------------
 .../mozilla/firefox/releases/122/index.md     |  2 +
 2 files changed, 2 insertions(+), 45 deletions(-)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index 83c62a76ec8ebcc..f3788bb5c92c11c 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -1170,51 +1170,6 @@ This includes: `SVGPathSegList`, [SVGPathElement.getPathSegAtLength()](/en-US/do
 
 ## JavaScript
 
-### Array transfer
-
-The {{jsxref("ArrayBuffer.prototype.transfer()")}} and {{jsxref("ArrayBuffer.prototype.transferToFixedLength()")}} methods are used to [transfer ownership](/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer#transferring_arraybuffers) of memory from one {{jsxref("ArrayBuffer")}} to another.
-The `transferToFixedLength()` method always creates a fixed length buffer, while `transfer()` may create a variable buffer, but only if the original buffer had a variable length.
-After transfer, the original buffer is detached from the original memory and hence unusable; the state can be checked using {{jsxref("ArrayBuffer.prototype.detached")}}.
-(See [Firefox bug 1841113](https://bugzil.la/1841113) for more details.)
-
-<table>
-  <thead>
-    <tr>
-      <th>Release channel</th>
-      <th>Version removed</th>
-      <th>Enabled by default?</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th>Nightly</th>
-      <td>117</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Developer Edition</th>
-      <td>NA</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Beta</th>
-      <td>NA</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Release</th>
-      <td>NA</td>
-      <td>No</td>
-    </tr>
-    <tr>
-    <tr>
-      <th>Preference name</th>
-      <td colspan="2"><code>javascript.options.experimental.arraybuffer_transfer</code></td>
-    </tr>
-    </tr>
-  </tbody>
-</table>
-
 ## APIs
 
 ### Graphics: Canvas, WebGL, and WebGPU
diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index f0251c367e9fe17..a74d820e12bd940 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -24,6 +24,8 @@ This article provides information about the changes in Firefox 122 that affect d
 
 ### JavaScript
 
+- The {{jsxref("ArrayBuffer.prototype.transfer()")}} and {{jsxref("ArrayBuffer.prototype.transferToFixedLength()")}} methods can now be used to [transfer ownership](/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer#transferring_arraybuffers) of memory from one {{jsxref("ArrayBuffer")}} to another. After transfer, the original buffer is detached from its original memory and hence unusable; the state can be checked using {{jsxref("ArrayBuffer.prototype.detached")}}. (See [Firefox bug 1865103](https://bugzil.la/1865103) for more details.)
+
 #### Removals
 
 ### SVG

From d9959f12e3dfae5339eb301efe553c8d4cb41bbe Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Fri, 22 Dec 2023 08:22:24 +0100
Subject: [PATCH 072/790] <subscript> -> <sub> (#31218)

---
 .../en-us/web/accessibility/aria/roles/section_role/index.md  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/accessibility/aria/roles/section_role/index.md b/files/en-us/web/accessibility/aria/roles/section_role/index.md
index 1c07473146998e3..6e0ca20eba80650 100644
--- a/files/en-us/web/accessibility/aria/roles/section_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/section_role/index.md
@@ -5,14 +5,14 @@ page-type: aria-role
 spec-urls: https://w3c.github.io/aria/#section
 ---
 
-The **`section` role**, an abstract role, is superclass role for renderable structural containment components.
+The **`section` role**, an abstract role, is a superclass role for renderable structural containment components.
 
 > **Note:** The `section` role is an [abstract role](/en-US/docs/Web/Accessibility/ARIA/Roles#6._abstract_roles). It is included here for completeness of documentation. It **should not be used** by web authors.
 
 ## Description
 
 The structural `section` role is an abstract role for categorizing all the section subclass roles. The role must not be used. Some subclasses, like [`alert`](/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role),
-[`note`](/en-US/docs/Web/Accessibility/ARIA/Roles/note_role), and [`tooltip`](/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role), are useful, and can be used to add semantics when no semantic HTML elements quite fits the purpose of a component. Others, like [`code`](/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles), [`figure`](/en-US/docs/Web/Accessibility/ARIA/Roles/figure_role), and [`subscript`](/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles), aren't necessary, as there are HTML element equivalents. In this case, {{HTMLElement('code')}} {{HTMLElement('figure')}} and {{HTMLElement('subscript')}}, respectively.
+[`note`](/en-US/docs/Web/Accessibility/ARIA/Roles/note_role), and [`tooltip`](/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role) are useful, and can be used to add semantics when no semantic HTML elements quite fit the purpose of a component. Others, like [`code`](/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles), [`figure`](/en-US/docs/Web/Accessibility/ARIA/Roles/figure_role), and [`subscript`](/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles), aren't necessary, as there are HTML element equivalents. In this case, {{HTMLElement('code')}} {{HTMLElement('figure')}} and {{HTMLElement('sub')}}, respectively.
 
 ## Best Practices
 

From b4dc8c13ae9041844dc45423aa087002bf9a25e9 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 22 Dec 2023 17:17:24 +0800
Subject: [PATCH 073/790] Fix inherit information for some ui events (#31217)

* focusevent

* mouseevent

* keyboardevent

* compositionevent

* wheelevent

* update
---
 files/en-us/web/api/element/blur_event/index.md                 | 2 +-
 files/en-us/web/api/element/compositionend_event/index.md       | 2 +-
 files/en-us/web/api/element/compositionstart_event/index.md     | 2 +-
 files/en-us/web/api/element/compositionupdate_event/index.md    | 2 +-
 files/en-us/web/api/element/dblclick_event/index.md             | 2 +-
 files/en-us/web/api/element/domactivate_event/index.md          | 2 +-
 files/en-us/web/api/element/dommousescroll_event/index.md       | 2 +-
 files/en-us/web/api/element/focus_event/index.md                | 2 +-
 files/en-us/web/api/element/focusin_event/index.md              | 2 +-
 files/en-us/web/api/element/focusout_event/index.md             | 2 +-
 files/en-us/web/api/element/keydown_event/index.md              | 2 +-
 files/en-us/web/api/element/keypress_event/index.md             | 2 +-
 files/en-us/web/api/element/keyup_event/index.md                | 2 +-
 files/en-us/web/api/element/mousedown_event/index.md            | 2 +-
 files/en-us/web/api/element/mouseenter_event/index.md           | 2 +-
 files/en-us/web/api/element/mouseleave_event/index.md           | 2 +-
 files/en-us/web/api/element/mousemove_event/index.md            | 2 +-
 files/en-us/web/api/element/mouseout_event/index.md             | 2 +-
 files/en-us/web/api/element/mouseover_event/index.md            | 2 +-
 files/en-us/web/api/element/mouseup_event/index.md              | 2 +-
 files/en-us/web/api/element/mousewheel_event/index.md           | 2 +-
 files/en-us/web/api/element/mozmousepixelscroll_event/index.md  | 2 +-
 .../web/api/element/webkitmouseforcechanged_event/index.md      | 2 +-
 files/en-us/web/api/element/webkitmouseforcedown_event/index.md | 2 +-
 files/en-us/web/api/element/webkitmouseforceup_event/index.md   | 2 +-
 .../web/api/element/webkitmouseforcewillbegin_event/index.md    | 2 +-
 files/en-us/web/api/element/wheel_event/index.md                | 2 +-
 files/en-us/web/api/window/blur_event/index.md                  | 2 +-
 files/en-us/web/api/window/focus_event/index.md                 | 2 +-
 29 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/files/en-us/web/api/element/blur_event/index.md b/files/en-us/web/api/element/blur_event/index.md
index 892250c336adb7f..b6cfbf67d877ce5 100644
--- a/files/en-us/web/api/element/blur_event/index.md
+++ b/files/en-us/web/api/element/blur_event/index.md
@@ -32,7 +32,7 @@ onblur = (event) => {};
 
 ## Event type
 
-A {{domxref("FocusEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("FocusEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("FocusEvent")}}
 
diff --git a/files/en-us/web/api/element/compositionend_event/index.md b/files/en-us/web/api/element/compositionend_event/index.md
index 417a95ba15dbf5c..c4f06f19d5c78c6 100644
--- a/files/en-us/web/api/element/compositionend_event/index.md
+++ b/files/en-us/web/api/element/compositionend_event/index.md
@@ -24,7 +24,7 @@ oncompositionend = (event) => {};
 
 ## Event type
 
-A {{domxref("CompositionEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("CompositionEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("CompositionEvent")}}
 
diff --git a/files/en-us/web/api/element/compositionstart_event/index.md b/files/en-us/web/api/element/compositionstart_event/index.md
index d296e67612e2260..2c8ead4a8ce3ba2 100644
--- a/files/en-us/web/api/element/compositionstart_event/index.md
+++ b/files/en-us/web/api/element/compositionstart_event/index.md
@@ -24,7 +24,7 @@ oncompositionstart = (event) => {};
 
 ## Event type
 
-A {{domxref("CompositionEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("CompositionEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("CompositionEvent")}}
 
diff --git a/files/en-us/web/api/element/compositionupdate_event/index.md b/files/en-us/web/api/element/compositionupdate_event/index.md
index 39522bae031b24d..2ed8573cd336eb7 100644
--- a/files/en-us/web/api/element/compositionupdate_event/index.md
+++ b/files/en-us/web/api/element/compositionupdate_event/index.md
@@ -24,7 +24,7 @@ oncompositionupdate = (event) => {};
 
 ## Event type
 
-A {{domxref("CompositionEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("CompositionEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("CompositionEvent")}}
 
diff --git a/files/en-us/web/api/element/dblclick_event/index.md b/files/en-us/web/api/element/dblclick_event/index.md
index 2ad4a47db3b8e9a..9537679e7145376 100644
--- a/files/en-us/web/api/element/dblclick_event/index.md
+++ b/files/en-us/web/api/element/dblclick_event/index.md
@@ -24,7 +24,7 @@ ondblclick = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/domactivate_event/index.md b/files/en-us/web/api/element/domactivate_event/index.md
index 8a6d83dfee24b0c..0b96992cda78c77 100644
--- a/files/en-us/web/api/element/domactivate_event/index.md
+++ b/files/en-us/web/api/element/domactivate_event/index.md
@@ -24,7 +24,7 @@ onDOMActivate = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/dommousescroll_event/index.md b/files/en-us/web/api/element/dommousescroll_event/index.md
index c796c753d4c5e98..ac56fe0b72c0498 100644
--- a/files/en-us/web/api/element/dommousescroll_event/index.md
+++ b/files/en-us/web/api/element/dommousescroll_event/index.md
@@ -31,7 +31,7 @@ onDOMMouseScroll = (event) => {};
 
 ## Event type
 
-A {{domxref("WheelEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("WheelEvent")}}. Inherits from {{domxref("MouseEvent")}}, {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("WheelEvent")}}
 
diff --git a/files/en-us/web/api/element/focus_event/index.md b/files/en-us/web/api/element/focus_event/index.md
index 600de976bde33f7..4f07b997220e390 100644
--- a/files/en-us/web/api/element/focus_event/index.md
+++ b/files/en-us/web/api/element/focus_event/index.md
@@ -26,7 +26,7 @@ onfocus = (event) => {};
 
 ## Event type
 
-A {{domxref("FocusEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("FocusEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("FocusEvent")}}
 
diff --git a/files/en-us/web/api/element/focusin_event/index.md b/files/en-us/web/api/element/focusin_event/index.md
index 517e1c0fe100979..03ea2a122c8340f 100644
--- a/files/en-us/web/api/element/focusin_event/index.md
+++ b/files/en-us/web/api/element/focusin_event/index.md
@@ -24,7 +24,7 @@ addEventListener("focusin", (event) => {});
 
 ## Event type
 
-A {{domxref("FocusEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("FocusEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("FocusEvent")}}
 
diff --git a/files/en-us/web/api/element/focusout_event/index.md b/files/en-us/web/api/element/focusout_event/index.md
index dadc94dba0fd9e5..0304673d156c298 100644
--- a/files/en-us/web/api/element/focusout_event/index.md
+++ b/files/en-us/web/api/element/focusout_event/index.md
@@ -24,7 +24,7 @@ addEventListener("focusout", (event) => {});
 
 ## Event type
 
-A {{domxref("FocusEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("FocusEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("FocusEvent")}}
 
diff --git a/files/en-us/web/api/element/keydown_event/index.md b/files/en-us/web/api/element/keydown_event/index.md
index 20cf0b62736f6c8..01b35ca37eb2897 100644
--- a/files/en-us/web/api/element/keydown_event/index.md
+++ b/files/en-us/web/api/element/keydown_event/index.md
@@ -39,7 +39,7 @@ onkeydown = (event) => {};
 
 ## Event type
 
-A {{domxref("KeyboardEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("KeyboardEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("KeyboardEvent")}}
 
diff --git a/files/en-us/web/api/element/keypress_event/index.md b/files/en-us/web/api/element/keypress_event/index.md
index 20c0ea58ec68485..85d271bf49886f9 100644
--- a/files/en-us/web/api/element/keypress_event/index.md
+++ b/files/en-us/web/api/element/keypress_event/index.md
@@ -28,7 +28,7 @@ onkeypress = (event) => {};
 
 ## Event type
 
-A {{domxref("KeyboardEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("KeyboardEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("KeyboardEvent")}}
 
diff --git a/files/en-us/web/api/element/keyup_event/index.md b/files/en-us/web/api/element/keyup_event/index.md
index 4c812523e13f687..4c9ca0e3e858654 100644
--- a/files/en-us/web/api/element/keyup_event/index.md
+++ b/files/en-us/web/api/element/keyup_event/index.md
@@ -37,7 +37,7 @@ onkeyup = (event) => {};
 
 ## Event type
 
-A {{domxref("KeyboardEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("KeyboardEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("KeyboardEvent")}}
 
diff --git a/files/en-us/web/api/element/mousedown_event/index.md b/files/en-us/web/api/element/mousedown_event/index.md
index b755e8f33c24eb0..459503e933f1e52 100644
--- a/files/en-us/web/api/element/mousedown_event/index.md
+++ b/files/en-us/web/api/element/mousedown_event/index.md
@@ -24,7 +24,7 @@ onmousedown = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/mouseenter_event/index.md b/files/en-us/web/api/element/mouseenter_event/index.md
index 8d1146a348a42dd..751b797db388c4d 100644
--- a/files/en-us/web/api/element/mouseenter_event/index.md
+++ b/files/en-us/web/api/element/mouseenter_event/index.md
@@ -22,7 +22,7 @@ onmouseenter = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/mouseleave_event/index.md b/files/en-us/web/api/element/mouseleave_event/index.md
index 6c35b624106666c..9bb0dcf9d6234a2 100644
--- a/files/en-us/web/api/element/mouseleave_event/index.md
+++ b/files/en-us/web/api/element/mouseleave_event/index.md
@@ -24,7 +24,7 @@ onmouseleave = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/mousemove_event/index.md b/files/en-us/web/api/element/mousemove_event/index.md
index 860bfc883ad40c3..7e60a0b06c6df49 100644
--- a/files/en-us/web/api/element/mousemove_event/index.md
+++ b/files/en-us/web/api/element/mousemove_event/index.md
@@ -22,7 +22,7 @@ onmousemove = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/mouseout_event/index.md b/files/en-us/web/api/element/mouseout_event/index.md
index b94f791c6170de4..13021db7e28f78a 100644
--- a/files/en-us/web/api/element/mouseout_event/index.md
+++ b/files/en-us/web/api/element/mouseout_event/index.md
@@ -24,7 +24,7 @@ onmouseout = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/mouseover_event/index.md b/files/en-us/web/api/element/mouseover_event/index.md
index c76f8e5797e6faa..29e4a1b2fa3d8bf 100644
--- a/files/en-us/web/api/element/mouseover_event/index.md
+++ b/files/en-us/web/api/element/mouseover_event/index.md
@@ -22,7 +22,7 @@ onmouseover = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/mouseup_event/index.md b/files/en-us/web/api/element/mouseup_event/index.md
index 41e66b000ef0a90..6fe5be8f487e3ad 100644
--- a/files/en-us/web/api/element/mouseup_event/index.md
+++ b/files/en-us/web/api/element/mouseup_event/index.md
@@ -24,7 +24,7 @@ onmouseup = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/mousewheel_event/index.md b/files/en-us/web/api/element/mousewheel_event/index.md
index 373cf8cf91ad54d..6b6ced54dde2453 100644
--- a/files/en-us/web/api/element/mousewheel_event/index.md
+++ b/files/en-us/web/api/element/mousewheel_event/index.md
@@ -27,7 +27,7 @@ onmousewheel = (event) => {};
 
 ## Event type
 
-A {{domxref("WheelEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("WheelEvent")}}. Inherits from {{domxref("MouseEvent")}}, {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("WheelEvent")}}
 
diff --git a/files/en-us/web/api/element/mozmousepixelscroll_event/index.md b/files/en-us/web/api/element/mozmousepixelscroll_event/index.md
index 1a6298048be8f5a..be2373e8789e8e9 100644
--- a/files/en-us/web/api/element/mozmousepixelscroll_event/index.md
+++ b/files/en-us/web/api/element/mozmousepixelscroll_event/index.md
@@ -27,7 +27,7 @@ onMozMousePixelScroll = (event) => {};
 
 ## Event type
 
-A {{domxref("WheelEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("WheelEvent")}}. Inherits from {{domxref("MouseEvent")}}, {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("WheelEvent")}}
 
diff --git a/files/en-us/web/api/element/webkitmouseforcechanged_event/index.md b/files/en-us/web/api/element/webkitmouseforcechanged_event/index.md
index 082a9e464942c3e..56ec14ee8f12acb 100644
--- a/files/en-us/web/api/element/webkitmouseforcechanged_event/index.md
+++ b/files/en-us/web/api/element/webkitmouseforcechanged_event/index.md
@@ -28,7 +28,7 @@ onwebkitmouseforcechanged = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/webkitmouseforcedown_event/index.md b/files/en-us/web/api/element/webkitmouseforcedown_event/index.md
index 24bb2c0f9d9d7e5..aac331a7efc7fb0 100644
--- a/files/en-us/web/api/element/webkitmouseforcedown_event/index.md
+++ b/files/en-us/web/api/element/webkitmouseforcedown_event/index.md
@@ -26,7 +26,7 @@ onwebkitmouseforcedown = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/webkitmouseforceup_event/index.md b/files/en-us/web/api/element/webkitmouseforceup_event/index.md
index 4392a931029705b..a68ffca57562dca 100644
--- a/files/en-us/web/api/element/webkitmouseforceup_event/index.md
+++ b/files/en-us/web/api/element/webkitmouseforceup_event/index.md
@@ -26,7 +26,7 @@ onwebkitmouseforceup = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/webkitmouseforcewillbegin_event/index.md b/files/en-us/web/api/element/webkitmouseforcewillbegin_event/index.md
index c7f5d65e4ca79ac..fafeadd6ff1e055 100644
--- a/files/en-us/web/api/element/webkitmouseforcewillbegin_event/index.md
+++ b/files/en-us/web/api/element/webkitmouseforcewillbegin_event/index.md
@@ -30,7 +30,7 @@ onwebkitmouseforceup = (event) => {};
 
 ## Event type
 
-A {{domxref("MouseEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("MouseEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("MouseEvent")}}
 
diff --git a/files/en-us/web/api/element/wheel_event/index.md b/files/en-us/web/api/element/wheel_event/index.md
index 78b317b1966c660..a9fb196bb7ee2d7 100644
--- a/files/en-us/web/api/element/wheel_event/index.md
+++ b/files/en-us/web/api/element/wheel_event/index.md
@@ -26,7 +26,7 @@ onwheel = (event) => {};
 
 ## Event type
 
-A {{domxref("WheelEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("WheelEvent")}}. Inherits from {{domxref("MouseEvent")}}, {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("WheelEvent")}}
 
diff --git a/files/en-us/web/api/window/blur_event/index.md b/files/en-us/web/api/window/blur_event/index.md
index da6ea0336c8c19a..7abb7e31aeb7457 100644
--- a/files/en-us/web/api/window/blur_event/index.md
+++ b/files/en-us/web/api/window/blur_event/index.md
@@ -26,7 +26,7 @@ onblur = (event) => {};
 
 ## Event type
 
-A {{domxref("FocusEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("FocusEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("FocusEvent")}}
 
diff --git a/files/en-us/web/api/window/focus_event/index.md b/files/en-us/web/api/window/focus_event/index.md
index c23aff099e17b32..2e52fab0624979f 100644
--- a/files/en-us/web/api/window/focus_event/index.md
+++ b/files/en-us/web/api/window/focus_event/index.md
@@ -26,7 +26,7 @@ onfocus = (event) => {};
 
 ## Event type
 
-A {{domxref("FocusEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("FocusEvent")}}. Inherits from {{domxref("UIEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("FocusEvent")}}
 

From be94249fb285c8177ad9f82d1e5a78cd2fe059d3 Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Fri, 22 Dec 2023 12:36:11 +0000
Subject: [PATCH 074/790] Small text improvements (#31221)

* Small text improvements

* Update files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_accessibility/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../react_accessibility/index.md                   | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_accessibility/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_accessibility/index.md
index f917b6f6e8b3879..2ba576095661ade 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_accessibility/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_accessibility/index.md
@@ -6,7 +6,7 @@ page-type: learn-module-chapter
 
 {{LearnSidebar}}{{PreviousMenuNext("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_filtering_conditional_rendering","Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_resources", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}
 
-In our final tutorial article, we'll focus on (pun intended) accessibility, including focus management in React, which can improve usability and reduce confusion for both keyboard-only and screen-reader users.
+In our final tutorial article, we'll focus on (pun intended) accessibility, including focus management in React, which can improve usability and reduce confusion for both keyboard-only and screen reader users.
 
 <table>
   <tbody>
@@ -54,7 +54,7 @@ To improve the experience for keyboard and assistive technology users, we should
 
 ### Aside: a note on our focus indicator
 
-If you click the "All", "Active", or "Completed" filter buttons with your mouse, you _won't_ see a visible focus indicator, but you will do if you move between them with the tab key on your keyboard. Don't worry — your code isn't broken!
+If you click the "All", "Active", or "Completed" filter buttons with your mouse, you _won't_ see a visible focus indicator, but you will do if you move between them with the <kbd>Tab</kbd> key on your keyboard. Don't worry — your code isn't broken!
 
 Our CSS file uses the [`:focus-visible`](/en-US/docs/Web/CSS/:focus-visible) pseudo-class to provide custom styling for the focus indicator, and the browser uses a set of internal rules to determine when to show it to the user. Generally, the browser _will_ show a focus indicator in response to keyboard input, and _might_ show it in response to mouse input. `<button>` elements _don't_ show a focus indicator in response to mouse input, while `<input>` elements _do_.
 
@@ -62,7 +62,7 @@ The behavior of `:focus-visible` is more selective than the older [`:focus`](/en
 
 ## Focusing between templates
 
-When a user toggles a `<Todo />` template from viewing to editing, we should focus on the `<input>` used to rename it; when they toggle back from editing to viewing, we should move focus back to the "Edit" button.
+When a user changes the `<Todo />` template from viewing to editing, we should focus on the `<input>` used to rename it; when they change back from editing to viewing, we should move focus back to the "Edit" button.
 
 ### Targeting our elements
 
@@ -126,7 +126,7 @@ We're getting closer! To take advantage of our newly referenced elements, we nee
 
 ### Implementing `useEffect()`
 
-[`useEffect()`](https://react.dev/reference/react/useEffect) is so named because it runs any side-effects that we'd like to add to the render process, which can't be run inside the main function body. `useEffect()` runs right after a component renders, meaning the DOM elements we referenced in the previous section will be available for us to use.
+[`useEffect()`](https://react.dev/reference/react/useEffect) is so named because it runs any side-effects that we'd like to add to the render process but which can't be run inside the main function body. `useEffect()` runs right after a component renders, meaning the DOM elements we referenced in the previous section will be available for us to use.
 
 Change the import statement of `Todo.jsx` again to add `useEffect`:
 
@@ -189,7 +189,7 @@ useEffect(() => {
 }, [isEditing]);
 ```
 
-This kind of works. If you use your keyboard to trigger the "Edit" button (remember: <kbd>Tab</kbd> to it and press <kbd>Enter</kbd>), you'll see that your focus moves between Edit `<input>` and "Edit" button as you start and end an edit. However, you may have noticed a new problem — the "Edit" button in the final `<Todo />` component is focused immediately on page load, before we even interact with the app!
+This kind of works. If you use your keyboard to trigger the "Edit" button (remember: <kbd>Tab</kbd> to it and press <kbd>Enter</kbd>), you'll see that your focus moves between the Edit `<input>` and "Edit" button as you start and end an edit. However, you may have noticed a new problem — the "Edit" button in the final `<Todo />` component is focused immediately on page load before we even interact with the app!
 
 Our `useEffect()` hook is behaving exactly as we designed it: it runs as soon as the component renders, sees that `isEditing` is `false`, and focuses the "Edit" button. There are three instances of `<Todo />`, and focus is given to the "Edit" button of the one that renders last.
 
@@ -289,7 +289,7 @@ const listHeadingRef = useRef(null);
 
 Heading elements like our `<h2>` are not usually focusable. This isn't a problem — we can make any element programmatically focusable by adding the attribute [`tabindex="-1"`](/en-US/docs/Web/HTML/Global_attributes/tabindex) to it. This means _only focusable with JavaScript_. You can't press <kbd>Tab</kbd> to focus on an element with a tabindex of `-1` the same way you could do with a [`<button>`](/en-US/docs/Web/HTML/Element/button) or [`<a>`](/en-US/docs/Web/HTML/Element/a) element (this can be done using `tabindex="0"`, but that's not appropriate in this case).
 
-Let's add the `tabindex` attribute — written as `tabIndex` in JSX — to the heading above our list of tasks, along with our `headingRef`:
+Let's add the `tabindex` attribute — written as `tabIndex` in JSX — to the heading above our list of tasks, along with our `listHeadingRef`:
 
 ```jsx
 <h2 id="list-heading" tabIndex="-1" ref={listHeadingRef}>
@@ -297,7 +297,7 @@ Let's add the `tabindex` attribute — written as `tabIndex` in JSX — to the h
 </h2>
 ```
 
-> **Note:** The `tabindex` attribute is great for accessibility edge-cases, but you should take **great care** to not overuse it. Only apply a `tabindex` to an element when you're absolutely sure that making it focusable will benefit your user in some way. In most cases, you should be utilizing elements that can naturally take focus, such as buttons, anchors, and inputs. Irresponsible usage of `tabindex` could have a profoundly negative impact on keyboard and screen-reader users!
+> **Note:** The `tabindex` attribute is excellent for accessibility edge cases, but you should take **great care** not to overuse it. Only apply a `tabindex` to an element when you're sure that making it focusable will benefit your user somehow. In most cases, you should utilize elements that can naturally take focus, such as buttons, anchors, and inputs. Irresponsible usage of `tabindex` could have a profoundly negative impact on keyboard and screen reader users!
 
 ### Getting previous state
 

From 0913bc79b6d82c257f8aeee32b6489c5b30182c0 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Fri, 22 Dec 2023 14:20:08 +0100
Subject: [PATCH 075/790] Update properties sections of Webkit extensions
 (#31223)

* Update properties sections of Webkit extensions

* -webkit-prefixed for section name

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* +Comment in note

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Update files/en-us/web/css/webkit_extensions/index.md

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Update files/en-us/web/css/webkit_extensions/index.md

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Update files/en-us/web/css/webkit_extensions/index.md

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* title+application+epub

* remove capitalization

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 .../en-us/web/css/webkit_extensions/index.md  | 589 +++++-------------
 1 file changed, 157 insertions(+), 432 deletions(-)

diff --git a/files/en-us/web/css/webkit_extensions/index.md b/files/en-us/web/css/webkit_extensions/index.md
index 66871a16f8dc8dc..2825115b9782d22 100644
--- a/files/en-us/web/css/webkit_extensions/index.md
+++ b/files/en-us/web/css/webkit_extensions/index.md
@@ -1,5 +1,5 @@
 ---
-title: WebKit vendor-prefixed CSS extensions
+title: "-webkit-prefixed CSS extensions"
 slug: Web/CSS/WebKit_Extensions
 page-type: landing-page
 status:
@@ -8,451 +8,176 @@ status:
 
 {{CSSRef}}
 
-Applications based on WebKit or Blink, such as Safari and Chrome, support a number of special **WebKit extensions to [CSS](/en-US/docs/Web/CSS)**. These extensions are generally prefixed with `-webkit-`. Most `-webkit-` prefixed properties also work with an `-apple-` prefix. A few are prefixed with `-epub-`.
-
-## WebKit-only properties
-
-> **Note:** Avoid using on websites. These properties will only work in WebKit applications.
-
-### A
-
-- {{CSSxRef("-webkit-animation-trigger", "-webkit-animation-trigger")}}
-- {{CSSxRef("-webkit-app-region", "-webkit-app-region")}}
-
-### B
-
-- {{CSSxRef("backdrop-filter", "-webkit-backdrop-filter")}}\*\*
-- {{CSSxRef("border-block-end","-webkit-border-after")}}\*\*
-- {{CSSxRef("border-block-end-color","-webkit-border-after-color")}}\*\*
-- {{CSSxRef("border-block-end-style","-webkit-border-after-style")}}\*\*
-- {{CSSxRef("border-block-end-width","-webkit-border-after-width")}}\*\*
-- {{CSSxRef("border-block-start","-webkit-border-before")}}\*\*
-- {{CSSxRef("border-block-start-color","-webkit-border-before-color")}}\*\*
-- {{CSSxRef("border-block-start-style","-webkit-border-before-style")}}\*\*
-- {{CSSxRef("border-block-start-width","-webkit-border-before-width")}}\*\*
-- {{CSSxRef("border-inline-end", "-webkit-border-end")}}\*\*
-- {{CSSxRef("border-inline-end-color","-webkit-border-end-color")}}\*\*
-- {{CSSxRef("border-inline-end-style","-webkit-border-end-style")}}\*\*
-- {{CSSxRef("border-inline-end-width","-webkit-border-end-width")}}\*\*
-- {{CSSxRef("-webkit-border-horizontal-spacing", "-webkit-border-horizontal-spacing")}}
-- {{CSSxRef("border-inline-start", "-webkit-border-start")}}\*\*
-- {{CSSxRef("border-inline-start-color", "-webkit-border-start-color")}}\*\*
-- {{CSSxRef("border-inline-start-style", "-webkit-border-start-style")}}\*\*
-- {{CSSxRef("border-inline-start-width", "-webkit-border-start-width")}}\*\*
-- {{CSSxRef("-webkit-border-vertical-spacing", "-webkit-border-vertical-spacing")}}
-- {{CSSxRef("align-items","-webkit-box-align")}}\*\*
-- {{CSSxRef("flex-direction", "-webkit-box-direction")}}\*\*
-- {{CSSxRef("box-flex-group", "-webkit-box-flex-group")}}
-- {{CSSxRef("flex-grow", "-webkit-box-flex")}}\*\*
-- {{CSSxRef("flex-flow", "-webkit-box-lines")}}\*\*
-- {{CSSxRef("order", "-webkit-box-ordinal-group")}}\*\*
-- {{CSSxRef("flex-direction","-webkit-box-orient")}}\*\*
-- {{CSSxRef("justify-content", "-webkit-box-pack")}}\*\*
-- {{CSSxRef("-webkit-box-reflect", "-webkit-box-reflect")}}\*\*
-
-### C
-
-- {{CSSxRef("-webkit-column-axis", "-webkit-column-axis")}}
-- {{CSSxRef("-webkit-column-break-after", "-webkit-column-break-after")}}
-- {{CSSxRef("-webkit-column-break-before", "-webkit-column-break-before")}}
-- {{CSSxRef("-webkit-column-break-inside", "-webkit-column-break-inside")}}
-- {{CSSxRef("-webkit-column-progression", "-webkit-column-progression")}}
-- {{CSSxRef("-webkit-cursor-visibility", "-webkit-cursor-visibility")}}
-
-### D-I
-
-- {{CSSxRef("-webkit-dashboard-region", "-webkit-dashboard-region")}}
-- {{CSSxRef("-webkit-font-size-delta", "-webkit-font-size-delta")}}
-- {{CSSxRef("font-smooth", "-webkit-font-smoothing")}}
-- {{CSSxRef("hyphenate-character", "-webkit-hyphenate-character")}} \*\*
-- {{CSSxRef("-webkit-hyphenate-limit-after", "-webkit-hyphenate-limit-after")}}
-- {{CSSxRef("-webkit-hyphenate-limit-before", "-webkit-hyphenate-limit-before")}}
-- {{CSSxRef("-webkit-hyphenate-limit-lines", "-webkit-hyphenate-limit-lines")}}
-- {{CSSxRef("initial-letter", "-webkit-initial-letter")}}\*\*
-
-### L
-
-- {{CSSxRef("-webkit-line-align", "-webkit-line-align")}}
-- {{CSSxRef("-webkit-line-box-contain", "-webkit-line-box-contain")}}
-- {{CSSxRef("-webkit-line-clamp", "-webkit-line-clamp")}}
-- {{CSSxRef("-webkit-line-grid", "-webkit-line-grid")}}
-- {{CSSxRef("-webkit-line-snap", "-webkit-line-snap")}}
-- {{CSSxRef("-webkit-locale", "-webkit-locale")}}
-- {{CSSxRef("-webkit-logical-height", "-webkit-logical-height")}}
-- {{CSSxRef("-webkit-logical-width", "-webkit-logical-width")}}
-
-### M
-
-- {{CSSxRef("-webkit-margin-after", "-webkit-margin-after")}}
-- {{CSSxRef("-webkit-margin-before", "-webkit-margin-before")}}
-- {{CSSxRef("margin-block-end", "-webkit-margin-end")}}\*\*
-- {{CSSxRef("margin-block-start", "-webkit-margin-start")}}\*\*
-- {{CSSxRef("-webkit-marquee-direction", "-webkit-marquee-direction")}}
-- {{CSSxRef("-webkit-marquee-increment", "-webkit-marquee-increment")}}
-- {{CSSxRef("-webkit-marquee-repetition", "-webkit-marquee-repetition")}}
-- {{CSSxRef("-webkit-marquee-speed", "-webkit-marquee-speed")}}
-- {{CSSxRef("-webkit-marquee-style", "-webkit-marquee-style")}}
-- {{CSSxRef("-webkit-marquee", "-webkit-marquee")}}
-- {{CSSxRef("-webkit-mask-box-image-outset", "-webkit-mask-box-image-outset")}}
-- {{CSSxRef("-webkit-mask-box-image-repeat", "-webkit-mask-box-image-repeat")}}
-- {{CSSxRef("-webkit-mask-box-image-slice", "-webkit-mask-box-image-slice")}}
-- {{CSSxRef("-webkit-mask-box-image-source", "-webkit-mask-box-image-source")}}
-- {{CSSxRef("-webkit-mask-box-image-width", "-webkit-mask-box-image-width")}}
-- {{CSSxRef("-webkit-mask-box-image", "-webkit-mask-box-image")}}
-- {{CSSxRef("-webkit-mask-position-x", "-webkit-mask-position-x")}}
-- {{CSSxRef("-webkit-mask-position-y", "-webkit-mask-position-y")}}
-- {{CSSxRef("-webkit-mask-repeat-x", "-webkit-mask-repeat-x")}}\*\*\*
-- {{CSSxRef("-webkit-mask-repeat-y", "-webkit-mask-repeat-y")}}\*\*\*
-- {{CSSxRef("-webkit-mask-source-type", "-webkit-mask-source-type")}}
-- {{CSSxRef("-webkit-max-logical-height", "-webkit-max-logical-height")}}
-- {{CSSxRef("-webkit-max-logical-width", "-webkit-max-logical-width")}}
-- {{CSSxRef("-webkit-min-logical-height", "-webkit-min-logical-height")}}
-- {{CSSxRef("-webkit-min-logical-width", "-webkit-min-logical-width")}}
-
-### N
-
-- {{CSSxRef("-webkit-nbsp-mode", "-webkit-nbsp-mode")}}
-
-### P
-
-- {{CSSxRef("padding-block-end","-webkit-padding-after")}}\*\*
-- {{CSSxRef("padding-block-start","-webkit-padding-before")}}\*\*
-- {{CSSxRef("padding-inline-end","-webkit-padding-end")}}\*\*
-- {{CSSxRef("padding-inline-start","-webkit-padding-start")}}\*\*
-- {{CSSxRef("-webkit-perspective-origin-x", "-webkit-perspective-origin-x")}}
-- {{CSSxRef("-webkit-perspective-origin-y", "-webkit-perspective-origin-y")}}
-
-### R-S
-
-- {{CSSxRef("-webkit-rtl-ordering", "-webkit-rtl-ordering")}}
-- {{CSSxRef("-webkit-svg-shadow", "-webkit-svg-shadow")}}
+User agents based on WebKit or Blink, such as Safari and Chrome, support several special extensions to [CSS](/en-US/docs/Web/CSS). These extensions are prefixed with `-webkit-`.
 
-### T
-
-- {{CSSxRef("-webkit-tap-highlight-color", "-webkit-tap-highlight-color")}}
-- {{CSSxRef("-webkit-text-decoration-skip", "-webkit-text-decoration-skip")}}
-- {{CSSxRef("-webkit-text-decorations-in-effect", "-webkit-text-decorations-in-effect")}}
-- {{CSSxRef("-webkit-text-fill-color", "-webkit-text-fill-color")}}
-- {{CSSxRef("-webkit-text-security", "-webkit-text-security")}}
-- {{CSSxRef("-webkit-text-stroke-color", "-webkit-text-stroke-color")}}
-- {{CSSxRef("-webkit-text-stroke-width", "-webkit-text-stroke-width")}}
-- {{CSSxRef("-webkit-text-stroke", "-webkit-text-stroke")}}
-- {{CSSxRef("-webkit-text-zoom", "-webkit-text-zoom")}}
-- {{CSSxRef("-webkit-transform-origin-x", "-webkit-transform-origin-x")}}
-- {{CSSxRef("-webkit-transform-origin-y", "-webkit-transform-origin-y")}}
-- {{CSSxRef("-webkit-transform-origin-z", "-webkit-transform-origin-z")}}
-
-### U
-
-- {{CSSxRef("-webkit-user-drag", "-webkit-user-drag")}}
-- {{CSSxRef("-webkit-user-modify", "-webkit-user-modify")}}
-
-\* A few are on the standards, unprefixed track
-
-\*\* New syntax has been standardized. Property links to the new syntax. The old, prefixed syntax is still supported in some browsers.
-
-\*\*\* WebKit supports without `-webkit` prefix, but not standard or on standards track
-
-## WebKit-prefixed properties on the standards track
-
-- {{CSSxRef("appearance", "-webkit-appearance")}}
-- {{CSSxRef("-webkit-font-size-delta", "-webkit-font-size-delta")}}
-
-## Formerly proprietary properties that are now standard
-
-> **Note:** To maximize the compatibility of your CSS, you should use the unprefixed standard properties instead of the prefixed ones listed below.
-
-### A
-
-- {{CSSxRef("align-content","-webkit-align-content")}}
-- {{CSSxRef("align-items","-webkit-align-items")}}
-- {{CSSxRef("align-self","-webkit-align-self")}}
-- {{CSSxRef("animation","-webkit-animation")}}
-- {{CSSxRef("animation-delay","-webkit-animation-delay")}}
-- {{CSSxRef("animation-direction","-webkit-animation-direction")}}
-- {{CSSxRef("animation-duration","-webkit-animation-duration")}}
-- {{CSSxRef("animation-fill-mode","-webkit-animation-fill-mode")}}
-- {{CSSxRef("animation-iteration-count","-webkit-animation-iteration-count")}}
-- {{CSSxRef("animation-name","-webkit-animation-name")}}
-- {{CSSxRef("animation-play-state","-webkit-animation-play-state")}}
-- {{CSSxRef("animation-timing-function","-webkit-animation-timing-function")}}
-- {{CSSxRef("appearance", "-webkit-appearance")}}
-- {{CSSxRef("aspect-ratio", "-webkit-aspect-ratio")}}
-
-### B
-
-- {{CSSxRef("backface-visibility","-webkit-backface-visibility")}}
-- {{CSSxRef("background-clip","-webkit-background-clip")}}
-- {{CSSxRef("background-origin","-webkit-background-origin")}}
-- {{CSSxRef("background-size","-webkit-background-size")}}
-- {{CSSxRef("border-bottom-left-radius","-webkit-border-bottom-left-radius")}}
-- {{CSSxRef("border-bottom-right-radius","-webkit-border-bottom-right-radius")}}
-- {{CSSxRef("border-image","-webkit-border-image")}}
-- {{CSSxRef("border-radius","-webkit-border-radius")}}
-- {{CSSxRef("border-top-left-radius","-webkit-border-top-left-radius")}}
-- {{CSSxRef("border-top-right-radius","-webkit-border-top-right-radius")}}
-- {{CSSxRef("box-decoration-break","-webkit-box-decoration-break")}}
-- {{CSSxRef("box-shadow","-webkit-box-shadow")}}
-- {{CSSxRef("box-sizing","-webkit-box-sizing")}}
-
-### C
-
-- {{CSSxRef("clip-path","-webkit-clip-path")}}
-- {{CSSxRef("column-count","-webkit-column-count")}}
-- {{CSSxRef("column-fill","-webkit-column-fill")}}
-- {{CSSxRef("column-gap","-webkit-column-gap")}}
-- {{CSSxRef("column-rule","-webkit-column-rule")}}
-- {{CSSxRef("column-rule-color","-webkit-column-rule-color")}}
-- {{CSSxRef("column-rule-style","-webkit-column-rule-style")}}
-- {{CSSxRef("column-rule-width","-webkit-column-rule-width")}}
-- {{CSSxRef("column-span","-webkit-column-span")}}
-- {{CSSxRef("column-width","-webkit-column-width")}}
-- {{CSSxRef("columns","-webkit-columns")}}
-
-### F
-
-- {{CSSxRef("filter","-webkit-filter")}}
-- {{CSSxRef("flex","-webkit-flex")}}
-- {{CSSxRef("flex-basis","-webkit-flex-basis")}}
-- {{CSSxRef("flex-direction","-webkit-flex-direction")}}
-- {{CSSxRef("flex-flow","-webkit-flex-flow")}}
-- {{CSSxRef("flex-grow","-webkit-flex-grow")}}
-- {{CSSxRef("flex-shrink","-webkit-flex-shrink")}}
-- {{CSSxRef("flex-wrap","-webkit-flex-wrap")}}
-- {{CSSxRef("font-feature-settings", "-webkit-font-feature-settings")}}
-- {{CSSxRef("font-kerning", "-webkit-font-kerning")}}
-- {{CSSxRef("font-variant-ligatures", "-webkit-font-variant-ligatures")}}
-
-### G-J
-
-- {{CSSxRef("grid","-webkit-grid")}}
-- {{CSSxRef("grid-area","-webkit-grid-area")}}
-- {{CSSxRef("grid-auto-columns","-webkit-grid-auto-columns")}}
-- {{CSSxRef("grid-auto-flow","-webkit-grid-auto-flow")}}
-- {{CSSxRef("grid-auto-rows","-webkit-grid-auto-rows")}}
-- {{CSSxRef("grid-column","-webkit-grid-column")}}
-- {{CSSxRef("grid-column-end","-webkit-grid-column-end")}}
-- {{CSSxRef("column-gap","-webkit-grid-column-gap")}}
-- {{CSSxRef("grid-column-start","-webkit-grid-column-start")}}
-- {{CSSxRef("gap","-webkit-grid-gap")}}
-- {{CSSxRef("grid-row","-webkit-grid-row")}}
-- {{CSSxRef("grid-row-end","-webkit-grid-row-end")}}
-- {{CSSxRef("row-gap","-webkit-grid-row-gap")}}
-- {{CSSxRef("grid-row-start","-webkit-grid-row-start")}}
-- {{CSSxRef("grid-template","-webkit-grid-template")}}
-- {{CSSxRef("grid-template-areas","-webkit-grid-template-areas")}}
-- {{CSSxRef("grid-template-columns","-webkit-grid-template-columns")}}
-- {{CSSxRef("grid-template-rows","-webkit-grid-template-rows")}}
-
-### H-L
-
-- {{CSSxRef("hyphens","-webkit-hyphens")}}
-- {{CSSxRef("justify-content","-webkit-justify-content")}}
-- {{CSSxRef("justify-items","-webkit-justify-items")}}
-- {{CSSxRef("justify-self","-webkit-justify-self")}}
-- {{CSSxRef("line-break","-webkit-line-break")}}
-
-### M
+## -webkit-prefixed properties without standard equivalents
 
-- {{CSSxRef("mask","-webkit-mask")}}
-- {{CSSxRef("mask-clip","-webkit-mask-clip")}}
-- {{CSSxRef("mask-composite","-webkit-mask-composite")}}
-- {{CSSxRef("mask-image","-webkit-mask-image")}}
-- {{CSSxRef("mask-origin","-webkit-mask-origin")}}
-- {{CSSxRef("mask-position","-webkit-mask-position")}}
-- {{CSSxRef("mask-repeat","-webkit-mask-repeat")}}
-- {{CSSxRef("mask-size","-webkit-mask-size")}}
+> **Note:** Avoid using on websites. These properties will only work in WebKit- or Blink-based browsers except where specified.
 
-### O-R
+### A-C
 
-- {{CSSxRef("opacity","-webkit-opacity")}}
-- {{CSSxRef("order","-webkit-order")}}
-- {{CSSxRef("perspective","-webkit-perspective")}}
-- {{CSSxRef("perspective-origin","-webkit-perspective-origin")}}
-- {{CSSxRef("print-color-adjust", "-webkit-print-color-adjust")}}
-- {{CSSxRef("ruby-position","-webkit-ruby-position")}}
+- {{CSSxRef("-webkit-app-region")}}
+- {{CSSxRef("-webkit-border-horizontal-spacing")}}
+- {{CSSxRef("-webkit-border-vertical-spacing")}}
+- {{CSSxRef("-webkit-box-reflect")}} (supported with `-webkit-` by every browser, for compatibility reasons)
+- {{CSSxRef("-webkit-column-axis")}}
+- {{CSSxRef("-webkit-column-progression")}}
+- {{CSSxRef("-webkit-cursor-visibility")}}
 
-### S
+### D-I
 
-- {{CSSxRef("scroll-snap-type","-webkit-scroll-snap-type")}}
-- {{CSSxRef("shape-image-threshold","-webkit-shape-image-threshold")}}
-- {{CSSxRef("shape-margin","-webkit-shape-margin")}}
-- {{CSSxRef("shape-outside","-webkit-shape-outside")}}
+- {{CSSxRef("font-smooth", "-webkit-font-smoothing")}}
+- {{CSSxRef("-webkit-hyphenate-limit-after")}}
+- {{CSSxRef("-webkit-hyphenate-limit-before")}}
+- {{CSSxRef("-webkit-hyphenate-limit-lines")}}
 
-### T
+### L
 
-- {{CSSxRef("text-combine-upright", "-webkit-text-combine")}}
-- {{CSSxRef("text-decoration", "-epub-text-decoration")}}
-- {{CSSxRef("text-decoration-color", "-webkit-text-color-decoration")}}
-- {{CSSxRef("text-decoration-line", "-webkit-text-decoration-line")}}
-- {{CSSxRef("text-decoration-style", "-webkit-text-decoration-style")}}
-- {{CSSxRef("text-emphasis", "-epub-text-emphasis")}}
-- {{CSSxRef("text-emphasis","-webkit-text-emphasis")}}
-- {{CSSxRef("text-emphasis-color", "-epub-text-emphasis-color")}}
-- {{CSSxRef("text-emphasis-color","-webkit-text-emphasis-color")}}
-- {{CSSxRef("text-emphasis-position","-webkit-text-emphasis-position")}}
-- {{CSSxRef("text-emphasis-style","-epub-text-emphasis-style")}}
-- {{CSSxRef("text-emphasis-style","-webkit-text-emphasis-style")}}
-- {{CSSxRef("text-justify","-webkit-text-justify")}}
-- {{CSSxRef("text-orientation","-webkit-text-orientation")}}
-- {{CSSxRef("text-size-adjust","-webkit-text-size-adjust")}}
-- {{CSSxRef("text-underline-position","-webkit-text-underline-position")}}
-- {{CSSxRef("transform","-webkit-transform")}}
-- {{CSSxRef("transform-origin","-webkit-transform-origin")}}
-- {{CSSxRef("transform-style","-webkit-transform-style")}}
-- {{CSSxRef("transition","-webkit-transition")}}
-- {{CSSxRef("transition-delay","-webkit-transition-delay")}}
-- {{CSSxRef("transition-duration","-webkit-transition-duration")}}
-- {{CSSxRef("transition-property","-webkit-transition-property")}}
-- {{CSSxRef("transition-timing-function","-webkit-transition-timing-function")}}
-
-### U-W
-
-- {{CSSxRef("user-select","-webkit-user-select")}}
-- {{CSSxRef("word-break", "-epub-word-break")}}
-- {{CSSxRef("writing-mode", "-epub-writing-mode")}}
-
-## Supported in non-webkit browsers without a prefix, but not standard
-
-The following properties are supported in at least one browser without a prefix, but are not on the standards track.
-
-- {{CSSxRef("mask-position-x","-webkit-mask-position-x")}}\*
-- {{CSSxRef("mask-position-y","-webkit-mask-position-y")}}\*
-
-\* Supported unprefixed in Firefox, with prefix in Safari.
-
-## Supported in Firefox with `-webkit-` prefix
-
-The following properties are supported with the `-webkit-` prefix in Firefox. Many of these are supported with no prefix as well: see [Formerly proprietary properties that are now standard](#formerly_proprietary_properties_that_are_now_standard) above.
-
-> **Note:** Due to the legacy code in a multitude of websites that used -webkit- prefixed properties, Edge and Firefox redirect many -webkit- prefixed properties to -moz-, -ms-, and unprefixed equivalents.
-
-### A
-
-- {{CSSxRef("align-content", "-webkit-align-content")}}
-- {{CSSxRef("align-items", "-webkit-align-items")}}
-- {{CSSxRef("align-self", "-webkit-align-self")}}
-- {{CSSxRef("animation", "-webkit-animation")}}
-- {{CSSxRef("animation-delay", "-webkit-animation-delay")}}
-- {{CSSxRef("animation-direction", "-webkit-animation-direction")}}
-- {{CSSxRef("animation-duration", "-webkit-animation-duration")}}
-- {{CSSxRef("animation-fill-mode", "-webkit-animation-fill-mode")}}
-- {{CSSxRef("animation-iteration-count", "-webkit-animation-iteration-count")}}
-- {{CSSxRef("animation-name", "-webkit-animation-name")}}
-- {{CSSxRef("animation-play-state", "-webkit-animation-play-state")}}
-- {{CSSxRef("animation-timing-function", "-webkit-animation-timing-function")}}
-- {{CSSxRef("appearance", "-webkit-appearance")}}\*
-
-### B
-
-- {{CSSxRef("backface-visibility", "-webkit-backface-visibility")}}
-- {{CSSxRef("background-clip", "-webkit-background-clip")}}
-- {{CSSxRef("background-origin", "-webkit-background-origin")}}
-- {{CSSxRef("background-size", "-webkit-background-size")}}
-- {{CSSxRef("border-bottom-left-radius", "-webkit-border-bottom-left-radius")}}
-- {{CSSxRef("border-bottom-right-radius", "-webkit-border-bottom-right-radius")}}
-- {{CSSxRef("border-image", "-webkit-border-image")}}
-- {{CSSxRef("border-radius", "-webkit-border-radius")}}
-- {{CSSxRef("box-align", "-webkit-box-align")}}\*\*, \*\*\*
-- {{CSSxRef("box-direction", "-webkit-box-direction")}}\*\*, \*\*\*
-- {{CSSxRef("box-flex", "-webkit-box-flex")}}\*\*, \*\*\*
-- {{CSSxRef("box-orient", "-webkit-box-orient")}}\*\*, \*\*\*
-- {{CSSxRef("box-pack", "-webkit-box-pack")}}\*\*, \*\*\*
-- {{CSSxRef("box-shadow", "-webkit-box-shadow")}}
-- {{CSSxRef("box-sizing", "-webkit-box-sizing")}}
-- {{CSSxRef("border-top-left-radius", "-webkit-border-top-left-radius")}}
-- {{CSSxRef("border-top-right-radius", "-webkit-border-top-right-radius")}}
-
-### F
-
-- {{CSSxRef("filter", "-webkit-filter")}}
-- {{CSSxRef("flex", "-webkit-flex")}}
-- {{CSSxRef("flex-basis", "-webkit-flex-basis")}}
-- {{CSSxRef("flex-direction", "-webkit-flex-direction")}}
-- {{CSSxRef("flex-flow", "-webkit-flex-flow")}}
-- {{CSSxRef("flex-grow", "-webkit-flex-grow")}}
-- {{CSSxRef("flex-shrink", "-webkit-flex-shrink")}}
-- {{CSSxRef("flex-wrap", "-webkit-flex-wrap")}}
-
-### J
-
-- {{CSSxRef("justify-content", "-webkit-justify-content")}}
+- {{CSSxRef("-webkit-line-align")}}
+- {{CSSxRef("-webkit-line-box-contain")}}
+- {{CSSxRef("-webkit-line-clamp")}}
+- {{CSSxRef("-webkit-line-grid")}}
+- {{CSSxRef("-webkit-line-snap")}}
+- {{CSSxRef("-webkit-locale")}}
+- {{CSSxRef("-webkit-logical-height")}}
+- {{CSSxRef("-webkit-logical-width")}}
 
 ### M
 
-- {{CSSxRef("mask", "-webkit-mask")}}
-- {{CSSxRef("mask-clip", "-webkit-mask-clip")}}
-- {{CSSxRef("-webkit-mask-composite", "-webkit-mask-composite")}}\*
-- {{CSSxRef("mask-image", "-webkit-mask-image")}}
-- {{CSSxRef("mask-origin", "-webkit-mask-origin")}}
-- {{CSSxRef("mask-position", "-webkit-mask-position")}}
-- {{CSSxRef("-webkit-mask-position-x", "-webkit-mask-position-x")}}\*\*
-- {{CSSxRef("-webkit-mask-position-y", "-webkit-mask-position-y")}}\*\*
-- {{CSSxRef("mask-repeat", "-webkit-mask-repeat")}}
-- {{CSSxRef("mask-size", "-webkit-mask-size")}}
-
-### O-P
-
-- {{CSSxRef("order", "-webkit-order")}}
-- {{CSSxRef("perspective", "-webkit-perspective")}}
-- {{CSSxRef("perspective-origin", "-webkit-perspective-origin")}}
+- {{CSSxRef("-webkit-margin-after")}}
+- {{CSSxRef("-webkit-margin-before")}}
+- {{CSSxRef("-webkit-mask-attachment")}}
+- {{CSSxRef("-webkit-mask-box-image-outset")}}
+- {{CSSxRef("-webkit-mask-box-image-repeat")}}
+- {{CSSxRef("-webkit-mask-box-image-slice")}}
+- {{CSSxRef("-webkit-mask-box-image-source")}}
+- {{CSSxRef("-webkit-mask-box-image-width")}}
+- {{CSSxRef("-webkit-mask-box-image")}}
+- {{cssxref("-webkit-mask-composite")}}
+- {{CSSxRef("-webkit-mask-position-x")}} (supported with `-webkit-` by every browser, for compatibility reasons)
+- {{CSSxRef("-webkit-mask-position-y")}} (supported with `-webkit-` by every browser, for compatibility reasons)
+- {{CSSxRef("-webkit-mask-repeat-x")}} (also supported without prefix)
+- {{CSSxRef("-webkit-mask-repeat-y")}} (also supported without prefix)
+- {{CSSxRef("-webkit-mask-source-type")}}
+- {{CSSxRef("-webkit-max-logical-height")}}
+- {{CSSxRef("-webkit-max-logical-width")}}
+- {{CSSxRef("-webkit-min-logical-height")}}
+- {{CSSxRef("-webkit-min-logical-width")}}
+
+### N-R
+
+- {{CSSxRef("-webkit-nbsp-mode")}}
+- {{CSSxRef("-webkit-perspective-origin-x")}}
+- {{CSSxRef("-webkit-perspective-origin-y")}}
+- {{CSSxRef("-webkit-rtl-ordering")}}
 
 ### T
 
-- {{CSSxRef("-webkit-text-fill-color", "-webkit-text-fill-color")}}\*\*
-- {{CSSxRef("text-size-adjust", "-webkit-text-size-adjust")}}
-- {{CSSxRef("-webkit-text-stroke", "-webkit-text-stroke")}}\*\*
-- {{CSSxRef("-webkit-text-stroke-color", "-webkit-text-stroke-color")}}\*\*
-- {{CSSxRef("-webkit-text-stroke-width", "-webkit-text-stroke-width")}}\*\*
-- {{CSSxRef("transform", "-webkit-transform")}}
-- {{CSSxRef("transform-origin", "-webkit-transform-origin")}}
-- {{CSSxRef("transition", "-webkit-transition")}}
-- {{CSSxRef("transition-delay", "-webkit-transition-delay")}}
-- {{CSSxRef("transition-duration", "-webkit-transition-duration")}}
-- {{CSSxRef("transition-property", "-webkit-transition-property")}}
-- {{CSSxRef("transition-timing-function", "-webkit-transition-timing-function")}}
-
-### U
-
-- {{CSSxRef("user-select", "-webkit-user-select")}}
-
-\* Supported with `-moz-` and `-webkit-` prefix in Firefox, but not supported without a prefix.
-\*\* These values are supported even though they are not standard and are not on track to becoming standard.
-\*\*\* Use flex-box properties instead.
-
-## Deprecated `-webkit-` properties
-
-The following properties were once supported with the -webkit- prefix but are no longer supported in evergreen browsers, with or without the `-webkit-` prefix.
-
-- `-webkit-alt*`
-- `-webkit-background-composite`
-- `-webkit-border-fit`
-- `-webkit-color-correction`
-- `-webkit-flow-from`
-- `-webkit-flow-into`
-- `-webkit-grid-columns` (See [`grid-column`](/en-US/docs/Web/CSS/grid-column))
-- `-webkit-grid-rows` (See [`grid-row`](/en-US/docs/Web/CSS/grid-row))
-- `-webkit-highlight`
-- `-webkit-hyphenate-charset`
-- `-webkit-image-set` (See {{CSSxRef("image/image-set", "image-set")}})
-- `-webkit-mask-attachment`
-- `-webkit-match-nearest-mail-blockquote-color`
-- `-webkit-margin-collapse`
-- `-webkit-margin-after-collapse`
-- `-webkit-margin-before-collapse`
-- `-webkit-margin-bottom-collapse`
-- `-webkit-margin-top-collapse`
-- {{CSSxRef("-webkit-overflow-scrolling", "-webkit-overflow-scrolling")}}
-- `-webkit-region-break-after`
-- `-webkit-region-break-before`
-- `-webkit-region-break-inside`
-- `-webkit-region-fragment`
-- `-webkit-shape-inside`
-- [`-webkit-touch-callout`](/en-US/docs/Web/CSS/-webkit-touch-callout) (See {{cssxref("touch-action")}})
-- `background-origin-x` (unprefixed!)
-- `background-origin-y` (unprefixed!)
-
-\* Still supported in the Safari Technology Preview, but not in a generally released browser.
+- {{CSSxRef("-webkit-tap-highlight-color")}}
+- {{CSSxRef("-webkit-text-decoration-skip")}}
+- {{CSSxRef("-webkit-text-decorations-in-effect")}}
+- {{CSSxRef("-webkit-text-fill-color")}}
+- {{CSSxRef("-webkit-text-security")}}
+- {{CSSxRef("-webkit-text-stroke-color")}}
+- {{CSSxRef("-webkit-text-stroke-width")}}
+- {{CSSxRef("-webkit-text-stroke")}}
+- {{CSSxRef("-webkit-text-zoom")}}
+- {{cssxref("-webkit-touch-callout")}}
+- {{CSSxRef("-webkit-transform-origin-x")}}
+- {{CSSxRef("-webkit-transform-origin-y")}}
+- {{CSSxRef("-webkit-transform-origin-z")}}
+
+### U-Z
+
+- {{CSSxRef("-webkit-user-drag")}}
+- {{CSSxRef("-webkit-user-modify")}}
+
+## -webkit-prefixed properties with standard equivalents
+
+Several old `-webkit-`prefixed properties have standard equivalents. Even if the name and syntax may be different, they shouldn't be used anymore at all.
+
+For each of them, use the standard equivalent provided.
+
+### A-B
+
+- `-webkit-border-after`
+  - : Use the standard {{CSSxRef("border-block-end")}} property instead.
+- `-webkit-border-after-color`
+  - : Use the standard {{CSSxRef("border-block-end-color")}} property instead.
+- `-webkit-border-after-style`
+  - : Use the standard {{CSSxRef("border-block-end-style")}} property instead.
+- `-webkit-border-after-width`
+  - : Use the standard {{CSSxRef("border-block-end-width")}} property instead.
+- `-webkit-border-before`
+  - : Use the standard {{CSSxRef("border-block-start")}} property instead.
+- `-webkit-border-before-color`
+  - : Use the standard {{CSSxRef("border-block-start-color")}} property instead.
+- `-webkit-border-before-style`
+  - : Use the standard {{CSSxRef("border-block-start-style")}} property instead.
+- `-webkit-border-before-width`
+  - : Use the standard {{CSSxRef("border-block-start-width")}} property instead.
+- `-webkit-border-end`
+  - : Use the standard {{CSSxRef("border-inline-end")}} property instead.
+- `-webkit-border-end-color`
+  - : Use the standard {{CSSxRef("border-inline-end-color")}} property instead.
+- `-webkit-border-end-style`
+  - : Use the standard {{CSSxRef("border-inline-end-style")}} property instead.
+- `-webkit-border-end-width`
+  - : Use the standard {{CSSxRef("border-inline-end-width")}} property instead.
+- `-webkit-border-start`
+  - : Use the standard {{CSSxRef("border-inline-start")}} property instead.
+- `-webkit-border-start-color`
+  - : Use the standard {{CSSxRef("border-inline-start-color")}} property instead.
+- `-webkit-border-start-style`
+  - : Use the standard {{CSSxRef("border-inline-start-style")}} property instead.
+- `-webkit-border-start-width`
+  - : Use the standard {{CSSxRef("border-inline-start-width")}} property instead.
+- `-webkit-box-align`
+  - : Use the [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) with the standard {{CSSxRef("align-items")}} property instead.
+- `-webkit-box-direction`
+  - : Use the [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) with the standard {{CSSxRef("flex-direction")}} property instead.
+- {{CSSxRef("box-flex-group", "-webkit-box-flex-group")}}
+  - : Use the [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) with the standard {{cssxref("flex-basis")}}, {{cssxref("flex-grow")}}, and {{cssxref("flex-shrink")}} properties instead.
+- `-webkit-box-flex`
+  - : Use the [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) with the standard {{CSSxRef("flex-grow")}} property instead.
+- `-webkit-box-lines`
+  - : Use the [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) with the standard {{CSSxRef("flex-flow")}} property instead.
+- `-webkit-box-ordinal-group`
+  - : Use the [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) with the standard {{CSSxRef("order")}} property instead.
+- `-webkit-box-orient`
+  - : Use the [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) with the standard {{CSSxRef("flex-direction")}} property instead.
+- `-webkit-box-pack`
+  - : Use the [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) with the standard {{CSSxRef("justify-content")}} property instead.
+
+### C-I
+
+- `-webkit-column-break-after`
+  - : Use the [CSS multicolumn layout](/en-US/docs/Web/CSS/CSS_multicol_layout) with the standard {{cssxref("break-after")}} property instead.
+- `-webkit-column-break-before`
+  - : Use the [CSS multicolumn layout](/en-US/docs/Web/CSS/CSS_multicol_layout) with the standard {{cssxref("break-before")}} property instead.
+- `-webkit-column-break-inside`
+  - : Use the [CSS multicolumn layout](/en-US/docs/Web/CSS/CSS_multicol_layout) with the standard {{cssxref("break-inside")}} property instead.
+- `-webkit-hyphenate-character`
+  - : Use the standard {{cssxref("hyphenate-character")}} property instead.
+- `-webkit-initial-letter`
+  - : Use the standard {{cssxref("initial-letter")}} property instead.
+
+### J-Z
+
+- `webkit-margin-end`
+  - : Use the standard {{CSSxRef("margin-block-end")}} property instead.
+- `-webkit-margin-start`
+
+  - : Use the standard {{CSSxRef("margin-block-start")}} property instead.
+
+- `-webkit-padding-after`
+  - : Use the standard {{CSSxRef("padding-block-end")}} property instead.
+- `-webkit-padding-before`
+  - : Use the standard {{CSSxRef("padding-block-start")}} property instead.
+- `-webkit-padding-end`
+  - : Use the standard {{CSSxRef("padding-inline-end")}} property instead.
+- `-webkit-padding-start`
+  - : Use the standard {{CSSxRef("padding-inline-start")}} property instead.
 
 ## Pseudo-classes
 

From 027477cb8fe471c15c216c08592b607ea9118e35 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Sat, 23 Dec 2023 01:21:13 +0800
Subject: [PATCH 076/790] docs: encourage contributors to use markdown syntax
 first (#31214)

* docs: encourage contributors to use markdown syntax first

* Update files/en-us/mdn/writing_guidelines/howto/images_media/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 .../writing_guidelines/howto/images_media/index.md    | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/files/en-us/mdn/writing_guidelines/howto/images_media/index.md b/files/en-us/mdn/writing_guidelines/howto/images_media/index.md
index 2081e4105e3330d..5c66840ee8c5335 100644
--- a/files/en-us/mdn/writing_guidelines/howto/images_media/index.md
+++ b/files/en-us/mdn/writing_guidelines/howto/images_media/index.md
@@ -8,7 +8,7 @@ page-type: mdn-writing-guide
 
 ## Adding images
 
-To add an image to a document, add your image file to the document's folder, and then reference the image from within the document's `index.md` file using an `<img>` element or [the equivalent Markdown syntax](https://github.github.com/gfm/#images).
+To add an image to a document, add your image file to the document's folder, and then reference the image from within the document's `index.md` file using [Markdown image syntax](https://github.github.com/gfm/#images) or the equivalent HTML `<img>` element.
 
 Let's walk through an example:
 
@@ -39,9 +39,10 @@ Let's walk through an example:
    yarn filecheck files/en-us/web/css/my-cool-image.png
    ```
 
-4. Reference your image in the document with an `<img>` element and `alt` attribute inside `files/en-us/web/css/index.md`:
+4. Reference your image in the document using the Markdown syntax for images, providing [descriptive text for the `alt` attribute](/en-US/docs/Learn/Accessibility/HTML#text_alternatives) between the brackets that describe the image, or include an {{htmlelement("img")}} element with `alt` attribute inside `files/en-us/web/css/index.md`:
 
-   ```html
+   ```md
+   ![My cool image](my-cool-image.png)
    <img src="my-cool-image.png" alt="My cool image" />
    ```
 
@@ -77,14 +78,14 @@ Don't include "screenshot" or "Bing" as the user doesn't need to know it's a scr
 
 The syntax in markdown and HTML:
 
-```html-nolint
+```md-nolint
 ![<alt-text>](<url-of-image>)
 <img alt="<alt-text>" src="<url-of-image>">
 ```
 
 Examples:
 
-```html
+```md
 ![OpenWebDocs Logo: Carle the book worm](carle.png)
 <img alt="OpenWebDocs Logo: Carle the book worm" src="carle.png" />
 ```

From c118aa4529d93452bec526243b3497c1f3f4860e Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Fri, 22 Dec 2023 17:23:30 +0000
Subject: [PATCH 077/790] added example of hr in select  (#31169)

* added example of hr in select and note about it and link to select from hr page

* Update files/en-us/web/html/element/select/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* changed the order of the content and added a11y concerns section

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 files/en-us/web/html/element/hr/index.md     |  1 +
 files/en-us/web/html/element/select/index.md | 52 ++++++++++++++++++--
 2 files changed, 50 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/html/element/hr/index.md b/files/en-us/web/html/element/hr/index.md
index 9a5710d988de1b4..fdfd738a2d9f236 100644
--- a/files/en-us/web/html/element/hr/index.md
+++ b/files/en-us/web/html/element/hr/index.md
@@ -111,3 +111,4 @@ This element's attributes include the [global attributes](/en-US/docs/Web/HTML/G
 ## See also
 
 - {{HTMLElement('p')}}
+- [`<hr>` in `<select>`](/en-US/docs/Web/HTML/Element/select#hr_in_select)
diff --git a/files/en-us/web/html/element/select/index.md b/files/en-us/web/html/element/select/index.md
index 6982424666b134e..876f82529c88cb1 100644
--- a/files/en-us/web/html/element/select/index.md
+++ b/files/en-us/web/html/element/select/index.md
@@ -17,7 +17,7 @@ Each `<option>` element should have a [`value`](/en-US/docs/Web/HTML/Element/opt
 
 The `<select>` element has some unique attributes you can use to control it, such as `multiple` to specify whether multiple options can be selected, and `size` to specify how many options should be shown at once. It also accepts most of the general form input attributes such as `required`, `disabled`, `autofocus`, etc.
 
-You can further nest `<option>` elements inside {{htmlelement("optgroup")}} elements to create separate groups of options inside the dropdown.
+You can further nest {{HTMLElement("option")}} elements inside {{HTMLElement("optgroup")}} elements to create separate groups of options inside the dropdown. You can also include {{HTMLElement("hr")}} elements to create separators that add visual breaks between options.
 
 For further examples, see [The native form widgets: Drop-down content](/en-US/docs/Learn/Forms/Other_form_controls#drop-down_controls).
 
@@ -153,6 +153,48 @@ The following example creates a very simple dropdown menu, the second option of
 
 {{EmbedLiveSample("Basic_select", "", "100")}}
 
+### Select with grouping options
+
+The following example creates a dropdown menu with grouping using {{HTMLElement("optgroup")}} and {{HTMLElement("hr")}} to make it easier for the user to understand the content in the dropdown.
+
+```html
+<label for="hr-select">Your favorite food</label> <br />
+
+<select name="foods" id="hr-select">
+  <option value="">Choose a food</option>
+  <hr />
+  <optgroup label="Fruit">
+    <option value="apple">Apples</option>
+    <option value="banana">Bananas</option>
+    <option value="cherry">Cherries</option>
+    <option value="damson">Damsons</option>
+  </optgroup>
+  <hr />
+  <optgroup label="Vegetables">
+    <option value="artichoke">Artichokes</option>
+    <option value="broccoli">Broccoli</option>
+    <option value="cabbage">Cabbages</option>
+  </optgroup>
+  <hr />
+  <optgroup label="Meat">
+    <option value="beef">Beef</option>
+    <option value="chicken">Chicken</option>
+    <option value="pork">Pork</option>
+  </optgroup>
+  <hr />
+  <optgroup label="Fish">
+    <option value="cod">Cod</option>
+    <option value="haddock">Haddock</option>
+    <option value="salmon">Salmon</option>
+    <option value="turbot">Turbot</option>
+  </optgroup>
+</select>
+```
+
+#### Result
+
+{{EmbedLiveSample("select_with_grouping_options", "", "100")}}
+
 ### Advanced select with multiple features
 
 The follow example is more complex, showing off more features you can use on a `<select>` element:
@@ -539,6 +581,10 @@ document.forms[0].onsubmit = (e) => {
 
 {{EmbedGHLiveSample("html-examples/custom-select", '100%', 300)}}
 
+## Accessibility concerns
+
+The `<hr>` should be considered purely decorative, as they are currently not exposed within the accessibility tree and therefore not exposed to assistive technologies.
+
 ## Technical summary
 
 <table class="properties">
@@ -580,8 +626,8 @@ document.forms[0].onsubmit = (e) => {
     <tr>
       <th scope="row">Permitted content</th>
       <td>
-        Zero or more {{HTMLElement("option")}} or
-        {{HTMLElement("optgroup")}} elements.
+        Zero or more {{HTMLElement("option")}},
+        {{HTMLElement("optgroup")}} or {{HTMLElement("hr")}} elements.
       </td>
     </tr>
     <tr>

From 0f0f45a2bb68d3776296117349f70a324d2ae270 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Fri, 22 Dec 2023 09:31:55 -0800
Subject: [PATCH 078/790] pedantic fix (#31226)

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

diff --git a/files/en-us/web/html/element/select/index.md b/files/en-us/web/html/element/select/index.md
index 876f82529c88cb1..c94fae9cf8faa68 100644
--- a/files/en-us/web/html/element/select/index.md
+++ b/files/en-us/web/html/element/select/index.md
@@ -583,7 +583,7 @@ document.forms[0].onsubmit = (e) => {
 
 ## Accessibility concerns
 
-The `<hr>` should be considered purely decorative, as they are currently not exposed within the accessibility tree and therefore not exposed to assistive technologies.
+The `<hr>` within a `<select>` should be considered purely decorative, as they are currently not exposed within the accessibility tree and therefore not exposed to assistive technologies.
 
 ## Technical summary
 

From 15495ec2cf79a6677a523629925ee269343d4bf0 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Fri, 22 Dec 2023 10:54:15 -0800
Subject: [PATCH 079/790] Roles sidebar: links should not be code (#31211)

* Roles sidebar: not code

* remove ol

* Update index.md

* Update index.md
---
 .../web/accessibility/aria/roles/alert_role/index.md     | 2 +-
 .../accessibility/aria/roles/alertdialog_role/index.md   | 2 +-
 .../accessibility/aria/roles/application_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/article_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/banner_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/button_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/cell_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/checkbox_role/index.md  | 2 +-
 .../accessibility/aria/roles/columnheader_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/combobox_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/command_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/comment_role/index.md   | 2 +-
 .../accessibility/aria/roles/complementary_role/index.md | 2 +-
 .../web/accessibility/aria/roles/composite_role/index.md | 2 +-
 .../accessibility/aria/roles/contentinfo_role/index.md   | 2 +-
 .../accessibility/aria/roles/definition_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/dialog_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/directory_role/index.md | 2 +-
 .../web/accessibility/aria/roles/document_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/feed_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/figure_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/form_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/generic_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/grid_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/gridcell_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/group_role/index.md     | 2 +-
 .../web/accessibility/aria/roles/heading_role/index.md   | 2 +-
 .../en-us/web/accessibility/aria/roles/img_role/index.md | 2 +-
 files/en-us/web/accessibility/aria/roles/index.md        | 2 +-
 .../web/accessibility/aria/roles/input_role/index.md     | 2 +-
 .../web/accessibility/aria/roles/landmark_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/link_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/list_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/listbox_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/listitem_role/index.md  | 2 +-
 .../en-us/web/accessibility/aria/roles/log_role/index.md | 2 +-
 .../web/accessibility/aria/roles/main_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/mark_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/marquee_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/math_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/menu_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/menubar_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/menuitem_role/index.md  | 2 +-
 .../aria/roles/menuitemcheckbox_role/index.md            | 2 +-
 .../accessibility/aria/roles/menuitemradio_role/index.md | 2 +-
 .../web/accessibility/aria/roles/meter_role/index.md     | 9 +++++----
 .../accessibility/aria/roles/navigation_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/none_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/note_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/option_role/index.md    | 8 +++++---
 .../accessibility/aria/roles/presentation_role/index.md  | 2 +-
 .../accessibility/aria/roles/progressbar_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/radio_role/index.md     | 2 +-
 .../accessibility/aria/roles/radiogroup_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/range_role/index.md     | 2 +-
 .../web/accessibility/aria/roles/region_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/roletype_role/index.md  | 2 +-
 .../en-us/web/accessibility/aria/roles/row_role/index.md | 2 +-
 .../web/accessibility/aria/roles/rowgroup_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/rowheader_role/index.md | 2 +-
 .../web/accessibility/aria/roles/scrollbar_role/index.md | 2 +-
 .../web/accessibility/aria/roles/search_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/searchbox_role/index.md | 2 +-
 .../web/accessibility/aria/roles/section_role/index.md   | 2 +-
 .../accessibility/aria/roles/sectionhead_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/select_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/separator_role/index.md | 2 +-
 .../web/accessibility/aria/roles/slider_role/index.md    | 2 +-
 .../accessibility/aria/roles/spinbutton_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/status_role/index.md    | 2 +-
 .../accessibility/aria/roles/structural_roles/index.md   | 2 +-
 .../web/accessibility/aria/roles/structure_role/index.md | 2 +-
 .../accessibility/aria/roles/suggestion_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/switch_role/index.md    | 2 +-
 .../en-us/web/accessibility/aria/roles/tab_role/index.md | 2 +-
 .../web/accessibility/aria/roles/table_role/index.md     | 2 +-
 .../web/accessibility/aria/roles/tablist_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/tabpanel_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/term_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/textbox_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/timer_role/index.md     | 2 +-
 .../web/accessibility/aria/roles/toolbar_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/tooltip_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/tree_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/treegrid_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/treeitem_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/widget_role/index.md    | 2 +-
 .../web/accessibility/aria/roles/window_role/index.md    | 2 +-
 88 files changed, 96 insertions(+), 93 deletions(-)

diff --git a/files/en-us/web/accessibility/aria/roles/alert_role/index.md b/files/en-us/web/accessibility/aria/roles/alert_role/index.md
index 28684611006a152..373cf1007be7162 100644
--- a/files/en-us/web/accessibility/aria/roles/alert_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/alert_role/index.md
@@ -127,6 +127,6 @@ document.getElementById("hiddenAlertContainer").innerHTML =
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md b/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md
index 423b3f31135ce18..0c9804a541d625c 100644
--- a/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md
@@ -108,6 +108,6 @@ The code snippet above shows how to mark up an alert dialog that only provides a
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/application_role/index.md b/files/en-us/web/accessibility/aria/roles/application_role/index.md
index 4ccd7f3221c9fd3..f25e8a861e70740 100644
--- a/files/en-us/web/accessibility/aria/roles/application_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/application_role/index.md
@@ -100,6 +100,6 @@ Applying the `application` role will cause this and all of the descendant elemen
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/article_role/index.md b/files/en-us/web/accessibility/aria/roles/article_role/index.md
index 2280390b6d27de8..7a73d50d8ea018b 100644
--- a/files/en-us/web/accessibility/aria/roles/article_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/article_role/index.md
@@ -92,6 +92,6 @@ This role corresponds to the {{HTMLElement('article')}} element in HTML, and tha
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/banner_role/index.md b/files/en-us/web/accessibility/aria/roles/banner_role/index.md
index 2e84d44304e353d..c8fb21d36be52ef 100644
--- a/files/en-us/web/accessibility/aria/roles/banner_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/banner_role/index.md
@@ -76,6 +76,6 @@ While it is best to use the `header` element and ensure it is not a descendant o
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/button_role/index.md b/files/en-us/web/accessibility/aria/roles/button_role/index.md
index f3fcb9788e368d1..9c7f9fb1c7da5d2 100644
--- a/files/en-us/web/accessibility/aria/roles/button_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/button_role/index.md
@@ -298,6 +298,6 @@ If a link performs the action of a button, giving the element `role="button"` he
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/cell_role/index.md b/files/en-us/web/accessibility/aria/roles/cell_role/index.md
index 42d0bd1e60515e7..cd3c9cd10000098 100644
--- a/files/en-us/web/accessibility/aria/roles/cell_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/cell_role/index.md
@@ -187,6 +187,6 @@ When applied to a {{HTMLElement('td')}}, it returns cell semantics to the elemen
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/checkbox_role/index.md b/files/en-us/web/accessibility/aria/roles/checkbox_role/index.md
index d0bd17612a6d2a9..dec501020d43ce9 100644
--- a/files/en-us/web/accessibility/aria/roles/checkbox_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/checkbox_role/index.md
@@ -184,6 +184,6 @@ The first rule of ARIA is: if a native HTML element or attribute has the semanti
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/columnheader_role/index.md b/files/en-us/web/accessibility/aria/roles/columnheader_role/index.md
index d4d5d17915d95f5..7cad6056ceb0ea4 100644
--- a/files/en-us/web/accessibility/aria/roles/columnheader_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/columnheader_role/index.md
@@ -86,6 +86,6 @@ Columnheader has the same semantics `<th scope="col">`.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/combobox_role/index.md b/files/en-us/web/accessibility/aria/roles/combobox_role/index.md
index 54b07abdcb64bcd..fe060285a37563a 100644
--- a/files/en-us/web/accessibility/aria/roles/combobox_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/combobox_role/index.md
@@ -116,6 +116,6 @@ Every `combobox` must have an accessible name. If using an {{HTMLElement('input'
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/command_role/index.md b/files/en-us/web/accessibility/aria/roles/command_role/index.md
index 43ebdd65077e0f8..9a3bae08b1152a7 100644
--- a/files/en-us/web/accessibility/aria/roles/command_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/command_role/index.md
@@ -32,6 +32,6 @@ Do not use.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/comment_role/index.md b/files/en-us/web/accessibility/aria/roles/comment_role/index.md
index 3cbceef0ea50c21..f7e96b0366c177c 100644
--- a/files/en-us/web/accessibility/aria/roles/comment_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/comment_role/index.md
@@ -93,6 +93,6 @@ Will be part of WAI-ARIA 1.3, which is still being drafted.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/complementary_role/index.md b/files/en-us/web/accessibility/aria/roles/complementary_role/index.md
index e1e2efc0bd57092..517da1969e62fb6 100644
--- a/files/en-us/web/accessibility/aria/roles/complementary_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/complementary_role/index.md
@@ -99,6 +99,6 @@ Certain technologies such as browser extensions can generate lists of all landma
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/composite_role/index.md b/files/en-us/web/accessibility/aria/roles/composite_role/index.md
index 121c90f7a821b4f..9edb81a47b2bea2 100644
--- a/files/en-us/web/accessibility/aria/roles/composite_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/composite_role/index.md
@@ -33,6 +33,6 @@ Do not use.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/contentinfo_role/index.md b/files/en-us/web/accessibility/aria/roles/contentinfo_role/index.md
index 1ffc6c35f7c9ff1..582a16fdab2f38c 100644
--- a/files/en-us/web/accessibility/aria/roles/contentinfo_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/contentinfo_role/index.md
@@ -133,6 +133,6 @@ Certain technologies such as browser extensions can generate lists of all landma
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/definition_role/index.md b/files/en-us/web/accessibility/aria/roles/definition_role/index.md
index 6654405360b5c20..8526b66308ea7de 100644
--- a/files/en-us/web/accessibility/aria/roles/definition_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/definition_role/index.md
@@ -48,6 +48,6 @@ The `definition` ARIA role can be included on an element that is a definition of
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/dialog_role/index.md b/files/en-us/web/accessibility/aria/roles/dialog_role/index.md
index 4748ec149f7e371..98280941316412e 100644
--- a/files/en-us/web/accessibility/aria/roles/dialog_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/dialog_role/index.md
@@ -143,6 +143,6 @@ Coming soon
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/directory_role/index.md b/files/en-us/web/accessibility/aria/roles/directory_role/index.md
index ee9e4a9fb8b7d12..6f78d289b37ffc0 100644
--- a/files/en-us/web/accessibility/aria/roles/directory_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/directory_role/index.md
@@ -32,6 +32,6 @@ Use the [`list`](/en-US/docs/Web/Accessibility/ARIA/Roles/list_role) role instea
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/document_role/index.md b/files/en-us/web/accessibility/aria/roles/document_role/index.md
index dd05fcc85e0a6ca..9b19326ebfb937d 100644
--- a/files/en-us/web/accessibility/aria/roles/document_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/document_role/index.md
@@ -76,6 +76,6 @@ The document role is an easy way to indirectly control assistive technology beha
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/feed_role/index.md b/files/en-us/web/accessibility/aria/roles/feed_role/index.md
index ca120d9d8efe066..90f6e323dca5e87 100644
--- a/files/en-us/web/accessibility/aria/roles/feed_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/feed_role/index.md
@@ -91,6 +91,6 @@ To ensure good user experience, avoid inserting or removing articles in the midd
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/figure_role/index.md b/files/en-us/web/accessibility/aria/roles/figure_role/index.md
index 7e87b87a1e55831..d30a4657a57e030 100644
--- a/files/en-us/web/accessibility/aria/roles/figure_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/figure_role/index.md
@@ -117,6 +117,6 @@ If at all possible, you should use the appropriate semantic HTML elements to mar
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/form_role/index.md b/files/en-us/web/accessibility/aria/roles/form_role/index.md
index 0ddfe63f9485e6e..47771cdc548038b 100644
--- a/files/en-us/web/accessibility/aria/roles/form_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/form_role/index.md
@@ -130,6 +130,6 @@ Using the {{HTMLElement('form')}} element will automatically communicate a secti
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/generic_role/index.md b/files/en-us/web/accessibility/aria/roles/generic_role/index.md
index 3d39ebd0421b80c..1b739e52fb0f5f0 100644
--- a/files/en-us/web/accessibility/aria/roles/generic_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/generic_role/index.md
@@ -43,6 +43,6 @@ This role is for use by user agents and not by developers. As such, no appropria
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/grid_role/index.md b/files/en-us/web/accessibility/aria/roles/grid_role/index.md
index af9941d538d13b1..db8a6944cbf284d 100644
--- a/files/en-us/web/accessibility/aria/roles/grid_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/grid_role/index.md
@@ -387,6 +387,6 @@ Even if the keyboard use is properly implemented, some users might not be aware
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/gridcell_role/index.md b/files/en-us/web/accessibility/aria/roles/gridcell_role/index.md
index f85ea593ce581d7..438f912f7d36006 100644
--- a/files/en-us/web/accessibility/aria/roles/gridcell_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/gridcell_role/index.md
@@ -169,6 +169,6 @@ The first rule of ARIA is: if a native HTML element or attribute has the semanti
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/group_role/index.md b/files/en-us/web/accessibility/aria/roles/group_role/index.md
index 82e5f8134f83510..f99d5fd72fcf81c 100644
--- a/files/en-us/web/accessibility/aria/roles/group_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/group_role/index.md
@@ -101,6 +101,6 @@ This menu could be constructed using {{HTMLElement('select')}} and {{HTMLElement
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/heading_role/index.md b/files/en-us/web/accessibility/aria/roles/heading_role/index.md
index a228debb85ffefa..c81fdfb2ac12eec 100644
--- a/files/en-us/web/accessibility/aria/roles/heading_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/heading_role/index.md
@@ -114,6 +114,6 @@ The heading role overrides the native semantic meaning of the element it is bein
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/img_role/index.md b/files/en-us/web/accessibility/aria/roles/img_role/index.md
index c7ace6b0ebe5747..3d6c535ce2b8409 100644
--- a/files/en-us/web/accessibility/aria/roles/img_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/img_role/index.md
@@ -137,6 +137,6 @@ From the assistive technology user's perspective, the heading does not exist sin
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/index.md b/files/en-us/web/accessibility/aria/roles/index.md
index 9cd0ecd6f1b6282..c2b0f14e24eb954 100644
--- a/files/en-us/web/accessibility/aria/roles/index.md
+++ b/files/en-us/web/accessibility/aria/roles/index.md
@@ -153,6 +153,6 @@ The following are the reference pages covering the WAI-ARIA roles discussed on <
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/input_role/index.md b/files/en-us/web/accessibility/aria/roles/input_role/index.md
index 9a54c085c3b79eb..c0a57e0bb572eb6 100644
--- a/files/en-us/web/accessibility/aria/roles/input_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/input_role/index.md
@@ -37,6 +37,6 @@ Do not use.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/landmark_role/index.md b/files/en-us/web/accessibility/aria/roles/landmark_role/index.md
index 4c7e125cdab17d1..42e421d7cd15b0f 100644
--- a/files/en-us/web/accessibility/aria/roles/landmark_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/landmark_role/index.md
@@ -46,6 +46,6 @@ Landmarks ensure content is in navigable regions. Use {{HTMLElement('main')}} fo
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/link_role/index.md b/files/en-us/web/accessibility/aria/roles/link_role/index.md
index 6394f8fae466933..2ec6aee5cf20208 100644
--- a/files/en-us/web/accessibility/aria/roles/link_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/link_role/index.md
@@ -101,6 +101,6 @@ Using the {{HTMLElement('a')}} instead.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/list_role/index.md b/files/en-us/web/accessibility/aria/roles/list_role/index.md
index b03eadaac1dde11..43bf47069e97b25 100644
--- a/files/en-us/web/accessibility/aria/roles/list_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/list_role/index.md
@@ -79,6 +79,6 @@ As an aside, note that if you are using the semantic HTML elements of `<ol>` or
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/listbox_role/index.md b/files/en-us/web/accessibility/aria/roles/listbox_role/index.md
index 0fa79974c9ef6ec..aabffdd9825ece1 100644
--- a/files/en-us/web/accessibility/aria/roles/listbox_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/listbox_role/index.md
@@ -231,6 +231,6 @@ This could have more easily been handled with the native HTML {{HTMLElement('sel
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/listitem_role/index.md b/files/en-us/web/accessibility/aria/roles/listitem_role/index.md
index c726253ed94f36b..6e418510488d03d 100644
--- a/files/en-us/web/accessibility/aria/roles/listitem_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/listitem_role/index.md
@@ -79,6 +79,6 @@ or use an ordered list if the order of the list items matters:
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/log_role/index.md b/files/en-us/web/accessibility/aria/roles/log_role/index.md
index 4fce9927c42ece3..b18c0f2e26d716d 100644
--- a/files/en-us/web/accessibility/aria/roles/log_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/log_role/index.md
@@ -49,6 +49,6 @@ With an area that has scrolling text, such as a stock ticker, the [`marquee`](/e
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/main_role/index.md b/files/en-us/web/accessibility/aria/roles/main_role/index.md
index e2202fa4900c03c..57fc3c79ce1529d 100644
--- a/files/en-us/web/accessibility/aria/roles/main_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/main_role/index.md
@@ -131,6 +131,6 @@ Which is the equivalent of:
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/mark_role/index.md b/files/en-us/web/accessibility/aria/roles/mark_role/index.md
index 6b8dd0b870401b1..3da94c085cc2be1 100644
--- a/files/en-us/web/accessibility/aria/roles/mark_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/mark_role/index.md
@@ -57,6 +57,6 @@ Will be part of [WAI-ARIA 1.3](https://w3c.github.io/aria/#mark), which is still
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/marquee_role/index.md b/files/en-us/web/accessibility/aria/roles/marquee_role/index.md
index d84dd6af93c958f..da58e55f687b905 100644
--- a/files/en-us/web/accessibility/aria/roles/marquee_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/marquee_role/index.md
@@ -41,6 +41,6 @@ The marquee is required to have an accessible name. Use [`aria-labelledby`](/en-
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/math_role/index.md b/files/en-us/web/accessibility/aria/roles/math_role/index.md
index cbab9dd200a0ea1..115ee5991b02979 100644
--- a/files/en-us/web/accessibility/aria/roles/math_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/math_role/index.md
@@ -51,6 +51,6 @@ Had an image been used, the `alt` attribute would be used along with the `math`
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/menu_role/index.md b/files/en-us/web/accessibility/aria/roles/menu_role/index.md
index 97a3c200420fc5e..81f31416fe28144 100644
--- a/files/en-us/web/accessibility/aria/roles/menu_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/menu_role/index.md
@@ -197,6 +197,6 @@ The navigation example has a static button. The submenu example has a button tha
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/menubar_role/index.md b/files/en-us/web/accessibility/aria/roles/menubar_role/index.md
index 64c40df1441c4fb..ad8d719aa256bcf 100644
--- a/files/en-us/web/accessibility/aria/roles/menubar_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/menubar_role/index.md
@@ -95,6 +95,6 @@ Note: The above interactions assumed the `menubar` is horizontal. If the `menuba
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/menuitem_role/index.md b/files/en-us/web/accessibility/aria/roles/menuitem_role/index.md
index f8ecf47d0ab87d1..fbdb41199b4ad7d 100644
--- a/files/en-us/web/accessibility/aria/roles/menuitem_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/menuitem_role/index.md
@@ -118,6 +118,6 @@ When items in a `menubar` are arranged vertically and items in menu containers a
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/menuitemcheckbox_role/index.md b/files/en-us/web/accessibility/aria/roles/menuitemcheckbox_role/index.md
index 188db69e68f4f65..a4272021771db9d 100644
--- a/files/en-us/web/accessibility/aria/roles/menuitemcheckbox_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/menuitemcheckbox_role/index.md
@@ -141,6 +141,6 @@ The first rule of ARIA is: if a native HTML element or attribute has the semanti
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/menuitemradio_role/index.md b/files/en-us/web/accessibility/aria/roles/menuitemradio_role/index.md
index 67600788f3c2183..206eef95c40127f 100644
--- a/files/en-us/web/accessibility/aria/roles/menuitemradio_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/menuitemradio_role/index.md
@@ -151,6 +151,6 @@ The first rule of ARIA is: if a native HTML element or attribute has the semanti
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/meter_role/index.md b/files/en-us/web/accessibility/aria/roles/meter_role/index.md
index 41013cc878ecad3..811f11bfc9a6b48 100644
--- a/files/en-us/web/accessibility/aria/roles/meter_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/meter_role/index.md
@@ -82,8 +82,9 @@ In the above scenario, when the `aria-valuenow` value updates, the width of the
 - {{HTMLElement('progress')}}
 
 <section id="Quick_links">
-  <ol>
-    <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles"><strong>WAI-ARIA
-          roles</strong></a>{{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}</li>
-  </ol>
+
+1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
+
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
+
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/navigation_role/index.md b/files/en-us/web/accessibility/aria/roles/navigation_role/index.md
index 38cf4165fee77f8..96a4c4aa689852b 100644
--- a/files/en-us/web/accessibility/aria/roles/navigation_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/navigation_role/index.md
@@ -121,6 +121,6 @@ Screen readers will announce the type of role the landmark is. Because of this,
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/none_role/index.md b/files/en-us/web/accessibility/aria/roles/none_role/index.md
index 6dea44824ad2e7e..23a77484c645129 100644
--- a/files/en-us/web/accessibility/aria/roles/none_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/none_role/index.md
@@ -12,6 +12,6 @@ See the [`presentation`](/en-US/docs/Web/Accessibility/ARIA/Roles/presentation_r
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/note_role/index.md b/files/en-us/web/accessibility/aria/roles/note_role/index.md
index 431662eed556796..5ebb76493bdb8d7 100644
--- a/files/en-us/web/accessibility/aria/roles/note_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/note_role/index.md
@@ -50,6 +50,6 @@ In the above Wikipedia style entry for Madam C.J. Walker, the `hilitebox` with r
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/option_role/index.md b/files/en-us/web/accessibility/aria/roles/option_role/index.md
index 3fefff1fb8bb395..7cd2c36f8d66ccc 100644
--- a/files/en-us/web/accessibility/aria/roles/option_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/option_role/index.md
@@ -107,7 +107,9 @@ From the assistive technology user's perspective, the heading does not exist sin
 - [ARIA: `listbox` role](/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role)
 
 <section id="Quick_links">
-  <ol>
-    <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles"><strong>WAI-ARIA roles</strong></a>{{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
-  </ol>
+
+1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
+
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
+
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/presentation_role/index.md b/files/en-us/web/accessibility/aria/roles/presentation_role/index.md
index 202a0b7e055bee1..de30d8bcc8a90d9 100644
--- a/files/en-us/web/accessibility/aria/roles/presentation_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/presentation_role/index.md
@@ -61,6 +61,6 @@ None. If a global ARIA state and property is set, `presentation` or `none` will
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/progressbar_role/index.md b/files/en-us/web/accessibility/aria/roles/progressbar_role/index.md
index f9279b8bc7ddd5c..84bbba71fdc0387 100644
--- a/files/en-us/web/accessibility/aria/roles/progressbar_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/progressbar_role/index.md
@@ -108,6 +108,6 @@ It is recommended to use a native {{HTMLElement("progress")}} or [`<input type="
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/radio_role/index.md b/files/en-us/web/accessibility/aria/roles/radio_role/index.md
index e2594c73f521c22..ed76ae62a3f1851 100644
--- a/files/en-us/web/accessibility/aria/roles/radio_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/radio_role/index.md
@@ -304,6 +304,6 @@ The first rule of ARIA is: if a native HTML element or attribute has the semanti
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/radiogroup_role/index.md b/files/en-us/web/accessibility/aria/roles/radiogroup_role/index.md
index 5184f2f499c7d43..bc672eb4339ee62 100644
--- a/files/en-us/web/accessibility/aria/roles/radiogroup_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/radiogroup_role/index.md
@@ -155,6 +155,6 @@ In this {{HTMLElement('fieldset')}} example, while `role="radiogroup"` is not ne
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/range_role/index.md b/files/en-us/web/accessibility/aria/roles/range_role/index.md
index a96fa1617ccd344..3f1d4892dac7a02 100644
--- a/files/en-us/web/accessibility/aria/roles/range_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/range_role/index.md
@@ -37,6 +37,6 @@ Do not use.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/region_role/index.md b/files/en-us/web/accessibility/aria/roles/region_role/index.md
index 88b9d24b8894fcf..fb6ce3b14a3db12 100644
--- a/files/en-us/web/accessibility/aria/roles/region_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/region_role/index.md
@@ -103,6 +103,6 @@ If there is a content area with `tabindex="0"`, add `role="region"` to convey to
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/roletype_role/index.md b/files/en-us/web/accessibility/aria/roles/roletype_role/index.md
index bed09e5cb97e6f9..7f7187f64ecc34a 100644
--- a/files/en-us/web/accessibility/aria/roles/roletype_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/roletype_role/index.md
@@ -33,6 +33,6 @@ Do not use.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/row_role/index.md b/files/en-us/web/accessibility/aria/roles/row_role/index.md
index 11c014f949e698c..e910326aad98f89 100644
--- a/files/en-us/web/accessibility/aria/roles/row_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/row_role/index.md
@@ -225,6 +225,6 @@ none
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/rowgroup_role/index.md b/files/en-us/web/accessibility/aria/roles/rowgroup_role/index.md
index 493d276f0596c62..5fcd31cbace0344 100644
--- a/files/en-us/web/accessibility/aria/roles/rowgroup_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/rowgroup_role/index.md
@@ -159,6 +159,6 @@ none
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/rowheader_role/index.md b/files/en-us/web/accessibility/aria/roles/rowheader_role/index.md
index 2e283ae035047fd..116a0b31fe5a39a 100644
--- a/files/en-us/web/accessibility/aria/roles/rowheader_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/rowheader_role/index.md
@@ -154,6 +154,6 @@ none
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md b/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md
index c02219c4f333754..e2e700bd925967b 100644
--- a/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md
@@ -171,6 +171,6 @@ The above CSS means a native scroll bar will appear when the user interacts with
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/search_role/index.md b/files/en-us/web/accessibility/aria/roles/search_role/index.md
index b8efde1644fd308..a7561483d2fdd7d 100644
--- a/files/en-us/web/accessibility/aria/roles/search_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/search_role/index.md
@@ -99,6 +99,6 @@ Screen readers will announce the type of role the landmark is. Because of this,
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/searchbox_role/index.md b/files/en-us/web/accessibility/aria/roles/searchbox_role/index.md
index c309cc5630b3bb7..fc5301a0017bff3 100644
--- a/files/en-us/web/accessibility/aria/roles/searchbox_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/searchbox_role/index.md
@@ -71,6 +71,6 @@ Including `role="searchbox"` when the form is a `search` and the label indicates
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/section_role/index.md b/files/en-us/web/accessibility/aria/roles/section_role/index.md
index 6e0ca20eba80650..672857a4b479150 100644
--- a/files/en-us/web/accessibility/aria/roles/section_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/section_role/index.md
@@ -64,6 +64,6 @@ Do not use.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/sectionhead_role/index.md b/files/en-us/web/accessibility/aria/roles/sectionhead_role/index.md
index 6296343e702800a..edc7975c82e245f 100644
--- a/files/en-us/web/accessibility/aria/roles/sectionhead_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/sectionhead_role/index.md
@@ -33,6 +33,6 @@ Do not use.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/select_role/index.md b/files/en-us/web/accessibility/aria/roles/select_role/index.md
index 45b35a2ba0f7f3f..d1e441497b1e372 100644
--- a/files/en-us/web/accessibility/aria/roles/select_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/select_role/index.md
@@ -34,6 +34,6 @@ Do not use.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/separator_role/index.md b/files/en-us/web/accessibility/aria/roles/separator_role/index.md
index 8642d624ae104c5..b763b91e19fabf6 100644
--- a/files/en-us/web/accessibility/aria/roles/separator_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/separator_role/index.md
@@ -129,6 +129,6 @@ From the assistive technology user's perspective, the heading does not exist sin
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/slider_role/index.md b/files/en-us/web/accessibility/aria/roles/slider_role/index.md
index 8c8c642e28dcc59..6c32e425241439c 100644
--- a/files/en-us/web/accessibility/aria/roles/slider_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/slider_role/index.md
@@ -214,6 +214,6 @@ It is recommended to use a native {{HTMLElement("input")}} of type `range`, [`<i
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/spinbutton_role/index.md b/files/en-us/web/accessibility/aria/roles/spinbutton_role/index.md
index 01292e8c8934fb6..441ba67ef4fc671 100644
--- a/files/en-us/web/accessibility/aria/roles/spinbutton_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/spinbutton_role/index.md
@@ -164,6 +164,6 @@ It is recommended to use the native {{HTMLElement("input")}} element of type `nu
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/status_role/index.md b/files/en-us/web/accessibility/aria/roles/status_role/index.md
index 29d58bff759646a..7a4a7c6edafef4f 100644
--- a/files/en-us/web/accessibility/aria/roles/status_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/status_role/index.md
@@ -45,6 +45,6 @@ Elements with the role status have an implicit [`aria-live`](/en-US/docs/Web/Acc
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/structural_roles/index.md b/files/en-us/web/accessibility/aria/roles/structural_roles/index.md
index b12bd0c9aff7ce0..1891e16693f37d0 100644
--- a/files/en-us/web/accessibility/aria/roles/structural_roles/index.md
+++ b/files/en-us/web/accessibility/aria/roles/structural_roles/index.md
@@ -61,6 +61,6 @@ Do not use structural roles. Opt for HTML semantic elements instead.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/structure_role/index.md b/files/en-us/web/accessibility/aria/roles/structure_role/index.md
index 0a489a792214661..88513c7f377bab3 100644
--- a/files/en-us/web/accessibility/aria/roles/structure_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/structure_role/index.md
@@ -45,6 +45,6 @@ Do not use `role="structure"`. Do use HTML and subclass structure roles.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/suggestion_role/index.md b/files/en-us/web/accessibility/aria/roles/suggestion_role/index.md
index 806ba169424d325..c183ac6de482223 100644
--- a/files/en-us/web/accessibility/aria/roles/suggestion_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/suggestion_role/index.md
@@ -57,6 +57,6 @@ Will be part of WAI-ARIA 1.3, which is still being drafted.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/switch_role/index.md b/files/en-us/web/accessibility/aria/roles/switch_role/index.md
index dca7baf9970a4e2..e5dcd1e47325c27 100644
--- a/files/en-us/web/accessibility/aria/roles/switch_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/switch_role/index.md
@@ -193,6 +193,6 @@ The result looks like this:
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/tab_role/index.md b/files/en-us/web/accessibility/aria/roles/tab_role/index.md
index 8d5f750811e4fe2..9b0460769e41196 100644
--- a/files/en-us/web/accessibility/aria/roles/tab_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/tab_role/index.md
@@ -244,6 +244,6 @@ What are the related properties, and in what order will this attribute or proper
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/table_role/index.md b/files/en-us/web/accessibility/aria/roles/table_role/index.md
index a5a4b34b02e603c..ad12a9dce2230f0 100644
--- a/files/en-us/web/accessibility/aria/roles/table_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/table_role/index.md
@@ -148,6 +148,6 @@ none
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/tablist_role/index.md b/files/en-us/web/accessibility/aria/roles/tablist_role/index.md
index 8a87bba4611e424..5032c8d8f1a0ca6 100644
--- a/files/en-us/web/accessibility/aria/roles/tablist_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/tablist_role/index.md
@@ -103,6 +103,6 @@ See the [`tabpanel`, `tab`, and `tablist` example](/en-US/docs/Web/Accessibility
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/tabpanel_role/index.md b/files/en-us/web/accessibility/aria/roles/tabpanel_role/index.md
index 45887f50d06016e..4995dc614f45206 100644
--- a/files/en-us/web/accessibility/aria/roles/tabpanel_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/tabpanel_role/index.md
@@ -73,6 +73,6 @@ See the [`tabpanel`, `tab`, and `tablist` example](/en-US/docs/Web/Accessibility
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/term_role/index.md b/files/en-us/web/accessibility/aria/roles/term_role/index.md
index 0a4a4d8ddf51d30..a82a4929e1fa901 100644
--- a/files/en-us/web/accessibility/aria/roles/term_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/term_role/index.md
@@ -91,6 +91,6 @@ Allow the term itself to define the accessible name. Do not use `aria-label` or
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/textbox_role/index.md b/files/en-us/web/accessibility/aria/roles/textbox_role/index.md
index cb87bb7b50e16df..fc6b4ff006fb13a 100644
--- a/files/en-us/web/accessibility/aria/roles/textbox_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/textbox_role/index.md
@@ -143,6 +143,6 @@ The snippet below shows how the textbox role is added directly into the HTML sou
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/timer_role/index.md b/files/en-us/web/accessibility/aria/roles/timer_role/index.md
index c3d2cf6306d96ce..7087c5bf43eed9f 100644
--- a/files/en-us/web/accessibility/aria/roles/timer_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/timer_role/index.md
@@ -50,6 +50,6 @@ If a time limit needs to be in place, for example, for security reasons, the use
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md b/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md
index 97d8e86516fa7b7..881eed07de27b34 100644
--- a/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md
@@ -105,6 +105,6 @@ If any of the otherwise interactive elements within the toolbar are disabled, co
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md b/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md
index e6b33f32850fe10..5b3fb06338077bd 100644
--- a/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md
@@ -120,6 +120,6 @@ Instead of using tooltips and hiding important information, consider writing cle
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/tree_role/index.md b/files/en-us/web/accessibility/aria/roles/tree_role/index.md
index 6bb852ed43af541..fc7b30328177cd8 100644
--- a/files/en-us/web/accessibility/aria/roles/tree_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/tree_role/index.md
@@ -241,6 +241,6 @@ The alternative multi-selection model is a modifier key model in which moving fo
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md b/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md
index 7377feef783a965..7fc0bc8732e8e15 100644
--- a/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md
@@ -157,6 +157,6 @@ It is important for all cells to be able to receive or contain keyboard focus be
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/treeitem_role/index.md b/files/en-us/web/accessibility/aria/roles/treeitem_role/index.md
index 9a25a66ada91b43..a2554cc62aa8735 100644
--- a/files/en-us/web/accessibility/aria/roles/treeitem_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/treeitem_role/index.md
@@ -238,6 +238,6 @@ If the tree has more than 7 tree items, including type ahead functionality is re
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/widget_role/index.md b/files/en-us/web/accessibility/aria/roles/widget_role/index.md
index 9d21c77662cb093..3a7643115dc8a6e 100644
--- a/files/en-us/web/accessibility/aria/roles/widget_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/widget_role/index.md
@@ -42,6 +42,6 @@ Do not use.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>
diff --git a/files/en-us/web/accessibility/aria/roles/window_role/index.md b/files/en-us/web/accessibility/aria/roles/window_role/index.md
index 180fddbe71e4c19..224958d420568b0 100644
--- a/files/en-us/web/accessibility/aria/roles/window_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/window_role/index.md
@@ -30,6 +30,6 @@ Do not use.
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
-   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", 1)}}
 
 </section>

From 1c9d35561671086a47fa501a34ec7af2cf8182cf Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 23 Dec 2023 07:18:19 +0800
Subject: [PATCH 080/790] BlobEvent | add necessary optional_inline in
 constructor & fix word (#31228)

* add optional_inline mark

* fix word

* update desc
---
 files/en-us/web/api/blobevent/blobevent/index.md | 2 +-
 files/en-us/web/api/blobevent/data/index.md      | 2 +-
 files/en-us/web/api/blobevent/index.md           | 2 +-
 files/en-us/web/api/blobevent/timecode/index.md  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/api/blobevent/blobevent/index.md b/files/en-us/web/api/blobevent/blobevent/index.md
index b9e54e7379f8063..d84910457cd0cdd 100644
--- a/files/en-us/web/api/blobevent/blobevent/index.md
+++ b/files/en-us/web/api/blobevent/blobevent/index.md
@@ -26,7 +26,7 @@ new BlobEvent(type, options)
   - : An object that, _in addition of the properties defined in {{domxref("Event/Event", "Event()")}}_, can have the following properties:
     - `data`
       - : The {{domxref("Blob")}} associated with the event.
-    - `timecode`
+    - `timecode` {{optional_inline}}
       - : A {{domxref("DOMHighResTimeStamp")}} to be used in initializing the blob event.
 
 ### Return value
diff --git a/files/en-us/web/api/blobevent/data/index.md b/files/en-us/web/api/blobevent/data/index.md
index a537bac41cfbaed..51d912067d3b29c 100644
--- a/files/en-us/web/api/blobevent/data/index.md
+++ b/files/en-us/web/api/blobevent/data/index.md
@@ -8,7 +8,7 @@ browser-compat: api.BlobEvent.data
 
 {{APIRef("MediaStream Recording")}}
 
-The **`BlobEvent.data`** read-only property represents a {{domxref("Blob")}} associated with the event.
+The **`data`** read-only property of the {{domxref("BlobEvent")}} interface represents a {{domxref("Blob")}} associated with the event.
 
 ## Value
 
diff --git a/files/en-us/web/api/blobevent/index.md b/files/en-us/web/api/blobevent/index.md
index 4c3321155bfb97f..b1b57c0b1048f0f 100644
--- a/files/en-us/web/api/blobevent/index.md
+++ b/files/en-us/web/api/blobevent/index.md
@@ -7,7 +7,7 @@ browser-compat: api.BlobEvent
 
 {{APIRef("MediaStream Recording")}}
 
-The **`BlobEvent`** interface represents events associated with a {{domxref("Blob")}}. These blobs are typically, but not necessarily, associated with media content.
+The **`BlobEvent`** interface of the [MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API) represents events associated with a {{domxref("Blob")}}. These blobs are typically, but not necessarily, associated with media content.
 
 {{InheritanceDiagram}}
 
diff --git a/files/en-us/web/api/blobevent/timecode/index.md b/files/en-us/web/api/blobevent/timecode/index.md
index 741b57acfbbdaff..2ac77c16c736238 100644
--- a/files/en-us/web/api/blobevent/timecode/index.md
+++ b/files/en-us/web/api/blobevent/timecode/index.md
@@ -8,7 +8,7 @@ browser-compat: api.BlobEvent.timecode
 
 {{APIRef("MediaStream Recording")}}
 
-The **`timecode`** read only property of the {{domxref("BlobEvent")}} interface indicates the difference between the timestamp of the first chunk of data, and the timestamp of the first chunk in the first `BlobEvent` produced by this recorder.
+The **`timecode`** read-only property of the {{domxref("BlobEvent")}} interface indicates the difference between the timestamp of the first chunk of data, and the timestamp of the first chunk in the first `BlobEvent` produced by this recorder.
 
 Note that the `timecode` in the first produced `BlobEvent` does not need to be zero.
 

From 79cec08617965d237b81322023155ce6bac72641 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 23 Dec 2023 07:19:33 +0800
Subject: [PATCH 081/790] Mediarecorder error & data | fix event type & update
 exception section (#31230)

* update desc

* update section title

* remove exceptions that will not trigger an error event

* small update

* fix event type

* remove sentence

* update exception section
---
 .../dataavailable_event/index.md              |  8 ++++---
 .../api/mediarecorder/error_event/index.md    | 23 +++++--------------
 .../api/mediarecorder/requestdata/index.md    | 15 ++++++------
 3 files changed, 18 insertions(+), 28 deletions(-)

diff --git a/files/en-us/web/api/mediarecorder/dataavailable_event/index.md b/files/en-us/web/api/mediarecorder/dataavailable_event/index.md
index 8f3f9ce282f6e24..3a3f7f90a15efd5 100644
--- a/files/en-us/web/api/mediarecorder/dataavailable_event/index.md
+++ b/files/en-us/web/api/mediarecorder/dataavailable_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaRecorder.dataavailable_event
 
 {{APIRef("MediaStream Recording")}}
 
-The `dataavailable` event is fired when the MediaRecorder delivers media
+The **`dataavailable`** event of the {{domxref("MediaRecorder")}} interface is fired when the MediaRecorder delivers media
 data to your application for its use. The data is provided in a {{domxref("Blob")}}
 object that contains the data. This occurs in four situations:
 
@@ -48,7 +48,9 @@ ondataavailable = (event) => {};
 
 ## Event type
 
-A generic {{domxref("Event")}}.
+A {{domxref("BlobEvent")}}. Inherits from {{domxref("Event")}}.
+
+{{InheritanceDiagram("BlobEvent")}}
 
 ## Example
 
@@ -85,4 +87,4 @@ mediaRecorder.ondataavailable = (e) => {
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
   getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
 - [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
-- {{domxref("Navigator.getUserMedia")}}
+- {{domxref("Navigator.getUserMedia()")}}
diff --git a/files/en-us/web/api/mediarecorder/error_event/index.md b/files/en-us/web/api/mediarecorder/error_event/index.md
index f5c94a176eba12f..4f86d2040daf7c3 100644
--- a/files/en-us/web/api/mediarecorder/error_event/index.md
+++ b/files/en-us/web/api/mediarecorder/error_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaRecorder.error_event
 
 {{APIRef("MediaStream Recording")}}
 
-The {{domxref("MediaRecorder")}} interface's **`error`** event is fired when an error occurs: for example because recording wasn't allowed or was attempted using an unsupported codec.
+The **`error`** event of the {{domxref("MediaRecorder")}} interface is fired when an error occurs: for example because recording wasn't allowed or was attempted using an unsupported codec.
 
 This event is not cancelable and does not bubble.
 
@@ -35,26 +35,19 @@ _Inherits properties from its parent interface, {{domxref("Event")}}_.
 - {{domxref("MediaRecorderErrorEvent.error", "error")}} {{ReadOnlyInline}}
   - : A {{domxref("DOMException")}} containing information about the error that occurred.
 
-### Value
+## Description
+
+### Trigger
 
 A function to be called whenever an error occurs during the recorder's lifetime. In
 addition to other general errors that might occur, the following errors are specifically
 possible when using the MediaStream Recording API; to determine which occurred, check
 the value of {{domxref("DOMException.name", "MediaRecorderErrorEvent.error.name")}}.
 
-- `InvalidStateError`
-  - : An attempt was made to stop or pause an inactive recorder, start or resume an
-    active recorder, or otherwise manipulate the `MediaRecorder` while in the
-    wrong state. This exception can also occur when a request is made on a source that has
-    been deleted or removed.
 - `SecurityError`
   - : The {{domxref("MediaStream")}} is configured to disallow recording. This may be the
     case, for example, with sources obtained using {{domxref("MediaDevices.getUserMedia",
     "getUserMedia()")}} when the user denies permission to use an input device.
-- `NotSupportedError`
-  - : An attempt was made to instantiate a `MediaRecorder` using a MIME type
-    that isn't supported on the user's device; one or more of the requested container,
-    codecs, or profiles as well as other information may be invalid.
 - `InvalidModificationError`
   - : The number of tracks on the stream being recorded has changed. You can't add or
     remove tracks while recording media.
@@ -65,13 +58,9 @@ the value of {{domxref("DOMException.name", "MediaRecorderErrorEvent.error.name"
     sent to the `MediaRecorder` with the remaining received data, and finally a
     {{domxref("MediaRecorder/stop_event", "stop")}} event is sent.
 
-These errors may occur either directly because of a call to a
-`MediaRecorder` method, or indirectly due to a problem arising during the
-recording process.
-
 ## Examples
 
-Using [`addEventListener`](/en-US/docs/Web/API/EventTarget/addEventListener) to listen for `error` events:
+Using {{domxref("EventTarget.addEventListener", "addEventListener()")}} to listen for `error` events:
 
 ```js
 async function record() {
@@ -86,7 +75,7 @@ async function record() {
 record();
 ```
 
-The same, but using the onerror event handler property:
+The same, but using the `onerror` event handler property:
 
 ```js
 async function record() {
diff --git a/files/en-us/web/api/mediarecorder/requestdata/index.md b/files/en-us/web/api/mediarecorder/requestdata/index.md
index c32e16bf0db3760..00198d8bd99f456 100644
--- a/files/en-us/web/api/mediarecorder/requestdata/index.md
+++ b/files/en-us/web/api/mediarecorder/requestdata/index.md
@@ -8,8 +8,8 @@ browser-compat: api.MediaRecorder.requestData
 
 {{APIRef("MediaStream Recording")}}
 
-The **`MediaRecorder.requestData()`**
-method (part of the [MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API)) is used to raise a {{domxref("MediaRecorder.dataavailable_event", "dataavailable")}} event containing a
+The **`requestData()`**
+method of the {{domxref("MediaRecorder")}} interface is used to raise a {{domxref("MediaRecorder.dataavailable_event", "dataavailable")}} event containing a
 {{domxref("Blob")}} object of the captured media as it was when the method was
 called. This can then be grabbed and manipulated as you wish.
 
@@ -38,12 +38,11 @@ None.
 
 None ({{jsxref("undefined")}}).
 
-### Errors
+### Exceptions
 
-An `InvalidState` error is raised if the `requestData()` method
-is called while the `MediaRecorder` object's
-{{domxref("MediaRecorder.state")}} is not "recording" — the media cannot be captured if
-recording is not occurring.
+- `InvalidStateError` {{domxref("DOMException")}}
+  - : Thrown if the `MediaRecorder` is currently `"inactive"`; you cannot capture
+    the recording if the `MediaRecorder` is not active.
 
 ## Examples
 
@@ -70,4 +69,4 @@ captureMedia.onclick = () => {
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
   getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
 - [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
-- {{domxref("Navigator.getUserMedia")}}
+- {{domxref("Navigator.getUserMedia()")}}

From b5273d393038abf5880298f01a9d3011d53bf7fc Mon Sep 17 00:00:00 2001
From: Daniel Kaplan <tieTYT@gmail.com>
Date: Fri, 22 Dec 2023 16:45:36 -0800
Subject: [PATCH 082/790] Added links to flag descriptions earlier in the
 RegExp document (#31235)

* Added links to RegExp.prototype.flags earlier in the document

- Googling for "Regex flags" brings this document up first, so I added some earlier links to RegExp.prototype.flags for convenience. Of course, I can only _assume_ this would make the document more convenient for others. I might be the only one, in which case, please reject this PR.

* Modified flag links to go directly to regex flag descriptions
---
 .../web/javascript/reference/global_objects/regexp/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/regexp/index.md b/files/en-us/web/javascript/reference/global_objects/regexp/index.md
index 3a998addf992914..caf105c3a827d0a 100644
--- a/files/en-us/web/javascript/reference/global_objects/regexp/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/regexp/index.md
@@ -17,8 +17,8 @@ For an introduction to regular expressions, read the [Regular expressions chapte
 
 There are two ways to create a `RegExp` object: a _literal notation_ and a _constructor_.
 
-- The _literal notation_ takes a pattern between two slashes, followed by optional flags, after the second slash.
-- The _constructor function_ takes either a string or a `RegExp` object as its first parameter and a string of optional flags as its second parameter.
+- The _literal notation_ takes a pattern between two slashes, followed by optional [flags](/en-US/docs/Web/JavaScript/Guide/Regular_expressions#advanced_searching_with_flags), after the second slash.
+- The _constructor function_ takes either a string or a `RegExp` object as its first parameter and a string of optional [flags](/en-US/docs/Web/JavaScript/Guide/Regular_expressions#advanced_searching_with_flags) as its second parameter.
 
 The following three expressions create the same regular expression object:
 
@@ -38,7 +38,7 @@ Use a string as the first argument to the `RegExp()` constructor when you want t
 
 ### Flags in constructor
 
-The expression `new RegExp(/ab+c/, flags)` will create a new `RegExp` using the source of the first parameter and the flags provided by the second.
+The expression `new RegExp(/ab+c/, flags)` will create a new `RegExp` using the source of the first parameter and the [flags](/en-US/docs/Web/JavaScript/Guide/Regular_expressions#advanced_searching_with_flags) provided by the second.
 
 When using the constructor function, the normal string escape rules (preceding special characters with `\` when included in a string) are necessary.
 

From 8a999418acafeb44b4491e37d02721d32607ec3a Mon Sep 17 00:00:00 2001
From: Lucas Caton <lucascaton@gmail.com>
Date: Sat, 23 Dec 2023 13:00:27 +1000
Subject: [PATCH 083/790] Swap `setAppBadge` and `clearAppBadge` methods in the
 Badging API doc (#31237)

---
 files/en-us/web/api/badging_api/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/badging_api/index.md b/files/en-us/web/api/badging_api/index.md
index 4d1713d0e8e883b..af062d856e74b27 100644
--- a/files/en-us/web/api/badging_api/index.md
+++ b/files/en-us/web/api/badging_api/index.md
@@ -64,13 +64,13 @@ None.
 To set a notification badge on the current app with a value of 12:
 
 ```js
-navigator.clearAppBadge(12);
+navigator.setAppBadge(12);
 ```
 
 To clear a notification badge on the current app:
 
 ```js
-navigator.setAppBadge();
+navigator.clearAppBadge();
 ```
 
 ## Specifications

From b497cf5f54e95b7cebc60d108d5a78a803615a88 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Sat, 23 Dec 2023 07:10:58 +0100
Subject: [PATCH 084/790] Update InterfaceData based on WebRef (#31234)

---
 files/jsondata/InterfaceData.json | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/files/jsondata/InterfaceData.json b/files/jsondata/InterfaceData.json
index 4f319b065626b3c..079a8ba70468ce4 100644
--- a/files/jsondata/InterfaceData.json
+++ b/files/jsondata/InterfaceData.json
@@ -312,6 +312,10 @@
       "inh": "MediaStreamTrack",
       "impl": []
     },
+    "BufferedChangeEvent": {
+      "inh": "Event",
+      "impl": []
+    },
     "ByteLengthQueuingStrategy": {
       "inh": "",
       "impl": []
@@ -2000,6 +2004,14 @@
       "inh": "Sensor",
       "impl": []
     },
+    "ManagedMediaSource": {
+      "inh": "MediaSource",
+      "impl": []
+    },
+    "ManagedSourceBuffer": {
+      "inh": "SourceBuffer",
+      "impl": []
+    },
     "MathMLElement": {
       "inh": "Element",
       "impl": []

From a19e13221550806111730fd5cbed362516855539 Mon Sep 17 00:00:00 2001
From: Daniel Kaplan <tieTYT@gmail.com>
Date: Fri, 22 Dec 2023 22:22:08 -0800
Subject: [PATCH 085/790] Included a link to regex flag descriptions in the
 regexp document (#31236)

* Included a link to regex flag descriptions in the regexp document

* Update files/en-us/web/javascript/reference/global_objects/regexp/flags/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/javascript/reference/global_objects/regexp/flags/index.md

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../javascript/reference/global_objects/regexp/flags/index.md    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/javascript/reference/global_objects/regexp/flags/index.md b/files/en-us/web/javascript/reference/global_objects/regexp/flags/index.md
index ec5ef5d0bc8c8a8..24d55239b71a423 100644
--- a/files/en-us/web/javascript/reference/global_objects/regexp/flags/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/regexp/flags/index.md
@@ -39,4 +39,5 @@ The set accessor of `flags` is `undefined`. You cannot change this property dire
 ## See also
 
 - [Polyfill of `RegExp.prototype.flags` in `core-js`](https://github.com/zloirock/core-js#ecmascript-string-and-regexp)
+- [Advanced searching with flags](/en-US/docs/Web/JavaScript/Guide/Regular_expressions#advanced_searching_with_flags) in the Regular expressions guide
 - {{jsxref("RegExp.prototype.source")}}

From 585c3cd3756cf1a182857efddd98630ca980edc6 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 23 Dec 2023 14:28:53 +0800
Subject: [PATCH 086/790] Locks | use macros link & update section title
 (#31241)

* update

* update

* Update files/en-us/web/api/lockmanager/request/index.md

* Update files/en-us/web/api/lockmanager/request/index.md

* Update files/en-us/web/api/lockmanager/request/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/api/lock/index.md                |  2 +-
 files/en-us/web/api/lock/mode/index.md           |  2 +-
 files/en-us/web/api/lock/name/index.md           |  2 +-
 files/en-us/web/api/lockmanager/request/index.md | 10 +++++-----
 files/en-us/web/api/web_locks_api/index.md       |  8 ++++----
 files/en-us/web/api/workernavigator/index.md     |  2 +-
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/files/en-us/web/api/lock/index.md b/files/en-us/web/api/lock/index.md
index 4754cd7de1ce405..d88600547e14f1d 100644
--- a/files/en-us/web/api/lock/index.md
+++ b/files/en-us/web/api/lock/index.md
@@ -23,7 +23,7 @@ This may be a newly requested lock that is received in the callback to {{domxref
 ## Examples
 
 The following examples show how the mode and name properties are passed in the call to {{domxref('LockManager.request()')}}.
-`LockManager` is the object returned by {{domxref('navigator.locks')}}.
+{{domxref('LockManager')}} is the object returned by {{domxref('navigator.locks')}}.
 
 ```js
 navigator.locks.request("net_db_sync", show_lock_properties);
diff --git a/files/en-us/web/api/lock/mode/index.md b/files/en-us/web/api/lock/mode/index.md
index 84de4ecf58a5f94..cd22856b3e563f6 100644
--- a/files/en-us/web/api/lock/mode/index.md
+++ b/files/en-us/web/api/lock/mode/index.md
@@ -20,7 +20,7 @@ One of `"exclusive"` or `"shared"`.
 ## Examples
 
 The following examples show how the mode property is passed in the call to {{domxref('LockManager.request()')}}.
-`LockManager` is the object returned by {{domxref('navigator.locks')}}.
+{{domxref('LockManager')}} is the object returned by {{domxref('navigator.locks')}}.
 
 ```js
 // Should show "exclusive" (the default)
diff --git a/files/en-us/web/api/lock/name/index.md b/files/en-us/web/api/lock/name/index.md
index f69ff693b984ab5..37cd87e914c8e94 100644
--- a/files/en-us/web/api/lock/name/index.md
+++ b/files/en-us/web/api/lock/name/index.md
@@ -27,7 +27,7 @@ A string.
 ## Examples
 
 The following examples show how the name property passed in the call
-to {{domxref('LockManager.request()')}}. `LockManager` is the object returned
+to {{domxref('LockManager.request()')}}. {{domxref('LockManager')}} is the object returned
 by {{domxref('navigator.locks')}}.
 
 ```js
diff --git a/files/en-us/web/api/lockmanager/request/index.md b/files/en-us/web/api/lockmanager/request/index.md
index 93b594a6d7c1a4b..5cc067a301d462a 100644
--- a/files/en-us/web/api/lockmanager/request/index.md
+++ b/files/en-us/web/api/lockmanager/request/index.md
@@ -64,8 +64,8 @@ request(name, options, callback)
         > Code that was previously running inside the lock continues to run, and may clash with the code that now holds the lock.
 
     - `signal` {{optional_inline}}
-      - : An `AbortSignal` (the `signal` property of an `AbortController`);
-        if specified and the `AbortController` is aborted, the lock request is dropped if it was not already granted.
+      - : An {{domxref("AbortSignal")}} (the {{domxref("AbortController.signal", "signal")}} property of an {{domxref("AbortController")}});
+        if specified and the {{domxref("AbortController")}} is aborted, the lock request is dropped if it was not already granted.
 
 - `callback`
   - : Method called when the lock is granted.
@@ -102,7 +102,7 @@ await navigator.locks.request("my_resource", async (lock) => {
 });
 ```
 
-### Mode Example
+### `mode` example
 
 The following example shows how to use the `mode` option for readers and writers.
 
@@ -136,7 +136,7 @@ async function do_write() {
 }
 ```
 
-### ifAvailable Example
+### `ifAvailable` example
 
 To grab a lock only if it isn't already being held, use the `ifAvailable` option.
 In this function `await` means the method will not return until the callback is complete.
@@ -158,7 +158,7 @@ await navigator.locks.request(
 );
 ```
 
-### signal Example
+### `signal` example
 
 To only wait for a lock for a short period of time, use the `signal` option.
 
diff --git a/files/en-us/web/api/web_locks_api/index.md b/files/en-us/web/api/web_locks_api/index.md
index df3d7a511ae7090..e3b7ab12afe12e3 100644
--- a/files/en-us/web/api/web_locks_api/index.md
+++ b/files/en-us/web/api/web_locks_api/index.md
@@ -45,7 +45,7 @@ The API provides optional functionality that may be used as needed, including:
 
 Locks are scoped to origins; the locks acquired by a tab from `https://example.com` have no effect on the locks acquired by a tab from `https://example.org:8080` as they are separate origins.
 
-The main entry point is `navigator.locks.request()` which requests a lock. It takes a lock name, an optional set of options, and a callback. The callback is invoked when the lock is granted. The lock is automatically released when the callback returns, so usually the callback is an _async function_, which causes the lock to be released only when the async function has completely finished.
+The main entry point is {{domxref("LockManager.request", "navigator.locks.request()")}} which requests a lock. It takes a lock name, an optional set of options, and a callback. The callback is invoked when the lock is granted. The lock is automatically released when the callback returns, so usually the callback is an _async function_, which causes the lock to be released only when the async function has completely finished.
 
 The `request()` method itself returns a promise which resolves once the lock has been released;
 within an async function, a script can `await` the call to make the asynchronous code flow linearly.
@@ -77,7 +77,7 @@ Several options can be passed when requesting a lock:
 
 ### Monitoring
 
-The `navigator.locks.query()` method can be used by scripts to introspect the state of the lock manager for the origin. This can be useful when debugging, for example, identifying why a lock could not be acquired. The results are a snapshot of the lock manager state, which identifies held and requested locks and some additional data (e.g. mode) about each, at the time the snapshot was taken.
+The {{domxref("LockManager.query", "navigator.locks.query()")}} method can be used by scripts to introspect the state of the lock manager for the origin. This can be useful when debugging, for example, identifying why a lock could not be acquired. The results are a snapshot of the lock manager state, which identifies held and requested locks and some additional data (e.g. mode) about each, at the time the snapshot was taken.
 
 ### Advanced use
 
@@ -108,14 +108,14 @@ A deadlock occurs when a process can no longer make progress because each part i
 - {{domxref("Lock")}}
   - : Provides the name and mode of a previously requested lock, which is received in the callback to {{domxref("LockManager.request()")}}.
 - {{domxref("LockManager")}}
-  - : Provides methods for requesting a new {{domxref("Lock")}} object and querying for an existing Lock object. To get an instance of LockManager, call {{domxref("navigator.locks")}}.
+  - : Provides methods for requesting a new {{domxref("Lock")}} object and querying for an existing {{domxref('Lock')}} object. To get an instance of {{domxref("LockManager")}}, call {{domxref("navigator.locks")}}.
 
 ### Extensions to other interfaces
 
 - {{domxref("Navigator.locks")}} {{ReadOnlyInline}}
   - : Returns a {{domxref("LockManager")}} object that provides methods for requesting a new {{domxref('Lock')}} object and querying for an existing {{domxref('Lock')}} object.
 - {{domxref("WorkerNavigator.locks")}} {{ReadOnlyInline}}
-  - : Returns a {{DOMxRef("LockManager")}} object which provides methods for requesting a new {{DOMxRef('Lock')}} object and querying for an existing `Lock` object.
+  - : Returns a {{DOMxRef("LockManager")}} object which provides methods for requesting a new {{DOMxRef('Lock')}} object and querying for an existing {{domxref('Lock')}} object.
 
 ## Specifications
 
diff --git a/files/en-us/web/api/workernavigator/index.md b/files/en-us/web/api/workernavigator/index.md
index 4579179da75908f..19c77b26d20bf73 100644
--- a/files/en-us/web/api/workernavigator/index.md
+++ b/files/en-us/web/api/workernavigator/index.md
@@ -34,7 +34,7 @@ _The `WorkerNavigator` interface doesn't inherit any property._
 - {{DOMxRef("WorkerNavigator.languages")}} {{ReadOnlyInline}}
   - : Returns an array of strings representing the languages known to the user, by order of preference.
 - {{DOMxRef("WorkerNavigator.locks")}} {{ReadOnlyInline}}
-  - : Returns a {{DOMxRef("LockManager")}} object which provides methods for requesting a new {{DOMxRef('Lock')}} object and querying for an existing `Lock` object.
+  - : Returns a {{DOMxRef("LockManager")}} object which provides methods for requesting a new {{DOMxRef('Lock')}} object and querying for an existing {{DOMxRef('Lock')}} object.
 - {{DOMxRef("WorkerNavigator.mediaCapabilities")}} {{ReadOnlyInline}}
   - : Returns a {{domxref("MediaCapabilities")}} object that can expose information about the decoding and encoding capabilities for a given format and output capabilities.
 - {{DOMxRef("WorkerNavigator.onLine")}} {{ReadOnlyInline}}

From 0267fa593fc01609738d486f8755bda8e95ecdf2 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 23 Dec 2023 14:40:11 +0800
Subject: [PATCH 087/790] init docs for `Mediarecorder.audionbitratemode`
 (#31231)

* use macros

* better reflect method with ()

* init MediaRecorder.audioBitrateMode

* add an entry in interface page

* Update files/en-us/web/api/mediarecorder/audiobitratemode/index.md

* Fix error

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../mediarecorder/audiobitratemode/index.md   | 30 +++++++++++++++++++
 files/en-us/web/api/mediarecorder/index.md    | 18 ++++++-----
 2 files changed, 40 insertions(+), 8 deletions(-)
 create mode 100644 files/en-us/web/api/mediarecorder/audiobitratemode/index.md

diff --git a/files/en-us/web/api/mediarecorder/audiobitratemode/index.md b/files/en-us/web/api/mediarecorder/audiobitratemode/index.md
new file mode 100644
index 000000000000000..20526743ed335ce
--- /dev/null
+++ b/files/en-us/web/api/mediarecorder/audiobitratemode/index.md
@@ -0,0 +1,30 @@
+---
+title: "MediaRecorder: audioBitrateMode property"
+short-title: audioBitrateMode
+slug: Web/API/MediaRecorder/audioBitrateMode
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.MediaRecorder.audioBitrateMode
+---
+
+{{APIRef("MediaStream Recording")}}{{SeeCompatTable}}
+
+The **`audioBitrateMode`** read-only property of the {{domxref("MediaRecorder")}} interface returns the bitrate mode used to encode audio tracks.
+
+## Value
+
+One of the following:
+
+- `constant`
+  - : The {{domxref("MediaRecorder")}} encodes at this constant bitrate.
+- `variable`
+  - : The {{domxref("MediaRecorder")}} encodes using this variable bitrate, allowing more space to be used for complex signals and less space for less complex signals.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/mediarecorder/index.md b/files/en-us/web/api/mediarecorder/index.md
index 5c7f48b71472492..312ec7357d54567 100644
--- a/files/en-us/web/api/mediarecorder/index.md
+++ b/files/en-us/web/api/mediarecorder/index.md
@@ -28,6 +28,8 @@ The **`MediaRecorder`** interface of the [MediaStream Recording API](/en-US/docs
   - : Returns the video encoding bit rate in use. This may differ from the bit rate specified in the constructor (if it was provided).
 - {{domxref("MediaRecorder.audioBitsPerSecond")}} {{ReadOnlyInline}}
   - : Returns the audio encoding bit rate in use. This may differ from the bit rate specified in the constructor (if it was provided).
+- {{domxref("MediaRecorder.audioBitrateMode")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : Returns the bitrate mode used to encode audio tracks.
 
 ## Static methods
 
@@ -51,19 +53,19 @@ The **`MediaRecorder`** interface of the [MediaStream Recording API](/en-US/docs
 
 Listen to these events using `addEventListener()` or by assigning an event listener to the `oneventname` property of this interface.
 
-- [`dataavailable`](/en-US/docs/Web/API/MediaRecorder/dataavailable_event)
+- {{domxref("MediaRecorder/dataavailable_event", "dataavailable")}}
   - : Fires periodically each time `timeslice` milliseconds of media have been recorded (or when the entire media has been recorded, if `timeslice` wasn't specified). The event, of type {{domxref("BlobEvent")}}, contains the recorded media in its {{domxref("BlobEvent.data", "data")}} property.
-- [`error`](/en-US/docs/Web/API/MediaRecorder/error_event)
+- {{domxref("MediaRecorder/error_event", "error")}}
   - : Fired when there are fatal errors that stop recording. The received event is based on the {{domxref("MediaRecorderErrorEvent")}} interface, whose {{domxref("MediaRecorderErrorEvent.error", "error")}} property contains a {{domxref("DOMException")}} that describes the actual error that occurred.
-- [`pause`](/en-US/docs/Web/API/MediaRecorder/pause_event)
+- {{domxref("MediaRecorder/pause_event", "pause")}}
   - : Fired when media recording is paused.
-- [`resume`](/en-US/docs/Web/API/MediaRecorder/resume_event)
+- {{domxref("MediaRecorder/resume_event", "resume")}}
   - : Fired when media recording resumes after being paused.
-- [`start`](/en-US/docs/Web/API/MediaRecorder/start_event)
+- {{domxref("MediaRecorder/start_event", "start")}}
   - : Fired when media recording starts.
-- [`stop`](/en-US/docs/Web/API/MediaRecorder/stop_event)
+- {{domxref("MediaRecorder/stop_event", "stop")}}
   - : Fired when media recording ends, either when the {{domxref("MediaStream")}} ends, or after the {{domxref("MediaRecorder.stop()")}} method is called.
-- [`warning`](/en-US/docs/Web/API/MediaRecorder/warning_event) {{deprecated_inline}} {{non-standard_inline}}
+- {{domxref("MediaRecorder/warning_event", "warning")}} {{deprecated_inline}} {{non-standard_inline}}
   - : Fired when media recording has a non-fatal error.
 
 ## Example
@@ -156,5 +158,5 @@ if (navigator.mediaDevices) {
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder + getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
 - [Recording a media element](/en-US/docs/Web/API/MediaStream_Recording_API/Recording_a_media_element)
 - [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
-- {{domxref("MediaDevices.getUserMedia")}}
+- {{domxref("MediaDevices.getUserMedia()")}}
 - [OpenLang](https://github.com/chrisjohndigital/OpenLang): HTML video language lab web application using MediaDevices and the MediaStream Recording API for video recording ([source on GitHub](https://github.com/chrisjohndigital/OpenLang))

From 6d93af54ff89cf1b1a8cc6f5de2b1cde1c3514fb Mon Sep 17 00:00:00 2001
From: Shahan Arshad <68821506+sazk07@users.noreply.github.com>
Date: Sat, 23 Dec 2023 14:02:07 +0500
Subject: [PATCH 088/790] Fix error in index.md (#31224)

the "no-widget" class should be assigned to the form element, not the body element.
---
 .../learn/forms/how_to_build_custom_form_controls/index.md    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/learn/forms/how_to_build_custom_form_controls/index.md b/files/en-us/learn/forms/how_to_build_custom_form_controls/index.md
index 27555569022dbc2..331dbd149c1b32b 100644
--- a/files/en-us/learn/forms/how_to_build_custom_form_controls/index.md
+++ b/files/en-us/learn/forms/how_to_build_custom_form_controls/index.md
@@ -675,8 +675,8 @@ To achieve this, we need two things:
 First, we need to add a regular {{HTMLElement("select")}} element before each instance of our custom control. There is a benefit to having this "extra" select even if our JavaScript works as hoped: we will use this select to send data from our custom control along with the rest of our form data. We will discuss this in greater depth later.
 
 ```html
-<body class="no-widget">
-  <form>
+<body>
+  <form class="no-widget">
     <select name="myFruit">
       <option>Cherry</option>
       <option>Lemon</option>

From 78c583b396b74e6751e5e17b588e35d05933723c Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 23 Dec 2023 23:35:43 +0800
Subject: [PATCH 089/790] update Experimental_Inline status of HTML global
 attributes (#31259)

update Experimental_Inline status
---
 files/en-us/web/html/global_attributes/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/html/global_attributes/index.md b/files/en-us/web/html/global_attributes/index.md
index 4afc78e22f1f067..f074f8eaaf51022 100644
--- a/files/en-us/web/html/global_attributes/index.md
+++ b/files/en-us/web/html/global_attributes/index.md
@@ -55,7 +55,7 @@ In addition to the basic HTML global attributes, the following global attributes
 
 - [`enterkeyhint`](/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
   - : Hints what action label (or icon) to present for the enter key on virtual keyboards.
-- [`exportparts`](/en-US/docs/Web/HTML/Global_attributes/exportparts) {{Experimental_Inline}}
+- [`exportparts`](/en-US/docs/Web/HTML/Global_attributes/exportparts)
   - : Used to transitively export shadow parts from a nested shadow tree into a containing light tree.
 - [`hidden`](/en-US/docs/Web/HTML/Global_attributes/hidden)
   - : An enumerated attribute indicating that the element is not yet, or is no longer, _relevant_. For example, it can be used to hide elements of the page that can't be used until the login process has been completed. The browser won't render such elements. This attribute must not be used to hide content that could legitimately be shown.
@@ -118,7 +118,7 @@ In addition to the basic HTML global attributes, the following global attributes
     - empty string or `yes`, which indicates that the element will be translated.
     - `no`, which indicates that the element will not be translated.
 
-- [`virtualkeyboardpolicy`](/en-US/docs/Web/HTML/Global_attributes/virtualkeyboardpolicy)
+- [`virtualkeyboardpolicy`](/en-US/docs/Web/HTML/Global_attributes/virtualkeyboardpolicy) {{Experimental_Inline}}
 
   - : An [enumerated](/en-US/docs/Glossary/Enumerated) attribute used to control the on-screen virtual keyboard behavior on devices such as tablets, mobile phones, or other devices where a hardware keyboard may not be available for elements that also uses the [`contenteditable`](#contenteditable) attribute.
 

From 88333e9d09a62eefba24ce8a88c3b4ba7e5794d1 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sun, 24 Dec 2023 00:03:00 +0800
Subject: [PATCH 090/790] Media Recorder API | sync section title with
 templates & add marks for `MediaRecorderErrorEvent` & update links (#31243)

* section title update

* add Deprecated and Non-standard mark

* add spec-urls

* cleanup links

* update links
---
 .../en-us/web/api/mediastream_recording_api/index.md | 12 ++++++------
 .../recording_a_media_element/index.md               |  5 ++---
 .../using_the_mediastream_recording_api/index.md     |  5 ++---
 3 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/files/en-us/web/api/mediastream_recording_api/index.md b/files/en-us/web/api/mediastream_recording_api/index.md
index 8ee91484a53d35f..ce6b04db7ba1244 100644
--- a/files/en-us/web/api/mediastream_recording_api/index.md
+++ b/files/en-us/web/api/mediastream_recording_api/index.md
@@ -3,13 +3,14 @@ title: MediaStream Recording API
 slug: Web/API/MediaStream_Recording_API
 page-type: web-api-overview
 browser-compat: api.MediaRecorder
+spec-urls: https://w3c.github.io/mediacapture-record/
 ---
 
 {{DefaultAPISidebar("MediaStream Recording")}}
 
 The **MediaStream Recording API**, sometimes referred to as the _Media Recording API_ or the _MediaRecorder API_, is closely affiliated with the [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API) and the [WebRTC API](/en-US/docs/Web/API/WebRTC_API). The MediaStream Recording API makes it possible to capture the data generated by a {{domxref("MediaStream")}} or {{domxref("HTMLMediaElement")}} object for analysis, processing, or saving to disk. It's also surprisingly easy to work with.
 
-## Basic concepts
+## Concepts and usage
 
 The MediaStream Recording API is comprised of a single major interface, {{domxref("MediaRecorder")}}, which does all the work of taking the data from a {{domxref("MediaStream")}} and delivering it to you for processing. The data is delivered by a series of {{domxref("MediaRecorder.dataavailable_event", "dataavailable")}} events, already in the format you specify when creating the `MediaRecorder`. You can then process the data further or write it to file as desired.
 
@@ -108,13 +109,13 @@ Code similar to this can be used to let the user restrict the set of devices the
 
 To learn more about using the MediaStream Recording API, see [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API), which shows how to use the API to record audio clips. A second article, [Recording a media element](/en-US/docs/Web/API/MediaStream_Recording_API/Recording_a_media_element), describes how to receive a stream from an {{HTMLElement("audio")}} or {{HTMLElement("video")}} element and use the captured stream (in this case, recording it and saving it to a local disk).
 
-## Reference
+## Interfaces
 
 - {{domxref("BlobEvent")}}
   - : Each time a chunk of media data is finished being recorded, it's delivered to consumers in {{domxref("Blob")}} form using a {{domxref("BlobEvent")}} of type `dataavailable`.
 - {{domxref("MediaRecorder")}}
   - : The primary interface that implements the MediaStream Recording API.
-- {{domxref("MediaRecorderErrorEvent")}}
+- {{domxref("MediaRecorderErrorEvent")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : The interface that represents errors thrown by the MediaStream Recording API. Its {{domxref("MediaRecorderErrorEvent.error", "error")}} property is a {{domxref("DOMException")}} that specifies that error occurred.
 
 ## Specifications
@@ -127,10 +128,9 @@ To learn more about using the MediaStream Recording API, see [Using the MediaStr
 
 ## See also
 
-- [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
-- [Recording a media element](/en-US/docs/Web/API/MediaStream_Recording_API/Recording_a_media_element)
+- [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API) landing page
+- {{domxref("MediaDevices.getUserMedia()")}}
 - [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12)
-- {{domxref("MediaDevices.getUserMedia")}}
 - [HTML5's Media Recorder API in Action on Chrome and Firefox](https://blog.addpipe.com/mediarecorder-api/)
 - [MediaRecorder polyfill](https://github.com/ai/audio-recorder-polyfill) for Safari and Edge
 - [TutorRoom](https://github.com/chrisjohndigital/TutorRoom): HTML video capture/playback/download using getUserMedia and the MediaStream Recording API ([source on GitHub](https://github.com/chrisjohndigital/TutorRoom))
diff --git a/files/en-us/web/api/mediastream_recording_api/recording_a_media_element/index.md b/files/en-us/web/api/mediastream_recording_api/recording_a_media_element/index.md
index aa03768ecc933be..9d6afa855bf6fdd 100644
--- a/files/en-us/web/api/mediastream_recording_api/recording_a_media_element/index.md
+++ b/files/en-us/web/api/mediastream_recording_api/recording_a_media_element/index.md
@@ -288,6 +288,5 @@ You can {{LiveSampleLink("Example_of_recording_a_media_element", "view the full
 
 ## See also
 
-- [MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API)
-- [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
-- [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API)
+- [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API) landing page
+- {{domxref("MediaDevices.getUserMedia()")}}
diff --git a/files/en-us/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md b/files/en-us/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
index 1863a61da1f95ba..b72908c3183ec99 100644
--- a/files/en-us/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
+++ b/files/en-us/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
@@ -263,6 +263,5 @@ Finally, we set an `onclick` handler on the delete button to be a function that
 
 ## See also
 
-- [MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API) landing page
-- {{domxref("Navigator.getUserMedia()")}}
-- [MediaRecorder API now supported by 65% of your website users](https://blog.addpipe.com/media-recorder-api-is-now-supported-by-65-of-all-desktop-internet-users/)
+- [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API) landing page
+- {{domxref("MediaDevices.getUserMedia()")}}

From 5a5f3d3cbbfabf138aa9f0d3e2c8fce4a168f5cc Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sun, 24 Dec 2023 14:36:45 +0800
Subject: [PATCH 091/790] Audio Output Devices API | add securecontext & fix
 apiref (#31264)

* fix apiref

* add securecontext_header macros

* update links

* use macros

* fix spec-urls

* update desc
---
 .../web/api/audio_output_devices_api/index.md | 20 +++++++++----------
 .../api/htmlmediaelement/setsinkid/index.md   | 11 +++++-----
 .../web/api/htmlmediaelement/sinkid/index.md  |  5 +++--
 .../mediadevices/selectaudiooutput/index.md   | 14 ++++++-------
 4 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/files/en-us/web/api/audio_output_devices_api/index.md b/files/en-us/web/api/audio_output_devices_api/index.md
index c2ea24147225c08..4803f202ef0e43d 100644
--- a/files/en-us/web/api/audio_output_devices_api/index.md
+++ b/files/en-us/web/api/audio_output_devices_api/index.md
@@ -9,7 +9,7 @@ browser-compat:
   - api.HTMLMediaElement.setSinkId
   - api.HTMLMediaElement.sinkId
   - http.headers.Permissions-Policy.speaker-selection
-spec-urls: https://w3c.github.io/mediacapture-output/#dom-mediadevices-selectaudiooutput
+spec-urls: https://w3c.github.io/mediacapture-output/
 ---
 
 {{DefaultAPISidebar("Audio Output Devices API")}}{{securecontext_header}}{{SeeCompatTable}}
@@ -23,11 +23,11 @@ This API allows applications to provide this same functionality from within a we
 
 Even if allowed by a permission policy, access to a particular audio output device still requires explicit user permission, as the user may be in a location where playing audio through some output devices is not appropriate.
 
-The API provides the [`MediaDevices.selectAudioOutput()`](/en-US/docs/Web/API/MediaDevices/selectAudioOutput) method that allows users to select their desired audio output from those that are allowed by the [`speaker-selection`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/speaker-selection) directive of the [`Permissions-Policy`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy) HTTP header for the document.
-The selected device then has user permission, allowing it to be enumerated with [`MediaDevices.enumerateDevices()`](/en-US/docs/Web/API/MediaDevices/enumerateDevices) and set as the audio output device using [`HTMLMediaElement.setSinkId()`](/en-US/docs/Web/API/HTMLMediaElement/setSinkId).
+The API provides the {{domxref("MediaDevices.selectAudioOutput()")}} method that allows users to select their desired audio output from those that are allowed by the [`speaker-selection`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/speaker-selection) directive of the {{httpheader("Permissions-Policy")}} HTTP header for the document.
+The selected device then has user permission, allowing it to be enumerated with {{domxref("MediaDevices.enumerateDevices()")}} and set as the audio output device using {{domxref("HTMLMediaElement.setSinkId()")}}.
 
 Audio devices may arbitrarily connect and disconnect.
-Applications that wish to react to this kind of change can listen to the [`devicechange` event](/en-US/docs/Web/API/MediaDevices/devicechange_event) and use [`enumerateDevices()`](/en-US/docs/Web/API/MediaDevices/enumerateDevices) to determine if `sinkId` is present in the returned devices.
+Applications that wish to react to this kind of change can listen to the {{domxref("MediaDevices/devicechange_event", "devicechange")}} event and use {{domxref("MediaDevices.enumerateDevices", "enumerateDevices()")}} to determine if `sinkId` is present in the returned devices.
 This might trigger, for example, pausing or unpausing playback.
 
 ## Interfaces
@@ -38,15 +38,15 @@ The Audio Output Devices API extends the following APIs, adding the listed featu
 
 #### MediaDevices
 
-- [`MediaDevices.selectAudioOutput()`](/en-US/docs/Web/API/MediaDevices/selectAudioOutput)
+- {{domxref("MediaDevices.selectAudioOutput()")}}
   - : This method prompts the user to select a specific audio output device, for example a speaker or headset.
     Selecting a device grants user permission to use that device and returns information about the device, including its ID.
 
 #### HTMLMediaElement
 
-- [`HTMLMediaElement.setSinkId()`](/en-US/docs/Web/API/HTMLMediaElement/setSinkId)
+- {{domxref("HTMLMediaElement.setSinkId()")}}
   - : This method sets the ID of the audio device to use for output, which will be used if permitted.
-- [`HTMLMediaElement.sinkId`](/en-US/docs/Web/API/HTMLMediaElement/sinkId)
+- {{domxref("HTMLMediaElement.sinkId")}}
   - : This property returns the unique ID of the audio device being used for output, or an empty string if the default user agent device is being used.
 
 ## Security requirements
@@ -55,18 +55,18 @@ Access to the API is subject to the following constraints:
 
 - All methods and properties may only be called in a [secure context](/en-US/docs/Web/Security/Secure_Contexts).
 
-- [`MediaDevices.selectAudioOutput()`](/en-US/docs/Web/API/MediaDevices/selectAudioOutput) grants user permission for a selected device to be used as the audio output sink:
+- {{domxref("MediaDevices.selectAudioOutput()")}} grants user permission for a selected device to be used as the audio output sink:
 
   - Access may be gated by the [`speaker-selection`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/speaker-selection) HTTP [Permission Policy](/en-US/docs/Web/HTTP/Permissions_Policy).
   - [Transient user activation](/en-US/docs/Web/Security/User_activation) is required.
     The user has to interact with the page or a UI element for the method to be called.
 
-- [`HTMLMediaElement.setSinkId()`](/en-US/docs/Web/API/HTMLMediaElement/setSinkId) sets a permitted ID as the audio output:
+- {{domxref("HTMLMediaElement.setSinkId()")}} sets a permitted ID as the audio output:
 
   - Access may be gated by the [`speaker-selection`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/speaker-selection) HTTP [Permission Policy](/en-US/docs/Web/HTTP/Permissions_Policy).
   - User permission is required to set a non-default device ID.
     - This can come from selection in the prompt launched by `MediaDevices.selectAudioOutput()`
-    - User permission to set the output device is also implicitly granted if the user has already granted permission to use a media input device in the same group with [`MediaDevices.getUserMedia()`](/en-US/docs/Web/API/MediaDevices/getUserMedia).
+    - User permission to set the output device is also implicitly granted if the user has already granted permission to use a media input device in the same group with {{domxref("MediaDevices.getUserMedia()")}}.
 
 <!-- The line below is "true" but this is not implemented in any browser -->
 <!-- The permission status can be queried using the [Permissions API](/en-US/docs/Web/API/Permissions_API) method [`navigator.permissions.query()`](/en-US/docs/Web/API/Permissions/query), passing a permission descriptor with the `speaker-selection` permission. -->
diff --git a/files/en-us/web/api/htmlmediaelement/setsinkid/index.md b/files/en-us/web/api/htmlmediaelement/setsinkid/index.md
index f3e15bf0d3a0482..3b559b9d0e4c69c 100644
--- a/files/en-us/web/api/htmlmediaelement/setsinkid/index.md
+++ b/files/en-us/web/api/htmlmediaelement/setsinkid/index.md
@@ -6,9 +6,9 @@ page-type: web-api-instance-method
 browser-compat: api.HTMLMediaElement.setSinkId
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Audio Output Devices API")}}{{securecontext_header}}
 
-The **`HTMLMediaElement.setSinkId()`** method of the [Audio Output Devices API](/en-US/docs/Web/API/Audio_Output_Devices_API) sets the ID of the audio device to use for output and returns a [`Promise`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).
+The **`HTMLMediaElement.setSinkId()`** method of the [Audio Output Devices API](/en-US/docs/Web/API/Audio_Output_Devices_API) sets the ID of the audio device to use for output and returns a {{jsxref("Promise")}}.
 
 This only works when the application is permitted to use the specified device.
 For more information see the [security requirements](#security_requirements) below.
@@ -44,11 +44,11 @@ Access to the API is subject to the following constraints:
 - The method must be called in a [secure context](/en-US/docs/Web/Security/Secure_Contexts).
 - Access may be gated by the [`speaker-selection`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/speaker-selection) HTTP [Permission Policy](/en-US/docs/Web/HTTP/Permissions_Policy).
 - User permission is required to access a non-default device.
-  The user grants permission by selecting the device associated with the ID in the prompt displayed by [`MediaDevices.selectAudioOutput()`](/en-US/docs/Web/API/MediaDevices/selectAudioOutput).
+  The user grants permission by selecting the device associated with the ID in the prompt displayed by {{domxref("MediaDevices.selectAudioOutput()")}}.
 
 ## Examples
 
-This example shows how to select an audio output device from the array returned by [`MediaDevices.enumerateDevices()`](/en-US/docs/Web/API/MediaDevices/enumerateDevices), and set it as the sink for audio.
+This example shows how to select an audio output device from the array returned by {{domxref("MediaDevices.enumerateDevices()")}}, and set it as the sink for audio.
 Note that the result of `enumerateDevices()` only includes devices for which user permission is not required or has already been been granted.
 
 ```js
@@ -69,4 +69,5 @@ console.log(`Audio is being output on ${audio.sinkId}`);
 
 ## See also
 
-[`HTMLMediaElement.sinkId`](/en-US/docs/Web/API/HTMLMediaElement/sinkId)
+- {{domxref("MediaDevices.selectAudioOutput()")}}
+- {{domxref("HTMLMediaElement.sinkId")}}
diff --git a/files/en-us/web/api/htmlmediaelement/sinkid/index.md b/files/en-us/web/api/htmlmediaelement/sinkid/index.md
index e13a59bfadc87b1..53e991b8a9a4ff6 100644
--- a/files/en-us/web/api/htmlmediaelement/sinkid/index.md
+++ b/files/en-us/web/api/htmlmediaelement/sinkid/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.HTMLMediaElement.sinkId
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Audio Output Devices API")}}{{securecontext_header}}
 
 The **`HTMLMediaElement.sinkId`** read-only property of the [Audio Output Devices API](/en-US/docs/Web/API/Audio_Output_Devices_API) returns a string that is the unique ID of the device to be used for playing audio output.
 
@@ -33,4 +33,5 @@ Access to the property is subject to the following constraints:
 
 ## See also
 
-[`HTMLMediaElement.setSinkId()`](/en-US/docs/Web/API/HTMLMediaElement/setSinkId)
+- {{domxref("MediaDevices.selectAudioOutput()")}}
+- {{domxref("HTMLMediaElement.setSinkId()")}}
diff --git a/files/en-us/web/api/mediadevices/selectaudiooutput/index.md b/files/en-us/web/api/mediadevices/selectaudiooutput/index.md
index c4af7eeba3e2680..6c83d53e144728c 100644
--- a/files/en-us/web/api/mediadevices/selectaudiooutput/index.md
+++ b/files/en-us/web/api/mediadevices/selectaudiooutput/index.md
@@ -8,11 +8,11 @@ status:
 browser-compat: api.MediaDevices.selectAudioOutput
 ---
 
-{{APIRef("WebRTC")}} {{SeeCompatTable}}
+{{APIRef("Audio Output Devices API")}}{{securecontext_header}}{{SeeCompatTable}}
 
-The {{domxref("MediaDevices.selectAudioOutput()")}} method of the [Audio Output Devices API](/en-US/docs/Web/API/Audio_Output_Devices_API) prompts the user to select an audio output device, such as a speaker or headset. If the user selects a device, the method grants user permission to use the selected device as an audio output sink.
+The **`MediaDevices.selectAudioOutput()`** method of the [Audio Output Devices API](/en-US/docs/Web/API/Audio_Output_Devices_API) prompts the user to select an audio output device, such as a speaker or headset. If the user selects a device, the method grants user permission to use the selected device as an audio output sink.
 
-Following selection, if the device is available it can be enumerated using [`MediaDevices.enumerateDevices()`](/en-US/docs/Web/API/MediaDevices/enumerateDevices) and set as the audio output sink using [`HTMLMediaElement.setSinkId()`](/en-US/docs/Web/API/HTMLMediaElement/setSinkId).
+Following selection, if the device is available it can be enumerated using {{domxref("MediaDevices.enumerateDevices()")}} and set as the audio output sink using {{domxref("HTMLMediaElement.setSinkId()")}}.
 
 On success, the returned {{jsxref("Promise")}} is resolved with a {{domxref("MediaDeviceInfo")}} describing the selected device.
 
@@ -63,12 +63,12 @@ Access to the API is subject to the following constraints:
   The user has to interact with the page or a UI element for this feature to work.
 - Access may be gated by the [`speaker-selection`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/midi) HTTP [Permission Policy](/en-US/docs/Web/HTTP/Permissions_Policy).
 
-The permission status can be queried using the [Permissions API](/en-US/docs/Web/API/Permissions_API) method [`navigator.permissions.query()`](/en-US/docs/Web/API/Permissions/query), passing a permission descriptor with the `speaker-selection` permission.
+The permission status can be queried using the [Permissions API](/en-US/docs/Web/API/Permissions_API) method {{domxref("Permissions.query", "navigator.permissions.query()")}}, passing a permission descriptor with the `speaker-selection` permission.
 
 ## Examples
 
 Here's an example of using `selectAudioOutput()`, within a function that is triggered by a button click.
-It outputs the selected [device IDs](/en-US/docs/Web/API/MediaDeviceInfo/deviceId) and labels (if available) or an error message.
+It outputs the selected {{domxref("MediaDeviceInfo.deviceId", "device IDs", "", "nocode")}} and labels (if available) or an error message.
 
 ```js
 document.querySelector("#myButton").addEventListener("click", () => {
@@ -105,6 +105,6 @@ audiooutput: Realtek Digital Output (Realtek(R) Audio) id = 0wE6fURSZ20H0N2Nbxqg
 
 ## See also
 
-- [`HTMLMediaElement.setSinkId()`](/en-US/docs/Web/API/HTMLMediaElement/setSinkId)
-- [`HTMLMediaElement.sinkId`](/en-US/docs/Web/API/HTMLMediaElement/sinkId)
+- {{domxref("HTMLMediaElement.setSinkId()")}}
+- {{domxref("HTMLMediaElement.sinkId")}}
 - [WebRTC](/en-US/docs/Web/API/WebRTC_API) - the introductory page to the API

From c9f7361807d9b0fbf0fcf0ccc5cc166bf33d307d Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Sun, 24 Dec 2023 12:08:05 +0530
Subject: [PATCH 092/790] Synchronize with BCD v5.5.2 (#31262)

Co-authored-by: OnkarRuikar <OnkarRuikar@users.noreply.github.com>
---
 files/en-us/web/api/document/index.md                       | 2 +-
 .../en-us/web/api/document/requeststorageaccessfor/index.md | 4 ++--
 .../reference/global_objects/arraybuffer/detached/index.md  | 4 +---
 .../reference/global_objects/arraybuffer/index.md           | 6 +++---
 .../reference/global_objects/arraybuffer/transfer/index.md  | 4 +---
 .../arraybuffer/transfertofixedlength/index.md              | 4 +---
 6 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/files/en-us/web/api/document/index.md b/files/en-us/web/api/document/index.md
index 7759df1ba63e1e0..ebb29450dd8a256 100644
--- a/files/en-us/web/api/document/index.md
+++ b/files/en-us/web/api/document/index.md
@@ -256,7 +256,7 @@ _This interface also inherits from the {{DOMxRef("Node")}} and {{DOMxRef("EventT
   - : Replaces the existing children of a document with a specified new set of children.
 - {{DOMxRef("Document.requestStorageAccess()")}}
   - : Allows a document loaded in a third-party context (i.e. embedded in an {{htmlelement("iframe")}}) to request access to unpartitioned cookies, in cases where user agents by default block access to unpartitioned cookies by sites loaded in a third-party context to improve privacy.
-- {{DOMxRef("Document.requestStorageAccessFor()")}} {{Non-standard_Inline}}
+- {{DOMxRef("Document.requestStorageAccessFor()")}} {{experimental_inline}}
   - : Allows top-level sites to request third-party cookie access on behalf of embedded content originating from another site in the same [related website set](/en-US/docs/Web/API/Storage_Access_API/Related_website_sets).
 - {{domxref("Document.startViewTransition()")}} {{Experimental_Inline}}
   - : Starts a new {{domxref("View Transitions API", "view transition", "", "nocode")}} and returns a {{domxref("ViewTransition")}} object to represent it.
diff --git a/files/en-us/web/api/document/requeststorageaccessfor/index.md b/files/en-us/web/api/document/requeststorageaccessfor/index.md
index 236fb45c1d5fdff..43801b89d906e27 100644
--- a/files/en-us/web/api/document/requeststorageaccessfor/index.md
+++ b/files/en-us/web/api/document/requeststorageaccessfor/index.md
@@ -4,11 +4,11 @@ short-title: requestStorageAccessFor()
 slug: Web/API/Document/requestStorageAccessFor
 page-type: web-api-instance-method
 status:
-  - non-standard
+  - experimental
 browser-compat: api.Document.requestStorageAccessFor
 ---
 
-{{APIRef("Storage Access API")}}{{non-standard_header}}
+{{APIRef("Storage Access API")}}{{SeeCompatTable}}
 
 The **`requestStorageAccessFor()`** method of the {{domxref("Document")}} interface allows top-level sites to request third-party cookie access on behalf of embedded content originating from another site in the same [related website set](/en-US/docs/Web/API/Storage_Access_API/Related_website_sets). It returns a {{jsxref("Promise")}} that resolves if the access was granted, and rejects if access was denied.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/arraybuffer/detached/index.md b/files/en-us/web/javascript/reference/global_objects/arraybuffer/detached/index.md
index 94b9af766e54b88..469f922f1ab4b8f 100644
--- a/files/en-us/web/javascript/reference/global_objects/arraybuffer/detached/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/arraybuffer/detached/index.md
@@ -2,12 +2,10 @@
 title: ArrayBuffer.prototype.detached
 slug: Web/JavaScript/Reference/Global_Objects/ArrayBuffer/detached
 page-type: javascript-instance-accessor-property
-status:
-  - experimental
 browser-compat: javascript.builtins.ArrayBuffer.detached
 ---
 
-{{JSRef}} {{SeeCompatTable}}
+{{JSRef}}
 
 The **`detached`** accessor property of {{jsxref("ArrayBuffer")}} instances returns a boolean indicating whether or not this buffer has been detached (transferred).
 
diff --git a/files/en-us/web/javascript/reference/global_objects/arraybuffer/index.md b/files/en-us/web/javascript/reference/global_objects/arraybuffer/index.md
index 7ebfef916ab0cff..10c726705abe8b3 100644
--- a/files/en-us/web/javascript/reference/global_objects/arraybuffer/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/arraybuffer/index.md
@@ -57,7 +57,7 @@ These properties are defined on `ArrayBuffer.prototype` and shared by all `Array
   - : The size, in bytes, of the `ArrayBuffer`. This is established when the array is constructed and can only be changed using the {{jsxref("ArrayBuffer.prototype.resize()")}} method if the `ArrayBuffer` is resizable.
 - {{jsxref("Object/constructor", "ArrayBuffer.prototype.constructor")}}
   - : The constructor function that created the instance object. For `ArrayBuffer` instances, the initial value is the {{jsxref("ArrayBuffer/ArrayBuffer", "ArrayBuffer")}} constructor.
-- {{jsxref("ArrayBuffer.prototype.detached")}} {{experimental_inline}}
+- {{jsxref("ArrayBuffer.prototype.detached")}}
   - : Read-only. Returns `true` if the `ArrayBuffer` has been detached (transferred), or `false` if not.
 - {{jsxref("ArrayBuffer.prototype.maxByteLength")}}
   - : The read-only maximum length, in bytes, that the `ArrayBuffer` can be resized to. This is established when the array is constructed and cannot be changed.
@@ -72,9 +72,9 @@ These properties are defined on `ArrayBuffer.prototype` and shared by all `Array
   - : Resizes the `ArrayBuffer` to the specified size, in bytes.
 - {{jsxref("ArrayBuffer.prototype.slice()")}}
   - : Returns a new `ArrayBuffer` whose contents are a copy of this `ArrayBuffer`'s bytes from `begin` (inclusive) up to `end` (exclusive). If either `begin` or `end` is negative, it refers to an index from the end of the array, as opposed to from the beginning.
-- {{jsxref("ArrayBuffer.prototype.transfer()")}} {{experimental_inline}}
+- {{jsxref("ArrayBuffer.prototype.transfer()")}}
   - : Creates a new `ArrayBuffer` with the same byte content as this buffer, then detaches this buffer.
-- {{jsxref("ArrayBuffer.prototype.transferToFixedLength()")}} {{experimental_inline}}
+- {{jsxref("ArrayBuffer.prototype.transferToFixedLength()")}}
   - : Creates a new non-resizable `ArrayBuffer` with the same byte content as this buffer, then detaches this buffer.
 
 ## Examples
diff --git a/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfer/index.md b/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfer/index.md
index 57da77768d16f03..9387713ed4333c5 100644
--- a/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfer/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfer/index.md
@@ -2,12 +2,10 @@
 title: ArrayBuffer.prototype.transfer()
 slug: Web/JavaScript/Reference/Global_Objects/ArrayBuffer/transfer
 page-type: javascript-instance-method
-status:
-  - experimental
 browser-compat: javascript.builtins.ArrayBuffer.transfer
 ---
 
-{{JSRef}} {{SeeCompatTable}}
+{{JSRef}}
 
 The **`transfer()`** method of {{jsxref("ArrayBuffer")}} instances creates a new `ArrayBuffer` with the same byte content as this buffer, then detaches this buffer.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfertofixedlength/index.md b/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfertofixedlength/index.md
index 2585df6fb1712ae..031ef893e66c3a1 100644
--- a/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfertofixedlength/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfertofixedlength/index.md
@@ -2,12 +2,10 @@
 title: ArrayBuffer.prototype.transferToFixedLength()
 slug: Web/JavaScript/Reference/Global_Objects/ArrayBuffer/transferToFixedLength
 page-type: javascript-instance-method
-status:
-  - experimental
 browser-compat: javascript.builtins.ArrayBuffer.transferToFixedLength
 ---
 
-{{JSRef}} {{SeeCompatTable}}
+{{JSRef}}
 
 The **`transferToFixedLength()`** method of {{jsxref("ArrayBuffer")}} instances creates a new non-resizable `ArrayBuffer` with the same byte content as this buffer, then detaches this buffer.
 

From 4e0e08030ea022cb670a136ef540398a6c134f7d Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sun, 24 Dec 2023 07:50:11 +0100
Subject: [PATCH 093/790] Remove tedious, incomplete and unmaintained list of
 events per interface (#31220)

* Remove tedious, incomplete and unmaintained list of events per interfaceerfaces

* Update files/en-us/web/events/index.md

* Add s to the title
---
 files/en-us/web/api/performance_api/index.md |   2 +-
 files/en-us/web/events/index.md              | 541 +------------------
 2 files changed, 3 insertions(+), 540 deletions(-)

diff --git a/files/en-us/web/api/performance_api/index.md b/files/en-us/web/api/performance_api/index.md
index 7c7938e4f398866..ed22dd964d0a9ba 100644
--- a/files/en-us/web/api/performance_api/index.md
+++ b/files/en-us/web/api/performance_api/index.md
@@ -1,5 +1,5 @@
 ---
-title: Performance API
+title: Performance APIs
 slug: Web/API/Performance_API
 page-type: web-api-overview
 spec-urls:
diff --git a/files/en-us/web/events/index.md b/files/en-us/web/events/index.md
index 1a242fd23dec3f6..b1437cc4b771656 100644
--- a/files/en-us/web/events/index.md
+++ b/files/en-us/web/events/index.md
@@ -556,19 +556,9 @@ This topic provides an index to the main _sorts_ of events you might be interest
       <td>Performance</td>
       <td>
         <p>
-          Events related to
+          Events related to any performance-related spec grouped into
           <a href="/en-US/docs/Web/API/Performance_API"
-            >High Resolution Time API</a
-          >,
-          <a href="/en-US/docs/Web/API/Performance_Timeline"
-            >Performance Timeline API</a
-          >,
-          <a href="/en-US/docs/Web/API/Navigation_timing_API"
-            >Navigation Timing API</a
-          >, <a href="/en-US/docs/Web/API/User_Timing_API">User Timing API</a>,
-          and
-          <a href="/en-US/docs/Web/API/Resource_Timing_API"
-            >Resource Timing API</a
+            >Performance APIs</a
           >.
         </p>
       </td>
@@ -837,533 +827,6 @@ This topic provides an index to the main _sorts_ of events you might be interest
   </tbody>
 </table>
 
-## Event listing
-
-This section lists events that have _their own_ reference pages on MDN. If you are interested in an event that isn't listed here, try searching for its name, topic area, or associated specification on the rest of MDN.
-
-- {{DOMxRef("AbortSignal")}}
-
-  - [abort event](/en-US/docs/Web/API/AbortSignal/abort_event)
-
-- {{DOMxRef("AudioScheduledSourceNode")}}
-
-  - [ended event](/en-US/docs/Web/API/AudioScheduledSourceNode/ended_event)
-
-- {{DOMxRef("AudioTrackList")}}
-
-  - [addtrack event](/en-US/docs/Web/API/AudioTrackList/addtrack_event)
-  - [change event](/en-US/docs/Web/API/AudioTrackList/change_event)
-  - [removetrack event](/en-US/docs/Web/API/AudioTrackList/removetrack_event)
-
-- {{DOMxRef("BroadcastChannel")}}
-
-  - [messageerror event](/en-US/docs/Web/API/BroadcastChannel/messageerror_event)
-  - [message event](/en-US/docs/Web/API/BroadcastChannel/message_event)
-
-- {{DOMxRef("DedicatedWorkerGlobalScope")}}
-
-  - [messageerror event](/en-US/docs/Web/API/DedicatedWorkerGlobalScope/messageerror_event)
-  - [message event](/en-US/docs/Web/API/DedicatedWorkerGlobalScope/message_event)
-
-- {{DOMxRef("Document")}}
-
-  - [animationcancel event](/en-US/docs/Web/API/Element/animationcancel_event)
-  - [animationend event](/en-US/docs/Web/API/Element/animationend_event)
-  - [animationiteration event](/en-US/docs/Web/API/Element/animationiteration_event)
-  - [animationstart event](/en-US/docs/Web/API/Element/animationstart_event)
-  - [copy event](/en-US/docs/Web/API/Document/copy_event)
-  - [cut event](/en-US/docs/Web/API/Document/cut_event)
-  - [DOMContentLoaded event](/en-US/docs/Web/API/Document/DOMContentLoaded_event)
-  - [dragend event](/en-US/docs/Web/API/HTMLElement/dragend_event)
-  - [dragenter event](/en-US/docs/Web/API/HTMLElement/dragenter_event)
-  - [dragleave event](/en-US/docs/Web/API/HTMLElement/dragleave_event)
-  - [dragover event](/en-US/docs/Web/API/HTMLElement/dragover_event)
-  - [dragstart event](/en-US/docs/Web/API/HTMLElement/dragstart_event)
-  - [drag event](/en-US/docs/Web/API/HTMLElement/drag_event)
-  - [drop event](/en-US/docs/Web/API/HTMLElement/drop_event)
-  - [fullscreenchange event](/en-US/docs/Web/API/Document/fullscreenchange_event)
-  - [fullscreenerror event](/en-US/docs/Web/API/Document/fullscreenerror_event)
-  - [gotpointercapture event](/en-US/docs/Web/API/Element/gotpointercapture_event)
-  - [keydown event](/en-US/docs/Web/API/Element/keydown_event)
-  - [keypress event](/en-US/docs/Web/API/Element/keypress_event)
-  - [keyup event](/en-US/docs/Web/API/Element/keyup_event)
-  - [lostpointercapture event](/en-US/docs/Web/API/Document/lostpointercapture_event)
-  - [paste event](/en-US/docs/Web/API/Document/paste_event)
-  - [pointercancel event](/en-US/docs/Web/API/Element/pointercancel_event)
-  - [pointerdown event](/en-US/docs/Web/API/Element/pointerdown_event)
-  - [pointerenter event](/en-US/docs/Web/API/Element/pointerenter_event)
-  - [pointerleave event](/en-US/docs/Web/API/Element/pointerleave_event)
-  - [pointerlockchange event](/en-US/docs/Web/API/Document/pointerlockchange_event)
-  - [pointerlockerror event](/en-US/docs/Web/API/Document/pointerlockerror_event)
-  - [pointermove event](/en-US/docs/Web/API/Element/pointermove_event)
-  - [pointerout event](/en-US/docs/Web/API/Element/pointerout_event)
-  - [pointerover event](/en-US/docs/Web/API/Element/pointerover_event)
-  - [pointerup event](/en-US/docs/Web/API/Element/pointerup_event)
-  - [readystatechange event](/en-US/docs/Web/API/Document/readystatechange_event)
-  - [scroll event](/en-US/docs/Web/API/Document/scroll_event)
-  - [selectionchange event](/en-US/docs/Web/API/Document/selectionchange_event)
-  - [touchcancel event](/en-US/docs/Web/API/Element/touchcancel_event)
-  - [touchend event](/en-US/docs/Web/API/Element/touchend_event)
-  - [touchmove event](/en-US/docs/Web/API/Element/touchmove_event)
-  - [touchstart event](/en-US/docs/Web/API/Element/touchstart_event)
-  - [transitioncancel event](/en-US/docs/Web/API/Element/transitioncancel_event)
-  - [transitionend event](/en-US/docs/Web/API/Element/transitionend_event)
-  - [transitionrun event](/en-US/docs/Web/API/Element/transitionrun_event)
-  - [transitionstart event](/en-US/docs/Web/API/Element/transitionstart_event)
-  - [visibilitychange event](/en-US/docs/Web/API/Document/visibilitychange_event)
-  - [wheel event](/en-US/docs/Web/API/Element/wheel_event)
-
-- {{DOMxRef("Element")}}
-
-  - [animationcancel event](/en-US/docs/Web/API/Element/animationcancel_event)
-  - [animationend event](/en-US/docs/Web/API/Element/animationend_event)
-  - [animationiteration event](/en-US/docs/Web/API/Element/animationiteration_event)
-  - [animationstart event](/en-US/docs/Web/API/Element/animationstart_event)
-  - [afterscriptexecute event](/en-US/docs/Web/API/Element/afterscriptexecute_event)
-  - [auxclick event](/en-US/docs/Web/API/Element/auxclick_event)
-  - [beforescriptexecute event](/en-US/docs/Web/API/Element/beforescriptexecute_event)
-  - [blur event](/en-US/docs/Web/API/Element/blur_event)
-  - [click event](/en-US/docs/Web/API/Element/click_event)
-  - [compositionend event](/en-US/docs/Web/API/Element/compositionend_event)
-  - [compositionstart event](/en-US/docs/Web/API/Element/compositionstart_event)
-  - [compositionupdate event](/en-US/docs/Web/API/Element/compositionupdate_event)
-  - [contextmenu event](/en-US/docs/Web/API/Element/contextmenu_event)
-  - [copy event](/en-US/docs/Web/API/Element/copy_event)
-  - [cut event](/en-US/docs/Web/API/Element/cut_event)
-  - [dblclick event](/en-US/docs/Web/API/Element/dblclick_event)
-  - [DOMActivate event](/en-US/docs/Web/API/Element/DOMActivate_event)
-  - [DOMMouseScroll event](/en-US/docs/Web/API/Element/DOMMouseScroll_event)
-  - [error event](/en-US/docs/Web/API/HTMLElement/error_event)
-  - [focusin event](/en-US/docs/Web/API/Element/focusin_event)
-  - [focusout event](/en-US/docs/Web/API/Element/focusout_event)
-  - [focus event](/en-US/docs/Web/API/Element/focus_event)
-  - [fullscreenchange event](/en-US/docs/Web/API/Element/fullscreenchange_event)
-  - [fullscreenerror event](/en-US/docs/Web/API/Element/fullscreenerror_event)
-  - [gesturechange event](/en-US/docs/Web/API/Element/gesturechange_event)
-  - [gestureend event](/en-US/docs/Web/API/Element/gestureend_event)
-  - [gesturestart event](/en-US/docs/Web/API/Element/gesturestart_event)
-  - [gotpointercapture event](/en-US/docs/Web/API/Element/gotpointercapture_event)
-  - [keydown event](/en-US/docs/Web/API/Element/keydown_event)
-  - [keypress event](/en-US/docs/Web/API/Element/keypress_event)
-  - [keyup event](/en-US/docs/Web/API/Element/keyup_event)
-  - [lostpointercapture event](/en-US/docs/Web/API/Element/lostpointercapture_event)
-  - [mousedown event](/en-US/docs/Web/API/Element/mousedown_event)
-  - [mouseenter event](/en-US/docs/Web/API/Element/mouseenter_event)
-  - [mouseleave event](/en-US/docs/Web/API/Element/mouseleave_event)
-  - [mousemove event](/en-US/docs/Web/API/Element/mousemove_event)
-  - [mouseout event](/en-US/docs/Web/API/Element/mouseout_event)
-  - [mouseover event](/en-US/docs/Web/API/Element/mouseover_event)
-  - [mouseup event](/en-US/docs/Web/API/Element/mouseup_event)
-  - [mousewheel event](/en-US/docs/Web/API/Element/mousewheel_event)
-  - [paste event](/en-US/docs/Web/API/Element/paste_event)
-  - [pointercancel event](/en-US/docs/Web/API/Element/pointercancel_event)
-  - [pointerdown event](/en-US/docs/Web/API/Element/pointerdown_event)
-  - [pointerenter event](/en-US/docs/Web/API/Element/pointerenter_event)
-  - [pointerleave event](/en-US/docs/Web/API/Element/pointerleave_event)
-  - [pointermove event](/en-US/docs/Web/API/Element/pointermove_event)
-  - [pointerout event](/en-US/docs/Web/API/Element/pointerout_event)
-  - [pointerover event](/en-US/docs/Web/API/Element/pointerover_event)
-  - [pointerup event](/en-US/docs/Web/API/Element/pointerup_event)
-  - [scroll event](/en-US/docs/Web/API/Element/scroll_event)
-  - [select event](/en-US/docs/Web/API/HTMLInputElement/select_event)
-  - [touchcancel event](/en-US/docs/Web/API/Element/touchcancel_event)
-  - [touchend event](/en-US/docs/Web/API/Element/touchend_event)
-  - [touchmove event](/en-US/docs/Web/API/Element/touchmove_event)
-  - [touchstart event](/en-US/docs/Web/API/Element/touchstart_event)
-  - [transitioncancel event](/en-US/docs/Web/API/Element/transitioncancel_event)
-  - [transitionend event](/en-US/docs/Web/API/Element/transitionend_event)
-  - [transitionrun event](/en-US/docs/Web/API/Element/transitionrun_event)
-  - [transitionstart event](/en-US/docs/Web/API/Element/transitionstart_event)
-  - [webkitmouseforcechanged event](/en-US/docs/Web/API/Element/webkitmouseforcechanged_event)
-  - [webkitmouseforcedown event](/en-US/docs/Web/API/Element/webkitmouseforcedown_event)
-  - [webkitmouseforceup event](/en-US/docs/Web/API/Element/webkitmouseforceup_event)
-  - [webkitmouseforcewillbegin event](/en-US/docs/Web/API/Element/webkitmouseforcewillbegin_event)
-  - [wheel event](/en-US/docs/Web/API/Element/wheel_event)
-  - [cancel event](/en-US/docs/Web/API/HTMLElement/cancel_event)
-
-- {{DOMxRef("EventSource")}}
-
-  - [error event](/en-US/docs/Web/API/EventSource/error_event)
-  - [message event](/en-US/docs/Web/API/EventSource/message_event)
-  - [open event](/en-US/docs/Web/API/EventSource/open_event)
-
-- {{DOMxRef("FileReader")}}
-
-  - [abort event](/en-US/docs/Web/API/FileReader/abort_event)
-  - [error event](/en-US/docs/Web/API/FileReader/error_event)
-  - [loadend event](/en-US/docs/Web/API/FileReader/loadend_event)
-  - [loadstart event](/en-US/docs/Web/API/FileReader/loadstart_event)
-  - [load event](/en-US/docs/Web/API/FileReader/load_event)
-  - [progress event](/en-US/docs/Web/API/FileReader/progress_event)
-
-- {{DOMxRef("HTMLCanvasElement")}}
-
-  - [webglcontextcreationerror event](/en-US/docs/Web/API/HTMLCanvasElement/webglcontextcreationerror_event)
-  - [webglcontextlost event](/en-US/docs/Web/API/HTMLCanvasElement/webglcontextlost_event)
-  - [webglcontextrestored event](/en-US/docs/Web/API/HTMLCanvasElement/webglcontextrestored_event)
-
-- {{DOMxRef("HTMLDetailsElement")}}
-
-  - [toggle event](/en-US/docs/Web/API/HTMLDetailsElement/toggle_event)
-
-- {{DOMxRef("HTMLDialogElement")}}
-
-  - [close event](/en-US/docs/Web/API/HTMLDialogElement/close_event)
-
-- {{DOMxRef("HTMLElement")}}
-
-  - [beforeinput event](/en-US/docs/Web/API/HTMLElement/beforeinput_event)
-  - [change event](/en-US/docs/Web/API/HTMLElement/change_event)
-  - [input event](/en-US/docs/Web/API/HTMLElement/input_event)
-
-- {{DOMxRef("HTMLFormElement")}}
-
-  - [formdata event](/en-US/docs/Web/API/HTMLFormElement/formdata_event)
-  - [reset event](/en-US/docs/Web/API/HTMLFormElement/reset_event)
-  - [submit event](/en-US/docs/Web/API/HTMLFormElement/submit_event)
-
-- {{DOMxRef("HTMLInputElement")}}
-
-  - [invalid event](/en-US/docs/Web/API/HTMLInputElement/invalid_event)
-  - [search event](/en-US/docs/Web/API/HTMLInputElement/search_event)
-
-- {{DOMxRef("HTMLMediaElement")}}
-
-  - [abort event](/en-US/docs/Web/API/HTMLMediaElement/abort_event)
-  - [canplaythrough event](/en-US/docs/Web/API/HTMLMediaElement/canplaythrough_event)
-  - [canplay event](/en-US/docs/Web/API/HTMLMediaElement/canplay_event)
-  - [durationchange event](/en-US/docs/Web/API/HTMLMediaElement/durationchange_event)
-  - [emptied event](/en-US/docs/Web/API/HTMLMediaElement/emptied_event)
-  - [ended event](/en-US/docs/Web/API/HTMLMediaElement/ended_event)
-  - [error event](/en-US/docs/Web/API/HTMLMediaElement/error_event)
-  - [loadeddata event](/en-US/docs/Web/API/HTMLMediaElement/loadeddata_event)
-  - [loadedmetadata event](/en-US/docs/Web/API/HTMLMediaElement/loadedmetadata_event)
-  - [loadstart event](/en-US/docs/Web/API/HTMLMediaElement/loadstart_event)
-  - [pause event](/en-US/docs/Web/API/HTMLMediaElement/pause_event)
-  - [playing event](/en-US/docs/Web/API/HTMLMediaElement/playing_event)
-  - [play event](/en-US/docs/Web/API/HTMLMediaElement/play_event)
-  - [progress event](/en-US/docs/Web/API/HTMLMediaElement/progress_event)
-  - [ratechange event](/en-US/docs/Web/API/HTMLMediaElement/ratechange_event)
-  - [seeked event](/en-US/docs/Web/API/HTMLMediaElement/seeked_event)
-  - [seeking event](/en-US/docs/Web/API/HTMLMediaElement/seeking_event)
-  - [stalled event](/en-US/docs/Web/API/HTMLMediaElement/stalled_event)
-  - [suspend event](/en-US/docs/Web/API/HTMLMediaElement/suspend_event)
-  - [timeupdate event](/en-US/docs/Web/API/HTMLMediaElement/timeupdate_event)
-  - [volumechange event](/en-US/docs/Web/API/HTMLMediaElement/volumechange_event)
-  - [waiting event](/en-US/docs/Web/API/HTMLMediaElement/waiting_event)
-
-- {{DOMxRef("HTMLSlotElement")}}
-
-  - [slotchange event](/en-US/docs/Web/API/HTMLSlotElement/slotchange_event)
-
-- {{DOMxRef("HTMLTrackElement")}}
-
-  - [cuechange event](/en-US/docs/Web/API/HTMLTrackElement/cuechange_event)
-
-- {{DOMxRef("HTMLVideoElement")}}
-
-  - [enterpictureinpicture event](/en-US/docs/Web/API/HTMLVideoElement/enterpictureinpicture_event)
-  - [leavepictureinpicture event](/en-US/docs/Web/API/HTMLVideoElement/leavepictureinpicture_event)
-
-- {{DOMxRef("IDBDatabase")}}
-
-  - [abort event](/en-US/docs/Web/API/IDBTransaction/abort_event)
-  - [close event](/en-US/docs/Web/API/IDBDatabase/close_event)
-  - [error event](/en-US/docs/Web/API/IDBTransaction/error_event)
-  - [versionchange event](/en-US/docs/Web/API/IDBDatabase/versionchange_event)
-
-- {{DOMxRef("IDBOpenDBRequest")}}
-
-  - [blocked event](/en-US/docs/Web/API/IDBOpenDBRequest/blocked_event)
-  - [upgradeneeded event](/en-US/docs/Web/API/IDBOpenDBRequest/upgradeneeded_event)
-
-- {{DOMxRef("IDBRequest")}}
-
-  - [error event](/en-US/docs/Web/API/IDBRequest/error_event)
-  - [success event](/en-US/docs/Web/API/IDBRequest/success_event)
-
-- {{DOMxRef("IDBTransaction")}}
-
-  - [abort event](/en-US/docs/Web/API/IDBTransaction/abort_event)
-  - [complete event](/en-US/docs/Web/API/IDBTransaction/complete_event)
-  - [error event](/en-US/docs/Web/API/IDBTransaction/error_event)
-
-- {{DOMxRef("MediaDevices")}}
-
-  - [devicechange event](/en-US/docs/Web/API/MediaDevices/devicechange_event)
-
-- {{DOMxRef("MediaRecorder")}}
-
-  - [error event](/en-US/docs/Web/API/MediaRecorder/error_event)
-
-- {{DOMxRef("MediaStream")}}
-
-  - [addtrack event](/en-US/docs/Web/API/MediaStream/addtrack_event)
-  - [removetrack event](/en-US/docs/Web/API/MediaStream/removetrack_event)
-
-- {{DOMxRef("MediaStreamTrack")}}
-
-  - [ended event](/en-US/docs/Web/API/MediaStreamTrack/ended_event)
-  - [mute event](/en-US/docs/Web/API/MediaStreamTrack/mute_event)
-  - [unmute event](/en-US/docs/Web/API/MediaStreamTrack/unmute_event)
-
-- {{DOMxRef("MediaQueryList")}}
-
-  - [change event](/en-US/docs/Web/API/MediaQueryList/change_event)
-
-- {{DOMxRef("MessagePort")}}
-
-  - [messageerror event](/en-US/docs/Web/API/MessagePort/messageerror_event)
-  - [message event](/en-US/docs/Web/API/MessagePort/message_event)
-
-- {{DOMxRef("OfflineAudioContext")}}
-
-  - [complete event](/en-US/docs/Web/API/OfflineAudioContext/complete_event)
-
-- {{DOMxRef("PaymentRequest")}}
-
-  - [merchantvalidation event](/en-US/docs/Web/API/PaymentRequest/merchantvalidation_event)
-  - [paymentmethodchange event](/en-US/docs/Web/API/PaymentRequest/paymentmethodchange_event)
-  - [shippingaddresschange event](/en-US/docs/Web/API/PaymentRequest/shippingaddresschange_event)
-  - [shippingoptionchange event](/en-US/docs/Web/API/PaymentRequest/shippingoptionchange_event)
-
-- {{DOMxRef("PaymentResponse")}}
-
-  - [payerdetailchange event](/en-US/docs/Web/API/PaymentResponse/payerdetailchange_event)
-
-- {{DOMxRef("Performance")}}
-
-  - [resourcetimingbufferfull event](/en-US/docs/Web/API/Performance/resourcetimingbufferfull_event)
-
-- {{DOMxRef("PictureInPictureWindow")}}
-
-  - [resize event](/en-US/docs/Web/API/PictureInPictureWindow/resize_event)
-
-- {{DOMxRef("RTCDataChannel")}}
-
-  - [bufferedamountlow event](/en-US/docs/Web/API/RTCDataChannel/bufferedamountlow_event)
-  - [close event](/en-US/docs/Web/API/RTCDataChannel/close_event)
-  - [closing event](/en-US/docs/Web/API/RTCDataChannel/closing_event)
-  - [error event](/en-US/docs/Web/API/RTCDataChannel/error_event)
-  - [message event](/en-US/docs/Web/API/RTCDataChannel/message_event)
-  - [open event](/en-US/docs/Web/API/RTCDataChannel/open_event)
-
-- {{DOMxRef("RTCDtlsTransport")}}
-
-  - [error event](/en-US/docs/Web/API/RTCDtlsTransport/error_event)
-
-- {{DOMxRef("RTCDTMFSender")}}
-
-  - [tonechange event](/en-US/docs/Web/API/RTCDTMFSender/tonechange_event)
-
-- {{DOMxRef("RTCIceTransport")}}
-
-  - [gatheringstatechange event](/en-US/docs/Web/API/RTCIceTransport/gatheringstatechange_event)
-  - [selectedcandidatepairchange event](/en-US/docs/Web/API/RTCIceTransport/selectedcandidatepairchange_event)
-  - [statechange event](/en-US/docs/Web/API/RTCIceTransport/statechange_event)
-
-- {{DOMxRef("RTCPeerConnection")}}
-
-  - [addstream event](/en-US/docs/Web/API/RTCPeerConnection/addstream_event)
-  - [connectionstatechange event](/en-US/docs/Web/API/RTCPeerConnection/connectionstatechange_event)
-  - [datachannel event](/en-US/docs/Web/API/RTCPeerConnection/datachannel_event)
-  - [icecandidateerror event](/en-US/docs/Web/API/RTCPeerConnection/icecandidateerror_event)
-  - [icecandidate event](/en-US/docs/Web/API/RTCPeerConnection/icecandidate_event)
-  - [iceconnectionstatechange event](/en-US/docs/Web/API/RTCPeerConnection/iceconnectionstatechange_event)
-  - [icegatheringstatechange event](/en-US/docs/Web/API/RTCPeerConnection/icegatheringstatechange_event)
-  - [negotiationneeded event](/en-US/docs/Web/API/RTCPeerConnection/negotiationneeded_event)
-  - [removestream event](/en-US/docs/Web/API/RTCPeerConnection/removestream_event)
-  - [signalingstatechange event](/en-US/docs/Web/API/RTCPeerConnection/signalingstatechange_event)
-  - [track event](/en-US/docs/Web/API/RTCPeerConnection/track_event)
-
-- {{DOMxRef("ScriptProcessorNode")}}
-
-  - [audioprocess event](/en-US/docs/Web/API/ScriptProcessorNode/audioprocess_event)
-
-- {{DOMxRef("ServiceWorkerContainer")}}
-
-  - [message event](/en-US/docs/Web/API/ServiceWorkerContainer/message_event)
-
-- {{DOMxRef("ServiceWorkerGlobalScope")}}
-
-  - [activate event](/en-US/docs/Web/API/ServiceWorkerGlobalScope/activate_event)
-  - [contentdelete event](/en-US/docs/Web/API/ServiceWorkerGlobalScope/contentdelete_event)
-  - [install event](/en-US/docs/Web/API/ServiceWorkerGlobalScope/install_event)
-  - [message event](/en-US/docs/Web/API/ServiceWorkerGlobalScope/message_event)
-  - [notificationclick event](/en-US/docs/Web/API/ServiceWorkerGlobalScope/notificationclick_event)
-  - [pushsubscriptionchange event](/en-US/docs/Web/API/ServiceWorkerGlobalScope/pushsubscriptionchange_event)
-  - [push event](/en-US/docs/Web/API/ServiceWorkerGlobalScope/push_event)
-
-- {{DOMxRef("SharedWorkerGlobalScope")}}
-
-  - [connect event](/en-US/docs/Web/API/SharedWorkerGlobalScope/connect_event)
-
-- {{DOMxRef("SpeechRecognition")}}
-
-  - [audioend event](/en-US/docs/Web/API/SpeechRecognition/audioend_event)
-  - [audiostart event](/en-US/docs/Web/API/SpeechRecognition/audiostart_event)
-  - [end event](/en-US/docs/Web/API/SpeechRecognition/end_event)
-  - [error event](/en-US/docs/Web/API/SpeechRecognition/error_event)
-  - [nomatch event](/en-US/docs/Web/API/SpeechRecognition/nomatch_event)
-  - [result event](/en-US/docs/Web/API/SpeechRecognition/result_event)
-  - [soundend event](/en-US/docs/Web/API/SpeechRecognition/soundend_event)
-  - [soundstart event](/en-US/docs/Web/API/SpeechRecognition/soundstart_event)
-  - [speechend event](/en-US/docs/Web/API/SpeechRecognition/speechend_event)
-  - [speechstart event](/en-US/docs/Web/API/SpeechRecognition/speechstart_event)
-  - [start event](/en-US/docs/Web/API/SpeechRecognition/start_event)
-
-- {{DOMxRef("SpeechSynthesis")}}
-
-  - [voiceschanged event](/en-US/docs/Web/API/SpeechSynthesis/voiceschanged_event)
-
-- {{DOMxRef("SpeechSynthesisUtterance")}}
-
-  - [boundary event](/en-US/docs/Web/API/SpeechSynthesisUtterance/boundary_event)
-  - [end event](/en-US/docs/Web/API/SpeechSynthesisUtterance/end_event)
-  - [error event](/en-US/docs/Web/API/SpeechSynthesisUtterance/error_event)
-  - [mark event](/en-US/docs/Web/API/SpeechSynthesisUtterance/mark_event)
-  - [pause event](/en-US/docs/Web/API/SpeechSynthesisUtterance/pause_event)
-  - [resume event](/en-US/docs/Web/API/SpeechSynthesisUtterance/resume_event)
-  - [start event](/en-US/docs/Web/API/SpeechSynthesisUtterance/start_event)
-
-- {{DOMxRef("SVGAnimationElement")}}
-
-  - [beginEvent event](/en-US/docs/Web/API/SVGAnimationElement/beginEvent_event)
-  - [endEvent event](/en-US/docs/Web/API/SVGAnimationElement/endEvent_event)
-  - [repeatEvent event](/en-US/docs/Web/API/SVGAnimationElement/repeatEvent_event)
-
-- {{DOMxRef("SVGElement")}}
-
-  - [abort event](/en-US/docs/Web/API/SVGElement/abort_event)
-  - [error event](/en-US/docs/Web/API/SVGElement/error_event)
-  - [load event](/en-US/docs/Web/API/SVGElement/load_event)
-  - [resize event](/en-US/docs/Web/API/SVGElement/resize_event)
-  - [scroll event](/en-US/docs/Web/API/SVGElement/scroll_event)
-  - [unload event](/en-US/docs/Web/API/SVGElement/unload_event)
-
-- {{DOMxRef("SVGGraphicsElement")}}
-
-  - [copy event](/en-US/docs/Web/API/SVGGraphicsElement/copy_event)
-  - [cut event](/en-US/docs/Web/API/SVGGraphicsElement/cut_event)
-  - [paste event](/en-US/docs/Web/API/SVGGraphicsElement/paste_event)
-
-- {{DOMxRef("TextTrack")}}
-
-  - [cuechange event](/en-US/docs/Web/API/TextTrack/cuechange_event)
-
-- {{DOMxRef("TextTrackList")}}
-
-  - [addtrack event](/en-US/docs/Web/API/TextTrackList/addtrack_event)
-  - [change event](/en-US/docs/Web/API/TextTrackList/change_event)
-  - [removeTrack event](/en-US/docs/Web/API/TextTrackList/removeTrack_event)
-
-- {{DOMxRef("VideoTrackList")}}
-
-  - [addtrack event](/en-US/docs/Web/API/VideoTrackList/addtrack_event)
-  - [change event](/en-US/docs/Web/API/VideoTrackList/change_event)
-  - [removetrack event](/en-US/docs/Web/API/VideoTrackList/removetrack_event)
-
-- {{DOMxRef("VisualViewport")}}
-
-  - [resize event](/en-US/docs/Web/API/VisualViewport/resize_event)
-  - [scroll event](/en-US/docs/Web/API/VisualViewport/scroll_event)
-
-- {{DOMxRef("WebSocket")}}
-
-  - [close event](/en-US/docs/Web/API/WebSocket/close_event)
-  - [error event](/en-US/docs/Web/API/WebSocket/error_event)
-  - [message event](/en-US/docs/Web/API/WebSocket/message_event)
-  - [open event](/en-US/docs/Web/API/WebSocket/open_event)
-
-- {{DOMxRef("Window")}}
-
-  - [afterprint event](/en-US/docs/Web/API/Window/afterprint_event)
-  - [animationcancel event](/en-US/docs/Web/API/Element/animationcancel_event)
-  - [animationend event](/en-US/docs/Web/API/Element/animationend_event)
-  - [animationiteration event](/en-US/docs/Web/API/Element/animationiteration_event)
-  - [animationstart event](/en-US/docs/Web/API/Element/animationstart_event)
-  - [appinstalled event](/en-US/docs/Web/API/Window/appinstalled_event)
-  - [beforeprint event](/en-US/docs/Web/API/Window/beforeprint_event)
-  - [beforeunload event](/en-US/docs/Web/API/Window/beforeunload_event)
-  - [blur event](/en-US/docs/Web/API/Window/blur_event)
-  - [copy event](/en-US/docs/Web/API/Window/copy_event)
-  - [cut event](/en-US/docs/Web/API/Window/cut_event)
-  - [devicemotion event](/en-US/docs/Web/API/Window.devicemotion_event)
-  - [deviceorientation event](/en-US/docs/Web/API/Window.deviceorientation_event)
-  - [error event](/en-US/docs/Web/API/Window/error_event)
-  - [focus event](/en-US/docs/Web/API/Window/focus_event)
-  - [gamepadconnected event](/en-US/docs/Web/API/Window/gamepadconnected_event)
-  - [gamepaddisconnected event](/en-US/docs/Web/API/Window/gamepaddisconnected_event)
-  - [hashchange event](/en-US/docs/Web/API/Window/hashchange_event)
-  - [languagechange event](/en-US/docs/Web/API/Window/languagechange_event)
-  - [load event](/en-US/docs/Web/API/Window/load_event)
-  - [messageerror event](/en-US/docs/Web/API/Window/messageerror_event)
-  - [message event](/en-US/docs/Web/API/Window/message_event)
-  - [offline event](/en-US/docs/Web/API/Window/offline_event)
-  - [online event](/en-US/docs/Web/API/Window/online_event)
-  - [orientationchange event](/en-US/docs/Web/API/Window/orientationchange_event)
-  - [pagehide event](/en-US/docs/Web/API/Window/pagehide_event)
-  - [pageshow event](/en-US/docs/Web/API/Window/pageshow_event)
-  - [paste event](/en-US/docs/Web/API/Window/paste_event)
-  - [popstate event](/en-US/docs/Web/API/Window/popstate_event)
-  - [rejectionhandled event](/en-US/docs/Web/API/Window/rejectionhandled_event)
-  - [resize event](/en-US/docs/Web/API/Window/resize_event)
-  - [storage event](/en-US/docs/Web/API/Window/storage_event)
-  - [transitioncancel event](/en-US/docs/Web/API/Element/transitioncancel_event)
-  - [transitionend event](/en-US/docs/Web/API/Element/transitionend_event)
-  - [transitionrun event](/en-US/docs/Web/API/Element/transitionrun_event)
-  - [transitionstart event](/en-US/docs/Web/API/Element/transitionstart_event)
-  - [unhandledrejection event](/en-US/docs/Web/API/Window/unhandledrejection_event)
-  - [unload event](/en-US/docs/Web/API/Window/unload_event)
-  - [vrdisplayactivate event](/en-US/docs/Web/API/Window/vrdisplayactivate_event)
-  - [vrdisplayblur event](/en-US/docs/Web/API/Window)
-  - [vrdisplayconnect event](/en-US/docs/Web/API/Window/vrdisplayconnect_event)
-  - [vrdisplaydeactivate event](/en-US/docs/Web/API/Window/vrdisplaydeactivate_event)
-  - [vrdisplaydisconnect event](/en-US/docs/Web/API/Window/vrdisplaydisconnect_event)
-  - [vrdisplayfocus event](/en-US/docs/Web/API/Window)
-  - [vrdisplaypointerrestricted event](/en-US/docs/Web/API/Window)
-  - [vrdisplaypointerunrestricted event](/en-US/docs/Web/API/Window)
-  - [vrdisplaypresentchange event](/en-US/docs/Web/API/Window/vrdisplaypresentchange_event)
-
-- {{DOMxRef("Worker")}}
-
-  - [messageerror event](/en-US/docs/Web/API/Worker/messageerror_event)
-  - [message event](/en-US/docs/Web/API/Worker/message_event)
-
-- {{DOMxRef("WorkerGlobalScope")}}
-
-  - [languagechange event](/en-US/docs/Web/API/WorkerGlobalScope/languagechange_event)
-
-- {{DOMxRef("XMLHttpRequest")}}
-
-  - [abort event](/en-US/docs/Web/API/XMLHttpRequest/abort_event)
-  - [error event](/en-US/docs/Web/API/XMLHttpRequest/error_event)
-  - [loadend event](/en-US/docs/Web/API/XMLHttpRequest/loadend_event)
-  - [loadstart event](/en-US/docs/Web/API/XMLHttpRequest/loadstart_event)
-  - [load event](/en-US/docs/Web/API/XMLHttpRequest/load_event)
-  - [progress event](/en-US/docs/Web/API/XMLHttpRequest/progress_event)
-  - [timeout event](/en-US/docs/Web/API/XMLHttpRequest/timeout_event)
-
-- {{DOMxRef("XRReferenceSpace")}}
-
-  - [reset event](/en-US/docs/Web/API/XRReferenceSpace/reset_event)
-
-- {{DOMxRef("XRSession")}}
-
-  - [end event](/en-US/docs/Web/API/XRSession/end_event)
-  - [inputsourceschange event](/en-US/docs/Web/API/XRSession/inputsourceschange_event)
-  - [selectend event](/en-US/docs/Web/API/XRSession/selectend_event)
-  - [selectstart event](/en-US/docs/Web/API/XRSession/selectstart_event)
-  - [select event](/en-US/docs/Web/API/XRSession/select_event)
-  - [squeezeend event](/en-US/docs/Web/API/XRSession/squeezeend_event)
-  - [squeezestart event](/en-US/docs/Web/API/XRSession/squeezestart_event)
-  - [squeeze event](/en-US/docs/Web/API/XRSession/squeeze_event)
-  - [visibilitychange event](/en-US/docs/Web/API/XRSession/visibilitychange_event)
-
-- {{DOMxRef("XRSystem")}}
-
-  - [devicechange event](/en-US/docs/Web/API/XRSystem/devicechange_event)
-
 ## Specifications
 
 {{Specifications}}

From c74ebe72a50ed5755cc8c2ca95da6a4003b93982 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sun, 24 Dec 2023 16:49:02 +0800
Subject: [PATCH 094/790] `HTMLTextareaElement` | transform table to list &
 remove inherit members (#31256)

* transform properties table to list

* transform methods table to list

* remove inherits properties and methods

* update inherit info

* remove inherit event

* remove experimental_inline mark

* fix & sync
---
 .../web/api/htmltextareaelement/index.md      | 375 ++++--------------
 1 file changed, 70 insertions(+), 305 deletions(-)

diff --git a/files/en-us/web/api/htmltextareaelement/index.md b/files/en-us/web/api/htmltextareaelement/index.md
index a485057f4ede137..14b892fc948d580 100644
--- a/files/en-us/web/api/htmltextareaelement/index.md
+++ b/files/en-us/web/api/htmltextareaelement/index.md
@@ -13,319 +13,84 @@ The **`HTMLTextAreaElement`** interface provides special properties and methods
 
 ## Instance properties
 
-<table class="standard-table">
-  <tbody>
-    <tr>
-      <td><code>accessKey</code></td>
-      <td>
-        <code><em>string</em>:</code> Returns / Sets the element's
-        <a href="/en-US/docs/Web/HTML/Element/textarea#accesskey"><code>accesskey</code></a> attribute.
-      </td>
-    </tr>
-    <tr>
-      <td><code>autocapitalize</code> {{experimental_inline}}</td>
-      <td>
-        <code><em>string</em>:</code> Returns / Sets the element's
-        capitalization behavior for user input. Valid values are:
-        <code>none</code>, <code>off</code>, <code>characters</code>,
-        <code>words</code>, <code>sentences</code>.
-      </td>
-    </tr>
-    <tr>
-      <td><code>autocomplete</code> {{experimental_inline}}</td>
-      <td></td>
-    </tr>
-    <tr>
-      <td><code>autofocus</code></td>
-      <td>
-        <code><em>boolean</em>:</code> Returns / Sets the element's
-        <a href="/en-US/docs/Web/HTML/Element/textarea#autofocus"><code>autofocus</code></a> attribute,
-        indicating that the control should have input focus when the page loads
-      </td>
-    </tr>
-    <tr>
-      <td><code>cols</code></td>
-      <td>
-        <code><em>unsigned long</em>:</code> Returns / Sets the element's
-        <a href="/en-US/docs/Web/HTML/Element/textarea#cols"><code>cols</code></a> attribute, indicating
-        the visible width of the text area.
-      </td>
-    </tr>
-    <tr>
-      <td><code>defaultValue</code></td>
-      <td>
-        <code><em>string</em>:</code> Returns / Sets the control's default
-        value, which behaves like the {{domxref("Node.textContent")}}
-        property.
-      </td>
-    </tr>
-    <tr>
-      <td><code>disabled</code></td>
-      <td>
-        <code><em>boolean</em>:</code> Returns / Sets the element's
-        <a href="/en-US/docs/Web/HTML/Element/textarea#disabled"><code>disabled</code></a> attribute,
-        indicating that the control is not available for interaction.
-      </td>
-    </tr>
-    <tr>
-      <td><code>form</code> {{ReadOnlyInline}}</td>
-      <td>
-        <code><em>object</em>:</code> Returns a reference to the parent form
-        element. If this element is not contained in a form element, it can be
-        the <a href="/en-US/docs/Web/HTML/Element/form#id"><code>id</code></a> attribute of any
-        {{HTMLElement("form")}} element in the same document or the
-        value <code>null</code>.
-      </td>
-    </tr>
-    <tr>
-      <td><code>inputMode</code> {{experimental_inline}}</td>
-      <td></td>
-    </tr>
-    <tr>
-      <td><code>maxLength</code></td>
-      <td>
-        <code><em>long</em>:</code> Returns / Sets the element's
-        <a href="/en-US/docs/Web/HTML/Element/textarea#maxlength"><code>maxlength</code></a> attribute,
-        indicating the maximum number of characters the user can enter. This
-        constraint is evaluated only when the value changes.
-      </td>
-    </tr>
-    <tr>
-      <td><code>minLength</code></td>
-      <td>
-        <code><em>long</em>:</code> Returns / Sets the element's
-        <a href="/en-US/docs/Web/HTML/Element/textarea#minlength"><code>minlength</code></a> attribute,
-        indicating the minimum number of characters the user can enter. This
-        constraint is evaluated only when the value changes.
-      </td>
-    </tr>
-    <tr>
-      <td><code>name</code></td>
-      <td>
-        <code><em>string</em>:</code> Returns / Sets the element's
-        <a href="/en-US/docs/Web/HTML/Element/textarea#name"><code>name</code></a> attribute, containing
-        the name of the control.
-      </td>
-    </tr>
-    <tr>
-      <td><code>placeholder</code></td>
-      <td>
-        <code><em>string</em>:</code> Returns / Sets the element's
-        <a href="/en-US/docs/Web/HTML/Element/textarea#placeholder"><code>placeholder</code></a> attribute,
-        containing a hint to the user about what to enter in the control.
-      </td>
-    </tr>
-    <tr>
-      <td><code>readOnly</code></td>
-      <td>
-        <code><em>boolean</em>:</code> Returns / Sets the element's
-        <a href="/en-US/docs/Web/HTML/Element/textarea#readonly"><code>readonly</code></a> attribute,
-        indicating that the user cannot modify the value of the control.
-      </td>
-    </tr>
-    <tr>
-      <td><code>required</code></td>
-      <td>
-        <code><em>boolean</em>:</code> Returns / Sets the element's
-        <a href="/en-US/docs/Web/HTML/Element/textarea#required"><code>required</code></a>) attribute,
-        indicating that the user must specify a value before submitting the
-        form.
-      </td>
-    </tr>
-    <tr>
-      <td><code>rows</code></td>
-      <td>
-        <code><em>unsigned long</em>:</code> Returns / Sets the element's
-        <a href="/en-US/docs/Web/HTML/Element/textarea#rows><code>rows</code></a> attribute, indicating
-        the number of visible text lines for the control.
-      </td>
-    </tr>
-    <tr>
-      <td><code>selectionDirection</code></td>
-      <td>
-        <code><em>string</em>:</code> Returns / Sets the direction in which
-        selection occurred. This is "<code>forward</code>" if selection was
-        performed in the start-to-end direction of the current locale, or
-        "<code>backward</code>" for the opposite direction. This can also be
-        "<code>none</code>" if the direction is unknown.
-      </td>
-    </tr>
-    <tr>
-      <td><code>selectionEnd</code></td>
-      <td>
-        <code><em>unsigned long</em>:</code> Returns / Sets the index of the end
-        of selected text. If no text is selected, contains the index of the
-        character that follows the input cursor. On being set, the control
-        behaves as if <code>setSelectionRange()</code> had been called with this
-        as the second argument, and <code>selectionStart</code> as the first
-        argument.
-      </td>
-    </tr>
-    <tr>
-      <td><code>selectionStart</code></td>
-      <td>
-        <code><em>unsigned long</em>:</code> Returns / Sets the index of the
-        beginning of selected text. If no text is selected, contains the index
-        of the character that follows the input cursor. On being set, the
-        control behaves as if <code>setSelectionRange()</code> had been called
-        with this as the first argument, and <code>selectionEnd</code> as the
-        second argument.
-      </td>
-    </tr>
-    <tr>
-      <td><code>tabIndex</code></td>
-      <td>
-        <code><em>long</em>:</code> Returns / Sets the position of the element
-        in the tabbing navigation order for the current document.
-      </td>
-    </tr>
-    <tr>
-      <td><code>textLength</code> {{ReadOnlyInline}}</td>
-      <td>
-        <code><em>long</em>:</code> Returns the code point length of the
-        control's <code>value</code>. Same as reading <code>value.length</code>
-      </td>
-    </tr>
-    <tr>
-      <td><code>type</code> {{ReadOnlyInline}}</td>
-      <td>
-        <code><em>string</em>:</code> Returns the string <code>textarea</code>.
-      </td>
-    </tr>
-    <tr>
-      <td><code>validationMessage</code> {{ReadOnlyInline}}</td>
-      <td>
-        <code><em>string</em>:</code> Returns 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 (<code>willValidate</code> is <code>false</code>),
-        or it satisfies its constraints.
-      </td>
-    </tr>
-    <tr>
-      <td><code>validity</code> {{ReadOnlyInline}}</td>
-      <td>
-        <code><em>{{domxref("ValidityState")}} object</em>:</code>
-        Returns the validity states that this element is in.
-      </td>
-    </tr>
-    <tr>
-      <td><code>value</code></td>
-      <td>
-        <code><em>string</em>:</code> Returns / Sets the raw value contained in
-        the control.
-      </td>
-    </tr>
-    <tr>
-      <td><code>willValidate</code> {{ReadOnlyInline}}</td>
-      <td>
-        <p>
-          <code><em>boolean</em>:</code> Returns whether the element is a
-          candidate for constraint validation. <code>false</code> if any
-          conditions bar it from constraint validation, including its
-          <code>readOnly</code> or <code>disabled</code> property is
-          <code>true</code>.
-        </p>
-      </td>
-    </tr>
-    <tr>
-      <td><code>wrap</code></td>
-      <td>
-        <code><em>string</em>:</code> Returns / Sets the
-        <a href="/en-US/docs/Web/HTML/Element/textarea#wrap"><code>wrap</code></a> HTML attribute,
-        indicating how the control wraps text.
-      </td>
-    </tr>
-    <tr>
-      <td>
-        {{domxref("HTMLTextAreaElement.labels")}} {{ReadOnlyInline}}
-      </td>
-      <td>
-        {{domxref("NodeList")}}: Returns a list of label elements
-        associated with this element.
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-The two properties `tabIndex` and `accessKey` are inherited from {{domxref("HTMLElement")}}.
+_Also inherits properties from its parent interface, {{DOMxRef("HTMLElement")}}._
+
+- {{domxref("HTMLTextAreaElement.autocapitalize", "autocapitalize")}}
+  - : Returns / Sets the element's capitalization behavior for user input. Valid values are: `none`, `off`, `characters`, `words`, `sentences`.
+- {{domxref("HTMLTextAreaElement.autocomplete", "autocomplete")}}
+  - : Returns / Sets the element's [`autocomplete`](/en-US/docs/Web/HTML/Element/textarea#autocomplete) attribute.
+- {{domxref("HTMLTextAreaElement.cols", "cols")}}
+  - : Returns / Sets the element's [`cols`](/en-US/docs/Web/HTML/Element/textarea#cols) attribute, indicating the visible width of the text area.
+- {{domxref("HTMLTextAreaElement.defaultValue", "defaultValue")}}
+  - : Returns / Sets the control's default value, which behaves like the {{domxref("Node.textContent")}} property.
+- {{domxref("HTMLTextAreaElement.dirName", "dirName")}}
+  - : Returns / Sets the directionality of the element.
+- {{domxref("HTMLTextAreaElement.disabled", "disabled")}}
+  - : Returns / Sets the element's [`disabled`](/en-US/docs/Web/HTML/Element/textarea#disabled) attribute, indicating that the control is not available for interaction.
+- {{domxref("HTMLTextAreaElement.form", "form")}} {{ReadOnlyInline}}
+  - : Returns a reference to the parent form element. If this element is not contained in a form element, it can be the [`id`](/en-US/docs/Web/HTML/Element/form#id) attribute of any {{HTMLElement("form")}} element in the same document or the value `null`.
+- {{domxref("HTMLTextAreaElement.labels", "labels")}} {{ReadOnlyInline}}
+  - : Returns a {{domxref("NodeList")}} of the {{HTMLElement("label")}} elements associated with this element.
+- {{domxref("HTMLTextAreaElement.maxLength", "maxLength")}}
+  - : Returns / Sets the element's [`maxlength`](/en-US/docs/Web/HTML/Element/textarea#maxlength) attribute, indicating the maximum number of characters the user can enter. This constraint is evaluated only when the value changes.
+- {{domxref("HTMLTextAreaElement.minlength", "minlength")}}
+  - : Returns / Sets the element's [`minlength`](/en-US/docs/Web/HTML/Element/textarea#minlength) attribute, indicating the minimum number of characters the user can enter. This constraint is evaluated only when the value changes.
+- {{domxref("HTMLTextAreaElement.name", "name")}}
+  - : Returns / Sets the element's [`name`](/en-US/docs/Web/HTML/Element/textarea#name) attribute, containing the name of the control.
+- {{domxref("HTMLTextAreaElement.placeholder", "placeholder")}}
+  - : Returns / Sets the element's [`placeholder`](/en-US/docs/Web/HTML/Element/textarea#placeholder) attribute, containing a hint to the user about what to enter in the control.
+- {{domxref("HTMLTextAreaElement.readOnly", "readOnly")}}
+  - : Returns / Sets the element's [`readonly`](/en-US/docs/Web/HTML/Element/textarea#readonly) attribute, indicating that the user cannot modify the value of the control.
+- {{domxref("HTMLTextAreaElement.required", "required")}}
+  - : Returns / Sets the element's [`required`](/en-US/docs/Web/HTML/Element/textarea#required) attribute, indicating that the user must specify a value before submitting the form.
+- {{domxref("HTMLTextAreaElement.rows", "rows")}}
+  - : Returns / Sets the element's [`rows`](/en-US/docs/Web/HTML/Element/textarea#rows) attribute, indicating the number of visible text lines for the control.
+- {{domxref("HTMLTextAreaElement.selectionDirection", "selectionDirection")}}
+  - : Returns / Sets the direction in which selection occurred. This is `forward` if selection was performed in the start-to-end direction of the current locale, or `backward` for the opposite direction. This can also be `none` if the direction is unknown.
+- {{domxref("HTMLTextAreaElement.selectionEnd", "selectionEnd")}}
+  - : Returns / Sets the index of the end of selected text. If no text is selected, contains the index of the character that follows the input cursor. On being set, the control behaves as if `setSelectionRange()` had been called with this as the second argument, and `selectionStart` as the first argument.
+- {{domxref("HTMLTextAreaElement.selectionStart", "selectionStart")}}
+  - : Returns / Sets the index of the beginning of selected text. If no text is selected, contains the index of the character that follows the input cursor. On being set, the control behaves as if `setSelectionRange()` had been called with this as the first argument, and `selectionEnd` as the second argument.
+- {{domxref("HTMLTextAreaElement.textLength", "textLength")}} {{ReadOnlyInline}}
+  - : Returns the code point length of the control's `value`. Same as reading `value.length`.
+- {{domxref("HTMLTextAreaElement.type", "type")}} {{ReadOnlyInline}}
+  - : Returns the string `textarea`.
+- {{domxref("HTMLTextAreaElement.validationMessage", "validationMessage")}} {{ReadOnlyInline}}
+  - : Returns 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 (`willValidate` is `false`), or it satisfies its constraints.
+- {{domxref("HTMLTextAreaElement.validity", "validity")}} {{ReadOnlyInline}}
+  - : Returns the validity states that this element is in.
+- {{domxref("HTMLTextAreaElement.value", "value")}}
+  - : Returns / Sets the raw value contained in the control.
+- {{domxref("HTMLTextAreaElement.willValidate", "willValidate")}} {{ReadOnlyInline}}
+  - : Returns whether the element is a candidate for constraint validation. `false` if any conditions bar it from constraint validation, including its `readOnly` or `disabled` property is `true`.
+- {{domxref("HTMLTextAreaElement.wrap", "wrap")}}
+  - : Returns / Sets the element's [`wrap`](/en-US/docs/Web/HTML/Element/textarea#wrap) attribute, indicating how the control wraps text.
 
 ## Instance methods
 
-<table class="standard-table">
-  <tbody>
-    <tr>
-      <td>{{domxref("HTMLElement/blur", "blur()")}}</td>
-      <td>
-        Removes focus from the control; keystrokes will subsequently go nowhere.
-      </td>
-    </tr>
-    <tr>
-      <td>{{domxref("HTMLElement/focus", "focus()")}}</td>
-      <td>
-        Gives focus to the control; keystrokes will subsequently go to this
-        element.
-      </td>
-    </tr>
-    <tr>
-      <td>
-        {{domxref("HTMLInputElement/select", "select()")}}
-      </td>
-      <td>Selects the contents of the control.</td>
-    </tr>
-    <tr>
-      <td>
-        {{domxref("HTMLInputElement/setRangeText", "setRangeText()")}}
-      </td>
-      <td>Replaces a range of text in the element with new text.</td>
-    </tr>
-    <tr>
-      <td>
-        {{domxref("HTMLInputElement/setSelectionRange", "setSelectionRange()")}}
-      </td>
-      <td>Selects a range of text in the element (but does not focus it).</td>
-    </tr>
-    <tr>
-      <td><code>checkValidity()</code></td>
-      <td>
-        Returns <code>false</code> if the element is a candidate for constraint
-        validation, and it does not satisfy its constraints. In this case, it
-        also fires a cancelable <code>invalid</code> event at the control. It
-        returns <code>true</code> if the control is not a candidate for
-        constraint validation, or if it satisfies its constraints.
-      </td>
-    </tr>
-    <tr>
-      <td><code>reportValidity()</code></td>
-      <td>
-        <p>
-          This method reports the problems with the constraints on the element,
-          if any, to the user. If there are problems, it fires a cancelable
-          <code>invalid</code> event at the element, and returns
-          <code>false</code>; if there are no problems, it returns
-          <code>true</code>.
-        </p>
-      </td>
-    </tr>
-    <tr>
-      <td><code>setCustomValidity(DOMstring)</code></td>
-      <td>
-        Sets a custom validity message for the element. If this message is not
-        the empty string, then the element is suffering from a custom validity
-        error, and does not validate.
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-The two methods `blur()` and `focus()` are inherited from {{domxref("HTMLElement")}}.
+_Also inherits methods from its parent interface, {{DOMxRef("HTMLElement")}}._
+
+- {{domxref("HTMLTextAreaElement.checkValidity", "checkValidity()")}}
+  - : Returns `false` if the element is a candidate for constraint validation, and it does not satisfy its constraints. In this case, it also fires a cancelable `invalid` event at the control. It returns `true` if the control is not a candidate for constraint validation, or if it satisfies its constraints.
+- {{domxref("HTMLTextAreaElement.reportValidity", "reportValidity()")}}
+  - : This method reports the problems with the constraints on the element, if any, to the user. If there are problems, it fires a cancelable `invalid` event at the element, and returns `false`; if there are no problems, it returns `true`.
+- {{domxref("HTMLTextAreaElement.select", "select()")}}
+  - : Selects the contents of the control.
+- {{domxref("HTMLTextAreaElement.setCustomValidity", "setCustomValidity()")}}
+  - : Sets a custom validity message for the element. If this message is not the empty string, then the element is suffering from a custom validity error, and does not validate.
+- {{domxref("HTMLTextAreaElement.setRangeText", "setRangeText()")}}
+  - : Replaces a range of text in the element with new text.
+- {{domxref("HTMLTextAreaElement.setSelectionRange", "setSelectionRange()")}}
+  - : Selects a range of text in the element (but does not focus it).
 
 ## Events
 
+_Also inherits events from its parent interface, {{DOMxRef("HTMLElement")}}._
+
 Listen to these events using {{domxref("EventTarget/addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface:
 
-- {{domxref("HTMLElement/input_event", "input")}} event
-  - : Fires when the `value` of an {{HTMLElement("input")}}, {{HTMLElement("select")}}, or {{HTMLElement("textarea")}} element has been changed.
+- {{domxref("HTMLTextAreaElement/select_event", "select")}} event
+  - : Fires when some text has been selected.
 - {{domxref("HTMLTextAreaElement/selectionchange_event", "selectionchange")}} event {{experimental_inline}}
   - : Fires when the text selection in a {{HTMLElement("textarea")}} element has been changed.
 

From 034bed2f41f628e2b5525786a6bedd95237b4ebe Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Sun, 24 Dec 2023 20:19:58 +0530
Subject: [PATCH 095/790] feat(husky): force to update moved file links
 (#31269)

---
 .github/workflows/auto-cleanup-bot.yml |  5 +-
 .lintstagedrc.json                     |  1 +
 scripts/update-moved-file-links.js     | 81 ++++++++++++++------------
 scripts/utils.js                       |  3 +-
 4 files changed, 49 insertions(+), 41 deletions(-)

diff --git a/.github/workflows/auto-cleanup-bot.yml b/.github/workflows/auto-cleanup-bot.yml
index 058db6f36e88d38..7143b740ff1961b 100644
--- a/.github/workflows/auto-cleanup-bot.yml
+++ b/.github/workflows/auto-cleanup-bot.yml
@@ -31,13 +31,12 @@ jobs:
           yarn content fix-flaws
           yarn fix:md
           yarn fix:fm
-          node scripts/update-moved-file-links.js
 
       - name: Create PR with only fixable issues
         if: success()
         uses: peter-evans/create-pull-request@v5
         with:
-          commit-message: "chore: auto-fix Markdownlint, Prettier, front-matter, redirects issues"
+          commit-message: "chore: auto-fix Markdownlint, Prettier, and front-matter issues"
           branch: markdownlint-auto-cleanup
           title: "fix: auto-cleanup by bot"
           author: mdn-bot <108879845+mdn-bot@users.noreply.github.com>
@@ -49,7 +48,7 @@ jobs:
         if: failure()
         uses: peter-evans/create-pull-request@v5
         with:
-          commit-message: "chore: auto-fix Markdownlint issues"
+          commit-message: "chore: auto-fix Markdownlint, Prettier, and front-matter issues"
           branch: markdownlint-auto-cleanup
           title: "fix: auto-cleanup by bot"
           author: mdn-bot <108879845+mdn-bot@users.noreply.github.com>
diff --git a/.lintstagedrc.json b/.lintstagedrc.json
index 9e259f12baf57f8..094d52dba504cc4 100644
--- a/.lintstagedrc.json
+++ b/.lintstagedrc.json
@@ -3,6 +3,7 @@
   "*.md": [
     "markdownlint-cli2 --fix",
     "node scripts/front-matter_linter.js --fix true",
+    "node scripts/update-moved-file-links.js --check",
     "prettier --write"
   ],
   "tests/**/*.*": "yarn test:front-matter-linter",
diff --git a/scripts/update-moved-file-links.js b/scripts/update-moved-file-links.js
index 264a9d4aa562ce0..1034440f1d1535d 100644
--- a/scripts/update-moved-file-links.js
+++ b/scripts/update-moved-file-links.js
@@ -1,12 +1,18 @@
 import fs from "node:fs/promises";
 import path from "node:path";
-import { execGit, getRootDir, walkSync, isImagePath } from "./utils.js";
+import {
+  execGit,
+  getRootDir,
+  walkSync,
+  isImagePath,
+  IMG_RX,
+  SLUG_RX,
+} from "./utils.js";
 
-const SLUG_RX = /(?<=\nslug: ).*?$/gm;
 const HELP_MSG =
   "Usage:\n\t" +
   "node scripts/update-moved-file-links.js\n\t" +
-  "node scripts/update-moved-file-links.js [movedFromPath] [movedToPath]\n";
+  "node scripts/update-moved-file-links.js --check\n";
 
 /**
  * Try to get slug for an image from file path
@@ -26,43 +32,37 @@ export async function getImageSlug(imagePath, root) {
   }
 }
 
-let movedFiles = [];
 const rootDir = getRootDir();
-const argLength = process.argv.length;
+let movedFiles = [];
+let isCheckOnly = false;
 
 if (process.argv[2] === "--help" || process.argv[2] === "-h") {
   console.error(HELP_MSG);
   process.exit(0);
-} else if (argLength === 2 && argLength > 3) {
-  console.error(HELP_MSG);
-  process.exit(1);
-} else if (argLength === 3) {
-  movedFiles.push({ from: process.argv[2], to: process.argv[3] });
-} else {
-  // git log --name-status --pretty=format:"" --since "1 day ago" --diff-filter=R
-  let result = execGit(
-    [
-      "log",
-      "--name-status",
-      "--pretty=format:",
-      '--since="1 day ago"',
-      "--diff-filter=R",
-    ],
-    { cwd: "." },
-  );
+} else if (process.argv[2] === "--check") {
+  isCheckOnly = true;
+}
 
-  if (result.trim()) {
-    movedFiles.push(
-      ...result
-        .split("\n")
-        .filter((line) => line.trim() !== "" && line.includes("files/en-us"))
-        .map((line) => line.replaceAll(/files\/en-us\/|\/index.md/gm, ""))
-        .map((line) => line.split(/\s/))
-        .map((tuple) => {
-          return { from: tuple[1], to: tuple[2] };
-        }),
-    );
-  }
+// get staged and unstaged changes
+const result = execGit(["status", "--short", "--porcelain"], { cwd: "." });
+if (result.trim()) {
+  movedFiles.push(
+    ...result
+      .split("\n")
+      .filter(
+        (line) =>
+          /^\s*RM?\s+/gi.test(line) &&
+          line.includes("files/en-us") &&
+          (IMG_RX.test(line) || line.includes("index.md")),
+      )
+      .map((line) =>
+        line.replaceAll(/^\s*RM?\s+|files\/en-us\/|\/index.md/gm, ""),
+      )
+      .map((line) => line.split(/ -> /))
+      .map((tuple) => {
+        return { from: tuple[0], to: tuple[1] };
+      }),
+  );
 }
 
 if (movedFiles.length < 1) {
@@ -99,7 +99,7 @@ movedFiles = (
   )
 ).filter((e) => !!e);
 
-console.log(`Number of moved files to consider: ${movedFiles.length}`);
+console.log("Moved files:", movedFiles);
 
 let totalNo = 0;
 let updatedNo = 0;
@@ -108,7 +108,7 @@ for await (const filePath of walkSync(getRootDir())) {
     try {
       totalNo++;
       const content = await fs.readFile(filePath, "utf-8");
-      let updated = new String(content);
+      let updated = String(content);
       for (const moved of movedFiles) {
         // [text](link)
         updated = updated.replaceAll(`${moved.from})`, `${moved.to})`);
@@ -124,7 +124,14 @@ for await (const filePath of walkSync(getRootDir())) {
         updated = updated.replaceAll(`${moved.from}'`, `${moved.to}'`);
       }
 
-      if (content !== updated) {
+      if (content !== updated.valueOf()) {
+        if (isCheckOnly) {
+          console.error(
+            "File(s) have been moved. " +
+              "Run 'node scripts/update-moved-file-links.js' to update references.",
+          );
+          process.exit(1);
+        }
         updatedNo++;
         await fs.writeFile(filePath, updated);
       }
diff --git a/scripts/utils.js b/scripts/utils.js
index 3a8bb5e692f4751..e424338a39dcbb7 100644
--- a/scripts/utils.js
+++ b/scripts/utils.js
@@ -2,7 +2,8 @@ import fs from "node:fs/promises";
 import path from "node:path";
 import childProcess from "node:child_process";
 
-const IMG_RX = /(\.png|\.jpg|\.svg|\.gif)$/gim;
+export const IMG_RX = /(\.png|\.jpg|\.svg|\.gif)$/gim;
+export const SLUG_RX = /(?<=\nslug: ).*?$/gm;
 
 export async function* walkSync(dir) {
   const files = await fs.readdir(dir, { withFileTypes: true });

From 83f3bb0c0663edf3c4f86da8a07d8ac0a75b5ccb Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sun, 24 Dec 2023 23:27:18 +0800
Subject: [PATCH 096/790] Remove extra `*` (#31270)

fix
---
 .../web/api/media_capture_and_streams_api/constraints/index.md  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/media_capture_and_streams_api/constraints/index.md b/files/en-us/web/api/media_capture_and_streams_api/constraints/index.md
index e0e9c00a40f3ef9..d39da59c0324e1f 100644
--- a/files/en-us/web/api/media_capture_and_streams_api/constraints/index.md
+++ b/files/en-us/web/api/media_capture_and_streams_api/constraints/index.md
@@ -106,7 +106,7 @@ So-called advanced constraints are created by adding an `advanced` property to t
 
 ## Checking capabilities
 
-You can call {{domxref("MediaStreamTrack.getCapabilities()")}} to get a list of all of the supported capabilities and the values or ranges of values which each one accepts on the current platform and user agent*.* This function returns an object which lists each constrainable property supported by the browser and a value or range of values which are supported for each one of those properties.
+You can call {{domxref("MediaStreamTrack.getCapabilities()")}} to get a list of all of the supported capabilities and the values or ranges of values which each one accepts on the current platform and user agent. This function returns an object which lists each constrainable property supported by the browser and a value or range of values which are supported for each one of those properties.
 
 > **Note:** `getCapabilities()` hasn't been implemented yet by all major browsers. For the time being, you'll have to try to get what you need, and if you can't, decide what to do at that point. See Firefox [Firefox bug 1179084](https://bugzil.la/1179084), for example.
 

From 2556e15913a2529dc30117277b577d94e297fc93 Mon Sep 17 00:00:00 2001
From: Arno van Haastert <Arno@vanHaastert.nl>
Date: Mon, 25 Dec 2023 04:11:31 +0100
Subject: [PATCH 097/790] Fixed typo (#31278)

I am not a native English speaker but "One of the only the tradeoffs is " seems incorrect. "One of the only tradeoffs is" still sounds a bit clumsy but seems correct English?
---
 files/en-us/web/javascript/guide/using_promises/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/guide/using_promises/index.md b/files/en-us/web/javascript/guide/using_promises/index.md
index 87406bd7f0a628b..8d4ca8a3249ab7c 100644
--- a/files/en-us/web/javascript/guide/using_promises/index.md
+++ b/files/en-us/web/javascript/guide/using_promises/index.md
@@ -198,7 +198,7 @@ async function logIngredients() {
 }
 ```
 
-Note how the code looks exactly like synchronous code, except for the `await` keywords in front of promises. One of the only the tradeoffs is that it may be easy to forget the [`await`](/en-US/docs/Web/JavaScript/Reference/Statements/async_function) keyword, which can only be fixed when there's a type mismatch (e.g. trying to use a promise as a value).
+Note how the code looks exactly like synchronous code, except for the `await` keywords in front of promises. One of the only tradeoffs is that it may be easy to forget the [`await`](/en-US/docs/Web/JavaScript/Reference/Statements/async_function) keyword, which can only be fixed when there's a type mismatch (e.g. trying to use a promise as a value).
 
 `async`/`await` builds on promises — for example, `doSomething()` is the same function as before, so there's minimal refactoring needed to change from promises to `async`/`await`. You can read more about the `async`/`await` syntax in the [async functions](/en-US/docs/Web/JavaScript/Reference/Statements/async_function) and [`await`](/en-US/docs/Web/JavaScript/Reference/Operators/await) references.
 

From bcb654104082a8d12d51aecfad047d7a4a26116f Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Mon, 25 Dec 2023 11:35:53 +0530
Subject: [PATCH 098/790] fix: typos (#31284)

---
 .../react_getting_started/index.md                              | 2 +-
 .../react_interactivity_events_state/index.md                   | 2 +-
 files/en-us/web/api/keyboardlayoutmap/has/index.md              | 2 +-
 files/en-us/web/api/serviceworker/index.md                      | 2 +-
 .../web/api/storage_access_api/related_website_sets/index.md    | 2 +-
 files/en-us/web/css/gradient/radial-gradient/index.md           | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
index e20f184913d0c64..4f568906a48ca46 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
@@ -255,7 +255,7 @@ function App() {
 export default App;
 ```
 
-The `App.jsx` file consists of three main parts: some [`import`](/en-US/docs/Web/JavaScript/Reference/Statements/import) statements at the top, the `App()` funtion in the middle, and an [`export`](/en-US/docs/Web/JavaScript/Reference/Statements/export) statement at the bottom. Most React components follow this pattern.
+The `App.jsx` file consists of three main parts: some [`import`](/en-US/docs/Web/JavaScript/Reference/Statements/import) statements at the top, the `App()` function in the middle, and an [`export`](/en-US/docs/Web/JavaScript/Reference/Statements/export) statement at the bottom. Most React components follow this pattern.
 
 ### Import statements
 
diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
index 8ef228f8b16593b..0975827f311737b 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
@@ -111,7 +111,7 @@ Next, pass `addTask()` into `<Form />` as a prop. The prop can have whatever nam
 <Form addTask={addTask} />
 ```
 
-To use this prop, we must change the signature of the `Form()` function in `Form.jsx` so that it acccepts `props` as a parameter:
+To use this prop, we must change the signature of the `Form()` function in `Form.jsx` so that it accepts `props` as a parameter:
 
 ```jsx
 function Form(props) {
diff --git a/files/en-us/web/api/keyboardlayoutmap/has/index.md b/files/en-us/web/api/keyboardlayoutmap/has/index.md
index a058bc0e5c5ea71..1602188e4c01516 100644
--- a/files/en-us/web/api/keyboardlayoutmap/has/index.md
+++ b/files/en-us/web/api/keyboardlayoutmap/has/index.md
@@ -37,7 +37,7 @@ A {{jsxref('Boolean')}} indicating whether the specified key was found.
 
 ## Examples
 
-The following example checks whether the location- or layout-specific string associated with the keyboard code that corresponds to the 'W' key on an English QWERTY keyboard existes.
+The following example checks whether the location- or layout-specific string associated with the keyboard code that corresponds to the 'W' key on an English QWERTY keyboard exists.
 
 ```js
 navigator.keyboard.getLayoutMap().then((keyboardLayoutMap) => {
diff --git a/files/en-us/web/api/serviceworker/index.md b/files/en-us/web/api/serviceworker/index.md
index 14db7f74b8d578f..eba061c817633b7 100644
--- a/files/en-us/web/api/serviceworker/index.md
+++ b/files/en-us/web/api/serviceworker/index.md
@@ -9,7 +9,7 @@ browser-compat: api.ServiceWorker
 
 The **`ServiceWorker`** interface of the [Service Worker API](/en-US/docs/Web/API/Service_Worker_API) provides a reference to a service worker. Multiple {{glossary("browsing context", "browsing contexts")}} (e.g. pages, workers, etc.) can be associated with the same service worker, each through a unique `ServiceWorker` object.
 
-A `ServiceWorker` object is available via a number of propertes:
+A `ServiceWorker` object is available via a number of properties:
 
 - {{domxref("ServiceWorkerRegistration.active")}}
 - {{domxref("ServiceWorkerGlobalScope.serviceWorker")}}
diff --git a/files/en-us/web/api/storage_access_api/related_website_sets/index.md b/files/en-us/web/api/storage_access_api/related_website_sets/index.md
index 12c6a62de4bd188..ea3c947ebf45ea1 100644
--- a/files/en-us/web/api/storage_access_api/related_website_sets/index.md
+++ b/files/en-us/web/api/storage_access_api/related_website_sets/index.md
@@ -132,7 +132,7 @@ Once a set is active:
 
 ## RWS security
 
-RWS has been designed with security in mind. It would be disasterous if a bad actor site were able to claim to be part of a set and gain the privileges that entails. Lets consider a theoretical bad actor site, `evilsite.example.com`, and look at some examples of attacks it could try to make, all of which would fail:
+RWS has been designed with security in mind. It would be disastrous if a bad actor site were able to claim to be part of a set and gain the privileges that entails. Lets consider a theoretical bad actor site, `evilsite.example.com`, and look at some examples of attacks it could try to make, all of which would fail:
 
 - **`evilsite.example.com` claims to be an associated site in another set**: If a site claiming to be in a set (`i.e.` by listing a primary in a `.well-known` file) is not included in the set submission and/or primary's `.well-known` file, it won't get the benefits of being in the set.
 - **`evilsite.example.com` claims to be a primary site, and submits a set that includes some would-be victim sites**: The submission process requires that `.well-known` files hosted by non-primary sites explicitly list out their primary. If this primary doesn't match the set submission (i.e. if the associated/service sites expect to have a different primary, or don't expect to be in a set at all), the submission will be rejected.
diff --git a/files/en-us/web/css/gradient/radial-gradient/index.md b/files/en-us/web/css/gradient/radial-gradient/index.md
index 19419eee1fbce71..9fa0e16bc8ad719 100644
--- a/files/en-us/web/css/gradient/radial-gradient/index.md
+++ b/files/en-us/web/css/gradient/radial-gradient/index.md
@@ -18,7 +18,7 @@ The **`radial-gradient()`** [CSS](/en-US/docs/Web/CSS) [function](/en-US/docs/We
    starting red, changing to blue, and finishing green */
 radial-gradient(circle at center, red 0, blue, green 100%)
 
-/* hsl color space with lognger hue interpolation */
+/* hsl color space with longer hue interpolation */
 radial-gradient(circle at center in hsl longer hue, red 0, blue, green 100%)
 ```
 

From 6f8b8ed77b8926640d5d5c4d292489eeb2525460 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 25 Dec 2023 15:07:38 +0800
Subject: [PATCH 099/790] FeaturePolicy | fix syntax section & parameter
 section (#31275)

* fix Parameters style

* fix syntax

* pretty syntax section
---
 .../featurepolicy/allowedfeatures/index.md    |  2 +-
 .../api/featurepolicy/allowsfeature/index.md  | 20 ++++++-------------
 .../web/api/featurepolicy/features/index.md   |  2 +-
 .../getallowlistforfeature/index.md           |  7 +++----
 4 files changed, 11 insertions(+), 20 deletions(-)

diff --git a/files/en-us/web/api/featurepolicy/allowedfeatures/index.md b/files/en-us/web/api/featurepolicy/allowedfeatures/index.md
index 046008522bef079..ed5d5bfcfbbf062 100644
--- a/files/en-us/web/api/featurepolicy/allowedfeatures/index.md
+++ b/files/en-us/web/api/featurepolicy/allowedfeatures/index.md
@@ -20,7 +20,7 @@ returns a subset of directives returned by {{DOMxRef("FeaturePolicy.features",
 ## Syntax
 
 ```js-nolint
-const allowed = FeaturePolicy.allowedFeatures()
+allowedFeatures()
 ```
 
 ### Parameters
diff --git a/files/en-us/web/api/featurepolicy/allowsfeature/index.md b/files/en-us/web/api/featurepolicy/allowsfeature/index.md
index e7e463979355766..e05cedfe914bf8e 100644
--- a/files/en-us/web/api/featurepolicy/allowsfeature/index.md
+++ b/files/en-us/web/api/featurepolicy/allowsfeature/index.md
@@ -19,24 +19,16 @@ specified context (or the default context if no context is specified).
 ## Syntax
 
 ```js-nolint
-const allowed = FeaturePolicy.allowsFeature(feature)
-```
-
-or
-
-```js
-const allowed = FeaturePolicy.allowsFeature(feature, origin);
+allowsFeature(feature)
+allowsFeature(feature, origin)
 ```
 
 ### Parameters
 
-#### `Feature name`
-
-A specific feature name must be specified.
-
-#### `Origin name` {{Optional_inline}}
-
-An origin URL to check the feature on. If it is omitted the default origin is used.
+- `feature`
+  - : The specific feature name to check its availability.
+- `origin` {{Optional_inline}}
+  - : The specific origin name to check its availability. If not specificed, the default origin will be used.
 
 ### Return value
 
diff --git a/files/en-us/web/api/featurepolicy/features/index.md b/files/en-us/web/api/featurepolicy/features/index.md
index 86fb197a20cd50b..9ed3d48d15177c6 100644
--- a/files/en-us/web/api/featurepolicy/features/index.md
+++ b/files/en-us/web/api/featurepolicy/features/index.md
@@ -19,7 +19,7 @@ accessible because of user's permissions.
 ## Syntax
 
 ```js-nolint
-const supportedFeatures = FeaturePolicy.features()
+features()
 ```
 
 ### Parameters
diff --git a/files/en-us/web/api/featurepolicy/getallowlistforfeature/index.md b/files/en-us/web/api/featurepolicy/getallowlistforfeature/index.md
index 1b84a3d1ffe01e1..702881a9581842f 100644
--- a/files/en-us/web/api/featurepolicy/getallowlistforfeature/index.md
+++ b/files/en-us/web/api/featurepolicy/getallowlistforfeature/index.md
@@ -16,14 +16,13 @@ method of the {{DOMxRef("FeaturePolicy")}} interface enables querying of the all
 ## Syntax
 
 ```js-nolint
-const allowlist = FeaturePolicy.getAllowlistForFeature(feature)
+getAllowlistForFeature(feature)
 ```
 
 ### Parameter
 
-#### Feature name
-
-A specific feature name must be specified.
+- `feature`
+  - : The specific feature name to get its allowlist.
 
 ### Return value
 

From ac67e6f05d337e52e39f02a978b8c00bc43d583b Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 25 Dec 2023 15:08:46 +0800
Subject: [PATCH 100/790] MediaStream | little description update & adjust
 section order (#31276)

* move the Constructor section

* style update

* add missing point .

* update description

* small
---
 files/en-us/web/api/mediastream/addtrack/index.md  |  2 +-
 .../web/api/mediastream/addtrack_event/index.md    |  2 +-
 .../web/api/mediastream/gettrackbyid/index.md      |  7 +++----
 files/en-us/web/api/mediastream/id/index.md        |  2 +-
 .../web/api/mediastream/removetrack_event/index.md |  2 +-
 .../web/api/mediastreamtrack/contenthint/index.md  |  2 +-
 .../web/api/mediastreamtrack/enabled/index.md      |  2 +-
 files/en-us/web/api/mediastreamtrack/id/index.md   |  2 +-
 files/en-us/web/api/mediastreamtrack/kind/index.md |  2 +-
 .../en-us/web/api/mediastreamtrack/label/index.md  |  2 +-
 .../web/api/mediastreamtrack/readystate/index.md   |  2 +-
 files/en-us/web/api/mediastreamtrack/stop/index.md |  2 +-
 files/en-us/web/api/mediastreamtrackevent/index.md | 14 +++++++-------
 .../web/api/mediastreamtrackevent/track/index.md   |  2 +-
 14 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/files/en-us/web/api/mediastream/addtrack/index.md b/files/en-us/web/api/mediastream/addtrack/index.md
index af099c565851522..0d7ee43f8295df3 100644
--- a/files/en-us/web/api/mediastream/addtrack/index.md
+++ b/files/en-us/web/api/mediastream/addtrack/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStream.addTrack
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`MediaStream.addTrack()`** method adds a new track to the
+The **`addTrack()`** method of the {{domxref("MediaStream")}} interface adds a new track to the
 stream. The track is specified as a parameter of type {{domxref("MediaStreamTrack")}}.
 
 > **Note:** If the specified track is already in the stream's track set, this method has no
diff --git a/files/en-us/web/api/mediastream/addtrack_event/index.md b/files/en-us/web/api/mediastream/addtrack_event/index.md
index 88964f99886e6ad..570ea34599f2040 100644
--- a/files/en-us/web/api/mediastream/addtrack_event/index.md
+++ b/files/en-us/web/api/mediastream/addtrack_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStream.addtrack_event
 
 {{APIRef("Media Capture and Streams")}}
 
-The `addtrack` event is fired when a new [`MediaStreamTrack`](/en-US/docs/Web/API/MediaStreamTrack) object has been added to a [`MediaStream`](/en-US/docs/Web/API/MediaStream).
+The **`addtrack`** event is fired when a new [`MediaStreamTrack`](/en-US/docs/Web/API/MediaStreamTrack) object has been added to a [`MediaStream`](/en-US/docs/Web/API/MediaStream).
 
 This event is not cancelable and does not bubble.
 
diff --git a/files/en-us/web/api/mediastream/gettrackbyid/index.md b/files/en-us/web/api/mediastream/gettrackbyid/index.md
index 39332a99e138186..cd413e0030107cd 100644
--- a/files/en-us/web/api/mediastream/gettrackbyid/index.md
+++ b/files/en-us/web/api/mediastream/gettrackbyid/index.md
@@ -8,10 +8,9 @@ browser-compat: api.MediaStream.getTrackById
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`MediaStream.getTrackById()`** method returns a
-{{domxref("MediaStreamTrack")}} object representing the track with the specified ID
-string. If there is no track with the specified ID, this method returns
-`null`.
+The **`getTrackById()`** method of the {{domxref("MediaStream")}} interface
+returns a {{domxref("MediaStreamTrack")}} object representing the track with the specified ID
+string. If there is no track with the specified ID, this method returns `null`.
 
 ## Syntax
 
diff --git a/files/en-us/web/api/mediastream/id/index.md b/files/en-us/web/api/mediastream/id/index.md
index 68c5716ad63e2db..a0c9f83c8ec2d61 100644
--- a/files/en-us/web/api/mediastream/id/index.md
+++ b/files/en-us/web/api/mediastream/id/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStream.id
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`MediaStream.id`** read-only property is a
+The **`id`** read-only property of the {{domxref("MediaStream")}} interface is a
 string containing 36 characters denoting a unique identifier (GUID)
 for the object.
 
diff --git a/files/en-us/web/api/mediastream/removetrack_event/index.md b/files/en-us/web/api/mediastream/removetrack_event/index.md
index 2405e63b37815c3..c2b2f51ff5783d9 100644
--- a/files/en-us/web/api/mediastream/removetrack_event/index.md
+++ b/files/en-us/web/api/mediastream/removetrack_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStream.removetrack_event
 
 {{APIRef("Media Capture and Streams")}}
 
-The `removetrack` event is fired when a new [`MediaStreamTrack`](/en-US/docs/Web/API/MediaStreamTrack) object has been removed from a [`MediaStream`](/en-US/docs/Web/API/MediaStream).
+The **`removetrack`** event is fired when a new {{domxref("MediaStreamTrack")}} object has been removed from a {{domxref("MediaStream")}}.
 
 This event is not cancelable and does not bubble.
 
diff --git a/files/en-us/web/api/mediastreamtrack/contenthint/index.md b/files/en-us/web/api/mediastreamtrack/contenthint/index.md
index 20f3b81fa7aece1..2851775a77ff9a5 100644
--- a/files/en-us/web/api/mediastreamtrack/contenthint/index.md
+++ b/files/en-us/web/api/mediastreamtrack/contenthint/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStreamTrack.contentHint
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`MediaStreamTrack.contentHint`** property is a string that hints at the type of content the track contains. Allowable values depend on the value of the {{domxref("MediaStreamTrack.kind")}} property.
+The **`contentHint`** property of the {{domxref("MediaStreamTrack")}} interface is a string that hints at the type of content the track contains. Allowable values depend on the value of the {{domxref("MediaStreamTrack.kind")}} property.
 
 ## Value
 
diff --git a/files/en-us/web/api/mediastreamtrack/enabled/index.md b/files/en-us/web/api/mediastreamtrack/enabled/index.md
index 21de37a65a5aafc..b2b364dd2d0ce45 100644
--- a/files/en-us/web/api/mediastreamtrack/enabled/index.md
+++ b/files/en-us/web/api/mediastreamtrack/enabled/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStreamTrack.enabled
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`enabled`** property on the
+The **`enabled`** property of the
 {{domxref("MediaStreamTrack")}} interface is a Boolean value which is
 `true` if the track is allowed to render the source stream or
 `false` if it is not. This can be used to intentionally mute a
diff --git a/files/en-us/web/api/mediastreamtrack/id/index.md b/files/en-us/web/api/mediastreamtrack/id/index.md
index ac519b24d188bd5..02ec7b86b9ab105 100644
--- a/files/en-us/web/api/mediastreamtrack/id/index.md
+++ b/files/en-us/web/api/mediastreamtrack/id/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStreamTrack.id
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`MediaStreamTrack.id`** read-only property returns a
+The **`id`** read-only property of the {{domxref("MediaStreamTrack")}} interface returns a
 string containing a unique identifier (GUID) for the track, which is
 generated by the {{glossary("user agent")}}.
 
diff --git a/files/en-us/web/api/mediastreamtrack/kind/index.md b/files/en-us/web/api/mediastreamtrack/kind/index.md
index 1fc9fb0650362dc..6e78d4eb0252bd8 100644
--- a/files/en-us/web/api/mediastreamtrack/kind/index.md
+++ b/files/en-us/web/api/mediastreamtrack/kind/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStreamTrack.kind
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`MediaStreamTrack.kind`** read-only property returns a string set to `"audio"` if the track is an audio track and to `"video"`, if it is a video track.
+The **`kind`** read-only property of the {{domxref("MediaStreamTrack")}} interface returns a string set to `"audio"` if the track is an audio track and to `"video"` if it is a video track.
 It doesn't change if the track is disassociated from its source.
 
 ## Value
diff --git a/files/en-us/web/api/mediastreamtrack/label/index.md b/files/en-us/web/api/mediastreamtrack/label/index.md
index 07d8ae2a3ad4fa5..a4421b17a0b7837 100644
--- a/files/en-us/web/api/mediastreamtrack/label/index.md
+++ b/files/en-us/web/api/mediastreamtrack/label/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStreamTrack.label
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`MediaStreamTrack.label`** read-only property returns a string containing a {{glossary("user agent")}}-assigned label that identifies the track source, as in `"internal microphone"`.
+The **`label`** read-only property of the {{domxref("MediaStreamTrack")}} interface returns a string containing a {{glossary("user agent")}}-assigned label that identifies the track source, as in `"internal microphone"`.
 
 The string may be left empty and is empty as long as no source has been connected.
 When the track is disassociated from its source, the label is not changed.
diff --git a/files/en-us/web/api/mediastreamtrack/readystate/index.md b/files/en-us/web/api/mediastreamtrack/readystate/index.md
index 2c6d5493be4d08e..a5e57528b02bb93 100644
--- a/files/en-us/web/api/mediastreamtrack/readystate/index.md
+++ b/files/en-us/web/api/mediastreamtrack/readystate/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStreamTrack.readyState
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`MediaStreamTrack.readyState`** read-only property returns an enumerated value giving the status of the track.
+The **`readyState`** read-only property of the {{domxref("MediaStreamTrack")}} interface returns an enumerated value giving the status of the track.
 
 ## Value
 
diff --git a/files/en-us/web/api/mediastreamtrack/stop/index.md b/files/en-us/web/api/mediastreamtrack/stop/index.md
index 804055b60c1fabe..4f67d51e2be1758 100644
--- a/files/en-us/web/api/mediastreamtrack/stop/index.md
+++ b/files/en-us/web/api/mediastreamtrack/stop/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStreamTrack.stop
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`MediaStreamTrack.stop()`** method stops the track.
+The **`stop()`** method of the {{domxref("MediaStreamTrack")}} interface stops the track.
 
 ## Syntax
 
diff --git a/files/en-us/web/api/mediastreamtrackevent/index.md b/files/en-us/web/api/mediastreamtrackevent/index.md
index e2733170509167f..a19302d1066b01f 100644
--- a/files/en-us/web/api/mediastreamtrackevent/index.md
+++ b/files/en-us/web/api/mediastreamtrackevent/index.md
@@ -7,12 +7,17 @@ browser-compat: api.MediaStreamTrackEvent
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`MediaStreamTrackEvent`** interface represents events which indicate that a {{domxref("MediaStream")}} has had tracks added to or removed from the stream through calls to [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API) methods. These events are sent to the stream when these changes occur.
+The **`MediaStreamTrackEvent`** interface of the {{domxref("Media Capture and Streams API", "", "", "nocode")}} represents events which indicate that a {{domxref("MediaStream")}} has had tracks added to or removed from the stream through calls to [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API) methods. These events are sent to the stream when these changes occur.
 
 {{InheritanceDiagram}}
 
 The events based on this interface are {{domxref("MediaStream/addtrack_event", "addtrack")}} and {{domxref("MediaStream/removetrack_event", "removetrack")}}.
 
+## Constructor
+
+- {{domxref("MediaStreamTrackEvent.MediaStreamTrackEvent", "MediaStreamTrackEvent()")}}
+  - : Constructs a new `MediaStreamTrackEvent` with the specified configuration.
+
 ## Instance properties
 
 _Also inherits properties from its parent interface, {{domxref("Event")}}._
@@ -20,14 +25,9 @@ _Also inherits properties from its parent interface, {{domxref("Event")}}._
 - {{domxref("MediaStreamTrackEvent.track")}} {{ReadOnlyInline}}
   - : Returns a {{domxref("MediaStreamTrack")}} object representing the track associated with the event.
 
-## Constructor
-
-- {{domxref("MediaStreamTrackEvent.MediaStreamTrackEvent", "MediaStreamTrackEvent()")}}
-  - : Constructs a new `MediaStreamTrackEvent` with the specified configuration.
-
 ## Instance methods
 
-_Also inherits methods from its parent {{domxref("Event")}}._
+_Also inherits methods from its parent interface, {{domxref("Event")}}._
 
 ## Specifications
 
diff --git a/files/en-us/web/api/mediastreamtrackevent/track/index.md b/files/en-us/web/api/mediastreamtrackevent/track/index.md
index 8cc2e5ab8bc84b4..4d18ae164fcb7fe 100644
--- a/files/en-us/web/api/mediastreamtrackevent/track/index.md
+++ b/files/en-us/web/api/mediastreamtrackevent/track/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaStreamTrackEvent.track
 
 {{APIRef("Media Capture and Streams")}}
 
-The **`track`** read-only property of the {{domxref("MediaStreamTrackEvent")}} interface returns the {{domxref("MediaStreamTrack")}} associated with this event
+The **`track`** read-only property of the {{domxref("MediaStreamTrackEvent")}} interface returns the {{domxref("MediaStreamTrack")}} associated with this event.
 
 ## Value
 

From 95c8b8dab18ddc13cae61ab4f402d51a309080c7 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 25 Dec 2023 15:09:58 +0800
Subject: [PATCH 101/790] ExtendableCookieChangeEvent | add
 {{AvailableInWorkers}} macros & add the `partitioned` option (#31273)

* add partitioned option

* add AvailableInWorkers mark

* style update and fix event target

* add instance method section

* fix

* add optional_inline mark
---
 .../api/extendablecookiechangeevent/changed/index.md  |  5 +++++
 .../api/extendablecookiechangeevent/deleted/index.md  |  5 +++++
 .../extendablecookiechangeevent/index.md              |  8 +++++---
 .../web/api/extendablecookiechangeevent/index.md      | 11 +++++++++--
 4 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/files/en-us/web/api/extendablecookiechangeevent/changed/index.md b/files/en-us/web/api/extendablecookiechangeevent/changed/index.md
index 33a5bd5dee64eca..75ea26a49b749e0 100644
--- a/files/en-us/web/api/extendablecookiechangeevent/changed/index.md
+++ b/files/en-us/web/api/extendablecookiechangeevent/changed/index.md
@@ -10,6 +10,8 @@ browser-compat: api.ExtendableCookieChangeEvent.changed
 
 The **`changed`** read-only property of the {{domxref("ExtendableCookieChangeEvent")}} interface returns any cookies that have been changed by the given `ExtendableCookieChangeEvent` instance.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 An array of objects containing the changed cookie(s). Each object contains the following properties:
@@ -37,6 +39,9 @@ An array of objects containing the changed cookie(s). Each object contains the f
     - `"none"`
       - : Cookies will be sent in all contexts.
 
+- `partitioned`
+  - : A boolean indicating whether the cookie is a partitioned cookie (`true`) or not (`false`). See [Cookies Having Independent Partitioned State (CHIPS)](/en-US/docs/Web/Privacy/Partitioned_cookies) for more information.
+
 ## Examples
 
 In this example when the cookie is set, the event listener logs the `changed` property to the console. The first item in that array contains an object representing the cookie that has just been set.
diff --git a/files/en-us/web/api/extendablecookiechangeevent/deleted/index.md b/files/en-us/web/api/extendablecookiechangeevent/deleted/index.md
index fa3d8595dfcc570..ade05967c96ea75 100644
--- a/files/en-us/web/api/extendablecookiechangeevent/deleted/index.md
+++ b/files/en-us/web/api/extendablecookiechangeevent/deleted/index.md
@@ -10,6 +10,8 @@ browser-compat: api.ExtendableCookieChangeEvent.deleted
 
 The **`deleted`** read-only property of the {{domxref("ExtendableCookieChangeEvent")}} interface returns any cookies that have been deleted by the given `ExtendableCookieChangeEvent` instance.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 An array of objects containing the deleted cookie(s). Each object contains the following properties:
@@ -37,6 +39,9 @@ An array of objects containing the deleted cookie(s). Each object contains the f
     - `"none"`
       - : Cookies will be sent in all contexts.
 
+- `partitioned`
+  - : A boolean indicating whether the cookie is a partitioned cookie (`true`) or not (`false`). See [Cookies Having Independent Partitioned State (CHIPS)](/en-US/docs/Web/Privacy/Partitioned_cookies) for more information.
+
 ## Examples
 
 In this example when the cookie is deleted the event listener logs the first item in the `deleted` property to the console. It contains an object representing the cookie that has just been deleted.
diff --git a/files/en-us/web/api/extendablecookiechangeevent/extendablecookiechangeevent/index.md b/files/en-us/web/api/extendablecookiechangeevent/extendablecookiechangeevent/index.md
index 5dee11fce44c2e3..22a948b308fba57 100644
--- a/files/en-us/web/api/extendablecookiechangeevent/extendablecookiechangeevent/index.md
+++ b/files/en-us/web/api/extendablecookiechangeevent/extendablecookiechangeevent/index.md
@@ -9,11 +9,13 @@ browser-compat: api.ExtendableCookieChangeEvent.ExtendableCookieChangeEvent
 {{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`ExtendableCookieChangeEvent()`** constructor creates a new {{domxref("ExtendableCookieChangeEvent")}} object
-which is the event type passed to {{domxref("ServiceWorkerRegistration/cookiechange_event", "ServiceWorkerRegistration.oncookiechange()")}}.
+which is the event type passed to {{domxref("ServiceWorkerGlobalScope/cookiechange_event", "cookiechange")}} event fired at the {{domxref("ServiceWorkerGlobalScope")}} when any cookie changes occur which match the service worker's cookie change subscription list.
 This constructor is called by the browser when a change event occurs.
 
 > **Note:** This event constructor is generally not needed for production websites. It's primary use is for tests that require an instance of this event.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
@@ -28,9 +30,9 @@ new ExtendableCookieChangeEvent(type, options)
     It is case-sensitive and browsers always set it to `cookiechange`.
 - `options` {{optional_inline}}
   - : An object that, _in addition of the properties defined in {{domxref("ExtendableEvent/ExtendableEvent", "ExtendableEvent()")}}_, can have the following properties:
-    - `changed`
+    - `changed` {{optional_inline}}
       - : An array containing a changed cookie.
-    - `deleted`
+    - `deleted` {{optional_inline}}
       - : An array containing a deleted cookie.
 
 ### Return value
diff --git a/files/en-us/web/api/extendablecookiechangeevent/index.md b/files/en-us/web/api/extendablecookiechangeevent/index.md
index b5dfe9cfb5256f7..723daaba69e99b8 100644
--- a/files/en-us/web/api/extendablecookiechangeevent/index.md
+++ b/files/en-us/web/api/extendablecookiechangeevent/index.md
@@ -7,7 +7,7 @@ browser-compat: api.ExtendableCookieChangeEvent
 
 {{securecontext_header}}{{APIRef("Cookie Store API")}}
 
-The **`ExtendableCookieChangeEvent`** interface of the['Cookie Store API'](/en-US/docs/Web/API/Cookie_Store_API) is the event type passed to {{domxref("ServiceWorkerRegistration.oncookiechange()")}} when any cookie changes occur. A cookie change event consists of a cookie and a type (either "changed" or "deleted".)
+The **`ExtendableCookieChangeEvent`** interface of the {{domxref("Cookie Store API", "", "", "nocode")}} is the event type passed to {{domxref("ServiceWorkerGlobalScope/cookiechange_event", "cookiechange")}} event fired at the {{domxref("ServiceWorkerGlobalScope")}} when any cookie changes occur which match the service worker's cookie change subscription list. A cookie change event consists of a cookie and a type. (either "changed" or "deleted")
 
 Cookie changes that cause the `ExtendableCookieChangeEvent` to be dispatched are:
 
@@ -17,6 +17,8 @@ Cookie changes that cause the `ExtendableCookieChangeEvent` to be dispatched are
 
 > **Note:** A cookie that is replaced due to the insertion of another cookie with the same name, domain, and path, is ignored and does not trigger a change event.
 
+{{AvailableInWorkers}}
+
 {{InheritanceDiagram}}
 
 ## Constructor
@@ -33,14 +35,19 @@ _This interface also inherits properties from {{domxref("ExtendableEvent")}}._
 - {{domxref("ExtendableCookieChangeEvent.deleted")}} {{ReadOnlyInline}}
   - : Returns an array containing the deleted cookies.
 
+## Instance methods
+
+_This interface also inherits methods from {{domxref("ExtendableEvent")}}._
+
 ## Examples
 
-In the below example we use {{domxref("CookieStoreManager.getSubscriptions()")}} to get a list of existing subscriptions. (In service workers, a subscription is required in order to listen for events.) We unsubscribe from existing subscriptions using {{domxref("CookieStoreManager.unsubscribe()")}}, then subscribe to the cookie with a name of 'COOKIE_NAME' using {{domxref("CookieStoreManager.subscribe()")}}. If that cookie is changed, the event listener logs the event to the console. This will be an `ExtendableCookieChangeEvent` object, with the {{domxref("ExtendableCookieChangeEvent.changed","changed")}} or {{domxref("ExtendableCookieChangeEvent.deleted","deleted")}} property containing the modified cookie.
+In the below example, we use {{domxref("CookieStoreManager.getSubscriptions()")}} to get a list of existing subscriptions. (In service workers, a subscription is required in order to listen for events.) We unsubscribe from existing subscriptions using {{domxref("CookieStoreManager.unsubscribe()")}}, then subscribe to the cookie with a name of 'COOKIE_NAME' using {{domxref("CookieStoreManager.subscribe()")}}. If that cookie is changed, the event listener logs the event to the console. This will be an `ExtendableCookieChangeEvent` object, with the {{domxref("ExtendableCookieChangeEvent.changed","changed")}} or {{domxref("ExtendableCookieChangeEvent.deleted","deleted")}} property containing the modified cookie.
 
 ```js
 self.addEventListener("activate", (event) => {
   event.waitUntil(async () => {
     const subscriptions = await self.registration.cookies.getSubscriptions();
+
     await self.registration.cookies.unsubscribe(subscriptions);
 
     await self.registration.cookies.subscribe([

From c1c96d74b416ee5cd86bb3b70fe2a1145beed70f Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 25 Dec 2023 15:21:48 +0800
Subject: [PATCH 102/790] `HTMLInputElement` | update inherit info & adjust
 member description (#31263)

* fix word | inputmode to inputMode

* use macros

* sync list

* add inherit info

* adjust order

* update desc

* sync

* fix

* remove exception section from list

* fix
---
 files/en-us/web/api/htmlinputelement/index.md | 176 ++++++++----------
 1 file changed, 77 insertions(+), 99 deletions(-)

diff --git a/files/en-us/web/api/htmlinputelement/index.md b/files/en-us/web/api/htmlinputelement/index.md
index e3a9ef114097dc9..5304e26aab3ea26 100644
--- a/files/en-us/web/api/htmlinputelement/index.md
+++ b/files/en-us/web/api/htmlinputelement/index.md
@@ -13,43 +13,41 @@ The **`HTMLInputElement`** interface provides special properties and methods for
 
 ## Instance properties
 
+_Also inherits properties from its parent interface, {{domxref("HTMLElement")}}._
+
 Some properties only apply to input element types that support the corresponding attributes.
 
 - {{domxref("HTMLInputElement.align", "align")}} {{Deprecated_Inline}}
 
-  - : `string`: **Represents** the alignment of the element. _Use CSS instead._
-
-- {{domxref("HTMLInputElement.autocapitalize", "autocapitalize")}} {{Experimental_Inline}}
-
-  - : `string`: **Defines** the capitalization behavior for user input. Valid values are `none`, `off`, `characters`, `words` or `sentences`.
+  - : A string that represents the alignment of the element. _Use CSS instead._
 
 - {{domxref("HTMLInputElement.defaultValue", "defaultValue")}}
 
-  - : `string`: **Returns / Sets** the default value as originally specified in the HTML that created this object.
+  - : A string that represents the default value as originally specified in the HTML that created this object.
 
 - {{domxref("HTMLInputElement.dirName", "dirName")}}
 
-  - : `string`: **Returns / Sets** the directionality of the element.
+  - : A string that represents the directionality of the element.
 
-- {{domxref("HTMLInputElement.inputmode", "inputmode")}}
+- {{domxref("HTMLInputElement.incremental", "incremental")}} {{Non-standard_Inline}}
 
-  - : Provides a hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents.
+  - : A boolean that represents the search event fire mode, if `true`, fires on every keypress, or on clicking the cancel button; otherwise fires when pressing <kbd>Enter</kbd>.
 
 - {{domxref("HTMLInputElement.labels", "labels")}} {{ReadOnlyInline}}
 
-  - : {{domxref("NodeList")}} array: **Returns** a list of {{ HTMLElement("label") }} elements that are labels for this element.
+  - : Returns a list of {{ HTMLElement("label") }} elements that are labels for this element.
 
 - {{domxref("HTMLInputElement.list", "list")}} {{ReadOnlyInline}}
 
-  - : {{domxref("HTMLElement")}}: **Returns** the element pointed to by the [`list`](/en-US/docs/Web/HTML/Element/input#list) attribute. The property may be `null` if no HTML element is found in the same tree.
+  - : Returns the element pointed to by the [`list`](/en-US/docs/Web/HTML/Element/input#list) attribute. The property may be `null` if no HTML element is found in the same tree.
 
 - {{domxref("HTMLInputElement.multiple", "multiple")}}
 
-  - : `boolean`: **Returns / Sets** the element's [`multiple`](/en-US/docs/Web/HTML/Element/input#multiple) attribute, indicating whether more than one value is possible (e.g., multiple files).
+  - : A boolean that represents the element's [`multiple`](/en-US/docs/Web/HTML/Element/input#multiple) attribute, indicating whether more than one value is possible (e.g., multiple files).
 
 - {{domxref("HTMLInputElement.name", "name")}}
 
-  - : `string`: **Returns / Sets** the element's [`name`](/en-US/docs/Web/HTML/Element/input#name) attribute, containing a name that identifies the element when submitting the form.
+  - : A string that represents the element's [`name`](/en-US/docs/Web/HTML/Element/input#name) attribute, containing a name that identifies the element when submitting the form.
 
 - {{domxref("HTMLInputElement.popoverTargetAction", "popoverTargetAction")}}
 
@@ -61,244 +59,224 @@ Some properties only apply to input element types that support the corresponding
 
 - {{domxref("HTMLInputElement.step", "step")}}
 
-  - : `string`: **Returns / Sets** the element's [`step`](/en-US/docs/Web/HTML/Element/input#step) attribute, which works with [`min`](/en-US/docs/Web/HTML/Element/input#min) and [`max`](/en-US/docs/Web/HTML/Element/input#max) 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 the minimum.
+  - : A string that represents the element's [`step`](/en-US/docs/Web/HTML/Element/input#step) attribute, which works with [`min`](/en-US/docs/Web/HTML/Element/input#min) and [`max`](/en-US/docs/Web/HTML/Element/input#max) 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 the minimum.
 
 - {{domxref("HTMLInputElement.type", "type")}}
 
-  - : `string`: **Returns / Sets** the element's [`type`](/en-US/docs/Web/HTML/Element/input#type) attribute, indicating the type of control to display. For possible values, see the documentation for the [`type`](/en-US/docs/Web/HTML/Element/input#type) attribute.
+  - : A string that represents the element's [`type`](/en-US/docs/Web/HTML/Element/input#type) attribute, indicating the type of control to display. For possible values, see the documentation for the [`type`](/en-US/docs/Web/HTML/Element/input#type) attribute.
 
 - {{domxref("HTMLInputElement.useMap", "useMap")}} {{Deprecated_Inline}}
 
-  - : `string`: **Represents** a client-side image map.
+  - : A string that represents a client-side image map.
 
 - {{domxref("HTMLInputElement.value", "value")}}
 
-  - : `string`: **Returns / Sets** the current value of the control. If the user enters a value different from the value expected, this may return an empty string.
+  - : A string that represents the current value of the control. If the user enters a value different from the value expected, this may return an empty string.
 
 - {{domxref("HTMLInputElement.valueAsDate", "valueAsDate")}}
 
-  - : {{jsxref("Date")}}: **Returns / Sets** the value of the element, interpreted as a date, or `null` if conversion is not possible.
+  - : A {{jsxref("Date")}} that represents the value of the element, interpreted as a date, or `null` if conversion is not possible.
 
 - {{domxref("HTMLInputElement.valueAsNumber", "valueAsNumber")}}
-  - : `double`: **Returns** the value of the element, interpreted as one of the following, in order: A time value, a number or `NaN` if conversion is impossible
+  - : A number that represents the value of the element, interpreted as one of the following, in order: A time value, a number or `NaN` if conversion is impossible.
 
 ### Instance properties related to the parent form
 
 - {{domxref("HTMLInputElement.form", "form")}} {{ReadOnlyInline}}
 
-  - : {{domxref("HTMLFormElement")}}: **Returns** a reference to the parent {{HtmlElement("form")}} element.
+  - : Returns a reference to the parent {{HtmlElement("form")}} element.
 
 - {{domxref("HTMLInputElement.formAction", "formAction")}}
 
-  - : `string`: **Returns / Sets** the element's [`formaction`](/en-US/docs/Web/HTML/Element/input#formaction) attribute, containing the URL of a program that processes information submitted by the element. This overrides the [`action`](/en-US/docs/Web/HTML/Element/form#action) attribute of the parent form.
+  - : A string that represents the element's [`formaction`](/en-US/docs/Web/HTML/Element/input#formaction) attribute, containing the URL of a program that processes information submitted by the element. This overrides the [`action`](/en-US/docs/Web/HTML/Element/form#action) attribute of the parent form.
 
 - {{domxref("HTMLInputElement.formEnctype", "formEnctype")}}
 
-  - : `string`: **Returns / Sets** the element's [`formenctype`](/en-US/docs/Web/HTML/Element/input#formenctype) attribute, containing the type of content that is used to submit the form to the server. This overrides the [`enctype`](/en-US/docs/Web/HTML/Element/form#enctype) attribute of the parent form.
+  - : A string that represents the element's [`formenctype`](/en-US/docs/Web/HTML/Element/input#formenctype) attribute, containing the type of content that is used to submit the form to the server. This overrides the [`enctype`](/en-US/docs/Web/HTML/Element/form#enctype) attribute of the parent form.
 
 - {{domxref("HTMLInputElement.formMethod", "formMethod")}}
 
-  - : `string`: **Returns / Sets** the element's [`formmethod`](/en-US/docs/Web/HTML/Element/input#formmethod) attribute, containing the HTTP method that the browser uses to submit the form. This overrides the [`method`](/en-US/docs/Web/HTML/Element/form#method) attribute of the parent form.
+  - : A string that represents the element's [`formmethod`](/en-US/docs/Web/HTML/Element/input#formmethod) attribute, containing the HTTP method that the browser uses to submit the form. This overrides the [`method`](/en-US/docs/Web/HTML/Element/form#method) attribute of the parent form.
 
 - {{domxref("HTMLInputElement.formNoValidate", "formNoValidate")}}
 
-  - : `boolean`: **Returns / Sets** the element's [`formnovalidate`](/en-US/docs/Web/HTML/Element/input#formnovalidate) attribute, indicating that the form is not to be validated when it is submitted. This overrides the [`novalidate`](/en-US/docs/Web/HTML/Element/form#novalidate) attribute of the parent form.
+  - : A boolean that represents the element's [`formnovalidate`](/en-US/docs/Web/HTML/Element/input#formnovalidate) attribute, indicating that the form is not to be validated when it is submitted. This overrides the [`novalidate`](/en-US/docs/Web/HTML/Element/form#novalidate) attribute of the parent form.
 
 - {{domxref("HTMLInputElement.formTarget", "formTarget")}}
-  - : `string`: **Returns / Sets** the element's [`formtarget`](/en-US/docs/Web/HTML/Element/input#formtarget) attribute, containing a name or keyword indicating where to display the response that is received after submitting the form. This overrides the [`target`](/en-US/docs/Web/HTML/Element/form#target) attribute of the parent form.
+  - : A string that represents the element's [`formtarget`](/en-US/docs/Web/HTML/Element/input#formtarget) attribute, containing a name or keyword indicating where to display the response that is received after submitting the form. This overrides the [`target`](/en-US/docs/Web/HTML/Element/form#target) attribute of the parent form.
 
 ### Instance properties that apply to any type of input element that is not hidden
 
-- {{domxref("HTMLInputElement.autofocus", "autofocus")}}
-
-  - : `boolean`: **Returns / Sets** the element's [`autofocus`](/en-US/docs/Web/HTML/Element/input#autofocus) 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 [`autofocus`](/en-US/docs/Web/HTML/Element/input#autofocus) attribute.
-
 - {{domxref("HTMLInputElement.disabled", "disabled")}}
 
-  - : `boolean`: **Returns / Sets** the element's [`disabled`](/en-US/docs/Web/HTML/Element/input#disabled) attribute, indicating that the control is not available for interaction. The input values will not be submitted with the form. See also [`readonly`](/en-US/docs/Web/HTML/Element/input#readonly).
+  - : A boolean that represents the element's [`disabled`](/en-US/docs/Web/HTML/Element/input#disabled) attribute, indicating that the control is not available for interaction. The input values will not be submitted with the form. See also [`readonly`](/en-US/docs/Web/HTML/Element/input#readonly).
 
 - {{domxref("HTMLInputElement.required", "required")}}
 
-  - : `boolean`: **Returns / Sets** the element's [`required`](/en-US/docs/Web/HTML/Element/input#required) attribute, indicating that the user must fill in a value before submitting a form.
+  - : A boolean that represents the element's [`required`](/en-US/docs/Web/HTML/Element/input#required) attribute, indicating that the user must fill in a value before submitting a form.
 
 - {{domxref("HTMLInputElement.validationMessage", "validationMessage")}} {{ReadOnlyInline}}
 
-  - : `string`: **Returns** 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 ([`willValidate`](/en-US/docs/Web/API/HTMLObjectElement/willValidate) is `false`), or it satisfies its constraints. This value can be set by the {{domxref("HTMLInputElement.setCustomValidity()", "setCustomValidity()")}} method.
+  - : Returns 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 ([`willValidate`](/en-US/docs/Web/API/HTMLObjectElement/willValidate) is `false`), or it satisfies its constraints. This value can be set by the {{domxref("HTMLInputElement.setCustomValidity()", "setCustomValidity()")}} method.
 
 - {{domxref("HTMLInputElement.validity", "validity")}} {{ReadOnlyInline}}
 
-  - : {{domxref("ValidityState")}}: **Returns** the element's current validity state.
+  - : Returns the element's current validity state.
 
 - {{domxref("HTMLInputElement.willValidate", "willValidate")}} {{ReadOnlyInline}}
-  - : `boolean`: **Returns** whether the element is a candidate for constraint validation. It is `false` if any conditions bar it from constraint validation, including: its `type` is one of `hidden`, `reset` or `button`, it has a {{HTMLElement("datalist")}} ancestor or its `disabled` property is `true`.
+  - : Returns whether the element is a candidate for constraint validation. It is `false` if any conditions bar it from constraint validation, including: its `type` is one of `hidden`, `reset` or `button`, it has a {{HTMLElement("datalist")}} ancestor or its `disabled` property is `true`.
 
 ### Instance properties that apply only to elements of type checkbox or radio
 
 - {{domxref("HTMLInputElement.checked", "checked")}}
 
-  - : `boolean`: **Returns / Sets** the current state of the element.
+  - : A boolean that represents the current state of the element.
 
 - {{domxref("HTMLInputElement.defaultChecked", "defaultChecked")}}
 
-  - : `boolean`: **Returns / Sets** the default state of a radio button or checkbox as originally specified in HTML that created this object.
+  - : A boolean that represents the default state of a radio button or checkbox as originally specified in HTML that created this object.
 
 - {{domxref("HTMLInputElement.indeterminate", "indeterminate")}}
-  - : `boolean`: **Returns** whether the checkbox or radio button is in indeterminate state. For checkboxes, the effect is that the appearance of the checkbox is obscured/greyed in some way as to indicate its state is indeterminate (not checked but not unchecked). Does not affect the value of the `checked` attribute, and clicking the checkbox will set the value to false.
+  - : A boolean that represents whether the checkbox or radio button is in indeterminate state. For checkboxes, the effect is that the appearance of the checkbox is obscured/greyed in some way as to indicate its state is indeterminate (not checked but not unchecked). Does not affect the value of the `checked` attribute, and clicking the checkbox will set the value to false.
 
 ### Instance properties that apply only to elements of type image
 
 - {{domxref("HTMLInputElement.alt", "alt")}}
 
-  - : `string`: **Returns / Sets** the element's [`alt`](/en-US/docs/Web/HTML/Element/input#alt) attribute, containing alternative text to use.
+  - : A string that represents the element's [`alt`](/en-US/docs/Web/HTML/Element/input#alt) attribute, containing alternative text to use.
 
 - {{domxref("HTMLInputElement.height", "height")}}
 
-  - : `string`: **Returns / Sets** the element's [`height`](/en-US/docs/Web/HTML/Element/input#height) attribute, which defines the height of the image displayed for the button.
+  - : A string that represents the element's [`height`](/en-US/docs/Web/HTML/Element/input#height) attribute, which defines the height of the image displayed for the button.
 
 - {{domxref("HTMLInputElement.src", "src")}}
 
-  - : `string`: **Returns / Sets** the element's [`src`](/en-US/docs/Web/HTML/Element/input#src) attribute, which specifies a URI for the location of an image to display on the graphical submit button.
+  - : A string that represents the element's [`src`](/en-US/docs/Web/HTML/Element/input#src) attribute, which specifies a URI for the location of an image to display on the graphical submit button.
 
 - {{domxref("HTMLInputElement.width", "width")}}
-  - : `string`: **Returns / Sets** the element's [`width`](/en-US/docs/Web/HTML/Element/input#width) attribute, which defines the width of the image displayed for the button.
+  - : A string that represents the element's [`width`](/en-US/docs/Web/HTML/Element/input#width) attribute, which defines the width of the image displayed for the button.
 
 ### Instance properties that apply only to elements of type file
 
 - {{domxref("HTMLInputElement.accept", "accept")}}
 
-  - : `string`: **Returns / Sets** the element's [`accept`](/en-US/docs/Web/HTML/Element/input#accept) attribute, containing comma-separated list of file types that can be selected.
-
-- {{domxref("HTMLInputElement.allowdirs", "allowdirs")}} {{Non-standard_Inline}}
-
-  - : `boolean`: Part of the non-standard Directory Upload API. Indicates whether or not to allow directories and files both to be selected in the file list. Implemented only in Firefox and is hidden behind a preference.
+  - : A string that represents the element's [`accept`](/en-US/docs/Web/HTML/Element/input#accept) attribute, containing comma-separated list of file types that can be selected.
 
 - {{domxref("HTMLInputElement.files", "files")}}
 
-  - : {{domxref("FileList")}}: **Returns / Sets** a list of {{domxref("File")}} objects representing the files selected for upload.
+  - : A {{domxref("FileList")}} that represents the files selected for upload.
 
 - {{domxref("HTMLInputElement.webkitdirectory", "webkitdirectory")}}
 
-  - : `boolean`: **Returns** the [`webkitdirectory`](/en-US/docs/Web/HTML/Element/input#webkitdirectory) attribute. If `true`, the file-system-picker interface only accepts directories instead of files.
+  - : A boolean that represents the [`webkitdirectory`](/en-US/docs/Web/HTML/Element/input#webkitdirectory) attribute. If `true`, the file-system-picker interface only accepts directories instead of files.
 
-- {{domxref("HTMLInputElement.webkitEntries", "webkitEntries")}}
-  - : {{domxref("FileSystemEntry")}} array: **Describes** the currently selected files or directories.
+- {{domxref("HTMLInputElement.webkitEntries", "webkitEntries")}} {{ReadOnlyInline}}
+  - : Describes the currently selected files or directories.
 
 ### Instance properties that apply only to visible elements containing text or numbers
 
 - {{domxref("HTMLInputElement.autocomplete", "autocomplete")}}
 
-  - : `string`: **Returns / Sets** the element's [`autocomplete`](/en-US/docs/Web/HTML/Element/input#autocomplete) attribute, indicating whether the value of the control can be automatically completed by the browser.
+  - : A string that represents the element's [`autocomplete`](/en-US/docs/Web/HTML/Element/input#autocomplete) attribute, indicating whether the value of the control can be automatically completed by the browser.
+
+- {{domxref("HTMLInputElement.capture", "capture")}}
+
+  - : A string that represents the element's [`capture`](/en-US/docs/Web/HTML/Element/input#capture) attribute, indicating the media capture input method in file upload controls.
 
 - {{domxref("HTMLInputElement.max", "max")}}
 
-  - : `string`: **Returns / Sets** the element's [`max`](/en-US/docs/Web/HTML/Element/input#max) attribute, containing the maximum (numeric or date-time) value for this item, which must not be less than its minimum ([`min`](/en-US/docs/Web/HTML/Element/input#min) attribute) value.
+  - : A string that represents the element's [`max`](/en-US/docs/Web/HTML/Element/input#max) attribute, containing the maximum (numeric or date-time) value for this item, which must not be less than its minimum ([`min`](/en-US/docs/Web/HTML/Element/input#min) attribute) value.
 
 - {{domxref("HTMLInputElement.maxLength", "maxLength")}}
 
-  - : `unsigned long`: **Returns / Sets** the element's [`maxlength`](/en-US/docs/Web/HTML/Element/input#maxlength) attribute, containing the maximum number of characters (in Unicode code points) that the value can have.
+  - : A number that represents the element's [`maxlength`](/en-US/docs/Web/HTML/Element/input#maxlength) attribute, containing the maximum number of characters (in Unicode code points) that the value can have.
 
 - {{domxref("HTMLInputElement.min", "min")}}
 
-  - : `string`: **Returns / Sets** the element's [`min`](/en-US/docs/Web/HTML/Element/input#min) attribute, containing the minimum (numeric or date-time) value for this item, which must not be greater than its maximum ([`max`](/en-US/docs/Web/HTML/Element/input#max) attribute) value.
+  - : A string that represents the element's [`min`](/en-US/docs/Web/HTML/Element/input#min) attribute, containing the minimum (numeric or date-time) value for this item, which must not be greater than its maximum ([`max`](/en-US/docs/Web/HTML/Element/input#max) attribute) value.
 
 - {{domxref("HTMLInputElement.minLength", "minLength")}}
 
-  - : `unsigned long`: **Returns / Sets** the element's [`minlength`](/en-US/docs/Web/HTML/Element/input#minlength) attribute, containing the minimum number of characters (in Unicode code points) that the value can have.
+  - : A number that represents the element's [`minlength`](/en-US/docs/Web/HTML/Element/input#minlength) attribute, containing the minimum number of characters (in Unicode code points) that the value can have.
 
 - {{domxref("HTMLInputElement.pattern", "pattern")}}
 
-  - : `string`: **Returns / Sets** the element's [`pattern`](/en-US/docs/Web/HTML/Element/input#pattern) attribute, containing a regular expression that the control's value is checked against. Use the [`title`](/en-US/docs/Web/HTML/Element/input#title) attribute to describe the pattern to help the user. This attribute only applies when the value of the [`type`](/en-US/docs/Web/HTML/Element/input#type) attribute is `text`, `search`, `tel`, `url` or `email`.
+  - : A string that represents the element's [`pattern`](/en-US/docs/Web/HTML/Element/input#pattern) attribute, containing a regular expression that the control's value is checked against. Use the [`title`](/en-US/docs/Web/HTML/Element/input#title) attribute to describe the pattern to help the user. This attribute only applies when the value of the [`type`](/en-US/docs/Web/HTML/Element/input#type) attribute is `text`, `search`, `tel`, `url` or `email`.
 
 - {{domxref("HTMLInputElement.placeholder", "placeholder")}}
 
-  - : `string`: **Returns / Sets** the element's [`placeholder`](/en-US/docs/Web/HTML/Element/input#placeholder) 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 only applies when the value of the [`type`](/en-US/docs/Web/HTML/Element/input#type) attribute is `text`, `search`, `tel`, `url` or `email`.
+  - : A string that represents the element's [`placeholder`](/en-US/docs/Web/HTML/Element/input#placeholder) 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 only applies when the value of the [`type`](/en-US/docs/Web/HTML/Element/input#type) attribute is `text`, `search`, `tel`, `url` or `email`.
 
 - {{domxref("HTMLInputElement.readOnly", "readOnly")}}
 
-  - : `boolean`: **Returns / Sets** the element's [`readonly`](/en-US/docs/Web/HTML/Element/input#readonly) attribute, indicating that the user cannot modify the value of the control. This is ignored if the [`type`](/en-US/docs/Web/HTML/Element/input#type) is `hidden`, `range`, `color`, `checkbox`, `radio`, `file`, or a button type.
+  - : A boolean that represents the element's [`readonly`](/en-US/docs/Web/HTML/Element/input#readonly) attribute, indicating that the user cannot modify the value of the control. This is ignored if the [`type`](/en-US/docs/Web/HTML/Element/input#type) is `hidden`, `range`, `color`, `checkbox`, `radio`, `file`, or a button type.
 
-- {{domxref("HTMLInputElement.selectionEnd", "selectionEnd")}}
+- {{domxref("HTMLInputElement.selectionDirection", "selectionDirection")}}
 
-  - : `unsigned long`: **Returns / Sets** the end index of the selected text. When there's no selection, this returns the offset of the character immediately following the current text input cursor position.
+  - : A string that represents the direction in which selection occurred. Possible values are: `forward` (the selection was performed in the start-to-end direction of the current locale), `backward` (the opposite direction) or `none` (the direction is unknown).
 
-- {{domxref("HTMLInputElement.selectionStart", "selectionStart")}}
+- {{domxref("HTMLInputElement.selectionEnd", "selectionEnd")}}
 
-  - : `unsigned long`: **Returns / Sets** the beginning index of the selected text. When nothing is selected, this returns the position of the text input cursor (caret) inside of the {{HTMLElement("input")}} element.
+  - : A number that represents the end index of the selected text. When there's no selection, this returns the offset of the character immediately following the current text input cursor position.
 
-- {{domxref("HTMLInputElement.selectionDirection", "selectionDirection")}}
+- {{domxref("HTMLInputElement.selectionStart", "selectionStart")}}
 
-  - : `string`: **Returns / Sets** the direction in which selection occurred. Possible values are: `forward` (the selection was performed in the start-to-end direction of the current locale), `backward` (the opposite direction) or `none` (the direction is unknown).
+  - : A number that represents the beginning index of the selected text. When nothing is selected, this returns the position of the text input cursor (caret) inside of the {{HTMLElement("input")}} element.
 
 - {{domxref("HTMLInputElement.size", "size")}}
-  - : `unsigned long`: **Returns / Sets** the element's [`size`](/en-US/docs/Web/HTML/Element/input#size) attribute, containing visual size of the control. This value is in pixels unless the value of [`type`](/en-US/docs/Web/HTML/Element/input#type) is `text` or `password`, in which case, it is an integer number of characters. Applies only when [`type`](/en-US/docs/Web/HTML/Element/input#type) is set to `text`, `search`, `tel`, `url`, `email`, or `password`.
+  - : A number that represents the element's [`size`](/en-US/docs/Web/HTML/Element/input#size) attribute, containing visual size of the control. This value is in pixels unless the value of [`type`](/en-US/docs/Web/HTML/Element/input#type) is `text` or `password`, in which case, it is an integer number of characters. Applies only when [`type`](/en-US/docs/Web/HTML/Element/input#type) is set to `text`, `search`, `tel`, `url`, `email`, or `password`.
 
 ## Instance methods
 
-- {{domxref("HTMLElement/blur", "blur()")}}
+_Also inherits methods from its parent interface, {{domxref("HTMLElement")}}._
 
-  - : Removes focus from the input element; keystrokes will subsequently go nowhere.
-
-- {{domxref("HTMLElement.click()", "click()")}}
+- {{domxref("HTMLInputElement.checkValidity()", "checkValidity()")}}
 
-  - : Simulates a click on the input element.
+  - : Returns a boolean value that is `false` if the element is a candidate for constraint validation, and it does not satisfy its constraints. In this case, it also fires an {{domxref("HTMLInputElement/invalid_event", "invalid")}} event at the element. It returns `true` if the element is not a candidate for constraint validation, or if it satisfies its constraints.
 
-- {{domxref("HTMLElement/focus", "focus()")}}
+- {{domxref("HTMLInputElement.reportValidity()", "reportValidity()")}}
 
-  - : Focuses on the input element; keystrokes will subsequently go to this element.
+  - : Runs the `checkValidity()` method, and if it returns false (for an invalid input or no pattern attribute provided), then it reports to the user that the input is invalid in the same manner as if you submitted a form.
 
 - {{domxref("HTMLInputElement.select()", "select()")}}
 
   - : Selects all the text in the input element, and focuses it so the user can subsequently replace all of its content.
 
-- {{domxref("HTMLInputElement.setSelectionRange()", "setSelectionRange()")}}
+- {{domxref("HTMLInputElement.setCustomValidity()", "setCustomValidity()")}}
 
-  - : Selects a range of text in the input element (but does not focus it).
+  - : Sets a custom validity message for the element. If this message is not the empty string, then the element is suffering from a custom validity error, and does not validate.
 
 - {{domxref("HTMLInputElement.setRangeText()", "setRangeText()")}}
 
   - : Replaces a range of text in the input element with new text.
 
-- {{domxref("HTMLInputElement.setCustomValidity()", "setCustomValidity()")}}
+- {{domxref("HTMLInputElement.setSelectionRange()", "setSelectionRange()")}}
 
-  - : Sets a custom validity message for the element. If this message is not the empty string, then the element is suffering from a custom validity error, and does not validate.
+  - : Selects a range of text in the input element (but does not focus it).
 
 - {{domxref("HTMLInputElement.showPicker()", "showPicker()")}}
 
   - : Shows a browser picker for date, time, color, and files.
 
-- {{domxref("HTMLInputElement.checkValidity()", "checkValidity()")}}
-
-  - : Returns a boolean value that is `false` if the element is a candidate for constraint validation, and it does not satisfy its constraints. In this case, it also fires an {{domxref("HTMLInputElement/invalid_event", "invalid")}} event at the element. It returns `true` if the element is not a candidate for constraint validation, or if it satisfies its constraints.
-
-- {{domxref("HTMLInputElement.reportValidity()", "reportValidity()")}}
-
-  - : Runs the `checkValidity()` method, and if it returns false (for an invalid input or no pattern attribute provided), then it reports to the user that the input is invalid in the same manner as if you submitted a form.
-
 - {{domxref("HTMLInputElement.stepDown()", "stepDown()")}}
 
-  - : Decrements the [`value`](/en-US/docs/Web/HTML/Element/input#value) by ([`step`](/en-US/docs/Web/HTML/Element/input#step) \* n), where n defaults to 1 if not specified. Throws an `InvalidStateError` exception:
-    - if the method is not applicable to for the current [`type`](/en-US/docs/Web/HTML/Element/input#type) value,
-    - if the element has no [`step`](/en-US/docs/Web/HTML/Element/input#step) value,
-    - if the [`value`](/en-US/docs/Web/HTML/Element/input#value) cannot be converted to a number,
-    - if the resulting value is above the [`max`](/en-US/docs/Web/HTML/Element/input#max) or below the [`min`](/en-US/docs/Web/HTML/Element/input#min).
+  - : Decrements the [`value`](/en-US/docs/Web/HTML/Element/input#value) by ([`step`](/en-US/docs/Web/HTML/Element/input#step) \* n), where n defaults to 1 if not specified.
 
 - {{domxref("HTMLInputElement.stepUp()", "stepUp()")}}
-  - : Increments the [`value`](/en-US/docs/Web/HTML/Element/input#value) by ([`step`](/en-US/docs/Web/HTML/Element/input#step) \* n), where n defaults to 1 if not specified. Throws an `InvalidStateError` exception:
-    - if the method is not applicable to for the current [`type`](/en-US/docs/Web/HTML/Element/input#type) value.,
-    - if the element has no [`step`](/en-US/docs/Web/HTML/Element/input#step) value,
-    - if the [`value`](/en-US/docs/Web/HTML/Element/input#value) cannot be converted to a number,
-    - if the resulting value is above the [`max`](/en-US/docs/Web/HTML/Element/input#max) or below the [`min`](/en-US/docs/Web/HTML/Element/input#min).
+  - : Increments the [`value`](/en-US/docs/Web/HTML/Element/input#value) by ([`step`](/en-US/docs/Web/HTML/Element/input#step) \* n), where n defaults to 1 if not specified.
 
 ## Events
 
-Listen to these events using [`addEventListener()`](/en-US/docs/Web/API/EventTarget/addEventListener) or by assigning an event listener to the `oneventname` property of this interface:
+_Also inherits events from its parent interface, {{domxref("HTMLElement")}}._
+
+Listen to these events using {{domxref("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface:
 
-- [`input`](/en-US/docs/Web/API/HTMLElement/input_event)
-  - : Fires when the `value` of an {{HTMLElement("input")}}, {{HTMLElement("select")}}, or {{HTMLElement("textarea")}} element has been changed. Note that this is actually fired on the {{domxref("HTMLElement")}} interface and also applies to [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes/contenteditable) elements, but we've listed it here because it is most commonly used with form input elements.
-- [`invalid`](/en-US/docs/Web/API/HTMLInputElement/invalid_event)
+- {{domxref("HTMLInputElement/invalid_event", "invalid")}} event
   - : Fired when an element does not satisfy its constraints during constraint validation.
-- [`search`](/en-US/docs/Web/API/HTMLInputElement/search_event) {{Non-standard_Inline}}
+- {{domxref("HTMLInputElement/search_event", "search")}} event {{Non-standard_Inline}}
   - : Fired when a search is initiated on an {{HTMLElement("input")}} of `type="search"`.
+- {{domxref("HTMLInputElement/select_event", "select")}} event
+  - : Fired when some text has been selected.
 - {{domxref("HTMLInputElement/selectionchange_event", "selectionchange")}} event {{Experimental_Inline}}
   - : Fires when the text selection in a {{HTMLElement("input")}} element has been changed.
 

From 4a4798e246462ae95ed52e5f52dd0df69c685c4b Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 25 Dec 2023 15:24:21 +0800
Subject: [PATCH 103/790] CookieChangeEvent | add `partitioned` option & add
 optional for param & fix event name (#31272)

* add partitioned key

* add Optional_Inline mark

* fix event name

* add Instance methods section

* update
---
 files/en-us/web/api/cookiechangeevent/changed/index.md   | 7 +++++--
 .../web/api/cookiechangeevent/cookiechangeevent/index.md | 9 ++++-----
 files/en-us/web/api/cookiechangeevent/deleted/index.md   | 7 +++++--
 files/en-us/web/api/cookiechangeevent/index.md           | 8 ++++++--
 4 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/files/en-us/web/api/cookiechangeevent/changed/index.md b/files/en-us/web/api/cookiechangeevent/changed/index.md
index 202125d5725cf3d..efdc6b8bbe87b98 100644
--- a/files/en-us/web/api/cookiechangeevent/changed/index.md
+++ b/files/en-us/web/api/cookiechangeevent/changed/index.md
@@ -25,7 +25,7 @@ An array of objects containing the changed cookie(s). Each object contains the f
 - `path`
   - : A string containing the path of the cookie.
 - `expires`
-  - : A timestamp, given as [Unix time](/en-US/docs/Glossary/Unix_time) in milliseconds, containing the expiration date of the cookie.
+  - : A timestamp, given as {{glossary("Unix time")}} in milliseconds, containing the expiration date of the cookie.
 - `secure`
   - : A {{jsxref("boolean")}} indicating whether the cookie is from a site with a secure context (HTTPS rather than HTTP).
 - `sameSite`
@@ -39,9 +39,12 @@ An array of objects containing the changed cookie(s). Each object contains the f
     - `"none"`
       - : Cookies will be sent in all contexts.
 
+- `partitioned`
+  - : A boolean indicating whether the cookie is a partitioned cookie (`true`) or not (`false`). See [Cookies Having Independent Partitioned State (CHIPS)](/en-US/docs/Web/Privacy/Partitioned_cookies) for more information.
+
 ## Examples
 
-In this example when the cookie is set, the event listener logs the `changed` property to the console. The first item in that array contains an object representing the cookie that has just been set.
+In this example, when the cookie is set, the event listener logs the `changed` property to the console. The first item in that array contains an object representing the cookie that has just been set.
 
 ```js
 cookieStore.addEventListener("change", (event) => {
diff --git a/files/en-us/web/api/cookiechangeevent/cookiechangeevent/index.md b/files/en-us/web/api/cookiechangeevent/cookiechangeevent/index.md
index eeb08e89884436b..a3020344a16e930 100644
--- a/files/en-us/web/api/cookiechangeevent/cookiechangeevent/index.md
+++ b/files/en-us/web/api/cookiechangeevent/cookiechangeevent/index.md
@@ -11,7 +11,7 @@ browser-compat: api.CookieChangeEvent.CookieChangeEvent
 {{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
 
 The **`CookieChangeEvent()`** constructor creates a new {{domxref("CookieChangeEvent")}} object
-which is the event type passed to {{domxref("CookieStore/change_event", "CookieStore.onchange()")}}.
+which is the event type of the {{domxref("CookieStore/change_event", "change")}} event fired at a {{domxref("CookieStore")}} when any cookie changes occur.
 This constructor is called by the browser when a change event occurs.
 
 > **Note:** This event constructor is generally not needed for production websites. It's primary use is for tests that require an instance of this event.
@@ -26,13 +26,12 @@ new CookieChangeEvent(type, options)
 ### Parameters
 
 - `type`
-  - : A string with the name of the event.
-    It is case-sensitive and browsers always set it to `cookiechange`.
+  - : A string with the name of the event. It is case-sensitive and browsers always set it to `change`.
 - `options` {{Optional_Inline}}
   - : An object that, _in addition of the properties defined in {{domxref("Event/Event", "Event()")}}_, can have the following properties:
-    - `changed`
+    - `changed`{{Optional_Inline}}
       - : An array containing the changed cookies.
-    - `deleted`
+    - `deleted`{{Optional_Inline}}
       - : An array containing the deleted cookies.
 
 ### Return value
diff --git a/files/en-us/web/api/cookiechangeevent/deleted/index.md b/files/en-us/web/api/cookiechangeevent/deleted/index.md
index b129e5d2a90cd5b..5e6fdd478306417 100644
--- a/files/en-us/web/api/cookiechangeevent/deleted/index.md
+++ b/files/en-us/web/api/cookiechangeevent/deleted/index.md
@@ -25,7 +25,7 @@ An array of objects containing the deleted cookie(s). Each object contains the f
 - `path`
   - : A string containing the path of the cookie.
 - `expires`
-  - : A timestamp, given as [Unix time](/en-US/docs/Glossary/Unix_time) in milliseconds, containing the expiration date of the cookie.
+  - : A timestamp, given as {{glossary("Unix time")}} in milliseconds, containing the expiration date of the cookie.
 - `secure`
   - : A {{jsxref("boolean")}} indicating whether the cookie is from a site with a secure context (HTTPS rather than HTTP).
 - `sameSite`
@@ -39,9 +39,12 @@ An array of objects containing the deleted cookie(s). Each object contains the f
     - `"none"`
       - : Cookies will be sent in all contexts.
 
+- `partitioned`
+  - : A boolean indicating whether the cookie is a partitioned cookie (`true`) or not (`false`). See [Cookies Having Independent Partitioned State (CHIPS)](/en-US/docs/Web/Privacy/Partitioned_cookies) for more information.
+
 ## Examples
 
-In this example when the cookie is deleted the event listener logs the first item in the `CookieChangeEvent.deleted` property to the console. It contains an object representing the cookie that has just been deleted.
+In this example, when the cookie is deleted, the event listener logs the first item in the `CookieChangeEvent.deleted` property to the console. It contains an object representing the cookie that has just been deleted.
 
 ```js
 cookieStore.addEventListener("change", (event) => {
diff --git a/files/en-us/web/api/cookiechangeevent/index.md b/files/en-us/web/api/cookiechangeevent/index.md
index 6f0130249ef9b99..b3cd59ac7097b6a 100644
--- a/files/en-us/web/api/cookiechangeevent/index.md
+++ b/files/en-us/web/api/cookiechangeevent/index.md
@@ -9,12 +9,12 @@ browser-compat: api.CookieChangeEvent
 
 {{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
 
-The **`CookieChangeEvent`** interface of the ['Cookie Store API'](/en-US/docs/Web/API/Cookie_Store_API) is the event type of the {{domxref("CookieStore.change_event", "change")}} event fired at a {{domxref("CookieStore")}} when any cookie changes occur. A cookie change consists of a cookie and a type (either "changed" or "deleted").
+The **`CookieChangeEvent`** interface of the {{domxref("Cookie Store API", "", "", "nocode")}} is the event type of the {{domxref("CookieStore/change_event", "change")}} event fired at a {{domxref("CookieStore")}} when any cookie changes occur. A cookie change consists of a cookie and a type (either "changed" or "deleted").
 
 Cookie changes that will cause the `CookieChangeEvent` to be dispatched are:
 
 - A cookie is newly created and not immediately removed. In this case `type` is "changed".
-- A cookie is newly created and immediately removed. In this case `type` is "deleted"
+- A cookie is newly created and immediately removed. In this case `type` is "deleted".
 - A cookie is removed. In this case `type` is "deleted".
 
 > **Note:** A cookie that is replaced due to the insertion of another cookie with the same name, domain, and path, is ignored and does not trigger a change event.
@@ -35,6 +35,10 @@ _This interface also inherits properties from {{domxref("Event")}}._
 - {{domxref("CookieChangeEvent.deleted")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns an array containing one or more deleted cookies.
 
+## Instance methods
+
+_This interface also inherits methods from {{domxref("Event")}}._
+
 ## Examples
 
 In this example when the cookie is set, the event listener logs the event to the console. This is a `CookieChangeEvent` object with the {{domxref("CookieChangeEvent.changed","changed")}} property containing an object representing the cookie that has just been set.

From 71790d0ff0ecd94a2d734f81d98a3317b61aa468 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 25 Dec 2023 16:23:17 +0800
Subject: [PATCH 104/790] Init documentation for `HTMLElement.draggable`
 (#31271)

* add docs

* small update

* small update

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* update desc

* Apply suggestions from code review

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* fix links

* Update files/en-us/web/api/htmlelement/draggable/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../web/api/htmlelement/draggable/index.md    | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 files/en-us/web/api/htmlelement/draggable/index.md

diff --git a/files/en-us/web/api/htmlelement/draggable/index.md b/files/en-us/web/api/htmlelement/draggable/index.md
new file mode 100644
index 000000000000000..4f2cba3f51cbb70
--- /dev/null
+++ b/files/en-us/web/api/htmlelement/draggable/index.md
@@ -0,0 +1,49 @@
+---
+title: "HTMLElement: draggable property"
+short-title: draggable
+slug: Web/API/HTMLElement/draggable
+page-type: web-api-instance-property
+browser-compat: api.HTMLElement.draggable
+---
+
+{{APIRef("HTML Drag and Drop API")}}
+
+The **`draggable`** property of the {{domxref("HTMLElement")}} interface gets and sets a {{jsxref("Boolean")}} primitive indicating if the element is draggable.
+
+It reflects the value of the [`draggable`](/en-US/docs/Web/HTML/Global_attributes/draggable) HTML global attribute.
+
+## Value
+
+A {{jsxref("Boolean")}} primitive that is `true` if the element is draggable, `false` otherwise.
+
+## Examples
+
+The following example shows how to enable or disable the element's ability to drag via script:
+
+```js
+const draggableElement = document.querySelector(".draggable-element");
+const notDraggableElement = document.querySelector(".not-draggable-element");
+
+// enable the target element's ability to drag
+if (!draggableElement.draggable) {
+  draggableElement.draggable = true;
+}
+
+// disable the target element's ability to drag
+if (notDraggableElement.draggable) {
+  notDraggableElement.draggable = false;
+}
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [`draggable`](/en-US/docs/Web/HTML/Global_attributes#draggable) HTML global attribute
+- [HTML Drag and Drop API](/en-US/docs/Web/API/HTML_Drag_and_Drop_API) overview

From 4bfeb6c58b4a31c03c9005ad37de40a9c9b41180 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 25 Dec 2023 18:02:37 +0800
Subject: [PATCH 105/790] Fix | `Locks` to `Lock` (#31285)

fix
---
 files/en-us/web/api/lock/mode/index.md | 2 +-
 files/en-us/web/api/lock/name/index.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/lock/mode/index.md b/files/en-us/web/api/lock/mode/index.md
index cd22856b3e563f6..9e394000db62091 100644
--- a/files/en-us/web/api/lock/mode/index.md
+++ b/files/en-us/web/api/lock/mode/index.md
@@ -1,5 +1,5 @@
 ---
-title: "Locks: mode property"
+title: "Lock: mode property"
 short-title: mode
 slug: Web/API/Lock/mode
 page-type: web-api-instance-property
diff --git a/files/en-us/web/api/lock/name/index.md b/files/en-us/web/api/lock/name/index.md
index 37cd87e914c8e94..575cdff686053d5 100644
--- a/files/en-us/web/api/lock/name/index.md
+++ b/files/en-us/web/api/lock/name/index.md
@@ -1,5 +1,5 @@
 ---
-title: "Locks: name property"
+title: "Lock: name property"
 short-title: name
 slug: Web/API/Lock/name
 page-type: web-api-instance-property

From 3486d225bcf0b597263070b646e744fa248928fa Mon Sep 17 00:00:00 2001
From: John Rayes <live627@gmail.com>
Date: Mon, 25 Dec 2023 23:14:15 -0700
Subject: [PATCH 106/790] HTMLCollections -> HTMLCollection (#31292)

* Update index.md

* Update files/en-us/web/api/htmlcollection/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/api/htmlcollection/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/htmlcollection/index.md b/files/en-us/web/api/htmlcollection/index.md
index 7324a8619fa1ed1..3d37825fa8ab0b5 100644
--- a/files/en-us/web/api/htmlcollection/index.md
+++ b/files/en-us/web/api/htmlcollection/index.md
@@ -36,7 +36,7 @@ An `HTMLCollection` in the HTML DOM is live; it is automatically updated when th
 
 ## Usage in JavaScript
 
-`HTMLCollection` also exposes its members directly as properties by both name and index. HTML IDs may contain `:` and `.` as valid characters, which would necessitate using bracket notation for property access. Currently `HTMLCollections` does not recognize purely numeric IDs, which would cause conflict with the array-style access, though HTML5 does permit these.
+`HTMLCollection` also exposes its members as properties by name and index. HTML IDs may contain `:` and `.` as valid characters, which would necessitate using bracket notation for property access. Currently, an `HTMLCollection` object does not recognize purely numeric IDs, which would cause conflict with the array-style access, though HTML does permit these.
 
 For example, assuming there is one `<form>` element in the document and its `id` is `myForm`:
 

From 28cd4e6b66710e4602ca7c4d4614ea37f6bf014d Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 26 Dec 2023 14:15:19 +0800
Subject: [PATCH 107/790] Content Security Policy (#31282)

* remove

* remove

* add wasm-unsafe-eval

* add inline-speculation-rules

* update list
---
 .../web/http/headers/content-security-policy/index.md     | 7 +++++--
 .../http/headers/content-security-policy/sources/index.md | 8 ++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/http/headers/content-security-policy/index.md b/files/en-us/web/http/headers/content-security-policy/index.md
index 6839c33cf40c710..794ed14e933231d 100644
--- a/files/en-us/web/http/headers/content-security-policy/index.md
+++ b/files/en-us/web/http/headers/content-security-policy/index.md
@@ -191,6 +191,8 @@ For detailed reference see [CSP Source Values](/en-US/docs/Web/HTTP/Headers/Cont
   - : The trust granted to a script in the page due to an accompanying nonce or hash is extended to the scripts it loads.
 - `'report-sample'`
   - : Require a sample of the violating code to be included in the violation report.
+- `'inline-speculation-rules'`
+  - : Allows the inclusion of [speculation rules](/en-US/docs/Web/API/Speculation_Rules_API) in scripts (see also [`<script type="speculationrules">`](/en-US/docs/Web/HTML/Element/script/type/speculationrules)).
 
 ### Unsafe keyword values
 
@@ -200,8 +202,9 @@ For detailed reference see [CSP Source Values](/en-US/docs/Web/HTTP/Headers/Cont
   - : Allow use of dynamic code evaluation such as {{jsxref("Global_Objects/eval", "eval")}}, {{domxref("setTimeout()")}}, and `window.execScript` {{non-standard_inline}}.
 - `'unsafe-hashes'`
   - : Allows enabling specific inline event handlers.
-- `'unsafe-allow-redirects'` {{experimental_inline}}
-  - : TBD
+- `'wasm-unsafe-eval'`
+  - : Allows the loading and execution of WebAssembly modules without the need to also allow unsafe JavaScript execution via `'unsafe-eval'`.
+    The single quotes are required.
 
 ### Hosts values
 
diff --git a/files/en-us/web/http/headers/content-security-policy/sources/index.md b/files/en-us/web/http/headers/content-security-policy/sources/index.md
index a0f84ccb5746786..b791e1a95dbd92b 100644
--- a/files/en-us/web/http/headers/content-security-policy/sources/index.md
+++ b/files/en-us/web/http/headers/content-security-policy/sources/index.md
@@ -90,7 +90,7 @@ Relevant directives include the {{Glossary("fetch directive", "fetch directives"
 
 Directives for which the above sources apply include:
 
-- {{Glossary("fetch directive", "Fetch directives")}} (all):
+- {{Glossary("fetch directive", "Fetch directives")}}:
 
   - {{CSP("default-src")}}
   - {{CSP("child-src")}}
@@ -105,13 +105,17 @@ Directives for which the above sources apply include:
   - {{CSP("script-src")}}
   - {{CSP("script-src-elem")}}
   - {{CSP("script-src-attr")}}
-  - {{CSP("style-src")}}, {{CSP("style-src-elem")}}
+  - {{CSP("style-src")}}
+  - {{CSP("style-src-elem")}}
   - {{CSP("style-src-attr")}}
   - {{CSP("worker-src")}}
 
 - {{Glossary("Document directive", "Document directives")}}:
 
   - {{CSP("base-uri")}}
+  - {{CSP("sandbox")}}
 
 - {{Glossary("Navigation directive", "Navigation directives")}}:
+
   - {{CSP("form-action")}}
+  - {{CSP("frame-ancestors")}}

From 9f029d5a5d386980734456a55e2cb249c1d07c6c Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 26 Dec 2023 14:21:01 +0800
Subject: [PATCH 108/790] Permissions Policy | fix section title & update
 directive list (#31283)

* update

* fix example

* better exception description

* better exception desc

* fix link

* better exception section

* update exception section

* link to api documentation

* link to api summary
---
 .../web/http/headers/permissions-policy/index.md   | 14 +++++++-------
 files/en-us/web/http/permissions_policy/index.md   |  4 ++--
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/files/en-us/web/http/headers/permissions-policy/index.md b/files/en-us/web/http/headers/permissions-policy/index.md
index d72187f257e0345..429f2d65abe0f8a 100644
--- a/files/en-us/web/http/headers/permissions-policy/index.md
+++ b/files/en-us/web/http/headers/permissions-policy/index.md
@@ -27,7 +27,7 @@ For more information, see the main [Permissions Policy](/en-US/docs/Web/HTTP/Per
 ## Syntax
 
 ```http
-Permissions-Policy: <directive> <allowlist>
+Permissions-Policy: <directive>=<allowlist>
 ```
 
 - `<directive>`
@@ -74,7 +74,7 @@ You can specify
 
 - {{httpheader('Permissions-Policy/autoplay','autoplay')}} {{Experimental_Inline}}
 
-  - : Controls whether the current document is allowed to autoplay media requested through the {{domxref("HTMLMediaElement")}} interface. When this policy is disabled and there were no user gestures, the {{jsxref("Promise")}} returned by {{domxref("HTMLMediaElement.play()")}} will reject with a {{domxref("DOMException")}}. The autoplay attribute on {{HTMLElement("audio")}} and {{HTMLElement("video")}} elements will be ignored.
+  - : Controls whether the current document is allowed to autoplay media requested through the {{domxref("HTMLMediaElement")}} interface. When this policy is disabled and there were no user gestures, the {{jsxref("Promise")}} returned by {{domxref("HTMLMediaElement.play()")}} will reject with a `NotAllowedError` {{domxref("DOMException")}}. The autoplay attribute on {{HTMLElement("audio")}} and {{HTMLElement("video")}} elements will be ignored.
 
 - {{httpheader('Permissions-Policy/battery','battery')}} {{Experimental_Inline}}
 
@@ -86,7 +86,7 @@ You can specify
 
 - {{HTTPHeader('Permissions-Policy/display-capture', 'display-capture')}}
 
-  - : Controls whether or not the current document is permitted to use the {{domxref("MediaDevices.getDisplayMedia", "getDisplayMedia()")}} method to capture screen contents. When this policy is disabled, the promise returned by `getDisplayMedia()` will reject with a `NotAllowedError` if permission is not obtained to capture the display's contents.
+  - : Controls whether or not the current document is permitted to use the {{domxref("MediaDevices.getDisplayMedia", "getDisplayMedia()")}} method to capture screen contents. When this policy is disabled, the promise returned by `getDisplayMedia()` will reject with a `NotAllowedError` {{DOMxRef("DOMException")}} if permission is not obtained to capture the display's contents.
 
 - {{httpheader('Permissions-Policy/document-domain','document-domain')}} {{Experimental_Inline}}
 
@@ -94,7 +94,7 @@ You can specify
 
 - {{httpheader('Permissions-Policy/encrypted-media', 'encrypted-media')}} {{Experimental_Inline}}
 
-  - : Controls whether the current document is allowed to use the [Encrypted Media Extensions](/en-US/docs/Web/API/Encrypted_Media_Extensions_API) API (EME). When this policy is disabled, the {{jsxref("Promise")}} returned by {{domxref("Navigator.requestMediaKeySystemAccess()")}} will reject with a {{domxref("DOMException")}}.
+  - : Controls whether the current document is allowed to use the [Encrypted Media Extensions API](/en-US/docs/Web/API/Encrypted_Media_Extensions_API) (EME). When this policy is disabled, the {{jsxref("Promise")}} returned by {{domxref("Navigator.requestMediaKeySystemAccess()")}} will reject with a `SecurityError` {{domxref("DOMException")}}.
 
 - {{httpheader('Permissions-Policy/execution-while-not-rendered', 'execution-while-not-rendered')}} {{Experimental_Inline}}
 
@@ -147,7 +147,7 @@ You can specify
 
 - {{httpheader('Permissions-Policy/midi', 'midi')}} {{Experimental_Inline}}
 
-  - : Controls whether the current document is allowed to use the [Web MIDI API](/en-US/docs/Web/API/Web_MIDI_API). When this policy is disabled, the {{jsxref("Promise")}} returned by {{domxref("Navigator.requestMIDIAccess()")}} will reject with a {{domxref("DOMException")}}.
+  - : Controls whether the current document is allowed to use the [Web MIDI API](/en-US/docs/Web/API/Web_MIDI_API). When this policy is disabled, the {{jsxref("Promise")}} returned by {{domxref("Navigator.requestMIDIAccess()")}} will reject with a `SecurityError` {{domxref("DOMException")}}.
 
 - {{httpheader("Permissions-Policy/otp-credentials", "otp-credentials")}} {{Experimental_Inline}}
 
@@ -187,11 +187,11 @@ You can specify
 
 - {{httpheader('Permissions-Policy/usb', 'usb')}} {{Experimental_Inline}}
 
-  - : Controls whether the current document is allowed to use the [WebUSB API](https://wicg.github.io/webusb/).
+  - : Controls whether the current document is allowed to use the [WebUSB API](/en-US/docs/Web/API/WebUSB_API).
 
 - {{httpheader("Permissions-Policy/web-share", "web-share")}}
 
-  - : Controls whether or not the current document is allowed to use the {{domxref("Navigator.share","Navigator.share()")}} of Web Share API to share text, links, images, and other content to arbitrary destinations of user's choice, e.g. mobile apps.
+  - : Controls whether or not the current document is allowed to use the {{domxref("Navigator.share","Navigator.share()")}} of [Web Share API](/en-US/docs/Web/API/Web_Share_API) to share text, links, images, and other content to arbitrary destinations of user's choice, e.g. mobile apps.
 
 - {{httpheader("Permissions-Policy/window-management", "window-management")}} {{experimental_inline}}
 
diff --git a/files/en-us/web/http/permissions_policy/index.md b/files/en-us/web/http/permissions_policy/index.md
index 4eed88c3faf62da..c213baa25221097 100644
--- a/files/en-us/web/http/permissions_policy/index.md
+++ b/files/en-us/web/http/permissions_policy/index.md
@@ -64,7 +64,7 @@ Generally when a Permissions Policy blocks the use of a powerful feature, the us
 
 See also [Permissions > Relationship to the Permissions Policy specification](https://w3c.github.io/permissions/#relationship-to-permissions-policy).
 
-## allowlists
+## Allowlists
 
 An allowlist is a list of origins that takes one or more of the following values contained in parentheses, separated by spaces:
 
@@ -138,7 +138,7 @@ Permissions-Policy: geolocation=(self https://example.com)
 Permissions-Policy: camera=*
 ```
 
-## iframe syntax
+## Iframe syntax
 
 For an `<iframe>` to have a feature enabled its allowed origin must also be in the allowlist for the parent page. Because of this [inheritance behavior](#inheritance_of_policies_for_embedded_content), it is a good idea to specify the widest acceptable support for a feature in the HTTP header, and then specify the subset of support you need in each `<iframe>`.
 

From bd706d2cd523183f8379886f9e001677bc9caa2e Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 26 Dec 2023 14:30:48 +0800
Subject: [PATCH 109/790] init documentation for `HTMLLinkElement.crossOrigin`
 (#31277)

* init

* fix

* Apply suggestions from code review

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* feat

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../api/htmllinkelement/crossorigin/index.md  | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 files/en-us/web/api/htmllinkelement/crossorigin/index.md

diff --git a/files/en-us/web/api/htmllinkelement/crossorigin/index.md b/files/en-us/web/api/htmllinkelement/crossorigin/index.md
new file mode 100644
index 000000000000000..c096a7ffe9f1e6c
--- /dev/null
+++ b/files/en-us/web/api/htmllinkelement/crossorigin/index.md
@@ -0,0 +1,32 @@
+---
+title: "HTMLLinkElement: crossOrigin property"
+short-title: crossOrigin
+slug: Web/API/HTMLLinkElement/crossOrigin
+page-type: web-api-instance-property
+browser-compat: api.HTMLLinkElement.crossOrigin
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`crossOrigin`** property of the {{domxref("HTMLLinkElement")}} interface specifies the Cross-Origin Resource Sharing ({{Glossary("CORS")}}) setting to use when retrieving the resource.
+
+## Value
+
+A string of a keyword specifying the CORS mode to use when fetching the resource. Possible values are:
+
+- `anonymous` or the empty string (`""`)
+  - : Requests sent by the {{domxref("HTMLLinkElement")}} will use the `cors` {{domxref("Request.mode", "mode", "", "nocode")}} and the `same-origin` {{domxref("Request.credentials", "credentials", "", "nocode")}} mode. This means that CORS is enabled and credentials are sent _if_ the resource is fetched from the same origin from which the document was loaded.
+- `use-credentials`
+  - : Requests sent by the {{domxref("HTMLLinkElement")}} will use the `cors` {{domxref("Request.mode", "mode", "", "nocode")}} and the `include` {{domxref("Request.credentials", "credentials", "", "nocode")}} mode. All resources requests by the element will use CORS, regardless of what domain the fetch is from.
+
+If the `crossOrigin` property is specified with any other value, it is the same as specifing as the `anonymous`.
+
+If the `crossOrigin` property is not specified, the resource is fetched without CORS (the `no-cors` {{domxref("Request.mode", "mode", "", "nocode")}} and the `same-origin` {{domxref("Request.credentials", "credentials", "", "nocode")}} mode).
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}

From 9d5c9fbe387ba7c143fdd7c73a265b209b7f6ec4 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 26 Dec 2023 16:41:19 +0800
Subject: [PATCH 110/790] Update inherit info for HTML DOMs (#31252)

---
 files/en-us/web/api/htmlcanvaselement/index.md | 4 +++-
 files/en-us/web/api/htmldialogelement/index.md | 2 +-
 files/en-us/web/api/htmlmediaelement/index.md  | 4 +++-
 files/en-us/web/api/htmlselectelement/index.md | 2 ++
 files/en-us/web/api/htmlslotelement/index.md   | 8 ++++++++
 files/en-us/web/api/htmltrackelement/index.md  | 4 +++-
 files/en-us/web/api/htmlvideoelement/index.md  | 8 +++++---
 7 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/files/en-us/web/api/htmlcanvaselement/index.md b/files/en-us/web/api/htmlcanvaselement/index.md
index 52ce50d2043b95c..d8da3d6f37a92e9 100644
--- a/files/en-us/web/api/htmlcanvaselement/index.md
+++ b/files/en-us/web/api/htmlcanvaselement/index.md
@@ -41,7 +41,9 @@ _Inherits methods from its parent, {{domxref("HTMLElement")}}._
 
 ## Events
 
-Listen to these events using [`addEventListener()`](/en-US/docs/Web/API/EventTarget/addEventListener).
+_Inherits events from its parent, {{domxref("HTMLElement")}}._
+
+Listen to these events using {{DOMxRef("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface.
 
 - [`contextlost`](/en-US/docs/Web/API/HTMLCanvasElement/contextlost_event) {{Experimental_Inline}}
   - : Fired if the user agent detects that the backing storage associated with a `CanvasRenderingContext2D` or an `OffscreenCanvasRenderingContext2D` context has been lost.
diff --git a/files/en-us/web/api/htmldialogelement/index.md b/files/en-us/web/api/htmldialogelement/index.md
index a6edd5469c9f511..5fd18af5566fcda 100644
--- a/files/en-us/web/api/htmldialogelement/index.md
+++ b/files/en-us/web/api/htmldialogelement/index.md
@@ -33,7 +33,7 @@ _Inherits methods from its parent, {{domxref("HTMLElement")}}._
 
 ## Events
 
-_Also inherits events from its parent interface, `{{DOMxRef("HTMLElement")}}`._
+_Also inherits events from its parent interface, {{DOMxRef("HTMLElement")}}._
 
 Listen to these events using {{DOMxRef("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface.
 
diff --git a/files/en-us/web/api/htmlmediaelement/index.md b/files/en-us/web/api/htmlmediaelement/index.md
index d3b43b96b0926bc..35a3537a3351361 100644
--- a/files/en-us/web/api/htmlmediaelement/index.md
+++ b/files/en-us/web/api/htmlmediaelement/index.md
@@ -139,7 +139,9 @@ _These methods are obsolete and should not be used, even if a browser still supp
 
 ## Events
 
-_Inherits methods from its parent, {{domxref("HTMLElement")}}_. Listen to these events using [`addEventListener()`](/en-US/docs/Web/API/EventTarget/addEventListener) or by assigning an event listener to the `oneventname` property of this interface.
+_Inherits events from its parent, {{domxref("HTMLElement")}}_.
+
+Listen to these events using {{domxref("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface.
 
 - {{domxref("HTMLMediaElement.abort_event", 'abort')}}
   - : Fired when the resource was not fully loaded, but not as the result of an error.
diff --git a/files/en-us/web/api/htmlselectelement/index.md b/files/en-us/web/api/htmlselectelement/index.md
index f72ebddb97e9424..a47e647d998393e 100644
--- a/files/en-us/web/api/htmlselectelement/index.md
+++ b/files/en-us/web/api/htmlselectelement/index.md
@@ -77,6 +77,8 @@ _This interface inherits the methods of {{domxref("HTMLElement")}}, and of {{dom
 
 ## Events
 
+_This interface inherits the events of {{domxref("HTMLElement")}}, and of {{domxref("Element")}} and {{domxref("Node")}}._
+
 Listen to these events using {{domxref("EventTarget/addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface:
 
 - {{domxref("HTMLElement/change_event", "change")}} event
diff --git a/files/en-us/web/api/htmlslotelement/index.md b/files/en-us/web/api/htmlslotelement/index.md
index e66b593c8b3766a..dc435fcdabbcbbc 100644
--- a/files/en-us/web/api/htmlslotelement/index.md
+++ b/files/en-us/web/api/htmlslotelement/index.md
@@ -13,11 +13,15 @@ The **`HTMLSlotElement`** interface of the [Shadow DOM API](/en-US/docs/Web/API/
 
 ## Instance properties
 
+_Also inherits properties from its parent interface, {{domxref("HTMLElement")}}._
+
 - {{domxref('HTMLSlotElement.name')}}
   - : A string used to get and set the slot's name.
 
 ## Instance methods
 
+_Also inherits methods from its parent interface, {{domxref("HTMLElement")}}._
+
 - {{domxref('HTMLSlotElement.assign()')}}
   - : Sets the manually assigned nodes for this slot to the given nodes.
 - {{domxref('HTMLSlotElement.assignedNodes()')}}
@@ -27,6 +31,10 @@ The **`HTMLSlotElement`** interface of the [Shadow DOM API](/en-US/docs/Web/API/
 
 ## Events
 
+_Also inherits events from its parent interface, {{domxref("HTMLElement")}}._
+
+Listen to these events using {{DOMxRef("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface.
+
 - {{domxref('HTMLSlotElement.slotchange_event', 'slotchange')}}
   - : Fired on an `HTMLSlotElement` instance ([`<slot>`](/en-US/docs/Web/HTML/Element/slot) element) when the node(s) contained in that slot change.
 
diff --git a/files/en-us/web/api/htmltrackelement/index.md b/files/en-us/web/api/htmltrackelement/index.md
index 66f1d6509a55953..6037863307f7ea9 100644
--- a/files/en-us/web/api/htmltrackelement/index.md
+++ b/files/en-us/web/api/htmltrackelement/index.md
@@ -45,7 +45,9 @@ _No specific method; inherits methods from its parent, {{domxref("HTMLElement")}
 
 ## Events
 
-_The following events may be fired on a {{HTMLElement("track")}} element, in addition to any that may be fired at its parent, {{domxref("HTMLElement")}}._
+_Inherits events from its parent, {{domxref("HTMLElement")}}._
+
+Listen to these events using {{domxref("EventTarget/addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface:
 
 - {{domxref("HTMLTrackElement.cuechange_event", "cuechange")}}
   - : Sent when the underlying {{domxref("TextTrack")}} has changed the currently-presented cues. This event is always sent to the `TextTrack` but is _also_ sent to the `HTMLTrackElement` if one is associated with the track.
diff --git a/files/en-us/web/api/htmlvideoelement/index.md b/files/en-us/web/api/htmlvideoelement/index.md
index f32dddf853726fb..3d24f34f669d6b5 100644
--- a/files/en-us/web/api/htmlvideoelement/index.md
+++ b/files/en-us/web/api/htmlvideoelement/index.md
@@ -15,7 +15,7 @@ The list of [supported media formats](/en-US/docs/Web/Media/Formats) varies from
 
 ## Instance properties
 
-_Inherits properties from its ancestor interfaces, {{domxref("HTMLMediaElement")}}, and {{domxref("HTMLElement")}}._
+_Inherits properties from its parent interface, {{domxref("HTMLMediaElement")}}, and {{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLVideoElement.height")}}
   - : A string that reflects the [`height`](/en-US/docs/Web/HTML/Element/video#height) HTML attribute, which specifies the height of the display area, in CSS pixels.
@@ -47,7 +47,7 @@ _Inherits properties from its ancestor interfaces, {{domxref("HTMLMediaElement")
 
 ## Instance methods
 
-_Inherits methods from its parent, {{domxref("HTMLMediaElement")}}, and from its ancestor {{domxref("HTMLElement")}}._
+_Inherits methods from its parent interface, {{domxref("HTMLMediaElement")}}, and {{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLVideoElement.getVideoPlaybackQuality()")}}
   - : Returns a {{domxref("VideoPlaybackQuality")}} object that contains the current playback metrics. This information includes things like the number of dropped or corrupted frames, as well as the total number of frames.
@@ -56,7 +56,9 @@ _Inherits methods from its parent, {{domxref("HTMLMediaElement")}}, and from its
 
 ## Events
 
-_Inherits events from its parent, {{domxref("HTMLMediaElement")}}, and from its ancestor {{domxref("HTMLElement")}}._ Listen to these events using [`addEventListener()`](/en-US/docs/Web/API/EventTarget/addEventListener) or by assigning an event listener to the `oneventname` property of this interface.
+_Inherits events from its parent interface, {{domxref("HTMLMediaElement")}}, and {{domxref("HTMLElement")}}._
+
+Listen to these events using {{domxref("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface.
 
 - {{DOMxRef("HTMLVideoElement.enterpictureinpicture_event", "enterpictureinpicture")}}
   - : Sent to a {{DOMxRef("HTMLVideoElement")}} when it enters Picture-in-Picture mode.

From 8a48db345586ff90e3d5fd2fd59adac59981e9b0 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 26 Dec 2023 16:41:44 +0800
Subject: [PATCH 111/790] MediaRecorder constructor&warning | mark warning
 event as non-standard & update constructor parameters (#31239)

---
 .../api/mediarecorder/mediarecorder/index.md  | 19 +++++++++++++++----
 .../api/mediarecorder/warning_event/index.md  |  6 +++++-
 .../web/api/mediarecordererrorevent/index.md  |  4 ++--
 3 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/files/en-us/web/api/mediarecorder/mediarecorder/index.md b/files/en-us/web/api/mediarecorder/mediarecorder/index.md
index 0c28207387405ad..d957a06d98bd402 100644
--- a/files/en-us/web/api/mediarecorder/mediarecorder/index.md
+++ b/files/en-us/web/api/mediarecorder/mediarecorder/index.md
@@ -34,7 +34,7 @@ new MediaRecorder(stream, options)
 
   - : A dictionary object that can contain the following properties:
 
-    - `mimeType`
+    - `mimeType` {{optional_inline}}
       - : A MIME type specifying the format for the resulting
         media; you may specify the container format (the browser will select its preferred
         codecs for audio and/or video), or you may [use the `codecs` parameter](/en-US/docs/Web/Media/Formats/codecs_parameter) and/or the `profiles` parameter to
@@ -42,17 +42,28 @@ new MediaRecorder(stream, options)
         Applications can check in advance if a `mimeType` is supported by the
         {{Glossary("user agent")}} by calling
         {{domxref("MediaRecorder.isTypeSupported_static", "MediaRecorder.isTypeSupported()")}}.
-    - `audioBitsPerSecond`
+        Defaults to an empty string.
+    - `audioBitsPerSecond` {{optional_inline}}
       - : The chosen bitrate for the audio component of
         the media.
-    - `videoBitsPerSecond`
+    - `videoBitsPerSecond` {{optional_inline}}
       - : The chosen bitrate for the video component of
         the media.
-    - `bitsPerSecond`
+    - `bitsPerSecond` {{optional_inline}}
       - : The chosen bitrate for the audio and video
         components of the media. This can be specified instead of the above two
         properties. If this is specified along with one or the other of the above
         properties, this will be used for the one that isn't specified.
+    - `audioBitrateMode` {{optional_inline}}
+      - : The bitrate mode that should be used to encode the audio.
+        Can be `constant`, which indicates that the recorder should encode at a constant bitrate,
+        or `variable`, which indicates that the recorder should encode using a variable bitrate,
+        thus allowing more space to be used for complex signals and less space for less-complex signals.
+        Defaults to `variable`.
+    - `videoKeyFrameIntervalDuration` {{optional_inline}}
+      - : The nominal interval in time between key frames in the encoded video stream. The {{glossary("user agent")}} controls key-frame generation based on this option and the `videoKeyFrameIntervalCount` option.
+    - `videoKeyFrameIntervalCount` {{optional_inline}}
+      - : The interval in number of frames between key frames in the encoded video stream. The {{glossary("user agent")}} controls key-frame generation considering this option as well as `videoKeyFrameIntervalDuration` option.
 
     > **Note:** If bits per second values are not specified for video and/or audio, the default
     > adopted for video is 2.5Mbps, while the audio default is adaptive, depending upon
diff --git a/files/en-us/web/api/mediarecorder/warning_event/index.md b/files/en-us/web/api/mediarecorder/warning_event/index.md
index 9526027d528ddb8..52caef72375cfed 100644
--- a/files/en-us/web/api/mediarecorder/warning_event/index.md
+++ b/files/en-us/web/api/mediarecorder/warning_event/index.md
@@ -11,7 +11,7 @@ browser-compat: api.MediaRecorder.warning_event
 
 {{APIRef("MediaStream Recording")}}{{Deprecated_Header}}{{non-standard_header}}
 
-The `warning` event fires on non-fatal errors during media recording via a `MediaRecorder`. Non-fatal errors are one's that don't halt recording.
+The **`warning`** event fires on non-fatal errors during media recording via a `MediaRecorder`. Non-fatal errors are one's that don't halt recording.
 
 ## Value
 
@@ -25,6 +25,10 @@ mediaRecorder.onwarning = (e) => {
 };
 ```
 
+## Specifications
+
+This feature is no longer part of any specification.
+
 ## Browser compatibility
 
 {{Compat}}
diff --git a/files/en-us/web/api/mediarecordererrorevent/index.md b/files/en-us/web/api/mediarecordererrorevent/index.md
index 491fd65852c0afd..29a0d9f9a4a1eab 100644
--- a/files/en-us/web/api/mediarecordererrorevent/index.md
+++ b/files/en-us/web/api/mediarecordererrorevent/index.md
@@ -30,9 +30,9 @@ _Inherits properties from its parent interface, {{domxref("Event")}}_.
 
 _Inherits methods from its parent interface, {{domxref("Event")}}_.
 
-### Specifications
+## Specifications
 
-This feature is no longer part of any specification, and longer on track to become standard.
+This feature is no longer part of any specification.
 
 ## Browser compatibility
 

From a7050aef4db8cdb31100fc81f0c2f3aed3cfa6dc Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 26 Dec 2023 16:43:59 +0800
Subject: [PATCH 112/790] {{ReadOnlyInline()}} to {{ReadOnlyInline}} (#31301)

---
 files/en-us/web/api/publickeycredential/index.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/files/en-us/web/api/publickeycredential/index.md b/files/en-us/web/api/publickeycredential/index.md
index 207dc3e4c783568..5b5973eec0e6572 100644
--- a/files/en-us/web/api/publickeycredential/index.md
+++ b/files/en-us/web/api/publickeycredential/index.md
@@ -15,19 +15,19 @@ The **`PublicKeyCredential`** interface provides information about a public key
 
 ## Instance properties
 
-- {{domxref("PublicKeyCredential.authenticatorAttachment")}} {{ReadOnlyInline()}} {{securecontext_inline}}
+- {{domxref("PublicKeyCredential.authenticatorAttachment")}} {{ReadOnlyInline}} {{securecontext_inline}}
 
   - : A string that indicates the mechanism by which the WebAuthn implementation is attached to the authenticator at the time the associated {{domxref("CredentialsContainer.create()","navigator.credentials.create()")}} or {{domxref("CredentialsContainer.get()","navigator.credentials.get()")}} call completes.
 
-- {{domxref("PublicKeyCredential.id")}} {{ReadOnlyInline()}} {{securecontext_inline}}
+- {{domxref("PublicKeyCredential.id")}} {{ReadOnlyInline}} {{securecontext_inline}}
 
   - : Inherited from {{domxref("Credential")}} and overridden to be the [base64url encoding](/en-US/docs/Glossary/Base64) of {{domxref("PublicKeyCredential.rawId")}}.
 
-- {{domxref("PublicKeyCredential.rawId")}} {{ReadOnlyInline()}} {{securecontext_inline}}
+- {{domxref("PublicKeyCredential.rawId")}} {{ReadOnlyInline}} {{securecontext_inline}}
   - : An {{jsxref("ArrayBuffer")}} that holds the globally unique identifier for this `PublicKeyCredential`. This identifier can be used to look up credentials for future calls to {{domxref("CredentialsContainer.get()","navigator.credentials.get()")}}.
-- {{domxref("PublicKeyCredential.response")}} {{ReadOnlyInline()}} {{securecontext_inline}}
+- {{domxref("PublicKeyCredential.response")}} {{ReadOnlyInline}} {{securecontext_inline}}
   - : An instance of an {{domxref("AuthenticatorResponse")}} object. It is either of type {{domxref("AuthenticatorAttestationResponse")}} if the `PublicKeyCredential` was the results of a {{domxref("CredentialsContainer.create()","navigator.credentials.create()")}} call, or of type {{domxref("AuthenticatorAssertionResponse")}} if the `PublicKeyCredential` was the result of a {{domxref("CredentialsContainer.get()","navigator.credentials.get()")}} call.
-- `PublicKeyCredential.type` {{ReadOnlyInline()}} {{securecontext_inline}}
+- `PublicKeyCredential.type` {{ReadOnlyInline}} {{securecontext_inline}}
   - : Inherited from {{domxref("Credential")}}. Always set to `public-key` for `PublicKeyCredential` instances.
 
 ## Static methods

From 7cc15fff0f1284ece460597b9717ca20350a1fa9 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 26 Dec 2023 18:28:50 +0800
Subject: [PATCH 113/790] init documentation for `HTMLTitleElement.text`
 (#31300)

* init

* small update

* Update files/en-us/web/api/htmltitleelement/text/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/api/htmltitleelement/index.md | 21 +--------
 .../web/api/htmltitleelement/text/index.md    | 46 +++++++++++++++++++
 2 files changed, 47 insertions(+), 20 deletions(-)
 create mode 100644 files/en-us/web/api/htmltitleelement/text/index.md

diff --git a/files/en-us/web/api/htmltitleelement/index.md b/files/en-us/web/api/htmltitleelement/index.md
index da36f8e4cd24923..056a6c8146cdb2b 100644
--- a/files/en-us/web/api/htmltitleelement/index.md
+++ b/files/en-us/web/api/htmltitleelement/index.md
@@ -16,26 +16,7 @@ The **`HTMLTitleElement`** interface is implemented by a document's {{ HTMLEleme
 _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLTitleElement.text")}}
-  - : A string representing the text of the document's title, and only the text part. For example, consider this:
-
-```html
-<!doctype html>
-<html lang="en-US">
-  <head>
-    <title>
-      Hello world! <span class="highlight">Isn't this wonderful</span> really?
-    </title>
-  </head>
-  <body></body>
-</html>
-```
-
-```js
-const title = document.querySelector("title");
-console.log(title.text); // yield: "Hello world!  really?"
-```
-
-As you can see, the tag `span` and its content were skipped.
+  - : A string representing the text of the document's title.
 
 ## Instance methods
 
diff --git a/files/en-us/web/api/htmltitleelement/text/index.md b/files/en-us/web/api/htmltitleelement/text/index.md
new file mode 100644
index 000000000000000..e605bee14da2b2c
--- /dev/null
+++ b/files/en-us/web/api/htmltitleelement/text/index.md
@@ -0,0 +1,46 @@
+---
+title: "HTMLTitleElement: text property"
+short-title: text
+slug: Web/API/HTMLTitleElement/text
+page-type: web-api-instance-property
+browser-compat: api.HTMLTitleElement.text
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`text`** property of the {{domxref("HTMLTitleElement")}} interface represents the text of the document's title. Only the text part is included; tags within the element and their content are stripped and ignored.
+
+## Value
+
+A string.
+
+## Examples
+
+Consider the example below:
+
+```html
+<!doctype html>
+<html lang="en-US">
+  <head>
+    <title>
+      Hello world! <span class="highlight">Isn't this wonderful</span> really?
+    </title>
+  </head>
+  <body></body>
+</html>
+```
+
+```js
+const title = document.querySelector("title");
+console.log(title.text); // yield: "Hello world!  really?"
+```
+
+As you can see, the tag `span` and its content were skipped.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}

From 89c7b111d380e607e94b58abbd0d37951cf395c4 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 27 Dec 2023 02:54:26 +0800
Subject: [PATCH 114/790] Secure context inline (#31302)

* PaymentResponse

* PaymentRequest

* Geolocation

* GeolocationCoordinates

* GeolocationPosition

* GeolocationPositionError

* PaymentMethodChangeEvent

* MerchantValidationEvent

* PaymentRequestUpdateEvent

* StorageManager

* CredentialsContainer

* PasswordCredential

* PublicKeyCredential

* AuthenticatorAttestationResponse

* AuthenticatorAssertionResponse
---
 .../authenticatorassertionresponse/index.md   |  8 +++----
 .../authenticatorattestationresponse/index.md | 12 +++++-----
 .../web/api/credentialscontainer/index.md     |  8 +++----
 files/en-us/web/api/geolocation/index.md      |  6 ++---
 .../web/api/geolocationcoordinates/index.md   | 14 +++++------
 .../web/api/geolocationposition/index.md      |  4 ++--
 .../web/api/geolocationpositionerror/index.md |  4 ++--
 .../web/api/merchantvalidationevent/index.md  |  8 +++----
 .../en-us/web/api/passwordcredential/index.md |  8 +++----
 .../web/api/paymentmethodchangeevent/index.md |  4 ++--
 files/en-us/web/api/paymentrequest/index.md   | 24 +++++++++----------
 .../merchantvalidation_event/index.md         |  4 ++--
 .../paymentmethodchange_event/index.md        |  4 ++--
 .../api/paymentrequestupdateevent/index.md    |  8 +++----
 files/en-us/web/api/paymentresponse/index.md  | 24 +++++++++----------
 .../web/api/publickeycredential/index.md      | 22 ++++++++---------
 files/en-us/web/api/storagemanager/index.md   |  8 +++----
 17 files changed, 85 insertions(+), 85 deletions(-)

diff --git a/files/en-us/web/api/authenticatorassertionresponse/index.md b/files/en-us/web/api/authenticatorassertionresponse/index.md
index fcb6146965536b9..9dd5b0885e23ee0 100644
--- a/files/en-us/web/api/authenticatorassertionresponse/index.md
+++ b/files/en-us/web/api/authenticatorassertionresponse/index.md
@@ -21,13 +21,13 @@ This interface inherits from {{domxref("AuthenticatorResponse")}}.
 
 _Also inherits properties from its parent, {{domxref("AuthenticatorResponse")}}._
 
-- {{domxref("AuthenticatorAssertionResponse.authenticatorData")}} {{securecontext_inline}} {{ReadOnlyInline}}
+- {{domxref("AuthenticatorAssertionResponse.authenticatorData")}} {{ReadOnlyInline}}
   - : An {{jsxref("ArrayBuffer")}} containing information from the authenticator such as the Relying Party ID Hash (rpIdHash), a signature counter, test of user presence and user verification flags, and any extensions processed by the authenticator.
-- {{domxref("AuthenticatorResponse.clientDataJSON")}} {{securecontext_inline}} {{ReadOnlyInline}}
+- {{domxref("AuthenticatorResponse.clientDataJSON")}} {{ReadOnlyInline}}
   - : Contains the JSON-compatible serialization of the data passed from the browser to the authenticator in order to authenticate with this credential — i.e., when {{domxref("CredentialsContainer.get()")}} is called with a `publicKey` option. This data contains some information from the options passed into the `get()` call, and some information controlled by the browser.
-- {{domxref("AuthenticatorAssertionResponse.signature")}} {{securecontext_inline}} {{ReadOnlyInline}}
+- {{domxref("AuthenticatorAssertionResponse.signature")}} {{ReadOnlyInline}}
   - : An assertion signature over {{domxref("AuthenticatorAssertionResponse.authenticatorData")}} and {{domxref("AuthenticatorResponse.clientDataJSON")}}. The assertion signature is created with the private key of the key pair that was created during the originating {{domxref("CredentialsContainer.create()","navigator.credentials.create()")}} call and verified using the public key of that same key pair.
-- {{domxref("AuthenticatorAssertionResponse.userHandle")}} {{securecontext_inline}} {{ReadOnlyInline}}
+- {{domxref("AuthenticatorAssertionResponse.userHandle")}} {{ReadOnlyInline}}
   - : An {{jsxref("ArrayBuffer")}} containing an opaque user identifier, specified as `user.id` in the options passed to the originating {{domxref("CredentialsContainer.create()","navigator.credentials.create()")}} call.
 
 ## Instance methods
diff --git a/files/en-us/web/api/authenticatorattestationresponse/index.md b/files/en-us/web/api/authenticatorattestationresponse/index.md
index b9167172fa7e68c..cc147f8b390789b 100644
--- a/files/en-us/web/api/authenticatorattestationresponse/index.md
+++ b/files/en-us/web/api/authenticatorattestationresponse/index.md
@@ -21,22 +21,22 @@ This interface inherits from {{domxref("AuthenticatorResponse")}}.
 
 _Also inherits properties from its parent, {{domxref("AuthenticatorResponse")}}._
 
-- {{domxref("AuthenticatorAttestationResponse.attestationObject")}} {{securecontext_inline}} {{ReadOnlyInline}}
+- {{domxref("AuthenticatorAttestationResponse.attestationObject")}} {{ReadOnlyInline}}
 
   - : An {{jsxref("ArrayBuffer")}} containing authenticator data and an attestation statement for a new key pair generated by the authenticator.
 
-- {{domxref("AuthenticatorResponse.clientDataJSON")}} {{securecontext_inline}} {{ReadOnlyInline}}
+- {{domxref("AuthenticatorResponse.clientDataJSON")}} {{ReadOnlyInline}}
   - : Inherited from {{domxref("AuthenticatorResponse")}}, this property contains the JSON-compatible serialization of the data passed from the browser to the authenticator in order to generate this credential — i.e., when {{domxref("CredentialsContainer.create()")}} is called with a `publicKey` option. This data contains some information from the options passed into the `create()` call, and some information controlled by the browser.
 
 ## Instance methods
 
-- {{domxref("AuthenticatorAttestationResponse.getAuthenticatorData()")}} {{securecontext_inline}}
+- {{domxref("AuthenticatorAttestationResponse.getAuthenticatorData()")}}
   - : Returns an {{jsxref("ArrayBuffer")}} containing the authenticator data contained within the {{domxref("AuthenticatorAttestationResponse.attestationObject")}} property.
-- {{domxref("AuthenticatorAttestationResponse.getPublicKey()")}} {{securecontext_inline}}
+- {{domxref("AuthenticatorAttestationResponse.getPublicKey()")}}
   - : Returns an {{jsxref("ArrayBuffer")}} containing the DER `SubjectPublicKeyInfo` of the new credential (see [Subject Public Key Info](https://www.rfc-editor.org/rfc/rfc5280#section-4.1.2.7)), or `null` if this is not available.
-- {{domxref("AuthenticatorAttestationResponse.getPublicKeyAlgorithm()")}} {{securecontext_inline}}
+- {{domxref("AuthenticatorAttestationResponse.getPublicKeyAlgorithm()")}}
   - : Returns a number that is equal to a [COSE Algorithm Identifier](https://www.iana.org/assignments/cose/cose.xhtml#algorithms), representing the cryptographic algorithm used for the new credential.
-- {{domxref("AuthenticatorAttestationResponse.getTransports()")}} {{securecontext_inline}}
+- {{domxref("AuthenticatorAttestationResponse.getTransports()")}}
   - : Returns an array of strings describing which transport methods (e.g., `usb`, `nfc`) are believed to be supported with the authenticator. The array may be empty if the information is not available.
 
 ## Examples
diff --git a/files/en-us/web/api/credentialscontainer/index.md b/files/en-us/web/api/credentialscontainer/index.md
index fbdaff4d00113fe..47bdb1068049157 100644
--- a/files/en-us/web/api/credentialscontainer/index.md
+++ b/files/en-us/web/api/credentialscontainer/index.md
@@ -19,13 +19,13 @@ None.
 
 ## Instance methods
 
-- {{domxref("CredentialsContainer.create()")}} {{securecontext_inline}}
+- {{domxref("CredentialsContainer.create()")}}
   - : Returns a {{jsxref("Promise")}} that resolves with a new {{domxref("Credential")}} instance based on the provided options, or `null` if no `Credential` object can be created. In exceptional circumstances, the {{jsxref("Promise")}} may reject.
-- {{domxref("CredentialsContainer.get()")}} {{securecontext_inline}}
+- {{domxref("CredentialsContainer.get()")}}
   - : Returns a {{jsxref("Promise")}} that resolves with the {{domxref("Credential")}} instance that matches the provided parameters.
-- {{domxref("CredentialsContainer.preventSilentAccess()")}} {{securecontext_inline}}
+- {{domxref("CredentialsContainer.preventSilentAccess()")}}
   - : Sets a flag that specifies whether automatic log in is allowed for future visits to the current origin, then returns an empty {{jsxref("Promise")}}. For example, you might call this, after a user signs out of a website to ensure that they aren't automatically signed in on the next site visit. Earlier versions of the spec called this method `requireUserMediation()`. See [Browser compatibility](#browser_compatibility) for support details.
-- {{domxref("CredentialsContainer.store()")}} {{securecontext_inline}}
+- {{domxref("CredentialsContainer.store()")}}
   - : Stores a set of credentials for a user, inside a provided {{domxref("Credential")}} instance and returns that instance in a {{jsxref("Promise")}}.
 
 ## Examples
diff --git a/files/en-us/web/api/geolocation/index.md b/files/en-us/web/api/geolocation/index.md
index 307e661e9f5f1cd..4a4b6e8b4db436d 100644
--- a/files/en-us/web/api/geolocation/index.md
+++ b/files/en-us/web/api/geolocation/index.md
@@ -21,11 +21,11 @@ _The `Geolocation` interface neither implements, nor inherits any property._
 
 _The `Geolocation` interface doesn't inherit any method._
 
-- {{domxref("Geolocation.getCurrentPosition()")}} {{securecontext_inline}}
+- {{domxref("Geolocation.getCurrentPosition()")}}
   - : Determines the device's current location and gives back a {{domxref("GeolocationPosition")}} object with the data.
-- {{domxref("Geolocation.watchPosition()")}} {{securecontext_inline}}
+- {{domxref("Geolocation.watchPosition()")}}
   - : Returns a `long` value representing the newly established callback function to be invoked whenever the device location changes.
-- {{domxref("Geolocation.clearWatch()")}} {{securecontext_inline}}
+- {{domxref("Geolocation.clearWatch()")}}
   - : Removes the particular handler previously installed using `watchPosition()`.
 
 ## Specifications
diff --git a/files/en-us/web/api/geolocationcoordinates/index.md b/files/en-us/web/api/geolocationcoordinates/index.md
index 14ce9b57cee8ece..cbb119e7df3ab4b 100644
--- a/files/en-us/web/api/geolocationcoordinates/index.md
+++ b/files/en-us/web/api/geolocationcoordinates/index.md
@@ -13,19 +13,19 @@ The **`GeolocationCoordinates`** interface represents the position and altitude
 
 _The `GeolocationCoordinates` interface doesn't inherit any properties._
 
-- {{domxref("GeolocationCoordinates.latitude")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("GeolocationCoordinates.latitude")}} {{ReadOnlyInline}}
   - : Returns a `double` representing the position's latitude in decimal degrees.
-- {{domxref("GeolocationCoordinates.longitude")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("GeolocationCoordinates.longitude")}} {{ReadOnlyInline}}
   - : Returns a `double` representing the position's longitude in decimal degrees.
-- {{domxref("GeolocationCoordinates.altitude")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("GeolocationCoordinates.altitude")}} {{ReadOnlyInline}}
   - : Returns a `double` representing the position's altitude in meters, relative to nominal sea level. This value can be `null` if the implementation cannot provide the data.
-- {{domxref("GeolocationCoordinates.accuracy")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("GeolocationCoordinates.accuracy")}} {{ReadOnlyInline}}
   - : Returns a `double` representing the accuracy of the `latitude` and `longitude` properties, expressed in meters.
-- {{domxref("GeolocationCoordinates.altitudeAccuracy")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("GeolocationCoordinates.altitudeAccuracy")}} {{ReadOnlyInline}}
   - : Returns a `double` representing the accuracy of the `altitude` expressed in meters. This value can be `null` if the implementation cannot provide the data.
-- {{domxref("GeolocationCoordinates.heading")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("GeolocationCoordinates.heading")}} {{ReadOnlyInline}}
   - : Returns a `double` representing the direction towards which the device is facing. This value, specified in degrees, indicates how far off from heading true north the device is. `0` degrees represents true north, and the direction is determined clockwise (which means that east is `90` degrees and west is `270` degrees). If `speed` is `0`, `heading` is [`NaN`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN). If the device is unable to provide `heading` information, this value is `null`.
-- {{domxref("GeolocationCoordinates.speed")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("GeolocationCoordinates.speed")}} {{ReadOnlyInline}}
   - : Returns a `double` representing the velocity of the device in meters per second. This value can be `null`.
 
 ## Instance methods
diff --git a/files/en-us/web/api/geolocationposition/index.md b/files/en-us/web/api/geolocationposition/index.md
index 2c0ca3b232981c2..113b191eb2c16fd 100644
--- a/files/en-us/web/api/geolocationposition/index.md
+++ b/files/en-us/web/api/geolocationposition/index.md
@@ -13,9 +13,9 @@ The **`GeolocationPosition`** interface represents the position of the concerned
 
 _The `GeolocationPosition` interface doesn't inherit any properties._
 
-- {{domxref("GeolocationPosition.coords")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("GeolocationPosition.coords")}} {{ReadOnlyInline}}
   - : Returns a {{domxref("GeolocationCoordinates")}} object defining the current location.
-- {{domxref("GeolocationPosition.timestamp")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("GeolocationPosition.timestamp")}} {{ReadOnlyInline}}
   - : Returns a timestamp, given as [Unix time](/en-US/docs/Glossary/Unix_time) in milliseconds, representing the time at which the location was retrieved.
 
 ## Instance methods
diff --git a/files/en-us/web/api/geolocationpositionerror/index.md b/files/en-us/web/api/geolocationpositionerror/index.md
index 47afe5ac678bfce..c6a4f944d68d3d7 100644
--- a/files/en-us/web/api/geolocationpositionerror/index.md
+++ b/files/en-us/web/api/geolocationpositionerror/index.md
@@ -13,7 +13,7 @@ The **`GeolocationPositionError`** interface represents the reason of an error o
 
 _The `GeolocationPositionError` interface doesn't inherit any property._
 
-- {{domxref("GeolocationPositionError.code")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("GeolocationPositionError.code")}} {{ReadOnlyInline}}
 
   - : Returns an `unsigned short` representing the error code. The following values are possible:
 
@@ -23,7 +23,7 @@ _The `GeolocationPositionError` interface doesn't inherit any property._
     | `2`   | `POSITION_UNAVAILABLE` | The acquisition of the geolocation failed because at least one internal source of position returned an internal error.                                                                                             |
     | `3`   | `TIMEOUT`              | The time allowed to acquire the geolocation was reached before the information was obtained.                                                                                                                       |
 
-- {{domxref("GeolocationPositionError.message")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("GeolocationPositionError.message")}} {{ReadOnlyInline}}
   - : Returns a human-readable string describing the details of the error. Specifications note that this is primarily intended for debugging use and not to be shown directly in a user interface.
 
 ## Instance methods
diff --git a/files/en-us/web/api/merchantvalidationevent/index.md b/files/en-us/web/api/merchantvalidationevent/index.md
index 9f953df8978f7fe..649e348d4381206 100644
--- a/files/en-us/web/api/merchantvalidationevent/index.md
+++ b/files/en-us/web/api/merchantvalidationevent/index.md
@@ -15,19 +15,19 @@ Learn more about [merchant validation](/en-US/docs/Web/API/Payment_Request_API/C
 
 ## Constructor
 
-- {{domxref("MerchantValidationEvent.MerchantValidationEvent()","MerchantValidationEvent()")}} {{SecureContext_Inline}} {{Deprecated_Inline}}
+- {{domxref("MerchantValidationEvent.MerchantValidationEvent()","MerchantValidationEvent()")}} {{Deprecated_Inline}}
   - : Creates a new `MerchantValidationEvent` object describing a {{domxref("PaymentRequest.merchantvalidation_event", "merchantvalidation")}} event that will be sent to the payment handler to request that it validate the merchant.
 
 ## Instance properties
 
-- {{domxref("MerchantValidationEvent.methodName")}} {{SecureContext_Inline}} {{Deprecated_Inline}}
+- {{domxref("MerchantValidationEvent.methodName")}} {{Deprecated_Inline}}
   - : A string providing a unique payment method identifier for the payment handler that's requiring validation. This may be either one of the standard payment method identifier strings or a URL that both identifies and handles requests for the payment handler, such as `https://apple.com/apple-pay`.
-- {{domxref("MerchantValidationEvent.validationURL")}} {{SecureContext_Inline}} {{Deprecated_Inline}}
+- {{domxref("MerchantValidationEvent.validationURL")}} {{Deprecated_Inline}}
   - : A string specifying a URL from which the site or app can fetch payment handler specific validation information. Once this data is retrieved, the data (or a promise resolving to the validation data) should be passed into {{domxref("MerchantValidationEvent.complete", "complete()")}} to validate that the payment request is coming from an authorized merchant.
 
 ## Instance methods
 
-- {{domxref("MerchantValidationEvent.complete()")}} {{SecureContext_Inline}} {{Deprecated_Inline}}
+- {{domxref("MerchantValidationEvent.complete()")}} {{Deprecated_Inline}}
   - : Pass the data retrieved from the URL specified by {{domxref("MerchantValidationEvent.validationURL", "validationURL")}} into `complete()` to complete the validation process for the {{domxref("PaymentRequest")}}.
 
 ## Browser compatibility
diff --git a/files/en-us/web/api/passwordcredential/index.md b/files/en-us/web/api/passwordcredential/index.md
index 12dfd1bc2b6c8ef..0b2ab3512ff6359 100644
--- a/files/en-us/web/api/passwordcredential/index.md
+++ b/files/en-us/web/api/passwordcredential/index.md
@@ -17,18 +17,18 @@ The interface of the [Credential Management API](/en-US/docs/Web/API/Credential_
 
 ## Constructor
 
-- {{domxref("PasswordCredential.PasswordCredential()","PasswordCredential()")}} {{securecontext_inline}} {{Experimental_Inline}}
+- {{domxref("PasswordCredential.PasswordCredential()","PasswordCredential()")}} {{Experimental_Inline}}
   - : Creates a new `PasswordCredential` object.
 
 ## Instance properties
 
 _Inherits properties from its ancestor, {{domxref("Credential")}}._
 
-- {{domxref("PasswordCredential.iconURL")}} {{ReadOnlyInline}} {{securecontext_inline}} {{Experimental_Inline}}
+- {{domxref("PasswordCredential.iconURL")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A string containing a URL pointing to an image for an icon. This image is intended for display in a credential chooser. The URL must be accessible without authentication.
-- {{domxref("PasswordCredential.name")}} {{ReadOnlyInline}} {{securecontext_inline}} {{Experimental_Inline}}
+- {{domxref("PasswordCredential.name")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A human-readable string that provides public name for display in a credential chooser.
-- {{domxref("PasswordCredential.password")}} {{ReadOnlyInline}} {{securecontext_inline}} {{Experimental_Inline}}
+- {{domxref("PasswordCredential.password")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A string containing the password of the credential.
 
 ### Event handlers
diff --git a/files/en-us/web/api/paymentmethodchangeevent/index.md b/files/en-us/web/api/paymentmethodchangeevent/index.md
index b552160cf199368..7de84c48e5c3f9f 100644
--- a/files/en-us/web/api/paymentmethodchangeevent/index.md
+++ b/files/en-us/web/api/paymentmethodchangeevent/index.md
@@ -20,9 +20,9 @@ The **`PaymentMethodChangeEvent`** interface of the [Payment Request API](/en-US
 
 _In addition to the properties below, this interface includes properties inherited from {{domxref("PaymentRequestUpdateEvent")}}._
 
-- {{domxref("PaymentMethodChangeEvent.methodDetails", "methodDetails")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("PaymentMethodChangeEvent.methodDetails", "methodDetails")}} {{ReadOnlyInline}}
   - : An object containing payment method-specific data useful when handling a payment method change. If no such information is available, this value is `null`.
-- {{domxref("PaymentMethodChangeEvent.methodName", "methodName")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("PaymentMethodChangeEvent.methodName", "methodName")}} {{ReadOnlyInline}}
   - : A string containing the payment method identifier, a string which uniquely identifies a particular payment method. This identifier is usually a URL used during the payment process, but may be a standardized non-URL string as well, such as `basic-card`. The default value is the empty string, `""`.
 
 ## Instance methods
diff --git a/files/en-us/web/api/paymentrequest/index.md b/files/en-us/web/api/paymentrequest/index.md
index 271ee582cc707c1..5b231c8b0caa04e 100644
--- a/files/en-us/web/api/paymentrequest/index.md
+++ b/files/en-us/web/api/paymentrequest/index.md
@@ -13,38 +13,38 @@ The [Payment Request API's](/en-US/docs/Web/API/Payment_Request_API) **`PaymentR
 
 ## Constructor
 
-- {{domxref('PaymentRequest.PaymentRequest()','PaymentRequest()')}} {{SecureContext_Inline}}
+- {{domxref('PaymentRequest.PaymentRequest()','PaymentRequest()')}}
   - : Creates a new `PaymentRequest` object.
 
 ## Instance properties
 
-- {{domxref('PaymentRequest.id')}} {{ReadOnlyInline}} {{SecureContext_Inline}}
+- {{domxref('PaymentRequest.id')}} {{ReadOnlyInline}}
   - : A unique identifier for a particular `PaymentRequest`, which can be set via `details.id`. When none is set, it defaults to a UUID.
-- {{domxref('PaymentRequest.shippingAddress')}} {{ReadOnlyInline}} {{SecureContext_Inline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+- {{domxref('PaymentRequest.shippingAddress')}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : If requested via payment options, returns the shipping address chosen by the user for the purposes of calculating shipping. This property is only populated if the constructor is called with the `requestShipping` flag set to true. Additionally, in some browsers, the parts of the address will be redacted for privacy until the user indicates they are ready to complete the transaction (i.e., they hit "Pay").
-- {{domxref('PaymentRequest.shippingOption')}} {{ReadOnlyInline}} {{SecureContext_Inline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+- {{domxref('PaymentRequest.shippingOption')}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : Returns the identifier of the selected shipping option. This property is only populated if the constructor is called with the `requestShipping` flag set to true.
-- {{domxref('PaymentRequest.shippingType')}} {{ReadOnlyInline}} {{SecureContext_Inline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+- {{domxref('PaymentRequest.shippingType')}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : Returns the type of shipping used to fulfill the transaction. This will be one of `shipping`, `delivery`, `pickup`, or `null` if a value was not provided in the constructor.
 
 ## Instance methods
 
-- {{domxref('PaymentRequest.canMakePayment()')}} {{SecureContext_Inline}}
+- {{domxref('PaymentRequest.canMakePayment()')}}
   - : Indicates whether the `PaymentRequest` object can make a payment before calling `show()`.
-- {{domxref('PaymentRequest.show()')}} {{SecureContext_Inline}}
+- {{domxref('PaymentRequest.show()')}}
   - : Causes the user agent to begin the user interaction for the payment request.
-- {{domxref('PaymentRequest.abort()')}} {{SecureContext_Inline}}
+- {{domxref('PaymentRequest.abort()')}}
   - : Causes the user agent to end the payment request and to remove any user interface that might be shown.
 
 ## Events
 
-- {{domxref("PaymentRequest.merchantvalidation_event", "merchantvalidation")}} {{SecureContext_Inline}} {{Deprecated_Inline}}
+- {{domxref("PaymentRequest.merchantvalidation_event", "merchantvalidation")}} {{Deprecated_Inline}}
   - : With some payment handlers (e.g., Apple Pay), this event handler is called to handle the {{domxref("PaymentRequest.merchantvalidation_event", "merchantvalidation")}} event, which is dispatched when the user agent requires that the merchant validate that the merchant or vendor requesting payment is legitimate.
-- {{domxref("PaymentRequest.paymentmethodchange_event", "paymentmethodchange")}} {{SecureContext_Inline}}
+- {{domxref("PaymentRequest.paymentmethodchange_event", "paymentmethodchange")}}
   - : With some payment handlers (e.g., Apple Pay), dispatched whenever the user changes payment instrument, like switching from a credit card to a debit card.
-- {{domxref("PaymentRequest.shippingaddresschange_event", "shippingaddresschange")}} {{SecureContext_Inline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+- {{domxref("PaymentRequest.shippingaddresschange_event", "shippingaddresschange")}}{{Deprecated_Inline}} {{Non-standard_Inline}}
   - : Dispatched whenever the user changes their shipping address.
-- {{domxref("PaymentRequest.shippingoptionchange_event", "shippingoptionchange")}} {{SecureContext_Inline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+- {{domxref("PaymentRequest.shippingoptionchange_event", "shippingoptionchange")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : Dispatched whenever the user changes a shipping option.
 
 ## Specifications
diff --git a/files/en-us/web/api/paymentrequest/merchantvalidation_event/index.md b/files/en-us/web/api/paymentrequest/merchantvalidation_event/index.md
index 8756f2e61f30847..18cad439011b1b4 100644
--- a/files/en-us/web/api/paymentrequest/merchantvalidation_event/index.md
+++ b/files/en-us/web/api/paymentrequest/merchantvalidation_event/index.md
@@ -34,9 +34,9 @@ A {{domxref("MerchantValidationEvent")}}. Inherits from {{domxref("Event")}}.
 
 ## Event properties
 
-- {{domxref("MerchantValidationEvent.methodName")}} {{SecureContext_Inline}}
+- {{domxref("MerchantValidationEvent.methodName")}}
   - : A string providing a unique payment method identifier for the payment handler that's requiring validation. This may be either one of the standard payment method identifier strings or a URL that both identifies and handles requests for the payment handler, such as `https://apple.com/apple-pay`.
-- {{domxref("MerchantValidationEvent.validationURL")}} {{SecureContext_Inline}}
+- {{domxref("MerchantValidationEvent.validationURL")}}
   - : A string specifying a URL from which the site or app can fetch payment handler specific validation information. Once this data is retrieved, the data (or a promise resolving to the validation data) should be passed into {{domxref("MerchantValidationEvent.complete", "complete()")}} to validate that the payment request is coming from an authorized merchant.
 
 ## Examples
diff --git a/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md b/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md
index 37188940b5311a3..df001242b50256f 100644
--- a/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md
+++ b/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md
@@ -34,9 +34,9 @@ A {{domxref("PaymentMethodChangeEvent")}}. Inherits from {{domxref("Event")}}.
 
 _In addition to the properties below, this interface includes properties inherited from {{domxref("PaymentRequestUpdateEvent")}}._
 
-- {{domxref("PaymentMethodChangeEvent.methodDetails", "methodDetails")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("PaymentMethodChangeEvent.methodDetails", "methodDetails")}} {{ReadOnlyInline}}
   - : An object containing payment method-specific data useful when handling a payment method change. If no such information is available, this value is `null`.
-- {{domxref("PaymentMethodChangeEvent.methodName", "methodName")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("PaymentMethodChangeEvent.methodName", "methodName")}} {{ReadOnlyInline}}
   - : A string containing the payment method identifier, a string which uniquely identifies a particular payment method. This identifier is usually a URL used during the payment process, but may be a standardized non-URL string as well, such as `basic-card`. The default value is the empty string, `""`.
 
 ## Examples
diff --git a/files/en-us/web/api/paymentrequestupdateevent/index.md b/files/en-us/web/api/paymentrequestupdateevent/index.md
index ceb6924ac7fd497..ec1d5d0a8efb36c 100644
--- a/files/en-us/web/api/paymentrequestupdateevent/index.md
+++ b/files/en-us/web/api/paymentrequestupdateevent/index.md
@@ -9,16 +9,16 @@ browser-compat: api.PaymentRequestUpdateEvent
 
 The **`PaymentRequestUpdateEvent`** interface is used for events sent to a {{domxref("PaymentRequest")}} instance when changes are made to shipping-related information for a pending {{domxref("PaymentRequest")}}. Those events are:
 
-- {{domxref("PaymentRequest.shippingaddresschange_event", "shippingaddresschange")}} {{securecontext_inline}}
+- {{domxref("PaymentRequest.shippingaddresschange_event", "shippingaddresschange")}}
   - : Dispatched whenever the user changes their shipping address.
-- {{domxref("PaymentRequest.shippingoptionchange_event", "shippingoptionchange")}} {{securecontext_inline}}
+- {{domxref("PaymentRequest.shippingoptionchange_event", "shippingoptionchange")}}
   - : Dispatched whenever the user changes a shipping option.
 
 {{InheritanceDiagram}}
 
 ## Constructor
 
-- {{domxref("PaymentRequestUpdateEvent.PaymentRequestUpdateEvent()","PaymentRequestUpdateEvent()")}} {{securecontext_inline}}
+- {{domxref("PaymentRequestUpdateEvent.PaymentRequestUpdateEvent()","PaymentRequestUpdateEvent()")}}
   - : Creates a new `PaymentRequestUpdateEvent` object.
 
 ## Instance properties
@@ -29,7 +29,7 @@ _Provides only the properties inherited from its parent interface, {{domxref("Ev
 
 _In addition to methods inherited from the parent interface, {{domxref("Event")}}, `PaymentRequestUpdateEvent` offers the following methods:_
 
-- {{domxref("PaymentRequestUpdateEvent.updateWith()")}} {{securecontext_inline}}
+- {{domxref("PaymentRequestUpdateEvent.updateWith()")}}
   - : If the event handler determines that information included in the payment request needs to be changed, or that new information needs to be added, it calls `updateWith()` with the information that needs to be replaced or added.
 
 ## Specifications
diff --git a/files/en-us/web/api/paymentresponse/index.md b/files/en-us/web/api/paymentresponse/index.md
index 68d8e6fd5a56536..808d0516847ba40 100644
--- a/files/en-us/web/api/paymentresponse/index.md
+++ b/files/en-us/web/api/paymentresponse/index.md
@@ -13,37 +13,37 @@ The **`PaymentResponse`** interface of the [Payment Request API](/en-US/docs/Web
 
 ## Instance properties
 
-- {{domxref('PaymentResponse.details')}} {{ReadOnlyInline}} {{SecureContext_Inline}}
+- {{domxref('PaymentResponse.details')}} {{ReadOnlyInline}}
   - : Returns a JSON-serializable object that provides a payment method specific message used by the merchant to process the transaction and determine successful fund transfer. The contents of the object depend on the payment method being used. Developers need to consult whomever controls the URL for the expected shape of the details object.
-- {{domxref('PaymentResponse.methodName')}} {{ReadOnlyInline}} {{SecureContext_Inline}}
+- {{domxref('PaymentResponse.methodName')}} {{ReadOnlyInline}}
   - : Returns the payment method identifier for the payment method that the user selected, for example, Visa, Mastercard, Paypal, etc.
-- {{domxref('PaymentResponse.payerEmail')}} {{ReadOnlyInline}} {{SecureContext_Inline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+- {{domxref('PaymentResponse.payerEmail')}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : Returns the email address supplied by the user. This option is only present when the `requestPayerEmail` option is set to `true` in the `options` parameter of the {{domxref('PaymentRequest.PaymentRequest','PaymentRequest()')}} constructor.
-- {{domxref('PaymentResponse.payerName')}} {{ReadOnlyInline}} {{SecureContext_Inline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+- {{domxref('PaymentResponse.payerName')}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : Returns the name supplied by the user. This option is only present when the `requestPayerName` option is set to true in the `options` parameter of the {{domxref('PaymentRequest.PaymentRequest','PaymentRequest()')}} constructor.
-- {{domxref('PaymentResponse.payerPhone')}} {{ReadOnlyInline}} {{SecureContext_Inline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+- {{domxref('PaymentResponse.payerPhone')}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : Returns the phone number supplied by the user. This option is only present when the `requestPayerPhone` option is set to `true` in the `options` parameter of the {{domxref('PaymentRequest.PaymentRequest','PaymentRequest()')}} constructor.
-- {{domxref('PaymentResponse.requestId')}} {{ReadOnlyInline}} {{SecureContext_Inline}}
+- {{domxref('PaymentResponse.requestId')}} {{ReadOnlyInline}}
   - : Returns the identifier of the {{domxref('PaymentRequest')}} that produced the current response. This is the same value supplied in the {{domxref('PaymentRequest.PaymentRequest','PaymentRequest()')}} constructor by `details.id`.
-- {{domxref('PaymentResponse.shippingAddress')}} {{ReadOnlyInline}} {{SecureContext_Inline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+- {{domxref('PaymentResponse.shippingAddress')}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : Returns the shipping Address supplied by the user. This option is only present when the `requestShipping` option is set to `true` in the `options` parameter of the {{domxref('PaymentRequest.PaymentRequest','PaymentRequest()')}} constructor.
-- {{domxref('PaymentResponse.shippingOption')}} {{ReadOnlyInline}} {{SecureContext_Inline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+- {{domxref('PaymentResponse.shippingOption')}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : Returns the ID attribute of the shipping option selected by the user. This option is only present when the `requestShipping` option is set to `true` in the `options` parameter of the {{domxref('PaymentRequest.PaymentRequest','PaymentRequest()')}} constructor.
 
 ## Instance methods
 
-- {{domxref('PaymentResponse.retry()')}} {{SecureContext_Inline}}
+- {{domxref('PaymentResponse.retry()')}}
   - : If something is wrong with the payment response's data (and there is a recoverable error), this method allows a merchant to request that the user retry the payment. The method takes an object as argument, which is used to signal to the user exactly what is wrong with the payment response so they can try to correct any issues.
-- {{domxref('PaymentResponse.complete()')}} {{SecureContext_Inline}}
+- {{domxref('PaymentResponse.complete()')}}
   - : Notifies the user agent that the user interaction is over. This causes any remaining user interface to be closed. This method should only be called after the Promise returned by the {{domxref('PaymentRequest.show()')}} method.
-- {{domxref("PaymentResponse.toJSON()")}} {{SecureContext_Inline}}
+- {{domxref("PaymentResponse.toJSON()")}}
   - : Returns a [JSON object](/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON) representing this `PaymentResponse` object.
 
 ## Events
 
 Listen to this event using [`addEventListener()`](/en-US/docs/Web/API/EventTarget/addEventListener) or by assigning an event listener to the `oneventname` property of this interface.
 
-- [`payerdetailchange`](/en-US/docs/Web/API/PaymentResponse/payerdetailchange_event) {{SecureContext_Inline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+- [`payerdetailchange`](/en-US/docs/Web/API/PaymentResponse/payerdetailchange_event) {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : Fired during a retry when the user makes changes to their personal information while filling out a payment request form. Allows the developer to revalidate any requested user data (e.g., the phone number or the email address) if it changes.
 
 ## Specifications
diff --git a/files/en-us/web/api/publickeycredential/index.md b/files/en-us/web/api/publickeycredential/index.md
index 5b5973eec0e6572..49c60fce7a08dcf 100644
--- a/files/en-us/web/api/publickeycredential/index.md
+++ b/files/en-us/web/api/publickeycredential/index.md
@@ -15,37 +15,37 @@ The **`PublicKeyCredential`** interface provides information about a public key
 
 ## Instance properties
 
-- {{domxref("PublicKeyCredential.authenticatorAttachment")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("PublicKeyCredential.authenticatorAttachment")}} {{ReadOnlyInline}}
 
   - : A string that indicates the mechanism by which the WebAuthn implementation is attached to the authenticator at the time the associated {{domxref("CredentialsContainer.create()","navigator.credentials.create()")}} or {{domxref("CredentialsContainer.get()","navigator.credentials.get()")}} call completes.
 
-- {{domxref("PublicKeyCredential.id")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("PublicKeyCredential.id")}} {{ReadOnlyInline}}
 
   - : Inherited from {{domxref("Credential")}} and overridden to be the [base64url encoding](/en-US/docs/Glossary/Base64) of {{domxref("PublicKeyCredential.rawId")}}.
 
-- {{domxref("PublicKeyCredential.rawId")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("PublicKeyCredential.rawId")}} {{ReadOnlyInline}}
   - : An {{jsxref("ArrayBuffer")}} that holds the globally unique identifier for this `PublicKeyCredential`. This identifier can be used to look up credentials for future calls to {{domxref("CredentialsContainer.get()","navigator.credentials.get()")}}.
-- {{domxref("PublicKeyCredential.response")}} {{ReadOnlyInline}} {{securecontext_inline}}
+- {{domxref("PublicKeyCredential.response")}} {{ReadOnlyInline}}
   - : An instance of an {{domxref("AuthenticatorResponse")}} object. It is either of type {{domxref("AuthenticatorAttestationResponse")}} if the `PublicKeyCredential` was the results of a {{domxref("CredentialsContainer.create()","navigator.credentials.create()")}} call, or of type {{domxref("AuthenticatorAssertionResponse")}} if the `PublicKeyCredential` was the result of a {{domxref("CredentialsContainer.get()","navigator.credentials.get()")}} call.
-- `PublicKeyCredential.type` {{ReadOnlyInline}} {{securecontext_inline}}
+- `PublicKeyCredential.type` {{ReadOnlyInline}}
   - : Inherited from {{domxref("Credential")}}. Always set to `public-key` for `PublicKeyCredential` instances.
 
 ## Static methods
 
-- {{domxref("PublicKeyCredential.isConditionalMediationAvailable()")}} {{securecontext_inline}}
+- {{domxref("PublicKeyCredential.isConditionalMediationAvailable()")}}
   - : Returns a {{jsxref("Promise")}} which resolves to `true` if conditional mediation is available.
-- {{domxref("PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable_static", "PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable()")}} {{securecontext_inline}}
+- {{domxref("PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable_static", "PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable()")}}
   - : Returns a {{jsxref("Promise")}} which resolves to `true` if an authenticator bound to the platform is capable of _verifying_ the user.
-- {{domxref("PublicKeyCredential.parseCreationOptionsFromJSON_static", "PublicKeyCredential.parseCreationOptionsFromJSON()")}} {{experimental_inline}}{{securecontext_inline}}
+- {{domxref("PublicKeyCredential.parseCreationOptionsFromJSON_static", "PublicKeyCredential.parseCreationOptionsFromJSON()")}} {{experimental_inline}}
   - : Convenience method for deserializing server-sent credential registration data when [registering a user with credentials](/en-US/docs/Web/API/Web_Authentication_API#creating_a_key_pair_and_registering_a_user).
-- {{domxref("PublicKeyCredential.parseRequestOptionsFromJSON_static", "PublicKeyCredential.parseRequestOptionsFromJSON()")}} {{experimental_inline}}{{securecontext_inline}}
+- {{domxref("PublicKeyCredential.parseRequestOptionsFromJSON_static", "PublicKeyCredential.parseRequestOptionsFromJSON()")}} {{experimental_inline}}
   - : Convenience method for deserializing server-sent credential request data when [authenticating a (registered) user](/en-US/docs/Web/API/Web_Authentication_API#authenticating_a_user).
 
 ## Instance methods
 
-- {{domxref("PublicKeyCredential.getClientExtensionResults()")}} {{securecontext_inline}}
+- {{domxref("PublicKeyCredential.getClientExtensionResults()")}}
   - : If any extensions were requested, this method will return the results of processing those extensions.
-- {{domxref("PublicKeyCredential.toJSON()")}} {{experimental_inline}}{{securecontext_inline}}
+- {{domxref("PublicKeyCredential.toJSON()")}} {{experimental_inline}}
   - : Convenience method for creating a JSON string representation of a {{domxref("PublicKeyCredential")}} for sending to the server when [registering a user with credentials](/en-US/docs/Web/API/Web_Authentication_API#creating_a_key_pair_and_registering_a_user) and [authenticating a registered user](/en-US/docs/Web/API/Web_Authentication_API#authenticating_a_user).
 
 ## Examples
diff --git a/files/en-us/web/api/storagemanager/index.md b/files/en-us/web/api/storagemanager/index.md
index 2367627537becc4..49d03616dd71600 100644
--- a/files/en-us/web/api/storagemanager/index.md
+++ b/files/en-us/web/api/storagemanager/index.md
@@ -11,13 +11,13 @@ The **`StorageManager`** interface of the [Storage API](/en-US/docs/Web/API/Stor
 
 ## Instance methods
 
-- {{domxref("StorageManager.estimate()")}} {{securecontext_inline}}
+- {{domxref("StorageManager.estimate()")}}
   - : Returns a {{jsxref('Promise')}} that resolves to an object containing usage and quota numbers for your origin.
-- {{domxref("StorageManager.getDirectory()")}} {{securecontext_inline}}
+- {{domxref("StorageManager.getDirectory()")}}
   - : Used to obtain a reference to a {{domxref("FileSystemDirectoryHandle")}} object allowing access to a directory and its contents, stored in the [origin private file system](/en-US/docs/Web/API/File_System_API/Origin_private_file_system). Returns a {{jsxref('Promise')}} that fulfills with a {{domxref("FileSystemDirectoryHandle")}} object.
-- {{domxref("StorageManager.persist()")}} {{securecontext_inline}}
+- {{domxref("StorageManager.persist()")}}
   - : Returns a {{jsxref('Promise')}} that resolves to `true` if the user agent is able to persist your site's storage.
-- {{domxref("StorageManager.persisted()")}} {{securecontext_inline}}
+- {{domxref("StorageManager.persisted()")}}
   - : Returns a {{jsxref('Promise')}} that resolves to `true` if persistence has already been granted for your site's storage.
 
 ## Specifications

From eb11f0bd259ff4aa109067c7714bbe229285a499 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 26 Dec 2023 21:20:54 +0100
Subject: [PATCH 115/790] Remove mention of a dictionary (#31311)

---
 files/en-us/web/api/paymentmethodchangeevent/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/paymentmethodchangeevent/index.md b/files/en-us/web/api/paymentmethodchangeevent/index.md
index 7de84c48e5c3f9f..3c8d3476e5b14cf 100644
--- a/files/en-us/web/api/paymentmethodchangeevent/index.md
+++ b/files/en-us/web/api/paymentmethodchangeevent/index.md
@@ -14,7 +14,7 @@ The **`PaymentMethodChangeEvent`** interface of the [Payment Request API](/en-US
 ## Constructor
 
 - {{domxref("PaymentMethodChangeEvent.PaymentMethodChangeEvent", "PaymentMethodChangeEvent()")}}
-  - : Creates and returns a new `PaymentMethodChangeEvent` object, optionally initialized with values taken from a given {{domxref("PaymentMethodChangeEventInit")}} dictionary.
+  - : Creates and returns a new `PaymentMethodChangeEvent` object.
 
 ## Instance properties
 

From 92a7539f7c433d83e1ec7b2b3da7f901f076dcc9 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 26 Dec 2023 22:00:14 +0100
Subject: [PATCH 116/790] Fix broken links (missing ARIA directory) (#31299)

---
 .../en-us/web/accessibility/aria/attributes/aria-level/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/accessibility/aria/attributes/aria-level/index.md b/files/en-us/web/accessibility/aria/attributes/aria-level/index.md
index 7b250103d2e246a..d865da3dbd8f45f 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-level/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-level/index.md
@@ -31,7 +31,7 @@ Opt for using the {{htmlelement("Heading_Elements", "h1")}} through {{htmlelemen
 
 In the case of a [`treegrid`](/en-US/docs/Web/Accessibility/ARIA/Roles/treegrid_role), `aria-level` is supported on elements with the role [`row`](/en-US/docs/Web/Accessibility/ARIA/Roles/row_role), not elements with role [`gridcell`](/en-US/docs/Web/Accessibility/ARIA/Roles/gridcell_role). Rows act as leaf nodes within the vertical orientation of the grid. Gridcells are leaf nodes within the horizontal orientation of each row. `Aria-level` is not supported on cells within rows. So, in treegrids, the `aria-level` attribute is applied to the element with the role `row`.
 
-If a complete set of available nodes is not present in the DOM due to dynamic loading as the user moves focus in or scrolls the tree, each node has `aria-level`, [`aria-setsize`](/en-US/docs/Web/Accessibility/Attributes/aria-setsize), and [`aria-posinset`](/en-US/docs/Web/Accessibility/Attributes/aria-posinset) included.
+If a complete set of available nodes is not present in the DOM due to dynamic loading as the user moves focus in or scrolls the tree, each node has `aria-level`, [`aria-setsize`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-setsize), and [`aria-posinset`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-posinset) included.
 
 ## Values
 

From 63da871e41ef799cca6c108952378d8b2472be05 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 26 Dec 2023 22:01:05 +0100
Subject: [PATCH 117/790] Remove mention of ARIAMixin in aria-busy (#31298)

---
 .../web/accessibility/aria/attributes/aria-busy/index.md  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md b/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md
index 0d8639a407caff7..4872d6ac4ff97d1 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md
@@ -15,7 +15,7 @@ When multiple parts of a live region need to be loaded before changes are announ
 
 There is a section of content that updates. The updates are important and you want to let the user know when it has been modified, so you have converted it into an [ARIA live region](/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) with the [`aria-live`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live) attribute. You may want to update several components of that section at the same time, but you can't be sure that everything will update simultaneously. Even if it is a very important live region with `aria-live="assertive"`, you don't want to interrupt the user multiple times as different parts of the content load. This is where `aria-busy` can help.
 
-The `aria-busy` property is an optional property of live regions that can have the value `true` or `false`. The `aria-busy` attribute with a value of `true` can be added to an element currently being updated or modified, to inform the assistive technology that it should wait until the modifications or changes are complete before exposing the content to the user. Use the [`ariaBusy`](/en-US/docs/Web/API/Element/ariaBusy) property of the {{domxref("ARIAMixin")}} interface to change the value to `false` when downloading is complete.
+The `aria-busy` property is an optional property of live regions that can have the value `true` or `false`. The `aria-busy` attribute with a value of `true` can be added to an element currently being updated or modified, to inform the assistive technology that it should wait until the modifications or changes are complete before exposing the content to the user. Use the [`ariaBusy`](/en-US/docs/Web/API/Element/ariaBusy) property of the object to change the value to `false` when downloading is complete.
 
 ```js
 ariaLiveElement.ariaBusy = "false";
@@ -29,7 +29,7 @@ If an element with [`feed`](/en-US/docs/Web/Accessibility/ARIA/Roles/feed_role)
 
 ### Within a `widget`
 
-If changes to a rendered widget would create a state where the widget is missing required owned elements during script execution, set `aria-busy` to `true` on the widget during the update process. For example, if a rendered tree grid updates multiple branches not necessarily rendered simultaneously, an alternative to replacing the whole tree in a single update would be to mark the tree busy while each of the branches are modified.
+If changes to a rendered widget would create a state where the widget is missing required owned elements during script execution, set `aria-busy` to `true` on the widget during the update process. For example, if a rendered tree grid updates multiple branches not necessarily rendered simultaneously, an alternative to replacing the whole tree in a single update would be to mark the tree busy while each of the branches is modified.
 
 ## Values
 
@@ -38,10 +38,10 @@ If changes to a rendered widget would create a state where the widget is missing
 - true
   - : The element is being updated.
 
-## ARIAMixin API
+## API
 
 - {{domxref("Element.ariaBusy")}}
-  - : The [`ariaBusy`](/en-US/docs/Web/API/Element/ariaBusy) property, part of the {{domxref("ARIAMixin")}} interface, reflects the value of the `aria-busy` attribute, which indicates whether an element is being modified.
+  - : The [`ariaBusy`](/en-US/docs/Web/API/Element/ariaBusy) property, part of each element's interface, reflects the value of the `aria-busy` attribute, which indicates whether an element is being modified.
 
 ```html
 <div

From fb28dcb8d47c4239bbc56588a51a40c24044c57f Mon Sep 17 00:00:00 2001
From: "Emmanuel C. Jemeni" <jemenichinonso11@gmail.com>
Date: Tue, 26 Dec 2023 22:12:56 +0100
Subject: [PATCH 118/790] (HTML) Add `-webkit` prefixed props to `<meter>` page
 (#30702)

* Update index.md

In the See Also section of the HTMLElement progress page, there are links to the associated CSS pseudo-elements. This is not the same as the HTMLElement meter page so I added it.

* Update index.md

modified the 'See Also' section to follow MDN standards

* Update files/en-us/web/html/element/meter/index.md

mdn-linter

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update index.md

removed whitespace in-between the links

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/html/element/meter/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/html/element/meter/index.md b/files/en-us/web/html/element/meter/index.md
index a88ba65adbe6802..7eb29d07ed19c2b 100644
--- a/files/en-us/web/html/element/meter/index.md
+++ b/files/en-us/web/html/element/meter/index.md
@@ -144,3 +144,4 @@ On Google Chrome, the resulting meter looks like this:
 ## See also
 
 - {{HTMLElement("progress")}}
+- {{cssxref("::-webkit-meter-bar")}}, {{cssxref("::-webkit-meter-inner-element") }}, {{cssxref("::-webkit-meter-even-less-good-value")}}, {{cssxref("::-webkit-meter-optimum-value")}}, {{cssxref("::-webkit-meter-suboptimum-value")}}: non-standard pseudo-elements

From b9db4e51b6f1cddba3af708643fc9804849d61c2 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Tue, 26 Dec 2023 22:19:48 +0100
Subject: [PATCH 119/790] docs(CSS): Allow more usage of multi-keyword
 `display` values  (#30831)

* docs(CSS): Mutli-keyword display values no longer experimental

* docs(CSS): Reduce noise in PR

* docs(css): Improvements following reviewer feedback

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* docs(css): Improvements following reviewer feedback

* docs(css): Improvements following reviewer feedback

* docs(css): Improvements following reviewer feedback

* docs(css): Improvements following reviewer feedback

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/css/display/multi-keyword_syntax_of_display/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/css/display/multi-keyword_syntax_of_display/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/display/multi-keyword_syntax_of_display/index.md

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../learn/css/css_layout/flexbox/index.md     |  22 ++--
 files/en-us/web/css/css_display/index.md      |   8 +-
 .../basic_concepts_of_flexbox/index.md        |   4 +-
 .../web/css/css_flexible_box_layout/index.md  |   2 +
 files/en-us/web/css/css_grid_layout/index.md  |   2 +
 files/en-us/web/css/display-outside/index.md  |   3 +-
 files/en-us/web/css/display/index.md          |  55 ++++++---
 .../multi-keyword_syntax_of_display/index.md  | 106 +++++++++++++++---
 8 files changed, 153 insertions(+), 49 deletions(-)

diff --git a/files/en-us/learn/css/css_layout/flexbox/index.md b/files/en-us/learn/css/css_layout/flexbox/index.md
index 049874e162a64ea..064f4e4450aa029 100644
--- a/files/en-us/learn/css/css_layout/flexbox/index.md
+++ b/files/en-us/learn/css/css_layout/flexbox/index.md
@@ -59,13 +59,19 @@ section {
 }
 ```
 
-This causes the \<section> element to become a **flex container** and its children to become **flex items**. The result of this should be something like so:
+This causes the `<section>` element to become a **flex container** and its children become **flex items**. This is what it looks like:
 
 ![A two row container that includes a single column in the first row and a 3-column layout in the second row that shows how a webpage can be divided into different layouts depending on the contents](flexbox-example2.png)
 
-So, this single declaration gives us everything we need. Incredible, right? We have our multiple column layout with equal-sized columns, and the columns are all the same height. This is because the default values given to flex items (the children of the flex container) are set up to solve common problems such as this.
+This single declaration gives us everything we need. Incredible, right? We have a multiple column layout with equal-sized columns, and the columns are all the same height. This is because the default values given to flex items (the children of the flex container) are set up to solve common problems such as this.
 
-To be clear, let's reiterate what is happening here. The element we've given a {{cssxref("display")}} value of `flex` to is acting like a block-level element in terms of how it interacts with the rest of the page, but its children are laid out as flex items. The next section will explain in more detail what this means. Note also that you can use a `display` value of `inline-flex` if you wish to lay out an element's children as flex items, but have that element behave like an inline element.
+Let's recap what's happening here. Adding a {{cssxref("display")}} value of `flex` to an element makes it a flex container. The container is displayed as [Block-level content](/en-US/docs/Glossary/Block-level_content) in terms of how it interacts with the rest of the page. When the element is converted to a flex container, its children are converted to (and laid out as) flex items.
+
+You can make the container inline using an [outside `display` value](/en-US/docs/Web/CSS/display#outside) (e.g., `display: inline flex`), which affects how the container itself is laid out in the page.
+The legacy `inline-flex` display value displays the container as inline as well.
+We'll focus on how the the contents of the container behave in this tutorial, but if you want to see the effect of inline versus block layout, you can have a look at the [value comparison](/en-US/docs/Web/CSS/display#display_value_comparison) on the `display` property page.
+
+The next sections explain in more detail what flex items are and what happens inside an element when you make it a flex container.
 
 ## The flex model
 
@@ -331,16 +337,6 @@ button {
 }
 ```
 
-## Cross-browser compatibility
-
-Flexbox support is available in most new browsers: Firefox, Chrome, Opera, Microsoft Edge, and IE 11, newer versions of Android/iOS, etc. However, you should be aware that there are still older browsers in use that don't support Flexbox (or do, but support a really old, out-of-date version of it.)
-
-While you're just learning and experimenting, this doesn't matter too much; however, if you're considering using flexbox in a real website, you need to do testing and make sure that your user experience is still acceptable in as many browsers as possible.
-
-Flexbox is a bit trickier than some CSS features. For example, if a browser is missing a CSS drop shadow, then the site will likely still be usable. Not supporting flexbox features, however, will probably break a layout completely, making it unusable.
-
-We discuss strategies for overcoming cross-browser support issues in our [Cross browser testing](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing) module.
-
 ## Test your skills!
 
 You've reached the end of this article, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see [Test your skills: Flexbox](/en-US/docs/Learn/CSS/CSS_layout/Flexbox_skills).
diff --git a/files/en-us/web/css/css_display/index.md b/files/en-us/web/css/css_display/index.md
index 55ef781b66f722a..2621c6e2621b391 100644
--- a/files/en-us/web/css/css_display/index.md
+++ b/files/en-us/web/css/css_display/index.md
@@ -26,7 +26,8 @@ The **CSS display** module defines how the CSS formatting box tree is generated
 
 ## Guides
 
-- [Adapting to the multi-keyword syntax of display](/en-US/docs/Web/CSS/display/multi-keyword_syntax_of_display)
+- [Using the multi-keyword syntax with CSS display](/en-US/docs/Web/CSS/display/multi-keyword_syntax_of_display)
+  - : Describes the multi-keyword syntax and compares this syntax with legacy single-keyword values.
 
 ### Flow layout (display: block, display: inline)
 
@@ -68,3 +69,8 @@ The **CSS display** module defines how the CSS formatting box tree is generated
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) module
+- [CSS grid layout](Web/CSS/CSS_grid_layout) module
diff --git a/files/en-us/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.md b/files/en-us/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.md
index 0be750a66785e9a..26fefeaf46bc843 100644
--- a/files/en-us/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.md
+++ b/files/en-us/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.md
@@ -61,7 +61,9 @@ After a while, thinking about start and end rather than left and right becomes n
 
 ## The flex container
 
-An area of a document laid out using flexbox is called a **flex container**. To create a flex container, we set the value of the area's container's {{cssxref("display")}} property to `flex` or `inline-flex`. As soon as we do this the direct children of that container become **flex items**. As with all properties in CSS, some initial values are defined, so when creating a flex container all of the contained flex items will behave in the following way.
+An area of a document that is laid out using flexbox is called a **flex container**. To create a flex container, set the area's {{cssxref("display")}} property to `flex`. When we do this, the direct children of that container become **flex items**. You can explicitly control whether the container itself is displayed inline or in block formatting context using `inline flex` or `inline-flex` for inline flex containers or `block flex` or `flex` for block level flex containers.
+
+As with all properties in CSS, some initial values are defined, so the contents of a new flex container will behave in the following way:
 
 - Items display in a row (the `flex-direction` property's default is `row`).
 - The items start from the start edge of the main axis.
diff --git a/files/en-us/web/css/css_flexible_box_layout/index.md b/files/en-us/web/css/css_flexible_box_layout/index.md
index f0c9eaddad1c1f5..44e0fb0b8da9ace 100644
--- a/files/en-us/web/css/css_flexible_box_layout/index.md
+++ b/files/en-us/web/css/css_flexible_box_layout/index.md
@@ -65,6 +65,8 @@ The properties `align-content`, `align-self`, `align-items` and `justify-content
 
 ## See also
 
+- [CSS display](/en-US/docs/Web/CSS/CSS_display) module
+- [Using the multi-keyword syntax with CSS display](/en-US/docs/Web/CSS/display/multi-keyword_syntax_of_display)
 - Glossary terms:
   - {{Glossary("Flexbox")}}
   - {{Glossary("Flex Container")}}
diff --git a/files/en-us/web/css/css_grid_layout/index.md b/files/en-us/web/css/css_grid_layout/index.md
index ff2a451de371f9a..56f4798690d52e8 100644
--- a/files/en-us/web/css/css_grid_layout/index.md
+++ b/files/en-us/web/css/css_grid_layout/index.md
@@ -151,6 +151,8 @@ The example below shows a three-column track grid with new rows created at a min
   - [Grid axis](/en-US/docs/Glossary/Grid_Axis)
   - [Grid row](/en-US/docs/Glossary/Grid_Row)
   - [Grid column](/en-US/docs/Glossary/Grid_Column)
+- [CSS flexible box layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout) module
+- [CSS display](/en-US/docs/Web/CSS/CSS_display) module
 - [Grid by Example](https://gridbyexample.com/) - A collection of usage examples and video tutorials
 - [CSS Grid Reference - Codrops](https://tympanus.net/codrops/css_reference/grid/)
 - [CSS Grid Inspector - Firefox DevTools](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_grid_layouts/index.html)
diff --git a/files/en-us/web/css/display-outside/index.md b/files/en-us/web/css/display-outside/index.md
index cd0537c4e199b22..4a299c7a4b04cd1 100644
--- a/files/en-us/web/css/display-outside/index.md
+++ b/files/en-us/web/css/display-outside/index.md
@@ -18,7 +18,8 @@ Valid `<display-outside>` values:
 - `inline`
   - : The element generates one or more inline element boxes that do not generate line breaks before or after themselves. In normal flow, the next element will be on the same line if there is space.
 
-> **Note:** Browsers that support the two value syntax, on finding the outer value only, such as when `display: block` or `display: inline` is specified, will set the inner value to `flow`. This will result in expected behavior; for example if you specify an element to be block, you would expect that the children of that element would participate in block and inline normal flow layout.
+> **Note:** When browsers encounter a display property with only an **outer** `display` value (e.g., `display: block` or `display: inline`), the inner value defaults to `flow` (e.g., `display: block flow` and `display: inline flow`).
+> This is backwards-compatible with single-keyword syntax.
 
 ## Formal syntax
 
diff --git a/files/en-us/web/css/display/index.md b/files/en-us/web/css/display/index.md
index c7350ed2a03b8c2..14cc92edf925130 100644
--- a/files/en-us/web/css/display/index.md
+++ b/files/en-us/web/css/display/index.md
@@ -31,14 +31,14 @@ display: none;
 display: contents;
 
 /* multi-keyword syntax */
+display: block flex;
 display: block flow;
+display: block flow-root;
+display: block grid;
+display: inline flex;
 display: inline flow;
 display: inline flow-root;
-display: block flex;
-display: inline flex;
-display: block grid;
 display: inline grid;
-display: block flow-root;
 
 /* other values */
 display: table;
@@ -70,8 +70,18 @@ The keyword values can be grouped into six value categories.
     - `inline`
       - : The element generates one or more inline boxes that do not generate line breaks before or after themselves. In normal flow, the next element will be on the same line if there is space.
 
-> **Note:** Browsers that support the multi-keyword syntax, on finding the outer value only, such as when `display: block` or `display: inline` is specified, will set the inner value to `flow`.
-> This will result in expected behavior; for example, if you specify an element to be block, you would expect that the children of that element would participate in block and inline normal flow layout.
+> **Note:** When browsers that support multi-keyword syntax encounter a display property that only has an **outer** value (e.g., `display: block` or `display: inline`), the inner value is set to `flow` (e.g., `display: block flow` and `display: inline flow`).
+
+> **Note:** To be sure layouts work on older browsers, you may use single-value syntax, for example `display: inline flex` could have the following fallback
+>
+> ```css
+> .container {
+>   display: inline-flex;
+>   display: inline flex;
+> }
+> ```
+>
+> See [Using the multi-keyword syntax with CSS display](/en-US/docs/Web/CSS/display/multi-keyword_syntax_of_display) for more information.
 
 ### Inside
 
@@ -98,8 +108,7 @@ The keyword values can be grouped into six value categories.
     - `ruby` {{Experimental_Inline}}
       - : The element behaves like an inline-level element and lays out its content according to the ruby formatting model. It behaves like the corresponding HTML {{HTMLElement("ruby")}} elements.
 
-> **Note:** Browsers that support the multi-keyword syntax, on finding the inner value only, such as when `display: flex` or `display: grid` is specified, will set their outer value to `block`.
-> This will result in expected behavior; for example, if you specify an element to be `display: grid`, you would expect that the box created on the grid container would be a block-level box.
+> **Note:** When browsers that support multi-keyword syntax encounter a display property that only has an **inner** value (e.g., `display: flex` or `display: grid`), the outer value is set to `block` (e.g., `display: block flex` and `display: block grid`).
 
 ### List Item
 
@@ -190,11 +199,12 @@ This can be used together with {{CSSxRef("list-style-type")}} and {{CSSxRef("lis
 
         It is equivalent to `inline grid`.
 
-### Which syntax should you use now?
+### Which syntax should you use?
 
-The Level 3 specification details two values for the `display` property — enabling the specification of the outer and inner display type explicitly — but this is not yet well-supported by browsers.
+The [CSS display module](/en-US/docs/Web/CSS/CSS_display) describes a multi-keyword syntax for values you can use with the `display` property to explicitly define **outer** and **inner** display.
+The single keyword values (precomposed `<display-legacy>` values) are supported for backward-compatibility.
 
-The precomposed `<display-legacy>` methods allow the same results with single keyword values, and should be favoured by developers until the two keyword values are better supported. For example, using two values you might specify an inline flex container as follows:
+For example, using two values you can specify an inline flex container as follows:
 
 ```css
 .container {
@@ -202,7 +212,7 @@ The precomposed `<display-legacy>` methods allow the same results with single ke
 }
 ```
 
-This can currently be specified using a single value.
+This can also be specified using the legacy single value:
 
 ```css
 .container {
@@ -210,7 +220,7 @@ This can currently be specified using a single value.
 }
 ```
 
-For more information on these changes to the specification, see the article [Adapting to the new multi-keyword syntax of display](/en-US/docs/Web/CSS/display/multi-keyword_syntax_of_display).
+For more information on these changes, see the [Using the multi-keyword syntax with CSS display](/en-US/docs/Web/CSS/display/multi-keyword_syntax_of_display) guide.
 
 ### Global
 
@@ -225,7 +235,9 @@ display: unset;
 
 The individual pages for the different types of value that `display` can have set on it feature multiple examples of those values in action — see the [Syntax](#syntax) section. In addition, see the following material, which covers the various values of display in depth.
 
-- [Adapting to the new multi-keyword syntax of display](/en-US/docs/Web/CSS/display/multi-keyword_syntax_of_display)
+### Multi-keyword values
+
+- [Using the multi-keyword syntax with CSS display](/en-US/docs/Web/CSS/display/multi-keyword_syntax_of_display)
 
 ### CSS Flow Layout (display: block, display: inline)
 
@@ -319,8 +331,6 @@ In this example we have two block-level container elements, each one with three
 
 We've included {{cssxref("padding")}} and {{cssxref("background-color")}} on the containers and their children, so that it is easier to see the effect the display values are having.
 
-> **Note:** We've not included any of the modern multi-keyword syntax, as support for that is still fairly limited.
-
 #### HTML
 
 ```html
@@ -342,12 +352,16 @@ We've included {{cssxref("padding")}} and {{cssxref("background-color")}} on the
     <option selected>block</option>
     <option>inline</option>
     <option>inline-block</option>
+    <option>inline flow-root</option>
     <option>none</option>
     <option>flex</option>
     <option>inline-flex</option>
+    <option>inline flex</option>
     <option>grid</option>
     <option>inline-grid</option>
+    <option>inline grid</option>
     <option>table</option>
+    <option>block table</option>
     <option>list-item</option>
   </select>
 </div>
@@ -405,7 +419,14 @@ updateDisplay();
 
 {{EmbedLiveSample('display_value_comparison','100%', 440)}}
 
-> **Note:** You can find more examples in the pages for each separate display data type, linked above.
+Note that some multi-keyword values are added for illustration which have the following equivalents:
+
+- `inline-block` = `inline flow-root`
+- `inline-flex` = `inline flex`
+- `inline-grid` = `inline grid`
+- `table` = `block table`
+
+You can find more examples in the pages for each separate display data type under [Grouped values](#grouped_values)
 
 ## Specifications
 
diff --git a/files/en-us/web/css/display/multi-keyword_syntax_of_display/index.md b/files/en-us/web/css/display/multi-keyword_syntax_of_display/index.md
index 2b77b203c2803f6..e99a19986250544 100644
--- a/files/en-us/web/css/display/multi-keyword_syntax_of_display/index.md
+++ b/files/en-us/web/css/display/multi-keyword_syntax_of_display/index.md
@@ -1,20 +1,18 @@
 ---
-title: Adapting to the new multi-keyword syntax of display
+title: Using the multi-keyword syntax with CSS display
 slug: Web/CSS/display/multi-keyword_syntax_of_display
 page-type: guide
-status:
-  - experimental
 ---
 
 {{CSSRef}}
 
-[CSS Display Module Level 3](https://drafts.csswg.org/css-display/) introduced multi-keyword syntax for the [`display`](/en-US/docs/Web/CSS/display) property. This guide explains the multi-keyword syntax.
+The [CSS display module](/en-US/docs/Web/CSS/CSS_display) defines a multi-keyword syntax for the CSS [`display`](/en-US/docs/Web/CSS/display) property. This guide explains the multi-keyword syntax.
 
-> **Note:** this syntax may also be referred to as "two-value syntax" or "multi-value syntax."
+> **Note:** multi-keyword syntax is also referred to as "two-value syntax" or "multi-value syntax."
 
 ## What happens when we change the value of the display property?
 
-One of the first things we learn about CSS is that some elements are block-level and some are inline-level. For example, an `<h1>` or a `<p>` are block-level by default, and a `<span>` is inline-level. Using the {{cssxref("display")}} property we can switch between block and inline. For example to make a heading inline we would use the following CSS:
+One of the first things we learn about CSS is that some elements are block-level and some are inline-level. These are their [outer](/en-US/docs/Web/CSS/display-outside) display types. For example, an `<h1>` or a `<p>` are block-level by default, and a `<span>` is inline-level. Using the {{cssxref("display")}} property we can switch between block and inline. For example to make a heading inline we would use the following CSS:
 
 ```css
 h1 {
@@ -22,23 +20,23 @@ h1 {
 }
 ```
 
-More recently we have gained [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_grid_layout) and [Flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout). To access these we also use values of the `display` property — `display: grid` and `display: flex`. Only when the value of `display` is changed do the children become flex or grid items and begin to respond to the other properties in the grid or flexbox specifications. Changing an element's `display` value changes the formatting context of its direct children.
+The `display` property also lets us use [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_grid_layout) and [Flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout) when `display: grid` or `display: flex` is set. The important concept to understand is that changing an element's `display` value can change the formatting context of its direct children. When you use `display: flex` or `display: grid`, the element's children become flex or grid items and respond to the properties in grid and flexbox specifications.
 
 What grid and flexbox demonstrate, however, is that an element has both an **outer** and an **inner** display type. The outer display type describes whether the element is block-level or inline-level. The inner display type describes how the children of that box behave.
 
 As an example, when we use `display: flex` we create a block-level container, with flex children. The children are described as participating in a flex formatting context. You can see this if you take a `<span>` — normally an inline-level element — and apply `display: flex` to it. The `<span>` becomes a block-level element. It behaves as block-level things do in relationship to other boxes in the layout. It's as if you had applied `display: block` to the span, however we also get the changed behavior of the children.
 
-The live example below has a `<span>` with `display: flex` applied. It has become a block-level box taking up all available space in the inline direction. You can now use `justify-content: space-between;` to put this space between the two flex items.
+The live example below has a `<span>` with `display: flex` applied. It has become a block-level box taking up all available space in the inline direction. You can now use `justify-content: space-between` to put this space between the two flex items.
 
 {{EmbedGHLiveSample("css-examples/display/multi-keyword/span-flex.html", '100%', 440)}}
 
-We can create inline flex containers. If you create a flex container using the single value of `inline-flex` you will have an inline-level box with flex children. The children behave in the same way as the flex children of a block-level container. The only thing that has changed is that the parent is now an inline-level box. It therefore behaves like other inline-level things, and doesn't take up the full width (or size in the inline dimension) that a block-level box does. This means that some following text could come up alongside the flex container.
+It's also possible to create inline flex containers. If you use the single value `inline-flex` you will have an inline-level box with flex children. The children behave in the same way as the flex children of a block-level container. The only thing that has changed is that the parent is now an inline-level box. It therefore behaves like other inline-level things, and doesn't take up the full width (or size in the inline dimension) that a block-level box does. This means that some following text could come up alongside the flex container.
 
 {{EmbedGHLiveSample("css-examples/display/multi-keyword/inline-flex.html", '100%', 440)}}
 
 The same is true when working with grid layout. Using `display: grid` will give you a block-level box, which creates a grid formatting context for the direct children. Using `display: inline-grid` will create an inline-level box, which creates a grid formatting context for the children.
 
-## The multi-keyword syntax
+## Using the multi-keyword syntax
 
 As you can see from the above explanation, the `display` property has considerable powers. In addition to indicating whether something is block-level or inline-level in relationship to other boxes on the page, it also indicates the formatting context inside the box it is applied to. To better describe this behavior, the `display` property allows for two values — an outer and inner value — to be set on it. The original single-value syntax is also valid.
 
@@ -48,7 +46,7 @@ This means that instead of setting `display: flex` to create a block-level box w
 
 There are mappings for all of the existing values of `display`; the most common ones are listed in the table below. To see a full list take a look at the table found in the [`display` property specification](https://drafts.csswg.org/css-display/#display-value-summary).
 
-| Single value   | New value          |
+| Single value   | Multi value        |
 | -------------- | ------------------ |
 | `block`        | `block flow`       |
 | `flow-root`    | `block flow-root`  |
@@ -61,15 +59,92 @@ There are mappings for all of the existing values of `display`; the most common
 
 ## display: block flow-root and display: inline flow-root
 
-In terms of how this multi-value syntax helps clarify CSS layout, we can take a look at a couple of values in the table that might seem less familiar. The multi-keyword `display: block flow-root` maps to a relatively recent single value; `display: flow-root`. This value's only purpose is to create a new [Block Formatting Context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) (BFC). A BFC ensures that everything inside your box stays inside it, and things from outside the box cannot intrude into it. When `flow-root` was added as a `display` value, a common use case for creating a new BFC was to contain floats and avoid the need for clearfix hacks.
+Regarding how this multi-value syntax helps clarify CSS layout, we can look at some values in the table above that might be less familiar to you. The multi-keyword `display: block flow-root` maps to a single value; `display: flow-root`. This value's only purpose is to create a new [Block Formatting Context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) (BFC). A BFC ensures that everything inside your box stays inside, and things outside the box cannot intrude into it.
 
-In the example below we have a floated item inside a container. The float is contained by the bordered box, which wraps it and the text alongside. If you remove the line `display: flow-root` then the float will poke out of the bottom of the box. You can replace `display: flow-root` with the multi-value `display: block flow-root`, which will achieve the same as the single `flow-root` value.
+In the example below, two `<p>` elements, one inside a `<div>` demonstrate how display values affect formatting contexts.
+The first `<div>` element with the demo controls is hidden so we can focus on the elements that follow instead.
+The elements that we should focus on are the "parent", "child", and "sibling" `<div>` and `<p>` elements which you can differentiate by their IDs.
 
-{{EmbedGHLiveSample("css-examples/display/multi-keyword/block-flow-root.html", '100%', 440)}}
+What's notable about this layout is that there is no content between the parent and child elements, and the child element has a top margin applied.
+You might expect the top margin to effectively push the child element down within the parent element, but what happens instead is something called [_margin collapse_](/en-US/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing).
+In this case, the margin of the child element extends well above the parent's bounding box and pushes the parent element further down the page.
+This is easier to see if you inspect the box model of the child element [in your browser's developer tools](/en-US/docs/Learn/CSS/Building_blocks/The_box_model#use_browser_devtools_to_view_the_box_model).
+
+Change the selected option in the `<select>` element to see the effect of different `display` values.
+You can use any value with `flow-root` to create a new formatting context for the parent, making the child element margin relative to its parent's outer edge and avoiding the margin collapse.
+Changing between `display: flow-root` and `display: block flow-root` will achieve the same effect as the single-value `flow-root` keyword.
+
+```js hidden
+function changeDisplayType() {
+  var parentDiv = document.getElementById("parent");
+  var siblingDiv = document.getElementById("sibling");
+  var displayType = document.getElementById("displayType").value;
+
+  parentDiv.style.display = displayType;
+  siblingDiv.style.display = displayType;
+}
+```
+
+```css hidden
+#controls {
+  padding: 1rem;
+  outline: 2px dashed black;
+}
+body {
+  margin: 10px;
+  font-family: sans-serif;
+}
+```
+
+```css
+div,
+p {
+  outline: 2px solid black;
+  background-color: cornflowerblue;
+  display: block;
+  margin-bottom: 2rem;
+}
+
+#parent {
+  background-color: oldlace;
+  min-height: 2rem;
+}
+
+#child {
+  margin-top: 4rem;
+  outline: 2px dashed red;
+}
+
+#sibling {
+  background-color: lavender;
+}
+```
+
+```html hidden
+<div id="controls">
+  <label for="displayType">display:</label>
+  <select id="displayType" onchange="changeDisplayType()">
+    <option value="block">block</option>
+    <option value="flow-root">flow-root</option>
+    <option value="block flow-root">block flow-root</option>
+    <option value="inline">inline</option>
+    <option value="inline flow-root">inline flow-root</option>
+  </select>
+</div>
+```
+
+```html
+<div id="parent">
+  <p id="child">The #child paragraph (nested in #parent).</p>
+</div>
+<p id="sibling">The #sibling paragraph (sibling of #parent).</p>
+```
+
+{{EmbedLiveSample("display_block_flow-root_and_display_inline_flow-root", '90%', 380)}}
 
 The `flow-root` value makes sense if you think about block and inline layout, which is sometimes called [normal flow](/en-US/docs/Learn/CSS/CSS_layout/Normal_Flow). Our HTML page creates a new formatting context (floats and margins cannot extend out from the boundaries) and our content lays out in normal flow, using block and inline layout, unless we change the value of `display` to use some other formatting context. Creating a grid or flex container also creates a new formatting context (a grid or flex formatting context, respectively.) These also contain everything inside them. However, if you want to contain floats and margins but continue using block and inline layout, you can create a new flow root, and start over with block and inline layout. From that point downwards everything is contained inside the new flow root.
 
-The multi-keyword syntax for `display: flow-root` being `display: block flow-root` therefore makes a lot of sense. You are creating a block formatting context, with a block-level box and children participating in normal flow. What about the matched pair `display: inline flow-root`? This is the new way of describing `display: inline-block`.
+This is why `display: flow-root` can be written using the multi-keyword syntax `display: block flow-root`. You are creating a block formatting context, with a block-level box and children participating in normal flow. What about the matched pair `display: inline flow-root`? This is the current way of describing `display: inline-block`.
 
 The value `display: inline-block` has been around since the early days of CSS. The reason we tend to use it is to allow padding to push inline items away from an element, when creating navigation items for example, or when wanting to add a background with padding to an inline element as in the example below.
 
@@ -86,7 +161,6 @@ To deal with single values of `display` [the specification](https://www.w3.org/T
 > "If a `<display-outside>` value is specified but `<display-inside>` is omitted, the element's inner display type defaults to flow."
 
 This means that the behavior is exactly as it is in a single value world. If you specify `display: block` or `display: inline`, that changes the outer display value of the box but any children continue in normal flow.
-
 If only an inner value of `flex`, `grid`, or `flow-root` is specified then [the specification](https://www.w3.org/TR/css-display-3/#inner-model) explains that the outer value should be set to `block`:
 
 > "If a `<display-inside>` value is specified but `<display-outside>` is omitted, the element's outer display type defaults to block—except for ruby, which defaults to inline."

From 8489e4c8571d50a1aa975df76036247da60d960b Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 00:12:55 +0100
Subject: [PATCH 120/790] Neutralize non-standard deleted
 :-moz-full-screen-ancestor link (#31297)

---
 files/en-us/mozilla/firefox/releases/50/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/50/index.md b/files/en-us/mozilla/firefox/releases/50/index.md
index 35fb00874c82654..039dc780d557c6c 100644
--- a/files/en-us/mozilla/firefox/releases/50/index.md
+++ b/files/en-us/mozilla/firefox/releases/50/index.md
@@ -19,7 +19,7 @@ page-type: firefox-release-notes
 ### CSS
 
 - Border-radiused corners with dashed and dotted styles are now rendered with the specified style instead of a solid style ([Firefox bug 382721](https://bugzil.la/382721)).
-- The non-standard {{cssxref(":-moz-full-screen-ancestor")}} pseudo-class selector has been removed ([Firefox bug 1199529](https://bugzil.la/1199529)).
+- The non-standard `:-moz-full-screen-ancestor` pseudo-class selector has been removed ([Firefox bug 1199529](https://bugzil.la/1199529)).
 - The {{cssxref("box-sizing")}}`: padding-box` has been removed, since it's no longer a part of the spec and Firefox was the only major browser implementing it ([Firefox bug 1166728](https://bugzil.la/1166728)).
 - The three values `isolate`, `isolate-override`, and `plaintext` of the {{cssxref("unicode-bidi")}} property have been unprefixed ([Firefox bug 1141895](https://bugzil.la/1141895)).
 - In quirks mode, the bullet of a list item now inherits the size of the list, like in standards mode ([Firefox bug 648331](https://bugzil.la/648331)).

From 140c1975ab4918d213b1547a24f0d8628668bf11 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 00:16:44 +0100
Subject: [PATCH 121/790] Neutralize red links (#31296)

---
 files/en-us/mozilla/firefox/releases/37/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/37/index.md b/files/en-us/mozilla/firefox/releases/37/index.md
index aea3d0fc85610f3..fb8186242225238 100644
--- a/files/en-us/mozilla/firefox/releases/37/index.md
+++ b/files/en-us/mozilla/firefox/releases/37/index.md
@@ -23,7 +23,7 @@ Highlights:
 ### CSS
 
 - `display: contents` is now activated by default ([Firefox bug 1102374](https://bugzil.la/1102374) and [Firefox bug 1105369](https://bugzil.la/1105369)).
-- [CSS multi-column layout](/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts) is now working on element with `display: table-caption` ([Firefox bug 1109571](https://bugzil.la/1109571)).
+- [CSS multi-column layout](/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts) is now working on elements with `display: table-caption` ([Firefox bug 1109571](https://bugzil.la/1109571)).
 - Relative positioning (`position: relative`) of table cells has been implemented ([Firefox bug 35168](https://bugzil.la/35168)).
 - The quirks mode behavior of {{cssxref("empty-cells")}} has been removed: it now defaults to `show` like in standard mode ([Firefox bug 1020400](https://bugzil.la/1020400)).
 
@@ -36,7 +36,7 @@ Highlights:
 
 - The {{jsxref("Map")}}, {{jsxref("Set")}}, {{jsxref("WeakMap")}} and {{jsxref("WeakSet")}} constructors now ignore null iterable ([Firefox bug 1092538](https://bugzil.la/1092538)).
 - The {{jsxref("Map")}}, {{jsxref("Set")}}, {{jsxref("WeakMap")}} and {{jsxref("WeakSet")}} constructors now supports monkey-patched `prototype.set` or `prototype.add` ([Firefox bug 804279](https://bugzil.la/804279)).
-- The Non-standard {{jsxref("String.quote","String.prototype.quote()")}} method has been removed ([Firefox bug 1103181](https://bugzil.la/1103181)).
+- The Non-standard `String.prototype.quote()` method has been removed ([Firefox bug 1103181](https://bugzil.la/1103181)).
 - The {{jsxref("RegExp.prototype.flags")}} property has been implemented ([Firefox bug 1108467](https://bugzil.la/1108467)).
 - Several {{jsxref("Array")}} methods have been implemented for [typed arrays](/en-US/docs/Web/JavaScript/Guide/Typed_arrays) as well:
 
@@ -49,7 +49,7 @@ Highlights:
   - The {{jsxref("TypedArray.reverse", "reverse()")}} method ([Firefox bug 1111516](https://bugzil.la/1111516)).
   - The {{jsxref("TypedArray.keys", "keys()")}}, {{jsxref("TypedArray.values", "values()")}}, and {{jsxref("TypedArray.entries", "entries()")}} methods ([Firefox bug 1119217](https://bugzil.la/1119217)).
 
-- ES2015 Proxy {{jsxref("Global_Objects/Proxy/handler/enumerate", "enumerate")}} trap is implemented ([Firefox bug 783829](https://bugzil.la/783829)).
+- The ES2015 {{jsxref("Proxy")}} enumerate trap for [`for...in`](/en-US/docs/Web/JavaScript/Reference/Statements/for...in) statements is implemented ([Firefox bug 783829](https://bugzil.la/783829)).
 - The `configurable` attribute of the {{jsxref("Function.length")}} property is now `true` per the ES2015 specification ([Firefox bug 911142](https://bugzil.la/911142)).
 - The development of [ParallelJS (PJS)](https://web.archive.org/web/20161113115816/http://wiki.ecmascript.org/doku.php?id=strawman:data_parallelism) has been discontinued due to the limited future prospects, little attention and code complexity. The experimental implementation that had been enabled only on the Nightly channel, including the `Array.prototype.mapPar`, `filterPar` and `reducePar` methods, has been completely removed.
 

From 4e4df2e990332d6c8148d6a9ebdc3f3700fe2a02 Mon Sep 17 00:00:00 2001
From: jbilee <128875051+jbilee@users.noreply.github.com>
Date: Wed, 27 Dec 2023 08:56:36 +0900
Subject: [PATCH 122/790] Call super first in custom element constructor
 (#31308)

Switch line order in custom element constructor
---
 .../en-us/web/api/web_components/using_custom_elements/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/web_components/using_custom_elements/index.md b/files/en-us/web/api/web_components/using_custom_elements/index.md
index 1ce9d37b76ea1a2..f9dad4877d2a14c 100644
--- a/files/en-us/web/api/web_components/using_custom_elements/index.md
+++ b/files/en-us/web/api/web_components/using_custom_elements/index.md
@@ -192,8 +192,8 @@ The dashed identifier is just a string preceded by two dashes: in this case we c
 ```js
 class MyCustomElement extends HTMLElement {
   constructor() {
-    this._internals = this.attachInternals();
     super();
+    this._internals = this.attachInternals();
   }
 
   get collapsed() {

From 01fc51e034ef83bd6a0ee9a9f89561e959ec8f40 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 01:10:51 +0100
Subject: [PATCH 123/790] Neutralize expandEntityReferences() links (#31295)

* Neutralize expandEntityReferences() links

* Apply suggestions from code review

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 files/en-us/mozilla/firefox/releases/21/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/21/index.md b/files/en-us/mozilla/firefox/releases/21/index.md
index 8f85de66267501d..54d68c27a31dc29 100644
--- a/files/en-us/mozilla/firefox/releases/21/index.md
+++ b/files/en-us/mozilla/firefox/releases/21/index.md
@@ -37,7 +37,7 @@ Firefox 21 was released on May 14, 2013. This article lists key changes that are
 - Some new keyCodes for ancient keyboard layout such as AS/400 are now supported on Windows and Linux ([Firefox bug 833719](https://bugzil.la/833719)).
 - Various keyCode values for OEM specific keys on Windows are now supported again ([Firefox bug 833719](https://bugzil.la/833719)).
 - The function [`window.crypto.getRandomValues`](/en-US/docs/Web/API/Crypto/getRandomValues) has been implemented ([Firefox bug 440046](https://bugzil.la/440046)).
-- The methods {{domxref("NodeIterator.expandEntityReferences()")}} and {{domxref("TreeWalker.expandEntityReferences()")}}, no more in the latest DOM spec, has been removed ([Firefox bug 672190](https://bugzil.la/672190)).
+- The non-standard methods `NodeIterator.expandEntityReferences()` and `TreeWalker.expandEntityReferences()` have been removed ([Firefox bug 672190](https://bugzil.la/672190)).
 - CSSOM: the method {{domxref("CSSKeyframesRule")}}`.insertRule` has been removed to {{domxref("CSSKeyframesRule")}}`.appendRule` to match a spec change ([Firefox bug 841896](https://bugzil.la/841896)).
 - CSSOM If the given parameter given to {{domxref("CSSStyleSheet.insertRule")}} contains more than one rule, a {{domxref("DOMException")}} with a `SYNTAX_ERR` is now thrown ([Firefox bug 765599](https://bugzil.la/765599)).
 - Until now, when the same headers were repeatedly set with [`XMLHttpRequest.setRequestHeader`](/en-US/docs/Web/API/XMLHttpRequest#setrequestheader), the last-specified value was used. This behavior has been changed to comply with the spec, so those values will be properly combined ([Firefox bug 819051](https://bugzil.la/819051)).

From def5d19048164c6f5e717bac2bdb5eeb3b9ea508 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 01:11:14 +0100
Subject: [PATCH 124/790] Neutralize link to navigator.registerContentHandler()
 (#31294)

* Neutralize link to navigator.registerContentHandler()

* Update files/en-us/mozilla/firefox/releases/2/adding_feed_readers_to_firefox/index.md

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 .../releases/2/adding_feed_readers_to_firefox/index.md      | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/2/adding_feed_readers_to_firefox/index.md b/files/en-us/mozilla/firefox/releases/2/adding_feed_readers_to_firefox/index.md
index 2336ca1f3d2a5ad..02fd88eb58c5ec4 100644
--- a/files/en-us/mozilla/firefox/releases/2/adding_feed_readers_to_firefox/index.md
+++ b/files/en-us/mozilla/firefox/releases/2/adding_feed_readers_to_firefox/index.md
@@ -14,7 +14,7 @@ Starting with Firefox 2, Firefox has support for selecting different RSS or Atom
 
 Support for adding feed readers from the web was removed from the HTML5 spec, and Firefox support is scheduled for removal in Firefox 62. {{Deprecated_Inline}}
 
-In older versions, JavaScript code on the web can add a feed reader easily, using the {{domxref("window.navigator.registerContentHandler", "navigator.registerContentHandler()")}} function, like this:
+In older versions, JavaScript code on the web can add a feed reader using the `navigator.registerContentHandler()` function, like this:
 
 ```js
 navigator.registerContentHandler(
@@ -50,7 +50,3 @@ You can add these preferences by hand, by visiting `about:config`.
 ### Adding a new feed reader application
 
 The easiest way to do this is to use the provided user interface, by using the Feeds panel in the Preferences (or Options, depending on your platform) window.
-
-### See also
-
-- {{ domxref("window.navigator.registerContentHandler()") }}

From f92df19cdf44d4352b89e446dc1b9d1e5addcbe1 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 01:37:28 +0100
Subject: [PATCH 125/790] Fixes a few broken links (#31293)

* Fixes a few broken links

* Fix events

* Apply suggestions from code review

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 files/en-us/web/api/webrtc_api/using_dtmf/index.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/files/en-us/web/api/webrtc_api/using_dtmf/index.md b/files/en-us/web/api/webrtc_api/using_dtmf/index.md
index 752bf80806ebefe..6534be8406630ea 100644
--- a/files/en-us/web/api/webrtc_api/using_dtmf/index.md
+++ b/files/en-us/web/api/webrtc_api/using_dtmf/index.md
@@ -97,7 +97,7 @@ These are, in order:
 - `hasAddTrack`
   - : Because some browsers have not yet implemented {{domxref("RTCPeerConnection.addTrack()")}}, therefore requiring the use of the obsolete {{domxref("RTCPeerConnection.addStream", "addStream()")}} method, we use this Boolean to determine whether or not the user agent supports `addTrack()`; if it doesn't, we'll fall back to `addStream()`. This gets figured out in `connectAndDial()`, as shown in [Starting the connection process](#starting_the_connection_process).
 - `mediaConstraints`
-  - : An object conforming to the {{domxref("MediaConstraints")}} dictionary specifying the constraints to use when starting the connection. We want an audio-only connection, so `video` is `false`, while `audio` is `true`.
+  - : An object specifying the constraints to use when starting the connection. We want an audio-only connection, so `video` is `false`, while `audio` is `true`.
 - `offerOptions`
   - : An object providing options to specify when calling {{domxref("RTCPeerConnection.createOffer()")}}. In this case, we state that we want to receive audio but not video.
 - `dialButton` and `logElement`
@@ -238,7 +238,7 @@ The [`tonechange`](/en-US/docs/Web/API/RTCDTMFSender/tonechange_event) event is
 
 In this example, we log to the screen which tone just finished playing. In a more advanced application, you might update the user interface, for example, to indicate which note is currently playing.
 
-On the other hand, if the tone buffer is empty, our example is designed to disconnect the call. This is done by stopping each stream on both the caller and the receiver by iterating over each `RTCPeerConnection`'s track list (as returned by its {{domxref("RTCPeerConnection.getTracks", "getTracks()")}} method) and calling each track's {{domxref("MediaStreamTrack.stop", "stop()")}} method.
+On the other hand, if the tone buffer is empty, our example is designed to disconnect the call. This is done by stopping each stream on both the caller and the receiver by iterating over each `RTCPeerConnection`'s track list (as returned by its {{domxref("MediaStream.getTracks", "getTracks()")}} method) and calling each track's {{domxref("MediaStreamTrack.stop", "stop()")}} method.
 
 Once both the caller's and the receiver's media tracks are all stopped, we pause the {{HTMLElement("audio")}} element and set its {{domxref("HTMLMediaElement.srcObject", "srcObject")}} to `null`. This detaches the audio stream from the {{HTMLElement("audio")}} element.
 
@@ -369,7 +369,7 @@ If `event.candidate` is `null`, that indicates that there are no more candidates
 
 #### Adding media to the receiver
 
-When the receiver begins to receive media, an event is delivered to the receiver's {{domxref("RTCPeerConnection")}}, `receiverPC`. As explained in [Starting the connection process](#starting_the_connection_process), the current WebRTC specification uses the {{domxref("RTCPeerConnection.track_event", "track")}} event for this, but some browsers haven't been updated to support this yet, so we also need to handle the {{domxref("RTCPeerConnection/addstream_event", "addstream")}} event. The `handleReceiverTrackEvent()` and `handleReceiverAddStreamEvent()` methods, shown below, handle these.
+When the receiver begins to receive media, an event is delivered to the receiver's {{domxref("RTCPeerConnection")}}, `receiverPC`. As explained in [Starting the connection process](#starting_the_connection_process), the current WebRTC specification uses the {{domxref("RTCPeerConnection.track_event", "track")}} event for this. Since some browsers haven't been updated to support this yet, we also need to handle the {{domxref("RTCPeerConnection/addstream_event", "addstream")}} event. This is demonstrated in the `handleReceiverTrackEvent()` and `handleReceiverAddStreamEvent()` methods below.
 
 ```js
 function handleReceiverTrackEvent(event) {
@@ -383,7 +383,7 @@ function handleReceiverAddStreamEvent(event) {
 
 The `track` event includes a {{domxref("RTCTrackEvent.streams", "streams")}} property containing an array of the streams the track is a member of (one track can be part of many streams). We take the first stream and attach it to the {{HTMLElement("audio")}} element.
 
-The `addstream` event includes a {{domxref("RTCTrackEvent.stream", "stream")}} property specifying a single stream added to the track. We attach it to the `<audio>` element.
+The `addstream` event includes a {{domxref("MediaStreamEvent.stream", "stream")}} property specifying a single stream added to the track. We attach it to the `<audio>` element.
 
 #### Logging
 
@@ -397,11 +397,11 @@ function log(msg) {
 
 ### Result
 
-You can try this example here. When you click the "Dial" button, you should see a series of logging messages output, then the dialing will begin. If your browser plays the tones audibly as part of its user experience, you should hear them as they're transmitted.
+You can try this example here. When you click the "Dial" button, you should see a series of logging messages output; then the dialing will begin. If your browser plays the tones audibly as part of its user experience, you should hear them as they're transmitted.
 
 {{ EmbedLiveSample('Simple_example', 600, 500, "", "", "", "microphone") }}
 
-Once transmission of the tones is complete, the connection is closed. You can click "Dial" again to reconnect and send the tones again.
+Once transmission of the tones is complete, the connection is closed. You can click "Dial" again to reconnect and send the tones.
 
 ## See also
 

From 03a7a8710f139c4d69f156120f79e291a8eaf3b1 Mon Sep 17 00:00:00 2001
From: Guilherme Santos <guikemon2@gmail.com>
Date: Wed, 27 Dec 2023 00:18:28 -0300
Subject: [PATCH 126/790] docs: update rawgit link to w3c github (#31313)

---
 files/en-us/web/api/inputevent/inputtype/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/inputevent/inputtype/index.md b/files/en-us/web/api/inputevent/inputtype/index.md
index a82b456f3545f1f..4441756d51b9400 100644
--- a/files/en-us/web/api/inputevent/inputtype/index.md
+++ b/files/en-us/web/api/inputevent/inputtype/index.md
@@ -17,7 +17,7 @@ Possible changes include for example inserting, deleting, and formatting text.
 A string containing the type of input that was made. There are many
 possible values, such as `insertText`, `deleteContentBackward`,
 `insertFromPaste`, and `formatBold`. For a complete list of the
-available input types, see the [Attributes section of the Input Events Level 1 spec](https://rawgit.com/w3c/input-events/v1/index.html#interface-InputEvent-Attributes).
+available input types, see the [Attributes section of the Input Events Level 2 spec](https://w3c.github.io/input-events/#interface-InputEvent-Attributes).
 
 ## Examples
 

From 91fabe1d083578350ff055b52e2c57485e4cc7f5 Mon Sep 17 00:00:00 2001
From: Yiddy <72754770+yiddytlq@users.noreply.github.com>
Date: Wed, 27 Dec 2023 06:06:33 +0000
Subject: [PATCH 127/790] Changed the hyperlink to not be linked to the s of
 polylines (#31321)

* Changed the hyperlink to not be linked to the s of polylines

The hyperlink looked odd with the formatting of polyline not affecting the s while the hyperlink did affect the s

* Update files/en-us/web/svg/tutorial/paths/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/svg/tutorial/paths/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/svg/tutorial/paths/index.md b/files/en-us/web/svg/tutorial/paths/index.md
index 8123120bfc19c48..c5d2aedd840904c 100644
--- a/files/en-us/web/svg/tutorial/paths/index.md
+++ b/files/en-us/web/svg/tutorial/paths/index.md
@@ -10,7 +10,7 @@ page-type: guide
 
 The {{SVGElement('path')}} element is the most powerful element in the SVG library of [basic shapes](/en-US/docs/Web/SVG/Tutorial/Basic_Shapes). It can be used to create lines, curves, arcs, and more.
 
-Paths create complex shapes by combining multiple straight lines or curved lines. Complex shapes composed only of straight lines can be created as [`<polyline>`s](/en-US/docs/Web/SVG/Tutorial/Basic_Shapes#polyline). While `<polyline>`s and `<path>`s can create similar-looking shapes, `<polyline>`s require a lot of small straight lines to simulate curves, and don't scale well to larger sizes.
+Paths create complex shapes by combining multiple straight lines or curved lines. Complex shapes composed only of straight lines can be created as [`<polyline>`](/en-US/docs/Web/SVG/Tutorial/Basic_Shapes#polyline) elements. While `<polyline>` and `<path>` elements can create similar-looking shapes, `<polyline>` elements require a lot of small straight lines to simulate curves and don't scale well to larger sizes.
 
 A good understanding of paths is important when drawing SVGs. While creating complex paths using an XML editor or text editor is not recommended, understanding how they work will allow to identify and repair display issues in SVGs.
 

From c44e6413124a42eb8266530e428518ff1c1e14b1 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 27 Dec 2023 14:07:19 +0800
Subject: [PATCH 128/790] add SecureContext_inline for `Crypto.randomUUID()`
 (#31319)

add SecureContext_inline
---
 files/en-us/web/api/crypto/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/crypto/index.md b/files/en-us/web/api/crypto/index.md
index 09501891b2071ef..3b0256203d6fd5d 100644
--- a/files/en-us/web/api/crypto/index.md
+++ b/files/en-us/web/api/crypto/index.md
@@ -27,7 +27,7 @@ _This interface implements methods defined on {{domxref("Crypto/getRandomValues"
 
 - {{domxref("Crypto.getRandomValues()")}}
   - : Fills the passed {{ jsxref("TypedArray") }} with cryptographically sound random values.
-- {{domxref("Crypto.randomUUID()")}}
+- {{domxref("Crypto.randomUUID()")}} {{SecureContext_inline}}
   - : Returns a randomly generated, 36 character long v4 UUID.
 
 ## Usage notes

From dc2f80a29d09461affa609ee080381c64e60990a Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 27 Dec 2023 14:11:02 +0800
Subject: [PATCH 129/790] add missing item `securitypolicyviolation` in
 `WorkerGlobalScope` (#31318)

* update

* Fires -> Fired

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/api/workerglobalscope/index.md | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/files/en-us/web/api/workerglobalscope/index.md b/files/en-us/web/api/workerglobalscope/index.md
index c60ecb422317f1b..94c3478dcd28130 100644
--- a/files/en-us/web/api/workerglobalscope/index.md
+++ b/files/en-us/web/api/workerglobalscope/index.md
@@ -88,17 +88,19 @@ _This interface inherits methods from the {{domxref("EventTarget")}} interface._
 ## Events
 
 - {{domxref("WorkerGlobalScope/error_event", "error")}}
-  - : Fires when an error occurred.
+  - : Fired when an error occurred.
 - {{domxref("WorkerGlobalScope/languagechange_event", "languagechange")}}
-  - : Fires at the global/worker scope object when the user's preferred languages change.
+  - : Fired at the global/worker scope object when the user's preferred languages change.
 - {{domxref("WorkerGlobalScope/offline_event", "offline")}}
-  - : Fires when the browser has lost access to the network and the value of `navigator.onLine` switched to `false`.
+  - : Fired when the browser has lost access to the network and the value of `navigator.onLine` switched to `false`.
 - {{domxref("WorkerGlobalScope/online_event", "online")}}
-  - : Fires when the browser has gained access to the network and the value of `navigator.onLine` switched to `true`.
+  - : Fired when the browser has gained access to the network and the value of `navigator.onLine` switched to `true`.
 - {{domxref("WorkerGlobalScope/rejectionhandled_event", "rejectionhandled")}}
-  - : Fires on handled {{jsxref("Promise")}} rejection events.
+  - : Fired on handled {{jsxref("Promise")}} rejection events.
+- {{domxref("WorkerGlobalScope/securitypolicyviolation_event", "securitypolicyviolation")}}
+  - : Fired when a [Content Security Policy](/en-US/docs/Web/HTTP/CSP) is violated.
 - {{domxref("WorkerGlobalScope/unhandledrejection_event", "unhandledrejection")}}
-  - : Fires on unhandled {{jsxref("Promise")}} rejection events.
+  - : Fired on unhandled {{jsxref("Promise")}} rejection events.
 
 ## Example
 

From 9260a598b5dfd1ea563e252e6b246c15b3baf4ed Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 27 Dec 2023 14:11:58 +0800
Subject: [PATCH 130/790] add code style for `structuredClone()` (#31317)

fix
---
 files/en-us/mozilla/firefox/releases/103/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/103/index.md b/files/en-us/mozilla/firefox/releases/103/index.md
index c6b07ac5b395f23..2769916c20e6a38 100644
--- a/files/en-us/mozilla/firefox/releases/103/index.md
+++ b/files/en-us/mozilla/firefox/releases/103/index.md
@@ -48,7 +48,7 @@ No notable changes.
 
 ### APIs
 
-- [`ReadableStream`](/en-US/docs/Web/API/ReadableStream), [`WritableStream`](/en-US/docs/Web/API/WritableStream), [`TransformStream`](/en-US/docs/Web/API/TransformStream) are now [Transferable objects](/en-US/docs/Web/API/Web_Workers_API/Transferable_objects), which means that ownership can be transferred when sharing the objects between a window and workers using `postMessage`, or when using [structuredClone()](/en-US/docs/Web/API/structuredClone) to copy an object.
+- [`ReadableStream`](/en-US/docs/Web/API/ReadableStream), [`WritableStream`](/en-US/docs/Web/API/WritableStream), [`TransformStream`](/en-US/docs/Web/API/TransformStream) are now [Transferable objects](/en-US/docs/Web/API/Web_Workers_API/Transferable_objects), which means that ownership can be transferred when sharing the objects between a window and workers using `postMessage`, or when using [`structuredClone()`](/en-US/docs/Web/API/structuredClone) to copy an object.
   After transferring, the original object cannot be used.
   See [Firefox bug 1659025](https://bugzil.la/1659025) for more details.
 

From e1dfa87a88592b55e5dcb95f9433b57af13db56b Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 26 Dec 2023 22:27:15 -0800
Subject: [PATCH 131/790] CSS page: add related module under see also (#31312)

---
 files/en-us/web/css/@import/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/css/@import/index.md b/files/en-us/web/css/@import/index.md
index 5218a5e07ff2f60..3c9a3090b080189 100644
--- a/files/en-us/web/css/@import/index.md
+++ b/files/en-us/web/css/@import/index.md
@@ -159,3 +159,4 @@ This is an example of creating two separate unnamed cascade layers and importing
 
 - {{CSSxRef("@media")}}
 - {{CSSxRef("@supports")}}
+- [CSS cascade and inheritance](/en-US/docs/Web/CSS/CSS_cascade) module

From b8804ffe02350fbcf18e94724101cb4371c4fa61 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 09:03:50 +0100
Subject: [PATCH 132/790] Fix link to HTMLSlotElement (#31331)

---
 files/en-us/mozilla/firefox/releases/93/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/93/index.md b/files/en-us/mozilla/firefox/releases/93/index.md
index 4238e8d983a49f3..884cdeda606b3ff 100644
--- a/files/en-us/mozilla/firefox/releases/93/index.md
+++ b/files/en-us/mozilla/firefox/releases/93/index.md
@@ -42,7 +42,7 @@ This article provides information about the changes in Firefox 93 that will affe
 
 - The {{domxref("Element.securitypolicyviolation_event","onsecuritypolicyviolation")}} global event handler property is now supported.
   This can be used to assign a handler for processing [`securitypolicyviolation`](/en-US/docs/Web/API/Element/securitypolicyviolation_event) events fired when there is a [Content Security Policy](/en-US/docs/Web/HTTP/CSP) violation ([Firefox bug 1727302](https://bugzil.la/1727302)).
-- The `onslotchange` event handler property is now supported on {{domxref("HTMLSlotElement.onslotchange","HTMLSlotElement")}} and {{domxref("ShadowRoot")}}.
+- The `onslotchange` event handler property is now supported on {{domxref("HTMLSlotElement")}} and {{domxref("ShadowRoot")}}.
   This can be used to assign a handler for processing [`slotchange`](/en-US/docs/Web/API/HTMLSlotElement/slotchange_event) events, which are fired on {{HTMLElement("slot")}} elements when the node(s) contained in the slot change ([Firefox bug 1501983](https://bugzil.la/1501983)).
 
 #### Removals

From 04684e84a583e76215f41e39bf8452aac9d2d0ab Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 09:04:22 +0100
Subject: [PATCH 133/790] Remove link to ::-moz-focus-outer (#31330)

---
 files/en-us/mozilla/firefox/releases/81/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/81/index.md b/files/en-us/mozilla/firefox/releases/81/index.md
index 381f3f8a248ae74..2d75698ee1b703b 100644
--- a/files/en-us/mozilla/firefox/releases/81/index.md
+++ b/files/en-us/mozilla/firefox/releases/81/index.md
@@ -32,7 +32,7 @@ This article provides information about the changes in Firefox 81 that will affe
 
 #### Removals
 
-- The non-standard {{CSSxRef("::-moz-focus-outer")}} [pseudo-element](/en-US/docs/Web/CSS/Pseudo-elements) has been removed ([Firefox bug 1655859](https://bugzil.la/1655859)).
+- The non-standard `::-moz-focus-outer` [pseudo-element](/en-US/docs/Web/CSS/Pseudo-elements) has been removed ([Firefox bug 1655859](https://bugzil.la/1655859)).
 
 ### JavaScript
 

From 544dd6ce8693f30eae58d8e387bc4a17c0a975f1 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 09:05:04 +0100
Subject: [PATCH 134/790] Remove link to -moz-touch-enabled media query
 (#31329)

---
 files/en-us/mozilla/firefox/releases/73/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/73/index.md b/files/en-us/mozilla/firefox/releases/73/index.md
index 8117cf47499d21f..849287734fa5211 100644
--- a/files/en-us/mozilla/firefox/releases/73/index.md
+++ b/files/en-us/mozilla/firefox/releases/73/index.md
@@ -25,7 +25,7 @@ _No changes._
 
 #### Removals
 
-- The proprietary [`-moz-touch-enabled`](/en-US/docs/Web/CSS/@media/-moz-touch-enabled) media query has been removed ([Firefox bug 1486964](https://bugzil.la/1486964)). You should use [`pointer: coarse`](/en-US/docs/Web/CSS/@media/pointer) instead.
+- The proprietary `-moz-touch-enabled` media query has been removed ([Firefox bug 1486964](https://bugzil.la/1486964)). You should use [`pointer: coarse`](/en-US/docs/Web/CSS/@media/pointer) instead.
 
 ### SVG
 

From 8d837c2d6de12aa24a45b6344603c210a44f8e90 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 27 Dec 2023 16:06:46 +0800
Subject: [PATCH 135/790] update list for async iterable objects (#31320)

* update

* Apply suggestions from code review

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../reference/global_objects/symbol/asynciterator/index.md      | 2 +-
 .../en-us/web/javascript/reference/iteration_protocols/index.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/symbol/asynciterator/index.md b/files/en-us/web/javascript/reference/global_objects/symbol/asynciterator/index.md
index 849c581d7e968f3..46847651676ee81 100644
--- a/files/en-us/web/javascript/reference/global_objects/symbol/asynciterator/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/symbol/asynciterator/index.md
@@ -47,7 +47,7 @@ When creating an API, remember that async iterables are designed to represent so
 
 ### Built-in async iterables
 
-[`ReadableStream`](/en-US/docs/Web/API/ReadableStream) is the only built-in JavaScript object that has the `Symbol.asyncIterator` method set by default at the time of writing.
+There is no object in the core JavaScript language that is async iterable. Some web APIs, such as {{domxref("ReadableStream")}}, have the `Symbol.asyncIterator` method set by default.
 
 ## Specifications
 
diff --git a/files/en-us/web/javascript/reference/iteration_protocols/index.md b/files/en-us/web/javascript/reference/iteration_protocols/index.md
index 844af530360d96f..5c42e5a54d50c0b 100644
--- a/files/en-us/web/javascript/reference/iteration_protocols/index.md
+++ b/files/en-us/web/javascript/reference/iteration_protocols/index.md
@@ -123,7 +123,7 @@ The language specifies APIs that either produce or consume iterables and iterato
 ### Built-in iterables
 
 {{jsxref("String")}}, {{jsxref("Array")}}, {{jsxref("TypedArray")}}, {{jsxref("Map")}}, {{jsxref("Set")}}, and [`Segments`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter/segment/Segments) (returned by [`Intl.Segmenter.prototype.segment()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter/segment)) are all built-in iterables, because each of their `prototype` objects implements an `@@iterator` method. In addition, the [`arguments`](/en-US/docs/Web/JavaScript/Reference/Functions/arguments) object and some DOM collection types such as {{domxref("NodeList")}} are also iterables.
-[`ReadableStream`](/en-US/docs/Web/API/ReadableStream) is the only built-in async iterable at the time of writing.
+There is no object in the core JavaScript language that is async iterable. Some web APIs, such as {{domxref("ReadableStream")}}, have the `Symbol.asyncIterator` method set by default.
 
 [Generator functions](/en-US/docs/Web/JavaScript/Reference/Statements/function*) return [generator objects](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Generator), which are iterable iterators. [Async generator functions](/en-US/docs/Web/JavaScript/Reference/Statements/async_function*) return [async generator objects](/en-US/docs/Web/JavaScript/Reference/Global_Objects/AsyncGenerator), which are async iterable iterators.
 

From 6f1dc2952fcd0ba946c304b42ba76f376426e548 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 09:13:54 +0100
Subject: [PATCH 136/790] Remove link to JS expression closure syntax (#31328)

* Remove link to non-documented non-standard long-gone JS expression closure syntax

* Update files/en-us/mozilla/firefox/releases/60/index.md
---
 files/en-us/mozilla/firefox/releases/60/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/60/index.md b/files/en-us/mozilla/firefox/releases/60/index.md
index c54efbc305b8ed5..083a696a66517aa 100644
--- a/files/en-us/mozilla/firefox/releases/60/index.md
+++ b/files/en-us/mozilla/firefox/releases/60/index.md
@@ -116,7 +116,7 @@ _No changes._
 
 ### JavaScript
 
-The non-standard [expression closure](/en-US/docs/Web/JavaScript/Reference/Operators/Expression_closures) syntax has been removed ([Firefox bug 1426519](https://bugzil.la/1426519)).
+The non-standard [expression closure](/en-US/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features#statements_2) syntax has been removed ([Firefox bug 1426519](https://bugzil.la/1426519)).
 
 ### APIs
 

From bf4740d653a53aba2c6149f2f3f43c541e1a1d26 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 27 Dec 2023 21:54:53 +0800
Subject: [PATCH 137/790] Add Value section for `HTMLMediaElement.crossOrigin`
 & add links (#31336)

* add value section

* update see also section

* fix
---
 .../api/htmlimageelement/crossorigin/index.md    |  5 +++++
 .../web/api/htmllinkelement/crossorigin/index.md |  5 +++++
 .../api/htmlmediaelement/crossorigin/index.md    | 16 +++++++++++++++-
 3 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/api/htmlimageelement/crossorigin/index.md b/files/en-us/web/api/htmlimageelement/crossorigin/index.md
index 9d13c24e4f889ae..2a40a9af727fe41 100644
--- a/files/en-us/web/api/htmlimageelement/crossorigin/index.md
+++ b/files/en-us/web/api/htmlimageelement/crossorigin/index.md
@@ -120,3 +120,8 @@ output {
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("HTMLLinkElement.crossOrigin")}}
+- {{domxref("HTMLMediaElement.crossOrigin")}}
diff --git a/files/en-us/web/api/htmllinkelement/crossorigin/index.md b/files/en-us/web/api/htmllinkelement/crossorigin/index.md
index c096a7ffe9f1e6c..8fe4bf34138b409 100644
--- a/files/en-us/web/api/htmllinkelement/crossorigin/index.md
+++ b/files/en-us/web/api/htmllinkelement/crossorigin/index.md
@@ -30,3 +30,8 @@ If the `crossOrigin` property is not specified, the resource is fetched without
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("HTMLImageElement.crossOrigin")}}
+- {{domxref("HTMLMediaElement.crossOrigin")}}
diff --git a/files/en-us/web/api/htmlmediaelement/crossorigin/index.md b/files/en-us/web/api/htmlmediaelement/crossorigin/index.md
index 80a1dc3785a5070..401732cfa4cedbd 100644
--- a/files/en-us/web/api/htmlmediaelement/crossorigin/index.md
+++ b/files/en-us/web/api/htmlmediaelement/crossorigin/index.md
@@ -10,6 +10,19 @@ browser-compat: api.HTMLMediaElement.crossOrigin
 
 The **`HTMLMediaElement.crossOrigin`** property is the CORS setting for this media element. See [CORS settings attributes](/en-US/docs/Web/HTML/Attributes/crossorigin) for details.
 
+## Value
+
+A string of a keyword specifying the CORS mode to use when fetching the resource. Possible values are:
+
+- `anonymous` or the empty string (`""`)
+  - : Requests sent by the {{domxref("HTMLMediaElement")}} will use the `cors` {{domxref("Request.mode", "mode", "", "nocode")}} and the `same-origin` {{domxref("Request.credentials", "credentials", "", "nocode")}} mode. This means that CORS is enabled and credentials are sent _if_ the resource is fetched from the same origin from which the document was loaded.
+- `use-credentials`
+  - : Requests sent by the {{domxref("HTMLMediaElement")}} will use the `cors` {{domxref("Request.mode", "mode", "", "nocode")}} and the `include` {{domxref("Request.credentials", "credentials", "", "nocode")}} mode. All resources requests by the element will use CORS, regardless of what domain the fetch is from.
+
+If the `crossOrigin` property is specified with any other value, it is the same as specifing as the `anonymous`.
+
+If the `crossOrigin` property is not specified, the resource is fetched without CORS (the `no-cors` {{domxref("Request.mode", "mode", "", "nocode")}} and the `same-origin` {{domxref("Request.credentials", "credentials", "", "nocode")}} mode).
+
 ## Specifications
 
 {{Specifications}}
@@ -20,4 +33,5 @@ The **`HTMLMediaElement.crossOrigin`** property is the CORS setting for this med
 
 ## See also
 
-- {{domxref("HTMLMediaElement")}}: Interface used to define the `HTMLMediaElement.crossOrigin` property
+- {{domxref("HTMLImageElement.crossOrigin")}}
+- {{domxref("HTMLLinkElement.crossOrigin")}}

From dfb92dc7a9228ad4dc836eb877fe4c608c38be98 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 16:02:49 +0100
Subject: [PATCH 138/790] Remove link to long-gone XForms (#31325)

---
 files/en-us/mozilla/firefox/releases/19/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/19/index.md b/files/en-us/mozilla/firefox/releases/19/index.md
index aa0da7a7feabb45..c55bd9966855ce3 100644
--- a/files/en-us/mozilla/firefox/releases/19/index.md
+++ b/files/en-us/mozilla/firefox/releases/19/index.md
@@ -40,7 +40,7 @@ Firefox 19 was released on February 19, 2013. This article lists key changes tha
 
 ### XForms
 
-Support for [XForms](/en-US/docs/XForms) has been [**removed**](https://www.philipp-wagner.com/blog/2011/07/the-future-of-mozilla-xforms) in Firefox 19.
+Support for XForms has been [**removed**](https://www.philipp-wagner.com/blog/2011/07/the-future-of-mozilla-xforms) in Firefox 19.
 
 ## Changes for add-on and Mozilla developers
 

From a1046c042b1528fa0de12bc5e5a9566eebfff3a8 Mon Sep 17 00:00:00 2001
From: Ilya Streltsyn <streltsyn@icloud.com>
Date: Wed, 27 Dec 2023 20:43:41 +0300
Subject: [PATCH 139/790] Update the `mix-blend-mode` CSS property page: add
 `plus-darker` and `plus-lighter` values (#31095)

* Add `plus-darker` and `plus-lighter` values to the "Values" section

Add two recently added values to the "Values" section. The `plus-lighter` value is already mentioned in the compat table

* fix a typo

* Add plus-darker and plus-lighter to the example section

* Add links to the spec as suggested in code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 files/en-us/web/css/mix-blend-mode/index.md | 64 +++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/files/en-us/web/css/mix-blend-mode/index.md b/files/en-us/web/css/mix-blend-mode/index.md
index 805d93d73084b54..765ffcca4eb42fe 100644
--- a/files/en-us/web/css/mix-blend-mode/index.md
+++ b/files/en-us/web/css/mix-blend-mode/index.md
@@ -31,6 +31,8 @@ mix-blend-mode: hue;
 mix-blend-mode: saturation;
 mix-blend-mode: color;
 mix-blend-mode: luminosity;
+mix-blend-mode: plus-darker;
+mix-blend-mode: plus-lighter;
 
 /* Global values */
 mix-blend-mode: inherit;
@@ -44,6 +46,10 @@ mix-blend-mode: unset;
 
 - {{cssxref("&lt;blend-mode&gt;")}}
   - : The blending mode that should be applied.
+- `plus-darker`
+  - : Blending using the [_plus-darker_ compositing operator](https://drafts.fxtf.org/compositing/#porterduffcompositingoperators_plus_darker).
+- `plus-lighter`
+  - : Blending using the [_plus-lighter_ compositing operator](https://drafts.fxtf.org/compositing/#porterduffcompositingoperators_plus_lighter). Useful for cross-fade effects (prevents unwanted blinking when two overlaying elements animate their opacity in opposite directions).
 
 ## Formal definition
 
@@ -286,6 +292,32 @@ mix-blend-mode: unset;
           </div>
         </div>
       </div>
+      <div class="cell">
+        plus-darker
+        <div class="container plus-darker">
+          <div class="group">
+            <div class="item firefox"></div>
+            <svg class="item" viewBox="0 0 150 150">
+              <ellipse class="item R" cx="75" cy="75" rx="25" ry="70"></ellipse>
+              <ellipse class="item G" cx="75" cy="75" rx="25" ry="70"></ellipse>
+              <ellipse class="item B" cx="75" cy="75" rx="25" ry="70"></ellipse>
+            </svg>
+          </div>
+        </div>
+      </div>
+      <div class="cell">
+        plus-lighter
+        <div class="container plus-lighter">
+          <div class="group">
+            <div class="item firefox"></div>
+            <svg class="item" viewBox="0 0 150 150">
+              <ellipse class="item R" cx="75" cy="75" rx="25" ry="70"></ellipse>
+              <ellipse class="item G" cx="75" cy="75" rx="25" ry="70"></ellipse>
+              <ellipse class="item B" cx="75" cy="75" rx="25" ry="70"></ellipse>
+            </svg>
+          </div>
+        </div>
+      </div>
     </div>
 
     <div class="note">Blending globally (blend with the background)</div>
@@ -498,6 +530,32 @@ mix-blend-mode: unset;
           </div>
         </div>
       </div>
+      <div class="cell">
+        plus-darker
+        <div class="container plus-darker">
+          <div class="group">
+            <div class="item firefox"></div>
+            <svg class="item" viewBox="0 0 150 150">
+              <ellipse class="item R" cx="75" cy="75" rx="25" ry="70"></ellipse>
+              <ellipse class="item G" cx="75" cy="75" rx="25" ry="70"></ellipse>
+              <ellipse class="item B" cx="75" cy="75" rx="25" ry="70"></ellipse>
+            </svg>
+          </div>
+        </div>
+      </div>
+      <div class="cell">
+        plus-lighter
+        <div class="container plus-lighter">
+          <div class="group">
+            <div class="item firefox"></div>
+            <svg class="item" viewBox="0 0 150 150">
+              <ellipse class="item R" cx="75" cy="75" rx="25" ry="70"></ellipse>
+              <ellipse class="item G" cx="75" cy="75" rx="25" ry="70"></ellipse>
+              <ellipse class="item B" cx="75" cy="75" rx="25" ry="70"></ellipse>
+            </svg>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>
@@ -632,6 +690,12 @@ body {
 .luminosity .item {
   mix-blend-mode: luminosity;
 }
+.plus-darker .item {
+  mix-blend-mode: plus-darker;
+}
+.plus-lighter .item {
+  mix-blend-mode: plus-lighter;
+}
 ```
 
 {{EmbedLiveSample("Effect_of_different_mix-blend-mode_values", "100%", "1600px")}}

From 757c1c8d9bdcb1f83f1805160d595995847a4928 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 21:31:42 +0100
Subject: [PATCH 140/790] Delete empty WebRTC high-level_guide (#31348)

* Delete empty WebRTC high-level_guide

* Fix redirect
---
 files/en-us/_redirects.txt                          |  1 +
 files/en-us/_wikihistory.json                       |  4 ----
 .../web/api/webrtc_api/high-level_guide/index.md    | 13 -------------
 3 files changed, 1 insertion(+), 17 deletions(-)
 delete mode 100644 files/en-us/web/api/webrtc_api/high-level_guide/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 5d8ef11ed70fe14..6f854a548b1670d 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -10058,6 +10058,7 @@
 /en-US/docs/Web/API/WebRTC_API/Architecture	/en-US/docs/Web/API/WebRTC_API/Protocols
 /en-US/docs/Web/API/WebRTC_API/Architecture/Connectivity	/en-US/docs/Web/API/WebRTC_API/Connectivity
 /en-US/docs/Web/API/WebRTC_API/Architecture/Protocols	/en-US/docs/Web/API/WebRTC_API/Protocols
+/en-US/docs/Web/API/WebRTC_API/High-level_guide	/en-US/docs/Web/API/WebRTC_API
 /en-US/docs/Web/API/WebRTC_API/Interface_overview	/en-US/docs/Web/API/WebRTC_API#WebRTC_concepts_and_usage
 /en-US/docs/Web/API/WebRTC_API/Introduction	/en-US/docs/Web/API/WebRTC_API
 /en-US/docs/Web/API/WebRTC_API/Overview	/en-US/docs/Web/API/WebRTC_API#WebRTC_concepts_and_usage
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 37748c7c47d413c..9c8223cc18ce3b1 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -65026,10 +65026,6 @@
       "chrisdavidmills"
     ]
   },
-  "Web/API/WebRTC_API/High-level_guide": {
-    "modified": "2019-03-23T22:47:43.736Z",
-    "contributors": ["Sheppy"]
-  },
   "Web/API/WebRTC_API/Intro_to_RTP": {
     "modified": "2019-03-18T21:41:44.636Z",
     "contributors": ["Sheppy"]
diff --git a/files/en-us/web/api/webrtc_api/high-level_guide/index.md b/files/en-us/web/api/webrtc_api/high-level_guide/index.md
deleted file mode 100644
index 7bcb360fd309683..000000000000000
--- a/files/en-us/web/api/webrtc_api/high-level_guide/index.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: High-level guides
-slug: Web/API/WebRTC_API/High-level_guide
-page-type: guide
----
-
-[WebRTC](/en-US/docs/Web/API/WebRTC_API) (Web Real-Time Communications) is a broad, multi-component system for setting up and operating complex audio, video, and data channels across networks among two or more peers on the Web. The high-level guides listed below introduce WebRTC technology from a top-down perspective, describing the overall architecture, the life cycle of a WebRTC connection, and basic security and technological issues you might run into as you explore and build Web content or apps using the WebRTC API.
-
-In addition, you'll find suggestions as to tools, libraries, and frameworks that might be helpful and compatibility information so you know which parts of the overall suite of WebRTC features can be safely used given your target audience.
-
-{{LandingPageListSubpages}}
-
-When you're ready to explore WebRTC in more depth, be sure to take a look at our [Low-level guide to WebRTC](/en-US/docs/Web/API/WebRTC_API/Low-level_guide).

From 1a9aa33c8071362dec1426e7e45b587bd472d559 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 21:32:42 +0100
Subject: [PATCH 141/790] Remove mention of a dictionary (#31343)

---
 files/en-us/web/api/staticrange/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/staticrange/index.md b/files/en-us/web/api/staticrange/index.md
index dde8c3cf01a461a..04e07c4a6f5092c 100644
--- a/files/en-us/web/api/staticrange/index.md
+++ b/files/en-us/web/api/staticrange/index.md
@@ -18,14 +18,14 @@ This interface offers the same set of properties and methods as `AbstractRange`.
 ## Constructor
 
 - {{domxref("StaticRange.StaticRange", "StaticRange()")}}
-  - : Creates a new `StaticRange` object given the {{domxref("StaticRangeInit")}} dictionary specifying the default values for its properties.
+  - : Creates a new `StaticRange` object given options specifying the default values for its properties.
 
 ## Instance properties
 
 _The properties below are inherited from its parent interface, {{domxref("AbstractRange")}}._
 
 - {{domxref("StaticRange.collapsed")}} {{ReadOnlyInline}}
-  - : Returns a Boolean value which is `true` if the range's start and end positions are the same, resulting in a range of length 0.
+  - : Returns a Boolean value that is `true` if the range's start and end positions are the same, resulting in a range of length 0.
 - {{domxref("StaticRange.endContainer")}} {{ReadOnlyInline}}
   - : Returns the DOM {{domxref("Node")}} which contains the ending point of the range. The offset into the node at which the end position is located is indicated by `endOffset`.
 - {{domxref("StaticRange.endOffset")}} {{ReadOnlyInline}}

From 3d18ccd007de9be58183c0399704717facab8960 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 21:33:16 +0100
Subject: [PATCH 142/790] Display -> VRDisplay (#31346)

---
 files/en-us/web/api/vrdisplaycapabilities/maxlayers/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/vrdisplaycapabilities/maxlayers/index.md b/files/en-us/web/api/vrdisplaycapabilities/maxlayers/index.md
index a8a4d2fe48027b3..bd3c5065851c151 100644
--- a/files/en-us/web/api/vrdisplaycapabilities/maxlayers/index.md
+++ b/files/en-us/web/api/vrdisplaycapabilities/maxlayers/index.md
@@ -11,7 +11,7 @@ browser-compat: api.VRDisplayCapabilities.maxLayers
 
 {{APIRef("WebVR API")}}{{Deprecated_Header}}{{Non-standard_Header}}
 
-The **`maxLayers`** read-only property of the {{domxref("VRDisplayCapabilities")}} interface returns a number indicating the maximum number of {{domxref("VRLayerInit")}}s that the VR display can present at once (e.g. the maximum length of the array that {{domxref("Display.requestPresent()")}} can accept.)
+The **`maxLayers`** read-only property of the {{domxref("VRDisplayCapabilities")}} interface returns a number indicating the maximum number of {{domxref("VRLayerInit")}}s that the VR display can present at once (e.g. the maximum length of the array that {{domxref("VRDisplay.requestPresent()")}} can accept.)
 
 > **Note:** This property was part of the old [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/). It has been superseded by the [WebXR Device API](https://immersive-web.github.io/webxr/).
 

From 1388b0f9f28a9b68d7ca18cb2a6ab99a8cce0f01 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 21:33:53 +0100
Subject: [PATCH 143/790] Fix broken link (missing interface name) (#31345)

---
 files/en-us/web/api/vrdisplay/submitframe/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/vrdisplay/submitframe/index.md b/files/en-us/web/api/vrdisplay/submitframe/index.md
index bdfb39baeb32e91..6a351c88ce74a78 100644
--- a/files/en-us/web/api/vrdisplay/submitframe/index.md
+++ b/files/en-us/web/api/vrdisplay/submitframe/index.md
@@ -15,7 +15,7 @@ The **`submitFrame()`** method of the {{domxref("VRDisplay")}} interface capture
 
 > **Note:** This method was part of the old [WebVR API](https://immersive-web.github.io/webvr/spec/1.1/). It has been superseded by the [WebXR Device API](https://immersive-web.github.io/webxr/).
 
-The frame should subsequently be rendered using the {{domxref("VRPose")}} and matrices provided by the last call to {{domxref("getFrameData()")}}.
+The frame should subsequently be rendered using the {{domxref("VRPose")}} and matrices provided by the last call to {{domxref("VRDisplay.getFrameData()", "getFrameData()")}}.
 
 ## Syntax
 

From 99f9cb2379675f3ee891373371d9f69283b2a060 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 21:34:58 +0100
Subject: [PATCH 144/790] VideoData -> VideoFrame (#31344)

* VideoData -> VideoFrame

* Fix link
---
 files/en-us/web/api/videoframe/clone/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/videoframe/clone/index.md b/files/en-us/web/api/videoframe/clone/index.md
index eb56d4baddb1fb6..6ca98294ee81798 100644
--- a/files/en-us/web/api/videoframe/clone/index.md
+++ b/files/en-us/web/api/videoframe/clone/index.md
@@ -8,7 +8,7 @@ browser-compat: api.VideoFrame.clone
 
 {{APIRef("Web Codecs API")}}
 
-The **`clone()`** method of the {{domxref("VideoFrame")}} interface creates a new `VideoFrame` object with reference to the same media resource as the original.
+The **`clone()`** method of the {{domxref("VideoFrame")}} interface creates a new `VideoFrame` object referencing the same media resource as the original.
 
 ## Syntax
 
@@ -22,7 +22,7 @@ None.
 
 ### Return value
 
-The cloned {{domxref("VideoData")}} object.
+A new cloned {{domxref("VideoFrame")}} object.
 
 ### Exceptions
 

From a8d01530744136340b1054ee3aec60df69a5fcd2 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 21:36:05 +0100
Subject: [PATCH 145/790] Remove HTML comment from page (#31341)

---
 files/en-us/web/api/rtcrtpreceiver/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/rtcrtpreceiver/index.md b/files/en-us/web/api/rtcrtpreceiver/index.md
index 686c60b2562b3a0..fd60a77667241ff 100644
--- a/files/en-us/web/api/rtcrtpreceiver/index.md
+++ b/files/en-us/web/api/rtcrtpreceiver/index.md
@@ -16,7 +16,7 @@ The **`RTCRtpReceiver`** interface of the [WebRTC API](/en-US/docs/Web/API/WebRT
 - {{domxref("RTCRtpReceiver.transport")}} {{ReadOnlyInline}}
   - : Returns the {{domxref("RTCDtlsTransport")}} instance over which the media for the receiver's track is received.
 - {{domxref("RTCRtpReceiver.transform")}}
-  - : An {{domxref("RTCRtpScriptTransform")}}<!-- or {{domxref("SFrameTransform")}} --> is used to insert a transform stream ({{domxref("TransformStream")}}) running in a worker thread into the receiver pipeline, allowing stream transforms to be applied to incoming encoded video and audio frames.
+  - : An {{domxref("RTCRtpScriptTransform")}} is used to insert a transform stream ({{domxref("TransformStream")}}) running in a worker thread into the receiver pipeline, allowing stream transforms to be applied to incoming encoded video and audio frames.
 
 ### Obsolete properties
 

From 516bd7484dff8e05a9c6ec4e1e96a26b680a6d7c Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 21:38:52 +0100
Subject: [PATCH 146/790] Fix link to the message property on the RTCError
 interface (#31340)

---
 files/en-us/web/api/rtcerror/errordetail/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/rtcerror/errordetail/index.md b/files/en-us/web/api/rtcerror/errordetail/index.md
index 11bf6f96e7e521a..4e80743d627bc17 100644
--- a/files/en-us/web/api/rtcerror/errordetail/index.md
+++ b/files/en-us/web/api/rtcerror/errordetail/index.md
@@ -20,7 +20,7 @@ occurred on an {{domxref("RTCPeerConnection")}}. The possible values are:
   - : The connection's {{domxref("RTCDataChannel")}} has failed.
 - `dtls-failure`
   - : The negotiation of the {{Glossary("DTLS")}} connection failed, or the connection was
-    terminated with a fatal error. The error's {{domxref("RTCError.message", "message")}}
+    terminated with a fatal error. The error's {{domxref("DOMException.message", "message")}}
     contains details about the nature of the error. If a fatal error is _received_,
     the error object's {{domxref("RTCError.receivedAlert", "receivedAlert")}} property is
     set to the value of the DTLSL alert received. If, on the other hand, a fatal error was

From 9ba19f9c4c3eb3d68d76d1f2cdc9f30e006cc495 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 27 Dec 2023 22:47:04 +0100
Subject: [PATCH 147/790] Remove link to non-standard, non-web-exposed
 moz-prefixed CSS features (#31353)

* Remove link to non-standard, non-web-exposed moz-prefixed CSS features

* Update files/en-us/mozilla/firefox/releases/64/index.md

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 files/en-us/mozilla/firefox/releases/64/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/64/index.md b/files/en-us/mozilla/firefox/releases/64/index.md
index e8d078406290ba4..025c3a700e2774e 100644
--- a/files/en-us/mozilla/firefox/releases/64/index.md
+++ b/files/en-us/mozilla/firefox/releases/64/index.md
@@ -48,8 +48,8 @@ _No changes._
 
 #### Removals
 
-- The non-standard [`-moz-box` and `-moz-inline-box`](/en-US/docs/Mozilla/Gecko/Chrome/CSS/display-xul) {{CSSxRef("display")}} values have been hidden from web content ([Firefox bug 1496961](https://bugzil.la/1496961)).
-- The non-standard {{CSSxRef("::-moz-tree")}} [pseudo-elements](/en-US/docs/Web/CSS/Pseudo-elements) have been hidden from web content ([Firefox bug 1496961](https://bugzil.la/1496961)).
+- The non-standard `-moz-box` and `-moz-inline-box` {{CSSxRef("display")}} values have been hidden from web content ([Firefox bug 1496961](https://bugzil.la/1496961)).
+- The non-standard `::-moz-tree` [pseudo-element](/en-US/docs/Web/CSS/Pseudo-elements) has been hidden from web content ([Firefox bug 1496961](https://bugzil.la/1496961)).
 - The `layout.css.filters.enabled` preference has been removed; [CSS filters](/en-US/docs/Web/CSS/CSS_filter_effects) can no longer be disabled ([Firefox bug 1408841](https://bugzil.la/1408841)).
 - A previous change — to swap the values of the 2-value {{cssxref("overflow")}} syntax so block is specified first and inline second ([Firefox bug 1481866](https://bugzil.la/1481866)) — has been reverted ([Firefox bug 1492567](https://bugzil.la/1492567)). See [Bug 1481866 comment 14](https://bugzil.la/1481866#c14) for why.
 

From 53e0960374287d5177a61937b698a38bc9a3608e Mon Sep 17 00:00:00 2001
From: Matt DeCamp <matt@mattdecamp.com>
Date: Wed, 27 Dec 2023 17:57:55 -0500
Subject: [PATCH 148/790] Removed type requirements for calc operators (#31354)

Per Issue #29628: I removed the sentences referencing type requirements for the `*` and `/` operators, to match `calc()` specifications.
---
 files/en-us/web/css/calc/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/calc/index.md b/files/en-us/web/css/calc/index.md
index af03ed97eb88c13..01140d17151a9d8 100644
--- a/files/en-us/web/css/calc/index.md
+++ b/files/en-us/web/css/calc/index.md
@@ -25,9 +25,9 @@ The `calc()` function takes a single expression as its parameter, and the expres
 - `-`
   - : Subtracts the second operand from the first operand.
 - `*`
-  - : Multiplies the specified operands. At least one of the operands must be a {{cssxref("&lt;number&gt;")}}.
+  - : Multiplies the specified operands.
 - `/`
-  - : Divides the left-side operand (dividend) by the right-side operand (divisor). The right-hand operand, the divisor, must be a {{cssxref("&lt;number&gt;")}}.
+  - : Divides the left-side operand (dividend) by the right-side operand (divisor).
 
 All operands, except those of type {{cssxref("&lt;number&gt;")}}, must be suffixed with an appropriate unit string, such as `px`, `em`, or `%`. You can use a different unit with each each operand in your expression. You may also use parentheses to establish computation order when needed.
 

From 3048f8c782634c5ca9f6deebd8e7822fdda34a9f Mon Sep 17 00:00:00 2001
From: rebloor <git@sherpa.co.nz>
Date: Thu, 28 Dec 2023 12:42:53 +1300
Subject: [PATCH 149/790] CustomEvent note re sharing objects (#31168)

---
 files/en-us/web/api/customevent/index.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/web/api/customevent/index.md b/files/en-us/web/api/customevent/index.md
index fa5c242d78439dc..076905beed2a013 100644
--- a/files/en-us/web/api/customevent/index.md
+++ b/files/en-us/web/api/customevent/index.md
@@ -9,6 +9,8 @@ browser-compat: api.CustomEvent
 
 The **`CustomEvent`** interface represents events initialized by an application for any purpose.
 
+> **Note:** If used to attempt to communicate between a web extension content script and a web page script, a non-string `detail` property throws with "Permission denied to access property" in Firefox. To avoid this issue clone the object. See [Share objects with page scripts](/en-US/docs/Mozilla/Add-ons/WebExtensions/Sharing_objects_with_page_scripts) for more information.
+
 {{AvailableInWorkers}}
 
 {{InheritanceDiagram}}

From a46e0193e9fbc623ffe3cb34b3fbe8b53c00a90a Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Thu, 28 Dec 2023 02:16:36 +0100
Subject: [PATCH 150/790] Remove mention of IDBDatabase.setVersion() (#31339)

---
 files/en-us/web/api/idbtransaction/mode/index.md | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/idbtransaction/mode/index.md b/files/en-us/web/api/idbtransaction/mode/index.md
index addf6e959ae7bf2..7ca25f62831eed7 100644
--- a/files/en-us/web/api/idbtransaction/mode/index.md
+++ b/files/en-us/web/api/idbtransaction/mode/index.md
@@ -28,10 +28,9 @@ The following values are available:
 - `readwrite`
   - : Allows reading and writing of data in existing data stores to be changed.
 - `versionchange`
-  - : Allows any operation to be performed, including ones that delete and
+  - : Allows any operation, including ones that delete and
     create object stores and indexes.
-    This mode is for updating the version number of transactions
-    that were started using {{domxref("IDBDatabase.setVersion()")}}.
+    This mode is for updating the version number of transactions if the need is detected when calling {{domxref("IDBFactory.open()")}}.
     Transactions of this mode cannot run concurrently with other transactions.
     Transactions in this mode are known as _upgrade transactions_.
 

From a14ea10f1670f4d3c6898f80f327ebed2fcea7f9 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Thu, 28 Dec 2023 02:17:17 +0100
Subject: [PATCH 151/790] Remove HTML comment (#31350)

---
 files/en-us/web/api/webtransport/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/web/api/webtransport/index.md b/files/en-us/web/api/webtransport/index.md
index 597d2f3af7300be..62b6099dcb6cffc 100644
--- a/files/en-us/web/api/webtransport/index.md
+++ b/files/en-us/web/api/webtransport/index.md
@@ -35,8 +35,6 @@ The **`WebTransport`** interface of the {{domxref("WebTransport API", "WebTransp
 - {{domxref("WebTransport.reliability", "reliability")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns a string that indicates whether the connection supports reliable transports only, or whether it also supports unreliable transports (such as UDP).
 
-<!-- {{domxref("WebTransport.draining", "draining")}} {{ReadOnlyInline}} {{Experimental_Inline}} : Returns a promise that resolves if a server wants the client to gracefully close the connection. -->
-
 ## Instance methods
 
 - {{domxref("WebTransport.close", "close()")}}

From 53179e780692070cd91b95567bc8f2a11b527672 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Thu, 28 Dec 2023 02:20:17 +0100
Subject: [PATCH 152/790] Fix broken links (#31352)

---
 files/en-us/mozilla/firefox/releases/43/index.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/43/index.md b/files/en-us/mozilla/firefox/releases/43/index.md
index d21bcd4dafdd6c4..13bd751ed584102 100644
--- a/files/en-us/mozilla/firefox/releases/43/index.md
+++ b/files/en-us/mozilla/firefox/releases/43/index.md
@@ -28,7 +28,7 @@ Highlights:
 
 - Support for the standard, unprefixed version of {{Cssxref("hyphens")}} has been landed ([Firefox bug 953408](https://bugzil.la/953408)).
 - The shorthand property {{cssxref("font")}} has been updated to accept {{cssxref("font-stretch")}} values ([Firefox bug 1057680](https://bugzil.la/1057680)).
-- To match a latest evolution of the specification, the {{cssxref(":fullscreen")}} pseudo-class now selects the whole stack of elements in full screen, and not only the top-level one ([Firefox bug 1199522](https://bugzil.la/1199522)).
+- To match the latest evolution of the specification, the {{cssxref(":fullscreen")}} pseudo-class now selects the whole stack of elements in full screen, and not only the top-level one ([Firefox bug 1199522](https://bugzil.la/1199522)).
 - The deprecated SVG values for the {{cssxref("writing-mode")}}, `lr`, `lr-tb`, `rl`, `tb`, and `tb-rl`, have been added in CSS as aliases to standard properties ([Firefox bug 1205787](https://bugzil.la/1205787)).
 
 ### HTML
@@ -77,13 +77,13 @@ _No change._
 - The [Battery Status API](/en-US/docs/Web/API/Battery_Status_API) now uses the new promise syntax for {{domxref("Navigator.getBattery()")}}, as specified in the recent evolution of the specification ([Firefox bug 1050749](https://bugzil.la/1050749)).
 - The `User-Agent` header is no longer in the list of {{Glossary("Forbidden_header_name", "forbidden header names")}} so it can now be set in a [Fetch](/en-US/docs/Web/API/Fetch_API) {{domxref("Headers")}} object, via XHR {{domxref("XMLHttpRequest.setRequestHeader()")}},… ([Firefox bug 1188932](https://bugzil.la/1188932)).
 - The {{domxref("MediaRecorder.MediaRecorder", "MediaRecorder()")}} constructor can now accept an options dictionary as a parameter, which allows you to set custom bitrates for the audio/video to be recorded ([Firefox bug 1161276](https://bugzil.la/1161276)).
-- The {{domxref("PerformanceObserver")}} interface, belonging to the [Performance Timeline API](/en-US/docs/Web/API/Performance_Timeline_API) has been implemented ([Firefox bug 1165796](https://bugzil.la/1165796)).
-- The Frame Timing API has been added: the {{domxref("PerformanceRenderTiming")}} and {{domxref("PerformanceCompositeTiming")}} interfaces are now available ([Firefox bug 1191178](https://bugzil.la/1191178)).
-- The modern [Screen Orientation API](/en-US/docs/Web/API/Screen_Orientation_API) has been implemented: unprefixed {{domxref("Screen.orientation")}} and the {{domxref("ScreenOrientation")}} interface are now available ([Firefox bug 1131470](https://bugzil.la/1131470)). The non-standard {{domxref("Screen.mozOrientation")}}, {{domxref("Screen.onmozorientationchange")}}, {{domxref("Screen.mozLockOrientation()")}}, and {{domxref("Screen.mozUnlockOrientation()")}} will be removed in the future.
+- The {{domxref("PerformanceObserver")}} interface, belonging to the [Performance APIs](/en-US/docs/Web/API/Performance_API) has been implemented ([Firefox bug 1165796](https://bugzil.la/1165796)).
+- The Frame Timing API has been added: the `PerformanceRenderTiming` and `PerformanceCompositeTiming` interfaces are now available ([Firefox bug 1191178](https://bugzil.la/1191178)).
+- The modern [Screen Orientation API](/en-US/docs/Web/API/Screen_Orientation_API) has been implemented: unprefixed {{domxref("Screen.orientation")}} and the {{domxref("ScreenOrientation")}} interface are now available ([Firefox bug 1131470](https://bugzil.la/1131470)). The non-standard `Screen.mozOrientation`, `Screen.onmozorientationchange`, `Screen.mozLockOrientation()`, and `Screen.mozUnlockOrientation()` will be removed in the future.
 - Under Linux, like under Windows, {{domxref("Event.timeStamp")}} now returns a {{domxref("DOMHighResTimeStamp")}} ([Firefox bug 1026803](https://bugzil.la/1026803)).
-- Experimental support for {{domxref("Selection")}} events {{domxref("Document/selectionchange_event", "selectionchange")}} and {{domxref("Node/selectstart_event", "selectstart")}}, as well as the {{domxref("Document.selectionchange_event", "Document.onselectionchange")}} and {{domxref("HTMLInputElement.onselectstart")}} event handlers property has been added ([Firefox bug 571294](https://bugzil.la/571294)). The `selectionchange` event is fired on the {{domxref("Document")}} if the associated `Selection` object is concerned, or on the specific {{domxref("HTMLInputElement")}} or {{domxref("HTMLTextAreaElement")}} ([Firefox bug 1196479](https://bugzil.la/1196479)). This feature is controlled by the `dom.select_events.enabled` preference, that defaults to `false`, except on Nightly.
+- Experimental support for {{domxref("Selection")}} events {{domxref("Document/selectionchange_event", "selectionchange")}} and {{domxref("Node/selectstart_event", "selectstart")}}, as well as the {{domxref("Document.selectionchange_event", "Document.onselectionchange")}} and {{domxref("Node/selectstart_event", "HTMLInputElement.onselectstart")}} event handlers property has been added ([Firefox bug 571294](https://bugzil.la/571294)). The `selectionchange` event is fired on the {{domxref("Document")}} if the associated `Selection` object is concerned, or on the specific {{domxref("HTMLInputElement")}} or {{domxref("HTMLTextAreaElement")}} ([Firefox bug 1196479](https://bugzil.la/1196479)). This feature is controlled by the `dom.select_events.enabled` preference, which defaults to `false`, except on Nightly.
 - Support for {{domxref("MouseEvent.offsetX")}} and {{domxref("MouseEvent.offsetY")}} have been activated on Firefox for Android and Firefox OS ([Firefox bug 1204841](https://bugzil.la/1204841)).
-- The {{domxref("HTMLCanvasElement.mozFetchAsStream()")}} method has been removed ([Firefox bug 1206030](https://bugzil.la/1206030)).
+- The `HTMLCanvasElement.mozFetchAsStream()` method has been removed ([Firefox bug 1206030](https://bugzil.la/1206030)).
 - The constructor {{domxref("Request.Request", "Request()")}} as well as {{domxref("fetch()")}} will now raise a {{jsxref("TypeError")}} exception when used with a URL containing a username and password ([Firefox bug 1195820](https://bugzil.la/1195820)).
 
 ### MathML

From 7140c78b686ff9dd56ac493a1501d647f1bc7ca2 Mon Sep 17 00:00:00 2001
From: Iryna Slynko <53280378+Iryna-Slynko@users.noreply.github.com>
Date: Thu, 28 Dec 2023 05:54:54 +0000
Subject: [PATCH 153/790] Change the non-existent SET HTTP verb by PUT (#31356)

There is no such HTTP verb as 'SET'
---
 .../learn/server-side/express_nodejs/introduction/index.md      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/server-side/express_nodejs/introduction/index.md b/files/en-us/learn/server-side/express_nodejs/introduction/index.md
index de40727c7ad7f6c..5df170e1dacf76a 100644
--- a/files/en-us/learn/server-side/express_nodejs/introduction/index.md
+++ b/files/en-us/learn/server-side/express_nodejs/introduction/index.md
@@ -130,7 +130,7 @@ Express is unopinionated. You can insert almost any compatible middleware you li
 
 In a traditional data-driven website, a web application waits for HTTP requests from the web browser (or other client). When a request is received the application works out what action is needed based on the URL pattern and possibly associated information contained in `POST` data or `GET` data. Depending on what is required it may then read or write information from a database or perform other tasks required to satisfy the request. The application will then return a response to the web browser, often dynamically creating an HTML page for the browser to display by inserting the retrieved data into placeholders in an HTML template.
 
-Express provides methods to specify what function is called for a particular HTTP verb (`GET`, `POST`, `SET`, etc.) and URL pattern ("Route"), and methods to specify what template ("view") engine is used, where template files are located, and what template to use to render a response. You can use Express middleware to add support for cookies, sessions, and users, getting `POST`/`GET` parameters, etc. You can use any database mechanism supported by Node (Express does not define any database-related behavior).
+Express provides methods to specify what function is called for a particular HTTP verb (`GET`, `POST`, `PUT`, etc.) and URL pattern ("Route"), and methods to specify what template ("view") engine is used, where template files are located, and what template to use to render a response. You can use Express middleware to add support for cookies, sessions, and users, getting `POST`/`GET` parameters, etc. You can use any database mechanism supported by Node (Express does not define any database-related behavior).
 
 The following sections explain some of the common things you'll see when working with _Express_ and _Node_ code.
 

From fea66451c014ca83cbb4b1029d415a171238f74e Mon Sep 17 00:00:00 2001
From: jimmonte <33158815+jimmonte@users.noreply.github.com>
Date: Thu, 28 Dec 2023 00:56:52 -0500
Subject: [PATCH 154/790] Fixed typo: an-> any (#31360)

Fixed typo an-> any

minor typo in text
---
 files/en-us/web/css/--_star_/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/--_star_/index.md b/files/en-us/web/css/--_star_/index.md
index 625784040e31154..8144a9193ef586d 100644
--- a/files/en-us/web/css/--_star_/index.md
+++ b/files/en-us/web/css/--_star_/index.md
@@ -22,7 +22,7 @@ Custom properties are scoped to the element(s) they are declared on, and partici
 ```
 
 - `<declaration-value>`
-  - : This value matches any sequence of one or more tokens, so long as the sequence does not contain an disallowed token. It represents the entirety of what a valid declaration can have as its value.
+  - : This value matches any sequence of one or more tokens, so long as the sequence does not contain any disallowed token. It represents the entirety of what a valid declaration can have as its value.
 
 > **Note:** Custom property names are case sensitive — `--my-color` will be treated as a separate custom property to `--My-color`.
 

From b1699bac6bc35d0958734ff5e982f5f35974f448 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Thu, 28 Dec 2023 14:34:16 +0800
Subject: [PATCH 155/790] fix: properly use code wrapper (#31359)

---
 files/en-us/web/html/attributes/readonly/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/html/attributes/readonly/index.md b/files/en-us/web/html/attributes/readonly/index.md
index 912ac056cfef9bb..adf22072988b9be 100644
--- a/files/en-us/web/html/attributes/readonly/index.md
+++ b/files/en-us/web/html/attributes/readonly/index.md
@@ -17,9 +17,9 @@ The Boolean **`readonly`** attribute, when present, makes the element not mutabl
 
 If the `readonly` attribute is specified on an input element, because the user can not edit the input, the element does not participate in constraint validation.
 
-The `readonly` attribute is supported by `{{HTMLElement("input/text","text")}}`, `{{HTMLElement("input/search","search")}}`, `{{HTMLElement("input/url","url")}}`, `{{HTMLElement("input/tel","tel")}}`, `{{HTMLElement("input/email","email")}}`, `{{HTMLElement("input/password","password")}}`, `{{HTMLElement("input/date","date")}}`, `{{HTMLElement("input/month","month")}}`, `{{HTMLElement("input/week","week")}}`, `{{HTMLElement("input/time","time")}}`, `{{HTMLElement("input/datetime-local","datetime-local")}}`, and `{{HTMLElement("input/number","number")}}` `{{HTMLElement("input")}}` types and the `{{HTMLElement("textarea")}}` form control elements. If present on any of these input types and elements, the `{{cssxref(':read-only')}}` pseudo class will match. If the attribute is not included, the `{{cssxref(':read-write')}}` pseudo class will match.
+The `readonly` attribute is supported by `{{HTMLElement("input/text","text")}}`, `{{HTMLElement("input/search","search")}}`, `{{HTMLElement("input/url","url")}}`, `{{HTMLElement("input/tel","tel")}}`, `{{HTMLElement("input/email","email")}}`, `{{HTMLElement("input/password","password")}}`, `{{HTMLElement("input/date","date")}}`, `{{HTMLElement("input/month","month")}}`, `{{HTMLElement("input/week","week")}}`, `{{HTMLElement("input/time","time")}}`, `{{HTMLElement("input/datetime-local","datetime-local")}}`, and `{{HTMLElement("input/number","number")}}` {{HTMLElement("input")}} types and the {{HTMLElement("textarea")}} form control elements. If present on any of these input types and elements, the {{cssxref(':read-only')}} pseudo class will match. If the attribute is not included, the {{cssxref(':read-write')}} pseudo class will match.
 
-The attribute is not supported or relevant to `{{HTMLElement("select")}}` or input types that are already not mutable, such as {{HTMLElement("input/checkbox","checkbox")}} and {{HTMLElement("input/radio","radio")}} or cannot, by definition, start with a value, such as the {{HTMLElement("input/file","file")}} input type. {{HTMLElement("input/range","range")}} and {{HTMLElement("input/color","color")}}, as both have default values. It is also not supported on {{HTMLElement("input/hidden","hidden")}} as it can not be expected that a user to fill out a form that is hidden. Nor is it supported on any of the button types, including `image`.
+The attribute is not supported or relevant to {{HTMLElement("select")}} or input types that are already not mutable, such as `{{HTMLElement("input/checkbox","checkbox")}}` and `{{HTMLElement("input/radio","radio")}}` or cannot, by definition, start with a value, such as the `{{HTMLElement("input/file","file")}}` input type. `{{HTMLElement("input/range","range")}}` and `{{HTMLElement("input/color","color")}}`, as both have default values. It is also not supported on `{{HTMLElement("input/hidden","hidden")}}` as it can not be expected that a user to fill out a form that is hidden. Nor is it supported on any of the button types, including `image`.
 
 > **Note:** Only text controls can be made read-only, since for other controls (such as checkboxes and buttons) there is no useful distinction between being read-only and being disabled, so the `readonly` attribute does not apply.
 

From ace47b6b7d874751ecf51047d316f24c7606e653 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Thu, 28 Dec 2023 07:34:39 +0100
Subject: [PATCH 156/790] Remove MediaRecorder warning event (#31363)

---
 files/en-us/_redirects.txt                    |  5 ++-
 files/en-us/_wikihistory.json                 | 14 -------
 files/en-us/web/api/mediarecorder/index.md    |  2 -
 .../api/mediarecorder/warning_event/index.md  | 41 -------------------
 4 files changed, 3 insertions(+), 59 deletions(-)
 delete mode 100644 files/en-us/web/api/mediarecorder/warning_event/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 6f854a548b1670d..2f5227a9425bee3 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -8907,7 +8907,7 @@
 /en-US/docs/Web/API/MediaRecorder.onresume	/en-US/docs/Web/API/MediaRecorder/resume_event
 /en-US/docs/Web/API/MediaRecorder.onstart	/en-US/docs/Web/API/MediaRecorder/start_event
 /en-US/docs/Web/API/MediaRecorder.onstop	/en-US/docs/Web/API/MediaRecorder/stop_event
-/en-US/docs/Web/API/MediaRecorder.onwarning	/en-US/docs/Web/API/MediaRecorder/warning_event
+/en-US/docs/Web/API/MediaRecorder.onwarning	/en-US/docs/Web/API/MediaRecorder
 /en-US/docs/Web/API/MediaRecorder.pause	/en-US/docs/Web/API/MediaRecorder/pause
 /en-US/docs/Web/API/MediaRecorder.requestData	/en-US/docs/Web/API/MediaRecorder/requestData
 /en-US/docs/Web/API/MediaRecorder.resume	/en-US/docs/Web/API/MediaRecorder/resume
@@ -8923,7 +8923,8 @@
 /en-US/docs/Web/API/MediaRecorder/onresume	/en-US/docs/Web/API/MediaRecorder/resume_event
 /en-US/docs/Web/API/MediaRecorder/onstart	/en-US/docs/Web/API/MediaRecorder/start_event
 /en-US/docs/Web/API/MediaRecorder/onstop	/en-US/docs/Web/API/MediaRecorder/stop_event
-/en-US/docs/Web/API/MediaRecorder/onwarning	/en-US/docs/Web/API/MediaRecorder/warning_event
+/en-US/docs/Web/API/MediaRecorder/onwarning	/en-US/docs/Web/API/MediaRecorder
+/en-US/docs/Web/API/MediaRecorder/warning_event	/en-US/docs/Web/API/MediaRecorder
 /en-US/docs/Web/API/MediaRecorder_API	/en-US/docs/Web/API/MediaStream_Recording_API
 /en-US/docs/Web/API/MediaRecorder_API/Using_the_MediaRecorder_API	/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API
 /en-US/docs/Web/API/MediaSessionAction	/en-US/docs/Web/API/MediaSession/setActionHandler
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 9c8223cc18ce3b1..780825b2672588d 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -45836,20 +45836,6 @@
     "modified": "2020-10-15T21:51:07.748Z",
     "contributors": ["fscholz", "david_ross", "jpmedley"]
   },
-  "Web/API/MediaRecorder/warning_event": {
-    "modified": "2020-10-15T21:27:43.833Z",
-    "contributors": [
-      "Sheppy",
-      "sideshowbarker",
-      "lucian95",
-      "miguelao",
-      "jpmedley",
-      "Sebastianz",
-      "chrisdavidmills",
-      "teoli",
-      "kscarfone"
-    ]
-  },
   "Web/API/MediaRecorderErrorEvent": {
     "modified": "2020-10-15T21:57:11.850Z",
     "contributors": ["sideshowbarker", "Sheppy"]
diff --git a/files/en-us/web/api/mediarecorder/index.md b/files/en-us/web/api/mediarecorder/index.md
index 312ec7357d54567..7b59617253f98b2 100644
--- a/files/en-us/web/api/mediarecorder/index.md
+++ b/files/en-us/web/api/mediarecorder/index.md
@@ -65,8 +65,6 @@ Listen to these events using `addEventListener()` or by assigning an event liste
   - : Fired when media recording starts.
 - {{domxref("MediaRecorder/stop_event", "stop")}}
   - : Fired when media recording ends, either when the {{domxref("MediaStream")}} ends, or after the {{domxref("MediaRecorder.stop()")}} method is called.
-- {{domxref("MediaRecorder/warning_event", "warning")}} {{deprecated_inline}} {{non-standard_inline}}
-  - : Fired when media recording has a non-fatal error.
 
 ## Example
 
diff --git a/files/en-us/web/api/mediarecorder/warning_event/index.md b/files/en-us/web/api/mediarecorder/warning_event/index.md
deleted file mode 100644
index 52caef72375cfed..000000000000000
--- a/files/en-us/web/api/mediarecorder/warning_event/index.md
+++ /dev/null
@@ -1,41 +0,0 @@
----
-title: "MediaRecorder: warning event"
-short-title: warning
-slug: Web/API/MediaRecorder/warning_event
-page-type: web-api-event
-status:
-  - deprecated
-  - non-standard
-browser-compat: api.MediaRecorder.warning_event
----
-
-{{APIRef("MediaStream Recording")}}{{Deprecated_Header}}{{non-standard_header}}
-
-The **`warning`** event fires on non-fatal errors during media recording via a `MediaRecorder`. Non-fatal errors are one's that don't halt recording.
-
-## Value
-
-A function reference.
-
-## Examples
-
-```js
-mediaRecorder.onwarning = (e) => {
-  console.warn(`A warning has been raised: ${e.message}`);
-};
-```
-
-## Specifications
-
-This feature is no longer part of any specification.
-
-## Browser compatibility
-
-{{Compat}}
-
-## See also
-
-- [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
-- [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder + getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
-- {{domxref("Navigator.getUserMedia")}}

From b525bab5987dabec960a94535f3d6957e4b0d20d Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Thu, 28 Dec 2023 07:34:55 +0100
Subject: [PATCH 157/790] Remove MediaStreamTrack overconstrained event
 (#31362)

Remove Mediastreamtrack overconstrained event
---
 files/en-us/_redirects.txt                    |  5 ++-
 files/en-us/_wikihistory.json                 | 10 -----
 files/en-us/web/api/mediastreamtrack/index.md |  2 -
 .../overconstrained_event/index.md            | 38 -------------------
 4 files changed, 3 insertions(+), 52 deletions(-)
 delete mode 100644 files/en-us/web/api/mediastreamtrack/overconstrained_event/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 2f5227a9425bee3..c9b96c26a55326a 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -8957,14 +8957,15 @@
 /en-US/docs/Web/API/MediaStreamTrack.kind	/en-US/docs/Web/API/MediaStreamTrack/kind
 /en-US/docs/Web/API/MediaStreamTrack.label	/en-US/docs/Web/API/MediaStreamTrack/label
 /en-US/docs/Web/API/MediaStreamTrack.onmute	/en-US/docs/Web/API/MediaStreamTrack/mute_event
-/en-US/docs/Web/API/MediaStreamTrack.onoverconstrained	/en-US/docs/Web/API/MediaStreamTrack/overconstrained_event
+/en-US/docs/Web/API/MediaStreamTrack.onoverconstrained	/en-US/docs/Web/API/MediaStreamTrack
 /en-US/docs/Web/API/MediaStreamTrack.onunmute	/en-US/docs/Web/API/MediaStreamTrack/unmute_event
 /en-US/docs/Web/API/MediaStreamTrack.readyState	/en-US/docs/Web/API/MediaStreamTrack/readyState
 /en-US/docs/Web/API/MediaStreamTrack.stop	/en-US/docs/Web/API/MediaStreamTrack/stop
 /en-US/docs/Web/API/MediaStreamTrack/onended	/en-US/docs/Web/API/MediaStreamTrack/ended_event
 /en-US/docs/Web/API/MediaStreamTrack/onmute	/en-US/docs/Web/API/MediaStreamTrack/mute_event
-/en-US/docs/Web/API/MediaStreamTrack/onoverconstrained	/en-US/docs/Web/API/MediaStreamTrack/overconstrained_event
+/en-US/docs/Web/API/MediaStreamTrack/onoverconstrained	/en-US/docs/Web/API/MediaStreamTrack
 /en-US/docs/Web/API/MediaStreamTrack/onunmute	/en-US/docs/Web/API/MediaStreamTrack/unmute_event
+/en-US/docs/Web/API/MediaStreamTrack/overconstrained_event	/en-US/docs/Web/API/MediaStreamTrack
 /en-US/docs/Web/API/MediaStreamTrack/remote	/en-US/docs/Web/API/MediaStreamTrack
 /en-US/docs/Web/API/MediaStreamTrackAudioSourceOptions	/en-US/docs/Web/API/MediaStreamTrackAudioSourceNode
 /en-US/docs/Web/API/MediaStreamTrackAudioSourceOptions/mediaStreamTrack	/en-US/docs/Web/API/MediaStreamTrackAudioSourceNode
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 780825b2672588d..9b2d9c5a2119802 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -46288,16 +46288,6 @@
       "jpmedley"
     ]
   },
-  "Web/API/MediaStreamTrack/overconstrained_event": {
-    "modified": "2020-10-15T21:29:32.712Z",
-    "contributors": [
-      "alattalatta",
-      "sideshowbarker",
-      "fscholz",
-      "libbymc",
-      "teoli"
-    ]
-  },
   "Web/API/MediaStreamTrack/readyState": {
     "modified": "2020-10-15T21:29:36.532Z",
     "contributors": [
diff --git a/files/en-us/web/api/mediastreamtrack/index.md b/files/en-us/web/api/mediastreamtrack/index.md
index fd28f7c59bfb2f3..bebe6a44572336a 100644
--- a/files/en-us/web/api/mediastreamtrack/index.md
+++ b/files/en-us/web/api/mediastreamtrack/index.md
@@ -67,8 +67,6 @@ Listen to these events using {{domxref("EventTarget.addEventListener", "addEvent
   - : Sent when playback of the track ends (when the value {{domxref("MediaStreamTrack.readyState", "readyState")}} changes to `ended`).
 - {{domxref("MediaStreamTrack/mute_event", "mute")}}
   - : Sent to the `MediaStreamTrack` when the value of the {{domxref("MediaStreamTrack.muted", "muted")}} property is changed to `true`, indicating that the track is unable to provide data temporarily (such as when the network is experiencing a service malfunction).
-- {{domxref("MediaStreamTrack/overconstrained_event", "overconstrained")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
-  - : Sent when the constraints specified for the track cause the track to be incompatible and therefore to not be used.
 - {{domxref("MediaStreamTrack/unmute_event", "unmute")}}
   - : Sent to the track when data becomes available again, ending the `muted` state.
 
diff --git a/files/en-us/web/api/mediastreamtrack/overconstrained_event/index.md b/files/en-us/web/api/mediastreamtrack/overconstrained_event/index.md
deleted file mode 100644
index d46b26927b0955d..000000000000000
--- a/files/en-us/web/api/mediastreamtrack/overconstrained_event/index.md
+++ /dev/null
@@ -1,38 +0,0 @@
----
-title: "MediaStreamTrack: overconstrained event"
-short-title: overconstrained
-slug: Web/API/MediaStreamTrack/overconstrained_event
-page-type: web-api-event
-status:
-  - deprecated
-  - non-standard
-browser-compat: api.MediaStreamTrack.overconstrained_event
----
-
-{{APIRef("Media Capture and Streams")}}{{Deprecated_Header}}{{Non-standard_Header}}
-
-The **`overconstrained`** event fires when the track has too many conflicting constraints.
-
-## Syntax
-
-Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
-
-```js
-addEventListener("overconstrained", (event) => {});
-
-onoverconstrained = (event) => {};
-```
-
-## Event type
-
-A generic {{domxref("Event")}}.
-
-## Example
-
-```js
-dc.onoverconstrained = () => console.log("overconstrained event detected!");
-```
-
-## Browser compatibility
-
-{{Compat}}

From c864097baaea98b31d38869350f64837a8a7da9e Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Thu, 28 Dec 2023 08:05:32 +0100
Subject: [PATCH 158/790] Remove mention of overconstrained event (#31364)

---
 files/en-us/web/api/media_capture_and_streams_api/index.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/en-us/web/api/media_capture_and_streams_api/index.md b/files/en-us/web/api/media_capture_and_streams_api/index.md
index 334230c3ac0cf0e..34839b6b979af67 100644
--- a/files/en-us/web/api/media_capture_and_streams_api/index.md
+++ b/files/en-us/web/api/media_capture_and_streams_api/index.md
@@ -44,7 +44,6 @@ In these reference articles, you'll find the fundamental information you'll need
 - {{domxref("MediaStream/addtrack_event", "addtrack")}}
 - {{domxref("MediaStreamTrack/ended_event", "ended")}}
 - {{domxref("MediaStreamTrack/mute_event", "mute")}}
-- {{domxref("MediaStreamTrack.overconstrained_event", "overconstrained")}}
 - {{domxref("MediaStream/removetrack_event", "removetrack")}}
 - {{domxref("MediaStreamTrack/unmute_event", "unmute")}}
 

From 4f16625e98377cca44c4ef295e6b3c4e6e4db767 Mon Sep 17 00:00:00 2001
From: rloyz <38882107+rloyz@users.noreply.github.com>
Date: Thu, 28 Dec 2023 23:08:31 +1100
Subject: [PATCH 159/790] it's -> its (#31365)

Update index.md

Pronouns don't have possessive apostrophes. It's is short for it is.
---
 .../web/javascript/guide/iterators_and_generators/index.md      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/guide/iterators_and_generators/index.md b/files/en-us/web/javascript/guide/iterators_and_generators/index.md
index 4d949c501d8bc59..2368a7a348aa7b3 100644
--- a/files/en-us/web/javascript/guide/iterators_and_generators/index.md
+++ b/files/en-us/web/javascript/guide/iterators_and_generators/index.md
@@ -120,7 +120,7 @@ console.log(it[Symbol.iterator]() === it); // true
 // which has the @@iterator method return the it (itself),
 // and consequently, the it object can iterate only _once_.
 
-// If we change it's @@iterator method to a function/generator
+// If we change its @@iterator method to a function/generator
 // which returns a new iterator/generator object, (it)
 // can iterate many times
 

From 28b94d7ecdd4e2e250f8c08e5579bd8d016a5404 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Thu, 28 Dec 2023 13:35:44 +0100
Subject: [PATCH 160/790] Follow-up #31365 (#31366)

* Follow-up #31365

* More unambiguous

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../guide/iterators_and_generators/index.md   | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/files/en-us/web/javascript/guide/iterators_and_generators/index.md b/files/en-us/web/javascript/guide/iterators_and_generators/index.md
index 2368a7a348aa7b3..d233fbf9643a5d7 100644
--- a/files/en-us/web/javascript/guide/iterators_and_generators/index.md
+++ b/files/en-us/web/javascript/guide/iterators_and_generators/index.md
@@ -58,12 +58,12 @@ function makeRangeIterator(start = 0, end = Infinity, step = 1) {
 Using the iterator then looks like this:
 
 ```js
-const it = makeRangeIterator(1, 10, 2);
+const iter = makeRangeIterator(1, 10, 2);
 
-let result = it.next();
+let result = iter.next();
 while (!result.done) {
   console.log(result.value); // 1 3 5 7 9
-  result = it.next();
+  result = iter.next();
 }
 
 console.log("Iterated over sequence of size:", result.value); // [5 numbers returned, that took interval in between: 0 to 10]
@@ -108,23 +108,23 @@ function* makeIterator() {
   yield 2;
 }
 
-const it = makeIterator();
+const iter = makeIterator();
 
-for (const itItem of it) {
+for (const itItem of iter) {
   console.log(itItem);
 }
 
-console.log(it[Symbol.iterator]() === it); // true
+console.log(iter[Symbol.iterator]() === iter); // true
 
 // This example show us generator(iterator) is iterable object,
-// which has the @@iterator method return the it (itself),
+// which has the @@iterator method return the `iter` (itself),
 // and consequently, the it object can iterate only _once_.
 
-// If we change its @@iterator method to a function/generator
-// which returns a new iterator/generator object, (it)
+// If we change the @@iterator method of `iter` to a function/generator
+// which returns a new iterator/generator object, `iter`
 // can iterate many times
 
-it[Symbol.iterator] = function* () {
+iter[Symbol.iterator] = function* () {
   yield 2;
   yield 1;
 };

From fcca16723bfb0b5f26cc4753f6028045f88bb860 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 28 Dec 2023 21:53:39 +0800
Subject: [PATCH 161/790] fix property name (#31369)

fix word
---
 files/en-us/web/api/htmltextareaelement/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/htmltextareaelement/index.md b/files/en-us/web/api/htmltextareaelement/index.md
index 14b892fc948d580..1922e8979fab800 100644
--- a/files/en-us/web/api/htmltextareaelement/index.md
+++ b/files/en-us/web/api/htmltextareaelement/index.md
@@ -33,7 +33,7 @@ _Also inherits properties from its parent interface, {{DOMxRef("HTMLElement")}}.
   - : Returns a {{domxref("NodeList")}} of the {{HTMLElement("label")}} elements associated with this element.
 - {{domxref("HTMLTextAreaElement.maxLength", "maxLength")}}
   - : Returns / Sets the element's [`maxlength`](/en-US/docs/Web/HTML/Element/textarea#maxlength) attribute, indicating the maximum number of characters the user can enter. This constraint is evaluated only when the value changes.
-- {{domxref("HTMLTextAreaElement.minlength", "minlength")}}
+- {{domxref("HTMLTextAreaElement.minLength", "minLength")}}
   - : Returns / Sets the element's [`minlength`](/en-US/docs/Web/HTML/Element/textarea#minlength) attribute, indicating the minimum number of characters the user can enter. This constraint is evaluated only when the value changes.
 - {{domxref("HTMLTextAreaElement.name", "name")}}
   - : Returns / Sets the element's [`name`](/en-US/docs/Web/HTML/Element/textarea#name) attribute, containing the name of the control.

From 3ea050c035295bcb5858ce374c5d5c70b782f8b5 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 28 Dec 2023 22:04:36 +0800
Subject: [PATCH 162/790] fix macros (#31370)

* fix

* fix
---
 files/en-us/web/api/htmltablecellelement/index.md | 2 +-
 files/en-us/web/api/htmltablerowelement/index.md  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/htmltablecellelement/index.md b/files/en-us/web/api/htmltablecellelement/index.md
index ff9ebf0954dd32a..fbd42cc9e177bd3 100644
--- a/files/en-us/web/api/htmltablecellelement/index.md
+++ b/files/en-us/web/api/htmltablecellelement/index.md
@@ -46,7 +46,7 @@ _No specific method; inherits methods from its parent, {{domxref("HTMLElement")}
 
 ## Deprecated properties
 
-> **Warning:** These properties have been {{Glossary("deprecated")}} and should no longer be used. They are documented primarily to help understand older code bases.
+> **Warning:** These properties have been deprecated and should no longer be used. They are documented primarily to help understand older code bases.
 
 - {{domxref("HTMLTableCellElement.align")}} {{deprecated_inline}}
   - : A string containing an enumerated value reflecting the [`align`](/en-US/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"`.
diff --git a/files/en-us/web/api/htmltablerowelement/index.md b/files/en-us/web/api/htmltablerowelement/index.md
index 8e0a5c4abb132ce..b2f5a5bdcbcb3cb 100644
--- a/files/en-us/web/api/htmltablerowelement/index.md
+++ b/files/en-us/web/api/htmltablerowelement/index.md
@@ -33,7 +33,7 @@ _Inherits methods from its parent, {{domxref("HTMLElement")}}_.
 
 ## Deprecated properties
 
-> **Warning:** These properties have been {{Glossary("deprecated")}} and should no longer be used. They are documented primarily to help understand older code bases.
+> **Warning:** These properties have been deprecated and should no longer be used. They are documented primarily to help understand older code bases.
 
 - {{domxref("HTMLTableRowElement.align")}} {{deprecated_inline}}
   - : A string containing an enumerated value reflecting the [`align`](/en-US/docs/Web/HTML/Element/tr#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"`.

From c923148171db65a31a23a22a93eccbb95467ed57 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 28 Dec 2023 22:05:02 +0800
Subject: [PATCH 163/790] remove *events* section for `PaintWorkletGlobalScope`
 (#31368)

remove
---
 files/en-us/web/api/paintworkletglobalscope/index.md | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/files/en-us/web/api/paintworkletglobalscope/index.md b/files/en-us/web/api/paintworkletglobalscope/index.md
index 0d0b98d4a2e443d..e182f0c4a065090 100644
--- a/files/en-us/web/api/paintworkletglobalscope/index.md
+++ b/files/en-us/web/api/paintworkletglobalscope/index.md
@@ -32,10 +32,6 @@ _This interface inherits methods from {{domxref('WorkletGlobalScope')}}._
 - {{domxref('PaintWorkletGlobalScope.registerPaint()')}} {{Experimental_Inline}}
   - : Registers a class to programmatically generate an image where a CSS property expects a file.
 
-### Event
-
-None.
-
 ## Examples
 
 The following three examples go together to show creating, loading, and using a paint `Worklet`.

From a3a58404e3f50524464bc1b3ff34ad76fad5c566 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 28 Dec 2023 22:55:47 +0800
Subject: [PATCH 164/790] Update list item style of `HTMLTextAreaElement`
 (#31342)

* style update

* Apply suggestions from code review

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../web/api/htmltextareaelement/index.md      | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/files/en-us/web/api/htmltextareaelement/index.md b/files/en-us/web/api/htmltextareaelement/index.md
index 1922e8979fab800..e7333692e0d57a9 100644
--- a/files/en-us/web/api/htmltextareaelement/index.md
+++ b/files/en-us/web/api/htmltextareaelement/index.md
@@ -16,41 +16,41 @@ The **`HTMLTextAreaElement`** interface provides special properties and methods
 _Also inherits properties from its parent interface, {{DOMxRef("HTMLElement")}}._
 
 - {{domxref("HTMLTextAreaElement.autocapitalize", "autocapitalize")}}
-  - : Returns / Sets the element's capitalization behavior for user input. Valid values are: `none`, `off`, `characters`, `words`, `sentences`.
+  - : A string that represents the element's capitalization behavior for user input. Valid values are: `none`, `off`, `characters`, `words`, `sentences`.
 - {{domxref("HTMLTextAreaElement.autocomplete", "autocomplete")}}
-  - : Returns / Sets the element's [`autocomplete`](/en-US/docs/Web/HTML/Element/textarea#autocomplete) attribute.
+  - : A string that represents the element's [`autocomplete`](/en-US/docs/Web/HTML/Element/textarea#autocomplete) attribute.
 - {{domxref("HTMLTextAreaElement.cols", "cols")}}
-  - : Returns / Sets the element's [`cols`](/en-US/docs/Web/HTML/Element/textarea#cols) attribute, indicating the visible width of the text area.
+  - : A number that represents the element's [`cols`](/en-US/docs/Web/HTML/Element/textarea#cols) attribute, indicating the visible width of the text area.
 - {{domxref("HTMLTextAreaElement.defaultValue", "defaultValue")}}
-  - : Returns / Sets the control's default value, which behaves like the {{domxref("Node.textContent")}} property.
+  - : A string that represents the control's default value, which behaves like the {{domxref("Node.textContent")}} property.
 - {{domxref("HTMLTextAreaElement.dirName", "dirName")}}
-  - : Returns / Sets the directionality of the element.
+  - : A string that represents the directionality of the element.
 - {{domxref("HTMLTextAreaElement.disabled", "disabled")}}
-  - : Returns / Sets the element's [`disabled`](/en-US/docs/Web/HTML/Element/textarea#disabled) attribute, indicating that the control is not available for interaction.
+  - : A boolean that represents the element's [`disabled`](/en-US/docs/Web/HTML/Element/textarea#disabled) attribute, indicating that the control is not available for interaction.
 - {{domxref("HTMLTextAreaElement.form", "form")}} {{ReadOnlyInline}}
   - : Returns a reference to the parent form element. If this element is not contained in a form element, it can be the [`id`](/en-US/docs/Web/HTML/Element/form#id) attribute of any {{HTMLElement("form")}} element in the same document or the value `null`.
 - {{domxref("HTMLTextAreaElement.labels", "labels")}} {{ReadOnlyInline}}
   - : Returns a {{domxref("NodeList")}} of the {{HTMLElement("label")}} elements associated with this element.
 - {{domxref("HTMLTextAreaElement.maxLength", "maxLength")}}
-  - : Returns / Sets the element's [`maxlength`](/en-US/docs/Web/HTML/Element/textarea#maxlength) attribute, indicating the maximum number of characters the user can enter. This constraint is evaluated only when the value changes.
+  - : A number that represents the element's [`maxlength`](/en-US/docs/Web/HTML/Element/textarea#maxlength) attribute, indicating the maximum number of characters the user can enter. This constraint is evaluated only when the value changes.
 - {{domxref("HTMLTextAreaElement.minLength", "minLength")}}
-  - : Returns / Sets the element's [`minlength`](/en-US/docs/Web/HTML/Element/textarea#minlength) attribute, indicating the minimum number of characters the user can enter. This constraint is evaluated only when the value changes.
+  - : A number that represents the element's [`minlength`](/en-US/docs/Web/HTML/Element/textarea#minlength) attribute, indicating the minimum number of characters the user can enter. This constraint is evaluated only when the value changes.
 - {{domxref("HTMLTextAreaElement.name", "name")}}
-  - : Returns / Sets the element's [`name`](/en-US/docs/Web/HTML/Element/textarea#name) attribute, containing the name of the control.
+  - : A string that represents the element's [`name`](/en-US/docs/Web/HTML/Element/textarea#name) attribute, containing the name of the control.
 - {{domxref("HTMLTextAreaElement.placeholder", "placeholder")}}
-  - : Returns / Sets the element's [`placeholder`](/en-US/docs/Web/HTML/Element/textarea#placeholder) attribute, containing a hint to the user about what to enter in the control.
+  - : A string that represents the element's [`placeholder`](/en-US/docs/Web/HTML/Element/textarea#placeholder) attribute, containing a hint to the user about what to enter in the control.
 - {{domxref("HTMLTextAreaElement.readOnly", "readOnly")}}
-  - : Returns / Sets the element's [`readonly`](/en-US/docs/Web/HTML/Element/textarea#readonly) attribute, indicating that the user cannot modify the value of the control.
+  - : A boolean that represents the element's [`readonly`](/en-US/docs/Web/HTML/Element/textarea#readonly) attribute, indicating that the user cannot modify the value of the control.
 - {{domxref("HTMLTextAreaElement.required", "required")}}
-  - : Returns / Sets the element's [`required`](/en-US/docs/Web/HTML/Element/textarea#required) attribute, indicating that the user must specify a value before submitting the form.
+  - : A boolean that represents the element's [`required`](/en-US/docs/Web/HTML/Element/textarea#required) attribute, indicating that the user must specify a value before submitting the form.
 - {{domxref("HTMLTextAreaElement.rows", "rows")}}
-  - : Returns / Sets the element's [`rows`](/en-US/docs/Web/HTML/Element/textarea#rows) attribute, indicating the number of visible text lines for the control.
+  - : A number that represents the element's [`rows`](/en-US/docs/Web/HTML/Element/textarea#rows) attribute, indicating the number of visible text lines for the control.
 - {{domxref("HTMLTextAreaElement.selectionDirection", "selectionDirection")}}
-  - : Returns / Sets the direction in which selection occurred. This is `forward` if selection was performed in the start-to-end direction of the current locale, or `backward` for the opposite direction. This can also be `none` if the direction is unknown.
+  - : A string that represents the direction in which selection occurred. This is `forward` if selection was performed in the start-to-end direction of the current locale, or `backward` for the opposite direction. This can also be `none` if the direction is unknown.
 - {{domxref("HTMLTextAreaElement.selectionEnd", "selectionEnd")}}
-  - : Returns / Sets the index of the end of selected text. If no text is selected, contains the index of the character that follows the input cursor. On being set, the control behaves as if `setSelectionRange()` had been called with this as the second argument, and `selectionStart` as the first argument.
+  - : A number that represents the index of the end of selected text. If no text is selected, it contains the index of the character that follows the input cursor. On being set, the control behaves as if `setSelectionRange()` had been called with this as the second argument, and `selectionStart` as the first argument.
 - {{domxref("HTMLTextAreaElement.selectionStart", "selectionStart")}}
-  - : Returns / Sets the index of the beginning of selected text. If no text is selected, contains the index of the character that follows the input cursor. On being set, the control behaves as if `setSelectionRange()` had been called with this as the first argument, and `selectionEnd` as the second argument.
+  - : A number that represents the index of the beginning of selected text. If no text is selected, it contains the index of the character that follows the input cursor. On being set, the control behaves as if `setSelectionRange()` had been called with this as the first argument and `selectionEnd` as the second argument.
 - {{domxref("HTMLTextAreaElement.textLength", "textLength")}} {{ReadOnlyInline}}
   - : Returns the code point length of the control's `value`. Same as reading `value.length`.
 - {{domxref("HTMLTextAreaElement.type", "type")}} {{ReadOnlyInline}}
@@ -58,13 +58,13 @@ _Also inherits properties from its parent interface, {{DOMxRef("HTMLElement")}}.
 - {{domxref("HTMLTextAreaElement.validationMessage", "validationMessage")}} {{ReadOnlyInline}}
   - : Returns 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 (`willValidate` is `false`), or it satisfies its constraints.
 - {{domxref("HTMLTextAreaElement.validity", "validity")}} {{ReadOnlyInline}}
-  - : Returns the validity states that this element is in.
+  - : Returns the validity state that this element is in.
 - {{domxref("HTMLTextAreaElement.value", "value")}}
-  - : Returns / Sets the raw value contained in the control.
+  - : A string that represents the raw value contained in the control.
 - {{domxref("HTMLTextAreaElement.willValidate", "willValidate")}} {{ReadOnlyInline}}
   - : Returns whether the element is a candidate for constraint validation. `false` if any conditions bar it from constraint validation, including its `readOnly` or `disabled` property is `true`.
 - {{domxref("HTMLTextAreaElement.wrap", "wrap")}}
-  - : Returns / Sets the element's [`wrap`](/en-US/docs/Web/HTML/Element/textarea#wrap) attribute, indicating how the control wraps text.
+  - : A string that represents the element's [`wrap`](/en-US/docs/Web/HTML/Element/textarea#wrap) attribute, indicating how the control wraps text.
 
 ## Instance methods
 

From b2ddaaeeb7eed51d265ac0960641039453e8792c Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 28 Dec 2023 23:53:45 +0800
Subject: [PATCH 165/790] getUserMedia() | remove from GroupData & update
 exception section (#31372)

* remove extra method

* style fix

* update exception section

* revert

* Update files/en-us/web/api/mediadevices/getusermedia/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../api/mediadevices/getusermedia/index.md    | 26 +++++++++----------
 files/jsondata/GroupData.json                 |  5 +---
 2 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/files/en-us/web/api/mediadevices/getusermedia/index.md b/files/en-us/web/api/mediadevices/getusermedia/index.md
index 9e42c1daca74657..1e8917e5eab7f21 100644
--- a/files/en-us/web/api/mediadevices/getusermedia/index.md
+++ b/files/en-us/web/api/mediadevices/getusermedia/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaDevices.getUserMedia
 
 {{securecontext_header}}{{APIRef("Media Capture and Streams")}}
 
-The {{domxref("MediaDevices")}}**`.getUserMedia()`** method prompts the user for permission to use a media input which produces a {{domxref("MediaStream")}} with tracks containing the requested types of media.
+The **`getUserMedia()`** method of the {{domxref("MediaDevices")}} interface prompts the user for permission to use a media input which produces a {{domxref("MediaStream")}} with tracks containing the requested types of media.
 
 That stream can include, for example, a video track (produced by either a hardware or virtual video source such as a camera, video recording device, screen sharing service, and so forth), an audio track (similarly, produced by a physical or virtual audio source like a microphone, A/D converter, or the like), and possibly other track types.
 
@@ -55,6 +55,10 @@ object when the requested media has successfully been obtained.
     and no hardware issues occurred that would cause a `NotReadableError` {{domxref("DOMException")}}, throw if some
     problem occurred which prevented the device from being used.
 
+- `InvalidStateError` {{domxref("DOMException")}}
+
+  - : Thrown if current document is not fully active.
+
 - `NotAllowedError` {{domxref("DOMException")}}
 
   - : Thrown if one or more of the requested source devices cannot be used at this time. This will
@@ -145,8 +149,7 @@ is over.
 
 ### Security
 
-There are a number of ways security management and controls in a {{Glossary("user
-  agent")}} can cause `getUserMedia()` to return a security-related error.
+There are a number of ways security management and controls in a {{Glossary("user agent")}} can cause `getUserMedia()` to return a security-related error.
 
 #### Permissions Policy
 
@@ -432,13 +435,10 @@ const constraints = {
 
 ## See also
 
-- The older {{domxref("navigator.getUserMedia()")}} legacy API
-- {{domxref("mediaDevices.enumerateDevices()")}}: Listing available media devices
-- [WebRTC API](/en-US/docs/Web/API/WebRTC_API)
-- [Media Capture and Streams API (Media Streams)](/en-US/docs/Web/API/Media_Capture_and_Streams_API)
-- [Screen Capture API](/en-US/docs/Web/API/Screen_Capture_API): Capturing
-  screen contents as a {{domxref("MediaStream")}}
-- {{domxref("mediaDevices.getDisplayMedia()")}}: Getting a stream containing screen
-  contents
-- [Taking webcam photos](/en-US/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos): A tutorial on using `getUserMedia()` to take still photos
-  rather than video
+- The older {{domxref("Navigator.getUserMedia()")}} legacy API
+- {{domxref("MediaDevices.enumerateDevices()")}}: Listing available media devices
+- {{domxref("WebRTC API", "", "", "nocode")}}
+- {{domxref("Media Capture and Streams API", "", "", "nocode")}}
+- {{domxref("Screen Capture API", "", "", "nocode")}}: Capturing screen contents as a {{domxref("MediaStream")}}
+- {{domxref("MediaDevices.getDisplayMedia()")}}: Getting a stream containing screen contents
+- {{domxref("Media Capture and Streams API/Taking Still Photos", "Taking webcam photos", "", "nocode")}}: A tutorial on using `getUserMedia()` to take still photos rather than video
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index be461b74ca8290b..c3744f7dcc6515e 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -905,10 +905,7 @@
         "MediaTrackSettings",
         "MediaTrackSupportedConstraints"
       ],
-      "methods": [
-        "HTMLCanvasElement.captureStream()",
-        "MediaDevices.getUserMedia()"
-      ],
+      "methods": ["HTMLCanvasElement.captureStream()"],
       "properties": ["Navigator.mediaDevices"],
       "events": ["HTMLMediaElement: ended", "HTMLMediaElement: ratechange"]
     },

From acf8a656328fd140cc7e4754b2d8bad008ad48ef Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Fri, 29 Dec 2023 01:45:59 +0100
Subject: [PATCH 166/790] Fix structure of HTMLMenuElement (#31373)

* Fix structure of HTMLMenuElement

* Better

* Remove constructor

* Remove empty line

* Update files/en-us/web/api/htmlmenuelement/index.md

* Update files/en-us/web/api/htmlmenuelement/index.md

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>

* Update files/en-us/web/api/htmlmenuelement/index.md

Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>
---
 files/en-us/web/api/htmlmenuelement/index.md | 21 ++++----------------
 1 file changed, 4 insertions(+), 17 deletions(-)

diff --git a/files/en-us/web/api/htmlmenuelement/index.md b/files/en-us/web/api/htmlmenuelement/index.md
index bc2ac45fff6eab9..4c7f257587d84f1 100644
--- a/files/en-us/web/api/htmlmenuelement/index.md
+++ b/files/en-us/web/api/htmlmenuelement/index.md
@@ -7,30 +7,17 @@ browser-compat: api.HTMLMenuElement
 
 {{APIRef("HTML DOM")}}
 
-The **`HTMLMenuElement`** interface provides special properties (beyond those defined on the regular {{DOMxRef("HTMLElement")}} interface it also has available to it by inheritance) for manipulating {{HTMLElement("menu")}} elements.
+The **`HTMLMenuElement`** interface provides additional properties (beyond those inherited from the {{domxref("HTMLElement")}} interface) for manipulating a {{HTMLElement("menu")}} element.
+`<menu>` is a semantic alternative to the {{HTMLElement("ul")}} element.
 
 {{InheritanceDiagram}}
 
-## Constructor
-
-- {{DOMxRef("HTMLMenuElement.HTMLMenuElement", "HTMLMenuElement()")}}
-  - : Returns a newly constructed `HTMLMenuElement`.
-
 ## Instance properties
 
 _Inherits properties from its parent, {{domxref("HTMLElement")}}, and its ancestors._
 
-- `compact` {{deprecated_inline}}
-  - : A Boolean value determining if the menu displays in a compact way.
-- `type` {{deprecated_inline}} {{Non-standard_Inline}}
-  - : Returns `context` if the menu is a context menu.
-    This use of the {{HTMLElement("menu")}} element has never been implemented widely
-    and is now deprecated.
-- `label` {{deprecated_inline}} {{Non-standard_Inline}}
-  - : A string associating the menu with a name,
-    displayed when the menu is used as a context menu.
-    This use of the {{HTMLElement("menu")}} element has never been implemented widely
-    and is now deprecated.
+- {{domxref("HTMLMenuElement.compact")}} {{deprecated_inline}}
+  - : A boolean determining if the menu displays compactly.
 
 ## Instance methods
 

From fa4b3157118a610a29890d06a4daea1add2972da Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 29 Dec 2023 13:37:49 +0800
Subject: [PATCH 167/790] Remove self-links in `ReadableStream` (#31380)

fix
---
 files/en-us/web/api/readablestream/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/readablestream/index.md b/files/en-us/web/api/readablestream/index.md
index 085df05c0419683..c217b20509fe02c 100644
--- a/files/en-us/web/api/readablestream/index.md
+++ b/files/en-us/web/api/readablestream/index.md
@@ -37,7 +37,7 @@ The `ReadableStream` interface of the [Streams API](/en-US/docs/Web/API/Streams_
 - {{domxref("ReadableStream.pipeTo()")}}
   - : Pipes the current ReadableStream to a given {{domxref("WritableStream")}} and returns a {{jsxref("Promise")}} that fulfills when the piping process completes successfully, or rejects if any errors were encountered.
 - {{domxref("ReadableStream.tee()")}}
-  - : The `tee` method [tees](https://streams.spec.whatwg.org/#tee-a-readable-stream) this readable stream, returning a two-element array containing the two resulting branches as new {{domxref("ReadableStream")}} instances. Each of those streams receives the same incoming data.
+  - : The `tee` method [tees](https://streams.spec.whatwg.org/#tee-a-readable-stream) this readable stream, returning a two-element array containing the two resulting branches as new `ReadableStream` instances. Each of those streams receives the same incoming data.
 
 ## Async iteration
 
@@ -75,7 +75,7 @@ for await (const chunk of stream.values({ preventCancel: true })) {
 
 In the following example, an artificial {{domxref("Response")}} is created to stream HTML fragments fetched from another resource to the browser.
 
-It demonstrates the usage of a {{domxref("ReadableStream")}} in combination with a {{jsxref("Uint8Array")}}.
+It demonstrates the usage of a `ReadableStream` in combination with a {{jsxref("Uint8Array")}}.
 
 ```js
 fetch("https://www.example.org")

From 1a85b74333c62c6dffa360b831267212a34db255 Mon Sep 17 00:00:00 2001
From: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Date: Fri, 29 Dec 2023 13:38:34 +0800
Subject: [PATCH 168/790] fix: replace self-referenced links (#31379)

---
 files/en-us/web/api/element/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/api/element/index.md b/files/en-us/web/api/element/index.md
index 4be77390caecfd0..c87707e14c63374 100644
--- a/files/en-us/web/api/element/index.md
+++ b/files/en-us/web/api/element/index.md
@@ -58,7 +58,7 @@ _`Element` inherits properties from its parent interface, {{DOMxRef("Node")}}, a
     > **Note:** In Firefox 3.5 and earlier, HTML elements are in no namespace. In later versions, HTML elements are in the [`http://www.w3.org/1999/xhtml`](https://www.w3.org/1999/xhtml/) namespace in both HTML and XML trees.
 
 - {{DOMxRef("Element.nextElementSibling")}} {{ReadOnlyInline}}
-  - : An {{DOMxRef("Element")}}, the element immediately following the given one in the tree, or `null` if there's no sibling node.
+  - : An `Element`, the element immediately following the given one in the tree, or `null` if there's no sibling node.
 - {{DOMxRef("Element.outerHTML")}}
   - : A string representing the markup of the element including its content. When used as a setter, replaces the element with nodes parsed from the given string.
 - {{DOMxRef("Element.part")}}
@@ -66,7 +66,7 @@ _`Element` inherits properties from its parent interface, {{DOMxRef("Node")}}, a
 - {{DOMxRef("Element.prefix")}} {{ReadOnlyInline}}
   - : A string representing the namespace prefix of the element, or `null` if no prefix is specified.
 - {{DOMxRef("Element.previousElementSibling")}} {{ReadOnlyInline}}
-  - : An {{DOMxRef("Element")}}, the element immediately preceding the given one in the tree, or `null` if there is no sibling element.
+  - : An `Element`, the element immediately preceding the given one in the tree, or `null` if there is no sibling element.
 - {{DOMxRef("Element.scrollHeight")}} {{ReadOnlyInline}}
   - : Returns a number representing the scroll view height of an element.
 - {{DOMxRef("Element.scrollLeft")}}
@@ -186,7 +186,7 @@ _`Element` inherits methods from its parents {{DOMxRef("Node")}}, and its own pa
 - {{DOMxRef("Element.before()")}}
   - : Inserts a set of {{domxref("Node")}} objects or strings in the children list of the `Element`'s parent, just before the `Element`.
 - {{DOMxRef("Element.closest()")}}
-  - : Returns the {{DOMxRef("Element")}} which is the closest ancestor of the current element (or the current element itself) which matches the selectors given in parameter.
+  - : Returns the `Element` which is the closest ancestor of the current element (or the current element itself) which matches the selectors given in parameter.
 - {{DOMxRef("Element.computedStyleMap()")}}
   - : Returns a {{DOMxRef("StylePropertyMapReadOnly")}} interface which provides a read-only representation of a CSS declaration block that is an alternative to {{DOMxRef("CSSStyleDeclaration")}}.
 - {{DOMxRef("Element.getAnimations()")}}
@@ -344,7 +344,7 @@ Listen to these events using `addEventListener()` or by assigning an event liste
 ### Fullscreen events
 
 - {{domxref("Element/fullscreenchange_event", "fullscreenchange")}}
-  - : Sent to an {{domxref("Element")}} when it transitions into or out of [fullscreen](/en-US/docs/Web/API/Fullscreen_API/Guide) mode.
+  - : Sent to an `Element` when it transitions into or out of [fullscreen](/en-US/docs/Web/API/Fullscreen_API/Guide) mode.
 - {{domxref("Element/fullscreenerror_event", "fullscreenerror")}}
   - : Sent to an `Element` if an error occurs while attempting to switch it into or out of [fullscreen](/en-US/docs/Web/API/Fullscreen_API/Guide) mode.
 

From aaea15d492e7d4cd171dbb1569811f1052ce9872 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 29 Dec 2023 15:19:35 +0800
Subject: [PATCH 169/790] PaintWorkletGlobalScope.devicePixelRatio | add
 readonlyinline mark & remove duplicate word  (#31383)

* remove dumplite word

* add ReadOnlyInline mark
---
 .../web/api/paintworkletglobalscope/devicepixelratio/index.md   | 2 +-
 files/en-us/web/api/paintworkletglobalscope/index.md            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md b/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md
index cbc57349e948202..0f2c1a92832177b 100644
--- a/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md
+++ b/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md
@@ -10,7 +10,7 @@ browser-compat: api.PaintWorkletGlobalScope.devicePixelRatio
 
 {{APIRef("CSS Painting API")}}{{SeeCompatTable}}
 
-The read-only **`devicePixelRatio`** read-only property of the {{domxref("PaintWorkletGlobalScope")}} interface returns the current device's ratio of physical pixels to logical pixels.
+The **`devicePixelRatio`** read-only property of the {{domxref("PaintWorkletGlobalScope")}} interface returns the current device's ratio of physical pixels to logical pixels.
 
 ## Value
 
diff --git a/files/en-us/web/api/paintworkletglobalscope/index.md b/files/en-us/web/api/paintworkletglobalscope/index.md
index e182f0c4a065090..6d0438bcf2c02bf 100644
--- a/files/en-us/web/api/paintworkletglobalscope/index.md
+++ b/files/en-us/web/api/paintworkletglobalscope/index.md
@@ -22,7 +22,7 @@ To avoid leaking visited links, this feature is currently disabled in Chrome-bas
 
 _This interface inherits methods from {{domxref('WorkletGlobalScope')}}._
 
-- {{domxref('PaintWorkletGlobalScope.devicePixelRatio')}} {{Experimental_Inline}}
+- {{domxref('PaintWorkletGlobalScope.devicePixelRatio')}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns the current device's ratio of physical pixels to logical pixels.
 
 ## Instance methods

From ebd892e9369d976da7073610f06c3816706673b5 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 29 Dec 2023 15:20:26 +0800
Subject: [PATCH 170/790] AbortSignal | update inherit info & small style
 pretty (#31384)

* update inherit info

* style
---
 files/en-us/web/api/abortsignal/index.md | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/files/en-us/web/api/abortsignal/index.md b/files/en-us/web/api/abortsignal/index.md
index 60ae73d5839f0c8..1bb7478b27efda3 100644
--- a/files/en-us/web/api/abortsignal/index.md
+++ b/files/en-us/web/api/abortsignal/index.md
@@ -13,7 +13,7 @@ The **`AbortSignal`** interface represents a signal object that allows you to co
 
 ## Instance properties
 
-_The AbortSignal interface may also inherit properties from its parent interface, {{domxref("EventTarget")}}._
+_Also inherits properties from its parent interface, {{domxref("EventTarget")}}._
 
 - {{domxref("AbortSignal.aborted")}} {{ReadOnlyInline}}
   - : A {{Glossary("Boolean")}} that indicates whether the request(s) the signal is communicating with is/are aborted (`true`) or not (`false`).
@@ -22,25 +22,29 @@ _The AbortSignal interface may also inherit properties from its parent interface
 
 ## Static methods
 
+_Also inherits methods from its parent interface, {{domxref("EventTarget")}}._
+
 - {{domxref("AbortSignal/abort_static", "AbortSignal.abort()")}}
-  - : Returns an **`AbortSignal`** instance that is already set as aborted.
+  - : Returns an `AbortSignal` instance that is already set as aborted.
 - {{domxref("AbortSignal/any_static", "AbortSignal.any()")}}
-  - : Returns an **`AbortSignal`** that aborts when any of the given abort signals abort.
+  - : Returns an `AbortSignal` that aborts when any of the given abort signals abort.
 - {{domxref("AbortSignal/timeout_static", "AbortSignal.timeout()")}}
-  - : Returns an **`AbortSignal`** instance that will automatically abort after a specified time.
+  - : Returns an `AbortSignal` instance that will automatically abort after a specified time.
 
 ## Instance methods
 
-_The **`AbortSignal`** interface may also inherit methods from its parent interface, {{domxref("EventTarget")}}._
+_Also inherits methods from its parent interface, {{domxref("EventTarget")}}._
 
 - {{domxref("AbortSignal.throwIfAborted()")}}
   - : Throws the signal's abort {{domxref("AbortSignal.reason", "reason")}} if the signal has been aborted; otherwise it does nothing.
 
 ## Events
 
-Listen to this event using [`addEventListener()`](/en-US/docs/Web/API/EventTarget/addEventListener) or by assigning an event listener to the `oneventname` property of this interface.
+_Also inherits events from its parent interface, {{DOMxRef("EventTarget")}}._
+
+Listen to this event using {{domxref("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface.
 
-- [`abort`](/en-US/docs/Web/API/AbortSignal/abort_event)
+- {{domxref("AbortSignal/abort_event", "abort")}}
   - : Invoked when the DOM requests the signal is communicating with is/are aborted.
     Also available via the `onabort` property.
 

From a7dc8593894e275bb9d522168f3ae9120ce5242e Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 29 Dec 2023 16:32:30 +0800
Subject: [PATCH 171/790] SVG | cleanup GroupData (#31385)

---
 files/en-us/web/api/svg_api/index.md           | 2 --
 files/en-us/web/api/svgpatternelement/index.md | 4 ++--
 files/en-us/web/api/svgsvgelement/index.md     | 4 ++--
 files/en-us/web/api/svgsymbolelement/index.md  | 4 ++--
 files/jsondata/GroupData.json                  | 6 ------
 5 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/files/en-us/web/api/svg_api/index.md b/files/en-us/web/api/svg_api/index.md
index 7d83e3b7cd1b72d..8f02aec135409c4 100644
--- a/files/en-us/web/api/svg_api/index.md
+++ b/files/en-us/web/api/svg_api/index.md
@@ -60,7 +60,6 @@ The SVG API is a set of interfaces that have been categorized into the following
 - {{DOMxRef("SVGFETileElement")}}
 - {{DOMxRef("SVGFETurbulenceElement")}}
 - {{DOMxRef("SVGFilterElement")}}
-- {{DOMxRef("SVGFilterPrimitiveStandardAttributes")}}
 - {{DOMxRef("SVGForeignObjectElement")}}
 - {{DOMxRef("SVGGElement")}}
 - {{DOMxRef("SVGGeometryElement")}}
@@ -142,7 +141,6 @@ Here are the DOM APIs for data types used in the definitions of SVG properties a
 - {{DOMxRef("GetSVGDocument")}}
 - {{DOMxRef("ShadowAnimation")}}
 - {{DOMxRef("SVGDocument")}}
-- {{DOMxRef("SVGFitToViewBox")}}
 - {{DOMxRef("SVGUnitTypes")}}
 - {{DOMxRef("SVGUseElementShadowRoot")}}
 
diff --git a/files/en-us/web/api/svgpatternelement/index.md b/files/en-us/web/api/svgpatternelement/index.md
index 287b8924a599e12..47db8e192ba538e 100644
--- a/files/en-us/web/api/svgpatternelement/index.md
+++ b/files/en-us/web/api/svgpatternelement/index.md
@@ -13,7 +13,7 @@ The **`SVGPatternElement`** interface corresponds to the {{SVGElement("pattern")
 
 ## Instance properties
 
-_This interface also inherits properties from its parent, {{domxref("SVGElement")}} and implements the ones from {{domxref("SVGFitToViewBox")}}._
+_This interface also inherits properties from its parent, {{domxref("SVGElement")}}._
 
 - {{domxref("SVGPatternElement.href")}} {{ReadOnlyInline}}
   - : An {{domxref("SVGAnimatedString")}} corresponding to the {{SVGAttr("href")}} or {{SVGAttr("xlink:href")}} {{deprecated_inline}} attribute of the given {{SVGElement("pattern")}} element.
@@ -34,7 +34,7 @@ _This interface also inherits properties from its parent, {{domxref("SVGElement"
 
 ## Instance methods
 
-_This interface doesn't implement any specific methods, but inherits methods from its parent interface, {{domxref("SVGElement")}} and implements the ones from {{domxref("SVGFitToViewBox")}}._
+_This interface doesn't implement any specific methods, but inherits methods from its parent interface, {{domxref("SVGElement")}}._
 
 ## Specifications
 
diff --git a/files/en-us/web/api/svgsvgelement/index.md b/files/en-us/web/api/svgsvgelement/index.md
index 58afe7a99e9d50c..74cc8b3b483ee87 100644
--- a/files/en-us/web/api/svgsvgelement/index.md
+++ b/files/en-us/web/api/svgsvgelement/index.md
@@ -13,7 +13,7 @@ The **`SVGSVGElement`** interface provides access to the properties of {{SVGElem
 
 ## Instance properties
 
-_This interface also inherits properties from its parent, {{domxref("SVGGraphicsElement")}} and also implements the ones from {{domxref("SVGFitToViewBox")}}._
+_This interface also inherits properties from its parent, {{domxref("SVGGraphicsElement")}}._
 
 - {{domxref("SVGSVGElement.x")}} {{ReadOnlyInline}}
   - : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("x")}} attribute of the given {{SVGElement("svg")}} element.
@@ -61,7 +61,7 @@ _This interface also inherits properties from its parent, {{domxref("SVGGraphics
 
 ## Instance methods
 
-_This interface also inherits methods from its parent, {{domxref("SVGGraphicsElement")}} and also implements the ones from {{domxref("SVGFitToViewBox")}}._
+_This interface also inherits methods from its parent, {{domxref("SVGGraphicsElement")}}._
 
 - {{domxref("SVGSVGElement.suspendRedraw()")}} {{Deprecated_Inline}}
 
diff --git a/files/en-us/web/api/svgsymbolelement/index.md b/files/en-us/web/api/svgsymbolelement/index.md
index 20d729f09b55705..5226650ec579275 100644
--- a/files/en-us/web/api/svgsymbolelement/index.md
+++ b/files/en-us/web/api/svgsymbolelement/index.md
@@ -13,11 +13,11 @@ The **`SVGSymbolElement`** interface corresponds to the {{SVGElement("symbol")}}
 
 ## Instance properties
 
-_This interface doesn't implement any specific properties, but inherits properties from its parent interface, {{domxref("SVGGraphicsElement")}}, and implements properties from {{domxref("SVGFitToViewBox")}}._
+_This interface doesn't implement any specific properties, but inherits properties from its parent interface, {{domxref("SVGGraphicsElement")}}._
 
 ## Instance methods
 
-_This interface doesn't implement any specific methods, but inherits methods from its parent interface, {{domxref("SVGGraphicsElement")}}, and implements methods from {{domxref("SVGFitToViewBox")}}._
+_This interface doesn't implement any specific methods, but inherits methods from its parent interface, {{domxref("SVGGraphicsElement")}}._
 
 ## Specifications
 
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index c3744f7dcc6515e..3fe1036c802ba37 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -1445,8 +1445,6 @@
         "SVGFETileElement",
         "SVGFETurbulenceElement",
         "SVGFilterElement",
-        "SVGFilterPrimitiveStandardAttributes",
-        "SVGFitToViewBox",
         "SVGFontElement",
         "SVGFontFaceElement",
         "SVGFontFaceFormatElement",
@@ -1489,14 +1487,12 @@
         "SVGSVGElement",
         "SVGSwitchElement",
         "SVGSymbolElement",
-        "SVGTests",
         "SVGTextContentElement",
         "SVGTextElement",
         "SVGTextPathElement",
         "SVGTextPositioningElement",
         "SVGTitleElement",
         "SVGTransform",
-        "SVGTransformable",
         "SVGTransformList",
         "SVGTRefElement",
         "SVGTSpanElement",
@@ -1504,8 +1500,6 @@
         "SVGUseElement",
         "SVGViewElement",
         "SVGVKernElement",
-        "SVGZoomAndPan",
-        "SVGZoomEvent",
         "TimeEvent"
       ],
       "methods": [],

From 01b32cf8a03bab91dd0560dd907d0ed6e56cc56e Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 29 Dec 2023 16:37:34 +0800
Subject: [PATCH 172/790] CookieStore | parameters update (#31371)

---
 files/en-us/web/api/cookiestore/delete/index.md | 12 ++++++------
 files/en-us/web/api/cookiestore/get/index.md    |  4 ++--
 files/en-us/web/api/cookiestore/set/index.md    | 14 +++++++-------
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/files/en-us/web/api/cookiestore/delete/index.md b/files/en-us/web/api/cookiestore/delete/index.md
index f2696999bd101d0..7e5ca8e665873ef 100644
--- a/files/en-us/web/api/cookiestore/delete/index.md
+++ b/files/en-us/web/api/cookiestore/delete/index.md
@@ -23,23 +23,23 @@ delete(options)
 
 This method requires one of the following:
 
-- `name`
+- `name` {{optional_inline}}
   - : A string with the name of a cookie.
 
 Or
 
-- `options`
+- `options` {{optional_inline}}
 
   - : An object containing:
 
     - `name`
       - : A string with the name of a cookie.
+    - `domain` {{Optional_Inline}}
+      - : A string with the domain of a cookie. Defaults to `null`.
+    - `path` {{Optional_Inline}}
+      - : A string containing a path. Defaults to `/`.
     - `partitioned` {{Optional_Inline}}
       - : A boolean value that defaults to `false`. Setting it to `true` specifies that the cookie to delete will be a partitioned cookie. See [Cookies Having Independent Partitioned State (CHIPS)](/en-US/docs/Web/Privacy/Partitioned_cookies) for more information.
-    - `path` {{Optional_Inline}}
-      - : A string containing a path.
-    - `url` {{Optional_Inline}}
-      - : A string with the URL of a cookie.
 
 > **Note:** The `url` option enables the modification of a cookie scoped under a particular URL. Service workers can obtain cookies that would be sent to any URL under their scope. From a document you may only obtain the cookies at the current URL, so the only valid URL in a document context is the document's URL.
 
diff --git a/files/en-us/web/api/cookiestore/get/index.md b/files/en-us/web/api/cookiestore/get/index.md
index e82c7066d8fb4f2..d381ea3c3e2f3e1 100644
--- a/files/en-us/web/api/cookiestore/get/index.md
+++ b/files/en-us/web/api/cookiestore/get/index.md
@@ -23,12 +23,12 @@ get(options)
 
 This method requires one of the following:
 
-- `name`
+- `name` {{optional_inline}}
   - : A string with the name of a cookie.
 
 Or
 
-- `options`
+- `options` {{optional_inline}}
 
   - : An object containing:
 
diff --git a/files/en-us/web/api/cookiestore/set/index.md b/files/en-us/web/api/cookiestore/set/index.md
index 5e1066d6d0fad18..fc33c910c4db77b 100644
--- a/files/en-us/web/api/cookiestore/set/index.md
+++ b/files/en-us/web/api/cookiestore/set/index.md
@@ -23,33 +23,33 @@ set(options)
 
 This method requires one of the following:
 
-- `name`
+- `name` {{optional_inline}}
   - : A string with the name of the cookie.
-- `value`
+- `value` {{optional_inline}}
   - : A string with the value of the cookie.
 
 Or
 
-- `options`
+- `options` {{optional_inline}}
 
   - : An object containing:
 
     - `domain` {{Optional_Inline}}
-      - : A string containing the domain of the cookie.
+      - : A string containing the domain of the cookie. Defaults to `null`.
     - `expires` {{Optional_Inline}}
-      - : A timestamp, given as [Unix time](/en-US/docs/Glossary/Unix_time) in milliseconds, containing the expiration date of the cookie.
+      - : A timestamp, given as {{glossary("Unix time")}} in milliseconds, containing the expiration date of the cookie. Defaults to `null`.
     - `name`
       - : A string with the name of a cookie.
     - `partitioned` {{Optional_Inline}}
       - : A boolean value that defaults to `false`. If set to `true`, the set cookie will be a partitioned cookie. See [Cookies Having Independent Partitioned State (CHIPS)](/en-US/docs/Web/Privacy/Partitioned_cookies) for more information.
     - `path` {{Optional_Inline}}
-      - : A string containing the path of the cookie.
+      - : A string containing the path of the cookie. Defaults to `/`.
     - `sameSite` {{Optional_Inline}}
 
       - : One of the following [`SameSite`](/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value) values:
 
         - `"strict"`
-          - : Cookies will only be sent in a first-party context and not be sent along with requests initiated by third party websites.
+          - : Cookies will only be sent in a first-party context and not be sent along with requests initiated by third party websites. This is the default.
         - `"lax"`
           - : Cookies are not sent on normal cross-site subrequests (for example to load images or frames into a third party site), but are sent when a user is navigating to the origin site (i.e. when following a link).
         - `"none"`

From 42f13b588e5169476076f2df6e9aaa24d6bdee2c Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 29 Dec 2023 17:10:52 +0800
Subject: [PATCH 173/790] init docs for `trustedTypes` global property (#31386)

* init docs

* Update files/en-us/web/api/trustedtypes/index.md

---------

Co-authored-by: sideshowbarker <mike@w3.org>
---
 files/en-us/web/api/trustedtypes/index.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 files/en-us/web/api/trustedtypes/index.md

diff --git a/files/en-us/web/api/trustedtypes/index.md b/files/en-us/web/api/trustedtypes/index.md
new file mode 100644
index 000000000000000..999d3b643fe3f00
--- /dev/null
+++ b/files/en-us/web/api/trustedtypes/index.md
@@ -0,0 +1,23 @@
+---
+title: trustedTypes global property
+short-title: trustedTypes
+slug: Web/API/trustedTypes
+page-type: web-api-global-property
+browser-compat: api.trustedTypes
+---
+
+{{APIRef("Trusted Types API")}}{{AvailableInWorkers}}
+
+The global **`trustedTypes`** read-only property returns the {{domxref("TrustedTypePolicyFactory")}} object associated with the global object, providing the entry point for using the {{domxref("Trusted Types API", "", "", "nocode")}}.
+
+## Value
+
+An {{domxref("TrustedTypePolicyFactory")}} object.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}

From a22ecd90400e99a719e68dbbafb5a679a2f4c9e3 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Fri, 29 Dec 2023 02:24:30 -0800
Subject: [PATCH 174/790] Improve page title (#31388)

change title
---
 files/en-us/web/css/css_syntax/error_handling/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/css_syntax/error_handling/index.md b/files/en-us/web/css/css_syntax/error_handling/index.md
index 1390a8fd8364749..7579553f2b7c354 100644
--- a/files/en-us/web/css/css_syntax/error_handling/index.md
+++ b/files/en-us/web/css/css_syntax/error_handling/index.md
@@ -1,5 +1,5 @@
 ---
-title: CSS syntax errors
+title: CSS error handling
 slug: Web/CSS/CSS_syntax/Error_handling
 page-type: guide
 ---

From 69b7110f47152aae29dc8459778474ae5a53eec5 Mon Sep 17 00:00:00 2001
From: callmeAditya <63840952+callmeAditya@users.noreply.github.com>
Date: Fri, 29 Dec 2023 19:44:15 +0530
Subject: [PATCH 175/790] Add isNaN([...]) cases (#31289)

* isnan([]) hotfix

* Update index.md

---------

Co-authored-by: Aditya Rana <adityarana@Adityas-MacBook-Air.local>
Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../web/javascript/reference/global_objects/isnan/index.md   | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/files/en-us/web/javascript/reference/global_objects/isnan/index.md b/files/en-us/web/javascript/reference/global_objects/isnan/index.md
index 0c057b26cd772f0..fa0875e62e9a550 100644
--- a/files/en-us/web/javascript/reference/global_objects/isnan/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/isnan/index.md
@@ -64,6 +64,11 @@ isNaN(" "); // false: a string with spaces is converted to 0 which is not NaN
 // Dates
 isNaN(new Date()); // false; Date objects can be converted to a number (timestamp)
 isNaN(new Date().toString()); // true; the string representation of a Date object cannot be parsed as a number
+
+// Arrays
+isNaN([]); // false; the primitive representation is "", which coverts to the number 0
+isNaN([1]); // false; the primitive representation is "1"
+isNaN([1, 2]); // true; the primitive representation is "1,2", which cannot be parsed as number
 ```
 
 ## Specifications

From ec9fab3524d17932694856be045c9e50168821fd Mon Sep 17 00:00:00 2001
From: Jason Lam <jasonlamv-t@hotmail.com>
Date: Fri, 29 Dec 2023 22:15:19 +0800
Subject: [PATCH 176/790] Minor fix of Atomics.exchange() and compareExchange()
 (#31315)

minor fix of Atomics.exchange() and compareExchange()
---
 .../atomics/compareexchange/index.md            | 17 ++++-------------
 .../global_objects/atomics/exchange/index.md    | 16 ++++------------
 2 files changed, 8 insertions(+), 25 deletions(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/atomics/compareexchange/index.md b/files/en-us/web/javascript/reference/global_objects/atomics/compareexchange/index.md
index 7ec17e6851db748..9db992a54de25ed 100644
--- a/files/en-us/web/javascript/reference/global_objects/atomics/compareexchange/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/atomics/compareexchange/index.md
@@ -7,11 +7,7 @@ browser-compat: javascript.builtins.Atomics.compareExchange
 
 {{JSRef}}
 
-The **`Atomics.compareExchange()`** static
-method exchanges a given replacement value at a given position in the array, if a given
-expected value equals the old value. It returns the old value at that position whether
-it was equal to the expected value or not. This atomic operation guarantees that no
-other write happens until the modified value is written back.
+The **`Atomics.compareExchange()`** static method exchanges a given replacement value at a given position in the array, if a given expected value equals the old value. It returns the old value at that position whether it was equal to the expected value or not. This atomic operation guarantees that no other write happens until the modified value is written back.
 
 {{EmbedInteractiveExample("pages/js/atomics-compareexchange.html")}}
 
@@ -24,13 +20,9 @@ Atomics.compareExchange(typedArray, index, expectedValue, replacementValue)
 ### Parameters
 
 - `typedArray`
-  - : An integer typed array. One of {{jsxref("Int8Array")}}, {{jsxref("Uint8Array")}},
-    {{jsxref("Int16Array")}}, {{jsxref("Uint16Array")}}, {{jsxref("Int32Array")}},
-    {{jsxref("Uint32Array")}}, {{jsxref("BigInt64Array")}}, or
-    {{jsxref("BigUint64Array")}}.
+  - : An integer typed array. One of {{jsxref("Int8Array")}}, {{jsxref("Uint8Array")}}, {{jsxref("Int16Array")}}, {{jsxref("Uint16Array")}}, {{jsxref("Int32Array")}}, {{jsxref("Uint32Array")}}, {{jsxref("BigInt64Array")}}, or {{jsxref("BigUint64Array")}}.
 - `index`
-  - : The position in the `typedArray` to exchange a
-    `value`.
+  - : The position in the `typedArray` to exchange a `replacementValue`.
 - `expectedValue`
   - : The value to check for equality.
 - `replacementValue`
@@ -38,8 +30,7 @@ Atomics.compareExchange(typedArray, index, expectedValue, replacementValue)
 
 ### Return value
 
-The old value at the given position
-(`typedArray[index]`).
+The old value at the given position (`typedArray[index]`).
 
 ### Exceptions
 
diff --git a/files/en-us/web/javascript/reference/global_objects/atomics/exchange/index.md b/files/en-us/web/javascript/reference/global_objects/atomics/exchange/index.md
index dd996ce5595c071..005c87032709c68 100644
--- a/files/en-us/web/javascript/reference/global_objects/atomics/exchange/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/atomics/exchange/index.md
@@ -7,10 +7,7 @@ browser-compat: javascript.builtins.Atomics.exchange
 
 {{JSRef}}
 
-The **`Atomics.exchange()`** static method stores a given value
-at a given position in the array and returns the old value at that position. This atomic
-operation guarantees that no other write happens between the read of the old value and
-the write of the new value.
+The **`Atomics.exchange()`** static method exchanges a given value at a given position in the array and returns the old value at that position. This atomic operation guarantees that no other write happens between the read of the old value and the write of the new value.
 
 {{EmbedInteractiveExample("pages/js/atomics-exchange.html")}}
 
@@ -23,20 +20,15 @@ Atomics.exchange(typedArray, index, value)
 ### Parameters
 
 - `typedArray`
-  - : An integer typed array. One of {{jsxref("Int8Array")}}, {{jsxref("Uint8Array")}},
-    {{jsxref("Int16Array")}}, {{jsxref("Uint16Array")}}, {{jsxref("Int32Array")}},
-    {{jsxref("Uint32Array")}}, {{jsxref("BigInt64Array")}}, or
-    {{jsxref("BigUint64Array")}}.
+  - : An integer typed array. One of {{jsxref("Int8Array")}}, {{jsxref("Uint8Array")}}, {{jsxref("Int16Array")}}, {{jsxref("Uint16Array")}}, {{jsxref("Int32Array")}}, {{jsxref("Uint32Array")}}, {{jsxref("BigInt64Array")}}, or {{jsxref("BigUint64Array")}}.
 - `index`
-  - : The position in the `typedArray` to exchange a
-    `value`.
+  - : The position in the `typedArray` to exchange a `value`.
 - `value`
   - : The number to exchange.
 
 ### Return value
 
-The old value at the given position
-(`typedArray[index]`).
+The old value at the given position (`typedArray[index]`).
 
 ### Exceptions
 

From a3102e6154717a0dda3f3e1b759b1c9e0f0b7275 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Fri, 29 Dec 2023 15:17:41 +0100
Subject: [PATCH 177/790] Add alternate links to parseInt with binary prefix
 (#31150)

* Add alternate links to parseInt with binary prefix

```js
> parseInt("0b10101010")
0
> Number("0b10101010")
170
> BigInt("0b10101010")
170n
```

* Update files/en-us/web/javascript/reference/global_objects/parseint/index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../web/javascript/reference/global_objects/parseint/index.md   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/parseint/index.md b/files/en-us/web/javascript/reference/global_objects/parseint/index.md
index c6379547bff5a48..b510e47f46e42bb 100644
--- a/files/en-us/web/javascript/reference/global_objects/parseint/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/parseint/index.md
@@ -46,7 +46,7 @@ The `radix` argument is [converted to a number](/en-US/docs/Web/JavaScript/Refer
 1. If the input `string`, with leading whitespace and possible `+`/`-` signs removed, begins with `0x` or `0X` (a zero, followed by lowercase or uppercase X), `radix` is assumed to be `16` and the rest of the string is parsed as a hexadecimal number.
 2. If the input `string` begins with any other value, the radix is `10` (decimal).
 
-> **Note:** Other prefixes like `0b`, which are valid in [number literals](/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#binary), are treated as normal digits by `parseInt()`. `parseInt()` does _not_ treat strings beginning with a `0` character as octal values either. The only prefix that `parseInt()` recognizes is `0x` or `0X` for hexadecimal values — everything else is parsed as a decimal value if `radix` is missing.
+> **Note:** Other prefixes like `0b`, which are valid in [number literals](/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#binary), are treated as normal digits by `parseInt()`. `parseInt()` does _not_ treat strings beginning with a `0` character as octal values either. The only prefix that `parseInt()` recognizes is `0x` or `0X` for hexadecimal values — everything else is parsed as a decimal value if `radix` is missing. [`Number()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/Number) or [`BigInt()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt/BigInt) can be used instead to parse these prefixes.
 
 If the radix is `16`, `parseInt()` allows the string to be optionally prefixed by `0x` or `0X` after the optional sign character (`+`/`-`).
 

From c08b415e28c07247ab8ef41c504f29d94f5bee6f Mon Sep 17 00:00:00 2001
From: Pedro Pedruzzi <pedro.pedruzzi@gmail.com>
Date: Fri, 29 Dec 2023 11:22:09 -0300
Subject: [PATCH 178/790] Clarify return value of Promise.prototype.catch()
 (#31032)

* Clarify return value of Promise.prototype.catch()

In case the promise is fulfilled, this change clarifies that the returned promise fulfills to the current promise fulfillment value.

* Update files/en-us/web/javascript/reference/global_objects/promise/catch/index.md

* Update files/en-us/web/javascript/reference/global_objects/promise/catch/index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../javascript/reference/global_objects/promise/catch/index.md  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/promise/catch/index.md b/files/en-us/web/javascript/reference/global_objects/promise/catch/index.md
index 615687e3572bb2c..7a52941238bd165 100644
--- a/files/en-us/web/javascript/reference/global_objects/promise/catch/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/promise/catch/index.md
@@ -26,7 +26,7 @@ promiseInstance.catch(onRejected)
 
 ### Return value
 
-Returns a new {{jsxref("Promise")}}. This new promise is always pending when returned, regardless of the current promise's status. It's eventually rejected if `onRejected` throws an error or returns a Promise which is itself rejected; otherwise, it's eventually fulfilled.
+Returns a new {{jsxref("Promise")}}. This new promise is always pending when returned, regardless of the current promise's status. If `onRejected` is called, the returned promise will resolve based on the return value of this call, or reject with the thrown error from this call. If the current promise fulfills, `onRejected` is not called and the returned promise fulfills to the same value.
 
 ## Description
 

From dc27e4ecb16661cf6451ac69b4eb691584f7c359 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Fri, 29 Dec 2023 17:56:15 +0100
Subject: [PATCH 179/790] Add HTMLMenuElement to GroupData.json (#31389)

---
 files/jsondata/GroupData.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 3fe1036c802ba37..a1ad10bacd769ea 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -645,6 +645,7 @@
         "HTMLLinkElement",
         "HTMLMapElement",
         "HTMLMediaElement",
+        "HTMLMenuElement",
         "HTMLMetaElement",
         "HTMLMeterElement",
         "HTMLModElement",

From 8ebe0d2b9b380a8375fdc560dc84584bb8d36184 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Sat, 30 Dec 2023 07:29:19 +0530
Subject: [PATCH 180/790] Synchronize with BCD v5.5.3 (#31394)

Co-authored-by: OnkarRuikar <OnkarRuikar@users.noreply.github.com>
---
 files/en-us/web/api/paymentmanager/enabledelegations/index.md | 3 +--
 files/en-us/web/api/paymentmanager/index.md                   | 2 +-
 files/en-us/web/css/basic-shape/index.md                      | 2 +-
 files/en-us/web/css/basic-shape/rect/index.md                 | 4 +---
 files/en-us/web/html/element/iframe/index.md                  | 2 +-
 5 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/files/en-us/web/api/paymentmanager/enabledelegations/index.md b/files/en-us/web/api/paymentmanager/enabledelegations/index.md
index 5c2658bc478c0b8..d3325aa792d0da0 100644
--- a/files/en-us/web/api/paymentmanager/enabledelegations/index.md
+++ b/files/en-us/web/api/paymentmanager/enabledelegations/index.md
@@ -5,11 +5,10 @@ slug: Web/API/PaymentManager/enableDelegations
 page-type: web-api-instance-method
 status:
   - experimental
-  - non-standard
 browser-compat: api.PaymentManager.enableDelegations
 ---
 
-{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{Non-standard_header}}
+{{APIRef("Payment Handler API")}}{{SeeCompatTable}}
 
 The **`enableDelegations()`** method of the {{domxref("PaymentManager")}} interface delegates responsibility for providing various parts of the required payment information to the payment app rather than collecting it from the browser (for example, via autofill).
 
diff --git a/files/en-us/web/api/paymentmanager/index.md b/files/en-us/web/api/paymentmanager/index.md
index d4dc3acd19cd7c6..1a097489f83565c 100644
--- a/files/en-us/web/api/paymentmanager/index.md
+++ b/files/en-us/web/api/paymentmanager/index.md
@@ -22,7 +22,7 @@ It is accessed via the {{domxref("ServiceWorkerRegistration.paymentManager")}} p
 
 ## Instance methods
 
-- {{domxref("PaymentManager.enableDelegations", "enableDelegations()")}} {{Experimental_Inline}} {{Non-standard_Inline}}
+- {{domxref("PaymentManager.enableDelegations", "enableDelegations()")}} {{Experimental_Inline}}
   - : Delegates responsibility for providing various parts of the required payment information to the payment app rather than collecting it from the browser (for example, via autofill).
 
 ## Examples
diff --git a/files/en-us/web/css/basic-shape/index.md b/files/en-us/web/css/basic-shape/index.md
index 7f3eed87a95721f..4675aa617d469a5 100644
--- a/files/en-us/web/css/basic-shape/index.md
+++ b/files/en-us/web/css/basic-shape/index.md
@@ -39,7 +39,7 @@ The following shapes are supported. All `<basic-shape>` values use functional no
 
     A pair of insets in either dimension that add up to more than the used dimension (such as left and right insets of 75% apiece) define a shape enclosing no area. For this specification, this results in an empty float area.
 
-- `{{cssxref("basic-shape/rect","rect()")}}` {{Experimental_Inline}}
+- `{{cssxref("basic-shape/rect","rect()")}}`
 
   - : Defines a rectangle using the specified distances from the top and left edges of the reference box.
 
diff --git a/files/en-us/web/css/basic-shape/rect/index.md b/files/en-us/web/css/basic-shape/rect/index.md
index fe837cbe8f4b022..3fa36aaa83b7eba 100644
--- a/files/en-us/web/css/basic-shape/rect/index.md
+++ b/files/en-us/web/css/basic-shape/rect/index.md
@@ -2,12 +2,10 @@
 title: rect()
 slug: Web/CSS/basic-shape/rect
 page-type: css-function
-status:
-  - experimental
 browser-compat: css.types.basic-shape.rect
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
 The **`rect()`** [CSS](/en-US/docs/Web/CSS) function creates a rectangle at the specified distance from the top and left edges of the containing block. It is a basic shape function of the {{cssxref("&lt;basic-shape&gt;")}} [data type](/en-US/docs/Web/CSS/CSS_Types). You can use the `rect()` function in CSS properties such as {{cssxref("offset-path")}} to create the rectangular path along which an element moves and in {{cssxref("clip-path")}} to define the shape of the clipping region.
 
diff --git a/files/en-us/web/html/element/iframe/index.md b/files/en-us/web/html/element/iframe/index.md
index c2317500bb75d57..b62f7380ef7504e 100644
--- a/files/en-us/web/html/element/iframe/index.md
+++ b/files/en-us/web/html/element/iframe/index.md
@@ -31,7 +31,7 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
 
     > **Note:** This attribute is considered a legacy attribute and redefined as `allow="fullscreen"`.
 
-- `allowpaymentrequest` {{Experimental_Inline}}
+- `allowpaymentrequest` {{deprecated_inline}} {{non-standard_inline}}
 
   - : Set to `true` if a cross-origin `<iframe>` should be allowed to invoke the [Payment Request API](/en-US/docs/Web/API/Payment_Request_API).
 

From a5d90e4c36c0155024621fe00e15ae61f3697d88 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 30 Dec 2023 14:16:10 +0800
Subject: [PATCH 181/790] PaymentRequest | fix apiref & add
 {{SecureContext_Header}} (#31395)

* fix apiref

* add {{securecontext_header}}
---
 files/en-us/web/api/paymentaddress/addressline/index.md         | 2 +-
 files/en-us/web/api/paymentaddress/city/index.md                | 2 +-
 files/en-us/web/api/paymentaddress/country/index.md             | 2 +-
 files/en-us/web/api/paymentaddress/dependentlocality/index.md   | 2 +-
 files/en-us/web/api/paymentaddress/organization/index.md        | 2 +-
 files/en-us/web/api/paymentaddress/phone/index.md               | 2 +-
 files/en-us/web/api/paymentaddress/postalcode/index.md          | 2 +-
 files/en-us/web/api/paymentaddress/recipient/index.md           | 2 +-
 files/en-us/web/api/paymentaddress/region/index.md              | 2 +-
 files/en-us/web/api/paymentaddress/sortingcode/index.md         | 2 +-
 files/en-us/web/api/paymentaddress/tojson/index.md              | 2 +-
 files/en-us/web/api/paymentrequest/id/index.md                  | 2 +-
 .../web/api/paymentrequest/paymentmethodchange_event/index.md   | 2 +-
 files/en-us/web/api/paymentrequest/shippingtype/index.md        | 2 +-
 files/en-us/web/api/paymentresponse/requestid/index.md          | 2 +-
 15 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/files/en-us/web/api/paymentaddress/addressline/index.md b/files/en-us/web/api/paymentaddress/addressline/index.md
index 456f90914e74573..4c2b2f70b554b6f 100644
--- a/files/en-us/web/api/paymentaddress/addressline/index.md
+++ b/files/en-us/web/api/paymentaddress/addressline/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentAddress.addressLine
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{APIRef("Payment Request API")}}{{SecureContext_Header}}{{Deprecated_Header}}{{Non-standard_Header}}
 
 The **`addressLine`** read-only
 property of the {{domxref('PaymentAddress')}} interface is an array of
diff --git a/files/en-us/web/api/paymentaddress/city/index.md b/files/en-us/web/api/paymentaddress/city/index.md
index d490d15c3609431..142ec1cb6fe200e 100644
--- a/files/en-us/web/api/paymentaddress/city/index.md
+++ b/files/en-us/web/api/paymentaddress/city/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentAddress.city
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{APIRef("Payment Request API")}}{{SecureContext_Header}}{{Deprecated_Header}}{{Non-standard_Header}}
 
 The **`city`** read-only property of
 the {{domxref('PaymentAddress')}} interface returns a string containing the city or
diff --git a/files/en-us/web/api/paymentaddress/country/index.md b/files/en-us/web/api/paymentaddress/country/index.md
index df7d8a780429300..9db8397423e5cec 100644
--- a/files/en-us/web/api/paymentaddress/country/index.md
+++ b/files/en-us/web/api/paymentaddress/country/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentAddress.country
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{APIRef("Payment Request API")}}{{SecureContext_Header}}{{Deprecated_Header}}{{Non-standard_Header}}
 
 The **`country`** read-only property of the
 {{domxref('PaymentAddress')}} interface is a string identifying the address's country
diff --git a/files/en-us/web/api/paymentaddress/dependentlocality/index.md b/files/en-us/web/api/paymentaddress/dependentlocality/index.md
index 078a9294d23074f..02aba1879e2b7ac 100644
--- a/files/en-us/web/api/paymentaddress/dependentlocality/index.md
+++ b/files/en-us/web/api/paymentaddress/dependentlocality/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentAddress.dependentLocality
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{APIRef("Payment Request API")}}{{SecureContext_Header}}{{Deprecated_Header}}{{Non-standard_Header}}
 
 The read-only **`dependentLocality`**
 property of the {{domxref('PaymentAddress')}} interface is a string containing a
diff --git a/files/en-us/web/api/paymentaddress/organization/index.md b/files/en-us/web/api/paymentaddress/organization/index.md
index 734d4c14257b37b..636a8bfd3ff4a71 100644
--- a/files/en-us/web/api/paymentaddress/organization/index.md
+++ b/files/en-us/web/api/paymentaddress/organization/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentAddress.organization
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{APIRef("Payment Request API")}}{{SecureContext_Header}}{{Deprecated_Header}}{{Non-standard_Header}}
 
 The **`organization`** read-only
 property of the {{domxref('PaymentAddress')}} interface returns a string containing
diff --git a/files/en-us/web/api/paymentaddress/phone/index.md b/files/en-us/web/api/paymentaddress/phone/index.md
index ef3fe4457b051e1..560acbd7485c3ec 100644
--- a/files/en-us/web/api/paymentaddress/phone/index.md
+++ b/files/en-us/web/api/paymentaddress/phone/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentAddress.phone
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{APIRef("Payment Request API")}}{{SecureContext_Header}}{{Deprecated_Header}}{{Non-standard_Header}}
 
 The read-only **`phone`** property of the
 {{domxref('PaymentAddress')}} interface returns a string containing the telephone number
diff --git a/files/en-us/web/api/paymentaddress/postalcode/index.md b/files/en-us/web/api/paymentaddress/postalcode/index.md
index 884518e8e42ee28..bf36cffadf18874 100644
--- a/files/en-us/web/api/paymentaddress/postalcode/index.md
+++ b/files/en-us/web/api/paymentaddress/postalcode/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentAddress.postalCode
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{APIRef("Payment Request API")}}{{SecureContext_Header}}{{Deprecated_Header}}{{Non-standard_Header}}
 
 The **`postalCode`** read-only property of the
 {{domxref('PaymentAddress')}} interface returns a string containing a code used by a
diff --git a/files/en-us/web/api/paymentaddress/recipient/index.md b/files/en-us/web/api/paymentaddress/recipient/index.md
index 247fb2a614b9403..1e3ce45b20ff5c4 100644
--- a/files/en-us/web/api/paymentaddress/recipient/index.md
+++ b/files/en-us/web/api/paymentaddress/recipient/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentAddress.recipient
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{APIRef("Payment Request API")}}{{SecureContext_Header}}{{Deprecated_Header}}{{Non-standard_Header}}
 
 The read-only **`recipient`** property of the
 {{domxref('PaymentAddress')}} interface returns a string containing the name of the
diff --git a/files/en-us/web/api/paymentaddress/region/index.md b/files/en-us/web/api/paymentaddress/region/index.md
index c68385791e8c909..8bbac43ff8a6683 100644
--- a/files/en-us/web/api/paymentaddress/region/index.md
+++ b/files/en-us/web/api/paymentaddress/region/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentAddress.region
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{APIRef("Payment Request API")}}{{SecureContext_Header}}{{Deprecated_Header}}{{Non-standard_Header}}
 
 The read-only **`region`** property of the
 {{domxref('PaymentAddress')}} interface returns a string containing the top-level
diff --git a/files/en-us/web/api/paymentaddress/sortingcode/index.md b/files/en-us/web/api/paymentaddress/sortingcode/index.md
index 0b0163f8459d612..1ebf4b0b2d85363 100644
--- a/files/en-us/web/api/paymentaddress/sortingcode/index.md
+++ b/files/en-us/web/api/paymentaddress/sortingcode/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentAddress.sortingCode
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{APIRef("Payment Request API")}}{{SecureContext_Header}}{{Deprecated_Header}}{{Non-standard_Header}}
 
 The **`sortingCode`** read-only property of the
 {{domxref('PaymentAddress')}} interface returns a string containing a postal sorting
diff --git a/files/en-us/web/api/paymentaddress/tojson/index.md b/files/en-us/web/api/paymentaddress/tojson/index.md
index 4c66318a7fd3d9b..681ef44ad760546 100644
--- a/files/en-us/web/api/paymentaddress/tojson/index.md
+++ b/files/en-us/web/api/paymentaddress/tojson/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentAddress.toJSON
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{APIRef("Payment Request API")}}{{SecureContext_Header}}{{Deprecated_Header}}{{Non-standard_Header}}
 
 The **`toJSON()`** method of the {{domxref("PaymentAddress")}} interface is a standard serializer that returns a JSON representation of the PaymentAddress object's properties.
 
diff --git a/files/en-us/web/api/paymentrequest/id/index.md b/files/en-us/web/api/paymentrequest/id/index.md
index 11f9896c7e3fde0..ff480f8ca4c4581 100644
--- a/files/en-us/web/api/paymentrequest/id/index.md
+++ b/files/en-us/web/api/paymentrequest/id/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.PaymentRequest.id
 ---
 
-{{APIRef("Payment Request API")}}
+{{securecontext_header}}{{APIRef("Payment Request API")}}
 
 The **`id`** read-only attribute of the
 {{domxref("PaymentRequest")}} interface returns a unique identifier for a particular
diff --git a/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md b/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md
index df001242b50256f..b405a3992f9caf7 100644
--- a/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md
+++ b/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.PaymentRequest.paymentmethodchange_event
 ---
 
-{{APIRef}}
+{{securecontext_header}}{{APIRef("Payment Request API")}}
 
 The **`paymentmethodchange`** event is delivered the [Payment Request API](/en-US/docs/Web/API/Payment_Request_API) to a {{domxref("PaymentRequest")}} object when the user changes the payment method within a given payment handler.
 
diff --git a/files/en-us/web/api/paymentrequest/shippingtype/index.md b/files/en-us/web/api/paymentrequest/shippingtype/index.md
index 15d66215a70aadc..be67529f966e0d8 100644
--- a/files/en-us/web/api/paymentrequest/shippingtype/index.md
+++ b/files/en-us/web/api/paymentrequest/shippingtype/index.md
@@ -9,7 +9,7 @@ status:
 browser-compat: api.PaymentRequest.shippingType
 ---
 
-{{APIRef("Payment Request API")}}{{Deprecated_header}}{{Non-standard_header}}
+{{securecontext_header}}{{APIRef("Payment Request API")}}{{Deprecated_header}}{{Non-standard_header}}
 
 The **`shippingType`** read-only property of the
 {{domxref("PaymentRequest")}} interface returns one of `"shipping"`,
diff --git a/files/en-us/web/api/paymentresponse/requestid/index.md b/files/en-us/web/api/paymentresponse/requestid/index.md
index cb8b77b09dc0983..020e63c81e13247 100644
--- a/files/en-us/web/api/paymentresponse/requestid/index.md
+++ b/files/en-us/web/api/paymentresponse/requestid/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.PaymentResponse.requestId
 ---
 
-{{APIRef("Payment Request API")}}
+{{securecontext_header}}{{APIRef("Payment Request API")}}
 
 The **`requestId`** read-only property of the
 {{domxref("PaymentResponse")}} interface returns the free-form identifier supplied by

From 3580a118867c225c4a73222df1b43fe60b3c5557 Mon Sep 17 00:00:00 2001
From: Cristi Contiu <cristi-contiu@users.noreply.github.com>
Date: Sat, 30 Dec 2023 08:35:29 +0200
Subject: [PATCH 182/790] JS Guide: Improve switch fall-through summary
 (#31391)

* Replace "evaluate" with "execute" to better describe switch fall-thorugh behavior

* Update files/en-us/web/javascript/guide/control_flow_and_error_handling/index.md

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../javascript/guide/control_flow_and_error_handling/index.md   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/guide/control_flow_and_error_handling/index.md b/files/en-us/web/javascript/guide/control_flow_and_error_handling/index.md
index 3f0a5f938ae7979..341eac5995f82b4 100644
--- a/files/en-us/web/javascript/guide/control_flow_and_error_handling/index.md
+++ b/files/en-us/web/javascript/guide/control_flow_and_error_handling/index.md
@@ -228,7 +228,7 @@ The optional `break` statement associated with each `case` clause
 ensures that the program breaks out of `switch` once the matched statement is
 executed, and then continues execution at the statement following `switch`.
 If `break` is omitted, the program continues execution inside the
-`switch` statement (and will evaluate the next `case`, and so on).
+`switch` statement (and will execute statements under the next `case`, and so on).
 
 ##### Example
 

From 1f42e0821a81f2f424840acc6cc4186cd5eb3bb6 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 30 Dec 2023 16:58:26 +0800
Subject: [PATCH 183/790] the `PaymentRequestEvent` should be of Payment Handle
 API, not Payment Request API (#31399)

---
 files/en-us/web/api/canmakepaymentevent/index.md                | 2 +-
 files/en-us/web/api/paymentrequestevent/index.md                | 2 +-
 .../web/api/serviceworkerregistration/paymentmanager/index.md   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/canmakepaymentevent/index.md b/files/en-us/web/api/canmakepaymentevent/index.md
index 8674d6492fb18fb..7776e0a830f6715 100644
--- a/files/en-us/web/api/canmakepaymentevent/index.md
+++ b/files/en-us/web/api/canmakepaymentevent/index.md
@@ -9,7 +9,7 @@ browser-compat: api.CanMakePaymentEvent
 
 {{APIRef("Payment Handler API")}}{{SeeCompatTable}}
 
-The **`CanMakePaymentEvent`** interface of the {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}} is the event object for the {{domxref("ServiceWorkerGlobalScope.canmakepayment_event", "canmakepayment")}} event, fired on a payment app's service worker to check whether it is ready to handle a payment. Specifically, it is fired when the merchant website calls {{domxref("PaymentRequest.PaymentRequest", "new PaymentRequest()")}}.
+The **`CanMakePaymentEvent`** interface of the {{domxref("Payment Handler API", "", "", "nocode")}} is the event object for the {{domxref("ServiceWorkerGlobalScope.canmakepayment_event", "canmakepayment")}} event, fired on a payment app's service worker to check whether it is ready to handle a payment. Specifically, it is fired when the merchant website calls {{domxref("PaymentRequest.PaymentRequest", "new PaymentRequest()")}}.
 
 {{InheritanceDiagram}}
 
diff --git a/files/en-us/web/api/paymentrequestevent/index.md b/files/en-us/web/api/paymentrequestevent/index.md
index d8b9fd4aa5ef2d8..be2d915e672222b 100644
--- a/files/en-us/web/api/paymentrequestevent/index.md
+++ b/files/en-us/web/api/paymentrequestevent/index.md
@@ -9,7 +9,7 @@ browser-compat: api.PaymentRequestEvent
 
 {{SeeCompatTable}}{{APIRef("Payment Handler API")}}
 
-The **`PaymentRequestEvent`** interface of the [Payment Request API](/en-US/docs/Web/API/Payment_Request_API) is the object passed to a payment handler when a {{domxref("PaymentRequest")}} is made.
+The **`PaymentRequestEvent`** interface of the {{domxref("Payment Handler API", "", "", "nocode")}} is the object passed to a payment handler when a {{domxref("PaymentRequest")}} is made.
 
 {{InheritanceDiagram}}
 
diff --git a/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md b/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md
index e642b84733c8453..c2c5c82bbcaa7e3 100644
--- a/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md
@@ -46,7 +46,7 @@ navigator.serviceWorker.register("serviceworker.js").then((registration) => {
 
 ## See also
 
-- {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}}
+- {{domxref("Payment Handler API", "", "", "nocode")}}
 - [Web-based payment apps overview](https://web.dev/articles/web-based-payment-apps-overview)
 - [Setting up a payment method](https://web.dev/articles/setting-up-a-payment-method)
 - [Life of a payment transaction](https://web.dev/articles/life-of-a-payment-transaction)

From a6aca3baf2d56b97daac84b02e0c2fce800fea84 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sat, 30 Dec 2023 11:47:20 +0100
Subject: [PATCH 184/790] Remove mention of the PaymentMethodData dictionary
 (#31401)

---
 files/en-us/web/api/paymentrequestevent/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/paymentrequestevent/index.md b/files/en-us/web/api/paymentrequestevent/index.md
index be2d915e672222b..1b6b456d54bb83c 100644
--- a/files/en-us/web/api/paymentrequestevent/index.md
+++ b/files/en-us/web/api/paymentrequestevent/index.md
@@ -23,7 +23,7 @@ The **`PaymentRequestEvent`** interface of the {{domxref("Payment Handler API",
 - {{domxref("PaymentRequestEvent.instrumentKey","instrumentKey")}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : Returns a {{domxref("PaymentInstrument")}} object reflecting the payment instrument selected by the user or an empty string if the user has not registered or chosen a payment instrument.
 - {{domxref("PaymentRequestEvent.methodData","methodData")}} {{ReadOnlyInline}} {{Experimental_Inline}}
-  - : Returns an array of {{domxref("PaymentMethodData")}} objects containing payment method identifiers for the payment methods that the website accepts and any associated payment method specific data.
+  - : Returns an array of objects containing payment method identifiers for the payment methods that the website accepts and any associated payment method specific data.
 - {{domxref("PaymentRequestEvent.modifiers","modifiers")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns an array of objects containing changes to payment details.
 - {{domxref("PaymentRequestEvent.paymentRequestId","paymentRequestId")}} {{ReadOnlyInline}} {{Experimental_Inline}}

From d3107f4db042b8e91e32fe3198d1efce530c157d Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sat, 30 Dec 2023 11:52:37 +0100
Subject: [PATCH 185/790] Fix wrong interface name that breaks link (#31404)

---
 files/en-us/web/api/dompoint/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/dompoint/index.md b/files/en-us/web/api/dompoint/index.md
index 6ffa736f23cb533..647e543c607abb2 100644
--- a/files/en-us/web/api/dompoint/index.md
+++ b/files/en-us/web/api/dompoint/index.md
@@ -40,11 +40,11 @@ _`DOMPoint` inherits instance methods from its parent, {{domxref("DOMPointReadOn
 _`DOMPoint` may also inherit static methods from its parent, {{domxref("DOMPointReadOnly")}}._
 
 - {{domxref("DOMPoint/fromPoint_static", "DOMPoint.fromPoint()")}}
-  - : Creates a new mutable `DOMPoint` object given an existing point (or an object containing matching properties) which provides the values for its properties.
+  - : Creates a new mutable `DOMPoint` object given an existing point (or an object containing matching properties), which provides the values for its properties.
 
 ## Examples
 
-In the [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API), `DOMPointReadOnly` values are used to represent positions and orientations. In the following snippet, the pose of the XR device (such as a VR headset or phone with AR capabilities) can be retrieved by calling using {{domxref("XRFrame.getViewerPose()")}} during an {{domxref("XRSession")}} animation frame, then accessing the resulting {{domxref("XRPose")}}'s {{domxref("XRPose.transform","transform")}} property, which contains two `DOMPointReadOnly` attributes: {{domxref("XRRigidTransform.position","position")}} as a vector and {{domxref("XRViewerPose.orientation","orientation")}} as a quaternion.
+In the [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API), `DOMPointReadOnly` values represent positions and orientations. In the following snippet, the pose of the XR device (such as a VR headset or phone with AR capabilities) can be retrieved by calling using {{domxref("XRFrame.getViewerPose()")}} during an {{domxref("XRSession")}} animation frame, then accessing the resulting {{domxref("XRPose")}}'s {{domxref("XRPose.transform","transform")}} property, which contains two `DOMPointReadOnly` attributes: {{domxref("XRRigidTransform.position","position")}} as a vector and {{domxref("XRRigidTransform.orientation.orientation","orientation")}} as a quaternion.
 
 ```js
 function onXRFrame(time, xrFrame) {

From 497bd67ca89834d869f008319cd2b9d941451622 Mon Sep 17 00:00:00 2001
From: Mohamed Akram <mohd-akram@users.noreply.github.com>
Date: Sat, 30 Dec 2023 15:14:57 +0400
Subject: [PATCH 186/790] Remove trailing space after argument (#31406)

---
 files/en-us/web/api/navigator/sendbeacon/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/navigator/sendbeacon/index.md b/files/en-us/web/api/navigator/sendbeacon/index.md
index eefa7c41d6669b2..6ddab1d898232aa 100644
--- a/files/en-us/web/api/navigator/sendbeacon/index.md
+++ b/files/en-us/web/api/navigator/sendbeacon/index.md
@@ -129,7 +129,7 @@ document.addEventListener("visibilitychange", function logData() {
 ## See also
 
 - The [`visibilitychange`](/en-US/docs/Web/API/Document/visibilitychange_event) event.
-- {{domxref("Beacon_API","Beacon API", "" , "true")}} overview page.
+- {{domxref("Beacon_API","Beacon API", "", "true")}} overview page.
 - [Don't lose user and app state, use Page Visibility](https://www.igvita.com/2015/11/20/dont-lose-user-and-app-state-use-page-visibility/) explains in
   detail why you should use `visibilitychange`, not
   `beforeunload`/`unload`.

From 8b881bdd0a21b84d437977f09b4b5d53f1c351b5 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sat, 30 Dec 2023 12:15:14 +0100
Subject: [PATCH 187/790] Remove mention of a dictionary (#31402)

* Remove mention of a dictionary

* Update files/en-us/web/api/paymentaddress/country/index.md
---
 files/en-us/web/api/paymentaddress/country/index.md | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/api/paymentaddress/country/index.md b/files/en-us/web/api/paymentaddress/country/index.md
index 9db8397423e5cec..6be8a9e96aec006 100644
--- a/files/en-us/web/api/paymentaddress/country/index.md
+++ b/files/en-us/web/api/paymentaddress/country/index.md
@@ -31,9 +31,9 @@ If the payment handler validates the address and determines that the value of
 `country` is invalid, a call to
 {{domxref("PaymentRequestUpdateEvent.updateWith()")}} will be made with a
 `details` object containing a `shippingAddressErrors`
-field. That field contains an {{domxref("AddressErrors")}}-compliant object whose
-{{domxref("AddressErrors.country", "country")}} property is a string indicating the
-validation error that occurred and, if possible, suggests how to fix it.
+field. That field contains an object whose
+`country` property is a string indicating the
+validation error that occurred and, if possible, suggestions on how to fix it.
 
 ## Browser compatibility
 
@@ -43,4 +43,3 @@ validation error that occurred and, if possible, suggests how to fix it.
 
 - [Using the Payment Request API](/en-US/docs/Web/API/Payment_Request_API/Using_the_Payment_Request_API)
 - {{domxref("PaymentRequestUpdateEvent.updateWith")}}
-- {{domxref("AddressErrors.country")}}

From 45088e6e93e190ba453db2cd6e2360af48904cae Mon Sep 17 00:00:00 2001
From: Mohamed Akram <mohd-akram@users.noreply.github.com>
Date: Sat, 30 Dec 2023 15:52:03 +0400
Subject: [PATCH 188/790] Use consistent headings (#31407)

---
 files/en-us/web/api/htmlallcollection/nameditem/index.md        | 2 +-
 files/en-us/web/api/htmlcollection/nameditem/index.md           | 2 +-
 files/en-us/web/api/namednodemap/getnameditem/index.md          | 2 +-
 files/en-us/web/api/namednodemap/getnameditemns/index.md        | 2 +-
 files/en-us/web/api/namednodemap/removenameditem/index.md       | 2 +-
 files/en-us/web/api/namednodemap/removenameditemns/index.md     | 2 +-
 files/en-us/web/api/namednodemap/setnameditem/index.md          | 2 +-
 files/en-us/web/api/namednodemap/setnameditemns/index.md        | 2 +-
 files/en-us/web/api/permissions/index.md                        | 2 +-
 files/en-us/web/api/svgpointlist/length/index.md                | 2 ++
 .../web/api/webgl2renderingcontext/samplerparameter/index.md    | 2 +-
 files/en-us/web/api/workernavigator/permissions/index.md        | 2 +-
 12 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/files/en-us/web/api/htmlallcollection/nameditem/index.md b/files/en-us/web/api/htmlallcollection/nameditem/index.md
index d812baba77d8b77..0674398116b6865 100644
--- a/files/en-us/web/api/htmlallcollection/nameditem/index.md
+++ b/files/en-us/web/api/htmlallcollection/nameditem/index.md
@@ -25,7 +25,7 @@ namedItem(name)
 
 The first {{domxref("Element")}} in the {{domxref("HTMLAllCollection")}} matching the `name`, or [`null`](/en-US/docs/Web/JavaScript/Reference/Operators/null), if there are none.
 
-## Specification
+## Specifications
 
 {{Specifications}}
 
diff --git a/files/en-us/web/api/htmlcollection/nameditem/index.md b/files/en-us/web/api/htmlcollection/nameditem/index.md
index 4c6bfda7162e6ff..ae6cad7f2e8a5c1 100644
--- a/files/en-us/web/api/htmlcollection/nameditem/index.md
+++ b/files/en-us/web/api/htmlcollection/nameditem/index.md
@@ -63,7 +63,7 @@ container.insertAdjacentElement("afterend", output);
 
 {{EmbedLiveSample("Example")}}
 
-## Specification
+## Specifications
 
 {{Specifications}}
 
diff --git a/files/en-us/web/api/namednodemap/getnameditem/index.md b/files/en-us/web/api/namednodemap/getnameditem/index.md
index 475b187f6d16f40..06139f0326bc786 100644
--- a/files/en-us/web/api/namednodemap/getnameditem/index.md
+++ b/files/en-us/web/api/namednodemap/getnameditem/index.md
@@ -45,7 +45,7 @@ And 'boum' has ${attrMap["boum"] ? "been" : "not been"} found.`;
 
 {{EmbedLiveSample("Example", "100%", 80)}}
 
-## Specification
+## Specifications
 
 {{Specifications}}
 
diff --git a/files/en-us/web/api/namednodemap/getnameditemns/index.md b/files/en-us/web/api/namednodemap/getnameditemns/index.md
index 86479f953cf5e08..751c3c6cf20f29c 100644
--- a/files/en-us/web/api/namednodemap/getnameditemns/index.md
+++ b/files/en-us/web/api/namednodemap/getnameditemns/index.md
@@ -53,7 +53,7 @@ pre.textContent = `The 'ob:one' attribute contains: ${value}.`;
 
 {{EmbedLiveSample("Example", "100%", 80)}}
 
-## Specification
+## Specifications
 
 {{Specifications}}
 
diff --git a/files/en-us/web/api/namednodemap/removenameditem/index.md b/files/en-us/web/api/namednodemap/removenameditem/index.md
index 3529c666dc0ff39..fbbdcf496f20f65 100644
--- a/files/en-us/web/api/namednodemap/removenameditem/index.md
+++ b/files/en-us/web/api/namednodemap/removenameditem/index.md
@@ -55,7 +55,7 @@ pre.textContent = result;
 
 {{EmbedLiveSample("Example", "100%", 120)}}
 
-## Specification
+## Specifications
 
 {{Specifications}}
 
diff --git a/files/en-us/web/api/namednodemap/removenameditemns/index.md b/files/en-us/web/api/namednodemap/removenameditemns/index.md
index 6493cb6f80858ff..37bad4bda192c94 100644
--- a/files/en-us/web/api/namednodemap/removenameditemns/index.md
+++ b/files/en-us/web/api/namednodemap/removenameditemns/index.md
@@ -66,7 +66,7 @@ pre.textContent = result;
 
 {{EmbedLiveSample("Example", "100%", 120)}}
 
-## Specification
+## Specifications
 
 {{Specifications}}
 
diff --git a/files/en-us/web/api/namednodemap/setnameditem/index.md b/files/en-us/web/api/namednodemap/setnameditem/index.md
index 964f189b01d191c..933c6c2952c6507 100644
--- a/files/en-us/web/api/namednodemap/setnameditem/index.md
+++ b/files/en-us/web/api/namednodemap/setnameditem/index.md
@@ -65,7 +65,7 @@ pre.textContent = result;
 
 {{EmbedLiveSample("Example", "100%", 160)}}
 
-## Specification
+## Specifications
 
 {{Specifications}}
 
diff --git a/files/en-us/web/api/namednodemap/setnameditemns/index.md b/files/en-us/web/api/namednodemap/setnameditemns/index.md
index a1e1fc07a878a3e..01c6c7f8c343d7a 100644
--- a/files/en-us/web/api/namednodemap/setnameditemns/index.md
+++ b/files/en-us/web/api/namednodemap/setnameditemns/index.md
@@ -76,7 +76,7 @@ pre.textContent = result;
 
 {{EmbedLiveSample("Example", "100%", 200)}}
 
-## Specification
+## Specifications
 
 {{Specifications}}
 
diff --git a/files/en-us/web/api/permissions/index.md b/files/en-us/web/api/permissions/index.md
index 66d37a0eae67dcd..11118e2bb52141a 100644
--- a/files/en-us/web/api/permissions/index.md
+++ b/files/en-us/web/api/permissions/index.md
@@ -37,6 +37,6 @@ navigator.permissions.query({ name: "geolocation" }).then((result) => {
 
 {{Specifications}}
 
-## Browser Support
+## Browser compatibility
 
 {{Compat}}
diff --git a/files/en-us/web/api/svgpointlist/length/index.md b/files/en-us/web/api/svgpointlist/length/index.md
index 4bd78bf78cc8cea..a464f7069570e70 100644
--- a/files/en-us/web/api/svgpointlist/length/index.md
+++ b/files/en-us/web/api/svgpointlist/length/index.md
@@ -37,4 +37,6 @@ console.log(example.points.length); // 5
 
 {{Specifications}}
 
+## Browser compatibility
+
 {{Compat}}
diff --git a/files/en-us/web/api/webgl2renderingcontext/samplerparameter/index.md b/files/en-us/web/api/webgl2renderingcontext/samplerparameter/index.md
index 8f7ae4ec8e874c6..6a310b757cb4498 100644
--- a/files/en-us/web/api/webgl2renderingcontext/samplerparameter/index.md
+++ b/files/en-us/web/api/webgl2renderingcontext/samplerparameter/index.md
@@ -70,7 +70,7 @@ const sampler = gl.createSampler();
 gl.samplerParameteri(sampler, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
 ```
 
-## Specifications
+## Browser compatibility
 
 {{Compat}}
 
diff --git a/files/en-us/web/api/workernavigator/permissions/index.md b/files/en-us/web/api/workernavigator/permissions/index.md
index c591feac5e6a818..ea1a1a4f1358d9b 100644
--- a/files/en-us/web/api/workernavigator/permissions/index.md
+++ b/files/en-us/web/api/workernavigator/permissions/index.md
@@ -32,7 +32,7 @@ navigator.permissions.query({ name: "notifications" }).then((result) => {
 
 {{Specifications}}
 
-## Browser Support
+## Browser compatibility
 
 {{Compat}}
 

From e05117bed3efbc12ba621eda235a6af501d90046 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 30 Dec 2023 19:55:49 +0800
Subject: [PATCH 189/790] Storage API | normalize api landing page (#31398)

* update api landing page

* move or add AvailableInWorkers

* fix

* Update files/en-us/web/api/storagemanager/persist/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/api/storage_api/index.md      | 26 +++++++++++++++----
 .../web/api/storagemanager/estimate/index.md  |  4 ++-
 .../api/storagemanager/getdirectory/index.md  |  4 ++-
 files/en-us/web/api/storagemanager/index.md   |  4 ++-
 .../web/api/storagemanager/persist/index.md   |  2 ++
 .../web/api/storagemanager/persisted/index.md |  4 ++-
 6 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/files/en-us/web/api/storage_api/index.md b/files/en-us/web/api/storage_api/index.md
index 89d6ed24b996d44..66a859fc93fe23e 100644
--- a/files/en-us/web/api/storage_api/index.md
+++ b/files/en-us/web/api/storage_api/index.md
@@ -5,7 +5,7 @@ page-type: web-api-overview
 browser-compat: api.StorageManager
 ---
 
-{{securecontext_header}}{{DefaultAPISidebar("Storage")}} {{AvailableInWorkers}}
+{{securecontext_header}}{{DefaultAPISidebar("Storage")}}
 
 The [Storage Standard](https://storage.spec.whatwg.org) defines a shared storage system designed to be used by all APIs and technologies that websites can use to store data in a user's browser.
 
@@ -17,7 +17,11 @@ This article gives an overview of the way user agents store and maintain website
 
 This article also gives an overview of the {{domxref("StorageManager")}} interface used to estimate available storage for a site.
 
-## Storage buckets
+{{AvailableInWorkers}}
+
+## Concepts and usage
+
+### Storage buckets
 
 The storage system described by the Storage Standard, where site data is stored, usually consists of a single _bucket_ for each {{Glossary("origin")}}.
 
@@ -25,7 +29,7 @@ In essence, every website has its own storage space into which its data gets pla
 
 To learn more, see [How browsers separate data from different websites?](/en-US/docs/Web/API/Storage_API/Storage_quotas_and_eviction_criteria#how_browsers_separate_data_from_different_websites)
 
-## Bucket modes
+### Bucket modes
 
 Each site storage bucket has a _mode_ that describes the data retention policy for that bucket. There are two modes:
 
@@ -64,7 +68,7 @@ if (navigator.storage && navigator.storage.persist) {
 
 To learn more, see [Does browser-stored data persist?](/en-US/docs/Web/API/Storage_API/Storage_quotas_and_eviction_criteria#does_browser-stored_data_persist).
 
-## Quotas and usage estimates
+### Quotas and usage estimates
 
 The user agent determines, using whatever mechanism it chooses, the maximum amount of storage a given site can use. This maximum is the origin's **quota**. The amount of this space which is in use by the site is called its **usage**. Both of these values are estimates; there are several reasons why they're not precise:
 
@@ -83,7 +87,7 @@ navigator.storage.estimate().then((estimate) => {
 
 For more information about how much data an origin can store, see [How much data can be stored?](/en-US/docs/Web/API/Storage_API/Storage_quotas_and_eviction_criteria#how_much_data_can_be_stored).
 
-## Data eviction
+### Data eviction
 
 Data eviction is the process by which a user agent deletes an origin's stored data. This can happen, for example, when the device used to store the data is running low on storage space.
 
@@ -93,6 +97,18 @@ If a bucket is marked as `"persistent"`, the contents won't be cleared by the us
 
 To learn more, see [When is data evicted?](/en-US/docs/Web/API/Storage_API/Storage_quotas_and_eviction_criteria#when_is_data_evicted).
 
+## Interfaces
+
+- {{domxref("StorageManager")}}
+  - : Provides an interface for managing persistence permissions and estimating available storage.
+
+### Extensions to other interfaces
+
+- {{domxref("Navigator.storage")}} {{ReadOnlyInline}}
+  - : Returns the singleton {{domxref("StorageManager")}} object used for managing persistence permissions and estimating available storage on a site-by-site/app-by-app basis.
+- {{domxref("WorkerNavigator.storage")}} {{ReadOnlyInline}}
+  - : Returns a {{domxref("StorageManager")}} interface for managing persistence permissions and estimating available storage.
+
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/storagemanager/estimate/index.md b/files/en-us/web/api/storagemanager/estimate/index.md
index d4298d1e040c32c..35613513d6f966a 100644
--- a/files/en-us/web/api/storagemanager/estimate/index.md
+++ b/files/en-us/web/api/storagemanager/estimate/index.md
@@ -6,12 +6,14 @@ page-type: web-api-instance-method
 browser-compat: api.StorageManager.estimate
 ---
 
-{{securecontext_header}}{{APIRef("Storage")}}{{AvailableInWorkers}}
+{{securecontext_header}}{{APIRef("Storage")}}
 
 The **`estimate()`** method of the {{domxref("StorageManager")}} interface asks the Storage Manager for how much storage the current [origin](/en-US/docs/Glossary/Same-origin_policy) takes up (`usage`), and how much space is available (`quota`).
 
 This method operates asynchronously, so it returns a {{jsxref("Promise")}} which resolves once the information is available. The promise's fulfillment handler is called with an object containing the usage and quota data.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/storagemanager/getdirectory/index.md b/files/en-us/web/api/storagemanager/getdirectory/index.md
index ae400bb76ccad20..c7d1e161d7f070f 100644
--- a/files/en-us/web/api/storagemanager/getdirectory/index.md
+++ b/files/en-us/web/api/storagemanager/getdirectory/index.md
@@ -6,10 +6,12 @@ page-type: web-api-instance-method
 browser-compat: api.StorageManager.getDirectory
 ---
 
-{{securecontext_header}}{{APIRef("File System API")}}{{AvailableInWorkers}}
+{{securecontext_header}}{{APIRef("File System API")}}
 
 The **`getDirectory()`** method of the {{domxref("StorageManager")}} interface is used to obtain a reference to a {{domxref("FileSystemDirectoryHandle")}} object allowing access to a directory and its contents, stored in the [origin private file system](/en-US/docs/Web/API/File_System_API/Origin_private_file_system) (OPFS).
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/storagemanager/index.md b/files/en-us/web/api/storagemanager/index.md
index 49d03616dd71600..d9a570e4d36093c 100644
--- a/files/en-us/web/api/storagemanager/index.md
+++ b/files/en-us/web/api/storagemanager/index.md
@@ -5,10 +5,12 @@ page-type: web-api-interface
 browser-compat: api.StorageManager
 ---
 
-{{securecontext_header}}{{APIRef("Storage")}}{{AvailableInWorkers}}
+{{securecontext_header}}{{APIRef("Storage")}}
 
 The **`StorageManager`** interface of the [Storage API](/en-US/docs/Web/API/Storage_API) provides an interface for managing persistence permissions and estimating available storage. You can get a reference to this interface using either {{domxref("navigator.storage")}} or {{domxref("WorkerNavigator.storage")}}.
 
+{{AvailableInWorkers}}
+
 ## Instance methods
 
 - {{domxref("StorageManager.estimate()")}}
diff --git a/files/en-us/web/api/storagemanager/persist/index.md b/files/en-us/web/api/storagemanager/persist/index.md
index 17285edc2b6af23..15b12f72d3140b3 100644
--- a/files/en-us/web/api/storagemanager/persist/index.md
+++ b/files/en-us/web/api/storagemanager/persist/index.md
@@ -10,6 +10,8 @@ browser-compat: api.StorageManager.persist
 
 The **`persist()`** method of the {{domxref("StorageManager")}} interface requests permission to use persistent storage, and returns a {{jsxref('Promise')}} that resolves to `true` if permission is granted and bucket mode is persistent, and `false` otherwise.
 
+> **Note:** This method is not available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API), though the {{domxref("StorageManager")}} interface is.
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/storagemanager/persisted/index.md b/files/en-us/web/api/storagemanager/persisted/index.md
index da6a9ae41bb7399..03bd420a9eadf65 100644
--- a/files/en-us/web/api/storagemanager/persisted/index.md
+++ b/files/en-us/web/api/storagemanager/persisted/index.md
@@ -6,10 +6,12 @@ page-type: web-api-instance-method
 browser-compat: api.StorageManager.persisted
 ---
 
-{{securecontext_header}}{{APIRef("Storage")}}{{AvailableInWorkers}}
+{{securecontext_header}}{{APIRef("Storage")}}
 
 The **`persisted()`** method of the {{domxref("StorageManager")}} interface returns a {{jsxref('Promise')}} that resolves to `true` if your site's storage bucket is persistent.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint

From 37be1921cd78973240835348d54a66916ae43fcc Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 30 Dec 2023 19:56:25 +0800
Subject: [PATCH 190/790] Payment Request API | normalize api summary (#31400)

* text update

* sync interfaces list

* fix word

* update link

* Apply suggestions from code review

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/payment_request_api/using_the_payment_request_api/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/api/payment_request_api/index.md     | 12 +++++-------
 .../using_the_payment_request_api/index.md           |  4 ++--
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/files/en-us/web/api/payment_request_api/index.md b/files/en-us/web/api/payment_request_api/index.md
index 610eeed12b9fe49..a43567d63f4ce6a 100644
--- a/files/en-us/web/api/payment_request_api/index.md
+++ b/files/en-us/web/api/payment_request_api/index.md
@@ -7,11 +7,11 @@ browser-compat: api.PaymentRequest
 
 {{DefaultAPISidebar("Payment Request API")}}{{securecontext_header}}
 
-The Payment Request API provides a consistent user experience for both merchants and users. It is not a new way for paying for things; rather, it's a way for users to select their preferred way of paying for things, and make that information available to a merchant.
+The **Payment Request API** provides a consistent user experience for merchants and users. It is not a new way of paying for things; instead, it's a way for users to select their preferred way of paying for things and make that information available to a merchant.
 
-## Payment Request concepts and usage
+## Concepts and usage
 
-Many problems related to online shopping-cart abandonment can be traced to checkout forms, which can be difficult and time consuming to fill out and often require multiple steps to complete. The **Payment Request API** is meant to reduce the number of steps needed to complete a payment online, potentially doing away with checkout forms. It aims to make the checkout process easier, by having payment apps store a user's details, which are then passed along to a merchant, hopefully without requiring an HTML form.
+Many problems related to online shopping cart abandonment can be traced to checkout forms, which can be difficult and time-consuming to fill out and often require multiple steps to complete. The **Payment Request API** is meant to reduce the steps needed to complete payment online, potentially doing away with checkout forms. It aims to make the checkout process more accessible by having payment apps store a user's details, which are passed along to a merchant, hopefully without requiring an HTML form.
 
 To request a payment, a web page creates a {{domxref("PaymentRequest")}} object in response to a user action that initiates a payment, such as clicking a "Purchase" button. The `PaymentRequest` allows the web page to exchange information with the user agent while the user provides input to complete the transaction.
 
@@ -21,19 +21,17 @@ You can find a complete guide in [Using the Payment Request API](/en-US/docs/Web
 
 ## Interfaces
 
-- {{domxref('PaymentAddress')}}
+- {{domxref('PaymentAddress')}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : An object that contains address information; used for billing and shipping addresses, for example.
 - {{domxref('PaymentRequest')}}
   - : An object that provides the API for creating and managing the {{Glossary("user agent", "user agent's")}} payment interface.
-- {{domxref('PaymentRequestEvent')}}
-  - : An event delivered to a payment handler when a {{domxref("PaymentRequest")}} is made.
 - {{domxref('PaymentRequestUpdateEvent')}}
   - : Enables the web page to update the details of the payment request in response to a user action.
 - {{domxref('PaymentMethodChangeEvent')}}
   - : Represents the user changing payment instrument (e.g., switching from one payment method to another).
 - {{domxref('PaymentResponse')}}
   - : An object returned after the user selects a payment method and approves a payment request.
-- {{domxref('MerchantValidationEvent')}}
+- {{domxref('MerchantValidationEvent')}} {{Deprecated_Inline}}
   - : Represents the browser requiring the merchant (website) to validate themselves as allowed to use a particular payment handler (e.g., registered as allowed to use Apple Pay).
 
 ## Specifications
diff --git a/files/en-us/web/api/payment_request_api/using_the_payment_request_api/index.md b/files/en-us/web/api/payment_request_api/using_the_payment_request_api/index.md
index 1d346961cb76387..2dd9c14c3a0832e 100644
--- a/files/en-us/web/api/payment_request_api/using_the_payment_request_api/index.md
+++ b/files/en-us/web/api/payment_request_api/using_the_payment_request_api/index.md
@@ -244,7 +244,7 @@ function onServerCheckoutDetailsRetrieved(checkoutObject) {
 
 ## Recommending a payment app when user has no apps
 
-If you select to pay with the BobPay demo payment provider on this merchant page, it tries to call `PaymentRequest.show()`, while intercepting the `NOTSUPPORTEDERR` exception. If this payment method is not supported, it redirects to the signup page for BobPay.
+If you select to pay with the BobPay demo payment provider on this merchant page, it tries to call `PaymentRequest.show()`, while intercepting the `NotSupportedError` {{domxref("DOMException")}}. If this payment method is not supported, it redirects to the signup page for BobPay.
 
 The code looks something like this:
 
@@ -303,7 +303,7 @@ request
 
 ## Pre-authorizing transactions
 
-Some use cases (e.g., paying for fuel at a service station) involve pre-authorization of payment. One way to do this is through a Payment Handler (see the [Payment Handler API](https://w3c.github.io/payment-handler/)). At time of writing, that specification includes a `CanMakePayment` event that a Payment Handler could make use of to return authorization status.
+Some use cases (e.g., paying for fuel at a service station) involve pre-authorizing payment. One way to do this is through a Payment Handler (see the {{domxref("Payment Handler API", "", "", "nocode")}}). At the time of writing, that specification includes a `canmakepayment` event that a Payment Handler could make use of to return authorization status.
 
 The merchant code would look like this:
 

From 1adcd073cda78153f7db0e764815ba68c60fe5bb Mon Sep 17 00:00:00 2001
From: Mohamed Akram <mohd-akram@users.noreply.github.com>
Date: Sat, 30 Dec 2023 15:57:25 +0400
Subject: [PATCH 191/790] Remove space after macro names (#31408)

---
 files/en-us/web/api/node/textcontent/index.md |  2 +-
 .../using_filter_effects/index.md             | 24 +++++++++----------
 .../media/audio_and_video_delivery/index.md   |  2 +-
 .../web/performance/fundamentals/index.md     |  2 +-
 4 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/files/en-us/web/api/node/textcontent/index.md b/files/en-us/web/api/node/textcontent/index.md
index 908afc35d088f34..e510b506a12eb01 100644
--- a/files/en-us/web/api/node/textcontent/index.md
+++ b/files/en-us/web/api/node/textcontent/index.md
@@ -8,7 +8,7 @@ browser-compat: api.Node.textContent
 
 {{APIRef("DOM")}}
 
-The **`textContent`** property of the {{domxref ("Node")}}
+The **`textContent`** property of the {{domxref("Node")}}
 interface represents the text content of the node and its descendants.
 
 > **Note:** `textContent` and {{domxref("HTMLElement.innerText")}} are easily confused,
diff --git a/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md b/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md
index 0bcb55fe96eec95..3c77988021dfe2e 100644
--- a/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md
+++ b/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md
@@ -30,18 +30,18 @@ The CSS filter effects module provides 10 [`<filter-function>`](/en-US/docs/Web/
 
 The following table lists the 10 filter functions, along with their value types, the minimum valid value if applicable, the largest value that creates an effect, and the initial value used for [interpolation](/en-US/docs/Glossary/Interpolation).
 
-| Filter function                                             | Parameter type                                                      | Min value | Max effect | Interpolation value  | Default value (no effect)             |
-| ----------------------------------------------------------- | ------------------------------------------------------------------- | --------- | ---------- | -------------------- | ------------------------------------- |
-| {{cssxref("filter-function/blur", "blur()")}}               | {{cssxref("&lt;length&gt;")}}                                       | `0`       |            | `0`                  | `blur(0)`                             |
-| {{cssxref("filter-function/brightness", "brightness()")}}   | {{cssxref("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}}  | `0`       |            | `1`                  | `brightness(1)` or `brightness(100%)` |
-| {{cssxref("filter-function/contrast", "contrast()")}}       | {{cssxref("&lt;length&gt;")}}                                       | `0`       |            | `1`                  | `contrast(1)` or `contrast(100%)`     |
-| {{cssxref("filter-function/drop-shadow", "drop-shadow()")}} | `<shadow>`                                                          |           |            | `0 0 0 currentcolor` | `drop-shadow(0 0 0 currentcolor)`     |
-| {{cssxref("filter-function/grayscale", "grayscale()")}}     | {{cssxref("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}}  | `0`       | `100%`     | `0`                  | `grayscale(0)` or `grayscale(0%)`     |
-| {{cssxref("filter-function/hue-rotate", "hue-rotate()")}}   | {{cssxref("&lt;angle&gt;")}}                                        |           |            | `0`                  | `hue-rotate(0deg)`                    |
-| {{cssxref("filter-function/invert", "invert()")}}           | {{cssxref("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}}  | `0`       | `100%`     | `0`                  | `invert(0)` or `invert(0%)`           |
-| {{cssxref("filter-function/opacity", "opacity()")}}         | {{cssxref("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}}  | `0`       | `100%`     | `1`                  | `opacity(1)` or `opacity(100%)`       |
-| {{cssxref("filter-function/saturate", "saturate()")}}       | {{cssxref ("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}} | `0`       | `100%`     | `1`                  | `saturate(100%)`                      |
-| {{cssxref("filter-function/sepia", "sepia()")}}             | {{cssxref("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}}  | `0`       | `100%`     | `0`                  | `sepia(0%)`                           |
+| Filter function                                             | Parameter type                                                     | Min value | Max effect | Interpolation value  | Default value (no effect)             |
+| ----------------------------------------------------------- | ------------------------------------------------------------------ | --------- | ---------- | -------------------- | ------------------------------------- |
+| {{cssxref("filter-function/blur", "blur()")}}               | {{cssxref("&lt;length&gt;")}}                                      | `0`       |            | `0`                  | `blur(0)`                             |
+| {{cssxref("filter-function/brightness", "brightness()")}}   | {{cssxref("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}} | `0`       |            | `1`                  | `brightness(1)` or `brightness(100%)` |
+| {{cssxref("filter-function/contrast", "contrast()")}}       | {{cssxref("&lt;length&gt;")}}                                      | `0`       |            | `1`                  | `contrast(1)` or `contrast(100%)`     |
+| {{cssxref("filter-function/drop-shadow", "drop-shadow()")}} | `<shadow>`                                                         |           |            | `0 0 0 currentcolor` | `drop-shadow(0 0 0 currentcolor)`     |
+| {{cssxref("filter-function/grayscale", "grayscale()")}}     | {{cssxref("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}} | `0`       | `100%`     | `0`                  | `grayscale(0)` or `grayscale(0%)`     |
+| {{cssxref("filter-function/hue-rotate", "hue-rotate()")}}   | {{cssxref("&lt;angle&gt;")}}                                       |           |            | `0`                  | `hue-rotate(0deg)`                    |
+| {{cssxref("filter-function/invert", "invert()")}}           | {{cssxref("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}} | `0`       | `100%`     | `0`                  | `invert(0)` or `invert(0%)`           |
+| {{cssxref("filter-function/opacity", "opacity()")}}         | {{cssxref("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}} | `0`       | `100%`     | `1`                  | `opacity(1)` or `opacity(100%)`       |
+| {{cssxref("filter-function/saturate", "saturate()")}}       | {{cssxref("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}} | `0`       | `100%`     | `1`                  | `saturate(100%)`                      |
+| {{cssxref("filter-function/sepia", "sepia()")}}             | {{cssxref("&lt;number&gt;")}} or {{cssxref("&lt;percentage&gt;")}} | `0`       | `100%`     | `0`                  | `sepia(0%)`                           |
 
 The minimum value allowed is included for filter functions that have a minimum value. Including a value less than the minimum value for any filter function invalidates the entire property declaration, not just the offending filter function in the comma-separated list.
 
diff --git a/files/en-us/web/media/audio_and_video_delivery/index.md b/files/en-us/web/media/audio_and_video_delivery/index.md
index e4d8fc1931f7a64..4973f0021c7419b 100644
--- a/files/en-us/web/media/audio_and_video_delivery/index.md
+++ b/files/en-us/web/media/audio_and_video_delivery/index.md
@@ -493,7 +493,7 @@ A number of audio and video JavaScript libraries exist. The most popular librari
 ## Basic tutorials
 
 - [Creating a cross-browser video player](/en-US/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player)
-  - : A guide to creating a basic cross browser video player using the {{ htmlelement ("video") }} element.
+  - : A guide to creating a basic cross browser video player using the {{ htmlelement("video") }} element.
 - [Video player styling basics](/en-US/docs/Web/Media/Audio_and_video_delivery/Video_player_styling_basics)
   - : With the cross-browser video player put in place in the previous article, this article now looks at providing some basic, responsive styling for the player.
 - [Cross-browser audio basics](/en-US/docs/Web/Media/Audio_and_video_delivery/Cross-browser_audio_basics)
diff --git a/files/en-us/web/performance/fundamentals/index.md b/files/en-us/web/performance/fundamentals/index.md
index 883e9947046dfdc..237b608a4fcd31c 100644
--- a/files/en-us/web/performance/fundamentals/index.md
+++ b/files/en-us/web/performance/fundamentals/index.md
@@ -66,7 +66,7 @@ The Gecko JavaScript engine supports just-in-time (JIT) compilation. This enable
 
 The graphics pipeline in Gecko that underpins HTML, CSS, and Canvas is optimized in several ways. The HTML/CSS layout and graphics code in Gecko reduces invalidation and repainting for common cases like scrolling; developers get this support "for free". Pixel buffers painted by both Gecko "automatically" and applications to `canvas` "manually" minimize copies when being drawn to the display framebuffer. This is done by avoiding intermediate surfaces where they would create overhead (such as per-application "back buffers" in many other operating systems), and by using special memory for graphics buffers that can be directly accessed by the compositor hardware. Complex scenes are rendered using the device's GPU for maximum performance. To improve power usage, simple scenes are rendered using special dedicated composition hardware, while the GPU idles or turns off.
 
-Fully static content is the exception rather than the rule for rich applications. Rich applications use dynamic content with {{ cssxref("animation") }} and {{ cssxref ("transition") }} effects. Transitions and animations are particularly important to applications: developers can use CSS to declare complicated behavior with a simple, high-level syntax. In turn, Gecko's graphics pipeline is highly optimized to render common animations efficiently. Common-case animations are "offloaded" to the system compositor, which can render them in a performant, power-efficient fashion.
+Fully static content is the exception rather than the rule for rich applications. Rich applications use dynamic content with {{ cssxref("animation") }} and {{ cssxref("transition") }} effects. Transitions and animations are particularly important to applications: developers can use CSS to declare complicated behavior with a simple, high-level syntax. In turn, Gecko's graphics pipeline is highly optimized to render common animations efficiently. Common-case animations are "offloaded" to the system compositor, which can render them in a performant, power-efficient fashion.
 
 An app's startup performance matters just as much as its runtime performance. Gecko is optimized to load a wide variety of content efficiently: the entire Web! Many years of improvements targeting this content, like parallel HTML parsing, intelligent scheduling of reflows and image decoding, clever layout algorithms, etc., translate just as well to improving Web applications on Firefox.
 

From eb289996538d1242cd7eaa54cbd9e20da0cb908c Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 30 Dec 2023 22:46:02 +0800
Subject: [PATCH 192/790] Remove summary section from property & method page &
 fix a word `method` to `property` (#31410)

* remove summary section

* fix word
---
 files/en-us/web/api/touch/screenx/index.md             | 2 --
 files/en-us/web/api/touch/screeny/index.md             | 2 --
 files/en-us/web/api/window/cancelidlecallback/index.md | 2 --
 files/en-us/web/api/window/defaultstatus/index.md      | 4 +---
 files/en-us/web/api/window/mozinnerscreenx/index.md    | 2 --
 files/en-us/web/api/window/updatecommands/index.md     | 2 --
 6 files changed, 1 insertion(+), 13 deletions(-)

diff --git a/files/en-us/web/api/touch/screenx/index.md b/files/en-us/web/api/touch/screenx/index.md
index 0482698d0597b1d..a3edd1fb4ca2f80 100644
--- a/files/en-us/web/api/touch/screenx/index.md
+++ b/files/en-us/web/api/touch/screenx/index.md
@@ -8,8 +8,6 @@ browser-compat: api.Touch.screenX
 
 {{ APIRef("Touch Events") }}
 
-## Summary
-
 Returns the X coordinate of the touch point relative to the screen, not including any scroll offset.
 
 ## Value
diff --git a/files/en-us/web/api/touch/screeny/index.md b/files/en-us/web/api/touch/screeny/index.md
index deafc879883b663..4d3c9336f9c0d5b 100644
--- a/files/en-us/web/api/touch/screeny/index.md
+++ b/files/en-us/web/api/touch/screeny/index.md
@@ -8,8 +8,6 @@ browser-compat: api.Touch.screenY
 
 {{ APIRef("Touch Events") }}
 
-## Summary
-
 Returns the Y coordinate of the touch point relative to the screen, not including any scroll offset.
 
 ## Value
diff --git a/files/en-us/web/api/window/cancelidlecallback/index.md b/files/en-us/web/api/window/cancelidlecallback/index.md
index ba5ae987a299843..538c675b335db7f 100644
--- a/files/en-us/web/api/window/cancelidlecallback/index.md
+++ b/files/en-us/web/api/window/cancelidlecallback/index.md
@@ -8,8 +8,6 @@ browser-compat: api.Window.cancelIdleCallback
 
 {{APIRef}}
 
-## Summary
-
 The **`window.cancelIdleCallback()`** method cancels a callback
 previously scheduled with {{domxref("window.requestIdleCallback()")}}.
 
diff --git a/files/en-us/web/api/window/defaultstatus/index.md b/files/en-us/web/api/window/defaultstatus/index.md
index 764bf1ae8330f2b..bac97c0aaaa7d45 100644
--- a/files/en-us/web/api/window/defaultstatus/index.md
+++ b/files/en-us/web/api/window/defaultstatus/index.md
@@ -9,9 +9,7 @@ status:
 
 {{APIRef()}}{{deprecated_header}}
 
-> **Note:** This method was removed from Firefox 23 and onward.
-
-## Summary
+> **Note:** This property was removed from Firefox 23 and onward.
 
 Gets/sets the status bar text for the given window.
 
diff --git a/files/en-us/web/api/window/mozinnerscreenx/index.md b/files/en-us/web/api/window/mozinnerscreenx/index.md
index 851017b0d94ceb0..bcf527db70b8f0a 100644
--- a/files/en-us/web/api/window/mozinnerscreenx/index.md
+++ b/files/en-us/web/api/window/mozinnerscreenx/index.md
@@ -10,8 +10,6 @@ browser-compat: api.Window.mozInnerScreenX
 
 {{APIRef}}{{Non-standard_Header}}
 
-## Summary
-
 Gets the X coordinate of the top-left corner of the window's viewport, in screen
 coordinates.
 
diff --git a/files/en-us/web/api/window/updatecommands/index.md b/files/en-us/web/api/window/updatecommands/index.md
index 36742a20bc45313..bfa3d51c9c821da 100644
--- a/files/en-us/web/api/window/updatecommands/index.md
+++ b/files/en-us/web/api/window/updatecommands/index.md
@@ -10,8 +10,6 @@ browser-compat: api.Window.updateCommands
 
 {{ApiRef}}{{Non-standard_Header}}
 
-## Summary
-
 Updates the state of commands of the current chrome window (UI).
 
 ## Syntax

From b79bcd628c570f9e13ff5986fd4917d100880220 Mon Sep 17 00:00:00 2001
From: Federico Brigante <me@fregante.com>
Date: Sun, 31 Dec 2023 00:43:59 +0800
Subject: [PATCH 193/790] Mention AbortSignal.any() in AbortSignal.timeout()
 (#31414)

* Mention AbortSignal.any() in AbortSignal.timeout()

* Update files/en-us/web/api/abortsignal/timeout_static/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/api/abortsignal/timeout_static/index.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/files/en-us/web/api/abortsignal/timeout_static/index.md b/files/en-us/web/api/abortsignal/timeout_static/index.md
index aeba334fa2486c9..0496e853fd5eacb 100644
--- a/files/en-us/web/api/abortsignal/timeout_static/index.md
+++ b/files/en-us/web/api/abortsignal/timeout_static/index.md
@@ -15,8 +15,7 @@ This allow UIs to differentiate timeout errors, which typically require user not
 
 The timeout is based on active rather than elapsed time, and will effectively be paused if the code is running in a suspended worker, or while the document is in a back-forward cache ("[bfcache](https://web.dev/articles/bfcache)").
 
-> **Note:** At time of writing there is no way to combine multiple signals.
-> This means that you can't directly abort a download using either a timeout signal or by calling {{domxref("AbortController.abort()")}}.
+To combine multiple signals, you can use {{domxref("AbortSignal.any()")}}, for example, to directly abort a download using either a timeout signal or by calling {{domxref("AbortController.abort()")}}.
 
 ## Syntax
 

From b65bc7f59299b2bec8f428f3cdae15ca4be2ac0d Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 31 Dec 2023 03:09:44 +0900
Subject: [PATCH 194/790] Fix sidebar of FontFaceSet: values() method (#31417)

---
 files/en-us/web/api/fontfaceset/values/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/fontfaceset/values/index.md b/files/en-us/web/api/fontfaceset/values/index.md
index 8c38d07e06cd03d..73431713565b4cc 100644
--- a/files/en-us/web/api/fontfaceset/values/index.md
+++ b/files/en-us/web/api/fontfaceset/values/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.FontFaceSet.values
 ---
 
-{{DefaultAPISidebar("")}}
+{{APIRef("CSS Font Loading API")}}
 
 The **`values()`** method of the {{domxref("FontFaceSet")}} interface returns a new iterator object that yields the values for each element in the `FontFaceSet` object in insertion order.
 

From e89ed8e9ab638ff45f7915f9d22b8b44118bef85 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 31 Dec 2023 03:59:57 +0900
Subject: [PATCH 195/790] Fix a link target in FontFaceSet (#31416)

Fix a link target of FontFaceSet
---
 files/en-us/web/api/fontfaceset/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/fontfaceset/index.md b/files/en-us/web/api/fontfaceset/index.md
index 937a0e01b75b1e0..3aa6d9ca78f72bc 100644
--- a/files/en-us/web/api/fontfaceset/index.md
+++ b/files/en-us/web/api/fontfaceset/index.md
@@ -50,7 +50,7 @@ This property is available as {{domxref("Document.fonts")}}, or `self.fonts` in
 - {{domxref("FontFaceSet.has","FontFaceSet.has()")}}
   - : Returns a {{jsxref("Boolean")}} asserting whether an element is present with the given value.
 - {{domxref("FontFaceSet.keys","FontFaceSet.keys()")}}
-  - : An alias for {{domxref("CustomStateSet.values()")}}.
+  - : An alias for {{domxref("FontFaceSet.values()")}}.
 - {{domxref("FontFaceSet.load","FontFaceSet.load()")}}
   - : Returns a {{jsxref("Promise")}} which resolves to a list of font-faces for a requested font.
 - {{domxref("FontFaceSet.values","FontFaceSet.values()")}}

From 7fcade2bfe3a71a3cea1db277f877a78c89f57c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20dBruxelles?=
 <18559798+jdbruxelles@users.noreply.github.com>
Date: Sat, 30 Dec 2023 20:02:17 +0100
Subject: [PATCH 196/790] Fix "See also" link path (#31418)

---
 files/en-us/web/manifest/shortcuts/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/manifest/shortcuts/index.md b/files/en-us/web/manifest/shortcuts/index.md
index 6c221a74dac71fd..7477cd8f967249b 100644
--- a/files/en-us/web/manifest/shortcuts/index.md
+++ b/files/en-us/web/manifest/shortcuts/index.md
@@ -99,4 +99,4 @@ The following is a list of shortcuts a calendar app might have:
 
 ## See also
 
-- [Creating shortcut action menus for PWAs](en-US/Web/Progressive_web_apps/How_to/Expose_common_actions_as_shortcuts)
+- [Creating shortcut action menus for PWAs](/en-US/docs/Web/Progressive_web_apps/How_to/Expose_common_actions_as_shortcuts)

From 2fd17e35cfff23961e137fa32fe2348fda28f453 Mon Sep 17 00:00:00 2001
From: ShiftcodeDream <34923529+ShiftcodeDream@users.noreply.github.com>
Date: Sun, 31 Dec 2023 02:11:49 +0100
Subject: [PATCH 197/790] Bugfix : pass prog to getProgramParameter instead of
 vs (vertex shader) (#31419)

---
 files/en-us/web/api/webgl_api/webgl_best_practices/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/webgl_api/webgl_best_practices/index.md b/files/en-us/web/api/webgl_api/webgl_best_practices/index.md
index 1c292295ff35bb7..fec383f48125d8d 100644
--- a/files/en-us/web/api/webgl_api/webgl_best_practices/index.md
+++ b/files/en-us/web/api/webgl_api/webgl_best_practices/index.md
@@ -260,7 +260,7 @@ if (!gl.getShaderParameter(fs, gl.COMPILE_STATUS)) {
 }
 
 gl.linkProgram(prog);
-if (!gl.getProgramParameter(vs, gl.LINK_STATUS)) {
+if (!gl.getProgramParameter(prog, gl.LINK_STATUS)) {
   console.error(`Link failed: ${gl.getProgramInfoLog(prog)}`);
 }
 ```
@@ -271,7 +271,7 @@ Consider:
 gl.compileShader(vs);
 gl.compileShader(fs);
 gl.linkProgram(prog);
-if (!gl.getProgramParameter(vs, gl.LINK_STATUS)) {
+if (!gl.getProgramParameter(prog, gl.LINK_STATUS)) {
   console.error(`Link failed: ${gl.getProgramInfoLog(prog)}`);
   console.error(`vs info-log: ${gl.getShaderInfoLog(vs)}`);
   console.error(`fs info-log: ${gl.getShaderInfoLog(fs)}`);

From 6534b4d3f496ff00832e465de36e7488188d0776 Mon Sep 17 00:00:00 2001
From: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Date: Sun, 31 Dec 2023 14:03:27 +0800
Subject: [PATCH 198/790] `<iframes>` to `<iframe>`s (#31421)

* `<iframes>` to `<iframe>`s

* Apply suggestions from code review

* Update files/en-us/mozilla/firefox/releases/121/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/mozilla/firefox/releases/121/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/121/index.md b/files/en-us/mozilla/firefox/releases/121/index.md
index 80df427cd723b2b..838b839dd2a60b8 100644
--- a/files/en-us/mozilla/firefox/releases/121/index.md
+++ b/files/en-us/mozilla/firefox/releases/121/index.md
@@ -12,7 +12,7 @@ This article provides information about the changes in Firefox 121 that affect d
 
 ### HTML
 
-- [Lazy loading](/en-US/docs/Web/Performance/Lazy_loading) of `<iframes>` is now supported, allowing developers to hint that particular `<iframe>`s should only be loaded when (and if) they become visible. This can speed up initial load time by reducing the resources that need to be fetched on page load (some `<iframes>` may not need to be fetched at all).
+- [Lazy loading](/en-US/docs/Web/Performance/Lazy_loading) of `<iframe>` elements is now supported, allowing developers to hint that particular `<iframe>` elements should only be loaded when (and if) they become visible. This can speed up initial load time by reducing the resources that need to be fetched on page load (some `<iframe>` elements may not need to be fetched at all).
   The hint can be provided via the [`loading`](/en-US/docs/Web/HTML/Element/iframe#loading) attribute on the [`<iframe>`](/en-US/docs/Web/HTML/Element/iframe) element, or in JavaScript using {{domxref("HTMLIFrameElement.loading")}}.
   ([Firefox bug 1622090](https://bugzil.la/1622090)).
 

From 76c91fcbfbb1b81fb82fe1895501234b980bc814 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sun, 31 Dec 2023 08:23:11 +0100
Subject: [PATCH 199/790] Remove mention of ARIAMixin (#31337)

* Remove mention of ARIAMixin

* Use Associated interfaces
---
 .../web/accessibility/aria/attributes/aria-busy/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-checked/index.md | 2 +-
 .../accessibility/aria/attributes/aria-colindex/index.md    | 2 +-
 .../aria/attributes/aria-colindextext/index.md              | 2 +-
 .../web/accessibility/aria/attributes/aria-colspan/index.md | 4 ++--
 .../accessibility/aria/attributes/aria-controls/index.md    | 6 +++---
 .../web/accessibility/aria/attributes/aria-current/index.md | 2 +-
 .../accessibility/aria/attributes/aria-description/index.md | 2 +-
 .../accessibility/aria/attributes/aria-disabled/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-expanded/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-haspopup/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-hidden/index.md  | 2 +-
 .../aria/attributes/aria-keyshortcuts/index.md              | 2 +-
 .../web/accessibility/aria/attributes/aria-label/index.md   | 2 +-
 .../web/accessibility/aria/attributes/aria-level/index.md   | 2 +-
 .../web/accessibility/aria/attributes/aria-live/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-modal/index.md   | 2 +-
 .../accessibility/aria/attributes/aria-multiline/index.md   | 2 +-
 .../aria/attributes/aria-multiselectable/index.md           | 2 +-
 .../accessibility/aria/attributes/aria-orientation/index.md | 2 +-
 .../accessibility/aria/attributes/aria-placeholder/index.md | 2 +-
 .../accessibility/aria/attributes/aria-posinset/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-pressed/index.md | 2 +-
 .../accessibility/aria/attributes/aria-readonly/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-relevant/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-required/index.md    | 2 +-
 .../aria/attributes/aria-roledescription/index.md           | 2 +-
 .../accessibility/aria/attributes/aria-rowcount/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-rowindex/index.md    | 2 +-
 .../aria/attributes/aria-rowindextext/index.md              | 2 +-
 .../web/accessibility/aria/attributes/aria-rowspan/index.md | 2 +-
 .../accessibility/aria/attributes/aria-selected/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-setsize/index.md | 2 +-
 .../web/accessibility/aria/attributes/aria-sort/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-valuemax/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-valuemin/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-valuenow/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-valuetext/index.md   | 2 +-
 files/en-us/web/api/element/index.md                        | 2 +-
 files/en-us/web/api/elementinternals/index.md               | 2 +-
 40 files changed, 43 insertions(+), 43 deletions(-)

diff --git a/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md b/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md
index 4872d6ac4ff97d1..01c259bfb4406dc 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md
@@ -38,7 +38,7 @@ If changes to a rendered widget would create a state where the widget is missing
 - true
   - : The element is being updated.
 
-## API
+## Associated interfaces
 
 - {{domxref("Element.ariaBusy")}}
   - : The [`ariaBusy`](/en-US/docs/Web/API/Element/ariaBusy) property, part of each element's interface, reflects the value of the `aria-busy` attribute, which indicates whether an element is being modified.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-checked/index.md b/files/en-us/web/accessibility/aria/attributes/aria-checked/index.md
index 1e0a8f2366a375c..b07293f3a49b32d 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-checked/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-checked/index.md
@@ -62,7 +62,7 @@ Used in roles:
 - [`radio`](/en-US/docs/Web/Accessibility/ARIA/Roles/radio_role)
 - [`switch`](/en-US/docs/Web/Accessibility/ARIA/Roles/switch_role)
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaChecked")}}
   - : The [`ariaChecked`](/en-US/docs/Web/API/Element/ariaChecked) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-checked` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-colindex/index.md b/files/en-us/web/accessibility/aria/attributes/aria-colindex/index.md
index e2f0ab04166419e..178c3778ded7e90 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-colindex/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-colindex/index.md
@@ -80,7 +80,7 @@ If all the columns are in the DOM, neither `aria-colcount` nor `aria-colindex` a
 - `<integer>`
   - : Integer greater than or equal to 1 and less than or equal to the total number of columns if all were present.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaColIndex")}}
   - : The [`ariaColIndex`](/en-US/docs/Web/API/Element/ariaColIndex) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-colindex` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-colindextext/index.md b/files/en-us/web/accessibility/aria/attributes/aria-colindextext/index.md
index cbe3f962d5cc8f9..37253c33d91cfab 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-colindextext/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-colindextext/index.md
@@ -68,7 +68,7 @@ See related [`aria-rowindextext`](/en-US/docs/Web/Accessibility/ARIA/Attributes/
 - `<string>`
   - The human-readable text alternative of the numeric [`aria-colindex`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-colindex)
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaColIndexText")}}
   - : The [`ariaColIndexText`](/en-US/docs/Web/API/Element/ariaColIndexText) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-colindextext` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-colspan/index.md b/files/en-us/web/accessibility/aria/attributes/aria-colspan/index.md
index 2bf171926504e22..d3a0f84ba006952 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-colspan/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-colspan/index.md
@@ -139,10 +139,10 @@ If we had used a {{HTMLElement('table')}} and semantic table elements our markup
 - `<integer>`
   - : An integer greater than or equal to the default value of 1 defining the number of columns spanned by the cell. The value must be less than what would cause a cell to overlap the next cell in the same row.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaColSpan")}}
-  - : The [`ariaColSpan`](/en-US/docs/Web/API/Element/ariaColSpan) property, part of the {{domxref("ARIAMixin")}} interface, reflects the value of the `aria-colspan` attribute, which defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
+  - : The [`ariaColSpan`](/en-US/docs/Web/API/Element/ariaColSpan) property, part of each element's interface, reflects the value of the `aria-colspan` attribute, which defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
 
 ## Associated roles
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-controls/index.md b/files/en-us/web/accessibility/aria/attributes/aria-controls/index.md
index cc8d432bff7a9a3..3a03be715775c57 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-controls/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-controls/index.md
@@ -78,12 +78,12 @@ In this tabs example, each tab controls one tabpanel:
 ## Values
 
 - `id` list
-  - : Space separated list of one or more ID values referencing the elements being controlled by the current element
+  - : A space-separated list of one or more ID values referencing the elements being controlled by the current element
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaBusy")}}
-  - : The [`ariaControls`](/en-US/docs/Web/API/Element/ariaBusy) property, part of the {{domxref("ARIAMixin")}} interface, reflects the value of the `aria-controls` attribute, which indicates whether an element is being modified.
+  - : The [`ariaControls`](/en-US/docs/Web/API/Element/ariaBusy) property, part of each element's interface, reflects the value of the `aria-controls` attribute, which indicates whether an element is being modified.
 
 ## Associated roles
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-current/index.md b/files/en-us/web/accessibility/aria/attributes/aria-current/index.md
index 518ac5893dca33d..43485be5722095e 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-current/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-current/index.md
@@ -66,7 +66,7 @@ If the element representing the current page in the breadcrumb was not a link, t
 - `false` (default)
   - : Does not represent the current item within a set.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaCurrent")}}
   - : The [`ariaCurrent`](/en-US/docs/Web/API/Element/ariaCurrent) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-current` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-description/index.md b/files/en-us/web/accessibility/aria/attributes/aria-description/index.md
index f5d479777682e38..32a6fc22d174548 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-description/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-description/index.md
@@ -36,7 +36,7 @@ The content of the description, whether set by `aria-description` or `aria-descr
 - `<string>`
   - : The value is a string, an unconstrained value type, that is intended to be conveyed to the assistive technology user.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaDescription")}}
   - : The [`ariaDescription`](/en-US/docs/Web/API/Element/ariaDescription) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-description` attribute, which defines a string value that describes or annotates the current element.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-disabled/index.md b/files/en-us/web/accessibility/aria/attributes/aria-disabled/index.md
index 7da5a2bfe4b746a..4df44b1791d712b 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-disabled/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-disabled/index.md
@@ -91,7 +91,7 @@ If you used just CSS to style the disabled state using an attribute selector, th
 - `false`
   - : The element is not disabled
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaDisabled")}}
   - : The [`ariaDisabled`](/en-US/docs/Web/API/Element/ariaDisabled) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-disabled` attribute, which indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-expanded/index.md b/files/en-us/web/accessibility/aria/attributes/aria-expanded/index.md
index a9a4ecfe890dd95..3874e6efca36774 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-expanded/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-expanded/index.md
@@ -77,7 +77,7 @@ A parent row in a [`treegrid`](/en-US/docs/Web/Accessibility/ARIA/Roles/treegrid
 - `undefined` (default)
   - : The element does not own or control a grouping element that is expandable.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaExpanded")}}
   - : The [`ariaExpanded`](/en-US/docs/Web/API/Element/ariaExpanded) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-expanded` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-haspopup/index.md b/files/en-us/web/accessibility/aria/attributes/aria-haspopup/index.md
index 018ce11df7532eb..f7782a37cdaffa5 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-haspopup/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-haspopup/index.md
@@ -42,7 +42,7 @@ When creating a [`menubar`](/en-US/docs/Web/Accessibility/ARIA/Roles/menubar_rol
 - `dialog`
   - : The popup is a dialog.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaHasPopup")}}
   - : The [`ariaHasPopup`](/en-US/docs/Web/API/Element/ariaHasPopup) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-haspopup` attribute, which indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-hidden/index.md b/files/en-us/web/accessibility/aria/attributes/aria-hidden/index.md
index ceacf10cecda10e..56a2a8eafca08d4 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-hidden/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-hidden/index.md
@@ -66,7 +66,7 @@ We have a button with [a Font Awesome icon](https://fontawesome.com/). We hide t
 - `undefined` (default)
   - : The element's hidden state is determined by the user agent based on whether it is rendered.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaHidden")}}
   - : The [`ariaHidden`](/en-US/docs/Web/API/Element/ariaHidden) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-hidden` attribute, which Indicates whether the element is exposed to an accessibility API.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-keyshortcuts/index.md b/files/en-us/web/accessibility/aria/attributes/aria-keyshortcuts/index.md
index 958d6b11e21bd86..e0051b29c706829 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-keyshortcuts/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-keyshortcuts/index.md
@@ -113,7 +113,7 @@ In this example, the `aria-keyshortcuts` attribute on the element is set to "Alt
 <a href="#content" aria-keyshortcuts="Alt+Shift+A">Skip to content</a>
 ```
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaKeyShortcuts")}}
   - : The [`ariaKeyShortcuts`](/en-US/docs/Web/API/Element/ariaKeyShortcuts) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-keyshortcuts` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-label/index.md b/files/en-us/web/accessibility/aria/attributes/aria-label/index.md
index d0dbec2e599727b..f6232d4bb1a6d26 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-label/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-label/index.md
@@ -57,7 +57,7 @@ If you give your {{HTMLElement('iframe')}}s a `title`, your images an `alt` attr
 - `<string>`
   - : A string of text that will be the accessible name for the object.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaLabel")}}
   - : The [`ariaLabel`](/en-US/docs/Web/API/Element/ariaLabel) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-label` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-level/index.md b/files/en-us/web/accessibility/aria/attributes/aria-level/index.md
index d865da3dbd8f45f..6b191f9b610fceb 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-level/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-level/index.md
@@ -38,7 +38,7 @@ If a complete set of available nodes is not present in the DOM due to dynamic lo
 - `<integer>`
   - : An integer greater than or equal to 1
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaLevel")}}
   - : The [`ariaLevel`](/en-US/docs/Web/API/Element/ariaLevel) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-level` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-live/index.md b/files/en-us/web/accessibility/aria/attributes/aria-live/index.md
index 96cc51bc9e90f44..f578f8788c02c04 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-live/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-live/index.md
@@ -64,7 +64,7 @@ A live region includes the element and all its descendants. When not set on upda
 - `polite`
   - : Indicates that updates to the region should be presented at the next graceful opportunity, such as at the end of speaking the current sentence or when the user pauses typing.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaLive")}}
   - : The [`ariaLive`](/en-US/docs/Web/API/Element/ariaLive) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-live` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md b/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md
index abb9e8a008e955e..b55f35e689cf2f6 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md
@@ -69,7 +69,7 @@ The `aria-modal` attribute exposes the existence of the modal to assistive techn
 - `true`
   - : Element is modal.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaModal")}}
   - : The [`ariaModal`](/en-US/docs/Web/API/Element/ariaModal) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-modal` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-multiline/index.md b/files/en-us/web/accessibility/aria/attributes/aria-multiline/index.md
index 18e481bc0acaed7..8c49b6b10521a8e 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-multiline/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-multiline/index.md
@@ -28,7 +28,7 @@ Be aware of focus and keystrokes when designing text boxes. ARIA only modifies t
 - `false`
   - : The text box only accepts a single line of input.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaMultiLine")}}
   - : The [`ariaMultiLine`](/en-US/docs/Web/API/Element/ariaMultiLine) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-multiline` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-multiselectable/index.md b/files/en-us/web/accessibility/aria/attributes/aria-multiselectable/index.md
index b1aa1283957b265..b5adf696690e21d 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-multiselectable/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-multiselectable/index.md
@@ -130,7 +130,7 @@ Instead of `aria-selected="true"`, include the [`checked`](/en-US/docs/Web/HTML/
 - `false`
   - : Only one item can be selected
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaMultiSelectable")}}
   - : The [`ariaMultiSelectable`](/en-US/docs/Web/API/Element/ariaMultiSelectable) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-multiselectable` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-orientation/index.md b/files/en-us/web/accessibility/aria/attributes/aria-orientation/index.md
index 5bf5a6438db4877..8dde5790c4b7a85 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-orientation/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-orientation/index.md
@@ -44,7 +44,7 @@ Always remember that ARIA only modifies how assistive technology presents conten
 - `vertical`
   - : The element is oriented vertically.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaOrientation")}}
   - : The [`ariaOrientation`](/en-US/docs/Web/API/Element/ariaOrientation) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-orientation` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-placeholder/index.md b/files/en-us/web/accessibility/aria/attributes/aria-placeholder/index.md
index ec0da4b2f45b8fe..378aaf15407a370 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-placeholder/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-placeholder/index.md
@@ -39,7 +39,7 @@ The `aria-placeholder` is used in addition to, not instead of, a label. They hav
 - `<string>`
   - : The word or short phrase to display in a control when the control has no value.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaPlaceholder")}}
   - : The [`ariaPlaceholder`](/en-US/docs/Web/API/Element/ariaPlaceholder) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-placeholder` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-posinset/index.md b/files/en-us/web/accessibility/aria/attributes/aria-posinset/index.md
index 7f5ae4fe274d828..7cb9e457c09d631 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-posinset/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-posinset/index.md
@@ -38,7 +38,7 @@ In a [`feed`](/en-US/docs/Web/Accessibility/ARIA/Roles/feed_role), each {{HTMLEl
 - `<integer>`
   - : Integer greater than or equal to 1, and less than or equal to the value of `aria-setsize`.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaPosInSet")}}
   - : The [`ariaPosInSet`](/en-US/docs/Web/API/Element/ariaPosInSet) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-posinset` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-pressed/index.md b/files/en-us/web/accessibility/aria/attributes/aria-pressed/index.md
index 79aa0c99a19a6f0..5f1b428c3befa00 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-pressed/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-pressed/index.md
@@ -38,7 +38,7 @@ The first rule of ARIA use is "if you can use a native feature with the semantic
 - `undefined` (default)
   - : The element does not support being pressed.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaPressed")}}
   - : The [`ariaPressed`](/en-US/docs/Web/API/Element/ariaPressed) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-pressed` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-readonly/index.md b/files/en-us/web/accessibility/aria/attributes/aria-readonly/index.md
index c5844282b23f3ce..ff7233d655d858e 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-readonly/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-readonly/index.md
@@ -32,7 +32,7 @@ If the non-changeable value shouldn't be able to receive focus, use [`aria-disab
 - `false` (default)
   - : The element is not readonly.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaReadOnly")}}
   - : The [`ariaReadOnly`](/en-US/docs/Web/API/Element/ariaReadOnly) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-readonly` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-relevant/index.md b/files/en-us/web/accessibility/aria/attributes/aria-relevant/index.md
index a9885ebd0b3af54..1bfdbc7e4224e4a 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-relevant/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-relevant/index.md
@@ -34,7 +34,7 @@ The values of `removals` and `all` should be used sparingly. For example, when a
 - `additions text` (default)
   - : Element nodes are added to the accessibility tree within the live region AND text content or a text alternative is added to any descendant in the accessibility tree of the live region.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaRelevant")}}
   - : The [`ariaRelevant`](/en-US/docs/Web/API/Element/ariaRelevant) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-relevant` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-required/index.md b/files/en-us/web/accessibility/aria/attributes/aria-required/index.md
index 4042605ac4c275b..2a7fb5da01f0d08 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-required/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-required/index.md
@@ -55,7 +55,7 @@ This could be written semantically, without the need for JavaScript:
 - `false`
   - : The element is not required.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaRequired")}}
   - : The [`ariaRequired`](/en-US/docs/Web/API/Element/ariaRequired) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-required` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-roledescription/index.md b/files/en-us/web/accessibility/aria/attributes/aria-roledescription/index.md
index 4039c95aa36e796..d778041cb9a80ff 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-roledescription/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-roledescription/index.md
@@ -53,7 +53,7 @@ In the previous examples, a screen reader user may hear "Quarterly Report, slide
 - `<string>`
   - : A non-empty string, an unconstrained value type, containing more than just white space.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaRoleDescription")}}
   - : The [`ariaRoleDescription`](/en-US/docs/Web/API/Element/ariaRoleDescription) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-roledescription` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-rowcount/index.md b/files/en-us/web/accessibility/aria/attributes/aria-rowcount/index.md
index b9f824ed724c66a..6ed8e140c5da368 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-rowcount/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-rowcount/index.md
@@ -53,7 +53,7 @@ The following example shows a grid with 24 rows, of which the first row and rows
 - `<integer>`
   - : The number of rows in the full table or `-1` is the table size is not known.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaRowCount")}}
   - : The [`ariaRowCount`](/en-US/docs/Web/API/Element/ariaRowCount) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-rowcount` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-rowindex/index.md b/files/en-us/web/accessibility/aria/attributes/aria-rowindex/index.md
index 81ed76e4b55af40..407c3088120eeea 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-rowindex/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-rowindex/index.md
@@ -67,7 +67,7 @@ Note both `aria-rowspan` and `aria-rowindex` are present on the Goalkeeper cell,
 - `<integer>`
   - : An integer greater than or equal to 1, greater than the `aria-rowindex` of the previous row, if any, and less than or equal to the value of [`aria-rowcount`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-rowcount).
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaRowIndex")}}
   - : The [`ariaRowIndex`](/en-US/docs/Web/API/Element/ariaRowIndex) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-rowindex` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-rowindextext/index.md b/files/en-us/web/accessibility/aria/attributes/aria-rowindextext/index.md
index 97b24981f1d4b0d..a39786759e99d39 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-rowindextext/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-rowindextext/index.md
@@ -20,7 +20,7 @@ The `aria-rowindextext` is added to each {{HTMLElement('tr')}} or to elements wi
 - `<string>`
   - The human-readable text alternative of the numeric [`aria-rowindex`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-rowindex)
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaRowIndexText")}}
   - : The [`ariaRowIndexText`](/en-US/docs/Web/API/Element/ariaRowIndexText) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-rowindextext` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-rowspan/index.md b/files/en-us/web/accessibility/aria/attributes/aria-rowspan/index.md
index 9bc2818c84ddd8b..9b24b8f5011d897 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-rowspan/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-rowspan/index.md
@@ -22,7 +22,7 @@ The value of `aria-rowspan` is an integer greater than or equal to 0 and less th
 - `<integer>`
   - : An integer greater than or equal to `0` and less than would cause a cell to overlap the next cell in the same column.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaRowSpan")}}
   - : The [`ariaRowSpan`](/en-US/docs/Web/API/Element/ariaRowSpan) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-rowspan` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md b/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md
index 08f0b56b7354ac2..75e8a5379016d6e 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md
@@ -96,7 +96,7 @@ In this `tablist` example, the first `tab` is selected:
 - `undefined` (default)
   - : The element is not selectable.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaSelected")}}
   - : The [`ariaSelected`](/en-US/docs/Web/API/Element/ariaSelected) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-selected` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-setsize/index.md b/files/en-us/web/accessibility/aria/attributes/aria-setsize/index.md
index ff79d98bfe68c96..2a26801e7073540 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-setsize/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-setsize/index.md
@@ -48,7 +48,7 @@ To orient the user, assistive technologies would list the bananas above as "item
 - `<integer>`
   - : The number of items in the full set or `-1` is the set size is unknown.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaSetSize")}}
   - : The [`ariaSetSize`](/en-US/docs/Web/API/Element/ariaSetSize) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-setsize` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-sort/index.md b/files/en-us/web/accessibility/aria/attributes/aria-sort/index.md
index f80402c67810fa5..56a4b5bd46399ec 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-sort/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-sort/index.md
@@ -59,7 +59,7 @@ We provided instructions in the caption for assistive technology who may not see
 - `other`
   - : A sorting algorithm other than ascending or descending has been applied.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaSort")}}
   - : The [`ariaSort`](/en-US/docs/Web/API/Element/ariaSort) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-sort` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-valuemax/index.md b/files/en-us/web/accessibility/aria/attributes/aria-valuemax/index.md
index d2dd6e329b6e051..4da9029f7eabe9d 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-valuemax/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-valuemax/index.md
@@ -37,7 +37,7 @@ The code below shows a simple slider with a maximum value of 9.
 - `<number>`
   - : An integer or decimal number that is greater than the minimum value.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaValueMax")}}
   - : The [`ariaValueMax`](/en-US/docs/Web/API/Element/ariaValueMax) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-valuemax` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-valuemin/index.md b/files/en-us/web/accessibility/aria/attributes/aria-valuemin/index.md
index 3d25cc8d1e0481e..cbcd366efe1d8c0 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-valuemin/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-valuemin/index.md
@@ -24,7 +24,7 @@ The maximum value is defined with [`aria-valuemax`](/en-US/docs/Web/Accessibilit
 - `<number>`
   - : A decimal number, below the maximum value.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaValueMin")}}
   - : The [`ariaValueMin`](/en-US/docs/Web/API/Element/ariaValueMin) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-valuemin` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-valuenow/index.md b/files/en-us/web/accessibility/aria/attributes/aria-valuenow/index.md
index 203a1ef3949b87b..f3a33d2bc0c0ae2 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-valuenow/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-valuenow/index.md
@@ -86,7 +86,7 @@ If we employ native HTML semantics with {{HTMLElement('input')}} we get styles a
 - `<number>`
   - : A decimal number, between the minimum and maximum values.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaValueNow")}}
   - : The [`ariaValueNow`](/en-US/docs/Web/API/Element/ariaValueNow) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-valuenow` attribute.
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-valuetext/index.md b/files/en-us/web/accessibility/aria/attributes/aria-valuetext/index.md
index b7b3bb5e669cabf..d559f664cb979c0 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-valuetext/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-valuetext/index.md
@@ -24,7 +24,7 @@ When both the `aria-valuetext` and `aria-valuenow` are included, the `aria-value
 - `<string>`
   - : A human-readable text alternative of the `aria-valuenow` value.
 
-## ARIAMixin API
+## Associated interfaces
 
 - {{domxref("Element.ariaValueText")}}
   - : The [`ariaValueText`](/en-US/docs/Web/API/Element/ariaValueText) property, part of the {{domxref("Element")}} interface, reflects the value of the `aria-valuetext` attribute.
diff --git a/files/en-us/web/api/element/index.md b/files/en-us/web/api/element/index.md
index c87707e14c63374..37185a428c4722f 100644
--- a/files/en-us/web/api/element/index.md
+++ b/files/en-us/web/api/element/index.md
@@ -88,7 +88,7 @@ _`Element` inherits properties from its parent interface, {{DOMxRef("Node")}}, a
 
 ### Instance properties included from ARIA
 
-_The `Element` interface includes the following properties, defined on the `ARIAMixin` mixin._
+_The `Element` interface also includes the following properties._
 
 - {{domxref("Element.ariaAtomic")}}
   - : A string reflecting the [`aria-atomic`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-atomic) attribute, which indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the [`aria-relevant`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-relevant) attribute.
diff --git a/files/en-us/web/api/elementinternals/index.md b/files/en-us/web/api/elementinternals/index.md
index 407b39cf8b66473..e20b78052ce641b 100644
--- a/files/en-us/web/api/elementinternals/index.md
+++ b/files/en-us/web/api/elementinternals/index.md
@@ -33,7 +33,7 @@ This interface has no constructor. An `ElementInternals` object is returned when
 
 ### Instance properties included from ARIA
 
-The `ElementInternals` interface includes the following properties, defined on the `ARIAMixin` mixin.
+The `ElementInternals` interface also includes the following properties.
 
 > **Note:** These are included in order that default accessibility semantics can be defined on a custom element. These may be overwritten by author-defined attributes, but ensure that default semantics are retained should the author delete those attributes, or fail to add them at all. For more information see the [Accessibility Object Model explainer](https://wicg.github.io/aom/explainer.html#default-semantics-for-custom-elements-via-the-elementinternals-object).
 

From 41a914e8f30ac78ab49f374faea22795093a9926 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Sat, 30 Dec 2023 23:45:30 -0800
Subject: [PATCH 200/790] Change note: order of learn modules (#31423)

* Change note: order of learn module

* Update files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../selectors/type_class_and_id_selectors/index.md              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md b/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md
index 47ab58b700fd70a..388d3441b027073 100644
--- a/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md
+++ b/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md
@@ -108,7 +108,7 @@ The case-sensitive ID selector begins with a `#` rather than a dot character, bu
 
 > **Warning:** Using the same ID multiple times in a document may appear to work for styling purposes, but don't do this. It results in invalid code, and will cause strange behavior in many places.
 
-> **Note:** As we learned in the lesson on specificity, an ID has high specificity. It will overrule most other selectors. In most cases, it is preferable to add a class to an element instead of an ID. However, if using the ID is the only way to target the element — perhaps because you do not have access to the markup and cannot edit it — this will work.
+> **Note:** The ID selector has high {{cssxref("specificity")}}. This means styles applied based on matching an ID selector will overrule styles applied based on other selector, including class and type selectors. Because an ID can only occur once on a page and because of the high specificity of ID selectors, it is preferable to add a class to an element instead of an ID. If using the ID is the only way to target the element — perhaps because you do not have access to the markup and cannot edit it — consider using the ID within an an [attribute selector](/en-US/docs/Web/CSS/Attribute_selectors), such as `p[id="header"]`. [Learn specificity](/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance).
 
 ## Summary
 

From 93049469e756abab8a25a98dbc7786abdd811ec0 Mon Sep 17 00:00:00 2001
From: hanyujie2002 <yujiehan2002@outlook.com>
Date: Sun, 31 Dec 2023 16:39:57 +0800
Subject: [PATCH 201/790] minor fix: fix a typo (#31425)

---
 .../svelte_reactivity_lifecycle_accessibility/index.md          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_reactivity_lifecycle_accessibility/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_reactivity_lifecycle_accessibility/index.md
index 1629f2e4942e7c6..05324475f0691e9 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_reactivity_lifecycle_accessibility/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_reactivity_lifecycle_accessibility/index.md
@@ -364,7 +364,7 @@ Let's begin by extracting our new to-do form out to its own component. With what
 
 Now we want the `<input>`element of the `NewTodo` component to re-gain focus every time the _Add_ button is pressed. For that we'll need a reference to the DOM node of the input. Svelte provides a way to do this with the `bind:this={dom_node}` directive. When specified, as soon as the component is mounted and the DOM node is created, Svelte assigns a reference to the DOM node to the specified variable.
 
-We'll create a `nameEl` variable and bind it to the input it using `bind:this={nameEl}`. Then inside `addTodo()`, after adding the new to-do we will call `nameEl.focus()` to refocus the `<input>` again. We will do the same when the user presses the <kbd>Escape</kbd> key, with the `onCancel()` function.
+We'll create a `nameEl` variable and bind it to the input using `bind:this={nameEl}`. Then inside `addTodo()`, after adding the new to-do we will call `nameEl.focus()` to refocus the `<input>` again. We will do the same when the user presses the <kbd>Escape</kbd> key, with the `onCancel()` function.
 
 Update the contents of `NewTodo.svelte` like so:
 

From 6b3f0ffe3a5d78c46b43c3fb5d313d41d37fc8f9 Mon Sep 17 00:00:00 2001
From: Codophilus Persicus <mmirzanejad2@gmail.com>
Date: Sun, 31 Dec 2023 13:59:01 +0330
Subject: [PATCH 202/790] scrollbar removed (#31426)

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

diff --git a/files/en-us/web/html/element/article/index.md b/files/en-us/web/html/element/article/index.md
index d911365786b987e..fac65d95dbfe31c 100644
--- a/files/en-us/web/html/element/article/index.md
+++ b/files/en-us/web/html/element/article/index.md
@@ -139,7 +139,7 @@ This element only includes the [global attributes](/en-US/docs/Web/HTML/Global_a
 
 ## Result
 
-{{EmbedLiveSample('Examples')}}
+{{EmbedLiveSample('Examples','','570')}}
 
 ## Specifications
 

From 7c44de6d40778dbfb6eeb1163d7d850e911cd706 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sun, 31 Dec 2023 21:11:56 +0800
Subject: [PATCH 203/790] update exception section  of `NavigateEvent.scroll` &
 some small style fix (#31429)

* style fix

* update exception section

* style fix

* update
---
 files/en-us/web/api/navigateevent/destination/index.md   | 2 +-
 files/en-us/web/api/navigateevent/index.md               | 2 +-
 files/en-us/web/api/navigateevent/intercept/index.md     | 2 +-
 files/en-us/web/api/navigateevent/navigateevent/index.md | 2 +-
 files/en-us/web/api/navigateevent/scroll/index.md        | 6 ++++--
 files/en-us/web/api/navigation/navigate_event/index.md   | 2 +-
 files/en-us/web/api/navigation_api/index.md              | 2 +-
 files/en-us/web/api/navigationdestination/index.md       | 2 +-
 files/en-us/web/api/navigationdestination/url/index.md   | 2 +-
 9 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/files/en-us/web/api/navigateevent/destination/index.md b/files/en-us/web/api/navigateevent/destination/index.md
index a110adc3059c95b..a49f2a93ca62002 100644
--- a/files/en-us/web/api/navigateevent/destination/index.md
+++ b/files/en-us/web/api/navigateevent/destination/index.md
@@ -33,7 +33,7 @@ navigation.addEventListener("navigate", (event) => {
     event.intercept({
       async handler() {
         // The URL has already changed, so show a placeholder while
-        //fetching the new content, such as a spinner or loading page
+        // fetching the new content, such as a spinner or loading page
         renderArticlePagePlaceholder();
 
         // Fetch the new content and display when ready
diff --git a/files/en-us/web/api/navigateevent/index.md b/files/en-us/web/api/navigateevent/index.md
index 788d36164537e9c..2a06e4c36462597 100644
--- a/files/en-us/web/api/navigateevent/index.md
+++ b/files/en-us/web/api/navigateevent/index.md
@@ -66,7 +66,7 @@ navigation.addEventListener("navigate", (event) => {
     event.intercept({
       async handler() {
         // The URL has already changed, so show a placeholder while
-        //fetching the new content, such as a spinner or loading page
+        // fetching the new content, such as a spinner or loading page
         renderArticlePagePlaceholder();
 
         // Fetch the new content and display when ready
diff --git a/files/en-us/web/api/navigateevent/intercept/index.md b/files/en-us/web/api/navigateevent/intercept/index.md
index dfa0d5ee00e7baa..d47fd5c3ef8e9ae 100644
--- a/files/en-us/web/api/navigateevent/intercept/index.md
+++ b/files/en-us/web/api/navigateevent/intercept/index.md
@@ -66,7 +66,7 @@ navigation.addEventListener("navigate", (event) => {
     event.intercept({
       async handler() {
         // The URL has already changed, so show a placeholder while
-        //fetching the new content, such as a spinner or loading page
+        // fetching the new content, such as a spinner or loading page
         renderArticlePagePlaceholder();
 
         // Fetch the new content and display when ready
diff --git a/files/en-us/web/api/navigateevent/navigateevent/index.md b/files/en-us/web/api/navigateevent/navigateevent/index.md
index b672bef1f545127..4cd7843efc1136e 100644
--- a/files/en-us/web/api/navigateevent/navigateevent/index.md
+++ b/files/en-us/web/api/navigateevent/navigateevent/index.md
@@ -62,7 +62,7 @@ navigation.addEventListener("navigate", (event) => {
     event.intercept({
       async handler() {
         // The URL has already changed, so show a placeholder while
-        //fetching the new content, such as a spinner or loading page
+        // fetching the new content, such as a spinner or loading page
         renderArticlePagePlaceholder();
 
         // Fetch the new content and display when ready
diff --git a/files/en-us/web/api/navigateevent/scroll/index.md b/files/en-us/web/api/navigateevent/scroll/index.md
index 8aa9582a4d62088..14ba1e9eaf4a4aa 100644
--- a/files/en-us/web/api/navigateevent/scroll/index.md
+++ b/files/en-us/web/api/navigateevent/scroll/index.md
@@ -25,12 +25,14 @@ None.
 
 ### Return value
 
-`undefined`.
+None (`undefined`).
 
 ### Exceptions
 
 - `InvalidStateError` {{domxref("DOMException")}}
-  - : Thrown if the current {{domxref("Document")}} is not yet active, if the navigation was not intercepted using {{domxref("NavigateEvent.intercept", "intercept()")}}, or if the default scroll behavior has already occurred.
+  - : Thrown if the current {{domxref("Document")}} is not yet active, or if the navigation has been cancelled.
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the event was dispatched by a {{domxref("EventTarget.dispatchEvent", "dispatchEvent()")}} call, rather than the user agent.
 
 ## Examples
 
diff --git a/files/en-us/web/api/navigation/navigate_event/index.md b/files/en-us/web/api/navigation/navigate_event/index.md
index bc7817a424b3be1..4fcec85a5e9dae6 100644
--- a/files/en-us/web/api/navigation/navigate_event/index.md
+++ b/files/en-us/web/api/navigation/navigate_event/index.md
@@ -46,7 +46,7 @@ navigation.addEventListener("navigate", (event) => {
     event.intercept({
       async handler() {
         // The URL has already changed, so show a placeholder while
-        //fetching the new content, such as a spinner or loading page
+        // fetching the new content, such as a spinner or loading page
         renderArticlePagePlaceholder();
 
         // Fetch the new content and display when ready
diff --git a/files/en-us/web/api/navigation_api/index.md b/files/en-us/web/api/navigation_api/index.md
index 01a078448940881..00417d01ee95bab 100644
--- a/files/en-us/web/api/navigation_api/index.md
+++ b/files/en-us/web/api/navigation_api/index.md
@@ -121,7 +121,7 @@ navigation.addEventListener("navigate", (event) => {
     event.intercept({
       async handler() {
         // The URL has already changed, so show a placeholder while
-        //fetching the new content, such as a spinner or loading page
+        // fetching the new content, such as a spinner or loading page
         renderArticlePagePlaceholder();
 
         // Fetch the new content and display when ready
diff --git a/files/en-us/web/api/navigationdestination/index.md b/files/en-us/web/api/navigationdestination/index.md
index 2c27e78de3b239d..755a568da403932 100644
--- a/files/en-us/web/api/navigationdestination/index.md
+++ b/files/en-us/web/api/navigationdestination/index.md
@@ -51,7 +51,7 @@ navigation.addEventListener("navigate", (event) => {
     event.intercept({
       async handler() {
         // The URL has already changed, so show a placeholder while
-        //fetching the new content, such as a spinner or loading page
+        // fetching the new content, such as a spinner or loading page
         renderArticlePagePlaceholder();
 
         // Fetch the new content and display when ready
diff --git a/files/en-us/web/api/navigationdestination/url/index.md b/files/en-us/web/api/navigationdestination/url/index.md
index 45bdf9482514af9..afc9309e0d745c8 100644
--- a/files/en-us/web/api/navigationdestination/url/index.md
+++ b/files/en-us/web/api/navigationdestination/url/index.md
@@ -35,7 +35,7 @@ navigation.addEventListener("navigate", (event) => {
     event.intercept({
       async handler() {
         // The URL has already changed, so show a placeholder while
-        //fetching the new content, such as a spinner or loading page
+        // fetching the new content, such as a spinner or loading page
         renderArticlePagePlaceholder();
 
         // Fetch the new content and display when ready

From dea173f1ffb3e6bef851f2e328cf7562f1ef78ce Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sun, 31 Dec 2023 21:14:11 +0800
Subject: [PATCH 204/790] update api list of Feature Secure Context (#31430)

* add

* remove dumplite
---
 .../index.md                                  | 33 +++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/security/secure_contexts/features_restricted_to_secure_contexts/index.md b/files/en-us/web/security/secure_contexts/features_restricted_to_secure_contexts/index.md
index 740f265fdcb2f9a..9bb81930d3991ae 100644
--- a/files/en-us/web/security/secure_contexts/features_restricted_to_secure_contexts/index.md
+++ b/files/en-us/web/security/secure_contexts/features_restricted_to_secure_contexts/index.md
@@ -13,27 +13,56 @@ This reference lists the web platform features available only in secure contexts
 This section lists APIs that specifications make available only in secure contexts.
 
 - [Async Clipboard API](/en-US/docs/Web/API/Clipboard)
-- [Background Sync](https://wicg.github.io/BackgroundSync/spec/) (see {{domxref("SyncManager")}}, for example)
+- {{domxref("Audio Output Devices API", "", "", "nocode")}}
+- {{domxref("Background Fetch API", "", "", "nocode")}}
+- {{domxref("Background Synchronization API", "", "", "nocode")}}
+- {{domxref("Badging API", "", "", "nocode")}}
+- {{domxref("Barcode Detection API", "", "", "nocode")}}
+- {{domxref("Battery Status API", "", "", "nocode")}}
 - [`Cache-Control: immutable`](/en-US/docs/Web/HTTP/Headers/Cache-Control)
+- {{domxref("Contact Picker API", "", "", "nocode")}}
+- {{domxref("Content Index API", "", "", "nocode")}}
+- {{domxref("Cookie Store API", "", "", "nocode")}}
 - [Credential Management API](/en-US/docs/Web/API/Credential_Management_API)
+- {{domxref("Device Memory API", "", "", "nocode")}}
 - [Device Orientation / Device Motion](/en-US/docs/Web/API/Device_orientation_events/Detecting_device_orientation)
+- {{domxref("Document Picture-in-Picture API", "", "", "nocode")}}
 - [EyeDropper API](/en-US/docs/Web/API/EyeDropper)
 - [Encrypted Media Extensions](/en-US/docs/Web/API/Encrypted_Media_Extensions_API)
+- {{domxref("File System API", "", "", "nocode")}}
 - [Generic Sensor API](https://w3c.github.io/sensors/)
-- {{domxref("Geolocation")}}
+- {{domxref("Gamepad API", "", "", "nocode")}}
+- {{domxref("Geolocation API", "", "", "nocode")}}
+- {{domxref("Idle Detection API", "", "", "nocode")}}
+- {{domxref("Keyboard API", "", "", "nocode")}}
+- {{domxref("Local Font Access API", "", "", "nocode")}}
 - [Notifications API](/en-US/docs/Web/API/Notifications_API)
+- {{domxref("Payment Handler API", "", "", "nocode")}}
 - [Payment Request API](/en-US/docs/Web/API/Payment_Request_API)
 - [Presentation API](/en-US/docs/Web/API/Presentation_API)
 - [Push API](/en-US/docs/Web/API/Push_API)
 - [Reporting API](/en-US/docs/Web/API/Reporting_API)
+- {{domxref("Screen Capture API", "", "", "nocode")}}
+- {{domxref("Screen Wake Lock API", "", "", "nocode")}}
 - [Service Workers](/en-US/docs/Web/API/Service_Worker_API)
+- {{domxref("Shared Storage API", "", "", "nocode")}}
 - [Storage API](/en-US/docs/Web/API/Storage_API)
+- {{domxref("VirtualKeyboard API", "", "", "nocode")}}
 - [Web Authentication API](/en-US/docs/Web/API/Web_Authentication_API)
 - [Web Bluetooth](/en-US/docs/Web/API/Web_Bluetooth_API)
+- {{domxref("Web Locks API", "", "", "nocode")}}
 - [Web MIDI](/en-US/docs/Web/API/Web_MIDI_API)
+- {{domxref("Web NFC API", "", "", "nocode")}}
 - [Web Crypto API](/en-US/docs/Web/API/Web_Crypto_API)
+- {{domxref("WebCodecs API", "", "", "nocode")}}
 - [WebGPU API](/en-US/docs/Web/API/WebGPU_API)
+- {{domxref("WebHID API", "", "", "nocode")}}
+- {{domxref("WebOTP API", "", "", "nocode")}}
+- {{domxref("WebTransport API", "", "", "nocode")}}
+- {{domxref("WebUSB API", "", "", "nocode")}}
+- {{domxref("WebXR Device API", "", "", "nocode")}}
 - [Web Share API](/en-US/docs/Web/API/Web_Share_API)
+- {{domxref("Window Management API", "", "", "nocode")}}
 
 In addition, the following methods require a secure context (even if the associated API does not):
 

From 5bcfb27244bc426bcecf2099b3d23610df04b426 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 1 Jan 2024 00:11:49 +0800
Subject: [PATCH 205/790] Remove mention for `Window.returnValue` (#31436)

remove
---
 files/en-us/web/api/window/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/web/api/window/index.md b/files/en-us/web/api/window/index.md
index 7c2f2af21bbe318..9dfe9598048d5d6 100644
--- a/files/en-us/web/api/window/index.md
+++ b/files/en-us/web/api/window/index.md
@@ -154,8 +154,6 @@ Note that properties which are objects (e.g., for overriding the prototype of bu
   - : Returns an object with functions for adding external search providers to the browser.
 - {{domxref("Window.orientation")}} {{Deprecated_Inline}} {{ReadOnlyInline}}
   - : Returns the orientation in degrees (in 90 degree increments) of the viewport relative to the device's natural orientation.
-- `Window.returnValue` {{Deprecated_Inline}}
-  - : The return value to be returned to the function that called {{domxref("window.showModalDialog()")}} to display the window as a modal dialog.
 - {{domxref("Window.sidebar")}} {{Deprecated_Inline}} {{Non-standard_Inline}} {{ReadOnlyInline}}
   - : Returns a reference to the window object of the sidebar
 - {{domxref("Window.status")}} {{Deprecated_Inline}}

From 6fd63d70a8eb286318c41a27da26808888ed1e4a Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 1 Jan 2024 00:13:53 +0800
Subject: [PATCH 206/790] Remove `Window.defaultStatus` (#31434)

remove
---
 files/en-us/_redirects.txt                    |  5 ---
 files/en-us/_wikihistory.json                 | 18 ----------
 .../web/api/window/defaultstatus/index.md     | 36 -------------------
 files/en-us/web/api/window/index.md           |  2 --
 4 files changed, 61 deletions(-)
 delete mode 100644 files/en-us/web/api/window/defaultstatus/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index c9b96c26a55326a..12fbd98d809f1a5 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -2099,7 +2099,6 @@
 /en-US/docs/DOM/window.content	/en-US/docs/Web/API/Window
 /en-US/docs/DOM/window.crypto	/en-US/docs/Web/API/crypto_property
 /en-US/docs/DOM/window.crypto.getRandomValues	/en-US/docs/Web/API/Crypto/getRandomValues
-/en-US/docs/DOM/window.defaultStatus	/en-US/docs/Web/API/Window/defaultStatus
 /en-US/docs/DOM/window.document	/en-US/docs/Web/API/Window/document
 /en-US/docs/DOM/window.dump	/en-US/docs/Web/API/Window/dump
 /en-US/docs/DOM/window.escape	/en-US/docs/Web/JavaScript/Reference/Global_Objects/escape
@@ -2559,7 +2558,6 @@
 /en-US/docs/DOM:window.confirm	/en-US/docs/Web/API/Window/confirm
 /en-US/docs/DOM:window.content	/en-US/docs/Web/API/Window
 /en-US/docs/DOM:window.crypto	/en-US/docs/Web/API/crypto_property
-/en-US/docs/DOM:window.defaultStatus	/en-US/docs/Web/API/Window/defaultStatus
 /en-US/docs/DOM:window.document	/en-US/docs/Web/API/Window/document
 /en-US/docs/DOM:window.dump	/en-US/docs/Web/API/Window/dump
 /en-US/docs/DOM:window.escape	/en-US/docs/Web/JavaScript/Reference/Global_Objects/escape
@@ -3274,7 +3272,6 @@
 /en-US/docs/Document_Object_Model_(DOM)/window.content	/en-US/docs/Web/API/Window
 /en-US/docs/Document_Object_Model_(DOM)/window.crypto	/en-US/docs/Web/API/crypto_property
 /en-US/docs/Document_Object_Model_(DOM)/window.crypto.getRandomValues	/en-US/docs/Web/API/Crypto/getRandomValues
-/en-US/docs/Document_Object_Model_(DOM)/window.defaultStatus	/en-US/docs/Web/API/Window/defaultStatus
 /en-US/docs/Document_Object_Model_(DOM)/window.document	/en-US/docs/Web/API/Window/document
 /en-US/docs/Document_Object_Model_(DOM)/window.escape	/en-US/docs/Web/JavaScript/Reference/Global_Objects/escape
 /en-US/docs/Document_Object_Model_(DOM)/window.forward	/en-US/docs/Web/API/Window/forward
@@ -10770,7 +10767,6 @@
 /en-US/docs/Web/API/window.content	/en-US/docs/Web/API/Window
 /en-US/docs/Web/API/window.crypto	/en-US/docs/Web/API/crypto_property
 /en-US/docs/Web/API/window.crypto.getRandomValues	/en-US/docs/Web/API/Crypto/getRandomValues
-/en-US/docs/Web/API/window.defaultStatus	/en-US/docs/Web/API/Window/defaultStatus
 /en-US/docs/Web/API/window.document	/en-US/docs/Web/API/Window/document
 /en-US/docs/Web/API/window.dump	/en-US/docs/Web/API/Window/dump
 /en-US/docs/Web/API/window.escape	/en-US/docs/Web/JavaScript/Reference/Global_Objects/escape
@@ -13686,7 +13682,6 @@
 /en-US/docs/window.closed	/en-US/docs/Web/API/Window/closed
 /en-US/docs/window.confirm	/en-US/docs/Web/API/Window/confirm
 /en-US/docs/window.crypto	/en-US/docs/Web/API/crypto_property
-/en-US/docs/window.defaultStatus	/en-US/docs/Web/API/Window/defaultStatus
 /en-US/docs/window.document	/en-US/docs/Web/API/Window/document
 /en-US/docs/window.dump	/en-US/docs/Web/API/Window/dump
 /en-US/docs/window.escape	/en-US/docs/Web/JavaScript/Reference/Global_Objects/escape
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 9b2d9c5a2119802..5622a85d4aa99f2 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -66783,24 +66783,6 @@
     "modified": "2020-10-15T22:16:14.635Z",
     "contributors": ["mfuji09", "wbamberg"]
   },
-  "Web/API/Window/defaultStatus": {
-    "modified": "2019-04-05T17:00:29.943Z",
-    "contributors": [
-      "Loirooriol",
-      "sarafec",
-      "fscholz",
-      "teoli",
-      "kscarfone",
-      "kohei.yoshino",
-      "Sheppy",
-      "feltronzach",
-      "Matej Lednar",
-      "Mgjbot",
-      "Dria",
-      "Callek",
-      "JesseW"
-    ]
-  },
   "Web/API/Window/devicePixelRatio": {
     "modified": "2020-10-15T21:28:17.748Z",
     "contributors": [
diff --git a/files/en-us/web/api/window/defaultstatus/index.md b/files/en-us/web/api/window/defaultstatus/index.md
deleted file mode 100644
index bac97c0aaaa7d45..000000000000000
--- a/files/en-us/web/api/window/defaultstatus/index.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: "Window: defaultStatus property"
-short-title: defaultStatus
-slug: Web/API/Window/defaultStatus
-page-type: web-api-instance-property
-status:
-  - deprecated
----
-
-{{APIRef()}}{{deprecated_header}}
-
-> **Note:** This property was removed from Firefox 23 and onward.
-
-Gets/sets the status bar text for the given window.
-
-## Value
-
-A string containing the text to be displayed by default in the statusbar.
-
-## Examples
-
-```html
-<html lang="en">
-  <body onload="window.defaultStatus='hello!';"/>
-  <button onclick="window.confirm('Are you sure you want to quit?');">confirm</button>
-  </body>
-</html>
-```
-
-## Notes
-
-To set the status once the window has been opened, use {{domxref("window.status")}}.
-
-## Specifications
-
-HTML5
diff --git a/files/en-us/web/api/window/index.md b/files/en-us/web/api/window/index.md
index 9dfe9598048d5d6..bdcddb1af42f00b 100644
--- a/files/en-us/web/api/window/index.md
+++ b/files/en-us/web/api/window/index.md
@@ -146,8 +146,6 @@ Note that properties which are objects (e.g., for overriding the prototype of bu
 
 ### Deprecated properties
 
-- {{domxref("Window.defaultStatus")}} {{Deprecated_Inline}}
-  - : Gets/sets the status bar text for the given window.
 - {{domxref("Window.event")}} {{Deprecated_Inline}} {{ReadOnlyInline}}
   - : Returns the **current event**, which is the event currently being handled by the JavaScript code's context, or `undefined` if no event is currently being handled. The {{domxref("Event")}} object passed directly to event handlers should be used instead whenever possible.
 - {{domxref("Window.external")}} {{Deprecated_Inline}} {{ReadOnlyInline}}

From d8f805dedf000dd719cb1d8d11b31f38a0e6f5ab Mon Sep 17 00:00:00 2001
From: James <36278229+FormularSumo@users.noreply.github.com>
Date: Sun, 31 Dec 2023 16:15:12 +0000
Subject: [PATCH 207/790] Replace outdated reference to <geometry-box> in
 mask-clip (#31433)

Since https://github.com/w3c/fxtf-drafts/issues/439 and the related pull request were closed, mask-clip uses <coord-box> instead of <geometry-box>. This was mostly fixed in this https://github.com/mdn/content/pull/28157 previous pull request but I forgot to update this comment as well.
---
 files/en-us/web/css/mask-clip/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/mask-clip/index.md b/files/en-us/web/css/mask-clip/index.md
index 18c37dc52d4bd99..0bbbcbc175f3dbb 100644
--- a/files/en-us/web/css/mask-clip/index.md
+++ b/files/en-us/web/css/mask-clip/index.md
@@ -12,7 +12,7 @@ The **`mask-clip`** [CSS](/en-US/docs/Web/CSS) property determines the area whic
 ## Syntax
 
 ```css
-/* <geometry-box> values */
+/* <coord-box> values */
 mask-clip: content-box;
 mask-clip: padding-box;
 mask-clip: border-box;

From df3316c2c702c57514bfd8daba389765464ea653 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 1 Jan 2024 07:19:38 +0800
Subject: [PATCH 208/790] `NavigationCurrentEntryChangeEvent` | fix type of
 `navigationType` property (#31439)

* update of navigationType

* style pretty

* fix text
---
 .../api/navigationcurrententrychangeevent/from/index.md    | 3 +--
 .../navigationcurrententrychangeevent/index.md             | 7 +++----
 .../navigationtype/index.md                                | 3 +--
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/files/en-us/web/api/navigationcurrententrychangeevent/from/index.md b/files/en-us/web/api/navigationcurrententrychangeevent/from/index.md
index 2d9609ce3fed518..e8a586976b0d903 100644
--- a/files/en-us/web/api/navigationcurrententrychangeevent/from/index.md
+++ b/files/en-us/web/api/navigationcurrententrychangeevent/from/index.md
@@ -10,8 +10,7 @@ browser-compat: api.NavigationCurrentEntryChangeEvent.from
 
 {{APIRef("Navigation API")}}{{SeeCompatTable}}
 
-The **`from`** read-only property of the
-{{domxref("NavigationCurrentEntryChangeEvent")}} interface returns the {{domxref("NavigationHistoryEntry")}} that was navigated from.
+The **`from`** read-only property of the {{domxref("NavigationCurrentEntryChangeEvent")}} interface returns the {{domxref("NavigationHistoryEntry")}} that was navigated from.
 
 ## Value
 
diff --git a/files/en-us/web/api/navigationcurrententrychangeevent/navigationcurrententrychangeevent/index.md b/files/en-us/web/api/navigationcurrententrychangeevent/navigationcurrententrychangeevent/index.md
index c4c8d894098c092..606361af9fbd754 100644
--- a/files/en-us/web/api/navigationcurrententrychangeevent/navigationcurrententrychangeevent/index.md
+++ b/files/en-us/web/api/navigationcurrententrychangeevent/navigationcurrententrychangeevent/index.md
@@ -10,8 +10,7 @@ browser-compat: api.NavigationCurrentEntryChangeEvent.NavigationCurrentEntryChan
 
 {{APIRef("Navigation API")}}{{SeeCompatTable}}
 
-The **`NavigationCurrentEntryChangeEvent()`** constructor creates a new
-{{domxref("NavigationCurrentEntryChangeEvent")}} object.
+The **`NavigationCurrentEntryChangeEvent()`** constructor creates a new {{domxref("NavigationCurrentEntryChangeEvent")}} object.
 
 ## Syntax
 
@@ -27,8 +26,8 @@ new NavigationCurrentEntryChangeEvent(type, init)
   - : An object containing the following properties:
     - `destination`
       - : A {{domxref("NavigationHistoryEntry")}} object representing the location being navigated to.
-    - `navigationType`
-      - : The type of the navigation that resulted in the change. Possible values — `push`, `reload`, `replace`, and `traverse`.
+    - `navigationType` {{optional_inline}}
+      - : The type of the navigation that resulted in the change. Possible values are `push`, `reload`, `replace`, and `traverse`. Defaults to `null`.
 
 ## Examples
 
diff --git a/files/en-us/web/api/navigationcurrententrychangeevent/navigationtype/index.md b/files/en-us/web/api/navigationcurrententrychangeevent/navigationtype/index.md
index e241dc148275566..97a02721766df31 100644
--- a/files/en-us/web/api/navigationcurrententrychangeevent/navigationtype/index.md
+++ b/files/en-us/web/api/navigationcurrententrychangeevent/navigationtype/index.md
@@ -10,8 +10,7 @@ browser-compat: api.NavigationCurrentEntryChangeEvent.navigationType
 
 {{APIRef("Navigation API")}}{{SeeCompatTable}}
 
-The **`navigationType`** read-only property of the
-{{domxref("NavigationCurrentEntryChangeEvent")}} interface returns the type of the navigation that resulted in the change.
+The **`navigationType`** read-only property of the {{domxref("NavigationCurrentEntryChangeEvent")}} interface returns the type of the navigation that resulted in the change. The property may be `null` if the change occurs due to {{domxref("Navigation.updateCurrentEntry()")}}.
 
 ## Value
 

From 49bd8d27131e30c92c48f970c4cf9f07d4cb67e5 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 1 Jan 2024 07:30:38 +0800
Subject: [PATCH 209/790] `NavigationHistoryEntry` | add info for return value
 or value (#31438)

* update NavigationHistoryEntry.url

* style pretty

* update text

* add info for not fully active document

* update desc

* revert

* update text

* fix text
---
 files/en-us/web/api/navigationhistoryentry/getstate/index.md | 5 ++---
 files/en-us/web/api/navigationhistoryentry/id/index.md       | 3 +--
 files/en-us/web/api/navigationhistoryentry/index.md          | 2 +-
 files/en-us/web/api/navigationhistoryentry/index/index.md    | 3 +--
 files/en-us/web/api/navigationhistoryentry/key/index.md      | 3 +--
 .../web/api/navigationhistoryentry/samedocument/index.md     | 3 +--
 files/en-us/web/api/navigationhistoryentry/url/index.md      | 5 ++---
 7 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/files/en-us/web/api/navigationhistoryentry/getstate/index.md b/files/en-us/web/api/navigationhistoryentry/getstate/index.md
index 0c5248120c100be..5f191ce2936f2a1 100644
--- a/files/en-us/web/api/navigationhistoryentry/getstate/index.md
+++ b/files/en-us/web/api/navigationhistoryentry/getstate/index.md
@@ -10,8 +10,7 @@ browser-compat: api.NavigationHistoryEntry.getState
 
 {{APIRef("Navigation API")}}{{SeeCompatTable}}
 
-The **`getState()`** method of the
-{{domxref("NavigationHistoryEntry")}} interface returns a clone of the developer-supplied state associated with this history entry.
+The **`getState()`** method of the {{domxref("NavigationHistoryEntry")}} interface returns a clone of the developer-supplied state associated with this history entry.
 
 ## Syntax
 
@@ -27,7 +26,7 @@ None.
 
 A value representing the state. This can be any [structured-cloneable](/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm) data type.
 
-If no state is defined, it returns `undefined`.
+If no state is defined or if current document is not fully active, it returns `undefined`.
 
 ### Exceptions
 
diff --git a/files/en-us/web/api/navigationhistoryentry/id/index.md b/files/en-us/web/api/navigationhistoryentry/id/index.md
index 72a8c6e723acf42..8f623f0a100c6e4 100644
--- a/files/en-us/web/api/navigationhistoryentry/id/index.md
+++ b/files/en-us/web/api/navigationhistoryentry/id/index.md
@@ -10,8 +10,7 @@ browser-compat: api.NavigationHistoryEntry.id
 
 {{APIRef("Navigation API")}}{{SeeCompatTable}}
 
-The **`id`** read-only property of the
-{{domxref("NavigationHistoryEntry")}} interface returns the `id` of the history entry. This is a unique, UA-generated value that always represents a specific history entry, useful to correlate it with an external resource such as a storage cache.
+The **`id`** read-only property of the {{domxref("NavigationHistoryEntry")}} interface returns the `id` of the history entry, or an empty string if current document is not fully active. This is a unique, UA-generated value that always represents a specific history entry, useful to correlate it with an external resource such as a storage cache.
 
 This differs from the {{domxref("NavigationHistoryEntry.key", "key")}} of a history entry. The `key` is a unique, UA-generated value that represents the history entry's slot in the entries list rather than the entry itself. It is used to navigate that particular slot via {{domxref("Navigation.traverseTo()")}}. The `key` will be reused by other entries that replace the entry in the list (that is, if the {{domxref("NavigateEvent.navigationType")}} is `replace`).
 
diff --git a/files/en-us/web/api/navigationhistoryentry/index.md b/files/en-us/web/api/navigationhistoryentry/index.md
index 781b584b8794e39..8481913cb0a5eb6 100644
--- a/files/en-us/web/api/navigationhistoryentry/index.md
+++ b/files/en-us/web/api/navigationhistoryentry/index.md
@@ -30,7 +30,7 @@ _Inherits properties from its parent, {{DOMxRef("EventTarget")}}._
 - {{domxref("NavigationHistoryEntry.sameDocument", "sameDocument")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns `true` if this history entry is for the same `document` as the current {{domxref("Document")}} value, or `false` otherwise.
 - {{domxref("NavigationHistoryEntry.url", "url")}} {{ReadOnlyInline}} {{Experimental_Inline}}
-  - : Returns the absolute URL of this history entry.
+  - : Returns the absolute URL of this history entry. If the entry corresponds to a different document than the current one (like `sameDocument` property is `false`), and that document was fetched with a {{httpheader("Referrer-Policy", "referrer policy")}} header set to `no-referrer` or `origin`, the property returns `null`.
 
 ## Instance methods
 
diff --git a/files/en-us/web/api/navigationhistoryentry/index/index.md b/files/en-us/web/api/navigationhistoryentry/index/index.md
index dd9f760d6752fdd..442bd6801cb41f0 100644
--- a/files/en-us/web/api/navigationhistoryentry/index/index.md
+++ b/files/en-us/web/api/navigationhistoryentry/index/index.md
@@ -10,8 +10,7 @@ browser-compat: api.NavigationHistoryEntry.index
 
 {{APIRef("Navigation API")}}{{SeeCompatTable}}
 
-The **`index`** read-only property of the
-{{domxref("NavigationHistoryEntry")}} interface returns the index of the history entry in the history entries list (that is, the list returned by {{domxref("Navigation.entries()")}}), or `-1` if the entry does not appear in the list.
+The **`index`** read-only property of the {{domxref("NavigationHistoryEntry")}} interface returns the index of the history entry in the history entries list (that is, the list returned by {{domxref("Navigation.entries()")}}), or `-1` if the entry does not appear in the list or if current document is not fully active.
 
 ## Value
 
diff --git a/files/en-us/web/api/navigationhistoryentry/key/index.md b/files/en-us/web/api/navigationhistoryentry/key/index.md
index aa45e67768e3d4f..8e5a70eb8ed1aa9 100644
--- a/files/en-us/web/api/navigationhistoryentry/key/index.md
+++ b/files/en-us/web/api/navigationhistoryentry/key/index.md
@@ -10,8 +10,7 @@ browser-compat: api.NavigationHistoryEntry.key
 
 {{APIRef("Navigation API")}}{{SeeCompatTable}}
 
-The **`key`** read-only property of the
-{{domxref("NavigationHistoryEntry")}} interface returns the `key` of the history entry. This is a unique, UA-generated value that represents the history entry's slot in the entries list. It is used to navigate that particular slot via {{domxref("Navigation.traverseTo()")}}. The `key` will be reused by other entries that replace the entry in the list (that is, if the {{domxref("NavigateEvent.navigationType")}} is `replace`).
+The **`key`** read-only property of the {{domxref("NavigationHistoryEntry")}} interface returns the `key` of the history entry, or an empty string if current document is not fully active. This is a unique, UA-generated value that represents the history entry's slot in the entries list. It is used to navigate that particular slot via {{domxref("Navigation.traverseTo()")}}. The `key` will be reused by other entries that replace the entry in the list (that is, if the {{domxref("NavigateEvent.navigationType")}} is `replace`).
 
 This differs from the {{domxref("NavigationHistoryEntry.id", "id")}} of a history entry. The `id` is a unique, UA-generated value that always represents a specific history entry rather than its slot in the entries list. This is useful to correlate it with an external resource such as a storage cache.
 
diff --git a/files/en-us/web/api/navigationhistoryentry/samedocument/index.md b/files/en-us/web/api/navigationhistoryentry/samedocument/index.md
index 6536bf93c83e9c8..71c50808ab852b5 100644
--- a/files/en-us/web/api/navigationhistoryentry/samedocument/index.md
+++ b/files/en-us/web/api/navigationhistoryentry/samedocument/index.md
@@ -10,8 +10,7 @@ browser-compat: api.NavigationHistoryEntry.sameDocument
 
 {{APIRef("Navigation API")}}{{SeeCompatTable}}
 
-The **`sameDocument`** read-only property of the
-{{domxref("NavigationHistoryEntry")}} interface returns `true` if this history entry is for the same `document` as the current {{domxref("Document")}} value, or `false` otherwise.
+The **`sameDocument`** read-only property of the {{domxref("NavigationHistoryEntry")}} interface returns `true` if this history entry is for the same `document` as the current {{domxref("Document")}} value and current document is fully active, or `false` otherwise.
 
 ## Value
 
diff --git a/files/en-us/web/api/navigationhistoryentry/url/index.md b/files/en-us/web/api/navigationhistoryentry/url/index.md
index 70a8defb3af1ae0..a8f9f02353f838d 100644
--- a/files/en-us/web/api/navigationhistoryentry/url/index.md
+++ b/files/en-us/web/api/navigationhistoryentry/url/index.md
@@ -10,12 +10,11 @@ browser-compat: api.NavigationHistoryEntry.url
 
 {{APIRef("Navigation API")}}{{SeeCompatTable}}
 
-The **`url`** read-only property of the
-{{domxref("NavigationHistoryEntry")}} interface returns the absolute URL of this history entry.
+The **`url`** read-only property of the {{domxref("NavigationHistoryEntry")}} interface returns the absolute URL of this history entry. If the entry corresponds to a different Document than the current one (like `sameDocument` property is `false`), and that Document was fetched with a {{httpheader("Referrer-Policy", "referrer policy")}} header set to `no-referrer` or `origin`, the property returns `null`. If current document is not fully active, it returns an empty string.
 
 ## Value
 
-A string representing the URL.
+A string representing the URL or `null`.
 
 ## Examples
 

From 066d55a090927fa19ba19c2a4b2417470e1a979f Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 1 Jan 2024 07:31:54 +0800
Subject: [PATCH 210/790] update property/method description and replace some
 links with macros (#31440)

* update

* use macros
---
 .../web/api/geolocation/getcurrentposition/index.md    |  6 +++---
 .../geolocation_api/using_the_geolocation_api/index.md |  2 +-
 .../web/api/geolocationcoordinates/accuracy/index.md   |  5 +----
 .../web/api/geolocationcoordinates/altitude/index.md   |  5 +----
 .../geolocationcoordinates/altitudeaccuracy/index.md   |  5 +----
 .../web/api/geolocationcoordinates/heading/index.md    | 10 +---------
 files/en-us/web/api/geolocationcoordinates/index.md    |  2 +-
 .../web/api/geolocationcoordinates/latitude/index.md   |  2 +-
 .../web/api/geolocationcoordinates/longitude/index.md  |  4 ++--
 .../web/api/geolocationcoordinates/speed/index.md      |  4 +---
 .../en-us/web/api/geolocationposition/coords/index.md  |  6 +-----
 files/en-us/web/api/geolocationposition/index.md       |  2 +-
 .../web/api/geolocationposition/timestamp/index.md     |  4 ++--
 .../web/api/geolocationpositionerror/code/index.md     |  2 +-
 .../web/api/geolocationpositionerror/message/index.md  |  3 +--
 15 files changed, 19 insertions(+), 43 deletions(-)

diff --git a/files/en-us/web/api/geolocation/getcurrentposition/index.md b/files/en-us/web/api/geolocation/getcurrentposition/index.md
index e6a01af3d04a40f..31a9b32d7a1949d 100644
--- a/files/en-us/web/api/geolocation/getcurrentposition/index.md
+++ b/files/en-us/web/api/geolocation/getcurrentposition/index.md
@@ -8,7 +8,7 @@ browser-compat: api.Geolocation.getCurrentPosition
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`Geolocation.getCurrentPosition()`** method is used to get the current position of the device.
+The **`getCurrentPosition()`** method of the {{domxref("Geolocation")}} interface is used to get the current position of the device.
 
 ## Syntax
 
@@ -29,9 +29,9 @@ getCurrentPosition(success, error, options)
 - `options` {{optional_inline}}
   - : An optional object including the following parameters:
     - `maximumAge` {{optional_inline}}
-      - : A positive `long` value indicating the maximum age in milliseconds of a possible cached position that is acceptable to return. If set to `0`, it means that the device cannot use a cached position and must attempt to retrieve the real current position. If set to [`Infinity`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity) the device must return a cached position regardless of its age. Default: `0`.
+      - : A positive `long` value indicating the maximum age in milliseconds of a possible cached position that is acceptable to return. If set to `0`, it means that the device cannot use a cached position and must attempt to retrieve the real current position. If set to {{jsxref("Infinity")}} the device must return a cached position regardless of its age. Default: `0`.
     - `timeout` {{optional_inline}}
-      - : A positive `long` value representing the maximum length of time (in milliseconds) the device is allowed to take in order to return a position. The default value is [`Infinity`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity), meaning that `getCurrentPosition()` won't return until the position is available.
+      - : A positive `long` value representing the maximum length of time (in milliseconds) the device is allowed to take in order to return a position. The default value is {{jsxref("Infinity")}}, meaning that `getCurrentPosition()` won't return until the position is available.
     - `enableHighAccuracy` {{optional_inline}}
       - : A boolean value that indicates the application would like to receive the best possible results. If `true` and if the device is able to provide a more accurate position, it will do so. Note that this can result in slower response times or increased power consumption (with a GPS chip on a mobile device for example). On the other hand, if `false`, the device can take the liberty to save resources by responding more quickly and/or using less power. Default: `false`.
 
diff --git a/files/en-us/web/api/geolocation_api/using_the_geolocation_api/index.md b/files/en-us/web/api/geolocation_api/using_the_geolocation_api/index.md
index 1f8339a623ac9e7..caaeab8292d6231 100644
--- a/files/en-us/web/api/geolocation_api/using_the_geolocation_api/index.md
+++ b/files/en-us/web/api/geolocation_api/using_the_geolocation_api/index.md
@@ -84,7 +84,7 @@ const watchID = navigator.geolocation.watchPosition(success, error, options);
 
 The user's location is described using a {{domxref("GeolocationPosition")}} object instance, which itself contains a {{domxref("GeolocationCoordinates")}} object instance.
 
-The `GeolocationPosition` instance contains only two things, a `coords` property that contains the `GeolocationCoordinates` instance, and a `timestamp` property that contains a timestamp, given as [Unix time](/en-US/docs/Glossary/Unix_time) in milliseconds, at which the position data was retrieved.
+The `GeolocationPosition` instance contains only two things, a `coords` property that contains the `GeolocationCoordinates` instance, and a `timestamp` property that contains a timestamp, given as {{Glossary("Unix time")}} in milliseconds, at which the position data was retrieved.
 
 The `GeolocationCoordinates` instance contains a number of properties, but the two you'll use most commonly are `latitude` and `longitude`, which are what you need to draw your position on a map. Hence many Geolocation success callbacks look fairly simple:
 
diff --git a/files/en-us/web/api/geolocationcoordinates/accuracy/index.md b/files/en-us/web/api/geolocationcoordinates/accuracy/index.md
index d1b4653bc72b295..81bbfa52d4ec13f 100644
--- a/files/en-us/web/api/geolocationcoordinates/accuracy/index.md
+++ b/files/en-us/web/api/geolocationcoordinates/accuracy/index.md
@@ -8,10 +8,7 @@ browser-compat: api.GeolocationCoordinates.accuracy
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`GeolocationCoordinates.accuracy`** read-only property is
-a strictly positive `double` representing the accuracy, with a 95% confidence
-level, of the {{domxref("GeolocationCoordinates.latitude")}} and
-{{domxref("GeolocationCoordinates.longitude")}} properties expressed in meters.
+The **`accuracy`** read-only property of the {{domxref("GeolocationCoordinates")}} interface is a strictly positive `double` representing the accuracy, with a 95% confidence level, of the {{domxref("GeolocationCoordinates.latitude")}} and {{domxref("GeolocationCoordinates.longitude")}} properties expressed in meters.
 
 ## Value
 
diff --git a/files/en-us/web/api/geolocationcoordinates/altitude/index.md b/files/en-us/web/api/geolocationcoordinates/altitude/index.md
index 9c97dfb5cc4b02e..70156e075e5fc8d 100644
--- a/files/en-us/web/api/geolocationcoordinates/altitude/index.md
+++ b/files/en-us/web/api/geolocationcoordinates/altitude/index.md
@@ -8,10 +8,7 @@ browser-compat: api.GeolocationCoordinates.altitude
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`GeolocationCoordinates.altitude`** read-only property is
-a `double` representing the altitude of the position in meters above the [WGS84](https://gis-lab.info/docs/nima-tr8350.2-wgs84fin.pdf)
-ellipsoid (which defines the nominal sea level surface). This value is `null`
-if the implementation cannot provide this data.
+The **`altitude`** read-only property of the {{domxref("GeolocationCoordinates")}} interface is a `double` representing the altitude of the position in meters above the [WGS84](https://gis-lab.info/docs/nima-tr8350.2-wgs84fin.pdf) ellipsoid (which defines the nominal sea level surface). This value is `null` if the implementation cannot provide this data.
 
 ## Value
 
diff --git a/files/en-us/web/api/geolocationcoordinates/altitudeaccuracy/index.md b/files/en-us/web/api/geolocationcoordinates/altitudeaccuracy/index.md
index 16eed4174d59339..10c5d03eb745911 100644
--- a/files/en-us/web/api/geolocationcoordinates/altitudeaccuracy/index.md
+++ b/files/en-us/web/api/geolocationcoordinates/altitudeaccuracy/index.md
@@ -8,10 +8,7 @@ browser-compat: api.GeolocationCoordinates.altitudeAccuracy
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`GeolocationCoordinates.altitudeAccuracy`** read-only
-property is a strictly positive `double` representing the accuracy, with a
-95% confidence level, of the `altitude` expressed in meters. This value is
-`null` if the implementation doesn't support measuring altitude.
+The **`altitudeAccuracy`** read-only property of the {{domxref("GeolocationCoordinates")}} interface is a strictly positive `double` representing the accuracy, with a 95% confidence level, of the `altitude` expressed in meters. This value is `null` if the implementation doesn't support measuring altitude.
 
 ## Value
 
diff --git a/files/en-us/web/api/geolocationcoordinates/heading/index.md b/files/en-us/web/api/geolocationcoordinates/heading/index.md
index 90d3a783ab9d0de..609d4ed5c195036 100644
--- a/files/en-us/web/api/geolocationcoordinates/heading/index.md
+++ b/files/en-us/web/api/geolocationcoordinates/heading/index.md
@@ -8,15 +8,7 @@ browser-compat: api.GeolocationCoordinates.heading
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`GeolocationCoordinates.heading`** read-only property is
-a `double` representing the direction in which the device is traveling. This
-value, specified in degrees, indicates how far off from heading due north the device is.
-`0` degrees represents true north, and the direction is determined
-clockwise (which means that east is `90` degrees and west is `270`
-degrees). If {{domxref("GeolocationCoordinates.speed")}} is `0`,
-`heading` is
-[`NaN`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN). If
-the device is not able to provide heading information, this value is `null`.
+The **`heading`** read-only property of the {{domxref("GeolocationCoordinates")}} interface is a `double` representing the direction in which the device is traveling. This value, specified in degrees, indicates how far off from heading due north the device is. `0` degrees represents true north, and the direction is determined clockwise (which means that east is `90` degrees and west is `270` degrees). If {{domxref("GeolocationCoordinates.speed")}} is `0`, `heading` is {{jsxref("NaN")}}. If the device is not able to provide heading information, this value is `null`.
 
 ## Value
 
diff --git a/files/en-us/web/api/geolocationcoordinates/index.md b/files/en-us/web/api/geolocationcoordinates/index.md
index cbb119e7df3ab4b..b8e49411c17264e 100644
--- a/files/en-us/web/api/geolocationcoordinates/index.md
+++ b/files/en-us/web/api/geolocationcoordinates/index.md
@@ -24,7 +24,7 @@ _The `GeolocationCoordinates` interface doesn't inherit any properties._
 - {{domxref("GeolocationCoordinates.altitudeAccuracy")}} {{ReadOnlyInline}}
   - : Returns a `double` representing the accuracy of the `altitude` expressed in meters. This value can be `null` if the implementation cannot provide the data.
 - {{domxref("GeolocationCoordinates.heading")}} {{ReadOnlyInline}}
-  - : Returns a `double` representing the direction towards which the device is facing. This value, specified in degrees, indicates how far off from heading true north the device is. `0` degrees represents true north, and the direction is determined clockwise (which means that east is `90` degrees and west is `270` degrees). If `speed` is `0`, `heading` is [`NaN`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN). If the device is unable to provide `heading` information, this value is `null`.
+  - : Returns a `double` representing the direction towards which the device is facing. This value, specified in degrees, indicates how far off from heading true north the device is. `0` degrees represents true north, and the direction is determined clockwise (which means that east is `90` degrees and west is `270` degrees). If `speed` is `0`, `heading` is {{jsxref("NaN")}}. If the device is unable to provide `heading` information, this value is `null`.
 - {{domxref("GeolocationCoordinates.speed")}} {{ReadOnlyInline}}
   - : Returns a `double` representing the velocity of the device in meters per second. This value can be `null`.
 
diff --git a/files/en-us/web/api/geolocationcoordinates/latitude/index.md b/files/en-us/web/api/geolocationcoordinates/latitude/index.md
index 43cd26884cb7b20..e6e62292f34d1a5 100644
--- a/files/en-us/web/api/geolocationcoordinates/latitude/index.md
+++ b/files/en-us/web/api/geolocationcoordinates/latitude/index.md
@@ -8,7 +8,7 @@ browser-compat: api.GeolocationCoordinates.latitude
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`GeolocationCoordinates.latitude`** read-only property is a `double` representing the latitude of the position in decimal degrees.
+The **`latitude`** read-only property of the {{domxref("GeolocationCoordinates")}} interface is a `double` representing the latitude of the position in decimal degrees.
 
 ## Value
 
diff --git a/files/en-us/web/api/geolocationcoordinates/longitude/index.md b/files/en-us/web/api/geolocationcoordinates/longitude/index.md
index 3ea26919bd670c7..933fdb4f5b68249 100644
--- a/files/en-us/web/api/geolocationcoordinates/longitude/index.md
+++ b/files/en-us/web/api/geolocationcoordinates/longitude/index.md
@@ -8,8 +8,8 @@ browser-compat: api.GeolocationCoordinates.longitude
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The {{domxref("GeolocationCoordinates")}} interface's read-only **`longitude`** property is a number which represents the longitude of a geographical position, specified in decimal degrees.
-Together with a timestamp, given as [Unix time](/en-US/docs/Glossary/Unix_time) in milliseconds, indicating a time of measurement, the `GeolocationCoordinates` object is part of the {{domxref("GeolocationPosition")}} interface, which is the object type returned by Geolocation API functions that obtain and return a geographical position.
+The **`longitude`** read-only property of the {{domxref("GeolocationCoordinates")}} interface is a number which represents the longitude of a geographical position, specified in decimal degrees.
+Together with a timestamp, given as {{Glossary("Unix time")}} in milliseconds, indicating a time of measurement, the `GeolocationCoordinates` object is part of the {{domxref("GeolocationPosition")}} interface, which is the object type returned by Geolocation API functions that obtain and return a geographical position.
 
 ## Value
 
diff --git a/files/en-us/web/api/geolocationcoordinates/speed/index.md b/files/en-us/web/api/geolocationcoordinates/speed/index.md
index 642c225d824da85..4be1f6253480ad6 100644
--- a/files/en-us/web/api/geolocationcoordinates/speed/index.md
+++ b/files/en-us/web/api/geolocationcoordinates/speed/index.md
@@ -8,9 +8,7 @@ browser-compat: api.GeolocationCoordinates.speed
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`GeolocationCoordinates.speed`** read-only property is a
-`double` representing the velocity of the device in meters per second. This
-value is `null` if the implementation is not able to measure it.
+The **`speed`** read-only property of the {{domxref("GeolocationCoordinates")}} interface is a `double` representing the velocity of the device in meters per second. This value is `null` if the implementation is not able to measure it.
 
 ## Value
 
diff --git a/files/en-us/web/api/geolocationposition/coords/index.md b/files/en-us/web/api/geolocationposition/coords/index.md
index c1bd30dce4bb45e..e581aabd82ad954 100644
--- a/files/en-us/web/api/geolocationposition/coords/index.md
+++ b/files/en-us/web/api/geolocationposition/coords/index.md
@@ -8,11 +8,7 @@ browser-compat: api.GeolocationPosition.coords
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`GeolocationPosition.coords`** read-only property returns
-a {{domxref("GeolocationCoordinates")}} object representing a geographic position. It
-contains the location, that is longitude and latitude on the Earth, the altitude, and
-the speed of the object concerned, regrouped inside the returned value. It also contains
-accuracy information about these values.
+The **`coords`** read-only property of the {{domxref("GeolocationPosition")}} interface returns a {{domxref("GeolocationCoordinates")}} object representing a geographic position. It contains the location, that is longitude and latitude on the Earth, the altitude, and the speed of the object concerned, regrouped inside the returned value. It also contains accuracy information about these values.
 
 ## Value
 
diff --git a/files/en-us/web/api/geolocationposition/index.md b/files/en-us/web/api/geolocationposition/index.md
index 113b191eb2c16fd..51a21b63bba51b7 100644
--- a/files/en-us/web/api/geolocationposition/index.md
+++ b/files/en-us/web/api/geolocationposition/index.md
@@ -16,7 +16,7 @@ _The `GeolocationPosition` interface doesn't inherit any properties._
 - {{domxref("GeolocationPosition.coords")}} {{ReadOnlyInline}}
   - : Returns a {{domxref("GeolocationCoordinates")}} object defining the current location.
 - {{domxref("GeolocationPosition.timestamp")}} {{ReadOnlyInline}}
-  - : Returns a timestamp, given as [Unix time](/en-US/docs/Glossary/Unix_time) in milliseconds, representing the time at which the location was retrieved.
+  - : Returns a timestamp, given as {{Glossary("Unix time")}} in milliseconds, representing the time at which the location was retrieved.
 
 ## Instance methods
 
diff --git a/files/en-us/web/api/geolocationposition/timestamp/index.md b/files/en-us/web/api/geolocationposition/timestamp/index.md
index f6cf9fa1e229552..0d77af463a4bacc 100644
--- a/files/en-us/web/api/geolocationposition/timestamp/index.md
+++ b/files/en-us/web/api/geolocationposition/timestamp/index.md
@@ -8,11 +8,11 @@ browser-compat: api.GeolocationPosition.timestamp
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`GeolocationPosition.timestamp`** read-only property represents the date and time that the position was acquired by the device.
+The **`timestamp`** read-only property of the {{domxref("GeolocationPosition")}} interface represents the date and time that the position was acquired by the device.
 
 ## Value
 
-A number containing a timestamp, given as [Unix time](/en-US/docs/Glossary/Unix_time) in milliseconds.
+A number containing a timestamp, given as {{Glossary("Unix time")}} in milliseconds.
 
 ## Specifications
 
diff --git a/files/en-us/web/api/geolocationpositionerror/code/index.md b/files/en-us/web/api/geolocationpositionerror/code/index.md
index d20a0725207d639..1efec186e57338a 100644
--- a/files/en-us/web/api/geolocationpositionerror/code/index.md
+++ b/files/en-us/web/api/geolocationpositionerror/code/index.md
@@ -8,7 +8,7 @@ browser-compat: api.GeolocationPositionError.code
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`GeolocationPositionError.code`** read-only property is an `unsigned short` representing the error code.
+The **`code`** read-only property of the {{domxref("GeolocationPositionError")}} interface is an `unsigned short` representing the error code.
 
 The following values are possible:
 
diff --git a/files/en-us/web/api/geolocationpositionerror/message/index.md b/files/en-us/web/api/geolocationpositionerror/message/index.md
index 8bdaad5a94557c6..1e740dbbd86ad02 100644
--- a/files/en-us/web/api/geolocationpositionerror/message/index.md
+++ b/files/en-us/web/api/geolocationpositionerror/message/index.md
@@ -8,8 +8,7 @@ browser-compat: api.GeolocationPositionError.message
 
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`GeolocationPositionError.message`** read-only property
-returns a human-readable string describing the details of the error.
+The **`message`** read-only property of the {{domxref("GeolocationPositionError")}} interface returns a human-readable string describing the details of the error.
 
 ## Value
 

From b994732d72f3b05744dcd1284a7868df30549e22 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Mon, 1 Jan 2024 08:33:30 +0100
Subject: [PATCH 211/790] Fix broken link (+ minor grammar) (#31422)

---
 files/en-us/web/api/abortsignal/timeout_static/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/api/abortsignal/timeout_static/index.md b/files/en-us/web/api/abortsignal/timeout_static/index.md
index 0496e853fd5eacb..36210c5cfdb3fe8 100644
--- a/files/en-us/web/api/abortsignal/timeout_static/index.md
+++ b/files/en-us/web/api/abortsignal/timeout_static/index.md
@@ -11,11 +11,11 @@ browser-compat: api.AbortSignal.timeout_static
 The **`AbortSignal.timeout()`** static method returns an {{domxref("AbortSignal")}} that will automatically abort after a specified time.
 
 The signal aborts with a `TimeoutError` {{domxref("DOMException")}} on timeout, or with `AbortError` {{domxref("DOMException")}} due to pressing a browser stop button (or some other inbuilt "stop" operation).
-This allow UIs to differentiate timeout errors, which typically require user notification, from user-triggered aborts that do not.
+This allows UIs to differentiate timeout errors, which typically require user notification, from user-triggered aborts that do not.
 
 The timeout is based on active rather than elapsed time, and will effectively be paused if the code is running in a suspended worker, or while the document is in a back-forward cache ("[bfcache](https://web.dev/articles/bfcache)").
 
-To combine multiple signals, you can use {{domxref("AbortSignal.any()")}}, for example, to directly abort a download using either a timeout signal or by calling {{domxref("AbortController.abort()")}}.
+To combine multiple signals, you can use {{domxref("AbortSignal/any_static", "AbortSignal.any()")}}, for example, to directly abort a download using either a timeout signal or by calling {{domxref("AbortController.abort()")}}.
 
 ## Syntax
 
@@ -36,8 +36,8 @@ The signal will abort with its {{domxref("AbortSignal.reason")}} property set to
 
 ## Examples
 
-A simple example showing a fetch operation that will timeout if unsuccessful after 5 seconds, is shown below.
-Note that this may also fail if the method is not supported, if a browser "stop" button is pressed, or for some other reason.
+Below is a simple example showing a fetch operation that will timeout if unsuccessful after 5 seconds.
+Note that this may also fail if the method is not supported, if a browser "stop" button is pressed, or for another reason.
 
 ```js
 const url = "https://path_to_large_file.mp4";

From 06dbf9ce9982a3053823c14298fd83fabc6d90d9 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Mon, 1 Jan 2024 08:34:25 +0100
Subject: [PATCH 212/790] Move deprecated constant to the relevant section
 (#31424)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/api/cssrule/type/index.md | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/files/en-us/web/api/cssrule/type/index.md b/files/en-us/web/api/cssrule/type/index.md
index 4b6ce0800b38510..12ad7185524b933 100644
--- a/files/en-us/web/api/cssrule/type/index.md
+++ b/files/en-us/web/api/cssrule/type/index.md
@@ -47,22 +47,16 @@ for (const rule of rules) {
   - : The rule is a {{domxref("CSSCounterStyleRule")}}.
 - `CSSRule.SUPPORTS_RULE` (`12`)
   - : The rule is a {{domxref("CSSSupportsRule")}}.
-- `CSSRule.DOCUMENT_RULE` (`13`)
-  - : The rule is a {{domxref("CSSDocumentRule")}}.
 - `CSSRule.FONT_FEATURE_VALUES_RULE` (`14`)
   - : The rule is a {{domxref("CSSFontFeatureValuesRule")}}.
-- `CSSRule.VIEWPORT_RULE` (`15`)
-  - : The rule is a {{domxref("CSSViewportRule")}}.
-- `CSSRule.REGION_STYLE_RULE` (`16`)
-  - : The rule is a {{domxref("CSSRegionStyleRule")}}.
 
-Both `CSSRule.UNKNOWN_RULE` (`0`) and `CSSRule.CHARSET_RULE` (`2`) are deprecated and cannot be obtained any more
+The values `CSSRule.UNKNOWN_RULE` (`0`), `CSSRule.CHARSET_RULE` (`2`), `CSSRule.DOCUMENT_RULE` (`13`), `CSSRule.VIEWPORT_RULE` (`14`), and `CSSRule.REGION_STYLE_RULE` (`16`) cannot be obtained anymore.
 
 ## Examples
 
 ```js
-let myRules = document.styleSheets[0].cssRules;
-console.log(myRules[0].type);
+const rules = document.styleSheets[0].cssRules;
+console.log(rules[0].type);
 ```
 
 ## Specifications

From 1f2f78777035a0dac3e277dc3227a4851a9778b3 Mon Sep 17 00:00:00 2001
From: PizzasBear <43722034+PizzasBear@users.noreply.github.com>
Date: Mon, 1 Jan 2024 13:39:43 +0200
Subject: [PATCH 213/790] Update `Element.setAttribute` exception description
 (#31445)

* Update `Element.setAttribute` exception description

* Update files/en-us/web/api/element/setattribute/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/api/element/setattribute/index.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/files/en-us/web/api/element/setattribute/index.md b/files/en-us/web/api/element/setattribute/index.md
index bacffa925b837d4..dcadaafc1c3a430 100644
--- a/files/en-us/web/api/element/setattribute/index.md
+++ b/files/en-us/web/api/element/setattribute/index.md
@@ -49,8 +49,7 @@ None ({{jsxref("undefined")}}).
 ### Exceptions
 
 - `InvalidCharacterError` {{domxref("DOMException")}}
-  - : The specified attribute `name` contains one or more characters which are
-    not valid in attribute names.
+  - : Thrown if the [`name`](#name) value is not a valid [XML name](https://www.w3.org/TR/REC-xml/#dt-name); for example, it starts with a number, a hyphen, or a period, or contains characters other than alphanumeric characters, underscores, hyphens, or periods.
 
 ## Examples
 

From 4bddde3e2b86234eb4594809082873fc5bf00ee3 Mon Sep 17 00:00:00 2001
From: Dan King <king.daniel.thomas@gmail.com>
Date: Mon, 1 Jan 2024 19:19:59 +0700
Subject: [PATCH 214/790] Remove the overuse of 'basic computer literacy' as a
 prerequisite. (#31443)

* Update instances of 'Basic computer literacy, and...'

* Instaces of 'basic computer literacy, a...'

And some deeper sentence structure

* All other instances

* Clean up redundant trailing spaces for linter happy path

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 .../accessibility/accessibility_troubleshooting/index.md    | 2 +-
 files/en-us/learn/accessibility/css_and_javascript/index.md | 2 +-
 files/en-us/learn/accessibility/html/index.md               | 2 +-
 files/en-us/learn/accessibility/mobile/index.md             | 4 ++--
 files/en-us/learn/accessibility/multimedia/index.md         | 3 +--
 files/en-us/learn/accessibility/wai-aria_basics/index.md    | 4 ++--
 .../learn/accessibility/what_is_accessibility/index.md      | 2 +-
 .../css/building_blocks/backgrounds_and_borders/index.md    | 3 +--
 .../css/building_blocks/cascade_and_inheritance/index.md    | 3 +--
 .../en-us/learn/css/building_blocks/debugging_css/index.md  | 3 +--
 .../handling_different_text_directions/index.md             | 3 +--
 .../css/building_blocks/images_media_form_elements/index.md | 3 +--
 files/en-us/learn/css/building_blocks/organizing/index.md   | 3 +--
 .../learn/css/building_blocks/overflowing_content/index.md  | 3 +--
 .../building_blocks/selectors/attribute_selectors/index.md  | 3 +--
 .../css/building_blocks/selectors/combinators/index.md      | 3 +--
 files/en-us/learn/css/building_blocks/selectors/index.md    | 3 +--
 .../selectors/pseudo-classes_and_pseudo-elements/index.md   | 3 +--
 .../selectors/type_class_and_id_selectors/index.md          | 3 +--
 .../learn/css/building_blocks/sizing_items_in_css/index.md  | 3 +--
 .../en-us/learn/css/building_blocks/the_box_model/index.md  | 3 +--
 .../learn/css/building_blocks/values_and_units/index.md     | 3 +--
 files/en-us/learn/css/first_steps/getting_started/index.md  | 3 +--
 .../learn/css/first_steps/how_css_is_structured/index.md    | 3 +--
 files/en-us/learn/css/first_steps/how_css_works/index.md    | 3 +--
 files/en-us/learn/css/first_steps/what_is_css/index.md      | 3 +--
 files/en-us/learn/css/styling_text/fundamentals/index.md    | 2 +-
 files/en-us/learn/css/styling_text/styling_links/index.md   | 2 +-
 files/en-us/learn/css/styling_text/styling_lists/index.md   | 2 +-
 files/en-us/learn/css/styling_text/web_fonts/index.md       | 2 +-
 files/en-us/learn/forms/advanced_form_styling/index.md      | 2 +-
 files/en-us/learn/forms/basic_native_form_controls/index.md | 2 +-
 .../en-us/learn/forms/how_to_structure_a_web_form/index.md  | 2 +-
 files/en-us/learn/forms/html5_input_types/index.md          | 2 +-
 files/en-us/learn/forms/other_form_controls/index.md        | 2 +-
 .../learn/forms/sending_and_retrieving_form_data/index.md   | 2 +-
 files/en-us/learn/forms/styling_web_forms/index.md          | 2 +-
 files/en-us/learn/forms/ui_pseudo-classes/index.md          | 2 +-
 files/en-us/learn/forms/your_first_form/index.md            | 2 +-
 files/en-us/learn/front-end_web_developer/index.md          | 2 +-
 .../html/introduction_to_html/getting_started/index.md      | 3 +--
 .../html/multimedia_and_embedding/images_in_html/index.md   | 3 +--
 .../other_embedding_technologies/index.md                   | 3 +--
 .../video_and_audio_content/index.md                        | 3 +--
 .../asynchronous/implementing_a_promise-based_api/index.md  | 2 +-
 .../learn/javascript/asynchronous/introducing/index.md      | 2 +-
 .../javascript/asynchronous/introducing_workers/index.md    | 2 +-
 files/en-us/learn/javascript/asynchronous/promises/index.md | 2 +-
 .../javascript/asynchronous/sequencing_animations/index.md  | 2 +-
 .../building_blocks/build_your_own_function/index.md        | 5 ++---
 .../learn/javascript/building_blocks/conditionals/index.md  | 2 +-
 .../en-us/learn/javascript/building_blocks/events/index.md  | 2 +-
 .../learn/javascript/building_blocks/functions/index.md     | 2 +-
 .../learn/javascript/building_blocks/looping_code/index.md  | 2 +-
 .../learn/javascript/building_blocks/return_values/index.md | 2 +-
 .../javascript/client-side_web_apis/introduction/index.md   | 6 +++---
 .../client-side_web_apis/manipulating_documents/index.md    | 2 +-
 .../learn/javascript/first_steps/a_first_splash/index.md    | 2 +-
 files/en-us/learn/javascript/first_steps/arrays/index.md    | 2 +-
 files/en-us/learn/javascript/first_steps/math/index.md      | 2 +-
 files/en-us/learn/javascript/first_steps/strings/index.md   | 2 +-
 .../javascript/first_steps/useful_string_methods/index.md   | 2 +-
 files/en-us/learn/javascript/first_steps/variables/index.md | 2 +-
 .../javascript/first_steps/what_is_javascript/index.md      | 2 +-
 .../learn/javascript/first_steps/what_went_wrong/index.md   | 2 +-
 files/en-us/learn/javascript/objects/basics/index.md        | 2 +-
 .../learn/javascript/objects/classes_in_javascript/index.md | 2 +-
 files/en-us/learn/javascript/objects/json/index.md          | 2 +-
 .../javascript/objects/object_building_practice/index.md    | 2 +-
 .../learn/mathml/first_steps/fractions_and_roots/index.md   | 3 +--
 .../en-us/learn/mathml/first_steps/getting_started/index.md | 3 +--
 files/en-us/learn/mathml/first_steps/scripts/index.md       | 3 +--
 files/en-us/learn/mathml/first_steps/tables/index.md        | 3 +--
 .../en-us/learn/mathml/first_steps/text_containers/index.md | 3 +--
 .../performance/business_case_for_performance/index.md      | 2 +-
 files/en-us/learn/performance/css/index.md                  | 3 +--
 files/en-us/learn/performance/html/index.md                 | 3 +--
 files/en-us/learn/performance/javascript/index.md           | 3 +--
 .../en-us/learn/performance/measuring_performance/index.md  | 3 +--
 files/en-us/learn/performance/multimedia/index.md           | 3 +--
 .../en-us/learn/performance/perceived_performance/index.md  | 3 +--
 files/en-us/learn/performance/video/index.md                | 3 +--
 .../learn/performance/what_is_web_performance/index.md      | 3 +--
 files/en-us/learn/performance/why_web_performance/index.md  | 3 +--
 files/en-us/learn/server-side/django/introduction/index.md  | 1 -
 .../learn/server-side/express_nodejs/introduction/index.md  | 2 +-
 .../server-side/first_steps/client-server_overview/index.md | 2 +-
 .../learn/server-side/first_steps/introduction/index.md     | 2 +-
 .../learn/server-side/first_steps/web_frameworks/index.md   | 2 +-
 89 files changed, 93 insertions(+), 133 deletions(-)

diff --git a/files/en-us/learn/accessibility/accessibility_troubleshooting/index.md b/files/en-us/learn/accessibility/accessibility_troubleshooting/index.md
index c10c27ff60fb4a4..004f256025294ff 100644
--- a/files/en-us/learn/accessibility/accessibility_troubleshooting/index.md
+++ b/files/en-us/learn/accessibility/accessibility_troubleshooting/index.md
@@ -13,7 +13,7 @@ In the assessment for this module, we present to you a simple site with a number
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML, CSS, and
+        A basic understanding of HTML, CSS, and
         JavaScript, an understanding of the
         <a href="/en-US/docs/Learn/Accessibility"
           >previous articles in the course</a
diff --git a/files/en-us/learn/accessibility/css_and_javascript/index.md b/files/en-us/learn/accessibility/css_and_javascript/index.md
index a4fd52f37c1af11..614aa6f80b500be 100644
--- a/files/en-us/learn/accessibility/css_and_javascript/index.md
+++ b/files/en-us/learn/accessibility/css_and_javascript/index.md
@@ -13,7 +13,7 @@ CSS and JavaScript, when used properly, also have the potential to allow for acc
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML, CSS, and
+        A basic understanding of HTML, CSS, and
         JavaScript, and understanding of
         <a href="/en-US/docs/Learn/Accessibility/What_is_accessibility"
           >what accessibility is</a
diff --git a/files/en-us/learn/accessibility/html/index.md b/files/en-us/learn/accessibility/html/index.md
index 0f0559b39b4d5e9..54d028447ece447 100644
--- a/files/en-us/learn/accessibility/html/index.md
+++ b/files/en-us/learn/accessibility/html/index.md
@@ -13,7 +13,7 @@ A great deal of web content can be made accessible just by making sure the corre
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML (see
+        A basic understanding of HTML (see
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML"
           >Introduction to HTML</a
         >), and an understanding of
diff --git a/files/en-us/learn/accessibility/mobile/index.md b/files/en-us/learn/accessibility/mobile/index.md
index d326b49a9c4477e..91b81c9dfc930f3 100644
--- a/files/en-us/learn/accessibility/mobile/index.md
+++ b/files/en-us/learn/accessibility/mobile/index.md
@@ -13,8 +13,8 @@ With web access on mobile devices being so popular and renowned platforms such a
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML, CSS, and
-        JavaScript, and an understanding of the
+        A basic understanding of HTML, CSS, and
+        JavaScript. An understanding of the
         <a href="/en-US/docs/Learn/Accessibility"
           >previous articles in the course</a
         >.
diff --git a/files/en-us/learn/accessibility/multimedia/index.md b/files/en-us/learn/accessibility/multimedia/index.md
index e3fbfde3f4574eb..4be4397f59b95a4 100644
--- a/files/en-us/learn/accessibility/multimedia/index.md
+++ b/files/en-us/learn/accessibility/multimedia/index.md
@@ -13,8 +13,7 @@ Another category of content that can create accessibility problems is multimedia
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML, CSS, and
-        JavaScript, and an understanding of
+        A basic understanding of HTML, CSS, JavaScript, and an understanding of
         <a href="/en-US/docs/Learn/Accessibility/What_is_accessibility"
           >what accessibility is</a
         >.
diff --git a/files/en-us/learn/accessibility/wai-aria_basics/index.md b/files/en-us/learn/accessibility/wai-aria_basics/index.md
index 6b3a3b5edb7acb3..1864dce575f8dde 100644
--- a/files/en-us/learn/accessibility/wai-aria_basics/index.md
+++ b/files/en-us/learn/accessibility/wai-aria_basics/index.md
@@ -13,8 +13,8 @@ Following on from the previous article, sometimes making complex UI controls tha
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML, CSS, and
-        JavaScript, an understanding of the
+        A basic understanding of HTML, CSS, and
+        JavaScript. An understanding of the
         <a href="/en-US/docs/Learn/Accessibility"
           >previous articles in the course</a
         >.
diff --git a/files/en-us/learn/accessibility/what_is_accessibility/index.md b/files/en-us/learn/accessibility/what_is_accessibility/index.md
index 808530719ece790..9887cfc2c227abe 100644
--- a/files/en-us/learn/accessibility/what_is_accessibility/index.md
+++ b/files/en-us/learn/accessibility/what_is_accessibility/index.md
@@ -12,7 +12,7 @@ This article starts the module off with a good look at what accessibility is —
   <tbody>
     <tr>
       <th scope="row">Prerequisites:</th>
-      <td>Basic computer literacy, and a basic understanding of HTML and CSS.</td>
+      <td>A basic understanding of HTML and CSS.</td>
     </tr>
     <tr>
       <th scope="row">Objective:</th>
diff --git a/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md b/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md
index f91143587549860..dc688dff9b70759 100644
--- a/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md
+++ b/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md
@@ -13,10 +13,9 @@ In this lesson, we will take a look at some of the creative things you can do wi
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/cascade_and_inheritance/index.md b/files/en-us/learn/css/building_blocks/cascade_and_inheritance/index.md
index a9bacb6493db006..efa3eed87aa7a6e 100644
--- a/files/en-us/learn/css/building_blocks/cascade_and_inheritance/index.md
+++ b/files/en-us/learn/css/building_blocks/cascade_and_inheritance/index.md
@@ -15,10 +15,9 @@ While working through this lesson may seem less relevant immediately and a littl
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/debugging_css/index.md b/files/en-us/learn/css/building_blocks/debugging_css/index.md
index 1b7e9d84411478d..0b751625b920d69 100644
--- a/files/en-us/learn/css/building_blocks/debugging_css/index.md
+++ b/files/en-us/learn/css/building_blocks/debugging_css/index.md
@@ -13,10 +13,9 @@ Sometimes when writing CSS you will encounter an issue where your CSS doesn't se
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/handling_different_text_directions/index.md b/files/en-us/learn/css/building_blocks/handling_different_text_directions/index.md
index 03eb02581c65fcf..60c5435b75f4230 100644
--- a/files/en-us/learn/css/building_blocks/handling_different_text_directions/index.md
+++ b/files/en-us/learn/css/building_blocks/handling_different_text_directions/index.md
@@ -15,10 +15,9 @@ In recent years however, CSS has evolved in order to better support different di
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md b/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md
index bba64741ca116e1..8ab530db7249eae 100644
--- a/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md
+++ b/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md
@@ -13,10 +13,9 @@ In this lesson we will take a look at how certain special elements are treated i
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/organizing/index.md b/files/en-us/learn/css/building_blocks/organizing/index.md
index 9a4e8805bc46805..88bcee71baf111b 100644
--- a/files/en-us/learn/css/building_blocks/organizing/index.md
+++ b/files/en-us/learn/css/building_blocks/organizing/index.md
@@ -13,10 +13,9 @@ As you start to work on larger stylesheets and big projects you will discover th
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/overflowing_content/index.md b/files/en-us/learn/css/building_blocks/overflowing_content/index.md
index b44fc7c47f4ad4a..938471652b7005e 100644
--- a/files/en-us/learn/css/building_blocks/overflowing_content/index.md
+++ b/files/en-us/learn/css/building_blocks/overflowing_content/index.md
@@ -13,10 +13,9 @@ Overflow is what happens when there is too much content to fit in an element box
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/selectors/attribute_selectors/index.md b/files/en-us/learn/css/building_blocks/selectors/attribute_selectors/index.md
index b78d1d80ee9c63e..6017dc22effde16 100644
--- a/files/en-us/learn/css/building_blocks/selectors/attribute_selectors/index.md
+++ b/files/en-us/learn/css/building_blocks/selectors/attribute_selectors/index.md
@@ -13,10 +13,9 @@ As you know from your study of HTML, elements can have attributes that give furt
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/selectors/combinators/index.md b/files/en-us/learn/css/building_blocks/selectors/combinators/index.md
index da7d08bb281606e..8a70c352093e8bb 100644
--- a/files/en-us/learn/css/building_blocks/selectors/combinators/index.md
+++ b/files/en-us/learn/css/building_blocks/selectors/combinators/index.md
@@ -13,10 +13,9 @@ The final selectors we will look at are called combinators, because they combine
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/selectors/index.md b/files/en-us/learn/css/building_blocks/selectors/index.md
index bd8df4dad2bca1a..556812794203624 100644
--- a/files/en-us/learn/css/building_blocks/selectors/index.md
+++ b/files/en-us/learn/css/building_blocks/selectors/index.md
@@ -13,10 +13,9 @@ In {{Glossary("CSS")}}, selectors are used to target the {{glossary("HTML")}} el
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.md b/files/en-us/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.md
index 253b7073ac107b4..26be69e1076214a 100644
--- a/files/en-us/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.md
+++ b/files/en-us/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.md
@@ -13,10 +13,9 @@ The next set of selectors we will look at are referred to as **pseudo-classes**
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md b/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md
index 388d3441b027073..e4311185d2cccb5 100644
--- a/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md
+++ b/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md
@@ -13,10 +13,9 @@ In this lesson, we examine some of the simplest selectors, which you will probab
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/sizing_items_in_css/index.md b/files/en-us/learn/css/building_blocks/sizing_items_in_css/index.md
index c022f4dee2997f4..83e96a12581f579 100644
--- a/files/en-us/learn/css/building_blocks/sizing_items_in_css/index.md
+++ b/files/en-us/learn/css/building_blocks/sizing_items_in_css/index.md
@@ -13,10 +13,9 @@ In the various lessons so far, you have come across a number of ways to size ite
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/the_box_model/index.md b/files/en-us/learn/css/building_blocks/the_box_model/index.md
index 13e235c268a968f..39b525f1fd690c0 100644
--- a/files/en-us/learn/css/building_blocks/the_box_model/index.md
+++ b/files/en-us/learn/css/building_blocks/the_box_model/index.md
@@ -13,10 +13,9 @@ Everything in CSS has a box around it, and understanding these boxes is key to b
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/building_blocks/values_and_units/index.md b/files/en-us/learn/css/building_blocks/values_and_units/index.md
index 14d024e125f06c3..35e12c28a2279e0 100644
--- a/files/en-us/learn/css/building_blocks/values_and_units/index.md
+++ b/files/en-us/learn/css/building_blocks/values_and_units/index.md
@@ -17,10 +17,9 @@ In this lesson, we will take a look at some of the most frequently used value ty
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/first_steps/getting_started/index.md b/files/en-us/learn/css/first_steps/getting_started/index.md
index 92bb09e41ec6fd9..3d33b9124b77ff0 100644
--- a/files/en-us/learn/css/first_steps/getting_started/index.md
+++ b/files/en-us/learn/css/first_steps/getting_started/index.md
@@ -13,10 +13,9 @@ In this article, we will take a simple HTML document and apply CSS to it, learni
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/first_steps/how_css_is_structured/index.md b/files/en-us/learn/css/first_steps/how_css_is_structured/index.md
index 1a6f459dc61621b..56103eda4ba5cae 100644
--- a/files/en-us/learn/css/first_steps/how_css_is_structured/index.md
+++ b/files/en-us/learn/css/first_steps/how_css_is_structured/index.md
@@ -13,10 +13,9 @@ Now that you are beginning to understand the purpose and use of CSS, let's exami
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/first_steps/how_css_works/index.md b/files/en-us/learn/css/first_steps/how_css_works/index.md
index fb565ade5e23b50..a7c0a0f688b651b 100644
--- a/files/en-us/learn/css/first_steps/how_css_works/index.md
+++ b/files/en-us/learn/css/first_steps/how_css_works/index.md
@@ -14,10 +14,9 @@ We have learned the basics of CSS, what it is for and how to write simple styles
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/first_steps/what_is_css/index.md b/files/en-us/learn/css/first_steps/what_is_css/index.md
index f2963ddfe3acc09..2720456e09b5396 100644
--- a/files/en-us/learn/css/first_steps/what_is_css/index.md
+++ b/files/en-us/learn/css/first_steps/what_is_css/index.md
@@ -13,10 +13,9 @@ page-type: learn-module-chapter
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/css/styling_text/fundamentals/index.md b/files/en-us/learn/css/styling_text/fundamentals/index.md
index 2cf25b10f5d69d9..f28d31a1857d1eb 100644
--- a/files/en-us/learn/css/styling_text/fundamentals/index.md
+++ b/files/en-us/learn/css/styling_text/fundamentals/index.md
@@ -13,7 +13,7 @@ In this article we'll start you on your journey towards mastering text styling w
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, HTML basics (study
+        HTML basics (study
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML"
           >Introduction to HTML</a
         >), CSS basics (study
diff --git a/files/en-us/learn/css/styling_text/styling_links/index.md b/files/en-us/learn/css/styling_text/styling_links/index.md
index 5f7d8bf56f08e19..5304c735dcf66ed 100644
--- a/files/en-us/learn/css/styling_text/styling_links/index.md
+++ b/files/en-us/learn/css/styling_text/styling_links/index.md
@@ -13,7 +13,7 @@ When styling [links](/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperl
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, HTML basics (study
+        HTML basics (study
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML"
           >Introduction to HTML</a
         >), CSS basics (study
diff --git a/files/en-us/learn/css/styling_text/styling_lists/index.md b/files/en-us/learn/css/styling_text/styling_lists/index.md
index f3426f59b669740..ff590e8b7043d84 100644
--- a/files/en-us/learn/css/styling_text/styling_lists/index.md
+++ b/files/en-us/learn/css/styling_text/styling_lists/index.md
@@ -13,7 +13,7 @@ page-type: learn-module-chapter
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, HTML basics (study
+        HTML basics (study
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML"
           >Introduction to HTML</a
         >), CSS basics (study
diff --git a/files/en-us/learn/css/styling_text/web_fonts/index.md b/files/en-us/learn/css/styling_text/web_fonts/index.md
index 6542053023af555..6f8c0a68d3d97cb 100644
--- a/files/en-us/learn/css/styling_text/web_fonts/index.md
+++ b/files/en-us/learn/css/styling_text/web_fonts/index.md
@@ -13,7 +13,7 @@ In the first article of the module, we explored the basic CSS features available
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, HTML basics (study
+        HTML basics (study
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML"
           >Introduction to HTML</a
         >), CSS basics (study
diff --git a/files/en-us/learn/forms/advanced_form_styling/index.md b/files/en-us/learn/forms/advanced_form_styling/index.md
index c767c4537403631..1abb4c7e7769f15 100644
--- a/files/en-us/learn/forms/advanced_form_styling/index.md
+++ b/files/en-us/learn/forms/advanced_form_styling/index.md
@@ -13,7 +13,7 @@ In this article, we will see what can be done with CSS to style the types of for
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, and a basic understanding of
+        A basic understanding of
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML</a> and
         <a href="/en-US/docs/Learn/CSS/First_steps">CSS</a>.
       </td>
diff --git a/files/en-us/learn/forms/basic_native_form_controls/index.md b/files/en-us/learn/forms/basic_native_form_controls/index.md
index 173a9baa6c5f4ab..d3cbc344485a991 100644
--- a/files/en-us/learn/forms/basic_native_form_controls/index.md
+++ b/files/en-us/learn/forms/basic_native_form_controls/index.md
@@ -13,7 +13,7 @@ In the [previous article](/en-US/docs/Learn/Forms/How_to_structure_a_web_form),
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, and a basic
+        A basic
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML"
           >understanding of HTML</a
         >.
diff --git a/files/en-us/learn/forms/how_to_structure_a_web_form/index.md b/files/en-us/learn/forms/how_to_structure_a_web_form/index.md
index cbea51f9bce876a..486ac9798905468 100644
--- a/files/en-us/learn/forms/how_to_structure_a_web_form/index.md
+++ b/files/en-us/learn/forms/how_to_structure_a_web_form/index.md
@@ -13,7 +13,7 @@ With the basics out of the way, we'll now look in more detail at the elements us
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, and a basic <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">understanding of HTML</a>.
+        A basic <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">understanding of HTML</a>.
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/learn/forms/html5_input_types/index.md b/files/en-us/learn/forms/html5_input_types/index.md
index ba0f0365fe91477..5fa95b6f0f03714 100644
--- a/files/en-us/learn/forms/html5_input_types/index.md
+++ b/files/en-us/learn/forms/html5_input_types/index.md
@@ -13,7 +13,7 @@ In the [previous article](/en-US/docs/Learn/Forms/Basic_native_form_controls) we
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, and a basic
+        A basic
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML"
           >understanding of HTML</a
         >.
diff --git a/files/en-us/learn/forms/other_form_controls/index.md b/files/en-us/learn/forms/other_form_controls/index.md
index fecad525cfd0c1a..f16114d64393be6 100644
--- a/files/en-us/learn/forms/other_form_controls/index.md
+++ b/files/en-us/learn/forms/other_form_controls/index.md
@@ -13,7 +13,7 @@ We now look at the functionality of non-`<input>` form elements in detail, from
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, and a basic
+        A basic
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML"
           >understanding of HTML</a
         >.
diff --git a/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md b/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md
index 158f98a36a5e06f..58c662de8f12f2a 100644
--- a/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md
+++ b/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md
@@ -13,7 +13,7 @@ Once the form data has been validated on the client-side, it is okay to submit t
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, an
+        An
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML"
           >understanding of HTML</a
         >, and basic knowledge of
diff --git a/files/en-us/learn/forms/styling_web_forms/index.md b/files/en-us/learn/forms/styling_web_forms/index.md
index f14329e437988a9..86820abb102e3fc 100644
--- a/files/en-us/learn/forms/styling_web_forms/index.md
+++ b/files/en-us/learn/forms/styling_web_forms/index.md
@@ -13,7 +13,7 @@ In the previous few articles, we showed how to create web forms in HTML. Now, we
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, and a basic understanding of
+        A basic understanding of
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML</a> and
         <a href="/en-US/docs/Learn/CSS/First_steps">CSS</a>.
       </td>
diff --git a/files/en-us/learn/forms/ui_pseudo-classes/index.md b/files/en-us/learn/forms/ui_pseudo-classes/index.md
index e173c9f91671308..7dcdde973209c7a 100644
--- a/files/en-us/learn/forms/ui_pseudo-classes/index.md
+++ b/files/en-us/learn/forms/ui_pseudo-classes/index.md
@@ -13,7 +13,7 @@ In the previous articles, we covered the styling of various form controls in a g
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, and a basic understanding of
+        A basic understanding of
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML</a> and
         <a href="/en-US/docs/Learn/CSS/First_steps">CSS</a>, including general
         knowledge of
diff --git a/files/en-us/learn/forms/your_first_form/index.md b/files/en-us/learn/forms/your_first_form/index.md
index 9d465d53b27a442..af9c4cd9f6daf52 100644
--- a/files/en-us/learn/forms/your_first_form/index.md
+++ b/files/en-us/learn/forms/your_first_form/index.md
@@ -14,7 +14,7 @@ We'll expand on each of these subtopics in more detail later on in the module.
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, and a basic
+        A basic
         <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML"
           >understanding of HTML</a
         >.
diff --git a/files/en-us/learn/front-end_web_developer/index.md b/files/en-us/learn/front-end_web_developer/index.md
index d4d561188d3f543..648572a4c1185b2 100644
--- a/files/en-us/learn/front-end_web_developer/index.md
+++ b/files/en-us/learn/front-end_web_developer/index.md
@@ -63,7 +63,7 @@ Time to complete: 35–50 hours
 
 #### Prerequisites
 
-Nothing except basic computer literacy, and a basic web development environment.
+A basic web development environment.
 
 #### How will I know I'm ready to move on?
 
diff --git a/files/en-us/learn/html/introduction_to_html/getting_started/index.md b/files/en-us/learn/html/introduction_to_html/getting_started/index.md
index 4eef9692e541927..8cc7a4e03c2e6ed 100644
--- a/files/en-us/learn/html/introduction_to_html/getting_started/index.md
+++ b/files/en-us/learn/html/introduction_to_html/getting_started/index.md
@@ -13,10 +13,9 @@ In this article, we cover the absolute basics of HTML. To get you started, this
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, and basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/html/multimedia_and_embedding/images_in_html/index.md b/files/en-us/learn/html/multimedia_and_embedding/images_in_html/index.md
index 90ddcf4f26c2d52..5e5c94c9058c1ea 100644
--- a/files/en-us/learn/html/multimedia_and_embedding/images_in_html/index.md
+++ b/files/en-us/learn/html/multimedia_and_embedding/images_in_html/index.md
@@ -14,10 +14,9 @@ In the beginning, the Web was just text, and it was really quite boring. Fortuna
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md b/files/en-us/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md
index 72bcc2999ea5f4e..4ed9a5fd02033df 100644
--- a/files/en-us/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md
+++ b/files/en-us/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md
@@ -13,10 +13,9 @@ By now you should really be getting the hang of embedding things into your web p
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/html/multimedia_and_embedding/video_and_audio_content/index.md b/files/en-us/learn/html/multimedia_and_embedding/video_and_audio_content/index.md
index a1717d858114387..deab0969ae9c126 100644
--- a/files/en-us/learn/html/multimedia_and_embedding/video_and_audio_content/index.md
+++ b/files/en-us/learn/html/multimedia_and_embedding/video_and_audio_content/index.md
@@ -13,10 +13,9 @@ Now that we are comfortable with adding simple images to a webpage, the next ste
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/javascript/asynchronous/implementing_a_promise-based_api/index.md b/files/en-us/learn/javascript/asynchronous/implementing_a_promise-based_api/index.md
index 9222370cfb7f3d2..87cce9230fbed14 100644
--- a/files/en-us/learn/javascript/asynchronous/implementing_a_promise-based_api/index.md
+++ b/files/en-us/learn/javascript/asynchronous/implementing_a_promise-based_api/index.md
@@ -13,7 +13,7 @@ In the last article we discussed how to use APIs that return promises. In this a
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a reasonable understanding of JavaScript
+        A reasonable understanding of JavaScript
         fundamentals, including event handling and the basics of promises.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/asynchronous/introducing/index.md b/files/en-us/learn/javascript/asynchronous/introducing/index.md
index b82f94e2af3867c..8540a5046da26b7 100644
--- a/files/en-us/learn/javascript/asynchronous/introducing/index.md
+++ b/files/en-us/learn/javascript/asynchronous/introducing/index.md
@@ -13,7 +13,7 @@ In this article, we'll explain what asynchronous programming is, why we need it,
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a reasonable understanding of JavaScript
+        A reasonable understanding of JavaScript
         fundamentals, including functions and event handlers.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/asynchronous/introducing_workers/index.md b/files/en-us/learn/javascript/asynchronous/introducing_workers/index.md
index e2469be876df7be..145c9c95b7c5ab8 100644
--- a/files/en-us/learn/javascript/asynchronous/introducing_workers/index.md
+++ b/files/en-us/learn/javascript/asynchronous/introducing_workers/index.md
@@ -13,7 +13,7 @@ In this final article in our "Asynchronous JavaScript" module, we'll introduce _
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a reasonable understanding of JavaScript
+        A reasonable understanding of JavaScript
         fundamentals, including event handling.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/asynchronous/promises/index.md b/files/en-us/learn/javascript/asynchronous/promises/index.md
index d612e4afe8b0558..29bf2993cda0601 100644
--- a/files/en-us/learn/javascript/asynchronous/promises/index.md
+++ b/files/en-us/learn/javascript/asynchronous/promises/index.md
@@ -13,7 +13,7 @@ page-type: learn-module-chapter
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a reasonable understanding of JavaScript
+        A reasonable understanding of JavaScript
         fundamentals, including event handling.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/asynchronous/sequencing_animations/index.md b/files/en-us/learn/javascript/asynchronous/sequencing_animations/index.md
index c1946574288191d..9f3694a67fde1bd 100644
--- a/files/en-us/learn/javascript/asynchronous/sequencing_animations/index.md
+++ b/files/en-us/learn/javascript/asynchronous/sequencing_animations/index.md
@@ -13,7 +13,7 @@ In this assessment you'll update a page to play a series of animations in a sequ
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a reasonable understanding of JavaScript
+        A reasonable understanding of JavaScript
         fundamentals, how to use promise-based APIs.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/building_blocks/build_your_own_function/index.md b/files/en-us/learn/javascript/building_blocks/build_your_own_function/index.md
index 847b634ad33c056..df5194c37dfbd24 100644
--- a/files/en-us/learn/javascript/building_blocks/build_your_own_function/index.md
+++ b/files/en-us/learn/javascript/building_blocks/build_your_own_function/index.md
@@ -13,11 +13,10 @@ With most of the essential theory dealt with in the previous article, this artic
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS,
+        A basic understanding of HTML, CSS, and
         <a href="/en-US/docs/Learn/JavaScript/First_steps"
           >JavaScript first steps</a
-        >,
-        <a href="/en-US/docs/Learn/JavaScript/Building_blocks/Functions"
+        >. Also, <a href="/en-US/docs/Learn/JavaScript/Building_blocks/Functions"
           >Functions — reusable blocks of code</a
         >.
       </td>
diff --git a/files/en-us/learn/javascript/building_blocks/conditionals/index.md b/files/en-us/learn/javascript/building_blocks/conditionals/index.md
index 36e5ece4f467e59..2fcf2cef61c59d2 100644
--- a/files/en-us/learn/javascript/building_blocks/conditionals/index.md
+++ b/files/en-us/learn/javascript/building_blocks/conditionals/index.md
@@ -13,7 +13,7 @@ In any programming language, the code needs to make decisions and carry out acti
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS,
+        A basic understanding of HTML, CSS, and
         <a href="/en-US/docs/Learn/JavaScript/First_steps"
           >JavaScript first steps</a
         >.
diff --git a/files/en-us/learn/javascript/building_blocks/events/index.md b/files/en-us/learn/javascript/building_blocks/events/index.md
index 7d1b5b2888976be..5165d80e8292742 100644
--- a/files/en-us/learn/javascript/building_blocks/events/index.md
+++ b/files/en-us/learn/javascript/building_blocks/events/index.md
@@ -17,7 +17,7 @@ This won't be an exhaustive study; just what you need to know at this stage.
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS,
+        A basic understanding of HTML, CSS, and
         <a href="/en-US/docs/Learn/JavaScript/First_steps"
           >JavaScript first steps</a
         >.
diff --git a/files/en-us/learn/javascript/building_blocks/functions/index.md b/files/en-us/learn/javascript/building_blocks/functions/index.md
index dad46d2d39a38d6..a14b91ed2d9fb43 100644
--- a/files/en-us/learn/javascript/building_blocks/functions/index.md
+++ b/files/en-us/learn/javascript/building_blocks/functions/index.md
@@ -13,7 +13,7 @@ Another essential concept in coding is **functions**, which allow you to store a
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS,
+        A basic understanding of HTML, CSS, and
         <a href="/en-US/docs/Learn/JavaScript/First_steps"
           >JavaScript first steps</a
         >.
diff --git a/files/en-us/learn/javascript/building_blocks/looping_code/index.md b/files/en-us/learn/javascript/building_blocks/looping_code/index.md
index bbb7169d1ee8808..079399ca404dde9 100644
--- a/files/en-us/learn/javascript/building_blocks/looping_code/index.md
+++ b/files/en-us/learn/javascript/building_blocks/looping_code/index.md
@@ -13,7 +13,7 @@ Programming languages are very useful for rapidly completing repetitive tasks, f
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS,
+        A basic understanding of HTML, CSS, and
         <a href="/en-US/docs/Learn/JavaScript/First_steps"
           >JavaScript first steps</a
         >.
diff --git a/files/en-us/learn/javascript/building_blocks/return_values/index.md b/files/en-us/learn/javascript/building_blocks/return_values/index.md
index a0171d862bde804..e49d547091c293a 100644
--- a/files/en-us/learn/javascript/building_blocks/return_values/index.md
+++ b/files/en-us/learn/javascript/building_blocks/return_values/index.md
@@ -14,7 +14,7 @@ There's one last essential concept about functions for us to discuss — return
       <th scope="row">Prerequisites:</th>
       <td>
         <p>
-          Basic computer literacy, a basic understanding of HTML and CSS,
+          A basic understanding of HTML and CSS,
           <a href="/en-US/docs/Learn/JavaScript/First_steps"
             >JavaScript first steps</a
           >,
diff --git a/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md b/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md
index 0ad3c8c6a484da9..fb6169be0f4a722 100644
--- a/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md
+++ b/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md
@@ -13,9 +13,9 @@ First up, we'll start by looking at APIs from a high level — what are they, ho
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of
-        <a href="/en-US/docs/Learn/HTML">HTML</a> and
-        <a href="/en-US/docs/Learn/CSS">CSS</a>, JavaScript basics (see
+        A basic understanding of
+        <a href="/en-US/docs/Learn/HTML">HTML</a>,
+        <a href="/en-US/docs/Learn/CSS">CSS</a>, and JavaScript basics (see
         <a href="/en-US/docs/Learn/JavaScript/First_steps">first steps</a>,
         <a href="/en-US/docs/Learn/JavaScript/Building_blocks"
           >building blocks</a
diff --git a/files/en-us/learn/javascript/client-side_web_apis/manipulating_documents/index.md b/files/en-us/learn/javascript/client-side_web_apis/manipulating_documents/index.md
index 82cbd8084d47f8e..8f05514657712a0 100644
--- a/files/en-us/learn/javascript/client-side_web_apis/manipulating_documents/index.md
+++ b/files/en-us/learn/javascript/client-side_web_apis/manipulating_documents/index.md
@@ -13,7 +13,7 @@ When writing web pages and apps, one of the most common things you'll want to do
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML, CSS, and
+        A basic understanding of HTML, CSS, and
         JavaScript — including JavaScript objects.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/first_steps/a_first_splash/index.md b/files/en-us/learn/javascript/first_steps/a_first_splash/index.md
index 5ede7e69be1c86f..30dea7c9bbe1387 100644
--- a/files/en-us/learn/javascript/first_steps/a_first_splash/index.md
+++ b/files/en-us/learn/javascript/first_steps/a_first_splash/index.md
@@ -13,7 +13,7 @@ Now you've learned something about the theory of JavaScript and what you can do
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS, an
+        A basic understanding of HTML and CSS, an
         understanding of what JavaScript is.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/first_steps/arrays/index.md b/files/en-us/learn/javascript/first_steps/arrays/index.md
index f8a63defadfe189..102d91d34373a56 100644
--- a/files/en-us/learn/javascript/first_steps/arrays/index.md
+++ b/files/en-us/learn/javascript/first_steps/arrays/index.md
@@ -13,7 +13,7 @@ In the final article of this module, we'll look at arrays — a neat way of stor
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS, an
+        A basic understanding of HTML and CSS, an
         understanding of what JavaScript is.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/first_steps/math/index.md b/files/en-us/learn/javascript/first_steps/math/index.md
index 50bfc0313bd0cc5..9d41df10a7280e5 100644
--- a/files/en-us/learn/javascript/first_steps/math/index.md
+++ b/files/en-us/learn/javascript/first_steps/math/index.md
@@ -13,7 +13,7 @@ At this point in the course, we discuss math in JavaScript — how we can use {{
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS, an
+        A basic understanding of HTML and CSS, an
         understanding of what JavaScript is.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/first_steps/strings/index.md b/files/en-us/learn/javascript/first_steps/strings/index.md
index f277cb748b42f2f..2c0ce670b47cbec 100644
--- a/files/en-us/learn/javascript/first_steps/strings/index.md
+++ b/files/en-us/learn/javascript/first_steps/strings/index.md
@@ -13,7 +13,7 @@ Next, we'll turn our attention to strings — this is what pieces of text are ca
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS, an
+        A basic understanding of HTML and CSS, an
         understanding of what JavaScript is.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/first_steps/useful_string_methods/index.md b/files/en-us/learn/javascript/first_steps/useful_string_methods/index.md
index e67935e39735d56..2fe503db898e8c5 100644
--- a/files/en-us/learn/javascript/first_steps/useful_string_methods/index.md
+++ b/files/en-us/learn/javascript/first_steps/useful_string_methods/index.md
@@ -13,7 +13,7 @@ Now that we've looked at the very basics of strings, let's move up a gear and st
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS, an
+        A basic understanding of HTML and CSS, an
         understanding of what JavaScript is.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/first_steps/variables/index.md b/files/en-us/learn/javascript/first_steps/variables/index.md
index c66636c64754cb5..99d9ee2777b54af 100644
--- a/files/en-us/learn/javascript/first_steps/variables/index.md
+++ b/files/en-us/learn/javascript/first_steps/variables/index.md
@@ -13,7 +13,7 @@ After reading the last couple of articles you should now know what JavaScript is
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS, an
+        A basic understanding of HTML and CSS, an
         understanding of what JavaScript is.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/first_steps/what_is_javascript/index.md b/files/en-us/learn/javascript/first_steps/what_is_javascript/index.md
index 56783bfda61b6bb..8270d175daef9e4 100644
--- a/files/en-us/learn/javascript/first_steps/what_is_javascript/index.md
+++ b/files/en-us/learn/javascript/first_steps/what_is_javascript/index.md
@@ -13,7 +13,7 @@ In this article we will look at JavaScript from a high level, answering question
   <tbody>
     <tr>
       <th scope="row">Prerequisites:</th>
-      <td>Basic computer literacy, a basic understanding of HTML and CSS.</td>
+      <td>A basic understanding of HTML and CSS.</td>
     </tr>
     <tr>
       <th scope="row">Objective:</th>
diff --git a/files/en-us/learn/javascript/first_steps/what_went_wrong/index.md b/files/en-us/learn/javascript/first_steps/what_went_wrong/index.md
index 636eac2258abb69..457c722a115c379 100644
--- a/files/en-us/learn/javascript/first_steps/what_went_wrong/index.md
+++ b/files/en-us/learn/javascript/first_steps/what_went_wrong/index.md
@@ -13,7 +13,7 @@ When you built up the "Guess the number" game in the previous article, you may h
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS, an
+        A basic understanding of HTML and CSS, an
         understanding of what JavaScript is.
       </td>
     </tr>
diff --git a/files/en-us/learn/javascript/objects/basics/index.md b/files/en-us/learn/javascript/objects/basics/index.md
index be543f75ff3b318..a4a3711f327ba35 100644
--- a/files/en-us/learn/javascript/objects/basics/index.md
+++ b/files/en-us/learn/javascript/objects/basics/index.md
@@ -13,7 +13,7 @@ In this article, we'll look at fundamental JavaScript object syntax, and revisit
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS,
+        A basic understanding of HTML and CSS,
         familiarity with JavaScript basics (see
         <a href="/en-US/docs/Learn/JavaScript/First_steps">First steps</a> and
         <a href="/en-US/docs/Learn/JavaScript/Building_blocks">Building blocks</a>).
diff --git a/files/en-us/learn/javascript/objects/classes_in_javascript/index.md b/files/en-us/learn/javascript/objects/classes_in_javascript/index.md
index 2e62ddc1d0fa301..5baa52179e94c19 100644
--- a/files/en-us/learn/javascript/objects/classes_in_javascript/index.md
+++ b/files/en-us/learn/javascript/objects/classes_in_javascript/index.md
@@ -17,7 +17,7 @@ In this article, we'll go through these features. It's worth keeping in mind tha
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS,
+        A basic understanding of HTML and CSS,
         familiarity with JavaScript basics (see
         <a href="/en-US/docs/Learn/JavaScript/First_steps">First steps</a> and
         <a href="/en-US/docs/Learn/JavaScript/Building_blocks"
diff --git a/files/en-us/learn/javascript/objects/json/index.md b/files/en-us/learn/javascript/objects/json/index.md
index cbea6b15dd61942..e7aecca602e5575 100644
--- a/files/en-us/learn/javascript/objects/json/index.md
+++ b/files/en-us/learn/javascript/objects/json/index.md
@@ -13,7 +13,7 @@ JavaScript Object Notation (JSON) is a standard text-based format for representi
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS, familiarity with JavaScript basics (see <a href="/en-US/docs/Learn/JavaScript/First_steps">First steps</a> and <a href="/en-US/docs/Learn/JavaScript/Building_blocks">Building blocks</a>) and OOJS basics (see <a href="/en-US/docs/Learn/JavaScript/Objects/Basics">Introduction to objects</a>).
+        A basic understanding of HTML and CSS, familiarity with JavaScript basics (see <a href="/en-US/docs/Learn/JavaScript/First_steps">First steps</a> and <a href="/en-US/docs/Learn/JavaScript/Building_blocks">Building blocks</a>) and OOJS basics (see <a href="/en-US/docs/Learn/JavaScript/Objects/Basics">Introduction to objects</a>).
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/learn/javascript/objects/object_building_practice/index.md b/files/en-us/learn/javascript/objects/object_building_practice/index.md
index 572c2d45d9695d2..61d6576aa7c59c3 100644
--- a/files/en-us/learn/javascript/objects/object_building_practice/index.md
+++ b/files/en-us/learn/javascript/objects/object_building_practice/index.md
@@ -13,7 +13,7 @@ In previous articles we looked at all the essential JavaScript object theory and
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, a basic understanding of HTML and CSS,
+        A basic understanding of HTML and CSS,
         familiarity with JavaScript basics (see
         <a href="/en-US/docs/Learn/JavaScript/First_steps">First steps</a> and
         <a href="/en-US/docs/Learn/JavaScript/Building_blocks"
diff --git a/files/en-us/learn/mathml/first_steps/fractions_and_roots/index.md b/files/en-us/learn/mathml/first_steps/fractions_and_roots/index.md
index 83a132333e2f283..d758dc1e6945750 100644
--- a/files/en-us/learn/mathml/first_steps/fractions_and_roots/index.md
+++ b/files/en-us/learn/mathml/first_steps/fractions_and_roots/index.md
@@ -13,10 +13,9 @@ Relying on text containers, this article describes how to build more complex Mat
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/mathml/first_steps/getting_started/index.md b/files/en-us/learn/mathml/first_steps/getting_started/index.md
index f961d0dc8cb9464..e0c70dc5e684b2e 100644
--- a/files/en-us/learn/mathml/first_steps/getting_started/index.md
+++ b/files/en-us/learn/mathml/first_steps/getting_started/index.md
@@ -13,10 +13,9 @@ In this article, we will take a simple HTML document and see how to add MathML f
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/mathml/first_steps/scripts/index.md b/files/en-us/learn/mathml/first_steps/scripts/index.md
index f43c0e57df06df2..a57915dd7f60399 100644
--- a/files/en-us/learn/mathml/first_steps/scripts/index.md
+++ b/files/en-us/learn/mathml/first_steps/scripts/index.md
@@ -13,10 +13,9 @@ We continue the review of basic math notations and focus on building MathML elem
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/mathml/first_steps/tables/index.md b/files/en-us/learn/mathml/first_steps/tables/index.md
index 7a26364e1209e81..abb75cd112a95c3 100644
--- a/files/en-us/learn/mathml/first_steps/tables/index.md
+++ b/files/en-us/learn/mathml/first_steps/tables/index.md
@@ -13,10 +13,9 @@ Once all basic math notations are known, it remains to consider tabular layout w
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/mathml/first_steps/text_containers/index.md b/files/en-us/learn/mathml/first_steps/text_containers/index.md
index 8db8f7f093e8def..431376b43aa35a4 100644
--- a/files/en-us/learn/mathml/first_steps/text_containers/index.md
+++ b/files/en-us/learn/mathml/first_steps/text_containers/index.md
@@ -13,10 +13,9 @@ Now that you get a better idea of MathML, we move focus on text containers (vari
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, basic knowledge of
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files"
diff --git a/files/en-us/learn/performance/business_case_for_performance/index.md b/files/en-us/learn/performance/business_case_for_performance/index.md
index 1b05295fec9805e..ace3d182df575b1 100644
--- a/files/en-us/learn/performance/business_case_for_performance/index.md
+++ b/files/en-us/learn/performance/business_case_for_performance/index.md
@@ -13,7 +13,7 @@ We've discussed the importance of web performance. You've learned what you need
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy, basic knowledge of
+        Basic knowledge of
         <a href="/en-US/docs/Learn/Getting_started_with_the_web"
           >client-side web technologies</a
         >, and a basic understanding of
diff --git a/files/en-us/learn/performance/css/index.md b/files/en-us/learn/performance/css/index.md
index 604e6c1e35eefce..0f4fa01a8ed53a8 100644
--- a/files/en-us/learn/performance/css/index.md
+++ b/files/en-us/learn/performance/css/index.md
@@ -13,10 +13,9 @@ When developing a website, you need to consider how the browser is handling the
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, and basic knowledge of
         <a href="/en-US/docs/Learn/Getting_started_with_the_web"
           >client-side web technologies</a
diff --git a/files/en-us/learn/performance/html/index.md b/files/en-us/learn/performance/html/index.md
index 2bb81da92fdb253..5a2e10ebff6aefd 100644
--- a/files/en-us/learn/performance/html/index.md
+++ b/files/en-us/learn/performance/html/index.md
@@ -13,10 +13,9 @@ HTML is by default fast and accessible. It is our job, as developers, to ensure
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, and basic knowledge of
         <a href="/en-US/docs/Learn/Getting_started_with_the_web"
           >client-side web technologies</a
diff --git a/files/en-us/learn/performance/javascript/index.md b/files/en-us/learn/performance/javascript/index.md
index ac336ff6a4f6e52..11f376b44157b55 100644
--- a/files/en-us/learn/performance/javascript/index.md
+++ b/files/en-us/learn/performance/javascript/index.md
@@ -13,10 +13,9 @@ It is very important to consider how you are using JavaScript on your websites a
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, and basic knowledge of
         <a href="/en-US/docs/Learn/Getting_started_with_the_web"
           >client-side web technologies</a
diff --git a/files/en-us/learn/performance/measuring_performance/index.md b/files/en-us/learn/performance/measuring_performance/index.md
index e6a16c73f13acef..a64f5d8fe99c0ae 100644
--- a/files/en-us/learn/performance/measuring_performance/index.md
+++ b/files/en-us/learn/performance/measuring_performance/index.md
@@ -17,10 +17,9 @@ This article introduces tools you can use to access web performance metrics, whi
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, and basic knowledge of
         <a href="/en-US/docs/Learn/Getting_started_with_the_web"
           >client-side web technologies</a
diff --git a/files/en-us/learn/performance/multimedia/index.md b/files/en-us/learn/performance/multimedia/index.md
index dab02510618e2c1..4c1e52eb08e66e7 100644
--- a/files/en-us/learn/performance/multimedia/index.md
+++ b/files/en-us/learn/performance/multimedia/index.md
@@ -13,10 +13,9 @@ Media, namely images and video, account for over 70% of the bytes downloaded for
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, and basic knowledge of
         <a href="/en-US/docs/Learn/Getting_started_with_the_web"
           >client-side web technologies</a
diff --git a/files/en-us/learn/performance/perceived_performance/index.md b/files/en-us/learn/performance/perceived_performance/index.md
index a745e07afa6e21d..4e423d3a8f3c825 100644
--- a/files/en-us/learn/performance/perceived_performance/index.md
+++ b/files/en-us/learn/performance/perceived_performance/index.md
@@ -15,10 +15,9 @@ This article provides a brief introduction to the factors that affect perceived
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, and basic knowledge of
         <a href="/en-US/docs/Learn/Getting_started_with_the_web"
           >client-side web technologies</a
diff --git a/files/en-us/learn/performance/video/index.md b/files/en-us/learn/performance/video/index.md
index 07c80895cc6d867..405f83d2e6b748b 100644
--- a/files/en-us/learn/performance/video/index.md
+++ b/files/en-us/learn/performance/video/index.md
@@ -13,10 +13,9 @@ As we learned in the previous section, media, namely images and video, account f
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, and basic knowledge of
         <a href="/en-US/docs/Learn/Getting_started_with_the_web"
           >client-side web technologies</a
diff --git a/files/en-us/learn/performance/what_is_web_performance/index.md b/files/en-us/learn/performance/what_is_web_performance/index.md
index 899bc1c66e82301..3812dc34365a2b0 100644
--- a/files/en-us/learn/performance/what_is_web_performance/index.md
+++ b/files/en-us/learn/performance/what_is_web_performance/index.md
@@ -13,10 +13,9 @@ Web performance is all about making websites fast, including making slow process
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, and basic knowledge of
         <a href="/en-US/docs/Learn/Getting_started_with_the_web"
           >client-side web technologies</a
diff --git a/files/en-us/learn/performance/why_web_performance/index.md b/files/en-us/learn/performance/why_web_performance/index.md
index de8e2a739febf86..672680aa829e97d 100644
--- a/files/en-us/learn/performance/why_web_performance/index.md
+++ b/files/en-us/learn/performance/why_web_performance/index.md
@@ -13,10 +13,9 @@ Web performance is all about making websites fast, including making slow process
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy,
         <a
           href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software"
-          >basic software installed</a
+          >Basic software installed</a
         >, and basic knowledge of
         <a href="/en-US/docs/Learn/Getting_started_with_the_web"
           >client-side web technologies</a
diff --git a/files/en-us/learn/server-side/django/introduction/index.md b/files/en-us/learn/server-side/django/introduction/index.md
index e278921ff8df900..e0c24d7a1259bad 100644
--- a/files/en-us/learn/server-side/django/introduction/index.md
+++ b/files/en-us/learn/server-side/django/introduction/index.md
@@ -15,7 +15,6 @@ We'll outline the main features, including some of the advanced functionality th
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy.
         A general understanding of <a href="/en-US/docs/Learn/Server-side/First_steps">server-side website programming</a>, and in particular the mechanics of <a href="/en-US/docs/Learn/Server-side/First_steps/Client-Server_overview">client-server interactions in websites</a>.
       </td>
     </tr>
diff --git a/files/en-us/learn/server-side/express_nodejs/introduction/index.md b/files/en-us/learn/server-side/express_nodejs/introduction/index.md
index 5df170e1dacf76a..71cdfe83d5dd94a 100644
--- a/files/en-us/learn/server-side/express_nodejs/introduction/index.md
+++ b/files/en-us/learn/server-side/express_nodejs/introduction/index.md
@@ -13,7 +13,7 @@ In this first Express article we answer the questions "What is Node?" and "What
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy. A general understanding of <a href="/en-US/docs/Learn/Server-side/First_steps">server-side website programming</a>, and in particular the mechanics of <a href="/en-US/docs/Learn/Server-side/First_steps/Client-Server_overview">client-server interactions in websites</a>.
+        A general understanding of <a href="/en-US/docs/Learn/Server-side/First_steps">server-side website programming</a>, and in particular the mechanics of <a href="/en-US/docs/Learn/Server-side/First_steps/Client-Server_overview">client-server interactions in websites</a>.
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/learn/server-side/first_steps/client-server_overview/index.md b/files/en-us/learn/server-side/first_steps/client-server_overview/index.md
index b0e746c02fd4cf4..5e6fba0fe002b7b 100644
--- a/files/en-us/learn/server-side/first_steps/client-server_overview/index.md
+++ b/files/en-us/learn/server-side/first_steps/client-server_overview/index.md
@@ -13,7 +13,7 @@ Now that you know the purpose and potential benefits of server-side programming,
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy. A basic understanding of what a web server is.
+        A basic understanding of what a web server is.
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/learn/server-side/first_steps/introduction/index.md b/files/en-us/learn/server-side/first_steps/introduction/index.md
index cf537b99507727f..bc02702defb71b2 100644
--- a/files/en-us/learn/server-side/first_steps/introduction/index.md
+++ b/files/en-us/learn/server-side/first_steps/introduction/index.md
@@ -13,7 +13,7 @@ Welcome to the MDN beginner's server-side programming course! In this first arti
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy. A basic understanding of what a web server is.
+        A basic understanding of what a web server is.
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/learn/server-side/first_steps/web_frameworks/index.md b/files/en-us/learn/server-side/first_steps/web_frameworks/index.md
index fdb631e7f33b68b..4dccd76b5b633ab 100644
--- a/files/en-us/learn/server-side/first_steps/web_frameworks/index.md
+++ b/files/en-us/learn/server-side/first_steps/web_frameworks/index.md
@@ -13,7 +13,7 @@ The previous article showed you what the communication between web clients and s
     <tr>
       <th scope="row">Prerequisites:</th>
       <td>
-        Basic computer literacy. Basic understanding of how server-side code
+        Basic understanding of how server-side code
         handles and responds to HTTP requests (see <a
           href="/en-US/docs/Learn/Server-side/First_steps/Client-Server_overview"
           >Client-Server overview</a

From db9d4a14e1c9f7137f4730a311e060d9dbfe738a Mon Sep 17 00:00:00 2001
From: Cristi Contiu <cristi-contiu@users.noreply.github.com>
Date: Mon, 1 Jan 2024 17:26:04 +0200
Subject: [PATCH 215/790] JS Reference for Sets: Fix broken internal link to
 set methods (#31447)

* JS Reference on Sets: Fix internal link

* Update files/en-us/web/javascript/reference/global_objects/set/index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../en-us/web/javascript/reference/global_objects/set/index.md  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/set/index.md b/files/en-us/web/javascript/reference/global_objects/set/index.md
index fd3ed0d6e6f7976..3da569ece39cb7c 100644
--- a/files/en-us/web/javascript/reference/global_objects/set/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/set/index.md
@@ -86,7 +86,7 @@ To make them more generalizable, these methods don't just accept `Set` objects,
 
 ### Set-like objects
 
-All [set methods](#set_methods) require {{jsxref("Operators/this", "this")}} to be an actual `Set` instance, but their arguments just need to be set-like. A _set-like object_ is an object that provides the following:
+All [set composition methods](#set_composition) require {{jsxref("Operators/this", "this")}} to be an actual `Set` instance, but their arguments just need to be set-like. A _set-like object_ is an object that provides the following:
 
 - A {{jsxref("Set/size", "size")}} property that contains a number.
 - A {{jsxref("Set/has", "has()")}} method that takes an element and returns a boolean.

From 34258140a6de83de3a5be17d0c37424d5f827e45 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 2 Jan 2024 00:45:18 +0100
Subject: [PATCH 216/790] Remove inherited properties from HTMLButtonElement
 (#31444)

---
 files/en-us/web/api/htmlbuttonelement/index.md | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/files/en-us/web/api/htmlbuttonelement/index.md b/files/en-us/web/api/htmlbuttonelement/index.md
index ddd05091b56393d..1b7864d80f93cbf 100644
--- a/files/en-us/web/api/htmlbuttonelement/index.md
+++ b/files/en-us/web/api/htmlbuttonelement/index.md
@@ -15,10 +15,6 @@ The **`HTMLButtonElement`** interface provides properties and methods (beyond th
 
 _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 
-- {{domxref("HTMLButtonElement.accessKey")}}
-  - : A string indicating the single-character keyboard key to give access to the button.
-- {{domxref("HTMLButtonElement.autofocus")}}
-  - : A boolean value indicating whether or not 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("HTMLButtonElement.disabled")}}
   - : A boolean value indicating whether or not the control is disabled, meaning that it does not accept any clicks.
 - {{domxref("HTMLButtonElement.form")}} {{ReadOnlyInline}}
@@ -33,19 +29,15 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 - {{domxref("HTMLButtonElement.formNoValidate")}}
   - : A boolean value indicating that the form is not to be validated when it is submitted. If specified, this attribute overrides the [`novalidate`](/en-US/docs/Web/HTML/Element/form#novalidate) attribute of the {{HTMLElement("form")}} element that owns this element.
 - {{domxref("HTMLButtonElement.formTarget")}}
-  - : A string reflecting a name or keyword indicating where to display the response that is received after submitting the form. If specified, this attribute overrides the [`target`](/en-US/docs/Web/HTML/Element/form#target) attribute of the {{HTMLElement("form")}} element that owns this element.
+  - : A string reflecting a name or keyword indicating where to display the response received after submitting the form. If specified, this attribute overrides the [`target`](/en-US/docs/Web/HTML/Element/form#target) attribute of the {{HTMLElement("form")}} element that owns this element.
 - {{domxref("HTMLButtonElement.labels")}} {{ReadOnlyInline}}
   - : A {{domxref("NodeList")}} that represents a list of {{HTMLElement("label")}} elements that are labels for this button.
-- {{domxref("HTMLButtonElement.menu")}} {{experimental_inline}}
-  - : A {{domxref("HTMLMenuElement")}} representing the menu element to be displayed if the button is clicked and is of `type="menu"`.
 - {{domxref("HTMLButtonElement.name")}}
-  - : A string representing the name of the object when submitted with a form. If specified, it must not be the empty string.
+  - : A string representing the object's name when submitted with a form. If specified, it must not be the empty string.
 - {{domxref("HTMLButtonElement.popoverTargetAction")}}
   - : Gets and sets the action to be performed (`"hide"`, `"show"`, or `"toggle"`) on a popover element being controlled by a control button. It reflects the value of the [`popovertargetaction`](/en-US/docs/Web/HTML/Element/button#popovertargetaction) HTML attribute.
 - {{domxref("HTMLButtonElement.popoverTargetElement")}}
   - : Gets and sets the popover element to control via a button. The JavaScript equivalent of the [`popovertarget`](/en-US/docs/Web/HTML/Element/button#popovertarget) HTML attribute.
-- {{domxref("HTMLButtonElement.tabIndex")}}
-  - : A `long` that represents this element's position in the tabbing order.
 - {{domxref("HTMLButtonElement.type")}}
 
   - : A string indicating the behavior of the button. This is an enumerated attribute with the following possible values:

From 134cdabf5742ed1fd65b1c90ee19d8cc425ce999 Mon Sep 17 00:00:00 2001
From: Agatem <agaatem@outlook.com>
Date: Tue, 2 Jan 2024 00:45:30 +0100
Subject: [PATCH 217/790] Change a link to an autolink in `How to write in
 Markdown` (#31435)

* Change a link to a autolink in `How to write in Markdown`

* Add missing period

* Remove double "and"
---
 .../mdn/writing_guidelines/howto/markdown_in_mdn/index.md   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/mdn/writing_guidelines/howto/markdown_in_mdn/index.md b/files/en-us/mdn/writing_guidelines/howto/markdown_in_mdn/index.md
index 08e5d10e3de9fe9..bbe4e42b24a3555 100644
--- a/files/en-us/mdn/writing_guidelines/howto/markdown_in_mdn/index.md
+++ b/files/en-us/mdn/writing_guidelines/howto/markdown_in_mdn/index.md
@@ -10,13 +10,13 @@ This page describes how we use Markdown to write documentation on MDN Web Docs.
 
 ## Baseline: GitHub-Flavored Markdown
 
-The baseline for MDN Markdown is GitHub-Flavored Markdown (GFM): <https://github.github.com/gfm/>. This means that you can refer to the GFM specification for anything not explicitly specified in this page. GFM in turn is a superset of CommonMark ([https://spec.commonmark.org/](https://spec.commonmark.org/)).
+The baseline for MDN Markdown is GitHub-Flavored Markdown (GFM): <https://github.github.com/gfm/>. This means that you can refer to the GFM specification for anything not explicitly specified in this page. GFM in turn is a superset of CommonMark (<https://spec.commonmark.org/>).
 
 ## Links
 
 The GFM specification defines two basic types of links:
 
-- [inline links](https://github.github.com/gfm/#inline-link), in which the destination is given immediately after the link text
+- [inline links](https://github.github.com/gfm/#inline-link), in which the destination is given immediately after the link text.
 - [reference links](https://github.github.com/gfm/#reference-link), in which the destination is defined elsewhere in the document.
 
 On MDN we allow only inline links.
@@ -477,7 +477,7 @@ The main limitations of GFM table syntax are:
 - GFM tables may not have a header column.
 - GFM won't parse GFM block elements in table cells. For example, you can't have a list in a table cell.
 - GFM tables cannot have classes assigned to them.
-- GFM doesn't support any table elements beyond `<table>`, `<tr>`, and `<th>`, and `<td>`.
+- GFM doesn't support any table elements beyond `<table>`, `<tr>`, `<th>`, and `<td>`.
 - GFM doesn't support any table element attributes like `colspan`, `rowspan`, or `scope`.
 
 If an author needs to use any of the unsupported features, they should write the table in HTML.

From 612ef81fa7372eb8025717f30562e482fe4a65ea Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 2 Jan 2024 01:49:35 +0100
Subject: [PATCH 218/790] Remove link to HTMLMediaElement.initialTime (#31326)

* Remove link to HTMLMediaElement.initialTime

* Update files/en-us/mozilla/firefox/releases/23/index.md

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 files/en-us/mozilla/firefox/releases/23/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/23/index.md b/files/en-us/mozilla/firefox/releases/23/index.md
index 323dca117f37a96..c1ac83b8c572a89 100644
--- a/files/en-us/mozilla/firefox/releases/23/index.md
+++ b/files/en-us/mozilla/firefox/releases/23/index.md
@@ -36,7 +36,7 @@ page-type: firefox-release-notes
 - The ability to add a sidebar panel (`window.sidebar.addPanel`) has been dropped ([Firefox bug 691647](https://bugzil.la/691647)).
 - The unprefixed {{domxref("Window.requestAnimationFrame")}} and {{domxref("Window.cancelAnimationFrame")}} methods has been added ([Firefox bug 704063](https://bugzil.la/704063)). The unprefixed {{domxref("Window.requestAnimationFrame")}} receives a {{domxref("DOMHighResTimeStamp")}} as argument; the prefixed version receives a timestamp in milliseconds ([Firefox bug 753453](https://bugzil.la/753453)).
 - The text argument for {{domxref("window.alert")}} and {{domxref("window.confirm")}} is now optional ([Firefox bug 861605](https://bugzil.la/861605)).
-- The {{domxref("HTMLMediaElement.initialTime")}} property, removed from the spec, is no more supported ([Firefox bug 742537](https://bugzil.la/742537)).
+- The `HTMLMediaElement.initialTime` property, removed from the spec, is no longer supported ([Firefox bug 742537](https://bugzil.la/742537)).
 - The {{domxref("AnimationEvent.AnimationEvent", "AnimationEvent()")}} constructor has been added ([Firefox bug 848293](https://bugzil.la/848293)).
 - The {{domxref("AnimationEvent.pseudoElement")}} property has been implemented ([Firefox bug 848293](https://bugzil.la/848293)).
 - The {{domxref("TransitionEvent.TransitionEvent", "TransitionEvent()")}} constructor has been added ([Firefox bug 848291](https://bugzil.la/848291)).

From 26ea1a065b861bb59ae1dd14dea053e62ad39969 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Tue, 2 Jan 2024 15:26:07 +1100
Subject: [PATCH 219/790] autocapitalise - make it clear you need a
 voice/virtual keyboard (#31452)

---
 files/en-us/web/html/global_attributes/autocapitalize/index.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/web/html/global_attributes/autocapitalize/index.md b/files/en-us/web/html/global_attributes/autocapitalize/index.md
index d06c6e04d0877c9..4432ea81dd5e89b 100644
--- a/files/en-us/web/html/global_attributes/autocapitalize/index.md
+++ b/files/en-us/web/html/global_attributes/autocapitalize/index.md
@@ -105,6 +105,8 @@ div {
 
 ## Result
 
+Test the effect on each input using a virtual keyboard or voice entry (keyboard entry will not work).
+
 {{ EmbedLiveSample("Examples", "100%", "500") }}
 
 ## Specifications

From 73aa9e25533719c1a6ac84784b2933c9f0a7d422 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 2 Jan 2024 13:15:18 +0800
Subject: [PATCH 220/790] Remove inherit members in some HTMLElements (#31347)

* style fix

* remove inherit properties and methods of a

* remove inherit members of area

* legend

* button

* select
---
 files/en-us/web/api/htmlanchorelement/index.md | 12 +-----------
 files/en-us/web/api/htmlareaelement/index.md   |  4 ----
 files/en-us/web/api/htmllegendelement/index.md |  6 ++----
 files/en-us/web/api/htmlselectelement/index.md |  4 ----
 4 files changed, 3 insertions(+), 23 deletions(-)

diff --git a/files/en-us/web/api/htmlanchorelement/index.md b/files/en-us/web/api/htmlanchorelement/index.md
index 9696ae527fc8e1e..90fa8b9cd35c83c 100644
--- a/files/en-us/web/api/htmlanchorelement/index.md
+++ b/files/en-us/web/api/htmlanchorelement/index.md
@@ -7,7 +7,7 @@ browser-compat: api.HTMLAnchorElement
 
 {{APIRef("HTML DOM")}}
 
-The **`HTMLAnchorElement`** interface represents hyperlink elements and provides special properties and methods (beyond those of the regular {{domxref("HTMLElement")}} object interface that they inherit from) for manipulating the layout and presentation of such elements. This interface corresponds to [`<a>`](/en-US/docs/Web/HTML/Element/a) element; not to be confused with [`<link>`](/en-US/docs/Web/HTML/Element/link), which is represented by [`HTMLLinkElement`](/en-US/docs/Web/API/HTMLLinkElement))
+The **`HTMLAnchorElement`** interface represents hyperlink elements and provides special properties and methods (beyond those of the regular {{domxref("HTMLElement")}} object interface that they inherit from) for manipulating the layout and presentation of such elements. This interface corresponds to [`<a>`](/en-US/docs/Web/HTML/Element/a) element; not to be confused with [`<link>`](/en-US/docs/Web/HTML/Element/link), which is represented by [`HTMLLinkElement`](/en-US/docs/Web/API/HTMLLinkElement).
 
 {{InheritanceDiagram}}
 
@@ -15,8 +15,6 @@ The **`HTMLAnchorElement`** interface represents hyperlink elements and provides
 
 _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 
-- {{domxref("HTMLElement.accessKey")}}
-  - : A string representing a single character that switches input focus to the hyperlink.
 - {{domxref("HTMLAnchorElement.download")}}
   - : A string indicating that the linked resource is intended to be downloaded rather than displayed in the browser. The value represent the proposed name of the file. If the name is not a valid filename of the underlying OS, browser will adapt it.
 - {{domxref("HTMLAnchorElement.hash")}}
@@ -47,8 +45,6 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}._
   - : Returns a {{domxref("DOMTokenList")}} that reflects the [`rel`](/en-US/docs/Web/HTML/Element/a#rel) HTML attribute, as a list of tokens.
 - {{domxref("HTMLAnchorElement.search")}}
   - : A string representing the search element, including leading question mark ('`?`'), if any, of the referenced URL.
-- {{domxref("HTMLElement.tabIndex")}}
-  - : A `long` containing the position of the element in the tabbing navigation order for the current document.
 - {{domxref("HTMLAnchorElement.target")}}
   - : A string that reflects the [`target`](/en-US/docs/Web/HTML/Element/a#target) HTML attribute, indicating where to display the linked resource.
 - {{domxref("HTMLAnchorElement.text")}}
@@ -79,15 +75,9 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 
 _Inherits methods from its parent, {{domxref("HTMLElement")}}._
 
-- {{domxref("HTMLElement.blur")}}
-  - : Removes the keyboard focus from the current element.
-- {{domxref("HTMLElement.focus")}}
-  - : Gives the keyboard focus to the current element.
 - {{domxref("HTMLAnchorElement.toString()")}}
   - : Returns a string containing the whole URL. It is a synonym for {{domxref("HTMLAnchorElement.href")}}, though it can't be used to modify the value.
 
-The `blur()` and `focus()` methods are inherited from {{domxref("HTMLElement")}}.
-
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/htmlareaelement/index.md b/files/en-us/web/api/htmlareaelement/index.md
index 026a1d84ab3072a..905125c92a2a8cf 100644
--- a/files/en-us/web/api/htmlareaelement/index.md
+++ b/files/en-us/web/api/htmlareaelement/index.md
@@ -15,8 +15,6 @@ The **`HTMLAreaElement`** interface provides special properties and methods (bey
 
 _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 
-- {{domxref("HTMLElement.accessKey")}}
-  - : A string containing a single character that switches input focus to the control.
 - {{domxref("HTMLAreaElement.alt")}}
   - : A string that reflects the [`alt`](/en-US/docs/Web/HTML/Element/area#alt) HTML attribute, containing alternative text for the element.
 - {{domxref("HTMLAreaElement.coords")}}
@@ -53,8 +51,6 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}._
   - : A string containing the search element (including leading question mark `'?'`), if any, of the referenced URL.
 - {{domxref("HTMLAreaElement.shape")}}
   - : A string that reflects the [`shape`](/en-US/docs/Web/HTML/Element/area#shape) HTML attribute, indicating the shape of the hot-spot, limited to known values.
-- {{domxref("HTMLElement.tabIndex")}}
-  - : A `long` containing the element's position in the tabbing order.
 - {{domxref("HTMLAreaElement.target")}}
   - : A string that reflects the [`target`](/en-US/docs/Web/HTML/Element/area#target) HTML attribute, indicating the browsing context in which to open the linked resource.
 - {{domxref("HTMLAreaElement.username")}}
diff --git a/files/en-us/web/api/htmllegendelement/index.md b/files/en-us/web/api/htmllegendelement/index.md
index b86ce41faf15cbc..58ea5ae4bec0195 100644
--- a/files/en-us/web/api/htmllegendelement/index.md
+++ b/files/en-us/web/api/htmllegendelement/index.md
@@ -15,12 +15,10 @@ The **`HTMLLegendElement`** is an interface allowing to access properties of the
 
 _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 
+- {{domxref("HTMLLegendElement.align")}} {{deprecated_inline}}
+  - : A string representing the alignment relative to the form set.
 - {{domxref("HTMLLegendElement.form")}} {{ReadOnlyInline}}
   - : A {{domxref("HTMLFormElement")}} representing the form that this legend belongs to. If the legend has a fieldset element as its parent, then this attribute returns the same value as the **form** attribute on the parent fieldset element. Otherwise, it returns null.
-- {{domxref("HTMLLegendElement.accessKey")}}
-  - : A string representing a single-character access key to give access to the element.
-- {{domxref("HTMLLegendElement.align")}} {{deprecated_inline}}
-  - : A string representing the alignment relative to the form set
 
 ## Instance methods
 
diff --git a/files/en-us/web/api/htmlselectelement/index.md b/files/en-us/web/api/htmlselectelement/index.md
index a47e647d998393e..89d5f8d6e1186ff 100644
--- a/files/en-us/web/api/htmlselectelement/index.md
+++ b/files/en-us/web/api/htmlselectelement/index.md
@@ -56,12 +56,8 @@ _This interface inherits the methods of {{domxref("HTMLElement")}}, and of {{dom
 
 - {{domxref("HTMLSelectElement.add()")}}
   - : Adds an element to the collection of `option` elements for this `select` element.
-- {{domxref("HTMLSelectElement.blur()")}} {{deprecated_inline}}
-  - : Removes input focus from this element. _This method is now implemented on {{domxref("HTMLElement")}}_.
 - {{domxref("HTMLSelectElement.checkValidity()")}}
   - : Checks whether the element has any constraints and whether it satisfies them. If the element fails its constraints, the browser fires a cancelable {{domxref("HTMLInputElement/invalid_event", "invalid")}} event at the element (and returns `false`).
-- {{domxref("HTMLSelectElement.focus()")}} {{deprecated_inline}}
-  - : Gives input focus to this element. _This method is now implemented on {{domxref("HTMLElement")}}_.
 - {{domxref("HTMLSelectElement.item()")}}
   - : Gets an item from the options collection for this {{HTMLElement("select")}} element. You can also access an item by specifying the index in square brackets or parentheses, without calling this method explicitly.
 - {{domxref("HTMLSelectElement.namedItem()")}}

From bfd82524fe63319725243d07aab809f0d1617366 Mon Sep 17 00:00:00 2001
From: Joe Pea <trusktr@gmail.com>
Date: Mon, 1 Jan 2024 21:27:22 -0800
Subject: [PATCH 221/790] fix broken video link (#31455)

---
 files/en-us/web/api/htmlmediaelement/loadstart_event/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/htmlmediaelement/loadstart_event/index.md b/files/en-us/web/api/htmlmediaelement/loadstart_event/index.md
index 8a57b2780d1ecfd..c1f5ba3be6f97c7 100644
--- a/files/en-us/web/api/htmlmediaelement/loadstart_event/index.md
+++ b/files/en-us/web/api/htmlmediaelement/loadstart_event/index.md
@@ -102,7 +102,7 @@ loadVideo.addEventListener("click", () => {
     source = document.createElement("source");
     source.setAttribute(
       "src",
-      "https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm",
+      "https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm",
     );
     source.setAttribute("type", "video/webm");
 

From 2c22a294a6394a439cb9496a70c46fee69f31ff7 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 2 Jan 2024 13:43:29 +0800
Subject: [PATCH 222/790] init docs for `HTMLElement.autofocus` (#31338)

* move

* update

* update list
---
 files/en-us/_redirects.txt                    |  1 +
 files/en-us/_wikihistory.json                 | 24 ++++-----
 .../web/api/htmlelement/autofocus/index.md    | 27 ++++++++++
 files/en-us/web/api/htmlelement/index.md      |  2 +
 .../api/htmlselectelement/autofocus/index.md  | 52 -------------------
 .../en-us/web/api/htmlselectelement/index.md  |  2 -
 6 files changed, 42 insertions(+), 66 deletions(-)
 create mode 100644 files/en-us/web/api/htmlelement/autofocus/index.md
 delete mode 100644 files/en-us/web/api/htmlselectelement/autofocus/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 12fbd98d809f1a5..1cd8c25be9a1ff2 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -8553,6 +8553,7 @@
 /en-US/docs/Web/API/HTMLSelectElement/HTMLSelectElement.disabled	/en-US/docs/Web/API/HTMLSelectElement/disabled
 /en-US/docs/Web/API/HTMLSelectElement/HTMLSelectElement.form	/en-US/docs/Web/API/HTMLSelectElement/form
 /en-US/docs/Web/API/HTMLSelectElement/HTMLSelectElement.selectedIndex	/en-US/docs/Web/API/HTMLSelectElement/selectedIndex
+/en-US/docs/Web/API/HTMLSelectElement/autofocus	/en-US/docs/Web/API/HTMLElement/autofocus
 /en-US/docs/Web/API/HTMLStyleElement.media	/en-US/docs/Web/API/HTMLStyleElement/media
 /en-US/docs/Web/API/HTMLStyleElement.scoped	/en-US/docs/Web/API/HTMLStyleElement
 /en-US/docs/Web/API/HTMLStyleElement.type	/en-US/docs/Web/API/HTMLStyleElement/type
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 5622a85d4aa99f2..bb1c2bc76a0ac47 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -37950,6 +37950,18 @@
       "Krinkle"
     ]
   },
+  "Web/API/HTMLElement/autofocus": {
+    "modified": "2020-10-15T21:42:28.924Z",
+    "contributors": [
+      "nali",
+      "sideshowbarker",
+      "connorshea",
+      "libbymc",
+      "Druzion",
+      "teoli",
+      "Rakhisharma"
+    ]
+  },
   "Web/API/HTMLElement/beforeinput_event": {
     "modified": "2020-11-11T09:54:44.715Z",
     "contributors": [
@@ -40835,18 +40847,6 @@
       "teoli"
     ]
   },
-  "Web/API/HTMLSelectElement/autofocus": {
-    "modified": "2020-10-15T21:42:28.924Z",
-    "contributors": [
-      "nali",
-      "sideshowbarker",
-      "connorshea",
-      "libbymc",
-      "Druzion",
-      "teoli",
-      "Rakhisharma"
-    ]
-  },
   "Web/API/HTMLSelectElement/checkValidity": {
     "modified": "2020-10-15T21:29:52.800Z",
     "contributors": [
diff --git a/files/en-us/web/api/htmlelement/autofocus/index.md b/files/en-us/web/api/htmlelement/autofocus/index.md
new file mode 100644
index 000000000000000..d75b172f78765a3
--- /dev/null
+++ b/files/en-us/web/api/htmlelement/autofocus/index.md
@@ -0,0 +1,27 @@
+---
+title: "HTMLElement: autofocus property"
+short-title: autofocus
+slug: Web/API/HTMLElement/autofocus
+page-type: web-api-instance-property
+browser-compat: api.HTMLElement.autofocus
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`autofocus`** property of the {{domxref("HTMLElement")}} interface represents a boolean value reflecting the [`autofocus`](/en-US/docs/Web/HTML/Element/select#autofocus) HTML global attribute, which indicates whether the control should be focused when the page loads, or when dialog or popover become shown if specified in an element inside {{htmlelement("dialog")}} elements or elements whose popover attribute is set.
+
+Only one form-associated element inside a document, or a {{htmlelement("dialog")}} element, or an element whose `popover` attribute is set, can have this attribute specified. If there are several, the first element with the attribute set inserted, usually the first such element on the page, get the initial focus.
+
+> **Note:** Setting this property doesn't set the focus to the associated element: it merely tells the browser to focus to it when _the element is inserted_ in the document. Setting it after the insertion, that is most of the time after the document load, has no visible effect.
+
+## Value
+
+A boolean value.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/htmlelement/index.md b/files/en-us/web/api/htmlelement/index.md
index 7dd504727a698f8..81bcf325193265a 100644
--- a/files/en-us/web/api/htmlelement/index.md
+++ b/files/en-us/web/api/htmlelement/index.md
@@ -21,6 +21,8 @@ _Also inherits properties from its parent, {{DOMxRef("Element")}}._
   - : Returns a string containing the element's assigned access key.
 - {{DOMxRef("HTMLElement.attributeStyleMap")}} {{ReadOnlyInline}}
   - : A {{DOMxRef("StylePropertyMap")}} representing the declarations of the element's [`style`](/en-US/docs/Web/HTML/Global_attributes#style) attribute.
+- {{domxref("HTMLElement.autofocus")}}
+  - : A boolean value reflecting the [`autofocus`](/en-US/docs/Web/HTML/Element/select#autofocus) HTML global attribute, which indicates whether the control should be focused when the page loads, or when dialog or popover become shown if specified in an element inside {{htmlelement("dialog")}} elements or elements whose popover attribute is set.
 - {{DOMxRef("HTMLElement.contentEditable")}}
   - : A string, where a value of `true` means the element is editable and a value of `false` means it isn't.
 - {{DOMxRef("HTMLElement.dataset")}} {{ReadOnlyInline}}
diff --git a/files/en-us/web/api/htmlselectelement/autofocus/index.md b/files/en-us/web/api/htmlselectelement/autofocus/index.md
deleted file mode 100644
index d77699480b77153..000000000000000
--- a/files/en-us/web/api/htmlselectelement/autofocus/index.md
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: "HTMLSelectElement: autofocus property"
-short-title: autofocus
-slug: Web/API/HTMLSelectElement/autofocus
-page-type: web-api-instance-property
-browser-compat: api.HTMLSelectElement.autofocus
----
-
-{{ APIRef("HTML DOM") }}
-
-The **`HTMLSelectElement.autofocus`** property has a value of either `true` or `false` that reflects the [`autofocus`](/en-US/docs/Web/HTML/Element/select#autofocus) HTML
-attribute, which indicates whether the associated {{HTMLElement("select")}} element
-will get input focus when the page loads, unless the user overrides it.
-
-Only one form-associated element in a document can have this attribute specified. If
-there are several, the first element with the attribute set inserted, usually the first
-such element on the page, get the initial focus.
-
-> **Note:** Setting this property doesn't set the focus to the associated
-> {{HTMLElement("select")}} element: it merely tells the browser to focus to it when
-> _the element is inserted_ in the document. Setting it after the insertion, that
-> is most of the time after the document load, has no visible effect.
-
-## Value
-
-A boolean value.
-
-## Examples
-
-### HTML
-
-```html
-<select id="mySelect" autofocus>
-  <option>Option 1</option>
-  <option>Option 2</option>
-</select>
-```
-
-### JavaScript
-
-```js
-// Check if the autofocus attribute on the <select>
-const hasAutofocus = document.getElementById("mySelect").autofocus;
-```
-
-## Specifications
-
-{{Specifications}}
-
-## Browser compatibility
-
-{{Compat}}
diff --git a/files/en-us/web/api/htmlselectelement/index.md b/files/en-us/web/api/htmlselectelement/index.md
index 89d5f8d6e1186ff..6b4874582a8d1e0 100644
--- a/files/en-us/web/api/htmlselectelement/index.md
+++ b/files/en-us/web/api/htmlselectelement/index.md
@@ -15,8 +15,6 @@ The **`HTMLSelectElement`** interface represents a {{HTMLElement("select")}} HTM
 
 _This interface inherits the properties of {{domxref("HTMLElement")}}, and of {{domxref("Element")}} and {{domxref("Node")}}._
 
-- {{domxref("HTMLSelectElement.autofocus")}}
-  - : A boolean value reflecting the [`autofocus`](/en-US/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")}}
   - : A boolean value reflecting the [`disabled`](/en-US/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")}} {{ReadOnlyInline}}

From d055553630e3043ad50742e1817650993216ddd8 Mon Sep 17 00:00:00 2001
From: som_23 <githubsom@gmail.com>
Date: Tue, 2 Jan 2024 13:33:45 +0530
Subject: [PATCH 223/790] comment the expected output of graph.draw() function
 (#31458)

* commenting the expected output of graph.draw() function inside '/files/en-us/web/javascript/reference/statements/export
/index.md'

* Update files/en-us/web/javascript/reference/statements/export/index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 files/en-us/web/javascript/reference/statements/export/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/statements/export/index.md b/files/en-us/web/javascript/reference/statements/export/index.md
index 0e6bb25711b4f82..aef187b976246fc 100644
--- a/files/en-us/web/javascript/reference/statements/export/index.md
+++ b/files/en-us/web/javascript/reference/statements/export/index.md
@@ -249,7 +249,7 @@ graph.options = {
   thickness: "3px",
 };
 
-graph.draw();
+graph.draw(); // Logs "From graph draw function"
 console.log(cube(3)); // 27
 console.log(foo); // 4.555806215962888
 ```

From 864e7a830d3f658b4cd87098428097bda5ee5b84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hanno=20B=C3=B6ck?= <990588+hannob@users.noreply.github.com>
Date: Tue, 2 Jan 2024 09:34:12 +0100
Subject: [PATCH 224/790] Make it clear that not all <link> elements support
 SRI (#31333)

* Make it clear that not all <link> elements support SRI

The text said that "any <script> or <link> element" could have an
integrity value. However, according to the W3C SRI spec, only
scripts and stylesheets are supported. Other link elements, e.g.
used for icons, are not covered by SRI.

* Update files/en-us/web/security/subresource_integrity/index.md

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 files/en-us/web/security/subresource_integrity/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/security/subresource_integrity/index.md b/files/en-us/web/security/subresource_integrity/index.md
index 06b4f3ad73b1216..2998bef08cf2aa8 100644
--- a/files/en-us/web/security/subresource_integrity/index.md
+++ b/files/en-us/web/security/subresource_integrity/index.md
@@ -21,7 +21,7 @@ Subresource Integrity enables you to mitigate some risks of attacks such as this
 
 ## Using Subresource Integrity
 
-You use the Subresource Integrity feature by specifying a base64-encoded cryptographic hash of a resource (file) you're telling the browser to fetch, in the value of the `integrity` attribute of any {{HTMLElement("script")}} or {{HTMLElement("link")}} element.
+You use the Subresource Integrity feature by specifying a base64-encoded cryptographic hash of a resource (file) you're telling the browser to fetch, in the value of the `integrity` attribute of a {{HTMLElement("script")}} element or a {{HTMLElement("link")}} element with [`rel="stylesheet"`](/en-US/docs/Web/HTML/Attributes/rel#stylesheet), [`rel="preload"`](/en-US/docs/Web/HTML/Attributes/rel/preload), or [`rel="modulepreload"`](/en-US/docs/Web/HTML/Attributes/rel/modulepreload).
 
 An `integrity` value begins with at least one string, with each string including a prefix indicating a particular hash algorithm (currently the allowed prefixes are `sha256`, `sha384`, and `sha512`), followed by a dash, and ending with the actual base64-encoded hash.
 

From 1cf514e4db3af46af5c284e71208499661e34b69 Mon Sep 17 00:00:00 2001
From: Mauro Bieg <mb21@users.noreply.github.com>
Date: Tue, 2 Jan 2024 11:09:36 +0100
Subject: [PATCH 225/790] CSS :where() - move up sentence comparing to :is()
 (#31460)

---
 files/en-us/web/css/_colon_where/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/_colon_where/index.md b/files/en-us/web/css/_colon_where/index.md
index c8a500a6c5a05f6..218cbfee5594c31 100644
--- a/files/en-us/web/css/_colon_where/index.md
+++ b/files/en-us/web/css/_colon_where/index.md
@@ -9,10 +9,10 @@ browser-compat: css.selectors.where
 
 The **`:where()`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS/Pseudo-classes) function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list.
 
-{{EmbedInteractiveExample("pages/tabbed/pseudo-class-where.html", "tabbed-shorter")}}
-
 The difference between `:where()` and {{CSSxRef(":is", ":is()")}} is that `:where()` always has 0 [specificity](/en-US/docs/Web/CSS/Specificity), whereas `:is()` takes on the specificity of the most specific selector in its arguments.
 
+{{EmbedInteractiveExample("pages/tabbed/pseudo-class-where.html", "tabbed-shorter")}}
+
 ### Forgiving Selector Parsing
 
 The specification defines `:is()` and `:where()` as accepting a [forgiving selector list](https://drafts.csswg.org/selectors-4/#typedef-forgiving-selector-list).

From 6f886b9147b7f62bacfa1e740a3ea288168a58aa Mon Sep 17 00:00:00 2001
From: Codophilus Persicus <mmirzanejad2@gmail.com>
Date: Tue, 2 Jan 2024 14:27:48 +0330
Subject: [PATCH 226/790] Live sample added (#31456)

* Live sample added

* Update files/en-us/web/html/element/center/index.md

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Update files/en-us/web/html/element/center/index.md

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Update files/en-us/web/html/element/center/index.md

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Change the note to an actual note

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/web/html/element/center/index.md | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/html/element/center/index.md b/files/en-us/web/html/element/center/index.md
index ec3822dd26fdd90..d274a9291f3129c 100644
--- a/files/en-us/web/html/element/center/index.md
+++ b/files/en-us/web/html/element/center/index.md
@@ -26,6 +26,10 @@ This element implements the {{domxref("HTMLElement")}} interface.
 </center>
 ```
 
+### Result
+
+{{EmbedLiveSample("Example 1")}}
+
 ## Example 2 (CSS alternative)
 
 ```html
@@ -35,6 +39,10 @@ This element implements the {{domxref("HTMLElement")}} interface.
 </div>
 ```
 
+### Result
+
+{{EmbedLiveSample("Example 2 (CSS alternative)")}}
+
 ## Example 3 (CSS alternative)
 
 ```html
@@ -44,9 +52,11 @@ This element implements the {{domxref("HTMLElement")}} interface.
 </p>
 ```
 
-## Note
+### Result
+
+{{EmbedLiveSample("Example 3 (CSS alternative)")}}
 
-Applying {{Cssxref("text-align")}}`:center` to a {{HTMLElement("div")}} or {{HTMLElement("p")}} element centers the _contents_ of those elements while leaving their overall dimensions unchanged.
+> **Note:** Applying {{Cssxref("text-align")}}`:center` to a {{HTMLElement("div")}} or {{HTMLElement("p")}} element centers the _contents_ of those elements while leaving their overall dimensions unchanged.
 
 <!-- ## Technical summary -->
 

From c853483d6eebc09b83ae496b58ffbbe2591ad788 Mon Sep 17 00:00:00 2001
From: Bastien Girschig <bastien.girschig@gmail.com>
Date: Tue, 2 Jan 2024 12:09:44 +0100
Subject: [PATCH 227/790] Fix confusing wording for timestamp parameter
 (#31461)

---
 files/en-us/web/api/midioutput/send/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/midioutput/send/index.md b/files/en-us/web/api/midioutput/send/index.md
index ef350b7cbf7706a..8947dac2d26839d 100644
--- a/files/en-us/web/api/midioutput/send/index.md
+++ b/files/en-us/web/api/midioutput/send/index.md
@@ -22,7 +22,7 @@ send(data, timestamp)
 - `data`
   - : A sequence of one or more [valid MIDI messages](https://www.midi.org/midi-articles/about-midi-part-3-midi-messages). Each entry represents a single byte of data.
 - `timestamp` {{optional_inline}}
-  - : A {{domxref("DOMHighResTimestamp")}} with the time in milliseconds, which is the delay before sending the message.
+  - : A {{domxref("DOMHighResTimestamp")}} with the time in milliseconds when the message should be sent (relative to {{domxref("Performance.timeOrigin")}}).
 
 ### Return value
 

From 801b0f67452edc4889b0ab8109e145b8bf6c1ee0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Guillon?=
 <sebastien.guillon@protonmail.com>
Date: Tue, 2 Jan 2024 12:59:13 +0100
Subject: [PATCH 228/790] Change Atomics to Math (#31465)

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

diff --git a/files/en-us/web/javascript/reference/global_objects/math/index.md b/files/en-us/web/javascript/reference/global_objects/math/index.md
index 45834c311bcce93..0d63bad4ebb8f97 100644
--- a/files/en-us/web/javascript/reference/global_objects/math/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/math/index.md
@@ -13,7 +13,7 @@ The **`Math`** namespace object contains static properties and methods for mathe
 
 ## Description
 
-Unlike most global objects, `Math` is not a constructor. You cannot use it with the [`new` operator](/en-US/docs/Web/JavaScript/Reference/Operators/new) or invoke the `Atomics` object as a function. All properties and methods of `Math` are static.
+Unlike most global objects, `Math` is not a constructor. You cannot use it with the [`new` operator](/en-US/docs/Web/JavaScript/Reference/Operators/new) or invoke the `Math` object as a function. All properties and methods of `Math` are static.
 
 > **Note:** Many `Math` functions have a precision that's _implementation-dependent_.
 >

From 0ab27ce0abac93552d0f54f90936b373f5ab0e96 Mon Sep 17 00:00:00 2001
From: Psychpsyo <60073468+Psychpsyo@users.noreply.github.com>
Date: Tue, 2 Jan 2024 15:02:41 +0100
Subject: [PATCH 229/790] Fix mistake in example code (#31467)

Fix error in example code
---
 files/en-us/web/manifest/file_handlers/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/manifest/file_handlers/index.md b/files/en-us/web/manifest/file_handlers/index.md
index 74080a515bc9d51..2dc79c2e0130da6 100644
--- a/files/en-us/web/manifest/file_handlers/index.md
+++ b/files/en-us/web/manifest/file_handlers/index.md
@@ -94,7 +94,7 @@ In the following example, {{domxref("LaunchQueue.setConsumer", "window.launchQue
 
 ```js
 async function playSong(handledFile) {
-  const blob = await file.getFile();
+  const blob = await handledFile.getFile();
   const url = window.URL.createObjectURL(blob);
   const audio = new Audio(url);
   audio.play();

From 34a7d811ab6ed8ad15067c05723d125ac2a06725 Mon Sep 17 00:00:00 2001
From: Psychpsyo <60073468+Psychpsyo@users.noreply.github.com>
Date: Tue, 2 Jan 2024 15:27:32 +0100
Subject: [PATCH 230/790] Replace deprecated substr() in example code (#31468)

substr() is deprecated, substring() should be used instead.
---
 files/en-us/web/api/window/launchqueue/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/window/launchqueue/index.md b/files/en-us/web/api/window/launchqueue/index.md
index 1a9d411bc118a0a..e0969c9764e5e95 100644
--- a/files/en-us/web/api/window/launchqueue/index.md
+++ b/files/en-us/web/api/window/launchqueue/index.md
@@ -30,7 +30,7 @@ if ("launchQueue" in window) {
       const track = params.get("track");
       if (track) {
         audio.src = track;
-        title.textContent = new URL(track).pathname.substr(1);
+        title.textContent = new URL(track).pathname.substring(1);
         audio.play();
       }
     }

From 66602305e510f28cd4ed22737630707b5ddc8d90 Mon Sep 17 00:00:00 2001
From: Psychpsyo <60073468+Psychpsyo@users.noreply.github.com>
Date: Tue, 2 Jan 2024 15:46:17 +0100
Subject: [PATCH 231/790] word-break: manual & auto-phrase (#30980)

* word-break manual & auto-phrase

* Update files/en-us/web/css/word-break/index.md

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Update files/en-us/web/css/word-break/index.md

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Add unsupported note to word-break: manual

* Change to manual value wording

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/web/css/word-break/index.md | 29 ++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/css/word-break/index.md b/files/en-us/web/css/word-break/index.md
index 15f966b90a627d5..6ed2197df55fdde 100644
--- a/files/en-us/web/css/word-break/index.md
+++ b/files/en-us/web/css/word-break/index.md
@@ -18,6 +18,7 @@ The **`word-break`** [CSS](/en-US/docs/Web/CSS) property sets whether line break
 word-break: normal;
 word-break: break-all;
 word-break: keep-all;
+word-break: auto-phrase; /* experimental */
 word-break: break-word; /* deprecated */
 
 /* Global values */
@@ -38,11 +39,15 @@ The `word-break` property is specified as a single keyword chosen from the list
   - : To prevent overflow, word breaks should be inserted between any two characters (excluding Chinese/Japanese/Korean text).
 - `keep-all`
   - : Word breaks should not be used for Chinese/Japanese/Korean (CJK) text. Non-CJK text behavior is the same as for `normal`.
+- `auto-phrase` {{Experimental_Inline}}
+  - : Has the same effect as `word-break: normal` except that language-specific analysis is performed to improve word breaks by not placing them in the middle of natural phrases.
 - `break-word` {{Deprecated_Inline}}
   - : Has the same effect as `overflow-wrap: anywhere` combined with `word-break: normal`, regardless of the actual value of the {{cssxref("overflow-wrap")}} property.
 
 > **Note:** In contrast to `word-break: break-word` and `overflow-wrap: break-word` (see {{cssxref("overflow-wrap")}}), `word-break: break-all` will create a break at the exact place where text would otherwise overflow its container (even if putting an entire word on its own line would negate the need for a break).
 
+The specification also lists an additional value, `manual`, which is not currently supported in any browsers. When implemented, `manual` will have the same effect as `word-break: normal` except that breaks won't be automatically inserted in Southeast Asian languages. This is needed because, in such languages, user agents frequently place breaks in suboptimal positions. `manual` will allow you to insert line breaks in optimal positions manually.
+
 ## Formal definition
 
 {{CSSInfo}}
@@ -77,7 +82,21 @@ The `word-break` property is specified as a single keyword chosen from the list
   グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉
 </p>
 
-<p>4. <code>word-break: break-word</code></p>
+<p>4. <code>word-break: manual</code></p>
+<p class="manual narrow">
+  This is a long and Honorificabilitudinitatibus califragilisticexpialidocious
+  Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu
+  グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉
+</p>
+
+<p>5. <code>word-break: auto-phrase</code></p>
+<p class="autoPhrase narrow">
+  This is a long and Honorificabilitudinitatibus califragilisticexpialidocious
+  Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu
+  グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉
+</p>
+
+<p>6. <code>word-break: break-word</code></p>
 <p class="breakWord narrow">
   This is a long and Honorificabilitudinitatibus califragilisticexpialidocious
   Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu
@@ -110,6 +129,14 @@ The `word-break` property is specified as a single keyword chosen from the list
   word-break: keep-all;
 }
 
+.manual {
+  word-break: manual;
+}
+
+.autoPhrase {
+  word-break: auto-phrase;
+}
+
 .breakWord {
   word-break: break-word;
 }

From 1c4eb0bfb5f72a26fcc21a83fac91aa3e66c2fb8 Mon Sep 17 00:00:00 2001
From: James <36278229+FormularSumo@users.noreply.github.com>
Date: Tue, 2 Jan 2024 16:00:45 +0000
Subject: [PATCH 232/790] Update web\css area to use latest `rgb()` and `hsl()`
 syntax (#31453)

* Replace instances of rgba with rgb in web\css

* Change all rgb() to use new syntax in css\web

Also changes an rgba I missed in css\color

* Changes hsl in css\web to use new syntax

* Change rgb/hsl alpha values I missed to use a % instead of number

* Apply fixes from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Undo accidental changes to css_images\using_css_gradients

* Reword css-colors\applying color and rgb/hsl

Like before it now mention and gives of examples of both percentage and number values, although mentions percentage first.

Similarly, I've made rgb and hsl use both to show them being used.

* Apply suggestions from linter/prettier

* Update files/en-us/web/css/css_colors/applying_color/index.md

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/web/css/--_star_/index.md         |  2 +-
 .../css/-webkit-text-stroke-color/index.md    |  2 +-
 .../override-colors/index.md                  | 12 ++---
 files/en-us/web/css/@starting-style/index.md  | 10 ++--
 files/en-us/web/css/_colon_autofill/index.md  |  2 +-
 files/en-us/web/css/_colon_has/index.md       |  4 +-
 .../web/css/_colon_host-context/index.md      |  2 +-
 files/en-us/web/css/_colon_host/index.md      |  4 +-
 .../web/css/_colon_host_function/index.md     |  2 +-
 files/en-us/web/css/_colon_in-range/index.md  |  4 +-
 files/en-us/web/css/_colon_modal/index.md     |  2 +-
 .../web/css/_colon_out-of-range/index.md      |  4 +-
 .../_doublecolon_-webkit-meter-bar/index.md   |  2 +-
 .../web/css/_doublecolon_backdrop/index.md    |  2 +-
 files/en-us/web/css/_doublecolon_cue/index.md |  2 +-
 .../en-us/web/css/_doublecolon_part/index.md  |  2 +-
 .../css/_doublecolon_view-transition/index.md |  2 +-
 files/en-us/web/css/backdrop-filter/index.md  |  2 +-
 .../web/css/backface-visibility/index.md      | 12 ++---
 files/en-us/web/css/background-clip/index.md  |  2 +-
 files/en-us/web/css/background-color/index.md |  8 +--
 files/en-us/web/css/background-image/index.md |  4 +-
 .../en-us/web/css/background-origin/index.md  |  8 +--
 .../web/css/border-bottom-color/index.md      |  4 +-
 files/en-us/web/css/border-color/index.md     |  2 +-
 .../en-us/web/css/border-left-color/index.md  |  2 +-
 .../en-us/web/css/border-right-color/index.md |  2 +-
 files/en-us/web/css/border-top-color/index.md |  2 +-
 files/en-us/web/css/bottom/index.md           |  2 +-
 files/en-us/web/css/box-shadow/index.md       |  6 +--
 files/en-us/web/css/caret-color/index.md      |  2 +-
 files/en-us/web/css/color/index.md            | 10 ++--
 files/en-us/web/css/color_value/hsl/index.md  |  6 +--
 files/en-us/web/css/color_value/index.md      |  2 +-
 files/en-us/web/css/color_value/rgb/index.md  |  6 +--
 .../en-us/web/css/column-rule-color/index.md  |  2 +-
 .../en-us/web/css/content-visibility/index.md |  8 +--
 .../using_multiple_backgrounds/index.md       |  3 +-
 .../css/css_colors/applying_color/index.md    | 16 +++---
 .../using_filter_effects/index.md             |  2 +-
 .../index.md                                  |  6 +--
 files/en-us/web/css/css_grid_layout/index.md  |  2 +-
 .../index.md                                  |  4 +-
 .../css_images/using_css_gradients/index.md   | 52 +++++++++----------
 .../using_css_transforms/index.md             | 24 ++++-----
 files/en-us/web/css/easing-function/index.md  |  4 +-
 files/en-us/web/css/flex-grow/index.md        |  4 +-
 files/en-us/web/css/flex-shrink/index.md      |  2 +-
 files/en-us/web/css/gradient/index.md         |  2 +-
 .../repeating-linear-gradient/index.md        |  6 +--
 files/en-us/web/css/hue/index.md              |  2 +-
 files/en-us/web/css/image/image/index.md      |  2 +-
 files/en-us/web/css/image/paint/index.md      |  6 +--
 files/en-us/web/css/length/index.md           |  8 +--
 files/en-us/web/css/mask-image/index.md       |  4 +-
 files/en-us/web/css/mask-type/index.md        |  4 +-
 files/en-us/web/css/named-color/index.md      |  2 +-
 files/en-us/web/css/opacity/index.md          |  4 +-
 files/en-us/web/css/outline-color/index.md    |  2 +-
 files/en-us/web/css/overlay/index.md          |  6 +--
 .../css/overscroll-behavior-block/index.md    | 14 ++---
 .../css/overscroll-behavior-inline/index.md   | 14 ++---
 .../en-us/web/css/print-color-adjust/index.md |  5 +-
 .../web/css/text-decoration-color/index.md    |  2 +-
 .../web/css/text-emphasis-color/index.md      |  2 +-
 .../en-us/web/css/transform-function/index.md | 12 ++---
 .../css/transform-function/matrix3d/index.md  | 12 ++---
 files/en-us/web/css/transform-style/index.md  | 12 ++---
 files/en-us/web/css/url/index.md              |  2 +-
 files/en-us/web/css/white-space/index.md      |  4 +-
 .../css/block_formatting_context/index.md     |  4 +-
 71 files changed, 200 insertions(+), 202 deletions(-)

diff --git a/files/en-us/web/css/--_star_/index.md b/files/en-us/web/css/--_star_/index.md
index 8144a9193ef586d..4a5f7d1c981a42e 100644
--- a/files/en-us/web/css/--_star_/index.md
+++ b/files/en-us/web/css/--_star_/index.md
@@ -18,7 +18,7 @@ Custom properties are scoped to the element(s) they are declared on, and partici
 ```css
 --somekeyword: left;
 --somecolor: #0000ff;
---somecomplexvalue: 3px 6px rgb(20, 32, 54);
+--somecomplexvalue: 3px 6px rgb(20 32 54);
 ```
 
 - `<declaration-value>`
diff --git a/files/en-us/web/css/-webkit-text-stroke-color/index.md b/files/en-us/web/css/-webkit-text-stroke-color/index.md
index a7d0c299b7407d6..d04f0a03f412580 100644
--- a/files/en-us/web/css/-webkit-text-stroke-color/index.md
+++ b/files/en-us/web/css/-webkit-text-stroke-color/index.md
@@ -15,7 +15,7 @@ The **`-webkit-text-stroke-color`** CSS property specifies the stroke [color](/e
 /* <color> values */
 -webkit-text-stroke-color: red;
 -webkit-text-stroke-color: #e08ab4;
--webkit-text-stroke-color: rgb(200, 100, 0);
+-webkit-text-stroke-color: rgb(200 100 0);
 
 /* Global values */
 -webkit-text-stroke-color: inherit;
diff --git a/files/en-us/web/css/@font-palette-values/override-colors/index.md b/files/en-us/web/css/@font-palette-values/override-colors/index.md
index dc3b0c076f8b5be..e2cf0d981805ae0 100644
--- a/files/en-us/web/css/@font-palette-values/override-colors/index.md
+++ b/files/en-us/web/css/@font-palette-values/override-colors/index.md
@@ -22,7 +22,7 @@ override-colors: 0 red;
 override-colors: 0 #f00;
 
 /* using rgb */
-override-colors: 0 rgb(255, 0, 0);
+override-colors: 0 rgb(255 0 0);
 
 /* overriding multiple colors */
 override-colors:
@@ -103,11 +103,11 @@ This example shows how to override colors in the [Noto Color Emoji](https://font
 @font-palette-values --red {
   font-family: "Noto Color Emoji";
   override-colors:
-    0 rgb(74, 11, 0),
-    1 rgb(149, 22, 1),
-    2 rgb(183, 27, 1),
-    3 rgb(193, 28, 1),
-    4 rgb(230, 34, 1);
+    0 rgb(74 11 0),
+    1 rgb(149 22 1),
+    2 rgb(183 27 1),
+    3 rgb(193 28 1),
+    4 rgb(230 34 1);
 }
 .red-hat {
   font-palette: --red;
diff --git a/files/en-us/web/css/@starting-style/index.md b/files/en-us/web/css/@starting-style/index.md
index 98b7a69eebc1bcc..2c66c32bb7eb02d 100644
--- a/files/en-us/web/css/@starting-style/index.md
+++ b/files/en-us/web/css/@starting-style/index.md
@@ -262,7 +262,7 @@ html {
 
 /* Transition for the popover's backdrop */
 [popover]::backdrop {
-  background-color: rgb(0 0 0 / 0);
+  background-color: rgb(0 0 0 / 0%);
   transition:
     display 0.7s allow-discrete,
     overlay 0.7s allow-discrete,
@@ -272,14 +272,14 @@ html {
 }
 
 [popover]:popover-open::backdrop {
-  background-color: rgb(0 0 0 / 0.25);
+  background-color: rgb(0 0 0 / 25%);
 }
 
 /* Nesting (&) is not supported for pseudo-elements
 so specify a standalone starting-style block. */
 @starting-style {
   [popover]:popover-open::backdrop {
-    background-color: rgb(0 0 0 / 0);
+    background-color: rgb(0 0 0 / 0%);
   }
 }
 ```
@@ -398,8 +398,8 @@ div {
   position: relative;
   background: linear-gradient(
     to right,
-    rgb(255 255 255 / 0),
-    rgb(255 255 255 / 0.5)
+    rgb(255 255 255 / 0%),
+    rgb(255 255 255 / 50%)
   );
   opacity: 1;
   scale: 1 1;
diff --git a/files/en-us/web/css/_colon_autofill/index.md b/files/en-us/web/css/_colon_autofill/index.md
index df81cf1112d6005..d71b4a50f00fae5 100644
--- a/files/en-us/web/css/_colon_autofill/index.md
+++ b/files/en-us/web/css/_colon_autofill/index.md
@@ -14,7 +14,7 @@ The **`:autofill`** CSS [pseudo-class](/en-US/docs/Web/CSS/Pseudo-classes) match
 > **Note:** The user agent style sheets of many browsers use `!important` in their `:-webkit-autofill` style declarations, making them non-overridable by webpages without resorting to JavaScript hacks. For example Chrome has the following in its internal stylesheet:
 >
 > ```css
-> background-color: rgb(232, 240, 254) !important;
+> background-color: rgb(232 240 254) !important;
 > background-image: none !important;
 > color: -internal-light-dark(black, white) !important;
 > ```
diff --git a/files/en-us/web/css/_colon_has/index.md b/files/en-us/web/css/_colon_has/index.md
index 52867d692e71519..f93798977eab498 100644
--- a/files/en-us/web/css/_colon_has/index.md
+++ b/files/en-us/web/css/_colon_has/index.md
@@ -83,7 +83,7 @@ h2 {
 
 h2 {
   font-size: 1em;
-  color: rgb(150, 149, 149);
+  color: rgb(150 149 149);
 }
 ```
 
@@ -152,7 +152,7 @@ h1 {
 
 h2 {
   font-size: 1em;
-  color: rgb(150, 149, 149);
+  color: rgb(150 149 149);
 }
 
 h3 {
diff --git a/files/en-us/web/css/_colon_host-context/index.md b/files/en-us/web/css/_colon_host-context/index.md
index b7f7360d0d65d7e..33aa3c355c665c5 100644
--- a/files/en-us/web/css/_colon_host-context/index.md
+++ b/files/en-us/web/css/_colon_host-context/index.md
@@ -73,7 +73,7 @@ style.textContent =
   ":host-context(h1) { font-style: italic; }" +
   ':host-context(h1):after { content: " - no links in headers!" }' +
   ":host(.footer) { color : red; }" +
-  ":host { background: rgba(0,0,0,0.1); padding: 2px 5px; }";
+  ":host { background: rgb(0 0 0 / 10%); padding: 2px 5px; }";
 ```
 
 The `:host-context(h1) { font-style: italic; }` and `:host-context(h1):after { content: " - no links in headers!" }` rules style the instance of the `<context-span>` element (the shadow host in this instance) inside the `<h1>`. We've used it to make it clear that the custom element shouldn't appear inside the `<h1>` in our design.
diff --git a/files/en-us/web/css/_colon_host/index.md b/files/en-us/web/css/_colon_host/index.md
index 38789f8cb8fe357..632c18916f89b78 100644
--- a/files/en-us/web/css/_colon_host/index.md
+++ b/files/en-us/web/css/_colon_host/index.md
@@ -59,10 +59,10 @@ style.textContent =
   ':host-context(h1):after { content: " - no links in headers!" }' +
   ":host-context(article, aside) { color: gray; }" +
   ":host(.footer) { color : red; }" +
-  ":host { background: rgba(0,0,0,0.1); padding: 2px 5px; }";
+  ":host { background: rgb(0 0 0 / 10%); padding: 2px 5px; }";
 ```
 
-The `:host { background: rgba(0,0,0,0.1); padding: 2px 5px; }` rule styles all instances of the `<context-span>` element (the shadow host in this instance) in the document.
+The `:host { background: rgb(0 0 0 / 10%); padding: 2px 5px; }` rule styles all instances of the `<context-span>` element (the shadow host in this instance) in the document.
 
 ## Specifications
 
diff --git a/files/en-us/web/css/_colon_host_function/index.md b/files/en-us/web/css/_colon_host_function/index.md
index dabe5e8e82c3b61..71630459bda0620 100644
--- a/files/en-us/web/css/_colon_host_function/index.md
+++ b/files/en-us/web/css/_colon_host_function/index.md
@@ -62,7 +62,7 @@ style.textContent =
   ':host-context(h1):after { content: " - no links in headers!" }' +
   ":host-context(article, aside) { color: gray; }" +
   ":host(.footer) { color : red; }" +
-  ":host { background: rgba(0,0,0,0.1); padding: 2px 5px; }";
+  ":host { background: rgb(0 0 0 / 10%); padding: 2px 5px; }";
 ```
 
 The `:host(.footer) { color : red; }` rule styles all instances of the `<context-span>` element (the shadow host in this instance) in the document that have the `footer` class set on them — we've used it to give instances of the element inside the {{htmlelement("footer")}} a special color.
diff --git a/files/en-us/web/css/_colon_in-range/index.md b/files/en-us/web/css/_colon_in-range/index.md
index 9474ef54987d0a8..106c9cbecbb42d0 100644
--- a/files/en-us/web/css/_colon_in-range/index.md
+++ b/files/en-us/web/css/_colon_in-range/index.md
@@ -60,11 +60,11 @@ input {
 }
 
 input:in-range {
-  background-color: rgba(0, 255, 0, 0.25);
+  background-color: rgb(0 255 0 / 25%);
 }
 
 input:out-of-range {
-  background-color: rgba(255, 0, 0, 0.25);
+  background-color: rgb(255 0 0 / 25%);
   border: 2px solid red;
 }
 
diff --git a/files/en-us/web/css/_colon_modal/index.md b/files/en-us/web/css/_colon_modal/index.md
index af2c4eb591e8d63..68b58a298f3a170 100644
--- a/files/en-us/web/css/_colon_modal/index.md
+++ b/files/en-us/web/css/_colon_modal/index.md
@@ -65,7 +65,7 @@ This example styles a modal dialog that opens when the "Update details" button i
 :modal {
   border: 5px solid red;
   background-color: yellow;
-  box-shadow: 3px 3px 10px rgba(0 0 0 / 0.5);
+  box-shadow: 3px 3px 10px rgb(0 0 0 / 50%);
 }
 ```
 
diff --git a/files/en-us/web/css/_colon_out-of-range/index.md b/files/en-us/web/css/_colon_out-of-range/index.md
index fad64144a248e2d..da9374b9010fc40 100644
--- a/files/en-us/web/css/_colon_out-of-range/index.md
+++ b/files/en-us/web/css/_colon_out-of-range/index.md
@@ -59,11 +59,11 @@ input {
 }
 
 input:in-range {
-  background-color: rgba(0, 255, 0, 0.25);
+  background-color: rgb(0 255 0 / 25%);
 }
 
 input:out-of-range {
-  background-color: rgba(255, 0, 0, 0.25);
+  background-color: rgb(255 0 0 / 25%);
   border: 2px solid red;
 }
 
diff --git a/files/en-us/web/css/_doublecolon_-webkit-meter-bar/index.md b/files/en-us/web/css/_doublecolon_-webkit-meter-bar/index.md
index 1621e7f8a661096..ac25b5a4e70c477 100644
--- a/files/en-us/web/css/_doublecolon_-webkit-meter-bar/index.md
+++ b/files/en-us/web/css/_doublecolon_-webkit-meter-bar/index.md
@@ -48,7 +48,7 @@ body {
 
 #styled::-webkit-meter-bar {
   background: #eee;
-  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
+  box-shadow: 0 2px 3px rgb(0 0 0 / 20%) inset;
   border-radius: 3px;
 }
 ```
diff --git a/files/en-us/web/css/_doublecolon_backdrop/index.md b/files/en-us/web/css/_doublecolon_backdrop/index.md
index 982caaaeab509d4..39982431677dbbe 100644
--- a/files/en-us/web/css/_doublecolon_backdrop/index.md
+++ b/files/en-us/web/css/_doublecolon_backdrop/index.md
@@ -32,7 +32,7 @@ When multiple elements have been placed into the top layer, each one has its own
 ```css
 /* Backdrop is only displayed when dialog is opened with dialog.showModal() */
 dialog::backdrop {
-  background: rgba(255, 0, 0, 0.25);
+  background: rgb(255 0 0 / 25%);
 }
 ```
 
diff --git a/files/en-us/web/css/_doublecolon_cue/index.md b/files/en-us/web/css/_doublecolon_cue/index.md
index a1259b5529bc431..610eb9da4c8171a 100644
--- a/files/en-us/web/css/_doublecolon_cue/index.md
+++ b/files/en-us/web/css/_doublecolon_cue/index.md
@@ -68,7 +68,7 @@ The following CSS sets the cue style so that the text is white and the backgroun
 ```css
 ::cue {
   color: #fff;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgb(0 0 0 / 60%);
 }
 ```
 
diff --git a/files/en-us/web/css/_doublecolon_part/index.md b/files/en-us/web/css/_doublecolon_part/index.md
index 5ffdc719e885d99..dfcba70bd981aca 100644
--- a/files/en-us/web/css/_doublecolon_part/index.md
+++ b/files/en-us/web/css/_doublecolon_part/index.md
@@ -71,7 +71,7 @@ tabbed-custom-element::part(tab):focus {
   box-shadow:
     0 0 0 1px #0a84ff inset,
     0 0 0 1px #0a84ff,
-    0 0 0 4px rgba(10, 132, 255, 0.3);
+    0 0 0 4px rgb(10 132 255 / 30%);
 }
 
 tabbed-custom-element::part(active) {
diff --git a/files/en-us/web/css/_doublecolon_view-transition/index.md b/files/en-us/web/css/_doublecolon_view-transition/index.md
index 88ff26050de1313..0bd00af1a053401 100644
--- a/files/en-us/web/css/_doublecolon_view-transition/index.md
+++ b/files/en-us/web/css/_doublecolon_view-transition/index.md
@@ -36,7 +36,7 @@ All {{cssxref("::view-transition-group")}} pseudo-elements are positioned relati
 
 ```css
 ::view-transition {
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgb(0 0 0 / 25%);
 }
 ```
 
diff --git a/files/en-us/web/css/backdrop-filter/index.md b/files/en-us/web/css/backdrop-filter/index.md
index 94c26eaba930592..622bdecd8bebf44 100644
--- a/files/en-us/web/css/backdrop-filter/index.md
+++ b/files/en-us/web/css/backdrop-filter/index.md
@@ -64,7 +64,7 @@ backdrop-filter: unset;
 
 ```css
 .box {
-  background-color: rgb(255 255 255 / 0.3);
+  background-color: rgb(255 255 255 / 30%);
   backdrop-filter: blur(10px);
 }
 
diff --git a/files/en-us/web/css/backface-visibility/index.md b/files/en-us/web/css/backface-visibility/index.md
index d28f0117b6bbbd4..ee0eb61686acb74 100644
--- a/files/en-us/web/css/backface-visibility/index.md
+++ b/files/en-us/web/css/backface-visibility/index.md
@@ -137,33 +137,33 @@ This example shows a cube with transparent faces, and one with opaque faces.
 
 /* Define each face based on direction */
 .front {
-  background: rgba(0, 0, 0, 0.3);
+  background: rgb(0 0 0 / 30%);
   transform: translateZ(50px);
 }
 
 .back {
-  background: rgba(0, 255, 0, 1);
+  background: rgb(0 255 0 / 100%);
   color: black;
   transform: rotateY(180deg) translateZ(50px);
 }
 
 .right {
-  background: rgba(196, 0, 0, 0.7);
+  background: rgb(196 0 0 / 70%);
   transform: rotateY(90deg) translateZ(50px);
 }
 
 .left {
-  background: rgba(0, 0, 196, 0.7);
+  background: rgb(0 0 196 / 70%);
   transform: rotateY(-90deg) translateZ(50px);
 }
 
 .top {
-  background: rgba(196, 196, 0, 0.7);
+  background: rgb(196 196 0 / 70%);
   transform: rotateX(90deg) translateZ(50px);
 }
 
 .bottom {
-  background: rgba(196, 0, 196, 0.7);
+  background: rgb(196 0 196 / 70%);
   transform: rotateX(-90deg) translateZ(50px);
 }
 
diff --git a/files/en-us/web/css/background-clip/index.md b/files/en-us/web/css/background-clip/index.md
index a9847bc9bcb898b..b0d0a52b3bcd436 100644
--- a/files/en-us/web/css/background-clip/index.md
+++ b/files/en-us/web/css/background-clip/index.md
@@ -102,7 +102,7 @@ p {
 .text {
   background-clip: text;
   -webkit-background-clip: text;
-  color: rgba(0, 0, 0, 0.2);
+  color: rgb(0 0 0 / 20%);
 }
 ```
 
diff --git a/files/en-us/web/css/background-color/index.md b/files/en-us/web/css/background-color/index.md
index 9791e0af94f75d1..2bb19463cfaf6d0 100644
--- a/files/en-us/web/css/background-color/index.md
+++ b/files/en-us/web/css/background-color/index.md
@@ -28,11 +28,11 @@ background-color: #1fef; /* Fully opaque shorthand */
 
 /* RGB value */
 background-color: rgb(255 255 128); /* Fully opaque */
-background-color: rgb(117 190 218 / 0.5); /* 50% transparent */
+background-color: rgb(117 190 218 / 50%); /* 50% transparent */
 
 /* HSL value */
 background-color: hsl(50 33% 25%); /* Fully opaque */
-background-color: hsl(50 33% 25% / 0.75); /* 75% opaque, i.e. 25% transparent */
+background-color: hsl(50 33% 25% / 75%); /* 75% opaque, i.e. 25% transparent */
 
 /* Special keyword values */
 background-color: currentcolor;
@@ -91,8 +91,8 @@ Color contrast ratio is determined by comparing the luminance of the text and ba
 }
 
 .exampletwo {
-  background-color: rgb(153, 102, 153);
-  color: rgb(255, 255, 204);
+  background-color: rgb(153 102 153);
+  color: rgb(255 255 204);
 }
 
 .examplethree {
diff --git a/files/en-us/web/css/background-image/index.md b/files/en-us/web/css/background-image/index.md
index 5da5b35a1025c14..824de652ad169a2 100644
--- a/files/en-us/web/css/background-image/index.md
+++ b/files/en-us/web/css/background-image/index.md
@@ -24,8 +24,8 @@ If a specified image cannot be drawn (for example, when the file denoted by the
 ```css
 background-image: linear-gradient(
     to bottom,
-    rgba(255, 255, 0, 0.5),
-    rgba(0, 0, 255, 0.5)
+    rgb(255 255 0 / 50%),
+    rgb(0 0 255 / 50%)
   ), url("catfront.png");
 
 /* Global values */
diff --git a/files/en-us/web/css/background-origin/index.md b/files/en-us/web/css/background-origin/index.md
index 17c0b1a22ecdeb7..bc2b2adfd148f1c 100644
--- a/files/en-us/web/css/background-origin/index.md
+++ b/files/en-us/web/css/background-origin/index.md
@@ -92,10 +92,10 @@ In this example the box has a thick dotted border. The first gradient uses the `
   color: #fff;
   background: linear-gradient(
       90deg,
-      rgba(131, 58, 180, 1) 0%,
-      rgba(253, 29, 29, 0.6) 60%,
-      rgba(252, 176, 69, 1) 100%
-    ), radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 28%);
+      rgb(131 58 180 / 100%) 0%,
+      rgb(253 29 29 / 60%) 60%,
+      rgb(252 176 69 / 100%) 100%
+    ), radial-gradient(circle, rgb(255 255 255 / 100%) 0%, rgb(0 0 0 / 100%) 28%);
   border: 20px dashed black;
   padding: 20px;
   width: 400px;
diff --git a/files/en-us/web/css/border-bottom-color/index.md b/files/en-us/web/css/border-bottom-color/index.md
index d0c16de00db38db..d34e02bb4c2a7da 100644
--- a/files/en-us/web/css/border-bottom-color/index.md
+++ b/files/en-us/web/css/border-bottom-color/index.md
@@ -17,8 +17,8 @@ The **`border-bottom-color`** CSS property sets the color of an element's bottom
 /* <color> values */
 border-bottom-color: red;
 border-bottom-color: #ffbb00;
-border-bottom-color: rgb(255, 0, 0);
-border-bottom-color: hsl(100deg 50% 25% / 0.75);
+border-bottom-color: rgb(255 0 0);
+border-bottom-color: hsl(100deg 50% 25% / 75%);
 border-bottom-color: currentcolor;
 border-bottom-color: transparent;
 
diff --git a/files/en-us/web/css/border-color/index.md b/files/en-us/web/css/border-color/index.md
index f573b919c722fa1..f3220c3f1e9d5ec 100644
--- a/files/en-us/web/css/border-color/index.md
+++ b/files/en-us/web/css/border-color/index.md
@@ -34,7 +34,7 @@ border-color: red;
 border-color: red #f015ca;
 
 /* top | left and right | bottom */
-border-color: red rgb(240, 30, 50, 0.7) green;
+border-color: red rgb(240 30 50 / 70%) green;
 
 /* top | right | bottom | left */
 border-color: red yellow green blue;
diff --git a/files/en-us/web/css/border-left-color/index.md b/files/en-us/web/css/border-left-color/index.md
index cd4e16874b66d65..7e59de6419e434a 100644
--- a/files/en-us/web/css/border-left-color/index.md
+++ b/files/en-us/web/css/border-left-color/index.md
@@ -18,7 +18,7 @@ The **`border-left-color`** CSS property sets the color of an element's left [bo
 border-left-color: red;
 border-left-color: #ffbb00;
 border-left-color: rgb(255 0 0);
-border-left-color: hsl(100deg 50% 25% / 0.75);
+border-left-color: hsl(100deg 50% 25% / 75%);
 border-left-color: currentcolor;
 border-left-color: transparent;
 
diff --git a/files/en-us/web/css/border-right-color/index.md b/files/en-us/web/css/border-right-color/index.md
index 7a83c7b954f954d..ba3c959f64095bc 100644
--- a/files/en-us/web/css/border-right-color/index.md
+++ b/files/en-us/web/css/border-right-color/index.md
@@ -18,7 +18,7 @@ The **`border-right-color`** CSS property sets the color of an element's right [
 border-right-color: red;
 border-right-color: #ffbb00;
 border-right-color: rgb(255 0 0);
-border-right-color: hsl(100deg 50% 25% / 0.75);
+border-right-color: hsl(100deg 50% 25% / 75%);
 border-right-color: currentcolor;
 border-right-color: transparent;
 
diff --git a/files/en-us/web/css/border-top-color/index.md b/files/en-us/web/css/border-top-color/index.md
index 7b35f7fb79ff9df..fdfc40bd2d722c2 100644
--- a/files/en-us/web/css/border-top-color/index.md
+++ b/files/en-us/web/css/border-top-color/index.md
@@ -18,7 +18,7 @@ The **`border-top-color`** CSS property sets the color of an element's top [bord
 border-top-color: red;
 border-top-color: #ffbb00;
 border-top-color: rgb(255 0 0);
-border-top-color: hsl(100deg 50% 25% / 0.75);
+border-top-color: hsl(100deg 50% 25% / 75%);
 border-top-color: currentcolor;
 border-top-color: transparent;
 
diff --git a/files/en-us/web/css/bottom/index.md b/files/en-us/web/css/bottom/index.md
index a92a5a7353c79e4..95e7e0860272c24 100644
--- a/files/en-us/web/css/bottom/index.md
+++ b/files/en-us/web/css/bottom/index.md
@@ -97,7 +97,7 @@ p {
 div {
   width: 48%;
   text-align: center;
-  background: rgba(55, 55, 55, 0.2);
+  background: rgb(55 55 55 / 20%);
   border: 1px solid blue;
 }
 
diff --git a/files/en-us/web/css/box-shadow/index.md b/files/en-us/web/css/box-shadow/index.md
index 43d7cb1a65c27f2..6877695148cfb0f 100644
--- a/files/en-us/web/css/box-shadow/index.md
+++ b/files/en-us/web/css/box-shadow/index.md
@@ -31,7 +31,7 @@ box-shadow: 10px 5px 5px black;
 
 /* Four length values and a color */
 /* <length> | <length> | <length> | <length> | <color> */
-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
+box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
 
 /* inset, length values, and a color */
 /* <inset> | <length> | <length> | <color> */
@@ -125,9 +125,9 @@ In this example, we include three shadows: an inset shadow, a regular drop shado
 blockquote {
   padding: 20px;
   box-shadow:
-    inset 0 -3em 3em rgba(0, 200, 0, 0.3),
+    inset 0 -3em 3em rgb(0 200 0 / 30%),
     0 0 0 2px white,
-    0.3em 0.3em 1em rgba(200, 0, 0, 0.6);
+    0.3em 0.3em 1em rgb(200 0 0 / 60%);
 }
 ```
 
diff --git a/files/en-us/web/css/caret-color/index.md b/files/en-us/web/css/caret-color/index.md
index 3646d4a5d3af642..d0e410c0bdc7552 100644
--- a/files/en-us/web/css/caret-color/index.md
+++ b/files/en-us/web/css/caret-color/index.md
@@ -25,7 +25,7 @@ caret-color: currentcolor;
 caret-color: red;
 caret-color: #5729e9;
 caret-color: rgb(0 200 0);
-caret-color: hsl(228deg 4% 24% / 0.8);
+caret-color: hsl(228deg 4% 24% / 80%);
 
 /* Global values */
 caret-color: inherit;
diff --git a/files/en-us/web/css/color/index.md b/files/en-us/web/css/color/index.md
index f30957b14b05768..3894deb8db04532 100644
--- a/files/en-us/web/css/color/index.md
+++ b/files/en-us/web/css/color/index.md
@@ -108,13 +108,13 @@ p {
   color: #ff0000;
 }
 p {
-  color: rgb(255, 0, 0);
+  color: rgb(255 0 0);
 }
 p {
-  color: rgb(100%, 0%, 0%);
+  color: rgb(100% 0% 0%);
 }
 p {
-  color: hsl(0, 100%, 50%);
+  color: hsl(0 100% 50%);
 }
 
 /* 50% translucent */
@@ -122,10 +122,10 @@ p {
   color: #ff000080;
 }
 p {
-  color: rgba(255, 0, 0, 0.5);
+  color: rgb(255 0 0 / 50%);
 }
 p {
-  color: hsla(0, 100%, 50%, 0.5);
+  color: hsl(0 100% 50% / 50%);
 }
 ```
 
diff --git a/files/en-us/web/css/color_value/hsl/index.md b/files/en-us/web/css/color_value/hsl/index.md
index f9e3965c86be80f..60f284917b7459a 100644
--- a/files/en-us/web/css/color_value/hsl/index.md
+++ b/files/en-us/web/css/color_value/hsl/index.md
@@ -19,7 +19,7 @@ Defining _complementary colors_ with `hsl()` can be done with a single formula,
 
 ```css
 hsl(120deg 75% 25%)
-hsl(120deg 75% 25% / 0.6)
+hsl(120deg 75% 25% / 60%)
 ```
 
 The function also accepts a legacy syntax in which all values are separated with commas.
@@ -105,7 +105,7 @@ div.space-separated {
 }
 
 div.comma-separated {
-  background-color: hsl(0, 100%, 50%, 50%);
+  background-color: hsl(0, 100%, 50%, 0.5);
 }
 ```
 
@@ -138,7 +138,7 @@ div.hsl {
 }
 
 div.hsla {
-  background-color: hsla(0, 100%, 50%, 50%);
+  background-color: hsla(0, 100%, 50%, 0.5);
 }
 ```
 
diff --git a/files/en-us/web/css/color_value/index.md b/files/en-us/web/css/color_value/index.md
index 44a22352eab90af..c1e7a1e5411f129 100644
--- a/files/en-us/web/css/color_value/index.md
+++ b/files/en-us/web/css/color_value/index.md
@@ -29,7 +29,7 @@ rgb(255 0 153 / 80%)
 
 /* HSL (Hue, Saturation, Lightness) */
 hsl(150 30% 60%)
-hsl(150 30% 60% / 0.8)
+hsl(150 30% 60% / 80%)
 
 /* HWB (Hue, Whiteness, Blackness) */
 hwb(12 50% 0%)
diff --git a/files/en-us/web/css/color_value/rgb/index.md b/files/en-us/web/css/color_value/rgb/index.md
index 1abcd022ee10773..43439ef147c12d9 100644
--- a/files/en-us/web/css/color_value/rgb/index.md
+++ b/files/en-us/web/css/color_value/rgb/index.md
@@ -17,7 +17,7 @@ The **`rgb()`** functional notation expresses a color according to its red, gree
 
 ```css
 rgb(255 255 255)
-rgb(255 255 255 / .5)
+rgb(255 255 255 / 50%)
 ```
 
 The function also accepts a legacy syntax in which all values are separated with commas.
@@ -62,7 +62,7 @@ div {
 }
 
 div.space-separated {
-  background-color: rgb(255 0 0 / 0.5);
+  background-color: rgb(255 0 0 / 50%);
 }
 
 div.comma-separated {
@@ -95,7 +95,7 @@ div {
 }
 
 div.rgb {
-  background-color: rgb(255 0 0 / 0.5);
+  background-color: rgb(255 0 0 / 50%);
 }
 
 div.rgba {
diff --git a/files/en-us/web/css/column-rule-color/index.md b/files/en-us/web/css/column-rule-color/index.md
index 1a26dcc66ecbdca..f5fc7181483e1ec 100644
--- a/files/en-us/web/css/column-rule-color/index.md
+++ b/files/en-us/web/css/column-rule-color/index.md
@@ -18,7 +18,7 @@ The **`column-rule-color`** [CSS](/en-US/docs/Web/CSS) property sets the color o
 column-rule-color: red;
 column-rule-color: rgb(192 56 78);
 column-rule-color: transparent;
-column-rule-color: hsl(0 100% 50% / 0.6);
+column-rule-color: hsl(0 100% 50% / 60%);
 
 /* Global values */
 column-rule-color: inherit;
diff --git a/files/en-us/web/css/content-visibility/index.md b/files/en-us/web/css/content-visibility/index.md
index 2bd9ad0ca6af873..a1fc37961f4a70b 100644
--- a/files/en-us/web/css/content-visibility/index.md
+++ b/files/en-us/web/css/content-visibility/index.md
@@ -216,24 +216,24 @@ div {
 @keyframes show {
   0% {
     content-visibility: hidden;
-    color: rgb(0 0 0 / 0);
+    color: rgb(0 0 0 / 0%);
   }
 
   100% {
     content-visibility: visible;
-    color: rgb(0 0 0 / 1);
+    color: rgb(0 0 0 / 100%);
   }
 }
 
 @keyframes hide {
   0% {
     content-visibility: visible;
-    color: rgb(0 0 0 / 1);
+    color: rgb(0 0 0 / 100%);
   }
 
   100% {
     content-visibility: hidden;
-    color: rgb(0 0 0 / 0);
+    color: rgb(0 0 0 / 0%);
   }
 }
 ```
diff --git a/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md b/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md
index 818ff5a10843757..03a3c2c9cc4ddaa 100644
--- a/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md
+++ b/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md
@@ -37,7 +37,8 @@ In this example, three backgrounds are stacked: the Firefox logo, an image of bu
 .multi-bg-example {
   width: 100%;
   height: 400px;
-  background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0));
+  background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgb(30
+          75 115 / 100%), rgb(255 255 255 / 0%));
   background-repeat: no-repeat, no-repeat, no-repeat;
   background-position:
     bottom right,
diff --git a/files/en-us/web/css/css_colors/applying_color/index.md b/files/en-us/web/css/css_colors/applying_color/index.md
index d91635c88ac0cfe..746477aa8a57a47 100644
--- a/files/en-us/web/css/css_colors/applying_color/index.md
+++ b/files/en-us/web/css/css_colors/applying_color/index.md
@@ -118,9 +118,9 @@ Legal values for each of these parameters are:
 - `red`, `green`, and `blue`
   - : Each must be an {{cssxref("&lt;integer&gt;")}} value between 0 and 255 (inclusive), or a {{cssxref("&lt;percentage&gt;")}} from 0% to 100%.
 - `alpha`
-  - : The alpha channel is a number between 0.0 (fully transparent) and 1.0 (fully opaque). You can also specify a percentage where 0% is the same as 0.0 and 100% is the same as 1.0.
+  - : The alpha channel is specified as a percentage between 0% (fully transparent) and 100% (fully opaque), or a number between 0.0 (equivalent to 0%) and 1.0 (equivalent to 100%).
 
-For example, a bright red that's 50% opaque can be represented as `rgb(255, 0, 0, 0.5)` or `rgb(100%, 0, 0, 50%)`.
+For example, a bright red that's 50% opaque can be represented as `rgb(255 0 0 / 50%)` or `rgb(100% 0 0 / 0.5)`.
 
 ### Color functions with a hue component
 
@@ -387,7 +387,7 @@ For example, if we wanted to show the `display-p3 0 0 1` color, which is outside
 ```css
 .vibrant {
   background-color: color(display-p3 0 0 1);
-  /* Equivalent to out-of-gamut rgb(-27, 55, 153) */
+  /* Equivalent to out-of-gamut rgb(-27 55 153) */
 }
 
 @media (color-gamut: p3) {
@@ -469,14 +469,14 @@ In brief, `.box` establishes the size of each box, as well as the configuration
 ```css
 .boxLeft {
   float: left;
-  background-color: rgb(245, 130, 130);
+  background-color: rgb(245 130 130);
   outline: 2px solid darkred;
 }
 ```
 
 The `.boxLeft` class—which, cleverly, is used to style the box on the left—floats the box to the left, then sets up the colors:
 
-- The box's background color is set by changing the value of the CSS {{cssxref("background-color")}} property to `rgb(245, 130, 130)`.
+- The box's background color is set by changing the value of the CSS {{cssxref("background-color")}} property to `rgb(245 130 130)`.
 - An outline is defined for the box. Unlike the more commonly used `border`, {{cssxref("outline")}} doesn't affect layout at all; it draws over the top of whatever may happen to be outside the element's box instead of making room as `border` does. This outline is a solid, dark red line that's two pixels thick. Note the use of the `darkred` keyword when specifying the color.
 - Notice that we're not explicitly setting the text color. That means the value of {{cssxref("color")}} will be inherited from the nearest containing element that defines it. By default, that's black.
 
@@ -484,7 +484,7 @@ The `.boxLeft` class—which, cleverly, is used to style the box on the left—f
 .boxRight {
   float: right;
   background-color: hsl(270deg, 50%, 75%);
-  outline: 4px dashed rgb(110, 20, 120);
+  outline: 4px dashed rgb(110 20 120);
   color: hsl(0deg, 100%, 100%);
   text-decoration: underline wavy #88ff88;
   text-shadow: 2px 2px 3px black;
@@ -496,7 +496,7 @@ The `.boxLeft` class—which, cleverly, is used to style the box on the left—f
 Finally, the `.boxRight` class describes the unique properties of the box that's drawn on the right. It's configured to float the box to the right so that it appears next to the previous box. Then the following colors are established:
 
 - The `background-color` is set using the HSL value specified using `hsl(270deg, 50%, 75%)`. This is a medium purple color.
-- The box's `outline` is used to specify that the box should be enclosed in a four pixel thick dashed line whose color is a somewhat deeper purple (`rgb(110, 20, 120)`).
+- The box's `outline` is used to specify that the box should be enclosed in a four pixel thick dashed line whose color is a somewhat deeper purple (`rgb(110 20 120)`).
 - The foreground (text) color is specified by setting the {{cssxref("color")}} property to `hsl(0deg, 100%, 100%)`. This is one of many ways to specify the color white.
 - We add a green wavy line under the text with {{cssxref("text-decoration")}}.
 - Finally, a bit of a shadow is added to the text using {{cssxref("text-shadow")}}. Its `color` parameter is set to `black`.
@@ -535,7 +535,7 @@ The CSS establishes a size for the box and some basic styling for appearances. T
 #box {
   width: 500px;
   height: 200px;
-  border: 2px solid rgb(245, 220, 225);
+  border: 2px solid rgb(245 220 225);
   padding: 4px 6px;
   font:
     16px "Lucida Grande",
diff --git a/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md b/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md
index 3c77988021dfe2e..6d14c47211ccf13 100644
--- a/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md
+++ b/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md
@@ -122,7 +122,7 @@ This example applies two filters — [`hue-rotate()`](/en-US/docs/Web/CSS/filter
 }
 p {
   backdrop-filter: hue-rotate(240deg) blur(5px);
-  background-color: rgb(255 255 255 / 0.1);
+  background-color: rgb(255 255 255 / 10%);
   text-shadow: 2px 2px black;
 }
 ```
diff --git a/files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/index.md b/files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/index.md
index 01621dd2f18ec54..77b773f7d625adc 100644
--- a/files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/index.md
+++ b/files/en-us/web/css/css_grid_layout/grid_layout_using_named_grid_lines/index.md
@@ -214,9 +214,9 @@ To position `overlay` using these implicit named lines is the same as positionin
   z-index: 10;
   grid-column: main-start / main-end;
   grid-row: hd-start / ft-end;
-  border: 4px solid rgb(92, 148, 13);
-  background-color: rgba(92, 148, 13, 0.4);
-  color: rgb(92, 148, 13);
+  border: 4px solid rgb(92 148 13);
+  background-color: rgb(92 148 13 / 40%);
+  color: rgb(92 148 13);
   font-size: 150%;
 }
 ```
diff --git a/files/en-us/web/css/css_grid_layout/index.md b/files/en-us/web/css/css_grid_layout/index.md
index 56f4798690d52e8..8b6b66298225a25 100644
--- a/files/en-us/web/css/css_grid_layout/index.md
+++ b/files/en-us/web/css/css_grid_layout/index.md
@@ -27,7 +27,7 @@ The example below shows a three-column track grid with new rows created at a min
 .wrapper > div {
   border: 2px solid rgb(233 171 88);
   border-radius: 5px;
-  background-color: rgba(233 171 88 / 0.5);
+  background-color: rgb(233 171 88 / 50%);
   padding: 1em;
   color: #d9480f;
 }
diff --git a/files/en-us/web/css/css_grid_layout/relationship_of_grid_layout_with_other_layout_methods/index.md b/files/en-us/web/css/css_grid_layout/relationship_of_grid_layout_with_other_layout_methods/index.md
index 2fbcacff051e99d..c29d8e37d74b061 100644
--- a/files/en-us/web/css/css_grid_layout/relationship_of_grid_layout_with_other_layout_methods/index.md
+++ b/files/en-us/web/css/css_grid_layout/relationship_of_grid_layout_with_other_layout_methods/index.md
@@ -456,8 +456,8 @@ I have given `.box3` position relative and then positioned the sub-item with the
   position: absolute;
   top: 40px;
   left: 40px;
-  background-color: rgba(255, 255, 255, 0.5);
-  border: 1px solid rgba(0, 0, 0, 0.5);
+  background-color: rgb(255 255 255 / 50%);
+  border: 1px solid rgb(0 0 0 / 50%);
   color: #000;
   padding: 10px;
 }
diff --git a/files/en-us/web/css/css_images/using_css_gradients/index.md b/files/en-us/web/css/css_images/using_css_gradients/index.md
index c9bb15bbae5cdde..9473daaa0f2db34 100644
--- a/files/en-us/web/css/css_images/using_css_gradients/index.md
+++ b/files/en-us/web/css/css_images/using_css_gradients/index.md
@@ -353,10 +353,10 @@ div {
 .stacked-linear {
   background: linear-gradient(
       217deg,
-      rgba(255, 0, 0, 0.8),
-      rgba(255, 0, 0, 0) 70.71%
-    ), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%),
-    linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%);
+      rgb(255 0 0 / 80%),
+      rgb(255 0 0 / 0%) 70.71%
+    ), linear-gradient(127deg, rgb(0 255 0 / 80%), rgb(0 255 0 / 0%) 70.71%),
+    linear-gradient(336deg, rgb(0 0 255 / 80%), rgb(0 0 255 / 0%) 70.71%);
 }
 ```
 
@@ -598,18 +598,18 @@ div {
   background:
     radial-gradient(
       circle at 50% 0,
-      rgba(255, 0, 0, 0.5),
-      rgba(255, 0, 0, 0) 70.71%
+      rgb(255 0 0 / 50%),
+      rgb(255 0 0 / 0%) 70.71%
     ),
     radial-gradient(
       circle at 6.7% 75%,
-      rgba(0, 0, 255, 0.5),
-      rgba(0, 0, 255, 0) 70.71%
+      rgb(0 0 255 / 50%),
+      rgb(0 0 255 / 0%) 70.71%
     ),
     radial-gradient(
         circle at 93.3% 75%,
-        rgba(0, 255, 0, 0.5),
-        rgba(0, 255, 0, 0) 70.71%
+        rgb(0 255 0 / 50%),
+        rgb(0 255 0 / 0%) 70.71%
       ) beige;
   border-radius: 50%;
 }
@@ -750,24 +750,24 @@ div {
 .multi-repeating-linear {
   background: repeating-linear-gradient(
       190deg,
-      rgba(255, 0, 0, 0.5) 40px,
-      rgba(255, 153, 0, 0.5) 80px,
-      rgba(255, 255, 0, 0.5) 120px,
-      rgba(0, 255, 0, 0.5) 160px,
-      rgba(0, 0, 255, 0.5) 200px,
-      rgba(75, 0, 130, 0.5) 240px,
-      rgba(238, 130, 238, 0.5) 280px,
-      rgba(255, 0, 0, 0.5) 300px
+      rgb(255 0 0 / 50%) 40px,
+      rgb(255 153 0 / 50%) 80px,
+      rgb(255 255 0 / 50%) 120px,
+      rgb(0 255 0 / 50%) 160px,
+      rgb(0 0 255 / 50%) 200px,
+      rgb(75 0 130 / 50%) 240px,
+      rgb(238 130 238 / 50%) 280px,
+      rgb(255 0 0 / 50%) 300px
     ), repeating-linear-gradient(
       -190deg,
-      rgba(255, 0, 0, 0.5) 30px,
-      rgba(255, 153, 0, 0.5) 60px,
-      rgba(255, 255, 0, 0.5) 90px,
-      rgba(0, 255, 0, 0.5) 120px,
-      rgba(0, 0, 255, 0.5) 150px,
-      rgba(75, 0, 130, 0.5) 180px,
-      rgba(238, 130, 238, 0.5) 210px,
-      rgba(255, 0, 0, 0.5) 230px
+      rgb(255 0 0 / 50%) 30px,
+      rgb(255 153 0 / 50%) 60px,
+      rgb(255 255 0 / 50%) 90px,
+      rgb(0 255 0 / 50%) 120px,
+      rgb(0 0 255 / 50%) 150px,
+      rgb(75 0 130 / 50%) 180px,
+      rgb(238 130 238 / 50%) 210px,
+      rgb(255 0 0 / 50%) 230px
     ), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green
         200px, blue 250px, indigo 300px, violet 350px, red 370px);
 }
diff --git a/files/en-us/web/css/css_transforms/using_css_transforms/index.md b/files/en-us/web/css/css_transforms/using_css_transforms/index.md
index dfcbbe81749bd84..83a29ee09b4b33d 100644
--- a/files/en-us/web/css/css_transforms/using_css_transforms/index.md
+++ b/files/en-us/web/css/css_transforms/using_css_transforms/index.md
@@ -191,33 +191,33 @@ The CSS establishes classes that can be used to set the perspective to different
 
 /* Define each face based on direction */
 .front {
-  background: rgba(0, 0, 0, 0.3);
+  background: rgb(0 0 0 / 30%);
   transform: translateZ(50px);
 }
 
 .back {
-  background: rgba(0, 255, 0, 1);
+  background: rgb(0 255 0 / 100%);
   color: black;
   transform: rotateY(180deg) translateZ(50px);
 }
 
 .right {
-  background: rgba(196, 0, 0, 0.7);
+  background: rgb(196 0 0 / 70%);
   transform: rotateY(90deg) translateZ(50px);
 }
 
 .left {
-  background: rgba(0, 0, 196, 0.7);
+  background: rgb(0 0 196 / 70%);
   transform: rotateY(-90deg) translateZ(50px);
 }
 
 .top {
-  background: rgba(196, 196, 0, 0.7);
+  background: rgb(196 196 0 / 70%);
   transform: rotateX(90deg) translateZ(50px);
 }
 
 .bottom {
-  background: rgba(196, 0, 196, 0.7);
+  background: rgb(196 0 196 / 70%);
   transform: rotateX(-90deg) translateZ(50px);
 }
 
@@ -488,28 +488,28 @@ This example shows cubes with popular `perspective-origin` values.
 
 /* Define each face based on direction */
 .front {
-  background: rgba(0, 0, 0, 0.3);
+  background: rgb(0 0 0 / 30%);
   transform: translateZ(50px);
 }
 .back {
-  background: rgba(0, 255, 0, 1);
+  background: rgb(0 255 0 / 100%);
   color: black;
   transform: rotateY(180deg) translateZ(50px);
 }
 .right {
-  background: rgba(196, 0, 0, 0.7);
+  background: rgb(196 0 0 / 70%);
   transform: rotateY(90deg) translateZ(50px);
 }
 .left {
-  background: rgba(0, 0, 196, 0.7);
+  background: rgb(0 0 196 / 70%);
   transform: rotateY(-90deg) translateZ(50px);
 }
 .top {
-  background: rgba(196, 196, 0, 0.7);
+  background: rgb(196 196 0 / 70%);
   transform: rotateX(90deg) translateZ(50px);
 }
 .bottom {
-  background: rgba(196, 0, 196, 0.7);
+  background: rgb(196 0 196 / 70%);
   transform: rotateX(-90deg) translateZ(50px);
 }
 
diff --git a/files/en-us/web/css/easing-function/index.md b/files/en-us/web/css/easing-function/index.md
index a8fe661635db476..7c0d20325bfced1 100644
--- a/files/en-us/web/css/easing-function/index.md
+++ b/files/en-us/web/css/easing-function/index.md
@@ -206,8 +206,8 @@ div > div {
   background-color: blue;
   background-image: radial-gradient(
     circle at 10px 10px,
-    rgba(25, 255, 255, 0.8),
-    rgba(25, 255, 255, 0.4)
+    rgb(25 255 255 / 80%),
+    rgb(25 255 255 / 40%)
   );
   border-radius: 50%;
   top: 25px;
diff --git a/files/en-us/web/css/flex-grow/index.md b/files/en-us/web/css/flex-grow/index.md
index 64712cae94a3274..62a68a3c7d0f1d3 100644
--- a/files/en-us/web/css/flex-grow/index.md
+++ b/files/en-us/web/css/flex-grow/index.md
@@ -87,12 +87,12 @@ In this example, there is a total of 8 growth factors distributed among the 6 fl
 
 .small {
   flex-grow: 1;
-  border: 3px solid rgba(0, 0, 0, 0.2);
+  border: 3px solid rgb(0 0 0 / 20%);
 }
 
 .double {
   flex-grow: 2;
-  border: 3px solid rgba(0, 0, 0, 0.2);
+  border: 3px solid rgb(0 0 0 / 20%);
 }
 ```
 
diff --git a/files/en-us/web/css/flex-shrink/index.md b/files/en-us/web/css/flex-shrink/index.md
index 9c4eeae55653703..3e8d5b113ea762b 100644
--- a/files/en-us/web/css/flex-shrink/index.md
+++ b/files/en-us/web/css/flex-shrink/index.md
@@ -72,7 +72,7 @@ The `flex-shrink` property is specified as a single `<number>`.
 
 #content div {
   flex-basis: 120px;
-  border: 3px solid rgba(0, 0, 0, 0.2);
+  border: 3px solid rgb(0 0 0 / 20%);
 }
 
 .box {
diff --git a/files/en-us/web/css/gradient/index.md b/files/en-us/web/css/gradient/index.md
index 711efc9b35906b6..14e8ad6877e5eef 100644
--- a/files/en-us/web/css/gradient/index.md
+++ b/files/en-us/web/css/gradient/index.md
@@ -92,7 +92,7 @@ div {
 
 ```css
 .radial-gradient {
-  background: radial-gradient(red, yellow, rgb(30, 144, 255));
+  background: radial-gradient(red, yellow, rgb(30 144 255));
 }
 ```
 
diff --git a/files/en-us/web/css/gradient/repeating-linear-gradient/index.md b/files/en-us/web/css/gradient/repeating-linear-gradient/index.md
index d0b5de25504efae..5bd8cbcc4617bb2 100644
--- a/files/en-us/web/css/gradient/repeating-linear-gradient/index.md
+++ b/files/en-us/web/css/gradient/repeating-linear-gradient/index.md
@@ -114,9 +114,9 @@ body {
 body {
   background-image: repeating-linear-gradient(
     to bottom,
-    rgb(26, 198, 204),
-    rgb(26, 198, 204) 7%,
-    rgb(100, 100, 100) 10%
+    rgb(26 198 204),
+    rgb(26 198 204) 7%,
+    rgb(100 100 100) 10%
   );
 }
 ```
diff --git a/files/en-us/web/css/hue/index.md b/files/en-us/web/css/hue/index.md
index c92a83d1b0cd484..e99092c44acbce0 100644
--- a/files/en-us/web/css/hue/index.md
+++ b/files/en-us/web/css/hue/index.md
@@ -155,7 +155,7 @@ p {
 }
 span {
   font-family: monospace;
-  background: rgb(0 0 0 / 0.1);
+  background: rgb(0 0 0 / 10%);
   padding: 3px;
 }
 #hue-slider {
diff --git a/files/en-us/web/css/image/image/index.md b/files/en-us/web/css/image/image/index.md
index f4352c72d9bc2c2..1f1ac86b803e18d 100644
--- a/files/en-us/web/css/image/image/index.md
+++ b/files/en-us/web/css/image/image/index.md
@@ -116,7 +116,7 @@ When the user hovers over the box, the cursor will change to display the 16x16 p
 
 ```css
 .quarterlogo {
-  background-image: image(rgba(0, 0, 0, 0.25)), url("firefox.png");
+  background-image: image(rgb(0 0 0 / 25%)), url("firefox.png");
   background-size: 25%;
   background-repeat: no-repeat;
 }
diff --git a/files/en-us/web/css/image/paint/index.md b/files/en-us/web/css/image/paint/index.md
index e8a04aaba895793..5d87bf15612eafd 100644
--- a/files/en-us/web/css/image/paint/index.md
+++ b/files/en-us/web/css/image/paint/index.md
@@ -37,14 +37,14 @@ CSS.paintWorklet.addModule("boxbg.js");
 ```css
 li {
   background-image: paint(boxbg);
-  --boxColor: hsl(55 90% 60% / 1);
+  --boxColor: hsl(55 90% 60% / 100%);
 }
 li:nth-of-type(3n) {
-  --boxColor: hsl(155 90% 60% / 1);
+  --boxColor: hsl(155 90% 60% / 100%);
   --widthSubtractor: 20;
 }
 li:nth-of-type(3n + 1) {
-  --boxColor: hsl(255 90% 60% / 1);
+  --boxColor: hsl(255 90% 60% / 100%);
   --widthSubtractor: 40;
 }
 ```
diff --git a/files/en-us/web/css/length/index.md b/files/en-us/web/css/length/index.md
index 82d32c7cf1a099e..f4bdc389c15ccea 100644
--- a/files/en-us/web/css/length/index.md
+++ b/files/en-us/web/css/length/index.md
@@ -229,15 +229,15 @@ html {
   height: 50px;
   background-color: #999;
   box-shadow:
-    inset 3px 3px 5px rgb(255 255 255 / 0.5),
-    inset -3px -3px 5px rgb(0 0 0 / 0.5);
+    inset 3px 3px 5px rgb(255 255 255 / 50%),
+    inset -3px -3px 5px rgb(0 0 0 / 50%);
 }
 
 .result {
   height: 20px;
   box-shadow:
-    inset 3px 3px 5px rgba(255 255 255 / 0.5),
-    inset -3px -3px 5px rgb(0 0 0 / 0.5);
+    inset 3px 3px 5px rgb(255 255 255 / 50%),
+    inset -3px -3px 5px rgb(0 0 0 / 50%);
   background-color: orange;
   display: flex;
   align-items: center;
diff --git a/files/en-us/web/css/mask-image/index.md b/files/en-us/web/css/mask-image/index.md
index 9445ad87d4abdfa..e254b7273d21fd9 100644
--- a/files/en-us/web/css/mask-image/index.md
+++ b/files/en-us/web/css/mask-image/index.md
@@ -20,11 +20,11 @@ mask-image: none;
 mask-image: url(masks.svg#mask1);
 
 /* <image> values */
-mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent);
+mask-image: linear-gradient(rgb(0 0 0 / 100%), transparent);
 mask-image: image(url(mask.png), skyblue);
 
 /* Multiple values */
-mask-image: image(url(mask.png), skyblue), linear-gradient(rgba(0, 0, 0, 1), transparent);
+mask-image: image(url(mask.png), skyblue), linear-gradient(rgb(0 0 0 / 100%), transparent);
 
 /* Global values */
 mask-image: inherit;
diff --git a/files/en-us/web/css/mask-type/index.md b/files/en-us/web/css/mask-type/index.md
index d12ac7d3da7fb9c..dc3f176a51d9c04 100644
--- a/files/en-us/web/css/mask-type/index.md
+++ b/files/en-us/web/css/mask-type/index.md
@@ -77,7 +77,7 @@ The `mask-type` property is specified as one of the keyword values listed below.
 .redsquare {
   height: 100px;
   width: 100px;
-  background-color: rgb(128, 128, 128);
+  background-color: rgb(128 128 128);
   border: solid 1px black;
   mask: url("#m");
 }
@@ -122,7 +122,7 @@ The `mask-type` property is specified as one of the keyword values listed below.
 .redsquare {
   height: 100px;
   width: 100px;
-  background-color: rgb(128, 128, 128);
+  background-color: rgb(128 128 128);
   border: solid 1px black;
   mask: url("#m");
 }
diff --git a/files/en-us/web/css/named-color/index.md b/files/en-us/web/css/named-color/index.md
index 2ff58d897f4913b..0b8ca97203ea259 100644
--- a/files/en-us/web/css/named-color/index.md
+++ b/files/en-us/web/css/named-color/index.md
@@ -893,7 +893,7 @@ In [CSS Colors Level 4](https://www.w3.org/TR/css-color-4/#named-colors), an add
 
 ### transparent
 
-The `transparent` keyword represents a fully transparent color. This makes the background behind the colored item completely visible. Technically, `transparent` is a shortcut for `rgba(0,0,0,0)`.
+The `transparent` keyword represents a fully transparent color. This makes the background behind the colored item completely visible. Technically, `transparent` is a shortcut for `rgb(0 0 0 / 0%)`.
 
 To prevent unexpected behavior, such as in a {{cssxref("gradient")}}, the current CSS spec states that `transparent` should be calculated in the [alpha-premultiplied color space](https://www.w3.org/TR/css-color-4/#interpolation-alpha). However, be aware that older browsers may treat it as black with an alpha value of `0`.
 
diff --git a/files/en-us/web/css/opacity/index.md b/files/en-us/web/css/opacity/index.md
index 1f8e4ea55507554..c7fd085a29d1e29 100644
--- a/files/en-us/web/css/opacity/index.md
+++ b/files/en-us/web/css/opacity/index.md
@@ -48,7 +48,7 @@ When `opacity` value is set to `0`, the element and all of its children are not
 To change the opacity of a background only, use the {{cssxref("background")}} property with a {{cssxref("color_value", "color value")}} that allows for an alpha channel. For example:
 
 ```css
-background: rgba(0, 0, 0, 0.4);
+background: rgb(0 0 0 / 40%);
 ```
 
 ## Accessibility concerns
@@ -143,7 +143,7 @@ img.opacity:hover {
   background-image: linear-gradient(
     90deg,
     transparent 50%,
-    rgba(255, 255, 255, 0.5) 50%
+    rgb(255 255 255 / 50%) 50%
   );
   background-size: 20px 20px;
 }
diff --git a/files/en-us/web/css/outline-color/index.md b/files/en-us/web/css/outline-color/index.md
index 666a935ec8ceb30..0b1e113abfcc2db 100644
--- a/files/en-us/web/css/outline-color/index.md
+++ b/files/en-us/web/css/outline-color/index.md
@@ -16,7 +16,7 @@ The **`outline-color`** CSS property sets the color of an element's outline.
 ```css
 /* <color> values */
 outline-color: #f92525;
-outline-color: rgb(30, 222, 121);
+outline-color: rgb(30 222 121);
 outline-color: blue;
 
 /* Keyword value */
diff --git a/files/en-us/web/css/overlay/index.md b/files/en-us/web/css/overlay/index.md
index 488e31da9b09e43..9f95147a0f1eaf2 100644
--- a/files/en-us/web/css/overlay/index.md
+++ b/files/en-us/web/css/overlay/index.md
@@ -103,7 +103,7 @@ html {
 /* Transition for the popover's backdrop */
 
 [popover]::backdrop {
-  background-color: rgb(0 0 0 / 0);
+  background-color: rgb(0 0 0 / 0%);
   transition:
     display 0.7s allow-discrete,
     overlay 0.7s allow-discrete,
@@ -113,7 +113,7 @@ html {
 }
 
 [popover]:popover-open::backdrop {
-  background-color: rgb(0 0 0 / 0.25);
+  background-color: rgb(0 0 0 / 25%);
 }
 
 /* Nesting selectors (&) cannot represent pseudo-elements, so this 
@@ -121,7 +121,7 @@ html {
 
 @starting-style {
   [popover]:popover-open::backdrop {
-    background-color: rgb(0 0 0 / 0);
+    background-color: rgb(0 0 0 / 0%);
   }
 }
 ```
diff --git a/files/en-us/web/css/overscroll-behavior-block/index.md b/files/en-us/web/css/overscroll-behavior-block/index.md
index ead4ca56b550127..6491a32ddd7810e 100644
--- a/files/en-us/web/css/overscroll-behavior-block/index.md
+++ b/files/en-us/web/css/overscroll-behavior-block/index.md
@@ -79,9 +79,9 @@ main {
   background-color: white;
   background-image: repeating-linear-gradient(
     to bottom,
-    rgba(0, 0, 0, 0) 0px,
-    rgba(0, 0, 0, 0) 19px,
-    rgba(0, 0, 0, 0.5) 20px
+    rgb(0 0 0 / 0%) 0px,
+    rgb(0 0 0 / 0%) 19px,
+    rgb(0 0 0 / 50%) 20px
   );
 }
 
@@ -101,15 +101,15 @@ div > div {
   background-color: yellow;
   background-image: repeating-linear-gradient(
     to bottom,
-    rgba(0, 0, 0, 0) 0px,
-    rgba(0, 0, 0, 0) 19px,
-    rgba(0, 0, 0, 0.5) 20px
+    rgb(0 0 0 / 0%) 0px,
+    rgb(0 0 0 / 0%) 19px,
+    rgb(0 0 0 / 50%) 20px
   );
 }
 
 p {
   padding: 10px;
-  background-color: rgba(255, 0, 0, 0.5);
+  background-color: rgb(255 0 0 / 50%);
   margin: 0;
   width: 340px;
   position: relative;
diff --git a/files/en-us/web/css/overscroll-behavior-inline/index.md b/files/en-us/web/css/overscroll-behavior-inline/index.md
index e85287e888e0139..a9d2c5427692b6e 100644
--- a/files/en-us/web/css/overscroll-behavior-inline/index.md
+++ b/files/en-us/web/css/overscroll-behavior-inline/index.md
@@ -79,9 +79,9 @@ main {
   background-color: white;
   background-image: repeating-linear-gradient(
     to right,
-    rgba(0, 0, 0, 0) 0px,
-    rgba(0, 0, 0, 0) 19px,
-    rgba(0, 0, 0, 0.5) 20px
+    rgb(0 0 0 / 0%) 0px,
+    rgb(0 0 0 / 0%) 19px,
+    rgb(0 0 0 / 50%) 20px
   );
 }
 
@@ -101,15 +101,15 @@ div > div {
   background-color: yellow;
   background-image: repeating-linear-gradient(
     to right,
-    rgba(0, 0, 0, 0) 0px,
-    rgba(0, 0, 0, 0) 19px,
-    rgba(0, 0, 0, 0.5) 20px
+    rgb(0 0 0 / 0%) 0px,
+    rgb(0 0 0 / 0%) 19px,
+    rgb(0 0 0 / 50%) 20px
   );
 }
 
 p {
   padding: 10px;
-  background-color: rgba(255, 0, 0, 0.5);
+  background-color: rgb(255 0 0 / 50%);
   margin: 0;
   width: 360px;
   position: relative;
diff --git a/files/en-us/web/css/print-color-adjust/index.md b/files/en-us/web/css/print-color-adjust/index.md
index d3d58629b5b66ad..f2fb35932391e43 100644
--- a/files/en-us/web/css/print-color-adjust/index.md
+++ b/files/en-us/web/css/print-color-adjust/index.md
@@ -70,10 +70,7 @@ For whatever reason, this is the desired appearance in any rendering environment
 ```css
 .my-box {
   background-color: black;
-  background-image: linear-gradient(
-    rgba(0, 0, 180, 0.5),
-    rgba(70, 140, 220, 0.5)
-  );
+  background-image: linear-gradient(rgb(0 0 180 / 50%), rgb(70 140 220 / 50%));
   color: #900;
   width: 15rem;
   height: 6rem;
diff --git a/files/en-us/web/css/text-decoration-color/index.md b/files/en-us/web/css/text-decoration-color/index.md
index 0f935d77b23183c..b9042f34f3e612f 100644
--- a/files/en-us/web/css/text-decoration-color/index.md
+++ b/files/en-us/web/css/text-decoration-color/index.md
@@ -22,7 +22,7 @@ CSS does not provide a direct mechanism for specifying a unique color for each l
 text-decoration-color: currentcolor;
 text-decoration-color: red;
 text-decoration-color: #00ff00;
-text-decoration-color: rgba(255, 128, 128, 0.5);
+text-decoration-color: rgb(255 128 128 / 50%);
 text-decoration-color: transparent;
 
 /* Global values */
diff --git a/files/en-us/web/css/text-emphasis-color/index.md b/files/en-us/web/css/text-emphasis-color/index.md
index 60c83db3626abf9..3157561b73d6c08 100644
--- a/files/en-us/web/css/text-emphasis-color/index.md
+++ b/files/en-us/web/css/text-emphasis-color/index.md
@@ -20,7 +20,7 @@ text-emphasis-color: currentcolor;
 /* <color> */
 text-emphasis-color: #555;
 text-emphasis-color: blue;
-text-emphasis-color: rgba(90, 200, 160, 0.8);
+text-emphasis-color: rgb(90 200 160 / 80%);
 text-emphasis-color: transparent;
 
 /* Global values */
diff --git a/files/en-us/web/css/transform-function/index.md b/files/en-us/web/css/transform-function/index.md
index 72834a7a3a63816..98cdd8ff268ed70 100644
--- a/files/en-us/web/css/transform-function/index.md
+++ b/files/en-us/web/css/transform-function/index.md
@@ -189,32 +189,32 @@ main {
 }
 
 .front {
-  background: rgba(90, 90, 90, 0.7);
+  background: rgb(90 90 90 / 70%);
   transform: translateZ(50px);
 }
 
 .back {
-  background: rgba(0, 210, 0, 0.7);
+  background: rgb(0 210 0 / 70%);
   transform: rotateY(180deg) translateZ(50px);
 }
 
 .right {
-  background: rgba(210, 0, 0, 0.7);
+  background: rgb(210 0 0 / 70%);
   transform: rotateY(90deg) translateZ(50px);
 }
 
 .left {
-  background: rgba(0, 0, 210, 0.7);
+  background: rgb(0 0 210 / 70%);
   transform: rotateY(-90deg) translateZ(50px);
 }
 
 .top {
-  background: rgba(210, 210, 0, 0.7);
+  background: rgb(210 210 0 / 70%);
   transform: rotateX(90deg) translateZ(50px);
 }
 
 .bottom {
-  background: rgba(210, 0, 210, 0.7);
+  background: rgb(210 0 210 / 70%);
   transform: rotateX(-90deg) translateZ(50px);
 }
 
diff --git a/files/en-us/web/css/transform-function/matrix3d/index.md b/files/en-us/web/css/transform-function/matrix3d/index.md
index 6035435a02f981b..b24423b4ecfb0d0 100644
--- a/files/en-us/web/css/transform-function/matrix3d/index.md
+++ b/files/en-us/web/css/transform-function/matrix3d/index.md
@@ -143,32 +143,32 @@ a `matrix3d()` transform to it.
 }
 
 .front {
-  background: rgba(90, 90, 90, 0.7);
+  background: rgb(90 90 90 / 70%);
   transform: translateZ(50px);
 }
 
 .back {
-  background: rgba(0, 210, 0, 0.7);
+  background: rgb(0 210 0 / 70%);
   transform: rotateY(180deg) translateZ(50px);
 }
 
 .right {
-  background: rgba(210, 0, 0, 0.7);
+  background: rgb(210 0 0 / 70%);
   transform: rotateY(90deg) translateZ(50px);
 }
 
 .left {
-  background: rgba(0, 0, 210, 0.7);
+  background: rgb(0 0 210 / 70%);
   transform: rotateY(-90deg) translateZ(50px);
 }
 
 .top {
-  background: rgba(210, 210, 0, 0.7);
+  background: rgb(210 210 0 / 70%);
   transform: rotateX(90deg) translateZ(50px);
 }
 
 .bottom {
-  background: rgba(210, 0, 210, 0.7);
+  background: rgb(210 0 210 / 70%);
   transform: rotateX(-90deg) translateZ(50px);
 }
 ```
diff --git a/files/en-us/web/css/transform-style/index.md b/files/en-us/web/css/transform-style/index.md
index 219b34163d50b8c..8fbfc45ee9ac8ae 100644
--- a/files/en-us/web/css/transform-style/index.md
+++ b/files/en-us/web/css/transform-style/index.md
@@ -95,32 +95,32 @@ We also provide a checkbox allowing you to toggle between this, and `transform-s
 }
 
 .front {
-  background: rgba(90, 90, 90, 0.7);
+  background: rgb(90 90 90 / 70%);
   transform: translateZ(50px);
 }
 
 .back {
-  background: rgba(0, 210, 0, 0.7);
+  background: rgb(0 210 0 / 70%);
   transform: rotateY(180deg) translateZ(50px);
 }
 
 .right {
-  background: rgba(210, 0, 0, 0.7);
+  background: rgb(210 0 0 / 70%);
   transform: rotateY(90deg) translateZ(50px);
 }
 
 .left {
-  background: rgba(0, 0, 210, 0.7);
+  background: rgb(0 0 210 / 70%);
   transform: rotateY(-90deg) translateZ(50px);
 }
 
 .top {
-  background: rgba(210, 210, 0, 0.7);
+  background: rgb(210 210 0 / 70%);
   transform: rotateX(90deg) translateZ(50px);
 }
 
 .bottom {
-  background: rgba(210, 0, 210, 0.7);
+  background: rgb(210 0 210 / 70%);
   transform: rotateX(-90deg) translateZ(50px);
 }
 ```
diff --git a/files/en-us/web/css/url/index.md b/files/en-us/web/css/url/index.md
index c9adac68e17a5eb..aaf2ae3d48af6b8 100644
--- a/files/en-us/web/css/url/index.md
+++ b/files/en-us/web/css/url/index.md
@@ -39,7 +39,7 @@ border-image: url("/media/diamonds.png") 30 fill / 30px / 30px space;
 
 /* As a parameter in another CSS function */
 background-image: cross-fade(20% url(first.png), url(second.png));
-mask-image: image(url(mask.png), skyblue, linear-gradient(rgba(0, 0, 0, 1.0), transparent));
+mask-image: image(url(mask.png), skyblue, linear-gradient(rgb(0 0 0 / 100%), transparent));
 
 /* as part of a non-shorthand multiple value */
 content: url(star.svg) url(star.svg) url(star.svg) url(star.svg) url(star.svg);
diff --git a/files/en-us/web/css/white-space/index.md b/files/en-us/web/css/white-space/index.md
index 9151ee53df908fa..76faa82727739c4 100644
--- a/files/en-us/web/css/white-space/index.md
+++ b/files/en-us/web/css/white-space/index.md
@@ -202,7 +202,7 @@ pre {
 }
 
 #css-code {
-  background-color: rgb(220, 220, 220);
+  background-color: rgb(220 220 220);
   font-size: 16px;
   font-family: monospace;
 }
@@ -212,7 +212,7 @@ pre {
 }
 
 #results {
-  background-color: rgb(230, 230, 230);
+  background-color: rgb(230 230 230);
   overflow-x: scroll;
   white-space: normal;
   font-size: 14px;
diff --git a/files/en-us/web/guide/css/block_formatting_context/index.md b/files/en-us/web/guide/css/block_formatting_context/index.md
index bf8c8898fa7b067..6911caef57cbcb7 100644
--- a/files/en-us/web/guide/css/block_formatting_context/index.md
+++ b/files/en-us/web/guide/css/block_formatting_context/index.md
@@ -99,7 +99,7 @@ section {
   float: left;
   width: 200px;
   height: 100px;
-  background-color: rgba(255, 255, 255, 0.5);
+  background-color: rgb(255 255 255 / 50%);
   border: 1px solid black;
   padding: 10px;
 }
@@ -147,7 +147,7 @@ section {
   margin-right: 25px;
   width: 200px;
   height: 100px;
-  background-color: rgba(255, 255, 255, 0.75);
+  background-color: rgb(255 255 255 / 75%);
   border: 1px solid black;
   padding: 10px;
 }

From 3dac1a1d365e9b892eba055fecbf49f2327ba0a8 Mon Sep 17 00:00:00 2001
From: Jonathan Blair <sev9780@gmail.com>
Date: Tue, 2 Jan 2024 13:15:02 -0500
Subject: [PATCH 233/790] Adds clarifying note to using sandbox with iframe tag
 (#31164)

* Add clarifying note to using sandbox with iframe tag

* Clarifying language around sandbox attribute pitfalls

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/web/html/element/iframe/index.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/html/element/iframe/index.md b/files/en-us/web/html/element/iframe/index.md
index b62f7380ef7504e..af73a1f7fc89391 100644
--- a/files/en-us/web/html/element/iframe/index.md
+++ b/files/en-us/web/html/element/iframe/index.md
@@ -104,7 +104,7 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
     - `allow-popups`
       - : Allows popups (like from {{domxref("Window.open()")}}, `target="_blank"`, {{domxref("Window.showModalDialog()")}}). If this keyword is not used, that functionality will silently fail.
     - `allow-popups-to-escape-sandbox`
-      - : Allows a sandboxed document to open new windows without forcing the sandboxing flags upon them. This will allow, for example, a third-party advertisement to be safely sandboxed without forcing the same restrictions upon the page the ad links to.
+      - : Allows a sandboxed document to open a new browsing context without forcing the sandboxing flags upon it. This will allow, for example, a third-party advertisement to be safely sandboxed without forcing the same restrictions upon the page the ad links to. If this flag is not included, a redirected page, popup window, or new tab will be subject to the same sandbox restrictions as the originating `<iframe>`.
     - `allow-presentation`
       - : Allows embedders to have control over whether an iframe can start a [presentation session](/en-US/docs/Web/API/PresentationRequest).
     - `allow-same-origin`
@@ -125,6 +125,8 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
     > - When the embedded document has the same origin as the embedding page, it is **strongly discouraged** to use both `allow-scripts` and `allow-same-origin`, as that lets the embedded document remove the `sandbox` attribute — making it no more secure than not using the `sandbox` attribute at all.
     > - Sandboxing is useless if the attacker can display content outside a sandboxed `iframe` — such as if the viewer opens the frame in a new tab. Such content should be also served from a _separate origin_ to limit potential damage.
 
+    > **Note:** When redirecting the user, opening a popup window, or opening a new tab from an embedded page within an `<iframe>` with the `sandbox` attribute, the new browsing context is subject to the same `sandbox` restrictions. This can create issues — for example, if a page embedded within an `<iframe>` without a `sandbox="allow-forms"` or `sandbox="allow-popups-to-escape-sandbox"` attribute set on it opens a new site in a separate tab, form submission in that new browsing context will silently fail.
+
 - `src`
   - : The URL of the page to embed. Use a value of `about:blank` to embed an empty page that conforms to the [same-origin policy](/en-US/docs/Web/Security/Same-origin_policy#inherited_origins). Also note that programmatically removing an `<iframe>`'s src attribute (e.g. via {{domxref("Element.removeAttribute()")}}) causes `about:blank` to be loaded in the frame in Firefox (from version 65), Chromium-based browsers, and Safari/iOS.
 - `srcdoc`

From b971f6d0e4b999fdb873bc718544cce0763827b9 Mon Sep 17 00:00:00 2001
From: Erutuon <5840197+Erutuon@users.noreply.github.com>
Date: Tue, 2 Jan 2024 16:08:40 -0600
Subject: [PATCH 234/790] Fix description of m flag (#31471)

* fix description of m flag

`/^a/m.exec("\na")` returns `["a"]` because with the m flag the `^` matches next to the newline. It would return `["\na"]` if `^` matched the newline.

* Fix another

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 files/en-us/web/javascript/guide/regular_expressions/index.md   | 2 +-
 .../en-us/web/javascript/reference/regular_expressions/index.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/javascript/guide/regular_expressions/index.md b/files/en-us/web/javascript/guide/regular_expressions/index.md
index f70df1e77d5af96..0825a846c552753 100644
--- a/files/en-us/web/javascript/guide/regular_expressions/index.md
+++ b/files/en-us/web/javascript/guide/regular_expressions/index.md
@@ -311,7 +311,7 @@ These flags can be used separately or together in any order, and are included as
 | `d`  | Generate indices for substring matches.                                                       | {{jsxref("RegExp/hasIndices", "hasIndices")}}   |
 | `g`  | Global search.                                                                                | {{jsxref("RegExp/global", "global")}}           |
 | `i`  | Case-insensitive search.                                                                      | {{jsxref("RegExp/ignoreCase", "ignoreCase")}}   |
-| `m`  | Allows `^` and `$` to match newline characters.                                               | {{jsxref("RegExp/multiline", "multiline")}}     |
+| `m`  | Allows `^` and `$` to match next to newline characters.                                       | {{jsxref("RegExp/multiline", "multiline")}}     |
 | `s`  | Allows `.` to match newline characters.                                                       | {{jsxref("RegExp/dotAll", "dotAll")}}           |
 | `u`  | "Unicode"; treat a pattern as a sequence of Unicode code points.                              | {{jsxref("RegExp/unicode", "unicode")}}         |
 | `v`  | An upgrade to the `u` mode with more Unicode features.                                        | {{jsxref("RegExp/unicodeSets", "unicodeSets")}} |
diff --git a/files/en-us/web/javascript/reference/regular_expressions/index.md b/files/en-us/web/javascript/reference/regular_expressions/index.md
index 1b8574258614de9..c408b90666b275f 100644
--- a/files/en-us/web/javascript/reference/regular_expressions/index.md
+++ b/files/en-us/web/javascript/reference/regular_expressions/index.md
@@ -49,7 +49,7 @@ Flags are special parameters that can change the way a regular expression is int
 | `d`  | Generate indices for substring matches.                                                       | {{jsxref("RegExp/hasIndices", "hasIndices")}}   |
 | `g`  | Global search.                                                                                | {{jsxref("RegExp/global", "global")}}           |
 | `i`  | Case-insensitive search.                                                                      | {{jsxref("RegExp/ignoreCase", "ignoreCase")}}   |
-| `m`  | Allows `^` and `$` to match newline characters.                                               | {{jsxref("RegExp/multiline", "multiline")}}     |
+| `m`  | Allows `^` and `$` to match next to newline characters.                                       | {{jsxref("RegExp/multiline", "multiline")}}     |
 | `s`  | Allows `.` to match newline characters.                                                       | {{jsxref("RegExp/dotAll", "dotAll")}}           |
 | `u`  | "Unicode"; treat a pattern as a sequence of Unicode code points.                              | {{jsxref("RegExp/unicode", "unicode")}}         |
 | `v`  | An upgrade to the `u` mode with more Unicode features.                                        | {{jsxref("RegExp/unicodeSets", "unicodeSets")}} |

From 511208efe18c7a042bad9859dc797e944a1c16ed Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Wed, 3 Jan 2024 06:27:34 +0530
Subject: [PATCH 235/790] Synchronize with BCD v5.5.4 (#31474)

Co-authored-by: OnkarRuikar <OnkarRuikar@users.noreply.github.com>
---
 files/en-us/web/css/basic-shape/index.md      | 2 +-
 files/en-us/web/css/basic-shape/xywh/index.md | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/css/basic-shape/index.md b/files/en-us/web/css/basic-shape/index.md
index 4675aa617d469a5..0a7ed11b3a9c7eb 100644
--- a/files/en-us/web/css/basic-shape/index.md
+++ b/files/en-us/web/css/basic-shape/index.md
@@ -51,7 +51,7 @@ The following shapes are supported. All `<basic-shape>` values use functional no
 
     The optional `round <'border-radius'>` parameter defines rounded corners for the inset rectangle using the same syntax as the CSS [`border-radius`](/en-US/docs/Web/CSS/border-radius) shorthand property.
 
-- `{{cssxref("basic-shape/xywh","xywh()")}}` {{Experimental_Inline}}
+- `{{cssxref("basic-shape/xywh","xywh()")}}`
 
   - : Defines a rectangle using the specified distances from the top and left edges of the reference box and the specified width and height of the rectangle.
 
diff --git a/files/en-us/web/css/basic-shape/xywh/index.md b/files/en-us/web/css/basic-shape/xywh/index.md
index 501f8ec770ce171..bf565774e0c44d0 100644
--- a/files/en-us/web/css/basic-shape/xywh/index.md
+++ b/files/en-us/web/css/basic-shape/xywh/index.md
@@ -2,12 +2,10 @@
 title: xywh()
 slug: Web/CSS/basic-shape/xywh
 page-type: css-function
-status:
-  - experimental
 browser-compat: css.types.basic-shape.xywh
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
 The **`xywh()`** [CSS](/en-US/docs/Web/CSS) function creates a rectangle using the specified distances from the left (`x`) and top (`y`) edges of the containing block and the specified width (`w`) and height (`h`) of the rectangle. It is a basic shape function of the {{cssxref("&lt;basic-shape&gt;")}} [data type](/en-US/docs/Web/CSS/CSS_Types). You can use the `xywh()` function in CSS properties such as {{cssxref("offset-path")}} to create the rectangular path along which an element moves and in {{cssxref("clip-path")}} to define the shape of the clipping region.
 

From 70242d52bf5f95459da7eea815312ab2895536f6 Mon Sep 17 00:00:00 2001
From: Abrham007 <138675670+Abrham007@users.noreply.github.com>
Date: Wed, 3 Jan 2024 04:12:01 +0300
Subject: [PATCH 236/790] Update index.md/examples CSS-section (#31358)

This is best practice and it matches the set with animation-start and animation-iteration events page
---
 files/en-us/web/api/element/animationend_event/index.md | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/api/element/animationend_event/index.md b/files/en-us/web/api/element/animationend_event/index.md
index 7af92dd1dfd412d..05bd758135ac98c 100644
--- a/files/en-us/web/api/element/animationend_event/index.md
+++ b/files/en-us/web/api/element/animationend_event/index.md
@@ -96,13 +96,11 @@ animated.onanimationend = () => {
 
 @keyframes slidein {
   from {
-    margin-left: 100%;
-    width: 300%;
+    transform: translateX(100%) scaleX(3);
   }
 
   to {
-    margin-left: 0%;
-    width: 100%;
+    transform: translateX(0) scaleX(1);
   }
 }
 ```

From 714c1dc1f8084c0ea81dc03d8e3261bc548744d4 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 2 Jan 2024 19:47:46 -0800
Subject: [PATCH 237/790] Minor: removed legacy html4/5 note (#31476)

This note was no longer necessary or relevant
---
 files/en-us/web/html/element/link/index.md | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/files/en-us/web/html/element/link/index.md b/files/en-us/web/html/element/link/index.md
index 9cb43ec1b6abbe3..9361aa4f062308a 100644
--- a/files/en-us/web/html/element/link/index.md
+++ b/files/en-us/web/html/element/link/index.md
@@ -230,12 +230,6 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
   - : This attribute specifies the media that the linked resource applies to. Its value must be a media type / [media query](/en-US/docs/Web/CSS/CSS_media_queries).
     This attribute is mainly useful when linking to external stylesheets — it allows the user agent to pick the best adapted one for the device it runs on.
 
-    > **Note:**
-    >
-    > - In HTML 4, this can only be a simple white-space-separated list of media description literals, i.e., [media types and groups](/en-US/docs/Web/CSS/@media), where defined and allowed as values for this attribute, such as `print`, `screen`, `aural`, `braille`.
-    >   HTML5 extended this to any kind of [media queries](/en-US/docs/Web/CSS/CSS_media_queries), which are a superset of the allowed values of HTML 4.
-    > - Browsers not supporting [CSS Media Queries](/en-US/docs/Web/CSS/CSS_media_queries) won't necessarily recognize the adequate link; do not forget to set fallback links, the restricted set of media queries defined in HTML 4.
-
 - `referrerpolicy`
 
   - : A string indicating which referrer to use when fetching the resource:

From 256f5a8a9091d465d9fbf43a00257b6bd1d2059f Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 2 Jan 2024 21:31:17 -0800
Subject: [PATCH 238/790] Minor: fix link in SVG to "media query" (#31475)

Fix link

There is not glossary entry for media query.
https://developer.mozilla.org/en-US/docs/Glossary/Media/CSS was not a good match.
but, the link at the bottom of that page.....
---
 files/en-us/web/svg/attribute/media/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/svg/attribute/media/index.md b/files/en-us/web/svg/attribute/media/index.md
index fc0dcdaf8f6fc7c..92a0aea66a70f08 100644
--- a/files/en-us/web/svg/attribute/media/index.md
+++ b/files/en-us/web/svg/attribute/media/index.md
@@ -7,7 +7,7 @@ browser-compat: svg.elements.style.media
 
 {{SVGRef}}
 
-The **`media`** attribute specifies a {{Glossary("media query")}} that must be matched for a style sheet to apply.
+The **`media`** attribute specifies a [media query](/en-US/docs/Web/CSS/CSS_media_queries) that must be matched for a style sheet to apply.
 
 You can use this attribute with the following SVG elements:
 

From b943c9373931bc3e728e245594d2394192bee73a Mon Sep 17 00:00:00 2001
From: Alexander Chudesnov <chudesnov@gmail.com>
Date: Wed, 3 Jan 2024 06:37:51 +0100
Subject: [PATCH 239/790] Remove dead tutorial link for porting legacy Firefox
 add-ons (#31260)

---
 .../add-ons/webextensions/what_are_webextensions/index.md       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/add-ons/webextensions/what_are_webextensions/index.md b/files/en-us/mozilla/add-ons/webextensions/what_are_webextensions/index.md
index 945150adb404bc3..2e6703a4172325a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/what_are_webextensions/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/what_are_webextensions/index.md
@@ -46,7 +46,7 @@ Examples: [Web Developer](https://addons.mozilla.org/en-US/firefox/addon/web-dev
 
 Extensions for Firefox are built using the [WebExtensions APIs](/en-US/docs/Mozilla/Add-ons/WebExtensions), a cross-browser system for developing extensions. To a large extent, the API is compatible with the [extension API](https://developer.chrome.com/docs/extensions/reference/) supported by Google Chrome and Opera. Extensions written for these browsers will in most cases run in Firefox or Microsoft Edge with just a few [changes](https://extensionworkshop.com/documentation/develop/porting-a-google-chrome-extension/).
 
-If you have ideas or questions, or need help [migrating a legacy add-on to WebExtensions APIs](https://extensionworkshop.com/documentation/develop/porting-a-legacy-firefox-extension/), you can reach us on the [Add-ons Discourse](https://discourse.mozilla.org/c/add-ons/35) or in the [Add-ons room](https://chat.mozilla.org/#/room/#addons:mozilla.org) on [Matrix](https://wiki.mozilla.org/Matrix).
+If you have ideas or questions, you can reach us on the [Add-ons Discourse](https://discourse.mozilla.org/c/add-ons/35) or in the [Add-ons room](https://chat.mozilla.org/#/room/#addons:mozilla.org) on [Matrix](https://wiki.mozilla.org/Matrix).
 
 ## What's next?
 

From ba1587786bf1a8c957822509d3e602fa131f670f Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Wed, 3 Jan 2024 15:46:54 +0900
Subject: [PATCH 240/790] "List of all color notations" should be linked to
 "/Web/CSS/color_value" (#31477)

---
 files/en-us/web/css/color_value/lch/index.md   | 2 +-
 files/en-us/web/css/color_value/oklch/index.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/color_value/lch/index.md b/files/en-us/web/css/color_value/lch/index.md
index 3fd4d6cd8a82c01..ddda2e87e21c270 100644
--- a/files/en-us/web/css/color_value/lch/index.md
+++ b/files/en-us/web/css/color_value/lch/index.md
@@ -154,6 +154,6 @@ div {
 
 ## See also
 
-- [List of all color notations](/en-US/docs/Web/CSS/color)
+- [List of all color notations](/en-US/docs/Web/CSS/color_value)
 - {{CSSXref("&lt;hue&gt;")}} data type
 - [LCH colors in CSS: what, why, and how?](https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/)
diff --git a/files/en-us/web/css/color_value/oklch/index.md b/files/en-us/web/css/color_value/oklch/index.md
index 3149770bc942216..89472ba6bb736d0 100644
--- a/files/en-us/web/css/color_value/oklch/index.md
+++ b/files/en-us/web/css/color_value/oklch/index.md
@@ -151,7 +151,7 @@ div {
 
 ## See also
 
-- [List of all color notations](/en-US/docs/Web/CSS/color)
+- [List of all color notations](/en-US/docs/Web/CSS/color_value)
 - {{CSSXref("&lt;hue&gt;")}} data type
 - [A perceptual color space for image processing](https://bottosson.github.io/posts/oklab/)
 - [OKLCH in CSS](https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl)

From 713515dddc66e2ede604bad5a04879e0e6b1c534 Mon Sep 17 00:00:00 2001
From: reryro <reryro@gmail.com>
Date: Tue, 2 Jan 2024 23:42:10 -0800
Subject: [PATCH 241/790] Update index.md to fix minor typos (#31478)

Update index.md

Corrected multiple occurrences of misspelled "parentheses".
---
 .../javascript/reference/errors/unexpected_token/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/javascript/reference/errors/unexpected_token/index.md b/files/en-us/web/javascript/reference/errors/unexpected_token/index.md
index 0c0287e09cca3fe..2e7d14bfc84e180 100644
--- a/files/en-us/web/javascript/reference/errors/unexpected_token/index.md
+++ b/files/en-us/web/javascript/reference/errors/unexpected_token/index.md
@@ -50,9 +50,9 @@ for (let i = 0; i < 5; ++i) {
 }
 ```
 
-### Not enough parenthese
+### Not enough parentheses
 
-Sometimes, you leave out parenthese around `if` statements:
+Sometimes, you leave out parentheses around `if` statements:
 
 ```js-nolint example-bad
 function round(n, upperBound, lowerBound) {
@@ -66,8 +66,8 @@ function round(n, upperBound, lowerBound) {
 } // SyntaxError: expected expression, got '||'
 ```
 
-The parenthese may look correct at first, but note how the `||` is outside the
-parenthese. Correct would be putting parenthese around the `||`:
+The parentheses may look correct at first, but note how the `||` is outside the
+parentheses. Correct would be putting parentheses around the `||`:
 
 ```js-nolint example-good
 function round(n, upperBound, lowerBound) {

From 4c45276e195ba339f038ffbfdb3de7ab65424ed5 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Wed, 3 Jan 2024 13:20:37 +0530
Subject: [PATCH 242/790] updating rgb() syntax  (#31480)

* rgb() changes

* Update files/en-us/web/svg/tutorial/fills_and_strokes/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/svg/tutorial/fills_and_strokes/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/svg/tutorial/fills_and_strokes/index.md b/files/en-us/web/svg/tutorial/fills_and_strokes/index.md
index 51edb292ad13df7..2d42eeaa23358ff 100644
--- a/files/en-us/web/svg/tutorial/fills_and_strokes/index.md
+++ b/files/en-us/web/svg/tutorial/fills_and_strokes/index.md
@@ -14,7 +14,7 @@ There are several ways to color shapes (including specifying attributes on the o
 
 ### Painting
 
-Basic coloring can be done by setting two attributes on the node: `fill` and `stroke`. Using `fill` sets the color inside the object and `stroke` sets the color of the line drawn around the object. You can use the same CSS color naming schemes that you use in HTML, whether that's color names (that is `red`), rgb values (that is `rgb(255,0,0)`), hex values, rgba values, etc.
+Basic coloring can be done by setting two attributes on the node: `fill` and `stroke`. Using `fill` sets the color inside the object and `stroke` sets the color of the line drawn around the object. You can use the same CSS color naming schemes that you use in HTML, whether that's color names (like `red`), rgb values (like `rgb(255 0 0)`), hex values, rgba values, etc.
 
 ```xml
  <rect x="10" y="10" width="100" height="100" stroke="blue" fill="purple"

From 6185bad9e6a91c958109df42d72f0b6a0374c69a Mon Sep 17 00:00:00 2001
From: "Stanislav (Stanley) Modrak"
 <44023416+smith558@users.noreply.github.com>
Date: Wed, 3 Jan 2024 10:26:09 +0000
Subject: [PATCH 243/790] Fix terminology (#31448)

* Fix terminology

* Rewrite text content for clarity

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/learn/css/building_blocks/the_box_model/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/css/building_blocks/the_box_model/index.md b/files/en-us/learn/css/building_blocks/the_box_model/index.md
index 39b525f1fd690c0..d39db5d13ede289 100644
--- a/files/en-us/learn/css/building_blocks/the_box_model/index.md
+++ b/files/en-us/learn/css/building_blocks/the_box_model/index.md
@@ -122,7 +122,7 @@ The below diagram shows these layers:
 
 ### The standard CSS box model
 
-In the standard box model, if you give a box an `inline-size` and a `block-size` (or `width` and a `height`) attributes, this defines the inline-size and block-size (width and height in horizontal languages) of the _content box_. Any padding and border is then added to those dimensions to get the total size taken up by the box (see image below).
+In the standard box model, if you set `inline-size` and `block-size` (or `width` and `height`) property values on a box, these values define the `inline-size` and `block-size` (`width` and `height` in horizontal languages) of the _content box_. Any padding and borders are then added to those dimensions to get the total size taken up by the box (see the image below).
 
 If we assume that a box has the following CSS:
 

From 487a6049ab60bc78e1a076d9ce6684d0986122f3 Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Wed, 3 Jan 2024 10:30:36 +0000
Subject: [PATCH 244/790] Update WorkletSharedStorage.context to non-standard
 status (#31482)

---
 files/en-us/web/api/workletsharedstorage/context/index.md | 6 +++---
 files/en-us/web/api/workletsharedstorage/index.md         | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/api/workletsharedstorage/context/index.md b/files/en-us/web/api/workletsharedstorage/context/index.md
index 620f8c1aa08dd38..aa67bf6c996f7e5 100644
--- a/files/en-us/web/api/workletsharedstorage/context/index.md
+++ b/files/en-us/web/api/workletsharedstorage/context/index.md
@@ -4,11 +4,11 @@ short-title: context
 slug: Web/API/WorkletSharedStorage/context
 page-type: web-api-instance-property
 status:
-  - experimental
+  - non-standard
 browser-compat: api.WorkletSharedStorage.context
 ---
 
-{{APIRef("Shared Storage API")}}{{SeeCompatTable}}
+{{APIRef("Shared Storage API")}}{{Non-standard_Header}}
 
 The **`context`** read-only property of the
 {{domxref("WorkletSharedStorage")}} interface contains contextual data passed into the shared storage worklet from the associated browsing context via the {{domxref("FencedFrameConfig.setSharedStorageContext()")}} method.
@@ -23,7 +23,7 @@ See the main {{domxref("WorkletSharedStorage")}} page for an example.
 
 ## Specifications
 
-{{Specifications}}
+The `context` property is not currently defined in a specification.
 
 ## Browser compatibility
 
diff --git a/files/en-us/web/api/workletsharedstorage/index.md b/files/en-us/web/api/workletsharedstorage/index.md
index 3975c2c3af5ead4..faaec61d56ad6fe 100644
--- a/files/en-us/web/api/workletsharedstorage/index.md
+++ b/files/en-us/web/api/workletsharedstorage/index.md
@@ -17,7 +17,7 @@ The **`WorkletSharedStorage`** interface of the {{domxref("Shared Storage API",
 
 ## Instance properties
 
-- {{domxref("WorkletSharedStorage.context", "context")}} {{Experimental_Inline}}
+- {{domxref("WorkletSharedStorage.context", "context")}} {{Experimental_Inline}} {{non-standard_inline}}
   - : Contains contextual data passed into the shared storage worklet from the associated browsing context via the {{domxref("FencedFrameConfig.setSharedStorageContext()")}} method.
 
 ## Instance methods

From 62e8cdd5eebf35671ece8ade981e40aa9e70eb8b Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 3 Jan 2024 20:20:37 +0800
Subject: [PATCH 245/790] Remove {{Experimental_Inline}} of
 `HTMLIFrameElement.allowfullscreen` (#31335)

fix
---
 files/en-us/web/api/htmliframeelement/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/htmliframeelement/index.md b/files/en-us/web/api/htmliframeelement/index.md
index c77f6771ab6de37..9eca9a5667ef10e 100644
--- a/files/en-us/web/api/htmliframeelement/index.md
+++ b/files/en-us/web/api/htmliframeelement/index.md
@@ -19,7 +19,7 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}_.
   - : A string that specifies the alignment of the frame with respect to the surrounding context.
 - {{domxref("HTMLIFrameElement.allow")}}
   - : A list of origins the frame is allowed to display content from. This attribute also accepts the values `self` and `src` which represent the origin in the iframe's src attribute. The default value is `src`.
-- {{domxref("HTMLIFrameElement.allowfullscreen")}} {{Experimental_Inline}}
+- {{domxref("HTMLIFrameElement.allowfullscreen")}}
   - : A boolean value indicating whether the inline frame is willing to be placed into full screen mode. See [Using fullscreen mode](/en-US/docs/Web/API/Fullscreen_API) for details.
 - {{domxref("HTMLIFrameElement.allowPaymentRequest")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : A boolean value indicating whether the [Payment Request API](/en-US/docs/Web/API/Payment_Request_API) may be invoked inside a cross-origin iframe.
@@ -35,6 +35,8 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}_.
 
 - {{domxref("HTMLIFrameElement.csp")}} {{Experimental_Inline}}
   - : Specifies the Content Security Policy that an embedded document must agree to enforce upon itself.
+- {{domxref("HTMLIFrameElement.featurePolicy")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : Returns the {{domxref("FeaturePolicy")}} interface which provides a simple API for introspecting the [Permissions Policies](/en-US/docs/Web/HTTP/Permissions_Policy) applied to a specific document.
 - {{domxref("HTMLIFrameElement.frameBorder")}} {{Deprecated_Inline}}
   - : A string that indicates whether to create borders between frames.
 - {{domxref("HTMLIFrameElement.height")}}
@@ -50,8 +52,6 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}_.
   - : A string being the width of the frame margin.
 - {{domxref("HTMLIFrameElement.name")}}
   - : A string that reflects the [`name`](/en-US/docs/Web/HTML/Element/iframe#name) HTML attribute, containing a name by which to refer to the frame.
-- {{domxref("HTMLIFrameElement.featurePolicy")}} {{ReadOnlyInline}} {{Experimental_Inline}}
-  - : Returns the {{domxref("FeaturePolicy")}} interface which provides a simple API for introspecting the [Permissions Policies](/en-US/docs/Web/HTTP/Permissions_Policy) applied to a specific document.
 - {{domxref("HTMLIFrameElement.referrerPolicy")}}
   - : A string that reflects the [`referrerPolicy`](/en-US/docs/Web/HTML/Element/iframe#referrerpolicy) HTML attribute indicating which referrer to use when fetching the linked resource.
 - {{domxref("HTMLIFrameElement.sandbox")}}

From 2d23e74c485b70c5291166f36e60e9df7ac13b97 Mon Sep 17 00:00:00 2001
From: weakish <weakish@gmail.com>
Date: Wed, 3 Jan 2024 13:29:03 +0000
Subject: [PATCH 246/790] remove outdated link in ClipboardItem (#31483)

https://async-clipboard-api.glitch.me now returns 403 error

(Not running because node.js it relies on is too old.)
---
 files/en-us/web/api/clipboarditem/index.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/en-us/web/api/clipboarditem/index.md b/files/en-us/web/api/clipboarditem/index.md
index e7f6fb9bf3cc177..f5c803d92138272 100644
--- a/files/en-us/web/api/clipboarditem/index.md
+++ b/files/en-us/web/api/clipboarditem/index.md
@@ -95,5 +95,4 @@ async function getClipboardContents() {
 ## See also
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
-- [Async Clipboard API demo on Glitch](https://async-clipboard-api.glitch.me/)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)

From 723478b3c31d1d9e2b6c1cb16ccd562f2244f519 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 3 Jan 2024 22:02:34 +0800
Subject: [PATCH 247/790] add `experimental` status for
 `WorkletSharedStorage.context` (#31487)

add
---
 files/en-us/web/api/workletsharedstorage/context/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/workletsharedstorage/context/index.md b/files/en-us/web/api/workletsharedstorage/context/index.md
index aa67bf6c996f7e5..79daf173248319d 100644
--- a/files/en-us/web/api/workletsharedstorage/context/index.md
+++ b/files/en-us/web/api/workletsharedstorage/context/index.md
@@ -4,14 +4,14 @@ short-title: context
 slug: Web/API/WorkletSharedStorage/context
 page-type: web-api-instance-property
 status:
+  - experimental
   - non-standard
 browser-compat: api.WorkletSharedStorage.context
 ---
 
-{{APIRef("Shared Storage API")}}{{Non-standard_Header}}
+{{APIRef("Shared Storage API")}}{{SeeCompatTable}}{{Non-standard_Header}}
 
-The **`context`** read-only property of the
-{{domxref("WorkletSharedStorage")}} interface contains contextual data passed into the shared storage worklet from the associated browsing context via the {{domxref("FencedFrameConfig.setSharedStorageContext()")}} method.
+The **`context`** read-only property of the {{domxref("WorkletSharedStorage")}} interface contains contextual data passed into the shared storage worklet from the associated browsing context via the {{domxref("FencedFrameConfig.setSharedStorageContext()")}} method.
 
 ## Value
 

From 613344716a8a9abfe5eef06b70b048ff2b81195a Mon Sep 17 00:00:00 2001
From: weakish <weakish@gmail.com>
Date: Wed, 3 Jan 2024 14:19:45 +0000
Subject: [PATCH 248/790] remove outdated link (#31489)

Clipboard API demo returns 403 error.

see also #31483

Thanks to @skyclouds2001
---
 files/en-us/web/api/clipboard/read/index.md                  | 1 -
 files/en-us/web/api/clipboard/readtext/index.md              | 1 -
 files/en-us/web/api/clipboard/write/index.md                 | 1 -
 files/en-us/web/api/clipboard/writetext/index.md             | 1 -
 files/en-us/web/api/clipboard_api/index.md                   | 1 -
 files/en-us/web/api/clipboardevent/index.md                  | 1 -
 files/en-us/web/api/clipboarditem/clipboarditem/index.md     | 1 -
 files/en-us/web/api/clipboarditem/gettype/index.md           | 1 -
 files/en-us/web/api/clipboarditem/presentationstyle/index.md | 1 -
 files/en-us/web/api/clipboarditem/types/index.md             | 1 -
 10 files changed, 10 deletions(-)

diff --git a/files/en-us/web/api/clipboard/read/index.md b/files/en-us/web/api/clipboard/read/index.md
index 11f2b9f5bf44e8d..73d3c1c0e7f79eb 100644
--- a/files/en-us/web/api/clipboard/read/index.md
+++ b/files/en-us/web/api/clipboard/read/index.md
@@ -118,5 +118,4 @@ async function pasteImage() {
 ## See also
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
-- [Async Clipboard API demo on Glitch](https://async-clipboard-api.glitch.me/)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
diff --git a/files/en-us/web/api/clipboard/readtext/index.md b/files/en-us/web/api/clipboard/readtext/index.md
index 63ebc49055e1621..eb470164a81dce6 100644
--- a/files/en-us/web/api/clipboard/readtext/index.md
+++ b/files/en-us/web/api/clipboard/readtext/index.md
@@ -61,7 +61,6 @@ navigator.clipboard
 ## See also
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
-- [Async Clipboard API demo on Glitch](https://async-clipboard-api.glitch.me/)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
 - {{domxref("Clipboard.writeText()")}}
 - {{domxref("Clipboard.write()")}}
diff --git a/files/en-us/web/api/clipboard/write/index.md b/files/en-us/web/api/clipboard/write/index.md
index 743ef1789618308..2fc45ec3b4a1c53 100644
--- a/files/en-us/web/api/clipboard/write/index.md
+++ b/files/en-us/web/api/clipboard/write/index.md
@@ -103,5 +103,4 @@ function copyCanvasContentsToClipboard(canvas, onDone, onError) {
 ## See also
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
-- [Async Clipboard API demo on Glitch](https://async-clipboard-api.glitch.me/)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
diff --git a/files/en-us/web/api/clipboard/writetext/index.md b/files/en-us/web/api/clipboard/writetext/index.md
index 1212b2f57f5f1ea..bef7d3a6809e276 100644
--- a/files/en-us/web/api/clipboard/writetext/index.md
+++ b/files/en-us/web/api/clipboard/writetext/index.md
@@ -62,5 +62,4 @@ navigator.clipboard.writeText("<empty clipboard>").then(
 ## See also
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
-- [Async Clipboard API demo on Glitch](https://async-clipboard-api.glitch.me/)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
diff --git a/files/en-us/web/api/clipboard_api/index.md b/files/en-us/web/api/clipboard_api/index.md
index 7d769ce005f5185..a2801c4dca8975a 100644
--- a/files/en-us/web/api/clipboard_api/index.md
+++ b/files/en-us/web/api/clipboard_api/index.md
@@ -54,5 +54,4 @@ This snippet fetches the text from the clipboard and appends it to the first ele
 
 ## See also
 
-- [Async Clipboard API demo on Glitch](https://async-clipboard-api.glitch.me/)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
diff --git a/files/en-us/web/api/clipboardevent/index.md b/files/en-us/web/api/clipboardevent/index.md
index 43f914be407fd43..5ffcc20d670a37d 100644
--- a/files/en-us/web/api/clipboardevent/index.md
+++ b/files/en-us/web/api/clipboardevent/index.md
@@ -39,5 +39,4 @@ _No specific methods; inherits methods from its parent {{domxref("Event")}}_.
 
 - Copy-related events: {{domxref("Element/copy_event", "copy")}}, {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/paste_event", "paste")}}
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
-- [Async Clipboard API demo on Glitch](https://async-clipboard-api.glitch.me/)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
diff --git a/files/en-us/web/api/clipboarditem/clipboarditem/index.md b/files/en-us/web/api/clipboarditem/clipboarditem/index.md
index b55e707d2522b36..3b7ec7be543637d 100644
--- a/files/en-us/web/api/clipboarditem/clipboarditem/index.md
+++ b/files/en-us/web/api/clipboarditem/clipboarditem/index.md
@@ -67,5 +67,4 @@ async function writeClipImg() {
 ## See also
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
-- [Async Clipboard API demo on Glitch](https://async-clipboard-api.glitch.me/)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
diff --git a/files/en-us/web/api/clipboarditem/gettype/index.md b/files/en-us/web/api/clipboarditem/gettype/index.md
index fea9f779fac4a04..70bd915f9846175 100644
--- a/files/en-us/web/api/clipboarditem/gettype/index.md
+++ b/files/en-us/web/api/clipboarditem/gettype/index.md
@@ -68,5 +68,4 @@ async function getClipboardContents() {
 ## See also
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
-- [Async Clipboard API demo on Glitch](https://async-clipboard-api.glitch.me/)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
diff --git a/files/en-us/web/api/clipboarditem/presentationstyle/index.md b/files/en-us/web/api/clipboarditem/presentationstyle/index.md
index 1e07dcee7237aa7..dd69cfc5635af6f 100644
--- a/files/en-us/web/api/clipboarditem/presentationstyle/index.md
+++ b/files/en-us/web/api/clipboarditem/presentationstyle/index.md
@@ -45,5 +45,4 @@ async function getClipboardContents() {
 ## See also
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
-- [Async Clipboard API demo on Glitch](https://async-clipboard-api.glitch.me/)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
diff --git a/files/en-us/web/api/clipboarditem/types/index.md b/files/en-us/web/api/clipboarditem/types/index.md
index ca35b6d4afae157..4d18b6c0e84cf26 100644
--- a/files/en-us/web/api/clipboarditem/types/index.md
+++ b/files/en-us/web/api/clipboarditem/types/index.md
@@ -53,5 +53,4 @@ async function getClipboardContents() {
 ## See also
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
-- [Async Clipboard API demo on Glitch](https://async-clipboard-api.glitch.me/)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)

From 420f761d5883416e606ddf21a3e7bcc079bf0c9f Mon Sep 17 00:00:00 2001
From: Bartosz Klonowski <70535775+BartoszKlonowski@users.noreply.github.com>
Date: Wed, 3 Jan 2024 21:15:13 +0100
Subject: [PATCH 249/790] Remove IE mentioned from React tutorial (#31492)

---
 .../react_getting_started/index.md                              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
index 4f568906a48ca46..76a27a2054f9e17 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.md
@@ -129,7 +129,7 @@ You may use the Yarn package manager as an alternative to npm but we'll assume y
 
 If you're using Windows, you will need to install some software to give you parity with Unix/macOS terminal in order to use the terminal commands mentioned in this tutorial. **Gitbash** (which comes as part of the [git for Windows toolset](https://gitforwindows.org/)) or **[Windows Subsystem for Linux](https://docs.microsoft.com/windows/wsl/about)** (**WSL**) are both suitable. See [Command line crash course](/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line) for more information on these, and on terminal commands in general.
 
-Also bear in mind that React and ReactDOM produce apps that only work on a fairly modern set of browsers — IE9+ by way of some polyfills. It is recommended that you use a modern browser like Firefox, Microsoft Edge, Safari, or Chrome when working through these tutorials.
+Also bear in mind that React and ReactDOM produce apps that only work on a fairly modern set of browsers like Firefox, Microsoft Edge, Safari, or Chrome when working through these tutorials.
 
 See the following for more information:
 

From 468d1dab68795834abe0adb2e3777785e24521b5 Mon Sep 17 00:00:00 2001
From: dawei-wang <dawei-wang@users.noreply.github.com>
Date: Wed, 3 Jan 2024 12:16:55 -0800
Subject: [PATCH 250/790] Remove extra perentheses (#31494)

Fix mdn/content#31469
---
 files/en-us/web/css/transition-behavior/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/transition-behavior/index.md b/files/en-us/web/css/transition-behavior/index.md
index 3de56806463920f..af86f5c82b15a7c 100644
--- a/files/en-us/web/css/transition-behavior/index.md
+++ b/files/en-us/web/css/transition-behavior/index.md
@@ -149,7 +149,7 @@ html {
 }
 ```
 
-The two properties we want to animate are [`opacity`](/en-US/docs/Web/CSS/opacity) and [`transform`](/en-US/docs/Web/CSS/transform)): we want the popover to fade in and out while growing and shrinking in the horizontal direction. We set a starting state for these properties on the default hidden state of the popover element (selected via `[popover]`), and an end state on the open state of the popover (selected via the [`:popover-open`](/en-US/docs/Web/CSS/:popover-open) pseudo-class). We then set a [`transition`](/en-US/docs/Web/CSS/transition) property to animate between the two.
+The two properties we want to animate are [`opacity`](/en-US/docs/Web/CSS/opacity) and [`transform`](/en-US/docs/Web/CSS/transform): we want the popover to fade in and out while growing and shrinking in the horizontal direction. We set a starting state for these properties on the default hidden state of the popover element (selected via `[popover]`), and an end state on the open state of the popover (selected via the [`:popover-open`](/en-US/docs/Web/CSS/:popover-open) pseudo-class). We then set a [`transition`](/en-US/docs/Web/CSS/transition) property to animate between the two.
 
 Because the animated element is being promoted to the [top layer](/en-US/docs/Glossary/Top_layer) when shown and removed from the top layer when hidden — which also means that its hidden state has [`display: none`](/en-US/docs/Web/CSS/display) set on it — the following properties are added to the list of transitioned elements to get the animation working in both directions. In both cases, `transition-behavior: allow-discrete` is set in the shorthand to enable discrete animation.
 

From a8006cfe105515ecb64144c2e1ac495ac5629394 Mon Sep 17 00:00:00 2001
From: Matthew Hammond <69700997+FrozenDude101@users.noreply.github.com>
Date: Wed, 3 Jan 2024 20:22:34 +0000
Subject: [PATCH 251/790] Fix typo in canvas api tutorial (#31493)

---
 files/en-us/web/api/canvas_api/tutorial/compositing/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/canvas_api/tutorial/compositing/index.md b/files/en-us/web/api/canvas_api/tutorial/compositing/index.md
index 732c9287f09dc7d..563f12efe2dd5a7 100644
--- a/files/en-us/web/api/canvas_api/tutorial/compositing/index.md
+++ b/files/en-us/web/api/canvas_api/tutorial/compositing/index.md
@@ -126,7 +126,7 @@ function draw() {
 
     // Clipping path
     ctx.beginPath();
-    ctx.rect(-75, -75, 150, 150); // Outter rectangle
+    ctx.rect(-75, -75, 150, 150); // Outer rectangle
     ctx.arc(0, 0, 60, 0, Math.PI * 2, true); // Hole anticlockwise
     ctx.clip();
 

From 95766bdf65d66fa90726b20f776e4005940d7df3 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Wed, 3 Jan 2024 14:32:47 -0800
Subject: [PATCH 252/790] Writing Guidelines: quicklinks and surfacing content
 (#31248)

* Writing guidelines: structure the page templates sectionfor ease of navigation.

* alt for images

* update links from wiki to github

* see also to quicklinks page and list of macros

* page types: added templates and see also sections

* Added see also to page structure (which was just a list of subpages)

* Explanation of quicklinks

* Update files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* twaks

* Update files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* twaks

* page components desc.

* Update files/en-us/mdn/writing_guidelines/page_structures/index.md

* Update files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md

* move macros to see also section

* move macros to see also section

* Update files/en-us/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md

* Update files/en-us/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* the bot and this PR hate me

* Update files/en-us/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* happiness

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md

* header levels

* make it clearer

* grammar

* Apply suggestions from code review

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Change to sidebars and other link macros

* escape macro

* escape macro

* addressed will's comments

* typo

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 .../page_structures/index.md                  |   5 +
 .../macros/commonly_used_macros/index.md      |  18 ++
 .../page_structures/macros/index.md           |   5 +
 .../page_structures/page_types/index.md       |  83 ++++++---
 .../page_structures/quicklinks/index.md       | 175 ++++++++++++------
 .../writing_style_guide/index.md              |   3 +-
 6 files changed, 206 insertions(+), 83 deletions(-)

diff --git a/files/en-us/mdn/writing_guidelines/page_structures/index.md b/files/en-us/mdn/writing_guidelines/page_structures/index.md
index 923f578f03f7e6e..146ca69a878f6b9 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/index.md
@@ -10,3 +10,8 @@ Throughout MDN there are document structures that are used to provide consistent
 This page lists articles describing these structures so that you can modify page content appropriately for the documents you write, edit, or translate.
 
 {{LandingPageListSubPages()}}
+
+## See also
+
+- [Page templates](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types#page_templates)
+- [Page components](/en-US/docs/MDN/Writing_guidelines/Writing_style_guide#page_components)
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md b/files/en-us/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md
index 4a3c479d177b163..a40af4a787b766a 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md
@@ -260,3 +260,21 @@ You can use the argument `notservice` to indicate that a feature works in web wo
 
 {{AvailableInWorkers}}
 {{AvailableInWorkers("notservice")}}
+
+## Browser compatibility and specification macros
+
+The following macros are included on all reference pages, but are also supported by all page types:
+
+- `\{{Compat}}` / `\{{Compat(&lt;feature>)}}` / `\{{Compat(&lt;feature>, &lt;depth>)}}`
+
+  - : Generates a [compatibility table](/en-US/docs/MDN/Writing_guidelines/Page_structures/Compatibility_tables) for the feature passed as the parameter. If no parameter is included, it defaults to the features defined by `browser-compat` in the frontmatter. An optional depth parameter sets how deep sub features should be added to the table. The depth, if omitted, defaults to 1, meaning only the first level of sub feature data from BCD will be included.
+
+- `\{{Specifications}}` / `\{{Specifications(&lt;feature>)}}`
+  - : Includes the specification for the feature specified in the parameter. If no parameter is passed, the specification listed is defined by the value for `spec_urls` in the frontmatter, if present, or from the specification listed in browser compatibility data defined by `browser-compat` in the frontmatter. The specification is rendered as an external link.
+
+## See also
+
+- [Quicklinks](/en-US/docs/MDN/Writing_guidelines/Page_structures/Quicklinks)
+- [Page templates](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types#page_templates)
+- [Page components](/en-US/docs/MDN/Writing_guidelines/Writing_style_guide#page_components)
+- [List of macros](https://github.com/mdn/yari/tree/main/kumascript/macros) on Github
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/macros/index.md b/files/en-us/mdn/writing_guidelines/page_structures/macros/index.md
index 7873851e2558219..4da195ad1256e90 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/macros/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/macros/index.md
@@ -35,3 +35,8 @@ Macros are heavily cached; for any set of input values (both parameters and envi
 Macros can be as simple as just inserting a larger block of text or swapping in contents from another part of MDN, or as complex as building an entire index of content by searching through parts of the site, styling the output, and adding links.
 
 You can read up on our most commonly-used macros on the [Commonly-used macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros) page; also, you can browse through the [complete sources for all macros](https://github.com/mdn/yari/tree/main/kumascript/macros). Most of the macro sources have documentation built into them, as comments at the top.
+
+## See also
+
+- [Quicklinks](/en-US/docs/MDN/Writing_guidelines/Page_structures/Quicklinks)
+- [List of macros](https://github.com/mdn/yari/tree/main/kumascript/macros) on Github
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md b/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md
index ad411ea15482aa6..dc924a4bce0c081 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md
@@ -51,7 +51,25 @@ We have defined a front matter key `page-type` to clearly identify the type of M
 
 For the complete list of page types see [The page-type front matter key](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/Page_type_key).
 
-## API landing page
+## Page templates
+
+Below are examples of the various pages you'll find on MDN along with templates that can be used to create new content based on the type of content you will be presenting, including the following pages:
+
+- [API landing pages](#api_landing_page)
+- [API reference page](#api_reference_page)
+- [API reference subpage](#api_reference_subpage)
+- [Conceptual pages](#conceptual_page)
+- [CSS feature reference](#css_feature_reference_page)
+- [CSS module landing page](#css_module_landing_page)
+- [Glossary entry](#glossary_page)
+- [HTML element](#html_element_reference_page)
+- [HTTP header](#http_header_reference_page)
+- [Landing page](#landing_page)
+- [SVG element](#svg_element_reference_page)
+
+Each section includes links to live example pages for that page type.
+
+### API landing page
 
 An **{{Glossary("API")}} landing page** provides an overview of what a particular API does, as well as links to the documentation for each of the interfaces, globals, functions, etc. offered by the API.
 It does not link directly to specific methods or properties within the API's classes, except in the context of the overview text.
@@ -62,15 +80,15 @@ For example, the [Generic Sensor API](https://www.w3.org/TR/generic-sensor/) cov
 In such cases, many of the high level concepts are the same, so it makes no sense to repeat those over multiple landing pages.
 In such a case, it would make more sense in terms of repetition and findability to cover them all under a single "Web sensors" landing page.
 
-### Example
+#### Example
 
 - [WebVR API](/en-US/docs/Web/API/WebVR_API)
 
-### Templates
+#### Templates
 
 - [API landing page template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_landing_page_template)
 
-## API reference page
+### API reference page
 
 > **Note:** Also known as an _Interface landing page_.
 
@@ -78,58 +96,58 @@ An **API reference page** lists all the methods, properties, events, and so fort
 It provides an overview of what the class or interface does or is used for, and gives links to the documentation for each of these members.
 It is more granular than an API landing page, which typically links to multiple API reference pages.
 
-### Example
+#### Example
 
 - [Request interface](/en-US/docs/Web/API/Request) of the [Fetch API](/en-US/docs/Web/API/Fetch_API).
 
-### Templates
+#### Templates
 
 - [API reference page template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_reference_page_template)
 
-## API reference subpage
+### API reference subpage
 
 An **API reference subpage** is a child of an API reference page.
 It documents a single interface member in detail.
 
-### Examples
+#### Examples
 
 - [`count()` method](/en-US/docs/Web/API/IDBIndex/count) of the [IDBIndex](/en-US/docs/Web/API/IDBIndex) interface (part of the [IndexedDB API](/en-US/docs/Web/API/IndexedDB_API))
 - [capabilities property](/en-US/docs/Web/API/VRDisplay/capabilities) of the [VRDisplay](/en-US/docs/Web/API/VRDisplay) interface (part of the [WebVR API](/en-US/docs/Web/API/WebVR_API))
 - [Request() constructor](/en-US/docs/Web/API/Request/Request) of the [Request](/en-US/docs/Web/API/Request) interface (part of the [Fetch API](/en-US/docs/Web/API/Fetch_API))
 - [vrdisplaypresentchange event](/en-US/docs/Web/API/Window/vrdisplaypresentchange_event) (part of the [WebVR API](/en-US/docs/Web/API/WebVR_API), hangs off the [Window](/en-US/docs/Web/API/Window)) interface
 
-### Templates
+#### Templates
 
 - [API method subpage template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_method_subpage_template)
 - [API property subpage template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_property_subpage_template)
 - [API constructor subpage template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_constructor_subpage_template)
 - [API event subpage template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/API_event_subpage_template)
 
-## HTML element reference page
+### HTML element reference page
 
 An **HTML reference page** lists all the attributes that are available on an HTML element, explains the element's purpose and usage, and provides examples, browser compatibility information, and other important data.
 
-### Example
+#### Example
 
 - [`<video>` element](/en-US/docs/Web/HTML/Element/video)
 
-### Templates
+#### Templates
 
 - [HTML element page template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/HTML_element_page_template)
 
-## SVG element reference page
+### SVG element reference page
 
 An **SVG reference page** lists all the attributes that are available on an SVG element, explains the element's purpose and usage, and provides examples, browser compatibility information, and other important data.
 
-### Example
+#### Example
 
 - [\<g> element](/en-US/docs/Web/SVG/Element/g)
 
-### Templates
+#### Templates
 
 - [SVG element page template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/SVG_element_page_template)
 
-## CSS module landing page
+### CSS module landing page
 
 Every **[CSS](/en-US/docs/Web/CSS) module** represents a CSS specification that provides support for certain features and implementations in CSS. For example, the [CSS box model](/en-US/docs/Web/CSS/CSS_box_model) module represents the [specification](/en-US/docs/Web/CSS/CSS_box_model#specifications) that describes the margin and padding properties that let you create spacing in and around a CSS box.
 
@@ -139,76 +157,76 @@ The module landing page serves primarily as a _navigation_ page, but also functi
 Some related properties and features that belong in other modules, but that are closely related to the functionality offered by the module you are documenting, can also be covered in a _Related concepts_ section.
 For example, the `<easing-function>` data type and the `prefers-reduced-motion` media query are not covered in the CSS animations module, but because they are closely related with CSS animations, it is a good idea to highlight them in the [Related concepts](/en-US/docs/Web/CSS/CSS_animations#related_concepts) section of the CSS animations module landing page.
 
-### Examples
+#### Examples
 
 - [CSS animations](/en-US/docs/Web/CSS/CSS_animations)
 - [CSS basic user interface](/en-US/docs/Web/CSS/CSS_basic_user_interface)
 - [CSS filter effects](/en-US/docs/Web/CSS/CSS_filter_effects)
 - [CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap)
 
-### Templates
+#### Templates
 
 - [CSS module landing page template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/CSS_module_landing_page_template)
 
-## CSS feature reference page
+### CSS feature reference page
 
 A **CSS reference page** lists all the available syntax for a CSS feature such as a selector or property, and explains the feature's purpose and usage. It also provides examples, browser compatibility information, and other important data.
 
-### Examples
+#### Examples
 
 - [background-color property](/en-US/docs/Web/CSS/background-color)
 - [:hover pseudo-class](/en-US/docs/Web/CSS/:hover)
 - [@media at-rule](/en-US/docs/Web/CSS/@media)
 
-### Templates
+#### Templates
 
 - [CSS property page template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/CSS_property_page_template)
 - [CSS selector page template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/CSS_selector_page_template)
 - [CSS function page template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/CSS_function_page_template)
 
-## HTTP header reference page
+### HTTP header reference page
 
 An **HTTP header reference page** lists all the available directives that an HTTP header can contain, and explains the header's purpose and usage.
 It also provides examples, browser compatibility information, and other important explanations.
 
-### Example
+#### Example
 
 - [Cache-Control header](/en-US/docs/Web/HTTP/Headers/Cache-Control)
 
-### Templates
+#### Templates
 
 - [HTTP header page template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/HTTP_header_page_template)
 
-## Conceptual page
+### Conceptual page
 
 A **conceptual page** is a _guide_ page that explains or teaches something.
 Generally, if a page contains primarily prose, and doesn't fall into another page type, it's probably a conceptual page.
 An extended discussion of a topic might be spread across multiple conceptual pages, and linked using [Next](https://github.com/mdn/yari/blob/main/kumascript/macros/Next.ejs) and [Previous](https://github.com/mdn/yari/blob/main/kumascript/macros/Previous.ejs) macros.
 
-### Examples
+#### Examples
 
 - [Using the WebVR API](/en-US/docs/Web/API/WebVR_API/Using_the_WebVR_API)
 - [Visualizations with Web Audio API](/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API)
 - [Cascade and inheritance in CSS](/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance)
 
-## Glossary page
+### Glossary page
 
 A **glossary page** contains a brief explanation of a term, topic, or concept.
 The first paragraph should be a simple, self-contained description of the term, no more than a couple sentences.
 This can be followed by links to further information in the **See also** section.
 If the page grows to more than a screenful or so, it's too long and should be converted to a conceptual page. See [How to write and reference an entry in the glossary](/en-US/docs/MDN/Writing_guidelines/Howto/Write_a_new_entry_in_the_glossary) for more details.
 
-### Examples
+#### Examples
 
 - [DOM](/en-US/docs/Glossary/DOM)
 - [Exception](/en-US/docs/Glossary/Exception)
 - [Hyperlink](/en-US/docs/Glossary/Hyperlink)
 
-### Templates
+#### Templates
 
 - [Glossary page template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/Glossary_page_template)
 
-## Landing page
+### Landing page
 
 A **landing page** serves as a menu, of sorts, for its subpages, and is therefore primarily a _navigation_ page.
 A landing page layout is typically used for the root page of a tree of pages about a particular topic.
@@ -224,3 +242,8 @@ The list of subpages can be generated automatically using the templates [`Subpag
 - [JavaScript](/en-US/docs/Web/JavaScript)
 - [Learning area](/en-US/docs/Learn)
 - [Contributing to MDN](/en-US/docs/MDN/Contribute)
+
+## See also
+
+- [Page components](/en-US/docs/MDN/Writing_guidelines/Writing_style_guide#page_components)
+- [Creating code examples in markdown](/en-US/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide)
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md b/files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md
index af19ff28c1fabab..da326177159d64b 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md
@@ -1,75 +1,139 @@
 ---
-title: Quicklinks
+title: Sidebars and other link macros
 slug: MDN/Writing_guidelines/Page_structures/Quicklinks
 page-type: mdn-writing-guide
 ---
 
 {{MDNSidebar}}
 
-MDN supports adding quicklinks to pages; these are boxes containing a potentially hierarchical list of links to other pages on MDN or to pages off-site.
-This article describes how to create quicklinks boxes.
+MDN supports adding links and lists of links in sidebars and within the main content of a page. You can and often **should** use macros to generate links.
+This article describes how to use the different MDN macros, demonstrating how to include sidebars to MDN pages and add always-up-to-date and maintained links within your content. Quickly.
 
-## Quicklinks syntax
+In this guide, you will learn how to create a sidebar of links by just including a macro and how to add how to use those same macros to create sidebars with additional text. You will also learn about cross-reference macros to add links to other pages and macros to add lists of links to pages and subpages.
 
-The quicklinks for a page are provided by creating a {{HTMLElement("section")}} block with the ID "Quick_links".
-Then you place the contents that go into the quicklinks box within the section.
-These should be formatted as an {{HTMLElement("ol")}} ordered list (optionally nested).
-You can do this by using the numbered list button in the editor toolbar.
-For example, your quicklinks HTML might look like this:
+## Creating sidebars
 
-```html
+Every page has a sidebar. These sidebars are created by Quicklinks. **Quicklinks** are MDN macros that create boxes containing a potentially hierarchical list of links to other pages on this site. They are mainly used in sidebars, though can also be used in the main content area.
+
+> **Note:** The "Quicklinks" names comes from the ID used in server-side scripts to identify these content areas and may come from a shortening of [`id="Quick_links"`](#sidebars_adding_additional_content).
+
+When a Quicklink is included, the server creates a section of content containing an unordered list of links. The links created, where they are displayed, and how they are displayed depend on the macro used and the parameters included in the markdown macro call. Some quicklinks include links based on a directory's structure or page type. Others include a list of predefined pages that are hard-coded in Yari.
+
+### Fully macro-generated sidebars
+
+To include only the content generated by the Quicklink macro, the macro is added immediately after the frontmatter and before the content on every page. For example, the first lines of this document are written as:
+
+```md
+---
+title: Sidebars and other link macros
+slug: MDN/Writing_guidelines/Page_structures/Quicklinks
+page-type: mdn-writing-guide
+---
+
+\{{MDNSidebar}}
+```
+
+The `\{{MDNSidebar}}` is a Quicklink macro that adds the MDN sidebar to the page. Because we only want the content from the macro, and no additional content in our sidebar, the macro is placed immediately after the frontmatter.
+
+Here are a few other Quicklink macros, with what they do:
+
+- `\{{CSSRef}}`
+
+  - : Present on every CSS page, it generates a CSS sidebar that includes links for modules, properties, selectors, combinators, pseudo-classes, pseudo-elements, at-rules, functions, and types, with all the link lists collapsed except for the link list for the current page type.
+
+- `\{{DefaultAPISidebar("<API_Title>")}}`
+
+  - : The API sidebar displayed for overview pages; the single parameter is the name of the API group in GroupData.
+
+- Other sidebar "quicklink" macros
+  - : Other sidebar generating macro calls include `\{{GlossarySidebar}}`, `\{{LearnSidebar}}`,`\{{HTMLSidebar}}`, `\{{HTTPSidebar}}`, `\{{PWASidebar}}`, etc.
+
+The appropriate macro to use depends on the page type and is listed in the template for each page type.
+
+### Sidebars: adding additional content
+
+Each of the Quicklink macros listed above creates a predefined sidebar structure.
+If you need to append links before or after the sidebar structure generated by the macro, you can do so by:
+
+1. Remove any sidebar Quicklink macro appearing immediately after the frontmatter and before the content, as each document can only have one sidebar.
+2. At the end of the markdown file, add an HTML {{htmlelement("section")}} element and add `id="Quick_links"` (Hence the name "Quicklinks") to the opening tag.
+3. Nest both the macro and any additional links within this `<section>`.
+
+For example, adding the following at the end of a markdown file (and removing any sidebar macro from below the frontmatter), will create a sidebar containing the links to all the ARIA role pages, preceded by a link to the ARIA roles overview page:
+
+```md
+<section id="Quick_links">
+
+1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
+
+   \{{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", "true")}}
+
+</section>
+```
+
+> **Note:** This `<section>` must be appended to the end of the page, instead of between the frontmatter and the page content.
+
+You can also fully craft a sidebar with more than one Quicklinks macro, without including a Quicklinks macro, with cross reference macros, or any combination of macros and markdown. The steps to creating a sidebar without a Quicklinks macro are similar to the steps for the ARIA example above:
+
+1. Remove any sidebar Quicklink macro appearing immediately after the frontmatter and before the content.
+2. At the end of the markdown file, add the following HTML markup as the last content of the markdown file: `<section id="Quick_links"></section>`.
+3. Add an unordered list of links written in markdown between the opening and closing `<section>` tags.
+
+```md
 <section id="Quick_links">
-  <ol>
-    <li><a href="http://docs.ckeditor.com/">CKEditor documentation site</a></li>
-    <li>
-      <a href="http://mxr.mozilla.org/">MXR: Mozilla source cross-reference</a>
-    </li>
-    <li class="toggle">
-      <details>
-        <summary>Style guides</summary>
-        <ol>
-          <li>
-            <a href="http://www.economist.com/research/StyleGuide/"
-              >The Economist style guide</a
-            >
-          </li>
-          <li>
-            <a href="https://www.amazon.com/gp/product/0226104036/"
-              >The Chicago manual of style</a
-            >
-          </li>
-          <li>
-            <a href="http://www.answers.com/library/Dictionary"
-              >Answers.com dictionary</a
-            >
-          </li>
-          <li>
-            <a href="http://www.wsu.edu/~brians/errors/"
-              >Common Errors in English</a
-            >
-          </li>
-        </ol>
-      </details>
-    </li>
-  </ol>
+
+- [WAI-ARIA `button` role](/en-US/docs/Web/Accessibility/ARIA/Roles/Button_role)
+- \{{HTMLElement("button")}}
+- \{{HTMLElement("input/button", "button")}} \{{HTMLElement("input")}}
+
 </section>
 ```
 
-The important things to note:
+> **Note:** To include content in your sidebar along with a quicklink macro, the extra content and the quicklinks macro must be placed at the end of the document. Only one sidebar is created per page, so any macro listed after the frontmatter must be removed.
+
+## Main content area links
+
+Macros are not limited to sidebars or even to long lists of links.
 
-- The list **should** be an ordered list.
-- You may have nested lists by using a {{HTMLElement("details")}} containing another ordered list **inside** the same {{HTMLElement("li")}} block.
+### Lists of links
 
-## Using macros to create quicklinks
+Quicklink macros can also be used to add lists of links to the main area of the page. The following macros do not create a sidebar. They create a list of links. They can be included in the content of the page or within a sidebar.
 
-It's worth noting that you can (and often **should**) use macros to generate quicklinks.
-Any time you need to use the same set of quicklinks on more than one page, you should turn them into a macro.
+- `\{{LandingPageListSubPages()}}`
 
-Your macro can be as simple or as complex as necessary; it needs to output HTML similar to what's shown in [Quicklinks syntax](#quicklinks_syntax) above.
+  - : Inserts a definition list ({{HTMLelement("dl")}}) of the subpages of the current page, with each page's title as the {{HTMLelement("dt")}} term and its SEO summary as the {{HTMLelement("dd")}} term. The optional parameter accepts the slug or the parent page of the directory of pages to output instead of the subpages of the current page.
 
-### Standard quicklinks macros
+- `\{{ListSubpagesForSidebar(<parameters>)}}`
 
-Here's a list of our standard macros for generating quicklinks.
+  - : Inserts a tree of subpages of the slug of the pages specified as the first parameter. Include two parameters, with the second being `true` or `1`, to display the links as plain text instead of like code. Include a third parameter, set to `true` or `1`, to include the parent page at the top of the list with the link text "Overview".
+
+To add include either list of links as part of a sidebar, include the macro as described in [Sidebars: adding additional content](#sidebars-adding-additional-content).
+
+### Cross-reference links
+
+In addition to macros that create lists of links, there are macros that quickly create a single link to cross-reference a CSS, JavaScript, SVG, or HTML feature, including attributes, elements, properties, data types, and APIs. The macros that create single links require at least one parameter: the feature being referenced.
+
+Some of these macros include (see [all the macros on Github](https://github.com/mdn/yari/tree/main/kumascript/macros)):
+
+- [`\{{CSSxRef("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/cssxref.ejs)
+- [`\{{DOMxRef("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/DOMxRef.ejs)
+- [`\{{HTMLElement("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/HTMLElement.ejs)
+- [`\{{glossary("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/Glossary.ejs)
+- [`\{{JSxRef("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/jsxref.ejs)
+- [`\{{SVGAttr("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/SVGAttr.ejs)
+- [`\{{SVGElement("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/SVGElement.ejs)
+- [`\{{HTTPMethod("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/HTTPMethod.ejs)
+- [`\{{HTTPStatus("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/HTTPStatus.ejs)
+
+All the macros accept additional parameters. By default, the text displayed is the linked resource as written in the first parameter. The second parameter, if present, provides the link text. In most cases, these links are displayed like code, in a monospace font. To prevent HTML code semantics and CSS code styling, some of the cross-reference macros include a parameter with the value of `"nocode"` to disable this styling.
+
+For example, `\{{CSSxRef("background-color")}}` creates the code link "{{CSSxRef("background-color")}}" and `{{domxref("CSS.supports_static", "check support", "nocode")}}` creates the plain text link "{{domxref("CSS.supports_static", "check support", "nocode")}}".
+
+To learn which parameters each macro supports along with the order of parameters for each macro, the macro's source file, linked above, includes documentation. There is a [list of commonly used macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros), each of which outputs links in the main content area of the page.
+
+## Underlying code for MDN macros
+
+There are around 100 [available macros](https://github.com/mdn/yari/tree/main/kumascript/macros). Here are a few standard macros for generating quicklinks and an example of a hardcoded Yari macro list.
 
 - [`CSSRef`](https://github.com/mdn/yari/blob/main/kumascript/macros/CSSRef.ejs)
   - : Builds the standard quicklinks for CSS Reference pages.
@@ -79,3 +143,10 @@ Here's a list of our standard macros for generating quicklinks.
   - : Creates a set of quicklinks using the current page's (or the specified page's) children as the destinations.
     This creates hierarchical lists up to two levels deep.
     The pages' titles are used as the link text and their summaries as tooltips.
+
+## See also
+
+- [Using macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros)
+- [Macros](https://github.com/mdn/yari/tree/main/kumascript/macros) on Github
+- [Commonly used macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros), including BCD macros ( `\{{Compat}}`, `\{{Compat(&lt;feature>)}}`, and `\{{Compat(&lt;feature>, &lt;depth>)}}`) and specification macros (`\{{Specifications}}` / `\{{Specifications(&lt;feature>)}}`)
+- [Banners and notices guide](/en-US/docs/MDN/Writing_guidelines/Page_structures/Banners_and_notices)including the `\{{SeeCompatTable}}`, `\{{Deprecated_Header}}`, and `\{{SecureContext_Header}}` macros.
diff --git a/files/en-us/mdn/writing_guidelines/writing_style_guide/index.md b/files/en-us/mdn/writing_guidelines/writing_style_guide/index.md
index 134cc095411de60..292f790daacf31d 100644
--- a/files/en-us/mdn/writing_guidelines/writing_style_guide/index.md
+++ b/files/en-us/mdn/writing_guidelines/writing_style_guide/index.md
@@ -393,7 +393,7 @@ Try to be consistent, though.
 
 ## Page components
 
-This section lists the guidelines to follow for components such as headings, notes, links, and examples that commonly appear on a page.
+This section lists the guidelines to follow for different parts of each page, such as headings, notes, links, and examples.
 
 - [Code examples](#code_examples)
 - [Cross-references (linking)](#cross-references_linking)
@@ -511,6 +511,7 @@ If you include images or other media on a page, follow these guidelines:
 - Make sure the media license allows you to use them. Try to use media that has a very permissive license such as [CC0](https://creativecommons.org/share-your-work/public-domain/cc0/) or at least one that is compatible with our general content license — [Creative Commons Attribution-ShareAlike license](https://creativecommons.org/licenses/by-sa/2.5/) (CC-BY-SA).
 - For images, run them through <https://tinypng.com> or <https://imageoptim.com> to reduce the page weight.
 - For `SVG`, run the code through [SVGOMG](https://jakearchibald.github.io/svgomg/), and ensure that the `SVG` file has an empty line at the end of the file.
+- Every image must [include descriptive `alt` text](/en-US/docs/MDN/Writing_guidelines/Howto/Images_media#adding_alternative_text_to_images).
 
 ### Lists
 

From 38d151f66619ac3c8f527b9e4dd402b9a3cf32dd Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 4 Jan 2024 14:19:28 +0800
Subject: [PATCH 253/790] Navigation API | fix apiref & add Experimental_Inline
 (#31505)

* add spec-urls header formatter

* sentence fix

* update APIRef

* update text

* style fix

* update browser-compat

* add {{Experimental_Inline}} mark

* fix
---
 files/en-us/web/api/navigation_api/index.md   | 31 ++++++++++---------
 .../en-us/web/api/window/navigation/index.md  |  6 ++--
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/files/en-us/web/api/navigation_api/index.md b/files/en-us/web/api/navigation_api/index.md
index 00417d01ee95bab..3fe25516a83fc62 100644
--- a/files/en-us/web/api/navigation_api/index.md
+++ b/files/en-us/web/api/navigation_api/index.md
@@ -6,22 +6,25 @@ status:
   - experimental
 browser-compat:
   - api.Navigation
-  - api.NavigateEvent
+  - api.NavigationDestination
+  - api.NavigationHistoryEntry
+  - api.NavigationTransition
+spec-urls: https://html.spec.whatwg.org/multipage/nav-history-apis.html#navigation-api
 ---
 
 {{SeeCompatTable}}{{DefaultAPISidebar("Navigation API")}}
 
-The **Navigation API** provides the ability to initiate, intercept, and manage browser navigation actions. It can also examine an application's history entries. This is a successor to previous web platform features such as the {{domxref("History API", "History API", "", "nocode")}} and {{domxref("window.location")}}, which solves their shortcomings and is specifically aimed at the needs of {{glossary("SPA", "single-page applications (SPAs)")}}.
+The **Navigation API** provides the ability to initiate, intercept, and manage browser navigation actions. It can also examine an application's history entries. This is a successor to previous web platform features such as the {{domxref("History API", "", "", "nocode")}} and {{domxref("window.location")}}, which solves their shortcomings and is specifically aimed at the needs of {{glossary("SPA", "single-page applications (SPAs)")}}.
 
 ## Concepts and usage
 
-In SPAs, the page template tends to stay the same during usage, and the content is dynamically rewritten as the user visits different pages or features. As a result, only one distinct page is loaded in the browser, which breaks the expected user experience of navigating back and forth between different locations in the viewing history. This problem can be solved to a degree via the {{domxref("History API", "History API", "", "nocode")}}, but it is not designed for the needs of SPAs. The Navigation API aims to bridge that gap.
+In SPAs, the page template tends to stay the same during usage, and the content is dynamically rewritten as the user visits different pages or features. As a result, only one distinct page is loaded in the browser, which breaks the expected user experience of navigating back and forth between different locations in the viewing history. This problem can be solved to a degree via the {{domxref("History API", "", "", "nocode")}}, but it is not designed for the needs of SPAs. The Navigation API aims to bridge that gap.
 
 The API is accessed via the {{domxref("Window.navigation")}} property, which returns a reference to a global {{domxref("Navigation")}} object. Each `window` object has its own corresponding `navigation` instance.
 
 ### Handling navigations
 
-The `navigation` interface has several associated events, the most notable being the {{domxref("Navigation/navigate_event", "navigate")}} event. This is fired when [any type of navigation](https://github.com/WICG/navigation-api#appendix-types-of-navigations) is initiated, meaning that you can control all page navigations from one central place, ideal for routing functionality in SPA frameworks. (This is not the case with the {{domxref("History API", "History API", "", "nocode")}}, where it is sometimes hard to figure out responding to all navigations.) The `navigate` event handler is passed a {{domxref("NavigateEvent")}} object, which contains detailed information including details around the navigation's destination, type, whether it contains `POST` form data or a download request, and more.
+The `navigation` interface has several associated events, the most notable being the {{domxref("Navigation/navigate_event", "navigate")}} event. This is fired when [any type of navigation](https://github.com/WICG/navigation-api#appendix-types-of-navigations) is initiated, meaning that you can control all page navigations from one central place, ideal for routing functionality in SPA frameworks. (This is not the case with the {{domxref("History API", "", "", "nocode")}}, where it is sometimes hard to figure out responding to all navigations.) The `navigate` event handler is passed a {{domxref("NavigateEvent")}} object, which contains detailed information including details around the navigation's destination, type, whether it contains `POST` form data or a download request, and more.
 
 The `NavigationEvent` object also provides two methods:
 
@@ -42,7 +45,7 @@ When the `intercept()` handler function's promise fulfills, the `Navigation` obj
 
 As the user navigates through your application, each new location navigated to results in the creation of a navigation history entry. Each history entry is represented by a distinct {{domxref("NavigationHistoryEntry")}} object instance. These contain several properties such as the entry's key, URL, and state information. You can get the entry that the user is currently on right now using {{domxref("Navigation.currentEntry")}}, and an array of all existing history entries using {{domxref("Navigation.entries()")}}. Each `NavigationHistoryEntry` object has a {{domxref("NavigationHistoryEntry/dispose_event", "dispose")}} event, which fires when the entry is no longer part of the browser history. For example, if the user navigates back three times, then navigates forward to somewhere else, those three history entries will be disposed of.
 
-> **Note:** The Navigation API only exposes history entries created in the current browsing context that have the same origin as the current page (e.g. not navigations inside embedded {{htmlelement("iframe")}}s, or cross-origin navigations), providing an accurate list of all previous history entries just for your app. This makes traversing the history a much less fragile proposition than with the older {{domxref("History API", "History API", "", "nocode")}}.
+> **Note:** The Navigation API only exposes history entries created in the current browsing context that have the same origin as the current page (e.g. not navigations inside embedded {{htmlelement("iframe")}}s, or cross-origin navigations), providing an accurate list of all previous history entries just for your app. This makes traversing the history a much less fragile proposition than with the older {{domxref("History API", "", "", "nocode")}}.
 
 The `Navigation` object contains all the methods you'll need to update and traverse through the navigation history:
 
@@ -78,28 +81,28 @@ In some cases however, a state change will be independent from a navigation or r
 There are a few perceived limitations with the Navigation API:
 
 1. The current specification doesn't trigger a {{domxref("Navigation.navigate_event", "navigate")}} event on a page's first load. This might be fine for sites that use Server Side Rendering (SSR)—your server could return the correct initial state, which is the fastest way to get content to your users. But sites that leverage client-side code to create their pages may need an additional function to initialize the page.
-2. The Navigation API operates only within a single frame—the top-level page, or a single specific {{htmlelement("iframe")}}. This has some interesting implications that are [further documented in the spec](https://github.com/WICG/navigation-api#warning-backforward-are-not-always-opposites), but in practice, will reduce developer confusion. The previous {{domxref("History API", "History API", "", "nocode")}} has several confusing edge cases, like support for frames, which the Navigation API handles up-front.
+2. The Navigation API operates only within a single frame—the top-level page, or a single specific {{htmlelement("iframe")}}. This has some interesting implications that are [further documented in the spec](https://github.com/WICG/navigation-api#warning-backforward-are-not-always-opposites), but in practice, will reduce developer confusion. The previous {{domxref("History API", "", "", "nocode")}} has several confusing edge cases, like support for frames, which the Navigation API handles up-front.
 3. You can't currently use the Navigation API to programmatically modify or rearrange the history list. It might be useful to have a temporary state, for example navigating the user to a temporary modal that asks them for some information, then going back to the previous URL. In this case, you'd want to delete the temporary modal navigation entry so the user cannot mess up the application flow by hitting the forward button and opening it again.
 
 ## Interfaces
 
-- {{domxref("NavigateEvent")}}
+- {{domxref("NavigateEvent")}} {{Experimental_Inline}}
   - : Event object for the {{domxref("Navigation/navigate_event", "navigate")}} event, which fires when [any type of navigation](https://github.com/WICG/navigation-api#appendix-types-of-navigations) is initiated. It provides access to information about that navigation, and most notably the {{domxref("NavigateEvent.intercept", "intercept()")}}, which allows you to control what happens when the navigation is initiated.
-- {{domxref("Navigation")}}
+- {{domxref("Navigation")}} {{Experimental_Inline}}
   - : Allows control over all navigation actions for the current `window` in one central place, including initiating navigations programmatically, examining navigation history entries, and managing navigations as they happen.
-- {{domxref("NavigationCurrentEntryChangeEvent")}}
+- {{domxref("NavigationCurrentEntryChangeEvent")}} {{Experimental_Inline}}
   - : Event object for the {{domxref("Navigation/currententrychange_event", "currententrychange")}} event, which fires when the {{domxref("Navigation.currentEntry")}} has changed. It provides access to the navigation type, and the previous history entry that was navigated from.
-- {{domxref("NavigationDestination")}}
+- {{domxref("NavigationDestination")}} {{Experimental_Inline}}
   - : Represents the destination being navigated to in the current navigation.
-- {{domxref("NavigationHistoryEntry")}}
+- {{domxref("NavigationHistoryEntry")}} {{Experimental_Inline}}
   - : Represents a single navigation history entry.
-- {{domxref("NavigationTransition")}}
+- {{domxref("NavigationTransition")}} {{Experimental_Inline}}
   - : Represents an ongoing navigation.
 
 ## Extensions to other interfaces
 
-- {{domxref("Window.navigation")}}
-  - : Returns the current `window`'s associated {{domxref("Navigation")}} object. Entry point for the API.
+- {{domxref("Window.navigation")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : Returns the current `window`'s associated {{domxref("Navigation")}} object. This is the entry point for the Navigation API.
 
 ## Examples
 
diff --git a/files/en-us/web/api/window/navigation/index.md b/files/en-us/web/api/window/navigation/index.md
index b295d87c92753e7..814d3426659839b 100644
--- a/files/en-us/web/api/window/navigation/index.md
+++ b/files/en-us/web/api/window/navigation/index.md
@@ -8,11 +8,11 @@ status:
 browser-compat: api.Window.navigation
 ---
 
-{{APIRef}}{{SeeCompatTable}}
+{{APIRef("Navigation API")}}{{SeeCompatTable}}
 
-The `navigation` read-only property of the {{domxref("Window")}} interface returns the current `window`'s associated {{domxref("Navigation")}} object.
+The **`navigation`** read-only property of the {{domxref("Window")}} interface returns the current `window`'s associated {{domxref("Navigation")}} object.
 
-The entry point for the {{domxref("Navigation API")}}.
+This is the entry point for the {{domxref("Navigation API", "", "", "nocode")}}.
 
 ## Value
 

From e00c30e3919b1cc08fa1ea3913e75a42a91add02 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 4 Jan 2024 14:23:43 +0800
Subject: [PATCH 254/790] Navigation | update exception & add optional mark
 (#31504)

* add param optional mark

* use domxref

* style update

* add optional mark for param

* style update

* update exception section

* update exception section

* Update files/en-us/web/api/navigation/forward/index.md

* Update files/en-us/web/api/navigation/forward/index.md
---
 files/en-us/web/api/navigation/back/index.md         | 4 ++--
 files/en-us/web/api/navigation/cangoforward/index.md | 2 +-
 files/en-us/web/api/navigation/forward/index.md      | 6 +++---
 files/en-us/web/api/navigation/traverseto/index.md   | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/files/en-us/web/api/navigation/back/index.md b/files/en-us/web/api/navigation/back/index.md
index 50dd7e97fc01973..07b8225627064ef 100644
--- a/files/en-us/web/api/navigation/back/index.md
+++ b/files/en-us/web/api/navigation/back/index.md
@@ -23,7 +23,7 @@ back(options)
 
 - `options` {{optional_inline}}
   - : An options object containing the following properties:
-    - `info`
+    - `info` {{optional_inline}}
       - : Developer-defined information to be passed along to the {{domxref("Navigation/navigate_event", "navigate")}} event, made available in {{domxref("NavigateEvent.info")}}. This can be any data type. You might, for example, wish to display newly-navigated content with a different animation depending on how it was navigated to (swipe left, swipe right, or go home). A string indicating which animation to use could be passed in as `info`.
 
 ### Return value
@@ -40,7 +40,7 @@ Either one of these promises rejects if the navigation has failed for some reaso
 ### Exceptions
 
 - `InvalidStateError` {{domxref("DOMException")}}
-  - : Thrown if the {{domxref("Navigation.currentEntry")}}'s {{domxref("NavigationHistoryEntry.index")}} value is -1 or 0, i.e. either the current {{domxref("Document")}} is not yet active, or the current history entry is the first one in the history, meaning that backwards navigation is not possible.
+  - : Thrown if the {{domxref("Navigation.currentEntry")}}'s {{domxref("NavigationHistoryEntry.index")}} value is -1 or 0, i.e. either the current {{domxref("Document")}} is not yet active, or the current history entry is the first one in the history, meaning that backwards navigation is not possible, or if the current {{domxref("Document")}} is unloading.
 
 ## Examples
 
diff --git a/files/en-us/web/api/navigation/cangoforward/index.md b/files/en-us/web/api/navigation/cangoforward/index.md
index d7f6b043eb18567..d7928e2f593b19b 100644
--- a/files/en-us/web/api/navigation/cangoforward/index.md
+++ b/files/en-us/web/api/navigation/cangoforward/index.md
@@ -17,7 +17,7 @@ and `false` if it is not.
 
 ## Value
 
-A boolean value:`true` if it is possible to navigate forwards in the navigation history, `false`otherwise.
+A boolean value: `true` if it is possible to navigate forwards in the navigation history, `false` otherwise.
 
 ## Examples
 
diff --git a/files/en-us/web/api/navigation/forward/index.md b/files/en-us/web/api/navigation/forward/index.md
index 7c8b64d66dcfb8a..7a6bd4ab02704b8 100644
--- a/files/en-us/web/api/navigation/forward/index.md
+++ b/files/en-us/web/api/navigation/forward/index.md
@@ -23,7 +23,7 @@ forward(options)
 
 - `options` {{optional_inline}}
   - : An options object containing the following properties:
-    - `info`
+    - `info` {{optional_inline}}
       - : Developer-defined information to be passed along to the {{domxref("Navigation/navigate_event", "navigate")}} event, made available in {{domxref("NavigateEvent.info")}}. This can be any data type. You might, for example, wish to display newly-navigated content with a different animation depending on how it was navigated to (swipe left, swipe right, or go home). A string indicating which animation to use could be passed in as `info`.
 
 ### Return value
@@ -33,14 +33,14 @@ An object with the following properties:
 - `committed`
   - : A {{jsxref("Promise")}} which will fulfill when the visible URL has changed and a new {{domxref("NavigationHistoryEntry")}} has been created.
 - `finished`
-  - : A {{jsxref("Promise")}} which will fulfill when all promises returned by the `intercept()` handler are fulfilled. This is equivalent to the {{domxref("NavigationTransition.finished")}} promise fulfilling, when the {{domxref("Navigation/navigatesuccess_event", "navigatesuccess")}} event fires.
+  - : A {{jsxref("Promise")}} which will fulfill when all promises returned by the {{domxref("NavigateEvent.intercept()")}} handler are fulfilled. This is equivalent to the {{domxref("NavigationTransition.finished")}} promise fulfilling, when the {{domxref("Navigation/navigatesuccess_event", "navigatesuccess")}} event fires.
 
 Either one of these promises rejects if the navigation has failed for some reason.
 
 ### Exceptions
 
 - `InvalidStateError` {{domxref("DOMException")}}
-  - : Thrown if the {{domxref("Navigation.currentEntry")}}'s {{domxref("NavigationHistoryEntry.index")}} value is -1 or {{domxref("Navigation.entries", "navigation.entries().length - 1")}}, i.e. either the current {{domxref("Document")}} is not yet active, or the current history entry is the last one in the history, meaning that forwards navigation is not possible.
+  - : Thrown if the {{domxref("Navigation.currentEntry")}}'s {{domxref("NavigationHistoryEntry.index")}} value is -1 or {{domxref("Navigation.entries", "navigation.entries().length - 1")}}, i.e. either the current {{domxref("Document")}} is not yet active, or the current history entry is the last one in the history, meaning that forwards navigation is not possible, or if the current {{domxref("Document")}} is unloading.
 
 ## Examples
 
diff --git a/files/en-us/web/api/navigation/traverseto/index.md b/files/en-us/web/api/navigation/traverseto/index.md
index 6a7bda017309594..9bbb3a970e577ac 100644
--- a/files/en-us/web/api/navigation/traverseto/index.md
+++ b/files/en-us/web/api/navigation/traverseto/index.md
@@ -25,7 +25,7 @@ traverseTo(key, options)
   - : The `key` of the {{domxref("NavigationHistoryEntry")}} to navigate to.
 - `options` {{optional_inline}}
   - : An options object containing the following properties:
-    - `info`
+    - `info` {{optional_inline}}
       - : Developer-defined information to be passed along to the {{domxref("Navigation/navigate_event", "navigate")}} event, made available in {{domxref("NavigateEvent.info")}}. This can be any data type. You might, for example, wish to display newly-navigated content with a different animation depending on how it was navigated to (swipe left, swipe right, or go home). A string indicating which animation to use could be passed in as `info`.
 
 ### Return value
@@ -42,7 +42,7 @@ Either one of these promises rejects if the navigation has failed for some reaso
 ### Exceptions
 
 - `InvalidStateError` {{domxref("DOMException")}}
-  - : Thrown if the {{domxref("Navigation.currentEntry")}}'s {{domxref("NavigationHistoryEntry.index")}} value is -1, meaning the current {{domxref("Document")}} is not yet active, of if the navigation history list does not contain a {{domxref("NavigationHistoryEntry")}} with the specified key.
+  - : Thrown if the {{domxref("Navigation.currentEntry")}}'s {{domxref("NavigationHistoryEntry.index")}} value is -1, meaning the current {{domxref("Document")}} is not yet active, of if the navigation history list does not contain a {{domxref("NavigationHistoryEntry")}} with the specified key, or if the current {{domxref("Document")}} is unloading.
 
 ## Examples
 

From 580a62d0d68d5b35dd624c8f23be79698cfb78c2 Mon Sep 17 00:00:00 2001
From: Leonid Vinogradov <win.leon@protonmail.com>
Date: Thu, 4 Jan 2024 09:26:03 +0300
Subject: [PATCH 255/790] fix method name on
 `Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString` (#31499)

fix method name on 'Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString'
---
 .../reference/global_objects/date/tolocaletimestring/index.md   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/date/tolocaletimestring/index.md b/files/en-us/web/javascript/reference/global_objects/date/tolocaletimestring/index.md
index 6ee3ac5d40e10cd..8ffecfacdefd2f1 100644
--- a/files/en-us/web/javascript/reference/global_objects/date/tolocaletimestring/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/date/tolocaletimestring/index.md
@@ -9,7 +9,7 @@ browser-compat: javascript.builtins.Date.toLocaleTimeString
 
 The **`toLocaleTimeString()`** method of {{jsxref("Date")}} instances returns a string with a language-sensitive representation of the time portion of this date in the local timezone. In implementations with [`Intl.DateTimeFormat` API](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat) support, this method simply calls `Intl.DateTimeFormat`.
 
-Every time `toLocaleString` is called, it has to perform a search in a big database of localization strings, which is potentially inefficient. When the method is called many times with the same arguments, it is better to create a {{jsxref("Intl.DateTimeFormat")}} object and use its {{jsxref("Intl/DateTimeFormat/format", "format()")}} method, because a `DateTimeFormat` object remembers the arguments passed to it and may decide to cache a slice of the database, so future `format` calls can search for localization strings within a more constrained context.
+Every time `toLocaleTimeString` is called, it has to perform a search in a big database of localization strings, which is potentially inefficient. When the method is called many times with the same arguments, it is better to create a {{jsxref("Intl.DateTimeFormat")}} object and use its {{jsxref("Intl/DateTimeFormat/format", "format()")}} method, because a `DateTimeFormat` object remembers the arguments passed to it and may decide to cache a slice of the database, so future `format` calls can search for localization strings within a more constrained context.
 
 {{EmbedInteractiveExample("pages/js/date-tolocaletimestring.html")}}
 

From 43c32d8e6433c6029996a632b594e393c38a9de0 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 4 Jan 2024 17:05:00 +0900
Subject: [PATCH 256/790] Fix "thing lines" to "thin lines" (#31508)

---
 files/en-us/web/css/cursor/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/cursor/index.md b/files/en-us/web/css/cursor/index.md
index 73bcb46143a6ba4..fac681c4ddf967e 100644
--- a/files/en-us/web/css/cursor/index.md
+++ b/files/en-us/web/css/cursor/index.md
@@ -145,7 +145,7 @@ Each `<url>` may be optionally followed by a pair of space-separated numbers, wh
         </tr>
         <tr style="cursor: crosshair">
           <td><code>crosshair</code></td>
-          <td><img src="crosshair.gif" alt="plus symbol composed of two thing lines." /></td>
+          <td><img src="crosshair.gif" alt="plus symbol composed of two thin lines." /></td>
           <td>Cross cursor, often used to indicate selection in a bitmap.</td>
         </tr>
         <tr style="cursor: text">

From ecfd95854444b4a93171e0051474f73b315b9bee Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 4 Jan 2024 17:26:16 +0800
Subject: [PATCH 257/790] Remove documentation for `NotifyAudioAvailableEvent`
 (#31509)

remove
---
 files/en-us/_redirects.txt                    |  2 --
 files/en-us/_wikihistory.json                 | 13 -------------
 .../api/notifyaudioavailableevent/index.md    | 19 -------------------
 3 files changed, 34 deletions(-)
 delete mode 100644 files/en-us/web/api/notifyaudioavailableevent/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 1cd8c25be9a1ff2..7f66e5ed8fba347 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -1574,7 +1574,6 @@
 /en-US/docs/DOM/NodeList	/en-US/docs/Web/API/NodeList
 /en-US/docs/DOM/NodeList.item	/en-US/docs/Web/API/NodeList/item
 /en-US/docs/DOM/NodeList.item2	/en-US/docs/Web/API/NodeList/item
-/en-US/docs/DOM/NotifyAudioAvailableEvent	/en-US/docs/Web/API/NotifyAudioAvailableEvent
 /en-US/docs/DOM/Option	/en-US/docs/Web/API/HTMLOptionElement/Option
 /en-US/docs/DOM/Orientation_and_motion_data_explained	/en-US/docs/Web/API/Device_orientation_events/Orientation_and_motion_data_explained
 /en-US/docs/DOM/PannerNode	/en-US/docs/Web/API/PannerNode
@@ -2894,7 +2893,6 @@
 /en-US/docs/Document_Object_Model_(DOM)/NodeIterator.root	/en-US/docs/Web/API/NodeIterator/root
 /en-US/docs/Document_Object_Model_(DOM)/NodeIterator.whatToShow	/en-US/docs/Web/API/NodeIterator/whatToShow
 /en-US/docs/Document_Object_Model_(DOM)/NodeList	/en-US/docs/Web/API/NodeList
-/en-US/docs/Document_Object_Model_(DOM)/NotifyAudioAvailableEvent	/en-US/docs/Web/API/NotifyAudioAvailableEvent
 /en-US/docs/Document_Object_Model_(DOM)/Orientation_and_motion_data_explained	/en-US/docs/Web/API/Device_orientation_events/Orientation_and_motion_data_explained
 /en-US/docs/Document_Object_Model_(DOM)/Plugin	/en-US/docs/Web/API/Plugin
 /en-US/docs/Document_Object_Model_(DOM)/PluginArray	/en-US/docs/Web/API/PluginArray
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index bb1c2bc76a0ac47..df9c76f53db66b6 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -50529,19 +50529,6 @@
       "SignpostMarv"
     ]
   },
-  "Web/API/NotifyAudioAvailableEvent": {
-    "modified": "2019-03-24T00:05:46.158Z",
-    "contributors": [
-      "Sheppy",
-      "alsntjsu",
-      "fscholz",
-      "teoli",
-      "kscarfone",
-      "ethertank",
-      "jswisher",
-      "sebmozilla"
-    ]
-  },
   "Web/API/OES_element_index_uint": {
     "modified": "2020-10-15T21:43:51.807Z",
     "contributors": ["fscholz", "nmve", "teoli"]
diff --git a/files/en-us/web/api/notifyaudioavailableevent/index.md b/files/en-us/web/api/notifyaudioavailableevent/index.md
deleted file mode 100644
index 4a2be46fabc6730..000000000000000
--- a/files/en-us/web/api/notifyaudioavailableevent/index.md
+++ /dev/null
@@ -1,19 +0,0 @@
----
-title: NotifyAudioAvailableEvent
-slug: Web/API/NotifyAudioAvailableEvent
-page-type: web-api-interface
-status:
-  - deprecated
-  - non-standard
----
-
-{{APIRef("Web Audio API")}}{{Non-standard_header}}{{Deprecated_header}}
-
-The non-standard, obsolete, **`NotifyAudioAvailableEvent`** interface defines the event sent to audio elements when the audio buffer is full.
-
-## Instance properties
-
-- `frameBuffer` {{ReadOnlyInline}}
-  - : A {{jsxref("Float32Array")}} containing the raw 32-bit floating-point audio data obtained from decoding the audio (e.g., the raw data being sent to the audio hardware vs. encoded audio). The data is a series of audio samples, each sample containing one 32-bit value per audio channel. All audio frames are normalized to contain 1024 samples by default, but could be any length between 512 and 16384 samples if the user has set a different length using the **`mozFrameBufferLength`** attribute.
-- `time`
-  - : A floating-point value indicating the time in seconds at which the first sample in the `frameBuffer` occurs, relative to the start of the audio track.

From 1e49b93fb534f0282c4c92e36bd546c29fee1498 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Thu, 4 Jan 2024 14:34:49 +0100
Subject: [PATCH 258/790] Delete removed webkit prefixed pseudo-elements
 (#31484)

* Delete removed webkit prefixed pseudo-elements

* Remove missed  occurrence
---
 files/en-us/web/css/webkit_extensions/index.md | 15 ---------------
 1 file changed, 15 deletions(-)

diff --git a/files/en-us/web/css/webkit_extensions/index.md b/files/en-us/web/css/webkit_extensions/index.md
index 2825115b9782d22..d9d3b9b26ece6cd 100644
--- a/files/en-us/web/css/webkit_extensions/index.md
+++ b/files/en-us/web/css/webkit_extensions/index.md
@@ -204,26 +204,11 @@ For web-compatibility reasons, Blink, WebKit, and Gecko browsers treat all pseud
 - {{CSSxRef("::file-selector-button","::-webkit-file-upload-button")}}\*
 - {{CSSxRef("::-webkit-inner-spin-button", "::-webkit-inner-spin-button")}}
 - {{CSSxRef("::placeholder", "::-webkit-input-placeholder")}}
-- {{CSSxRef("::-webkit-media-controls", "::-webkit-media-controls")}}
-- {{CSSxRef("::-webkit-media-controls-current-time-display", "::-webkit-media-controls-current-time-display")}}
-- {{CSSxRef("::-webkit-media-controls-enclosure", "::-webkit-media-controls-enclosure")}}
-- {{CSSxRef("::-webkit-media-controls-fullscreen-button", "::-webkit-media-controls-fullscreen-button")}}
-- {{CSSxRef("::-webkit-media-controls-mute-button", "::-webkit-media-controls-mute-button")}}
-- {{CSSxRef("::-webkit-media-controls-overlay-enclosure", "::-webkit-media-controls-overlay-enclosure")}}
-- {{CSSxRef("::-webkit-media-controls-panel", "::-webkit-media-controls-panel")}}
-- {{CSSxRef("::-webkit-media-controls-play-button", "::-webkit-media-controls-play-button")}}
-- {{CSSxRef("::-webkit-media-controls-timeline", "::-webkit-media-controls-timeline")}}
-- {{CSSxRef("::-webkit-media-controls-time-remaining-display", "::-webkit-media-controls-time-remaining-display")}}
-- {{CSSxRef("::-webkit-media-controls-toggle-closed-captions-button", "::-webkit-media-controls-toggle-closed-captions-button")}}
-- {{CSSxRef("::-webkit-media-controls-volume-control-container", "::-webkit-media-controls-volume-control-container")}}
-- {{CSSxRef("::-webkit-media-controls-volume-control-hover-background", "::-webkit-media-controls-volume-control-hover-background")}}
-- {{CSSxRef("::-webkit-media-controls-volume-slider", "::-webkit-media-controls-volume-slider")}}
 - {{CSSxRef("::-webkit-meter-bar", "::-webkit-meter-bar")}}
 - {{CSSxRef("::-webkit-meter-even-less-good-value", "::-webkit-meter-even-less-good-value")}}
 - {{CSSxRef("::-webkit-meter-inner-element", "::-webkit-meter-inner-element")}}
 - {{CSSxRef("::-webkit-meter-optimum-value", "::-webkit-meter-optimum-value")}}
 - {{CSSxRef("::-webkit-meter-suboptimum-value", "::-webkit-meter-suboptimum-value")}}
-- {{CSSxRef("-webkit-media-text-track-container", "-webkit-media-text-track-container")}}
 - {{CSSxRef("::-webkit-outer-spin-button", "::-webkit-outer-spin-button")}}
 - {{CSSxRef("::-webkit-progress-bar", "::-webkit-progress-bar")}}
 - {{CSSxRef("::-webkit-progress-inner-element", "::-webkit-progress-inner-element")}}

From 0e264dd679bdb56fe062fe2849ae57e3209a702b Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Thu, 4 Jan 2024 14:47:27 +0100
Subject: [PATCH 259/790] Remove ::-webkit-outer-spin-button (#31479)

* Remove ::-webkit-outer-spin-button

* Remove link
---
 files/en-us/_redirects.txt                    |  1 +
 files/en-us/_wikihistory.json                 | 12 ----
 .../index.md                                  |  1 -
 .../index.md                                  | 60 -------------------
 .../en-us/web/css/webkit_extensions/index.md  |  1 -
 5 files changed, 1 insertion(+), 74 deletions(-)
 delete mode 100644 files/en-us/web/css/_doublecolon_-webkit-outer-spin-button/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 7f66e5ed8fba347..a7dd03bd26133a9 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -11323,6 +11323,7 @@
 /en-US/docs/Web/CSS/::-ms-browse	/en-US/docs/Web/CSS/::file-selector-button
 /en-US/docs/Web/CSS/::-webkit-file-upload-button	/en-US/docs/Web/CSS/::file-selector-button
 /en-US/docs/Web/CSS/::-webkit-input-placeholder	/en-US/docs/Web/CSS/::placeholder
+/en-US/docs/Web/CSS/::-webkit-outer-spin-button	/en-US/docs/Web/CSS/::-webkit-inner-spin-button
 /en-US/docs/Web/CSS/::-webkit-resizer	/en-US/docs/Web/CSS/::-webkit-scrollbar
 /en-US/docs/Web/CSS/::-webkit-scrollbar-button	/en-US/docs/Web/CSS/::-webkit-scrollbar
 /en-US/docs/Web/CSS/::-webkit-scrollbar-corner	/en-US/docs/Web/CSS/::-webkit-scrollbar
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index df9c76f53db66b6..94892dd2b47ef2e 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -73754,18 +73754,6 @@
       "yusufgulled"
     ]
   },
-  "Web/CSS/::-webkit-outer-spin-button": {
-    "modified": "2020-10-15T21:48:38.043Z",
-    "contributors": [
-      "Sheppy",
-      "wbamberg",
-      "fscholz",
-      "teoli",
-      "mfluehr",
-      "Sebastianz",
-      "AjayPoshak"
-    ]
-  },
   "Web/CSS/::-webkit-progress-bar": {
     "modified": "2020-10-15T21:41:33.061Z",
     "contributors": [
diff --git a/files/en-us/web/css/_doublecolon_-webkit-inner-spin-button/index.md b/files/en-us/web/css/_doublecolon_-webkit-inner-spin-button/index.md
index f530f9a1fb2b1b9..4f35e3206ea2965 100644
--- a/files/en-us/web/css/_doublecolon_-webkit-inner-spin-button/index.md
+++ b/files/en-us/web/css/_doublecolon_-webkit-inner-spin-button/index.md
@@ -55,6 +55,5 @@ Not part of any standard.
 
 ## See also
 
-- {{cssxref("::-webkit-outer-spin-button")}}
 - {{cssxref("::-webkit-textfield-decoration-container")}}
 - [Styling Form Controls – WebKit](https://trac.webkit.org/wiki/Styling%20Form%20Controls#inputelement)
diff --git a/files/en-us/web/css/_doublecolon_-webkit-outer-spin-button/index.md b/files/en-us/web/css/_doublecolon_-webkit-outer-spin-button/index.md
deleted file mode 100644
index d5fb52f451b6d12..000000000000000
--- a/files/en-us/web/css/_doublecolon_-webkit-outer-spin-button/index.md
+++ /dev/null
@@ -1,60 +0,0 @@
----
-title: "::-webkit-outer-spin-button"
-slug: Web/CSS/::-webkit-outer-spin-button
-page-type: css-pseudo-element
-status:
-  - non-standard
-browser-compat: css.selectors.-webkit-outer-spin-button
----
-
-{{CSSRef}}{{Non-standard_header}}
-
-The **`::-webkit-outer-spin-button`** CSS pseudo-element is used to style the outer part of the spinner button of number picker {{htmlelement("input")}} elements.
-
-## Syntax
-
-```css
-::-webkit-outer-spin-button {
-  /* ... */
-}
-```
-
-## Examples
-
-> **Note:** These examples only works on browsers based on WebKit or Blink.
-
-### Hiding the spinner
-
-This example uses `input::-webkit-outer-spin-button` to find {{HTMLElement("input")}} elements' spinner widgets and set their `-webkit-appearance` to `none`, thus hiding them.
-
-#### HTML
-
-```html
-<input type="number" />
-```
-
-#### CSS
-
-```css
-input::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-}
-```
-
-#### Result
-
-{{EmbedLiveSample("Hiding_the_spinner", 200, 30)}}
-
-## Specifications
-
-Not part of any standard.
-
-## Browser compatibility
-
-{{Compat}}
-
-## See also
-
-- {{cssxref("::-webkit-inner-spin-button")}}
-- {{cssxref("::-webkit-textfield-decoration-container")}}
-- [Styling Form Controls – WebKit](https://trac.webkit.org/wiki/Styling%20Form%20Controls#inputelement)
diff --git a/files/en-us/web/css/webkit_extensions/index.md b/files/en-us/web/css/webkit_extensions/index.md
index d9d3b9b26ece6cd..866663a524242ba 100644
--- a/files/en-us/web/css/webkit_extensions/index.md
+++ b/files/en-us/web/css/webkit_extensions/index.md
@@ -209,7 +209,6 @@ For web-compatibility reasons, Blink, WebKit, and Gecko browsers treat all pseud
 - {{CSSxRef("::-webkit-meter-inner-element", "::-webkit-meter-inner-element")}}
 - {{CSSxRef("::-webkit-meter-optimum-value", "::-webkit-meter-optimum-value")}}
 - {{CSSxRef("::-webkit-meter-suboptimum-value", "::-webkit-meter-suboptimum-value")}}
-- {{CSSxRef("::-webkit-outer-spin-button", "::-webkit-outer-spin-button")}}
 - {{CSSxRef("::-webkit-progress-bar", "::-webkit-progress-bar")}}
 - {{CSSxRef("::-webkit-progress-inner-element", "::-webkit-progress-inner-element")}}
 - {{CSSxRef("::-webkit-progress-value", "::-webkit-progress-value")}}

From bb9413719ff14e2cad0a07b7e2891135de1ceeae Mon Sep 17 00:00:00 2001
From: "Stanislav (Stanley) Modrak"
 <44023416+smith558@users.noreply.github.com>
Date: Thu, 4 Jan 2024 13:54:04 +0000
Subject: [PATCH 260/790] Add missing comma (#31511)

---
 .../css/building_blocks/images_media_form_elements/index.md     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md b/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md
index 8ab530db7249eae..19a70796b77751c 100644
--- a/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md
+++ b/files/en-us/learn/css/building_blocks/images_media_form_elements/index.md
@@ -74,7 +74,7 @@ You could also try the value of `fill`, which will fill the box but not maintain
 
 ## Replaced elements in layout
 
-When using various CSS layout techniques on replaced elements, you may well find that they behave slightly differently from other elements. For example, in a flex or grid layout elements are stretched by default to fill the entire area. Images will not stretch, and instead will be aligned to the start of the grid area or flex container.
+When using various CSS layout techniques on replaced elements, you may well find that they behave slightly differently from other elements. For example, in a flex or grid layout, elements are stretched by default to fill the entire area. Images will not stretch, and instead will be aligned to the start of the grid area or flex container.
 
 You can see this happening in the example below where we have a two column, two row grid container, which has four items in it. All of the `<div>` elements have a background color and stretch to fill the row and column. The image, however, does not stretch.
 

From d1c09bc252f07cb83a2e15968c9db1023e0bf56b Mon Sep 17 00:00:00 2001
From: Yehonatan Daniv <maggotfish@gmail.com>
Date: Thu, 4 Jan 2024 16:32:38 +0200
Subject: [PATCH 261/790] Removed line about perspective() needing to be listed
 first (#31486)

---
 files/en-us/web/css/transform/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/web/css/transform/index.md b/files/en-us/web/css/transform/index.md
index 9e5c3a4279d47af..85169ed53af8cee 100644
--- a/files/en-us/web/css/transform/index.md
+++ b/files/en-us/web/css/transform/index.md
@@ -61,8 +61,6 @@ transform: unset;
 
 The `transform` property may be specified as either the keyword value `none` or as one or more `<transform-function>` values.
 
-If {{cssxref("transform-function/perspective", "perspective()")}} is one of multiple function values, it must be listed first.
-
 ### Values
 
 - {{cssxref("&lt;transform-function&gt;")}}

From 5ae7ec91c468c50a0d5df76e932efa7bca5502ab Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Thu, 4 Jan 2024 09:57:50 -0800
Subject: [PATCH 262/790] Fix issue 22974: clarify sync function problem
 (#31204)

Fix issue 22974: clarify synch function problem
---
 .../learn/javascript/asynchronous/introducing/index.md   | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/files/en-us/learn/javascript/asynchronous/introducing/index.md b/files/en-us/learn/javascript/asynchronous/introducing/index.md
index 8540a5046da26b7..fa13b789d6312b7 100644
--- a/files/en-us/learn/javascript/asynchronous/introducing/index.md
+++ b/files/en-us/learn/javascript/asynchronous/introducing/index.md
@@ -197,13 +197,16 @@ document.querySelector("#reload").addEventListener("click", () => {
 
 {{EmbedLiveSample("The trouble with long-running synchronous functions", 600, 200)}}
 
-This is the basic problem with long-running synchronous functions. What we need is a way for our program to:
+The reason for this is that this JavaScript program is _single-threaded_. A thread is a sequence of instructions that a program follows. Because the program consists of a single thread, it can only do one thing at a time: so if it is waiting for our long-running synchronous call to return, it can't do anything else.
+
+What we need is a way for our program to:
 
 1. Start a long-running operation by calling a function.
 2. Have that function start the operation and return immediately, so that our program can still be responsive to other events.
-3. Notify us with the result of the operation when it eventually completes.
+3. Have the function execute the operation in a way that does not block the main thread, for example by starting a new thread.
+4. Notify us with the result of the operation when it eventually completes.
 
-That's precisely what asynchronous functions can do. The rest of this module explains how they are implemented in JavaScript.
+That's precisely what asynchronous functions enable us to do. The rest of this module explains how they are implemented in JavaScript.
 
 ## Event handlers
 

From 9ed37cecc595eae03bf5fa07994fae17acd76946 Mon Sep 17 00:00:00 2001
From: Mohamed Akram <mohd-akram@users.noreply.github.com>
Date: Thu, 4 Jan 2024 22:34:56 +0400
Subject: [PATCH 263/790] Fix list formatting (#31403)

---
 .../webglrenderingcontext/bufferdata/index.md | 59 +++++++++----------
 1 file changed, 29 insertions(+), 30 deletions(-)

diff --git a/files/en-us/web/api/webglrenderingcontext/bufferdata/index.md b/files/en-us/web/api/webglrenderingcontext/bufferdata/index.md
index 0431438a75f9f89..0414bbc2798d772 100644
--- a/files/en-us/web/api/webglrenderingcontext/bufferdata/index.md
+++ b/files/en-us/web/api/webglrenderingcontext/bufferdata/index.md
@@ -35,7 +35,6 @@ bufferData(target, srcData, usage, srcOffset, length)
       - : Buffer containing vertex attributes, such as
         vertex coordinates, texture coordinate data, or vertex color data.
     - `gl.ELEMENT_ARRAY_BUFFER`
-
       - : Buffer used for element indices.
 
     When using a {{domxref("WebGL2RenderingContext", "WebGL 2 context", "", 1)}}, the following values are available additionally:
@@ -77,35 +76,35 @@ bufferData(target, srcData, usage, srcOffset, length)
       - : The contents are intended to be specified
         once by the application, and used at most a few times as the source for
         WebGL drawing and image specification commands.
-    - When using a {{domxref("WebGL2RenderingContext", "WebGL 2 context", "",
-        1)}}, the following values are available additionally:
-
-      - `gl.STATIC_READ`
-        - : The contents are intended to be
-          specified once by reading data from WebGL, and queried many times
-          by the application.
-      - `gl.DYNAMIC_READ`
-        - : The contents are intended to be
-          respecified repeatedly by reading data from WebGL, and queried
-          many times by the application.
-      - `gl.STREAM_READ`
-        - : The contents are intended to be
-          specified once by reading data from WebGL, and queried at most a
-          few times by the application
-      - `gl.STATIC_COPY`
-        - : The contents are intended to be
-          specified once by reading data from WebGL, and used many times as
-          the source for WebGL drawing and image specification commands.
-      - `gl.DYNAMIC_COPY`
-        - : The contents are intended to be
-          respecified repeatedly by reading data from WebGL, and used many
-          times as the source for WebGL drawing and image specification
-          commands.
-      - `gl.STREAM_COPY`
-        - : The contents are intended to be
-          specified once by reading data from WebGL, and used at most a few
-          times as the source for WebGL drawing and image specification
-          commands.
+
+    When using a {{domxref("WebGL2RenderingContext", "WebGL 2 context", "", 1)}}, the following values are available additionally:
+
+    - `gl.STATIC_READ`
+      - : The contents are intended to be
+        specified once by reading data from WebGL, and queried many times
+        by the application.
+    - `gl.DYNAMIC_READ`
+      - : The contents are intended to be
+        respecified repeatedly by reading data from WebGL, and queried
+        many times by the application.
+    - `gl.STREAM_READ`
+      - : The contents are intended to be
+        specified once by reading data from WebGL, and queried at most a
+        few times by the application
+    - `gl.STATIC_COPY`
+      - : The contents are intended to be
+        specified once by reading data from WebGL, and used many times as
+        the source for WebGL drawing and image specification commands.
+    - `gl.DYNAMIC_COPY`
+      - : The contents are intended to be
+        respecified repeatedly by reading data from WebGL, and used many
+        times as the source for WebGL drawing and image specification
+        commands.
+    - `gl.STREAM_COPY`
+      - : The contents are intended to be
+        specified once by reading data from WebGL, and used at most a few
+        times as the source for WebGL drawing and image specification
+        commands.
 
 - `srcOffset`
   - : A {{domxref("WebGL_API/Types", "GLuint")}} specifying the element index offset where to start reading

From 68169d09635d6c14f665d106f875da639c114cfe Mon Sep 17 00:00:00 2001
From: Evgeny Kapun <abacabadabacaba@gmail.com>
Date: Thu, 4 Jan 2024 21:49:09 +0200
Subject: [PATCH 264/790] Improve the description of document.execCommand()
 (#31412)

* Improve the description of document.execCommand()

* Update files/en-us/web/api/document/execcommand/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../web/api/document/execcommand/index.md     | 21 +++++++------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/files/en-us/web/api/document/execcommand/index.md b/files/en-us/web/api/document/execcommand/index.md
index 018f9104f68cd22..337b054d7b69be8 100644
--- a/files/en-us/web/api/document/execcommand/index.md
+++ b/files/en-us/web/api/document/execcommand/index.md
@@ -10,19 +10,13 @@ browser-compat: api.Document.execCommand
 
 {{ApiRef("DOM")}}{{deprecated_header}}
 
-When an HTML document has been switched to
-[`designMode`](/en-US/docs/Web/API/Document/designMode), its
-`document` object exposes an **`execCommand`**
-method to run commands that manipulate the current editable region, such as [form inputs](/en-US/docs/Web/HTML/Element/input) or
-[`contentEditable`](/en-US/docs/Web/HTML/Global_attributes/contenteditable)
-elements.
+The **`execCommand`** method implements multiple different commands. Some of them provide access to the clipboard, while others are for editing [form inputs](/en-US/docs/Web/HTML/Element/input), [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes/contenteditable) elements or entire documents (when switched to [design mode](/en-US/docs/Web/API/Document/designMode)).
 
-Most commands affect the document's [selection](/en-US/docs/Web/API/Selection) (bold, italics, etc.), while others
-insert new elements (adding a link), or affect an entire line (indenting). When using
-`contentEditable`, `execCommand()` affects the currently active
-editable element.
+To access the clipboard, the newer [Clipboard API](/en-US/docs/Web/API/Clipboard_API) is recommended over `execCommand()`. However, there is no replacement for the editing commands: unlike direct DOM manipulation, modifications performed by `execCommand()` preserve the undo buffer (edit history).
 
-The [Clipboard API](/en-US/docs/Web/API/Clipboard_API) can be used instead of `execCommand` in many cases, but `execCommand` is still sometimes useful. In particular, the Clipboard API doesn't replace the `insertText` command, which you can use to programmatically replace text at the cursor while preserving the undo buffer (edit history) in plain `textarea` and `input` elements.
+Most commands affect the document's [selection](/en-US/docs/Web/API/Selection). For example, some commands (bold, italics, etc.) format the currently selected text, while others delete the selection, insert new elements (replacing the selection) or affect an entire line (indenting). Only the currently active editable element can be modified, but some commands (e.g. `copy`) can work without an editable element.
+
+> **Note:** Modifications performed by `execCommand()` may or may not trigger [`beforeinput`](/en-US/docs/Web/API/HTMLElement/beforeinput_event) and [`input`](/en-US/docs/Web/API/HTMLElement/input_event) events, depending on the browser and configuration. If triggered, the handlers for the events will run before `execCommand()` returns. Authors need to be careful about such recursive calls, especially if they call `execCommand()` in response to these events. From Firefox 82, nested `execCommand()` calls will always fail, see [bug 1634262](https://bugzil.la/1634262).
 
 ## Syntax
 
@@ -145,8 +139,7 @@ A boolean value that is `false` if the command is unsupported or disabled.
 
 > **Note:** `document.execCommand()` only returns
 > `true` if it is invoked as part of a user interaction. You can't use it to
-> verify browser support before calling a command. From Firefox 82, nested
-> `document.execCommand()` calls will always return `false`.
+> verify browser support before calling a command.
 
 ## Examples
 
@@ -225,7 +218,7 @@ function insertText(newText, selector) {
 
 ## Specifications
 
-This feature is not part of any current specification. It is no longer on track to become a standard.
+This feature is not part of any current specification, but there is an [unofficial draft](https://w3c.github.io/editing/docs/execCommand/) attempting to specify it.
 
 ## Browser compatibility
 

From 31adb079729df4b96305b4ffa396bd4216042124 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Thu, 4 Jan 2024 20:53:46 +0100
Subject: [PATCH 265/790] Remove accessKey from the property list of
 HTMLLegendElement (#31446)

---
 files/en-us/web/api/htmllegendelement/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/htmllegendelement/index.md b/files/en-us/web/api/htmllegendelement/index.md
index 58ea5ae4bec0195..1ef9e6d0a631275 100644
--- a/files/en-us/web/api/htmllegendelement/index.md
+++ b/files/en-us/web/api/htmllegendelement/index.md
@@ -18,7 +18,7 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 - {{domxref("HTMLLegendElement.align")}} {{deprecated_inline}}
   - : A string representing the alignment relative to the form set.
 - {{domxref("HTMLLegendElement.form")}} {{ReadOnlyInline}}
-  - : A {{domxref("HTMLFormElement")}} representing the form that this legend belongs to. If the legend has a fieldset element as its parent, then this attribute returns the same value as the **form** attribute on the parent fieldset element. Otherwise, it returns null.
+  - : A {{domxref("HTMLFormElement")}} representing the form that this legend belongs to. If the legend has a fieldset element as its parent, then this attribute returns the same value as the **form** attribute on the parent fieldset element. Otherwise, it returns `null`.
 
 ## Instance methods
 

From bf392ebfec90ac841870ce492b8d8728ff386c02 Mon Sep 17 00:00:00 2001
From: Evgeny Kapun <abacabadabacaba@gmail.com>
Date: Thu, 4 Jan 2024 22:09:25 +0200
Subject: [PATCH 266/790] Add a note about beforeinput event not always firing
 (#31415)

* Add a note about beforeinput event not always firing

* Update files/en-us/web/api/htmlelement/beforeinput_event/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/htmlelement/beforeinput_event/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/htmlelement/beforeinput_event/index.md

---------

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 files/en-us/web/api/htmlelement/beforeinput_event/index.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/api/htmlelement/beforeinput_event/index.md b/files/en-us/web/api/htmlelement/beforeinput_event/index.md
index 2521d74ada459a8..408d0191f25f6d5 100644
--- a/files/en-us/web/api/htmlelement/beforeinput_event/index.md
+++ b/files/en-us/web/api/htmlelement/beforeinput_event/index.md
@@ -8,12 +8,14 @@ browser-compat: api.HTMLElement.beforeinput_event
 
 {{APIRef}}
 
-The DOM **`beforeinput`** event fires when the value of an {{HTMLElement("input")}} or {{HTMLElement("textarea")}} element is about to be modified. But in contrast to the `input` event, it does not fire on the {{HTMLElement("select")}} element. The event also applies to elements with {{domxref("HTMLElement.contentEditable", "contenteditable")}} enabled, and to any element when {{domxref("Document.designMode", "designMode")}} is turned on.
+The DOM **`beforeinput`** event fires when the value of an {{HTMLElement("input")}} or {{HTMLElement("textarea")}} element is about to be modified. But in contrast to the {{domxref("HTMLElement/input_event", "input")}} event, it does not fire on the {{HTMLElement("select")}} element. The event also applies to elements with {{domxref("HTMLElement.contentEditable", "contenteditable")}} enabled, and to any element when {{domxref("Document.designMode", "designMode")}} is turned on.
 
 This allows web apps to override text edit behavior before the browser modifies the DOM tree, and provides more control over input events to improve performance.
 
 In the case of `contenteditable` and `designMode`, the event target is the **editing host**. If these properties apply to multiple elements, the editing host is the nearest ancestor element whose parent isn't editable.
 
+> **Note:** Not every user modification results in `beforeinput` firing. Also the event may fire but be non-cancelable. This may happen when the modification is done by autocomplete, by accepting a correction from a spell checker, by password manager autofill, by {{Glossary("Input method editor", "IME")}}, or in other ways. The details vary by browser and OS. To override the edit behavior in all situations, the code needs to handle the `input` event and possibly revert any modifications that were not handled by the `beforeinput` handler. See bugs [1673558](https://bugzil.la/1673558) and [1763669](https://bugzil.la/1763669).
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.

From 986dbc96ef0e721ca34ae986d2489e92c8feb351 Mon Sep 17 00:00:00 2001
From: Sina <143090846+mostafaei2002@users.noreply.github.com>
Date: Fri, 5 Jan 2024 01:43:51 +0330
Subject: [PATCH 267/790] Example for css polygon() (#29793)

* add example for polygon()

* Apply suggestions from code review

* move content to description section

* add triangle example

* add headings to example

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* need to commit to be able to review the rearranged order

* Update files/en-us/web/css/basic-shape/polygon/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/basic-shape/polygon/index.md

there's a typo, but i'll review that next

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/basic-shape/polygon/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/basic-shape/polygon/index.md

* minor changes

* minor change

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Estelle Weyl <estelle@weyl.org>
---
 .../web/css/basic-shape/polygon/index.md      | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)

diff --git a/files/en-us/web/css/basic-shape/polygon/index.md b/files/en-us/web/css/basic-shape/polygon/index.md
index b4f98909593c5c5..84f989ecd382257 100644
--- a/files/en-us/web/css/basic-shape/polygon/index.md
+++ b/files/en-us/web/css/basic-shape/polygon/index.md
@@ -43,12 +43,61 @@ Note: The SVG [`<polygon>`](/en-US/docs/Web/SVG/Element/polygon) element has sep
 
 Returns a {{cssxref("basic-shape")}} value.
 
+## Description
+
+You can create almost any shape with the `polygon()` function by specifying the coordinates of its points. The order in which you define the points matters and can result in different shapes. The `polygon()` function requires at least 3 points, which creates a triangle, but there's no upper limit.
+
+The `polygon()` function accepts comma-separated coordinates or points as its values. Each point is represented by a pair of space-separated `x` and `y` values, which indicate the points' coordinates within the polygon.
+
+<code>polygon(x<sub>1</sub> y<sub>1</sub>, x<sub>2</sub> y<sub>2</sub>, x<sub>3</sub> y<sub>3</sub>, x<sub>4</sub> y<sub>4</sub>, x<sub>n</sub> y<sub>n</sub>)</code>
+
+Given the above, mapping the coordinates of the container can be visualized as:
+| axis | point 1 | point 2 | point 3 | point 4 | point n |
+| ---- | ------- | ------- | ------- | ------- | ------------- |
+| x | 0% | 100% | 100% | 0% | x<sub>n</sub> |
+| y | 0% | 0% | 100% | 100% | y<sub>n</sub> |
+
+Applying those coordinates to the CSS {{cssxref("clip-path")}} property using the `polygon()` function:
+
+```css
+clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
+```
+
+This would create a rectangle shape the size of its parent content by specifying the coordinates of its four corners: top-left (`0% 0%`), top-right (`100% 0%`), bottom-right (`100% 100%`), and bottom-right (`0% 100%`).
+
 ## Formal syntax
 
 {{csssyntax}}
 
 ## Examples
 
+### Create a triangle
+
+In this example, a triangle is formed by defining the coordinates of its three points.
+
+#### HTML
+
+```html
+<div class="triangle"></div>
+```
+
+#### CSS
+
+```css
+.triangle {
+  width: 400px;
+  height: 400px;
+  background-color: magenta;
+  clip-path: polygon(100% 0%, 50% 50%, 100% 100%);
+}
+```
+
+#### Result
+
+{{EmbedLiveSample("Create a triangle", '100%', 400)}}
+
+The coordinates for the triangle are the top-right corner (`100% 0%`), the center point (`50% 50%`), and the bottom-right corner (`100% 100%`) of the container.
+
 ### Setting a polygon for shape-outside
 
 In this example a shape is created for text to follow using the {{cssxref("shape-outside")}} property.

From e90a38e50f7e57d8627f728bcb55fbdbcbaae3d4 Mon Sep 17 00:00:00 2001
From: Anatoli Babenia <anatoli@rainforce.org>
Date: Fri, 5 Jan 2024 01:35:15 +0300
Subject: [PATCH 268/790] pageAction API edits (#31405)

* pageAction API edits

* It is used to create Address bar button
* HTML, JavaScript and CSS is not the same (no ESM if I remember correctly)
* Listening for clicks is in a background script
* Access to web page DOM is only possible with a content script
* Link to browser action
* Link to content scripts

* Update files/en-us/mozilla/add-ons/webextensions/api/pageaction/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/mozilla/add-ons/webextensions/api/pageaction/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* API to control the button

* Update files/en-us/mozilla/add-ons/webextensions/api/pageaction/index.md

Co-authored-by: Joe Medley <jmedley@google.com>

* Do not explain address bar button

It is explained on UI page

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Joe Medley <jmedley@google.com>
---
 .../mozilla/add-ons/webextensions/api/pageaction/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/index.md
index 939cc46ecffe5a7..fd1421a0bdcff9f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/index.md
@@ -7,19 +7,19 @@ browser-compat: webextensions.api.pageAction
 
 {{AddonSidebar}}
 
-A [page action](/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Page_actions) is a clickable icon inside the browser's address bar.
+The API to control [address bar button](/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Page_actions).
 
 ![Paw print icon representing a page action](page-action.png)
 
-You can listen for clicks on the icon or specify a [popup](/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups) that opens when the icon is clicked.
+You can listen for clicks on the icon in a background script, or specify a [popup](/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups) that opens when the icon is clicked.
 
-If you specify a popup, you define its contents and behavior using HTML, CSS, and JavaScript, like a normal web page. JavaScript running in the popup gets access to all the same WebExtension APIs as your background scripts.
+If you specify a popup, you define its contents and behavior using HTML, CSS, and JavaScript. JavaScript running in the popup gets access to all the same WebExtension APIs as your background scripts. Despite being named `pageAction`, the action code doesn't get access to web page content. To access web page DOM, you need to add a [content script](/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts) and interact with it.
 
 The button also has a context menu, and you can add items to this menu with the {{WebExtAPIRef("menus")}} API using the `page_action` {{WebExtAPIRef("menus.ContextType")}}.
 
 You can define most of a page action's properties declaratively using the [`page_action` key](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action) in your [`manifest.json`](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json), and redefine them programmatically using this API.
 
-Page actions are for actions that are only relevant to particular pages (such as "bookmark the current tab"). If they are relevant to the browser as a whole (such as "show all bookmarks"), use a browser action instead.
+Page actions are for actions that are only relevant to particular pages (such as "bookmark the current tab"). If they are relevant to the browser as a whole (such as "show all bookmarks"), use a [browser action](/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Toolbar_button) instead.
 
 ## Types
 

From 63fb6a902f11436081fe5be28ac31a8c727fff28 Mon Sep 17 00:00:00 2001
From: Abraham <anubra266@gmail.com>
Date: Fri, 5 Jan 2024 00:16:23 +0100
Subject: [PATCH 269/790] Add mask-border to shorthand references (#31513)

---
 files/en-us/web/css/shorthand_properties/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/css/shorthand_properties/index.md b/files/en-us/web/css/shorthand_properties/index.md
index 8f567b97397f9f3..bda518a92677d4d 100644
--- a/files/en-us/web/css/shorthand_properties/index.md
+++ b/files/en-us/web/css/shorthand_properties/index.md
@@ -226,6 +226,7 @@ See [Cascade and inheritance](/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_
   - {{cssxref("list-style")}}
   - {{cssxref("margin")}}
   - {{cssxref("mask")}}
+  - {{cssxref("mask-border")}}
   - {{cssxref("offset")}}
   - {{cssxref("outline")}}
   - {{cssxref("overflow")}}

From c62cfb1dc450da7bec3a840fa4569d0e2a029745 Mon Sep 17 00:00:00 2001
From: Michael Herzog <michael.herzog@human-interactive.org>
Date: Fri, 5 Jan 2024 00:37:29 +0100
Subject: [PATCH 270/790] OVR_multiview2.: three.js demo link (#31390)

Update index.md

Remove links to `three.js` since the engine does not support `OVR_multiview2`. Support for this extension has been removed with the release `r114`, see https://github.com/mrdoob/three.js/pull/18750. The mentioned multiview demo `webgl_multiple_views` renders its views without the extension.
---
 files/en-us/web/api/ovr_multiview2/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/web/api/ovr_multiview2/index.md b/files/en-us/web/api/ovr_multiview2/index.md
index e1d865dca690511..3842f9c928dab16 100644
--- a/files/en-us/web/api/ovr_multiview2/index.md
+++ b/files/en-us/web/api/ovr_multiview2/index.md
@@ -13,7 +13,6 @@ The `OVR_multiview2` extension is part of the [WebGL API](/en-US/docs/Web/API/We
 For more information, see also:
 
 - [Multiview on WebXR](https://blog.mozvr.com/multiview-on-webxr/)
-- [three.js multiview demo](https://threejs.org/examples/webgl_multiple_views.html)
 - [Multiview in babylon.js](https://doc.babylonjs.com/divingDeeper/cameras/multiViewsPart1)
 - [Optimizing Virtual Reality: Understanding Multiview](https://community.arm.com/arm-community-blogs/b/graphics-gaming-and-vr-blog/posts/optimizing-virtual-reality-understanding-multiview)
 - [Multiview WebGL Rendering for Oculus Browser 6.0+](https://developer.oculus.com/documentation/oculus-browser/latest/concepts/browser-multiview/)
@@ -112,4 +111,3 @@ Also, see this [three.js](https://threejs.org/examples/?q=mult#webgl_multiple_vi
 - {{domxref("WebGLRenderingContext.getExtension()")}}
 - {{domxref("WebGLRenderingContext.getParameter()")}}
 - [WebXR](/en-US/docs/Web/API/WebXR_Device_API)
-- [three.js multiview demo](https://threejs.org/examples/webgl_multiple_views.html)

From 38ce7dd9272e6a9790aa49ec406c87eab3dabab5 Mon Sep 17 00:00:00 2001
From: Bartosz Klonowski <70535775+BartoszKlonowski@users.noreply.github.com>
Date: Fri, 5 Jan 2024 05:00:37 +0100
Subject: [PATCH 271/790] Remove Path=/ requirement mentioning from Partitioned
 Cookies page (#31472)

* Remove Path=/ requirement from partitioned cookies page

* Remove Path=/ requirement from set-cookie page
---
 files/en-us/web/http/headers/set-cookie/index.md     | 2 +-
 files/en-us/web/privacy/partitioned_cookies/index.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/http/headers/set-cookie/index.md b/files/en-us/web/http/headers/set-cookie/index.md
index 080b6f84db3cf6e..de33b35c6572ef7 100644
--- a/files/en-us/web/http/headers/set-cookie/index.md
+++ b/files/en-us/web/http/headers/set-cookie/index.md
@@ -228,7 +228,7 @@ Set-Cookie: __Host-id=1; Secure; Path=/; Domain=example.com
 Set-Cookie: __Host-example=34d8g; SameSite=None; Secure; Path=/; Partitioned;
 ```
 
-> **Note:** Partitioned cookies must be set with `Secure` and `Path=/`. In addition, it is recommended to use the `__Host` prefix when setting partitioned cookies to make them bound to the hostname and not the registrable domain.
+> **Note:** Partitioned cookies must be set with `Secure`. In addition, it is recommended to use the `__Host` prefix when setting partitioned cookies to make them bound to the hostname and not the registrable domain.
 
 ## Specifications
 
diff --git a/files/en-us/web/privacy/partitioned_cookies/index.md b/files/en-us/web/privacy/partitioned_cookies/index.md
index 0ee0a3b4e0587b3..e278d8590b0c8e8 100644
--- a/files/en-us/web/privacy/partitioned_cookies/index.md
+++ b/files/en-us/web/privacy/partitioned_cookies/index.md
@@ -34,7 +34,7 @@ Browsers with CHIPs support provide a new attribute for the {{httpheader("Set-Co
 Set-Cookie: __Host-example=34d8g; SameSite=None; Secure; Path=/; Partitioned;
 ```
 
-> **Note:** Partitioned cookies must be set with `Secure` and `Path=/`. In addition, it is recommended to use the `__Host` prefix when setting partitioned cookies to make them bound to the hostname and not the registrable domain.
+> **Note:** Partitioned cookies must be set with `Secure`. In addition, it is recommended to use the `__Host` prefix when setting partitioned cookies to make them bound to the hostname and not the registrable domain.
 
 With `Partitioned` set, the cookie is stored using two keys, the host key and a new **partition key**. The partition key is based on the scheme and {{Glossary("eTLD", "eTLD+1")}} of the top-level URL the browser was visiting when the request was made to the URL endpoint that set the cookie.
 

From 6e26603d67a00cc23f0c52afc27055a901d004b9 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 5 Jan 2024 14:00:05 +0800
Subject: [PATCH 272/790] Navigation | fix example & add optional mark (#31503)

* add optional_inline mark for params

* fix example

* Apply suggestions from code review
---
 files/en-us/web/api/navigation/navigate/index.md | 11 +++++++----
 files/en-us/web/api/navigation/reload/index.md   | 10 ++++++----
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/files/en-us/web/api/navigation/navigate/index.md b/files/en-us/web/api/navigation/navigate/index.md
index b70ca4ce1237ee3..190a822294e9982 100644
--- a/files/en-us/web/api/navigation/navigate/index.md
+++ b/files/en-us/web/api/navigation/navigate/index.md
@@ -26,11 +26,11 @@ navigate(url, options)
   - : The destination URL to navigate to. Note that when calling `navigate()` on a another window's `navigation` object, the URL will be resolved relative to the target window's URL, not the calling window's URL. This matches the behavior of the [History API](/en-US/docs/Web/API/History_API), but not the behavior of the [Location API](/en-US/docs/Web/API/Location).
 - `options` {{optional_inline}}
   - : An options object containing the following properties:
-    - `state`
+    - `state` {{optional_inline}}
       - : Developer-defined information to be stored in the associated {{domxref("NavigationHistoryEntry")}} once the navigation is complete, retrievable via {{domxref("NavigationHistoryEntry.getState", "getState()")}}. This can be any data type. You might, for example, wish to store a page visit count for analytics purposes, or store UI state details so the view can be shown exactly as the user last left it. Any data stored in `state` must be [structured-cloneable](/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm).
-    - `info`
+    - `info` {{optional_inline}}
       - : Developer-defined information to be passed along to the {{domxref("Navigation/navigate_event", "navigate")}} event, made available in {{domxref("NavigateEvent.info")}}. This can be any data type. You might, for example, wish to display newly-navigated content with a different animation depending on how it was navigated to (swipe left, swipe right, or go home). A string indicating which animation to use could be passed in as `info`.
-    - `history`
+    - `history` {{optional_inline}}
       - : An enumerated value that sets the history behavior of this navigation. The available values are:
         - `auto`: The default value; will usually perform a `push` navigation but will perform a `replace` navigation under special circumstances (see the `NotSupportedError` description below).
         - `push`: Will push a new {{domxref("NavigationHistoryEntry")}} onto the entries list, or fail under special circumstances (see the `NotSupportedError` description below).
@@ -109,7 +109,10 @@ async function navigateHandler() {
   await navigation.navigate(url, {
     info: { animation: "swipe-right" },
     state: { infoPaneOpen: true },
-  });
+  }).finished;
+
+  // Update application state
+  // ...
 }
 ```
 
diff --git a/files/en-us/web/api/navigation/reload/index.md b/files/en-us/web/api/navigation/reload/index.md
index cc4d96ab0c50e28..55850cf4e15c5e9 100644
--- a/files/en-us/web/api/navigation/reload/index.md
+++ b/files/en-us/web/api/navigation/reload/index.md
@@ -23,9 +23,9 @@ navigate(options)
 
 - `options` {{optional_inline}}
   - : An options object containing the following properties:
-    - `state`
+    - `state` {{optional_inline}}
       - : Developer-defined information to be stored in the associated {{domxref("NavigationHistoryEntry")}} once the navigation is complete, retrievable via {{domxref("NavigationHistoryEntry.getState", "getState()")}}. This can be any data type. You might, for example, wish to store a page visit count for analytics purposes, or store UI state details so the view can be shown exactly as the user last left it. Any data stored in `state` must be [structured-cloneable](/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm).
-    - `info`
+    - `info` {{optional_inline}}
       - : Developer-defined information to be passed along to the {{domxref("Navigation/navigate_event", "navigate")}} event, made available in {{domxref("NavigateEvent.info")}}. This can be any data type. You might, for example, wish to display newly-navigated content with a different animation depending on how it was navigated to (swipe left, swipe right, or go home). A string indicating which animation to use could be passed in as `info`.
 
 ### Return value
@@ -53,8 +53,9 @@ async function handleReload() {
   await navigation.reload({
     info: { animation: "fade-in" },
     state: { infoPaneOpen: true },
-  });
+  }).finished;
 
+  // Update application state
   // ...
 }
 ```
@@ -65,8 +66,9 @@ Reload page and add a new state item:
 async function handleReload() {
   await navigation.reload({
     state: { ...navigation.currentEntry.getState(), newState: 3 },
-  });
+  }).finished;
 
+  // Update application state
   // ...
 }
 ```

From b4578f7b0ba5f734aa0b89f79e175c516d3e5f95 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Fri, 5 Jan 2024 09:33:00 +0100
Subject: [PATCH 273/790] Fix link to appinstalled event (#31327)

---
 files/en-us/mozilla/firefox/releases/52/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/52/index.md b/files/en-us/mozilla/firefox/releases/52/index.md
index 54d026fb8ed2669..ecc7002e1acdcad 100644
--- a/files/en-us/mozilla/firefox/releases/52/index.md
+++ b/files/en-us/mozilla/firefox/releases/52/index.md
@@ -102,7 +102,7 @@ Firefox 52 was released on March 7, 2017. This article lists key changes that ar
 - [Touch events](/en-US/docs/Web/API/Touch_events) have been re-enabled on Windows desktop platforms — see [Firefox bug 1244402](https://bugzil.la/1244402). (They were disabled in Firefox 24 because they broke a number of major sites; see [Firefox bug 888304](https://bugzil.la/888304).)
 - The {{domxref("Element/focusin_event", "focusin")}} and {{domxref("Element/focusout_event", "focusout")}} events are now implemented ([Firefox bug 687787](https://bugzil.la/687787)).
 - The {{domxref("isSecureContext")}} property has been implemented (see [Firefox bug 1269052](https://bugzil.la/1269052)).
-- The [Web App Manifest](/en-US/docs/Web/Manifest) install event has been renamed appinstalled (see {{domxref("Window.appinstalled_event")}}, {{domxref("Window.appinstalled", "appinstalled")}}) to avoid confusion with the service worker install event (see {{domxref("ServiceWorkerGlobalScope.install_event", "oninstall")}}). See [Firefox bug 1309099](https://bugzil.la/1309099) for more details about this update.
+- The [Web App Manifest](/en-US/docs/Web/Manifest) install event has been renamed {{domxref("Window.appinstalled_event", "appinstalled")}} to avoid confusion with the service worker install event (see {{domxref("ServiceWorkerGlobalScope.install_event", "oninstall")}}). See [Firefox bug 1309099](https://bugzil.la/1309099) for more details about this update.
 - The {{domxref("DataTransfer.types")}} property of the [Drag and drop API](/en-US/docs/Web/API/HTML_Drag_and_Drop_API) now returns a frozen array of strings rather than a {{domxref("DOMStringList")}} (see [Firefox bug 1298243](https://bugzil.la/1298243)).
 - The `loadstart` and `loadend` events are now fired on {{htmlelement("img")}} elements (see [Firefox bug 1264769](https://bugzil.la/1264769)).
 - The {{domxref("Notification.requireInteraction")}} of the [Notifications API](/en-US/docs/Web/API/Notifications_API) has been implemented (see [Firefox bug 862395](https://bugzil.la/862395).)

From e82c019ca3e7c1324b661f66e6e8687b4f3fcdfc Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Fri, 5 Jan 2024 09:35:25 +0100
Subject: [PATCH 274/790] Fix broken links (#31324)

---
 .../mozilla/firefox/releases/33/index.md      | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/33/index.md b/files/en-us/mozilla/firefox/releases/33/index.md
index 3cde12286adf059..bef6f208750ada3 100644
--- a/files/en-us/mozilla/firefox/releases/33/index.md
+++ b/files/en-us/mozilla/firefox/releases/33/index.md
@@ -34,7 +34,7 @@ For details please [see the hacks post](https://hacks.mozilla.org/2014/07/event-
 - Added support for `mongolian`, `disclosure-open` and `disclosure-closed` counter styles in {{cssxref("list-style-type")}} ([Firefox bug 982355](https://bugzil.la/982355) and [Firefox bug 1063856](https://bugzil.la/1063856)).
 - Fixed CSS animations with empty keyframes rule so they also dispatch events ([Firefox bug 1004377](https://bugzil.la/1004377)).
 - Added support for `rebeccapurple`, a new {{cssxref("&lt;color&gt;")}} name defined in CSS Colors level 4 ([Firefox bug 1024642](https://bugzil.la/1024642)).
-- Our experimental implementation of CSS Fonts Level 3 progresses. Its activation is governed by the `layout.css.font-features.enabled` preference, enabled by default in Nightly. Newly implemented features are:
+- Our experimental implementation of CSS Fonts Level 3 is progressing. Its activation is governed by the `layout.css.font-features.enabled` preference, enabled by default in Nightly. Newly implemented features are:
 
   - The fallback algorithm of {{cssxref("font-variant-caps")}}, creating synthetic alternates for missing glyphs ([Firefox bug 961558](https://bugzil.la/961558)).
   - The {{cssxref("font-synthesis")}} CSS property has been implemented ([Firefox bug 871453](https://bugzil.la/871453)).
@@ -42,8 +42,8 @@ For details please [see the hacks post](https://hacks.mozilla.org/2014/07/event-
 ### HTML
 
 - Added the experimental support for {{htmlelement("picture")}} element ([Firefox bug 870022](https://bugzil.la/870022)), behind the `dom.image.picture.enabled` preference (off by default).
-- The {{HTMLElement("label")}}, especially without a [`for`](/en-US/docs/Web/HTML/Element/label#for) attribute, doesn't apply anymore to a `<input type=hidden>` field ([Firefox bug 597650](https://bugzil.la/597650)). The previous behavior wasn't spec compliant.
-- The link annotation `noreferrer` has been implemented on {{HTMLElement("a")}} elements. `<a rel="noreferrer">` will not include the URL of the referrer in the HTTP request sent to fetch it ([Firefox bug 530396](https://bugzil.la/530396)). Note that this work only for in-page links, not for linked clicked via the UI, like via contextual menus.
+- The {{HTMLElement("label")}}, especially without a [`for`](/en-US/docs/Web/HTML/Element/label#for) attribute, doesn't apply anymore to a `<input type=hidden>` field ([Firefox bug 597650](https://bugzil.la/597650)). The previous behavior wasn't spec-compliant.
+- The link annotation `noreferrer` has been implemented on {{HTMLElement("a")}} elements. `<a rel="noreferrer">` will not include the URL of the referrer in the HTTP request sent to fetch it ([Firefox bug 530396](https://bugzil.la/530396)). Note that this works only for in-page links, not for links clicked via the UI, like via contextual menus.
 - On Android, support for two new values for the [`name`](/en-US/docs/Web/HTML/Element/meta#name) attribute of {{HTMLElement("meta")}} has been added: `msapplication-TileImage` and `msapplication-TileColor` ([Firefox bug 1014712](https://bugzil.la/1014712)). Example:
 
   ```html
@@ -53,9 +53,9 @@ For details please [see the hacks post](https://hacks.mozilla.org/2014/07/event-
 
 ### JavaScript
 
-- The non-standard method {{jsxref("Number.toInteger()")}} has been removed ([Firefox bug 1022396](https://bugzil.la/1022396)).
+- The non-standard method `Number.toInteger()` has been removed ([Firefox bug 1022396](https://bugzil.la/1022396)).
 - The {{jsxref("Map.prototype.set()")}}, {{jsxref("WeakMap.prototype.set()")}} and {{jsxref("Set.prototype.add()")}} methods are now chainable, return their equivalent objects and no longer `undefined` ([Firefox bug 1031632](https://bugzil.la/1031632)).
-- A [default parameter](/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters) is evaluated before function declarations inside the function body, so those functions cannot be referred from default parameter ([Firefox bug 1022962](https://bugzil.la/1022962)).
+- A [default parameter](/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters) is evaluated before function declarations inside the function body, so those functions cannot be referred from the default parameter ([Firefox bug 1022962](https://bugzil.la/1022962)).
 - Shorthand properties are now allowed in object literals: if not explicitly defined, property keys are initialized by variables of the same name. E.g. `function f(x, y) { return {x, y}; }` is equivalent to `function f(x, y) { return {x: x, y: y}; }` ([Firefox bug 875002](https://bugzil.la/875002)).
 - The parsing of [`yield`](/en-US/docs/Web/JavaScript/Reference/Operators/yield) and [`yield*`](/en-US/docs/Web/JavaScript/Reference/Operators/yield*) has been updated to conform with the latest ES2015 specification ([Firefox bug 981599](https://bugzil.la/981599)).
 - The non-standard `hasOwn` trap has been removed ([Firefox bug 980565](https://bugzil.la/980565)).
@@ -73,7 +73,7 @@ For details please [see the hacks post](https://hacks.mozilla.org/2014/07/event-
 - The formerly called `loaded` event, sent on a {{domxref("HTMLTrackElement")}} has been renamed {{domxref("Window/load_event", "load")}} to match the specification ([Firefox bug 1035505](https://bugzil.la/1035505)).
 - The IndexedDB interface `FileHandle` has been renamed in `IDBMutableFile` ([Firefox bug 1006485](https://bugzil.la/1006485)).
 - The IndexedDB interface `LockedFile` has been renamed in `IDBFileHandle` ([Firefox bug 1006485](https://bugzil.la/1006485)).
-- The {{domxref("ServiceWorker")}} interface has been implemented, behind the `dom.serviceWorkers.enabled` flag ([Firefox bug 903441](https://bugzil.la/903441)).
+- The {{domxref("ServiceWorker")}} interface has been implemented behind the `dom.serviceWorkers.enabled` flag ([Firefox bug 903441](https://bugzil.la/903441)).
 - The {{domxref("NetworkInformation.type")}} now also support the `"unknown"` value ([Firefox bug 1023029](https://bugzil.la/1023029)).
 
 ### MathML
@@ -99,16 +99,16 @@ _No change._
 
 ## Changes for add-on and Mozilla developers
 
-- The [JavaScript Debugger Service (JSD)](/en-US/docs/Mozilla/Add-ons/Code_snippets/JavaScript_Debugger_Service) has been removed in favor of the new [Debugger API](https://firefox-source-docs.mozilla.org/devtools-user/debugger-api/index.html) ([Firefox bug 800200](https://bugzil.la/800200)).
+- The JavaScript Debugger Service (JSD)) has been removed in favor of the new [Debugger API](https://firefox-source-docs.mozilla.org/devtools-user/debugger-api/index.html) ([Firefox bug 800200](https://bugzil.la/800200)).
 - The interface nsIX509CertDB2 has been removed and the methods from that interface have been moved to the nsIX509CertDB interface.
 
 ### Add-on SDK
 
 #### Highlights
 
-- Added support for context menus in panels via a new option in the [`Panel` constructor](</en-US/docs/Mozilla/Add-ons/SDK/High-Level_APIs/panel#panel(options)>).
-- Added [`tab.readyState`](/en-US/docs/Mozilla/Add-ons/SDK/High-Level_APIs/tabs#readystate).
-- Added a [`BrowserWindow`](/en-US/docs/Mozilla/Add-ons/SDK/High-Level_APIs/windows#browserwindow) parameter to [`sidebar.show()`](</en-US/docs/Mozilla/Add-ons/SDK/Low-Level_APIs/ui_sidebar#show(window)>) and [`sidebar.hide()`](</en-US/docs/Mozilla/Add-ons/SDK/Low-Level_APIs/ui_sidebar#hide(window)>), to control the window for which the sidebar will be shown or hidden.
+- Added support for context menus in panels via a new option in the `Panel` constructor.
+- Added `tab.readyState`.
+- Added a `BrowserWindow` parameter to `sidebar.show()` and `sidebar.hide()`, to control the window for which the sidebar will be shown or hidden.
 
 #### Details
 

From 246d867309ee633f267eeb4d4b791f1e81ffbb15 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Fri, 5 Jan 2024 09:38:22 +0100
Subject: [PATCH 275/790] Fixing broken links (#31323)

---
 .../mozilla/firefox/releases/53/index.md      | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/53/index.md b/files/en-us/mozilla/firefox/releases/53/index.md
index 9f6e49c20852525..00e840d8a9ce5d9 100644
--- a/files/en-us/mozilla/firefox/releases/53/index.md
+++ b/files/en-us/mozilla/firefox/releases/53/index.md
@@ -6,7 +6,7 @@ page-type: firefox-release-notes
 
 {{FirefoxSidebar}}
 
-Firefox 53 was released on April 19, 2017. This article lists key changes that are useful not only for web developers, but also Firefox and Gecko developers as well as add-on developers.
+Firefox 53 was released on April 19, 2017. This article lists key changes that are useful not only for web developers but also for Firefox and Gecko developers, as well as add-on developers.
 
 ## Changes for Web developers
 
@@ -36,7 +36,7 @@ Firefox 53 was released on April 19, 2017. This article lists key changes that a
 - \[css-grid] Fixed: `align-self`/`justify-self:stretch`/`normal` doesn't work on `<table>` grid items ([Firefox bug 1316051](https://bugzil.la/1316051)).
 - Fixed: `clip-path: circle()` with large reference box and percentage radius does not render correctly ([Firefox bug 1324713](https://bugzil.la/1324713).
 - When applying a {{cssxref("text-transform")}} value of `uppercase` to Greek text, the accent on the disjunctive eta (ή) is no longer removed (see [Firefox bug 1322989](https://bugzil.la/1322989)).
-- The availability of the `contents` value of {{cssxref("display")}} was controlled through the `layout.css.display-contents.enabled` pref. In Firefox 53 this pref has been removed altogether, so the value will always be available and can no longer be disabled ([Firefox bug 1295788](https://bugzil.la/1295788)).
+- The availability of the `contents` value of {{cssxref("display")}} was controlled through the `layout.css.display-contents.enabled` pref. In Firefox 53, this pref has been removed altogether, so the value will always be available and can no longer be disabled ([Firefox bug 1295788](https://bugzil.la/1295788)).
 
 ### JavaScript
 
@@ -45,7 +45,7 @@ Firefox 53 was released on April 19, 2017. This article lists key changes that a
 - The [Template Literal Revision proposal](https://tc39.es/proposal-template-literal-revision/) that [lifts escape sequence restrictions on tagged template literals](/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates_and_escape_sequences) has been implemented ([Firefox bug 1317375](https://bugzil.la/1317375)).
 - The static `length` property of {{jsxref("TypedArray")}} objects was changed from 3 to 0 as per ES2016 ([Firefox bug 1317306](https://bugzil.la/1317306)).
 - {{jsxref("SharedArrayBuffer")}} can now be used in {{jsxref("DataView")}} objects ([Firefox bug 1246597](https://bugzil.la/1246597)).
-- In earlier versions of the specification, {{jsxref("SharedArrayBuffer")}} objects needed to be explicitly transferred during [structured cloning](/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm). In the new specification they aren't [transferable objects](/en-US/docs/Web/API/Transferable) anymore and thus must not be in the transfer list. The new behavior used to present a console warning only, but will now throw an error ([Firefox bug 1302037](https://bugzil.la/1302037)).
+- In earlier versions of the specification, {{jsxref("SharedArrayBuffer")}} objects needed to be explicitly transferred during [structured cloning](/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm). In the new specification, they aren't [transferable objects](/en-US/docs/Web/API/Web_Workers_API/Transferable_objects) anymore and thus must not be in the transfer list. The new behavior used to present a console warning only, but will now throw an error ([Firefox bug 1302037](https://bugzil.la/1302037)).
 - The {{jsxref("ArrayBuffer")}} length is now limited to {{jsxref("Number.MAX_SAFE_INTEGER")}} (>= 2 \*\* 53) ([Firefox bug 1255128](https://bugzil.la/1255128)).
 - {{jsxref("Error")}} and other native error object prototypes like {{jsxref("RangeError")}} etc. are now ordinary objects instead of proper Error objects. (In particular, `Object.prototype.toString.call(Error.prototype)` is now `"[object Object]"` instead of `"[object Error]"`.) ([Firefox bug 1213341](https://bugzil.la/1213341)).
 
@@ -59,7 +59,7 @@ Firefox 53 was released on April 19, 2017. This article lists key changes that a
 
 ### DOM
 
-- The {{domxref("HTMLAnchorElement/pathname", "pathname")}} and {{domxref("HTMLAnchorElement/search", "search")}} {{domxref("HTMLHyperLinkElementUtils")}} properties previously returned the wrong parts of the URL. For example, for a URL of `http://z.com/x?a=true&b=false`, `pathname` would return "`/x?a=true&b=false"` and `search` would return "", rather than "`/x`" and "`?a=true&b=false"` respectively. This has now been fixed ([Firefox bug 1310483](https://bugzil.la/1310483)).
+- The {{domxref("HTMLAnchorElement/pathname", "pathname")}} and {{domxref("HTMLAnchorElement/search", "search")}} properties of links (like for {{HTMLElement("a")}} and {{HTMLELement("link")}} elements' interfaces previously returned the wrong parts of the URL. For example, for a URL of `http://z.com/x?a=true&b=false`, `pathname` would return "`/x?a=true&b=false"` and `search` would return "", rather than "`/x`" and "`?a=true&b=false"` respectively. This has now been fixed ([Firefox bug 1310483](https://bugzil.la/1310483)).
 - The {{domxref("URLSearchParams.URLSearchParams", "URLSearchParams()")}} constructor now accepts a string or sequence of strings as an init object ([Firefox bug 1330678](https://bugzil.la/1330678)).
 - The {{domxref("Selection.setBaseAndExtent()")}} method of the [Selection API](/en-US/docs/Web/API/Selection) is now implemented (see [Firefox bug 1321623](https://bugzil.la/1321623)).
 - The ["fakepath"](https://html.spec.whatwg.org/multipage/forms.html#fakepath-srsly) addition to `file` type {{htmlelement("input")}} `values` has been implemented in Gecko, giving it parity with other browsers (see [Firefox bug 1274596](https://bugzil.la/1274596)).
@@ -72,7 +72,7 @@ Firefox 53 was released on April 19, 2017. This article lists key changes that a
 ### Workers and service workers
 
 - The [Network Information API](/en-US/docs/Web/API/Network_Information_API) is now available in workers (see [Firefox bug 1323172](https://bugzil.la/1323172)).
-- [Server-sent events](/en-US/docs/Web/API/Server-sent_events) can now be used from workers (see [Firefox bug 1267903](https://bugzil.la/1267903)).
+- [Server-sent events](/en-US/docs/Web/API/Server-sent_events) can now be used in workers (see [Firefox bug 1267903](https://bugzil.la/1267903)).
 - {{domxref("ExtendableEvent.waitUntil", "ExtendableEvent.waitUntil()")}} can now be called asynchronously (see [Firefox bug 1263304](https://bugzil.la/1263304)).
 
 ### WebGL
@@ -97,8 +97,8 @@ Firefox 53 was released on April 19, 2017. This article lists key changes that a
 
 #### WebRTC
 
-- The {{domxref("RTCPeerConnection")}} methods {{domxref("RTCPeerConnection.createOffer", "createOffer()")}} and {{domxref("RTCPeerConnection.createAnswer", "createAnswer()")}} now return a {{jsxref("Promise")}} that returns an object conforming to the dictionary {{domxref("RTCSessionDescriptionInit")}} instead of returning an {{domxref("RTCSessionDescription")}} directly. Existing code will continue to work, but new code can be written more simply.
-- Similarly, the {{domxref("RTCPeerConnection")}} methods {{domxref("RTCPeerConnection.setLocalDescription", "setLocalDescription()")}} and {{domxref("RTCPeerConnection.setRemoteDescription", "setRemoteDescription()")}} now accept as input an object conforming to the dictionary {{domxref("RTCSessionDescriptionInit")}}. Existing code continues to work, but [can be simplified](/en-US/docs/Web/API/RTCPeerConnection/setLocalDescription#about_the_session_description_parameter).
+- The {{domxref("RTCPeerConnection")}} methods {{domxref("RTCPeerConnection.createOffer", "createOffer()")}} and {{domxref("RTCPeerConnection.createAnswer", "createAnswer()")}} now return a {{jsxref("Promise")}} that returns an object conforming to the `RTCSessionDescriptionInit` dictionary instead of returning an {{domxref("RTCSessionDescription")}} directly. Existing code will continue to work, but new code can be written more simply.
+- Similarly, the {{domxref("RTCPeerConnection")}} methods {{domxref("RTCPeerConnection.setLocalDescription", "setLocalDescription()")}} and {{domxref("RTCPeerConnection.setRemoteDescription", "setRemoteDescription()")}} now accept as input an object conforming to the dictionary `RTCSessionDescriptionInit` dictionary. Existing code continues to work, but [can be simplified](/en-US/docs/Web/API/RTCPeerConnection/setLocalDescription#about_the_session_description_parameter).
 - {{domxref("RTCPeerConnection.addIceCandidate()")}} now accepts as input an initialization object. This is compatible with existing code but allows new code to be written slightly more simply when used in tandem with the changes listed above ([Firefox bug 1263312](https://bugzil.la/1263312)).
 - {{Glossary("DTMF")}} support is now enabled by default using {{domxref("RTCDTMFSender")}}. See [Using DTMF with WebRTC](/en-US/docs/Web/API/WebRTC_API/Using_DTMF) for more information on how this works.
 
@@ -122,9 +122,9 @@ Firefox 53 was released on April 19, 2017. This article lists key changes that a
 
 ### HTML/XML
 
-- The `dom.details_element.enabled` pref — which controlled enabling/disabling {{htmlelement("details")}} and {{htmlelement("summary")}} element support in Firefox — has now been removed from `about:config`. These elements (which were first enabled by default in Firefox 49) can no longer be disabled. See [Firefox bug 1271549](https://bugzil.la/1271549).
-- The `mozapp` attribute of the {{htmlelement("iframe")}} element /{{domxref("HTMLIFrameElement")}} interface has been removed — this was used to enable a Firefox OS app to be embedded in a moz [Browser API](/en-US/docs/Mozilla/Gecko/Chrome/API/Browser_API) `<iframe>` ([Firefox bug 1310845](https://bugzil.la/1310845)).
-- The {{domxref("HTMLIFrameElement.setInputMethodActive()")}} method and `InputMethod` interface (used to set and manage IMEs on Firefox OS apps) has been removed ([Firefox bug 1313169](https://bugzil.la/1313169)).
+- The `dom.details_element.enabled` pref — which controlled enabling/disabling {{htmlelement("details")}} and {{htmlelement("summary")}} element support in Firefox — has now been removed from `about:config`. These elements (first enabled by default in Firefox 49) can no longer be disabled. See [Firefox bug 1271549](https://bugzil.la/1271549).
+- The `mozapp` attribute of the {{htmlelement("iframe")}} element /{{domxref("HTMLIFrameElement")}} interface has been removed — this was used to enable a Firefox OS app to be embedded in a mozilla-prefixed Browser API `<iframe>` ([Firefox bug 1310845](https://bugzil.la/1310845)).
+- The `HTMLIFrameElement.setInputMethodActive()` method and `InputMethod` interface (used to set and manage IMEs on Firefox OS apps) has been removed ([Firefox bug 1313169](https://bugzil.la/1313169)).
 
 ### CSS
 
@@ -139,7 +139,7 @@ Firefox 53 was released on April 19, 2017. This article lists key changes that a
 
 ### APIs
 
-- The [Wi-Fi information API](/en-US/docs/Archive/B2G_OS/API/WiFi_Information_API), Speaker Manager API, and Tethering API, and [Settings API](/en-US/docs/Archive/B2G_OS/API/Settings_API) have been removed from the platform (see [Firefox bug 1313788](https://bugzil.la/1313788), [Firefox bug 1317853](https://bugzil.la/1317853), [Firefox bug 1313789](https://bugzil.la/1313789), and [Firefox bug 1313155](https://bugzil.la/1313155) respectively).
+- The Wi-Fi information API, Speaker Manager API, and Tethering API, and Settings API] have been removed from the platform (see [Firefox bug 1313788](https://bugzil.la/1313788), [Firefox bug 1317853](https://bugzil.la/1317853), [Firefox bug 1313789](https://bugzil.la/1313789), and [Firefox bug 1313155](https://bugzil.la/1313155) respectively).
 
 ### Other
 

From 17306855da4bc721d494973dd38ee71b6d6ff0cd Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Fri, 5 Jan 2024 22:24:23 +0800
Subject: [PATCH 276/790] fix some styles (#31525)

---
 .../en-us/games/techniques/2d_collision_detection/index.md  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/games/techniques/2d_collision_detection/index.md b/files/en-us/games/techniques/2d_collision_detection/index.md
index 929099bf7e4b29f..e733db70b2d3aa3 100644
--- a/files/en-us/games/techniques/2d_collision_detection/index.md
+++ b/files/en-us/games/techniques/2d_collision_detection/index.md
@@ -131,7 +131,7 @@ circle2.bind("EnterFrame", function () {
 
 ## Separating Axis Theorem
 
-This is a collision algorithm that can detect a collision between any two \*convex\* polygons. It's more complicated to implement than the above methods but is more powerful. The complexity of an algorithm like this means we will need to consider performance optimization, covered in the next section.
+This is a collision algorithm that can detect a collision between any two _convex_ polygons. It's more complicated to implement than the above methods but is more powerful. The complexity of an algorithm like this means we will need to consider performance optimization, covered in the next section.
 
 Implementing SAT is out of scope for this page so see the recommended tutorials below:
 
@@ -143,11 +143,11 @@ Implementing SAT is out of scope for this page so see the recommended tutorials
 
 ## Collision Performance
 
-While some of these algorithms for collision detection are simple enough to calculate, it can be a waste of cycles to test \*every\* entity with every other entity. Usually games will split collision into two phases, broad and narrow.
+While some of these algorithms for collision detection are simple enough to calculate, it can be a waste of cycles to test _every_ entity with every other entity. Usually games will split collision into two phases, broad and narrow.
 
 ### Broad Phase
 
-Broad phase should give you a list of entities that \*could\* be colliding. This can be implemented with a spacial data structure that will give you a rough idea of where the entity exists and what exist around it. Some examples of spacial data structures are Quad Trees, R-Trees or a Spacial Hashmap.
+Broad phase should give you a list of entities that _could_ be colliding. This can be implemented with a spacial data structure that will give you a rough idea of where the entity exists and what exist around it. Some examples of spacial data structures are Quad Trees, R-Trees or a Spacial Hashmap.
 
 ### Narrow Phase
 

From 158022128b77aa000f106327026e9d6ae43bd431 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 5 Jan 2024 23:11:44 +0800
Subject: [PATCH 277/790] Add {{AvailableInWorkers}} macros to `CookieStore`
 (#31530)

* add AvailableInWorkers mark

* style update

* style update

* revert
---
 files/en-us/web/api/cookiestore/delete/index.md | 2 ++
 files/en-us/web/api/cookiestore/get/index.md    | 2 ++
 files/en-us/web/api/cookiestore/getall/index.md | 2 ++
 files/en-us/web/api/cookiestore/index.md        | 5 ++++-
 files/en-us/web/api/cookiestore/set/index.md    | 2 ++
 5 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/api/cookiestore/delete/index.md b/files/en-us/web/api/cookiestore/delete/index.md
index 7e5ca8e665873ef..bad54e2ba73ed86 100644
--- a/files/en-us/web/api/cookiestore/delete/index.md
+++ b/files/en-us/web/api/cookiestore/delete/index.md
@@ -12,6 +12,8 @@ browser-compat: api.CookieStore.delete
 
 The **`delete()`** method of the {{domxref("CookieStore")}} interface deletes a cookie with the given name or options object. The `delete()` method expires the cookie by changing the date to one in the past.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/cookiestore/get/index.md b/files/en-us/web/api/cookiestore/get/index.md
index d381ea3c3e2f3e1..345fa35d5f5b863 100644
--- a/files/en-us/web/api/cookiestore/get/index.md
+++ b/files/en-us/web/api/cookiestore/get/index.md
@@ -12,6 +12,8 @@ browser-compat: api.CookieStore.get
 
 The **`get()`** method of the {{domxref("CookieStore")}} interface returns a single cookie with the given name or options object. The method will return the first matching cookie for the passed parameters.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/cookiestore/getall/index.md b/files/en-us/web/api/cookiestore/getall/index.md
index 05629f4cea4a8ea..f12b6eb318d8d81 100644
--- a/files/en-us/web/api/cookiestore/getall/index.md
+++ b/files/en-us/web/api/cookiestore/getall/index.md
@@ -12,6 +12,8 @@ browser-compat: api.CookieStore.getAll
 
 The **`getAll()`** method of the {{domxref("CookieStore")}} interface returns a list of cookies that match the name or options passed to it. Passing no parameters will return all cookies for the current context.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/cookiestore/index.md b/files/en-us/web/api/cookiestore/index.md
index 562457e13f31742..08dd4695110d89f 100644
--- a/files/en-us/web/api/cookiestore/index.md
+++ b/files/en-us/web/api/cookiestore/index.md
@@ -9,12 +9,14 @@ browser-compat: api.CookieStore
 
 {{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
 
-The **`CookieStore`** interface of the ['Cookie Store API'](/en-US/docs/Web/API/Cookie_Store_API) provides methods for getting and setting cookies asynchronously from either a page or a service worker.
+The **`CookieStore`** interface of the {{domxref("Cookie Store API", "", "", "nocode")}} provides methods for getting and setting cookies asynchronously from either a page or a service worker.
 
 The `CookieStore` is accessed via attributes in the global scope in a {{domxref("Window")}} or {{domxref("ServiceWorkerGlobalScope")}} context. Therefore there is no constructor.
 
 {{InheritanceDiagram}}
 
+{{AvailableInWorkers}}
+
 ## Instance methods
 
 - {{domxref("CookieStore.delete()")}} {{Experimental_Inline}}
@@ -37,6 +39,7 @@ In this example, we set a cookie and write to the console feedback as to whether
 
 ```js
 const day = 24 * 60 * 60 * 1000;
+
 cookieStore
   .set({
     name: "cookie1",
diff --git a/files/en-us/web/api/cookiestore/set/index.md b/files/en-us/web/api/cookiestore/set/index.md
index fc33c910c4db77b..a982f23dfc1b6d9 100644
--- a/files/en-us/web/api/cookiestore/set/index.md
+++ b/files/en-us/web/api/cookiestore/set/index.md
@@ -12,6 +12,8 @@ browser-compat: api.CookieStore.set
 
 The **`set()`** method of the {{domxref("CookieStore")}} interface sets a cookie with the given name and value or options object.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint

From b303867bfe199027c7140fbea7b253149f387ff6 Mon Sep 17 00:00:00 2001
From: rebloor <git@sherpa.co.nz>
Date: Sat, 6 Jan 2024 06:03:20 +1300
Subject: [PATCH 278/790] Add contextualIdentities.move (#31191)

* Add contextualIdentities.move

* typo

* Apply suggestions from review

* Examples update

* Apply suggestions from review

Co-authored-by: Rob Wu <rob@robwu.nl>

---------

Co-authored-by: Rob Wu <rob@robwu.nl>
---
 .../api/contextualidentities/index.md         |  4 +-
 .../api/contextualidentities/move/index.md    | 94 +++++++++++++++++++
 .../mozilla/firefox/releases/123/index.md     |  2 +
 3 files changed, 99 insertions(+), 1 deletion(-)
 create mode 100644 files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/move/index.md

diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/index.md
index d854243ce505efb..55efc4999ad5a7d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/index.md
@@ -35,7 +35,9 @@ To use this API you need to include the "contextualIdentities" and "cookies" [pe
 - {{WebExtAPIRef("contextualIdentities.create()")}}
   - : Creates a new contextual identity.
 - {{WebExtAPIRef("contextualIdentities.get()")}}
-  - : Retrieves a single contextual identity, given its cookie store ID.
+  - : Retrieves a contextual identity, given its cookie store ID.
+- {{WebExtAPIRef("contextualIdentities.move()")}}
+  - : Moves one or more contextual identities within the list of contextual identities.
 - {{WebExtAPIRef("contextualIdentities.query()")}}
   - : Retrieves all contextual identities, or all contextual identities with a particular name.
 - {{WebExtAPIRef("contextualIdentities.update()")}}
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/move/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/move/index.md
new file mode 100644
index 000000000000000..12ec910109c1f1b
--- /dev/null
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/move/index.md
@@ -0,0 +1,94 @@
+---
+title: contextualIdentities.move()
+slug: Mozilla/Add-ons/WebExtensions/API/contextualIdentities/move
+page-type: webextension-api-function
+browser-compat: webextensions.api.contextualIdentities.move
+---
+
+{{AddonSidebar()}}
+
+Moves one or more contextual identities to a new position within the list of contextual identities.
+
+This is an asynchronous function that returns a [`Promise`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).
+
+## Syntax
+
+```js-nolint
+let moveContainers = browser.contextualIdentities.move(
+  cookieStoreIds,                  // string or array of string
+  position                         // integer
+)
+```
+
+### Parameters
+
+- `cookieStoreIds`
+  - : `string` or `array` of `string`. An ordered list of the contextual identity cookie store IDs to move.
+- `position`
+  - : `integer`. The position to move `cookieStoreIds` to in the list of contextual identities. Zero-based; `0` indicates the first position. `-1` indicates that the items are moved to the end of the list.
+
+### Return value
+
+A [`Promise`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) that is fulfilled when the contextual identities are reordered. The promise is rejected if the request is for an invalid move or the contextual identities feature is not enabled.
+
+## Examples
+
+This example moves the first identity to the end and then back to the start.
+
+```js
+let identities = await browser.contextualIdentities.query({});
+let firstId = identities[0].cookieStoreId;
+
+// Moves first identity to the end.
+await browser.contextualIdentities.move(firstId, -1);
+
+// Move identity to the start again.
+await browser.contextualIdentities.move(firstId, 0);
+```
+
+Another way of moving the first identity to the end is by moving all other identities to the start.
+
+```js
+let identities = await browser.contextualIdentities.query({});
+let ids = identities.map((identity) => identity.cookieStoreId);
+// Create an array without the first item:
+let otherIds = ids.slice(1);
+
+// Move other identities to the start,
+// effectively putting the first identity at the end.
+await browser.contextualIdentities.move(otherIds, 0);
+```
+
+This example moves the "Personal" identity to before "Work". The example assumes containers with these names to exist. This may not be the case in customized or localized (non-English) Firefox instances.
+
+```js
+let identities = await browser.contextualIdentities.query({});
+
+// Find the index and ID of the container with the name "Personal".
+let personalIndex = identities.findIndex((ci) => ci.name === "Personal");
+if (personalIndex === -1) {
+  throw new Error("Personal container not found");
+}
+let personalId = identities[personalIndex].cookieStoreId;
+
+// Find the index of the container with the name "Work".
+let workIndex = identities.findIndex((identity) => identity.name === "Work");
+if (workIndex === -1) {
+  throw new Error("Work container not found!");
+}
+
+if (personalIndex < workIndex) {
+  // When the Personal identity moves, all following
+  // identities shift to the left by one. To place
+  // the Personal identity before the Work identity,
+  // we should therefore subtract one.
+  workIndex--;
+}
+await browser.contextualIdentities.move(personalId, workIndex);
+```
+
+{{WebExtExamples}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/mozilla/firefox/releases/123/index.md b/files/en-us/mozilla/firefox/releases/123/index.md
index 4c9da87c1f530ba..6db537a1a42e612 100644
--- a/files/en-us/mozilla/firefox/releases/123/index.md
+++ b/files/en-us/mozilla/firefox/releases/123/index.md
@@ -56,6 +56,8 @@ This article provides information about the changes in Firefox 123 that affect d
 
 ## Changes for add-on developers
 
+- Addition of fhe {{WebExtAPIRef("contextualIdentities.move")}} function enables items to be moved in the list of contextual identities. This function enables extensions to customize the order in which contextual identities display in the UI ([Firefox bug 1333395](https://bugzil.la/1333395)).
+
 ### Removals
 
 ### Other

From 96e73ab4d1fdb714a6a6516821b3206d83909046 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 6 Jan 2024 01:14:29 +0800
Subject: [PATCH 279/790] init docs for `HTMLElement.virtualkeyboardpolicy`
 (#31367)

* add docs

* add to groupdata

* update api summary

* up[date

* update

* fix property name

* fix desc

* Update files/en-us/web/api/virtualkeyboard_api/index.md

* fix word

* Apply suggestions from code review

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Update files/en-us/web/api/htmlelement/virtualkeyboardpolicy/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

* update desc

* Apply suggestions from code review

* Update files/en-us/web/api/virtualkeyboard_api/index.md

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 files/en-us/web/api/htmlelement/index.md      |  2 +
 .../virtualkeyboardpolicy/index.md            | 47 +++++++++++++++++++
 .../web/api/virtualkeyboard_api/index.md      |  7 +++
 .../en-us/web/html/global_attributes/index.md |  2 +-
 .../virtualkeyboardpolicy/index.md            |  2 +-
 files/jsondata/GroupData.json                 |  5 +-
 6 files changed, 62 insertions(+), 3 deletions(-)
 create mode 100644 files/en-us/web/api/htmlelement/virtualkeyboardpolicy/index.md

diff --git a/files/en-us/web/api/htmlelement/index.md b/files/en-us/web/api/htmlelement/index.md
index 81bcf325193265a..2944c2f218dc2a5 100644
--- a/files/en-us/web/api/htmlelement/index.md
+++ b/files/en-us/web/api/htmlelement/index.md
@@ -75,6 +75,8 @@ _Also inherits properties from its parent, {{DOMxRef("Element")}}._
   - : A string containing the text that appears in a popup box when mouse is over the element.
 - {{DOMxRef("HTMLElement.translate")}}
   - : A boolean value representing the translation.
+- {{DOMxRef("HTMLElement.virtualKeyboardPolicy")}} {{Experimental_Inline}}
+  - : A string indicating the on-screen virtual keyboard behavior on devices such as tablets, mobile phones, or other devices where a hardware keyboard may not be available, if the element's content is editable (for example, it is an {{htmlelement("input")}} or {{htmlelement("textarea")}} element, or an element with the [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes/contenteditable) attribute set).
 
 ## Instance methods
 
diff --git a/files/en-us/web/api/htmlelement/virtualkeyboardpolicy/index.md b/files/en-us/web/api/htmlelement/virtualkeyboardpolicy/index.md
new file mode 100644
index 000000000000000..a978bfd2491e71a
--- /dev/null
+++ b/files/en-us/web/api/htmlelement/virtualkeyboardpolicy/index.md
@@ -0,0 +1,47 @@
+---
+title: "HTMLElement: virtualKeyboardPolicy property"
+short-title: virtualKeyboardPolicy
+slug: Web/API/HTMLElement/virtualKeyboardPolicy
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.HTMLElement.virtualKeyboardPolicy
+---
+
+{{APIRef("VirtualKeyboard API")}}{{SeeCompatTable}}
+
+The **`virtualKeyboardPolicy`** property of the {{domxref("HTMLElement")}} interface gets and sets a string indicating the on-screen virtual keyboard behavior on devices such as tablets, mobile phones, or other devices where a hardware keyboard may not be available, if the element's content is editable (for example, it is an {{htmlelement("input")}} or {{htmlelement("textarea")}} element, or an element with the [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes/contenteditable) attribute set).
+
+It reflects the value of the [`virtualkeyboardpolicy`](/en-US/docs/Web/HTML/Global_attributes/virtualkeyboardpolicy) HTML global attribute.
+
+## Value
+
+An enumerated value; possible values are:
+
+- `"auto"` or an empty string (`""`)
+  - The browser automatically shows the virtual keyboard when the user taps or focuses the element.
+- `"manual"`
+  - The browser does not automatically show the virtual keyboard: showing/hiding the virtual keyboard is handled manually by the script.
+
+## Examples
+
+The following example shows how to control the on-screen virtual keyboard behavior via script:
+
+```js
+const element = document.querySelector("input");
+
+// the on-screen virtual keyboard behavior will be controlled by script manually
+element.virtualKeyboardPolicy = "manual";
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [`virtualkeyboardpolicy`](/en-US/docs/Web/HTML/Global_attributes#virtualkeyboardpolicy) HTML global attribute
diff --git a/files/en-us/web/api/virtualkeyboard_api/index.md b/files/en-us/web/api/virtualkeyboard_api/index.md
index 7bc218d99d2233a..f91f38746cf775a 100644
--- a/files/en-us/web/api/virtualkeyboard_api/index.md
+++ b/files/en-us/web/api/virtualkeyboard_api/index.md
@@ -111,6 +111,13 @@ The code snippet below shows how to use the `virtualkeyboardpolicy` attribute an
 - {{domxref('VirtualKeyboard')}} {{experimental_inline}}
   - : Provides functions that retrieve keyboard layout maps and toggle capturing of key presses from the physical keyboard.
 
+## Extensions to other interfaces
+
+- {{domxref("Navigator.virtualKeyboard")}} {{ReadOnlyInline}} {{experimental_inline}}
+  - : Returns a reference to the {{DOMxRef("VirtualKeyboard")}} API, to take control of the on-screen virtual keyboard.
+- {{domxref("HTMLElement.virtualkeyboardpolicy")}} {{experimental_inline}}
+  - : A string indicating whether to use the browser's default policy for showing the virtual keyboard when the element is focused, or to handle showing the virtual keyboard manually.
+
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/html/global_attributes/index.md b/files/en-us/web/html/global_attributes/index.md
index f074f8eaaf51022..2b8cca002d44d12 100644
--- a/files/en-us/web/html/global_attributes/index.md
+++ b/files/en-us/web/html/global_attributes/index.md
@@ -120,7 +120,7 @@ In addition to the basic HTML global attributes, the following global attributes
 
 - [`virtualkeyboardpolicy`](/en-US/docs/Web/HTML/Global_attributes/virtualkeyboardpolicy) {{Experimental_Inline}}
 
-  - : An [enumerated](/en-US/docs/Glossary/Enumerated) attribute used to control the on-screen virtual keyboard behavior on devices such as tablets, mobile phones, or other devices where a hardware keyboard may not be available for elements that also uses the [`contenteditable`](#contenteditable) attribute.
+  - : An [enumerated](/en-US/docs/Glossary/Enumerated) attribute used to control the on-screen virtual keyboard behavior on devices such as tablets, mobile phones, or other devices where a hardware keyboard may not be available for elements that its content is editable (for example, it is an {{htmlelement("input")}} or {{htmlelement("textarea")}} element, or an element with the [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes/contenteditable) attribute set).
 
     - `auto` or an _empty string_, which automatically shows the virtual keyboard when the element is focused or tapped.
     - `manual`, which decouples focus and tap on the element from the virtual keyboard's state.
diff --git a/files/en-us/web/html/global_attributes/virtualkeyboardpolicy/index.md b/files/en-us/web/html/global_attributes/virtualkeyboardpolicy/index.md
index d7367441d81efd8..40b658a1095f48f 100644
--- a/files/en-us/web/html/global_attributes/virtualkeyboardpolicy/index.md
+++ b/files/en-us/web/html/global_attributes/virtualkeyboardpolicy/index.md
@@ -9,7 +9,7 @@ browser-compat: html.global_attributes.virtualkeyboardpolicy
 
 {{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}
 
-The **`virtualkeyboardpolicy`** [global attribute](/en-US/docs/Web/HTML/Global_attributes) is an enumerated attribute. When specified on an element that also uses the [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes#contenteditable) attribute, it controls the on-screen virtual keyboard behavior on devices such as tablets, mobile phones, or other devices where a hardware keyboard may not be available.
+The **`virtualkeyboardpolicy`** [global attribute](/en-US/docs/Web/HTML/Global_attributes) is an enumerated attribute. When specified on an element that the element's content is editable (for example, it is an {{htmlelement("input")}} or {{htmlelement("textarea")}} element, or an element with the [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes/contenteditable) attribute set), it controls the on-screen virtual keyboard behavior on devices such as tablets, mobile phones, or other devices where a hardware keyboard may not be available.
 
 The attribute must take one of the following values:
 
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index a1ad10bacd769ea..01fed8b05f78d6a 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -1637,7 +1637,10 @@
       "overview": ["VirtualKeyboard API"],
       "interfaces": ["VirtualKeyboard"],
       "methods": [],
-      "properties": ["Navigator.virtualKeyboard"],
+      "properties": [
+        "HTMLElement.virtualkeyboardpolicy",
+        "Navigator.virtualKeyboard"
+      ],
       "events": []
     },
     "Visual Viewport": {

From c6497f6347a9dd6d6844b520b1ba8542552653a8 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Sat, 6 Jan 2024 12:23:09 +0800
Subject: [PATCH 280/790] fix broken links and update the description of
 iterators (#31522)

* fix broken links and update the description of iterators

* apply suggestions

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../index.md                                  | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/files/en-us/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md b/files/en-us/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md
index e451e003f5be2de..5e1f4a3da653b96 100644
--- a/files/en-us/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md
+++ b/files/en-us/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md
@@ -19,11 +19,11 @@ WebIDL can be found in multiple locations:
 
   - For Gecko, all WebIDL files are grouped in a single directory: <https://dxr.mozilla.org/mozilla-central/source/dom/webidl/>. Their extension is `.webidl`. There are other `*.idl` files in the Gecko source tree but they are not WebIDL, so you can ignore them. Older versions of Gecko have some of their WebIDL scattered around somewhat, and may even use Mozilla's IDL instead of WebIDL to describe some Web interfaces, but this won't be a problem in any recent Gecko code.
   - For Chromium, they are located in two locations, both subtrees of the source code's [`renderer/`](https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/) directory: [`core/`](https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/) and [`modules/`](https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/modules/). Chromium source code has IDL files in other locations, but these are part of the testing system and not relevant to API implementations.
-  - For WebCore, they are scattered around the source code, so you need to dig a bit more: E.g. <https://github.com/WebKit/webkit/blob/master/Source/WebCore/html/DOMTokenList.idl>
+  - For WebCore, they are scattered around the source code, so you need to dig a bit more: E.g. <https://github.com/WebKit/webkit/blob/main/Source/WebCore/html/DOMTokenList.idl>
 
 ## Different dialects of WebIDL
 
-WebIDL is defined in [its specification](https://heycam.github.io/webidl/). But it has been designed to be extended to convey more information, and browser vendors have done so:
+WebIDL is defined in [its specification](https://webidl.spec.whatwg.org/). But it has been designed to be extended to convey more information, and browser vendors have done so:
 
 - For Gecko, Mozilla created the [documentation](https://firefox-source-docs.mozilla.org/dom/webIdlBindings/index.html) of its dialectal WebIDL.
 - For Chromium, Google also created a [document](https://www.chromium.org/blink/webidl/) to describe its extensions.
@@ -243,7 +243,7 @@ If the keyword `readonly` is present, the property can't be modified. It must be
 
 In some cases, like when some values are illegal, setting a new value can lead to an exception being raised. This is marked using the `[SetterThrows]` annotation. When this happens, the Syntax section of the property page _must_ have an Exceptions subsection. The list of exceptions and the conditions to have them thrown are listed, as textual information, in the specification of that API.
 
-Note that some exceptions are not explicitly marked but are defined by the JavaScript bindings. [Trying to set an illegal enumerated value](https://heycam.github.io/webidl/#es-enumeration) (mapped to a JavaScript {{jsxref('String')}}) raises a {{jsxref('TypeError')}} exception. This must be documented, but is only implicitly marked in the WebIDL document.
+Note that some exceptions are not explicitly marked but are defined by the JavaScript bindings. [Trying to set an illegal enumerated value](https://webidl.spec.whatwg.org/#es-enumeration) (mapped to a JavaScript {{jsxref('String')}}) raises a {{jsxref('TypeError')}} exception. This must be documented, but is only implicitly marked in the WebIDL document.
 
 It is uncommon to have getters throwing exceptions, though it happens in a few cases. In this case the `[GetterThrows]` annotation is used. Here also, the Syntax section of the property page _must_ have an Exceptions subsection.
 
@@ -355,9 +355,9 @@ The parameters of a method are listed in the Syntax section of the method sub-pa
 DOMString canPlayType(DOMString type);
 ```
 
-The return value type is indicated first inside the parentheses — in the above case the value is an object of type `DOMString`. if followed by a question mark (`'?'`), a value of `null` can be returned too, and the documentation must explain _when_ this may happen. If no question mark is present, like here, the return value can't be `null`.
+The return value type is indicated before the method name — in the above case the value is an object of type `DOMString`. If the return type is followed by a question mark (`'?'`), a value of `null` can be returned too, and the documentation must explain _when_ this may happen. If no question mark is present, like here, the return value can't be `null`.
 
-The keyword `void` means that there is no return value. It is not a return value type. If the WebIDL entry reads `void`, the _Return value_ section in the docs should contain only a simple "None.".
+If the return value is the `void` keyword, it means that there is no return value. It is not a return value type. If the WebIDL entry reads `void`, the _Return value_ section in the docs should simply state "None (\{{jsxref("undefined")}}).".
 
 ### Throwing exceptions
 
@@ -368,7 +368,7 @@ The keyword `void` means that there is no return value. It is not a return value
 
 Some methods can throw exceptions. This is marked using the `[Throws]` annotation. When this happens, the Syntax section of the method page _must_ have an Exceptions subsection. The list of exceptions and the conditions to have them thrown are listed, as textual information, in the specification of that API.
 
-Note that some exceptions are not explicitly marked but are defined by the JavaScript bindings. [Trying to set an illegal enumerated value](https://heycam.github.io/webidl/#es-enumeration) (mapped to a JavaScript {{jsxref('String')}}) as a parameter will raise a {{jsxref('TypeError')}} exception. This must be documented, but it is only implicitly marked in the WebIDL document.
+Note that some exceptions are not explicitly marked but are defined by the JavaScript bindings. [Trying to set an illegal enumerated value](https://webidl.spec.whatwg.org/#es-enumeration) (mapped to a JavaScript {{jsxref('String')}}) as a parameter will raise a {{jsxref('TypeError')}} exception. This must be documented, but it is only implicitly marked in the WebIDL document.
 
 Have a look at one of these [_Exceptions_ sections](/en-US/docs/Web/API/SubtleCrypto/importKey#exceptions).
 
@@ -382,7 +382,7 @@ For the documentation, the sub-page must contain a sentence indicating if it is
 
 > **Note:** this information is specific to Gecko and should only be used in the Browser compatibility section.
 
-In Gecko, the availability of some properties may be controlled by a preference. This is marked in the WebIDL too.
+In Gecko, the availability of some methods may be controlled by a preference. This is marked in the WebIDL too.
 
 ```webidl
 [Pref="media.webvtt.enabled"]
@@ -437,14 +437,15 @@ The iterator will iterate over values of type _valueType_. The generated methods
 - `entries()`, which returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the indexes (that are `unsigned long`).
 - `values()`, which returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the values.
 - `keys()`, which returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the keys, that are its indexes (that are `unsigned long`). In the case of value iterators, `keys()` and `entries()` are identical.
-- `forEach()`, which returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the keys that calls a given callback function one for each entry in the list.
+- `forEach()`, which executes a given callback function once for each entry in the list.
 
 Such an iterator allows to use the syntax `for (const p in object)` as a shorthand of `for (const p in object.entries())`. We add a sentence about it in the interface description.
 
-> **Note:** the value pairs to iterate over can be defined in two different ways:
->
-> 1. Outside the webidl file, in the prose accompanying it. Such a prose is in the spec and usually starts with: _"The [values to iterate over](https://heycam.github.io/webidl/#dfn-values-to-iterate-over)…"_.
-> 2. In the webidl file, implicitly, if the interface supports indexed properties, that is when the interface has a `getter` methods with a parameter of type `unsigned long`.
+The values to iterate over can be defined in one of the following ways:
+
+- In the WebIDL file, using the `iterable<valueType>` notation. For example, see {{domxref('DOMTokenList')}}.
+- Implicitly in the WebIDL file, if the interface supports indexed properties. This is indicated when the interface includes `getter` methods with a parameter of type `unsigned long`.
+- Outside the WebIDL file, in the accompanying prose. Such a prose is typically found in the specification and usually starts with: _"The [values to iterate over](https://webidl.spec.whatwg.org/#dfn-value-iterator)…"_.
 
 #### Pair iterator
 
@@ -452,18 +453,19 @@ Such an iterator allows to use the syntax `for (const p in object)` as a shortha
 iterable<keyType, valueType>
 ```
 
-The iterator will iterate over values of type _valueType_, with keys of type _keyType_. The generated methods will be:
+The iterator will iterate over values of type _valueType_ with keys of type _keyType_, that is the value pairs. The generated methods will be:
 
-- `entries()` that returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the indexes (of type _keyType_). E.g. {{domxref('FormData.entries()')}}
-- `values()` that returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the values. E.g. {{domxref('FormData.values()')}}
-- `keys()` that returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the keys. E.g. {{domxref('FormData.keys()')}}
-- Once [Firefox bug 1216751](https://bugzil.la/1216751) lands, `forEach()`.
+- `entries()`, which returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the value pairs. For example, see {{domxref('FormData.entries()')}}.
+- `values()`, which returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the values. For example, see {{domxref('FormData.values()')}}.
+- `keys()`, which returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the keys. For example, see {{domxref('FormData.keys()')}}.
+- `forEach()`, which executes a given callback function once for each entry in the list. For example, see {{domxref('Headers.forEach()')}}.
 
 Such an iterator allows to use the syntax `for (const p in object)` as a shorthand of `for (const p in object.entries())`. We add a sentence about it in the interface description. E.g. {{domxref('FormData')}}.
 
-> **Note:** the value pairs to iterate over are _not_ defined in the webidl file, but in the prose accompanying it. Such a prose is in the spec and usually starts with: _"The [value pairs to iterate over](https://heycam.github.io/webidl/#dfn-value-pairs-to-iterate-over)…"_
->
-> E.g, for {{domxref('FormData')}} you find in the spec: _"The [value pairs to iterate over](https://heycam.github.io/webidl/#dfn-value-pairs-to-iterate-over) are the [entries](https://xhr.spec.whatwg.org/#concept-formdata-entry) with the key being the [name](https://xhr.spec.whatwg.org/#concept-formdata-entry-name) and the value the [value](https://xhr.spec.whatwg.org/#concept-formdata-entry-value). "_
+The value pairs to iterate over can be defined in one of the following ways:
+
+- In the WebIDL file, using the `iterable<keyType, valueType>` notation. For example, see {{domxref('FormData')}}.
+- Outside the WebIDL file, in the accompanying prose. Such a prose is typically found in the specification and usually starts with: _"The [value pairs to iterate over](https://webidl.spec.whatwg.org/#dfn-value-pairs-to-iterate-over)…"_.
 
 ### Set-like methods
 
@@ -475,10 +477,10 @@ setlike<valueType>
 
 The generated properties will be:
 
-- `entries()` that returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the indexes. E.g. {{domxref('NodeList.entries()')}}.
-- `values()` that returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the values. E.g. {{domxref('NodeList.values()')}}.
-- `keys()` that returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the keys. E.g. {{domxref('NodeList.keys()')}},
-- `forEach()`.
+- `entries()`, which returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the indexes. For example, see {{domxref('NodeList.entries()')}}.
+- `values()`, which returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the values. For example, see {{domxref('NodeList.values()')}}.
+- `keys()`, which returns an [`iterator`](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) on the keys. For example, see {{domxref('NodeList.keys()')}}.
+- `forEach()`, which executes a given callback function once for each entry in the list. For example, see {{domxref('NodeList.forEach()')}}.
 
 In cases where the set-like declaration is not prefixed by read-only, the following methods are also generated:
 

From 7b6a6b7ad383ec982874dd7814d51683621a2fd5 Mon Sep 17 00:00:00 2001
From: Conduitry <git@chor.date>
Date: Sat, 6 Jan 2024 00:36:36 -0500
Subject: [PATCH 281/790] fix HTML <image> reference to <img> in Sec-Fetch-Dest
 docs (#31535)

---
 files/en-us/web/http/headers/sec-fetch-dest/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/headers/sec-fetch-dest/index.md b/files/en-us/web/http/headers/sec-fetch-dest/index.md
index a724a9bc6e3bcb7..5ea8d11af3c8433 100644
--- a/files/en-us/web/http/headers/sec-fetch-dest/index.md
+++ b/files/en-us/web/http/headers/sec-fetch-dest/index.md
@@ -79,7 +79,7 @@ Servers should ignore this header if it contains any other value.
 - `iframe`
   - : The destination is an iframe. This might originate from an HTML {{HTMLElement("iframe")}} tag.
 - `image`
-  - : The destination is an image. This might originate from an HTML {{HTMLElement("image")}}, SVG {{SVGElement("image")}}, CSS {{cssxref("background-image")}}, CSS {{cssxref("cursor")}}, CSS {{cssxref("list-style-image")}}, etc.
+  - : The destination is an image. This might originate from an HTML {{HTMLElement("img")}}, SVG {{SVGElement("image")}}, CSS {{cssxref("background-image")}}, CSS {{cssxref("cursor")}}, CSS {{cssxref("list-style-image")}}, etc.
 - `manifest`
   - : The destination is a manifest. This might originate from an HTML [\<link rel=manifest>](/en-US/docs/Web/HTML/Attributes/rel/manifest).
 - `object`

From d8f044429f2b6bb9edcf429b673e1efab49557f9 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 6 Jan 2024 13:55:04 +0800
Subject: [PATCH 282/790] add missing Specifications section to
 `HTMLElement.accessKey` (#31520)

add missing Specifications section
---
 files/en-us/web/api/htmlelement/accesskey/index.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/files/en-us/web/api/htmlelement/accesskey/index.md b/files/en-us/web/api/htmlelement/accesskey/index.md
index 2948daff2b27b53..00e10e02dffa1b2 100644
--- a/files/en-us/web/api/htmlelement/accesskey/index.md
+++ b/files/en-us/web/api/htmlelement/accesskey/index.md
@@ -12,6 +12,10 @@ The **`HTMLElement.accessKey`** property sets the keystroke which a user can pre
 
 > **Note:** The `HTMLElement.accessKey` property is seldom used because of its multiple conflicts with already present key bindings in browsers. To work around this, browsers implement accesskey behavior if the keys are pressed with other "qualifying" keys (such as <kbd>Alt</kbd> + accesskey).
 
+## Specifications
+
+{{Specifications}}
+
 ## Browser compatibility
 
 {{Compat}}

From 4232f4067388fc9b2c55c5f9200dddf05bd99b74 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 6 Jan 2024 14:27:18 +0800
Subject: [PATCH 283/790] MediaDeviceInfo content update (#31531)

* fix apiref

* add securecontext_header

* update groupdata

* fix word

* update kind value description

* add inherit info

* fix

* text update
---
 .../web/api/inputdeviceinfo/getcapabilities/index.md   |  2 +-
 files/en-us/web/api/inputdeviceinfo/index.md           | 10 ++++++++--
 files/en-us/web/api/mediadeviceinfo/deviceid/index.md  |  4 ++--
 files/en-us/web/api/mediadeviceinfo/groupid/index.md   |  4 ++--
 files/en-us/web/api/mediadeviceinfo/index.md           |  4 ++--
 files/en-us/web/api/mediadeviceinfo/kind/index.md      |  8 ++++----
 files/en-us/web/api/mediadeviceinfo/label/index.md     |  4 ++--
 files/en-us/web/api/mediadeviceinfo/tojson/index.md    |  2 +-
 files/jsondata/GroupData.json                          |  4 +++-
 9 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/files/en-us/web/api/inputdeviceinfo/getcapabilities/index.md b/files/en-us/web/api/inputdeviceinfo/getcapabilities/index.md
index 264cf2507a90d2e..18b38c704c5d93b 100644
--- a/files/en-us/web/api/inputdeviceinfo/getcapabilities/index.md
+++ b/files/en-us/web/api/inputdeviceinfo/getcapabilities/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.InputDeviceInfo.getCapabilities
 ---
 
-{{APIRef("Media Capture and Streams")}}
+{{APIRef("Media Capture and Streams")}}{{securecontext_header}}
 
 The **`getCapabilities()`** method of the {{domxref("InputDeviceInfo")}} interface returns a `MediaTrackCapabilities` object describing the primary audio or video track of the device's {{domxref("MediaStream")}}.
 
diff --git a/files/en-us/web/api/inputdeviceinfo/index.md b/files/en-us/web/api/inputdeviceinfo/index.md
index 725f5c60ebfdd2c..d2815a474ae4239 100644
--- a/files/en-us/web/api/inputdeviceinfo/index.md
+++ b/files/en-us/web/api/inputdeviceinfo/index.md
@@ -5,16 +5,22 @@ page-type: web-api-interface
 browser-compat: api.InputDeviceInfo
 ---
 
-{{APIRef("Media Capture and Streams")}}
+{{APIRef("Media Capture and Streams")}}{{securecontext_header}}
 
-The **`InputDeviceInfo`** interface of the {{domxref('Media Capture and Streams API','','',' ')}} gives access to the capabilities of the input device that it represents.
+The **`InputDeviceInfo`** interface of the {{domxref("Media Capture and Streams API", "", "", "nocode")}} gives access to the capabilities of the input device that it represents.
 
 `InputDeviceInfo` objects are returned by {{domxref("MediaDevices.enumerateDevices()")}} if the returned device is an audio or video input device.
 
 {{InheritanceDiagram}}
 
+## Instance properties
+
+_Also inherits properties from its parent interface, {{DOMxRef("MediaDeviceInfo")}}._
+
 ## Instance methods
 
+_Also inherits methods from its parent interface, {{DOMxRef("MediaDeviceInfo")}}._
+
 - {{domxref("InputDeviceInfo.getCapabilities()")}}
   - : Returns a `MediaTrackCapabilities` object describing the primary audio or video track of a device's `MediaStream`.
 
diff --git a/files/en-us/web/api/mediadeviceinfo/deviceid/index.md b/files/en-us/web/api/mediadeviceinfo/deviceid/index.md
index 576bcf08c1b4976..24cc171145425b1 100644
--- a/files/en-us/web/api/mediadeviceinfo/deviceid/index.md
+++ b/files/en-us/web/api/mediadeviceinfo/deviceid/index.md
@@ -6,9 +6,9 @@ page-type: web-api-instance-property
 browser-compat: api.MediaDeviceInfo.deviceId
 ---
 
-{{APIRef("Media Capture")}}
+{{APIRef("Media Capture and Streams")}}{{securecontext_header}}
 
-The **`deviceId`** readonly property
+The **`deviceId`** read-only property
 of the {{domxref("MediaDeviceInfo")}} interface returns a string
 that is an identifier for the represented device and is persisted across
 sessions.
diff --git a/files/en-us/web/api/mediadeviceinfo/groupid/index.md b/files/en-us/web/api/mediadeviceinfo/groupid/index.md
index 0a52a2e092be573..4ec18345d9517cb 100644
--- a/files/en-us/web/api/mediadeviceinfo/groupid/index.md
+++ b/files/en-us/web/api/mediadeviceinfo/groupid/index.md
@@ -6,9 +6,9 @@ page-type: web-api-instance-property
 browser-compat: api.MediaDeviceInfo.groupId
 ---
 
-{{APIRef("Media Capture")}}
+{{APIRef("Media Capture and Streams")}}{{securecontext_header}}
 
-The **`groupId`** readonly property of
+The **`groupId`** read-only property of
 the {{domxref("MediaDeviceInfo")}} interface returns a string that
 is a group identifier.
 
diff --git a/files/en-us/web/api/mediadeviceinfo/index.md b/files/en-us/web/api/mediadeviceinfo/index.md
index 75d224771b22a95..4725fe66a8c1363 100644
--- a/files/en-us/web/api/mediadeviceinfo/index.md
+++ b/files/en-us/web/api/mediadeviceinfo/index.md
@@ -5,9 +5,9 @@ page-type: web-api-interface
 browser-compat: api.MediaDeviceInfo
 ---
 
-{{APIRef("WebRTC")}}
+{{APIRef("Media Capture and Streams")}}{{securecontext_header}}
 
-The **`MediaDeviceInfo`** interface contains information that describes a single media input or output device.
+The **`MediaDeviceInfo`** interface of the {{domxref("Media Capture and Streams API", "", "", "nocode")}} contains information that describes a single media input or output device.
 
 The list of devices obtained by calling {{domxref("MediaDevices.enumerateDevices", "navigator.mediaDevices.enumerateDevices()")}} is an array of `MediaDeviceInfo` objects, one per media device.
 
diff --git a/files/en-us/web/api/mediadeviceinfo/kind/index.md b/files/en-us/web/api/mediadeviceinfo/kind/index.md
index af84825ec1d11ae..6753f399dac2d95 100644
--- a/files/en-us/web/api/mediadeviceinfo/kind/index.md
+++ b/files/en-us/web/api/mediadeviceinfo/kind/index.md
@@ -6,15 +6,15 @@ page-type: web-api-instance-property
 browser-compat: api.MediaDeviceInfo.kind
 ---
 
-{{APIRef("Media Capture")}}
+{{APIRef("Media Capture and Streams")}}{{securecontext_header}}
 
-The **`kind`** readonly property of
+The **`kind`** read-only property of
 the {{domxref("MediaDeviceInfo")}} interface returns an enumerated value, that is
-either "videoinput", "audioinput" or "audiooutput".
+either `"videoinput"`, `"audioinput"` or `"audiooutput"`.
 
 ## Value
 
-A string.
+One of `"videoinput"`, `"audioinput"` or `"audiooutput"`.
 
 ## Specifications
 
diff --git a/files/en-us/web/api/mediadeviceinfo/label/index.md b/files/en-us/web/api/mediadeviceinfo/label/index.md
index 672525ef4e14241..f3777b11073313a 100644
--- a/files/en-us/web/api/mediadeviceinfo/label/index.md
+++ b/files/en-us/web/api/mediadeviceinfo/label/index.md
@@ -6,9 +6,9 @@ page-type: web-api-instance-property
 browser-compat: api.MediaDeviceInfo.label
 ---
 
-{{APIRef("Media Capture")}}
+{{APIRef("Media Capture and Streams")}}{{securecontext_header}}
 
-The **`label`** readonly
+The **`label`** read-only
 property of the {{domxref("MediaDeviceInfo")}} interface returns a
 string describing this device (for example
 "External USB Webcam").
diff --git a/files/en-us/web/api/mediadeviceinfo/tojson/index.md b/files/en-us/web/api/mediadeviceinfo/tojson/index.md
index e7ca3ef8cdbed67..71cf17313dd7ef8 100644
--- a/files/en-us/web/api/mediadeviceinfo/tojson/index.md
+++ b/files/en-us/web/api/mediadeviceinfo/tojson/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaDeviceInfo.toJSON
 ---
 
-{{APIRef("WebRTC")}}
+{{APIRef("Media Capture and Streams")}}{{securecontext_header}}
 
 The **`toJSON()`** method of the {{domxref("MediaDeviceInfo")}} interface is a {{Glossary("Serialization","serializer")}}; it returns a JSON representation of the {{domxref("MediaDeviceInfo")}} object.
 
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 01fed8b05f78d6a..3d582594c75d744 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -898,13 +898,15 @@
       ],
       "interfaces": [
         "CanvasCaptureMediaStreamTrack",
+        "MediaDeviceInfo",
         "MediaDevices",
         "MediaStream",
         "MediaStreamTrack",
         "MediaStreamTrackEvent",
         "MediaTrackConstraints",
         "MediaTrackSettings",
-        "MediaTrackSupportedConstraints"
+        "MediaTrackSupportedConstraints",
+        "InputDeviceInfo"
       ],
       "methods": ["HTMLCanvasElement.captureStream()"],
       "properties": ["Navigator.mediaDevices"],

From 2770a0102ee9a7825f4c28afa47ca1ca71addf3a Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sat, 6 Jan 2024 07:29:45 +0100
Subject: [PATCH 284/790] Neutralize XUL links (#31536)

---
 .../en-us/mozilla/firefox/releases/9/index.md  | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/9/index.md b/files/en-us/mozilla/firefox/releases/9/index.md
index 4c635466036b532..dff03c37797ef56 100644
--- a/files/en-us/mozilla/firefox/releases/9/index.md
+++ b/files/en-us/mozilla/firefox/releases/9/index.md
@@ -83,22 +83,22 @@ _No change._
 
 ## Changes for Mozilla and add-on developers
 
-See [Updating add-ons for Firefox 9](/en-US/docs/Mozilla/Firefox/Updating_add-ons_for_Firefox_9) for an overview of the changes you may need to make to get your add-ons working in Firefox 9.
+See [Updating add-ons for Firefox 9](/en-US/docs/Mozilla/Firefox/Releases/9/Updating_add-ons) for an overview of the changes you may need to make to get your add-ons working in Firefox 9.
 
 ### XUL
 
-- The [`<xul:tab>`](/en-US/docs/Mozilla/Tech/XUL/tab) element now has a [`pending`](/en-US/docs/Mozilla/Tech/XUL/Attribute/pending) attribute, whose value is `true`, when the tab is in the process of being restored by the session store service. This can be used for styling the tab in themes. The attribute isn't present on tabs that aren't pending.
-- The [`<xul:tab>`](/en-US/docs/Mozilla/Tech/XUL/tab) element now has an [`unread`](/en-US/docs/Mozilla/Tech/XUL/Attribute/unread) attribute, whose value is `true`, when the tab has changed since the last time it was the active tab or if it hasn't been selected since the current session began. The attribute isn't present on tabs that are not unread.
-- You can now use a [`<xul:panel>`](/en-US/docs/Mozilla/Tech/XUL/panel) as a drag image for DOM drag and drop operations. This lets you use the standard drag & drop API for [drag and drop of XUL content](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#using_xul_panels_as_drag_images).
-- The [`<xul:notificationbox>`](/en-US/docs/Mozilla/Tech/XUL/notificationbox) element's [`appendNotification`](/en-US/docs/Mozilla/Tech/XUL/Method/appendNotification) method now lets you specify a callback that gets called for interesting events related to the notification box. Currently, the only event is "removed", which tells you the box has been removed from its window.
+- The `<xul:tab>` element now has a `pending` attribute, whose value is `true`, when the tab is in the process of being restored by the session store service. This can be used for styling the tab in themes. The attribute isn't present on tabs that aren't pending.
+- The `<xul:tab>` element now has an `unread` attribute, whose value is `true`, when the tab has changed since the last time it was the active tab or if it hasn't been selected since the current session began. The attribute isn't present on tabs that are not unread.
+- You can now use a `<xul:panel>` as a drag image for DOM drag and drop operations. This lets you use the standard drag & drop API for [drag and drop of XUL content](/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#using_xul_panels_as_drag_images).
+- The `<xul:notificationbox>` element's `appendNotification`) method now lets you specify a callback that gets called for interesting events related to the notification box. Currently, the only event is "removed", which tells you the box has been removed from its window.
 
 ### JavaScript code module changes
 
-- [`FileUtils.jsm`](/en-US/docs/JavaScript_code_modules/FileUtils.jsm) now has a `File` constructor that returns an `nsIFile` object representing a file specified by its pathname.
+- `FileUtils.jsm` now has a `File` constructor that returns an `nsIFile` object representing a file specified by its pathname.
 
 ### Service changes
 
-- The content preference service now [handles private mode browsing](/en-US/docs/Using_content_preferences#private-browsing) (see [Firefox bug 679784](https://bugzil.la/679784)).
+- The content preference service now handles private mode browsing (see [Firefox bug 679784](https://bugzil.la/679784)).
 
 ### NSPR
 
@@ -131,12 +131,12 @@ The IDL parser no longer includes support for the never fully-implemented notion
 - The `--enable-application=standalone` option for building standalone XPConnect has been removed; it hasn't worked since 2007 anyway.
 - Support for building Necko and Transformiix XSLT standalone has been removed; you can no longer use `--enable-application=network` or `--enable-application=content/xslt`.
 - The build system now looks for `.mozconfig` at `$topsrcdir/.mozconfig` or `$topsrcdir/mozconfig`, and nowhere else, unless you override the `.mozconfig` path using the `MOZCONFIG` environment variable.
-- The `xpidl` utility has been replaced in the SDK with [pyxpidl](/en-US/docs/XPIDL/pyxpidl).
+- The `xpidl` utility has been replaced in the SDK with `pyxpidl`.
 
 ### Other changes
 
 - The spell checker no longer has an arbitrary 130-character word-length limit on the length of words it will attempt to spell check. This limit was previously in place to prevent crashes that were occurring in the spell checker, but the underlying bugs have since been fixed.
-- You can now register components to add features to the {{ domxref("window.navigator") }} object by using the "JavaScript-navigator-property" category. See [Adding APIs to the navigator object](/en-US/docs/Mozilla/Developer_guide/Adding_APIs_to_the_navigator_object) for details and examples.
+- You can now register components to add features to the {{ domxref("window.navigator") }} object by using the "JavaScript-navigator-property" category.
 
 ## See also
 

From 212e53bbdaf88af59a57ec1f335bde5e828b68c5 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 6 Jan 2024 14:32:05 +0800
Subject: [PATCH 285/790] Update description section for `NotificationEvent`
 (#31527)

update desc
---
 files/en-us/web/api/notificationevent/action/index.md       | 2 +-
 files/en-us/web/api/notificationevent/notification/index.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/notificationevent/action/index.md b/files/en-us/web/api/notificationevent/action/index.md
index 9a7046ff12eea31..cbd85b645fe6901 100644
--- a/files/en-us/web/api/notificationevent/action/index.md
+++ b/files/en-us/web/api/notificationevent/action/index.md
@@ -8,7 +8,7 @@ browser-compat: api.NotificationEvent.action
 
 {{APIRef("Web Notifications")}}
 
-Returns the string ID of the notification button the user clicked. This value returns an empty string if the user clicked the notification somewhere other than an action button, or the notification does not have a button. The notification id is set during the creation of the Notification via the actions array attribute and can't be modified unless the notification is replaced.
+The **`action`** read-only property of the {{domxref("NotificationEvent")}} interface returns the string ID of the notification button the user clicked. This value returns an empty string if the user clicked the notification somewhere other than an action button, or the notification does not have a button. The notification id is set during the creation of the Notification via the actions array attribute and can't be modified unless the notification is replaced.
 
 ## Value
 
diff --git a/files/en-us/web/api/notificationevent/notification/index.md b/files/en-us/web/api/notificationevent/notification/index.md
index 7da4da9682c2d8d..24144c34ff8a7ae 100644
--- a/files/en-us/web/api/notificationevent/notification/index.md
+++ b/files/en-us/web/api/notificationevent/notification/index.md
@@ -8,7 +8,7 @@ browser-compat: api.NotificationEvent.notification
 
 {{APIRef("Web Notifications")}}
 
-The `notification` read-only property of the {{domxref("NotificationEvent")}} interface returns the instance of the {{domxref("Notification")}} that was clicked to fire the event. The {{domxref("Notification")}} provides read-only access to many properties that were set at the instantiation time of the Notification such as `tag` and `data` attributes that allow you to store information for deferred use in the `notificationclick` event.
+The **`notification`** read-only property of the {{domxref("NotificationEvent")}} interface returns the instance of the {{domxref("Notification")}} that was clicked to fire the event. The {{domxref("Notification")}} provides read-only access to many properties that were set at the instantiation time of the Notification such as `tag` and `data` attributes that allow you to store information for deferred use in the `notificationclick` event.
 
 ## Value
 

From aecd1e31c1c85b4bada274379f09fcbd9683cf20 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 6 Jan 2024 14:42:34 +0800
Subject: [PATCH 286/790] Notification | fix apiref & update exception sections
 & add missing optional_inline (#31528)

* fix apiref

* add optional_inline

* small style fix

* update exceptions
---
 .../notificationclick_event/index.md          |  2 +-
 .../notificationclose_event/index.md          |  2 +-
 .../getnotifications/index.md                 |  4 +-
 .../shownotification/index.md                 | 39 +++++++++++--------
 4 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/files/en-us/web/api/serviceworkerglobalscope/notificationclick_event/index.md b/files/en-us/web/api/serviceworkerglobalscope/notificationclick_event/index.md
index b4f2e77370e69db..d0ad8cc3759f87f 100644
--- a/files/en-us/web/api/serviceworkerglobalscope/notificationclick_event/index.md
+++ b/files/en-us/web/api/serviceworkerglobalscope/notificationclick_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.ServiceWorkerGlobalScope.notificationclick_event
 ---
 
-{{APIRef}}
+{{APIRef("Web Notifications")}}
 
 The **`notificationclick`** event is fired to indicate that a system notification spawned by {{domxref("ServiceWorkerRegistration.showNotification()")}} has been clicked.
 
diff --git a/files/en-us/web/api/serviceworkerglobalscope/notificationclose_event/index.md b/files/en-us/web/api/serviceworkerglobalscope/notificationclose_event/index.md
index 6fd7d51b2e18390..45181711551072b 100644
--- a/files/en-us/web/api/serviceworkerglobalscope/notificationclose_event/index.md
+++ b/files/en-us/web/api/serviceworkerglobalscope/notificationclose_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.ServiceWorkerGlobalScope.notificationclose_event
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Web Notifications")}}
 
 The **`notificationclose`** event fires when a user closes a displayed notification spawned by {{domxref("ServiceWorkerRegistration.showNotification()")}}.
 
diff --git a/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md b/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md
index 76fef6a9b1e8435..f92b1ec8e717e7b 100644
--- a/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.ServiceWorkerRegistration.getNotifications
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Web Notifications")}}
 
 The **`getNotifications()`** method of
 the {{domxref("ServiceWorkerRegistration")}} interface returns a list of the
@@ -30,7 +30,7 @@ getNotifications(options)
   - : An object containing options to filter the notifications returned. The available
     options are:
 
-    - `tag`
+    - `tag` {{optional_inline}}
       - : A string representing a notification tag. If
         specified, only notifications that have this tag will be returned.
 
diff --git a/files/en-us/web/api/serviceworkerregistration/shownotification/index.md b/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
index d3d0527b71e2a95..ce30b5f88c5dceb 100644
--- a/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
@@ -6,9 +6,9 @@ page-type: web-api-instance-method
 browser-compat: api.ServiceWorkerRegistration.showNotification
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Web Notifications")}}
 
-The `showNotification()` method of the
+The **`showNotification()`** method of the
 {{domxref("ServiceWorkerRegistration")}} interface creates a notification on an active
 service worker.
 
@@ -30,7 +30,7 @@ showNotification(title, options)
   - : An object that allows configuring the notification. It can have the following
     properties:
 
-    - `actions` {{experimental_inline}}
+    - `actions` {{optional_inline}} {{experimental_inline}}
 
       - : An array of actions to display in the notification. Each element in the array is an object with the following members:
 
@@ -44,53 +44,53 @@ showNotification(title, options)
         Appropriate responses are built using `event.action` within the
         {{domxref("ServiceWorkerGlobalScope.notificationclick_event", "notificationclick")}} event.
 
-    - `badge` {{experimental_inline}}
+    - `badge` {{optional_inline}} {{experimental_inline}}
       - : a string containing the URL of an image
         to represent the notification when there is not enough space to display the
         notification itself such as for example, the Android Notification Bar. On Android
         devices, the badge should accommodate devices up to 4x resolution, about 96 by 96
         px, and the image will be automatically masked.
-    - `body`
+    - `body` {{optional_inline}}
       - : A string representing an extra content to display within the
         notification.
-    - `data` {{experimental_inline}}
+    - `data` {{optional_inline}} {{experimental_inline}}
       - : Arbitrary data that you want to be associated with the
         notification. This can be of any data type.
-    - `dir`
+    - `dir` {{optional_inline}}
       - : The direction of the notification; it can be `auto`, `ltr` or `rtl`.
-    - `icon`
+    - `icon` {{optional_inline}}
       - : a string containing the URL of an image to
         be used as an icon by the notification.
-    - `image` {{experimental_inline}}
+    - `image` {{optional_inline}} {{experimental_inline}}
       - : a string containing the URL of an image to
         be displayed in the notification.
-    - `lang`
+    - `lang` {{optional_inline}}
       - : Specify the lang used within the notification. This string
         must be a valid language tag according to
         {{RFC(5646, "Tags for Identifying Languages (also known as BCP 47)")}}.
-    - `renotify` {{experimental_inline}}
+    - `renotify` {{optional_inline}} {{experimental_inline}}
       - : A boolean that indicates whether to suppress vibrations
         and audible alerts when reusing a `tag` value.
         If _options_'s `renotify` is true
         and _options_'s `tag` is the empty string a TypeError will be
         thrown. The default is `false`.
-    - `requireInteraction` {{experimental_inline}}
+    - `requireInteraction` {{optional_inline}} {{experimental_inline}}
       - : Indicates that on devices with sufficiently
         large screens, a notification should remain active until the user clicks or
         dismisses it. If this value is absent or false, the desktop version of Chrome will
         auto-minimize notifications after approximately twenty seconds. The default value
         is `false`.
-    - `silent`
+    - `silent` {{optional_inline}}
       - : When set indicates that no sounds or vibrations should be
         made. If _options_'s `silent` is true
         and _options_'s `vibrate` is present a TypeError exception
         will be thrown. The default value is `false`.
-    - `tag`
+    - `tag` {{optional_inline}}
       - : An ID for a given notification that allows you to find,
         replace, or remove the notification using a script if necessary.
-    - `timestamp`
-      - : A timestamp, given as [Unix time](/en-US/docs/Glossary/Unix_time) in milliseconds, representing the time associated with the notification. This could be in the past when a notification is used for a message that couldn't immediately be delivered because the device was offline, or in the future for a meeting that is about to start.
-    - `vibrate` {{experimental_inline}}
+    - `timestamp` {{optional_inline}}
+      - : A timestamp, given as {{glossary("Unix time")}} in milliseconds, representing the time associated with the notification. This could be in the past when a notification is used for a message that couldn't immediately be delivered because the device was offline, or in the future for a meeting that is about to start.
+    - `vibrate` {{optional_inline}} {{experimental_inline}}
       - : A vibration pattern to run with the display of the
         notification. A vibration pattern can be an array with as few as one member. The
         values are times in milliseconds where the even indices (0, 2, 4, etc.) indicate
@@ -102,6 +102,11 @@ showNotification(title, options)
 
 A {{jsxref('Promise')}} that resolves to `undefined`.
 
+### Exceptions
+
+- `TypeError`
+  - : Thrown if current service worker's state is not `activating` or `activated`, or if the user has explicitly denied the browser's permission request to use the API.
+
 ## Examples
 
 ```js

From 5948500efb7d63d514966013adc8ed925ce28f69 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Sat, 6 Jan 2024 12:43:47 +0530
Subject: [PATCH 287/790] initial document for HTMLAnchorElement.hreflang
 (#31512)

* initial document for HTMLAnchorElement.hreflang

* typo

* Update files/en-us/web/api/htmlanchorelement/hreflang/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/hreflang/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/hreflang/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmlanchorelement/hreflang/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmlanchorelement/hreflang/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* content corrections

* adding live example

* Update files/en-us/web/api/htmlanchorelement/hreflang/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* edit 1 for live example

* Update files/en-us/web/api/htmlanchorelement/hreflang/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/hreflang/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* edit 2 for live example

* edit 2 for3live example

* edit 2 fo43liv example

* Update files/en-us/web/api/htmlanchorelement/hreflang/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* edit 5 for live example

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../api/htmlanchorelement/hreflang/index.md   | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 files/en-us/web/api/htmlanchorelement/hreflang/index.md

diff --git a/files/en-us/web/api/htmlanchorelement/hreflang/index.md b/files/en-us/web/api/htmlanchorelement/hreflang/index.md
new file mode 100644
index 000000000000000..59cec77c09c8d07
--- /dev/null
+++ b/files/en-us/web/api/htmlanchorelement/hreflang/index.md
@@ -0,0 +1,57 @@
+---
+title: "HTMLAnchorElement: hreflang property"
+short-title: hreflang
+slug: Web/API/HTMLAnchorElement/hreflang
+page-type: web-api-instance-property
+browser-compat: api.HTMLAnchorElement.hreflang
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`hreflang`** property of the {{domxref("HTMLAnchorElement")}} interface is a string that is the language of the linked resource.
+
+It reflects the `hreflang` attribute of the {{HTMLElement("a")}} element and is the empty string (`""`) if there is no `hreflang` element.
+
+Web browsers and search engines may use this information to understand the language of the linked content better, but they are not required to follow it. The value provided for the `hreflang` attribute adheres to the format defined in {{RFC(5646, "Tags for Identifying Languages (also known as BCP 47)")}}. If not, it is ignored.
+
+Web browsers do not rely solely on the `hreflang` attribute after fetching the linked resource. Instead, they use language information directly associated with the resource (e.g., through HTTP headers) to determine its language.
+
+## Value
+
+A string that contains a language tag, or the empty string (`""`) if there is no `hreflang` element.
+
+## Example
+
+```html
+<a id="exampleLink" href="https://example.com" hreflang="en-IN">Example Link</a>
+<p class="hreflang"></p>
+```
+
+```css
+#exampleLink {
+  font-size: 1.5rem;
+}
+```
+
+```js
+const anchorElement = document.getElementById("exampleLink");
+const pTag = document.querySelector(".hreflang");
+console.log(anchorElement.hreflang); // Outputs: "en-IN"
+pTag.textContent = anchorElement.hreflang;
+```
+
+## Result
+
+{{EmbedLiveSample("Example",100,100)}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLLinkElement.hreflang")}} property

From e5166d8776073747608b08f469742d346efc568c Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sat, 6 Jan 2024 15:39:11 +0100
Subject: [PATCH 288/790] Remove broken links to long gone non-standard
 features (#31537)

---
 files/en-us/mozilla/firefox/releases/71/index.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/71/index.md b/files/en-us/mozilla/firefox/releases/71/index.md
index 6c5d0780538ca47..de9347bfb71a210 100644
--- a/files/en-us/mozilla/firefox/releases/71/index.md
+++ b/files/en-us/mozilla/firefox/releases/71/index.md
@@ -29,7 +29,7 @@ This article provides information about the changes in Firefox 71 that will affe
 [Network Monitor](https://firefox-source-docs.mozilla.org/devtools-user/network_monitor/index.html):
 
 - The [Web sockets inspector](https://firefox-source-docs.mozilla.org/devtools-user/network_monitor/inspecting_web_sockets/index.html) is now enabled by default ([Firefox bug 1573805](https://bugzil.la/1573805)).
-- You can now do a [full text search](https://firefox-source-docs.mozilla.org/devtools-user/network_monitor/request_list/index.html#search-in-requests) of request/response bodies, headers, and cookies.
+- You can now do a [full-text search](https://firefox-source-docs.mozilla.org/devtools-user/network_monitor/request_list/index.html#search-in-requests) of request/response bodies, headers, and cookies.
 - You can now enter patterns to [block specific URLs](https://firefox-source-docs.mozilla.org/devtools-user/network_monitor/request_list/index.html#blocking-specific-urls) from loading.
 - The [Timings tab](https://firefox-source-docs.mozilla.org/devtools-user/network_monitor/request_details/index.html#timings) now exposes timing data sent in the {{httpheader("Server-Timing")}} header ([Firefox bug 1403051](https://bugzil.la/1403051)).
 
@@ -55,7 +55,7 @@ This article provides information about the changes in Firefox 71 that will affe
 
 #### Removals
 
-- The non-standard Array generic methods have been removed in Firefox 71 ([Firefox bug 1222547](https://bugzil.la/1222547)). They were first introduced in Firefox 1.5 ([JavaScript 1.6](/en-US/docs/Web/JavaScript/New_in_JavaScript/1.6)) and deprecated from Firefox 68 onwards. If your use case is to use array generics on array-like objects, you can convert your object to a proper array using [`Array.from()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from) and then use standard array methods.
+- The non-standard Array generic methods have been removed in Firefox 71 ([Firefox bug 1222547](https://bugzil.la/1222547)). They were first introduced in Firefox 1.5 and deprecated from Firefox 68 onwards. If your use case is to use array generics on array-like objects, you can convert your object to a proper array using [`Array.from()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from) and then use standard array methods.
 
 ### MathML
 
@@ -86,11 +86,11 @@ The API also provides a way to receive notifications when the device's media con
 
 The following non-standard {{domxref("DataTransfer")}} members have been removed ([Firefox bug 1345192](https://bugzil.la/1345192)):
 
-- {{domxref("DataTransfer.mozItemCount")}}
-- {{domxref("DataTransfer.mozClearDataAt()")}}
-- {{domxref("DataTransfer.mozGetDataAt()")}}
-- {{domxref("DataTransfer.mozSetDataAt()")}}
-- {{domxref("DataTransfer.mozTypesAt()")}}
+- `DataTransfer.mozItemCount`
+- `DataTransfer.mozClearDataAt()`
+- `DataTransfer.mozGetDataAt()`
+- `DataTransfer.mozSetDataAt()`
+- `DataTransfer.mozTypesAt()`
 
 ### WebDriver conformance (Marionette)
 

From a9fe162c5e8f43b336485ebb98cde2548a94cad6 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sun, 7 Jan 2024 00:37:50 +0100
Subject: [PATCH 289/790] Fix links to table's insertCell() and insertRow()
 methods (#31544)

* Fix links to table's insertCell() and insertRow() methods

* for each...in
---
 .../en-us/mozilla/firefox/releases/20/index.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/20/index.md b/files/en-us/mozilla/firefox/releases/20/index.md
index c4562ff3716b502..12bb9139e4240d9 100644
--- a/files/en-us/mozilla/firefox/releases/20/index.md
+++ b/files/en-us/mozilla/firefox/releases/20/index.md
@@ -19,22 +19,22 @@ Firefox 20 was released on April, 2nd 2013. This article provides information ab
 ### JavaScript
 
 - Support for the `WeakMap.prototype.clear()` method, recently added to the Harmony (ECMAScript 2015) draft proposal has been added ([Firefox bug 814562](https://bugzil.la/814562)).
-- Support for the [`Math.imul()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/imul) method, a C-style 32-bit multiplication function. Though proposed for Harmony (ECMAScript 2015) it has not yet accepted and still is non-standard ([Firefox bug 808148](https://bugzil.la/808148)).
+- Support for the [`Math.imul()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/imul) method, a C-style 32-bit multiplication function. Though proposed for Harmony (ECMAScript 2015) it has not yet been accepted and still is non-standard ([Firefox bug 808148](https://bugzil.la/808148)).
 - Web apps using draggable text with Kinetic 3.x are working, even when using the Cairo canvas backend ([Firefox bug 835064](https://bugzil.la/835064)).
-- The [`for each...in`](/en-US/docs/JavaScript/Reference/Statements/for_each...in) statement has been deprecated and should not be used. Consider using the new [`for...of`](/en-US/docs/Web/JavaScript/Reference/Statements/for...of) statement ([Firefox bug 804834](https://bugzil.la/804834)).
+- The [`for each...in`](/en-US/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features#statements_2) statement has been deprecated and should not be used. Consider using the new [`for...of`](/en-US/docs/Web/JavaScript/Reference/Statements/for...of) statement ([Firefox bug 804834](https://bugzil.la/804834)).
 - Support for the {{jsxref("Map.prototype.keys()")}}, {{jsxref("Map.prototype.values()")}}, and {{jsxref("Map.prototype.entries()")}} has been added ([Firefox bug 817368](https://bugzil.la/817368)).
 
 ### CSS
 
-- [CSS Flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) is now available by default in pre-release builds only (excluding beta versions). It can be enabled in release and beta version by setting the `layout.css.flexbox.enabled` about:config preference to `true`.
+- [CSS Flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) is now available by default in pre-release builds only (excluding beta versions). It can be enabled in release and beta versions by setting the `layout.css.flexbox.enabled` about:config preference to `true`.
 - The `mask-type` property from the [CSS Masking specification](https://www.w3.org/TR/css-masking-1/#the-mask-type) has been added ([Firefox bug 793617](https://bugzil.la/793617)).
-- Experimental support for the {{cssxref(":scope")}} pseudo-class has been added. Enabled by default in Aurora and Nightly, it can be enabled in release and beta version by setting the `layout.css.scope-pseudo.enabled` about:config preference to `true` ([Firefox bug 648722](https://bugzil.la/648722)).
+- Experimental support for the {{cssxref(":scope")}} pseudo-class has been added. Enabled by default in Aurora and Nightly, it can be enabled in release and beta versions by setting the `layout.css.scope-pseudo.enabled` about:config preference to `true` ([Firefox bug 648722](https://bugzil.la/648722)).
 
 ### DOM/APIs
 
 - {{domxref("HTMLMediaElement")}} supports now `playbackRate` (both read and write), with pitch correction. Pitch correction can be controlled using the property `mozPreservesPitch` ([Firefox bug 495040](https://bugzil.la/495040)).
 - CSSOM: Support for the new {{domxref("CSSGroupingRule")}} and {{domxref("CSSConditionRule")}} has been added ([Firefox bug 814907](https://bugzil.la/814907)).
-- CSSOM: On {{domxref("CSSRule")}} the constant CSSRule.MOZ_KEYFRAME_RULE and CSSRule.MOZ_KEYFRAMES_RULE have been unprefixed to CSSRule.KEYFRAME_RULE and CSSRule.KEYFRAMES_RULE. The prefixed version are temporarily kept for helping Web author to transition their code [Firefox bug 816431](https://bugzil.la/816431)).
+- CSSOM: On {{domxref("CSSRule")}} the constant CSSRule.MOZ_KEYFRAME_RULE and CSSRule.MOZ_KEYFRAMES_RULE have been unprefixed to CSSRule.KEYFRAME_RULE and CSSRule.KEYFRAMES_RULE. The prefixed version is temporarily kept for helping Web author to transition their code [Firefox bug 816431](https://bugzil.la/816431)).
 - CSSOM: It is now possible to set the value of `conditionText` for {{domxref("CSSMediaRule")}} ([Firefox bug 815021](https://bugzil.la/815021)).
 - The {{domxref("DOMParser")}} `parseFromStream` and `parseFromBuffer` methods are no longer available from web content ([Firefox bug 816410](https://bugzil.la/816410)).
 - The [`XMLSerializer`](/en-US/docs/Web/API/XMLSerializer) `serializeToStream` method is no longer available from web content ([Firefox bug 816410](https://bugzil.la/816410)).
@@ -42,10 +42,10 @@ Firefox 20 was released on April, 2nd 2013. This article provides information ab
 - Support for the `CSS.supports()` method has been added, behind the `layout.css.supports-rule.enabled` pref (off by default) ([Firefox bug 779917](https://bugzil.la/779917)).
 - Support for UndoManager has been added ([Firefox bug 617532](https://bugzil.la/617532)).
 - The CSSOM {{domxref("Document.caretPositionFromPoint()")}} method, which returns a {{domxref("CaretPosition")}} has been implemented.
-- The index argument of the {{domxref("tableRow.insertCell")}} and {{domxref("table.insertRow")}} methods has been made optional as per HTML specification.
+- The index argument of the {{domxref("HTMLTableRowElement.insertCell()")}} and {{domxref("HTMLTableElement.insertRow()")}} methods has been made optional as per HTML specification.
 - {{domxref("Navigator.getUserMedia")}}, still prefixed as `Navigator.mozGetUserMedia` is now activated by default.
-- The third, optional, `transfer` argument of {{domxref("Window.postMessage")}} is now supported. It allows to transfer a sequence of {{domxref("Transferable")}} objects to the destination ([Firefox bug 822094](https://bugzil.la/822094)).
-- The non-standard {{domxref("Window.sizeToContent()")}} method now clamps the minimal size: the window cannot be forced anymore to small sizes preventing the user to interact with ([Firefox bug 764240](https://bugzil.la/764240)).
+- The third, optional, `transfer` argument of {{domxref("Window.postMessage")}} is now supported. It allows to transfer a sequence of [transferable objects](/en-US/docs/Web/API/Web_Workers_API/Transferable_objects) to the destination ([Firefox bug 822094](https://bugzil.la/822094)).
+- The non-standard {{domxref("Window.sizeToContent()")}} method now clamps the minimal size: the window cannot be forced anymore to small sizes preventing the user from interacting with ([Firefox bug 764240](https://bugzil.la/764240)).
 - Blend modes, such as `overlay`, `color-burn`, `hue`, etc. have been added to the Canvas {{domxref("CanvasRenderingContext2D.globalCompositeOperation")}} property ([Firefox bug 748433](https://bugzil.la/748433)).
 - The prefixed version of [`window.indexedDB`](/en-US/docs/Web/API/indexedDB) — `window.mozIndexedDB` — was reintroduced to Gecko, so that bad cross-browser prefixing code (such as `var indexedDB = window.indexedDB || window.webkitIndexedDB …`) doesn't break in Firefox. A better approach is `window.indexedDB = window.indexedDB || window.webkitIndexedDB …` (see [Firefox bug 770844](https://bugzil.la/770844).)
 
@@ -55,7 +55,7 @@ Firefox 20 was released on April, 2nd 2013. This article provides information ab
 
 ### MathML
 
-- To help MathML authors debugging "invalid-markup" errors in their documents, MathML parsing errors (such as having too many / too few child elements) and warnings about deprecated attributes or wrong attribute values are now reported to the [Error Console](/en-US/docs/Error_Console).
+- To help MathML authors debugging "invalid-markup" errors in their documents, MathML parsing errors (such as having too many / too few child elements) and warnings about deprecated attributes or wrong attribute values are now reported to the error console.
 - The `scriptminsize` attribute now accepts unitless values and percent values. They are interpreted as multiples of the default value ("`8pt`").
 - Unitless values are now also allowed for the `mathsize` and `fontsize` attributes; they multiply the default value.
 

From 9f629b040cd929d8cf4ff7014407f5ec3c36ab9f Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sun, 7 Jan 2024 00:38:40 +0100
Subject: [PATCH 290/790] Remove links to mixins ParentNode and ChildNode
 (#31545)

---
 files/en-us/mozilla/firefox/releases/25/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/25/index.md b/files/en-us/mozilla/firefox/releases/25/index.md
index b86153bf94164e9..f6d02855dd3ce30 100644
--- a/files/en-us/mozilla/firefox/releases/25/index.md
+++ b/files/en-us/mozilla/firefox/releases/25/index.md
@@ -31,7 +31,7 @@ page-type: firefox-release-notes
 
 ### JavaScript
 
-[ECMAScript 2015](/en-US/docs/Web/JavaScript/ECMAScript_6_support_in_Mozilla) implementation continues!
+ECMAScript 2015 implementation continues!
 
 - The method {{jsxref("Array.of()")}} is now implemented on [`Array`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array) ([Firefox bug 866849](https://bugzil.la/866849)).
 - Support for the methods {{jsxref("Array.prototype.find()")}} and {{jsxref("Array.prototype.findIndex()")}} has been added ([Firefox bug 885553](https://bugzil.la/885553)).
@@ -51,9 +51,9 @@ page-type: firefox-release-notes
 - Renamed the `Future` interface to `Promise` ([Firefox bug 884279](https://bugzil.la/884279)).
 - The `srcDoc` property on the {{domxref("HTMLIFrameElement")}} interface, allowing the inline specification of the content of an {{HTMLElement("iframe")}}, is now supported ([Firefox bug 802895](https://bugzil.la/802895)).
 - The `createTBody()` method on the {{domxref("HTMLTableElement")}} interface, allowing to get its {{HTMLElement("tbody")}}, is now supported ([Firefox bug 813034](https://bugzil.la/813034)).
-- The {{domxref("Range.collapse()")}} method `toStart` parameter is now optional and default to `false`, like defined in the spec ([Firefox bug 891340](https://bugzil.la/891340)).
-- Support of {{domxref("ParentNode")}} interface on {{domxref("Document")}} and {{domxref("DocumentFragment")}} has been added ([Firefox bug 895974](https://bugzil.la/895974)).
-- The `previousElementSibling` and `nextElementSibling` have been moved to {{domxref("ChildNode")}} allowing them to be called not only on a {{domxref("Element")}} object but also on a {{domxref("CharacterData")}} or {{domxref("DocumentType")}} object ([Firefox bug 895974](https://bugzil.la/895974)).
+- The {{domxref("Range.collapse()")}} method `toStart` parameter is now optional and default to `false`, as defined in the spec ([Firefox bug 891340](https://bugzil.la/891340)).
+- Support of the `ParentNode` mixin on {{domxref("Document")}} and {{domxref("DocumentFragment")}} has been added ([Firefox bug 895974](https://bugzil.la/895974)).
+- The `previousElementSibling` and `nextElementSibling` have been moved to the `ChildNode` mixin allowing them to be called not only on a {{domxref("Element")}} object but also on a {{domxref("CharacterData")}} or {{domxref("DocumentType")}} object ([Firefox bug 895974](https://bugzil.la/895974)).
 - The `navigator.geolocation` property has been updated to match the spec. It never returns `null`. When the preference `geo.enabled` is set to `false`, it now returns `undefined` ([Firefox bug 884921](https://bugzil.la/884921)).
 - The `videoPlaybackQuality` attribute on the {{ domxref("HTMLVideoElement") }} interface has been changed to the `getVideoPlaybackQuality` method. ([Firefox bug 889205](https://bugzil.la/889205))
 - The non-standard `GlobalObjectConstructor` interface has been removed ([Firefox bug 898136](https://bugzil.la/898136)). This interface was used to add arguments to the constructors of APIs that Firefox [add-ons](/en-US/docs/Mozilla/Add-ons) were exposing on the global object. This capability has been removed; note that at this time there's no replacement for this functionality.

From c90b901c2309a10e8e56ea10d917e0a2feeb74d3 Mon Sep 17 00:00:00 2001
From: Mathew Hodson <mathew.hodson@gmail.com>
Date: Sun, 7 Jan 2024 00:19:07 -0500
Subject: [PATCH 291/790] Remove extra bracket typo (#31547)

---
 files/en-us/mozilla/firefox/releases/33/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/33/index.md b/files/en-us/mozilla/firefox/releases/33/index.md
index bef6f208750ada3..e6689d34b36cd98 100644
--- a/files/en-us/mozilla/firefox/releases/33/index.md
+++ b/files/en-us/mozilla/firefox/releases/33/index.md
@@ -99,7 +99,7 @@ _No change._
 
 ## Changes for add-on and Mozilla developers
 
-- The JavaScript Debugger Service (JSD)) has been removed in favor of the new [Debugger API](https://firefox-source-docs.mozilla.org/devtools-user/debugger-api/index.html) ([Firefox bug 800200](https://bugzil.la/800200)).
+- The JavaScript Debugger Service (JSD) has been removed in favor of the new [Debugger API](https://firefox-source-docs.mozilla.org/devtools-user/debugger-api/index.html) ([Firefox bug 800200](https://bugzil.la/800200)).
 - The interface nsIX509CertDB2 has been removed and the methods from that interface have been moved to the nsIX509CertDB interface.
 
 ### Add-on SDK

From 4e1ccda71cb306cb8b32318d728d686897dcb707 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sun, 7 Jan 2024 15:15:44 +0100
Subject: [PATCH 292/790] Fix broken link to Navigator.language (#31556)

---
 .../mozilla/firefox/releases/5/updating_add-ons/index.md    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/5/updating_add-ons/index.md b/files/en-us/mozilla/firefox/releases/5/updating_add-ons/index.md
index 31faf61aeeca342..48eee7ff3a98ba9 100644
--- a/files/en-us/mozilla/firefox/releases/5/updating_add-ons/index.md
+++ b/files/en-us/mozilla/firefox/releases/5/updating_add-ons/index.md
@@ -10,7 +10,7 @@ This article provides an overview of the changes you may need to make to your ad
 
 ## Do you need to do anything at all?
 
-If your add-on is distributed on [addons.mozilla.org](https://addons.mozilla.org/en-US/firefox/) (AMO), it's been checked by an automated compatibility verification tool. Add-ons that don't use APIs that changed in Firefox 5, and have no binary components (which [need to be recompiled for every major Firefox release](/en-US/docs/Mozilla/Developer_guide/Interface_Compatibility#binary_interfaces)), have automatically been updated on AMO to indicate that they work in Firefox 5.
+If your add-on is distributed on [addons.mozilla.org](https://addons.mozilla.org/en-US/firefox/) (AMO), it's been checked by an automated compatibility verification tool. Add-ons that don't use APIs that changed in Firefox 5, and have no binary components (which need to be recompiled for every major Firefox release), have automatically been updated on AMO to indicate that they work in Firefox 5.
 
 So you should start by visiting AMO and looking to see if your add-on needs any work done at all.
 
@@ -24,7 +24,7 @@ Due to the short development cycle (even for our rapid release cycle; Firefox 5
 
 ### Determining the UI language
 
-In the past, the {{ domxref("window.navigator.language") }} DOM property reflected the language of Firefox's user interface. This is no longer the case; instead, it reflects the value of the `Accept-Language` header for the current document. If you need to detect the UI language, you should instead look at the value of the `general.useragent.locale` preference.
+In the past, the {{ domxref("Navigator.language", "window.navigator.language") }} DOM property reflected the language of Firefox's user interface. This is no longer the case; instead, it reflects the value of the `Accept-Language` header for the current document. If you need to detect the UI language, you should instead look at the value of the `general.useragent.locale` preference.
 
 ## DOM changes
 
@@ -68,7 +68,7 @@ window.addEventListener(
 );
 ```
 
-An even better solution, of course, is to follow [performance best practices](/en-US/docs/Extensions/Performance_best_practices_in_extensions) and to not instantiate services until you need to use them.
+An even better solution, of course, is to follow performance best practices and to not instantiate services until you need to use them.
 
 ## See also
 

From f695dd489df11a363f719ae9e2e7efd1d8d8de61 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sun, 7 Jan 2024 15:16:23 +0100
Subject: [PATCH 293/790] Remove link to URLUtils mixin (#31554)

---
 files/en-us/mozilla/firefox/releases/26/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/26/index.md b/files/en-us/mozilla/firefox/releases/26/index.md
index 95a7609bfe2ced9..a2376c42ca86831 100644
--- a/files/en-us/mozilla/firefox/releases/26/index.md
+++ b/files/en-us/mozilla/firefox/releases/26/index.md
@@ -13,7 +13,7 @@ Firefox 26 was released on December 10, 2013. This article lists key changes tha
 ### CSS
 
 - The {{cssxref("text-decoration-line")}} property, still prefixed, now considers `'blink'` as a valid value, though it doesn't blink the content at all ([Firefox bug 812995](https://bugzil.la/812995)).
-- The non-standard {{cssxref("-moz-text-blink")}} property has been removed ([Firefox bug 812995](https://bugzil.la/812995)).
+- The non-standard `-moz-text-blink` property has been removed ([Firefox bug 812995](https://bugzil.la/812995)).
 - Support for the {{cssxref("image-orientation")}} property, in its CSS Images & Values Level 4 version, that is with the `from-image` keyword and EXIF support, has been added ([Firefox bug 825771](https://bugzil.la/825771)).
 - Experimental support for `position: sticky` has been implemented and can be enabled by pref `layout.css.sticky.enabled` ([Firefox bug 886646](https://bugzil.la/886646)).
 - The {{cssxref("text-align")}} property now applies to the `::-moz-placeholder` pseudo-element ([Firefox bug 915551](https://bugzil.la/915551)).
@@ -27,7 +27,7 @@ Firefox 26 was released on December 10, 2013. This article lists key changes tha
 
 ### JavaScript
 
-[ECMAScript 2015](/en-US/docs/Web/JavaScript/ECMAScript_6_support_in_Mozilla) implementation continues!
+ECMAScript 2015 implementation continues!
 
 - The ECMAScript 2015 compliant syntax for [Generators (yield)](https://web.archive.org/web/20170126155949/http://wiki.ecmascript.org/doku.php?id=harmony:generators) has been implemented ([Firefox bug 666399](https://bugzil.la/666399)).
 - Generator/Iterator results are now boxed like `{ value: foo, done: bool }` ([Firefox bug 907744](https://bugzil.la/907744)).
@@ -41,9 +41,9 @@ Firefox 26 was released on December 10, 2013. This article lists key changes tha
 - Make the last argument (doctype) to {{domxref("DOMImplementation.createDocument")}} optional ([Firefox bug 909859](https://bugzil.la/909859)).
 - Implement the new {{domxref("element.classList")}} specification which permits adding/removing several classes with one call ([Firefox bug 814014](https://bugzil.la/814014)).
 - The {{domxref("URL.URL", "URL()")}} constructor has been implemented on the {{domxref("URL")}} interface ([Firefox bug 887364](https://bugzil.la/887364)).
-- The properties {{domxref("HTMLAnchorElement/origin", "URLUtils.origin")}}, {{domxref("HTMLAnchorElement/password", "URLUtils.password")}}, and {{domxref("HTMLAnchorElement/username", "URLUtils.username")}} are now available to all interfaces implementing {{domxref("HTMLHyperlinkElementUtils", "URLUtils")}}: {{domxref("URL")}}, {{domxref("Location")}}, {{domxref("HTMLAnchorElement")}}, and {{domxref("HTMLAreaElement")}} ([Firefox bug 887364](https://bugzil.la/887364)).
+- The properties {{domxref("HTMLAnchorElement/origin", "URLUtils.origin")}}, {{domxref("HTMLAnchorElement/password", "URLUtils.password")}}, and {{domxref("HTMLAnchorElement/username", "URLUtils.username")}} are now available to all interfaces implementing the `URLUtils` mixin: {{domxref("URL")}}, {{domxref("Location")}}, {{domxref("HTMLAnchorElement")}}, and {{domxref("HTMLAreaElement")}} ([Firefox bug 887364](https://bugzil.la/887364)).
 - The {{domxref("URL")}} interface is now accessible from Web Workers ([Firefox bug 887364](https://bugzil.la/887364)).
-- IndexedDB can now be used as a "optimistic" storage area so it doesn't require any prompts and data is stored in a pool with LRU eviction policy, in short temporary storage ([Firefox bug 785884](https://bugzil.la/785884)).
+- IndexedDB can now be used as an "optimistic" storage area so it doesn't require any prompts and data is stored in a pool with LRU eviction policy, in short temporary storage ([Firefox bug 785884](https://bugzil.la/785884)).
 - Support for {{domxref("WaveShaperNode.oversample")}} has been added ([Firefox bug 875277](https://bugzil.la/875277)).
 - Path of the persistent storage has been changed from `<profile>/indexedDB` to `<profile>/storage/persistent` (on b2g from `/data/local/indexedDB` to `/data/local/storage/persistent`).
 - The {{domxref("Screen.orientation")}} property and {{domxref("Screen.lockOrientation()")}} method now support the `default` value, mapping to `portrait-primary` or `landscape-primary`, depending of the device ([Firefox bug 908058](https://bugzil.la/908058)) This works only for Firefox OS and Firefox for Android. Firefox Desktop is not supported.

From eba1b0471ba2cacb069afa6419a160d36820cdbc Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sun, 7 Jan 2024 23:42:42 +0100
Subject: [PATCH 294/790] Fix broken link (was using the mixin names as
 interface) (#31565)

---
 files/en-us/mozilla/firefox/releases/41/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/41/index.md b/files/en-us/mozilla/firefox/releases/41/index.md
index a7c5ef44d50e8c6..c77fea3181e324d 100644
--- a/files/en-us/mozilla/firefox/releases/41/index.md
+++ b/files/en-us/mozilla/firefox/releases/41/index.md
@@ -113,15 +113,15 @@ Highlights:
 - The [Notifications API](/en-US/docs/Web/API/Notifications_API) is now available in [Web workers](/en-US/docs/Web/API/Web_Workers_API) ([Firefox bug 916893](https://bugzil.la/916893)).
 - `DOMRequest` and `DOMCursor` are now available in [Web workers](/en-US/docs/Web/API/Web_Workers_API) ([Firefox bug 1167650](https://bugzil.la/1167650)).
 - The [CSS Font Loading API](/en-US/docs/Web/API/CSS_Font_Loading_API) has been completely implemented and is now enabled by default ([Firefox bug 1149381](https://bugzil.la/1149381)).
-- Shared workers can no longer be shared between private (i.e. browsing in a private window) and non-private documents (see [Firefox bug 1177621](https://bugzil.la/1177621)).
-- The {{domxref("URLUtilsSearchParams.searchParams")}} property is now read-only ([Firefox bug 1174731](https://bugzil.la/1174731)).
+- Shared workers can no longer be shared between private (i.e., browsing in a private window) and non-private documents (see [Firefox bug 1177621](https://bugzil.la/1177621)).
+- The {{domxref("URL.searchParams")}} property is now read-only ([Firefox bug 1174731](https://bugzil.la/1174731)).
 - The {{domxref('HTMLAnchorElement.hash')}} property no longer decodes URL fragment ([Firefox bug 1093611](https://bugzil.la/1093611)).
 
 ### MathML
 
 #### New default and fallback font handling
 
-Mathematical formulas require special fonts. So far, these fonts were hard-coded in the `mathml.css` user agent stylesheet (which sets the font-family on {{MathMLElement("math")}} tag) and in the preference option `font.mathfont-family` (which sets the fallback fonts to use for stretchy and large operators). Firefox 41 introduces, an internal `x-math` language that is automatically set on the `<math>` tag as well as corresponding preference options (e.g. `font.name.serif.x-math`). The user agent stylesheet now sets font-family to serif on the `<math>` tag and the preference option `font.mathfont-family` is replaced with `font.name.serif.x-math`. All platforms now essentially use the same list of fallback fonts, with "Latin Modern Math" as first one. The default/fallback fonts can be configured from the standard per-language font preference menu. For more details, see [Firefox bug 947654](https://bugzil.la/947654) and [Firefox bug 1160456](https://bugzil.la/1160456).
+Mathematical formulas require special fonts. So far, these fonts were hard-coded in the `mathml.css` user agent stylesheet (which sets the font-family on {{MathMLElement("math")}} tag) and in the preference option `font.mathfont-family` (which sets the fallback fonts to use for stretchy and large operators). Firefox 41 introduces an internal `x-math` language that is automatically set on the `<math>` tag as well as corresponding preference options (e.g., `font.name.serif.x-math`). The user agent stylesheet now sets font-family to serif on the `<math>` tag and the preference option `font.mathfont-family` is replaced with `font.name.serif.x-math`. All platforms now essentially use the same list of fallback fonts, with "Latin Modern Math" as the first one. The default/fallback fonts can be configured from the standard per-language font preference menu. For more details, see [Firefox bug 947654](https://bugzil.la/947654) and [Firefox bug 1160456](https://bugzil.la/1160456).
 
 ### SVG
 
@@ -129,7 +129,7 @@ Mathematical formulas require special fonts. So far, these fonts were hard-coded
 
 ### Audio/Video
 
-- The `media.autoplay.enabled` preference now also apply to untrusted {{domxref("HTMLMediaElement.play()")}} invocations too, that is calls from non-users activated scripts ([Firefox bug 659285](https://bugzil.la/659285)).
+- The `media.autoplay.enabled` preference now also applies to untrusted {{domxref("HTMLMediaElement.play()")}} invocations too, that is calls from non-users activated scripts ([Firefox bug 659285](https://bugzil.la/659285)).
 
 ## Networking
 

From f0c5dcaf140e03628d769896f89103427dfc1be0 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sun, 7 Jan 2024 23:48:50 +0100
Subject: [PATCH 295/790] Fix links (@font are really @font-face) (#31555)

---
 files/en-us/mozilla/firefox/releases/46/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/46/index.md b/files/en-us/mozilla/firefox/releases/46/index.md
index 2a69f6063d7bde7..827782cc2b8565f 100644
--- a/files/en-us/mozilla/firefox/releases/46/index.md
+++ b/files/en-us/mozilla/firefox/releases/46/index.md
@@ -34,7 +34,7 @@ Highlights:
 
 - The properties {{cssxref("text-emphasis")}}, {{cssxref("text-emphasis-style")}}, {{cssxref("text-emphasis-color")}} and {{cssxref("text-emphasis-position")}} are now enabled by default ([Firefox bug 1231485](https://bugzil.la/1231485)).
 - Gecko now accepts the `-webkit-` prefixed version of [some properties](https://wiki.mozilla.org/Compatibility/Mobile/Non_Standard_Compatibility); it requires to switch `layout.css.prefixes.webkit` to `true` ([Firefox bug 1213126](https://bugzil.la/1213126)).
-- The experimental support of the {{cssxref("@font/font-display", "font-display")}} descriptor (of {{cssxref("@font")}}; it requires to switch `layout.css.font-display.enabled` to `true` ([Firefox bug 1157064](https://bugzil.la/1157064)).
+- The experimental support of the {{cssxref("@font-face/font-display", "font-display")}} descriptor (of {{cssxref("@font-face")}}; it requires to switch `layout.css.font-display.enabled` to `true` ([Firefox bug 1157064](https://bugzil.la/1157064)).
 - Added support for [`@media (-webkit-transform-3d)`](/en-US/docs/Web/CSS/@media/-webkit-transform-3d) as a media query for 3D transform support, if about:config pref `layout.css.prefixes.webkit` is set to `true` ([Firefox bug 1239799](https://bugzil.la/1239799)).
 - {{cssxref("gradient/linear-gradient", "linear-gradient()")}} support for the omission of `0deg` units ([Firefox bug 1239153](https://bugzil.la/1239153)).
 - Added `-webkit-filter` for web compatibility, behind the preference `layout.css.prefixes.webkit`, defaulting to `false` ([Firefox bug 1236506](https://bugzil.la/1236506)).
@@ -100,7 +100,7 @@ _No change._
 - The asynchronous {{domxref("FileReader")}} is now available in Web workers ([Firefox bug 901097](https://bugzil.la/901097)).
 - Our experimental implementation of [Web Animations API](/en-US/docs/Web/API/Web_Animations_API) has been updated:
 
-  - {{domxref("AnimationEffectTimingReadOnly")}} and {{domxref("AnimationEffect/getTiming", "AnimationEffectReadOnly.timing")}} have been implemented ([Firefox bug 1214536](https://bugzil.la/1214536)).
+  - The `AnimationEffectTimingReadOnly` dictionary and {{domxref("AnimationEffect/getTiming", "AnimationEffectReadOnly.timing")}} have been implemented ([Firefox bug 1214536](https://bugzil.la/1214536)).
 
 - The [Permissions API](/en-US/docs/Web/API/Permissions_API) has now been enabled by default, for all release versions, not just Nightly as it previously was ([Firefox bug 1221106](https://bugzil.la/1221106).)
 - Sanitization of WOFF fonts has been loosened a bit ([Firefox bug 1244693](https://bugzil.la/1244693)).

From 5b0ca6eb783ccdfd24ad211fd13f22d79d212010 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sun, 7 Jan 2024 23:51:03 +0100
Subject: [PATCH 296/790] Remove link to
 CanvasRendringContext2D.drawSystemFocusRing() (#31553)

---
 files/en-us/mozilla/firefox/releases/28/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/28/index.md b/files/en-us/mozilla/firefox/releases/28/index.md
index 11911e534a68358..5ea84e2f78bb52f 100644
--- a/files/en-us/mozilla/firefox/releases/28/index.md
+++ b/files/en-us/mozilla/firefox/releases/28/index.md
@@ -39,7 +39,7 @@ More details in [this post](https://hacks.mozilla.org/2013/12/split-console-pret
 
 ### JavaScript
 
-- [ECMAScript 2015](/en-US/docs/Web/JavaScript/ECMAScript_6_support_in_Mozilla) implementation continues:
+- ECMAScript 2015 implementation continues:
 
   - New `Array` methods have been implemented: {{jsxref("Array.prototype.entries()")}} and {{jsxref("Array.prototype.keys()")}} ([Firefox bug 894658](https://bugzil.la/894658)).
 
@@ -53,7 +53,7 @@ More details in [this post](https://hacks.mozilla.org/2013/12/split-console-pret
 - The {{domxref("File")}} constructor, e.g. `new File(["foo"], "foo.txt")` has been implemented. ([Firefox bug 819900](https://bugzil.la/819900)).
 - The {{domxref("Navigator.plugins")}} is no more enumerable, for privacy reasons ([Firefox bug 757726](https://bugzil.la/757726)).
 - The two attributes {{domxref("Window.screenX")}} and {{domxref("Window.screenY")}} now return CSS pixels (and no more device pixels) ([Firefox bug 943668](https://bugzil.la/943668)).
-- The two methods {{domxref("CanvasRenderingContext2D.drawSystemFocusRing()")}} and {{domxref("CanvasRenderingContext2D/drawFocusIfNeeded", "CanvasRenderingContext2D.drawCustomFocusRing()")}} have been implemented. The preference `canvas.focusring.enabled` must be set to `true` to activate both ([Firefox bug 540456](https://bugzil.la/540456)).
+- The two methods `CanvasRenderingContext2D.drawSystemFocusRing()` and {{domxref("CanvasRenderingContext2D/drawFocusIfNeeded", "CanvasRenderingContext2D.drawCustomFocusRing()")}} have been implemented. The preference `canvas.focusring.enabled` must be set to `true` to activate both ([Firefox bug 540456](https://bugzil.la/540456)).
 - The `willReadFrequently` context attribute for "`2d`" canvas contexts has been implemented (see {{domxref("HTMLCanvasElement.getContext()")}}) ([Firefox bug 884226](https://bugzil.la/884226)).
 - The following attributes and methods of `NavigatorID` have been implemented on {{domxref("WorkerNavigator")}} to allow their use in workers: {{domxref("Navigator.appCodeName")}}, {{domxref("Navigator.product")}}, and {{domxref("Navigator.taintEnabled")}} ([Firefox bug 925847](https://bugzil.la/925847)).
 - The {{domxref("Element/previousElementSibling", "previousElementSibling")}} and {{domxref("Element/nextElementSibling", "nextElementSibling")}} properties has been removed from {{domxref("DocumentType")}}, because of compatibility problems ([Firefox bug 932501](https://bugzil.la/932501)).
@@ -75,9 +75,9 @@ _No change._
 
 - Support of `SPDY/2` has been removed.
 
-## Changes for addon and Mozilla developers
+## Changes for add-ons and Mozilla developers
 
-- The interface of [DeferredTask.jsm](/en-US/docs/Mozilla/JavaScript_code_modules/DeferredTask.jsm) has been changed, and the `isPending()`, `start()`, `flush()`, and `cancel()` methods have been removed ([Firefox bug 940408](https://bugzil.la/940408)).
+- The interface of `DeferredTask.jsm` has been changed, and the `isPending()`, `start()`, `flush()`, and `cancel()` methods have been removed ([Firefox bug 940408](https://bugzil.la/940408)).
 
 ## Security
 

From 5becee1faa2d6aac9c96ddec0fec85d8d148f9c5 Mon Sep 17 00:00:00 2001
From: "Queen Vinyl Da.i'gyu-Kazotetsu" <vinyldarkscratch@gmail.com>
Date: Sun, 7 Jan 2024 15:31:59 -0800
Subject: [PATCH 297/790] ServiceWorkerContainer.register: point type=module to
 compat data (#31361)

* ServiceWorkerContainer.register: point type=module to compat data

This PR adds a link to the compatibility table on the ServiceWorker API page to determine if modules are supported.  Fixes https://github.com/mdn/browser-compat-data/issues/17023.

* Update files/en-us/web/api/serviceworkercontainer/register/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 files/en-us/web/api/serviceworkercontainer/register/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/serviceworkercontainer/register/index.md b/files/en-us/web/api/serviceworkercontainer/register/index.md
index 36294000334b676..2a0e1c3a836323d 100644
--- a/files/en-us/web/api/serviceworkercontainer/register/index.md
+++ b/files/en-us/web/api/serviceworkercontainer/register/index.md
@@ -56,7 +56,7 @@ register(scriptURL, options)
           - : The loaded service worker is in an
             [ES module](/en-US/docs/Web/JavaScript/Guide/Modules)
             and the import statement is available on
-            worker contexts.
+            worker contexts. For ES module compatibility info, see the [browser compatibility data table for the `ServiceWorker` interface](/en-US/docs/Web/API/ServiceWorker#browser_compatibility).
 
     - `updateViaCache`
 

From f2a354945ef8f03f513f54004cf39b21f425ad4a Mon Sep 17 00:00:00 2001
From: Pigeon <68453978+thatgaypigeon@users.noreply.github.com>
Date: Mon, 8 Jan 2024 00:48:39 +0000
Subject: [PATCH 298/790] Added missing word (I think?) (#31568)

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

diff --git a/files/en-us/web/http/browser_detection_using_the_user_agent/index.md b/files/en-us/web/http/browser_detection_using_the_user_agent/index.md
index 737daec5b70180c..b8758f27a762de2 100644
--- a/files/en-us/web/http/browser_detection_using_the_user_agent/index.md
+++ b/files/en-us/web/http/browser_detection_using_the_user_agent/index.md
@@ -257,7 +257,7 @@ Like in all cases, these strings may change in the future, one should use them o
 The most common reason to perform user agent sniffing is to determine which type of device the browser runs on. The goal is to serve different HTML to different device types.
 
 - Never assume that a browser or a rendering engine only runs on one type of device. Especially don't make different defaults for different browsers or rendering engines.
-- Never use the OS token to define if a browser is on mobile, tablet or desktop. The OS may run on more than one type of (for example, Android runs on tablets as well as phones).
+- Never use the OS token to define if a browser is on mobile, tablet or desktop. The OS may run on more than one type of device (for example, Android runs on tablets as well as phones).
 
 The following table summarizes the way common browser vendors indicate that their browsers are running on a mobile device:
 

From 9bc39b02beb3e6cd350bd42364c606ad58df60f5 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Sun, 7 Jan 2024 20:30:59 -0800
Subject: [PATCH 299/790] FF122 ExprFeatre: Element.checkVisibility() supports
 options.contentVisibilityAuto (#31215)

* FF122 ExprFeatre: Element.checkVisibility() supports options.contentVisibilityAuto property

* Update files/en-us/mozilla/firefox/experimental_features/index.md
---
 .../mozilla/firefox/experimental_features/index.md     | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index f3788bb5c92c11c..f7a401c8f143ae1 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -266,9 +266,13 @@ The [`content-visibility`](/en-US/docs/Web/CSS/content-visibility) CSS property
   </tbody>
 </table>
 
-Note that the related {{domxref("element/contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}} event and associated {{domxref("ContentVisibilityAutoStateChangeEvent")}} interface were added in version 110, and are gated by the same preference.
-These can be used by application code to monitor visibility changes and stop processes related to rendering the element when the user agent is [skipping its contents](/en-US/docs/Web/CSS/CSS_containment#skips_its_contents).
-(See [Firefox bug 1791759](https://bugzil.la/1791759) for more details.)
+Note:
+
+- The related {{domxref("element/contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}} event and associated {{domxref("ContentVisibilityAutoStateChangeEvent")}} interface were added in version 110, and are gated by the same preference.
+  These can be used by application code to monitor visibility changes and stop processes related to rendering the element when the user agent is [skipping its contents](/en-US/docs/Web/CSS/CSS_containment#skips_its_contents).
+  (See [Firefox bug 1791759](https://bugzil.la/1791759) for more details.)
+- The {{domxref("Element.checkVisibility()")}} `options` object parameter now takes the property `contentVisibilityAuto`, which can be set `true` to test if the element has `content-visibility: auto` set and is currently skipping rendering its content (the `options` object also takes new values `opacityProperty` and `visibilityProperty` but these are not related to `content-visibility`).
+  (See [Firefox bug 1859852](https://bugzil.la/1859852) for more details).
 
 ### Single numbers as aspect ratio in media queries
 

From 16d9156a91f8652e9a3a93fa5e2eae78889be846 Mon Sep 17 00:00:00 2001
From: Filip Lundgren <filip@sceneri.com>
Date: Sun, 7 Jan 2024 23:31:27 -0500
Subject: [PATCH 300/790] Fix hex value of DOM_VK_DOUBLE_QUOTE (#31567)

---
 files/en-us/web/api/keyboardevent/keycode/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/keyboardevent/keycode/index.md b/files/en-us/web/api/keyboardevent/keycode/index.md
index e8a06199bf66ea9..2d5f7d7106e9c69 100644
--- a/files/en-us/web/api/keyboardevent/keycode/index.md
+++ b/files/en-us/web/api/keyboardevent/keycode/index.md
@@ -2971,7 +2971,7 @@ Gecko defines a lot of `keyCode` values in `KeyboardEvent` for making the mappin
     </tr>
     <tr>
       <td><code>DOM_VK_DOUBLE_QUOTE</code></td>
-      <td>0xA3 (162)</td>
+      <td>0xA2 (162)</td>
       <td>Double quote (""") key.</td>
     </tr>
     <tr>

From 742171e4d1f22bb186235cd198233ed2f8b47d08 Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Mon, 8 Jan 2024 04:51:09 +0000
Subject: [PATCH 301/790] Remove mobile guides and redirect to responsive
 design guide (#31540)

---
 files/en-us/_redirects.txt                    |  11 ++-
 files/en-us/_wikihistory.json                 |  36 --------
 .../css/css_layout/responsive_design/index.md |  25 +++++-
 .../guide/mobile/a_hybrid_approach/index.md   |  62 --------------
 .../webowonder_mobile_and_desktop-300x225.jpg | Bin 14895 -> 0 bytes
 files/en-us/web/guide/mobile/index.md         |  77 ------------------
 .../alaska_air_mobile_and_desktop-300x225.png | Bin 23818 -> 0 bytes
 .../guide/mobile/mobile-friendliness/index.md |  45 ----------
 8 files changed, 31 insertions(+), 225 deletions(-)
 delete mode 100644 files/en-us/web/guide/mobile/a_hybrid_approach/index.md
 delete mode 100644 files/en-us/web/guide/mobile/a_hybrid_approach/webowonder_mobile_and_desktop-300x225.jpg
 delete mode 100644 files/en-us/web/guide/mobile/index.md
 delete mode 100644 files/en-us/web/guide/mobile/mobile-friendliness/alaska_air_mobile_and_desktop-300x225.png
 delete mode 100644 files/en-us/web/guide/mobile/mobile-friendliness/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index a7dd03bd26133a9..3bc6709a6fc8077 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -5655,7 +5655,7 @@
 /en-US/docs/Media_Streams_API	/en-US/docs/Web/API/Media_Capture_and_Streams_API
 /en-US/docs/Media_formats_supported_by_the_audio_and_video_elements	/en-US/docs/Web/Media/Formats
 /en-US/docs/Memory_Sanitizer	https://firefox-source-docs.mozilla.org/tools/sanitizer/memory_sanitizer.html#memory-sanitizer
-/en-US/docs/Mobile/Mobile_Web_Development	/en-US/docs/Web/Guide/Mobile
+/en-US/docs/Mobile/Mobile_Web_Development	/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
 /en-US/docs/MouseEvent.initMouseEvent	/en-US/docs/Web/API/MouseEvent/initMouseEvent
 /en-US/docs/Mozilla's_Quirks_Mode	/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode
 /en-US/docs/Mozilla/Add-ons/AMO/Policy	https://extensionworkshop.com/documentation/publish/add-on-policies/
@@ -12155,6 +12155,9 @@
 /en-US/docs/Web/Guide/HTML/XHTML	/en-US/docs/Glossary/XHTML
 /en-US/docs/Web/Guide/Index	/en-US/docs/Web/Guide
 /en-US/docs/Web/Guide/Introduction_to_Web_development	/en-US/docs/Learn
+/en-US/docs/Web/Guide/Mobile	/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
+/en-US/docs/Web/Guide/Mobile/A_hybrid_approach	/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
+/en-US/docs/Web/Guide/Mobile/Mobile-friendliness	/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
 /en-US/docs/Web/Guide/Mobile/Separate_sites	/en-US/docs/Web/Progressive_web_apps
 /en-US/docs/Web/Guide/Needs_categorization/Functions_available_to_workers	/en-US/docs/Web/API/Web_Workers_API/Functions_and_classes_available_to_workers
 /en-US/docs/Web/Guide/Parsing_and_serializing_XML	/en-US/docs/Web/XML/Parsing_and_serializing_XML
@@ -13176,9 +13179,9 @@
 /en-US/docs/Web_Development	/en-US/docs/Web/Guide
 /en-US/docs/Web_Development/HTTP_cookies	/en-US/docs/Web/HTTP/Cookies
 /en-US/docs/Web_Development/Introduction_to_Web_development	/en-US/docs/Learn
-/en-US/docs/Web_Development/Mobile	/en-US/docs/Web/Guide/Mobile
-/en-US/docs/Web_Development/Mobile/A_hybrid_approach	/en-US/docs/Web/Guide/Mobile/A_hybrid_approach
-/en-US/docs/Web_Development/Mobile/Mobile-friendliness	/en-US/docs/Web/Guide/Mobile/Mobile-friendliness
+/en-US/docs/Web_Development/Mobile	/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
+/en-US/docs/Web_Development/Mobile/A_hybrid_approach	/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
+/en-US/docs/Web_Development/Mobile/Mobile-friendliness	/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
 /en-US/docs/Web_Development/Mobile/Responsive_design	/en-US/docs/Web/Progressive_web_apps
 /en-US/docs/Web_Development/Mobile/Responsive_design/Responsive_design_references	/en-US/docs/Web/Progressive_web_apps
 /en-US/docs/Web_Development/Mobile/Separate_sites	/en-US/docs/Glossary/Responsive_web_design
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 94892dd2b47ef2e..8832ac24abccfa0 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -92058,42 +92058,6 @@
       "Sheppy"
     ]
   },
-  "Web/Guide/Mobile": {
-    "modified": "2020-03-07T14:19:21.961Z",
-    "contributors": [
-      "mfuji09",
-      "xfq",
-      "Zui",
-      "Andrew_Pfeiffer",
-      "Jeremie",
-      "Sheppy",
-      "wbamberg"
-    ]
-  },
-  "Web/Guide/Mobile/A_hybrid_approach": {
-    "modified": "2019-03-24T00:12:25.721Z",
-    "contributors": [
-      "rafrex",
-      "teoli",
-      "BenB",
-      "skimpax",
-      "trevorh",
-      "caos30",
-      "kohei.yoshino",
-      "jswisher"
-    ]
-  },
-  "Web/Guide/Mobile/Mobile-friendliness": {
-    "modified": "2019-03-24T00:12:20.411Z",
-    "contributors": [
-      "teoli",
-      "BenB",
-      "skimpax",
-      "kohei.yoshino",
-      "wbamberg",
-      "jswisher"
-    ]
-  },
   "Web/Guide/Parsing_and_serializing_XML": {
     "modified": "2020-09-09T05:19:22.895Z",
     "contributors": [
diff --git a/files/en-us/learn/css/css_layout/responsive_design/index.md b/files/en-us/learn/css/css_layout/responsive_design/index.md
index 401a188ba9f6e8c..452eb872d18a289 100644
--- a/files/en-us/learn/css/css_layout/responsive_design/index.md
+++ b/files/en-us/learn/css/css_layout/responsive_design/index.md
@@ -31,6 +31,20 @@ _Responsive web design_ (RWD) is a web design approach to make web pages render
   </tbody>
 </table>
 
+## Precursor to responsive design: mobile web design
+
+Before responsive web design became the standard approach for making websites work across different device types, web developers used to talk about mobile web design, mobile web development, or sometimes, mobile-friendly design. These are basically the same as responsive web design — the goals are to make sure that websites work well across devices with different physical attributes (screen size, resolution) in terms of layout, content (text and media), and performance.
+
+The difference is mainly to do with the devices involved, and the technologies available to create solutions:
+
+- We used to talk about desktop or mobile, but now there are many different types of device available such as desktop, laptop, mobile, tablets, watches, etc. Instead of catering for a few different screen sizes, we now need to design sites defensively to cater for common screen sizes and resolutions, plus unknowns.
+- Mobile devices used to be low-powered in terms of CPU/GPU and available bandwidth. Some didn't support CSS or even HTML, and as a result, it was common to perform server-side browser sniffing to determine device/browser type before then serving a site that the device would be able to cope with. Mobile devices often had really simple, basic experiences served to them because it was all they could handle. These days, mobile devices are able to handle the same technologies as desktop computers, so such techniques are less common.
+  - You should still use the techniques discussed in this article to serve mobile users a suitable experience, as there are still constraints such as battery life and bandwidth to worry about.
+  - User experience is also a concern. A mobile user of a travel site might just want to check flight times and delay information, for example, and not be presented with a 3D animated globe showing flight paths and your company history. This can be handled using responsive design techniques, however.
+- Modern technologies are much better for creating responsive experiences. For example, [responsive images/media technologies](#responsive_imagesmedia) now allow appropriate media to be served to different devices without having to rely on techniques like server-side sniffing.
+
+## Introducing responsive web design
+
 HTML is fundamentally responsive, or _fluid_. If you create a web page containing only HTML, with no CSS, and resize the window, the browser will automatically reflow the text to fit the viewport.
 
 While the default responsive behavior may sound like no solution is needed, long lines of text displayed full screen on a wide monitor can be difficult to read. If wide screen line length is reduced with CSS, such as by creating columns or adding significant padding, the site may look squashed for the user who narrows their browser window or opens the site on a mobile device.
@@ -136,7 +150,7 @@ In CSS Grid Layout the `fr` unit allows the distribution of available space acro
 
 > **Note:** The grid layout version is even simpler as we can define the columns on the .wrapper: [example](https://mdn.github.io/css-examples/learn/rwd/grid-based-rwd.html), [source code](https://github.com/mdn/css-examples/blob/main/learn/rwd/grid-based-rwd.html).
 
-## Responsive images
+## Responsive images/media
 
 To ensure media is never larger than its responsive container, the following approach can be used:
 
@@ -158,6 +172,12 @@ You can also _art direct_ images used at different sizes, thus providing a diffe
 
 You can find a detailed [guide to Responsive Images in the Learn HTML section](/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images) here on MDN.
 
+Other useful tips:
+
+- Always make sure to use an appropriate image format for your website images (such as PNG or JPG), and make sure to optimize the file size using a graphics editor before you put them on your website.
+- You can make use of CSS features like [gradients](/en-US/docs/Web/CSS/CSS_images/Using_CSS_gradients) and [shadows](/en-US/docs/Web/CSS/box-shadow) to implement visual effects without using images.
+- You can use media queries inside the media attribute on {{htmlelement("source")}} elements nested inside {{htmlelement("video")}}/{{htmlelement("audio")}} elements to serve video/audio files as appropriate for different devices (responsive video/audio).
+
 ## Responsive typography
 
 Responsive typography describes changing font sizes within media queries or using viewport units to reflect lesser or greater amounts of screen real estate.
@@ -246,6 +266,9 @@ It has also become much easier to achieve responsive designs with the help of th
 
 ## See also
 
+- Working with touchscreen devices:
+  - [Touch events](/en-US/docs/Web/API/Touch_events) provide the ability to interpret finger (or stylus) activity on touch screens or trackpads, enabling quality support for complex touch-based user interfaces.
+  - Use the [pointer](/en-US/docs/Web/CSS/@media/pointer) or [any-pointer](/en-US/docs/Web/CSS/@media/any-pointer) media queries to load different CSS on touch-enabled devices.
 - [CSS-Tricks Guide to Media Queries](https://css-tricks.com/a-complete-guide-to-css-media-queries/)
 
 {{PreviousMenuNext("Learn/CSS/CSS_layout/Multiple-column_Layout", "Learn/CSS/CSS_layout/Media_queries", "Learn/CSS/CSS_layout")}}
diff --git a/files/en-us/web/guide/mobile/a_hybrid_approach/index.md b/files/en-us/web/guide/mobile/a_hybrid_approach/index.md
deleted file mode 100644
index 541b03507abedef..000000000000000
--- a/files/en-us/web/guide/mobile/a_hybrid_approach/index.md
+++ /dev/null
@@ -1,62 +0,0 @@
----
-title: A hybrid approach
-slug: Web/Guide/Mobile/A_hybrid_approach
-page-type: guide
----
-
-{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Mobile")}}
-
-Silver bullets are hard to find in web development — you're more likely to come across strategies that make the best use of a variety of techniques given the circumstances. This brings us to our third approach, which aims to avoid some of the shortcomings the separate sites and [responsive design](/en-US/docs/Web/Progressive_web_apps) approaches by combining them.
-
-This hybrid approach centers around breaking down mobile development into its [three goals](/en-US/docs/Web/Guide/Mobile/Mobile-friendliness), and then applying the best techniques available to tackle each goal individually. This article presents one potential combination of techniques as an example here, but different combinations will be appropriate under different circumstances. The most important concept to remember is that server-side and client-side techniques can be combined to fit your situation.
-
-## The Good
-
-Responsive web design is great — right now it is the best technique available for making layouts look as good as possible in a variety of circumstances. If your mobile and desktop use cases are similar enough, this is definitely the preferred option for layout changes. However, it can be a pain to use client-side techniques to alter site content to fit the user's context.
-
-Luckily, we aren't technically constrained to using client-side techniques here: another option is to use server-side user-agent detection to show the user the proper content. This keeps the complexity of altering content on the server side, but still allows our layouts to benefit from the flexibility and future-readiness of responsive design.
-
-Using user-agent detection specifically for content and not layout also allows you to have a single URL for each piece of content, so that the content can adapt its layout to the user's browser. This is generally thought to be [a good thing](https://www.w3.org/TR/mobile-bp/#OneWeb). Instead of maintaining two completely different sites, we redirect users to pages for the content they care about. And since the design is responsive, you know that each page looks as good as possible on the user's screen.
-
-We can also address some of the performance problems with responsive design by incorporating server-side techniques. For example, an often-criticized point about responsive web design is that full-resolution images are sent to all devices, including phones that show the images scaled down anyway. [One such technique](https://www.scientiamobile.com/capabilities/?search=image) for dealing with this issue uses server-side user-agent detection along with the [WURFL](http://wurfl.sourceforge.net/) device capability library to send a properly sized image for the user's device. A range of [products](https://www.sencha.com/platform/) are also emerging which provide this as a service. Of course, this technique suffers from all the downsides associated with user-agent detection. But even if it does not work, it is no worse with respect to performance than only using [fluid images](https://unstoppablerobotninja.com/entry/fluid-images/).
-
-By combining the techniques listed above, we can get a mobile web development strategy that is both more flexible than pure separate sites and has better performance than pure responsive design.
-
-## The Bad
-
-One downside of mixing approaches is that it can lead to an increase in the number of code paths, both on the client and server side. This can make it more time-consuming to develop than other approaches. With proper planning, though, the code can still be organized in a maintainable way. Another downside is that because this approach relies on responsive design, it typically works best on a new project or one that has an existing flexible layout, not as a retrofit. Similarly, because it uses user-agent detection, you will have to update your detection rules as time goes on.
-
-## When it is right to choose this option
-
-Combining server-side and client-side techniques is something that is always worth considering; there are so many options that one must just weigh the pros and cons of each individual technique employed.
-
-In many cases, the added complexity of the hybrid approach is not even necessary. For example, you may not even need to adjust your content based on what actual device a user is using — just knowing whether a feature is present on their browser is often good enough. This is something you can discern on the client-side using [JavaScript feature detection](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection). It can't hurt to dig down and ask yourself which axis you are actually looking to adjust your content around.
-
-We've talked about incorporating server-side techniques into a responsive design, but there are even ways to use the hybrid approach if your use cases for mobile and desktop are very different. You could, for example, increase the flexibility of your separate site designs by incorporating media queries and a flexible layout. You may even be able to make your mobile site design adaptable enough to extend comfortably to tablets as well.
-
-## Examples
-
-![webowonder_mobile_and_desktop-300x225.jpg](webowonder_mobile_and_desktop-300x225.jpg)For Mozilla's Web O' Wonder demo site, we tried out a basic version of the hybrid approach, with positive results. We used some elements of responsive web design to give the site a mobile layout, along with user-agent detection to provide mobile-friendly videos and to re-order the demos if the user is on a phone. Feel free to check out the source code [on GitHub](https://github.com/mozilla/webowonder/).
-
-We could also be doing more development involving this approach very soon! In fact, one potential path for the main Mozilla site is roughly outlined in the "The Good" section above:
-
-- Using user-agent detection, route visitors to a landing page for the Firefox version for their device.
-- Every page on the site should look great at a wide variety of resolutions, being built with responsive design in mind.
-- Future plans include exploring serving images based on user-agent.
-
-So far there is not much to see for mobile, since things are still in the formative stages of development, but you can always watch the new mozilla.org grow up [on GitHub](https://github.com/mozilla/bedrock). Subscribe to the [Mozilla Webdev](https://blog.mozilla.org/webdev/) blog for updates about our progress.
-
-## Summary
-
-No approach is a one-size-fits-all solution. Web applications that want to heavily modify the content or user flow for mobile users should probably go for a separate mobile site. Content-oriented pages that don't need to modify their content for mobile users will be satisfied with responsive design. If you need to slightly alter the site's message for mobile users, but want to reap the benefits of a responsive design, a hybrid approach may be your best bet. Decisions like these are at the heart of mobile web development: be specific about what you would like to accomplish, and pick a practical approach while being aware of the tradeoffs. Good luck!
-
-## Approaches to mobile Web development
-
-See the following articles for background and other approaches to developing for mobile platforms.
-
-- [What is mobile-friendliness?](/en-US/docs/Web/Guide/Mobile/Mobile-friendliness)
-- [Responsive design](/en-US/docs/Web/Progressive_web_apps)
-
-## Original document information
-
-This article was originally published on 27 June 2011, on the Mozilla Webdev blog as "[Approaches to Mobile Web Development Part 4 – A Hybrid Approach](https://blog.mozilla.org/webdev/2011/06/27/approaches-to-mobile-web-development-part-4-%E2%80%93-a-hybrid-approach/)", by Jason Grlicky.
diff --git a/files/en-us/web/guide/mobile/a_hybrid_approach/webowonder_mobile_and_desktop-300x225.jpg b/files/en-us/web/guide/mobile/a_hybrid_approach/webowonder_mobile_and_desktop-300x225.jpg
deleted file mode 100644
index d25335a35f7866abfcb632dbf8bb4c92e1150224..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 14895
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
A<NyEw

diff --git a/files/en-us/web/guide/mobile/index.md b/files/en-us/web/guide/mobile/index.md
deleted file mode 100644
index 3d04c8efa21b5ca..000000000000000
--- a/files/en-us/web/guide/mobile/index.md
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: Mobile Web Development
-slug: Web/Guide/Mobile
-page-type: guide
----
-
-<section id="Quick_links">
-  {{ListSubpagesForSidebar("/en-US/docs/Web/Guide/Mobile")}}
-  <ol>
-    <li class="toggle">
-      <details>
-        <summary>Guides</summary>
-        <ol>
-          {{ListSubpagesForSidebar("/en-US/docs/Web/Guide")}}
-        </ol>
-      </details>
-    </li>
-  </ol>
-</section>
-
-This page provides an overview of some of the main techniques needed to design websites that work well on mobile devices.
-
-We've organized it into two sections, [designing for mobile devices](#designing_for_mobile_devices) and [cross-browser compatibility](#cross-browser_development). Also see Jason Grlicky's guide to [mobile-friendliness](/en-US/docs/Web/Guide/Mobile/Mobile-friendliness) for web developers.
-
-## Designing for mobile devices
-
-Mobile devices have quite different hardware characteristics compared with desktop or laptop computers. Their screens are usually smaller, obviously, but they also usually automatically switch the screen orientation between portrait and landscape mode as the user rotates the device. They usually have touch screens for user input. APIs like geolocation or orientation are either not supported on desktops or are much less useful, and these APIs give mobile users new ways to interact with your site.
-
-### Working with small screens
-
-[Responsive Web Design](/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design) is a term for a set of techniques that enables your website to adapt its layout as its viewing environment — most obviously, the size and orientation of the screen — changes. It includes techniques such as:
-
-- fluid CSS layouts, to make the page adapt smoothly as the browser window size changes
-- the use of [media queries](/en-US/docs/Web/CSS/CSS_media_queries) to conditionally include CSS rules appropriate for the device screen [width](/en-US/docs/Web/CSS/@media/width) and [height](/en-US/docs/Web/CSS/@media/height)
-
-The [viewport meta tag](/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design#the_viewport_meta_tag) instructs the browser to display your site at the appropriate scale for the user's device.
-
-### Working with touch screens
-
-To use a touch screen you'll need to work with [DOM Touch events](/en-US/docs/Web/API/Touch_events). You won't be able to use the CSS {{cssxref(":hover")}} pseudo-class, and will need to design clickable items like buttons to respect the fact that fingers are fatter than mouse pointers. See this article on [designing for touch screens](https://web.archive.org/web/20150520130912/http://www.whatcreative.co.uk/blog/tips/designing-for-touch-screen/).
-
-You can use the [pointer](/en-US/docs/Web/CSS/@media/pointer) or [any-pointer](/en-US/docs/Web/CSS/@media/any-pointer) media query to load different CSS on a touch-enabled device.
-
-### Optimizing images
-
-To help users whose devices have low or expensive bandwidth, you can optimize images by loading images appropriate to the device screen size and resolution. You do this in CSS by querying for screen [height](/en-US/docs/Web/CSS/@media/height), [width](/en-US/docs/Web/CSS/@media/width), and [pixel ratio](/en-US/docs/Web/CSS/@media/resolution).
-
-You can also make use of CSS properties to implement visual effects like [gradients](/en-US/docs/Web/CSS/CSS_images/Using_CSS_gradients) and [shadows](/en-US/docs/Web/CSS/box-shadow) without images.
-
-### Mobile APIs
-
-Finally, you can take advantage of the new possibilities offered by mobile devices, such as [orientation](/en-US/docs/Web/API/Device_orientation_events/Detecting_device_orientation) and [geolocation](/en-US/docs/Web/API/Geolocation_API).
-
-## Cross-browser development
-
-### Write cross-browser code
-
-To create websites that will work acceptably across different mobile browsers:
-
-- Try to avoid using browser-specific features, such as vendor-prefixed CSS properties.
-- For browsers that don't support these features, as long as the content is still usable, do not provide a vendor prefixed fallback. Vendor-prefixed property like `-webkit-border-radius`, harm performance in browsers that are so old they don't support modern standards.
-- To use new features with fallbacks that don't harm performance, style to target current browsers, then use the [`@supports`](/en-US/docs/Web/CSS/@supports) feature query to serve modern CSS to supporting browsers.
-
-See this [list of Gecko-specific properties](/en-US/docs/Web/CSS/Mozilla_Extensions), and this [list of WebKit-specific properties](/en-US/docs/Web/CSS/WebKit_Extensions), and Peter Beverloo's [table of vendor-specific properties](https://peter.sh/experiments/vendor-prefixed-css-property-overview/).
-
-### Take care with user agent sniffing
-
-It's preferable for websites to detect specific device features such as screen size and touch screens using the techniques listed above, and adapt themselves accordingly. But sometimes this is impractical, and websites resort to parsing the browser's user agent string to try to distinguish between desktops, tablets, and phones, to serve different content to each type of device.
-
-If you do this, make sure your algorithm is correct, and you aren't serving the wrong type of content to a device because you don't understand a particular browser's user agent string. See this [guide to using the user agent string to determine device type](/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent#mobile.2c_tablet_or_desktop).
-
-### Test on multiple browsers
-
-Test your website on multiple browsers. This means testing on multiple platforms — at least iOS and Android.
-
-- test mobile Safari on the iPhone using [Simulator](https://developer.apple.com/documentation/xcode/running-your-app-in-simulator-or-on-a-device)
-- test Opera and Firefox using the [Android SDK](https://developer.android.com/studio#command-tools). See these additional instructions for [running Firefox for Android using the Android emulator](https://wiki.mozilla.org/Mobile/Fennec/Android/Emulator).
diff --git a/files/en-us/web/guide/mobile/mobile-friendliness/alaska_air_mobile_and_desktop-300x225.png b/files/en-us/web/guide/mobile/mobile-friendliness/alaska_air_mobile_and_desktop-300x225.png
deleted file mode 100644
index 95d15f9be9b509c9062bd5d48d23136f3297b03c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 23818
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
RR|Wt8002ovPDHLkV1l51ldu2)

diff --git a/files/en-us/web/guide/mobile/mobile-friendliness/index.md b/files/en-us/web/guide/mobile/mobile-friendliness/index.md
deleted file mode 100644
index e5a85811751f0b5..000000000000000
--- a/files/en-us/web/guide/mobile/mobile-friendliness/index.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: Mobile-friendliness
-slug: Web/Guide/Mobile/Mobile-friendliness
-page-type: guide
----
-
-{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Mobile")}}
-
-## What is Mobile Friendliness?
-
-Mobile friendliness can mean a multitude of things, depending on who you're talking to. It can be helpful to think of it in terms of three goals for improving your site's user experience: Presentation, Content, and Performance.
-
-### Goal 1 (Presentation)
-
-**Make websites that work well on a variety of screen sizes.**
-
-These days, users can access the web on devices in a wide range of form factors, including phones, tablets, and eReaders. Needless to say, a fixed-width, three-column layout filled with complex JavaScript animations and mouse-over effects is not going to look or feel quite right on a phone with a 2-inch-wide screen and a diminutive processor. A slimmed-down, linearized page layout with elements [sized for a touchscreen](https://www.lukew.com/ff/entry.asp?1085) would be much more appropriate. That's why this first goal is all about presenting your content in a way that makes life easy for users on mobile device.
-
-### Goal 2 (Content)
-
-**Adjust your content for mobile users.**
-![Screen shot of the Alaska Air desktop site on the left, and an iPhone showing the mobile version of the same page](alaska_air_mobile_and_desktop-300x225.png)
-
-Think about what your users want to do at your site if they are on a phone. A great example of this is [Alaska Air's website](https://www.alaskaair.com/). Their desktop site focuses on getting visitors to book trips. Mobile users, however, are probably more interested in checking-in for a flight or seeing if their flight is delayed. They've adjusted their site's content to reflect this, and it meets the needs of mobile users.
-
-### Goal 3 (Performance)
-
-**Give your users a smooth experience, even on a slow connection.**
-
-Though things have been getting better in recent years, browsing the Internet over a wireless data connection can still be pretty painful. This makes it more essential than ever to practice [good performance practices](https://developer.yahoo.com/performance/rules.html), only sending the user the bits they will actually need.
-
-### Know your audience
-
-While not strictly a part of the definition of being mobile friendly, defining who your target audience is makes these goals much more concrete. For example, it is absolutely critical to keep in mind which browsers and devices you will target when picking a mobile strategy. If your audience is full of early-adopters, you can focus on tablets and smartphones with standards-friendly browsers. On the other hand, if many of your site's users are on devices with less capable browsers, that may eliminate certain strategies as viable options.
-
-## Approaches to mobile Web development
-
-The following approaches aim to achieve each of these goals by different means.
-
-- [Responsive design](/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design)
-- [A hybrid approach](/en-US/docs/Web/Guide/Mobile/A_hybrid_approach)
-
-## Original document information
-
-Originally published on 4 May, 2011 on the Mozilla Webdev blog as "[Approaches to Mobile Web Development Part 1 - What is Mobile Friendliness?](https://blog.mozilla.org/webdev/2011/05/04/approaches-to-mobile-web-development-part-1-what-is-mobile-friendliness/)", by Jason Grlicky.

From 24b4448c9dbaf3cb9084ad69a85c72e6aa2f72f9 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Mon, 8 Jan 2024 15:33:07 +0800
Subject: [PATCH 302/790] remove the documentation of "Read-Only" tag (#31572)

---
 .../information_contained_in_a_webidl_file/index.md              | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/en-us/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md b/files/en-us/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md
index 5e1f4a3da653b96..370a1f3b2655767 100644
--- a/files/en-us/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md
+++ b/files/en-us/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md
@@ -229,7 +229,6 @@ If the keyword `readonly` is present, the property can't be modified. It must be
 
 - In the interface, by adding the \\{{ReadOnlyInline}} macro next to its definition term.
 - In the first sentence of its own page, by starting the description with: _The read-only **`HTMLMediaElement.error`** property…_
-- By adding the `Read-only` tag to its own page.
 - By starting its description in the interface page with _Returns…_
 
 > **Note:** Only read-only properties can be described as 'returning' a value. Non read-only properties can also be used to set a value.

From 1442377111a1649dfce278eac688e06efce34b83 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 8 Jan 2024 15:41:54 +0800
Subject: [PATCH 303/790] init docs for `HTMLElement.translate` (#31442)

* init

* fix

* Apply suggestions from code review

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmlelement/translate/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* update example

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* update

* Update files/en-us/web/api/htmlelement/translate/index.md

* Update files/en-us/web/api/htmlelement/translate/index.md

* Update files/en-us/web/api/htmlelement/translate/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../web/api/htmlelement/translate/index.md    | 63 +++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 files/en-us/web/api/htmlelement/translate/index.md

diff --git a/files/en-us/web/api/htmlelement/translate/index.md b/files/en-us/web/api/htmlelement/translate/index.md
new file mode 100644
index 000000000000000..bf09763ce292e31
--- /dev/null
+++ b/files/en-us/web/api/htmlelement/translate/index.md
@@ -0,0 +1,63 @@
+---
+title: "HTMLElement: translate property"
+short-title: translate
+slug: Web/API/HTMLElement/translate
+page-type: web-api-instance-property
+browser-compat: api.HTMLElement.translate
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`translate`** property of the {{domxref("HTMLElement")}} interface indicates whether an element's attribute values and the values of its {{domxref("Text")}} node children are to be translated when the page is localized, or whether to leave them unchanged.
+
+It reflects the value of the [`translate`](/en-US/docs/Web/HTML/Global_attributes/translate) HTML global attribute.
+
+## Value
+
+A boolean value that is `true` if an element's attribute values and the values of its {{domxref("Text")}} node children are to be translated when the page is localized, `false` otherwise.
+
+## Examples
+
+The following example shows how to enable or disable translation via script:
+
+```html
+<div>
+  <span>The content may always be translated: </span>
+  <span translate="yes">El contenido será traducido</div>
+</div>
+<div>
+  <span id="translate-label">The content may be translated:</span>
+  <span id="translate-element" translate="no">El contenido puede ser traducido.</div>
+</div>
+<input id="translate-controller" type="checkbox" /> Enable translation
+```
+
+```js
+const label = document.getElementById("translate-label");
+const element = document.getElementById("translate-element");
+const controller = document.getElementById("translate-controller");
+
+controller.addEventListener("change", (e) => {
+  if (controller.checked) {
+    element.translate = true;
+    label.innerText = "The content may be translated:";
+  } else {
+    element.translate = false;
+    label.innerText = "The content may not be translated:";
+  }
+});
+```
+
+{{EmbedLiveSample('Examples', 600, 200)}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [`translate`](/en-US/docs/Web/HTML/Global_attributes#translate) HTML global attribute

From cb539c9d7f7086c63b8b743cba9c6774ed6a2091 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 8 Jan 2024 15:52:02 +0800
Subject: [PATCH 304/790] init docs for `HTMLElement.spellcheck` (#31441)

* init

* update

* remove ,

* update text

* fix

* Apply suggestions from code review

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* update spellcheck example

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlelement/spellcheck/index.md

* Update files/en-us/web/api/htmlelement/spellcheck/index.md

* Apply suggestions from code review

* Update files/en-us/web/api/htmlelement/spellcheck/index.md

* Update files/en-us/web/api/htmlelement/spellcheck/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlelement/spellcheck/index.md

* Update files/en-us/web/api/htmlelement/spellcheck/index.md

* Update files/en-us/web/api/htmlelement/spellcheck/index.md

* Update files/en-us/web/api/htmlelement/spellcheck/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/api/htmlelement/index.md      |  4 +-
 .../web/api/htmlelement/spellcheck/index.md   | 62 +++++++++++++++++++
 2 files changed, 64 insertions(+), 2 deletions(-)
 create mode 100644 files/en-us/web/api/htmlelement/spellcheck/index.md

diff --git a/files/en-us/web/api/htmlelement/index.md b/files/en-us/web/api/htmlelement/index.md
index 2944c2f218dc2a5..fdf5a77b1162404 100644
--- a/files/en-us/web/api/htmlelement/index.md
+++ b/files/en-us/web/api/htmlelement/index.md
@@ -66,7 +66,7 @@ _Also inherits properties from its parent, {{DOMxRef("Element")}}._
 - {{domxref("HTMLElement.popover")}}
   - : Gets and sets an element's popover state via JavaScript (`"auto"` or `"manual"`), and can be used for feature detection. Reflects the value of the [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) global HTML attribute.
 - {{DOMxRef("HTMLElement.spellcheck")}}
-  - : A boolean value that controls [spell-checking](/en-US/docs/Web/HTML/Global_attributes/spellcheck). It is present on all HTML elements, though it doesn't have an effect on all of them.
+  - : A boolean value that controls the [spell-checking](/en-US/docs/Web/HTML/Global_attributes/spellcheck) hint. It is available on all HTML elements, though it doesn't affect all of them.
 - {{DOMxRef("HTMLElement.style")}}
   - : A {{DOMxRef("CSSStyleDeclaration")}} representing the declarations of the element's [`style`](/en-US/docs/Web/HTML/Global_attributes#style) attribute.
 - {{DOMxRef("HTMLElement.tabIndex")}}
@@ -80,7 +80,7 @@ _Also inherits properties from its parent, {{DOMxRef("Element")}}._
 
 ## Instance methods
 
-_Also, inherits methods from its parent, {{DOMxRef("Element")}}._
+_Also inherits methods from its parent, {{DOMxRef("Element")}}._
 
 - {{DOMxRef("HTMLElement.attachInternals()")}}
   - : Returns an {{DOMxRef("ElementInternals")}} object, and enables a custom element to participate in HTML forms.
diff --git a/files/en-us/web/api/htmlelement/spellcheck/index.md b/files/en-us/web/api/htmlelement/spellcheck/index.md
new file mode 100644
index 000000000000000..e22930db882251b
--- /dev/null
+++ b/files/en-us/web/api/htmlelement/spellcheck/index.md
@@ -0,0 +1,62 @@
+---
+title: "HTMLElement: spellcheck property"
+short-title: spellcheck
+slug: Web/API/HTMLElement/spellcheck
+page-type: web-api-instance-property
+browser-compat: api.HTMLElement.spellcheck
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`spellcheck`** property of the {{domxref("HTMLElement")}} interface represents a boolean value that controls the [spell-checking](/en-US/docs/Web/HTML/Global_attributes/spellcheck) hint. It is available on all HTML elements, though it doesn't affect all of them.
+
+It reflects the value of the [`spellcheck`](/en-US/docs/Web/HTML/Global_attributes/spellcheck) HTML global attribute.
+
+## Value
+
+A boolean value that is `true` if the spelling and grammar of the text content in the element may be checked, `false` otherwise.
+
+## Examples
+
+The following example shows how to control the [spell-checking](/en-US/docs/Web/HTML/Global_attributes/spellcheck) hint via script:
+
+```html
+<div>
+  <span id="sc-label">The spelling and grammar may be checked: </span>
+  <span id="sc-element" contenteditable="true" spellcheck="true">test</span>
+</div>
+<input id="spellcheck-controller" type="checkbox" checked />Enable spelling and
+grammar check
+```
+
+```js
+const label = document.getElementById("sc-label");
+const element = document.getElementById("sc-element");
+const controller = document.getElementById("sc-controller");
+
+controller.addEventListener("change", (e) => {
+  if (controller.checked) {
+    element.spellcheck = true;
+    label.innerText = "The spelling and grammar may be checked: ";
+  } else {
+    element.spellcheck = false;
+    label.innerText = "The spelling and grammar may not be checked: ";
+  }
+});
+```
+
+{{EmbedLiveSample('Examples', 600, 200)}}
+
+Note that you must enable the browser setting to check spelling and grammar.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [`spellcheck`](/en-US/docs/Web/HTML/Global_attributes#spellcheck) HTML global attribute

From cc756217fbcb8214730fe736973ec15f3592a246 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 8 Jan 2024 15:55:47 +0800
Subject: [PATCH 305/790] init docs for `HTMLScriptElement.crossOrigin`
 (#31529)

* add links

* init docs

* update desc for HTMLScriptElement.crossOrigin

* update crossOrigin
---
 .../api/htmlimageelement/crossorigin/index.md |  1 +
 .../api/htmllinkelement/crossorigin/index.md  |  1 +
 .../api/htmlmediaelement/crossorigin/index.md |  1 +
 .../htmlscriptelement/crossorigin/index.md    | 38 +++++++++++++++++++
 .../en-us/web/api/htmlscriptelement/index.md  |  2 +-
 5 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 files/en-us/web/api/htmlscriptelement/crossorigin/index.md

diff --git a/files/en-us/web/api/htmlimageelement/crossorigin/index.md b/files/en-us/web/api/htmlimageelement/crossorigin/index.md
index 2a40a9af727fe41..ae54157ca881ff4 100644
--- a/files/en-us/web/api/htmlimageelement/crossorigin/index.md
+++ b/files/en-us/web/api/htmlimageelement/crossorigin/index.md
@@ -125,3 +125,4 @@ output {
 
 - {{domxref("HTMLLinkElement.crossOrigin")}}
 - {{domxref("HTMLMediaElement.crossOrigin")}}
+- {{domxref("HTMLScriptElement.crossOrigin")}}
diff --git a/files/en-us/web/api/htmllinkelement/crossorigin/index.md b/files/en-us/web/api/htmllinkelement/crossorigin/index.md
index 8fe4bf34138b409..0367f655679cead 100644
--- a/files/en-us/web/api/htmllinkelement/crossorigin/index.md
+++ b/files/en-us/web/api/htmllinkelement/crossorigin/index.md
@@ -35,3 +35,4 @@ If the `crossOrigin` property is not specified, the resource is fetched without
 
 - {{domxref("HTMLImageElement.crossOrigin")}}
 - {{domxref("HTMLMediaElement.crossOrigin")}}
+- {{domxref("HTMLScriptElement.crossOrigin")}}
diff --git a/files/en-us/web/api/htmlmediaelement/crossorigin/index.md b/files/en-us/web/api/htmlmediaelement/crossorigin/index.md
index 401732cfa4cedbd..58ae4e621967e87 100644
--- a/files/en-us/web/api/htmlmediaelement/crossorigin/index.md
+++ b/files/en-us/web/api/htmlmediaelement/crossorigin/index.md
@@ -35,3 +35,4 @@ If the `crossOrigin` property is not specified, the resource is fetched without
 
 - {{domxref("HTMLImageElement.crossOrigin")}}
 - {{domxref("HTMLLinkElement.crossOrigin")}}
+- {{domxref("HTMLScriptElement.crossOrigin")}}
diff --git a/files/en-us/web/api/htmlscriptelement/crossorigin/index.md b/files/en-us/web/api/htmlscriptelement/crossorigin/index.md
new file mode 100644
index 000000000000000..bd70c3973e9e977
--- /dev/null
+++ b/files/en-us/web/api/htmlscriptelement/crossorigin/index.md
@@ -0,0 +1,38 @@
+---
+title: "HTMLScriptElement: crossOrigin property"
+short-title: crossOrigin
+slug: Web/API/HTMLScriptElement/crossOrigin
+page-type: web-api-instance-property
+browser-compat: api.HTMLScriptElement.crossOrigin
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`crossOrigin`** property of the {{domxref("HTMLScriptElement")}} interface reflects the {{Glossary("CORS", "Cross-Origin Resource Sharing")}} settings for the script element. For classic scripts from other [origins](/en-US/docs/Glossary/Origin), this controls if full error information will be exposed. For module scripts, it controls the script itself and any script it imports. See [CORS settings attributes](/en-US/docs/Web/HTML/Attributes/crossorigin) for details.
+
+## Value
+
+A string of a keyword specifying the CORS mode to use when fetching the resource. Possible values are:
+
+- `anonymous` or an empty string (`""`)
+  - : Requests sent by the {{domxref("HTMLScriptElement")}} will use the `cors` {{domxref("Request.mode", "mode", "", "nocode")}} and the `same-origin` {{domxref("Request.credentials", "credentials", "", "nocode")}} mode. This means that CORS is enabled and credentials are sent _if_ the resource is fetched from the same origin from which the document was loaded.
+- `use-credentials`
+  - : Requests sent by the {{domxref("HTMLScriptElement")}} will use the `cors` {{domxref("Request.mode", "mode", "", "nocode")}} and the `include` {{domxref("Request.credentials", "credentials", "", "nocode")}} mode. All resources requests by the element will use CORS, regardless of which domain the fetch is from.
+
+If the `crossOrigin` property is specified with any other value, it is the same as specifing it as the `anonymous`.
+
+If the `crossOrigin` property is not specified, the resource is fetched without CORS (the `no-cors` {{domxref("Request.mode", "mode", "", "nocode")}} and the `same-origin` {{domxref("Request.credentials", "credentials", "", "nocode")}} mode).
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLImageElement.crossOrigin")}}
+- {{domxref("HTMLLinkElement.crossOrigin")}}
+- {{domxref("HTMLMediaElement.crossOrigin")}}
diff --git a/files/en-us/web/api/htmlscriptelement/index.md b/files/en-us/web/api/htmlscriptelement/index.md
index 87d94f855f653f8..9d164a980b1b26d 100644
--- a/files/en-us/web/api/htmlscriptelement/index.md
+++ b/files/en-us/web/api/htmlscriptelement/index.md
@@ -40,7 +40,7 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}._
     > **Note:** The exact processing details for these attributes are complex, involving many different aspects of HTML, and therefore are scattered throughout the specification. [These algorithms](https://html.spec.whatwg.org/multipage/scripting.html) describe the core ideas, but they rely on the parsing rules for {{HTMLElement("script")}} [start](https://html.spec.whatwg.org/multipage/syntax.html#start-tags) and [end](https://html.spec.whatwg.org/multipage/syntax.html#end-tags) tags in HTML, [in foreign content](https://html.spec.whatwg.org/multipage/syntax.html#foreign-elements), and [in XML](https://html.spec.whatwg.org/multipage/xhtml.html); the rules for the [`document.write()`](/en-US/docs/Web/API/Document/write) method; the handling of [scripting](https://html.spec.whatwg.org/multipage/webappapis.html); and so on.
 
 - {{domxref("HTMLScriptElement.crossOrigin")}}
-  - : A string reflecting the [CORS setting](/en-US/docs/Web/HTML/Attributes/crossorigin) for the script element. For scripts from other [origins](/en-US/docs/Glossary/Origin), this controls if error information will be exposed.
+  - : A string reflecting the [CORS setting](/en-US/docs/Web/HTML/Attributes/crossorigin) for the script element. For classic scripts from other [origins](/en-US/docs/Glossary/Origin), this controls if error information will be exposed.
 - {{domxref("HTMLScriptElement.text")}}
 
   - : A string that joins and returns the contents of all [`Text` nodes](/en-US/docs/Web/API/Text) inside the {{HTMLElement("script")}} element (ignoring other nodes like comments) in tree order. On setting, it acts the same way as the [`textContent`](/en-US/docs/Web/API/Node/textContent) IDL attribute.

From c4da7474ceaf37ce50d11a4bbe7474702ff01a57 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 8 Jan 2024 18:08:45 +0800
Subject: [PATCH 306/790] add missing bracket (#31576)

---
 files/en-us/mozilla/firefox/releases/19/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/19/index.md b/files/en-us/mozilla/firefox/releases/19/index.md
index c55bd9966855ce3..76612d08818bd23 100644
--- a/files/en-us/mozilla/firefox/releases/19/index.md
+++ b/files/en-us/mozilla/firefox/releases/19/index.md
@@ -31,7 +31,7 @@ Firefox 19 was released on February 19, 2013. This article lists key changes tha
 
 - The {{domxref("Element.getElementsByTagName")}}, {{domxref("Element.getElementsByTagNameNS")}} and {{domxref("Element.getElementsByClassName")}} methods now return a live {{domxref("HTMLCollection")}} ([Firefox bug 799464](https://bugzil.la/799464)).
 - The {{domxref("File")}} `mozLastModifiedDate` property has been implemented. ([Firefox bug 793955](https://bugzil.la/793955))
-- The {{domxref("File")}} lastModifiedDate property returns the current date, when the date of the last modification is unknown. ([Firefox bug 793459](https://bugzil.la/793459)
+- The {{domxref("File")}} lastModifiedDate property returns the current date, when the date of the last modification is unknown. ([Firefox bug 793459](https://bugzil.la/793459))
 - The {{domxref("CanvasRenderingContext2D")}} `isPointInStroke` method has been implemented ([Firefox bug 803124](https://bugzil.la/803124)).
 - The {{domxref("HTMLCanvasElement")}} `toBlob` method has been implemented ([Firefox bug 648610](https://bugzil.la/648610)).
 - The `Node.isSupported` and the {{domxref("document.implementation", "document.implementation.hasFeature()")}} methods have been changed to always return `true` ([Firefox bug 801425](https://bugzil.la/801425)).

From 6f42d4c0bcc46d06ebcd084588f43768332bd2eb Mon Sep 17 00:00:00 2001
From: Mozes Stumpf <78926228+mozesstumpf@users.noreply.github.com>
Date: Mon, 8 Jan 2024 11:32:33 +0100
Subject: [PATCH 307/790] Inexistent parameter removed from the Example
 (#31578)

Inexistent parameter removed index.md
---
 files/en-us/web/api/treewalker/filter/index.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/en-us/web/api/treewalker/filter/index.md b/files/en-us/web/api/treewalker/filter/index.md
index da5a083fe7e7cf7..2dbad904c050521 100644
--- a/files/en-us/web/api/treewalker/filter/index.md
+++ b/files/en-us/web/api/treewalker/filter/index.md
@@ -31,7 +31,6 @@ const treeWalker = document.createTreeWalker(
       return NodeFilter.FILTER_ACCEPT;
     },
   },
-  false,
 );
 nodeFilter = treeWalker.filter; // document.body in this case
 ```

From 13d979ec8bc1daf315fc6a17e38cb855cf2e4ef1 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Mon, 8 Jan 2024 11:59:57 +0100
Subject: [PATCH 308/790] Neutralize broken XUL links (#31573)

---
 .../en-us/mozilla/firefox/releases/4/index.md | 66 +++++++++----------
 1 file changed, 33 insertions(+), 33 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/4/index.md b/files/en-us/mozilla/firefox/releases/4/index.md
index 722635c1f268dc5..67d3540f1826163 100644
--- a/files/en-us/mozilla/firefox/releases/4/index.md
+++ b/files/en-us/mozilla/firefox/releases/4/index.md
@@ -365,22 +365,22 @@ If you're a theme developer, you should read [Theme changes in Firefox 4](/en-US
 
 #### Changes to the tabbrowser element
 
-Several changes were made to the [`<xul:tabbrowser>`](/en-US/docs/Mozilla/Tech/XUL/tabbrowser) element that impact extensions that interact with tabs. In addition to supporting app tabs, these changes also change the tab bar into a standard toolbar, which lets the user drag toolbar buttons into it.
+Several changes were made to the `<xul:tabbrowser>` element that impact extensions that interact with tabs. In addition to supporting app tabs, these changes also change the tab bar into a standard toolbar, which lets the user drag toolbar buttons into it.
 
-- The `TabClose`, `TabSelect`, and `TabOpen` events no longer bubble up to the [`<xul:tabbrowser>`](/en-US/docs/Mozilla/Tech/XUL/tabbrowser) element (`gBrowser`). Event listeners for those events should be added to `gBrowser.tabContainer` rather than to `gBrowser` directly.
-- The tab context menu is no longer an anonymous child of the [`<xul:tabbrowser>`](/en-US/docs/Mozilla/Tech/XUL/tabbrowser). It can therefore be overlaid directly with [XUL overlays](/en-US/docs/XUL_Overlays). It can also be accessed more directly in JavaScript via `gBrowser.tabContextMenu`. See [this blog post](https://gavinsharp.com/blog/2010/03/31/accessingmodifying-the-firefox-tab-context-menu-from-extensions/) for more details.
-- The new [`visibleTabs`](/en-US/docs/XUL/Property/visibleTabs) property was added to let you get an array of the currently visible tabs; this lets you determine which tabs are visible in the current tab set. This is used by Firefox Panorama, for example.
-- Added the new [`showOnlyTheseTabs`](/en-US/docs/Mozilla/Tech/XUL/Method/showOnlyTheseTabs) method; this is used by Firefox Panorama.
-- Added the new [`getIcon`](/en-US/docs/Mozilla/Tech/XUL/Method/getIcon) method, which lets you get a tab's favicon without having to pull up the [`<xul:browser>`](/en-US/docs/Mozilla/Tech/XUL/browser) element.
-- Added the new [`tabbrowser.tabs`](/en-US/docs/XUL/Property/tabbrowser.tabs) property, which lets you easily get a list of the tabs in a [`<xul:tabbrowser>`](/en-US/docs/Mozilla/Tech/XUL/tabbrowser) element.
-- The new [`pinTab`](/en-US/docs/Mozilla/Tech/XUL/Method/pinTab) and [`unpinTab`](/en-US/docs/Mozilla/Tech/XUL/Method/unpinTab) methods let you pin and unpin tabs (that is, switch them between being app tabs and regular tabs).
-- Added the [`getTabModalPromptBox`](/en-US/docs/Mozilla/Tech/XUL/Method/getTabModalPromptBox) method and [`tabmodalPromptShowing`](/en-US/docs/Mozilla/Tech/XUL/Attribute/tabmodalPromptShowing) attribute to the [`<xul:tabbrowser>`](/en-US/docs/Mozilla/Tech/XUL/tabbrowser) to support tab-modal alerts.
+- The `TabClose`, `TabSelect`, and `TabOpen` events no longer bubble up to the `<xul:tabbrowser>` element (`gBrowser`). Event listeners for those events should be added to `gBrowser.tabContainer` rather than to `gBrowser` directly.
+- The tab context menu is no longer an anonymous child of the `<xul:tabbrowser>`. It can therefore be overlaid directly with XUL overlays. It can also be accessed more directly in JavaScript via `gBrowser.tabContextMenu`. See [this blog post](https://gavinsharp.com/blog/2010/03/31/accessingmodifying-the-firefox-tab-context-menu-from-extensions/) for more details.
+- The new `visibleTabs` property was added to let you get an array of the currently visible tabs; this lets you determine which tabs are visible in the current tab set. This is used by Firefox Panorama, for example.
+- Added the new `showOnlyTheseTabs` method; this is used by Firefox Panorama.
+- Added the new `getIcon` method, which lets you get a tab's favicon without having to pull up the `<xul:browser>` element.
+- Added the new `tabbrowser.tabs` property, which lets you easily get a list of the tabs in a `<xul:tabbrowser>` element.
+- The new `pinTab` and `unpinTab` methods let you pin and unpin tabs (that is, switch them between being app tabs and regular tabs).
+- Added the `getTabModalPromptBox` method and `tabmodalPromptShowing` attribute to the `<xul:tabbrowser>` to support tab-modal alerts.
 
 #### Changes to popups
 
-- The [`<xul:popup>`](/en-US/docs/Mozilla/Tech/XUL/popup) element is no longer supported; you should use [`<xul:menupopup>`](/en-US/docs/Mozilla/Tech/XUL/menupopup) instead. (If you continue using `popup`, you will encounter glitches, since the element has no special meaning anymore. For example, [`<xul:menuseparator>`](/en-US/docs/Mozilla/Tech/XUL/menuseparator) can appear transparent when used in a [`<xul:popup>`](/en-US/docs/Mozilla/Tech/XUL/popup).)
-- The [`<xul:menupopup>`](/en-US/docs/Mozilla/Tech/XUL/menupopup) XUL element now has a [`triggerNode`](/en-US/docs/XUL/Property/triggerNode) property, which indicates the node on which the event occurred that caused the popup to open. This also required the addition of a trigger event parameter to the [`openPopup`](/en-US/docs/Mozilla/Tech/XUL/Method/openPopup) method. Also, the [`anchorNode`](/en-US/docs/XUL/Property/anchorNode) property has been added; it returns the anchor specified when the popup was created.
-- The [`<xul:panel>`](/en-US/docs/Mozilla/Tech/XUL/panel) element now offers [`fade`](/en-US/docs/Mozilla/Tech/XUL/Attribute/fade) and [`flip`](/en-US/docs/Mozilla/Tech/XUL/Attribute/flip) attributes, which are used to configure the behavior of new "arrow" style notification panels.
+- The `<xul:popup>` element is no longer supported; you should use `<xul:menupopup>` instead. (If you continue using `popup`, you will encounter glitches, since the element has no special meaning anymore. For example, `<xul:menuseparator>` can appear transparent when used in a `<xul:popup>`.)
+- The `<xul:menupopup>` XUL element now has a `triggerNode` property, which indicates the node on which the event occurred that caused the popup to open. This also required the addition of a trigger event parameter to the `openPopup` method. Also, the `anchorNode` property has been added; it returns the anchor specified when the popup was created.
+- The `<xul:panel>` element now offers `fade` and `flip` attributes, which are used to configure the behavior of new "arrow" style notification panels.
 
 #### Remote XUL support removed
 
@@ -388,33 +388,33 @@ Remote XUL is no longer supported; this affects XUL documents being served throu
 
 #### Miscellaneous XUL changes
 
-- The `readonly` attribute now correctly works for [XBL fields](/en-US/docs/XBL/XBL_1.0_Reference/Elements#field).
-- The [`<xul:resizer>`](/en-US/docs/Mozilla/Tech/XUL/resizer) element now lets you use the [`element`](/en-US/docs/Mozilla/Tech/XUL/Attribute/element) attribute to specify an element to resize, instead of resizing the window.
-- The [`<xul:resizer>`](/en-US/docs/Mozilla/Tech/XUL/resizer) element now has an [`type`](/en-US/docs/Mozilla/Tech/XUL/Attribute/resizer.type) attribute that lets you specify that the resizer is for a window instead of an element, to prevent the window resizer from being drawn twice.
-- The "active" attribute no longer gets set on active XUL windows. Instead, you can use the new [`:-moz-window-inactive`](/en-US/docs/Web/CSS/:-moz-window-inactive) pseudoclass in order to assign different styles to background windows.
-- The [`emptytext`](/en-US/docs/Mozilla/Tech/XUL/Attribute/emptytext) attribute is now deprecated; you should use [`placeholder`](/en-US/docs/Mozilla/Tech/XUL/Attribute/placeholder) instead.
-- The [`<xul:window>`](/en-US/docs/Mozilla/Tech/XUL/window) element now offers a [`accelerated`](/en-US/docs/Mozilla/Tech/XUL/Attribute/accelerated) attribute; when true, the hardware layer manager is permitted to accelerate the window.
-- The [`<xul:stack>`](/en-US/docs/Mozilla/Tech/XUL/stack) element now supports the [`bottom`](/en-US/docs/Mozilla/Tech/XUL/Attribute/bottom) and [`right`](/en-US/docs/Mozilla/Tech/XUL/Attribute/right) attributes.
-- Events are now fired during [`<xul:toolbox>`](/en-US/docs/Mozilla/Tech/XUL/toolbox) customization, allowing you to [detect changes to toolbars](/en-US/docs/XUL/Toolbars/Toolbar_customization_events).
-- The [`alternatingbackground`](/en-US/docs/Mozilla/Tech/XUL/Attribute/alternatingbackground) attribute for [`<xul:tree>`](/en-US/docs/Mozilla/Tech/XUL/tree) elements is no longer supported; you can use the [`:-moz-tree-row`](/en-US/docs/Web/CSS/:-moz-tree-row) pseudo-class instead.
+- The `readonly` attribute now correctly works for XBL fields.
+- The `<xul:resizer>` element now lets you use the `element` attribute to specify an element to resize, instead of resizing the window.
+- The `<xul:resizer>` element now has a `type` attribute that lets you specify that the resizer is for a window instead of an element, to prevent the window resizer from being drawn twice.
+- The `"active"` attribute no longer gets set on active XUL windows. Instead, you can use the new `:-moz-window-inactive` pseudoclass in order to assign different styles to background windows.
+- The `emptytext` attribute is now deprecated; you should use `placeholder` instead.
+- The `<xul:window>` element now offers an `accelerated` attribute; when true, the hardware layer manager is permitted to accelerate the window.
+- The `<xul:stack>` element now supports the `bottom` and `right` attributes.
+- Events are now fired during `<xul:toolbox>` customization, allowing you to detect changes to toolbars.
+- The `alternatingbackground` attribute for `<xul:tree>` elements is no longer supported; you can use the `:-moz-tree-row` pseudo-class instead.
 - The Bookmarks Toolbar overflow button with anonid chevronPopup is no longer anonymous; it has an ID of "PlacesChevron".
-- The [`<xul:tabs>`](/en-US/docs/Mozilla/Tech/XUL/tabs) element now has a [`tabbox`](/en-US/docs/XUL/Property/tabbox) property, replacing the old `_tabbox` property, which has been deprecated (and was never documented).
-- XUL [`<xul:window>`](/en-US/docs/Mozilla/Tech/XUL/window) elements now have the [`drawintitlebar`](/en-US/docs/Mozilla/Tech/XUL/Attribute/drawintitlebar) attribute; if this is `true`, the window's content area includes the title bar, allowing drawing into the title bar.
-- New `TabPinned` and `TabUnpinned` events are available, allowing you to [detect when tabs are pinned and unpinned](/../../../../en-US/docs/Code_snippets/Tabbed_browser#Notification_when_a_tab_is_pinned_or_unpinned).
-- The new [`TabAttrModified` event](/en-US/docs/Code_snippets/Tabbed_browser#Notification_when_a_tab%27s_attributes_change) is sent when a tab's [`label`](/en-US/docs/Mozilla/Tech/XUL/Attribute/label), [`crop`](/en-US/docs/Mozilla/Tech/XUL/Attribute/crop), [`busy`](/en-US/docs/Mozilla/Tech/XUL/Attribute/busy), [`image`](/en-US/docs/Mozilla/Tech/XUL/Attribute/image), or [`selected`](/en-US/docs/Mozilla/Tech/XUL/Attribute/selected) attributes change.
-- [`<xul:tab>`](/en-US/docs/Mozilla/Tech/XUL/tab) elements now have a [`pinned`](/en-US/docs/Mozilla/Tech/XUL/Attribute/pinned) attribute, letting you determine whether or not a tab is currently pinned.
-- The `setDirectionIndicator` class on [`<xul:tree>`](/en-US/docs/Mozilla/Tech/XUL/tree) elements hasn't done anything for some time now; now it's not used at all anymore.
-- The [`<xul:window>`](/en-US/docs/Mozilla/Tech/XUL/window) element now has a [`chromemargin`](/en-US/docs/Mozilla/Tech/XUL/Attribute/chromemargin) attribute that lets you set the margin between chrome and content on each side of a window; you can use this to draw into the title bar, for example.
-- The [`<xul:window>`](/en-US/docs/Mozilla/Tech/XUL/window) element now has a [`disablechrome`](/en-US/docs/Mozilla/Tech/XUL/Attribute/disablechrome) attribute; this is used to hide most of the chrome in a window when it's being used to display in-browser UI, such as `about:addons`.
-- The [`<xul:window>`](/en-US/docs/Mozilla/Tech/XUL/window) element now has a [`disablefastfind`](/en-US/docs/Mozilla/Tech/XUL/Attribute/disablefastfind) attribute, which lets you disable the find bar in a window when the content doesn't support it. This is used, for example, by the add-ons panel.
-- Toolbars can now be external to toolboxes, while still being considered a member of the [`<xul:toolbox>`](/en-US/docs/Mozilla/Tech/XUL/toolbox), by setting the [`toolboxid`](/en-US/docs/XUL/Property/toolboxid) property of the [`<xul:toolbar>`](/en-US/docs/Mozilla/Tech/XUL/toolbar). Also, the [`<xul:toolbox>`](/en-US/docs/Mozilla/Tech/XUL/toolbox) element now has a [`externalToolbars`](/en-US/docs/XUL/Property/externalToolbars) property, which lists all the toolbars that are considered members of the toolbox.
-- Support has been added for [logging XUL templates](/en-US/docs/XUL/Template_Guide/Template_Logging) for debugging purposes.
+- The `<xul:tabs>` element now has a `tabbox` property, replacing the old `_tabbox` property, which has been deprecated (and was never documented).
+- XUL `<xul:window>` elements now have the `drawintitlebar` attribute; if this is `true`, the window's content area includes the title bar, allowing drawing into the title bar.
+- New `TabPinned` and `TabUnpinned` events are available, allowing you to detect when tabs are pinned and unpinned.
+- The new `TabAttrModified` event is sent when a tab's `label`, `crop`, `busy`, `image`, or `selected` attributes change.
+- `<xul:tab>` elements now have a `pinned` attribute, letting you determine whether or not a tab is currently pinned.
+- The `setDirectionIndicator` class on `<xul:tree> elements hasn't done anything for some time now; now it's not used at all anymore.
+- The `<xul:window>` element now has a `chromemargin` attribute that lets you set the margin between chrome and content on each side of a window; you can use this to draw into the title bar, for example.
+- The `<xul:window>` element now has a `disablechrome` attribute; this is used to hide most of the chrome in a window when it's being used to display in-browser UI, such as `about:addons`.
+- The `<xul:window>` element now has a `disablefastfind` attribute, which lets you disable the find bar in a window when the content doesn't support it. This is used, for example, by the add-ons panel.
+- Toolbars can now be external to toolboxes, while still being considered a member of the `<xul:toolbox>`, by setting the `toolboxid` property of the `<xul:toolbar>`. Also, the `<xul:toolbox>` element now has a `externalToolbars` property, which lists all the toolbars that are considered members of the toolbox.
+- Support has been added for logging XUL templates for debugging purposes.
 
 ### UI changes affecting developers
 
 - [The add-on bar](/en-US/docs/Mozilla/Firefox/Releases/4/The_add-on_bar)
   - : The status bar has been removed in favor of the new add-on bar. You'll need to update your extension to use this if you've been adding UI to the status bar in the past.
-- [Hiding browser chrome](/en-US/docs/Hiding_browser_chrome)
+- Hiding browser chrome
   - : You can now hide the browser's chrome when it's desirable to do so; for example, `about:addons` does this.
 
 ### Storage

From 72ca3d725e3e56b613de3ac9727bd0d6d619c38a Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 8 Jan 2024 21:33:20 +0800
Subject: [PATCH 309/790] move `beforeinput` event and `input` event from
 `HTMLElement` to `Element` (#30288)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix link

* add

* revert·

* move files

* update link

* HTMLElement/input_event to Element/input_event

* update

* fix links

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/_redirects.txt                    |  34 +++---
 files/en-us/_wikihistory.json                 | 102 +++++++++---------
 .../vue_methods_events_models/index.md        |   2 +-
 .../mozilla/firefox/releases/14/index.md      |   2 +-
 .../mozilla/firefox/releases/87/index.md      |   2 +-
 .../understandable/index.md                   |   2 +-
 .../en-us/web/api/beforeunloadevent/index.md  |   2 +-
 .../web/api/document/execcommand/index.md     |   2 +-
 .../beforeinput_event/index.md                |  10 +-
 .../input_event/index.md                      |   8 +-
 .../web/api/element/keydown_event/index.md    |   2 +-
 .../web/api/element/keypress_event/index.md   |   4 +-
 .../web/api/element/keyup_event/index.md      |   2 +-
 files/en-us/web/api/html_dom_api/index.md     |   2 +-
 .../web/api/htmlelement/change_event/index.md |   2 +-
 files/en-us/web/api/htmlelement/index.md      |  11 +-
 .../en-us/web/api/htmlselectelement/index.md  |   2 +-
 files/en-us/web/api/inputevent/data/index.md  |   2 +-
 .../web/api/inputevent/datatransfer/index.md  |   2 +-
 .../api/inputevent/gettargetranges/index.md   |   2 +-
 files/en-us/web/api/inputevent/index.md       |   4 +-
 .../web/api/inputevent/inputtype/index.md     |   2 +-
 files/en-us/web/api/keyboardevent/index.md    |   2 +-
 .../en-us/web/api/keyboardevent/key/index.md  |  10 +-
 .../web/api/performanceeventtiming/index.md   |   4 +-
 .../index.md                                  |   2 +-
 .../api/window/beforeunload_event/index.md    |   2 +-
 .../css/css_colors/applying_color/index.md    |   2 +-
 .../web/html/element/input/checkbox/index.md  |   2 +-
 .../web/html/element/input/color/index.md     |   8 +-
 .../web/html/element/input/date/index.md      |   2 +-
 .../element/input/datetime-local/index.md     |   2 +-
 .../web/html/element/input/email/index.md     |   2 +-
 .../web/html/element/input/file/index.md      |   2 +-
 .../web/html/element/input/hidden/index.md    |   2 +-
 .../web/html/element/input/month/index.md     |   2 +-
 .../web/html/element/input/number/index.md    |   2 +-
 .../web/html/element/input/password/index.md  |   2 +-
 .../web/html/element/input/radio/index.md     |   2 +-
 .../web/html/element/input/range/index.md     |   2 +-
 .../web/html/element/input/search/index.md    |   2 +-
 .../en-us/web/html/element/input/tel/index.md |   2 +-
 .../web/html/element/input/text/index.md      |   2 +-
 .../web/html/element/input/time/index.md      |   4 +-
 .../en-us/web/html/element/input/url/index.md |   2 +-
 .../web/html/element/input/week/index.md      |   2 +-
 files/en-us/web/html/element/select/index.md  |   2 +-
 .../contenteditable/index.md                  |   2 +-
 files/en-us/web/svg/attribute/begin/index.md  |   4 +-
 .../web/svg/attribute/textlength/index.md     |   2 +-
 files/jsondata/GroupData.json                 |   2 +
 51 files changed, 139 insertions(+), 142 deletions(-)
 rename files/en-us/web/api/{htmlelement => element}/beforeinput_event/index.md (86%)
 rename files/en-us/web/api/{htmlelement => element}/input_event/index.md (95%)

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 3bc6709a6fc8077..991696299caf674 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -1232,7 +1232,7 @@
 /en-US/docs/DOM/DOM_event_reference/compositionstart	/en-US/docs/Web/API/Element/compositionstart_event
 /en-US/docs/DOM/DOM_event_reference/compositionupdate	/en-US/docs/Web/API/Element/compositionupdate_event
 /en-US/docs/DOM/DOM_event_reference/error	/en-US/docs/Web/API/HTMLElement/error_event
-/en-US/docs/DOM/DOM_event_reference/input	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/DOM/DOM_event_reference/input	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/DOM/DOM_event_reference/mouseenter	/en-US/docs/Web/API/Element/mouseenter_event
 /en-US/docs/DOM/DOM_event_reference/mouseleave	/en-US/docs/Web/API/Element/mouseleave_event
 /en-US/docs/DOM/DOM_event_reference/mousewheel	/en-US/docs/Web/API/Element/mousewheel_event
@@ -1459,7 +1459,7 @@
 /en-US/docs/DOM/Mozilla_event_reference/gamepadconnected	/en-US/docs/Web/API/Window/gamepadconnected_event
 /en-US/docs/DOM/Mozilla_event_reference/gamepaddisconnected	/en-US/docs/Web/API/Window/gamepaddisconnected_event
 /en-US/docs/DOM/Mozilla_event_reference/hashchange	/en-US/docs/Web/API/Window/hashchange_event
-/en-US/docs/DOM/Mozilla_event_reference/input	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/DOM/Mozilla_event_reference/input	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/DOM/Mozilla_event_reference/invalid	/en-US/docs/Web/API/HTMLInputElement/invalid_event
 /en-US/docs/DOM/Mozilla_event_reference/keydown	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/DOM/Mozilla_event_reference/keypress	/en-US/docs/Web/API/Element/keypress_event
@@ -2175,7 +2175,7 @@
 /en-US/docs/DOM/window.onerror	/en-US/docs/Web/API/Window/error_event
 /en-US/docs/DOM/window.onfocus	/en-US/docs/Web/API/Window/focus_event
 /en-US/docs/DOM/window.onhashchange	/en-US/docs/Web/API/Window/hashchange_event
-/en-US/docs/DOM/window.oninput	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/DOM/window.oninput	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/DOM/window.onkeydown	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/DOM/window.onkeypress	/en-US/docs/Web/API/Element/keypress_event
 /en-US/docs/DOM/window.onkeyup	/en-US/docs/Web/API/Element/keyup_event
@@ -3325,7 +3325,7 @@
 /en-US/docs/Document_Object_Model_(DOM)/window.onerror	/en-US/docs/Web/API/Window/error_event
 /en-US/docs/Document_Object_Model_(DOM)/window.onfocus	/en-US/docs/Web/API/Window/focus_event
 /en-US/docs/Document_Object_Model_(DOM)/window.onhashchange	/en-US/docs/Web/API/Window/hashchange_event
-/en-US/docs/Document_Object_Model_(DOM)/window.oninput	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/Document_Object_Model_(DOM)/window.oninput	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Document_Object_Model_(DOM)/window.onkeydown	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/Document_Object_Model_(DOM)/window.onkeypress	/en-US/docs/Web/API/Element/keypress_event
 /en-US/docs/Document_Object_Model_(DOM)/window.onkeyup	/en-US/docs/Web/API/Element/keyup_event
@@ -6264,7 +6264,7 @@
 /en-US/docs/Mozilla_event_reference/gamepadconnected	/en-US/docs/Web/API/Window/gamepadconnected_event
 /en-US/docs/Mozilla_event_reference/gamepaddisconnected	/en-US/docs/Web/API/Window/gamepaddisconnected_event
 /en-US/docs/Mozilla_event_reference/hashchange	/en-US/docs/Web/API/Window/hashchange_event
-/en-US/docs/Mozilla_event_reference/input	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/Mozilla_event_reference/input	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Mozilla_event_reference/invalid	/en-US/docs/Web/API/HTMLInputElement/invalid_event
 /en-US/docs/Mozilla_event_reference/keydown	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/Mozilla_event_reference/keypress	/en-US/docs/Web/API/Element/keypress_event
@@ -7969,7 +7969,7 @@
 /en-US/docs/Web/API/Document/onfocus	/en-US/docs/Web/API/Window/focus_event
 /en-US/docs/Web/API/Document/onfullscreenchange	/en-US/docs/Web/API/Document/fullscreenchange_event
 /en-US/docs/Web/API/Document/onfullscreenerror	/en-US/docs/Web/API/Document/fullscreenerror_event
-/en-US/docs/Web/API/Document/oninput	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/Web/API/Document/oninput	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Web/API/Document/onkeydown	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/Web/API/Document/onkeypress	/en-US/docs/Web/API/Element/keypress_event
 /en-US/docs/Web/API/Document/onkeyup	/en-US/docs/Web/API/Element/keyup_event
@@ -8257,7 +8257,7 @@
 /en-US/docs/Web/API/GlobalEventHandlers.ondblclick	/en-US/docs/Web/API/Element/dblclick_event
 /en-US/docs/Web/API/GlobalEventHandlers.onerror	/en-US/docs/Web/API/Window/error_event
 /en-US/docs/Web/API/GlobalEventHandlers.onfocus	/en-US/docs/Web/API/Window/focus_event
-/en-US/docs/Web/API/GlobalEventHandlers.oninput	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/Web/API/GlobalEventHandlers.oninput	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Web/API/GlobalEventHandlers.onkeydown	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/Web/API/GlobalEventHandlers.onkeypress	/en-US/docs/Web/API/Element/keypress_event
 /en-US/docs/Web/API/GlobalEventHandlers.onkeyup	/en-US/docs/Web/API/Element/keyup_event
@@ -8318,7 +8318,7 @@
 /en-US/docs/Web/API/GlobalEventHandlers/onfocus	/en-US/docs/Web/API/Window/focus_event
 /en-US/docs/Web/API/GlobalEventHandlers/onformdata	/en-US/docs/Web/API/HTMLFormElement/formdata_event
 /en-US/docs/Web/API/GlobalEventHandlers/ongotpointercapture	/en-US/docs/Web/API/Element/gotpointercapture_event
-/en-US/docs/Web/API/GlobalEventHandlers/oninput	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/Web/API/GlobalEventHandlers/oninput	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Web/API/GlobalEventHandlers/oninvalid	/en-US/docs/Web/API/HTMLInputElement/invalid_event
 /en-US/docs/Web/API/GlobalEventHandlers/onkeydown	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/Web/API/GlobalEventHandlers/onkeypress	/en-US/docs/Web/API/Element/keypress_event
@@ -8433,8 +8433,10 @@
 /en-US/docs/Web/API/HTMLElement/animationend_event	/en-US/docs/Web/API/Element/animationend_event
 /en-US/docs/Web/API/HTMLElement/animationiteration_event	/en-US/docs/Web/API/Element/animationiteration_event
 /en-US/docs/Web/API/HTMLElement/animationstart_event	/en-US/docs/Web/API/Element/animationstart_event
+/en-US/docs/Web/API/HTMLElement/beforeinput_event	/en-US/docs/Web/API/Element/beforeinput_event
 /en-US/docs/Web/API/HTMLElement/forceSpellCheck	/en-US/docs/Web/HTML/Global_attributes/spellcheck
 /en-US/docs/Web/API/HTMLElement/gotpointercapture_event	/en-US/docs/Web/API/Element/gotpointercapture_event
+/en-US/docs/Web/API/HTMLElement/input_event	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Web/API/HTMLElement/invalid_event	/en-US/docs/Web/API/HTMLInputElement/invalid_event
 /en-US/docs/Web/API/HTMLElement/lostpointercapture_event	/en-US/docs/Web/API/Element/lostpointercapture_event
 /en-US/docs/Web/API/HTMLElement/onabort	/en-US/docs/Web/API/HTMLMediaElement/abort_event
@@ -8446,7 +8448,7 @@
 /en-US/docs/Web/API/HTMLElement/oncut	/en-US/docs/Web/API/HTMLElement/cut_event
 /en-US/docs/Web/API/HTMLElement/ondblclick	/en-US/docs/Web/API/Element/dblclick_event
 /en-US/docs/Web/API/HTMLElement/onfocus	/en-US/docs/Web/API/Window/focus_event
-/en-US/docs/Web/API/HTMLElement/oninput	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/Web/API/HTMLElement/oninput	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Web/API/HTMLElement/onkeydown	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/Web/API/HTMLElement/onkeypress	/en-US/docs/Web/API/Element/keypress_event
 /en-US/docs/Web/API/HTMLElement/onkeyup	/en-US/docs/Web/API/Element/keyup_event
@@ -8787,8 +8789,8 @@
 /en-US/docs/Web/API/InputDeviceCapabilities/fireTouchEvents	/en-US/docs/Web/API/InputDeviceCapabilities/firesTouchEvents
 /en-US/docs/Web/API/InputEvent.InputEvent	/en-US/docs/Web/API/InputEvent/InputEvent
 /en-US/docs/Web/API/InputEvent.isComposing	/en-US/docs/Web/API/InputEvent/isComposing
-/en-US/docs/Web/API/InputEvent/input	/en-US/docs/Web/API/HTMLElement/input_event
-/en-US/docs/Web/API/InputEvent/input_event	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/Web/API/InputEvent/input	/en-US/docs/Web/API/Element/input_event
+/en-US/docs/Web/API/InputEvent/input_event	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Web/API/InstallEvent/activeWorker	/en-US/docs/Web/API/InstallEvent
 /en-US/docs/Web/API/Int16Array	/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int16Array
 /en-US/docs/Web/API/Int32Array	/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array
@@ -9598,7 +9600,7 @@
 /en-US/docs/Web/API/SVGElement/oncontextmenu	/en-US/docs/Web/API/Element/contextmenu_event
 /en-US/docs/Web/API/SVGElement/ondblclick	/en-US/docs/Web/API/Element/dblclick_event
 /en-US/docs/Web/API/SVGElement/onfocus	/en-US/docs/Web/API/Window/focus_event
-/en-US/docs/Web/API/SVGElement/oninput	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/Web/API/SVGElement/oninput	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Web/API/SVGElement/onkeydown	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/Web/API/SVGElement/onkeypress	/en-US/docs/Web/API/Element/keypress_event
 /en-US/docs/Web/API/SVGElement/onkeyup	/en-US/docs/Web/API/Element/keyup_event
@@ -10842,7 +10844,7 @@
 /en-US/docs/Web/API/window.onerror	/en-US/docs/Web/API/Window/error_event
 /en-US/docs/Web/API/window.onfocus	/en-US/docs/Web/API/Window/focus_event
 /en-US/docs/Web/API/window.onhashchange	/en-US/docs/Web/API/Window/hashchange_event
-/en-US/docs/Web/API/window.oninput	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/Web/API/window.oninput	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Web/API/window.onkeydown	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/Web/API/window.onkeypress	/en-US/docs/Web/API/Element/keypress_event
 /en-US/docs/Web/API/window.onkeyup	/en-US/docs/Web/API/Element/keyup_event
@@ -11755,7 +11757,7 @@
 /en-US/docs/Web/Events/audioprocess	/en-US/docs/Web/API/ScriptProcessorNode/audioprocess_event
 /en-US/docs/Web/Events/audiostart	/en-US/docs/Web/API/SpeechRecognition/audiostart_event
 /en-US/docs/Web/Events/auxclick	/en-US/docs/Web/API/Element/auxclick_event
-/en-US/docs/Web/Events/beforeinput	/en-US/docs/Web/API/HTMLElement/beforeinput_event
+/en-US/docs/Web/Events/beforeinput	/en-US/docs/Web/API/Element/beforeinput_event
 /en-US/docs/Web/Events/beforeprint	/en-US/docs/Web/API/Window/beforeprint_event
 /en-US/docs/Web/Events/beforescriptexecute	/en-US/docs/Web/API/Element/beforescriptexecute_event
 /en-US/docs/Web/Events/beforeunload	/en-US/docs/Web/API/Window/beforeunload_event
@@ -11834,7 +11836,7 @@
 /en-US/docs/Web/Events/iceconnectionstatechange	/en-US/docs/Web/API/RTCPeerConnection/iceconnectionstatechange_event
 /en-US/docs/Web/Events/icegatheringstatechange	/en-US/docs/Web/API/RTCPeerConnection/icegatheringstatechange_event
 /en-US/docs/Web/Events/icegatheringstatechange_event	/en-US/docs/Web/API/RTCPeerConnection/icegatheringstatechange_event
-/en-US/docs/Web/Events/input	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/Web/Events/input	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Web/Events/install	/en-US/docs/Web/API/Window/appinstalled_event
 /en-US/docs/Web/Events/invalid	/en-US/docs/Web/API/HTMLInputElement/invalid_event
 /en-US/docs/Web/Events/keydown	/en-US/docs/Web/API/Element/keydown_event
@@ -12869,7 +12871,7 @@
 /en-US/docs/Web/Reference/Events/gamepadconnected	/en-US/docs/Web/API/Window/gamepadconnected_event
 /en-US/docs/Web/Reference/Events/gamepaddisconnected	/en-US/docs/Web/API/Window/gamepaddisconnected_event
 /en-US/docs/Web/Reference/Events/hashchange	/en-US/docs/Web/API/Window/hashchange_event
-/en-US/docs/Web/Reference/Events/input	/en-US/docs/Web/API/HTMLElement/input_event
+/en-US/docs/Web/Reference/Events/input	/en-US/docs/Web/API/Element/input_event
 /en-US/docs/Web/Reference/Events/invalid	/en-US/docs/Web/API/HTMLInputElement/invalid_event
 /en-US/docs/Web/Reference/Events/keydown	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/Web/Reference/Events/keypress	/en-US/docs/Web/API/Element/keypress_event
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 8832ac24abccfa0..2bdd11c245ea003 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -31021,6 +31021,17 @@
       "jpmedley"
     ]
   },
+  "Web/API/Element/beforeinput_event": {
+    "modified": "2020-11-11T09:54:44.715Z",
+    "contributors": [
+      "Rumyra",
+      "chrisdavidmills",
+      "mfuji09",
+      "Sheppy",
+      "Watilin",
+      "mfluehr"
+    ]
+  },
   "Web/API/Element/beforescriptexecute_event": {
     "modified": "2020-10-15T21:19:30.700Z",
     "contributors": [
@@ -32211,6 +32222,46 @@
       "JesseW"
     ]
   },
+  "Web/API/Element/input_event": {
+    "modified": "2020-10-15T21:19:24.780Z",
+    "contributors": [
+      "mfuji09",
+      "dienluong",
+      "chrisdavidmills",
+      "estelle",
+      "Sheppy",
+      "wbamberg",
+      "mfluehr",
+      "matijs",
+      "JLHwung",
+      "Majr",
+      "fscholz",
+      "thatemil",
+      "roryokane",
+      "lsolova",
+      "jchen",
+      "ibmua",
+      "jkoritzinsky",
+      "erikadoyle",
+      "r-o-b",
+      "cvrebert",
+      "Sebastianz",
+      "chrisAnderson",
+      "teoli",
+      "jonkoops",
+      "claudepache",
+      "mkato",
+      "Masayuki",
+      "bending_the_rules",
+      "codepo8",
+      "jimmont",
+      "joeldart",
+      "Nickolay",
+      "parthiv",
+      "louisremi",
+      "ethertank"
+    ]
+  },
   "Web/API/Element/insertAdjacentElement": {
     "modified": "2020-10-17T17:01:56.118Z",
     "contributors": [
@@ -37962,17 +38013,6 @@
       "Rakhisharma"
     ]
   },
-  "Web/API/HTMLElement/beforeinput_event": {
-    "modified": "2020-11-11T09:54:44.715Z",
-    "contributors": [
-      "Rumyra",
-      "chrisdavidmills",
-      "mfuji09",
-      "Sheppy",
-      "Watilin",
-      "mfluehr"
-    ]
-  },
   "Web/API/HTMLElement/blur": {
     "modified": "2020-10-15T21:06:46.166Z",
     "contributors": [
@@ -38300,46 +38340,6 @@
       "evilpie"
     ]
   },
-  "Web/API/HTMLElement/input_event": {
-    "modified": "2020-10-15T21:19:24.780Z",
-    "contributors": [
-      "mfuji09",
-      "dienluong",
-      "chrisdavidmills",
-      "estelle",
-      "Sheppy",
-      "wbamberg",
-      "mfluehr",
-      "matijs",
-      "JLHwung",
-      "Majr",
-      "fscholz",
-      "thatemil",
-      "roryokane",
-      "lsolova",
-      "jchen",
-      "ibmua",
-      "jkoritzinsky",
-      "erikadoyle",
-      "r-o-b",
-      "cvrebert",
-      "Sebastianz",
-      "chrisAnderson",
-      "teoli",
-      "jonkoops",
-      "claudepache",
-      "mkato",
-      "Masayuki",
-      "bending_the_rules",
-      "codepo8",
-      "jimmont",
-      "joeldart",
-      "Nickolay",
-      "parthiv",
-      "louisremi",
-      "ethertank"
-    ]
-  },
   "Web/API/HTMLElement/isContentEditable": {
     "modified": "2020-10-15T21:12:52.957Z",
     "contributors": [
diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/vue_methods_events_models/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/vue_methods_events_models/index.md
index 8d42ca07e89801f..fbaa76246ead2ee 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/vue_methods_events_models/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/vue_methods_events_models/index.md
@@ -225,7 +225,7 @@ The first thing we need is a `data` property in our form to track the value of t
 
 In a similar fashion to event modifiers, we can also add modifiers to change the behavior of `v-model`. In our case, there are two worth considering. The first, `.trim`, will remove whitespace from before or after the input. We can add the modifier to our `v-model` statement like so: `v-model.trim="label"`.
 
-The second modifier we should consider is called `.lazy`. This modifier changes when `v-model` syncs the value for text inputs. As mentioned earlier, `v-model` syncing works by updating the variable using events. For text inputs, this sync happens using the [`input` event](/en-US/docs/Web/API/HTMLElement/input_event). Often, this means that Vue is syncing the data after every keystroke. The `.lazy` modifier causes `v-model` to use the [`change` event](/en-US/docs/Web/API/HTMLElement/change_event) instead. This means that Vue will only sync data when the input loses focus or the form is submitted. For our purposes, this is much more reasonable since we only need the final data.
+The second modifier we should consider is called `.lazy`. This modifier changes when `v-model` syncs the value for text inputs. As mentioned earlier, `v-model` syncing works by updating the variable using events. For text inputs, this sync happens using the [`input` event](/en-US/docs/Web/API/Element/input_event). Often, this means that Vue is syncing the data after every keystroke. The `.lazy` modifier causes `v-model` to use the [`change` event](/en-US/docs/Web/API/HTMLElement/change_event) instead. This means that Vue will only sync data when the input loses focus or the form is submitted. For our purposes, this is much more reasonable since we only need the final data.
 
 To use both the `.lazy` modifier and the `.trim` modifier together, we can chain them, e.g. `v-model.lazy.trim="label"`.
 
diff --git a/files/en-us/mozilla/firefox/releases/14/index.md b/files/en-us/mozilla/firefox/releases/14/index.md
index bd08d02adf3809d..24d68285bdcec66 100644
--- a/files/en-us/mozilla/firefox/releases/14/index.md
+++ b/files/en-us/mozilla/firefox/releases/14/index.md
@@ -17,7 +17,7 @@ Firefox 14 shipped on July 17, 2012. This article lists key changes that are use
 
 ### DOM
 
-- [input](/en-US/docs/Web/API/HTMLElement/input_event) events are fired also on editing host element of [contenteditable](/en-US/docs/Web/API/HTMLElement/contentEditable) editor and root element of [designMode](/en-US/docs/Web/API/Document/designMode) editor.
+- [input](/en-US/docs/Web/API/Element/input_event) events are fired also on editing host element of [contenteditable](/en-US/docs/Web/API/HTMLElement/contentEditable) editor and root element of [designMode](/en-US/docs/Web/API/Document/designMode) editor.
 - {{domxref("DOMException", "DOMException.code")}} is now deprecated per latest DOM Level 4 specification.
 - The {{domxref("Range.insertNode()")}} method now works correctly when used on collapsed ranges.
 - The `MozBlobBuilder` interface has been deprecated in favor of the constructor on {{domxref("Blob")}}. If you use `MozBlobBuilder` you'll see a warning message in the Web Console.
diff --git a/files/en-us/mozilla/firefox/releases/87/index.md b/files/en-us/mozilla/firefox/releases/87/index.md
index 52b35967c3a4432..1af3110d53337c5 100644
--- a/files/en-us/mozilla/firefox/releases/87/index.md
+++ b/files/en-us/mozilla/firefox/releases/87/index.md
@@ -69,7 +69,7 @@ _No changes._
 
 #### DOM
 
-- The {{domxref("HTMLElement.beforeinput_event", "beforeinput")}} event and {{domxref('InputEvent.getTargetRanges()', 'getTargetRanges()')}} method are now enabled by default. They allow web apps to override text edit behavior before the browser modifies the DOM tree, and provide more control over input events to improve performance. The global `beforeinput` event is sent to an {{HTMLElement("input")}} element — or any element whose [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes#contenteditable) attribute is set to `true` — immediately before the element's value changes. The `getTargetRanges()` method of the {{domxref("InputEvent")}} interface returns an array of static ranges that will be affected by a change to the DOM if the input event is not canceled.
+- The {{domxref("Element.beforeinput_event", "beforeinput")}} event and {{domxref('InputEvent.getTargetRanges()', 'getTargetRanges()')}} method are now enabled by default. They allow web apps to override text edit behavior before the browser modifies the DOM tree, and provide more control over input events to improve performance. The global `beforeinput` event is sent to an {{HTMLElement("input")}} element — or any element whose [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes#contenteditable) attribute is set to `true` — immediately before the element's value changes. The `getTargetRanges()` method of the {{domxref("InputEvent")}} interface returns an array of static ranges that will be affected by a change to the DOM if the input event is not canceled.
 
 ### WebDriver conformance (Marionette)
 
diff --git a/files/en-us/web/accessibility/understanding_wcag/understandable/index.md b/files/en-us/web/accessibility/understanding_wcag/understandable/index.md
index a7860d2bd33bd08..f15e29065008696 100644
--- a/files/en-us/web/accessibility/understanding_wcag/understandable/index.md
+++ b/files/en-us/web/accessibility/understanding_wcag/understandable/index.md
@@ -212,7 +212,7 @@ This guideline focuses on making user interfaces intuitive and understandable.
         </p>
       </td>
       <td>
-        The {{domxref("HTMLElement/input_event", "input")}} event is useful here.
+        The {{domxref("Element/input_event", "input")}} event is useful here.
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/api/beforeunloadevent/index.md b/files/en-us/web/api/beforeunloadevent/index.md
index 9bd6f41cc443854..e9b00e6b86a1292 100644
--- a/files/en-us/web/api/beforeunloadevent/index.md
+++ b/files/en-us/web/api/beforeunloadevent/index.md
@@ -34,7 +34,7 @@ In the following example we have an HTML text {{htmlelement("input")}} to repres
 </form>
 ```
 
-Our JavaScript attaches an {{domxref("HTMLElement.input_event", "input")}} event listener to the `<input>` element that listens for changes in the inputted value. When the value is updated to a non-empty value, a {{domxref("Window.beforeunload_event", "beforeunload")}} event listener is attached to the {{domxref("Window")}} object.
+Our JavaScript attaches an {{domxref("Element/input_event", "input")}} event listener to the `<input>` element that listens for changes in the inputted value. When the value is updated to a non-empty value, a {{domxref("Window.beforeunload_event", "beforeunload")}} event listener is attached to the {{domxref("Window")}} object.
 
 If the value becomes an empty string again (i.e. the value is deleted), the `beforeunload` event listener is removed again — as mentioned above in the [Usage notes](#usage_notes), the listener should be removed when there is no unsaved data to warn about.
 
diff --git a/files/en-us/web/api/document/execcommand/index.md b/files/en-us/web/api/document/execcommand/index.md
index 337b054d7b69be8..0531d2c4afd6578 100644
--- a/files/en-us/web/api/document/execcommand/index.md
+++ b/files/en-us/web/api/document/execcommand/index.md
@@ -16,7 +16,7 @@ To access the clipboard, the newer [Clipboard API](/en-US/docs/Web/API/Clipboard
 
 Most commands affect the document's [selection](/en-US/docs/Web/API/Selection). For example, some commands (bold, italics, etc.) format the currently selected text, while others delete the selection, insert new elements (replacing the selection) or affect an entire line (indenting). Only the currently active editable element can be modified, but some commands (e.g. `copy`) can work without an editable element.
 
-> **Note:** Modifications performed by `execCommand()` may or may not trigger [`beforeinput`](/en-US/docs/Web/API/HTMLElement/beforeinput_event) and [`input`](/en-US/docs/Web/API/HTMLElement/input_event) events, depending on the browser and configuration. If triggered, the handlers for the events will run before `execCommand()` returns. Authors need to be careful about such recursive calls, especially if they call `execCommand()` in response to these events. From Firefox 82, nested `execCommand()` calls will always fail, see [bug 1634262](https://bugzil.la/1634262).
+> **Note:** Modifications performed by `execCommand()` may or may not trigger {{domxref("Element/beforeinput_event", "beforeinput")}} and {{domxref("Element/input_event", "input")}} events, depending on the browser and configuration. If triggered, the handlers for the events will run before `execCommand()` returns. Authors need to be careful about such recursive calls, especially if they call `execCommand()` in response to these events. From Firefox 82, nested `execCommand()` calls will always fail, see [bug 1634262](https://bugzil.la/1634262).
 
 ## Syntax
 
diff --git a/files/en-us/web/api/htmlelement/beforeinput_event/index.md b/files/en-us/web/api/element/beforeinput_event/index.md
similarity index 86%
rename from files/en-us/web/api/htmlelement/beforeinput_event/index.md
rename to files/en-us/web/api/element/beforeinput_event/index.md
index 408d0191f25f6d5..dd5276d60f212bc 100644
--- a/files/en-us/web/api/htmlelement/beforeinput_event/index.md
+++ b/files/en-us/web/api/element/beforeinput_event/index.md
@@ -1,14 +1,14 @@
 ---
-title: "HTMLElement: beforeinput event"
+title: "Element: beforeinput event"
 short-title: beforeinput
-slug: Web/API/HTMLElement/beforeinput_event
+slug: Web/API/Element/beforeinput_event
 page-type: web-api-event
-browser-compat: api.HTMLElement.beforeinput_event
+browser-compat: api.Element.beforeinput_event
 ---
 
 {{APIRef}}
 
-The DOM **`beforeinput`** event fires when the value of an {{HTMLElement("input")}} or {{HTMLElement("textarea")}} element is about to be modified. But in contrast to the {{domxref("HTMLElement/input_event", "input")}} event, it does not fire on the {{HTMLElement("select")}} element. The event also applies to elements with {{domxref("HTMLElement.contentEditable", "contenteditable")}} enabled, and to any element when {{domxref("Document.designMode", "designMode")}} is turned on.
+The DOM **`beforeinput`** event fires when the value of an {{HTMLElement("input")}} or {{HTMLElement("textarea")}} element is about to be modified. But in contrast to the {{domxref("Element/input_event", "input")}} event, it does not fire on the {{HTMLElement("select")}} element. The event also applies to elements with {{domxref("HTMLElement.contentEditable", "contenteditable")}} enabled, and to any element when {{domxref("Document.designMode", "designMode")}} is turned on.
 
 This allows web apps to override text edit behavior before the browser modifies the DOM tree, and provides more control over input events to improve performance.
 
@@ -98,4 +98,4 @@ function updateValue(e) {
 
 ## See also
 
-- Related event: [`input`](/en-US/docs/Web/API/HTMLElement/input_event)
+- Related event: {{domxref("Element/input_event", "input")}}
diff --git a/files/en-us/web/api/htmlelement/input_event/index.md b/files/en-us/web/api/element/input_event/index.md
similarity index 95%
rename from files/en-us/web/api/htmlelement/input_event/index.md
rename to files/en-us/web/api/element/input_event/index.md
index 3b397ffd1e79063..9a22043cac7bc22 100644
--- a/files/en-us/web/api/htmlelement/input_event/index.md
+++ b/files/en-us/web/api/element/input_event/index.md
@@ -1,9 +1,9 @@
 ---
-title: "HTMLElement: input event"
+title: "Element: input event"
 short-title: input
-slug: Web/API/HTMLElement/input_event
+slug: Web/API/Element/input_event
 page-type: web-api-event
-browser-compat: api.HTMLElement.input_event
+browser-compat: api.Element.input_event
 ---
 
 {{APIRef}}
@@ -87,6 +87,6 @@ function updateValue(e) {
 
 - Related events
 
-  - {{domxref("HTMLElement/beforeinput_event", "beforeinput")}}
+  - {{domxref("Element/beforeinput_event", "beforeinput")}}
   - {{domxref("HTMLElement/change_event", "change")}}
   - {{domxref("HTMLInputElement/invalid_event", "invalid")}}
diff --git a/files/en-us/web/api/element/keydown_event/index.md b/files/en-us/web/api/element/keydown_event/index.md
index 01b35ca37eb2897..8ebb76a9031eba2 100644
--- a/files/en-us/web/api/element/keydown_event/index.md
+++ b/files/en-us/web/api/element/keydown_event/index.md
@@ -117,6 +117,6 @@ input.onkeydown = logKey;
 
 ## See also
 
-- [`input`](/en-US/docs/Web/API/HTMLElement/input_event)
+- [`input`](/en-US/docs/Web/API/Element/input_event)
 - [`keypress`](/en-US/docs/Web/API/Element/keypress_event)
 - [`keyup`](/en-US/docs/Web/API/Element/keyup_event)
diff --git a/files/en-us/web/api/element/keypress_event/index.md b/files/en-us/web/api/element/keypress_event/index.md
index 85d271bf49886f9..6c979d69f0c2a21 100644
--- a/files/en-us/web/api/element/keypress_event/index.md
+++ b/files/en-us/web/api/element/keypress_event/index.md
@@ -14,7 +14,7 @@ The **`keypress`** event is fired when a key that produces a character value is
 
 Examples of keys that produce a character value are alphabetic, numeric, and punctuation keys. Examples of keys that don't produce a character value are modifier keys such as <kbd>Alt</kbd>, <kbd>Shift</kbd>, <kbd>Ctrl</kbd>, or <kbd>Meta</kbd>.
 
-> **Warning:** Since this event has been deprecated, you should use [`beforeinput`](/en-US/docs/Web/API/HTMLElement/beforeinput_event) or [`keydown`](/en-US/docs/Web/API/Element/keydown_event) instead.
+> **Warning:** Since this event has been deprecated, you should use [`beforeinput`](/en-US/docs/Web/API/Element/beforeinput_event) or [`keydown`](/en-US/docs/Web/API/Element/keydown_event) instead.
 
 ## Syntax
 
@@ -112,6 +112,6 @@ input.onkeypress = logKey;
 - The {{domxref("Document")}} interface, which the event also targets.
 - Related events:
 
-  - [`input`](/en-US/docs/Web/API/HTMLElement/input_event)
+  - [`input`](/en-US/docs/Web/API/Element/input_event)
   - [`keydown`](/en-US/docs/Web/API/Element/keydown_event)
   - [`keyup`](/en-US/docs/Web/API/Element/keyup_event)
diff --git a/files/en-us/web/api/element/keyup_event/index.md b/files/en-us/web/api/element/keyup_event/index.md
index 4c9ca0e3e858654..772ba8952633d48 100644
--- a/files/en-us/web/api/element/keyup_event/index.md
+++ b/files/en-us/web/api/element/keyup_event/index.md
@@ -115,6 +115,6 @@ input.onkeyup = logKey;
 
 ## See also
 
-- [`input`](/en-US/docs/Web/API/HTMLElement/input_event)
+- [`input`](/en-US/docs/Web/API/Element/input_event)
 - [`keydown`](/en-US/docs/Web/API/Element/keydown_event)
 - [`keypress`](/en-US/docs/Web/API/Element/keypress_event)
diff --git a/files/en-us/web/api/html_dom_api/index.md b/files/en-us/web/api/html_dom_api/index.md
index d60eca1e0307033..922717a9242238d 100644
--- a/files/en-us/web/api/html_dom_api/index.md
+++ b/files/en-us/web/api/html_dom_api/index.md
@@ -298,7 +298,7 @@ The {{domxref("EventSource")}} interface represents the source which sent or is
 
 ## Examples
 
-In this example, an {{HTMLElement("input")}} element's {{domxref("HTMLElement/input_event", "input")}} event is monitored in order to update the state of a form's "submit" button based on whether or not a given field currently has a value.
+In this example, an {{HTMLElement("input")}} element's {{domxref("Element/input_event", "input")}} event is monitored in order to update the state of a form's "submit" button based on whether or not a given field currently has a value.
 
 ### JavaScript
 
diff --git a/files/en-us/web/api/htmlelement/change_event/index.md b/files/en-us/web/api/htmlelement/change_event/index.md
index 001202baed2217f..e9c9c8a773744fa 100644
--- a/files/en-us/web/api/htmlelement/change_event/index.md
+++ b/files/en-us/web/api/htmlelement/change_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.HTMLElement.change_event
 
 {{APIRef}}
 
-The `change` event is fired for {{HTMLElement("input")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}} elements when the user modifies the element's value. Unlike the {{domxref("HTMLElement/input_event", "input")}} event, the `change` event is not necessarily fired for each alteration to an element's `value`.
+The `change` event is fired for {{HTMLElement("input")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}} elements when the user modifies the element's value. Unlike the {{domxref("Element/input_event", "input")}} event, the `change` event is not necessarily fired for each alteration to an element's `value`.
 
 Depending on the kind of element being changed and the way the user interacts with the element, the `change` event fires at a different moment:
 
diff --git a/files/en-us/web/api/htmlelement/index.md b/files/en-us/web/api/htmlelement/index.md
index fdf5a77b1162404..9883dd5d8052daa 100644
--- a/files/en-us/web/api/htmlelement/index.md
+++ b/files/en-us/web/api/htmlelement/index.md
@@ -105,6 +105,8 @@ _Also, inherits events from its parent, {{DOMxRef("Element")}}._
 
 - {{DOMxRef("HTMLElement/cancel_event", "cancel")}}
   - : Fired for {{HTMLElement("input")}} and {{HTMLElement("dialog")}} elements when the user cancels the currently open dialog by closing it with the <kbd>Esc</kbd> key.
+- {{DOMxRef("HTMLElement/change_event", "change")}}
+  - : Fired when the `value` of an {{HTMLElement("input")}}, {{HTMLElement("select")}}, or {{HTMLElement("textarea")}} element has been changed and committed by the user. Unlike the {{domxref("Element/input_event", "input")}} event, the `change` event is not necessarily fired for each alteration to an element's `value`.
 - {{DOMxRef("HTMLElement/error_event", "error")}}
   - : Fired when a resource failed to load, or can't be used.
 - {{DOMxRef("HTMLElement/load_event", "load")}}
@@ -136,15 +138,6 @@ _Also, inherits events from its parent, {{DOMxRef("Element")}}._
 - {{DOMxRef("HTMLElement/drop_event", "drop")}}
   - : This event is fired when an element or text selection is dropped on a valid drop target.
 
-### Input events
-
-- {{DOMxRef("HTMLElement/beforeinput_event", "beforeinput")}}
-  - : Fired when the value of an {{HTMLElement("input")}}, {{HTMLElement("select")}}, or {{HTMLElement("textarea")}} element is about to be modified.
-- {{DOMxRef("HTMLElement/input_event", "input")}}
-  - : Fired when the `value` of an {{HTMLElement("input")}}, {{HTMLElement("select")}}, or {{HTMLElement("textarea")}} element has been changed.
-- {{DOMxRef("HTMLElement/change_event", "change")}}
-  - : Fired when the `value` of an {{HTMLElement("input")}}, {{HTMLElement("select")}}, or {{HTMLElement("textarea")}} element has been changed and committed by the user. Unlike the {{domxref("HTMLElement/input_event", "input")}} event, the `change` event is not necessarily fired for each alteration to an element's `value`.
-
 ### Popover events
 
 - {{DOMxRef("HTMLElement/beforetoggle_event", "beforetoggle")}}
diff --git a/files/en-us/web/api/htmlselectelement/index.md b/files/en-us/web/api/htmlselectelement/index.md
index 6b4874582a8d1e0..c749a10dc0f3f3e 100644
--- a/files/en-us/web/api/htmlselectelement/index.md
+++ b/files/en-us/web/api/htmlselectelement/index.md
@@ -77,7 +77,7 @@ Listen to these events using {{domxref("EventTarget/addEventListener", "addEvent
 
 - {{domxref("HTMLElement/change_event", "change")}} event
   - : Fires when the user selects an option.
-- {{domxref("HTMLElement/input_event", "input")}} event
+- {{domxref("Element/input_event", "input")}} event
   - : Fires when the `value` of an {{HTMLElement("input")}}, {{HTMLElement("select")}}, or {{HTMLElement("textarea")}} element has been changed.
 
 ## Example
diff --git a/files/en-us/web/api/inputevent/data/index.md b/files/en-us/web/api/inputevent/data/index.md
index 3b2b0c2c3c87758..41ad1b48bb771c3 100644
--- a/files/en-us/web/api/inputevent/data/index.md
+++ b/files/en-us/web/api/inputevent/data/index.md
@@ -19,7 +19,7 @@ A string.
 
 ## Examples
 
-In the following example, an event listener receives the [input](/en-US/docs/Web/API/HTMLElement/input_event) event. Any textual change
+In the following example, an event listener receives the [input](/en-US/docs/Web/API/Element/input_event) event. Any textual change
 to the {{htmlelement("input")}} element is retrieved by `InputEvent.data` and
 inserted into a paragraph using the
 [`Node.textContent`](/en-US/docs/Web/API/Node/textContent)
diff --git a/files/en-us/web/api/inputevent/datatransfer/index.md b/files/en-us/web/api/inputevent/datatransfer/index.md
index 01aec2fe5681c6f..98d5ff91abe76f0 100644
--- a/files/en-us/web/api/inputevent/datatransfer/index.md
+++ b/files/en-us/web/api/inputevent/datatransfer/index.md
@@ -19,7 +19,7 @@ A {{domxref("DataTransfer")}} object.
 
 ## Examples
 
-In the following simple example we've set up an event listener on the [input](/en-US/docs/Web/API/HTMLElement/input_event) event so that when any
+In the following simple example we've set up an event listener on the [input](/en-US/docs/Web/API/Element/input_event) event so that when any
 content is pasted into the contenteditable {{htmlelement("p")}} element, its HTML source
 is retrieved via the
 [`InputEvent.dataTransfer.getData()`](/en-US/docs/Web/API/DataTransfer/getData)
diff --git a/files/en-us/web/api/inputevent/gettargetranges/index.md b/files/en-us/web/api/inputevent/gettargetranges/index.md
index 8cfe5ae723ed2ec..d68bcd421397cfc 100644
--- a/files/en-us/web/api/inputevent/gettargetranges/index.md
+++ b/files/en-us/web/api/inputevent/gettargetranges/index.md
@@ -83,7 +83,7 @@ function isBeforeInputEventAvailable() {
 ### Basic usage
 
 The following example selects a `contenteditable` element and utilizes the
-[`beforeinput`](/en-US/docs/Web/API/HTMLElement/beforeinput_event)
+[`beforeinput`](/en-US/docs/Web/API/Element/beforeinput_event)
 event to log the result of `getTargetRanges()`.
 
 ```js
diff --git a/files/en-us/web/api/inputevent/index.md b/files/en-us/web/api/inputevent/index.md
index d28b06fa39d93d8..6310249ed0120b1 100644
--- a/files/en-us/web/api/inputevent/index.md
+++ b/files/en-us/web/api/inputevent/index.md
@@ -46,5 +46,5 @@ _This interface inherits methods from its parents, {{DOMxRef("UIEvent")}} and {{
 
 ## See also
 
-- [`beforeinput` event](/en-US/docs/Web/API/HTMLElement/beforeinput_event)
-- [`input` event](/en-US/docs/Web/API/HTMLElement/input_event)
+- [`beforeinput` event](/en-US/docs/Web/API/Element/beforeinput_event)
+- [`input` event](/en-US/docs/Web/API/Element/input_event)
diff --git a/files/en-us/web/api/inputevent/inputtype/index.md b/files/en-us/web/api/inputevent/inputtype/index.md
index 4441756d51b9400..fd5d167a35c3abd 100644
--- a/files/en-us/web/api/inputevent/inputtype/index.md
+++ b/files/en-us/web/api/inputevent/inputtype/index.md
@@ -21,7 +21,7 @@ available input types, see the [Attributes section of the Input Events Level 2 s
 
 ## Examples
 
-This example logs the `inputType` for [input events](/en-US/docs/Web/API/HTMLElement/input_event) on an editable
+This example logs the `inputType` for [input events](/en-US/docs/Web/API/Element/input_event) on an editable
 {{htmlElement("div")}}.
 
 ### HTML
diff --git a/files/en-us/web/api/keyboardevent/index.md b/files/en-us/web/api/keyboardevent/index.md
index 25562e0ed49e810..53690f335290d9d 100644
--- a/files/en-us/web/api/keyboardevent/index.md
+++ b/files/en-us/web/api/keyboardevent/index.md
@@ -9,7 +9,7 @@ browser-compat: api.KeyboardEvent
 
 **`KeyboardEvent`** objects describe a user interaction with the keyboard; each event describes a single interaction between the user and a key (or combination of a key with modifier keys) on the keyboard. The event type ({{domxref("Element/keydown_event", "keydown")}}, {{domxref("Element/keypress_event", "keypress")}}, or {{domxref("Element/keyup_event", "keyup")}}) identifies what kind of keyboard activity occurred.
 
-> **Note:** `KeyboardEvent` events just indicate what interaction the user had with a key on the keyboard at a low level, providing no contextual meaning to that interaction. When you need to handle text input, use the {{domxref("HTMLElement/input_event", "input")}} event instead. Keyboard events may not be fired if the user is using an alternate means of entering text, such as a handwriting system on a tablet or graphics tablet.
+> **Note:** `KeyboardEvent` events just indicate what interaction the user had with a key on the keyboard at a low level, providing no contextual meaning to that interaction. When you need to handle text input, use the {{domxref("Element/input_event", "input")}} event instead. Keyboard events may not be fired if the user is using an alternate means of entering text, such as a handwriting system on a tablet or graphics tablet.
 
 {{InheritanceDiagram}}
 
diff --git a/files/en-us/web/api/keyboardevent/key/index.md b/files/en-us/web/api/keyboardevent/key/index.md
index 2cbaecba413c405..b03478baacf4a6f 100644
--- a/files/en-us/web/api/keyboardevent/key/index.md
+++ b/files/en-us/web/api/keyboardevent/key/index.md
@@ -32,7 +32,7 @@ Its value is determined as follows:
 Every `KeyboardEvent` is fired in a pre-determined sequence. For a given key press, the sequence of `KeyboardEvent`s fired is as follows assuming that {{domxref("Event.preventDefault")}} is not called:
 
 1. A {{domxref("Element/keydown_event", "keydown")}} event is first fired. If the key is held down further and the key produces a character key, then the event continues to be emitted in a platform implementation dependent interval and the {{domxref("KeyboardEvent.repeat")}} read only property is set to `true`.
-2. If the key produces a character key that would result in a character being inserted into possibly an {{HTMLElement("input")}}, {{HTMLElement("textarea")}} or an element with {{domxref("HTMLElement.contentEditable")}} set to true, the {{domxref("HTMLElement/beforeinput_event", "beforeinput")}} and {{domxref("HTMLElement/input_event", "input")}} event types are fired in that order. Note that some other implementations may fire {{domxref("Element/keypress_event", "keypress")}} event if supported. The events will be fired repeatedly while the key is held down.
+2. If the key produces a character key that would result in a character being inserted into possibly an {{HTMLElement("input")}}, {{HTMLElement("textarea")}} or an element with {{domxref("HTMLElement.contentEditable")}} set to true, the {{domxref("Element/beforeinput_event", "beforeinput")}} and {{domxref("Element/input_event", "input")}} event types are fired in that order. Note that some other implementations may fire {{domxref("Element/keypress_event", "keypress")}} event if supported. The events will be fired repeatedly while the key is held down.
 3. A {{domxref("Element/keyup_event", "keyup")}} event is fired once the key is released. This completes the process.
 
 In sequence 1 & 3, the `KeyboardEvent.key` attribute is defined and is set appropriately to a value according to the rules defined earlier.
@@ -165,13 +165,13 @@ btnReset.addEventListener("click", (e) => {
 
 {{EmbedLiveSample('KeyboardEvent_sequence_example')}}
 
-> **Note:** On browsers that don't fully implement the {{domxref("InputEvent")}} interface which is used for the {{domxref("HTMLElement/beforeinput_event", "beforeinput")}} and {{domxref("HTMLElement/input_event", "input")}} events, you may get incorrect output on those lines of the log output.
+> **Note:** On browsers that don't fully implement the {{domxref("InputEvent")}} interface which is used for the {{domxref("Element/beforeinput_event", "beforeinput")}} and {{domxref("Element/input_event", "input")}} events, you may get incorrect output on those lines of the log output.
 
 ### Case 1
 
 When the shift key is pressed, a {{domxref("Element/keydown_event", "keydown")}} event is first fired, and the `key` property value is set to the string `Shift`. As we keep holding this key, the {{domxref("Element/keydown_event", "keydown")}} event does not continue to fire repeatedly because it does not produce a character key.
 
-When `key 2` is pressed, another {{domxref("Element/keydown_event", "keydown")}} event is fired for this new key press, and the `key` property value for the event is set to the string `@` for the U.S keyboard type and `"` for the UK keyboard type, because of the active modifier `shift` key. The {{domxref("HTMLElement/beforeinput_event", "beforeinput")}} and {{domxref("HTMLElement/input_event", "input")}} events are fired next because a character key has been produced.
+When `key 2` is pressed, another {{domxref("Element/keydown_event", "keydown")}} event is fired for this new key press, and the `key` property value for the event is set to the string `@` for the U.S keyboard type and `"` for the UK keyboard type, because of the active modifier `shift` key. The {{domxref("Element/beforeinput_event", "beforeinput")}} and {{domxref("Element/input_event", "input")}} events are fired next because a character key has been produced.
 
 As we release the `key 2`, a {{domxref("Element/keyup_event", "keyup")}} event is fired and the `key` property will maintain the string values `@` and `"` for the different keyboard layouts respectively.
 
@@ -181,9 +181,9 @@ As we finally release the `shift` key, another {{domxref("Element/keyup_event",
 
 When the shift key is pressed, a {{domxref("Element/keydown_event", "keydown")}} event is first fired, and the `key` property value is set to be the string `Shift`. As we keep holding this key, the keydown event does not continue to fire repeatedly because it produced no character key.
 
-When `key 2` is pressed, another {{domxref("Element/keydown_event", "keydown")}} event is fired for this new key press, and the `key` property value for the event is set to be the string `@` for the U.S keyboard type and `"` for the UK keyboard type, because of the active modifier `shift` key. The {{domxref("HTMLElement/beforeinput_event", "beforeinput")}} and {{domxref("HTMLElement/input_event", "input")}} events are fired next because a character key has been produced. As we keep holding the key, the {{domxref("Element/keydown_event", "keydown")}} event continues to fire repeatedly and the {{domxref("KeyboardEvent.repeat")}} property is set to `true`. The {{domxref("HTMLElement/beforeinput_event", "beforeinput")}} and {{domxref("HTMLElement/input_event", "input")}} events are fired repeatedly as well.
+When `key 2` is pressed, another {{domxref("Element/keydown_event", "keydown")}} event is fired for this new key press, and the `key` property value for the event is set to be the string `@` for the U.S keyboard type and `"` for the UK keyboard type, because of the active modifier `shift` key. The {{domxref("Element/beforeinput_event", "beforeinput")}} and {{domxref("Element/input_event", "input")}} events are fired next because a character key has been produced. As we keep holding the key, the {{domxref("Element/keydown_event", "keydown")}} event continues to fire repeatedly and the {{domxref("KeyboardEvent.repeat")}} property is set to `true`. The {{domxref("Element/beforeinput_event", "beforeinput")}} and {{domxref("Element/input_event", "input")}} events are fired repeatedly as well.
 
-As we release the `shift` key, a {{domxref("Element/keyup_event", "keyup")}} event is fired for it, and the key attribute value remains `Shift`. At this point, notice that the `key` property value for the repeating keydown event of the `key 2` key press is now "2" because the modifier `shift` key is no longer active. The same goes for the {{domxref("InputEvent.data")}} property of the {{domxref("HTMLElement/beforeinput_event", "beforeinput")}} and {{domxref("HTMLElement/input_event", "input")}} events.
+As we release the `shift` key, a {{domxref("Element/keyup_event", "keyup")}} event is fired for it, and the key attribute value remains `Shift`. At this point, notice that the `key` property value for the repeating keydown event of the `key 2` key press is now "2" because the modifier `shift` key is no longer active. The same goes for the {{domxref("InputEvent.data")}} property of the {{domxref("Element/beforeinput_event", "beforeinput")}} and {{domxref("Element/input_event", "input")}} events.
 
 As we finally release the `key 2`, a {{domxref("Element/keyup_event", "keyup")}} event is fired but the `key` property will be set to the string value `2` for both keyboard layouts because the modifier `shift` key is no longer active.
 
diff --git a/files/en-us/web/api/performanceeventtiming/index.md b/files/en-us/web/api/performanceeventtiming/index.md
index 687be0648cdb557..2f98e96ca2c45b6 100644
--- a/files/en-us/web/api/performanceeventtiming/index.md
+++ b/files/en-us/web/api/performanceeventtiming/index.md
@@ -61,8 +61,8 @@ The following event types are exposed by the Event Timing API:
     <tr>
       <th scope="row">Input events</th>
       <td>
-        {{domxref("HTMLElement/beforeinput_event", "beforeinput")}},
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/beforeinput_event", "beforeinput")}},
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/api/web_audio_api/controlling_multiple_parameters_with_constantsourcenode/index.md b/files/en-us/web/api/web_audio_api/controlling_multiple_parameters_with_constantsourcenode/index.md
index 973863612eb947e..e7ae460332fe8dd 100644
--- a/files/en-us/web/api/web_audio_api/controlling_multiple_parameters_with_constantsourcenode/index.md
+++ b/files/en-us/web/api/web_audio_api/controlling_multiple_parameters_with_constantsourcenode/index.md
@@ -157,7 +157,7 @@ Once all the gain nodes are created, we create the {{domxref("ConstantSourceNode
 
 Finally, we connect all the gain nodes to the {{domxref("AudioContext")}}'s {{domxref("BaseAudioContext/destination", "destination")}}, so that any sound delivered to the gain nodes will reach the output, whether that output be speakers, headphones, a recording stream, or any other destination type.
 
-Then we assign a handler for the volume slider's {{domxref("HTMLElement/input_event", "input")}} event (see [Controlling the linked oscillators](#controlling_the_linked_oscillators) to see the very short `changeVolume()` method).
+Then we assign a handler for the volume slider's {{domxref("Element/input_event", "input")}} event (see [Controlling the linked oscillators](#controlling_the_linked_oscillators) to see the very short `changeVolume()` method).
 
 Right after declaring the `setup()` function, we add a handler to the play checkbox's {{domxref("HTMLElement/change_event", "change")}} event (see [Toggling the oscillators on and off](#toggling_the_oscillators_on_and_off) for more on the `togglePlay()` method), and the stage is set. Let's see how the action plays out.
 
diff --git a/files/en-us/web/api/window/beforeunload_event/index.md b/files/en-us/web/api/window/beforeunload_event/index.md
index 87ee2f7d1a7dfe8..b6cf00bccb072cc 100644
--- a/files/en-us/web/api/window/beforeunload_event/index.md
+++ b/files/en-us/web/api/window/beforeunload_event/index.md
@@ -72,7 +72,7 @@ In the following example we have an HTML text {{htmlelement("input")}} to repres
 </form>
 ```
 
-Our JavaScript attaches an {{domxref("HTMLElement.input_event", "input")}} event listener to the `<input>` element that listens for changes in the inputted value. When the value is updated to a non-empty value, a {{domxref("Window.beforeunload_event", "beforeunload")}} event listener is attached to the {{domxref("Window")}} object.
+Our JavaScript attaches an {{domxref("Element/input_event", "input")}} event listener to the `<input>` element that listens for changes in the inputted value. When the value is updated to a non-empty value, a {{domxref("Window.beforeunload_event", "beforeunload")}} event listener is attached to the {{domxref("Window")}} object.
 
 If the value becomes an empty string again (i.e. the value is deleted), the `beforeunload` event listener is removed again — as mentioned above in the [Usage notes](#usage_notes), the listener should be removed when there is no unsaved data to warn about.
 
diff --git a/files/en-us/web/css/css_colors/applying_color/index.md b/files/en-us/web/css/css_colors/applying_color/index.md
index 746477aa8a57a47..050ddb5a497c4ff 100644
--- a/files/en-us/web/css/css_colors/applying_color/index.md
+++ b/files/en-us/web/css/css_colors/applying_color/index.md
@@ -573,7 +573,7 @@ colorPicker.addEventListener(
 );
 ```
 
-The {{domxref("HTMLElement/input_event", "input")}} event is sent every time the value of the element changes; that is, every time the user adjusts the color in the color picker. Each time this event arrives, we set the box's border color to match the color picker's current value.
+The {{domxref("Element/input_event", "input")}} event is sent every time the value of the element changes; that is, every time the user adjusts the color in the color picker. Each time this event arrives, we set the box's border color to match the color picker's current value.
 
 The {{domxref("HTMLElement/change_event", "change")}} event is received when the color picker's value is finalized. We respond by setting the contents of the `<p>` element with the ID `"output"` to a string describing the finally selected color.
 
diff --git a/files/en-us/web/html/element/input/checkbox/index.md b/files/en-us/web/html/element/input/checkbox/index.md
index d7d602a457d4bc6..b64f82f4947891d 100644
--- a/files/en-us/web/html/element/input/checkbox/index.md
+++ b/files/en-us/web/html/element/input/checkbox/index.md
@@ -286,7 +286,7 @@ otherCheckbox.addEventListener("change", () => {
     </tr>
     <tr>
       <td><strong>Events</strong></td>
-      <td>{{domxref("HTMLElement/change_event", "change")}} and {{domxref("HTMLElement/input_event", "input")}}</td>
+      <td>{{domxref("HTMLElement/change_event", "change")}} and {{domxref("Element/input_event", "input")}}</td>
     </tr>
     <tr>
       <td><strong>Supported common attributes</strong></td>
diff --git a/files/en-us/web/html/element/input/color/index.md b/files/en-us/web/html/element/input/color/index.md
index e01fb37fea1fb2d..5fc5602fe073a5b 100644
--- a/files/en-us/web/html/element/input/color/index.md
+++ b/files/en-us/web/html/element/input/color/index.md
@@ -39,7 +39,7 @@ If you don't specify a value, the default is `#000000`, which is black. The valu
 
 ### Tracking color changes
 
-As is the case with other {{HTMLElement("input")}} types, there are two events that can be used to detect changes to the color value: {{domxref("HTMLElement/input_event", "input")}} and {{domxref("HTMLElement/change_event", "change")}}. `input` is fired on the `<input>` element every time the color changes. The `change` event is fired when the user dismisses the color picker. In both cases, you can determine the new value of the element by looking at its [`value`](/en-US/docs/Web/HTML/Element/input#value).
+As is the case with other {{HTMLElement("input")}} types, there are two events that can be used to detect changes to the color value: {{domxref("Element/input_event", "input")}} and {{domxref("HTMLElement/change_event", "change")}}. `input` is fired on the `<input>` element every time the color changes. The `change` event is fired when the user dismisses the color picker. In both cases, you can determine the new value of the element by looking at its [`value`](/en-US/docs/Web/HTML/Element/input#value).
 
 Here's an example that watches changes over time to the color value:
 
@@ -70,7 +70,7 @@ A color input's value is considered to be invalid if the {{Glossary("user agent"
 
 ## Example
 
-Let's create an example which does a little more with the color input by tracking the {{domxref("HTMLElement/change_event", "change")}} and {{domxref("HTMLElement/input_event", "input")}} events to take the new color and apply it to every {{HTMLElement("p")}} element in the document.
+Let's create an example which does a little more with the color input by tracking the {{domxref("HTMLElement/change_event", "change")}} and {{domxref("Element/input_event", "input")}} events to take the new color and apply it to every {{HTMLElement("p")}} element in the document.
 
 ### HTML
 
@@ -119,7 +119,7 @@ function startup() {
 }
 ```
 
-This gets a reference to the color `<input>` element in a variable called `colorPicker`, then sets the color input's value to the value in `defaultColor`. Then the color input's {{domxref("HTMLElement/input_event", "input")}} event is set up to call our `updateFirst()` function, and the {{domxref("HTMLElement/change_event", "change")}} event is set to call `updateAll()`. These are both seen below.
+This gets a reference to the color `<input>` element in a variable called `colorPicker`, then sets the color input's value to the value in `defaultColor`. Then the color input's {{domxref("Element/input_event", "input")}} event is set up to call our `updateFirst()` function, and the {{domxref("HTMLElement/change_event", "change")}} event is set to call `updateAll()`. These are both seen below.
 
 Finally, we call {{domxref("HTMLInputElement.select", "select()")}} to select the text content of the color input if the control is implemented as a text field (this has no effect if a color picker interface is provided instead).
 
@@ -169,7 +169,7 @@ The final result looks like this:
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/date/index.md b/files/en-us/web/html/element/input/date/index.md
index 57c5679b52f965b..f644f622ffcf4d8 100644
--- a/files/en-us/web/html/element/input/date/index.md
+++ b/files/en-us/web/html/element/input/date/index.md
@@ -444,7 +444,7 @@ daySelect.onchange = () => {
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/datetime-local/index.md b/files/en-us/web/html/element/input/datetime-local/index.md
index 6e8e8578007a2c5..780e2761e5eb75d 100644
--- a/files/en-us/web/html/element/input/datetime-local/index.md
+++ b/files/en-us/web/html/element/input/datetime-local/index.md
@@ -222,7 +222,7 @@ The valid range included all times between the `min` and `max` values; the time
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/email/index.md b/files/en-us/web/html/element/input/email/index.md
index e70453e5074cf8f..6834d0f059e9378 100644
--- a/files/en-us/web/html/element/input/email/index.md
+++ b/files/en-us/web/html/element/input/email/index.md
@@ -339,7 +339,7 @@ As an added touch, the {{HTMLElement("label")}} element is used to establish a l
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/file/index.md b/files/en-us/web/html/element/input/file/index.md
index 086e962a8834bc1..d458a44376e1ba5 100644
--- a/files/en-us/web/html/element/input/file/index.md
+++ b/files/en-us/web/html/element/input/file/index.md
@@ -427,7 +427,7 @@ The example looks like this; have a play:
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}},
-        {{domxref("HTMLElement/input_event", "input")}} and
+        {{domxref("Element/input_event", "input")}} and
         {{domxref("HTMLElement/cancel_event", "cancel")}}
       </td>
     </tr>
diff --git a/files/en-us/web/html/element/input/hidden/index.md b/files/en-us/web/html/element/input/hidden/index.md
index e67db8de9c09a5c..e45bc0da230b09a 100644
--- a/files/en-us/web/html/element/input/hidden/index.md
+++ b/files/en-us/web/html/element/input/hidden/index.md
@@ -9,7 +9,7 @@ browser-compat: html.elements.input.type_hidden
 
 {{HTMLElement("input")}} elements of type **`hidden`** let web developers include data that cannot be seen or modified by users when a form is submitted. For example, the ID of the content that is currently being ordered or edited, or a unique security token. Hidden inputs are completely invisible in the rendered page, and there is no way to make it visible in the page's content.
 
-> **Note:** The {{domxref("HTMLElement/input_event", "input")}} and {{domxref("HTMLElement/change_event", "change")}} events do not apply to this input type. Hidden inputs cannot be focused even using JavaScript (e.g. `hiddenInput.focus()`).
+> **Note:** The {{domxref("Element/input_event", "input")}} and {{domxref("HTMLElement/change_event", "change")}} events do not apply to this input type. Hidden inputs cannot be focused even using JavaScript (e.g. `hiddenInput.focus()`).
 
 ## Value
 
diff --git a/files/en-us/web/html/element/input/month/index.md b/files/en-us/web/html/element/input/month/index.md
index 8714bd6820fe17b..11989a09b1501b8 100644
--- a/files/en-us/web/html/element/input/month/index.md
+++ b/files/en-us/web/html/element/input/month/index.md
@@ -470,7 +470,7 @@ function populateYears() {
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/number/index.md b/files/en-us/web/html/element/input/number/index.md
index f9f46de5c57259a..c184b0a1a30dcab 100644
--- a/files/en-us/web/html/element/input/number/index.md
+++ b/files/en-us/web/html/element/input/number/index.md
@@ -408,7 +408,7 @@ Also consider using the [`autocomplete`](/en-US/docs/Web/HTML/Attributes/autocom
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/password/index.md b/files/en-us/web/html/element/input/password/index.md
index a15a84b25e85952..03bb125201d03b2 100644
--- a/files/en-us/web/html/element/input/password/index.md
+++ b/files/en-us/web/html/element/input/password/index.md
@@ -253,7 +253,7 @@ ssn.oninput = (event) => {
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/radio/index.md b/files/en-us/web/html/element/input/radio/index.md
index 98d5fea0205bbd4..30d91b2db7482c9 100644
--- a/files/en-us/web/html/element/input/radio/index.md
+++ b/files/en-us/web/html/element/input/radio/index.md
@@ -294,7 +294,7 @@ Notice that when clicking on a radio button, there's a nice, smooth fade out/in
     </tr>
     <tr>
       <td><strong>Events</strong></td>
-      <td>{{domxref("HTMLElement/change_event", "change")}} and {{domxref("HTMLElement/input_event", "input")}}</td>
+      <td>{{domxref("HTMLElement/change_event", "change")}} and {{domxref("Element/input_event", "input")}}</td>
     </tr>
     <tr>
       <td><strong>Supported common attributes</strong></td>
diff --git a/files/en-us/web/html/element/input/range/index.md b/files/en-us/web/html/element/input/range/index.md
index 6beae731720dec0..0e9ec4d29204c29 100644
--- a/files/en-us/web/html/element/input/range/index.md
+++ b/files/en-us/web/html/element/input/range/index.md
@@ -353,7 +353,7 @@ input[type="range"][orient="vertical"] {
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/search/index.md b/files/en-us/web/html/element/input/search/index.md
index d236f1baefad8ee..8cd7515eb3a36ed 100644
--- a/files/en-us/web/html/element/input/search/index.md
+++ b/files/en-us/web/html/element/input/search/index.md
@@ -415,7 +415,7 @@ You can see a good example of a search form used in context at our [website-aria
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/tel/index.md b/files/en-us/web/html/element/input/tel/index.md
index 15de15e4d501258..28466cff9d30280 100644
--- a/files/en-us/web/html/element/input/tel/index.md
+++ b/files/en-us/web/html/element/input/tel/index.md
@@ -474,7 +474,7 @@ input:valid + span::after {
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/text/index.md b/files/en-us/web/html/element/input/text/index.md
index 8b200bb7389cfc1..539585556850678 100644
--- a/files/en-us/web/html/element/input/text/index.md
+++ b/files/en-us/web/html/element/input/text/index.md
@@ -388,7 +388,7 @@ You can see good examples of text inputs used in context in our [Your first HTML
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/time/index.md b/files/en-us/web/html/element/input/time/index.md
index 1e87a375c717332..a4717a8e08f4e5c 100644
--- a/files/en-us/web/html/element/input/time/index.md
+++ b/files/en-us/web/html/element/input/time/index.md
@@ -82,7 +82,7 @@ First, a look at the HTML. This is simple enough, with the label and input as we
 </form>
 ```
 
-The JavaScript code adds code to the time input to watch for the {{domxref("HTMLElement/input_event", "input")}} event, which is triggered every time the contents of an input element change. When this happens, the contents of the `<span>` are replaced with the new value of the input element.
+The JavaScript code adds code to the time input to watch for the {{domxref("Element/input_event", "input")}} event, which is triggered every time the contents of an input element change. When this happens, the contents of the `<span>` are replaced with the new value of the input element.
 
 ```js
 const startTime = document.getElementById("startTime");
@@ -509,7 +509,7 @@ minuteSelect.onchange = setMinutesToZero;
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/url/index.md b/files/en-us/web/html/element/input/url/index.md
index 2ba6591c175eb8e..2fb5ed8fdaa94d5 100644
--- a/files/en-us/web/html/element/input/url/index.md
+++ b/files/en-us/web/html/element/input/url/index.md
@@ -348,7 +348,7 @@ You can also find our [pattern validation example on GitHub](https://github.com/
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/input/week/index.md b/files/en-us/web/html/element/input/week/index.md
index 6ef8c791549673d..0eb39c4ab4e5f80 100644
--- a/files/en-us/web/html/element/input/week/index.md
+++ b/files/en-us/web/html/element/input/week/index.md
@@ -332,7 +332,7 @@ function populateWeeks() {
       <td><strong>Events</strong></td>
       <td>
         {{domxref("HTMLElement/change_event", "change")}} and
-        {{domxref("HTMLElement/input_event", "input")}}
+        {{domxref("Element/input_event", "input")}}
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/html/element/select/index.md b/files/en-us/web/html/element/select/index.md
index c94fae9cf8faa68..333adaf3e25940c 100644
--- a/files/en-us/web/html/element/select/index.md
+++ b/files/en-us/web/html/element/select/index.md
@@ -678,6 +678,6 @@ The `<hr>` within a `<select>` should be considered purely decorative, as they a
 
 ## See also
 
-- Events fired by `<select>`: {{domxref("HTMLElement/change_event", "change")}}, {{domxref("HTMLElement/input_event", "input")}}
+- Events fired by `<select>`: {{domxref("HTMLElement/change_event", "change")}}, {{domxref("Element/input_event", "input")}}
 - The {{HTMLElement("option")}} element
 - The {{HTMLElement("optgroup")}} element
diff --git a/files/en-us/web/html/global_attributes/contenteditable/index.md b/files/en-us/web/html/global_attributes/contenteditable/index.md
index c3cf5b09845e32f..939c43fa013d763 100644
--- a/files/en-us/web/html/global_attributes/contenteditable/index.md
+++ b/files/en-us/web/html/global_attributes/contenteditable/index.md
@@ -40,4 +40,4 @@ Elements that are made editable, and therefore interactive, by using the `conten
 - All [global attributes](/en-US/docs/Web/HTML/Global_attributes)
 - {{domxref("HTMLElement.contentEditable")}} and {{domxref("HTMLElement.isContentEditable")}}
 - The CSS {{cssxref("caret-color")}} property
-- [HTMLElement `input` event](/en-US/docs/Web/API/HTMLElement/input_event)
+- [HTMLElement `input` event](/en-US/docs/Web/API/Element/input_event)
diff --git a/files/en-us/web/svg/attribute/begin/index.md b/files/en-us/web/svg/attribute/begin/index.md
index e0f47b3c2e90f22..9d653f9c9e2bebd 100644
--- a/files/en-us/web/svg/attribute/begin/index.md
+++ b/files/en-us/web/svg/attribute/begin/index.md
@@ -71,8 +71,8 @@ The `<begin-value-list>` is a semicolon-separated list of values. Each value can
     - {{domxref("Element/mouseover_event", "mouseover")}}
     - {{domxref("Element/mouseup_event", "mouseup")}}
     - {{domxref("Element/wheel_event","wheel")}}
-    - {{domxref("HTMLElement/beforeinput_event", "beforeinput")}}
-    - {{domxref("HTMLElement/input_event", "input")}}
+    - {{domxref("Element/beforeinput_event", "beforeinput")}}
+    - {{domxref("Element/input_event", "input")}}
     - {{domxref("Element/keydown_event", "keydown")}}
     - {{domxref("Element/keyup_event", "keyup")}}
     - {{domxref("Element/compositionstart_event", "compositionstart")}}
diff --git a/files/en-us/web/svg/attribute/textlength/index.md b/files/en-us/web/svg/attribute/textlength/index.md
index b5d94c834381e8f..77c5ebc64484841 100644
--- a/files/en-us/web/svg/attribute/textlength/index.md
+++ b/files/en-us/web/svg/attribute/textlength/index.md
@@ -152,7 +152,7 @@ widthSlider.addEventListener(
 widthSlider.dispatchEvent(new Event("input"));
 ```
 
-After fetching the element references, an {{domxref("EventTarget.addEventListener", "event listener", "", 1)}} is established by calling {{domxref("EventTarget.addEventListener", "addEventListener()")}} on the slider control, to receive any {{domxref("HTMLElement/input_event", "input")}} events which occur. These events will be sent any time the slider's value changes, even if the user hasn't stopped moving it, so we can responsively adjust the text width.
+After fetching the element references, an {{domxref("EventTarget.addEventListener", "event listener", "", 1)}} is established by calling {{domxref("EventTarget.addEventListener", "addEventListener()")}} on the slider control, to receive any {{domxref("Element/input_event", "input")}} events which occur. These events will be sent any time the slider's value changes, even if the user hasn't stopped moving it, so we can responsively adjust the text width.
 
 When an `"input"` event occurs, we call `newValueSpecifiedUnits()` to set the value of `textLength` to the slider's new value, using the `SVGLength` interface's `SVG_LENGTHTYPE_PX` unit type to indicate that the value represents pixels. Note that we have to dive into `textLength` to get its `baseVal` property; `textLength` is stored as an {{domxref("SVGLength")}} object, so we can't treat it like a plain number.
 
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 3d582594c75d744..ff5006def2f9c6b 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -1568,12 +1568,14 @@
       "methods": [],
       "properties": [],
       "events": [
+        "Element: auxclick",
         "Element: beforeinput",
         "Element: blur",
         "Element: click",
         "Element: compositionstart",
         "Element: compositionupdate",
         "Element: compositionend",
+        "Element: contextmenu",
         "Element: dblclick",
         "Element: focus",
         "Element: focusin",

From 9dff0e8d64d3a2e6eadec7ed9895f0713b10ab60 Mon Sep 17 00:00:00 2001
From: Matt Seccafien <mseccafien@gmail.com>
Date: Mon, 8 Jan 2024 17:21:17 +0100
Subject: [PATCH 310/790] Remove deprecated tota11y from Accessibility Auditing
 tools (#31581)

Remove tota11y from a11y tools
---
 .../cross_browser_testing/accessibility/index.md                 | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/en-us/learn/tools_and_testing/cross_browser_testing/accessibility/index.md b/files/en-us/learn/tools_and_testing/cross_browser_testing/accessibility/index.md
index 2cb0c581ce42244..290faef1f74e7fc 100644
--- a/files/en-us/learn/tools_and_testing/cross_browser_testing/accessibility/index.md
+++ b/files/en-us/learn/tools_and_testing/cross_browser_testing/accessibility/index.md
@@ -288,7 +288,6 @@ There are a number of auditing tools available that you can feed your web pages
 
 - [Wave](https://wave.webaim.org/): A rather nice online accessibility testing tool that accepts a web address and returns a useful annotated view of that page with accessibility problems highlighted.
 - [Tenon](https://tenon.io): Another nice online tool that goes through the code at a provided URL and returns results on accessibility errors including metrics, specific errors along with the WCAG criteria they affect, and suggested fixes. It requires a free trial signup to view the results.
-- [tota11y](https://github.com/jdan/tota11y): An accessibility tool from the Khan Academy that takes the form of a JavaScript library that you attach to your page to provide a number of accessibility tools.
 
 Let's look at an example, using Wave.
 

From e8900cbc16bf7d7758b3a85a3a0ecb838ac23b8a Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 9 Jan 2024 00:54:37 +0800
Subject: [PATCH 311/790] Remove `Document` `lostpointercapture` event (#31020)

* remove

* update link

* update

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/_redirects.txt                    |   1 +
 files/en-us/_wikihistory.json                 |   4 -
 .../lostpointercapture_event/index.md         | 105 ------------------
 3 files changed, 1 insertion(+), 109 deletions(-)
 delete mode 100644 files/en-us/web/api/document/lostpointercapture_event/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 991696299caf674..4d253a1ebe3120d 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -7953,6 +7953,7 @@
 /en-US/docs/Web/API/Document/keydown_event	/en-US/docs/Web/API/Element/keydown_event
 /en-US/docs/Web/API/Document/keypress_event	/en-US/docs/Web/API/Element/keypress_event
 /en-US/docs/Web/API/Document/keyup_event	/en-US/docs/Web/API/Element/keyup_event
+/en-US/docs/Web/API/Document/lostpointercapture_event	/en-US/docs/Web/API/Element/lostpointercapture_event
 /en-US/docs/Web/API/Document/mozCancelFullScreen	/en-US/docs/Web/API/Document/exitFullscreen
 /en-US/docs/Web/API/Document/mozFullScreenElement	/en-US/docs/Web/API/Document/fullscreenElement
 /en-US/docs/Web/API/Document/mozFullScreenEnabled	/en-US/docs/Web/API/Document/fullscreenEnabled
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 2bdd11c245ea003..e4a77b32fa7d6b7 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -29268,10 +29268,6 @@
       "JesseW"
     ]
   },
-  "Web/API/Document/lostpointercapture_event": {
-    "modified": "2020-10-15T22:14:52.161Z",
-    "contributors": ["Clarkkkk", "mfuji09", "wbamberg"]
-  },
   "Web/API/Document/mozSetImageElement": {
     "modified": "2020-10-15T21:13:49.622Z",
     "contributors": [
diff --git a/files/en-us/web/api/document/lostpointercapture_event/index.md b/files/en-us/web/api/document/lostpointercapture_event/index.md
deleted file mode 100644
index b3cadac763ae020..000000000000000
--- a/files/en-us/web/api/document/lostpointercapture_event/index.md
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: "Document: lostpointercapture event"
-short-title: lostpointercapture
-slug: Web/API/Document/lostpointercapture_event
-page-type: web-api-event
-browser-compat: api.Document.lostpointercapture_event
----
-
-{{APIRef}}
-
-The **`lostpointercapture`** event is fired when a [captured pointer](/en-US/docs/Web/API/Pointer_events#pointer_capture) is released.
-
-## Syntax
-
-Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
-
-```js
-addEventListener("lostpointercapture", (event) => {});
-
-onlostpointercapture = (event) => {};
-```
-
-## Event type
-
-A {{domxref("PointerEvent")}}. Inherits from {{domxref("Event")}}.
-
-{{InheritanceDiagram("PointerEvent")}}
-
-## Event properties
-
-_This interface inherits properties from {{domxref("MouseEvent")}} and {{domxref("Event")}}._
-
-- {{ domxref('PointerEvent.pointerId')}} {{ReadOnlyInline}}
-  - : A unique identifier for the pointer causing the event.
-- {{ domxref('PointerEvent.width')}} {{ReadOnlyInline}}
-  - : The width (magnitude on the X axis), in CSS pixels, of the contact geometry of the pointer.
-- {{ domxref('PointerEvent.height')}} {{ReadOnlyInline}}
-  - : The height (magnitude on the Y axis), in CSS pixels, of the contact geometry of the pointer.
-- {{ domxref('PointerEvent.pressure')}} {{ReadOnlyInline}}
-  - : The normalized pressure of the pointer input in the range `0` to `1`, where `0` and `1` represent the minimum and maximum pressure the hardware is capable of detecting, respectively.
-- {{ domxref('PointerEvent.tangentialPressure')}} {{ReadOnlyInline}}
-  - : The normalized tangential pressure of the pointer input (also known as barrel pressure or [cylinder stress](https://en.wikipedia.org/wiki/Cylinder_stress)) in the range `-1` to `1`, where `0` is the neutral position of the control.
-- {{ domxref('PointerEvent.tiltX')}} {{ReadOnlyInline}}
-  - : The plane angle (in degrees, in the range of `-90` to `90`) between the Y–Z plane and the plane containing both the pointer (e.g. pen stylus) axis and the Y axis.
-- {{ domxref('PointerEvent.tiltY')}} {{ReadOnlyInline}}
-  - : The plane angle (in degrees, in the range of `-90` to `90`) between the X–Z plane and the plane containing both the pointer (e.g. pen stylus) axis and the X axis.
-- {{ domxref('PointerEvent.twist')}} {{ReadOnlyInline}}
-  - : The clockwise rotation of the pointer (e.g. pen stylus) around its major axis in degrees, with a value in the range `0` to `359`.
-- {{ domxref('PointerEvent.pointerType')}} {{ReadOnlyInline}}
-  - : Indicates the device type that caused the event (mouse, pen, touch, etc.).
-- {{ domxref('PointerEvent.isPrimary')}} {{ReadOnlyInline}}
-  - : Indicates if the pointer represents the primary pointer of this pointer type.
-
-## Examples
-
-This example listens for the `lostpointercapture` event, and captures the pointer for an element on `pointerdown`. When the user subsequently releases the pointer, the `lostpointercapture` event will be fired.
-
-```js
-const para = document.querySelector("p");
-
-document.addEventListener("lostpointercapture", () => {
-  console.log("I've been released!");
-});
-
-para.addEventListener("pointerdown", (event) => {
-  para.setPointerCapture(event.pointerId);
-});
-```
-
-The same example, but using the `onlostpointercapture` event handler property:
-
-```js
-const para = document.querySelector("p");
-
-document.onlostpointercapture = () => {
-  console.log("I've been released!");
-};
-
-para.addEventListener("pointerdown", (event) => {
-  para.setPointerCapture(event.pointerId);
-});
-```
-
-## Specifications
-
-{{Specifications}}
-
-## Browser compatibility
-
-{{Compat}}
-
-## See also
-
-- Related events
-
-  - {{domxref("Element/pointerover_event", "pointerover")}}
-  - {{domxref("Element/pointerenter_event", "pointerenter")}}
-  - {{domxref("Element/pointerdown_event", "pointerdown")}}
-  - {{domxref("Element/pointermove_event", "pointermove")}}
-  - {{domxref("Element/pointerup_event", "pointerup")}}
-  - {{domxref("Element/pointercancel_event", "pointercancel")}}
-  - {{domxref("Element/pointerout_event", "pointerout")}}
-  - {{domxref("Element/pointerleave_event", "pointerleave")}}
-
-- This event on `Element` targets: {{domxref("Element/lostpointercapture_event", "lostpointercapture")}} event

From 6eaa592b20fb3a93d97517b90a5e2d99a32af5a7 Mon Sep 17 00:00:00 2001
From: dawei-wang <dawei-wang@users.noreply.github.com>
Date: Mon, 8 Jan 2024 12:02:57 -0800
Subject: [PATCH 312/790] Fix typo (#31586)

Fix mdn/content#31571
---
 .../block_and_inline_layout_in_normal_flow/index.md             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/css_flow_layout/block_and_inline_layout_in_normal_flow/index.md b/files/en-us/web/css/css_flow_layout/block_and_inline_layout_in_normal_flow/index.md
index de1f02b46ab3e5d..2859bbfa03aa6bf 100644
--- a/files/en-us/web/css/css_flow_layout/block_and_inline_layout_in_normal_flow/index.md
+++ b/files/en-us/web/css/css_flow_layout/block_and_inline_layout_in_normal_flow/index.md
@@ -67,7 +67,7 @@ In the following example, we have three inline boxes created by a paragraph with
 
 {{EmbedGHLiveSample("css-examples/flow/block-inline/inline.html", '100%', 500)}}
 
-The boxes around the words before the `<strong>` element and after the `<strong>` element are referred to as anonymous boxes, boxes introduced to ensure that everything is wrapped in a box, but ones that we cannot target directly.
+The boxes around the words before the `<strong>` element and after the `</strong>` element are referred to as anonymous boxes, boxes introduced to ensure that everything is wrapped in a box, but ones that we cannot target directly.
 
 The line box size in the block direction (so the height when working in English) is defined by the tallest box inside it. In the next example, the `<strong>` element is 300%; since that content spans two lines, it now defines the height of the line boxes of those two lines.
 

From b1a7c17c53b3e7558117e215bb8738122fc070fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20H=C3=A4drich?=
 <11225821+shaedrich@users.noreply.github.com>
Date: Mon, 8 Jan 2024 21:03:35 +0100
Subject: [PATCH 313/790] Fix copy & paste error (#31584)

---
 files/en-us/web/api/cache/add/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/cache/add/index.md b/files/en-us/web/api/cache/add/index.md
index 730142e8db3ab59..bf8233c72df84ee 100644
--- a/files/en-us/web/api/cache/add/index.md
+++ b/files/en-us/web/api/cache/add/index.md
@@ -17,7 +17,7 @@ fetch(url).then((response) => {
   if (!response.ok) {
     throw new TypeError("bad response status");
   }
-  return cache.put(url, response);
+  return cache.add(url);
 });
 ```
 

From 6b24f276834ca4f2d62e52d6b0e63eaed7a57fc2 Mon Sep 17 00:00:00 2001
From: Isaiah Davis <isaiah.davisx@gmail.com>
Date: Mon, 8 Jan 2024 15:53:35 -0600
Subject: [PATCH 314/790] Update index.md (#31588)

Always define acronyms when they are first introduced to provide a clear explanation of what the acronym represents.
---
 files/en-us/web/api/indexeddb_api/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/indexeddb_api/index.md b/files/en-us/web/api/indexeddb_api/index.md
index ac8a436db09b0fb..cd291140d40f2f0 100644
--- a/files/en-us/web/api/indexeddb_api/index.md
+++ b/files/en-us/web/api/indexeddb_api/index.md
@@ -13,7 +13,7 @@ IndexedDB is a low-level API for client-side storage of significant amounts of s
 
 ## Key concepts and usage
 
-IndexedDB is a transactional database system, like an SQL-based RDBMS. However, unlike SQL-based RDBMSes, which use fixed-column tables, IndexedDB is a JavaScript-based object-oriented database. IndexedDB lets you store and retrieve objects that are indexed with a **key**; any objects supported by the [structured clone algorithm](/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm) can be stored. You need to specify the database schema, open a connection to your database, and then retrieve and update data within a series of **transactions**.
+IndexedDB is a transactional database system, like an SQL-based Relational Database Management System (RDBMS). However, unlike SQL-based RDBMSes, which use fixed-column tables, IndexedDB is a JavaScript-based object-oriented database. IndexedDB lets you store and retrieve objects that are indexed with a **key**; any objects supported by the [structured clone algorithm](/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm) can be stored. You need to specify the database schema, open a connection to your database, and then retrieve and update data within a series of **transactions**.
 
 - Read more about [IndexedDB key characteristics and basic terminology](/en-US/docs/Web/API/IndexedDB_API/Basic_Terminology).
 - Learn to use IndexedDB asynchronously from first principles with our [Using IndexedDB](/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB) guide.

From 2b07e7febdc4b51243873b0b4978228a603f3f73 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Mon, 8 Jan 2024 14:41:38 -0800
Subject: [PATCH 315/790] Element.checkVisibility() - docs (#31322)

* Element.checkVisibility() - docs

* Update files/en-us/web/api/element/checkvisibility/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Apply suggestions from code review

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Apply suggestions from code review

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Fix up example to display signature

* Consistency fixes

* camelCase function and pre for innerHTML

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: wbamberg <will@bootbonnet.ca>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../web/api/element/checkvisibility/index.md  | 185 ++++++++++++++++++
 files/en-us/web/api/element/index.md          |   2 +
 2 files changed, 187 insertions(+)
 create mode 100644 files/en-us/web/api/element/checkvisibility/index.md

diff --git a/files/en-us/web/api/element/checkvisibility/index.md b/files/en-us/web/api/element/checkvisibility/index.md
new file mode 100644
index 000000000000000..2ce71dc3f0f6368
--- /dev/null
+++ b/files/en-us/web/api/element/checkvisibility/index.md
@@ -0,0 +1,185 @@
+---
+title: "Element: checkVisibility() method"
+short-title: checkVisibility()
+slug: Web/API/Element/checkVisibility
+page-type: web-api-instance-method
+browser-compat: api.Element.checkVisibility
+---
+
+{{APIRef("DOM")}}
+
+The **`checkVisibility()`** method of the {{domxref("Element")}} interface checks whether the element is visible.
+
+The method returns `false` in either of the following situations:
+
+- The element doesn't have an associated box, for example because the CSS {{cssxref("display")}} property is set to [`none`](/en-US/docs/Web/CSS/display#none) or [`contents`](/en-US/docs/Web/CSS/display#contents).
+- The element is not being rendered because the element or an ancestor element sets the {{cssxref("content-visibility")}} property to [`hidden`](/en-US/docs/Web/CSS/content-visibility#hidden).
+
+The optional parameter enables additional checks to test for other interpretations of what "visible" means.
+For example, you can further check whether an element has an opacity of `0`, if the value of the element [`visibility`](/en-US/docs/Web/CSS/visibility) property makes it invisible, or if the element {{cssxref("content-visibility")}} property has a value of [`auto`](/en-US/docs/Web/CSS/content-visibility#auto) and its rendering is currently being skipped.
+
+## Syntax
+
+```js-nolint
+checkVisibility(options)
+```
+
+### Parameters
+
+- `options` {{optional_inline}}
+
+  - : An object indicating additional checks to run.
+    The possible options are:
+
+    - `contentVisibilityAuto`
+      - : `true` to check if the element {{cssxref("content-visibility")}} property has (or inherits) the value [`auto`](/en-US/docs/Web/CSS/content-visibility#auto), and it is currently skipping its rendering.
+        `false` by default.
+    - `opacityProperty`
+      - : `true` to check if the element {{cssxref("opacity")}} property has (or inherits) a value of `0`.
+        `false` by default.
+    - `visibilityProperty`
+
+      - : `true` to check if the element is invisible due to the value of its {{cssxref("visibility")}} property.
+        `false` by default.
+
+        > **Note:** Invisible elements include those that have [`visibility: hidden`](/en-US/docs/Web/CSS/visibility#hidden), and some element types that have [`visibility: collapse`](/en-US/docs/Web/CSS/visibility#collapse).
+
+    - `checkOpacity`
+      - : A historic alias for [`opacityProperty`](#opacityproperty).
+    - `checkVisibilityCSS`
+      - : A historic alias for [`visibilityProperty`](#visibilityproperty).
+
+### Return value
+
+`false` if any of the following conditions are met, otherwise `true`:
+
+- The element doesn't have an associated box.
+- The element {{cssxref("content-visibility")}} property has (or inherits) a value of [`hidden`](/en-US/docs/Web/CSS/visibility#hidden).
+- `opacityProperty` (or `checkOpacity`) is `true` and the element {{cssxref("opacity")}} property has (or inherits) a value of `0`.
+- `visibilityProperty` (or `checkVisibilityCSS`) is `true` and the element is invisible due to the value of its {{cssxref("visibility")}} property.
+- `contentVisibilityAuto` is `true`, the {{cssxref("content-visibility")}} property has (or inherits) a value of [`auto`](/en-US/docs/Web/CSS/content-visibility#auto), and element rendering is being skipped.
+
+## Examples
+
+### Test checkVisibility() with varied CSS
+
+The following example allows you to test how the result of `checkVisibility()` might change with different values for `display`, `content-visibility`, `visibility`, and `opacity` CSS properties.
+
+#### HTML
+
+The HTML defines a `<select>` element for the CSS properties that affect the results of `checkVisibility()`.
+The first (default selected) values should result in `checkVisibility()` returning `true` when applied to an element, while the other values affect the visibility.
+
+```html
+<select id="css_display" name="css_display">
+  <option value="block" selected>display: block</option>
+  <option value="none">display: none</option>
+  <option value="content">display: content</option>
+</select>
+
+<select id="css_content_visibility" name="css_content_visibility">
+  <option value="visible" selected>content-visibility: visible</option>
+  <option value="hidden">content-visibility: hidden</option>
+  <option value="auto">content-visibility: auto</option>
+</select>
+
+<select id="css_opacity" name="css_opacity">
+  <option value="1" selected>opacity: 1</option>
+  <option value="0">opacity: 0</option>
+</select>
+
+<select id="css_visibility" name="css_visibility">
+  <option value="visible" selected>visibility: visible</option>
+  <option value="hidden">visibility: hidden</option>
+  <option value="collapse">visibility: collapse</option>
+</select>
+```
+
+Next we have a `<pre>` that is used to output the result of the `checkVisibility()` check when no options are passed in the parameter, and for each separate option value.
+At the end we have the element that will be tested (to which we will apply the selected CSS property values).
+
+```html
+<pre id="output_result"></pre>
+<div id="test_element">The element to be checked for visibility.</div>
+```
+
+#### CSS
+
+The CSS just highlights the element to be tested.
+
+```css
+#test_element {
+  border: solid;
+  border-color: blue;
+}
+```
+
+#### JavaScript
+
+The code below gets each of the `<select>` elements.
+The `updateCSS()` method is called on start and whenever the select elements change in order to apply the selected CSS to the target element,
+
+```js
+const displayCssSelect = document.getElementById("css_display");
+const contentVisibilityCssSelect = document.getElementById(
+  "css_content_visibility",
+);
+const displayCssOpacity = document.getElementById("css_opacity");
+const displayCssVisibility = document.getElementById("css_visibility");
+
+const outputResult = document.getElementById("output_result");
+const elementToCheck = document.getElementById("test_element");
+
+updateCSS();
+
+const cssSelectors = document.querySelectorAll("select");
+cssSelectors.forEach((select) => {
+  select.addEventListener("change", (event) => {
+    updateCSS();
+  });
+});
+
+function updateCSS() {
+  // Apply selected CSS properties to target element
+  elementToCheck.style.display = displayCssSelect.value;
+  elementToCheck.style.contentVisibility = contentVisibilityCssSelect.value;
+  elementToCheck.style.opacity = displayCssOpacity.value;
+  elementToCheck.style.visibility = displayCssVisibility.value;
+
+  // Call checkVisibility() on element using default and each of options
+  const defaultVisibilityCheck = elementToCheck.checkVisibility();
+  const opacityVisibilityCheck = elementToCheck.checkVisibility({
+    opacityProperty: true,
+  });
+  const cssVisibilityCheck = elementToCheck.checkVisibility({
+    visibilityProperty: true,
+  });
+  const contentVisibilityAutoCheck = elementToCheck.checkVisibility({
+    contentVisibilityAuto: true,
+  });
+
+  // Output the results of the tests
+  outputResult.innerText = `Checks on element below (may be hidden):
+- Result of checkVisibility(): ${defaultVisibilityCheck}
+- Result of checkVisibility({opacityProperty: true}): ${opacityVisibilityCheck}
+- Result of checkVisibility({visibilityProperty: true}): ${cssVisibilityCheck}
+- Result of checkVisibility({contentVisibilityAuto: true}): ${contentVisibilityAutoCheck}`;
+}
+```
+
+#### Result
+
+The results are shown below.
+If you change the selection the results will be applied to the test element (blue outline) and the results of the `checkVisibility()` for each setting should be displayed.
+So for example, if you set the `opacity: 0` that test (only) should indicate `false`.
+However if you set `display: none` then all tests should return `false.
+
+{{ EmbedLiveSample('Test checkVisibility() with varied CSS', "100%", "200" ) }}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/element/index.md b/files/en-us/web/api/element/index.md
index 37185a428c4722f..4023b8d17319ca8 100644
--- a/files/en-us/web/api/element/index.md
+++ b/files/en-us/web/api/element/index.md
@@ -185,6 +185,8 @@ _`Element` inherits methods from its parents {{DOMxRef("Node")}}, and its own pa
   - : Attaches a shadow DOM tree to the specified element and returns a reference to its {{DOMxRef("ShadowRoot")}}.
 - {{DOMxRef("Element.before()")}}
   - : Inserts a set of {{domxref("Node")}} objects or strings in the children list of the `Element`'s parent, just before the `Element`.
+- {{DOMxRef("Element.checkVisibility()")}}
+  - : Returns whether an element is expected to be visible or not based on configurable checks.
 - {{DOMxRef("Element.closest()")}}
   - : Returns the `Element` which is the closest ancestor of the current element (or the current element itself) which matches the selectors given in parameter.
 - {{DOMxRef("Element.computedStyleMap()")}}

From 84a12137458f9f1954cadb675cfc53639e97ed7b Mon Sep 17 00:00:00 2001
From: AuroraTea <1352685369@qq.com>
Date: Tue, 9 Jan 2024 07:42:37 +0800
Subject: [PATCH 316/790] Harmonize the usage of `<section>` in document
 (#31559)

* Harmonize the usage of sections in document `grid-template-areas`

* Harmonize the usage of sections in document `grid-template`
---
 files/en-us/web/css/grid-template-areas/index.md | 4 ++--
 files/en-us/web/css/grid-template/index.md       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/css/grid-template-areas/index.md b/files/en-us/web/css/grid-template-areas/index.md
index 1a16f9ff8b69fbf..c7fc814385e71f1 100644
--- a/files/en-us/web/css/grid-template-areas/index.md
+++ b/files/en-us/web/css/grid-template-areas/index.md
@@ -55,12 +55,12 @@ grid-template-areas: unset;
 #### HTML
 
 ```html
-<section id="page">
+<div id="page">
   <header>Header</header>
   <nav>Navigation</nav>
   <main>Main area</main>
   <footer>Footer</footer>
-</section>
+</div>
 ```
 
 #### CSS
diff --git a/files/en-us/web/css/grid-template/index.md b/files/en-us/web/css/grid-template/index.md
index b735685c5fac021..4c7c15627e831ae 100644
--- a/files/en-us/web/css/grid-template/index.md
+++ b/files/en-us/web/css/grid-template/index.md
@@ -115,12 +115,12 @@ footer {
 #### HTML
 
 ```html
-<section id="page">
+<div id="page">
   <header>Header</header>
   <nav>Navigation</nav>
   <main>Main area</main>
   <footer>Footer</footer>
-</section>
+</div>
 ```
 
 #### Result

From b5583a21df2aeaebddd7e0eeb58ff690b013546b Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Tue, 9 Jan 2024 08:22:20 +0800
Subject: [PATCH 317/790] format the code examples (#31539)

* format the code example

* Layout tidy

* fix all the cases

* Minor layout update

* minor layout update

* minor layout updates

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 .../web/api/datatransferitem/getasfile/index.md   | 15 ++++++---------
 .../web/api/datatransferitem/getasstring/index.md | 12 ++++--------
 .../en-us/web/api/datatransferitem/kind/index.md  | 12 +++++-------
 .../en-us/web/api/datatransferitem/type/index.md  | 10 ++++------
 4 files changed, 19 insertions(+), 30 deletions(-)

diff --git a/files/en-us/web/api/datatransferitem/getasfile/index.md b/files/en-us/web/api/datatransferitem/getasfile/index.md
index 6304fde46ec80d9..1d00311e72d28b2 100644
--- a/files/en-us/web/api/datatransferitem/getasfile/index.md
+++ b/files/en-us/web/api/datatransferitem/getasfile/index.md
@@ -8,9 +8,8 @@ browser-compat: api.DataTransferItem.getAsFile
 
 {{APIRef("HTML Drag and Drop API")}}
 
-If the item is a file, the **`DataTransferItem.getAsFile()`**
-method returns the drag data item's {{domxref("File")}} object. If the item is not a
-file, this method returns `null`.
+If the item is a file, the **`DataTransferItem.getAsFile()`** method returns the drag data item's {{domxref("File")}} object.
+If the item is not a file, this method returns `null`.
 
 ## Syntax
 
@@ -25,16 +24,14 @@ None.
 ### Return value
 
 - {{domxref("File")}}
-  - : If the drag data item is a file, a {{domxref("File")}} object is returned; otherwise
-    `null` is returned.
+  - : If the drag data item is a file, a {{domxref("File")}} object is returned; otherwise `null` is returned.
 
 ## Examples
 
-This example shows the use of the `getAsFile()` method in a
-{{domxref("HTMLElement/drop_event", "drop")}} event handler.
+This example shows the use of the `getAsFile()` method in a {{domxref("HTMLElement/drop_event", "drop")}} event handler.
 
 ```js
-function drop_handler(ev) {
+function dropHandler(ev) {
   console.log("Drop");
   ev.preventDefault();
   const data = ev.dataTransfer.items;
@@ -56,7 +53,7 @@ function drop_handler(ev) {
     } else if (data[i].kind === "file" && data[i].type.match("^image/")) {
       // Drag data item is an image file
       const f = data[i].getAsFile();
-      console.log("… Drop: File ");
+      console.log("… Drop: File");
     }
   }
 }
diff --git a/files/en-us/web/api/datatransferitem/getasstring/index.md b/files/en-us/web/api/datatransferitem/getasstring/index.md
index eba2092835907a2..8f519ce3cdda161 100644
--- a/files/en-us/web/api/datatransferitem/getasstring/index.md
+++ b/files/en-us/web/api/datatransferitem/getasstring/index.md
@@ -8,10 +8,7 @@ browser-compat: api.DataTransferItem.getAsString
 
 {{APIRef("HTML Drag and Drop API")}}
 
-The **`DataTransferItem.getAsString()`** method invokes the
-given callback with the drag data item's string data as the argument if the item's
-{{domxref("DataTransferItem.kind","kind")}} is a _Plain unicode string_ (i.e.
-`kind` is `string`).
+The **`DataTransferItem.getAsString()`** method invokes the given callback with the drag data item's string data as the argument if the item's {{domxref("DataTransferItem.kind","kind")}} is a _Plain unicode string_ (i.e. `kind` is `string`).
 
 ## Syntax
 
@@ -32,11 +29,10 @@ None ({{jsxref("undefined")}}).
 
 ## Examples
 
-This example shows the use of the `getAsString()` method as an _inline
-function_ in a {{domxref("HTMLElement/drop_event", "drop")}} event handler.
+This example shows the use of the `getAsString()` method as an _inline function_ in a {{domxref("HTMLElement/drop_event", "drop")}} event handler.
 
 ```js
-function drop_handler(ev) {
+function dropHandler(ev) {
   console.log("Drop");
   ev.preventDefault();
   const data = ev.dataTransfer.items;
@@ -58,7 +54,7 @@ function drop_handler(ev) {
     } else if (data[i].kind === "file" && data[i].type.match("^image/")) {
       // Drag data item is an image file
       const f = data[i].getAsFile();
-      console.log("… Drop: File ");
+      console.log("… Drop: File");
     }
   }
 }
diff --git a/files/en-us/web/api/datatransferitem/kind/index.md b/files/en-us/web/api/datatransferitem/kind/index.md
index 90d65a0a06ffe04..4d636b50cad6fc0 100644
--- a/files/en-us/web/api/datatransferitem/kind/index.md
+++ b/files/en-us/web/api/datatransferitem/kind/index.md
@@ -8,14 +8,12 @@ browser-compat: api.DataTransferItem.kind
 
 {{APIRef("HTML Drag and Drop API")}}
 
-The read-only **`DataTransferItem.kind`** property returns a
-{{domxref("DataTransferItem")}} representing the _drag data item_ kind: some text
-or some file.
+The read-only **`DataTransferItem.kind`** property returns a {{domxref("DataTransferItem")}} representing the _drag data item_ kind: some text or some file.
 
 ## Value
 
-A string representing the drag data item's kind. It must be one of
-the following values:
+A string representing the drag data item's kind.
+It must be one of the following values:
 
 - `'file'`
   - : If the drag data item is a file.
@@ -27,7 +25,7 @@ the following values:
 This example shows the use of the `kind` property.
 
 ```js
-function drop_handler(ev) {
+function dropHandler(ev) {
   console.log("Drop");
   ev.preventDefault();
   const data = event.dataTransfer.items;
@@ -43,7 +41,7 @@ function drop_handler(ev) {
     } else if (data[i].kind === "file" && data[i].type.match("^image/")) {
       // Drag data item is an image file
       const f = data[i].getAsFile();
-      console.log("… Drop: File ");
+      console.log("… Drop: File");
     }
   }
 }
diff --git a/files/en-us/web/api/datatransferitem/type/index.md b/files/en-us/web/api/datatransferitem/type/index.md
index 2012de9f52af70b..87e85513e2c9359 100644
--- a/files/en-us/web/api/datatransferitem/type/index.md
+++ b/files/en-us/web/api/datatransferitem/type/index.md
@@ -8,10 +8,8 @@ browser-compat: api.DataTransferItem.type
 
 {{APIRef("HTML Drag and Drop API")}}
 
-The read-only **`DataTransferItem.type`** property returns the
-type (format) of the {{domxref("DataTransferItem")}} object representing the drag data
-item. The `type` is a Unicode string generally given by a MIME type, although
-a MIME type is not required.
+The read-only **`DataTransferItem.type`** property returns the type (format) of the {{domxref("DataTransferItem")}} object representing the drag data item.
+The `type` is a Unicode string generally given by a MIME type, although a MIME type is not required.
 
 Some example types are: `text/plain` and `text/html`.
 
@@ -24,7 +22,7 @@ A string representing the drag data item's type.
 This example shows the use of the `type` property.
 
 ```js
-function drop_handler(ev) {
+function dropHandler(ev) {
   console.log("Drop");
   ev.preventDefault();
   const data = ev.dataTransfer.items;
@@ -46,7 +44,7 @@ function drop_handler(ev) {
     } else if (data[i].kind === "file" && data[i].type.match("^image/")) {
       // Drag data item is an image file
       const f = data[i].getAsFile();
-      console.log("… Drop: File ");
+      console.log("… Drop: File");
     }
   }
 }

From dc7c2fe2cc24e459a0a1cd3d82311f72215879e0 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Tue, 9 Jan 2024 01:31:23 +0100
Subject: [PATCH 318/790] fix: auto-cleanup by bot (#31591)

chore: auto-fix Markdownlint, Prettier, and front-matter issues
---
 files/en-us/web/guide/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/guide/index.md b/files/en-us/web/guide/index.md
index 5c01f8e1d86587c..9352e22cfc3b8eb 100644
--- a/files/en-us/web/guide/index.md
+++ b/files/en-us/web/guide/index.md
@@ -54,7 +54,7 @@ There are a number of guides within MDN docs. These articles aim to add addition
 
 ## Mobile web development
 
-- [Mobile web development](/en-US/docs/Web/Guide/Mobile)
+- [Mobile web development](/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design)
   - : This article provides an overview of some main techniques needed to design websites that work well on mobile devices.
 
 ## Fonts

From eee0fbd9dfd8d2dbd5d96000e16f7d17936da68f Mon Sep 17 00:00:00 2001
From: Shone Binu <62597277+shonebinu@users.noreply.github.com>
Date: Tue, 9 Jan 2024 09:06:01 +0530
Subject: [PATCH 319/790] Formatting: Added a space for clarity in CSS file
 (#31594)

---
 files/en-us/learn/css/building_blocks/the_box_model/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/learn/css/building_blocks/the_box_model/index.md b/files/en-us/learn/css/building_blocks/the_box_model/index.md
index d39db5d13ede289..5aeed4e75b02c87 100644
--- a/files/en-us/learn/css/building_blocks/the_box_model/index.md
+++ b/files/en-us/learn/css/building_blocks/the_box_model/index.md
@@ -178,6 +178,7 @@ To use the alternative box model for all of your elements (which is a common cho
 html {
   box-sizing: border-box;
 }
+
 *,
 *::before,
 *::after {

From 7087ffd50a4d81d1b91fe603c26456e9ce398574 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Mon, 8 Jan 2024 20:36:06 -0800
Subject: [PATCH 320/790] FF122 Clipboard API (#31137)

* FF122 Clipboard API - basic layout, style subedit, secure_context

* copy event clarification

* Remove Window: clipboardchange event from GroupData.json - not implemented

* Add Element cut/copy/paste events to overview

* Security considerations

* Events are 'of the Clipboard API'

* Clipboard.write() requires transient activation

* Clipboard.read() - update example and remove permissions

* Clipboard.read*/write* - remove permission mentions

* Clipboard interface - remove permissions details

* Clipboard API - make concepts a little less abstract

* Navigator.clipboard - remove the text on requiring permissions

* Minor tweaks

* Permissions API- remove clipboard permissions

* Add note about Chromium behaviour

* read() example handles the permissions handled/or not handled

* Merge specific suggestions from code review

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Fix example as per feedback

* read - add example for more reading of data

* Remove guide on interacting with web extensions

* Security requirements

* Add security considerations to the other methods

* Fix typos. Update readText

* Make examples async

* Remove that write one at a time comment

* Update files/en-us/web/api/clipboard_api/index.md

* typo

* Apply suggestions from code review

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Update files/en-us/web/api/clipboard/read/index.md

* Test image source has effect on rendering

* Remove clock (not rendering). Try sample link for chromium

* Remove the live sample link

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 files/en-us/web/api/clipboard/index.md        |  23 +-
 files/en-us/web/api/clipboard/read/index.md   | 208 +++++++++++++++---
 .../en-us/web/api/clipboard/readtext/index.md |  44 ++--
 files/en-us/web/api/clipboard/write/index.md  | 105 ++++-----
 .../web/api/clipboard/writetext/index.md      |  42 ++--
 files/en-us/web/api/clipboard_api/index.md    |  98 +++++++--
 .../api/clipboardevent/clipboarddata/index.md |  12 +-
 .../clipboardevent/clipboardevent/index.md    |   5 +-
 files/en-us/web/api/clipboardevent/index.md   |   2 +-
 .../api/clipboarditem/clipboarditem/index.md  |  16 +-
 .../web/api/clipboarditem/gettype/index.md    |  11 +-
 files/en-us/web/api/clipboarditem/index.md    |  17 +-
 .../clipboarditem/presentationstyle/index.md  |   8 +-
 .../web/api/clipboarditem/types/index.md      |  14 +-
 .../en-us/web/api/element/copy_event/index.md |   4 +-
 .../en-us/web/api/element/cut_event/index.md  |   4 +-
 .../web/api/element/paste_event/index.md      |   4 +-
 .../web/api/navigator/clipboard/index.md      |  30 +--
 files/en-us/web/api/navigator/index.md        |   2 +-
 files/en-us/web/api/permissions_api/index.md  |   1 -
 .../web/security/user_activation/index.md     |   1 +
 files/jsondata/GroupData.json                 |  10 +-
 22 files changed, 415 insertions(+), 246 deletions(-)

diff --git a/files/en-us/web/api/clipboard/index.md b/files/en-us/web/api/clipboard/index.md
index 2e1abe142bfeac6..e61348045dade72 100644
--- a/files/en-us/web/api/clipboard/index.md
+++ b/files/en-us/web/api/clipboard/index.md
@@ -7,17 +7,18 @@ browser-compat: api.Clipboard
 
 {{APIRef("Clipboard API")}}{{SecureContext_Header}}
 
-The **`Clipboard`** interface implements the [Clipboard API](/en-US/docs/Web/API/Clipboard_API), providing—if the user grants permission—both read and write access to the contents of the system clipboard. The Clipboard API can be used to implement cut, copy, and paste features within a web application.
+The **`Clipboard`** interface of the [Clipboard API](/en-US/docs/Web/API/Clipboard_API) provides read and write access to the contents of the system clipboard.
+This allows a web application to implement cut, copy, and paste features.
 
 {{InheritanceDiagram}}
 
 The system clipboard is exposed through the global {{domxref("Navigator.clipboard")}} property.
 
-Calls to the methods of the `Clipboard` object will not succeed if the user hasn't granted the needed permissions using the [Permissions API](/en-US/docs/Web/API/Permissions_API) and the `'clipboard-read'` or `'clipboard-write'` permission as appropriate.
+All of the Clipboard API methods operate asynchronously; they return a {{jsxref("Promise")}} which is resolved once the clipboard access has been completed.
+The promise is rejected if clipboard access is denied.
 
-> **Note:** In reality, at this time browser requirements for access to the clipboard vary significantly. Please see the section [Clipboard availability](#clipboard_availability) for details.
-
-All of the Clipboard API methods operate asynchronously; they return a {{jsxref("Promise")}} which is resolved once the clipboard access has been completed. The promise is rejected if clipboard access is denied.
+All the methods require a [secure context](/en-US/docs/Web/Security/Secure_Contexts).
+Additional requirements for using the API are discussed in the [Security consideration](/en-US/docs/Web/API/Clipboard_API#security_considerations) section of the API overview topic.
 
 ## Instance methods
 
@@ -26,17 +27,11 @@ _`Clipboard` is based on the {{domxref("EventTarget")}} interface, and includes
 - {{domxref("Clipboard.read()","read()")}}
   - : Requests arbitrary data (such as images) from the clipboard, returning a {{jsxref("Promise")}} that resolves with an array of {{domxref("ClipboardItem")}} objects containing the clipboard's contents.
 - {{domxref("Clipboard.readText()","readText()")}}
-  - : Requests text from the system clipboard; returns a `Promise` which is resolved with a string containing the clipboard's text once it's available.
+  - : Requests text from the system clipboard, returning a {{jsxref("Promise")}} that is fulfilled with a string containing the clipboard's text once it's available.
 - {{domxref("Clipboard.write()","write()")}}
-  - : Writes arbitrary data to the system clipboard. This asynchronous operation signals that it's finished by resolving the returned `Promise`.
+  - : Writes arbitrary data to the system clipboard, returning a {{jsxref("Promise")}} that resolves when the operation completes.
 - {{domxref("Clipboard.writeText()","writeText()")}}
-  - : Writes text to the system clipboard, returning a `Promise` which is resolved once the text is fully copied into the clipboard.
-
-## Clipboard availability
-
-The asynchronous clipboard API is a relatively recent addition, and the process of implementing it in browsers is not yet complete. Due to both potential security concerns and technical complexities, the process of integrating this API is happening gradually in most browsers. See the [browser compatibility](#browser_compatibility) section below for more information.
-
-In browser extensions, you can access the system clipboard using the WebExtension [`clipboard`](/en-US/docs/Mozilla/Add-ons/WebExtensions/API/clipboard) API.
+  - : Writes text to the system clipboard, returning a {{jsxref("Promise")}} that is resolved once the text is fully copied into the clipboard.
 
 ## Specifications
 
diff --git a/files/en-us/web/api/clipboard/read/index.md b/files/en-us/web/api/clipboard/read/index.md
index 73d3c1c0e7f79eb..47f1199e1c348d5 100644
--- a/files/en-us/web/api/clipboard/read/index.md
+++ b/files/en-us/web/api/clipboard/read/index.md
@@ -6,18 +6,12 @@ page-type: web-api-instance-method
 browser-compat: api.Clipboard.read
 ---
 
-{{APIRef("Clipboard API")}}
+{{APIRef("Clipboard API")}} {{securecontext_header}}
 
-The **`read()`** method of the
-{{domxref("Clipboard")}} interface requests a copy of the clipboard's contents,
-delivering the data to the returned {{jsxref("Promise")}} when the promise is
-resolved. Unlike {{domxref("Clipboard.readText", "readText()")}}, the
-`read()` method can return arbitrary data, such as images. This method can
-also return text.
+The **`read()`** method of the {{domxref("Clipboard")}} interface requests a copy of the clipboard's contents, fulfilling the returned {{jsxref("Promise")}} with the data.
 
-> **Note:** The asynchronous Clipboard and [Permissions APIs](/en-US/docs/Web/API/Permissions_API) are still in the
-> process of being integrated into most browsers, so they often deviate from the
-> official rules for permissions and the like. Be sure to review the [compatibility table](#browser_compatibility) before using these methods.
+The method can in theory return arbitrary data (unlike {{domxref("Clipboard.readText", "readText()")}}, which can only return text).
+Browsers commonly support reading text, HTML, and PNG image data — see [browser compatibility](#browser_compatibility) for more information.
 
 ## Syntax
 
@@ -31,37 +25,32 @@ None.
 
 ### Return value
 
-A {{jsxref("Promise")}} that resolves with an array of {{domxref("ClipboardItem")}} objects
-containing the clipboard's contents. The promise is rejected if permission to access the
-clipboard is not granted.
+A {{jsxref("Promise")}} that resolves with an array of {{domxref("ClipboardItem")}} objects containing the clipboard's contents.
 
-## Security
+### Exceptions
 
-[Transient user activation](/en-US/docs/Web/Security/User_activation) is required. The user has to interact with the page or a UI element in order for this feature to work.
+- `NotAllowedError` {{domxref("DOMException")}}
+  - : Thrown if the reading from the clipboard is not allowed.
 
-To read from the clipboard, you must first have the `"clipboard-read"`
-permission.
+## Security considerations
 
-## Examples
-
-### Reading image data
+Reading from the clipboard can only be done in a [secure context](/en-US/docs/Web/Security/Secure_Contexts).
 
-This example uses the `read()` method to read image data from the clipboard.
+Additional security requirements are covered in the [Security consideration](/en-US/docs/Web/API/Clipboard_API#security_considerations) section of the API overview topic.
 
-Try copying the butterfly image on the left using the "Copy image" context menu item, then click in the empty frame on the right.
+## Examples
 
-The example will check or ask for permission to read the clipboard, then fetch the image data and display the image data in the empty frame.
+### Reading image data from clipboard
 
-> **Note:** At this time, while Firefox does implement
-> `read()`, it does not recognize the `"clipboard-read"`
-> permission, so attempting to use the [Permissions API](/en-US/docs/Web/API/Permissions_API) to manage access to
-> the API will not work.
+This example uses the `read()` method to read image data from the clipboard and paste it into an {{HTMLElement("img")}} element.
 
 #### HTML
 
 ```html
 <img id="source" src="butterfly.jpg" alt="A butterfly" />
 <img id="destination" />
+<button id="reload" type="button">Reload</button>
+<p id="log"></p>
 ```
 
 #### CSS
@@ -73,39 +62,183 @@ img {
   margin: 0 1rem;
   border: 1px solid black;
 }
+#reload {
+  display: block;
+  margin: 0 1rem;
+}
 ```
 
 #### JavaScript
 
+This code provides a mechanism to log any errors to the element with id `log`.
+
+```js
+const logElement = document.querySelector("#log");
+function log(text) {
+  logElement.innerText = `Error: ${text}`;
+}
+```
+
+We also add code to reload and clear the example when the "Reload" button is pressed.
+
+```js
+const reload = document.querySelector("#reload");
+
+reload.addEventListener("click", () => {
+  window.location.reload(true);
+});
+```
+
+The remaining code reads the clipboard when the destination element is clicked and copies the image data into the `destinationImage` element.
+It logs an error if it is unable to use the `read()` method, or if the clipboard does not contain data in PNG format.
+
 ```js
 const destinationImage = document.querySelector("#destination");
 destinationImage.addEventListener("click", pasteImage);
 
 async function pasteImage() {
   try {
-    const permission = await navigator.permissions.query({
-      name: "clipboard-read",
-    });
-    if (permission.state === "denied") {
-      throw new Error("Not allowed to read clipboard.");
-    }
     const clipboardContents = await navigator.clipboard.read();
     for (const item of clipboardContents) {
       if (!item.types.includes("image/png")) {
-        throw new Error("Clipboard contains non-image data.");
+        throw new Error("Clipboard does not contain PNG image data.");
       }
       const blob = await item.getType("image/png");
       destinationImage.src = URL.createObjectURL(blob);
     }
   } catch (error) {
-    console.error(error.message);
+    log(error.message);
+  }
+}
+```
+
+#### Result
+
+Copy the butterfly image on the left by right-clicking the image and selecting "Copy image" from the context menu.
+Then click on the empty frame on the right.
+The example will fetch the image data from the clipboard and display the image in the empty frame.
+
+{{EmbedLiveSample("Reading image data from clipboard", "100%", "200")}}
+
+> **Note:** If prompted, grant permission in order to paste the image.
+
+### Reading data from the clipboard
+
+This example uses the `read()` method to read data from the clipboard and log whatever data is stored in the clipboard.
+
+This differs from the previous version in that it will display text, HTML, and image {{domxref("ClipboardItem")}} objects (rather than just images).
+
+#### HTML
+
+```html
+<img id="source_jpg" src="butterfly.jpg" alt="JPG butterfly image" />
+<div id="destination">Click here to copy clipboard data.</div>
+<button id="reload" type="button">Reload</button>
+<p id="log"></p>
+```
+
+#### CSS
+
+```css
+img {
+  height: 100px;
+  width: 100px;
+  margin: 0 1rem;
+  border: 1px solid black;
+}
+
+#destination {
+  min-height: 300px;
+  min-width: 90%;
+  margin: 0 1rem;
+  border: 1px solid black;
+}
+
+#reload {
+  display: block;
+  margin: 0 1rem;
+}
+```
+
+#### JavaScript
+
+This code provides a mechanism to log any errors to the element with id `log`.
+
+```js
+const logElement = document.querySelector("#log");
+function log(text) {
+  logElement.innerText = `Error: ${text}`;
+}
+```
+
+We also add code to reload and clear the example when the "Reload" button is pressed.
+
+```js
+const reload = document.querySelector("#reload");
+
+reload.addEventListener("click", () => {
+  window.location.reload(true);
+});
+```
+
+The remaining code reads the clipboard when the destination element is clicked and displays each {{domxref("ClipboardItem")}} element along with its MIME type.
+It logs an error it is unable to use the `read()` method, or if the clipboard contains any other MIME type.
+
+```js
+const destinationDiv = document.querySelector("#destination");
+destinationDiv.addEventListener("click", pasteData);
+
+async function pasteData() {
+  destinationDiv.innerText = ""; //Clear inner text
+  try {
+    const clipboardContents = await navigator.clipboard.read();
+    for (const item of clipboardContents) {
+      for (const mimeType of item.types) {
+        const mimeTypeElement = document.createElement("p");
+        mimeTypeElement.innerText = `MIME type: ${mimeType}`;
+        destinationDiv.appendChild(mimeTypeElement);
+        if (mimeType === "image/png") {
+          const pngImage = new Image(); // Image constructor
+          pngImage.src = "image1.png";
+          pngImage.alt = "PNG image from clipboard";
+          const blob = await item.getType("image/png");
+          pngImage.src = URL.createObjectURL(blob);
+          destinationDiv.appendChild(pngImage);
+        } else if (mimeType === "text/html") {
+          const blob = await item.getType("text/html");
+          const blobText = await blob.text();
+          const clipHTML = document.createElement("pre");
+          clipHTML.innerText = blobText;
+          destinationDiv.appendChild(clipHTML);
+        } else if (mimeType === "text/plain") {
+          const blob = await item.getType("text/plain");
+          const blobText = await blob.text();
+          const clipPlain = document.createElement("pre");
+          clipPlain.innerText = blobText;
+          destinationDiv.appendChild(clipPlain);
+        } else {
+          throw new Error(`${mimeType} not supported.`);
+        }
+      }
+    }
+  } catch (error) {
+    log(error.message);
   }
 }
 ```
 
 #### Result
 
-{{EmbedLiveSample("Reading image data")}}
+Copy some text or the butterfly (JPG) image below (to copy images right-click on them and then select "Copy image" from the context menu).
+Select the indicated frame below to paste this information from the clipboard into the frame.
+
+{{EmbedLiveSample("Reading data from the clipboard", "100%", "450")}}
+
+Notes:
+
+- Even though the butterfly image is a JPG file, when read from the clipboard it is a PNG.
+- If prompted, you will need to grant permission in order to paste the image.
+- This may not work on chromium browsers as the sample frame is not granted the [Permissions-Policy](/en-US/docs/Web/HTTP/Headers/Permissions-Policy) `clipboard-read` and `clipboard-write` permissions ([required by Chromium browsers](/en-US/docs/Web/API/Clipboard_API#security_considerations)).
 
 ## Specifications
 
@@ -119,3 +252,6 @@ async function pasteImage() {
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
+- {{domxref("Clipboard.readText()")}}
+- {{domxref("Clipboard.writeText()")}}
+- {{domxref("Clipboard.write()")}}
diff --git a/files/en-us/web/api/clipboard/readtext/index.md b/files/en-us/web/api/clipboard/readtext/index.md
index eb470164a81dce6..14a981fac4051ea 100644
--- a/files/en-us/web/api/clipboard/readtext/index.md
+++ b/files/en-us/web/api/clipboard/readtext/index.md
@@ -6,11 +6,12 @@ page-type: web-api-instance-method
 browser-compat: api.Clipboard.readText
 ---
 
-{{APIRef("Clipboard API")}}
+{{APIRef("Clipboard API")}} {{securecontext_header}}
 
-The **{{domxref("Clipboard")}}** interface's
-**`readText()`** method returns a {{jsxref("Promise")}} which
-resolves with a copy of the textual contents of the system clipboard.
+The **`readText()`** method of the {{domxref("Clipboard")}} interface returns a {{jsxref("Promise")}} which fulfils with a copy of the textual contents of the system clipboard.
+
+> **Note:** To read non-text contents from the clipboard, use the {{domxref("Clipboard.read", "read()")}} method instead.
+> You can write text to the clipboard using {{domxref("Clipboard.writeText", "writeText()")}}.
 
 ## Syntax
 
@@ -24,30 +25,34 @@ None.
 
 ### Return value
 
-A {{jsxref("Promise")}} that resolves with a string containing the
-textual contents of the clipboard. Returns an empty string if the clipboard is empty,
-does not contain text, or does not include a textual representation among the
-{{domxref("DataTransfer")}} objects representing the clipboard's contents.
+A {{jsxref("Promise")}} that resolves with a string containing the textual contents of the clipboard.
+
+Returns an empty string if the clipboard is empty, does not contain text, or does not include a textual representation among the objects representing the clipboard's contents.
+
+### Exceptions
 
-To read non-text contents from the clipboard, use the {{domxref("Clipboard.read",
-  "read()")}} method instead. You can write text to the clipboard using
-{{domxref("Clipboard.writeText", "writeText()")}}.
+- `NotAllowedError` {{domxref("DOMException")}}
+  - : Thrown if the access to read the clipboard is not allowed.
+- `NotFoundError` {{domxref("DOMException")}}
+  - : Thrown if the clipboard indicates that it contains data that can be represented as a text but is unable to provide a textual representation.
 
-## Security
+## Security considerations
 
-[Transient user activation](/en-US/docs/Web/Security/User_activation) is required. The user has to interact with the page or a UI element in order for this feature to work.
+Reading from the clipboard can only be done in a [secure context](/en-US/docs/Web/Security/Secure_Contexts).
 
-The `"clipboard-read"` permission of the [Permissions API](/en-US/docs/Web/API/Permissions_API) must be granted before you can read data from the clipboard.
+Additional security requirements are covered in the [Security consideration](/en-US/docs/Web/API/Clipboard_API#security_considerations) section of the API overview topic.
 
 ## Examples
 
-This example retrieves the textual contents of the clipboard and inserts the returned
-text into an element's contents.
+This example retrieves the textual contents of the clipboard and inserts the returned text into a selected element's contents.
 
 ```js
-navigator.clipboard
-  .readText()
-  .then((clipText) => (document.getElementById("outbox").innerText = clipText));
+const destination = document.getElementById("outbox");
+destinationImage.addEventListener("click", () => {
+  navigator.clipboard
+    .readText()
+    .then((clipText) => (destination.innerText = clipText));
+});
 ```
 
 ## Specifications
@@ -62,5 +67,6 @@ navigator.clipboard
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
+- {{domxref("Clipboard.read()")}}
 - {{domxref("Clipboard.writeText()")}}
 - {{domxref("Clipboard.write()")}}
diff --git a/files/en-us/web/api/clipboard/write/index.md b/files/en-us/web/api/clipboard/write/index.md
index 2fc45ec3b4a1c53..c2613a1edd400b1 100644
--- a/files/en-us/web/api/clipboard/write/index.md
+++ b/files/en-us/web/api/clipboard/write/index.md
@@ -6,21 +6,13 @@ page-type: web-api-instance-method
 browser-compat: api.Clipboard.write
 ---
 
-{{APIRef("Clipboard API")}}
+{{APIRef("Clipboard API")}} {{securecontext_header}}
 
-The {{domxref("Clipboard")}} method
-**`write()`** writes arbitrary data, such as images, to the
-clipboard. This can be used to implement cut and copy functionality.
+The **`write()`** method of the {{domxref("Clipboard")}} interface writes arbitrary data to the clipboard, such as images, fulfilling the returned {{jsxref("Promise")}} on completion.
+This can be used to implement cut and copy functionality.
 
-The `"clipboard-write"` permission of the [Permissions API](/en-US/docs/Web/API/Permissions_API), is granted
-automatically to pages when they are in the active tab.
-
-> **Note:** Browser support for the asynchronous clipboard APIs is still
-> in the process of being implemented. Be sure to check the [compatibility table](#browser_compatibility) as well as
-> [Clipboard availability](/en-US/docs/Web/API/Clipboard#clipboard_availability) for more
-> information.
-
-> **Note:** For parity with Google Chrome, Firefox only allows this function to work with text, HTML, and PNG data.
+The method can in theory write arbitrary data (unlike {{domxref("Clipboard.writeText", "writeText()")}}, which can only write text).
+Browsers commonly support writing text, HTML, and PNG image data — see [browser compatibility](#browser_compatibility) for more information.
 
 ## Syntax
 
@@ -31,67 +23,73 @@ write(data)
 ### Parameters
 
 - `data`
-  - : An array of {{domxref("ClipboardItem")}} objects containing data to be written to
-    the clipboard.
+  - : An array of {{domxref("ClipboardItem")}} objects containing data to be written to the clipboard.
 
 ### Return value
 
-A {{jsxref("Promise")}} which is resolved when the data has been written to the
-clipboard. The promise is rejected if the clipboard is unable to complete the clipboard
-access.
+A {{jsxref("Promise")}} which is resolved when the data has been written to the clipboard.
+Note that if the underlying OS does not support multiple native clipboard items on the system clipboard, then only the first {{domxref("ClipboardItem")}} in the array is written.
+
+The promise is rejected if the clipboard is unable to write to the clipboard.
+
+### Exceptions
+
+- `NotAllowedError` {{domxref("DOMException")}}
+  - : Thrown if writing to the clipboard is not allowed.
+
+## Security considerations
+
+Writing to the clipboard can only be done in a [secure context](/en-US/docs/Web/Security/Secure_Contexts).
+
+Additional security requirements are covered in the [Security consideration](/en-US/docs/Web/API/Clipboard_API#security_considerations) section of the API overview topic.
 
 ## Examples
 
-This example function replaces the current contents of the clipboard with a specified
-string.
+### Write text to the clipboard
+
+This example function replaces the current contents of the clipboard with a specified string when a button is pressed.
+Note that for this particular case, you could just as readily use `Clipboard.writeText()`.
 
 ```js
-function setClipboard(text) {
+button.addEventListener("click", setClipboard("<empty clipboard>"));
+
+async function setClipboard(text) {
   const type = "text/plain";
   const blob = new Blob([text], { type });
   const data = [new ClipboardItem({ [type]: blob })];
-
-  navigator.clipboard.write(data).then(
-    () => {
-      /* success */
-    },
-    () => {
-      /* failure */
-    },
-  );
+  await navigator.clipboard.write(data);
 }
 ```
 
-The code begins by creating a new a {{domxref("Blob")}} object. This object is
-required to construct a {{domxref("ClipboardItem")}} object which is sent to the
-clipboard. The {{domxref("Blob")}} constructor takes in the content we want to copy
-and its type. This {{domxref("Blob")}} object can be derived from many sources; for example, a [canvas](/en-US/docs/Web/API/HTMLCanvasElement).
+The `setClipboard()` method begins by creating a new a {{domxref("Blob")}} object.
+This object is required to construct a {{domxref("ClipboardItem")}} object which is sent to the clipboard.
+The {{domxref("Blob")}} constructor takes in the content we want to copy and its type.
+This {{domxref("Blob")}} object can be derived from many sources; for example, a [canvas](/en-US/docs/Web/API/HTMLCanvasElement).
 
 Next, we create a new {{domxref("ClipboardItem")}} object into which the blob will be placed for sending to the clipboard.
-The key of the object passed to the {{domxref("ClipboardItem")}} constructor indicates the content type, the value indicates the content. Then `write()` is called, specifying both a fulfillment function
-and an error function.
+The key of the object passed to the {{domxref("ClipboardItem")}} constructor indicates the content type, the value indicates the content.
+Then `write()` is called with `await`.
+A `try..catch` block could be used to catch any errors writing the data.
+
+### Write canvas contents to the clipboard
 
-### Example of copying canvas contents to the clipboard
+This example writes the canvas to a blob, using the default MIME type of `image/png`, and then writes the blob to the clipboard.
 
 ```js
-function copyCanvasContentsToClipboard(canvas, onDone, onError) {
-  canvas.toBlob((blob) => {
-    let data = [new ClipboardItem({ [blob.type]: blob })];
-
-    navigator.clipboard.write(data).then(
-      () => {
-        onDone();
-      },
-      (err) => {
-        onError(err);
-      },
-    );
-  });
+// Get canvas can add an event handler for the click event.
+const canvas = document.getElementById("canvas");
+canvas.addEventListener("click", copyCanvasContentsToClipboard());
+
+async function copyCanvasContentsToClipboard() {
+  // Copy canvas to blob
+  const blob = await canvas.toBlob();
+  // Create ClipboardItem with blob and it's type, and add to an array
+  const data = [new ClipboardItem({ [blob.type]: blob })];
+  // Write the data to the clipboard
+  await navigator.clipboard.write(data);
 }
 ```
 
-> **Note:** You can only pass in one clipboard item at a time.
-
 ## Specifications
 
 {{Specifications}}
@@ -104,3 +102,6 @@ function copyCanvasContentsToClipboard(canvas, onDone, onError) {
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
+- {{domxref("Clipboard.writeText()")}}
+- {{domxref("Clipboard.read()")}}
+- {{domxref("Clipboard.readText()")}}
diff --git a/files/en-us/web/api/clipboard/writetext/index.md b/files/en-us/web/api/clipboard/writetext/index.md
index bef7d3a6809e276..4b81cd4f897834a 100644
--- a/files/en-us/web/api/clipboard/writetext/index.md
+++ b/files/en-us/web/api/clipboard/writetext/index.md
@@ -6,12 +6,9 @@ page-type: web-api-instance-method
 browser-compat: api.Clipboard.writeText
 ---
 
-{{APIRef("Clipboard API")}}
+{{APIRef("Clipboard API")}} {{securecontext_header}}
 
-The {{domxref("Clipboard")}} interface's **`writeText()`**
-property writes the specified text string to the system clipboard. Text may be read back
-using either {{domxref("Clipboard.read", "read()")}} or {{domxref("Clipboard.readText",
-  "readText()")}}.
+The **`writeText()`** method of the {{domxref("Clipboard")}} interface writes the specified text to the system clipboard, returning a {{jsxref("Promise")}} that is resolved once the system clipboard has been updated.
 
 ## Syntax
 
@@ -26,29 +23,33 @@ writeText(newClipText)
 
 ### Return value
 
-A {{jsxref("Promise")}} which is resolved once the clipboard's contents have been
-updated. The promise is rejected if the caller does not have permission to write to the
-clipboard.
+A {{jsxref("Promise")}} that is resolved once the clipboard's contents have been updated.
 
-## Security
+### Exceptions
 
-[Transient user activation](/en-US/docs/Web/Security/User_activation) is required. The user has to interact with the page or a UI element in order for this feature to work.
+- `NotAllowedError` {{domxref("DOMException")}}
+  - : Thrown if writing to the clipboard is not allowed.
 
-The `"clipboard-write"` permission of the [Permissions API](/en-US/docs/Web/API/Permissions_API) is granted automatically to pages when they are in the active tab.
+## Security considerations
+
+Writing to the clipboard can only be done in a [secure context](/en-US/docs/Web/Security/Secure_Contexts).
+
+Additional security requirements are covered in the [Security consideration](/en-US/docs/Web/API/Clipboard_API#security_considerations) section of the API overview topic.
 
 ## Examples
 
 This example sets the clipboard's contents to the string "\<empty clipboard>".
 
 ```js
-navigator.clipboard.writeText("<empty clipboard>").then(
-  () => {
-    /* clipboard successfully set */
-  },
-  () => {
-    /* clipboard write failed */
-  },
-);
+button.addEventListener("click", writeClipboardText("<empty clipboard>"));
+
+async function writeClipboardText(text) {
+  try {
+    await navigator.clipboard.writeText(text);
+  } catch (error) {
+    console.error(error.message);
+  }
+}
 ```
 
 ## Specifications
@@ -63,3 +64,6 @@ navigator.clipboard.writeText("<empty clipboard>").then(
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
 - [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
+- {{domxref("Clipboard.write()")}}
+- {{domxref("Clipboard.read()")}}
+- {{domxref("Clipboard.readText()")}}
diff --git a/files/en-us/web/api/clipboard_api/index.md b/files/en-us/web/api/clipboard_api/index.md
index a2801c4dca8975a..da1999c6c2a1b89 100644
--- a/files/en-us/web/api/clipboard_api/index.md
+++ b/files/en-us/web/api/clipboard_api/index.md
@@ -10,20 +10,91 @@ browser-compat:
 
 {{DefaultAPISidebar("Clipboard API")}}
 
-The **Clipboard API** provides the ability to respond to clipboard commands (cut, copy, and paste) as well as to asynchronously read from and write to the system clipboard.
+The **Clipboard API** provides the ability to respond to clipboard commands (cut, copy, and paste), as well as to asynchronously read from and write to the system clipboard.
+
+> **Note:** Use this API in preference to the deprecated {{domxref("document.execCommand()")}} method for accessing the clipboard.
 
 > **Note:** This API is _not available_ in [Web Workers](/en-US/docs/Web/API/Web_Workers_API) (not exposed via {{domxref("WorkerNavigator")}}).
 
-This API is designed to supersede accessing the clipboard using {{domxref("document.execCommand()")}}.
+## Concepts and usage
+
+The _system clipboard_ is a data buffer belonging to the operating system hosting the browser, which is used for short-term data storage and/or data transfers between documents or applications.
+It is usually implemented as an anonymous, temporary [data buffer](https://en.wikipedia.org/wiki/Data_buffer), sometimes called the _paste buffer_, that can be accessed from most or all programs within the environment via defined programming interfaces.
+
+The Clipboard API allows users to programmatically read and write text and other kinds of data to and from the system clipboard in [secure contexts](/en-US/docs/Web/Security/Secure_Contexts), provided the user has met the criteria outlined in the [Security considerations](#security_considerations).
+
+Events are fired as the result of {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/copy_event", "copy")}}, and {{domxref("Element/paste_event", "paste")}} operations modifying the clipboard.
+The events have a default action, for example the `copy` action copies the current selection to the system clipboard by default.
+The default action can be overriden by the event handler — see each of the events for more information.
+
+## Interfaces
+
+- {{domxref("Clipboard")}} {{securecontext_inline}}
+  - : Provides an interface for reading and writing text and data to or from the system clipboard.
+    The specification refers to this as the 'Async Clipboard API'.
+- {{domxref("ClipboardEvent")}}
+  - : Represents events providing information related to modification of the clipboard, that is {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/copy_event", "copy")}}, and {{domxref("Element/paste_event", "paste")}} events.
+    The specification refers to this as the 'Clipboard Event API'.
+- {{domxref("ClipboardItem")}} {{securecontext_inline}}
+  - : Represents a single item format, used when reading or writing data.
+
+### Extensions to other interfaces
+
+The Clipboard API extends the following APIs, adding the listed features.
+
+- {{domxref("Navigator.clipboard")}} {{readonlyinline}} {{securecontext_inline}}
+  - : Returns a {{domxref("Clipboard")}} object that provides read and write access to the system clipboard.
+- [`Element: copy`](/en-US/docs/Web/API/Element/copy_event) event
+  - : An event fired whenever the user initiates a copy action.
+- [`Element: cut`](/en-US/docs/Web/API/Element/cut_event) event
+  - : An event fired whenever the user initiates a cut action.
+- [`Element: paste`](/en-US/docs/Web/API/Element/cut_event) event
+  - : An event fired whenever the user initiates a paste action.
+
+<!-- Note `Window: clipboardchange` event is in spec but not implemented -->
+
+## Security considerations
+
+The Clipboard API allows users to programmatically read and write text and other kinds of data to and from the system clipboard in [secure contexts](/en-US/docs/Web/Security/Secure_Contexts).
 
-> **Note:** The **clipboard** is a data buffer that is used for short-term, data storage and/or data transfers, this can be between documents or applications.
-> It is usually implemented as an anonymous, temporary [data buffer](https://en.wikipedia.org/wiki/Data_buffer), sometimes called the paste buffer, that can be accessed from most or all programs within the environment via defined [programming interfaces](https://en.wikipedia.org/wiki/Application_programming_interface).
->
-> A typical application accesses clipboard functionality by mapping [user input](https://en.wikipedia.org/wiki/User_input) such as [keybindings](https://en.wikipedia.org/wiki/Keybinding), [menu selections](<https://en.wikipedia.org/wiki/Menu_(computing)>), etc. to these interfaces.
+The specification requires that a user has recently interacted with the page in order to read from the clipboard ([transient user activation](/en-US/docs/Web/Security/User_activation) is required).
+If the read operation is caused by user interaction with a browser or OS "paste element" (such as a context menu), the browser is expected to prompt the user for acknowledgement.
+For writing to the clipboard the specification expects that the page has been granted the [Permissions API](/en-US/docs/Web/API/Permissions_API) `clipboard-write` permission, and the browser may also require [transient user activation](/en-US/docs/Web/Security/User_activation).
+Browsers may place additional restrictions over use of the methods to access the clipboard.
 
-## Accessing the clipboard
+Browser implementations have diverged from the specification.
+The differences are captured in the [Browser compatibility](#browser_compatibility) section and the current state is summarized below:
 
-Instead of creating a `Clipboard` object through instantiation, you access the system clipboard through the {{domxref("Navigator.clipboard")}} global:
+Chromium browsers:
+
+- Reading requires the [Permissions API](/en-US/docs/Web/API/Permissions_API) `clipboard-read` permission be granted.
+  Transient activation is not required.
+- Writing requires either the `clipboard-read` permission or transient activation.
+  If the permission is granted, it persists, and further transient activation is not required.
+- The HTTP [Permissions-Policy](/en-US/docs/Web/HTTP/Headers/Permissions-Policy) permissions `clipboard-read` and `clipboard-write` must be allowed for {{HTMLElement("iframe")}} elements that access the clipboard.
+- No persistent paste-prompt is displayed when a read operation is caused by a browser or OS "paste element".
+
+Firefox & Safari:
+
+- Reading and writing require transient activation.
+- The paste-prompt is is suppressed if reading same-origin clipboard content, but not cross-origin content.
+- The `clipboard-read` and `clipboard-write` permissions are not supported (and not planned to be supported) by Firefox or Safari.
+
+Firefox [Web Extensions](/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard):
+
+- Reading text is only available for extensions with the Web Extension [`clipboardRead`](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions#clipboardread) permission.
+  With this permission the extension does not require transient activation or a paste prompt.
+- Writing text is available in secure context and with transient activation.
+  With the Web Extension [`clipboardWrite`](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions#clipboardwrite) permission transient activation is not required.
+
+## Examples
+
+### Accessing the clipboard
+
+The system clipboard is accessed through the {{domxref("Navigator.clipboard")}} global.
+
+This snippet fetches the text from the clipboard and appends it to the first element found with the class `editor`.
+Since {{domxref("Clipboard.readText", "readText()")}} (and {{domxref("Clipboard.read", "read()")}}, for that matter) returns an empty string if the clipboard isn't text, this code is safe.
 
 ```js
 navigator.clipboard
@@ -33,17 +104,6 @@ navigator.clipboard
   );
 ```
 
-This snippet fetches the text from the clipboard and appends it to the first element found with the class `editor`. Since {{domxref("Clipboard.readText", "readText()")}} (and {{domxref("Clipboard.read", "read()")}}, for that matter) returns an empty string if the clipboard isn't text, this code is safe.
-
-## Interfaces
-
-- {{domxref("Clipboard")}} {{securecontext_inline}}
-  - : Provides an interface for reading and writing text and data to or from the system clipboard. The specification refers to this as the 'Async Clipboard API'.
-- {{domxref("ClipboardEvent")}}
-  - : Represents events providing information related to modification of the clipboard, that is {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/copy_event", "copy")}}, and {{domxref("Element/paste_event", "paste")}} events. The specification refers to this as the 'Clipboard Event API'.
-- {{domxref("ClipboardItem")}} {{securecontext_inline}}
-  - : Represents a single item format, used when reading or writing data.
-
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/clipboardevent/clipboarddata/index.md b/files/en-us/web/api/clipboardevent/clipboarddata/index.md
index 68bfe307bf0607a..fd2fb95269df3a3 100644
--- a/files/en-us/web/api/clipboardevent/clipboarddata/index.md
+++ b/files/en-us/web/api/clipboardevent/clipboarddata/index.md
@@ -8,16 +8,12 @@ browser-compat: api.ClipboardEvent.clipboardData
 
 {{APIRef("Clipboard API")}}
 
-The **`ClipboardEvent.clipboardData`** property holds a {{domxref("DataTransfer")}} object, which can be used:
+The **`clipboardData`** property of the {{domxref("ClipboardEvent")}} interface holds a {{domxref("DataTransfer")}} object, which can be used to:
 
-- to specify what data should be put into the clipboard from the {{domxref("Element/cut_event", "cut")}} and
-  {{domxref("Element/copy_event", "copy")}} event handlers, typically with a {{domxref("DataTransfer.setData",
-    "setData(format, data)")}} call;
-- to obtain the data to be pasted from the {{domxref("Element/paste_event", "paste")}} event handler, typically
-  with a {{domxref("DataTransfer.getData", "getData(format)")}} call.
+- specify what data should be put into the clipboard from the {{domxref("Element/cut_event", "cut")}} and {{domxref("Element/copy_event", "copy")}} event handlers, typically with a {{domxref("DataTransfer.setData", "setData(format, data)")}} call;
+- obtain the data to be pasted from the {{domxref("Element/paste_event", "paste")}} event handler, typically with a {{domxref("DataTransfer.getData", "getData(format)")}} call.
 
-See the {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/copy_event", "copy")}}, and {{domxref("Element/paste_event", "paste")}} events
-documentation for more information.
+See the {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/copy_event", "copy")}}, and {{domxref("Element/paste_event", "paste")}} events documentation for more information.
 
 ## Value
 
diff --git a/files/en-us/web/api/clipboardevent/clipboardevent/index.md b/files/en-us/web/api/clipboardevent/clipboardevent/index.md
index bd83f7c3d7f5476..a082297e8220313 100644
--- a/files/en-us/web/api/clipboardevent/clipboardevent/index.md
+++ b/files/en-us/web/api/clipboardevent/clipboardevent/index.md
@@ -8,10 +8,7 @@ browser-compat: api.ClipboardEvent.ClipboardEvent
 
 {{APIRef("Clipboard API")}}
 
-The **`ClipboardEvent()`** constructor returns a new {{domxref("ClipboardEvent")}},
-representing an event providing information related to modification of the clipboard,
-that is {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/copy_event", "copy")}}, and
-{{domxref("Element/paste_event", "paste")}} events.
+The **`ClipboardEvent()`** constructor returns a new {{domxref("ClipboardEvent")}}, representing an event providing information related to modification of the clipboard, that is {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/copy_event", "copy")}}, and {{domxref("Element/paste_event", "paste")}} events.
 
 ## Syntax
 
diff --git a/files/en-us/web/api/clipboardevent/index.md b/files/en-us/web/api/clipboardevent/index.md
index 5ffcc20d670a37d..a3ece80eadd2e63 100644
--- a/files/en-us/web/api/clipboardevent/index.md
+++ b/files/en-us/web/api/clipboardevent/index.md
@@ -7,7 +7,7 @@ browser-compat: api.ClipboardEvent
 
 {{APIRef("Clipboard API")}}
 
-The **`ClipboardEvent`** interface represents events providing information related to modification of the clipboard, that is {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/copy_event", "copy")}}, and {{domxref("Element/paste_event", "paste")}} events.
+The **`ClipboardEvent`** interface of the [Clipboard API](/en-US/docs/Web/API/Clipboard_API) represents events providing information related to modification of the clipboard, that is {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/copy_event", "copy")}}, and {{domxref("Element/paste_event", "paste")}} events.
 
 {{InheritanceDiagram}}
 
diff --git a/files/en-us/web/api/clipboarditem/clipboarditem/index.md b/files/en-us/web/api/clipboarditem/clipboarditem/index.md
index 3b7ec7be543637d..23e03b2ec95339e 100644
--- a/files/en-us/web/api/clipboarditem/clipboarditem/index.md
+++ b/files/en-us/web/api/clipboarditem/clipboarditem/index.md
@@ -6,9 +6,9 @@ page-type: web-api-constructor
 browser-compat: api.ClipboardItem.ClipboardItem
 ---
 
-{{APIRef("Clipboard API")}}
+{{APIRef("Clipboard API")}} {{securecontext_header}}
 
-The **`ClipboardItem()`** constructor of the {{domxref("Clipboard API")}} creates a new {{domxref("ClipboardItem")}} object which represents data to be stored or retrieved via the {{domxref("Clipboard API")}}, that is {{domxref("clipboard.write()")}} and {{domxref("clipboard.read()")}} respectively.
+The **`ClipboardItem()`** constructor creates a new {{domxref("ClipboardItem")}} object, which represents data to be stored or retrieved via the [Clipboard API](/en-US/docs/Web/API/Clipboard_API) {{domxref("clipboard.write()")}} and {{domxref("clipboard.read()")}} methods, respectively.
 
 > **Note:** Image format support varies by browser. See the browser compatibility table for the {{domxref("Clipboard")}} interface.
 
@@ -22,18 +22,20 @@ new ClipboardItem(data, options)
 ### Parameters
 
 - `data`
-  - : An {{jsxref("Object")}} with the {{Glossary("MIME type")}} as the key and data as the value. The data can be represented as a {{domxref("Blob")}}, a {{jsxref("String")}} or a {{jsxref("Promise")}} which resolves to either a blob or string.
+  - : An {{jsxref("Object")}} with the {{Glossary("MIME type")}} as the key and data as the value.
+    The data can be represented as a {{domxref("Blob")}}, a {{jsxref("String")}} or a {{jsxref("Promise")}} which resolves to either a blob or string.
 - `options` {{optional_inline}}
   - : An object with the following properties:
     - `presentationStyle` {{optional_inline}}
-      - : One of the three strings: `unspecified`, `inline` or `attachment`. The default is `unspecified`.
+      - : One of the three strings: `unspecified`, `inline` or `attachment`.
+        The default is `unspecified`.
 
-> **Note:** You can also work with text via the {{domxref("Clipboard.readText()")}} and {{domxref("Clipboard.writeText()")}} methods of the {{domxref("Clipboard")}}
-> interface.
+> **Note:** You can also work with text via the {{domxref("Clipboard.readText()")}} and {{domxref("Clipboard.writeText()")}} methods of the {{domxref("Clipboard")}} interface.
 
 ## Examples
 
-The below example requests a png image using the {{domxref("Fetch API")}}, and in turn, the {{domxref("Response.blob()", "responses' blob()")}} method, to create a new {{domxref("ClipboardItem")}}. This item is then written to the clipboard, using the {{domxref("Clipboard.write()")}} method.
+The below example requests a PNG image using the {{domxref("Fetch API")}}, and in turn, the {{domxref("Response.blob()", "responses' blob()")}} method, to create a new {{domxref("ClipboardItem")}}.
+This item is then written to the clipboard, using the {{domxref("Clipboard.write()")}} method.
 
 > **Note:** You can only pass in one clipboard item at a time.
 
diff --git a/files/en-us/web/api/clipboarditem/gettype/index.md b/files/en-us/web/api/clipboarditem/gettype/index.md
index 70bd915f9846175..bdf857c9a5a4e44 100644
--- a/files/en-us/web/api/clipboarditem/gettype/index.md
+++ b/files/en-us/web/api/clipboarditem/gettype/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.ClipboardItem.getType
 ---
 
-{{APIRef("Clipboard API")}}
+{{APIRef("Clipboard API")}} {{securecontext_header}}
 
 The **`getType()`** method of the {{domxref("ClipboardItem")}} interface returns a {{jsxref("Promise")}} that resolves with a {{domxref("Blob")}} of the requested {{Glossary("MIME type")}} or an error if the MIME type is not found.
 
@@ -30,15 +30,12 @@ A {{jsxref("Promise")}} that resolves with a {{domxref("Blob")}} object.
 - `NotFoundError` {{domxref("DOMException")}}
   - : The `type` does not match a known {{Glossary("MIME type")}}.
 - {{jsxref("TypeError")}}
-  - : No parameter is specified or the `type` is not that of the
-    {{domxref("ClipboardItem")}}.
+  - : No parameter is specified or the `type` is not that of the {{domxref("ClipboardItem")}}.
 
 ## Examples
 
-In the following example, we're returning all items on the clipboard via the
-{{domxref("clipboard.read()")}} method. Then utilizing the
-{{domxref("ClipboardItem.types")}} property to set the `getType()` argument
-and return the corresponding blob object.
+In the following example, we're returning all items on the clipboard via the {{domxref("clipboard.read()")}} method.
+Then utilizing the {{domxref("ClipboardItem.types")}} property to set the `getType()` argument and return the corresponding blob object.
 
 ```js
 async function getClipboardContents() {
diff --git a/files/en-us/web/api/clipboarditem/index.md b/files/en-us/web/api/clipboarditem/index.md
index f5c803d92138272..87a5aec9f08c697 100644
--- a/files/en-us/web/api/clipboarditem/index.md
+++ b/files/en-us/web/api/clipboarditem/index.md
@@ -7,16 +7,12 @@ browser-compat: api.ClipboardItem
 
 {{APIRef("Clipboard API")}}{{SecureContext_Header}}
 
-The **`ClipboardItem`** interface of the {{domxref('Clipboard API')}} represents a single item format, used when reading or writing data via the {{domxref('Clipboard API')}}. That is {{domxref("clipboard.read()")}} and {{domxref("clipboard.write()")}} respectively.
+The **`ClipboardItem`** interface of the [Clipboard API](/en-US/docs/Web/API/Clipboard_API) represents a single item format, used when reading or writing clipboard data using {{domxref("clipboard.read()")}} and {{domxref("clipboard.write()")}} respectively.
 
-The benefit of having the **`ClipboardItem`** interface to represent data, is that it enables developers to cope with the varying scope of file types and data easily.
-
-Access to the contents of the clipboard is gated behind the [Permissions API](/en-US/docs/Web/API/Permissions_API): The `clipboard-write` permission is granted automatically to pages when they are in the active tab. The `clipboard-read` permission must be requested, which you can do by trying to read data from the clipboard.
+The benefit of having the **`ClipboardItem`** interface to represent data, is that it enables developers to cope with the varying scope of file types and data.
 
 > **Note:** To work with text see the {{domxref("Clipboard.readText()")}} and {{domxref("Clipboard.writeText()")}} methods of the {{domxref("Clipboard")}} interface.
 
-> **Note:** You can only pass in one clipboard item at a time.
-
 ## Constructor
 
 - {{domxref("ClipboardItem.ClipboardItem", "ClipboardItem()")}}
@@ -40,9 +36,9 @@ _This interface defines the following methods._
 
 ## Examples
 
-### Writing To Clipboard
+### Writing to the clipboard
 
-Here we're writing a new {{domxref("ClipboardItem.ClipboardItem", "ClipboardItem()")}} to the {{domxref("Clipboard API", "clipboard")}} by requesting a png image using the {{domxref("Fetch API")}}, and in turn, the {{domxref("Response.blob()", "responses' blob()")}} method, to create the new {{domxref("ClipboardItem")}}.
+Here we're writing a new {{domxref("ClipboardItem.ClipboardItem", "ClipboardItem()")}} to the system clipboard by requesting a PNG image using the {{domxref("Fetch API")}}, and in turn, the {{domxref("Response.blob()", "responses' blob()")}} method, to create the new `ClipboardItem`.
 
 ```js
 async function writeClipImg() {
@@ -63,9 +59,10 @@ async function writeClipImg() {
 }
 ```
 
-### Reading From The Clipboard
+### Reading from the clipboard
 
-Here we're returning all items on the clipboard via the {{domxref("clipboard.read()")}} method. Then utilizing the {{domxref("ClipboardItem.types")}} property to set the {{domxref("ClipboardItem.getType", "getType()")}} argument and return the corresponding blob object.
+Here we're returning all items on the clipboard via the {{domxref("clipboard.read()")}} method.
+Then utilizing the {{domxref("ClipboardItem.types")}} property to set the {{domxref("ClipboardItem.getType", "getType()")}} argument and return the corresponding blob object.
 
 ```js
 async function getClipboardContents() {
diff --git a/files/en-us/web/api/clipboarditem/presentationstyle/index.md b/files/en-us/web/api/clipboarditem/presentationstyle/index.md
index dd69cfc5635af6f..3304cdd1b2f73c9 100644
--- a/files/en-us/web/api/clipboarditem/presentationstyle/index.md
+++ b/files/en-us/web/api/clipboarditem/presentationstyle/index.md
@@ -6,11 +6,11 @@ page-type: web-api-instance-property
 browser-compat: api.ClipboardItem.presentationStyle
 ---
 
-{{APIRef("Clipboard API")}}
+{{APIRef("Clipboard API")}} {{securecontext_header}}
 
-The read-only
-**`presentationStyle`** property of the {{domxref("ClipboardItem")}}
-interface returns a string indicating how an item should be presented.
+The read-only **`presentationStyle`** property of the {{domxref("ClipboardItem")}} interface returns a string indicating how an item should be presented.
+
+For example, in some contexts an image might be displayed inline, while in others it might be represented as an attachment.
 
 ## Value
 
diff --git a/files/en-us/web/api/clipboarditem/types/index.md b/files/en-us/web/api/clipboarditem/types/index.md
index 4d18b6c0e84cf26..4b823e3a8ec5ab5 100644
--- a/files/en-us/web/api/clipboarditem/types/index.md
+++ b/files/en-us/web/api/clipboarditem/types/index.md
@@ -6,12 +6,9 @@ page-type: web-api-instance-property
 browser-compat: api.ClipboardItem.types
 ---
 
-{{APIRef("Clipboard API")}}
+{{APIRef("Clipboard API")}} {{securecontext_header}}
 
-The read-only
-**`types`** property of the {{domxref("ClipboardItem")}}
-interface returns an {{jsxref("Array")}} of {{Glossary("MIME type", 'MIME types')}}
-available within the {{domxref("ClipboardItem")}}
+The read-only **`types`** property of the {{domxref("ClipboardItem")}} interface returns an {{jsxref("Array")}} of {{Glossary("MIME type", 'MIME types')}} available within the {{domxref("ClipboardItem")}}
 
 ## Value
 
@@ -19,11 +16,8 @@ An {{jsxref("Array")}} of available {{Glossary("MIME type", 'MIME types')}}.
 
 ## Examples
 
-In the below example, we're returning all items on the clipboard via the
-{{domxref("clipboard.read()")}} method. Then checking the `types` property
-for available types before utilizing the {{domxref("ClipboardItem.getType()")}} method
-to return the {{domxref("Blob")}} object. If no clipboards contents is found for the
-specified type, an error is returned.
+In the below example, we're returning all items on the clipboard via the {{domxref("Clipboard.read()")}} method.
+Then checking the `types` property for available types before utilizing the {{domxref("ClipboardItem.getType()")}} method to return the {{domxref("Blob")}} object. If no clipboards contents is found for the specified type, an error is returned.
 
 ```js
 async function getClipboardContents() {
diff --git a/files/en-us/web/api/element/copy_event/index.md b/files/en-us/web/api/element/copy_event/index.md
index c1d54ce6f82160c..3074f4dbbaca4b3 100644
--- a/files/en-us/web/api/element/copy_event/index.md
+++ b/files/en-us/web/api/element/copy_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.Element.copy_event
 
 {{APIRef}}
 
-The **`copy`** event fires when the user initiates a copy action through the browser's user interface.
+The **`copy`** event of the [Clipboard API](/en-US/docs/Web/API/Clipboard_API) fires when the user initiates a copy action through the browser's user interface.
 
 The event's default action is to copy the selection (if any) to the clipboard.
 
@@ -18,6 +18,8 @@ However, the handler cannot _read_ the clipboard data.
 
 It's possible to construct and dispatch a [synthetic](/en-US/docs/Web/Events/Creating_and_triggering_events) `copy` event, but this will not affect the system clipboard.
 
+This event [bubbles](/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_bubbling_and_capture), is [cancelable](/en-US/docs/Web/API/Event/cancelable) and is [composed](/en-US/docs/Web/API/Event/composed).
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
diff --git a/files/en-us/web/api/element/cut_event/index.md b/files/en-us/web/api/element/cut_event/index.md
index 57ab26497d7f10c..95a848a42dca2a7 100644
--- a/files/en-us/web/api/element/cut_event/index.md
+++ b/files/en-us/web/api/element/cut_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.Element.cut_event
 
 {{APIRef}}
 
-The **`cut`** event is fired when the user has initiated a "cut" action through the browser's user interface.
+The **`cut`** event of the [Clipboard API](/en-US/docs/Web/API/Clipboard_API) is fired when the user has initiated a "cut" action through the browser's user interface.
 
 If the user attempts a cut action on uneditable content, the `cut` event still fires but the event object contains no data.
 
@@ -22,6 +22,8 @@ The handler cannot _read_ the clipboard data.
 
 It's possible to construct and dispatch a [synthetic](/en-US/docs/Web/Events/Creating_and_triggering_events) `cut` event, but this will not affect the system clipboard or the document's contents.
 
+This event [bubbles](/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_bubbling_and_capture), is [cancelable](/en-US/docs/Web/API/Event/cancelable) and is [composed](/en-US/docs/Web/API/Event/composed).
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
diff --git a/files/en-us/web/api/element/paste_event/index.md b/files/en-us/web/api/element/paste_event/index.md
index 01ee8294c4dde6f..18a3edf74afb43f 100644
--- a/files/en-us/web/api/element/paste_event/index.md
+++ b/files/en-us/web/api/element/paste_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.Element.paste_event
 
 {{APIRef}}
 
-The **`paste`** event is fired when the user has initiated a "paste" action through the browser's user interface.
+The **`paste`** event of the [Clipboard API](/en-US/docs/Web/API/Clipboard_API) is fired when the user has initiated a "paste" action through the browser's user interface.
 
 If the cursor is in an editable context (for example, in a {{HTMLElement("textarea")}} or an element with [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes/contenteditable) attribute set to `true`) then the default action is to insert the contents of the clipboard into the document at the cursor position.
 
@@ -18,6 +18,8 @@ To override the default behavior (for example to insert some different data or a
 
 It's possible to construct and dispatch a [synthetic](/en-US/docs/Web/Events/Creating_and_triggering_events) `paste` event, but this will not affect the document's contents.
 
+This event [bubbles](/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_bubbling_and_capture), is [cancelable](/en-US/docs/Web/API/Event/cancelable) and is [composed](/en-US/docs/Web/API/Event/composed).
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
diff --git a/files/en-us/web/api/navigator/clipboard/index.md b/files/en-us/web/api/navigator/clipboard/index.md
index 5c2b0e9d230e56a..cdebf2521a7d264 100644
--- a/files/en-us/web/api/navigator/clipboard/index.md
+++ b/files/en-us/web/api/navigator/clipboard/index.md
@@ -6,20 +6,11 @@ page-type: web-api-instance-property
 browser-compat: api.Navigator.clipboard
 ---
 
-{{APIRef("Clipboard API")}}
+{{APIRef("Clipboard API")}} {{securecontext_header}}
 
-The [Clipboard API](/en-US/docs/Web/API/Clipboard_API) adds to the **{{domxref("Navigator")}}** interface the
-read-only **`clipboard`** property, which returns the
-{{domxref("Clipboard")}} object used to read and write the clipboard's
-contents.
+The **`clipboard`** read-only property of the {{domxref("Navigator")}} interface returns a {{domxref("Clipboard")}} object used to read and write the clipboard's contents.
 
-The Clipboard API can be used to implement cut, copy, and paste
-features within a web application.
-
-Use of the asynchronous clipboard read and write methods requires that the user grant
-the website or app permission to access the clipboard. This permission must be obtained
-from the [Permissions API](/en-US/docs/Web/API/Permissions_API) using the
-`"clipboard-read"` and/or `"clipboard-write"` permissions.
+This is the entry point to the [Clipboard API](/en-US/docs/Web/API/Clipboard_API), which can be used to implement cut, copy, and paste features within a web application.
 
 ## Value
 
@@ -27,8 +18,7 @@ The {{domxref("Clipboard")}} object used to access the system clipboard.
 
 ## Examples
 
-The following code uses `navigator.clipboard` to access the system clipboard
-in order to read the contents of the clipboard.
+The following code uses `navigator.clipboard` to access the system clipboard in order to read text contents from the clipboard.
 
 ```js
 navigator.clipboard
@@ -38,15 +28,11 @@ navigator.clipboard
   );
 ```
 
-This snippet replaces the contents of the element whose class is
-`"cliptext"` with the text contents of the clipboard. Perhaps this code is
-being used in a browser extension that displays the current clipboard contents,
-automatically updating periodically or when specific events fire.
+This snippet replaces the contents of the element whose class is `"cliptext"` with the text contents of the clipboard.
+Perhaps this code is being used in a browser extension that displays the current clipboard contents, automatically updating periodically or when specific events fire.
 
-If the clipboard is empty or doesn't contain text, the `"cliptext"`
-element's contents are cleared. This happens because {{domxref("Clipboard.readText",
-  "readText()")}} returns an empty string if the clipboard is empty or doesn't contain
-text.
+If the clipboard is empty or doesn't contain text, the `"cliptext"` element's contents are cleared.
+This happens because {{domxref("Clipboard.readText", "readText()")}} returns an empty string if the clipboard is empty or doesn't contain text.
 
 ## Specifications
 
diff --git a/files/en-us/web/api/navigator/index.md b/files/en-us/web/api/navigator/index.md
index 2e5d24379df6e6d..05c0af0a7090c54 100644
--- a/files/en-us/web/api/navigator/index.md
+++ b/files/en-us/web/api/navigator/index.md
@@ -19,7 +19,7 @@ _Doesn't inherit any properties._
 
 - {{domxref("Navigator.bluetooth")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns a {{domxref("Bluetooth")}} object for the current document, providing access to [Web Bluetooth API](/en-US/docs/Web/API/Web_Bluetooth_API) functionality.
-- {{domxref("Navigator.clipboard")}} {{ReadOnlyInline}}
+- {{domxref("Navigator.clipboard")}} {{ReadOnlyInline}} {{securecontext_inline}}
   - : Returns a {{domxref("Clipboard")}} object that provides read and write access to the system clipboard.
 - {{domxref("Navigator.connection")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns a {{domxref("NetworkInformation")}} object containing information about the network connection of a device.
diff --git a/files/en-us/web/api/permissions_api/index.md b/files/en-us/web/api/permissions_api/index.md
index d381b1c44a6c4d2..43ded618e43e548 100644
--- a/files/en-us/web/api/permissions_api/index.md
+++ b/files/en-us/web/api/permissions_api/index.md
@@ -33,7 +33,6 @@ Not all APIs' permission statuses can be queried using the Permissions API.
 A non-exhaustive list of permission-aware APIs includes:
 
 - [Background Synchronization API](/en-US/docs/Web/API/Background_Synchronization_API): `background-sync` (should always be granted)
-- [Clipboard API](/en-US/docs/Web/API/Clipboard_API): `clipboard-read`, `clipboard-write`
 - [Geolocation API](/en-US/docs/Web/API/Geolocation_API): `geolocation`
 - [Local Font Access API](/en-US/docs/Web/API/Local_Font_Access_API): `local-fonts`
 - [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API): `microphone`, `camera`
diff --git a/files/en-us/web/security/user_activation/index.md b/files/en-us/web/security/user_activation/index.md
index fd60a1a89c66372..4170be0ad79dbaf 100644
--- a/files/en-us/web/security/user_activation/index.md
+++ b/files/en-us/web/security/user_activation/index.md
@@ -32,6 +32,7 @@ APIs that require transient activation (list is not exhaustive):
 - {{domxref("Clients.openWindow()")}}
 - {{domxref("Clipboard.read()")}}
 - {{domxref("Clipboard.readText()")}}
+- {{domxref("Clipboard.write()")}}
 - {{domxref("Clipboard.writeText()")}}
 - {{domxref("ContactsManager.select()")}}
 - {{domxref("Document.requestStorageAccess()")}}
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index ff5006def2f9c6b..e0145f3f9736c98 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -142,18 +142,10 @@
     },
     "Clipboard API": {
       "overview": ["Clipboard API"],
-      "guides": [
-        "/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard"
-      ],
       "interfaces": ["Clipboard", "ClipboardEvent", "ClipboardItem"],
       "methods": [],
       "properties": ["Navigator.clipboard"],
-      "events": [
-        "Window: clipboardchange",
-        "Element: copy",
-        "Element: cut",
-        "Element: paste"
-      ]
+      "events": ["Element: copy", "Element: cut", "Element: paste"]
     },
     "Compression Streams API": {
       "overview": ["Compression Streams API"],

From 584e1d86cc4d770f43b32ec62613a4840d2821db Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Mon, 8 Jan 2024 22:20:36 -0800
Subject: [PATCH 321/790] See also: related elements, attributes, and selectors
 re: ShadowRoot.host (#31587)

* add see also: related elements, attributes, and selectors

* See also: template element (#31597)
---
 files/en-us/web/api/shadowroot/host/index.md   | 7 +++++++
 files/en-us/web/html/element/template/index.md | 6 +++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/api/shadowroot/host/index.md b/files/en-us/web/api/shadowroot/host/index.md
index 3177b466e320c5a..d8cc42716702147 100644
--- a/files/en-us/web/api/shadowroot/host/index.md
+++ b/files/en-us/web/api/shadowroot/host/index.md
@@ -35,3 +35,10 @@ let hostElem = shadow.host;
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- [`part`](/en-US/docs/Web/HTML/Global_attributes#part) and [`exportparts`](/en-US/docs/Web/HTML/Global_attributes#exportparts) HTML attributes
+- {{HTMLelement("template")}} and {{HTMLElement("slot")}} HTML elements
+- {{CSSXref(":host")}}, {{CSSXref(":host_function", ":host()")}}, and {{CSSXref(":host-context", ":host-context()")}} CSS pseudo-classes
+- {{CSSXref("::part")}} and {{CSSXref("::slotted")}} CSS pseudo-elements
diff --git a/files/en-us/web/html/element/template/index.md b/files/en-us/web/html/element/template/index.md
index 86f1c4b1e13e959..4caab0a833413de 100644
--- a/files/en-us/web/html/element/template/index.md
+++ b/files/en-us/web/html/element/template/index.md
@@ -213,6 +213,10 @@ Since `firstClone` is a `DocumentFragment`, only its children are added to `cont
 
 ## See also
 
-- Web components: {{HTMLElement("slot")}} (and historical: `<shadow>`)
+- [`part`](/en-US/docs/Web/HTML/Global_attributes#part) and [`exportparts`](/en-US/docs/Web/HTML/Global_attributes#exportparts) HTML attributes
+- {{HTMLElement("slot")}} HTML element
+- {{CSSXref(":host")}}, {{CSSXref(":host_function", ":host()")}}, and {{CSSXref(":host-context", ":host-context()")}} CSS pseudo-classes
+- {{CSSXref("::part")}} and {{CSSXref("::slotted")}} CSS pseudo-elements
+- [`ShadowRoot`]("/en-US/docs/Web/API/ShadowRoot) interface
 - [Using templates and slots](/en-US/docs/Web/API/Web_components/Using_templates_and_slots)
 - [CSS scoping](/en-US/docs/Web/CSS/CSS_scoping) module

From d6ebbbcea7110dbaed69ffb6ceb9db2e942cb8e5 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 9 Jan 2024 08:22:42 +0100
Subject: [PATCH 322/790] Neutralize link to XUL + abandonned experimental
 feature (#31602)

---
 files/en-us/mozilla/firefox/releases/17/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/17/index.md b/files/en-us/mozilla/firefox/releases/17/index.md
index 1bb26ab9fb0ade0..8412774a2bde325 100644
--- a/files/en-us/mozilla/firefox/releases/17/index.md
+++ b/files/en-us/mozilla/firefox/releases/17/index.md
@@ -37,7 +37,7 @@ Firefox 17 shipped on November 20, 2012. This article lists key changes that are
 
 - [`String`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/String) object now offers Harmony [`startsWith`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith), [`endsWith`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/endsWith), and [`contains`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes) methods ([Firefox bug 772733](https://bugzil.la/772733)).
 - The String methods [link](/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/link) and [anchor](/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/anchor) now escape the `'"'` (quotation mark) ([Firefox bug 352437](https://bugzil.la/352437)).
-- Experimental support for strawman [`ParallelArray`](/en-US/docs/JavaScript/Reference/Global_Objects/ParallelArray) object has been implemented ([Firefox bug 778559](https://bugzil.la/778559)).
+- Experimental support for strawman `ParallelArray` object has been implemented ([Firefox bug 778559](https://bugzil.la/778559)).
 - Support to iterate [`Map`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map)/[`Set`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set) ([Firefox bug 725909](https://bugzil.la/725909)).
 - Disabled EcmaScript for XML (E4X), an abandoned JavaScript extension, for web content by default ([Firefox bug 778851](https://bugzil.la/778851)).
 - `__exposedProps__` must now be set for Chrome JavaScript objects exposed to content. Attempts to access Chrome objects from content without `__exposedProps__` set will fail silently ([Firefox bug 553102](https://bugzil.la/553102)).
@@ -57,7 +57,7 @@ _No change._
 
 ### XUL
 
-- XUL [key](/en-US/docs/XUL/key) element supports "os" modifier which is Win key (Super or Hyper key) ([Firefox bug 778732](https://bugzil.la/778732)).
+- XUL `key` element supports "os" modifier which is Win key (Super or Hyper key) ([Firefox bug 778732](https://bugzil.la/778732)).
 
 ### Network
 

From d74e7839bc166b9d652abc9cdcfe99de448efb2a Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 9 Jan 2024 00:17:27 -0800
Subject: [PATCH 323/790] Guide project: move Houdini (#31604)

* test3

* update houdini sidebar

* Move houdini to APIs

* add s to api
---
 files/en-us/_redirects.txt                    |  3 ++-
 files/en-us/_wikihistory.json                 | 24 +++++++++---------
 files/en-us/glossary/houdini/index.md         |  2 +-
 .../web/api/css/paintworklet_static/index.md  |  2 +-
 files/en-us/web/api/css_object_model/index.md |  2 +-
 files/en-us/web/api/css_painting_api/index.md |  4 +--
 .../guide/index.md                            |  2 +-
 .../css_properties_and_values_api/index.md    |  4 +--
 files/en-us/web/api/css_typed_om_api/index.md |  2 +-
 .../en-us/web/{guide => api}/houdini/index.md |  8 +++---
 .../devicepixelratio/index.md                 |  2 +-
 .../web/api/paintworkletglobalscope/index.md  |  2 +-
 .../registerpaint/index.md                    |  2 +-
 files/en-us/web/css/@property/index.md        |  4 +--
 .../en-us/web/css/@property/inherits/index.md |  2 +-
 .../web/css/@property/initial-value/index.md  |  2 +-
 files/en-us/web/css/@property/syntax/index.md |  2 +-
 .../css_properties_and_values_api/index.md    |  2 +-
 files/jsondata/GroupData.json                 | 25 +++++++++++++++++++
 19 files changed, 60 insertions(+), 36 deletions(-)
 rename files/en-us/web/{guide => api}/houdini/index.md (97%)

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 4d253a1ebe3120d..2ef2943dd69d359 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -12156,6 +12156,7 @@
 /en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines	/en-US/docs/Web/HTML/Element/Heading_Elements
 /en-US/docs/Web/Guide/HTML/Using_data_attributes	/en-US/docs/Learn/HTML/Howto/Use_data_attributes
 /en-US/docs/Web/Guide/HTML/XHTML	/en-US/docs/Glossary/XHTML
+/en-US/docs/Web/Guide/Houdini	/en-US/docs/Web/API/Houdini
 /en-US/docs/Web/Guide/Index	/en-US/docs/Web/Guide
 /en-US/docs/Web/Guide/Introduction_to_Web_development	/en-US/docs/Learn
 /en-US/docs/Web/Guide/Mobile	/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
@@ -12335,7 +12336,7 @@
 /en-US/docs/Web/HTTP/X-Frame-Options	/en-US/docs/Web/HTTP/Headers/X-Frame-Options
 /en-US/docs/Web/HTTP/data_URIs	/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs
 /en-US/docs/Web/HTTP/www_and_non-www_URLs	/en-US/docs/Web/HTTP/Basics_of_HTTP/Choosing_between_www_and_non-www_URLs
-/en-US/docs/Web/Houdini	/en-US/docs/Web/Guide/Houdini
+/en-US/docs/Web/Houdini	/en-US/docs/Web/API/Houdini
 /en-US/docs/Web/Houdini/CSS_Painting_API	/en-US/docs/Web/API/CSS_Painting_API/Guide
 /en-US/docs/Web/Houdini/CSS_Typed_OM	/en-US/docs/Web/API/CSS_Typed_OM_API
 /en-US/docs/Web/Houdini/Learn/CSS_Painting_API	/en-US/docs/Web/API/CSS_Painting_API/Guide
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index e4a77b32fa7d6b7..18b4617826ab583 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -42344,6 +42344,18 @@
     "modified": "2019-03-18T20:56:26.488Z",
     "contributors": ["wbamberg", "chrisdavidmills", "rugk"]
   },
+  "Web/API/Houdini": {
+    "modified": "2020-07-16T03:51:08.991Z",
+    "contributors": [
+      "Wind1808",
+      "enva-2-7-1-2",
+      "estelle",
+      "chrisdavidmills",
+      "SphinxKnight",
+      "jason2477",
+      "Sheppy"
+    ]
+  },
   "Web/API/IDBCursor": {
     "modified": "2020-10-15T21:09:31.954Z",
     "contributors": [
@@ -92042,18 +92054,6 @@
       "jswisher"
     ]
   },
-  "Web/Guide/Houdini": {
-    "modified": "2020-07-16T03:51:08.991Z",
-    "contributors": [
-      "Wind1808",
-      "enva-2-7-1-2",
-      "estelle",
-      "chrisdavidmills",
-      "SphinxKnight",
-      "jason2477",
-      "Sheppy"
-    ]
-  },
   "Web/Guide/Parsing_and_serializing_XML": {
     "modified": "2020-09-09T05:19:22.895Z",
     "contributors": [
diff --git a/files/en-us/glossary/houdini/index.md b/files/en-us/glossary/houdini/index.md
index 3892425bee992e2..73de2c60770de53 100644
--- a/files/en-us/glossary/houdini/index.md
+++ b/files/en-us/glossary/houdini/index.md
@@ -14,7 +14,7 @@ While many of the features Houdini enables can be created with JavaScript, inter
 
 ## See also
 
-- [Houdini](/en-US/docs/Web/Guide/Houdini)
+- [Houdini](/en-US/docs/Web/API/Houdini)
 - [CSSOM](/en-US/docs/Web/API/CSS_Object_Model)
 - [CSS Paint API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed OM](/en-US/docs/Web/API/CSS_Typed_OM_API)
diff --git a/files/en-us/web/api/css/paintworklet_static/index.md b/files/en-us/web/api/css/paintworklet_static/index.md
index 22c80af5565319e..7b6be4f40046130 100644
--- a/files/en-us/web/api/css/paintworklet_static/index.md
+++ b/files/en-us/web/api/css/paintworklet_static/index.md
@@ -40,4 +40,4 @@ if ("paintWorklet" in CSS) {
 ## See also
 
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
-- [Houdini APIs](/en-US/docs/Web/Guide/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini)
diff --git a/files/en-us/web/api/css_object_model/index.md b/files/en-us/web/api/css_object_model/index.md
index 8ff89391e0cd6e1..68441c3a40356e8 100644
--- a/files/en-us/web/api/css_object_model/index.md
+++ b/files/en-us/web/api/css_object_model/index.md
@@ -112,4 +112,4 @@ All these features have been added little by little over the years to the differ
 ## See also
 
 - [Document Object Model (DOM)](/en-US/docs/Web/API/Document_Object_Model)
-- [Houdini](/en-US/docs/Web/Guide/Houdini)
+- [Houdini](/en-US/docs/Web/API/Houdini)
diff --git a/files/en-us/web/api/css_painting_api/index.md b/files/en-us/web/api/css_painting_api/index.md
index b71243937e43695..225715b230200b3 100644
--- a/files/en-us/web/api/css_painting_api/index.md
+++ b/files/en-us/web/api/css_painting_api/index.md
@@ -9,7 +9,7 @@ browser-compat: api.PaintWorkletGlobalScope
 
 {{DefaultAPISidebar("CSS Painting API")}}{{SeeCompatTable}}
 
-The CSS Painting API — part of the [CSS Houdini](/en-US/docs/Web/Guide/Houdini) umbrella of APIs — allows developers to write JavaScript functions that can draw directly into an element's background, border, or content.
+The CSS Painting API — part of the [CSS Houdini](/en-US/docs/Web/API/Houdini) umbrella of APIs — allows developers to write JavaScript functions that can draw directly into an element's background, border, or content.
 
 ## Concepts and usage
 
@@ -157,4 +157,4 @@ While you can't play with the worklet's script, you can alter the custom propert
 
 - [Using the CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API/Guide)
 - [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/Guide/Houdini)
+- [CSS Houdini](/en-US/docs/Web/API/Houdini)
diff --git a/files/en-us/web/api/css_properties_and_values_api/guide/index.md b/files/en-us/web/api/css_properties_and_values_api/guide/index.md
index 39c0ee433dde81e..b9a638ef3e005f3 100644
--- a/files/en-us/web/api/css_properties_and_values_api/guide/index.md
+++ b/files/en-us/web/api/css_properties_and_values_api/guide/index.md
@@ -7,7 +7,7 @@ browser-compat: api.CSS.registerProperty_static
 
 {{DefaultAPISidebar("CSS Properties and Values API")}}
 
-The **CSS Properties and Values API** — part of the [CSS Houdini](/en-US/docs/Web/Guide/Houdini) umbrella of APIs — allows the registration of {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking, default values, and properties that do or do not inherit their value.
+The **CSS Properties and Values API** — part of the [CSS Houdini](/en-US/docs/Web/API/Houdini) umbrella of APIs — allows the registration of {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking, default values, and properties that do or do not inherit their value.
 
 ## Registering a custom property
 
diff --git a/files/en-us/web/api/css_properties_and_values_api/index.md b/files/en-us/web/api/css_properties_and_values_api/index.md
index 9c62e6b070e9494..a2101291a6f1e27 100644
--- a/files/en-us/web/api/css_properties_and_values_api/index.md
+++ b/files/en-us/web/api/css_properties_and_values_api/index.md
@@ -9,7 +9,7 @@ browser-compat:
 
 {{DefaultAPISidebar("CSS Properties and Values API")}}
 
-The **CSS Properties and Values API** — part of the [CSS Houdini](/en-US/docs/Web/Guide/Houdini) umbrella of APIs — allows developers to explicitly define their {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking, default values, and properties that do or do not inherit their value.
+The **CSS Properties and Values API** — part of the [CSS Houdini](/en-US/docs/Web/API/Houdini) umbrella of APIs — allows developers to explicitly define their {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking, default values, and properties that do or do not inherit their value.
 
 ## Interfaces
 
@@ -54,4 +54,4 @@ The same registration can take place in [CSS](/en-US/docs/Web/CSS) using the {{c
 - [Using the CSS properties and values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API/guide)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/Guide/Houdini)
+- [CSS Houdini](/en-US/docs/Web/API/Houdini)
diff --git a/files/en-us/web/api/css_typed_om_api/index.md b/files/en-us/web/api/css_typed_om_api/index.md
index 18c78283d160f95..ee84bff5bd09ebc 100644
--- a/files/en-us/web/api/css_typed_om_api/index.md
+++ b/files/en-us/web/api/css_typed_om_api/index.md
@@ -119,4 +119,4 @@ CSSStyleValue is the base class through which all CSS values are expressed. Subc
 
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [Using the CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API/Guide)
-- [CSS Houdini](/en-US/docs/Web/Guide/Houdini)
+- [CSS Houdini](/en-US/docs/Web/API/Houdini)
diff --git a/files/en-us/web/guide/houdini/index.md b/files/en-us/web/api/houdini/index.md
similarity index 97%
rename from files/en-us/web/guide/houdini/index.md
rename to files/en-us/web/api/houdini/index.md
index 441e1e2095f1308..299d2103e7f6b7c 100644
--- a/files/en-us/web/guide/houdini/index.md
+++ b/files/en-us/web/api/houdini/index.md
@@ -1,12 +1,10 @@
 ---
-title: CSS Houdini
-slug: Web/Guide/Houdini
+title: Houdini
+slug: Web/API/Houdini
 page-type: guide
 ---
 
-<section id="Quick_links">
-  {{ListSubpagesForSidebar("/en-US/docs/Web/Guide")}}
-</section>
+{{DefaultAPISidebar("Houdini API")}}
 
 Houdini is a set of low-level APIs that exposes parts of the CSS engine,
 giving developers the power to extend CSS by hooking into the styling and layout process of a browser's rendering engine.
diff --git a/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md b/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md
index 0f2c1a92832177b..45942cdd8a9f1b8 100644
--- a/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md
+++ b/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md
@@ -29,5 +29,5 @@ A double-precision integer.
 - [CSS.paintWorklet](/en-US/docs/Web/API/CSS/paintWorklet_static)
 - [Worklet](/en-US/docs/Web/API/Worklet)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
-- [Houdini APIs](/en-US/docs/Web/Guide/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini)
 - [window.devicePixelRatio](/en-US/docs/Web/API/Window/devicePixelRatio)
diff --git a/files/en-us/web/api/paintworkletglobalscope/index.md b/files/en-us/web/api/paintworkletglobalscope/index.md
index 6d0438bcf2c02bf..c41235717fe5d36 100644
--- a/files/en-us/web/api/paintworkletglobalscope/index.md
+++ b/files/en-us/web/api/paintworkletglobalscope/index.md
@@ -110,4 +110,4 @@ You can also use the {{cssxref('@supports')}} at-rule.
 ## See also
 
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
-- [Houdini APIs](/en-US/docs/Web/Guide/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini)
diff --git a/files/en-us/web/api/paintworkletglobalscope/registerpaint/index.md b/files/en-us/web/api/paintworkletglobalscope/registerpaint/index.md
index 20dab687f659dc1..6da2e5181b02581 100644
--- a/files/en-us/web/api/paintworkletglobalscope/registerpaint/index.md
+++ b/files/en-us/web/api/paintworkletglobalscope/registerpaint/index.md
@@ -100,4 +100,4 @@ li {
 ## See also
 
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
-- [Houdini APIs](/en-US/docs/Web/Guide/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini)
diff --git a/files/en-us/web/css/@property/index.md b/files/en-us/web/css/@property/index.md
index fda81dfe514f125..55af414736f9f60 100644
--- a/files/en-us/web/css/@property/index.md
+++ b/files/en-us/web/css/@property/index.md
@@ -7,7 +7,7 @@ browser-compat: css.at-rules.property
 
 {{CSSRef}}
 
-The **`@property`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule) is part of the [CSS Houdini](/en-US/docs/Web/Guide/Houdini) umbrella of APIs. It allows developers to explicitly define their {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking and constraining, setting default values, and defining whether a custom property can inherit values or not.
+The **`@property`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule) is part of the [CSS Houdini](/en-US/docs/Web/API/Houdini) umbrella of APIs. It allows developers to explicitly define their {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking and constraining, setting default values, and defining whether a custom property can inherit values or not.
 
 The `@property` rule represents a custom property registration directly in a stylesheet without having to run any JS. Valid `@property` rules result in a registered custom property, as if {{domxref('CSS.registerProperty_static', 'registerProperty()')}} had been called with equivalent parameters.
 
@@ -136,6 +136,6 @@ For item three, the `--item-size` value gets set to `1000px`. While `1000px` is
 - [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/Guide/Houdini)
+- [CSS Houdini](/en-US/docs/Web/API/Houdini)
 - [Using CSS custom properties (variables)](/en-US/docs/Web/CSS/Using_CSS_custom_properties) guide
 - [CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module
diff --git a/files/en-us/web/css/@property/inherits/index.md b/files/en-us/web/css/@property/inherits/index.md
index 1662128bda35a9b..0fbd8a73026b46b 100644
--- a/files/en-us/web/css/@property/inherits/index.md
+++ b/files/en-us/web/css/@property/inherits/index.md
@@ -78,4 +78,4 @@ window.CSS.registerProperty({
 - [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/Guide/Houdini)
+- [CSS Houdini](/en-US/docs/Web/API/Houdini)
diff --git a/files/en-us/web/css/@property/initial-value/index.md b/files/en-us/web/css/@property/initial-value/index.md
index b6fd6079d0384c7..ed41fff4ce6935f 100644
--- a/files/en-us/web/css/@property/initial-value/index.md
+++ b/files/en-us/web/css/@property/initial-value/index.md
@@ -77,4 +77,4 @@ window.CSS.registerProperty({
 - [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/Guide/Houdini)
+- [CSS Houdini](/en-US/docs/Web/API/Houdini)
diff --git a/files/en-us/web/css/@property/syntax/index.md b/files/en-us/web/css/@property/syntax/index.md
index 4b15379d883ee29..9b9c4006feb7c11 100644
--- a/files/en-us/web/css/@property/syntax/index.md
+++ b/files/en-us/web/css/@property/syntax/index.md
@@ -102,4 +102,4 @@ window.CSS.registerProperty({
 - [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/Guide/Houdini)
+- [CSS Houdini](/en-US/docs/Web/API/Houdini)
diff --git a/files/en-us/web/css/css_properties_and_values_api/index.md b/files/en-us/web/css/css_properties_and_values_api/index.md
index 5b3d93c0f9eb88e..d0c0e626553b82f 100644
--- a/files/en-us/web/css/css_properties_and_values_api/index.md
+++ b/files/en-us/web/css/css_properties_and_values_api/index.md
@@ -84,7 +84,7 @@ The value of `--stop-color` is set to `cornflowerblue` at first, but when you ho
 
   - : Explains how to register custom properties in CSS and JavaScript, with hints on handling undefined and invalid values, fallbacks, and inheritance.
 
-- [CSS Houdini](/en-US/docs/Web/Guide/Houdini)
+- [CSS Houdini](/en-US/docs/Web/API/Houdini)
   - : Explains what CSS Houdini is and its advantages, along with a list of available APIs and their statuses.
 
 ## Related concepts
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index e0145f3f9736c98..6951c01b67e5ff6 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -596,6 +596,31 @@
       "properties": [],
       "events": ["Window: popstate"]
     },
+    "Houdini API": {
+      "overview": ["Houdini APIs"],
+      "guides": [
+        "/docs/Web/API/CSS_Properties_and_Values_API/guide",
+        "/docs/Web/API/CSS_Typed_OM_API/Guide",
+        "/docs/Web/API/CSS_Painting_API/Guide"
+      ],
+      "interfaces": [
+        "CSSImageValue",
+        "CSSKeywordValue",
+        "CSSMathValue",
+        "CSSNumericValue",
+        "CSSPositionValue",
+        "CSSStyleValue",
+        "CSSTransformValue",
+        "CSSUnitValue",
+        "CSSUnparsedValue",
+        "PaintWorkletGlobalScope",
+        "StylePropertyMap",
+        "Worklet"
+      ],
+      "methods": ["CSS.registerProperty", "Worklet.addModule"],
+      "properties": [],
+      "events": []
+    },
     "HTML DOM": {
       "overview": ["HTML DOM API"],
       "interfaces": [

From 73744acdfd7546fcadca21e2188de03deb787151 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Tue, 9 Jan 2024 16:17:59 +0800
Subject: [PATCH 324/790] fix: correct the description of the
 DataTransferItem.kind property (#31603)

* fix: correct the description of the DataTransferItem.kind property

* Update files/en-us/web/api/datatransferitem/kind/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/api/datatransferitem/kind/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/datatransferitem/kind/index.md b/files/en-us/web/api/datatransferitem/kind/index.md
index 4d636b50cad6fc0..cd7852272f9fea7 100644
--- a/files/en-us/web/api/datatransferitem/kind/index.md
+++ b/files/en-us/web/api/datatransferitem/kind/index.md
@@ -8,7 +8,7 @@ browser-compat: api.DataTransferItem.kind
 
 {{APIRef("HTML Drag and Drop API")}}
 
-The read-only **`DataTransferItem.kind`** property returns a {{domxref("DataTransferItem")}} representing the _drag data item_ kind: some text or some file.
+The read-only **`DataTransferItem.kind`** property returns the kind–a string or a file–of the {{domxref("DataTransferItem")}} object representing the _drag data item_.
 
 ## Value
 

From 651c65552e9c6f6e6fa911d2297280a1fce1232e Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 9 Jan 2024 09:24:31 +0100
Subject: [PATCH 325/790] Fix links (#31601)

* Fix links

* Update files/en-us/mozilla/firefox/releases/12/index.md
---
 .../en-us/mozilla/firefox/releases/12/index.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/12/index.md b/files/en-us/mozilla/firefox/releases/12/index.md
index e5fcba9348dfe5d..5ad0a14c1be7414 100644
--- a/files/en-us/mozilla/firefox/releases/12/index.md
+++ b/files/en-us/mozilla/firefox/releases/12/index.md
@@ -22,7 +22,7 @@ Firefox 12 was shipped on April 24, 2012. This page summarizes the changes in Fi
 
 ### JavaScript
 
-- Support for [sharp variables](/en-US/docs/JavaScript/Sharp_variables_in_JavaScript) (a Netscape non-standard extension) has been dropped.
+- Support for sharp variables (a Netscape non-standard extension) has been dropped.
 - {{jsxref("ArrayBuffer.prototype.slice()")}} has been implemented.
 
 ### DOM
@@ -41,10 +41,10 @@ Firefox 12 was shipped on April 24, 2012. This page summarizes the changes in Fi
 
 #### New WebAPIs
 
-- Network Information API: Experimental support for {{domxref("window.navigator.connection")}} has been added (prefixed).
-- WebTelephony API: {{domxref("window.navigator.mozTelephony")}} has been implemented and provides support for dialing, answering, and managing phone calls on a device.
-- WebSMS API: {{domxref("window.navigator.mozSms")}} is now available for mobile devices to send SMS text messages.
-- Screen brightness API: {{domxref("window.screen.mozEnabled")}} and {{domxref("window.screen.mozBrightness")}} have been added to control the device's screen.
+- Network Information API: Experimental support for {{domxref("Navigator.connection", "window.navigator.connection")}} has been added (prefixed).
+- WebTelephony API: `window.navigator.mozTelephony` has been implemented and provides support for dialing, answering, and managing phone calls on a device.
+- WebSMS API: `window.navigator.mozSms` is now available for mobile devices to send SMS text messages.
+- Screen brightness API: `window.screen.mozEnabled` and `window.screen.mozBrightness` have been added to control the device's screen.
 
 ### SVG
 
@@ -79,7 +79,7 @@ Mozilla has been working on integrating its own Web developer tools that complem
 
 #### source-editor.jsm
 
-- The [`resetUndo()`](/en-US/docs/JavaScript_code_modules/source-editor.jsm#resetUndo%28%29) method was added; this lets you clear the undo stack.
+- The `resetUndo()` method was added; this lets you clear the undo stack.
 - The source editor now offers methods for providing search capability: `find()`, `findNext()`, and `findPrevious()`.
 
 ### XUL
@@ -89,11 +89,11 @@ Mozilla has been working on integrating its own Web developer tools that complem
 ### XPCOM
 
 - `nsISupports` proxies are no longer supported. You should be using runnables instead.
-- Firefox 11 changed the behavior of [`Components.utils.getWeakReference()`](/en-US/docs/Components.utils.getWeakReference) to throw an exception when the object reference is null; the previous behavior of silently failing has been restored.
+- Firefox 11 changed the behavior of `Components.utils.getWeakReference()` to throw an exception when the object reference is null; the previous behavior of silently failing has been restored.
 
 ### XPConnect
 
-- The [`PRUint64`](/en-US/docs/PRUint64) data type was incorrectly essentially identical to [`PRint64`](/en-US/docs/PRInt64) when used with XPConnect. This has been fixed.
+- The `PRUint64` data type was incorrectly essentially identical to `PRint64` when used with XPConnect. This has been fixed.
 
 ### Interface changes
 
@@ -118,7 +118,7 @@ Mozilla has been working on integrating its own Web developer tools that complem
 
 ### Other changes
 
-- The editor component (known as [Midas](/en-US/docs/Midas)) now [only accepts events](/en-US/docs/Using_the_Editor_from_XUL#editor_event_handling) from privileged code.
+- The editor component (known as Midas) now only accepts events from privileged code.
 
 ## See also
 

From 1b6ae1c429b5a495fada425cc88ec2a3c7ab77db Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 9 Jan 2024 17:11:21 +0800
Subject: [PATCH 326/790] Fix macros | the `pointerrawupdate` event is on
 `Element` rather than `HTMLElement` (#31606)

the pointerrawupdate event is on Element rather than HTMLElement
---
 files/en-us/web/api/performanceeventtiming/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/performanceeventtiming/index.md b/files/en-us/web/api/performanceeventtiming/index.md
index 2f98e96ca2c45b6..1f5e57ae4216f8b 100644
--- a/files/en-us/web/api/performanceeventtiming/index.md
+++ b/files/en-us/web/api/performanceeventtiming/index.md
@@ -110,7 +110,7 @@ The following event types are exposed by the Event Timing API:
 </table>
 
 Note that the following events are not included in the list because they are continuous events and no meaningful event counts or performance metrics can be obtained at this point: {{domxref("Element/mousemove_event", "mousemove")}}, {{domxref("Element/pointermove_event", "pointermove")}},
-{{domxref("HTMLElement/pointerrawupdate_event", "pointerrawupdate")}}, {{domxref("Element/touchmove_event", "touchmove")}}, {{domxref("Element/wheel_event", "wheel")}}, {{domxref("HTMLElement/drag_event", "drag")}}.
+{{domxref("Element/pointerrawupdate_event", "pointerrawupdate")}}, {{domxref("Element/touchmove_event", "touchmove")}}, {{domxref("Element/wheel_event", "wheel")}}, {{domxref("HTMLElement/drag_event", "drag")}}.
 
 To get a list of all exposed events, you can also look up keys in the {{domxref("performance.eventCounts")}} map:
 

From 0d9c7bb3574c48373ad96e2efc6701f306a9a3af Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Tue, 9 Jan 2024 01:12:05 -0800
Subject: [PATCH 327/790] Screen Wake Lock API subedit (#31208)

* Screen Wake Lock API subedit

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* API security and Performance considerations

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 .../en-us/web/api/navigator/wakelock/index.md  |  9 +++------
 .../web/api/screen_wake_lock_api/index.md      |  7 +++----
 files/en-us/web/api/wakelock/index.md          | 13 +++++++++----
 files/en-us/web/api/wakelock/request/index.md  | 16 ++++++++++------
 files/en-us/web/api/wakelocksentinel/index.md  | 18 ++++++++++++++----
 .../web/api/wakelocksentinel/release/index.md  | 12 ++++--------
 .../wakelocksentinel/release_event/index.md    |  6 ++----
 .../web/api/wakelocksentinel/released/index.md | 16 ++++++----------
 .../web/api/wakelocksentinel/type/index.md     | 10 ++++------
 files/jsondata/GroupData.json                  |  2 +-
 10 files changed, 56 insertions(+), 53 deletions(-)

diff --git a/files/en-us/web/api/navigator/wakelock/index.md b/files/en-us/web/api/navigator/wakelock/index.md
index 906c321723fe523..c6e1769bfd7cace 100644
--- a/files/en-us/web/api/navigator/wakelock/index.md
+++ b/files/en-us/web/api/navigator/wakelock/index.md
@@ -8,11 +8,8 @@ browser-compat: api.Navigator.wakeLock
 
 {{ApiRef("Screen Wake Lock API")}}{{securecontext_header}}
 
-The **`wakeLock`** read-only property of the {{domxref("Navigator")}} interface
-returns a {{DOMxRef("WakeLock")}} interface which allows a document to acquire a
-screen wake lock. While a screen wake lock is active, the user agent will try to
-prevent the device from dimming the screen, turning it off completely, or showing a
-screensaver.
+The **`wakeLock`** read-only property of the {{domxref("Navigator")}} interface returns a {{DOMxRef("WakeLock")}} interface that allows a document to acquire a screen wake lock.
+While a screen wake lock is active, the user agent will try to prevent the device from dimming the screen, turning it off completely, or showing a screensaver.
 
 ## Syntax
 
@@ -31,5 +28,5 @@ navigator.wakeLock
 ## See also
 
 - {{DOMxRef("WakeLock.request()")}}
-- {{DOMxRef("Screen Wake Lock API", "", "", "nocode")}}
+- [Screen Wake Lock API](/en-US/docs/Web/API/Screen_Wake_Lock_API)
 - [Stay awake with the Screen Wake Lock API](https://developer.chrome.com/docs/capabilities/web-apis/wake-lock/)
diff --git a/files/en-us/web/api/screen_wake_lock_api/index.md b/files/en-us/web/api/screen_wake_lock_api/index.md
index d392a8a1a782bbc..02f4d234ed31c09 100644
--- a/files/en-us/web/api/screen_wake_lock_api/index.md
+++ b/files/en-us/web/api/screen_wake_lock_api/index.md
@@ -16,7 +16,7 @@ The **Screen Wake Lock API** provides a way to prevent devices from dimming or l
 
 Most devices by default turn off their screen after a specified amount of time to prolong the life of the hardware. Modern devices do this to save on battery power. Whilst this is a useful feature, some applications need the screen to stay awake to be their most useful.
 
-The Screen Wake Lock API prevents the screen from turning off, dimming or locking. It allows for a simple platform-based solution which up until now could only be achieved via workarounds which were potentially power hungry. Only visible (active) documents can acquire the screen wake lock.
+The Screen Wake Lock API prevents the screen from turning off, dimming or locking. It allows for a simple platform-based solution for visible (active) documents to acquire the platform screen wake lock.
 
 There are plenty of use cases for keeping a screen on, including reading an ebook, map navigation, following a recipe, presenting to an audience, scanning a QR/barcode or applications that use voice or gesture control, rather than tactile input (the default way to keep a screen awake).
 
@@ -109,17 +109,16 @@ document.addEventListener("visibilitychange", async () => {
 
 You can find the [complete code on GitHub here](https://github.com/mdn/dom-examples/tree/main/screen-wake-lock-api). The [demo](https://mdn.github.io/dom-examples/screen-wake-lock-api/) uses a button to acquire a wake lock and also release it, which in turn updates the UI. The UI also updates if the wake lock is released automatically for any reason. There's a checkbox which when checked, will automatically reacquire the wake lock if the document's visibility state changes and becomes visible again.
 
-### Performance considerations
+## Performance considerations
 
 - Release the screen wake lock when user ends activity that required always-on screen. For example, a ticketing app which uses QR codes to transmit ticket information, might acquire screen wake lock when the QR code is displayed (so that code is successfully scanned) but release afterwards. A presentation app might hold the lock only while a presentation is active, but not when presentation is being edited.
 - If your app is performing long-running downloads, consider using background fetch.
 - If your app is synchronizing data from a remote server, consider using background sync.
 - Only active documents can acquire screen wake locks and previously acquired locks are automatically released when document becomes inactive. Therefore make sure to re-acquire screen wake lock if necessary when document becomes active (listen for [visibilitychange](/en-US/docs/Web/API/Document/visibilitychange_event) event).
 
-## Permissions policy integration
+## Security considerations
 
 Access to the Screen Wake Lock API is controlled by the [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy) directive {{HTTPHeader("Permissions-Policy/screen-wake-lock","screen-wake-lock")}}.
-
 The default allowlist for `screen-wake-lock` is `self`.
 
 ## Specifications
diff --git a/files/en-us/web/api/wakelock/index.md b/files/en-us/web/api/wakelock/index.md
index c66ff36565edda3..e3eb62d80898e8b 100644
--- a/files/en-us/web/api/wakelock/index.md
+++ b/files/en-us/web/api/wakelock/index.md
@@ -7,18 +7,20 @@ browser-compat: api.WakeLock
 
 {{APIRef("Screen Wake Lock API")}}{{SecureContext_Header}}
 
-The **`WakeLock`** interface of the {{domxref("Screen Wake Lock API", "", "", "nocode")}} prevents device screens from dimming or locking when an application needs to keep running.
+The **`WakeLock`** interface of the [Screen Wake Lock API](/en-US/docs/Web/API/Screen_Wake_Lock_API) can be used to request a lock that prevents device screens from dimming or locking when an application needs to keep running.
 
-The system wake lock is exposed through the {{domxref('Navigator.wakeLock')}} property.
+This interface, and hence the system wake lock, is exposed through the {{domxref("Navigator.wakeLock")}} property.
 
 ## Instance methods
 
 - {{domxref("WakeLock.request", "request()")}}
-  - : Requests a {{domxref("WakeLockSentinel")}} object, which returns a {{jsxref("Promise")}} that resolves with a {{domxref("WakeLockSentinel")}} object.
+  - : Returns a {{jsxref("Promise")}} that fulfills with a {{domxref("WakeLockSentinel")}} object if the screen wake lock is granted.
 
 ## Examples
 
-The following asynchronous function requests a {{domxref("WakeLockSentinel")}} object. The {{domxref("WakeLock.request", "WakeLock.request()")}} method is wrapped in a `try...catch` statement to account for if the browser refuses the request for any reason.
+The following code `awaits` the request for a {{domxref("WakeLockSentinel")}} object, and continues if the request is granted.
+
+The {{domxref("WakeLock.request", "WakeLock.request()")}} method is wrapped in a `try...catch` statement to catch [cases when the promise might be rejected](/en-US/docs/Web/API/WakeLock/request#exceptions) rejected, such as due to low device power.
 
 ```js
 try {
@@ -29,6 +31,9 @@ try {
 }
 ```
 
+Note that the screen wake lock may be revoked by the device after it has been granted.
+The returned {{domxref("WakeLockSentinel")}} can be used to check the status of the lock, and/or to manually cancel a held screen wake lock.
+
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/wakelock/request/index.md b/files/en-us/web/api/wakelock/request/index.md
index f70cee32339850c..695a7894e962ebd 100644
--- a/files/en-us/web/api/wakelock/request/index.md
+++ b/files/en-us/web/api/wakelock/request/index.md
@@ -8,9 +8,9 @@ browser-compat: api.WakeLock.request
 
 {{APIRef("Screen Wake Lock API")}}{{SecureContext_Header}}
 
-The **`request()`** method of the
-{{domxref("WakeLock")}} interface returns a {{jsxref("Promise")}} that resolves with a
-{{domxref("WakeLockSentinel")}} object, which allows control over screen dimming and locking.
+The **`request()`** method of the {{domxref("WakeLock")}} interface returns a {{jsxref("Promise")}} that fullfills with a {{domxref("WakeLockSentinel")}} object if the system screen wake lock is granted.
+
+The screen wake lock prevents device screens from dimming or locking when an application needs to keep running.
 
 ## Syntax
 
@@ -25,7 +25,8 @@ request(type)
   - : A string specifying the screen wake lock type, from among the following enumerated types:
 
     - `screen`
-      - : Prevents the screen from turning off. Only visible documents can acquire the screen wake lock.
+      - : Prevents the screen from turning off.
+        Only visible documents can acquire the screen wake lock.
 
 If no `type` parameter is explicitly specified, the `request()` method defaults to using the `screen` type.
 
@@ -43,12 +44,12 @@ A {{jsxref("Promise")}} that resolves with a {{domxref("WakeLockSentinel")}} obj
     - The document is not fully active.
     - The document's visibility state is `hidden`.
     - The {{Glossary("User Agent")}} could not acquire platform's wake lock.
+      For example, this might happen if the device is low on battery.
 
 ## Examples
 
 The following asynchronous function requests a {{domxref("WakeLockSentinel")}} object.
-The `request()` method is wrapped in a `try...catch` statement
-to account for if the browser refuses the request for any reason.
+The `request()` method is wrapped in a `try...catch` statement to handle cases where the browser refuses the request for any reason.
 
 ```js
 const requestWakeLock = async () => {
@@ -64,6 +65,9 @@ const requestWakeLock = async () => {
 requestWakeLock();
 ```
 
+The screen wake lock may be revoked by the device after it has been granted.
+The returned {{domxref("WakeLockSentinel")}} can be used to check the status of the lock, and/or to manually cancel a held screen wake lock.
+
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/wakelocksentinel/index.md b/files/en-us/web/api/wakelocksentinel/index.md
index e499c425c306173..69a19775dd8a83d 100644
--- a/files/en-us/web/api/wakelocksentinel/index.md
+++ b/files/en-us/web/api/wakelocksentinel/index.md
@@ -7,9 +7,16 @@ browser-compat: api.WakeLockSentinel
 
 {{securecontext_header}}{{APIRef("Screen Wake Lock API")}}
 
-The **`WakeLockSentinel`** interface of the {{domxref("Screen Wake Lock API", "", "", "nocode")}} provides a handle to the underlying platform wake lock and can be manually released and reacquired. An {{jsxref('Object')}} representing the wake lock is returned via the {{domxref('WakeLock.request()','navigator.wakeLock.request()')}} method.
+The **`WakeLockSentinel`** interface of the [Screen Wake Lock API](/en-US/docs/Web/API/Screen_Wake_Lock_API) can be used to monitor the status of the platform screen wake lock, and manually release the lock when needed.
 
-An acquired `WakeLockSentinel` can be released manually via the {{domxref('WakeLockSentinel.release','release()')}} method, or automatically via the platform wake lock. This can happen if the document becomes inactive or looses visibility, if the device is low on power or the user turns on a power save mode. Releasing all `WakeLockSentinel` instances of a given wake lock type will cause the underlying platform wake lock to be released.
+The screen wake lock prevents device screens from dimming or locking when an application needs to keep running.
+
+A screen wake lock is requested using the {{domxref('WakeLock.request()','navigator.wakeLock.request()')}} method, which returns a {{jsxref('Promise')}} that fulfills with a `WakeLockSentinel` object if the lock is granted.
+
+An acquired screen wake lock can be released manually via the {{domxref('WakeLockSentinel.release','release()')}} method, or automatically via the platform screen wake lock. The latter may occur if the document becomes inactive or loses visibility, if the device is low on power, or if the user turns on a power save mode.
+Releasing all `WakeLockSentinel` instances of a given wake lock type will cause the underlying platform wake lock to be released.
+
+An event is fired at the `WakeLockSentinel` if the platform lock is released, allowing applications to configure their UI, and re-request the lock if needed.
 
 {{InheritanceDiagram}}
 
@@ -24,7 +31,8 @@ _Also inherits properties from its parent interface, {{DOMxRef("EventTarget")}}.
   - : Returns a string representation of the currently acquired `WakeLockSentinel` type.
     Return values are:
 
-    - `screen`: A screen wake lock. Prevents devices from dimming or locking the screen.
+    - `screen`: A screen wake lock.
+      Prevents devices from dimming or locking the screen.
 
 ## Instance methods
 
@@ -40,7 +48,9 @@ _Also inherits methods from its parent interface, {{DOMxRef("EventTarget")}}._
 
 ## Examples
 
-In this example we create an asynchronous function which requests a `WakeLockSentinel`. Once acquired we listen for the `release` event which can be used to give appropriate UI feedback. The sentinel can be acquired or released via appropriate interactions.
+In this example, we create an asynchronous function that requests a `WakeLockSentinel`.
+Once the screen wake lock is acquired we listen for the `release` event, which can be used to give appropriate UI feedback.
+The sentinel can be acquired or released via appropriate interactions.
 
 ```js
 // create a reference for the wake lock
diff --git a/files/en-us/web/api/wakelocksentinel/release/index.md b/files/en-us/web/api/wakelocksentinel/release/index.md
index e3add30b5c44782..5cb96d3c3d0b0c3 100644
--- a/files/en-us/web/api/wakelocksentinel/release/index.md
+++ b/files/en-us/web/api/wakelocksentinel/release/index.md
@@ -8,10 +8,7 @@ browser-compat: api.WakeLockSentinel.release
 
 {{APIRef("Screen Wake Lock API")}}{{SecureContext_Header}}
 
-The **`release()`** method of the
-{{domxref("WakeLockSentinel")}} interface releases the
-{{domxref("WakeLockSentinel")}}, returning a {{jsxref("Promise")}} that is resolved
-once the sentinel has been successfully released.
+The **`release()`** method of the {{domxref("WakeLockSentinel")}} interface releases the {{domxref("WakeLockSentinel")}}, returning a {{jsxref("Promise")}} that is resolved once the sentinel has been successfully released.
 
 ## Syntax
 
@@ -29,13 +26,12 @@ Returns a {{jsxref("Promise")}} that resolves with `undefined`.
 
 ### Exceptions
 
-No exceptions are thrown. You should always listen for the {{domxref("WakeLockSentinel/release_event", "release")}}
-event to check if a wake lock has been released.
+No exceptions are thrown.
+You should always listen for the {{domxref("WakeLockSentinel/release_event", "release")}} event to check if a wake lock has been released.
 
 ## Examples
 
-In this example, when a user clicks a button the {{domxref("WakeLockSentinel")}} is
-released.
+In this example, when a user clicks a button the {{domxref("WakeLockSentinel")}} is released.
 
 ```js
 wakeLockOffButton.addEventListener("click", () => {
diff --git a/files/en-us/web/api/wakelocksentinel/release_event/index.md b/files/en-us/web/api/wakelocksentinel/release_event/index.md
index fb51fc39b1b8d0f..41f3161e8ad4000 100644
--- a/files/en-us/web/api/wakelocksentinel/release_event/index.md
+++ b/files/en-us/web/api/wakelocksentinel/release_event/index.md
@@ -10,10 +10,8 @@ browser-compat: api.WakeLockSentinel.release_event
 
 The **`release`** event of the {{domxref("WakeLockSentinel")}} interface is fired when the sentinel object's handle has been released.
 
-A {{domxref("WakeLockSentinel")}} can be released manually via the `release()` method, or
-automatically via the platform wake lock. This can happen if the document becomes
-inactive or looses visibility, if the device is low on power or the user turns on a
-power save mode.
+A {{domxref("WakeLockSentinel")}} can be released manually via the `release()` method, or automatically via the platform wake lock.
+This can happen if the document becomes inactive or looses visibility, if the device is low on power or the user turns on a power save mode.
 
 ## Syntax
 
diff --git a/files/en-us/web/api/wakelocksentinel/released/index.md b/files/en-us/web/api/wakelocksentinel/released/index.md
index 4729171661a1e90..338560fc518ab82 100644
--- a/files/en-us/web/api/wakelocksentinel/released/index.md
+++ b/files/en-us/web/api/wakelocksentinel/released/index.md
@@ -8,22 +8,18 @@ browser-compat: api.WakeLockSentinel.released
 
 {{APIRef("Screen Wake Lock API")}}{{SecureContext_Header}}
 
-The **`released`** read-only property of the
-{{domxref("WakeLockSentinel")}} interface returns a boolean that indicates whether
-a {{domxref("WakeLockSentinel")}} has been released yet.
+The **`released`** read-only property of the {{domxref("WakeLockSentinel")}} interface returns a boolean that indicates whether a {{domxref("WakeLockSentinel")}} has been released.
+
+The `WakeLockSentinel` is released when the associated platform screen wake lock is revoked; afterwards `released` will always return `true`.
+If a subsequent screen wake lock is required, the application will need to request a new screen wake lock (the current `WakeLockSentinel` cannot be reused).
 
 ## Value
 
-A boolean value, that is `false` until the
-{{domxref("WakeLockSentinel")}} has been released (either through a call to
-{{domxref("WakeLockSentinel.release()")}} or because the lock has been released
-automatically) and the {{domxref("WakeLockSentinel/release_event", "release")}} event has been
-emitted, after which it becomes `true` and no longer changes.
+A boolean value that is `false` until the {{domxref("WakeLockSentinel")}} has been released (either through a call to {{domxref("WakeLockSentinel.release()")}} or because the lock has been released automatically) and the {{domxref("WakeLockSentinel/release_event", "release")}} event has been emitted, after which it becomes `true` and no longer changes.
 
 ## Examples
 
-This example shows how **`released`**'s value changes within a
-{{domxref("WakeLockSentinel")}}'s life cycle.
+This example shows how the value of the `released` property changes within a {{domxref("WakeLockSentinel")}}'s life cycle.
 
 ```js
 const sentinel = await navigator.wakeLock.request("screen");
diff --git a/files/en-us/web/api/wakelocksentinel/type/index.md b/files/en-us/web/api/wakelocksentinel/type/index.md
index a568ce371f8071d..0f8b4cd90626754 100644
--- a/files/en-us/web/api/wakelocksentinel/type/index.md
+++ b/files/en-us/web/api/wakelocksentinel/type/index.md
@@ -8,19 +8,17 @@ browser-compat: api.WakeLockSentinel.type
 
 {{APIRef("Screen Wake Lock API")}}{{SecureContext_Header}}
 
-The **`type`** read-only property of the
-{{domxref("WakeLockSentinel")}} interface returns a string
-representation of the currently acquired {{domxref("WakeLockSentinel")}} type.
+The **`type`** read-only property of the {{domxref("WakeLockSentinel")}} interface returns a string representation of the currently acquired {{domxref("WakeLockSentinel")}} type.
 
 ## Value
 
 A string representation of the currently acquired wake lock type.
-The type `screen` is a screen wake lock. It prevents devices from dimming or locking the screen.
+Currently, the value is always `screen`, which represents a screen wake lock.
+It prevents devices from dimming or locking the screen.
 
 ## Examples
 
-This example shows an asynchronous function that acquires a
-{{domxref("WakeLockSentinel")}}, then logs the type to the console.
+This example shows an asynchronous function that acquires a {{domxref("WakeLockSentinel")}}, then logs the type to the console.
 
 ```js
 const requestWakeLock = async () => {
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 6951c01b67e5ff6..252530fbabf36f7 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -1265,7 +1265,7 @@
       "overview": ["Screen Wake Lock API"],
       "interfaces": ["WakeLock", "WakeLockSentinel"],
       "methods": [],
-      "properties": ["Navigator.wakelock"],
+      "properties": ["Navigator.wakeLock"],
       "events": []
     },
     "Selection API": {

From ab06e6d171cc1d1cc9d53b51164e8e6dc08649fb Mon Sep 17 00:00:00 2001
From: Gijs <gijs@mozilla.com>
Date: Tue, 9 Jan 2024 09:13:31 +0000
Subject: [PATCH 328/790] Update HTML input pattern attribute documentation
 (fixes #26907) (#30867)

* Update HTML input pattern attribute documentation (fixes #26907)

I've tried to apply the feedback from #29842 and reorganized some of the sections to hopefully make them clearer.

* Update files/en-us/web/html/attributes/pattern/index.md

---------

Co-authored-by: Estelle Weyl <estelle@weyl.org>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 .../web/html/attributes/pattern/index.md      | 27 +++++++++----------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/files/en-us/web/html/attributes/pattern/index.md b/files/en-us/web/html/attributes/pattern/index.md
index 1c70b619525bf0f..118ae59a4c7d5c1 100644
--- a/files/en-us/web/html/attributes/pattern/index.md
+++ b/files/en-us/web/html/attributes/pattern/index.md
@@ -15,25 +15,30 @@ The **`pattern`** attribute specifies a [regular expression](/en-US/docs/Web/Jav
 
 The `pattern` attribute is an attribute of the {{HTMLElement("input/text", "text")}}, {{HTMLElement("input/tel", "tel")}}, {{HTMLElement("input/email", "email")}}, {{HTMLElement("input/url", "url")}}, {{HTMLElement("input/password", "password")}}, and {{HTMLElement("input/search", "search")}} input types.
 
-The `pattern` attribute, when specified, is a regular expression which the input's [`value`](/en-US/docs/Web/HTML/Element/input#value) must match for the value to pass [constraint validation](/en-US/docs/Web/HTML/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](/en-US/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`](/en-US/docs/Web/HTML/Element/input#value) must match for the value to pass [constraint validation](/en-US/docs/Web/HTML/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](/en-US/docs/Web/JavaScript/Guide/Regular_expressions).
 
-If the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored.
+The pattern's regular expression is compiled with the [`'v'` flag](/en-US/docs/Web/JavaScript/Reference/Regular_expressions/Character_class#v-mode_character_class). This makes the regular expression [unicode-aware](/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/unicode#unicode-aware_mode), and also changes how character classes are interpreted. This allows character class set intersection and subtraction operations, and in addition to `]` and `\`, the following characters must be escaped using a `\` backslash if they represent literal characters: `(`, `)`, `[`, `{`, `}`, `/`, `-`, `|`. Before mid-2023, the `'u'` flag was specified instead; If you're updating older code, [this document outlines the differences](https://github.com/tc39/proposal-regexp-v-flag#how-is-the-v-flag-different-from-the-u-flag).
 
-> **Note:** Use the [`title`](/en-US/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.
+The pattern's regular expression must match the entire input's `value`, rather than matching a substring - as if a `^(?:` were implied at the start of the pattern and `)$` at the end.
 
-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.
-
-### Usability
+No forward slashes should be specified around the pattern text. No regular expression is applied if the attribute value is absent, an empty string, or invalid.
 
-When including a `pattern`, provide a description of the pattern in visible text near the control. Additionally, include a [`title`](/en-US/docs/Web/HTML/Global_attributes/title) attribute which gives a description of the pattern. User agents may use the title contents during constraint validation to tell the user that the pattern is not matched. Some browsers show a tooltip with title contents, improving usability for sighted users. Additionally, assistive technology may read the title aloud when the control gains focus, but this should not be relied upon for accessibility.
+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.
 
 ### Constraint validation
 
 If the input's value is not the empty string and the value does not match the entire regular expression, there is a constraint violation reported by the {{domxref('ValidityState')}} object's {{domxref('ValidityState.patternMismatch','patternMismatch')}} property being `true`.
-The pattern's regular expression, when matched against the value, must have its start anchored to the start of the string and its end anchored to the end of the string, which is slightly different from JavaScript regular expressions: in the case of pattern attribute, we are matching against the entire value, not just any subset, as if a `^(?:` were implied at the start of the pattern and `)$` at the end.
 
 > **Note:** If the `pattern` attribute is specified with no value, its value is implicitly the empty string. Thus, **any non-empty** input `value` will result in constraint violation.
 
+### Usability and accessibility considerations
+
+When including a `pattern`, provide a description of the pattern in visible text near the control. Additionally, include a [`title`](/en-US/docs/Web/HTML/Element/input#title) attribute which gives a description of the pattern. User agents may use the title contents during constraint validation to tell the user that the pattern is not matched. Some browsers show a tooltip with title contents, improving usability for sighted users. Additionally, assistive technology may read the title aloud when the control gains focus, but this should not be relied upon for accessibility.
+
+Only relying on the `title` attribute for the visual display of text content is discouraged, as many user agents do not expose the attribute in an accessible manner. Although some browsers show a tooltip when an element with a title is hovered, that leaves out keyboard-only and touch-only users. This is one of the several reasons you must include information informing users how to fill out the control to match the requirements.
+
+While `title`s are used by some browsers to populate error messaging, because browsers sometimes also show the title as text on hover, it therefore shows in non-error situations, so be careful not to word titles as if an error has occurred.
+
 ## Examples
 
 ### Matching a phone number
@@ -142,12 +147,6 @@ This renders like so:
 
 {{ EmbedLiveSample('Specifying_a_pattern', 600, 110) }}
 
-### Accessibility concerns
-
-When a control has a `pattern` attribute, the `title` attribute, if used, must describe the pattern. Relying on the `title` attribute for the visual display of text content is generally discouraged as many user agents do not expose the attribute in an accessible manner. Some browsers show a tooltip when an element with a title is hovered, but that leaves out keyboard-only and touch-only users. This is one of the several reasons you must include information informing users how to fill out the control to match the requirements.
-
-While `title`s are used by some browsers to populate error messaging, because browsers sometimes also show the title as text on hover, it therefore shows in non-error situations, so be careful not to word titles as if an error has occurred.
-
 ## Specifications
 
 {{Specifications}}

From f11dbc362e34d1ed1e75d8929ba6dfe770158bbb Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 9 Jan 2024 01:24:16 -0800
Subject: [PATCH 329/790] CSS module: Conditional rules (#31387)

* First pass: rewrite mod landing page

* add note about non-implemented at-rules per generated content example

* functions, terms, guide outline

* files/en-us/web/css/css_conditional_rules/using_feature_queries

* spec urls, terms, guides, etc

* rewrite FQ guide

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* lint kinda works

* last links for module page

* terms

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Update files/en-us/web/css/css_conditional_rules/index.md

* Update files/en-us/web/css/css_conditional_rules/using_feature_queries/index.md

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* fix typos

* comment before each code example explaining what version of a support query it is

* grammar

* add selector example

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* missing period

* Small tweaks to AccentColor example

* Update files/en-us/web/css/css_conditional_rules/using_feature_queries/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 .../web/css/css_conditional_rules/index.md    | 113 ++++++++++++++--
 .../using_feature_queries/index.md            | 125 +++++++++++++-----
 2 files changed, 192 insertions(+), 46 deletions(-)

diff --git a/files/en-us/web/css/css_conditional_rules/index.md b/files/en-us/web/css/css_conditional_rules/index.md
index b3cd66a036dea7e..08511ef0db24775 100644
--- a/files/en-us/web/css/css_conditional_rules/index.md
+++ b/files/en-us/web/css/css_conditional_rules/index.md
@@ -2,30 +2,123 @@
 title: CSS conditional rules
 slug: Web/CSS/CSS_conditional_rules
 page-type: css-module
-browser-compat:
-  - css.at-rules.import
-  - css.at-rules.media
-  - css.at-rules.supports
-  - css.at-rules.document
+spec-urls:
+  - https://www.w3.org/TR/css-conditional-5/
+  - https://www.w3.org/TR/css-conditional-4/
+  - https://www.w3.org/TR/css-conditional-3/
 ---
 
 {{CSSRef}}
 
-The **CSS conditional rules** module lets you define a set of rules that will only apply based on the capabilities of the processor or the document the style sheet is being applied to.
+The **CSS conditional rules** module defines CSS media and support queries, enabling you to define styles that are only applied if specific conditions are met. The conditional rules defined in this module are based on device, user-agent, and viewport capabilities. With conditional rules, you can target CSS styles based on query values or browser and device features, independent of the document being rendered.
+
+The first CSS conditional rules were [media types](/en-US/docs/Web/CSS/@media#media_types) specifying the intended destination medium for the linked styles, for example `screen` or `print`. These were set as the value of the HTML {{HTMLElement("link")}} and {{HTMLElement("style")}} elements' `media` attributes or as a comma-separated list of media types within an {{cssxref("@import")}} statement or at-rule. The ability to conditionally apply CSS rules has been greatly expanded since the CSS 2.1 and HTML 4.01 implementations that limited conditional queries to a few media types.
+
+CSS conditional rules now include feature queries; the `@supports` at-rule enables targeting CSS styles based on a user-agent's CSS capabilities. Additional conditions include which selector, font-formats, and font-techs are supported.
+
+The CSS conditional rules module also expands `@media` to enable nesting at-rules, with the related [CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries) module removing unused media types and adding many media features and conditions that can be targeted.
+
+The [CSS container queries module](/en-US/docs/Web/CSS/CSS_container_queries) defines similar conditional rules, but based on an element's parent rather than the viewport.
+
+There are plans to further extend possible queries by adding the generalized conditional rule `@when` and the chained conditional rule `@else`. These two at-rules are not yet supported.
 
 ## Reference
 
 ### At-rules
 
-- {{cssxref("@document")}}
 - {{cssxref("@media")}}
 - {{cssxref("@supports")}}
-- {{cssxref("@import")}}
+
+> **Note:** The CSS conditional rules module introduces two at-rules that have not been implemented: `@else` and `@when`.
+
+### Functions
+
+- [`font-tech()`](/en-US/docs/Web/CSS/@supports#font-tech)
+- [`font-format()`](/en-US/docs/Web/CSS/@supports#font-format)
+- [`selector()`](/en-US/docs/Web/CSS/@supports#function_syntax)
+- [`supports()`](/en-US/docs/Web/CSS/@import#supports-condition)
+
+> **Note:** The CSS conditional rules module introduces a CSS function that has not been implemented: `media()`.
+
+### data types
+
+- [`<media-query>`](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries#syntax)
+- [`<supports-condition>`](/en-US/docs/Web/CSS/@import#importing_css_rules_conditional_on_feature_support)
+- `<supports-feature>` (see [`supports()`](/en-US/docs/Web/CSS/@import#supports-condition))
+
+### Interfaces
+
+- {{domxref("CSSConditionRule")}}
+- {{domxref("CSSMediaRule")}}
+- {{domxref("CSSSupportsRule")}}
+- {{domxref("CSS.supports_static", "supports()")}} method
+
+### Terms and glossary definitions
+
+- {{glossary("media/CSS", "Media")}}
+- Supports query (See [feature query](/en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries))
+- [Conditional group rules](/en-US/docs/Web/CSS/At-rule#conditional_group_rules)
+
+## Guides
+
+- [Using CSS feature queries](/en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries)
+
+  - : Selectively applying CSS rules after checking browser support for the specified properties and values via feature queries.
+
+- [Using CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
+
+  - : Introduces media queries, their syntax, and the operators and media features that are used to construct media query expressions.
+
+- [Supporting older browsers: feature queries](/en-US/docs/Learn/CSS/CSS_layout/Supporting_Older_Browsers#feature_queries)
+
+  - : How to use feature queries to target CSS based on the browser's level of support for web features.
+
+- [Browser feature detection: CSS `@supports`](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection#supports)
+
+  - : A look at JavaScript and CSS feature detection, including CSS `@supports`.
+
+## Related concepts
+
+- [CSS cascade and inheritance](/en-US/docs/Web/CSS/CSS_cascade) module
+
+  - {{cssxref("@import")}} at-rule
+
+- [CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries) module
+
+  - [`<media-feature>`](/en-US/docs/Web/CSS/@media#media_features)
+  - [`<media-type>`](/en-US/docs/Web/CSS/@media#media_types)
+  - [`<media-condition>`](/en-US/docs/Web/CSS/@media#logical_operators)
+  - [`<media-query-list>`](/en-US/docs/Web/SVG/Attribute/media)
+  - [CSS logical operators](/en-US/docs/Web/CSS/@media#logical_operators) (`not`, `or`, and `and`)
+
+- [CSSOM view](/en-US/docs/Web/CSS/CSSOM_view) module
+
+  - {{domxref("CSS")}} API
+  - {{domxref("CSSGroupingRule")}} API
+  - {{domxref("MediaQueryList")}} API
+  - {{domxref("CSSOMString")}} API
+  - {{domxref("CSSRule")}} API
+  - {{domxref("MediaList")}} interface
+    - {{domxref("MediaList.mediaText")}} property
+
+- [CSS syntax](/en-US/docs/Web/CSS/CSS_syntax) module
+
+  - {{cssxref("@charset")}} declaration
+  - {{cssxref("at-rule")}} term
+  - [`invalid`](/en-US/docs/Web/CSS/CSS_syntax/Error_handling) term
+  - {{glossary("parse")}} term
+  - [style rule](/en-US/docs/Web/API/CSSStyleRule) term
+
+- [CSS namespaces](/en-US/docs/Web/CSS/CSS_namespaces) module
+
+  - {{cssxref("@namespace")}} at-rule
 
 ## Specifications
 
 {{Specifications}}
 
-## Browser compatibility
+## See also
 
-{{Compat}}
+- [CSS container queries](/en-US/docs/Web/CSS/CSS_container_queries) module
+- [CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries) module
+- [CSS cascade and inheritance](/en-US/docs/Web/CSS/CSS_cascade) module
diff --git a/files/en-us/web/css/css_conditional_rules/using_feature_queries/index.md b/files/en-us/web/css/css_conditional_rules/using_feature_queries/index.md
index 98b23af846ef422..e80dcc6072683e2 100644
--- a/files/en-us/web/css/css_conditional_rules/using_feature_queries/index.md
+++ b/files/en-us/web/css/css_conditional_rules/using_feature_queries/index.md
@@ -6,34 +6,64 @@ page-type: guide
 
 {{CSSRef}}
 
-**Feature queries** are created using the CSS at-rule [@supports](/en-US/docs/Web/CSS/@supports), and are useful as they give web developers a way to test to see if a browser has support for a certain feature, and then provide CSS that will only run based on the result of that test. In this guide you will learn how to implement progressive enhancement using feature queries.
+**Feature queries** are conditional group rules that test whether the user agent supports or doesn't support one or more CSS features, such as CSS properties and property values. Feature queries give web developers a way to test to see if a browser has support for a certain feature, and then provide CSS that will only run based on the result of that test. In this guide, you will learn how to implement progressive enhancement using feature queries.
 
-> **Note:** The CSS at-rule [@import](/en-US/docs/Web/CSS/@import) can similarly use a `supports()` condition, if available, to ensure that stylesheets are not even loaded (and possibly not fetched) if they use features that are not supported.
-> The syntax is almost identical to that described here for `@supports`.
+Feature queries are created using the CSS at-rule [`@supports`](/en-US/docs/Web/CSS/@supports) (or the `supports()` function within [`@import`](/en-US/docs/Web/CSS/@import) at-rules).
 
 ## Syntax
 
-CSS feature queries are part of the [CSS conditional rules module](/en-US/docs/Web/CSS/CSS_conditional_rules), which also contains the media query [@media](/en-US/docs/Web/CSS/@media) rule; when you use feature queries, you will find they behave in a similar way to media queries. The difference is that with a media query you are testing something about the environment in which the web page is running, whereas with feature queries you are testing browser support for CSS features.
+CSS feature queries are part of the [CSS conditional rules](/en-US/docs/Web/CSS/CSS_conditional_rules) module, which also defines the media query [`@media`](/en-US/docs/Web/CSS/@media) at-rule. Feature queries behave similarly to [media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries). The difference is that with a media query, you are testing something about the environment in which the web page is running, whereas with feature queries you are testing browser support for CSS features.
 
-A feature query consists of the `@supports` rule, followed by the property name and value you would like to test for. You may not test for a bare property name such as `display`; the rule requires a property name and a value:
+A feature query consists of the `@supports` at-rule followed by the support condition or a `supports()` function and declaration parameter within an `@import` at-rule declaration:
 
 ```css
-@supports (property: value) {
+/* `@supports` at-rule */
+@supports <support-condition> {
   CSS rules to apply
 }
+
+/* `supports()` function */
+@import url_to_import supports(<declaration>);
+```
+
+For example, we can apply a set of styles or import an entire stylesheet if the user-agent supports `red` as a valid value for the CSS {{cssxref("color")}} property:
+
+```css
+/* `@supports` at-rule */
+@supports (color: red) {
+  CSS rules to apply
+}
+
+/* `supports()` function */
+@import `/css/styles.css` supports(color: red);
 ```
 
-If you want to check if a browser supports the `row-gap` property, for example, you would write the following feature query. It doesn't matter which value you use in a lot of cases: if all you want is to check that the browser supports this property, then any valid value will do.
+As another example, if you want to check if a browser supports the `row-gap` property you would write the following feature query. It doesn't matter which value you use in a lot of cases: if all you want is to check that the browser supports this property, then any valid value will do.
 
 {{EmbedGHLiveSample("css-examples/feature-queries/simple.html", '100%', 600)}}
 
-The value part of the property value pair matters more if you are testing for new values of a particular property. A good example would be the `display` property. All browsers support `display`, as `display: block` dates back to CSS1. However the values `display: flex` and `display: grid` are newer. There are often additional values added to properties in CSS, and so the fact that you have to test for property and value means that you can detect support for these values.
+The value part of the property-value pair matters more if you are testing for new values of a particular property. All browsers support `color: red`: this dates back to CSS1. However, there are often additional values added to properties in CSS, like [relative colors](/en-US/docs/Web/CSS/CSS_colors/Relative_colors), which may not be supported. Feature queries enable testing property and value pairs, meaning we can detect support for values.
+
+Expanding on the `color` property example above, here we check if the browser supports the `color: AccentColor` declaration:
+
+```css
+/* `@supports` at-rule */
+@supports (color: AccentColor) {
+  CSS rules to apply
+}
+
+/* `supports()` function */
+@import `/css/styles.css` supports(color: AccentColor);
+```
+
+In these examples, we've used feature queries to check if the user-agent supports a specific value of a CSS property, listing the single declaration within parenthesis. You can test for multiple property values or the lack of support.
 
 ## Testing for lack of support
 
 In addition to asking the browser if it supports a feature, you can test for the opposite by adding in the `not` keyword:
 
 ```css
+/* `@supports` at-rule with `not` */
 @supports not (property: value) {
   CSS rules to apply
 }
@@ -48,18 +78,22 @@ The CSS inside the following example feature query will run if the browser does
 You may need to test support for more than one property in your feature query. To do so, you can include a list of features to test for, separated by `and` keywords:
 
 ```css
+/* multiple feature `@supports` at-rule */
 @supports (property1: value) and (property2: value) {
   CSS rules to apply
 }
 ```
 
-For example, if the CSS you want to run requires that the browser supports CSS Shapes and CSS Grid, you could create a rule which checks for both of these things. The following rule will only return true if both `shape-outside: circle()` and `display: grid` are supported by the browser.
+For example, if the CSS you want to run requires that the browser supports CSS Shapes and CSS Grid, you could create a rule that tests browser support for both of these features. The following rule will only return true if `shape-outside: circle()` and `display: grid` are both supported by the browser.
 
 {{EmbedGHLiveSample("css-examples/feature-queries/and.html", '100%', 600)}}
 
-You can also use `or`, if one property out of a selection could match to enable the CSS you want to use:
+## Testing for at least one of multiple features
+
+You can also use `or` to apply CSS only if one or more declarations are supported:
 
 ```css
+/* any feature `@supports` at-rule */
 @supports (property1: value) or (property2: value) {
   CSS rules to apply
 }
@@ -69,49 +103,68 @@ This can be particularly useful if a feature is vendor prefixed, as you can test
 
 {{EmbedGHLiveSample("css-examples/feature-queries/or.html", '100%', 600)}}
 
-## Limitations of feature queries
-
-The `@supports` rule tests to see if the browser can parse one or more property/value pairs, and therefore if it claims to support the feature(s). If the property and value pair is understood by the browser it returns a positive response. Therefore feature queries cannot be used to check if a browser supports a thing properly, and without bugs!
+## Additional feature query options
 
-In addition, feature queries cannot test for _partial implementations_. A good example of this is the `gap` property. All browsers that support CSS Grid support `gap` in CSS Grid, however only Firefox supports `gap` in Flexbox. If you test for the `gap` property, because you want to use it in Flexbox, you will get a positive response even though it is not implemented.
+Feature queries are not limited to property-value pairs. You can include [`font-tech()`](/en-US/docs/Web/CSS/@supports#font-tech), [`font-format()`](/en-US/docs/Web/CSS/@supports#font-format), and [`selector()`](/en-US/docs/Web/CSS/@supports#function_syntax) functions in your feature queries to selectively apply CSS based on whether the user-agent supports a specified font technology, font format, or selector syntax, respectively.
 
-## How to use feature queries for progressive enhancement
+For example, the `selector()` function can be used to import a stylesheet for browsers that support a vendor-prefixed pseudo-element:
 
-Feature queries are an incredibly useful tool when progressively enhancing a site. They enable you to provide a good solution for all browsers, and an enhanced solution for those browsers that support newer features.
-
-However, there are browsers that don't support feature queries but also have no support for a feature we want to use. For example, we might want to use CSS Grid, which is not supported in IE11. We can't create a fallback by checking for browsers which do not have support, as IE11 doesn't support feature queries either! In practice however, when using feature queries for progressive enhancement, this doesn't matter. You do however need to structure your CSS in a certain way, writing CSS for non-supporting browsers and overwriting it with the CSS inside the feature query.
-
-Let's walk through a very simple example where feature queries come in handy, which uses them in the way described above.
+```css
+/* A `selector()` query within a `supports()` function */
+@import `/css/webkitShadowStyles.css` supports(selector(::-webkit-inner-spin-button));
+```
 
-Let's say we want to create a layout of three boxes in a row, and ideally we would like to use [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_grid_layout). However, we would like to have a layout for older browsers using floats. We can start by creating that floated layout with the following code, which gives us three columns.
+## Examples
 
-{{EmbedGHLiveSample("css-examples/feature-queries/step1.html", '100%', 900)}}
+### Browser support test
 
-When browsers don't understand a CSS property or value, they ignore it. So we could start enhancing our layout by using CSS Grid. Browsers that do not support grid will ignore the `grid` value of the `display` property. Once a floated item becomes a grid item, the float is removed — something you can read more about in [Supporting Older Browsers](/en-US/docs/Learn/CSS/CSS_layout/Supporting_Older_Browsers). Therefore the grid version should just overwrite the floated one.
+In this example, we check if the browser supports the `AccentColor` {{cssxref("system-color")}} and use `display: none` to change the default "not supported" message to a "supported" message if the color type is supported.
 
-We have a problem however, caused by the `width` property we used on our floated items to make them display as three columns. This is now interpreted by grid as being the width of the column track, not the width of the container as it is for the float.
+#### HTML
 
-{{EmbedGHLiveSample("css-examples/feature-queries/step2.html", '100%', 900)}}
+```html
+<p class="accentcolor">
+  Your browser does <span>not</span> support <code>AccentColor</code> as a color
+  value.
+</p>
+```
 
-What we need is a way to remove the width if `display: grid` is supported. This is exactly the situation feature queries solve. We can set the `width` back to `auto` if grid is supported.
+#### CSS
 
-{{EmbedGHLiveSample("css-examples/feature-queries/step3.html", '100%', 900)}}
+```css
+@supports (color: AccentColor) {
+  p {
+    color: green;
+    border: 2px solid;
+  }
+  span {
+    display: none;
+  }
+}
+@supports not (color: AccentColor) {
+  p {
+    color: red;
+  }
+}
+```
 
-In the above scenario, it doesn't matter that IE11 doesn't support feature queries or CSS Grid — it would get the floated version anyway, which is then overwritten by browsers that do support grid.
+#### Results
 
-An alternate way to write the above code is to wrap all of the grid code in a feature query as follows.
+{{EmbedLiveSample("Browser support test", "600", "50")}}
 
-{{EmbedGHLiveSample("css-examples/feature-queries/step4.html", '100%', 900)}}
+## Limitations of feature queries
 
-This may mean you have a little more code but comes with the benefit of being able to test the fallback by misspelling the property or value name. You can try this in the live example above by changing `display: grid` in the `@supports` rule to `display: grip` or similar.
+The `@supports` rule tests to see if browsers can parse one or more property/value pairs, and therefore if they claim to support the associated feature(s). If the property/value pairs are understood by a browser it returns a positive response. Feature queries check that declarations are considered valid by a browser, but can't be used to check if it supports a feature properly without bugs or spec violations. Feature queries cannot test for _partial implementations_.
 
 ## Summary
 
-Feature Queries can help you start to use newer features by enhancing a simpler display of the site used for older browsers. As you can wrap up the CSS for supporting browsers, you do not run the risk of styles used for the fallback display leaking through, as shown in our grid example above.
+Feature queries are a useful tool for progressively enhancing a site. They enable you to provide a good solution for all browsers, and an enhanced solution for browsers that support newer properties and values.
+
+You don't need to use feature queries to start using new CSS features; CSS error handling means the browser simply ignores CSS it does not yet recognize. However, feature queries are a useful alternative to fallback declarations, and enable writing code once that can eventually be supported everywhere.
 
 ### See also
 
-- The [@supports](/en-US/docs/Web/CSS/@supports) rule
-- Learn Layout: [Supporting Older Browsers](/en-US/docs/Learn/CSS/CSS_layout/Supporting_Older_Browsers)
-- [CSS Grid Layout and Progressive Enhancement](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_progressive_enhancement)
-- [Using Feature Queries in CSS](https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/)
+- [CSS conditional rules](/en-US/docs/Web/CSS/CSS_conditional_rules) module
+- [Using CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
+- [Supporting older browsers: feature queries](/en-US/docs/Learn/CSS/CSS_layout/Supporting_Older_Browsers#feature_queries)
+- [Browser feature detection: CSS `@supports`](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection#supports)

From e3dd8ed9ec243277e4d6b0d562dc2062c91cc80d Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Tue, 9 Jan 2024 15:24:54 +0530
Subject: [PATCH 330/790] fix(css): update good contrast example (#30707)

* fix(css): update good contrast example

* Update files/en-us/web/accessibility/understanding_wcag/perceivable/color_contrast/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Increase the output height

* center the button

* Update files/en-us/web/accessibility/understanding_wcag/perceivable/color_contrast/index.md

Co-authored-by: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>

* Update files/en-us/web/accessibility/understanding_wcag/perceivable/color_contrast/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* align with bad sample

* address review comment

* revert output size change

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
---
 .../perceivable/color_contrast/index.md          | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/files/en-us/web/accessibility/understanding_wcag/perceivable/color_contrast/index.md b/files/en-us/web/accessibility/understanding_wcag/perceivable/color_contrast/index.md
index aeacb9a90285702..8d74818b68c6a29 100644
--- a/files/en-us/web/accessibility/understanding_wcag/perceivable/color_contrast/index.md
+++ b/files/en-us/web/accessibility/understanding_wcag/perceivable/color_contrast/index.md
@@ -39,7 +39,7 @@ div {
 }
 
 .good {
-  background-color: #fae6fa;
+  background-color: #5a80a9;
 }
 
 .bad {
@@ -47,10 +47,12 @@ div {
 }
 ```
 
-Both pieces of text have their default black color. The "good" `<div>` has a light purple background, which makes the text easy to read:
+Both pieces of text have their default black color.
 
 ### Good Contrast
 
+The "good" `<div>` has a neon blue background, which makes the text easy to read:
+
 ```html
 <div class="good">Good contrast</div>
 ```
@@ -64,20 +66,20 @@ div {
   width: 250px;
   padding: 30px;
   border-radius: 20px;
-  box-shadow: 1px 1px 1px black;
+  box-shadow: 4px 4px 4px black;
 }
 
 .good {
-  background-color: #fae6fa;
+  background-color: #5a80a9;
 }
 ```
 
 {{EmbedLiveSample('Good_Contrast', '100%', '100')}}
 
-The "bad" `<div>` on the other hand has a very dark purple background, which makes the text much harder to read:
-
 ### Bad Contrast
 
+The "bad" `<div>` on the other hand has a very dark purple background, which makes the text much harder to read:
+
 ```html
 <div class="bad">Bad contrast</div>
 ```
@@ -91,7 +93,7 @@ div {
   width: 250px;
   padding: 30px;
   border-radius: 20px;
-  box-shadow: 1px 1px 1px black;
+  box-shadow: 4px 4px 4px black;
 }
 
 .bad {

From 04b91d4a12bec8c3adad0de48a030f6b6c4e4d1e Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 9 Jan 2024 17:57:09 +0800
Subject: [PATCH 331/790] Visual Viewport API | update GroupData & fix apiref
 (#31281)

* update group data

* update description

* update front matter

* update title

* fix apiref

* use macros

* remove extra see also section

* update interface lading page

* update extra desc

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 .../web/api/visual_viewport_api/index.md      | 19 +++++++++++--------
 .../web/api/visualviewport/height/index.md    |  4 +---
 files/en-us/web/api/visualviewport/index.md   | 14 +++++++++-----
 .../api/visualviewport/offsetleft/index.md    |  4 +---
 .../web/api/visualviewport/offsettop/index.md |  4 +---
 .../web/api/visualviewport/pageleft/index.md  |  4 +---
 .../web/api/visualviewport/pagetop/index.md   |  4 +---
 .../api/visualviewport/resize_event/index.md  | 10 +++-------
 .../web/api/visualviewport/scale/index.md     |  4 +---
 .../api/visualviewport/scroll_event/index.md  | 10 +++-------
 .../web/api/visualviewport/width/index.md     |  4 +---
 .../web/api/window/visualviewport/index.md    |  4 +---
 files/jsondata/GroupData.json                 |  2 +-
 13 files changed, 35 insertions(+), 52 deletions(-)

diff --git a/files/en-us/web/api/visual_viewport_api/index.md b/files/en-us/web/api/visual_viewport_api/index.md
index ca4f2852a03aea2..bfbcfdde8b06c16 100644
--- a/files/en-us/web/api/visual_viewport_api/index.md
+++ b/files/en-us/web/api/visual_viewport_api/index.md
@@ -2,14 +2,17 @@
 title: Visual Viewport API
 slug: Web/API/Visual_Viewport_API
 page-type: web-api-overview
-browser-compat: api.VisualViewport
+browser-compat:
+  - api.VisualViewport
+  - api.Window.visualViewport
+spec-urls: https://drafts.csswg.org/cssom-view/#visualViewport
 ---
 
 {{DefaultAPISidebar("Visual Viewport")}}
 
 The **Visual Viewport API** provides an explicit mechanism for querying and modifying the properties of the window's {{Glossary("visual viewport")}}. The visual viewport is the visual portion of a screen excluding on-screen keyboards, areas outside of a pinch-zoom area, or any other on-screen artifact that doesn't scale with the dimensions of a page.
 
-## Visual Viewport concepts and usage
+## Concepts and usage
 
 The mobile web contains two viewports, the layout viewport and the visual viewport. The layout viewport covers all the elements on a page and the visual viewport is what is actually visible on the screen. When the user pinch-zooms into the page, the visual viewport shrinks but the layout viewport is unchanged. User-interface features like the on-screen keyboard (OSK) can shrink the visual viewport without affecting the layout viewport.
 
@@ -17,17 +20,17 @@ What happens when a web page element needs to be visible on screen regardless of
 
 To access a window's visual viewport, you can obtain a {{domxref("VisualViewport")}} object from the {{domxref("window.visualViewport")}} property. The object includes a set of properties describing the viewport. It also adds two events, `onresize` and `onscroll`, that fire whenever the visual viewport changes. These events allow you to position elements relative to the visual viewport that would normally be anchored to the layout viewport.
 
-## Accessing the API
-
-- {{domxref("window.visualViewport")}} {{ReadOnlyInline}}
-  - : A read-only reference to the window's {{domxref("VisualViewport")}} object. If this property doesn't exist, the API is unsupported.
-
 ## Interfaces
 
 - {{DOMxRef("VisualViewport")}}
   - : Represents the visual viewport for a given window. A window's `VisualViewport` object provides information about the viewport's position and size, and receives the {{domxref("VisualViewport.resize_event", "resize")}} and {{domxref("VisualViewport.scroll_event", "scroll")}} events you can monitor to know when changes occur to the window's viewport.
 
-## Example
+### Extensions to other interfaces
+
+- {{domxref("Window.visualViewport")}} {{ReadOnlyInline}}
+  - : A read-only reference to the window's {{domxref("VisualViewport")}} object. If this property doesn't exist, the API is unsupported.
+
+## Examples
 
 The code below is based on [the sample in the specification](https://github.com/WICG/visual-viewport/blob/gh-pages/examples/fixed-to-viewport.html), though it adds a few things that make it function better. It shows a function called `viewportHandler()`. When called it queries the `offsetLeft` and `height` properties for values it uses in a CSS `translate()` method. You invoke this function by passing it to _both_ event calls.
 
diff --git a/files/en-us/web/api/visualviewport/height/index.md b/files/en-us/web/api/visualviewport/height/index.md
index e0fd634669187c4..199002695cc5d45 100644
--- a/files/en-us/web/api/visualviewport/height/index.md
+++ b/files/en-us/web/api/visualviewport/height/index.md
@@ -8,9 +8,7 @@ browser-compat: api.VisualViewport.height
 
 {{APIRef("Visual Viewport")}}
 
-The **`height`** read-only property of the
-{{domxref("VisualViewport")}} interface returns the height of the visual viewport, in
-CSS pixels.
+The **`height`** read-only property of the {{domxref("VisualViewport")}} interface returns the height of the visual viewport, in CSS pixels, or `0` if current document is not fully active.
 
 ## Value
 
diff --git a/files/en-us/web/api/visualviewport/index.md b/files/en-us/web/api/visualviewport/index.md
index 6191abbe6f3462f..1a8452328c32d50 100644
--- a/files/en-us/web/api/visualviewport/index.md
+++ b/files/en-us/web/api/visualviewport/index.md
@@ -7,7 +7,7 @@ browser-compat: api.VisualViewport
 
 {{APIRef("Visual Viewport")}}
 
-The **`VisualViewport`** interface of the [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API) represents the visual viewport for a given window. For a page containing iframes, each iframe, as well as the containing page, will have a unique window object. Each window on a page will have a unique `VisualViewport` representing the properties associated with that window.
+The **`VisualViewport`** interface of the {{domxref("Visual Viewport API", "", "", "nocode")}} represents the visual viewport for a given window. For a page containing iframes, each iframe, as well as the containing page, will have a unique window object. Each window on a page will have a unique `VisualViewport` representing the properties associated with that window.
 
 You can get a window's visual viewport using {{domxref("Window.visualViewport")}}.
 
@@ -17,7 +17,7 @@ You can get a window's visual viewport using {{domxref("Window.visualViewport")}
 
 ## Instance properties
 
-_`VisualViewport` also inherits properties from its parent, {{domxref("EventTarget")}}._
+_Also inherits properties from its parent interface, {{domxref("EventTarget")}}._
 
 - {{domxref("VisualViewport.offsetLeft")}} {{ReadOnlyInline}}
   - : Returns the offset of the left edge of the visual viewport from the left edge of the layout viewport in CSS pixels.
@@ -34,14 +34,18 @@ _`VisualViewport` also inherits properties from its parent, {{domxref("EventTarg
 - {{domxref("VisualViewport.scale")}} {{ReadOnlyInline}}
   - : Returns the pinch-zoom scaling factor applied to the visual viewport.
 
+## Instance methods
+
+_Also inherits methods from its parent interface, {{domxref("EventTarget")}}._
+
 ## Events
 
-Listen to these events using [`addEventListener()`](/en-US/docs/Web/API/EventTarget/addEventListener) or by assigning an event listener to the relevant `oneventname` property of this interface.
+Listen to these events using {{domxref("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the relevant `oneventname` property of this interface.
 
-- [`resize`](/en-US/docs/Web/API/VisualViewport/resize_event)
+- {{domxref("VisualViewport/resize_event", "resize")}}
   - : Fired when the visual viewport is resized.
     Also available via the `onresize` property.
-- [`scroll`](/en-US/docs/Web/API/VisualViewport/scroll_event)
+- {{domxref("VisualViewport/scroll_event", "scroll")}}
   - : Fired when the visual viewport is scrolled.
     Also available via the `onscroll` property.
 
diff --git a/files/en-us/web/api/visualviewport/offsetleft/index.md b/files/en-us/web/api/visualviewport/offsetleft/index.md
index a499c0b8cfb8848..edbf90638e0feca 100644
--- a/files/en-us/web/api/visualviewport/offsetleft/index.md
+++ b/files/en-us/web/api/visualviewport/offsetleft/index.md
@@ -8,9 +8,7 @@ browser-compat: api.VisualViewport.offsetLeft
 
 {{APIRef("Visual Viewport")}}
 
-The **`offsetLeft`** read-only property of the
-{{domxref("VisualViewport")}} interface returns the offset of the left edge of the
-visual viewport from the left edge of the layout viewport in CSS pixels.
+The **`offsetLeft`** read-only property of the {{domxref("VisualViewport")}} interface returns the offset of the left edge of the visual viewport from the left edge of the layout viewport in CSS pixels, or `0` if current document is not fully active.
 
 ## Value
 
diff --git a/files/en-us/web/api/visualviewport/offsettop/index.md b/files/en-us/web/api/visualviewport/offsettop/index.md
index 6dff431159272e7..273280bc1d55429 100644
--- a/files/en-us/web/api/visualviewport/offsettop/index.md
+++ b/files/en-us/web/api/visualviewport/offsettop/index.md
@@ -8,9 +8,7 @@ browser-compat: api.VisualViewport.offsetTop
 
 {{APIRef("Visual Viewport")}}
 
-The **`offsetTop`** read-only property of the
-{{domxref("VisualViewport")}} interface returns the offset of the top edge of the visual
-viewport from the top edge of the layout viewport in CSS pixels.
+The **`offsetTop`** read-only property of the {{domxref("VisualViewport")}} interface returns the offset of the top edge of the visual viewport from the top edge of the layout viewport in CSS pixels, or `0` if current document is not fully active.
 
 ## Value
 
diff --git a/files/en-us/web/api/visualviewport/pageleft/index.md b/files/en-us/web/api/visualviewport/pageleft/index.md
index 15df076b47f1ce0..cee86564c871ef5 100644
--- a/files/en-us/web/api/visualviewport/pageleft/index.md
+++ b/files/en-us/web/api/visualviewport/pageleft/index.md
@@ -8,9 +8,7 @@ browser-compat: api.VisualViewport.pageLeft
 
 {{APIRef("Visual Viewport")}}
 
-The **`pageLeft`** read-only property of the
-{{domxref("VisualViewport")}} interface returns the x coordinate of the left edge of the
-visual viewport relative to the initial containing block origin, in CSS pixels.
+The **`pageLeft`** read-only property of the {{domxref("VisualViewport")}} interface returns the x coordinate of the left edge of the visual viewport relative to the initial containing block origin, in CSS pixels, or `0` if current document is not fully active.
 
 ## Value
 
diff --git a/files/en-us/web/api/visualviewport/pagetop/index.md b/files/en-us/web/api/visualviewport/pagetop/index.md
index 9f6d0e906cf522d..077e7ad1a8231d9 100644
--- a/files/en-us/web/api/visualviewport/pagetop/index.md
+++ b/files/en-us/web/api/visualviewport/pagetop/index.md
@@ -8,9 +8,7 @@ browser-compat: api.VisualViewport.pageTop
 
 {{APIRef("Visual Viewport")}}
 
-The **`pageTop`** read-only property of the
-{{domxref("VisualViewport")}} interface returns the y coordinate of the top edge of the
-visual viewport relative to the initial containing block origin, in CSS pixels.
+The **`pageTop`** read-only property of the {{domxref("VisualViewport")}} interface returns the y coordinate of the top edge of the visual viewport relative to the initial containing block origin, in CSS pixels, or `0` if current document is not fully active.
 
 ## Value
 
diff --git a/files/en-us/web/api/visualviewport/resize_event/index.md b/files/en-us/web/api/visualviewport/resize_event/index.md
index 2c246372b8679e8..d158e75636a86a4 100644
--- a/files/en-us/web/api/visualviewport/resize_event/index.md
+++ b/files/en-us/web/api/visualviewport/resize_event/index.md
@@ -6,9 +6,9 @@ page-type: web-api-event
 browser-compat: api.VisualViewport.resize_event
 ---
 
-{{APIRef("Window")}}
+{{APIRef("Visual Viewport")}}
 
-The **`resize`** event of the [`VisualViewport`](/en-US/docs/Web/API/VisualViewport) interface is fired when the visual viewport is resized.
+The **`resize`** event of the {{domxref("VisualViewport")}} interface is fired when the visual viewport is resized.
 
 ## Syntax
 
@@ -26,7 +26,7 @@ A generic {{domxref("Event")}}.
 
 ## Examples
 
-You can use the `resize` event in an [`addEventListener`](/en-US/docs/Web/API/EventTarget/addEventListener) method:
+You can use the `resize` event in an {{domxref("EventTarget.addEventListener", "addEventListener()")}} method:
 
 ```js
 visualViewport.addEventListener("resize", () => {
@@ -49,7 +49,3 @@ visualViewport.onresize = () => {
 ## Browser compatibility
 
 {{Compat}}
-
-## See also
-
-- [Visual Viewport API homepage](/en-US/docs/Web/API/Visual_Viewport_API)
diff --git a/files/en-us/web/api/visualviewport/scale/index.md b/files/en-us/web/api/visualviewport/scale/index.md
index 4baef89c8796429..49cbf2f9119ae44 100644
--- a/files/en-us/web/api/visualviewport/scale/index.md
+++ b/files/en-us/web/api/visualviewport/scale/index.md
@@ -8,9 +8,7 @@ browser-compat: api.VisualViewport.scale
 
 {{APIRef("Visual Viewport")}}
 
-The **`scale`** read-only property of the
-{{domxref("VisualViewport")}} interface returns the pinch-zoom scaling factor applied
-to the visual viewport.
+The **`scale`** read-only property of the {{domxref("VisualViewport")}} interface returns the pinch-zoom scaling factor applied to the visual viewport, or `0` if current document is not fully active, or `1` if there is no output device.
 
 ## Value
 
diff --git a/files/en-us/web/api/visualviewport/scroll_event/index.md b/files/en-us/web/api/visualviewport/scroll_event/index.md
index ed69b0c452c4643..223fdaf3364c93e 100644
--- a/files/en-us/web/api/visualviewport/scroll_event/index.md
+++ b/files/en-us/web/api/visualviewport/scroll_event/index.md
@@ -6,9 +6,9 @@ page-type: web-api-event
 browser-compat: api.VisualViewport.scroll_event
 ---
 
-{{APIRef("Window")}}
+{{APIRef("Visual Viewport")}}
 
-The **`scroll`** event of the [`VisualViewport`](/en-US/docs/Web/API/VisualViewport) interface is fired when the visual viewport is scrolled.
+The **`scroll`** event of the {{domxref("VisualViewport")}} interface is fired when the visual viewport is scrolled.
 
 ## Syntax
 
@@ -26,7 +26,7 @@ A generic {{domxref("Event")}}.
 
 ## Examples
 
-You can use the `scroll` event in an [`addEventListener`](/en-US/docs/Web/API/EventTarget/addEventListener) method:
+You can use the `scroll` event in an {{domxref("EventTarget.addEventListener", "addEventListener()")}} method:
 
 ```js
 visualViewport.addEventListener("scroll", () => {
@@ -49,7 +49,3 @@ visualViewport.onscroll = () => {
 ## Browser compatibility
 
 {{Compat}}
-
-## See also
-
-- [Visual Viewport API homepage](/en-US/docs/Web/API/Visual_Viewport_API)
diff --git a/files/en-us/web/api/visualviewport/width/index.md b/files/en-us/web/api/visualviewport/width/index.md
index 36f3b7940a09663..83c53edf8ea43d5 100644
--- a/files/en-us/web/api/visualviewport/width/index.md
+++ b/files/en-us/web/api/visualviewport/width/index.md
@@ -8,9 +8,7 @@ browser-compat: api.VisualViewport.width
 
 {{APIRef("Visual Viewport")}}
 
-The **`width`** read-only property of the
-{{domxref("VisualViewport")}} interface returns the width of the visual viewport, in CSS
-pixels.
+The **`width`** read-only property of the {{domxref("VisualViewport")}} interface returns the width of the visual viewport, in CSS pixels, or `0` if current document is not fully active.
 
 ## Value
 
diff --git a/files/en-us/web/api/window/visualviewport/index.md b/files/en-us/web/api/window/visualviewport/index.md
index f6ff1fd551c8b69..e3fcfc552bcbec0 100644
--- a/files/en-us/web/api/window/visualviewport/index.md
+++ b/files/en-us/web/api/window/visualviewport/index.md
@@ -8,9 +8,7 @@ browser-compat: api.Window.visualViewport
 
 {{APIRef("Visual Viewport")}}
 
-The **`visualViewport`** read-only property of the
-{{domxref("Window")}} interface returns a {{domxref("VisualViewport")}} object
-representing the visual viewport for a given window.
+The **`visualViewport`** read-only property of the {{domxref("Window")}} interface returns a {{domxref("VisualViewport")}} object representing the visual viewport for a given window, or `null` if current document is not fully active.
 
 ## Value
 
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 252530fbabf36f7..739702e8b2d971d 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -1669,7 +1669,7 @@
       "interfaces": ["VisualViewport"],
       "methods": [],
       "properties": ["Window.visualViewport"],
-      "events": ["VisualViewport: resize", "VisualViewport: scroll"]
+      "events": []
     },
     "Web Animations": {
       "overview": ["Web Animations API"],

From 4315efb746a14832d2137ed775d45b96d8b3254e Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 9 Jan 2024 10:59:19 +0100
Subject: [PATCH 332/790] Fix broken link (#31607)

---
 .../en-us/mozilla/firefox/releases/9/updating_add-ons/index.md  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/9/updating_add-ons/index.md b/files/en-us/mozilla/firefox/releases/9/updating_add-ons/index.md
index 91f723f22e6c7e4..4be5abb43f7a5fa 100644
--- a/files/en-us/mozilla/firefox/releases/9/updating_add-ons/index.md
+++ b/files/en-us/mozilla/firefox/releases/9/updating_add-ons/index.md
@@ -10,7 +10,7 @@ Firefox 9 doesn't have a lot of changes that should be compatibility issues for
 
 ## Do you need to do anything at all?
 
-If your add-on is distributed on [addons.mozilla.org](https://addons.mozilla.org/en-US/firefox/) (AMO), it's been checked by an automated compatibility verification tool. Add-ons that don't use APIs that changed in Firefox 8, and have no binary components (which [need to be recompiled for every major Firefox release](/en-US/docs/Mozilla/Developer_guide/Interface_Compatibility#binary_interfaces)), have automatically been updated on AMO to indicate that they work in Firefox 9.
+If your add-on is distributed on [addons.mozilla.org](https://addons.mozilla.org/en-US/firefox/) (AMO), it's been checked by an automated compatibility verification tool. Add-ons that don't use APIs that changed in Firefox 8, and have no binary components (which need to be recompiled for every major Firefox release), have automatically been updated on AMO to indicate that they work in Firefox 9.
 
 So you should start by visiting AMO and looking to see if your add-on needs any work done at all.
 

From 10d7f145141e1a54d97efc89a2886803795657bb Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 9 Jan 2024 11:00:04 +0100
Subject: [PATCH 333/790] Remove broken link to long-gone WebRTC feature
 (#31609)

---
 files/en-us/mozilla/firefox/releases/66/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/66/index.md b/files/en-us/mozilla/firefox/releases/66/index.md
index 23053cf3674c852..4d29cccd588493e 100644
--- a/files/en-us/mozilla/firefox/releases/66/index.md
+++ b/files/en-us/mozilla/firefox/releases/66/index.md
@@ -95,7 +95,7 @@ No changes.
 
 #### Removals
 
-- The legacy WebRTC {{domxref("PeerConnection.getStats()")}} method has been removed, along with associated types ([Firefox bug 1328194](https://bugzil.la/1328194)).
+- The legacy WebRTC `PeerConnection.getStats()` method has been removed, along with associated types ([Firefox bug 1328194](https://bugzil.la/1328194)).
 
 ### Networking
 

From 40b505fb2a3ca3029650f20fb114044f1055ee1b Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Tue, 9 Jan 2024 02:45:16 -0800
Subject: [PATCH 334/790] FF122 Relnote HTMLSelectElement.showPicker (#31133)

---
 .../firefox/experimental_features/index.md    | 41 -------------------
 .../mozilla/firefox/releases/122/index.md     |  4 ++
 2 files changed, 4 insertions(+), 41 deletions(-)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index f7a401c8f143ae1..90dd0abc7d03b72 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -59,47 +59,6 @@ Layout for `input type="search"` has been updated. This causes a search field to
   </tbody>
 </table>
 
-### showPicker() method for HTML select elements
-
-The {{domxref("HTMLSelectElement.showPicker()")}} method programmatically launches the browser picker for a {{HTMLElement("select")}} element, triggered by user interaction.
-(See [Firefox bug 1854112](https://bugzil.la/1854112) for more details.)
-
-<table>
-  <thead>
-    <tr>
-      <th>Release channel</th>
-      <th>Version added</th>
-      <th>Enabled by default?</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th>Nightly</th>
-      <td>121</td>
-      <td>Yes</td>
-    </tr>
-    <tr>
-      <th>Developer Edition</th>
-      <td>121</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Beta</th>
-      <td>121</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Release</th>
-      <td>121</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Preference name</th>
-      <td colspan="2"><code>dom.select.showPicker.enabled</code></td>
-    </tr>
-  </tbody>
-</table>
-
 ### Toggle password display
 
 HTML password input elements ([`<input type="password">`](/en-US/docs/Web/HTML/Element/input/password)) include an "eye" icon that can be toggled to display or obscure the password text ([Firefox bug 502258](https://bugzil.la/502258)).
diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index a74d820e12bd940..e16d7285e7405d5 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -44,6 +44,10 @@ This article provides information about the changes in Firefox 122 that affect d
 
 #### DOM
 
+### showPicker() method for HTML select elements
+
+- The {{domxref("HTMLSelectElement.showPicker()")}} method is now supported, allowing the browser picker for a {{HTMLElement("select")}} element to be programmatically launched when triggered by user interaction ([Firefox bug 1865207](https://bugzil.la/1865207)).
+
 #### Media, WebRTC, and Web Audio
 
 #### Removals

From 6f035ed4a3655f015239573c4fa0d894f298f975 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Tue, 9 Jan 2024 02:57:12 -0800
Subject: [PATCH 335/790] FF122 ExprFeature: Screen Wake Lock (#31207)

---
 .../firefox/experimental_features/index.md    | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index 90dd0abc7d03b72..41439fa7bffba05 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -2083,6 +2083,50 @@ See [Firefox bug 1697647](https://bugzil.la/1697647) for more details.
   </tbody>
 </table>
 
+### Screen Wake Lock API
+
+The [Screen Wake Lock API](/en-US/docs/Web/API/Screen_Wake_Lock_API) allows a web application to request that the screen not be dimmed or locked while it is active.
+This is useful for navigation and reading applications, and any application where the screen doesn't get regular tactile input while the application is in use (the default way to keep a screen awake).
+The API is accessed through {{domxref("Navigator.wakeLock")}} in secure contexts, which returns a {{domxref("WakeLock")}}.
+This can be used to request a {{domxref("WakeLockSentinel")}} that can be used to monitor the status of the wake lock, and release it manually.
+See [Firefox bug 1589554](https://bugzil.la/1589554) for more details.
+
+<table>
+  <thead>
+    <tr>
+      <th>Release channel</th>
+      <th>Version changed</th>
+      <th>Enabled by default?</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th>Nightly</th>
+      <td>122</td>
+      <td>Yes</td>
+    </tr>
+    <tr>
+      <th>Developer Edition</th>
+      <td>122</td>
+      <td>No</td>
+    </tr>
+    <tr>
+      <th>Beta</th>
+      <td>122</td>
+      <td>No</td>
+    </tr>
+    <tr>
+      <th>Release</th>
+      <td>122</td>
+      <td>No</td>
+    </tr>
+    <tr>
+      <th>Preference name</th>
+      <td colspan="2"><code>dom.screenwakelock.enabled</code></td>
+    </tr>
+  </tbody>
+</table>
+
 ### Prioritized Task Scheduling API
 
 The [Prioritized Task Scheduling API](/en-US/docs/Web/API/Prioritized_Task_Scheduling_API) provides a standardized way to prioritize all tasks belonging to an application, whether they defined in a website developer's code, or in third party libraries and frameworks.

From 6db01c67da72d30a0640164d4964e0ada8544e56 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Tue, 9 Jan 2024 11:59:13 +0100
Subject: [PATCH 336/790] fix: Remove link to non-standard long-gone CSS
 pseudo-class (#31608)

Remove link to non-standard long-one CSS pseudo-class
---
 files/en-us/mozilla/firefox/releases/88/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/88/index.md b/files/en-us/mozilla/firefox/releases/88/index.md
index c908f594a02beef..4ae723b96d86929 100644
--- a/files/en-us/mozilla/firefox/releases/88/index.md
+++ b/files/en-us/mozilla/firefox/releases/88/index.md
@@ -32,7 +32,7 @@ _No changes._
 #### Removals
 
 - The {{cssxref(":-moz-submit-invalid")}} pseudo-class has been hidden behind a preference, thereby removing it from web content ([Firefox bug 1694129](https://bugzil.la/1694129)).
-- Default styling for the non-standard `:-moz-ui-invalid` and {{cssxref(":-moz-ui-valid")}} has been removed ([Firefox bug 1693969](https://bugzil.la/1693969)).
+- Default styling for the non-standard `:-moz-ui-invalid` and `:-moz-ui-valid` has been removed ([Firefox bug 1693969](https://bugzil.la/1693969)).
 
 ### JavaScript
 

From 2fcb562ec9bf1bf36d195d9bebb8a27515fa49f4 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 9 Jan 2024 19:06:14 +0800
Subject: [PATCH 337/790] MediaRecorder properties | small refactors & remove
 unwritten Example section (#31240)

* update structure

* replace with macros

* replace with macros

* remove the unwritten example section

* update

* layout tidy

* layout tidy

* layout tidy

* layout tidy

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 .../istypesupported_static/index.md           | 13 ++-----
 .../web/api/mediarecorder/mimetype/index.md   | 39 +++++++------------
 .../web/api/mediarecorder/state/index.md      | 10 ++---
 .../web/api/mediarecorder/stream/index.md     |  7 +---
 .../mediarecorder/videobitspersecond/index.md |  6 ---
 5 files changed, 24 insertions(+), 51 deletions(-)

diff --git a/files/en-us/web/api/mediarecorder/istypesupported_static/index.md b/files/en-us/web/api/mediarecorder/istypesupported_static/index.md
index 80ee9e13f806312..2245c7fbffbae1e 100644
--- a/files/en-us/web/api/mediarecorder/istypesupported_static/index.md
+++ b/files/en-us/web/api/mediarecorder/istypesupported_static/index.md
@@ -8,10 +8,7 @@ browser-compat: api.MediaRecorder.isTypeSupported_static
 
 {{APIRef("MediaStream Recording")}}
 
-The
-**`MediaRecorder.isTypeSupported()`** static method returns a
-Boolean which is `true` if the MIME type specified is one the user agent
-should be able to successfully record.
+The **`isTypeSupported()`** static method of the {{domxref("MediaRecorder")}} interface returns a {{jsxref("Boolean")}} which is `true` if the MIME media type specified is one the user agent should be able to successfully record.
 
 ## Syntax
 
@@ -26,11 +23,9 @@ MediaRecorder.isTypeSupported(mimeType)
 
 ### Return value
 
-`true` if the {{domxref("MediaRecorder")}} implementation is capable of
-recording {{domxref("Blob")}} objects for the specified MIME type. Recording may still
-fail if there are insufficient resources to support the recording and encoding process.
-If the value is `false`, the user agent is incapable of recording the
-specified format.
+A {{jsxref("Boolean")}}, `true` if the {{domxref("MediaRecorder")}} implementation is capable of recording {{domxref("Blob")}} objects for the specified MIME type.
+Recording may still fail if there are insufficient resources to support the recording and encoding process.
+If the value is `false`, the user agent is incapable of recording the specified format.
 
 ## Examples
 
diff --git a/files/en-us/web/api/mediarecorder/mimetype/index.md b/files/en-us/web/api/mediarecorder/mimetype/index.md
index eef924ad60731a9..9ba8d187fe10ea0 100644
--- a/files/en-us/web/api/mediarecorder/mimetype/index.md
+++ b/files/en-us/web/api/mediarecorder/mimetype/index.md
@@ -8,31 +8,23 @@ browser-compat: api.MediaRecorder.mimeType
 
 {{APIRef("MediaStream Recording")}}
 
-The **`mimeType`** read-only
-property returns the {{Glossary("MIME")}} media type that was specified when creating
-the {{domxref("MediaRecorder")}} object, or, if none was specified, which was chosen
-by the browser. This is the file format of the file that would result from
-writing all of the recorded data to disk.
-
-Keep in mind that not all codecs are supported by a given container; if you write media
-using a codec that is not supported by a given media container, the resulting file may
-not work reliably if at all when you try to play it back. See our [media type and format guide](/en-US/docs/Web/Media/Formats) for information
-about container and codec support across browsers.
-
-> **Note:** The term "MIME type" is officially considered to be
-> historical; these strings are now officially known as **media types**.
+The **`mimeType`** read-only property of the {{domxref("MediaRecorder")}} interface returns the {{Glossary("MIME")}} media type that was specified when creating the {{domxref("MediaRecorder")}} object, or, if none was specified, which was chosen by the browser.
+This is the file format of the file that would result from writing all of the recorded data to disk.
+
+Keep in mind that not all codecs are supported by a given container; if you write media using a codec that is not supported by a given media container, the resulting file may not work reliably if at all when you try to play it back.
+See our [media type and format guide](/en-US/docs/Web/Media/Formats) for information about container and codec support across browsers.
+
+> **Note:** The term "MIME type" is officially considered to be historical; these strings are now officially known as **media types**.
 > MDN Web Docs content uses the terms interchangeably.
 
 ## Value
 
-The MIME media type which describes the format of the recorded media, as a
-string. This string _may_ include the [`codecs` parameter,](/en-US/docs/Web/Media/Formats/codecs_parameter) giving details about the codecs and the codec configurations used by
-the media recorder.
+The MIME media type which describes the format of the recorded media, as a string.
+This string _may_ include the [`codecs` parameter,](/en-US/docs/Web/Media/Formats/codecs_parameter) giving details about the codecs and the codec configurations used by the media recorder.
 
-The media type strings are standardized by the Internet Assigned Numbers Authority
-(IANA). For their official list of defined media type strings, see the article [Media Types](https://www.iana.org/assignments/media-types/media-types.xhtml)
-on the IANA site. See also [media types](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types) to learn more
-about media types and how they're used in web content and by web browsers.
+The media type strings are standardized by the Internet Assigned Numbers Authority (IANA).
+For their official list of defined media type strings, see the article [Media Types](https://www.iana.org/assignments/media-types/media-types.xhtml) on the IANA site.
+See also [media types](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types) to learn more about media types and how they're used in web content and by web browsers.
 
 ## Examples
 
@@ -63,9 +55,7 @@ if (navigator.mediaDevices) {
 }
 ```
 
-Changing line 14 to the following causes `MediaRecorder` to try to use AVC
-Constrained Baseline Profile Level 4 for video and AAC-LC (Low Complexity) for audio,
-which is good for mobile and other possible resource-constrained situations.
+Changing line 14 to the following causes `MediaRecorder` to try to use AVC Constrained Baseline Profile Level 4 for video and AAC-LC (Low Complexity) for audio, which is good for mobile and other possible resource-constrained situations.
 
 ```js
 mimeType: 'video/mp4; codecs="avc1.424028, mp4a.40.2"';
@@ -87,7 +77,6 @@ by `m.mimeType` would then be
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Codecs in common media types](/en-US/docs/Web/Media/Formats/codecs_parameter)
-- [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder + getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
 - [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
 - {{domxref("MediaDevices.getUserMedia()")}}
diff --git a/files/en-us/web/api/mediarecorder/state/index.md b/files/en-us/web/api/mediarecorder/state/index.md
index d5cf860278e4feb..004b9fb7e1b94c1 100644
--- a/files/en-us/web/api/mediarecorder/state/index.md
+++ b/files/en-us/web/api/mediarecorder/state/index.md
@@ -8,18 +8,16 @@ browser-compat: api.MediaRecorder.state
 
 {{APIRef("MediaStream Recording")}}
 
-The **`MediaRecorder.state`** read-only property returns the
-current state of the current `MediaRecorder` object.
+The **`state`** read-only property of the {{domxref("MediaRecorder")}} interface returns the current state of the current `MediaRecorder` object.
 
 ## Value
 
 A string containing one of the following values:
 
 - `inactive`
-  - : Recording is not occurring — it has either not been started yet, or it has been
-    started and then stopped.
+  - : Recording is not occurring — it has either not been started yet, or it has been started and then stopped.
 - `recording`
-  - : Recording has been started and the UA is capturing data.
+  - : Recording has been started and the {{glossary("user agent")}} is capturing data.
 - `paused`
   - : Recording has been started, then paused, but not yet stopped or resumed.
 
@@ -48,4 +46,4 @@ record.onclick = () => {
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
   getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
 - [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
-- {{domxref("Navigator.getUserMedia")}}
+- {{domxref("Navigator.getUserMedia()")}}
diff --git a/files/en-us/web/api/mediarecorder/stream/index.md b/files/en-us/web/api/mediarecorder/stream/index.md
index 94930151c17e92e..4f1c3168dcdb8a7 100644
--- a/files/en-us/web/api/mediarecorder/stream/index.md
+++ b/files/en-us/web/api/mediarecorder/stream/index.md
@@ -8,14 +8,11 @@ browser-compat: api.MediaRecorder.stream
 
 {{APIRef("MediaStream Recording")}}
 
-The **`MediaRecorder.stream`** read-only property returns the
-stream that was passed into the `MediaRecorder()` constructor when the
-`MediaRecorder` was created.
+The **`stream`** read-only property of the {{domxref("MediaRecorder")}} interface returns the stream that was passed into the {{domxref("MediaRecorder.MediaRecorder", "MediaRecorder()")}} constructor when the `MediaRecorder` was created.
 
 ## Value
 
-The MediaStream passed into the `MediaRecorder()` constructor when the
-`MediaRecorder` was originally created.
+The {{domxref("MediaStream")}} passed into the `MediaRecorder()` constructor when the `MediaRecorder` was originally created.
 
 ## Examples
 
diff --git a/files/en-us/web/api/mediarecorder/videobitspersecond/index.md b/files/en-us/web/api/mediarecorder/videobitspersecond/index.md
index ce300d4d5aab926..3bc299e0caeab23 100644
--- a/files/en-us/web/api/mediarecorder/videobitspersecond/index.md
+++ b/files/en-us/web/api/mediarecorder/videobitspersecond/index.md
@@ -19,12 +19,6 @@ constructor, if it was provided.
 
 A {{jsxref("Number")}} (unsigned long).
 
-## Example
-
-```js
-// TBD
-```
-
 ## Specifications
 
 {{Specifications}}

From 0b3a2dfcd6c869f7364b1c0bc3fcf4471398ccaf Mon Sep 17 00:00:00 2001
From: Meow King <mr.ziqiyang@gmail.com>
Date: Tue, 9 Jan 2024 19:12:12 +0800
Subject: [PATCH 338/790] bookmark api: add missing parameters in example code
 (#31574)

---
 .../add-ons/webextensions/api/bookmarks/oncreated/index.md      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/oncreated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/oncreated/index.md
index 9e21aa0fdc33dd8..72a388117e9d05b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/oncreated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/oncreated/index.md
@@ -12,7 +12,7 @@ Fired when a bookmark item (a bookmark or a folder) is created.
 ## Syntax
 
 ```js-nolint
-browser.bookmarks.onCreated.addListener()
+browser.bookmarks.onCreated.addListener(listener)
 browser.bookmarks.onCreated.removeListener(listener)
 browser.bookmarks.onCreated.hasListener(listener)
 ```

From fb23ffd0366f750eaa2d93359013c896ec8a656c Mon Sep 17 00:00:00 2001
From: btea <2356281422@qq.com>
Date: Tue, 9 Jan 2024 19:42:48 +0800
Subject: [PATCH 339/790] Common MIME types add apng (#31286)

* Common MIME types add apng

* Update files/en-us/web/http/basics_of_http/mime_types/common_types/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 .../web/http/basics_of_http/mime_types/common_types/index.md     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/http/basics_of_http/mime_types/common_types/index.md b/files/en-us/web/http/basics_of_http/mime_types/common_types/index.md
index 5519a74c7af9fc4..6b64b9804d44d7b 100644
--- a/files/en-us/web/http/basics_of_http/mime_types/common_types/index.md
+++ b/files/en-us/web/http/basics_of_http/mime_types/common_types/index.md
@@ -19,6 +19,7 @@ IANA is the official registry of MIME media types and maintains a [list of all t
 | --------------- | ------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `.aac`          | AAC audio                                                                                  | `audio/aac`                                                                                                                                                                                                                                                                                                                                                                                               |
 | `.abw`          | [AbiWord](https://en.wikipedia.org/wiki/AbiWord) document                                  | `application/x-abiword`                                                                                                                                                                                                                                                                                                                                                                                   |
+| `.apng`         | Animated Portable Network Graphics (APNG) image                                            | `image/apng`                                                                                                                                                                                                                                                                                                                                                                                              |
 | `.arc`          | Archive document (multiple files embedded)                                                 | `application/x-freearc`                                                                                                                                                                                                                                                                                                                                                                                   |
 | `.avif`         | AVIF image                                                                                 | `image/avif`                                                                                                                                                                                                                                                                                                                                                                                              |
 | `.avi`          | AVI: Audio Video Interleave                                                                | `video/x-msvideo`                                                                                                                                                                                                                                                                                                                                                                                         |

From a0b5c6af9c854702d15ec800b529064fb7d297db Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Tue, 9 Jan 2024 11:11:05 -0800
Subject: [PATCH 340/790] FF122 ArrayBuffer.transfer() and friends - remove
 experimental tagging (#31213)

---
 .../reference/global_objects/arraybuffer/detached/index.md       | 1 +
 .../reference/global_objects/arraybuffer/transfer/index.md       | 1 +
 .../global_objects/arraybuffer/transfertofixedlength/index.md    | 1 +
 3 files changed, 3 insertions(+)

diff --git a/files/en-us/web/javascript/reference/global_objects/arraybuffer/detached/index.md b/files/en-us/web/javascript/reference/global_objects/arraybuffer/detached/index.md
index 469f922f1ab4b8f..66b9dcf7d9104b7 100644
--- a/files/en-us/web/javascript/reference/global_objects/arraybuffer/detached/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/arraybuffer/detached/index.md
@@ -35,6 +35,7 @@ console.log(newBuffer.detached); // false
 
 ## See also
 
+- [Polyfill of `ArrayBuffer.prototype.detached` in `core-js`](https://github.com/zloirock/core-js#arraybufferprototypetransfer-and-friends)
 - {{jsxref("ArrayBuffer")}}
 - {{jsxref("ArrayBuffer.prototype.transfer()")}}
 - {{jsxref("ArrayBuffer.prototype.transferToFixedLength()")}}
diff --git a/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfer/index.md b/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfer/index.md
index 9387713ed4333c5..6e8a83078e46fba 100644
--- a/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfer/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfer/index.md
@@ -116,6 +116,7 @@ buffer3.transfer(20); // RangeError: Invalid array buffer length
 
 ## See also
 
+- [Polyfill of `ArrayBuffer.prototype.transfer()` in `core-js`](https://github.com/zloirock/core-js#arraybufferprototypetransfer-and-friends)
 - {{jsxref("ArrayBuffer")}}
 - {{jsxref("ArrayBuffer.prototype.detached")}}
 - {{jsxref("ArrayBuffer.prototype.transferToFixedLength()")}}
diff --git a/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfertofixedlength/index.md b/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfertofixedlength/index.md
index 031ef893e66c3a1..1a835ca544b4d82 100644
--- a/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfertofixedlength/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/arraybuffer/transfertofixedlength/index.md
@@ -80,6 +80,7 @@ console.log(view2[7]); // 4
 
 ## See also
 
+- [Polyfill of `ArrayBuffer.prototype.transferToFixedLength()` in `core-js`](https://github.com/zloirock/core-js#arraybufferprototypetransfer-and-friends)
 - {{jsxref("ArrayBuffer")}}
 - {{jsxref("ArrayBuffer.prototype.detached")}}
 - {{jsxref("ArrayBuffer.prototype.transfer()")}}

From 81618fd5a3aa3cb153e01521b6e840c2cacb78f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pierre-Yves=20G=C3=A9rardy?= <py@py.gy>
Date: Wed, 10 Jan 2024 02:50:27 +0100
Subject: [PATCH 341/790] Replace "DOM request" with "asynchoronus operation",
 fixes #31427 (#31620)

Replace "DOM request" with "async operation", fixes #31427
---
 files/en-us/web/api/abortcontroller/abort/index.md  | 2 +-
 files/en-us/web/api/abortcontroller/index.md        | 6 +++---
 files/en-us/web/api/abortcontroller/signal/index.md | 2 +-
 files/en-us/web/api/abortsignal/aborted/index.md    | 2 +-
 files/en-us/web/api/abortsignal/index.md            | 4 ++--
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/files/en-us/web/api/abortcontroller/abort/index.md b/files/en-us/web/api/abortcontroller/abort/index.md
index ee6a7801453c4f4..90c7e81429f4e7a 100644
--- a/files/en-us/web/api/abortcontroller/abort/index.md
+++ b/files/en-us/web/api/abortcontroller/abort/index.md
@@ -8,7 +8,7 @@ browser-compat: api.AbortController.abort
 
 {{APIRef("DOM")}}
 
-The **`abort()`** method of the {{domxref("AbortController")}} interface aborts a DOM request before it has completed.
+The **`abort()`** method of the {{domxref("AbortController")}} interface aborts an asynchronous operation before it has completed.
 This is able to abort [fetch requests](/en-US/docs/Web/API/fetch), the consumption of any response bodies, or streams.
 
 ## Syntax
diff --git a/files/en-us/web/api/abortcontroller/index.md b/files/en-us/web/api/abortcontroller/index.md
index e82fe97efed6438..644795bfa790b53 100644
--- a/files/en-us/web/api/abortcontroller/index.md
+++ b/files/en-us/web/api/abortcontroller/index.md
@@ -9,7 +9,7 @@ browser-compat: api.AbortController
 
 The **`AbortController`** interface represents a controller object that allows you to abort one or more Web requests as and when desired.
 
-You can create a new `AbortController` object using the {{domxref("AbortController.AbortController()", "AbortController()")}} constructor. Communicating with a DOM request is done using an {{domxref("AbortSignal")}} object.
+You can create a new `AbortController` object using the {{domxref("AbortController.AbortController()", "AbortController()")}} constructor. Communicating with an asynchronous operation is done using an {{domxref("AbortSignal")}} object.
 
 ## Constructor
 
@@ -19,12 +19,12 @@ You can create a new `AbortController` object using the {{domxref("AbortControll
 ## Instance properties
 
 - {{domxref("AbortController.signal")}} {{ReadOnlyInline}}
-  - : Returns an {{domxref("AbortSignal")}} object instance, which can be used to communicate with, or to abort, a DOM request.
+  - : Returns an {{domxref("AbortSignal")}} object instance, which can be used to communicate with, or to abort, an asynchronous operation.
 
 ## Instance methods
 
 - {{domxref("AbortController.abort()")}}
-  - : Aborts a DOM request before it has completed. This is able to abort [fetch requests](/en-US/docs/Web/API/fetch), consumption of any response bodies, and streams.
+  - : Aborts an asynchronous operation before it has completed. This is able to abort [fetch requests](/en-US/docs/Web/API/fetch), consumption of any response bodies, and streams.
 
 ## Examples
 
diff --git a/files/en-us/web/api/abortcontroller/signal/index.md b/files/en-us/web/api/abortcontroller/signal/index.md
index 2ea1e2a776ddfcb..307c00fec1cee9f 100644
--- a/files/en-us/web/api/abortcontroller/signal/index.md
+++ b/files/en-us/web/api/abortcontroller/signal/index.md
@@ -8,7 +8,7 @@ browser-compat: api.AbortController.signal
 
 {{APIRef("DOM")}}
 
-The **`signal`** read-only property of the {{domxref("AbortController")}} interface returns an {{domxref("AbortSignal")}} object instance, which can be used to communicate with/abort a DOM request as desired.
+The **`signal`** read-only property of the {{domxref("AbortController")}} interface returns an {{domxref("AbortSignal")}} object instance, which can be used to communicate with/abort an asynchronous operation as desired.
 
 ## Value
 
diff --git a/files/en-us/web/api/abortsignal/aborted/index.md b/files/en-us/web/api/abortsignal/aborted/index.md
index 1447e82a20ab284..2ca6da496a6d017 100644
--- a/files/en-us/web/api/abortsignal/aborted/index.md
+++ b/files/en-us/web/api/abortsignal/aborted/index.md
@@ -8,7 +8,7 @@ browser-compat: api.AbortSignal.aborted
 
 {{APIRef("DOM")}}
 
-The **`aborted`** read-only property returns a value that indicates whether the DOM requests the signal is communicating with are aborted (`true`) or not (`false`).
+The **`aborted`** read-only property returns a value that indicates whether the asynchronous operations the signal is communicating with are aborted (`true`) or not (`false`).
 
 ## Value
 
diff --git a/files/en-us/web/api/abortsignal/index.md b/files/en-us/web/api/abortsignal/index.md
index 1bb7478b27efda3..4f2a0d4118cf385 100644
--- a/files/en-us/web/api/abortsignal/index.md
+++ b/files/en-us/web/api/abortsignal/index.md
@@ -7,7 +7,7 @@ browser-compat: api.AbortSignal
 
 {{APIRef("DOM")}}
 
-The **`AbortSignal`** interface represents a signal object that allows you to communicate with a DOM request (such as a fetch request) and abort it if required via an {{domxref("AbortController")}} object.
+The **`AbortSignal`** interface represents a signal object that allows you to communicate with an asynchronous operation (such as a fetch request) and abort it if required via an {{domxref("AbortController")}} object.
 
 {{InheritanceDiagram}}
 
@@ -45,7 +45,7 @@ _Also inherits events from its parent interface, {{DOMxRef("EventTarget")}}._
 Listen to this event using {{domxref("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface.
 
 - {{domxref("AbortSignal/abort_event", "abort")}}
-  - : Invoked when the DOM requests the signal is communicating with is/are aborted.
+  - : Invoked when the asynchronous operations the signal is communicating with is/are aborted.
     Also available via the `onabort` property.
 
 ## Examples

From 130cf866abfe300532baf2c65907ba16b6262644 Mon Sep 17 00:00:00 2001
From: Frances Cornwall <113309999+francescorn@users.noreply.github.com>
Date: Tue, 9 Jan 2024 19:38:43 -0800
Subject: [PATCH 342/790] Add information on `ric`, `rex`, `rch` , and `rcap`
 units and regroup the relative units. (#31617)

* Update index.md Adding a short sentence about `rem`, `rcap`, `rex`, `rah`, `ric`, and `rlh`.

`rem`, `rcap`, `rex`, `rch`, and `ric` are similar to `em`, `cap`, `ex`, and `ic`. Adding root to each definition which is according to the spec: https://drafts.csswg.org/css-values/#font-relative-lengths.

Addressing the issue: https://github.com/mdn/mdn/issues/509

* Update index.md

Rearrange the formatting.

* Update index.md

Rearrange units to group them to be more precise according to the spec: https://drafts.csswg.org/css-values/#font-relative-lengths.

* Update index.md

Fixing a typo

* Update index.md

Fix graphs.

* Update index.md

Add a link to HTMl element.

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

* spacing in table

* additional column

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* remove extra column

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/css/css_values_and_units/index.md

* Update files/en-us/web/css/css_values_and_units/index.md

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* link issues fixed. maybe?

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 .../web/css/css_values_and_units/index.md     | 64 +++++++++++++------
 1 file changed, 43 insertions(+), 21 deletions(-)

diff --git a/files/en-us/web/css/css_values_and_units/index.md b/files/en-us/web/css/css_values_and_units/index.md
index cf9daf46e170366..cf2a0838ccb9c25 100644
--- a/files/en-us/web/css/css_values_and_units/index.md
+++ b/files/en-us/web/css/css_values_and_units/index.md
@@ -133,27 +133,49 @@ These are all covered in subsections below.
 
 #### Distance units
 
-Where a distance unit, also known as a length, is allowed as a value for a property, this is described as the {{cssxref("&lt;length&gt;")}} type. There are two types of lengths in CSS: relative and absolute.
-
-Relative length units specify a length in relation to something else.
-For example, `em` is relative to the font size on the element and `vh` is relative to the viewport height.
-
-| Unit   | Relative to                                                                                                                            |
-| ------ | -------------------------------------------------------------------------------------------------------------------------------------- |
-| `em`   | Font size of the element.                                                                                                              |
-| `ex`   | x-height of the element's font.                                                                                                        |
-| `cap`  | Cap height (the nominal height of capital letters) of the element's font.                                                              |
-| `ch`   | Average character advance of a narrow glyph in the element's font, as represented by the "0" (ZERO, U+0030) glyph.                     |
-| `ic`   | Average character advance of a full width glyph in the element's font, as represented by the "水" (CJK water ideograph, U+6C34) glyph. |
-| `rem`  | Font size of the root element.                                                                                                         |
-| `lh`   | Line height of the element.                                                                                                            |
-| `rlh`  | Line height of the root element.                                                                                                       |
-| `vw`   | 1% of viewport's width.                                                                                                                |
-| `vh`   | 1% of viewport's height.                                                                                                               |
-| `vi`   | 1% of viewport's size in the root element's inline axis.                                                                               |
-| `vb`   | 1% of viewport's size in the root element's block axis.                                                                                |
-| `vmin` | 1% of viewport's smaller dimension.                                                                                                    |
-| `vmax` | 1% of viewport's larger dimension.                                                                                                     |
+Where a distance unit, also known as a length, is allowed as a value for a property, this is described as the {{cssxref("&lt;length&gt;")}} type. There are two types of lengths in CSS: relative and absolute. Relative length units specify a length in relation to something else.
+
+There are two types of relative lengths: font-relative lengths and viewport-percentage lengths. These both come in two types. Font-relative length units are either local font-relative or root font-relative. Viewport percentage lengths are either relative to the viewport height or width size or, as defined in the [CSS Containment module](/en-US/docs/Web/CSS/CSS_Containment), relative to a [container](/en-US/docs/Web/CSS/CSS_container_queries#container_query_length_units).
+
+##### Font-relative lengths
+
+Local font-relative lengths are relative to the "local" font size or line height, specifying a length in relation to a computed size of a feature of the [element](/en-US/docs/Web/HTML/Element) itself, or relative to the element's inherited value in the case of a circular reference, such as the `em` value for a {{cssxref("font-size")}} property or a `lh` value for a {{cssxref("line-height")}} property.
+For example, `em` is relative to the font size on the element and `ex` is relative to the x-height of the element's font.
+
+| Unit  | Relative to                                                                                                                            |
+| ----- | -------------------------------------------------------------------------------------------------------------------------------------- |
+| `em`  | Font size of the element.                                                                                                              |
+| `ex`  | x-height of the element's font.                                                                                                        |
+| `cap` | Cap height (the nominal height of capital letters) of the element's font.                                                              |
+| `ch`  | Average character advance of a narrow glyph in the element's font, as represented by the "0" (ZERO, U+0030) glyph.                     |
+| `ic`  | Average character advance of a full-width glyph in the element's font, as represented by the "水" (CJK water ideograph, U+6C34) glyph. |
+| `lh`  | Line height of the element.                                                                                                            |
+
+Root font-relative lengths specify a length in relation to the element's {{CSSxRef(":root", "root element")}} ancestor, such as {{HTMLElement("HTML")}} or {{HTMLElement("SVG")}}.
+For example, `rem` is relative to the font size on the root element and `rex` is the x-height of the root element's font.
+
+| Unit   | Relative to                                                                                                                             |
+| ------ | --------------------------------------------------------------------------------------------------------------------------------------- |
+| `rem`  | Font size of the root element.                                                                                                          |
+| `rcap` | Cap height (the nominal height of capital letters) of the root element's font.                                                          |
+| `rex`  | x-height of the root element's font.                                                                                                    |
+| `rch`  | Average character advance of a narrow glyph in the root element's font, as represented by the "0" (ZERO, U+0030) glyph.                 |
+| `ric`  | Average character advance of a full-width glyph in the root element's font, as represented by the "水" (CJK water ideograph, (U+6C34)). |
+| `rlh`  | Line height of the root element.                                                                                                        |
+
+##### Viewport and container relative units
+
+Viewport unit lengths specify a length relative to the dimensions of the [viewport](/en-US/docs/Glossary/Viewport).
+For example, `vw` is relative to the width of the viewport and `vh` is relative to the height of the viewport.
+
+| Unit   | Relative to                                              |
+| ------ | -------------------------------------------------------- |
+| `vw`   | 1% of viewport's width.                                  |
+| `vh`   | 1% of viewport's height.                                 |
+| `vi`   | 1% of viewport's size in the root element's inline axis. |
+| `vb`   | 1% of viewport's size in the root element's block axis.  |
+| `vmin` | 1% of viewport's smaller dimension.                      |
+| `vmax` | 1% of viewport's larger dimension.                       |
 
 Container query length units specify a length relative to the dimensions of a [query container](/en-US/docs/Web/CSS/CSS_container_queries).
 For example, `cqw` is relative to the width of the query container and `cqh` is relative to the height of the query container.

From 06e676df4ac9e5a04b0f3dfc7e2079cdb0381fa2 Mon Sep 17 00:00:00 2001
From: BosBak <129318651+Bakerboonsa11@users.noreply.github.com>
Date: Wed, 10 Jan 2024 06:58:15 +0300
Subject: [PATCH 343/790] Table caption in learn tables (#31303)

* Update index.md

caption is improved

* Update files/en-us/learn/html/tables/basics/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Apply suggestions from code review

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/learn/html/tables/basics/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/html/tables/basics/index.md b/files/en-us/learn/html/tables/basics/index.md
index 046bcb54474d876..ffdfd1d21d57c6c 100644
--- a/files/en-us/learn/html/tables/basics/index.md
+++ b/files/en-us/learn/html/tables/basics/index.md
@@ -47,7 +47,7 @@ The point of a table is that it is rigid. Information is easily interpreted by m
 ```html hidden
 <table>
   <caption>
-    Data about the planets of our solar system (Planetary facts taken from
+    Data about the planets of our solar system (Source:  
     <a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/"
       >Nasa's Planetary Fact Sheet - Metric</a
     >).

From cadbe0302438480b936973dee5323e1179bb851f Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 10 Jan 2024 14:22:00 +0800
Subject: [PATCH 344/790] add non-standard_inline to `contextmenu` global
 attribute (#31624)

add non-standard_inline
---
 files/en-us/web/html/global_attributes/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/html/global_attributes/index.md b/files/en-us/web/html/global_attributes/index.md
index 2b8cca002d44d12..56a428c25b53e61 100644
--- a/files/en-us/web/html/global_attributes/index.md
+++ b/files/en-us/web/html/global_attributes/index.md
@@ -34,7 +34,7 @@ In addition to the basic HTML global attributes, the following global attributes
     - `true` or the _empty string_, which indicates that the element must be editable;
     - `false`, which indicates that the element must not be editable.
 
-- [`contextmenu`](/en-US/docs/Web/HTML/Global_attributes/contextmenu) {{deprecated_inline}}
+- [`contextmenu`](/en-US/docs/Web/HTML/Global_attributes/contextmenu) {{deprecated_inline}} {{non-standard_inline}}
   - : The [**`id`**](#id) of a {{HTMLElement("menu")}} to use as the contextual menu for this element.
 - [`data-*`](/en-US/docs/Web/HTML/Global_attributes/data-*)
   - : Forms a class of attributes, called custom data attributes, that allow proprietary information to be exchanged between the [HTML](/en-US/docs/Web/HTML) and its {{glossary("DOM")}} representation that may be used by scripts. All such custom data are available via the {{DOMxRef("HTMLElement")}} interface of the element the attribute is set on. The {{DOMxRef("HTMLElement.dataset")}} property gives access to them.

From 8f23575cef8480a934282af31a2ff6a4e8fabc94 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Wed, 10 Jan 2024 15:05:30 +0530
Subject: [PATCH 345/790] initial documentation for HtmlLinkElement.hreflang
 (#31517)

* initial files

* Update files/en-us/web/api/htmllinkelement/hreflang/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* lint solve

* Update files/en-us/web/api/htmllinkelement/hreflang/index.md

Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>

* see also update

* Update files/en-us/web/api/htmllinkelement/hreflang/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* content update 1

* Update files/en-us/web/api/htmllinkelement/hreflang/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* live example added

* Update files/en-us/web/api/htmllinkelement/hreflang/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* example update

* Update files/en-us/web/api/htmllinkelement/hreflang/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* example update 2

* example update 3

* example CSS added

* Content changes

* Update files/en-us/web/api/htmllinkelement/hreflang/index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../web/api/htmllinkelement/hreflang/index.md | 59 +++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 files/en-us/web/api/htmllinkelement/hreflang/index.md

diff --git a/files/en-us/web/api/htmllinkelement/hreflang/index.md b/files/en-us/web/api/htmllinkelement/hreflang/index.md
new file mode 100644
index 000000000000000..09a39397b1b8f0a
--- /dev/null
+++ b/files/en-us/web/api/htmllinkelement/hreflang/index.md
@@ -0,0 +1,59 @@
+---
+title: "HTMLLinkElement: hreflang property"
+short-title: hreflang
+slug: Web/API/HTMLLinkElement/hreflang
+page-type: web-api-instance-property
+browser-compat: api.HTMLLinkElement.hreflang
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`hreflang`** property of the {{domxref("HTMLLinkElement")}} is used to indicate the language and the geographical targeting of a page. This hint can be used by browsers to select the more appropriate page or to improve {{Glossary("SEO")}}.
+
+It reflects the `hreflang` attribute of the {{HTMLElement("link")}} element and is the empty string (`""`) if there is no `hreflang` attribute.
+
+## Value
+
+A string that contains a language tag, or the empty string (`""`) if there is no `hreflang` attribute.
+
+## Example
+
+```html
+<link
+  rel="alternate"
+  href="www.example.com/fr/html"
+  hreflang="fr"
+  type="text/html"
+  title="French HTML" />
+<p class="tag"></p>
+```
+
+```css
+.tag {
+  margin-left: 20px;
+  font: bold;
+  font-size: 24px;
+}
+```
+
+```js
+const myLink = document.querySelector("link");
+const pTag = document.querySelector(".tag");
+pTag.textContent = myLink.hreflang;
+```
+
+## Results
+
+{{EmbedLiveSample("Example",100,100)}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLAnchorElement.hreflang")}} property

From b39037d337dc89b86229e862f2f3f1e66000d281 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 10 Jan 2024 18:14:51 +0800
Subject: [PATCH 346/790] Fix example | id name `spellcheck-controller` to
 `sc-controller` (#31635)

* fix

* Update files/en-us/web/api/htmlelement/spellcheck/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/api/htmlelement/spellcheck/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/htmlelement/spellcheck/index.md b/files/en-us/web/api/htmlelement/spellcheck/index.md
index e22930db882251b..152270fe574295e 100644
--- a/files/en-us/web/api/htmlelement/spellcheck/index.md
+++ b/files/en-us/web/api/htmlelement/spellcheck/index.md
@@ -25,8 +25,8 @@ The following example shows how to control the [spell-checking](/en-US/docs/Web/
   <span id="sc-label">The spelling and grammar may be checked: </span>
   <span id="sc-element" contenteditable="true" spellcheck="true">test</span>
 </div>
-<input id="spellcheck-controller" type="checkbox" checked />Enable spelling and
-grammar check
+<input id="sc-controller" type="checkbox" checked />Enable spelling and grammar
+check
 ```
 
 ```js

From 28bfd9bd16b52e88f4f7c672a2e7e02f98748974 Mon Sep 17 00:00:00 2001
From: Mladen Drmac <drmac.mladen@gmail.com>
Date: Wed, 10 Jan 2024 11:30:39 +0100
Subject: [PATCH 347/790] Fix capitalization (#31633)

Change "means" to "Means" to align it with the paragraphs above
---
 files/en-us/web/http/headers/set-cookie/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/headers/set-cookie/index.md b/files/en-us/web/http/headers/set-cookie/index.md
index de33b35c6572ef7..5bc5b41d5e157b5 100644
--- a/files/en-us/web/http/headers/set-cookie/index.md
+++ b/files/en-us/web/http/headers/set-cookie/index.md
@@ -140,7 +140,7 @@ Set-Cookie: <cookie-name>=<cookie-value>; Domain=<domain-value>; Secure; HttpOnl
 
     - `None`
 
-      - : means that the browser sends the cookie with both cross-site and same-site requests.
+      - : Means that the browser sends the cookie with both cross-site and same-site requests.
         The `Secure` attribute must also be set when setting this value, like so `SameSite=None; Secure`. If `Secure` is missing an error will be logged:
 
         ```plain

From 19f950a288d2da4738ce2855083e87f1d541de2a Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 10 Jan 2024 11:48:07 +0100
Subject: [PATCH 348/790] Neutralize broken XUL link (#31629)

---
 files/en-us/mozilla/firefox/releases/3/full_page_zoom/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/3/full_page_zoom/index.md b/files/en-us/mozilla/firefox/releases/3/full_page_zoom/index.md
index 357d5accbc79d47..49eda1c060d202d 100644
--- a/files/en-us/mozilla/firefox/releases/3/full_page_zoom/index.md
+++ b/files/en-us/mozilla/firefox/releases/3/full_page_zoom/index.md
@@ -22,7 +22,7 @@ ZoomManager.setZoomForBrowser(gBrowser.selectedBrowser, ZoomManager.MIN);
 
 Note: This is probably out of date.
 
-You may use the fullZoom feature for a [XUL:iframe](/en-US/docs/XUL/iframe) as well. However, because an iframe doesn't have a markupDocumentViewer property, we need to get that first:
+You may use the fullZoom feature for a `<XUL:iframe>` as well. However, because an iframe doesn't have a markupDocumentViewer property, we need to get that first:
 
 ```js
 var zoom = 1.5;

From 7f434aa335ebf7a62b63c4650acbc8d325c36275 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 10 Jan 2024 11:48:39 +0100
Subject: [PATCH 349/790] Remove link to long-gone page (#31627)

---
 files/en-us/mozilla/firefox/releases/3/svg_improvements/index.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/3/svg_improvements/index.md b/files/en-us/mozilla/firefox/releases/3/svg_improvements/index.md
index 5c975d5f3e63e97..93b265c508e2bfc 100644
--- a/files/en-us/mozilla/firefox/releases/3/svg_improvements/index.md
+++ b/files/en-us/mozilla/firefox/releases/3/svg_improvements/index.md
@@ -46,5 +46,4 @@ Firefox 3 offers improved [Scalable Vector Graphics](/en-US/docs/Web/SVG) (SVG)
 ## See also
 
 - [SVG](/en-US/docs/Web/SVG)
-- [SVG in Firefox](/en-US/docs/Web/SVG/SVG_1.1_Support_in_Firefox)
 - [Firefox 3 for developers](/en-US/docs/Mozilla/Firefox/Releases/3)

From affaf937155d9e1c0b8e81a962b97d04f44cea34 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 10 Jan 2024 11:59:33 +0100
Subject: [PATCH 350/790] Fix link to event (#31628)

---
 files/en-us/mozilla/firefox/releases/65/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/65/index.md b/files/en-us/mozilla/firefox/releases/65/index.md
index 1ab77cf64ba3b06..7a21c2a29798e62 100644
--- a/files/en-us/mozilla/firefox/releases/65/index.md
+++ b/files/en-us/mozilla/firefox/releases/65/index.md
@@ -109,7 +109,7 @@ _No changes._
 - The {{domxref("Response.redirect_static", "Response.redirect()")}} method now correctly throws a `TypeError` if a non-valid URL is specified as the first parameter ([Firefox bug 1503276](https://bugzil.la/1503276)).
 - The {{domxref("ServiceWorkerContainer.register()")}} and {{domxref("WorkerGlobalScope.importScripts()")}} (when used by a service worker) methods will now accept any files with a valid [JavaScript MIME type](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types#textjavascript) ([Firefox bug 1354577](https://bugzil.la/1354577)).
 - The {{domxref("FetchEvent.replacesClientId")}} and {{domxref("FetchEvent.resultingClientId")}} properties are now supported ([Firefox bug 1264177](https://bugzil.la/1264177)).
-- The {{domxref("ServiceWorkerGlobalScope.messageerror_event", "ServiceWorkerGlobalScope.onmessageerror")}} and {{domxref("ServiceWorkerContainer.onmessageerror")}} handler properties have been implemented ([Firefox bug 1399446](https://bugzil.la/1399446)).
+- The {{domxref("ServiceWorkerGlobalScope.messageerror_event", "ServiceWorkerGlobalScope.onmessageerror")}} and {{domxref("ServiceWorkerContainer.messageerror_event", "ServiceWorkerContainer.onmessageerror")}} handler properties have been implemented ([Firefox bug 1399446](https://bugzil.la/1399446)).
 - The {{httpheader("Origin")}} header is no longer set on Fetch requests with a method of {{HTTPMethod("HEAD")}} or {{HTTPMethod("GET")}} ([Firefox bug 1508661](https://bugzil.la/1508661)).
 
 #### Media, Web Audio, and WebRTC

From 9d48d41a5a0ec6eaad105e7882476cec8993f4e5 Mon Sep 17 00:00:00 2001
From: haowxums <103991218+haowxums@users.noreply.github.com>
Date: Wed, 10 Jan 2024 19:14:51 +0800
Subject: [PATCH 351/790] Fix typo in WebRTC example (#31613)

Update index.md

Fix typo in sample code.
---
 .../web/api/webrtc_api/signaling_and_video_calling/index.md     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/webrtc_api/signaling_and_video_calling/index.md b/files/en-us/web/api/webrtc_api/signaling_and_video_calling/index.md
index a52863ce5cee369..4a8d8ac0563d9ec 100644
--- a/files/en-us/web/api/webrtc_api/signaling_and_video_calling/index.md
+++ b/files/en-us/web/api/webrtc_api/signaling_and_video_calling/index.md
@@ -602,7 +602,7 @@ function closeVideoCall() {
   remoteVideo.removeAttribute("src");
   remoteVideo.removeAttribute("srcObject");
   localVideo.removeAttribute("src");
-  remoteVideo.removeAttribute("srcObject");
+  localVideo.removeAttribute("srcObject");
 
   document.getElementById("hangup-button").disabled = true;
   targetUsername = null;

From eb7517609a230a62f37dd4270867586b684793fa Mon Sep 17 00:00:00 2001
From: andar9 <ylitaand@gmail.com>
Date: Wed, 10 Jan 2024 03:19:38 -0800
Subject: [PATCH 352/790] Import django.urls.reverse in Genre, not Book
 (#31616)

Import django.urls.reverse in first model

Issue: The first model, "Genre", calls django.urls.reverse, but the guide does not indicate to the user to import this method until the second model, "Book".
Proposed Change: import django.urls.reverse in first model, "Genre".
---
 files/en-us/learn/server-side/django/models/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/learn/server-side/django/models/index.md b/files/en-us/learn/server-side/django/models/index.md
index bf3523f3d717353..6c52eda97469ce2 100644
--- a/files/en-us/learn/server-side/django/models/index.md
+++ b/files/en-us/learn/server-side/django/models/index.md
@@ -290,6 +290,8 @@ Copy the `Genre` model code shown below and paste it into the bottom of your `mo
 As mentioned above, we've created the genre as a model rather than as free text or a selection list so that the possible values can be managed through the database rather than being hard coded.
 
 ```python
+from django.urls import reverse # Used to generate URLs by reversing the URL patterns
+
 class Genre(models.Model):
     """Model representing a book genre."""
     name = models.CharField(
@@ -323,8 +325,6 @@ Unlike for the `isbn` (and the genre name), the `title` is is not set to be uniq
 The model uses `TextField` for the `summary`, because this text may need to be quite long.
 
 ```python
-from django.urls import reverse # Used to generate URLs by reversing the URL patterns
-
 class Book(models.Model):
     """Model representing a book (but not a specific copy of a book)."""
     title = models.CharField(max_length=200)

From 93f56d8d1a74ac64d4c58bda3253472cc89448a7 Mon Sep 17 00:00:00 2001
From: pkchv <kamil.sieniawski@gmail.com>
Date: Wed, 10 Jan 2024 14:19:18 +0100
Subject: [PATCH 353/790] fix: Typo in http/conditional_requests/index.md
 (#31614)

* fix: Typo in http/conditional_requests/index.md

* Update files/en-us/web/http/conditional_requests/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/web/http/conditional_requests/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/conditional_requests/index.md b/files/en-us/web/http/conditional_requests/index.md
index a48a41f59eef60b..baf76c810686d2a 100644
--- a/files/en-us/web/http/conditional_requests/index.md
+++ b/files/en-us/web/http/conditional_requests/index.md
@@ -27,7 +27,7 @@ All conditional headers try to check if the resource stored on the server matche
 Comparing versions of the same resource is a bit tricky: depending on the context, there are two kinds of _equality checks_:
 
 - _Strong validation_ is used when byte to byte identity is expected, for example when resuming a download.
-- _Weak validation_ is used when the user-agent only needs to determine if the two resources have the same content. This is even if they are minor differences; like different ads, or a footer with a different date.
+- _Weak validation_ is used when the user-agent only needs to determine if two resources have the same content. The resources may be considered the same even if minor differences exist, such as different ads or a footer with a different date.
 
 The kind of validation is independent of the validator used. Both {{HTTPHeader("Last-Modified")}} and {{HTTPHeader("ETag")}} allow both types of validation, though the complexity to implement it on the server side may vary. HTTP uses strong validation by default, and it specifies when weak validation can be used.
 

From 32f666e453bdb8c93d305075453b6e304cae94de Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Wed, 10 Jan 2024 14:40:02 +0100
Subject: [PATCH 354/790] fix: remove duplicate words (typos) (#31636)

---
 .../selectors/type_class_and_id_selectors/index.md            | 2 +-
 files/en-us/learn/css/css_layout/flexbox/index.md             | 2 +-
 files/en-us/learn/server-side/django/models/index.md          | 2 +-
 .../react_interactivity_events_state/index.md                 | 2 +-
 files/en-us/mozilla/firefox/releases/117/index.md             | 2 +-
 files/en-us/web/api/abortsignal/any_static/index.md           | 2 +-
 files/en-us/web/api/audiobuffersourcenode/loop/index.md       | 2 +-
 files/en-us/web/api/audiobuffersourcenode/loopend/index.md    | 2 +-
 files/en-us/web/api/audiobuffersourcenode/loopstart/index.md  | 2 +-
 files/en-us/web/api/clipboard_api/index.md                    | 2 +-
 files/en-us/web/api/customstateset/index.md                   | 4 ++--
 files/en-us/web/api/htmlmediaelement/setsinkid/index.md       | 2 +-
 files/en-us/web/api/paymentrequest/paymentrequest/index.md    | 2 +-
 .../parsecreationoptionsfromjson_static/index.md              | 2 +-
 .../parserequestoptionsfromjson_static/index.md               | 2 +-
 files/en-us/web/api/rtcrtpreceiver/transform/index.md         | 2 +-
 files/en-us/web/api/rtcrtpsender/transform/index.md           | 2 +-
 files/en-us/web/api/rtctransformevent/index.md                | 2 +-
 files/en-us/web/api/shared_storage_api/index.md               | 2 +-
 files/en-us/web/css/@counter-style/range/index.md             | 2 +-
 files/en-us/web/css/calc/index.md                             | 2 +-
 files/en-us/web/css/content/index.md                          | 2 +-
 files/en-us/web/html/attributes/placeholder/index.md          | 2 +-
 .../tutorials/cycletracker/service_workers/index.md           | 2 +-
 24 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md b/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md
index e4311185d2cccb5..3668dbd07b61c86 100644
--- a/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md
+++ b/files/en-us/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.md
@@ -107,7 +107,7 @@ The case-sensitive ID selector begins with a `#` rather than a dot character, bu
 
 > **Warning:** Using the same ID multiple times in a document may appear to work for styling purposes, but don't do this. It results in invalid code, and will cause strange behavior in many places.
 
-> **Note:** The ID selector has high {{cssxref("specificity")}}. This means styles applied based on matching an ID selector will overrule styles applied based on other selector, including class and type selectors. Because an ID can only occur once on a page and because of the high specificity of ID selectors, it is preferable to add a class to an element instead of an ID. If using the ID is the only way to target the element — perhaps because you do not have access to the markup and cannot edit it — consider using the ID within an an [attribute selector](/en-US/docs/Web/CSS/Attribute_selectors), such as `p[id="header"]`. [Learn specificity](/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance).
+> **Note:** The ID selector has high {{cssxref("specificity")}}. This means styles applied based on matching an ID selector will overrule styles applied based on other selector, including class and type selectors. Because an ID can only occur once on a page and because of the high specificity of ID selectors, it is preferable to add a class to an element instead of an ID. If using the ID is the only way to target the element — perhaps because you do not have access to the markup and cannot edit it — consider using the ID within an [attribute selector](/en-US/docs/Web/CSS/Attribute_selectors), such as `p[id="header"]`. [Learn specificity](/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance).
 
 ## Summary
 
diff --git a/files/en-us/learn/css/css_layout/flexbox/index.md b/files/en-us/learn/css/css_layout/flexbox/index.md
index 064f4e4450aa029..72cd213f7cedf07 100644
--- a/files/en-us/learn/css/css_layout/flexbox/index.md
+++ b/files/en-us/learn/css/css_layout/flexbox/index.md
@@ -69,7 +69,7 @@ Let's recap what's happening here. Adding a {{cssxref("display")}} value of `fle
 
 You can make the container inline using an [outside `display` value](/en-US/docs/Web/CSS/display#outside) (e.g., `display: inline flex`), which affects how the container itself is laid out in the page.
 The legacy `inline-flex` display value displays the container as inline as well.
-We'll focus on how the the contents of the container behave in this tutorial, but if you want to see the effect of inline versus block layout, you can have a look at the [value comparison](/en-US/docs/Web/CSS/display#display_value_comparison) on the `display` property page.
+We'll focus on how the contents of the container behave in this tutorial, but if you want to see the effect of inline versus block layout, you can have a look at the [value comparison](/en-US/docs/Web/CSS/display#display_value_comparison) on the `display` property page.
 
 The next sections explain in more detail what flex items are and what happens inside an element when you make it a flex container.
 
diff --git a/files/en-us/learn/server-side/django/models/index.md b/files/en-us/learn/server-side/django/models/index.md
index 6c52eda97469ce2..622b0c04af172ea 100644
--- a/files/en-us/learn/server-side/django/models/index.md
+++ b/files/en-us/learn/server-side/django/models/index.md
@@ -321,7 +321,7 @@ Copy the `Book` model below and again paste it into the bottom of your file. The
 
 The model uses a `CharField` to represent the book's `title` and `isbn`.
 For `isbn`, note how the first unnamed parameter explicitly sets the label as "ISBN" (otherwise, it would default to "Isbn"). We also set the parameter `unique` as `true` to ensure all books have a unique ISBN (the unique parameter makes the field value globally unique in a table).
-Unlike for the `isbn` (and the genre name), the `title` is is not set to be unique, because it is possible for different books to have the same name.
+Unlike for the `isbn` (and the genre name), the `title` is not set to be unique, because it is possible for different books to have the same name.
 The model uses `TextField` for the `summary`, because this text may need to be quite long.
 
 ```python
diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
index 0975827f311737b..c1d02947f1a0e1e 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
@@ -132,7 +132,7 @@ Clicking on the "Add" button in your browser will prove that the `addTask()` cal
 
 ### Aside: a note on naming conventions
 
-We passed the `addTask()` function into the `<Form />` component as the prop `addTask` so that the relationship between the the `addTask()` _function_ and the `addTask` _prop_ would remain as clear as possible. Keep in mind, though, that prop names do not _need_ to be anything in particular. We could have passed `addTask()` into `<Form />` under any other name, such as this:
+We passed the `addTask()` function into the `<Form />` component as the prop `addTask` so that the relationship between the `addTask()` _function_ and the `addTask` _prop_ would remain as clear as possible. Keep in mind, though, that prop names do not _need_ to be anything in particular. We could have passed `addTask()` into `<Form />` under any other name, such as this:
 
 ```diff
 - <Form addTask={addTask} />
diff --git a/files/en-us/mozilla/firefox/releases/117/index.md b/files/en-us/mozilla/firefox/releases/117/index.md
index 8dcb1954964e0b9..b863a3050bab6be 100644
--- a/files/en-us/mozilla/firefox/releases/117/index.md
+++ b/files/en-us/mozilla/firefox/releases/117/index.md
@@ -16,7 +16,7 @@ No notable changes.
 
 ### CSS
 
-- The [CSS Nesting](/en-US/docs/Web/CSS/CSS_nesting) module is now supported in Firefox, along with the the [`&` nesting selector](/en-US/docs/Web/CSS/Nesting_selector). This allows developers to write nested CSS, which helps with the readability, modularity, and maintainability of CSS stylesheets. It also potentially helps reduce CSS file size, decreasing download sizes. ([Firefox bug 1835066](https://bugzil.la/1835066), [Firefox bug 1840781](https://bugzil.la/1840781))
+- The [CSS Nesting](/en-US/docs/Web/CSS/CSS_nesting) module is now supported in Firefox, along with the [`&` nesting selector](/en-US/docs/Web/CSS/Nesting_selector). This allows developers to write nested CSS, which helps with the readability, modularity, and maintainability of CSS stylesheets. It also potentially helps reduce CSS file size, decreasing download sizes. ([Firefox bug 1835066](https://bugzil.la/1835066), [Firefox bug 1840781](https://bugzil.la/1840781))
 
 - The [`math-style`](/en-US/docs/Web/CSS/math-style) and [`math-depth`](/en-US/docs/Web/CSS/math-depth) properties are now supported, as well as the `math` value for the [`font-size`](/en-US/docs/Web/CSS/font-size#values) property ([Firefox bug 1845516](https://bugzil.la/1845516)).
 
diff --git a/files/en-us/web/api/abortsignal/any_static/index.md b/files/en-us/web/api/abortsignal/any_static/index.md
index 42d883109b7be75..4dd1db22db83214 100644
--- a/files/en-us/web/api/abortsignal/any_static/index.md
+++ b/files/en-us/web/api/abortsignal/any_static/index.md
@@ -8,7 +8,7 @@ browser-compat: api.AbortSignal.any_static
 
 {{APIRef("DOM")}}
 
-The **`AbortSignal.any()`** static method takes an iterable of abort signals and returns an {{domxref("AbortSignal")}}. The returned abort signal is aborted when any of the input iterable abort signals are aborted. The {{domxref("AbortSignal.reason", "abort reason","","true")}} will be set to the reason of the first signal that is aborted. If any of the the given abort signals are already aborted then so will be the returned {{domxref("AbortSignal")}}.
+The **`AbortSignal.any()`** static method takes an iterable of abort signals and returns an {{domxref("AbortSignal")}}. The returned abort signal is aborted when any of the input iterable abort signals are aborted. The {{domxref("AbortSignal.reason", "abort reason","","true")}} will be set to the reason of the first signal that is aborted. If any of the given abort signals are already aborted then so will be the returned {{domxref("AbortSignal")}}.
 
 ## Syntax
 
diff --git a/files/en-us/web/api/audiobuffersourcenode/loop/index.md b/files/en-us/web/api/audiobuffersourcenode/loop/index.md
index a26e3db9ff21396..b8841c0cf64339c 100644
--- a/files/en-us/web/api/audiobuffersourcenode/loop/index.md
+++ b/files/en-us/web/api/audiobuffersourcenode/loop/index.md
@@ -33,7 +33,7 @@ In this example, when the user presses "Play", we load an audio track, decode it
 
 The example then sets the `loop` property to `true`, so the track loops, and plays the track.
 
-The user can set the `loopStart` and and `loopEnd` properties using [range controls](/en-US/docs/Web/HTML/Element/input/range).
+The user can set the `loopStart` and `loopEnd` properties using [range controls](/en-US/docs/Web/HTML/Element/input/range).
 
 > **Note:** You can [run the full example live](https://mdn.github.io/webaudio-examples/audio-buffer-source-node/loop/) (or [view the source](https://github.com/mdn/webaudio-examples/tree/main/audio-buffer-source-node/loop).)
 
diff --git a/files/en-us/web/api/audiobuffersourcenode/loopend/index.md b/files/en-us/web/api/audiobuffersourcenode/loopend/index.md
index 16cd9d37404236d..28ef432198d7d8a 100644
--- a/files/en-us/web/api/audiobuffersourcenode/loopend/index.md
+++ b/files/en-us/web/api/audiobuffersourcenode/loopend/index.md
@@ -33,7 +33,7 @@ In this example, when the user presses "Play", we load an audio track, decode it
 
 The example then sets the `loop` property to `true`, so the track loops, and plays the track.
 
-The user can set the `loopStart` and and `loopEnd` properties using [range controls](/en-US/docs/Web/HTML/Element/input/range).
+The user can set the `loopStart` and `loopEnd` properties using [range controls](/en-US/docs/Web/HTML/Element/input/range).
 
 > **Note:** You can [run the full example live](https://mdn.github.io/webaudio-examples/audio-buffer-source-node/loop/) (or [view the source](https://github.com/mdn/webaudio-examples/tree/main/audio-buffer-source-node/loop).)
 
diff --git a/files/en-us/web/api/audiobuffersourcenode/loopstart/index.md b/files/en-us/web/api/audiobuffersourcenode/loopstart/index.md
index 4a43b516cc81c4d..800a0dd82bf8b83 100644
--- a/files/en-us/web/api/audiobuffersourcenode/loopstart/index.md
+++ b/files/en-us/web/api/audiobuffersourcenode/loopstart/index.md
@@ -28,7 +28,7 @@ In this example, when the user presses "Play", we load an audio track, decode it
 
 The example then sets the `loop` property to `true`, so the track loops, and plays the track.
 
-The user can set the `loopStart` and and `loopEnd` properties using [range controls](/en-US/docs/Web/HTML/Element/input/range).
+The user can set the `loopStart` and `loopEnd` properties using [range controls](/en-US/docs/Web/HTML/Element/input/range).
 
 > **Note:** You can [run the full example live](https://mdn.github.io/webaudio-examples/audio-buffer-source-node/loop/) (or [view the source](https://github.com/mdn/webaudio-examples/tree/main/audio-buffer-source-node/loop).)
 
diff --git a/files/en-us/web/api/clipboard_api/index.md b/files/en-us/web/api/clipboard_api/index.md
index da1999c6c2a1b89..8f361110c9a02d4 100644
--- a/files/en-us/web/api/clipboard_api/index.md
+++ b/files/en-us/web/api/clipboard_api/index.md
@@ -77,7 +77,7 @@ Chromium browsers:
 Firefox & Safari:
 
 - Reading and writing require transient activation.
-- The paste-prompt is is suppressed if reading same-origin clipboard content, but not cross-origin content.
+- The paste-prompt is suppressed if reading same-origin clipboard content, but not cross-origin content.
 - The `clipboard-read` and `clipboard-write` permissions are not supported (and not planned to be supported) by Firefox or Safari.
 
 Firefox [Web Extensions](/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard):
diff --git a/files/en-us/web/api/customstateset/index.md b/files/en-us/web/api/customstateset/index.md
index 90e27b1a05b7ec6..1ecf621da7769a7 100644
--- a/files/en-us/web/api/customstateset/index.md
+++ b/files/en-us/web/api/customstateset/index.md
@@ -44,7 +44,7 @@ Some of these states are public and can be set or queried using properties/attri
 Whether external or internal, element states can generally be selected and styled using [CSS pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes) as selectors.
 
 The `CustomStateSet` allows developers to add and delete states for autonomous custom elements (but not elements derived from built-in elements).
-These states can then be used as as custom state pseudo-class selectors in a similar way to the pseudo-classes for built-in elements.
+These states can then be used as custom state pseudo-class selectors in a similar way to the pseudo-classes for built-in elements.
 
 ### Setting custom element states
 
@@ -144,7 +144,7 @@ customElements.define("labeled-checkbox", LabeledCheckbox);
 
 #### HTML
 
-After registering the custom element we can use use the element in HTML as shown:
+After registering the custom element we can use the element in HTML as shown:
 
 ```html
 <labeled-checkbox>You need to check this</labeled-checkbox>
diff --git a/files/en-us/web/api/htmlmediaelement/setsinkid/index.md b/files/en-us/web/api/htmlmediaelement/setsinkid/index.md
index 3b559b9d0e4c69c..cdbeb78450a7ea5 100644
--- a/files/en-us/web/api/htmlmediaelement/setsinkid/index.md
+++ b/files/en-us/web/api/htmlmediaelement/setsinkid/index.md
@@ -49,7 +49,7 @@ Access to the API is subject to the following constraints:
 ## Examples
 
 This example shows how to select an audio output device from the array returned by {{domxref("MediaDevices.enumerateDevices()")}}, and set it as the sink for audio.
-Note that the result of `enumerateDevices()` only includes devices for which user permission is not required or has already been been granted.
+Note that the result of `enumerateDevices()` only includes devices for which user permission is not required or has already been granted.
 
 ```js
 const devices = await navigator.mediaDevices.enumerateDevices();
diff --git a/files/en-us/web/api/paymentrequest/paymentrequest/index.md b/files/en-us/web/api/paymentrequest/paymentrequest/index.md
index aa7191900b5a423..f2c067c00767533 100644
--- a/files/en-us/web/api/paymentrequest/paymentrequest/index.md
+++ b/files/en-us/web/api/paymentrequest/paymentrequest/index.md
@@ -29,7 +29,7 @@ new PaymentRequest(methodData, details, options)
 
     - `supportedMethods`
 
-      - : A string containing a [payment method identifier](/en-US/docs/Web/API/Payment_Request_API/Concepts#payment_method_identifiers). This is either a URL or one of the the [standardized payment method identifiers](/en-US/docs/Web/API/Payment_Request_API/Concepts#standardized_payment_method_identifiers). The value and structure of the `data` field will vary depending on the value of the `supportedMethods` field.
+      - : A string containing a [payment method identifier](/en-US/docs/Web/API/Payment_Request_API/Concepts#payment_method_identifiers). This is either a URL or one of the [standardized payment method identifiers](/en-US/docs/Web/API/Payment_Request_API/Concepts#standardized_payment_method_identifiers). The value and structure of the `data` field will vary depending on the value of the `supportedMethods` field.
 
     - `data`
       - : A JSON-serializable object that provides optional information that might be
diff --git a/files/en-us/web/api/publickeycredential/parsecreationoptionsfromjson_static/index.md b/files/en-us/web/api/publickeycredential/parsecreationoptionsfromjson_static/index.md
index 46333873e0df9b9..6ca3ef1891816ee 100644
--- a/files/en-us/web/api/publickeycredential/parsecreationoptionsfromjson_static/index.md
+++ b/files/en-us/web/api/publickeycredential/parsecreationoptionsfromjson_static/index.md
@@ -71,7 +71,7 @@ const createCredentialOptionsJSON = {
 };
 ```
 
-Because this object only uses JSON data types, it can be be serialized to JSON using [`JSON.stringify()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) and sent to the web app.
+Because this object only uses JSON data types, it can be serialized to JSON using [`JSON.stringify()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) and sent to the web app.
 
 ```js
 JSON.stringify(createCredentialOptionsJSON);
diff --git a/files/en-us/web/api/publickeycredential/parserequestoptionsfromjson_static/index.md b/files/en-us/web/api/publickeycredential/parserequestoptionsfromjson_static/index.md
index d57448a65b2ec78..d2f6a5dacc37e85 100644
--- a/files/en-us/web/api/publickeycredential/parserequestoptionsfromjson_static/index.md
+++ b/files/en-us/web/api/publickeycredential/parserequestoptionsfromjson_static/index.md
@@ -61,7 +61,7 @@ const requestCredentialOptionsJSON =  {
   }
 ```
 
-Because this object only uses JSON data types, it can be be serialized to JSON using [`JSON.stringify()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) and sent to the web app.
+Because this object only uses JSON data types, it can be serialized to JSON using [`JSON.stringify()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) and sent to the web app.
 
 ```js
 JSON.stringify(requestCredentialOptionsJSON);
diff --git a/files/en-us/web/api/rtcrtpreceiver/transform/index.md b/files/en-us/web/api/rtcrtpreceiver/transform/index.md
index 429a38133fa7abf..3cd81418f15cad6 100644
--- a/files/en-us/web/api/rtcrtpreceiver/transform/index.md
+++ b/files/en-us/web/api/rtcrtpreceiver/transform/index.md
@@ -20,7 +20,7 @@ A {{domxref("RTCRtpScriptTransform")}}<!-- or {{domxref("SFrameTransform")}} -->
 
 ## Example
 
-Note that this is is part of a larger example in the guide topic [Using WebRTC Encoded Transforms](/en-US/docs/Web/API/WebRTC_API/Using_Encoded_Transforms).
+Note that this is part of a larger example in the guide topic [Using WebRTC Encoded Transforms](/en-US/docs/Web/API/WebRTC_API/Using_Encoded_Transforms).
 
 ## Adding a transform for incoming frames
 
diff --git a/files/en-us/web/api/rtcrtpsender/transform/index.md b/files/en-us/web/api/rtcrtpsender/transform/index.md
index 474a7fa9d89a3f2..491a028a6d02734 100644
--- a/files/en-us/web/api/rtcrtpsender/transform/index.md
+++ b/files/en-us/web/api/rtcrtpsender/transform/index.md
@@ -21,7 +21,7 @@ A {{domxref("RTCRtpScriptTransform")}}<!-- or {{domxref("SFrameTransform")}} -->
 ## Example
 
 This example shows how you might stream video from a user's webcam over WebRTC, adding a WebRTC encoded transform to modify the outgoing streams.
-Note that this is is part of a larger example in the guide topic [Using WebRTC Encoded Transforms](/en-US/docs/Web/API/WebRTC_API/Using_Encoded_Transforms).
+Note that this is part of a larger example in the guide topic [Using WebRTC Encoded Transforms](/en-US/docs/Web/API/WebRTC_API/Using_Encoded_Transforms).
 
 The code assumes that there is an {{domxref("RTCPeerConnection")}} called `peerConnection` that is already connected to a remote peer.
 It first gets a {{domxref("MediaStreamTrack")}}, using {{domxref("MediaDevices/getUserMedia", "getUserMedia()")}} to get a video {{domxref("MediaStream")}} from a media device, and then the {{domxref("MediaStream.getTracks()")}} method to get the first {{domxref("MediaStreamTrack")}} in the stream.
diff --git a/files/en-us/web/api/rtctransformevent/index.md b/files/en-us/web/api/rtctransformevent/index.md
index d23657b3c2c06d3..1ea33a4967b6942 100644
--- a/files/en-us/web/api/rtctransformevent/index.md
+++ b/files/en-us/web/api/rtctransformevent/index.md
@@ -38,7 +38,7 @@ You can add a `rtctransform` event listener to be notified when the new frame is
 This example creates an event listener for the {{domxref("DedicatedWorkerGlobalScope.rtctransform_event", "rtctransform")}} event.
 
 The example assumes we have a {{domxref("TransformStream")}} with an `options` object passed from a {{domxref("RTCRtpScriptTransform")}} constructor in the main-thread.
-The code at the end shows how the stream is piped through the the transform stream from the `readable` to the `writable`.
+The code at the end shows how the stream is piped through the transform stream from the `readable` to the `writable`.
 
 ```js
 addEventListener("rtctransform", (event) => {
diff --git a/files/en-us/web/api/shared_storage_api/index.md b/files/en-us/web/api/shared_storage_api/index.md
index f8ba0a8d57618b0..c10a6afe31347f4 100644
--- a/files/en-us/web/api/shared_storage_api/index.md
+++ b/files/en-us/web/api/shared_storage_api/index.md
@@ -58,7 +58,7 @@ Writing data to shared storage is simple — you use methods defined on the {{do
 This functionality is available in two different contexts:
 
 - In the main browsing context, where your site or app runs, on {{domxref("WindowSharedStorage")}}. This is available via `window.sharedStorage`.
-- In the context of your shared storage worklet, on {{domxref("WorkletSharedStorage")}}. This is is available via `this.sharedStorage`.
+- In the context of your shared storage worklet, on {{domxref("WorkletSharedStorage")}}. This is available via `this.sharedStorage`.
 
 In our A/B testing example, we define a function in our app context that generates a random number — 0 or 1 — to represent an experiment group. We then run the {{domxref("SharedStorage.set", "window.sharedStorage.set()")}} function to assign the user to a group and save the result in shared storage:
 
diff --git a/files/en-us/web/css/@counter-style/range/index.md b/files/en-us/web/css/@counter-style/range/index.md
index 4a89e3cbe1a2586..b772fa084081d84 100644
--- a/files/en-us/web/css/@counter-style/range/index.md
+++ b/files/en-us/web/css/@counter-style/range/index.md
@@ -32,7 +32,7 @@ range:
 
 ### Values
 
-The value is a comma-separated list of ranges each including a lower and upper limit or the the keyword `auto`.
+The value is a comma-separated list of ranges each including a lower and upper limit or the keyword `auto`.
 
 - `auto`
 
diff --git a/files/en-us/web/css/calc/index.md b/files/en-us/web/css/calc/index.md
index 01140d17151a9d8..0e2a2fa5f6ca6ad 100644
--- a/files/en-us/web/css/calc/index.md
+++ b/files/en-us/web/css/calc/index.md
@@ -29,7 +29,7 @@ The `calc()` function takes a single expression as its parameter, and the expres
 - `/`
   - : Divides the left-side operand (dividend) by the right-side operand (divisor).
 
-All operands, except those of type {{cssxref("&lt;number&gt;")}}, must be suffixed with an appropriate unit string, such as `px`, `em`, or `%`. You can use a different unit with each each operand in your expression. You may also use parentheses to establish computation order when needed.
+All operands, except those of type {{cssxref("&lt;number&gt;")}}, must be suffixed with an appropriate unit string, such as `px`, `em`, or `%`. You can use a different unit with each operand in your expression. You may also use parentheses to establish computation order when needed.
 
 ### Notes
 
diff --git a/files/en-us/web/css/content/index.md b/files/en-us/web/css/content/index.md
index 9474d2ad2bb0125..aadf9acc716c81c 100644
--- a/files/en-us/web/css/content/index.md
+++ b/files/en-us/web/css/content/index.md
@@ -304,7 +304,7 @@ This example inserts an image before all links. Two `content` values are provide
 
 The CSS to show the image and set the alternative text is shown below.
 This also sets the font and color for the content.
-This will be used on browsers that _display_ the alternative text and in browsers that don't support alternative text and show the the fallback `content` value.
+This will be used on browsers that _display_ the alternative text and in browsers that don't support alternative text and show the fallback `content` value.
 
 ```css
 a::before {
diff --git a/files/en-us/web/html/attributes/placeholder/index.md b/files/en-us/web/html/attributes/placeholder/index.md
index 8d0269c08e3575d..584b5cecdb9ba20 100644
--- a/files/en-us/web/html/attributes/placeholder/index.md
+++ b/files/en-us/web/html/attributes/placeholder/index.md
@@ -21,7 +21,7 @@ The `placeholder` attribute is supported by the following input types: `{{HTMLEl
 
 Placeholders should only be used to show an example of the type of data that should be entered into a form; never as a replacement for a `<label>` element; doing so harms accessibility and user experience.
 
-The `<label>` text is visually and programmatically associated with its corresponding form control. Screen readers don't announce placeholder content by default, but they do announce label content; it's the label that informs assistive technology users what data should be entered in the control. Labels also improve user experience for users of pointing devices: When a user clicks, touches, or taps a `<label>`, focus is moved to the the label's associated form control.
+The `<label>` text is visually and programmatically associated with its corresponding form control. Screen readers don't announce placeholder content by default, but they do announce label content; it's the label that informs assistive technology users what data should be entered in the control. Labels also improve user experience for users of pointing devices: When a user clicks, touches, or taps a `<label>`, focus is moved to the label's associated form control.
 
 Placeholders can not be relied upon as a replacement for a label even for those not relying on assistive technology. Placeholder text is displayed at lower color contrast than the default form control text. This is by design, as you don't want users to be confused by what is placeholder text versus what is a filled-in form field. However, this lack of contrast can cause issues for low-vision users. Additionally, placeholder text disappears from form fields when users start entering text. If the placeholder text contains instructional information or examples that disappear, it can be confusing to users with cognitive issues and can make the form inaccessible if the placeholder contained the label.
 
diff --git a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/service_workers/index.md b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/service_workers/index.md
index 9ac446ff0d9197d..5b01cb80611bc78 100644
--- a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/service_workers/index.md
+++ b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/service_workers/index.md
@@ -388,7 +388,7 @@ In some developer tools, you can manually unregister a service worker, or you ca
 
 The service worker window within the DevTools' application panel, provides a link to access to pop up window containing a list of all the registered service workers for the browser; not just the service worker for the application opened in the current tab. Each service worker list of workers has buttons to stop, start, or unregister that individual service worker.
 
-![Two service workers exist at localhost:8080. The can be be unregistered from the list of service workers](edge_sw_list.jpg)
+![Two service workers exist at localhost:8080. The can be unregistered from the list of service workers](edge_sw_list.jpg)
 
 In other words, as you are working on your PWA, you don't have to update the version number for every app view. But remember, when you are done with all your changes, update the service worker VERSION value before distributing the updated version of your PWA. If you forget, no one who has already installed your app or even visited your online PWA without installing it will ever get to see your changes!
 

From 252883e907316930561d4ce72f57b501d73c50f3 Mon Sep 17 00:00:00 2001
From: Hakeem <65634467+Ahmed-Hakeem@users.noreply.github.com>
Date: Wed, 10 Jan 2024 07:16:45 -0800
Subject: [PATCH 355/790] add the specificity of the :host() pseudo-class
 (#31549)

* add the specifity of the :host() pseudo-class

* fix linting

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* restructure :host() page

* enhancing :host() specificity note

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/_colon_host_function/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/_colon_host_function/index.md b/files/en-us/web/css/_colon_host_function/index.md
index 71630459bda0620..8b3cb56245b1ffc 100644
--- a/files/en-us/web/css/_colon_host_function/index.md
+++ b/files/en-us/web/css/_colon_host_function/index.md
@@ -7,11 +7,11 @@ browser-compat: css.selectors.hostfunction
 
 {{CSSRef}}
 
-The **`:host()`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS/Pseudo-classes) function selects the shadow host of the [shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM) containing the CSS it is used inside (so you can select a custom element from inside its shadow DOM) — but only if the selector given as the function's parameter matches the shadow host.
+The **`:host()`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS/Pseudo-classes) function selects the shadow host of the [shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM) containing the CSS it is used inside (so you can select a custom element from inside its shadow DOM) — but only if the selector given as the function's parameter matches the shadow host. **`:host()`** has no effect when used outside a shadow DOM.
 
 The most obvious use of this is to put a class name only on certain custom element instances, and then include the relevant class selector as the function argument. You can't use this with a descendant selector expression to select only instances of the custom element that are inside a particular ancestor. That's the job of {{CSSxRef(":host-context", ":host-context()")}}.
 
-> **Note:** This has no effect when used outside a shadow DOM.
+> **Note:** While other functional pseudo-classes such as {{CSSxRef(":is", ":is()")}} and {{CSSxRef(":not", ":not()")}} accept a list of selectors as their parameters, `:host()` takes a single compound selector as its parameter. In addition, while `:is()` and `:not()` only take into account the specificity of their argument, the specificity of `:host()` is both the specificity of the pseudo-class **and** the specificity of its argument.
 
 {{EmbedInteractiveExample("pages/tabbed/pseudo-class-host_function.html", "tabbed-shorter")}}
 

From 2e48b41af20d51ca10abc8383c6b83dcf7ac4475 Mon Sep 17 00:00:00 2001
From: Hermotimos <47171833+Hermotimos@users.noreply.github.com>
Date: Wed, 10 Jan 2024 16:42:06 +0100
Subject: [PATCH 356/790] Amend explanation of hidden="false" (#31557)

The section "A note on boolean attributes in JSX" errs at:

Note, again, that writing hidden="false" results in a truthy value so the <h1> will not hide.
---
 .../react_todo_list_beginning/index.md                          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md
index 6a0a242307329ea..731f670c4294da3 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md
@@ -247,7 +247,7 @@ The `defaultChecked` attribute in the previous section is a boolean attribute 
 
 Because JSX is JavaScript, there's a gotcha to be aware of with boolean attributes: writing `defaultChecked="false"` will set a _string_ value of `"false"` rather than a _boolean_ value. Non-empty strings are [truthy](/en-US/docs/Glossary/Truthy), so React will consider `defaultChecked` to be `true` and check the checkbox by default. This is not what we want, so we should avoid it.
 
-If you'd like, you can practice writing boolean attributes with another attribute you may have seen before, [`hidden`](/en-US/docs/Web/HTML/Global_attributes/hidden), which prevents elements from being rendered on the page. Try adding `hidden` to the `<h1>` element in `App.jsx` to see what happens, then try explicitly setting its value to `{false}`. Note, again, that writing `hidden="false"` results in a truthy value so the `<h1>` _will not_ hide. Don't forget to remove this code when you're done.
+If you'd like, you can practice writing boolean attributes with another attribute you may have seen before, [`hidden`](/en-US/docs/Web/HTML/Global_attributes/hidden), which prevents elements from being rendered on the page. Try adding `hidden` to the `<h1>` element in `App.jsx` to see what happens, then try explicitly setting its value to `{false}`. Note, again, that writing `hidden="false"` results in a truthy value so the `<h1>` _will_ hide. Don't forget to remove this code when you're done.
 
 > **Note:** The `aria-pressed` attribute used in our earlier code snippet has a value of `"true"` because `aria-pressed` is not a true boolean attribute in the way `checked` is.
 

From 4e28b9eada8ff32cef97d087e759748e59cd3004 Mon Sep 17 00:00:00 2001
From: Andrew Elliott <aelliott1485@users.noreply.github.com>
Date: Wed, 10 Jan 2024 11:28:44 -0800
Subject: [PATCH 357/790] Update index.md (#31642)

Update wording above screenshot to avoid confusion
---
 files/en-us/web/css/_doublecolon_-webkit-progress-bar/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/_doublecolon_-webkit-progress-bar/index.md b/files/en-us/web/css/_doublecolon_-webkit-progress-bar/index.md
index 187e1f1e472b137..f1fe69e59b35f7b 100644
--- a/files/en-us/web/css/_doublecolon_-webkit-progress-bar/index.md
+++ b/files/en-us/web/css/_doublecolon_-webkit-progress-bar/index.md
@@ -47,7 +47,7 @@ progress {
 
 ### Result screenshot
 
-If you're not using a WebKit or Blink browser, the code above results in a progress bar that looks like this:
+The code above results in a progress bar that looks like this when using a WebKit or Blink browser:
 
 ![The progress bar is a horizontal bar about the height of a letter. The left 20% is green. The right 80% is orange.](progress-bar.png)
 

From c3d519dd95e4ba373a635b85e917a2d21eb8c805 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Thu, 11 Jan 2024 00:59:59 +0530
Subject: [PATCH 358/790] fix(css): remove flexbox backward compatibility page
 (#31630)

fix(css): remove flexbox backward compatiblity page
---
 files/en-us/_redirects.txt                    |   9 +-
 files/en-us/_wikihistory.json                 |  11 --
 .../supporting_older_browsers/index.md        |   1 -
 files/en-us/web/css/css_display/index.md      |   1 -
 .../index.md                                  | 108 ------------------
 5 files changed, 5 insertions(+), 125 deletions(-)
 delete mode 100644 files/en-us/web/css/css_flexible_box_layout/backwards_compatibility_of_flexbox/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 2ef2943dd69d359..fcacd034b48b6e9 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -3998,7 +3998,7 @@
 /en-US/docs/IMAP	/en-US/docs/Glossary/IMAP
 /en-US/docs/IPv6	/en-US/docs/Glossary/IPv6
 /en-US/docs/Inbox/Advance_HTML_Tags	/en-US/docs/Learn/Common_questions/Design_and_accessibility/HTML_features_for_accessibility
-/en-US/docs/Inbox/Advanced_layouts_with_flexbox	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox
+/en-US/docs/Inbox/Advanced_layouts_with_flexbox	/en-US/docs/Glossary/Flexbox
 /en-US/docs/Inbox/Using_flexbox_to_lay_out_web_applications	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Typical_use_cases_of_flexbox
 /en-US/docs/Inbox/Writing_a_WebSocket_server_in_Java	/en-US/docs/Web/API/WebSockets_API/Writing_a_WebSocket_server_in_Java
 /en-US/docs/Incorrect_MIME_Type_for_CSS_Files	/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types
@@ -5151,7 +5151,7 @@
 /en-US/docs/JavaScript_typed_arrays/Uint16Array	/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint16Array
 /en-US/docs/JavaScript_typed_arrays/Uint32Array	/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint32Array
 /en-US/docs/JavaScript_typed_arrays/Uint8Array	/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array
-/en-US/docs/Learn/Advanced_layouts_with_flexbox	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox
+/en-US/docs/Learn/Advanced_layouts_with_flexbox	/en-US/docs/Glossary/Flexbox
 /en-US/docs/Learn/Anatomy_of_a_web_page	/en-US/docs/Learn/Common_questions/Design_and_accessibility/Common_web_layouts
 /en-US/docs/Learn/CSS/Basic_text_styling_in_CSS	/en-US/docs/Learn/CSS/Styling_text/Fundamentals
 /en-US/docs/Learn/CSS/Basics	/en-US/docs/Learn/CSS/First_steps
@@ -11399,10 +11399,10 @@
 /en-US/docs/Web/CSS/CSS_Columns/Using_multicol_layouts	/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts
 /en-US/docs/Web/CSS/CSS_Device_Adaptation	/en-US/docs/Web/CSS
 /en-US/docs/Web/CSS/CSS_Device_Adaptation/Viewport_Concepts	/en-US/docs/Web/CSS/Viewport_concepts
-/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox
+/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox	/en-US/docs/Glossary/Flexbox
 /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Box_Alignment_in_Flexbox	/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox
 /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Controlling_ratios_of_flex_items_along_the_main_axis
-/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mixins	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox
+/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mixins	/en-US/docs/Glossary/Flexbox
 /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox
 /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_flexbox_to_lay_out_web_applications	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Typical_use_cases_of_flexbox
 /en-US/docs/Web/CSS/CSS_Flow_Layout/Formatting_Contexts_Explained	/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts
@@ -11476,6 +11476,7 @@
 /en-US/docs/Web/CSS/CSS_charsets	/en-US/docs/Web/CSS/CSS_syntax
 /en-US/docs/Web/CSS/CSS_descriptor_definition	/en-US/docs/Web/CSS
 /en-US/docs/Web/CSS/CSS_flex-wrap	/en-US/docs/Web/CSS/flex-wrap
+/en-US/docs/Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox	/en-US/docs/Glossary/Flexbox
 /en-US/docs/Web/CSS/CSS_grid_layout/Layout_using_line-based_placement	/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement
 /en-US/docs/Web/CSS/CSS_grid_layout/Layout_using_named_grid_lines	/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines
 /en-US/docs/Web/CSS/CSS_percentage_values	/en-US/docs/Web/CSS
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 18b4617826ab583..a4232fd496b544f 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -77228,17 +77228,6 @@
       "chrisdavidmills"
     ]
   },
-  "Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox": {
-    "modified": "2020-07-07T12:06:44.348Z",
-    "contributors": [
-      "wbamberg",
-      "ExE-Boss",
-      "mattbrundageMDN",
-      "roryokane",
-      "chrisdavidmills",
-      "rachelandrew"
-    ]
-  },
   "Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox": {
     "modified": "2020-12-11T09:00:07.056Z",
     "contributors": [
diff --git a/files/en-us/learn/css/css_layout/supporting_older_browsers/index.md b/files/en-us/learn/css/css_layout/supporting_older_browsers/index.md
index bf2d03b3926425a..6fc5d0e6b48b5d8 100644
--- a/files/en-us/learn/css/css_layout/supporting_older_browsers/index.md
+++ b/files/en-us/learn/css/css_layout/supporting_older_browsers/index.md
@@ -210,7 +210,6 @@ Now that you have worked through our articles on CSS layout, it's time to test y
 ## See also
 
 - [Using Feature Queries in CSS](https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/)
-- [Backwards Compatibility of Flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox)
 - [CSS Grid Layout and Progressive Enhancement](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_progressive_enhancement)
 - [Using CSS Grid: Supporting Browsers Without Grid](https://www.smashingmagazine.com/2017/11/css-grid-supporting-browsers-without-grid/)
 - [Cascading Web Design with Feature Queries](https://24ways.org/2017/cascading-web-design/)
diff --git a/files/en-us/web/css/css_display/index.md b/files/en-us/web/css/css_display/index.md
index 2621c6e2621b391..8ab5eaaf1b793d7 100644
--- a/files/en-us/web/css/css_display/index.md
+++ b/files/en-us/web/css/css_display/index.md
@@ -45,7 +45,6 @@ The **CSS display** module defines how the CSS formatting box tree is generated
 - [Mastering wrapping of flex items](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Mastering_wrapping_of_flex_items)
 - [Ordering flex items](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Ordering_flex_items)
 - [Relationship of flexbox to other layout methods](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Relationship_of_flexbox_to_other_layout_methods)
-- [Backwards compatibility of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox)
 - [Typical use cases of flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Typical_use_cases_of_flexbox)
 
 ### Grid layout
diff --git a/files/en-us/web/css/css_flexible_box_layout/backwards_compatibility_of_flexbox/index.md b/files/en-us/web/css/css_flexible_box_layout/backwards_compatibility_of_flexbox/index.md
deleted file mode 100644
index e8fd09ebab46da8..000000000000000
--- a/files/en-us/web/css/css_flexible_box_layout/backwards_compatibility_of_flexbox/index.md
+++ /dev/null
@@ -1,108 +0,0 @@
----
-title: Backwards compatibility of flexbox
-slug: Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox
-page-type: guide
----
-
-{{CSSRef}}
-
-Flexbox is very well supported across modern browsers, however there are a few issues that you might run into. In this guide we will look at how well flexbox is supported in browsers, and look at some potential issues, resources and methods for creating workarounds and fallbacks.
-
-## The history of flexbox
-
-As with all CSS specifications the Flexbox specification went through a large number of changes before it became the Candidate Recommendation that we have today. As a Candidate Recommendation we should not see large changes at this point to the spec, however this has not been the case with past flexbox iterations.
-
-Flexbox was implemented in an experimental way in several web browsers. At the time the method of creating experimental implementations was to use a vendor prefix. The idea of these prefixes was to allow implementations of the spec to be tested and explored by browser engineers and web developers alike without clashing with other implementations. The idea was not to use the experimental implementations in production code. However, prefixes ultimately were used in production code, and changes to the experimental specification caused people to need to update their sites to keep up.
-
-[In 2009](https://www.w3.org/TR/2009/WD-css3-flexbox-20090723/), the specification looked quite different. To create a flex container you would use `display: box` and there were a number of `box-*` properties, which did things that you will recognize from flexbox today.
-
-There was an [update to the spec](https://www.w3.org/TR/2012/WD-css3-flexbox-20120322/) that updated the syntax to `display: flexbox` — this was again vendor-prefixed.
-
-Ultimately the specification was updated to define `display: flex` as the way to create a flex container. Browser support for the up-to-date version of the specification is excellent from this point forward.
-
-There are a few old articles in existence that refer to the older versions of flexbox, which are pretty easy to identify due to the change in the way that a flex container is created. If you find something referring to `display: box` or `display: flexbox` this is outdated information.
-
-## Status in browsers
-
-Browser support for flexbox is excellent, and the majority of browsers do not need a prefix at this point. Safari was the last of the major browsers to remove prefixes, with the release of Safari 9 in 2015.
-
-## Common issues
-
-The majority of issues with flexbox relate to the changes in the specification, as it has been developed, and the fact that many of us were attempting to use an experimental specification in production. If you are trying to ensure backwards compatibility with old versions of browsers, and in particular IE10 and 11, the [Flexbugs](https://github.com/philipwalton/flexbugs) site is a helpful resource. You will see that many of the listed bugs apply to old browser versions and are fixed in current browsers. Each of the bugs has a workaround listed — which can save you many hours of puzzling.
-
-If you want to include very old browsers with flexbox support then you can include the vendor prefixes in your CSS in addition to the unprefixed version. This is becoming less and less of a requirement today as support is widespread.
-
-```css
-.wrapper {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-```
-
-[Autoprefixer Online](https://autoprefixer.github.io/) is a useful way to see which prefixes are recommended, depending on how many versions you wish to go back with browser support. You can also check [Can I Use](https://caniuse.com/#feat=flexbox) for information about when prefixes were removed in browsers to make your decision.
-
-## Useful fallback techniques
-
-Given that flexbox usage is initiated with value of the {{cssxref("display")}} property, when needing to support very old browsers which do not support flexbox at all, fallbacks can be created by overwriting one layout method with another. The specification defines what happens if you use other layout methods on an element which then becomes a flex item.
-
-### Floated items
-
-> "float and clear do not create floating or clearance of flex item, and do not take it out-of-flow." - [3. Flex Containers](https://www.w3.org/TR/css-flexbox-1/#flex-containers)
-
-In the following live example, I have floated two blocks and then set `display: flex` on the container. The items are now flex items, which means they stretch to equal height. Any float behavior does not apply.
-
-You can test the fallback behavior by removing `display: flex` from the wrapper.
-
-{{EmbedGHLiveSample("css-examples/flexbox/browsers/float.html", '100%', 550)}}
-
-### display: inline-block
-
-Once an `inline-block` item becomes a flex item, it is `block`ified and so behavior of `display: inline-block` like preserving white space between items no longer applies.
-
-Remove `display: flex` to see the fallback behavior. You'll see white space added between the items, which is what happens when using `display: inline-block` as it prefers white space like other inline items.
-
-{{EmbedGHLiveSample("css-examples/flexbox/browsers/inline-block.html", '100%', 550)}}
-
-### display: table-
-
-The CSS table display properties are potentially very useful as a fallback, due to the fact that they allow design patterns such as full height columns and vertical centering.
-
-If you use `display: table-cell` on an item in your HTML it takes on the styling of an HTML table cell. CSS creates anonymous boxes to represent these items so that you do not need to wrap each item in a wrapper to represent the HTML table row, and a second one to represent the table element itself, You can't see or style these anonymous boxes; they are there purely to fix up the tree.
-
-If you then declare `display: flex` on the parent item, these anonymous boxes do not get created and so your item remains a direct child and can become a flex item — losing any of the table display features.
-
-> "Note: Some values of display normally trigger the creation of anonymous boxes around the original box. If such a box is a flex item, it is blockified first, and so anonymous box creation will not happen. For example, two contiguous flex items with display: table-cell will become two separate display: block flex items, instead of being wrapped into a single anonymous table." - [4. Flex Items](https://www.w3.org/TR/css-flexbox-1/#flex-items)
-
-{{EmbedGHLiveSample("css-examples/flexbox/browsers/table-cell.html", '100%', 550)}}
-
-### The vertical-align property
-
-The live example below demonstrates use of the {{cssxref("vertical-align")}} property along with `display: inline-block`. Both `display: table-cell` and `display: inline-block` allow for the use of this property. Use of `vertical-align` enables vertical alignment prior to flexbox. The property is ignored by flexbox and so you can use it in conjunction with `display: table-cell` or `display: inline-block` as a fallback and then safely use box alignment properties in flexbox instead.
-
-{{EmbedGHLiveSample("css-examples/flexbox/browsers/vertical-align.html", '100%', 550)}}
-
-## Feature Queries and flexbox
-
-You can use [feature queries](/en-US/docs/Web/CSS/@supports) to detect flexbox support:
-
-```css
-@supports (display: flex) {
-  /* code for supporting browsers */
-}
-```
-
-Remember that if you want to include versions of browsers that had vendor-prefixed flexbox you would need to include the prefixed version in your feature query. The following feature query would include UC Browser, which supports feature queries and old flexbox syntax, prefixed:
-
-```css
-@supports (display: flex) or (display: -webkit-box) {
-  /* code for supporting browsers */
-}
-```
-
-For more information about using Feature Queries see [Using Feature Queries in CSS](https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/) on the Mozilla Hacks blog.
-
-## Conclusion
-
-While I've spent some time in this guide going through potential issues and fallbacks, flexbox is very much ready for you to be using in production work. This guide will help you in those cases where you do come across an issue or have the requirement to support older browsers.

From 87f5cd40b89db30fdb461d7f693f3231425fd6b3 Mon Sep 17 00:00:00 2001
From: Dipika Bhattacharya <dipika@foss-community.org>
Date: Wed, 10 Jan 2024 14:35:31 -0500
Subject: [PATCH 359/790] docs(relnote): FF122 - Support enabled for motion
 path features (#31514)

* relnotes for motion path

* remove syntax
---
 .../firefox/experimental_features/index.md    | 126 ------------------
 .../mozilla/firefox/releases/122/index.md     |   6 +
 files/en-us/web/css/ray/index.md              |  13 +-
 3 files changed, 11 insertions(+), 134 deletions(-)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index 41439fa7bffba05..3a38144d0a10380 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -313,50 +313,6 @@ The {{cssxref("backdrop-filter")}} property applies filter effects to the area b
   </tbody>
 </table>
 
-### ray() CSS function
-
-The CSS {{cssxref("ray")}} function is a way to define an {{cssxref("offset-path")}}. The function defines the path as a line segment that begins from an {{cssxref("offset-position")}} and extends in the direction of the specified angle ([Firefox bug 1582554](https://bugzil.la/1582554)).
-
-In version 112, the `<ray_size>` optional parameter was added to the function. If no `<ray_size>` parameter is provided, it assumes the default value of `closest-side` ([Firefox bug 1820071](https://bugzil.la/1820071)).
-
-In version 116, the `at <position>` optional parameter was added to the function. If omitted, the `offset-position` value of the element is used. If both `at <position>` and `offset-position` values are absent, `offset-position: auto` is used as ray's starting position, which places the element at the `top left` corner of the element's box. ([Firefox bug 1820070](https://bugzil.la/1820070)).
-
-<table>
-  <thead>
-    <tr>
-      <th>Release channel</th>
-      <th>Version added</th>
-      <th>Enabled by default?</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th>Nightly</th>
-      <td>72</td>
-      <td>Yes</td>
-    </tr>
-    <tr>
-      <th>Developer Edition</th>
-      <td>72</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Beta</th>
-      <td>72</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Release</th>
-      <td>72</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Preference name</th>
-      <td colspan="2"><code>layout.css.motion-path-ray.enabled</code></td>
-    </tr>
-  </tbody>
-</table>
-
 ### Masonry grid layout
 
 Adds support for a [masonry-style layout](/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout) based on grid layout where one axis has a masonry layout and the other has a normal grid layout. This allows developers to easily create gallery style layouts like on Pinterest. See [Firefox bug 1607954](https://bugzil.la/1607954) for more details.
@@ -776,46 +732,6 @@ See ([Firefox bug 1808410](https://bugzil.la/1808410)) for more details.
   </tbody>
 </table>
 
-### offset-position property
-
-The CSS {{cssxref("offset-position")}} property defines the initial position of an element on a path. A new keyword called `normal` has been added to the syntax of the property. When using this keyword, the initial starting position of an element on an {{cssxref("offset-path")}} depends on the CSS function used – {{cssxref("path")}} or {{cssxref("ray")}} – to specify the value of the `offset-path` property. For more information, see {{cssxref("offset-position")}}. See ([Firefox bug 1559232](https://bugzil.la/1559232)) for more details.
-
-<table>
-  <thead>
-    <tr>
-      <th>Release channel</th>
-      <th>Version added</th>
-      <th>Enabled by default?</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th>Nightly</th>
-      <td>116</td>
-      <td>Yes</td>
-    </tr>
-    <tr>
-      <th>Developer Edition</th>
-      <td>116</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Beta</th>
-      <td>116</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Release</th>
-      <td>116</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Preference name</th>
-      <td colspan="2"><code>layout.css.motion-path-offset-position.enabled</code></td>
-    </tr>
-  </tbody>
-</table>
-
 ### rect() and xywh() basic shape functions
 
 The CSS [`rect()`](/en-US/docs/Web/CSS/basic-shape/rect) and [`xywh()`](/en-US/docs/Web/CSS/basic-shape/xywh) shape functions enable you to define a rectangle using the [`<basic-shape>`](/en-US/docs/Web/CSS/basic-shape) data type. In CSS properties such as {{cssxref("offset-path")}}, these functions are used to define the shape of the path along which an element moves. Using the `rect()` function, you specify the rectangle edge offsets from the top edge and left edges of the containing block. Using the `xywh()` function, you specify the rectangle edge offsets from the left and top edges of the containing block as well as the width and height of the rectangle. In both the functions, you can optionally round off the corners.
@@ -859,48 +775,6 @@ For more details, see [Firefox bug 1786161](https://bugzil.la/1786161) for the `
   </tbody>
 </table>
 
-### url() function in offset-path property
-
-The CSS {{cssxref("offset-path")}} property now supports using [`url()`](/en-US/docs/Web/CSS/offset-path#url) to specify the ID of an SVG shape element. The referenced shape defines the shape of the path that an element will follow ([Firefox bug 1598158](https://bugzil.la/1598158)).
-
-<table>
-  <thead>
-    <tr>
-      <th>Release channel</th>
-      <th>Version added</th>
-      <th>Enabled by default?</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th>Nightly</th>
-      <td>118</td>
-      <td>Yes</td>
-    </tr>
-    <tr>
-      <th>Developer Edition</th>
-      <td>118</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Beta</th>
-      <td>118</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Release</th>
-      <td>118</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Preference name</th>
-      <td colspan="2">
-      <code>layout.css.motion-path-url.enabled</code>
-    </td>
-    </tr>
-  </tbody>
-</table>
-
 ### zoom property
 
 The non-standard CSS {{cssxref("zoom")}} property is enabled in the Nightly release and lets you magnify an element similar to the {{cssxref("transform")}} property, but it affects the layout size of the element.
diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index e16d7285e7405d5..3c52da5fab86d90 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -20,6 +20,12 @@ This article provides information about the changes in Firefox 122 that affect d
 
 ### CSS
 
+- The CSS {{cssxref("offset-position")}} property is now available by default. It defines the initial position of an element on a path. ([Firefox bug 1598152](https://bugzil.la/1598152))
+
+- The various methods for defining a CSS {{cssxref("offset-path")}} — including [`<basic-shape>`](/en-US/docs/Web/CSS/offset-path#basic-shape), [`<coord-box>`](/en-US/docs/Web/CSS/offset-path#coord-box), and [`url()`](/en-US/docs/Web/CSS/offset-path#url) — are now enabled by default. ([Firefox bug 1598159](https://bugzil.la/1598159))
+
+- The CSS {{cssxref("ray")}} function is now available by default. You can use this function to define an {{cssxref("offset-path")}} as a line segment that begins from an {{cssxref("offset-position")}} and extends in the direction of the specified angle. ([Firefox bug 1598151](https://bugzil.la/1598151))
+
 #### Removals
 
 ### JavaScript
diff --git a/files/en-us/web/css/ray/index.md b/files/en-us/web/css/ray/index.md
index 98bb74e4e0840f6..2c2e89778927c4a 100644
--- a/files/en-us/web/css/ray/index.md
+++ b/files/en-us/web/css/ray/index.md
@@ -2,20 +2,13 @@
 title: ray()
 slug: Web/CSS/ray
 page-type: css-function
-status:
-  - experimental
 browser-compat: css.types.ray
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
 The **`ray()`** [CSS](/en-US/docs/Web/CSS) [function](/en-US/docs/Web/CSS/CSS_Functions) defines the [`offset-path`](/en-US/docs/Web/CSS/offset-path) line segment that an animated element can follow. The line segment is referred to as "ray". The ray begins from an {{cssxref("offset-position")}} and extends in the direction of the specified angle. The length of a ray can be constrained by specifying a size and using the `contain` keyword.
 
-```css
-ray() = ray( <angle> && <size>? && contain? && [at <position>]? )
-<size> = closest-side | closest-corner | farthest-side | farthest-corner | sides
-```
-
 ## Syntax
 
 ```css
@@ -70,6 +63,10 @@ The element is initially positioned by moving the element's [`offset-anchor`](/e
 
 The `<coord-box>` value of the [`offset-path`](/en-US/docs/Web/CSS/offset-path) property provides the reference box for the ray path.
 
+## Formal syntax
+
+{{csssyntax}}
+
 ## Examples
 
 ### Defining the angle and starting position for a ray

From 562fa094ba46f4b118daf30321820dbf13800eba Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Wed, 10 Jan 2024 15:52:10 -0800
Subject: [PATCH 360/790] missing comma (#31644)

---
 files/en-us/web/api/htmlinputelement/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/htmlinputelement/index.md b/files/en-us/web/api/htmlinputelement/index.md
index 5304e26aab3ea26..cdbec43f7188db8 100644
--- a/files/en-us/web/api/htmlinputelement/index.md
+++ b/files/en-us/web/api/htmlinputelement/index.md
@@ -78,7 +78,7 @@ Some properties only apply to input element types that support the corresponding
   - : A {{jsxref("Date")}} that represents the value of the element, interpreted as a date, or `null` if conversion is not possible.
 
 - {{domxref("HTMLInputElement.valueAsNumber", "valueAsNumber")}}
-  - : A number that represents the value of the element, interpreted as one of the following, in order: A time value, a number or `NaN` if conversion is impossible.
+  - : A number that represents the value of the element, interpreted as one of the following, in order: A time value, a number, or `NaN` if conversion is impossible.
 
 ### Instance properties related to the parent form
 

From b3742fa16ce3b944cf46a80f71aa799ac8c35c55 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Thu, 11 Jan 2024 09:15:14 +0530
Subject: [PATCH 361/790] Synchronize with BCD v5.5.5 (#31647)

Co-authored-by: OnkarRuikar <OnkarRuikar@users.noreply.github.com>
---
 files/en-us/web/css/ray/index.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/css/ray/index.md b/files/en-us/web/css/ray/index.md
index 2c2e89778927c4a..44ee7c08d389352 100644
--- a/files/en-us/web/css/ray/index.md
+++ b/files/en-us/web/css/ray/index.md
@@ -2,10 +2,12 @@
 title: ray()
 slug: Web/CSS/ray
 page-type: css-function
+status:
+  - experimental
 browser-compat: css.types.ray
 ---
 
-{{CSSRef}}
+{{CSSRef}}{{SeeCompatTable}}
 
 The **`ray()`** [CSS](/en-US/docs/Web/CSS) [function](/en-US/docs/Web/CSS/CSS_Functions) defines the [`offset-path`](/en-US/docs/Web/CSS/offset-path) line segment that an animated element can follow. The line segment is referred to as "ray". The ray begins from an {{cssxref("offset-position")}} and extends in the direction of the specified angle. The length of a ray can be constrained by specifying a size and using the `contain` keyword.
 

From 619bb2f11b5434664c9c3243c7add136acee4138 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 11 Jan 2024 06:33:49 +0100
Subject: [PATCH 362/790] Bump follow-redirects from 1.15.3 to 1.15.4 (#31650)

Bumps [follow-redirects](https://github.com/follow-redirects/follow-redirects) from 1.15.3 to 1.15.4.
- [Release notes](https://github.com/follow-redirects/follow-redirects/releases)
- [Commits](https://github.com/follow-redirects/follow-redirects/compare/v1.15.3...v1.15.4)

---
updated-dependencies:
- dependency-name: follow-redirects
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index b8567070813368b..d892426253a7786 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3223,9 +3223,9 @@ fn.name@1.x.x:
   integrity sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==
 
 follow-redirects@^1.0.0:
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.3.tgz#fe2f3ef2690afce7e82ed0b44db08165b207123a"
-  integrity sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==
+  version "1.15.4"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.4.tgz#cdc7d308bf6493126b17ea2191ea0ccf3e535adf"
+  integrity sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw==
 
 form-data-encoder@1.7.2:
   version "1.7.2"

From 587dcb910b2f3fdf2c78b5dfb36c2da81ac1cb54 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Thu, 11 Jan 2024 06:34:59 +0100
Subject: [PATCH 363/790] fix: auto-cleanup by bot (#31646)

chore: auto-fix Markdownlint, Prettier, and front-matter issues
---
 files/en-us/learn/html/tables/basics/index.md     | 2 +-
 files/en-us/web/css/css_values_and_units/index.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/learn/html/tables/basics/index.md b/files/en-us/learn/html/tables/basics/index.md
index ffdfd1d21d57c6c..0344c3e95a98733 100644
--- a/files/en-us/learn/html/tables/basics/index.md
+++ b/files/en-us/learn/html/tables/basics/index.md
@@ -47,7 +47,7 @@ The point of a table is that it is rigid. Information is easily interpreted by m
 ```html hidden
 <table>
   <caption>
-    Data about the planets of our solar system (Source:  
+    Data about the planets of our solar system (Source:
     <a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/"
       >Nasa's Planetary Fact Sheet - Metric</a
     >).
diff --git a/files/en-us/web/css/css_values_and_units/index.md b/files/en-us/web/css/css_values_and_units/index.md
index cf2a0838ccb9c25..22fa6d550cda6fa 100644
--- a/files/en-us/web/css/css_values_and_units/index.md
+++ b/files/en-us/web/css/css_values_and_units/index.md
@@ -135,7 +135,7 @@ These are all covered in subsections below.
 
 Where a distance unit, also known as a length, is allowed as a value for a property, this is described as the {{cssxref("&lt;length&gt;")}} type. There are two types of lengths in CSS: relative and absolute. Relative length units specify a length in relation to something else.
 
-There are two types of relative lengths: font-relative lengths and viewport-percentage lengths. These both come in two types. Font-relative length units are either local font-relative or root font-relative. Viewport percentage lengths are either relative to the viewport height or width size or, as defined in the [CSS Containment module](/en-US/docs/Web/CSS/CSS_Containment), relative to a [container](/en-US/docs/Web/CSS/CSS_container_queries#container_query_length_units).
+There are two types of relative lengths: font-relative lengths and viewport-percentage lengths. These both come in two types. Font-relative length units are either local font-relative or root font-relative. Viewport percentage lengths are either relative to the viewport height or width size or, as defined in the [CSS Containment module](/en-US/docs/Web/CSS/CSS_containment), relative to a [container](/en-US/docs/Web/CSS/CSS_container_queries#container_query_length_units).
 
 ##### Font-relative lengths
 

From d6bcc440b5dfb4749da0c7469326f98fabf923cc Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Wed, 10 Jan 2024 23:20:55 -0800
Subject: [PATCH 364/790] Fix link to removed EventListener interface (#31643)

---
 files/en-us/web/api/eventtarget/addeventlistener/index.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/files/en-us/web/api/eventtarget/addeventlistener/index.md b/files/en-us/web/api/eventtarget/addeventlistener/index.md
index ed63e56f663f59e..52f2d38bcd8ed2c 100644
--- a/files/en-us/web/api/eventtarget/addeventlistener/index.md
+++ b/files/en-us/web/api/eventtarget/addeventlistener/index.md
@@ -22,8 +22,7 @@ but the target may be any object that supports events (such as {{domxref("IDBReq
 > - In contrast to using an `onXYZ` property, it gives you finer-grained control of the phase when the listener is activated (capturing vs. bubbling).
 > - It works on any event target, not just HTML or SVG elements.
 
-The method `addEventListener()` works by adding a function, or an object that implements
-{{domxref("EventTarget.addEventListener", "EventListener")}}, to the list of event listeners for the specified event type
+The method `addEventListener()` works by adding a function, or an object that implements a `handleEvent()` function, to the list of event listeners for the specified event type
 on the {{domxref("EventTarget")}} on which it's called. If the function or object is already in the list of event listeners for this target, the function or object is not added a second time.
 
 > **Note:** If a particular anonymous function is in the list of event listeners registered for a certain target, and then later in the code, an identical anonymous function is given in an `addEventListener` call, the second function will _also_ be added to the list of event listeners for that target.

From 35de54026d55dcc2c99fe18b2ed1c46ca0d2d97b Mon Sep 17 00:00:00 2001
From: JL-Vidinoti <35372626+JL-Vidinoti@users.noreply.github.com>
Date: Thu, 11 Jan 2024 11:24:26 +0100
Subject: [PATCH 365/790] XRSystem.requestSession - fix example with depth
 sensing (#31657)

---
 files/en-us/web/api/xrsystem/requestsession/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/xrsystem/requestsession/index.md b/files/en-us/web/api/xrsystem/requestsession/index.md
index d88f8ff72e758d3..73cd1abed84a921 100644
--- a/files/en-us/web/api/xrsystem/requestsession/index.md
+++ b/files/en-us/web/api/xrsystem/requestsession/index.md
@@ -219,7 +219,7 @@ navigator.xr.requestSession("immersive-ar", {
   requiredFeatures: ["depth-sensing"],
   depthSensing: {
     usagePreference: ["cpu-optimized", "gpu-optimized"],
-    formatPreference: ["luminance-alpha", "float32"],
+    dataFormatPreference: ["luminance-alpha", "float32"],
   },
 });
 ```

From d1a9b34e50b4b9e84b51f8fadc585ae1afe75069 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Thu, 11 Jan 2024 03:12:24 -0800
Subject: [PATCH 366/790] FF121 Relnote: HTMLInputElement.showPicker() (#31132)

* FF121 Relnote: HTMLInputElement.showPicker()

* MOve to DOM apis

* Update files/en-us/mozilla/firefox/releases/121/index.md

---------

Co-authored-by: Vadim Makeev <hi@pepelsbey.dev>
---
 files/en-us/mozilla/firefox/releases/121/index.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/files/en-us/mozilla/firefox/releases/121/index.md b/files/en-us/mozilla/firefox/releases/121/index.md
index 838b839dd2a60b8..e67b9c2e46362d6 100644
--- a/files/en-us/mozilla/firefox/releases/121/index.md
+++ b/files/en-us/mozilla/firefox/releases/121/index.md
@@ -47,6 +47,10 @@ This article provides information about the changes in Firefox 121 that affect d
 
 - The {{domxref("WebTransportSendStream.sendOrder", "sendOrder")}} property of the {{domxref("WebTransportSendStream")}} interface is now supported, allowing the relative priority of outgoing [WebTransport API](/en-US/docs/Web/API/WebTransport_API) _bidirectional_ streams to be read and changed after the stream is created. Note that this cannot be used to modify the priority of unidirectional streams, as Firefox implements them as {{domxref("WritableStream")}} instead of {{domxref("WebTransportSendStream")}}. (For more information see [Firefox bug 1853444](https://bugzil.la/1853444).)
 
+#### DOM
+
+- {{domxref("HTMLInputElement.showPicker()")}} now works for [`<input type="week">`](/en-US/docs/Web/HTML/Element/input/month) and [`<input type="month">`](/en-US/docs/Web/HTML/Element/input/month) elements on Android ([Firefox bug 1853797](https://bugzil.la/161853797)).
+
 ### WebAssembly
 
 - WebAssembly now supports tail call optimization via new `return_call` and `return_call_indirect` alternatives to the [`call`](/en-US/docs/WebAssembly/Reference/Control_flow/call) instruction. This improves performance, reduces stack space usage, and enhances compatibility with programming languages that use tail calls. ([Firefox bug 1858855](https://bugzil.la/1846789)).

From 745950224a21606bb2d953e149b1385b9ea6a3f8 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Thu, 11 Jan 2024 19:00:51 +0530
Subject: [PATCH 367/790] fix(css): add repeating-conic-gradient to syntax
 section (#31625)

* fix(css): add repeating-conic-gradiant to syntax section

* relocate and update examples
---
 files/en-us/web/css/gradient/index.md | 85 ++++++++++++++++-----------
 1 file changed, 50 insertions(+), 35 deletions(-)

diff --git a/files/en-us/web/css/gradient/index.md b/files/en-us/web/css/gradient/index.md
index 14e8ad6877e5eef..e8b91c0d60004ed 100644
--- a/files/en-us/web/css/gradient/index.md
+++ b/files/en-us/web/css/gradient/index.md
@@ -25,14 +25,14 @@ Linear gradients transition colors progressively along an imaginary line. They a
 
 Radial gradients transition colors progressively from a center point (origin). They are generated with the {{cssxref("gradient/radial-gradient", "radial-gradient()")}} function.
 
-### Repeating gradient
-
-Repeating gradients duplicate a gradient as much as necessary to fill a given area. They are generated with the {{cssxref("gradient/repeating-linear-gradient", "repeating-linear-gradient()")}} and {{cssxref("gradient/repeating-radial-gradient", "repeating-radial-gradient()")}} functions.
-
 ### Conic gradient
 
 Conic gradients transition colors progressively around a circle. They are generated with the {{cssxref("gradient/conic-gradient", "conic-gradient()")}} function.
 
+### Repeating gradient
+
+Repeating gradients duplicate a gradient as much as necessary to fill a given area. They are generated with the {{cssxref("gradient/repeating-linear-gradient", "repeating-linear-gradient()")}}, {{cssxref("gradient/repeating-radial-gradient", "repeating-radial-gradient()")}}, and {{cssxref("gradient/repeating-conic-gradient", "repeating-conic-gradient()")}} functions.
+
 ## Interpolation
 
 As with any interpolation involving colors, gradients are calculated in the alpha-premultiplied color space. This prevents unexpected shades of gray from appearing when both the color and the opacity are changing. (Be aware that older browsers may not use this behavior when using the [transparent keyword](/en-US/docs/Web/CSS/named-color#transparent).)
@@ -98,29 +98,63 @@ div {
 
 {{EmbedLiveSample('Radial_gradient_example', 240, 120)}}
 
+### Conic gradient example
+
+A simple conic gradient example. Note that this isn't supported widely across browser as of yet.
+
+```html hidden
+<div class="conic-gradient">Conic gradient</div>
+```
+
+```css hidden
+div {
+  width: 200px;
+  height: 200px;
+}
+```
+
+```css
+.conic-gradient {
+  background: conic-gradient(pink, coral, lime);
+}
+```
+
+{{EmbedLiveSample('Conic_gradient_example', 240, 240)}}
+
 ### Repeating gradient examples
 
 Simple repeating linear and radial gradient examples.
 
 ```html hidden
-<div class="linear-repeat">Repeating linear gradient</div>
-<br />
-<div class="radial-repeat">Repeating radial gradient</div>
+<div class="linear-repeat"></div>
+<span>Repeating linear gradient</span>
+<hr />
+<div class="radial-repeat"></div>
+<span>Repeating radial gradient</span>
+<hr />
+<div class="conic-repeat"></div>
+<span>Repeating conic gradient</span>
 ```
 
 ```css hidden
 div {
+  display: inline-block;
   width: 240px;
   height: 80px;
 }
+
+span {
+  font-weight: bold;
+  vertical-align: top;
+}
 ```
 
 ```css
 .linear-repeat {
   background: repeating-linear-gradient(
     to top left,
-    lightpink,
-    lightpink 5px,
+    pink,
+    pink 5px,
     white 5px,
     white 10px
   );
@@ -128,38 +162,19 @@ div {
 
 .radial-repeat {
   background: repeating-radial-gradient(
-    powderblue,
-    powderblue 8px,
-    white 8px,
-    white 16px
+    lime,
+    lime 15px,
+    white 15px,
+    white 30px
   );
 }
-```
-
-{{EmbedLiveSample('Repeating_gradient_examples', 240, 220)}}
 
-### Conic gradient example
-
-A simple conic gradient example. Note that this isn't supported widely across browser as of yet.
-
-```html hidden
-<div class="conic-gradient">Conic gradient</div>
-```
-
-```css hidden
-div {
-  width: 200px;
-  height: 200px;
+.conic-repeat {
+  background: repeating-conic-gradient(lime, pink 30deg);
 }
 ```
 
-```css
-.conic-gradient {
-  background: conic-gradient(lightpink, white, powderblue);
-}
-```
-
-{{EmbedLiveSample('Conic_gradient_example', 240, 240)}}
+{{EmbedLiveSample('Repeating_gradient_examples', 240, 300)}}
 
 ## Specifications
 

From f3ffcda1b10531e0a90626f39a513d05d9bbb5e2 Mon Sep 17 00:00:00 2001
From: Ruth John <Rumyra@users.noreply.github.com>
Date: Thu, 11 Jan 2024 15:42:51 +0000
Subject: [PATCH 368/790] Removing banner whilst we finalise decisions (#31662)

removing banner whilst we finalise decisions
---
 .../web/api/storage_access_api/related_website_sets/index.md    | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/web/api/storage_access_api/related_website_sets/index.md b/files/en-us/web/api/storage_access_api/related_website_sets/index.md
index ea3c947ebf45ea1..07b35d39ff0caa4 100644
--- a/files/en-us/web/api/storage_access_api/related_website_sets/index.md
+++ b/files/en-us/web/api/storage_access_api/related_website_sets/index.md
@@ -10,8 +10,6 @@ spec-urls: https://wicg.github.io/first-party-sets/
 
 {{DefaultAPISidebar("Storage Access API")}}
 
-> **Warning:** One or more browser vendors oppose this feature — in its current state, it will never be implemented across all browsers. See [Standards positions](#standards_positions) for details of opposition.
-
 Related website sets are a mechanism for defining a set of related sites that share trusted content. As a result, browsers will grant default access for these sites to [third-party cookies](/en-US/docs/Web/HTTP/Cookies#third-party_cookies) when they have content embedded in other set members.
 
 ## Concepts and usage

From 4a3f5b6bde37be9a8582437490ae1cc3ac82e216 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Thu, 11 Jan 2024 18:19:38 +0100
Subject: [PATCH 369/790] feat(wasm): Upgrade WASM node tutorial to use node 20
 (#28048)

* feat(wasm): Upgrade WASM node tutorial to use node 20

* Update files/en-us/webassembly/rust_to_wasm/index.md

* feat(wasm): update Node WASM tutorial

* chore: update deps, install from local pkg

* chore: pin major versions of dev deps

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .vscode/project-words.txt                     |   2 +
 files/en-us/webassembly/rust_to_wasm/index.md | 125 ++++++++++++------
 2 files changed, 83 insertions(+), 44 deletions(-)

diff --git a/.vscode/project-words.txt b/.vscode/project-words.txt
index 827e5b55f869659..3b7b6d8e99f2076 100644
--- a/.vscode/project-words.txt
+++ b/.vscode/project-words.txt
@@ -6,6 +6,7 @@ bézier
 Bhattacharya
 Brosset
 callouts
+cdylib
 CEST
 CIELAB
 cjpeg
@@ -57,6 +58,7 @@ Paciello
 prophoto
 rgba
 ripgrep
+rustc
 sctp
 srgb
 tabak
diff --git a/files/en-us/webassembly/rust_to_wasm/index.md b/files/en-us/webassembly/rust_to_wasm/index.md
index c6cb82115a96241..5d90113ff4966f9 100644
--- a/files/en-us/webassembly/rust_to_wasm/index.md
+++ b/files/en-us/webassembly/rust_to_wasm/index.md
@@ -178,7 +178,11 @@ The last section is the `[dependencies]` section. Here's where we tell Cargo wha
 
 ### Building the package
 
-Now that we've got everything set up, let's build the package. Type this into your terminal:
+Now that we've got everything set up, let's build the package.
+We'll be using the generated code in a native ES module and in Node.js.
+For this purpose, we'll use the [`--target` argument](https://rustwasm.github.io/docs/wasm-pack/commands/build.html#target) in `wasm-pack build` to specify what kind of WebAssembly and JavaScript is generated.
+
+Firstly, run the following command:
 
 ```bash
 wasm-pack build --target web
@@ -206,7 +210,7 @@ Let's start by creating a file named `index.html` in the root of the project, so
 ```plain
 ├── Cargo.lock
 ├── Cargo.toml
-├── index.html
+├── index.html  <-- new index.html file
 ├── pkg
 │   ├── hello_wasm.d.ts
 │   ├── hello_wasm.js
@@ -241,7 +245,7 @@ Put the following content in the `index.html` file:
 </html>
 ```
 
-The script in this file will import the js glue code, initialize the Wasm module, and call the `greet` function we wrote in rust.
+The script in this file will import the JavaScript glue code, initialize the Wasm module, and call the `greet` function we wrote in Rust.
 
 Serve the root directory of the project with a local web server, (e.g. `python3 -m http.server`). If you're not sure how to do that, refer to [Running a simple local HTTP server](/en-US/docs/Learn/Common_questions/Tools_and_setup/set_up_a_local_testing_server#running_a_simple_local_http_server).
 
@@ -251,26 +255,16 @@ Load `index.html` from the web server (if you used the Python3 example: `http://
 
 ## Making our package available to npm
 
-If you want to use the WebAssembly module with npm, we'll need to make a few changes.
-
-Let's start by recompiling our Rust with the target bundler option:
-
-```bash
-wasm-pack build --target bundler
-```
-
-### Install Node.js and npm
-
 We are building an npm package, so you need to have Node.js and npm installed.
 
 To get Node.js and npm, go to the [Get npm!](https://docs.npmjs.com/getting-started/) page and follow the instructions.
-This tutorial targets node 16, if you need to switch between node versions, you can use [nvm](https://github.com/nvm-sh/nvm).
+This tutorial targets node 20. If you need to switch between node versions, you can use [nvm](https://github.com/nvm-sh/nvm).
 
-Next, let's use `npm link` to make this package available to other JavaScript packages installed
+If you want to use the WebAssembly module with npm, we'll need to make a few changes.
+Let's start by recompiling our Rust with `bundler` option as the target:
 
 ```bash
-cd pkg
-npm link
+wasm-pack build --target bundler
 ```
 
 We now have an npm package, written in Rust, but compiled to WebAssembly. It's ready for use from JavaScript, and doesn't require the user to have Rust installed; the code included was the WebAssembly code, not the Rust source.
@@ -279,37 +273,28 @@ We now have an npm package, written in Rust, but compiled to WebAssembly. It's r
 
 Let's build a website that uses our new npm package. Many people use npm packages through various bundler tools, and we'll be using one of them, `webpack`, in this tutorial. It's only a bit complex, and shows a realistic use-case.
 
-Let's move back out of the `pkg` directory, and make a new directory, `site`, to try this out in:
+Let's move back out of the `pkg` directory, and make a new directory, `site`, to try this out.
+We haven't published the package to the npm registry yet, so we can install it from a local version using `npm i /path/to/package`.
+You may use [`npm link`](https://docs.npmjs.com/cli/v10/commands/npm-link), but installing from a local path is convenient for the purposes of this demo:
 
 ```bash
 cd ..
-mkdir site
-cd site
-npm link hello-wasm
+mkdir site && cd site
+npm i ../pkg
 ```
 
-Create a new file, `package.json`, and put the following code in it:
+Install the `webpack` dev dependencies:
 
-```json
-{
-  "scripts": {
-    "serve": "webpack-dev-server"
-  },
-  "dependencies": {
-    "hello-wasm": "^0.1.0"
-  },
-  "devDependencies": {
-    "webpack": "^4.25.1",
-    "webpack-cli": "^3.1.2",
-    "webpack-dev-server": "^3.1.10"
-  }
-}
+```bash
+npm i -D webpack@5 webpack-cli@5 webpack-dev-server@4 copy-webpack-plugin@11
 ```
 
 Next, we need to configure Webpack. Create `webpack.config.js` and put the following in it:
 
 ```js
+const CopyPlugin = require("copy-webpack-plugin");
 const path = require("path");
+
 module.exports = {
   entry: "./index.js",
   output: {
@@ -317,18 +302,46 @@ module.exports = {
     filename: "index.js",
   },
   mode: "development",
+  experiments: {
+    asyncWebAssembly: true,
+  },
+  plugins: [
+    new CopyPlugin({
+      patterns: [{ from: "index.html" }],
+    }),
+  ],
 };
 ```
 
+In your `package.json`, you can add `build` and `serve` scripts that will run webpack with the config file we just created:
+
+```json
+{
+  "scripts": {
+    "build": "webpack --config webpack.config.js",
+    "serve": "webpack serve --config webpack.config.js --open"
+  },
+  "dependencies": {
+    "hello-wasm": "file:../pkg"
+  },
+  "devDependencies": {
+    "copy-webpack-plugin": "^11.0.0",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1"
+  }
+}
+```
+
 Next, create a file named `index.js`, and give it these contents:
 
 ```js
-import("./node_modules/hello-wasm/hello_wasm.js").then((js) => {
-  js.greet("WebAssembly with npm");
-});
+import * as wasm from "hello-wasm";
+
+wasm.greet("WebAssembly with npm");
 ```
 
-This imports the new module from the `node_modules` folder. This isn't considered a best practice, but this is a demo, so it's OK for now. Once it's loaded, it calls the `greet` function from that module, passing `"WebAssembly with npm"` as a string. Note how there's nothing special here, yet we're calling into Rust code. As far as the JavaScript code can tell, this is just a normal module.
+This imports the module from the `node_modules` folder and calls the `greet` function, passing `"WebAssembly with npm"` as a string. Note how there's nothing special here, yet we're calling into Rust code. As far as the JavaScript code can tell, this is just a normal module.
 
 Finally, we need to add a HTML file to load the JavaScript. Create an `index.html` file and add the following:
 
@@ -351,7 +364,7 @@ The `hello-wasm/site` directory should look like this:
 ├── index.html
 ├── index.js
 ├── node_modules
-│   └── hello-wasm -> ../../pkg
+├── package-lock.json
 ├── package.json
 └── webpack.config.js
 ```
@@ -359,14 +372,38 @@ The `hello-wasm/site` directory should look like this:
 We're done making files. Let's give this a shot:
 
 ```bash
-npm install
 npm run serve
 ```
 
-This starts a web server. Load `http://localhost:8080` and an alert box appears on the screen, with `Hello, WebAssembly with npm!` in it. We've successfully used the Rust module with npm.
+This starts a web server and opens `http://localhost:8080`. You should see an alert box appears on the screen, with `Hello, WebAssembly with npm!` in it. We've successfully used the Rust module with npm!
+
+If you would like to use your WebAssembly outside of local development, you can publish the package using the `pack` and `publish` commands:
+
+```bash
+wasm-pack pack
+npm notice
+npm notice 📦  hello-wasm@0.1.0
+npm notice === Tarball Contents ===
+npm notice 1.6kB  README.md
+npm notice 2.5kB  hello_wasm_bg.js
+npm notice 17.5kB hello_wasm_bg.wasm
+npm notice 115B   hello_wasm.d.ts
+npm notice 157B   hello_wasm.js
+npm notice 531B   package.json
+...
+hello-wasm-0.1.0.tgz
+[INFO]: 🎒  packed up your package!
+```
+
+To publish to npm, you will need an [npm account](https://www.npmjs.com/) and authorize your machine using [`npm adduser`](https://docs.npmjs.com/cli/v10/commands/npm-adduser).
+When you are ready, you can publish using `wasm-pack` which calls `npm publish` under the hood:
+
+```bash
+wasm-pack publish
+```
 
 ## Conclusion
 
 This is the end of our tutorial; we hope you've found it useful.
 
-There's lots of exciting work going on in this space; if you'd like to help make it even better, check out [the Rust WebAssembly Working Group](https://fitzgeraldnick.com/2018/02/27/wasm-domain-working-group.html).
+There's lots of exciting work going on in this space; if you'd like to help make it even better, check out the [Rust and WebAssembly Working Group](https://github.com/rustwasm/team/blob/master/README.md#get-involved).

From fae5edbd37c1d82aefe2ffe85d497d7d95f1487d Mon Sep 17 00:00:00 2001
From: Jaen <github-primary@jaens.dev>
Date: Thu, 11 Jan 2024 09:35:35 -0800
Subject: [PATCH 370/790] Clarify `mouseleave` semantics on DOM removal
 (#30206)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Now that "fast navigation" JS frameworks are becoming more common, clarify that `mouseleave` events will **not** be triggered when page content is replaced.

This can leave the application in an "undefined" state since not every `mouseenter` will have a corresponding `mouseleave` event.

This subtle detail is often either overlooked or causes confusion, see eg.:

- [jquery - Mouseleave not triggered when element removed - Stack Overflow](https://stackoverflow.com/questions/16050256/mouseleave-not-triggered-when-element-removed)
- [javascript - mouseleave not firing after mouseenter changes HTML within anchor - Stack Overflow](https://stackoverflow.com/questions/29767524/mouseleave-not-firing-after-mouseenter-changes-html-within-anchor)
- [javascript - Mouseleave not firing when creating an element below cursor in Webkit - Stack Overflow](https://stackoverflow.com/questions/38682094/mouseleave-not-firing-when-creating-an-element-below-cursor-in-webkit)
- [1465469 - mouseout and mouseleave should not be dispatched on removed DOM node](https://bugzilla.mozilla.org/show_bug.cgi?id=1465469)
- [515921 - Mouseleave fires on elements no longer in the DOM - chromium](https://bugs.chromium.org/p/chromium/issues/detail?id=515921)
- [276329 - Mouseentermouseleave not triggered when element under cursor is removed or moved - chromium](https://bugs.chromium.org/p/chromium/issues/detail?id=276329)
- [120786 – Mouseenter-leave not triggered when element under cursor is movedremoved](https://bugs.webkit.org/show_bug.cgi?id=120786)
- [515921 - Mouseleave fires on elements no longer in the DOM - chromium](https://bugs.chromium.org/p/chromium/issues/detail?id=515921)

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/web/api/element/mouseleave_event/index.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/web/api/element/mouseleave_event/index.md b/files/en-us/web/api/element/mouseleave_event/index.md
index 9bb0dcf9d6234a2..f74770158784dbf 100644
--- a/files/en-us/web/api/element/mouseleave_event/index.md
+++ b/files/en-us/web/api/element/mouseleave_event/index.md
@@ -12,6 +12,8 @@ The **`mouseleave`** event is fired at an {{domxref("Element")}} when the cursor
 
 `mouseleave` and {{domxref("Element/mouseout_event", "mouseout")}} are similar but differ in that `mouseleave` does not bubble and `mouseout` does. This means that `mouseleave` is fired when the pointer has exited the element _and_ all of its descendants, whereas `mouseout` is fired when the pointer leaves the element _or_ leaves one of the element's descendants (even if the pointer is still within the element).
 
+The `mouseleave` and `mouseout` events will not be triggered when the element is replaced or removed from the DOM.
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.

From 25303939afac3b3e32350508b5aba6b9545d4702 Mon Sep 17 00:00:00 2001
From: Fabien MICHEL <fabien.michel@hespul.org>
Date: Thu, 11 Jan 2024 18:35:56 +0100
Subject: [PATCH 371/790] Indicate the geographical reference system (#30490)

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/web/api/geolocationcoordinates/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/api/geolocationcoordinates/index.md b/files/en-us/web/api/geolocationcoordinates/index.md
index b8e49411c17264e..38a8fce5c6272c8 100644
--- a/files/en-us/web/api/geolocationcoordinates/index.md
+++ b/files/en-us/web/api/geolocationcoordinates/index.md
@@ -8,6 +8,7 @@ browser-compat: api.GeolocationCoordinates
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
 The **`GeolocationCoordinates`** interface represents the position and altitude of the device on Earth, as well as the accuracy with which these properties are calculated.
+The geographic position information is provided in terms of World Geodetic System coordinates (WGS84).
 
 ## Instance properties
 

From c5c4de9f2a4eec6a4da4a973e0e5176b6296cb24 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 12 Jan 2024 01:54:36 +0800
Subject: [PATCH 372/790] Fix self-links of `enterpictureinpicture` event and
 `leavepictureinpicture` event of the `HTMLVideoElement` element (#31653)

fix
---
 files/en-us/web/api/htmlvideoelement/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/htmlvideoelement/index.md b/files/en-us/web/api/htmlvideoelement/index.md
index 3d24f34f669d6b5..f87645d755dd6fb 100644
--- a/files/en-us/web/api/htmlvideoelement/index.md
+++ b/files/en-us/web/api/htmlvideoelement/index.md
@@ -61,9 +61,9 @@ _Inherits events from its parent interface, {{domxref("HTMLMediaElement")}}, and
 Listen to these events using {{domxref("EventTarget.addEventListener", "addEventListener()")}} or by assigning an event listener to the `oneventname` property of this interface.
 
 - {{DOMxRef("HTMLVideoElement.enterpictureinpicture_event", "enterpictureinpicture")}}
-  - : Sent to a {{DOMxRef("HTMLVideoElement")}} when it enters Picture-in-Picture mode.
+  - : Fired when the `HTMLVideoElement` enters picture-in-picture mode successfully.
 - {{DOMxRef("HTMLVideoElement.leavepictureinpicture_event", "leavepictureinpicture")}}
-  - : Sent to a {{DOMxRef("HTMLVideoElement")}} when it leaves Picture-in-Picture mode.
+  - : Fired when the `HTMLVideoElement` leaves picture-in-picture mode successfully.
 
 ## Specifications
 

From f9c2e71b460a688681e4b4b4ddedd01195cd22f8 Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Fri, 12 Jan 2024 00:20:20 +0100
Subject: [PATCH 373/790] Remove mention of CSSOMString (#31611)

---
 files/en-us/web/css/css_conditional_rules/index.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/en-us/web/css/css_conditional_rules/index.md b/files/en-us/web/css/css_conditional_rules/index.md
index 08511ef0db24775..6c01f2988f19818 100644
--- a/files/en-us/web/css/css_conditional_rules/index.md
+++ b/files/en-us/web/css/css_conditional_rules/index.md
@@ -96,7 +96,6 @@ There are plans to further extend possible queries by adding the generalized con
   - {{domxref("CSS")}} API
   - {{domxref("CSSGroupingRule")}} API
   - {{domxref("MediaQueryList")}} API
-  - {{domxref("CSSOMString")}} API
   - {{domxref("CSSRule")}} API
   - {{domxref("MediaList")}} interface
     - {{domxref("MediaList.mediaText")}} property

From f0d16e95e4f4084f160e767b1a12c8a7b4562415 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Thu, 11 Jan 2024 21:48:02 -0800
Subject: [PATCH 374/790] See also for parts attribute (#31598)

---
 files/en-us/web/html/global_attributes/part/index.md | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/html/global_attributes/part/index.md b/files/en-us/web/html/global_attributes/part/index.md
index 664f8f632b83c76..cec5f9f2938e0b9 100644
--- a/files/en-us/web/html/global_attributes/part/index.md
+++ b/files/en-us/web/html/global_attributes/part/index.md
@@ -9,7 +9,7 @@ browser-compat: html.global_attributes.part
 
 The **`part`** [global attribute](/en-US/docs/Web/HTML/Global_attributes) contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the {{CSSxRef("::part")}} pseudo-element.
 
-See our [Shadow part example](https://mdn.github.io/web-components-examples/shadow-part/) for a usage example.
+See the [`exportparts` attribute](/en-US/docs/Web/HTML/Global_attributes/exportparts) for a usage example.
 
 ## Specifications
 
@@ -21,4 +21,10 @@ See our [Shadow part example](https://mdn.github.io/web-components-examples/shad
 
 ## See also
 
-- All [global attributes](/en-US/docs/Web/HTML/Global_attributes).
+- [`exportparts`](/en-US/docs/Web/HTML/Global_attributes/exportparts) HTML attribute
+- {{HTMLElement("template")}} and {{HTMLElement("slot")}} HTML elements
+- {{CSSXref("::part")}} and {{CSSXref("::slotted")}} CSS pseudo-elements
+- [`ShadowRoot`]("/en-US/docs/Web/API/ShadowRoot) interface
+- {{DOMxRef("Element.part")}} property
+- [Using templates and slots](/en-US/docs/Web/API/Web_components/Using_templates_and_slots)
+- [CSS scoping](/en-US/docs/Web/CSS/CSS_scoping) module

From 79eb9017b1a2ea41c03aae8dda9091c639f8403b Mon Sep 17 00:00:00 2001
From: YecineM <45966855+YecineM@users.noreply.github.com>
Date: Fri, 12 Jan 2024 07:19:10 +0100
Subject: [PATCH 375/790] corrected a typo (#31669)

A bad typo there, that changed the whole meaning
---
 .../web/javascript/reference/statements/async_function/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/statements/async_function/index.md b/files/en-us/web/javascript/reference/statements/async_function/index.md
index c0f718dbb5ee47d..a080be1a1032fff 100644
--- a/files/en-us/web/javascript/reference/statements/async_function/index.md
+++ b/files/en-us/web/javascript/reference/statements/async_function/index.md
@@ -43,7 +43,7 @@ async function name(param0, param1, /* …, */ paramN) {
 
 An `async function` declaration creates an {{jsxref("AsyncFunction")}} object. Each time when an async function is called, it returns a new {{jsxref("Promise")}} which will be resolved with the value returned by the async function, or rejected with an exception uncaught within the async function.
 
-Async functions can contain zero or more {{jsxref("Operators/await", "await")}} expressions. Await expressions make promise-returning functions behave as though they're synchronous by suspending execution until the returned promise is fulfilled or rejected. The resolved value of the promise is treated as the return value of the await expression. Use of `async` and `await` enables the use of ordinary `try` / `catch` blocks around asynchronous code.
+Async functions can contain zero or more {{jsxref("Operators/await", "await")}} expressions. Await expressions make promise-returning functions behave as though they're asynchronous by suspending execution until the returned promise is fulfilled or rejected. The resolved value of the promise is treated as the return value of the await expression. Use of `async` and `await` enables the use of ordinary `try` / `catch` blocks around asynchronous code.
 
 > **Note:** The `await` keyword is only valid inside async functions within regular JavaScript code. If you use it outside of an async function's body, you will get a {{jsxref("SyntaxError")}}.
 >

From fb3ef3857ca1d77cc720deba0c12d7a3313b85b4 Mon Sep 17 00:00:00 2001
From: Dipika Bhattacharya <dipika@foss-community.org>
Date: Fri, 12 Jan 2024 03:26:55 -0500
Subject: [PATCH 376/790] docs: Add link to MDN Blog post about border images
 (#31619)

add blog link to see also
---
 files/en-us/web/css/border-image-outset/index.md | 1 +
 files/en-us/web/css/border-image-repeat/index.md | 1 +
 files/en-us/web/css/border-image-slice/index.md  | 1 +
 files/en-us/web/css/border-image-source/index.md | 1 +
 files/en-us/web/css/border-image-width/index.md  | 1 +
 files/en-us/web/css/border-image/index.md        | 1 +
 6 files changed, 6 insertions(+)

diff --git a/files/en-us/web/css/border-image-outset/index.md b/files/en-us/web/css/border-image-outset/index.md
index 495d4356f47a889..e0c8ac1b3ae9b9b 100644
--- a/files/en-us/web/css/border-image-outset/index.md
+++ b/files/en-us/web/css/border-image-outset/index.md
@@ -100,3 +100,4 @@ The `border-image-outset` property may be specified as one, two, three, or four
 
 - [Backgrounds and borders](/en-US/docs/Web/CSS/CSS_backgrounds_and_borders)
 - [Learn CSS: Backgrounds and borders](/en-US/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders)
+- [Border images in CSS: A key focus area for Interop 2023](/en-US/blog/border-images-interop-2023/) on MDN blog (2023)
diff --git a/files/en-us/web/css/border-image-repeat/index.md b/files/en-us/web/css/border-image-repeat/index.md
index 2ccc2384df5b51a..895eb0486ff6d71 100644
--- a/files/en-us/web/css/border-image-repeat/index.md
+++ b/files/en-us/web/css/border-image-repeat/index.md
@@ -109,3 +109,4 @@ repetition.addEventListener("change", (evt) => {
 
 - [Backgrounds and borders](/en-US/docs/Web/CSS/CSS_backgrounds_and_borders)
 - [Learn CSS: Backgrounds and borders](/en-US/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders)
+- [Border images in CSS: A key focus area for Interop 2023](/en-US/blog/border-images-interop-2023/) on MDN blog (2023)
diff --git a/files/en-us/web/css/border-image-slice/index.md b/files/en-us/web/css/border-image-slice/index.md
index 50e13b022e23fe6..0063d38aaa4cf95 100644
--- a/files/en-us/web/css/border-image-slice/index.md
+++ b/files/en-us/web/css/border-image-slice/index.md
@@ -179,3 +179,4 @@ sliceSlider.addEventListener("input", () => {
 ## See also
 
 - [Illustrated description of the 1-to-4-value syntax](/en-US/docs/Web/CSS/Shorthand_properties#tricky_edge_cases)
+- [Border images in CSS: A key focus area for Interop 2023](/en-US/blog/border-images-interop-2023/) on MDN blog (2023)
diff --git a/files/en-us/web/css/border-image-source/index.md b/files/en-us/web/css/border-image-source/index.md
index bf59780fd7d0265..9f12d959c6732c3 100644
--- a/files/en-us/web/css/border-image-source/index.md
+++ b/files/en-us/web/css/border-image-source/index.md
@@ -71,3 +71,4 @@ border-image-source: unset;
 - {{cssxref("box-shadow")}}
 - {{cssxref("background-image")}}
 - {{cssxref("url", "url()")}} function
+- [Border images in CSS: A key focus area for Interop 2023](/en-US/blog/border-images-interop-2023/) on MDN blog (2023)
diff --git a/files/en-us/web/css/border-image-width/index.md b/files/en-us/web/css/border-image-width/index.md
index 0d43fd39bd03148..c4d1aaff7efcc27 100644
--- a/files/en-us/web/css/border-image-width/index.md
+++ b/files/en-us/web/css/border-image-width/index.md
@@ -117,3 +117,4 @@ p {
 
 - [Backgrounds and borders](/en-US/docs/Web/CSS/CSS_backgrounds_and_borders)
 - [Learn CSS: Backgrounds and borders](/en-US/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders)
+- [Border images in CSS: A key focus area for Interop 2023](/en-US/blog/border-images-interop-2023/) on MDN blog (2023)
diff --git a/files/en-us/web/css/border-image/index.md b/files/en-us/web/css/border-image/index.md
index 558a3ad1525507e..5cc72e023c0e79f 100644
--- a/files/en-us/web/css/border-image/index.md
+++ b/files/en-us/web/css/border-image/index.md
@@ -156,3 +156,4 @@ To match the size of a single diamond, we will use a value of 81 divided by 3, o
 - {{cssxref("background-image")}}
 - {{cssxref("url", "url()")}} function
 - Gradient functions: {{CSSxRef("gradient/conic-gradient", "conic-gradient()")}}, {{CSSxRef("gradient/repeating-conic-gradient", "repeating-conic-gradient()")}}, {{CSSxRef("gradient/linear-gradient", "linear-gradient()")}}, {{CSSxRef("gradient/repeating-linear-gradient", "repeating-linear-gradient()")}}, {{CSSxRef("gradient/radial-gradient", "radial-gradient()")}}, {{CSSxRef("gradient/repeating-radial-gradient", "repeating-radial-gradient()")}}
+- [Border images in CSS: A key focus area for Interop 2023](/en-US/blog/border-images-interop-2023/) on MDN blog (2023)

From 3a0b2df4396eac14f3439c1e517707a2f442c7ee Mon Sep 17 00:00:00 2001
From: Bartosz Klonowski <70535775+BartoszKlonowski@users.noreply.github.com>
Date: Fri, 12 Jan 2024 09:28:04 +0100
Subject: [PATCH 377/790] Remove mention of `geckoversion` being equal to
 `firefoxversion` (#31668)

Remove mention of geckoversion equal to firefoxversion
---
 files/en-us/web/http/headers/user-agent/firefox/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/headers/user-agent/firefox/index.md b/files/en-us/web/http/headers/user-agent/firefox/index.md
index 2827efbb4ae35bb..8c15bef7b5c5d95 100644
--- a/files/en-us/web/http/headers/user-agent/firefox/index.md
+++ b/files/en-us/web/http/headers/user-agent/firefox/index.md
@@ -17,7 +17,7 @@ The UA string of Firefox itself is broken down into four components:
 - `Mozilla/5.0` is the general token that says the browser is Mozilla compatible, and is common to almost every browser today.
 - `platform` describes the native platform the browser is running on (e.g. Windows, Mac, Linux or Android), and whether or not it's a mobile phone. Firefox OS phones say "`Mobile`"; the web is the platform. Note that `platform` can consist of multiple "; "-separated tokens. See below for further details and examples.
 
-- `rv:geckoversion` indicates the release version of Gecko (such as "`17.0`"). In recent browsers, `geckoversion` is the same as `firefoxversion`.
+- `rv:geckoversion` indicates the release version of Gecko (such as "`17.0`").
 - `Gecko/geckotrail` indicates that the browser is based on Gecko.
 - On Desktop, `geckotrail` is the fixed string "`20100101`"
 - `Firefox/firefoxversion` indicates the browser is Firefox, and provides the version (such as "`17.0`").

From b8eb6acf2fa8e54254b1165e58adbe2378591da1 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 12 Jan 2024 16:42:39 +0800
Subject: [PATCH 378/790] Add Exception section for `History` interface &
 update groupdata for History API (#31660)

* add Window.history to group data

* update exception section

* style update

* text update
---
 files/en-us/web/api/history/back/index.md             |  7 ++++++-
 files/en-us/web/api/history/forward/index.md          |  7 ++++++-
 files/en-us/web/api/history/go/index.md               |  7 ++++++-
 files/en-us/web/api/history/index.md                  |  4 ++--
 files/en-us/web/api/history/length/index.md           |  4 ++--
 files/en-us/web/api/history/pushstate/index.md        | 10 ++++++++--
 files/en-us/web/api/history/replacestate/index.md     | 11 +++++++++--
 .../en-us/web/api/history/scrollrestoration/index.md  |  2 +-
 files/en-us/web/api/history/state/index.md            |  2 +-
 files/jsondata/GroupData.json                         |  2 +-
 10 files changed, 42 insertions(+), 14 deletions(-)

diff --git a/files/en-us/web/api/history/back/index.md b/files/en-us/web/api/history/back/index.md
index 23e01fea9d64d22..5ad5e1f3bc3e39c 100644
--- a/files/en-us/web/api/history/back/index.md
+++ b/files/en-us/web/api/history/back/index.md
@@ -8,7 +8,7 @@ browser-compat: api.History.back
 
 {{APIRef("History API")}}
 
-The **`History.back()`** method causes
+The **`back()`** method of the {{domxref("History")}} interface causes
 the browser to move back one page in the session history.
 
 It has the same
@@ -32,6 +32,11 @@ None.
 
 None ({{jsxref("undefined")}}).
 
+### Exceptions
+
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the associated document is not fully active.
+
 ## Examples
 
 The following short example causes a button on the page to navigate back one entry in
diff --git a/files/en-us/web/api/history/forward/index.md b/files/en-us/web/api/history/forward/index.md
index 3f0a84d3a7bf8c9..844d54c542c3718 100644
--- a/files/en-us/web/api/history/forward/index.md
+++ b/files/en-us/web/api/history/forward/index.md
@@ -8,7 +8,7 @@ browser-compat: api.History.forward
 
 {{APIRef("History API")}}
 
-The **`History.forward()`** method causes the browser to move
+The **`forward()`** method of the {{domxref("History")}} interface causes the browser to move
 forward one page in the session history. It has the same effect as calling
 {{domxref("History.go", "history.go(1)")}}.
 
@@ -28,6 +28,11 @@ None.
 
 None ({{jsxref("undefined")}}).
 
+### Exceptions
+
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the associated document is not fully active.
+
 ## Examples
 
 The following examples create a button that moves forward one step in the session
diff --git a/files/en-us/web/api/history/go/index.md b/files/en-us/web/api/history/go/index.md
index 03dcda269d54887..f804f359b16cc76 100644
--- a/files/en-us/web/api/history/go/index.md
+++ b/files/en-us/web/api/history/go/index.md
@@ -8,7 +8,7 @@ browser-compat: api.History.go
 
 {{APIRef("History API")}}
 
-The **`History.go()`** method loads a specific page from the
+The **`go()`** method of the {{domxref("History")}} interface loads a specific page from the
 session history. You can use it to move forwards and backwards through the history
 depending on the value of a parameter.
 
@@ -35,6 +35,11 @@ go(delta)
 
 None ({{jsxref("undefined")}}).
 
+### Exceptions
+
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the associated document is not fully active.
+
 ## Examples
 
 To move back one page (the equivalent of calling {{domxref("History.back",
diff --git a/files/en-us/web/api/history/index.md b/files/en-us/web/api/history/index.md
index b7bc5388db39a31..0f78efdc5a1ca4a 100644
--- a/files/en-us/web/api/history/index.md
+++ b/files/en-us/web/api/history/index.md
@@ -5,9 +5,9 @@ page-type: web-api-interface
 browser-compat: api.History
 ---
 
-{{ APIRef("History API") }}
+{{APIRef("History API")}}
 
-The **`History`** interface allows manipulation of the browser _session history_, that is the pages visited in the tab or frame that the current page is loaded in.
+The **`History`** interface of the {{domxref("History API", "", "", "nocode")}} allows manipulation of the browser _session history_, that is the pages visited in the tab or frame that the current page is loaded in.
 
 There is only one instance of `history` (It is a _singleton_.) accessible via the global object {{domxref("Window.history", "history")}}.
 
diff --git a/files/en-us/web/api/history/length/index.md b/files/en-us/web/api/history/length/index.md
index a0779bdd902dfe9..f28e93819cb76c8 100644
--- a/files/en-us/web/api/history/length/index.md
+++ b/files/en-us/web/api/history/length/index.md
@@ -8,8 +8,8 @@ browser-compat: api.History.length
 
 {{APIRef("History API")}}
 
-The **`History.length`** read-only
-property returns an integer representing the number of elements in the session
+The **`length`** read-only property of the {{DOMxRef("History")}} interface
+returns an integer representing the number of elements in the session
 history, including the currently loaded page.
 
 For example, for a page loaded in a new tab this property returns `1`.
diff --git a/files/en-us/web/api/history/pushstate/index.md b/files/en-us/web/api/history/pushstate/index.md
index fbfb15c08b83ca3..594f29bbe569f6c 100644
--- a/files/en-us/web/api/history/pushstate/index.md
+++ b/files/en-us/web/api/history/pushstate/index.md
@@ -8,8 +8,7 @@ browser-compat: api.History.pushState
 
 {{APIRef("History API")}}
 
-In an [HTML](/en-US/docs/Web/HTML) document, the
-**`history.pushState()`** method adds an entry to the browser's
+The **`pushState()`** method of the {{domxref("History")}} interface adds an entry to the browser's
 session history stack.
 
 ## Syntax
@@ -50,6 +49,13 @@ pushState(state, unused, url)
 
 None ({{jsxref("undefined")}}).
 
+### Exceptions
+
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the associated document is not fully active, or if the provided `url` parameter is not a valid URL.
+- `DataCloneError` {{domxref("DOMException")}}
+  - : Thrown if the provided `state` parameter is not serializable.
+
 ## Description
 
 In a sense, calling `pushState()` is similar to
diff --git a/files/en-us/web/api/history/replacestate/index.md b/files/en-us/web/api/history/replacestate/index.md
index d0da00631c71a71..79954737ac843da 100644
--- a/files/en-us/web/api/history/replacestate/index.md
+++ b/files/en-us/web/api/history/replacestate/index.md
@@ -8,7 +8,7 @@ browser-compat: api.History.replaceState
 
 {{APIRef("History API")}}
 
-The **`History.replaceState()`** method modifies the current
+The **`replaceState()`** method of the {{domxref("History")}} interface modifies the current
 history entry, replacing it with the state object and
 URL passed in the method parameters. This method is particularly useful
 when you want to update the state object or URL of the current history entry in response
@@ -31,12 +31,19 @@ replaceState(state, unused, url)
   - : This parameter exists for historical reasons, and cannot be omitted; passing the empty string is traditional, and safe against future changes to the method.
 - `url` {{optional_inline}}
   - : The URL of the history entry. The new URL must be of the same origin as the current
-    URL; otherwise replaceState throws an exception.
+    URL; otherwise the `replaceState()` method throws an exception.
 
 ### Return value
 
 None ({{jsxref("undefined")}}).
 
+### Exceptions
+
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the associated document is not fully active, or if the provided `url` parameter is not a valid URL.
+- `DataCloneError` {{domxref("DOMException")}}
+  - : Thrown if the provided `state` parameter is not serializable.
+
 ## Examples
 
 Suppose `https://www.mozilla.org/foo.html` executes the following JavaScript:
diff --git a/files/en-us/web/api/history/scrollrestoration/index.md b/files/en-us/web/api/history/scrollrestoration/index.md
index 9d46c9e982a73dd..df01f418ec02379 100644
--- a/files/en-us/web/api/history/scrollrestoration/index.md
+++ b/files/en-us/web/api/history/scrollrestoration/index.md
@@ -8,7 +8,7 @@ browser-compat: api.History.scrollRestoration
 
 {{APIRef("History API")}}
 
-The **`scrollRestoration`** property of {{DOMxRef("History")}}
+The **`scrollRestoration`** property of the {{DOMxRef("History")}}
 interface allows web applications to explicitly set default scroll restoration behavior
 on history navigation.
 
diff --git a/files/en-us/web/api/history/state/index.md b/files/en-us/web/api/history/state/index.md
index 88855bf8f139a0f..830433f2f759368 100644
--- a/files/en-us/web/api/history/state/index.md
+++ b/files/en-us/web/api/history/state/index.md
@@ -8,7 +8,7 @@ browser-compat: api.History.state
 
 {{APIRef("History API")}}
 
-The **`History.state`** read-only property
+The **`state`** read-only property of the {{DOMxRef("History")}} interface
 returns a value representing the state at the top of the history stack. This is
 a way to look at the state without having to wait for a {{domxref("Window/popstate_event", "popstate")}} event.
 
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 739702e8b2d971d..25a9f0e206bfe82 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -593,7 +593,7 @@
       "guides": ["/docs/Web/API/History_API/Working_with_the_History_API"],
       "interfaces": ["History", "PopStateEvent"],
       "methods": [],
-      "properties": [],
+      "properties": ["Window.history"],
       "events": ["Window: popstate"]
     },
     "Houdini API": {

From 3eea6ef9070a54ffd6379164ff9fd39db66b5172 Mon Sep 17 00:00:00 2001
From: Cameron Steffen <cam.steffen94@gmail.com>
Date: Fri, 12 Jan 2024 05:09:33 -0600
Subject: [PATCH 379/790] Remove OPTIONS from Access-Control-Allow-Methods
 example (#31470)

OPTIONS is not necessary
---
 .../web/http/headers/access-control-allow-methods/index.md      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/headers/access-control-allow-methods/index.md b/files/en-us/web/http/headers/access-control-allow-methods/index.md
index 9c6ef6c24f286a2..8a1e98aef8e83a4 100644
--- a/files/en-us/web/http/headers/access-control-allow-methods/index.md
+++ b/files/en-us/web/http/headers/access-control-allow-methods/index.md
@@ -43,7 +43,7 @@ Access-Control-Allow-Methods: *
 ## Examples
 
 ```http
-Access-Control-Allow-Methods: POST, GET, OPTIONS
+Access-Control-Allow-Methods: GET, POST
 Access-Control-Allow-Methods: *
 ```
 

From 41f8475b594cf2cbb6cb2d332275a373f46a1328 Mon Sep 17 00:00:00 2001
From: pkchv <kamil.sieniawski@gmail.com>
Date: Fri, 12 Jan 2024 12:23:25 +0100
Subject: [PATCH 380/790] update proposal in http/methods/options/index.md
 (#31615)

update http/methods/options/index.md
---
 files/en-us/web/http/methods/options/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/methods/options/index.md b/files/en-us/web/http/methods/options/index.md
index c49c1552a4120b4..ce0c8df3e90c31b 100644
--- a/files/en-us/web/http/methods/options/index.md
+++ b/files/en-us/web/http/methods/options/index.md
@@ -17,7 +17,7 @@ The **HTTP `OPTIONS` method** requests permitted communication options for a giv
     </tr>
     <tr>
       <th scope="row">Successful response has body</th>
-      <td>Yes</td>
+      <td>May</td>
     </tr>
     <tr>
       <th scope="row">{{Glossary("Safe/HTTP", "Safe")}}</th>

From f1177f3b139cce429083f12bb4b3dca8e9140f58 Mon Sep 17 00:00:00 2001
From: pkchv <kamil.sieniawski@gmail.com>
Date: Fri, 12 Jan 2024 12:32:19 +0100
Subject: [PATCH 381/790] Update /web/http/methods/trace/index.md (#31655)

update /web/http/methods/trace/index.md
---
 files/en-us/web/http/methods/trace/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/methods/trace/index.md b/files/en-us/web/http/methods/trace/index.md
index 02e8a18c16bc3ff..ce231ffe3e69bff 100644
--- a/files/en-us/web/http/methods/trace/index.md
+++ b/files/en-us/web/http/methods/trace/index.md
@@ -21,7 +21,7 @@ Note that the client must not send content in the request, or generate fields th
     </tr>
     <tr>
       <th scope="row">Successful response has body</th>
-      <td>No</td>
+      <td>Yes</td>
     </tr>
     <tr>
       <th scope="row">{{Glossary("Safe/HTTP", "Safe")}}</th>

From d8f4d73ec2f338dd6d7319619463843815561cc6 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Fri, 12 Jan 2024 12:41:16 +0100
Subject: [PATCH 382/790] relnote(122): SVG use elements cannot use data URIs
 (#31124)

* relnote(122): SVG use elements cannot use data URIs

* Update files/en-us/mozilla/firefox/releases/122/index.md

Co-authored-by: Vadim Makeev <hi@pepelsbey.dev>

---------

Co-authored-by: Vadim Makeev <hi@pepelsbey.dev>
---
 files/en-us/mozilla/firefox/releases/122/index.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index 3c52da5fab86d90..97c691473c7b584 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -38,6 +38,9 @@ This article provides information about the changes in Firefox 122 that affect d
 
 #### Removals
 
+- Removed support for `data:` URLs in SVG `<use>` elements and via the [`SVGUseElement`](/en-US/docs/Web/API/SVGUseElement) interface to prevent [XSS](/en-US/docs/Glossary/Cross-site_scripting) attacks.
+  The legacy functionality may be re-enabled by setting the `svg.use-element.data-url-href.allowed` preference to `true`, although this is not recommended for security reasons ([Firefox bug 1806964](https://bugzil.la/1806964)).
+
 ### HTTP
 
 #### Removals

From b15c892914bbaa51a8c8f288426ebc6d5c1d57f8 Mon Sep 17 00:00:00 2001
From: "Queen Vinyl Da.i'gyu-Kazotetsu" <vinyldarkscratch@gmail.com>
Date: Fri, 12 Jan 2024 05:09:47 -0800
Subject: [PATCH 383/790] Revert "corrected a typo" (#31679)

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

diff --git a/files/en-us/web/javascript/reference/statements/async_function/index.md b/files/en-us/web/javascript/reference/statements/async_function/index.md
index a080be1a1032fff..c0f718dbb5ee47d 100644
--- a/files/en-us/web/javascript/reference/statements/async_function/index.md
+++ b/files/en-us/web/javascript/reference/statements/async_function/index.md
@@ -43,7 +43,7 @@ async function name(param0, param1, /* …, */ paramN) {
 
 An `async function` declaration creates an {{jsxref("AsyncFunction")}} object. Each time when an async function is called, it returns a new {{jsxref("Promise")}} which will be resolved with the value returned by the async function, or rejected with an exception uncaught within the async function.
 
-Async functions can contain zero or more {{jsxref("Operators/await", "await")}} expressions. Await expressions make promise-returning functions behave as though they're asynchronous by suspending execution until the returned promise is fulfilled or rejected. The resolved value of the promise is treated as the return value of the await expression. Use of `async` and `await` enables the use of ordinary `try` / `catch` blocks around asynchronous code.
+Async functions can contain zero or more {{jsxref("Operators/await", "await")}} expressions. Await expressions make promise-returning functions behave as though they're synchronous by suspending execution until the returned promise is fulfilled or rejected. The resolved value of the promise is treated as the return value of the await expression. Use of `async` and `await` enables the use of ordinary `try` / `catch` blocks around asynchronous code.
 
 > **Note:** The `await` keyword is only valid inside async functions within regular JavaScript code. If you use it outside of an async function's body, you will get a {{jsxref("SyntaxError")}}.
 >

From 587017ed4445381fad07f0982b0d41ac3df871d6 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Sat, 13 Jan 2024 03:26:17 +1100
Subject: [PATCH 384/790] Ff122 expr intl segmenter (#31209)

FF122 ExprFeat - Intl.Segmenter nightly
---
 .../firefox/experimental_features/index.md    | 42 +++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index 3a38144d0a10380..2b8c99df01b2560 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -1007,6 +1007,48 @@ This includes: `SVGPathSegList`, [SVGPathElement.getPathSegAtLength()](/en-US/do
 
 ## JavaScript
 
+### Intl.Segmenter
+
+The {{jsxref("Intl.Segmenter")}} is supported in nightly builds, allowing developers to perform locale-sensitive text segmentation.
+This enables splitting a string into meaningful items (graphemes, words or sentences) in different locales.
+(See [Firefox bug 1423593](https://bugzil.la/1423593) for more details.)
+
+<table>
+  <thead>
+    <tr>
+      <th>Release channel</th>
+      <th>Version added</th>
+      <th>Enabled by default?</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th>Nightly</th>
+      <td>122</td>
+      <td>Yes</td>
+    </tr>
+    <tr>
+      <th>Developer Edition</th>
+      <td>NA</td>
+      <td>No</td>
+    </tr>
+    <tr>
+      <th>Beta</th>
+      <td>NA</td>
+      <td>No</td>
+    </tr>
+    <tr>
+      <th>Release</th>
+      <td>NA</td>
+      <td>No</td>
+    </tr>
+    <tr>
+      <th>Preference name</th>
+      <td colspan="2">None</td>
+    </tr>
+  </tbody>
+</table>
+
 ## APIs
 
 ### Graphics: Canvas, WebGL, and WebGPU

From 18696d0c4bedd2dbc7b415be4da72e2beaf6bfbb Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Fri, 12 Jan 2024 22:14:08 +0530
Subject: [PATCH 385/790] fix(css): update intro paragraph in styling text
 fundamentals page (#31678)

---
 files/en-us/learn/css/styling_text/fundamentals/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/css/styling_text/fundamentals/index.md b/files/en-us/learn/css/styling_text/fundamentals/index.md
index f28d31a1857d1eb..a9d1506526cc846 100644
--- a/files/en-us/learn/css/styling_text/fundamentals/index.md
+++ b/files/en-us/learn/css/styling_text/fundamentals/index.md
@@ -32,7 +32,7 @@ In this article we'll start you on your journey towards mastering text styling w
 
 ## What is involved in styling text in CSS?
 
-If you have worked with HTML or CSS already, e.g., by working through these tutorials in order, then you know that text inside an element is laid out inside the element's content box. It starts at the top left of the content area (or the top right, in the case of RTL language content), and flows towards the end of the line. Once it reaches the end, it goes down to the next line and flows to the end again. This pattern repeats until all the content has been placed in the box. Text content effectively behaves like a series of inline elements, being laid out on lines adjacent to one another, and not creating line breaks until the end of the line is reached, or unless you force a line break manually using the {{htmlelement("br")}} element.
+Text inside an element is laid out inside the element's [content box](/en-US/docs/Learn/CSS/Building_blocks/The_box_model#parts_of_a_box). It starts at the top left of the content area (or the top right, in the case of RTL language content), and flows towards the end of the line. Once it reaches the end, it goes down to the next line and flows to the end again. This pattern repeats until all the content has been placed in the box. Text content effectively behaves like a series of inline elements, being laid out on lines adjacent to one another, and not creating line breaks until the end of the line is reached, or unless you force a line break manually using the {{htmlelement("br")}} element.
 
 > **Note:** If the above paragraph leaves you feeling confused, then no matter — go back and review our [Box model](/en-US/docs/Learn/CSS/Building_blocks/The_box_model) article to brush up on the box model theory before carrying on.
 

From f89e8d2cf95ea83cba9a1d8e8208d241c773e5c9 Mon Sep 17 00:00:00 2001
From: Faith Chilongani <104050060+faithchilo@users.noreply.github.com>
Date: Fri, 12 Jan 2024 20:02:09 +0300
Subject: [PATCH 386/790] Update index.md (#31640)

* Update index.md

In the file I have corrected a typo at the "hiding a column by changing style properties" instead of the "col === 0" I put "i === 0" because the variable "col" is not defined in the script. Thus, using col the code was not working. Also,, at the "Getting a text node from the table" there was a type at part b) (I am not sure of the change though.

* Apply suggestions from code review

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 .../index.md                                                    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md b/files/en-us/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md
index 423cc32169ec0b7..c2088cf83748da0 100644
--- a/files/en-us/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md
+++ b/files/en-us/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md
@@ -329,7 +329,7 @@ The basic steps to create the table in sample1.html are:
 
 This example introduces two new DOM attributes. First it uses the `childNodes` attribute to get the list of child nodes of myCell. The `childNodes` list includes all child nodes, regardless of what their name or type is. Like `getElementsByTagName()`, it returns a list of nodes.
 
-The differences are that (a) `getElementsByTagName()` only returns elements of the specified tag name; and (b) `getElementsByTagName()` returns descendants at any level, not just immediate children.
+The differences are that (a) `getElementsByTagName()` only returns elements of the specified tag name; and (b) `childNodes` includes all descendants at any level, not just immediate children.
 
 Once you have the returned list, use `[x]` method to retrieve the desired child item. This example stores in `myCellText` the text node of the second cell in the second row of the table.
 

From 89eeeef0be6c1976dbe6e87781ae338314dd6a2a Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Fri, 12 Jan 2024 19:45:47 +0100
Subject: [PATCH 387/790] chore(deps): Bump markdownlint-cli2 v0.12.0,
 (markdownlint v0.33.0) (#31682)

---
 .markdownlint.jsonc                    |  4 +-
 files/en-us/web/css/@supports/index.md |  6 +-
 package.json                           |  2 +-
 yarn.lock                              | 83 +++++++++++++-------------
 4 files changed, 48 insertions(+), 47 deletions(-)

diff --git a/.markdownlint.jsonc b/.markdownlint.jsonc
index d07886f1046e24b..866cca31ba953ad 100644
--- a/.markdownlint.jsonc
+++ b/.markdownlint.jsonc
@@ -17,7 +17,7 @@
   },
   "line-length": false,
   "no-duplicate-heading": {
-    "allow_different_nesting": true
+    "siblings_only": true
   },
   "single-title": {
     "front_matter_title": "^\\s*title\\s*[:=]"
@@ -208,7 +208,7 @@
       },
       {
         "name": "un-closed-md-link",
-        "message": "Missng closing bracket ')'",
+        "message": "Missing closing bracket ')'",
         "searchPattern": "/(\\[[^\\]]*?\\]\\(([^\\)\\n]|\\([^\\)\\n]\\)|\\s[\"'])+?)(\\n|\\s|[,:][\\s\\n])/gm",
         "searchScope": "text"
       }
diff --git a/files/en-us/web/css/@supports/index.md b/files/en-us/web/css/@supports/index.md
index 77bc42b071bb069..308dbd73cd992a5 100644
--- a/files/en-us/web/css/@supports/index.md
+++ b/files/en-us/web/css/@supports/index.md
@@ -78,17 +78,17 @@ The table below describes the font technologies (`<font-tech>`), including color
 
 | Technology                     | Supports                                                                                      |
 | :----------------------------- | :-------------------------------------------------------------------------------------------- |
-| **`<color-font-tech>`**        |
+| **`<color-font-tech>`**        |                                                                                               |
 | `color-colrv0`                 | Multi-colored glyphs via COLR version 0 table                                                 |
 | `color-colrv1`                 | Multi-colored glyphs via COLR version 1 table                                                 |
 | `color-svg`                    | SVG multi-colored tables                                                                      |
 | `color-sbix`                   | Standard bitmap graphics tables                                                               |
 | `color-cbdt`                   | Color bitmap data tables                                                                      |
-| **`<font-features-tech>`**     |
+| **`<font-features-tech>`**     |                                                                                               |
 | `features-opentype`            | OpenType `GSUB` and `GPOS` tables                                                             |
 | `features-aat`                 | TrueType `morx` and `kerx` tables                                                             |
 | `features-graphite`            | Graphite features, namely `Silf`, `Glat` , `Gloc` , `Feat`, and `Sill` tables                 |
-| **Other `<font-tech>` values** |
+| **Other `<font-tech>` values** |                                                                                               |
 | `incremental-patch`            | Incremental font loading using the patch subset method                                        |
 | `incremental-range`            | Incremental font loading using the range request method                                       |
 | `incremental-auto`             | Incremental font loading using method negotiation                                             |
diff --git a/package.json b/package.json
index 2223982d83625cc..bd2baf86c74ac49 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "husky": "8.0.3",
     "js-yaml": "^4.1.0",
     "lint-staged": "15.2.0",
-    "markdownlint-cli2": "0.11.0",
+    "markdownlint-cli2": "0.12.0",
     "markdownlint-rule-search-replace": "1.2.0",
     "prettier": "3.1.1"
   },
diff --git a/yarn.lock b/yarn.lock
index d892426253a7786..0b778afb1499dbb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2713,11 +2713,6 @@ entities@^4.2.0, entities@^4.4.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
   integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
 
-entities@~3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-3.0.1.tgz#2b887ca62585e96db3903482d336c1006c3001d4"
-  integrity sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==
-
 env-cmd@10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/env-cmd/-/env-cmd-10.1.0.tgz#c7f5d3b550c9519f137fdac4dd8fb6866a8c8c4b"
@@ -4854,12 +4849,12 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
-linkify-it@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-4.0.1.tgz#01f1d5e508190d06669982ba31a7d9f56a5751ec"
-  integrity sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==
+linkify-it@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-5.0.0.tgz#9ef238bfa6dc70bd8e7f9572b52d369af569b421"
+  integrity sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==
   dependencies:
-    uc.micro "^1.0.1"
+    uc.micro "^2.0.0"
 
 lint-staged@15.2.0:
   version "15.2.0"
@@ -5074,16 +5069,17 @@ makeerror@1.0.12:
   dependencies:
     tmpl "1.0.5"
 
-markdown-it@13.0.2:
-  version "13.0.2"
-  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-13.0.2.tgz#1bc22e23379a6952e5d56217fbed881e0c94d536"
-  integrity sha512-FtwnEuuK+2yVU7goGn/MJ0WBZMM9ZPgU9spqlFs7/A/pDIUNSOQZhUgOqYCficIuR2QaFnrt8LHqBWsbTAoI5w==
+markdown-it@14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-14.0.0.tgz#b4b2ddeb0f925e88d981f84c183b59bac9e3741b"
+  integrity sha512-seFjF0FIcPt4P9U39Bq1JYblX0KZCjDLFFQPHpL5AzHpqPEKtosxmdq/LTVZnjfH7tjt9BxStm+wXcDBNuYmzw==
   dependencies:
     argparse "^2.0.1"
-    entities "~3.0.1"
-    linkify-it "^4.0.1"
-    mdurl "^1.0.1"
-    uc.micro "^1.0.5"
+    entities "^4.4.0"
+    linkify-it "^5.0.0"
+    mdurl "^2.0.0"
+    punycode.js "^2.3.1"
+    uc.micro "^2.0.0"
 
 markdown-table@^3.0.0:
   version "3.0.3"
@@ -5095,13 +5091,13 @@ markdownlint-cli2-formatter-default@0.0.4:
   resolved "https://registry.yarnpkg.com/markdownlint-cli2-formatter-default/-/markdownlint-cli2-formatter-default-0.0.4.tgz#81e26b0a50409c0357c6f0d38d8246946b236fab"
   integrity sha512-xm2rM0E+sWgjpPn1EesPXx5hIyrN2ddUnUwnbCsD/ONxYtw3PX6LydvdH6dciWAoFDpwzbHM1TO7uHfcMd6IYg==
 
-markdownlint-cli2@0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/markdownlint-cli2/-/markdownlint-cli2-0.11.0.tgz#39cdc15f817b0caa7d128c5fd87105e36e1c2db0"
-  integrity sha512-RmFpr+My5in8KT+H/A6ozKIVYVzZtL5t9c8DYdv0YJdljl385z44CcCVBrclpHxCGMY2tr0hZ/ca+meGGvgdnQ==
+markdownlint-cli2@0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/markdownlint-cli2/-/markdownlint-cli2-0.12.0.tgz#22ec269dc341979b71e029e1ece2974f2b60ac53"
+  integrity sha512-5nddNaPY1WC7BE1mkF8fiEkRDW8XbODwqYBPL3eyvFh7tLk74no+P8JRbCjghF7ozahCW5pF0TZ3ZS30m9H1Eg==
   dependencies:
     globby "14.0.0"
-    markdownlint "0.32.1"
+    markdownlint "0.33.0"
     markdownlint-cli2-formatter-default "0.0.4"
     micromatch "4.0.5"
     strip-json-comments "5.0.1"
@@ -5112,10 +5108,10 @@ markdownlint-micromark@0.1.2:
   resolved "https://registry.yarnpkg.com/markdownlint-micromark/-/markdownlint-micromark-0.1.2.tgz#5520e04febffa46741875a2f297509ffdb561f5c"
   integrity sha512-jRxlQg8KpOfM2IbCL9RXM8ZiYWz2rv6DlZAnGv8ASJQpUh6byTBnEsbuMZ6T2/uIgntyf7SKg/mEaEBo1164fQ==
 
-markdownlint-micromark@0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/markdownlint-micromark/-/markdownlint-micromark-0.1.7.tgz#c465091b30d61a56027ccbfb981c80c96448c165"
-  integrity sha512-BbRPTC72fl5vlSKv37v/xIENSRDYL/7X/XoFzZ740FGEbs9vZerLrIkFRY0rv7slQKxDczToYuMmqQFN61fi4Q==
+markdownlint-micromark@0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/markdownlint-micromark/-/markdownlint-micromark-0.1.8.tgz#d39297e9988169a846cda1ca99df86f982ae69ba"
+  integrity sha512-1ouYkMRo9/6gou9gObuMDnvZM8jC/ly3QCFQyoSPCS2XV1ZClU0xpKbL1Ar3bWWRT1RnBZkWUEiNKrI2CwiBQA==
 
 markdownlint-rule-helpers@0.21.0:
   version "0.21.0"
@@ -5131,13 +5127,13 @@ markdownlint-rule-search-replace@1.2.0:
   dependencies:
     markdownlint-rule-helpers "0.21.0"
 
-markdownlint@0.32.1:
-  version "0.32.1"
-  resolved "https://registry.yarnpkg.com/markdownlint/-/markdownlint-0.32.1.tgz#14b3ff548e437487ae393ad5bc9092ca2858adde"
-  integrity sha512-3sx9xpi4xlHlokGyHO9k0g3gJbNY4DI6oNEeEYq5gQ4W7UkiJ90VDAnuDl2U+yyXOUa6BX+0gf69ZlTUGIBp6A==
+markdownlint@0.33.0:
+  version "0.33.0"
+  resolved "https://registry.yarnpkg.com/markdownlint/-/markdownlint-0.33.0.tgz#cc3852b2c54d5b0193710c6fdf97c5fbde7e322a"
+  integrity sha512-4lbtT14A3m0LPX1WS/3d1m7Blg+ZwiLq36WvjQqFGsX3Gik99NV+VXp/PW3n+Q62xyPdbvGOCfjPqjW+/SKMig==
   dependencies:
-    markdown-it "13.0.2"
-    markdownlint-micromark "0.1.7"
+    markdown-it "14.0.0"
+    markdownlint-micromark "0.1.8"
 
 md5-file@^5.0.0:
   version "5.0.0"
@@ -5304,10 +5300,10 @@ mdn-data@^2.3.0:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.3.0.tgz#70df66e8c8826547a054668b148cd1bb8abc80b2"
   integrity sha512-BhLaX4PxsBIBRqqmO3EIVpwUL0dma/evS8RjGwIVomw61jRikAMpeivHEMqH+VBZWQhuL+DWiImGbEIcDqu8/Q==
 
-mdurl@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
-  integrity sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==
+mdurl@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-2.0.0.tgz#80676ec0433025dd3e17ee983d0fe8de5a2237e0"
+  integrity sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==
 
 media-typer@0.3.0:
   version "0.3.0"
@@ -6338,6 +6334,11 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
+punycode.js@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode.js/-/punycode.js-2.3.1.tgz#6b53e56ad75588234e79f4affa90972c7dd8cdb7"
+  integrity sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==
+
 punycode@^2.1.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
@@ -7525,10 +7526,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-uc.micro@^1.0.1, uc.micro@^1.0.5:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-1.0.6.tgz#9c411a802a409a91fc6cf74081baba34b24499ac"
-  integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==
+uc.micro@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-2.0.0.tgz#84b3c335c12b1497fd9e80fcd3bfa7634c363ff1"
+  integrity sha512-DffL94LsNOccVn4hyfRe5rdKa273swqeA5DJpMOeFmEn1wCDc7nAbbB0gXlgBCL7TNzeTv6G7XVWzan7iJtfig==
 
 unbzip2-stream@^1.0.9:
   version "1.4.3"

From e308781323d3bc2aefc917aa1a2b192705106531 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Fri, 12 Jan 2024 15:03:04 -0800
Subject: [PATCH 388/790] CSS content update: learn to support older browsers
 (#31473)

* supporting older browsers page

* remove more legacy cruft

* typo

* changes the entire see also

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/learn/css/css_layout/supporting_older_browsers/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* rewrote selector section

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* fix typo

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../supporting_older_browsers/index.md        | 156 ++++++------------
 1 file changed, 53 insertions(+), 103 deletions(-)

diff --git a/files/en-us/learn/css/css_layout/supporting_older_browsers/index.md b/files/en-us/learn/css/css_layout/supporting_older_browsers/index.md
index 6fc5d0e6b48b5d8..8080f57d7a32eba 100644
--- a/files/en-us/learn/css/css_layout/supporting_older_browsers/index.md
+++ b/files/en-us/learn/css/css_layout/supporting_older_browsers/index.md
@@ -2,13 +2,14 @@
 title: Supporting older browsers
 slug: Learn/CSS/CSS_layout/Supporting_Older_Browsers
 page-type: learn-module-chapter
+browser-compat: css.properties.grid-template-columns
 ---
 
 {{LearnSidebar}}
 
 {{PreviousMenuNext("Learn/CSS/CSS_layout/Legacy_Layout_methods", "Learn/CSS/CSS_layout/Fundamental_Layout_Comprehension", "Learn/CSS/CSS_layout")}}
 
-There will be visitors to your site who use older browsers, or browsers which may not support the features you have used. This will always be the case on the web — as new features are developed, different browsers will prioritize different things. This article explains how to use modern web techniques without locking out users of older technology.
+Visitors to your website may include users who either use older browsers or use browsers that do not support the CSS features you've implemented. This is a common scenario on the web, where new features are continuously being added to CSS. Browsers differ in their support for these features because different browsers tend to prioritize implementing different features. This article explains how you as a web developer can use modern web techniques to ensure that your website remains accessible to users with older technology.
 
 <table>
   <tbody>
@@ -35,125 +36,74 @@ There will be visitors to your site who use older browsers, or browsers which ma
 
 ## What is the browser landscape for your site?
 
-Every website is different in terms of target audience. Before deciding on the approach to take, find out the number of visitors coming to your site using older browsers. This is straightforward if you have an existing website which you are adding to or replacing, as you probably have analytics available which can tell you the technology people are using. If you have no analytics or this is a brand new site, then there are sites such as [Statcounter](https://gs.statcounter.com/) that can provide statistics filtered by location.
+Every website is different in terms of its target audience. Before deciding on an approach, find out the number of visitors coming to your site using older browsers. This is straightforward if you're adding to or replacing an existing website, as you probably have analytics available that can tell you the technology your visitors are using. If you don't have analytics or you're launching a brand new site, then sites such as [Statcounter](https://gs.statcounter.com/) can provide relevant statistics, which can be filtered by location.
 
-You should also consider the type of devices and the way people use your site, for example, you may expect a higher than an average number of mobile devices. Accessibility and people using assistive technology should always be considered, but for some sites that may be even more critical. In my experience, developers are often very worried about the experience of 1% of users in an old version of Internet Explorer, while not considering at all the far greater number who have accessibility needs.
+You should also consider the type of devices and the way people use your site. For example, you can expect a higher-than-average usage of your website on mobile devices. Always prioritize accessibility and people using assistive technology; for some sites, this may be even more critical. Developers are often very worried about the experience of 1% of users, while overlooking the far greater number who have accessibility needs.
 
 ## What is the support for the features you want to use?
 
-Once you know the browsers that come to your site, you can assess any technology that you want to use against how well it is supported and how easily you can provide an alternative for visitors who do not have that technology available. We are trying to make this easy for you at MDN, by providing browser compatibility information on each page detailing a CSS property. For example, take a look at the page for {{cssxref("grid-template-columns")}}. At the bottom of this page is a table, which lists major browsers along with the version they began supporting this property.
+{{Compat}}
 
-![Browser compatibility table. This table provides information on which browsers are compatible with the technology that you are looking for and the version from which the browser started supporting that functionality. Browser and mobile phone browser compatibility information are displayed separately. The browser names take up the column headers.](browser-table.png)
+The above table is included at the bottom of every feature page under the section "Browser compatibility". After identifying the browsers your site visitors use, you can assess any technology that you want to use against how well it is supported across browsers and how easily you can provide an alternative for visitors who do not have that technology available.
+
+On MDN, we provide browser compatibility information on every CSS property page. This compatibility information, presented in a table, includes a list of major browsers along with the versions that started supporting the property. The browser names take up the column headers. For example, take a look at the above table or the page for {{cssxref("grid-template-columns")}}, with special attention to the `subgrid` (most recently supported) and `masonry` (experimental and not supported) values.
+
+These browser compatibility tables provide information on which browsers are compatible with the technology that you are looking for and the version from which the browser started supporting that functionality. Browser and mobile phone browser compatibility information are displayed separately.
 
 Another popular way to find out about how well a feature is supported is the [Can I Use](https://caniuse.com/) website. This site lists the majority of Web Platform features with information about their browser support status. You can view usage statistics by location — useful if you work on a site that has users mostly for a specific area of the world. You can even link your Google Analytics account to get analysis based on your user data.
 
-Understanding the technology your users have, and the support for things you might want to use puts you in a good place to make all of your decisions and to know how best to support all of your users.
+Understanding the technology your users have because of the browser they're using and the cross-browser support for features that you might want to use on your website, puts you in a good place to make all of your decisions and to know how best to support all of your users.
 
-## Support doesn't mean "looks the same"
+## Feature support does not mean identical appearance
 
-A website can't possibly look the same in all browsers, because some of your users will be viewing the site on a phone and others on a large desktop screen. Similarly, some of your users will have an old browser version, and others the latest browser. Some of your users might be hearing your content read out to them by a screen reader, or have zoomed in on the page to be able to read it. Supporting everyone means serving a version of your content that is designed defensively, so that it will look great on modern browsers, but will still be usable at a basic level for users of older browsers.
+A website can't possibly look the same in all browsers. Some of your users will be viewing the site on a phone and others on a large desktop screen. Similarly, some of your users will have an old browser version, and others the latest browser. Some of your users might be hearing your content read out to them by a screen reader, while others might need to zoom in on the page to be able to read it. Supporting everyone means serving a version of your content that is designed defensively, so that it will look great on modern browsers, but will still be usable at a basic level for all users no matter how they are accessing your content.
 
-A basic level of support comes from structuring your content well so that the normal flow of your page makes sense. A user with a very limited feature phone might not get much of your CSS, but the content will flow in a way that makes reading easy. Therefore, a well-structured HTML document should always be your starting point. _If you remove your stylesheet, does your content make sense?_
+A basic level of support comes from structuring your content well so that the normal flow of your page makes sense. For users on a limited data plan, their browsers might not load images, fonts, or even your CSS. However, the content should be presented in a way such that it is accessible and readable even when these elements are not fully loaded. A well-structured HTML document should always be your starting point. Ask yourself: _if you remove your stylesheet, does your content still make sense?_
 
-One option is to leave this plain view of the site as the fallback for people using very old or limited browsers. If you have a tiny number of people coming to the site in these browsers it may not make commercial sense to pour time into trying to give them a similar experience to people on modern browsers. It would be better to spend the time on things which make the site more [accessible](/en-US/docs/Web/Accessibility), thus serving far more users. There is a middle ground between a plain HTML page and all the bells and whistles, and CSS has actually made creating these fallbacks pretty straightforward.
+It doesn't make commercial sense to spend time trying to give everyone an identical experience of your website. This is because user environments can vary widely and are beyond your control. There is a balance you need to strike between a plain HTML page and a fully featured website. It is helpful to test a plain, CSS-less view of your site to ensure that the fallback experience of your site is accessible. This fallback may never be viewed by people using very old or limited browsers, but may be viewed by your main target audience — users of modern browsers — when their browser or Internet connection fails temporarily. CSS simplifies creating these fallbacks. Therefore, it is better to focus on what you can control, that is, spend the time to make your site [accessible](/en-US/docs/Web/Accessibility), thereby serving more users.
 
 ## Creating fallbacks in CSS
 
-CSS specifications contain information that explains what the browser does when two layout methods are applied to the same item. This means that there is a definition for what happens if a floated item, for example, is also a Grid Item using CSS Grid Layout. Couple this information with the knowledge that browsers ignore CSS that they don't understand, and you have a way to create simple layouts using the [legacy techniques](/en-US/docs/Learn/CSS/CSS_layout/Legacy_Layout_Methods) we have already covered, which are then overwritten by your Grid layout in modern browsers that understand it.
+CSS specifications contain information that explain what the browser does when two similar features, such as layout methods, are applied to the same item. For example, they define what happens if an item is floated and is also a grid item and part of a CSS grid container. There is also a definition for what happens when an element has both {{cssxref("margin-top")}} and {{cssxref("margin-block-start")}} properties set.
 
-### Falling back from grid to float
+When a browser doesn't recognize a new feature, it discards the declaration as invalid [without throwing an error](/en-US/docs/Web/CSS/CSS_syntax/Error_handling#css_parser_errors). Because browsers discard CSS properties and values they don't support, both old and new values can coexist in the same ruleset. Just make sure to declare the old value before the new value so that, when supported, the new value overwrites the old value (the fallback).
 
-In the example below, we have floated three `<div>`s so they display in a row. Any browser that does not support [CSS Grid Layout](/en-US/docs/Learn/CSS/CSS_layout/Grids) will see the row of boxes as a floated layout. A floated item that becomes a grid item loses the float behavior, which means that by turning the wrapper into a Grid Container, the floated items become Grid Items. If the browser supports Grid Layout it will display the grid view; if not it ignores the `display: grid` and related properties and the floated layout is used.
+For example, most browsers support the two-value syntax of the {{cssxref("display")}} property. If a browser doesn't, it will use the older, single-value syntax.
 
 ```css
-* {
-  box-sizing: border-box;
-}
-
-.wrapper {
-  background-color: rgb(79 185 227);
-  padding: 10px;
-  max-width: 400px;
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-}
-
-.item {
-  float: left;
-  border-radius: 5px;
-  background-color: rgb(207 232 220);
-  padding: 1em;
+.container {
+  display: inline-flex;
+  display: inline flex;
 }
 ```
 
-```html
-<div class="wrapper">
-  <div class="item">Item One</div>
-  <div class="item">Item Two</div>
-  <div class="item">Item Three</div>
-</div>
-```
-
-{{ EmbedLiveSample('Falling_back_from_grid_to_float', '100%', '200') }}
-
-### Fallback methods
+Similarly, this [error-handling](/en-US/docs/Web/CSS/CSS_syntax/Error_handling#vendor_prefixes) ensures old CSS code bases continue to work even if legacy {{glossary("Vendor_Prefix", "vendor-prefixed")}} features are no longer supported. While vendor prefixing is no longer commonly used, if you must include a vendor-prefixed property or value, make sure to declare the prefixed value before the standard value so that, when supported, the new value overwrites the fallback value.
 
-There are a number of layout methods which can be used in a similar way to this float example. You can choose the one that makes the most sense for the layout pattern you need to create.
+### Using new selectors
 
-- Float (and clear)
-  - : As shown above, the float property ceases to affect the layout if floated items become flex or grid items. The {{cssxref("clear")}} property also has no effect once the cleared item becomes a flex or grid item.
-- display: inline-block
-  - : This method can be used to create column layouts, if an item has `display: inline-block` set but then becomes a flex or grid item, the inline-block behavior is ignored.
-- display: table
-  - : This method can be used to create table layouts, if an item has `display: table`, `display: table-cell`, etc., set but then becomes a flex or grid item, the display value is ignored.
-- Multiple-column Layout
-  - : For certain layouts you could use [multi-col](/en-US/docs/Learn/CSS/CSS_layout/Multiple-column_Layout) as a fallback, if your container has any of the `column-*` properties defined on it and then becomes a grid container, the multicol behavior will not happen.
-- Flexbox as a Fallback for Grid
-  - : [Flexbox](/en-US/docs/Learn/CSS/CSS_layout/Flexbox) has greater browser support than Grid due to being supported by IE10 and 11. If you make a flex container into a grid container, any `flex` property applied to the children will be ignored.
+Including new selectors that aren't supported in all browsers needs to be handled more carefully. If a selector in a comma-separated list of [selectors is invalid](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS#selector_support), the entire style block is ignored.
 
-For many layout tweaks in older browsers, you may find you can give a decent experience by using CSS in this way. We add a simpler layout based on older and well-supported techniques, then use the newer CSS to create the layout that over 90% of your audience will see. There are cases, however, when the fallback code will need to include something that the new browsers will also interpret. A good example of this is if we were to add percentage widths to our floated items to make the columns more like the grid display, stretching to fill the container.
-
-In the floated layout, the percentage is calculated from the container — 33.333% is a third of the container width. In Grid however that 33.333% is calculated from the grid area the item is placed in, so it actually becomes a third of the size we want once the Grid Layout is introduced.
+If using vendor-prefixed [pseudo-elements](/en-US/docs/Web/CSS/Pseudo-elements) or new[pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes) a browser may not yet support, include the prefixed values within a [forgiving selector list](/en-US/docs/Web/CSS/Selector_list#forgiving_selector_list) by using {{cssxref(":is", ":is()")}} or {{cssxref(":where", ":where()")}} so the entire selector block doesn't get [invalidated and ignored](/en-US/docs/Web/CSS/Selector_list#invalid_selector_list).
 
 ```css
-* {
-  box-sizing: border-box;
+:is(:-prefix-mistake, :unsupported-pseudo),
+.valid {
+  font-family: sans-serif;
 }
-
-.wrapper {
-  background-color: rgb(79 185 227);
-  padding: 10px;
-  max-width: 400px;
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-}
-
-.item {
-  float: left;
-  border-radius: 5px;
-  background-color: rgb(207 232 220);
-  padding: 1em;
-  width: 33.333%;
+:-prefix-mistake,
+:unsupported-pseudo,
+.valid {
+  color: red;
 }
 ```
 
-```html
-<div class="wrapper">
-  <div class="item">Item One</div>
-  <div class="item">Item Two</div>
-  <div class="item">Item Three</div>
-</div>
-```
-
-{{ EmbedLiveSample('Fallback_methods', '100%', '200') }}
-
-To deal with this issue we need to have a way to detect if Grid is supported and therefore if it will override the width. CSS has a solution for us here.
+In the above example, the `.valid` content will be `sans-serif` but not `red`.
 
 ## Feature queries
 
-Feature queries allow you to test whether a browser supports any particular CSS feature. This means that you can write some CSS for browsers that don't support a certain feature, then check to see if the browser has support and if so throw in your fancy layout.
+Feature queries allow you to test whether a browser supports a particular CSS feature. This means that you can write some CSS for browsers that don't support a certain feature, then check to see if the browser has support and if so, throw in your fancy new features.
 
-If we add a feature query to the above example, we can use it to set the widths of our items back to `auto` if we know that we have grid support.
+We can add a feature query to test for `subgrid` support, and provide styles based on that support:
 
 ```css
 * {
@@ -161,24 +111,24 @@ If we add a feature query to the above example, we can use it to set the widths
 }
 
 .wrapper {
-  background-color: rgb(79 185 227);
+  background-color: palegoldenrod;
   padding: 10px;
   max-width: 400px;
   display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-columns: repeat(3, 1fr);
 }
 
 .item {
-  float: left;
   border-radius: 5px;
   background-color: rgb(207 232 220);
-  padding: 1em;
-  width: 33.333%;
 }
 
-@supports (display: grid) {
-  .item {
-    width: auto;
+@supports (grid-template-rows: subgrid) {
+  .wrapper {
+    grid-template-rows: subgrid;
+    gap: 10px;
+    background-color: lightblue;
+    text-align: center;
   }
 }
 ```
@@ -188,31 +138,31 @@ If we add a feature query to the above example, we can use it to set the widths
   <div class="item">Item One</div>
   <div class="item">Item Two</div>
   <div class="item">Item Three</div>
+  <div class="item">Item Four</div>
+  <div class="item">Item Five</div>
+  <div class="item">Item Six</div>
 </div>
 ```
 
 {{ EmbedLiveSample('Feature_queries', '100%', '200') }}
 
-Support for feature queries is very good across modern browsers. However, you should note that browsers that do not support CSS Grid also tend not to support feature queries. This means that an approach as detailed above will work for those browsers. What we are doing is writing our old CSS first, outside of any feature query. Browsers that do not support Grid, and do not support the feature query will use that layout information they can understand and completely ignore everything else. The browsers that support the feature query also support CSS Grid and so will run the grid code and the code inside the feature query.
-
-The specification for feature queries also contains the ability to test if a browser does not support a feature — this is only helpful if the browser does support feature queries. In the future, an approach of checking for lack of support will work, as the browsers that don't have feature query support go away. For now, however, use the approach of doing the older CSS, then overwriting it, for the best support.
+Feature queries are supported in all modern browsers. Write your CSS for fully supported features first, outside of any feature queries. Once your site is usable and accessible to all users, add new features within feature query blocks. Browsers that support the feature queried can then render the newer CSS inside the feature query block. Use the approach of writing well-supported CSS first, then enhancing features based on support.
 
 ## Testing older browsers
 
-With the majority of browsers supporting Flexbox and Grid, it can be reasonably hard to test older browsers. One way is to use an online testing tool such as Sauce Labs, as detailed in the [Cross browser testing](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing) module.
+One way is to use an online testing tool such as Sauce Labs, as detailed in the [Cross browser testing](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing) module.
 
 ## Summary
 
-You now have the knowledge to confidently use techniques such as Grid, create fallbacks for older browsers, and make use of any new techniques that might come along in the future.
+You now have the knowledge to provide fallback CSS for older browsers and confidently test for new features. You should now feel confident making use of any new techniques that might come along.
 
 Now that you have worked through our articles on CSS layout, it's time to test your comprehension with our assessment for the module: [Fundamental layout comprehension](/en-US/docs/Learn/CSS/CSS_layout/Fundamental_Layout_Comprehension).
 
 ## See also
 
-- [Using Feature Queries in CSS](https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/)
-- [CSS Grid Layout and Progressive Enhancement](/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_progressive_enhancement)
-- [Using CSS Grid: Supporting Browsers Without Grid](https://www.smashingmagazine.com/2017/11/css-grid-supporting-browsers-without-grid/)
-- [Cascading Web Design with Feature Queries](https://24ways.org/2017/cascading-web-design/)
-- [Using Feature Queries (Video)](https://gridbyexample.com/learn/2016/12/24/learning-grid-day24/)
+- [`@supports`](/en-US/docs/Web/CSS/@supports) at-rule
+- [CSS at-rules](/en-US/docs/Web/CSS/At-rule)
+- [Using feature queries](/en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries)
+- [CSS conditional rules](/en-US/docs/Web/CSS/CSS_conditional_rules) module
 
 {{PreviousMenuNext("Learn/CSS/CSS_layout/Legacy_Layout_methods", "Learn/CSS/CSS_layout/Fundamental_Layout_Comprehension", "Learn/CSS/CSS_layout")}}

From bc6a2385d5848b1bcd33b242e9b36966a918bb64 Mon Sep 17 00:00:00 2001
From: Mathew Hodson <mathew.hodson@gmail.com>
Date: Fri, 12 Jan 2024 19:43:59 -0500
Subject: [PATCH 389/790] Fix SVG link flaw (#31693)

---
 files/en-us/web/css/css_values_and_units/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/css_values_and_units/index.md b/files/en-us/web/css/css_values_and_units/index.md
index 22fa6d550cda6fa..f0b152d3e2cd5f9 100644
--- a/files/en-us/web/css/css_values_and_units/index.md
+++ b/files/en-us/web/css/css_values_and_units/index.md
@@ -151,7 +151,7 @@ For example, `em` is relative to the font size on the element and `ex` is relati
 | `ic`  | Average character advance of a full-width glyph in the element's font, as represented by the "水" (CJK water ideograph, U+6C34) glyph. |
 | `lh`  | Line height of the element.                                                                                                            |
 
-Root font-relative lengths specify a length in relation to the element's {{CSSxRef(":root", "root element")}} ancestor, such as {{HTMLElement("HTML")}} or {{HTMLElement("SVG")}}.
+Root font-relative lengths specify a length in relation to the element's {{CSSxRef(":root", "root element")}} ancestor, such as {{HTMLElement("HTML")}} or {{SVGElement("SVG")}}.
 For example, `rem` is relative to the font size on the root element and `rex` is the x-height of the root element's font.
 
 | Unit   | Relative to                                                                                                                             |

From a2c1c01ebad0e685f3c7c07ead36925d48dc640c Mon Sep 17 00:00:00 2001
From: Daniel Kaplan <tieTYT@gmail.com>
Date: Fri, 12 Jan 2024 16:52:54 -0800
Subject: [PATCH 390/790] Elaborate on matchAll's return value (#31187)

---
 .../reference/global_objects/string/matchall/index.md           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/string/matchall/index.md b/files/en-us/web/javascript/reference/global_objects/string/matchall/index.md
index 61254d46aa3dcd2..3cfada72d5a0a3b 100644
--- a/files/en-us/web/javascript/reference/global_objects/string/matchall/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/string/matchall/index.md
@@ -29,7 +29,7 @@ matchAll(regexp)
 
 ### Return value
 
-An [iterable iterator object](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Iterator) (which is not restartable) of matches. Each match is an array with the same shape as the return value of {{jsxref("RegExp.prototype.exec()")}}.
+An [iterable iterator object](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Iterator) (which is not restartable) of matches or an empty iterator if no matches are found. Each value yielded by the iterator is an array with the same shape as the return value of {{jsxref("RegExp.prototype.exec()")}}.
 
 ### Exceptions
 

From 92eab76b7686dadbce22affd372889bc2154f4ef Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Sat, 13 Jan 2024 13:10:41 +0530
Subject: [PATCH 391/790] Synchronize with BCD v5.5.6 (#31694)

Co-authored-by: OnkarRuikar <OnkarRuikar@users.noreply.github.com>
---
 files/en-us/web/api/htmlmediaelement/index.md  |  2 +-
 .../htmlmediaelement/seektonextframe/index.md  |  3 ++-
 .../largestcontentfulpaint/element/index.md    |  4 +---
 .../web/api/largestcontentfulpaint/id/index.md |  4 +---
 .../web/api/largestcontentfulpaint/index.md    | 18 ++++++++----------
 .../largestcontentfulpaint/loadtime/index.md   |  4 +---
 .../largestcontentfulpaint/rendertime/index.md |  4 +---
 .../api/largestcontentfulpaint/size/index.md   |  4 +---
 .../api/largestcontentfulpaint/tojson/index.md |  4 +---
 .../api/largestcontentfulpaint/url/index.md    |  4 +---
 files/en-us/web/css/ray/index.md               |  4 +---
 11 files changed, 19 insertions(+), 36 deletions(-)

diff --git a/files/en-us/web/api/htmlmediaelement/index.md b/files/en-us/web/api/htmlmediaelement/index.md
index 35a3537a3351361..0436e5b9e003992 100644
--- a/files/en-us/web/api/htmlmediaelement/index.md
+++ b/files/en-us/web/api/htmlmediaelement/index.md
@@ -119,7 +119,7 @@ _This interface also inherits methods from its ancestors {{domxref("HTMLElement"
   - : Pauses the media playback.
 - {{domxref("HTMLMediaElement.play()")}}
   - : Begins playback of the media.
-- {{domxref("HTMLMediaElement.seekToNextFrame()")}} {{Deprecated_Inline}}
+- {{domxref("HTMLMediaElement.seekToNextFrame()")}} {{Deprecated_Inline}} {{non-standard_inline}}
   - : Seeks to the next frame in the media. This non-standard, experimental method makes it possible to manually drive reading and rendering of media at a custom speed, or to move through the media frame-by-frame to perform filtering or other operations.
 - {{domxref("HTMLMediaElement.setMediaKeys()")}}
   - : Returns {{jsxref("Promise")}}. Sets the {{domxref("MediaKeys")}} keys to use when decrypting media during playback.
diff --git a/files/en-us/web/api/htmlmediaelement/seektonextframe/index.md b/files/en-us/web/api/htmlmediaelement/seektonextframe/index.md
index 6f35fff6a103ea6..50ba85c54974fe7 100644
--- a/files/en-us/web/api/htmlmediaelement/seektonextframe/index.md
+++ b/files/en-us/web/api/htmlmediaelement/seektonextframe/index.md
@@ -5,10 +5,11 @@ slug: Web/API/HTMLMediaElement/seekToNextFrame
 page-type: web-api-instance-method
 status:
   - deprecated
+  - non-standard
 browser-compat: api.HTMLMediaElement.seekToNextFrame
 ---
 
-{{APIRef("HTML DOM")}}{{Deprecated_Header}}
+{{APIRef("HTML DOM")}}{{Deprecated_Header}}{{non-standard_header}}
 
 The **`HTMLMediaElement.seekToNextFrame()`** method
 asynchronously advances the current play position to the next frame in the media.
diff --git a/files/en-us/web/api/largestcontentfulpaint/element/index.md b/files/en-us/web/api/largestcontentfulpaint/element/index.md
index 9d0dac0867dd713..3fd765b8d876c91 100644
--- a/files/en-us/web/api/largestcontentfulpaint/element/index.md
+++ b/files/en-us/web/api/largestcontentfulpaint/element/index.md
@@ -3,12 +3,10 @@ title: "LargestContentfulPaint: element property"
 short-title: element
 slug: Web/API/LargestContentfulPaint/element
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.LargestContentfulPaint.element
 ---
 
-{{APIRef("Performance API")}}{{SeeCompatTable}}
+{{APIRef("Performance API")}}
 
 The **`element`** read-only property of the {{domxref("LargestContentfulPaint")}} interface returns an object representing the {{domxref("Element")}} that is the largest contentful paint.
 
diff --git a/files/en-us/web/api/largestcontentfulpaint/id/index.md b/files/en-us/web/api/largestcontentfulpaint/id/index.md
index ed38278175c0c48..16bbf18c34fb025 100644
--- a/files/en-us/web/api/largestcontentfulpaint/id/index.md
+++ b/files/en-us/web/api/largestcontentfulpaint/id/index.md
@@ -3,12 +3,10 @@ title: "LargestContentfulPaint: id property"
 short-title: id
 slug: Web/API/LargestContentfulPaint/id
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.LargestContentfulPaint.id
 ---
 
-{{APIRef("Performance API")}}{{SeeCompatTable}}
+{{APIRef("Performance API")}}
 
 The **`id`** read-only property of the {{domxref("LargestContentfulPaint")}} interface returns the ID of the element that is the largest contentful paint.
 
diff --git a/files/en-us/web/api/largestcontentfulpaint/index.md b/files/en-us/web/api/largestcontentfulpaint/index.md
index 90df09970c3d77a..8b9953bc1a4de44 100644
--- a/files/en-us/web/api/largestcontentfulpaint/index.md
+++ b/files/en-us/web/api/largestcontentfulpaint/index.md
@@ -2,12 +2,10 @@
 title: LargestContentfulPaint
 slug: Web/API/LargestContentfulPaint
 page-type: web-api-interface
-status:
-  - experimental
 browser-compat: api.LargestContentfulPaint
 ---
 
-{{APIRef("Performance API")}}{{SeeCompatTable}}
+{{APIRef("Performance API")}}
 
 The `LargestContentfulPaint` interface provides timing information about the largest image or text paint before user input on a web page.
 
@@ -47,24 +45,24 @@ This interface extends the following {{domxref("PerformanceEntry")}} properties
 
 It also supports the following properties:
 
-- {{domxref("LargestContentfulPaint.element")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+- {{domxref("LargestContentfulPaint.element")}} {{ReadOnlyInline}}
   - : The element that is the current largest contentful paint.
-- {{domxref("LargestContentfulPaint.renderTime")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+- {{domxref("LargestContentfulPaint.renderTime")}} {{ReadOnlyInline}}
   - : The time the element was rendered to the screen. May not be available if the element is a cross-origin image loaded without the `Timing-Allow-Origin` header.
-- {{domxref("LargestContentfulPaint.loadTime")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+- {{domxref("LargestContentfulPaint.loadTime")}} {{ReadOnlyInline}}
   - : The time the element was loaded.
-- {{domxref("LargestContentfulPaint.size")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+- {{domxref("LargestContentfulPaint.size")}} {{ReadOnlyInline}}
   - : The intrinsic size of the element returned as the area (width \* height).
-- {{domxref("LargestContentfulPaint.id")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+- {{domxref("LargestContentfulPaint.id")}} {{ReadOnlyInline}}
   - : The id of the element. This property returns an empty string when there is no id.
-- {{domxref("LargestContentfulPaint.url")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+- {{domxref("LargestContentfulPaint.url")}} {{ReadOnlyInline}}
   - : If the element is an image, the request url of the image.
 
 ## Instance methods
 
 _This interface also inherits methods from {{domxref("PerformanceEntry")}}._
 
-- {{domxref("LargestContentfulPaint.toJSON()")}} {{Experimental_Inline}}
+- {{domxref("LargestContentfulPaint.toJSON()")}}
   - : Returns a JSON representation of the `LargestContentfulPaint` object.
 
 ## Examples
diff --git a/files/en-us/web/api/largestcontentfulpaint/loadtime/index.md b/files/en-us/web/api/largestcontentfulpaint/loadtime/index.md
index 4357f7f8d7218f4..e058226fe2714f9 100644
--- a/files/en-us/web/api/largestcontentfulpaint/loadtime/index.md
+++ b/files/en-us/web/api/largestcontentfulpaint/loadtime/index.md
@@ -3,12 +3,10 @@ title: "LargestContentfulPaint: loadTime property"
 short-title: loadTime
 slug: Web/API/LargestContentfulPaint/loadTime
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.LargestContentfulPaint.loadTime
 ---
 
-{{APIRef("Performance API")}}{{SeeCompatTable}}
+{{APIRef("Performance API")}}
 
 The **`loadTime`** read-only property of the {{domxref("LargestContentfulPaint")}} interface returns the time that the element was loaded.
 
diff --git a/files/en-us/web/api/largestcontentfulpaint/rendertime/index.md b/files/en-us/web/api/largestcontentfulpaint/rendertime/index.md
index 955a2ead7ba9bcf..78d8a805a155a4a 100644
--- a/files/en-us/web/api/largestcontentfulpaint/rendertime/index.md
+++ b/files/en-us/web/api/largestcontentfulpaint/rendertime/index.md
@@ -3,12 +3,10 @@ title: "LargestContentfulPaint: renderTime property"
 short-title: renderTime
 slug: Web/API/LargestContentfulPaint/renderTime
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.LargestContentfulPaint.renderTime
 ---
 
-{{APIRef("Performance API")}}{{SeeCompatTable}}
+{{APIRef("Performance API")}}
 
 The **`renderTime`** read-only property of the {{domxref("LargestContentfulPaint")}} interface represents the time that the element was rendered to the screen.
 
diff --git a/files/en-us/web/api/largestcontentfulpaint/size/index.md b/files/en-us/web/api/largestcontentfulpaint/size/index.md
index d5213a543aa08b4..27fce44948af4a2 100644
--- a/files/en-us/web/api/largestcontentfulpaint/size/index.md
+++ b/files/en-us/web/api/largestcontentfulpaint/size/index.md
@@ -3,12 +3,10 @@ title: "LargestContentfulPaint: size property"
 short-title: size
 slug: Web/API/LargestContentfulPaint/size
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.LargestContentfulPaint.size
 ---
 
-{{APIRef("Performance API")}}{{SeeCompatTable}}
+{{APIRef("Performance API")}}
 
 The **`size`** read-only property of the {{domxref("LargestContentfulPaint")}} interface returns the intrinsic size of the element that is the largest contentful paint.
 
diff --git a/files/en-us/web/api/largestcontentfulpaint/tojson/index.md b/files/en-us/web/api/largestcontentfulpaint/tojson/index.md
index 127ddc3cc9d3ccd..32ec5e6cf374cc6 100644
--- a/files/en-us/web/api/largestcontentfulpaint/tojson/index.md
+++ b/files/en-us/web/api/largestcontentfulpaint/tojson/index.md
@@ -3,12 +3,10 @@ title: "LargestContentfulPaint: toJSON() method"
 short-title: toJSON()
 slug: Web/API/LargestContentfulPaint/toJSON
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.LargestContentfulPaint.toJSON
 ---
 
-{{APIRef("Performance API")}}{{SeeCompatTable}}
+{{APIRef("Performance API")}}
 
 The **`toJSON()`** method of the {{domxref("LargestContentfulPaint")}} interface is a {{Glossary("Serialization","serializer")}}; it returns a JSON representation of the {{domxref("LargestContentfulPaint")}} object.
 
diff --git a/files/en-us/web/api/largestcontentfulpaint/url/index.md b/files/en-us/web/api/largestcontentfulpaint/url/index.md
index 5c418edb06709f9..2a7b0125d02b129 100644
--- a/files/en-us/web/api/largestcontentfulpaint/url/index.md
+++ b/files/en-us/web/api/largestcontentfulpaint/url/index.md
@@ -3,12 +3,10 @@ title: "LargestContentfulPaint: url property"
 short-title: url
 slug: Web/API/LargestContentfulPaint/url
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.LargestContentfulPaint.url
 ---
 
-{{APIRef("Performance API")}}{{SeeCompatTable}}
+{{APIRef("Performance API")}}
 
 The **`url`** read-only property of the {{domxref("LargestContentfulPaint")}} interface returns the request URL of the element, if the element is an image.
 
diff --git a/files/en-us/web/css/ray/index.md b/files/en-us/web/css/ray/index.md
index 44ee7c08d389352..2c2e89778927c4a 100644
--- a/files/en-us/web/css/ray/index.md
+++ b/files/en-us/web/css/ray/index.md
@@ -2,12 +2,10 @@
 title: ray()
 slug: Web/CSS/ray
 page-type: css-function
-status:
-  - experimental
 browser-compat: css.types.ray
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
 The **`ray()`** [CSS](/en-US/docs/Web/CSS) [function](/en-US/docs/Web/CSS/CSS_Functions) defines the [`offset-path`](/en-US/docs/Web/CSS/offset-path) line segment that an animated element can follow. The line segment is referred to as "ray". The ray begins from an {{cssxref("offset-position")}} and extends in the direction of the specified angle. The length of a ray can be constrained by specifying a size and using the `contain` keyword.
 

From 101cd92013c2fb5d4806948b54786c78f6e30b9c Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 13 Jan 2024 19:40:48 +0800
Subject: [PATCH 392/790] update exception section for methods in `CookieStore`
 (#31396)

---
 files/en-us/web/api/cookiestore/delete/index.md |  2 ++
 files/en-us/web/api/cookiestore/get/index.md    | 10 ++++++++--
 files/en-us/web/api/cookiestore/getall/index.md |  7 ++++++-
 files/en-us/web/api/cookiestore/set/index.md    |  6 +++---
 4 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/files/en-us/web/api/cookiestore/delete/index.md b/files/en-us/web/api/cookiestore/delete/index.md
index bad54e2ba73ed86..3ccdb67a6334455 100644
--- a/files/en-us/web/api/cookiestore/delete/index.md
+++ b/files/en-us/web/api/cookiestore/delete/index.md
@@ -51,6 +51,8 @@ A {{jsxref("Promise")}} that resolves with {{jsxref("undefined")}} when deletion
 
 ### Exceptions
 
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the origin can not be {{glossary("Serialization", "serialized")}} to a URL.
 - {{jsxref("TypeError")}}
   - : Thrown if deleting the cookie represented by the given `name` or `options` fails.
 
diff --git a/files/en-us/web/api/cookiestore/get/index.md b/files/en-us/web/api/cookiestore/get/index.md
index 345fa35d5f5b863..bbcc7559595e99c 100644
--- a/files/en-us/web/api/cookiestore/get/index.md
+++ b/files/en-us/web/api/cookiestore/get/index.md
@@ -51,7 +51,7 @@ A {{jsxref("Promise")}} that resolves with an object representing the first cook
 
 - `expires`
 
-  - : A timestamp, given as [Unix time](/en-US/docs/Glossary/Unix_time) in milliseconds, containing the expiration date of the cookie.
+  - : A timestamp, given as {{glossary("Unix time")}} in milliseconds, containing the expiration date of the cookie.
 
 - `name`
 
@@ -85,8 +85,14 @@ A {{jsxref("Promise")}} that resolves with an object representing the first cook
 
 ### Exceptions
 
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the origin does not {{glossary("Serialization", "serialize")}} to a URL.
 - {{jsxref("TypeError")}}
-  - : Thrown if getting the cookie represented by the given `name` or `options` fails.
+  - : Thrown if:
+    - The `options` parameter is an empty object.
+    - The `url` option is present and is not equal with the creation URL, if in main thread.
+    - The `url` option is present and its origin is not the same as the origin of the creation URL.
+    - Querying cookies represented by the given `name` or `options` fails.
 
 ## Examples
 
diff --git a/files/en-us/web/api/cookiestore/getall/index.md b/files/en-us/web/api/cookiestore/getall/index.md
index f12b6eb318d8d81..c0478bcc72211fd 100644
--- a/files/en-us/web/api/cookiestore/getall/index.md
+++ b/files/en-us/web/api/cookiestore/getall/index.md
@@ -85,8 +85,13 @@ Each object contains the following properties:
 
 ### Exceptions
 
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the origin does not {{glossary("Serialization", "serialize")}} to a URL.
 - {{jsxref("TypeError")}}
-  - : Thrown if getting the cookie or cookies represented by the given `name` or `options` fails.
+  - : Thrown if:
+    - The `url` option is present and is not equal with the creation URL, if in main thread.
+    - The `url` option is present and its origin is not the same as the origin of the creation URL.
+    - Querying cookies represented by the given `name` or `options` fails.
 
 ## Examples
 
diff --git a/files/en-us/web/api/cookiestore/set/index.md b/files/en-us/web/api/cookiestore/set/index.md
index a982f23dfc1b6d9..354869646952549 100644
--- a/files/en-us/web/api/cookiestore/set/index.md
+++ b/files/en-us/web/api/cookiestore/set/index.md
@@ -66,10 +66,10 @@ A {{jsxref("Promise")}} that resolves with {{jsxref("undefined")}} when setting
 
 ### Exceptions
 
-- {{jsxref("TypeError")}}
-  - : Thrown if setting the cookie with the given values fails.
 - `SecurityError` {{domxref("DOMException")}}
-  - : Thrown if the origin does not {{glossary("Serialization", "serialize")}} to a URL.
+  - : Thrown if the origin can not be {{glossary("Serialization", "serialized")}} to a URL.
+- {{jsxref("TypeError")}}
+  - : Thrown if setting the cookie with the given `name` and `value` or `options` fails.
 
 ## Examples
 

From bcb7e553dafccf98dc641185c303a3be25c7d861 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 13 Jan 2024 19:42:00 +0800
Subject: [PATCH 393/790] Update description style & adjust properties' order
 (#31703)

---
 files/en-us/web/api/notification/close/index.md     | 2 +-
 files/en-us/web/api/notification/dir/index.md       | 2 +-
 files/en-us/web/api/notification/image/index.md     | 2 +-
 files/en-us/web/api/notification/index.md           | 8 ++++----
 files/en-us/web/api/notification/timestamp/index.md | 2 +-
 files/en-us/web/api/notification/vibrate/index.md   | 2 +-
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/files/en-us/web/api/notification/close/index.md b/files/en-us/web/api/notification/close/index.md
index 91d5a32334c149b..2a5f7101689d289 100644
--- a/files/en-us/web/api/notification/close/index.md
+++ b/files/en-us/web/api/notification/close/index.md
@@ -8,7 +8,7 @@ browser-compat: api.Notification.close
 
 {{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
 
-The `close()` method of the {{domxref("Notification")}} interface is used to
+The **`close()`** method of the {{domxref("Notification")}} interface is used to
 close/remove a previously displayed notification.
 
 > **Note:** This API shouldn't be used just to have the notification
diff --git a/files/en-us/web/api/notification/dir/index.md b/files/en-us/web/api/notification/dir/index.md
index e2fb4f0b1ab3d46..bd61669c1c74996 100644
--- a/files/en-us/web/api/notification/dir/index.md
+++ b/files/en-us/web/api/notification/dir/index.md
@@ -8,7 +8,7 @@ browser-compat: api.Notification.dir
 
 {{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
 
-The `dir` read-only property of the {{domxref("Notification")}} interface indicates the text direction of the notification, as specified in the `dir` option of the {{domxref("Notification.Notification","Notification()")}} constructor.
+The **`dir`** read-only property of the {{domxref("Notification")}} interface indicates the text direction of the notification, as specified in the `dir` option of the {{domxref("Notification.Notification","Notification()")}} constructor.
 
 ## Value
 
diff --git a/files/en-us/web/api/notification/image/index.md b/files/en-us/web/api/notification/image/index.md
index a1bc79672a65ecc..7f9a206a60ae029 100644
--- a/files/en-us/web/api/notification/image/index.md
+++ b/files/en-us/web/api/notification/image/index.md
@@ -10,7 +10,7 @@ browser-compat: api.Notification.image
 
 {{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}{{SeeCompatTable}}
 
-The `image` read-only property of the
+The **`image`** read-only property of the
 {{domxref("Notification")}} interface contains the URL of an image to be displayed as
 part of the notification, as specified in the `image` option of the
 {{domxref("Notification.Notification","Notification()")}} constructor.
diff --git a/files/en-us/web/api/notification/index.md b/files/en-us/web/api/notification/index.md
index 87ad8d749685d55..90b08b484e1e310 100644
--- a/files/en-us/web/api/notification/index.md
+++ b/files/en-us/web/api/notification/index.md
@@ -47,20 +47,20 @@ _Also inherits properties from its parent interface, {{domxref("EventTarget")}}_
   - : Returns a structured clone of the notification's data.
 - {{domxref("Notification.dir")}} {{ReadOnlyInline}}
   - : The text direction of the notification as specified in the constructor's `options` parameter.
-- {{domxref("Notification.lang")}} {{ReadOnlyInline}}
-  - : The language code of the notification as specified in the constructor's `options` parameter.
-- {{domxref("Notification.tag")}} {{ReadOnlyInline}}
-  - : The ID of the notification (if any) as specified in the constructor's `options` parameter.
 - {{domxref("Notification.icon")}} {{ReadOnlyInline}}
   - : The URL of the image used as an icon of the notification as specified in the constructor's `options` parameter.
 - {{domxref("Notification.image")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : The URL of an image to be displayed as part of the notification, as specified in the constructor's `options` parameter.
+- {{domxref("Notification.lang")}} {{ReadOnlyInline}}
+  - : The language code of the notification as specified in the constructor's `options` parameter.
 - {{domxref("Notification.renotify")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Specifies whether the user should be notified after a new notification replaces an old one.
 - {{domxref("Notification.requireInteraction")}} {{ReadOnlyInline}}
   - : A boolean value indicating that a notification should remain active until the user clicks or dismisses it, rather than closing automatically.
 - {{domxref("Notification.silent")}} {{ReadOnlyInline}}
   - : Specifies whether the notification should be silent — i.e., no sounds or vibrations should be issued, regardless of the device settings.
+- {{domxref("Notification.tag")}} {{ReadOnlyInline}}
+  - : The ID of the notification (if any) as specified in the constructor's `options` parameter.
 - {{domxref("Notification.timestamp")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Specifies the time at which a notification is created or applicable (past, present, or future).
 - {{domxref("Notification.title")}} {{ReadOnlyInline}}
diff --git a/files/en-us/web/api/notification/timestamp/index.md b/files/en-us/web/api/notification/timestamp/index.md
index c0c3037af57d6b7..56c8b9171496136 100644
--- a/files/en-us/web/api/notification/timestamp/index.md
+++ b/files/en-us/web/api/notification/timestamp/index.md
@@ -23,7 +23,7 @@ missed message could be set in the past.
 
 ## Value
 
-A number representing a timestamp, given as [Unix time](/en-US/docs/Glossary/Unix_time) in milliseconds.
+A number representing a timestamp, given as {{Glossary("Unix time")}} in milliseconds.
 
 ## Examples
 
diff --git a/files/en-us/web/api/notification/vibrate/index.md b/files/en-us/web/api/notification/vibrate/index.md
index d3e2bd7c1f40f6f..cbbfce46a4d4a1e 100644
--- a/files/en-us/web/api/notification/vibrate/index.md
+++ b/files/en-us/web/api/notification/vibrate/index.md
@@ -10,7 +10,7 @@ browser-compat: api.Notification.vibrate
 
 {{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}{{SeeCompatTable}}
 
-The `vibrate` read-only property of the {{domxref("Notification")}}
+The **`vibrate`** read-only property of the {{domxref("Notification")}}
 interface specifies a [vibration pattern](/en-US/docs/Web/API/Vibration_API#vibration_patterns)
 for the device's vibration hardware to emit when the notification fires. This is
 specified in the `vibrate` option of the

From 897b766d0f1ce3c7c53b40156bb3aefe075521aa Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 13 Jan 2024 19:49:07 +0800
Subject: [PATCH 394/790] update parameters & return value & exceptions of
 Notification constructor (#31706)

---
 files/en-us/web/api/notification/index.md     |  2 +
 .../api/notification/notification/index.md    | 59 ++++++++++++-------
 2 files changed, 39 insertions(+), 22 deletions(-)

diff --git a/files/en-us/web/api/notification/index.md b/files/en-us/web/api/notification/index.md
index 90b08b484e1e310..394b4ef6d4dfd11 100644
--- a/files/en-us/web/api/notification/index.md
+++ b/files/en-us/web/api/notification/index.md
@@ -84,6 +84,8 @@ _Also inherits methods from its parent interface, {{domxref("EventTarget")}}_.
 
 ## Events
 
+_Also inherits events from its parent interface, {{domxref("EventTarget")}}_.
+
 - {{domxref("Notification.click_event", "click")}}
   - : Fires when the user clicks the notification.
 - {{domxref("Notification.close_event", "close")}}
diff --git a/files/en-us/web/api/notification/notification/index.md b/files/en-us/web/api/notification/notification/index.md
index 993808364711900..688c6ddf1573ff0 100644
--- a/files/en-us/web/api/notification/notification/index.md
+++ b/files/en-us/web/api/notification/notification/index.md
@@ -28,65 +28,80 @@ new Notification(title, options)
   - : An options object containing any custom settings that you want to apply to the
     notification. The possible options are:
 
-    - `dir`
+    - `dir` {{optional_inline}}
       - : The direction in which to display the notification. It
         defaults to `auto`, which just adopts the browser's language setting
         behavior, but you can override that behavior by setting values of `ltr`
         and `rtl` (although most browsers seem to ignore these settings.)
-    - `lang`
+    - `lang` {{optional_inline}}
       - : The notification's language, as specified using a
         string representing a language tag
         according to {{RFC(5646, "Tags for Identifying Languages (also known as BCP 47)")}}.
-        See the Sitepoint [ISO 2 letter language codes](https://www.sitepoint.com/iso-2-letter-language-codes/) page for a simple reference.
-    - `badge`
+        See the Sitepoint [ISO 2 letter language codes](https://www.sitepoint.com/iso-2-letter-language-codes/) page for a simple reference. The default is the empty string.
+    - `badge` {{optional_inline}}
       - : A string containing the URL of the image
         used to represent the notification when there isn't enough space to display the
         notification itself.
-    - `body`
+    - `body` {{optional_inline}}
       - : A string representing the body text of the
         notification, which is displayed below the title.
-    - `tag`
+        The default is the empty string.
+    - `tag` {{optional_inline}}
       - : A string representing an identifying tag for
         the notification. The default is the empty string.
-    - `icon`
+    - `icon` {{optional_inline}}
       - : A string containing the URL of an icon to
         be displayed in the notification.
-    - `image`
+    - `image` {{optional_inline}}
       - : a string containing the URL of an image to
         be displayed in the notification.
-    - `data`
+    - `data` {{optional_inline}}
       - : Arbitrary data that you want associated with the
         notification. This can be of any data type.
-    - `vibrate`
+        The default is `null`.
+    - `vibrate` {{optional_inline}}
       - : A [vibration pattern](/en-US/docs/Web/API/Vibration_API#vibration_patterns) for the device's vibration hardware to emit with the notification. If specified, `silent` must not be `true`.
-    - `renotify`
+    - `timestamp` {{optional_inline}}
+      - : A number representing the time at which a notification is created or applicable (past, present, or future).
+    - `renotify` {{optional_inline}}
       - : A boolean value specifying whether the user should be notified after a new notification replaces an old one. The default is `false`, which means they won't be notified. If `true`, then `tag` also must be set.
-    - `requireInteraction`
+    - `requireInteraction` {{optional_inline}}
       - : Indicates that a notification should remain
         active until the user clicks or dismisses it, rather than closing automatically.
         The default value is `false`.
-    - `actions`
+    - `actions` {{optional_inline}}
 
-      - : An array of actions to display in the notification. Each element in the array is an object with the following members:
+      - : An array of actions to display in the notification, for which the default is an empty array. Each element in the array can be an object with the following members:
 
-        - `action`: A string identifying a user action to be displayed on the notification.
-        - `title`: A string containing action text to be shown to the user.
-        - `icon`: A string containing the URL of an icon to display with the action.
+        - `action`
+          - : A string identifying a user action to be displayed on the notification.
+        - `title`
+          - : A string containing action text to be shown to the user.
+        - `icon` {{optional_inline}}
+          - : A string containing the URL of an icon to display with the action.
 
         Appropriate responses are built using `event.action` within the
         {{domxref("ServiceWorkerGlobalScope.notificationclick_event", "notificationclick")}} event.
 
-    - `silent`
+    - `silent` {{optional_inline}}
       - : A boolean value specifying whether the
         notification is silent (no sounds or vibrations issued), regardless of the device
-        settings. The default is `false`, which means it won't be silent. If `true`, then `vibrate` must not be present.
+        settings. The default is `null`. If `true`, then `vibrate` must not be present.
+
+### Return value
+
+An instance of the {{domxref("Notification")}} object.
 
 ### Exceptions
 
 - {{jsxref("TypeError")}}
-  - : Thrown if one of the following is true:
-    - `options.silent` is `true` and `options.vibrate` is specified.
-    - `options.renotify` is `true` but `options.tag` is empty.
+  - : Thrown if:
+    - The constructor is called within the {{domxref("ServiceWorkerGlobalScope")}}.
+    - The `actions` option is specified and is not empty.
+    - The `silent` option is `true` and the `vibrate` option is specified.
+    - The `renotify` option is `true` but the `tag` option is empty.
+- `DataCloneError` {{domxref("DOMException")}}
+  - : Thrown if serializing the `data` option failed for some reason.
 
 ## Examples
 

From 45d834a0f3fb816e7a22ce8dbd7afd008f22fe58 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 13 Jan 2024 20:20:30 +0800
Subject: [PATCH 395/790] Remove these broken macros of CSSOM documentation
 (#31680)

* remove these interfaces

* Update files/en-us/web/api/css_object_model/index.md

* Update files/en-us/web/api/css_object_model/index.md
---
 files/en-us/web/api/css_object_model/index.md | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/files/en-us/web/api/css_object_model/index.md b/files/en-us/web/api/css_object_model/index.md
index 68441c3a40356e8..c7a9ff7781aba4d 100644
--- a/files/en-us/web/api/css_object_model/index.md
+++ b/files/en-us/web/api/css_object_model/index.md
@@ -19,7 +19,6 @@ The values of CSS are represented untyped, that is using {{JSxRef("String")}} ob
 - {{DOMxRef("AnimationEvent")}}
 - {{DOMxRef("CaretPosition")}}
 - {{DOMxRef("CSS")}}
-- {{DOMxRef("CSSCharsetRule")}}
 - {{DOMxRef("CSSConditionRule")}}
 - {{DOMxRef("CSSCounterStyleRule")}}
 - {{DOMxRef("CSSFontFaceRule")}}
@@ -39,12 +38,9 @@ The values of CSS are represented untyped, that is using {{JSxRef("String")}} ob
 - {{DOMxRef("CSSStyleSheet")}}
 - {{DOMxRef("CSSStyleRule")}}
 - {{DOMxRef("CSSSupportsRule")}}
-- {{DOMxRef("CSSVariablesMap")}}
-- {{DOMxRef("CSSViewportRule")}}
 - {{DOMxRef("FontFace")}}
 - {{DOMxRef("FontFaceSet")}}
 - {{DOMxRef("FontFaceSetLoadEvent")}}
-- {{DOMxRef("GetStyleUtils")}}
 - {{DOMxRef("MediaList")}}
 - {{DOMxRef("MediaQueryList")}}
 - {{DOMxRef("MediaQueryListEvent")}}

From b471583f1a7ae6d99c0863ed037eb0cd8c7f1830 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Mon, 15 Jan 2024 10:24:30 +0800
Subject: [PATCH 396/790] fix the broken link (#31695)

---
 files/en-us/web/api/history/replacestate/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/history/replacestate/index.md b/files/en-us/web/api/history/replacestate/index.md
index 79954737ac843da..33c5691b3dfa8d6 100644
--- a/files/en-us/web/api/history/replacestate/index.md
+++ b/files/en-us/web/api/history/replacestate/index.md
@@ -55,7 +55,7 @@ history.pushState(stateObj, "", "bar.html");
 
 On the next page you could then use `history.state` to access the `stateObj` that was just added.
 
-The explanation of these two lines above can be found in the [Example of `pushState()` method](/en-US/docs/Web/API/History_API/Working_with_the_History_API#example_of_pushstate_method) section of the [Working with the History API](/en-US/docs/Web/API/History_API/Working_with_the_History_API) article. Then suppose
+The explanation of these two lines above can be found in the [Working with the History API](/en-US/docs/Web/API/History_API/Working_with_the_History_API#using_pushstate) article. Then suppose
 `https://www.mozilla.org/bar.html` executes the following
 JavaScript:
 

From 2b554506d84d016d3ddf612c593bd8315833c64d Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 15 Jan 2024 15:57:21 +0800
Subject: [PATCH 397/790] Replace note with {{AvailableInWorkers}} (#31716)

* formdata

* headers

* remove

* serviceworkerregistration

* permissions-api
---
 files/en-us/web/api/formdata/append/index.md                  | 2 +-
 files/en-us/web/api/formdata/delete/index.md                  | 2 +-
 files/en-us/web/api/formdata/entries/index.md                 | 2 +-
 files/en-us/web/api/formdata/formdata/index.md                | 2 +-
 files/en-us/web/api/formdata/get/index.md                     | 2 +-
 files/en-us/web/api/formdata/getall/index.md                  | 2 +-
 files/en-us/web/api/formdata/has/index.md                     | 2 +-
 files/en-us/web/api/formdata/index.md                         | 2 +-
 files/en-us/web/api/formdata/keys/index.md                    | 2 +-
 files/en-us/web/api/formdata/set/index.md                     | 2 +-
 files/en-us/web/api/formdata/values/index.md                  | 2 +-
 files/en-us/web/api/headers/append/index.md                   | 2 ++
 files/en-us/web/api/headers/delete/index.md                   | 2 ++
 files/en-us/web/api/headers/entries/index.md                  | 2 +-
 files/en-us/web/api/headers/foreach/index.md                  | 2 ++
 files/en-us/web/api/headers/get/index.md                      | 2 ++
 files/en-us/web/api/headers/getsetcookie/index.md             | 2 ++
 files/en-us/web/api/headers/has/index.md                      | 2 ++
 files/en-us/web/api/headers/headers/index.md                  | 2 ++
 files/en-us/web/api/headers/index.md                          | 2 ++
 files/en-us/web/api/headers/keys/index.md                     | 2 +-
 files/en-us/web/api/headers/set/index.md                      | 2 ++
 files/en-us/web/api/headers/values/index.md                   | 2 +-
 files/en-us/web/api/htmlmediaelement/buffered/index.md        | 2 --
 files/en-us/web/api/htmlmediaelement/canplaytype/index.md     | 2 --
 files/en-us/web/api/permissions_api/index.md                  | 2 +-
 files/en-us/web/api/serviceworkerregistration/active/index.md | 4 ++--
 .../api/serviceworkerregistration/backgroundfetch/index.md    | 2 ++
 .../api/serviceworkerregistration/getnotifications/index.md   | 2 ++
 files/en-us/web/api/serviceworkerregistration/index.md        | 2 +-
 files/en-us/web/api/serviceworkerregistration/index/index.md  | 2 ++
 .../web/api/serviceworkerregistration/installing/index.md     | 2 +-
 .../api/serviceworkerregistration/navigationpreload/index.md  | 2 ++
 .../web/api/serviceworkerregistration/paymentmanager/index.md | 2 ++
 .../web/api/serviceworkerregistration/periodicsync/index.md   | 2 ++
 .../web/api/serviceworkerregistration/pushmanager/index.md    | 2 ++
 files/en-us/web/api/serviceworkerregistration/scope/index.md  | 2 +-
 .../api/serviceworkerregistration/shownotification/index.md   | 2 +-
 files/en-us/web/api/serviceworkerregistration/sync/index.md   | 2 ++
 .../web/api/serviceworkerregistration/unregister/index.md     | 2 +-
 files/en-us/web/api/serviceworkerregistration/update/index.md | 2 +-
 .../api/serviceworkerregistration/updatefound_event/index.md  | 2 ++
 .../web/api/serviceworkerregistration/updateviacache/index.md | 2 ++
 .../en-us/web/api/serviceworkerregistration/waiting/index.md  | 2 +-
 44 files changed, 62 insertions(+), 28 deletions(-)

diff --git a/files/en-us/web/api/formdata/append/index.md b/files/en-us/web/api/formdata/append/index.md
index b74f9cb1090069f..e00b03385a2a960 100644
--- a/files/en-us/web/api/formdata/append/index.md
+++ b/files/en-us/web/api/formdata/append/index.md
@@ -12,7 +12,7 @@ The **`append()`** method of the {{domxref("FormData")}} interface appends a new
 
 The difference between {{domxref("FormData.set", "set()")}} and `append()` is that if the specified key already exists, `set()` will overwrite all existing values with the new one, whereas `append()` will append the new value onto the end of the existing set of values.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/formdata/delete/index.md b/files/en-us/web/api/formdata/delete/index.md
index c3437a7c57df38c..a0b1d75f1997c12 100644
--- a/files/en-us/web/api/formdata/delete/index.md
+++ b/files/en-us/web/api/formdata/delete/index.md
@@ -10,7 +10,7 @@ browser-compat: api.FormData.delete
 
 The **`delete()`** method of the {{domxref("FormData")}} interface deletes a key and its value(s) from a `FormData` object.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/formdata/entries/index.md b/files/en-us/web/api/formdata/entries/index.md
index 38372794c89c2fa..37732df39be9412 100644
--- a/files/en-us/web/api/formdata/entries/index.md
+++ b/files/en-us/web/api/formdata/entries/index.md
@@ -10,7 +10,7 @@ browser-compat: api.FormData.entries
 
 The **`FormData.entries()`** method returns an [iterator](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) which iterates through all key/value pairs contained in the {{domxref("FormData")}}. The key of each pair is a string object, and the value is either a string or a {{domxref("Blob")}}.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/formdata/formdata/index.md b/files/en-us/web/api/formdata/formdata/index.md
index 07a618057587fd0..d01dbeebe089c5e 100644
--- a/files/en-us/web/api/formdata/formdata/index.md
+++ b/files/en-us/web/api/formdata/formdata/index.md
@@ -10,7 +10,7 @@ browser-compat: api.FormData.FormData
 
 The **`FormData()`** constructor creates a new {{domxref("FormData")}} object.
 
-> **Note:** This feature is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/formdata/get/index.md b/files/en-us/web/api/formdata/get/index.md
index 18dd81c829907fc..5ec74cb381bf952 100644
--- a/files/en-us/web/api/formdata/get/index.md
+++ b/files/en-us/web/api/formdata/get/index.md
@@ -13,7 +13,7 @@ returns the first value associated with a given key from within a `FormData`
 object. If you expect multiple values and want all of them, use the
 {{domxref("FormData.getAll()","getAll()")}} method instead.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/formdata/getall/index.md b/files/en-us/web/api/formdata/getall/index.md
index f5a38755a3a8210..ef2afb9520750b0 100644
--- a/files/en-us/web/api/formdata/getall/index.md
+++ b/files/en-us/web/api/formdata/getall/index.md
@@ -10,7 +10,7 @@ browser-compat: api.FormData.getAll
 
 The **`getAll()`** method of the {{domxref("FormData")}} interface returns all the values associated with a given key from within a `FormData` object.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/formdata/has/index.md b/files/en-us/web/api/formdata/has/index.md
index bc5c3afa72619a3..abc1f0a63f471d9 100644
--- a/files/en-us/web/api/formdata/has/index.md
+++ b/files/en-us/web/api/formdata/has/index.md
@@ -10,7 +10,7 @@ browser-compat: api.FormData.has
 
 The **`has()`** method of the {{domxref("FormData")}} interface returns whether a `FormData` object contains a certain key.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/formdata/index.md b/files/en-us/web/api/formdata/index.md
index 626a366ba06bc80..b8cb4a97abf604c 100644
--- a/files/en-us/web/api/formdata/index.md
+++ b/files/en-us/web/api/formdata/index.md
@@ -13,7 +13,7 @@ You can also pass it directly to the {{domxref("URLSearchParams")}} constructor
 
 An object implementing `FormData` can directly be used in a {{jsxref("Statements/for...of", "for...of")}} structure, instead of {{domxref('FormData.entries()', 'entries()')}}: `for (const p of myFormData)` is equivalent to `for (const p of myFormData.entries())`.
 
-> **Note:** This feature is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Constructor
 
diff --git a/files/en-us/web/api/formdata/keys/index.md b/files/en-us/web/api/formdata/keys/index.md
index 64dfa35616f77a0..7ebdf4aa722a198 100644
--- a/files/en-us/web/api/formdata/keys/index.md
+++ b/files/en-us/web/api/formdata/keys/index.md
@@ -10,7 +10,7 @@ browser-compat: api.FormData.keys
 
 The **`FormData.keys()`** method returns an [iterator](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) which iterates through all keys contained in the {{domxref("FormData")}}. The keys are strings.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/formdata/set/index.md b/files/en-us/web/api/formdata/set/index.md
index 1ae887c760a6bf6..763a7fae52d5281 100644
--- a/files/en-us/web/api/formdata/set/index.md
+++ b/files/en-us/web/api/formdata/set/index.md
@@ -12,7 +12,7 @@ The **`set()`** method of the {{domxref("FormData")}} interface sets a new value
 
 The difference between `set()` and {{domxref("FormData.append", "append()")}} is that if the specified key does already exist, `set()` will overwrite all existing values with the new one, whereas `append()` will append the new value onto the end of the existing set of values.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/formdata/values/index.md b/files/en-us/web/api/formdata/values/index.md
index b7fcba76ea2f8bd..48c262de9835916 100644
--- a/files/en-us/web/api/formdata/values/index.md
+++ b/files/en-us/web/api/formdata/values/index.md
@@ -10,7 +10,7 @@ browser-compat: api.FormData.values
 
 The **`FormData.values()`** method returns an [iterator](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) which iterates through all values contained in the {{domxref("FormData")}}. The values are strings or {{domxref("Blob")}} objects.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/headers/append/index.md b/files/en-us/web/api/headers/append/index.md
index dccc7e09fe9295e..0389cf26cbe52a4 100644
--- a/files/en-us/web/api/headers/append/index.md
+++ b/files/en-us/web/api/headers/append/index.md
@@ -21,6 +21,8 @@ For security reasons, some headers can only be controlled by the user agent. The
 headers include the {{Glossary("Forbidden_header_name", "forbidden header names")}}
 and {{Glossary("Forbidden_response_header_name", "forbidden response header names")}}.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/headers/delete/index.md b/files/en-us/web/api/headers/delete/index.md
index dca49bfc1358469..91ddff9fedd7d3f 100644
--- a/files/en-us/web/api/headers/delete/index.md
+++ b/files/en-us/web/api/headers/delete/index.md
@@ -20,6 +20,8 @@ For security reasons, some headers can only be controlled by the user agent. The
 headers include the {{Glossary("Forbidden_header_name", "forbidden header names")}}
 and {{Glossary("Forbidden_response_header_name", "forbidden response header names")}}.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/headers/entries/index.md b/files/en-us/web/api/headers/entries/index.md
index b1ba42fde55630a..dd31379a6d20403 100644
--- a/files/en-us/web/api/headers/entries/index.md
+++ b/files/en-us/web/api/headers/entries/index.md
@@ -13,7 +13,7 @@ The **`Headers.entries()`** method returns an
 contained in this object. Both the key and value of each pair are
 {{jsxref("String")}} objects.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/headers/foreach/index.md b/files/en-us/web/api/headers/foreach/index.md
index 69966399f1b6361..f730cf68a033e8d 100644
--- a/files/en-us/web/api/headers/foreach/index.md
+++ b/files/en-us/web/api/headers/foreach/index.md
@@ -10,6 +10,8 @@ browser-compat: api.Headers.forEach
 
 The **`Headers.forEach()`** method executes a callback function once per each key/value pair in the [`Headers`](/en-US/docs/Web/API/Headers) object.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/headers/get/index.md b/files/en-us/web/api/headers/get/index.md
index 2fccb2ea3062a80..d93705a611d3b6a 100644
--- a/files/en-us/web/api/headers/get/index.md
+++ b/files/en-us/web/api/headers/get/index.md
@@ -17,6 +17,8 @@ For security reasons, some headers can only be controlled by the user agent. The
 headers include the {{Glossary("Forbidden_header_name", "forbidden header names")}}
 and {{Glossary("Forbidden_response_header_name", "forbidden response header names")}}.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/headers/getsetcookie/index.md b/files/en-us/web/api/headers/getsetcookie/index.md
index 0940de765d53f0a..5fa23ba6ddd43e4 100644
--- a/files/en-us/web/api/headers/getsetcookie/index.md
+++ b/files/en-us/web/api/headers/getsetcookie/index.md
@@ -12,6 +12,8 @@ The **`getSetCookie()`** method of the {{domxref("Headers")}} interface returns
 
 This method is intended for use on server environments (for example Node.js). Browsers block frontend JavaScript code from accessing the {{httpheader("Set-Cookie")}} header, as required by the Fetch spec, which defines `Set-Cookie` as a [forbidden response-header name](https://fetch.spec.whatwg.org/#forbidden-response-header-name) that [must be filtered out](https://fetch.spec.whatwg.org/#ref-for-forbidden-response-header-name%E2%91%A0) from any response exposed to frontend code.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/headers/has/index.md b/files/en-us/web/api/headers/has/index.md
index 0458c4e80e80db8..f2ca49cc98118c6 100644
--- a/files/en-us/web/api/headers/has/index.md
+++ b/files/en-us/web/api/headers/has/index.md
@@ -16,6 +16,8 @@ For security reasons, some headers can only be controlled by the user agent. The
 headers include the {{Glossary("Forbidden_header_name", "forbidden header names")}}
 and {{Glossary("Forbidden_response_header_name", "forbidden response header names")}}.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/headers/headers/index.md b/files/en-us/web/api/headers/headers/index.md
index c7382b6a03564a9..ce15319cab379e1 100644
--- a/files/en-us/web/api/headers/headers/index.md
+++ b/files/en-us/web/api/headers/headers/index.md
@@ -11,6 +11,8 @@ browser-compat: api.Headers.Headers
 The **`Headers()`** constructor creates a new
 {{domxref("Headers")}} object.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/headers/index.md b/files/en-us/web/api/headers/index.md
index fcaa0f56566c3e3..ebb60c834284a47 100644
--- a/files/en-us/web/api/headers/index.md
+++ b/files/en-us/web/api/headers/index.md
@@ -21,6 +21,8 @@ An object implementing `Headers` can directly be used in a {{jsxref("Statements/
 
 > **Note:** you can find out more about the available headers by reading our [HTTP headers](/en-US/docs/Web/HTTP/Headers) reference.
 
+{{AvailableInWorkers}}
+
 ## Constructor
 
 - {{domxref("Headers.Headers()", "Headers()")}}
diff --git a/files/en-us/web/api/headers/keys/index.md b/files/en-us/web/api/headers/keys/index.md
index 7e73ed9bff05f65..86671e3ee5e0545 100644
--- a/files/en-us/web/api/headers/keys/index.md
+++ b/files/en-us/web/api/headers/keys/index.md
@@ -12,7 +12,7 @@ The **`Headers.keys()`** method returns an
 {{jsxref("Iteration_protocols",'iterator')}} allowing to go through all keys contained
 in this object. The keys are {{jsxref("String")}} objects.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/headers/set/index.md b/files/en-us/web/api/headers/set/index.md
index 53bf14b7bb7ff6a..3cdf017f0d0a40d 100644
--- a/files/en-us/web/api/headers/set/index.md
+++ b/files/en-us/web/api/headers/set/index.md
@@ -21,6 +21,8 @@ For security reasons, some headers can only be controlled by the user agent. The
 headers include the {{Glossary("Forbidden_header_name", "forbidden header names")}}
 and {{Glossary("Forbidden_response_header_name", "forbidden response header names")}}.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/headers/values/index.md b/files/en-us/web/api/headers/values/index.md
index bd1df781eb7dbaa..ea8f19176cdb3bc 100644
--- a/files/en-us/web/api/headers/values/index.md
+++ b/files/en-us/web/api/headers/values/index.md
@@ -12,7 +12,7 @@ The **`Headers.values()`** method returns an
 {{jsxref("Iteration_protocols",'iterator')}} allowing to go through all values contained
 in this object. The values are {{jsxref("String")}} objects.
 
-> **Note:** This method is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/htmlmediaelement/buffered/index.md b/files/en-us/web/api/htmlmediaelement/buffered/index.md
index 16aad2f86a5098f..b74575c33296f78 100644
--- a/files/en-us/web/api/htmlmediaelement/buffered/index.md
+++ b/files/en-us/web/api/htmlmediaelement/buffered/index.md
@@ -10,8 +10,6 @@ browser-compat: api.HTMLMediaElement.buffered
 
 The **`buffered`** read-only property of {{domxref("HTMLMediaElement")}} objects returns a new static [normalized `TimeRanges` object](/en-US/docs/Web/API/TimeRanges#normalized_timeranges_objects) that represents the ranges of the media resource, if any, that the user agent has buffered at the moment the `buffered` property is accessed.
 
-> **Note:** This feature is not available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
-
 ## Value
 
 A new static [normalized TimeRanges object](/en-US/docs/Web/API/TimeRanges#normalized_timeranges_objects) that represents the ranges of the media resource, if any, that the user agent has buffered at the moment the `buffered` property is accessed.
diff --git a/files/en-us/web/api/htmlmediaelement/canplaytype/index.md b/files/en-us/web/api/htmlmediaelement/canplaytype/index.md
index c9e26f05cae18e8..cc7f995ef99ce57 100644
--- a/files/en-us/web/api/htmlmediaelement/canplaytype/index.md
+++ b/files/en-us/web/api/htmlmediaelement/canplaytype/index.md
@@ -10,8 +10,6 @@ browser-compat: api.HTMLMediaElement.canPlayType
 
 The {{domxref("HTMLMediaElement")}} method **`canPlayType()`** reports how likely it is that the current browser will be able to play media of a given MIME type.
 
-> **Note:** This feature is not available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
-
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/permissions_api/index.md b/files/en-us/web/api/permissions_api/index.md
index 43ded618e43e548..efb4484b25954b9 100644
--- a/files/en-us/web/api/permissions_api/index.md
+++ b/files/en-us/web/api/permissions_api/index.md
@@ -16,7 +16,7 @@ The **Permissions API** provides a consistent programmatic way to query the stat
 Note that the permissions from this API effectively aggregate all security restrictions for the context, including any requirement for an API to be used in a secure context, [Permissions-Policy](/en-US/docs/Web/HTTP/Headers/Permissions-Policy) restrictions applied to the document, and user prompts.
 So, for example, if an API is restricted by permissions policy, the returned permission would be `denied` and the user would not be prompted for access.
 
-> **Note:** This feature is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API) on platforms that support the [WorkerNavigator.permissions](/en-US/docs/Web/API/WorkerNavigator/permissions#browser_support) property.
+{{AvailableInWorkers}}
 
 ## Concepts and usage
 
diff --git a/files/en-us/web/api/serviceworkerregistration/active/index.md b/files/en-us/web/api/serviceworkerregistration/active/index.md
index b0cc6402ce631dd..35f2b2d901d06e1 100644
--- a/files/en-us/web/api/serviceworkerregistration/active/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/active/index.md
@@ -17,12 +17,12 @@ An active worker controls a {{domxref("Client")}} if the client's URL
 falls within the scope of the registration (the `scope` option set when
 {{domxref("ServiceWorkerContainer.register")}} is first called.)
 
-> **Note:** This feature is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
-
 > **Note:** Once an active worker is `activating`, neither a
 > runtime script error nor a force termination of the active worker prevents the active
 > worker from getting `activated`.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A {{domxref("ServiceWorker")}} object's property, if it is currently in an
diff --git a/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md b/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md
index 036b3894688a090..4a6e6b3ffee3f35 100644
--- a/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md
@@ -14,6 +14,8 @@ The **`backgroundFetch`** property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a reference to a
 {{domxref("BackgroundFetchManager")}} object, which can be used to initiate background fetch operations.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A {{domxref("BackgroundFetchManager")}} object.
diff --git a/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md b/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md
index f92b1ec8e717e7b..49d00c3e021f972 100644
--- a/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md
@@ -16,6 +16,8 @@ differently-scoped service worker registrations. Notifications created by one se
 worker on the same origin will not be available to other active service workers on
 that same origin.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/serviceworkerregistration/index.md b/files/en-us/web/api/serviceworkerregistration/index.md
index e04dcc4d2d3c86b..cf865bd10ab0d51 100644
--- a/files/en-us/web/api/serviceworkerregistration/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/index.md
@@ -11,7 +11,7 @@ The **`ServiceWorkerRegistration`** interface of the [Service Worker API](/en-US
 
 The lifetime of a service worker registration is beyond that of the `ServiceWorkerRegistration` objects that represent them within the lifetime of their corresponding service worker clients. The browser maintains a persistent list of active `ServiceWorkerRegistration` objects.
 
-> **Note:** This feature is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 {{InheritanceDiagram}}
 
diff --git a/files/en-us/web/api/serviceworkerregistration/index/index.md b/files/en-us/web/api/serviceworkerregistration/index/index.md
index 466373163923e4c..c2c9b11df7f8cb9 100644
--- a/files/en-us/web/api/serviceworkerregistration/index/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/index/index.md
@@ -14,6 +14,8 @@ The **`index`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a reference to the
 {{domxref('ContentIndex')}} interface, which allows for indexing of offline content.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A {{domxref('ContentIndex')}} object.
diff --git a/files/en-us/web/api/serviceworkerregistration/installing/index.md b/files/en-us/web/api/serviceworkerregistration/installing/index.md
index 5d92aa3f5ab43d8..a203b1def398076 100644
--- a/files/en-us/web/api/serviceworkerregistration/installing/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/installing/index.md
@@ -13,7 +13,7 @@ The **`installing`** property of the
 {{domxref("ServiceWorker.state")}} is `installing`. This property is
 initially set to `null`.
 
-> **Note:** This feature is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Value
 
diff --git a/files/en-us/web/api/serviceworkerregistration/navigationpreload/index.md b/files/en-us/web/api/serviceworkerregistration/navigationpreload/index.md
index ee43df89da1727b..008b608d8636df4 100644
--- a/files/en-us/web/api/serviceworkerregistration/navigationpreload/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/navigationpreload/index.md
@@ -12,6 +12,8 @@ The **`navigationPreload`** read-only property of the {{domxref("ServiceWorkerRe
 
 The returned object allows resources managed by a service worker to be preemptively downloaded in parallel with service worker boot up.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 An instance of {{domxref("NavigationPreloadManager")}}.
diff --git a/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md b/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md
index c2c5c82bbcaa7e3..b3821f8603a4c06 100644
--- a/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md
@@ -13,6 +13,8 @@ browser-compat: api.ServiceWorkerRegistration.paymentManager
 The **`paymentManager`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a payment app's {{domxref("PaymentManager")}} instance, which is used to manage various payment app functionality.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A {{domxref("PaymentManager")}} object instance.
diff --git a/files/en-us/web/api/serviceworkerregistration/periodicsync/index.md b/files/en-us/web/api/serviceworkerregistration/periodicsync/index.md
index fb2ca22b00ebcfc..e708d252348771a 100644
--- a/files/en-us/web/api/serviceworkerregistration/periodicsync/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/periodicsync/index.md
@@ -15,6 +15,8 @@ the {{domxref("ServiceWorkerRegistration")}} interface returns a reference to th
 {{domxref('PeriodicSyncManager')}} interface, which allows for registering of tasks to
 run at specific intervals.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A {{domxref('PeriodicSyncManager')}} object.
diff --git a/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md b/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md
index e9b4ed60d43157a..36660f65ccb54fe 100644
--- a/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md
@@ -14,6 +14,8 @@ The **`pushManager`** property of the
 support for subscribing, getting an active subscription, and accessing push permission
 status.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A {{domxref("PushManager")}} object.
diff --git a/files/en-us/web/api/serviceworkerregistration/scope/index.md b/files/en-us/web/api/serviceworkerregistration/scope/index.md
index d7016941a38d2d1..8f92dde32f11425 100644
--- a/files/en-us/web/api/serviceworkerregistration/scope/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/scope/index.md
@@ -13,7 +13,7 @@ The **`scope`** read-only property of the
 service worker registration. The service worker must be on the same origin as the
 document that registers the {{domxref("ServiceWorker")}}.
 
-> **Note:** This feature is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Value
 
diff --git a/files/en-us/web/api/serviceworkerregistration/shownotification/index.md b/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
index ce30b5f88c5dceb..ad991bd232477b6 100644
--- a/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
@@ -12,7 +12,7 @@ The **`showNotification()`** method of the
 {{domxref("ServiceWorkerRegistration")}} interface creates a notification on an active
 service worker.
 
-> **Note:** This feature is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/serviceworkerregistration/sync/index.md b/files/en-us/web/api/serviceworkerregistration/sync/index.md
index 6dca0c5a7b94d28..b31ab5fb3ca5910 100644
--- a/files/en-us/web/api/serviceworkerregistration/sync/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/sync/index.md
@@ -15,6 +15,8 @@ The **`sync`** property of the
 {{domxref("SyncManager")}} interface, which manages background synchronization
 processes.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A {{domxref("SyncManager")}} object.
diff --git a/files/en-us/web/api/serviceworkerregistration/unregister/index.md b/files/en-us/web/api/serviceworkerregistration/unregister/index.md
index 9e257d0b515db8e..8d94032c493a783 100644
--- a/files/en-us/web/api/serviceworkerregistration/unregister/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/unregister/index.md
@@ -17,7 +17,7 @@ unregister if someone else just called {{domxref("ServiceWorkerContainer.registe
 with the same scope.) The service worker will finish any ongoing operations before it is
 unregistered.
 
-> **Note:** This feature is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/serviceworkerregistration/update/index.md b/files/en-us/web/api/serviceworkerregistration/update/index.md
index 4144661c575b27c..78de80f7533a522 100644
--- a/files/en-us/web/api/serviceworkerregistration/update/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/update/index.md
@@ -14,7 +14,7 @@ worker. It fetches the worker's script URL, and if the new worker is not byte-by
 identical to the current worker, it installs the new worker. The fetch of the worker
 bypasses any browser caches if the previous fetch occurred over 24 hours ago.
 
-> **Note:** This feature is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Syntax
 
diff --git a/files/en-us/web/api/serviceworkerregistration/updatefound_event/index.md b/files/en-us/web/api/serviceworkerregistration/updatefound_event/index.md
index 50cc08b0533a545..527964be2a72f10 100644
--- a/files/en-us/web/api/serviceworkerregistration/updatefound_event/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/updatefound_event/index.md
@@ -11,6 +11,8 @@ browser-compat: api.ServiceWorkerRegistration.updatefound_event
 The **`updatefound`** event of the
 {{domxref("ServiceWorkerRegistration")}} interface is fired any time the {{domxref("ServiceWorkerRegistration.installing")}} property acquires a new service worker.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
diff --git a/files/en-us/web/api/serviceworkerregistration/updateviacache/index.md b/files/en-us/web/api/serviceworkerregistration/updateviacache/index.md
index e852c2ebb09ed44..780c835dc97248c 100644
--- a/files/en-us/web/api/serviceworkerregistration/updateviacache/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/updateviacache/index.md
@@ -14,6 +14,8 @@ the mode specified in the call to {{domxref('ServiceWorkerContainer.register')}}
 Requests for `importScripts` still go via the HTTP cache. `updateViaCache` offers
 control over this behavior.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 Returns one of the following values:
diff --git a/files/en-us/web/api/serviceworkerregistration/waiting/index.md b/files/en-us/web/api/serviceworkerregistration/waiting/index.md
index dc2cdff57395e35..1378d9b7328355b 100644
--- a/files/en-us/web/api/serviceworkerregistration/waiting/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/waiting/index.md
@@ -13,7 +13,7 @@ The **`waiting`** property of the
 {{domxref("ServiceWorker.state")}} is `installed`. This property is initially
 set to `null`.
 
-> **Note:** This feature is available in [Web Workers](/en-US/docs/Web/API/Web_Workers_API).
+{{AvailableInWorkers}}
 
 ## Value
 

From b13d7297d208abc29ad6235d6fcc0ff2ccb07512 Mon Sep 17 00:00:00 2001
From: vlakoff <vlakoff@gmail.com>
Date: Mon, 15 Jan 2024 08:59:48 +0100
Subject: [PATCH 398/790] Remove prefixed :read-only selectors (#31718)

If a browser supports either `:read-only` or `:-moz-read-only`, but not both, then the entire ruleset was discarded, as the selector list is unforgiving.

Actually, Firefox is the only browser that supports both. All other browsers were discarding the ruleset.

Possible fixes are:
* Use two separate rulesets (one with the prefixed selectors, another with the unprefixed selectors).
* Enclose the selectors in a `:is()` pseudo-class, as its selector list is forgiving.

Though, Firefox supports the unprefixed selector since version 78, released on June 2020. So we may just drop the prefixed selectors.
---
 files/en-us/web/css/_colon_read-only/index.md | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/files/en-us/web/css/_colon_read-only/index.md b/files/en-us/web/css/_colon_read-only/index.md
index 332ccc46ccc8b70..40841f27cde0668 100644
--- a/files/en-us/web/css/_colon_read-only/index.md
+++ b/files/en-us/web/css/_colon_read-only/index.md
@@ -28,8 +28,6 @@ One use of `readonly` form controls is to allow the user to check and verify inf
 The `:read-only` pseudo-class is used to remove all the styling that makes the inputs look like clickable fields, making them look more like read-only paragraphs. The `:read-write` pseudo-class on the other hand is used to provide some nicer styling to the editable `<textarea>`.
 
 ```css
-input:-moz-read-only,
-textarea:-moz-read-only,
 input:read-only,
 textarea:read-only {
   border: 0;
@@ -37,7 +35,6 @@ textarea:read-only {
   background-color: white;
 }
 
-textarea:-moz-read-write,
 textarea:read-write {
   box-shadow: inset 1px 1px 3px #ccc;
   border-radius: 5px;

From b66bc3227971c9756a6b91fcf1e18d59e4afa257 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Mon, 15 Jan 2024 00:03:46 -0800
Subject: [PATCH 399/790] delete "accessibility architecture" page (#31711)

delete page
---
 files/en-us/_redirects.txt                    |   2 -
 files/en-us/_wikihistory.json                 |  13 --
 .../web/accessibility/architecture/index.md   | 137 ------------------
 3 files changed, 152 deletions(-)
 delete mode 100644 files/en-us/web/accessibility/architecture/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index fcacd034b48b6e9..7cc90095209c3bf 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -114,7 +114,6 @@
 /en-US/docs/Accessibility/Accessible_dynamic_content	/en-US/docs/Web/Accessibility/An_overview_of_accessible_web_applications_and_widgets
 /en-US/docs/Accessibility/Accessible_forms/alerts	/en-US/docs/Web/Accessibility/ARIA
 /en-US/docs/Accessibility/An_overview_of_accessible_web_applications_and_widgets	/en-US/docs/Web/Accessibility/An_overview_of_accessible_web_applications_and_widgets
-/en-US/docs/Accessibility/Architecture	/en-US/docs/Web/Accessibility/Architecture
 /en-US/docs/Accessibility/Community	/en-US/docs/Web/Accessibility
 /en-US/docs/Accessibility/FAQ	/en-US/docs/Web/Accessibility
 /en-US/docs/Accessibility/HTML_To_MSAA	/en-US/docs/Web/Accessibility
@@ -123,7 +122,6 @@
 /en-US/docs/Accessibility/Keyboard-navigable_JavaScript_widgets	/en-US/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets
 /en-US/docs/Accessibility/Web_Development	/en-US/docs/Web/Accessibility
 /en-US/docs/Accessibility/Web_applications_and_ARIA_FAQ	/en-US/docs/Web/Accessibility/ARIA
-/en-US/docs/Accessibility:Architecture	/en-US/docs/Web/Accessibility/Architecture
 /en-US/docs/Accessibility:Community	/en-US/docs/Web/Accessibility
 /en-US/docs/Accessibility_FAQ	/en-US/docs/Web/Accessibility
 /en-US/docs/Accessibility_Information_for_Web_Authors	/en-US/docs/Web/Accessibility/Information_for_Web_authors
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index a4232fd496b544f..e79eab45bc91190 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -72661,19 +72661,6 @@
       "peterbraden"
     ]
   },
-  "Web/Accessibility/Architecture": {
-    "modified": "2019-03-24T00:11:44.656Z",
-    "contributors": [
-      "Sheppy",
-      "fscholz",
-      "badrfoot",
-      "Aaronlev",
-      "Joanmarie",
-      "Parente",
-      "Rd4Uix",
-      "Nickolay"
-    ]
-  },
   "Web/Accessibility/Cognitive_accessibility": {
     "modified": "2019-11-18T16:53:41.344Z",
     "contributors": ["Igor-Sangin", "ericwbailey", "estelle", "jswisher"]
diff --git a/files/en-us/web/accessibility/architecture/index.md b/files/en-us/web/accessibility/architecture/index.md
deleted file mode 100644
index 5e83525981d2a46..000000000000000
--- a/files/en-us/web/accessibility/architecture/index.md
+++ /dev/null
@@ -1,137 +0,0 @@
----
-title: Architecture
-slug: Web/Accessibility/Architecture
-page-type: guide
----
-
-<section id="Quick_links">
-  {{ListSubpagesForSidebar("Web/Accessibility", 1)}}
-</section>
-
-The implementation of text and embedded objects in Mozilla is clever but confusing. Here is a bit of history and an explanation.
-
-Mozilla exposes a document containment hierarchy with text and embedded objects. Sometimes the embedded object is really just another text container with more embedded objects.
-
-However in accessibility hierarchies such as ATK and IAccessible2, text is not exposed in leaf nodes as it is in a W3C DOM. The text is actually exposed via a special text interface in the parent of the text nodes. It is concatenated together with all its sibling text nodes, and embedded objects between the text nodes are exposed as the unicode embedded object character `\xfffc`. One reason for this is that there are fewer nodes to pass across process, and that improves performance.
-
-## Node types
-
-- Text content (ROLE_TEXT) objects are implemented by nsTextAccessible. Their text is actually exposed in their parent `nsHyperTextAccessible` via nsIAccessibleText. When the hierarchy is finally exposed to ATK they are stripped out. They are in the nsIAccessible hierarchy to make it easy for `nsHyperTextAccessible` to piece its final text representation together. They are kept in IAccessible2 for backward compatibility with MSAA clients that expect text in leaf nodes.
-- HTML
-  (ROLE_WHITESPACE) objects are implemented by `nsHTMLBRAccessible`. They end up getting exposed as `\n` in their parent `nsHyperTextAccessible`. When the hierarchy is finally exposed to ATK they are stripped out as leaf nodes, but the \n remains in the containing text. They are in the `nsIAccessible` hierarchy to make it easy for `nsHyperTextAccessible` to piece its text representation together.
-- Everything else uses whatever `nsAccessible` derived implementation that's appropriate. If it has text siblings, then it gets exposed as the unicode char for an embedded object, which is `\xfffc` within the parent `nsHyperTextAccessible`. In addition, `nsIAccessibleHyperLink` is implemented on any non-text child inside a container that also has text. This allows AT's to find its position within that text, because the hyperlink interface exposes a start and end index. In fact, the end index will always be 1 larger than the start index, because the object is always represented by a single `\xfffc` character. If you want to know that something is really a link, check to see if it is ROLE_LINK.
-- HTML containers are implemented by `nsHyperTextAccessible`. They support the `nsIAccessibleHyperText` is implemented on any container element that has both text and embedded objects for accessible children.
-
-## Why HyperLink is often not a link
-
-As explained above, anything that is embedded in text implements the Hyperlink interface.
-
-While it is odd to call non-link objects a link, this was a necessary compromise in the [newatk design](https://website-archive.mozilla.org/www.mozilla.org/access/access/unix/new-atk.html) because it is necessary to know where objects exist within their containing text. Previously the hyper link interface was really only for links, but the design could not fully represent an HTML document hierarchy. Keeping the link name of the interface is unfortunate but necessary for backwards compatibility, without introducing superfluous interfaces.
-
-## API comparison
-
-- `nsIAccessible` (internal). When you have an `nsIAccessibleHyperText`, you can ask for its links, which is the subset of children from the `nsIAccessible` hierarchy that are not text or whitespace.
-- `ATK`: Same as `nsIAccessible`, except that text and whitespace leaf nodes are not exposed. The children of any Hypertext object are an exact match to the links it exposes. The implementation doesn't create AtkObjects for a whitespace or text leaf nsIAccessibles. See the [ATK uses of IsEmbeddedObject()](http://mxr.mozilla.org/seamonkey/search?string=isembeddedobject&find=atk&findi=&filter=&tree=seamonkey) for more information on how we do this.
-- `IAccessible2`: Same as `nsIAccessible`. Text and whitespace leaf nodes are exposed, but are redundant with the information in the parent object's `nsIAccessibleText`. This is done for backward compatibility with older MSAA clients which didn't have access to a text interface. The children of a Hypertext object are a superset of the links it exposes. The new system makes it easier to show caret positions etc., which will be an improvement in IA2 over MSAA.
-
-## Example
-
-Take the following HTML code:
-
-```html
-<div>
-  Hello<a href="http://www.mozilla.org/access"
-    >My link<img src="image.gif" />is cool</a
-  >Bye
-</div>
-```
-
-Both the {{HTMLElement('a')}} and {{HTMLElement('img')}} are hyperlinks Also, both the {{HTMLElement('div')}} and {{HTMLElement('a')}} are hypertexts So the {{HTMLElement('a')}} is both a hypertext and a hyperlink, because it contains text and is contained within text.
-
-This means that we have an exact mirror to the dom, but text lives in the parents instead of in the leaves, which now don't really provide additional useful information. They are only provided under MSAA/IA2 for backward compatibility.
-
-## Implementation classes
-
-Here are some notes on the classes we use:
-
-[nsHyperTextAccessible](http://lxr.mozilla.org/seamonkey/find?string=nshypertextacc) is for any container that may wrap both text and embedded object:
-
-- `nsIAccessibleText` is supported if there is potentially any text in the container
-- `nsIAccessibleHyperText` is supported if there is potentially text and embedded objects together in the container.
-- `nsIAccessibleEditableText` is supported if the area is potentially editable. If it's actually editable it will also provide `STATE_EDITABLE`.
-
-[`nsAccessible`](http://lxr.mozilla.org/seamonkey/find?string=nsAccessible%5C.) still represents any node in the tree. If the node is embedded in a parent that is an `nsIAccessibleHyperText`, the node will be exposed as an `nsIAccessibleHyperLink`. Consumers can use this interface to determine the position of the object in the parent's text.
-
-[`nsTextAccessible`](http://lxr.mozilla.org/seamonkey/find?string=nstextaccessible) serves 2 purposes
-
-- it is used by `nsHyperTextAccessible` to collect information about itself
-- it is still exposed in MSAA for backward compatibility by old windows assistive technologies. Those AT's don't yet know about any `IAccessibleText` yet, and want to see the hierarchy how they always did — with text in leaf nodes.
-
-## How does an AT deal with text
-
-### (A) To get the embedded object for an embedded object char
-
-1. `linkIndex = IAHyperText::getLinkIndex(offset)`
-2. `IAHyperLink\*object = IAHyperText::getLink(linkIndex)`
-3. `IAccessible\* accessible = QI/QS(object)`
-
-### (B) To get the offset in the parent text for a given embedded object
-
-1. `QI/QA` to `IAHyperLink`
-2. If not successful, then it is not embedded in text, so it's position in parent should be determined just by `IA2::indexInParent`, which will return its child offset within the parent. Examples of objects not embedded in text are the child options in list boxes and combo boxes.
-3. otherwise, use `IAHyperLink::getStartIndex()` to find the index in parent. In Firefox, the results of getEndIndex will always be the startIndex + 1, because links are always just represented by a single embedded object character
-
-### (C) To get the next char from a given offset in an accessible text
-
-1. If current `char` is `0` (end of string), then we are on a hard line break: get next node (typical depth first search), and set the current offset = 0
-2. `IAText::ch = getCharacterAtOffset(++offset);`
-3. If `ch` == embedded object char (`0xfffc`) then get object for that offset (see A above), then set the current offset to -1, and go to step 2
-4. if `ch == 0` then we must determine whether we're on a hard line break:
-
-   1. If the current accessible's `IA2` role is `SECTION`, `HEADING` or `PARAGRAPH then we are on a hard line break, so stop
-   2. get the offset in the parent text for this object (see B above), and then repeat step (C)2 above
-
-5. done
-
-### (D) To get the next word or line
-
-1. Look one character ahead.
-2. If the next character does not exist, proceed to the next accessible in depth first search order and recurse on the first character until a non-embed is found.
-3. If the current character falls within a text substring, locate the line ending of that substring or the next embed, whichever comes first:
-
-   1. Get the current line start and end offsets.
-   2. Compute the item offset relative to the start of this line
-   3. Search forward from the starting offset for an embed character
-   4. If an embed character is found, continue processing with offset = index plus the line start index
-   5. If an embed character is not found:
-
-      1. If the line ending is equal to one less than the length of all text in the accessible, proceed to the next accessible in dept first search order and recurse on the first character until a non-embed is found.
-      2. Otherwise, continue processing with offset = the index at the end of the line.
-
-   6. If the character at the offset is an embed, proceed to its corresponding accessible and recurse on the first character until a non-embed is found.
-   7. Otherwise, the offset marks the start of a new line.
-
-Navigating to the next word follows a similar pattern. Navigating previous requires returning to the embed character in the parent accessible when the point of regard reaches the end of text in the corresponding child accessible for the embed.
-
-See [http://svn.gnome.org/viewcvs/lsr/tru...py?view=markup](http://svn.gnome.org/viewcvs/lsr/trunk/src/Adapters/ATSPI/HypertextAdapter.py?view=markup) for a BSD implementation.
-
-### (E) To grab a subtree of content
-
-Although under Windows text content is still exposed in leaf nodes of `ROLE_TEXT`, it is no longer necessary to visit those nodes. Therefore for parent nodes that support the HyperText interface, it is more performant to grab the text from the AccessibleText interface and then only visit the link children. The HyperLink interface can be used to grab the children. Using this technique is about twice as fast as visiting all nodes in the tree, according to tests run by the developers of NVDA.
-
-### (F) To get the line of text at the caret
-
-Many editors, including the Mozilla editor, have a strange issue with caret offsets. The caret can sometimes visually appear at the end of a line, but logically it is on the first character on the next line. You can test this in a given editor by pressing the End key on a line, to see whether the caret is shown past the End of the line. To doublecheck, hit the Delete key and see if it removes the first char of the next line.
-
-Therefore, as the user arrows up and down, if you use the AccessibleText::caretOffset and retrieve the line with that offset, you may not get the line with the visual caret returned. You are getting the line starting with the logical caret offset, which may be the next line.
-
-To get around this problem, Mozilla allows the magic value of `-2` to be passed into `AccessibleText/AccessibleHyperText` methods that take a character offset. This value of `-2` means, use the caret position. Not only can this save extra calls, but it will always return the visual line of text when used with the getText methods and line boundaries.
-
-The following magic offsets are useful to define in your code:
-
-- `#define CHAR_OFFSET_END_OF_LINE = -1`
-- `#define CHAR_OFFSET_CARET = -2`
-
-## More information
-
-Many more details on the Mozilla document hierarchy are in the [original design document for newatk](https://website-archive.mozilla.org/www.mozilla.org/access/access/unix/new-atk.html). There are also details on the [general implementation of Mozilla accessibility architecture](https://www-archive.mozilla.org/access/architecture).

From eb61adfd5ca85cd5cb2143353f82fe0520a9c66e Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 15 Jan 2024 16:04:43 +0800
Subject: [PATCH 400/790] Update property style & add detail for
 `requestPermission()` method (#31704)

* update desc style

* update return value section
---
 files/en-us/web/api/notification/maxactions_static/index.md   | 2 +-
 files/en-us/web/api/notification/permission_static/index.md   | 2 +-
 .../web/api/notification/requestpermission_static/index.md    | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/notification/maxactions_static/index.md b/files/en-us/web/api/notification/maxactions_static/index.md
index 5606601e3b2857c..37ff3150e32a966 100644
--- a/files/en-us/web/api/notification/maxactions_static/index.md
+++ b/files/en-us/web/api/notification/maxactions_static/index.md
@@ -10,7 +10,7 @@ browser-compat: api.Notification.maxActions_static
 
 {{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}{{SeeCompatTable}}
 
-The **`maxActions`** attribute of the
+The **`maxActions`** read-only static property of the
 {{domxref("Notification")}} interface returns the maximum number of actions supported by
 the device and the User Agent. Effectively, this is the maximum number of elements in
 {{domxref("Notification.actions")}} array which will be respected by the User Agent.
diff --git a/files/en-us/web/api/notification/permission_static/index.md b/files/en-us/web/api/notification/permission_static/index.md
index aaaaf6399c1af6e..c7100eb95ef1a43 100644
--- a/files/en-us/web/api/notification/permission_static/index.md
+++ b/files/en-us/web/api/notification/permission_static/index.md
@@ -8,7 +8,7 @@ browser-compat: api.Notification.permission_static
 
 {{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
 
-The `permission` read-only property of the {{domxref("Notification")}}
+The **`permission`** read-only static property of the {{domxref("Notification")}}
 interface indicates the current permission granted by the user for the current origin to
 display web notifications.
 
diff --git a/files/en-us/web/api/notification/requestpermission_static/index.md b/files/en-us/web/api/notification/requestpermission_static/index.md
index 9ac677b24491308..de5667edc1edf62 100644
--- a/files/en-us/web/api/notification/requestpermission_static/index.md
+++ b/files/en-us/web/api/notification/requestpermission_static/index.md
@@ -30,7 +30,11 @@ Notification.requestPermission(callback)
 A {{jsxref("Promise")}} that resolves to a string with the permission picked by the user. Possible values for this string are:
 
 - `granted`
+  - : The user has explicitly granted permission for the current origin to display system notifications.
 - `denied`
+  - : The user has explicitly denied permission for the current origin to display system notifications.
+- `default`
+  - : The user decision is unknown; in this case the application will act as if permission was `denied`.
 
 ## Examples
 

From 90f5724032d35ea118f80638a668823ec5a65201 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Mon, 15 Jan 2024 09:10:59 +0100
Subject: [PATCH 401/790] Update InterfaceData based on WebRef (#31692)

---
 files/jsondata/InterfaceData.json | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/files/jsondata/InterfaceData.json b/files/jsondata/InterfaceData.json
index 079a8ba70468ce4..978f8f8fee3f523 100644
--- a/files/jsondata/InterfaceData.json
+++ b/files/jsondata/InterfaceData.json
@@ -2512,6 +2512,10 @@
       "inh": "PerformanceEntry",
       "impl": []
     },
+    "PerformanceScriptTiming": {
+      "inh": "PerformanceEntry",
+      "impl": []
+    },
     "PerformanceServerTiming": {
       "inh": "",
       "impl": []

From 860fb7609ef4cdba027840cc05f6dafc4dcbc19e Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Mon, 15 Jan 2024 00:17:47 -0800
Subject: [PATCH 402/790] MINOR: calc() not supported: removed note (#31687)

calc() not supported: removed note
---
 files/en-us/learn/css/css_layout/legacy_layout_methods/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/learn/css/css_layout/legacy_layout_methods/index.md b/files/en-us/learn/css/css_layout/legacy_layout_methods/index.md
index aa5d87e47b1c993..41af17d186dd6b1 100644
--- a/files/en-us/learn/css/css_layout/legacy_layout_methods/index.md
+++ b/files/en-us/learn/css/css_layout/legacy_layout_methods/index.md
@@ -430,8 +430,6 @@ Try replacing your bottom block of rules with the following, then reload it in t
 
 > **Note:** You can see our finished version in [fluid-grid-calc.html](https://github.com/mdn/learning-area/blob/main/css/css-layout/grids/fluid-grid-calc.html) (also [see it live](https://mdn.github.io/learning-area/css/css-layout/grids/fluid-grid-calc.html)).
 
-> **Note:** If you can't get this to work, it might be because your browser does not support the `calc()` function, although it is fairly well supported across browsers — as far back as IE9.
-
 ### Semantic versus "unsemantic" grid systems
 
 Adding classes to your markup to define layout means that your content and markup becomes tied to your visual presentation. You will sometimes hear this use of CSS classes described as being "unsemantic" — describing how the content looks — rather than a semantic use of classes that describes the content. This is the case with our `span2`, `span3`, etc., classes.

From 0c2f10d728d1018f1b21c3e96267c5d586ff0ae3 Mon Sep 17 00:00:00 2001
From: Joshua Chen <sidachen2003@gmail.com>
Date: Mon, 15 Jan 2024 03:20:21 -0500
Subject: [PATCH 403/790] Mention that freeze/seal have no effect on private
 props (#31699)

---
 .../javascript/reference/global_objects/object/freeze/index.md  | 2 ++
 .../javascript/reference/global_objects/object/seal/index.md    | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/files/en-us/web/javascript/reference/global_objects/object/freeze/index.md b/files/en-us/web/javascript/reference/global_objects/object/freeze/index.md
index b409b4fa8cedddc..ef3acfc49008a40 100644
--- a/files/en-us/web/javascript/reference/global_objects/object/freeze/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/object/freeze/index.md
@@ -38,6 +38,8 @@ that are objects can still be modified, unless they are also frozen. As an objec
 array can be frozen; after doing so, its elements cannot be altered and no elements can
 be added to or removed from the array.
 
+[Private properties](/en-US/docs/Web/JavaScript/Reference/Classes/Private_properties) do not have the concept of property descriptors. Freezing an object with private properties does not prevent the values of these private properties from being changed. (Freezing objects is usually meant as a security measure against external code, but external code cannot access private properties anyway.) Private properties cannot be added or removed from the object, whether the object is frozen or not.
+
 `freeze()` returns the same object that was passed into the function. It
 _does not_ create a frozen copy.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/object/seal/index.md b/files/en-us/web/javascript/reference/global_objects/object/seal/index.md
index bdba4ef7a32c1a4..b8a4ae0aadf2304 100644
--- a/files/en-us/web/javascript/reference/global_objects/object/seal/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/object/seal/index.md
@@ -36,6 +36,8 @@ to accessor or vice versa, will fail, either silently or by throwing a
 {{jsxref("TypeError")}} (most commonly, although not exclusively, when in
 {{jsxref("Strict_mode", "strict mode", "", 1)}} code).
 
+[Private properties](/en-US/docs/Web/JavaScript/Reference/Classes/Private_properties) do not have the concept of property descriptors. Private properties cannot be added or removed from the object, whether the object is sealed or not.
+
 The prototype chain remains untouched. However, due to the effect of [preventing extensions](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/preventExtensions), the `[[Prototype]]` cannot be reassigned.
 
 Unlike {{jsxref("Object.freeze()")}}, objects sealed with `Object.seal()` may have their existing

From 0474b1e858a9d6261cbcd6763ec5e13a60cae2da Mon Sep 17 00:00:00 2001
From: Tristan Fraipont <tristan.fraipont@gmail.com>
Date: Mon, 15 Jan 2024 17:53:36 +0900
Subject: [PATCH 404/790] Remove mention of onDOMContentLoaded (#31723)

There is no such `onDOMContentLoaded` event attribute. This was mistakenly added as part of a bulk change in https://github.com/mdn/content/commit/95d6c222f9aba9a60dee4adc738d741a28c8b83a
---
 files/en-us/web/api/document/domcontentloaded_event/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/web/api/document/domcontentloaded_event/index.md b/files/en-us/web/api/document/domcontentloaded_event/index.md
index 5a4a94fa9488237..8d9f7b0378912a6 100644
--- a/files/en-us/web/api/document/domcontentloaded_event/index.md
+++ b/files/en-us/web/api/document/domcontentloaded_event/index.md
@@ -22,8 +22,6 @@ Use the event name in methods like {{domxref("EventTarget.addEventListener", "ad
 
 ```js
 addEventListener("DOMContentLoaded", (event) => {});
-
-onDOMContentLoaded = (event) => {};
 ```
 
 ## Event type

From 193ee88d26a8ab4dea8f8b70464167edccee92e1 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Mon, 15 Jan 2024 16:53:46 +0800
Subject: [PATCH 405/790] fix: remove the extra bracket (#31724)

---
 files/en-us/web/svg/attribute/transform/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/svg/attribute/transform/index.md b/files/en-us/web/svg/attribute/transform/index.md
index bad7f1bbe3ef2dd..38d0b0bc0182353 100644
--- a/files/en-us/web/svg/attribute/transform/index.md
+++ b/files/en-us/web/svg/attribute/transform/index.md
@@ -48,7 +48,7 @@ svg {
 
 {{EmbedLiveSample("Example", '100%', 200)}}
 
-In SVG 1.1, only these 16 elements were allowed to use it: {{SVGElement('a')}}, {{SVGElement('circle')}}, {{SVGElement('clipPath')}}, {{SVGElement('defs')}}, {{SVGElement('ellipse')}}, {{SVGElement('foreignObject')}}, {{SVGElement('g')}}, {{SVGElement('image')}}, {{SVGElement('line')}}, {{SVGElement('path')}}, {{SVGElement('polygon')}}, {{SVGElement('polyline')}}, {{SVGElement('rect')}}, {{SVGElement('switch')}}, {{SVGElement('text')}}, and {{SVGElement('use')}}).
+In SVG 1.1, only these 16 elements were allowed to use it: {{SVGElement('a')}}, {{SVGElement('circle')}}, {{SVGElement('clipPath')}}, {{SVGElement('defs')}}, {{SVGElement('ellipse')}}, {{SVGElement('foreignObject')}}, {{SVGElement('g')}}, {{SVGElement('image')}}, {{SVGElement('line')}}, {{SVGElement('path')}}, {{SVGElement('polygon')}}, {{SVGElement('polyline')}}, {{SVGElement('rect')}}, {{SVGElement('switch')}}, {{SVGElement('text')}}, and {{SVGElement('use')}}.
 
 Also, as a legacy from SVG 1.1, {{SVGElement('linearGradient')}} and {{SVGElement('radialGradient')}} support the `gradientTransform` attribute, and {{SVGElement('pattern')}} supports the `patternTransform` attribute, both of which act exactly like the `transform` attribute.
 

From 530c492222dd409302f3a1ab0e8ee828514e04db Mon Sep 17 00:00:00 2001
From: Joshua Chen <sidachen2003@gmail.com>
Date: Mon, 15 Jan 2024 04:11:13 -0500
Subject: [PATCH 406/790] Make property attributes of getter, setter, method
 syntax explicit (#30947)

* Make property attributes of getter, setter, method syntax explicit

* Update index.md

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 .../reference/functions/get/index.md          | 22 ++++++++++++-------
 .../functions/method_definitions/index.md     |  2 ++
 .../reference/functions/set/index.md          | 17 ++++++++++----
 3 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/files/en-us/web/javascript/reference/functions/get/index.md b/files/en-us/web/javascript/reference/functions/get/index.md
index af4177922ffa9a9..fb6d10d79cd811f 100644
--- a/files/en-us/web/javascript/reference/functions/get/index.md
+++ b/files/en-us/web/javascript/reference/functions/get/index.md
@@ -31,14 +31,20 @@ There are some additional syntax restrictions:
 
 ## Description
 
-Sometimes it is desirable to allow access to a property that returns a dynamically
-computed value, or you may want to reflect the status of an internal variable without
-requiring the use of explicit method calls. In JavaScript, this can be accomplished with
-the use of a _getter_.
-
-It is not possible to simultaneously have a getter bound to a property and have that
-property actually hold a value, although it _is_ possible to use a getter and a
-setter in conjunction to create a type of pseudo-property.
+Sometimes it is desirable to allow access to a property that returns a dynamically computed value, or you may want to reflect the status of an internal variable without requiring the use of explicit method calls. In JavaScript, this can be accomplished with the use of a _getter_.
+
+An object property is either a data property or an accessor property, but it cannot simultaneously be both. Read {{jsxref("Object.defineProperty()")}} for more information. The getter syntax allows you to specify the getter function in an object initializer.
+
+```js
+const obj = {
+  get prop() {
+    // getter, the code executed when reading obj.prop
+    return someValue;
+  },
+};
+```
+
+Properties defined using this syntax are own properties of the created object, and they are configurable and enumerable.
 
 ## Examples
 
diff --git a/files/en-us/web/javascript/reference/functions/method_definitions/index.md b/files/en-us/web/javascript/reference/functions/method_definitions/index.md
index 21e6c4a3206aa36..da61dde42029d1f 100644
--- a/files/en-us/web/javascript/reference/functions/method_definitions/index.md
+++ b/files/en-us/web/javascript/reference/functions/method_definitions/index.md
@@ -58,6 +58,8 @@ const obj = {
 };
 ```
 
+Properties defined using this syntax are own properties of the created object, and they are configurable, enumerable, and writable, just like normal properties.
+
 [`function*`](/en-US/docs/Web/JavaScript/Reference/Statements/function*), [`async function`](/en-US/docs/Web/JavaScript/Reference/Statements/async_function), and [`async function*`](/en-US/docs/Web/JavaScript/Reference/Statements/async_function*) properties all have their respective method syntaxes; see examples below.
 
 However, note that the method syntax is not equivalent to a normal property with a function as its value — there are semantic differences. This makes methods defined in object literals more consistent with methods in [classes](/en-US/docs/Web/JavaScript/Reference/Classes).
diff --git a/files/en-us/web/javascript/reference/functions/set/index.md b/files/en-us/web/javascript/reference/functions/set/index.md
index 7fe6788b934597d..26984ebb99f40ca 100644
--- a/files/en-us/web/javascript/reference/functions/set/index.md
+++ b/files/en-us/web/javascript/reference/functions/set/index.md
@@ -34,10 +34,19 @@ There are some additional syntax restrictions:
 
 ## Description
 
-In JavaScript, a setter can be used to execute a function whenever a specified property
-is attempted to be changed. Setters are most often used in conjunction with getters to
-create a type of pseudo-property. It is not possible to simultaneously have a setter on
-a property that holds an actual value.
+In JavaScript, a setter can be used to execute a function whenever an attempt is made to change a property's value. Setters are most often used in conjunction with getters.
+
+An object property is either a data property or an accessor property, but it cannot simultaneously be both. Read {{jsxref("Object.defineProperty()")}} for more information. The setter syntax allows you to specify the setter function in an object initializer.
+
+```js
+const obj = {
+  set prop() {
+    // setter, the code executed when setting obj.prop
+  },
+}
+```
+
+Properties defined using this syntax are own properties of the created object, and they are configurable and enumerable.
 
 ## Examples
 

From de5a0b43bba0f05aa2c6b9739e87b0f65331f414 Mon Sep 17 00:00:00 2001
From: Amber Hinds <amberhinds@users.noreply.github.com>
Date: Mon, 15 Jan 2024 03:24:00 -0600
Subject: [PATCH 407/790] Fix typo in tabs section (#31720)

---
 .../web/accessibility/aria/attributes/aria-selected/index.md    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md b/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md
index 75e8a5379016d6e..d114106c3e9c5db 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md
@@ -37,7 +37,7 @@ If the grid supports column selection and a column is selected, all cells in the
 
 In a tablist, `aria-selected` is used on a tab to indicate the currently-displayed [`tabpanel`](/en-US/docs/Web/Accessibility/ARIA/Roles/tabpanel_role).
 
-The selected [`tab`](/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role) in a [`tablist`](/en-US/docs/Web/Accessibility/ARIA/Roles/tablist_role) should have has its `aria-selected="true"` set. All inactive tabs in the tablist should have `aria-selected="false"` set. Setting the state only impacts the accessibility tree: make sure to style the active tab in a way that visual indicates it's selected state. The default value for `aria-selected` on a `tab` role is `false`.
+The selected [`tab`](/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role) in a [`tablist`](/en-US/docs/Web/Accessibility/ARIA/Roles/tablist_role) should have the attribute `aria-selected="true"` set. All inactive tabs in the tablist should have `aria-selected="false"` set. Setting the state only impacts the accessibility tree: make sure to style the active tab in a way that visual indicates it's selected state. The default value for `aria-selected` on a `tab` role is `false`.
 
 If more than one tab is selectable at a time, include `aria-multiselectable` on the `tablist`.
 

From 682c529a1be5f26ae378cb6affd56cdc15dddd4d Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Mon, 15 Jan 2024 01:26:24 -0800
Subject: [PATCH 408/790] Fix 31621: Fix cancel examples (#31690)

---
 files/en-us/web/api/htmlelement/cancel_event/index.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/files/en-us/web/api/htmlelement/cancel_event/index.md b/files/en-us/web/api/htmlelement/cancel_event/index.md
index 5e52e7b40aebdc2..407134037bbfdf3 100644
--- a/files/en-us/web/api/htmlelement/cancel_event/index.md
+++ b/files/en-us/web/api/htmlelement/cancel_event/index.md
@@ -30,7 +30,7 @@ A generic {{domxref("Event")}}.
 
 ## Examples
 
-### \<dialog> element
+### Canceling a dialog
 
 #### HTML
 
@@ -80,9 +80,9 @@ closeButton.addEventListener("click", () => {
 
 #### Result
 
-{{ EmbedLiveSample('dialog_cancel', '100%', '100px') }}
+{{ EmbedLiveSample('Canceling a dialog', '100%', '100px') }}
 
-### \<input> element
+### Canceling an input element
 
 #### HTML
 
@@ -107,7 +107,7 @@ const elem = document.getElementById("file");
 const result = document.getElementById("result");
 
 elem.addEventListener("cancel", () => {
-  result.textContent = "Cancelled.";
+  result.textContent = "Canceled.";
 });
 
 elem.addEventListener("change", () => {
@@ -119,7 +119,7 @@ elem.addEventListener("change", () => {
 
 #### Result
 
-{{ EmbedLiveSample('input_cancel', '100%', '100px') }}
+{{ EmbedLiveSample('Canceling an input element', '100%', '100px') }}
 
 Open the file selector, then close the selection dialog with the escape key or the cancel button. Both of these will cause the cancel event to be fired. Also, try selecting a local file on your machine; then reopen the file selection window and reselect the same file. This too causes the cancel event to be fired.
 

From 45aab806cf88fba5e380bdce43927a1559a3f733 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 15 Jan 2024 17:31:09 +0800
Subject: [PATCH 409/790] Use Exception section for `Location` interface
 (#31659)

* use exception section

* style update
---
 files/en-us/web/api/location/assign/index.md  | 22 +++++++++----------
 files/en-us/web/api/location/reload/index.md  | 13 +++++------
 files/en-us/web/api/location/replace/index.md | 19 ++++++----------
 3 files changed, 23 insertions(+), 31 deletions(-)

diff --git a/files/en-us/web/api/location/assign/index.md b/files/en-us/web/api/location/assign/index.md
index 9c47e8485ba58a3..a659d1f0c5aae2d 100644
--- a/files/en-us/web/api/location/assign/index.md
+++ b/files/en-us/web/api/location/assign/index.md
@@ -8,19 +8,10 @@ browser-compat: api.Location.assign
 
 {{ APIRef("HTML DOM") }}
 
-The **`Location.assign()`** method causes the window to load
+The **`assign()`** method of the {{DOMXref("Location")}}
+interface causes the window to load
 and display the document at the URL specified. After the navigation occurs, the user can
-navigate back to the page that called `Location.assign()` by pressing the
-"back" button.
-
-If the assignment can't happen because of a security violation, a
-{{domxref("DOMException")}} of the `SECURITY_ERROR` type is thrown. This
-happens if the origin of the script calling the method is different from the origin of
-the page originally described by the {{domxref("Location")}} object, mostly when the
-script is hosted on a different domain.
-
-If the provided URL is not valid, a {{domxref("DOMException")}} of the
-`SYNTAX_ERROR` type is thrown.
+navigate back to the page that called `Location.assign()` by pressing the "back" button.
 
 ## Syntax
 
@@ -33,6 +24,13 @@ assign(url)
 - `url`
   - : A string containing the URL of the page to navigate to; for example, an absolute URL such as `https://developer.mozilla.org/en-US/docs/Web/API/Location/reload`, or a relative URL — such as `"/Web` (just a path, for navigating to another document at the same origin) or `#specifications` (just a fragment string, for navigating to some part of the same page), and so on.
 
+### Exceptions
+
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the {{Glossary("origin")}} of the script calling the method is not the {{Glossary("Same-origin policy", "same origin")}} of the page originally described by the {{domxref("Location")}} object, mostly when the script is hosted on a different domain.
+- `SyntaxError` {{domxref("DOMException")}}
+  - : Thrown if the provided `url` parameter is not a valid URL.
+
 ### Return value
 
 None ({{jsxref("undefined")}}).
diff --git a/files/en-us/web/api/location/reload/index.md b/files/en-us/web/api/location/reload/index.md
index fb53fbe2b4f4e02..df9920c43502255 100644
--- a/files/en-us/web/api/location/reload/index.md
+++ b/files/en-us/web/api/location/reload/index.md
@@ -8,13 +8,7 @@ browser-compat: api.Location.reload
 
 {{ APIRef("HTML DOM") }}
 
-The **`location.reload()`** method reloads the current URL, like the Refresh button.
-
-The reload may be blocked and a `SECURITY_ERROR` {{domxref("DOMException")}}
-thrown. This happens if the {{Glossary("origin")}} of the script calling
-`location.reload()` differs from the origin of the page that owns the
-{{domxref("Location")}} object. See [Same-origin policy](/en-US/docs/Web/Security/Same-origin_policy) for more
-information.
+The **`reload()`** method of the {{DOMXref("Location")}} interface reloads the current URL, like the Refresh button.
 
 ## Syntax
 
@@ -31,6 +25,11 @@ reload()
 
 None ({{jsxref("undefined")}}).
 
+### Exceptions
+
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the {{Glossary("origin")}} of the script calling the method is not the {{Glossary("Same-origin policy", "same origin")}} of the page originally described by the {{domxref("Location")}} object, mostly when the script is hosted on a different domain.
+
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/location/replace/index.md b/files/en-us/web/api/location/replace/index.md
index edc8c739b305a42..aa38c7e0f3fbb3d 100644
--- a/files/en-us/web/api/location/replace/index.md
+++ b/files/en-us/web/api/location/replace/index.md
@@ -11,18 +11,8 @@ browser-compat: api.Location.replace
 The **`replace()`** method of the {{DOMXref("Location")}}
 interface replaces the current resource with the one at the provided URL. The difference
 from the {{domxref("Location.assign","assign()")}} method is that after using
-`replace()` the current page will not be saved in session
-{{domxref("History")}}, meaning the user won't be able to use the _back_ button
-to navigate to it.
-
-If the assignment can't happen because of a security violation, a
-{{domxref("DOMException")}} of the `SECURITY_ERROR` type is thrown. This
-happens if the origin of the script calling the method is different from the origin of
-the page originally described by the {{domxref("Location")}} object, mostly when the
-script is hosted on a different domain.
-
-If the provided URL is not valid, a {{domxref("DOMException")}} of the
-`SYNTAX_ERROR` type is thrown.
+`replace()` the current page will not be saved in session {{domxref("History")}},
+meaning the user won't be able to use the _back_ button to navigate to it.
 
 ## Syntax
 
@@ -35,6 +25,11 @@ replace(url)
 - `url`
   - : A string containing the URL of the page to navigate to.
 
+### Exceptions
+
+- `SyntaxError` {{domxref("DOMException")}}
+  - : Thrown if the provided `url` parameter is not a valid URL.
+
 ### Return value
 
 None ({{jsxref("undefined")}}).

From a4d1cfeb99732a7e883409da26e4343a161ef304 Mon Sep 17 00:00:00 2001
From: Joe Pea <trusktr@gmail.com>
Date: Mon, 15 Jan 2024 01:46:58 -0800
Subject: [PATCH 410/790] Improve warning regarding movementX and movementY
 (#31651)

* Improve warning regarding movementX and movementY

* improve the warning for movementY as well

* update movementX warning to ref screen* values

* update movementY to ref screen* values
---
 files/en-us/web/api/mouseevent/movementx/index.md | 2 +-
 files/en-us/web/api/mouseevent/movementy/index.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/mouseevent/movementx/index.md b/files/en-us/web/api/mouseevent/movementx/index.md
index 2605793aeae3af5..3b38b4a0e25069b 100644
--- a/files/en-us/web/api/mouseevent/movementx/index.md
+++ b/files/en-us/web/api/mouseevent/movementx/index.md
@@ -11,7 +11,7 @@ browser-compat: api.MouseEvent.movementX
 The **`movementX`** read-only property of the {{domxref("MouseEvent")}} interface provides the difference in the X coordinate of the mouse pointer between the given event and the previous {{domxref("Element/mousemove_event", "mousemove")}} event.
 In other words, the value of the property is computed like this: `currentEvent.movementX = currentEvent.screenX - previousEvent.screenX`.
 
-> **Warning:** Browsers [use different units for `movementX` and {{domxref("MouseEvent.screenX", "screenX")}}](https://github.com/w3c/pointerlock/issues/42) than what the specification defines. Depending on the browser and operating system, the `movementX` units may be a physical pixel, a logical pixel, or a CSS pixel.
+> **Warning:** Browsers [use different units for `movementX` and {{domxref("MouseEvent.screenX", "screenX")}}](https://github.com/w3c/pointerlock/issues/42) than what the specification defines. Depending on the browser and operating system, the `movementX` units may be a physical pixel, a logical pixel, or a CSS pixel. You may want to avoid the movement properties, and instead calculate the delta between the current client values ({{domxref("MouseEvent.screenX", "screenX")}}, {{domxref("MouseEvent.screenY", "screenY")}}) and the previous client values.
 
 ## Value
 
diff --git a/files/en-us/web/api/mouseevent/movementy/index.md b/files/en-us/web/api/mouseevent/movementy/index.md
index b014763d8fd7df4..76417a1e40b154f 100644
--- a/files/en-us/web/api/mouseevent/movementy/index.md
+++ b/files/en-us/web/api/mouseevent/movementy/index.md
@@ -11,7 +11,7 @@ browser-compat: api.MouseEvent.movementY
 The **`movementY`** read-only property of the {{domxref("MouseEvent")}} interface provides the difference in the Y coordinate of the mouse pointer between the given event and the previous {{domxref("Element/mousemove_event", "mousemove")}} event.
 In other words, the value of the property is computed like this: `currentEvent.movementY = currentEvent.screenY - previousEvent.screenY`.
 
-> **Warning:** Browsers [use different units for `movementY` and {{domxref("MouseEvent.screenY", "screenY")}}](https://github.com/w3c/pointerlock/issues/42) than what the specification defines. Depending on the browser and operating system, the `movementY` units may be a physical pixel, a logical pixel, or a CSS pixel.
+> **Warning:** Browsers [use different units for `movementY` and {{domxref("MouseEvent.screenY", "screenY")}}](https://github.com/w3c/pointerlock/issues/42) than what the specification defines. Depending on the browser and operating system, the `movementY` units may be a physical pixel, a logical pixel, or a CSS pixel. You may want to avoid the movement properties, and instead calculate the delta between the current client values ({{domxref("MouseEvent.screenX", "screenX")}}, {{domxref("MouseEvent.screenY", "screenY")}}) and the previous client values.
 
 ## Value
 

From 26f4c6be023396099f6a6af8ee13fdf3280d2c1f Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 15 Jan 2024 17:52:43 +0800
Subject: [PATCH 411/790] Media Capture and Streams API (#31580)

* update interfaces list

* update front matter keys

* remove the extra link

* also remove the interface

* update groupdata

* add securecontext_header

* revert
---
 .../web/api/media_capture_and_streams_api/index.md | 14 ++++++++++----
 files/jsondata/GroupData.json                      | 10 +++++++---
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/files/en-us/web/api/media_capture_and_streams_api/index.md b/files/en-us/web/api/media_capture_and_streams_api/index.md
index 34839b6b979af67..f827ce501dc6985 100644
--- a/files/en-us/web/api/media_capture_and_streams_api/index.md
+++ b/files/en-us/web/api/media_capture_and_streams_api/index.md
@@ -2,7 +2,16 @@
 title: Media Capture and Streams API (Media Stream)
 slug: Web/API/Media_Capture_and_Streams_API
 page-type: web-api-overview
-browser-compat: api.MediaStream
+browser-compat:
+  - api.MediaStream
+  - api.MediaStreamTrack
+  - api.MediaDevices
+  - api.MediaDeviceInfo
+  - api.InputDeviceInfo
+  - api.CanvasCaptureMediaStreamTrack
+spec-urls:
+  - https://w3c.github.io/mediacapture-main/
+  - https://w3c.github.io/mediacapture-fromelement/
 ---
 
 {{DefaultAPISidebar("Media Capture and Streams")}}
@@ -30,14 +39,12 @@ In these reference articles, you'll find the fundamental information you'll need
 - {{domxref("MediaDeviceInfo")}}
 - {{domxref("MediaDevices")}}
 - {{domxref("MediaStream")}}
-- {{domxref("MediaStreamEvent")}}
 - {{domxref("MediaStreamTrack")}}
 - {{domxref("MediaStreamTrackEvent")}}
 - {{domxref("MediaTrackConstraints")}}
 - {{domxref("MediaTrackSettings")}}
 - {{domxref("MediaTrackSupportedConstraints")}}
 - {{domxref("OverconstrainedError")}}
-- {{domxref("URL")}}
 
 ## Events
 
@@ -60,5 +67,4 @@ The [Taking still photos with getUserMedia()](/en-US/docs/Web/API/Media_Capture_
 ## See also
 
 - [WebRTC](/en-US/docs/Web/API/WebRTC_API) - the introductory page to the API
-- {{domxref("mediaDevices.getUserMedia()")}}
 - [Taking still photos with WebRTC](/en-US/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos): a demonstration and tutorial about using `getUserMedia()`.
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 25a9f0e206bfe82..81819f37b8a09a2 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -915,6 +915,7 @@
       ],
       "interfaces": [
         "CanvasCaptureMediaStreamTrack",
+        "InputDeviceInfo",
         "MediaDeviceInfo",
         "MediaDevices",
         "MediaStream",
@@ -923,11 +924,14 @@
         "MediaTrackConstraints",
         "MediaTrackSettings",
         "MediaTrackSupportedConstraints",
-        "InputDeviceInfo"
+        "OverconstrainedError"
+      ],
+      "methods": [
+        "HTMLCanvasElement.captureStream()",
+        "HTMLMediaElement.captureStream()"
       ],
-      "methods": ["HTMLCanvasElement.captureStream()"],
       "properties": ["Navigator.mediaDevices"],
-      "events": ["HTMLMediaElement: ended", "HTMLMediaElement: ratechange"]
+      "events": []
     },
     "Media Session API": {
       "overview": ["Media Session API"],

From 8254b0acfce7e790e168114a7213305f36e21f74 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Mon, 15 Jan 2024 15:39:09 +0530
Subject: [PATCH 412/790] fix(html): add description list section (#31700)

* fix(html): add description list section

* Apply suggestions from code review

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 .../html_text_fundamentals/index.md           | 171 +++++++++++++++++-
 1 file changed, 169 insertions(+), 2 deletions(-)

diff --git a/files/en-us/learn/html/introduction_to_html/html_text_fundamentals/index.md b/files/en-us/learn/html/introduction_to_html/html_text_fundamentals/index.md
index 3e9f98a988f273f..e51ecef5af70595 100644
--- a/files/en-us/learn/html/introduction_to_html/html_text_fundamentals/index.md
+++ b/files/en-us/learn/html/introduction_to_html/html_text_fundamentals/index.md
@@ -53,7 +53,7 @@ There are six heading elements: {{htmlelement("Heading_Elements", "h1")}}, {{htm
 
 ### Implementing structural hierarchy
 
-For example, in this story, the `<h1>` element represents the title of the story, the `<h2>` elements represent the title of each chapter, and the `<h3>` elements represent sub-sections of each chapter:
+For example, in this story, the `<h1>` element represents the title of the story, the `<h2>` elements represent the title of each chapter, and the `<h3>` elements represent subsections of each chapter:
 
 ```html
 <h1>The Crushing Bore</h1>
@@ -593,6 +593,173 @@ textarea.onkeyup = () => {
 
 {{ EmbedLiveSample('Active_learning_Marking_up_an_ordered_list', 700, 500, "", "") }}
 
+### Description
+
+Description lists enclose groups of terms and descriptions. Common uses for this element are implementing a glossary or displaying metadata (a list of key-value pairs). Let's consider some fishes with their interesting characteristics:
+
+```plain
+Albacore Tuna
+The albacore is a very fast swimmer.
+
+Asian Carp
+Asian carp can consume 40% of their body weight in food a day!
+
+Barracuda
+Can grow to nearly 2 meters long!
+```
+
+The list is enclosed in a `<dl>` element, terms are enclosed in `<dt>` elements, and descriptions are enclosed in `<dd>` elements:
+
+```html
+<dl>
+  <dt>Albacore Tuna</dt>
+  <dd>The albacore is a very fast swimmer.</dd>
+  <dt>Asian Carp</dt>
+  <dd>Asian carp can consume 40% of their body weight in food a day!</dd>
+  <dt>Barracuda</dt>
+  <dd>Can grow to nearly 2 meters long!</dd>
+</dl>
+```
+
+#### Active learning: Marking up a description list
+
+Try editing the live sample below to create your very own HTML description list.
+
+```html hidden
+<h2>Live output</h2>
+
+<div class="output" style="min-height: 50px;"></div>
+
+<h2>Editable code</h2>
+<p class="a11y-label">
+  Press Esc to move focus away from the code area (Tab inserts a tab character).
+</p>
+
+<textarea id="code" class="input" style="min-height: 200px; width: 95%">
+Albacore Tuna
+The albacore is a very fast swimmer.
+
+Asian Carp
+Asian carp can consume 40% of their body weight in food a day!
+
+Barracuda
+Can grow to nearly 2 meters long!
+</textarea>
+
+<div class="playable-buttons">
+  <input id="reset" type="button" value="Reset" />
+  <input id="solution" type="button" value="Show solution" />
+</div>
+```
+
+```css hidden
+html {
+  font-family: sans-serif;
+}
+
+h2 {
+  font-size: 16px;
+}
+
+.a11y-label {
+  margin: 0;
+  text-align: right;
+  font-size: 0.7rem;
+  width: 98%;
+}
+
+body {
+  margin: 10px;
+  background: #f5f9fa;
+}
+```
+
+```js hidden
+const textarea = document.getElementById("code");
+const reset = document.getElementById("reset");
+const solution = document.getElementById("solution");
+const output = document.querySelector(".output");
+const code = textarea.value;
+let userEntry = textarea.value;
+
+function updateCode() {
+  output.innerHTML = textarea.value;
+}
+
+const htmlSolution =
+  "<dl>\n  <dt>Albacore Tuna</dt>\n  <dd>The albacore is a very fast swimmer.</dd>\n  <dt>Asian Carp</dt>\n  <dd>Asian carp can consume 40% of their body weight in food a day!</dd>\n  <dt>Barracuda</dt>\n  <dd>Can grow to nearly 2 meters long!</dd>\n</dl>";
+
+let solutionEntry = htmlSolution;
+
+reset.addEventListener("click", () => {
+  textarea.value = code;
+  userEntry = textarea.value;
+  solutionEntry = htmlSolution;
+  solution.value = "Show solution";
+  updateCode();
+});
+
+solution.addEventListener("click", () => {
+  if (solution.value === "Show solution") {
+    textarea.value = solutionEntry;
+    solution.value = "Hide solution";
+  } else {
+    textarea.value = userEntry;
+    solution.value = "Show solution";
+  }
+  updateCode();
+});
+
+textarea.addEventListener("input", updateCode);
+window.addEventListener("load", updateCode);
+
+// stop tab key tabbing out of textarea and
+// make it write a tab at the caret position instead
+
+textarea.onkeydown = (e) => {
+  if (e.keyCode === 9) {
+    e.preventDefault();
+    insertAtCaret("\t");
+  }
+
+  if (e.keyCode === 27) {
+    textarea.blur();
+  }
+};
+
+function insertAtCaret(text) {
+  const scrollPos = textarea.scrollTop;
+  let caretPos = textarea.selectionStart;
+
+  const front = textarea.value.substring(0, caretPos);
+  const back = textarea.value.substring(
+    textarea.selectionEnd,
+    textarea.value.length,
+  );
+  textarea.value = front + text + back;
+  caretPos += text.length;
+  textarea.selectionStart = caretPos;
+  textarea.selectionEnd = caretPos;
+  textarea.focus();
+  textarea.scrollTop = scrollPos;
+}
+
+// Update the saved userCode every time the user updates the text area code
+textarea.onkeyup = () => {
+  // We only want to save the state when the user code is being shown,
+  // not the solution, so that solution is not saved over the user code
+  if (solution.value === "Show solution") {
+    userEntry = textarea.value;
+  } else {
+    solutionEntry = textarea.value;
+  }
+
+  updateCode();
+};
+```
+
+{{ EmbedLiveSample('Active_learning_Marking_up_a_description_list', 700, 500, "", "") }}
+
 ### Active learning: Marking up our recipe page
 
 So at this point in the article, you have all the information you need to mark up our recipe page example. You can choose to either save a local copy of our [text-start.html](https://github.com/mdn/learning-area/blob/main/html/introduction-to-html/html-text-formatting/text-start.html) starting file and do the work there or do it in the editable example below. Doing it locally will probably be better, as then you'll get to save the work you are doing, whereas if you fill it in to the editable example, it will be lost the next time you open the page. Both have pros and cons.
@@ -976,7 +1143,7 @@ textarea.onkeyup = () => {
 
 ### Italic, bold, underline…
 
-The elements we've discussed so far have clearcut associated semantics. The situation with {{htmlelement("b")}}, {{htmlelement("i")}}, and {{htmlelement("u")}} is somewhat more complicated. They came about so people could write bold, italics, or underlined text in an era when CSS was still supported poorly or not at all. Elements like this, which only affect presentation and not semantics, are known as **presentational elements** and should no longer be used because, as we've seen before, semantics is so important to accessibility, SEO, etc.
+The elements we've discussed so far have clear-cut associated semantics. The situation with {{htmlelement("b")}}, {{htmlelement("i")}}, and {{htmlelement("u")}} is somewhat more complicated. They came about so people could write bold, italics, or underlined text in an era when CSS was still supported poorly or not at all. Elements like this, which only affect presentation and not semantics, are known as **presentational elements** and should no longer be used because, as we've seen before, semantics is so important to accessibility, SEO, etc.
 
 HTML5 redefined `<b>`, `<i>`, and `<u>` with new, somewhat confusing, semantic roles.
 

From 0ba54f5e7ab94099d7b663c8925560292979123d Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Mon, 15 Jan 2024 16:27:59 +0530
Subject: [PATCH 413/790] fix(css): update 'text-underline-position' content
 (#31696)

---
 files/en-us/web/css/text-underline-position/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/text-underline-position/index.md b/files/en-us/web/css/text-underline-position/index.md
index e8bf891551df1ac..610b5ab2b7c4664 100644
--- a/files/en-us/web/css/text-underline-position/index.md
+++ b/files/en-us/web/css/text-underline-position/index.md
@@ -41,9 +41,9 @@ text-underline-position: unset;
 - `under`
   - : Forces the line to be set below the alphabetic baseline, at a position where it won't cross any descenders. This is useful for ensuring legibility with chemical and mathematical formulas, which make a large use of subscripts.
 - `left`
-  - : In vertical writing-modes, this keyword forces the line to be placed on the _left_ side of the text. In horizontal writing-modes, it is a synonym of `under`.
+  - : In vertical writing-modes, this keyword forces the line to be placed on the _left_ side of the text. In horizontal writing-modes, it is a synonym of `auto`.
 - `right`
-  - : In vertical writing-modes, this keyword forces the line to be placed on the _right_ side of the text. In horizontal writing-modes, it is a synonym of `under`.
+  - : In vertical writing-modes, this keyword forces the line to be placed on the _right_ side of the text. In horizontal writing-modes, it is a synonym of `auto`.
 
 ## Formal definition
 

From c3d3891f7219b6f373121e2a61c6be5564098088 Mon Sep 17 00:00:00 2001
From: Vadim Makeev <hi@pepelsbey.dev>
Date: Mon, 15 Jan 2024 13:30:48 +0100
Subject: [PATCH 414/790] Add experimental features for Fx 122: shadowrootmode,
 async clipboard (#31612)

* Add experimental features for Fx 122

* Apply suggestions from code review

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Use simpler list

* Apply suggestions from code review

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Add Intl.Segmenter

* Apply suggestions from code review

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Bold the titles

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 .../firefox/experimental_features/index.md    | 40 +++++++++++++++++++
 .../mozilla/firefox/releases/122/index.md     | 16 ++++++++
 2 files changed, 56 insertions(+)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index 2b8c99df01b2560..d6abcc323eaa236 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -99,6 +99,46 @@ HTML password input elements ([`<input type="password">`](/en-US/docs/Web/HTML/E
   </tbody>
 </table>
 
+### Declarative shadow DOM
+
+The {{htmlelement("template")}} element now supports a `shadowrootmode` attribute which can be set to either `open` or `closed`, the same values as the `mode` option of the {{domxref("Element.attachShadow()", "attachShadow()")}} method. It allows the creation of a shadow DOM subtree declaratively. (See [Firefox bug 1712140](https://bugzil.la/1712140) for more details.)
+
+<table>
+  <thead>
+    <tr>
+      <th>Release channel</th>
+      <th>Version added</th>
+      <th>Enabled by default?</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th>Nightly</th>
+      <td>122</td>
+      <td>Yes</td>
+    </tr>
+    <tr>
+      <th>Developer Edition</th>
+      <td>122</td>
+      <td>No</td>
+    </tr>
+    <tr>
+      <th>Beta</th>
+      <td>122</td>
+      <td>No</td>
+    </tr>
+    <tr>
+      <th>Release</th>
+      <td>122</td>
+      <td>No</td>
+    </tr>
+    <tr>
+      <th>Preference name</th>
+      <td colspan="2"><code>dom.webcomponents.shadowdom.declarative.enabled</code></td>
+    </tr>
+  </tbody>
+</table>
+
 ## CSS
 
 ### Hex boxes to display stray control characters
diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index 97c691473c7b584..ffebc1e907cfc2e 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -81,6 +81,22 @@ This article provides information about the changes in Firefox 122 that affect d
 
 These features are newly shipped in Firefox 122 but are disabled by default. To experiment with them, search for the appropriate preference on the `about:config` page and set it to `true`. You can find more such features on the [Experimental features](/en-US/docs/Mozilla/Firefox/Experimental_features) page.
 
+- **Declarative shadow DOM:** `dom.webcomponents.shadowdom.declarative.enabled`.
+
+  The {{htmlelement("template")}} element now supports a `shadowrootmode` attribute which can be set to either `open` or `closed`, the same values as the `mode` option of the {{domxref("Element.attachShadow()", "attachShadow()")}} method. It allows the creation of a shadow DOM subtree declaratively. ([Firefox bug 1712140](https://bugzil.la/1712140))
+
+- **Popover API:** `dom.element.popover.enabled`.
+
+  Displaying popovers on top of page content is now supported via HTML attributes or JavaScript API, including styling with the CSS [`:popover-open`](/en-US/docs/Web/CSS/:popover-open) pseudo-class and extended support for the [`::backdrop`](/en-US/docs/Web/CSS/::backdrop) pseudo-element. See the [Popover API](/en-US/docs/Web/API/Popover_API) reference for more details. ([Firefox bug 1823757](https://bugzil.la/1823757))
+
+- **Clipboard read and write:** `dom.events.asyncClipboard.clipboardItem`, `dom.events.asyncClipboard.readText` and `dom.events.asyncClipboard.writeText`.
+
+  The async {{domxref('Clipboard API')}} is now fully supported, including [`read()`](/en-US/docs/Web/API/Clipboard/read), [`readText()`](/en-US/docs/Web/API/Clipboard/readText), and [`write()`](/en-US/docs/Web/API/Clipboard/write) methods and the {{domxref('ClipboardItem')}} interface. A paste context menu will appear for the user to confirm when reading clipboard data not provided by the same-origin page. ([Firefox bug 1809106](https://bugzil.la/1809106))
+
+- **`Intl.Segmenter`:** enabled by default only in Firefox Nightly.
+
+  The {{jsxref("Intl.Segmenter")}} object allows accurate locale-sensitive text segmentation of a string. For example, to split a text into words in a language that doesn't use spaces to separate them: `Intl.Segmenter("ja-JP", { granularity: "word" })`. ([Firefox bug 1423593](https://bugzil.la/1423593))
+
 ## Older versions
 
 {{Firefox_for_developers(121)}}

From 4664d2cc40f16780f1b7538f8dd6aa3ccadde825 Mon Sep 17 00:00:00 2001
From: vlakoff <vlakoff@gmail.com>
Date: Mon, 15 Jan 2024 13:39:02 +0100
Subject: [PATCH 415/790] Remove prefixed :read-only selectors (#31726)

Firefox supports the unprefixed selector since version 78, released on June 2020.

By removing the prefixed selectors, we can in turn remove the :is() pseudo-class, which was needed for its forgiving selector list.
---
 files/en-us/learn/forms/ui_pseudo-classes/index.md | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/files/en-us/learn/forms/ui_pseudo-classes/index.md b/files/en-us/learn/forms/ui_pseudo-classes/index.md
index 7dcdde973209c7a..5e32ff30ede9dc1 100644
--- a/files/en-us/learn/forms/ui_pseudo-classes/index.md
+++ b/files/en-us/learn/forms/ui_pseudo-classes/index.md
@@ -458,12 +458,8 @@ A fragment of the HTML is as follows — note the readonly attribute:
 If you try the live example, you'll see that the top set of form elements are not focusable, however, the values are submitted when the form is submitted. We've styled the form controls using the `:read-only` and `:read-write` pseudo-classes, like so:
 
 ```css
-:is(
-    input:read-only,
-    input:-moz-read-only,
-    textarea:-moz-read-only,
-    textarea:read-only
-  ) {
+input:read-only,
+textarea:read-only {
   border: 0;
   box-shadow: none;
   background-color: white;

From 67f4fca4978a84816e5413aa6e47ddd7f53d4901 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 15 Jan 2024 14:43:25 +0000
Subject: [PATCH 416/790] Bump markdownlint-cli2 from 0.12.0 to 0.12.1 (#31731)

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

diff --git a/package.json b/package.json
index bd2baf86c74ac49..411a5b9510119a0 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "husky": "8.0.3",
     "js-yaml": "^4.1.0",
     "lint-staged": "15.2.0",
-    "markdownlint-cli2": "0.12.0",
+    "markdownlint-cli2": "0.12.1",
     "markdownlint-rule-search-replace": "1.2.0",
     "prettier": "3.1.1"
   },
diff --git a/yarn.lock b/yarn.lock
index 0b778afb1499dbb..f6890815063f270 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4772,6 +4772,11 @@ json5@^2.2.3:
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
+jsonc-parser@3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
+  integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
+
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -5091,16 +5096,16 @@ markdownlint-cli2-formatter-default@0.0.4:
   resolved "https://registry.yarnpkg.com/markdownlint-cli2-formatter-default/-/markdownlint-cli2-formatter-default-0.0.4.tgz#81e26b0a50409c0357c6f0d38d8246946b236fab"
   integrity sha512-xm2rM0E+sWgjpPn1EesPXx5hIyrN2ddUnUwnbCsD/ONxYtw3PX6LydvdH6dciWAoFDpwzbHM1TO7uHfcMd6IYg==
 
-markdownlint-cli2@0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/markdownlint-cli2/-/markdownlint-cli2-0.12.0.tgz#22ec269dc341979b71e029e1ece2974f2b60ac53"
-  integrity sha512-5nddNaPY1WC7BE1mkF8fiEkRDW8XbODwqYBPL3eyvFh7tLk74no+P8JRbCjghF7ozahCW5pF0TZ3ZS30m9H1Eg==
+markdownlint-cli2@0.12.1:
+  version "0.12.1"
+  resolved "https://registry.yarnpkg.com/markdownlint-cli2/-/markdownlint-cli2-0.12.1.tgz#9743ded8ee65cf5704b21deb24259d3e7cc242c4"
+  integrity sha512-RcK+l5FjJEyrU3REhrThiEUXNK89dLYNJCYbvOUKypxqIGfkcgpz8g08EKqhrmUbYfYoLC5nEYQy53NhJSEtfQ==
   dependencies:
     globby "14.0.0"
+    jsonc-parser "3.2.0"
     markdownlint "0.33.0"
     markdownlint-cli2-formatter-default "0.0.4"
     micromatch "4.0.5"
-    strip-json-comments "5.0.1"
     yaml "2.3.4"
 
 markdownlint-micromark@0.1.2:
@@ -7175,11 +7180,6 @@ strip-final-newline@^3.0.0:
   resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-3.0.0.tgz#52894c313fbff318835280aed60ff71ebf12b8fd"
   integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
 
-strip-json-comments@5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-5.0.1.tgz#0d8b7d01b23848ed7dbdf4baaaa31a8250d8cfa0"
-  integrity sha512-0fk9zBqO67Nq5M/m45qHCJxylV/DhBlIOVExqgOMiCCrzrhU6tCibRXNqE3jwJLftzE9SNuZtYbpzcO+i9FiKw==
-
 strip-json-comments@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"

From 6aaa9181e151178d16e5eb65ca1b7a8e9c744b81 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Mon, 15 Jan 2024 13:19:35 -0800
Subject: [PATCH 417/790] intro and see also for export parts (#31599)

* intro and see also for export parts

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* clarifications

* ooos

* add () to ::part

* fragment order

* Update index.md

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../global_attributes/exportparts/index.md    | 31 +++++++++++++++----
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/files/en-us/web/html/global_attributes/exportparts/index.md b/files/en-us/web/html/global_attributes/exportparts/index.md
index 26395a8848429fb..b23c3483795c9fc 100644
--- a/files/en-us/web/html/global_attributes/exportparts/index.md
+++ b/files/en-us/web/html/global_attributes/exportparts/index.md
@@ -9,13 +9,26 @@ browser-compat: html.global_attributes.exportparts
 
 The **`exportparts`** [global attribute](/en-US/docs/Web/HTML/Global_attributes) allows you to select and style elements existing in nested {{Glossary("shadow tree", "shadow trees")}}, by exporting their `part` names.
 
-The shadow tree is an isolated structure where identifiers, classes, and styles cannot be reached by selectors or queries belonging to a regular DOM.
-To apply a style to an element living in a shadow tree, by CSS rule created outside of it, [`part`](/en-US/docs/Web/HTML/Global_attributes#part) global attribute has to be used. It has to be assigned to an element present in Shadow Tree, and its value should be some identifier.
-Rules present outside of the shadow tree, must use the {{CSSxRef("::part")}} pseudo-element, containing the same identifier as the argument.
+The shadow tree is an isolated structure where identifiers, classes, and styles cannot be reached by selectors or queries belonging to a regular DOM. There are two HTML attributes that can be applied to shadow tree elements that enable targeting CSS styles from outside to shadow tree: `part` and `exportparts`.
 
-The global attribute [`part`](/en-US/docs/Web/HTML/Global_attributes#part) makes the element visible on just a single level of depth. When the shadow tree is nested, parts will be visible only to the parent of the shadow tree but not to its ancestor. Exporting parts further down is exactly what `exportparts` attribute is for.
+The global [`part`](/en-US/docs/Web/HTML/Global_attributes#part) attribute makes a shadow tree element visible to its parent DOM. A `part` name is used as the parameter of the {{CSSxRef("::part", "::part()")}} pseudo-element. In this way, you can apply CSS styles to elements in the shadow tree from outside of it. However, the `::part()` pseudo-element is only visible to the parent DOM. This means that when a shadow tree is nested, the parts are not visible to any ancestors other than the direct parent. The `exportparts` attribute solves this limitation.
 
-Attribute `exportparts` must be placed on a _shadow Host_, which is the element to which the _shadow tree_ is attached. The value of the attribute should be a comma-separated list of part names present in the shadow tree and which should be made available via a DOM outside of the current structure.
+The `exportparts` attribute enables shadow tree parts to be visible outside the shadow DOM. This concept is referred to as "exporting". The `exportparts` attribute is placed on the element's _shadow host_, which is the element to which the _shadow tree_ is attached. The value of this attribute is a comma-separated list of `part` names present in the shadow tree. These names are made available to the DOMs outside the current structure.
+
+```html
+<template id="ancestor-component">
+  <nested-component exportparts="part1, part2, part5"></nested-component>
+</template>
+```
+
+When exporting a `part`, you have the option to assign a different name to the part, as shown in the snippet below. The value of the `exportparts` attribute is really a comma-separated list of part-name mappings. So the `exportparts` attribute in the above code snippet is the equivalent of `exportparts="part1:part1, part2:part2, part5:part5`, indicating that each `part` is exported with the same name. In each mapping, the first string specifies the name of the part within the shadow tree, and the second string specifies the name with which the part will be exposed externally.
+
+```html
+<template id="ancestor-component">
+  <nested-component
+    exportparts="part1:exposed1, part2:exposed2"></nested-component>
+</template>
+```
 
 ## Specifications
 
@@ -27,4 +40,10 @@ Attribute `exportparts` must be placed on a _shadow Host_, which is the element
 
 ## See also
 
-- All [global attributes](/en-US/docs/Web/HTML/Global_attributes).
+- [`part`](/en-US/docs/Web/HTML/Global_attributes/part) HTML attribute
+- {{HTMLElement("template")}} and {{HTMLElement("slot")}} HTML elements
+- {{CSSXref("::part")}} and {{CSSXref("::slotted")}} CSS pseudo-elements
+- [`ShadowRoot`]("/en-US/docs/Web/API/ShadowRoot) interface
+- {{DOMxRef("Element.part")}} property
+- [Using templates and slots](/en-US/docs/Web/API/Web_components/Using_templates_and_slots)
+- [CSS scoping](/en-US/docs/Web/CSS/CSS_scoping) module

From 9fc0a77a8355d8d5cdfb6f89f32620faf2fc9a7a Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 15 Jan 2024 21:51:13 +0000
Subject: [PATCH 418/790] Bump prettier from 3.1.1 to 3.2.2 (#31732)

---
 .markdownlint-cli2.jsonc |  4 +--
 .markdownlint.jsonc      | 56 ++++++++++++++++++++--------------------
 package.json             |  2 +-
 yarn.lock                |  8 +++---
 4 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/.markdownlint-cli2.jsonc b/.markdownlint-cli2.jsonc
index 5e01c3a409f01ec..892510a33078fcb 100644
--- a/.markdownlint-cli2.jsonc
+++ b/.markdownlint-cli2.jsonc
@@ -1,7 +1,7 @@
 {
   "config": {
-    "extends": "./.markdownlint.jsonc"
+    "extends": "./.markdownlint.jsonc",
   },
   "customRules": ["markdownlint-rule-search-replace"],
-  "ignores": ["node_modules", ".git", ".github", "tests"]
+  "ignores": ["node_modules", ".git", ".github", "tests"],
 }
diff --git a/.markdownlint.jsonc b/.markdownlint.jsonc
index 866cca31ba953ad..2ccae5139144109 100644
--- a/.markdownlint.jsonc
+++ b/.markdownlint.jsonc
@@ -7,29 +7,29 @@
   // Disabled, as some callouts include headings.
   "heading-increment": false,
   "ul-style": {
-    "style": "dash"
+    "style": "dash",
   },
   "ul-indent": {
-    "indent": 2
+    "indent": 2,
   },
   "no-hard-tabs": {
-    "spaces_per_tab": 2
+    "spaces_per_tab": 2,
   },
   "line-length": false,
   "no-duplicate-heading": {
-    "siblings_only": true
+    "siblings_only": true,
   },
   "single-title": {
-    "front_matter_title": "^\\s*title\\s*[:=]"
+    "front_matter_title": "^\\s*title\\s*[:=]",
   },
   "no-trailing-punctuation": {
-    "punctuation": ".,;:"
+    "punctuation": ".,;:",
   },
   // Consecutive Notes/Callouts currently don't conform with this rule
   "no-blanks-blockquote": false,
   // Force ordered numbering to catch accidental list ending from indenting
   "ol-prefix": {
-    "style": "ordered"
+    "style": "ordered",
   },
   "no-inline-html": {
     "allowed_elements": [
@@ -99,8 +99,8 @@
       "thead",
       "tr",
       "ul",
-      "var"
-    ]
+      "var",
+    ],
   },
   "no-bare-urls": false,
   // Produces too many false positives
@@ -109,13 +109,13 @@
   // See https://github.com/mdn/content/pull/20026, as macros currently break this
   "no-empty-links": false,
   "code-block-style": {
-    "style": "fenced"
+    "style": "fenced",
   },
   "emphasis-style": {
-    "style": "underscore"
+    "style": "underscore",
   },
   "strong-style": {
-    "style": "asterisk"
+    "style": "asterisk",
   },
   // Disabled, as yari generates link fragments by replacing spaces with underscores, not dashes.
   "link-fragments": false,
@@ -128,90 +128,90 @@
         "message": "Don't use curly double quotes",
         "searchPattern": "/“|”/g",
         "replace": "\"",
-        "searchScope": "text"
+        "searchScope": "text",
       },
       {
         "name": "curly-single-quotes",
         "message": "Don't use curly single quotes",
         "searchPattern": "/‘|’/g",
         "replace": "'",
-        "searchScope": "text"
+        "searchScope": "text",
       },
       {
         "name": "nbsp",
         "message": "Don't use no-break spaces",
         "searchPattern": "/ /g",
         "replace": " ",
-        "searchScope": "all"
+        "searchScope": "all",
       },
       {
         "name": "m-dash",
         "message": "Don't use '--'. Use m-dash — instead",
         "search": " -- ",
         "replace": " — ",
-        "searchScope": "text"
+        "searchScope": "text",
       },
       {
         "name": "relative-link",
         "message": "Internal links should start with '/'",
         "searchPattern": "/([\\(\"])en-US\\/docs/g",
         "replace": "$1/en-US/docs",
-        "searchScope": "text"
+        "searchScope": "text",
       },
       {
         "name": "relative-link-path",
         "message": "Don't use relative paths",
         "search": "](..",
-        "searchScope": "text"
+        "searchScope": "text",
       },
       {
         "name": "trailing-spaces",
         "message": "Avoid trailing spaces",
         "searchPattern": "/  +$/gm",
         "replace": "",
-        "searchScope": "all"
+        "searchScope": "all",
       },
       {
         "name": "double-spaces",
         "message": "Avoid double spaces",
         "searchPattern": "/([^\\s>])  ([^\\s|])/g",
         "replace": "$1 $2",
-        "searchScope": "text"
+        "searchScope": "text",
       },
       {
         "name": "stuck-definition",
         "message": "Character is stuck to definition description marker",
         "searchPattern": "/- :(\\w)/g",
         "replace": "- : $1",
-        "searchScope": "text"
+        "searchScope": "text",
       },
       {
         "name": "fqdn-moz-links",
         "message": "Don't use developer.mozilla.org for links, except for blog posts",
         "searchPattern": "/\\]\\(https:\\/\\/developer.mozilla.org\\/(?!en-US\\/blog\\/)/g",
         "replace": "](/",
-        "searchScope": "text"
+        "searchScope": "text",
       },
       {
         "name": "incorrect-spelling",
         "message": "Incorrect spelling",
         "searchPattern": ["/e-mail/ig", "/(w)eb site/ig"],
         "replace": ["email", "$1ebsite"],
-        "searchScope": "all"
+        "searchScope": "all",
       },
       {
         "name": "localhost-links",
         "message": "Don't use localhost for links",
         "searchPattern": "/\\]\\(https?:\\/\\/localhost:\\d+\\//g",
         "replace": "](/",
-        "searchScope": "text"
+        "searchScope": "text",
       },
       {
         "name": "un-closed-md-link",
         "message": "Missing closing bracket ')'",
         "searchPattern": "/(\\[[^\\]]*?\\]\\(([^\\)\\n]|\\([^\\)\\n]\\)|\\s[\"'])+?)(\\n|\\s|[,:][\\s\\n])/gm",
-        "searchScope": "text"
-      }
-    ]
-  }
+        "searchScope": "text",
+      },
+    ],
+  },
 }
diff --git a/package.json b/package.json
index 411a5b9510119a0..7a62886481a3de1 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
     "lint-staged": "15.2.0",
     "markdownlint-cli2": "0.12.1",
     "markdownlint-rule-search-replace": "1.2.0",
-    "prettier": "3.1.1"
+    "prettier": "3.2.2"
   },
   "devDependencies": {
     "jest": "^29.7.0"
diff --git a/yarn.lock b/yarn.lock
index f6890815063f270..5be4c8eb58d2286 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6249,10 +6249,10 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==
 
-prettier@3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.1.1.tgz#6ba9f23165d690b6cbdaa88cb0807278f7019848"
-  integrity sha512-22UbSzg8luF4UuZtzgiUOfcGM8s4tjBv6dJRT7j275NXsy2jb4aJa4NNveul5x4eqlF1wuhuR2RElK71RvmVaw==
+prettier@3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.2.tgz#96e580f7ca9c96090ad054616c0c4597e2844b65"
+  integrity sha512-HTByuKZzw7utPiDO523Tt2pLtEyK7OibUD9suEJQrPUCYQqrHr74GGX6VidMrovbf/I50mPqr8j/II6oBAuc5A==
 
 pretty-format@^29.7.0:
   version "29.7.0"

From 67538b9c88a7ac24a711600a97e47992f81ceea2 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Tue, 16 Jan 2024 03:23:47 +0530
Subject: [PATCH 419/790] adding macro for interactive example for
 BigInt64Array() constuctor (#31722)

* adding macro for interactive example for BigInt64Array() constuctor

* example position changes

* Update files/en-us/web/javascript/reference/global_objects/bigint64array/index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../javascript/reference/global_objects/bigint64array/index.md  | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/web/javascript/reference/global_objects/bigint64array/index.md b/files/en-us/web/javascript/reference/global_objects/bigint64array/index.md
index d2b6c2a81a36df6..20c74a317c17e15 100644
--- a/files/en-us/web/javascript/reference/global_objects/bigint64array/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/bigint64array/index.md
@@ -11,6 +11,8 @@ The **`BigInt64Array`** typed array represents an array of 64-bit signed integer
 
 `BigInt64Array` is a subclass of the hidden {{jsxref("TypedArray")}} class.
 
+{{EmbedInteractiveExample("pages/js/typedarray-bigint64.html", "taller")}}
+
 ## Constructor
 
 - {{jsxref("BigInt64Array/BigInt64Array", "BigInt64Array()")}}

From 619eb04efb7c6171fd4385fd4ba926805ee08a35 Mon Sep 17 00:00:00 2001
From: Chris Douglass <35084945+apopheny@users.noreply.github.com>
Date: Mon, 15 Jan 2024 16:56:52 -0500
Subject: [PATCH 420/790] Remove confusing reference to
 Object.getOwnPropertyNames() (#31715)

* Update index.md to remove " (as with Object.getOwnPropertyNames())"

Previous text: "...does not imply that hasOwnProperty itself is confined strictly to enumerable items (as with Object.getOwnPropertyNames())."

This seems to imply that Object.getOwnPropertyNames is limited to enumerable items.

* Update index.md to clarify reference to `Object.getOwnPropertyNames` as a non-enumerable iterator

* Update files/en-us/web/javascript/reference/global_objects/object/hasownproperty/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../reference/global_objects/object/hasownproperty/index.md   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/object/hasownproperty/index.md b/files/en-us/web/javascript/reference/global_objects/object/hasownproperty/index.md
index 14c4c517230c8af..b313e4c637e5e5a 100644
--- a/files/en-us/web/javascript/reference/global_objects/object/hasownproperty/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/object/hasownproperty/index.md
@@ -117,8 +117,8 @@ for (const name in buz) {
 Note that the {{jsxref("Statements/for...in", "for...in")}} loop
 only iterates enumerable items: the absence of non-enumerable properties emitted
 from the loop does not imply that `hasOwnProperty` itself is confined strictly
-to enumerable items (as with
-{{jsxref("Object.getOwnPropertyNames()")}}).
+to enumerable items. You can iterate over non-enumerable properties with
+{{jsxref("Object.getOwnPropertyNames()")}}.
 
 ### Using hasOwnProperty as a property name
 

From 005cc1fd55aadcdcbd9aabbed7d648a275f8f23a Mon Sep 17 00:00:00 2001
From: James <36278229+FormularSumo@users.noreply.github.com>
Date: Mon, 15 Jan 2024 21:58:53 +0000
Subject: [PATCH 421/790] Update remaining web area to use latest rgb() and
 hsl() syntax (#31497)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Update rgb/hsl syntax in web\accessibility

* Update rgb & hsl to use new syntax

Including percentage instead of number for alpha value

* Replace instances of rgba() with rgb() in web\api

Includes rewording of canvas_api\tutorial\applying)styles to use rgb instead of rgba and include a percentage value for alpha. Rename referenced canvas_rgba.png → canvas_rgb.png.

There weren't any instances of hsla()

* Update rgb/hsl syntax in web\guide

* Update rgb/hsl syntax in web\html

Remove reference to rgba in element\input\color

* Update rgb/hsl syntax in web\mathml

I've left mathcolor as it lists all the possible ways of using color, including rgb and rgba, new and old syntax.

* Update rgb/hsl syntax in web\mediia

* Update rgb/hsl syntax in web\progressive_web_apps

* Update rgb/hsl syntax in web\svg

* Update miscellaneous rgb/hsl syntax in web

Including fixing a typo in css\color

* Apply linter/prettier suggestions

* Fix some incorrect syntax found in review

* Update files/en-us/web/html/element/input/color/index.md

Co-authored-by: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>

* Update files/en-us/web/api/mutationrecord/oldvalue/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Add 'with alpha transparency' to rgb() example

This is because this section is about using rgb() to specify alpha transparency instead of the globalAlpha property, so the focus should be on changing the transparency

* Update files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/api/canvas_api/tutorial/basic_animations/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Fix incorrect rgb syntax in html area

* Rename rgba to rgbColor

* Move related code onto the same line

* Move related code onto the same line

* Update files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Add back comma in using_css_gradients

* Update comments in color

* Add back decimal in color, and add to rgb/hsl

I removed initially because it looked out of place, but actually it was probably to demonstrate having a decimal value (since it wasn't always supported in rgb). I've added it to rgb as well as rgba, and added an equivalent to hsl (in addition to hsla) to make it obvious that both versions work with decimals.

* color syntax - make alpha values consistent

I don't think there was any reason to have different alpha values for these two rgba examples. The different syntaxes are to show how they're used, so changing the alpha value for just rgba seemed to imply that it somehow uses alpha differently from rgb.

This also brings it in line with the hsl/a examples which are consistent (also with 60% opacity)

* Remove legacy rgba/hsla syntax from mathml\mathcolor

I decided to make the decimal example .6 / .2 rather than .0 as I think that's better at showing using them, and is also consistent with https://developer.mozilla.org/en-US/docs/Web/CSS/color

* Commit prettier suggestions

As strange as it appears to be

---------

Co-authored-by: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../accessibility/seizure_disorders/index.md  |   2 +-
 .../index.md                                  |   2 +-
 .../web/api/analysernode/fftsize/index.md     |   4 +-
 .../analysernode/frequencybincount/index.md   |   4 +-
 .../getbytefrequencydata/index.md             |   4 +-
 .../getbytetimedomaindata/index.md            |   4 +-
 .../getfloatfrequencydata/index.md            |   5 +-
 .../getfloattimedomaindata/index.md           |   4 +-
 files/en-us/web/api/analysernode/index.md     |   4 +-
 .../web/api/analysernode/maxdecibels/index.md |   4 +-
 .../web/api/analysernode/mindecibels/index.md |   4 +-
 .../smoothingtimeconstant/index.md            |   4 +-
 .../baseaudiocontext/createanalyser/index.md  |   4 +-
 .../tutorial/advanced_animations/index.md     |   6 +-
 .../{canvas_rgba.png => canvas_rgb.png}       | Bin
 .../applying_styles_and_colors/index.md       |  48 +++++------
 .../tutorial/basic_animations/index.md        |  10 +--
 .../canvas_api/tutorial/basic_usage/index.md  |   4 +-
 .../pixel_manipulation_with_canvas/index.md   |  10 +--
 .../tutorial/transformations/index.md         |   6 +-
 .../clearrect/index.md                        |   2 +-
 .../fillstyle/index.md                        |   4 +-
 .../globalcompositeoperation/index.md         |  18 ++---
 .../putimagedata/index.md                     |   5 +-
 .../shadowcolor/index.md                      |   6 +-
 .../strokestyle/index.md                      |   4 +-
 .../web/api/css_painting_api/guide/index.md   |  24 +++---
 files/en-us/web/api/css_painting_api/index.md |   6 +-
 .../web/api/css_typed_om_api/guide/index.md   |  10 +--
 .../overridecolors/index.md                   |   8 +-
 .../cssstyledeclaration/setproperty/index.md  |   2 +-
 .../document_object_model/examples/index.md   |   4 +-
 .../index.md                                  |   2 +-
 .../web/api/element/auxclick_event/index.md   |   2 +-
 .../en-us/web/api/element/clientleft/index.md |   2 +-
 .../en-us/web/api/element/clienttop/index.md  |   2 +-
 .../element/transitioncancel_event/index.md   |   4 +-
 .../api/element/transitionend_event/index.md  |   4 +-
 .../api/element/transitionrun_event/index.md  |   4 +-
 .../element/transitionstart_event/index.md    |   4 +-
 .../web/api/htmlfontelement/color/index.md    |   2 +-
 .../web/api/htmlimageelement/alt/index.md     |   4 +-
 .../api/htmlimageelement/crossorigin/index.md |   2 +-
 .../web/api/htmlimageelement/srcset/index.md  |   2 +-
 .../en-us/web/api/htmlimageelement/x/index.md |   4 +-
 files/en-us/web/api/ink_api/index.md          |   8 +-
 files/en-us/web/api/inkpresenter/index.md     |   9 ++-
 .../updateinktrailstartpoint/index.md         |   8 +-
 .../api/intersection_observer_api/index.md    |  20 ++---
 .../timing_element_visibility/index.md        |   2 +-
 files/en-us/web/api/location/index.md         |   2 +-
 .../taking_still_photos/index.md              |   8 +-
 .../index.md                                  |   8 +-
 .../web/api/mutationrecord/oldvalue/index.md  |   2 +-
 .../en-us/web/api/performance_api/diagram.svg |   2 +-
 .../en-us/web/api/popover_api/using/index.md  |  10 +--
 .../using_service_workers/sw-fetch.svg        |  30 +++----
 .../using_service_workers/sw-lifecycle.svg    |  58 +++++++-------
 .../svggeometryelement/ispointinfill/index.md |   2 +-
 .../ispointinstroke/index.md                  |   2 +-
 files/en-us/web/api/svgrectelement/index.md   |   4 +-
 .../index.md                                  |   8 +-
 .../tutorial/using_textures_in_webgl/index.md |   2 +-
 .../en-us/web/api/window/screenleft/index.md  |   4 +-
 files/en-us/web/api/window/screentop/index.md |   4 +-
 files/en-us/web/api/window/screenx/index.md   |   4 +-
 files/en-us/web/api/window/screeny/index.md   |   4 +-
 files/en-us/web/css/color/index.md            |  12 +--
 .../css/css_colors/applying_color/index.md    |  34 ++++----
 .../css_images/using_css_gradients/index.md   |  75 ++++++++----------
 .../web/css/gradient/conic-gradient/index.md  |  18 ++---
 .../repeating-conic-gradient/index.md         |   4 +-
 files/en-us/web/css/image/paint/index.md      |   6 +-
 files/en-us/web/css/mix-blend-mode/index.md   |  12 +--
 .../css/block_formatting_context/index.md     |   4 +-
 files/en-us/web/html/element/dialog/index.md  |  10 +--
 .../web/html/element/input/button/index.md    |   4 +-
 .../web/html/element/input/color/index.md     |   2 +-
 files/en-us/web/html/element/table/index.md   |   8 +-
 files/en-us/web/html/element/tr/index.md      |  12 +--
 .../global_attributes/mathbackground/index.md |   6 +-
 .../global_attributes/mathcolor/index.md      |  10 +--
 .../audio_concepts/human-hearing-range.svg    |   4 +-
 .../web/media/formats/video_codecs/index.md   |   2 +-
 .../push-messaging-1.svg                      |   2 +-
 .../push-messaging-2.svg                      |   2 +-
 .../pwa-environment.svg                       |   2 +-
 files/en-us/web/svg/attribute/d/index.md      |   9 ++-
 .../svg/attribute/stroke-dashoffset/index.md  |   2 +-
 files/en-us/web/svg/content_type/index.md     |   6 +-
 90 files changed, 351 insertions(+), 360 deletions(-)
 rename files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/{canvas_rgba.png => canvas_rgb.png} (100%)

diff --git a/files/en-us/web/accessibility/seizure_disorders/index.md b/files/en-us/web/accessibility/seizure_disorders/index.md
index 82046427d5217d3..4d376fa4b67f15f 100644
--- a/files/en-us/web/accessibility/seizure_disorders/index.md
+++ b/files/en-us/web/accessibility/seizure_disorders/index.md
@@ -396,7 +396,7 @@ function set_background() {
 
   // get the second item of the list of p elements
   myP = myBodyElements[1];
-  myP.style.background = "rgb(255,0,0)";
+  myP.style.background = "rgb(255 0 0)";
 }
 ```
 
diff --git a/files/en-us/web/accessibility/understanding_colors_and_luminance/index.md b/files/en-us/web/accessibility/understanding_colors_and_luminance/index.md
index a18dba4e90c5c5e..5a61c947bb6aced 100644
--- a/files/en-us/web/accessibility/understanding_colors_and_luminance/index.md
+++ b/files/en-us/web/accessibility/understanding_colors_and_luminance/index.md
@@ -78,7 +78,7 @@ color: #ff00ffff; /* #rrggbbaa */
 
 /* by HSL representation of the sRGB value */
 color: hsl(300 100% 50%);
-color: hsl(300deg 100% 50% / 1);
+color: hsl(300deg 100% 50% / 100%);
 
 /* by HWB representation of the sRGB value */
 color: hwb(300deg 0% 0%);
diff --git a/files/en-us/web/api/analysernode/fftsize/index.md b/files/en-us/web/api/analysernode/fftsize/index.md
index 8355d589a767c04..e0e98d593959501 100644
--- a/files/en-us/web/api/analysernode/fftsize/index.md
+++ b/files/en-us/web/api/analysernode/fftsize/index.md
@@ -44,11 +44,11 @@ function draw() {
 
   analyser.getByteTimeDomainData(dataArray);
 
-  canvasCtx.fillStyle = "rgb(200, 200, 200)";
+  canvasCtx.fillStyle = "rgb(200 200 200)";
   canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
 
   canvasCtx.lineWidth = 2;
-  canvasCtx.strokeStyle = "rgb(0, 0, 0)";
+  canvasCtx.strokeStyle = "rgb(0 0 0)";
 
   canvasCtx.beginPath();
 
diff --git a/files/en-us/web/api/analysernode/frequencybincount/index.md b/files/en-us/web/api/analysernode/frequencybincount/index.md
index c79907282013a4e..487e4a38d11048d 100644
--- a/files/en-us/web/api/analysernode/frequencybincount/index.md
+++ b/files/en-us/web/api/analysernode/frequencybincount/index.md
@@ -41,7 +41,7 @@ function draw() {
 
   analyser.getByteFrequencyData(dataArray);
 
-  canvasCtx.fillStyle = "rgb(0, 0, 0)";
+  canvasCtx.fillStyle = "rgb(0 0 0)";
   canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
 
   const barWidth = (WIDTH / bufferLength) * 2.5 - 1;
@@ -51,7 +51,7 @@ function draw() {
   for (let i = 0; i < bufferLength; i++) {
     barHeight = dataArray[i];
 
-    canvasCtx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
+    canvasCtx.fillStyle = `rgb(${barHeight + 100} 50 50)`;
     canvasCtx.fillRect(x, HEIGHT - barHeight / 2, barWidth, barHeight / 2);
 
     x += barWidth;
diff --git a/files/en-us/web/api/analysernode/getbytefrequencydata/index.md b/files/en-us/web/api/analysernode/getbytefrequencydata/index.md
index a032b5635c664f8..64cf1d0b092674e 100644
--- a/files/en-us/web/api/analysernode/getbytefrequencydata/index.md
+++ b/files/en-us/web/api/analysernode/getbytefrequencydata/index.md
@@ -54,7 +54,7 @@ function draw() {
 
   analyser.getByteFrequencyData(dataArray);
 
-  canvasCtx.fillStyle = "rgb(0, 0, 0)";
+  canvasCtx.fillStyle = "rgb(0 0 0)";
   canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
 
   const barWidth = (WIDTH / bufferLength) * 2.5;
@@ -64,7 +64,7 @@ function draw() {
   for (let i = 0; i < bufferLength; i++) {
     barHeight = dataArray[i];
 
-    canvasCtx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
+    canvasCtx.fillStyle = `rgb(${barHeight + 100} 50 50)`;
     canvasCtx.fillRect(x, HEIGHT - barHeight / 2, barWidth, barHeight / 2);
 
     x += barWidth + 1;
diff --git a/files/en-us/web/api/analysernode/getbytetimedomaindata/index.md b/files/en-us/web/api/analysernode/getbytetimedomaindata/index.md
index e6995c74c7ea5fd..1af3de5e00d1d1f 100644
--- a/files/en-us/web/api/analysernode/getbytetimedomaindata/index.md
+++ b/files/en-us/web/api/analysernode/getbytetimedomaindata/index.md
@@ -49,11 +49,11 @@ function draw() {
   drawVisual = requestAnimationFrame(draw);
   analyser.getByteTimeDomainData(dataArray);
 
-  canvasCtx.fillStyle = "rgb(200, 200, 200)";
+  canvasCtx.fillStyle = "rgb(200 200 200)";
   canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
 
   canvasCtx.lineWidth = 2;
-  canvasCtx.strokeStyle = "rgb(0, 0, 0)";
+  canvasCtx.strokeStyle = "rgb(0 0 0)";
 
   const sliceWidth = (WIDTH * 1.0) / bufferLength;
   let x = 0;
diff --git a/files/en-us/web/api/analysernode/getfloatfrequencydata/index.md b/files/en-us/web/api/analysernode/getfloatfrequencydata/index.md
index e0249b825d74aef..0338a2d1b3c544e 100644
--- a/files/en-us/web/api/analysernode/getfloatfrequencydata/index.md
+++ b/files/en-us/web/api/analysernode/getfloatfrequencydata/index.md
@@ -90,7 +90,7 @@ For more complete applied examples/information, check out our [Voice-change-O-ma
       analyserNode.getFloatFrequencyData(dataArray);
 
       //Draw black background
-      canvasCtx.fillStyle = "rgb(0, 0, 0)";
+      canvasCtx.fillStyle = "rgb(0 0 0)";
       canvasCtx.fillRect(0, 0, canvas.width, canvas.height);
 
       //Draw spectrum
@@ -98,8 +98,7 @@ For more complete applied examples/information, check out our [Voice-change-O-ma
       let posX = 0;
       for (let i = 0; i < bufferLength; i++) {
         const barHeight = (dataArray[i] + 140) * 2;
-        canvasCtx.fillStyle =
-          "rgb(" + Math.floor(barHeight + 100) + ", 50, 50)";
+        canvasCtx.fillStyle = "rgb(" + Math.floor(barHeight + 100) + " 50 50)";
         canvasCtx.fillRect(
           posX,
           canvas.height - barHeight / 2,
diff --git a/files/en-us/web/api/analysernode/getfloattimedomaindata/index.md b/files/en-us/web/api/analysernode/getfloattimedomaindata/index.md
index c021f782d8389af..a8e72219eaea105 100644
--- a/files/en-us/web/api/analysernode/getfloattimedomaindata/index.md
+++ b/files/en-us/web/api/analysernode/getfloattimedomaindata/index.md
@@ -48,10 +48,10 @@ function draw() {
   drawVisual = requestAnimationFrame(draw);
   analyser.getFloatTimeDomainData(dataArray);
 
-  canvasCtx.fillStyle = "rgb(200, 200, 200)";
+  canvasCtx.fillStyle = "rgb(200 200 200)";
   canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
   canvasCtx.lineWidth = 2;
-  canvasCtx.strokeStyle = "rgb(0, 0, 0)";
+  canvasCtx.strokeStyle = "rgb(0 0 0)";
   canvasCtx.beginPath();
 
   const sliceWidth = (WIDTH * 1.0) / bufferLength;
diff --git a/files/en-us/web/api/analysernode/index.md b/files/en-us/web/api/analysernode/index.md
index ccb32d42a3bbd81..f3df069e1564009 100644
--- a/files/en-us/web/api/analysernode/index.md
+++ b/files/en-us/web/api/analysernode/index.md
@@ -108,11 +108,11 @@ function draw() {
 
   analyser.getByteTimeDomainData(dataArray);
 
-  canvasCtx.fillStyle = "rgb(200, 200, 200)";
+  canvasCtx.fillStyle = "rgb(200 200 200)";
   canvasCtx.fillRect(0, 0, canvas.width, canvas.height);
 
   canvasCtx.lineWidth = 2;
-  canvasCtx.strokeStyle = "rgb(0, 0, 0)";
+  canvasCtx.strokeStyle = "rgb(0 0 0)";
 
   canvasCtx.beginPath();
 
diff --git a/files/en-us/web/api/analysernode/maxdecibels/index.md b/files/en-us/web/api/analysernode/maxdecibels/index.md
index c235753881bc3ec..d35bbee89dc65a6 100644
--- a/files/en-us/web/api/analysernode/maxdecibels/index.md
+++ b/files/en-us/web/api/analysernode/maxdecibels/index.md
@@ -46,7 +46,7 @@ function draw() {
 
   analyser.getByteFrequencyData(dataArray);
 
-  canvasCtx.fillStyle = "rgb(0, 0, 0)";
+  canvasCtx.fillStyle = "rgb(0 0 0)";
   canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
 
   const barWidth = (WIDTH / bufferLength) * 2.5;
@@ -56,7 +56,7 @@ function draw() {
   for (let i = 0; i < bufferLength; i++) {
     barHeight = dataArray[i];
 
-    canvasCtx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
+    canvasCtx.fillStyle = `rgb(${barHeight + 100} 50 50)`;
     canvasCtx.fillRect(x, HEIGHT - barHeight / 2, barWidth, barHeight / 2);
 
     x += barWidth + 1;
diff --git a/files/en-us/web/api/analysernode/mindecibels/index.md b/files/en-us/web/api/analysernode/mindecibels/index.md
index 92f827a3dfebe6e..dcf2f793d0d8032 100644
--- a/files/en-us/web/api/analysernode/mindecibels/index.md
+++ b/files/en-us/web/api/analysernode/mindecibels/index.md
@@ -43,7 +43,7 @@ function draw() {
 
   analyser.getByteFrequencyData(dataArray);
 
-  canvasCtx.fillStyle = "rgb(0, 0, 0)";
+  canvasCtx.fillStyle = "rgb(0 0 0)";
   canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
 
   const barWidth = (WIDTH / bufferLength) * 2.5;
@@ -53,7 +53,7 @@ function draw() {
   for (let i = 0; i < bufferLength; i++) {
     barHeight = dataArray[i];
 
-    canvasCtx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
+    canvasCtx.fillStyle = `rgb(${barHeight + 100} 50 50)`;
     canvasCtx.fillRect(x, HEIGHT - barHeight / 2, barWidth, barHeight / 2);
 
     x += barWidth + 1;
diff --git a/files/en-us/web/api/analysernode/smoothingtimeconstant/index.md b/files/en-us/web/api/analysernode/smoothingtimeconstant/index.md
index babef8d5e0806b2..f9f4ab3483a03e5 100644
--- a/files/en-us/web/api/analysernode/smoothingtimeconstant/index.md
+++ b/files/en-us/web/api/analysernode/smoothingtimeconstant/index.md
@@ -48,7 +48,7 @@ function draw() {
 
   analyser.getByteFrequencyData(dataArray);
 
-  canvasCtx.fillStyle = "rgb(0, 0, 0)";
+  canvasCtx.fillStyle = "rgb(0 0 0)";
   canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
 
   const barWidth = (WIDTH / bufferLength) * 2.5;
@@ -58,7 +58,7 @@ function draw() {
   for (let i = 0; i < bufferLength; i++) {
     barHeight = dataArray[i];
 
-    canvasCtx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
+    canvasCtx.fillStyle = `rgb(${barHeight + 100} 50 50)`;
     canvasCtx.fillRect(x, HEIGHT - barHeight / 2, barWidth, barHeight / 2);
 
     x += barWidth + 1;
diff --git a/files/en-us/web/api/baseaudiocontext/createanalyser/index.md b/files/en-us/web/api/baseaudiocontext/createanalyser/index.md
index 66cf0ac2ed3f7d2..e8058575b579f64 100644
--- a/files/en-us/web/api/baseaudiocontext/createanalyser/index.md
+++ b/files/en-us/web/api/baseaudiocontext/createanalyser/index.md
@@ -59,11 +59,11 @@ function draw() {
 
   analyser.getByteTimeDomainData(dataArray);
 
-  canvasCtx.fillStyle = "rgb(200, 200, 200)";
+  canvasCtx.fillStyle = "rgb(200 200 200)";
   canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
 
   canvasCtx.lineWidth = 2;
-  canvasCtx.strokeStyle = "rgb(0, 0, 0)";
+  canvasCtx.strokeStyle = "rgb(0 0 0)";
 
   canvasCtx.beginPath();
 
diff --git a/files/en-us/web/api/canvas_api/tutorial/advanced_animations/index.md b/files/en-us/web/api/canvas_api/tutorial/advanced_animations/index.md
index b076c4f4fdde7a0..8bf52a9440d5c78 100644
--- a/files/en-us/web/api/canvas_api/tutorial/advanced_animations/index.md
+++ b/files/en-us/web/api/canvas_api/tutorial/advanced_animations/index.md
@@ -244,7 +244,7 @@ ball.draw();
 Until now we have made use of the {{domxref("CanvasRenderingContext2D.clearRect", "clearRect")}} method when clearing prior frames. If you replace this method with a semi-transparent {{domxref("CanvasRenderingContext2D.fillRect", "fillRect")}}, you can easily create a trailing effect.
 
 ```js
-ctx.fillStyle = "rgba(255, 255, 255, 0.3)";
+ctx.fillStyle = "rgb(255 255 255 / 30%)";
 ctx.fillRect(0, 0, canvas.width, canvas.height);
 ```
 
@@ -280,7 +280,7 @@ const ball = {
 };
 
 function draw() {
-  ctx.fillStyle = "rgba(255, 255, 255, 0.3)";
+  ctx.fillStyle = "rgb(255 255 255 / 30%)";
   ctx.fillRect(0, 0, canvas.width, canvas.height);
   ball.draw();
   ball.x += ball.vx;
@@ -350,7 +350,7 @@ const ball = {
 };
 
 function clear() {
-  ctx.fillStyle = "rgba(255, 255, 255, 0.3)";
+  ctx.fillStyle = "rgb(255 255 255 / 30%)";
   ctx.fillRect(0, 0, canvas.width, canvas.height);
 }
 
diff --git a/files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/canvas_rgba.png b/files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/canvas_rgb.png
similarity index 100%
rename from files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/canvas_rgba.png
rename to files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/canvas_rgb.png
diff --git a/files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md b/files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md
index 2f058bddedc27c6..d68114212e7039d 100644
--- a/files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md
+++ b/files/en-us/web/api/canvas_api/tutorial/applying_styles_and_colors/index.md
@@ -30,8 +30,8 @@ The valid strings you can enter should, according to the specification, be CSS {
 
 ctx.fillStyle = "orange";
 ctx.fillStyle = "#FFA500";
-ctx.fillStyle = "rgb(255, 165, 0)";
-ctx.fillStyle = "rgba(255, 165, 0, 1)";
+ctx.fillStyle = "rgb(255 165 0)";
+ctx.fillStyle = "rgb(255 165 0 / 100%)";
 ```
 
 ### A `fillStyle` example
@@ -43,9 +43,9 @@ function draw() {
   const ctx = document.getElementById("canvas").getContext("2d");
   for (let i = 0; i < 6; i++) {
     for (let j = 0; j < 6; j++) {
-      ctx.fillStyle = `rgb(${Math.floor(255 - 42.5 * i)}, ${Math.floor(
+      ctx.fillStyle = `rgb(${Math.floor(255 - 42.5 * i)} ${Math.floor(
         255 - 42.5 * j,
-      )}, 0)`;
+      )} 0)`;
       ctx.fillRect(j * 25, i * 25, 25, 25);
     }
   }
@@ -75,7 +75,7 @@ function draw() {
   const ctx = document.getElementById("canvas").getContext("2d");
   for (let i = 0; i < 6; i++) {
     for (let j = 0; j < 6; j++) {
-      ctx.strokeStyle = `rgb(0, ${Math.floor(255 - 42.5 * i)}, ${Math.floor(
+      ctx.strokeStyle = `rgb(0 ${Math.floor(255 - 42.5 * i)} ${Math.floor(
         255 - 42.5 * j,
       )})`;
       ctx.beginPath();
@@ -107,16 +107,16 @@ In addition to drawing opaque shapes to the canvas, we can also draw semi-transp
 
 The `globalAlpha` property can be useful if you want to draw a lot of shapes on the canvas with similar transparency, but otherwise it's generally more useful to set the transparency on individual shapes when setting their colors.
 
-Because the `strokeStyle` and `fillStyle` properties accept CSS rgba color values, we can use the following notation to assign a transparent color to them.
+Because the `strokeStyle` and `fillStyle` properties accept CSS rgb color values, we can use the following notation to assign a transparent color to them.
 
 ```js
 // Assigning transparent colors to stroke and fill style
 
-ctx.strokeStyle = "rgba(255, 0, 0, 0.5)";
-ctx.fillStyle = "rgba(255, 0, 0, 0.5)";
+ctx.strokeStyle = "rgb(255 0 0 / 50%)";
+ctx.fillStyle = "rgb(255 0 0 / 50%)";
 ```
 
-The `rgba()` function is similar to the `rgb()` function but it has one extra parameter. The last parameter sets the transparency value of this particular color. The valid range is again between 0.0 (fully transparent) and 1.0 (fully opaque).
+The `rgb()` function has an optional extra parameter. The last parameter sets the transparency value of this particular color. The valid range is specified as a percentage between `0%` (fully transparent) and `100%` (fully opaque) or as a number between `0.0` (equivalent to `0%`) and `1.0` (equivalent to `100%`).
 
 ### A `globalAlpha` example
 
@@ -158,27 +158,27 @@ draw();
 
 {{EmbedLiveSample("A_globalAlpha_example", "180", "180", "canvas_globalalpha.png")}}
 
-### An example using `rgba()`
+### An example using `rgb()` with alpha transparency
 
-In this second example, we do something similar to the one above, but instead of drawing circles on top of each other, I've drawn small rectangles with increasing opacity. Using `rgba()` gives you a little more control and flexibility because we can set the fill and stroke style individually.
+In this second example, we do something similar to the one above, but instead of drawing circles on top of each other, I've drawn small rectangles with increasing opacity. Using `rgb()` gives you a little more control and flexibility because we can set the fill and stroke style individually.
 
 ```js
 function draw() {
   const ctx = document.getElementById("canvas").getContext("2d");
 
   // Draw background
-  ctx.fillStyle = "rgb(255, 221, 0)";
+  ctx.fillStyle = "rgb(255 221 0)";
   ctx.fillRect(0, 0, 150, 37.5);
-  ctx.fillStyle = "rgb(102, 204, 0)";
+  ctx.fillStyle = "rgb(102 204 0)";
   ctx.fillRect(0, 37.5, 150, 37.5);
-  ctx.fillStyle = "rgb(0, 153, 255)";
+  ctx.fillStyle = "rgb(0 153 255)";
   ctx.fillRect(0, 75, 150, 37.5);
-  ctx.fillStyle = "rgb(255, 51, 0)";
+  ctx.fillStyle = "rgb(255 51 0)";
   ctx.fillRect(0, 112.5, 150, 37.5);
 
   // Draw semi transparent rectangles
   for (let i = 0; i < 10; i++) {
-    ctx.fillStyle = `rgba(255, 255, 255, ${(i + 1) / 10})`;
+    ctx.fillStyle = `rgb(255 255 255 / ${(i + 1) / 10})`;
     for (let j = 0; j < 4; j++) {
       ctx.fillRect(5 + i * 14, 5 + j * 37.5, 14, 27.5);
     }
@@ -194,7 +194,7 @@ function draw() {
 draw();
 ```
 
-{{EmbedLiveSample("An_example_using_rgba", "180", "180", "canvas_rgba.png")}}
+{{EmbedLiveSample("An_example_using_rgb_with_alpha_transparency", "180", "180", "canvas_rgb.png")}}
 
 ## Line styles
 
@@ -521,7 +521,7 @@ function draw() {
 
   const lingrad2 = ctx.createLinearGradient(0, 50, 0, 95);
   lingrad2.addColorStop(0.5, "#000");
-  lingrad2.addColorStop(1, "rgba(0, 0, 0, 0)");
+  lingrad2.addColorStop(1, "rgb(0 0 0 / 0%)");
 
   // assign gradients to fill and stroke styles
   ctx.fillStyle = lingrad;
@@ -559,22 +559,22 @@ function draw() {
   const radgrad = ctx.createRadialGradient(45, 45, 10, 52, 50, 30);
   radgrad.addColorStop(0, "#A7D30C");
   radgrad.addColorStop(0.9, "#019F62");
-  radgrad.addColorStop(1, "rgba(1, 159, 98, 0)");
+  radgrad.addColorStop(1, "rgb(1 159 98 / 0%)");
 
   const radgrad2 = ctx.createRadialGradient(105, 105, 20, 112, 120, 50);
   radgrad2.addColorStop(0, "#FF5F98");
   radgrad2.addColorStop(0.75, "#FF0188");
-  radgrad2.addColorStop(1, "rgba(255, 1, 136, 0)");
+  radgrad2.addColorStop(1, "rgb(255 1 136 / 0%)");
 
   const radgrad3 = ctx.createRadialGradient(95, 15, 15, 102, 20, 40);
   radgrad3.addColorStop(0, "#00C9FF");
   radgrad3.addColorStop(0.8, "#00B5E2");
-  radgrad3.addColorStop(1, "rgba(0, 201, 255, 0)");
+  radgrad3.addColorStop(1, "rgb(0 201 255 / 0%)");
 
   const radgrad4 = ctx.createRadialGradient(0, 150, 50, 0, 140, 90);
   radgrad4.addColorStop(0, "#F4F201");
   radgrad4.addColorStop(0.8, "#E4C700");
-  radgrad4.addColorStop(1, "rgba(228, 199, 0, 0)");
+  radgrad4.addColorStop(1, "rgb(228 199 0 / 0%)");
 
   // draw shapes
   ctx.fillStyle = radgrad4;
@@ -598,7 +598,7 @@ draw();
 
 In this case, we've offset the starting point slightly from the end point to achieve a spherical 3D effect. It's best to try to avoid letting the inside and outside circles overlap because this results in strange effects which are hard to predict.
 
-The last color stop in each of the four gradients uses a fully transparent color. If you want to have a nice transition from this to the previous color stop, both colors should be equal. This isn't very obvious from the code because it uses two different CSS color methods as a demonstration, but in the first gradient `#019F62 = rgba(1,159,98,1)`.
+The last color stop in each of the four gradients uses a fully transparent color. If you want to have a nice transition from this to the previous color stop, both colors should be equal. This isn't very obvious from the code because it uses two different CSS color methods as a demonstration, but in the first gradient `#019F62 = rgb(1 159 98 / 100%)`.
 
 {{EmbedLiveSample("A_createRadialGradient_example", "180", "180", "canvas_radialgradient.png")}}
 
@@ -740,7 +740,7 @@ function draw() {
   ctx.shadowOffsetX = 2;
   ctx.shadowOffsetY = 2;
   ctx.shadowBlur = 2;
-  ctx.shadowColor = "rgba(0, 0, 0, 0.5)";
+  ctx.shadowColor = "rgb(0 0 0 / 50%)";
 
   ctx.font = "20px Times New Roman";
   ctx.fillStyle = "Black";
diff --git a/files/en-us/web/api/canvas_api/tutorial/basic_animations/index.md b/files/en-us/web/api/canvas_api/tutorial/basic_animations/index.md
index d25ece17b7c11c3..c430d24112d4e87 100644
--- a/files/en-us/web/api/canvas_api/tutorial/basic_animations/index.md
+++ b/files/en-us/web/api/canvas_api/tutorial/basic_animations/index.md
@@ -73,8 +73,8 @@ function draw() {
   ctx.globalCompositeOperation = "destination-over";
   ctx.clearRect(0, 0, 300, 300); // clear canvas
 
-  ctx.fillStyle = "rgba(0, 0, 0, 0.4)";
-  ctx.strokeStyle = "rgba(0, 153, 255, 0.4)";
+  ctx.fillStyle = "rgb(0 0 0 / 40%)";
+  ctx.strokeStyle = "rgb(0 153 255 / 40%)";
   ctx.save();
   ctx.translate(150, 150);
 
@@ -217,7 +217,7 @@ function clock() {
   ctx.beginPath();
   ctx.arc(95, 0, 10, 0, Math.PI * 2, true);
   ctx.stroke();
-  ctx.fillStyle = "rgba(0, 0, 0, 0)";
+  ctx.fillStyle = "rgb(0 0 0 / 0%)";
   ctx.arc(0, 0, 3, 0, Math.PI * 2, true);
   ctx.fill();
   ctx.restore();
@@ -366,7 +366,7 @@ function draw() {
 body {
   margin: 0;
   padding: 0;
-  background-color: rgba(0, 0, 0, 0.05);
+  background-color: rgb(0 0 0 / 5%);
 }
 ```
 
@@ -460,7 +460,7 @@ function Particle(x, y, particleTrailWidth, strokeColor, rotateSpeed) {
 function anim() {
   requestAnimationFrame(anim);
 
-  context.fillStyle = "rgba(0,0,0,0.05)";
+  context.fillStyle = "rgb(0 0 0 / 5%)";
   context.fillRect(0, 0, canvas.width, canvas.height);
 
   particlesArray.forEach((particle) => particle.rotate());
diff --git a/files/en-us/web/api/canvas_api/tutorial/basic_usage/index.md b/files/en-us/web/api/canvas_api/tutorial/basic_usage/index.md
index 2829a91cdf75273..5a17e87c0aad5c7 100644
--- a/files/en-us/web/api/canvas_api/tutorial/basic_usage/index.md
+++ b/files/en-us/web/api/canvas_api/tutorial/basic_usage/index.md
@@ -134,10 +134,10 @@ To begin, let's take a look at a simple example that draws two intersecting rect
         if (canvas.getContext) {
           const ctx = canvas.getContext("2d");
 
-          ctx.fillStyle = "rgb(200, 0, 0)";
+          ctx.fillStyle = "rgb(200 0 0)";
           ctx.fillRect(10, 10, 50, 50);
 
-          ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
+          ctx.fillStyle = "rgb(0 0 200 / 50%)";
           ctx.fillRect(30, 30, 50, 50);
         }
       }
diff --git a/files/en-us/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md b/files/en-us/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md
index cd592e7710427d0..b1454b93fdb0cdf 100644
--- a/files/en-us/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md
+++ b/files/en-us/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md
@@ -60,7 +60,7 @@ To create a new, blank `ImageData` object, you should use the {{domxref("CanvasR
 const myImageData = ctx.createImageData(width, height);
 ```
 
-This creates a new `ImageData` object with the specified dimensions. All pixels are preset to transparent black (all zeroes, i.e., rgba(0,0,0,0)).
+This creates a new `ImageData` object with the specified dimensions. All pixels are preset to transparent black (all zeroes, i.e., rgb(0 0 0 / 0%)).
 
 You can also create a new `ImageData` object with the same dimensions as the object specified by `anotherImageData`. The new object's pixels are all preset to transparent black. **This does not copy the image data!**
 
@@ -106,11 +106,11 @@ function pick(event, destination) {
   const pixel = ctx.getImageData(x, y, 1, 1);
   const data = pixel.data;
 
-  const rgba = `rgba(${data[0]}, ${data[1]}, ${data[2]}, ${data[3] / 255})`;
-  destination.style.background = rgba;
-  destination.textContent = rgba;
+  const rgbColor = `rgb(${data[0]} ${data[1]} ${data[2]} / ${data[3] / 255})`;
+  destination.style.background = rgbColor;
+  destination.textContent = rgbColor;
 
-  return rgba;
+  return rgbColor;
 }
 
 canvas.addEventListener("mousemove", (event) => pick(event, hoveredColor));
diff --git a/files/en-us/web/api/canvas_api/tutorial/transformations/index.md b/files/en-us/web/api/canvas_api/tutorial/transformations/index.md
index 9487bac03328277..6be31d97fc7a446 100644
--- a/files/en-us/web/api/canvas_api/tutorial/transformations/index.md
+++ b/files/en-us/web/api/canvas_api/tutorial/transformations/index.md
@@ -107,7 +107,7 @@ function draw() {
   for (let i = 0; i < 3; i++) {
     for (let j = 0; j < 3; j++) {
       ctx.save();
-      ctx.fillStyle = `rgb(${51 * i}, ${255 - 51 * i}, 255)`;
+      ctx.fillStyle = `rgb(${51 * i} ${255 - 51 * i} 255)`;
       ctx.translate(10 + j * 50, 10 + i * 50);
       ctx.fillRect(0, 0, 25, 25);
       ctx.restore();
@@ -272,13 +272,13 @@ function draw() {
   let c = 0;
   for (let i = 0; i <= 12; i++) {
     c = Math.floor((255 / 12) * i);
-    ctx.fillStyle = `rgb(${c}, ${c}, ${c})`;
+    ctx.fillStyle = `rgb(${c} ${c} ${c})`;
     ctx.fillRect(0, 0, 100, 10);
     ctx.transform(cos, sin, -sin, cos, 0, 0);
   }
 
   ctx.setTransform(-1, 0, 0, 1, 100, 100);
-  ctx.fillStyle = "rgba(255, 128, 255, 0.5)";
+  ctx.fillStyle = "rgb(255 128 255 / 50%)";
   ctx.fillRect(0, 50, 100, 100);
 }
 ```
diff --git a/files/en-us/web/api/canvasrenderingcontext2d/clearrect/index.md b/files/en-us/web/api/canvasrenderingcontext2d/clearrect/index.md
index 144b82af3d65430..6bb08566013c192 100644
--- a/files/en-us/web/api/canvasrenderingcontext2d/clearrect/index.md
+++ b/files/en-us/web/api/canvasrenderingcontext2d/clearrect/index.md
@@ -25,7 +25,7 @@ clearRect(x, y, width, height)
 ```
 
 The `clearRect()` method sets the pixels in a rectangular area to
-transparent black (`rgba(0,0,0,0)`). The rectangle's top-left corner is at
+transparent black (`rgb(0 0 0 / 0%)`). The rectangle's top-left corner is at
 `(x, y)`, and its size is specified by `width` and
 `height`.
 
diff --git a/files/en-us/web/api/canvasrenderingcontext2d/fillstyle/index.md b/files/en-us/web/api/canvasrenderingcontext2d/fillstyle/index.md
index e99eca596910f89..2b34d81c329e800 100644
--- a/files/en-us/web/api/canvasrenderingcontext2d/fillstyle/index.md
+++ b/files/en-us/web/api/canvasrenderingcontext2d/fillstyle/index.md
@@ -69,8 +69,8 @@ const ctx = canvas.getContext("2d");
 for (let i = 0; i < 6; i++) {
   for (let j = 0; j < 6; j++) {
     ctx.fillStyle = `rgb(
-        ${Math.floor(255 - 42.5 * i)},
-        ${Math.floor(255 - 42.5 * j)},
+        ${Math.floor(255 - 42.5 * i)}
+        ${Math.floor(255 - 42.5 * j)}
         0)`;
     ctx.fillRect(j * 25, i * 25, 25, 25);
   }
diff --git a/files/en-us/web/api/canvasrenderingcontext2d/globalcompositeoperation/index.md b/files/en-us/web/api/canvasrenderingcontext2d/globalcompositeoperation/index.md
index dcb84bc4bf091ca..21e3bda35c006d4 100644
--- a/files/en-us/web/api/canvasrenderingcontext2d/globalcompositeoperation/index.md
+++ b/files/en-us/web/api/canvasrenderingcontext2d/globalcompositeoperation/index.md
@@ -234,7 +234,7 @@ function runComposite() {
     ctx.globalCompositeOperation = pop;
     ctx.drawImage(canvas2, 0, 0, width / 2, height / 2);
     ctx.globalCompositeOperation = "source-over";
-    ctx.fillStyle = "rgba(0,0,0,0.8)";
+    ctx.fillStyle = "rgb(0 0 0 / 80%)";
     ctx.fillRect(0, height / 2 - 20, width / 2, 20);
     ctx.fillStyle = "#FFF";
     ctx.font = "14px arial";
@@ -245,7 +245,7 @@ function runComposite() {
     ctx.clearRect(0, 0, width, height);
     ctx.save();
     ctx.drawImage(canvas1, 0, 0, width / 2, height / 2);
-    ctx.fillStyle = "rgba(0,0,0,0.8)";
+    ctx.fillStyle = "rgb(0 0 0 / 80%)";
     ctx.fillRect(0, height / 2 - 20, width / 2, 20);
     ctx.fillStyle = "#FFF";
     ctx.font = "14px arial";
@@ -256,7 +256,7 @@ function runComposite() {
     ctx.clearRect(0, 0, width, height);
     ctx.save();
     ctx.drawImage(canvas2, 0, 0, width / 2, height / 2);
-    ctx.fillStyle = "rgba(0,0,0,0.8)";
+    ctx.fillStyle = "rgb(0 0 0 / 80%)";
     ctx.fillRect(0, height / 2 - 20, width / 2, 20);
     ctx.fillStyle = "#FFF";
     ctx.font = "14px arial";
@@ -282,15 +282,15 @@ const lightMix = () => {
   ctx.save();
   ctx.globalCompositeOperation = "lighter";
   ctx.beginPath();
-  ctx.fillStyle = "rgba(255,0,0,1)";
+  ctx.fillStyle = "rgb(255 0 0 / 100%)";
   ctx.arc(100, 200, 100, Math.PI * 2, 0, false);
   ctx.fill();
   ctx.beginPath();
-  ctx.fillStyle = "rgba(0,0,255,1)";
+  ctx.fillStyle = "rgb(0 0 255 / 100%)";
   ctx.arc(220, 200, 100, Math.PI * 2, 0, false);
   ctx.fill();
   ctx.beginPath();
-  ctx.fillStyle = "rgba(0,255,0,1)";
+  ctx.fillStyle = "rgb(0 255 0 / 100%)";
   ctx.arc(160, 100, 100, Math.PI * 2, 0, false);
   ctx.fill();
   ctx.restore();
@@ -318,9 +318,9 @@ const colorSphere = (element) => {
       otop + halfWidth,
     );
     const color = Color.HSV_RGB({ H: (n + 300) % 360, S: 100, V: 100 });
-    gradient.addColorStop(0, "rgba(0,0,0,0)");
-    gradient.addColorStop(0.7, `rgba(${color.R}, ${color.G}, ${color.B}, 1)`);
-    gradient.addColorStop(1, "rgba(255,255,255,1)");
+    gradient.addColorStop(0, "rgb(0 0 0 / 0%)");
+    gradient.addColorStop(0.7, `rgb(${color.R} ${color.G} ${color.B} / 100%)`);
+    gradient.addColorStop(1, "rgb(255 255 255 / 100%)");
     ctx.beginPath();
     ctx.moveTo(oleft + halfWidth, otop);
     ctx.lineTo(oleft + halfWidth, otop + halfWidth);
diff --git a/files/en-us/web/api/canvasrenderingcontext2d/putimagedata/index.md b/files/en-us/web/api/canvasrenderingcontext2d/putimagedata/index.md
index 9c55fec3ef0e3c2..b3c350acd76169f 100644
--- a/files/en-us/web/api/canvasrenderingcontext2d/putimagedata/index.md
+++ b/files/en-us/web/api/canvasrenderingcontext2d/putimagedata/index.md
@@ -99,9 +99,8 @@ function putImageData(
   for (let y = dirtyY; y < limitBottom; y++) {
     for (let x = dirtyX; x < limitRight; x++) {
       const pos = y * width + x;
-      ctx.fillStyle = `rgba(${data[pos * 4 + 0]}, ${data[pos * 4 + 1]}, ${
-        data[pos * 4 + 2]
-      }, ${data[pos * 4 + 3] / 255})`;
+      ctx.fillStyle = `rgb(${data[pos * 4 + 0]} ${data[pos * 4 + 1]}
+      ${data[pos * 4 + 2]} / ${data[pos * 4 + 3] / 255})`;
       ctx.fillRect(x + dx, y + dy, 1, 1);
     }
   }
diff --git a/files/en-us/web/api/canvasrenderingcontext2d/shadowcolor/index.md b/files/en-us/web/api/canvasrenderingcontext2d/shadowcolor/index.md
index 1a0a0cc6581ef6c..1dbbd8741ce2bde 100644
--- a/files/en-us/web/api/canvasrenderingcontext2d/shadowcolor/index.md
+++ b/files/en-us/web/api/canvasrenderingcontext2d/shadowcolor/index.md
@@ -89,18 +89,18 @@ const canvas = document.getElementById("canvas");
 const ctx = canvas.getContext("2d");
 
 // Shadow
-ctx.shadowColor = "rgba(255, 0, 0, .8)";
+ctx.shadowColor = "rgb(255 0 0 / 80%)";
 ctx.shadowBlur = 8;
 ctx.shadowOffsetX = 30;
 ctx.shadowOffsetY = 20;
 
 // Filled rectangle
-ctx.fillStyle = "rgba(0, 255, 0, .2)";
+ctx.fillStyle = "rgb(0 255 0 / 20%)";
 ctx.fillRect(10, 10, 150, 100);
 
 // Stroked rectangle
 ctx.lineWidth = 10;
-ctx.strokeStyle = "rgba(0, 0, 255, .6)";
+ctx.strokeStyle = "rgb(0 0 255 / 60%)";
 ctx.strokeRect(10, 10, 150, 100);
 ```
 
diff --git a/files/en-us/web/api/canvasrenderingcontext2d/strokestyle/index.md b/files/en-us/web/api/canvasrenderingcontext2d/strokestyle/index.md
index c2d64f40a30bb40..8c3d3f2098111c4 100644
--- a/files/en-us/web/api/canvasrenderingcontext2d/strokestyle/index.md
+++ b/files/en-us/web/api/canvasrenderingcontext2d/strokestyle/index.md
@@ -70,8 +70,8 @@ const ctx = document.getElementById("canvas").getContext("2d");
 for (let i = 0; i < 6; i++) {
   for (let j = 0; j < 6; j++) {
     ctx.strokeStyle = `rgb(
-        0,
-        ${Math.floor(255 - 42.5 * i)},
+        0
+        ${Math.floor(255 - 42.5 * i)}
         ${Math.floor(255 - 42.5 * j)})`;
     ctx.beginPath();
     ctx.arc(12.5 + j * 25, 12.5 + i * 25, 10, 0, Math.PI * 2, true);
diff --git a/files/en-us/web/api/css_painting_api/guide/index.md b/files/en-us/web/api/css_painting_api/guide/index.md
index e262d1e403fef24..fc6faa4a918ae76 100644
--- a/files/en-us/web/api/css_painting_api/guide/index.md
+++ b/files/en-us/web/api/css_painting_api/guide/index.md
@@ -41,7 +41,7 @@ registerPaint(
         a subset of the HTML Canvas API.
     */
     paint(ctx) {
-      ctx.fillStyle = "hsl(55 90% 60% / 1.0)";
+      ctx.fillStyle = "hsl(55 90% 60% / 100%)";
       ctx.fillRect(0, 15, 200, 20); /* order: x, y, w, h */
     }
   },
@@ -54,7 +54,7 @@ We have then used the `paint()` function to paint to our canvas.
 
 A `paint()` function can take three arguments. Here we have provided one argument: the rendering context (we'll look at more in due course), often referred to by the variable name `ctx`. The 2D Rendering Context is a subset of the [HTML Canvas API](/en-US/docs/Web/API/Canvas_API); the version available to Houdini (called the `PaintRenderingContext2D`) is a further subset containing most of the features available in the full Canvas API with the [exception](https://drafts.css-houdini.org/css-paint-api-1/#2d-rendering-context) of the `CanvasImageData`, `CanvasUserInterface`, `CanvasText`, and `CanvasTextDrawingStyles` APIs.
 
-We define the [`fillStyle`](/en-US/docs/Web/API/CanvasRenderingContext2D/fillStyle) as being `hsl(55 90% 60% / 1.0)`, which is a shade of yellow, and then call `fillRect()` to create a rectangle of that color. The [`fillRect()`](/en-US/docs/Web/API/CanvasRenderingContext2D/fillRect) parameters are, in order, x-axis origin, y-axis origin, width, and height. `fillRect(0, 15, 200, 20)` results in the creation of a rectangle that is 200 units wide by 20 units tall, positioned 0 units from the left and 15 units from the top of the content box.
+We define the [`fillStyle`](/en-US/docs/Web/API/CanvasRenderingContext2D/fillStyle) as being `hsl(55 90% 60% / 100%)`, which is a shade of yellow, and then call `fillRect()` to create a rectangle of that color. The [`fillRect()`](/en-US/docs/Web/API/CanvasRenderingContext2D/fillRect) parameters are, in order, x-axis origin, y-axis origin, width, and height. `fillRect(0, 15, 200, 20)` results in the creation of a rectangle that is 200 units wide by 20 units tall, positioned 0 units from the left and 15 units from the top of the content box.
 
 We can use the CSS [`background-size`](/en-US/docs/Web/CSS/background-size) and [`background-position`](/en-US/docs/Web/CSS/background-position) properties to re-size or relocate this background image, but this is the default size and placement of the yellow box we created in our paint worklet.
 
@@ -129,7 +129,7 @@ registerPaint(
     size is the paintSize, the dimensions (height and width) of the box being painted
   */
     paint(ctx, size) {
-      ctx.fillStyle = "hsl(55 90% 60% / 1.0)";
+      ctx.fillStyle = "hsl(55 90% 60% / 100%)";
       ctx.fillRect(0, size.height / 3, size.width * 0.4, size.height * 0.6);
     }
   },
@@ -288,16 +288,16 @@ In our CSS, we define the `--boxColor` and `--widthSubtractor` custom properties
 ```css
 li {
   background-image: paint(boxbg);
-  --boxColor: hsl(55 90% 60% / 1);
+  --boxColor: hsl(55 90% 60% / 100%);
 }
 
 li:nth-of-type(3n) {
-  --boxColor: hsl(155 90% 60% / 1);
+  --boxColor: hsl(155 90% 60% / 100%);
   --widthSubtractor: 20;
 }
 
 li:nth-of-type(3n + 1) {
-  --boxColor: hsl(255 90% 60% / 1);
+  --boxColor: hsl(255 90% 60% / 100%);
   --widthSubtractor: 40;
 }
 ```
@@ -393,13 +393,13 @@ We give each header a different value for the `--highColor` [custom property](/e
   background-image: paint(headerHighlight);
 }
 h1 {
-  --highColor: hsl(155 90% 60% / 0.7);
+  --highColor: hsl(155 90% 60% / 70%);
 }
 h3 {
-  --highColor: hsl(255 90% 60% / 0.5);
+  --highColor: hsl(255 90% 60% / 50%);
 }
 h6 {
-  --highColor: hsl(355 90% 60% / 0.3);
+  --highColor: hsl(355 90% 60% / 30%);
 }
 ```
 
@@ -582,17 +582,17 @@ We can set different colors, stroke widths, and pick whether the background imag
 
 ```css
 li {
-  --boxColor: hsl(155 90% 60% / 0.5);
+  --boxColor: hsl(155 90% 60% / 50%);
   background-image: paint(hollowHighlights, stroke, 5px);
 }
 
 li:nth-of-type(3n) {
-  --boxColor: hsl(255 90% 60% / 0.5);
+  --boxColor: hsl(255 90% 60% / 50%);
   background-image: paint(hollowHighlights, filled, 3px);
 }
 
 li:nth-of-type(3n + 1) {
-  --boxColor: hsl(355 90% 60% / 0.5);
+  --boxColor: hsl(355 90% 60% / 50%);
   background-image: paint(hollowHighlights, stroke, 1px);
 }
 ```
diff --git a/files/en-us/web/api/css_painting_api/index.md b/files/en-us/web/api/css_painting_api/index.md
index 225715b230200b3..ce08b2a7a423968 100644
--- a/files/en-us/web/api/css_painting_api/index.md
+++ b/files/en-us/web/api/css_painting_api/index.md
@@ -117,16 +117,16 @@ In our CSS, we define the `--boxColor` and `--widthSubtractor` custom properties
 ```css
 li {
   background-image: paint(boxbg);
-  --boxColor: hsl(55 90% 60% / 1);
+  --boxColor: hsl(55 90% 60% / 100%);
 }
 
 li:nth-of-type(3n) {
-  --boxColor: hsl(155 90% 60% / 1);
+  --boxColor: hsl(155 90% 60% / 100%);
   --widthSubtractor: 20;
 }
 
 li:nth-of-type(3n + 1) {
-  --boxColor: hsl(255 90% 60% / 1);
+  --boxColor: hsl(255 90% 60% / 100%);
   --widthSubtractor: 40;
 }
 ```
diff --git a/files/en-us/web/api/css_typed_om_api/guide/index.md b/files/en-us/web/api/css_typed_om_api/guide/index.md
index 6391514d754faba..d5f7a8505cef8ca 100644
--- a/files/en-us/web/api/css_typed_om_api/guide/index.md
+++ b/files/en-us/web/api/css_typed_om_api/guide/index.md
@@ -122,7 +122,7 @@ for (const value of ofInterest) {
 
 {{EmbedLiveSample(".get_method_custom_properties", 120, 300)}}
 
-We included {{cssxref('border-left-color')}} to demonstrate that, had we included all the properties, every value that defaults to [`currentcolor`](/en-US/docs/Web/CSS/color_value) (including {{cssxref('caret-color')}}, {{cssxref('outline-color')}}, {{cssxref('text-decoration-color')}}, {{cssxref('column-rule-color')}}, etc.) would return `rgb(255, 0, 0)`. The link has inherited `font-weight: bold;` from the paragraph's styles, listing it as `font-weight: 700`. Custom properties, like our `--color: red`, are properties. As such, they are accessible via `get()`.
+We included {{cssxref('border-left-color')}} to demonstrate that, had we included all the properties, every value that defaults to [`currentcolor`](/en-US/docs/Web/CSS/color_value) (including {{cssxref('caret-color')}}, {{cssxref('outline-color')}}, {{cssxref('text-decoration-color')}}, {{cssxref('column-rule-color')}}, etc.) would return `rgb(255 0 0)`. The link has inherited `font-weight: bold;` from the paragraph's styles, listing it as `font-weight: 700`. Custom properties, like our `--color: red`, are properties. As such, they are accessible via `get()`.
 
 You'll note that custom properties retain the value as written in the stylesheet, whereas computed styles will be listed as the computed value — {{cssxref('color')}} was listed as an [`rgb()`](/en-US/docs/Web/CSS/color_value) value and the {{cssxref('font-weight')}} returned was `700` even though we use a {{cssxref('&lt;color&gt;', 'named color')}} and the `bold` keyword.
 
@@ -252,14 +252,14 @@ Let's examine a CSS example with several custom properties, transforms, `calc()`
 
 ```css
 :root {
-  --mainColor: hsl(198, 43%, 42%);
-  --black: hsl(0, 0%, 16%);
-  --white: hsl(0, 0%, 97%);
+  --mainColor: hsl(198 43% 42%);
+  --black: hsl(0 0% 16%);
+  --white: hsl(0 0% 97%);
   --unit: 1.2rem;
 }
 
 button {
-  --mainColor: hsl(198, 100%, 66%);
+  --mainColor: hsl(198 100% 66%);
   display: inline-block;
   padding: var(--unit) calc(var(--unit) * 2);
   width: calc(30% + 20px);
diff --git a/files/en-us/web/api/cssfontpalettevaluesrule/overridecolors/index.md b/files/en-us/web/api/cssfontpalettevaluesrule/overridecolors/index.md
index bb1d05c647da2f6..579e3c7db191659 100644
--- a/files/en-us/web/api/cssfontpalettevaluesrule/overridecolors/index.md
+++ b/files/en-us/web/api/cssfontpalettevaluesrule/overridecolors/index.md
@@ -49,15 +49,15 @@ This example first defines a few at-rules, among them two {{cssxref("@font-palet
 @font-palette-values --blue {
   font-family: "Noto Color Emoji";
   override-colors:
-    3 rgb(1, 28, 193),
-    4 rgb(60, 124, 230);
+    3 rgb(1 28 193),
+    4 rgb(60 124 230);
 }
 
 @font-palette-values --green {
   font-family: "Noto Color Emoji";
   override-colors:
-    3 rgb(28, 193, 1),
-    4 rgb(34, 230, 1);
+    3 rgb(28 193 1),
+    4 rgb(34 230 1);
 }
 
 .colored-hat {
diff --git a/files/en-us/web/api/cssstyledeclaration/setproperty/index.md b/files/en-us/web/api/cssstyledeclaration/setproperty/index.md
index cb4100c575c133f..6d9b741de86b14a 100644
--- a/files/en-us/web/api/cssstyledeclaration/setproperty/index.md
+++ b/files/en-us/web/api/cssstyledeclaration/setproperty/index.md
@@ -154,7 +154,7 @@ function random(min, max) {
 }
 
 function randomColor() {
-  return `rgb(${random(0, 255)}, ${random(0, 255)}, ${random(0, 255)})`;
+  return `rgb(${random(0, 255)} ${random(0, 255)} ${random(0, 255)})`;
 }
 
 const stylesheet = document.styleSheets[1];
diff --git a/files/en-us/web/api/document_object_model/examples/index.md b/files/en-us/web/api/document_object_model/examples/index.md
index b116b9c5cbd1001..591c3dd6cdf985b 100644
--- a/files/en-us/web/api/document_object_model/examples/index.md
+++ b/files/en-us/web/api/document_object_model/examples/index.md
@@ -239,7 +239,7 @@ However, stopEvent also calls an event object method, {{domxref("event.stopPropa
 
 ## Example 6: getComputedStyle
 
-This example demonstrates how the {{domxref("window.getComputedStyle")}} method can be used to get the styles of an element that are not set using the `style` attribute or with JavaScript (e.g., `elt.style.backgroundColor="rgb(173, 216, 230)"`). These latter types of styles can be retrieved with the more direct {{domxref("HTMLElement.style", "elt.style")}} property, whose properties are listed in the [DOM CSS Properties List](/en-US/docs/Web/CSS/Reference).
+This example demonstrates how the {{domxref("window.getComputedStyle")}} method can be used to get the styles of an element that are not set using the `style` attribute or with JavaScript (e.g., `elt.style.backgroundColor="rgb(173 216 230)"`). These latter types of styles can be retrieved with the more direct {{domxref("HTMLElement.style", "elt.style")}} property, whose properties are listed in the [DOM CSS Properties List](/en-US/docs/Web/CSS/Reference).
 
 `getComputedStyle()` returns a {{domxref("CSSStyleDeclaration")}} object, whose individual style properties can be referenced with this object's {{domxref("CSSStyleDeclaration.getPropertyValue()", "getPropertyValue()")}} method, as the following example document shows.
 
@@ -278,7 +278,7 @@ This example demonstrates how the {{domxref("window.getComputedStyle")}} method
     <style>
       #d1 {
         margin-left: 10px;
-        background-color: rgb(173, 216, 230);
+        background-color: rgb(173 216 230);
         height: 20px;
         max-width: 20px;
       }
diff --git a/files/en-us/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md b/files/en-us/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md
index c2088cf83748da0..4481bb090ce0eef 100644
--- a/files/en-us/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md
+++ b/files/en-us/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md
@@ -383,7 +383,7 @@ Once you have the object in your JavaScript variable, you can set `style` proper
           // set the cell background color
           // if the column is 0. If the column is 1 hide the cell
           if (col === 0) {
-            myCurrentCell.style.background = "rgb(255, 0, 0)";
+            myCurrentCell.style.background = "rgb(255 0 0)";
           } else {
             myCurrentCell.style.display = "none";
           }
diff --git a/files/en-us/web/api/element/auxclick_event/index.md b/files/en-us/web/api/element/auxclick_event/index.md
index 7e770d51aece7ac..2a5bcc52c0f673e 100644
--- a/files/en-us/web/api/element/auxclick_event/index.md
+++ b/files/en-us/web/api/element/auxclick_event/index.md
@@ -82,7 +82,7 @@ function random(number) {
 }
 
 function randomColor() {
-  return `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+  return `rgb(${random(255)} ${random(255)} ${random(255)})`;
 }
 
 button.onclick = () => {
diff --git a/files/en-us/web/api/element/clientleft/index.md b/files/en-us/web/api/element/clientleft/index.md
index 1f109c017b74533..1a73fcb00e73cd3 100644
--- a/files/en-us/web/api/element/clientleft/index.md
+++ b/files/en-us/web/api/element/clientleft/index.md
@@ -49,7 +49,7 @@ In the following example, the client area has a white background and a 24px blac
 ```css
 #container {
   margin: 3rem;
-  background-color: rgb(255, 255, 204);
+  background-color: rgb(255 255 204);
   border: 4px dashed black;
 }
 
diff --git a/files/en-us/web/api/element/clienttop/index.md b/files/en-us/web/api/element/clienttop/index.md
index a4ea8e5397904a9..6c8f9bdc0e647b2 100644
--- a/files/en-us/web/api/element/clienttop/index.md
+++ b/files/en-us/web/api/element/clienttop/index.md
@@ -51,7 +51,7 @@ In the following example, the client area has a white background and a 24px blac
 ```css
 #container {
   margin: 3rem;
-  background-color: rgb(255, 255, 204);
+  background-color: rgb(255 255 204);
   border: 4px dashed black;
 }
 
diff --git a/files/en-us/web/api/element/transitioncancel_event/index.md b/files/en-us/web/api/element/transitioncancel_event/index.md
index 56fe6e735a1c652..c2f2d8f2c555ea0 100644
--- a/files/en-us/web/api/element/transitioncancel_event/index.md
+++ b/files/en-us/web/api/element/transitioncancel_event/index.md
@@ -72,7 +72,7 @@ In the following example, we have a simple {{htmlelement("div")}} element, style
 .transition {
   width: 100px;
   height: 100px;
-  background: rgba(255, 0, 0, 1);
+  background: rgb(255 0 0 / 100%);
   transition-property: transform, background;
   transition-duration: 2s;
   transition-delay: 2s;
@@ -80,7 +80,7 @@ In the following example, we have a simple {{htmlelement("div")}} element, style
 
 .transition:hover {
   transform: rotate(90deg);
-  background: rgba(255, 0, 0, 0);
+  background: rgb(255 0 0 / 0%);
 }
 ```
 
diff --git a/files/en-us/web/api/element/transitionend_event/index.md b/files/en-us/web/api/element/transitionend_event/index.md
index 3f991513ee00534..f342259bbcfda0b 100644
--- a/files/en-us/web/api/element/transitionend_event/index.md
+++ b/files/en-us/web/api/element/transitionend_event/index.md
@@ -76,7 +76,7 @@ In the following example, we have a simple {{htmlelement("div")}} element, style
 .transition {
   width: 100px;
   height: 100px;
-  background: rgba(255, 0, 0, 1);
+  background: rgb(255 0 0 / 100%);
   transition-property: transform, background;
   transition-duration: 2s;
   transition-delay: 1s;
@@ -84,7 +84,7 @@ In the following example, we have a simple {{htmlelement("div")}} element, style
 
 .transition:hover {
   transform: rotate(90deg);
-  background: rgba(255, 0, 0, 0);
+  background: rgb(255 0 0 / 0%);
 }
 ```
 
diff --git a/files/en-us/web/api/element/transitionrun_event/index.md b/files/en-us/web/api/element/transitionrun_event/index.md
index df74ded08b45731..d0be747a9dec016 100644
--- a/files/en-us/web/api/element/transitionrun_event/index.md
+++ b/files/en-us/web/api/element/transitionrun_event/index.md
@@ -74,7 +74,7 @@ In the following example, we have a simple {{htmlelement("div")}} element, style
 .transition {
   width: 100px;
   height: 100px;
-  background: rgba(255, 0, 0, 1);
+  background: rgb(255 0 0 / 100%);
   transition-property: transform, background;
   transition-duration: 2s;
   transition-delay: 1s;
@@ -82,7 +82,7 @@ In the following example, we have a simple {{htmlelement("div")}} element, style
 
 .transition:hover {
   transform: rotate(90deg);
-  background: rgba(255, 0, 0, 0);
+  background: rgb(255 0 0 / 0%);
 }
 ```
 
diff --git a/files/en-us/web/api/element/transitionstart_event/index.md b/files/en-us/web/api/element/transitionstart_event/index.md
index 651d3901b88b520..e0f096fb9119af0 100644
--- a/files/en-us/web/api/element/transitionstart_event/index.md
+++ b/files/en-us/web/api/element/transitionstart_event/index.md
@@ -70,7 +70,7 @@ In the following example, we have a simple {{htmlelement("div")}} element, style
 .transition {
   width: 100px;
   height: 100px;
-  background: rgba(255, 0, 0, 1);
+  background: rgb(255 0 0 / 100%);
   transition-property: transform, background;
   transition-duration: 2s;
   transition-delay: 1s;
@@ -78,7 +78,7 @@ In the following example, we have a simple {{htmlelement("div")}} element, style
 
 .transition:hover {
   transform: rotate(90deg);
-  background: rgba(255, 0, 0, 0);
+  background: rgb(255 0 0 / 0%);
 }
 ```
 
diff --git a/files/en-us/web/api/htmlfontelement/color/index.md b/files/en-us/web/api/htmlfontelement/color/index.md
index 0a0175371da9eae..743f61f14362404 100644
--- a/files/en-us/web/api/htmlfontelement/color/index.md
+++ b/files/en-us/web/api/htmlfontelement/color/index.md
@@ -21,7 +21,7 @@ The format of the string must follow one of the following HTML microsyntaxes:
 | ------------------------ | ---------------------------------------------------------------- | ------------------------- |
 | Valid name color string  | _nameOfColor (case insensitive)_                                 | `Green`, `green`, `GREEN` |
 | Valid hex color string   | _in_ {{cssxref("color_value", "RGB format", "#rgb")}}_: #RRGGBB_ | `#008000`                 |
-| RGB using decimal values | _rgb(x,x,x) (x in 0-255 range)_                                  | `rgb(0,128,0)`            |
+| RGB using decimal values | _rgb(x,x,x) (x in 0-255 range)_                                  | `rgb(0 128 0)`            |
 
 ## Value
 
diff --git a/files/en-us/web/api/htmlimageelement/alt/index.md b/files/en-us/web/api/htmlimageelement/alt/index.md
index d6ad632295906fc..60b75b4a91adb75 100644
--- a/files/en-us/web/api/htmlimageelement/alt/index.md
+++ b/files/en-us/web/api/htmlimageelement/alt/index.md
@@ -91,7 +91,7 @@ p {
 }
 
 .left-margin {
-  background-color: rgb(241, 240, 237);
+  background-color: rgb(241 240 237);
   width: 9em;
   height: 100%;
   float: left;
@@ -107,7 +107,7 @@ p {
 }
 
 .contents {
-  background-color: rgb(241, 240, 235);
+  background-color: rgb(241 240 235);
   height: 100%;
   margin-left: 2em;
   padding-top: 1em;
diff --git a/files/en-us/web/api/htmlimageelement/crossorigin/index.md b/files/en-us/web/api/htmlimageelement/crossorigin/index.md
index ae54157ca881ff4..59c37f23fc83988 100644
--- a/files/en-us/web/api/htmlimageelement/crossorigin/index.md
+++ b/files/en-us/web/api/htmlimageelement/crossorigin/index.md
@@ -103,7 +103,7 @@ img {
 }
 
 output {
-  background: rgba(100, 100, 100, 0.1);
+  background: rgb(100 100 100 / 100%);
   font-family: Courier, monospace;
   width: 95%;
 }
diff --git a/files/en-us/web/api/htmlimageelement/srcset/index.md b/files/en-us/web/api/htmlimageelement/srcset/index.md
index ed9ff55e08ae798..ce9ff13ae5d3e5a 100644
--- a/files/en-us/web/api/htmlimageelement/srcset/index.md
+++ b/files/en-us/web/api/htmlimageelement/srcset/index.md
@@ -113,7 +113,7 @@ the wrap must occur.
 ```css
 .box {
   width: 200px;
-  border: 2px solid rgb(150, 150, 150);
+  border: 2px solid rgb(150 150 150);
   padding: 0.5em;
   word-break: break-all;
 }
diff --git a/files/en-us/web/api/htmlimageelement/x/index.md b/files/en-us/web/api/htmlimageelement/x/index.md
index 1e03c58c6de41e4..a795435efccf054 100644
--- a/files/en-us/web/api/htmlimageelement/x/index.md
+++ b/files/en-us/web/api/htmlimageelement/x/index.md
@@ -117,13 +117,13 @@ The CSS defining the appearance of the table:
 
 table {
   border-collapse: collapse;
-  border: 2px solid rgb(100, 100, 100);
+  border: 2px solid rgb(100 100 100);
   font-family: sans-serif;
 }
 
 td,
 th {
-  border: 1px solid rgb(100, 100, 100);
+  border: 1px solid rgb(100 100 100);
   padding: 10px 14px;
 }
 
diff --git a/files/en-us/web/api/ink_api/index.md b/files/en-us/web/api/ink_api/index.md
index 37de7c9be251a92..365d0d5721a7f64 100644
--- a/files/en-us/web/api/ink_api/index.md
+++ b/files/en-us/web/api/ink_api/index.md
@@ -59,7 +59,7 @@ The result is that a delegated ink trail is drawn ahead of the default browser r
 
 ```css
 div {
-  background-color: rgba(0, 255, 0, 1);
+  background-color: rgb(0 255 0 / 100%);
   position: fixed;
   top: 1rem;
   left: 1rem;
@@ -72,7 +72,7 @@ div {
 const ctx = canvas.getContext("2d");
 const presenter = navigator.ink.requestPresenter({ presentationArea: canvas });
 let move_cnt = 0;
-let style = { color: "rgba(0, 255, 0, 1)", diameter: 10 };
+let style = { color: "rgb(0 255 0 / 100%)", diameter: 10 };
 
 function getRandomInt(min, max) {
   min = Math.ceil(min);
@@ -89,10 +89,10 @@ canvas.addEventListener("pointermove", async (evt) => {
     const g = getRandomInt(0, 255);
     const b = getRandomInt(0, 255);
 
-    style = { color: `rgba(${r}, ${g}, ${b}, 1)`, diameter: 10 };
+    style = { color: `rgb(${r} ${g} ${b} / 100%)`, diameter: 10 };
     move_cnt = 0;
     document.getElementById("div").style.backgroundColor =
-      `rgba(${r}, ${g}, ${b}, 0.6)`;
+      `rgb(${r} ${g} ${b} / 60%)`;
   }
   move_cnt += 1;
   await presenter.updateInkTrailStartPoint(evt, style);
diff --git a/files/en-us/web/api/inkpresenter/index.md b/files/en-us/web/api/inkpresenter/index.md
index c742b1531ff3423..a42632e70ba3b4e 100644
--- a/files/en-us/web/api/inkpresenter/index.md
+++ b/files/en-us/web/api/inkpresenter/index.md
@@ -40,7 +40,7 @@ The result is that a delegated ink trail is drawn ahead of the default browser r
 const ctx = canvas.getContext("2d");
 let presenter = navigator.ink.requestPresenter({ presentationArea: canvas });
 let move_cnt = 0;
-let style = { color: "rgba(0, 0, 255, 1)", diameter: 10 };
+let style = { color: "rgb(0 0 255 / 100%)", diameter: 10 };
 
 function getRandomInt(min, max) {
   min = Math.ceil(min);
@@ -56,10 +56,13 @@ canvas.addEventListener("pointermove", (evt) => {
     let r = getRandomInt(0, 255);
     let g = getRandomInt(0, 255);
     let b = getRandomInt(0, 255);
-    style = { color: "rgba(" + r + ", " + g + ", " + b + ", 1)", diameter: 10 };
+    style = {
+      color: "rgb(" + r + " " + g + " " + b + " / 100%)",
+      diameter: 10,
+    };
     move_cnt = 0;
     document.getElementById("div").style.backgroundColor =
-      "rgba(" + r + ", " + g + ", " + b + ", 1)";
+      "rgb(" + r + " " + g + " " + b + " / 100%)";
   }
   move_cnt += 1;
   presenter.then(function (v) {
diff --git a/files/en-us/web/api/inkpresenter/updateinktrailstartpoint/index.md b/files/en-us/web/api/inkpresenter/updateinktrailstartpoint/index.md
index 957beae5ac5bd9b..fce80d36c70dce6 100644
--- a/files/en-us/web/api/inkpresenter/updateinktrailstartpoint/index.md
+++ b/files/en-us/web/api/inkpresenter/updateinktrailstartpoint/index.md
@@ -65,7 +65,7 @@ The result is that a delegated ink trail is drawn ahead of the default browser r
 
 ```css
 div {
-  background-color: rgba(0, 255, 0, 1);
+  background-color: rgb(0 255 0 / 100%);
   position: fixed;
   top: 1rem;
   left: 1rem;
@@ -78,7 +78,7 @@ div {
 const ctx = canvas.getContext("2d");
 const presenter = navigator.ink.requestPresenter({ presentationArea: canvas });
 let move_cnt = 0;
-let style = { color: "rgba(0, 255, 0, 1)", diameter: 10 };
+let style = { color: "rgb(0 255 0 / 100%)", diameter: 10 };
 
 function getRandomInt(min, max) {
   min = Math.ceil(min);
@@ -95,10 +95,10 @@ canvas.addEventListener("pointermove", async (evt) => {
     const g = getRandomInt(0, 255);
     const b = getRandomInt(0, 255);
 
-    style = { color: `rgba(${r}, ${g}, ${b}, 1)`, diameter: 10 };
+    style = { color: `rgb(${r} ${g} ${b} / 100%)`, diameter: 10 };
     move_cnt = 0;
     document.getElementById("div").style.backgroundColor =
-      `rgba(${r}, ${g}, ${b}, 0.6)`;
+      `rgb(${r} ${g} ${b} / 60%)`;
   }
   move_cnt += 1;
   await presenter.updateInkTrailStartPoint(evt, style);
diff --git a/files/en-us/web/api/intersection_observer_api/index.md b/files/en-us/web/api/intersection_observer_api/index.md
index 4bc254361aa2666..023967a988a7d53 100644
--- a/files/en-us/web/api/intersection_observer_api/index.md
+++ b/files/en-us/web/api/intersection_observer_api/index.md
@@ -170,8 +170,8 @@ To get a feeling for how thresholds work, try scrolling the box below around. Ea
   position: relative;
   left: 175px;
   width: 150px;
-  background-color: rgb(245, 170, 140);
-  border: 2px solid rgb(201, 126, 17);
+  background-color: rgb(245 170 140);
+  border: 2px solid rgb(201 126 17);
   padding: 4px;
   margin-bottom: 6px;
 }
@@ -199,8 +199,8 @@ To get a feeling for how thresholds work, try scrolling the box below around. Ea
     sans-serif;
   position: absolute;
   margin: 0;
-  background-color: rgba(255, 255, 255, 0.7);
-  border: 1px solid rgba(0, 0, 0, 0.7);
+  background-color: rgb(255 255 255 / 70%);
+  border: 1px solid rgb(0 0 0 / 70%);
   width: 3em;
   height: 18px;
   padding: 2px;
@@ -362,8 +362,8 @@ The CSS isn't terribly important for the purposes of this example; it lays out t
 
 ```css
 #box {
-  background-color: rgba(40, 40, 190, 1);
-  border: 4px solid rgb(20, 20, 120);
+  background-color: rgb(40 40 190 / 100%);
+  border: 4px solid rgb(20 20 120);
   transition:
     background-color 1s,
     border 1s;
@@ -384,7 +384,7 @@ The CSS isn't terribly important for the purposes of this example; it lays out t
   width: 350px;
   height: 350px;
   margin-top: 10px;
-  border: 4px solid rgb(20, 20, 120);
+  border: 4px solid rgb(20 20 120);
   text-align: center;
   padding: 20px;
 }
@@ -403,8 +403,8 @@ const numSteps = 20.0;
 
 let boxElement;
 let prevRatio = 0.0;
-let increasingColor = "rgba(40, 40, 190, ratio)";
-let decreasingColor = "rgba(190, 40, 40, ratio)";
+let increasingColor = "rgb(40 40 190 / ratio)";
+let decreasingColor = "rgb(190 40 40 / ratio)";
 
 // Set things up
 window.addEventListener(
@@ -582,7 +582,7 @@ function handleIntersect(entries, observer) {
 }
 ```
 
-For each {{domxref("IntersectionObserverEntry")}} in the list `entries`, we look to see if the entry's {{domxref("IntersectionObserverEntry.intersectionRatio", "intersectionRatio")}} is going up; if it is, we set the target's {{cssxref("background-color")}} to the string in `increasingColor` (remember, it's `"rgba(40, 40, 190, ratio)"`), replaces the word "ratio" with the entry's `intersectionRatio`. The result: not only does the color get changed, but the transparency of the target element changes, too; as the intersection ratio goes down, the background color's alpha value goes down with it, resulting in an element that's more transparent.
+For each {{domxref("IntersectionObserverEntry")}} in the list `entries`, we look to see if the entry's {{domxref("IntersectionObserverEntry.intersectionRatio", "intersectionRatio")}} is going up; if it is, we set the target's {{cssxref("background-color")}} to the string in `increasingColor` (remember, it's `"rgb(40 40 190 / ratio)"`), replaces the word "ratio" with the entry's `intersectionRatio`. The result: not only does the color get changed, but the transparency of the target element changes, too; as the intersection ratio goes down, the background color's alpha value goes down with it, resulting in an element that's more transparent.
 
 Similarly, if the `intersectionRatio` is going down, we use the string `decreasingColor` and replace the word "ratio" in that with the `intersectionRatio` before setting the target element's `background-color`.
 
diff --git a/files/en-us/web/api/intersection_observer_api/timing_element_visibility/index.md b/files/en-us/web/api/intersection_observer_api/timing_element_visibility/index.md
index dd9c8228017aab3..de5babc82f1a237 100644
--- a/files/en-us/web/api/intersection_observer_api/timing_element_visibility/index.md
+++ b/files/en-us/web/api/intersection_observer_api/timing_element_visibility/index.md
@@ -185,7 +185,7 @@ Finally, the ads have the following initial styling. Individual ads may customiz
   font-size: 14px;
   bottom: 30px;
   border: 1px solid black;
-  background-color: rgba(255, 255, 255, 0.5);
+  background-color: rgb(255 255 255 / 50%);
 }
 ```
 
diff --git a/files/en-us/web/api/location/index.md b/files/en-us/web/api/location/index.md
index cdd0c140f1be718..c1262a12cd5b753 100644
--- a/files/en-us/web/api/location/index.md
+++ b/files/en-us/web/api/location/index.md
@@ -91,7 +91,7 @@ body {
 :target {
   position: relative;
   z-index: 1;
-  outline: 50em solid rgba(255, 255, 255, 0.8);
+  outline: 50em solid rgb(255 255 255 / 80%);
 }
 ```
 
diff --git a/files/en-us/web/api/media_capture_and_streams_api/taking_still_photos/index.md b/files/en-us/web/api/media_capture_and_streams_api/taking_still_photos/index.md
index 2993494381246a3..da2460a4b2a31fa 100644
--- a/files/en-us/web/api/media_capture_and_streams_api/taking_still_photos/index.md
+++ b/files/en-us/web/api/media_capture_and_streams_api/taking_still_photos/index.md
@@ -291,12 +291,12 @@ If there isn't a valid image available (that is, the `width` and `height` are bo
   margin-left: auto;
   margin-right: auto;
   bottom: 32px;
-  background-color: rgba(0, 150, 0, 0.5);
-  border: 1px solid rgba(255, 255, 255, 0.7);
-  box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2);
+  background-color: rgb(0 150 0 / 50%);
+  border: 1px solid rgb(255 255 255 / 70%);
+  box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 20%);
   font-size: 14px;
   font-family: "Lucida Grande", "Arial", sans-serif;
-  color: rgba(255, 255, 255, 1);
+  color: rgb(255 255 255 / 100%);
 }
 
 .contentarea {
diff --git a/files/en-us/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md b/files/en-us/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
index b72908c3183ec99..81c9afb6ac33123 100644
--- a/files/en-us/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
+++ b/files/en-us/web/api/mediastream_recording_api/using_the_mediastream_recording_api/index.md
@@ -44,8 +44,8 @@ However, we wanted to make the third area (which contains the recorded samples y
 
 ```css
 .sound-clips {
-  box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.7);
-  background-color: rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 3px 4px rgb(0 0 0 / 70%);
+  background-color: rgb(0 0 0 / 10%);
   height: calc(100% - 240px - 0.7rem);
   overflow: scroll;
 }
@@ -91,8 +91,8 @@ aside {
   background-color: #999;
   background-image: linear-gradient(
     to top right,
-    rgba(0, 0, 0, 0),
-    rgba(0, 0, 0, 0.5)
+    rgb(0 0 0 / 0%),
+    rgb(0 0 0 / 50%)
   );
 }
 ```
diff --git a/files/en-us/web/api/mutationrecord/oldvalue/index.md b/files/en-us/web/api/mutationrecord/oldvalue/index.md
index a224ceadd930d42..f6a1500749939aa 100644
--- a/files/en-us/web/api/mutationrecord/oldvalue/index.md
+++ b/files/en-us/web/api/mutationrecord/oldvalue/index.md
@@ -37,7 +37,7 @@ The `logOldValue()` function is passed the `mutationRecords` array, which contai
 #### HTML
 
 ```html
-<h1 id="h1" style="color:rgb(0, 0, 0);">Hi, Mom!</h1>
+<h1 id="h1" style="color: rgb(0 0 0);">Hi, Mom!</h1>
 <button id="changeColorButton">Change color</button>
 <p id="log"></p>
 ```
diff --git a/files/en-us/web/api/performance_api/diagram.svg b/files/en-us/web/api/performance_api/diagram.svg
index 11241f5b4f85e00..60bade8e9929309 100644
--- a/files/en-us/web/api/performance_api/diagram.svg
+++ b/files/en-us/web/api/performance_api/diagram.svg
@@ -1 +1 @@
-<svg width="661" height="830" viewBox="-0.5 -0.5 661 830" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xhtml="http://www.w3.org/1999/xhtml"><path fill="#fff" stroke="#000" pointer-events="all" d="M125 85h180v40H125z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:105px;margin-left:126px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEntry">PerformanceEntry</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="215" y="109" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceEntry</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 465h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:485px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceMark">PerformanceMark</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="489" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceMark</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 525h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:545px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceMeasure">PerformanceMeasure</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="549" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceMeasure</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 585h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:605px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformancePaintTiming">PerformancePaintTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="609" font-family="Helvetica" font-size="12" text-anchor="middle">PerformancePaintTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 645h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:665px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming">PerformanceResourceTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="669" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceResourceTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M455 645h180v40H455z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:665px;margin-left:456px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigationTiming">PerformanceNavigationTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="545" y="669" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceNavigationTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 285h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:305px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceElementTiming">PerformanceElementTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="309" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceElementTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 405h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:425px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceLongTaskTiming">PerformanceLongTaskTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="429" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceLongTaskTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 345h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:365px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEventTiming">PerformanceEventTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="369" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceEventTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 705h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:725px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/TaskAttribution">TaskAttributionTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="729" font-family="Helvetica" font-size="12" text-anchor="middle">TaskAttributionTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 165h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:185px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEventTiming">LargestContentfulPaint</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="189" font-family="Helvetica" font-size="12" text-anchor="middle">LargestContentfulPaint</text></switch><path d="M215 785.356V131.37" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke" style="stroke-width:1.04961"/><path d="m215 126.12 3.5 7-3.5-1.75-3.5 1.75z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path d="M215 305h20m-20-120h20m-20 180h20m-20 60h20m-20 60h20m-20 60h20m-20 60h20m-20 60h20m-20 60h20m220-60h-33.63" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m416.12 665 7-3.5-1.75 3.5 1.75 3.5z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path fill="#fff" stroke="#000" pointer-events="all" d="M25 25h180v40H25z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:45px;margin-left:26px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/Performance">Performance</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="115" y="49" font-family="Helvetica" font-size="12" text-anchor="middle">Performance</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M225 25h180v40H225z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:45px;margin-left:226px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver">PerformanceObserver</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="315" y="49" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceObserver</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 225h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:245px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/LayoutShift">LayoutShift</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="249" font-family="Helvetica" font-size="12" text-anchor="middle">LayoutShift</text></switch><path d="M215 245h20" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path fill="#fff" stroke="#000" pointer-events="all" d="M235 764.383h180v40H235z"/><switch transform="translate(-1.056 57.535)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:725px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/VisibilityStateEntry">VisibilityStateEntry</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325.973" y="729.974" font-family="Helvetica" font-size="12" text-anchor="middle">VisibilityStateEntry</text></switch><path d="M214.743 784.849h20" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><switch><a transform="translate(0 -5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
+<svg width="661" height="830" viewBox="-0.5 -0.5 661 830" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xhtml="http://www.w3.org/1999/xhtml"><path fill="#fff" stroke="#000" pointer-events="all" d="M125 85h180v40H125z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:105px;margin-left:126px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEntry">PerformanceEntry</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="215" y="109" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceEntry</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 465h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:485px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceMark">PerformanceMark</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="489" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceMark</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 525h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:545px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceMeasure">PerformanceMeasure</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="549" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceMeasure</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 585h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:605px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformancePaintTiming">PerformancePaintTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="609" font-family="Helvetica" font-size="12" text-anchor="middle">PerformancePaintTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 645h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:665px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming">PerformanceResourceTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="669" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceResourceTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M455 645h180v40H455z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:665px;margin-left:456px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigationTiming">PerformanceNavigationTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="545" y="669" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceNavigationTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 285h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:305px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceElementTiming">PerformanceElementTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="309" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceElementTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 405h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:425px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceLongTaskTiming">PerformanceLongTaskTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="429" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceLongTaskTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 345h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:365px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEventTiming">PerformanceEventTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="369" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceEventTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 705h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:725px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/TaskAttribution">TaskAttributionTiming</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="729" font-family="Helvetica" font-size="12" text-anchor="middle">TaskAttributionTiming</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 165h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:185px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEventTiming">LargestContentfulPaint</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="189" font-family="Helvetica" font-size="12" text-anchor="middle">LargestContentfulPaint</text></switch><path d="M215 785.356V131.37" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke" style="stroke-width:1.04961"/><path d="m215 126.12 3.5 7-3.5-1.75-3.5 1.75z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path d="M215 305h20m-20-120h20m-20 180h20m-20 60h20m-20 60h20m-20 60h20m-20 60h20m-20 60h20m-20 60h20m220-60h-33.63" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m416.12 665 7-3.5-1.75 3.5 1.75 3.5z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path fill="#fff" stroke="#000" pointer-events="all" d="M25 25h180v40H25z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:45px;margin-left:26px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/Performance">Performance</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="115" y="49" font-family="Helvetica" font-size="12" text-anchor="middle">Performance</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M225 25h180v40H225z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:45px;margin-left:226px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver">PerformanceObserver</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="315" y="49" font-family="Helvetica" font-size="12" text-anchor="middle">PerformanceObserver</text></switch><path fill="#fff" stroke="#000" pointer-events="all" d="M235 225h180v40H235z"/><switch transform="translate(-.5 -.5)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:245px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/LayoutShift">LayoutShift</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325" y="249" font-family="Helvetica" font-size="12" text-anchor="middle">LayoutShift</text></switch><path d="M215 245h20" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path fill="#fff" stroke="#000" pointer-events="all" d="M235 764.383h180v40H235z"/><switch transform="translate(-1.056 57.535)"><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><xhtml:div style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:178px;height:1px;padding-top:725px;margin-left:236px"><xhtml:div data-drawio-colors="color: rgb(0 0 0);" style="box-sizing:border-box;font-size:0;text-align:center"><xhtml:div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><xhtml:a href="https://developer.mozilla.org/en-US/docs/Web/API/VisibilityStateEntry">VisibilityStateEntry</xhtml:a></xhtml:div></xhtml:div></xhtml:div></foreignObject><text x="325.973" y="729.974" font-family="Helvetica" font-size="12" text-anchor="middle">VisibilityStateEntry</text></switch><path d="M214.743 784.849h20" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><switch><a transform="translate(0 -5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
diff --git a/files/en-us/web/api/popover_api/using/index.md b/files/en-us/web/api/popover_api/using/index.md
index 11c6136b72d23e0..675f5ecc963be82 100644
--- a/files/en-us/web/api/popover_api/using/index.md
+++ b/files/en-us/web/api/popover_api/using/index.md
@@ -380,7 +380,7 @@ to take effect, as the specificity is the same */
 /* Transition for the popover's backdrop */
 
 [popover]::backdrop {
-  background-color: rgb(0 0 0 / 0);
+  background-color: rgb(0 0 0 / 0%);
   transition:
     display 0.7s allow-discrete,
     overlay 0.7s allow-discrete,
@@ -390,7 +390,7 @@ to take effect, as the specificity is the same */
 }
 
 [popover]:popover-open::backdrop {
-  background-color: rgb(0 0 0 / 0.25);
+  background-color: rgb(0 0 0 / 25%);
 }
 
 /* The nesting selector (&) cannot represent pseudo-elements
@@ -398,7 +398,7 @@ so this starting-style rule cannot be nested */
 
 @starting-style {
   [popover]:popover-open::backdrop {
-    background-color: rgb(0 0 0 / 0);
+    background-color: rgb(0 0 0 / 0%);
   }
 }
 ```
@@ -498,11 +498,11 @@ html {
 
 @keyframes backdrop-fade-in {
   0% {
-    background-color: rgb(0 0 0 / 0);
+    background-color: rgb(0 0 0 / 0%);
   }
 
   100% {
-    background-color: rgb(0 0 0 / 0.25);
+    background-color: rgb(0 0 0 / 25%);
   }
 }
 ```
diff --git a/files/en-us/web/api/service_worker_api/using_service_workers/sw-fetch.svg b/files/en-us/web/api/service_worker_api/using_service_workers/sw-fetch.svg
index 6d6d5f7f8de7f0b..4afc591f5911a1b 100644
--- a/files/en-us/web/api/service_worker_api/using_service_workers/sw-fetch.svg
+++ b/files/en-us/web/api/service_worker_api/using_service_workers/sw-fetch.svg
@@ -89,7 +89,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:288px;height:1px;padding-top:189px;margin-left:158px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">Pages in the service worker scope</xhtml:div>
         </xhtml:div>
@@ -116,7 +116,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:198px;height:1px;padding-top:189px;margin-left:526px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">Service worker installed and activated</xhtml:div>
         </xhtml:div>
@@ -143,7 +143,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:64px;margin-left:52px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:24px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;font-weight:700;white-space:nowrap">1.</xhtml:div>
         </xhtml:div>
@@ -171,7 +171,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:844px;margin-left:52px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:24px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;font-weight:700;white-space:nowrap">4.</xhtml:div>
         </xhtml:div>
@@ -203,7 +203,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:198px;height:1px;padding-top:949px;margin-left:526px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">The service worker sends back the custom response.</xhtml:div>
         </xhtml:div>
@@ -251,7 +251,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:794px;margin-left:422px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">
+           data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);">
           <xhtml:div
              style="display:inline-block;font-size:18px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;background-color:#fff;white-space:nowrap">
             <xhtml:b>event.respondWith()</xhtml:b>
@@ -280,7 +280,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:336px;margin-left:52px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:24px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;font-weight:700;white-space:nowrap">2.</xhtml:div>
         </xhtml:div>
@@ -317,7 +317,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:288px;height:1px;padding-top:407px;margin-left:67px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">The page requests a resource (possibly located at another origin)</xhtml:div>
         </xhtml:div>
@@ -368,7 +368,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:282px;margin-left:422px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">
+           data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);">
           <xhtml:div
              style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;background-color:#fff;white-space:nowrap">
             <xhtml:b><xhtml:font
@@ -401,7 +401,7 @@ event</xhtml:b>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:288px;height:1px;padding-top:414px;margin-left:481px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">The service worker intercepts the request</xhtml:div>
         </xhtml:div>
@@ -428,7 +428,7 @@ event</xhtml:b>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:584px;margin-left:51px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:24px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;font-weight:700;white-space:nowrap">3.</xhtml:div>
         </xhtml:div>
@@ -460,7 +460,7 @@ event</xhtml:b>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:288px;height:1px;padding-top:703px;margin-left:480px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">The service worker fetches a custom response from possibly different sources</xhtml:div>
         </xhtml:div>
@@ -509,7 +509,7 @@ event</xhtml:b>
          style="display:flex;align-items:unsafe flex-start;justify-content:unsafe center;width:1px;height:1px;padding-top:551px;margin-left:861px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap">
             <xhtml:div>Internet</xhtml:div>
@@ -554,7 +554,7 @@ event</xhtml:b>
          style="display:flex;align-items:unsafe flex-start;justify-content:unsafe center;width:1px;height:1px;padding-top:661px;margin-left:815px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0); background-color: #ffffff;">
+           data-drawio-colors="color: rgb(0 0 0); background-color: #ffffff;">
           <xhtml:div
              style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;background-color:#fff;white-space:nowrap">
             <xhtml:div>Storage</xhtml:div>
@@ -590,7 +590,7 @@ event</xhtml:b>
          style="display:flex;align-items:unsafe flex-start;justify-content:unsafe center;width:1px;height:1px;padding-top:661px;margin-left:911px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:18px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap">
             <xhtml:div>Logic</xhtml:div>
diff --git a/files/en-us/web/api/service_worker_api/using_service_workers/sw-lifecycle.svg b/files/en-us/web/api/service_worker_api/using_service_workers/sw-lifecycle.svg
index b59c94fb5e236a5..a0f36c8ed0c1ca3 100644
--- a/files/en-us/web/api/service_worker_api/using_service_workers/sw-lifecycle.svg
+++ b/files/en-us/web/api/service_worker_api/using_service_workers/sw-lifecycle.svg
@@ -86,7 +86,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:254px;margin-left:962px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">v1</xhtml:div>
         </xhtml:div>
@@ -144,7 +144,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:202px;height:1px;padding-top:164px;margin-left:385px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">Pages loaded in the browser (client)</xhtml:div>
         </xhtml:div>
@@ -202,7 +202,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:202px;height:1px;padding-top:394px;margin-left:325px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">Scope of pages for the service worker</xhtml:div>
         </xhtml:div>
@@ -242,7 +242,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:259px;margin-left:782px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">
+           data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;background-color:#fff;white-space:nowrap">
             <xhtml:font
@@ -282,7 +282,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:49px;margin-left:2px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
             <xhtml:font
@@ -322,7 +322,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:284px;margin-left:2px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
             <xhtml:div>
@@ -405,7 +405,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:524px;margin-left:682px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">v1</xhtml:div>
         </xhtml:div>
@@ -451,7 +451,7 @@
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:559px;margin-left:2px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
             <xhtml:font
@@ -503,7 +503,7 @@
          style="display:flex;align-items:unsafe flex-start;justify-content:unsafe center;width:1px;height:1px;padding-top:536px;margin-left:918px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap">i<xhtml:font
    face="Courier New">nstall</xhtml:font>
@@ -598,7 +598,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe flex-start;justify-content:unsafe center;width:1px;height:1px;padding-top:656px;margin-left:918px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap">event.waitUntil()</xhtml:div>
         </xhtml:div>
@@ -670,7 +670,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:202px;height:1px;padding-top:614px;margin-left:970px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">Setting up caches, offline assets, etc.</xhtml:div>
         </xhtml:div>
@@ -697,7 +697,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:554px;margin-left:1042px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">v1</xhtml:div>
         </xhtml:div>
@@ -757,7 +757,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:734px;margin-left:682px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">v1</xhtml:div>
         </xhtml:div>
@@ -789,7 +789,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:769px;margin-left:2px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
             <xhtml:font
@@ -862,7 +862,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:944px;margin-left:682px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">v1</xhtml:div>
         </xhtml:div>
@@ -894,7 +894,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:979px;margin-left:2px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
             <xhtml:font
@@ -946,7 +946,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe flex-start;justify-content:unsafe center;width:1px;height:1px;padding-top:971px;margin-left:918px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap"><xhtml:font
    face="Courier New">activate</xhtml:font>
@@ -980,7 +980,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:202px;height:1px;padding-top:1024px;margin-left:817px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">Finishing setup, cleaning old resources for previous versions</xhtml:div>
         </xhtml:div>
@@ -1053,7 +1053,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:1139px;margin-left:812px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">v1</xhtml:div>
         </xhtml:div>
@@ -1094,7 +1094,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:1174px;margin-left:2px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
             <xhtml:font
@@ -1146,7 +1146,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe flex-start;justify-content:unsafe center;width:1px;height:1px;padding-top:1196px;margin-left:726px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap">
             <xhtml:div
@@ -1232,7 +1232,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:816px;margin-left:1042px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
             <xhtml:font
@@ -1262,7 +1262,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:779px;margin-left:1042px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">v1</xhtml:div>
         </xhtml:div>
@@ -1321,7 +1321,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:1004px;margin-left:1042px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">v1</xhtml:div>
         </xhtml:div>
@@ -1380,7 +1380,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:1184px;margin-left:1042px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">v1</xhtml:div>
         </xhtml:div>
@@ -1446,7 +1446,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:1174px;margin-left:981px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">
+           data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;background-color:#fff;white-space:nowrap">
             <xhtml:font
@@ -1550,7 +1550,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:1389px;margin-left:2px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
             <xhtml:font
@@ -1702,7 +1702,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:1364px;margin-left:682px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">v2</xhtml:div>
         </xhtml:div>
@@ -1779,7 +1779,7 @@ event</xhtml:div>
          style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:1434px;margin-left:952px">
         <xhtml:div
            style="box-sizing:border-box;font-size:0;text-align:center"
-           data-drawio-colors="color: rgb(0, 0, 0);">
+           data-drawio-colors="color: rgb(0 0 0);">
           <xhtml:div
              style="display:inline-block;font-size:19px;font-family:Courier New;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">v2</xhtml:div>
         </xhtml:div>
diff --git a/files/en-us/web/api/svggeometryelement/ispointinfill/index.md b/files/en-us/web/api/svggeometryelement/ispointinfill/index.md
index 2a725d829a1f511..325fce06242ab29 100644
--- a/files/en-us/web/api/svggeometryelement/ispointinfill/index.md
+++ b/files/en-us/web/api/svggeometryelement/ispointinfill/index.md
@@ -87,7 +87,7 @@ for (const point of points) {
   pointEl.style.cx = point[0];
   pointEl.style.cy = point[1];
   pointEl.style.r = 5;
-  pointEl.style.fill = isPointInFill ? "seagreen" : "rgb(255 0 0 / 0.5)";
+  pointEl.style.fill = isPointInFill ? "seagreen" : "rgb(255 0 0 / 50%)";
   svg.appendChild(pointEl);
 }
 ```
diff --git a/files/en-us/web/api/svggeometryelement/ispointinstroke/index.md b/files/en-us/web/api/svggeometryelement/ispointinstroke/index.md
index 383e1ce08a03802..0c2e8c4d48d435c 100644
--- a/files/en-us/web/api/svggeometryelement/ispointinstroke/index.md
+++ b/files/en-us/web/api/svggeometryelement/ispointinstroke/index.md
@@ -88,7 +88,7 @@ for (const point of points) {
   pointEl.style.cx = point[0];
   pointEl.style.cy = point[1];
   pointEl.style.r = 5;
-  pointEl.style.fill = isPointInStroke ? "seagreen" : "rgb(255 0 0 / 0.5)";
+  pointEl.style.fill = isPointInStroke ? "seagreen" : "rgb(255 0 0 / 50%)";
   svg.appendChild(pointEl);
 }
 ```
diff --git a/files/en-us/web/api/svgrectelement/index.md b/files/en-us/web/api/svgrectelement/index.md
index 35c19e489aa68f2..c2a733e61f34c31 100644
--- a/files/en-us/web/api/svgrectelement/index.md
+++ b/files/en-us/web/api/svgrectelement/index.md
@@ -46,7 +46,7 @@ This example sets the fill color of an `SVGRectElement` to a random value whenev
     width="300"
     height="100"
     id="myrect"
-    style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)" />
+    style="fill:rgb(0 0 255);stroke-width:1;stroke:rgb(0 0 0)" />
   <text x="60" y="40" fill="white" font-size="40">Click Me</text>
 </svg>
 ```
@@ -60,7 +60,7 @@ myRect.addEventListener("click", () => {
   const r = Math.floor(Math.random() * 255);
   const g = Math.floor(Math.random() * 255);
   const b = Math.floor(Math.random() * 255);
-  myRect.style.fill = `rgb(${r}, ${g}, ${b})`;
+  myRect.style.fill = `rgb(${r} ${g} ${b})`;
 });
 ```
 
diff --git a/files/en-us/web/api/web_audio_api/visualizations_with_web_audio_api/index.md b/files/en-us/web/api/web_audio_api/visualizations_with_web_audio_api/index.md
index 3c83b150c58affd..cd580b9b7c2bbe5 100644
--- a/files/en-us/web/api/web_audio_api/visualizations_with_web_audio_api/index.md
+++ b/files/en-us/web/api/web_audio_api/visualizations_with_web_audio_api/index.md
@@ -93,7 +93,7 @@ analyser.getByteTimeDomainData(dataArray);
 Next, fill the canvas with a solid color to start
 
 ```js
-canvasCtx.fillStyle = "rgb(200, 200, 200)";
+canvasCtx.fillStyle = "rgb(200 200 200)";
 canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
 ```
 
@@ -101,7 +101,7 @@ Set a line width and stroke color for the wave we will draw, then begin drawing
 
 ```js
 canvasCtx.lineWidth = 2;
-canvasCtx.strokeStyle = "rgb(0, 0, 0)";
+canvasCtx.strokeStyle = "rgb(0 0 0)";
 canvasCtx.beginPath();
 ```
 
@@ -169,7 +169,7 @@ function draw() {
 
   analyser.getByteFrequencyData(dataArray);
 
-  canvasCtx.fillStyle = "rgb(0, 0, 0)";
+  canvasCtx.fillStyle = "rgb(0 0 0)";
   canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
 ```
 
@@ -191,7 +191,7 @@ The one value that needs explaining is the vertical offset position we are drawi
 for (let i = 0; i < bufferLength; i++) {
   barHeight = dataArray[i] / 2;
 
-  canvasCtx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
+  canvasCtx.fillStyle = `rgb(${barHeight + 100} 50 50)`;
   canvasCtx.fillRect(x, HEIGHT - barHeight / 2, barWidth, barHeight);
 
   x += barWidth + 1;
diff --git a/files/en-us/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md b/files/en-us/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
index b4ef1c76c79418c..17d6666ab0fd421 100644
--- a/files/en-us/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
+++ b/files/en-us/web/api/webgl_api/tutorial/using_textures_in_webgl/index.md
@@ -105,7 +105,7 @@ gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
 gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
 ```
 
-Again, with these parameters, compatible WebGL devices will automatically accept any resolution for that texture (up to their maximum dimensions). Without performing the above configuration, WebGL requires all samples of NPOT textures to fail by returning transparent black: `rgba(0,0,0,0)`.
+Again, with these parameters, compatible WebGL devices will automatically accept any resolution for that texture (up to their maximum dimensions). Without performing the above configuration, WebGL requires all samples of NPOT textures to fail by returning transparent black: `rgb(0 0 0 / 0%)`.
 
 To load the image, add a call to our `loadTexture()` function within our `main()` function. This can be added after the `initBuffers(gl)` call.
 
diff --git a/files/en-us/web/api/window/screenleft/index.md b/files/en-us/web/api/window/screenleft/index.md
index 6369cb511d1f437..724e4fa0de8259c 100644
--- a/files/en-us/web/api/window/screenleft/index.md
+++ b/files/en-us/web/api/window/screenleft/index.md
@@ -40,9 +40,9 @@ function positionElem() {
   let leftUpdate = initialLeft - newLeft;
   let topUpdate = initialTop - newTop;
 
-  ctx.fillStyle = "rgb(0, 0, 0)";
+  ctx.fillStyle = "rgb(0 0 0)";
   ctx.fillRect(0, 0, width, height);
-  ctx.fillStyle = "rgb(0, 0, 255)";
+  ctx.fillStyle = "rgb(0 0 255)";
   ctx.beginPath();
   ctx.arc(
     leftUpdate + width / 2,
diff --git a/files/en-us/web/api/window/screentop/index.md b/files/en-us/web/api/window/screentop/index.md
index dc3c62e60988de7..111e7453b09873f 100644
--- a/files/en-us/web/api/window/screentop/index.md
+++ b/files/en-us/web/api/window/screentop/index.md
@@ -40,9 +40,9 @@ function positionElem() {
   let leftUpdate = initialLeft - newLeft;
   let topUpdate = initialTop - newTop;
 
-  ctx.fillStyle = "rgb(0, 0, 0)";
+  ctx.fillStyle = "rgb(0 0 0)";
   ctx.fillRect(0, 0, width, height);
-  ctx.fillStyle = "rgb(0, 0, 255)";
+  ctx.fillStyle = "rgb(0 0 255)";
   ctx.beginPath();
   ctx.arc(
     leftUpdate + width / 2,
diff --git a/files/en-us/web/api/window/screenx/index.md b/files/en-us/web/api/window/screenx/index.md
index 6c6c53dde78d34b..de3c15d9c9be63d 100644
--- a/files/en-us/web/api/window/screenx/index.md
+++ b/files/en-us/web/api/window/screenx/index.md
@@ -39,9 +39,9 @@ function positionElem() {
   let leftUpdate = initialLeft - newLeft;
   let topUpdate = initialTop - newTop;
 
-  ctx.fillStyle = "rgb(0, 0, 0)";
+  ctx.fillStyle = "rgb(0 0 0)";
   ctx.fillRect(0, 0, width, height);
-  ctx.fillStyle = "rgb(0, 0, 255)";
+  ctx.fillStyle = "rgb(0 0 255)";
   ctx.beginPath();
   ctx.arc(
     leftUpdate + width / 2,
diff --git a/files/en-us/web/api/window/screeny/index.md b/files/en-us/web/api/window/screeny/index.md
index 75911c20e8fea99..2f8aad8b1e9fccd 100644
--- a/files/en-us/web/api/window/screeny/index.md
+++ b/files/en-us/web/api/window/screeny/index.md
@@ -31,9 +31,9 @@ function positionElem() {
   let leftUpdate = initialLeft - newLeft;
   let topUpdate = initialTop - newTop;
 
-  ctx.fillStyle = "rgb(0, 0, 0)";
+  ctx.fillStyle = "rgb(0 0 0)";
   ctx.fillRect(0, 0, width, height);
-  ctx.fillStyle = "rgb(0, 0, 255)";
+  ctx.fillStyle = "rgb(0 0 255)";
   ctx.beginPath();
   ctx.arc(
     leftUpdate + width / 2,
diff --git a/files/en-us/web/css/color/index.md b/files/en-us/web/css/color/index.md
index 3894deb8db04532..13c53bfb3ff8506 100644
--- a/files/en-us/web/css/color/index.md
+++ b/files/en-us/web/css/color/index.md
@@ -31,20 +31,20 @@ color: #009900;
 color: #090a;
 color: #009900aa;
 
-/* <rgb()> values */
+/* <rgb()> values and legacy <rgba()> values*/
 color: rgb(34, 12, 64, 0.6);
 color: rgba(34, 12, 64, 0.6);
 color: rgb(34 12 64 / 0.6);
-color: rgba(34 12 64 / 0.3);
-color: rgb(34 12 64 / 60%);
-color: rgba(34.6 12 64 / 30%);
+color: rgba(34 12 64 / 0.6);
+color: rgb(34.6 12 64 / 60%);
+color: rgba(34.6 12 64 / 60%);
 
-/* <hsl()> values */
+/* <hsl()> values and legacy <hsla()> values */
 color: hsl(30, 100%, 50%, 0.6);
 color: hsla(30, 100%, 50%, 0.6);
 color: hsl(30 100% 50% / 0.6);
 color: hsla(30 100% 50% / 0.6);
-color: hsl(30 100% 50% / 60%);
+color: hsl(30.2 100% 50% / 60%);
 color: hsla(30.2 100% 50% / 60%);
 
 /* <hwb()> values */
diff --git a/files/en-us/web/css/css_colors/applying_color/index.md b/files/en-us/web/css/css_colors/applying_color/index.md
index 050ddb5a497c4ff..0570ff138b85bb7 100644
--- a/files/en-us/web/css/css_colors/applying_color/index.md
+++ b/files/en-us/web/css/css_colors/applying_color/index.md
@@ -176,7 +176,7 @@ td {
 }
 
 th {
-  background-color: hsl(0, 0%, 75%);
+  background-color: hsl(0 0% 75%);
 }
 ```
 
@@ -190,28 +190,28 @@ th {
   </thead>
   <tbody>
     <tr>
-      <td><code>hsl(90deg, 100%, 50%)</code></td>
-      <td style="background-color: hsl(90deg, 100%, 50%);">&nbsp;</td>
+      <td><code>hsl(90deg 100% 50%)</code></td>
+      <td style="background-color: hsl(90deg 100% 50%);">&nbsp;</td>
     </tr>
     <tr>
-      <td><code>hsl(90, 100%, 50%)</code></td>
-      <td style="background-color: hsl(90, 100%, 50%);">&nbsp;</td>
+      <td><code>hsl(90 100% 50%)</code></td>
+      <td style="background-color: hsl(90 100% 50%);">&nbsp;</td>
     </tr>
     <tr>
-      <td><code>hsl(0.15turn, 50%, 75%)</code></td>
-      <td style="background-color: hsl(0.15turn, 50%, 75%);">&nbsp;</td>
+      <td><code>hsl(0.15turn 50% 75%)</code></td>
+      <td style="background-color: hsl(0.15turn 50% 75%);">&nbsp;</td>
     </tr>
     <tr>
-      <td><code>hsl(0.15turn, 90%, 75%)</code></td>
-      <td style="background-color: hsl(0.15turn, 90%, 75%);">&nbsp;</td>
+      <td><code>hsl(0.15turn 90% 75%)</code></td>
+      <td style="background-color: hsl(0.15turn 90% 75%);">&nbsp;</td>
     </tr>
     <tr>
-      <td><code>hsl(0.15turn, 90%, 50%)</code></td>
-      <td style="background-color: hsl(0.15turn, 90%, 50%);">&nbsp;</td>
+      <td><code>hsl(0.15turn 90% 50%)</code></td>
+      <td style="background-color: hsl(0.15turn 90% 50%);">&nbsp;</td>
     </tr>
     <tr>
-      <td><code>hsl(270deg, 90%, 50%)</code></td>
-      <td style="background-color: hsl(270deg, 90%, 50%);">&nbsp;</td>
+      <td><code>hsl(270deg 90% 50%)</code></td>
+      <td style="background-color: hsl(270deg 90% 50%);">&nbsp;</td>
     </tr>
   </tbody>
 </table>
@@ -483,9 +483,9 @@ The `.boxLeft` class—which, cleverly, is used to style the box on the left—f
 ```css
 .boxRight {
   float: right;
-  background-color: hsl(270deg, 50%, 75%);
+  background-color: hsl(270deg 50% 75%);
   outline: 4px dashed rgb(110 20 120);
-  color: hsl(0deg, 100%, 100%);
+  color: hsl(0deg 100% 100%);
   text-decoration: underline wavy #88ff88;
   text-shadow: 2px 2px 3px black;
 }
@@ -495,9 +495,9 @@ The `.boxLeft` class—which, cleverly, is used to style the box on the left—f
 
 Finally, the `.boxRight` class describes the unique properties of the box that's drawn on the right. It's configured to float the box to the right so that it appears next to the previous box. Then the following colors are established:
 
-- The `background-color` is set using the HSL value specified using `hsl(270deg, 50%, 75%)`. This is a medium purple color.
+- The `background-color` is set using the HSL value specified using `hsl(270deg 50% 75%)`. This is a medium purple color.
 - The box's `outline` is used to specify that the box should be enclosed in a four pixel thick dashed line whose color is a somewhat deeper purple (`rgb(110 20 120)`).
-- The foreground (text) color is specified by setting the {{cssxref("color")}} property to `hsl(0deg, 100%, 100%)`. This is one of many ways to specify the color white.
+- The foreground (text) color is specified by setting the {{cssxref("color")}} property to `hsl(0deg 100% 100%)`. This is one of many ways to specify the color white.
 - We add a green wavy line under the text with {{cssxref("text-decoration")}}.
 - Finally, a bit of a shadow is added to the text using {{cssxref("text-shadow")}}. Its `color` parameter is set to `black`.
 
diff --git a/files/en-us/web/css/css_images/using_css_gradients/index.md b/files/en-us/web/css/css_images/using_css_gradients/index.md
index 9473daaa0f2db34..a5bd3fa399419af 100644
--- a/files/en-us/web/css/css_images/using_css_gradients/index.md
+++ b/files/en-us/web/css/css_images/using_css_gradients/index.md
@@ -796,69 +796,62 @@ div {
       90deg,
       transparent,
       transparent 50px,
-      rgba(255, 127, 0, 0.25) 50px,
-      rgba(255, 127, 0, 0.25) 56px,
+      rgb(255 127 0 / 25%) 50px,
+      rgb(255 127 0 / 25%) 56px,
       transparent 56px,
       transparent 63px,
-      rgba(255, 127, 0, 0.25) 63px,
-      rgba(255, 127, 0, 0.25) 69px,
+      rgb(255 127 0 / 25%) 63px,
+      rgb(255 127 0 / 25%) 69px,
       transparent 69px,
       transparent 116px,
-      rgba(255, 206, 0, 0.25) 116px,
-      rgba(255, 206, 0, 0.25) 166px
+      rgb(255 206 0 / 25%) 116px,
+      rgb(255 206 0 / 25%) 166px
     ), repeating-linear-gradient(
       0deg,
       transparent,
       transparent 50px,
-      rgba(255, 127, 0, 0.25) 50px,
-      rgba(255, 127, 0, 0.25) 56px,
+      rgb(255 127 0 / 25%) 50px,
+      rgb(255 127 0 / 25%) 56px,
       transparent 56px,
       transparent 63px,
-      rgba(255, 127, 0, 0.25) 63px,
-      rgba(255, 127, 0, 0.25) 69px,
+      rgb(255 127 0 / 25%) 63px,
+      rgb(255 127 0 / 25%) 69px,
       transparent 69px,
       transparent 116px,
-      rgba(255, 206, 0, 0.25) 116px,
-      rgba(255, 206, 0, 0.25) 166px
+      rgb(255 206 0 / 25%) 116px,
+      rgb(255 206 0 / 25%) 166px
     ), repeating-linear-gradient(
       -45deg,
       transparent,
       transparent 5px,
-      rgba(143, 77, 63, 0.25) 5px,
-      rgba(143, 77, 63, 0.25) 10px
-    ), repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(
-          143,
-          77,
-          63,
-          0.25
-        ) 5px, rgba(143, 77, 63, 0.25) 10px);
+      rgb(143 77 63 / 25%) 5px,
+      rgb(143 77 63 / 25%) 10px
+    ), repeating-linear-gradient(45deg, transparent, transparent 5px, rgb(
+          143 77 63 / 25%
+        ) 5px, rgb(143 77 63 / 25%) 10px);
 
   background: repeating-linear-gradient(
       90deg,
       transparent 0 50px,
-      rgba(255, 127, 0, 0.25) 50px 56px,
+      rgb(255 127 0 / 25%) 50px 56px,
       transparent 56px 63px,
-      rgba(255, 127, 0, 0.25) 63px 69px,
+      rgb(255 127 0 / 25%) 63px 69px,
       transparent 69px 116px,
-      rgba(255, 206, 0, 0.25) 116px 166px
+      rgb(255 206 0 / 25%) 116px 166px
     ), repeating-linear-gradient(
       0deg,
       transparent 0 50px,
-      rgba(255, 127, 0, 0.25) 50px 56px,
+      rgb(255 127 0 / 25%) 50px 56px,
       transparent 56px 63px,
-      rgba(255, 127, 0, 0.25) 63px 69px,
+      rgb(255 127 0 / 25%) 63px 69px,
       transparent 69px 116px,
-      rgba(255, 206, 0, 0.25) 116px 166px
+      rgb(255 206 0 / 25%) 116px 166px
     ), repeating-linear-gradient(
       -45deg,
       transparent 0 5px,
-      rgba(143, 77, 63, 0.25) 5px 10px
-    ), repeating-linear-gradient(45deg, transparent 0 5px, rgba(
-          143,
-          77,
-          63,
-          0.25
-        ) 5px 10px);
+      rgb(143 77 63 / 25%) 5px 10px
+    ), repeating-linear-gradient(45deg, transparent 0 5px, rgb(143 77 63 / 25%) 5px
+        10px);
 }
 ```
 
@@ -910,17 +903,17 @@ div {
   background:
     repeating-radial-gradient(
         ellipse at 80% 50%,
-        rgba(0, 0, 0, 0.5),
-        rgba(0, 0, 0, 0.5) 15px,
-        rgba(255, 255, 255, 0.5) 15px,
-        rgba(255, 255, 255, 0.5) 30px
+        rgb(0 0 0 / 50%),
+        rgb(0 0 0 / 50%) 15px,
+        rgb(255 255 255 / 50%) 15px,
+        rgb(255 255 255 / 50%) 30px
       ) top left no-repeat,
     repeating-radial-gradient(
         ellipse at 20% 50%,
-        rgba(0, 0, 0, 0.5),
-        rgba(0, 0, 0, 0.5) 10px,
-        rgba(255, 255, 255, 0.5) 10px,
-        rgba(255, 255, 255, 0.5) 20px
+        rgb(0 0 0 / 50%),
+        rgb(0 0 0 / 50%) 10px,
+        rgb(255 255 255 / 50%) 10px,
+        rgb(255 255 255 / 50%) 20px
       ) top left no-repeat yellow;
   background-size:
     200px 200px,
diff --git a/files/en-us/web/css/gradient/conic-gradient/index.md b/files/en-us/web/css/gradient/conic-gradient/index.md
index 21082720b3abebe..7fa9b97c7cfcf2d 100644
--- a/files/en-us/web/css/gradient/conic-gradient/index.md
+++ b/files/en-us/web/css/gradient/conic-gradient/index.md
@@ -29,15 +29,15 @@ conic-gradient(in hsl longer hue, red, blue, green, red)
 
 /* Color wheel */
 conic-gradient(
-  hsl(360, 100%, 50%),
-  hsl(315, 100%, 50%),
-  hsl(270, 100%, 50%),
-  hsl(225, 100%, 50%),
-  hsl(180, 100%, 50%),
-  hsl(135, 100%, 50%),
-  hsl(90, 100%, 50%),
-  hsl(45, 100%, 50%),
-  hsl(0, 100%, 50%)
+  hsl(360 100% 50%),
+  hsl(315 100% 50%),
+  hsl(270 100% 50%),
+  hsl(225 100% 50%),
+  hsl(180 100% 50%),
+  hsl(135 100% 50%),
+  hsl(90 100% 50%),
+  hsl(45 100% 50%),
+  hsl(0 100% 50%)
 )
 ```
 
diff --git a/files/en-us/web/css/gradient/repeating-conic-gradient/index.md b/files/en-us/web/css/gradient/repeating-conic-gradient/index.md
index 75a16534cd2fb1e..a3d3374b5104e68 100644
--- a/files/en-us/web/css/gradient/repeating-conic-gradient/index.md
+++ b/files/en-us/web/css/gradient/repeating-conic-gradient/index.md
@@ -20,8 +20,8 @@ The **`repeating-conic-gradient()`** [CSS](/en-US/docs/Web/CSS) [function](/en-U
    offset by 3degrees so there is no up/down straight line */
 repeating-conic-gradient(
   from 3deg at 25% 25%,
-  hsl(200, 100%, 50%) 0deg 15deg,
-  hsl(200, 100%, 60%) 10deg 30deg
+  hsl(200 100% 50%) 0deg 15deg,
+  hsl(200 100% 60%) 10deg 30deg
 )
 
 /* Interpolation in polar color space
diff --git a/files/en-us/web/css/image/paint/index.md b/files/en-us/web/css/image/paint/index.md
index 5d87bf15612eafd..080e6daa1ecdc10 100644
--- a/files/en-us/web/css/image/paint/index.md
+++ b/files/en-us/web/css/image/paint/index.md
@@ -90,17 +90,17 @@ CSS.paintWorklet.addModule(
 
 ```css
 li {
-  --boxColor: hsl(55 90% 60% / 1);
+  --boxColor: hsl(55 90% 60% / 100%);
   background-image: paint(hollowHighlights, stroke, 2px);
 }
 
 li:nth-of-type(3n) {
-  --boxColor: hsl(155 90% 60% / 1);
+  --boxColor: hsl(155 90% 60% / 100%);
   background-image: paint(hollowHighlights, filled, 3px);
 }
 
 li:nth-of-type(3n + 1) {
-  --boxColor: hsl(255 90% 60% / 1);
+  --boxColor: hsl(255 90% 60% / 100%);
   background-image: paint(hollowHighlights, stroke, 1px);
 }
 ```
diff --git a/files/en-us/web/css/mix-blend-mode/index.md b/files/en-us/web/css/mix-blend-mode/index.md
index 765ffcca4eb42fe..f1dcc4b55d3b517 100644
--- a/files/en-us/web/css/mix-blend-mode/index.md
+++ b/files/en-us/web/css/mix-blend-mode/index.md
@@ -78,16 +78,16 @@ mix-blend-mode: unset;
             <svg class="item" viewBox="0 0 150 150">
               <defs>
                 <linearGradient id="red">
-                  <stop offset="0" stop-color="hsl(0,100%,50%)" />
-                  <stop offset="100%" stop-color="hsl(0,0%,100%)" />
+                  <stop offset="0" stop-color="hsl(0 100% 50%)" />
+                  <stop offset="100%" stop-color="hsl(0 0% 100%)" />
                 </linearGradient>
                 <linearGradient id="green">
-                  <stop offset="0" stop-color="hsl(120,100%,50%)" />
-                  <stop offset="100%" stop-color="hsl(120,0%,100%)" />
+                  <stop offset="0" stop-color="hsl(120 100% 50%)" />
+                  <stop offset="100%" stop-color="hsl(120 0% 100%)" />
                 </linearGradient>
                 <linearGradient id="blue">
-                  <stop offset="0" stop-color="hsl(240,100%,50%)" />
-                  <stop offset="100%" stop-color="hsl(240,0%,100%)" />
+                  <stop offset="0" stop-color="hsl(240 100% 50%)" />
+                  <stop offset="100%" stop-color="hsl(240 0% 100%)" />
                 </linearGradient>
               </defs>
               <ellipse class="item R" cx="75" cy="75" rx="25" ry="70"></ellipse>
diff --git a/files/en-us/web/guide/css/block_formatting_context/index.md b/files/en-us/web/guide/css/block_formatting_context/index.md
index 6911caef57cbcb7..1c9bbe25a120f06 100644
--- a/files/en-us/web/guide/css/block_formatting_context/index.md
+++ b/files/en-us/web/guide/css/block_formatting_context/index.md
@@ -88,7 +88,7 @@ section {
   height: 150px;
 }
 .box {
-  background-color: rgb(224, 206, 247);
+  background-color: rgb(224 206 247);
   border: 5px solid rebeccapurple;
 }
 .box[style] {
@@ -133,7 +133,7 @@ section {
   height: 150px;
 }
 .box {
-  background-color: rgb(224, 206, 247);
+  background-color: rgb(224 206 247);
   border: 5px solid rebeccapurple;
 }
 .box[style] {
diff --git a/files/en-us/web/html/element/dialog/index.md b/files/en-us/web/html/element/dialog/index.md
index 3f29cb700790061..d31c723d25e209c 100644
--- a/files/en-us/web/html/element/dialog/index.md
+++ b/files/en-us/web/html/element/dialog/index.md
@@ -338,7 +338,7 @@ dialog {
 
 /* Transition the :backdrop when the dialog modal is promoted to the top layer */
 dialog::backdrop {
-  background-color: rgb(0 0 0 / 0);
+  background-color: rgb(0 0 0 / 0%);
   transition:
     display 0.7s allow-discrete,
     overlay 0.7s allow-discrete,
@@ -348,7 +348,7 @@ dialog::backdrop {
 }
 
 dialog[open]::backdrop {
-  background-color: rgb(0 0 0 / 0.25);
+  background-color: rgb(0 0 0 / 25%);
 }
 
 /* This starting-style rule cannot be nested inside the above selector
@@ -356,7 +356,7 @@ because the nesting selector cannot represent pseudo-elements. */
 
 @starting-style {
   dialog[open]::backdrop {
-    background-color: rgb(0 0 0 / 0);
+    background-color: rgb(0 0 0 / 0%);
   }
 }
 ```
@@ -462,11 +462,11 @@ dialog[open]::backdrop {
 
 @keyframes backdrop-fade-in {
   0% {
-    background-color: rgb(0 0 0 / 0);
+    background-color: rgb(0 0 0 / 0%);
   }
 
   100% {
-    background-color: rgb(0 0 0 / 0.25);
+    background-color: rgb(0 0 0 / 25%);
   }
 }
 
diff --git a/files/en-us/web/html/element/input/button/index.md b/files/en-us/web/html/element/input/button/index.md
index cdf0301bbaaee3b..ba4a7dccb35a2e0 100644
--- a/files/en-us/web/html/element/input/button/index.md
+++ b/files/en-us/web/html/element/input/button/index.md
@@ -233,7 +233,7 @@ 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.fillStyle = "rgb(0 0 0)";
 ctx.fillRect(0, 0, width, height);
 
 const colorPicker = document.querySelector('input[type="color"]');
@@ -272,7 +272,7 @@ canvas.onmouseup = () => {
 };
 
 clearBtn.onclick = () => {
-  ctx.fillStyle = "rgb(0,0,0)";
+  ctx.fillStyle = "rgb(0 0 0)";
   ctx.fillRect(0, 0, width, height);
 };
 
diff --git a/files/en-us/web/html/element/input/color/index.md b/files/en-us/web/html/element/input/color/index.md
index 5fc5602fe073a5b..6fa98a5ea3904e9 100644
--- a/files/en-us/web/html/element/input/color/index.md
+++ b/files/en-us/web/html/element/input/color/index.md
@@ -35,7 +35,7 @@ You can update the simple example above to set a default value, so that the colo
 
 {{EmbedLiveSample("Providing_a_default_color", 700, 30)}}
 
-If you don't specify a value, the default is `#000000`, which is black. The value must be in seven-character hexadecimal notation, meaning the "#" character followed by two digits each representing red, green, and blue, like this: `#rrggbb`. If you have colors that are in any other format (such as CSS color names or CSS color functions such as `rgb()` or `rgba()`), you'll have to convert them to hexadecimal before setting the `value`.
+If you don't specify a value, the default is `#000000`, which is black. The value must be in seven-character hexadecimal notation, meaning the "#" character followed by two digits each representing red, green, and blue, like this: `#rrggbb`. If you have colors that are in any other format (such as CSS color names or CSS color functions such as `rgb()` or `hsl()` ), you'll have to convert them to hexadecimal before setting the `value`.
 
 ### Tracking color changes
 
diff --git a/files/en-us/web/html/element/table/index.md b/files/en-us/web/html/element/table/index.md
index c7a281fdbfc48c2..711119a4e1b21e6 100644
--- a/files/en-us/web/html/element/table/index.md
+++ b/files/en-us/web/html/element/table/index.md
@@ -646,14 +646,14 @@ The [`scope`](/en-US/docs/Web/HTML/Element/th#scope) attribute on header element
     <tr>
       <th scope="row">Teal</th>
       <td><code>#51F6F6</code></td>
-      <td><code>hsl(180 90% 64% / 1)</code></td>
-      <td><code>rgb(81 246 246 / 1)</code></td>
+      <td><code>hsl(180 90% 64% / 100%)</code></td>
+      <td><code>rgb(81 246 246 / 100%)</code></td>
     </tr>
     <tr>
       <th scope="row">Goldenrod</th>
       <td><code>#F6BC57</code></td>
-      <td><code>hsl(38 90% 65% / 1)</code></td>
-      <td><code>rgba(246 188 87 / 1)</code></td>
+      <td><code>hsl(38 90% 65% / 100%)</code></td>
+      <td><code>rgb(246 188 87 / 100%)</code></td>
     </tr>
   </tbody>
 </table>
diff --git a/files/en-us/web/html/element/tr/index.md b/files/en-us/web/html/element/tr/index.md
index af4a02f1f5affbe..301b528d7074b33 100644
--- a/files/en-us/web/html/element/tr/index.md
+++ b/files/en-us/web/html/element/tr/index.md
@@ -344,7 +344,7 @@ table {
 }
 
 thead > tr {
-  background-color: rgb(228, 240, 245);
+  background-color: rgb(228 240 245);
 }
 
 th,
@@ -451,7 +451,7 @@ We're going to look at the top header in two pieces. First, the overall styling
 
 ```css
 thead > tr {
-  background-color: rgb(228, 240, 245);
+  background-color: rgb(228 240 245);
 }
 
 thead > tr:nth-of-type(2) {
@@ -467,11 +467,11 @@ Let's style these two header cells with green and red hues to represent the "goo
 
 ```css
 thead > tr:last-of-type > th:nth-of-type(1) {
-  background-color: rgb(225, 255, 225);
+  background-color: rgb(225 255 225);
 }
 
 thead > tr:last-of-type > th:nth-of-type(2) {
-  background-color: rgb(255, 225, 225);
+  background-color: rgb(255 225 225);
 }
 ```
 
@@ -483,7 +483,7 @@ It's common to help improve readability of table data by alternating row colors.
 
 ```css
 tbody > tr:nth-of-type(even) {
-  background-color: rgb(237, 238, 242);
+  background-color: rgb(237 238 242);
 }
 ```
 
@@ -494,7 +494,7 @@ Since we want the first column to stand out as well, we'll add some custom styli
 ```css
 tbody > tr > th:first-of-type {
   text-align: left;
-  background-color: rgb(225, 229, 244);
+  background-color: rgb(225 229 244);
 }
 ```
 
diff --git a/files/en-us/web/mathml/global_attributes/mathbackground/index.md b/files/en-us/web/mathml/global_attributes/mathbackground/index.md
index aeb094942bebe7b..9faf141a09dc943 100644
--- a/files/en-us/web/mathml/global_attributes/mathbackground/index.md
+++ b/files/en-us/web/mathml/global_attributes/mathbackground/index.md
@@ -29,12 +29,12 @@ The **`mathbackground`** [global attribute](/en-US/docs/Web/MathML/Global_attrib
 <math mathbackground="#1fef"> <!-- Fully opaque shorthand -->
 
 <!-- RGB value -->
-<math mathbackground="rgb(255, 255, 128)"> <!-- Fully opaque -->
-<math mathbackground="rgba(117, 190, 218, 0.5)"> <!-- 50% transparent -->
+<math mathbackground="rgb(255 255 128)"> <!-- Fully opaque -->
+<math mathbackground="rgb(117 190 218 / 50%)"> <!-- 50% transparent -->
 
 <!-- HSL value -->
 <math mathbackground="hsl(50 33% 25%)"> <!-- Fully opaque -->
-<math mathbackground="hsl(50 33% 25% / 0.75)"> <!-- 75% opaque, i.e. 25% transparent -->
+<math mathbackground="hsl(50 33% 25% / 75%)"> <!-- 75% opaque, i.e. 25% transparent -->
 ```
 
 ### Values
diff --git a/files/en-us/web/mathml/global_attributes/mathcolor/index.md b/files/en-us/web/mathml/global_attributes/mathcolor/index.md
index d8a8ee7e8b5c725..383b33c773714fc 100644
--- a/files/en-us/web/mathml/global_attributes/mathcolor/index.md
+++ b/files/en-us/web/mathml/global_attributes/mathcolor/index.md
@@ -33,19 +33,13 @@ The **`mathcolor`** [global attribute](/en-US/docs/Web/MathML/Global_attributes)
 
 <!-- <rgb()> values -->
 <math mathcolor="rgb(34, 12, 64, 0.6)">
-<math mathcolor="rgba(34, 12, 64, 0.6)">
 <math mathcolor="rgb(34 12 64 / 0.6)">
-<math mathcolor="rgba(34 12 64 / 0.3)">
-<math mathcolor="rgb(34.0 12 64 / 60%)">
-<math mathcolor="rgba(34.6 12 64 / 30%)">
+<math mathcolor="rgb(34.6 12 64 / 60%)">
 
 <!-- <hsl()> values -->
 <math mathcolor="hsl(30, 100%, 50%, 0.6)">
-<math mathcolor="hsla(30, 100%, 50%, 0.6)">
 <math mathcolor="hsl(30 100% 50% / 0.6)">
-<math mathcolor="hsla(30 100% 50% / 0.6)">
-<math mathcolor="hsl(30.0 100% 50% / 60%)">
-<math mathcolor="hsla(30.2 100% 50% / 60%)">
+<math mathcolor="hsl(30.2 100% 50% / 60%)">
 
 <!-- <hwb()> values -->
 <math mathcolor="hwb(90 10% 10%)">
diff --git a/files/en-us/web/media/formats/audio_concepts/human-hearing-range.svg b/files/en-us/web/media/formats/audio_concepts/human-hearing-range.svg
index f6d10dfccfe9996..67eef534baaf500 100644
--- a/files/en-us/web/media/formats/audio_concepts/human-hearing-range.svg
+++ b/files/en-us/web/media/formats/audio_concepts/human-hearing-range.svg
@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="595.896" height="127.507" viewBox="0 0 1191.792 255.014"><defs><clipPath id="b"><path d="M378.974 290.045h370.893v41.372H378.974zm139.093 10.067h-2.021v2.325h2.021v-2.325zm31.524 4.538h-2.302v2.302h2.302v-2.302zm81.814 4.952h-6.21v2.033h6.21v-2.033zm-243.252-9.49h-2.179v16.464h2.179v-7.76h8.558v7.76h2.178v-16.464h-2.178v6.761h-8.558v-6.761zm39.374 4.268q-2.268 0-3.684 2.089-.348-.988-1.196-1.539-.847-.55-2.173-.55-1.19 0-2.122.534-.932.533-1.494 1.409v-1.673h-1.808v11.926h2.021l.001-6.188q0-1.628.325-2.493.326-.864 1.05-1.314.725-.449 1.578-.449 1.123 0 1.617.674t.494 2.021v7.749h2.022v-6.929q0-1.842.831-2.678.831-.837 2.089-.837.696 0 1.213.326.516.325.713.859.196.533.196 1.746v7.513h2.011v-8.187q0-2.044-.955-3.026-.955-.983-2.729-.983zm25.089 0q-2.482 0-3.796 1.965v-1.695h-1.819v11.926h2.021v-6.513q0-2.291.938-3.111.938-.82 2.229-.82.809 0 1.41.365.6.365.836.977t.236 1.848v7.254h2.022v-7.333q0-1.404-.113-1.965-.179-.865-.629-1.494-.449-.629-1.353-1.016-.904-.388-1.982-.388zm16.071-4.268h-2.179v16.464h2.179v-7.76h8.557v7.76h2.179v-16.464h-2.179v6.761h-8.557v-6.761zm44.068 4.268q-.707 0-1.297.404-.59.405-1.286 1.674v-1.808h-1.819v11.926h2.021v-6.244q0-1.28.337-2.358.225-.708.753-1.106.527-.399 1.19-.399.741 0 1.482.438l.697-1.876q-1.056-.651-2.078-.651zm5.312.27h-2.021v11.926h2.021V304.65zm8.692-.27q-2.481 0-3.795 1.965v-1.695h-1.82v11.926h2.022v-6.513q0-2.291.937-3.111.938-.82 2.23-.82.808 0 1.409.365t.837.977q.236.612.236 1.848v7.254h2.021v-7.333q0-1.404-.112-1.965-.18-.865-.629-1.494t-1.353-1.016q-.904-.388-1.983-.388zm22.832 9.894h-2.302v2.302h2.302v-2.302zm14.824-14.229q-2.347 0-3.74 1.219-1.392 1.218-1.605 3.543l2.077.213q.011-1.55.887-2.426.876-.875 2.336-.875 1.382 0 2.241.825.859.825.859 2.027 0 1.146-.943 2.431-.944 1.286-3.628 3.488-1.729 1.415-2.645 2.493-.915 1.078-1.33 2.19-.259.673-.236 1.403h10.882v-1.942h-8.075q.337-.551.854-1.095.516-.545 2.336-2.072 2.178-1.842 3.116-2.898.938-1.056 1.342-2.01.405-.955.405-1.943 0-1.943-1.382-3.257-1.381-1.314-3.751-1.314zm29.57.067h-2.179v16.464h2.179v-7.76h8.558v7.76h2.178v-16.464h-2.178v6.761h-8.558v-6.761zm23.236 4.538h-9.748v1.639h4.863q.988 0 2.279-.067l-7.591 8.715v1.639h10.556v-1.74h-5.514q-1.19 0-2.549.101l1.246-1.382 6.458-7.569v-1.336zm27.717-4.605q-2.347 0-3.74 1.219-1.393 1.218-1.606 3.543l2.078.213q.011-1.55.887-2.426.876-.875 2.336-.875 1.381 0 2.24.825.859.825.859 2.027 0 1.146-.943 2.431-.943 1.286-3.627 3.488-1.73 1.415-2.645 2.493-.915 1.078-1.331 2.19-.258.673-.236 1.403h10.882v-1.942h-8.074q.337-.551.853-1.095.517-.545 2.336-2.072 2.179-1.842 3.117-2.898.937-1.056 1.342-2.01.404-.955.404-1.943 0-1.943-1.381-3.257-1.382-1.314-3.751-1.314zm74.334.067h-2.179v16.464h2.179v-7.76h8.558v7.76h2.178v-16.464h-2.178v6.761h-8.558v-6.761zm23.236 4.538h-9.748v1.639h4.863q.988 0 2.28-.067l-7.592 8.715v1.639h10.556v-1.74h-5.514q-1.19 0-2.549.101l1.246-1.382 6.458-7.569v-1.336zm-338.273 0h-2.021v7.389q0 1.292.123 1.887.18.887.623 1.499.444.612 1.359 1.017.916.404 1.971.404 2.392 0 3.785-2.022v1.752h1.808V304.65h-2.021v6.39q0 1.527-.332 2.33-.331.803-1.128 1.269-.798.466-1.707.466-.91 0-1.528-.455-.617-.454-.808-1.252-.124-.55-.124-2.134v-6.614zm37.588 5.941v.741q0 1.336-.325 2.021-.427.887-1.337 1.398-.909.511-2.077.511-1.179 0-1.792-.539-.612-.539-.612-1.347 0-.528.281-.96.281-.433.798-.657.516-.225 1.763-.405 2.201-.314 3.301-.763zm-2.571-6.211q-1.539 0-2.707.421t-1.786 1.202q-.617.78-.887 2.049l1.977.27q.326-1.269 1.005-1.769.679-.5 2.106-.5 1.527 0 2.302.686.573.505.573 1.74 0 .113-.012.528-1.156.404-3.605.696-1.201.146-1.796.304-.809.224-1.455.662-.645.438-1.044 1.163-.399.724-.399 1.6 0 1.494 1.056 2.454 1.055.96 3.021.96 1.19 0 2.229-.393 1.039-.393 2.162-1.348.09.843.404 1.471h2.112q-.382-.685-.511-1.431-.13-.747-.13-3.566v-2.695q0-1.348-.101-1.865-.179-.831-.629-1.375-.449-.545-1.403-.904-.955-.36-2.482-.36zm48.459 1.662q1.539 0 2.505 1.168.628.753.763 2.257l-6.659.001q.101-1.562 1.05-2.494.949-.932 2.341-.932zm-.022-1.662q-2.471 0-4.021 1.662-1.55 1.662-1.55 4.672 0 2.909 1.533 4.52 1.533 1.612 4.15 1.612 2.078 0 3.414-1.011 1.336-1.011 1.831-2.841l-2.089-.258q-.461 1.28-1.247 1.864-.786.584-1.898.584-1.493 0-2.493-1.045-.999-1.044-1.112-3.009h8.895q.011-.36.011-.539 0-2.954-1.516-4.582-1.516-1.629-3.908-1.629zm15.509 6.211v.741q0 1.336-.326 2.021-.426.887-1.336 1.398-.91.511-2.078.511-1.179 0-1.791-.539-.612-.539-.612-1.347 0-.528.281-.96.28-.433.797-.657.517-.225 1.763-.405 2.201-.314 3.302-.763zm-2.572-6.211q-1.538 0-2.706.421t-1.786 1.202q-.618.78-.887 2.049l1.976.27q.326-1.269 1.005-1.769.68-.5 2.106-.5 1.528 0 2.302.686.573.505.573 1.74 0 .113-.011.528-1.157.404-3.605.696-1.202.146-1.797.304-.808.224-1.454.662-.646.438-1.045 1.163-.398.724-.398 1.6 0 1.494 1.055 2.454 1.056.96 3.021.96 1.191 0 2.23-.393 1.038-.393 2.161-1.348.09.843.405 1.471h2.111q-.382-.685-.511-1.431-.129-.747-.129-3.566v-2.695q0-1.348-.101-1.865-.18-.831-.629-1.375-.449-.545-1.404-.904-.954-.36-2.482-.36zm76.457-2.661q1.415 0 2.364 1.336.949 1.336.949 5.402 0 4.043-.949 5.39-.949 1.348-2.341 1.348-1.393 0-2.342-1.342-.949-1.342-.949-5.396t1.045-5.559q.831-1.179 2.223-1.179zm.023-1.674q-1.797 0-2.982.966-1.185.966-1.786 2.746t-.601 4.7q0 4.638 1.629 6.693 1.359 1.707 3.74 1.707 1.808 0 2.993-.971 1.184-.972 1.78-2.752.595-1.78.595-4.677 0-2.448-.371-3.892-.37-1.443-1.022-2.448-.651-1.005-1.651-1.538-.999-.534-2.324-.534zm80.5 1.674q1.415 0 2.364 1.336.949 1.336.949 5.402 0 4.043-.949 5.39-.949 1.348-2.342 1.348-1.392 0-2.341-1.342-.949-1.342-.949-5.396t1.044-5.559q.831-1.179 2.224-1.179zm.022-1.674q-1.797 0-2.982.966-1.184.966-1.785 2.746t-.601 4.7q0 4.638 1.628 6.693 1.359 1.707 3.74 1.707 1.808 0 2.993-.971 1.185-.972 1.78-2.752.595-1.78.595-4.677 0-2.448-.37-3.892-.371-1.443-1.022-2.448-.652-1.005-1.651-1.538-1-.534-2.325-.534zm19.159 1.674q1.415 0 2.364 1.336.949 1.336.949 5.402 0 4.043-.949 5.39-.949 1.348-2.341 1.348-1.393 0-2.342-1.342-.949-1.342-.949-5.396t1.045-5.559q.831-1.179 2.223-1.179zm.023-1.674q-1.797 0-2.982.966-1.185.966-1.786 2.746-.6 1.78-.6 4.7 0 4.638 1.628 6.693 1.359 1.707 3.74 1.707 1.808 0 2.993-.971 1.184-.972 1.78-2.752.595-1.78.595-4.677 0-2.448-.371-3.892-.37-1.443-1.022-2.448-.651-1.005-1.651-1.538-.999-.534-2.324-.534zm12.769 1.674q1.415 0 2.364 1.336.949 1.336.949 5.402 0 4.043-.949 5.39-.949 1.348-2.342 1.348-1.392 0-2.341-1.342-.949-1.342-.949-5.396t1.044-5.559q.831-1.179 2.224-1.179zm.022-1.674q-1.797 0-2.981.966-1.185.966-1.786 2.746t-.601 4.7q0 4.638 1.629 6.693 1.358 1.707 3.739 1.707 1.808 0 2.993-.971 1.185-.972 1.78-2.752.595-1.78.595-4.677 0-2.448-.37-3.892-.371-1.443-1.022-2.448-.652-1.005-1.651-1.538-1-.534-2.325-.534zm12.769 1.674q1.415 0 2.364 1.336.949 1.336.949 5.402 0 4.043-.949 5.39-.949 1.348-2.341 1.348-1.393 0-2.342-1.342-.949-1.342-.949-5.396t1.045-5.559q.831-1.179 2.223-1.179zm.023-1.674q-1.797 0-2.982.966-1.185.966-1.786 2.746-.6 1.78-.6 4.7 0 4.638 1.628 6.693 1.359 1.707 3.74 1.707 1.808 0 2.993-.971 1.184-.972 1.78-2.752.595-1.78.595-4.677 0-2.448-.371-3.892-.37-1.443-1.022-2.448-.651-1.005-1.651-1.538-.999-.534-2.324-.534zm-33.95 14.229h-2.302v2.302h1.145q-.033 1.022-.337 1.567-.303.545-.943.826l.562.864q.977-.427 1.426-1.207.449-.781.449-2.05v-2.302zm-129.97-8.221q1.37 0 2.341 1.112.972 1.112.972 3.302 0 2.291-.944 3.364-.943 1.072-2.335 1.072-1.404 0-2.336-1.078-.933-1.078-.933-3.425 0-2.157.944-3.252.943-1.095 2.291-1.095zm-.146-1.673q-1.584 0-2.757.786-1.174.786-1.791 2.23-.618 1.443-.618 3.15 0 2.482 1.347 4.256 1.348 1.774 3.808 1.774 1.976 0 3.301-1.561.012 1.977-.146 2.595-.269 1.01-1.033 1.572-.764.561-2.167.561-1.303 0-2.055-.561-.562-.416-.686-1.325l-1.965-.292q-.045 1.931 1.269 2.892 1.314.96 3.448.96 1.797 0 3.027-.674 1.229-.674 1.796-1.836.568-1.163.567-3.948V304.65h-1.864v1.437q-1.37-1.707-3.481-1.707z"/></clipPath><clipPath id="d"><path d="M266.901 248.217h543.663v43.462H266.901zm326.58 15.237h-2.502v2.503h2.502v-2.503zm88.928 5.383h-6.75v2.21h6.75v-2.21zm-406.14-10.315h-2.368v17.896h2.368v-8.435h9.302v8.435h2.368v-17.896h-2.368v7.349h-9.302v-7.349zm42.798 4.639q-2.466 0-4.004 2.271-.378-1.075-1.3-1.673-.922-.598-2.362-.598-1.294 0-2.307.58t-1.624 1.532v-1.819h-1.965v12.964h2.197v-6.726q0-1.77.354-2.71t1.142-1.428q.787-.489 1.715-.489 1.22 0 1.757.733.538.732.537 2.197v8.423h2.198v-7.532q0-2.002.903-2.911.903-.91 2.271-.91.756 0 1.318.354.561.354.775.934.214.58.214 1.898v8.167h2.185v-8.899q0-2.222-1.038-3.29-1.037-1.068-2.966-1.068zm27.27 0q-2.697 0-4.126 2.136v-1.843h-1.977v12.964h2.197v-7.08q0-2.49 1.019-3.381 1.02-.892 2.424-.892.878 0 1.532.397.653.397.909 1.062t.256 2.008v7.886h2.197l.001-7.971q0-1.526-.123-2.136-.195-.94-.683-1.624-.488-.684-1.471-1.105-.983-.421-2.155-.421zm87.83-4.639h-2.197v17.896h2.197v-7.092q0-1.526.366-2.393.366-.867 1.227-1.373.861-.507 1.837-.507 1.306 0 2.02.751.715.751.715 2.399v8.215h2.197v-8.215q0-1.905-.458-2.906-.458-1.001-1.52-1.568-1.062-.568-2.502-.568-2.344 0-3.882 1.782v-6.421zm39.453 0h-12.073v17.896h2.368v-8.13h8.399v-2.112h-8.399v-5.542h9.705v-2.112zm18.848 0h-2.197v17.896h2.197v-17.896zm5.554 0h-2.197v17.896h2.197v-17.896zm18.701 1.978q1.99 0 2.912.818.921.818.921 2.087 0 .867-.476 1.606-.476.738-1.392 1.074-.915.335-2.539.335h-5.09v-5.92h5.664zm-.098-1.978h-7.934v17.896h2.368v-7.947h2.747q.915 0 1.318.086.549.134 1.08.476.531.342 1.203 1.196.671.855 1.709 2.466l2.368 3.723h2.978l-3.112-4.871q-.928-1.428-1.966-2.38-.488-.439-1.428-.891 2.576-.354 3.809-1.66t1.233-3.211q0-1.477-.745-2.697-.745-1.221-1.99-1.703-1.245-.483-3.638-.483zm29.81 4.639q-2.698 0-4.126 2.136v-1.843h-1.978v12.964h2.198v-7.08q0-2.49 1.019-3.381 1.019-.892 2.423-.892.879 0 1.532.397t.91 1.062q.256.665.256 2.008v7.886h2.197v-7.971q0-1.526-.122-2.136-.195-.94-.683-1.624-.489-.684-1.471-1.105-.983-.421-2.155-.421zm47.046 10.754h-2.502v2.503h2.502v-2.503zm18.445-15.466h-1.416q-.574 1.16-1.953 2.393-1.38 1.233-3.223 2.099v2.124q1.025-.378 2.313-1.135 1.288-.757 2.082-1.513v14.001h2.197v-17.969zm29.809.073h-2.368v17.896h2.368v-8.435h9.302v8.435h2.368v-17.896h-2.368v7.349h-9.302v-7.349zm25.257 4.932h-10.596v1.782h5.286q1.074 0 2.478-.073l-8.252 9.473v1.782h11.474v-1.892h-5.993q-1.294 0-2.771.11l1.355-1.502 7.019-8.227v-1.453zm32.458-5.005h-1.416q-.574 1.16-1.953 2.393-1.379 1.233-3.223 2.099v2.124q1.026-.378 2.314-1.135 1.287-.757 2.081-1.513v14.001h2.197v-17.969zm78.467.073h-2.368v17.896h2.368v-8.435h9.302v8.435h2.368v-17.896h-2.368v7.349h-9.302v-7.349zm25.256 4.932h-10.595v1.782h5.285q1.075 0 2.478-.073l-8.252 9.473v1.782h11.475v-1.892h-5.994q-1.294 0-2.771.11l1.355-1.502 7.019-8.227v-1.453zm-509.423 0h-2.198v8.032q0 1.404.135 2.051.195.964.677 1.63.482.665 1.477 1.105.995.439 2.142.439 2.6 0 4.114-2.197v1.904h1.965v-12.964h-2.197v6.946q0 1.66-.36 2.533t-1.227 1.379q-.866.507-1.855.507t-1.66-.495q-.672-.494-.879-1.361-.134-.598-.134-2.319v-7.19zm40.856 6.458v.805q0 1.453-.354 2.198-.463.964-1.452 1.519-.989.556-2.258.556-1.282 0-1.948-.586-.665-.586-.665-1.465 0-.574.305-1.044.306-.47.867-.714.562-.244 1.917-.439 2.392-.342 3.588-.83zm-2.795-6.751q-1.672 0-2.942.458-1.269.458-1.941 1.306-.671.848-.964 2.228l2.148.293q.354-1.38 1.093-1.923.738-.543 2.289-.543 1.66 0 2.502.745.623.549.623 1.892 0 .122-.013.573-1.257.44-3.918.757-1.306.159-1.953.33-.879.244-1.581.72t-1.135 1.264q-.434.787-.434 1.739 0 1.624 1.148 2.667 1.147 1.044 3.284 1.044 1.294 0 2.423-.427 1.129-.428 2.35-1.465.097.915.439 1.599h2.295q-.415-.745-.555-1.556-.141-.812-.141-3.876v-2.93q0-1.465-.11-2.026-.195-.904-.683-1.496-.489-.592-1.526-.982-1.038-.391-2.698-.391zm65.198 1.807q1.672 0 2.722 1.269.684.818.83 2.454h-7.239q.11-1.697 1.142-2.71 1.031-1.013 2.545-1.013zm-.025-1.807q-2.685 0-4.37 1.807-1.684 1.806-1.684 5.078 0 3.162 1.666 4.913 1.666 1.752 4.51 1.752 2.259 0 3.711-1.099 1.453-1.098 1.99-3.088l-2.27-.281q-.501 1.392-1.355 2.027-.855.634-2.063.634-1.624 0-2.71-1.135-1.087-1.135-1.209-3.272l9.668.001q.012-.391.012-.586 0-3.211-1.648-4.981t-4.248-1.77zm13.929 1.807q1.672 0 2.722 1.269.683.818.83 2.454h-7.239q.11-1.697 1.141-2.71 1.032-1.013 2.546-1.013zm-.025-1.807q-2.685 0-4.37 1.807-1.685 1.806-1.685 5.078 0 3.162 1.667 4.913 1.666 1.752 4.51 1.752 2.259 0 3.711-1.099 1.453-1.098 1.99-3.088l-2.271-.281q-.5 1.392-1.355 2.027-.854.634-2.063.634-1.623 0-2.71-1.135-1.086-1.135-1.208-3.272l9.668.001q.012-.391.012-.586 0-3.211-1.648-4.981t-4.248-1.77zm13.819 0q-1.673 0-3.095.788-1.422.787-2.118 2.362-.696 1.574-.696 3.674 0 3.247 1.618 4.986 1.617 1.74 4.278 1.74 2.124 0 3.583-1.263 1.459-1.264 1.813-3.498l-2.161-.281q-.232 1.648-1.098 2.442-.867.793-2.161.793-1.611 0-2.612-1.184-1.001-1.184-1.001-3.796 0-2.576 1.037-3.766 1.038-1.19 2.698-1.19 1.099 0 1.874.659.775.659 1.08 1.965l2.136-.329q-.378-1.966-1.721-3.034-1.343-1.068-3.454-1.068zm53.857.293h-2.197v8.032q0 1.404.134 2.051.195.964.677 1.63.483.665 1.478 1.105.994.439 2.142.439 2.6 0 4.114-2.197v1.904h1.965v-12.964h-2.197v6.946q0 1.66-.36 2.533-.361.873-1.227 1.379-.867.507-1.856.507-.988 0-1.66-.495-.671-.494-.879-1.361-.134-.598-.134-2.319v-7.19zm56.14 6.458v.805q0 1.453-.354 2.198-.464.964-1.453 1.519-.988.556-2.258.556-1.282 0-1.947-.586t-.665-1.465q0-.574.305-1.044.305-.47.867-.714.561-.244 1.916-.439 2.393-.342 3.589-.83zm-2.795-6.751q-1.673 0-2.942.458-1.27.458-1.941 1.306-.672.848-.964 2.228l2.148.293q.354-1.38 1.092-1.923.739-.543 2.289-.543 1.66 0 2.503.745.622.549.622 1.892 0 .122-.012.573-1.257.44-3.918.757-1.307.159-1.953.33-.879.244-1.581.72t-1.136 1.264q-.433.787-.433 1.739 0 1.624 1.148 2.667 1.147 1.044 3.283 1.044 1.294 0 2.423-.427 1.13-.428 2.35-1.465.098.915.44 1.599h2.295q-.415-.745-.556-1.556-.14-.812-.14-3.876v-2.93q0-1.465-.11-2.026-.195-.904-.684-1.496-.488-.592-1.526-.982-1.037-.391-2.697-.391zm41.577 1.807q1.672 0 2.722 1.269.684.818.83 2.454h-7.239q.11-1.697 1.142-2.71 1.031-1.013 2.545-1.013zm-.025-1.807q-2.685 0-4.37 1.807-1.684 1.806-1.684 5.078 0 3.162 1.666 4.913 1.666 1.752 4.51 1.752 2.259 0 3.711-1.099 1.453-1.098 1.99-3.088l-2.27-.281q-.501 1.392-1.355 2.027-.855.634-2.063.634-1.624 0-2.71-1.135-1.087-1.135-1.209-3.272l9.668.001q.012-.391.012-.586 0-3.211-1.648-4.981-1.647-1.77-4.248-1.77zm-205.92-4.944q-1.807 0-3.284.611-1.477.61-2.246 1.788-.769 1.178-.769 2.533 0 1.233.629 2.228.629.995 1.91 1.666.989.525 3.455 1.117t3.186.873q1.123.427 1.611 1.056.488.628.488 1.471 0 .83-.506 1.532-.507.701-1.544 1.104-1.038.403-2.393.403-1.526 0-2.746-.531-1.221-.531-1.801-1.391-.58-.861-.739-2.204l-2.233.195q.048 1.795.982 3.217.934 1.422 2.576 2.13t4.071.708q1.916 0 3.448-.702t2.35-1.965q.818-1.263.818-2.692 0-1.44-.744-2.545-.745-1.105-2.308-1.825-1.074-.488-3.961-1.141-2.887-.653-3.57-1.276-.696-.622-.696-1.587 0-1.111.983-1.898.982-.787 3.131-.787 2.063 0 3.119.866 1.055.867 1.238 2.564l2.271-.171q-.061-1.575-.879-2.82-.818-1.245-2.337-1.886-1.52-.641-3.51-.641zm255.872 2.039q1.245 0 2.081.824.836.824.836 2.032 0 1.16-.812 1.96-.811.799-2.081.799-1.306 0-2.124-.806-.818-.805-.818-2.075 0-1.123.83-1.928.83-.806 2.087-.806zm-.037 7.41q1.587 0 2.643 1.037 1.056 1.038 1.056 2.625 0 1.562-1.026 2.575-1.025 1.014-2.6 1.014-1.013 0-1.892-.483-.879-.482-1.324-1.361-.446-.879-.446-1.819 0-1.538 1.019-2.563 1.02-1.025 2.57-1.026zm.012-9.217q-2.331 0-3.735 1.331-1.404 1.33-1.404 3.284 0 1.293.659 2.221.659.928 2.027 1.428-1.636.428-2.521 1.606-.885 1.178-.885 2.923 0 2.344 1.623 3.913 1.624 1.568 4.273 1.568 2.649 0 4.272-1.562 1.624-1.563 1.624-3.858 0-1.66-.861-2.856-.86-1.196-2.508-1.734 1.33-.5 1.983-1.422.653-.921.653-2.166 0-1.954-1.428-3.315t-3.772-1.361zm87.549 1.807q1.245 0 2.081.824.836.824.836 2.032 0 1.16-.811 1.96-.812.799-2.082.799-1.306 0-2.124-.806-.817-.805-.817-2.075 0-1.123.83-1.928.83-.806 2.087-.806zm-.037 7.41q1.587 0 2.643 1.037 1.056 1.038 1.056 2.625 0 1.562-1.025 2.575-1.026 1.014-2.6 1.014-1.014 0-1.892-.483-.879-.482-1.325-1.361-.445-.879-.445-1.819 0-1.538 1.019-2.563 1.019-1.025 2.569-1.026zm.013-9.217q-2.332 0-3.736 1.331-1.404 1.33-1.404 3.284 0 1.293.66 2.221.659.928 2.026 1.428-1.636.428-2.521 1.606-.885 1.178-.885 2.923 0 2.344 1.624 3.913 1.623 1.568 4.272 1.568t4.273-1.562q1.623-1.563 1.623-3.858 0-1.66-.86-2.856-.861-1.196-2.509-1.734 1.331-.5 1.984-1.422.653-.921.653-2.166 0-1.954-1.428-3.315-1.429-1.361-3.773-1.361zm20.825 1.819q1.538 0 2.569 1.453 1.032 1.452 1.032 5.871 0 4.395-1.032 5.86-1.031 1.465-2.545 1.465-1.513 0-2.545-1.459-1.031-1.459-1.031-5.866 0-4.406 1.135-6.042.903-1.282 2.417-1.282zm.024-1.819q-1.953 0-3.241 1.05t-1.941 2.985q-.653 1.934-.653 5.108 0 5.042 1.77 7.276 1.477 1.855 4.065 1.855 1.966 0 3.253-1.056 1.288-1.056 1.935-2.99.647-1.935.647-5.085 0-2.661-.403-4.229-.402-1.569-1.111-2.662-.708-1.092-1.794-1.672-1.086-.58-2.527-.58zm13.88 1.819q1.538 0 2.569 1.453 1.032 1.452 1.032 5.871 0 4.395-1.032 5.86-1.031 1.465-2.545 1.465t-2.545-1.459q-1.032-1.459-1.032-5.866 0-4.406 1.136-6.042.903-1.282 2.417-1.282zm.024-1.819q-1.953 0-3.241 1.05t-1.941 2.985q-.653 1.934-.653 5.108 0 5.042 1.77 7.276 1.477 1.855 4.065 1.855 1.965 0 3.253-1.056t1.935-2.99q.647-1.935.647-5.085 0-2.661-.403-4.229-.403-1.569-1.111-2.662-.708-1.092-1.794-1.672-1.087-.58-2.527-.58zm13.879 1.819q1.538 0 2.57 1.453 1.031 1.452 1.031 5.871 0 4.395-1.031 5.86-1.032 1.465-2.545 1.465-1.514 0-2.545-1.459-1.032-1.459-1.032-5.866 0-4.406 1.135-6.042.904-1.282 2.417-1.282zm.025-1.819q-1.953 0-3.241 1.05t-1.941 2.985q-.653 1.934-.653 5.108 0 5.042 1.77 7.276 1.477 1.855 4.065 1.855 1.965 0 3.253-1.056t1.935-2.99q.647-1.935.647-5.085 0-2.661-.403-4.229-.403-1.569-1.111-2.662-.708-1.092-1.794-1.672-1.087-.58-2.527-.58zm-36.902 15.466h-2.502v2.503h1.245q-.037 1.111-.367 1.703-.329.592-1.025.897l.61.94q1.062-.464 1.551-1.312.488-.849.488-2.228v-2.503zm-339.356-9.033q1.417 0 2.436 1.233t1.019 3.711q0 2.6-1.044 3.839-1.043 1.239-2.508 1.239-1.441 0-2.454-1.196-1.013-1.196-1.013-3.699 0-2.502 1.08-3.814 1.081-1.313 2.484-1.313zm.208-1.721q-1.27 0-2.161.495-.891.494-1.599 1.483v-1.685h-2.002v17.932h2.198v-6.311q.561.708 1.434 1.172.873.464 1.971.464 1.502 0 2.863-.848 1.361-.849 2.075-2.442.714-1.593.714-3.583 0-1.855-.647-3.411-.647-1.557-1.916-2.411-1.27-.855-2.93-.855zm75.073-4.944h-1.574q-2.295 3.064-3.394 6.153-.94 2.661-.94 5.566 0 3.296 1.257 6.372 1.258 3.076 3.076 5.371h1.575q-3.65-5.859-3.65-11.731 0-2.307.525-4.59.428-1.831 1.172-3.515.476-1.087 1.953-3.626zm100.574 6.763q1.489 0 2.545 1.209 1.056 1.208 1.056 3.588 0 2.491-1.025 3.656-1.026 1.166-2.539 1.166-1.526 0-2.539-1.172-1.014-1.172-1.014-3.723 0-2.344 1.026-3.534 1.025-1.19 2.49-1.19zm-.159-1.819q-1.721 0-2.997.855-1.275.854-1.947 2.423-.671 1.568-.671 3.424 0 2.698 1.465 4.626 1.465 1.929 4.138 1.929 2.149 0 3.589-1.697.012 2.149-.159 2.82-.293 1.099-1.123 1.709-.83.61-2.356.61-1.416 0-2.234-.61-.61-.452-.744-1.44l-2.136-.318q-.049 2.1 1.379 3.144 1.428 1.043 3.747 1.043 1.954 0 3.29-.732 1.337-.733 1.953-1.996.617-1.263.617-4.291v-11.206h-2.027v1.563q-1.489-1.856-3.784-1.856zm24.475-4.944h-1.574q1.489 2.564 1.965 3.662.745 1.685 1.16 3.516.525 2.258.525 4.553 0 5.872-3.65 11.731h1.574q1.807-2.295 3.07-5.371 1.264-3.076 1.264-6.372 0-2.905-.94-5.566-1.099-3.089-3.394-6.153z"/></clipPath><filter id="c"><feGaussianBlur in="SourceAlpha" stdDeviation="3"/><feOffset dy="3" result="offsetblur"/><feFlood flood-color="#000"/><feComposite in2="offsetblur" operator="in"/></filter><filter id="e"><feGaussianBlur in="SourceAlpha" stdDeviation="3"/><feOffset dy="3" result="offsetblur"/><feFlood flood-color="#000"/><feComposite in2="offsetblur" operator="in"/></filter><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="22" y1="266.227" x2="1124.399" y2="266.227"><stop offset=".655" stop-color="#0700FF"/><stop offset="1" stop-color="#0700FF" stop-opacity=".248"/></linearGradient></defs><path d="m1123.11 180.123 44.591 43.052 44.591 43.052-44.591 43.052-44.591 43.051v-21.707c-.158.278-.04.128-.429.292H22V201.538h1100.681c.389.164.271.015.429.293v-21.708z" fill="url(#a)" transform="translate(-20.5 -142)"/><g stroke="#3C3C3C" stroke-width="3"><path d="M99.152 43.398c7.522-15.095 27.674-25.899 51.354-25.899" fill="none"/><path d="m95.068 42.416 1.464 11.872 6.703-9.907z" fill="#3C3C3C"/></g><path d="M1.5 1.5v208.811"/><path d="M1.5 1.5v208.811" stroke="#333" fill="none"/><path d="M258.5 1.5v208.811"/><path d="M258.5 1.5v208.811" stroke="#CCC" fill="none"/><path d="M515.5 1.5v208.811"/><path d="M515.5 1.5v208.811" stroke="#CCC" fill="none"/><path d="M771.5 1.5v208.811"/><path d="M771.5 1.5v208.811" stroke="#CCC" fill="none"/><path d="M1028.5 1.5v208.811"/><path d="M1028.5 1.5v208.811" stroke="#CCC" fill="none"/><path d="M4.5 163.999v-36 36z"/><path d="M29.5 102.664V59.538h127c1.105 0 2 1.073 2 2.396v38.334c0 1.323-.895 2.396-2 2.396z" fill="#FF0"/><path d="M4 188.916V145.79h1024c1.105 0 2 1.072 2 2.396v38.334c0 1.323-.895 2.396-2 2.396z" fill="#3F8422"/><path d="M538.327 304.38q2.111 0 3.481 1.707v-1.437h1.864v10.309q.001 2.785-.567 3.948-.567 1.162-1.796 1.836-1.23.674-3.027.674-2.134 0-3.448-.96-1.314-.961-1.269-2.892l1.965.292q.124.909.686 1.325.752.561 2.055.561 1.403 0 2.167-.561.764-.562 1.033-1.572.158-.618.146-2.595-1.325 1.561-3.301 1.561-2.46 0-3.808-1.774-1.347-1.774-1.347-4.256 0-1.707.618-3.15.617-1.444 1.791-2.23 1.173-.786 2.757-.786zm.146 1.673q-1.348 0-2.291 1.095-.944 1.095-.944 3.252 0 2.347.933 3.425.932 1.078 2.336 1.078 1.392 0 2.335-1.072.944-1.073.944-3.364 0-2.19-.972-3.302-.971-1.112-2.341-1.112zm129.97 8.221v2.302q0 1.269-.449 2.05-.449.78-1.426 1.207l-.562-.864q.64-.281.943-.826.304-.545.337-1.567h-1.145v-2.302h2.302zm33.95-14.229q1.325 0 2.324.534 1 .533 1.651 1.538.652 1.005 1.022 2.448.371 1.444.371 3.892 0 2.897-.595 4.677-.596 1.78-1.78 2.752-1.185.971-2.993.971-2.381 0-3.74-1.707-1.628-2.055-1.628-6.693 0-2.92.6-4.7.601-1.78 1.786-2.746t2.982-.966zm-.023 1.674q-1.392 0-2.223 1.179-1.045 1.505-1.045 5.559t.949 5.396q.949 1.342 2.342 1.342 1.392 0 2.341-1.348.949-1.347.949-5.39 0-4.066-.949-5.402-.949-1.336-2.364-1.336zm-12.769-1.674q1.325 0 2.325.534.999.533 1.651 1.538.651 1.005 1.022 2.448.37 1.444.37 3.892 0 2.897-.595 4.677-.595 1.78-1.78 2.752-1.185.971-2.993.971-2.381 0-3.739-1.707-1.629-2.055-1.629-6.693 0-2.92.601-4.7.601-1.78 1.786-2.746 1.184-.966 2.981-.966zm-.022 1.674q-1.393 0-2.224 1.179-1.044 1.505-1.044 5.559t.949 5.396q.949 1.342 2.341 1.342 1.393 0 2.342-1.348.949-1.347.949-5.39 0-4.066-.949-5.402-.949-1.336-2.364-1.336zm-12.769-1.674q1.325 0 2.324.534 1 .533 1.651 1.538.652 1.005 1.022 2.448.371 1.444.371 3.892 0 2.897-.595 4.677-.596 1.78-1.78 2.752-1.185.971-2.993.971-2.381 0-3.74-1.707-1.628-2.055-1.628-6.693 0-2.92.6-4.7.601-1.78 1.786-2.746t2.982-.966zm-.023 1.674q-1.392 0-2.223 1.179-1.045 1.505-1.045 5.559t.949 5.396q.949 1.342 2.342 1.342 1.392 0 2.341-1.348.949-1.347.949-5.39 0-4.066-.949-5.402-.949-1.336-2.364-1.336zm-19.159-1.674q1.325 0 2.325.534.999.533 1.651 1.538.651 1.005 1.022 2.448.37 1.444.37 3.892 0 2.897-.595 4.677-.595 1.78-1.78 2.752-1.185.971-2.993.971-2.381 0-3.74-1.707-1.628-2.055-1.628-6.693 0-2.92.601-4.7.601-1.78 1.785-2.746 1.185-.966 2.982-.966zm-.022 1.674q-1.393 0-2.224 1.179-1.044 1.505-1.044 5.559t.949 5.396q.949 1.342 2.341 1.342 1.393 0 2.342-1.348.949-1.347.949-5.39 0-4.066-.949-5.402-.949-1.336-2.364-1.336zm-80.5-1.674q1.325 0 2.324.534 1 .533 1.651 1.538.652 1.005 1.022 2.448.371 1.444.371 3.892 0 2.897-.595 4.677-.596 1.78-1.78 2.752-1.185.971-2.993.971-2.381 0-3.74-1.707-1.629-2.055-1.629-6.693 0-2.92.601-4.7.601-1.78 1.786-2.746t2.982-.966zm-.023 1.674q-1.392 0-2.223 1.179-1.045 1.505-1.045 5.559t.949 5.396q.949 1.342 2.342 1.342 1.392 0 2.341-1.348.949-1.347.949-5.39 0-4.066-.949-5.402-.949-1.336-2.364-1.336zm-76.457 2.661q1.528 0 2.482.36.955.359 1.404.904.449.544.629 1.375.101.517.101 1.865v2.695q0 2.819.129 3.566.129.746.511 1.431h-2.111q-.315-.628-.405-1.471-1.123.955-2.161 1.348-1.039.393-2.23.393-1.965 0-3.021-.96-1.055-.96-1.055-2.454 0-.876.398-1.6.399-.725 1.045-1.163.646-.438 1.454-.662.595-.158 1.797-.304 2.448-.292 3.605-.696.011-.415.011-.528 0-1.235-.573-1.74-.774-.686-2.302-.686-1.426 0-2.106.5-.679.5-1.005 1.769l-1.976-.27q.269-1.269.887-2.049.618-.781 1.786-1.202 1.168-.421 2.706-.421zm2.572 6.211q-1.101.449-3.302.763-1.246.18-1.763.405-.517.224-.797.657-.281.432-.281.96 0 .808.612 1.347.612.539 1.791.539 1.168 0 2.078-.511.91-.511 1.336-1.398.326-.685.326-2.021v-.741zm-15.509-6.211q2.392 0 3.908 1.629 1.516 1.628 1.516 4.582 0 .179-.011.539h-8.895q.113 1.965 1.112 3.009 1 1.045 2.493 1.045 1.112 0 1.898-.584.786-.584 1.247-1.864l2.089.258q-.495 1.83-1.831 2.841-1.336 1.011-3.414 1.011-2.617 0-4.15-1.612-1.533-1.611-1.533-4.52 0-3.01 1.55-4.672t4.021-1.662zm.022 1.662q-1.392 0-2.341.932-.949.932-1.05 2.494l6.659-.001q-.135-1.504-.763-2.257-.966-1.168-2.505-1.168zm-48.459-1.662q1.527 0 2.482.36.954.359 1.403.904.45.544.629 1.375.101.517.101 1.865v2.695q0 2.819.13 3.566.129.746.511 1.431h-2.112q-.314-.628-.404-1.471-1.123.955-2.162 1.348-1.039.393-2.229.393-1.966 0-3.021-.96-1.056-.96-1.056-2.454 0-.876.399-1.6.399-.725 1.044-1.163.646-.438 1.455-.662.595-.158 1.796-.304 2.449-.292 3.605-.696.012-.415.012-.528 0-1.235-.573-1.74-.775-.686-2.302-.686-1.427 0-2.106.5-.679.5-1.005 1.769l-1.977-.27q.27-1.269.887-2.049.618-.781 1.786-1.202 1.168-.421 2.707-.421zm2.571 6.211q-1.1.449-3.301.763-1.247.18-1.763.405-.517.224-.798.657-.281.432-.281.96 0 .808.612 1.347.613.539 1.792.539 1.168 0 2.077-.511.91-.511 1.337-1.398.325-.685.325-2.021v-.741zm-37.588-5.941v6.614q0 1.584.124 2.134.191.798.808 1.252.618.455 1.528.455.909 0 1.707-.466.797-.466 1.128-1.269.332-.803.332-2.33v-6.39h2.021v11.926h-1.808v-1.752q-1.393 2.022-3.785 2.022-1.055 0-1.971-.404-.915-.405-1.359-1.017-.443-.612-.623-1.499-.123-.595-.123-1.887v-7.389h2.021zm338.273 0v1.336l-6.458 7.569-1.246 1.382q1.359-.101 2.549-.101h5.514v1.74h-10.556v-1.639l7.592-8.715q-1.292.067-2.28.067h-4.863v-1.639h9.748zm-23.236-4.538v6.761h8.558v-6.761h2.178v16.464h-2.178v-7.76h-8.558v7.76h-2.179v-16.464h2.179zm-74.334-.067q2.369 0 3.751 1.314 1.381 1.314 1.381 3.257 0 .988-.404 1.943-.405.954-1.342 2.01-.938 1.056-3.117 2.898-1.819 1.527-2.336 2.072-.516.544-.853 1.095h8.074v1.942H639.21q-.022-.73.236-1.403.416-1.112 1.331-2.19.915-1.078 2.645-2.493 2.684-2.202 3.627-3.488.943-1.285.943-2.431 0-1.202-.859-2.027-.859-.825-2.24-.825-1.46 0-2.336.875-.876.876-.887 2.426l-2.078-.213q.213-2.325 1.606-3.543 1.393-1.219 3.74-1.219zm-27.717 4.605v1.336l-6.458 7.569-1.246 1.382q1.359-.101 2.549-.101h5.514v1.74h-10.556v-1.639l7.591-8.715q-1.291.067-2.279.067h-4.863v-1.639h9.748zm-23.236-4.538v6.761h8.558v-6.761h2.178v16.464h-2.178v-7.76h-8.558v7.76h-2.179v-16.464h2.179zm-29.57-.067q2.37 0 3.751 1.314 1.382 1.314 1.382 3.257 0 .988-.405 1.943-.404.954-1.342 2.01-.938 1.056-3.116 2.898-1.82 1.527-2.336 2.072-.517.544-.854 1.095h8.075v1.942h-10.882q-.023-.73.236-1.403.415-1.112 1.33-2.19.916-1.078 2.645-2.493 2.684-2.202 3.628-3.488.943-1.285.943-2.431 0-1.202-.859-2.027-.859-.825-2.241-.825-1.46 0-2.336.875-.876.876-.887 2.426l-2.077-.213q.213-2.325 1.605-3.543 1.393-1.219 3.74-1.219zm-14.824 14.229v2.302h-2.302v-2.302h2.302zm-22.832-9.894q1.079 0 1.983.388.904.387 1.353 1.016.449.629.629 1.494.112.561.112 1.965v7.333h-2.021v-7.254q0-1.236-.236-1.848-.236-.612-.837-.977t-1.409-.365q-1.292 0-2.23.82-.937.82-.937 3.111v6.513h-2.022V304.65h1.82v1.695q1.314-1.965 3.795-1.965zm-8.692.27v11.926h-2.021V304.65h2.021zm-5.312-.27q1.022 0 2.078.651l-.697 1.876q-.741-.438-1.482-.438-.663 0-1.19.399-.528.398-.753 1.106-.337 1.078-.337 2.358v6.244h-2.021V304.65h1.819v1.808q.696-1.269 1.286-1.674.59-.404 1.297-.404zm-44.068-4.268v6.761h8.557v-6.761h2.179v16.464h-2.179v-7.76h-8.557v7.76h-2.179v-16.464h2.179zm-16.071 4.268q1.078 0 1.982.388.904.387 1.353 1.016.45.629.629 1.494.113.561.113 1.965v7.333h-2.022v-7.254q0-1.236-.236-1.848-.236-.612-.836-.977-.601-.365-1.41-.365-1.291 0-2.229.82-.938.82-.938 3.111v6.513h-2.021V304.65h1.819v1.695q1.314-1.965 3.796-1.965zm-25.089 0q1.774 0 2.729.983.955.982.955 3.026v8.187H429.2v-7.513q0-1.213-.196-1.746-.197-.534-.713-.859-.517-.326-1.213-.326-1.258 0-2.089.837-.831.836-.831 2.678v6.929h-2.022v-7.749q0-1.347-.494-2.021-.494-.674-1.617-.674-.853 0-1.578.449-.724.45-1.05 1.314-.325.865-.325 2.493l-.001 6.188h-2.021V304.65h1.808v1.673q.562-.876 1.494-1.409.932-.534 2.122-.534 1.326 0 2.173.55.848.551 1.196 1.539 1.416-2.089 3.684-2.089zm-39.374-4.268v6.761h8.558v-6.761h2.178v16.464h-2.178v-7.76h-8.558v7.76h-2.179v-16.464h2.179zm243.252 9.49v2.033h-6.21v-2.033h6.21zm-81.814-4.952v2.302h-2.302v-2.302h2.302zm-31.524-4.538v2.325h-2.021v-2.325h2.021z" clip-path="url(#b)" filter="url(#c)" fill="rgba(0,0,0,0.85)" transform="translate(-20.5 -142)"/><text transform="translate(543.247 167.576)">
+<svg xmlns="http://www.w3.org/2000/svg" width="595.896" height="127.507" viewBox="0 0 1191.792 255.014"><defs><clipPath id="b"><path d="M378.974 290.045h370.893v41.372H378.974zm139.093 10.067h-2.021v2.325h2.021v-2.325zm31.524 4.538h-2.302v2.302h2.302v-2.302zm81.814 4.952h-6.21v2.033h6.21v-2.033zm-243.252-9.49h-2.179v16.464h2.179v-7.76h8.558v7.76h2.178v-16.464h-2.178v6.761h-8.558v-6.761zm39.374 4.268q-2.268 0-3.684 2.089-.348-.988-1.196-1.539-.847-.55-2.173-.55-1.19 0-2.122.534-.932.533-1.494 1.409v-1.673h-1.808v11.926h2.021l.001-6.188q0-1.628.325-2.493.326-.864 1.05-1.314.725-.449 1.578-.449 1.123 0 1.617.674t.494 2.021v7.749h2.022v-6.929q0-1.842.831-2.678.831-.837 2.089-.837.696 0 1.213.326.516.325.713.859.196.533.196 1.746v7.513h2.011v-8.187q0-2.044-.955-3.026-.955-.983-2.729-.983zm25.089 0q-2.482 0-3.796 1.965v-1.695h-1.819v11.926h2.021v-6.513q0-2.291.938-3.111.938-.82 2.229-.82.809 0 1.41.365.6.365.836.977t.236 1.848v7.254h2.022v-7.333q0-1.404-.113-1.965-.179-.865-.629-1.494-.449-.629-1.353-1.016-.904-.388-1.982-.388zm16.071-4.268h-2.179v16.464h2.179v-7.76h8.557v7.76h2.179v-16.464h-2.179v6.761h-8.557v-6.761zm44.068 4.268q-.707 0-1.297.404-.59.405-1.286 1.674v-1.808h-1.819v11.926h2.021v-6.244q0-1.28.337-2.358.225-.708.753-1.106.527-.399 1.19-.399.741 0 1.482.438l.697-1.876q-1.056-.651-2.078-.651zm5.312.27h-2.021v11.926h2.021V304.65zm8.692-.27q-2.481 0-3.795 1.965v-1.695h-1.82v11.926h2.022v-6.513q0-2.291.937-3.111.938-.82 2.23-.82.808 0 1.409.365t.837.977q.236.612.236 1.848v7.254h2.021v-7.333q0-1.404-.112-1.965-.18-.865-.629-1.494t-1.353-1.016q-.904-.388-1.983-.388zm22.832 9.894h-2.302v2.302h2.302v-2.302zm14.824-14.229q-2.347 0-3.74 1.219-1.392 1.218-1.605 3.543l2.077.213q.011-1.55.887-2.426.876-.875 2.336-.875 1.382 0 2.241.825.859.825.859 2.027 0 1.146-.943 2.431-.944 1.286-3.628 3.488-1.729 1.415-2.645 2.493-.915 1.078-1.33 2.19-.259.673-.236 1.403h10.882v-1.942h-8.075q.337-.551.854-1.095.516-.545 2.336-2.072 2.178-1.842 3.116-2.898.938-1.056 1.342-2.01.405-.955.405-1.943 0-1.943-1.382-3.257-1.381-1.314-3.751-1.314zm29.57.067h-2.179v16.464h2.179v-7.76h8.558v7.76h2.178v-16.464h-2.178v6.761h-8.558v-6.761zm23.236 4.538h-9.748v1.639h4.863q.988 0 2.279-.067l-7.591 8.715v1.639h10.556v-1.74h-5.514q-1.19 0-2.549.101l1.246-1.382 6.458-7.569v-1.336zm27.717-4.605q-2.347 0-3.74 1.219-1.393 1.218-1.606 3.543l2.078.213q.011-1.55.887-2.426.876-.875 2.336-.875 1.381 0 2.24.825.859.825.859 2.027 0 1.146-.943 2.431-.943 1.286-3.627 3.488-1.73 1.415-2.645 2.493-.915 1.078-1.331 2.19-.258.673-.236 1.403h10.882v-1.942h-8.074q.337-.551.853-1.095.517-.545 2.336-2.072 2.179-1.842 3.117-2.898.937-1.056 1.342-2.01.404-.955.404-1.943 0-1.943-1.381-3.257-1.382-1.314-3.751-1.314zm74.334.067h-2.179v16.464h2.179v-7.76h8.558v7.76h2.178v-16.464h-2.178v6.761h-8.558v-6.761zm23.236 4.538h-9.748v1.639h4.863q.988 0 2.28-.067l-7.592 8.715v1.639h10.556v-1.74h-5.514q-1.19 0-2.549.101l1.246-1.382 6.458-7.569v-1.336zm-338.273 0h-2.021v7.389q0 1.292.123 1.887.18.887.623 1.499.444.612 1.359 1.017.916.404 1.971.404 2.392 0 3.785-2.022v1.752h1.808V304.65h-2.021v6.39q0 1.527-.332 2.33-.331.803-1.128 1.269-.798.466-1.707.466-.91 0-1.528-.455-.617-.454-.808-1.252-.124-.55-.124-2.134v-6.614zm37.588 5.941v.741q0 1.336-.325 2.021-.427.887-1.337 1.398-.909.511-2.077.511-1.179 0-1.792-.539-.612-.539-.612-1.347 0-.528.281-.96.281-.433.798-.657.516-.225 1.763-.405 2.201-.314 3.301-.763zm-2.571-6.211q-1.539 0-2.707.421t-1.786 1.202q-.617.78-.887 2.049l1.977.27q.326-1.269 1.005-1.769.679-.5 2.106-.5 1.527 0 2.302.686.573.505.573 1.74 0 .113-.012.528-1.156.404-3.605.696-1.201.146-1.796.304-.809.224-1.455.662-.645.438-1.044 1.163-.399.724-.399 1.6 0 1.494 1.056 2.454 1.055.96 3.021.96 1.19 0 2.229-.393 1.039-.393 2.162-1.348.09.843.404 1.471h2.112q-.382-.685-.511-1.431-.13-.747-.13-3.566v-2.695q0-1.348-.101-1.865-.179-.831-.629-1.375-.449-.545-1.403-.904-.955-.36-2.482-.36zm48.459 1.662q1.539 0 2.505 1.168.628.753.763 2.257l-6.659.001q.101-1.562 1.05-2.494.949-.932 2.341-.932zm-.022-1.662q-2.471 0-4.021 1.662-1.55 1.662-1.55 4.672 0 2.909 1.533 4.52 1.533 1.612 4.15 1.612 2.078 0 3.414-1.011 1.336-1.011 1.831-2.841l-2.089-.258q-.461 1.28-1.247 1.864-.786.584-1.898.584-1.493 0-2.493-1.045-.999-1.044-1.112-3.009h8.895q.011-.36.011-.539 0-2.954-1.516-4.582-1.516-1.629-3.908-1.629zm15.509 6.211v.741q0 1.336-.326 2.021-.426.887-1.336 1.398-.91.511-2.078.511-1.179 0-1.791-.539-.612-.539-.612-1.347 0-.528.281-.96.28-.433.797-.657.517-.225 1.763-.405 2.201-.314 3.302-.763zm-2.572-6.211q-1.538 0-2.706.421t-1.786 1.202q-.618.78-.887 2.049l1.976.27q.326-1.269 1.005-1.769.68-.5 2.106-.5 1.528 0 2.302.686.573.505.573 1.74 0 .113-.011.528-1.157.404-3.605.696-1.202.146-1.797.304-.808.224-1.454.662-.646.438-1.045 1.163-.398.724-.398 1.6 0 1.494 1.055 2.454 1.056.96 3.021.96 1.191 0 2.23-.393 1.038-.393 2.161-1.348.09.843.405 1.471h2.111q-.382-.685-.511-1.431-.129-.747-.129-3.566v-2.695q0-1.348-.101-1.865-.18-.831-.629-1.375-.449-.545-1.404-.904-.954-.36-2.482-.36zm76.457-2.661q1.415 0 2.364 1.336.949 1.336.949 5.402 0 4.043-.949 5.39-.949 1.348-2.341 1.348-1.393 0-2.342-1.342-.949-1.342-.949-5.396t1.045-5.559q.831-1.179 2.223-1.179zm.023-1.674q-1.797 0-2.982.966-1.185.966-1.786 2.746t-.601 4.7q0 4.638 1.629 6.693 1.359 1.707 3.74 1.707 1.808 0 2.993-.971 1.184-.972 1.78-2.752.595-1.78.595-4.677 0-2.448-.371-3.892-.37-1.443-1.022-2.448-.651-1.005-1.651-1.538-.999-.534-2.324-.534zm80.5 1.674q1.415 0 2.364 1.336.949 1.336.949 5.402 0 4.043-.949 5.39-.949 1.348-2.342 1.348-1.392 0-2.341-1.342-.949-1.342-.949-5.396t1.044-5.559q.831-1.179 2.224-1.179zm.022-1.674q-1.797 0-2.982.966-1.184.966-1.785 2.746t-.601 4.7q0 4.638 1.628 6.693 1.359 1.707 3.74 1.707 1.808 0 2.993-.971 1.185-.972 1.78-2.752.595-1.78.595-4.677 0-2.448-.37-3.892-.371-1.443-1.022-2.448-.652-1.005-1.651-1.538-1-.534-2.325-.534zm19.159 1.674q1.415 0 2.364 1.336.949 1.336.949 5.402 0 4.043-.949 5.39-.949 1.348-2.341 1.348-1.393 0-2.342-1.342-.949-1.342-.949-5.396t1.045-5.559q.831-1.179 2.223-1.179zm.023-1.674q-1.797 0-2.982.966-1.185.966-1.786 2.746-.6 1.78-.6 4.7 0 4.638 1.628 6.693 1.359 1.707 3.74 1.707 1.808 0 2.993-.971 1.184-.972 1.78-2.752.595-1.78.595-4.677 0-2.448-.371-3.892-.37-1.443-1.022-2.448-.651-1.005-1.651-1.538-.999-.534-2.324-.534zm12.769 1.674q1.415 0 2.364 1.336.949 1.336.949 5.402 0 4.043-.949 5.39-.949 1.348-2.342 1.348-1.392 0-2.341-1.342-.949-1.342-.949-5.396t1.044-5.559q.831-1.179 2.224-1.179zm.022-1.674q-1.797 0-2.981.966-1.185.966-1.786 2.746t-.601 4.7q0 4.638 1.629 6.693 1.358 1.707 3.739 1.707 1.808 0 2.993-.971 1.185-.972 1.78-2.752.595-1.78.595-4.677 0-2.448-.37-3.892-.371-1.443-1.022-2.448-.652-1.005-1.651-1.538-1-.534-2.325-.534zm12.769 1.674q1.415 0 2.364 1.336.949 1.336.949 5.402 0 4.043-.949 5.39-.949 1.348-2.341 1.348-1.393 0-2.342-1.342-.949-1.342-.949-5.396t1.045-5.559q.831-1.179 2.223-1.179zm.023-1.674q-1.797 0-2.982.966-1.185.966-1.786 2.746-.6 1.78-.6 4.7 0 4.638 1.628 6.693 1.359 1.707 3.74 1.707 1.808 0 2.993-.971 1.184-.972 1.78-2.752.595-1.78.595-4.677 0-2.448-.371-3.892-.37-1.443-1.022-2.448-.651-1.005-1.651-1.538-.999-.534-2.324-.534zm-33.95 14.229h-2.302v2.302h1.145q-.033 1.022-.337 1.567-.303.545-.943.826l.562.864q.977-.427 1.426-1.207.449-.781.449-2.05v-2.302zm-129.97-8.221q1.37 0 2.341 1.112.972 1.112.972 3.302 0 2.291-.944 3.364-.943 1.072-2.335 1.072-1.404 0-2.336-1.078-.933-1.078-.933-3.425 0-2.157.944-3.252.943-1.095 2.291-1.095zm-.146-1.673q-1.584 0-2.757.786-1.174.786-1.791 2.23-.618 1.443-.618 3.15 0 2.482 1.347 4.256 1.348 1.774 3.808 1.774 1.976 0 3.301-1.561.012 1.977-.146 2.595-.269 1.01-1.033 1.572-.764.561-2.167.561-1.303 0-2.055-.561-.562-.416-.686-1.325l-1.965-.292q-.045 1.931 1.269 2.892 1.314.96 3.448.96 1.797 0 3.027-.674 1.229-.674 1.796-1.836.568-1.163.567-3.948V304.65h-1.864v1.437q-1.37-1.707-3.481-1.707z"/></clipPath><clipPath id="d"><path d="M266.901 248.217h543.663v43.462H266.901zm326.58 15.237h-2.502v2.503h2.502v-2.503zm88.928 5.383h-6.75v2.21h6.75v-2.21zm-406.14-10.315h-2.368v17.896h2.368v-8.435h9.302v8.435h2.368v-17.896h-2.368v7.349h-9.302v-7.349zm42.798 4.639q-2.466 0-4.004 2.271-.378-1.075-1.3-1.673-.922-.598-2.362-.598-1.294 0-2.307.58t-1.624 1.532v-1.819h-1.965v12.964h2.197v-6.726q0-1.77.354-2.71t1.142-1.428q.787-.489 1.715-.489 1.22 0 1.757.733.538.732.537 2.197v8.423h2.198v-7.532q0-2.002.903-2.911.903-.91 2.271-.91.756 0 1.318.354.561.354.775.934.214.58.214 1.898v8.167h2.185v-8.899q0-2.222-1.038-3.29-1.037-1.068-2.966-1.068zm27.27 0q-2.697 0-4.126 2.136v-1.843h-1.977v12.964h2.197v-7.08q0-2.49 1.019-3.381 1.02-.892 2.424-.892.878 0 1.532.397.653.397.909 1.062t.256 2.008v7.886h2.197l.001-7.971q0-1.526-.123-2.136-.195-.94-.683-1.624-.488-.684-1.471-1.105-.983-.421-2.155-.421zm87.83-4.639h-2.197v17.896h2.197v-7.092q0-1.526.366-2.393.366-.867 1.227-1.373.861-.507 1.837-.507 1.306 0 2.02.751.715.751.715 2.399v8.215h2.197v-8.215q0-1.905-.458-2.906-.458-1.001-1.52-1.568-1.062-.568-2.502-.568-2.344 0-3.882 1.782v-6.421zm39.453 0h-12.073v17.896h2.368v-8.13h8.399v-2.112h-8.399v-5.542h9.705v-2.112zm18.848 0h-2.197v17.896h2.197v-17.896zm5.554 0h-2.197v17.896h2.197v-17.896zm18.701 1.978q1.99 0 2.912.818.921.818.921 2.087 0 .867-.476 1.606-.476.738-1.392 1.074-.915.335-2.539.335h-5.09v-5.92h5.664zm-.098-1.978h-7.934v17.896h2.368v-7.947h2.747q.915 0 1.318.086.549.134 1.08.476.531.342 1.203 1.196.671.855 1.709 2.466l2.368 3.723h2.978l-3.112-4.871q-.928-1.428-1.966-2.38-.488-.439-1.428-.891 2.576-.354 3.809-1.66t1.233-3.211q0-1.477-.745-2.697-.745-1.221-1.99-1.703-1.245-.483-3.638-.483zm29.81 4.639q-2.698 0-4.126 2.136v-1.843h-1.978v12.964h2.198v-7.08q0-2.49 1.019-3.381 1.019-.892 2.423-.892.879 0 1.532.397t.91 1.062q.256.665.256 2.008v7.886h2.197v-7.971q0-1.526-.122-2.136-.195-.94-.683-1.624-.489-.684-1.471-1.105-.983-.421-2.155-.421zm47.046 10.754h-2.502v2.503h2.502v-2.503zm18.445-15.466h-1.416q-.574 1.16-1.953 2.393-1.38 1.233-3.223 2.099v2.124q1.025-.378 2.313-1.135 1.288-.757 2.082-1.513v14.001h2.197v-17.969zm29.809.073h-2.368v17.896h2.368v-8.435h9.302v8.435h2.368v-17.896h-2.368v7.349h-9.302v-7.349zm25.257 4.932h-10.596v1.782h5.286q1.074 0 2.478-.073l-8.252 9.473v1.782h11.474v-1.892h-5.993q-1.294 0-2.771.11l1.355-1.502 7.019-8.227v-1.453zm32.458-5.005h-1.416q-.574 1.16-1.953 2.393-1.379 1.233-3.223 2.099v2.124q1.026-.378 2.314-1.135 1.287-.757 2.081-1.513v14.001h2.197v-17.969zm78.467.073h-2.368v17.896h2.368v-8.435h9.302v8.435h2.368v-17.896h-2.368v7.349h-9.302v-7.349zm25.256 4.932h-10.595v1.782h5.285q1.075 0 2.478-.073l-8.252 9.473v1.782h11.475v-1.892h-5.994q-1.294 0-2.771.11l1.355-1.502 7.019-8.227v-1.453zm-509.423 0h-2.198v8.032q0 1.404.135 2.051.195.964.677 1.63.482.665 1.477 1.105.995.439 2.142.439 2.6 0 4.114-2.197v1.904h1.965v-12.964h-2.197v6.946q0 1.66-.36 2.533t-1.227 1.379q-.866.507-1.855.507t-1.66-.495q-.672-.494-.879-1.361-.134-.598-.134-2.319v-7.19zm40.856 6.458v.805q0 1.453-.354 2.198-.463.964-1.452 1.519-.989.556-2.258.556-1.282 0-1.948-.586-.665-.586-.665-1.465 0-.574.305-1.044.306-.47.867-.714.562-.244 1.917-.439 2.392-.342 3.588-.83zm-2.795-6.751q-1.672 0-2.942.458-1.269.458-1.941 1.306-.671.848-.964 2.228l2.148.293q.354-1.38 1.093-1.923.738-.543 2.289-.543 1.66 0 2.502.745.623.549.623 1.892 0 .122-.013.573-1.257.44-3.918.757-1.306.159-1.953.33-.879.244-1.581.72t-1.135 1.264q-.434.787-.434 1.739 0 1.624 1.148 2.667 1.147 1.044 3.284 1.044 1.294 0 2.423-.427 1.129-.428 2.35-1.465.097.915.439 1.599h2.295q-.415-.745-.555-1.556-.141-.812-.141-3.876v-2.93q0-1.465-.11-2.026-.195-.904-.683-1.496-.489-.592-1.526-.982-1.038-.391-2.698-.391zm65.198 1.807q1.672 0 2.722 1.269.684.818.83 2.454h-7.239q.11-1.697 1.142-2.71 1.031-1.013 2.545-1.013zm-.025-1.807q-2.685 0-4.37 1.807-1.684 1.806-1.684 5.078 0 3.162 1.666 4.913 1.666 1.752 4.51 1.752 2.259 0 3.711-1.099 1.453-1.098 1.99-3.088l-2.27-.281q-.501 1.392-1.355 2.027-.855.634-2.063.634-1.624 0-2.71-1.135-1.087-1.135-1.209-3.272l9.668.001q.012-.391.012-.586 0-3.211-1.648-4.981t-4.248-1.77zm13.929 1.807q1.672 0 2.722 1.269.683.818.83 2.454h-7.239q.11-1.697 1.141-2.71 1.032-1.013 2.546-1.013zm-.025-1.807q-2.685 0-4.37 1.807-1.685 1.806-1.685 5.078 0 3.162 1.667 4.913 1.666 1.752 4.51 1.752 2.259 0 3.711-1.099 1.453-1.098 1.99-3.088l-2.271-.281q-.5 1.392-1.355 2.027-.854.634-2.063.634-1.623 0-2.71-1.135-1.086-1.135-1.208-3.272l9.668.001q.012-.391.012-.586 0-3.211-1.648-4.981t-4.248-1.77zm13.819 0q-1.673 0-3.095.788-1.422.787-2.118 2.362-.696 1.574-.696 3.674 0 3.247 1.618 4.986 1.617 1.74 4.278 1.74 2.124 0 3.583-1.263 1.459-1.264 1.813-3.498l-2.161-.281q-.232 1.648-1.098 2.442-.867.793-2.161.793-1.611 0-2.612-1.184-1.001-1.184-1.001-3.796 0-2.576 1.037-3.766 1.038-1.19 2.698-1.19 1.099 0 1.874.659.775.659 1.08 1.965l2.136-.329q-.378-1.966-1.721-3.034-1.343-1.068-3.454-1.068zm53.857.293h-2.197v8.032q0 1.404.134 2.051.195.964.677 1.63.483.665 1.478 1.105.994.439 2.142.439 2.6 0 4.114-2.197v1.904h1.965v-12.964h-2.197v6.946q0 1.66-.36 2.533-.361.873-1.227 1.379-.867.507-1.856.507-.988 0-1.66-.495-.671-.494-.879-1.361-.134-.598-.134-2.319v-7.19zm56.14 6.458v.805q0 1.453-.354 2.198-.464.964-1.453 1.519-.988.556-2.258.556-1.282 0-1.947-.586t-.665-1.465q0-.574.305-1.044.305-.47.867-.714.561-.244 1.916-.439 2.393-.342 3.589-.83zm-2.795-6.751q-1.673 0-2.942.458-1.27.458-1.941 1.306-.672.848-.964 2.228l2.148.293q.354-1.38 1.092-1.923.739-.543 2.289-.543 1.66 0 2.503.745.622.549.622 1.892 0 .122-.012.573-1.257.44-3.918.757-1.307.159-1.953.33-.879.244-1.581.72t-1.136 1.264q-.433.787-.433 1.739 0 1.624 1.148 2.667 1.147 1.044 3.283 1.044 1.294 0 2.423-.427 1.13-.428 2.35-1.465.098.915.44 1.599h2.295q-.415-.745-.556-1.556-.14-.812-.14-3.876v-2.93q0-1.465-.11-2.026-.195-.904-.684-1.496-.488-.592-1.526-.982-1.037-.391-2.697-.391zm41.577 1.807q1.672 0 2.722 1.269.684.818.83 2.454h-7.239q.11-1.697 1.142-2.71 1.031-1.013 2.545-1.013zm-.025-1.807q-2.685 0-4.37 1.807-1.684 1.806-1.684 5.078 0 3.162 1.666 4.913 1.666 1.752 4.51 1.752 2.259 0 3.711-1.099 1.453-1.098 1.99-3.088l-2.27-.281q-.501 1.392-1.355 2.027-.855.634-2.063.634-1.624 0-2.71-1.135-1.087-1.135-1.209-3.272l9.668.001q.012-.391.012-.586 0-3.211-1.648-4.981-1.647-1.77-4.248-1.77zm-205.92-4.944q-1.807 0-3.284.611-1.477.61-2.246 1.788-.769 1.178-.769 2.533 0 1.233.629 2.228.629.995 1.91 1.666.989.525 3.455 1.117t3.186.873q1.123.427 1.611 1.056.488.628.488 1.471 0 .83-.506 1.532-.507.701-1.544 1.104-1.038.403-2.393.403-1.526 0-2.746-.531-1.221-.531-1.801-1.391-.58-.861-.739-2.204l-2.233.195q.048 1.795.982 3.217.934 1.422 2.576 2.13t4.071.708q1.916 0 3.448-.702t2.35-1.965q.818-1.263.818-2.692 0-1.44-.744-2.545-.745-1.105-2.308-1.825-1.074-.488-3.961-1.141-2.887-.653-3.57-1.276-.696-.622-.696-1.587 0-1.111.983-1.898.982-.787 3.131-.787 2.063 0 3.119.866 1.055.867 1.238 2.564l2.271-.171q-.061-1.575-.879-2.82-.818-1.245-2.337-1.886-1.52-.641-3.51-.641zm255.872 2.039q1.245 0 2.081.824.836.824.836 2.032 0 1.16-.812 1.96-.811.799-2.081.799-1.306 0-2.124-.806-.818-.805-.818-2.075 0-1.123.83-1.928.83-.806 2.087-.806zm-.037 7.41q1.587 0 2.643 1.037 1.056 1.038 1.056 2.625 0 1.562-1.026 2.575-1.025 1.014-2.6 1.014-1.013 0-1.892-.483-.879-.482-1.324-1.361-.446-.879-.446-1.819 0-1.538 1.019-2.563 1.02-1.025 2.57-1.026zm.012-9.217q-2.331 0-3.735 1.331-1.404 1.33-1.404 3.284 0 1.293.659 2.221.659.928 2.027 1.428-1.636.428-2.521 1.606-.885 1.178-.885 2.923 0 2.344 1.623 3.913 1.624 1.568 4.273 1.568 2.649 0 4.272-1.562 1.624-1.563 1.624-3.858 0-1.66-.861-2.856-.86-1.196-2.508-1.734 1.33-.5 1.983-1.422.653-.921.653-2.166 0-1.954-1.428-3.315t-3.772-1.361zm87.549 1.807q1.245 0 2.081.824.836.824.836 2.032 0 1.16-.811 1.96-.812.799-2.082.799-1.306 0-2.124-.806-.817-.805-.817-2.075 0-1.123.83-1.928.83-.806 2.087-.806zm-.037 7.41q1.587 0 2.643 1.037 1.056 1.038 1.056 2.625 0 1.562-1.025 2.575-1.026 1.014-2.6 1.014-1.014 0-1.892-.483-.879-.482-1.325-1.361-.445-.879-.445-1.819 0-1.538 1.019-2.563 1.019-1.025 2.569-1.026zm.013-9.217q-2.332 0-3.736 1.331-1.404 1.33-1.404 3.284 0 1.293.66 2.221.659.928 2.026 1.428-1.636.428-2.521 1.606-.885 1.178-.885 2.923 0 2.344 1.624 3.913 1.623 1.568 4.272 1.568t4.273-1.562q1.623-1.563 1.623-3.858 0-1.66-.86-2.856-.861-1.196-2.509-1.734 1.331-.5 1.984-1.422.653-.921.653-2.166 0-1.954-1.428-3.315-1.429-1.361-3.773-1.361zm20.825 1.819q1.538 0 2.569 1.453 1.032 1.452 1.032 5.871 0 4.395-1.032 5.86-1.031 1.465-2.545 1.465-1.513 0-2.545-1.459-1.031-1.459-1.031-5.866 0-4.406 1.135-6.042.903-1.282 2.417-1.282zm.024-1.819q-1.953 0-3.241 1.05t-1.941 2.985q-.653 1.934-.653 5.108 0 5.042 1.77 7.276 1.477 1.855 4.065 1.855 1.966 0 3.253-1.056 1.288-1.056 1.935-2.99.647-1.935.647-5.085 0-2.661-.403-4.229-.402-1.569-1.111-2.662-.708-1.092-1.794-1.672-1.086-.58-2.527-.58zm13.88 1.819q1.538 0 2.569 1.453 1.032 1.452 1.032 5.871 0 4.395-1.032 5.86-1.031 1.465-2.545 1.465t-2.545-1.459q-1.032-1.459-1.032-5.866 0-4.406 1.136-6.042.903-1.282 2.417-1.282zm.024-1.819q-1.953 0-3.241 1.05t-1.941 2.985q-.653 1.934-.653 5.108 0 5.042 1.77 7.276 1.477 1.855 4.065 1.855 1.965 0 3.253-1.056t1.935-2.99q.647-1.935.647-5.085 0-2.661-.403-4.229-.403-1.569-1.111-2.662-.708-1.092-1.794-1.672-1.087-.58-2.527-.58zm13.879 1.819q1.538 0 2.57 1.453 1.031 1.452 1.031 5.871 0 4.395-1.031 5.86-1.032 1.465-2.545 1.465-1.514 0-2.545-1.459-1.032-1.459-1.032-5.866 0-4.406 1.135-6.042.904-1.282 2.417-1.282zm.025-1.819q-1.953 0-3.241 1.05t-1.941 2.985q-.653 1.934-.653 5.108 0 5.042 1.77 7.276 1.477 1.855 4.065 1.855 1.965 0 3.253-1.056t1.935-2.99q.647-1.935.647-5.085 0-2.661-.403-4.229-.403-1.569-1.111-2.662-.708-1.092-1.794-1.672-1.087-.58-2.527-.58zm-36.902 15.466h-2.502v2.503h1.245q-.037 1.111-.367 1.703-.329.592-1.025.897l.61.94q1.062-.464 1.551-1.312.488-.849.488-2.228v-2.503zm-339.356-9.033q1.417 0 2.436 1.233t1.019 3.711q0 2.6-1.044 3.839-1.043 1.239-2.508 1.239-1.441 0-2.454-1.196-1.013-1.196-1.013-3.699 0-2.502 1.08-3.814 1.081-1.313 2.484-1.313zm.208-1.721q-1.27 0-2.161.495-.891.494-1.599 1.483v-1.685h-2.002v17.932h2.198v-6.311q.561.708 1.434 1.172.873.464 1.971.464 1.502 0 2.863-.848 1.361-.849 2.075-2.442.714-1.593.714-3.583 0-1.855-.647-3.411-.647-1.557-1.916-2.411-1.27-.855-2.93-.855zm75.073-4.944h-1.574q-2.295 3.064-3.394 6.153-.94 2.661-.94 5.566 0 3.296 1.257 6.372 1.258 3.076 3.076 5.371h1.575q-3.65-5.859-3.65-11.731 0-2.307.525-4.59.428-1.831 1.172-3.515.476-1.087 1.953-3.626zm100.574 6.763q1.489 0 2.545 1.209 1.056 1.208 1.056 3.588 0 2.491-1.025 3.656-1.026 1.166-2.539 1.166-1.526 0-2.539-1.172-1.014-1.172-1.014-3.723 0-2.344 1.026-3.534 1.025-1.19 2.49-1.19zm-.159-1.819q-1.721 0-2.997.855-1.275.854-1.947 2.423-.671 1.568-.671 3.424 0 2.698 1.465 4.626 1.465 1.929 4.138 1.929 2.149 0 3.589-1.697.012 2.149-.159 2.82-.293 1.099-1.123 1.709-.83.61-2.356.61-1.416 0-2.234-.61-.61-.452-.744-1.44l-2.136-.318q-.049 2.1 1.379 3.144 1.428 1.043 3.747 1.043 1.954 0 3.29-.732 1.337-.733 1.953-1.996.617-1.263.617-4.291v-11.206h-2.027v1.563q-1.489-1.856-3.784-1.856zm24.475-4.944h-1.574q1.489 2.564 1.965 3.662.745 1.685 1.16 3.516.525 2.258.525 4.553 0 5.872-3.65 11.731h1.574q1.807-2.295 3.07-5.371 1.264-3.076 1.264-6.372 0-2.905-.94-5.566-1.099-3.089-3.394-6.153z"/></clipPath><filter id="c"><feGaussianBlur in="SourceAlpha" stdDeviation="3"/><feOffset dy="3" result="offsetblur"/><feFlood flood-color="#000"/><feComposite in2="offsetblur" operator="in"/></filter><filter id="e"><feGaussianBlur in="SourceAlpha" stdDeviation="3"/><feOffset dy="3" result="offsetblur"/><feFlood flood-color="#000"/><feComposite in2="offsetblur" operator="in"/></filter><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="22" y1="266.227" x2="1124.399" y2="266.227"><stop offset=".655" stop-color="#0700FF"/><stop offset="1" stop-color="#0700FF" stop-opacity=".248"/></linearGradient></defs><path d="m1123.11 180.123 44.591 43.052 44.591 43.052-44.591 43.052-44.591 43.051v-21.707c-.158.278-.04.128-.429.292H22V201.538h1100.681c.389.164.271.015.429.293v-21.708z" fill="url(#a)" transform="translate(-20.5 -142)"/><g stroke="#3C3C3C" stroke-width="3"><path d="M99.152 43.398c7.522-15.095 27.674-25.899 51.354-25.899" fill="none"/><path d="m95.068 42.416 1.464 11.872 6.703-9.907z" fill="#3C3C3C"/></g><path d="M1.5 1.5v208.811"/><path d="M1.5 1.5v208.811" stroke="#333" fill="none"/><path d="M258.5 1.5v208.811"/><path d="M258.5 1.5v208.811" stroke="#CCC" fill="none"/><path d="M515.5 1.5v208.811"/><path d="M515.5 1.5v208.811" stroke="#CCC" fill="none"/><path d="M771.5 1.5v208.811"/><path d="M771.5 1.5v208.811" stroke="#CCC" fill="none"/><path d="M1028.5 1.5v208.811"/><path d="M1028.5 1.5v208.811" stroke="#CCC" fill="none"/><path d="M4.5 163.999v-36 36z"/><path d="M29.5 102.664V59.538h127c1.105 0 2 1.073 2 2.396v38.334c0 1.323-.895 2.396-2 2.396z" fill="#FF0"/><path d="M4 188.916V145.79h1024c1.105 0 2 1.072 2 2.396v38.334c0 1.323-.895 2.396-2 2.396z" fill="#3F8422"/><path d="M538.327 304.38q2.111 0 3.481 1.707v-1.437h1.864v10.309q.001 2.785-.567 3.948-.567 1.162-1.796 1.836-1.23.674-3.027.674-2.134 0-3.448-.96-1.314-.961-1.269-2.892l1.965.292q.124.909.686 1.325.752.561 2.055.561 1.403 0 2.167-.561.764-.562 1.033-1.572.158-.618.146-2.595-1.325 1.561-3.301 1.561-2.46 0-3.808-1.774-1.347-1.774-1.347-4.256 0-1.707.618-3.15.617-1.444 1.791-2.23 1.173-.786 2.757-.786zm.146 1.673q-1.348 0-2.291 1.095-.944 1.095-.944 3.252 0 2.347.933 3.425.932 1.078 2.336 1.078 1.392 0 2.335-1.072.944-1.073.944-3.364 0-2.19-.972-3.302-.971-1.112-2.341-1.112zm129.97 8.221v2.302q0 1.269-.449 2.05-.449.78-1.426 1.207l-.562-.864q.64-.281.943-.826.304-.545.337-1.567h-1.145v-2.302h2.302zm33.95-14.229q1.325 0 2.324.534 1 .533 1.651 1.538.652 1.005 1.022 2.448.371 1.444.371 3.892 0 2.897-.595 4.677-.596 1.78-1.78 2.752-1.185.971-2.993.971-2.381 0-3.74-1.707-1.628-2.055-1.628-6.693 0-2.92.6-4.7.601-1.78 1.786-2.746t2.982-.966zm-.023 1.674q-1.392 0-2.223 1.179-1.045 1.505-1.045 5.559t.949 5.396q.949 1.342 2.342 1.342 1.392 0 2.341-1.348.949-1.347.949-5.39 0-4.066-.949-5.402-.949-1.336-2.364-1.336zm-12.769-1.674q1.325 0 2.325.534.999.533 1.651 1.538.651 1.005 1.022 2.448.37 1.444.37 3.892 0 2.897-.595 4.677-.595 1.78-1.78 2.752-1.185.971-2.993.971-2.381 0-3.739-1.707-1.629-2.055-1.629-6.693 0-2.92.601-4.7.601-1.78 1.786-2.746 1.184-.966 2.981-.966zm-.022 1.674q-1.393 0-2.224 1.179-1.044 1.505-1.044 5.559t.949 5.396q.949 1.342 2.341 1.342 1.393 0 2.342-1.348.949-1.347.949-5.39 0-4.066-.949-5.402-.949-1.336-2.364-1.336zm-12.769-1.674q1.325 0 2.324.534 1 .533 1.651 1.538.652 1.005 1.022 2.448.371 1.444.371 3.892 0 2.897-.595 4.677-.596 1.78-1.78 2.752-1.185.971-2.993.971-2.381 0-3.74-1.707-1.628-2.055-1.628-6.693 0-2.92.6-4.7.601-1.78 1.786-2.746t2.982-.966zm-.023 1.674q-1.392 0-2.223 1.179-1.045 1.505-1.045 5.559t.949 5.396q.949 1.342 2.342 1.342 1.392 0 2.341-1.348.949-1.347.949-5.39 0-4.066-.949-5.402-.949-1.336-2.364-1.336zm-19.159-1.674q1.325 0 2.325.534.999.533 1.651 1.538.651 1.005 1.022 2.448.37 1.444.37 3.892 0 2.897-.595 4.677-.595 1.78-1.78 2.752-1.185.971-2.993.971-2.381 0-3.74-1.707-1.628-2.055-1.628-6.693 0-2.92.601-4.7.601-1.78 1.785-2.746 1.185-.966 2.982-.966zm-.022 1.674q-1.393 0-2.224 1.179-1.044 1.505-1.044 5.559t.949 5.396q.949 1.342 2.341 1.342 1.393 0 2.342-1.348.949-1.347.949-5.39 0-4.066-.949-5.402-.949-1.336-2.364-1.336zm-80.5-1.674q1.325 0 2.324.534 1 .533 1.651 1.538.652 1.005 1.022 2.448.371 1.444.371 3.892 0 2.897-.595 4.677-.596 1.78-1.78 2.752-1.185.971-2.993.971-2.381 0-3.74-1.707-1.629-2.055-1.629-6.693 0-2.92.601-4.7.601-1.78 1.786-2.746t2.982-.966zm-.023 1.674q-1.392 0-2.223 1.179-1.045 1.505-1.045 5.559t.949 5.396q.949 1.342 2.342 1.342 1.392 0 2.341-1.348.949-1.347.949-5.39 0-4.066-.949-5.402-.949-1.336-2.364-1.336zm-76.457 2.661q1.528 0 2.482.36.955.359 1.404.904.449.544.629 1.375.101.517.101 1.865v2.695q0 2.819.129 3.566.129.746.511 1.431h-2.111q-.315-.628-.405-1.471-1.123.955-2.161 1.348-1.039.393-2.23.393-1.965 0-3.021-.96-1.055-.96-1.055-2.454 0-.876.398-1.6.399-.725 1.045-1.163.646-.438 1.454-.662.595-.158 1.797-.304 2.448-.292 3.605-.696.011-.415.011-.528 0-1.235-.573-1.74-.774-.686-2.302-.686-1.426 0-2.106.5-.679.5-1.005 1.769l-1.976-.27q.269-1.269.887-2.049.618-.781 1.786-1.202 1.168-.421 2.706-.421zm2.572 6.211q-1.101.449-3.302.763-1.246.18-1.763.405-.517.224-.797.657-.281.432-.281.96 0 .808.612 1.347.612.539 1.791.539 1.168 0 2.078-.511.91-.511 1.336-1.398.326-.685.326-2.021v-.741zm-15.509-6.211q2.392 0 3.908 1.629 1.516 1.628 1.516 4.582 0 .179-.011.539h-8.895q.113 1.965 1.112 3.009 1 1.045 2.493 1.045 1.112 0 1.898-.584.786-.584 1.247-1.864l2.089.258q-.495 1.83-1.831 2.841-1.336 1.011-3.414 1.011-2.617 0-4.15-1.612-1.533-1.611-1.533-4.52 0-3.01 1.55-4.672t4.021-1.662zm.022 1.662q-1.392 0-2.341.932-.949.932-1.05 2.494l6.659-.001q-.135-1.504-.763-2.257-.966-1.168-2.505-1.168zm-48.459-1.662q1.527 0 2.482.36.954.359 1.403.904.45.544.629 1.375.101.517.101 1.865v2.695q0 2.819.13 3.566.129.746.511 1.431h-2.112q-.314-.628-.404-1.471-1.123.955-2.162 1.348-1.039.393-2.229.393-1.966 0-3.021-.96-1.056-.96-1.056-2.454 0-.876.399-1.6.399-.725 1.044-1.163.646-.438 1.455-.662.595-.158 1.796-.304 2.449-.292 3.605-.696.012-.415.012-.528 0-1.235-.573-1.74-.775-.686-2.302-.686-1.427 0-2.106.5-.679.5-1.005 1.769l-1.977-.27q.27-1.269.887-2.049.618-.781 1.786-1.202 1.168-.421 2.707-.421zm2.571 6.211q-1.1.449-3.301.763-1.247.18-1.763.405-.517.224-.798.657-.281.432-.281.96 0 .808.612 1.347.613.539 1.792.539 1.168 0 2.077-.511.91-.511 1.337-1.398.325-.685.325-2.021v-.741zm-37.588-5.941v6.614q0 1.584.124 2.134.191.798.808 1.252.618.455 1.528.455.909 0 1.707-.466.797-.466 1.128-1.269.332-.803.332-2.33v-6.39h2.021v11.926h-1.808v-1.752q-1.393 2.022-3.785 2.022-1.055 0-1.971-.404-.915-.405-1.359-1.017-.443-.612-.623-1.499-.123-.595-.123-1.887v-7.389h2.021zm338.273 0v1.336l-6.458 7.569-1.246 1.382q1.359-.101 2.549-.101h5.514v1.74h-10.556v-1.639l7.592-8.715q-1.292.067-2.28.067h-4.863v-1.639h9.748zm-23.236-4.538v6.761h8.558v-6.761h2.178v16.464h-2.178v-7.76h-8.558v7.76h-2.179v-16.464h2.179zm-74.334-.067q2.369 0 3.751 1.314 1.381 1.314 1.381 3.257 0 .988-.404 1.943-.405.954-1.342 2.01-.938 1.056-3.117 2.898-1.819 1.527-2.336 2.072-.516.544-.853 1.095h8.074v1.942H639.21q-.022-.73.236-1.403.416-1.112 1.331-2.19.915-1.078 2.645-2.493 2.684-2.202 3.627-3.488.943-1.285.943-2.431 0-1.202-.859-2.027-.859-.825-2.24-.825-1.46 0-2.336.875-.876.876-.887 2.426l-2.078-.213q.213-2.325 1.606-3.543 1.393-1.219 3.74-1.219zm-27.717 4.605v1.336l-6.458 7.569-1.246 1.382q1.359-.101 2.549-.101h5.514v1.74h-10.556v-1.639l7.591-8.715q-1.291.067-2.279.067h-4.863v-1.639h9.748zm-23.236-4.538v6.761h8.558v-6.761h2.178v16.464h-2.178v-7.76h-8.558v7.76h-2.179v-16.464h2.179zm-29.57-.067q2.37 0 3.751 1.314 1.382 1.314 1.382 3.257 0 .988-.405 1.943-.404.954-1.342 2.01-.938 1.056-3.116 2.898-1.82 1.527-2.336 2.072-.517.544-.854 1.095h8.075v1.942h-10.882q-.023-.73.236-1.403.415-1.112 1.33-2.19.916-1.078 2.645-2.493 2.684-2.202 3.628-3.488.943-1.285.943-2.431 0-1.202-.859-2.027-.859-.825-2.241-.825-1.46 0-2.336.875-.876.876-.887 2.426l-2.077-.213q.213-2.325 1.605-3.543 1.393-1.219 3.74-1.219zm-14.824 14.229v2.302h-2.302v-2.302h2.302zm-22.832-9.894q1.079 0 1.983.388.904.387 1.353 1.016.449.629.629 1.494.112.561.112 1.965v7.333h-2.021v-7.254q0-1.236-.236-1.848-.236-.612-.837-.977t-1.409-.365q-1.292 0-2.23.82-.937.82-.937 3.111v6.513h-2.022V304.65h1.82v1.695q1.314-1.965 3.795-1.965zm-8.692.27v11.926h-2.021V304.65h2.021zm-5.312-.27q1.022 0 2.078.651l-.697 1.876q-.741-.438-1.482-.438-.663 0-1.19.399-.528.398-.753 1.106-.337 1.078-.337 2.358v6.244h-2.021V304.65h1.819v1.808q.696-1.269 1.286-1.674.59-.404 1.297-.404zm-44.068-4.268v6.761h8.557v-6.761h2.179v16.464h-2.179v-7.76h-8.557v7.76h-2.179v-16.464h2.179zm-16.071 4.268q1.078 0 1.982.388.904.387 1.353 1.016.45.629.629 1.494.113.561.113 1.965v7.333h-2.022v-7.254q0-1.236-.236-1.848-.236-.612-.836-.977-.601-.365-1.41-.365-1.291 0-2.229.82-.938.82-.938 3.111v6.513h-2.021V304.65h1.819v1.695q1.314-1.965 3.796-1.965zm-25.089 0q1.774 0 2.729.983.955.982.955 3.026v8.187H429.2v-7.513q0-1.213-.196-1.746-.197-.534-.713-.859-.517-.326-1.213-.326-1.258 0-2.089.837-.831.836-.831 2.678v6.929h-2.022v-7.749q0-1.347-.494-2.021-.494-.674-1.617-.674-.853 0-1.578.449-.724.45-1.05 1.314-.325.865-.325 2.493l-.001 6.188h-2.021V304.65h1.808v1.673q.562-.876 1.494-1.409.932-.534 2.122-.534 1.326 0 2.173.55.848.551 1.196 1.539 1.416-2.089 3.684-2.089zm-39.374-4.268v6.761h8.558v-6.761h2.178v16.464h-2.178v-7.76h-8.558v7.76h-2.179v-16.464h2.179zm243.252 9.49v2.033h-6.21v-2.033h6.21zm-81.814-4.952v2.302h-2.302v-2.302h2.302zm-31.524-4.538v2.325h-2.021v-2.325h2.021z" clip-path="url(#b)" filter="url(#c)" fill="rgb(0 0 0 / 85%)" transform="translate(-20.5 -142)"/><text transform="translate(543.247 167.576)">
           <tspan x="-179.615" y="7" font-family="Arial" font-size="23" fill="#FFF">Human Hearing: 20 Hz - 20,000 Hz</tspan>
-        </text><path d="M19 148.708v-43.126h907c1.105 0 2 1.073 2 2.396v38.334c0 1.323-.895 2.396-2 2.396z" fill="#C00"/><path d="M583.483 258.217q2.295 3.064 3.394 6.153.94 2.661.94 5.566 0 3.296-1.264 6.372-1.263 3.076-3.07 5.371h-1.574q3.65-5.859 3.65-11.731 0-2.295-.525-4.553-.415-1.831-1.16-3.516-.476-1.098-1.965-3.662h1.574zm-24.475 4.944q2.295 0 3.784 1.856v-1.563h2.027v11.206q0 3.028-.617 4.291-.616 1.263-1.953 1.996-1.336.732-3.29.732-2.319 0-3.747-1.043-1.428-1.044-1.379-3.144l2.136.318q.134.988.744 1.44.818.61 2.234.61 1.526 0 2.356-.61.83-.61 1.123-1.709.171-.671.159-2.82-1.44 1.697-3.589 1.697-2.673 0-4.138-1.929-1.465-1.928-1.465-4.626 0-1.856.671-3.424.672-1.569 1.947-2.423 1.276-.855 2.997-.855zm.159 1.819q-1.465 0-2.49 1.19-1.026 1.19-1.026 3.534 0 2.551 1.014 3.723 1.013 1.172 2.539 1.172 1.513 0 2.539-1.166 1.025-1.165 1.025-3.656 0-2.38-1.056-3.588-1.056-1.209-2.545-1.209zm-100.574-6.763q-1.477 2.539-1.953 3.626-.744 1.684-1.172 3.515-.525 2.283-.525 4.59 0 5.872 3.65 11.731h-1.575q-1.818-2.295-3.076-5.371-1.257-3.076-1.257-6.372 0-2.905.94-5.566 1.099-3.089 3.394-6.153h1.574zm-75.073 4.944q1.66 0 2.93.855 1.269.854 1.916 2.411.647 1.556.647 3.411 0 1.99-.714 3.583-.714 1.593-2.075 2.442-1.361.848-2.863.848-1.098 0-1.971-.464t-1.434-1.172v6.311h-2.198v-17.932h2.002v1.685q.708-.989 1.599-1.483.891-.495 2.161-.495zm-.208 1.721q-1.403 0-2.484 1.313-1.08 1.312-1.08 3.814 0 2.503 1.013 3.699 1.013 1.196 2.454 1.196 1.465 0 2.508-1.239 1.044-1.239 1.044-3.839 0-2.478-1.019-3.711-1.019-1.233-2.436-1.233zm339.356 9.033v2.503q0 1.379-.488 2.228-.489.848-1.551 1.312l-.61-.94q.696-.305 1.025-.897.33-.592.367-1.703h-1.245v-2.503h2.502zm36.902-15.466q1.44 0 2.527.58 1.086.58 1.794 1.672.708 1.093 1.111 2.662.403 1.568.403 4.229 0 3.15-.647 5.085-.647 1.934-1.935 2.99-1.288 1.056-3.253 1.056-2.588 0-4.065-1.855-1.77-2.234-1.77-7.276 0-3.174.653-5.108.653-1.935 1.941-2.985 1.288-1.05 3.241-1.05zm-.025 1.819q-1.513 0-2.417 1.282-1.135 1.636-1.135 6.042 0 4.407 1.032 5.866 1.031 1.459 2.545 1.459 1.513 0 2.545-1.465 1.031-1.465 1.031-5.86 0-4.419-1.031-5.871-1.032-1.453-2.57-1.453zm-13.879-1.819q1.44 0 2.527.58 1.086.58 1.794 1.672.708 1.093 1.111 2.662.403 1.568.403 4.229 0 3.15-.647 5.085-.647 1.934-1.935 2.99-1.288 1.056-3.253 1.056-2.588 0-4.065-1.855-1.77-2.234-1.77-7.276 0-3.174.653-5.108.653-1.935 1.941-2.985 1.288-1.05 3.241-1.05zm-.024 1.819q-1.514 0-2.417 1.282-1.136 1.636-1.136 6.042 0 4.407 1.032 5.866 1.031 1.459 2.545 1.459t2.545-1.465q1.032-1.465 1.032-5.86 0-4.419-1.032-5.871-1.031-1.453-2.569-1.453zm-13.88-1.819q1.441 0 2.527.58t1.794 1.672q.709 1.093 1.111 2.662.403 1.568.403 4.229 0 3.15-.647 5.085-.647 1.934-1.935 2.99-1.287 1.056-3.253 1.056-2.588 0-4.065-1.855-1.77-2.234-1.77-7.276 0-3.174.653-5.108.653-1.935 1.941-2.985 1.288-1.05 3.241-1.05zm-.024 1.819q-1.514 0-2.417 1.282-1.135 1.636-1.135 6.042 0 4.407 1.031 5.866 1.032 1.459 2.545 1.459 1.514 0 2.545-1.465 1.032-1.465 1.032-5.86 0-4.419-1.032-5.871-1.031-1.453-2.569-1.453zm-20.826-1.819q2.344 0 3.773 1.361 1.428 1.361 1.428 3.315 0 1.245-.653 2.166-.653.922-1.984 1.422 1.648.538 2.509 1.734.86 1.196.86 2.856 0 2.295-1.623 3.858-1.624 1.562-4.273 1.562-2.649 0-4.272-1.568-1.624-1.569-1.624-3.913 0-1.745.885-2.923t2.521-1.606q-1.367-.5-2.026-1.428-.66-.928-.66-2.221 0-1.954 1.404-3.284 1.404-1.331 3.736-1.331zm-.012 9.216q-1.55.001-2.569 1.026-1.019 1.025-1.019 2.563 0 .94.445 1.819.446.879 1.325 1.361.878.483 1.892.483 1.574 0 2.6-1.014 1.025-1.013 1.025-2.575 0-1.587-1.056-2.625-1.056-1.037-2.643-1.037zm.037-7.409q-1.257 0-2.087.806-.83.805-.83 1.928 0 1.27.817 2.075.818.806 2.124.806 1.27 0 2.082-.799.811-.8.811-1.96 0-1.208-.836-2.032-.836-.824-2.081-.824zm-87.549-1.807q2.344 0 3.772 1.361t1.428 3.315q0 1.245-.653 2.166-.653.922-1.983 1.422 1.648.538 2.508 1.734.861 1.196.861 2.856 0 2.295-1.624 3.858-1.623 1.562-4.272 1.562t-4.273-1.568q-1.623-1.569-1.623-3.913 0-1.745.885-2.923t2.521-1.606q-1.368-.5-2.027-1.428-.659-.928-.659-2.221 0-1.954 1.404-3.284 1.404-1.331 3.735-1.331zm-.012 9.216q-1.55.001-2.57 1.026-1.019 1.025-1.019 2.563 0 .94.446 1.819.445.879 1.324 1.361.879.483 1.892.483 1.575 0 2.6-1.014 1.026-1.013 1.026-2.575 0-1.587-1.056-2.625-1.056-1.037-2.643-1.037zm.036-7.409q-1.257 0-2.087.806-.83.805-.83 1.928 0 1.27.818 2.075.818.806 2.124.806 1.27 0 2.081-.799.812-.8.812-1.96 0-1.208-.836-2.032-.836-.824-2.081-.824zm-255.871-2.039q1.99 0 3.51.641 1.519.641 2.337 1.886.818 1.245.879 2.82l-2.271.171q-.183-1.697-1.238-2.564-1.056-.866-3.119-.866-2.149 0-3.131.787-.983.787-.983 1.898 0 .965.696 1.587.683.623 3.57 1.276 2.887.653 3.961 1.141 1.563.72 2.308 1.825.744 1.105.744 2.545 0 1.429-.818 2.692-.818 1.263-2.35 1.965-1.532.702-3.448.702-2.429 0-4.071-.708t-2.576-2.13q-.934-1.422-.982-3.217l2.233-.195q.159 1.343.739 2.204.58.86 1.801 1.391 1.22.531 2.746.531 1.355 0 2.393-.403 1.037-.403 1.544-1.104.506-.702.506-1.532 0-.843-.488-1.471-.488-.629-1.611-1.056-.72-.281-3.186-.873t-3.455-1.117q-1.281-.671-1.91-1.666-.629-.995-.629-2.228 0-1.355.769-2.533t2.246-1.788q1.477-.611 3.284-.611zm205.92 4.944q2.601 0 4.248 1.77 1.648 1.77 1.648 4.981 0 .195-.012.586l-9.668-.001q.122 2.137 1.209 3.272 1.086 1.135 2.71 1.135 1.208 0 2.063-.634.854-.635 1.355-2.027l2.27.281q-.537 1.99-1.99 3.088-1.452 1.099-3.711 1.099-2.844 0-4.51-1.752-1.666-1.751-1.666-4.913 0-3.272 1.684-5.078 1.685-1.807 4.37-1.807zm.025 1.807q-1.514 0-2.545 1.013-1.032 1.013-1.142 2.71h7.239q-.146-1.636-.83-2.454-1.05-1.269-2.722-1.269zm-41.577-1.807q1.66 0 2.697.391 1.038.39 1.526.982.489.592.684 1.496.11.561.11 2.026v2.93q0 3.064.14 3.876.141.811.556 1.556h-2.295q-.342-.684-.44-1.599-1.22 1.037-2.35 1.465-1.129.427-2.423.427-2.136 0-3.283-1.044-1.148-1.043-1.148-2.667 0-.952.433-1.739.434-.788 1.136-1.264t1.581-.72q.646-.171 1.953-.33 2.661-.317 3.918-.757.012-.451.012-.573 0-1.343-.622-1.892-.843-.745-2.503-.745-1.55 0-2.289.543-.738.543-1.092 1.923l-2.148-.293q.292-1.38.964-2.228.671-.848 1.941-1.306 1.269-.458 2.942-.458zm2.795 6.751q-1.196.488-3.589.83-1.355.195-1.916.439-.562.244-.867.714-.305.47-.305 1.044 0 .879.665 1.465.665.586 1.947.586 1.27 0 2.258-.556.989-.555 1.453-1.519.354-.745.354-2.198v-.805zm-56.14-6.458v7.19q0 1.721.134 2.319.208.867.879 1.361.672.495 1.66.495.989 0 1.856-.507.866-.506 1.227-1.379.36-.873.36-2.533v-6.946h2.197v12.964h-1.965v-1.904q-1.514 2.197-4.114 2.197-1.148 0-2.142-.439-.995-.44-1.478-1.105-.482-.666-.677-1.63-.134-.647-.134-2.051v-8.032h2.197zm-53.857-.293q2.111 0 3.454 1.068t1.721 3.034l-2.136.329q-.305-1.306-1.08-1.965-.775-.659-1.874-.659-1.66 0-2.698 1.19-1.037 1.19-1.037 3.766 0 2.612 1.001 3.796 1.001 1.184 2.612 1.184 1.294 0 2.161-.793.866-.794 1.098-2.442l2.161.281q-.354 2.234-1.813 3.498-1.459 1.263-3.583 1.263-2.661 0-4.278-1.74-1.618-1.739-1.618-4.986 0-2.1.696-3.674.696-1.575 2.118-2.362 1.422-.788 3.095-.788zm-13.819 0q2.6 0 4.248 1.77 1.648 1.77 1.648 4.981 0 .195-.012.586l-9.668-.001q.122 2.137 1.208 3.272 1.087 1.135 2.71 1.135 1.209 0 2.063-.634.855-.635 1.355-2.027l2.271.281q-.537 1.99-1.99 3.088-1.452 1.099-3.711 1.099-2.844 0-4.51-1.752-1.667-1.751-1.667-4.913 0-3.272 1.685-5.078 1.685-1.807 4.37-1.807zm.025 1.807q-1.514 0-2.546 1.013-1.031 1.013-1.141 2.71h7.239q-.147-1.636-.83-2.454-1.05-1.269-2.722-1.269zm-13.929-1.807q2.6 0 4.248 1.77 1.648 1.77 1.648 4.981 0 .195-.012.586l-9.668-.001q.122 2.137 1.209 3.272 1.086 1.135 2.71 1.135 1.208 0 2.063-.634.854-.635 1.355-2.027l2.27.281q-.537 1.99-1.99 3.088-1.452 1.099-3.711 1.099-2.844 0-4.51-1.752-1.666-1.751-1.666-4.913 0-3.272 1.684-5.078 1.685-1.807 4.37-1.807zm.025 1.807q-1.514 0-2.545 1.013-1.032 1.013-1.142 2.71h7.239q-.146-1.636-.83-2.454-1.05-1.269-2.722-1.269zm-65.198-1.807q1.66 0 2.698.391 1.037.39 1.526.982.488.592.683 1.496.11.561.11 2.026v2.93q0 3.064.141 3.876.14.811.555 1.556h-2.295q-.342-.684-.439-1.599-1.221 1.037-2.35 1.465-1.129.427-2.423.427-2.137 0-3.284-1.044-1.148-1.043-1.148-2.667 0-.952.434-1.739.433-.788 1.135-1.264t1.581-.72q.647-.171 1.953-.33 2.661-.317 3.918-.757.013-.451.013-.573 0-1.343-.623-1.892-.842-.745-2.502-.745-1.551 0-2.289.543-.739.543-1.093 1.923l-2.148-.293q.293-1.38.964-2.228.672-.848 1.941-1.306 1.27-.458 2.942-.458zm2.795 6.751q-1.196.488-3.588.83-1.355.195-1.917.439-.561.244-.867.714-.305.47-.305 1.044 0 .879.665 1.465.666.586 1.948.586 1.269 0 2.258-.556.989-.555 1.452-1.519.354-.745.354-2.198v-.805zm-40.856-6.458v7.19q0 1.721.134 2.319.207.867.879 1.361.671.495 1.66.495.989 0 1.855-.507.867-.506 1.227-1.379.36-.873.36-2.533v-6.946h2.197v12.964h-1.965v-1.904q-1.514 2.197-4.114 2.197-1.147 0-2.142-.439-.995-.44-1.477-1.105-.482-.666-.677-1.63-.135-.647-.135-2.051v-8.032h2.198zm509.423 0v1.453l-7.019 8.227-1.355 1.502q1.477-.11 2.771-.11h5.994v1.892h-11.475v-1.782l8.252-9.473q-1.403.073-2.478.073h-5.285v-1.782h10.595zm-25.256-4.932v7.349h9.302v-7.349h2.368v17.896h-2.368v-8.435h-9.302v8.435h-2.368v-17.896h2.368zm-78.467-.073v17.969h-2.197v-14.001q-.794.756-2.081 1.513-1.288.757-2.314 1.135v-2.124q1.844-.866 3.223-2.099 1.379-1.233 1.953-2.393h1.416zm-32.458 5.005v1.453l-7.019 8.227-1.355 1.502q1.477-.11 2.771-.11h5.993v1.892h-11.474v-1.782l8.252-9.473q-1.404.073-2.478.073h-5.286v-1.782h10.596zm-25.257-4.932v7.349h9.302v-7.349h2.368v17.896h-2.368v-8.435h-9.302v8.435h-2.368v-17.896h2.368zm-29.809-.073v17.969h-2.197v-14.001q-.794.756-2.082 1.513-1.288.757-2.313 1.135v-2.124q1.843-.866 3.223-2.099 1.379-1.233 1.953-2.393h1.416zm-18.445 15.466v2.503h-2.502v-2.503h2.502zm-47.046-10.754q1.172 0 2.155.421.982.421 1.471 1.105.488.684.683 1.624.122.61.122 2.136v7.971h-2.197v-7.886q0-1.343-.256-2.008-.257-.665-.91-1.062t-1.532-.397q-1.404 0-2.423.892-1.019.891-1.019 3.381v7.08h-2.198v-12.964h1.978v1.843q1.428-2.136 4.126-2.136zm-29.81-4.639q2.393 0 3.638.483 1.245.482 1.99 1.703.745 1.22.745 2.697 0 1.905-1.233 3.211-1.233 1.306-3.809 1.66.94.452 1.428.891 1.038.952 1.966 2.38l3.112 4.871h-2.978l-2.368-3.723q-1.038-1.611-1.709-2.466-.672-.854-1.203-1.196-.531-.342-1.08-.476-.403-.086-1.318-.086h-2.747v7.947h-2.368v-17.896h7.934zm.098 1.978h-5.664v5.92h5.09q1.624 0 2.539-.335.916-.336 1.392-1.074.476-.739.476-1.606 0-1.269-.921-2.087-.922-.818-2.912-.818zm-18.701-1.978v17.896h-2.197v-17.896h2.197zm-5.554 0v17.896h-2.197v-17.896h2.197zm-18.848 0v2.112h-9.705v5.542h8.399v2.112h-8.399v8.13h-2.368v-17.896h12.073zm-39.453 0v6.421q1.538-1.782 3.882-1.782 1.44 0 2.502.568 1.062.567 1.52 1.568.458 1.001.458 2.906v8.215h-2.197v-8.215q0-1.648-.715-2.399-.714-.751-2.02-.751-.976 0-1.837.507-.861.506-1.227 1.373-.366.867-.366 2.393v7.092h-2.197v-17.896h2.197zm-87.83 4.639q1.172 0 2.155.421.983.421 1.471 1.105.488.684.683 1.624.123.61.123 2.136l-.001 7.971h-2.197v-7.886q0-1.343-.256-2.008t-.909-1.062q-.654-.397-1.532-.397-1.404 0-2.424.892-1.019.891-1.019 3.381v7.08h-2.197v-12.964h1.977v1.843q1.429-2.136 4.126-2.136zm-27.27 0q1.929 0 2.966 1.068 1.038 1.068 1.038 3.29v8.899h-2.185v-8.167q0-1.318-.214-1.898-.214-.58-.775-.934-.562-.354-1.318-.354-1.368 0-2.271.91-.903.909-.903 2.911v7.532h-2.198v-8.423q.001-1.465-.537-2.197-.537-.733-1.757-.733-.928 0-1.715.489-.788.488-1.142 1.428-.354.94-.354 2.71v6.726h-2.197v-12.964h1.965v1.819q.611-.952 1.624-1.532 1.013-.58 2.307-.58 1.44 0 2.362.598.922.598 1.3 1.673 1.538-2.271 4.004-2.271zm-42.798-4.639v7.349h9.302v-7.349h2.368v17.896h-2.368v-8.435h-9.302v8.435h-2.368v-17.896h2.368zm406.14 10.315v2.21h-6.75v-2.21h6.75zm-88.928-5.383v2.503h-2.502v-2.503h2.502z" clip-path="url(#d)" filter="url(#e)" fill="rgba(0,0,0,0.85)" transform="translate(-20.5 -142)"/><text transform="translate(517.5 141.418)">
+        </text><path d="M19 148.708v-43.126h907c1.105 0 2 1.073 2 2.396v38.334c0 1.323-.895 2.396-2 2.396z" fill="#C00"/><path d="M583.483 258.217q2.295 3.064 3.394 6.153.94 2.661.94 5.566 0 3.296-1.264 6.372-1.263 3.076-3.07 5.371h-1.574q3.65-5.859 3.65-11.731 0-2.295-.525-4.553-.415-1.831-1.16-3.516-.476-1.098-1.965-3.662h1.574zm-24.475 4.944q2.295 0 3.784 1.856v-1.563h2.027v11.206q0 3.028-.617 4.291-.616 1.263-1.953 1.996-1.336.732-3.29.732-2.319 0-3.747-1.043-1.428-1.044-1.379-3.144l2.136.318q.134.988.744 1.44.818.61 2.234.61 1.526 0 2.356-.61.83-.61 1.123-1.709.171-.671.159-2.82-1.44 1.697-3.589 1.697-2.673 0-4.138-1.929-1.465-1.928-1.465-4.626 0-1.856.671-3.424.672-1.569 1.947-2.423 1.276-.855 2.997-.855zm.159 1.819q-1.465 0-2.49 1.19-1.026 1.19-1.026 3.534 0 2.551 1.014 3.723 1.013 1.172 2.539 1.172 1.513 0 2.539-1.166 1.025-1.165 1.025-3.656 0-2.38-1.056-3.588-1.056-1.209-2.545-1.209zm-100.574-6.763q-1.477 2.539-1.953 3.626-.744 1.684-1.172 3.515-.525 2.283-.525 4.59 0 5.872 3.65 11.731h-1.575q-1.818-2.295-3.076-5.371-1.257-3.076-1.257-6.372 0-2.905.94-5.566 1.099-3.089 3.394-6.153h1.574zm-75.073 4.944q1.66 0 2.93.855 1.269.854 1.916 2.411.647 1.556.647 3.411 0 1.99-.714 3.583-.714 1.593-2.075 2.442-1.361.848-2.863.848-1.098 0-1.971-.464t-1.434-1.172v6.311h-2.198v-17.932h2.002v1.685q.708-.989 1.599-1.483.891-.495 2.161-.495zm-.208 1.721q-1.403 0-2.484 1.313-1.08 1.312-1.08 3.814 0 2.503 1.013 3.699 1.013 1.196 2.454 1.196 1.465 0 2.508-1.239 1.044-1.239 1.044-3.839 0-2.478-1.019-3.711-1.019-1.233-2.436-1.233zm339.356 9.033v2.503q0 1.379-.488 2.228-.489.848-1.551 1.312l-.61-.94q.696-.305 1.025-.897.33-.592.367-1.703h-1.245v-2.503h2.502zm36.902-15.466q1.44 0 2.527.58 1.086.58 1.794 1.672.708 1.093 1.111 2.662.403 1.568.403 4.229 0 3.15-.647 5.085-.647 1.934-1.935 2.99-1.288 1.056-3.253 1.056-2.588 0-4.065-1.855-1.77-2.234-1.77-7.276 0-3.174.653-5.108.653-1.935 1.941-2.985 1.288-1.05 3.241-1.05zm-.025 1.819q-1.513 0-2.417 1.282-1.135 1.636-1.135 6.042 0 4.407 1.032 5.866 1.031 1.459 2.545 1.459 1.513 0 2.545-1.465 1.031-1.465 1.031-5.86 0-4.419-1.031-5.871-1.032-1.453-2.57-1.453zm-13.879-1.819q1.44 0 2.527.58 1.086.58 1.794 1.672.708 1.093 1.111 2.662.403 1.568.403 4.229 0 3.15-.647 5.085-.647 1.934-1.935 2.99-1.288 1.056-3.253 1.056-2.588 0-4.065-1.855-1.77-2.234-1.77-7.276 0-3.174.653-5.108.653-1.935 1.941-2.985 1.288-1.05 3.241-1.05zm-.024 1.819q-1.514 0-2.417 1.282-1.136 1.636-1.136 6.042 0 4.407 1.032 5.866 1.031 1.459 2.545 1.459t2.545-1.465q1.032-1.465 1.032-5.86 0-4.419-1.032-5.871-1.031-1.453-2.569-1.453zm-13.88-1.819q1.441 0 2.527.58t1.794 1.672q.709 1.093 1.111 2.662.403 1.568.403 4.229 0 3.15-.647 5.085-.647 1.934-1.935 2.99-1.287 1.056-3.253 1.056-2.588 0-4.065-1.855-1.77-2.234-1.77-7.276 0-3.174.653-5.108.653-1.935 1.941-2.985 1.288-1.05 3.241-1.05zm-.024 1.819q-1.514 0-2.417 1.282-1.135 1.636-1.135 6.042 0 4.407 1.031 5.866 1.032 1.459 2.545 1.459 1.514 0 2.545-1.465 1.032-1.465 1.032-5.86 0-4.419-1.032-5.871-1.031-1.453-2.569-1.453zm-20.826-1.819q2.344 0 3.773 1.361 1.428 1.361 1.428 3.315 0 1.245-.653 2.166-.653.922-1.984 1.422 1.648.538 2.509 1.734.86 1.196.86 2.856 0 2.295-1.623 3.858-1.624 1.562-4.273 1.562-2.649 0-4.272-1.568-1.624-1.569-1.624-3.913 0-1.745.885-2.923t2.521-1.606q-1.367-.5-2.026-1.428-.66-.928-.66-2.221 0-1.954 1.404-3.284 1.404-1.331 3.736-1.331zm-.012 9.216q-1.55.001-2.569 1.026-1.019 1.025-1.019 2.563 0 .94.445 1.819.446.879 1.325 1.361.878.483 1.892.483 1.574 0 2.6-1.014 1.025-1.013 1.025-2.575 0-1.587-1.056-2.625-1.056-1.037-2.643-1.037zm.037-7.409q-1.257 0-2.087.806-.83.805-.83 1.928 0 1.27.817 2.075.818.806 2.124.806 1.27 0 2.082-.799.811-.8.811-1.96 0-1.208-.836-2.032-.836-.824-2.081-.824zm-87.549-1.807q2.344 0 3.772 1.361t1.428 3.315q0 1.245-.653 2.166-.653.922-1.983 1.422 1.648.538 2.508 1.734.861 1.196.861 2.856 0 2.295-1.624 3.858-1.623 1.562-4.272 1.562t-4.273-1.568q-1.623-1.569-1.623-3.913 0-1.745.885-2.923t2.521-1.606q-1.368-.5-2.027-1.428-.659-.928-.659-2.221 0-1.954 1.404-3.284 1.404-1.331 3.735-1.331zm-.012 9.216q-1.55.001-2.57 1.026-1.019 1.025-1.019 2.563 0 .94.446 1.819.445.879 1.324 1.361.879.483 1.892.483 1.575 0 2.6-1.014 1.026-1.013 1.026-2.575 0-1.587-1.056-2.625-1.056-1.037-2.643-1.037zm.036-7.409q-1.257 0-2.087.806-.83.805-.83 1.928 0 1.27.818 2.075.818.806 2.124.806 1.27 0 2.081-.799.812-.8.812-1.96 0-1.208-.836-2.032-.836-.824-2.081-.824zm-255.871-2.039q1.99 0 3.51.641 1.519.641 2.337 1.886.818 1.245.879 2.82l-2.271.171q-.183-1.697-1.238-2.564-1.056-.866-3.119-.866-2.149 0-3.131.787-.983.787-.983 1.898 0 .965.696 1.587.683.623 3.57 1.276 2.887.653 3.961 1.141 1.563.72 2.308 1.825.744 1.105.744 2.545 0 1.429-.818 2.692-.818 1.263-2.35 1.965-1.532.702-3.448.702-2.429 0-4.071-.708t-2.576-2.13q-.934-1.422-.982-3.217l2.233-.195q.159 1.343.739 2.204.58.86 1.801 1.391 1.22.531 2.746.531 1.355 0 2.393-.403 1.037-.403 1.544-1.104.506-.702.506-1.532 0-.843-.488-1.471-.488-.629-1.611-1.056-.72-.281-3.186-.873t-3.455-1.117q-1.281-.671-1.91-1.666-.629-.995-.629-2.228 0-1.355.769-2.533t2.246-1.788q1.477-.611 3.284-.611zm205.92 4.944q2.601 0 4.248 1.77 1.648 1.77 1.648 4.981 0 .195-.012.586l-9.668-.001q.122 2.137 1.209 3.272 1.086 1.135 2.71 1.135 1.208 0 2.063-.634.854-.635 1.355-2.027l2.27.281q-.537 1.99-1.99 3.088-1.452 1.099-3.711 1.099-2.844 0-4.51-1.752-1.666-1.751-1.666-4.913 0-3.272 1.684-5.078 1.685-1.807 4.37-1.807zm.025 1.807q-1.514 0-2.545 1.013-1.032 1.013-1.142 2.71h7.239q-.146-1.636-.83-2.454-1.05-1.269-2.722-1.269zm-41.577-1.807q1.66 0 2.697.391 1.038.39 1.526.982.489.592.684 1.496.11.561.11 2.026v2.93q0 3.064.14 3.876.141.811.556 1.556h-2.295q-.342-.684-.44-1.599-1.22 1.037-2.35 1.465-1.129.427-2.423.427-2.136 0-3.283-1.044-1.148-1.043-1.148-2.667 0-.952.433-1.739.434-.788 1.136-1.264t1.581-.72q.646-.171 1.953-.33 2.661-.317 3.918-.757.012-.451.012-.573 0-1.343-.622-1.892-.843-.745-2.503-.745-1.55 0-2.289.543-.738.543-1.092 1.923l-2.148-.293q.292-1.38.964-2.228.671-.848 1.941-1.306 1.269-.458 2.942-.458zm2.795 6.751q-1.196.488-3.589.83-1.355.195-1.916.439-.562.244-.867.714-.305.47-.305 1.044 0 .879.665 1.465.665.586 1.947.586 1.27 0 2.258-.556.989-.555 1.453-1.519.354-.745.354-2.198v-.805zm-56.14-6.458v7.19q0 1.721.134 2.319.208.867.879 1.361.672.495 1.66.495.989 0 1.856-.507.866-.506 1.227-1.379.36-.873.36-2.533v-6.946h2.197v12.964h-1.965v-1.904q-1.514 2.197-4.114 2.197-1.148 0-2.142-.439-.995-.44-1.478-1.105-.482-.666-.677-1.63-.134-.647-.134-2.051v-8.032h2.197zm-53.857-.293q2.111 0 3.454 1.068t1.721 3.034l-2.136.329q-.305-1.306-1.08-1.965-.775-.659-1.874-.659-1.66 0-2.698 1.19-1.037 1.19-1.037 3.766 0 2.612 1.001 3.796 1.001 1.184 2.612 1.184 1.294 0 2.161-.793.866-.794 1.098-2.442l2.161.281q-.354 2.234-1.813 3.498-1.459 1.263-3.583 1.263-2.661 0-4.278-1.74-1.618-1.739-1.618-4.986 0-2.1.696-3.674.696-1.575 2.118-2.362 1.422-.788 3.095-.788zm-13.819 0q2.6 0 4.248 1.77 1.648 1.77 1.648 4.981 0 .195-.012.586l-9.668-.001q.122 2.137 1.208 3.272 1.087 1.135 2.71 1.135 1.209 0 2.063-.634.855-.635 1.355-2.027l2.271.281q-.537 1.99-1.99 3.088-1.452 1.099-3.711 1.099-2.844 0-4.51-1.752-1.667-1.751-1.667-4.913 0-3.272 1.685-5.078 1.685-1.807 4.37-1.807zm.025 1.807q-1.514 0-2.546 1.013-1.031 1.013-1.141 2.71h7.239q-.147-1.636-.83-2.454-1.05-1.269-2.722-1.269zm-13.929-1.807q2.6 0 4.248 1.77 1.648 1.77 1.648 4.981 0 .195-.012.586l-9.668-.001q.122 2.137 1.209 3.272 1.086 1.135 2.71 1.135 1.208 0 2.063-.634.854-.635 1.355-2.027l2.27.281q-.537 1.99-1.99 3.088-1.452 1.099-3.711 1.099-2.844 0-4.51-1.752-1.666-1.751-1.666-4.913 0-3.272 1.684-5.078 1.685-1.807 4.37-1.807zm.025 1.807q-1.514 0-2.545 1.013-1.032 1.013-1.142 2.71h7.239q-.146-1.636-.83-2.454-1.05-1.269-2.722-1.269zm-65.198-1.807q1.66 0 2.698.391 1.037.39 1.526.982.488.592.683 1.496.11.561.11 2.026v2.93q0 3.064.141 3.876.14.811.555 1.556h-2.295q-.342-.684-.439-1.599-1.221 1.037-2.35 1.465-1.129.427-2.423.427-2.137 0-3.284-1.044-1.148-1.043-1.148-2.667 0-.952.434-1.739.433-.788 1.135-1.264t1.581-.72q.647-.171 1.953-.33 2.661-.317 3.918-.757.013-.451.013-.573 0-1.343-.623-1.892-.842-.745-2.502-.745-1.551 0-2.289.543-.739.543-1.093 1.923l-2.148-.293q.293-1.38.964-2.228.672-.848 1.941-1.306 1.27-.458 2.942-.458zm2.795 6.751q-1.196.488-3.588.83-1.355.195-1.917.439-.561.244-.867.714-.305.47-.305 1.044 0 .879.665 1.465.666.586 1.948.586 1.269 0 2.258-.556.989-.555 1.452-1.519.354-.745.354-2.198v-.805zm-40.856-6.458v7.19q0 1.721.134 2.319.207.867.879 1.361.671.495 1.66.495.989 0 1.855-.507.867-.506 1.227-1.379.36-.873.36-2.533v-6.946h2.197v12.964h-1.965v-1.904q-1.514 2.197-4.114 2.197-1.147 0-2.142-.439-.995-.44-1.477-1.105-.482-.666-.677-1.63-.135-.647-.135-2.051v-8.032h2.198zm509.423 0v1.453l-7.019 8.227-1.355 1.502q1.477-.11 2.771-.11h5.994v1.892h-11.475v-1.782l8.252-9.473q-1.403.073-2.478.073h-5.285v-1.782h10.595zm-25.256-4.932v7.349h9.302v-7.349h2.368v17.896h-2.368v-8.435h-9.302v8.435h-2.368v-17.896h2.368zm-78.467-.073v17.969h-2.197v-14.001q-.794.756-2.081 1.513-1.288.757-2.314 1.135v-2.124q1.844-.866 3.223-2.099 1.379-1.233 1.953-2.393h1.416zm-32.458 5.005v1.453l-7.019 8.227-1.355 1.502q1.477-.11 2.771-.11h5.993v1.892h-11.474v-1.782l8.252-9.473q-1.404.073-2.478.073h-5.286v-1.782h10.596zm-25.257-4.932v7.349h9.302v-7.349h2.368v17.896h-2.368v-8.435h-9.302v8.435h-2.368v-17.896h2.368zm-29.809-.073v17.969h-2.197v-14.001q-.794.756-2.082 1.513-1.288.757-2.313 1.135v-2.124q1.843-.866 3.223-2.099 1.379-1.233 1.953-2.393h1.416zm-18.445 15.466v2.503h-2.502v-2.503h2.502zm-47.046-10.754q1.172 0 2.155.421.982.421 1.471 1.105.488.684.683 1.624.122.61.122 2.136v7.971h-2.197v-7.886q0-1.343-.256-2.008-.257-.665-.91-1.062t-1.532-.397q-1.404 0-2.423.892-1.019.891-1.019 3.381v7.08h-2.198v-12.964h1.978v1.843q1.428-2.136 4.126-2.136zm-29.81-4.639q2.393 0 3.638.483 1.245.482 1.99 1.703.745 1.22.745 2.697 0 1.905-1.233 3.211-1.233 1.306-3.809 1.66.94.452 1.428.891 1.038.952 1.966 2.38l3.112 4.871h-2.978l-2.368-3.723q-1.038-1.611-1.709-2.466-.672-.854-1.203-1.196-.531-.342-1.08-.476-.403-.086-1.318-.086h-2.747v7.947h-2.368v-17.896h7.934zm.098 1.978h-5.664v5.92h5.09q1.624 0 2.539-.335.916-.336 1.392-1.074.476-.739.476-1.606 0-1.269-.921-2.087-.922-.818-2.912-.818zm-18.701-1.978v17.896h-2.197v-17.896h2.197zm-5.554 0v17.896h-2.197v-17.896h2.197zm-18.848 0v2.112h-9.705v5.542h8.399v2.112h-8.399v8.13h-2.368v-17.896h12.073zm-39.453 0v6.421q1.538-1.782 3.882-1.782 1.44 0 2.502.568 1.062.567 1.52 1.568.458 1.001.458 2.906v8.215h-2.197v-8.215q0-1.648-.715-2.399-.714-.751-2.02-.751-.976 0-1.837.507-.861.506-1.227 1.373-.366.867-.366 2.393v7.092h-2.197v-17.896h2.197zm-87.83 4.639q1.172 0 2.155.421.983.421 1.471 1.105.488.684.683 1.624.123.61.123 2.136l-.001 7.971h-2.197v-7.886q0-1.343-.256-2.008t-.909-1.062q-.654-.397-1.532-.397-1.404 0-2.424.892-1.019.891-1.019 3.381v7.08h-2.197v-12.964h1.977v1.843q1.429-2.136 4.126-2.136zm-27.27 0q1.929 0 2.966 1.068 1.038 1.068 1.038 3.29v8.899h-2.185v-8.167q0-1.318-.214-1.898-.214-.58-.775-.934-.562-.354-1.318-.354-1.368 0-2.271.91-.903.909-.903 2.911v7.532h-2.198v-8.423q.001-1.465-.537-2.197-.537-.733-1.757-.733-.928 0-1.715.489-.788.488-1.142 1.428-.354.94-.354 2.71v6.726h-2.197v-12.964h1.965v1.819q.611-.952 1.624-1.532 1.013-.58 2.307-.58 1.44 0 2.362.598.922.598 1.3 1.673 1.538-2.271 4.004-2.271zm-42.798-4.639v7.349h9.302v-7.349h2.368v17.896h-2.368v-8.435h-9.302v8.435h-2.368v-17.896h2.368zm406.14 10.315v2.21h-6.75v-2.21h6.75zm-88.928-5.383v2.503h-2.502v-2.503h2.502z" clip-path="url(#d)" filter="url(#e)" fill="rgb(0 0 0 / 85%)" transform="translate(-20.5 -142)"/><text transform="translate(517.5 141.418)">
           <tspan x="-266.101" y="-7" font-family="Arial" font-size="25" fill="#FFF">Human Speech (Full Range): 18 Hz - 18,000 Hz</tspan>
         </text><text transform="translate(381.753 20.499)">
         <tspan x="-229.747" y="5.5" font-family="Arial" font-size="25" fill="#FFF">Human Speech (Core): 500 Hz - 3,000 </tspan>
diff --git a/files/en-us/web/media/formats/video_codecs/index.md b/files/en-us/web/media/formats/video_codecs/index.md
index 8ebcb53d5a110a6..56b3c680da988d7 100644
--- a/files/en-us/web/media/formats/video_codecs/index.md
+++ b/files/en-us/web/media/formats/video_codecs/index.md
@@ -144,7 +144,7 @@ Additionally, all codecs have their strengths and weaknesses. Some have trouble
         The higher the color bit depth, the higher the quality of color fidelity
         is achieved in the video. Additionally, in saturated portions of the
         image (that is, where colors are pure and intense, such as a bright,
-        pure red [<code>rgba(255, 0, 0, 1)</code>]), color depths below 10 bits
+        pure red [<code>rgb(255 0 0 / 100%)</code>]), color depths below 10 bits
         per component (10-bit color) allow banding, where gradients cannot be
         represented without visible stepping of the colors.
       </td>
diff --git a/files/en-us/web/progressive_web_apps/guides/offline_and_background_operation/push-messaging-1.svg b/files/en-us/web/progressive_web_apps/guides/offline_and_background_operation/push-messaging-1.svg
index 34cf1e857fd5eca..084cea95d6cd0e6 100644
--- a/files/en-us/web/progressive_web_apps/guides/offline_and_background_operation/push-messaging-1.svg
+++ b/files/en-us/web/progressive_web_apps/guides/offline_and_background_operation/push-messaging-1.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" style="background-color:#fff" xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="500" viewBox="-0.5 -0.5 600 500"><path fill="#FFF" stroke="#000" pointer-events="all" d="M274.9 60h90v40h-90z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:88px;height:1px;padding-top:80px;margin-left:276px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">App server</div></div></div></foreignObject><text x="320" y="84" font-family="Helvetica" font-size="14" text-anchor="middle">App server</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M219.9 231h260v209h-260z"/><path fill="#FFF" stroke="#000" pointer-events="all" d="M259.9 370h120v40h-120z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:390px;margin-left:261px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Browser</div></div></div></foreignObject><text x="320" y="394" font-family="Helvetica" font-size="14" text-anchor="middle">Browser</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M279.9 260h80v40h-80z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:78px;height:1px;padding-top:280px;margin-left:281px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Main app</div></div></div></foreignObject><text x="320" y="284" font-family="Helvetica" font-size="14" text-anchor="middle">Main app</text></switch><path d="M274.9 70q-45-40-70-35t-25 40q0 35 81.43 17.86" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m273.81 90.23-14.89 11.82 2.41-9.19-5.91-7.45Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:62px;margin-left:121px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div style="font-size:14px">1. Provision server</div><div style="font-size:14px">with signing keys</div></div></div></div></foreignObject><text x="121" y="66" font-family="Helvetica" font-size="14" text-anchor="middle">1. Provision server...</text></switch><path d="M319.9 300v56.13" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m319.9 368.88-8.5-17 8.5 4.25 8.5-4.25Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:331px;margin-left:242px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div style="font-size:14px" align="left">2. PushManager.subscribe()</div></div></div></div></foreignObject><text x="242" y="335" font-family="Helvetica" font-size="14">2. PushManager.subscribe()</text></switch><path d="M319.9 260V113.87" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m319.9 101.12 8.5 17-8.5-4.25-8.5 4.25Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:171px;margin-left:238px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div style="font-size:14px" align="left">3. Send to app server:</div><div style="font-size:14px" align="left">- push service endpoint</div><div style="font-size:14px" align="left">- push service public encryption key</div></div></div></div></foreignObject><text x="238" y="175" font-family="Helvetica" font-size="14">3. Send to app server:...</text></switch><path fill="#FFF" pointer-events="all" d="M399.9 240h70v40h-70z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:68px;height:1px;padding-top:260px;margin-left:401px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Device</div></div></div></foreignObject><text x="435" y="264" font-family="Helvetica" font-size="14" text-anchor="middle">Device</text></switch></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" style="background-color:#fff" xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="500" viewBox="-0.5 -0.5 600 500"><path fill="#FFF" stroke="#000" pointer-events="all" d="M274.9 60h90v40h-90z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:88px;height:1px;padding-top:80px;margin-left:276px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">App server</div></div></div></foreignObject><text x="320" y="84" font-family="Helvetica" font-size="14" text-anchor="middle">App server</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M219.9 231h260v209h-260z"/><path fill="#FFF" stroke="#000" pointer-events="all" d="M259.9 370h120v40h-120z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:390px;margin-left:261px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Browser</div></div></div></foreignObject><text x="320" y="394" font-family="Helvetica" font-size="14" text-anchor="middle">Browser</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M279.9 260h80v40h-80z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:78px;height:1px;padding-top:280px;margin-left:281px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Main app</div></div></div></foreignObject><text x="320" y="284" font-family="Helvetica" font-size="14" text-anchor="middle">Main app</text></switch><path d="M274.9 70q-45-40-70-35t-25 40q0 35 81.43 17.86" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m273.81 90.23-14.89 11.82 2.41-9.19-5.91-7.45Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:62px;margin-left:121px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div style="font-size:14px">1. Provision server</div><div style="font-size:14px">with signing keys</div></div></div></div></foreignObject><text x="121" y="66" font-family="Helvetica" font-size="14" text-anchor="middle">1. Provision server...</text></switch><path d="M319.9 300v56.13" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m319.9 368.88-8.5-17 8.5 4.25 8.5-4.25Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:331px;margin-left:242px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div style="font-size:14px" align="left">2. PushManager.subscribe()</div></div></div></div></foreignObject><text x="242" y="335" font-family="Helvetica" font-size="14">2. PushManager.subscribe()</text></switch><path d="M319.9 260V113.87" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m319.9 101.12 8.5 17-8.5-4.25-8.5 4.25Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:171px;margin-left:238px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div style="font-size:14px" align="left">3. Send to app server:</div><div style="font-size:14px" align="left">- push service endpoint</div><div style="font-size:14px" align="left">- push service public encryption key</div></div></div></div></foreignObject><text x="238" y="175" font-family="Helvetica" font-size="14">3. Send to app server:...</text></switch><path fill="#FFF" pointer-events="all" d="M399.9 240h70v40h-70z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:68px;height:1px;padding-top:260px;margin-left:401px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Device</div></div></div></foreignObject><text x="435" y="264" font-family="Helvetica" font-size="14" text-anchor="middle">Device</text></switch></svg>
\ No newline at end of file
diff --git a/files/en-us/web/progressive_web_apps/guides/offline_and_background_operation/push-messaging-2.svg b/files/en-us/web/progressive_web_apps/guides/offline_and_background_operation/push-messaging-2.svg
index 80b5fd1f2f8a272..5c115aa220afe55 100644
--- a/files/en-us/web/progressive_web_apps/guides/offline_and_background_operation/push-messaging-2.svg
+++ b/files/en-us/web/progressive_web_apps/guides/offline_and_background_operation/push-messaging-2.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" style="background-color:#fff" xmlns:xlink="http://www.w3.org/1999/xlink" width="700" height="600" viewBox="-0.5 -0.5 700 600"><path fill="#FFF" stroke="#000" pointer-events="all" d="M395 50h90v40h-90z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:88px;height:1px;padding-top:70px;margin-left:396px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">App server</div></div></div></foreignObject><text x="440" y="74" font-family="Helvetica" font-size="14" text-anchor="middle">App server</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M40 180h90v40H40z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:88px;height:1px;padding-top:200px;margin-left:41px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Push service</div></div></div></foreignObject><text x="85" y="204" font-family="Helvetica" font-size="14" text-anchor="middle">Push service</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M220 160h450v360H220z"/><path fill="#FFF" stroke="#000" pointer-events="all" d="M380 220h120v40H380z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:240px;margin-left:381px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Browser</div></div></div></foreignObject><text x="440" y="244" font-family="Helvetica" font-size="14" text-anchor="middle">Browser</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M380 435h120v40H380z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:455px;margin-left:381px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Service worker</div></div></div></foreignObject><text x="440" y="459" font-family="Helvetica" font-size="14" text-anchor="middle">Service worker</text></switch><path d="M395 70Q270 90 141.28 181.94" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.91 189.35 8.89-16.8 1.48 9.39 8.4 4.45Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:111px;margin-left:177px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div align="left">2. Send push message</div></div></div></div></foreignObject><text x="177" y="115" font-family="Helvetica" font-size="14">2. Send push message</text></switch><path d="M85 220q45 110 281.95 24.7" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m378.95 240.38-13.12 13.75 1.12-9.43-6.88-6.56Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:278px;margin-left:58px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div align="left">4. Deliver encrypted</div><div align="left">push message<br/></div></div></div></div></foreignObject><text x="58" y="282" font-family="Helvetica" font-size="14">4. Deliver encrypted...</text></switch><path d="M107.5 180q2.5-30-7.5-40t-20-10q-10 0-20 10t-2.83 27.2" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m62.07 178.97-14.38-12.43 9.48.66 6.21-7.19Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:100px;margin-left:52px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:nowrap"><div align="left">3. Verify</div><div align="left">push message<br/>signature</div></div></div></div></foreignObject><text x="52" y="104" font-family="Helvetica" font-size="14">3. Verif...</text></switch><path fill="#FFF" pointer-events="all" d="M570 170h80v40h-80z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:78px;height:1px;padding-top:190px;margin-left:571px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Device</div></div></div></foreignObject><text x="610" y="194" font-family="Helvetica" font-size="14" text-anchor="middle">Device</text></switch><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:241px;margin-left:562px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div>5. Decrypt</div><div>push message<br/></div></div></div></div></foreignObject><text x="562" y="245" font-family="Helvetica" font-size="14">5. Decrypt...</text></switch><path d="M470 260v161.13" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m470 433.88-8.5-17 8.5 4.25 8.5-4.25Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:315px;margin-left:432px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div align="left">6. Fire push event</div><div align="left">containing message<br/></div></div></div></div></foreignObject><text x="432" y="319" font-family="Helvetica" font-size="14">6. Fire push event...</text></switch><path fill="none" pointer-events="all" d="M560 435h130v30H560z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:128px;height:1px;padding-top:442px;margin-left:562px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><div>7. Handle</div><div>message</div></div></div></div></foreignObject><text x="562" y="456" font-family="Helvetica" font-size="14">7. Handle...</text></switch><path d="M500 465q30 9 45-1t10-20q-5-10-41.46-1.98" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m501.09 444.76 14.78-11.95-2.33 9.21 5.98 7.39Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path d="M485 80q30 10 45 0t10-20q-5-10-41.4-2.72" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m486.1 59.78 15-11.67-2.5 9.17 5.83 7.5Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path d="M410 435V273.87" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m410 261.12 8.5 17-8.5-4.25-8.5 4.25Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:377px;margin-left:372px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div align="left">8. Display</div><div align="left">notification<br/></div></div></div></div></foreignObject><text x="372" y="381" font-family="Helvetica" font-size="14">8. Display...</text></switch><path d="M500 250q30 10 45 0t10-20q-5-10-41.4-2.72" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m501.1 229.78 15-11.67-2.5 9.17 5.83 7.5Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:71px;margin-left:552px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div>1. Encrypt and sign<br/></div><div>push message<br/></div></div></div></div></foreignObject><text x="552" y="75" font-family="Helvetica" font-size="14">1. Encrypt and sign...</text></switch><path d="M380 465q-60 15-65-10t51.44-12.91" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m378.91 444.77-18.41 4.75 5.94-7.43-2.37-9.2Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path fill="none" pointer-events="all" d="M240 420h130v30H240z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:128px;height:1px;padding-top:427px;margin-left:242px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><div>9. Handle</div><div>notification</div><div>response<br/></div></div></div></div></foreignObject><text x="242" y="441" font-family="Helvetica" font-size="14">9. Handle...</text></switch></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" style="background-color:#fff" xmlns:xlink="http://www.w3.org/1999/xlink" width="700" height="600" viewBox="-0.5 -0.5 700 600"><path fill="#FFF" stroke="#000" pointer-events="all" d="M395 50h90v40h-90z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:88px;height:1px;padding-top:70px;margin-left:396px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">App server</div></div></div></foreignObject><text x="440" y="74" font-family="Helvetica" font-size="14" text-anchor="middle">App server</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M40 180h90v40H40z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:88px;height:1px;padding-top:200px;margin-left:41px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Push service</div></div></div></foreignObject><text x="85" y="204" font-family="Helvetica" font-size="14" text-anchor="middle">Push service</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M220 160h450v360H220z"/><path fill="#FFF" stroke="#000" pointer-events="all" d="M380 220h120v40H380z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:240px;margin-left:381px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Browser</div></div></div></foreignObject><text x="440" y="244" font-family="Helvetica" font-size="14" text-anchor="middle">Browser</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M380 435h120v40H380z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:455px;margin-left:381px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Service worker</div></div></div></foreignObject><text x="440" y="459" font-family="Helvetica" font-size="14" text-anchor="middle">Service worker</text></switch><path d="M395 70Q270 90 141.28 181.94" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.91 189.35 8.89-16.8 1.48 9.39 8.4 4.45Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:111px;margin-left:177px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div align="left">2. Send push message</div></div></div></div></foreignObject><text x="177" y="115" font-family="Helvetica" font-size="14">2. Send push message</text></switch><path d="M85 220q45 110 281.95 24.7" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m378.95 240.38-13.12 13.75 1.12-9.43-6.88-6.56Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:278px;margin-left:58px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div align="left">4. Deliver encrypted</div><div align="left">push message<br/></div></div></div></div></foreignObject><text x="58" y="282" font-family="Helvetica" font-size="14">4. Deliver encrypted...</text></switch><path d="M107.5 180q2.5-30-7.5-40t-20-10q-10 0-20 10t-2.83 27.2" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m62.07 178.97-14.38-12.43 9.48.66 6.21-7.19Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:100px;margin-left:52px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:nowrap"><div align="left">3. Verify</div><div align="left">push message<br/>signature</div></div></div></div></foreignObject><text x="52" y="104" font-family="Helvetica" font-size="14">3. Verif...</text></switch><path fill="#FFF" pointer-events="all" d="M570 170h80v40h-80z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:78px;height:1px;padding-top:190px;margin-left:571px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Device</div></div></div></foreignObject><text x="610" y="194" font-family="Helvetica" font-size="14" text-anchor="middle">Device</text></switch><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:241px;margin-left:562px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div>5. Decrypt</div><div>push message<br/></div></div></div></div></foreignObject><text x="562" y="245" font-family="Helvetica" font-size="14">5. Decrypt...</text></switch><path d="M470 260v161.13" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m470 433.88-8.5-17 8.5 4.25 8.5-4.25Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:315px;margin-left:432px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div align="left">6. Fire push event</div><div align="left">containing message<br/></div></div></div></div></foreignObject><text x="432" y="319" font-family="Helvetica" font-size="14">6. Fire push event...</text></switch><path fill="none" pointer-events="all" d="M560 435h130v30H560z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:128px;height:1px;padding-top:442px;margin-left:562px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><div>7. Handle</div><div>message</div></div></div></div></foreignObject><text x="562" y="456" font-family="Helvetica" font-size="14">7. Handle...</text></switch><path d="M500 465q30 9 45-1t10-20q-5-10-41.46-1.98" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m501.09 444.76 14.78-11.95-2.33 9.21 5.98 7.39Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path d="M485 80q30 10 45 0t10-20q-5-10-41.4-2.72" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m486.1 59.78 15-11.67-2.5 9.17 5.83 7.5Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path d="M410 435V273.87" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m410 261.12 8.5 17-8.5-4.25-8.5 4.25Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:377px;margin-left:372px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div align="left">8. Display</div><div align="left">notification<br/></div></div></div></div></foreignObject><text x="372" y="381" font-family="Helvetica" font-size="14">8. Display...</text></switch><path d="M500 250q30 10 45 0t10-20q-5-10-41.4-2.72" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m501.1 229.78 15-11.67-2.5 9.17 5.83 7.5Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe flex-start;width:1px;height:1px;padding-top:71px;margin-left:552px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0); background-color: rgb(255 255 255);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;background-color:#fff;white-space:nowrap"><div>1. Encrypt and sign<br/></div><div>push message<br/></div></div></div></div></foreignObject><text x="552" y="75" font-family="Helvetica" font-size="14">1. Encrypt and sign...</text></switch><path d="M380 465q-60 15-65-10t51.44-12.91" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="stroke"/><path d="m378.91 444.77-18.41 4.75 5.94-7.43-2.37-9.2Z" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path fill="none" pointer-events="all" d="M240 420h130v30H240z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:128px;height:1px;padding-top:427px;margin-left:242px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal"><div>9. Handle</div><div>notification</div><div>response<br/></div></div></div></div></foreignObject><text x="242" y="441" font-family="Helvetica" font-size="14">9. Handle...</text></switch></svg>
\ No newline at end of file
diff --git a/files/en-us/web/progressive_web_apps/guides/what_is_a_progressive_web_app/pwa-environment.svg b/files/en-us/web/progressive_web_apps/guides/what_is_a_progressive_web_app/pwa-environment.svg
index 3a81d6b0482c248..3376a610f93532a 100644
--- a/files/en-us/web/progressive_web_apps/guides/what_is_a_progressive_web_app/pwa-environment.svg
+++ b/files/en-us/web/progressive_web_apps/guides/what_is_a_progressive_web_app/pwa-environment.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" style="background-color:#fff" xmlns:xlink="http://www.w3.org/1999/xlink" width="561" height="382" viewBox="-0.5 -0.5 561 382"><path fill="#FFF" stroke="#000" pointer-events="all" d="M0 0h560v380H0z"/><path fill="#e6e6e6" stroke="#000" pointer-events="all" d="M22 292.25h130v60H22z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:128px;height:1px;padding-top:322px;margin-left:23px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;font-weight:700;white-space:normal;overflow-wrap:normal">Platform-specific app</div></div></div></foreignObject><text x="87" y="326" font-family="Helvetica" font-size="14" text-anchor="middle" font-weight="bold">Platform-specific...</text></switch><path fill="#e6e6e6" stroke="#000" pointer-events="all" d="M22 195.25h130v60H22z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:128px;height:1px;padding-top:225px;margin-left:23px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;font-weight:700;white-space:normal;overflow-wrap:normal">Progressive web app</div></div></div></foreignObject><text x="87" y="229" font-family="Helvetica" font-size="14" text-anchor="middle" font-weight="bold">Progressive web app</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M212 18.25h140v140H212zm-1 177h140v60H211z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:138px;height:1px;padding-top:225px;margin-left:212px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Browser engine</div></div></div></foreignObject><text x="281" y="229" font-family="Helvetica" font-size="14" text-anchor="middle">Browser engine</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M413 18.25h120v330H413z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:183px;margin-left:414px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Operating system</div></div></div></foreignObject><text x="473" y="187" font-family="Helvetica" font-size="14" text-anchor="middle">Operating system</text></switch><path fill="#e6e6e6" stroke="#000" pointer-events="all" d="M222 68.25h120v60H222z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:98px;margin-left:223px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;font-weight:700;white-space:normal;overflow-wrap:normal">Traditional website</div></div></div></foreignObject><text x="282" y="102" font-family="Helvetica" font-size="14" text-anchor="middle" font-weight="bold">Traditional websi...</text></switch><path fill="#FFF" pointer-events="all" d="M221 31.75h120v20H221z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:42px;margin-left:222px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Browser UI</div></div></div></foreignObject><text x="281" y="46" font-family="Helvetica" font-size="14" text-anchor="middle">Browser UI</text></switch><path d="m286.29 175.83 10.5.15-15.78 18.77-15.22-19.23 10.5.16.42-28.01-10.5-.15 15.78-18.77 15.22 19.23-10.5-.16Zm-93.79 44.42v-10.5l19 15.5-19 15.5v-10.5h-21v10.5l-19-15.5 19-15.5v10.5Z" fill="#FFF" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path d="M171.5 327.25v10.5l-19-15.5 19-15.5v10.5h223v-10.5l19 15.5-19 15.5v-10.5Zm199.99-96.97-.02 10.5-18.97-15.53 19.03-15.47-.02 10.5 22 .04.02-10.5 18.97 15.54-19.03 15.46.02-10.5Z" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path fill="none" pointer-events="all" d="M22 18.25h60V59H22z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:39px;margin-left:23px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Device</div></div></div></foreignObject><text x="52" y="43" font-family="Helvetica" font-size="14" text-anchor="middle">Device</text></switch><path d="m371.49 99.86-.02 10.5-18.97-15.53 19.03-15.47-.02 10.5 22 .04.02-10.5 18.97 15.54-19.03 15.46.02-10.5Z" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="all"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" style="background-color:#fff" xmlns:xlink="http://www.w3.org/1999/xlink" width="561" height="382" viewBox="-0.5 -0.5 561 382"><path fill="#FFF" stroke="#000" pointer-events="all" d="M0 0h560v380H0z"/><path fill="#e6e6e6" stroke="#000" pointer-events="all" d="M22 292.25h130v60H22z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:128px;height:1px;padding-top:322px;margin-left:23px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;font-weight:700;white-space:normal;overflow-wrap:normal">Platform-specific app</div></div></div></foreignObject><text x="87" y="326" font-family="Helvetica" font-size="14" text-anchor="middle" font-weight="bold">Platform-specific...</text></switch><path fill="#e6e6e6" stroke="#000" pointer-events="all" d="M22 195.25h130v60H22z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:128px;height:1px;padding-top:225px;margin-left:23px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;font-weight:700;white-space:normal;overflow-wrap:normal">Progressive web app</div></div></div></foreignObject><text x="87" y="229" font-family="Helvetica" font-size="14" text-anchor="middle" font-weight="bold">Progressive web app</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M212 18.25h140v140H212zm-1 177h140v60H211z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:138px;height:1px;padding-top:225px;margin-left:212px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Browser engine</div></div></div></foreignObject><text x="281" y="229" font-family="Helvetica" font-size="14" text-anchor="middle">Browser engine</text></switch><path fill="#FFF" stroke="#000" pointer-events="all" d="M413 18.25h120v330H413z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:183px;margin-left:414px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Operating system</div></div></div></foreignObject><text x="473" y="187" font-family="Helvetica" font-size="14" text-anchor="middle">Operating system</text></switch><path fill="#e6e6e6" stroke="#000" pointer-events="all" d="M222 68.25h120v60H222z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:98px;margin-left:223px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;font-weight:700;white-space:normal;overflow-wrap:normal">Traditional website</div></div></div></foreignObject><text x="282" y="102" font-family="Helvetica" font-size="14" text-anchor="middle" font-weight="bold">Traditional websi...</text></switch><path fill="#FFF" pointer-events="all" d="M221 31.75h120v20H221z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:42px;margin-left:222px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Browser UI</div></div></div></foreignObject><text x="281" y="46" font-family="Helvetica" font-size="14" text-anchor="middle">Browser UI</text></switch><path d="m286.29 175.83 10.5.15-15.78 18.77-15.22-19.23 10.5.16.42-28.01-10.5-.15 15.78-18.77 15.22 19.23-10.5-.16Zm-93.79 44.42v-10.5l19 15.5-19 15.5v-10.5h-21v10.5l-19-15.5 19-15.5v10.5Z" fill="#FFF" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path d="M171.5 327.25v10.5l-19-15.5 19-15.5v10.5h223v-10.5l19 15.5-19 15.5v-10.5Zm199.99-96.97-.02 10.5-18.97-15.53 19.03-15.47-.02 10.5 22 .04.02-10.5 18.97 15.54-19.03 15.46.02-10.5Z" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="all"/><path fill="none" pointer-events="all" d="M22 18.25h60V59H22z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:58px;height:1px;padding-top:39px;margin-left:23px"><div style="box-sizing:border-box;font-size:0;text-align:center" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:14px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Device</div></div></div></foreignObject><text x="52" y="43" font-family="Helvetica" font-size="14" text-anchor="middle">Device</text></switch><path d="m371.49 99.86-.02 10.5-18.97-15.53 19.03-15.47-.02 10.5 22 .04.02-10.5 18.97 15.54-19.03 15.46.02-10.5Z" fill="none" stroke="#000" stroke-miterlimit="10" pointer-events="all"/></svg>
\ No newline at end of file
diff --git a/files/en-us/web/svg/attribute/d/index.md b/files/en-us/web/svg/attribute/d/index.md
index 6bf9de8b912e5df..fc7d1fc7c83ca89 100644
--- a/files/en-us/web/svg/attribute/d/index.md
+++ b/files/en-us/web/svg/attribute/d/index.md
@@ -870,7 +870,10 @@ svg {
 
   <!-- Highlight the curve vertex and control points -->
   <g>
-    <polyline points="10,50 25,25 40,50" stroke="rgba(0,0,0,.2)" fill="none" />
+    <polyline
+      points="10,50 25,25 40,50"
+      stroke="rgb(0 0 0 / 20%)"
+      fill="none" />
     <circle cx="25" cy="25" r="1.5" />
 
     <!-- Curve vertex points -->
@@ -880,7 +883,7 @@ svg {
     <g id="SmoothQuadraticDown">
       <polyline
         points="40,50 55,75 70,50"
-        stroke="rgba(0,0,0,.2)"
+        stroke="rgb(0 0 0 / 20%)"
         stroke-dasharray="2"
         fill="none" />
       <circle cx="55" cy="75" r="1.5" fill="lightgrey" />
@@ -890,7 +893,7 @@ svg {
     <g id="SmoothQuadraticUp">
       <polyline
         points="70,50 85,25 100,50"
-        stroke="rgba(0,0,0,.2)"
+        stroke="rgb(0 0 0 / 20%)"
         stroke-dasharray="2"
         fill="none" />
       <circle cx="85" cy="25" r="1.5" fill="lightgrey" />
diff --git a/files/en-us/web/svg/attribute/stroke-dashoffset/index.md b/files/en-us/web/svg/attribute/stroke-dashoffset/index.md
index 38b930c8e614723..fb74a8bd0e97717 100644
--- a/files/en-us/web/svg/attribute/stroke-dashoffset/index.md
+++ b/files/en-us/web/svg/attribute/stroke-dashoffset/index.md
@@ -87,7 +87,7 @@ svg {
   the following red lines highlight the
   offset of the dash array for each line
   -->
-  <path d="M0,5 h-3 M0,7 h3 M0,9 h-1" stroke="rgba(255,0,0,.5)" />
+  <path d="M0,5 h-3 M0,7 h3 M0,9 h-1" stroke="rgb(255 0 0 / 50%)" />
 </svg>
 ```
 
diff --git a/files/en-us/web/svg/content_type/index.md b/files/en-us/web/svg/content_type/index.md
index b07b99c0c6dee5b..7b71d7d717d7a34 100644
--- a/files/en-us/web/svg/content_type/index.md
+++ b/files/en-us/web/svg/content_type/index.md
@@ -98,12 +98,12 @@ SVG makes use of a number of data types. This article lists these types along wi
 
     In addition to these color keywords, users may specify keywords that correspond to the colors used by objects in the user's environment. The normative definition of these keywords is found in [User preferences for colors](https://www.w3.org/TR/2008/REC-CSS2-20080411/ui.html#system-colors) (CSS2, section 18.2).
 
-    The format of an RGB value in hexadecimal notation is a "`#`" immediately followed by either three or six hexadecimal characters. The three-digit RGB notation (`#rgb`) is converted into six-digit form (`#rrggbb`) by replicating digits, not by adding zeros. For example, `#fb0` expands to `#ffbb00`. This ensures that white (`#ffffff`) can be specified with the short notation (`#fff`) and removes any dependencies on the color depth of the display. The format of an RGB value in the functional notation is an RGB start-function, followed by a comma-separated list of three numerical values (either three integer values or three percentage values) followed by "`)`". An RGB start-function is the case-insensitive string "`rgb(`", for example "`RGB(`" or "`rGb(`". For compatibility, the all-lowercase form "`rgb(`" is preferred. The integer value `255` corresponds to `100%`, and to `F` or `FF` in the hexadecimal notation: `rgb(255,255,255)` = `rgb(100%,100%,100%)` = `#FFF`. White space characters are allowed around the numerical values. All RGB colors are specified in the sRGB color space. Using sRGB provides an unambiguous and objectively measurable definition of the color, which can be related to international standards.
+    The format of an RGB value in hexadecimal notation is a "`#`" immediately followed by either three or six hexadecimal characters. The three-digit RGB notation (`#rgb`) is converted into six-digit form (`#rrggbb`) by replicating digits, not by adding zeros. For example, `#fb0` expands to `#ffbb00`. This ensures that white (`#ffffff`) can be specified with the short notation (`#fff`) and removes any dependencies on the color depth of the display. The format of an RGB value in the functional notation is an RGB start-function, followed by a comma-separated list of three numerical values (either three integer values or three percentage values) followed by "`)`". An RGB start-function is the case-insensitive string "`rgb(`", for example "`RGB(`" or "`rGb(`". For compatibility, the all-lowercase form "`rgb(`" is preferred. The integer value `255` corresponds to `100%`, and to `F` or `FF` in the hexadecimal notation: `rgb(255 255 255)` = `rgb(100% 100% 100%)` = `#FFF`. White space characters are allowed around the numerical values. All RGB colors are specified in the sRGB color space. Using sRGB provides an unambiguous and objectively measurable definition of the color, which can be related to international standards.
 
     ```plain
     color    ::= "#" hexdigit hexdigit hexdigit (hexdigit hexdigit hexdigit)?
-                  | "rgb("integer, integer, integer")"
-                  | "rgb("integer "%", integer "%", integer "%)"
+                  | "rgb("integer integer integer")"
+                  | "rgb("integer "%" integer "%" integer "%)"
                   | color-keyword
     hexdigit ::= [0-9A-Fa-f]
     ```

From aff3a6802daf0e43343ffab94ea7594f71bf8b2c Mon Sep 17 00:00:00 2001
From: Hakeem <65634467+Ahmed-Hakeem@users.noreply.github.com>
Date: Mon, 15 Jan 2024 14:18:46 -0800
Subject: [PATCH 422/790] add examples about using splice to add elements to
 array (#31705)

* add examples about using splice to add elements to array

* remove insertion duplication

* Remove word duplication

* move and enhance unshift and push examples

* adhere linting rules

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* enhance example header

* Apply suggestions from code review

* Update index.md

* Update index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../global_objects/array/splice/index.md      | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/files/en-us/web/javascript/reference/global_objects/array/splice/index.md b/files/en-us/web/javascript/reference/global_objects/array/splice/index.md
index 9e72897b644e7b8..a28c4ccc0fc8cfa 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/splice/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/splice/index.md
@@ -87,6 +87,30 @@ const removed = myFish.splice(2, 0, "drum", "guitar");
 // removed is [], no elements removed
 ```
 
+### Remove 0 (zero) elements at index 0, and insert "angel"
+
+`splice(0, 0, ...elements)` inserts elements at the start of the array like {{jsxref("Array/unshift", "unshift()")}}.
+
+```js
+const myFish = ["clown", "mandarin", "sturgeon"];
+const removed = myFish.splice(0, 0, "angel");
+
+// myFish is ["angel", "clown", "mandarin", "sturgeon"]
+// no items removed
+```
+
+### Remove 0 (zero) elements at last index, and insert "sturgeon"
+
+`splice(array.length, 0, ...elements)` inserts elements at the end of the array like {{jsxref("Array/push", "push()")}}.
+
+```js
+const myFish = ["angel", "clown", "mandarin"];
+const removed = myFish.splice(myFish.length, 0, "sturgeon");
+
+// myFish is ["angel", "clown", "mandarin", "sturgeon"]
+// no items removed
+```
+
 ### Remove 1 element at index 3
 
 ```js

From a9ee909247680532544008dbc65a9f033fce4b39 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Tue, 16 Jan 2024 03:59:58 +0530
Subject: [PATCH 423/790] fix(html): add live sample to `for` attribute page
 (#31697)

---
 files/en-us/web/html/attributes/for/index.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/web/html/attributes/for/index.md b/files/en-us/web/html/attributes/for/index.md
index 231a5bda60694f4..c445133a3b2a071 100644
--- a/files/en-us/web/html/attributes/for/index.md
+++ b/files/en-us/web/html/attributes/for/index.md
@@ -11,6 +11,8 @@ browser-compat:
 
 The **`for`** attribute is an allowed attribute for {{htmlelement("label")}} and {{htmlelement("output")}}. When used on a `<label>` element it indicates the form element that this label describes. When used on an `<output>` element it allows for an explicit relationship between the elements that represent values which are used in the output.
 
+{{EmbedInteractiveExample("pages/tabbed/attribute-for.html", "tabbed-shorter")}}
+
 ## Usage
 
 When used as an attribute of `<label>`, the `for` attribute has a value which is the `id` of the form element it relates to.

From f72ba695e4d6d4dd74ee71a2cc3b774410acd1ea Mon Sep 17 00:00:00 2001
From: Florian Scholz <fs@florianscholz.com>
Date: Tue, 16 Jan 2024 03:45:49 +0100
Subject: [PATCH 424/790] Remove long gone WebExtensions features (#30431)

* Remove long gone WebExtensions features

* Address review feedback
---
 files/en-us/_wikihistory.json                 |   4 -
 .../webextensions/api/downloads/drag/index.md |  63 ---------
 .../webextensions/api/downloads/index.md      |   2 -
 .../manifest.json/theme/index.md              | 121 +-----------------
 ...{theme-accentcolor.png => theme-frame.png} | Bin
 ...olor.png => theme-tab_background_text.png} | Bin
 6 files changed, 4 insertions(+), 186 deletions(-)
 delete mode 100644 files/en-us/mozilla/add-ons/webextensions/api/downloads/drag/index.md
 rename files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/{theme-accentcolor.png => theme-frame.png} (100%)
 rename files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/{theme-textcolor.png => theme-tab_background_text.png} (100%)

diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index e79eab45bc91190..6539125f5784c6f 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -12954,10 +12954,6 @@
       "aswan"
     ]
   },
-  "Mozilla/Add-ons/WebExtensions/API/downloads/drag": {
-    "modified": "2020-10-15T21:44:35.541Z",
-    "contributors": ["wbamberg", "Makyen", "chrisdavidmills"]
-  },
   "Mozilla/Add-ons/WebExtensions/API/downloads/erase": {
     "modified": "2020-10-15T21:44:38.278Z",
     "contributors": ["wbamberg", "Makyen", "chrisdavidmills"]
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/drag/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/drag/index.md
deleted file mode 100644
index b0803c673de8e50..000000000000000
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/drag/index.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: downloads.drag()
-slug: Mozilla/Add-ons/WebExtensions/API/downloads/drag
-page-type: webextension-api-function
-browser-compat: webextensions.api.downloads.drag
----
-
-{{AddonSidebar()}}
-
-The **`drag()`** function of the {{WebExtAPIRef("downloads")}} API initiates dragging the downloaded file to another application.
-
-## Syntax
-
-```js-nolint
-chrome.downloads.drag(
-  downloadId // integer
-)
-```
-
-This API is also available as `browser.downloads.drag()`.
-
-### Parameters
-
-- `downloadId`
-  - : An `integer` representing the `id` of the {{WebExtAPIRef("downloads.DownloadItem", "DownloadItem")}} in question.
-
-## Browser compatibility
-
-{{Compat}}
-
-{{WebExtExamples}}
-
-> **Note:** This API is based on Chromium's [`chrome.downloads`](https://developer.chrome.com/docs/extensions/reference/downloads/#method-drag) API.
-
-<!--
-// Copyright 2015 The Chromium Authors. All rights reserved.
-//
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are
-// met:
-//
-//    * Redistributions of source code must retain the above copyright
-// notice, this list of conditions and the following disclaimer.
-//    * Redistributions in binary form must reproduce the above
-// copyright notice, this list of conditions and the following disclaimer
-// in the documentation and/or other materials provided with the
-// distribution.
-//    * Neither the name of Google Inc. nor the names of its
-// contributors may be used to endorse or promote products derived from
-// this software without specific prior written permission.
-//
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
--->
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/index.md
index d9f1b9670af7fe1..ebf7a939c3dac81 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/index.md
@@ -60,8 +60,6 @@ To use this API you need to have the "downloads" [API permission](/en-US/docs/Mo
   - : Removes a downloaded file from disk, but not from the browser's download history.
 - {{WebExtAPIRef("downloads.acceptDanger()")}}
   - : Prompts the user to accept or cancel a dangerous download.
-- {{WebExtAPIRef("downloads.drag()")}}
-  - : Initiates dragging the downloaded file to another application.
 - {{WebExtAPIRef("downloads.setShelfEnabled()")}}
   - : Enables or disables the gray shelf at the bottom of every window associated with the current browser profile. The shelf will be disabled as long as at least one extension has disabled it.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/index.md b/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/index.md
index 15711c7dd38c490..6d96f16b7b99e37 100644
--- a/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/index.md
@@ -126,36 +126,6 @@ Images should be 200 pixels high to ensure they always fill the header space ver
     </tr>
   </thead>
   <tbody>
-    <tr>
-      <td><code>headerURL </code>{{Deprecated_Inline}}</td>
-      <td><code>String</code></td>
-      <td>
-        <div class="notecard warning">
-          <p>
-            <strong>Warning:</strong> <code>headerURL</code> has been removed in
-            Firefox 70. You will begin to get warnings in Firefox 65 and later
-            if you load a theme that uses this property. Use
-            <code>theme_frame</code> instead.
-          </p>
-        </div>
-        <p>
-          The URL of a foreground image to be added to the header area and
-          anchored to the upper right corner of the header area.
-        </p>
-        <p>
-          Optional in desktop Firefox from Firefox 60 onwards. One of
-          <code>theme_frame</code> or <code>headerURL</code> had to be specified
-          before Firefox 60. Note also that in Firefox 60 onwards, any
-          {{cssxref("text-shadow")}} applied to the header text is
-          removed if no <code>headerURL</code> is specified (see
-          [Firefox bug 1404688](https://bugzil.la/1404688)).
-        </p>
-        <p>
-          In Firefox for Android, <code>headerURL</code> or
-          <code>theme_frame</code>  must be specified.
-        </p>
-      </td>
-    </tr>
     <tr>
       <td><code>theme_frame</code></td>
       <td><code>String</code></td>
@@ -172,13 +142,7 @@ Images should be 200 pixels high to ensure they always fill the header space ver
           </p>
         </div>
         <p>
-          Optional in desktop Firefox 60 onwards. One of
-          <code>theme_frame</code> or <code>headerURL</code> had to be specified
-          before Firefox 60.
-        </p>
-        <p>
-          In Firefox for Android, <code>headerURL</code> or
-          <code>theme_frame</code>  must be specified.
+          Optional in desktop Firefox 60 onwards. Required in Firefox for Android.
         </p>
       </td>
     </tr>
@@ -213,7 +177,7 @@ Images should be 200 pixels high to ensure they always fill the header space ver
 
 ### colors
 
-These properties define the colors used for different parts of the browser. They are all optional (but note that `"accentcolor"` and `"textcolor"` were mandatory in Firefox before version 63). How these properties affect the Firefox UI is shown here:
+These properties define the colors used for different parts of the browser. They are all optional. How these properties affect the Firefox UI is shown here:
 
 <table class="fullwidth-table standard-table">
   <tbody>
@@ -251,38 +215,6 @@ All these properties can be specified as either a string containing any valid [C
     </tr>
   </thead>
   <tbody>
-    <tr>
-      <td>
-        <p><code>accentcolor</code> {{Deprecated_Inline}}</p>
-      </td>
-      <td>
-        <div class="notecard warning">
-          <p>
-            <strong>Warning:</strong> <code>accentcolor</code> has been removed
-            in Firefox 70. You will begin to get warnings in Firefox 65 and
-            later if you load a theme that uses this property. Use the
-            <code>frame</code> property instead.
-          </p>
-        </div>
-        <p>
-          The color of the header area background, displayed in the part of the
-          header not covered or visible through the images specified in
-          <code>"headerURL"</code> and <code>"additional_backgrounds"</code>.
-        </p>
-        <details open>
-          <summary>See example</summary>
-          <pre class="brush: json">
-"theme": {
-  "colors": {
-     "accentcolor": "red",
-     "tab_background_text": "white"
-  }
-}</pre
-          >
-        </details>
-        <p><img alt="Browser firefox is red with white text. Browsers tabs are lighter red, also with white text. URL bar is very light red with black text" src="theme-accentcolor.png" /></p>
-      </td>
-    </tr>
     <tr>
       <td><code>bookmark_text</code></td>
       <td>
@@ -441,7 +373,7 @@ All these properties can be specified as either a string containing any valid [C
 }</pre
           >
         </details>
-        <p><img alt="Browser firefox is red with white text. Browsers tabs are lighter red, also with white text. URL bar is very light red with black text" src="theme-accentcolor.png" /></p>
+        <p><img alt="Browser firefox is red with white text. Browsers tabs are lighter red, also with white text. URL bar is very light red with black text" src="theme-frame.png" /></p>
       </td>
     </tr>
     <tr>
@@ -819,7 +751,7 @@ All these properties can be specified as either a string containing any valid [C
 }</pre
           >
         </details>
-        <p><img alt="A screenshot of a browser window with one open tab. Browser is black. Browser's tabs and URL bar are white with red icons and red text. The color of the text in the open tab is red. The text color contrasts well with the black background color of the tab." src="theme-textcolor.png" /></p>
+        <p><img alt="A screenshot of a browser window with one open tab. Browser is black. Browser's tabs and URL bar are white with red icons and red text. The color of the text in the open tab is red. The text color contrasts well with the black background color of the tab." src="theme-tab_background_text.png" /></p>
       </td>
     </tr>
     <tr>
@@ -901,10 +833,6 @@ All these properties can be specified as either a string containing any valid [C
             <code>frame_inactive</code>.
           </p>
         </div>
-        <p>
-          From Firefox 55 to 58, it is incorrectly implemented as alias for
-          <code>"textcolor"</code>
-        </p>
         <details open>
           <summary>See example</summary>
           <pre class="brush: json">
@@ -924,33 +852,6 @@ All these properties can be specified as either a string containing any valid [C
         <p><img alt="Browser firefox has a picture of an insect theme. URL bar is lighter grey with white icons. The selected tab text is red with white background." src="theme-tab_text.png" /></p>
       </td>
     </tr>
-    <tr>
-      <td><code>textcolor</code> {{Deprecated_Inline}}</td>
-      <td>
-        <div class="notecard warning">
-          <p>
-            <strong>Warning:</strong> <code>textcolor</code> has been removed in
-            Firefox 70. You will begin to get warnings in Firefox 65 and later
-            if you load a theme that uses this property. Use
-            <code>tab_background_text</code> instead.
-          </p>
-        </div>
-        <p>The color of the text displayed in the header area.</p>
-        <details open>
-          <summary>See example</summary>
-          <pre class="brush: json">
-"theme": {
-  "colors": {
-    "frame": "black",
-    "toolbar": "white",
-    "textcolor": "red"
-  }
-}</pre
-          >
-        </details>
-        <p><img alt="Browser firefox is black. Browser's tab and URL bar are white with red text and red icons." src="theme-textcolor.png" /></p>
-      </td>
-    </tr>
     <tr>
       <td><code>toolbar</code></td>
       <td>
@@ -1342,8 +1243,6 @@ All these properties can be specified as either a string containing any valid [C
 
 Additionally, this key accepts various properties that are aliases for one of the properties above. These are provided for compatibility with Chrome. If an alias is given, and the non-alias version is also given, then the value will be taken from the non-alias version.
 
-> **Warning:** Beginning Firefox 70, the following properties are removed: `accentcolor` and `textcolor`. Use `frame` and `tab_background_text` instead. Using these values in themes loaded into Firefox 65 or later will raise warnings.
-
 <table class="fullwidth-table standard-table">
   <thead>
     <tr>
@@ -1356,18 +1255,6 @@ Additionally, this key accepts various properties that are aliases for one of th
       <td><code>bookmark_text</code></td>
       <td><code>toolbar_text</code></td>
     </tr>
-    <tr>
-      <td><code>frame</code></td>
-      <td><code>accentcolor</code> {{Deprecated_Inline}}</td>
-    </tr>
-    <tr>
-      <td><code>frame_inactive</code></td>
-      <td><code>accentcolor</code> {{Deprecated_Inline}}</td>
-    </tr>
-    <tr>
-      <td><code>tab_background_text</code></td>
-      <td><code>textcolor</code> {{Deprecated_Inline}}</td>
-    </tr>
   </tbody>
 </table>
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/theme-accentcolor.png b/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/theme-frame.png
similarity index 100%
rename from files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/theme-accentcolor.png
rename to files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/theme-frame.png
diff --git a/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/theme-textcolor.png b/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/theme-tab_background_text.png
similarity index 100%
rename from files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/theme-textcolor.png
rename to files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/theme-tab_background_text.png

From a4e0df90868c274842b083ad034eb60f57b76aae Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 16 Jan 2024 17:38:46 +0800
Subject: [PATCH 425/790] Normalize apiref for Popover API pages (#31654)

* normalize apiref

* Update files/en-us/web/api/htmlelement/toggle_event/index.md
---
 .../web/api/htmlbuttonelement/popovertargetaction/index.md      | 2 +-
 .../web/api/htmlbuttonelement/popovertargetelement/index.md     | 2 +-
 files/en-us/web/api/htmlelement/beforetoggle_event/index.md     | 2 +-
 files/en-us/web/api/htmlelement/hidepopover/index.md            | 2 +-
 files/en-us/web/api/htmlelement/popover/index.md                | 2 +-
 files/en-us/web/api/htmlelement/showpopover/index.md            | 2 +-
 files/en-us/web/api/htmlelement/toggle_event/index.md           | 2 +-
 files/en-us/web/api/htmlelement/togglepopover/index.md          | 2 +-
 .../en-us/web/api/htmlinputelement/popovertargetaction/index.md | 2 +-
 .../web/api/htmlinputelement/popovertargetelement/index.md      | 2 +-
 files/en-us/web/api/toggleevent/index.md                        | 2 +-
 11 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/files/en-us/web/api/htmlbuttonelement/popovertargetaction/index.md b/files/en-us/web/api/htmlbuttonelement/popovertargetaction/index.md
index f211d6334896f35..983586743ed6bc2 100644
--- a/files/en-us/web/api/htmlbuttonelement/popovertargetaction/index.md
+++ b/files/en-us/web/api/htmlbuttonelement/popovertargetaction/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.HTMLButtonElement.popoverTargetAction
 ---
 
-{{ APIRef("DOM") }}
+{{APIRef("Popover API")}}
 
 The **`popoverTargetAction`** property of the {{domxref("HTMLButtonElement")}} interface gets and sets the action to be performed (`"hide"`, `"show"`, or `"toggle"`) on a popover element being controlled by a button.
 
diff --git a/files/en-us/web/api/htmlbuttonelement/popovertargetelement/index.md b/files/en-us/web/api/htmlbuttonelement/popovertargetelement/index.md
index 0ef5b8f6632e945..a26e72f6e8e4756 100644
--- a/files/en-us/web/api/htmlbuttonelement/popovertargetelement/index.md
+++ b/files/en-us/web/api/htmlbuttonelement/popovertargetelement/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.HTMLButtonElement.popoverTargetElement
 ---
 
-{{ APIRef("DOM") }}
+{{APIRef("Popover API")}}
 
 The **`popoverTargetElement`** property of the {{domxref("HTMLButtonElement")}} interface gets and sets the popover element to control via a button.
 
diff --git a/files/en-us/web/api/htmlelement/beforetoggle_event/index.md b/files/en-us/web/api/htmlelement/beforetoggle_event/index.md
index 0c840d744b87d5c..b876cc12455baeb 100644
--- a/files/en-us/web/api/htmlelement/beforetoggle_event/index.md
+++ b/files/en-us/web/api/htmlelement/beforetoggle_event/index.md
@@ -5,7 +5,7 @@ page-type: web-api-event
 browser-compat: api.HTMLElement.beforetoggle_event
 ---
 
-{{APIRef}}
+{{APIRef("Popover API")}}
 
 The **`beforetoggle`** event of the {{domxref("HTMLElement")}} interface fires on a {{domxref("Popover_API", "popover", "", "nocode")}} element (i.e. one that has a valid [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) attribute) just before it is shown or hidden.
 
diff --git a/files/en-us/web/api/htmlelement/hidepopover/index.md b/files/en-us/web/api/htmlelement/hidepopover/index.md
index 0e865f2ac60b3f7..00586185a149c47 100644
--- a/files/en-us/web/api/htmlelement/hidepopover/index.md
+++ b/files/en-us/web/api/htmlelement/hidepopover/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.HTMLElement.hidePopover
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Popover API")}}
 
 The **`hidePopover()`** method of the {{domxref("HTMLElement")}} interface hides a [popover](/en-US/docs/Web/API/Popover_API) element (i.e. one that has a valid [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) attribute) by removing it from the {{glossary("top layer")}} and styling it with `display: none`.
 
diff --git a/files/en-us/web/api/htmlelement/popover/index.md b/files/en-us/web/api/htmlelement/popover/index.md
index d510359b750120a..8513d9e457dba33 100644
--- a/files/en-us/web/api/htmlelement/popover/index.md
+++ b/files/en-us/web/api/htmlelement/popover/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.HTMLElement.popover
 ---
 
-{{ APIRef("HTML DOM") }}
+{{APIRef("Popover API")}}
 
 The **`popover`** property of the {{domxref("HTMLElement")}} interface gets and sets an element's popover state via JavaScript (`"auto"` or `"manual"`), and can be used for feature detection.
 
diff --git a/files/en-us/web/api/htmlelement/showpopover/index.md b/files/en-us/web/api/htmlelement/showpopover/index.md
index 06863ed292e76ca..e732c3ab9ec5f14 100644
--- a/files/en-us/web/api/htmlelement/showpopover/index.md
+++ b/files/en-us/web/api/htmlelement/showpopover/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.HTMLElement.showPopover
 ---
 
-{{ APIRef("HTML DOM") }}
+{{APIRef("Popover API")}}
 
 The **`showPopover()`** method of the {{domxref("HTMLElement")}} interface shows a {{domxref("Popover_API", "popover", "", "nocode")}} element (i.e. one that has a valid [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) attribute) by adding it to the {{glossary("top layer")}}.
 
diff --git a/files/en-us/web/api/htmlelement/toggle_event/index.md b/files/en-us/web/api/htmlelement/toggle_event/index.md
index ef8e46cda50cfca..c6b860dfdc2e232 100644
--- a/files/en-us/web/api/htmlelement/toggle_event/index.md
+++ b/files/en-us/web/api/htmlelement/toggle_event/index.md
@@ -5,7 +5,7 @@ page-type: web-api-event
 browser-compat: api.HTMLElement.toggle_event
 ---
 
-{{APIRef}}
+{{APIRef("HTML DOM")}}
 
 The **`toggle`** event of the {{domxref("HTMLElement")}} interface fires on a {{domxref("Popover_API", "popover", "", "nocode")}} element (i.e. one that has a valid [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) attribute) just after it is shown or hidden.
 
diff --git a/files/en-us/web/api/htmlelement/togglepopover/index.md b/files/en-us/web/api/htmlelement/togglepopover/index.md
index bb6ad0eefa9341c..0bc696cd1599f1d 100644
--- a/files/en-us/web/api/htmlelement/togglepopover/index.md
+++ b/files/en-us/web/api/htmlelement/togglepopover/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.HTMLElement.togglePopover
 ---
 
-{{ APIRef("HTML DOM") }}
+{{APIRef("Popover API")}}
 
 The **`togglePopover()`** method of the {{domxref("HTMLElement")}} interface toggles a {{domxref("Popover_API", "popover", "", "nocode")}} element (i.e. one that has a valid [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) attribute) between the hidden and showing states.
 
diff --git a/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md b/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md
index d8a194c05b68223..62787f2939db7f9 100644
--- a/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md
+++ b/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.HTMLInputElement.popoverTargetAction
 ---
 
-{{ APIRef("DOM") }}
+{{APIRef("Popover API")}}
 
 The **`popoverTargetAction`** property of the {{domxref("HTMLInputElement")}} interface gets and sets the action to be performed (`"hide"`, `"show"`, or `"toggle"`) on a popover element being controlled by an {{htmlelement("input")}} element of `type="button"`.
 
diff --git a/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md b/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md
index 3cabd2addd240a0..55f79f7e7970319 100644
--- a/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md
+++ b/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.HTMLInputElement.popoverTargetElement
 ---
 
-{{ APIRef("DOM") }}
+{{APIRef("Popover API")}}
 
 The **`popoverTargetElement`** property of the {{domxref("HTMLInputElement")}} interface gets and sets the popover element to control via an {{htmlelement("input")}} element of `type="button"`.
 
diff --git a/files/en-us/web/api/toggleevent/index.md b/files/en-us/web/api/toggleevent/index.md
index 3c6dd820f2ce10c..4b2871dd6c87c26 100644
--- a/files/en-us/web/api/toggleevent/index.md
+++ b/files/en-us/web/api/toggleevent/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.ToggleEvent
 ---
 
-{{APIRef("UI Events")}}
+{{APIRef("Popover API")}}
 
 The **`ToggleEvent`** interface represents an event notifying the user when a [popover element](/en-US/docs/Web/API/Popover_API)'s state toggles between showing and hidden.
 

From 6e22ea863f8fc322648870bf5bbce00f95e99bda Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Tue, 16 Jan 2024 15:10:47 +0530
Subject: [PATCH 426/790] fix(docs): mention update-moved-file-links command
 (#31728)

---
 CONTRIBUTING.md                                   | 10 ++++++++--
 .../howto/creating_moving_deleting/index.md       | 15 +++++++++++----
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 97f7c737e8769c8..0207a42259ed7e0 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -223,7 +223,7 @@ To ensure that all MDN documents follow the same formatting, we use both [Pretti
 
 If you have a [local checkout](#forking-and-cloning-the-repository) of the repository and have [installed the dependencies](#preparing-the-project), or you are using [github.dev](https://github.dev), a pre-commit hook will be installed which automatically runs while making a commit. To save some headache and improve your work flow while authoring, you may wish to [configure your editor to automatically run Prettier](https://prettier.io/docs/en/editors.html). Alternatively, you may run `yarn fix:md` in the command line to manually format all Markdown files.
 
-> **Note:** Automatically formatting changes does not work for pull requests opened using the GitHub Web UI as described in the ["Simple changes" section](#simple-changes). This may result in failed status checks on pull requests. If you're not sure about how to fix this, [get in touch with us](/en-US/docs/MDN/Community/Communication_channels) for help.
+> **Note:** Automatically formatting changes does not work for pull requests opened using the GitHub Web UI as described in the ["Simple changes" section](#simple-changes). This may result in failed status checks on pull requests. If you're not sure about how to fix this, [get in touch with us][]! for help.
 
 ### Adding a new document
 
@@ -274,7 +274,13 @@ Let's say you want to move the entire `/en-US/Learn/Accessibility` tree to `/en-
    yarn content move Learn/Accessibility Learn/A11y
    ```
 
-3. Commit all of the changes and push your branch to the remote:
+3. Once files are moved we need to update references to those files in the other content files as well. Use following command to update all the references automatically in one go:
+
+   ```bash
+   node scripts/update-moved-file-links.js
+   ```
+
+4. Commit all the changes and push your branch to the remote:
 
    ```bash
    git add .
diff --git a/files/en-us/mdn/writing_guidelines/howto/creating_moving_deleting/index.md b/files/en-us/mdn/writing_guidelines/howto/creating_moving_deleting/index.md
index 4f389bf3d62cf89..f7b84599b403f88 100644
--- a/files/en-us/mdn/writing_guidelines/howto/creating_moving_deleting/index.md
+++ b/files/en-us/mdn/writing_guidelines/howto/creating_moving_deleting/index.md
@@ -83,14 +83,21 @@ For example, let's say you want to move the entire
    yarn content move Learn/Accessibility Learn/A11y
    ```
 
-3. Add and commit all of the deleted, created, and modified files as well as push your branch to your fork.
+3. Once files are moved we need to update references to those files in the other content files as well. Use following command to update all the references automatically in one go:
 
    ```bash
-   git commit -a
+   node scripts/update-moved-file-links.js
+   ```
+
+4. Add and commit all the deleted, created, and modified files as well as push your branch to your fork.
+
+   ```bash
+   git add .
+   git commit -m "Move Learn/Accessibility to Learn/A11y"
    git push -u origin my-move
    ```
 
-4. Create your pull request.
+5. Create your pull request.
 
 > **Note:** `yarn content move` automatically adds the necessary redirect information to the `_redirects.txt` file so that the old location will redirect to the new one. Don't edit the `_redirects.txt` file manually! Mistakes can easily creep in if you do. If you need to add a redirect without moving a file, talk to the MDN Web Docs team on the [MDN Web Docs chat rooms](/en-US/docs/MDN/Community/Communication_channels#chat_rooms) about it.
 
@@ -142,7 +149,7 @@ entire `/en-US/Learn/Accessibility` tree, you'd perform the following steps:
    yarn content add-redirect /en-US/path/of/deleted/page /en-US/path/of/target/page
    ```
 
-4. Add and commit all of the deleted files as well as push your branch to your fork.
+4. Add and commit all the deleted files as well as push your branch to your fork.
 
    ```bash
    git commit -a

From e92c9798c78de4c341ba3fbb14eab6516e033fb6 Mon Sep 17 00:00:00 2001
From: Yohannes Molla <yohann3smolla@gmail.com>
Date: Tue, 16 Jan 2024 03:56:50 -0800
Subject: [PATCH 427/790] Fix typo (#31686)

* fix: typo in javascript building blocks test

* Corrected typos and fixed terminal command

* Additional changes for the existing PR

* Update files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 .../building_blocks/test_your_skills_colon__loops/index.md     | 2 +-
 .../javascript/objects/test_your_skills_colon__json/index.md   | 2 +-
 .../react_todo_list_beginning/index.md                         | 3 +--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/files/en-us/learn/javascript/building_blocks/test_your_skills_colon__loops/index.md b/files/en-us/learn/javascript/building_blocks/test_your_skills_colon__loops/index.md
index 93d24f632a813d5..cdd5b3fd3ccd78f 100644
--- a/files/en-us/learn/javascript/building_blocks/test_your_skills_colon__loops/index.md
+++ b/files/en-us/learn/javascript/building_blocks/test_your_skills_colon__loops/index.md
@@ -8,7 +8,7 @@ page-type: learn-module-assessment
 
 The aim of this skill test is to assess whether you've understood our [Looping code](/en-US/docs/Learn/JavaScript/Building_blocks/Looping_code) article.
 
-> **Note:** You can try solutions by downloading the code and putting it in an online an online editor such as [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), or [Glitch](https://glitch.com/).
+> **Note:** You can try solutions by downloading the code and putting it in an online editor such as [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), or [Glitch](https://glitch.com/).
 >
 > If you get stuck, you can reach out to us in one of our [communication channels](/en-US/docs/MDN/Community/Communication_channels).
 
diff --git a/files/en-us/learn/javascript/objects/test_your_skills_colon__json/index.md b/files/en-us/learn/javascript/objects/test_your_skills_colon__json/index.md
index da81c056f0bb4af..8255ee8cdb6c012 100644
--- a/files/en-us/learn/javascript/objects/test_your_skills_colon__json/index.md
+++ b/files/en-us/learn/javascript/objects/test_your_skills_colon__json/index.md
@@ -8,7 +8,7 @@ page-type: learn-module-assessment
 
 The aim of this skill test is to assess whether you've understood our [Working with JSON](/en-US/docs/Learn/JavaScript/Objects/JSON) article.
 
-> **Note:** You can try solutions by downloading the code and putting it in an online an online editor such as [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), or [Glitch](https://glitch.com/).
+> **Note:** You can try solutions by downloading the code and putting it in an online editor such as [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), or [Glitch](https://glitch.com/).
 > If there is an error, it will be logged in the results panel on the page or into the browser's JavaScript console to help you.
 >
 > If you get stuck, you can reach out to us in one of our [communication channels](/en-US/docs/MDN/Community/Communication_channels).
diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md
index 731f670c4294da3..fce3f8301e6876f 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.md
@@ -62,8 +62,7 @@ cd src
 # Delete the App.css file and the React logo provided by Vite
 rm App.css assets/react.svg
 # Empty the contents of App.jsx and index.css
-# Note the colon at the beginning of this command!
-: >! {App.jsx,index.css}
+echo -n > App.jsx && echo -n > index.css
 # Move back up to the root of the project
 cd ..
 ```

From 99a0911fc992c8204be56f26cfc441b1e79e7f13 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Tue, 16 Jan 2024 14:02:37 +0100
Subject: [PATCH 428/790] chore(ci): Add labels to PRs based on LoC / num files
 changed (#31729)

* chore(ci): Add labels to PRs based on LoC / num files changed

* chore(ci): Make label-by-size depend on label by path, only run on opened & syncd PRs against main
---
 .github/pull-request-size.yml    | 42 ++++++++++++++++++++++++++++++++
 .github/workflows/pr-labeler.yml | 29 +++++++++++++++++++---
 2 files changed, 68 insertions(+), 3 deletions(-)
 create mode 100644 .github/pull-request-size.yml

diff --git a/.github/pull-request-size.yml b/.github/pull-request-size.yml
new file mode 100644
index 000000000000000..5ec773b5fbc1ac6
--- /dev/null
+++ b/.github/pull-request-size.yml
@@ -0,0 +1,42 @@
+# Configuration for PR Size Labeler
+
+# List of files to exclude from size calculation
+# Files matching these patterns will not be considered when calculating PR size
+exclude_files:
+  - "files/en-us/_redirects.txt"
+  - "files/en-us/_wikihistory.json"
+
+# Configuration for labeling based on the size of the Pull Request
+# Each entry defines a size label, along with thresholds for diff and file count
+label_configs:
+  # Configuration for 'extra small' PRs
+  - size: xs
+    diff: 10 # Threshold for the total lines of code changed (additions + deletions)
+    files: 1 # Threshold for the total number of files changed
+    labels: ["size/xs"] # Labels to be applied for this size
+
+  # Configuration for 'small' PRs
+  - size: s
+    diff: 25
+    files: 5
+    labels: ["size/s"]
+
+  # Configuration for 'medium' PRs
+  - size: m
+    diff: 100
+    files: 10
+    # Additional labels can be added, e.g.;
+    # labels: ["size/m", "pairing-wanted"]
+    labels: ["size/m"]
+
+  # Configuration for 'large' PRs
+  - size: l
+    diff: 250
+    files: 25
+    labels: ["size/l"]
+
+  # Configuration for 'extra large' PRs
+  - size: xl
+    diff: 500
+    files: 50
+    labels: ["size/xl"]
diff --git a/.github/workflows/pr-labeler.yml b/.github/workflows/pr-labeler.yml
index ee022815cf67a7a..f99d24792283a51 100644
--- a/.github/workflows/pr-labeler.yml
+++ b/.github/workflows/pr-labeler.yml
@@ -1,9 +1,14 @@
-name: "Pull request labeler"
+name: Pull request labeler
+
 on:
-  - pull_request_target
+  pull_request:
+    types: [opened, synchronize]
+    branches:
+      - "main"
 
 jobs:
-  triage:
+  # Docs: https://github.com/actions/labeler
+  label-by-path:
     # do not run on forks
     if: github.repository == 'mdn/content'
     runs-on: ubuntu-latest
@@ -11,3 +16,21 @@ jobs:
       - uses: actions/labeler@v4
         with:
           repo-token: "${{ secrets.GITHUB_TOKEN }}"
+
+  # Docs: https://github.com/cbrgm/pr-size-labeler-action
+  label-by-size:
+    # do not run on forks
+    if: github.repository == 'mdn/content'
+    needs: label-by-path
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Label PR based on size
+        uses: cbrgm/pr-size-labeler-action@main
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          github_repository: ${{ github.repository }} # Repository name
+          github_pr_number: ${{ github.event.number }} # Pull request number
+          config_file_path: ".github/pull-request-size.yml" # Path to pr-size-labeler config

From 4f48af3d0219901239c9bc0663f72918da76351e Mon Sep 17 00:00:00 2001
From: rebloor <git@sherpa.co.nz>
Date: Wed, 17 Jan 2024 02:54:23 +1300
Subject: [PATCH 429/790] Sync storage area support in Firefox for Android
 clarification (#31622)

---
 .../mozilla/add-ons/webextensions/api/storage/sync/index.md   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/sync/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/sync/index.md
index cb1ceecea9ea772..c2950646530c753 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/sync/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/sync/index.md
@@ -9,9 +9,9 @@ browser-compat: webextensions.api.storage.sync
 
 Represents the `sync` storage area. Items in `sync` storage are synced by the browser. The data is then available on all instances of the browser the user is logged into (for example, when using a Mozilla account on desktop versions of Firefox or a Google account on Chrome) across different devices.
 
-For Firefox, a user must have `Add-ons` selected in the "Sync" section in `"about:preferences"`.
+For desktop Firefox, a user must have `Add-ons` selected in the "Sync" section in `"about:preferences"`. Firefox for Android does not synchronize data with the user's account. See [Firefox bug 1316442](https://bugzil.la/1316442).
 
-Note that the implementation of `storage.sync` in Firefox relies on the Add-on ID. If you use `storage.sync`, you must set an ID for your extension using the [`browser_specific_settings`](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings) manifest.json key.
+The implementation of `storage.sync` in Firefox relies on the Add-on ID. If you use `storage.sync`, you must set an ID for your extension using the [`browser_specific_settings`](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings) manifest.json key.
 
 The main use case of this API is to store preferences about your extension and allow the user to sync them to different profiles.
 

From 617ddfdc9c8df13227b6f91e18baee6ad55b644d Mon Sep 17 00:00:00 2001
From: Frances Cornwall <113309999+francescorn@users.noreply.github.com>
Date: Tue, 16 Jan 2024 06:27:23 -0800
Subject: [PATCH 430/790] Update index.md, rearrange alphabetically and add
 `dvw`, `dvh`, `lvh`, `lvw`, `svh`, and `svw`. (#31641)

* Update index.md

`svh`, `svw`, `dvw`, and `dvh` were deleted in the last commit. I am  rearranging them alphabetically for an easier read.

* Update index.md

Add back the links

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update index.md

Fix with the suggested comments.

* Update index.md

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update index.md

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../web/css/css_values_and_units/index.md     | 49 +++++++++----------
 1 file changed, 23 insertions(+), 26 deletions(-)

diff --git a/files/en-us/web/css/css_values_and_units/index.md b/files/en-us/web/css/css_values_and_units/index.md
index f0b152d3e2cd5f9..cadd7791a02e66b 100644
--- a/files/en-us/web/css/css_values_and_units/index.md
+++ b/files/en-us/web/css/css_values_and_units/index.md
@@ -144,62 +144,59 @@ For example, `em` is relative to the font size on the element and `ex` is relati
 
 | Unit  | Relative to                                                                                                                            |
 | ----- | -------------------------------------------------------------------------------------------------------------------------------------- |
-| `em`  | Font size of the element.                                                                                                              |
-| `ex`  | x-height of the element's font.                                                                                                        |
 | `cap` | Cap height (the nominal height of capital letters) of the element's font.                                                              |
 | `ch`  | Average character advance of a narrow glyph in the element's font, as represented by the "0" (ZERO, U+0030) glyph.                     |
+| `em`  | Font size of the element's font.                                                                                                       |
+| `ex`  | x-height of the element's font.                                                                                                        |
 | `ic`  | Average character advance of a full-width glyph in the element's font, as represented by the "水" (CJK water ideograph, U+6C34) glyph. |
 | `lh`  | Line height of the element.                                                                                                            |
 
 Root font-relative lengths specify a length in relation to the element's {{CSSxRef(":root", "root element")}} ancestor, such as {{HTMLElement("HTML")}} or {{SVGElement("SVG")}}.
 For example, `rem` is relative to the font size on the root element and `rex` is the x-height of the root element's font.
 
-| Unit   | Relative to                                                                                                                             |
-| ------ | --------------------------------------------------------------------------------------------------------------------------------------- |
-| `rem`  | Font size of the root element.                                                                                                          |
-| `rcap` | Cap height (the nominal height of capital letters) of the root element's font.                                                          |
-| `rex`  | x-height of the root element's font.                                                                                                    |
-| `rch`  | Average character advance of a narrow glyph in the root element's font, as represented by the "0" (ZERO, U+0030) glyph.                 |
-| `ric`  | Average character advance of a full-width glyph in the root element's font, as represented by the "水" (CJK water ideograph, (U+6C34)). |
-| `rlh`  | Line height of the root element.                                                                                                        |
-
 ##### Viewport and container relative units
 
 Viewport unit lengths specify a length relative to the dimensions of the [viewport](/en-US/docs/Glossary/Viewport).
 For example, `vw` is relative to the width of the viewport and `vh` is relative to the height of the viewport.
 
-| Unit   | Relative to                                              |
-| ------ | -------------------------------------------------------- |
-| `vw`   | 1% of viewport's width.                                  |
-| `vh`   | 1% of viewport's height.                                 |
-| `vi`   | 1% of viewport's size in the root element's inline axis. |
-| `vb`   | 1% of viewport's size in the root element's block axis.  |
-| `vmin` | 1% of viewport's smaller dimension.                      |
-| `vmax` | 1% of viewport's larger dimension.                       |
+| Unit   | Relative to                                                                                                                        |
+| ------ | ---------------------------------------------------------------------------------------------------------------------------------- |
+| `dvh`  | 1% of the [dynamic](/en-US/docs/Web/CSS/length#dynamic) viewport's height.                                                         |
+| `dvw`  | 1% of the [dynamic](/en-US/docs/Web/CSS/length#dynamic) viewport's width.                                                          |
+| `lvh`  | 1% of the [large](/en-US/docs/Web/CSS/length#large) viewport's height.                                                             |
+| `lvw`  | 1% of the [large](/en-US/docs/Web/CSS/length#large) viewport's width.                                                              |
+| `svh`  | 1% of the [small](/en-US/docs/Web/CSS/length#small) viewport's height.                                                             |
+| `svw`  | 1% of the [small](/en-US/docs/Web/CSS/length#small) viewport's width.                                                              |
+| `vb`   | 1% of viewport's size in the root element's [block axis](/en-US/docs/Web/CSS/CSS_logical_properties_and_values#block_vs._inline).  |
+| `vh`   | 1% of viewport's height.                                                                                                           |
+| `vi`   | 1% of viewport's size in the root element's [inline axis](/en-US/docs/Web/CSS/CSS_logical_properties_and_values#block_vs._inline). |
+| `vmax` | 1% of viewport's larger dimension.                                                                                                 |
+| `vmin` | 1% of viewport's smaller dimension.                                                                                                |
+| `vw`   | 1% of viewport's width.                                                                                                            |
 
 Container query length units specify a length relative to the dimensions of a [query container](/en-US/docs/Web/CSS/CSS_container_queries).
 For example, `cqw` is relative to the width of the query container and `cqh` is relative to the height of the query container.
 
 | Unit    | Relative to                           |
 | ------- | ------------------------------------- |
-| `cqw`   | 1% of a query container's width       |
+| `cqb`   | 1% of a query container's block size  |
 | `cqh`   | 1% of a query container's height      |
 | `cqi`   | 1% of a query container's inline size |
-| `cqb`   | 1% of a query container's block size  |
-| `cqmin` | The smaller value of `cqi` or `cqb`   |
 | `cqmax` | The larger value of `cqi` or `cqb`    |
+| `cqmin` | The smaller value of `cqi` or `cqb`   |
+| `cqw`   | 1% of a query container's width       |
 
 Absolute length units are fixed to a physical length: either an inch or a centimeter. Many of these units are therefore more useful when the output is a fixed size media, such as print. For example, `mm` is a physical millimeter, 1/10th of a centimeter.
 
 | Unit | Name                | Equivalent to       |
 | ---- | ------------------- | ------------------- |
 | `cm` | Centimeters         | 1cm = 96px/2.54     |
-| `mm` | Millimeters         | 1mm = 1/10th of 1cm |
-| `Q`  | Quarter-millimeters | 1Q = 1/40th of 1cm  |
 | `in` | Inches              | 1in = 2.54cm = 96px |
+| `mm` | Millimeters         | 1mm = 1/10th of 1cm |
 | `pc` | Picas               | 1pc = 1/6th of 1in  |
 | `pt` | Points              | 1pt = 1/72th of 1in |
 | `px` | Pixels              | 1px = 1/96th of 1in |
+| `Q`  | Quarter-millimeters | 1Q = 1/40th of 1cm  |
 
 When including a length value, if the length is `0`, the unit identifier is not required. Otherwise, the unit identifier is required, is case insensitive, and must come immediately after the numeric part of the value, with no space in-between.
 
@@ -220,8 +217,8 @@ Time values are represented by the type {{cssxref("&lt;time&gt;")}}. When includ
 
 | Unit | Name         | Description                               |
 | ---- | ------------ | ----------------------------------------- |
-| `s`  | Seconds      |                                           |
 | `ms` | Milliseconds | There are 1,000 milliseconds in a second. |
+| `s`  | Seconds      |                                           |
 
 #### Frequency units
 
@@ -248,8 +245,8 @@ Resolution units are represented by the type {{cssxref("&lt;resolution&gt;")}}.
 
 | Unit        | Description          |
 | ----------- | -------------------- |
-| `dpi`       | Dots per inch.       |
 | `dpcm`      | Dots per centimeter. |
+| `dpi`       | Dots per inch.       |
 | `dppx`, `x` | Dots per px unit.    |
 
 ### Percentages

From a457cfe832a5eae9dfc1ce2b951525cdf4303e8c Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Tue, 16 Jan 2024 15:38:42 +0100
Subject: [PATCH 431/790] chore(ci): Add perms for PR labeler (#31738)

* chore(ci): Add perms for PR labeler

* chore(ci): Add perms for PR labeler

* chore(ci): Revert to pull_request_target for PR labeler

* chore(ci): Restrict perms in pr labeler, 'persist-credentials: false' in checkout step
---
 .github/workflows/pr-labeler.yml | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/pr-labeler.yml b/.github/workflows/pr-labeler.yml
index f99d24792283a51..55984b314ba8d6d 100644
--- a/.github/workflows/pr-labeler.yml
+++ b/.github/workflows/pr-labeler.yml
@@ -1,10 +1,11 @@
 name: Pull request labeler
 
 on:
-  pull_request:
-    types: [opened, synchronize]
-    branches:
-      - "main"
+  - pull_request_target
+
+permissions:
+  pull-requests: write
+  contents: read
 
 jobs:
   # Docs: https://github.com/actions/labeler
@@ -26,6 +27,8 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
+        with:
+          persist-credentials: false
 
       - name: Label PR based on size
         uses: cbrgm/pr-size-labeler-action@main

From 4e84e8124aaeab978287cf13d68f77a7a240f117 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 16 Jan 2024 14:46:52 +0000
Subject: [PATCH 432/790] Bump @mdn/yari from 2.38.2 to 2.38.3 (#31743)

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

diff --git a/package.json b/package.json
index 7a62886481a3de1..3aa0b0c67722fee 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
   "dependencies": {
     "@apideck/better-ajv-errors": "^0.3.6",
     "@caporal/core": "^2.0.7",
-    "@mdn/yari": "2.38.2",
+    "@mdn/yari": "2.38.3",
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "async": "^3.2.5",
diff --git a/yarn.lock b/yarn.lock
index 5be4c8eb58d2286..0f2aed77a9bf86f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -761,15 +761,15 @@
   resolved "https://registry.yarnpkg.com/@mdn/bcd-utils-api/-/bcd-utils-api-0.0.5.tgz#9587c6b592e87f8a5ccab80ccdd8b5184f867922"
   integrity sha512-+8zfCGZzBoAoLK6jYnOm9Xa2LcdNRDVrUXatuBNuGJHyt7tpR+k/+de2LSGHiU34TYrfAXk7g9x8/IpXR+4zhw==
 
-"@mdn/browser-compat-data@^5.5.0":
-  version "5.5.1"
-  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.1.tgz#cd480874a4ebb97010f488feb8204ac035a86332"
-  integrity sha512-uKCxAlG5dqNEuCqGSAHa8cSFCZujnv0SRBOuMWMLiza4YK/eSiyNlMwXtWJSrRmeCT+33DBk1VUtAcZdSRdA+g==
+"@mdn/browser-compat-data@^5.5.6":
+  version "5.5.6"
+  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.6.tgz#29e2e83c04c18acbc73db2c54507f103aba1c622"
+  integrity sha512-dZgfsA1v8r+8QBPh7YqPaNz9KRlLi/iyac1/mwbaIV7yFrtW1qCkmzBJiJGsMhI1/JdayJvC81lVS/UEzHsgbA==
 
-"@mdn/yari@2.38.2":
-  version "2.38.2"
-  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.38.2.tgz#9fb7092de552c6d6c175b885b9321532174ead85"
-  integrity sha512-IO+BbIMWCnPfSvUCp8OGr+I0yHV90tjig/iR9Dw8gh7nrxgXn6ATMp7sI9yn5ZceUX2mSbQrrLXx+3XRlORNTg==
+"@mdn/yari@2.38.3":
+  version "2.38.3"
+  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.38.3.tgz#3a0d99069b08ac540f6ca058f7b9597443a31512"
+  integrity sha512-opbUhxvQMhdmfzRPOsoT2+3ybcHmaZIfUuoqF7BVZqI9avKjJSL0WKtHucNW+q8a4VPjo9iNSMitHKmGmIixkw==
   dependencies:
     "@caporal/core" "^2.0.7"
     "@codemirror/lang-css" "^6.2.1"
@@ -779,14 +779,14 @@
     "@codemirror/theme-one-dark" "^6.1.2"
     "@fast-csv/parse" "^4.3.6"
     "@mdn/bcd-utils-api" "^0.0.5"
-    "@mdn/browser-compat-data" "^5.5.0"
+    "@mdn/browser-compat-data" "^5.5.6"
     "@mozilla/glean" "2.0.5"
-    "@sentry/integrations" "^7.88.0"
-    "@sentry/node" "^7.88.0"
-    "@stripe/stripe-js" "^2.2.1"
+    "@sentry/integrations" "^7.93.0"
+    "@sentry/node" "^7.93.0"
+    "@stripe/stripe-js" "^2.3.0"
     "@use-it/interval" "^1.0.0"
     "@vscode/ripgrep" "^1.15.9"
-    "@webref/css" "^6.10.0"
+    "@webref/css" "^6.10.2"
     accept-language-parser "^1.5.0"
     async "^3.2.5"
     chalk "^5.3.0"
@@ -809,7 +809,7 @@
     fs-extra "^11.2.0"
     got "^13.0.0"
     http-proxy-middleware "^2.0.6"
-    image-size "^1.0.2"
+    image-size "^1.1.1"
     image-type "^4.1.0"
     imagemin "^8.0.1"
     imagemin-gifsicle "^7.0.0"
@@ -824,10 +824,10 @@
     md5-file "^5.0.0"
     mdast-util-from-markdown "^2.0.0"
     mdast-util-phrasing "^4.0.0"
-    mdn-data "^2.3.0"
+    mdn-data "^2.3.4"
     open "^9.1.0"
     open-editor "^4.1.1"
-    openai "^4.23.0"
+    openai "^4.24.7"
     prism-svelte "^0.5.0"
     prismjs "^1.29.0"
     react-markdown "^9.0.1"
@@ -839,17 +839,17 @@
     rehype-stringify "^10.0.0"
     remark-gfm "^4.0.0"
     remark-parse "^11.0.0"
-    remark-rehype "^11.0.0"
+    remark-rehype "^11.1.0"
     sanitize-filename "^1.6.3"
     send "^0.18.0"
     source-map-support "^0.5.21"
-    sse.js "^2.1.0"
+    sse.js "^2.2.0"
     tempy "^3.1.0"
     unified "^11.0.4"
     unist-builder "^4.0.0"
     unist-util-visit "^5.0.0"
-    web-features "^0.5.0"
-    web-specs "^2.75.1"
+    web-features "^0.5.1"
+    web-specs "^2.76.0"
 
 "@mozilla/glean@2.0.5":
   version "2.0.5"
@@ -882,55 +882,55 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@sentry-internal/tracing@7.90.0":
-  version "7.90.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.90.0.tgz#cd21662dbfa3d90d34e91eabd875a1616717d3d3"
-  integrity sha512-74jEtpdio9aRkiVBcrY1ZJXek0oFMqxDJK6BkJNCA+aUK1z96V9viehANRk3Nbxm01rWjmH1U4e1siuo9FhjuQ==
+"@sentry-internal/tracing@7.93.0":
+  version "7.93.0"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.93.0.tgz#8cee8b610695d828af75edd2929b64b7caf0385d"
+  integrity sha512-DjuhmQNywPp+8fxC9dvhGrqgsUb6wI/HQp25lS2Re7VxL1swCasvpkg8EOYP4iBniVQ86QK0uITkOIRc5tdY1w==
   dependencies:
-    "@sentry/core" "7.90.0"
-    "@sentry/types" "7.90.0"
-    "@sentry/utils" "7.90.0"
+    "@sentry/core" "7.93.0"
+    "@sentry/types" "7.93.0"
+    "@sentry/utils" "7.93.0"
 
-"@sentry/core@7.90.0":
-  version "7.90.0"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.90.0.tgz#dfd8e3e4eec4b140681ddb21a3fea848fcab7a01"
-  integrity sha512-HolpdHjULCwehKPWHR6IPQM0NBjmORhlBU7FtCh/e8TtSkZ9ztPsuofNBomMS1+mdbL+yxOIc9KUYEl0zRfeAQ==
+"@sentry/core@7.93.0":
+  version "7.93.0"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.93.0.tgz#50a14bf305130dfef51810e4c97fcba4972a57ef"
+  integrity sha512-vZQSUiDn73n+yu2fEcH+Wpm4GbRmtxmnXnYCPgM6IjnXqkVm3awWAkzrheADblx3kmxrRiOlTXYHw9NTWs56fg==
   dependencies:
-    "@sentry/types" "7.90.0"
-    "@sentry/utils" "7.90.0"
+    "@sentry/types" "7.93.0"
+    "@sentry/utils" "7.93.0"
 
-"@sentry/integrations@^7.88.0":
-  version "7.90.0"
-  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.90.0.tgz#763038603144ef8bd9fa5b8593be2775cf60d6e5"
-  integrity sha512-Eba1gbXkh08Ov/DuI/oQdi8a17lE0XMTkw2RtPrrvBWkYjdwEE0eI6Ls23BemTqm3+JNzTCPBzuJwdUq3yWbnw==
+"@sentry/integrations@^7.93.0":
+  version "7.93.0"
+  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.93.0.tgz#23ce18919e8b19f97b9b0fdf69d2ecaa6f1730ad"
+  integrity sha512-uGQ8+DiqUr6SbhdJJHyIqDJ6kHnFuSv8nZWtj2tJ1I8q8u8MX8t8Om6R/R4ap45gCkWg/zqZq7B+gQV6TYewjQ==
   dependencies:
-    "@sentry/core" "7.90.0"
-    "@sentry/types" "7.90.0"
-    "@sentry/utils" "7.90.0"
+    "@sentry/core" "7.93.0"
+    "@sentry/types" "7.93.0"
+    "@sentry/utils" "7.93.0"
     localforage "^1.8.1"
 
-"@sentry/node@^7.88.0":
-  version "7.90.0"
-  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.90.0.tgz#083bbdc053426d491281bff6f8a238600dd93e99"
-  integrity sha512-VjDI2MCkidoFEzrMa1gqmwYt1sUhYnu+zoFF5P5jgapTVVJ5xc2b7k/lS62U6IsfxHNrIdTtQHsrbCS5+s0GvQ==
+"@sentry/node@^7.93.0":
+  version "7.93.0"
+  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.93.0.tgz#7786d05d1e3e984207a866b07df1bf891355892e"
+  integrity sha512-nUXPCZQm5Y9Ipv7iWXLNp5dbuyi1VvbJ3RtlwD7utgsNkRYB4ixtKE9w2QU8DZZAjaEF6w2X94OkYH6C932FWw==
   dependencies:
-    "@sentry-internal/tracing" "7.90.0"
-    "@sentry/core" "7.90.0"
-    "@sentry/types" "7.90.0"
-    "@sentry/utils" "7.90.0"
+    "@sentry-internal/tracing" "7.93.0"
+    "@sentry/core" "7.93.0"
+    "@sentry/types" "7.93.0"
+    "@sentry/utils" "7.93.0"
     https-proxy-agent "^5.0.0"
 
-"@sentry/types@7.90.0":
-  version "7.90.0"
-  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.90.0.tgz#72797abd790fc3de546d42600752004a7f7d07d0"
-  integrity sha512-dA0Mtba5jYlcQ6xBsGILZuFq4NGrWLfr2ys036z2JE4H1+3PxOVERlD3Di7p+WKYM5gjFw10Hn3EgUV979E3dA==
+"@sentry/types@7.93.0":
+  version "7.93.0"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.93.0.tgz#d76d26259b40cd0688e1d634462fbff31476c1ec"
+  integrity sha512-UnzUccNakhFRA/esWBWP+0v7cjNg+RilFBQC03Mv9OEMaZaS29zSbcOGtRzuFOXXLBdbr44BWADqpz3VW0XaNw==
 
-"@sentry/utils@7.90.0":
-  version "7.90.0"
-  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.90.0.tgz#d4eea6392af7498c7be03205151ad11ea8707915"
-  integrity sha512-6BpqAzONm/HQbdlL4TY2W2vBSmaG/eVvwUaHoz0wB49EkWwpF6j/SO9Kb/XkiA/qp9GoJVXpnGBFQLPx7kv/Yw==
+"@sentry/utils@7.93.0":
+  version "7.93.0"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.93.0.tgz#36225038661fe977baf01e4695ef84794d591e45"
+  integrity sha512-Iovj7tUnbgSkh/WrAaMrd5UuYjW7AzyzZlFDIUrwidsyIdUficjCG2OIxYzh76H6nYIx9SxewW0R54Q6XoB4uA==
   dependencies:
-    "@sentry/types" "7.90.0"
+    "@sentry/types" "7.93.0"
 
 "@sinclair/typebox@^0.27.8":
   version "0.27.8"
@@ -966,10 +966,10 @@
   dependencies:
     "@sinonjs/commons" "^3.0.0"
 
-"@stripe/stripe-js@^2.2.1":
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/@stripe/stripe-js/-/stripe-js-2.2.1.tgz#532bbb796b2be680308aca6becef9967bc19bef7"
-  integrity sha512-Wd81A0u8EwT3cf+Xv1mpMI18RbXVhgh19MtPcF9ojNTlG3kl36B1+XFe1KQfnJxD3WRnVfDuI0rNCK53mcGm6g==
+"@stripe/stripe-js@^2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@stripe/stripe-js/-/stripe-js-2.3.0.tgz#607f91b75990eb660b9a7a4a8a7c282f5babd3fc"
+  integrity sha512-iTwzjw1ORUR+1pH21+C/M05w+Jh5hAuE4QUei7Gnku65N7QpEaHtyVszYMYDBs6iNyLrD1tfQTSrjD6NkOA/ww==
 
 "@szmarczak/http-timer@^5.0.1":
   version "5.0.1"
@@ -1198,10 +1198,10 @@
     proxy-from-env "^1.1.0"
     yauzl "^2.9.2"
 
-"@webref/css@^6.10.0":
-  version "6.10.0"
-  resolved "https://registry.yarnpkg.com/@webref/css/-/css-6.10.0.tgz#adab8e942b32e30d2e294b38cd3f5d670bb17b15"
-  integrity sha512-IOx3La7paGHcVK6z275G4Mare6sP3SloX3KNRF0D6SWytJa8ZW+ckB5evM9ke0FpOtd6MEIXdjf7OqVN9BQfvA==
+"@webref/css@^6.10.2":
+  version "6.10.2"
+  resolved "https://registry.yarnpkg.com/@webref/css/-/css-6.10.2.tgz#ff72c57118f61e011c4d46c00b6669c5c34029d8"
+  integrity sha512-BQepib8uNtlsxZbeVBHk1xdKDQRKFn4Gz73zy/zgRP+0we2v+LT2e8nOqt2KCGfUjSoNkSDS0Wc8z003qJXqFQ==
 
 abort-controller@^3.0.0:
   version "3.0.0"
@@ -3887,10 +3887,10 @@ ignore@^5.1.9, ignore@^5.2.4:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.0.tgz#67418ae40d34d6999c95ff56016759c718c82f78"
   integrity sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==
 
-image-size@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.0.2.tgz#d778b6d0ab75b2737c1556dd631652eb963bc486"
-  integrity sha512-xfOoWjceHntRb3qFCrh5ZFORYH8XCdYpASltMhZ/Q0KZiOwjdE/Yl2QCiWdwD+lygV5bMCvauzgu5PxBX/Yerg==
+image-size@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.1.1.tgz#ddd67d4dc340e52ac29ce5f546a09f4e29e840ac"
+  integrity sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==
   dependencies:
     queue "6.0.2"
 
@@ -5300,10 +5300,10 @@ mdn-data@2.0.30:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
   integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
 
-mdn-data@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.3.0.tgz#70df66e8c8826547a054668b148cd1bb8abc80b2"
-  integrity sha512-BhLaX4PxsBIBRqqmO3EIVpwUL0dma/evS8RjGwIVomw61jRikAMpeivHEMqH+VBZWQhuL+DWiImGbEIcDqu8/Q==
+mdn-data@^2.3.4:
+  version "2.3.4"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.3.4.tgz#752758dce18a6ba22e49cc9bff4a79baa560054d"
+  integrity sha512-AMfdA+smv8OZuCmEsAgqn2QkSTAEmqcrJDp56CK4WW3VT5A2AteoOg4p8mbs9hsCMTZUyrHCcLOnCFh1byVvjw==
 
 mdurl@^2.0.0:
   version "2.0.0"
@@ -5931,10 +5931,10 @@ open@^9.1.0:
     is-inside-container "^1.0.0"
     is-wsl "^2.2.0"
 
-openai@^4.23.0:
-  version "4.24.0"
-  resolved "https://registry.yarnpkg.com/openai/-/openai-4.24.0.tgz#0870accfd7a4a95375d5fe2caacb46b809da5611"
-  integrity sha512-h8fsas4lu0ul18oDzFIZpEQryh2SJEUJWanyfEwjME/klcKWZM/blDz2cKiT+aFBqPJzcYdCUj/8E7n20f0jEw==
+openai@^4.24.7:
+  version "4.24.7"
+  resolved "https://registry.yarnpkg.com/openai/-/openai-4.24.7.tgz#65b206bcf15c11202f758b5e1e945ffa13fd6b7f"
+  integrity sha512-JUesECWPtsDHO0TlZGb6q73hnAmXUdzj9NrwgZeL4lqlRt/kR1sWrXoy8LocxN/6uOtitywvcJqe0O1PLkG45g==
   dependencies:
     "@types/node" "^18.11.18"
     "@types/node-fetch" "^2.6.4"
@@ -6552,10 +6552,10 @@ remark-parse@^11.0.0:
     micromark-util-types "^2.0.0"
     unified "^11.0.0"
 
-remark-rehype@^11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/remark-rehype/-/remark-rehype-11.0.0.tgz#7f21c08738bde024be5f16e4a8b13e5d7a04cf6b"
-  integrity sha512-vx8x2MDMcxuE4lBmQ46zYUDfcFMmvg80WYX+UNLeG6ixjdCCLcw1lrgAukwBTuOFsS78eoAedHGn9sNM0w7TPw==
+remark-rehype@^11.0.0, remark-rehype@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/remark-rehype/-/remark-rehype-11.1.0.tgz#d5f264f42bcbd4d300f030975609d01a1697ccdc"
+  integrity sha512-z3tJrAs2kIs1AqIIy6pzHmAHlF1hWQ+OdY4/hv+Wxe35EhyLKcajL33iUEn3ScxtFox9nUvRufR/Zre8Q08H/g==
   dependencies:
     "@types/hast" "^3.0.0"
     "@types/mdast" "^4.0.0"
@@ -7002,10 +7002,10 @@ sprintf-js@~1.0.2:
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
   integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
 
-sse.js@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/sse.js/-/sse.js-2.1.0.tgz#edec93bb359896737497f7c3e78d7f3922ef50a3"
-  integrity sha512-pD2rLanKnaQwlXzNT4RKDfxy3UhbewzTTV/84s0fjS9B+rCWKDvv2okkqBInW5O9DA/PvUenTkmUXUXTyQJ1Bw==
+sse.js@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/sse.js/-/sse.js-2.2.0.tgz#93d013ad7a258a214fb24239077c041341aab9be"
+  integrity sha512-v1ciaikunC99FKS23rS973HYU0DnnvugtX13UggNvrgRUSungaGeLmKlm57t0dI2E1TcCqzc2Pj2njBDXFIpKQ==
 
 stable@^0.1.8:
   version "0.1.8"
@@ -7758,20 +7758,20 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
-web-features@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/web-features/-/web-features-0.5.0.tgz#557d970db002c265bf2e08221436114e14dbf320"
-  integrity sha512-FdBZZdaYfvAeR5G2KE0gL+/fiQ/OBvLgOk08wWyCYll81KwkYNetgHajjQMwGmpljURqdXn3rtd94bx6cA+r0w==
+web-features@^0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/web-features/-/web-features-0.5.1.tgz#edf75127605fe80e19451d7092a760445d9d8309"
+  integrity sha512-2ZB/vJdyeJod7qUD6gupETkbjyzPkIlyx3InCwLkauJYXVwCaTkM24qenZbTmoFXwSqIOlK4wO7HKv4ZXHmXkg==
 
 web-namespaces@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-2.0.1.tgz#1010ff7c650eccb2592cebeeaf9a1b253fd40692"
   integrity sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==
 
-web-specs@^2.75.1:
-  version "2.75.1"
-  resolved "https://registry.yarnpkg.com/web-specs/-/web-specs-2.75.1.tgz#1e8588820a9cda2fa00de14439de29e2597524b6"
-  integrity sha512-rwj5GrJTQi19ErgBiYBsowTW04P6wrgWssvATgrtDa20pZ89d9cY9EUtSmnAb3iT9dOn6Omke9GyYEsR9i5ZTw==
+web-specs@^2.76.0:
+  version "2.76.0"
+  resolved "https://registry.yarnpkg.com/web-specs/-/web-specs-2.76.0.tgz#f35137efbc722f1bc821208eb0790076e0800b00"
+  integrity sha512-XKIkhWVxlDoK4uglqpXD/SSWxvO798s9++krRwpzz53Xn/ywyKG7HaupnOf9Bd2PqdT883ExZiJQwvrC2VL2QQ==
 
 web-streams-polyfill@4.0.0-beta.3:
   version "4.0.0-beta.3"

From 04766d200d4a09669cb789a86cdbaeb9373d3a2d Mon Sep 17 00:00:00 2001
From: Alexander Yang <65861156+blueputty01@users.noreply.github.com>
Date: Tue, 16 Jan 2024 12:23:47 -0500
Subject: [PATCH 433/790] Clarify single-colon use case (#31748)

* Clarify single-colon use case

* Revert differentiate to distinguish
---
 files/en-us/web/css/_doublecolon_first-line/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/_doublecolon_first-line/index.md b/files/en-us/web/css/_doublecolon_first-line/index.md
index df0edc887f10322..b0de0212529b71b 100644
--- a/files/en-us/web/css/_doublecolon_first-line/index.md
+++ b/files/en-us/web/css/_doublecolon_first-line/index.md
@@ -13,7 +13,7 @@ The **`::first-line`** [CSS](/en-US/docs/Web/CSS) [pseudo-element](/en-US/docs/W
 
 The effects of `::first-line` are limited by the length and content of the first line of text in the element. The length of the first line depends on many factors, including the width of the element, the width of the document, and the font size of the text. `::first-line` has no effect when the first child of the element, which would be the first part of the first line, is an inline block-level element, such as an inline table.
 
-> **Note:** [Selectors Level 3](https://drafts.csswg.org/selectors-3/#first-line) introduced the double-colon notation (`::`) to distinguish [pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes) from [pseudo-elements](/en-US/docs/Web/CSS/Pseudo-elements), which are single-colon `:`. Browsers accept both `::first-line` and `:first-line`, which was introduced in CSS2.
+> **Note:** [Selectors Level 3](https://drafts.csswg.org/selectors-3/#first-line) introduced the double-colon notation (`::`) to distinguish [pseudo-elements](/en-US/docs/Web/CSS/Pseudo-elements) from the single-colon (`:`) [pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes). Browsers accept both `::first-line` and `:first-line`, which was introduced in CSS2.
 
 For the purposes of CSS {{CSSXref("background")}}, the `::first-line` pseudo-element is like an inline-level element meaning that in a left-justified first line, the background may not extend all the way to the right margin.
 

From 30a4f025c986109509d5f71d7a221581dd8aed9f Mon Sep 17 00:00:00 2001
From: mcmimik <mcmimik@ya.ru>
Date: Tue, 16 Jan 2024 23:36:49 +0300
Subject: [PATCH 434/790] Fixed what the property overflow-wrap applies to
 (#31727)

Clarified what the property applies to

According to the current standard, the property is not applied to inline elements, but to text. See: https://www.w3.org/TR/css-text-3/#overflow-wrap-property
---
 files/en-us/web/css/overflow-wrap/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/overflow-wrap/index.md b/files/en-us/web/css/overflow-wrap/index.md
index f39276f88e2816f..a60d628057173b3 100644
--- a/files/en-us/web/css/overflow-wrap/index.md
+++ b/files/en-us/web/css/overflow-wrap/index.md
@@ -7,7 +7,7 @@ browser-compat: css.properties.overflow-wrap
 
 {{CSSRef}}
 
-The **`overflow-wrap`** [CSS](/en-US/docs/Web/CSS) property applies to inline elements, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.
+The **`overflow-wrap`** [CSS](/en-US/docs/Web/CSS) property applies to text, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.
 
 {{EmbedInteractiveExample("pages/css/overflow-wrap.html")}}
 

From a5b79f8a98c4ee0484b30b2e2ad0ad12c79da278 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 16 Jan 2024 22:35:22 -0800
Subject: [PATCH 435/790] Link to contributing.md (#31753)

---
 .../mdn/writing_guidelines/page_structures/page_types/index.md  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md b/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md
index dc924a4bce0c081..6b3e83ebd47583d 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md
@@ -17,7 +17,7 @@ There are three broad categories of page types on MDN, though some page types fa
 
 ## Creating a new page
 
-To create new pages on MDN, you need to use GitHub — have a look at our [content repo README](https://github.com/mdn/content#adding-a-new-document) for more instructions.
+To create new pages on MDN, you need to use GitHub — have a look at our [content repo](https://github.com/mdn/content) section about [adding a new document](https://github.com/mdn/content/blob/main/CONTRIBUTING.md#adding-a-new-document) for more instructions.
 
 ## How to use the templates
 

From 137a960f52b744eabd33a2b56e54450653b06f45 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 16 Jan 2024 22:37:24 -0800
Subject: [PATCH 436/790] Macros: explain sidebars & cross reference links.
 remove quicklinks lingo (#31689)

* redirect

* New page: link macros

* links

* stuff

* create new sidebar

* move links so it's in page structure

* and link to macros page

* get rid of quicklinks section at bottom

* get rid of quicklinks section at bottom

* typo

* remove quicklinks reference

* gibberish about how macros differ

* Apply suggestions from code review

Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>

* Apply suggestions from code review

* Update files/en-us/mdn/writing_guidelines/page_structures/links/index.md

* Update files/en-us/mdn/writing_guidelines/page_structures/links/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Apply suggestions from code review

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

---------

Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/_redirects.txt                    |  11 +-
 files/en-us/mdn/contribute/index.md           |   2 +-
 files/en-us/mdn/contribute/processes/index.md |   2 +-
 .../page_structures/index.md                  |   2 +-
 .../page_structures/links/index.md            |  76 +++++++++
 .../macros/commonly_used_macros/index.md      |   2 +-
 .../page_structures/macros/index.md           |   3 +-
 .../page_structures/macros/other/index.md     |   6 +-
 .../page_structures/quicklinks/index.md       | 152 ------------------
 .../page_structures/sidebars/index.md         | 118 ++++++++++++++
 10 files changed, 209 insertions(+), 165 deletions(-)
 create mode 100644 files/en-us/mdn/writing_guidelines/page_structures/links/index.md
 delete mode 100644 files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md
 create mode 100644 files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 7cc90095209c3bf..8d5e3bf1fad3185 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -5410,7 +5410,7 @@
 /en-US/docs/MDN/Contribute/Content/Layout/Reference_page	/en-US/docs/MDN/Writing_guidelines/Howto/Write_an_API_reference
 /en-US/docs/MDN/Contribute/Content/Layout/Reference_subpage	/en-US/docs/MDN/Writing_guidelines/Howto/Write_an_API_reference
 /en-US/docs/MDN/Contribute/Content/Macros	/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros
-/en-US/docs/MDN/Contribute/Content/Quicklinks	/en-US/docs/MDN/Writing_guidelines/Page_structures/Quicklinks
+/en-US/docs/MDN/Contribute/Content/Quicklinks	/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars
 /en-US/docs/MDN/Contribute/Content/Specification_tables	/en-US/docs/MDN/Writing_guidelines/Page_structures/Specification_tables
 /en-US/docs/MDN/Contribute/Content/Style_guide	/en-US/docs/MDN/Writing_guidelines/Writing_style_guide
 /en-US/docs/MDN/Contribute/Creating_and_editing_pages	/en-US/docs/MDN/Writing_guidelines/Howto/Creating_moving_deleting
@@ -5443,7 +5443,7 @@
 /en-US/docs/MDN/Contribute/Guidelines/Layout/Reference_page	/en-US/docs/MDN/Writing_guidelines/Howto/Write_an_API_reference
 /en-US/docs/MDN/Contribute/Guidelines/Layout/Reference_subpage	/en-US/docs/MDN/Writing_guidelines/Howto/Write_an_API_reference
 /en-US/docs/MDN/Contribute/Guidelines/Macros	/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros
-/en-US/docs/MDN/Contribute/Guidelines/Quicklinks	/en-US/docs/MDN/Writing_guidelines/Page_structures/Quicklinks
+/en-US/docs/MDN/Contribute/Guidelines/Quicklinks	/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars
 /en-US/docs/MDN/Contribute/Guidelines/Specification_tables	/en-US/docs/MDN/Writing_guidelines/Page_structures/Specification_tables
 /en-US/docs/MDN/Contribute/Guidelines/Style_guide	/en-US/docs/MDN/Writing_guidelines/Writing_style_guide
 /en-US/docs/MDN/Contribute/Guidelines/Video	/en-US/docs/MDN/Writing_guidelines/Howto/Images_media
@@ -5506,7 +5506,7 @@
 /en-US/docs/MDN/Contribute/Structures/Page_types/HTML_element_page_template	/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/HTML_element_page_template
 /en-US/docs/MDN/Contribute/Structures/Page_types/HTTP_header_page_template	/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/HTTP_header_page_template
 /en-US/docs/MDN/Contribute/Structures/Page_types/SVG_element_page_template	/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/SVG_element_page_template
-/en-US/docs/MDN/Contribute/Structures/Quicklinks	/en-US/docs/MDN/Writing_guidelines/Page_structures/Quicklinks
+/en-US/docs/MDN/Contribute/Structures/Quicklinks	/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars
 /en-US/docs/MDN/Contribute/Structures/Specification_tables	/en-US/docs/MDN/Writing_guidelines/Page_structures/Specification_tables
 /en-US/docs/MDN/Contribute/Structures/Syntax_sections	/en-US/docs/MDN/Writing_guidelines/Page_structures/Syntax_sections
 /en-US/docs/MDN/Contribute/Style_guide	/en-US/docs/MDN/Writing_guidelines
@@ -5515,7 +5515,7 @@
 /en-US/docs/MDN/Contribute/Style_guide/Custom_macros	/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros
 /en-US/docs/MDN/Contribute/Style_guide/Live_samples	/en-US/docs/MDN/Writing_guidelines/Page_structures/Live_samples
 /en-US/docs/MDN/Contribute/Style_guide/Macros	/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros
-/en-US/docs/MDN/Contribute/Style_guide/Quicklinks	/en-US/docs/MDN/Writing_guidelines/Page_structures/Quicklinks
+/en-US/docs/MDN/Contribute/Style_guide/Quicklinks	/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars
 /en-US/docs/MDN/Contribute/Style_guide/Specification_tables	/en-US/docs/MDN/Writing_guidelines/Page_structures/Specification_tables
 /en-US/docs/MDN/Contribute/Tagging	/en-US/docs/MDN/Writing_guidelines/Howto
 /en-US/docs/MDN/Contribute/Tasks	/en-US/docs/MDN/Community/Contributing/Getting_started
@@ -5583,7 +5583,7 @@
 /en-US/docs/MDN/Structures/Page_types/HTML_element_page_template	/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/HTML_element_page_template
 /en-US/docs/MDN/Structures/Page_types/HTTP_header_page_template	/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/HTTP_header_page_template
 /en-US/docs/MDN/Structures/Page_types/SVG_element_page_template	/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types/SVG_element_page_template
-/en-US/docs/MDN/Structures/Quicklinks	/en-US/docs/MDN/Writing_guidelines/Page_structures/Quicklinks
+/en-US/docs/MDN/Structures/Quicklinks	/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars
 /en-US/docs/MDN/Structures/Specification_tables	/en-US/docs/MDN/Writing_guidelines/Page_structures/Specification_tables
 /en-US/docs/MDN/Structures/Syntax_sections	/en-US/docs/MDN/Writing_guidelines/Page_structures/Syntax_sections
 /en-US/docs/MDN/Tools	https://github.com/mdn/yari/tree/main/docs
@@ -5596,6 +5596,7 @@
 /en-US/docs/MDN/User_guide/Troubleshooting_KumaScript_errors	https://github.com/mdn/yari/tree/main/docs/kumascript/troubleshooting-errors.md
 /en-US/docs/MDN/Writing_guidelines/Creating_moving_deleting	/en-US/docs/MDN/Writing_guidelines/Howto/Creating_moving_deleting
 /en-US/docs/MDN/Writing_guidelines/Howto/Tag	/en-US/docs/MDN/Writing_guidelines/Howto
+/en-US/docs/MDN/Writing_guidelines/Page_structures/Quicklinks	/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars
 /en-US/docs/MDN/Writing_guidelines/Research_technology	/en-US/docs/MDN/Writing_guidelines/Howto/Research_technology
 /en-US/docs/MDN/Writing_guidelines/What_we_write/Inclusion_criteria	/en-US/docs/MDN/Writing_guidelines/What_we_write/Criteria_for_inclusion
 /en-US/docs/MDN/Yari	https://github.com/mdn/yari/tree/main/docs
diff --git a/files/en-us/mdn/contribute/index.md b/files/en-us/mdn/contribute/index.md
index 79f0aa56f049848..ce4a170266f02cd 100644
--- a/files/en-us/mdn/contribute/index.md
+++ b/files/en-us/mdn/contribute/index.md
@@ -122,4 +122,4 @@ If you are interested in words _and_ code, you could try your hand at the follow
 
 ## Other useful pages
 
-{{LandingPageListSubPages()}}
+{{LandingPageListSubPages}}
diff --git a/files/en-us/mdn/contribute/processes/index.md b/files/en-us/mdn/contribute/processes/index.md
index d9e83420267230d..b37ea9b5f26c525 100644
--- a/files/en-us/mdn/contribute/processes/index.md
+++ b/files/en-us/mdn/contribute/processes/index.md
@@ -8,4 +8,4 @@ page-type: landing-page
 
 The MDN documentation project is enormous; there are a vast number of technologies we cover through the assistance of hundreds of contributors from across the world. To help us bring order to chaos, we have standard processes to follow when working on specific documentation-related tasks. Here you'll find guides to those processes.
 
-{{LandingPageListSubPages()}}
+{{LandingPageListSubPages}}
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/index.md b/files/en-us/mdn/writing_guidelines/page_structures/index.md
index 146ca69a878f6b9..617fe2b23a1d979 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/index.md
@@ -9,7 +9,7 @@ page-type: landing-page
 Throughout MDN there are document structures that are used to provide consistent presentation of information in MDN articles.
 This page lists articles describing these structures so that you can modify page content appropriately for the documents you write, edit, or translate.
 
-{{LandingPageListSubPages()}}
+{{LandingPageListSubPages}}
 
 ## See also
 
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/links/index.md b/files/en-us/mdn/writing_guidelines/page_structures/links/index.md
new file mode 100644
index 000000000000000..55208d8afef92c3
--- /dev/null
+++ b/files/en-us/mdn/writing_guidelines/page_structures/links/index.md
@@ -0,0 +1,76 @@
+---
+title: Link macros
+slug: MDN/Writing_guidelines/Page_structures/Links
+page-type: mdn-writing-guide
+---
+
+{{MDNSidebar}}
+
+MDN provides numerous macros to create always up-to-date links to MDN content. In this guide, you will learn about MDN cross-reference macros that you can use to include a single link to another page or a list of links to all of a document's subpages.
+
+## Lists of links
+
+MDN provides macros that create a list of links:
+
+- [`\{{LandingPageListSubPages}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/LandingPageListSubpages.ejs)
+
+  - : Inserts a definition list ({{HTMLelement("dl")}}) of the subpages of the current page, with each page's title as the {{HTMLelement("dt")}} term and its first paragraph as the {{HTMLelement("dd")}} term.
+
+- [`\{{ListSubpagesForSidebar()}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/ListSubpagesForSidebar.ejs)
+
+  - : When included without parameters, inserts an ordered list of links to the current page's subpages. This macro is most often used within [sidebars](/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars#sidebars_adding_additional_content) (hence the macro name), where the bullets are not rendered. The first parameter is a slug of the link tree's parent page. The link text is displayed as code. Setting a second parameter to `true` or `1` converts the links to plain text. Setting a third parameter to `true` or `1` adds a link to the slug (parent) page at the top of the list with "Overview" as the link text.
+
+- [`\{{QuickLinksWithSubpages()}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/QuickLinksWithSubpages.ejs)
+
+  - : Creates a set of quicklinks using the current page's (or the specified page's) children as the destinations. This creates hierarchical lists up to two levels deep. The pages' titles are used as the link text and their summaries as tooltips.
+
+### Example link list
+
+To include an ordered list of links which includes this page and its siblings. write the following:
+
+```md
+\{{ListSubpagesForSidebar("/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros", 1)}}
+```
+
+This produces:
+
+{{ListSubpagesForSidebar("/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros", 1)}}
+
+## Cross-reference links
+
+Some macros create a single link to cross-reference a CSS, JavaScript, SVG, or HTML feature, including attributes, elements, properties, data types, and APIs. The macros that create single links require at least one parameter: the feature being referenced.
+
+These macros are:
+
+- [`\{{CSSxRef("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/cssxref.ejs)
+- [`\{{DOMxRef("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/DOMxRef.ejs)
+- [`\{{HTMLElement("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/HTMLElement.ejs)
+- [`\{{glossary("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/Glossary.ejs)
+- [`\{{JSxRef("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/jsxref.ejs)
+- [`\{{SVGAttr("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/SVGAttr.ejs)
+- [`\{{SVGElement("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/SVGElement.ejs)
+- [`\{{HTTPMethod("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/HTTPMethod.ejs)
+- [`\{{HTTPStatus("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/HTTPStatus.ejs)
+
+The first parameter of each of these macros is the last section of the slug of the document being referenced. For example, for HTML Elements, include `\{{HTMLElement("")}}` with the part of the slug that comes after `Web/HTML/Element/` in the slug being the first parameter. With `\{{CSSxRef("")}}`, add the part of the slug that comes after `Web/CSS/` in the slug. The link will go to this page.
+
+By default, the text displayed is the linked resource as written in the first parameter, in angle brackets for the case of `\{{HTMLElement()}}`. This may not be what you want. For example, the slug for the range input type is `Web/HTML/Element/input/range`. Including `\{{HTMLElement("input/range")}}` produces "{{HTMLElement("input/range")}}". That is not what you want. All the macros accept additional parameters, so you can provide the text you want to display.
+
+The second parameter, if present, provides the link text. In the input range case, we would write `\{{HTMLElement("input/range", "<code>&lt;input type=&quot;range&quot;&gt;</code>")}}` which produces "{{HTMLElement("input/range", "<code>&lt;input type=&quot;range&quot;&gt;</code>")}}". This particular macro removes the {{htmlelement("code")}} and angle brackets when the second parameter includes a space, so we added the brackets and code tags.
+
+Each macro is different!
+
+To prevent HTML code semantics and CSS code styling, some cross-reference macros include a parameter with the `"nocode"` to disable this styling.
+
+For example, `\{{CSSxRef("background-color")}}` creates the code link "{{CSSxRef("background-color")}}" and `{{domxref("CSS.supports_static", "check support", "nocode")}}` creates the plain text link "{{domxref("CSS.supports_static", "check support", "nocode")}}".
+
+Make sure to look at the source code to understand how the macro you are using works and to understand the various parameters; while the parameters are generally well documented, exceptions like "don't render as code if the second parameter includes a space" that we saw in the `\{{HTMLElement("")}}` macro is in the code but not otherwise documented.
+
+To learn which parameters each macro supports and the order of parameters for each macro, the macro's source file, linked above, includes documentation. There is a [list of commonly used macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros), each of which outputs links in the main content area of the page.
+
+## See also
+
+- [Using macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros)
+- [Macros](https://github.com/mdn/yari/tree/main/kumascript/macros) on Github
+- [Commonly used macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros), including BCD macros ( `\{{Compat}}`, `\{{Compat(&lt;feature>)}}`, and `\{{Compat(&lt;feature>, &lt;depth>)}}`) and specification macros (`\{{Specifications}}` / `\{{Specifications(&lt;feature>)}}`)
+- [Banners and notices guide](/en-US/docs/MDN/Writing_guidelines/Page_structures/Banners_and_notices)including the `\{{SeeCompatTable}}`, `\{{Deprecated_Header}}`, and `\{{SecureContext_Header}}` macros.
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md b/files/en-us/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md
index a40af4a787b766a..bea5e4bca803399 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md
@@ -274,7 +274,7 @@ The following macros are included on all reference pages, but are also supported
 
 ## See also
 
-- [Quicklinks](/en-US/docs/MDN/Writing_guidelines/Page_structures/Quicklinks)
+- [Sidebar macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars)
 - [Page templates](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types#page_templates)
 - [Page components](/en-US/docs/MDN/Writing_guidelines/Writing_style_guide#page_components)
 - [List of macros](https://github.com/mdn/yari/tree/main/kumascript/macros) on Github
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/macros/index.md b/files/en-us/mdn/writing_guidelines/page_structures/macros/index.md
index 4da195ad1256e90..66ac12b8cfb9368 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/macros/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/macros/index.md
@@ -38,5 +38,6 @@ You can read up on our most commonly-used macros on the [Commonly-used macros](/
 
 ## See also
 
-- [Quicklinks](/en-US/docs/MDN/Writing_guidelines/Page_structures/Quicklinks)
+- [Sidebar macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars)
+- [Link macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Links)
 - [List of macros](https://github.com/mdn/yari/tree/main/kumascript/macros) on Github
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/macros/other/index.md b/files/en-us/mdn/writing_guidelines/page_structures/macros/other/index.md
index 8f80ee2d91b43a5..a230739d73c5a69 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/macros/other/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/macros/other/index.md
@@ -25,8 +25,8 @@ We have an assortment of macros that can be used to automatically generate the c
 - [`APIListAlpha`](https://github.com/mdn/yari/blob/main/kumascript/macros/APIListAlpha.ejs) builds a list of the current page's subpages, formatted as a list of API terms, divided up by first letter. There are three parameters. The first is 0 if you want to include all top-level subpages or 1 to leave out subpages with "." in their names. The second and third let you add text to display as part of the name in each link. This can be used to add "<" and ">" for element links, or to add "()" at the end of lists of method names.
 - [`SubpagesWithSummaries`](https://github.com/mdn/yari/blob/main/kumascript/macros/SubpagesWithSummaries.ejs) constructs a definition list of all the immediate children of the current page. There is no other formatting done. You can get a two-column list ready for use as a multi-column landing page using [`LandingPageListSubpages`](https://github.com/mdn/yari/blob/main/kumascript/macros/LandingPageListSubpages.ejs).
 
-### Quicklinks
+### Lists of links
 
-We have one macro specifically designed to create [quicklinks](/en-US/docs/MDN/Writing_guidelines/Page_structures/Quicklinks):
+We have one macro specifically designed to create [lists of links](/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars) within content:
 
-- [`QuickLinksWithSubpages`](https://github.com/mdn/yari/blob/main/kumascript/macros/QuickLinksWithSubpages.ejs) creates a set of quicklinks comprised of the pages below the current page (or specified page, if one is given). Up to two total levels of depth are generated.
+- [`QuickLinksWithSubpages`](https://github.com/mdn/yari/blob/main/kumascript/macros/QuickLinksWithSubpages.ejs) creates a list of links comprised of the pages below the current page (or specified page, if one is given). Up to two total levels of depth are generated.
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md b/files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md
deleted file mode 100644
index da326177159d64b..000000000000000
--- a/files/en-us/mdn/writing_guidelines/page_structures/quicklinks/index.md
+++ /dev/null
@@ -1,152 +0,0 @@
----
-title: Sidebars and other link macros
-slug: MDN/Writing_guidelines/Page_structures/Quicklinks
-page-type: mdn-writing-guide
----
-
-{{MDNSidebar}}
-
-MDN supports adding links and lists of links in sidebars and within the main content of a page. You can and often **should** use macros to generate links.
-This article describes how to use the different MDN macros, demonstrating how to include sidebars to MDN pages and add always-up-to-date and maintained links within your content. Quickly.
-
-In this guide, you will learn how to create a sidebar of links by just including a macro and how to add how to use those same macros to create sidebars with additional text. You will also learn about cross-reference macros to add links to other pages and macros to add lists of links to pages and subpages.
-
-## Creating sidebars
-
-Every page has a sidebar. These sidebars are created by Quicklinks. **Quicklinks** are MDN macros that create boxes containing a potentially hierarchical list of links to other pages on this site. They are mainly used in sidebars, though can also be used in the main content area.
-
-> **Note:** The "Quicklinks" names comes from the ID used in server-side scripts to identify these content areas and may come from a shortening of [`id="Quick_links"`](#sidebars_adding_additional_content).
-
-When a Quicklink is included, the server creates a section of content containing an unordered list of links. The links created, where they are displayed, and how they are displayed depend on the macro used and the parameters included in the markdown macro call. Some quicklinks include links based on a directory's structure or page type. Others include a list of predefined pages that are hard-coded in Yari.
-
-### Fully macro-generated sidebars
-
-To include only the content generated by the Quicklink macro, the macro is added immediately after the frontmatter and before the content on every page. For example, the first lines of this document are written as:
-
-```md
----
-title: Sidebars and other link macros
-slug: MDN/Writing_guidelines/Page_structures/Quicklinks
-page-type: mdn-writing-guide
----
-
-\{{MDNSidebar}}
-```
-
-The `\{{MDNSidebar}}` is a Quicklink macro that adds the MDN sidebar to the page. Because we only want the content from the macro, and no additional content in our sidebar, the macro is placed immediately after the frontmatter.
-
-Here are a few other Quicklink macros, with what they do:
-
-- `\{{CSSRef}}`
-
-  - : Present on every CSS page, it generates a CSS sidebar that includes links for modules, properties, selectors, combinators, pseudo-classes, pseudo-elements, at-rules, functions, and types, with all the link lists collapsed except for the link list for the current page type.
-
-- `\{{DefaultAPISidebar("<API_Title>")}}`
-
-  - : The API sidebar displayed for overview pages; the single parameter is the name of the API group in GroupData.
-
-- Other sidebar "quicklink" macros
-  - : Other sidebar generating macro calls include `\{{GlossarySidebar}}`, `\{{LearnSidebar}}`,`\{{HTMLSidebar}}`, `\{{HTTPSidebar}}`, `\{{PWASidebar}}`, etc.
-
-The appropriate macro to use depends on the page type and is listed in the template for each page type.
-
-### Sidebars: adding additional content
-
-Each of the Quicklink macros listed above creates a predefined sidebar structure.
-If you need to append links before or after the sidebar structure generated by the macro, you can do so by:
-
-1. Remove any sidebar Quicklink macro appearing immediately after the frontmatter and before the content, as each document can only have one sidebar.
-2. At the end of the markdown file, add an HTML {{htmlelement("section")}} element and add `id="Quick_links"` (Hence the name "Quicklinks") to the opening tag.
-3. Nest both the macro and any additional links within this `<section>`.
-
-For example, adding the following at the end of a markdown file (and removing any sidebar macro from below the frontmatter), will create a sidebar containing the links to all the ARIA role pages, preceded by a link to the ARIA roles overview page:
-
-```md
-<section id="Quick_links">
-
-1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
-
-   \{{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", "true")}}
-
-</section>
-```
-
-> **Note:** This `<section>` must be appended to the end of the page, instead of between the frontmatter and the page content.
-
-You can also fully craft a sidebar with more than one Quicklinks macro, without including a Quicklinks macro, with cross reference macros, or any combination of macros and markdown. The steps to creating a sidebar without a Quicklinks macro are similar to the steps for the ARIA example above:
-
-1. Remove any sidebar Quicklink macro appearing immediately after the frontmatter and before the content.
-2. At the end of the markdown file, add the following HTML markup as the last content of the markdown file: `<section id="Quick_links"></section>`.
-3. Add an unordered list of links written in markdown between the opening and closing `<section>` tags.
-
-```md
-<section id="Quick_links">
-
-- [WAI-ARIA `button` role](/en-US/docs/Web/Accessibility/ARIA/Roles/Button_role)
-- \{{HTMLElement("button")}}
-- \{{HTMLElement("input/button", "button")}} \{{HTMLElement("input")}}
-
-</section>
-```
-
-> **Note:** To include content in your sidebar along with a quicklink macro, the extra content and the quicklinks macro must be placed at the end of the document. Only one sidebar is created per page, so any macro listed after the frontmatter must be removed.
-
-## Main content area links
-
-Macros are not limited to sidebars or even to long lists of links.
-
-### Lists of links
-
-Quicklink macros can also be used to add lists of links to the main area of the page. The following macros do not create a sidebar. They create a list of links. They can be included in the content of the page or within a sidebar.
-
-- `\{{LandingPageListSubPages()}}`
-
-  - : Inserts a definition list ({{HTMLelement("dl")}}) of the subpages of the current page, with each page's title as the {{HTMLelement("dt")}} term and its SEO summary as the {{HTMLelement("dd")}} term. The optional parameter accepts the slug or the parent page of the directory of pages to output instead of the subpages of the current page.
-
-- `\{{ListSubpagesForSidebar(<parameters>)}}`
-
-  - : Inserts a tree of subpages of the slug of the pages specified as the first parameter. Include two parameters, with the second being `true` or `1`, to display the links as plain text instead of like code. Include a third parameter, set to `true` or `1`, to include the parent page at the top of the list with the link text "Overview".
-
-To add include either list of links as part of a sidebar, include the macro as described in [Sidebars: adding additional content](#sidebars-adding-additional-content).
-
-### Cross-reference links
-
-In addition to macros that create lists of links, there are macros that quickly create a single link to cross-reference a CSS, JavaScript, SVG, or HTML feature, including attributes, elements, properties, data types, and APIs. The macros that create single links require at least one parameter: the feature being referenced.
-
-Some of these macros include (see [all the macros on Github](https://github.com/mdn/yari/tree/main/kumascript/macros)):
-
-- [`\{{CSSxRef("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/cssxref.ejs)
-- [`\{{DOMxRef("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/DOMxRef.ejs)
-- [`\{{HTMLElement("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/HTMLElement.ejs)
-- [`\{{glossary("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/Glossary.ejs)
-- [`\{{JSxRef("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/jsxref.ejs)
-- [`\{{SVGAttr("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/SVGAttr.ejs)
-- [`\{{SVGElement("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/SVGElement.ejs)
-- [`\{{HTTPMethod("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/HTTPMethod.ejs)
-- [`\{{HTTPStatus("")}}`](https://github.com/mdn/yari/blob/main/kumascript/macros/HTTPStatus.ejs)
-
-All the macros accept additional parameters. By default, the text displayed is the linked resource as written in the first parameter. The second parameter, if present, provides the link text. In most cases, these links are displayed like code, in a monospace font. To prevent HTML code semantics and CSS code styling, some of the cross-reference macros include a parameter with the value of `"nocode"` to disable this styling.
-
-For example, `\{{CSSxRef("background-color")}}` creates the code link "{{CSSxRef("background-color")}}" and `{{domxref("CSS.supports_static", "check support", "nocode")}}` creates the plain text link "{{domxref("CSS.supports_static", "check support", "nocode")}}".
-
-To learn which parameters each macro supports along with the order of parameters for each macro, the macro's source file, linked above, includes documentation. There is a [list of commonly used macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros), each of which outputs links in the main content area of the page.
-
-## Underlying code for MDN macros
-
-There are around 100 [available macros](https://github.com/mdn/yari/tree/main/kumascript/macros). Here are a few standard macros for generating quicklinks and an example of a hardcoded Yari macro list.
-
-- [`CSSRef`](https://github.com/mdn/yari/blob/main/kumascript/macros/CSSRef.ejs)
-  - : Builds the standard quicklinks for CSS Reference pages.
-- [`HTMLSidebar`](https://github.com/mdn/yari/blob/main/kumascript/macros/HTMLSidebar.ejs)
-  - : Builds the standard quicklinks for HTML Reference pages.
-- [`QuickLinksWithSubpages`](https://github.com/mdn/yari/blob/main/kumascript/macros/QuickLinksWithSubpages.ejs)
-  - : Creates a set of quicklinks using the current page's (or the specified page's) children as the destinations.
-    This creates hierarchical lists up to two levels deep.
-    The pages' titles are used as the link text and their summaries as tooltips.
-
-## See also
-
-- [Using macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros)
-- [Macros](https://github.com/mdn/yari/tree/main/kumascript/macros) on Github
-- [Commonly used macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros), including BCD macros ( `\{{Compat}}`, `\{{Compat(&lt;feature>)}}`, and `\{{Compat(&lt;feature>, &lt;depth>)}}`) and specification macros (`\{{Specifications}}` / `\{{Specifications(&lt;feature>)}}`)
-- [Banners and notices guide](/en-US/docs/MDN/Writing_guidelines/Page_structures/Banners_and_notices)including the `\{{SeeCompatTable}}`, `\{{Deprecated_Header}}`, and `\{{SecureContext_Header}}` macros.
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md b/files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md
new file mode 100644
index 000000000000000..b7c635923499226
--- /dev/null
+++ b/files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md
@@ -0,0 +1,118 @@
+---
+title: Sidebars
+slug: MDN/Writing_guidelines/Page_structures/Sidebars
+page-type: mdn-writing-guide
+---
+
+{{MDNSidebar}}
+
+All the pages MDN community members may edit include a sidebar. These sidebars are created using macros.
+This article describes the different MDN sidebar macros, demonstrating how to include sidebars on MDN pages.
+
+In this guide, you will learn how to create a sidebar of links by just including a macro and how to create sidebars with additional content.
+
+## Creating sidebars
+
+Every page has a sidebar. These sidebars appear because a sidebar macro has been included on the pages that create a potentially hierarchical list of links to other pages on this site.
+
+When a sidebar macro is included, the server creates a section of content containing an unordered list of links. The links created, where they are displayed, and how they are displayed depend on the macro used and the parameters included in the markdown macro call. Some sidebars include links based on a directory's structure or page type. Others include a list of predefined pages that are hard-coded in Yari.
+
+### Including single-macro sidebars
+
+To include only the content generated by a sidebar macro, the macro is added immediately after the frontmatter and before the content on every page. Frontmatter is where we specify the metadata and options for each page. The frontmatter on MDN includes the page title, slug, and page type, along with other information based on the page type, such as specification URL, browser compatibility object, etc.
+
+For example, the first lines of this document are written as:
+
+```md
+---
+title: Sidebars
+slug: MDN/Writing_guidelines/Page_structures/Sidebars
+page-type: mdn-writing-guide
+---
+
+\{{MDNSidebar}}
+```
+
+The frontmatter is the content between the dashes. The sidebar macro is included immediately after the frontmatter. The `\{{MDNSidebar}}` is a sidebar macro that adds the MDN sidebar to the page. When the sidebar is a single macro call, the macro is placed immediately after the frontmatter.
+
+Here are a few other sidebar macros, with what they do:
+
+- `\{{CSSRef}}`
+
+  - : Present on every CSS page, it generates a CSS sidebar that includes links for modules, properties, selectors, combinators, pseudo-classes, pseudo-elements, at-rules, functions, and types, with all the link lists collapsed except for the link list for the current page type.
+
+- `\{{DefaultAPISidebar("<API_Title>")}}`
+
+  - : The API sidebar displayed for overview pages; the single parameter is the name of the API group in GroupData.
+
+- `\{{GlossarySidebar}}`
+
+  - : Present on every glossary page, it generates the glossary sidebar that includes the list of top-level glossary terms (not the disambiguated terms) preceded by a section filter.
+
+- `\{{LearnSidebar}}`
+
+  - : Present on every page within the Learn section except for common questions and how-to pages (which use the `QuickLinksWithSubpages` macro), it generates a sidebar based on the [hard-coded links](https://github.com/mdn/yari/blob/main/kumascript/macros/LearnSidebar.ejs) present in the Yari macro file. This macro is not based on file structure.
+
+- `\{{HTMLSidebar}}`
+
+  - : Generates the sidebar for HTML documentation, including tutorials, references, and guides. The macro includes calls to the `\{{ ListSubpagesForSidebar}}` macro for the element and attribute reference sections, while the tutorial and guide [links are hard-coded](https://github.com/mdn/yari/blob/main/kumascript/macros/HTMLSidebar.ejs).
+
+- `\{{HTTPSidebar}}`
+
+  - : Generates the sidebar for [HTTP documentation](/en-US/docs/Web/HTTP), including guides and reference docs.
+
+- `\{{PWASidebar}}`
+
+  - : Generates the sidebar for progressive web app (PWA) documentation. The macro lists all the pages (it is not based on file structure).
+
+The appropriate macro to use depends on the [page type](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types). The [template](/en-US/docs/MDN/Writing_guidelines/Page_structures/Page_types#page_templates) for each page type includes the appropriate macro for that page type.
+
+### Creating new sidebars
+
+You should use existing sidebar macros, without adding any content to them. If you are creating a whole new section of content, create a [macro for your sidebar](https://github.com/mdn/yari/blob/main/kumascript/macros/) in Yari.
+
+In the unlikely event that you need to create a temporary sidebar, this section explains how that can be done. Do not submit your temporary sidebar for PR review as it will not be approved.
+
+If you need to create a new sidebar macro, you can do so in your development environment by following these steps:
+
+1. Remove the sidebar macro appearing immediately after the frontmatter and before the content, as each document can only have one sidebar.
+2. At the end of the markdown file, add an HTML {{htmlelement("section")}} element setting the `id` of the element to `Quick_links`.
+3. Add a `\{{ListSubpagesForSidebar()}}` macro with the slug of the directory for each section of content you want to include in the sidebar, along with additional markdown, between the opening and closing `<section>` tags.
+
+For example, when developing the Accessibility sidebar, we could have temporarily included the following at the end of a markdown file (and removing any sidebar macro from below the frontmatter), will create a sidebar containing the links to all the ARIA role pages, preceded by a link to the ARIA roles overview page:
+
+```md
+<section id="Quick_links">
+
+1. [**Accessibility**](/en-US/docs/Web/Accessibility)
+
+   \{{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility")}}
+
+2. [**ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)
+
+   \{{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles", "true")}}
+
+3. [**ARIA attributes**](/en-US/docs/Web/Accessibility/ARIA/Attributes)
+
+   \{{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Attributes", "true")}}
+
+</section>
+```
+
+If listed as the last content in the page, Yari, the engine that renders MDN, recognizes the `Quick_links` ID in the opening tag and converts the content of the identified `<section>` into a sidebar.
+
+The `\{{ListSubpagesForSidebar(<parameters>)}}` macro inserts the tree of subpages for the page whose slug is specified as the first parameter. The above creates a sidebar containing a link to all the Accessibilty documents, followed by the ARIA roles and attributes.
+
+Once you have determined the links to include in your sidebar, submit a pull request to [Yari with your proposed sidebar macro](https://github.com/mdn/yari/blob/main/kumascript/macros/).
+
+> **Note:** This `<section>` must be appended to the end of the document, instead of between the frontmatter and the page content. Only one sidebar is created per page, so any macro listed after the frontmatter must be removed.
+
+The [macro source code](https://github.com/mdn/yari/tree/main/kumascript/macros) is on Github. Each macro includes the documentation for itself, including parameters, if any.
+
+## See also
+
+- [Using macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros)
+- [Content link macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Links)
+- [Page section macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros)
+- [Banners and notices macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Banners_and_notices)
+- [All macros](https://github.com/mdn/yari/tree/main/kumascript/macros) on Github

From 5bdf07135ae8b157971e968bf5593d5d2f9797a6 Mon Sep 17 00:00:00 2001
From: Tom Wolf <github@incognitox.org>
Date: Wed, 17 Jan 2024 00:39:20 -0600
Subject: [PATCH 437/790] HTTP Client Hints: remove reference to deprecated DPR
 header (#31750)

Remove reference to deprecated DPR header
---
 files/en-us/web/http/client_hints/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/client_hints/index.md b/files/en-us/web/http/client_hints/index.md
index 91d2a47c68504e0..ce559a6be29e1b2 100644
--- a/files/en-us/web/http/client_hints/index.md
+++ b/files/en-us/web/http/client_hints/index.md
@@ -121,7 +121,7 @@ Headers include: {{HTTPHeader("Sec-CH-Prefers-Reduced-Motion")}}, {{HTTPHeader("
 ### Device client hints
 
 Device client hints allow a server to vary responses based on device characteristics including available memory and screen properties.
-Headers include: {{HTTPHeader("Device-Memory")}}, {{HTTPHeader("DPR")}}, {{HTTPHeader("Width")}}, {{HTTPHeader("Viewport-Width")}}.
+Headers include: {{HTTPHeader("Device-Memory")}}, {{HTTPHeader("Width")}}, {{HTTPHeader("Viewport-Width")}}.
 
 ### Network client hints
 

From 88c098f5bd651a5c587d7b32dba055766c1789ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=BF=E3=81=91CAT?= <mikecat@users.noreply.github.com>
Date: Wed, 17 Jan 2024 17:08:58 +0900
Subject: [PATCH 438/790] Improve the example in Presentation API (#31740)

---
 files/en-us/web/api/presentation_api/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/presentation_api/index.md b/files/en-us/web/api/presentation_api/index.md
index 53384b784a105c0..761b37a0ce13e12 100644
--- a/files/en-us/web/api/presentation_api/index.md
+++ b/files/en-us/web/api/presentation_api/index.md
@@ -41,7 +41,7 @@ Depending on the connection mechanism provided by the presentation device, any c
 
 ## Example
 
-Example codes below highlight the usage of main features of the Presentation API: `controller.html` implements the controller and `presentation.html` implements the presentation. Both pages are served from the domain `http://example.org` (`http://example.org/controller.html` and `http://example.org/presentation.html`). These examples assume that the controlling page is managing one presentation at a time. Please refer to the comments in the code examples for further details.
+Example codes below highlight the usage of main features of the Presentation API: `controller.html` implements the controller and `presentation.html` implements the presentation. Both pages are served from the domain `https://example.org` (`https://example.org/controller.html` and `https://example.org/presentation.html`). These examples assume that the controlling page is managing one presentation at a time. Please refer to the comments in the code examples for further details.
 
 ### Monitor availability of presentation displays
 
@@ -55,8 +55,8 @@ In `controller.html`:
 
   // It is also possible to use relative presentation URL e.g. "presentation.html"
   const presUrls = [
-    "http://example.com/presentation.html",
-    "http://example.net/alternate.html",
+    "https://example.com/presentation.html",
+    "https://example.net/alternate.html",
   ];
 
   // Show or hide present button depending on display availability

From d02e318873411176e87776e990c18f0024ed6fc5 Mon Sep 17 00:00:00 2001
From: "Simon Y. Blackwell" <syblackwell@anywhichway.com>
Date: Wed, 17 Jan 2024 00:11:51 -0800
Subject: [PATCH 439/790] RSA: Update importKey (#31741)

---
 files/en-us/web/api/subtlecrypto/importkey/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/subtlecrypto/importkey/index.md b/files/en-us/web/api/subtlecrypto/importkey/index.md
index 27c75d6f38511c2..34f0c0fd283c358 100644
--- a/files/en-us/web/api/subtlecrypto/importkey/index.md
+++ b/files/en-us/web/api/subtlecrypto/importkey/index.md
@@ -260,7 +260,7 @@ function importPrivateKey(pem) {
   const pemFooter = "-----END PRIVATE KEY-----";
   const pemContents = pem.substring(
     pemHeader.length,
-    pem.length - pemFooter.length,
+    pem.length - pemFooter.length - 1,
   );
   // base64 decode the string to get the binary data
   const binaryDerString = window.atob(pemContents);

From 7eb5ed69311994eb71a0e1af970b95201c8c4ecc Mon Sep 17 00:00:00 2001
From: Alexander Schranz <alexander@sulu.io>
Date: Wed, 17 Jan 2024 09:12:42 +0100
Subject: [PATCH 440/790] Remove template literals from formData entries
 example (#31747)

---
 files/en-us/web/api/formdata/entries/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/formdata/entries/index.md b/files/en-us/web/api/formdata/entries/index.md
index 37732df39be9412..6b74b4e62f89ced 100644
--- a/files/en-us/web/api/formdata/entries/index.md
+++ b/files/en-us/web/api/formdata/entries/index.md
@@ -34,15 +34,15 @@ formData.append("key2", "value2");
 
 // Display the key/value pairs
 for (const pair of formData.entries()) {
-  console.log(`${pair[0]}, ${pair[1]}`);
+  console.log(pair[0], pair[1]);
 }
 ```
 
 The result is:
 
 ```plain
-key1, value1
-key2, value2
+key1 value1
+key2 value2
 ```
 
 ## Specifications

From 5bc49704c3c7b701e0922dc5364bc6297b71b833 Mon Sep 17 00:00:00 2001
From: Joe Pea <trusktr@gmail.com>
Date: Wed, 17 Jan 2024 01:33:13 -0800
Subject: [PATCH 441/790] Make it more clear what happens when
 IntersectionObserver's options.root is not specified (#31518)

Make it more clear what happens to when IntersectionObserver's options.root is not specified
---
 .../api/intersectionobserver/intersectionobserver/index.md  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/intersectionobserver/intersectionobserver/index.md b/files/en-us/web/api/intersectionobserver/intersectionobserver/index.md
index 45718c94fbc4719..ea85b339ac50a91 100644
--- a/files/en-us/web/api/intersectionobserver/intersectionobserver/index.md
+++ b/files/en-us/web/api/intersectionobserver/intersectionobserver/index.md
@@ -37,13 +37,13 @@ new IntersectionObserver(callback, options)
 
 - `options` {{optional_inline}}
 
-  - : An optional object which customizes the observer.
-    If `options` isn't specified, the observer uses the document's viewport as the root, with no margin, and a 0% threshold (meaning that even a one-pixel change is enough to trigger a callback).
+  - : An optional object which customizes the observer. All properties are optional.
     You can provide any combination of the following options:
 
     - `root`
       - : An {{domxref("Element")}} or {{domxref("Document")}} object which is an ancestor of the intended target, whose bounding rectangle will be considered the viewport.
-        Any part of the target not visible in the visible area of the `root` is not considered visible.
+        Any part of the target not visible in the visible area of the `root` is not considered visible. If not specified, the observer uses the document's
+        viewport as the root, with no margin, and a 0% threshold (meaning that even a one-pixel change is enough to trigger a callback).
     - `rootMargin`
       - : A string which specifies a set of offsets to add to the root's {{Glossary('bounding_box')}} when calculating intersections, effectively shrinking
         or growing the root for calculation purposes.

From acb4615aaa8570431406195719e2be29a0c4ade6 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 17 Jan 2024 17:34:49 +0800
Subject: [PATCH 442/790] Fix description of `IdentityCredential.token`
 (#31538)

---
 files/en-us/web/api/identitycredential/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/identitycredential/index.md b/files/en-us/web/api/identitycredential/index.md
index 63dae1ec0a49359..58ddb3a7cd720d3 100644
--- a/files/en-us/web/api/identitycredential/index.md
+++ b/files/en-us/web/api/identitycredential/index.md
@@ -20,7 +20,7 @@ A successful {{domxref("CredentialsContainer.get", "navigator.credentials.get()"
 _Inherits properties from its ancestor, {{domxref("Credential")}}._
 
 - {{domxref("IdentityCredential.token")}} {{experimental_inline}}
-  - : Returns a {{jsxref("Promise")}} that resolves with the {{domxref("Credential")}} instance that matches the provided parameters.
+  - : Returns the token used to validate the associated sign-in.
 
 ## Examples
 

From 50ba4dc4168e6a6e847e37221cdce51d66d928be Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Wed, 17 Jan 2024 11:49:55 +0100
Subject: [PATCH 443/790] chore(ci): Switch out labeler action, define labels
 in workflow inline instead of by config file (#31758)

chore(ci): Switch out labeler action, use label config in workflow
---
 .github/pull-request-size.yml    | 42 --------------------------------
 .github/workflows/pr-labeler.yml | 36 +++++++++++++++++----------
 2 files changed, 23 insertions(+), 55 deletions(-)
 delete mode 100644 .github/pull-request-size.yml

diff --git a/.github/pull-request-size.yml b/.github/pull-request-size.yml
deleted file mode 100644
index 5ec773b5fbc1ac6..000000000000000
--- a/.github/pull-request-size.yml
+++ /dev/null
@@ -1,42 +0,0 @@
-# Configuration for PR Size Labeler
-
-# List of files to exclude from size calculation
-# Files matching these patterns will not be considered when calculating PR size
-exclude_files:
-  - "files/en-us/_redirects.txt"
-  - "files/en-us/_wikihistory.json"
-
-# Configuration for labeling based on the size of the Pull Request
-# Each entry defines a size label, along with thresholds for diff and file count
-label_configs:
-  # Configuration for 'extra small' PRs
-  - size: xs
-    diff: 10 # Threshold for the total lines of code changed (additions + deletions)
-    files: 1 # Threshold for the total number of files changed
-    labels: ["size/xs"] # Labels to be applied for this size
-
-  # Configuration for 'small' PRs
-  - size: s
-    diff: 25
-    files: 5
-    labels: ["size/s"]
-
-  # Configuration for 'medium' PRs
-  - size: m
-    diff: 100
-    files: 10
-    # Additional labels can be added, e.g.;
-    # labels: ["size/m", "pairing-wanted"]
-    labels: ["size/m"]
-
-  # Configuration for 'large' PRs
-  - size: l
-    diff: 250
-    files: 25
-    labels: ["size/l"]
-
-  # Configuration for 'extra large' PRs
-  - size: xl
-    diff: 500
-    files: 50
-    labels: ["size/xl"]
diff --git a/.github/workflows/pr-labeler.yml b/.github/workflows/pr-labeler.yml
index 55984b314ba8d6d..d898197baaa1462 100644
--- a/.github/workflows/pr-labeler.yml
+++ b/.github/workflows/pr-labeler.yml
@@ -1,4 +1,4 @@
-name: Pull request labeler
+name: PR labeler
 
 on:
   - pull_request_target
@@ -12,28 +12,38 @@ jobs:
   label-by-path:
     # do not run on forks
     if: github.repository == 'mdn/content'
+    name: Label by path
     runs-on: ubuntu-latest
     steps:
       - uses: actions/labeler@v4
         with:
           repo-token: "${{ secrets.GITHUB_TOKEN }}"
 
-  # Docs: https://github.com/cbrgm/pr-size-labeler-action
+  # Docs: https://github.com/CodelyTV/pr-size-labeler
   label-by-size:
     # do not run on forks
     if: github.repository == 'mdn/content'
     needs: label-by-path
+    name: Label by size
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
+      - uses: codelytv/pr-size-labeler@v1
         with:
-          persist-credentials: false
-
-      - name: Label PR based on size
-        uses: cbrgm/pr-size-labeler-action@main
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          github_repository: ${{ github.repository }} # Repository name
-          github_pr_number: ${{ github.event.number }} # Pull request number
-          config_file_path: ".github/pull-request-size.yml" # Path to pr-size-labeler config
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          github_api_url: "https://api.github.com"
+          xs_label: "size/xs"
+          xs_max_size: "5"
+          s_label: "size/s"
+          s_max_size: "10"
+          m_label: "size/m"
+          m_max_size: "50"
+          l_label: "size/l"
+          l_max_size: "100"
+          xl_label: "size/xl"
+          fail_if_xl: "false"
+          # message_if_xl: >
+          #   This PR exceeds the recommended size of 1000 lines.
+          #   ...
+          files_to_ignore: |
+            "files/en-us/_redirects.txt"
+            "files/en-us/_wikihistory.json"

From 9cb0cc55accbf3cc9745746e1ead7ec5f5fad4b8 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Wed, 17 Jan 2024 12:00:34 +0100
Subject: [PATCH 444/790] chore(ci): Add 'issue: write' perms to workflow
 (#31759)

chore(ci): Add 'issue: write' perms to labeler
---
 .github/workflows/pr-labeler.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/pr-labeler.yml b/.github/workflows/pr-labeler.yml
index d898197baaa1462..2c6de75d26b0e40 100644
--- a/.github/workflows/pr-labeler.yml
+++ b/.github/workflows/pr-labeler.yml
@@ -4,6 +4,7 @@ on:
   - pull_request_target
 
 permissions:
+  issues: write
   pull-requests: write
   contents: read
 

From 3b39e41fb9393a13b16aaf58ba25174a62205041 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 17 Jan 2024 20:49:19 +0800
Subject: [PATCH 445/790] Move Web/API/Houdini to Web/API/Houdini_APIs | fix
 the reference bug (#31677)

* move files

* fix api summary title

* fix redirects

* fix broken link

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/_redirects.txt                                   | 5 +++--
 files/en-us/_wikihistory.json                                | 2 +-
 files/en-us/glossary/houdini/index.md                        | 2 +-
 files/en-us/web/api/css/paintworklet_static/index.md         | 2 +-
 files/en-us/web/api/css_object_model/index.md                | 2 +-
 files/en-us/web/api/css_painting_api/index.md                | 4 ++--
 .../web/api/css_properties_and_values_api/guide/index.md     | 2 +-
 files/en-us/web/api/css_properties_and_values_api/index.md   | 4 ++--
 files/en-us/web/api/css_typed_om_api/index.md                | 2 +-
 files/en-us/web/api/{houdini => houdini_apis}/index.md       | 4 ++--
 .../api/paintworkletglobalscope/devicepixelratio/index.md    | 2 +-
 files/en-us/web/api/paintworkletglobalscope/index.md         | 2 +-
 .../web/api/paintworkletglobalscope/registerpaint/index.md   | 2 +-
 files/en-us/web/css/@property/index.md                       | 4 ++--
 files/en-us/web/css/@property/inherits/index.md              | 2 +-
 files/en-us/web/css/@property/initial-value/index.md         | 2 +-
 files/en-us/web/css/@property/syntax/index.md                | 2 +-
 files/en-us/web/css/css_properties_and_values_api/index.md   | 2 +-
 18 files changed, 24 insertions(+), 23 deletions(-)
 rename files/en-us/web/api/{houdini => houdini_apis}/index.md (99%)

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 8d5e3bf1fad3185..0a79542b5b1b436 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -8611,6 +8611,7 @@
 /en-US/docs/Web/API/Headers/getAll	/en-US/docs/Web/API/Headers/get
 /en-US/docs/Web/API/History.length	/en-US/docs/Web/API/History/length
 /en-US/docs/Web/API/History_API/Example	/en-US/docs/Web/API/History_API/Working_with_the_History_API
+/en-US/docs/Web/API/Houdini	/en-US/docs/Web/API/Houdini_APIs
 /en-US/docs/Web/API/IDBCursor.advance	/en-US/docs/Web/API/IDBCursor/advance
 /en-US/docs/Web/API/IDBCursor.continue	/en-US/docs/Web/API/IDBCursor/continue
 /en-US/docs/Web/API/IDBCursor.delete	/en-US/docs/Web/API/IDBCursor/delete
@@ -12156,7 +12157,7 @@
 /en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines	/en-US/docs/Web/HTML/Element/Heading_Elements
 /en-US/docs/Web/Guide/HTML/Using_data_attributes	/en-US/docs/Learn/HTML/Howto/Use_data_attributes
 /en-US/docs/Web/Guide/HTML/XHTML	/en-US/docs/Glossary/XHTML
-/en-US/docs/Web/Guide/Houdini	/en-US/docs/Web/API/Houdini
+/en-US/docs/Web/Guide/Houdini	/en-US/docs/Web/API/Houdini_APIs
 /en-US/docs/Web/Guide/Index	/en-US/docs/Web/Guide
 /en-US/docs/Web/Guide/Introduction_to_Web_development	/en-US/docs/Learn
 /en-US/docs/Web/Guide/Mobile	/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
@@ -12336,7 +12337,7 @@
 /en-US/docs/Web/HTTP/X-Frame-Options	/en-US/docs/Web/HTTP/Headers/X-Frame-Options
 /en-US/docs/Web/HTTP/data_URIs	/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs
 /en-US/docs/Web/HTTP/www_and_non-www_URLs	/en-US/docs/Web/HTTP/Basics_of_HTTP/Choosing_between_www_and_non-www_URLs
-/en-US/docs/Web/Houdini	/en-US/docs/Web/API/Houdini
+/en-US/docs/Web/Houdini	/en-US/docs/Web/API/Houdini_APIs
 /en-US/docs/Web/Houdini/CSS_Painting_API	/en-US/docs/Web/API/CSS_Painting_API/Guide
 /en-US/docs/Web/Houdini/CSS_Typed_OM	/en-US/docs/Web/API/CSS_Typed_OM_API
 /en-US/docs/Web/Houdini/Learn/CSS_Painting_API	/en-US/docs/Web/API/CSS_Painting_API/Guide
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 6539125f5784c6f..4b583f788b7fc0d 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -42340,7 +42340,7 @@
     "modified": "2019-03-18T20:56:26.488Z",
     "contributors": ["wbamberg", "chrisdavidmills", "rugk"]
   },
-  "Web/API/Houdini": {
+  "Web/API/Houdini_APIs": {
     "modified": "2020-07-16T03:51:08.991Z",
     "contributors": [
       "Wind1808",
diff --git a/files/en-us/glossary/houdini/index.md b/files/en-us/glossary/houdini/index.md
index 73de2c60770de53..d1f9db5c290f1a4 100644
--- a/files/en-us/glossary/houdini/index.md
+++ b/files/en-us/glossary/houdini/index.md
@@ -14,7 +14,7 @@ While many of the features Houdini enables can be created with JavaScript, inter
 
 ## See also
 
-- [Houdini](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
 - [CSSOM](/en-US/docs/Web/API/CSS_Object_Model)
 - [CSS Paint API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed OM](/en-US/docs/Web/API/CSS_Typed_OM_API)
diff --git a/files/en-us/web/api/css/paintworklet_static/index.md b/files/en-us/web/api/css/paintworklet_static/index.md
index 7b6be4f40046130..b8f64ebd175c001 100644
--- a/files/en-us/web/api/css/paintworklet_static/index.md
+++ b/files/en-us/web/api/css/paintworklet_static/index.md
@@ -40,4 +40,4 @@ if ("paintWorklet" in CSS) {
 ## See also
 
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
-- [Houdini APIs](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
diff --git a/files/en-us/web/api/css_object_model/index.md b/files/en-us/web/api/css_object_model/index.md
index c7a9ff7781aba4d..ed6fff98f999481 100644
--- a/files/en-us/web/api/css_object_model/index.md
+++ b/files/en-us/web/api/css_object_model/index.md
@@ -108,4 +108,4 @@ All these features have been added little by little over the years to the differ
 ## See also
 
 - [Document Object Model (DOM)](/en-US/docs/Web/API/Document_Object_Model)
-- [Houdini](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
diff --git a/files/en-us/web/api/css_painting_api/index.md b/files/en-us/web/api/css_painting_api/index.md
index ce08b2a7a423968..b75e7c3ea83e92b 100644
--- a/files/en-us/web/api/css_painting_api/index.md
+++ b/files/en-us/web/api/css_painting_api/index.md
@@ -9,7 +9,7 @@ browser-compat: api.PaintWorkletGlobalScope
 
 {{DefaultAPISidebar("CSS Painting API")}}{{SeeCompatTable}}
 
-The CSS Painting API — part of the [CSS Houdini](/en-US/docs/Web/API/Houdini) umbrella of APIs — allows developers to write JavaScript functions that can draw directly into an element's background, border, or content.
+The CSS Painting API — part of the [CSS Houdini](/en-US/docs/Web/API/Houdini_APIs) umbrella of APIs — allows developers to write JavaScript functions that can draw directly into an element's background, border, or content.
 
 ## Concepts and usage
 
@@ -157,4 +157,4 @@ While you can't play with the worklet's script, you can alter the custom propert
 
 - [Using the CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API/Guide)
 - [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
diff --git a/files/en-us/web/api/css_properties_and_values_api/guide/index.md b/files/en-us/web/api/css_properties_and_values_api/guide/index.md
index b9a638ef3e005f3..678e062159a8161 100644
--- a/files/en-us/web/api/css_properties_and_values_api/guide/index.md
+++ b/files/en-us/web/api/css_properties_and_values_api/guide/index.md
@@ -7,7 +7,7 @@ browser-compat: api.CSS.registerProperty_static
 
 {{DefaultAPISidebar("CSS Properties and Values API")}}
 
-The **CSS Properties and Values API** — part of the [CSS Houdini](/en-US/docs/Web/API/Houdini) umbrella of APIs — allows the registration of {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking, default values, and properties that do or do not inherit their value.
+The **CSS Properties and Values API** — part of the [CSS Houdini](/en-US/docs/Web/API/Houdini_APIs) umbrella of APIs — allows the registration of {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking, default values, and properties that do or do not inherit their value.
 
 ## Registering a custom property
 
diff --git a/files/en-us/web/api/css_properties_and_values_api/index.md b/files/en-us/web/api/css_properties_and_values_api/index.md
index a2101291a6f1e27..49bcf838a66e674 100644
--- a/files/en-us/web/api/css_properties_and_values_api/index.md
+++ b/files/en-us/web/api/css_properties_and_values_api/index.md
@@ -9,7 +9,7 @@ browser-compat:
 
 {{DefaultAPISidebar("CSS Properties and Values API")}}
 
-The **CSS Properties and Values API** — part of the [CSS Houdini](/en-US/docs/Web/API/Houdini) umbrella of APIs — allows developers to explicitly define their {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking, default values, and properties that do or do not inherit their value.
+The **CSS Properties and Values API** — part of the [CSS Houdini](/en-US/docs/Web/API/Houdini_APIs) umbrella of APIs — allows developers to explicitly define their {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking, default values, and properties that do or do not inherit their value.
 
 ## Interfaces
 
@@ -54,4 +54,4 @@ The same registration can take place in [CSS](/en-US/docs/Web/CSS) using the {{c
 - [Using the CSS properties and values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API/guide)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
diff --git a/files/en-us/web/api/css_typed_om_api/index.md b/files/en-us/web/api/css_typed_om_api/index.md
index ee84bff5bd09ebc..28b6b88ed8d7fbb 100644
--- a/files/en-us/web/api/css_typed_om_api/index.md
+++ b/files/en-us/web/api/css_typed_om_api/index.md
@@ -119,4 +119,4 @@ CSSStyleValue is the base class through which all CSS values are expressed. Subc
 
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [Using the CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API/Guide)
-- [CSS Houdini](/en-US/docs/Web/API/Houdini)
+- [CSS Houdini](/en-US/docs/Web/API/Houdini_APIs)
diff --git a/files/en-us/web/api/houdini/index.md b/files/en-us/web/api/houdini_apis/index.md
similarity index 99%
rename from files/en-us/web/api/houdini/index.md
rename to files/en-us/web/api/houdini_apis/index.md
index 299d2103e7f6b7c..c5697f71d4e08d5 100644
--- a/files/en-us/web/api/houdini/index.md
+++ b/files/en-us/web/api/houdini_apis/index.md
@@ -1,6 +1,6 @@
 ---
-title: Houdini
-slug: Web/API/Houdini
+title: Houdini APIs
+slug: Web/API/Houdini_APIs
 page-type: guide
 ---
 
diff --git a/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md b/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md
index 45942cdd8a9f1b8..df838646521f9aa 100644
--- a/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md
+++ b/files/en-us/web/api/paintworkletglobalscope/devicepixelratio/index.md
@@ -29,5 +29,5 @@ A double-precision integer.
 - [CSS.paintWorklet](/en-US/docs/Web/API/CSS/paintWorklet_static)
 - [Worklet](/en-US/docs/Web/API/Worklet)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
-- [Houdini APIs](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
 - [window.devicePixelRatio](/en-US/docs/Web/API/Window/devicePixelRatio)
diff --git a/files/en-us/web/api/paintworkletglobalscope/index.md b/files/en-us/web/api/paintworkletglobalscope/index.md
index c41235717fe5d36..1cb820fa7923ecc 100644
--- a/files/en-us/web/api/paintworkletglobalscope/index.md
+++ b/files/en-us/web/api/paintworkletglobalscope/index.md
@@ -110,4 +110,4 @@ You can also use the {{cssxref('@supports')}} at-rule.
 ## See also
 
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
-- [Houdini APIs](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
diff --git a/files/en-us/web/api/paintworkletglobalscope/registerpaint/index.md b/files/en-us/web/api/paintworkletglobalscope/registerpaint/index.md
index 6da2e5181b02581..c8778788a67aff0 100644
--- a/files/en-us/web/api/paintworkletglobalscope/registerpaint/index.md
+++ b/files/en-us/web/api/paintworkletglobalscope/registerpaint/index.md
@@ -100,4 +100,4 @@ li {
 ## See also
 
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
-- [Houdini APIs](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
diff --git a/files/en-us/web/css/@property/index.md b/files/en-us/web/css/@property/index.md
index 55af414736f9f60..2d892887a402fbd 100644
--- a/files/en-us/web/css/@property/index.md
+++ b/files/en-us/web/css/@property/index.md
@@ -7,7 +7,7 @@ browser-compat: css.at-rules.property
 
 {{CSSRef}}
 
-The **`@property`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule) is part of the [CSS Houdini](/en-US/docs/Web/API/Houdini) umbrella of APIs. It allows developers to explicitly define their {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking and constraining, setting default values, and defining whether a custom property can inherit values or not.
+The **`@property`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule) is part of the [CSS Houdini](/en-US/docs/Web/API/Houdini_APIs) umbrella of APIs. It allows developers to explicitly define their {{cssxref('--*', 'CSS custom properties')}}, allowing for property type checking and constraining, setting default values, and defining whether a custom property can inherit values or not.
 
 The `@property` rule represents a custom property registration directly in a stylesheet without having to run any JS. Valid `@property` rules result in a registered custom property, as if {{domxref('CSS.registerProperty_static', 'registerProperty()')}} had been called with equivalent parameters.
 
@@ -136,6 +136,6 @@ For item three, the `--item-size` value gets set to `1000px`. While `1000px` is
 - [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
 - [Using CSS custom properties (variables)](/en-US/docs/Web/CSS/Using_CSS_custom_properties) guide
 - [CSS custom properties for cascading variables](/en-US/docs/Web/CSS/CSS_cascading_variables) module
diff --git a/files/en-us/web/css/@property/inherits/index.md b/files/en-us/web/css/@property/inherits/index.md
index 0fbd8a73026b46b..34838c249e7e147 100644
--- a/files/en-us/web/css/@property/inherits/index.md
+++ b/files/en-us/web/css/@property/inherits/index.md
@@ -78,4 +78,4 @@ window.CSS.registerProperty({
 - [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
diff --git a/files/en-us/web/css/@property/initial-value/index.md b/files/en-us/web/css/@property/initial-value/index.md
index ed41fff4ce6935f..c889c9fdf4ed2fd 100644
--- a/files/en-us/web/css/@property/initial-value/index.md
+++ b/files/en-us/web/css/@property/initial-value/index.md
@@ -77,4 +77,4 @@ window.CSS.registerProperty({
 - [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
diff --git a/files/en-us/web/css/@property/syntax/index.md b/files/en-us/web/css/@property/syntax/index.md
index 9b9c4006feb7c11..111aa7cace078e3 100644
--- a/files/en-us/web/css/@property/syntax/index.md
+++ b/files/en-us/web/css/@property/syntax/index.md
@@ -102,4 +102,4 @@ window.CSS.registerProperty({
 - [CSS Properties and Values API](/en-US/docs/Web/API/CSS_Properties_and_Values_API)
 - [CSS Painting API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed Object Model](/en-US/docs/Web/API/CSS_Typed_OM_API)
-- [CSS Houdini](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
diff --git a/files/en-us/web/css/css_properties_and_values_api/index.md b/files/en-us/web/css/css_properties_and_values_api/index.md
index d0c0e626553b82f..fdbdbb06a513d94 100644
--- a/files/en-us/web/css/css_properties_and_values_api/index.md
+++ b/files/en-us/web/css/css_properties_and_values_api/index.md
@@ -84,7 +84,7 @@ The value of `--stop-color` is set to `cornflowerblue` at first, but when you ho
 
   - : Explains how to register custom properties in CSS and JavaScript, with hints on handling undefined and invalid values, fallbacks, and inheritance.
 
-- [CSS Houdini](/en-US/docs/Web/API/Houdini)
+- [Houdini APIs](/en-US/docs/Web/API/Houdini_APIs)
   - : Explains what CSS Houdini is and its advantages, along with a list of available APIs and their statuses.
 
 ## Related concepts

From 8f12033ede9a4b4a2e3d477ec8582ef94c500b17 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 17 Jan 2024 14:21:16 +0000
Subject: [PATCH 446/790] Bump prettier from 3.2.2 to 3.2.4 (#31761)

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

diff --git a/package.json b/package.json
index 3aa0b0c67722fee..ed620e2e478223f 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
     "lint-staged": "15.2.0",
     "markdownlint-cli2": "0.12.1",
     "markdownlint-rule-search-replace": "1.2.0",
-    "prettier": "3.2.2"
+    "prettier": "3.2.4"
   },
   "devDependencies": {
     "jest": "^29.7.0"
diff --git a/yarn.lock b/yarn.lock
index 0f2aed77a9bf86f..b5bb6291b63ad05 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6249,10 +6249,10 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==
 
-prettier@3.2.2:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.2.tgz#96e580f7ca9c96090ad054616c0c4597e2844b65"
-  integrity sha512-HTByuKZzw7utPiDO523Tt2pLtEyK7OibUD9suEJQrPUCYQqrHr74GGX6VidMrovbf/I50mPqr8j/II6oBAuc5A==
+prettier@3.2.4:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.4.tgz#4723cadeac2ce7c9227de758e5ff9b14e075f283"
+  integrity sha512-FWu1oLHKCrtpO1ypU6J0SbK2d9Ckwysq6bHj/uaCP26DxrPpppCLQRGVuqAxSTvhF00AcvDRyYrLNW7ocBhFFQ==
 
 pretty-format@^29.7.0:
   version "29.7.0"

From 57970dc6d2221079f08b71a36df1a9f0305da4ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mehmet=20Fatih=20Y=C4=B1ld=C4=B1r=C4=B1m?=
 <mfy2333@gmail.com>
Date: Wed, 17 Jan 2024 19:15:48 +0300
Subject: [PATCH 447/790] Fix reference to another page (#31763)

The item talks about formatting the date but the reference is related to formatting the time part.
---
 .../reference/global_objects/date/todatestring/index.md         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/date/todatestring/index.md b/files/en-us/web/javascript/reference/global_objects/date/todatestring/index.md
index 3069a136101bc95..ebb0b53c31c0315 100644
--- a/files/en-us/web/javascript/reference/global_objects/date/todatestring/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/date/todatestring/index.md
@@ -39,7 +39,7 @@ For example: "Thu Jan 01 1970".
 - If you only want to get the _time_ part, use {{jsxref("Date/toTimeString", "toTimeString()")}}.
 - If you want to get both the date and time, use {{jsxref("Date/toString", "toString()")}}.
 - If you want to make the date interpreted as UTC instead of local timezone, use {{jsxref("Date/toUTCString", "toUTCString()")}}.
-- If you want to format the date in a more user-friendly format (e.g. localization), use {{jsxref("Date/toLocaleTimeString", "toLocaleTimeString()")}}.
+- If you want to format the date in a more user-friendly format (e.g. localization), use {{jsxref("Date/toLocaleDateString", "toLocaleDateString()")}}.
 
 ## Examples
 

From 5bc94b37f9a65396a9c673f1de082ca5ef98e196 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Wed, 17 Jan 2024 20:37:26 +0100
Subject: [PATCH 448/790] feat(svg): Add usage note on deprecation of data URIs
 in use href attr (#31684)

* feat(svg): Add usage note on deprecation of data URIs in use href attr

* relnote(122): Improve language based on reviewer feedback, link to usage notes

* Update files/en-us/web/svg/element/use/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/svg/element/use/index.md | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/svg/element/use/index.md b/files/en-us/web/svg/element/use/index.md
index cd6ce905ccb4767..855e008bf886abf 100644
--- a/files/en-us/web/svg/element/use/index.md
+++ b/files/en-us/web/svg/element/use/index.md
@@ -36,7 +36,7 @@ svg {
 ## Attributes
 
 - {{SVGAttr("href")}}
-  - : The URL to an element/fragment that needs to be duplicated.<br/> _Value type_: [**`<URL>`**](/en-US/docs/Web/SVG/Content_type#url) ; _Default value_: none; _Animatable_: **yes**
+  - : The URL to an element/fragment that needs to be duplicated. See [Usage notes](#usage_notes) for details on common pitfalls.<br/> _Value type_: [**`<URL>`**](/en-US/docs/Web/SVG/Content_type#url) ; _Default value_: none; _Animatable_: **yes**
 - {{SVGAttr("xlink:href")}} {{Deprecated_Inline}}
   - : An [`<IRI>`](/en-US/docs/Web/SVG/Content_type#iri) reference to an element/fragment that needs to be duplicated. If both {{SVGAttr("href")}} and {{SVGAttr("xlink:href")}} are present, the value given by {{SVGAttr("href")}} is used.<br/> _Value type_: [**`<IRI>`**](/en-US/docs/Web/SVG/Content_type#iri) ; _Default value_: none; _Animatable_: **yes**
 - {{SVGAttr("x")}}
@@ -78,9 +78,13 @@ Since the cloned nodes are not exposed, care must be taken when using [CSS](/en-
 
 For security reasons, browsers may apply the [same-origin policy](/en-US/docs/Web/Security/Same-origin_policy) on `use` elements and may refuse to load a cross-origin URL in the {{SVGAttr("href")}} attribute. There is currently no defined way to set a cross-origin policy for `use` elements.
 
+> **Warning:** Loading resources with data URIs in the `href` attribute is deprecated for security reasons.
+> This applies to `<use href="data:...` and also when setting `href` by using the [`set`](/en-US/docs/Web/SVG/Element/set) or [`setAttribute`](/en-US/docs/Web/API/Element/setAttribute) method.
+> See "Load from data: URI" in the [Browser compatibility](#browser_compatibility) table to check support in different browser versions.
+
 > **Warning:** Since SVG 2, the {{SVGAttr("xlink:href")}} attribute is deprecated in favor of {{SVGAttr("href")}}. See {{SVGAttr("xlink:href")}} page for more information.
 
-{{svginfo}}
+{{SVGInfo}}
 
 ## Specifications
 

From 01947c79eccd23f1f4ab1217760edf1014f0958e Mon Sep 17 00:00:00 2001
From: Josh Winn <965114+jawinn@users.noreply.github.com>
Date: Wed, 17 Jan 2024 20:51:02 -0500
Subject: [PATCH 449/790] fix(docs): add selecteditem keywords to system-color
 list (#31751)

* fix(docs): add selecteditem keywords to system-color list

Adds two missing system colors from the CSS Color Module Level 4 specification: SelectedItem and SelectedItemText. The description is directly from the specification.

* Update files/en-us/web/css/system-color/index.md

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 files/en-us/web/css/system-color/index.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/files/en-us/web/css/system-color/index.md b/files/en-us/web/css/system-color/index.md
index 6f32e7757a072cb..8f8834dcc350c85 100644
--- a/files/en-us/web/css/system-color/index.md
+++ b/files/en-us/web/css/system-color/index.md
@@ -53,6 +53,10 @@ Note that these keywords are _case insensitive_, but are listed here with mixed
   - : Background of text that has been specially marked (such as by the HTML `mark` element)
 - `MarkText`
   - : Text that has been specially marked (such as by the HTML `mark` element)
+- `SelectedItem`
+  - : Background of selected items, for example, a selected checkbox
+- `SelectedItemText`
+  - : Text of selected items
 - `VisitedText`
   - : Text of visited links
 

From 328b6b07216cd7588dd63272a5005f709b8d501a Mon Sep 17 00:00:00 2001
From: George Raptis <georapbox@gmail.com>
Date: Thu, 18 Jan 2024 03:52:06 +0200
Subject: [PATCH 450/790] Replace 'attribute' with 'property' for
 'indeterminate' (#31737)

* Replace 'attribute' with 'property' to reflect 'indeterminate' is a JavaScript property

- Replace 'attribute' with 'property' to accurately reflect that `indeterminate` is a JavaScript property (IDL attribute) of the element, not an HTML attribute.
- Fix a broken link in the "See also" section.

* Apply suggestion

- Clarification on how indeterminate state is set on an element.
- Explanation on what indeterminate means for progress element.

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 files/en-us/web/css/_colon_indeterminate/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/_colon_indeterminate/index.md b/files/en-us/web/css/_colon_indeterminate/index.md
index 92eb8c17952d6af..3e4cf35810e756a 100644
--- a/files/en-us/web/css/_colon_indeterminate/index.md
+++ b/files/en-us/web/css/_colon_indeterminate/index.md
@@ -7,7 +7,7 @@ browser-compat: css.selectors.indeterminate
 
 {{CSSRef}}
 
-The **`:indeterminate`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS/Pseudo-classes) represents any form element whose state is indeterminate, such as checkboxes which have their HTML [`indeterminate`](/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes) attribute set to `true`, radio buttons which are members of a group in which all radio buttons are unchecked, and indeterminate {{HTMLElement("progress")}} elements.
+The **`:indeterminate`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS/Pseudo-classes) represents any form element whose state is indeterminate, such as checkboxes that have been set to an [`indeterminate`](/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes) state with JavaScript, radio buttons which are members of a group in which all radio buttons are unchecked, and {{HTMLElement("progress")}} elements with no `value` attribute.
 
 ```css
 /* Selects any <input> whose state is indeterminate */
@@ -131,6 +131,6 @@ progress:indeterminate {
 
 - [Web forms — Working with user data](/en-US/docs/Learn/Forms)
 - [Styling web forms](/en-US/docs/Learn/Forms/Styling_web_forms)
-- The [`<input type="checkbox">`](/en-US/docs/Web/HTML/Element/input/checkbox) element's [`indeterminate`](/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxe) attribute
+- The [`<input type="checkbox">`](/en-US/docs/Web/HTML/Element/input/checkbox) element's [`indeterminate`](/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes) property
 - {{HTMLElement("input")}} and the {{domxref("HTMLInputElement")}} interface which implements it.
 - The {{cssxref(":checked")}} CSS selector lets you style checkboxes based on whether they're checked or not

From 41495e1d370abfc1b59e31459e52c60bd82feb41 Mon Sep 17 00:00:00 2001
From: Tom Wolf <tom@t-dub.net>
Date: Thu, 18 Jan 2024 01:33:47 -0600
Subject: [PATCH 451/790] Added missing full stop in HTTP Messages guide
 (#31771)

Added missing full stop
---
 files/en-us/web/http/messages/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/messages/index.md b/files/en-us/web/http/messages/index.md
index 37a89abc9c0bc6f..bd7e4733faa7057 100644
--- a/files/en-us/web/http/messages/index.md
+++ b/files/en-us/web/http/messages/index.md
@@ -78,7 +78,7 @@ Bodies can be broadly divided into two categories:
 The start line of an HTTP response, called the _status line_, contains the following information:
 
 1. The _protocol version_, usually `HTTP/1.1`.
-2. A _status code_, indicating success or failure of the request. Common status codes are {{HTTPStatus("200")}}, {{HTTPStatus("404")}}, or {{HTTPStatus("302")}}
+2. A _status code_, indicating success or failure of the request. Common status codes are {{HTTPStatus("200")}}, {{HTTPStatus("404")}}, or {{HTTPStatus("302")}}.
 3. A _status text_. A brief, purely informational, textual description of the status code to help a human understand the HTTP message.
 
 A typical status line looks like: `HTTP/1.1 404 Not Found`.

From 46a16cc28c5da14b45a6f65e478d032532764122 Mon Sep 17 00:00:00 2001
From: Tom Wolf <tom@t-dub.net>
Date: Thu, 18 Jan 2024 01:38:41 -0600
Subject: [PATCH 452/790] Unpluralize "servers" when referring to a class of
 response codes (#31772)

---
 files/en-us/web/http/session/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/session/index.md b/files/en-us/web/http/session/index.md
index 08e2bf823df7822..6ef074a3aa0a97f 100644
--- a/files/en-us/web/http/session/index.md
+++ b/files/en-us/web/http/session/index.md
@@ -147,7 +147,7 @@ X-Cache: Error from cloudfront
 
 ### Response status codes
 
-[HTTP response status codes](/en-US/docs/Web/HTTP/Status) indicate if a specific HTTP request has been successfully completed. Responses are grouped into five classes: informational responses, successful responses, redirects, client errors, and servers errors.
+[HTTP response status codes](/en-US/docs/Web/HTTP/Status) indicate if a specific HTTP request has been successfully completed. Responses are grouped into five classes: informational responses, successful responses, redirects, client errors, and server errors.
 
 - {{HTTPStatus(200)}}: OK. The request has succeeded.
 - {{HTTPStatus(301)}}: Moved Permanently. This response code means that the URI of requested resource has been changed.

From 55e17a00141f989da36f481737fa6011b686500f Mon Sep 17 00:00:00 2001
From: c0lt <9382537+c0lt@users.noreply.github.com>
Date: Thu, 18 Jan 2024 08:41:46 +0100
Subject: [PATCH 453/790] Remove redundant word in SVG Attribute Reference:
 fill (#31766)

Update index.md

removed redundant word
---
 files/en-us/web/svg/attribute/fill/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/svg/attribute/fill/index.md b/files/en-us/web/svg/attribute/fill/index.md
index 08e6c393a585550..38d370c20652f41 100644
--- a/files/en-us/web/svg/attribute/fill/index.md
+++ b/files/en-us/web/svg/attribute/fill/index.md
@@ -335,7 +335,7 @@ For {{SVGElement('set')}}, `fill` defines the final state of the animation.
 
 ## text
 
-For {{SVGElement('text')}}, `fill` is a presentation attribute that defines what the color of the text.
+For {{SVGElement('text')}}, `fill` is a presentation attribute that defines the color of the text.
 
 <table class="properties">
   <tbody>

From e073b48b4ba97b3afa7b583624d686811491bd91 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Thu, 18 Jan 2024 13:21:05 +0530
Subject: [PATCH 454/790] document for HTMLMapElement.name (#31714)

* initial document

* content

* example

* live example removed

* typos

* content correction

* typo

* Update files/en-us/web/api/htmlmapelement/name/index.html

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmlmapelement/name/index.html

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmlmapelement/name/index.html

* Update files/en-us/web/api/htmlmapelement/name/index.html

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../web/api/htmlmapelement/name/index.html    | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 files/en-us/web/api/htmlmapelement/name/index.html

diff --git a/files/en-us/web/api/htmlmapelement/name/index.html b/files/en-us/web/api/htmlmapelement/name/index.html
new file mode 100644
index 000000000000000..30202941033d0ab
--- /dev/null
+++ b/files/en-us/web/api/htmlmapelement/name/index.html
@@ -0,0 +1,43 @@
+---
+title: "HTMLMapElement: name property"
+short-title: name
+slug: Web/API/HTMLMapElement/name
+page-type: web-api-instance-property
+browser-compat: api.HTMLMapElement.name
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`name`** property of the {{domxref("HTMLMapElement")}} represents the unique name `<map>`  element. 
+Its value can be used with the `useMap` attribute of the {{HTMLElement("img")}} element to reference a `<map>` element.
+If `id` is given to a {{HTMLElement("map")}} element then `name` property should be same as `id`.
+
+## Value
+
+A non-empty string without whitespaces.
+
+## Example
+
+```html
+<map name="image-map">
+  <area shape="circle" coords="15,15,5" />
+</map> 
+```
+
+```js
+const mapElement = document.getElementsByName("image-map")[0];
+console.log(mapElement.name); // output: "image-map"
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLImageElement.useMap")}} property
+- {{domxref("HTMLAreaElement")}} element

From 55f04dd25ceec85201f1fc44f80b879c1d72bfb0 Mon Sep 17 00:00:00 2001
From: Hong Xu <hong@topbug.net>
Date: Thu, 18 Jan 2024 00:32:12 -0800
Subject: [PATCH 455/790] Use the mimeType property in the dataavailable
 example (#31777)

---
 files/en-us/web/api/mediarecorder/dataavailable_event/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/mediarecorder/dataavailable_event/index.md b/files/en-us/web/api/mediarecorder/dataavailable_event/index.md
index 3a3f7f90a15efd5..54e9107979ec1df 100644
--- a/files/en-us/web/api/mediarecorder/dataavailable_event/index.md
+++ b/files/en-us/web/api/mediarecorder/dataavailable_event/index.md
@@ -62,7 +62,7 @@ mediaRecorder.onstop = (e) => {
 
   const audio = document.createElement("audio");
   audio.controls = true;
-  const blob = new Blob(chunks, { type: "audio/ogg; codecs=opus" });
+  const blob = new Blob(chunks, { type: mediaRecorder.mimeType });
   const audioURL = window.URL.createObjectURL(blob);
   audio.src = audioURL;
   console.log("recorder stopped");

From 1c10fa4dceafb471c270306360e359852428b37f Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Thu, 18 Jan 2024 14:28:34 +0530
Subject: [PATCH 456/790] document for HTMLAreaElement.target (#31756)

* initial document

* example

* HTMLHyperlinkElementUtils mixin

* value correction

* typo

* end new line

* lint

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* lint

* removed hyperlink mixin

* value section modifications

* typo

* Update index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/api/htmlareaelement/index.md  |  2 +-
 .../web/api/htmlareaelement/target/index.md   | 47 +++++++++++++++++++
 2 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 files/en-us/web/api/htmlareaelement/target/index.md

diff --git a/files/en-us/web/api/htmlareaelement/index.md b/files/en-us/web/api/htmlareaelement/index.md
index 905125c92a2a8cf..cd63124209318b9 100644
--- a/files/en-us/web/api/htmlareaelement/index.md
+++ b/files/en-us/web/api/htmlareaelement/index.md
@@ -13,7 +13,7 @@ The **`HTMLAreaElement`** interface provides special properties and methods (bey
 
 ## Instance properties
 
-_Inherits properties from its parent, {{domxref("HTMLElement")}}._
+_Inherits properties from its parent {{domxref("HTMLElement")}}._
 
 - {{domxref("HTMLAreaElement.alt")}}
   - : A string that reflects the [`alt`](/en-US/docs/Web/HTML/Element/area#alt) HTML attribute, containing alternative text for the element.
diff --git a/files/en-us/web/api/htmlareaelement/target/index.md b/files/en-us/web/api/htmlareaelement/target/index.md
new file mode 100644
index 000000000000000..66ab7f5cec11784
--- /dev/null
+++ b/files/en-us/web/api/htmlareaelement/target/index.md
@@ -0,0 +1,47 @@
+---
+title: "HTMLAreaElement: target property"
+short-title: target
+slug: Web/API/HTMLAreaElement/target
+page-type: web-api-instance-property
+browser-compat: api.HTMLAreaElement.target
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`target`** property of the {{domxref("HTMLAreaElement")}} interface is a string that indicates where to display the linked resource.
+
+It reflects the [`target`](/en-US/docs/Web/HTML/Element/area#target) attribute of the {{HTMLElement("area")}} element.
+
+## Value
+
+A string representing the target. Its value can be:
+
+- The name of a {{HTMLElement("frame")}}.
+- One of the [keyword with specific values](/en-US/docs/Web/HTML/Element/area#target):`_blank`, `_self`, `_parent`, or `_top`.
+
+## Example
+
+```html
+<map name="image-map">
+  <area href="www.example.com" target="_top" alt="left" />
+</map>
+```
+
+```js
+const areaElement = document.getElementsByName("image-map")[0].areas[0];
+console.log(areaElement.target); // Output: "_top"
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLBaseElement.target")}} property
+- {{domxref("HTMLFormElement.target")}} property
+- {{domxref("HTMLAnchorElement.target")}} property

From e11da3d92f7f54582f5f472b16d9d2d3b98d6d0b Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Thu, 18 Jan 2024 14:33:18 +0530
Subject: [PATCH 457/790] Document for HTMLAnchorElement.target (#31561)

* intial document for HTMLAnchorElement.target

* example

* Update files/en-us/web/api/htmlanchorelement/target/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* typo

* content updated

* see also update

* Adding macros in see also section

* random testing

* random testing

* Update files/en-us/web/api/htmlanchorelement/target/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* example correction

* target values

* target value example

* example discription

* lint

* lint

* lint

* example

* Update index.md

* link to target values

* value section modified

* Update files/en-us/web/api/htmlanchorelement/target/index.md

* Update files/en-us/web/api/htmlanchorelement/target/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../web/api/htmlanchorelement/target/index.md | 45 +++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 files/en-us/web/api/htmlanchorelement/target/index.md

diff --git a/files/en-us/web/api/htmlanchorelement/target/index.md b/files/en-us/web/api/htmlanchorelement/target/index.md
new file mode 100644
index 000000000000000..90b17546658ef25
--- /dev/null
+++ b/files/en-us/web/api/htmlanchorelement/target/index.md
@@ -0,0 +1,45 @@
+---
+title: "HTMLAnchorElement: target property"
+short-title: target
+slug: Web/API/HTMLAnchorElement/target
+page-type: web-api-instance-property
+browser-compat: api.HTMLAnchorElement.target
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`target`** property of the {{domxref("HTMLAnchorElement")}} interface is a string that indicates where to display the linked resource.
+
+It reflects the [`target`](/en-US/docs/Web/HTML/Element/a#target) attribute of the {{HTMLElement("a")}} element.
+
+## Value
+
+A string representing the target. Its value can be:
+
+- The name of a {{HTMLElement("frame")}}.
+- One of the [keyword with specific values](/en-US/docs/Web/HTML/Element/a#target):`_blank`, `_self`, `_parent`, or `_top`.
+
+## Example
+
+```html
+<a href="www.example1.com" class="link1" target="_blank">example1</a>
+```
+
+```js
+const link = document.querySelector(".link1");
+console.log(link.target); // output: "_blank"
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLBaseElement.target")}} property
+- {{domxref("HTMLFormElement.target")}} property
+- {{domxref("HTMLAreaElement.target")}} property

From 5beafc97972d39b543ca88d8814fc8cfdf93e3a5 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Thu, 18 Jan 2024 10:08:45 +0100
Subject: [PATCH 458/790] chore(ci): Disable XL comment on PRs (#31765)

While we're evaluating this workflow, we can disable adding comments to `size/xl` PRs.
---
 .github/workflows/pr-labeler.yml | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/.github/workflows/pr-labeler.yml b/.github/workflows/pr-labeler.yml
index 2c6de75d26b0e40..530cd629c5c94ef 100644
--- a/.github/workflows/pr-labeler.yml
+++ b/.github/workflows/pr-labeler.yml
@@ -42,9 +42,7 @@ jobs:
           l_max_size: "100"
           xl_label: "size/xl"
           fail_if_xl: "false"
-          # message_if_xl: >
-          #   This PR exceeds the recommended size of 1000 lines.
-          #   ...
+          message_if_xl: ""
           files_to_ignore: |
             "files/en-us/_redirects.txt"
             "files/en-us/_wikihistory.json"

From c2441279b7956925d28373345838436b1fa2c78c Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Thu, 18 Jan 2024 10:39:08 +0100
Subject: [PATCH 459/790] Rename file from .html to .md (#31778)

* Improving sentence

* Rename file
---
 .../web/api/htmlmapelement/name/{index.html => index.md}   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)
 rename files/en-us/web/api/htmlmapelement/name/{index.html => index.md} (82%)

diff --git a/files/en-us/web/api/htmlmapelement/name/index.html b/files/en-us/web/api/htmlmapelement/name/index.md
similarity index 82%
rename from files/en-us/web/api/htmlmapelement/name/index.html
rename to files/en-us/web/api/htmlmapelement/name/index.md
index 30202941033d0ab..38228a646f3a36f 100644
--- a/files/en-us/web/api/htmlmapelement/name/index.html
+++ b/files/en-us/web/api/htmlmapelement/name/index.md
@@ -8,9 +8,10 @@
 
 {{ApiRef("HTML DOM")}}
 
-The **`name`** property of the {{domxref("HTMLMapElement")}} represents the unique name `<map>`  element. 
+The **`name`** property of the {{domxref("HTMLMapElement")}} represents the unique name `<map>` element.
 Its value can be used with the `useMap` attribute of the {{HTMLElement("img")}} element to reference a `<map>` element.
-If `id` is given to a {{HTMLElement("map")}} element then `name` property should be same as `id`.
+
+If an `id` attribute is set on the {{HTMLElement("map")}} element, then this `name` property should be the same as this `id`.
 
 ## Value
 
@@ -21,7 +22,7 @@
 ```html
 <map name="image-map">
   <area shape="circle" coords="15,15,5" />
-</map> 
+</map>
 ```
 
 ```js

From 4b91b93f7f37a1dba73fcccbe48819d640afaea7 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Thu, 18 Jan 2024 15:16:34 +0530
Subject: [PATCH 460/790] document for HTMLBaseElement.target (#31652)

* initial document

* definition and values added

* use case added

* Update files/en-us/web/api/htmlbaseelement/target/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* test

* Update files/en-us/web/api/htmlbaseelement/target/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlbaseelement/target/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* examples added

* Update files/en-us/web/api/htmlbaseelement/target/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlbaseelement/target/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* typo

* link to <base> target values

* typo

* removed use case

* Update files/en-us/web/api/htmlbaseelement/target/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmlbaseelement/target/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmlbaseelement/target/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* typo

* Update files/en-us/web/api/htmlbaseelement/target/index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../web/api/htmlbaseelement/target/index.md   | 47 +++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 files/en-us/web/api/htmlbaseelement/target/index.md

diff --git a/files/en-us/web/api/htmlbaseelement/target/index.md b/files/en-us/web/api/htmlbaseelement/target/index.md
new file mode 100644
index 000000000000000..2d11ebdfcac40ea
--- /dev/null
+++ b/files/en-us/web/api/htmlbaseelement/target/index.md
@@ -0,0 +1,47 @@
+---
+title: "HTMLBaseElement: target property"
+short-title: target
+slug: Web/API/HTMLBaseElement/target
+page-type: web-api-instance-property
+browser-compat: api.HTMLBaseElement.target
+---
+
+{{ApiRef("HTML DOM")}}
+
+The `target` property of the {{domxref("HTMLBaseElement")}} interface is a string that represents the default target tab to show the resulting output for hyperlinks and form elements.
+
+It reflects the [`target`](/en-US/docs/Web/HTML/Element/base#target) attribute of the {{HTMLElement("base")}} element.
+
+## Value
+
+A string representing the target. Its value can be:
+
+- The name of a {{HTMLElement("frame")}}.
+- One of the [keyword with specific values](/en-US/docs/Web/HTML/Element/base#target):`_blank`, `_self`, `_parent`, or `_top`.
+
+## Example
+
+```html
+<head>
+  <base target="_top" />
+</head>
+```
+
+```js
+const baseElement = document.getElementsByTagName("base")[0];
+console.log(baseElement.target); // Output: '_top'
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLAnchorElement.target")}} property
+- {{domxref("HTMLAreaElement.target")}} property
+- {{domxref("HTMLFormElement.target")}} property

From a837e88a4cf0b9eb927bb1b2f3853c29ed9a39c1 Mon Sep 17 00:00:00 2001
From: Tom Wolf <tom@t-dub.net>
Date: Thu, 18 Jan 2024 04:48:24 -0600
Subject: [PATCH 461/790] Correct reference to non-existent header (#31769)

In the HTTP Messages Guide, correct the reference to the "If-None" header (which doesn't exist), replacing it with "If-None-Match" (which does).
---
 files/en-us/web/http/messages/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/messages/index.md b/files/en-us/web/http/messages/index.md
index bd7e4733faa7057..34c5fafd98a6fca 100644
--- a/files/en-us/web/http/messages/index.md
+++ b/files/en-us/web/http/messages/index.md
@@ -57,7 +57,7 @@ HTTP requests are messages sent by the client to initiate an action on the serve
 Many different headers can appear in requests. They can be divided in several groups:
 
 - {{glossary("General header", "General headers")}}, like {{HTTPHeader("Via")}}, apply to the message as a whole.
-- {{glossary("Request header", "Request headers")}}, like {{HTTPHeader("User-Agent")}} or {{HTTPHeader("Accept")}}, modify the request by specifying it further (like {{HTTPHeader("Accept-Language")}}), by giving context (like {{HTTPHeader("Referer")}}), or by conditionally restricting it (like {{HTTPHeader("If-None")}}).
+- {{glossary("Request header", "Request headers")}}, like {{HTTPHeader("User-Agent")}} or {{HTTPHeader("Accept")}}, modify the request by specifying it further (like {{HTTPHeader("Accept-Language")}}), by giving context (like {{HTTPHeader("Referer")}}), or by conditionally restricting it (like {{HTTPHeader("If-None-Match")}}).
 - {{glossary("Representation header", "Representation headers")}} like {{HTTPHeader("Content-Type")}} that describe the original format of the message data and any encoding applied (only present if the message has a body).
 
 ![Example of headers in an HTTP request](http_request_headers3.png)

From b9a41e258e656b57f41e8aaf88f93e51bb27974d Mon Sep 17 00:00:00 2001
From: Gautam Sharma <55221455+gautam-sharma1@users.noreply.github.com>
Date: Thu, 18 Jan 2024 05:57:25 -0500
Subject: [PATCH 462/790] Update WASM link (#31744)

* Update index.md

WasmFiddle link was broken. I created a brand new website (wasmgen.vercel.app) that compiles cpp code to JS and wasm using emscripten and thought it might be useful to share it with the users

* Update files/en-us/webassembly/concepts/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/webassembly/concepts/index.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/en-us/webassembly/concepts/index.md b/files/en-us/webassembly/concepts/index.md
index 232841e53fb4f47..4c316abdc01cc8b 100644
--- a/files/en-us/webassembly/concepts/index.md
+++ b/files/en-us/webassembly/concepts/index.md
@@ -79,7 +79,6 @@ Let's talk about these options:
 
 Two of the many options for creating Wasm code are an online Wasm assembler or [Emscripten](https://emscripten.org/). There are a number of online Wasm assembler choices, such as:
 
-- [WasmFiddle](https://wasdk.github.io/WasmFiddle/)
 - [WasmFiddle++](https://anonyco.github.io/WasmFiddlePlusPlus/)
 - [WasmExplorer](https://mbebenita.github.io/WasmExplorer/)
 

From 61fd6d4169f2db488c914720277d39bbbb916380 Mon Sep 17 00:00:00 2001
From: Charlie Harding <charlie_harding@icloud.com>
Date: Thu, 18 Jan 2024 13:05:46 +0100
Subject: [PATCH 463/790] Fix DOM structure in Shadow DOM page (#31780)

---
 files/en-us/web/api/web_components/using_shadow_dom/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/web_components/using_shadow_dom/index.md b/files/en-us/web/api/web_components/using_shadow_dom/index.md
index 05e6a04a1226b8b..2c765ecd0d5690f 100644
--- a/files/en-us/web/api/web_components/using_shadow_dom/index.md
+++ b/files/en-us/web/api/web_components/using_shadow_dom/index.md
@@ -46,7 +46,7 @@ This fragment produces the following DOM structure (excluding whitespace-only te
             - P
                 - #text: Here we will add a link to the
                 - A href="https://www.mozilla.org/"
-                - #text: Mozilla homepage
+                    - #text: Mozilla homepage
 ```
 
 _Shadow_ DOM allows hidden DOM trees to be attached to elements in the regular DOM tree — this shadow DOM tree starts with a shadow root, underneath which you can attach any element, in the same way as the normal DOM.

From 976dcf4abfb88e81a2fbc9e7c43072983c34f1d4 Mon Sep 17 00:00:00 2001
From: Tom Wolf <tom@t-dub.net>
Date: Thu, 18 Jan 2024 06:09:36 -0600
Subject: [PATCH 464/790] Clarify HTTP request types that do or do not use a
 body (#31770)

* Clarify HTTP request types using bodies

Clarify the types of HTTP requests which require bodies as part of the HTTP Messages guide by reducing the number of examples and making them clearer.

* Switch 'which' for 'that'

* Wording tweak

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/web/http/messages/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/messages/index.md b/files/en-us/web/http/messages/index.md
index 34c5fafd98a6fca..82fbf6e5e4a9c13 100644
--- a/files/en-us/web/http/messages/index.md
+++ b/files/en-us/web/http/messages/index.md
@@ -64,7 +64,7 @@ Many different headers can appear in requests. They can be divided in several gr
 
 ### Body
 
-The final part of the request is its body. Not all requests have one: requests fetching resources, like `GET`, `HEAD`, `DELETE`, or `OPTIONS`, usually don't need one. Some requests send data to the server in order to update it: as often the case with `POST` requests (containing HTML form data).
+The final part of the request is its body. Not all requests have one: requests fetching resources like `GET` or `HEAD` usually don't need a body. Requests that send data to the server to create a resource, such as `PUT` or `POST` requests, typically require a body with the data used to fulfill the request (for instance, HTML form data).
 
 Bodies can be broadly divided into two categories:
 

From 9ff83eb7950a8d4e2d55d61fcf9b06cf82eae6bf Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Thu, 18 Jan 2024 04:49:38 -0800
Subject: [PATCH 465/790] New glossary term: media query (#31754)

* New glossary: media query

* New glossary: media query
---
 files/en-us/glossary/media_query/index.md | 24 +++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 files/en-us/glossary/media_query/index.md

diff --git a/files/en-us/glossary/media_query/index.md b/files/en-us/glossary/media_query/index.md
new file mode 100644
index 000000000000000..6535a1398369a47
--- /dev/null
+++ b/files/en-us/glossary/media_query/index.md
@@ -0,0 +1,24 @@
+---
+title: Media query
+slug: Glossary/Media_query
+page-type: glossary-definition
+---
+
+{{GlossarySidebar}}
+
+A **media query** is a logical expression that is a method for CSS, JavaScript, HTML, and other web languages, to check aspects of the user agent or device that the document is being displayed in, independent of the document contents, to determine whether the associated code block or feature should be applied.
+
+Media queries are used to conditionally apply CSS styles with the CSS {{cssxref("@media")}} and {{cssxref("@import")}} at-rules and in JavaScript to test and monitor media states such as with the {{DOMxRef("Window.matchMedia", "matchMedia()")}} method, {{DOMxRef("MediaQueryList.matches", "matches")}} property, and {{DOMxRef("MediaQueryList.change_event", "change")}} event. Media queries are used as values of the [`<link>`](/en-US/docs/Web/HTML/Element/link#media), [`<source>`](/en-US/docs/Web/HTML/Element/source#media), and [`<style>`](/en-US/docs/Web/HTML/Element/style#media) [HTML](/en-US/docs/Web/HTML) element `media` attributes, conditionally applying the link, source, or style if the media query is true. When a `media` attribute is omitted, it defaults to `true`. Media queries are also used as the value of the [`sizes`](/en-US/docs/Web/API/HTMLImageElement/sizes) attribute of the {{HTMLElement("img")}} element.
+
+Media queries are made up of optional media query modifiers and media types, and zero or more media conditions, along with logical operators.
+
+Media queries are re-evaluated in response to changes in the user environment, such as when a user expands a browser window or flips a mobile device onto its side changing from portrait to landscape orientation.
+
+Multiple comma-separated media queries create a **media query list**. A media query list is true if any of its component media queries are true, and false only if all of its component media queries are false.
+
+A media query may optionally be prefixed by a single media query modifier or `not` or `only`, which in the case of `not`, alters the meaning of the following media query.
+
+## See also
+
+- [Using media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
+- [CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries) module

From 9f7c1ddbb41e226135d235ed3c2b2bdce63d9936 Mon Sep 17 00:00:00 2001
From: Leo McArdle <leo@mozilla.com>
Date: Thu, 18 Jan 2024 13:56:19 +0000
Subject: [PATCH 466/790] fix: add bcd data to trusted types api (#31782)

---
 files/en-us/web/api/trusted_types_api/index.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/api/trusted_types_api/index.md b/files/en-us/web/api/trusted_types_api/index.md
index b6ee2ece2388261..c9f5c1121e4f7d8 100644
--- a/files/en-us/web/api/trusted_types_api/index.md
+++ b/files/en-us/web/api/trusted_types_api/index.md
@@ -2,6 +2,7 @@
 title: Trusted Types API
 slug: Web/API/Trusted_Types_API
 page-type: web-api-overview
+browser-compat: api.trustedTypes
 spec-urls: https://w3c.github.io/trusted-types/dist/spec/
 ---
 
@@ -74,7 +75,7 @@ Read more about this example, and discover other ways to sanitize input in the a
 
 ## Browser compatibility
 
-See the compatibility data for each of the Trusted Types API interfaces.
+{{Compat}}
 
 ## See also
 

From 1c5ae960033164a7d680d44e1ef4512c5729a224 Mon Sep 17 00:00:00 2001
From: dawei-wang <dawei-wang@users.noreply.github.com>
Date: Thu, 18 Jan 2024 14:10:48 -0800
Subject: [PATCH 467/790] Remove out of date link (#31793)

Removes out of date link

Fix mdn/content#31790
---
 files/en-us/web/api/window/requestanimationframe/index.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/en-us/web/api/window/requestanimationframe/index.md b/files/en-us/web/api/window/requestanimationframe/index.md
index 730ba7a6e8e48f6..9abf195b911d7cb 100644
--- a/files/en-us/web/api/window/requestanimationframe/index.md
+++ b/files/en-us/web/api/window/requestanimationframe/index.md
@@ -173,6 +173,5 @@ function animate() {
 
 - {{domxref("Window.cancelAnimationFrame()")}}
 - {{domxref("DedicatedWorkerGlobalScope.requestAnimationFrame()")}}
-- [requestAnimationFrame for smart animating](https://www.paulirish.com/2011/requestanimationframe-for-smart-animating/) - Blog post
 - [Animating with JavaScript: from setInterval to requestAnimationFrame](https://hacks.mozilla.org/2011/08/animating-with-javascript-from-setinterval-to-requestanimationframe/) - Blog post
 - [TestUFO: Test your web browser for requestAnimationFrame() Timing Deviations](https://www.testufo.com/#test=animation-time-graph)

From 2fc02bb430975eba6ef277f817b9b06f246e058e Mon Sep 17 00:00:00 2001
From: Frances Cornwall <113309999+francescorn@users.noreply.github.com>
Date: Thu, 18 Jan 2024 18:07:01 -0800
Subject: [PATCH 468/790] Update index.md Add headers to categories (#31775)

I am adding headers to several categories and adjusting the formatting.
---
 .../en-us/web/css/css_values_and_units/index.md | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/files/en-us/web/css/css_values_and_units/index.md b/files/en-us/web/css/css_values_and_units/index.md
index cadd7791a02e66b..e518c289b9758b3 100644
--- a/files/en-us/web/css/css_values_and_units/index.md
+++ b/files/en-us/web/css/css_values_and_units/index.md
@@ -154,7 +154,7 @@ For example, `em` is relative to the font size on the element and `ex` is relati
 Root font-relative lengths specify a length in relation to the element's {{CSSxRef(":root", "root element")}} ancestor, such as {{HTMLElement("HTML")}} or {{SVGElement("SVG")}}.
 For example, `rem` is relative to the font size on the root element and `rex` is the x-height of the root element's font.
 
-##### Viewport and container relative units
+##### Viewport units
 
 Viewport unit lengths specify a length relative to the dimensions of the [viewport](/en-US/docs/Glossary/Viewport).
 For example, `vw` is relative to the width of the viewport and `vh` is relative to the height of the viewport.
@@ -174,6 +174,8 @@ For example, `vw` is relative to the width of the viewport and `vh` is relative
 | `vmin` | 1% of viewport's smaller dimension.                                                                                                |
 | `vw`   | 1% of viewport's width.                                                                                                            |
 
+##### Container units
+
 Container query length units specify a length relative to the dimensions of a [query container](/en-US/docs/Web/CSS/CSS_container_queries).
 For example, `cqw` is relative to the width of the query container and `cqh` is relative to the height of the query container.
 
@@ -186,6 +188,7 @@ For example, `cqw` is relative to the width of the query container and `cqh` is
 | `cqmin` | The smaller value of `cqi` or `cqb`   |
 | `cqw`   | 1% of a query container's width       |
 
+#### Absolute length units
 Absolute length units are fixed to a physical length: either an inch or a centimeter. Many of these units are therefore more useful when the output is a fixed size media, such as print. For example, `mm` is a physical millimeter, 1/10th of a centimeter.
 
 | Unit | Name                | Equivalent to       |
@@ -200,7 +203,7 @@ Absolute length units are fixed to a physical length: either an inch or a centim
 
 When including a length value, if the length is `0`, the unit identifier is not required. Otherwise, the unit identifier is required, is case insensitive, and must come immediately after the numeric part of the value, with no space in-between.
 
-#### Angle units
+##### Angle units
 
 Angle values are represented by the type {{cssxref("&lt;angle&gt;")}} and accept the following values:
 
@@ -211,7 +214,7 @@ Angle values are represented by the type {{cssxref("&lt;angle&gt;")}} and accept
 | `rad`  | Radians  | There are 2π radians in a full circle.   |
 | `turn` | Turns    | There is 1 turn in a full circle.        |
 
-#### Time units
+##### Time units
 
 Time values are represented by the type {{cssxref("&lt;time&gt;")}}. When including a time value, the unit identifier — the `s` or `ms` — is required. It accepts the following values.
 
@@ -220,7 +223,7 @@ Time values are represented by the type {{cssxref("&lt;time&gt;")}}. When includ
 | `ms` | Milliseconds | There are 1,000 milliseconds in a second. |
 | `s`  | Seconds      |                                           |
 
-#### Frequency units
+##### Frequency units
 
 Frequency values are represented by the type {{cssxref("&lt;frequency&gt;")}}. It accepts the following values.
 
@@ -231,7 +234,7 @@ Frequency values are represented by the type {{cssxref("&lt;frequency&gt;")}}. I
 
 `1Hz`, which can also be written as `1hz` or `1HZ`, is one cycle per second.
 
-#### Flex units
+##### Flex units
 
 Flex units are represented by the type {{cssxref("&lt;flex&gt;")}}. It accepts the following value.
 
@@ -239,7 +242,7 @@ Flex units are represented by the type {{cssxref("&lt;flex&gt;")}}. It accepts t
 | ---- | ---- | ---------------------------------------------------- |
 | `fr` | Flex | Represents a flexible length within a grid container |
 
-#### Resolution units
+##### Resolution units
 
 Resolution units are represented by the type {{cssxref("&lt;resolution&gt;")}}. They represent the size of a single dot in a graphical representation, such as a screen, by indicating how many of these dots fit in a CSS inch, centimeter, or pixel. It accepts the following values:
 
@@ -249,7 +252,7 @@ Resolution units are represented by the type {{cssxref("&lt;resolution&gt;")}}.
 | `dpi`       | Dots per inch.       |
 | `dppx`, `x` | Dots per px unit.    |
 
-### Percentages
+#### Percentages
 
 A {{cssxref("&lt;percentage&gt;")}} is a type that represents a fraction of some other value.
 

From e71014185b5754299585f9b7e58979c68e96b260 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 19 Jan 2024 13:25:40 +0800
Subject: [PATCH 469/790] `Cookiestore` `change` event | add Event type section
 (#31002)

* add Event type section

* fix word

* style update

* revert

* revert

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 files/en-us/web/api/cookiestore/change_event/index.md | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/api/cookiestore/change_event/index.md b/files/en-us/web/api/cookiestore/change_event/index.md
index 9ffb29511d1b491..b849498237f32f6 100644
--- a/files/en-us/web/api/cookiestore/change_event/index.md
+++ b/files/en-us/web/api/cookiestore/change_event/index.md
@@ -22,6 +22,12 @@ cookieStore.addEventListener("change", (event) => { })
 cookieStore.onchange = (event) => { }
 ```
 
+## Event type
+
+A {{domxref("CookieChangeEvent")}}. Inherits from {{domxref("Event")}}.
+
+{{InheritanceDiagram("CookieChangeEvent")}}
+
 ## Examples
 
 To be informed when a cookie has changed, you can add a handler to the `cookieStore` instance using {{domxref("EventTarget.addEventListener", "addEventListener()")}}, like this:
@@ -32,7 +38,7 @@ cookieStore.addEventListener("change", (event) => {
 });
 ```
 
-Alternatively, you can use the `CookieStore.onchange` event handler property to establish a handler for the `change` event:
+Alternatively, you can use the `onchange` event handler property to establish a handler for the `change` event:
 
 ```js
 cookieStore.onchange = (event) => {

From 9b694caa8526affb5ddd354571cf9c0e4ebd7f18 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Thu, 18 Jan 2024 23:39:12 -0800
Subject: [PATCH 470/790] Add live example (#31799)

---
 files/en-us/web/css/content-visibility/index.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/web/css/content-visibility/index.md b/files/en-us/web/css/content-visibility/index.md
index a1fc37961f4a70b..66a8bbc26c8ad6f 100644
--- a/files/en-us/web/css/content-visibility/index.md
+++ b/files/en-us/web/css/content-visibility/index.md
@@ -13,6 +13,8 @@ The **`content-visibility`** [CSS](/en-US/docs/Web/CSS) property controls whethe
 
 > **Note:** The {{domxref("element/contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}} event fires on any element with `content-visibility: auto` set on it when its rendering work starts or stops being skipped. This provides a convenient way for an app's code to start or stop rendering processes (e.g. drawing on a {{htmlelement("canvas")}}) when they are not needed, thereby conserving processing power.
 
+{{EmbedInteractiveExample("pages/css/content-visibility.html")}}
+
 ## Syntax
 
 ```css

From 7acfa6ee62643bcc7751a7f944d18e89aa0d0678 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 19 Jan 2024 17:00:41 +0800
Subject: [PATCH 471/790] Remove incorrect note (#31801)

---
 files/en-us/web/api/background_synchronization_api/index.md     | 2 --
 .../api/web_periodic_background_synchronization_api/index.md    | 2 --
 2 files changed, 4 deletions(-)

diff --git a/files/en-us/web/api/background_synchronization_api/index.md b/files/en-us/web/api/background_synchronization_api/index.md
index 5f9bbfd0381330e..1dc5fcf66f41873 100644
--- a/files/en-us/web/api/background_synchronization_api/index.md
+++ b/files/en-us/web/api/background_synchronization_api/index.md
@@ -22,8 +22,6 @@ The {{domxref('SyncManager')}} interface is available through {{domxref('Service
 
 As this API relies on service workers, functionality provided by this API is only available in a secure context.
 
-> **Note:** At the time of writing, the Background Synchronization API is only available through an installed [Progressive Web App](/en-US/docs/Web/Progressive_web_apps).
-
 ## Interfaces
 
 - {{domxref('SyncManager')}} {{Experimental_Inline}}
diff --git a/files/en-us/web/api/web_periodic_background_synchronization_api/index.md b/files/en-us/web/api/web_periodic_background_synchronization_api/index.md
index eed3d3d00c118fb..82298b88949973a 100644
--- a/files/en-us/web/api/web_periodic_background_synchronization_api/index.md
+++ b/files/en-us/web/api/web_periodic_background_synchronization_api/index.md
@@ -21,8 +21,6 @@ The {{domxref('PeriodicSyncManager')}} interface is available through {{domxref(
 
 As this API relies on service workers, functionality provided by this API is only available in a secure context.
 
-> **Note:** At the time of writing, the Web Periodic Background Synchronization API is only available through an installed [Progressive Web App](/en-US/docs/Web/Progressive_web_apps)
-
 ## Web Periodic Background Synchronization Interfaces
 
 - {{domxref('PeriodicSyncManager')}}

From 16f4b01129630178d791e66daacadd7474f2508b Mon Sep 17 00:00:00 2001
From: Wesley Pumpkinhead <zooduck@beniceoreatsomerice.com>
Date: Fri, 19 Jan 2024 09:10:37 +0000
Subject: [PATCH 472/790] Add missing popover attribute to example. (#31788)

---
 files/en-us/web/api/htmlelement/showpopover/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/htmlelement/showpopover/index.md b/files/en-us/web/api/htmlelement/showpopover/index.md
index e732c3ab9ec5f14..c94a9da9db106bd 100644
--- a/files/en-us/web/api/htmlelement/showpopover/index.md
+++ b/files/en-us/web/api/htmlelement/showpopover/index.md
@@ -38,7 +38,7 @@ The following example provides functionality to show a popover by pressing a par
 First, some HTML:
 
 ```html
-<div id="mypopover">
+<div id="mypopover" popover>
   <h2>Help!</h2>
 
   <p>You can use the following commands to control the app</p>

From 0b59881500856a375d39ca4376e639dbab5be18a Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 19 Jan 2024 09:18:47 +0000
Subject: [PATCH 473/790] Bump actions/cache from 3 to 4 (#31784)

---
 .github/workflows/on-demand-preview-build.yml | 4 ++--
 .github/workflows/pr-review-companion.yml     | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/on-demand-preview-build.yml b/.github/workflows/on-demand-preview-build.yml
index 2a09bf32dd84ee8..0dec5529814a03a 100644
--- a/.github/workflows/on-demand-preview-build.yml
+++ b/.github/workflows/on-demand-preview-build.yml
@@ -108,7 +108,7 @@ jobs:
 
       # See https://www.peterbe.com/plog/install-python-poetry-github-actions-faster
       - name: Load cached ~/.local
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.local
           # the trailing number is used to increase for getting
@@ -123,7 +123,7 @@ jobs:
 
       - name: Load cached venv
         id: cached-poetry-dependencies
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: yari/deployer/.venv
           key: venv-${{ runner.os }}-${{ hashFiles('**/poetry.lock') }}-${{ hashFiles('.github/workflows/pr-review-companion.yml') }}
diff --git a/.github/workflows/pr-review-companion.yml b/.github/workflows/pr-review-companion.yml
index dd84e0b469dd82b..4a1fcf3f4921b73 100644
--- a/.github/workflows/pr-review-companion.yml
+++ b/.github/workflows/pr-review-companion.yml
@@ -30,7 +30,7 @@ jobs:
 
       # See https://www.peterbe.com/plog/install-python-poetry-github-actions-faster
       - name: Load cached ~/.local
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: ~/.local
           # the trailing number is used to increase for getting
@@ -45,7 +45,7 @@ jobs:
 
       - name: Load cached venv
         id: cached-poetry-dependencies
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: yari/deployer/.venv
           # the trailing number is used to increase for getting

From 02ebbabed0f74994c8a402269c27c4a183f3297b Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Fri, 19 Jan 2024 16:02:51 +0530
Subject: [PATCH 474/790]  note for <base> element attributes  (#31698)

* usage note for <base> element

this note is important in `HTMLBaseElement` Api documentation.

* lint

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* note added in attribute section

* changes in warning note

* removing note

this note combined with a warning

* Update files/en-us/web/html/element/base/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/web/html/element/base/index.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/html/element/base/index.md b/files/en-us/web/html/element/base/index.md
index f7876ce37775526..64e71b3d3a70f8f 100644
--- a/files/en-us/web/html/element/base/index.md
+++ b/files/en-us/web/html/element/base/index.md
@@ -54,7 +54,8 @@ A document's used base URL can be accessed by scripts with {{domxref('Node.baseU
 
 This element's attributes include the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
-> **Warning:** If either of the following attributes are specified, this element **must** come before other elements with attribute values of URLs, such as {{HTMLElement("link")}}'s `href` attribute.
+> **Warning:** A `<base>` element must have an `href` attribute, a `target` attribute, or both.
+> If at least one of these attributes are specified, the `<base>` element **must** come before other elements with attribute values that are URLs, such as a {{HTMLElement("link")}}'s `href` attribute.
 
 - `href`
   - : The base URL to be used throughout the document for relative URLs.

From c9fe79713a9323e8f1492c3c5b802fc8776a5f6a Mon Sep 17 00:00:00 2001
From: Patrick Brosset <patrickbrosset@gmail.com>
Date: Fri, 19 Jan 2024 12:52:59 +0100
Subject: [PATCH 475/790] Editcontext API documentation (#31176)

* Boilerplate for EditContext docs

* Remove secure context requirement

* Removed secure context requirement

* Added IME glossary and linked to it

* First attempt at an intro text

* Finalized the EditContext API home page

* Constructor docs

* More documentation for the EditContext interface

* Remove repeated intro text after all

* Filled in most of the remaining ref pages

* Added more missing content

* Finalized content for first round of reviews

* Changed folder casing

* Added characterboundsupdateEvent interface

* Addressed technical review comments

* Addressed Florian's review comments

* Added a note about element association

* Adding three missing constructors

* Better examples

* Apply suggestions from code review

Co-authored-by: Florian Scholz <fs@florianscholz.com>

* Addressed code review comments

* Better console.log in example code

* Added experimental status and seecompattable macro

---------

Co-authored-by: Florian Scholz <fs@florianscholz.com>
---
 .../glossary/input_method_editor/index.md     |   8 +-
 .../characterboundsupdateevent/index.md       |  41 +++++++
 .../api/characterboundsupdateevent/index.md   |  98 ++++++++++++++++
 .../rangeend/index.md                         |  42 +++++++
 .../rangestart/index.md                       |  42 +++++++
 files/en-us/web/api/compositionevent/index.md |   2 +-
 .../web/api/compositionevent/locale/index.md  |   2 +-
 .../api/editcontext/attachedelements/index.md |  56 +++++++++
 .../api/editcontext/characterbounds/index.md  |  41 +++++++
 .../characterboundsrangestart/index.md        |  27 +++++
 .../characterboundsupdate_event/index.md      | 103 +++++++++++++++++
 .../editcontext/compositionend_event/index.md |  64 ++++++++++
 .../compositionstart_event/index.md           |  64 ++++++++++
 .../web/api/editcontext/editcontext/index.md  |  70 +++++++++++
 files/en-us/web/api/editcontext/index.md      |  70 +++++++++++
 .../web/api/editcontext/selectionend/index.md |  95 +++++++++++++++
 .../api/editcontext/selectionstart/index.md   |  95 +++++++++++++++
 files/en-us/web/api/editcontext/text/index.md |  56 +++++++++
 .../textformatupdate_event/ime-nodepad.png    | Bin 0 -> 25375 bytes
 .../textformatupdate_event/index.md           | 103 +++++++++++++++++
 .../api/editcontext/textupdate_event/index.md |  79 +++++++++++++
 .../updatecharacterbounds/index.md            | 109 ++++++++++++++++++
 .../editcontext/updatecontrolbounds/index.md  |  80 +++++++++++++
 .../api/editcontext/updateselection/index.md  |  89 ++++++++++++++
 .../updateselectionbounds/index.md            |  43 +++++++
 .../web/api/editcontext/updatetext/index.md   | 100 ++++++++++++++++
 files/en-us/web/api/editcontext_api/index.md  |  96 +++++++++++++++
 .../api/element/compositionend_event/index.md |   4 +-
 .../element/compositionstart_event/index.md   |   2 +-
 .../element/compositionupdate_event/index.md  |   2 +-
 .../web/api/element/keydown_event/index.md    |   2 +-
 .../web/api/element/keyup_event/index.md      |   2 +-
 .../web/api/htmlelement/editcontext/index.md  |  97 ++++++++++++++++
 files/en-us/web/api/htmlelement/index.md      |   2 +
 .../mscandidatewindowshow_event/index.md      |   2 +-
 .../mscandidatewindowupdate_event/index.md    |   2 +-
 .../web/api/keyboardevent/charcode/index.md   |   2 +-
 .../api/textformat/ime-solid-underline.png    | Bin 0 -> 15982 bytes
 .../api/textformat/ime-squiggle-underline.png | Bin 0 -> 15342 bytes
 files/en-us/web/api/textformat/index.md       |  76 ++++++++++++
 .../web/api/textformat/rangeend/index.md      |  55 +++++++++
 .../web/api/textformat/rangestart/index.md    |  55 +++++++++
 .../web/api/textformat/textformat/index.md    |  45 ++++++++
 .../api/textformat/underlinestyle/index.md    |  62 ++++++++++
 .../textformat/underlinethickness/index.md    |  59 ++++++++++
 .../gettextformats/index.md                   |  89 ++++++++++++++
 .../web/api/textformatupdateevent/index.md    |  92 +++++++++++++++
 .../textformatupdateevent/index.md            |  39 +++++++
 files/en-us/web/api/textupdateevent/index.md  |  76 ++++++++++++
 .../api/textupdateevent/selectionend/index.md |  87 ++++++++++++++
 .../textupdateevent/selectionstart/index.md   |  87 ++++++++++++++
 .../web/api/textupdateevent/text/index.md     |  45 ++++++++
 .../textupdateevent/textupdateevent/index.md  |  51 ++++++++
 .../textupdateevent/updaterangeend/index.md   |  45 ++++++++
 .../textupdateevent/updaterangestart/index.md |  45 ++++++++
 .../keyboard_event_key_values/index.md        |   2 +-
 files/jsondata/GroupData.json                 |  13 +++
 57 files changed, 2799 insertions(+), 16 deletions(-)
 create mode 100644 files/en-us/web/api/characterboundsupdateevent/characterboundsupdateevent/index.md
 create mode 100644 files/en-us/web/api/characterboundsupdateevent/index.md
 create mode 100644 files/en-us/web/api/characterboundsupdateevent/rangeend/index.md
 create mode 100644 files/en-us/web/api/characterboundsupdateevent/rangestart/index.md
 create mode 100644 files/en-us/web/api/editcontext/attachedelements/index.md
 create mode 100644 files/en-us/web/api/editcontext/characterbounds/index.md
 create mode 100644 files/en-us/web/api/editcontext/characterboundsrangestart/index.md
 create mode 100644 files/en-us/web/api/editcontext/characterboundsupdate_event/index.md
 create mode 100644 files/en-us/web/api/editcontext/compositionend_event/index.md
 create mode 100644 files/en-us/web/api/editcontext/compositionstart_event/index.md
 create mode 100644 files/en-us/web/api/editcontext/editcontext/index.md
 create mode 100644 files/en-us/web/api/editcontext/index.md
 create mode 100644 files/en-us/web/api/editcontext/selectionend/index.md
 create mode 100644 files/en-us/web/api/editcontext/selectionstart/index.md
 create mode 100644 files/en-us/web/api/editcontext/text/index.md
 create mode 100644 files/en-us/web/api/editcontext/textformatupdate_event/ime-nodepad.png
 create mode 100644 files/en-us/web/api/editcontext/textformatupdate_event/index.md
 create mode 100644 files/en-us/web/api/editcontext/textupdate_event/index.md
 create mode 100644 files/en-us/web/api/editcontext/updatecharacterbounds/index.md
 create mode 100644 files/en-us/web/api/editcontext/updatecontrolbounds/index.md
 create mode 100644 files/en-us/web/api/editcontext/updateselection/index.md
 create mode 100644 files/en-us/web/api/editcontext/updateselectionbounds/index.md
 create mode 100644 files/en-us/web/api/editcontext/updatetext/index.md
 create mode 100644 files/en-us/web/api/editcontext_api/index.md
 create mode 100644 files/en-us/web/api/htmlelement/editcontext/index.md
 create mode 100644 files/en-us/web/api/textformat/ime-solid-underline.png
 create mode 100644 files/en-us/web/api/textformat/ime-squiggle-underline.png
 create mode 100644 files/en-us/web/api/textformat/index.md
 create mode 100644 files/en-us/web/api/textformat/rangeend/index.md
 create mode 100644 files/en-us/web/api/textformat/rangestart/index.md
 create mode 100644 files/en-us/web/api/textformat/textformat/index.md
 create mode 100644 files/en-us/web/api/textformat/underlinestyle/index.md
 create mode 100644 files/en-us/web/api/textformat/underlinethickness/index.md
 create mode 100644 files/en-us/web/api/textformatupdateevent/gettextformats/index.md
 create mode 100644 files/en-us/web/api/textformatupdateevent/index.md
 create mode 100644 files/en-us/web/api/textformatupdateevent/textformatupdateevent/index.md
 create mode 100644 files/en-us/web/api/textupdateevent/index.md
 create mode 100644 files/en-us/web/api/textupdateevent/selectionend/index.md
 create mode 100644 files/en-us/web/api/textupdateevent/selectionstart/index.md
 create mode 100644 files/en-us/web/api/textupdateevent/text/index.md
 create mode 100644 files/en-us/web/api/textupdateevent/textupdateevent/index.md
 create mode 100644 files/en-us/web/api/textupdateevent/updaterangeend/index.md
 create mode 100644 files/en-us/web/api/textupdateevent/updaterangestart/index.md

diff --git a/files/en-us/glossary/input_method_editor/index.md b/files/en-us/glossary/input_method_editor/index.md
index 9ca22a9f27edf75..6482ff4a6e3c3de 100644
--- a/files/en-us/glossary/input_method_editor/index.md
+++ b/files/en-us/glossary/input_method_editor/index.md
@@ -6,11 +6,11 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-An input method editor (IME) is a program that provides a specialized user interface for text input. Input method editors are used in many situations:
+An Input Method Editor (IME) is a program that provides a specialized user interface for text input. Input method editors are used in many situations:
 
-- to enter Chinese, Japanese, or Korean text using a Latin keyboard
-- to enter Latin text using a numeric keypad
-- to enter text on a touch screen using handwriting recognition
+- To enter Chinese, Japanese, or Korean text using a Latin keyboard.
+- To enter Latin text using a numeric keypad.
+- To enter text on a touch screen using handwriting recognition.
 
 ## See also
 
diff --git a/files/en-us/web/api/characterboundsupdateevent/characterboundsupdateevent/index.md b/files/en-us/web/api/characterboundsupdateevent/characterboundsupdateevent/index.md
new file mode 100644
index 000000000000000..36984096e96e3b0
--- /dev/null
+++ b/files/en-us/web/api/characterboundsupdateevent/characterboundsupdateevent/index.md
@@ -0,0 +1,41 @@
+---
+title: "CharacterBoundsUpdateEvent: CharacterBoundsUpdateEvent() constructor"
+short-title: CharacterBoundsUpdateEvent()
+slug: Web/API/CharacterBoundsUpdateEvent/CharacterBoundsUpdateEvent
+page-type: web-api-constructor
+browser-compat: api.CharacterBoundsUpdateEvent.CharacterBoundsUpdateEvent
+---
+
+{{APIRef("CharacterBoundsUpdateEvent API")}}
+
+The **`CharacterBoundsUpdateEvent()`** constructor returns a new {{DOMxRef("CharacterBoundsUpdateEvent")}} object.
+
+## Syntax
+
+```js-nolint
+new CharacterBoundsUpdateEvent(type)
+new CharacterBoundsUpdateEvent(type, options)
+```
+
+### Parameters
+
+- `type`
+  - : A string representing the type of the event. Possible values: `"characterboundsupdate"`.
+- `options` {{optional_inline}}
+  - : An optional object with the following properties:
+    - `rangeStart`
+      - : A number to set the offset of the first character within the editable text region which this event applies to.
+    - `rangeEnd`
+      - : A number to set the offset of the last character within the editable text region which this event applies to.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("CharacterBoundsUpdateEvent")}} interface it belongs to.
diff --git a/files/en-us/web/api/characterboundsupdateevent/index.md b/files/en-us/web/api/characterboundsupdateevent/index.md
new file mode 100644
index 000000000000000..d018798e197eba5
--- /dev/null
+++ b/files/en-us/web/api/characterboundsupdateevent/index.md
@@ -0,0 +1,98 @@
+---
+title: CharacterBoundsUpdateEvent
+slug: Web/API/CharacterBoundsUpdateEvent
+page-type: web-api-interface
+status:
+  - experimental
+browser-compat: api.CharacterBoundsUpdateEvent
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`CharacterBoundsUpdateEvent`** interface is a {{domxref("Event", "DOM event")}} that represents a request from the operating system to know the bounds of certain characters within an editable region that's attached to an {{domxref("EditContext")}} instance.
+
+This interface inherits properties from {{domxref("Event")}}.
+
+{{InheritanceDiagram}}
+
+## Constructor
+
+- {{domxref("CharacterBoundsUpdateEvent.CharacterBoundsUpdateEvent", "CharacterBoundsUpdateEvent()")}}
+  - : Creates a new `CharacterBoundsUpdateEvent` object.
+
+## Instance properties
+
+- {{domxref('CharacterBoundsUpdateEvent.rangeStart')}} {{readonlyinline}}
+  - : The offset of the first character within the editable region text for which the operating system needs the bounds.
+- {{domxref('CharacterBoundsUpdateEvent.rangeEnd')}} {{readonlyinline}}
+  - : The offset of the last character within the editable region text for which the operating system needs the bounds.
+
+## Examples
+
+### Updating the character bounds when needed
+
+This example shows how to use the `characterboundsupdate` event and the `updateCharacterBounds` method to inform the operating system of the character bounds it requires. Note that the event listener callback is only called when using an IME window, or other platform-specific editing UI surfaces, to compose text.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const FONT_SIZE = 40;
+const FONT = `${FONT_SIZE}px Arial`;
+
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+ctx.font = FONT;
+
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+function computeCharacterBound(offset) {
+  // Measure the width from the start of the text to the character.
+  const widthBeforeChar = ctx.measureText(
+    editContext.text.substring(0, offset),
+  ).width;
+
+  // Measure the character width.
+  const charWidth = ctx.measureText(editContext.text[offset]).width;
+
+  const charX = canvas.offsetLeft + widthBeforeChar;
+  const charY = canvas.offsetTop;
+
+  // Return a DOMRect representing the character bounds.
+  return DOMRect.fromRect({
+    x: charX,
+    y: charY - FONT_SIZE,
+    width: charWidth,
+    height: FONT_SIZE,
+  });
+}
+
+editContext.addEventListener("characterboundsupdate", (e) => {
+  const charBounds = [];
+  for (let offset = e.rangeStart; offset < e.rangeEnd; offset++) {
+    charBounds.push(computeCharacterBound(offset));
+  }
+
+  // Update the character bounds in the EditContext instance.
+  editContext.updateCharacterBounds(e.rangeStart, charBounds);
+
+  console.log(
+    "The required character bounds are",
+    charBounds
+      .map((bound) => {
+        return `(x: ${bound.x}, y: ${bound.y}, width: ${bound.width}, height: ${bound.height})`;
+      })
+      .join(", "),
+  );
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/characterboundsupdateevent/rangeend/index.md b/files/en-us/web/api/characterboundsupdateevent/rangeend/index.md
new file mode 100644
index 000000000000000..66d370cc5dde10e
--- /dev/null
+++ b/files/en-us/web/api/characterboundsupdateevent/rangeend/index.md
@@ -0,0 +1,42 @@
+---
+title: "CharacterBoundsUpdateEvent: rangeEnd property"
+short-title: rangeEnd
+slug: Web/API/CharacterBoundsUpdateEvent/rangeEnd
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.CharacterBoundsUpdateEvent.rangeEnd
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`CharacterBoundsUpdateEvent.rangeEnd`** read-only property represents the offset of the last character within the editable text region for which the operating system needs the bounds.
+
+## Value
+
+A {{jsxref("Number")}}.
+
+## Examples
+
+### Reading the `rangeEnd` value
+
+This example shows how to use the `characterboundsupdate` event and read the value of the `rangeStart` and `rangeEnd` properties.
+
+```js
+const editContext = new EditContext();
+editorElement.editContext = editContext;
+
+editContext.addEventListener("characterboundsupdate", (e) => {
+  console.log(
+    `The OS needs the bounds of the chars at ${e.rangeStart} - ${e.rangeEnd}.`,
+  );
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/characterboundsupdateevent/rangestart/index.md b/files/en-us/web/api/characterboundsupdateevent/rangestart/index.md
new file mode 100644
index 000000000000000..bf530063ef36381
--- /dev/null
+++ b/files/en-us/web/api/characterboundsupdateevent/rangestart/index.md
@@ -0,0 +1,42 @@
+---
+title: "CharacterBoundsUpdateEvent: rangeStart property"
+short-title: rangeStart
+slug: Web/API/CharacterBoundsUpdateEvent/rangeStart
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.CharacterBoundsUpdateEvent.rangeStart
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`CharacterBoundsUpdateEvent.rangeStart`** read-only property represents the offset of the first character within the editable text region for which the operating system needs the bounds.
+
+## Value
+
+A {{jsxref("Number")}}.
+
+## Examples
+
+### Reading the `rangeStart` value
+
+This example shows how to use the `characterboundsupdate` event and read the value of the `rangeStart` and `rangeEnd` properties.
+
+```js
+const editContext = new EditContext();
+editorElement.editContext = editContext;
+
+editContext.addEventListener("characterboundsupdate", (e) => {
+  console.log(
+    `The OS needs the bounds of the chars at ${e.rangeStart} - ${e.rangeEnd}.`,
+  );
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/compositionevent/index.md b/files/en-us/web/api/compositionevent/index.md
index 77c62151947b1c2..46347b9aa704326 100644
--- a/files/en-us/web/api/compositionevent/index.md
+++ b/files/en-us/web/api/compositionevent/index.md
@@ -23,7 +23,7 @@ _This interface also inherits properties of its parent, {{domxref("UIEvent")}},
 - {{domxref("CompositionEvent.data")}} {{ReadOnlyInline}}
   - : Returns the characters generated by the input method that raised the event; its varies depending on the type of event that generated the `CompositionEvent` object.
 - {{domxref("CompositionEvent.locale")}} {{ReadOnlyInline}} {{deprecated_inline}} {{Non-standard_Inline}}
-  - : Returns the locale of current input method (for example, the keyboard layout locale if the composition is associated with IME).
+  - : Returns the locale of current input method (for example, the keyboard layout locale if the composition is associated with {{glossary("IME")}}).
 
 ## Instance methods
 
diff --git a/files/en-us/web/api/compositionevent/locale/index.md b/files/en-us/web/api/compositionevent/locale/index.md
index 75867cc440a2f79..ec8fe12acd402d3 100644
--- a/files/en-us/web/api/compositionevent/locale/index.md
+++ b/files/en-us/web/api/compositionevent/locale/index.md
@@ -13,7 +13,7 @@ browser-compat: api.CompositionEvent.locale
 
 The **`locale`** read-only property of the
 {{domxref("CompositionEvent")}} interface returns the locale of current input method
-(for example, the keyboard layout locale if the composition is associated with IME).
+(for example, the keyboard layout locale if the composition is associated with {{glossary("IME")}}).
 
 > **Warning:** Even for browsers supporting it, don't trust the value contained in this property.
 > Even if technically it is accessible, the way to set it up when creating a {{domxref("CompositionEvent")}}
diff --git a/files/en-us/web/api/editcontext/attachedelements/index.md b/files/en-us/web/api/editcontext/attachedelements/index.md
new file mode 100644
index 000000000000000..8a8bceb5ef68c45
--- /dev/null
+++ b/files/en-us/web/api/editcontext/attachedelements/index.md
@@ -0,0 +1,56 @@
+---
+title: "EditContext: attachedElements() method"
+short-title: attachedElements()
+slug: Web/API/EditContext/attachedElements
+page-type: web-api-instance-method
+status:
+  - experimental
+browser-compat: api.EditContext.attachedElements
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`attachedElements()`** method of the {{domxref("EditContext")}} interface returns an {{jsxref("Array")}} that contains only one item. This item is the element that's associated with the `EditContext` object.
+
+## Syntax
+
+```js-nolint
+attachedElements()
+```
+
+### Return value
+
+An {{jsxref("Array")}} containing one {{domxref("HTMLElement")}} object.
+
+There can only be one element associated to an `EditContext` instance, so the returned array will always contain one element. If the API is extended in the future to support multiple associated elements, the return value will be an array containing multiple elements.
+
+## Examples
+
+### Getting the element associated with an `EditContext` instance
+
+This example shows how to use the `attachedElements` method to get the element that's associated with an `EditContext` instance.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const canvas = document.getElementById("editor-canvas");
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+const attachedElements = editContext.attachedElements();
+console.log(attachedElements[0] === canvas); // true
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("EditContext")}} interface it belongs to.
diff --git a/files/en-us/web/api/editcontext/characterbounds/index.md b/files/en-us/web/api/editcontext/characterbounds/index.md
new file mode 100644
index 000000000000000..387f253d8dd6af2
--- /dev/null
+++ b/files/en-us/web/api/editcontext/characterbounds/index.md
@@ -0,0 +1,41 @@
+---
+title: "EditContext: characterBounds() method"
+short-title: characterBounds()
+slug: Web/API/EditContext/characterBounds
+page-type: web-api-instance-method
+status:
+  - experimental
+browser-compat: api.EditContext.characterBounds
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`characterBounds()`** method of the {{domxref("EditContext")}} interface returns an {{jsxref("Array")}} containing the list of bounding rectangles for the characters in the `EditContext` object.
+
+The position and size of the characters in an `EditContext` object is used by the operating system to correctly position platform-specific editing-related UI surfaces such as an {{glossary("Input Method Editor")}} (IME) window when needed. This is especially important in situations where the operating system can't automatically detect the position and size of the characters, such as when rendering text in a `<canvas>` element.
+
+Web developers will most likely be interested in using the {{domxref("EditContext.characterboundsupdate_event", "characterboundsupdate")}} event together with the {{domxref("EditContext.updateCharacterBounds()")}} method to update the character bounds when the operating system indicates that it requires information about the position and size of the characters.
+
+The `characterBounds()` method returns the list of character bounds that were last updated with `updateCharacterBounds()`. The list doesn't contain an item for every character in the `EditContext` object, only for the characters that were updated with `updateCharacterBounds()`. To know where the characters are located in the `EditContext` object, use the {{domxref("EditContext.characterBoundsRangeStart")}} property.
+
+## Syntax
+
+```js-nolint
+characterBounds()
+```
+
+### Return value
+
+An {{jsxref("Array")}} containing {{domxref("DOMRect")}} objects.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("EditContext")}} interface it belongs to.
diff --git a/files/en-us/web/api/editcontext/characterboundsrangestart/index.md b/files/en-us/web/api/editcontext/characterboundsrangestart/index.md
new file mode 100644
index 000000000000000..2d319b95e5fc69d
--- /dev/null
+++ b/files/en-us/web/api/editcontext/characterboundsrangestart/index.md
@@ -0,0 +1,27 @@
+---
+title: "EditContext: characterBoundsRangeStart property"
+short-title: characterBoundsRangeStart
+slug: Web/API/EditContext/characterBoundsRangeStart
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.EditContext.characterBoundsRangeStart
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`characterBoundsRangeStart`** read-only property of the {{domxref("EditContext")}} interface indicates the index of the character, within the editable text content, that corresponds to the first item in the {{domxref("EditContext.characterBounds()", "characterBounds")}} array.
+
+For example, if the `EditContent` contains the characters `abc`, and if `characterBoundRangeStart` is `1`, the first item in the `characterBounds` array contains the bounds for the character `b`.
+
+## Value
+
+A {{jsxref("Number")}}.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/editcontext/characterboundsupdate_event/index.md b/files/en-us/web/api/editcontext/characterboundsupdate_event/index.md
new file mode 100644
index 000000000000000..1249e1be0a3436d
--- /dev/null
+++ b/files/en-us/web/api/editcontext/characterboundsupdate_event/index.md
@@ -0,0 +1,103 @@
+---
+title: "EditContext: characterboundsupdate event"
+short-title: characterboundsupdate
+slug: Web/API/EditContext/characterboundsupdate_event
+page-type: web-api-event
+status:
+  - experimental
+browser-compat: api.EditContext.characterboundsupdate_event
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The `characterboundsupdate` event fires when the operating system needs to know the bounds of certain characters within editable text region of the `EditContext` object.
+
+This happens when the operating system needs to display a platform-specific editing-related UI surface such as an {{glossary("Input Method Editor")}} (IME) window.
+
+When the `characterboundsupdate` event fires, you should calculate the character bounds for the text, and then call the {{domxref("EditContext.updateCharacterBounds()")}} method to give the operating system the information it needs.
+
+See the documentation of the {{domxref("EditContext.updateCharacterBounds()", "updateCharacterBounds")}} method for more information about when and how to use the `characterboundsupdate` event.
+
+## Syntax
+
+Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
+
+```js
+addEventListener("characterboundsupdate", (event) => {});
+
+oncharacterboundsupdate = (event) => {};
+```
+
+## Event type
+
+A {{domxref("CharacterBoundsUpdateEvent")}}. Inherits from {{domxref("Event")}}.
+
+## Event properties
+
+_In addition to the properties listed below, properties from the parent interface, {{domxref("Event")}}, are available._
+
+- {{domxref('CharacterBoundsUpdateEvent.rangeStart')}} {{readonlyinline}}
+  - : The offset of the first character within the editable region text for which the operating system needs the bounds.
+- {{domxref('CharacterBoundsUpdateEvent.rangeEnd')}} {{readonlyinline}}
+  - : The offset of the last character within the editable region text for which the operating system needs the bounds.
+
+## Examples
+
+### Updating the character bounds when needed
+
+This example shows how to use the `updateCharacterBounds` method to update the character bounds in the `EditContext` of a `canvas` element when the operating system indicates that it requires the information. Note that the event listener callback is only called when using an IME window, or other platform-specific editing UI surfaces, to compose text.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const FONT_SIZE = 40;
+const FONT = `${FONT_SIZE}px Arial`;
+
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+ctx.font = FONT;
+
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+function computeCharacterBound(offset) {
+  // Measure the width from the start of the text to the character.
+  const widthBeforeChar = ctx.measureText(
+    editContext.text.substring(0, offset),
+  ).width;
+
+  // Measure the character width.
+  const charWidth = ctx.measureText(editContext.text[offset]).width;
+
+  const charX = canvas.offsetLeft + widthBeforeChar;
+  const charY = canvas.offsetTop;
+
+  // Return a DOMRect representing the character bounds.
+  return DOMRect.fromRect({
+    x: charX,
+    y: charY - FONT_SIZE,
+    width: charWidth,
+    height: FONT_SIZE,
+  });
+}
+
+editContext.addEventListener("characterboundsupdate", (e) => {
+  const charBounds = [];
+  for (let offset = e.rangeStart; offset < e.rangeEnd; offset++) {
+    charBounds.push(computeCharacterBound(offset));
+  }
+
+  console.log("The required character bounds are", charBounds);
+  editContext.updateCharacterBounds(e.rangeStart, charBounds);
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/editcontext/compositionend_event/index.md b/files/en-us/web/api/editcontext/compositionend_event/index.md
new file mode 100644
index 000000000000000..dbf3e836e42c63b
--- /dev/null
+++ b/files/en-us/web/api/editcontext/compositionend_event/index.md
@@ -0,0 +1,64 @@
+---
+title: "EditContext: compositionend event"
+short-title: compositionend
+slug: Web/API/EditContext/compositionend_event
+page-type: web-api-event
+status:
+  - experimental
+browser-compat: api.EditContext.compositionend_event
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The `compositionend` event of the {{domxref("EditContext")}} interface fires when composition using a {{glossary("Input Method Editor")}} (IME) window ends.
+
+## Syntax
+
+Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
+
+```js
+addEventListener("compositionend", (event) => {});
+
+oncompositionend = (event) => {};
+```
+
+## Examples
+
+### Using `compositionend` to change the editable region's border
+
+In the following example, the editable region's border is set to red when the `compositionstart` event fires, and back to black when the `compositionend` event fires. Note that the event listener callbacks in this example are only called when using an IME window, or other platform-specific editing UI surfaces, to compose text.
+
+```css
+#text-editor {
+  border: 1px solid black;
+}
+#text-editor.is-composing {
+  border-color: red;
+}
+```
+
+```html
+<div id="text-editor"></div>
+```
+
+```js
+const editorElement = document.getElementById("text-editor");
+const editContext = new EditContext();
+editorElement.editContext = editContext;
+
+editContext.addEventListener("compositionstart", (event) => {
+  editorElement.classList.add("is-composing");
+});
+
+editContext.addEventListener("compositionend", (event) => {
+  editorElement.classList.remove("is-composing");
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/editcontext/compositionstart_event/index.md b/files/en-us/web/api/editcontext/compositionstart_event/index.md
new file mode 100644
index 000000000000000..c505b08192bf961
--- /dev/null
+++ b/files/en-us/web/api/editcontext/compositionstart_event/index.md
@@ -0,0 +1,64 @@
+---
+title: "EditContext: compositionstart event"
+short-title: compositionstart
+slug: Web/API/EditContext/compositionstart_event
+page-type: web-api-event
+status:
+  - experimental
+browser-compat: api.EditContext.compositionstart_event
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The `compositionstart` event of the {{domxref("EditContext")}} interface fires when composition using a {{glossary("Input Method Editor")}} (IME) window starts.
+
+## Syntax
+
+Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
+
+```js
+addEventListener("compositionstart", (event) => {});
+
+oncompositionstart = (event) => {};
+```
+
+## Examples
+
+### Using `compositionstart` to change the editable region's border
+
+In the following example, the editable region's border is set to red when the `compositionstart` event fires, and back to black when the `compositionend` event fires. Note that the event listener callbacks in this example are only called when using an IME window, or other platform-specific editing UI surfaces, to compose text.
+
+```css
+#text-editor {
+  border: 1px solid black;
+}
+#text-editor.is-composing {
+  border-color: red;
+}
+```
+
+```html
+<div id="text-editor"></div>
+```
+
+```js
+const editorElement = document.getElementById("text-editor");
+const editContext = new EditContext();
+editorElement.editContext = editContext;
+
+editContext.addEventListener("compositionstart", (event) => {
+  editorElement.classList.add("is-composing");
+});
+
+editContext.addEventListener("compositionend", (event) => {
+  editorElement.classList.remove("is-composing");
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/editcontext/editcontext/index.md b/files/en-us/web/api/editcontext/editcontext/index.md
new file mode 100644
index 000000000000000..36d030cfcd6ce03
--- /dev/null
+++ b/files/en-us/web/api/editcontext/editcontext/index.md
@@ -0,0 +1,70 @@
+---
+title: "EditContext: EditContext() constructor"
+short-title: EditContext()
+slug: Web/API/EditContext/EditContext
+page-type: web-api-constructor
+status:
+  - experimental
+browser-compat: api.EditContext.EditContext
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`EditContext()`** constructor returns a new {{DOMxRef("EditContext")}} object.
+
+## Syntax
+
+```js-nolint
+new EditContext()
+new EditContext(options)
+```
+
+### Parameters
+
+- `options` {{optional_inline}}
+  - : An optional object with the following properties:
+    - `text`
+      - : A string to set the initial text of the `EditContext`.
+    - `selectionStart`
+      - : A number to set the initial selection start of the `EditContext`.
+    - `selectionEnd`
+      - : A number to set the initial selection end of the `EditContext`.
+
+## Examples
+
+### Instantiating an `EditContext` object
+
+The following example creates a new `EditContext` object with the initial text "Hello world!" and the initial selection covering the entire text.
+
+```html
+<div id="editor"></div>
+```
+
+```js
+const initialText = "Hello world!";
+
+const editContext = new EditContext({
+  text: initialText,
+  selectionStart: 0,
+  selectionEnd: initialText.length,
+});
+
+const editorElement = document.getElementById("editor");
+editorElement.editContext = editContext;
+
+console.log(
+  `EditContext object ready. Text: ${editContext.text}. Selection: ${editContext.selectionStart} - ${editContext.selectionEnd}.`,
+);
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("EditContext")}} interface it belongs to.
diff --git a/files/en-us/web/api/editcontext/index.md b/files/en-us/web/api/editcontext/index.md
new file mode 100644
index 000000000000000..239b79bec1eca3b
--- /dev/null
+++ b/files/en-us/web/api/editcontext/index.md
@@ -0,0 +1,70 @@
+---
+title: EditContext
+slug: Web/API/EditContext
+page-type: web-api-interface
+status:
+  - experimental
+browser-compat: api.EditContext
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`EditContext`** interface represents the text edit context of an element that was made editable by using the {{domxref("EditContext API", "", "", "nocode")}}.
+
+The {{domxref("EditContext API", "", "", "nocode")}} can be used to build rich text editors on the web that support advanced text input experiences, such as {{glossary("Input Method Editor")}} (IME) composition, emoji picker, or any other platform-specific editing-related UI surfaces.
+
+## Constructor
+
+- {{domxref("EditContext.EditContext", "EditContext()")}}
+  - : Returns a new `EditContext` instance.
+
+## Instance properties
+
+- {{domxref("EditContext.text")}} {{ReadOnlyInline}}
+  - : The editable content of the element.
+- {{domxref("EditContext.selectionStart")}} {{ReadOnlyInline}}
+  - : The offset, within the editable text content, of the start of the current selection.
+- {{domxref("EditContext.selectionEnd")}} {{ReadOnlyInline}}
+  - : The offset, within the editable text content, of the end of the current selection.
+- {{domxref("EditContext.characterBoundsRangeStart")}} {{ReadOnlyInline}}
+  - : The offset, within the editable text content, where the last IME composition started.
+
+## Instance methods
+
+_`EditContext` is based on the {{domxref("EventTarget")}} interface, and includes its methods._
+
+- {{domxref("EditContext.attachedElements()")}}
+  - : An {{jsxref("Array")}} containing one {{domxref("HTMLElement")}} object which is the element that's associated with the `EditContext` object.
+- {{domxref("EditContext.characterBounds()")}}
+  - : The list of bounding rectangles for the characters in the `EditContext` object.
+- {{domxref("EditContext.updateText()")}}
+  - : Updates the internal text content of the `EditContext` object.
+- {{domxref("EditContext.updateSelection()")}}
+  - : Updates the internal state of the selection within the editable text context.
+- {{domxref("EditContext.updateControlBounds()")}}
+  - : Informs the operating system about the position and size of the editable text region.
+- {{domxref("EditContext.updateSelectionBounds()")}}
+  - : Informs the operating system about the position and size of the selection within the editable text region.
+- {{domxref("EditContext.updateCharacterBounds()")}}
+  - : Informs the operating system about the position and size of the characters in the `EditContext` object.
+
+## Events
+
+- {{domxref("EditContext.textupdate_event", "textupdate")}}
+  - : Fired when the user has made changes to the text or selection.
+- {{domxref("EditContext.textformatupdate_event", "textformatupdate")}}
+  - : Fired when composition using an {{glossary("Input Method Editor")}} (IME) window is happening and the IME decides that certain parts of the text being composed should be formatted differently to indicate the composition state.
+- {{domxref("EditContext.characterboundsupdate_event", "characterboundsupdate")}}
+  - : Fired when the operating system needs to know the size and position of certain characters within the editable text region of the `EditContext` object, in order to display an IME window.
+- {{domxref("EditContext.compositionstart_event", "compositionstart")}}
+  - : Fired when composition using an IME window is starting.
+- {{domxref("EditContext.compositionend_event", "compositionend")}}
+  - : Fired when composition using an IME window is ending.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/editcontext/selectionend/index.md b/files/en-us/web/api/editcontext/selectionend/index.md
new file mode 100644
index 000000000000000..7c0c07d56aef807
--- /dev/null
+++ b/files/en-us/web/api/editcontext/selectionend/index.md
@@ -0,0 +1,95 @@
+---
+title: "EditContext: selectionEnd property"
+short-title: selectionEnd
+slug: Web/API/EditContext/selectionEnd
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.EditContext.selectionEnd
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`selectionEnd`** read-only property of the {{domxref("EditContext")}} refers to the offset, within the editable text content, of the end of the current selection.
+
+## Value
+
+A {{jsxref("Number")}}
+
+## Examples
+
+### Using `selectionEnd` to render the user selection in an editable canvas
+
+This example shows how to use the `selectionStart` and `selectionEnd` properties to draw the current selection in a `<canvas>` element that's associated to an `EditContext`.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const ANCHOR_X = 10;
+const ANCHOR_Y = 30;
+const FONT_SIZE = 20;
+
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+ctx.font = `${FONT_SIZE}px Arial`;
+
+const editContext = new EditContext({
+  text: "Hello world!",
+  selectionStart: 6,
+  selectionEnd: 11,
+});
+canvas.editContext = editContext;
+
+function render() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+  // Render the entire text content first.
+  ctx.fillStyle = "black";
+  ctx.fillText(editContext.text, ANCHOR_X, ANCHOR_Y);
+
+  // Get the width from the start of the text to the start of the selection.
+  const selectionStartX = ctx.measureText(
+    editContext.text.substring(0, editContext.selectionStart),
+  );
+
+  // Get the width of the selection.
+  const selectionWidth = ctx.measureText(
+    editContext.text.substring(
+      editContext.selectionStart,
+      editContext.selectionEnd,
+    ),
+  );
+
+  // Draw a rectangle on top of the text to represent the selection.
+  ctx.fillStyle = "blue";
+  ctx.fillRect(
+    selectionStartX.width + ANCHOR_X,
+    ANCHOR_Y - FONT_SIZE,
+    selectionWidth.width,
+    FONT_SIZE,
+  );
+
+  // Re-render just the selected text in white, over the rectangle.
+  ctx.fillStyle = "white";
+  ctx.fillText(
+    editContext.text.substring(
+      editContext.selectionStart,
+      editContext.selectionEnd,
+    ),
+    selectionStartX.width + ANCHOR_X,
+    ANCHOR_Y,
+  );
+}
+
+render();
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/editcontext/selectionstart/index.md b/files/en-us/web/api/editcontext/selectionstart/index.md
new file mode 100644
index 000000000000000..60fadd40505db58
--- /dev/null
+++ b/files/en-us/web/api/editcontext/selectionstart/index.md
@@ -0,0 +1,95 @@
+---
+title: "EditContext: selectionStart property"
+short-title: selectionStart
+slug: Web/API/EditContext/selectionStart
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.EditContext.selectionStart
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`selectionStart`** read-only property of the {{domxref("EditContext")}} refers to the offset, within the editable text content, of the start of the current selection.
+
+## Value
+
+A {{jsxref("Number")}}
+
+## Examples
+
+### Using `selectionStart` to render the user selection in an editable canvas
+
+This example shows how to use the `selectionStart` and `selectionEnd` properties to draw the current selection in a `<canvas>` element that's associated to an `EditContext`.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const ANCHOR_X = 10;
+const ANCHOR_Y = 30;
+const FONT_SIZE = 20;
+
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+ctx.font = `${FONT_SIZE}px Arial`;
+
+const editContext = new EditContext({
+  text: "Hello world!",
+  selectionStart: 6,
+  selectionEnd: 11,
+});
+canvas.editContext = editContext;
+
+function render() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+  // Render the entire text content first.
+  ctx.fillStyle = "black";
+  ctx.fillText(editContext.text, ANCHOR_X, ANCHOR_Y);
+
+  // Get the width from the start of the text to the start of the selection.
+  const selectionStartX = ctx.measureText(
+    editContext.text.substring(0, editContext.selectionStart),
+  );
+
+  // Get the width of the selection.
+  const selectionWidth = ctx.measureText(
+    editContext.text.substring(
+      editContext.selectionStart,
+      editContext.selectionEnd,
+    ),
+  );
+
+  // Draw a rectangle on top of the text to represent the selection.
+  ctx.fillStyle = "blue";
+  ctx.fillRect(
+    selectionStartX.width + ANCHOR_X,
+    ANCHOR_Y - FONT_SIZE,
+    selectionWidth.width,
+    FONT_SIZE,
+  );
+
+  // Re-render just the selected text in white, over the rectangle.
+  ctx.fillStyle = "white";
+  ctx.fillText(
+    editContext.text.substring(
+      editContext.selectionStart,
+      editContext.selectionEnd,
+    ),
+    selectionStartX.width + ANCHOR_X,
+    ANCHOR_Y,
+  );
+}
+
+render();
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/editcontext/text/index.md b/files/en-us/web/api/editcontext/text/index.md
new file mode 100644
index 000000000000000..d1b2b74d2c36119
--- /dev/null
+++ b/files/en-us/web/api/editcontext/text/index.md
@@ -0,0 +1,56 @@
+---
+title: "EditContext: text property"
+short-title: text
+slug: Web/API/EditContext/text
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.EditContext.text
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`text`** read-only property of the {{domxref("EditContext")}} interface represents the editable content of the element.
+
+## Value
+
+A string containing the current editable content of the element that's attached to the `EditContext` object. Its initial value is the empty string.
+
+This string may or may not be equal to the value of the {{domxref("Node.textContent", "textContent")}} property of the DOM element that's associated to the `EditContext`. The associated element might, for example, be a `<canvas>` element, which doesn't have a `textContent` property. Or, the associated element might be a `<div>` element that contains text that's different than the `EditContext.text` value, for more advanced rendering.
+
+The `text` property of the `EditContext` object can be used as the model for the editable text region. Other properties of the `EditContext` object, such as `selectionStart` and `selectionEnd` refer to offsets within the `text` string.
+
+## Examples
+
+### Using `text` to render the text in an editable canvas
+
+In the following example, the EditContext API is used to render the text a user enters in a `<canvas>` element.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+editContext.addEventListener("textupdate", (e) => {
+  // When the user has focus on the <canvas> and enters text,
+  // this event is fired, and we use it to re-render the text.
+  console.log(
+    `The user entered the text: ${e.text}. Re-rendering the full EditContext text`,
+  );
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  ctx.fillText(editContext.text, 10, 10);
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/editcontext/textformatupdate_event/ime-nodepad.png b/files/en-us/web/api/editcontext/textformatupdate_event/ime-nodepad.png
new file mode 100644
index 0000000000000000000000000000000000000000..20ce26f23aa8a59c46118e127e3e6f6c403c33df
GIT binary patch
literal 25375
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

literal 0
HcmV?d00001

diff --git a/files/en-us/web/api/editcontext/textformatupdate_event/index.md b/files/en-us/web/api/editcontext/textformatupdate_event/index.md
new file mode 100644
index 000000000000000..2437a1c2f2fec3a
--- /dev/null
+++ b/files/en-us/web/api/editcontext/textformatupdate_event/index.md
@@ -0,0 +1,103 @@
+---
+title: "EditContext: textformatupdate event"
+short-title: textformatupdate
+slug: Web/API/EditContext/textformatupdate_event
+page-type: web-api-event
+status:
+  - experimental
+browser-compat: api.EditContext.textformatupdate_event
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The `textformatupdate` event of the {{domxref("EditContext")}} interface fires when composition using a {{glossary("Input Method Editor")}} (IME) window is happening.
+
+The event is fired when the IME decides that certain parts of the text being composed should be formatted differently to indicate the composition state.
+
+The following screenshot shows an example of text being written in the Nodepad app on Windows, by using the Japanese IME. The text is formatted with a thick underline to indicate that it's been composed from one of the IME's suggestions.
+
+![Nodepad on Windows with some Japanese text being composed from the IME window](./ime-nodepad.png)
+
+As a web developer, you should listen for the `textformatupdate` event and update the formatting of the text displayed in your editable region accordingly.
+
+## Syntax
+
+Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
+
+```js
+addEventListener("textformatupdate", (event) => {});
+
+ontextformatupdate = (event) => {};
+```
+
+## Event type
+
+A {{domxref("TextFormatUpdateEvent")}}. Inherits from {{domxref("Event")}}.
+
+## Event properties
+
+_In addition to the properties listed below, properties from the parent interface, {{domxref("Event")}}, are available._
+
+- {{domxref('TextFormatUpdateEvent.getTextFormats')}}
+  - : Returns the list of text formats that the IME window wants to apply to the text.
+
+## Examples
+
+### Rendering IME composition text formatting
+
+In the following example, the `textformatupdate` event is used to update the formatting of the text in the editable region. Note that the event listener callback in this example is only called when using an IME window, or other platform-specific editing UI surfaces, to compose text.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const TEXT_X = 10;
+const TEXT_Y = 10;
+
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+editContext.addEventListener("textformatupdate", (e) => {
+  // Clear the canvas.
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+  // Render the text.
+  ctx.fillText(editContext.text, TEXT_X, TEXT_Y);
+
+  // Get the text formats that the IME window wants to apply.
+  const formats = e.getTextFormats();
+
+  // Iterate over the text formats
+  for (const format of formats) {
+    const { rangeStart, rangeEnd, underlineStyle, underlineThickness } = format;
+
+    const underlineXStart = ctx.measureText(
+      editContext.text.substring(0, rangeStart),
+    ).width;
+    const underlineXEnd = ctx.measureText(
+      editContext.text.substring(0, rangeEnd),
+    ).width;
+    const underlineY = TEXT_Y + 3;
+
+    // For brevity, this example only draws a simple underline.
+    // You should use the underlineStyle and underlineThickness values to draw the underline.
+
+    ctx.beginPath();
+    ctx.moveTo(TEXT_X + underlineXStart, underlineY);
+    ctx.lineTo(TEXT_X + underlineXEnd, underlineY);
+    ctx.stroke();
+  }
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/editcontext/textupdate_event/index.md b/files/en-us/web/api/editcontext/textupdate_event/index.md
new file mode 100644
index 000000000000000..d9d7ac4f60065fe
--- /dev/null
+++ b/files/en-us/web/api/editcontext/textupdate_event/index.md
@@ -0,0 +1,79 @@
+---
+title: "EditContext: textupdate event"
+short-title: textupdate
+slug: Web/API/EditContext/textupdate_event
+page-type: web-api-event
+status:
+  - experimental
+browser-compat: api.EditContext.textupdate_event
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The `textupdate` event of the {{domxref("EditContext")}} interface fires when the user has made changes to the text or selection of an editable region that's attached to an `EditContext` instance.
+
+This event makes it possible to render the updated text and selection in the UI, in response to user input.
+
+## Syntax
+
+Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
+
+```js
+addEventListener("textupdate", (event) => {});
+
+ontextupdate = (event) => {};
+```
+
+## Event type
+
+A {{domxref("TextUpdateEvent")}}. Inherits from {{domxref("Event")}}.
+
+## Event properties
+
+_In addition to the properties listed below, properties from the parent interface, {{domxref("Event")}}, are available._
+
+- {{domxref('TextUpdateEvent.updateRangeStart')}} {{readonlyinline}}
+  - : Returns the index of the first character in the range of text that was updated.
+- {{domxref('TextUpdateEvent.updateRangeEnd')}} {{readonlyinline}}
+  - : Returns the index of the last character in the range of text that was updated.
+- {{domxref('TextUpdateEvent.text')}} {{readonlyinline}}
+  - : Returns the text that was inserted in the updated range.
+- {{domxref('TextUpdateEvent.selectionStart')}} {{readonlyinline}}
+  - : Returns the index of the first character in the new selection range, after the update.
+- {{domxref('TextUpdateEvent.selectionEnd')}} {{readonlyinline}}
+  - : Returns the index of the last character in the new selection range, after the update.
+
+## Examples
+
+### Rendering the updated text on `textupdate`
+
+In the following example, the `textupdate` event of the EditContext API is used to render the text a user enters in an editable `<canvas>` element.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+editContext.addEventListener("textupdate", (e) => {
+  // When the user has focus on the <canvas> and enters text,
+  // this event is fired, and we use it to re-render the text.
+  console.log(
+    `The user entered the text: ${e.text} at ${e.updateRangeStart}. Re-rendering the full EditContext text`,
+  );
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  ctx.fillText(editContext.text, 10, 10);
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/editcontext/updatecharacterbounds/index.md b/files/en-us/web/api/editcontext/updatecharacterbounds/index.md
new file mode 100644
index 000000000000000..4e59a537fb8e8a5
--- /dev/null
+++ b/files/en-us/web/api/editcontext/updatecharacterbounds/index.md
@@ -0,0 +1,109 @@
+---
+title: "EditContext: updateCharacterBounds() method"
+short-title: updateCharacterBounds()
+slug: Web/API/EditContext/updateCharacterBounds
+page-type: web-api-instance-method
+status:
+  - experimental
+browser-compat: api.EditContext.updateCharacterBounds
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`EditContext.updateCharacterBounds()`** method of the {{domxref("EditContext")}} interface should be called as response to a {{domxref("EditContext.characterboundsupdate_event", "characterboundsupdate")}} event to inform the operating system about the position and size of the characters in the `EditContext` object.
+
+The `characterboundsupdate` event is the only time you need to call the `updateCharacterBounds()` method.
+
+The character bounds information is then used by the operating system to correctly position the {{glossary("Input Method Editor")}} (IME) window when needed. This is especially important in situations where the operating system can't automatically detect the position and size of the characters, such as when rendering text in a `<canvas>` element.
+
+### Avoid sudden jumps in the IME window position
+
+Calculating the character bounds and calling `updateCharacterBounds` synchronously, within the `characterboundsupdate` event ensures that the operating system has the information it needs when it displays the IME window. If you don't call `updateCharacterBounds()` synchronously within the event handler, users may observe the IME window being displayed in the wrong position before being moved to the correct position.
+
+### Which characters to include
+
+The `updateCharacterBounds()` method should only be called when the operating system indicates that it requires the information, and only for the characters that are included in the current IME composition.
+
+The event object passed to the `characterboundsupdate` event handler contains a `rangeStart` and `rangeEnd` properties that indicate the range of characters that are currently being composed. The `updateCharacterBounds()` method should only be called for the characters in this range.
+
+## Syntax
+
+```js-nolint
+updateCharacterBounds(rangeStart, characterBounds)
+```
+
+### Parameters
+
+- `rangeStart`
+  - : A number representing the start of the range of text for which character bounds are provided.
+- `characterBounds`
+  - : An {{jsxref("Array")}} containing {{domxref("DOMRect")}} objects representing the character bounds.
+
+### Exceptions
+
+- If less than two arguments are provided, a `TypeError` {{domxref("DOMException")}} is thrown.
+- if `rangeStart` is not a number or `characterBounds` is not iterable, a `TypeError` {{domxref("DOMException")}} is thrown.
+
+## Examples
+
+### Updating the character bounds when needed
+
+This example shows how to use the `updateCharacterBounds` method to update the character bounds in the `EditContext` of a `<canvas>` element when the operating system indicates that it requires the information. Note that the `characterboundsupdate` event listener callback in this example is only called when using an IME window, or other platform-specific editing UI surfaces, to compose text.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const FONT_SIZE = 40;
+const FONT = `${FONT_SIZE}px Arial`;
+
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+ctx.font = FONT;
+
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+function computeCharacterBound(offset) {
+  // Measure the width from the start of the text to the character.
+  const widthBeforeChar = ctx.measureText(
+    editContext.text.substring(0, offset),
+  ).width;
+
+  // Measure the character width.
+  const charWidth = ctx.measureText(editContext.text[offset]).width;
+
+  const charX = canvas.offsetLeft + widthBeforeChar;
+  const charY = canvas.offsetTop;
+
+  // Return a DOMRect representing the character bounds.
+  return DOMRect.fromRect({
+    x: charX,
+    y: charY - FONT_SIZE,
+    width: charWidth,
+    height: FONT_SIZE,
+  });
+}
+
+editContext.addEventListener("characterboundsupdate", (e) => {
+  const charBounds = [];
+  for (let offset = e.rangeStart; offset < e.rangeEnd; offset++) {
+    charBounds.push(computeCharacterBound(offset));
+  }
+
+  editContext.updateCharacterBounds(e.rangeStart, charBounds);
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("EditContext")}} interface it belongs to.
diff --git a/files/en-us/web/api/editcontext/updatecontrolbounds/index.md b/files/en-us/web/api/editcontext/updatecontrolbounds/index.md
new file mode 100644
index 000000000000000..3e60bcab6ae0ece
--- /dev/null
+++ b/files/en-us/web/api/editcontext/updatecontrolbounds/index.md
@@ -0,0 +1,80 @@
+---
+title: "EditContext: updateControlBounds() method"
+short-title: updateControlBounds()
+slug: Web/API/EditContext/updateControlBounds
+page-type: web-api-instance-method
+status:
+  - experimental
+browser-compat: api.EditContext.updateControlBounds
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`EditContext.updateControlBounds()`** method of the {{domxref("EditContext")}} interface is used to inform the operating system about the position and size of the editable text region of the `EditContext` object.
+
+Call this method to tell the operating system the bounds of the current editable region. You should call it when initializing the EditContext, and whenever the editable region's bounds change such as when the webpage is resized. These bounds are used to position platform-specific editing-related UI surfaces such as an {{glossary("Input Method Editor")}} (IME) window.
+
+## Syntax
+
+```js-nolint
+updateControlBounds(controlBounds)
+```
+
+### Parameters
+
+- `controlBounds`
+  - : A {{domxref("DOMRect")}} object representing the new control bounds.
+
+### Exceptions
+
+- If no argument is provided, a `TypeError` {{domxref("DOMException")}} is thrown.
+- If the provided argument is not a {{domxref("DOMRect")}} a `TypeError` {{domxref("DOMException")}} is thrown.
+
+## Examples
+
+### Updating the control bounds when the editor is initialized and on window resize
+
+This example shows how to use the `updateControlBounds()` method to tell the platform where the editable region is at all times.
+
+```css
+#editor {
+  border: 1px solid black;
+  height: 50vw;
+  width: 50vh;
+}
+```
+
+```html
+<div id="editor"></div>
+```
+
+```js
+const editorEl = document.getElementById("editor");
+const editContext = new EditContext();
+editorEl.editContext = editContext;
+
+function updateControlBounds() {
+  const editorBounds = editorEl.getBoundingClientRect();
+  editContext.updateControlBounds(editorBounds);
+  console.log(
+    `Updated control bounds to ${editorBounds.x}, ${editorBounds.y}, ${editorBounds.width}, ${editorBounds.height}`,
+  );
+}
+
+// Update the control bounds now.
+updateControlBounds();
+// And when the page is resized.
+window.addEventListener("resize", updateControlBounds);
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("EditContext")}} interface it belongs to.
diff --git a/files/en-us/web/api/editcontext/updateselection/index.md b/files/en-us/web/api/editcontext/updateselection/index.md
new file mode 100644
index 000000000000000..55235bd413e2075
--- /dev/null
+++ b/files/en-us/web/api/editcontext/updateselection/index.md
@@ -0,0 +1,89 @@
+---
+title: "EditContext: updateSelection() method"
+short-title: updateSelection()
+slug: Web/API/EditContext/updateSelection
+page-type: web-api-instance-method
+status:
+  - experimental
+browser-compat: api.EditContext.updateSelection
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`updateSelection()`** method of the {{domxref("EditContext")}} interface updates the internal state of the selection within the editable text context. This method is used to update the selection state when the user interacts with the text rendering in the `EditContext`'s associated element, such as by clicking or dragging the mouse, or by using the keyboard.
+
+## Syntax
+
+```js-nolint
+updateSelection(start, end)
+```
+
+### Parameters
+
+- `start`
+  - : A number representing the new selection start.
+- `end`
+  - : A number representing the new selection end.
+
+If the `start` and `end` values are the same, the selection is equivalent to a caret.
+
+### Exceptions
+
+- If only one argument is provided, a `TypeError` {{domxref("DOMException")}} is thrown.
+- If either either argument is not a positive number, a {{domxref("DOMException")}} is thrown.
+- If `start` is greater than `end`, a {{domxref("DOMException")}} is thrown.
+
+## Examples
+
+### Updating the selection when the user interacts with the text
+
+This example shows how to use the `updateSelection` method to update the selection in the `EditContext` of a `canvas` element when the arrow keys are used to move the caret or select text in the editable region.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const canvas = document.getElementById("editor-canvas");
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+canvas.addEventListener("keydown", (e) => {
+  if (e.key == "ArrowLeft") {
+    const newPosition = Math.max(editContext.selectionStart - 1, 0);
+
+    if (e.shiftKey) {
+      editContext.updateSelection(newPosition, editContext.selectionEnd);
+    } else {
+      editContext.updateSelection(newPosition, newPosition);
+    }
+  } else if (e.key == "ArrowRight") {
+    const newPosition = Math.min(
+      editContext.selectionEnd + 1,
+      editContext.text.length,
+    );
+
+    if (e.shiftKey) {
+      editContext.updateSelection(editContext.selectionStart, newPosition);
+    } else {
+      editContext.updateSelection(newPosition, newPosition);
+    }
+  }
+
+  console.log(
+    `The new EditContext selection is ${editContext.selectionStart}, ${editContext.selectionEnd}`,
+  );
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("EditContext")}} interface it belongs to.
diff --git a/files/en-us/web/api/editcontext/updateselectionbounds/index.md b/files/en-us/web/api/editcontext/updateselectionbounds/index.md
new file mode 100644
index 000000000000000..a8ee95d78cd5901
--- /dev/null
+++ b/files/en-us/web/api/editcontext/updateselectionbounds/index.md
@@ -0,0 +1,43 @@
+---
+title: "EditContext: updateSelectionBounds() method"
+short-title: updateSelectionBounds()
+slug: Web/API/EditContext/updateSelectionBounds
+page-type: web-api-instance-method
+status:
+  - experimental
+browser-compat: api.EditContext.updateSelectionBounds
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`EditContext.updateSelectionBounds()`** method of the {{domxref("EditContext")}} interface is used to inform the operating system about the bounds of the text selection within the editable region that's associated with the `EditContext` object.
+
+Call this method to tell the operating system the bounds of the user's current selection. You should call the method whenever the user's selection changes in the editable region. The selection bounds are used by the operating system to help position the IME window or any other platform-specific editing-related UI surfaces.
+
+## Syntax
+
+```js-nolint
+updateSelectionBounds(selectionBounds)
+```
+
+### Parameters
+
+- `selectionBounds`
+  - : A {{domxref("DOMRect")}} object representing the new selection bounds.
+
+### Exceptions
+
+- If no argument is provided, a `TypeError` {{domxref("DOMException")}} is thrown.
+- If the provided argument is not a {{domxref("DOMRect")}} a `TypeError` {{domxref("DOMException")}} is thrown.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("EditContext")}} interface it belongs to.
diff --git a/files/en-us/web/api/editcontext/updatetext/index.md b/files/en-us/web/api/editcontext/updatetext/index.md
new file mode 100644
index 000000000000000..8b46c0ec980c325
--- /dev/null
+++ b/files/en-us/web/api/editcontext/updatetext/index.md
@@ -0,0 +1,100 @@
+---
+title: "EditContext: updateText() method"
+short-title: updateText()
+slug: Web/API/EditContext/updateText
+page-type: web-api-instance-method
+status:
+  - experimental
+browser-compat: api.EditContext.updateText
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`updateText()`** method of the {{domxref("EditContext")}} interface updates the internal text content of an `EditContext` object.
+
+This method doesn't need to be used when the user types text in the associated element. The `EditContext` object will automatically update its internal text content, and will fire {{domxref("EditContext.textupdate_event", "textupdate")}} events as needed.
+
+This method can, however, be used when the user interacts with the text content in other ways, such as when pasting text from the clipboard.
+
+## Syntax
+
+```js-nolint
+updateText(rangeStart, rangeEnd, text)
+```
+
+### Parameters
+
+- `rangeStart`
+  - : A number representing the start of the range of text to replace.
+- `rangeEnd`
+  - : A number representing the end of the range of text to replace.
+- `text`
+  - : A string representing the new text content.
+
+### Exceptions
+
+- If less than three arguments are provided, a `TypeError` {{domxref("DOMException")}} is thrown.
+- if `rangeStart` is greater than `rangeEnd`, a {{domxref("DOMException")}} is thrown.
+
+## Examples
+
+### Updating the editor when the user pastes text in it
+
+This example shows how to use the `updateText` method to update the text content in the `EditContext` of a `<canvas>` element when the user presses the <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>V</kbd> shortcut to paste some text.
+
+The example also uses the {{domxref("Clipboard.readText()")}} method to read the text from the clipboard.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+function render() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  ctx.fillText(editContext.text, 0, 40);
+}
+
+editContext.addEventListener("textupdate", (e) => {
+  render();
+});
+
+canvas.addEventListener("keydown", async (e) => {
+  if (e.key == "v" && (e.ctrlKey || e.metaKey)) {
+    const pastedText = await navigator.clipboard.readText();
+    console.log(
+      `The user pasted the text: ${pastedText}. Updating the EditContext text.`,
+    );
+
+    editContext.updateText(
+      editContext.selectionStart,
+      editContext.selectionEnd,
+      pastedText,
+    );
+
+    editContext.updateSelection(
+      editContext.selectionStart + pastedText.length,
+      editContext.selectionStart + pastedText.length,
+    );
+
+    render();
+  }
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("EditContext")}} interface it belongs to.
diff --git a/files/en-us/web/api/editcontext_api/index.md b/files/en-us/web/api/editcontext_api/index.md
new file mode 100644
index 000000000000000..d7530222c84835e
--- /dev/null
+++ b/files/en-us/web/api/editcontext_api/index.md
@@ -0,0 +1,96 @@
+---
+title: EditContext API
+slug: Web/API/EditContext_API
+page-type: web-api-overview
+browser-compat: api.EditContext
+---
+
+{{DefaultAPISidebar("EditContext API")}}
+
+The **EditContext API** can be used to build rich text editors on the web that support advanced text input experiences, such as {{glossary("Input Method Editor")}} (IME) composition, emoji picker, or any other platform-specific editing-related UI surfaces.
+
+With the EditContext API, you get the flexibility to render your own editable text region using any technology you want.
+
+## Concept
+
+Multiple actors are involved when entering text in an editable region of an application:
+
+- **User**
+  - : The user provides the text by means of an input method: a keyboard, mouse, voice, or other input method.
+- **Input method software**
+  - : The input method software converts the user's input into text. For example, this could be an {{glossary("Input Method Editor")}} (IME) that converts keystrokes from a standard keyboard into Japanese, Chinese, or Korean characters.
+- **OS text input service**
+  - : The text input service of the operating system acts as a link between the input method software and the application.
+- **Application text edit context**
+  - : The application text edit context provides a state of the text being edited. The state contains information such as the text itself, the current selection, the location of the text in the app's UI.
+- **Application editable region**
+  - : The application editable region is the UI element of the application that displays the text.
+
+While the three first actors are provided by the operating system, the application is responsible for providing the editable region and the text edit context.
+
+On the web, editable regions are often [`<textarea>`](/en-US/docs/Web/HTML/Element/textarea) elements, [`<input>`](/en-US/docs/Web/HTML/Element/input) elements, or elements with the [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes/contenteditable) attribute set to `true`. For these elements, the browser automatically provides the text edit context, and web authors are not required to write any code to support text input.
+
+### Creating custom editable regions
+
+Web authors can also create custom editable regions using the EditContext API. For example, a web author could create a rich text editor using a [`<canvas>`](/en-US/docs/Web/HTML/Element/canvas) element to render the text. In this case, the web author needs to write code to support text input.
+
+### Author's responsibilities
+
+If you decide to implement your own editable region, whether it draws text into a `<canvas>` or renders it into a series of DOM elements, you are responsible for providing the things that the browser would normally provide for you if you were using a `<textarea>` instead. This includes:
+
+- Rendering the text.
+- Rendering the selection (if you build your editable region with DOM elements instead of a `<canvas>`, the browser does render the selection for you).
+- Letting the OS text input service know when the selection changes.
+- Letting the OS text input service know where the text is located in the UI, so the input method software can display the IME composition window in the correct location.
+- Applying certain text formats when the user is composing text within the IME composition window.
+
+In return, the EditContext API makes the DOM element you choose editable and part of the document's focus order. In addition, the EditContext API also provides information about the state of the text being edited, which allows you to render it in a custom way. The information provided to you includes:
+
+- The current text content.
+- The current selection.
+- Whether IME composition is in progress, and whether text formats need to be applied.
+
+### Accessibility
+
+If you use the EditContext API with a `<canvas>` element, make sure to also make the text accessible to assistive technology. Screen readers can't read the text in a `<canvas>` element. For example, you could maintain a separate view of the text in an offscreen DOM element that's presented to screen readers.
+
+### Basic usage
+
+To use the EditContext API, you need to create an instance of the {{domxref("EditContext")}} interface, and then attach it to the DOM element you want to make editable by using the {{domxref("HTMLElement/editContext", "editContext")}} property. The DOM element can be any element, including a `<div>` or a `<canvas>` element.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js-nolint
+const canvas = document.getElementById("editor-canvas");
+const editContext = new EditContext();
+canvas.editContext = editContext;
+```
+
+An `EditContext` instance can only be attached to one DOM element at a time.
+
+Attaching an `EditContext` instance to a DOM element makes the element focusable, as part of the document's focus order. The user can enter text into the element using the input method of their choice, and you can use event fired by the `EditContext` instance to render the text and selection.
+
+### Model and view architecture
+
+When using the EditContext API, it helps to build your editing experience as a model and view architecture.
+
+The `EditContext` instance represents the model of your editable region. Its internal state gets updated when text input is received, and when the selection changes.
+
+You can then render the text and selection in the view, using the information provided by the `EditContext` instance, however your view doesn't need to match the model exactly. You're free to render the text in any way you want.
+
+## Interfaces
+
+- {{DOMxRef("EditContext")}}
+  - : The **`EditContext`** interface is a JavaScript reflection of the text edit context that's normally provided transparently by the browser when using standard editable regions such as `textarea`. `EditContext` provides the state of the text being edited, with information such as the text itself, the current selection, or the location of the text in the app's UI.
+- {{DOMxRef("TextFormat")}}
+  - : The **`TextFormat`** interface is used to represent certain formats that should be applied to text ranges when the user is composing text within the IME composition window.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/element/compositionend_event/index.md b/files/en-us/web/api/element/compositionend_event/index.md
index c4f06f19d5c78c6..b2a0e455c55e303 100644
--- a/files/en-us/web/api/element/compositionend_event/index.md
+++ b/files/en-us/web/api/element/compositionend_event/index.md
@@ -10,7 +10,7 @@ browser-compat: api.Element.compositionend_event
 
 The **`compositionend`** event is fired when a text composition system such as an {{glossary("input method editor")}} completes or cancels the current composition session.
 
-For example, this event could be fired after a user finishes entering a Chinese character using a [Pinyin](https://en.wikipedia.org/wiki/Pinyin) IME.
+For example, this event could be fired after a user finishes entering a Chinese character using a [Pinyin](https://en.wikipedia.org/wiki/Pinyin) {{glossary("IME")}}.
 
 ## Syntax
 
@@ -35,7 +35,7 @@ _This interface also inherits properties of its parent, {{domxref("UIEvent")}},
 - {{domxref("CompositionEvent.data")}} {{ReadOnlyInline}}
   - : Returns the characters generated by the input method that raised the event; its varies depending on the type of event that generated the `CompositionEvent` object.
 - {{domxref("CompositionEvent.locale")}} {{ReadOnlyInline}} {{deprecated_inline}}
-  - : Returns the locale of current input method (for example, the keyboard layout locale if the composition is associated with IME).
+  - : Returns the locale of current input method (for example, the keyboard layout locale if the composition is associated with {{glossary("IME")}}).
 
 ## Examples
 
diff --git a/files/en-us/web/api/element/compositionstart_event/index.md b/files/en-us/web/api/element/compositionstart_event/index.md
index 2c8ead4a8ce3ba2..4af4cb2bc2f0a0c 100644
--- a/files/en-us/web/api/element/compositionstart_event/index.md
+++ b/files/en-us/web/api/element/compositionstart_event/index.md
@@ -10,7 +10,7 @@ browser-compat: api.Element.compositionstart_event
 
 The **`compositionstart`** event is fired when a text composition system such as an {{glossary("input method editor")}} starts a new composition session.
 
-For example, this event could be fired after a user starts entering a Chinese character using a [Pinyin](https://en.wikipedia.org/wiki/Pinyin) IME.
+For example, this event could be fired after a user starts entering a Chinese character using a [Pinyin](https://en.wikipedia.org/wiki/Pinyin) {{glossary("IME")}}.
 
 ## Syntax
 
diff --git a/files/en-us/web/api/element/compositionupdate_event/index.md b/files/en-us/web/api/element/compositionupdate_event/index.md
index 2ed8573cd336eb7..12335f986df0677 100644
--- a/files/en-us/web/api/element/compositionupdate_event/index.md
+++ b/files/en-us/web/api/element/compositionupdate_event/index.md
@@ -10,7 +10,7 @@ browser-compat: api.Element.compositionupdate_event
 
 The **`compositionupdate`** event is fired when a new character is received in the context of a text composition session controlled by a text composition system such as an {{glossary("input method editor")}}.
 
-For example, this event could be fired while a user enters a Chinese character using a [Pinyin](https://en.wikipedia.org/wiki/Pinyin) IME.
+For example, this event could be fired while a user enters a Chinese character using a [Pinyin](https://en.wikipedia.org/wiki/Pinyin) {{glossary("IME")}}.
 
 ## Syntax
 
diff --git a/files/en-us/web/api/element/keydown_event/index.md b/files/en-us/web/api/element/keydown_event/index.md
index 8ebb76a9031eba2..31effe2e22af383 100644
--- a/files/en-us/web/api/element/keydown_event/index.md
+++ b/files/en-us/web/api/element/keydown_event/index.md
@@ -16,7 +16,7 @@ The `keydown` and [`keyup`](/en-US/docs/Web/API/Element/keyup_event) events prov
 
 Keyboard events are only generated by `<input>`, `<textarea>`, `<summary>` and anything with the `contentEditable` or `tabindex` attribute. If not caught, they [bubble](/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_bubbling) up the [DOM tree](/en-US/docs/Web/API/Document_object_model/Using_the_Document_Object_Model#what_is_a_dom_tree) until they reach {{domxref("Document")}}.
 
-Since Firefox 65, the `keydown` and [`keyup`](/en-US/docs/Web/API/Element/keyup_event) events are now fired during IME composition, to improve cross-browser compatibility for CJKT users ([Firefox bug 354358](https://bugzil.la/354358)). To ignore all `keydown` events that are part of composition, do something like this (229 is a special value set for a `keyCode` relating to an event that has been processed by an IME):
+Since Firefox 65, the `keydown` and [`keyup`](/en-US/docs/Web/API/Element/keyup_event) events are now fired during {{glossary("IME")}} composition, to improve cross-browser compatibility for CJKT users ([Firefox bug 354358](https://bugzil.la/354358)). To ignore all `keydown` events that are part of composition, do something like this (229 is a special value set for a `keyCode` relating to an event that has been processed by an IME):
 
 ```js
 eventTarget.addEventListener("keydown", (event) => {
diff --git a/files/en-us/web/api/element/keyup_event/index.md b/files/en-us/web/api/element/keyup_event/index.md
index 772ba8952633d48..55aad42e98a6683 100644
--- a/files/en-us/web/api/element/keyup_event/index.md
+++ b/files/en-us/web/api/element/keyup_event/index.md
@@ -14,7 +14,7 @@ The [`keydown`](/en-US/docs/Web/API/Element/keydown_event) and `keyup` events pr
 
 Keyboard events are only generated by `<input>`, `<textarea>`, `<summary>` and anything with the `contentEditable` or `tabindex` attribute.
 
-Since Firefox 65, the `keyup` and [`keydown`](/en-US/docs/Web/API/Element/keydown_event) events are now fired during IME composition, to improve cross-browser compatibility for CJKT users ([Firefox bug 354358](https://bugzil.la/354358). To ignore all `keyup` events that are part of composition, do something like this (229 is a special value set for a `keyCode` relating to an event that has been processed by an input-method editor ([IME](https://www.w3.org/TR/ime-api/#IME))):
+Since Firefox 65, the `keyup` and [`keydown`](/en-US/docs/Web/API/Element/keydown_event) events are now fired during {{glossary("IME")}} composition, to improve cross-browser compatibility for CJKT users ([Firefox bug 354358](https://bugzil.la/354358). To ignore all `keyup` events that are part of composition, do something like this (229 is a special value set for a `keyCode` relating to an event that has been processed by an input-method editor ([IME](https://www.w3.org/TR/ime-api/#IME))):
 
 ```js
 eventTarget.addEventListener("keyup", (event) => {
diff --git a/files/en-us/web/api/htmlelement/editcontext/index.md b/files/en-us/web/api/htmlelement/editcontext/index.md
new file mode 100644
index 000000000000000..871b5bb51b693e9
--- /dev/null
+++ b/files/en-us/web/api/htmlelement/editcontext/index.md
@@ -0,0 +1,97 @@
+---
+title: "HTMLElement: editContext property"
+short-title: editContext
+slug: Web/API/HTMLElement/editContext
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.HTMLElement.editContext
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`editContext`** property of the {{domxref("HTMLElement")}} interface gets and sets an element's associated {{domxref("EditContext")}} object.
+
+The {{domxref("EditContext API", "", "", "nocode")}} can be used to build rich text editors on the web that support advanced text input experiences, such as {{glossary("Input Method Editor")}} (IME) composition, emoji picker, or any other platform-specific editing-related UI surfaces.
+
+### Possible elements
+
+Setting the `editContext` property only works on certain types of elements:
+
+- One of these HTML elements: [`<article>`](/en-US/docs/Web/HTML/Element/article), [`<aside>`](/en-US/docs/Web/HTML/Element/aside), [`<blockquote>`](/en-US/docs/Web/HTML/Element/blockquote), [`<body>`](/en-US/docs/Web/HTML/Element/body), [`<div>`](/en-US/docs/Web/HTML/Element/div), [`<footer>`](/en-US/docs/Web/HTML/Element/footer), [`<h1>`](/en-US/docs/Web/HTML/Element/Heading_Elements), [`<h2>`](/en-US/docs/Web/HTML/Element/Heading_Elements), [`<h3>`](/en-US/docs/Web/HTML/Element/Heading_Elements), [`<h4>`](/en-US/docs/Web/HTML/Element/Heading_Elements), [`<h5>`](/en-US/docs/Web/HTML/Element/Heading_Elements), [`<h6>`](/en-US/docs/Web/HTML/Element/Heading_Elements), [`<header>`](/en-US/docs/Web/HTML/Element/header), [`<main>`](/en-US/docs/Web/HTML/Element/main), [`<nav>`](/en-US/docs/Web/HTML/Element/nav), [`<p>`](/en-US/docs/Web/HTML/Element/p), [`<section>`](/en-US/docs/Web/HTML/Element/section), or [`<span>`](/en-US/docs/Web/HTML/Element/span).
+- A valid [custom element](/en-US/docs/Web/API/Web_components/Using_custom_elements).
+- A [`<canvas>`](/en-US/docs/Web/HTML/Element/canvas) element.
+
+If you try to set the `editContext` property on an element that is not one of the above, a `NotSupportedError` {{domxref("DOMException")}} is thrown.
+
+### Element association
+
+Setting the `editContext` property of an element to a {{domxref("EditContext")}} instance associates that element with the `EditContext` instance.
+
+The association is one-to-one:
+
+- An element can only be associated to one `EditContext` instance.
+- An `EditContext` instance can only be associated to one element.
+
+If you try to associate an already associated `EditContext` instance to a different element, a {{domxref("DOMException")}} is thrown.
+
+If you try to associate an other `EditContext` instance to an element that's already associated, a {{domxref("DOMException")}} is also thrown.
+
+To check whether an element is associated with an `EditContext` instance already, use the {{domxref("EditContext.attachedElements()")}} method.
+
+### Garbage collection
+
+An `EditContext` instance will keep its associated element alive if it has other live references, even if the associated element is removed from the DOM.
+
+If you want to make sure the element is garbage collected, clear the `editContext` property of the element.
+
+## Value
+
+An {{domxref("EditContext")}} object or `null`.
+
+## Examples
+
+### Setting an element's `editContext` property
+
+This example shows how to set the `editContext` property of a `<canvas>` element to a new `EditContext` instance in order to make the element editable.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const canvas = document.getElementById("editor-canvas");
+const editContext = new EditContext();
+canvas.editContext = editContext;
+```
+
+### Clearing an element's `editContext` property
+
+This example shows how to clear the `editContext` property of an editable `<canvas>` element in order to safely remove the element from the DOM.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+// Create the EditContext and associate it with the canvas element.
+const canvas = document.getElementById("editor-canvas");
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+// Later, clear the editContext property, and remove the element.
+canvas.editContext = null;
+canvas.remove();
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("EditContext")}} interface.
diff --git a/files/en-us/web/api/htmlelement/index.md b/files/en-us/web/api/htmlelement/index.md
index 9883dd5d8052daa..297c77f98284143 100644
--- a/files/en-us/web/api/htmlelement/index.md
+++ b/files/en-us/web/api/htmlelement/index.md
@@ -31,6 +31,8 @@ _Also inherits properties from its parent, {{DOMxRef("Element")}}._
   - : A string, reflecting the `dir` global attribute, representing the directionality of the element. Possible values are `"ltr"`, `"rtl"`, and `"auto"`.
 - {{DOMxRef("HTMLElement.draggable")}}
   - : A boolean value indicating if the element can be dragged.
+- {{DOMxRef("HTMLElement.editContext")}}
+  - : Returns the {{DOMxRef("EditContext")}} associated with the element, or `null` if there isn't one.
 - {{DOMxRef("HTMLElement.enterKeyHint")}}
   - : A string defining what action label (or icon) to present for the enter key on virtual keyboards.
 - {{DOMxRef("HTMLElement.hidden")}}
diff --git a/files/en-us/web/api/htmlelement/mscandidatewindowshow_event/index.md b/files/en-us/web/api/htmlelement/mscandidatewindowshow_event/index.md
index f6251c9f12fde91..d0daf8e2fe4ade8 100644
--- a/files/en-us/web/api/htmlelement/mscandidatewindowshow_event/index.md
+++ b/files/en-us/web/api/htmlelement/mscandidatewindowshow_event/index.md
@@ -9,7 +9,7 @@ status:
 
 {{APIRef("HTML DOM")}}{{Non-standard_header}}
 
-The **`mscandidatewindowshow`** event is thrown immediately after the Input Method Editor (IME) candidate window is set to appear, but before it renders.
+The **`mscandidatewindowshow`** event is thrown immediately after the {{glossary("Input Method Editor")}} (IME) candidate window is set to appear, but before it renders.
 
 This proprietary method is specific to Internet Explorer.
 
diff --git a/files/en-us/web/api/htmlelement/mscandidatewindowupdate_event/index.md b/files/en-us/web/api/htmlelement/mscandidatewindowupdate_event/index.md
index 39a8f5fe41972bf..3903c7bf179a76c 100644
--- a/files/en-us/web/api/htmlelement/mscandidatewindowupdate_event/index.md
+++ b/files/en-us/web/api/htmlelement/mscandidatewindowupdate_event/index.md
@@ -9,7 +9,7 @@ status:
 
 {{APIRef("HTML DOM")}}{{Non-standard_header}}
 
-The **`mscandidatewindowupdate`** event is thrown after the Input Method Editor (IME) candidate window has been identified as needing to change size, but before any visual updates have rendered.
+The **`mscandidatewindowupdate`** event is thrown after the {{glossary("Input Method Editor")}} (IME) candidate window has been identified as needing to change size, but before any visual updates have rendered.
 
 This proprietary method is specific to Internet Explorer.
 
diff --git a/files/en-us/web/api/keyboardevent/charcode/index.md b/files/en-us/web/api/keyboardevent/charcode/index.md
index 3f60d009aebe835..e69af7793e8fd47 100644
--- a/files/en-us/web/api/keyboardevent/charcode/index.md
+++ b/files/en-us/web/api/keyboardevent/charcode/index.md
@@ -71,7 +71,7 @@ input.addEventListener("keypress", (e) => {
 - To get the code of the key regardless of whether it was stored in
   `keyCode` or `charCode`, query the {{
     domxref("UIEvent/which", "which") }} property.
-- Characters entered through an IME do not register through `keyCode` or
+- Characters entered through an {{glossary("IME")}} do not register through `keyCode` or
   `charCode`.
 - For a list of the `charCode` values associated with particular keys, run
   [Example 7: Displaying Event Object Properties](/en-US/docs/Web/API/Document_Object_Model/Examples#example_7_displaying_event_object_properties) and view the resulting HTML table.
diff --git a/files/en-us/web/api/textformat/ime-solid-underline.png b/files/en-us/web/api/textformat/ime-solid-underline.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac06cd176bb47a160c13b86e627daf270580b969
GIT binary patch
literal 15982
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

literal 0
HcmV?d00001

diff --git a/files/en-us/web/api/textformat/ime-squiggle-underline.png b/files/en-us/web/api/textformat/ime-squiggle-underline.png
new file mode 100644
index 0000000000000000000000000000000000000000..f16a46e15e3e09e199fa83c66542443ece7b4c30
GIT binary patch
literal 15342
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

literal 0
HcmV?d00001

diff --git a/files/en-us/web/api/textformat/index.md b/files/en-us/web/api/textformat/index.md
new file mode 100644
index 000000000000000..ebde4c39491fbe3
--- /dev/null
+++ b/files/en-us/web/api/textformat/index.md
@@ -0,0 +1,76 @@
+---
+title: TextFormat
+slug: Web/API/TextFormat
+page-type: web-api-interface
+status:
+  - experimental
+browser-compat: api.TextFormat
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`TextFormat`** interface represents specific formatting that should be applied to a range of text in an editable text region that's attached to an {{domxref("EditContext")}} instance. The text formatting is requested by the {{glossary("Input Method Editor")}} (IME) window that the user is composing text with.
+
+When using one of the default editable regions of the web, such as a [`<textarea>`](/en-US/docs/Web/HTML/Element/textarea) element, IME composition is handled by the browser and operating system for you. For example, when using Japanese IME in a textarea, on Windows, the following text formats can be applied:
+
+- When text is being composed with the keyboard, the typed characters have a thin wavy underline:
+
+  ![A textarea in Microsoft Edge on Windows with some Japanese text being composed from the IME window](./ime-squiggle-underline.png)
+
+- When the user selects a suggestion from the list of candidates in the IME window, the text is replaced and is underlined with a thick solid line:
+
+  ![A textarea in Microsoft Edge on Windows with some Japanese text being selected from the IME window](./ime-solid-underline.png)
+
+When creating your own custom editable region by using the {{domxref("EditContext API", "", "", "nocode")}}, you need to handle IME composition yourself. You should listen for the {{domxref("EditContext/textformatupdate_event", "textformatupdate")}} event, which gives you the list of text formats that the IME window wants to apply to the text being composed. You should then update the formatting of the text displayed in your editable region accordingly.
+
+## Constructor
+
+- {{DOMxRef("TextFormat.TextFormat", "TextFormat()")}}
+  - : Returns a new `TextFormat` instance.
+
+## Instance properties
+
+- {{domxref("TextFormat.rangeStart")}} {{readonlyinline}}
+  - : The start position of the text range that needs to be formatted with the given text format.
+- {{domxref("TextFormat.rangeEnd")}} {{readonlyinline}}
+  - : The end position of the text range that needs to be formatted with the given text format.
+- {{domxref("TextFormat.underlineStyle")}} {{readonlyinline}}
+  - : The style of the underline that needs to be applied to the text range that is being formatted.
+- {{domxref("TextFormat.underlineThickness")}} {{readonlyinline}}
+  - : The thickness of the underline that needs to be applied to the text range that is being formatted.
+
+## Examples
+
+### Using the `textformatupdate` event
+
+In the following example, the `textformatupdate` event is used to log the various formats that the IME composition window wants to apply to text ranges in the editable element. Note that the event listener callback in this example is only called when using an IME window to compose text.
+
+```html
+<div id="editor" style="height:200px;background:#eee;"></div>
+```
+
+```js
+const editorEl = document.getElementById("editor");
+const editContext = new EditContext(editorEl);
+editorEl.editContext = editContext;
+
+editContext.addEventListener("textformatupdate", (e) => {
+  // Get the TextFormat instances.
+  const formats = e.getTextFormats();
+
+  // Iterate over the TextFormat instances.
+  for (const format of formats) {
+    console.log(
+      `Applying a ${format.underlineThickness} ${format.underlineStyle} underline between ${format.rangeStart} and ${format.rangeEnd}.`,
+    );
+  }
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/textformat/rangeend/index.md b/files/en-us/web/api/textformat/rangeend/index.md
new file mode 100644
index 000000000000000..73915ed8043961a
--- /dev/null
+++ b/files/en-us/web/api/textformat/rangeend/index.md
@@ -0,0 +1,55 @@
+---
+title: "TextFormat: rangeEnd property"
+short-title: rangeEnd
+slug: Web/API/TextFormat/rangeEnd
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.TextFormat.rangeEnd
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`rangeEnd`** property of the {{domxref("TextFormat")}} interface indicates the end position of the text range that needs to be formatted with the given text format.
+
+## Value
+
+A {{jsxref("Number")}}.
+
+## Examples
+
+### Reading the range of text that needs to be formatted
+
+The following example shows how to use the `textformatupdate` event's `rangeStart` and `rangeEnd` properties to determine the range of text that needs to be formatted. Note that the event listener callback in this example is only called when using an IME window to compose text.
+
+```html
+<div id="editor" style="height:200px;background:#eee;"></div>
+```
+
+```js
+const editorEl = document.getElementById("editor");
+const editContext = new EditContext(editorEl);
+editorEl.editContext = editContext;
+
+editContext.addEventListener("textformatupdate", (e) => {
+  const formats = e.getTextFormats();
+
+  for (const format of formats) {
+    console.log(
+      `IME wants to apply formatting between ${format.rangeStart} and ${format.rangeEnd}.`,
+    );
+  }
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("TextFormat")}} interface it belongs to.
diff --git a/files/en-us/web/api/textformat/rangestart/index.md b/files/en-us/web/api/textformat/rangestart/index.md
new file mode 100644
index 000000000000000..0a220873477f8a0
--- /dev/null
+++ b/files/en-us/web/api/textformat/rangestart/index.md
@@ -0,0 +1,55 @@
+---
+title: "TextFormat: rangeStart property"
+short-title: rangeStart
+slug: Web/API/TextFormat/rangeStart
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.TextFormat.rangeStart
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`rangeStart`** property of the {{domxref("TextFormat")}} interface indicates the start position of the text range that needs to be formatted with the given text format.
+
+## Value
+
+A {{jsxref("Number")}}.
+
+## Examples
+
+### Reading the range of text that needs to be formatted
+
+The following example shows how to use the `textformatupdate` event's `rangeStart` and `rangeEnd` properties to determine the range of text that needs to be formatted. Note that the event listener callback in this example is only called when using an IME window to compose text.
+
+```html
+<div id="editor" style="height:200px;background:#eee;"></div>
+```
+
+```js
+const editorEl = document.getElementById("editor");
+const editContext = new EditContext(editorEl);
+editorEl.editContext = editContext;
+
+editContext.addEventListener("textformatupdate", (e) => {
+  const formats = e.getTextFormats();
+
+  for (const format of formats) {
+    console.log(
+      `IME wants to apply formatting between ${format.rangeStart} and ${format.rangeEnd}.`,
+    );
+  }
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("TextFormat")}} interface it belongs to.
diff --git a/files/en-us/web/api/textformat/textformat/index.md b/files/en-us/web/api/textformat/textformat/index.md
new file mode 100644
index 000000000000000..c38d6ee5688b3f0
--- /dev/null
+++ b/files/en-us/web/api/textformat/textformat/index.md
@@ -0,0 +1,45 @@
+---
+title: "TextFormat: TextFormat() constructor"
+short-title: TextFormat()
+slug: Web/API/TextFormat/TextFormat
+page-type: web-api-constructor
+status:
+  - experimental
+browser-compat: api.TextFormat.TextFormat
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`TextFormat()`** constructor returns a new {{DOMxRef("TextFormat")}} object.
+
+## Syntax
+
+```js-nolint
+new TextFormat()
+new TextFormat(options)
+```
+
+### Parameters
+
+- `options` {{optional_inline}}
+  - : An optional object with the following properties:
+    - `rangeStart`
+      - : A number representing the start position of the text range that needs to be formatted.
+    - `rangeEnd`
+      - : A number representing the end position of the text range that needs to be formatted.
+    - `underlineStyle`
+      - : A string representing the underline style of the text range that needs to be formatted.
+    - `underlinerThickness`
+      - : A string representing the underline thickness of the text range that needs to be formatted.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("TextFormat")}} interface it belongs to.
diff --git a/files/en-us/web/api/textformat/underlinestyle/index.md b/files/en-us/web/api/textformat/underlinestyle/index.md
new file mode 100644
index 000000000000000..ce18fd8869a6503
--- /dev/null
+++ b/files/en-us/web/api/textformat/underlinestyle/index.md
@@ -0,0 +1,62 @@
+---
+title: "TextFormat: underlineStyle property"
+short-title: underlineStyle
+slug: Web/API/TextFormat/underlineStyle
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.TextFormat.underlineStyle
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`underlineStyle`** property of the {{domxref("TextFormat")}} interface indicates the style of the underline that needs to be applied to the text range that is being formatted.
+
+## Value
+
+A {{jsxref("String")}} that is one of the following values:
+
+- `"none"`: No underline.
+- `"solid"`: A solid underline.
+- `"double"`: A double underline.
+- `"dotted"`: A dotted underline.
+- `"dashed"`: A dashed underline.
+- `"wavy"`: A wavy underline.
+
+## Examples
+
+### Reading the underline style that needs to be applied
+
+The following example shows how to use the `textformatupdate` event's `underlineStyle` property to determine the underline style that needs to be applied to the text being formatted. Note that the event listener callback in this example is only called when using an IME window to compose text.
+
+```html
+<div id="editor" style="height:200px;background:#eee;"></div>
+```
+
+```js
+const editorEl = document.getElementById("editor");
+const editContext = new EditContext(editorEl);
+editorEl.editContext = editContext;
+
+editContext.addEventListener("textformatupdate", (e) => {
+  const formats = e.getTextFormats();
+
+  for (const format of formats) {
+    console.log(
+      `IME wants to apply a ${format.underlineStyle} underline between ${format.rangeStart} and ${format.rangeEnd}.`,
+    );
+  }
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("TextFormat")}} interface it belongs to.
diff --git a/files/en-us/web/api/textformat/underlinethickness/index.md b/files/en-us/web/api/textformat/underlinethickness/index.md
new file mode 100644
index 000000000000000..e1884b889233d50
--- /dev/null
+++ b/files/en-us/web/api/textformat/underlinethickness/index.md
@@ -0,0 +1,59 @@
+---
+title: "TextFormat: underlineThickness property"
+short-title: underlineThickness
+slug: Web/API/TextFormat/underlineThickness
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.TextFormat.underlineThickness
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`underlineThickness`** property of the {{domxref("TextFormat")}} interface indicates the thickness of the underline that needs to be applied to the text range that is being formatted.
+
+## Value
+
+A {{jsxref("String")}} that is one of the following values:
+
+- `"none"`: No underline.
+- `"thin"`: A thin underline.
+- `"thick"`: A thick underline.
+
+## Examples
+
+### Reading the underline thickness that needs to be applied
+
+The following example shows how to use the `textformatupdate` event's `underlineThickness` property to determine the underline thickness that needs to be applied to the text being formatted. Note that the event listener callback in this example is only called when using an IME window to compose text.
+
+```html
+<div id="editor" style="height:200px;background:#eee;"></div>
+```
+
+```js
+const editorEl = document.getElementById("editor");
+const editContext = new EditContext(editorEl);
+editorEl.editContext = editContext;
+
+editContext.addEventListener("textformatupdate", (e) => {
+  const formats = e.getTextFormats();
+
+  for (const format of formats) {
+    console.log(
+      `IME wants to apply a ${format.underlineThickness} underline between ${format.rangeStart} and ${format.rangeEnd}.`,
+    );
+  }
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("TextFormat")}} interface it belongs to.
diff --git a/files/en-us/web/api/textformatupdateevent/gettextformats/index.md b/files/en-us/web/api/textformatupdateevent/gettextformats/index.md
new file mode 100644
index 000000000000000..4dc119afa433ae8
--- /dev/null
+++ b/files/en-us/web/api/textformatupdateevent/gettextformats/index.md
@@ -0,0 +1,89 @@
+---
+title: "TextFormatUpdateEvent: getTextFormats() method"
+short-title: getTextFormats()
+slug: Web/API/TextFormatUpdateEvent/getTextFormats
+page-type: web-api-instance-method
+status:
+  - experimental
+browser-compat: api.TextFormatUpdateEvent.getTextFormats
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`getTextFormats()`** method of the {{domxref("TextFormatUpdateEvent")}} interface returns an {{jsxref("Array")}} of {{domxref("TextFormat")}} objects that represent the formats that an {{glossary("Input Method Editor")}} (IME) window wants to apply to the text being composed.
+
+## Syntax
+
+```js-nolint
+getTextFormats()
+```
+
+### Return value
+
+An {{jsxref("Array")}} containing {{domxref("TextFormat")}} objects.
+
+## Examples
+
+### Styling IME-composed text
+
+In the following example, the `textformatupdate` event is used to update the formatting of the text in the editable region.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const TEXT_X = 10;
+const TEXT_Y = 10;
+
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+editContext.addEventListener("textformatupdate", (e) => {
+  // Clear the canvas.
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+  // Render the text.
+  ctx.fillText(editContext.text, TEXT_X, TEXT_Y);
+  console.log(`Rendering text: ${editContext.text}`);
+
+  // Get the text formats that the IME window wants to apply.
+  const formats = e.getTextFormats();
+
+  // Iterate over the text formats
+  for (const format of formats) {
+    const { rangeStart, rangeEnd, underlineStyle, underlineThickness } = format;
+
+    console.log(
+      `Applying underline ${underlineThickness} ${underlineStyle} between ${rangeStart} and ${rangeEnd}.`,
+    );
+
+    const underlineXStart = ctx.measureText(
+      editContext.text.substring(0, rangeStart),
+    ).width;
+    const underlineXEnd = ctx.measureText(
+      editContext.text.substring(0, rangeEnd),
+    ).width;
+    const underlineY = TEXT_Y + 3;
+
+    // For brevity, this example only draws a simple underline.
+    // Use underlineStyle and underlineThickness to draw the correct underline.
+
+    ctx.beginPath();
+    ctx.moveTo(TEXT_X + underlineXStart, underlineY);
+    ctx.lineTo(TEXT_X + underlineXEnd, underlineY);
+    ctx.stroke();
+  }
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/textformatupdateevent/index.md b/files/en-us/web/api/textformatupdateevent/index.md
new file mode 100644
index 000000000000000..64e83f27b274e88
--- /dev/null
+++ b/files/en-us/web/api/textformatupdateevent/index.md
@@ -0,0 +1,92 @@
+---
+title: TextFormatUpdateEvent
+slug: Web/API/TextFormatUpdateEvent
+page-type: web-api-interface
+status:
+  - experimental
+browser-compat: api.TextFormatUpdateEvent
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`TextFormatUpdateEvent`** interface is a {{domxref("Event","DOM event")}} that represents a list of text formats that an {{glossary("Input Method Editor")}} (IME) window wants to apply to the text being composed in an editable region that's attached to an {{domxref("EditContext")}} instance.
+
+This interface inherits properties from {{domxref("Event")}}.
+
+{{InheritanceDiagram}}
+
+## Constructor
+
+- {{domxref("TextFormatUpdateEvent.TextFormatUpdateEvent", "TextFormatUpdateEvent()")}}
+  - : Creates a new `TextFormatUpdateEvent` object.
+
+## Instance methods
+
+- {{domxref('TextFormatUpdateEvent.getTextFormats')}}
+  - : Returns an {{jsxref("Array")}} of {{domxref("TextFormat")}} objects that represent the formats that the IME window wants to apply to the text.
+
+## Examples
+
+### Styling IME-composed text
+
+In the following example, the `textformatupdate` event is used to update the formatting of the text in the editable region.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const TEXT_X = 10;
+const TEXT_Y = 10;
+
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+editContext.addEventListener("textformatupdate", (e) => {
+  // Clear the canvas.
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+  // Render the text.
+  ctx.fillText(editContext.text, TEXT_X, TEXT_Y);
+  console.log(`Rendering text: ${editContext.text}`);
+
+  // Get the text formats that the IME window wants to apply.
+  const formats = e.getTextFormats();
+
+  // Iterate over the text formats
+  for (const format of formats) {
+    const { rangeStart, rangeEnd, underlineStyle, underlineThickness } = format;
+
+    console.log(
+      `Applying underline ${underlineThickness} ${underlineStyle} between ${rangeStart} and ${rangeEnd}.`,
+    );
+
+    const underlineXStart = ctx.measureText(
+      editContext.text.substring(0, rangeStart),
+    ).width;
+    const underlineXEnd = ctx.measureText(
+      editContext.text.substring(0, rangeEnd),
+    ).width;
+    const underlineY = TEXT_Y + 3;
+
+    // For brevity, this example only draws a simple underline.
+    // Use underlineStyle and underlineThickness to draw the correct underline.
+
+    ctx.beginPath();
+    ctx.moveTo(TEXT_X + underlineXStart, underlineY);
+    ctx.lineTo(TEXT_X + underlineXEnd, underlineY);
+    ctx.stroke();
+  }
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/textformatupdateevent/textformatupdateevent/index.md b/files/en-us/web/api/textformatupdateevent/textformatupdateevent/index.md
new file mode 100644
index 000000000000000..440d4f2a42d22fc
--- /dev/null
+++ b/files/en-us/web/api/textformatupdateevent/textformatupdateevent/index.md
@@ -0,0 +1,39 @@
+---
+title: "TextFormatUpdateEvent: TextFormatUpdateEvent() constructor"
+short-title: TextFormatUpdateEvent()
+slug: Web/API/TextFormatUpdateEvent/TextFormatUpdateEvent
+page-type: web-api-constructor
+browser-compat: api.TextFormatUpdateEvent.TextFormatUpdateEvent
+---
+
+{{APIRef("TextFormatUpdateEvent API")}}
+
+The **`TextFormatUpdateEvent()`** constructor returns a new {{DOMxRef("TextFormatUpdateEvent")}} object.
+
+## Syntax
+
+```js-nolint
+new TextFormatUpdateEvent(type)
+new TextFormatUpdateEvent(type, options)
+```
+
+### Parameters
+
+- `type`
+  - : A string representing the type of the event. Possible values: `"textformatupdate"`.
+- `options` {{optional_inline}}
+  - : An optional object with the following properties:
+    - `textFormats`
+      - : An {{jsxref("Array")}} of {{domxref("TextFormat")}} objects representing the text formats that need to be applied with this event.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("TextFormatUpdateEvent")}} interface it belongs to.
diff --git a/files/en-us/web/api/textupdateevent/index.md b/files/en-us/web/api/textupdateevent/index.md
new file mode 100644
index 000000000000000..023c81fba3629b5
--- /dev/null
+++ b/files/en-us/web/api/textupdateevent/index.md
@@ -0,0 +1,76 @@
+---
+title: TextUpdateEvent
+slug: Web/API/TextUpdateEvent
+page-type: web-api-interface
+status:
+  - experimental
+browser-compat: api.TextUpdateEvent
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`TextUpdateEvent`** interface is a {{domxref("Event", "DOM event")}} that represents a text or selection update in an editable text region that's attached to an {{domxref("EditContext")}} instance.
+
+This interface inherits properties from {{domxref("Event")}}.
+
+{{InheritanceDiagram}}
+
+## Constructor
+
+- {{domxref("TextUpdateEvent.TextUpdateEvent", "TextUpdateEvent()")}}
+  - : Creates a new `TextUpdateEvent` object.
+
+## Instance properties
+
+- {{domxref('TextUpdateEvent.updateRangeStart')}} {{readonlyinline}}
+  - : Returns the index of the first character in the range of text that was updated.
+- {{domxref('TextUpdateEvent.updateRangeEnd')}} {{readonlyinline}}
+  - : Returns the index of the last character in the range of text that was updated.
+- {{domxref('TextUpdateEvent.text')}} {{readonlyinline}}
+  - : Returns the text that was inserted in the updated range.
+- {{domxref('TextUpdateEvent.selectionStart')}} {{readonlyinline}}
+  - : Returns the index of the first character in the new selection range, after the update.
+- {{domxref('TextUpdateEvent.selectionEnd')}} {{readonlyinline}}
+  - : Returns the index of the last character in the new selection range, after the update.
+
+## Examples
+
+### Rendering the updated text in an editable canvas
+
+In the following example, the EditContext API is used to render editable text in a `<canvas>` element, and the `textupdate` event is used to render the text when the user is typing.
+
+```html
+<canvas id="editor-canvas"></canvas>
+```
+
+```js
+const canvas = document.getElementById("editor-canvas");
+const ctx = canvas.getContext("2d");
+const editContext = new EditContext();
+canvas.editContext = editContext;
+
+function render() {
+  // Clear the canvas.
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+  // Render the text.
+  ctx.fillText(editContext.text, 10, 10);
+}
+
+editContext.addEventListener("textupdate", (e) => {
+  // Re-render the editor view when the user is entering text.
+  render();
+
+  console.log(
+    `The user entered ${e.text}. Rendering the entire text: ${editContext.text}`,
+  );
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/textupdateevent/selectionend/index.md b/files/en-us/web/api/textupdateevent/selectionend/index.md
new file mode 100644
index 000000000000000..1fb431057803e36
--- /dev/null
+++ b/files/en-us/web/api/textupdateevent/selectionend/index.md
@@ -0,0 +1,87 @@
+---
+title: "TextUpdateEvent: selectionEnd property"
+short-title: selectionEnd
+slug: Web/API/TextUpdateEvent/selectionEnd
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.TextUpdateEvent.selectionEnd
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`TextUpdateEvent.selectionEnd`** read-only property indicates the position of the end of the selection (or caret) within the text content of the editable region attached to the {{domxref("EditContext")}} object.
+
+## Value
+
+A {{jsxref("Number")}}.
+
+## Examples
+
+### Using `textupdate` to render the edited text and user selection
+
+This example shows how to use the `selectionEnd` property to render the selected text within a {{domxref("EditContext/textupdate_event", "textupdate")}} event handler.
+
+```css
+#editor {
+  height: 200px;
+  background: #eee;
+  color: black;
+}
+
+.selection {
+  display: inline-block;
+  vertical-align: bottom;
+  background: blue;
+  color: white;
+  min-width: 2px;
+  height: 3ex;
+}
+```
+
+```html
+<div id="editor"></div>
+```
+
+```js
+const editorEl = document.getElementById("editor");
+const editContext = new EditContext();
+editorEl.editContext = editContext;
+
+editContext.addEventListener("textupdate", (e) => {
+  // Clear the current content.
+  editorEl.innerHTML = "";
+
+  const text = editContext.text;
+  const { selectionStart, selectionEnd } = e;
+
+  // Render the text before the selection.
+  const textBefore = document.createElement("span");
+  textBefore.textContent = text.substring(0, selectionStart);
+
+  // Render the selected text, or caret.
+  const textSelected = document.createElement("span");
+  textSelected.classList.add("selection");
+  textSelected.textContent = text.substring(selectionStart, selectionEnd);
+
+  // Render the text after the selection.
+  const textAfter = document.createElement("span");
+  textAfter.textContent = text.substring(selectionEnd);
+
+  editorEl.appendChild(textBefore);
+  editorEl.appendChild(textSelected);
+  editorEl.appendChild(textAfter);
+
+  console.log(`Text before selection: ${textBefore.textContent}`);
+  console.log(`Selected text: ${textSelected.textContent}`);
+  console.log(`Text after selection: ${textAfter.textContent}`);
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/textupdateevent/selectionstart/index.md b/files/en-us/web/api/textupdateevent/selectionstart/index.md
new file mode 100644
index 000000000000000..c97e52ffa652f62
--- /dev/null
+++ b/files/en-us/web/api/textupdateevent/selectionstart/index.md
@@ -0,0 +1,87 @@
+---
+title: "TextUpdateEvent: selectionStart property"
+short-title: selectionStart
+slug: Web/API/TextUpdateEvent/selectionStart
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.TextUpdateEvent.selectionStart
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`TextUpdateEvent.selectionStart`** read-only property indicates the position of the end of the selection (or caret) within the text content of the editable region attached to the {{domxref("EditContext")}} object.
+
+## Value
+
+A {{jsxref("Number")}}.
+
+## Examples
+
+### Using `textupdate` to render the edited text and user selection
+
+This example shows how to use the `selectionStart` property to render the selected text within a {{domxref("EditContext/textupdate_event", "textupdate")}} event handler.
+
+```css
+#editor {
+  height: 200px;
+  background: #eee;
+  color: black;
+}
+
+.selection {
+  display: inline-block;
+  vertical-align: bottom;
+  background: blue;
+  color: white;
+  min-width: 2px;
+  height: 3ex;
+}
+```
+
+```html
+<div id="editor"></div>
+```
+
+```js
+const editorEl = document.getElementById("editor");
+const editContext = new EditContext();
+editorEl.editContext = editContext;
+
+editContext.addEventListener("textupdate", (e) => {
+  // Clear the current content.
+  editorEl.innerHTML = "";
+
+  const text = editContext.text;
+  const { selectionStart, selectionEnd } = e;
+
+  // Render the text before the selection.
+  const textBefore = document.createElement("span");
+  textBefore.textContent = text.substring(0, selectionStart);
+
+  // Render the selected text, or caret.
+  const textSelected = document.createElement("span");
+  textSelected.classList.add("selection");
+  textSelected.textContent = text.substring(selectionStart, selectionEnd);
+
+  // Render the text after the selection.
+  const textAfter = document.createElement("span");
+  textAfter.textContent = text.substring(selectionEnd);
+
+  editorEl.appendChild(textBefore);
+  editorEl.appendChild(textSelected);
+  editorEl.appendChild(textAfter);
+
+  console.log(`Text before selection: ${textBefore.textContent}`);
+  console.log(`Selected text: ${textSelected.textContent}`);
+  console.log(`Text after selection: ${textAfter.textContent}`);
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/textupdateevent/text/index.md b/files/en-us/web/api/textupdateevent/text/index.md
new file mode 100644
index 000000000000000..a8e0508f67ebf89
--- /dev/null
+++ b/files/en-us/web/api/textupdateevent/text/index.md
@@ -0,0 +1,45 @@
+---
+title: "TextUpdateEvent: text property"
+short-title: text
+slug: Web/API/TextUpdateEvent/text
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.TextUpdateEvent.text
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`TextUpdateEvent.text`** read-only property contains the text that was inserted within the updated range of a {{domxref("EditContext")}}'s `textupdate` event.
+
+## Value
+
+A {{jsxref("String")}} that contains the text that replaces the text contained between the {{domxref("TextUpdateEvent/updateRangeStart", "updateRangeStart")}} and {{domxref("TextUpdateEvent/updateRangeEnd", "updateRangeEnd")}} indexes.
+
+## Examples
+
+### Using `textupdate` to display the inserted text and location
+
+```html
+<div id="editor"></div>
+```
+
+```js
+const editorEl = document.getElementById("editor");
+const editContext = new EditContext();
+editorEl.editContext = editContext;
+
+editContext.addEventListener("textupdate", (e) => {
+  console.log(
+    `The user inserted the text "${e.text}" at index ${e.updateRangeStart}.`,
+  );
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/textupdateevent/textupdateevent/index.md b/files/en-us/web/api/textupdateevent/textupdateevent/index.md
new file mode 100644
index 000000000000000..13d37f6098fbdeb
--- /dev/null
+++ b/files/en-us/web/api/textupdateevent/textupdateevent/index.md
@@ -0,0 +1,51 @@
+---
+title: "TextUpdateEvent: TextUpdateEvent() constructor"
+short-title: TextUpdateEvent()
+slug: Web/API/TextUpdateEvent/TextUpdateEvent
+page-type: web-api-constructor
+browser-compat: api.TextUpdateEvent.TextUpdateEvent
+---
+
+{{APIRef("TextUpdateEvent API")}}
+
+The **`TextUpdateEvent()`** constructor returns a new {{DOMxRef("TextUpdateEvent")}} object.
+
+## Syntax
+
+```js-nolint
+new TextUpdateEvent(type)
+new TextUpdateEvent(type, options)
+```
+
+### Parameters
+
+- `type`
+  - : A string representing the type of the event. Possible values: `"textupdate"`.
+- `options` {{optional_inline}}
+  - : An optional object with the following properties:
+    - `updateRangeStart`
+      - : A number representing the offset of the first character within the editable region text that needs to be updated.
+    - `updateRangeEnd`
+      - : A number representing the offset of the last character within the editable region text that needs to be updated.
+    - `text`
+      - : A string representing the text that needs to be inserted or deleted.
+    - `selectionStart`
+      - : A number representing the offset of the selection start within the editable region text.
+    - `selectionEnd`
+      - : A number representing the offset of the selection end within the editable region text.
+    - `compositionStart`
+      - : A number representing the offset of the start of the composition within the editable region text.
+    - `compositionEnd`
+      - : A number representing the offset of the end of the composition within the editable region text.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{DOMxRef("TextUpdateEvent")}} interface it belongs to.
diff --git a/files/en-us/web/api/textupdateevent/updaterangeend/index.md b/files/en-us/web/api/textupdateevent/updaterangeend/index.md
new file mode 100644
index 000000000000000..fa6c50d277ee298
--- /dev/null
+++ b/files/en-us/web/api/textupdateevent/updaterangeend/index.md
@@ -0,0 +1,45 @@
+---
+title: "TextUpdateEvent: updateRangeEnd property"
+short-title: updateRangeEnd
+slug: Web/API/TextUpdateEvent/updateRangeEnd
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.TextUpdateEvent.updateRangeEnd
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`TextUpdateEvent.updateRangeEnd`** read-only property indicates the end position of the text range that is being replaced in the {{domxref("EditContext")}} object.
+
+## Value
+
+A {{jsxref("Number")}}.
+
+## Examples
+
+### Using `textupdate` to display the inserted text and location
+
+```html
+<div id="editor"></div>
+```
+
+```js
+const editorEl = document.getElementById("editor");
+const editContext = new EditContext();
+editorEl.editContext = editContext;
+
+editContext.addEventListener("textupdate", (e) => {
+  console.log(
+    `The user inserted the text "${e.text}" between index ${e.updateRangeStart} and index ${e.updateRangeEnd}.`,
+  );
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/textupdateevent/updaterangestart/index.md b/files/en-us/web/api/textupdateevent/updaterangestart/index.md
new file mode 100644
index 000000000000000..d3d0642de07b129
--- /dev/null
+++ b/files/en-us/web/api/textupdateevent/updaterangestart/index.md
@@ -0,0 +1,45 @@
+---
+title: "TextUpdateEvent: updateRangeStart property"
+short-title: updateRangeStart
+slug: Web/API/TextUpdateEvent/updateRangeStart
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.TextUpdateEvent.updateRangeStart
+---
+
+{{APIRef("EditContext API")}}{{SeeCompatTable}}
+
+The **`TextUpdateEvent.updateRangeStart`** read-only property indicates the start position of the text range that is being replaced in the {{domxref("EditContext")}} object.
+
+## Value
+
+A {{jsxref("Number")}}.
+
+## Examples
+
+### Using `textupdate` to display the inserted text and location
+
+```html
+<div id="editor"></div>
+```
+
+```js
+const editorEl = document.getElementById("editor");
+const editContext = new EditContext();
+editorEl.editContext = editContext;
+
+editContext.addEventListener("textupdate", (e) => {
+  console.log(
+    `The user inserted the text "${e.text}" between index ${e.updateRangeStart} and index ${e.updateRangeEnd}.`,
+  );
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/ui_events/keyboard_event_key_values/index.md b/files/en-us/web/api/ui_events/keyboard_event_key_values/index.md
index be6f4ed64a7da59..ce1f96c040075f3 100644
--- a/files/en-us/web/api/ui_events/keyboard_event_key_values/index.md
+++ b/files/en-us/web/api/ui_events/keyboard_event_key_values/index.md
@@ -1089,7 +1089,7 @@ _Modifiers_ are special keys which are used to generate special characters or ca
 
 ## IME and composition keys
 
-Keys used when using an Input Method Editor (IME) to input text which can't readily be entered by simple keypresses, such as text in languages such as those which have more graphemes than there are character entry keys on the keyboard. Common examples include Chinese, Japanese, Korean, and Hindi.
+Keys used when using an {{glossary("Input Method Editor")}} (IME) to input text which can't readily be entered by simple keypresses, such as text in languages such as those which have more graphemes than there are character entry keys on the keyboard. Common examples include Chinese, Japanese, Korean, and Hindi.
 
 Some keys are common across multiple languages, while others exist only on keyboards targeting specific languages. In addition, not all keyboards have all of these keys.
 
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 81819f37b8a09a2..79d28627d5513ec 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -412,6 +412,19 @@
       "properties": [],
       "events": []
     },
+    "EditContext API": {
+      "overview": ["EditContext API"],
+      "interfaces": [
+        "EditContext",
+        "TextFormat",
+        "TextUpdateEvent",
+        "TextFormatUpdateEvent",
+        "CharacterBoundsUpdateEvent"
+      ],
+      "methods": [],
+      "properties": [],
+      "events": []
+    },
     "Encoding API": {
       "overview": ["Encoding API"],
       "guides": ["/docs/Web/API/Encoding_API/Encodings"],

From 8035094ded7a745c8079297bd1c6a0837e753751 Mon Sep 17 00:00:00 2001
From: Johan Dahlin <jdahlin@gmail.com>
Date: Fri, 19 Jan 2024 13:14:49 +0100
Subject: [PATCH 476/790] DOMStringList: Fix a typo (#31802)

This should be DOMStringList, not DOMString
---
 files/en-us/web/api/domstringlist/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/domstringlist/index.md b/files/en-us/web/api/domstringlist/index.md
index 710205310996b5c..731458f3ff4cdef 100644
--- a/files/en-us/web/api/domstringlist/index.md
+++ b/files/en-us/web/api/domstringlist/index.md
@@ -7,7 +7,7 @@ browser-compat: api.DOMStringList
 
 {{APIRef("DOM")}}
 
-The **`DOMString`** interface is a legacy type returned by some APIs and represents a non-modifiable list of strings (`DOMString`). Modern APIs use {{jsxref("Array")}} objects (in WebIDL: `sequence<DOMString>`) instead.
+The **`DOMStringList`** interface is a legacy type returned by some APIs and represents a non-modifiable list of strings (`DOMString`). Modern APIs use {{jsxref("Array")}} objects (in WebIDL: `sequence<DOMString>`) instead.
 
 This interface is used in [IndexedDB](/en-US/docs/Web/API/IndexedDB_API) and in the {{domxref("Location")}} API:
 

From 024a9231e504e2c0d4051f47de36567e82ca432f Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Fri, 19 Jan 2024 20:48:13 +0800
Subject: [PATCH 477/790] fix the syntax code and correct the macro call
 (#31803)

---
 files/en-us/web/mathml/element/maction/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/mathml/element/maction/index.md b/files/en-us/web/mathml/element/maction/index.md
index 382ceb319b82a93..b18dc978bd755b2 100644
--- a/files/en-us/web/mathml/element/maction/index.md
+++ b/files/en-us/web/mathml/element/maction/index.md
@@ -22,7 +22,7 @@ This element's attributes include the [global MathML attributes](/en-US/docs/Web
   - : The action which specifies what happens for this element. Special behavior
     for the following values were implemented by some browsers:
 
-    - `statusline`: If there is a click on the _expression_ or the reader moves the pointer over it, the _message_ is sent to the browser's status line. The syntax is: `<maction actiontype="statusline"> expression message </maction>.`
+    - `statusline`: If there is a click on the _expression_ or the reader moves the pointer over it, the _message_ is sent to the browser's status line. The syntax is: `<maction actiontype="statusline"> expression message </maction>`.
     - `toggle`: When there is a click on the subexpression, the rendering alternates the display of selected subexpressions. Therefore each click increments the `selection` value.
       The syntax is: `<maction actiontype="toggle" selection="positive-integer" > expression1 expression2 expressionN </maction>`.
 
@@ -66,7 +66,7 @@ The following example uses the "toggle" `actiontype`:
 </p>
 ```
 
-{{ EmbedLiveSample('maction_example', 700, 200, "", "") }}
+{{EmbedLiveSample('Examples', 700, 200)}}
 
 ## Specifications
 

From 8b9c8da717bd384d0bf702df3f984b8e29d5a3c2 Mon Sep 17 00:00:00 2001
From: Patrick Brosset <patrickbrosset@gmail.com>
Date: Fri, 19 Jan 2024 17:41:38 +0100
Subject: [PATCH 478/790] Document the ClipboardUnsanitizedFormats parameter to
 the Clipboard.read() method (#31785)

* Document the ClipboardUnsanitizedFormats parameter

* Apply suggestions from code review

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Co-authored-by: wbamberg <will@bootbonnet.ca>

* Better example code

---------

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 files/en-us/web/api/clipboard/read/index.md | 112 +++++++++++++++++++-
 1 file changed, 110 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/clipboard/read/index.md b/files/en-us/web/api/clipboard/read/index.md
index 47f1199e1c348d5..ba80616ed863a3e 100644
--- a/files/en-us/web/api/clipboard/read/index.md
+++ b/files/en-us/web/api/clipboard/read/index.md
@@ -17,11 +17,20 @@ Browsers commonly support reading text, HTML, and PNG image data — see [browse
 
 ```js-nolint
 read()
+read(formats)
 ```
 
 ### Parameters
 
-None.
+- `formats` {{optional_inline}}
+
+  - : An optional object with the following properties:
+
+    - `unsanitized` {{optional_inline}}
+
+      - : An {{jsxref("Array")}} of strings containing MIME types of data formats that should not be sanitized when reading from the clipboard.
+
+        Certain browsers may sanitize the clipboard data when it is read, to prevent malicious content from being pasted into the document. For example, Chrome (and other Chromium-based browsers) sanitizes HTML data by stripping `<script>` tags and other potentially dangerous content. Use the `unsanitized` array to specify a list of MIME types that should not be sanitized.
 
 ### Return value
 
@@ -240,6 +249,104 @@ Notes:
 - If prompted, you will need to grant permission in order to paste the image.
 - This may not work on chromium browsers as the sample frame is not granted the [Permissions-Policy](/en-US/docs/Web/HTTP/Headers/Permissions-Policy) `clipboard-read` and `clipboard-write` permissions ([required by Chromium browsers](/en-US/docs/Web/API/Clipboard_API#security_considerations)).
 
+### Reading unsanitized HTML from the clipboard
+
+This example uses the `formats` parameter to read HTML data from the clipboard and get the code in its original form, without the browser sanitizing it first.
+
+#### HTML
+
+```html
+<textarea id="source" rows="5">
+  <style>h1 {color: red;} p {color: blue;}</style>
+  <h1>Hello world!</h1>
+  <p>This is a test.</p>
+  <script>alert('Hello world!');</script>
+</textarea>
+<button id="copy">Copy HTML</button>
+<button id="paste_normal">Paste HTML</button>
+<button id="paste_unsanitized">Paste unsanitized HTML</button>
+<textarea id="destination" rows="5"></textarea>
+```
+
+#### CSS
+
+```css
+body {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 5px;
+}
+
+textarea {
+  grid-column: 1 / span 3;
+}
+```
+
+#### JavaScript
+
+```js
+const copyButton = document.getElementById("copy");
+const pasteButton = document.getElementById("paste_normal");
+const pasteUnsanitizedButton = document.getElementById("paste_unsanitized");
+const sourceTextarea = document.getElementById("source");
+const destinationTextarea = document.getElementById("destination");
+
+copyButton.addEventListener("click", async () => {
+  const text = sourceTextarea.value;
+  const type = "text/html";
+  const blob = new Blob([text], { type });
+  const data = [new ClipboardItem({ [type]: blob })];
+
+  try {
+    await navigator.clipboard.write(data);
+  } catch (error) {
+    destinationTextarea.value = `Clipboard write failed: ${error}`;
+  }
+});
+
+async function getHTMLFromClipboardContents(clipboardContents) {
+  for (const item of clipboardContents) {
+    if (item.types.includes("text/html")) {
+      const blob = await item.getType("text/html");
+      const blobText = await blob.text();
+      return blobText;
+    }
+  }
+
+  return null;
+}
+
+pasteButton.addEventListener("click", async () => {
+  try {
+    const clipboardContents = await navigator.clipboard.read();
+    const html = await getHTMLFromClipboardContents(clipboardContents);
+    destinationTextarea.value =
+      html || "Could not find HTML data in the clipboard.";
+  } catch (error) {
+    destinationTextarea.value = `Clipboard read failed: ${error}`;
+  }
+});
+
+pasteUnsanitizedButton.addEventListener("click", async () => {
+  try {
+    const clipboardContents = await navigator.clipboard.read({
+      unsanitized: ["text/html"],
+    });
+    const html = await getHTMLFromClipboardContents(clipboardContents);
+    destinationTextarea.value =
+      html || "Could not find HTML data in the clipboard.";
+  } catch (error) {
+    destinationTextarea.value = `Clipboard read failed: ${error}`;
+  }
+});
+```
+
+#### Result
+
+First click the "Copy HTML" button to write the HTML code from the first textarea to the clipboard. Then either click the "Paste HTML" button or the "Paste unsanitized HTML" button to paste the sanitized or unsanitized HTML code into the second textarea.
+
+{{EmbedLiveSample("Reading unsanitized HTML from the clipboard", "100%", "220")}}
+
 ## Specifications
 
 {{Specifications}}
@@ -251,7 +358,8 @@ Notes:
 ## See also
 
 - [Clipboard API](/en-US/docs/Web/API/Clipboard_API)
-- [Image support for Async Clipboard article](https://web.dev/articles/async-clipboard)
+- [Unblocking clipboard access](https://web.dev/articles/async-clipboard) on web.dev
+- [Unsanitized HTML in the Async Clipboard API](https://developer.chrome.com/docs/web-platform/unsanitized-html-async-clipboard) on developer.chrome.com
 - {{domxref("Clipboard.readText()")}}
 - {{domxref("Clipboard.writeText()")}}
 - {{domxref("Clipboard.write()")}}

From d952a1d0f2debc42a611ea5855f3d66d88c33335 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 20 Jan 2024 01:06:34 +0800
Subject: [PATCH 479/790] init docs for `ServiceWorkerGlobalScope.cookieStore`
 (#30934)

* init

* Update files/en-us/web/api/serviceworkerglobalscope/cookiestore/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 .../cookiestore/index.md                      | 25 +++++++++++++++++++
 .../web/api/serviceworkerglobalscope/index.md |  2 ++
 2 files changed, 27 insertions(+)
 create mode 100644 files/en-us/web/api/serviceworkerglobalscope/cookiestore/index.md

diff --git a/files/en-us/web/api/serviceworkerglobalscope/cookiestore/index.md b/files/en-us/web/api/serviceworkerglobalscope/cookiestore/index.md
new file mode 100644
index 000000000000000..1368cb040674b3c
--- /dev/null
+++ b/files/en-us/web/api/serviceworkerglobalscope/cookiestore/index.md
@@ -0,0 +1,25 @@
+---
+title: "ServiceWorkerGlobalScope: cookieStore property"
+short-title: cookieStore
+slug: Web/API/ServiceWorkerGlobalScope/cookieStore
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ServiceWorkerGlobalScope.cookieStore
+---
+
+{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+
+The **`cookieStore`** read-only property of the {{domxref("ServiceWorkerGlobalScope")}} interface returns a reference to the {{domxref("CookieStore")}} object associated with this service worker.
+
+## Value
+
+A {{domxref("CookieStore")}} object instance.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/serviceworkerglobalscope/index.md b/files/en-us/web/api/serviceworkerglobalscope/index.md
index eeb66da7395de02..5a012d3a1e94da7 100644
--- a/files/en-us/web/api/serviceworkerglobalscope/index.md
+++ b/files/en-us/web/api/serviceworkerglobalscope/index.md
@@ -25,6 +25,8 @@ _This interface inherits properties from the {{domxref("WorkerGlobalScope")}} in
 
 - {{domxref("ServiceWorkerGlobalScope.clients")}} {{ReadOnlyInline}}
   - : Contains the {{domxref("Clients")}} object associated with the service worker.
+- {{domxref("ServiceWorkerGlobalScope.cookieStore")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : Returns a reference to the {{domxref("CookieStore")}} object associated with the service worker.
 - {{domxref("ServiceWorkerGlobalScope.registration")}} {{ReadOnlyInline}}
   - : Contains the {{domxref("ServiceWorkerRegistration")}} object that represents the service worker's registration.
 - {{domxref("ServiceWorkerGlobalScope.serviceWorker")}} {{ReadOnlyInline}}

From fb6d05866d57baf66770dfa30bc88b7b967cba9e Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 20 Jan 2024 01:07:45 +0800
Subject: [PATCH 480/790] init docs for `Window.cookieStore` (#30935)

* init

* Update files/en-us/web/api/window/cookiestore/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 .../en-us/web/api/window/cookiestore/index.md | 25 +++++++++++++++++++
 files/en-us/web/api/window/index.md           |  2 ++
 2 files changed, 27 insertions(+)
 create mode 100644 files/en-us/web/api/window/cookiestore/index.md

diff --git a/files/en-us/web/api/window/cookiestore/index.md b/files/en-us/web/api/window/cookiestore/index.md
new file mode 100644
index 000000000000000..a82097afd2f5312
--- /dev/null
+++ b/files/en-us/web/api/window/cookiestore/index.md
@@ -0,0 +1,25 @@
+---
+title: "Window: cookieStore property"
+short-title: cookieStore
+slug: Web/API/Window/cookieStore
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.Window.cookieStore
+---
+
+{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+
+The **`cookieStore`** read-only property of the {{domxref("Window")}} interface returns a reference to the {{domxref("CookieStore")}} object for the current document context. This is an entry point for the [Cookie Store API](/en-US/docs/Web/API/Cookie_Store_API).
+
+## Value
+
+A {{domxref("CookieStore")}} object instance.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/window/index.md b/files/en-us/web/api/window/index.md
index bdcddb1af42f00b..4234cf2b1df90b0 100644
--- a/files/en-us/web/api/window/index.md
+++ b/files/en-us/web/api/window/index.md
@@ -33,6 +33,8 @@ Note that properties which are objects (e.g., for overriding the prototype of bu
   - : This property indicates whether the current window is closed or not.
 - {{domxref("Window.console")}} {{ReadOnlyInline}}
   - : Returns a reference to the console object which provides access to the browser's debugging console.
+- {{domxref("Window.cookieStore")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : Returns a reference to the {{domxref("CookieStore")}} object for the current document context.
 - {{domxref("Window.credentialless")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns a boolean that indicates whether the current document was loaded inside a credentialless {{htmlelement("iframe")}}. See [IFrame credentialless](/en-US/docs/Web/Security/IFrame_credentialless) for more details.
 - {{domxref("crossOriginIsolated", "Window.crossOriginIsolated")}} {{ReadOnlyInline}}

From 75407e9584b69fde97b551b5ff5641a2d01bcaaa Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 20 Jan 2024 01:09:08 +0800
Subject: [PATCH 481/790] init documentation for
 `ServiceWorkerRegistration.cookies` (#30932)

* init docs

* Update files/en-us/web/api/serviceworkerregistration/cookies/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 .../cookies/index.md                          | 25 +++++++++++++++++++
 .../api/serviceworkerregistration/index.md    |  2 ++
 2 files changed, 27 insertions(+)
 create mode 100644 files/en-us/web/api/serviceworkerregistration/cookies/index.md

diff --git a/files/en-us/web/api/serviceworkerregistration/cookies/index.md b/files/en-us/web/api/serviceworkerregistration/cookies/index.md
new file mode 100644
index 000000000000000..cdbb99a1848e1c5
--- /dev/null
+++ b/files/en-us/web/api/serviceworkerregistration/cookies/index.md
@@ -0,0 +1,25 @@
+---
+title: "ServiceWorkerRegistration: cookies property"
+short-title: cookies
+slug: Web/API/ServiceWorkerRegistration/cookies
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ServiceWorkerRegistration.cookies
+---
+
+{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+
+The **`cookies`** read-only property of the {{domxref("ServiceWorkerRegistration")}} interface returns a reference to the {{domxref("CookieStoreManager")}} interface, which enables a web app to subscribe to and unsubscribe from cookie change events in a [service worker](/en-US/docs/Web/API/Service_Worker_API). This is an entry point for the [Cookie Store API](/en-US/docs/Web/API/Cookie_Store_API).
+
+## Value
+
+A {{domxref("CookieStoreManager")}} object.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/serviceworkerregistration/index.md b/files/en-us/web/api/serviceworkerregistration/index.md
index cf865bd10ab0d51..e983ca90fba597b 100644
--- a/files/en-us/web/api/serviceworkerregistration/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/index.md
@@ -23,6 +23,8 @@ _Also inherits properties from its parent interface,_ {{domxref("EventTarget")}}
   - : Returns a service worker whose state is `activating` or `activated`. This is initially set to `null`. An active worker will control a {{domxref("Client")}} if the client's URL falls within the scope of the registration (the `scope` option set when {{domxref("ServiceWorkerContainer.register")}} is first called.)
 - {{domxref("ServiceWorkerRegistration.backgroundFetch")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns a reference to a {{domxref("BackgroundFetchManager")}} object, which manages background fetch operations.
+- {{domxref("ServiceWorkerRegistration.cookies")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : Returns a reference to the {{domxref("CookieStoreManager")}} interface, which allows subscribe and unsubscribe to cookie change events.
 - {{domxref("ServiceWorkerRegistration.index")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns a reference to the {{domxref("ContentIndex")}} interface, for managing indexed content for offline viewing.
 - {{domxref("ServiceWorkerRegistration.installing")}} {{ReadOnlyInline}}

From fffaf01b3968b14820cdefdd988daecaf58fb286 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 20 Jan 2024 01:33:46 +0800
Subject: [PATCH 482/790] init documentation for `ContactAddress` members
 (#30218)

* init

* update

* fix

* fix

* fix

* fix

* update group data

* fix

* fix

* Update files/en-us/web/api/contactaddress/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 .../api/contactaddress/addressline/index.md   | 42 +++++++++++++++++++
 .../web/api/contactaddress/city/index.md      | 25 +++++++++++
 .../web/api/contactaddress/country/index.md   | 27 ++++++++++++
 .../contactaddress/dependentlocality/index.md | 27 ++++++++++++
 files/en-us/web/api/contactaddress/index.md   | 28 +++++++++++--
 .../api/contactaddress/organization/index.md  | 25 +++++++++++
 .../web/api/contactaddress/phone/index.md     | 25 +++++++++++
 .../api/contactaddress/postalcode/index.md    | 31 ++++++++++++++
 .../web/api/contactaddress/recipient/index.md | 25 +++++++++++
 .../web/api/contactaddress/region/index.md    | 29 +++++++++++++
 .../api/contactaddress/sortingcode/index.md   | 25 +++++++++++
 .../web/api/contactaddress/tojson/index.md    | 31 ++++++++++++++
 files/jsondata/GroupData.json                 |  3 +-
 13 files changed, 338 insertions(+), 5 deletions(-)
 create mode 100644 files/en-us/web/api/contactaddress/addressline/index.md
 create mode 100644 files/en-us/web/api/contactaddress/city/index.md
 create mode 100644 files/en-us/web/api/contactaddress/country/index.md
 create mode 100644 files/en-us/web/api/contactaddress/dependentlocality/index.md
 create mode 100644 files/en-us/web/api/contactaddress/organization/index.md
 create mode 100644 files/en-us/web/api/contactaddress/phone/index.md
 create mode 100644 files/en-us/web/api/contactaddress/postalcode/index.md
 create mode 100644 files/en-us/web/api/contactaddress/recipient/index.md
 create mode 100644 files/en-us/web/api/contactaddress/region/index.md
 create mode 100644 files/en-us/web/api/contactaddress/sortingcode/index.md
 create mode 100644 files/en-us/web/api/contactaddress/tojson/index.md

diff --git a/files/en-us/web/api/contactaddress/addressline/index.md b/files/en-us/web/api/contactaddress/addressline/index.md
new file mode 100644
index 000000000000000..1fd9ba889e36e5a
--- /dev/null
+++ b/files/en-us/web/api/contactaddress/addressline/index.md
@@ -0,0 +1,42 @@
+---
+title: "ContactAddress: addressLine property"
+short-title: addressLine
+slug: Web/API/ContactAddress/addressLine
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ContactAddress.addressLine
+---
+
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+
+The **`addressLine`** read-only property of the {{domxref("ContactAddress")}} interface is an array of strings, each specifying a line of the address that is not covered by one of the other properties of `ContactAddress`. The array may include the street name, the house number, apartment number, the rural delivery route, descriptive instructions, or the post office box.
+
+## Value
+
+An array of strings, each containing one line of the address. For example, the `addressLine` property for the Mozilla Space in London would have the following entries:
+
+| Index | addressLine[] value       |
+| ----- | ------------------------- |
+| 0     | Metal Box Factory         |
+| 1     | Suite 441, 4th floor      |
+| 2     | 30 Great Guildford Street |
+
+These, combined with additional values for other properties of the {{domxref("ContactAddress")}}, would represent the full address, which is:
+
+```plaintext
+Mozilla
+Metal Box Factory
+Suite 441, 4th floor
+30 Great Guildford Street
+London SE1 0HS
+United Kingdom
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/contactaddress/city/index.md b/files/en-us/web/api/contactaddress/city/index.md
new file mode 100644
index 000000000000000..b53c236aa2884b0
--- /dev/null
+++ b/files/en-us/web/api/contactaddress/city/index.md
@@ -0,0 +1,25 @@
+---
+title: "ContactAddress: city property"
+short-title: city
+slug: Web/API/ContactAddress/city
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ContactAddress.city
+---
+
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+
+The **`city`** read-only property of the {{domxref("ContactAddress")}} interface returns a string containing the city or town portion of the address.
+
+## Value
+
+A string indicating the city or town portion of the address described by the {{domxref("ContactAddress")}} object.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/contactaddress/country/index.md b/files/en-us/web/api/contactaddress/country/index.md
new file mode 100644
index 000000000000000..96a0f75a6820706
--- /dev/null
+++ b/files/en-us/web/api/contactaddress/country/index.md
@@ -0,0 +1,27 @@
+---
+title: "ContactAddress: country property"
+short-title: country
+slug: Web/API/ContactAddress/country
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ContactAddress.country
+---
+
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+
+The **`country`** read-only property of the {{domxref("ContactAddress")}} interface is a string identifying the address's country using the [ISO 3166-1 alpha-2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2) standard. The string is always in its canonical upper-case form.
+
+Some examples of valid `country` values: `"US"`, `"GB"`, `"CN"`, or `"JP"`.
+
+## Value
+
+A string which contains the ISO3166-1 alpha-2 code identifying the country in which the address is located, or an empty string if no country is available, which frequently can be assumed to mean "same country as the site owner."
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/contactaddress/dependentlocality/index.md b/files/en-us/web/api/contactaddress/dependentlocality/index.md
new file mode 100644
index 000000000000000..9b1e7572747836f
--- /dev/null
+++ b/files/en-us/web/api/contactaddress/dependentlocality/index.md
@@ -0,0 +1,27 @@
+---
+title: "ContactAddress: dependentLocality property"
+short-title: dependentLocality
+slug: Web/API/ContactAddress/dependentLocality
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ContactAddress.dependentLocality
+---
+
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+
+The read-only **`dependentLocality`** property of the {{domxref("ContactAddress")}} interface is a string containing a locality or sublocality designation within a city, such as a neighborhood, borough, district, or, in the United Kingdom, a dependent locality. Also known as a _post town_.
+
+## Value
+
+A string indicating the sublocality portion of the address. This may be an empty string if no sublocality is available or required. It's used to provide disambiguation when a city may include areas that duplicate street names.
+
+A sublocality is an area within a city, such as a neighborhood, borough, or district. In the United Kingdom, this is used to indicate the **post town** in the United Kingdom (known officially by the Royal Mail as the **dependent locality**). This is a disambiguating feature of addresses in places where a city may have areas that duplicate street names.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/contactaddress/index.md b/files/en-us/web/api/contactaddress/index.md
index f2119ed365d398e..53924954facef7e 100644
--- a/files/en-us/web/api/contactaddress/index.md
+++ b/files/en-us/web/api/contactaddress/index.md
@@ -7,19 +7,39 @@ status:
 browser-compat: api.ContactAddress
 ---
 
-{{securecontext_header}}{{APIRef("")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
 
-The **`ContactAddress`** interface of the {{domxref('contact_picker_api','Contact Picker API','','true')}} represents a physical address. Instances of this interface are retrieved from the `address` property of the objects returned by {{domxref("ContactsManager.getProperties()")}}.
+The **`ContactAddress`** interface of the [Contact Picker API](/en-US/docs/Web/API/Contact_Picker_API) represents a physical address. Instances of this interface are retrieved from the `address` property of the objects returned by {{domxref("ContactsManager.getProperties()")}}.
 
 It may be useful to refer to the Universal Postal Union website's [Addressing S42 standard](https://www.upu.int/en/Postal-Solutions/Programmes-Services/Addressing-Solutions#addressing-s42-standard) materials, which provide information about international standards for postal addresses.
 
 ## Instance properties
 
-_Inherits properties from its parent, {{domxref("PaymentAddress")}}_.
+- {{domxref('ContactAddress.addressLine')}} {{ReadOnlyInline}}
+  - : An array of strings providing each line of the address not included among the other properties. The exact size and content varies by country or location and can include, for example, a street name, house number, apartment number, rural delivery route, descriptive instructions, or post office box number.
+- {{domxref('ContactAddress.country')}} {{ReadOnlyInline}}
+  - : A string specifying the country in which the address is located, using the [ISO-3166-1 alpha-2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2) standard. The string is always given in its canonical upper-case form. Some examples of valid `country` values: `"US"`, `"GB"`, `"CN"`, or `"JP"`.
+- {{domxref('ContactAddress.city')}} {{ReadOnlyInline}}
+  - : A string which contains the city or town portion of the address.
+- {{domxref('ContactAddress.dependentLocality')}} {{ReadOnlyInline}}
+  - : A string giving the dependent locality or sublocality within a city, for example, a neighborhood, borough, district, or UK dependent locality.
+- {{domxref('ContactAddress.organization')}} {{ReadOnlyInline}}
+  - : A string specifying the name of the organization, firm, company, or institution at the address.
+- {{domxref('ContactAddress.phone')}} {{ReadOnlyInline}}
+  - : A string specifying the telephone number of the recipient or contact person.
+- {{domxref('ContactAddress.postalCode')}} {{ReadOnlyInline}}
+  - : A string specifying a code used by a jurisdiction for mail routing, for example, the ZIP code in the United States or the PIN code in India.
+- {{domxref('ContactAddress.recipient')}} {{ReadOnlyInline}}
+  - : A string giving the name of the recipient, purchaser, or contact person at the address.
+- {{domxref('ContactAddress.region')}} {{ReadOnlyInline}}
+  - : A string containing the top level administrative subdivision of the country, for example a state, province, oblast, or prefecture.
+- {{domxref('ContactAddress.sortingCode')}} {{ReadOnlyInline}}
+  - : A string providing a postal sorting code such as is used in France.
 
 ## Instance methods
 
-_Inherits methods from its parent, {{domxref("PaymentAddress")}}_.
+- {{domxref('ContactAddress.toJSON()')}}
+  - : A standard serializer that returns a JSON representation of the `ContactAddress` object's properties.
 
 ## Examples
 
diff --git a/files/en-us/web/api/contactaddress/organization/index.md b/files/en-us/web/api/contactaddress/organization/index.md
new file mode 100644
index 000000000000000..42586b4f295777d
--- /dev/null
+++ b/files/en-us/web/api/contactaddress/organization/index.md
@@ -0,0 +1,25 @@
+---
+title: "ContactAddress: organization property"
+short-title: organization
+slug: Web/API/ContactAddress/organization
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ContactAddress.organization
+---
+
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+
+The **`organization`** read-only property of the {{domxref("ContactAddress")}} interface returns a string containing the name of the organization, firm, company, or institution at the address.
+
+## Value
+
+A string whose value is the name of the organization or company located at the address described by the `ContactAddress` object.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/contactaddress/phone/index.md b/files/en-us/web/api/contactaddress/phone/index.md
new file mode 100644
index 000000000000000..97e155c2d72b146
--- /dev/null
+++ b/files/en-us/web/api/contactaddress/phone/index.md
@@ -0,0 +1,25 @@
+---
+title: "ContactAddress: phone property"
+short-title: phone
+slug: Web/API/ContactAddress/phone
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ContactAddress.phone
+---
+
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+
+The read-only **`phone`** property of the {{domxref("ContactAddress")}} interface returns a string containing the telephone number of the recipient or contact person at the address.
+
+## Value
+
+A string containing the telephone number for the recipient of the shipment. If no phone number is available, this value is an empty string.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/contactaddress/postalcode/index.md b/files/en-us/web/api/contactaddress/postalcode/index.md
new file mode 100644
index 000000000000000..92573d4839010af
--- /dev/null
+++ b/files/en-us/web/api/contactaddress/postalcode/index.md
@@ -0,0 +1,31 @@
+---
+title: "ContactAddress: postalCode property"
+short-title: postalCode
+slug: Web/API/ContactAddress/postalCode
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ContactAddress.postalCode
+---
+
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+
+The **`postalCode`** read-only property of the {{domxref("ContactAddress")}} interface returns a string containing a code used by a jurisdiction for mail routing, for example, the [ZIP Code](https://en.wikipedia.org/wiki/ZIP_Code) in the United States or the [Postal Index Number](https://en.wikipedia.org/wiki/Postal_Index_Number) (PIN code) in India.
+
+## Value
+
+A string which contains the postal code portion of the address. A postal code is a string (either numeric or alphanumeric) which is used by a postal service to optimize mail routing and delivery.
+
+Various countries use different terms for this. In most of the world, it's known as the "post code" or "postal code". In the United States, the ZIP code is used. India uses PIN codes.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- Universal Postal Union: [Universal Post\*Code® Database](https://www.upu.int/en/Postal-Solutions/Programmes-Services/Addressing-Solutions)
diff --git a/files/en-us/web/api/contactaddress/recipient/index.md b/files/en-us/web/api/contactaddress/recipient/index.md
new file mode 100644
index 000000000000000..c1ff75ee5945449
--- /dev/null
+++ b/files/en-us/web/api/contactaddress/recipient/index.md
@@ -0,0 +1,25 @@
+---
+title: "ContactAddress: recipient property"
+short-title: recipient
+slug: Web/API/ContactAddress/recipient
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ContactAddress.recipient
+---
+
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+
+The read-only **`recipient`** property of the {{domxref("ContactAddress")}} interface returns a string containing the name of the recipient, purchaser, or contact person at the address.
+
+## Value
+
+A string giving the name of the person=, or the name of a contact person in other contexts. If no name is available, this string is empty.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/contactaddress/region/index.md b/files/en-us/web/api/contactaddress/region/index.md
new file mode 100644
index 000000000000000..e7dc789167b4ccf
--- /dev/null
+++ b/files/en-us/web/api/contactaddress/region/index.md
@@ -0,0 +1,29 @@
+---
+title: "ContactAddress: region property"
+short-title: region
+slug: Web/API/ContactAddress/region
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ContactAddress.region
+---
+
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+
+The read-only **`region`** property of the {{domxref("ContactAddress")}} interface returns a string containing the top-level administrative subdivision of the country in which the address is located. This may be a state, province, oblast, or prefecture.
+
+## Value
+
+A string specifying the top-level administrative subdivision within the country in which the address is located. This region has different names in different countries, such as: state, province, oblast, prefecture, or county.
+
+## Usage notes
+
+In some countries, like Belgium, it's uncommon for people to provide a region as part of their postal address. In such cases, the browser returns an empty string as the value of `region`. However, the address should still be acceptable to use for its intended purpose (e.g., to ship a product). However, always verify addresses to make sure what the user provides is usable.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/contactaddress/sortingcode/index.md b/files/en-us/web/api/contactaddress/sortingcode/index.md
new file mode 100644
index 000000000000000..ed59de2063e7d7f
--- /dev/null
+++ b/files/en-us/web/api/contactaddress/sortingcode/index.md
@@ -0,0 +1,25 @@
+---
+title: "ContactAddress: sortingCode property"
+short-title: sortingCode
+slug: Web/API/ContactAddress/sortingCode
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.ContactAddress.sortingCode
+---
+
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+
+The **`sortingCode`** read-only property of the {{domxref("ContactAddress")}} interface returns a string containing a postal sorting code such as is used in France.
+
+## Value
+
+A string containing the sorting code portion of the address.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/contactaddress/tojson/index.md b/files/en-us/web/api/contactaddress/tojson/index.md
new file mode 100644
index 000000000000000..83002d2dc6e0b38
--- /dev/null
+++ b/files/en-us/web/api/contactaddress/tojson/index.md
@@ -0,0 +1,31 @@
+---
+title: "ContactAddress: toJSON() method"
+short-title: toJSON()
+slug: Web/API/ContactAddress/toJSON
+page-type: web-api-instance-method
+status:
+  - experimental
+browser-compat: api.ContactAddress.toJSON
+---
+
+{{securecontext_header}}{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+
+The **`toJSON()`** method of the {{domxref("ContactAddress")}} interface is a standard serializer that returns a JSON representation of the `ContactAddress` object's properties.
+
+## Syntax
+
+```js-nolint
+toJSON()
+```
+
+### Return value
+
+A JSON object.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 79d28627d5513ec..32a98185ec1ff8e 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -156,7 +156,8 @@
     },
     "Contact Picker API": {
       "overview": ["Contact Picker API"],
-      "interfaces": ["ContactsManager"],
+      "interfaces": ["ContactAddress", "ContactsManager"],
+      "methods": [],
       "properties": ["Navigator.contacts"],
       "events": []
     },

From 5618162541ceee82aaba4865f56c07ba93f4c1fc Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 20 Jan 2024 01:35:12 +0800
Subject: [PATCH 483/790] Cookie Store API | update API summary page and update
 API GroupData (#31579)

* add

* update front matter key

* add AvailableInWorkers

* add Extensions to other interfaces section

* fix event name

* add Experimental_Inline mark

* update text

* update See also section

* small style fix

* update

* Update files/en-us/web/api/cookie_store_api/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Apply suggestions from code review

Co-authored-by: wbamberg <will@bootbonnet.ca>

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 files/en-us/web/api/cookie_store_api/index.md | 32 +++++++++++++++----
 files/jsondata/GroupData.json                 |  8 +++--
 2 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/files/en-us/web/api/cookie_store_api/index.md b/files/en-us/web/api/cookie_store_api/index.md
index 0c1a9eb897f85ac..33552aedb08cc7c 100644
--- a/files/en-us/web/api/cookie_store_api/index.md
+++ b/files/en-us/web/api/cookie_store_api/index.md
@@ -4,12 +4,17 @@ slug: Web/API/Cookie_Store_API
 page-type: web-api-overview
 status:
   - experimental
-browser-compat: api.CookieStore
+browser-compat:
+  - api.CookieStore
+  - api.CookieStoreManager
+spec-urls: https://wicg.github.io/cookie-store/
 ---
 
 {{securecontext_header}}{{DefaultAPISidebar("Cookie Store API")}}{{SeeCompatTable}}
 
-The _**Cookie Store API**_ provides an asynchronous API for managing cookies, while also exposing cookies to [Service Worker API](/en-US/docs/Web/API/Service_Worker_API),
+The **Cookie Store API** is an asynchronous API for managing cookies, available in windows and also [service workers](/en-US/docs/Web/API/Service_Worker_API).
+
+{{AvailableInWorkers}}
 
 ## Concepts and Usage
 
@@ -21,14 +26,25 @@ The _Cookie Store API_ provides an updated method of managing cookies. It is {{G
 
 ## Interfaces
 
-- {{domxref("CookieStore")}}
+- {{domxref("CookieStore")}} {{Experimental_Inline}}
   - : The `CookieStore` interface enables getting and setting cookies.
-- {{domxref("CookieStoreManager")}}
+- {{domxref("CookieStoreManager")}} {{Experimental_Inline}}
   - : The `CookieStoreManager` interface provides a service worker registration to enable service workers to subscribe to cookie change events.
-- {{domxref("CookieChangeEvent")}}
+- {{domxref("CookieChangeEvent")}} {{Experimental_Inline}}
   - : A `CookieChangeEvent` named `change` is dispatched against `CookieStore` objects in {{domxref("Window")}} contexts when any script-visible cookies changes occur.
 - {{domxref("ExtendableCookieChangeEvent")}}
-  - : An `ExtendableCookieChangeEvent` named `change` is dispatched against {{domxref("ServiceWorkerGlobalScope")}} events when any script-visible cookie changes occur that match the service worker's cookie change subscription list.
+  - : An `ExtendableCookieChangeEvent` named `cookiechange` is dispatched in {{domxref("ServiceWorkerGlobalScope")}} contexts when any script-visible cookie changes occur that match the service worker's cookie change subscription list.
+
+### Extensions to other interfaces
+
+- {{domxref("ServiceWorkerGlobalScope.cookieStore")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : Returns a reference to the {{domxref("CookieStore")}} object associated with the service worker.
+- {{domxref("ServiceWorkerRegistration.cookies")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : Returns a reference to the {{domxref("CookieStoreManager")}} interface, which enables a web app to subscribe to and unsubscribe from cookie change events.
+- {{domxref("Window.cookieStore")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : Returns a reference to the {{domxref("CookieStore")}} object for the current document context.
+- {{domxref("ServiceWorkerGlobalScope/cookiechange_event", "cookiechange")}} event {{Experimental_Inline}}
+  - : Fired when any cookie changes have occurred which match the service worker's cookie change subscription list.
 
 ## Specifications
 
@@ -37,3 +53,7 @@ The _Cookie Store API_ provides an updated method of managing cookies. It is {{G
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- [Service Worker API](/en-US/docs/Web/API/Service_Worker_API)
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 32a98185ec1ff8e..03eec4a4f7252a7 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -197,8 +197,12 @@
         "ExtendableCookieChangeEvent"
       ],
       "methods": [],
-      "properties": [],
-      "events": []
+      "properties": [
+        "Window.cookieStore",
+        "ServiceWorkerGlobalScope.cookieStore",
+        "ServiceWorkerRegistration.cookies"
+      ],
+      "events": ["ServiceWorkerGlobalScope: cookiechange"]
     },
     "Credential Management API": {
       "overview": ["Credential Management API"],

From 82560eedf6bb115d764f46f4d5367101645512b2 Mon Sep 17 00:00:00 2001
From: Henrik Skupin <mail@hskupin.info>
Date: Fri, 19 Jan 2024 18:39:46 +0100
Subject: [PATCH 484/790] Firefox 122 release notes for WebDriver conformance
 (#31792)

* Firefox 122 release notes for WebDriver conformance.

* Update files/en-us/mozilla/firefox/releases/122/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/mozilla/firefox/releases/122/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/mozilla/firefox/releases/122/index.md

Co-authored-by: Julian Descottes <julian.descottes@gmail.com>

* Update files/en-us/mozilla/firefox/releases/122/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Julian Descottes <julian.descottes@gmail.com>
---
 files/en-us/mozilla/firefox/releases/122/index.md | 12 ++++++++++++
 files/en-us/mozilla/firefox/releases/123/index.md |  2 ++
 2 files changed, 14 insertions(+)

diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index ffebc1e907cfc2e..81e1a98b8cd2d28 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -67,10 +67,22 @@ This article provides information about the changes in Firefox 122 that affect d
 
 ### WebDriver conformance (WebDriver BiDi, Marionette)
 
+#### General
+
+- Fixed a bug that prevented [Perform Actions](https://w3c.github.io/webdriver/#perform-actions) to correctly synthesize double and other multi-click events for the `mouse` input source ([Firefox bug 1864614](https://bugzil.la/1864614)). Additionally, these events will only be emitted when the actual mouse position has not changed since the last click action ([Firefox bug 1681076](https://bugzil.la/1681076)).
+- The definitions for the `Pause` and `Equal` (Numpad block) keys have been updated to align with the WebDriver specification ([Firefox bug 1863687](https://bugzil.la/1863687)).
+
 #### WebDriver BiDi
 
+- The serialization of `WindowProxy` remote objects now also works correctly for out-of-process iframes ([Firefox bug 1867667](https://bugzil.la/1867667)).
+- The [browsingContext.setViewport](https://w3c.github.io/webdriver-bidi/#command-browsingContext-setViewport) command now distinguishes between `undefined` and `null` as values for the `viewport` argument. If set to `undefined`, it signifies that the viewport should remain unchanged, while using `null` will reset it to its original dimensions ([Firefox bug 1865618](https://bugzil.la/1865618)).
+- Support for the [browsingContext.traverseHistory](https://w3c.github.io/webdriver-bidi/#command-browsingContext-traverseHistory) command has been introduced, enabling navigations backward and forward in the browser history ([Firefox bug 1841018](https://bugzil.la/1841018)).
+- Fixed a bug in all supported network events where the `context` id consistently reported the top-level browsing context, even when the navigation occurred within an iframe ([Firefox bug 1869735](https://bugzil.la/1869735)).
+
 #### Marionette
 
+- Fixed a bug with [Get Element Text](https://w3c.github.io/webdriver/#dfn-get-element-text), where the command was incorrectly returning an empty text when the element was located within a ShadowRoot's slot ([Firefox bug 1824664](https://bugzil.la/1824664)).
+
 ## Changes for add-on developers
 
 ### Removals
diff --git a/files/en-us/mozilla/firefox/releases/123/index.md b/files/en-us/mozilla/firefox/releases/123/index.md
index 6db537a1a42e612..f7c23e1d1c2e1ba 100644
--- a/files/en-us/mozilla/firefox/releases/123/index.md
+++ b/files/en-us/mozilla/firefox/releases/123/index.md
@@ -50,6 +50,8 @@ This article provides information about the changes in Firefox 123 that affect d
 
 ### WebDriver conformance (WebDriver BiDi, Marionette)
 
+#### General
+
 #### WebDriver BiDi
 
 #### Marionette

From 67a5e464f835677f78c744fc69a84cc83186b988 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 20 Jan 2024 03:27:34 +0800
Subject: [PATCH 485/790] Speculation Rules | add {{experimental_inline}} mark
 & prefer macros than md link (#31244)

* style pretty

* add {{experimental_inline}}

* style pretty

* update spec-urls and browser-compat

* style pretty

* style pretty

* revert
---
 .../web/api/document/prerendering/index.md    |  2 +-
 .../prerenderingchange_event/index.md         |  2 +-
 .../web/api/speculation_rules_api/index.md    | 46 +++++++++++--------
 3 files changed, 28 insertions(+), 22 deletions(-)

diff --git a/files/en-us/web/api/document/prerendering/index.md b/files/en-us/web/api/document/prerendering/index.md
index f98af5c2b919675..d655e09206ab242 100644
--- a/files/en-us/web/api/document/prerendering/index.md
+++ b/files/en-us/web/api/document/prerendering/index.md
@@ -10,7 +10,7 @@ browser-compat: api.Document.prerendering
 
 {{ APIRef("Speculation Rules API") }}{{seecompattable}}
 
-The `prerendering` read-only property of the {{domxref("Document")}} interface returns `true` if the document is currently in the process of prerendering, as initiated via the [Speculation Rules API](/en-US/docs/Web/API/Speculation_Rules_API).
+The **`prerendering`** read-only property of the {{domxref("Document")}} interface returns `true` if the document is currently in the process of prerendering, as initiated via the [Speculation Rules API](/en-US/docs/Web/API/Speculation_Rules_API).
 
 ## Value
 
diff --git a/files/en-us/web/api/document/prerenderingchange_event/index.md b/files/en-us/web/api/document/prerenderingchange_event/index.md
index 7224ef277c01492..affe9ca920e271f 100644
--- a/files/en-us/web/api/document/prerenderingchange_event/index.md
+++ b/files/en-us/web/api/document/prerenderingchange_event/index.md
@@ -10,7 +10,7 @@ browser-compat: api.Document.prerenderingchange_event
 
 {{ APIRef("Speculation Rules API") }}{{seecompattable}}
 
-The `prerenderingchange` event is fired on a prerendered document when it is activated (i.e. the user views the page).
+The **`prerenderingchange`** event is fired on a prerendered document when it is activated (i.e. the user views the page).
 
 ## Syntax
 
diff --git a/files/en-us/web/api/speculation_rules_api/index.md b/files/en-us/web/api/speculation_rules_api/index.md
index 415c11f9e45f7f8..db2a9c4bc807592 100644
--- a/files/en-us/web/api/speculation_rules_api/index.md
+++ b/files/en-us/web/api/speculation_rules_api/index.md
@@ -4,7 +4,13 @@ slug: Web/API/Speculation_Rules_API
 page-type: web-api-overview
 status:
   - experimental
-browser-compat: html.elements.script.type.speculationrules
+browser-compat:
+  - api.Document.prerendering
+  - api.Document.prerenderingchange_event
+  - html.elements.script.type.speculationrules
+spec-urls:
+  - https://wicg.github.io/nav-speculation/speculation-rules.html
+  - https://wicg.github.io/nav-speculation/prerendering.html
 ---
 
 {{SeeCompatTable}}{{DefaultAPISidebar("Speculation Rules API")}}
@@ -42,11 +48,11 @@ For example:
 </script>
 ```
 
-You specify a different array to contain the rules for each speculative loading type (for example `"prerender"` or `"prefetch"`). Each rule is contained in an object that specifies for example a list of resources to be fetched, plus options such as an explicit [`Referrer-Policy`](/en-US/docs/Web/HTTP/Headers/Referrer-Policy) setting for each rule. Note that prerendered URLs are also prefetched.
+You specify a different array to contain the rules for each speculative loading type (for example `"prerender"` or `"prefetch"`). Each rule is contained in an object that specifies for example a list of resources to be fetched, plus options such as an explicit {{httpheader("Referrer-Policy")}} setting for each rule. Note that prerendered URLs are also prefetched.
 
 See [`<script type="speculationrules">`](/en-US/docs/Web/HTML/Element/script/type/speculationrules) for a full explanation of the available syntax.
 
-> **Note:** As speculation rules use a `<script>` element, they need to be explicitly allowed in the [`Content-Security-Policy`](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy) [`script-src`](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src) directive if the site includes it. This is done by adding the `'inline-speculation-rules'` source along with a hash- or nonce-source.
+> **Note:** As speculation rules use a `<script>` element, they need to be explicitly allowed in the {{httpheader("Content-Security-Policy")}} [`script-src`](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src) directive if the site includes it. This is done by adding the `'inline-speculation-rules'` source along with a hash- or nonce-source.
 
 ### Using prefetching
 
@@ -58,12 +64,12 @@ This means that if you prefetch something the user doesn't navigate to, it is ge
 
 Same-site and cross-site prefetches will work, but cross-site prefetches are limited (see ["same-site" and "cross-site"](https://web.dev/articles/same-site-same-origin#same-site-cross-site) for an explanation of the difference between the two). For privacy reasons cross-site prefetches will currently only work if the user has no cookies set for the destination site — we don't want sites to be able to track user activity via prefetched pages (which they may never even actually visit) based on previously-set cookies.
 
-> **Note:** In the future an opt-in will be provided via the [`Supports-Loading-Mode`](/en-US/docs/Web/HTTP/Headers/Supports-Loading-Mode) header, but this was not implemented at the time of writing.
+> **Note:** In the future an opt-in will be provided via the {{httpheader("Supports-Loading-Mode")}} header, but this was not implemented at the time of writing.
 
 For browsers that support it, speculation rules prefetch should be preferred over older prefetch mechanisms, namely [`<link rel="prefetch">`](/en-US/docs/Web/HTML/Attributes/rel/prefetch) and {{domxref("fetch()")}} with a `priority: "low"` option set on it. Because we know that speculation rules prefetch is for navigations, not general resource prefetching:
 
 - It can be used for cross-site navigations, whereas `<link rel="prefetch">` cannot.
-- It doesn't get blocked by [Cache-Control](/en-US/docs/Web/HTTP/Headers/Cache-Control) headers, whereas `<link rel="prefetch">` often does.
+- It doesn't get blocked by {{httpheader("Cache-Control")}} headers, whereas `<link rel="prefetch">` often does.
 
 In addition, speculation rules prefetch:
 
@@ -83,13 +89,13 @@ Prerendering uses memory and network bandwidth. If you prerender something the u
 
 > **Note:** Many APIs will be automatically deferred when prerendering/until activation. See [Platform features deferred or restricted during prerender](#platform_features_deferred_or_restricted_during_prerender) for more details.
 
-Prerendering is restricted to same-origin documents by default. Cross-origin, same-site prerendering is possible — it requires the navigation target to opt-in using the [`Supports-Loading-Mode`](/en-US/docs/Web/HTTP/Headers/Supports-Loading-Mode) header with a value of `credentialed-prerender`. Cross-site prerendering is not possible at this time.
+Prerendering is restricted to same-origin documents by default. Cross-origin, same-site prerendering is possible — it requires the navigation target to opt-in using the {{httpheader("Supports-Loading-Mode")}} header with a value of `credentialed-prerender`. Cross-site prerendering is not possible at this time.
 
 For browsers that support it, speculation rules prerender should be preferred over older prerender mechanisms, namely [`<link rel="prerender">`](/en-US/docs/Web/HTML/Attributes/rel/prerender):
 
 - `<link rel="prerender">` is Chrome-specific and was never standardized, and the Chrome engineering team are in the process of sunsetting it. {{experimental_inline}}
 - It loads subresources loaded via JavaScript, whereas `<link rel="prerender">` doesn't.
-- It doesn't get blocked by [Cache-Control](/en-US/docs/Web/HTTP/Headers/Cache-Control) settings, whereas `<link rel="prerender">` often does.
+- It doesn't get blocked by {{httpheader("Cache-Control")}} settings, whereas `<link rel="prerender">` often does.
 - Speculation rules prerender should be treated as a hint and a progressive enhancement. Unlike `<link rel="prerender">`, it is a speculative hint and the browser may choose not to act upon the hint based on user settings, current memory usage, or other heuristics.
 
 ### Speculation rules API feature detection
@@ -138,7 +144,7 @@ This section looks at different ways to detect whether a requested page has been
 
 ### Server-side detection
 
-Prefetched and prerendered page requests are sent with the [Sec-Purpose](/en-US/docs/Web/HTTP/Headers/Sec-Purpose) request header:
+Prefetched and prerendered page requests are sent with the {{httpheader("Sec-Purpose")}} request header:
 
 For prefetch:
 
@@ -221,7 +227,7 @@ For example:
 - URLs that increment a user's usage allowance numbers, such as consuming their monthly free article allowance or starting the timer on their monthly minutes.
 - URLs that initiate server-side ad conversion tracking.
 
-Such issues can be mitigated on the server by watching for the [`Sec-Purpose: prefetch`](/en-US/docs/Web/HTTP/Headers/Sec-Purpose) header as the requests come in, and then running specific code to defer problematic functionality. Later on, when the page is actually navigated to, you can initiate the deferred functionality via JavaScript if needed.
+Such issues can be mitigated on the server by watching for the {{httpheader("Sec-Purpose", "Sec-Purpose: prefetch")}} header as the requests come in, and then running specific code to defer problematic functionality. Later on, when the page is actually navigated to, you can initiate the deferred functionality via JavaScript if needed.
 
 > **Note:** You can find more details about the detection code in the [Detecting prefetched and prerendered pages](#detecting_prefetched_and_prerendered_pages) section.
 
@@ -231,7 +237,7 @@ It is also potentially risky to prefetch a document whose server-rendered conten
 
 > **Note:** Browsers will cache prefetched pages for a short time (Chrome for example caches them for 5 minutes) before discarding them, so in any case, your users might see content that is up to 5 minutes out of date.
 
-One final tip is to audit the URLs listed as disallowed in your [`Robots.txt`](/en-US/docs/Glossary/Robots.txt) file — normally these URLs point to pages that can only be accessed by authenticated users, and therefore should not be included in search engine results. Many of these will be fine, but it can be a good place to find URLs unsafe for prefetching (i.e. they exhibit the conditions described above).
+One final tip is to audit the URLs listed as disallowed in your {{glossary("robots.txt")}} file — normally these URLs point to pages that can only be accessed by authenticated users, and therefore should not be included in search engine results. Many of these will be fine, but it can be a good place to find URLs unsafe for prefetching (i.e. they exhibit the conditions described above).
 
 ### Unsafe prerendering
 
@@ -245,7 +251,7 @@ When a prerender is done, the browser GETs the URL and renders and loads the con
 
 To mitigate such problems, you can use the following techniques:
 
-- Watch for the [`Sec-Purpose: prerender`](/en-US/docs/Web/HTTP/Headers/Sec-Purpose) header on the server as the requests come in, and then run specific code to defer problematic functionality.
+- Watch for the {{httpheader("Sec-Purpose", "Sec-Purpose: prefetch")}} header on the server as the requests come in, and then run specific code to defer problematic functionality.
 - Use the {{domxref("Document.prerenderingchange_event", "prerenderingchange")}} event to detect when the prerendered page is actually activated and run code as a result. This is useful in two cases:
   - Deferring code that may cause problems if it is run before the page is viewed. For example, you may want to wait until after activation to update client-side storage or modify server-side state using JavaScript. This can avoid situations when the UI and the application state become out of sync with one another, for example a shopping cart showing no items even though the user has added some.
   - If the above is not possible, then you could still rerun code after the page is activated to bring the app up-to-date again. For example, a highly-dynamic flash sale page might rely on content updates coming in from a third-party library. If you can't delay the updates, you can always get fresh updates once the user views the page. Prerendered pages can be updated in real time using the [Broadcast Channel API](/en-US/docs/Web/API/Broadcast_Channel_API), or another mechanism such as {{domxref("fetch()")}} or a {{domxref("WebSocket")}}. This guarantees that the user will see up-to-date content after prerendering activation.
@@ -324,7 +330,7 @@ The following asynchronous features' results are deferred in prerendered documen
 
 The following features will automatically fail or no-op in documents that are not activated.
 
-APIs that require [transient activation](/en-US/docs/Glossary/Transient_activation) or [sticky activation](/en-US/docs/Glossary/Sticky_activation):
+APIs that require {{glossary("transient activation")}} or {{glossary("sticky activation")}}:
 
 - Confirmation dialogs generated by the {{domxref("Window.beforeunload_event", "beforeunload")}} event
 - The firing of any events in the [Clipboard API](/en-US/docs/Web/API/Clipboard_API).
@@ -345,7 +351,7 @@ APIs that require the containing document to be focused:
 
 APIs that require the containing document's {{domxref("Document.visibilityState")}} to be `"visible"`:
 
-- [Picture-in-Picture API](/en-US/docs/Web/API/Picture-in-Picture_API): {{domxref("HTMLVideoElement.requestPictureInPicture()")}} (requires the containing document's visibility state to be `"visible", _or_ [transient activation](/en-US/docs/Glossary/Transient_activation))
+- [Picture-in-Picture API](/en-US/docs/Web/API/Picture-in-Picture_API): {{domxref("HTMLVideoElement.requestPictureInPicture()")}} (requires the containing document's visibility state to be `"visible", _or_ {{glossary("transient activation")}})
 - [Screen Wake Lock API](/en-US/docs/Web/API/Screen_Wake_Lock_API): {{domxref("WakeLock.request()")}}
 
 ### Other restricted features
@@ -372,25 +378,25 @@ The Speculation Rules API does not define any interfaces of its own.
 
 ### Extensions to other interfaces
 
-- {{domxref("Document.prerendering")}}
+- {{domxref("Document.prerendering")}} {{experimental_inline}}
   - : A boolean property that returns `true` if the document is currently in the process of prerendering.
-- {{domxref("Document.prerenderingchange_event", "prerenderingchange")}} event
+- {{domxref("Document.prerenderingchange_event", "prerenderingchange")}} event {{experimental_inline}}
   - : Fired on a prerendered document when it is activated (i.e. the user views the page).
-- {{domxref("PerformanceNavigationTiming.activationStart")}}
+- {{domxref("PerformanceNavigationTiming.activationStart")}} {{experimental_inline}}
   - : A number representing the time between when a document starts prerendering and when it is activated.
-- {{domxref("PerformanceResourceTiming.deliveryType")}}, `"navigational-prefetch"` value
+- {{domxref("PerformanceResourceTiming.deliveryType")}} `"navigational-prefetch"` value {{experimental_inline}}
   - : Signals that the type of a performance entry is a prefetch.
 
 ## HTTP headers
 
-- [`Content-Security-Policy`](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy) `'inline-speculation-rules'` value
+- {{httpheader("Content-Security-Policy")}} `'inline-speculation-rules'` value {{experimental_inline}}
   - : Used to opt-in to allowing usage of `<script type="speculationrules">` to define speculation rules on the document being fetched.
-- [`Supports-Loading-Mode`](/en-US/docs/Web/HTTP/Headers/Supports-Loading-Mode)
+- {{httpheader("Supports-Loading-Mode")}} {{experimental_inline}}
   - : Set by a navigation target to opt-in to using various higher-risk loading modes. For example, cross-origin, same-site prerendering requires a `Supports-Loading-Mode` value of `credentialed-prerender`.
 
 ## HTML features
 
-- [`<script type="speculationrules"> ... </script>`](/en-US/docs/Web/HTML/Element/script/type/speculationrules)
+- [`<script type="speculationrules"> ... </script>`](/en-US/docs/Web/HTML/Element/script/type/speculationrules) {{experimental_inline}}
   - : Used to define a set of prefetch and/or prerender speculation rules on the current document.
 
 ## Examples

From 3214a3e918ae71cc29290b689306db37ca2dbf6a Mon Sep 17 00:00:00 2001
From: Sam Feldstein <106436328+seldstein@users.noreply.github.com>
Date: Fri, 19 Jan 2024 14:01:04 -0600
Subject: [PATCH 486/790] Edit index.md for clarity (#31814)

Update index.md

Edit for clarity.
---
 files/en-us/web/css/top/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/top/index.md b/files/en-us/web/css/top/index.md
index f01cc8eb42fa7ad..855715091e9dc77 100644
--- a/files/en-us/web/css/top/index.md
+++ b/files/en-us/web/css/top/index.md
@@ -7,7 +7,7 @@ browser-compat: css.properties.top
 
 {{CSSRef}}
 
-The **`top`** [CSS](/en-US/docs/Web/CSS) property participates in specifying the vertical position of a [positioned element](/en-US/docs/Web/CSS/position). It has no effect on non-positioned elements.
+The **`top`** [CSS](/en-US/docs/Web/CSS) property sets the vertical position of a [positioned element](/en-US/docs/Web/CSS/position). It does not effect non-positioned elements.
 
 {{EmbedInteractiveExample("pages/css/top.html")}}
 

From ebf153213b41f315eb9e6aa5f1978c08b16ca1f5 Mon Sep 17 00:00:00 2001
From: Frances Cornwall <113309999+francescorn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 12:12:08 -0800
Subject: [PATCH 487/790] Update index.md including each root font-relative
 length (#31811)

* Update index.md

* Update index.md

* Update files/en-us/web/css/css_values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix lint issue

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 files/en-us/web/css/css_values_and_units/index.md | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/css/css_values_and_units/index.md b/files/en-us/web/css/css_values_and_units/index.md
index e518c289b9758b3..ba878aa90ab0aa1 100644
--- a/files/en-us/web/css/css_values_and_units/index.md
+++ b/files/en-us/web/css/css_values_and_units/index.md
@@ -137,7 +137,7 @@ Where a distance unit, also known as a length, is allowed as a value for a prope
 
 There are two types of relative lengths: font-relative lengths and viewport-percentage lengths. These both come in two types. Font-relative length units are either local font-relative or root font-relative. Viewport percentage lengths are either relative to the viewport height or width size or, as defined in the [CSS Containment module](/en-US/docs/Web/CSS/CSS_containment), relative to a [container](/en-US/docs/Web/CSS/CSS_container_queries#container_query_length_units).
 
-##### Font-relative lengths
+##### Local font-relative lengths
 
 Local font-relative lengths are relative to the "local" font size or line height, specifying a length in relation to a computed size of a feature of the [element](/en-US/docs/Web/HTML/Element) itself, or relative to the element's inherited value in the case of a circular reference, such as the `em` value for a {{cssxref("font-size")}} property or a `lh` value for a {{cssxref("line-height")}} property.
 For example, `em` is relative to the font size on the element and `ex` is relative to the x-height of the element's font.
@@ -151,9 +151,20 @@ For example, `em` is relative to the font size on the element and `ex` is relati
 | `ic`  | Average character advance of a full-width glyph in the element's font, as represented by the "水" (CJK water ideograph, U+6C34) glyph. |
 | `lh`  | Line height of the element.                                                                                                            |
 
+##### Root font-relative lengths
+
 Root font-relative lengths specify a length in relation to the element's {{CSSxRef(":root", "root element")}} ancestor, such as {{HTMLElement("HTML")}} or {{SVGElement("SVG")}}.
 For example, `rem` is relative to the font size on the root element and `rex` is the x-height of the root element's font.
 
+| Unit   | Relative to                                                                                                                                 |
+| ------ | ------------------------------------------------------------------------------------------------------------------------------------------- |
+| `rcap` | Cap height (the nominal height of capital letters) of the root element's font.                                                              |
+| `rch`  | Average character advance of a narrow glyph in the root element's font, as represented by the "0" (ZERO, U+0030) glyph.                     |
+| `rem`  | Font size of the root element's font.                                                                                                       |
+| `rex`  | x-height of the root element's font.                                                                                                        |
+| `ric`  | Average character advance of a full-width glyph in the root element's font, as represented by the "水" (CJK water ideograph, U+6C34) glyph. |
+| `rlh`  | Line height of the root element.                                                                                                            |
+
 ##### Viewport units
 
 Viewport unit lengths specify a length relative to the dimensions of the [viewport](/en-US/docs/Glossary/Viewport).
@@ -189,6 +200,7 @@ For example, `cqw` is relative to the width of the query container and `cqh` is
 | `cqw`   | 1% of a query container's width       |
 
 #### Absolute length units
+
 Absolute length units are fixed to a physical length: either an inch or a centimeter. Many of these units are therefore more useful when the output is a fixed size media, such as print. For example, `mm` is a physical millimeter, 1/10th of a centimeter.
 
 | Unit | Name                | Equivalent to       |

From fd4a5c3107826fe3689a0432ba56b3eba00a5f90 Mon Sep 17 00:00:00 2001
From: Dipika Bhattacharya <dipika@foss-community.org>
Date: Fri, 19 Jan 2024 15:14:33 -0500
Subject: [PATCH 488/790] docs(css): Add module landing page for overscroll
 behavior (#30981)

* add new overscroll module

* fix typo

* fix flaws

* fix flaw, add links to modules

* fixes scroll chaining feedback

* adds link to the scroll chaining glossary page

* fixes review comments, wip

* updates related concepts and see also

* adds intro paras

* fixes review feedback

* adds edits from feedback

* updates related concepts from feedback
---
 files/en-us/glossary/scroll_boundary/index.md | 28 +++++++
 files/en-us/glossary/scroll_chaining/index.md | 20 +++++
 .../web/css/css_overscroll_behavior/index.md  | 80 +++++++++++++++++++
 .../css/overscroll-behavior-block/index.md    |  2 +-
 .../css/overscroll-behavior-inline/index.md   |  2 +-
 .../web/css/overscroll-behavior-x/index.md    |  2 +-
 .../web/css/overscroll-behavior-y/index.md    |  2 +-
 .../web/css/overscroll-behavior/index.md      |  4 +-
 8 files changed, 134 insertions(+), 6 deletions(-)
 create mode 100644 files/en-us/glossary/scroll_boundary/index.md
 create mode 100644 files/en-us/glossary/scroll_chaining/index.md
 create mode 100644 files/en-us/web/css/css_overscroll_behavior/index.md

diff --git a/files/en-us/glossary/scroll_boundary/index.md b/files/en-us/glossary/scroll_boundary/index.md
new file mode 100644
index 000000000000000..2c22bfa67e96faf
--- /dev/null
+++ b/files/en-us/glossary/scroll_boundary/index.md
@@ -0,0 +1,28 @@
+---
+title: Scroll boundary
+slug: Glossary/Scroll_boundary
+page-type: glossary-definition
+---
+
+{{GlossarySidebar}}
+
+A **scroll boundary** is the point at which a scrollable element cannot be scrolled any further in a particular direction, either at the top or bottom (or left/right for horizontal scrolling). This typically is the edge of the [scrollport](/en-US/docs/Glossary/Scroll_container#scrollport).
+
+When the content of a {{Glossary("Scroll_container", "scroll container")}} does not exceed the container size in the scrolling direction, the container is considered to be at its scroll boundary at all times. This is because there's no extra content to scroll through. If the content is prevented from scrolling, such as when {{cssxref("overflow", "overflow: hidden")}} is set, the element is not a scroll container, and therefore, there is no scroll boundary.
+
+When the scroll boundary of the scrollport is reached by a user scrolling the content, a visual effect such as a bounce or a functional action like pull-to-refresh on mobile devices may occur. This default browser behavior is called the **boundary default action**.
+
+For example, on mobile devices, dragging a page downward when already at the top causes a bounce effect and sometimes triggers a page refresh. This bounce or refresh is the boundary default action.
+
+Boundary default actions can be local or non-local.
+
+- A **local boundary default** is the action that occurring at the boundary of a specific scrollable area confined to that element. This action is considered _local_ as it does not affect any ancestor containers or the rest of the webpage.
+
+- A **non-local boundary default action** is when reaching the scroll boundary of a scroll container has effects beyond the specific element being scrolled. An example of this is {{Glossary("Scroll_chaining", "scroll chaining")}}, where reaching the scroll boundary of one element triggers scrolling in a parent or ancestor element, and possibly even initiating a page-wide action, such as navigation.
+
+## See also
+
+- {{CSSxRef("overscroll-behavior")}} CSS property
+- [CSS overflow](/en-US/docs/Web/CSS/CSS_overflow) module
+- [CSS overscroll behavior](/en-US/docs/Web/CSS/CSS_overscroll_behavior) module
+- [CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap) module
diff --git a/files/en-us/glossary/scroll_chaining/index.md b/files/en-us/glossary/scroll_chaining/index.md
new file mode 100644
index 000000000000000..65c6c1fa131e02c
--- /dev/null
+++ b/files/en-us/glossary/scroll_chaining/index.md
@@ -0,0 +1,20 @@
+---
+title: Scroll chaining
+slug: Glossary/Scroll_chaining
+page-type: glossary-definition
+---
+
+{{GlossarySidebar}}
+
+**Scroll chaining** refers to the behavior observed when a user scrolls past the {{Glossary("Scroll_boundary", "Scroll boundary")}} of a scrollable element, causing scrolling on an ancestor element.
+
+When a user scrolls within a scrollable element such as a `<div>` or `<textarea>` and the [scrollport](/en-US/docs/Glossary/Scroll_container#scrollport) boundary (top, bottom, left or right) of the scrollable element is reached, there may be a "chained effect" in which the scroll action is seamlessly propagated to the parent element. This behavior creates a continuous scrolling experience, both vertically and horizontally.
+
+A **scroll chain** is the order of scrollable elements where the scrolling action passes from one element to another. This happens when an inner element is scrolled to its limit, and the scrolling continues to its parent element, creating a 'chain' of scrolling actions. Chaining typically recurses up the containing block.
+
+## See also
+
+- {{CSSxRef("overscroll-behavior")}} CSS property
+- [CSS overflow](/en-US/docs/Web/CSS/CSS_overflow) module
+- [CSS overscroll behavior](/en-US/docs/Web/CSS/CSS_overscroll_behavior) module
+- [CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap) module
diff --git a/files/en-us/web/css/css_overscroll_behavior/index.md b/files/en-us/web/css/css_overscroll_behavior/index.md
new file mode 100644
index 000000000000000..9b527503f2fa75b
--- /dev/null
+++ b/files/en-us/web/css/css_overscroll_behavior/index.md
@@ -0,0 +1,80 @@
+---
+title: CSS overscroll behavior
+slug: Web/CSS/CSS_overscroll_behavior
+page-type: css-module
+spec-urls: https://drafts.csswg.org/css-overscroll/
+---
+
+{{CSSRef}}
+
+The **CSS overscroll behavior** module provides properties to control the behavior of a {{Glossary("Scroll_container", "scroll container")}} when its scroll position reaches the {{Glossary("Scroll_boundary", "scroll boundary")}}. Controlling this aspect is particularly useful in scenarios where embedded scrollable areas should not trigger scrolling of the parent container.
+
+When commenting on a blog, you might notice that if your comment exceeds the length of the provided {{htmlelement("textarea")}}, scrolling beyond the end of the text area causes the entire blog to scroll. This is because reaching the end of a scrollable area, known as the {{Glossary("Scroll_boundary", "scroll boundary")}}, can lead to scrolling other content or the entire page. This continuous scrolling experience is called {{Glossary("Scroll_chaining", "scroll chaining")}}.
+
+In situations where the contents of an element are larger than its container and {{cssxref("overflow")}} allows or defaults to scrolling (like in `<textarea>`), continued scrolling past the element's scrollable area will initiate scrolling in the parent element or the underlying page.
+
+Conversely, scrolling through a website's terms and conditions and reaching the end of the content to enable a checkbox, may not force the page to scroll or bounce (as on a phone). This example shows that you can control overscroll behavior and prevent scroll chaining.
+
+This module defines the overscroll behavior, enabling you to specify the actions when a user scrolls beyond the boundaries of a scrollable element.
+
+## Reference
+
+### CSS properties
+
+- {{CSSxRef("overscroll-behavior")}} shorthand
+- {{CSSxRef("overscroll-behavior-block")}}
+- {{CSSxRef("overscroll-behavior-inline")}}
+- {{CSSxRef("overscroll-behavior-x")}}
+- {{CSSxRef("overscroll-behavior-y")}}
+
+### Glossary terms
+
+- {{Glossary("Scroll_boundary", "Scroll boundary")}}
+- {{Glossary("Scroll_chaining", "Scroll chaining")}}
+
+## Guides
+
+- [CSS building blocks: Overflowing content](/en-US/docs/Learn/CSS/Building_blocks/Overflowing_content)
+  - : Learn what overflow is and how to manage it.
+
+## Related concepts
+
+- [`scrollbar`](/en-US/docs/Web/Accessibility/ARIA/Roles/scrollbar_role) ARIA role
+- [Containing block](/en-US/docs/Web/CSS/Containing_block) concept
+- [CSS overflow](/en-US/docs/Web/CSS/CSS_overflow) module:
+  - {{cssxref("overflow")}} shorthand property
+    - {{Cssxref("overflow-x")}}
+    - {{Cssxref("overflow-y")}}
+    - {{CSSxRef("overflow-block")}}
+    - {{CSSxRef("overflow-inline")}}
+  - {{CSSxRef("overflow-clip-margin")}} property
+  - {{CSSxRef("scroll-behavior")}} property
+  - {{CSSxRef("text-overflow")}} property
+- {{Glossary("Scroll_container", "Scroll container")}} and [scrollport](/en-US/docs/Glossary/Scroll_container#scrollport) glossary terms
+
+- [CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap) module:
+
+  - {{cssxref("scroll-padding")}} shorthand property
+  - {{cssxref("scroll-snap-type")}} property
+  - {{cssxref("scroll-margin")}} shorthand property
+  - {{cssxref("scroll-snap-stop")}} property
+  - {{cssxref("scroll-snap-align")}} property
+
+- [CSSOM view](/en-US/docs/Web/CSS/CSSOM_view) module:
+  - {{domxref("Element.getBoundingClientRect()")}} method
+  - {{domxref("Element.scroll()")}} method
+  - {{domxref("Element.scrollBy()")}} method
+  - {{domxref("Element.scrollIntoView()")}} method
+  - {{domxref("Element.scrollTo()")}} method
+  - {{domxref("Document.scroll_event", "scroll")}} Document event
+
+## Specifications
+
+{{Specifications}}
+
+## See also
+
+- [CSS box model](/en-US/docs/Web/CSS/CSS_box_model) module
+- [CSS logical properties and values](/en-US/docs/Web/CSS/CSS_logical_properties_and_values) module
+- [CSS scroll snap](/en-US/docs/Web/CSS/CSS_scroll_snap) module
+- [Take control of your scroll - customizing pull-to-refresh and overflow effects](https://developer.chrome.com/blog/overscroll-behavior) on developer.chrome.com (2017)
diff --git a/files/en-us/web/css/overscroll-behavior-block/index.md b/files/en-us/web/css/overscroll-behavior-block/index.md
index 6491a32ddd7810e..c7d4ca10a6c3d9f 100644
--- a/files/en-us/web/css/overscroll-behavior-block/index.md
+++ b/files/en-us/web/css/overscroll-behavior-block/index.md
@@ -34,7 +34,7 @@ The `overscroll-behavior-block` property is specified as a keyword chosen from t
 - `auto`
   - : The default scroll overflow behavior occurs as normal.
 - `contain`
-  - : Default scroll overflow behavior (e.g., "bounce" effects) is observed inside the element where this value is set. However, no scroll chaining occurs on neighboring scrolling areas; the underlying elements will not scroll. The `contain` value disables native browser navigation, including the vertical pull-to-refresh gesture and horizontal swipe navigation.
+  - : Default scroll overflow behavior (e.g., "bounce" effects) is observed inside the element where this value is set. However, no {{Glossary("Scroll_chaining", "scroll chaining")}} occurs on neighboring scrolling areas; the underlying elements will not scroll. The `contain` value disables native browser navigation, including the vertical pull-to-refresh gesture and horizontal swipe navigation.
 - `none`
   - : No scroll chaining occurs to neighboring scrolling areas, and default scroll overflow behavior is prevented.
 
diff --git a/files/en-us/web/css/overscroll-behavior-inline/index.md b/files/en-us/web/css/overscroll-behavior-inline/index.md
index a9d2c5427692b6e..585362d9e7e44a2 100644
--- a/files/en-us/web/css/overscroll-behavior-inline/index.md
+++ b/files/en-us/web/css/overscroll-behavior-inline/index.md
@@ -34,7 +34,7 @@ The `overscroll-behavior-inline` property is specified as a keyword chosen from
 - `auto`
   - : The default scroll overflow behavior occurs as normal.
 - `contain`
-  - : Default scroll overflow behavior (e.g., "bounce" effects) is observed inside the element where this value is set. However, no scroll chaining occurs on neighboring scrolling areas; the underlying elements will not scroll. The `contain` value disables native browser navigation, including the vertical pull-to-refresh gesture and horizontal swipe navigation.
+  - : Default scroll overflow behavior (e.g., "bounce" effects) is observed inside the element where this value is set. However, no {{Glossary("Scroll_chaining", "scroll chaining")}} occurs on neighboring scrolling areas; the underlying elements will not scroll. The `contain` value disables native browser navigation, including the vertical pull-to-refresh gesture and horizontal swipe navigation.
 - `none`
   - : No scroll chaining occurs to neighboring scrolling areas, and default scroll overflow behavior is prevented.
 
diff --git a/files/en-us/web/css/overscroll-behavior-x/index.md b/files/en-us/web/css/overscroll-behavior-x/index.md
index eb5d3e0f58a5d94..e5593150bb451ec 100644
--- a/files/en-us/web/css/overscroll-behavior-x/index.md
+++ b/files/en-us/web/css/overscroll-behavior-x/index.md
@@ -34,7 +34,7 @@ The `overscroll-behavior-x` property is specified as a keyword chosen from the l
 - `auto`
   - : The default scroll overflow behavior occurs as normal.
 - `contain`
-  - : Default scroll overflow behavior (e.g., "bounce" effects) is observed inside the element where this value is set. However, no scroll chaining occurs on neighboring scrolling areas; the underlying elements will not scroll. The `contain` value disables native browser navigation, including the vertical pull-to-refresh gesture and horizontal swipe navigation.
+  - : Default scroll overflow behavior (e.g., "bounce" effects) is observed inside the element where this value is set. However, no {{Glossary("Scroll_chaining", "scroll chaining")}} occurs on neighboring scrolling areas; the underlying elements will not scroll. The `contain` value disables native browser navigation, including the vertical pull-to-refresh gesture and horizontal swipe navigation.
 - `none`
   - : No scroll chaining occurs to neighboring scrolling areas, and default scroll overflow behavior is prevented.
 
diff --git a/files/en-us/web/css/overscroll-behavior-y/index.md b/files/en-us/web/css/overscroll-behavior-y/index.md
index eabaca89ce442cd..39c427a1b0aa168 100644
--- a/files/en-us/web/css/overscroll-behavior-y/index.md
+++ b/files/en-us/web/css/overscroll-behavior-y/index.md
@@ -34,7 +34,7 @@ The `overscroll-behavior-y` property is specified as a keyword chosen from the l
 - `auto`
   - : The default scroll overflow behavior occurs as normal.
 - `contain`
-  - : Default scroll overflow behavior (e.g., "bounce" effects) is observed inside the element where this value is set. However, no scroll chaining occurs on neighboring scrolling areas; the underlying elements will not scroll. The `contain` value disables native browser navigation, including the vertical pull-to-refresh gesture and horizontal swipe navigation.
+  - : Default scroll overflow behavior (e.g., "bounce" effects) is observed inside the element where this value is set. However, no {{Glossary("Scroll_chaining", "scroll chaining")}} occurs on neighboring scrolling areas; the underlying elements will not scroll. The `contain` value disables native browser navigation, including the vertical pull-to-refresh gesture and horizontal swipe navigation.
 - `none`
   - : No scroll chaining occurs to neighboring scrolling areas, and default scroll overflow behavior is prevented.
 
diff --git a/files/en-us/web/css/overscroll-behavior/index.md b/files/en-us/web/css/overscroll-behavior/index.md
index 1d7dfd0345e0508..9ee6cb63e172903 100644
--- a/files/en-us/web/css/overscroll-behavior/index.md
+++ b/files/en-us/web/css/overscroll-behavior/index.md
@@ -52,7 +52,7 @@ Two keywords specifies the `overscroll-behavior` value on the `x` and `y` axes r
 
 ## Description
 
-By default, mobile browsers tend to provide a "bounce" effect or even a page refresh when the top or bottom of a page (or other scroll area) is reached. You may also have noticed that when you have a dialog box with scrolling content at the top of a page that also has scrolling content, once the dialog box's scroll boundary is reached, the underlying page will then start to scroll — this is called **scroll chaining**.
+By default, mobile browsers tend to provide a "bounce" effect or even a page refresh when the top or bottom of a page (or other scroll area) is reached. You may also have noticed that when you have a dialog box with scrolling content at the top of a page that also has scrolling content, once the dialog box's {{Glossary("Scroll_boundary", "scroll boundary")}} is reached, the underlying page will then start to scroll — this is called {{Glossary("Scroll_chaining", "scroll chaining")}}.
 
 In some cases, these behaviors are not desirable. You can use `overscroll-behavior` to get rid of unwanted scroll chaining and the browser's Facebook/Twitter app-inspired "pull to refresh"-type behavior.
 
@@ -103,4 +103,4 @@ html {
 
 ## See also
 
-- [Take control of your scroll: customizing pull-to-refresh and overflow effects](https://developer.chrome.com/blog/overscroll-behavior/#demo)
+- [Take control of your scroll: customizing pull-to-refresh and overflow effects](https://developer.chrome.com/blog/overscroll-behavior) on developer.chrome.com (2017)

From 7a5d4c39c672ee4562aba5f4e8254dcbe6cc0d7f Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Sat, 20 Jan 2024 01:47:35 +0530
Subject: [PATCH 489/790] fix(html): mention that table cell styles are painted
 over column styles (#30830)

* fix(html): mention that table cell styles are painted over column styles

* add the layer section

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/html/element/table/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix lint issue

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/learn/html/tables/basics/index.md |   2 ++
 files/en-us/web/html/element/table/index.md   |  32 ++++++++++++++++++
 .../element/table/table_element_layers.png    | Bin 0 -> 9979 bytes
 3 files changed, 34 insertions(+)
 create mode 100644 files/en-us/web/html/element/table/table_element_layers.png

diff --git a/files/en-us/learn/html/tables/basics/index.md b/files/en-us/learn/html/tables/basics/index.md
index 0344c3e95a98733..d1c0b8e8a980ffd 100644
--- a/files/en-us/learn/html/tables/basics/index.md
+++ b/files/en-us/learn/html/tables/basics/index.md
@@ -521,6 +521,8 @@ If we wanted to apply the styling information to both columns, we could just inc
 
 Just like `colspan` and `rowspan`, `span` takes a unitless number value that specifies the number of columns you want the styling to apply to.
 
+> **Note:** When the table, a column, and table cells in that column are all styled separately then styles applied to the cells are painted on top of column styles which are painted on top of the table. This is because the table layer is rendered first, then the columns' layer is rendered, with the [cells' layer rendered on top of all the other table layers](/en-US/docs/Web/HTML/Element/table#table_layers_and_transparency).
+
 ### Active learning: colgroup and col
 
 Now it's time to have a go yourself.
diff --git a/files/en-us/web/html/element/table/index.md b/files/en-us/web/html/element/table/index.md
index 711119a4e1b21e6..f458f0b9d209fc2 100644
--- a/files/en-us/web/html/element/table/index.md
+++ b/files/en-us/web/html/element/table/index.md
@@ -142,6 +142,38 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
 
 > **Note:** While no HTML specification includes `height` as a `<table>` attribute, some browsers support a non-standard interpretation of `height`. The unitless value sets a minimum absolute height in pixels. If set as a percent value, the minimum table height will be relative to the height of the parent container.
 
+## Visual layout of table contents
+
+Following elements are part of the table structure:
+
+- {{HTMLElement("caption")}}
+- {{HTMLElement("thead")}}
+- {{HTMLElement("colgroup")}}
+- {{HTMLElement("col")}}
+- {{HTMLElement("th")}}
+- {{HTMLElement("tbody")}}
+- {{HTMLElement("tr")}}
+- {{HTMLElement("td")}}
+- {{HTMLElement("tfoot")}}
+
+The `<table>` box establishes a table formatting context. Elements inside the `<table>` generate rectangular boxes. Each box occupies a number of table cells according to the following rules:
+
+1. The row boxes fill the table in the source code order from top to bottom. Each row box occupies one row of cells.
+2. A row group box occupies one or more row boxes.
+3. Column boxes are placed next to each other in source code order. Depending on the value of the [`dir`](/en-US/docs/Web/HTML/Global_attributes/dir) attribute, the columns are laid in left-to-right or right-to-left direction. A column box occupies one or more columns of table cells.
+4. A column group box occupies one or more column boxes.
+5. A cell box may span over multiple rows and columns. User agents trim cells to fit in the available number of rows and columns.
+
+Table cells do have padding. Boxes that make up a table do not have margins.
+
+### Table layers and transparency
+
+For styling purpose the table elements may be thought of as being put on six superimposed layers:
+
+![Table element layers](table_element_layers.png)
+
+The background set on an element in one layer will be visible only if the layers above it have transparent background. A missing cell is rendered as if an anonymous table-cell box occupied that place.
+
 ## Examples
 
 ### Simple table
diff --git a/files/en-us/web/html/element/table/table_element_layers.png b/files/en-us/web/html/element/table/table_element_layers.png
new file mode 100644
index 0000000000000000000000000000000000000000..79888cef0293a083bdf2aaf0e7881c47b04ed843
GIT binary patch
literal 9979
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

literal 0
HcmV?d00001


From f728629f25ef43f09bd92ce0c3e99fc75b657266 Mon Sep 17 00:00:00 2001
From: Quinton Ashley <quinton-ashley@users.noreply.github.com>
Date: Fri, 19 Jan 2024 15:36:44 -0500
Subject: [PATCH 490/790] change blue to red (#31781)

---
 files/en-us/web/css/color_value/color/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/css/color_value/color/index.md b/files/en-us/web/css/color_value/color/index.md
index 0a844eb6cd76a9f..682b3409734b3e3 100644
--- a/files/en-us/web/css/color_value/color/index.md
+++ b/files/en-us/web/css/color_value/color/index.md
@@ -166,19 +166,19 @@ div {
 ```css
 @media (color-gamut: p3) {
   div {
-    background-color: color(display-p3 0 0 1);
+    background-color: color(display-p3 1 0 0);
   }
 }
 
 @media (color-gamut: srgb) {
   div:nth-child(2) {
-    background-color: color(srgb 0 0 1);
+    background-color: color(srgb 1 0 0);
   }
 }
 
 @media (color-gamut: rec2020) {
   div:nth-child(3) {
-    background-color: color(rec2020 0 0 1);
+    background-color: color(rec2020 1 0 0);
   }
 }
 ```

From ef18ec3ab5addea9c2a56b987c2d8087c1e5fb23 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Sat, 20 Jan 2024 02:20:00 +0530
Subject: [PATCH 491/790] fix(css): update opacity page (#31725)

* fix(css): update opacity page

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* update opacity transformation section

* fix flaws

* typo fixes

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 files/en-us/web/css/opacity/index.md | 35 +++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/css/opacity/index.md b/files/en-us/web/css/opacity/index.md
index c7fd085a29d1e29..c82d2479955a0c5 100644
--- a/files/en-us/web/css/opacity/index.md
+++ b/files/en-us/web/css/opacity/index.md
@@ -41,16 +41,45 @@ opacity: unset;
 
 `opacity` applies to the element as a whole, including its contents, even though the value is not inherited by child elements. Thus, the element and its children all have the same opacity relative to the element's background, even if they have different opacities relative to one another.
 
+To change the opacity of a background only, use the {{cssxref("background")}} property with a {{cssxref("color_value", "color value")}} that allows for an alpha channel. For example:
+
+```css
+background: rgb(0 0 0 / 40%);
+```
+
+When `opacity` value is set to `0`, the element and all of its children appear invisible, but they are still part of the DOM. That means they still register [pointer events](/en-US/docs/Web/API/Pointer_events) and, if the elements are in a tabbing order, they do get focus. For good usability, make sure to make such elements visible when they receive user interactions or use the CSS [`pointer-events`](/en-US/docs/Web/CSS/pointer-events) property to disable pointer events and take the element out of the tab order by disabling with the `disabled` attribute or setting [`tab-index="-1"`](/en-US/docs/Web/HTML/Global_attributes/tabindex) for non-form-related interactive elements.
+
 Using `opacity` with a value other than `1` places the element in a new [stacking context](/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context).
 
-When `opacity` value is set to `0`, the element and all of its children are not visible; however, they still register [pointer events](/en-US/docs/Web/API/Pointer_events). This can be controlled with the CSS [`pointer-events`](/en-US/docs/Web/CSS/pointer-events) property.
+Opacity alone should not be used to provide information to screen readers. Use the HTML [`hidden`](/en-US/docs/Web/HTML/Global_attributes/hidden) attribute, CSS [`visibility`](/en-US/docs/Web/CSS/visibility), or CSS [`display`](/en-US/docs/Web/CSS/display) style properties. It's best to avoid using [`aria-hidden`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-hidden) attribute, but if the element is hidden with opacity, then hide it from screen readers as well.
 
-To change the opacity of a background only, use the {{cssxref("background")}} property with a {{cssxref("color_value", "color value")}} that allows for an alpha channel. For example:
+### Transitioning opacity
+
+When [transitioning](/en-US/docs/Web/CSS/CSS_transitions) the opacity of elements as you add them to the page when content was formerly hidden with [`visibility: hidden`](/en-US/docs/Web/CSS/visibility#hidden), [`display: none`](/en-US/docs/Web/CSS/display#none), or [`content-visibility: hidden`](/en-US/docs/Web/CSS/content-visibility#hidden), you need to include both a [`@starting-style`](/en-US/docs/Web/CSS/@starting-style) and [`transition-behaviour: allow-discrete`](/en-US/docs/Web/CSS/transition-behavior#allow-discrete):
 
 ```css
-background: rgb(0 0 0 / 40%);
+.card {
+  transition:
+    opacity 5s,
+    display 5s;
+  background-color: orange;
+
+  transition-behavior: allow-discrete;
+  @starting-style {
+    opacity: 0;
+  }
+}
+
+.card.hidden {
+  display: none;
+  opacity: 0;
+}
 ```
 
+To enable first-style transitions, `@starting-style` rules are needed. In the above code, setting `opacity: 0` in `@starting-style` provides a starting point for the transition when the element receives its initial style update. For more details, see [`@starting-style`](/en-US/docs/Web/CSS/@starting-style).
+
+Setting `transition-behavior: allow-discrete` is required to transition to `display: none`. See the [`transition-behavior`](/en-US/docs/Web/CSS/transition-behavior) property for more details.
+
 ## Accessibility concerns
 
 If text opacity is adjusted, it is important to ensure that the contrast ratio between the color of the text and the background the text is placed over is high enough that people experiencing low vision conditions will be able to read the content of the page.

From caf689d1a428989119e0d7de3d3ac5618d2e73e1 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Fri, 19 Jan 2024 20:50:57 +0000
Subject: [PATCH 492/790] 31103 rect xywh (#31663)

* added the rect() & xywh() values to syntax and the example

* added the rect() & xywh() values to syntax

* added values to clip-path and offset-path for rect() and xywh()
---
 files/en-us/web/css/clip-path/index.md   | 8 ++++++++
 files/en-us/web/css/offset-path/index.md | 6 ++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/clip-path/index.md b/files/en-us/web/css/clip-path/index.md
index c323450b1cd0d0f..36b2cafcfb64175 100644
--- a/files/en-us/web/css/clip-path/index.md
+++ b/files/en-us/web/css/clip-path/index.md
@@ -37,6 +37,8 @@ clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
 clip-path: path(
   "M0.5,1 C0.5,1,0,0.7,0,0.3 A0.25,0.25,1,1,1,0.5,0.3 A0.25,0.25,1,1,1,1,0.3 C1,0.7,0.5,1,0.5,1 Z"
 );
+clip-path: rect(5px 5px 160px 145px round 20%);
+clip-path: xywh(0 5px 100% 75% round 15% 0);
 
 /* Box and shape values combined */
 clip-path: padding-box circle(50px at 0 100px);
@@ -69,6 +71,10 @@ The `clip-path` property is specified as one or a combination of the values list
       - : Defines a polygon using an SVG filling rule and a set of vertices.
     - {{cssxref("path","path()")}}
       - : Defines a shape using an optional SVG filling rule and an SVG path definition.
+    - {{cssxref("basic-shape/rect","rect()")}}
+      - : Defines a rectangle using the specified distances from the edges of the reference box.
+    - {{cssxref("basic-shape/xywh","xywh()")}}
+      - : Defines a rectangle using the specified distances from the top and left edges of the reference box and the specified width and height of the rectangle.
 
 - `<geometry-box>`
 
@@ -588,6 +594,8 @@ svg text.em {
   <option value="circle(100px at 110px 100px)">circle</option>
   <option value="url(#cross)" selected>cross</option>
   <option value="inset(20px round 20px)">inset</option>
+  <option value="rect(10px 10px 180px 220px round 20px)">rect</option>
+  <option value="xywh(0 20% 90% 67% round 0 0 5% 5px)">xywh</option>
   <option value="path('M 0 200 L 0,110 A 110,90 0,0,1 240,100 L 200 340 z')">
     path
   </option>
diff --git a/files/en-us/web/css/offset-path/index.md b/files/en-us/web/css/offset-path/index.md
index 4ea1cdcbd51e9bf..43902b76ffa450b 100644
--- a/files/en-us/web/css/offset-path/index.md
+++ b/files/en-us/web/css/offset-path/index.md
@@ -33,6 +33,8 @@ offset-path: ellipse(50% 50% at 25% 25%);
 offset-path: inset(50% 50% 50% 50%);
 offset-path: polygon(30% 0%, 70% 0%, 100% 50%, 30% 100%, 0% 70%, 0% 30%);
 offset-path: path("M 0,200 Q 200,200 260,80 Q 290,20 400,0 Q 300,100 400,200");
+offset-path: rect(5px 5px 160px 145px round 20%);
+offset-path: xywh(0 5px 100% 75% round 15% 0);
 
 /* Coordinate box */
 offset-path: content-box;
@@ -70,9 +72,9 @@ The `offset-path` property takes as its value an `<offset-path>` value, a [`<coo
 
       - : Specifies the ID of an [SVG shape element](/en-US/docs/Web/SVG/Tutorial/Basic_Shapes). The path is the shape of the SVG {{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("line")}}, {{SVGElement("path")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, or {{SVGElement("rect")}} element referenced by its `id` in the `url()` function. If the URL does not reference a shape element or is otherwise invalid, the resolved value for the offset path is `path("M0,0")` (which is a valid `<basic-shape>` value).
 
-    - [`<basic-shape>`](/en-US/docs/Web/CSS/basic-shape)
+    - {{cssxref("basic-shape")}}
 
-      - : Specifies the offset path as the equivalent path of a [CSS basic shape function](/en-US/docs/Web/CSS/CSS_shapes/Basic_shapes), such as [`circle()`](/en-US/docs/Web/CSS/basic-shape/circle), [`ellipse()`](/en-US/docs/Web/CSS/basic-shape/ellipse), [`inset()`](/en-US/docs/Web/CSS/basic-shape/inset), {{cssxref("path","path()")}}, or [`polygon()`](/en-US/docs/Web/CSS/basic-shape/polygon). For example, if the `<basic_shape>` is an `ellipse()` function, then the path is the outline of the ellipse, starting at the rightmost point of the ellipse, proceeding clockwise through a full rotation. For `ellipse()` and `circle()`, which accept the `at <position>` parameter, if the `<position>` is omitted, the position defaults to `center` unless the element has an {{cssxref("offset-position")}} specified. In this case, the `offset-position` value is used for the `at <position>` parameter.
+      - : Specifies the offset path as the equivalent path of a {{cssxref("basic-shape", "CSS basic shape function")}}, such as {{cssxref("basic-shape/circle","circle()")}}, {{cssxref("basic-shape/ellipse","ellipse()")}}, {{cssxref("basic-shape/inset","inset()")}}, {{cssxref("path","path()")}}, {{cssxref("basic-shape/polygon","polygon()")}}, {{cssxref("basic-shape/rect","rect()")}}, or {{cssxref("basic-shape/xywh","xywh()")}}. For example, if the `<basic_shape>` is an `ellipse()` function, then the path is the outline of the ellipse, starting at the rightmost point of the ellipse, proceeding clockwise through a full rotation. For `ellipse()` and `circle()`, which accept the `at <position>` parameter, if the `<position>` is omitted, the position defaults to `center` unless the element has an {{cssxref("offset-position")}} specified. In this case, the `offset-position` value is used for the `at <position>` parameter.
 
 - [`<coord-box>`](/en-US/docs/Web/CSS/box-edge#values)
 

From be67744937f45ab764ff2814d536de69bafff854 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C4=81nis=20Elmeris?= <janise@inbox.lv>
Date: Sat, 20 Jan 2024 00:31:36 +0200
Subject: [PATCH 493/790] Correct the description of the default "path" value
 (#29558)

Used the wording of https://www.rfc-editor.org/rfc/rfc6265#section-4.1.2.4

The old wording makes it seem like the default value could be the whole path of the current page, although it actually is the "directory" containing the document.
---
 files/en-us/web/api/document/cookie/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/document/cookie/index.md b/files/en-us/web/api/document/cookie/index.md
index f3b5ee7f7499c20..277188cdbf9f7de 100644
--- a/files/en-us/web/api/document/cookie/index.md
+++ b/files/en-us/web/api/document/cookie/index.md
@@ -52,7 +52,7 @@ In the code above, `newCookie` is a string of form `key=value`, specifying the c
   - `;partitioned`: Indicates that the cookie should be stored using partitioned storage. See [Cookies Having Independent Partitioned State (CHIPS)](/en-US/docs/Web/Privacy/Partitioned_cookies) for more details.
 
   - `;path=path`: Indicates the path that must exist in the requested URL for the browser to send the {{httpheader("Cookie")}} header (e.g., '`/`',
-    '`/mydir`'). If not specified, it defaults to the current path of the current document location.
+    '`/mydir`'). If not specified, it defaults to the "directory" of the current document URI's path component.
 
   - `;samesite`: [SameSite](/en-US/docs/Web/HTTP/Cookies#samesite_cookies) prevents the browser from sending this cookie along with cross-site
     requests. Possible values are `lax`, `strict` or `none`.

From 6c65e4c3e6130fe260c248af8e4f79eb5a8a0ebd Mon Sep 17 00:00:00 2001
From: Paul Jacks <Rebstorm@users.noreply.github.com>
Date: Sat, 20 Jan 2024 05:27:32 +0100
Subject: [PATCH 494/790] Adding an example to ProgressEvent constructor
 (#31334)

* adding-a-event-progress-constructor-example

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../api/progressevent/progressevent/index.md  | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/files/en-us/web/api/progressevent/progressevent/index.md b/files/en-us/web/api/progressevent/progressevent/index.md
index 494076a1aa2858b..853dc24b1fe8840 100644
--- a/files/en-us/web/api/progressevent/progressevent/index.md
+++ b/files/en-us/web/api/progressevent/progressevent/index.md
@@ -44,6 +44,28 @@ new ProgressEvent(type, options)
 
 A new {{domxref("ProgressEvent")}} object.
 
+## Example
+
+The example demonstrates how a `ProgressEvent` is built using a constructor. This is particularly useful for tracking the progress of processes like file uploads, downloads, or any long-running tasks.
+
+```js
+function updateProgress(loaded, total) {
+  const progressEvent = new ProgressEvent("progress", {
+    lengthComputable: true,
+    loaded: loaded,
+    total: total,
+  });
+
+  document.dispatchEvent(progressEvent);
+}
+
+document.addEventListener("progress", (event) => {
+  console.log(`Progress: ${event.loaded}/${event.total}`);
+});
+
+updateProgress(50, 100);
+```
+
 ## Specifications
 
 {{Specifications}}

From 33b66b0896ce8b3c4ed6c1ecec1feabf48b802ed Mon Sep 17 00:00:00 2001
From: Oliver Joseph Ash <oliverjash@gmail.com>
Date: Sat, 20 Jan 2024 04:49:04 +0000
Subject: [PATCH 495/790] Fix condition for determining if an element has been
 totally scrolled (#30958)

Convert `<` to `<=`

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 files/en-us/web/api/element/scrollheight/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/element/scrollheight/index.md b/files/en-us/web/api/element/scrollheight/index.md
index f1b944b751aca6e..e8c418d8f70ec92 100644
--- a/files/en-us/web/api/element/scrollheight/index.md
+++ b/files/en-us/web/api/element/scrollheight/index.md
@@ -37,7 +37,7 @@ An integer corresponding to the scrollHeight pixel value of the element.
 `scrollTop` is a non-rounded number, while `scrollHeight` and `clientHeight` are rounded — so the only way to determine if the scroll area is scrolled to the bottom is by seeing if the scroll amount is close enough to some threshold (in this example `1`):
 
 ```js
-Math.abs(element.scrollHeight - element.clientHeight - element.scrollTop) < 1;
+Math.abs(element.scrollHeight - element.clientHeight - element.scrollTop) <= 1;
 ```
 
 The following will _not_ work all the time because `scrollTop` can contain decimals:

From 1fc8a1c228a774b78c1eba4b3aad62cabe640c93 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 20 Jan 2024 13:47:29 +0800
Subject: [PATCH 496/790] fix section name | `Throws` to `Exceptions` (#31815)

fix section name
---
 files/en-us/web/api/window/getcomputedstyle/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/window/getcomputedstyle/index.md b/files/en-us/web/api/window/getcomputedstyle/index.md
index f9e30af5388e218..7c41b3d1f0df5c6 100644
--- a/files/en-us/web/api/window/getcomputedstyle/index.md
+++ b/files/en-us/web/api/window/getcomputedstyle/index.md
@@ -36,7 +36,7 @@ getComputedStyle(element, pseudoElt)
 A _live_ {{DOMxRef("CSSStyleDeclaration")}}
 object, which updates automatically when the element's styles are changed.
 
-### Throws
+### Exceptions
 
 - {{JSxRef("TypeError")}}
 

From 18ff4e50476f7420f5ff744b53c49b8cd890d19d Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Sat, 20 Jan 2024 14:01:22 +0800
Subject: [PATCH 497/790] fix the bold style (#31824)

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

diff --git a/files/en-us/web/javascript/reference/operators/exponentiation/index.md b/files/en-us/web/javascript/reference/operators/exponentiation/index.md
index 19da78cb9476e63..59510fc66a3a74c 100644
--- a/files/en-us/web/javascript/reference/operators/exponentiation/index.md
+++ b/files/en-us/web/javascript/reference/operators/exponentiation/index.md
@@ -7,7 +7,7 @@ browser-compat: javascript.operators.exponentiation
 
 {{jsSidebar("Operators")}}
 
-The **exponentiation (`**`)\*\* operator returns the result of raising the first operand to the power of the second operand. It is equivalent to {{jsxref("Math.pow()")}}, except it also accepts [BigInts](/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt) as operands.
+The **exponentiation (`**`)** operator returns the result of raising the first operand to the power of the second operand. It is equivalent to {{jsxref("Math.pow()")}}, except it also accepts [BigInts](/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt) as operands.
 
 {{EmbedInteractiveExample("pages/js/expressions-exponentiation.html")}}
 

From 31041de2c087bf034179e7d16117771f7499f396 Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Fri, 19 Jan 2024 22:27:19 -0800
Subject: [PATCH 498/790] Clarify default value of cookie Path attribute
 (#31823)

---
 files/en-us/web/api/document/cookie/index.md |  3 +--
 files/en-us/web/http/cookies/index.md        | 10 ++++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/document/cookie/index.md b/files/en-us/web/api/document/cookie/index.md
index 277188cdbf9f7de..0282a20c472f68b 100644
--- a/files/en-us/web/api/document/cookie/index.md
+++ b/files/en-us/web/api/document/cookie/index.md
@@ -51,8 +51,7 @@ In the code above, `newCookie` is a string of form `key=value`, specifying the c
 
   - `;partitioned`: Indicates that the cookie should be stored using partitioned storage. See [Cookies Having Independent Partitioned State (CHIPS)](/en-US/docs/Web/Privacy/Partitioned_cookies) for more details.
 
-  - `;path=path`: Indicates the path that must exist in the requested URL for the browser to send the {{httpheader("Cookie")}} header (e.g., '`/`',
-    '`/mydir`'). If not specified, it defaults to the "directory" of the current document URI's path component.
+  - `;path=path`: The value of the cookie's [`Path` attribute](/en-US/docs/Web/HTTP/Cookies#path_attribute).
 
   - `;samesite`: [SameSite](/en-US/docs/Web/HTTP/Cookies#samesite_cookies) prevents the browser from sending this cookie along with cross-site
     requests. Possible values are `lax`, `strict` or `none`.
diff --git a/files/en-us/web/http/cookies/index.md b/files/en-us/web/http/cookies/index.md
index 06ce8484240d140..a69453249472972 100644
--- a/files/en-us/web/http/cookies/index.md
+++ b/files/en-us/web/http/cookies/index.md
@@ -122,6 +122,16 @@ But these request paths don't:
 - `/docsets`
 - `/fr/docs`
 
+##### Path default value
+
+If the `Path` attribute is not set, its default value is computed from the [path](/en-US/docs/Learn/Common_questions/Web_mechanics/What_is_a_URL#path_to_resource) of the URI that set the cookie, as follows:
+
+- If the path is empty, does not start with `"/"`, or contains no more than one `"/"` character, then the default value for `Path` is `"/"`.
+- Otherwise, the default value for `Path` is the path from the start up to but not including the final `"/"` character.
+
+For example, if the cookie was set from `"https://example.org/a/b/c`, then the default value of `Path`
+would be `"/a/b"`.
+
 #### SameSite attribute
 
 The [`SameSite`](/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value) attribute lets servers specify whether/when cookies are sent with cross-site requests (where {{Glossary("Site")}} is defined by the registrable domain and the _scheme_: http or https).

From 39cb1e73c4bdb727f40f377fe0d0b31b2f92c03f Mon Sep 17 00:00:00 2001
From: Eugene Zemtsov <eugene@chromium.org>
Date: Fri, 19 Jan 2024 22:34:51 -0800
Subject: [PATCH 499/790] webcodecs: Buffer transfer symantics in contructors
 (#31796)

---
 files/en-us/web/api/audiodata/audiodata/index.md           | 2 ++
 .../web/api/encodedaudiochunk/encodedaudiochunk/index.md   | 3 +++
 .../web/api/encodedvideochunk/encodedvideochunk/index.md   | 3 +++
 files/en-us/web/api/imagedecoder/imagedecoder/index.md     | 2 ++
 files/en-us/web/api/videoframe/videoframe/index.md         | 7 +++++--
 5 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/audiodata/audiodata/index.md b/files/en-us/web/api/audiodata/audiodata/index.md
index a0c648c8c622db0..6fae3dc27cfc5c3 100644
--- a/files/en-us/web/api/audiodata/audiodata/index.md
+++ b/files/en-us/web/api/audiodata/audiodata/index.md
@@ -42,6 +42,8 @@ new AudioData(init)
       - : An integer indicating the data's time in microseconds .
     - `data`
       - : A typed array of the audio data for this sample.
+    - `transfer`
+      - : An array of {{jsxref("ArrayBuffer")}}s that `AudioData` will detach and take ownership of. If the array contains the {{jsxref("ArrayBuffer")}} backing `data`, `AudioData` will use that buffer directly instead of copying from it.
 
 ## Exceptions
 
diff --git a/files/en-us/web/api/encodedaudiochunk/encodedaudiochunk/index.md b/files/en-us/web/api/encodedaudiochunk/encodedaudiochunk/index.md
index 806d6b175a511c9..2a282b0a32333bb 100644
--- a/files/en-us/web/api/encodedaudiochunk/encodedaudiochunk/index.md
+++ b/files/en-us/web/api/encodedaudiochunk/encodedaudiochunk/index.md
@@ -34,6 +34,8 @@ new EncodedAudioChunk(options)
       - : An integer representing the length of the audio in microseconds.
     - `data`
       - : An {{jsxref("ArrayBuffer")}}, a {{jsxref("TypedArray")}}, or a {{jsxref("DataView")}} containing the audio data.
+    - `transfer`
+      - : An array of {{jsxref("ArrayBuffer")}}s that `EncodedAudioChunk` will detach and take ownership of. If the array contains the {{jsxref("ArrayBuffer")}} backing `data`, `EncodedAudioChunk` will use that buffer directly instead of copying from it.
 
 ## Examples
 
@@ -45,6 +47,7 @@ const init = {
   data: audioBuffer,
   timestamp: 23000000,
   duration: 2000000,
+  transfer: [audioBuffer],
 };
 chunk = new EncodedAudioChunk(init);
 ```
diff --git a/files/en-us/web/api/encodedvideochunk/encodedvideochunk/index.md b/files/en-us/web/api/encodedvideochunk/encodedvideochunk/index.md
index 028071ea484e60c..5f3b759050b230e 100644
--- a/files/en-us/web/api/encodedvideochunk/encodedvideochunk/index.md
+++ b/files/en-us/web/api/encodedvideochunk/encodedvideochunk/index.md
@@ -32,6 +32,8 @@ new EncodedVideoChunk(options)
       - : An integer representing the length of the video in microseconds.
     - `data`
       - : An {{jsxref("ArrayBuffer")}}, a {{jsxref("TypedArray")}}, or a {{jsxref("DataView")}} containing the video data.
+    - `transfer`
+      - : An array of {{jsxref("ArrayBuffer")}}s that `EncodedVideoChunk` will detach and take ownership of. If the array contains the {{jsxref("ArrayBuffer")}} backing `data`, `EncodedVideoChunk` will use that buffer directly instead of copying from it.
 
 ## Examples
 
@@ -43,6 +45,7 @@ const init = {
   data: videoBuffer,
   timestamp: 23000000,
   duration: 2000000,
+  transfer: [videoBuffer],
 };
 chunk = new EncodedVideoChunk(init);
 ```
diff --git a/files/en-us/web/api/imagedecoder/imagedecoder/index.md b/files/en-us/web/api/imagedecoder/imagedecoder/index.md
index bc9d9291980ed68..6aaa03641888b93 100644
--- a/files/en-us/web/api/imagedecoder/imagedecoder/index.md
+++ b/files/en-us/web/api/imagedecoder/imagedecoder/index.md
@@ -41,6 +41,8 @@ new ImageDecoder(init)
       - : An integer indicating the desired height for the decoded output. Has no effect unless the image codec supports variable resolution decoding.
     - `preferAnimation` {{optional_inline}}
       - : A {{jsxref("Boolean")}} indicating whether the initial track selection should prefer an animated track.
+    - `transfer`
+      - : An array of {{jsxref("ArrayBuffer")}}s that `ImageDecoder` will detach and take ownership of. If the array contains the {{jsxref("ArrayBuffer")}} backing `data`, `ImageDecoder` will use that buffer directly instead of copying from it.
 
 ## Examples
 
diff --git a/files/en-us/web/api/videoframe/videoframe/index.md b/files/en-us/web/api/videoframe/videoframe/index.md
index b6d1a0bcef91aeb..0f7df9cfb8f01a5 100644
--- a/files/en-us/web/api/videoframe/videoframe/index.md
+++ b/files/en-us/web/api/videoframe/videoframe/index.md
@@ -58,7 +58,7 @@ The first type of constructor (see above) creates a new {{domxref("VideoFrame")}
 The second type of constructor (see above) creates a new {{domxref("VideoFrame")}} from an {{jsxref("ArrayBuffer")}}. Its parameters are:
 
 - `data`
-  - : An {{jsxref("ArrayBuffer")}} containing the data for the new `VideoFrame`.
+  - : An {{jsxref("ArrayBuffer")}}, a {{jsxref("TypedArray")}}, or a {{jsxref("DataView")}} containing the data for the new `VideoFrame`.
 - `options`
   - : An object containing the following:
     - `format`
@@ -111,6 +111,8 @@ The second type of constructor (see above) creates a new {{domxref("VideoFrame")
           - : A string representing the video color matrix, described on the page for the {{domxref("VideoColorSpace.matrix")}} property.
         - `fullRange`
           - : A Boolean. If `true`, indicates that full-range color values are used.
+    - `transfer`
+      - : An array of {{jsxref("ArrayBuffer")}}s that `VideoFrame` will detach and take ownership of. If the array contains the {{jsxref("ArrayBuffer")}} backing `data`, `VideoFrame` will use that buffer directly instead of copying from it.
 
 ## Examples
 
@@ -127,7 +129,7 @@ In the following example a `VideoFrame` is created from a {{jsxref("TypedArray")
 
 ```js
 const pixelSize = 4;
-const init = {
+let init = {
   timestamp: 0,
   codedWidth: 320,
   codedHeight: 200,
@@ -143,6 +145,7 @@ for (let x = 0; x < init.codedWidth; x++) {
     data[offset + 3] = 0x0ff; // Alpha
   }
 }
+init.transfer = [data.buffer];
 let frame = new VideoFrame(data, init);
 ```
 

From d36a0f08f71bc7e17a013da81ed63144a96f7699 Mon Sep 17 00:00:00 2001
From: Muaz Sikiric <41543403+sikithedev@users.noreply.github.com>
Date: Sat, 20 Jan 2024 23:55:52 +0100
Subject: [PATCH 500/790] Fix typos (#31818)

---
 .../building_blocks/functions/index.md        | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/files/en-us/learn/javascript/building_blocks/functions/index.md b/files/en-us/learn/javascript/building_blocks/functions/index.md
index a14b91ed2d9fb43..4569ce3f97f5e69 100644
--- a/files/en-us/learn/javascript/building_blocks/functions/index.md
+++ b/files/en-us/learn/javascript/building_blocks/functions/index.md
@@ -36,7 +36,7 @@ Pretty much anytime you make use of a JavaScript structure that features a pair
 
 ## Built-in browser functions
 
-We've used functions built in to the browser a lot in this course.
+We've used functions built into the browser a lot in this course.
 
 Every time we manipulated a text string, for example:
 
@@ -72,15 +72,15 @@ We were using a _function_!
 
 > **Note:** Feel free to enter these lines into your browser's JavaScript console to re-familiarize yourself with their functionality, if needed.
 
-The JavaScript language has many built-in functions to allow you to do useful things without having to write all that code yourself. In fact, some of the code you are calling when you **invoke** (a fancy word for run, or execute) a built in browser function couldn't be written in JavaScript — many of these functions are calling parts of the background browser code, which is written largely in low-level system languages like C++, not web languages like JavaScript.
+The JavaScript language has many built-in functions to allow you to do useful things without having to write all that code yourself. In fact, some of the code you are calling when you **invoke** (a fancy word for run, or execute) a built-in browser function couldn't be written in JavaScript — many of these functions are calling parts of the background browser code, which is written largely in low-level system languages like C++, not web languages like JavaScript.
 
 Bear in mind that some built-in browser functions are not part of the core JavaScript language — some are defined as part of browser APIs, which build on top of the default language to provide even more functionality (refer to [this early section of our course](/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript#so_what_can_it_really_do) for more descriptions). We'll look at using browser APIs in more detail in a later module.
 
 ## Functions versus methods
 
-**Functions** that are part of objects are called **methods**. You don't need to learn about the inner workings of structured JavaScript objects yet — you can wait until our later module that will teach you all about the inner workings of objects, and how to create your own. For now, we just wanted to clear up any possible confusion of method versus function — you are likely to meet both terms as you look at the available related resources across the Web.
+**Functions** that are part of objects are called **methods**. You don't need to learn about the inner workings of structured JavaScript objects yet — you can wait until our later module that will teach you all about the inner workings of objects, and how to create your own. For now, we just wanted to clear up any possible confusion about method versus function — you are likely to meet both terms as you look at the available related resources across the Web.
 
-The built-in code we've made use of so far come in both forms: **functions** and **methods.** You can check the full list of the built-in functions, as well as the built-in objects and their corresponding methods [here](/en-US/docs/Web/JavaScript/Reference/Global_Objects).
+The built-in code we've made use of so far comes in both forms: **functions** and **methods.** You can check the full list of the built-in functions, as well as the built-in objects and their corresponding methods [here](/en-US/docs/Web/JavaScript/Reference/Global_Objects).
 
 You've also seen a lot of **custom functions** in the course so far — functions defined in your code, not inside the browser. Anytime you saw a custom name with parentheses straight after it, you were using a custom function. In our [random-canvas-circles.html](https://mdn.github.io/learning-area/javascript/building-blocks/loops/random-canvas-circles.html) example (see also the full [source code](https://github.com/mdn/learning-area/blob/main/javascript/building-blocks/loops/random-canvas-circles.html)) from our [loops article](/en-US/docs/Learn/JavaScript/Building_blocks/Looping_code), we included a custom `draw()` function that looked like this:
 
@@ -102,7 +102,7 @@ This function draws 100 random circles inside a {{htmlelement("canvas")}} elemen
 draw();
 ```
 
-rather than having to write all that code out again every time we want to repeat it. And functions can contain whatever code you like — you can even call other functions from inside functions. The above function for example calls the `random()` function three times, which is defined by the following code:
+rather than having to write all that code out again every time we want to repeat it. Functions can contain whatever code you like — you can even call other functions from inside functions. The above function for example calls the `random()` function three times, which is defined by the following code:
 
 ```js
 function random(number) {
@@ -125,7 +125,7 @@ myFunction();
 // calls the function once
 ```
 
-> **Note:** This form of creating a function is also known as _function declaration_. It is always hoisted, so you can call function above function definition and it will work fine.
+> **Note:** This form of creating a function is also known as _function declaration_. It is always hoisted so that you can call the function above the function definition and it will work fine.
 
 ## Function parameters
 
@@ -196,9 +196,9 @@ But you can also create a function that doesn't have a name:
 });
 ```
 
-This is called an **anonymous function**, because it has no name. You'll often see anonymous functions when a function expects to receive another function as a parameter. In this case the function parameter is often passed as an anonymous function.
+This is called an **anonymous function**, because it has no name. You'll often see anonymous functions when a function expects to receive another function as a parameter. In this case, the function parameter is often passed as an anonymous function.
 
-> **Note:** This form of creating a function is also known as _function expression_. Unlike function declaration, function expressions are not hoisted.
+> **Note:** This form of creating a function is also known as _function expression_. Unlike function declarations, function expressions are not hoisted.
 
 ### Anonymous function example
 
@@ -243,7 +243,7 @@ textBox.addEventListener("keydown", event => {
 });
 ```
 
-Finally, if your function contains only one line that's a `return` statement, you can also omit the braces and the `return` keyword, and implicitly return the expression. In the following example we're using the {{jsxref("Array.prototype.map()","map()")}} method of `Array` to double every value in the original array:
+Finally, if your function contains only one line that's a `return` statement, you can also omit the braces and the `return` keyword and implicitly return the expression. In the following example, we're using the {{jsxref("Array.prototype.map()","map()")}} method of `Array` to double every value in the original array:
 
 ```js-nolint
 const originals = [1, 2, 3];
@@ -275,7 +275,7 @@ In this case, the value of `console.log()`, which is `undefined`, is implicitly
 
 We recommend that you use arrow functions, as they can make your code shorter and more readable. To learn more, see the [section on arrow functions in the JavaScript guide](/en-US/docs/Web/JavaScript/Guide/Functions#arrow_functions), and our [reference page on arrow functions](/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions).
 
-> **Note:** There are some subtle differences between arrow functions and normal functions. They're outside the scope of this introductory guide, and are unlikely to make a difference in the cases we've discussed here. To learn more, see the [arrow function reference documentation](/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions).
+> **Note:** There are some subtle differences between arrow functions and normal functions. They're outside the scope of this introductory guide and are unlikely to make a difference in the cases we've discussed here. To learn more, see the [arrow function reference documentation](/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions).
 
 ### Arrow function live sample
 
@@ -313,7 +313,7 @@ The result - try typing into the text box and see the output:
 
 Let's talk a bit about {{glossary("scope")}} — a very important concept when dealing with functions. When you create a function, the variables and other things defined inside the function are inside their own separate **scope**, meaning that they are locked away in their own separate compartments, unreachable from code outside the functions.
 
-The top level outside all your functions is called the **global scope**. Values defined in the global scope are accessible from everywhere in the code.
+The top-level outside all your functions is called the **global scope**. Values defined in the global scope are accessible from everywhere in the code.
 
 JavaScript is set up like this for various reasons — but mainly because of security and organization. Sometimes you don't want variables to be accessible from everywhere in the code — external scripts that you call in from elsewhere could start to mess with your code and cause problems because they happen to be using the same variable names as other parts of the code, causing conflicts. This might be done maliciously, or just by accident.
 
@@ -350,11 +350,11 @@ Both functions you want to call are called `greeting()`, but you can only ever a
 
 Keeping parts of your code locked away in functions avoids such problems, and is considered the best practice.
 
-It is a bit like a zoo. The lions, zebras, tigers, and penguins are kept in their own enclosures, and only have access to the things inside their enclosures — in the same manner as the function scopes. If they were able to get into other enclosures, problems would occur. At best, different animals would feel really uncomfortable inside unfamiliar habitats — a lion or tiger would feel terrible inside the penguins' watery, icy domain. At worst, the lions and tigers might try to eat the penguins!
+It is a bit like a zoo. The lions, zebras, tigers, and penguins are kept in their own enclosures and only have access to the things inside their enclosures — in the same manner as the function scopes. If they were able to get into other enclosures, problems would occur. At best, different animals would feel really uncomfortable inside unfamiliar habitats — a lion or tiger would feel terrible inside the penguins' watery, icy domain. At worst, the lions and tigers might try to eat the penguins!
 
 ![Four different animals enclosed in their respective habitat in a Zoo](mdn-mozilla-zoo.png)
 
-The zoo keeper is like the global scope — they have the keys to access every enclosure, to restock food, tend to sick animals, etc.
+The zoo keeper is like the global scope — they have the keys to access every enclosure, restock food, tend to sick animals, etc.
 
 ### Active learning: Playing with scope
 
@@ -377,7 +377,7 @@ Let's look at a real example to demonstrate scoping.
    output(z);
    ```
 
-   Both of these should throw an error into the console along the lines of "[ReferenceError: y is not defined](/en-US/docs/Web/JavaScript/Reference/Errors/Not_defined)". Why is that? Because of function scope — `y` and `z` are locked inside the `a()` and `b()` functions, so `output()` can't access them when called from the global scope.
+   Both of these should throw an error into the console along the lines of "[ReferenceError: y is not defined](/en-US/docs/Web/JavaScript/Reference/Errors/Not_defined)". Why is that? Because of function scope, `y` and `z` are locked inside the `a()` and `b()` functions, so `output()` can't access them when called from the global scope.
 
 5. However, what about when it's called from inside another function? Try editing `a()` and `b()` so they look like this:
 
@@ -454,7 +454,7 @@ Let's look at a real example to demonstrate scoping.
 
 ## Test your skills!
 
-You've reached the end of this article, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see [Test your skills: Functions](/en-US/docs/Learn/JavaScript/Building_blocks/Test_your_skills:_Functions). These tests require skills that are covered in the next two articles, so you might want to read those first before trying it.
+You've reached the end of this article, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see [Test your skills: Functions](/en-US/docs/Learn/JavaScript/Building_blocks/Test_your_skills:_Functions). These tests require skills that are covered in the next two articles, so you might want to read those first before trying them.
 
 ## Conclusion
 

From ff60b310edfa54c24e3470af5a9996cfd862c443 Mon Sep 17 00:00:00 2001
From: Dan Rose <danoftheroses@gmail.com>
Date: Sat, 20 Jan 2024 18:40:15 -0600
Subject: [PATCH 501/790] `BLEND_EQUATION_ALPHA` != `BLEND_EQUATION` (#31829)

---
 files/en-us/web/api/webgl_api/constants/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/webgl_api/constants/index.md b/files/en-us/web/api/webgl_api/constants/index.md
index a622ece1dae55ba..64cb1d3a6ef26ec 100644
--- a/files/en-us/web/api/webgl_api/constants/index.md
+++ b/files/en-us/web/api/webgl_api/constants/index.md
@@ -335,7 +335,7 @@ Constants passed to {{domxref("WebGLRenderingContext.getParameter()")}} to speci
       <td>0x883D</td>
       <td>
         Passed to <code>getParameter</code> to get the current alpha blend
-        function. Same as BLEND_EQUATION
+        function.
       </td>
     </tr>
     <tr>

From a6f2a5b313727d983c369dec91c4c7418b1b4f74 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Sun, 21 Jan 2024 06:10:30 +0530
Subject: [PATCH 502/790] Synchronize with BCD v5.5.7 (#31833)

Co-authored-by: OnkarRuikar <OnkarRuikar@users.noreply.github.com>
---
 .../characterboundsupdateevent/index.md       |  4 ++-
 .../api/characterboundsupdateevent/index.md   |  6 ++--
 files/en-us/web/api/contactaddress/index.md   | 22 ++++++------
 files/en-us/web/api/editcontext/index.md      | 34 +++++++++----------
 files/en-us/web/api/editcontext_api/index.md  |  6 ++--
 files/en-us/web/api/htmlelement/index.md      |  2 +-
 files/en-us/web/api/textformat/index.md       | 10 +++---
 .../web/api/textformatupdateevent/index.md    |  4 +--
 .../textformatupdateevent/index.md            |  4 ++-
 files/en-us/web/api/textupdateevent/index.md  | 12 +++----
 .../textupdateevent/textupdateevent/index.md  |  4 ++-
 11 files changed, 58 insertions(+), 50 deletions(-)

diff --git a/files/en-us/web/api/characterboundsupdateevent/characterboundsupdateevent/index.md b/files/en-us/web/api/characterboundsupdateevent/characterboundsupdateevent/index.md
index 36984096e96e3b0..682f71e55e75c76 100644
--- a/files/en-us/web/api/characterboundsupdateevent/characterboundsupdateevent/index.md
+++ b/files/en-us/web/api/characterboundsupdateevent/characterboundsupdateevent/index.md
@@ -3,10 +3,12 @@ title: "CharacterBoundsUpdateEvent: CharacterBoundsUpdateEvent() constructor"
 short-title: CharacterBoundsUpdateEvent()
 slug: Web/API/CharacterBoundsUpdateEvent/CharacterBoundsUpdateEvent
 page-type: web-api-constructor
+status:
+  - experimental
 browser-compat: api.CharacterBoundsUpdateEvent.CharacterBoundsUpdateEvent
 ---
 
-{{APIRef("CharacterBoundsUpdateEvent API")}}
+{{APIRef("CharacterBoundsUpdateEvent API")}}{{SeeCompatTable}}
 
 The **`CharacterBoundsUpdateEvent()`** constructor returns a new {{DOMxRef("CharacterBoundsUpdateEvent")}} object.
 
diff --git a/files/en-us/web/api/characterboundsupdateevent/index.md b/files/en-us/web/api/characterboundsupdateevent/index.md
index d018798e197eba5..dacd18bdfc536ca 100644
--- a/files/en-us/web/api/characterboundsupdateevent/index.md
+++ b/files/en-us/web/api/characterboundsupdateevent/index.md
@@ -17,14 +17,14 @@ This interface inherits properties from {{domxref("Event")}}.
 
 ## Constructor
 
-- {{domxref("CharacterBoundsUpdateEvent.CharacterBoundsUpdateEvent", "CharacterBoundsUpdateEvent()")}}
+- {{domxref("CharacterBoundsUpdateEvent.CharacterBoundsUpdateEvent", "CharacterBoundsUpdateEvent()")}} {{experimental_inline}}
   - : Creates a new `CharacterBoundsUpdateEvent` object.
 
 ## Instance properties
 
-- {{domxref('CharacterBoundsUpdateEvent.rangeStart')}} {{readonlyinline}}
+- {{domxref('CharacterBoundsUpdateEvent.rangeStart')}} {{readonlyinline}} {{experimental_inline}}
   - : The offset of the first character within the editable region text for which the operating system needs the bounds.
-- {{domxref('CharacterBoundsUpdateEvent.rangeEnd')}} {{readonlyinline}}
+- {{domxref('CharacterBoundsUpdateEvent.rangeEnd')}} {{readonlyinline}} {{experimental_inline}}
   - : The offset of the last character within the editable region text for which the operating system needs the bounds.
 
 ## Examples
diff --git a/files/en-us/web/api/contactaddress/index.md b/files/en-us/web/api/contactaddress/index.md
index 53924954facef7e..be5f84be7cf58b3 100644
--- a/files/en-us/web/api/contactaddress/index.md
+++ b/files/en-us/web/api/contactaddress/index.md
@@ -15,30 +15,30 @@ It may be useful to refer to the Universal Postal Union website's [Addressing S4
 
 ## Instance properties
 
-- {{domxref('ContactAddress.addressLine')}} {{ReadOnlyInline}}
+- {{domxref('ContactAddress.addressLine')}} {{ReadOnlyInline}} {{experimental_inline}}
   - : An array of strings providing each line of the address not included among the other properties. The exact size and content varies by country or location and can include, for example, a street name, house number, apartment number, rural delivery route, descriptive instructions, or post office box number.
-- {{domxref('ContactAddress.country')}} {{ReadOnlyInline}}
+- {{domxref('ContactAddress.country')}} {{ReadOnlyInline}} {{experimental_inline}}
   - : A string specifying the country in which the address is located, using the [ISO-3166-1 alpha-2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2) standard. The string is always given in its canonical upper-case form. Some examples of valid `country` values: `"US"`, `"GB"`, `"CN"`, or `"JP"`.
-- {{domxref('ContactAddress.city')}} {{ReadOnlyInline}}
+- {{domxref('ContactAddress.city')}} {{ReadOnlyInline}} {{experimental_inline}}
   - : A string which contains the city or town portion of the address.
-- {{domxref('ContactAddress.dependentLocality')}} {{ReadOnlyInline}}
+- {{domxref('ContactAddress.dependentLocality')}} {{ReadOnlyInline}} {{experimental_inline}}
   - : A string giving the dependent locality or sublocality within a city, for example, a neighborhood, borough, district, or UK dependent locality.
-- {{domxref('ContactAddress.organization')}} {{ReadOnlyInline}}
+- {{domxref('ContactAddress.organization')}} {{ReadOnlyInline}} {{experimental_inline}}
   - : A string specifying the name of the organization, firm, company, or institution at the address.
-- {{domxref('ContactAddress.phone')}} {{ReadOnlyInline}}
+- {{domxref('ContactAddress.phone')}} {{ReadOnlyInline}} {{experimental_inline}}
   - : A string specifying the telephone number of the recipient or contact person.
-- {{domxref('ContactAddress.postalCode')}} {{ReadOnlyInline}}
+- {{domxref('ContactAddress.postalCode')}} {{ReadOnlyInline}} {{experimental_inline}}
   - : A string specifying a code used by a jurisdiction for mail routing, for example, the ZIP code in the United States or the PIN code in India.
-- {{domxref('ContactAddress.recipient')}} {{ReadOnlyInline}}
+- {{domxref('ContactAddress.recipient')}} {{ReadOnlyInline}} {{experimental_inline}}
   - : A string giving the name of the recipient, purchaser, or contact person at the address.
-- {{domxref('ContactAddress.region')}} {{ReadOnlyInline}}
+- {{domxref('ContactAddress.region')}} {{ReadOnlyInline}} {{experimental_inline}}
   - : A string containing the top level administrative subdivision of the country, for example a state, province, oblast, or prefecture.
-- {{domxref('ContactAddress.sortingCode')}} {{ReadOnlyInline}}
+- {{domxref('ContactAddress.sortingCode')}} {{ReadOnlyInline}} {{experimental_inline}}
   - : A string providing a postal sorting code such as is used in France.
 
 ## Instance methods
 
-- {{domxref('ContactAddress.toJSON()')}}
+- {{domxref('ContactAddress.toJSON()')}} {{experimental_inline}}
   - : A standard serializer that returns a JSON representation of the `ContactAddress` object's properties.
 
 ## Examples
diff --git a/files/en-us/web/api/editcontext/index.md b/files/en-us/web/api/editcontext/index.md
index 239b79bec1eca3b..8dc47ab73386203 100644
--- a/files/en-us/web/api/editcontext/index.md
+++ b/files/en-us/web/api/editcontext/index.md
@@ -15,50 +15,50 @@ The {{domxref("EditContext API", "", "", "nocode")}} can be used to build rich t
 
 ## Constructor
 
-- {{domxref("EditContext.EditContext", "EditContext()")}}
+- {{domxref("EditContext.EditContext", "EditContext()")}} {{experimental_inline}}
   - : Returns a new `EditContext` instance.
 
 ## Instance properties
 
-- {{domxref("EditContext.text")}} {{ReadOnlyInline}}
+- {{domxref("EditContext.text")}} {{ReadOnlyInline}} {{experimental_inline}}
   - : The editable content of the element.
-- {{domxref("EditContext.selectionStart")}} {{ReadOnlyInline}}
+- {{domxref("EditContext.selectionStart")}} {{ReadOnlyInline}} {{experimental_inline}}
   - : The offset, within the editable text content, of the start of the current selection.
-- {{domxref("EditContext.selectionEnd")}} {{ReadOnlyInline}}
+- {{domxref("EditContext.selectionEnd")}} {{ReadOnlyInline}} {{experimental_inline}}
   - : The offset, within the editable text content, of the end of the current selection.
-- {{domxref("EditContext.characterBoundsRangeStart")}} {{ReadOnlyInline}}
+- {{domxref("EditContext.characterBoundsRangeStart")}} {{ReadOnlyInline}} {{experimental_inline}}
   - : The offset, within the editable text content, where the last IME composition started.
 
 ## Instance methods
 
 _`EditContext` is based on the {{domxref("EventTarget")}} interface, and includes its methods._
 
-- {{domxref("EditContext.attachedElements()")}}
+- {{domxref("EditContext.attachedElements()")}} {{experimental_inline}}
   - : An {{jsxref("Array")}} containing one {{domxref("HTMLElement")}} object which is the element that's associated with the `EditContext` object.
-- {{domxref("EditContext.characterBounds()")}}
+- {{domxref("EditContext.characterBounds()")}} {{experimental_inline}}
   - : The list of bounding rectangles for the characters in the `EditContext` object.
-- {{domxref("EditContext.updateText()")}}
+- {{domxref("EditContext.updateText()")}} {{experimental_inline}}
   - : Updates the internal text content of the `EditContext` object.
-- {{domxref("EditContext.updateSelection()")}}
+- {{domxref("EditContext.updateSelection()")}} {{experimental_inline}}
   - : Updates the internal state of the selection within the editable text context.
-- {{domxref("EditContext.updateControlBounds()")}}
+- {{domxref("EditContext.updateControlBounds()")}} {{experimental_inline}}
   - : Informs the operating system about the position and size of the editable text region.
-- {{domxref("EditContext.updateSelectionBounds()")}}
+- {{domxref("EditContext.updateSelectionBounds()")}} {{experimental_inline}}
   - : Informs the operating system about the position and size of the selection within the editable text region.
-- {{domxref("EditContext.updateCharacterBounds()")}}
+- {{domxref("EditContext.updateCharacterBounds()")}} {{experimental_inline}}
   - : Informs the operating system about the position and size of the characters in the `EditContext` object.
 
 ## Events
 
-- {{domxref("EditContext.textupdate_event", "textupdate")}}
+- {{domxref("EditContext.textupdate_event", "textupdate")}} {{experimental_inline}}
   - : Fired when the user has made changes to the text or selection.
-- {{domxref("EditContext.textformatupdate_event", "textformatupdate")}}
+- {{domxref("EditContext.textformatupdate_event", "textformatupdate")}} {{experimental_inline}}
   - : Fired when composition using an {{glossary("Input Method Editor")}} (IME) window is happening and the IME decides that certain parts of the text being composed should be formatted differently to indicate the composition state.
-- {{domxref("EditContext.characterboundsupdate_event", "characterboundsupdate")}}
+- {{domxref("EditContext.characterboundsupdate_event", "characterboundsupdate")}} {{experimental_inline}}
   - : Fired when the operating system needs to know the size and position of certain characters within the editable text region of the `EditContext` object, in order to display an IME window.
-- {{domxref("EditContext.compositionstart_event", "compositionstart")}}
+- {{domxref("EditContext.compositionstart_event", "compositionstart")}} {{experimental_inline}}
   - : Fired when composition using an IME window is starting.
-- {{domxref("EditContext.compositionend_event", "compositionend")}}
+- {{domxref("EditContext.compositionend_event", "compositionend")}} {{experimental_inline}}
   - : Fired when composition using an IME window is ending.
 
 ## Specifications
diff --git a/files/en-us/web/api/editcontext_api/index.md b/files/en-us/web/api/editcontext_api/index.md
index d7530222c84835e..52f434ed8b1a8df 100644
--- a/files/en-us/web/api/editcontext_api/index.md
+++ b/files/en-us/web/api/editcontext_api/index.md
@@ -2,10 +2,12 @@
 title: EditContext API
 slug: Web/API/EditContext_API
 page-type: web-api-overview
+status:
+  - experimental
 browser-compat: api.EditContext
 ---
 
-{{DefaultAPISidebar("EditContext API")}}
+{{DefaultAPISidebar("EditContext API")}}{{SeeCompatTable}}
 
 The **EditContext API** can be used to build rich text editors on the web that support advanced text input experiences, such as {{glossary("Input Method Editor")}} (IME) composition, emoji picker, or any other platform-specific editing-related UI surfaces.
 
@@ -82,7 +84,7 @@ You can then render the text and selection in the view, using the information pr
 
 ## Interfaces
 
-- {{DOMxRef("EditContext")}}
+- {{DOMxRef("EditContext")}} {{experimental_inline}}
   - : The **`EditContext`** interface is a JavaScript reflection of the text edit context that's normally provided transparently by the browser when using standard editable regions such as `textarea`. `EditContext` provides the state of the text being edited, with information such as the text itself, the current selection, or the location of the text in the app's UI.
 - {{DOMxRef("TextFormat")}}
   - : The **`TextFormat`** interface is used to represent certain formats that should be applied to text ranges when the user is composing text within the IME composition window.
diff --git a/files/en-us/web/api/htmlelement/index.md b/files/en-us/web/api/htmlelement/index.md
index 297c77f98284143..f648eab079c7de4 100644
--- a/files/en-us/web/api/htmlelement/index.md
+++ b/files/en-us/web/api/htmlelement/index.md
@@ -31,7 +31,7 @@ _Also inherits properties from its parent, {{DOMxRef("Element")}}._
   - : A string, reflecting the `dir` global attribute, representing the directionality of the element. Possible values are `"ltr"`, `"rtl"`, and `"auto"`.
 - {{DOMxRef("HTMLElement.draggable")}}
   - : A boolean value indicating if the element can be dragged.
-- {{DOMxRef("HTMLElement.editContext")}}
+- {{DOMxRef("HTMLElement.editContext")}} {{experimental_inline}}
   - : Returns the {{DOMxRef("EditContext")}} associated with the element, or `null` if there isn't one.
 - {{DOMxRef("HTMLElement.enterKeyHint")}}
   - : A string defining what action label (or icon) to present for the enter key on virtual keyboards.
diff --git a/files/en-us/web/api/textformat/index.md b/files/en-us/web/api/textformat/index.md
index ebde4c39491fbe3..602b0cdaed78aa2 100644
--- a/files/en-us/web/api/textformat/index.md
+++ b/files/en-us/web/api/textformat/index.md
@@ -25,18 +25,18 @@ When creating your own custom editable region by using the {{domxref("EditContex
 
 ## Constructor
 
-- {{DOMxRef("TextFormat.TextFormat", "TextFormat()")}}
+- {{DOMxRef("TextFormat.TextFormat", "TextFormat()")}} {{experimental_inline}}
   - : Returns a new `TextFormat` instance.
 
 ## Instance properties
 
-- {{domxref("TextFormat.rangeStart")}} {{readonlyinline}}
+- {{domxref("TextFormat.rangeStart")}} {{readonlyinline}} {{experimental_inline}}
   - : The start position of the text range that needs to be formatted with the given text format.
-- {{domxref("TextFormat.rangeEnd")}} {{readonlyinline}}
+- {{domxref("TextFormat.rangeEnd")}} {{readonlyinline}} {{experimental_inline}}
   - : The end position of the text range that needs to be formatted with the given text format.
-- {{domxref("TextFormat.underlineStyle")}} {{readonlyinline}}
+- {{domxref("TextFormat.underlineStyle")}} {{readonlyinline}} {{experimental_inline}}
   - : The style of the underline that needs to be applied to the text range that is being formatted.
-- {{domxref("TextFormat.underlineThickness")}} {{readonlyinline}}
+- {{domxref("TextFormat.underlineThickness")}} {{readonlyinline}} {{experimental_inline}}
   - : The thickness of the underline that needs to be applied to the text range that is being formatted.
 
 ## Examples
diff --git a/files/en-us/web/api/textformatupdateevent/index.md b/files/en-us/web/api/textformatupdateevent/index.md
index 64e83f27b274e88..f8e831e9e7d0cd3 100644
--- a/files/en-us/web/api/textformatupdateevent/index.md
+++ b/files/en-us/web/api/textformatupdateevent/index.md
@@ -17,12 +17,12 @@ This interface inherits properties from {{domxref("Event")}}.
 
 ## Constructor
 
-- {{domxref("TextFormatUpdateEvent.TextFormatUpdateEvent", "TextFormatUpdateEvent()")}}
+- {{domxref("TextFormatUpdateEvent.TextFormatUpdateEvent", "TextFormatUpdateEvent()")}} {{experimental_inline}}
   - : Creates a new `TextFormatUpdateEvent` object.
 
 ## Instance methods
 
-- {{domxref('TextFormatUpdateEvent.getTextFormats')}}
+- {{domxref('TextFormatUpdateEvent.getTextFormats')}} {{experimental_inline}}
   - : Returns an {{jsxref("Array")}} of {{domxref("TextFormat")}} objects that represent the formats that the IME window wants to apply to the text.
 
 ## Examples
diff --git a/files/en-us/web/api/textformatupdateevent/textformatupdateevent/index.md b/files/en-us/web/api/textformatupdateevent/textformatupdateevent/index.md
index 440d4f2a42d22fc..82738b91d240619 100644
--- a/files/en-us/web/api/textformatupdateevent/textformatupdateevent/index.md
+++ b/files/en-us/web/api/textformatupdateevent/textformatupdateevent/index.md
@@ -3,10 +3,12 @@ title: "TextFormatUpdateEvent: TextFormatUpdateEvent() constructor"
 short-title: TextFormatUpdateEvent()
 slug: Web/API/TextFormatUpdateEvent/TextFormatUpdateEvent
 page-type: web-api-constructor
+status:
+  - experimental
 browser-compat: api.TextFormatUpdateEvent.TextFormatUpdateEvent
 ---
 
-{{APIRef("TextFormatUpdateEvent API")}}
+{{APIRef("TextFormatUpdateEvent API")}}{{SeeCompatTable}}
 
 The **`TextFormatUpdateEvent()`** constructor returns a new {{DOMxRef("TextFormatUpdateEvent")}} object.
 
diff --git a/files/en-us/web/api/textupdateevent/index.md b/files/en-us/web/api/textupdateevent/index.md
index 023c81fba3629b5..5e8d3d711404289 100644
--- a/files/en-us/web/api/textupdateevent/index.md
+++ b/files/en-us/web/api/textupdateevent/index.md
@@ -17,20 +17,20 @@ This interface inherits properties from {{domxref("Event")}}.
 
 ## Constructor
 
-- {{domxref("TextUpdateEvent.TextUpdateEvent", "TextUpdateEvent()")}}
+- {{domxref("TextUpdateEvent.TextUpdateEvent", "TextUpdateEvent()")}} {{experimental_inline}}
   - : Creates a new `TextUpdateEvent` object.
 
 ## Instance properties
 
-- {{domxref('TextUpdateEvent.updateRangeStart')}} {{readonlyinline}}
+- {{domxref('TextUpdateEvent.updateRangeStart')}} {{readonlyinline}} {{experimental_inline}}
   - : Returns the index of the first character in the range of text that was updated.
-- {{domxref('TextUpdateEvent.updateRangeEnd')}} {{readonlyinline}}
+- {{domxref('TextUpdateEvent.updateRangeEnd')}} {{readonlyinline}} {{experimental_inline}}
   - : Returns the index of the last character in the range of text that was updated.
-- {{domxref('TextUpdateEvent.text')}} {{readonlyinline}}
+- {{domxref('TextUpdateEvent.text')}} {{readonlyinline}} {{experimental_inline}}
   - : Returns the text that was inserted in the updated range.
-- {{domxref('TextUpdateEvent.selectionStart')}} {{readonlyinline}}
+- {{domxref('TextUpdateEvent.selectionStart')}} {{readonlyinline}} {{experimental_inline}}
   - : Returns the index of the first character in the new selection range, after the update.
-- {{domxref('TextUpdateEvent.selectionEnd')}} {{readonlyinline}}
+- {{domxref('TextUpdateEvent.selectionEnd')}} {{readonlyinline}} {{experimental_inline}}
   - : Returns the index of the last character in the new selection range, after the update.
 
 ## Examples
diff --git a/files/en-us/web/api/textupdateevent/textupdateevent/index.md b/files/en-us/web/api/textupdateevent/textupdateevent/index.md
index 13d37f6098fbdeb..d56d84565be3033 100644
--- a/files/en-us/web/api/textupdateevent/textupdateevent/index.md
+++ b/files/en-us/web/api/textupdateevent/textupdateevent/index.md
@@ -3,10 +3,12 @@ title: "TextUpdateEvent: TextUpdateEvent() constructor"
 short-title: TextUpdateEvent()
 slug: Web/API/TextUpdateEvent/TextUpdateEvent
 page-type: web-api-constructor
+status:
+  - experimental
 browser-compat: api.TextUpdateEvent.TextUpdateEvent
 ---
 
-{{APIRef("TextUpdateEvent API")}}
+{{APIRef("TextUpdateEvent API")}}{{SeeCompatTable}}
 
 The **`TextUpdateEvent()`** constructor returns a new {{DOMxRef("TextUpdateEvent")}} object.
 

From 1851474b4a3380666acfa7912b47fdea0026ef86 Mon Sep 17 00:00:00 2001
From: Mozes Stumpf <78926228+mozesstumpf@users.noreply.github.com>
Date: Sun, 21 Jan 2024 01:50:36 +0100
Subject: [PATCH 503/790] CSSStyleRule.selectorText's value must include Space
 (U+0020) between selectors (#31826)

---
 files/en-us/web/api/cssstylerule/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/cssstylerule/index.md b/files/en-us/web/api/cssstylerule/index.md
index 48b9dfbf4525ce4..304d1f93dc8b9fb 100644
--- a/files/en-us/web/api/cssstylerule/index.md
+++ b/files/en-us/web/api/cssstylerule/index.md
@@ -16,7 +16,7 @@ The **`CSSStyleRule`** interface represents a single CSS style rule.
 _Inherits properties from its ancestor {{domxref("CSSRule")}}._
 
 - {{domxref("CSSStyleRule.selectorText")}}
-  - : Returns the textual representation of the selector for this rule, e.g. `"h1,h2"`.
+  - : Returns the textual representation of the selector for this rule, e.g. `"h1, h2"`.
 - {{domxref("CSSStyleRule.style")}} {{ReadOnlyInline}}
   - : Returns the {{domxref("CSSStyleDeclaration")}} object for the rule.
 - {{domxref("CSSStyleRule.styleMap")}} {{ReadOnlyInline}}

From a14c0862058f6268a91b216e900cadf66a1477bf Mon Sep 17 00:00:00 2001
From: Jeff Timson <59673998+its-jefe@users.noreply.github.com>
Date: Sat, 20 Jan 2024 20:12:42 -0500
Subject: [PATCH 504/790] Add note re:sharedWorker in browser devtools (#31734)

---
 files/en-us/web/api/sharedworker/index.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/web/api/sharedworker/index.md b/files/en-us/web/api/sharedworker/index.md
index 219db2848f45c50..03caff14c70ad62 100644
--- a/files/en-us/web/api/sharedworker/index.md
+++ b/files/en-us/web/api/sharedworker/index.md
@@ -54,6 +54,8 @@ myWorker.port.start();
 
 When the port is started, both scripts post messages to the worker and handle messages sent from it using `port.postMessage()` and `port.onmessage`, respectively:
 
+> **Note:** You can use browser devtools to debug your SharedWorker, by entering a URL in your browser address bar to access the devtools workers inspector; for example, in Chrome, the URL `chrome://inspect/#workers`, and in FireFox, the URL `about:debugging#workers`.
+
 ```js
 first.onchange = () => {
   myWorker.port.postMessage([first.value, second.value]);

From d26705ee1fb754fb4c5f6e4a03b7b008eb3b8687 Mon Sep 17 00:00:00 2001
From: briwa <shabriwa.shalat@gmail.com>
Date: Sun, 21 Jan 2024 21:09:36 +0900
Subject: [PATCH 505/790] Update code example template string sytax on
 `getFloatFrequencyData` documentation (#31835)

---
 files/en-us/web/api/analysernode/getfloatfrequencydata/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/analysernode/getfloatfrequencydata/index.md b/files/en-us/web/api/analysernode/getfloatfrequencydata/index.md
index 0338a2d1b3c544e..cede74d1b2b7ffb 100644
--- a/files/en-us/web/api/analysernode/getfloatfrequencydata/index.md
+++ b/files/en-us/web/api/analysernode/getfloatfrequencydata/index.md
@@ -98,7 +98,7 @@ For more complete applied examples/information, check out our [Voice-change-O-ma
       let posX = 0;
       for (let i = 0; i < bufferLength; i++) {
         const barHeight = (dataArray[i] + 140) * 2;
-        canvasCtx.fillStyle = "rgb(" + Math.floor(barHeight + 100) + " 50 50)";
+        canvasCtx.fillStyle = `rgb(${Math.floor(barHeight + 100)} 50 50)`;
         canvasCtx.fillRect(
           posX,
           canvas.height - barHeight / 2,

From b3b173848e75c52a15ecabb9cdf2254198bc51bd Mon Sep 17 00:00:00 2001
From: Nicholas Berlette <nick@berlette.com>
Date: Sun, 21 Jan 2024 04:12:03 -0800
Subject: [PATCH 506/790] fix(streams): erroneous code in
 WritableStreamDefaultWriter examples (#31834)

---
 .../api/writablestreamdefaultwriter/abort/index.md  |  8 +++-----
 .../api/writablestreamdefaultwriter/close/index.md  | 13 +++++++------
 .../api/writablestreamdefaultwriter/ready/index.md  |  2 +-
 .../api/writablestreamdefaultwriter/write/index.md  |  2 +-
 4 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/files/en-us/web/api/writablestreamdefaultwriter/abort/index.md b/files/en-us/web/api/writablestreamdefaultwriter/abort/index.md
index ec26e63e1a41c32..f9470e01c186bc8 100644
--- a/files/en-us/web/api/writablestreamdefaultwriter/abort/index.md
+++ b/files/en-us/web/api/writablestreamdefaultwriter/abort/index.md
@@ -31,8 +31,8 @@ abort(reason)
 
 ### Return value
 
-A {{jsxref("Promise")}}, which fulfills with the value given in the `reason`
-parameter.
+A {{jsxref("Promise")}}, which fulfills to `undefined` when the stream is aborted, or
+rejects with an error if the writer was inactive or the receiver stream is invalid.
 
 ### Exceptions
 
@@ -65,9 +65,7 @@ const writer = writableStream.getWriter();
 // ...
 
 // abort the stream when desired
-writer.abort.then((reason) => {
-  console.log(reason);
-});
+await writer.abort("WritableStream aborted. Reason: ...");
 ```
 
 ## Specifications
diff --git a/files/en-us/web/api/writablestreamdefaultwriter/close/index.md b/files/en-us/web/api/writablestreamdefaultwriter/close/index.md
index f63e844b2012d5c..1220bdd1fe2dae1 100644
--- a/files/en-us/web/api/writablestreamdefaultwriter/close/index.md
+++ b/files/en-us/web/api/writablestreamdefaultwriter/close/index.md
@@ -43,10 +43,11 @@ The following example shows the creation of a `WritableStream` with a custom
 sink and an API-supplied queuing strategy. It then calls a function called
 `sendMessage()`, passing the newly created stream and a string. Inside this
 function it calls the stream's `getWriter()` method, which returns an
-instance of {{domxref("WritableStreamDefaultWriter")}}. A `forEach()` call is
-used to write each chunk of the string to the stream. Finally, `write()` and
-`close()` return promises that are processed to deal with success or failure
-of chunks and streams.
+instance of {{domxref("WritableStreamDefaultWriter")}}. Each chunk of the
+encoded string is written to the stream using the `write()` method, and the
+`forEach()` method of the encoded `Uint8Array` to process it byte-by-byte.
+Finally, `close()` is called and the Promise it returns is handled to deal
+with success (or any failures) of the chunked write operations.
 
 ```js
 const list = document.querySelector("ul");
@@ -55,7 +56,7 @@ function sendMessage(message, writableStream) {
   // defaultWriter is of type WritableStreamDefaultWriter
   const defaultWriter = writableStream.getWriter();
   const encoder = new TextEncoder();
-  const encoded = encoder.encode(message, { stream: true });
+  const encoded = encoder.encode(message);
   encoded.forEach((chunk) => {
     defaultWriter.ready
       .then(() => {
@@ -116,7 +117,7 @@ const writableStream = new WritableStream(
 sendMessage("Hello, world.", writableStream);
 ```
 
-You can find the full code in our [Simple writer example](https://mdn.github.io/dom-examples/streams/simple-writer/).
+You can view a live demonstration of this at our [simple writer example](https://mdn.github.io/dom-examples/streams/simple-writer/).
 
 ## Specifications
 
diff --git a/files/en-us/web/api/writablestreamdefaultwriter/ready/index.md b/files/en-us/web/api/writablestreamdefaultwriter/ready/index.md
index 0e9643ffe5be5d8..dfd917545a8abfe 100644
--- a/files/en-us/web/api/writablestreamdefaultwriter/ready/index.md
+++ b/files/en-us/web/api/writablestreamdefaultwriter/ready/index.md
@@ -30,7 +30,7 @@ function sendMessage(message, writableStream) {
   // defaultWriter is of type WritableStreamDefaultWriter
   const defaultWriter = writableStream.getWriter();
   const encoder = new TextEncoder();
-  const encoded = encoder.encode(message, { stream: true });
+  const encoded = encoder.encode(message);
   encoded.forEach((chunk) => {
     // Make sure the stream and its writer are able to
     //   receive data.
diff --git a/files/en-us/web/api/writablestreamdefaultwriter/write/index.md b/files/en-us/web/api/writablestreamdefaultwriter/write/index.md
index b315ab9cdfd57cf..36422e19f330149 100644
--- a/files/en-us/web/api/writablestreamdefaultwriter/write/index.md
+++ b/files/en-us/web/api/writablestreamdefaultwriter/write/index.md
@@ -58,7 +58,7 @@ function sendMessage(message, writableStream) {
   // defaultWriter is of type WritableStreamDefaultWriter
   const defaultWriter = writableStream.getWriter();
   const encoder = new TextEncoder();
-  const encoded = encoder.encode(message, { stream: true });
+  const encoded = encoder.encode(message);
   encoded.forEach((chunk) => {
     defaultWriter.ready
       .then(() => defaultWriter.write(chunk))

From 43e3ff826b7b755b05986c99ada75635c01c187c Mon Sep 17 00:00:00 2001
From: Leonid Vinogradov <win.leon@protonmail.com>
Date: Mon, 22 Jan 2024 04:22:45 +0300
Subject: [PATCH 507/790] Unify `{{AddonSidebar}}` macro usage (remove
 unnecessary parentheses) (#31844)

unify {{AddonSidebar}} macro usage (remove unnecessary parentheses)
---
 .../add-ons/webextensions/api/action/colorarray/index.md        | 2 +-
 .../mozilla/add-ons/webextensions/api/action/disable/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/action/enable/index.md    | 2 +-
 .../webextensions/api/action/getbadgebackgroundcolor/index.md   | 2 +-
 .../add-ons/webextensions/api/action/getbadgetext/index.md      | 2 +-
 .../add-ons/webextensions/api/action/getbadgetextcolor/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/action/getpopup/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/action/gettitle/index.md  | 2 +-
 .../add-ons/webextensions/api/action/getusersettings/index.md   | 2 +-
 .../add-ons/webextensions/api/action/imagedatatype/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/action/isenabled/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/action/onclicked/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/action/openpopup/index.md | 2 +-
 .../webextensions/api/action/setbadgebackgroundcolor/index.md   | 2 +-
 .../add-ons/webextensions/api/action/setbadgetext/index.md      | 2 +-
 .../add-ons/webextensions/api/action/setbadgetextcolor/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/action/seticon/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/action/setpopup/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/alarms/alarm/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/alarms/clear/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/alarms/clearall/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/alarms/create/index.md    | 2 +-
 .../en-us/mozilla/add-ons/webextensions/api/alarms/get/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/alarms/getall/index.md    | 2 +-
 .../mozilla/add-ons/webextensions/api/alarms/onalarm/index.md   | 2 +-
 .../webextensions/api/bookmarks/bookmarktreenode/index.md       | 2 +-
 .../webextensions/api/bookmarks/bookmarktreenodetype/index.md   | 2 +-
 .../api/bookmarks/bookmarktreenodeunmodifiable/index.md         | 2 +-
 .../mozilla/add-ons/webextensions/api/bookmarks/create/index.md | 2 +-
 .../add-ons/webextensions/api/bookmarks/createdetails/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/bookmarks/get/index.md    | 2 +-
 .../add-ons/webextensions/api/bookmarks/getchildren/index.md    | 2 +-
 .../add-ons/webextensions/api/bookmarks/getrecent/index.md      | 2 +-
 .../add-ons/webextensions/api/bookmarks/getsubtree/index.md     | 2 +-
 .../add-ons/webextensions/api/bookmarks/gettree/index.md        | 2 +-
 .../mozilla/add-ons/webextensions/api/bookmarks/move/index.md   | 2 +-
 .../add-ons/webextensions/api/bookmarks/onchanged/index.md      | 2 +-
 .../webextensions/api/bookmarks/onchildrenreordered/index.md    | 2 +-
 .../add-ons/webextensions/api/bookmarks/oncreated/index.md      | 2 +-
 .../add-ons/webextensions/api/bookmarks/onimportbegan/index.md  | 2 +-
 .../add-ons/webextensions/api/bookmarks/onimportended/index.md  | 2 +-
 .../add-ons/webextensions/api/bookmarks/onmoved/index.md        | 2 +-
 .../add-ons/webextensions/api/bookmarks/onremoved/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/bookmarks/remove/index.md | 2 +-
 .../add-ons/webextensions/api/bookmarks/removetree/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/bookmarks/search/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/bookmarks/update/index.md | 2 +-
 .../add-ons/webextensions/api/browseraction/colorarray/index.md | 2 +-
 .../add-ons/webextensions/api/browseraction/disable/index.md    | 2 +-
 .../add-ons/webextensions/api/browseraction/enable/index.md     | 2 +-
 .../api/browseraction/getbadgebackgroundcolor/index.md          | 2 +-
 .../webextensions/api/browseraction/getbadgetext/index.md       | 2 +-
 .../webextensions/api/browseraction/getbadgetextcolor/index.md  | 2 +-
 .../add-ons/webextensions/api/browseraction/getpopup/index.md   | 2 +-
 .../add-ons/webextensions/api/browseraction/gettitle/index.md   | 2 +-
 .../webextensions/api/browseraction/imagedatatype/index.md      | 2 +-
 .../add-ons/webextensions/api/browseraction/isenabled/index.md  | 2 +-
 .../add-ons/webextensions/api/browseraction/onclicked/index.md  | 2 +-
 .../add-ons/webextensions/api/browseraction/openpopup/index.md  | 2 +-
 .../api/browseraction/setbadgebackgroundcolor/index.md          | 2 +-
 .../webextensions/api/browseraction/setbadgetext/index.md       | 2 +-
 .../webextensions/api/browseraction/setbadgetextcolor/index.md  | 2 +-
 .../add-ons/webextensions/api/browseraction/seticon/index.md    | 2 +-
 .../add-ons/webextensions/api/browseraction/setpopup/index.md   | 2 +-
 .../api/browsersettings/allowpopupsforuserevents/index.md       | 2 +-
 .../webextensions/api/browsersettings/cacheenabled/index.md     | 2 +-
 .../api/browsersettings/closetabsbydoubleclick/index.md         | 2 +-
 .../webextensions/api/browsersettings/colormanagement/index.md  | 2 +-
 .../api/browsersettings/contextmenushowevent/index.md           | 2 +-
 .../api/browsersettings/ftpprotocolenabled/index.md             | 2 +-
 .../webextensions/api/browsersettings/homepageoverride/index.md | 2 +-
 .../api/browsersettings/imageanimationbehavior/index.md         | 2 +-
 .../api/browsersettings/newtabpageoverride/index.md             | 2 +-
 .../webextensions/api/browsersettings/newtabposition/index.md   | 2 +-
 .../api/browsersettings/openbookmarksinnewtabs/index.md         | 2 +-
 .../api/browsersettings/opensearchresultsinnewtabs/index.md     | 2 +-
 .../api/browsersettings/openurlbarresultsinnewtabs/index.md     | 2 +-
 .../api/browsersettings/overridecontentcolorscheme/index.md     | 2 +-
 .../api/browsersettings/overridedocumentcolors/index.md         | 2 +-
 .../api/browsersettings/tlsversionrestrictionconfig/index.md    | 2 +-
 .../webextensions/api/browsersettings/usedocumentfonts/index.md | 2 +-
 .../api/browsersettings/webnotificationsdisabled/index.md       | 2 +-
 .../webextensions/api/browsersettings/zoomfullpage/index.md     | 2 +-
 .../webextensions/api/browsersettings/zoomsitespecific/index.md | 2 +-
 .../add-ons/webextensions/api/browsingdata/datatypeset/index.md | 2 +-
 .../webextensions/api/browsingdata/removaloptions/index.md      | 2 +-
 .../add-ons/webextensions/api/browsingdata/remove/index.md      | 2 +-
 .../add-ons/webextensions/api/browsingdata/removecache/index.md | 2 +-
 .../webextensions/api/browsingdata/removecookies/index.md       | 2 +-
 .../webextensions/api/browsingdata/removedownloads/index.md     | 2 +-
 .../webextensions/api/browsingdata/removeformdata/index.md      | 2 +-
 .../webextensions/api/browsingdata/removehistory/index.md       | 2 +-
 .../webextensions/api/browsingdata/removelocalstorage/index.md  | 2 +-
 .../webextensions/api/browsingdata/removepasswords/index.md     | 2 +-
 .../webextensions/api/browsingdata/removeplugindata/index.md    | 2 +-
 .../add-ons/webextensions/api/browsingdata/settings/index.md    | 2 +-
 .../webextensions/api/captiveportal/canonicalurl/index.md       | 2 +-
 .../webextensions/api/captiveportal/getlastchecked/index.md     | 2 +-
 .../add-ons/webextensions/api/captiveportal/getstate/index.md   | 2 +-
 .../api/captiveportal/onconnectivityavailable/index.md          | 2 +-
 .../webextensions/api/captiveportal/onstatechanged/index.md     | 2 +-
 .../add-ons/webextensions/api/clipboard/setimagedata/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/commands/command/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/commands/getall/index.md  | 2 +-
 .../add-ons/webextensions/api/commands/onchanged/index.md       | 2 +-
 .../add-ons/webextensions/api/commands/oncommand/index.md       | 2 +-
 .../mozilla/add-ons/webextensions/api/commands/reset/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/commands/update/index.md  | 2 +-
 .../add-ons/webextensions/api/contentscripts/register/index.md  | 2 +-
 .../api/contentscripts/registeredcontentscript/index.md         | 2 +-
 .../contentscripts/registeredcontentscript/unregister/index.md  | 2 +-
 .../api/contextualidentities/contextualidentity/index.md        | 2 +-
 .../webextensions/api/contextualidentities/create/index.md      | 2 +-
 .../add-ons/webextensions/api/contextualidentities/get/index.md | 2 +-
 .../webextensions/api/contextualidentities/move/index.md        | 2 +-
 .../webextensions/api/contextualidentities/oncreated/index.md   | 2 +-
 .../webextensions/api/contextualidentities/onremoved/index.md   | 2 +-
 .../webextensions/api/contextualidentities/onupdated/index.md   | 2 +-
 .../webextensions/api/contextualidentities/query/index.md       | 2 +-
 .../webextensions/api/contextualidentities/remove/index.md      | 2 +-
 .../webextensions/api/contextualidentities/update/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/cookies/cookie/index.md   | 2 +-
 .../add-ons/webextensions/api/cookies/cookiestore/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/cookies/get/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/cookies/getall/index.md   | 2 +-
 .../webextensions/api/cookies/getallcookiestores/index.md       | 2 +-
 .../add-ons/webextensions/api/cookies/onchanged/index.md        | 2 +-
 .../add-ons/webextensions/api/cookies/onchangedcause/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/cookies/remove/index.md   | 2 +-
 .../add-ons/webextensions/api/cookies/samesitestatus/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/cookies/set/index.md      | 2 +-
 .../api/declarativenetrequest/dynamic_ruleset_id/index.md       | 2 +-
 .../declarativenetrequest/getavailablestaticrulecount/index.md  | 2 +-
 .../api/declarativenetrequest/getdynamicrules/index.md          | 2 +-
 .../api/declarativenetrequest/getenabledrulesets/index.md       | 2 +-
 .../api/declarativenetrequest/getmatchedrules/index.md          | 2 +-
 .../getmatchedrules_quota_interval/index.md                     | 2 +-
 .../api/declarativenetrequest/getsessionrules/index.md          | 2 +-
 .../guaranteed_minimum_static_rules/index.md                    | 2 +-
 .../api/declarativenetrequest/isregexsupported/index.md         | 2 +-
 .../api/declarativenetrequest/matchedrule/index.md              | 2 +-
 .../max_getmatchedrules_calls_per_interval/index.md             | 2 +-
 .../max_number_of_dynamic_and_session_rules/index.md            | 2 +-
 .../max_number_of_enabled_static_rulesets/index.md              | 2 +-
 .../declarativenetrequest/max_number_of_regex_rules/index.md    | 2 +-
 .../max_number_of_static_rulesets/index.md                      | 2 +-
 .../api/declarativenetrequest/modifyheaderinfo/index.md         | 2 +-
 .../api/declarativenetrequest/onrulematcheddebug/index.md       | 2 +-
 .../webextensions/api/declarativenetrequest/redirect/index.md   | 2 +-
 .../api/declarativenetrequest/resourcetype/index.md             | 2 +-
 .../webextensions/api/declarativenetrequest/rule/index.md       | 2 +-
 .../webextensions/api/declarativenetrequest/ruleaction/index.md | 2 +-
 .../api/declarativenetrequest/rulecondition/index.md            | 2 +-
 .../api/declarativenetrequest/session_ruleset_id/index.md       | 2 +-
 .../declarativenetrequest/setextensionactionoptions/index.md    | 2 +-
 .../api/declarativenetrequest/testmatchoutcome/index.md         | 2 +-
 .../api/declarativenetrequest/updatedynamicrules/index.md       | 2 +-
 .../api/declarativenetrequest/updateenabledrulesets/index.md    | 2 +-
 .../api/declarativenetrequest/updatesessionrules/index.md       | 2 +-
 .../api/declarativenetrequest/urltransform/index.md             | 2 +-
 .../webextensions/api/devtools/inspectedwindow/eval/index.md    | 2 +-
 .../webextensions/api/devtools/inspectedwindow/reload/index.md  | 2 +-
 .../webextensions/api/devtools/inspectedwindow/tabid/index.md   | 2 +-
 .../add-ons/webextensions/api/devtools/network/gethar/index.md  | 2 +-
 .../webextensions/api/devtools/network/onnavigated/index.md     | 2 +-
 .../api/devtools/network/onrequestfinished/index.md             | 2 +-
 .../add-ons/webextensions/api/devtools/panels/create/index.md   | 2 +-
 .../add-ons/webextensions/api/devtools/panels/elements/index.md | 2 +-
 .../devtools/panels/elementspanel/createsidebarpane/index.md    | 2 +-
 .../webextensions/api/devtools/panels/elementspanel/index.md    | 2 +-
 .../devtools/panels/elementspanel/onselectionchanged/index.md   | 2 +-
 .../webextensions/api/devtools/panels/extensionpanel/index.md   | 2 +-
 .../api/devtools/panels/extensionsidebarpane/onhidden/index.md  | 2 +-
 .../api/devtools/panels/extensionsidebarpane/onshown/index.md   | 2 +-
 .../devtools/panels/extensionsidebarpane/setexpression/index.md | 2 +-
 .../api/devtools/panels/extensionsidebarpane/setobject/index.md | 2 +-
 .../webextensions/api/devtools/panels/onthemechanged/index.md   | 2 +-
 .../webextensions/api/devtools/panels/themename/index.md        | 2 +-
 .../mozilla/add-ons/webextensions/api/dns/resolve/index.md      | 2 +-
 .../webextensions/api/dom/openorclosedshadowroot/index.md       | 2 +-
 .../add-ons/webextensions/api/downloads/acceptdanger/index.md   | 2 +-
 .../add-ons/webextensions/api/downloads/booleandelta/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/downloads/cancel/index.md | 2 +-
 .../add-ons/webextensions/api/downloads/dangertype/index.md     | 2 +-
 .../add-ons/webextensions/api/downloads/doubledelta/index.md    | 2 +-
 .../add-ons/webextensions/api/downloads/download/index.md       | 2 +-
 .../add-ons/webextensions/api/downloads/downloaditem/index.md   | 2 +-
 .../add-ons/webextensions/api/downloads/downloadquery/index.md  | 2 +-
 .../add-ons/webextensions/api/downloads/downloadtime/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/downloads/erase/index.md  | 2 +-
 .../webextensions/api/downloads/filenameconflictaction/index.md | 2 +-
 .../add-ons/webextensions/api/downloads/getfileicon/index.md    | 2 +-
 .../webextensions/api/downloads/interruptreason/index.md        | 2 +-
 .../add-ons/webextensions/api/downloads/onchanged/index.md      | 2 +-
 .../add-ons/webextensions/api/downloads/oncreated/index.md      | 2 +-
 .../add-ons/webextensions/api/downloads/onerased/index.md       | 2 +-
 .../mozilla/add-ons/webextensions/api/downloads/open/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/downloads/pause/index.md  | 2 +-
 .../add-ons/webextensions/api/downloads/removefile/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/downloads/resume/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/downloads/search/index.md | 2 +-
 .../webextensions/api/downloads/setshelfenabled/index.md        | 2 +-
 .../mozilla/add-ons/webextensions/api/downloads/show/index.md   | 2 +-
 .../webextensions/api/downloads/showdefaultfolder/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/downloads/state/index.md  | 2 +-
 .../add-ons/webextensions/api/downloads/stringdelta/index.md    | 2 +-
 .../mozilla/add-ons/webextensions/api/events/event/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/events/rule/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/events/urlfilter/index.md | 2 +-
 .../webextensions/api/extension/getbackgroundpage/index.md      | 2 +-
 .../webextensions/api/extension/getextensiontabs/index.md       | 2 +-
 .../add-ons/webextensions/api/extension/getviews/index.md       | 2 +-
 .../webextensions/api/extension/inincognitocontext/index.md     | 2 +-
 .../api/extension/isallowedfileschemeaccess/index.md            | 2 +-
 .../api/extension/isallowedincognitoaccess/index.md             | 2 +-
 .../add-ons/webextensions/api/extension/lasterror/index.md      | 2 +-
 .../add-ons/webextensions/api/extension/onrequest/index.md      | 2 +-
 .../webextensions/api/extension/onrequestexternal/index.md      | 2 +-
 .../webextensions/api/extension/setupdateurldata/index.md       | 2 +-
 .../add-ons/webextensions/api/extension/viewtype/index.md       | 2 +-
 .../webextensions/api/extensiontypes/imagedetails/index.md      | 2 +-
 .../webextensions/api/extensiontypes/imageformat/index.md       | 2 +-
 .../add-ons/webextensions/api/extensiontypes/runat/index.md     | 2 +-
 .../en-us/mozilla/add-ons/webextensions/api/find/find/index.md  | 2 +-
 .../add-ons/webextensions/api/find/highlightresults/index.md    | 2 +-
 .../add-ons/webextensions/api/find/removehighlighting/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/history/addurl/index.md   | 2 +-
 .../add-ons/webextensions/api/history/deleteall/index.md        | 2 +-
 .../add-ons/webextensions/api/history/deleterange/index.md      | 2 +-
 .../add-ons/webextensions/api/history/deleteurl/index.md        | 2 +-
 .../add-ons/webextensions/api/history/getvisits/index.md        | 2 +-
 .../add-ons/webextensions/api/history/historyitem/index.md      | 2 +-
 .../add-ons/webextensions/api/history/ontitlechanged/index.md   | 2 +-
 .../add-ons/webextensions/api/history/onvisited/index.md        | 2 +-
 .../add-ons/webextensions/api/history/onvisitremoved/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/history/search/index.md   | 2 +-
 .../add-ons/webextensions/api/history/transitiontype/index.md   | 2 +-
 .../add-ons/webextensions/api/history/visititem/index.md        | 2 +-
 .../add-ons/webextensions/api/i18n/detectlanguage/index.md      | 2 +-
 .../add-ons/webextensions/api/i18n/getacceptlanguages/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/i18n/getmessage/index.md  | 2 +-
 .../add-ons/webextensions/api/i18n/getuilanguage/index.md       | 2 +-
 .../add-ons/webextensions/api/i18n/languagecode/index.md        | 2 +-
 .../api/i18n/locale-specific_message_reference/index.md         | 2 +-
 .../add-ons/webextensions/api/identity/getredirecturl/index.md  | 2 +-
 .../webextensions/api/identity/launchwebauthflow/index.md       | 2 +-
 .../mozilla/add-ons/webextensions/api/idle/idlestate/index.md   | 2 +-
 .../add-ons/webextensions/api/idle/onstatechanged/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/idle/querystate/index.md  | 2 +-
 .../webextensions/api/idle/setdetectioninterval/index.md        | 2 +-
 .../add-ons/webextensions/api/management/extensioninfo/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/management/get/index.md   | 2 +-
 .../add-ons/webextensions/api/management/getall/index.md        | 2 +-
 .../api/management/getpermissionwarningsbyid/index.md           | 2 +-
 .../api/management/getpermissionwarningsbymanifest/index.md     | 2 +-
 .../add-ons/webextensions/api/management/getself/index.md       | 2 +-
 .../add-ons/webextensions/api/management/install/index.md       | 2 +-
 .../add-ons/webextensions/api/management/ondisabled/index.md    | 2 +-
 .../add-ons/webextensions/api/management/onenabled/index.md     | 2 +-
 .../add-ons/webextensions/api/management/oninstalled/index.md   | 2 +-
 .../add-ons/webextensions/api/management/onuninstalled/index.md | 2 +-
 .../add-ons/webextensions/api/management/setenabled/index.md    | 2 +-
 .../add-ons/webextensions/api/management/uninstall/index.md     | 2 +-
 .../add-ons/webextensions/api/management/uninstallself/index.md | 2 +-
 .../api/menus/action_menu_top_level_limit/index.md              | 2 +-
 .../add-ons/webextensions/api/menus/contexttype/index.md        | 2 +-
 .../mozilla/add-ons/webextensions/api/menus/create/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/menus/itemtype/index.md   | 2 +-
 .../add-ons/webextensions/api/menus/onclickdata/index.md        | 2 +-
 .../mozilla/add-ons/webextensions/api/menus/onclicked/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/menus/onhidden/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/menus/onshown/index.md    | 2 +-
 .../mozilla/add-ons/webextensions/api/menus/refresh/index.md    | 2 +-
 .../mozilla/add-ons/webextensions/api/menus/remove/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/menus/removeall/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/menus/update/index.md     | 2 +-
 .../add-ons/webextensions/api/notifications/clear/index.md      | 2 +-
 .../add-ons/webextensions/api/notifications/create/index.md     | 2 +-
 .../add-ons/webextensions/api/notifications/getall/index.md     | 2 +-
 .../api/notifications/notificationoptions/index.md              | 2 +-
 .../webextensions/api/notifications/onbuttonclicked/index.md    | 2 +-
 .../add-ons/webextensions/api/notifications/onclicked/index.md  | 2 +-
 .../add-ons/webextensions/api/notifications/onclosed/index.md   | 2 +-
 .../add-ons/webextensions/api/notifications/onshown/index.md    | 2 +-
 .../webextensions/api/notifications/templatetype/index.md       | 2 +-
 .../add-ons/webextensions/api/notifications/update/index.md     | 2 +-
 .../webextensions/api/omnibox/ondeletesuggestion/index.md       | 2 +-
 .../add-ons/webextensions/api/omnibox/oninputcancelled/index.md | 2 +-
 .../add-ons/webextensions/api/omnibox/oninputchanged/index.md   | 2 +-
 .../add-ons/webextensions/api/omnibox/oninputentered/index.md   | 2 +-
 .../api/omnibox/oninputentereddisposition/index.md              | 2 +-
 .../add-ons/webextensions/api/omnibox/oninputstarted/index.md   | 2 +-
 .../webextensions/api/omnibox/setdefaultsuggestion/index.md     | 2 +-
 .../add-ons/webextensions/api/omnibox/suggestresult/index.md    | 2 +-
 .../add-ons/webextensions/api/pageaction/getpopup/index.md      | 2 +-
 .../add-ons/webextensions/api/pageaction/gettitle/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/pageaction/hide/index.md  | 2 +-
 .../add-ons/webextensions/api/pageaction/imagedatatype/index.md | 2 +-
 .../add-ons/webextensions/api/pageaction/isshown/index.md       | 2 +-
 .../add-ons/webextensions/api/pageaction/onclicked/index.md     | 2 +-
 .../add-ons/webextensions/api/pageaction/openpopup/index.md     | 2 +-
 .../add-ons/webextensions/api/pageaction/seticon/index.md       | 2 +-
 .../add-ons/webextensions/api/pageaction/setpopup/index.md      | 2 +-
 .../add-ons/webextensions/api/pageaction/settitle/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/pageaction/show/index.md  | 2 +-
 .../add-ons/webextensions/api/permissions/contains/index.md     | 2 +-
 .../add-ons/webextensions/api/permissions/getall/index.md       | 2 +-
 .../add-ons/webextensions/api/permissions/onadded/index.md      | 2 +-
 .../add-ons/webextensions/api/permissions/onremoved/index.md    | 2 +-
 .../add-ons/webextensions/api/permissions/permissions/index.md  | 2 +-
 .../add-ons/webextensions/api/permissions/remove/index.md       | 2 +-
 .../add-ons/webextensions/api/permissions/request/index.md      | 2 +-
 .../add-ons/webextensions/api/pkcs11/getmoduleslots/index.md    | 2 +-
 .../add-ons/webextensions/api/pkcs11/installmodule/index.md     | 2 +-
 .../add-ons/webextensions/api/pkcs11/ismoduleinstalled/index.md | 2 +-
 .../add-ons/webextensions/api/pkcs11/uninstallmodule/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/proxy/onerror/index.md    | 2 +-
 .../mozilla/add-ons/webextensions/api/proxy/onrequest/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/proxy/proxyinfo/index.md  | 2 +-
 .../add-ons/webextensions/api/proxy/requestdetails/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/proxy/settings/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/runtime/connect/index.md  | 2 +-
 .../add-ons/webextensions/api/runtime/connectnative/index.md    | 2 +-
 .../webextensions/api/runtime/getbackgroundpage/index.md        | 2 +-
 .../add-ons/webextensions/api/runtime/getmanifest/index.md      | 2 +-
 .../webextensions/api/runtime/getpackagedirectoryentry/index.md | 2 +-
 .../add-ons/webextensions/api/runtime/getplatforminfo/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/runtime/geturl/index.md   | 2 +-
 .../en-us/mozilla/add-ons/webextensions/api/runtime/id/index.md | 2 +-
 .../add-ons/webextensions/api/runtime/lasterror/index.md        | 2 +-
 .../add-ons/webextensions/api/runtime/messagesender/index.md    | 2 +-
 .../add-ons/webextensions/api/runtime/onconnect/index.md        | 2 +-
 .../webextensions/api/runtime/onconnectexternal/index.md        | 2 +-
 .../add-ons/webextensions/api/runtime/oninstalled/index.md      | 2 +-
 .../webextensions/api/runtime/oninstalledreason/index.md        | 2 +-
 .../add-ons/webextensions/api/runtime/onmessage/index.md        | 2 +-
 .../webextensions/api/runtime/onmessageexternal/index.md        | 2 +-
 .../webextensions/api/runtime/onrestartrequired/index.md        | 2 +-
 .../webextensions/api/runtime/onrestartrequiredreason/index.md  | 2 +-
 .../add-ons/webextensions/api/runtime/onstartup/index.md        | 2 +-
 .../add-ons/webextensions/api/runtime/onsuspend/index.md        | 2 +-
 .../webextensions/api/runtime/onsuspendcanceled/index.md        | 2 +-
 .../webextensions/api/runtime/onupdateavailable/index.md        | 2 +-
 .../add-ons/webextensions/api/runtime/openoptionspage/index.md  | 2 +-
 .../add-ons/webextensions/api/runtime/platformarch/index.md     | 2 +-
 .../add-ons/webextensions/api/runtime/platforminfo/index.md     | 2 +-
 .../add-ons/webextensions/api/runtime/platformnaclarch/index.md | 2 +-
 .../add-ons/webextensions/api/runtime/platformos/index.md       | 2 +-
 .../mozilla/add-ons/webextensions/api/runtime/port/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/runtime/reload/index.md   | 2 +-
 .../webextensions/api/runtime/requestupdatecheck/index.md       | 2 +-
 .../webextensions/api/runtime/requestupdatecheckstatus/index.md | 2 +-
 .../add-ons/webextensions/api/runtime/sendmessage/index.md      | 2 +-
 .../webextensions/api/runtime/sendnativemessage/index.md        | 2 +-
 .../add-ons/webextensions/api/runtime/setuninstallurl/index.md  | 2 +-
 .../webextensions/api/scripting/contentscriptfilter/index.md    | 2 +-
 .../add-ons/webextensions/api/scripting/executescript/index.md  | 2 +-
 .../add-ons/webextensions/api/scripting/executionworld/index.md | 2 +-
 .../api/scripting/getregisteredcontentscripts/index.md          | 2 +-
 .../webextensions/api/scripting/injectiontarget/index.md        | 2 +-
 .../add-ons/webextensions/api/scripting/insertcss/index.md      | 2 +-
 .../webextensions/api/scripting/registercontentscripts/index.md | 2 +-
 .../api/scripting/registeredcontentscript/index.md              | 2 +-
 .../add-ons/webextensions/api/scripting/removecss/index.md      | 2 +-
 .../api/scripting/unregistercontentscripts/index.md             | 2 +-
 .../webextensions/api/scripting/updatecontentscripts/index.md   | 2 +-
 .../en-us/mozilla/add-ons/webextensions/api/search/get/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/search/query/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/search/search/index.md    | 2 +-
 .../mozilla/add-ons/webextensions/api/sessions/filter/index.md  | 2 +-
 .../add-ons/webextensions/api/sessions/forgetclosedtab/index.md | 2 +-
 .../webextensions/api/sessions/forgetclosedwindow/index.md      | 2 +-
 .../webextensions/api/sessions/getrecentlyclosed/index.md       | 2 +-
 .../add-ons/webextensions/api/sessions/gettabvalue/index.md     | 2 +-
 .../add-ons/webextensions/api/sessions/getwindowvalue/index.md  | 2 +-
 .../webextensions/api/sessions/max_session_results/index.md     | 2 +-
 .../add-ons/webextensions/api/sessions/onchanged/index.md       | 2 +-
 .../add-ons/webextensions/api/sessions/removetabvalue/index.md  | 2 +-
 .../webextensions/api/sessions/removewindowvalue/index.md       | 2 +-
 .../mozilla/add-ons/webextensions/api/sessions/restore/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/sessions/session/index.md | 2 +-
 .../add-ons/webextensions/api/sessions/settabvalue/index.md     | 2 +-
 .../add-ons/webextensions/api/sessions/setwindowvalue/index.md  | 2 +-
 .../add-ons/webextensions/api/sidebaraction/close/index.md      | 2 +-
 .../add-ons/webextensions/api/sidebaraction/getpanel/index.md   | 2 +-
 .../add-ons/webextensions/api/sidebaraction/gettitle/index.md   | 2 +-
 .../webextensions/api/sidebaraction/imagedatatype/index.md      | 2 +-
 .../add-ons/webextensions/api/sidebaraction/isopen/index.md     | 2 +-
 .../add-ons/webextensions/api/sidebaraction/open/index.md       | 2 +-
 .../add-ons/webextensions/api/sidebaraction/seticon/index.md    | 2 +-
 .../add-ons/webextensions/api/sidebaraction/setpanel/index.md   | 2 +-
 .../add-ons/webextensions/api/sidebaraction/settitle/index.md   | 2 +-
 .../add-ons/webextensions/api/sidebaraction/toggle/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/storage/local/index.md    | 2 +-
 .../mozilla/add-ons/webextensions/api/storage/managed/index.md  | 2 +-
 .../add-ons/webextensions/api/storage/onchanged/index.md        | 2 +-
 .../mozilla/add-ons/webextensions/api/storage/session/index.md  | 2 +-
 .../webextensions/api/storage/storagearea/clear/index.md        | 2 +-
 .../add-ons/webextensions/api/storage/storagearea/get/index.md  | 2 +-
 .../api/storage/storagearea/getbytesinuse/index.md              | 2 +-
 .../add-ons/webextensions/api/storage/storagearea/index.md      | 2 +-
 .../webextensions/api/storage/storagearea/onchanged/index.md    | 2 +-
 .../webextensions/api/storage/storagearea/remove/index.md       | 2 +-
 .../add-ons/webextensions/api/storage/storagearea/set/index.md  | 2 +-
 .../api/storage/storagearea/setaccesslevel/index.md             | 2 +-
 .../add-ons/webextensions/api/storage/storagechange/index.md    | 2 +-
 .../mozilla/add-ons/webextensions/api/storage/sync/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/capturetab/index.md  | 2 +-
 .../add-ons/webextensions/api/tabs/capturevisibletab/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/connect/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/create/index.md      | 2 +-
 .../add-ons/webextensions/api/tabs/detectlanguage/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/discard/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/duplicate/index.md   | 2 +-
 .../add-ons/webextensions/api/tabs/executescript/index.md       | 2 +-
 files/en-us/mozilla/add-ons/webextensions/api/tabs/get/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/getcurrent/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/getselected/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/getzoom/index.md     | 2 +-
 .../add-ons/webextensions/api/tabs/getzoomsettings/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/goback/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/goforward/index.md   | 2 +-
 .../en-us/mozilla/add-ons/webextensions/api/tabs/hide/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/highlight/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/insertcss/index.md   | 2 +-
 .../en-us/mozilla/add-ons/webextensions/api/tabs/move/index.md  | 2 +-
 .../add-ons/webextensions/api/tabs/moveinsuccession/index.md    | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/mutedinfo/index.md   | 2 +-
 .../add-ons/webextensions/api/tabs/mutedinforeason/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/onactivated/index.md | 2 +-
 .../add-ons/webextensions/api/tabs/onactivechanged/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/onattached/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/oncreated/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/ondetached/index.md  | 2 +-
 .../add-ons/webextensions/api/tabs/onhighlightchanged/index.md  | 2 +-
 .../add-ons/webextensions/api/tabs/onhighlighted/index.md       | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/onmoved/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/onremoved/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/onreplaced/index.md  | 2 +-
 .../add-ons/webextensions/api/tabs/onselectionchanged/index.md  | 2 +-
 .../add-ons/webextensions/api/tabs/onzoomchange/index.md        | 2 +-
 .../en-us/mozilla/add-ons/webextensions/api/tabs/print/index.md | 2 +-
 .../add-ons/webextensions/api/tabs/printpreview/index.md        | 2 +-
 .../en-us/mozilla/add-ons/webextensions/api/tabs/query/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/reload/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/remove/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/removecss/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/saveaspdf/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/sendmessage/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/sendrequest/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/setzoom/index.md     | 2 +-
 .../add-ons/webextensions/api/tabs/setzoomsettings/index.md     | 2 +-
 .../en-us/mozilla/add-ons/webextensions/api/tabs/show/index.md  | 2 +-
 files/en-us/mozilla/add-ons/webextensions/api/tabs/tab/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/tab_id_none/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/tabstatus/index.md   | 2 +-
 .../add-ons/webextensions/api/tabs/togglereadermode/index.md    | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/update/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/warmup/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/tabs/windowtype/index.md  | 2 +-
 .../add-ons/webextensions/api/tabs/zoomsettings/index.md        | 2 +-
 .../add-ons/webextensions/api/tabs/zoomsettingsmode/index.md    | 2 +-
 .../add-ons/webextensions/api/tabs/zoomsettingsscope/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/theme/getcurrent/index.md | 2 +-
 .../mozilla/add-ons/webextensions/api/theme/onupdated/index.md  | 2 +-
 .../mozilla/add-ons/webextensions/api/theme/reset/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/theme/theme/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/theme/update/index.md     | 2 +-
 .../mozilla/add-ons/webextensions/api/topsites/get/index.md     | 2 +-
 .../add-ons/webextensions/api/topsites/mostvisitedurl/index.md  | 2 +-
 .../add-ons/webextensions/api/types/browsersetting/get/index.md | 2 +-
 .../add-ons/webextensions/api/types/browsersetting/index.md     | 2 +-
 .../webextensions/api/types/browsersetting/onchange/index.md    | 2 +-
 .../add-ons/webextensions/api/types/browsersetting/set/index.md | 2 +-
 .../webextensions/api/userscripts/registereduserscript/index.md | 2 +-
 .../webextensions/api/webnavigation/getallframes/index.md       | 2 +-
 .../add-ons/webextensions/api/webnavigation/getframe/index.md   | 2 +-
 .../webextensions/api/webnavigation/onbeforenavigate/index.md   | 2 +-
 .../webextensions/api/webnavigation/oncommitted/index.md        | 2 +-
 .../webextensions/api/webnavigation/oncompleted/index.md        | 2 +-
 .../api/webnavigation/oncreatednavigationtarget/index.md        | 2 +-
 .../webextensions/api/webnavigation/ondomcontentloaded/index.md | 2 +-
 .../webextensions/api/webnavigation/onerroroccurred/index.md    | 2 +-
 .../api/webnavigation/onhistorystateupdated/index.md            | 2 +-
 .../api/webnavigation/onreferencefragmentupdated/index.md       | 2 +-
 .../webextensions/api/webnavigation/ontabreplaced/index.md      | 2 +-
 .../api/webnavigation/transitionqualifier/index.md              | 2 +-
 .../webextensions/api/webnavigation/transitiontype/index.md     | 2 +-
 .../webextensions/api/webrequest/blockingresponse/index.md      | 2 +-
 .../webextensions/api/webrequest/certificateinfo/index.md       | 2 +-
 .../webextensions/api/webrequest/filterresponsedata/index.md    | 2 +-
 .../webextensions/api/webrequest/getsecurityinfo/index.md       | 2 +-
 .../api/webrequest/handlerbehaviorchanged/index.md              | 2 +-
 .../add-ons/webextensions/api/webrequest/httpheaders/index.md   | 2 +-
 .../webextensions/api/webrequest/onauthrequired/index.md        | 2 +-
 .../webextensions/api/webrequest/onbeforeredirect/index.md      | 2 +-
 .../webextensions/api/webrequest/onbeforerequest/index.md       | 2 +-
 .../webextensions/api/webrequest/onbeforesendheaders/index.md   | 2 +-
 .../add-ons/webextensions/api/webrequest/oncompleted/index.md   | 2 +-
 .../webextensions/api/webrequest/onerroroccurred/index.md       | 2 +-
 .../webextensions/api/webrequest/onheadersreceived/index.md     | 2 +-
 .../webextensions/api/webrequest/onresponsestarted/index.md     | 2 +-
 .../add-ons/webextensions/api/webrequest/onsendheaders/index.md | 2 +-
 .../add-ons/webextensions/api/webrequest/requestfilter/index.md | 2 +-
 .../add-ons/webextensions/api/webrequest/resourcetype/index.md  | 2 +-
 .../add-ons/webextensions/api/webrequest/securityinfo/index.md  | 2 +-
 .../webextensions/api/webrequest/streamfilter/close/index.md    | 2 +-
 .../api/webrequest/streamfilter/disconnect/index.md             | 2 +-
 .../webextensions/api/webrequest/streamfilter/error/index.md    | 2 +-
 .../add-ons/webextensions/api/webrequest/streamfilter/index.md  | 2 +-
 .../webextensions/api/webrequest/streamfilter/ondata/index.md   | 2 +-
 .../webextensions/api/webrequest/streamfilter/onerror/index.md  | 2 +-
 .../webextensions/api/webrequest/streamfilter/onstart/index.md  | 2 +-
 .../webextensions/api/webrequest/streamfilter/onstop/index.md   | 2 +-
 .../webextensions/api/webrequest/streamfilter/resume/index.md   | 2 +-
 .../webextensions/api/webrequest/streamfilter/status/index.md   | 2 +-
 .../webextensions/api/webrequest/streamfilter/suspend/index.md  | 2 +-
 .../webextensions/api/webrequest/streamfilter/write/index.md    | 2 +-
 .../add-ons/webextensions/api/webrequest/uploaddata/index.md    | 2 +-
 .../mozilla/add-ons/webextensions/api/windows/create/index.md   | 2 +-
 .../add-ons/webextensions/api/windows/createtype/index.md       | 2 +-
 .../mozilla/add-ons/webextensions/api/windows/get/index.md      | 2 +-
 .../mozilla/add-ons/webextensions/api/windows/getall/index.md   | 2 +-
 .../add-ons/webextensions/api/windows/getcurrent/index.md       | 2 +-
 .../add-ons/webextensions/api/windows/getlastfocused/index.md   | 2 +-
 .../add-ons/webextensions/api/windows/oncreated/index.md        | 2 +-
 .../add-ons/webextensions/api/windows/onfocuschanged/index.md   | 2 +-
 .../add-ons/webextensions/api/windows/onremoved/index.md        | 2 +-
 .../mozilla/add-ons/webextensions/api/windows/remove/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/windows/update/index.md   | 2 +-
 .../mozilla/add-ons/webextensions/api/windows/window/index.md   | 2 +-
 .../webextensions/api/windows/window_id_current/index.md        | 2 +-
 .../add-ons/webextensions/api/windows/window_id_none/index.md   | 2 +-
 .../add-ons/webextensions/api/windows/windowstate/index.md      | 2 +-
 .../add-ons/webextensions/api/windows/windowtype/index.md       | 2 +-
 .../webextensions/build_a_cross_browser_extension/index.md      | 2 +-
 .../webextensions/user_interface/extension_pages/index.md       | 2 +-
 .../add-ons/webextensions/user_interface/omnibox/index.md       | 2 +-
 .../mozilla/add-ons/webextensions/working_with_files/index.md   | 2 +-
 539 files changed, 539 insertions(+), 539 deletions(-)

diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/colorarray/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/colorarray/index.md
index e0349c04cec6e0d..1072cf47ba30023 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/colorarray/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/colorarray/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.action.ColorArray
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 ## Type
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/disable/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/disable/index.md
index 62a05a79d1ad586..ce43668e437aed1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/disable/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/disable/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.disable
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Disables the browser action for a tab, meaning that it cannot be clicked when that tab is active.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/enable/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/enable/index.md
index 89fb5d1042f9014..92acfa6c40f923f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/enable/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/enable/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.enable
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Enables the browser action for a tab. By default, browser actions are enabled for all tabs.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgebackgroundcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgebackgroundcolor/index.md
index 0255c5a30527218..0efa5fa7f431851 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgebackgroundcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgebackgroundcolor/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.getBadgeBackgroundColor
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the background color of the browser action's badge.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgetext/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgetext/index.md
index d458ba96a4599a0..5a955f0866e4e6d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgetext/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgetext/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.getBadgeText
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the browser action's badge text.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgetextcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgetextcolor/index.md
index 8370c8099949472..164ef7baa5b6742 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgetextcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/getbadgetextcolor/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.getBadgeTextColor
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the text color for the browser action's badge.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/getpopup/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/getpopup/index.md
index f5a896471d6c7eb..decd5f221315239 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/getpopup/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/getpopup/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.getPopup
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the HTML document set as the popup for this browser action.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/gettitle/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/gettitle/index.md
index 36e41f7c99f51c8..c08bbfb481c8a2c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/gettitle/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/gettitle/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.getTitle
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the browser action's title.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/getusersettings/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/getusersettings/index.md
index 39b873c8f281156..c1a5a2cb70498c5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/getusersettings/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/getusersettings/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.getUserSettings
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the user-specified settings for the browser action.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/imagedatatype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/imagedatatype/index.md
index f6ea9f7cd19c8b8..176ec64af9c379c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/imagedatatype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/imagedatatype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.action.ImageDataType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Pixel data for an image. Must be an [`ImageData`](/en-US/docs/Web/API/ImageData) object (for example, from a {{htmlelement("canvas")}} element).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/isenabled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/isenabled/index.md
index c83c798be8f1a9c..107093dff5d502f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/isenabled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/isenabled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.isEnabled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns `true` if the browser action is enabled.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/onclicked/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/onclicked/index.md
index 1321caa18f587f4..75a03881c5a1316 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/onclicked/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/onclicked/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.action.onClicked
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/openpopup/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/openpopup/index.md
index 1849bd7fe7ae197..b51a158b9ea89ce 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/openpopup/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/openpopup/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.openPopup
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Open the browser action's popup.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgebackgroundcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgebackgroundcolor/index.md
index e009db0a32ef05c..dc0f4c2d071cd17 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgebackgroundcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgebackgroundcolor/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.setBadgeBackgroundColor
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the background color for the badge. Tabs without a specific badge background color will inherit the global badge background color, which defaults to `[217, 0, 0, 255]` in Firefox.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetext/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetext/index.md
index 1c7e3aefb9d2fad..6ae4add5dc1ab44 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetext/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetext/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.setBadgeText
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the badge text for the browser action. The badge is displayed on top of the icon.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetextcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetextcolor/index.md
index f31cc8e087dd00d..b23f286effda0e1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetextcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetextcolor/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.setBadgeTextColor
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the text color for the browser action's badge. Tabs without a specific badge text color will inherit the global badge text color.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/seticon/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/seticon/index.md
index 0645b7a15feaa85..15e97cada315c7d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/seticon/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/seticon/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.setIcon
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the icon for the browser action.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/setpopup/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/setpopup/index.md
index 8c0b063efb4e296..7b96e9295704cf1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/setpopup/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/setpopup/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.action.setPopup
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the HTML document that is opened as a popup when the user clicks on the browser action's icon. Tabs without a specific popup will inherit the global popup, which defaults to the [`default_popup`](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action) specified in the manifest.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/alarms/alarm/index.md b/files/en-us/mozilla/add-ons/webextensions/api/alarms/alarm/index.md
index 85975f622ce092c..e5939d2d2e55d6c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/alarms/alarm/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/alarms/alarm/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.alarms.Alarm
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Information about a single alarm. This object is returned from {{WebExtAPIRef('alarms.get()')}} and {{WebExtAPIRef('alarms.getAll()')}}, and is passed into the {{WebExtAPIRef('alarms.onAlarm')}} listener.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/alarms/clear/index.md b/files/en-us/mozilla/add-ons/webextensions/api/alarms/clear/index.md
index f8f033591d8a11a..5d11eb95c67c1fa 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/alarms/clear/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/alarms/clear/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.alarms.clear
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Cancels an alarm, given its name.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/alarms/clearall/index.md b/files/en-us/mozilla/add-ons/webextensions/api/alarms/clearall/index.md
index 882bd1a6a1a958b..df38c94001d757c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/alarms/clearall/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/alarms/clearall/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.alarms.clearAll
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Cancels all active alarms.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/alarms/create/index.md b/files/en-us/mozilla/add-ons/webextensions/api/alarms/create/index.md
index 407f0cfdb80d9b2..f7c4ffdc31c17af 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/alarms/create/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/alarms/create/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.alarms.create
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Creates a new alarm for the current browser session. An alarm may fire once or multiple times. An alarm is cleared after it fires for the last time.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/alarms/get/index.md b/files/en-us/mozilla/add-ons/webextensions/api/alarms/get/index.md
index 2d7cdccfaa50b80..7b42759b1b6c7df 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/alarms/get/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/alarms/get/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.alarms.get
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets an alarm, given its name.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/alarms/getall/index.md b/files/en-us/mozilla/add-ons/webextensions/api/alarms/getall/index.md
index cb495f8babd3940..2ef7087e7c08d1b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/alarms/getall/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/alarms/getall/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.alarms.getAll
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets all active alarms for the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/alarms/onalarm/index.md b/files/en-us/mozilla/add-ons/webextensions/api/alarms/onalarm/index.md
index 13877fbe1c6a2a9..0dc8c5e9db1e832 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/alarms/onalarm/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/alarms/onalarm/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.alarms.onAlarm
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when any alarm set by the extension goes off.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenode/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenode/index.md
index caedfe595dfa2d7..41d94eb0616601b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenode/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenode/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.bookmarks.BookmarkTreeNode
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An object of type `bookmarks.BookmarkTreeNode` represents a node in the bookmark tree, where each node is a bookmark, a bookmark folder, or a separator. Child nodes are ordered by an `index` within their respective parent folders.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenodetype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenodetype/index.md
index f1bef1ace5d8182..1913660e5afda5f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenodetype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenodetype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.bookmarks.BookmarkTreeNodeType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`bookmarks.BookmarkTreeNodeType`** type is used to describe whether a node in the bookmark tree is a bookmark, a folder, or a separator.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenodeunmodifiable/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenodeunmodifiable/index.md
index d1cfc476e0bfa62..f6aa46e1a7a1388 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenodeunmodifiable/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/bookmarktreenodeunmodifiable/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.bookmarks.BookmarkTreeNodeUnmodifiable
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`bookmarks.BookmarkTreeNodeUnmodifiable`** type is used to indicate the reason that a node in the bookmark tree (where each node is either a bookmark or a bookmark folder) cannot be changed. This is used as the value of the {{WebExtAPIRef("bookmarks.BookmarkTreeNode", "bookmarks.BookmarkTreeNode.unmodifiable", "unmodifiable")}} field on bookmark nodes.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/create/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/create/index.md
index df24d568a9add47..f59431b21d4f4a5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/create/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/create/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.bookmarks.create
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Creates a bookmark or folder as a child of the {{WebExtAPIRef("bookmarks.BookmarkTreeNode", "BookmarkTreeNode")}} with the specified `parentId`. To create a folder, omit or leave empty the {{WebExtAPIRef("bookmarks.CreateDetails", "CreateDetails", "url")}} parameter.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/createdetails/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/createdetails/index.md
index 1aaf329064c61ad..760b7f4e013cbc6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/createdetails/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/createdetails/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.bookmarks.CreateDetails
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `CreateDetails` type is used to describe the properties of a new, bookmark, bookmark folder, or separator when calling the {{WebExtAPIRef("bookmarks.create()")}} method.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/get/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/get/index.md
index 6812f4eb845e247..3555e4f8435218a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/get/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/get/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.bookmarks.get
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Given the ID of a {{WebExtAPIRef("bookmarks.BookmarkTreeNode")}} or an array of such IDs, the **`bookmarks.get()`** method retrieves the matching nodes.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getchildren/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getchildren/index.md
index f16ad89e28c8f10..8774162074f1fba 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getchildren/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getchildren/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.bookmarks.getChildren
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 **`bookmarks.getChildren()`** retrieves all the immediate children of a bookmark folder, identified as a {{WebExtAPIRef("bookmarks.BookmarkTreeNode", "BookmarkTreeNode")}} ID.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getrecent/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getrecent/index.md
index 6d9c8320a823eb1..f447599e39c0690 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getrecent/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getrecent/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.bookmarks.getRecent
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `bookmarks.getRecent()` method retrieves a specified number of the most recently added bookmarks as an array of {{WebExtAPIRef('bookmarks.BookmarkTreeNode', 'BookmarkTreeNode')}} objects.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getsubtree/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getsubtree/index.md
index bfacfdf8166235a..54c34c595084451 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getsubtree/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/getsubtree/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.bookmarks.getSubTree
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`bookmarks.getSubTree()`** method asynchronously retrieves a {{WebExtAPIRef("bookmarks.BookmarkTreeNode")}}, given its ID.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/gettree/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/gettree/index.md
index 956aa97530e1c70..29c45f0a23af8b0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/gettree/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/gettree/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.bookmarks.getTree
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 **`bookmarks.getTree()`** returns an array containing the root of the bookmarks tree as a {{WebExtAPIRef("bookmarks.BookmarkTreeNode")}} object.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/move/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/move/index.md
index 81d6602a4175c0e..352d9094358d9ee 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/move/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/move/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.bookmarks.move
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`bookmarks.move()`** method moves the specified {{WebExtAPIRef("bookmarks.BookmarkTreeNode", "BookmarkTreeNode")}} to the specified destination within the tree of bookmarks. This lets you move a bookmark to a new folder and/or position within the folder.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onchanged/index.md
index 2f400fe0d5d31f6..84a99dccaa5775e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onchanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.bookmarks.onChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when there is a change to:
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onchildrenreordered/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onchildrenreordered/index.md
index 2bafa28e27c879c..5735f1b1e5fd4bf 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onchildrenreordered/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onchildrenreordered/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.bookmarks.onChildrenReordered
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the children of a folder have changed their order due to the order being sorted in the UI. This is not called as a result of a call to {{WebExtAPIRef("bookmarks.move()")}} or a drag operation in the UI.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/oncreated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/oncreated/index.md
index 72a388117e9d05b..ee0ce90e7afc157 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/oncreated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/oncreated/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.bookmarks.onCreated
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a bookmark item (a bookmark or a folder) is created.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onimportbegan/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onimportbegan/index.md
index 305c929e4c30474..67b880896c7aa61 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onimportbegan/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onimportbegan/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.bookmarks.onImportBegan
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the browser has started importing a set of bookmarks.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onimportended/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onimportended/index.md
index ad3704757bfb8b9..7422f0abdd909c7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onimportended/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onimportended/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.bookmarks.onImportEnded
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the browser has finished importing a set of bookmarks.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onmoved/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onmoved/index.md
index 51c89591b371a36..091562bbcadae77 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onmoved/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onmoved/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.bookmarks.onMoved
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a bookmark or folder is moved to a different parent folder or position within a folder.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onremoved/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onremoved/index.md
index ce89419a2bbe93b..a030b71ec18d2ff 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onremoved/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/onremoved/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.bookmarks.onRemoved
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a bookmark or folder is removed. When a folder is removed recursively, a single notification is fired for the folder, and none for its contents.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/remove/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/remove/index.md
index b9eb1177dc480c1..e36e708fd9d3de6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/remove/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/remove/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.bookmarks.remove
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`bookmarks.remove()`** method removes a single bookmark or an empty bookmark folder.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/removetree/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/removetree/index.md
index d01e4bcc06bda4b..b474e6da822d041 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/removetree/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/removetree/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.bookmarks.removeTree
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`bookmarks.removeTree()`** method recursively removes a bookmark folder and all of its contents.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/search/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/search/index.md
index dac5c8eef30cdd8..87bded2ea590c2e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/search/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/search/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.bookmarks.search
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`bookmarks.search()`** function searches for bookmark tree nodes matching the given query.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/update/index.md b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/update/index.md
index a7a94e146ab5847..1e5a0483e47f164 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/update/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/bookmarks/update/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.bookmarks.update
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 **`bookmarks.update()`** updates the title and/or URL of a bookmark, or the name of a bookmark folder.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/colorarray/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/colorarray/index.md
index f9ad513f838f82a..af20c2f36d18392 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/colorarray/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/colorarray/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.browserAction.ColorArray
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 ## Type
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/disable/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/disable/index.md
index b685bbf398a133d..e7f34f498c56a87 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/disable/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/disable/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.disable
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Disables the browser action for a tab, meaning that it cannot be clicked when that tab is active.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/enable/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/enable/index.md
index ac7d3785b496b3d..f1b9e48bb477c48 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/enable/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/enable/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.enable
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Enables the browser action for a tab. By default, browser actions are enabled for all tabs.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgebackgroundcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgebackgroundcolor/index.md
index 140bcfc00e7bac0..f53effc58601175 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgebackgroundcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgebackgroundcolor/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.getBadgeBackgroundColor
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the background color of the browser action's badge.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgetext/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgetext/index.md
index 7089ffd46dd6c2d..8d39a9ee16479d7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgetext/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgetext/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.getBadgeText
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the browser action's badge text.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgetextcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgetextcolor/index.md
index c5c1d85db87ebf8..653bed2371afb2c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgetextcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getbadgetextcolor/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.getBadgeTextColor
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the text color for the browser action's badge.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getpopup/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getpopup/index.md
index aaec08aeed58adc..3267ede2787eec5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getpopup/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getpopup/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.getPopup
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the HTML document set as the popup for this browser action.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/gettitle/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/gettitle/index.md
index 1ae1742c6ac476d..b00a53806eb93ef 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/gettitle/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/gettitle/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.getTitle
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the browser action's title.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/imagedatatype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/imagedatatype/index.md
index e618fdb6c8226da..1d6e1b84ad08a6a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/imagedatatype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/imagedatatype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.browserAction.ImageDataType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Pixel data for an image. Must be an [`ImageData`](/en-US/docs/Web/API/ImageData) object (for example, from a {{htmlelement("canvas")}} element).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/isenabled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/isenabled/index.md
index 3a98083eea5e46c..00e7ec3e58652fd 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/isenabled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/isenabled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.isEnabled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns `true` if the browser action is enabled.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/onclicked/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/onclicked/index.md
index e4e2a3d34ad05bd..a2b726f9706669b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/onclicked/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/onclicked/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.browserAction.onClicked
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/openpopup/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/openpopup/index.md
index c4181326f9e9c81..db91ecf6494b0bb 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/openpopup/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/openpopup/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.openPopup
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Open the browser action's popup.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgebackgroundcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgebackgroundcolor/index.md
index a84759829c6661a..1fe3c8c5038ab25 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgebackgroundcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgebackgroundcolor/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.setBadgeBackgroundColor
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the background color for the badge. Tabs without a specific badge background color will inherit the global badge background color, which defaults to `[217, 0, 0, 255]` in Firefox.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetext/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetext/index.md
index c11c33ed701cb1d..d35dab7513c1279 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetext/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetext/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.setBadgeText
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the badge text for the browser action. The badge is displayed on top of the icon.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetextcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetextcolor/index.md
index fe2c400fb1c4644..e6109e029df364d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetextcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetextcolor/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.setBadgeTextColor
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the text color for the browser action's badge. Tabs without a specific badge text color will inherit the global badge text color.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/seticon/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/seticon/index.md
index 3e074d2d3de96e9..6373184264897ba 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/seticon/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/seticon/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.setIcon
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the icon for the browser action.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setpopup/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setpopup/index.md
index d5012dbe53233db..ffde0dd884edfa7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setpopup/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setpopup/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browserAction.setPopup
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the HTML document that will be opened as a popup when the user clicks on the browser action's icon. Tabs without a specific popup will inherit the global popup, which defaults to the [`default_popup`](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action) specified in the manifest.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/allowpopupsforuserevents/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/allowpopupsforuserevents/index.md
index 2e06b40db4b1c91..2e24ef9df83972c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/allowpopupsforuserevents/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/allowpopupsforuserevents/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.allowPopupsForUserEvents
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object that can be used to enable or disable the ability of web pages to open popups in response to user actions.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/cacheenabled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/cacheenabled/index.md
index f1f995ba276736b..1a229ec7be52a80 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/cacheenabled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/cacheenabled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.cacheEnabled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object that can be used to globally enable or disable the browser cache.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/closetabsbydoubleclick/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/closetabsbydoubleclick/index.md
index 3e2853848d0b5b1..5fb827240f52240 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/closetabsbydoubleclick/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/closetabsbydoubleclick/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.closeTabsByDoubleClick
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object that can be used to enable or disable the user's ability to close a tab using double-click.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/colormanagement/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/colormanagement/index.md
index 222b7a7f7472b2b..925b51f229ca15c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/colormanagement/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/colormanagement/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.colorManagement
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object used to query and set the browser's color management features.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/contextmenushowevent/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/contextmenushowevent/index.md
index d14e6becffb546c..5c54dca6a4e5d75 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/contextmenushowevent/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/contextmenushowevent/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.contextMenuShowEvent
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object which determines whether the browser's context menu is shown on the mouseup event or on the mousedown event.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/ftpprotocolenabled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/ftpprotocolenabled/index.md
index d996d300cadc62c..f3c1bde9c7f4bc6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/ftpprotocolenabled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/ftpprotocolenabled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.ftpProtocolEnabled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object that determines whether the FTP protocol is enabled in the browser.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/homepageoverride/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/homepageoverride/index.md
index 11ce70ab5d16a6e..56ce4f894edbccf 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/homepageoverride/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/homepageoverride/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.homepageOverride
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object that can be used to get a string representing the URL currently set as the browser's homepage.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/imageanimationbehavior/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/imageanimationbehavior/index.md
index 04563cba72736ea..cb9068c5fcf9bf2 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/imageanimationbehavior/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/imageanimationbehavior/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.imageAnimationBehavior
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object that can be used to change the way the browser handles animated images, such as GIFs.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/newtabpageoverride/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/newtabpageoverride/index.md
index 794565acbefcebd..cd4b056299f2e32 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/newtabpageoverride/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/newtabpageoverride/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.newTabPageOverride
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object that can be used to get a string representing the URL for the "new tab" page: that is, the page that's loaded when the user opens a new empty tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/newtabposition/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/newtabposition/index.md
index db8c50cdf2c04c3..301f30ed51ec5b7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/newtabposition/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/newtabposition/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.newTabPosition
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object that can be used to control the position of newly opened tabs relative to already open tabs.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/openbookmarksinnewtabs/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/openbookmarksinnewtabs/index.md
index 8575231b52bb858..075f0bf08fadf25 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/openbookmarksinnewtabs/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/openbookmarksinnewtabs/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.openBookmarksInNewTabs
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object whose underlying value is a boolean.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/opensearchresultsinnewtabs/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/opensearchresultsinnewtabs/index.md
index 5655221f43b5bf9..7d639f0f95d15d6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/opensearchresultsinnewtabs/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/opensearchresultsinnewtabs/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.openSearchResultsInNewTabs
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object whose underlying value is a boolean.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/openurlbarresultsinnewtabs/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/openurlbarresultsinnewtabs/index.md
index 2465c9761a1cc97..b678655e26fe882 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/openurlbarresultsinnewtabs/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/openurlbarresultsinnewtabs/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.openUrlbarResultsInNewTabs
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object whose underlying value is a boolean.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md
index 85c39d0c7c2601c..a92078402da99d2 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridecontentcolorscheme/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.overrideContentColorScheme
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object whose underlying value is a string.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridedocumentcolors/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridedocumentcolors/index.md
index 3d6528d381546c0..94db35478028271 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridedocumentcolors/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/overridedocumentcolors/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.overrideDocumentColors
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object whose underlying value is a string.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/tlsversionrestrictionconfig/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/tlsversionrestrictionconfig/index.md
index a6e0fb87fdfc86a..2d550bf879e2d77 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/tlsversionrestrictionconfig/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/tlsversionrestrictionconfig/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.tlsVersionRestrictionConfig
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object used to read the highest and lowest versions of TLS supported by the browser.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/usedocumentfonts/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/usedocumentfonts/index.md
index 1b6548910408e2a..970768c0c42e603 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/usedocumentfonts/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/usedocumentfonts/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.useDocumentFonts
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object whose underlying value is a boolean.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/webnotificationsdisabled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/webnotificationsdisabled/index.md
index d46333ca33b8a0f..e5bfa32a94f66e9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/webnotificationsdisabled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/webnotificationsdisabled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.webNotificationsDisabled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object that can be used to prevent websites from showing notifications using the [`Notifications`](/en-US/docs/Web/API/Notifications_API) Web API.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/zoomfullpage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/zoomfullpage/index.md
index e1120f15f7c378a..59fb1537e23e9ae 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/zoomfullpage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/zoomfullpage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.zoomFullPage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object whose underlying value is a boolean.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/zoomsitespecific/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/zoomsitespecific/index.md
index d702e8fa77e081c..d13568ba06abed1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/zoomsitespecific/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsersettings/zoomsitespecific/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browserSettings.zoomSiteSpecific
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object whose underlying value is a boolean.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/datatypeset/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/datatypeset/index.md
index 6d38be89843a053..6c7b1b57ad23c27 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/datatypeset/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/datatypeset/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.browsingData.DataTypeSet
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`browsingData.DataTypeSet`** type describes a set of data types.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removaloptions/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removaloptions/index.md
index 6fd67e75c17a8ce..d373381593bf6cd 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removaloptions/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removaloptions/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.browsingData.RemovalOptions
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`browsingData.RemovalOptions`** type contains options to control certain aspects of browsing data removal.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/remove/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/remove/index.md
index 75d162a56ebd45b..e0acf93fa0c3463 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/remove/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/remove/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browsingData.remove
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes the specified browsing data.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removecache/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removecache/index.md
index 5a74b0c6df5e505..15ebc4f387e80bc 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removecache/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removecache/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browsingData.removeCache
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Clears the browser's cache.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removecookies/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removecookies/index.md
index 5453baa0a04e52d..599f73d155d8d24 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removecookies/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removecookies/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browsingData.removeCookies
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Clears the browser's cookies.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removedownloads/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removedownloads/index.md
index e5f03ac5ba1502a..6859204e3601704 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removedownloads/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removedownloads/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browsingData.removeDownloads
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Clears the browser's download history. Note that this does not delete the downloaded objects themselves, only records of downloads in the browser's history.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removeformdata/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removeformdata/index.md
index 032a4da16569613..f841cecc151bab3 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removeformdata/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removeformdata/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browsingData.removeFormData
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Clears data that the browser has saved for autofilling forms.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removehistory/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removehistory/index.md
index 5baa96e9ecd9dbb..80c7bd81559d29b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removehistory/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removehistory/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browsingData.removeHistory
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Clears the record of web pages that the user has visited (browsing history).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removelocalstorage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removelocalstorage/index.md
index 787a2c56bde4ecc..47ee6b791a50eae 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removelocalstorage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removelocalstorage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browsingData.removeLocalStorage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Clears any [local storage](/en-US/docs/Web/API/Window/localStorage) created by websites.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removepasswords/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removepasswords/index.md
index acb425d7e771b77..b3fe8d28adf0a8b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removepasswords/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removepasswords/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browsingData.removePasswords
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Clears saved passwords.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removeplugindata/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removeplugindata/index.md
index 0cff993873c64e8..a7b56d81ed9c79c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removeplugindata/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/removeplugindata/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.browsingData.removePluginData
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Clears data stored by browser plugins.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/settings/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/settings/index.md
index 96371a5e05aa1fc..fc5c811d3a7588b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/settings/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browsingdata/settings/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.browsingData.settings
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Browsers have a built-in "Clear History" feature, which enables the user to clear various types of browsing data. This has a UI that enables the user to select what type of data to remove (e.g. history, downloads, …) and how far back in time to remove data.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/canonicalurl/index.md b/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/canonicalurl/index.md
index f1335cf6411316c..20721a963b579a5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/canonicalurl/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/canonicalurl/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.captivePortal.canonicalURL
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Return the canonical URL of the captive-portal detection page. Read-only.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/getlastchecked/index.md b/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/getlastchecked/index.md
index f4949d2d86a796c..0430146c89b99a3 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/getlastchecked/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/getlastchecked/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.captivePortal.getLastChecked
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns the time since the last request was completed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/getstate/index.md b/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/getstate/index.md
index 96a051aa9ad3676..f636225b7b45d0d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/getstate/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/getstate/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.captivePortal.getState
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns the portal state as one of `unknown`, `not_captive`, `unlocked_portal`, or `locked_portal`.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/onconnectivityavailable/index.md b/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/onconnectivityavailable/index.md
index 6b0599815da95ec..ffd8b7c1671411a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/onconnectivityavailable/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/onconnectivityavailable/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.captivePortal.onConnectivityAvailable
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fires when the captive portal service determines that the user can connect to the internet.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/onstatechanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/onstatechanged/index.md
index 79d54c7e95f4666..3be5cf37200ca83 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/onstatechanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/captiveportal/onstatechanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.captivePortal.onStateChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fires when the captive portal state changes.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/clipboard/setimagedata/index.md b/files/en-us/mozilla/add-ons/webextensions/api/clipboard/setimagedata/index.md
index 9ecbf20dd559db0..630f9d40316fac5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/clipboard/setimagedata/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/clipboard/setimagedata/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.clipboard.setImageData
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Copies an image to the clipboard. The image is re-encoded before it is written to the clipboard. If the image is invalid, the clipboard is not modified.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/commands/command/index.md b/files/en-us/mozilla/add-ons/webextensions/api/commands/command/index.md
index f1658040544b33b..dbb7b6ce6c7db7b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/commands/command/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/commands/command/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.commands.Command
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Information about a command. This contains the information specified for the command in the [`commands` manifest.json key](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/commands/getall/index.md b/files/en-us/mozilla/add-ons/webextensions/api/commands/getall/index.md
index d0110942bf90bc2..a85437b3d8f5c55 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/commands/getall/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/commands/getall/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.commands.getAll
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets all commands for the extension that you have registered using the [`commands` manifest.json key](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/commands/onchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/commands/onchanged/index.md
index e7ade29b4170711..3526f82fdef1ea9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/commands/onchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/commands/onchanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.commands.onChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the keyboard shortcut for a command is changed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/commands/oncommand/index.md b/files/en-us/mozilla/add-ons/webextensions/api/commands/oncommand/index.md
index d5f48711af1b149..3991d6ebe85a108 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/commands/oncommand/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/commands/oncommand/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.commands.onCommand
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a command is executed using its associated keyboard shortcut.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/commands/reset/index.md b/files/en-us/mozilla/add-ons/webextensions/api/commands/reset/index.md
index 489dc09412deb15..fed871dc7eddc60 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/commands/reset/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/commands/reset/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.commands.reset
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Resets the given command's description and keyboard shortcut to the values given in the extension's [`commands` manifest.json key](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/commands/update/index.md b/files/en-us/mozilla/add-ons/webextensions/api/commands/update/index.md
index 1b40ec4013496f6..6210f617591f079 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/commands/update/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/commands/update/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.commands.update
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Change the description or keyboard shortcut for the given command.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/register/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/register/index.md
index 0acfad9c2cc6d13..8b27b8fe5c4259d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/register/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/register/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.contentScripts.register
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Use this function to register one or more content scripts.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/registeredcontentscript/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/registeredcontentscript/index.md
index e33265aff2bd280..9315eef70ccc5c2 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/registeredcontentscript/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/registeredcontentscript/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.contentScripts.RegisteredContentScript
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A `RegisteredContentScript` is returned by a call to {{WebExtAPIRef("contentScripts.register()")}} and represents the content scripts registered in that call.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/registeredcontentscript/unregister/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/registeredcontentscript/unregister/index.md
index 0bb8707e98e396a..87255f9f2497651 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/registeredcontentscript/unregister/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contentscripts/registeredcontentscript/unregister/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.contentScripts.RegisteredContentScript.unregister
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Unregisters the content scripts represented by this `RegisteredContentScript` object.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/contextualidentity/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/contextualidentity/index.md
index 129ecb3cc723664..7b4a0733ae43481 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/contextualidentity/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/contextualidentity/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.contextualIdentities.ContextualIdentity
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`contextualIdentities.ContextualIdentity`** type describes a single contextual identity.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/create/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/create/index.md
index b4a70dce6d475ba..feaf7b6340ee6c0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/create/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/create/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.contextualIdentities.create
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Creates a new contextual identity. Once created, the user will be able to create new tabs belonging to this contextual identity, just as they can with the built-in identities.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/get/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/get/index.md
index 048c56a275767f4..36a9ae04b63cf92 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/get/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/get/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.contextualIdentities.get
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets information about a contextual identity, given its cookie store ID.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/move/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/move/index.md
index 12ec910109c1f1b..2ed546dc71acf93 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/move/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/move/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.contextualIdentities.move
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Moves one or more contextual identities to a new position within the list of contextual identities.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/oncreated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/oncreated/index.md
index b0cd834e9225bcb..dd73ca205f4ae7c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/oncreated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/oncreated/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.contextualIdentities.onCreated
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a new contextual identity is created. Contextual identities may be created by extensions using the `contextualIdentities` API, or directly by the user, using the browser's user interface.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/onremoved/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/onremoved/index.md
index ec06aaa733aa543..21c50fa08cd4e11 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/onremoved/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/onremoved/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.contextualIdentities.onRemoved
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a new contextual identity is removed. Contextual identities may be removed by extensions using the `contextualIdentities` API, or directly by the user, using the browser's user interface.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/onupdated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/onupdated/index.md
index 818444391a36816..836e3dddb6d0608 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/onupdated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/onupdated/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.contextualIdentities.onUpdated
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the properties of a contextual identity, such as its name, icon, or color, are changed. Contextual identities may be updated by extensions using the `contextualIdentities` API, or directly by the user, using the browser's user interface.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/query/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/query/index.md
index 0004098bff6b1e2..35e2b58feef887c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/query/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/query/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.contextualIdentities.query
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets information about all contextual identities, or about those contextual identities that match a given filter argument.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/remove/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/remove/index.md
index 28dbc73874f9293..a4108c564111830 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/remove/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/remove/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.contextualIdentities.remove
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes a contextual identity, given its cookie store ID.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/update/index.md b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/update/index.md
index c0e0f1c4a8e7400..450860291166355 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/update/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/contextualidentities/update/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.contextualIdentities.update
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Updates properties of a contextual identity, given its cookie store ID.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/cookies/cookie/index.md b/files/en-us/mozilla/add-ons/webextensions/api/cookies/cookie/index.md
index 2c7cbac498f578c..e0e53f133ac82aa 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/cookies/cookie/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/cookies/cookie/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.cookies.Cookie
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `Cookie` type of the {{WebExtAPIRef("cookies")}} API represents information about an HTTP cookie.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/cookies/cookiestore/index.md b/files/en-us/mozilla/add-ons/webextensions/api/cookies/cookiestore/index.md
index b3f97d629ac7d45..47baccf57a14074 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/cookies/cookiestore/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/cookies/cookiestore/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.cookies.CookieStore
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `CookieStore` type of the {{WebExtAPIRef("cookies")}} API represents a cookie store in the browser.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/cookies/get/index.md b/files/en-us/mozilla/add-ons/webextensions/api/cookies/get/index.md
index 0da7e50daec344d..b6badd3acf35ecb 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/cookies/get/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/cookies/get/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.cookies.get
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`get()`** method of the {{WebExtAPIRef("cookies")}} API retrieves information about a single cookie, given its name and URL.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/cookies/getall/index.md b/files/en-us/mozilla/add-ons/webextensions/api/cookies/getall/index.md
index 49bf14545971c5a..217a17399379c36 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/cookies/getall/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/cookies/getall/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.cookies.getAll
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`getAll()`** method of the {{WebExtAPIRef("cookies")}} API retrieves all cookies from a single cookie store that match the given information.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/cookies/getallcookiestores/index.md b/files/en-us/mozilla/add-ons/webextensions/api/cookies/getallcookiestores/index.md
index 23de267857c60fc..f2f2b04cebfdf18 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/cookies/getallcookiestores/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/cookies/getallcookiestores/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.cookies.getAllCookieStores
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`getAllCookieStores()`** method of the {{WebExtAPIRef("cookies")}} API returns a list of all cookie stores.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/cookies/onchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/cookies/onchanged/index.md
index 96286c424b61de6..2528155b72f1ee0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/cookies/onchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/cookies/onchanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.cookies.onChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `onChanged` event of the {{WebExtAPIRef("cookies")}} API fires when a cookie that the extension can access is set or removed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/cookies/onchangedcause/index.md b/files/en-us/mozilla/add-ons/webextensions/api/cookies/onchangedcause/index.md
index 6469064ec003f5e..f6356212c5e4983 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/cookies/onchangedcause/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/cookies/onchangedcause/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.cookies.OnChangedCause
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `OnChangedCause` type of the {{WebExtAPIRef("cookies")}} API represents the reason a cookie changed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/cookies/remove/index.md b/files/en-us/mozilla/add-ons/webextensions/api/cookies/remove/index.md
index 7e8055d8d0167c9..9962e98848e47dc 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/cookies/remove/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/cookies/remove/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.cookies.remove
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`remove()`** method of the {{WebExtAPIRef("cookies")}} API deletes a cookie, given its name and URL.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/cookies/samesitestatus/index.md b/files/en-us/mozilla/add-ons/webextensions/api/cookies/samesitestatus/index.md
index 12a77a402fca2f4..60c545bd633bcec 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/cookies/samesitestatus/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/cookies/samesitestatus/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.cookies.SameSiteStatus
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `SameSiteStatus` type of the {{WebExtAPIRef("cookies")}} API represents information about the `SameSite` state of a cookie.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/cookies/set/index.md b/files/en-us/mozilla/add-ons/webextensions/api/cookies/set/index.md
index 5356e1c996f0139..a42a0dd6a0ad82f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/cookies/set/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/cookies/set/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.cookies.set
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`set()`** method of the {{WebExtAPIRef("cookies")}} API sets a cookie containing the specified cookie data. This method is equivalent to issuing an HTTP `Set-Cookie` header during a request to a given URL.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/dynamic_ruleset_id/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/dynamic_ruleset_id/index.md
index 0016c03c98f6b33..073482d13539019 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/dynamic_ruleset_id/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/dynamic_ruleset_id/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.declarativeNetRequest.DYNAMIC_RULESET_ID
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Ruleset ID for the dynamic rules added by the extension using {{WebExtAPIRef("declarativeNetRequest.updateDynamicRules","updateDynamicRules")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getavailablestaticrulecount/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getavailablestaticrulecount/index.md
index a50c80474b41f91..936d351d1e8e56a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getavailablestaticrulecount/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getavailablestaticrulecount/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.declarativeNetRequest.getAvailableStaticRuleCount
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns the number of static rules that can be activated before the global static rule limit is reached.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getdynamicrules/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getdynamicrules/index.md
index db04602a4eebaae..2270f850661e2d6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getdynamicrules/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getdynamicrules/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.declarativeNetRequest.getDynamicRules
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns the set of dynamic rules for the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getenabledrulesets/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getenabledrulesets/index.md
index 0e0d073bbfd533e..4f768dbeabf40b4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getenabledrulesets/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getenabledrulesets/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.declarativeNetRequest.getEnabledRulesets
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns the IDs for the set of activated static rulesets.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getmatchedrules/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getmatchedrules/index.md
index aea69086c1d72c2..e12b1048aac2062 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getmatchedrules/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getmatchedrules/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.declarativeNetRequest.getMatchedRules
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns all the rules matched for the extension. Callers can filter the list of matched rules by specifying a `filter`. This method is only available to extensions with the `"declarativeNetRequestFeedback"` permission or that have the `"activeTab"` permission granted for the `tabId` specified in `filter`. Rules not associated with an active document that were matched more than five minutes ago are not returned.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getmatchedrules_quota_interval/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getmatchedrules_quota_interval/index.md
index 38a0db390d78689..745804de3326980 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getmatchedrules_quota_interval/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getmatchedrules_quota_interval/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.declarativeNetRequest.GETMATCHEDRULES_QUOTA_INTERVAL
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The time interval within which {{WebExtAPIRef("declarativeNetRequest.MAX_GETMATCHEDRULES_CALLS_PER_INTERVAL")}} {{WebExtAPIRef("declarativeNetRequest.getMatchedRules")}} calls can be made, specified in minutes. Additional calls fail immediately and result in a promise rejection. Calls associated with a user gesture are exempt from the quota.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getsessionrules/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getsessionrules/index.md
index b0452238a4b3d01..afedf8426664353 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getsessionrules/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/getsessionrules/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.declarativeNetRequest.getSessionRules
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns the active set of session scoped rules for the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/guaranteed_minimum_static_rules/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/guaranteed_minimum_static_rules/index.md
index cd9fc7787398648..638bc13be5841da 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/guaranteed_minimum_static_rules/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/guaranteed_minimum_static_rules/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.declarativeNetRequest.GUARANTEED_MINIMUM_STATIC_RULES
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The minimum number of static rules guaranteed to an extension across its enabled static rulesets. Any rules above this limit are count towards the global static rule limit.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/isregexsupported/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/isregexsupported/index.md
index 2f8ec818931a098..82d5f944418f5fe 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/isregexsupported/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/isregexsupported/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.declarativeNetRequest.isRegexSupported
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Checks if a regular expression is supported as a {{WebExtAPIRef("declarativeNetRequest.RuleCondition")}}`.regexFilter` rule condition.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/matchedrule/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/matchedrule/index.md
index 143da668f3c88c6..f7a004909682dfc 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/matchedrule/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/matchedrule/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.declarativeNetRequest.MatchedRule
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An object describing the matched rule. This type may be returned by the {{WebExtAPIRef("declarativeNetRequest.getMatchedRules")}} or {{WebExtAPIRef("declarativeNetRequest.testMatchOutcome")}} methods, or observed through the {{WebExtAPIRef("declarativeNetRequest.onRuleMatchedDebug")}} event.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_getmatchedrules_calls_per_interval/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_getmatchedrules_calls_per_interval/index.md
index 5fdc0a3af205920..605e30abb2e4c79 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_getmatchedrules_calls_per_interval/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_getmatchedrules_calls_per_interval/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.declarativeNetRequest.MAX_GETMATCHEDRULES_CALLS_PER_INTERVAL
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The number of times {{WebExtAPIRef("declarativeNetRequest.getMatchedRules")}} can be called within a period of {{WebExtAPIRef("declarativeNetRequest.GETMATCHEDRULES_QUOTA_INTERVAL")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_dynamic_and_session_rules/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_dynamic_and_session_rules/index.md
index 8b3e9eac0de4281..c857b784fb8d9c5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_dynamic_and_session_rules/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_dynamic_and_session_rules/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.declarativeNetRequest.MAX_NUMBER_OF_DYNAMIC_AND_SESSION_RULES
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The maximum number of combined dynamic and session scoped rules an extension can add.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_enabled_static_rulesets/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_enabled_static_rulesets/index.md
index 8f203c1e844e942..22073bf32285c41 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_enabled_static_rulesets/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_enabled_static_rulesets/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.declarativeNetRequest.MAX_NUMBER_OF_ENABLED_STATIC_RULESETS
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The maximum number of static rulesets an extension can have enabled, i.e., the number of values in the [`declarative_net_request.rule_resources`](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/declarative_net_request) manifest key with `"enabled"` set to `true`. Static rulesets exceeding the limit are ignored.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_regex_rules/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_regex_rules/index.md
index c4aee9b8bdf5d5c..8c87ea0744333a6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_regex_rules/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_regex_rules/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.declarativeNetRequest.MAX_NUMBER_OF_REGEX_RULES
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The maximum number of regular expression rules that an extension can add.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_static_rulesets/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_static_rulesets/index.md
index 7542bbc36820e18..37b2290b5c2eca7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_static_rulesets/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/max_number_of_static_rulesets/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.declarativeNetRequest.MAX_NUMBER_OF_STATIC_RULESETS
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The maximum number of static rulesets an extension can specify as part of the [`declarative_net_request.rule_resources`](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/declarative_net_request) manifest key.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/modifyheaderinfo/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/modifyheaderinfo/index.md
index 9977edeadf24b47..628a353b9679426 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/modifyheaderinfo/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/modifyheaderinfo/index.md
@@ -7,7 +7,7 @@ browser-compat:
   - webextensions.api.declarativeNetRequest.RuleAction.responseHeaders
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The request or response header to modify for a request, declared in the `rule.action.requestHeaders` array or `rule.action.responseHeaders` array for rules whose {{WebExtAPIRef("declarativeNetRequest.RuleAction", "rule.action")}}`.type` is "modifyHeaders".
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/onrulematcheddebug/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/onrulematcheddebug/index.md
index ac957ad27b73dbf..4ce2cc83197b0b9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/onrulematcheddebug/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/onrulematcheddebug/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.declarativeNetRequest.onRuleMatchedDebug
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a rule is matched with a request. Only available extensions with the `"declarativeNetRequestFeedback"` permission, as this is intended for debugging purposes only. See [Testing](/en-US/docs/Mozilla/Add-ons/WebExtensions/API/declarativeNetRequest#testing) for details on how testing is enabled in each browser.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/redirect/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/redirect/index.md
index c73cdbeaa6e5270..96003775f5d2c25 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/redirect/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/redirect/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.declarativeNetRequest.Redirect
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Details describing how a redirect should be performed, as the `redirect` property of a {{WebExtAPIRef("declarativeNetRequest.RuleAction", "RuleAction")}}. Only valid for redirect rules.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/resourcetype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/resourcetype/index.md
index fe471685b566e6c..4d7a30ed4db2bea 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/resourcetype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/resourcetype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.declarativeNetRequest.ResourceType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The resource type of a request. Comparable to {{WebExtAPIRef('webRequest.ResourceType')}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/rule/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/rule/index.md
index 9a67f8bcb27bfb1..2fd5812894598b6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/rule/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/rule/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.declarativeNetRequest.Rule
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The object describing the actions to take for matching requests. These can be specified in the static rule resources linked by the [manifest.json's `declarative_net_request` key](Mozilla/Add-ons/WebExtensions/manifest.json/declarative_net_request), or more dynamically through the {{WebExtAPIRef("declarativeNetRequest.updateDynamicRules")}} or {{WebExtAPIRef("declarativeNetRequest.updateSessionRules")}} methods.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/ruleaction/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/ruleaction/index.md
index f3c607860e9d281..97fc5cee5e3f785 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/ruleaction/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/ruleaction/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.declarativeNetRequest.RuleAction
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Details of the action to take if a rule is matched, as the `action` property of a {{WebExtAPIRef("declarativeNetRequest.Rule")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/rulecondition/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/rulecondition/index.md
index 77e4d72ddcfc81d..16478cdb4e2f04f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/rulecondition/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/rulecondition/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.declarativeNetRequest.RuleCondition
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Details of the condition that determines whether a rule matches a request, as the `condition` property of a {{WebExtAPIRef("declarativeNetRequest.Rule")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/session_ruleset_id/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/session_ruleset_id/index.md
index 52e1adce681ccfd..6f6792090b4af34 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/session_ruleset_id/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/session_ruleset_id/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.declarativeNetRequest.SESSION_RULESET_ID
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The ruleset ID for the session-scoped rules added by the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/setextensionactionoptions/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/setextensionactionoptions/index.md
index b174de6c7606b35..e47f8d251879177 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/setextensionactionoptions/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/setextensionactionoptions/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.declarativeNetRequest.setExtensionActionOptions
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Configures whether the action count for tabs is displayed as the extension action's badge text and provides a way for the action count to be incremented.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/testmatchoutcome/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/testmatchoutcome/index.md
index e80e1862c6e7163..21ed0b2508306fe 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/testmatchoutcome/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/testmatchoutcome/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.declarativeNetRequest.testMatchOutcome
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Checks if any of the extension's `declarativeNetRequest` rules would match a hypothetical request. Only available while testing, as this is intended to be used during extension development. See [Testing](/en-US/docs/Mozilla/Add-ons/WebExtensions/API/declarativeNetRequest#testing) for details on how testing is enabled in each browser.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updatedynamicrules/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updatedynamicrules/index.md
index 45311fb980778ee..b409418ba155d10 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updatedynamicrules/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updatedynamicrules/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.declarativeNetRequest.updateDynamicRules
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Modifies the set of dynamic rules for the extension. The rules with IDs listed in `options.removeRuleIds` are first removed, and then the rules given in `options.addRules` are added. Note that:
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updateenabledrulesets/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updateenabledrulesets/index.md
index b429356fce57017..495caf445e94e12 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updateenabledrulesets/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updateenabledrulesets/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.declarativeNetRequest.updateEnabledRulesets
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Updates the extension's set of static rulesets. The rulesets with IDs listed in `options.disableRulesetIds` are first deactivated, and then the rulesets listed in `options.enableRulesetIds` are activated. Note that the set of enabled static rulesets persists across sessions but not across extension updates, i.e. the [`declarative_net_request.rule_resources` manifest key](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/declarative_net_request) determines the set of enabled static rulesets on each extension update.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updatesessionrules/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updatesessionrules/index.md
index 4d354de3c9acc30..e21a34e075650b1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updatesessionrules/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/updatesessionrules/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.declarativeNetRequest.updateSessionRules
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Modifies the set of scoped rules for the extension. The rules with IDs listed in `options.removeRuleIds` are first removed, and then the rules given in `options.addRules` are added. Note that:
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/urltransform/index.md b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/urltransform/index.md
index 689daf8fa21222c..0facb4b148ed289 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/urltransform/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/declarativenetrequest/urltransform/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.declarativeNetRequest.URLTransform
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Details describing a URL transformation to perform for a redirect rule. This object can be specified at {{WebExtAPIRef("declarativeNetRequest.RuleAction", "rule.action")}}.redirect.transform.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.md
index ec1b20c12d1e8ef..5b4786832341692 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.devtools.inspectedWindow.eval
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Executes JavaScript in the window that the devtools are attached to.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/reload/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/reload/index.md
index eceaf0aff4dedef..c3fee2319517a9b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/reload/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/reload/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.devtools.inspectedWindow.reload
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Reloads the window that the devtools are attached to.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/tabid/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/tabid/index.md
index 675da99d49b152d..2044b6ec44f9322 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/tabid/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/tabid/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.devtools.inspectedWindow.tabId
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The ID of the {{WebExtAPIRef("tabs.Tab", "tab")}} that this instance of the devtools is attached to, represented as a number.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/gethar/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/gethar/index.md
index 5bf89ebe77eda9e..2ca29a3b108b689 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/gethar/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/gethar/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.devtools.network.getHAR
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Get a [HAR log](http://www.softwareishard.com/blog/har-12-spec/#log) for the page loaded in the current tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/onnavigated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/onnavigated/index.md
index 13f851d392da7c3..456c8984b75fb12 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/onnavigated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/onnavigated/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.devtools.network.onNavigated
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the user navigates the inspected window to a new page.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/onrequestfinished/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/onrequestfinished/index.md
index 15f2a3f73478d6d..b0cc2a6ddd95195 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/onrequestfinished/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/network/onrequestfinished/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.devtools.network.onRequestFinished
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a network request has finished and its details are available to the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/create/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/create/index.md
index a483216df07463c..230014e6bf12b44 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/create/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/create/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.devtools.panels.create
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Adds a new panel to the devtools.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elements/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elements/index.md
index 74c465da045deae..82dd7deb3afb025 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elements/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elements/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.devtools.panels.elements
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An [`ElementsPanel`](/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools/panels/ElementsPanel) object, which represents the browser's HTML/CSS inspector.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/createsidebarpane/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/createsidebarpane/index.md
index 370c13c29b587b7..8427dd6426ff945 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/createsidebarpane/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/createsidebarpane/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.devtools.panels.ElementsPanel.createSidebarPane
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Adds a new pane to the sidebar in the HTML/CSS inspector.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/index.md
index 06dd71c444d0c55..d38cc787b8e48e2 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.devtools.panels.ElementsPanel
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An `ElementsPanel` represents the HTML/CSS inspector in the browser's devtools. This is called the Page Inspector in Firefox and the Elements panel in Chrome.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/onselectionchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/onselectionchanged/index.md
index af2414157db854a..0cfa8a8ec464c81 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/onselectionchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/onselectionchanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.devtools.panels.ElementsPanel.onSelectionChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fires when the user selects a different page element for inspection with the browser's developer tools, for example by selecting the "Inspect Element" context menu item in Firefox.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionpanel/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionpanel/index.md
index 378b2b13b48d5b3..4e3a6260ff85093 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionpanel/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionpanel/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.devtools.panels.ExtensionPanel
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An `ExtensionPanel` represents a panel added to the devtools. It's the resolution of the [`Promise`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) returned by [`browser.devtools.panels.create()`](/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools/panels/create).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onhidden/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onhidden/index.md
index f0e9213b526c8de..1d1d15a6bb462c7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onhidden/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onhidden/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.devtools.panels.ExtensionSidebarPane.onHidden
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Called when the sidebar pane becomes hidden, as a result of the user switching away from it.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onshown/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onshown/index.md
index eaef19693043dbf..9a18c3a54b6fa1c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onshown/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onshown/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.devtools.panels.ExtensionSidebarPane.onShown
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the sidebar pane becomes visible as a result of the user switching to it.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setexpression/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setexpression/index.md
index edd327f4fc39a96..a07d2e4927f875f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setexpression/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setexpression/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.devtools.panels.ExtensionSidebarPane.setExpression
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Evaluates an expression in the context of the inspected page, and displays the result in the extension sidebar pane.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setobject/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setobject/index.md
index 58b687d3cca5bb0..8dec124f833cd1b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setobject/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setobject/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.devtools.panels.ExtensionSidebarPane.setObject
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Displays a JSON object in the extension's sidebar pane.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/onthemechanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/onthemechanged/index.md
index e30441499d13430..2c54466d7e8e657 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/onthemechanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/onthemechanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.devtools.panels.onThemeChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the devtools theme changes.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/themename/index.md b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/themename/index.md
index f90af5bc5d9560b..03d984c71dc9116 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/themename/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/devtools/panels/themename/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.devtools.panels.themeName
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The name of the currently selected devtools theme.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/dns/resolve/index.md b/files/en-us/mozilla/add-ons/webextensions/api/dns/resolve/index.md
index ce3d5d2057fb3a1..739225adae5dcc3 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/dns/resolve/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/dns/resolve/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.dns.resolve
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Resolves the given hostname to a DNS record.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/dom/openorclosedshadowroot/index.md b/files/en-us/mozilla/add-ons/webextensions/api/dom/openorclosedshadowroot/index.md
index 35603ea834853f4..5a63ba523de46e0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/dom/openorclosedshadowroot/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/dom/openorclosedshadowroot/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.dom.openOrClosedShadowRoot
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the open shadow root or the closed shadow root hosted by the specified element. If the shadow root isn't attached to the element, it will return `null`.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/acceptdanger/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/acceptdanger/index.md
index aeab35b4d8d218f..adbe9723d2ba5c1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/acceptdanger/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/acceptdanger/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.acceptDanger
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`acceptDanger()`** function of the {{WebExtAPIRef("downloads")}} API prompts the user to either accept or cancel a potentially dangerous download.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/booleandelta/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/booleandelta/index.md
index a8e6c44e366c35f..38fb5bc2ac53bb7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/booleandelta/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/booleandelta/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.downloads.BooleanDelta
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `BooleanDelta` type of the {{WebExtAPIRef("downloads")}} API represents the difference between two booleans.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/cancel/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/cancel/index.md
index 0537d5875683106..a992b7476092d1f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/cancel/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/cancel/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.cancel
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`cancel()`** function of the {{WebExtAPIRef("downloads")}} API cancels a download. The call will fail if the download is not active: for example, because it has completed downloading.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/dangertype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/dangertype/index.md
index 6d599cd9bd6259e..fb69daa2fd67a60 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/dangertype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/dangertype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.downloads.DangerType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `DangerType` type of the {{WebExtAPIRef("downloads")}} API defines a set of possible reasons that a downloadable file might be considered dangerous.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/doubledelta/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/doubledelta/index.md
index 1b667c54fec05a3..1995d8839e97a3e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/doubledelta/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/doubledelta/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.downloads.DoubleDelta
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `DoubleDelta` type of the {{WebExtAPIRef("downloads")}} API represents the difference between two doubles.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/download/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/download/index.md
index 9ccff4842dad272..0267ce605252957 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/download/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/download/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.download
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`download()`** function of the {{WebExtAPIRef("downloads")}} API downloads a file, given its URL and other optional preferences.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloaditem/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloaditem/index.md
index 09f31a10a960345..71af6853ac132c4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloaditem/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloaditem/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.downloads.DownloadItem
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `DownloadItem` type of the {{WebExtAPIRef("downloads")}} API represents a downloaded file.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloadquery/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloadquery/index.md
index 37920f29479b5c1..6912460933b4209 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloadquery/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloadquery/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.downloads.DownloadQuery
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `DownloadQuery` type of the {{WebExtAPIRef("downloads")}} API defines a set of parameters that can be used to search the downloads manager for a specific set of downloads.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloadtime/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloadtime/index.md
index 9e374dcbce8880b..5c24f33a5e63300 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloadtime/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/downloadtime/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.downloads.DownloadTime
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `DownloadTime` type of the {{WebExtAPIRef("downloads")}} API represents the time a download took to complete.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/erase/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/erase/index.md
index 8163368815b665b..82fa18fe84dcd54 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/erase/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/erase/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.erase
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`erase()`** function of the {{WebExtAPIRef("downloads")}} API erases matching {{WebExtAPIRef("downloads.DownloadItem", "DownloadItems")}} from the browser's download history, without deleting the downloaded files from disk.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/filenameconflictaction/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/filenameconflictaction/index.md
index 4b089120f9904fb..c56a1847f716562 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/filenameconflictaction/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/filenameconflictaction/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.downloads.FilenameConflictAction
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `FilenameConflictAction` type of the {{WebExtAPIRef("downloads")}} API specifies what to do if the name of a downloaded file conflicts with an existing file.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/getfileicon/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/getfileicon/index.md
index f1d2b750f1a27ef..ecc72f32f3c11cf 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/getfileicon/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/getfileicon/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.getFileIcon
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`getFileIcon()`** function of the {{WebExtAPIRef("downloads")}} API retrieves an icon for the specified download.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/interruptreason/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/interruptreason/index.md
index 06969977eb6f5e9..cac48cd105ef08d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/interruptreason/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/interruptreason/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.downloads.InterruptReason
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `InterruptReason` type of the {{WebExtAPIRef("downloads")}} API defines a set of possible reasons why a download was interrupted.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/onchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/onchanged/index.md
index cb144fff215643c..1822de9a38b4271 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/onchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/onchanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.downloads.onChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`onChanged()`** event of the {{WebExtAPIRef("downloads")}} API is fired when any of a {{WebExtAPIRef('downloads.DownloadItem')}}'s properties changes (except for `bytesReceived`).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/oncreated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/oncreated/index.md
index a12eadea87cd60a..3915db1d41b88e2 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/oncreated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/oncreated/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.downloads.onCreated
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`onCreated()`** event of the {{WebExtAPIRef("downloads")}} API fires when a download begins, i.e. when {{WebExtAPIRef("downloads.download()")}} is successfully invoked.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/onerased/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/onerased/index.md
index c7ffa232d6e737d..075cba56edda8f7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/onerased/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/onerased/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.downloads.onErased
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`onErased()`** event of the {{WebExtAPIRef("downloads")}} API fires when a download is erased from the browser history.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/open/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/open/index.md
index 185809d1b02dba8..b463bda15168ec7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/open/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/open/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.open
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`open()`** function of the {{WebExtAPIRef("downloads")}} API opens the downloaded file with its associated application. A {{WebExtAPIRef("downloads.onChanged")}} event fires when the item is opened for the first time.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/pause/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/pause/index.md
index 0057591bbb85701..4d7b4889eb72182 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/pause/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/pause/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.pause
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`pause()`** function of the {{WebExtAPIRef("downloads")}} API pauses a download.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/removefile/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/removefile/index.md
index d450d818d303f2c..bf4853c7e5deac0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/removefile/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/removefile/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.removeFile
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`removeFile()`** function of the {{WebExtAPIRef("downloads")}} API removes a downloaded file from disk.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/resume/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/resume/index.md
index fca851d6ee0735e..cac117318f3334f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/resume/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/resume/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.resume
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`resume()`** function of the {{WebExtAPIRef("downloads")}} API resumes a paused download. If the request was successful, the download will be unpaused and progress will resume. The `resume()` call will fail if the download is not active: for example, because it has finished downloading.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/search/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/search/index.md
index 08ccc47161fcb39..cf0900f65912dca 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/search/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/search/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.search
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`search()`** function of the {{WebExtAPIRef("downloads")}} API queries the {{WebExtAPIRef("downloads.DownloadItem", "DownloadItems")}} available in the browser's downloads manager, and returns those that match the specified search criteria.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/setshelfenabled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/setshelfenabled/index.md
index 0e0086c72dbe266..8871399649f2e9e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/setshelfenabled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/setshelfenabled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.setShelfEnabled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`setShelfEnabled()`** function of the {{WebExtAPIRef("downloads")}} API enables or disables the gray shelf at the bottom of every window associated with the current browser profile. The shelf will be disabled as long as at least one extension has disabled it.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/show/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/show/index.md
index 8503b7c84892165..18ef49895c82b4c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/show/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/show/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.show
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`show()`** function of the {{WebExtAPIRef("downloads")}} API shows the downloaded file in its containing folder in the underlying platform's file manager.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/showdefaultfolder/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/showdefaultfolder/index.md
index b72efaf126f269e..6f2ee285d5fdc96 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/showdefaultfolder/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/showdefaultfolder/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.downloads.showDefaultFolder
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`showDefaultFolder()`** function of the {{WebExtAPIRef("downloads")}} API opens the default downloads folder in the platform's file manager.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/state/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/state/index.md
index 27fcbfc999ba69e..7476721df34c18e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/state/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/state/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.downloads.State
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `State` type of the {{WebExtAPIRef("downloads")}} API defines different states that a current download can be in.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/downloads/stringdelta/index.md b/files/en-us/mozilla/add-ons/webextensions/api/downloads/stringdelta/index.md
index fac9188a4ed71f8..5aad08b9e7db9da 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/downloads/stringdelta/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/downloads/stringdelta/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.downloads.StringDelta
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `StringDelta` type of the {{WebExtAPIRef("downloads")}} API represents the difference between two strings.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/events/event/index.md b/files/en-us/mozilla/add-ons/webextensions/api/events/event/index.md
index e4cb3c5ca91c4d4..ede02a66746e57a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/events/event/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/events/event/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.events.Event
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An object which allows the addition and removal of listeners for a browser event.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/events/rule/index.md b/files/en-us/mozilla/add-ons/webextensions/api/events/rule/index.md
index 900d9373c2fdc6b..ebaeb75854aab9e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/events/rule/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/events/rule/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.events.Rule
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Description of a declarative rule for handling events.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/events/urlfilter/index.md b/files/en-us/mozilla/add-ons/webextensions/api/events/urlfilter/index.md
index dea49f181b92900..449f5ca4b454468 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/events/urlfilter/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/events/urlfilter/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.events.UrlFilter
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Describes various criteria for filtering URLs. If all of the criteria specified in the filter's properties match the URL, then the filter matches. Filters are often provided to API methods in an [Array](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array) of UrlFilters. For example, [webNavigation](/en-US/docs/Mozilla/Add-ons/WebExtensions/API/webNavigation) listeners can be added with a filter which is an object with a single `url` property that is an [Array](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array) of UrlFilters, e.g. `{url:[UrlFilter, UrlFilter, …]}`. If any filter within the Array of UrlFilters matches, then it is considered a match for the Array. Effectively, the criteria specified within a single filter are AND'ed together, while all of the individual filters within an Array are OR'ed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extension/getbackgroundpage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extension/getbackgroundpage/index.md
index 6a6c4f56d4af21e..93c30bfe9478c65 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extension/getbackgroundpage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extension/getbackgroundpage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.extension.getBackgroundPage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns the [Window](/en-US/docs/Web/API/Window) of the background page if the background script is running. If the script is not running, null is returned.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extension/getextensiontabs/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extension/getextensiontabs/index.md
index 1b3322af8130bf8..9588c50dbde7e19 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extension/getextensiontabs/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extension/getextensiontabs/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.extension.getExtensionTabs
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 > **Warning:** This method has been deprecated. Use {{WebExtAPIRef("extension.getViews()")}} instead.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extension/getviews/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extension/getviews/index.md
index 7eec3896892a12f..d2b6e7fed781942 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extension/getviews/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extension/getviews/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.extension.getViews
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns an array of the [Window](/en-US/docs/Web/API/Window) objects for each of the pages running inside the current extension. This includes, for example:
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extension/inincognitocontext/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extension/inincognitocontext/index.md
index 6bd356f042c1888..908f4b13270a109 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extension/inincognitocontext/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extension/inincognitocontext/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.extension.inIncognitoContext
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Boolean value, `true` for content scripts running inside private browsing tabs and for extension pages running inside a private browsing process.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extension/isallowedfileschemeaccess/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extension/isallowedfileschemeaccess/index.md
index 39759abd9102a19..75ea0e41b76483e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extension/isallowedfileschemeaccess/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extension/isallowedfileschemeaccess/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.extension.isAllowedFileSchemeAccess
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns `true` if the extension can access the "file://" scheme, `false` otherwise.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extension/isallowedincognitoaccess/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extension/isallowedincognitoaccess/index.md
index d3d51cd35159de7..6661a037fc3a4c7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extension/isallowedincognitoaccess/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extension/isallowedincognitoaccess/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.extension.isAllowedIncognitoAccess
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Check whether the extension is allowed access to tabs opened in "private browsing" mode.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extension/lasterror/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extension/lasterror/index.md
index aeb1de15914fd1f..ba2c6b1fda2b5bc 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extension/lasterror/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extension/lasterror/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.extension.lastError
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 > **Warning:** This function is deprecated, use {{WebExtAPIRef("runtime.lastError")}} instead.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extension/onrequest/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extension/onrequest/index.md
index afab460896e1efc..4f466cc0426c48c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extension/onrequest/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extension/onrequest/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.extension.onRequest
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 > **Warning:** This is not implemented in Firefox because it has been deprecated since Chrome 33. Please use [runtime.onMessage](/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onMessage) instead.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extension/onrequestexternal/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extension/onrequestexternal/index.md
index 71b55ea595c09af..4462b36b3ace151 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extension/onrequestexternal/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extension/onrequestexternal/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.extension.onRequestExternal
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 > **Warning:** This is not implemented in Firefox because it has been deprecated since Chrome 33. Please use [runtime.onMessageExternal](/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onMessageExternal) instead.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extension/setupdateurldata/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extension/setupdateurldata/index.md
index cc4734d0829763f..24d92cb649c6200 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extension/setupdateurldata/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extension/setupdateurldata/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.extension.setUpdateUrlData
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets parameters for the extension's update URL. This value is ignored for extensions that are hosted in the browser vendor's store.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extension/viewtype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extension/viewtype/index.md
index 2f0c2d8a112f2f6..095bac50029933f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extension/viewtype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extension/viewtype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.extension.ViewType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The type of extension view.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/imagedetails/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/imagedetails/index.md
index 61d3f9f5996aa24..fa9df6aba0011f8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/imagedetails/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/imagedetails/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.extensionTypes.ImageDetails
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Details about the format, quality, area and scale of a captured image.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/imageformat/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/imageformat/index.md
index 17f03ea3f6df766..b763a9d373e6860 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/imageformat/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/imageformat/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.extensionTypes.ImageFormat
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The format of an image.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/runat/index.md b/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/runat/index.md
index 658afc105d1eb5f..9d5ddfb1c2234b8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/runat/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/extensiontypes/runat/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.extensionTypes.RunAt
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The soonest that the JavaScript or CSS will be injected into the tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/find/find/index.md b/files/en-us/mozilla/add-ons/webextensions/api/find/find/index.md
index 465e35865ddc368..072cc337f0dd99c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/find/find/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/find/find/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.find.find
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Searches for text in a tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/find/highlightresults/index.md b/files/en-us/mozilla/add-ons/webextensions/api/find/highlightresults/index.md
index 2e08ebd9ba3f6eb..3600477042f98b8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/find/highlightresults/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/find/highlightresults/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.find.highlightResults
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Highlights the results of a previous call to {{WebExtAPIRef("find.find()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/find/removehighlighting/index.md b/files/en-us/mozilla/add-ons/webextensions/api/find/removehighlighting/index.md
index 98dcb5f0eefda57..8e4efe0411909e1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/find/removehighlighting/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/find/removehighlighting/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.find.removeHighlighting
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Remove any highlighting of a previous search that was applied by a previous call to {{WebExtAPIRef("find.highlightResults()")}}, or by the browser's native UI.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/addurl/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/addurl/index.md
index 068c59652f11914..99b1a2bf3613ba3 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/addurl/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/addurl/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.history.addUrl
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Adds a record to the browser's history of a visit to the given URL. The visit's time is recorded as the time of the call, and the {{WebExtAPIRef("history.TransitionType", "TransitionType")}} is recorded as "link".
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/deleteall/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/deleteall/index.md
index 661e92c344d4f00..b7f58bd2901ae54 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/deleteall/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/deleteall/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.history.deleteAll
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Deletes all visits from the browser's history.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/deleterange/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/deleterange/index.md
index 99360d7500d57ed..48796a8af68f4f9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/deleterange/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/deleterange/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.history.deleteRange
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes all visits to pages that the user made during the given time range. If this removes all visits made to a given page, then the page will be no longer appear in the browser history and {{WebExtAPIRef("history.onVisitRemoved")}} will fire for it.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/deleteurl/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/deleteurl/index.md
index 2bb16d519ab7c4b..91ef619e3c70954 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/deleteurl/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/deleteurl/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.history.deleteUrl
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes all visits to the given URL from the browser history.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/getvisits/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/getvisits/index.md
index c9d63b9d7b05df7..6d92e602531bd1b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/getvisits/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/getvisits/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.history.getVisits
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Retrieves information about all visits to the given URL.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/historyitem/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/historyitem/index.md
index 8a78c787e5b6013..8e3a96afd854794 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/historyitem/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/historyitem/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.history.HistoryItem
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A `HistoryItem` object provides information about a page in the browser history.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/ontitlechanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/ontitlechanged/index.md
index 2b1c18f4a100e88..66dd4872a3ba966 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/ontitlechanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/ontitlechanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.history.onTitleChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the title of a page visited by the user is recorded. To listen for visits to a page you use {{WebExtAPIRef("history.onVisited")}}. However, the {{WebExtAPIRef("history.HistoryItem")}} that this event passes to its listener does not include the page title, because the page title is typically not known at the time `history.onVisited` is sent. Instead, the stored {{WebExtAPIRef("history.HistoryItem")}} is updated with the page title after the page has loaded, once the title is known. The `history.onTitleChanged` event is fired at that time. So if you need to know the titles of pages as they are visited, listen for `history.onTitleChanged`.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/onvisited/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/onvisited/index.md
index 3fc922f144d47de..a3a56a9394db452 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/onvisited/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/onvisited/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.history.onVisited
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired each time the user visits a page. A {{WebExtAPIRef("history.HistoryItem")}} object is passed to the listener. This event fires before the page has loaded.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/onvisitremoved/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/onvisitremoved/index.md
index 569d0a19b446468..efcda2d8c426fc5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/onvisitremoved/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/onvisitremoved/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.history.onVisitRemoved
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a page is removed completely from the browser history.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/search/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/search/index.md
index a79875d948d2e91..e646779df57345f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/search/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/search/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.history.search
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Searches the browser's history for {{WebExtAPIRef("history.HistoryItem")}} objects matching the given criteria.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/transitiontype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/transitiontype/index.md
index f4c64febaaa5ad2..6bf2a6fd07b25ab 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/transitiontype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/transitiontype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.history.TransitionType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This describes how the browser navigated to a particular page. For example, "link" means that the browser navigated to the page because the user clicked a link.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/history/visititem/index.md b/files/en-us/mozilla/add-ons/webextensions/api/history/visititem/index.md
index 6126c805d365abc..216ef76ba2b9585 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/history/visititem/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/history/visititem/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.history.VisitItem
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An object describing a single visit to a page.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/i18n/detectlanguage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/i18n/detectlanguage/index.md
index d6eb291050791fb..f7d2c8e07ca094a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/i18n/detectlanguage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/i18n/detectlanguage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.i18n.detectLanguage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Detects the language of the provided text using the [Compact Language Detector](https://github.com/CLD2Owners/cld2) (CLD).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/i18n/getacceptlanguages/index.md b/files/en-us/mozilla/add-ons/webextensions/api/i18n/getacceptlanguages/index.md
index 5db39dfbec08ca2..2c6f788eec02eac 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/i18n/getacceptlanguages/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/i18n/getacceptlanguages/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.i18n.getAcceptLanguages
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the [accept-languages](/en-US/docs/Web/HTTP/Content_negotiation#the_accept-language_header) of the browser. This is different from the locale used by the browser. To get the locale, use {{WebExtAPIRef('i18n.getUILanguage')}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/i18n/getmessage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/i18n/getmessage/index.md
index 717ef6635e9670b..917da0bb24a3439 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/i18n/getmessage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/i18n/getmessage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.i18n.getMessage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the localized string for the specified message.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/i18n/getuilanguage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/i18n/getuilanguage/index.md
index f8377a75c72239e..9e2d29c08c23537 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/i18n/getuilanguage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/i18n/getuilanguage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.i18n.getUILanguage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the UI language of the browser. This is different from {{WebExtAPIRef('i18n.getAcceptLanguages')}} which returns the preferred user languages.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/i18n/languagecode/index.md b/files/en-us/mozilla/add-ons/webextensions/api/i18n/languagecode/index.md
index 4065dc3d90f787b..84b48baf1311a03 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/i18n/languagecode/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/i18n/languagecode/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.i18n.LanguageCode
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A [language tag](https://www.w3.org/Protocols/rfc2616/rfc2616-sec3.html#sec3.10) such as `"en-US"` or "`fr`".
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/i18n/locale-specific_message_reference/index.md b/files/en-us/mozilla/add-ons/webextensions/api/i18n/locale-specific_message_reference/index.md
index 4554e170eb055b0..63d41771a4b1975 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/i18n/locale-specific_message_reference/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/i18n/locale-specific_message_reference/index.md
@@ -4,7 +4,7 @@ slug: Mozilla/Add-ons/WebExtensions/API/i18n/Locale-Specific_Message_reference
 page-type: guide
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Each internationalized extension has at least one file named `messages.json` that provides locale-specific strings. This page describes the format of `messages.json` files.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/identity/getredirecturl/index.md b/files/en-us/mozilla/add-ons/webextensions/api/identity/getredirecturl/index.md
index 9526fe91ed4504f..2b3ff8652c65700 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/identity/getredirecturl/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/identity/getredirecturl/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.identity.getRedirectURL
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Generates a URL that you can use as a redirect URL.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/identity/launchwebauthflow/index.md b/files/en-us/mozilla/add-ons/webextensions/api/identity/launchwebauthflow/index.md
index 8a711c1192f9624..cbfb0bb241b5668 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/identity/launchwebauthflow/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/identity/launchwebauthflow/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.identity.launchWebAuthFlow
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Performs the first part of an [OAuth2](https://oauth.net/2/) flow, including user authentication and client authorization.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/idle/idlestate/index.md b/files/en-us/mozilla/add-ons/webextensions/api/idle/idlestate/index.md
index 3cad78df4001954..a90dd20db998e63 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/idle/idlestate/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/idle/idlestate/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.idle.IdleState
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 String describing the device's idle state.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/idle/onstatechanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/idle/onstatechanged/index.md
index 9af1d02955ff99b..b8324d10a109e17 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/idle/onstatechanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/idle/onstatechanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.idle.onStateChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the system changes to an active, idle or locked state. The event listener is passed a string that has one of three values:
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/idle/querystate/index.md b/files/en-us/mozilla/add-ons/webextensions/api/idle/querystate/index.md
index 3f0f71b75a19c9c..0faab97e75c5b0d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/idle/querystate/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/idle/querystate/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.idle.queryState
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns `"locked"` if the system is locked, `"idle"` if the user has not generated any input for a specified number of seconds, or `"active"` otherwise.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/idle/setdetectioninterval/index.md b/files/en-us/mozilla/add-ons/webextensions/api/idle/setdetectioninterval/index.md
index f3156f36c32b0d2..6ee2eee31920516 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/idle/setdetectioninterval/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/idle/setdetectioninterval/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.idle.setDetectionInterval
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the interval, in seconds, used to determine when the system is in an idle state for {{WebExtAPIRef("idle.onStateChanged")}} events. The default interval is 60 seconds.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/extensioninfo/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/extensioninfo/index.md
index f9dc8531b62103e..11ffb72e5469a55 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/extensioninfo/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/extensioninfo/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.management.ExtensionInfo
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An `ExtensionInfo` object contains information about an add-on.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/get/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/get/index.md
index 7ce88ae3d10eb96..27bfd2ffe630dc4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/get/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/get/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.management.get
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Retrieves an {{WebExtAPIRef("management.ExtensionInfo", "ExtensionInfo")}} object containing information about the specified add-on.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/getall/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/getall/index.md
index b7d8946202e39ab..f13059e56b4a39a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/getall/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/getall/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.management.getAll
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Retrieves an array of {{WebExtAPIRef("management.ExtensionInfo", "ExtensionInfo")}} objects, one for each installed add-on.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/getpermissionwarningsbyid/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/getpermissionwarningsbyid/index.md
index 9f3e320bfaf44f0..fb27d8a7c686f3d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/getpermissionwarningsbyid/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/getpermissionwarningsbyid/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.management.getPermissionWarningsById
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 When the user installs or upgrades an add-on, the browser may warn the user about any particularly powerful [permissions](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions) that the add-on has requested. Not all permissions result in warnings, and this behavior is not standardized across browsers.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/getpermissionwarningsbymanifest/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/getpermissionwarningsbymanifest/index.md
index 4943d713756d814..dbd7eb971ee1251 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/getpermissionwarningsbymanifest/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/getpermissionwarningsbymanifest/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.management.getPermissionWarningsByManifest
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 When the user installs or upgrades an add-on, the browser may warn the user about any particularly powerful [permissions](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions) that the add-on has requested. Not all permissions result in warnings, and this behavior is not standardized across browsers.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/getself/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/getself/index.md
index 4dd0590b2d76a34..7b703e5b6b90948 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/getself/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/getself/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.management.getSelf
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Retrieves an {{WebExtAPIRef("management.ExtensionInfo", "ExtensionInfo")}} object containing information about the calling add-on.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/install/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/install/index.md
index 9508fb867e6f5c1..c8fcdab9668f4b9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/install/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/install/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.management.install
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Installs and enables a theme extension from the given URL.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/ondisabled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/ondisabled/index.md
index 57eecc59b5ff59e..740a67ba89e6e7d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/ondisabled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/ondisabled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.management.onDisabled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when an add-on is disabled.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/onenabled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/onenabled/index.md
index b2b8ba576b5a9b0..aff5c6b1726c075 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/onenabled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/onenabled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.management.onEnabled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The event listener called when the `enabled` event is fired, indicating that an add-on is now enabled.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/oninstalled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/oninstalled/index.md
index 6e171aa09325bd2..64afd6853e3aea1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/oninstalled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/oninstalled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.management.onInstalled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when an add-on is installed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/onuninstalled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/onuninstalled/index.md
index a090ebc96ca2ad2..e5f22c72a2206a7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/onuninstalled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/onuninstalled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.management.onUninstalled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when an add-on is uninstalled.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/setenabled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/setenabled/index.md
index b150ba8bfcd54c6..f3b1afc0b02944d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/setenabled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/setenabled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.management.setEnabled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Enables or disables the given add-on.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/uninstall/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/uninstall/index.md
index ad48d059fe47eca..53d346fd16205a1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/uninstall/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/uninstall/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.management.uninstall
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Uninstalls an add-on, given its ID.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/management/uninstallself/index.md b/files/en-us/mozilla/add-ons/webextensions/api/management/uninstallself/index.md
index bdba6a2a7b09e9a..3df13d970d7a31f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/management/uninstallself/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/management/uninstallself/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.management.uninstallSelf
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Uninstalls the calling add-on.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/action_menu_top_level_limit/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/action_menu_top_level_limit/index.md
index 4b14a77624bba3a..2eca4d38eec8cb1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/action_menu_top_level_limit/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/action_menu_top_level_limit/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.menus.ACTION_MENU_TOP_LEVEL_LIMIT
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The maximum number of top level extension items that can be added to a menu item whose {{WebExtAPIRef("contextMenus.ContextType", "ContextType")}} is "browser_action" or "page_action". Any items beyond this limit will be ignored.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/contexttype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/contexttype/index.md
index 84b2f46f0099e8e..7b6d9cb87f4d062 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/contexttype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/contexttype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.menus.ContextType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The different contexts a menu item can appear in.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/create/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/create/index.md
index 07c7fddfa1185e5..45e0508387e5f23 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/create/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/create/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.menus.create
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Creates a menu item using an options object defining properties for the item.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/itemtype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/itemtype/index.md
index 591933c19038987..4a29427c00b6696 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/itemtype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/itemtype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.menus.ItemType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The type of menu item.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/onclickdata/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/onclickdata/index.md
index a57f131db3938f1..719d96dc47bdbd7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/onclickdata/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/onclickdata/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.menus.OnClickData
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Information passed to the {{WebExtAPIRef("menus.onClicked")}} event listener when a menu item is clicked.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/onclicked/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/onclicked/index.md
index df8a487bf096e63..a2f6d85e621f3c0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/onclicked/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/onclicked/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.menus.onClicked
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a menu item is clicked.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/onhidden/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/onhidden/index.md
index 581a394008c6f86..26e701fac81857c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/onhidden/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/onhidden/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.menus.onHidden
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the browser stops displaying a menu: for example because the user clicked outside it or selected an item.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/onshown/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/onshown/index.md
index 9ca57c6855e5220..b5ac3b9071940e2 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/onshown/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/onshown/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.menus.onShown
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the browser has shown a menu.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/refresh/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/refresh/index.md
index 1932e39c218bea4..96f7fd37878d5a2 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/refresh/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/refresh/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.menus.refresh
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Refreshes a menu that's being shown.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/remove/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/remove/index.md
index 89850daf8ea4b9e..fc5b713f42d78a4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/remove/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/remove/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.menus.remove
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes a menu item.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/removeall/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/removeall/index.md
index 8f5c9bc7f7f7b91..e69d69b71097151 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/removeall/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/removeall/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.menus.removeAll
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes all menu items added by the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/menus/update/index.md b/files/en-us/mozilla/add-ons/webextensions/api/menus/update/index.md
index bfe1ae034a55786..08bc96ed0eefb80 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/menus/update/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/menus/update/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.menus.update
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Updates a previously created menu item.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/notifications/clear/index.md b/files/en-us/mozilla/add-ons/webextensions/api/notifications/clear/index.md
index 03a11868fae9964..56be31a35a86c5e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/notifications/clear/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/notifications/clear/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.notifications.clear
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Clears a notification, given its ID.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/notifications/create/index.md b/files/en-us/mozilla/add-ons/webextensions/api/notifications/create/index.md
index 9d5b8f0e37fc02a..5524dcbb9599297 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/notifications/create/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/notifications/create/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.notifications.create
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Creates and displays a notification.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/notifications/getall/index.md b/files/en-us/mozilla/add-ons/webextensions/api/notifications/getall/index.md
index 44698eae9c896a8..7022bde59a9b127 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/notifications/getall/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/notifications/getall/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.notifications.getAll
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets all currently active notifications created by the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/notifications/notificationoptions/index.md b/files/en-us/mozilla/add-ons/webextensions/api/notifications/notificationoptions/index.md
index 836ee4341b045e0..a28d0f664256f0a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/notifications/notificationoptions/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/notifications/notificationoptions/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.notifications.NotificationOptions
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This type contains all the data needed to:
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/notifications/onbuttonclicked/index.md b/files/en-us/mozilla/add-ons/webextensions/api/notifications/onbuttonclicked/index.md
index 5257b24c2c8f972..e1767b56bded0dd 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/notifications/onbuttonclicked/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/notifications/onbuttonclicked/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.notifications.onButtonClicked
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the user clicks one of the notification's buttons.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/notifications/onclicked/index.md b/files/en-us/mozilla/add-ons/webextensions/api/notifications/onclicked/index.md
index 92cfa2b55f4633c..8254c7c4989ff0c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/notifications/onclicked/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/notifications/onclicked/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.notifications.onClicked
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the user clicks a notification, but not on any of the notification's buttons (for that, see {{WebExtAPIRef("notifications.onButtonClicked")}}).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/notifications/onclosed/index.md b/files/en-us/mozilla/add-ons/webextensions/api/notifications/onclosed/index.md
index cc7eb565ba51672..43b919b404c55d3 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/notifications/onclosed/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/notifications/onclosed/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.notifications.onClosed
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a notification is closed, either by the system or by the user.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/notifications/onshown/index.md b/files/en-us/mozilla/add-ons/webextensions/api/notifications/onshown/index.md
index 965c4da571e79b0..3ebf224bb0dcb88 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/notifications/onshown/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/notifications/onshown/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.notifications.onShown
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired immediately after a notification has been shown.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/notifications/templatetype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/notifications/templatetype/index.md
index b5a15589a213214..aed8a06a01cee00 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/notifications/templatetype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/notifications/templatetype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.notifications.TemplateType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This is a string, and represents the type of notification to create. There are four types of notification: "basic", "image", "list", "progress".
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/notifications/update/index.md b/files/en-us/mozilla/add-ons/webextensions/api/notifications/update/index.md
index ab728f407e5c9d8..e7f66182e0b366b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/notifications/update/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/notifications/update/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.notifications.update
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Updates a notification, given its ID.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/ondeletesuggestion/index.md b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/ondeletesuggestion/index.md
index 7dbf76f41272087..64863b8b3ccabae 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/ondeletesuggestion/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/ondeletesuggestion/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.omnibox.onDeleteSuggestion
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired whenever the user deletes a suggestion.
 A suggestion can be deleted when {{WebExtAPIRef("omnibox.SuggestResult","SuggestResult")}}`.deletable` is set to true.
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputcancelled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputcancelled/index.md
index 161e5db741aa4ac..0c73a7066f88902 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputcancelled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputcancelled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.omnibox.onInputCancelled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the user has cancelled their interaction with your extension (for example, by clicking outside the address bar).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputchanged/index.md
index 53b9ed48be100c7..bc398f4cddd8de3 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputchanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.omnibox.onInputChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired whenever the user changes their input, after they have started interacting with your extension by entering its keyword in the address bar and then pressing the space key.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputentered/index.md b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputentered/index.md
index d68ec979b75d6a2..c4d169fb08794b9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputentered/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputentered/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.omnibox.onInputEntered
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the user has selected one of the suggestions your extension has added to the address bar's drop-down list.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputentereddisposition/index.md b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputentereddisposition/index.md
index 5b77bf83030567a..62fd648c91abbb8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputentereddisposition/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputentereddisposition/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.omnibox.OnInputEnteredDisposition
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`omnibox.OnInputEnteredDisposition`** type describes how the extension should handle a user selection from the suggestions in the address bar's drop-down list.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputstarted/index.md b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputstarted/index.md
index 3cf2880631991d9..e974f1276a1f92e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputstarted/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/oninputstarted/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.omnibox.onInputStarted
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the user starts interacting with your extension by entering its keyword in the address bar and then pressing the space key.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/setdefaultsuggestion/index.md b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/setdefaultsuggestion/index.md
index 87753ead82015b0..ddf5da06a6f8a33 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/setdefaultsuggestion/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/setdefaultsuggestion/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.omnibox.setDefaultSuggestion
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Set the default suggestion to appear in the address bar drop-down list when the user starts interacting with your extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/suggestresult/index.md b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/suggestresult/index.md
index 108050a40da4e70..46316f775dc592a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/omnibox/suggestresult/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/omnibox/suggestresult/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.omnibox.SuggestResult
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The **`omnibox.SuggestResult`** type defines a suggestion that the extension can add to the address bar's drop-down list.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/getpopup/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/getpopup/index.md
index 7d59bebd6884a5e..c25129688834108 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/getpopup/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/getpopup/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pageAction.getPopup
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the URL for the HTML document set as the popup for this page action.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/gettitle/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/gettitle/index.md
index 234a0f57938f34b..e1d648dc75f230f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/gettitle/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/gettitle/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pageAction.getTitle
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the title of the page action.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/hide/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/hide/index.md
index f6934acc7746945..d3370fc3a3342fe 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/hide/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/hide/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pageAction.hide
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Hides the page action for a given tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/imagedatatype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/imagedatatype/index.md
index ab24c340b6342e3..24b47fc4cd93124 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/imagedatatype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/imagedatatype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.pageAction.ImageDataType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Pixel data for an image.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/isshown/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/isshown/index.md
index 5ffd898b55a23a7..00e52945ef944c3 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/isshown/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/isshown/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pageAction.isShown
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns `true` if the page action is being shown for the given tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/onclicked/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/onclicked/index.md
index 076879299ae1812..cdee5f244b6c139 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/onclicked/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/onclicked/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.pageAction.onClicked
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a page action icon is clicked. This event will not fire if the page action has a popup.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/openpopup/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/openpopup/index.md
index 04f675cf389fdcf..c36ccd2abda730a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/openpopup/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/openpopup/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pageAction.openPopup
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Open the page action's popup.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/seticon/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/seticon/index.md
index 5c6a7f95d1f4661..1473dc1a57430a8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/seticon/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/seticon/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pageAction.setIcon
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the icon for the page action.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/setpopup/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/setpopup/index.md
index fd6454520ede2cd..73f44fbfa1cd942 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/setpopup/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/setpopup/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pageAction.setPopup
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the HTML document to be opened as a popup when the user clicks on the page action's icon.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/settitle/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/settitle/index.md
index 42df8bb2acd4af4..530fc54e91c15bf 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/settitle/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/settitle/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pageAction.setTitle
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the title of the page action. The title is displayed in a tooltip when the user hovers over the page action.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/show/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/show/index.md
index 6c98fba38e5176d..2b9b7dd87104216 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pageaction/show/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pageaction/show/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pageAction.show
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Shows the {{WebExtAPIRef("pageAction")}} for a given {{WebExtAPIRef("tabs/Tab", "tab")}}. The page action is shown whenever the given tab is the active tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/permissions/contains/index.md b/files/en-us/mozilla/add-ons/webextensions/api/permissions/contains/index.md
index 843b5338ecb7ab1..fc4f96c26a7edf4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/permissions/contains/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/permissions/contains/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.permissions.contains
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Check whether the extension has the permissions listed in the given {{WebExtAPIRef("permissions.Permissions")}} object.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/permissions/getall/index.md b/files/en-us/mozilla/add-ons/webextensions/api/permissions/getall/index.md
index 157c45a6abfd028..b8fb1bec2a5e599 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/permissions/getall/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/permissions/getall/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.permissions.getAll
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Retrieve a {{WebExtAPIRef("permissions.Permissions")}} object containing all the permissions currently granted to the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/permissions/onadded/index.md b/files/en-us/mozilla/add-ons/webextensions/api/permissions/onadded/index.md
index 81976749294fdd6..593b29ff89e73c7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/permissions/onadded/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/permissions/onadded/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.permissions.onAdded
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the extension granted new permissions.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/permissions/onremoved/index.md b/files/en-us/mozilla/add-ons/webextensions/api/permissions/onremoved/index.md
index 7f85d9ae36bb5ee..745c58bb20ad6ab 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/permissions/onremoved/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/permissions/onremoved/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.permissions.onRemoved
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when some permissions are removed from the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/permissions/permissions/index.md b/files/en-us/mozilla/add-ons/webextensions/api/permissions/permissions/index.md
index ca08c982e94d041..392de6c6bc13ac7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/permissions/permissions/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/permissions/permissions/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.permissions.Permissions
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A `Permissions` object represents a collection of permissions.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/permissions/remove/index.md b/files/en-us/mozilla/add-ons/webextensions/api/permissions/remove/index.md
index eef0da01ee86571..1261ca635b25961 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/permissions/remove/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/permissions/remove/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.permissions.remove
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Ask to give up the permissions listed in the given {{WebExtAPIRef("permissions.Permissions")}} object.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/permissions/request/index.md b/files/en-us/mozilla/add-ons/webextensions/api/permissions/request/index.md
index cf13bf26aac62db..1397b4edb056614 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/permissions/request/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/permissions/request/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.permissions.request
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Ask for the set of permissions listed in the given {{WebExtAPIRef("permissions.Permissions")}} object.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/getmoduleslots/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/getmoduleslots/index.md
index b07c37ba6cdaf4b..1b2cc974175a234 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/getmoduleslots/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/getmoduleslots/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pkcs11.getModuleSlots
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Enumerate a module's slots. This function returns an array containing one entry for each slot. Each entry contains the slot's name and, if the slot contains a token, information about the token.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/installmodule/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/installmodule/index.md
index cff20adfa421220..c628ab92d73c2d7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/installmodule/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/installmodule/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pkcs11.installModule
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Installs the named PKCS #11 module, making it available to Firefox.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/ismoduleinstalled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/ismoduleinstalled/index.md
index 16c14e24caeb19e..99b16e7da63a7da 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/ismoduleinstalled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/ismoduleinstalled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pkcs11.isModuleInstalled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Checks whether the named PKCS #11 module is currently installed in Firefox.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/uninstallmodule/index.md b/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/uninstallmodule/index.md
index 20121887f10602f..ad16af2bd8b4c60 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/uninstallmodule/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/pkcs11/uninstallmodule/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.pkcs11.uninstallModule
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Uninstalls the named PKCS #11 module from Firefox.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/proxy/onerror/index.md b/files/en-us/mozilla/add-ons/webextensions/api/proxy/onerror/index.md
index 2559cc3cf955c28..de953fb3cfb7bb7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/proxy/onerror/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/proxy/onerror/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.proxy.onError
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when there is an error evaluating the PAC file or the `onRequest` listener.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/proxy/onrequest/index.md b/files/en-us/mozilla/add-ons/webextensions/api/proxy/onrequest/index.md
index 4782b991ae3d6c6..f147c501fe48619 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/proxy/onrequest/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/proxy/onrequest/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.proxy.onRequest
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a web request is about to be made, to give the extension an opportunity to proxy it.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/proxy/proxyinfo/index.md b/files/en-us/mozilla/add-ons/webextensions/api/proxy/proxyinfo/index.md
index 4dd6c557785dcfa..1ddedb5a51327b6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/proxy/proxyinfo/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/proxy/proxyinfo/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.proxy.ProxyInfo
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Contains information about a proxy. This object, or an array of these objects, is returned from the listener to {{WebExtAPIRef("proxy.onRequest")}}. It instructs the browser whether to proxy the request, and if so, which proxy to use.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/proxy/requestdetails/index.md b/files/en-us/mozilla/add-ons/webextensions/api/proxy/requestdetails/index.md
index 6c0e1f64370b951..5cc4e5bb1e44de6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/proxy/requestdetails/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/proxy/requestdetails/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.proxy.RequestDetails
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Contains information about a web request. An instance of this object is passed into the {{WebExtAPIRef("proxy.onRequest")}} listener.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/proxy/settings/index.md b/files/en-us/mozilla/add-ons/webextensions/api/proxy/settings/index.md
index 3b794ccaf801c54..2039b18ef7933a1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/proxy/settings/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/proxy/settings/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.proxy.settings
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("types.BrowserSetting", "BrowserSetting")}} object that can be used to change the browser's proxy settings.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/connect/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/connect/index.md
index 9668fac071e202e..8ec316868db0014 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/connect/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/connect/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.connect
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Make a connection between different contexts inside the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/connectnative/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/connectnative/index.md
index 0efc830f9ae6dce..9e0eb5ec1e77b56 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/connectnative/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/connectnative/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.connectNative
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Connects the extension to a native application on the user's computer. This takes the name of a native application as a parameter. It starts the native application and returns a {{WebExtAPIRef("runtime.Port")}} object to the caller. The caller can then use the `Port` to exchange messages with the native application using `Port.postMessage()` and `port.onMessage`. The native application will run until it exits itself, or the caller calls `Port.disconnect()`, or the page that created the `Port` is destroyed. Once the `Port` is disconnected the browser will give the process a few seconds to exit gracefully, and then kill it if it has not exited.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/getbackgroundpage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/getbackgroundpage/index.md
index f9285807f324b23..de69d7254458c8e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/getbackgroundpage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/getbackgroundpage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.getBackgroundPage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Retrieves the {{DOMxRef("Window")}} object for the background page running inside the current extension. If the background page is non-persistent (an event page) and it is not running, the background page is started.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/getmanifest/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/getmanifest/index.md
index 9789918b566ce5a..c819ae8b014a09c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/getmanifest/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/getmanifest/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.getManifest
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Get the complete [manifest.json](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json) file, deserialized from JSON to an object.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/getpackagedirectoryentry/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/getpackagedirectoryentry/index.md
index 58c796ea78e3eab..c32c1b8df230ba8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/getpackagedirectoryentry/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/getpackagedirectoryentry/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.getPackageDirectoryEntry
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns a `DirectoryEntry` object representing the package directory.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/getplatforminfo/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/getplatforminfo/index.md
index bfcf27559a3b883..27df1db3479f704 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/getplatforminfo/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/getplatforminfo/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.getPlatformInfo
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns information about the current platform. This can only be called in the background script context.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/geturl/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/geturl/index.md
index 9c3f6c53c12b1e7..6ad66c1d9ae261a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/geturl/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/geturl/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.getURL
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Given a relative path from the [manifest.json](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json) to a resource packaged with the extension, return a fully-qualified URL.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/id/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/id/index.md
index 30c27cef3b8ab13..f98236e2cf655bd 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/id/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/id/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.runtime.id
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The ID of the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/lasterror/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/lasterror/index.md
index 4b0d146f143990d..a2e170246be8692 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/lasterror/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/lasterror/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.runtime.lastError
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This value is used to report an error message from an asynchronous API, when the asynchronous API is given a callback. This is useful for extensions that are using the callback-based version of the WebExtension APIs.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/messagesender/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/messagesender/index.md
index 654806823047d0d..cfb0484251b6031 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/messagesender/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/messagesender/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.runtime.MessageSender
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An object containing information about the sender of a message or connection request that is passed to the {{WebExtAPIRef("runtime.onMessage()")}} listener.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onconnect/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onconnect/index.md
index 91b2439b0bcdc59..e59876adebb020a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onconnect/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onconnect/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.runtime.onConnect
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a connection is made with either an extension process or a content script.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onconnectexternal/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onconnectexternal/index.md
index 635aa10b7cdaab2..224e814edf21245 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onconnectexternal/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onconnectexternal/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.runtime.onConnectExternal
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when an extension receives a connection request from a different extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/oninstalled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/oninstalled/index.md
index 5cf3551599f537d..86be4136ef6b853 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/oninstalled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/oninstalled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.runtime.onInstalled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the extension is first installed, when the extension is updated to a new version, and when the browser is updated to a new version.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/oninstalledreason/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/oninstalledreason/index.md
index f9f65e5952c18ce..32561572cf740da 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/oninstalledreason/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/oninstalledreason/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.runtime.OnInstalledReason
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The reason that the {{WebExtAPIRef("runtime.onInstalled")}} event is being dispatched.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessage/index.md
index 34763acc6fa1a40..7407c11d38eab43 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.runtime.onMessage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Use this event to listen for messages from another part of your extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessageexternal/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessageexternal/index.md
index fa07d570b9ce7c5..feaeef175444fdc 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessageexternal/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessageexternal/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.runtime.onMessageExternal
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Use this event to listen for messages from other extensions or web pages.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md
index 83d330d014b0e3d..f2e50b268ad6686 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.runtime.onRestartRequired
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when an app or the device that it runs on needs to be restarted. The app should close all its windows at its earliest convenience to let the restart happen. If the app does nothing, a restart will be enforced after a 24-hour grace period has passed. Currently, this event is only fired for ChromeOS kiosk apps.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onrestartrequiredreason/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onrestartrequiredreason/index.md
index 68115246deccddc..0870deeb713eae1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onrestartrequiredreason/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onrestartrequiredreason/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.runtime.OnRestartRequiredReason
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The reason that the {{WebExtAPIRef("runtime.onRestartRequired", "onRestartRequired")}} event is being dispatched.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onstartup/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onstartup/index.md
index a7ad6a626112f62..e55f0e3e6f4ee2d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onstartup/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onstartup/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.runtime.onStartup
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a profile that has this extension installed first starts up. This event is not fired when a private browsing (incognito) profile is started, even if this extension is operating in 'split' incognito mode.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onsuspend/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onsuspend/index.md
index 5cfd2c27aea1a4b..962628fb99e97ba 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onsuspend/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onsuspend/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.runtime.onSuspend
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sent to the event page just before it is unloaded. This gives the extension an opportunity to do some cleanup. Note that since the page is unloading, any asynchronous operations started while handling this event are not guaranteed to complete.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onsuspendcanceled/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onsuspendcanceled/index.md
index da1d695e9fc366e..2530e7c55d31f17 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onsuspendcanceled/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onsuspendcanceled/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.runtime.onSuspendCanceled
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sent after {{WebExtAPIRef("runtime.onSuspend")}} to indicate that the app won't be unloaded after all.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onupdateavailable/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onupdateavailable/index.md
index 5f3c10d36cb658d..819fb64035ea2f6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onupdateavailable/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onupdateavailable/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.runtime.onUpdateAvailable
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when an update to the extension is available. This event enables an extension to delay an update: for example, because it is in the middle of some operation which should not be interrupted.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/openoptionspage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/openoptionspage/index.md
index a65a862232cce91..479abd539711d56 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/openoptionspage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/openoptionspage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.openOptionsPage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 If your extension has an [options page](/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages) defined, this method opens it.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformarch/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformarch/index.md
index 11424639d775489..a6dc900bee03d49 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformarch/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformarch/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.runtime.PlatformArch
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The machine's processor architecture.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/platforminfo/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/platforminfo/index.md
index 86ad9b17e4eb007..14d50edd5bdccd6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/platforminfo/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/platforminfo/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.runtime.PlatformInfo
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An object containing information about the current platform.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformnaclarch/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformnaclarch/index.md
index 972cc85b5454799..5dea25afb2f3bac 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformnaclarch/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformnaclarch/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.runtime.PlatformNaclArch
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The native client architecture. This may be different from arch on some platforms.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformos/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
index 4c5015e0e964e18..b0b53b2613b5de9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.runtime.PlatformOs
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The operating system the browser is running on.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/port/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/port/index.md
index 80100061930fde8..a64c32898e13dc3 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/port/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/port/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.runtime.Port
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A `Port` object represents one end of a connection between two specific contexts, which can be used to exchange messages.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/reload/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/reload/index.md
index dc05a44b45b61a4..0dcc4fb1751ec56 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/reload/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/reload/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.reload
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Reloads the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/requestupdatecheck/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/requestupdatecheck/index.md
index 2c43ca9c7289e0c..61e490244332370 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/requestupdatecheck/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/requestupdatecheck/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.requestUpdateCheck
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Checks to see if an update for the extension is available.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/requestupdatecheckstatus/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/requestupdatecheckstatus/index.md
index 7b1b393b2bda8d3..260a0b985ee1f59 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/requestupdatecheckstatus/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/requestupdatecheckstatus/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.runtime.RequestUpdateCheckStatus
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Result of a call to {{WebExtAPIRef("runtime.requestUpdateCheck()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/sendmessage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/sendmessage/index.md
index 228b927734d14f9..994d3db331b9bec 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/sendmessage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/sendmessage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.sendMessage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sends a single message to event listeners within your extension or a different extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/sendnativemessage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/sendnativemessage/index.md
index dd3c0865e569593..09247206e9deef2 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/sendnativemessage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/sendnativemessage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.sendNativeMessage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sends a single message from an extension to a native application.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/setuninstallurl/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/setuninstallurl/index.md
index 6ab5697fafeca90..721e46d4ebd72b8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/setuninstallurl/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/setuninstallurl/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.runtime.setUninstallURL
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the URL to be visited when the extension is uninstalled. This can be used to clean up server-side data, do analytics, or implement surveys. The URL can be up to 1023 characters. This limit used to be 255, see [Browser compatibility](browser_compatibility) for more details.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/scripting/contentscriptfilter/index.md b/files/en-us/mozilla/add-ons/webextensions/api/scripting/contentscriptfilter/index.md
index 9935ec4150221f9..e1ca0a1c7cff875 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/scripting/contentscriptfilter/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/scripting/contentscriptfilter/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.scripting.ContentScriptFilter
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This object contains a list of IDs of scripts to retrieve with {{WebExtAPIRef("scripting.getRegisteredContentScripts()")}} or to unregister with {{WebExtAPIRef("scripting.unregisterContentScripts()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/scripting/executescript/index.md b/files/en-us/mozilla/add-ons/webextensions/api/scripting/executescript/index.md
index c499197ea00fc66..40fb69ffce4f1f8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/scripting/executescript/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/scripting/executescript/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.scripting.executeScript
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Injects a script into a target context. The script is run at `document_idle` by default.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/scripting/executionworld/index.md b/files/en-us/mozilla/add-ons/webextensions/api/scripting/executionworld/index.md
index c872776cc3ed406..64837c024235305 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/scripting/executionworld/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/scripting/executionworld/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.scripting.ExecutionWorld
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Specifies the execution environment of a script injected with {{WebExtAPIRef("scripting.executeScript()")}}
 or registered with {{WebExtAPIRef("scripting.registerContentScripts()")}}.
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/scripting/getregisteredcontentscripts/index.md b/files/en-us/mozilla/add-ons/webextensions/api/scripting/getregisteredcontentscripts/index.md
index b4a7f00308d222a..657d46d01136642 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/scripting/getregisteredcontentscripts/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/scripting/getregisteredcontentscripts/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.scripting.getRegisteredContentScripts
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns all the content scripts registered with {{WebExtAPIRef("scripting.registerContentScripts()")}} or a subset of the registered scripts when using a filter.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/scripting/injectiontarget/index.md b/files/en-us/mozilla/add-ons/webextensions/api/scripting/injectiontarget/index.md
index 94a0c0d7e4f8fc0..73ec300aa2fc0c1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/scripting/injectiontarget/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/scripting/injectiontarget/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.scripting.InjectionTarget
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This object contains details specifying the injection target for CSS and JavaScript. Its used in {{WebExtAPIRef("scripting.executeScript()")}}, {{WebExtAPIRef("scripting.insertCSS()")}}, and {{WebExtAPIRef("scripting.removeCSS()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/scripting/insertcss/index.md b/files/en-us/mozilla/add-ons/webextensions/api/scripting/insertcss/index.md
index c7eabe577318573..58df7801ad2d476 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/scripting/insertcss/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/scripting/insertcss/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.scripting.insertCSS
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Injects CSS into a page.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/scripting/registercontentscripts/index.md b/files/en-us/mozilla/add-ons/webextensions/api/scripting/registercontentscripts/index.md
index 5b33d46c4a9c247..3f9f6f00123e5cf 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/scripting/registercontentscripts/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/scripting/registercontentscripts/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.scripting.registerContentScripts
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Registers one or more content scripts.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/scripting/registeredcontentscript/index.md b/files/en-us/mozilla/add-ons/webextensions/api/scripting/registeredcontentscript/index.md
index da809ef5943c020..05f8242b1459de3 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/scripting/registeredcontentscript/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/scripting/registeredcontentscript/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.scripting.RegisteredContentScript
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This object contains details of a script to be registered or that is registered.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/scripting/removecss/index.md b/files/en-us/mozilla/add-ons/webextensions/api/scripting/removecss/index.md
index 1baa22f405a87c5..99c31abf8e75a1c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/scripting/removecss/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/scripting/removecss/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.scripting.removeCSS
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes a CSS stylesheet injected by a call to {{WebExtAPIRef("scripting.insertCSS()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/scripting/unregistercontentscripts/index.md b/files/en-us/mozilla/add-ons/webextensions/api/scripting/unregistercontentscripts/index.md
index d1397c4ab539bb1..4cf8d1d50ca0ecc 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/scripting/unregistercontentscripts/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/scripting/unregistercontentscripts/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.scripting.unregisterContentScripts
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Unregisters one or more content scripts.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/scripting/updatecontentscripts/index.md b/files/en-us/mozilla/add-ons/webextensions/api/scripting/updatecontentscripts/index.md
index e0c8f14b13b5769..473e3a5160a3604 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/scripting/updatecontentscripts/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/scripting/updatecontentscripts/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.scripting.updateContentScripts
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Updates registered content scripts. If there are errors during script parsing and file validation, or if the IDs specified do not exist, no scripts are updated.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/search/get/index.md b/files/en-us/mozilla/add-ons/webextensions/api/search/get/index.md
index b440e07ee9d9507..7ee29b7fe511a55 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/search/get/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/search/get/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.search.get
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets an array of all installed search engines.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/search/query/index.md b/files/en-us/mozilla/add-ons/webextensions/api/search/query/index.md
index fefaf68c8f36d44..09e59e1a9040b7b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/search/query/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/search/query/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.search.query
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Perform a search using the browser's default search engine.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/search/search/index.md b/files/en-us/mozilla/add-ons/webextensions/api/search/search/index.md
index d13579a767416e5..69658b9255eef3f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/search/search/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/search/search/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.search.search
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Perform a search using the search engine specified or the default search engine if no search engine is specified.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/filter/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/filter/index.md
index f82670a1ee42bc8..d635992addea1e5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/filter/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/filter/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.sessions.Filter
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `Filter` object enables you to restrict the number of {{WebExtAPIRef("sessions.Session", "Session")}} objects returned by a call to {{WebExtAPIRef("sessions.getRecentlyClosed()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/forgetclosedtab/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/forgetclosedtab/index.md
index 251892440f5f209..fc3c81a84a25ce6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/forgetclosedtab/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/forgetclosedtab/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sessions.forgetClosedTab
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes a closed tab from the browser's list of recently closed tabs. Note that the sites visited by that tab are not removed from the browser's history. Use the {{WebExtAPIRef("browsingData")}} or {{WebExtAPIRef("history")}} APIs to remove history.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/forgetclosedwindow/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/forgetclosedwindow/index.md
index a71e515702bcade..0013d2639da6980 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/forgetclosedwindow/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/forgetclosedwindow/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sessions.forgetClosedWindow
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes a closed window from the browser's list of recently closed windows. Note that the sites visited by that window are not removed from the browser's history. Use the {{WebExtAPIRef("browsingData")}} or {{WebExtAPIRef("history")}} APIs to remove history.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/getrecentlyclosed/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/getrecentlyclosed/index.md
index 93672b313cdeea2..b72b661198eb952 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/getrecentlyclosed/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/getrecentlyclosed/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sessions.getRecentlyClosed
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns an array of {{WebExtAPIRef("sessions.Session", "Session")}} objects, representing windows and tabs that were closed in the current browsing session (that is: the time since the browser was started).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/gettabvalue/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/gettabvalue/index.md
index 62626a83ed8fa73..54923d8a23b75aa 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/gettabvalue/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/gettabvalue/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sessions.getTabValue
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Retrieves a value previously stored by a call to {{WebExtAPIRef("sessions.setTabValue")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/getwindowvalue/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/getwindowvalue/index.md
index c058b20c7a2384a..da4cb407401942c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/getwindowvalue/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/getwindowvalue/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sessions.getWindowValue
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Retrieves a value previously stored by a call to {{WebExtAPIRef("sessions.setWindowValue")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/max_session_results/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/max_session_results/index.md
index 06494f0b03fc000..92cdee9bd19c944 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/max_session_results/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/max_session_results/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.sessions.MAX_SESSION_RESULTS
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This value represents the maximum number of sessions that will be returned by a call to {{WebExtAPIRef("sessions.getRecentlyClosed()")}}. It is read-only for WebExtension code, and is set to 25.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/onchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/onchanged/index.md
index d1ce247efcd6c11..9a411c65646f10e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/onchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/onchanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.sessions.onChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired whenever the list of closed tabs or windows changes.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/removetabvalue/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/removetabvalue/index.md
index e9ca433d19c4ddf..cadbf2e0ecc2e27 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/removetabvalue/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/removetabvalue/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sessions.removeTabValue
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes a value previously stored by a call to {{WebExtAPIRef("sessions.setTabValue")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/removewindowvalue/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/removewindowvalue/index.md
index ff60b309d901e28..b27052c518b46fd 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/removewindowvalue/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/removewindowvalue/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sessions.removeWindowValue
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes a value previously stored by a call to {{WebExtAPIRef("sessions.setWindowValue")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/restore/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/restore/index.md
index 151a5e32a9dc45b..b5cfb2a2ce0a674 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/restore/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/restore/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sessions.restore
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Restores a closed tab or window. Restoring doesn't just reopen the tab or window: it also restores the tab's navigation history so the back/forward buttons will work. Restoring a window will restore all the tabs that the window contained when it was closed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/session/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/session/index.md
index ec25722b1866693..76dd9103a250425 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/session/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/session/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.sessions.Session
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `Session` object represents a tab or window that the user has closed in the current browsing session.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/settabvalue/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/settabvalue/index.md
index 3afe345fe435d0d..6625b1b32c4d78a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/settabvalue/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/settabvalue/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sessions.setTabValue
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Stores a key/value pair to associate with a given tab. You can subsequently retrieve this value using {{WebExtAPIRef("sessions.getTabValue")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sessions/setwindowvalue/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sessions/setwindowvalue/index.md
index 12a9cc642888686..8e156566027cf4d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sessions/setwindowvalue/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sessions/setwindowvalue/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sessions.setWindowValue
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Stores a key/value pair to associate with a given window. You can subsequently retrieve this value using {{WebExtAPIRef("sessions.getWindowValue")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/close/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/close/index.md
index 92877beed3d13bf..41fcba15692950f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/close/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/close/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sidebarAction.close
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Closes the sidebar in the active window, if it is the extension's own sidebar.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/getpanel/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/getpanel/index.md
index d4cbb130e21662d..0a3b7bc90470f0c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/getpanel/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/getpanel/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sidebarAction.getPanel
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets a URL to the HTML document that defines the sidebar's contents.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/gettitle/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/gettitle/index.md
index a45d826cb8bbc25..1d26ec855538637 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/gettitle/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/gettitle/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sidebarAction.getTitle
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the sidebar's title.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/imagedatatype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/imagedatatype/index.md
index 0f321c85c28553a..8b5aa159e22069c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/imagedatatype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/imagedatatype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.sidebarAction.ImageDataType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Pixel data for an image. Must be an [`ImageData`](/en-US/docs/Web/API/ImageData) object (for example, from a {{htmlelement("canvas")}} element).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/isopen/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/isopen/index.md
index 3737642ae114159..ca5efd049f28f46 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/isopen/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/isopen/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sidebarAction.isOpen
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Returns `true` if the extension's sidebar is open in a given window.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/open/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/open/index.md
index 2e988bf1799ced7..f8276bfbf18abe6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/open/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/open/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sidebarAction.open
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Open the sidebar in the active window.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/seticon/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/seticon/index.md
index 81eb3b6f235606d..0c4de87d64767cd 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/seticon/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/seticon/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sidebarAction.setIcon
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the icon for the sidebar.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/setpanel/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/setpanel/index.md
index 1e831aa95707187..f456bdaed33bee9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/setpanel/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/setpanel/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sidebarAction.setPanel
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the sidebar's panel: that is, the HTML document that defines the content of this sidebar.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/settitle/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/settitle/index.md
index 99b4e06eff4e528..692aef374de84e8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/settitle/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/settitle/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sidebarAction.setTitle
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the sidebar's title. The title is displayed anywhere the browser lists available sidebars. For example, Firefox will show it in the "View > Sidebar" menu. It's also shown at the top o the sidebar when the sidebar is open.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/toggle/index.md b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/toggle/index.md
index c79dc735edd82c6..1559a5bc597dac3 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/toggle/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/sidebaraction/toggle/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.sidebarAction.toggle
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Toggles the visibility of the sidebar in the active window, if the sidebar belongs to the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/local/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/local/index.md
index 4bc7f2a8ae60c1a..62c03a8b06d2dd9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/local/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/local/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.storage.local
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Represents the `local` storage area. Items in `local` storage are local to the machine the extension is installed on.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/managed/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/managed/index.md
index a67534c0e3d50b8..3c13acd6b9a5ecd 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/managed/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/managed/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.storage.managed
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A {{WebExtAPIRef("storage.StorageArea")}} object that represents the `managed` storage area. Items in `managed` storage are set by the domain administrator or other native applications installed on the user's computer and are read-only for the extension. Trying to modify this storage area results in an error.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/onchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/onchanged/index.md
index 033baf167019c4f..a4715405aea08b8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/onchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/onchanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.storage.onChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when {{WebExtAPIRef('storage.StorageArea.set','storageArea.set')}}, {{WebExtAPIRef('storage.StorageArea.remove','storageArea.remove')}}, or {{WebExtAPIRef('storage.StorageArea.clear','storageArea.clear')}} executes against a storage area.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/session/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/session/index.md
index 13367e2181ecaba..27297263448e5d9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/session/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/session/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.storage.session
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Represents the `session` storage area. Items in `session` storage are stored in memory for the duration of the browser session and are not persisted to disk.
 By default, it's not exposed to content scripts, but this behavior can be changed through {{WebExtAPIRef("storage.StorageArea.setAccessLevel", "storage.session.setAccessLevel()")}}.
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/clear/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/clear/index.md
index ded406275e29804..8a6f0f6d8a0565d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/clear/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/clear/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.storage.StorageArea.clear
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes all items from the storage area.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/get/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/get/index.md
index 981547f2f8b81c8..6470cc88c5af2c0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/get/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/get/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.storage.StorageArea.get
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Retrieves one or more items from the storage area.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/getbytesinuse/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/getbytesinuse/index.md
index e0321aa1b302cd4..eace4cf6c80f601 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/getbytesinuse/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/getbytesinuse/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.storage.StorageArea.getBytesInUse
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the amount of storage space, in bytes, used one or more items being stored in the storage area.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/index.md
index ac56f3b9c623da9..8bbaa501797aff0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.storage.StorageArea
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 StorageArea is an object representing a storage area.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/onchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/onchanged/index.md
index fd7ba0a80ca5805..6169cfd3bdd66be 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/onchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/onchanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.storage.StorageArea.onChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fires when one or more items in a storage area change. Compared to {{WebExtAPIRef("storage.onChanged")}}, this event enables you to listen for changes in one of the storage areas: `local`, `managed`, `session`, and `sync`.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/remove/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/remove/index.md
index 51951375f67b52c..846d789fe4f0046 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/remove/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/remove/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.storage.StorageArea.remove
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes one or more items from the storage area.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/set/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/set/index.md
index 25384eaae1e4596..121a41262a9c22b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/set/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/set/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.storage.StorageArea.set
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Stores one or more items in the storage area or updates stored items.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/setaccesslevel/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/setaccesslevel/index.md
index b4e315cbe0529e0..9d2c050695db38d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/setaccesslevel/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagearea/setaccesslevel/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.storage.StorageArea.setAccessLevel
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets the access level for the storage area.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagechange/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagechange/index.md
index 6a2d37cd8c6be6a..756e28d0e4fc480 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/storagechange/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/storagechange/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.storage.StorageChange
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 `StorageChange` is an object representing a change to a storage area.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/storage/sync/index.md b/files/en-us/mozilla/add-ons/webextensions/api/storage/sync/index.md
index c2950646530c753..ef07b8780c5e7db 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/storage/sync/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/storage/sync/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.storage.sync
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Represents the `sync` storage area. Items in `sync` storage are synced by the browser. The data is then available on all instances of the browser the user is logged into (for example, when using a Mozilla account on desktop versions of Firefox or a Google account on Chrome) across different devices.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/capturetab/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/capturetab/index.md
index ad31425c3321f11..e157d16ae5824a9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/capturetab/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/capturetab/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.captureTab
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Creates a data URL encoding the image of an area of the given tab. You must have the `<all_urls>` [permission](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions) to use this method.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/capturevisibletab/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/capturevisibletab/index.md
index 26569de4f0ba3cf..ee65a1379c258fc 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/capturevisibletab/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/capturevisibletab/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.captureVisibleTab
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Creates a data URL encoding the image of an area of the currently active tab in the specified window. You must have the `<all_urls>` [permission](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions) to use this method. (Alternately, Chrome allows use of this method with the `activeTab` [permission](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions) and a qualifying user gesture).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/connect/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/connect/index.md
index c5ec9ee10d1cf4d..1c4122b65252f76 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/connect/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/connect/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.connect
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Call this function to set up a connection between the extension's background scripts (or other privileged scripts, such as popup scripts or options page scripts) and any [content scripts](/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts) that belong to this extension and are running in the specified tab. This function returns a {{WebExtAPIRef("runtime.Port")}} object.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/create/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/create/index.md
index b2022510ad8dd90..3b987538012f92b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/create/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/create/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.create
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Creates a new tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/detectlanguage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/detectlanguage/index.md
index 048fe13310f8e15..8a913cb74977cc9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/detectlanguage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/detectlanguage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.detectLanguage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Detects the primary language of the content in a tab, using the [Compact Language Detector](https://github.com/CLD2Owners/cld2) (CLD).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/discard/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/discard/index.md
index d3c3083dbbe82b3..1226e5700356ba8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/discard/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/discard/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.discard
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Discards one or more tabs.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/duplicate/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/duplicate/index.md
index 4cc9f7a15fba255..f4d7fe85798aec5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/duplicate/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/duplicate/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.duplicate
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Duplicates a tab, given its ID.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/executescript/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/executescript/index.md
index ed4c518284b2a06..a0495de0e6bb202 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/executescript/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/executescript/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.executeScript
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Injects JavaScript code into a page.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/get/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/get/index.md
index 225410d527874a0..cce0e9f936042b4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/get/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/get/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.get
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Given a tab ID, get the tab's details as a {{WebExtAPIRef("tabs.Tab")}} object.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/getcurrent/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/getcurrent/index.md
index 4344cdc8d998095..0865916aeddbcc9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/getcurrent/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/getcurrent/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.getCurrent
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Get a {{WebExtAPIRef("tabs.Tab")}} containing information about the tab that this script is running in.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/getselected/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/getselected/index.md
index 1a5a62a446000d1..22770d168b1c647 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/getselected/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/getselected/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: webextensions.api.tabs.getSelected
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 > **Warning:** This method has been deprecated. Use {{WebExtAPIRef("tabs.query", "tabs.query({active: true})")}} instead.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/getzoom/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/getzoom/index.md
index 1c96b0f044c4e9f..2c201eaa59db503 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/getzoom/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/getzoom/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.getZoom
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the current zoom factor for the specified tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/getzoomsettings/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/getzoomsettings/index.md
index f15940bfca159dd..f00486771c1e3f7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/getzoomsettings/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/getzoomsettings/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.getZoomSettings
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the current zoom settings for a specified tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/goback/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/goback/index.md
index 656caba32344e19..4ffc44995a4262f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/goback/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/goback/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.goBack
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Navigate to the previous page in tab's history, if available.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/goforward/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/goforward/index.md
index 9496174795177a6..4fd4e9cfb39a13d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/goforward/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/goforward/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.goForward
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Navigate to the next page in tab's history, if available.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/hide/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/hide/index.md
index f60343f0df49ced..fe52e735b7534d0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/hide/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/hide/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.hide
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Hides one or more tabs.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/highlight/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/highlight/index.md
index 0331711397f79ab..79d31626089c263 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/highlight/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/highlight/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.highlight
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Highlights (selects) one or more tabs. Tabs are specified using a window ID and a range of tab indices.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/insertcss/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/insertcss/index.md
index 9214d13b5d1a10f..7c4a1c012dd264e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/insertcss/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/insertcss/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.insertCSS
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Injects CSS into a page.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/move/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/move/index.md
index 1b46cbdc6264d4e..bf457133e5caddc 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/move/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/move/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.move
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Moves one or more tabs to a new position in the same window or to a different window.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/moveinsuccession/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/moveinsuccession/index.md
index 4c6c2f9d56d33b0..04dc74d27fb7365 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/moveinsuccession/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/moveinsuccession/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.moveInSuccession
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Modifies the succession relationship for a group of tabs.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/mutedinfo/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/mutedinfo/index.md
index f1a3dae04146ee6..e37252fcf3df8f5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/mutedinfo/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/mutedinfo/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.tabs.MutedInfo
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This object contains a boolean indicating whether the tab is muted, and the reason for the last state change.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/mutedinforeason/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/mutedinforeason/index.md
index e49d40666152b6d..d265795e771fcd7 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/mutedinforeason/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/mutedinforeason/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.tabs.MutedInfoReason
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Specifies the reason a tab was muted or unmuted.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onactivated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onactivated/index.md
index c304a5f666f8300..4af65b44b53a14e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onactivated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onactivated/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.tabs.onActivated
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fires when the active tab in a window changes. Note that the tab's URL may not be set at the time this event fired, but you can listen to {{WebExtAPIRef("tabs.onUpdated")}} events to be notified when a URL is set.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onactivechanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onactivechanged/index.md
index fd37118dce24136..06b818d19b983dc 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onactivechanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onactivechanged/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: webextensions.api.tabs.onActiveChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 > **Warning:** This event is deprecated. Use {{WebExtAPIRef("tabs.onActivated")}} instead.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onattached/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onattached/index.md
index 4e9f03cce8e5c6e..032627069cf6224 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onattached/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onattached/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.tabs.onAttached
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a tab is attached to a window, for example because it was moved between windows.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/oncreated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/oncreated/index.md
index 71957a525ca931c..7893e8864309216 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/oncreated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/oncreated/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.tabs.onCreated
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a tab is created.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/ondetached/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/ondetached/index.md
index 309de8dde0d27e8..0985e15efb17f3f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/ondetached/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/ondetached/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.tabs.onDetached
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a tab is detached from a window, for example because it is being moved between windows.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onhighlightchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onhighlightchanged/index.md
index 345a7614d9c2482..c1ae55bd2f6e74a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onhighlightchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onhighlightchanged/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: webextensions.api.tabs.onHighlightChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 > **Warning:** This event is deprecated. Use {{WebExtAPIRef("tabs.onHighlighted")}} instead.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onhighlighted/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onhighlighted/index.md
index 5150e3cadb424eb..e19df3afb38aa36 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onhighlighted/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onhighlighted/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.tabs.onHighlighted
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the set of highlighted tabs in a window changes.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onmoved/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onmoved/index.md
index bd96343b862b9ef..99cf3c53bb76113 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onmoved/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onmoved/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.tabs.onMoved
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a tab is moved within a window.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onremoved/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onremoved/index.md
index 2618881564dbf0b..1b1ca9dd18fae4a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onremoved/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onremoved/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.tabs.onRemoved
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a tab is closed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onreplaced/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onreplaced/index.md
index 4bed4ac569e8e1c..a059a91cc6c0490 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onreplaced/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onreplaced/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.tabs.onReplaced
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a tab is replaced with another tab due to prerendering or instant.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onselectionchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onselectionchanged/index.md
index 896c4e80e255fc6..c2c1d193837b48f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onselectionchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onselectionchanged/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: webextensions.api.tabs.onSelectionChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 > **Warning:** This event is deprecated. Use {{WebExtAPIRef("tabs.onActivated")}} instead.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onzoomchange/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onzoomchange/index.md
index 16003a2beacf83d..66aeff05504de3c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onzoomchange/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onzoomchange/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.tabs.onZoomChange
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a tab is zoomed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/print/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/print/index.md
index 1e2b0a1e45071af..0a65b3b5e28ab11 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/print/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/print/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.print
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Call this function to print the contents of the active tab. If this function is called, the user will be presented with the print dialog from the underlying platform, and will have the chance to change the print settings and then print the currently active tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/printpreview/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/printpreview/index.md
index 5a62179db3ca795..d19612d0dc90dee 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/printpreview/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/printpreview/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.printPreview
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Opens print preview for the active tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/query/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/query/index.md
index 65801d6f51d0ad6..e61374f023b5b8d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/query/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/query/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.query
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets all tabs that have the specified properties, or all tabs if no properties are specified.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/reload/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/reload/index.md
index dc817b8fc41351e..361695a8f461432 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/reload/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/reload/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.reload
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Reload a tab, optionally bypassing the local web cache.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/remove/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/remove/index.md
index 0d2639a7b134143..41858f2e49ed892 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/remove/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/remove/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.remove
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Closes one or more tabs.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/removecss/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/removecss/index.md
index 7c70141a60697a6..d347b04351b51a4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/removecss/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/removecss/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.removeCSS
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Removes from a page CSS which was previously injected by a call to {{WebExtAPIRef("tabs.insertCSS()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/saveaspdf/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/saveaspdf/index.md
index d601e52e0855a98..3e94e67049074b2 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/saveaspdf/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/saveaspdf/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.saveAsPDF
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Saves the current page as a PDF file. This will open a dialog, supplied by the underlying operating system, asking the user where they want to save the PDF file.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/sendmessage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/sendmessage/index.md
index 23c8325b0726759..bdbc13f2bafb216 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/sendmessage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/sendmessage/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.sendMessage
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sends a single message from the extension's background scripts (or other privileged scripts, such as popup scripts or options page scripts) to any [content scripts](/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts) or extension pages/iframes that belong to the extension and are running in the specified tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/sendrequest/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/sendrequest/index.md
index cb512be79cf732c..6785874ea12b53a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/sendrequest/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/sendrequest/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: webextensions.api.tabs.sendRequest
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 > **Warning:** This method has been deprecated. Use {{WebExtAPIRef("tabs.sendMessage()")}} instead.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/setzoom/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/setzoom/index.md
index 05a816b51153426..c04ba6cdc176412 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/setzoom/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/setzoom/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.setZoom
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Zooms the specified tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/setzoomsettings/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/setzoomsettings/index.md
index 48c45fd145855fd..13e7076d82a0d94 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/setzoomsettings/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/setzoomsettings/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.setZoomSettings
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Sets zoom settings for the specified tab. These settings are reset to the default settings upon navigating the tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/show/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/show/index.md
index a592631e6bce5d1..72b64c80ad4a790 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/show/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/show/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.show
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Shows one or more tabs that were previously hidden by a call to {{WebExtAPIRef("tabs.hide")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/tab/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/tab/index.md
index ce82200a692adce..d6d2461d2ec39f4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/tab/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/tab/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.tabs.Tab
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The type **`tabs.Tab`** contains information about a tab. This provides access to information about what content is in the tab, how large the content is, what special states or restrictions are in effect, and so forth.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/tab_id_none/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/tab_id_none/index.md
index 96578e0a1f581c5..855878e01de963f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/tab_id_none/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/tab_id_none/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.tabs.TAB_ID_NONE
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A special ID value given to tabs that are not browser tabs (for example, tabs in devtools windows).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/tabstatus/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/tabstatus/index.md
index fa1c4fe3a9c64fb..638f0640ff25cfc 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/tabstatus/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/tabstatus/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.tabs.TabStatus
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Indicates whether the tab has finished loading.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/togglereadermode/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/togglereadermode/index.md
index ee360c5fab46999..0bb360737621fdd 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/togglereadermode/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/togglereadermode/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.toggleReaderMode
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Toggles Reader Mode for the given tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/update/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/update/index.md
index 3d36a878cdbefbe..b133351ffb9a7b5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/update/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/update/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.update
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Navigate the tab to a new URL, or modify other properties of the tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/warmup/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/warmup/index.md
index c40b661cfc453c5..812a6841f410cc0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/warmup/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/warmup/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.tabs.warmup
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 To optimize system resource usage, browsers may drop GPU resources associated with tabs that the user has not accessed for a certain amount of time. If a browser has done this for a tab, then reactivating the tab (for example, when the user switches to it) may take longer than it normally would.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/windowtype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/windowtype/index.md
index db5cd0e5c0168b8..dbacc9a39b3d771 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/windowtype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/windowtype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.tabs.WindowType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The type of window that hosts this tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettings/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettings/index.md
index 4ba98aeb7b568cd..7bc1c125fa4071b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettings/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettings/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.tabs.ZoomSettings
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Defines zoom settings for a tab: {{WebExtAPIRef("tabs.ZoomSettingsMode", "mode")}}, {{WebExtAPIRef("tabs.ZoomSettingsScope", "scope")}}, and default zoom factor.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettingsmode/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettingsmode/index.md
index 0a0a936a2a7f5d9..536cb96633935a5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettingsmode/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettingsmode/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.tabs.ZoomSettingsMode
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Defines how zoom changes are handled. Extensions can pass this value into {{WebExtAPIRef("tabs.setZoomSettings()")}} to control how the browser handles attempts to change zoom settings for a tab. Defaults to "automatic".
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettingsscope/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettingsscope/index.md
index 485f99ee8f5fef9..ceee7689becb1b9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettingsscope/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/zoomsettingsscope/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.tabs.ZoomSettingsScope
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Defines whether zoom changes will persist for the page's origin, or only take effect in this tab. This defaults to `per-origin` when {{WebExtAPIRef("tabs.zoomSettingsMode")}} is "automatic", and is always `per-tab` otherwise.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/theme/getcurrent/index.md b/files/en-us/mozilla/add-ons/webextensions/api/theme/getcurrent/index.md
index 3384ee5f33693d0..a3e8512ae5dcd21 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/theme/getcurrent/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/theme/getcurrent/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.theme.getCurrent
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the current theme as a {{WebExtAPIRef("theme.Theme", "Theme")}} object.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/theme/onupdated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/theme/onupdated/index.md
index e43c697d3b48f86..9e6476e3151de6f 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/theme/onupdated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/theme/onupdated/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.theme.onUpdated
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fires when a theme supplied as a browser extension is applied or removed. Specifically:
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/theme/reset/index.md b/files/en-us/mozilla/add-ons/webextensions/api/theme/reset/index.md
index c06e2f49c3d87df..7ff5fe0f803f312 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/theme/reset/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/theme/reset/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.theme.reset
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Resets any theme applied using the {{WebExtAPIRef("theme.update()")}} method.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/theme/theme/index.md b/files/en-us/mozilla/add-ons/webextensions/api/theme/theme/index.md
index 209b083fe849846..e10a58a2b2d0914 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/theme/theme/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/theme/theme/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.theme.Theme
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A Theme object represents the specification of a theme.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/theme/update/index.md b/files/en-us/mozilla/add-ons/webextensions/api/theme/update/index.md
index 274adeb625ee7a4..b2bcce6123ef63a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/theme/update/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/theme/update/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.theme.update
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Updates the browser theme according to the content of the {{WebExtAPIRef("theme.Theme", "Theme")}} object.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/topsites/get/index.md b/files/en-us/mozilla/add-ons/webextensions/api/topsites/get/index.md
index 13bb13965cc05fb..0f716caae4d35f8 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/topsites/get/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/topsites/get/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.topSites.get
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets an array containing information about pages that the user has visited often and recently.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/topsites/mostvisitedurl/index.md b/files/en-us/mozilla/add-ons/webextensions/api/topsites/mostvisitedurl/index.md
index 63e910a99bb7954..5f1e1e3b4db8c1b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/topsites/mostvisitedurl/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/topsites/mostvisitedurl/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.topSites.MostVisitedURL
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `MostVisitedURL` type contains two properties: the title of a page and its URL.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/get/index.md b/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/get/index.md
index 6ca8fe86154fac2..ee2b6beb0f671c4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/get/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/get/index.md
@@ -4,7 +4,7 @@ slug: Mozilla/Add-ons/WebExtensions/API/types/BrowserSetting/get
 page-type: webextension-api-function
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `BrowserSetting.get()` method gets the current value of the browser setting, and an enumeration indicating how the setting's value is currently controlled.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/index.md b/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/index.md
index 6862630c233a9bf..85ffe8c44275447 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.types.BrowserSetting
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A `BrowserSetting` is an object representing a browser setting.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/onchange/index.md b/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/onchange/index.md
index 67350fde8bace3b..585fa9fa90fadc5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/onchange/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/onchange/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.types.BrowserSetting.onChange
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `BrowserSetting.onChange` event is fired when the setting is changed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/set/index.md b/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/set/index.md
index d9155f4b5db182c..afbddfb04c63301 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/set/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/types/browsersetting/set/index.md
@@ -4,7 +4,7 @@ slug: Mozilla/Add-ons/WebExtensions/API/types/BrowserSetting/set
 page-type: webextension-api-function
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Use `BrowserSetting.set()` to change the browser setting to a new value.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/userscripts/registereduserscript/index.md b/files/en-us/mozilla/add-ons/webextensions/api/userscripts/registereduserscript/index.md
index 50c1a82353e5180..ec7878fb23fc93d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/userscripts/registereduserscript/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/userscripts/registereduserscript/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.userScripts.RegisteredUserScript
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A `RegisteredUserScript` object is returned by a call to {{WebExtAPIRef("userScripts.register","userScripts.register()")}} and represents the user scripts registered in that call.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/getallframes/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/getallframes/index.md
index ccd6325659d9a58..21d5c172ff2c0cf 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/getallframes/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/getallframes/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.webNavigation.getAllFrames
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Given a tab ID, retrieves information about all the frames it contains.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/getframe/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/getframe/index.md
index c4e6671936d5ccd..9532bf8d5e11683 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/getframe/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/getframe/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.webNavigation.getFrame
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Retrieves information about a particular frame. A frame may be the top-level frame in a tab or a nested [`<iframe>`](/en-US/docs/Web/HTML/Element/iframe), and is uniquely identified by a tab ID and a frame ID.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onbeforenavigate/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onbeforenavigate/index.md
index 5a94b56a8df9782..45a58c280e385ee 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onbeforenavigate/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onbeforenavigate/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webNavigation.onBeforeNavigate
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the browser is about to start a navigation event.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncommitted/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncommitted/index.md
index dd80ba78c1a6f86..1689c3757258b34 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncommitted/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncommitted/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webNavigation.onCommitted
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a navigation is committed. At least part of the new document has been received from the server and the browser has decided to switch to the new document.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncompleted/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncompleted/index.md
index 2347de48eaf2be3..adb80c6b008252a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncompleted/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncompleted/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webNavigation.onCompleted
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a document, including the resources it refers to, is completely loaded and initialized. This is equivalent to the DOM [`load`](/en-US/docs/Web/API/Window/load_event) event.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncreatednavigationtarget/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncreatednavigationtarget/index.md
index 8186fe288a9dd6c..608d9e434559686 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncreatednavigationtarget/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/oncreatednavigationtarget/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webNavigation.onCreatedNavigationTarget
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a new window, or a new tab in an existing window, is created to host the target of a navigation. For example, this event is sent when:
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/ondomcontentloaded/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/ondomcontentloaded/index.md
index 6d2bc91918fd2bb..9e1af51db2308ad 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/ondomcontentloaded/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/ondomcontentloaded/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webNavigation.onDOMContentLoaded
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the [DOMContentLoaded](/en-US/docs/Web/API/Document/DOMContentLoaded_event) event is fired in the page. At this point the document is loaded and parsed, and the DOM is fully constructed, but linked resources such as images, stylesheets and subframes may not yet be loaded.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onerroroccurred/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onerroroccurred/index.md
index 3467818fe11f2c1..2991fd8f3a5a9a1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onerroroccurred/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onerroroccurred/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webNavigation.onErrorOccurred
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when an error occurs and the navigation is aborted. This can happen if either a network error occurred, or the user aborted the navigation.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onhistorystateupdated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onhistorystateupdated/index.md
index c61f2e7e13771ea..b886e4040539b47 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onhistorystateupdated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onhistorystateupdated/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webNavigation.onHistoryStateUpdated
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the page used the [>history API](/en-US/docs/Web/API/History_API/Working_with_the_History_API) to update the URL displayed in the browser's location bar. All future events for this frame will use the updated URL.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onreferencefragmentupdated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onreferencefragmentupdated/index.md
index 5a6d1bb660c0f77..c5064c4bf21b144 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onreferencefragmentupdated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/onreferencefragmentupdated/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webNavigation.onReferenceFragmentUpdated
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired if the [fragment identifier](https://en.wikipedia.org/wiki/Fragment_identifier) for a page is changed. For example, if a page implements a table of contents using fragments, and the user clicks an entry in the table of contents, this event fires. All future events for this frame will use the updated URL.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/ontabreplaced/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/ontabreplaced/index.md
index 766ff04cdeabcd3..dc75b0225710b46 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/ontabreplaced/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/ontabreplaced/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webNavigation.onTabReplaced
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the contents of the tab is replaced by a different (usually previously pre-rendered) tab.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/transitionqualifier/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/transitionqualifier/index.md
index 23eb8211ee3c09e..a622b2a11c3f9ee 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/transitionqualifier/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/transitionqualifier/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.webNavigation.TransitionQualifier
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Extra information about a transition. Note that many values here are not currently supported in Firefox: see the [browser compatibility table](#browser_compatibility) for details.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/transitiontype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/transitiontype/index.md
index 9cc71de424f1309..1d65e122c32d543 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/transitiontype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webnavigation/transitiontype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.webNavigation.TransitionType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Cause of the navigation: for example, the user clicked a link, or typed an address, or clicked a bookmark.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/blockingresponse/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/blockingresponse/index.md
index 40082048ac85bea..977b0932cf5d4ea 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/blockingresponse/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/blockingresponse/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.webRequest.BlockingResponse
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An object of this type is returned by event listeners that have set `"blocking"` in their `extraInfoSpec` argument.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/certificateinfo/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/certificateinfo/index.md
index 8f5aa2076c20eda..3ef9e8c53424cab 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/certificateinfo/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/certificateinfo/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.webRequest.CertificateInfo
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An object describing a single [X.509 certificate](https://datatracker.ietf.org/doc/html/rfc5280).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/filterresponsedata/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/filterresponsedata/index.md
index 99fe9f22bfcd8c0..3cb17c93ecd88a0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/filterresponsedata/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/filterresponsedata/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.webRequest.filterResponseData
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Use this function to create a {{WebExtAPIRef("webRequest.StreamFilter")}} object for a request. The stream filter gives the web extension full control over the stream, with the ability to monitor and modify the response. It's the extension's responsibility to write and close or disconnect the stream, as the default behavior is to keep the request open without a response.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/getsecurityinfo/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/getsecurityinfo/index.md
index 1ffd150c2332dbd..33eff17144af463 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/getsecurityinfo/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/getsecurityinfo/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.webRequest.getSecurityInfo
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Use this function to get detailed information about the [TLS](/en-US/docs/Glossary/TLS) connection associated with a particular request.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/handlerbehaviorchanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/handlerbehaviorchanged/index.md
index 439033eaa8e30ee..67548a9e9fed723 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/handlerbehaviorchanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/handlerbehaviorchanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.webRequest.handlerBehaviorChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This function can be used to ensure that event listeners are applied correctly when pages are in the browser's in-memory cache. If the browser has loaded a page, and the page is reloaded, the browser may reload the page from its in-memory cache, and in this case, events will not be triggered for the request.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/httpheaders/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/httpheaders/index.md
index 7d44e642b56a58c..79a6f371aca025b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/httpheaders/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/httpheaders/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.webRequest.HttpHeaders
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An array of HTTP headers. Each header is represented as an object with two properties: `name` and either `value` or `binaryValue`.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onauthrequired/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onauthrequired/index.md
index f363ee3135cc9a0..55deda69f8ffff6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onauthrequired/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onauthrequired/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.onAuthRequired
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the server sends a `401` or `407` status code and a `WWW-Authenticate` header using the `Basic` scheme (that is, when the server asks the client to provide authentication credentials, such as a username and password).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforeredirect/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforeredirect/index.md
index 3da00bbdc19141e..c3215d5df361e34 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforeredirect/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforeredirect/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.onBeforeRedirect
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a server-initiated redirect is about to occur.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforerequest/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforerequest/index.md
index b52e02a344e6b66..a42e4f312589a60 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforerequest/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforerequest/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.onBeforeRequest
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This event is triggered when a request is about to be made, and before headers are available. This is a good place to listen if you want to cancel or redirect the request.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforesendheaders/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforesendheaders/index.md
index 095d2c67106d09a..85b746e7ad3aae4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforesendheaders/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onbeforesendheaders/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.onBeforeSendHeaders
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This event is triggered before sending any HTTP data, but after all HTTP headers are available. This is a good place to listen if you want to modify HTTP request headers.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/oncompleted/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/oncompleted/index.md
index 197db7a122b040e..95729661a7f0ee1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/oncompleted/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/oncompleted/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.onCompleted
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a request has completed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onerroroccurred/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onerroroccurred/index.md
index d61199ae37f7534..e4cd3257f6ba3b6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onerroroccurred/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onerroroccurred/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.onErrorOccurred
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a request could not be processed due to an error: for example, a lack of Internet connectivity.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onheadersreceived/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onheadersreceived/index.md
index 3503b1132926f45..6341453009a7c4e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onheadersreceived/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onheadersreceived/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.onHeadersReceived
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the HTTP response headers for a request are received. Use this event to modify HTTP response headers.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onresponsestarted/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onresponsestarted/index.md
index 897c32a2a21a686..09c826230423222 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onresponsestarted/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onresponsestarted/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.onResponseStarted
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the first byte of the response body is received.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onsendheaders/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onsendheaders/index.md
index 2df6c9c5edeed86..a5794a37bf99910 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onsendheaders/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/onsendheaders/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.onSendHeaders
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This event is fired just before sending headers. If your extension or some other extension modified headers in `{{WebExtAPIRef("webRequest.onBeforeSendHeaders", "onBeforeSendHeaders")}}`, you'll see the modified version here.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/requestfilter/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/requestfilter/index.md
index fda4f58bae1facc..57ba27c6010a514 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/requestfilter/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/requestfilter/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.webRequest.RequestFilter
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An object describing filters to apply to webRequest events.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/resourcetype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/resourcetype/index.md
index f77aeb7a6dc02f1..81ea715d002b689 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/resourcetype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/resourcetype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.webRequest.ResourceType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 This type is a string, which represents the context in which a resource was fetched in a web request.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/securityinfo/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/securityinfo/index.md
index efd1dce74a76d0f..3d5a70a1da0bcbc 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/securityinfo/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/securityinfo/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.webRequest.SecurityInfo
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An object describing the security properties of a particular web request. An object of this type is returned from the {{WebExtAPIRef("webRequest.getSecurityInfo()")}} API.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/close/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/close/index.md
index 7be31e9fd67b3a0..ec37f976de5d102 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/close/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/close/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.webRequest.StreamFilter.close
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Closes the request. After this is called, no further response data will be passed to the browser's rendering engine and no more filter events will be given to the extension.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/disconnect/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/disconnect/index.md
index d9dc8158f1bdfe7..b42645bcdb1b648 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/disconnect/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/disconnect/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.webRequest.StreamFilter.disconnect
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Disconnects the filter from the request. After this, the browser will continue to process the response, but no more filter events will fire, and no more filter function calls will have any effect. Note the difference between this function and {{WebExtAPIRef("webRequest.StreamFilter.close()", "close()")}}. With `disconnect()`, the browser will continue to process any further response data, but it won't be accessible through the filter. With `close()`, the browser will ignore any response data that hasn't already been passed through to the rendering engine.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/error/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/error/index.md
index 2693b660b0df994..22c26df8107749c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/error/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/error/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.webRequest.StreamFilter.error
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A string that will contain an error message after the {{WebExtAPIRef("webRequest.StreamFilter.onerror", "onerror")}} event has fired.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/index.md
index 74b1a6308ec1c16..bcdc1949e33fac6 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.webRequest.StreamFilter
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A `StreamFilter` is an object you use to monitor and modify HTTP responses.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/ondata/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/ondata/index.md
index d03db0ed2817c12..ab9cacae9e5c94b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/ondata/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/ondata/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.StreamFilter.ondata
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An event handler called repeatedly when response data is available. The handler is passed an [`Event` object](/en-US/docs/Web/API/Event) with a `data` property. The `data` property includes a chunk of the response data as an {{jsxref("ArrayBuffer")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onerror/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onerror/index.md
index b147ef9ede3357e..b49f97139475169 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onerror/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onerror/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.StreamFilter.onerror
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An event handler that will be called when an error occurs. This is most often because an invalid request ID was passed into {{WebExtAPIRef("webRequest.filterResponseData()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onstart/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onstart/index.md
index 82dbba8e8b23fc9..ea4c9c6ff16dc3a 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onstart/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onstart/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.StreamFilter.onstart
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An event handler that will be called when the stream is opened and is about to begin delivering data. From this point on, the extension may use filter functions like {{WebExtAPIRef("webRequest.StreamFilter.write()", "write()")}}, {{WebExtAPIRef("webRequest.StreamFilter.disconnect()", "disconnect()")}}, or {{WebExtAPIRef("webRequest.StreamFilter.close()", "close()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onstop/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onstop/index.md
index bfa6bc68e6b7be1..d53f95f516bfcf4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onstop/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/onstop/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.webRequest.StreamFilter.onstop
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 An event handler that will be called when the stream has no more data to deliver. In the event handler you can still call filter functions such as {{WebExtAPIRef("webRequest.StreamFilter.write()", "write()")}}, {{WebExtAPIRef("webRequest.StreamFilter.disconnect()", "disconnect()")}}, or {{WebExtAPIRef("webRequest.StreamFilter.close()", "close()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/resume/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/resume/index.md
index 035f5cc03da58d7..5028d6ea4d530e0 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/resume/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/resume/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.webRequest.StreamFilter.resume
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Resumes a request that was previously suspended through a call to {{WebExtAPIRef("webRequest.StreamFilter.suspend()", "suspend()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/status/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/status/index.md
index 537dd26b8e6f967..6dd4816a7668e9e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/status/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/status/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.webRequest.StreamFilter.status
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 A string that describes the current status of the request. It will be one of the following values:
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/suspend/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/suspend/index.md
index b1186e86a5ed444..ab915ff41ee620b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/suspend/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/suspend/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.webRequest.StreamFilter.suspend
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Suspends a request. After this is called, no more data will be delivered until the request is resumed with a call to {{WebExtAPIRef("webRequest.StreamFilter.resume()", "resume()")}}.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/write/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/write/index.md
index 79b6f54f21cc2bd..daaa166ddb45f86 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/write/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/streamfilter/write/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.webRequest.StreamFilter.write
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Writes some response data to the output stream.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/uploaddata/index.md b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/uploaddata/index.md
index c431e8f93a822ab..adb6c9c981204ec 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/webrequest/uploaddata/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/webrequest/uploaddata/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.webRequest.UploadData
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Contains data uploaded in a URL request.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/create/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/create/index.md
index 4bc3c80684bf6ed..015da131e42ed2e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/create/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/create/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.windows.create
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Creates a new window.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/createtype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/createtype/index.md
index 1577e11e07e414c..d3dc169d080c042 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/createtype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/createtype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.windows.CreateType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Specifies the type of browser window to create.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/get/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/get/index.md
index 65be989f14429de..80d398430929966 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/get/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/get/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.windows.get
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets details about a window, given its ID. The details are passed into a callback.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/getall/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/getall/index.md
index cb6ff5ab51fef49..b25cf07e4c198ec 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/getall/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/getall/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.windows.getAll
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets information about all open windows, passing them into a callback.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/getcurrent/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/getcurrent/index.md
index 53198d02a492bdd..2aa7e180f7ffb35 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/getcurrent/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/getcurrent/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.windows.getCurrent
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the current browser window, passing its details into a callback.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/getlastfocused/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/getlastfocused/index.md
index 628c49391230a26..fbbfe5644708584 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/getlastfocused/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/getlastfocused/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.windows.getLastFocused
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Gets the window that was most recently focused — typically the window 'on top'.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/oncreated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/oncreated/index.md
index 55bdac878f5cda3..0976e62ec60f8c5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/oncreated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/oncreated/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.windows.onCreated
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a window is created.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/onfocuschanged/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/onfocuschanged/index.md
index c2b09e6896fd360..bcb178f7d1de9e9 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/onfocuschanged/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/onfocuschanged/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.windows.onFocusChanged
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when the currently focused window changes. Will be {{WebExtAPIRef('windows.WINDOW_ID_NONE')}} if all browser windows have lost focus.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/onremoved/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/onremoved/index.md
index 5c9fc67d2d476e2..3e3a5605930ea53 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/onremoved/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/onremoved/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-event
 browser-compat: webextensions.api.windows.onRemoved
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Fired when a window is closed.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/remove/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/remove/index.md
index ff5bfdd05642b26..e0d920278870c2d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/remove/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/remove/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.windows.remove
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Closes a window and all the tabs inside it, given the window's ID.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/update/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/update/index.md
index 78c91d1b8327654..09c02b1658a251e 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/update/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/update/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-function
 browser-compat: webextensions.api.windows.update
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Updates the properties of a window. Use this to move, resize, and (un)focus a window, etc.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/window/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/window/index.md
index e2444144779a01e..789226f4555d955 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/window/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/window/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.windows.Window
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Information about a browser window.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/window_id_current/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/window_id_current/index.md
index 64b2ac7e0fbbfd6..ba85676e00fe94d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/window_id_current/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/window_id_current/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.windows.WINDOW_ID_CURRENT
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 `browser.windows.WINDOW_ID_CURRENT` is a value that can be used as a `windowId` parameter in some APIs to represent the current window.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/window_id_none/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/window_id_none/index.md
index 64b826bb7332c5f..cca1d3211860e7b 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/window_id_none/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/window_id_none/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-property
 browser-compat: webextensions.api.windows.WINDOW_ID_NONE
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The `windowId` value that represents the absence of a browser window.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/windowstate/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/windowstate/index.md
index 7bb402856b472dd..f0e324b068dda93 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/windowstate/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/windowstate/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.windows.WindowState
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The state of this browser window.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/windows/windowtype/index.md b/files/en-us/mozilla/add-ons/webextensions/api/windows/windowtype/index.md
index 1ce10d48c5ebb4e..1e219ce4a340a5c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/windows/windowtype/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/windows/windowtype/index.md
@@ -5,7 +5,7 @@ page-type: webextension-api-type
 browser-compat: webextensions.api.windows.WindowType
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The type of browser window this is.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/build_a_cross_browser_extension/index.md b/files/en-us/mozilla/add-ons/webextensions/build_a_cross_browser_extension/index.md
index f3767417028c89f..e940c2a24d030ba 100644
--- a/files/en-us/mozilla/add-ons/webextensions/build_a_cross_browser_extension/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/build_a_cross_browser_extension/index.md
@@ -4,7 +4,7 @@ slug: Mozilla/Add-ons/WebExtensions/Build_a_cross_browser_extension
 page-type: guide
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 The introduction of the browser extensions API created a uniform landscape for the development of browser extensions. However, there are differences in the API implementations and the scope of coverage among the browsers that use the extensions API (the major ones being Chrome, Edge, Firefox, Opera, and Safari).
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/user_interface/extension_pages/index.md b/files/en-us/mozilla/add-ons/webextensions/user_interface/extension_pages/index.md
index f77d83d205d003e..c35a251515a55e5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/user_interface/extension_pages/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/user_interface/extension_pages/index.md
@@ -4,7 +4,7 @@ slug: Mozilla/Add-ons/WebExtensions/user_interface/Extension_pages
 page-type: guide
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 You can include HTML pages in your extension to provide forms, help, or any other content your extension needs.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/user_interface/omnibox/index.md b/files/en-us/mozilla/add-ons/webextensions/user_interface/omnibox/index.md
index 253bbf8c21a84fc..42247387afacd40 100644
--- a/files/en-us/mozilla/add-ons/webextensions/user_interface/omnibox/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/user_interface/omnibox/index.md
@@ -4,7 +4,7 @@ slug: Mozilla/Add-ons/WebExtensions/user_interface/Omnibox
 page-type: guide
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Using the {{WebExtAPIRef("omnibox")}} API, extensions can customize the suggestions offered in the browser address bar's drop-down when the user enters a keyword.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/working_with_files/index.md b/files/en-us/mozilla/add-ons/webextensions/working_with_files/index.md
index 980def7c75e3edb..e3db182f6eb5163 100644
--- a/files/en-us/mozilla/add-ons/webextensions/working_with_files/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/working_with_files/index.md
@@ -4,7 +4,7 @@ slug: Mozilla/Add-ons/WebExtensions/Working_with_files
 page-type: guide
 ---
 
-{{AddonSidebar()}}
+{{AddonSidebar}}
 
 Your browser extension may need to work with files to deliver its full functionality. This article looks at the five mechanisms you have for handling files:
 

From 948b1744c3da36c9fee2da82f5f340ec3e9f44c0 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Mon, 22 Jan 2024 10:43:41 +0530
Subject: [PATCH 508/790] fix a typo (#31845)

---
 .../mdn/writing_guidelines/page_structures/sidebars/index.md    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md b/files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md
index b7c635923499226..e5dd9f15ad9ab96 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md
@@ -101,7 +101,7 @@ For example, when developing the Accessibility sidebar, we could have temporaril
 
 If listed as the last content in the page, Yari, the engine that renders MDN, recognizes the `Quick_links` ID in the opening tag and converts the content of the identified `<section>` into a sidebar.
 
-The `\{{ListSubpagesForSidebar(<parameters>)}}` macro inserts the tree of subpages for the page whose slug is specified as the first parameter. The above creates a sidebar containing a link to all the Accessibilty documents, followed by the ARIA roles and attributes.
+The `\{{ListSubpagesForSidebar(<parameters>)}}` macro inserts the tree of subpages for the page whose slug is specified as the first parameter. The above creates a sidebar containing a link to all the Accessibility documents, followed by the ARIA roles and attributes.
 
 Once you have determined the links to include in your sidebar, submit a pull request to [Yari with your proposed sidebar macro](https://github.com/mdn/yari/blob/main/kumascript/macros/).
 

From 9d1f2bdacf5cd7d1cd266c0c51e2d6e9a0f5e15c Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Mon, 22 Jan 2024 01:31:01 -0800
Subject: [PATCH 509/790] Dialog tabindex (#31791)

* Dialog tabindex

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* edit per suggestion

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/web/html/element/dialog/index.md | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/files/en-us/web/html/element/dialog/index.md b/files/en-us/web/html/element/dialog/index.md
index d31c723d25e209c..a4e6ada6f0fb1dd 100644
--- a/files/en-us/web/html/element/dialog/index.md
+++ b/files/en-us/web/html/element/dialog/index.md
@@ -17,7 +17,7 @@ JavaScript should be used to display the `<dialog>` element. Use the {{domxref("
 
 This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
-> **Warning:** The `tabindex` attribute must not be used on the `<dialog>` element.
+> **Warning:** The `tabindex` attribute must not be used on the `<dialog>` element. See [usage notes](#usage_notes).
 
 - `open`
 
@@ -29,8 +29,9 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
 ## Usage notes
 
 - HTML {{HTMLElement("form")}} elements can be used to close a dialog box if they have the attribute `method="dialog"` or if the button used to submit the form has [`formmethod="dialog"`](/en-US/docs/Web/HTML/Element/input#formmethod) set. When a `<form>` within a `<dialog>` is submitted via the `dialog` method, the dialog box closes, the states of the form controls are saved but not submitted, and the {{domxref("HTMLDialogElement.returnValue", "returnValue")}} property gets set to the value of the button that was activated.
-- The CSS {{cssxref('::backdrop')}} pseudo-element can be used to style the backdrop of a modal dialog, which is displayed behind the `<dialog>` element when the dialog is displayed using the {{domxref("HTMLDialogElement.showModal()")}} method. For example, you can use this pseudo-element to obfuscate the inert content behind the modal dialog.
-- The [`autofocus`](/en-US/docs/Web/HTML/Global_attributes/autofocus) attribute should be added to the element with which the user is expected to interact immediately on opening a modal dialog. If there is no element involving immediate interaction, the `autofocus` attribute can be added to the `<dialog>` element itself.
+- The CSS {{cssxref('::backdrop')}} pseudo-element can be used to style the backdrop of a modal dialog, which is displayed behind the `<dialog>` element when the dialog is displayed using the {{domxref("HTMLDialogElement.showModal()")}} method. For example, this pseudo-element could be used to blur, darken, or otherwise obfuscate the inert content behind the modal dialog.
+- The [`autofocus`](/en-US/docs/Web/HTML/Global_attributes/autofocus) attribute should be added to the element the user is expected to interact with immediately upon opening a modal dialog. If no other element involves more immediate interaction, it is recommended to add `autofocus` to the close button inside the dialog, or the dialog itself if the user is expected to click/activate it to dismiss.
+- Do not add the `tabindex` property to the `<dialog>` element as it is not interactive and does not receive focus. The dialog's contents, including the close button contained in the dialog, can receive focus and be interactive.
 
 ## Examples
 
@@ -118,9 +119,9 @@ When the modal dialog is displayed, it appears above any other dialogs that migh
 
 This example demonstrates the [`returnValue`](/en-US/docs/Web/API/HTMLDialogElement/returnValue) of the `<dialog>` element and how to close a modal dialog by using a form. By default, the `returnValue` is the empty string or the value of the button that submits the form within the `<dialog>` element, if there is one.
 
-This example opens a modal dialog when the "Show the dialog" button is activated. The dialog contains a form with a {{HTMLElement("select")}} and two {{HTMLElement("button")}} elements, which default to `type="submit"`. An eventlistener updates the value of the "Confirm" button when the select option changes. If the "Confirm" button is activated to close the dialog, the current value of the button is the return value. If the dialog is closed by pressing the "Cancel" button, the `returnValue` is `cancel`.
+This example opens a modal dialog when the "Show the dialog" button is activated. The dialog contains a form with a {{HTMLElement("select")}} and two {{HTMLElement("button")}} elements, which default to `type="submit"`. An event listener updates the value of the "Confirm" button when the select option changes. If the "Confirm" button is activated to close the dialog, the current value of the button is the return value. If the dialog is closed by pressing the "Cancel" button, the `returnValue` is `cancel`.
 
-When the dialog is closed, the return value is displayed under the "Show the dialog" button. If the dialog is closed by pressing the <kbd>Esc</kbd> key, the `returnValue` is not updated and the `close` event doesn't occur so the text in the {{HTMLElement("output")}} is not updated.
+When the dialog is closed, the return value is displayed under the "Show the dialog" button. If the dialog is closed by pressing the <kbd>Esc</kbd> key, the `returnValue` is not updated, and the `close` event doesn't occur, so the text in the {{HTMLElement("output")}} is not updated.
 
 #### HTML
 
@@ -263,7 +264,7 @@ From the output, we see it is impossible to close the dialog using the _Normal c
 
 ### Animating dialogs
 
-`<dialog>`s are set to `display: none;` when hidden and `display: block;` when shown, as well as being removed from / added to the {{glossary("top layer")}} and the [accessibility tree](/en-US/docs/Web/Performance/How_browsers_work#building_the_accessibility_tree). Therefore, for `<dialog>` elements to be animated the {{cssxref("display")}} property needs to be animatable. [Supporting browsers](/en-US/docs/Web/CSS/display#browser_compatibility) animate `display` with a variation on the [discrete animation type](/en-US/docs/Web/CSS/CSS_animated_properties#discrete). Specifically, the browser will flip between `none` and another value of `display` so that the animated content is shown for the entire animation duration.
+`<dialog>`s are set to [`display: none;`](/en-US/docs/Web/CSS/display) when hidden and `display: block;` when shown, as well as being removed from / added to the {{glossary("top layer")}} and the [accessibility tree](/en-US/docs/Web/Performance/How_browsers_work#building_the_accessibility_tree). Therefore, for `<dialog>` elements to be animated the {{cssxref("display")}} property needs to be animatable. [Supporting browsers](/en-US/docs/Web/CSS/display#browser_compatibility) animate `display` with a variation on the [discrete animation type](/en-US/docs/Web/CSS/CSS_animated_properties#discrete). Specifically, the browser will flip between `none` and another value of `display` so that the animated content is shown for the entire animation duration.
 
 So for example:
 

From 79e78471738880d7ca13c1cd0d7ce7893151d086 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Mon, 22 Jan 2024 11:50:16 +0100
Subject: [PATCH 510/790] fix: Remove duplicate words (#31847)

---
 files/en-us/web/api/editcontext/updateselection/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/editcontext/updateselection/index.md b/files/en-us/web/api/editcontext/updateselection/index.md
index 55235bd413e2075..9edb2d3b15639a9 100644
--- a/files/en-us/web/api/editcontext/updateselection/index.md
+++ b/files/en-us/web/api/editcontext/updateselection/index.md
@@ -30,7 +30,7 @@ If the `start` and `end` values are the same, the selection is equivalent to a c
 ### Exceptions
 
 - If only one argument is provided, a `TypeError` {{domxref("DOMException")}} is thrown.
-- If either either argument is not a positive number, a {{domxref("DOMException")}} is thrown.
+- If either argument is not a positive number, a {{domxref("DOMException")}} is thrown.
 - If `start` is greater than `end`, a {{domxref("DOMException")}} is thrown.
 
 ## Examples

From 13b7404b31d29c464542fc4e9cc363371c15f09f Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Mon, 22 Jan 2024 17:55:19 +0530
Subject: [PATCH 511/790] fix(tests): remove MDNSidebar from kitchensink
 (#31846)

---
 files/en-us/mdn/kitchensink/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/mdn/kitchensink/index.md b/files/en-us/mdn/kitchensink/index.md
index c8aa716acb846bf..4563b8a09910e5d 100644
--- a/files/en-us/mdn/kitchensink/index.md
+++ b/files/en-us/mdn/kitchensink/index.md
@@ -5,8 +5,6 @@ page-type: guide
 browser-compat: html.elements.video
 ---
 
-{{MDNSidebar}}
-
 > **Warning:** Don't delete this page. It's used by [mdn/yari](https://github.com/mdn/yari) for its automation.
 
 ## About this page

From 7fa9b134e7a886b47bd8c6e3135ba329ee0ddf09 Mon Sep 17 00:00:00 2001
From: Leonid Vinogradov <win.leon@protonmail.com>
Date: Mon, 22 Jan 2024 15:25:49 +0300
Subject: [PATCH 512/790] Unify `{{CSSRef}}` macro usage (remove unused
 parameter) (#31843)

unify {{JSRef}} macro usage (remove unused parameter)
---
 files/en-us/web/css/background/index.md                         | 2 +-
 files/en-us/web/css/border/index.md                             | 2 +-
 files/en-us/web/css/child_combinator/index.md                   | 2 +-
 files/en-us/web/css/column_combinator/index.md                  | 2 +-
 files/en-us/web/css/css_multicol_layout/index.md                | 2 +-
 files/en-us/web/css/css_selectors/selector_structure/index.md   | 2 +-
 .../web/css/css_selectors/selectors_and_combinators/index.md    | 2 +-
 files/en-us/web/css/descendant_combinator/index.md              | 2 +-
 files/en-us/web/css/namespace_separator/index.md                | 2 +-
 files/en-us/web/css/next-sibling_combinator/index.md            | 2 +-
 files/en-us/web/css/subsequent-sibling_combinator/index.md      | 2 +-
 11 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/files/en-us/web/css/background/index.md b/files/en-us/web/css/background/index.md
index c16884a1d6244ac..492fe1ee6f42104 100644
--- a/files/en-us/web/css/background/index.md
+++ b/files/en-us/web/css/background/index.md
@@ -5,7 +5,7 @@ page-type: css-shorthand-property
 browser-compat: css.properties.background
 ---
 
-{{CSSRef("CSS Background")}}
+{{CSSRef}}
 
 The **`background`** [shorthand](/en-US/docs/Web/CSS/Shorthand_properties) [CSS](/en-US/docs/Web/CSS) property sets all background style properties at once, such as color, image, origin and size, or repeat method. Component properties not set in the `background` shorthand property value declaration are set to their default values.
 
diff --git a/files/en-us/web/css/border/index.md b/files/en-us/web/css/border/index.md
index 2b47bc798b63d45..d080ec104919023 100644
--- a/files/en-us/web/css/border/index.md
+++ b/files/en-us/web/css/border/index.md
@@ -5,7 +5,7 @@ page-type: css-shorthand-property
 browser-compat: css.properties.border
 ---
 
-{{CSSRef("CSS Borders")}}
+{{CSSRef}}
 
 The **`border`** [shorthand](/en-US/docs/Web/CSS/Shorthand_properties) [CSS](/en-US/docs/Web/CSS) property sets an element's border. It sets the values of {{Cssxref("border-width")}}, {{Cssxref("border-style")}}, and {{Cssxref("border-color")}}.
 
diff --git a/files/en-us/web/css/child_combinator/index.md b/files/en-us/web/css/child_combinator/index.md
index fe4c7dc555721d6..512afd16a643941 100644
--- a/files/en-us/web/css/child_combinator/index.md
+++ b/files/en-us/web/css/child_combinator/index.md
@@ -5,7 +5,7 @@ page-type: css-combinator
 browser-compat: css.selectors.child
 ---
 
-{{CSSRef("Selectors")}}
+{{CSSRef}}
 
 The **child combinator** (`>`) is placed between two CSS selectors. It matches only those elements matched by the second selector that are the direct children of elements matched by the first.
 
diff --git a/files/en-us/web/css/column_combinator/index.md b/files/en-us/web/css/column_combinator/index.md
index 0daaf4a58a6e86e..8fdb18d9e58350b 100644
--- a/files/en-us/web/css/column_combinator/index.md
+++ b/files/en-us/web/css/column_combinator/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: css.selectors.column
 ---
 
-{{CSSRef("Selectors")}}{{SeeCompatTable}}
+{{CSSRef}} {{SeeCompatTable}}
 
 The **column combinator** (`||`) is placed between two CSS selectors. It matches only those elements matched by the second selector that belong to the column elements matched by the first.
 
diff --git a/files/en-us/web/css/css_multicol_layout/index.md b/files/en-us/web/css/css_multicol_layout/index.md
index d4df36a351f389b..198d682d61fd8ae 100644
--- a/files/en-us/web/css/css_multicol_layout/index.md
+++ b/files/en-us/web/css/css_multicol_layout/index.md
@@ -5,7 +5,7 @@ page-type: css-module
 spec-urls: https://drafts.csswg.org/css-multicol/
 ---
 
-{{CSSRef("CSS3 Multicol")}}
+{{CSSRef}}
 The **CSS multi-column layout** module lets you divide content across multiple columns. By using the properties in this module, you can define the preferred number and width of columns, the gap size between columns, and the visual appearance of the optional column dividing lines (known as column rules). You can also define how content should flow from column to column and how to break content between columns.
 
 ## Multi-column layout in action
diff --git a/files/en-us/web/css/css_selectors/selector_structure/index.md b/files/en-us/web/css/css_selectors/selector_structure/index.md
index 3b34b53cef31a3c..d341d7af7c0be1f 100644
--- a/files/en-us/web/css/css_selectors/selector_structure/index.md
+++ b/files/en-us/web/css/css_selectors/selector_structure/index.md
@@ -5,7 +5,7 @@ page-type: guide
 spec-urls: https://drafts.csswg.org/selectors/
 ---
 
-{{CSSRef("Selectors")}}
+{{CSSRef}}
 
 The CSS selector represents a particular pattern of element or elements in a tree structure. The term "selector" can refer to a [simple selector](#simple_selector), a [compound selector](#compound_selector), or a [complex selector](#complex_selector). When included in the `:has()` pseudo-class as a parameter, these selectors are referred to as [relative selectors](#relative_selector), representing elements relative to one or more anchor elements.
 
diff --git a/files/en-us/web/css/css_selectors/selectors_and_combinators/index.md b/files/en-us/web/css/css_selectors/selectors_and_combinators/index.md
index efcf298f897230c..6994080ac984d31 100644
--- a/files/en-us/web/css/css_selectors/selectors_and_combinators/index.md
+++ b/files/en-us/web/css/css_selectors/selectors_and_combinators/index.md
@@ -7,7 +7,7 @@ spec-urls:
   - https://drafts.csswg.org/css-pseudo/
 ---
 
-{{CSSRef("Selectors")}}
+{{CSSRef}}
 
 CSS selectors are used to define a pattern of the elements that you want to select for applying a set of CSS rules on the selected elements. Combinators define the relationship between the selectors. Using various selectors and combinators, you can precisely select and style the desired elements based on their type, attributes, state, or relationship to other elements.
 
diff --git a/files/en-us/web/css/descendant_combinator/index.md b/files/en-us/web/css/descendant_combinator/index.md
index 339d25e728937d7..5e5a4cfdde78494 100644
--- a/files/en-us/web/css/descendant_combinator/index.md
+++ b/files/en-us/web/css/descendant_combinator/index.md
@@ -5,7 +5,7 @@ page-type: css-combinator
 browser-compat: css.selectors.descendant
 ---
 
-{{CSSRef("Selectors")}}
+{{CSSRef}}
 
 The **descendant combinator** — typically represented by a single space (" ") character — combines two selectors such that elements matched by the second selector are selected if they have an ancestor (parent, parent's parent, parent's parent's parent, etc.) element matching the first selector. Selectors that utilize a descendant combinator are called _descendant selectors_.
 
diff --git a/files/en-us/web/css/namespace_separator/index.md b/files/en-us/web/css/namespace_separator/index.md
index 2ec9c77965a240b..ee4421358f3eb47 100644
--- a/files/en-us/web/css/namespace_separator/index.md
+++ b/files/en-us/web/css/namespace_separator/index.md
@@ -5,7 +5,7 @@ page-type: css-combinator
 browser-compat: css.selectors.namespace
 ---
 
-{{CSSRef("Selectors")}}
+{{CSSRef}}
 
 The **namespace separator** (`|`) separates the selector from the namespace, identifying the {{glossary("namespace")}}, or lack thereof, for a type selector.
 
diff --git a/files/en-us/web/css/next-sibling_combinator/index.md b/files/en-us/web/css/next-sibling_combinator/index.md
index 187766f910244ee..bf889a390ddf345 100644
--- a/files/en-us/web/css/next-sibling_combinator/index.md
+++ b/files/en-us/web/css/next-sibling_combinator/index.md
@@ -5,7 +5,7 @@ page-type: css-combinator
 browser-compat: css.selectors.next-sibling
 ---
 
-{{CSSRef("Selectors")}}
+{{CSSRef}}
 
 The **next-sibling combinator** (`+`) separates two selectors and matches the second element only if it _immediately_ follows the first element, and both are children of the same parent {{DOMxRef("element")}}.
 
diff --git a/files/en-us/web/css/subsequent-sibling_combinator/index.md b/files/en-us/web/css/subsequent-sibling_combinator/index.md
index 6f593f4fe1db8f9..634d98e50098108 100644
--- a/files/en-us/web/css/subsequent-sibling_combinator/index.md
+++ b/files/en-us/web/css/subsequent-sibling_combinator/index.md
@@ -5,7 +5,7 @@ page-type: css-combinator
 browser-compat: css.selectors.subsequent-sibling
 ---
 
-{{CSSRef("Selectors")}}
+{{CSSRef}}
 
 The **subsequent-sibling combinator** (`~`, a tilde) separates two selectors and matches _all instances_ of the second element that follow the first element (not necessarily immediately) and share the same parent element.
 

From f72bc8b7e6302c72dd13ae807d825687aaff98fd Mon Sep 17 00:00:00 2001
From: okyanusoz <46757266+okyanusoz@users.noreply.github.com>
Date: Mon, 22 Jan 2024 16:26:41 +0300
Subject: [PATCH 513/790] Updates to "HTTP Messages" (#28319)

* Update index.md

* If-None -> If-None-Match?

* Update index.md

* Update index.md

* Update index.md

* Update index.md

* Update files/en-us/web/http/messages/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Update files/en-us/web/http/messages/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Update files/en-us/web/http/messages/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Update index.md

* Update files/en-us/web/http/messages/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update index.md

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/http/messages/index.md | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/files/en-us/web/http/messages/index.md b/files/en-us/web/http/messages/index.md
index 82fbf6e5e4a9c13..27dd8e6dea4e54c 100644
--- a/files/en-us/web/http/messages/index.md
+++ b/files/en-us/web/http/messages/index.md
@@ -14,11 +14,9 @@ Web developers, or webmasters, rarely craft these textual HTTP messages themselv
 
 ![From a user-, script-, or server- generated event, an HTTP/1.x msg is generated, and if HTTP/2 is in use, it is binary framed into an HTTP/2 stream, then sent.](httpmsg2.png)
 
-The HTTP/2 binary framing mechanism has been designed to not require any alteration of the APIs or config files applied: it is broadly transparent to the user.
-
 HTTP requests, and responses, share similar structure and are composed of:
 
-1. A _start-line_ describing the requests to be implemented, or its status of whether successful or a failure. This start-line is always a single line.
+1. A _start-line_ describing the requests to be implemented, or its status of whether successful or a failure. This is always a single line.
 2. An optional set of _HTTP headers_ specifying the request, or describing the body included in the message.
 3. A blank line indicating all meta-information for the request has been sent.
 4. An optional _body_ containing data associated with the request (like content of an HTML form), or the document associated with a response. The presence of the body and its size is specified by the start-line and HTTP headers.
@@ -29,9 +27,11 @@ The start-line and HTTP headers of the HTTP message are collectively known as th
 
 ## HTTP Requests
 
-### Start line
+### Request line
+
+_Note: The start-line is called the "request-line" in requests._
 
-HTTP requests are messages sent by the client to initiate an action on the server. Their _start-line_ contain three elements:
+HTTP requests are messages sent by the client to initiate an action on the server. Their _request-line_ contain three elements:
 
 1. An _[HTTP method](/en-US/docs/Web/HTTP/Methods)_, a verb (like {{HTTPMethod("GET")}}, {{HTTPMethod("PUT")}} or {{HTTPMethod("POST")}}) or a noun (like {{HTTPMethod("HEAD")}} or {{HTTPMethod("OPTIONS")}}), that describes the action to be performed. For example, `GET` indicates that a resource should be fetched or `POST` means that data is pushed to the server (creating or modifying a resource, or generating a temporary document to send back).
 2. The _request target_, usually a {{glossary("URL")}}, or the absolute path of the protocol, port, and domain are usually characterized by the request context. The format of this request target varies between different HTTP methods. It can be
@@ -75,9 +75,11 @@ Bodies can be broadly divided into two categories:
 
 ### Status line
 
+_Note: The start-line is called the "status line" in requests._
+
 The start line of an HTTP response, called the _status line_, contains the following information:
 
-1. The _protocol version_, usually `HTTP/1.1`.
+1. The _protocol version_, usually `HTTP/1.1`, but can also be `HTTP/1.0`.
 2. A _status code_, indicating success or failure of the request. Common status codes are {{HTTPStatus("200")}}, {{HTTPStatus("404")}}, or {{HTTPStatus("302")}}.
 3. A _status text_. A brief, purely informational, textual description of the status code to help a human understand the HTTP message.
 
@@ -111,11 +113,11 @@ HTTP/1.x messages have a few drawbacks for performance:
 
 - Headers, unlike bodies, are uncompressed.
 - Headers are often very similar from one message to the next one, yet still repeated across connections.
-- No multiplexing can be done. Several connections need opening on the same server: and warm TCP connections are more efficient than cold ones.
+- Although HTTP/1.1 has [pipelining](/en-US/docs/Web/HTTP/Connection_management_in_HTTP_1.x#http_pipelining), it's not activated by default in most browsers, and doesn't allow for multiplexing (i.e. sending requests concurrently). Several connections need opening on the same server to send requests concurrently; and warm TCP connections are more efficient than cold ones.
 
 HTTP/2 introduces an extra step: it divides HTTP/1.x messages into frames which are embedded in a stream. Data and header frames are separated, which allows header compression. Several streams can be combined together, a process called _multiplexing_, allowing more efficient use of underlying TCP connections.
 
-![HTTP/2 modify the HTTP message to divide them in frames (part of a single stream), allowing for more optimization.](binary_framing2.png)
+![HTTP/2 modifies the HTTP message to divide them in frames (part of a single stream), allowing for more optimization.](binary_framing2.png)
 
 HTTP frames are now transparent to Web developers. This is an additional step in HTTP/2, between HTTP/1.1 messages and the underlying transport protocol. No changes are needed in the APIs used by Web developers to utilize HTTP frames; when available in both the browser and the server, HTTP/2 is switched on and used.
 

From 138b0483086231a76134c8f18520c602df110bf5 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Mon, 22 Jan 2024 14:48:17 +0100
Subject: [PATCH 514/790] relnote(122): Enable LargestContentfulPaint in stable
 (#31760)

---
 files/en-us/mozilla/firefox/releases/122/index.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index 81e1a98b8cd2d28..6b9faee44afa38a 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -51,6 +51,9 @@ This article provides information about the changes in Firefox 122 that affect d
 
 ### APIs
 
+- The [LargestContentfulPaint API](/en-US/docs/Web/API/LargestContentfulPaint) is now supported.
+  This API is part of the [Performance APIs](/en-US/docs/Web/API/Performance_API) and provides timing information about the largest image or text paint before users interact with a web page ([Firefox bug 1866266](https://bugzil.la/1866266)).
+
 #### DOM
 
 ### showPicker() method for HTML select elements

From 807a6db87efb1c7ba9bb1263869dacd774943113 Mon Sep 17 00:00:00 2001
From: freddyfearful <102929980+freddyfearful@users.noreply.github.com>
Date: Mon, 22 Jan 2024 07:41:14 -0700
Subject: [PATCH 515/790] Fix (swap) character positions (#31842)

---
 .../express_nodejs/displaying_data/template_primer/index.md     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/server-side/express_nodejs/displaying_data/template_primer/index.md b/files/en-us/learn/server-side/express_nodejs/displaying_data/template_primer/index.md
index 0b18553c9a682c7..23f1dd0fc733405 100644
--- a/files/en-us/learn/server-side/express_nodejs/displaying_data/template_primer/index.md
+++ b/files/en-us/learn/server-side/express_nodejs/displaying_data/template_primer/index.md
@@ -84,7 +84,7 @@ Element attributes are defined in parentheses after their associated element. In
 - `script(type='text/javascript')`, `link(rel='stylesheet', href='/stylesheets/style.css')`
 - `meta(name='viewport' content='width=device-width initial-scale=1')`
 
-The values of all attributes are _escaped_ (e.g. characters like "`>`" are converted to their HTML code equivalents like "`&gt;"`) to prevent JavaScript injection or cross-site scripting attacks.
+The values of all attributes are _escaped_ (e.g. characters like `>` are converted to their HTML code equivalents like `&gt;`) to prevent JavaScript injection or cross-site scripting attacks.
 
 If a tag is followed by the equals sign, the following text is treated as a JavaScript _expression_. So for example, in the first line below, the content of the `h1` tag will be _variable_ `title` (either defined in the file or passed into the template from Express). In the second line the paragraph content is a text string concatenated with the `title` variable. In both cases the default behavior is to _escape_ the line.
 

From 35d631c3a3f4050344ffb8c1bf033137943c10b6 Mon Sep 17 00:00:00 2001
From: Tom Wolf <tom@t-dub.net>
Date: Mon, 22 Jan 2024 09:47:59 -0500
Subject: [PATCH 516/790] Cacheable: grammatical cleanup & clarity (#31789)

---
 files/en-us/glossary/cacheable/index.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/files/en-us/glossary/cacheable/index.md b/files/en-us/glossary/cacheable/index.md
index 898c037bb44fe9a..864dffa952c213d 100644
--- a/files/en-us/glossary/cacheable/index.md
+++ b/files/en-us/glossary/cacheable/index.md
@@ -6,15 +6,15 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-A **cacheable** response is an HTTP response that can be cached, that is stored to be retrieved and used later, saving a new request to the server. Not all HTTP responses can be cached, these are the following constraints for an HTTP response to be cached:
+A **cacheable** response is an HTTP response that can be cached, that is stored to be retrieved and used later, saving a new request to the server. Not all HTTP responses can be cached; these are the constraints for an HTTP response to be cacheable:
 
-- The method used in the request is itself _cacheable_, that is either a {{HTTPMethod("GET")}} or a {{HTTPMethod("HEAD")}} method. A response to a {{HTTPMethod("POST")}} or {{HTTPMethod("PATCH")}} request can also be cached if freshness is indicated and the {{HTTPHeader("Content-Location")}} header is set, but this is rarely implemented. For example, Firefox does not support it ([Firefox bug 109553](https://bugzil.la/109553)). Other methods, like {{HTTPMethod("PUT")}} or {{HTTPMethod("DELETE")}} are not cacheable and their result cannot be cached.
-- The status code of the response is _known_ by the application caching, and it is considered _cacheable_. The following status code are cacheable: {{HTTPStatus("200")}}, {{HTTPStatus("203")}}, {{HTTPStatus("204")}}, {{HTTPStatus("206")}}, {{HTTPStatus("300")}}, {{HTTPStatus("301")}}, {{HTTPStatus("404")}}, {{HTTPStatus("405")}}, {{HTTPStatus("410")}}, {{HTTPStatus("414")}}, and {{HTTPStatus("501")}}.
-- There are _specific headers_ in the response, like {{HTTPHeader("Cache-Control")}}, that prevents caching.
+- The method used in the request is _cacheable_, that is either a {{HTTPMethod("GET")}} or a {{HTTPMethod("HEAD")}} method. A response to a {{HTTPMethod("POST")}} or {{HTTPMethod("PATCH")}} request can also be cached if freshness is indicated and the {{HTTPHeader("Content-Location")}} header is set, but this is rarely implemented. For example, Firefox does not support it ([Firefox bug 109553](https://bugzil.la/109553)). Other methods, like {{HTTPMethod("PUT")}} or {{HTTPMethod("DELETE")}} are not cacheable and their result cannot be cached.
+- The status code of the response is _known_ by the application caching, and is _cacheable_. The following status codes are cacheable: {{HTTPStatus("200")}}, {{HTTPStatus("203")}}, {{HTTPStatus("204")}}, {{HTTPStatus("206")}}, {{HTTPStatus("300")}}, {{HTTPStatus("301")}}, {{HTTPStatus("404")}}, {{HTTPStatus("405")}}, {{HTTPStatus("410")}}, {{HTTPStatus("414")}}, and {{HTTPStatus("501")}}.
+- There are no specific headers in the response, like {{HTTPHeader("Cache-Control")}}, with values that would prohibit caching.
 
-Note that some non-cacheable requests/responses to a specific URI may invalidate previously cached responses on the same URI. For example, a {{HTTPMethod("PUT")}} to pageX.html will invalidate all cached {{HTTPMethod("GET")}} or {{HTTPMethod("HEAD")}} requests to the same URI.
+Note that some requests with non-cacheable responses to a specific URI may invalidate previously cached responses from the same URI. For example, a {{HTTPMethod("PUT")}} to `/pageX.html` will invalidate all cached responses to {{HTTPMethod("GET")}} or {{HTTPMethod("HEAD")}} requests to `/pageX.html`.
 
-When both, the method of the request and the status of the response, are cacheable, the response to the request can be cached:
+When both the method of the request and the status of the response are cacheable, the response to the request can be cached:
 
 ```http
 GET /pageX.html HTTP/1.1
@@ -24,7 +24,7 @@ GET /pageX.html HTTP/1.1
 (…)
 ```
 
-A {{HTTPMethod("PUT")}} request cannot be cached. Moreover, it invalidates cached data for request to the same URI done via {{HTTPMethod("HEAD")}} or {{HTTPMethod("GET")}}:
+The response to a {{HTTPMethod("PUT")}} request cannot be cached. Moreover, it invalidates cached data for requests to the same URI using {{HTTPMethod("HEAD")}} or {{HTTPMethod("GET")}} methods:
 
 ```http
 PUT /pageX.html HTTP/1.1
@@ -34,7 +34,7 @@ PUT /pageX.html HTTP/1.1
 (…)
 ```
 
-A specific {{HTTPHeader("Cache-Control")}} header in the response can prevent caching:
+The presence of the {{HTTPHeader("Cache-Control")}} header with a particular value in the response can prevent caching:
 
 ```http
 GET /pageX.html HTTP/1.1

From 8a3cafa914478bb274d649a95325c4b2dacd07cc Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 22 Jan 2024 22:50:06 +0800
Subject: [PATCH 517/790] Replace {{jsxref("Symbol")}} with
 {{Glossary("Symbol")}} (#31805)

---
 files/en-us/glossary/null/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/glossary/null/index.md b/files/en-us/glossary/null/index.md
index cd3502294316181..c180ec24337a19c 100644
--- a/files/en-us/glossary/null/index.md
+++ b/files/en-us/glossary/null/index.md
@@ -30,4 +30,4 @@ This is considered [a bug](/en-US/docs/Web/JavaScript/Reference/Operators/typeof
   - {{Glossary("boolean")}}
   - {{Glossary("null")}}
   - {{Glossary("undefined")}}
-  - {{jsxref("Symbol")}}
+  - {{Glossary("symbol")}}

From 5239b2990f99352463abbe4eb643dcb4267151c7 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 23 Jan 2024 06:50:26 +0800
Subject: [PATCH 518/790] Fix broken links in Payment API (#31526)

* updateWith method is defined on PaymentRequestUpdateEvent

* PaymentInstrument is a non-standard dictionary

* payerdetailchange event is on PaymentResponse

* PaymentShippingOption is a non-standard dictionary

* PaymentDetailsModifier is a dictionary

* AddressErrors is a dictionary

* the two methods are on PaymentResponse

* remove links of payerdetailchange event

* update details for PaymentDetailsModifier

* add .

* remove mention of PaymentInstrument

* add  {{non-standard_inline}} for shippingAddressErrors & error param of PaymentRequest.show & PaymentRequestUpdateEvent.updateWith

* add {{deprecated_inline}} & {{non-standard_inline}} to `shippingOptions` of PaymentRequest.show & PaymentRequestUpdateEvent.updateWith

* update example of PaymentRequest.paymentmethodchange_event

* fix lint error

* Update files/en-us/web/api/paymentrequestupdateevent/updatewith/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/paymentrequest/show/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Apply suggestions from code review

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Apply suggestions from code review

* Update files/en-us/web/api/paymentrequestevent/changepaymentmethod/index.md

* Update files/en-us/web/api/paymentrequestupdateevent/updatewith/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 .../merchantvalidation_event/index.md         |  2 --
 .../paymentmethodchange_event/index.md        | 12 ++-----
 .../web/api/paymentrequest/show/index.md      | 33 ++++++++++++++-----
 .../changepaymentmethod/index.md              |  4 ++-
 .../web/api/paymentrequestevent/index.md      |  2 +-
 .../paymentrequestevent/modifiers/index.md    |  6 ++--
 .../paymentrequestupdateevent/index.md        |  2 +-
 .../updatewith/index.md                       | 20 +++++++----
 8 files changed, 48 insertions(+), 33 deletions(-)

diff --git a/files/en-us/web/api/paymentrequest/merchantvalidation_event/index.md b/files/en-us/web/api/paymentrequest/merchantvalidation_event/index.md
index 18cad439011b1b4..33a8a1660fb8569 100644
--- a/files/en-us/web/api/paymentrequest/merchantvalidation_event/index.md
+++ b/files/en-us/web/api/paymentrequest/merchantvalidation_event/index.md
@@ -87,8 +87,6 @@ For more information, see [Merchant validation](/en-US/docs/Web/API/Payment_Requ
 - [Using the Payment Request API](/en-US/docs/Web/API/Payment_Request_API/Using_the_Payment_Request_API)
 - `onmerchantvalidation` event handler property
 - [Merchant validation](/en-US/docs/Web/API/Payment_Request_API/Concepts#merchant_validation)
-- {{domxref("PaymentRequest")}}
-- {{domxref("PaymentRequest.payerdetailchange_event", "payerdetailchange")}} event
 - {{domxref("PaymentRequest.paymentmethodchange_event", "paymentmethodchange")}} event
 - {{domxref("PaymentRequest.shippingaddresschange_event", "shippingaddresschange")}} event
 - {{domxref("PaymentRequest.shippingoptionchange_event", "shippingoptionchange")}} event
diff --git a/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md b/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md
index b405a3992f9caf7..d7f2cbdccda6608 100644
--- a/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md
+++ b/files/en-us/web/api/paymentrequest/paymentmethodchange_event/index.md
@@ -43,17 +43,12 @@ _In addition to the properties below, this interface includes properties inherit
 
 Let's take a look at an example. This code creates a new {{domxref("PaymentRequest")}}, adds a handler for the `paymentmethodchange` event by calling the request's {{domxref("EventTarget.addEventListener", "addEventListener()")}}, then calls {{domxref("PaymentRequest.show", "show()")}} to present the payment interface to the user.
 
-The code assumes the existence of a method `detailsForShipping()`, which returns an object containing the shipping options for the `ground` shipping method, in the form found in the {{domxref("PaymentShippingOption")}} dictionary. By doing so, the payment form defaults to the ground shipping method.
+The code assumes the existence of a method `detailsForTransaction()`, which will return an object that can be passed as the [`details`](/en-US/docs/Web/API/PaymentRequest/PaymentRequest#details) argument to the `PaymentRequest` constructor.
 
 ```js
-const options = {
-  requestShipping: true,
-};
-
 const paymentRequest = new PaymentRequest(
   paymentMethods,
-  detailsForShipping("ground"),
-  options,
+  detailsForTransaction(),
 );
 
 paymentRequest.addEventListener(
@@ -85,7 +80,7 @@ handlePaymentChange = (event) => {
 
 This begins by looking at the event's {{domxref("PaymentMethodChangeEvent.methodName", "methodName")}} property; if that indicates that the user is trying to use Apple Pay, we pass the {{domxref("PaymentMethodChangeEvent.methodDetails", "methodDetails")}} into a function called `calculateServiceFee()`, which we might create to take the information about the transaction, such as the underlying credit card being used to service the Apple Pay request, and compute and return an object that specifies changes to be applied to the {{domxref("PaymentRequest")}} in order to add any service fees that the payment method might require.
 
-Before the event handler returns, it calls the event's {{domxref("PaymentMethodChangeEvent.updateWith()")}} method to integrate the changes into the request.
+Before the event handler returns, it calls the event's {{domxref("PaymentRequestUpdateEvent.updateWith()", "updateWith()")}} method to integrate the changes into the request.
 
 ## Specifications
 
@@ -100,6 +95,5 @@ Before the event handler returns, it calls the event's {{domxref("PaymentMethodC
 - [Payment Request API](/en-US/docs/Web/API/Payment_Request_API)
 - [Using the Payment Request API](/en-US/docs/Web/API/Payment_Request_API/Using_the_Payment_Request_API)
 - {{domxref("PaymentRequest.merchantvalidation_event", "merchantvalidation")}} event
-- {{domxref("PaymentRequest.payerdetailchange_event", "payerdetailchange")}} event
 - {{domxref("PaymentRequest.shippingaddresschange_event", "shippingaddresschange")}} event
 - {{domxref("PaymentRequest.shippingoptionchange_event", "shippingoptionchange")}} event
diff --git a/files/en-us/web/api/paymentrequest/show/index.md b/files/en-us/web/api/paymentrequest/show/index.md
index cfb847cdc0e5220..8805ecc8a69bb1d 100644
--- a/files/en-us/web/api/paymentrequest/show/index.md
+++ b/files/en-us/web/api/paymentrequest/show/index.md
@@ -69,14 +69,29 @@ show(detailsPromise)
         - `pending`
           - : A Boolean value which is `true` if the specified `amount` has not yet been finalized. This can be used to show items such as shipping or tax amounts that depend upon the selection of shipping address, shipping option, or so forth. The user agent may show this information but is not required to do so.
 
-    - `error` {{optional_inline}} {{deprecated_inline}}
-      - : A string specifying an error message to present to the user*.* When calling {{domxref("PaymentRequestUpdateEvent.updateWith", "updateWith()")}}, including `error` in the updated data causes the {{Glossary("user agent")}} to display the text as a general error message. For address field specific errors, use `shippingAddressErrors`.
+    - `error` {{optional_inline}} {{deprecated_inline}} {{non-standard_inline}}
+
+      - : A string specifying an error message to present to the user*.* When calling {{domxref("PaymentRequestUpdateEvent.updateWith", "updateWith()")}}, including `error` in the updated data causes the {{Glossary("user agent")}} to display the text as a general error message. For address-field specific errors, use the `shippingAddressErrors` field.
+
     - `modifiers` {{optional_inline}}
-      - : An array of {{domxref("PaymentDetailsModifier")}} objects, each describing a modifier for particular payment method identifiers. For example, you can use one to adjust the total payment amount based on the selected payment method ("5% cash discount!").
-    - `shippingAddressErrors` {{optional_inline}} {{deprecated_inline}}
-      - : An {{domxref("AddressErrors")}} object which includes an error message for each property of the shipping address that could not be validated.
-    - `shippingOptions` {{optional_inline}}
-      - : An array of {{domxref("PaymentShippingOption")}} objects, each describing one available shipping option from which the user may choose.
+
+      - : An array of objects, each describing a modifier for particular payment method identifiers, each with the following properties:
+
+        - `supportedMethods`
+          - : A string that represents the payment method identifier. The payment method identifier only applies if the user selects this payment method.
+        - `total` {{optional_inline}}
+          - : An object that overrides the `total` property of the `detailsPromise` parameter if this payment method is selected by the user. The property takes the same input with the `total` property of the `detailsPromise` parameter.
+        - `additionalDisplayItems` {{optional_inline}}
+          - : An {{jsxref("Array")}} of objects provide additional display items that are appended to the `displayItems` property of the `detailsPromise` parameter if this payment method is selected by the user. This property is commonly used to add a discount or surcharge line item indicating the reason for the different total amount for the selected payment method that the user agent may display. The property takes the same input with the `displayItems` property of the `detailsPromise` parameter.
+        - `data` {{optional_inline}}
+          - : A serializable object that provides optional information that might be needed by the supported payment methods.
+
+        For example, you can use one to adjust the total payment amount based on the selected payment method ("5% cash discount!").
+
+    - `shippingAddressErrors` {{optional_inline}} {{deprecated_inline}} {{non-standard_inline}}
+      - : An object which includes an error message for each property of the shipping address that could not be validated.
+    - `shippingOptions` {{optional_inline}} {{deprecated_inline}} {{non-standard_inline}}
+      - : An array of objects, each describing one available shipping option from which the user may choose.
     - `total` {{optional_inline}}
       - : An object with the same properties as the objects in `displayItems` providing an updated total for the payment. Make sure this equals the sum of all of the items in `displayItems`. _This is not calculated automatically_. You must update this value yourself anytime the total amount due changes. This lets you have flexibility for how to handle things like tax, discounts, and other adjustments to the total price charged.
 
@@ -316,6 +331,6 @@ document.getElementById("buyButton").onclick = requestPayment;
 - [Payment Request API](/en-US/docs/Web/API/Payment_Request_API)
 - [Using the Payment Request API](/en-US/docs/Web/API/Payment_Request_API/Using_the_Payment_Request_API)
 - {{domxref('PaymentRequest.abort()')}}
-- {{domxref("PaymentRequest.retry()")}}
-- {{domxref("PaymentRequest.complete()")}}
 - {{domxref("PaymentResponse")}}
+- {{domxref("PaymentResponse.retry()")}}
+- {{domxref("PaymentResponse.complete()")}}
diff --git a/files/en-us/web/api/paymentrequestevent/changepaymentmethod/index.md b/files/en-us/web/api/paymentrequestevent/changepaymentmethod/index.md
index 14eafa75857b139..04bf63d291c373a 100644
--- a/files/en-us/web/api/paymentrequestevent/changepaymentmethod/index.md
+++ b/files/en-us/web/api/paymentrequestevent/changepaymentmethod/index.md
@@ -37,7 +37,9 @@ A {{jsxref("Promise")}} that resolves with a `PaymentRequestDetailsUpdate` objec
 - `total`
   - : An updated total based on the changed payment method. The total can change, for example, because the billing address of the payment method selected by the user changes the applicable sales tax.
 - `modifiers`
-  - : An array of [`PaymentDetailsModifier`](https://www.w3.org/TR/payment-request/#paymentdetailsmodifier-dictionary) objects.
+
+  - : An {{jsxref("Array")}} of `PaymentDetailsModifier` objects, whose properties are described in {{domxref("PaymentRequestEvent.modifiers")}}.
+
 - `paymentMethodErrors`
   - : An object containing validation errors for the payment method, if any.
 
diff --git a/files/en-us/web/api/paymentrequestevent/index.md b/files/en-us/web/api/paymentrequestevent/index.md
index 1b6b456d54bb83c..07185ef9952dcf5 100644
--- a/files/en-us/web/api/paymentrequestevent/index.md
+++ b/files/en-us/web/api/paymentrequestevent/index.md
@@ -21,7 +21,7 @@ The **`PaymentRequestEvent`** interface of the {{domxref("Payment Handler API",
 ## Instance properties
 
 - {{domxref("PaymentRequestEvent.instrumentKey","instrumentKey")}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
-  - : Returns a {{domxref("PaymentInstrument")}} object reflecting the payment instrument selected by the user or an empty string if the user has not registered or chosen a payment instrument.
+  - : Returns an object reflecting the payment instrument selected by the user or an empty string if the user has not registered or chosen a payment instrument.
 - {{domxref("PaymentRequestEvent.methodData","methodData")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns an array of objects containing payment method identifiers for the payment methods that the website accepts and any associated payment method specific data.
 - {{domxref("PaymentRequestEvent.modifiers","modifiers")}} {{ReadOnlyInline}} {{Experimental_Inline}}
diff --git a/files/en-us/web/api/paymentrequestevent/modifiers/index.md b/files/en-us/web/api/paymentrequestevent/modifiers/index.md
index d0a7ecb4bba0662..2c02153f3f7665b 100644
--- a/files/en-us/web/api/paymentrequestevent/modifiers/index.md
+++ b/files/en-us/web/api/paymentrequestevent/modifiers/index.md
@@ -11,14 +11,14 @@ browser-compat: api.PaymentRequestEvent.modifiers
 {{SeeCompatTable}}{{APIRef("Payment Handler API")}}
 
 The **`modifiers`** read-only property of the
-{{domxref("PaymentRequestEvent")}} interface returns an array of `PaymentDetailsModifier` objects containing modifiers for payment details.
+{{domxref("PaymentRequestEvent")}} interface returns an {{jsxref("Array")}} of `PaymentDetailsModifier` objects containing modifiers for payment details.
 
 ## Value
 
-An array of `PaymentDetailsModifier` objects containing modifiers for payment details. These objects contain the following properties:
+An array of objects containing modifiers for payment details. These objects contain the following properties:
 
 - `supportedMethods`
-  - : A payment method identifier. The members of the `PaymentDetailsModifier` object only apply to the payment if the user selects this payment method.
+  - : A payment method identifier. The members of the object only apply to the payment if the user selects this payment method.
 - `total`
   - : A `PaymentItem` object containing the following properties:
     - `label`
diff --git a/files/en-us/web/api/paymentrequestupdateevent/paymentrequestupdateevent/index.md b/files/en-us/web/api/paymentrequestupdateevent/paymentrequestupdateevent/index.md
index af0da8b7f48725f..d54f8b42189ab57 100644
--- a/files/en-us/web/api/paymentrequestupdateevent/paymentrequestupdateevent/index.md
+++ b/files/en-us/web/api/paymentrequestupdateevent/paymentrequestupdateevent/index.md
@@ -26,7 +26,7 @@ None.
 
 ### Return value
 
-A new `PaymentRequestUpdateEvent`
+A new `PaymentRequestUpdateEvent`.
 
 ## Specifications
 
diff --git a/files/en-us/web/api/paymentrequestupdateevent/updatewith/index.md b/files/en-us/web/api/paymentrequestupdateevent/updatewith/index.md
index c898dccd26e700f..7afc3803a8bdaaa 100644
--- a/files/en-us/web/api/paymentrequestupdateevent/updatewith/index.md
+++ b/files/en-us/web/api/paymentrequestupdateevent/updatewith/index.md
@@ -39,14 +39,20 @@ updateWith(details)
         - `pending`
           - : A Boolean value which is `true` if the specified `amount` has not yet been finalized. This can be used to show items such as shipping or tax amounts that depend upon the selection of shipping address, shipping option, or so forth. The user agent may show this information but is not required to do so.
 
-    - `error` {{optional_inline}} {{deprecated_inline}}
-      - : A string specifying an error message to present to the user*.* When calling `updateWith()`, including `error` in the updated data causes the {{Glossary("user agent")}} to display the text as a general error message. For address field specific errors, use `shippingAddressErrors`.
+    - `error` {{optional_inline}} {{deprecated_inline}} {{non-standard_inline}}
+
+      - : A string specifying an error message to present to the user*.* When calling `updateWith()`, including `error` in the updated data causes the {{Glossary("user agent")}} to display the text as a general error message. For address field-specific errors, use the `shippingAddressErrors` field.
+
     - `modifiers` {{optional_inline}}
-      - : An array of {{domxref("PaymentDetailsModifier")}} objects, each describing a modifier for particular payment method identifiers. For example, you can use one to adjust the total payment amount based on the selected payment method ("5% cash discount!").
-    - `shippingAddressErrors` {{optional_inline}} {{deprecated_inline}}
-      - : An {{domxref("AddressErrors")}} object which includes an error message for each property of the shipping address that could not be validated.
-    - `shippingOptions` {{optional_inline}}
-      - : An array of {{domxref("PaymentShippingOption")}} objects, each describing one available shipping option from which the user may choose.
+
+      - : An {{jsxref("Array")}} of `PaymentDetailsModifier` objects, whose properties are described in {{domxref("PaymentRequestEvent.modifiers")}}.
+
+        For example, you can use one to adjust the total payment amount based on the selected payment method ("5% cash discount!").
+
+    - `shippingAddressErrors` {{optional_inline}} {{deprecated_inline}} {{non-standard_inline}}
+      - : An object which includes an error message for each property of the shipping address that could not be validated.
+    - `shippingOptions` {{optional_inline}} {{deprecated_inline}} {{non-standard_inline}}
+      - : An array of objects, each describing one available shipping option from which the user may choose.
     - `total` {{optional_inline}}
       - : An object with the same properties as the objects in `displayItems` providing an updated total for the payment. Make sure this equals the sum of all of the items in `displayItems`. _This is not calculated automatically_. You must update this value yourself anytime the total amount due changes. This lets you have flexibility for how to handle things like tax, discounts, and other adjustments to the total price charged.
 

From 61ab1d08bc92990bebdd230591985cd0d95dba9e Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 23 Jan 2024 06:53:17 +0800
Subject: [PATCH 519/790] MediaRecorder control | update exception section & 
 remove unexpected section (#31238)

* remove unexpected instance properties section

* update desc

* update desc

* remove exceptions that fired error event

* add cases for NotSupportedError

* update text

* fix section title

* update exception section

* style update for exception

* update

* Update files/en-us/web/api/mediarecorder/resume/index.md
---
 .../en-us/web/api/mediarecorder/pause/index.md  |  3 +--
 .../web/api/mediarecorder/pause_event/index.md  |  8 ++------
 .../en-us/web/api/mediarecorder/resume/index.md | 17 +++++++----------
 .../web/api/mediarecorder/resume_event/index.md |  6 +-----
 .../en-us/web/api/mediarecorder/start/index.md  | 15 +++++----------
 .../web/api/mediarecorder/start_event/index.md  |  6 +-----
 files/en-us/web/api/mediarecorder/stop/index.md | 11 +++++------
 .../web/api/mediarecorder/stop_event/index.md   |  2 +-
 8 files changed, 23 insertions(+), 45 deletions(-)

diff --git a/files/en-us/web/api/mediarecorder/pause/index.md b/files/en-us/web/api/mediarecorder/pause/index.md
index 876d267b6865746..d467162aea59770 100644
--- a/files/en-us/web/api/mediarecorder/pause/index.md
+++ b/files/en-us/web/api/mediarecorder/pause/index.md
@@ -8,8 +8,7 @@ browser-compat: api.MediaRecorder.pause
 
 {{APIRef("MediaStream Recording")}}
 
-The **`MediaRecorder.pause()`** method (part
-of the [MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API)) is used
+The **`pause()`** method of the {{domxref("MediaRecorder")}} interface is used
 to pause recording of media streams.
 
 When a `MediaRecorder` object's `pause()`method is called, the
diff --git a/files/en-us/web/api/mediarecorder/pause_event/index.md b/files/en-us/web/api/mediarecorder/pause_event/index.md
index 097f737185616ab..a8b6189573e8872 100644
--- a/files/en-us/web/api/mediarecorder/pause_event/index.md
+++ b/files/en-us/web/api/mediarecorder/pause_event/index.md
@@ -8,8 +8,8 @@ browser-compat: api.MediaRecorder.pause_event
 
 {{APIRef("MediaStream Recording")}}
 
-The `pause` event is thrown as a result of the
-{{domxref("MediaRecorder.pause()")}} method being invoked.
+The **`pause`** event of the {{domxref("MediaRecorder")}} interface is fired when
+{{domxref("MediaRecorder.pause()")}} is called.
 
 ## Syntax
 
@@ -49,10 +49,6 @@ mediaRecorder.onresume = () => {
 };
 ```
 
-## Instance properties
-
-None.
-
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/mediarecorder/resume/index.md b/files/en-us/web/api/mediarecorder/resume/index.md
index b9e5b40b17f4683..453a8074c52ba16 100644
--- a/files/en-us/web/api/mediarecorder/resume/index.md
+++ b/files/en-us/web/api/mediarecorder/resume/index.md
@@ -8,15 +8,15 @@ browser-compat: api.MediaRecorder.resume
 
 {{APIRef("MediaStream Recording")}}
 
-The **`MediaRecorder.resume()`**
-method (part of the [MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API)) is used to resume media recording when it has been previously
-paused.
+The **`resume()`** method of the {{domxref("MediaRecorder")}} interface is used to resume media recording when it has been previously paused.
+
+If {{domxref("MediaRecorder.state")}} is already "recording", calling `resume()` has no effect.
 
 When the `resume()` method is invoked, the browser queues a task that runs
 the following steps:
 
 1. If {{domxref("MediaRecorder.state")}} is "inactive", raise a DOM
-   `InvalidState` error and terminate these steps. If
+   `InvalidStateError` exception and terminate these steps. If
    {{domxref("MediaRecorder.state")}} is not "inactive", continue to the next step.
 2. Set {{domxref("MediaRecorder.state")}} to "recording".
 3. Continue gathering data into the current {{domxref("Blob")}}.
@@ -36,13 +36,10 @@ None.
 
 None ({{jsxref("undefined")}}).
 
-### Errors
+### Exceptions
 
-An `InvalidState` error is raised if the `resume()` method is
-called while the `MediaRecorder` object's {{domxref("MediaRecorder.state")}}
-is "inactive" — the recording cannot be resumed if it is not already paused; if
-{{domxref("MediaRecorder.state")}} is already "recording", `resume()` has no
-effect.
+- `InvalidStateError` {{domxref("DOMException")}}
+  - : Thrown if the `MediaRecorder` is currently `"inactive"`.
 
 ## Examples
 
diff --git a/files/en-us/web/api/mediarecorder/resume_event/index.md b/files/en-us/web/api/mediarecorder/resume_event/index.md
index 789c16357d6d59a..fc46537af8c7e18 100644
--- a/files/en-us/web/api/mediarecorder/resume_event/index.md
+++ b/files/en-us/web/api/mediarecorder/resume_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaRecorder.resume_event
 
 {{APIRef("MediaStream Recording")}}
 
-The `resume` event is thrown when
+The **`resume`** event of the {{domxref("MediaRecorder")}} interface is fired when
 {{domxref("MediaRecorder.resume()")}} is called.
 
 ## Syntax
@@ -49,10 +49,6 @@ mediaRecorder.onresume = () => {
 };
 ```
 
-## Instance properties
-
-None.
-
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/mediarecorder/start/index.md b/files/en-us/web/api/mediarecorder/start/index.md
index 0ee95c6176af95e..fff04f6f347433c 100644
--- a/files/en-us/web/api/mediarecorder/start/index.md
+++ b/files/en-us/web/api/mediarecorder/start/index.md
@@ -8,9 +8,7 @@ browser-compat: api.MediaRecorder.start
 
 {{APIRef("MediaStream Recording")}}
 
-The {{domxref("MediaRecorder")}} method
-**`start()`**, which is part of the MediaStream Recording API,
-begins recording media into one or more {{domxref("Blob")}} objects.
+The **`start()`** method of the {{domxref("MediaRecorder")}} interface begins recording media into one or more {{domxref("Blob")}} objects.
 
 You can
 record the entire duration of the media into a single `Blob` (or until you
@@ -65,24 +63,21 @@ are reported through {{domxref("MediaRecorder.error_event", "error")}} events se
 object. You can implement the {{domxref("MediaRecorder.error_event", "onerror")}} event
 handler to respond to these errors.
 
-- `InvalidModificationError` {{domxref("DOMException")}}
-  - : Thrown if the number of tracks on the stream being recorded has changed. You cannot add or
-    remove tracks while recording media.
 - `InvalidStateError` {{domxref("DOMException")}}
   - : Thrown if the `MediaRecorder` is not in the `inactive` state; you cannot
     start recording media if it is already being recorded. See the
     {{domxref("MediaRecorder.state", "state")}} property.
 - `NotSupportedError` {{domxref("DOMException")}}
-  - : Thrown if the media stream you are attempting to record is inactive, or one or more of the
-    stream's tracks is in a format that cannot be recorded using the current configuration.
+  - : Thrown if:
+    - The media stream you are attempting to record is inactive.
+    - One or more of the stream's tracks is in a format that cannot be recorded using the current configuration
+    - The `videoKeyFrameIntervalDuration` and `videoKeyFrameIntervalCount` parameter are both specificed when creating the `MediaRecorder`.
 - `SecurityError` {{domxref("DOMException")}}
   - : Thrown if the {{domxref("MediaStream")}} is configured to disallow recording. This may be the
     case, for example, with sources obtained using {{domxref("MediaDevices.getUserMedia",
     "getUserMedia()")}} when the user denies permission to use an input device. This
     exception may also be delivered as an {{domxref("MediaRecorder.error_event", "error")}} event if
     the security options for the source media change after recording begins.
-- `UnknownError` {{domxref("DOMException")}}
-  - : Thrown if something else went wrong during the recording process.
 
 ## Examples
 
diff --git a/files/en-us/web/api/mediarecorder/start_event/index.md b/files/en-us/web/api/mediarecorder/start_event/index.md
index 6209c1c47ed43a3..959c058dc9a51c8 100644
--- a/files/en-us/web/api/mediarecorder/start_event/index.md
+++ b/files/en-us/web/api/mediarecorder/start_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaRecorder.start_event
 
 {{APIRef("MediaStream Recording")}}
 
-The `start` event is fired when
+The **`start`** event of the {{domxref("MediaRecorder")}} interface is fired when
 {{domxref("MediaRecorder.start()")}} is called. At this point, the data
 starts being gathered into a {{domxref("Blob")}}.
 
@@ -40,10 +40,6 @@ mediaRecorder.onstart = () => {
 };
 ```
 
-## Instance properties
-
-None.
-
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/mediarecorder/stop/index.md b/files/en-us/web/api/mediarecorder/stop/index.md
index ffdf0e490baf888..e2d39f941ddb1d2 100644
--- a/files/en-us/web/api/mediarecorder/stop/index.md
+++ b/files/en-us/web/api/mediarecorder/stop/index.md
@@ -8,8 +8,7 @@ browser-compat: api.MediaRecorder.stop
 
 {{APIRef("MediaStream Recording")}}
 
-The **`MediaRecorder.stop()`** method
-(part of the [MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API)) is
+The **`stop()`** method of the {{domxref("MediaRecorder")}} interface is
 used to stop media capture.
 
 When the `stop()` method is invoked, the UA queues a task that runs the
@@ -37,11 +36,11 @@ None.
 
 None ({{jsxref("undefined")}}).
 
-### Errors
+### Exceptions
 
-An `InvalidState` error is raised if the `stop()` method is
-called while the `MediaRecorder` object's {{domxref("MediaRecorder.state")}}
-is "inactive" — it makes no sense to stop media capture if it is already stopped.
+- `InvalidStateError` {{domxref("DOMException")}}
+  - : Thrown if the `MediaRecorder` is currently `"inactive"`; you cannot stop
+    the recording if the `MediaRecorder` is not active.
 
 ## Examples
 
diff --git a/files/en-us/web/api/mediarecorder/stop_event/index.md b/files/en-us/web/api/mediarecorder/stop_event/index.md
index 383b6c2e703ba5d..3b252843a6bc91d 100644
--- a/files/en-us/web/api/mediarecorder/stop_event/index.md
+++ b/files/en-us/web/api/mediarecorder/stop_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.MediaRecorder.stop_event
 
 {{APIRef("MediaStream Recording")}}
 
-The `stop` event is fired when
+The **`stop`** event of the {{domxref("MediaRecorder")}} interface is fired when
 {{domxref("MediaRecorder.stop()")}} is called, or when the media stream being
 captured ends. In each case, the `stop` event is preceded by a
 `dataavailable` event, making the {{domxref("Blob")}} captured up to that

From b63cdd8a82bbcce566a627c8ddc705ef0e6da373 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 23 Jan 2024 07:51:17 +0800
Subject: [PATCH 520/790] init docs for
 {HTMLEmbedElement,HTMLIFrameElement}.{width,height} (#31701)

* add docs

* fix links

* add example

* update desc

* update value
---
 .../web/api/htmlembedelement/height/index.md  | 40 +++++++++++++++++++
 .../web/api/htmlembedelement/width/index.md   | 40 +++++++++++++++++++
 .../web/api/htmliframeelement/height/index.md | 40 +++++++++++++++++++
 .../web/api/htmliframeelement/width/index.md  | 40 +++++++++++++++++++
 4 files changed, 160 insertions(+)
 create mode 100644 files/en-us/web/api/htmlembedelement/height/index.md
 create mode 100644 files/en-us/web/api/htmlembedelement/width/index.md
 create mode 100644 files/en-us/web/api/htmliframeelement/height/index.md
 create mode 100644 files/en-us/web/api/htmliframeelement/width/index.md

diff --git a/files/en-us/web/api/htmlembedelement/height/index.md b/files/en-us/web/api/htmlembedelement/height/index.md
new file mode 100644
index 000000000000000..7b6e72fb507d614
--- /dev/null
+++ b/files/en-us/web/api/htmlembedelement/height/index.md
@@ -0,0 +1,40 @@
+---
+title: "HTMLEmbedElement: height property"
+short-title: height
+slug: Web/API/HTMLEmbedElement/height
+page-type: web-api-instance-property
+browser-compat: api.HTMLEmbedElement.height
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`height`** property of the {{domxref("HTMLEmbedElement")}} interface returns a string that reflects the `height` attribute of the {{HTMLElement("embed")}} element, indicating the displayed height of the resource in CSS pixels.
+
+## Value
+
+A string indicating the displayed height of the resource in CSS pixels.
+
+## Examples
+
+```html
+<embed id="el" width="800" height="600" />
+```
+
+```js
+const el = document.getElementById("el");
+console.log(el.height); // Output: '600'
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.height")}}
+- {{domxref("HTMLImageElement.height")}}
+- {{domxref("HTMLObjectElement.height")}}
diff --git a/files/en-us/web/api/htmlembedelement/width/index.md b/files/en-us/web/api/htmlembedelement/width/index.md
new file mode 100644
index 000000000000000..26d37bc1301b0f1
--- /dev/null
+++ b/files/en-us/web/api/htmlembedelement/width/index.md
@@ -0,0 +1,40 @@
+---
+title: "HTMLEmbedElement: width property"
+short-title: width
+slug: Web/API/HTMLEmbedElement/width
+page-type: web-api-instance-property
+browser-compat: api.HTMLEmbedElement.width
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`width`** property of the {{domxref("HTMLEmbedElement")}} interface returns a string that reflects the `width` attribute of the {{HTMLElement("embed")}} element, indicating the displayed width of the resource in CSS pixels.
+
+## Value
+
+A string indicating the displayed width of the resource in CSS pixels.
+
+## Examples
+
+```html
+<embed id="el" width="800" height="600" />
+```
+
+```js
+const el = document.getElementById("el");
+console.log(el.width); // Output: '800'
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.width")}}
+- {{domxref("HTMLImageElement.width")}}
+- {{domxref("HTMLObjectElement.width")}}
diff --git a/files/en-us/web/api/htmliframeelement/height/index.md b/files/en-us/web/api/htmliframeelement/height/index.md
new file mode 100644
index 000000000000000..c3d068647277e54
--- /dev/null
+++ b/files/en-us/web/api/htmliframeelement/height/index.md
@@ -0,0 +1,40 @@
+---
+title: "HTMLIFrameElement: height property"
+short-title: height
+slug: Web/API/HTMLIFrameElement/height
+page-type: web-api-instance-property
+browser-compat: api.HTMLIFrameElement.height
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`height`** property of the {{domxref("HTMLIFrameElement")}} interface returns a string that reflects the `height` attribute of the {{HTMLElement("iframe")}} element, indicating the height of the frame in CSS pixels.
+
+## Value
+
+A string indicating the height of the frame in CSS pixels.
+
+## Examples
+
+```html
+<iframe id="el" width="800" height="600"></iframe>
+```
+
+```js
+const el = document.getElementById("el");
+console.log(el.height); // Output: '600'
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.height")}}
+- {{domxref("HTMLImageElement.height")}}
+- {{domxref("HTMLObjectElement.height")}}
diff --git a/files/en-us/web/api/htmliframeelement/width/index.md b/files/en-us/web/api/htmliframeelement/width/index.md
new file mode 100644
index 000000000000000..540d6579a060ef0
--- /dev/null
+++ b/files/en-us/web/api/htmliframeelement/width/index.md
@@ -0,0 +1,40 @@
+---
+title: "HTMLIFrameElement: width property"
+short-title: width
+slug: Web/API/HTMLIFrameElement/width
+page-type: web-api-instance-property
+browser-compat: api.HTMLIFrameElement.width
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`width`** property of the {{domxref("HTMLIFrameElement")}} interface returns a string that reflects the `width` attribute of the {{HTMLElement("iframe")}} element, indicating the width of the frame in CSS pixels.
+
+## Value
+
+A string indicating the width of the frame in CSS pixels.
+
+## Examples
+
+```html
+<iframe id="el" width="800" height="600"></iframe>
+```
+
+```js
+const el = document.getElementById("el");
+console.log(el.width); // Output: '800'
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.width")}}
+- {{domxref("HTMLImageElement.width")}}
+- {{domxref("HTMLObjectElement.width")}}

From 658bf95c67d53458df4bdbcd2d909076b501dc83 Mon Sep 17 00:00:00 2001
From: Psychpsyo <60073468+Psychpsyo@users.noreply.github.com>
Date: Tue, 23 Jan 2024 01:22:06 +0100
Subject: [PATCH 521/790] Add note about lazy-loaded images with width or
 height 0 not loading. (#28077)

* Add note about lazy-loaded images with width or height 0 not loading.

* Correct note about lazy loading 0-height images

* Update files/en-us/web/html/element/img/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 files/en-us/web/html/element/img/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/html/element/img/index.md b/files/en-us/web/html/element/img/index.md
index f811524d216a07f..0acb7b5e9692e54 100644
--- a/files/en-us/web/html/element/img/index.md
+++ b/files/en-us/web/html/element/img/index.md
@@ -144,6 +144,7 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
       - : Defers loading the image until it reaches a calculated distance from the viewport, as defined by the browser. The intent is to avoid the network and storage bandwidth needed to handle the image until it's reasonably certain that it will be needed. This generally improves the performance of the content in most typical use cases.
 
     > **Note:** Loading is only deferred when JavaScript is enabled. This is an anti-tracking measure, because if a user agent supported lazy loading when scripting is disabled, it would still be possible for a site to track a user's approximate scroll position throughout a session, by strategically placing images in a page's markup such that a server can track how many images are requested and when.
+    > **Note:** Images with `loading` set to `lazy` will never be loaded if they do not intersect a visible part of an element, even if loading them would change that as unloaded images have a `width` and `height` of `0`. Putting `width` and `height` on lazyloaded images fixes this issue and is a best practice, [recommended by the specification](https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element). Doing so also helps prevent layout shifts.
 
 - `referrerpolicy`
 

From cafb94fe8b20ea9f38db7910b7da1b13e29354b5 Mon Sep 17 00:00:00 2001
From: Vincent Jarvis <42174702+mind-dance@users.noreply.github.com>
Date: Tue, 23 Jan 2024 09:26:37 +0800
Subject: [PATCH 522/790] Make statements more accurate (#31836)

* Update index.md

Make statements more accurate

* Update files/en-us/learn/css/building_blocks/the_box_model/index.md

fix grammar error

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>

* Update files/en-us/learn/css/building_blocks/the_box_model/index.md

* Update files/en-us/learn/css/building_blocks/the_box_model/index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 files/en-us/learn/css/building_blocks/the_box_model/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/css/building_blocks/the_box_model/index.md b/files/en-us/learn/css/building_blocks/the_box_model/index.md
index 5aeed4e75b02c87..4009e2abb8c5035 100644
--- a/files/en-us/learn/css/building_blocks/the_box_model/index.md
+++ b/files/en-us/learn/css/building_blocks/the_box_model/index.md
@@ -243,7 +243,7 @@ A number of rules dictate when margins do and do not collapse. For further infor
 
 ### Borders
 
-The border is drawn between the margin and the padding of a box. If you are using the standard box model, the size of the border is added to the `width` and `height` of the content box. If you are using the alternative box model then the size of the border makes the content box smaller as it takes up some of that available `width` and `height` of the element box.
+The border is drawn between the margin and the padding of a box. If you are using the standard box model, the size of the border is added to the `width` and `height` of the content box. If you are using the alternative box model, then the bigger the border is, the smaller the content box is, as the border takes up some of that available `width` and `height` of the element box.
 
 For styling borders, there are a large number of properties — there are four borders, and each border has a style, width, and color that we might want to manipulate.
 

From b05dec8ec5ede7ad507e07d8f33dea33e3bd8531 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 23 Jan 2024 09:54:57 +0800
Subject: [PATCH 523/790] Remove `autocomplete` attribute of `<button>` element
 (#31605)

* remove

* fix lint
---
 files/en-us/web/html/element/button/index.md | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/files/en-us/web/html/element/button/index.md b/files/en-us/web/html/element/button/index.md
index 15b6f7224ba5475..24ec07b3109d2c9 100644
--- a/files/en-us/web/html/element/button/index.md
+++ b/files/en-us/web/html/element/button/index.md
@@ -19,10 +19,6 @@ This element's attributes include the [global attributes](/en-US/docs/Web/HTML/G
 
 - `autofocus`
   - : This Boolean attribute specifies that the button should have input [focus](/en-US/docs/Web/API/HTMLElement/focus) when the page loads. **Only one element in a document can have this attribute.**
-- `autocomplete` {{non-standard_inline}}
-
-  - : This attribute on a {{HTMLElement("button")}} is nonstandard and Firefox-specific. Unlike other browsers, [Firefox persists 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. Setting `autocomplete="off"` on the button disables this feature; see [Firefox bug 654072](https://bugzil.la/654072).
-
 - `disabled`
 
   - : This Boolean attribute prevents the user from interacting with the button: it cannot be pressed or focused.

From 8720024f7e04f09f7ca879a0291a85b0eb7168df Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Mon, 22 Jan 2024 23:29:46 -0800
Subject: [PATCH 524/790] Minor: Add `name` attribute to checkboxes (#31819)

---
 files/en-us/web/accessibility/aria/roles/checkbox_role/index.md | 2 +-
 files/en-us/web/accessibility/aria/roles/dialog_role/index.md   | 2 +-
 files/en-us/web/html/element/input/checkbox/index.md            | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/accessibility/aria/roles/checkbox_role/index.md b/files/en-us/web/accessibility/aria/roles/checkbox_role/index.md
index dec501020d43ce9..fe9959d66a7bb68 100644
--- a/files/en-us/web/accessibility/aria/roles/checkbox_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/checkbox_role/index.md
@@ -18,7 +18,7 @@ The `checkbox` role is for checkable interactive controls. Elements containing `
 > **Note:** The first rule of ARIA is if a native HTML element or attribute has the semantics and behavior you require, use it instead of re-purposing an element and adding ARIA. Instead use the native [HTML checkbox of `<input type="checkbox">`](/en-US/docs/Web/HTML/Element/input/checkbox) (with an associated {{HTMLElement('label')}}), which natively provides all the functionality required:
 
 ```html
-<input type="checkbox" id="chk1-label" />
+<input type="checkbox" id="chk1-label" name="RememberPreferences" />
 <label for="chk1-label">Remember my preferences</label>
 ```
 
diff --git a/files/en-us/web/accessibility/aria/roles/dialog_role/index.md b/files/en-us/web/accessibility/aria/roles/dialog_role/index.md
index 98280941316412e..b1f20c9a95247c2 100644
--- a/files/en-us/web/accessibility/aria/roles/dialog_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/dialog_role/index.md
@@ -109,7 +109,7 @@ When the dialog is correctly labeled and focus is moved to an element (often an
       <textarea id="interests"></textarea>
     </p>
     <p>
-      <input type="checkbox" id="autoLogin" />
+      <input type="checkbox" id="autoLogin" name="autoLogin" />
       <label for="autoLogin">Auto-login?</label>
     </p>
     <p>
diff --git a/files/en-us/web/html/element/input/checkbox/index.md b/files/en-us/web/html/element/input/checkbox/index.md
index b64f82f4947891d..62ed6a39a544676 100644
--- a/files/en-us/web/html/element/input/checkbox/index.md
+++ b/files/en-us/web/html/element/input/checkbox/index.md
@@ -41,7 +41,7 @@ If the `value` attribute was omitted, the default value for the checkbox is `on`
 
 ## Additional attributes
 
-In addition to the common attributes shared by all {{HTMLElement("input")}} elements, "`checkbox`" inputs support the following attributes.
+In addition to the [common attributes](/en-US/docs/Web/HTML/Element/input#attributes) shared by all {{HTMLElement("input")}} elements, "`checkbox`" inputs support the following attributes.
 
 - `checked`
 

From 893fa1f55fe2ae8366d0ac85f936c0ee228d9a63 Mon Sep 17 00:00:00 2001
From: Emily Rohrbough <emilyrohrbough@users.noreply.github.com>
Date: Tue, 23 Jan 2024 01:40:20 -0600
Subject: [PATCH 525/790] fix: correct CSS.escape() example results (#31637)

---
 files/en-us/web/api/css/escape_static/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/css/escape_static/index.md b/files/en-us/web/api/css/escape_static/index.md
index 5b482974b4e8b70..e13fb4de1d1134e 100644
--- a/files/en-us/web/api/css/escape_static/index.md
+++ b/files/en-us/web/api/css/escape_static/index.md
@@ -32,10 +32,10 @@ The escaped string.
 ### Basic results
 
 ```js-nolint
-CSS.escape(".foo#bar"); // "\.foo\#bar"
-CSS.escape("()[]{}"); // "\(\)\[\]\\{\\}"
+CSS.escape(".foo#bar"); // "\\.foo\\#bar"
+CSS.escape("()[]{}"); // "\\(\\)\\[\\]\\{\\}"
 CSS.escape('--a'); // "--a"
-CSS.escape(0); // "\30 ", the Unicode code point of '0' is 30
+CSS.escape(0); // "\\30 ", the Unicode code point of '0' is 30
 CSS.escape('\0'); // "\ufffd", the Unicode REPLACEMENT CHARACTER
 ```
 

From 430d8e64a95e538a6483f9e02a114216f0b82f24 Mon Sep 17 00:00:00 2001
From: Tristan Fraipont <tristan.fraipont@gmail.com>
Date: Tue, 23 Jan 2024 16:42:58 +0900
Subject: [PATCH 526/790] Remove misleading note about reflow in
 createDocumentFragment (#30650)

---
 files/en-us/web/api/document/createdocumentfragment/index.md | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/document/createdocumentfragment/index.md b/files/en-us/web/api/document/createdocumentfragment/index.md
index 81006df0d9acc0e..95a7864d4269d24 100644
--- a/files/en-us/web/api/document/createdocumentfragment/index.md
+++ b/files/en-us/web/api/document/createdocumentfragment/index.md
@@ -34,9 +34,8 @@ elements to the document fragment and then append the document fragment to the D
 In the DOM tree, the document fragment is replaced by all its children.
 
 Since the document fragment is _in memory_ and not part of the main DOM tree,
-appending children to it does not cause page [reflow](https://developers.google.com/speed/docs/insights/browser-reflow?csw=1)
-(computation of element's position and geometry). Historically, using document fragments
-could result in [better performance](https://johnresig.com/blog/dom-documentfragments/).
+using document fragments could result in [better performance](https://johnresig.com/blog/dom-documentfragments/)
+in some older engines.
 
 You can also use the `DocumentFragment` constructor to create a new
 fragment:

From 4feae65415aa62ec68a73fa0a28e9def845f5657 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 23 Jan 2024 17:11:39 +0800
Subject: [PATCH 527/790] init documentation for
 `HTMLVideoElement.{width,height}` (#31664)

* add docs

* update

* adjust property order

* add links

* Update files/en-us/web/api/htmlvideoelement/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* feat: add example

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* update desc

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../web/api/htmlcanvaselement/height/index.md |  3 ++
 .../web/api/htmlcanvaselement/width/index.md  |  3 ++
 .../web/api/htmlimageelement/height/index.md  |  6 +++
 .../web/api/htmlimageelement/width/index.md   |  6 +++
 .../web/api/htmlobjectelement/height/index.md |  6 +++
 .../web/api/htmlobjectelement/width/index.md  |  6 +++
 .../web/api/htmlvideoelement/height/index.md  | 40 +++++++++++++++++++
 files/en-us/web/api/htmlvideoelement/index.md |  4 +-
 .../web/api/htmlvideoelement/width/index.md   | 40 +++++++++++++++++++
 9 files changed, 112 insertions(+), 2 deletions(-)
 create mode 100644 files/en-us/web/api/htmlvideoelement/height/index.md
 create mode 100644 files/en-us/web/api/htmlvideoelement/width/index.md

diff --git a/files/en-us/web/api/htmlcanvaselement/height/index.md b/files/en-us/web/api/htmlcanvaselement/height/index.md
index 4fd1f08c2ecd40f..a1f9f07d7e937ba 100644
--- a/files/en-us/web/api/htmlcanvaselement/height/index.md
+++ b/files/en-us/web/api/htmlcanvaselement/height/index.md
@@ -48,3 +48,6 @@ console.log(canvas.height); // 300
 
 - {{domxref("HTMLCanvasElement")}}: Interface used to define the `HTMLCanvasElement.height` property
 - {{domxref("HTMLCanvasElement.width")}}: Other property used to control the size of the canvas
+- {{domxref("HTMLImageElement.width")}}
+- {{domxref("HTMLObjectElement.width")}}
+- {{domxref("HTMLVideoElement.width")}}
diff --git a/files/en-us/web/api/htmlcanvaselement/width/index.md b/files/en-us/web/api/htmlcanvaselement/width/index.md
index 1913135358aaac7..48d7fb6c156f830 100644
--- a/files/en-us/web/api/htmlcanvaselement/width/index.md
+++ b/files/en-us/web/api/htmlcanvaselement/width/index.md
@@ -48,3 +48,6 @@ console.log(canvas.width); // 300
 
 - {{domxref("HTMLCanvasElement")}}: Interface used to define the `HTMLCanvasElement.width` property
 - {{domxref("HTMLCanvasElement.height")}}: Other property used to control the size of the canvas
+- {{domxref("HTMLImageElement.width")}}
+- {{domxref("HTMLObjectElement.width")}}
+- {{domxref("HTMLVideoElement.width")}}
diff --git a/files/en-us/web/api/htmlimageelement/height/index.md b/files/en-us/web/api/htmlimageelement/height/index.md
index 9b479bc9f6c4f1a..28d749a0c39e79c 100644
--- a/files/en-us/web/api/htmlimageelement/height/index.md
+++ b/files/en-us/web/api/htmlimageelement/height/index.md
@@ -79,3 +79,9 @@ This example may be easier to try out {{LiveSampleLink('Examples', 'in its own w
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.height")}}
+- {{domxref("HTMLObjectElement.height")}}
+- {{domxref("HTMLVideoElement.height")}}
diff --git a/files/en-us/web/api/htmlimageelement/width/index.md b/files/en-us/web/api/htmlimageelement/width/index.md
index c27d2ce70114985..7567d40b8a2c6fb 100644
--- a/files/en-us/web/api/htmlimageelement/width/index.md
+++ b/files/en-us/web/api/htmlimageelement/width/index.md
@@ -82,3 +82,9 @@ This example may be easier to try out {{LiveSampleLink('Examples', 'in its own w
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.width")}}
+- {{domxref("HTMLObjectElement.width")}}
+- {{domxref("HTMLVideoElement.width")}}
diff --git a/files/en-us/web/api/htmlobjectelement/height/index.md b/files/en-us/web/api/htmlobjectelement/height/index.md
index 3df5f9bf0cee7b3..45dfcbd8948d4aa 100644
--- a/files/en-us/web/api/htmlobjectelement/height/index.md
+++ b/files/en-us/web/api/htmlobjectelement/height/index.md
@@ -24,3 +24,9 @@ A string.
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.height")}}
+- {{domxref("HTMLImageElement.height")}}
+- {{domxref("HTMLVideoElement.height")}}
diff --git a/files/en-us/web/api/htmlobjectelement/width/index.md b/files/en-us/web/api/htmlobjectelement/width/index.md
index 3fde8261a4165b7..878e1bc741dacdd 100644
--- a/files/en-us/web/api/htmlobjectelement/width/index.md
+++ b/files/en-us/web/api/htmlobjectelement/width/index.md
@@ -24,3 +24,9 @@ A string.
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.width")}}
+- {{domxref("HTMLImageElement.width")}}
+- {{domxref("HTMLVideoElement.width")}}
diff --git a/files/en-us/web/api/htmlvideoelement/height/index.md b/files/en-us/web/api/htmlvideoelement/height/index.md
new file mode 100644
index 000000000000000..4ee4a8021185e59
--- /dev/null
+++ b/files/en-us/web/api/htmlvideoelement/height/index.md
@@ -0,0 +1,40 @@
+---
+title: "HTMLVideoElement: height property"
+short-title: height
+slug: Web/API/HTMLVideoElement/height
+page-type: web-api-instance-property
+browser-compat: api.HTMLVideoElement.height
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`height`** property of the {{domxref("HTMLVideoElement")}} interface returns an integer that reflects the `height` attribute of the {{HTMLElement("video")}} element, specifying the displayed height of the resource in CSS pixels.
+
+## Value
+
+A positive integer or 0.
+
+## Examples
+
+```html
+<video id="media" width="800" height="600"></video>
+```
+
+```js
+const el = document.getElementById("media");
+console.log(el.height); // Output: 600
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.height")}}
+- {{domxref("HTMLImageElement.height")}}
+- {{domxref("HTMLObjectElement.height")}}
diff --git a/files/en-us/web/api/htmlvideoelement/index.md b/files/en-us/web/api/htmlvideoelement/index.md
index f87645d755dd6fb..3442dc2634e8585 100644
--- a/files/en-us/web/api/htmlvideoelement/index.md
+++ b/files/en-us/web/api/htmlvideoelement/index.md
@@ -17,6 +17,8 @@ The list of [supported media formats](/en-US/docs/Web/Media/Formats) varies from
 
 _Inherits properties from its parent interface, {{domxref("HTMLMediaElement")}}, and {{domxref("HTMLElement")}}._
 
+- {{DOMxRef("HTMLVideoElement.disablePictureInPicture")}}
+  - : Indicates if the user agent should suggest the picture-in-picture to users, or not.
 - {{domxref("HTMLVideoElement.height")}}
   - : A string that reflects the [`height`](/en-US/docs/Web/HTML/Element/video#height) HTML attribute, which specifies the height of the display area, in CSS pixels.
 - {{domxref("HTMLVideoElement.poster")}}
@@ -27,8 +29,6 @@ _Inherits properties from its parent interface, {{domxref("HTMLMediaElement")}},
   - : Returns an unsigned integer value indicating the intrinsic width of the resource in CSS pixels, or 0 if no media is available yet.
 - {{domxref("HTMLVideoElement.width")}}
   - : A string that reflects the [`width`](/en-US/docs/Web/HTML/Element/video#width) HTML attribute, which specifies the width of the display area, in CSS pixels.
-- {{DOMxRef("HTMLVideoElement.disablePictureInPicture")}}
-  - : The `disablePictureInPicture` property will hint the user agent to not suggest the picture-in-picture to users or to request it automatically
 
 ### Gecko-specific properties
 
diff --git a/files/en-us/web/api/htmlvideoelement/width/index.md b/files/en-us/web/api/htmlvideoelement/width/index.md
new file mode 100644
index 000000000000000..c203cd255bcccd6
--- /dev/null
+++ b/files/en-us/web/api/htmlvideoelement/width/index.md
@@ -0,0 +1,40 @@
+---
+title: "HTMLVideoElement: width property"
+short-title: width
+slug: Web/API/HTMLVideoElement/width
+page-type: web-api-instance-property
+browser-compat: api.HTMLVideoElement.width
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`width`** property of the {{domxref("HTMLVideoElement")}} interface returns an integer that that reflects the `width` attribute of the {{HTMLElement("video")}} element, specifying the displayed width of the resource in CSS pixels.
+
+## Value
+
+A positive integer or 0.
+
+## Examples
+
+```html
+<video id="media" width="800" height="600"></video>
+```
+
+```js
+const el = document.getElementById("media");
+console.log(el.width); // Output: 800
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.width")}}
+- {{domxref("HTMLImageElement.width")}}
+- {{domxref("HTMLObjectElement.width")}}

From 95161dc9c55b00492fbfff1f92bf478ab900d475 Mon Sep 17 00:00:00 2001
From: Emma <48389529+emjogale@users.noreply.github.com>
Date: Tue, 23 Jan 2024 09:31:25 +0000
Subject: [PATCH 528/790] Change code block language from pug to js (#31851)

Update index.md

Change file type to js from PUG in model-virtual due back date
---
 .../express_nodejs/forms/create_bookinstance_form/index.md      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/server-side/express_nodejs/forms/create_bookinstance_form/index.md b/files/en-us/learn/server-side/express_nodejs/forms/create_bookinstance_form/index.md
index c86179cb11e3cf5..b6a94a3b9aefb91 100644
--- a/files/en-us/learn/server-side/express_nodejs/forms/create_bookinstance_form/index.md
+++ b/files/en-us/learn/server-side/express_nodejs/forms/create_bookinstance_form/index.md
@@ -163,7 +163,7 @@ The `due_back_yyyy_mm_dd()` method is added to the `BookInstance` model in the n
 Open the file where you defined the `BookInstanceSchema` model (**models/bookinstance.js**).
 Add the `due_back_yyyy_mm_dd()` virtual function shown below (after the `due_back_formatted()` virtual function):
 
-```pug
+```js
 BookInstanceSchema.virtual("due_back_yyyy_mm_dd").get(function () {
   return DateTime.fromJSDate(this.due_back).toISODate(); // format 'YYYY-MM-DD'
 });

From f73eb97bdbdf8866f1c1e0168af2e1f1a99209ed Mon Sep 17 00:00:00 2001
From: Jimmy Ho <jiaming0708@gmail.com>
Date: Tue, 23 Jan 2024 17:36:56 +0800
Subject: [PATCH 529/790] Update css var sample (#31855)

Update index.md

remove the error sample

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/web/css/var/index.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/en-us/web/css/var/index.md b/files/en-us/web/css/var/index.md
index 3f523e0bd84f69d..a6499d91e35212c 100644
--- a/files/en-us/web/css/var/index.md
+++ b/files/en-us/web/css/var/index.md
@@ -23,7 +23,6 @@ var(--custom-prop);
 var(--custom-prop,);  /* empty value as fallback */
 var(--custom-prop, initial); /* initial value of the property as fallback */
 var(--custom-prop, #FF0000);
-var(--my-background, linear-gradient(transparent, aqua), pink);
 var(--custom-prop, var(--default-value));
 var(--custom-prop, var(--default-value, red));
 ```

From 40b5a5bf991ce577be605e76fb2b3706342ed357 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 23 Jan 2024 17:45:45 +0800
Subject: [PATCH 530/790] Channel Messaging API | Add {{AvailableInWorkers}}
 tag & fix apiref (#31807)

* move section

* fix macros

* update using macros

* fix apiref

* content update

* add {{AvailableInWorkers}}

* specific spec-urls

* update api summary title
---
 .../en-us/web/api/channel_messaging_api/index.md |  5 +++--
 files/en-us/web/api/messagechannel/index.md      | 16 ++++++++--------
 .../api/messagechannel/messagechannel/index.md   |  8 ++++----
 .../en-us/web/api/messagechannel/port1/index.md  |  4 ++--
 .../en-us/web/api/messagechannel/port2/index.md  |  6 +++---
 files/en-us/web/api/messageport/close/index.md   |  2 +-
 files/en-us/web/api/messageport/index.md         |  4 +++-
 .../web/api/messageport/message_event/index.md   |  6 ++++--
 .../api/messageport/messageerror_event/index.md  |  6 ++++--
 .../web/api/messageport/postmessage/index.md     |  2 +-
 files/en-us/web/api/messageport/start/index.md   |  2 +-
 11 files changed, 34 insertions(+), 27 deletions(-)

diff --git a/files/en-us/web/api/channel_messaging_api/index.md b/files/en-us/web/api/channel_messaging_api/index.md
index 6ae3b9fd6114564..901e5168e9ddce6 100644
--- a/files/en-us/web/api/channel_messaging_api/index.md
+++ b/files/en-us/web/api/channel_messaging_api/index.md
@@ -5,6 +5,7 @@ page-type: web-api-overview
 browser-compat:
   - api.MessageChannel
   - api.MessagePort
+spec-urls: https://html.spec.whatwg.org/multipage/web-messaging.html#channel-messaging
 ---
 
 {{DefaultAPISidebar("Channel Messaging API")}}
@@ -13,7 +14,7 @@ The **Channel Messaging API** allows two separate scripts running in different b
 
 {{AvailableInWorkers}}
 
-## Channel messaging concepts and usage
+## Concepts and usage
 
 A message channel is created using the {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}} constructor. Once created, the two ports of the channel can be accessed through the {{domxref("MessageChannel.port1")}} and {{domxref("MessageChannel.port2")}} properties (which both return {{domxref("MessagePort")}} objects.) The app that created the channel uses `port1`, and the app at the other end of the port uses `port2` — you send a message to `port2`, and transfer the port over to the other browsing context using {{domxref("window.postMessage")}} along with two arguments (the message to send, and the object to transfer ownership of, in this case the port itself.)
 
@@ -25,7 +26,7 @@ When you want to stop sending messages down the channel, you can invoke {{domxre
 
 Find out more about how to use this API in [Using channel messaging](/en-US/docs/Web/API/Channel_Messaging_API/Using_channel_messaging).
 
-## Channel messaging interfaces
+## Interfaces
 
 - {{domxref("MessageChannel")}}
   - : Creates a new message channel to send messages across.
diff --git a/files/en-us/web/api/messagechannel/index.md b/files/en-us/web/api/messagechannel/index.md
index ee18b3e35a9b70b..9ed1a480fc7ca9d 100644
--- a/files/en-us/web/api/messagechannel/index.md
+++ b/files/en-us/web/api/messagechannel/index.md
@@ -5,12 +5,17 @@ page-type: web-api-interface
 browser-compat: api.MessageChannel
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}}
 
 The **`MessageChannel`** interface of the [Channel Messaging API](/en-US/docs/Web/API/Channel_Messaging_API) allows us to create a new message channel and send data through it via its two {{domxref("MessagePort")}} properties.
 
 {{AvailableInWorkers}}
 
+## Constructor
+
+- {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}}
+  - : Returns a new `MessageChannel` object with two new {{domxref("MessagePort")}} objects.
+
 ## Instance properties
 
 - {{domxref("MessageChannel.port1")}} {{ReadOnlyInline}}
@@ -18,16 +23,11 @@ The **`MessageChannel`** interface of the [Channel Messaging API](/en-US/docs/We
 - {{domxref("MessageChannel.port2")}} {{ReadOnlyInline}}
   - : Returns port2 of the channel.
 
-## Constructor
-
-- {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}}
-  - : Returns a new `MessageChannel` object with two new {{domxref("MessagePort")}} objects.
-
 ## Example
 
-In the following example, you can see a new channel being created using the {{domxref("MessageChannel()", "MessageChannel.MessageChannel")}} constructor.
+In the following example, you can see a new channel being created using the {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}} constructor.
 
-When the IFrame has loaded, we register an `onmessage` handler for {{domxref("MessageChannel.port1")}} and transfer {{domxref("MessageChannel.port2")}} to the IFrame using the {{domxref("window.postMessage")}} method along with a message.
+When the IFrame has loaded, we register an {{domxref("MessagePort/message_event","onmessage")}} handler for {{domxref("MessageChannel.port1")}} and transfer {{domxref("MessageChannel.port2")}} to the IFrame using the {{domxref("window.postMessage")}} method along with a message.
 
 When a message is received back from the IFrame, the `onMessage` function outputs the message to a paragraph.
 
diff --git a/files/en-us/web/api/messagechannel/messagechannel/index.md b/files/en-us/web/api/messagechannel/messagechannel/index.md
index 18d757ae60c3730..2e9fd7a3b5d8bd0 100644
--- a/files/en-us/web/api/messagechannel/messagechannel/index.md
+++ b/files/en-us/web/api/messagechannel/messagechannel/index.md
@@ -6,9 +6,9 @@ page-type: web-api-constructor
 browser-compat: api.MessageChannel.MessageChannel
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}}
 
-The `MessageChannel()` constructor of the {{domxref("MessageChannel")}}
+The **`MessageChannel()`** constructor of the {{domxref("MessageChannel")}}
 interface returns a new {{domxref("MessageChannel")}} object with two new
 {{domxref("MessagePort")}} objects.
 
@@ -31,9 +31,9 @@ A new {{domxref("MessageChannel")}} object.
 ## Examples
 
 In the following code block, you can see a new channel being created using the
-{{domxref("MessageChannel()", "MessageChannel.MessageChannel")}} constructor.
+`MessageChannel()` constructor.
 When the {{HTMLElement("iframe")}} has loaded,
-we pass `port2` to the `<iframe>` using {{domxref("MessagePort.postMessage")}} along with a message.
+we pass {{domxref("MessageChannel.port2", "port2")}} to the `<iframe>` using {{domxref("MessagePort.postMessage")}} along with a message.
 The `handleMessage` handler then responds to a message being sent back from the
 `<iframe>` (using {{domxref("MessagePort.message_event", "onmessage")}}), putting it into a paragraph.
 The {{domxref("MessageChannel.port1", "port1")}} is listened to, to check when the message arrives.
diff --git a/files/en-us/web/api/messagechannel/port1/index.md b/files/en-us/web/api/messagechannel/port1/index.md
index 8d5ae8d36556f7c..2e49dfaca8361a4 100644
--- a/files/en-us/web/api/messagechannel/port1/index.md
+++ b/files/en-us/web/api/messagechannel/port1/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.MessageChannel.port1
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}}
 
 The **`port1`** read-only property of the
 {{domxref("MessageChannel")}} interface returns the first port of the message channel —
@@ -23,7 +23,7 @@ attached to the context that originated the channel.
 
 In the following code block, you can see a new channel being created using the
 {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}} constructor. When the
-{{HTMLElement("iframe")}} has loaded, we pass {{domxref("MessageChannel.port2")}} to the
+{{HTMLElement("iframe")}} has loaded, we pass {{domxref("MessageChannel.port2", "port2")}} to the
 {{HTMLElement("iframe")}} using {{domxref("MessagePort.postMessage")}} along with a
 message. The `handleMessage` handler then responds to a message being sent
 back from the `<iframe>` (using {{domxref("MessagePort.message_event", "onmessage")}}),
diff --git a/files/en-us/web/api/messagechannel/port2/index.md b/files/en-us/web/api/messagechannel/port2/index.md
index 680e3f990005ed6..51f3d5670552271 100644
--- a/files/en-us/web/api/messagechannel/port2/index.md
+++ b/files/en-us/web/api/messagechannel/port2/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.MessageChannel.port2
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}}
 
 The **`port2`** read-only property of the
 {{domxref("MessageChannel")}} interface returns the second port of the message channel —
@@ -23,12 +23,12 @@ port attached to the context at the other end of the channel.
 ## Examples
 
 In the following code block, you can see a new channel being created using the
-{{domxref("MessageChannel()", "MessageChannel.MessageChannel")}} constructor. When the
+{{domxref("MessageChannel.MessageChannel", "MessageChannel()")}} constructor. When the
 IFrame has loaded, we pass `port2` to the IFrame using
 {{domxref("MessagePort.postMessage")}} along with a message. The
 `handleMessage` handler then responds to a message being sent back from the
 IFrame (using {{domxref("MessagePort.message_event", "onmessage")}}), putting it into a paragraph.
-{{domxref("MessageChannel.port1")}} is listened to, to check when the message arrives.
+{{domxref("MessageChannel.port1", "port1")}} is listened to, to check when the message arrives.
 
 ```js
 const channel = new MessageChannel();
diff --git a/files/en-us/web/api/messageport/close/index.md b/files/en-us/web/api/messageport/close/index.md
index fdbbbd4552d0665..82f3169ee698ac4 100644
--- a/files/en-us/web/api/messageport/close/index.md
+++ b/files/en-us/web/api/messageport/close/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MessagePort.close
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}}
 
 The **`close()`** method of the {{domxref("MessagePort")}}
 interface disconnects the port, so it is no longer active. This stops the flow of
diff --git a/files/en-us/web/api/messageport/index.md b/files/en-us/web/api/messageport/index.md
index 37ce44f3211337c..6401132f76c9afa 100644
--- a/files/en-us/web/api/messageport/index.md
+++ b/files/en-us/web/api/messageport/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.MessagePort
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}}
 
 The **`MessagePort`** interface of the [Channel Messaging API](/en-US/docs/Web/API/Channel_Messaging_API) represents one of the two ports of a {{domxref("MessageChannel")}}, allowing messages to be sent from one port and listening out for them arriving at the other.
 
@@ -28,6 +28,8 @@ _Inherits methods from its parent, {{domxref("EventTarget")}}_.
 
 ## Events
 
+_Inherits events from its parent, {{domxref("EventTarget")}}_.
+
 - {{domxref("MessagePort.message_event","message")}}
   - : Fired when a `MessagePort` object receives a message.
 - {{domxref("MessagePort.messageerror_event","messageerror")}}
diff --git a/files/en-us/web/api/messageport/message_event/index.md b/files/en-us/web/api/messageport/message_event/index.md
index 35936c3e36aab13..ccbe4488683795e 100644
--- a/files/en-us/web/api/messageport/message_event/index.md
+++ b/files/en-us/web/api/messageport/message_event/index.md
@@ -6,12 +6,14 @@ page-type: web-api-event
 browser-compat: api.MessagePort.message_event
 ---
 
-{{APIRef}}
+{{APIRef("Channel Messaging API")}}
 
-The `message` event is fired on a {{domxref('MessagePort')}} object when a message arrives on that channel.
+The **`message`** event is fired on a {{domxref('MessagePort')}} object when a message arrives on that channel.
 
 This event is not cancellable and does not bubble.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
diff --git a/files/en-us/web/api/messageport/messageerror_event/index.md b/files/en-us/web/api/messageport/messageerror_event/index.md
index 2028aa129532be2..f20db6be527e82e 100644
--- a/files/en-us/web/api/messageport/messageerror_event/index.md
+++ b/files/en-us/web/api/messageport/messageerror_event/index.md
@@ -6,12 +6,14 @@ page-type: web-api-event
 browser-compat: api.MessagePort.messageerror_event
 ---
 
-{{APIRef}}
+{{APIRef("Channel Messaging API")}}
 
-The `messageerror` event is fired on a {{domxref('MessagePort')}} object when it receives a message that can't be deserialized.
+The **`messageerror`** event is fired on a {{domxref('MessagePort')}} object when it receives a message that can't be deserialized.
 
 This event is not cancellable and does not bubble.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
diff --git a/files/en-us/web/api/messageport/postmessage/index.md b/files/en-us/web/api/messageport/postmessage/index.md
index 57cb6597a205d91..b08a5a6d996051e 100644
--- a/files/en-us/web/api/messageport/postmessage/index.md
+++ b/files/en-us/web/api/messageport/postmessage/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MessagePort.postMessage
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}}
 
 The **`postMessage()`** method of the
 {{domxref("MessagePort")}} interface sends a message from the port, and optionally,
diff --git a/files/en-us/web/api/messageport/start/index.md b/files/en-us/web/api/messageport/start/index.md
index 63cd1747062ea08..46e852993e6b1b6 100644
--- a/files/en-us/web/api/messageport/start/index.md
+++ b/files/en-us/web/api/messageport/start/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MessagePort.start
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("Channel Messaging API")}}
 
 The **`start()`** method of the {{domxref("MessagePort")}}
 interface starts the sending of messages queued on the port. This method is only needed

From 0c3c2bd5feaedbe0ffa7fd3530c625e5b1200670 Mon Sep 17 00:00:00 2001
From: Leonid Vinogradov <win.leon@protonmail.com>
Date: Tue, 23 Jan 2024 13:15:14 +0300
Subject: [PATCH 531/790] Improve value type on `Web/SVG/Attribute/cx` and
 `Web/SVG/Attribute/cy` (#31003)

* fix SVG 'cx' value type for 'radialGradient'

* improve markup of 'Web/SVG/Attribute/cy', add 'See also' section
---
 files/en-us/web/svg/attribute/cx/index.md |  6 ++--
 files/en-us/web/svg/attribute/cy/index.md | 35 ++++++-----------------
 2 files changed, 11 insertions(+), 30 deletions(-)

diff --git a/files/en-us/web/svg/attribute/cx/index.md b/files/en-us/web/svg/attribute/cx/index.md
index 9c06ebffd911ec9..8afcf210bc21a11 100644
--- a/files/en-us/web/svg/attribute/cx/index.md
+++ b/files/en-us/web/svg/attribute/cx/index.md
@@ -96,7 +96,7 @@ For {{SVGElement('radialGradient')}}, `cx` defines the x-axis coordinate of the
   <tbody>
     <tr>
       <th scope="row">Value</th>
-      <td>{{cssxref("length")}}</td>
+      <td>{{cssxref("length-percentage")}}</td>
     </tr>
     <tr>
       <th scope="row">Default value</th>
@@ -173,5 +173,5 @@ svg {
 
 ## See also
 
-- [cy](/en-US/docs/Web/SVG/Attribute/cy)
-- [r](/en-US/docs/Web/SVG/Attribute/r)
+- {{SVGAttr("cy")}}
+- {{SVGAttr("r")}}
diff --git a/files/en-us/web/svg/attribute/cy/index.md b/files/en-us/web/svg/attribute/cy/index.md
index 7909cfaa0373024..9e3423f61ffce76 100644
--- a/files/en-us/web/svg/attribute/cy/index.md
+++ b/files/en-us/web/svg/attribute/cy/index.md
@@ -50,17 +50,7 @@ For {{SVGElement('circle')}}, `cy` defines the y-axis coordinate of the center o
   <tbody>
     <tr>
       <th scope="row">Value</th>
-      <td>
-        <strong
-          ><a href="/docs/Web/SVG/Content_type#Length">&#x3C;length></a></strong
-        >
-        |
-        <strong
-          ><a href="/docs/Web/SVG/Content_type#Percentage"
-            >&#x3C;percentage></a
-          ></strong
-        >
-      </td>
+      <td>{{cssxref("length-percentage")}}</td>
     </tr>
     <tr>
       <th scope="row">Default value</th>
@@ -83,17 +73,7 @@ For {{SVGElement('ellipse')}}, `cy` defines the y-axis coordinate of the center
   <tbody>
     <tr>
       <th scope="row">Value</th>
-      <td>
-        <strong
-          ><a href="/docs/Web/SVG/Content_type#Length">&#x3C;length></a></strong
-        >
-        |
-        <strong
-          ><a href="/docs/Web/SVG/Content_type#Percentage"
-            >&#x3C;percentage></a
-          ></strong
-        >
-      </td>
+      <td>{{cssxref("length-percentage")}}</td>
     </tr>
     <tr>
       <th scope="row">Default value</th>
@@ -116,11 +96,7 @@ For {{SVGElement('radialGradient')}}, `cy` defines the y-axis coordinate of the
   <tbody>
     <tr>
       <th scope="row">Value</th>
-      <td>
-        <strong
-          ><a href="/docs/Web/SVG/Content_type#Length">&#x3C;length></a></strong
-        >
-      </td>
+      <td>{{cssxref("length-percentage")}}</td>
     </tr>
     <tr>
       <th scope="row">Default value</th>
@@ -194,3 +170,8 @@ svg {
 ## Specifications
 
 {{Specifications}}
+
+## See also
+
+- {{SVGAttr("cx")}}
+- {{SVGAttr("r")}}

From e97f2c3cca98616a37003005ddc149d370c40fd0 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 23 Jan 2024 21:44:33 +0800
Subject: [PATCH 532/790] Notification API | move `{{AvailableInWorkers}}` &
 update description of `ServiceWorkerRegistration.getNotifications()` (#31816)

* move {{AvailableInWorkers}}

* style update

* add inherit info

* update desc of getNotifications emthod

* fix & remove
---
 files/en-us/web/api/notification/actions/index.md           | 4 +++-
 files/en-us/web/api/notification/badge/index.md             | 4 +++-
 files/en-us/web/api/notification/body/index.md              | 4 +++-
 files/en-us/web/api/notification/click_event/index.md       | 4 +++-
 files/en-us/web/api/notification/close/index.md             | 4 +++-
 files/en-us/web/api/notification/close_event/index.md       | 4 +++-
 files/en-us/web/api/notification/data/index.md              | 4 +++-
 files/en-us/web/api/notification/dir/index.md               | 4 +++-
 files/en-us/web/api/notification/error_event/index.md       | 4 +++-
 files/en-us/web/api/notification/icon/index.md              | 4 +++-
 files/en-us/web/api/notification/image/index.md             | 4 +++-
 files/en-us/web/api/notification/index.md                   | 4 +++-
 files/en-us/web/api/notification/lang/index.md              | 4 +++-
 files/en-us/web/api/notification/maxactions_static/index.md | 4 +++-
 files/en-us/web/api/notification/notification/index.md      | 4 +++-
 files/en-us/web/api/notification/permission_static/index.md | 4 +++-
 files/en-us/web/api/notification/renotify/index.md          | 4 +++-
 .../en-us/web/api/notification/requireinteraction/index.md  | 4 +++-
 files/en-us/web/api/notification/show_event/index.md        | 4 +++-
 files/en-us/web/api/notification/silent/index.md            | 4 +++-
 files/en-us/web/api/notification/tag/index.md               | 4 +++-
 files/en-us/web/api/notification/timestamp/index.md         | 4 +++-
 files/en-us/web/api/notification/title/index.md             | 4 +++-
 files/en-us/web/api/notification/vibrate/index.md           | 4 +++-
 files/en-us/web/api/notifications_api/index.md              | 6 ++++--
 .../notifications_api/using_the_notifications_api/index.md  | 4 +++-
 files/en-us/web/api/serviceworkerregistration/index.md      | 2 +-
 27 files changed, 80 insertions(+), 28 deletions(-)

diff --git a/files/en-us/web/api/notification/actions/index.md b/files/en-us/web/api/notification/actions/index.md
index 4973ec58cec2945..bc3104719be19b9 100644
--- a/files/en-us/web/api/notification/actions/index.md
+++ b/files/en-us/web/api/notification/actions/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Notification.actions
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}{{SeeCompatTable}}
+{{APIRef("Web Notifications")}}{{SecureContext_Header}}{{SeeCompatTable}}
 
 The **`actions`** read-only property of the {{domxref("Notification")}} interface provides the actions available for users to choose from for interacting with the notification.
 
@@ -16,6 +16,8 @@ The actions are set using the `actions` option of the second argument for the [`
 
 > **Note:** Browsers typically limit the maximum number of actions they will display for a particular notification. Check the static {{DOMxref("Notification.maxActions_static", "Notification.maxActions")}} property to determine the limit.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A read-only array of actions. Each element in the array is an object with the following members:
diff --git a/files/en-us/web/api/notification/badge/index.md b/files/en-us/web/api/notification/badge/index.md
index bda342dcd9d0750..1b4d957c4d24f93 100644
--- a/files/en-us/web/api/notification/badge/index.md
+++ b/files/en-us/web/api/notification/badge/index.md
@@ -6,11 +6,13 @@ page-type: web-api-instance-property
 browser-compat: api.Notification.badge
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}
+{{APIRef("Web Notifications")}}{{SecureContext_Header}}
 
 The **`badge`** property of the {{domxref("Notification")}}
 interface returns a string containing the URL of an image to represent the notification when there is not enough space to display the notification itself such as for example, the Android Notification Bar. On Android devices, the badge should accommodate devices up to 4x resolution, about 96 by 96 px, and the image will be automatically masked.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A string containing a URL.
diff --git a/files/en-us/web/api/notification/body/index.md b/files/en-us/web/api/notification/body/index.md
index ee121c303887112..b0cbb79355a8cb2 100644
--- a/files/en-us/web/api/notification/body/index.md
+++ b/files/en-us/web/api/notification/body/index.md
@@ -6,13 +6,15 @@ page-type: web-api-instance-property
 browser-compat: api.Notification.body
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`body`** read-only property of the
 {{domxref("Notification")}} interface indicates the body string of the notification, as
 specified in the `body` option of the
 {{domxref("Notification.Notification","Notification()")}} constructor.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A string.
diff --git a/files/en-us/web/api/notification/click_event/index.md b/files/en-us/web/api/notification/click_event/index.md
index 6b0d4fc0b19ed92..7f86ae4db75501b 100644
--- a/files/en-us/web/api/notification/click_event/index.md
+++ b/files/en-us/web/api/notification/click_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.Notification.click_event
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`click`** event of the {{domxref("Notification")}}
 interface fires when the user clicks on displayed {{domxref("Notification")}}.
@@ -15,6 +15,8 @@ The default behavior is to move the focus to the viewport of the notification's
 [browsing context](https://html.spec.whatwg.org/multipage/browsers.html#browsing-context).
 If you don't want that behavior, call {{domxref("Event/preventDefault", "preventDefault()")}} on the event object.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
diff --git a/files/en-us/web/api/notification/close/index.md b/files/en-us/web/api/notification/close/index.md
index 2a5f7101689d289..769dc2319a79c46 100644
--- a/files/en-us/web/api/notification/close/index.md
+++ b/files/en-us/web/api/notification/close/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.Notification.close
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`close()`** method of the {{domxref("Notification")}} interface is used to
 close/remove a previously displayed notification.
@@ -19,6 +19,8 @@ close/remove a previously displayed notification.
 > on the webpage in the case of a messaging app or the following song is already playing
 > in a music app).
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/notification/close_event/index.md b/files/en-us/web/api/notification/close_event/index.md
index 673773a7fddd3dd..79cee86f8f6ca0b 100644
--- a/files/en-us/web/api/notification/close_event/index.md
+++ b/files/en-us/web/api/notification/close_event/index.md
@@ -6,10 +6,12 @@ page-type: web-api-event
 browser-compat: api.Notification.close_event
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`close`** event of the {{domxref("Notification")}} interface fires when a {{domxref("Notification")}} is closed.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
diff --git a/files/en-us/web/api/notification/data/index.md b/files/en-us/web/api/notification/data/index.md
index a6af4c60f61ae9f..1c6f3f0c02de9ff 100644
--- a/files/en-us/web/api/notification/data/index.md
+++ b/files/en-us/web/api/notification/data/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Notification.data
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`data`** read-only property of the
 {{domxref("Notification")}} interface returns a structured clone of the notification's
@@ -16,6 +16,8 @@ data, as specified in the `data` option of the
 The notification's data can be any arbitrary data that you want associated with the
 notification.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A structured clone.
diff --git a/files/en-us/web/api/notification/dir/index.md b/files/en-us/web/api/notification/dir/index.md
index bd61669c1c74996..72a6c79ba5ede8c 100644
--- a/files/en-us/web/api/notification/dir/index.md
+++ b/files/en-us/web/api/notification/dir/index.md
@@ -6,10 +6,12 @@ page-type: web-api-instance-property
 browser-compat: api.Notification.dir
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`dir`** read-only property of the {{domxref("Notification")}} interface indicates the text direction of the notification, as specified in the `dir` option of the {{domxref("Notification.Notification","Notification()")}} constructor.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A string specifying the text direction. Possible values are:
diff --git a/files/en-us/web/api/notification/error_event/index.md b/files/en-us/web/api/notification/error_event/index.md
index 9df657ad80346a9..36efa650a79639d 100644
--- a/files/en-us/web/api/notification/error_event/index.md
+++ b/files/en-us/web/api/notification/error_event/index.md
@@ -6,10 +6,12 @@ page-type: web-api-event
 browser-compat: api.Notification.error_event
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`error`** event of the {{domxref("Notification")}} interface fires when something goes wrong with a {{domxref("Notification")}} (in many cases an error preventing the notification from being displayed.)
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
diff --git a/files/en-us/web/api/notification/icon/index.md b/files/en-us/web/api/notification/icon/index.md
index 91622f9d2f74f74..f7cf8929de474a2 100644
--- a/files/en-us/web/api/notification/icon/index.md
+++ b/files/en-us/web/api/notification/icon/index.md
@@ -6,13 +6,15 @@ page-type: web-api-instance-property
 browser-compat: api.Notification.icon
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`icon`** read-only property of the
 {{domxref("Notification")}} interface contains the URL of an icon to be displayed as
 part of the notification, as specified in the `icon` option of the
 {{domxref("Notification.Notification","Notification()")}} constructor.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A string.
diff --git a/files/en-us/web/api/notification/image/index.md b/files/en-us/web/api/notification/image/index.md
index 7f9a206a60ae029..4310ccd9b5c5df5 100644
--- a/files/en-us/web/api/notification/image/index.md
+++ b/files/en-us/web/api/notification/image/index.md
@@ -8,13 +8,15 @@ status:
 browser-compat: api.Notification.image
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}{{SeeCompatTable}}
+{{APIRef("Web Notifications")}}{{SecureContext_Header}}{{SeeCompatTable}}
 
 The **`image`** read-only property of the
 {{domxref("Notification")}} interface contains the URL of an image to be displayed as
 part of the notification, as specified in the `image` option of the
 {{domxref("Notification.Notification","Notification()")}} constructor.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A string.
diff --git a/files/en-us/web/api/notification/index.md b/files/en-us/web/api/notification/index.md
index 394b4ef6d4dfd11..3633b055b32ea59 100644
--- a/files/en-us/web/api/notification/index.md
+++ b/files/en-us/web/api/notification/index.md
@@ -5,12 +5,14 @@ page-type: web-api-interface
 browser-compat: api.Notification
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`Notification`** interface of the {{domxref("Notifications API", "", "", "nocode")}} is used to configure and display desktop notifications to the user.
 
 These notifications' appearance and specific functionality vary across platforms but generally they provide a way to asynchronously provide information to the user.
 
+{{AvailableInWorkers}}
+
 {{InheritanceDiagram}}
 
 ## Constructor
diff --git a/files/en-us/web/api/notification/lang/index.md b/files/en-us/web/api/notification/lang/index.md
index 69361967bc6d226..e68760eb940c832 100644
--- a/files/en-us/web/api/notification/lang/index.md
+++ b/files/en-us/web/api/notification/lang/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Notification.lang
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`lang`** read-only property of the
 {{domxref("Notification")}} interface indicates the language used in the notification,
@@ -16,6 +16,8 @@ as specified in the `lang` option of the
 The language itself is specified using a string representing a language tag according to {{RFC(5646, "Tags for Identifying Languages (also known as BCP 47)")}}.
 See the Sitepoint [ISO 2 letter language codes](https://www.sitepoint.com/iso-2-letter-language-codes/) page for a simple reference.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A string specifying the language tag.
diff --git a/files/en-us/web/api/notification/maxactions_static/index.md b/files/en-us/web/api/notification/maxactions_static/index.md
index 37ff3150e32a966..89ee6c89cab6648 100644
--- a/files/en-us/web/api/notification/maxactions_static/index.md
+++ b/files/en-us/web/api/notification/maxactions_static/index.md
@@ -8,13 +8,15 @@ status:
 browser-compat: api.Notification.maxActions_static
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}{{SeeCompatTable}}
+{{APIRef("Web Notifications")}}{{SecureContext_Header}}{{SeeCompatTable}}
 
 The **`maxActions`** read-only static property of the
 {{domxref("Notification")}} interface returns the maximum number of actions supported by
 the device and the User Agent. Effectively, this is the maximum number of elements in
 {{domxref("Notification.actions")}} array which will be respected by the User Agent.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 An integer number which indicates the largest number of notification
diff --git a/files/en-us/web/api/notification/notification/index.md b/files/en-us/web/api/notification/notification/index.md
index 688c6ddf1573ff0..17a6a8951cfa7b8 100644
--- a/files/en-us/web/api/notification/notification/index.md
+++ b/files/en-us/web/api/notification/notification/index.md
@@ -6,11 +6,13 @@ page-type: web-api-constructor
 browser-compat: api.Notification.Notification
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`Notification()`** constructor creates a new
 {{domxref("Notification")}} object instance, which represents a user notification.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 ```js-nolint
diff --git a/files/en-us/web/api/notification/permission_static/index.md b/files/en-us/web/api/notification/permission_static/index.md
index c7100eb95ef1a43..c696f0ba10ab570 100644
--- a/files/en-us/web/api/notification/permission_static/index.md
+++ b/files/en-us/web/api/notification/permission_static/index.md
@@ -6,12 +6,14 @@ page-type: web-api-static-property
 browser-compat: api.Notification.permission_static
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`permission`** read-only static property of the {{domxref("Notification")}}
 interface indicates the current permission granted by the user for the current origin to
 display web notifications.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A string representing the current permission. The value can be:
diff --git a/files/en-us/web/api/notification/renotify/index.md b/files/en-us/web/api/notification/renotify/index.md
index 0ad23f866c31ef3..08b9cdaefa5418c 100644
--- a/files/en-us/web/api/notification/renotify/index.md
+++ b/files/en-us/web/api/notification/renotify/index.md
@@ -8,13 +8,15 @@ status:
 browser-compat: api.Notification.renotify
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}{{SeeCompatTable}}
+{{APIRef("Web Notifications")}}{{SecureContext_Header}}{{SeeCompatTable}}
 
 The **`renotify`** read-only property of the
 {{domxref("Notification")}} interface specifies whether the user should be notified
 after a new notification replaces an old one, as specified in the `renotify`
 option of the {{domxref("Notification.Notification","Notification()")}} constructor.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A boolean value. `false` is the default; `true` makes
diff --git a/files/en-us/web/api/notification/requireinteraction/index.md b/files/en-us/web/api/notification/requireinteraction/index.md
index e9ff586ac459f61..b4f1332f55eb760 100644
--- a/files/en-us/web/api/notification/requireinteraction/index.md
+++ b/files/en-us/web/api/notification/requireinteraction/index.md
@@ -6,12 +6,14 @@ page-type: web-api-instance-property
 browser-compat: api.Notification.requireInteraction
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}
+{{APIRef("Web Notifications")}}{{SecureContext_Header}}
 
 The **`requireInteraction`** read-only property of the {{domxref("Notification")}} interface returns a boolean value indicating that a notification should remain active until the user clicks or dismisses it, rather than closing automatically.
 
 > **Note:** This can be set when the notification is first created by setting the `requireInteraction` option to `true` in the options object of the {{domxref("Notification.Notification", "Notification()")}} constructor.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A boolean value.
diff --git a/files/en-us/web/api/notification/show_event/index.md b/files/en-us/web/api/notification/show_event/index.md
index 580041037196f22..773eef6e5d6a4b0 100644
--- a/files/en-us/web/api/notification/show_event/index.md
+++ b/files/en-us/web/api/notification/show_event/index.md
@@ -6,10 +6,12 @@ page-type: web-api-event
 browser-compat: api.Notification.show_event
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`show`** event of the {{domxref("Notification")}} interface fires when a {{domxref("Notification")}} is displayed.
 
+{{AvailableInWorkers}}
+
 ## Syntax
 
 Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
diff --git a/files/en-us/web/api/notification/silent/index.md b/files/en-us/web/api/notification/silent/index.md
index 1d8944f341df307..5b87000146b6ee0 100644
--- a/files/en-us/web/api/notification/silent/index.md
+++ b/files/en-us/web/api/notification/silent/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Notification.silent
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}
+{{APIRef("Web Notifications")}}{{SecureContext_Header}}
 
 The **`silent`** read-only property of the
 {{domxref("Notification")}} interface specifies whether the notification should be
@@ -14,6 +14,8 @@ silent, i.e., no sounds or vibrations should be issued, regardless of the device
 settings. This is specified in the `silent` option of the
 {{domxref("Notification.Notification","Notification()")}} constructor.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A boolean value. `false` is the default; `true` makes
diff --git a/files/en-us/web/api/notification/tag/index.md b/files/en-us/web/api/notification/tag/index.md
index 4cfe2b3f0da4f12..5d519b18d107328 100644
--- a/files/en-us/web/api/notification/tag/index.md
+++ b/files/en-us/web/api/notification/tag/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Notification.tag
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`tag`** read-only property of the
 {{domxref("Notification")}} interface signifies an identifying tag for the notification,
@@ -18,6 +18,8 @@ tag, linking them together. One notification can then be programmatically replac
 another to avoid the users' screen being filled up with a huge number of similar
 notifications.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A string.
diff --git a/files/en-us/web/api/notification/timestamp/index.md b/files/en-us/web/api/notification/timestamp/index.md
index 56c8b9171496136..deafd8570b47d87 100644
--- a/files/en-us/web/api/notification/timestamp/index.md
+++ b/files/en-us/web/api/notification/timestamp/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Notification.timestamp
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}{{SeeCompatTable}}
+{{APIRef("Web Notifications")}}{{SecureContext_Header}}{{SeeCompatTable}}
 
 The **`timestamp`** read-only property of the
 {{domxref("Notification")}} interface returns a number, as
@@ -21,6 +21,8 @@ arbitrary timestamp that you want associated with the notification. For example,
 timestamp for an upcoming meeting could be set in the future, whereas a timestamp for a
 missed message could be set in the past.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A number representing a timestamp, given as {{Glossary("Unix time")}} in milliseconds.
diff --git a/files/en-us/web/api/notification/title/index.md b/files/en-us/web/api/notification/title/index.md
index 8739e247660ed0d..44903dd5869d882 100644
--- a/files/en-us/web/api/notification/title/index.md
+++ b/files/en-us/web/api/notification/title/index.md
@@ -6,13 +6,15 @@ page-type: web-api-instance-property
 browser-compat: api.Notification.title
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{APIRef("Web Notifications")}}{{securecontext_header}}
 
 The **`title`** read-only property of the
 {{domxref("Notification")}} interface indicates the title of the notification, as
 specified in the `title` parameter of the
 {{domxref("Notification.Notification","Notification()")}} constructor.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A string.
diff --git a/files/en-us/web/api/notification/vibrate/index.md b/files/en-us/web/api/notification/vibrate/index.md
index cbbfce46a4d4a1e..1dbb576c622144a 100644
--- a/files/en-us/web/api/notification/vibrate/index.md
+++ b/files/en-us/web/api/notification/vibrate/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Notification.vibrate
 ---
 
-{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{SecureContext_Header}}{{SeeCompatTable}}
+{{APIRef("Web Notifications")}}{{SecureContext_Header}}{{SeeCompatTable}}
 
 The **`vibrate`** read-only property of the {{domxref("Notification")}}
 interface specifies a [vibration pattern](/en-US/docs/Web/API/Vibration_API#vibration_patterns)
@@ -16,6 +16,8 @@ for the device's vibration hardware to emit when the notification fires. This is
 specified in the `vibrate` option of the
 {{domxref("Notification.Notification","Notification()")}} constructor.
 
+{{AvailableInWorkers}}
+
 ## Value
 
 A [vibration pattern](/en-US/docs/Web/API/Vibration_API#vibration_patterns), as specified in the [Vibration API spec](https://w3c.github.io/vibration/).
diff --git a/files/en-us/web/api/notifications_api/index.md b/files/en-us/web/api/notifications_api/index.md
index 2e62409793d82d2..7ee41de0f1dfa7a 100644
--- a/files/en-us/web/api/notifications_api/index.md
+++ b/files/en-us/web/api/notifications_api/index.md
@@ -9,10 +9,12 @@ browser-compat:
 spec-urls: https://notifications.spec.whatwg.org/
 ---
 
-{{DefaultAPISidebar("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{DefaultAPISidebar("Web Notifications")}}{{securecontext_header}}
 
 The Notifications API allows web pages to control the display of system notifications to the end user. These are outside the top-level browsing context viewport, so therefore can be displayed even when the user has switched tabs or moved to a different app. The API is designed to be compatible with existing notification systems, across different platforms.
 
+{{AvailableInWorkers}}
+
 ## Concepts and usage
 
 On supported platforms, showing a system notification generally involves two things. First, the user needs to grant the current origin permission to display system notifications, which is generally done when the app or site initializes, using the {{domxref("Notification.requestPermission_static", "Notification.requestPermission()")}} method. This should be done in response to a user gesture, such as clicking a button, for example:
@@ -54,7 +56,7 @@ In addition, the Notifications API spec specifies a number of additions to the [
 - {{domxref("ServiceWorkerGlobalScope/notificationclose_event", "notificationclose")}} event
   - : Occurs when a user closes a displayed notification.
 - {{domxref("ServiceWorkerRegistration.getNotifications()")}}
-  - : Returns a {{jsxref("Promise")}} that resolves to an array of {{domxref("Notification")}} objects.
+  - : Returns a list of the notifications in the order that they were created from the current origin via the current service worker registration.
 - {{domxref("ServiceWorkerRegistration.showNotification()")}}
   - : Displays the notification with the requested title.
 
diff --git a/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md b/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md
index 1c25f061e8f4fdc..2112b642e303be7 100644
--- a/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md
+++ b/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md
@@ -5,7 +5,7 @@ page-type: guide
 browser-compat: api.Notification
 ---
 
-{{DefaultAPISidebar("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+{{DefaultAPISidebar("Web Notifications")}}{{securecontext_header}}
 
 The [Notifications API](/en-US/docs/Web/API/Notifications_API) lets a web page or app send notifications that are displayed outside the page at the system level; this lets web apps send information to a user even if the application is idle or in the background. This article looks at the basics of using this API in your own apps.
 
@@ -15,6 +15,8 @@ Typically, system notifications refer to the operating system's standard notific
 
 The system notification system will vary of course by platform and browser, but this is OK, and the Notifications API is written to be general enough for compatibility with most system notification systems.
 
+{{AvailableInWorkers}}
+
 ## Examples
 
 One of the most obvious use cases for web notifications is a web-based mail or IRC application that needs to notify the user when a new message is received, even if the user is doing something else with another application. Many examples of this now exist, such as [Slack](https://slack.com/).
diff --git a/files/en-us/web/api/serviceworkerregistration/index.md b/files/en-us/web/api/serviceworkerregistration/index.md
index e983ca90fba597b..af3a6ee540482f8 100644
--- a/files/en-us/web/api/serviceworkerregistration/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/index.md
@@ -51,7 +51,7 @@ _Also inherits properties from its parent interface,_ {{domxref("EventTarget")}}
 _Also inherits methods from its parent interface,_ {{domxref("EventTarget")}}.
 
 - {{domxref("ServiceWorkerRegistration.getNotifications()")}}
-  - : Returns a {{jsxref("Promise")}} that resolves to an array of {{domxref("Notification")}} objects.
+  - : Returns a list of the notifications in the order that they were created from the current origin via the current service worker registration.
 - {{domxref("ServiceWorkerRegistration.showNotification()")}}
   - : Displays the notification with the requested title.
 - {{domxref("ServiceWorkerRegistration.unregister()")}}

From 7571010787ec47fa6ad69e7bc48c9b19b7720392 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 23 Jan 2024 21:45:39 +0800
Subject: [PATCH 533/790] Background Sync | normalize apiref & update
 exceptions (#31808)

* fix apiref

* fix inherit info of syncevent

* update interface/property/method desc

* small update

* update exception section

* small update
---
 .../api/background_synchronization_api/index.md    |  6 ++++--
 .../serviceworkerglobalscope/sync_event/index.md   |  6 +++---
 .../api/serviceworkerregistration/sync/index.md    |  4 ++--
 files/en-us/web/api/syncevent/index.md             |  8 ++++----
 files/en-us/web/api/syncevent/lastchance/index.md  |  4 ++--
 files/en-us/web/api/syncevent/syncevent/index.md   |  2 +-
 files/en-us/web/api/syncevent/tag/index.md         |  4 ++--
 files/en-us/web/api/syncmanager/gettags/index.md   |  4 ++--
 files/en-us/web/api/syncmanager/index.md           | 10 +++++-----
 files/en-us/web/api/syncmanager/register/index.md  | 14 ++++++++++----
 10 files changed, 35 insertions(+), 27 deletions(-)

diff --git a/files/en-us/web/api/background_synchronization_api/index.md b/files/en-us/web/api/background_synchronization_api/index.md
index 1dc5fcf66f41873..8a4f4c88076be63 100644
--- a/files/en-us/web/api/background_synchronization_api/index.md
+++ b/files/en-us/web/api/background_synchronization_api/index.md
@@ -4,7 +4,9 @@ slug: Web/API/Background_Synchronization_API
 page-type: web-api-overview
 status:
   - experimental
-browser-compat: api.SyncManager
+browser-compat:
+  - api.SyncManager
+  - api.ServiceWorkerGlobalScope.sync_event
 spec-urls: https://wicg.github.io/background-sync/spec/
 ---
 
@@ -35,7 +37,7 @@ The following additions to the [Service Worker API](/en-US/docs/Web/API/Service_
 
 - {{domxref("ServiceWorkerRegistration.sync")}} {{ReadOnlyInline}}
   - : Returns a reference to the {{domxref("SyncManager")}} interface for registering tasks to run once the device has network connectivity.
-- [`ServiceWorkerGlobalScope: sync`](/en-US/docs/Web/API/ServiceWorkerGlobalScope/sync_event) event
+- {{domxref("ServiceWorkerGlobalScope/sync_event", "sync")}} event
   - : An event handler fired whenever a {{domxref("ServiceWorkerGlobalScope/sync_event", "sync")}} event occurs. This happens as soon as the network becomes available.
 
 ## Examples
diff --git a/files/en-us/web/api/serviceworkerglobalscope/sync_event/index.md b/files/en-us/web/api/serviceworkerglobalscope/sync_event/index.md
index dba763570778b14..c4178d75b10f2d0 100644
--- a/files/en-us/web/api/serviceworkerglobalscope/sync_event/index.md
+++ b/files/en-us/web/api/serviceworkerglobalscope/sync_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.ServiceWorkerGlobalScope.sync_event
 ---
 
-{{DefaultAPISidebar("Background Sync")}}
+{{APIRef("Background Sync")}}
 
 The **`sync`** event of the {{domxref("ServiceWorkerGlobalScope")}} interface is fired when the page (or worker) that registered the event with the {{domxref('SyncManager')}} is running and as soon as network connectivity is available.
 
@@ -24,13 +24,13 @@ onsync = (event) => {};
 
 ## Event type
 
-A {{domxref("SyncEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("SyncEvent")}}. Inherits from {{domxref("ExtendableEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("SyncEvent")}}
 
 ## Event properties
 
-_Inherits properties from its ancestor, {{domxref("Event")}}_.
+_Inherits properties from its ancestor, {{domxref("ExtendableEvent")}} and {{domxref("Event")}}_.
 
 - {{domxref("SyncEvent.tag")}} {{ReadOnlyInline}}
   - : Returns the developer-defined identifier for this `SyncEvent`.
diff --git a/files/en-us/web/api/serviceworkerregistration/sync/index.md b/files/en-us/web/api/serviceworkerregistration/sync/index.md
index b31ab5fb3ca5910..a10d7d731bfc389 100644
--- a/files/en-us/web/api/serviceworkerregistration/sync/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/sync/index.md
@@ -8,9 +8,9 @@ status:
 browser-compat: api.ServiceWorkerRegistration.sync
 ---
 
-{{APIRef("Service Workers API")}}{{SeeCompatTable}}
+{{APIRef("Background Sync")}}{{SeeCompatTable}}
 
-The **`sync`** property of the
+The **`sync`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a reference to the
 {{domxref("SyncManager")}} interface, which manages background synchronization
 processes.
diff --git a/files/en-us/web/api/syncevent/index.md b/files/en-us/web/api/syncevent/index.md
index 5346d90f0842935..f2cc80365199337 100644
--- a/files/en-us/web/api/syncevent/index.md
+++ b/files/en-us/web/api/syncevent/index.md
@@ -7,9 +7,9 @@ status:
 browser-compat: api.SyncEvent
 ---
 
-{{APIRef("Service Workers API")}}{{SeeCompatTable}}
+{{APIRef("Background Sync")}}{{SeeCompatTable}}
 
-The **`SyncEvent`** interface represents a sync action that is dispatched on the {{domxref("ServiceWorkerGlobalScope")}} of a ServiceWorker.
+The **`SyncEvent`** interface of the {{domxref("Background Synchronization API", "", "", "nocode")}} represents a sync action that is dispatched on the {{domxref("ServiceWorkerGlobalScope")}} of a ServiceWorker.
 
 This interface inherits from the {{domxref("ExtendableEvent")}} interface.
 
@@ -22,7 +22,7 @@ This interface inherits from the {{domxref("ExtendableEvent")}} interface.
 
 ## Instance properties
 
-_Inherits properties from its ancestor, {{domxref("Event")}}_.
+_Inherits properties from its parent, {{domxref("ExtendableEvent")}} and {{domxref("Event")}}_.
 
 - {{domxref("SyncEvent.tag")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns the developer-defined identifier for this `SyncEvent`.
@@ -31,7 +31,7 @@ _Inherits properties from its ancestor, {{domxref("Event")}}_.
 
 ## Instance methods
 
-_Inherits methods from its parent, {{domxref("ExtendableEvent")}}_.
+_Inherits methods from its parent, {{domxref("ExtendableEvent")}} and {{domxref("Event")}}_.
 
 None.
 
diff --git a/files/en-us/web/api/syncevent/lastchance/index.md b/files/en-us/web/api/syncevent/lastchance/index.md
index 0266ce40308ce1e..9c631a8dcee0cdd 100644
--- a/files/en-us/web/api/syncevent/lastchance/index.md
+++ b/files/en-us/web/api/syncevent/lastchance/index.md
@@ -8,9 +8,9 @@ status:
 browser-compat: api.SyncEvent.lastChance
 ---
 
-{{SeeCompatTable}}{{APIRef("")}}
+{{APIRef("Background Sync")}}{{SeeCompatTable}}
 
-The **`SyncEvent.lastChance`** read-only property of the
+The **`lastChance`** read-only property of the
 {{domxref("SyncEvent")}} interface returns `true` if the user agent will not
 make further synchronization attempts after the current attempt. This is the value
 passed in the `lastChance` parameter of the
diff --git a/files/en-us/web/api/syncevent/syncevent/index.md b/files/en-us/web/api/syncevent/syncevent/index.md
index 06fab4050e03b4d..bfa33c390835820 100644
--- a/files/en-us/web/api/syncevent/syncevent/index.md
+++ b/files/en-us/web/api/syncevent/syncevent/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.SyncEvent.SyncEvent
 ---
 
-{{APIRef("Service Workers API")}}{{SeeCompatTable}}
+{{APIRef("Background Sync")}}{{SeeCompatTable}}
 
 The **`SyncEvent()`** constructor creates a new {{domxref("SyncEvent")}} object.
 
diff --git a/files/en-us/web/api/syncevent/tag/index.md b/files/en-us/web/api/syncevent/tag/index.md
index d85beadcc4ea0f8..8a2710b0ddd2181 100644
--- a/files/en-us/web/api/syncevent/tag/index.md
+++ b/files/en-us/web/api/syncevent/tag/index.md
@@ -8,9 +8,9 @@ status:
 browser-compat: api.SyncEvent.tag
 ---
 
-{{SeeCompatTable}}{{APIRef("")}}
+{{APIRef("Background Sync")}}{{SeeCompatTable}}
 
-The **`SyncEvent.tag`** read-only property of the
+The **`tag`** read-only property of the
 {{domxref("SyncEvent")}} interface returns the developer-defined identifier for
 this `SyncEvent`. This is the value passed in the `tag` parameter
 of the {{domxref("SyncEvent.SyncEvent","SyncEvent()")}} constructor.
diff --git a/files/en-us/web/api/syncmanager/gettags/index.md b/files/en-us/web/api/syncmanager/gettags/index.md
index fcde0a1b2983046..1cd70f36db97f12 100644
--- a/files/en-us/web/api/syncmanager/gettags/index.md
+++ b/files/en-us/web/api/syncmanager/gettags/index.md
@@ -8,9 +8,9 @@ status:
 browser-compat: api.SyncManager.getTags
 ---
 
-{{APIRef("Service Workers API")}}{{SeeCompatTable}}
+{{APIRef("Background Sync")}}{{SeeCompatTable}}
 
-The **`SyncManager.getTags`** method of the
+The **`getTags()`** method of the
 {{domxref("SyncManager")}} interface returns a list of developer-defined identifiers for
 `SyncManager` registrations.
 
diff --git a/files/en-us/web/api/syncmanager/index.md b/files/en-us/web/api/syncmanager/index.md
index f6f546fc24f9023..e17ba1299ff3823 100644
--- a/files/en-us/web/api/syncmanager/index.md
+++ b/files/en-us/web/api/syncmanager/index.md
@@ -7,9 +7,9 @@ status:
 browser-compat: api.SyncManager
 ---
 
-{{APIRef("Service Workers API")}}{{SeeCompatTable}}
+{{APIRef("Background Sync")}}{{SeeCompatTable}}
 
-The **`SyncManager`** interface of the [ServiceWorker API](/en-US/docs/Web/API/Service_Worker_API) provides an interface for registering and listing sync registrations.
+The **`SyncManager`** interface of the {{domxref("Background Synchronization API", "", "", "nocode")}} provides an interface for registering and listing sync registrations.
 
 ## Instance properties
 
@@ -17,10 +17,10 @@ None.
 
 ## Instance methods
 
-- {{domxref("SyncManager.register")}} {{Experimental_Inline}}
+- {{domxref("SyncManager.register()")}} {{Experimental_Inline}}
   - : Create a new sync registration and return a {{jsxref("Promise")}}.
-- {{domxref("SyncManager.getTags")}} {{Experimental_Inline}}
-  - : Return a list of developer-defined identifiers for SyncManager registration.
+- {{domxref("SyncManager.getTags()")}} {{Experimental_Inline}}
+  - : Return a list of developer-defined identifiers for `SyncManager` registrations.
 
 ## Specifications
 
diff --git a/files/en-us/web/api/syncmanager/register/index.md b/files/en-us/web/api/syncmanager/register/index.md
index f21699a4dfe483d..36127c295c3d723 100644
--- a/files/en-us/web/api/syncmanager/register/index.md
+++ b/files/en-us/web/api/syncmanager/register/index.md
@@ -8,9 +8,9 @@ status:
 browser-compat: api.SyncManager.register
 ---
 
-{{APIRef("Service Workers API")}}{{SeeCompatTable}}
+{{APIRef("Background Sync")}}{{SeeCompatTable}}
 
-The **`SyncManager.register`** method of the {{domxref("SyncManager")}} interface registers a synchronization event, triggering a {{domxref("ServiceWorkerGlobalScope.sync_event", "sync")}} event inside the associated service worker as soon as network connectivity is available.
+The **`register()`** method of the {{domxref("SyncManager")}} interface registers a synchronization event, triggering a {{domxref("ServiceWorkerGlobalScope.sync_event", "sync")}} event inside the associated service worker as soon as network connectivity is available.
 
 ## Syntax
 
@@ -21,14 +21,20 @@ register(tag)
 ### Parameters
 
 - `tag`
-
   - : An identifier for this synchronization event. This will be the value of the `tag` property of the {{domxref("SyncEvent")}} that gets passed into the service worker's {{domxref("ServiceWorkerGlobalScope.sync_event", "sync")}} event handler.
 
 ### Return value
 
 A {{jsxref("Promise")}} that resolves to {{jsxref("undefined")}}.
 
-### Examples
+### Exceptions
+
+- `InvalidStateError` {{domxref("DOMException")}}
+  - : Thrown if current service worker is not active.
+- `NotAllowedError` {{domxref("DOMException")}}
+  - : Thrown if background sync has been disabled by the user.
+
+## Examples
 
 The following asynchronous function registers a background sync from a browsing context:
 

From 6d37e664f5981436dfbba7a67f008a30c5238e00 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 23 Jan 2024 06:00:56 -0800
Subject: [PATCH 534/790] New glossary: accessible description (#31795)

* New glossary: accessible description

* New glossary: accessible description

* New glossary: accessible description

* Update files/en-us/glossary/accessible_description/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../glossary/accessible_description/index.md  | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 files/en-us/glossary/accessible_description/index.md

diff --git a/files/en-us/glossary/accessible_description/index.md b/files/en-us/glossary/accessible_description/index.md
new file mode 100644
index 000000000000000..c42ef0e3bf6e701
--- /dev/null
+++ b/files/en-us/glossary/accessible_description/index.md
@@ -0,0 +1,27 @@
+---
+title: Accessible description
+slug: Glossary/Accessible_description
+page-type: glossary-definition
+---
+
+{{GlossarySidebar}}
+
+An **accessible description** is the description of a user interface element that provides additional information to help users of assistive technology understand the UI element and its context. It is a text description associated with an HTML element that provides users of assistive technology with a description for the element beyond what is provided by the element's {{glossary("accessible name")}}.
+
+An element's accessible description is part of the {{glossary("accessibility tree")}} that makes web content available to {{glossary("Screen_reader", "screen readers")}} and other assistive technologies, which, in turn, make that content available to the users of those technologies.
+
+The accessible description for a {{htmlelement("table")}} is its first {{htmlelement("caption")}}, for the {{htmlelement("figure")}}, is the {{htmlelement("figcaption")}}, for the {{htmlelement("summary")}}, is the content of the {{htmlelement("details")}} it is nested in, and for the button {{htmlelement("input")}} elements, it is the `value` attribute's value, unless the element also has a `aria-describedby` or `aria-description` attribute, which takes precedence.
+
+For other elements, the description needs to be programmatically associated with the related element. In these cases, the accessible description is provided by the [`aria-describedby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) attribute, [`aria-description`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-description) attribute, or the [`title`](/en-US/docs/Web/HTML/Global_attributes#title) attribute, if the `title` would not otherwise also be the {{glossary("accessible name")}} for that element, in that order of precedence.
+
+Descriptions are reduced to text strings. For example, if an element's `aria-describedby` attribute value is the `id` of an HTML {{htmlelement("img")}}, the description is the description of the image (usually the image's `alt` attribute).
+
+You can inspect the accessible description for any element on your page: look at your browser's developer tools' accessibility tab, which provides the accessibility information for the currently selected element.
+
+## See also
+
+- {{glossary("accessible name")}} glossary term
+- [ARIA roles](/en-US/docs/Web/Accessibility/ARIA/Roles)
+- [ARIA attribute](/en-US/docs/Web/Accessibility/ARIA/Attributes)
+- [Accessibility](/en-US/docs/Web/Accessibility)
+- [Learn accessibility](/en-US/docs/Learn/Accessibility)

From 247e2d55c3f579c415725a297edce7a3c663914b Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 23 Jan 2024 22:01:56 +0800
Subject: [PATCH 535/790] Periodic Background Synchronization | update api
 summary (#31809)

* small content update

* fix title

* update front matter keys

* add {{Experimental_Inline}}

* small content update

* add&update inherit info

* update return value
---
 .../en-us/web/api/periodicsyncevent/index.md  |  8 +++---
 .../web/api/periodicsyncmanager/index.md      |  8 +++---
 .../api/periodicsyncmanager/register/index.md |  4 +--
 .../periodicsyncmanager/unregister/index.md   |  2 +-
 .../index.md                                  | 27 ++++++++++---------
 5 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/files/en-us/web/api/periodicsyncevent/index.md b/files/en-us/web/api/periodicsyncevent/index.md
index 1d933daa47f7894..df88dfe9741b7ac 100644
--- a/files/en-us/web/api/periodicsyncevent/index.md
+++ b/files/en-us/web/api/periodicsyncevent/index.md
@@ -9,7 +9,7 @@ browser-compat: api.PeriodicSyncEvent
 
 {{APIRef("Periodic Background Sync")}}{{SeeCompatTable}}
 
-The **`PeriodicSyncEvent`** interface of the {{domxref('Web Periodic Background Synchronization API')}} provides a way to run tasks in the service worker with network connectivity.
+The **`PeriodicSyncEvent`** interface of the {{domxref('Web Periodic Background Synchronization API', '', '', 'nocode')}} provides a way to run tasks in the service worker with network connectivity.
 
 An instance of this event is passed to the {{domxref('ServiceWorkerGlobalScope.periodicsync_event', 'periodicsync')}} handler. This happens periodically, at an interval greater than or equal to that set in the {{domxref('PeriodicSyncManager.register()')}} method. Other implementation-specific factors such as the user's engagement with the site decide the actual interval.
 
@@ -17,17 +17,19 @@ An instance of this event is passed to the {{domxref('ServiceWorkerGlobalScope.p
 
 ## Constructor
 
-- {{domxref("PeriodicSyncEvent.PeriodicSyncEvent()")}} {{Experimental_Inline}}
+- {{domxref("PeriodicSyncEvent.PeriodicSyncEvent", "PeriodicSyncEvent()")}} {{Experimental_Inline}}
   - : Creates a new `PeriodicSyncEvent` object. This constructor is not typically used. The browser creates these objects itself and provides them to {{domxref('ServiceWorkerGlobalScope.periodicsync_event', 'onperiodicsync')}} callback.
 
 ## Instance properties
 
+_Inherits properties from its parent, {{domxref('ExtendableEvent')}}._
+
 - {{domxref('PeriodicSyncEvent.tag')}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns the developer-defined identifier for this `PeriodicSyncEvent`. Multiple tags can be used by the web app to run different periodic tasks at different frequencies.
 
 ## Instance methods
 
-Inherits methods from its parent {{domxref('ExtendableEvent')}}.
+_Inherits methods from its parent, {{domxref('ExtendableEvent')}}._
 
 ## Examples
 
diff --git a/files/en-us/web/api/periodicsyncmanager/index.md b/files/en-us/web/api/periodicsyncmanager/index.md
index a67fed7d1cf8f6c..ea487e7e83e9998 100644
--- a/files/en-us/web/api/periodicsyncmanager/index.md
+++ b/files/en-us/web/api/periodicsyncmanager/index.md
@@ -9,7 +9,7 @@ browser-compat: api.PeriodicSyncManager
 
 {{APIRef("Periodic Background Sync")}}{{SeeCompatTable}}
 
-The **`PeriodicSyncManager`** interface of the {{domxref('Web Periodic Background Synchronization API')}} provides a way to register tasks to be run in a service worker at periodic intervals with network connectivity. These tasks are referred to as periodic background sync requests. Access `PeriodicSyncManager` through the {{domxref('ServiceWorkerRegistration.periodicSync')}}.
+The **`PeriodicSyncManager`** interface of the {{domxref('Web Periodic Background Synchronization API', '', '', 'nocode')}} provides a way to register tasks to be run in a service worker at periodic intervals with network connectivity. These tasks are referred to as periodic background sync requests. Access `PeriodicSyncManager` through the {{domxref('ServiceWorkerRegistration.periodicSync')}}.
 
 ## Instance properties
 
@@ -17,11 +17,11 @@ None.
 
 ## Instance methods
 
-- {{domxref('PeriodicSyncManager.register')}} {{Experimental_Inline}}
+- {{domxref('PeriodicSyncManager.register()')}} {{Experimental_Inline}}
   - : Registers a periodic sync request with the browser with the specified tag and options. Returns a {{jsxref('Promise')}} that resolves when the registration completes.
-- {{domxref('PeriodicSyncManager.getTags')}} {{Experimental_Inline}}
+- {{domxref('PeriodicSyncManager.getTags()')}} {{Experimental_Inline}}
   - : Returns a {{jsxref('Promise')}} that resolves with a list of {{jsxref('String','strings')}} representing the tags that are currently registered for periodic syncing.
-- {{domxref('PeriodicSyncManager.unregister')}} {{Experimental_Inline}}
+- {{domxref('PeriodicSyncManager.unregister()')}} {{Experimental_Inline}}
   - : Unregisters the periodic sync request corresponding to the specified tag and returns a {{jsxref('Promise')}} that resolves when unregistration completes.
 
 ## Examples
diff --git a/files/en-us/web/api/periodicsyncmanager/register/index.md b/files/en-us/web/api/periodicsyncmanager/register/index.md
index 615cd46add8a2ee..2394c5f935d9dd5 100644
--- a/files/en-us/web/api/periodicsyncmanager/register/index.md
+++ b/files/en-us/web/api/periodicsyncmanager/register/index.md
@@ -24,7 +24,7 @@ register(tag, options)
 ### Parameters
 
 - `tag`
-  - : A unique {{jsxref('String')}} identifier
+  - : A unique {{jsxref('String')}} identifier.
 - `options` {{optional_inline}}
 
   - : An {{jsxref('Object')}} containing the following optional data:
@@ -35,7 +35,7 @@ register(tag, options)
 
 ### Return value
 
-Returns a {{jsxref("Promise")}} that resolves with {{jsxref('undefined')}}
+Returns a {{jsxref("Promise")}} that resolves with {{jsxref('undefined')}}.
 
 ### Exceptions
 
diff --git a/files/en-us/web/api/periodicsyncmanager/unregister/index.md b/files/en-us/web/api/periodicsyncmanager/unregister/index.md
index dbde0eeff19d4a3..686d7f4a368f4f0 100644
--- a/files/en-us/web/api/periodicsyncmanager/unregister/index.md
+++ b/files/en-us/web/api/periodicsyncmanager/unregister/index.md
@@ -28,7 +28,7 @@ unregister(tag)
 
 ### Return value
 
-A resolved {{jsxref("Promise")}}.
+Returns a {{jsxref("Promise")}} that resolves with {{jsxref('undefined')}}.
 
 ### Exceptions
 
diff --git a/files/en-us/web/api/web_periodic_background_synchronization_api/index.md b/files/en-us/web/api/web_periodic_background_synchronization_api/index.md
index 82298b88949973a..deeebc87d7f5b8d 100644
--- a/files/en-us/web/api/web_periodic_background_synchronization_api/index.md
+++ b/files/en-us/web/api/web_periodic_background_synchronization_api/index.md
@@ -4,14 +4,17 @@ slug: Web/API/Web_Periodic_Background_Synchronization_API
 page-type: web-api-overview
 status:
   - experimental
-browser-compat: api.PeriodicSyncManager
+browser-compat:
+  - api.PeriodicSyncManager
+  - api.ServiceWorkerGlobalScope.periodicsync_event
+spec-urls: https://wicg.github.io/periodic-background-sync/
 ---
 
 {{DefaultAPISidebar("Periodic Background Sync")}}{{SecureContext_Header}}{{SeeCompatTable}}
 
-The Web Periodic Background Synchronization API provides a way to register tasks to be run in a {{domxref('Service Worker API','service worker')}} at periodic intervals with network connectivity. These tasks are referred to as periodic background sync requests.
+The **Web Periodic Background Synchronization API** provides a way to register tasks to be run in a {{domxref("Service Worker API", "service worker", "", "nocode")}} at periodic intervals with network connectivity. These tasks are referred to as periodic background sync requests.
 
-## Web Periodic Background Synchronization Concepts and Usage
+## Concepts and Usage
 
 The Periodic Background Sync API allows web applications to alert their service worker to make any updates, at a periodic time interval. Uses may include fetching latest content whilst a device is connected to Wi-Fi, or allowing background updates to an application.
 
@@ -21,21 +24,21 @@ The {{domxref('PeriodicSyncManager')}} interface is available through {{domxref(
 
 As this API relies on service workers, functionality provided by this API is only available in a secure context.
 
-## Web Periodic Background Synchronization Interfaces
+## Interfaces
 
-- {{domxref('PeriodicSyncManager')}}
+- {{domxref("PeriodicSyncManager")}} {{Experimental_Inline}}
   - : Registers tasks to be run in a service worker at periodic intervals with network connectivity. These tasks are referred to as periodic background sync requests.
-- {{domxref('PeriodicSyncEvent')}}
-  - : Represents a synchronization event, sent to the {{domxref('ServiceWorkerGlobalScope', 'global scope')}} of a {{domxref('ServiceWorker')}}. It provides a way to run tasks in the service worker with network connectivity.
+- {{domxref("PeriodicSyncEvent")}} {{Experimental_Inline}}
+  - : Represents a synchronization event, sent to the {{domxref("ServiceWorkerGlobalScope", "global scope", "", "nocode")}} of a {{domxref("Service Worker API", "ServiceWorker", "", "nocode")}}. It provides a way to run tasks in the service worker with network connectivity.
 
-## Service Worker Additions
+### Extensions to other interfaces
 
-The following additions to the {{domxref('Service Worker API')}} are specified in the Periodic Background Sync specification to provide an entry point for using Periodic Background Sync.
+The following additions to the {{domxref("Service Worker API", "", "", "nocode")}} are specified in the Periodic Background Sync specification to provide an entry point for using Periodic Background Sync.
 
-- {{domxref("ServiceWorkerRegistration.periodicSync")}} {{ReadOnlyInline}}
+- {{domxref("ServiceWorkerRegistration.periodicSync")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns a reference to the {{domxref("PeriodicSyncManager")}} interface for registering tasks to run at specific intervals.
-- {{domxref("ServiceWorkerGlobalScope.periodicsync_event", "onperiodicsync")}}
-  - : An event handler fired whenever a {{domxref("ServiceWorkerGlobalScope.periodicsync_event", "periodicsync")}} event occurs. This happens at timed intervals, that are specified when registering a {{domxref('PeriodicSyncManager')}}.
+- {{domxref("ServiceWorkerGlobalScope/periodicsync_event", "periodicsync")}} event {{Experimental_Inline}}
+  - : Occurs at periodic intervals, which were specified when registering a {{domxref("PeriodicSyncManager")}}.
 
 ## Examples
 

From 44736567758209d5db6444d90f2676fd64e333c6 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 23 Jan 2024 22:02:38 +0800
Subject: [PATCH 536/790] Background Fetch API | update api group data and
 interface extensions list  (#31828)

* update groupdata

* update interfaces extensions list

* update front matter keys

* style update

* small update
---
 .../web/api/background_fetch_api/index.md     | 35 ++++++++++++++-----
 files/jsondata/GroupData.json                 |  9 +++--
 2 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/files/en-us/web/api/background_fetch_api/index.md b/files/en-us/web/api/background_fetch_api/index.md
index ca618600916fab1..9a7f0add83a528b 100644
--- a/files/en-us/web/api/background_fetch_api/index.md
+++ b/files/en-us/web/api/background_fetch_api/index.md
@@ -4,7 +4,11 @@ slug: Web/API/Background_Fetch_API
 page-type: web-api-overview
 status:
   - experimental
-browser-compat: api.BackgroundFetchManager
+browser-compat:
+  - api.BackgroundFetchManager
+  - api.BackgroundFetchRegistration
+  - api.BackgroundFetchRecord
+spec-urls: https://wicg.github.io/background-fetch/
 ---
 
 {{DefaultAPISidebar("Background Fetch API")}} {{SeeCompatTable}}
@@ -15,7 +19,7 @@ The **Background Fetch API** provides a method for managing downloads that may t
 
 When a web application requires the user to download large files, this often presents a problem in that the user needs to stay connected to the page for the download to complete. If they lose connectivity, close the tab or navigate away from the page the download stops.
 
-The {{domxref("Background Synchronization API")}} provides a way for service workers to defer processing until a user is connected; however it can't be used for long running tasks such as downloading a large file. Background Sync requires that the service worker stays alive until the fetch is completed, and to conserve battery life and to prevent unwanted tasks happening in the background the browser will at some point terminate the task.
+The {{domxref("Background Synchronization API", "", "", "nocode")}} provides a way for service workers to defer processing until a user is connected; however it can't be used for long running tasks such as downloading a large file. Background Sync requires that the service worker stays alive until the fetch is completed, and to conserve battery life and to prevent unwanted tasks happening in the background the browser will at some point terminate the task.
 
 The Background Fetch API solves this problem. It creates a way for a web developer to tell the browser to perform some fetches in the background, for example when the user clicks a button to download a video file. The browser then performs the fetches in a user-visible way, displaying progress to the user and giving them a method to cancel the download. Once the download is complete the browser then opens the service worker, at which point your application can do something with the response if required.
 
@@ -23,16 +27,29 @@ The Background Fetch API will enable the fetch to happen if the user starts the
 
 ## Interfaces
 
-- {{domxref("BackgroundFetchManager")}}
+- {{domxref("BackgroundFetchManager")}} {{Experimental_Inline}}
   - : A map where the keys are background fetch IDs and the values are {{domxref("BackgroundFetchRegistration")}} objects.
-- {{domxref("BackgroundFetchRegistration")}}
+- {{domxref("BackgroundFetchRegistration")}} {{Experimental_Inline}}
   - : Represents a Background Fetch.
-- {{domxref("BackgroundFetchRecord")}}
+- {{domxref("BackgroundFetchRecord")}} {{Experimental_Inline}}
   - : Represents an individual fetch request and response.
-- {{domxref("BackgroundFetchEvent")}}
-  - : The event type passed to `onbackgroundfetchabort` and `onbackgroundfetchclick`.
-- {{domxref("BackgroundFetchUpdateUIEvent")}}
-  - : The event type passed to `onbackgroundfetchsuccess` and `onbackgroundfetchfail`.
+- {{domxref("BackgroundFetchEvent")}} {{Experimental_Inline}}
+  - : The event type for the {{domxref("ServiceWorkerGlobalScope.backgroundfetchabort_event", "backgroundfetchabort")}} and {{domxref("ServiceWorkerGlobalScope.backgroundfetchclick_event", "backgroundfetchclick")}} event
+- {{domxref("BackgroundFetchUpdateUIEvent")}} {{Experimental_Inline}}
+  - : The event type for the {{domxref("ServiceWorkerGlobalScope.backgroundfetchsuccess_event", "backgroundfetchsuccess")}} and {{domxref("ServiceWorkerGlobalScope.backgroundfetchfail_event", "backgroundfetchfail")}} event
+
+### Extensions to other interfaces
+
+- {{domxref("ServiceWorkerRegistration.backgroundFetch")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : Returns a reference to a {{domxref("BackgroundFetchManager")}} object, which manages background fetch operations.
+- {{domxref("ServiceWorkerGlobalScope/backgroundfetchabort_event", "backgroundfetchabort")}} event {{Experimental_Inline}}
+  - : Fired when a background fetch operation has been canceled by the user or the app.
+- {{domxref("ServiceWorkerGlobalScope/backgroundfetchclick_event", "backgroundfetchclick")}} event {{Experimental_Inline}}
+  - : Fired when the user has clicked on the UI for a background fetch operation.
+- {{domxref("ServiceWorkerGlobalScope/backgroundfetchfail_event", "backgroundfetchfail")}} event {{Experimental_Inline}}
+  - : Fired when at least one of the requests in a background fetch operation has failed.
+- {{domxref("ServiceWorkerGlobalScope/backgroundfetchsuccess_event", "backgroundfetchsuccess")}} event {{Experimental_Inline}}
+  - : Fired when all of the requests in a background fetch operation have succeeded.
 
 ## Examples
 
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 03eec4a4f7252a7..0ef3df1365b6805 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -19,8 +19,13 @@
         "BackgroundFetchUpdateUIEvent"
       ],
       "methods": [],
-      "properties": [],
-      "events": []
+      "properties": ["ServiceWorkerRegistration.backgroundFetch"],
+      "events": [
+        "ServiceWorkerGlobalScope: backgroundfetchsuccess",
+        "ServiceWorkerGlobalScope: backgroundfetchfail",
+        "ServiceWorkerGlobalScope: backgroundfetchabort",
+        "ServiceWorkerGlobalScope: backgroundfetchclick"
+      ]
     },
     "Background Sync": {
       "overview": ["Background Synchronization API"],

From 21b4a99602ade76e2b2c665a7ece1e0a90968661 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 23 Jan 2024 14:30:11 +0000
Subject: [PATCH 537/790] Bump @mdn/yari from 2.38.3 to 2.38.4 (#31864)

---
 package.json |   2 +-
 yarn.lock    | 152 +++++++++++++++++++++++----------------------------
 2 files changed, 69 insertions(+), 85 deletions(-)

diff --git a/package.json b/package.json
index ed620e2e478223f..073e602b09011d0 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
   "dependencies": {
     "@apideck/better-ajv-errors": "^0.3.6",
     "@caporal/core": "^2.0.7",
-    "@mdn/yari": "2.38.3",
+    "@mdn/yari": "2.38.4",
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "async": "^3.2.5",
diff --git a/yarn.lock b/yarn.lock
index b5bb6291b63ad05..712af9b4c192a3e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -761,15 +761,15 @@
   resolved "https://registry.yarnpkg.com/@mdn/bcd-utils-api/-/bcd-utils-api-0.0.5.tgz#9587c6b592e87f8a5ccab80ccdd8b5184f867922"
   integrity sha512-+8zfCGZzBoAoLK6jYnOm9Xa2LcdNRDVrUXatuBNuGJHyt7tpR+k/+de2LSGHiU34TYrfAXk7g9x8/IpXR+4zhw==
 
-"@mdn/browser-compat-data@^5.5.6":
-  version "5.5.6"
-  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.6.tgz#29e2e83c04c18acbc73db2c54507f103aba1c622"
-  integrity sha512-dZgfsA1v8r+8QBPh7YqPaNz9KRlLi/iyac1/mwbaIV7yFrtW1qCkmzBJiJGsMhI1/JdayJvC81lVS/UEzHsgbA==
+"@mdn/browser-compat-data@^5.5.7":
+  version "5.5.7"
+  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.7.tgz#984652af52cbe7c111c376d519b5ce765d444003"
+  integrity sha512-DoHTZ/TjtNfUu9eiqJd+x3IcCQrhS+yOYU436TKUnlE36jZwNbK535D1CmTsSYdi/UcdCWNm5KRQZ9g1tlZCPw==
 
-"@mdn/yari@2.38.3":
-  version "2.38.3"
-  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.38.3.tgz#3a0d99069b08ac540f6ca058f7b9597443a31512"
-  integrity sha512-opbUhxvQMhdmfzRPOsoT2+3ybcHmaZIfUuoqF7BVZqI9avKjJSL0WKtHucNW+q8a4VPjo9iNSMitHKmGmIixkw==
+"@mdn/yari@2.38.4":
+  version "2.38.4"
+  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.38.4.tgz#cba59e1fe2b43d646d9029ff7e664a4b0b0020e3"
+  integrity sha512-fPok6algzw79DeK1qSlYm46WkfB2AkMT2Q541FtujMRv8kRRfXscY5D2K8ADcXuYA3L++hcM0viN/1DKyQrs8A==
   dependencies:
     "@caporal/core" "^2.0.7"
     "@codemirror/lang-css" "^6.2.1"
@@ -779,10 +779,10 @@
     "@codemirror/theme-one-dark" "^6.1.2"
     "@fast-csv/parse" "^4.3.6"
     "@mdn/bcd-utils-api" "^0.0.5"
-    "@mdn/browser-compat-data" "^5.5.6"
+    "@mdn/browser-compat-data" "^5.5.7"
     "@mozilla/glean" "2.0.5"
-    "@sentry/integrations" "^7.93.0"
-    "@sentry/node" "^7.93.0"
+    "@sentry/integrations" "^7.94.1"
+    "@sentry/node" "^7.94.1"
     "@stripe/stripe-js" "^2.3.0"
     "@use-it/interval" "^1.0.0"
     "@vscode/ripgrep" "^1.15.9"
@@ -799,12 +799,12 @@
     css-tree "^2.3.1"
     dayjs "^1.11.10"
     dexie "^3.2.4"
-    dotenv "^16.3.1"
+    dotenv "^16.3.2"
     ejs "^3.1.9"
     express "^4.18.2"
     fdir "^6.1.1"
     feed "^4.2.2"
-    file-type "^18.7.0"
+    file-type "^19.0.0"
     front-matter "^4.0.2"
     fs-extra "^11.2.0"
     got "^13.0.0"
@@ -824,10 +824,10 @@
     md5-file "^5.0.0"
     mdast-util-from-markdown "^2.0.0"
     mdast-util-phrasing "^4.0.0"
-    mdn-data "^2.3.4"
+    mdn-data "^2.3.5"
     open "^9.1.0"
     open-editor "^4.1.1"
-    openai "^4.24.7"
+    openai "^4.25.0"
     prism-svelte "^0.5.0"
     prismjs "^1.29.0"
     react-markdown "^9.0.1"
@@ -882,55 +882,54 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@sentry-internal/tracing@7.93.0":
-  version "7.93.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.93.0.tgz#8cee8b610695d828af75edd2929b64b7caf0385d"
-  integrity sha512-DjuhmQNywPp+8fxC9dvhGrqgsUb6wI/HQp25lS2Re7VxL1swCasvpkg8EOYP4iBniVQ86QK0uITkOIRc5tdY1w==
+"@sentry-internal/tracing@7.94.1":
+  version "7.94.1"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.94.1.tgz#27909da03c1541a83002cab655814ec208242b9e"
+  integrity sha512-znxCdrz7tPXm9Bwoe46PW72Zr0Iv7bXT6+b2LNg5fxWiCQVBbQFrMuVvtXEmHxeRRJVEgTh/4TdulB7wrtQIUQ==
   dependencies:
-    "@sentry/core" "7.93.0"
-    "@sentry/types" "7.93.0"
-    "@sentry/utils" "7.93.0"
+    "@sentry/core" "7.94.1"
+    "@sentry/types" "7.94.1"
+    "@sentry/utils" "7.94.1"
 
-"@sentry/core@7.93.0":
-  version "7.93.0"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.93.0.tgz#50a14bf305130dfef51810e4c97fcba4972a57ef"
-  integrity sha512-vZQSUiDn73n+yu2fEcH+Wpm4GbRmtxmnXnYCPgM6IjnXqkVm3awWAkzrheADblx3kmxrRiOlTXYHw9NTWs56fg==
+"@sentry/core@7.94.1":
+  version "7.94.1"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.94.1.tgz#3696cd78b2196ac27fda5bcfb2338f46241a3ff8"
+  integrity sha512-4sjiMnkbGpv9O98YHVZe7fHNwwdYl+zLoCOoEOadtrJ1EYYvnK/MSixN2HJF7g/0s22xd4xY958QyNIRVR+Iiw==
   dependencies:
-    "@sentry/types" "7.93.0"
-    "@sentry/utils" "7.93.0"
+    "@sentry/types" "7.94.1"
+    "@sentry/utils" "7.94.1"
 
-"@sentry/integrations@^7.93.0":
-  version "7.93.0"
-  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.93.0.tgz#23ce18919e8b19f97b9b0fdf69d2ecaa6f1730ad"
-  integrity sha512-uGQ8+DiqUr6SbhdJJHyIqDJ6kHnFuSv8nZWtj2tJ1I8q8u8MX8t8Om6R/R4ap45gCkWg/zqZq7B+gQV6TYewjQ==
+"@sentry/integrations@^7.94.1":
+  version "7.94.1"
+  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.94.1.tgz#b2ce0f09adf599161fa16dbde9f2a2e9c3a2d593"
+  integrity sha512-Fw7OxLlGkrVAVO9WtBJezrb5IxxItCTuefv2IfKku+A5EhHtH1AhXYjQynmt0TLLYIUlyBWiatpOngBzS2wSxw==
   dependencies:
-    "@sentry/core" "7.93.0"
-    "@sentry/types" "7.93.0"
-    "@sentry/utils" "7.93.0"
+    "@sentry/core" "7.94.1"
+    "@sentry/types" "7.94.1"
+    "@sentry/utils" "7.94.1"
     localforage "^1.8.1"
 
-"@sentry/node@^7.93.0":
-  version "7.93.0"
-  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.93.0.tgz#7786d05d1e3e984207a866b07df1bf891355892e"
-  integrity sha512-nUXPCZQm5Y9Ipv7iWXLNp5dbuyi1VvbJ3RtlwD7utgsNkRYB4ixtKE9w2QU8DZZAjaEF6w2X94OkYH6C932FWw==
+"@sentry/node@^7.94.1":
+  version "7.94.1"
+  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.94.1.tgz#3e123e546330d89e71004f9f5cad1f9ba7581598"
+  integrity sha512-30nyrfVbY1vNoWg5ptGW+soykU532VvKLuXiKty3SKEXjp5bv23JrCcVtuwp9KrW4josHOJbxZUqeNni85YplQ==
   dependencies:
-    "@sentry-internal/tracing" "7.93.0"
-    "@sentry/core" "7.93.0"
-    "@sentry/types" "7.93.0"
-    "@sentry/utils" "7.93.0"
-    https-proxy-agent "^5.0.0"
+    "@sentry-internal/tracing" "7.94.1"
+    "@sentry/core" "7.94.1"
+    "@sentry/types" "7.94.1"
+    "@sentry/utils" "7.94.1"
 
-"@sentry/types@7.93.0":
-  version "7.93.0"
-  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.93.0.tgz#d76d26259b40cd0688e1d634462fbff31476c1ec"
-  integrity sha512-UnzUccNakhFRA/esWBWP+0v7cjNg+RilFBQC03Mv9OEMaZaS29zSbcOGtRzuFOXXLBdbr44BWADqpz3VW0XaNw==
+"@sentry/types@7.94.1":
+  version "7.94.1"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.94.1.tgz#97b653a6e73078fc82a2c9d2129e22c7ae1ee248"
+  integrity sha512-A7CdEXFSgGyWv2BT2p9cAvJfb+dypvOtsY8ZvZvdPLUa7kqCV7ndhURUqKjvMBzsL2GParHn3ehDTl2eVc7pvA==
 
-"@sentry/utils@7.93.0":
-  version "7.93.0"
-  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.93.0.tgz#36225038661fe977baf01e4695ef84794d591e45"
-  integrity sha512-Iovj7tUnbgSkh/WrAaMrd5UuYjW7AzyzZlFDIUrwidsyIdUficjCG2OIxYzh76H6nYIx9SxewW0R54Q6XoB4uA==
+"@sentry/utils@7.94.1":
+  version "7.94.1"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.94.1.tgz#1164934cf6e2277fb404744b27de38a04310895d"
+  integrity sha512-gQ2EaMpUU1gGH3S+iqpog9gkXbCo8tlhGYA9a5FUtEtER3D3OAlp8dGFwClwzWDAwzjdLT1+X55zmEptU1cP/A==
   dependencies:
-    "@sentry/types" "7.93.0"
+    "@sentry/types" "7.94.1"
 
 "@sinclair/typebox@^0.27.8":
   version "0.27.8"
@@ -1223,13 +1222,6 @@ accepts@~1.3.5, accepts@~1.3.8:
     mime-types "~2.1.34"
     negotiator "0.6.3"
 
-agent-base@6:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
-  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
-  dependencies:
-    debug "4"
-
 agent-base@^7.0.2:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-7.1.0.tgz#536802b76bc0b34aa50195eb2442276d613e3434"
@@ -2604,10 +2596,10 @@ domutils@^3.0.1:
     domelementtype "^2.3.0"
     domhandler "^5.0.3"
 
-dotenv@^16.3.1:
-  version "16.3.1"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.3.1.tgz#369034de7d7e5b120972693352a3bf112172cc3e"
-  integrity sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==
+dotenv@^16.3.2:
+  version "16.3.2"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.3.2.tgz#3cb611ce5a63002dbabf7c281bc331f69d28f03f"
+  integrity sha512-HTlk5nmhkm8F6JcdXvHIzaorzCoziNQT9mGxLPVXW8wJF1TiGSL60ZGB4gHWabHOaMmWmhvk2/lPHfnBiT78AQ==
 
 download@^6.2.2:
   version "6.2.5"
@@ -3127,10 +3119,10 @@ file-type@^16.5.3:
     strtok3 "^6.2.4"
     token-types "^4.1.1"
 
-file-type@^18.7.0:
-  version "18.7.0"
-  resolved "https://registry.yarnpkg.com/file-type/-/file-type-18.7.0.tgz#cddb16f184d6b94106cfc4bb56978726b25cb2a2"
-  integrity sha512-ihHtXRzXEziMrQ56VSgU7wkxh55iNchFkosu7Y9/S+tXHdKyrGjVK0ujbqNnsxzea+78MaLhN6PGmfYSAv1ACw==
+file-type@^19.0.0:
+  version "19.0.0"
+  resolved "https://registry.yarnpkg.com/file-type/-/file-type-19.0.0.tgz#62a6cadc43f73ba38c53e1a174943a75fdafafa9"
+  integrity sha512-s7cxa7/leUWLiXO78DVVfBVse+milos9FitauDLG1pI7lNaJ2+5lzPnr2N24ym+84HVwJL6hVuGfgVE+ALvU8Q==
   dependencies:
     readable-web-to-node-stream "^3.0.2"
     strtok3 "^7.0.0"
@@ -3817,14 +3809,6 @@ http2-wrapper@^2.1.10:
     quick-lru "^5.1.1"
     resolve-alpn "^1.2.0"
 
-https-proxy-agent@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
-  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
-  dependencies:
-    agent-base "6"
-    debug "4"
-
 https-proxy-agent@^7.0.2:
   version "7.0.2"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-7.0.2.tgz#e2645b846b90e96c6e6f347fb5b2e41f1590b09b"
@@ -5300,10 +5284,10 @@ mdn-data@2.0.30:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
   integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
 
-mdn-data@^2.3.4:
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.3.4.tgz#752758dce18a6ba22e49cc9bff4a79baa560054d"
-  integrity sha512-AMfdA+smv8OZuCmEsAgqn2QkSTAEmqcrJDp56CK4WW3VT5A2AteoOg4p8mbs9hsCMTZUyrHCcLOnCFh1byVvjw==
+mdn-data@^2.3.5:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.4.0.tgz#e78cdea15ddf9841c4de44b604ebefa0bce2978a"
+  integrity sha512-AB4NUFtlTkd4rhr73ocuerhDkpe71kr0VpFLwoYuALjYo8XBrGcBJFgqHADjPHj7Ux50bg+SyLEt6mcodrafzw==
 
 mdurl@^2.0.0:
   version "2.0.0"
@@ -5931,10 +5915,10 @@ open@^9.1.0:
     is-inside-container "^1.0.0"
     is-wsl "^2.2.0"
 
-openai@^4.24.7:
-  version "4.24.7"
-  resolved "https://registry.yarnpkg.com/openai/-/openai-4.24.7.tgz#65b206bcf15c11202f758b5e1e945ffa13fd6b7f"
-  integrity sha512-JUesECWPtsDHO0TlZGb6q73hnAmXUdzj9NrwgZeL4lqlRt/kR1sWrXoy8LocxN/6uOtitywvcJqe0O1PLkG45g==
+openai@^4.25.0:
+  version "4.25.0"
+  resolved "https://registry.yarnpkg.com/openai/-/openai-4.25.0.tgz#b40099d625cccb19cbf1cab88915ac1699ece0ed"
+  integrity sha512-qLMFOizjxKuDfQkBrczZPYo6XVL4bdcuz9MR11Q+M91kGcs8dQw+O90nRcC+qWuhaGphQkfXQJMn4cd7Yew3Kg==
   dependencies:
     "@types/node" "^18.11.18"
     "@types/node-fetch" "^2.6.4"

From df6b9f7ecaacaf837f5cd0d5b8d8236ffc2c9691 Mon Sep 17 00:00:00 2001
From: Tom Wolf <tom@t-dub.net>
Date: Tue, 23 Jan 2024 09:42:38 -0500
Subject: [PATCH 538/790] Cache-control: Adjusted description of cache
 directive structure (#31852)

* Tweaked description of cache directive structure

* Update files/en-us/web/http/headers/cache-control/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/http/headers/cache-control/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Update files/en-us/web/http/headers/cache-control/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Update files/en-us/web/http/headers/cache-control/index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/web/http/headers/cache-control/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/http/headers/cache-control/index.md b/files/en-us/web/http/headers/cache-control/index.md
index 99fe79d9019726c..4a5d881fc9ec6b7 100644
--- a/files/en-us/web/http/headers/cache-control/index.md
+++ b/files/en-us/web/http/headers/cache-control/index.md
@@ -33,11 +33,11 @@ The **`Cache-Control`** HTTP header field holds _directives_ (instructions) —
 
 ## Syntax
 
-Caching directives follow the validation rules below:
+Cache directives follow these rules:
 
 - Caching directives are case-insensitive. However, lowercase is recommended because some implementations do not recognize uppercase directives.
-- Multiple directives are comma-separated.
-- Some directives have an optional argument.
+- Multiple directives are permitted and must be comma-separated (e.g., `Cache-control: max-age=180, public`).
+- Some directives have an optional argument. When an argument is provided, it is separated from the directive name by an equals symbol (`=`). Typically, arguments for the directives are integers and are therefore not enclosed in quote characters (e.g., `Cache-control: max-age=12`).
 
 ### Cache directives
 

From afe89422e098d39436fadbd0c55e96daf6c6a48c Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Tue, 23 Jan 2024 15:34:38 +0000
Subject: [PATCH 539/790] added a release note for the removal of wrong type
 attributes on list (#31200)

* added a release note for the removal of wrong type attributes on list

* updated the release note for html type attribute
---
 files/en-us/mozilla/firefox/releases/122/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index 6b9faee44afa38a..014ece49d1250a6 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -15,6 +15,7 @@ This article provides information about the changes in Firefox 122 that affect d
 ### HTML
 
 - {{HTMLElement("hr")}} elements are now allowed as children of {{HTMLElement("select")}} elements. This is a new feature that improves the readability of select lists with many options. ([Firefox bug 1830909](https://bugzil.la/1830909)).
+- The `type` HTML attribute no longer has an effect if set to `none`, `disc`, `circle` or `square` in {{HTMLElement("ol")}} and no longer has an effect if set to `1`, `a`, `A`, `i` or `I` in {{HTMLElement("ul")}}. As `type` is a deprecated attribute for `<ul>` and `<ol>` lists, these should be styled with {{CSSxref("list-style-type")}} CSS property instead. ([Firefox bug 1868087](https://bugzil.la/1868087)).
 
 #### Removals
 

From f8730b451b37940432ea4203fa78a0454e3efee6 Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Tue, 23 Jan 2024 15:49:46 +0000
Subject: [PATCH 540/790] Fix incorrect statement about dialog top-layer
 placement (#31866)

---
 files/en-us/web/api/popover_api/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/popover_api/index.md b/files/en-us/web/api/popover_api/index.md
index 628106bad8843a1..caa3d354d415964 100644
--- a/files/en-us/web/api/popover_api/index.md
+++ b/files/en-us/web/api/popover_api/index.md
@@ -16,7 +16,7 @@ A very common pattern on the web is to show content over the top of other conten
 - **modal**, meaning that while a popover is being shown, the rest of the page is rendered non-interactive until the popover is actioned in some way (for example an important choice is made).
 - **non-modal**, meaning that the rest of the page can be interacted with while the popover is being shown.
 
-Popovers which are created using the popover API are always non-modal. If you want to create a modal popover, a {{htmlelement("dialog")}} element is the right way to go, although bear in mind that `<dialog>` elements are not put in the {{glossary("top layer")}} by default — popovers are. There is significant overlap between the two — you might for example want to create a popover that persists, but control it using declarative HTML. You can even turn a `<dialog>` element into a popover if you want to combine popover control and top level placement with dialog semantics.
+Popovers created using the Popover API are always non-modal. If you want to create a modal popover, a {{htmlelement("dialog")}} element is the right way to go. There is significant overlap between the two — you might for example want to create a popover that persists, but control it using declarative HTML. You can turn a `<dialog>` element into a popover (`<dialog popover>` is perfectly valid) if you want to combine popover control with dialog semantics.
 
 Typical use cases for the popover API include user-interactive elements like action menus, custom "toast" notifications, form element suggestions, content pickers, or teaching UI.
 

From 7d9d873dbc307b6fd0c843ba205c4d84e8c8a40a Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Tue, 23 Jan 2024 16:50:55 +0000
Subject: [PATCH 541/790] 31103-rect-xywh-ff-release (#31661)

remove experimental note and added release note for rect() & xywh() basic-shape values
---
 .../firefox/experimental_features/index.md    | 43 -------------------
 .../mozilla/firefox/releases/122/index.md     |  2 +
 2 files changed, 2 insertions(+), 43 deletions(-)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index d6abcc323eaa236..e0d3f372d6c972e 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -772,49 +772,6 @@ See ([Firefox bug 1808410](https://bugzil.la/1808410)) for more details.
   </tbody>
 </table>
 
-### rect() and xywh() basic shape functions
-
-The CSS [`rect()`](/en-US/docs/Web/CSS/basic-shape/rect) and [`xywh()`](/en-US/docs/Web/CSS/basic-shape/xywh) shape functions enable you to define a rectangle using the [`<basic-shape>`](/en-US/docs/Web/CSS/basic-shape) data type. In CSS properties such as {{cssxref("offset-path")}}, these functions are used to define the shape of the path along which an element moves. Using the `rect()` function, you specify the rectangle edge offsets from the top edge and left edges of the containing block. Using the `xywh()` function, you specify the rectangle edge offsets from the left and top edges of the containing block as well as the width and height of the rectangle. In both the functions, you can optionally round off the corners.
-For more details, see [Firefox bug 1786161](https://bugzil.la/1786161) for the `rect()` function and [Firefox bug 1786160](https://bugzil.la/1786160) for the `xywh()` function.
-
-<table>
-  <thead>
-    <tr>
-      <th>Release channel</th>
-      <th>Version added</th>
-      <th>Enabled by default?</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th>Nightly</th>
-      <td>117</td>
-      <td>Yes</td>
-    </tr>
-    <tr>
-      <th>Developer Edition</th>
-      <td>117</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Beta</th>
-      <td>117</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Release</th>
-      <td>117</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Preference names</th>
-      <td colspan="2">
-      <code>layout.css.motion-path-basic-shapes.enabled</code>, <code>layout.css.basic-shape-rect.enabled</code>, <code>layout.css.basic-shape-xywh.enabled</code>
-    </td>
-    </tr>
-  </tbody>
-</table>
-
 ### zoom property
 
 The non-standard CSS {{cssxref("zoom")}} property is enabled in the Nightly release and lets you magnify an element similar to the {{cssxref("transform")}} property, but it affects the layout size of the element.
diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index 014ece49d1250a6..9065c9c8bce64fc 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -27,6 +27,8 @@ This article provides information about the changes in Firefox 122 that affect d
 
 - The CSS {{cssxref("ray")}} function is now available by default. You can use this function to define an {{cssxref("offset-path")}} as a line segment that begins from an {{cssxref("offset-position")}} and extends in the direction of the specified angle. ([Firefox bug 1598151](https://bugzil.la/1598151))
 
+- The {{CSSxref("clip-path")}} and {{CSSxref("offset-path")}} properties now accept [`rect()`](/en-US/docs/Web/CSS/basic-shape/rect) and [`xywh()`](/en-US/docs/Web/CSS/basic-shape/xywh) shape functions. These {{CSSXref("basic-shape")}} values allow the clipping and offsetting of elements with a rectangle defined by distance from the edge of the element (`rect()`) or coordinates and size (`xywh()`). ([Firefox bug 1868722](https://bugzil.la/1868722)).
+
 #### Removals
 
 ### JavaScript

From 7d4b73a11e1547dd59cea043b45e57df815f9b3d Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Wed, 24 Jan 2024 02:15:48 +0100
Subject: [PATCH 542/790] Remove spec/browser section for HTML attribute
 (#31856)

---
 files/en-us/web/html/attributes/required/index.md | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/files/en-us/web/html/attributes/required/index.md b/files/en-us/web/html/attributes/required/index.md
index c5a5daed6430d0c..d2df792329885c6 100644
--- a/files/en-us/web/html/attributes/required/index.md
+++ b/files/en-us/web/html/attributes/required/index.md
@@ -2,7 +2,6 @@
 title: "HTML attribute: required"
 slug: Web/HTML/Attributes/required
 page-type: html-attribute
-browser-compat: html.elements.attributes.required
 ---
 
 {{HTMLSidebar}}
@@ -59,14 +58,6 @@ Provide an indication to users informing them the form control is required. Ensu
 
 {{EmbedLiveSample('Example')}}
 
-## Specifications
-
-{{Specifications}}
-
-## Browser compatibility
-
-{{Compat}}
-
 ## See also
 
 - {{domxref('validityState.valueMissing')}}

From 10731cf2d18a87b9642644b612fcb90ad4ad6fb7 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 23 Jan 2024 18:53:04 -0800
Subject: [PATCH 543/790] links added to HTMLImageElement sizes page (#31879)

---
 files/en-us/web/api/htmlimageelement/sizes/index.md | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/files/en-us/web/api/htmlimageelement/sizes/index.md b/files/en-us/web/api/htmlimageelement/sizes/index.md
index 33cc8cc09aa7c53..8dca0a3afedbaf3 100644
--- a/files/en-us/web/api/htmlimageelement/sizes/index.md
+++ b/files/en-us/web/api/htmlimageelement/sizes/index.md
@@ -10,7 +10,7 @@ browser-compat: api.HTMLImageElement.sizes
 
 The {{domxref("HTMLImageElement")}} property
 **`sizes`** allows you to specify the layout width of the
-image for each of a list of media conditions. This provides the ability to
+[image](/en-US/docs/Web/HTML/Element/img) for each of a list of media conditions. This provides the ability to
 automatically select among different images—even images of different orientations or
 aspect ratios—as the document state changes to match different media
 conditions.
@@ -31,7 +31,7 @@ evaluates to `true`.
 Each source size descriptor consists of a media condition as defined by the media
 queries standard. Because a source size descriptor is used to specify the width to use
 for the image during layout of the page, the media condition is typically (but not
-necessarily) based entirely on width information. See
+necessarily) based entirely on [width](/en-US/docs/Web/CSS/@media/width) information. See
 [Using media queries, Syntax](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries#syntax) for
 details on how to construct a media condition.
 
@@ -58,8 +58,8 @@ versions of the image are also available, with their widths specified. The brows
 all of this information and selects an image and width that best meets the specified
 values.
 
-How exactly the images are used may depend upon the browser and what the pixel density
-of the user's display is.
+How exactly the images are used may depend upon the browser and the pixel density
+of the user's display.
 
 Buttons at the bottom of the example let you actually modify the `sizes`
 property slightly, switching the largest of the three widths for the image between 40em
@@ -127,8 +127,8 @@ article img {
 
 The JavaScript code handles the two buttons that let you toggle the third width option
 between 40em and 50em; this is done by handling the {{domxref("Element.click_event",
-  "click")}} event, using the JavaScript string object method {{jsxref("String.replace",
-  "replace()")}} to replace the relevant portion of the `sizes` string.
+  "click")}} event, using the JavaScript string object {{jsxref("String.replace",
+  "replace()")}} method to replace the relevant portion of the `sizes` string.
 
 ```js
 const image = document.querySelector("article img");
@@ -166,3 +166,4 @@ The page is best {{LiveSampleLink('Selecting an image to fit window width', 'vie
 - [Using media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
 - [Images in HTML](/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML)
 - [Responsive images](/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images)
+- [Using the `srcset` and `sizes` attributes](/en-US/docs/Web/HTML/Element/img#using_the_srcset_and_sizes_attributes)

From c6b772b874485e67bb8cf8eff8c1874deb2e66c3 Mon Sep 17 00:00:00 2001
From: Dipika Bhattacharya <dipika@foss-community.org>
Date: Wed, 24 Jan 2024 01:20:39 -0500
Subject: [PATCH 544/790] fix(css): Removes browser-specifc note from CSS
 nesting guide (#31880)

removes note
---
 .../css_nesting/using_css_nesting/index.md    |  6 ++--
 files/en-us/web/css/nesting_selector/index.md | 30 +++++++++----------
 2 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/files/en-us/web/css/css_nesting/using_css_nesting/index.md b/files/en-us/web/css/css_nesting/using_css_nesting/index.md
index c091a80f4940371..6cb0c6996426e2b 100644
--- a/files/en-us/web/css/css_nesting/using_css_nesting/index.md
+++ b/files/en-us/web/css/css_nesting/using_css_nesting/index.md
@@ -6,14 +6,12 @@ page-type: guide
 
 {{CSSRef}}
 
-The [CSS Nesting](/en-US/docs/Web/CSS/CSS_nesting) module allows you to write your stylesheets so that they are easier to read, more modular, and more maintainable. As you are not constantly repeating selectors, the file size can also be reduced.
+The [CSS nesting](/en-US/docs/Web/CSS/CSS_nesting) module allows you to write your stylesheets so that they are easier to read, more modular, and more maintainable. As you are not constantly repeating selectors, the file size can also be reduced.
 
 CSS nesting is different from CSS preprocessors such as [Sass](https://sass-lang.com/) in that it is parsed by the browser rather than being pre-compiled by a CSS preprocessor. Also, in CSS nesting, the [specificity of the `&` nesting selector](/en-US/docs/Web/CSS/CSS_nesting/Nesting_and_specificity) is similar to the {{cssxref(':is',':is()')}} function; it is calculated using the highest specificity in the associated selector list.
 
 This guide shows different ways to arrange nesting in CSS.
 
-> **Note:** Early versions of the specification did not allow nesting of [type selectors](/en-US/docs/Web/CSS/Type_selectors) without the [`&` nesting selector](/en-US/docs/Web/CSS/Nesting_selector). This has been updated so the `&` nesting selector is no longer needed. At the time of writing (Aug. 2023) Firefox supports the new version of the specification while Chrome and Safari support the old version of the specification and must use the `&` nesting selector for type selector nesting.
-
 ## Child selectors
 
 You can use CSS nesting to create child selectors of a parent, which in turn can be used to target child elements of specific parents. This can be done with or without the [`&` nesting selector](/en-US/docs/Web/CSS/Nesting_selector).
@@ -436,7 +434,7 @@ In the following example, there is an invalid selector (`%` is not a valid chara
 }
 ```
 
-## See Also
+## See also
 
 - [CSS nesting](/en-US/docs/Web/CSS/CSS_nesting) module
 - [`&` nesting selector](/en-US/docs/Web/CSS/Nesting_selector)
diff --git a/files/en-us/web/css/nesting_selector/index.md b/files/en-us/web/css/nesting_selector/index.md
index 787c13eee762e80..26701e4d16506ee 100644
--- a/files/en-us/web/css/nesting_selector/index.md
+++ b/files/en-us/web/css/nesting_selector/index.md
@@ -7,11 +7,11 @@ browser-compat: css.selectors.nesting
 
 {{CSSRef}}
 
-The CSS **`&` nesting selector** explicitly states the relationship between parent and child rules when using [CSS Nesting](/en-US/docs/Web/CSS/CSS_nesting). It makes nested child rule selectors _relative to the parent element_. Without the `&` nesting selector the child rule selector selects child elements. The child rule selectors have the same [specificity](/en-US/docs/Web/CSS/CSS_nesting/Nesting_and_specificity) weight as if they were within {{cssxref(":is", ":is()")}}.
+The CSS **`&` nesting selector** explicitly states the relationship between parent and child rules when using [CSS nesting](/en-US/docs/Web/CSS/CSS_nesting). It makes the nested child rule selectors _relative to the parent element_. Without the `&` nesting selector, the child rule selector selects child elements. The child rule selectors have the same [specificity](/en-US/docs/Web/CSS/CSS_nesting/Nesting_and_specificity) weight as if they were within {{cssxref(":is", ":is()")}}.
 
 > **Note:** _Child rule_ does not mean _child element selector_. A child rule can target parent element or child elements depending on use of the `&` nesting selector.
 
-If not used in nested style rule the `&` nesting selector represents the [scoping root](/en-US/docs/Web/CSS/:scope).
+If not used in nested style rule, the `&` nesting selector represents the [scoping root](/en-US/docs/Web/CSS/:scope).
 
 ## Syntax
 
@@ -26,7 +26,7 @@ parentRule {
 
 ### `&` nesting selector and whitespace
 
-Consider following code where nesting is done without the **`&` nesting selector**.
+Consider the following code where nesting is done _without_ the `&` nesting selector.
 
 ```css
 .parent-rule {
@@ -37,7 +37,7 @@ Consider following code where nesting is done without the **`&` nesting selector
 }
 ```
 
-When the browser parses the nested selectors, it automatically adds whitespace between the selectors to create a new CSS selector rule. Following code shows non nested equivalent rules:
+When the browser parses the nested selectors, it automatically adds whitespace between the selectors to create a new CSS selector rule. The following code shows the equivalent non-nested rules:
 
 ```css
 .parent-rule {
@@ -49,9 +49,9 @@ When the browser parses the nested selectors, it automatically adds whitespace b
 }
 ```
 
-When the nested rule needs to be attached (with no whitespace) to the parent rule, such as when using a {{cssxref('Pseudo-classes', 'pseudo class')}} or creating [compound selectors](/en-US/docs/Web/CSS/CSS_selectors/Selector_structure#compound_selector), the **`&` nesting selector** must be immediately prepended to achieve the desired effect.
+When the nested rule needs to be attached (with no whitespace) to the parent rule, such as when using a {{cssxref('Pseudo-classes', 'pseudo-class')}} or creating [compound selectors](/en-US/docs/Web/CSS/CSS_selectors/Selector_structure#compound_selector), the `&` nesting selector must be immediately prepended to achieve the desired effect.
 
-Consider an example where we want to style an element, providing styles to be applied at all times, and also nesting some styles to be applied only on hover. If the **`&` nesting selector** is not included, whitespace is added and we end up with a ruleset that applies the nested styles to any _hovered descendant of the parent rule selector_. This is not what we wanted.
+Consider an example where we want to style an element, providing styles to be applied at all times, and also nesting some styles to be applied only on hover. If the `&` nesting selector is not included, whitespace is added and we end up with a ruleset that applies the nested styles to any _hovered descendant of the parent rule selector_. This is, however, not what we want.
 
 ```css
 .parent-rule {
@@ -61,8 +61,7 @@ Consider an example where we want to style an element, providing styles to be ap
   }
 }
 
-/* the browser parses above nested rules as */
-
+/* the browser parses the above nested rules as shown below */
 .parent-rule {
   /* parent rule properties */
 }
@@ -72,7 +71,7 @@ Consider an example where we want to style an element, providing styles to be ap
 }
 ```
 
-With the **`&` nesting selector** added with no whitespace, the elements matched by the parent rule will be styled when hovered.
+With the `&` nesting selector added with no whitespace, the elements matched by the parent rule will be styled when hovered.
 
 ```css
 .parent-rule {
@@ -82,8 +81,7 @@ With the **`&` nesting selector** added with no whitespace, the elements matched
   }
 }
 
-/* the browser parses above nested rules as */
-
+/* the browser parses the above nested rules as shown below */
 .parent-rule {
   /* parent rule properties */
 }
@@ -141,7 +139,7 @@ The `&` nesting selector can be placed multiple times:
 
 Both of the following examples produce the same output. The first one uses normal CSS styles and the second one uses the `&` nesting selector.
 
-### Normal CSS styles
+### Using normal CSS styles
 
 This example uses normal CSS styling.
 
@@ -176,7 +174,7 @@ This example uses normal CSS styling.
 
 {{EmbedLiveSample('Original_CSS_styles','100%','65')}}
 
-### Nested CSS styles
+### Using `&` in nested CSS styles
 
 This example uses nested CSS styling.
 
@@ -209,9 +207,9 @@ This example uses nested CSS styling.
 
 {{EmbedLiveSample('Nested_CSS_styles','100%','65')}}
 
-### Usage outside nested rule
+### Using `&` outside nested rule
 
-If not used in nested style rule the `&` nesting selector represents the [scoping root](/en-US/docs/Web/CSS/:scope).
+If not used in nested style rule, the `&` nesting selector represents the [scoping root](/en-US/docs/Web/CSS/:scope).
 
 ```html
 <p>Hover over the output box to change document's background color.</p>
@@ -230,7 +228,7 @@ If not used in nested style rule the `&` nesting selector represents the [scopin
 
 #### Result
 
-In this case all the styles apply to [document](/en-US/docs/Web/API/Document).
+In this case, all the styles apply to [document](/en-US/docs/Web/API/Document).
 
 {{EmbedLiveSample('Usage_outside_nested_rule','100%','65')}}
 

From 56f8b4b735a0c02f958121e29f0ec7adc890e7d1 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 23 Jan 2024 23:16:41 -0800
Subject: [PATCH 545/790] Accessible description: link to glossary term
 (#31875)

Accessible description
---
 .../javascript/client-side_web_apis/drawing_graphics/index.md | 2 +-
 files/en-us/web/accessibility/aria/annotations/index.md       | 4 ++--
 .../accessibility/aria/attributes/aria-description/index.md   | 2 +-
 .../web/accessibility/aria/attributes/aria-modal/index.md     | 2 +-
 .../web/accessibility/aria/roles/alertdialog_role/index.md    | 2 +-
 files/en-us/web/html/element/caption/index.md                 | 2 +-
 files/en-us/web/html/element/details/index.md                 | 2 +-
 files/en-us/web/html/element/figcaption/index.md              | 2 +-
 files/en-us/web/html/element/figure/index.md                  | 1 +
 files/en-us/web/html/element/input/button/index.md            | 2 +-
 files/en-us/web/html/element/input/reset/index.md             | 2 +-
 files/en-us/web/html/element/input/submit/index.md            | 2 +-
 files/en-us/web/html/element/summary/index.md                 | 2 ++
 .../tutorials/cycletracker/manifest_file/index.md             | 2 +-
 14 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/files/en-us/learn/javascript/client-side_web_apis/drawing_graphics/index.md b/files/en-us/learn/javascript/client-side_web_apis/drawing_graphics/index.md
index e4132132ada0119..735b56d2b0d7cd2 100644
--- a/files/en-us/learn/javascript/client-side_web_apis/drawing_graphics/index.md
+++ b/files/en-us/learn/javascript/client-side_web_apis/drawing_graphics/index.md
@@ -382,7 +382,7 @@ It is possible to render external images onto your canvas. These can be simple i
    - Parameters 6 and 7 define the coordinates at which you want to draw the top-left corner of the cut-out portion of the image, relative to the top-left corner of the canvas.
    - Parameters 8 and 9 define the width and height to draw the cut-out area of the image. In this case, we have specified the same dimensions as the original slice, but you could resize it by specifying different values.
 
-5. When the image is meaningfully updated, the accessible description must also be updated.
+5. When the image is meaningfully updated, the {{glossary("accessible description")}} must also be updated.
 
    ```js
    canvas.setAttribute("aria-label", "Firefox Logo");
diff --git a/files/en-us/web/accessibility/aria/annotations/index.md b/files/en-us/web/accessibility/aria/annotations/index.md
index 8c3d1f6a40ead91..96539cb834a103e 100644
--- a/files/en-us/web/accessibility/aria/annotations/index.md
+++ b/files/en-us/web/accessibility/aria/annotations/index.md
@@ -71,7 +71,7 @@ We have already alluded to the difference between these two above — `aria-desc
 <p id="description-id">An extended text description of some kind.</p>
 
 <div aria-describedby="description-id">
-  <!-- Some kind of UI feature that needs an accessible description -->
+  <!-- Some kind of UI feature that needs an {{glossary("accessible description")}} -->
 </div>
 ```
 
@@ -93,7 +93,7 @@ This difference becomes apparent when you get to how the content is interpreted
 
 Content associated via `aria-describedby` becomes part of the accessible description and is flattened into a simple string (lists, links, etc. are not exposed). Generally it is announced after the accessible name. ARIA 1.3 also identifies [which roles _disallow_ its use](https://w3c.github.io/aria/#namefromprohibited) (such as `generic`, which maps to `<div>`).
 
-Content associated via `aria-details` is _not_ factored into the accessible description computation. A screen reader would ideally make the user aware the content is available and then let the user navigate directly to that content. As such, it can contain rich content. The role of the referenced element (eg: `comment`, `definition`) may affect how a screen reader exposes or references the content. `aria-details` has no restrictions on which roles may use it.
+Content associated via `aria-details` is _not_ factored into the {{glossary("accessible description")}} computation. A screen reader would ideally make the user aware the content is available and then let the user navigate directly to that content. As such, it can contain rich content. The role of the referenced element (eg: `comment`, `definition`) may affect how a screen reader exposes or references the content. `aria-details` has no restrictions on which roles may use it.
 
 ## A basic description
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-description/index.md b/files/en-us/web/accessibility/aria/attributes/aria-description/index.md
index 32a6fc22d174548..3814dd5765c9609 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-description/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-description/index.md
@@ -27,7 +27,7 @@ The `aria-description` attribute is similar to [`aria-label`](/en-US/docs/Web/Ac
 
 The `aria-description` and `aria-describedby` properties have the same purpose; both provide the user with additional descriptive text for the object on which it is set. If descriptive text is available in the DOM, use [`aria-describedby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) instead.
 
-The `aria-description` property should only be used when providing a visible description is not the desired user experience. The `aria-describedby` attribute takes as its value a list of `id`s of the elements that contain descriptive text about the object. The `aria-description` is used when there is no appropriate descriptive text that can be associated with the object by `id` reference. If both attributes are present, `aria-describedby` takes precedence in defining the accessible description property.
+The `aria-description` property should only be used when providing a visible description is not the desired user experience. The `aria-describedby` attribute takes as its value a list of `id`s of the elements that contain descriptive text about the object. The `aria-description` is used when there is no appropriate descriptive text that can be associated with the object by `id` reference. If both attributes are present, `aria-describedby` takes precedence in defining the {{glossary("accessible description")}} property.
 
 The content of the description, whether set by `aria-description` or `aria-describedby`, should be flat text. If the content is very long, has semantic meaning requirements, or has a navigational structure, use [`aria-details`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-details) instead.
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md b/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md
index b55f35e689cf2f6..3d3c04c2f192313 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md
@@ -56,7 +56,7 @@ If a dialog is not modal — there is no inert background and focus isn't confin
 
 This partial example includes an `alertdialog` nested in a full-screen, non-scrollable backdrop.
 
-The [`role="alertdialog"`](/en-US/docs/Web/Accessibility/ARIA/Roles/alertdialog_role) identifies the element that serves as the alert dialog container. The [`aria-labelledby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) provides the alert dialog an accessible name by referring to the element that provides the alert dialog title. The [`aria-describedby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) attribute gives the alert dialog an accessible description by referring to the alert dialog content that describes the primary message or purpose of the alert dialog.
+The [`role="alertdialog"`](/en-US/docs/Web/Accessibility/ARIA/Roles/alertdialog_role) identifies the element that serves as the alert dialog container. The [`aria-labelledby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) provides the alert dialog an accessible name by referring to the element that provides the alert dialog title. The [`aria-describedby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) attribute gives the alert dialog an {{glossary("accessible description")}} by referring to the alert dialog content that describes the primary message or purpose of the alert dialog.
 
 The `aria-modal="true"` informs the assistive technology user that the content underneath the dialog is not interactive so long as the element with a declaration of `role="alertdialog"` has focus.
 
diff --git a/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md b/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md
index 0c9804a541d625c..e22386573c64e20 100644
--- a/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md
@@ -30,7 +30,7 @@ Adding `role="alertdialog"` alone is not sufficient to make an alert dialog acce
 - The alert dialog must be properly labeled
 - Keyboard focus must be managed correctly
 
-The `alertdialog` must have an accessible name, defined with [`aria-labelledby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) or [`aria-label`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label). The alert dialog text must have an accessible description using [`aria-describedby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby).
+The `alertdialog` must have an accessible name, defined with [`aria-labelledby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) or [`aria-label`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label). The alert dialog text must have an {{glossary("accessible description")}} using [`aria-describedby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby).
 
 ## Examples
 
diff --git a/files/en-us/web/html/element/caption/index.md b/files/en-us/web/html/element/caption/index.md
index c600f16e8098430..9d51c72442386d8 100644
--- a/files/en-us/web/html/element/caption/index.md
+++ b/files/en-us/web/html/element/caption/index.md
@@ -7,7 +7,7 @@ browser-compat: html.elements.caption
 
 {{HTMLSidebar}}
 
-The **`<caption>`** [HTML](/en-US/docs/Web/HTML) element specifies the caption (or title) of a table.
+The **`<caption>`** [HTML](/en-US/docs/Web/HTML) element specifies the caption (or title) of a table, providing the table an {{glossary("accessible description")}}.
 
 {{EmbedInteractiveExample("pages/tabbed/caption.html", "tabbed-taller")}}
 
diff --git a/files/en-us/web/html/element/details/index.md b/files/en-us/web/html/element/details/index.md
index a8fd054cfd363c7..48f3432b7a89955 100644
--- a/files/en-us/web/html/element/details/index.md
+++ b/files/en-us/web/html/element/details/index.md
@@ -9,7 +9,7 @@ browser-compat: html.elements.details
 
 The **`<details>`** [HTML](/en-US/docs/Web/HTML) element creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label must be provided using the {{HTMLElement("summary")}} element.
 
-A disclosure widget is typically presented onscreen using a small triangle which rotates (or twists) to indicate open/closed status, with a label next to the triangle. The contents of the `<summary>` element are used as the label for the disclosure widget.
+A disclosure widget is typically presented onscreen using a small triangle that rotates (or twists) to indicate open/closed status, with a label next to the triangle. The contents of the `<summary>` element are used as the label for the disclosure widget. The contents of the `<details>` provide the {{glossary("accessible description")}} for the `<summary>`.
 
 {{EmbedInteractiveExample("pages/tabbed/details.html", "tabbed-shorter")}}
 
diff --git a/files/en-us/web/html/element/figcaption/index.md b/files/en-us/web/html/element/figcaption/index.md
index 689034a96986f3e..7da64486490915d 100644
--- a/files/en-us/web/html/element/figcaption/index.md
+++ b/files/en-us/web/html/element/figcaption/index.md
@@ -7,7 +7,7 @@ browser-compat: html.elements.figcaption
 
 {{HTMLSidebar}}
 
-The **`<figcaption>`** [HTML](/en-US/docs/Web/HTML) element represents a caption or legend describing the rest of the contents of its parent {{HTMLElement("figure")}} element.
+The **`<figcaption>`** [HTML](/en-US/docs/Web/HTML) element represents a caption or legend describing the rest of the contents of its parent {{HTMLElement("figure")}} element, providing the `<figure>` an {{glossary("accessible description")}}.
 
 {{EmbedInteractiveExample("pages/tabbed/figcaption.html","tabbed-shorter")}}
 
diff --git a/files/en-us/web/html/element/figure/index.md b/files/en-us/web/html/element/figure/index.md
index 1523bf149d57a0f..e2f91e4becdd967 100644
--- a/files/en-us/web/html/element/figure/index.md
+++ b/files/en-us/web/html/element/figure/index.md
@@ -19,6 +19,7 @@ This element only includes the [global attributes](/en-US/docs/Web/HTML/Global_a
 
 - Usually a `<figure>` is an image, illustration, diagram, code snippet, etc., that is referenced in the main flow of a document, but that can be moved to another part of the document or to an appendix without affecting the main flow.
 - A caption can be associated with the `<figure>` element by inserting a {{HTMLElement("figcaption")}} inside it (as the first or the last child). The first `<figcaption>` element found in the figure is presented as the figure's caption.
+- The `<figcaption>` provides the {{glossary("accessible description")}} for the parent `<figure>`.
 
 ## Examples
 
diff --git a/files/en-us/web/html/element/input/button/index.md b/files/en-us/web/html/element/input/button/index.md
index ba4a7dccb35a2e0..b8fc522fa85d669 100644
--- a/files/en-us/web/html/element/input/button/index.md
+++ b/files/en-us/web/html/element/input/button/index.md
@@ -17,7 +17,7 @@ browser-compat: html.elements.input.type_button
 
 ### Button with a value
 
-An `<input type="button">` elements' [`value`](/en-US/docs/Web/HTML/Element/input#value) attribute contains a string that is used as the button's label.
+An `<input type="button">` elements' [`value`](/en-US/docs/Web/HTML/Element/input#value) attribute contains a string that is used as the button's label. The `value` provides the {{glossary("accessible description")}} for the button.
 
 ```html
 <input type="button" value="Click Me" />
diff --git a/files/en-us/web/html/element/input/reset/index.md b/files/en-us/web/html/element/input/reset/index.md
index 8264844593b667f..e1c64da04b96b79 100644
--- a/files/en-us/web/html/element/input/reset/index.md
+++ b/files/en-us/web/html/element/input/reset/index.md
@@ -15,7 +15,7 @@ browser-compat: html.elements.input.type_reset
 
 ## Value
 
-An `<input type="reset">` element's [`value`](/en-US/docs/Web/HTML/Element/input#value) attribute contains a string that is used as the button's label. Buttons such as `reset` don't have a value otherwise.
+An `<input type="reset">` element's [`value`](/en-US/docs/Web/HTML/Element/input#value) attribute contains a string that is used as the button's label providing the button with an {{glossary("accessible description")}}. Buttons such as `reset` don't have a value otherwise.
 
 ### Setting the value attribute
 
diff --git a/files/en-us/web/html/element/input/submit/index.md b/files/en-us/web/html/element/input/submit/index.md
index 4cbe1ab3510852b..606e54ab8eb055d 100644
--- a/files/en-us/web/html/element/input/submit/index.md
+++ b/files/en-us/web/html/element/input/submit/index.md
@@ -11,7 +11,7 @@ browser-compat: html.elements.input.type_submit
 
 ## Value
 
-An `<input type="submit">` element's [`value`](/en-US/docs/Web/HTML/Element/input#value) attribute contains a string which is displayed as the button's label. Buttons do not have a true value otherwise.
+An `<input type="submit">` element's [`value`](/en-US/docs/Web/HTML/Element/input#value) attribute contains a string which is displayed as the button's label. Buttons do not have a true value otherwise. The `value` provides the {{glossary("accessible description")}} for the button.
 
 ### Setting the value attribute
 
diff --git a/files/en-us/web/html/element/summary/index.md b/files/en-us/web/html/element/summary/index.md
index 73910b5a4f4cbdc..929d066f86a7758 100644
--- a/files/en-us/web/html/element/summary/index.md
+++ b/files/en-us/web/html/element/summary/index.md
@@ -21,6 +21,8 @@ The `<summary>` element's contents can be any heading content, plain text, or HT
 
 A `<summary>` element may _only_ be used as the first child of a `<details>` element. When the user clicks on the summary, the parent `<details>` element is toggled open or closed, and then a {{domxref("HTMLDetailsElement/toggle_event", "toggle")}} event is sent to the `<details>` element, which can be used to let you know when this state change occurs.
 
+The content of the `<details>` provides the {{glossary("accessible description")}} for the `<summary>`.
+
 ### Default label text
 
 If a `<details>` element's first child is not a `<summary>` element, the {{Glossary("user agent")}} will use a default string (typically "Details") as the label for the disclosure box.
diff --git a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md
index cfb964d960d978c..5e9042423ef326e 100644
--- a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md
+++ b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md
@@ -43,7 +43,7 @@ To identify your PWA, the JSON must include a `name` or `short_name` member, or
 When both the `name` and `short_name` are present, the `name` is used in most instances, with the `short_name` used when there is a limited space to display the application name.
 
 - [`description`](/en-US/docs/Web/Manifest/description)
-  - : Explanation of what the application does. It provides an [accessible description](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-description) of the application's purpose and function.
+  - : Explanation of what the application does. It provides an {{glossary("accessible description")}} of the application's purpose and function.
 
 ### Task
 

From e2b1940639d7b81e1205884532acbd0ee5e7ec34 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Wed, 24 Jan 2024 15:26:31 +0800
Subject: [PATCH 546/790] Add documentation for `HTMLIFrameElement.name`
 (#31862)

* init docs

* Update files/en-us/web/api/htmliframeelement/name/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmliframeelement/name/index.md

Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>

* Update files/en-us/web/api/htmliframeelement/name/index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>
---
 .../web/api/htmliframeelement/name/index.md   | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 files/en-us/web/api/htmliframeelement/name/index.md

diff --git a/files/en-us/web/api/htmliframeelement/name/index.md b/files/en-us/web/api/htmliframeelement/name/index.md
new file mode 100644
index 000000000000000..a5a43875ba65d16
--- /dev/null
+++ b/files/en-us/web/api/htmliframeelement/name/index.md
@@ -0,0 +1,34 @@
+---
+title: "HTMLIFrameElement: name property"
+short-title: name
+slug: Web/API/HTMLIFrameElement/name
+page-type: web-api-instance-property
+browser-compat: api.HTMLIFrameElement.name
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`name`** property of the {{domxref("HTMLIFrameElement")}} interface is a string value that reflects the `name` attribute of the {{HTMLElement("iframe")}} element, indicating the specific name of the `<iframe>` element.
+
+## Value
+
+A string.
+
+## Examples
+
+```html
+<iframe id="el" name="example"></iframe>
+```
+
+```js
+const el = document.getElementById("el");
+console.log(el.name); // Output: "example"
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}

From f7c186696980fee97e72261370d7b5a8c1cd9302 Mon Sep 17 00:00:00 2001
From: James <36278229+FormularSumo@users.noreply.github.com>
Date: Wed, 24 Jan 2024 07:31:47 +0000
Subject: [PATCH 547/790] Update remaining `rgba()`/`hsla()` occurences to use
 latest syntax (#31827)

* Update remaining rgba() functions to use new sntax

* Update all rgb() / hsl() occurrences to use latest syntax
---
 .../create_the_canvas_and_draw_on_it/index.md |  6 +++---
 files/en-us/glossary/alpha/index.md           |  2 +-
 .../building_blocks/events/index.md           | 18 ++++++++---------
 .../drawing_graphics/index.md                 | 20 +++++++++----------
 .../fetching_data/fetch-update.svg            |  2 +-
 .../first_steps/what_is_javascript/index.md   |  8 ++++----
 .../objects/object_building_practice/index.md |  2 +-
 .../html_and_css/index.md                     | 12 +++++------
 .../code_style_guide/index.md                 |  4 ++--
 .../action/setbadgebackgroundcolor/index.md   |  2 +-
 .../api/action/setbadgetextcolor/index.md     |  2 +-
 .../setbadgebackgroundcolor/index.md          |  2 +-
 .../browseraction/setbadgetextcolor/index.md  |  2 +-
 .../manifest.json/theme/index.md              | 16 +++++++--------
 files/en-us/related/imsc/basics/index.md      |  4 ++--
 15 files changed, 51 insertions(+), 51 deletions(-)

diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md
index bffb99ff63ef1a1..0b724bcf528da05 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md
@@ -86,19 +86,19 @@ As you can see we're using the {{domxref("CanvasRenderingContext2D.beginPath()",
 - start angle and end angle (what angle to start and finish drawing the circle, in radians)
 - direction of drawing (`false` for clockwise, the default, or `true` for anti-clockwise.) This last parameter is optional.
 
-The {{domxref("CanvasRenderingContext2D.fillStyle","fillStyle")}} property looks different than before. This is because, just as with CSS, color can be specified as a hexadecimal value, a color keyword, the `rgba()` function, or any of the other available color methods.
+The {{domxref("CanvasRenderingContext2D.fillStyle","fillStyle")}} property looks different than before. This is because, just as with CSS, color can be specified as a hexadecimal value, a color keyword, the `rgb()` function, or any of the other available color methods.
 
 Instead of using {{domxref("CanvasRenderingContext2D.fill()","fill()")}} and filling the shapes with colors, we can use {{domxref("CanvasRenderingContext2D.stroke()","stroke()")}} to only color the outer stroke. Try adding this code to your JavaScript too:
 
 ```js
 ctx.beginPath();
 ctx.rect(160, 10, 100, 40);
-ctx.strokeStyle = "rgba(0, 0, 255, 0.5)";
+ctx.strokeStyle = "rgb(0 0 255 / 50%)";
 ctx.stroke();
 ctx.closePath();
 ```
 
-The code above prints a blue-stroked empty rectangle. Thanks to the alpha channel in the `rgba()` function, the blue color is semi transparent.
+The code above prints a blue-stroked empty rectangle. Thanks to the alpha channel in the `rgb()` function, the blue color is semi transparent.
 
 ## Compare your code
 
diff --git a/files/en-us/glossary/alpha/index.md b/files/en-us/glossary/alpha/index.md
index 82e5c2874f91add..a977201ce7405ff 100644
--- a/files/en-us/glossary/alpha/index.md
+++ b/files/en-us/glossary/alpha/index.md
@@ -8,7 +8,7 @@ page-type: glossary-definition
 
 The **alpha channel** specifies to opacity of a ({{CSSxRef("&lt;color&gt;")}}). Colors are represented in digital form as a collection of numbers, each representing the strength or intensity level of a given component of the color. Each of these components is called a **channel**. In a typical image file, the color channels describe how much red, green, and blue are used to make up the final color. To represent a color through which the background can be seen to some extent, a fourth channel is added to the color: the alpha channel.
 
-For example, the color `#8921F2` (also described as `rgb(137 33 242)` or `hsl(270 89% 54)`) is a nice shade of purple. Below you see a small box of that color in the top-left corner and a box of the _same_ color but with an alpha channel set at 0.5 (50% opacity), `#8921F280`, where `80` is the hexadecimal equivalent of 50%. This color is also described as `rgb(137 33 242 / 0.5)` or `hsl(270 89% 54 / 0.5)`. The two boxes are drawn on top of a paragraph of text.
+For example, the color `#8921F2` (also described as `rgb(137 33 242)` or `hsl(270 89% 54)`) is a nice shade of purple. Below you see a small box of that color in the top-left corner and a box of the _same_ color but with an alpha channel set at 50% (or 0.5) opacity, `#8921F280`, where `80` is the hexadecimal equivalent of 50%. This color is also described as `rgb(137 33 242 / 50%)` or `hsl(270 89% 54 / 50%)`. The two boxes are drawn on top of a paragraph of text.
 
 ![Image showing the effect of an alpha channel on a color.](alpha-channel-example.png)
 
diff --git a/files/en-us/learn/javascript/building_blocks/events/index.md b/files/en-us/learn/javascript/building_blocks/events/index.md
index 5165d80e8292742..0afb7c1294e6cf1 100644
--- a/files/en-us/learn/javascript/building_blocks/events/index.md
+++ b/files/en-us/learn/javascript/building_blocks/events/index.md
@@ -83,7 +83,7 @@ function random(number) {
 }
 
 btn.addEventListener("click", () => {
-  const rndCol = `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+  const rndCol = `rgb(${random(255)} ${random(255)} ${random(255)})`;
   document.body.style.backgroundColor = rndCol;
 });
 ```
@@ -106,7 +106,7 @@ function random(number) {
 }
 
 btn.addEventListener("click", () => {
-  const rndCol = `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+  const rndCol = `rgb(${random(255)} ${random(255)} ${random(255)})`;
   document.body.style.backgroundColor = rndCol;
 });
 ```
@@ -126,7 +126,7 @@ function random(number) {
 }
 
 function changeBackground() {
-  const rndCol = `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+  const rndCol = `rgb(${random(255)} ${random(255)} ${random(255)})`;
   document.body.style.backgroundColor = rndCol;
 }
 
@@ -163,7 +163,7 @@ const controller = new AbortController();
 
 btn.addEventListener("click",
   () => {
-    const rndCol = `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+    const rndCol = `rgb(${random(255)} ${random(255)} ${random(255)})`;
     document.body.style.backgroundColor = rndCol;
   },
   { signal: controller.signal } // pass an AbortSignal to this handler
@@ -215,7 +215,7 @@ function random(number) {
 }
 
 btn.onclick = () => {
-  const rndCol = `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+  const rndCol = `rgb(${random(255)} ${random(255)} ${random(255)})`;
   document.body.style.backgroundColor = rndCol;
 };
 ```
@@ -230,7 +230,7 @@ function random(number) {
 }
 
 function bgChange() {
-  const rndCol = `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+  const rndCol = `rgb(${random(255)} ${random(255)} ${random(255)})`;
   document.body.style.backgroundColor = rndCol;
 }
 
@@ -261,7 +261,7 @@ You might also see a pattern like this in your code:
 
 ```js
 function bgChange() {
-  const rndCol = `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+  const rndCol = `rgb(${random(255)} ${random(255)} ${random(255)})`;
   document.body.style.backgroundColor = rndCol;
 }
 ```
@@ -310,7 +310,7 @@ function random(number) {
 }
 
 function bgChange(e) {
-  const rndCol = `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+  const rndCol = `rgb(${random(255)} ${random(255)} ${random(255)})`;
   e.target.style.backgroundColor = rndCol;
   console.log(e);
 }
@@ -736,7 +736,7 @@ function random(number) {
 }
 
 function bgChange() {
-  const rndCol = `rgb(${random(255)}, ${random(255)}, ${random(255)})`;
+  const rndCol = `rgb(${random(255)} ${random(255)} ${random(255)})`;
   return rndCol;
 }
 
diff --git a/files/en-us/learn/javascript/client-side_web_apis/drawing_graphics/index.md b/files/en-us/learn/javascript/client-side_web_apis/drawing_graphics/index.md
index 735b56d2b0d7cd2..6bc845ea72ad4b2 100644
--- a/files/en-us/learn/javascript/client-side_web_apis/drawing_graphics/index.md
+++ b/files/en-us/learn/javascript/client-side_web_apis/drawing_graphics/index.md
@@ -124,7 +124,7 @@ So that's it — our canvas is now primed and ready for drawing on! The `ctx` va
 Let's do one last thing before we move on. We'll color the canvas background black to give you a first taste of the canvas API. Add the following lines at the bottom of your JavaScript:
 
 ```js
-ctx.fillStyle = "rgb(0, 0, 0)";
+ctx.fillStyle = "rgb(0 0 0)";
 ctx.fillRect(0, 0, width, height);
 ```
 
@@ -148,7 +148,7 @@ Let's start with some simple rectangles.
 2. Next, add the following lines to the bottom of your JavaScript:
 
    ```js
-   ctx.fillStyle = "rgb(255, 0, 0)";
+   ctx.fillStyle = "rgb(255 0 0)";
    ctx.fillRect(50, 50, 100, 150);
    ```
 
@@ -157,7 +157,7 @@ Let's start with some simple rectangles.
 3. Let's add another rectangle into the mix — a green one this time. Add the following at the bottom of your JavaScript:
 
    ```js
-   ctx.fillStyle = "rgb(0, 255, 0)";
+   ctx.fillStyle = "rgb(0 255 0)";
    ctx.fillRect(75, 75, 100, 100);
    ```
 
@@ -179,7 +179,7 @@ So far we've looked at drawing filled rectangles, but you can also draw rectangl
 1. Add the following to the previous example, again below the previous JavaScript lines:
 
    ```js
-   ctx.strokeStyle = "rgb(255, 255, 255)";
+   ctx.strokeStyle = "rgb(255 255 255)";
    ctx.strokeRect(25, 25, 175, 200);
    ```
 
@@ -212,7 +212,7 @@ We'll be using some common methods and properties across all of the below sectio
 A typical, simple path-drawing operation would look something like so:
 
 ```js
-ctx.fillStyle = "rgb(255, 0, 0)";
+ctx.fillStyle = "rgb(255 0 0)";
 ctx.beginPath();
 ctx.moveTo(50, 50);
 // draw your path
@@ -234,7 +234,7 @@ Let's draw an equilateral triangle on the canvas.
 2. Next, start off your path by adding the following below your previous addition; here we set a color for our triangle, start drawing a path, and then move the pen to (50, 50) without drawing anything. That's where we'll start drawing our triangle.
 
    ```js
-   ctx.fillStyle = "rgb(255, 0, 0)";
+   ctx.fillStyle = "rgb(255 0 0)";
    ctx.beginPath();
    ctx.moveTo(50, 50);
    ```
@@ -274,7 +274,7 @@ Now let's look at how to draw a circle in canvas. This is accomplished using the
 1. Let's add an arc to our canvas — add the following to the bottom of your code:
 
    ```js
-   ctx.fillStyle = "rgb(0, 0, 255)";
+   ctx.fillStyle = "rgb(0 0 255)";
    ctx.beginPath();
    ctx.arc(150, 106, 50, degToRad(0), degToRad(360), false);
    ctx.fill();
@@ -658,7 +658,7 @@ When the "Clear canvas" button is pressed, we run a simple function that clears
 
 ```js
 clearBtn.addEventListener("click", () => {
-  ctx.fillStyle = "rgb(0,0,0)";
+  ctx.fillStyle = "rgb(0 0 0)";
   ctx.fillRect(0, 0, width, height);
 });
 ```
@@ -778,10 +778,10 @@ Let's look at a simple example of how to create something with a WebGL library.
 8. Before we get to defining `draw()`, we'll add a couple of lights to the scene, to liven things up a bit; add the following blocks next:
 
    ```js
-   const light = new THREE.AmbientLight("rgb(255,255,255)"); // soft white light
+   const light = new THREE.AmbientLight("rgb(255 255 255)"); // soft white light
    scene.add(light);
 
-   const spotLight = new THREE.SpotLight("rgb(255,255,255)");
+   const spotLight = new THREE.SpotLight("rgb(255 255 255)");
    spotLight.position.set(100, 1000, 1000);
    spotLight.castShadow = true;
    scene.add(spotLight);
diff --git a/files/en-us/learn/javascript/client-side_web_apis/fetching_data/fetch-update.svg b/files/en-us/learn/javascript/client-side_web_apis/fetching_data/fetch-update.svg
index 438ba0e308fa77f..79c098fcc2a649f 100644
--- a/files/en-us/learn/javascript/client-side_web_apis/fetching_data/fetch-update.svg
+++ b/files/en-us/learn/javascript/client-side_web_apis/fetching_data/fetch-update.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="652" height="301" viewBox="-0.5 -0.5 652 301"><path fill="none" pointer-events="all" d="M78 0h98v98H78z"/><path d="M162.2 81.77v-6.61h-16.23v-3.79h27.55c.99 0 1.79-.73 1.79-1.63V1.64c0-.91-.8-1.64-1.79-1.64H80.14c-.99 0-1.79.73-1.79 1.64v68.09c0 .91.8 1.63 1.79 1.63h27.88v3.79H91.8v6.61L78 90.75V98h98v-7.25l-13.8-8.98zM84.9 64.93V5.92c0-.78.69-1.41 1.53-1.41h80.43c.85 0 1.54.63 1.54 1.41v59.01c0 .78-.7 1.41-1.54 1.41H86.44c-.85 0-1.54-.64-1.54-1.41zm-2.08 25.5 12.44-8.03h63.48l12.42 8.03H82.82z" pointer-events="all"/><path fill="#FFF" stroke="#000" stroke-width="5" pointer-events="all" d="M529 9h120v60H529z"/><path d="M541 18v10m20-10v10m-10-10v10" fill="none" stroke="#000" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M128 123h451.76" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m585.76 123-8 4 2-4-2-4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><g font-family="Helvetica" text-anchor="middle" font-size="16"><path fill="#FFF" d="M237 121h256v20H237z"/><text x="364" y="126.5"> Request page (HTML, JS, CSS, ...) </text></g><path d="M128 200h451.76" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m585.76 200-8 4 2-4-2-4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><g font-family="Helvetica" text-anchor="middle" font-size="16"><path fill="#FFF" d="M312 198h106v20H312z"/><text x="364" y="203.5"> Request data  </text></g><path d="M126.5 298V98M588 290V69" fill="none" stroke="#000" stroke-width="3" stroke-miterlimit="10" stroke-dasharray="9 9" pointer-events="stroke"/><path d="M588 150H136.24" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 150 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M588 230H136.24" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 230 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M8 180h101.76" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m115.76 180-8 4 2-4-2-4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><g font-family="Helvetica" text-anchor="middle" font-size="16"><path fill="#FFF" d="M28 171h59v20H28z"/><text x="56" y="186"> search  </text></g><path d="M128 250q60 0 60 20t-51.76 20" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 290 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path fill="none" pointer-events="all" d="M194 254h94v30h-94z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:92px;height:1px;padding-top:261px;margin-left:196px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:16px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">update page</div></div></div></foreignObject><text x="196" y="277" font-family="Helvetica" font-size="16">update page</text></switch><path fill="none" pointer-events="all" d="M78 0h98v98H78z"/><path d="M162.2 81.77v-6.61h-16.23v-3.79h27.55c.99 0 1.79-.73 1.79-1.63V1.64c0-.91-.8-1.64-1.79-1.64H80.14c-.99 0-1.79.73-1.79 1.64v68.09c0 .91.8 1.63 1.79 1.63h27.88v3.79H91.8v6.61L78 90.75V98h98v-7.25l-13.8-8.98zM84.9 64.93V5.92c0-.78.69-1.41 1.53-1.41h80.43c.85 0 1.54.63 1.54 1.41v59.01c0 .78-.7 1.41-1.54 1.41H86.44c-.85 0-1.54-.64-1.54-1.41zm-2.08 25.5 12.44-8.03h63.48l12.42 8.03H82.82z" pointer-events="all"/><path fill="#FFF" stroke="#000" stroke-width="5" pointer-events="all" d="M529 9h120v60H529z"/><path d="M541 18v10m20-10v10m-10-10v10" fill="none" stroke="#000" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M126.5 298V98M588 290V69" fill="none" stroke="#000" stroke-width="3" stroke-miterlimit="10" stroke-dasharray="9 9" pointer-events="stroke"/><path d="M588 150H136.24" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 150 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M588 230H136.24" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 230 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M8 180h101.76" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m115.76 180-8 4 2-4-2-4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><g font-family="Helvetica" text-anchor="middle" font-size="16"><path fill="#FFF" d="M28 171h59v20H28z"/><text x="56" y="186"> search  </text></g><path d="M128 250q60 0 60 20t-51.76 20" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 290 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path fill="none" pointer-events="all" d="M194 254h94v30h-94z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:92px;height:1px;padding-top:261px;margin-left:196px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0, 0, 0);"><div style="display:inline-block;font-size:16px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">update page</div></div></div></foreignObject><text x="196" y="277" font-family="Helvetica" font-size="16">update page</text></switch><switch><a transform="translate(0 -5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="652" height="301" viewBox="-0.5 -0.5 652 301"><path fill="none" pointer-events="all" d="M78 0h98v98H78z"/><path d="M162.2 81.77v-6.61h-16.23v-3.79h27.55c.99 0 1.79-.73 1.79-1.63V1.64c0-.91-.8-1.64-1.79-1.64H80.14c-.99 0-1.79.73-1.79 1.64v68.09c0 .91.8 1.63 1.79 1.63h27.88v3.79H91.8v6.61L78 90.75V98h98v-7.25l-13.8-8.98zM84.9 64.93V5.92c0-.78.69-1.41 1.53-1.41h80.43c.85 0 1.54.63 1.54 1.41v59.01c0 .78-.7 1.41-1.54 1.41H86.44c-.85 0-1.54-.64-1.54-1.41zm-2.08 25.5 12.44-8.03h63.48l12.42 8.03H82.82z" pointer-events="all"/><path fill="#FFF" stroke="#000" stroke-width="5" pointer-events="all" d="M529 9h120v60H529z"/><path d="M541 18v10m20-10v10m-10-10v10" fill="none" stroke="#000" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M128 123h451.76" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m585.76 123-8 4 2-4-2-4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><g font-family="Helvetica" text-anchor="middle" font-size="16"><path fill="#FFF" d="M237 121h256v20H237z"/><text x="364" y="126.5"> Request page (HTML, JS, CSS, ...) </text></g><path d="M128 200h451.76" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m585.76 200-8 4 2-4-2-4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><g font-family="Helvetica" text-anchor="middle" font-size="16"><path fill="#FFF" d="M312 198h106v20H312z"/><text x="364" y="203.5"> Request data  </text></g><path d="M126.5 298V98M588 290V69" fill="none" stroke="#000" stroke-width="3" stroke-miterlimit="10" stroke-dasharray="9 9" pointer-events="stroke"/><path d="M588 150H136.24" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 150 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M588 230H136.24" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 230 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M8 180h101.76" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m115.76 180-8 4 2-4-2-4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><g font-family="Helvetica" text-anchor="middle" font-size="16"><path fill="#FFF" d="M28 171h59v20H28z"/><text x="56" y="186"> search  </text></g><path d="M128 250q60 0 60 20t-51.76 20" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 290 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path fill="none" pointer-events="all" d="M194 254h94v30h-94z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:92px;height:1px;padding-top:261px;margin-left:196px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:16px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">update page</div></div></div></foreignObject><text x="196" y="277" font-family="Helvetica" font-size="16">update page</text></switch><path fill="none" pointer-events="all" d="M78 0h98v98H78z"/><path d="M162.2 81.77v-6.61h-16.23v-3.79h27.55c.99 0 1.79-.73 1.79-1.63V1.64c0-.91-.8-1.64-1.79-1.64H80.14c-.99 0-1.79.73-1.79 1.64v68.09c0 .91.8 1.63 1.79 1.63h27.88v3.79H91.8v6.61L78 90.75V98h98v-7.25l-13.8-8.98zM84.9 64.93V5.92c0-.78.69-1.41 1.53-1.41h80.43c.85 0 1.54.63 1.54 1.41v59.01c0 .78-.7 1.41-1.54 1.41H86.44c-.85 0-1.54-.64-1.54-1.41zm-2.08 25.5 12.44-8.03h63.48l12.42 8.03H82.82z" pointer-events="all"/><path fill="#FFF" stroke="#000" stroke-width="5" pointer-events="all" d="M529 9h120v60H529z"/><path d="M541 18v10m20-10v10m-10-10v10" fill="none" stroke="#000" stroke-width="5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M126.5 298V98M588 290V69" fill="none" stroke="#000" stroke-width="3" stroke-miterlimit="10" stroke-dasharray="9 9" pointer-events="stroke"/><path d="M588 150H136.24" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 150 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M588 230H136.24" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 230 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M8 180h101.76" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m115.76 180-8 4 2-4-2-4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><g font-family="Helvetica" text-anchor="middle" font-size="16"><path fill="#FFF" d="M28 171h59v20H28z"/><text x="56" y="186"> search  </text></g><path d="M128 250q60 0 60 20t-51.76 20" fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="m130.24 290 8-4-2 4 2 4z" stroke="#000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path fill="none" pointer-events="all" d="M194 254h94v30h-94z"/><switch transform="translate(-.5 -.5)"><foreignObject style="overflow:visible;text-align:left" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe flex-start;justify-content:unsafe flex-start;width:92px;height:1px;padding-top:261px;margin-left:196px"><div style="box-sizing:border-box;font-size:0;text-align:left" data-drawio-colors="color: rgb(0 0 0);"><div style="display:inline-block;font-size:16px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">update page</div></div></div></foreignObject><text x="196" y="277" font-family="Helvetica" font-size="16">update page</text></switch><switch><a transform="translate(0 -5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
diff --git a/files/en-us/learn/javascript/first_steps/what_is_javascript/index.md b/files/en-us/learn/javascript/first_steps/what_is_javascript/index.md
index 8270d175daef9e4..deae838993d528d 100644
--- a/files/en-us/learn/javascript/first_steps/what_is_javascript/index.md
+++ b/files/en-us/learn/javascript/first_steps/what_is_javascript/index.md
@@ -51,10 +51,10 @@ button {
   font-family: "helvetica neue", helvetica, sans-serif;
   letter-spacing: 1px;
   text-transform: uppercase;
-  border: 2px solid rgb(200 200 0 / 0.6);
-  background-color: rgb(0 217 217 / 0.6);
-  color: rgb(100 0 0 / 1);
-  box-shadow: 1px 1px 2px rgb(0 0 200 / 0.4);
+  border: 2px solid rgb(200 200 0 / 60%);
+  background-color: rgb(0 217 217 / 60%);
+  color: rgb(100 0 0 / 100%);
+  box-shadow: 1px 1px 2px rgb(0 0 200 / 40%);
   border-radius: 10px;
   padding: 3px 10px;
   cursor: pointer;
diff --git a/files/en-us/learn/javascript/objects/object_building_practice/index.md b/files/en-us/learn/javascript/objects/object_building_practice/index.md
index 61d6576aa7c59c3..15dd04e9ce559bd 100644
--- a/files/en-us/learn/javascript/objects/object_building_practice/index.md
+++ b/files/en-us/learn/javascript/objects/object_building_practice/index.md
@@ -74,7 +74,7 @@ function random(min, max) {
 }
 
 function randomRGB() {
-  return `rgb(${random(0, 255)},${random(0, 255)},${random(0, 255)})`;
+  return `rgb(${random(0, 255)} ${random(0, 255)} ${random(0, 255)})`;
 }
 ```
 
diff --git a/files/en-us/learn/tools_and_testing/cross_browser_testing/html_and_css/index.md b/files/en-us/learn/tools_and_testing/cross_browser_testing/html_and_css/index.md
index 1fd3f0b20ca576b..14b4394ad5e67e6 100644
--- a/files/en-us/learn/tools_and_testing/cross_browser_testing/html_and_css/index.md
+++ b/files/en-us/learn/tools_and_testing/cross_browser_testing/html_and_css/index.md
@@ -164,20 +164,20 @@ button {
   /* … */
 
   background-color: #ff0000;
-  background-color: rgb(255 0 0 / 1);
+  background-color: rgb(255 0 0 / 100%);
   box-shadow:
-    inset 1px 1px 3px rgb(255 255 255 / 0.4),
-    inset -1px -1px 3px rgb(0 0 0 / 0.4);
+    inset 1px 1px 3px rgb(255 255 255 / 40%),
+    inset -1px -1px 3px rgb(0 0 0 / 40%);
 }
 
 button:hover {
-  background-color: rgb(255 0 0 / 0.5);
+  background-color: rgb(255 0 0 / 50%);
 }
 
 button:active {
   box-shadow:
-    inset 1px 1px 3px rgb(0 0 0 / 0.4),
-    inset -1px -1px 3px rgb(255 255 255 / 0.4);
+    inset 1px 1px 3px rgb(0 0 0 / 40%),
+    inset -1px -1px 3px rgb(255 255 255 / 40%);
 }
 ```
 
diff --git a/files/en-us/mdn/writing_guidelines/writing_style_guide/code_style_guide/index.md b/files/en-us/mdn/writing_guidelines/writing_style_guide/code_style_guide/index.md
index 36f28e6eaf98101..cd0209c8e93c691 100644
--- a/files/en-us/mdn/writing_guidelines/writing_style_guide/code_style_guide/index.md
+++ b/files/en-us/mdn/writing_guidelines/writing_style_guide/code_style_guide/index.md
@@ -138,8 +138,8 @@ These guidelines should be followed to ensure that the code examples you write d
 - Use `rgb()` for more complex colors (including semi-transparent ones):
 
   ```css example-good
-  color: rgb(0, 0, 0, 0.5);
-  color: rgb(248, 242, 230);
+  color: rgb(0 0 0 / 50%);
+  color: rgb(248 242 230);
   ```
 
 - For hex colors, use the short form where relevant:
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgebackgroundcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgebackgroundcolor/index.md
index dc0f4c2d071cd17..b0783d485360d1d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgebackgroundcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgebackgroundcolor/index.md
@@ -33,7 +33,7 @@ browser.action.setBadgeBackgroundColor(
 
       - : The color, specified as one of:
 
-        - a string: any CSS [\<color>](/en-US/docs/Web/CSS/color_value) value, for example `"red"`, `"#FF0000"`, or `"rgb(255,0,0)"`. If the string is not a valid color, the returned promise will be rejected and the background color won't be altered.
+        - a string: any CSS [\<color>](/en-US/docs/Web/CSS/color_value) value, for example `"red"`, `"#FF0000"`, or `"rgb(255 0 0)"`. If the string is not a valid color, the returned promise will be rejected and the background color won't be altered.
         - a `{{WebExtAPIRef('action.ColorArray')}}` object.
         - `null`. If a `tabId` is specified, it removes the tab-specific badge background color so that the tab inherits the global badge background color. Otherwise it reverts the global badge background color to the default value.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetextcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetextcolor/index.md
index b23f286effda0e1..b47cd7a22ba9830 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetextcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/action/setbadgetextcolor/index.md
@@ -29,7 +29,7 @@ browser.action.setBadgeTextColor(
 
       - : The color, specified as one of:
 
-        - a string: any CSS [\<color>](/en-US/docs/Web/CSS/color_value) value, for example `"red"`, `"#FF0000"`, or `"rgb(255,0,0)"`. If the string is not a valid color, the returned promise will be rejected and the text color won't be altered.
+        - a string: any CSS [\<color>](/en-US/docs/Web/CSS/color_value) value, for example `"red"`, `"#FF0000"`, or `"rgb(255 0 0)"`. If the string is not a valid color, the returned promise will be rejected and the text color won't be altered.
         - a `{{WebExtAPIRef('action.ColorArray')}}` object.
         - `null`. If a `tabId` is specified, it removes the tab-specific badge text color so that the tab inherits the global badge text color. Otherwise it reverts the global badge text color to the default value.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgebackgroundcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgebackgroundcolor/index.md
index 1fe3c8c5038ab25..62f9a4644b256e5 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgebackgroundcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgebackgroundcolor/index.md
@@ -31,7 +31,7 @@ browser.browserAction.setBadgeBackgroundColor(
 
       - : The color, specified as one of:
 
-        - a string: any CSS [\<color>](/en-US/docs/Web/CSS/color_value) value, for example `"red"`, `"#FF0000"`, or `"rgb(255,0,0)"`. If the string is not a valid color, the returned promise will be rejected and the background color won't be altered.
+        - a string: any CSS [\<color>](/en-US/docs/Web/CSS/color_value) value, for example `"red"`, `"#FF0000"`, or `"rgb(255 0 0)"`. If the string is not a valid color, the returned promise will be rejected and the background color won't be altered.
         - a `{{WebExtAPIRef('browserAction.ColorArray')}}` object.
         - `null`. If a `tabId` is specified, it removes the tab-specific badge background color so that the tab inherits the global badge background color. Otherwise it reverts the global badge background color to the default value.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetextcolor/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetextcolor/index.md
index e6109e029df364d..2220a3647b5bbbd 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetextcolor/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/setbadgetextcolor/index.md
@@ -27,7 +27,7 @@ browser.browserAction.setBadgeTextColor(
 
       - : The color, specified as one of:
 
-        - a string: any CSS [\<color>](/en-US/docs/Web/CSS/color_value) value, for example `"red"`, `"#FF0000"`, or `"rgb(255,0,0)"`. If the string is not a valid color, the returned promise will be rejected and the text color won't be altered.
+        - a string: any CSS [\<color>](/en-US/docs/Web/CSS/color_value) value, for example `"red"`, `"#FF0000"`, or `"rgb(255 0 0)"`. If the string is not a valid color, the returned promise will be rejected and the text color won't be altered.
         - a `{{WebExtAPIRef('browserAction.ColorArray')}}` object.
         - `null`. If a `tabId` is specified, it removes the tab-specific badge text color so that the tab inherits the global badge text color. Otherwise it reverts the global badge text color to the default value.
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/index.md b/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/index.md
index 6d96f16b7b99e37..ad72466b14aec95 100644
--- a/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/manifest.json/theme/index.md
@@ -1005,10 +1005,10 @@ All these properties can be specified as either a string containing any valid [C
           <pre class="brush: json">
 "theme": {
   "colors": {
-    "toolbar_field": "rgba(255, 255, 255, 0.91)",
-    "toolbar_field_text": "rgb(0, 100, 0)",
-    "toolbar_field_highlight": "rgb(180, 240, 180, 0.9)",
-    "toolbar_field_highlight_text": "rgb(0, 80, 0)"
+    "toolbar_field": "rgb(255 255 255 / 91%)",
+    "toolbar_field_text": "rgb(0 100 0)",
+    "toolbar_field_highlight": "rgb(180 240 180 / 90%)",
+    "toolbar_field_highlight_text": "rgb(0 80 0)"
   }
 }</pre
           >
@@ -1044,10 +1044,10 @@ All these properties can be specified as either a string containing any valid [C
           <pre class="brush: json">
 "theme": {
   "colors": {
-    "toolbar_field": "rgba(255, 255, 255, 0.91)",
-    "toolbar_field_text": "rgb(0, 100, 0)",
-    "toolbar_field_highlight": "rgb(180, 240, 180, 0.9)",
-    "toolbar_field_highlight_text": "rgb(0, 80, 0)"
+    "toolbar_field": "rgb(255 255 255 / 91%)",
+    "toolbar_field_text": "rgb(0 100 0)",
+    "toolbar_field_highlight": "rgb(180 240 180 / 90%)",
+    "toolbar_field_highlight_text": "rgb(0 80 0)"
   }
 }</pre
           >
diff --git a/files/en-us/related/imsc/basics/index.md b/files/en-us/related/imsc/basics/index.md
index 967108b37a650cc..1831d1e3186aae8 100644
--- a/files/en-us/related/imsc/basics/index.md
+++ b/files/en-us/related/imsc/basics/index.md
@@ -80,8 +80,8 @@ Try setting some other colors for the text and background colors:
 
 - Try other named colors like `lime` or `aqua`.
 - Use hexadecimal values like `#00ff00` or `#00ffff`.
-- You can use other color schemes like `rgb(0,255,255)`.
-- Finally, try semi-transparent variations, like `rgba(0,0,0, 80)`.
+- You can use other color schemes like `rgb(0 255 255)`.
+- Finally, try semi-transparent variations, like `rgb(0 0 0 / 80%)`.
 
 > **Note:** Don't worry for now about namespaces. We will explain the meaning of `xmlns:tts` and `tts:backgroundColor` in a separate guide.
 

From 4d5e2c11f4b8cc32e54d2527d9576ed26ced9458 Mon Sep 17 00:00:00 2001
From: Leonid Vinogradov <win.leon@protonmail.com>
Date: Wed, 24 Jan 2024 10:32:48 +0300
Subject: [PATCH 548/790] Unify length, percentage and length-percentage links
 with `{{cssxref}}` macro usage (#31874)

unify length, percentage and length-percentage links with {{cssxref}} macro usage
---
 .../backgrounds_and_borders/index.md          |  4 +--
 .../building_blocks/values_and_units/index.md | 16 ++++--------
 .../mozilla/firefox/releases/119/index.md     |  2 +-
 .../en-us/mozilla/firefox/releases/4/index.md |  6 ++---
 .../letterspacing/index.md                    |  2 +-
 .../wordspacing/index.md                      |  2 +-
 .../web/api/htmlimageelement/sizes/index.md   |  2 +-
 files/en-us/web/css/@property/index.md        |  2 +-
 files/en-us/web/css/alpha-value/index.md      |  2 +-
 files/en-us/web/css/box-shadow/index.md       |  4 +--
 files/en-us/web/css/clamp/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../css_images/using_css_gradients/index.md   |  2 +-
 files/en-us/web/css/css_transforms/index.md   |  6 ++---
 .../web/css/gradient/conic-gradient/index.md  |  2 +-
 .../web/css/gradient/radial-gradient/index.md |  4 +--
 files/en-us/web/css/mod/index.md              |  2 +-
 files/en-us/web/css/rem/index.md              |  2 +-
 files/en-us/web/mathml/attribute/index.md     | 26 +++++++++----------
 files/en-us/web/mathml/element/mfrac/index.md |  2 +-
 .../web/mathml/element/mmultiscripts/index.md |  4 +--
 files/en-us/web/mathml/element/mo/index.md    |  8 +++---
 .../en-us/web/mathml/element/mpadded/index.md | 10 +++----
 .../en-us/web/mathml/element/mspace/index.md  |  6 ++---
 files/en-us/web/mathml/element/msub/index.md  |  2 +-
 .../en-us/web/mathml/element/msubsup/index.md |  4 +--
 files/en-us/web/mathml/element/msup/index.md  |  2 +-
 .../en-us/web/mathml/element/mtable/index.md  |  8 +++---
 .../web/mathml/global_attributes/index.md     |  2 +-
 files/en-us/web/mathml/values/index.md        |  2 +-
 .../svg/attribute/transform-origin/index.md   |  8 +++---
 files/en-us/web/svg/content_type/index.md     |  2 +-
 32 files changed, 72 insertions(+), 78 deletions(-)

diff --git a/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md b/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md
index dc688dff9b70759..0729ebba179c217 100644
--- a/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md
+++ b/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md
@@ -88,7 +88,7 @@ The {{cssxref("background-repeat")}} property is used to control the tiling beha
 
 #### Sizing the background image
 
-The _balloons.jpg_ image used in the initial background images example, is a large image that was cropped due to being larger than the element it is a background of. In this case we could use the {{cssxref("background-size")}} property, which can take [length](/en-US/docs/Web/CSS/length) or [percentage](/en-US/docs/Web/CSS/percentage) values, to size the image to fit inside the background.
+The _balloons.jpg_ image used in the initial background images example, is a large image that was cropped due to being larger than the element it is a background of. In this case we could use the {{cssxref("background-size")}} property, which can take {{cssxref("length")}} or {{cssxref("percentage")}} values, to size the image to fit inside the background.
 
 You can also use keywords:
 
@@ -123,7 +123,7 @@ You can use keywords such as `top` and `right` (look up the others on the {{cssx
 }
 ```
 
-And [Lengths](/en-US/docs/Web/CSS/length), and [percentages](/en-US/docs/Web/CSS/percentage):
+And {{cssxref("length", "lengths")}}, and {{cssxref("percentage", "percentages")}}:
 
 ```css
 .box {
diff --git a/files/en-us/learn/css/building_blocks/values_and_units/index.md b/files/en-us/learn/css/building_blocks/values_and_units/index.md
index 35e12c28a2279e0..36248492fb16155 100644
--- a/files/en-us/learn/css/building_blocks/values_and_units/index.md
+++ b/files/en-us/learn/css/building_blocks/values_and_units/index.md
@@ -43,7 +43,7 @@ In this lesson, we will take a look at some of the most frequently used value ty
 
 ## What is a CSS value?
 
-In CSS specifications and on the property pages here on MDN you will be able to spot value types as they will be surrounded by angle brackets, such as [`<color>`](/en-US/docs/Web/CSS/color_value) or [`<length>`](/en-US/docs/Web/CSS/length). When you see the value type `<color>` as valid for a particular property, that means you can use any valid color as a value for that property, as listed on the [`<color>`](/en-US/docs/Web/CSS/color_value) reference page.
+In CSS specifications and on the property pages here on MDN you will be able to spot value types as they will be surrounded by angle brackets, such as [`<color>`](/en-US/docs/Web/CSS/color_value) or {{cssxref("length")}}. When you see the value type `<color>` as valid for a particular property, that means you can use any valid color as a value for that property, as listed on the [`<color>`](/en-US/docs/Web/CSS/color_value) reference page.
 
 > **Note:** You'll see CSS value types referred to as _data types_. The terms are basically interchangeable — when you see something in CSS referred to as a data type, it is really just a fancy way of saying value type. The term _value_ refers to any particular expression supported by a value type that you choose to use.
 
@@ -105,9 +105,7 @@ There are various numeric value types that you might find yourself using in CSS.
         A <code>&#x3C;dimension></code> is a <code>&#x3C;number></code> with a
         unit attached to it. For example, <code>45deg</code>, <code>5s</code>,
         or <code>10px</code>. <code>&#x3C;dimension></code> is an umbrella
-        category that includes the
-        <code><a href="/en-US/docs/Web/CSS/length">&#x3C;length></a></code
-        >, <code><a href="/en-US/docs/Web/CSS/angle">&#x3C;angle></a></code
+        category that includes the {{cssxref("length")}}, <code><a href="/en-US/docs/Web/CSS/angle">&#x3C;angle></a></code
         >, <code><a href="/en-US/docs/Web/CSS/time">&#x3C;time></a></code
         >, and
         <code
@@ -117,11 +115,7 @@ There are various numeric value types that you might find yourself using in CSS.
       </td>
     </tr>
     <tr>
-      <td>
-        <code
-          ><a href="/en-US/docs/Web/CSS/percentage">&#x3C;percentage></a></code
-        >
-      </td>
+      <td>{{cssxref("percentage")}}</td>
       <td>
         A <code>&#x3C;percentage></code> represents a fraction of some other
         value. For example, <code>50%</code>. Percentage values are always
@@ -134,7 +128,7 @@ There are various numeric value types that you might find yourself using in CSS.
 
 ### Lengths
 
-The numeric type you will come across most frequently is [`<length>`](/en-US/docs/Web/CSS/length). For example, `10px` (pixels) or `30em`. There are two types of lengths used in CSS — relative and absolute. It's important to know the difference in order to understand how big things will become.
+The numeric type you will come across most frequently is {{cssxref("length")}}. For example, `10px` (pixels) or `30em`. There are two types of lengths used in CSS — relative and absolute. It's important to know the difference in order to understand how big things will become.
 
 #### Absolute length units
 
@@ -336,7 +330,7 @@ The next example has font sizes set in percentages. Each `<li>` has a `font-size
 
 {{EmbedGHLiveSample("css-examples/learn/values-units/percentage-fonts.html", '100%', 800)}}
 
-Note that, while many value types accept a length or a percentage, there are some that only accept length. You can see which values are accepted on the MDN property reference pages. If the allowed value includes [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) then you can use a length or a percentage. If the allowed value only includes `<length>`, it is not possible to use a percentage.
+Note that, while many value types accept a length or a percentage, there are some that only accept length. You can see which values are accepted on the MDN property reference pages. If the allowed value includes {{cssxref("length-percentage")}} then you can use a length or a percentage. If the allowed value only includes `<length>`, it is not possible to use a percentage.
 
 ### Numbers
 
diff --git a/files/en-us/mozilla/firefox/releases/119/index.md b/files/en-us/mozilla/firefox/releases/119/index.md
index bc79d146c380ca6..fe5cf3c69e227f8 100644
--- a/files/en-us/mozilla/firefox/releases/119/index.md
+++ b/files/en-us/mozilla/firefox/releases/119/index.md
@@ -28,7 +28,7 @@ This article provides information about the changes in Firefox 119 that affect d
 
 ### SVG
 
-- The [SVG attributes](/en-US/docs/Web/SVG/Attribute) that accept a [`<length>`](/en-US/docs/Web/SVG/Content_type#length) value now support [level 3](https://www.w3.org/TR/css-values-3/#lengths) [length](/en-US/docs/Web/CSS/length) [CSS data types](/en-US/docs/Web/CSS/CSS_Types) for all SVG elements. This enables the sizing of SVG elements based on font sizes (`cap`, `rem`, etc.), viewport (`vh`, `vw`, `vmin`, etc.), or absolute lengths (`px`, `cm`, etc.), e.g. `<line x1="10vw" y1="10vh" x2="50vw" y2="50vh"/>`. (See [Firefox bug 1287054](https://bugzil.la/1287054) for more details).
+- The [SVG attributes](/en-US/docs/Web/SVG/Attribute) that accept a [`<length>`](/en-US/docs/Web/SVG/Content_type#length) value now support [level 3](https://www.w3.org/TR/css-values-3/#lengths) {{cssxref("length")}} [CSS data types](/en-US/docs/Web/CSS/CSS_Types) for all SVG elements. This enables the sizing of SVG elements based on font sizes (`cap`, `rem`, etc.), viewport (`vh`, `vw`, `vmin`, etc.), or absolute lengths (`px`, `cm`, etc.), e.g. `<line x1="10vw" y1="10vh" x2="50vw" y2="50vh"/>`. (See [Firefox bug 1287054](https://bugzil.la/1287054) for more details).
 
 ### HTTP
 
diff --git a/files/en-us/mozilla/firefox/releases/4/index.md b/files/en-us/mozilla/firefox/releases/4/index.md
index 67d3540f1826163..a20cebbc5dc7d49 100644
--- a/files/en-us/mozilla/firefox/releases/4/index.md
+++ b/files/en-us/mozilla/firefox/releases/4/index.md
@@ -55,7 +55,7 @@ The following changes were made to the {{domxref("CanvasRenderingContext2D")}} i
 - [CSS transitions](/en-US/docs/Web/CSS/CSS_transitions/Using_CSS_transitions)
   - : New CSS transitions support is available in Firefox 4.
 - Computed values in CSS
-  - : Support for `-moz-calc` has been added. This lets you specify `{{cssxref("&lt;length&gt;")}}` values as mathematical expressions.
+  - : Support for `-moz-calc` has been added. This lets you specify {{cssxref("length")}} values as mathematical expressions.
 - Selector grouping
   - : Support for `:-moz-any` to group selectors and factorize combinators.
 - Background image subrectangle support
@@ -187,7 +187,7 @@ The following changes were made to the {{domxref("CanvasRenderingContext2D")}} i
       <td><code>-moz-calc</code></td>
       <td>
         Lets you specify
-        {{cssxref("&lt;length&gt;")}} values as
+        {{cssxref("length")}} values as
         mathematical expressions.
       </td>
     </tr>
@@ -224,7 +224,7 @@ The following changes were made to the {{domxref("CanvasRenderingContext2D")}} i
 - The {{cssxref("overflow")}} property no longer applies to table-group elements (`<thead>`, `<tbody>`, and `<tfoot>`).
 - The `-moz-appearance` property now supports the `-moz-win-borderless-glass` value, which applies a borderless Aero Glass look to an element.
 - The [`-moz-device-pixel-ratio`](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries#-moz-device-pixel-ratio) media feature has been added, allowing the use of the device pixels per CSS pixel ratio to be used in [Media Queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries).
-- Gecko's handling of [CSS units](/en-US/docs/Web/CSS/length) has been revised to better match other browsers, and to more accurately translate absolute lengths into screen pixel counts based on the device's DPI.
+- Gecko's handling of CSS {{cssxref("length")}} units has been revised to better match other browsers, and to more accurately translate absolute lengths into screen pixel counts based on the device's DPI.
 
 ### Graphics and video
 
diff --git a/files/en-us/web/api/canvasrenderingcontext2d/letterspacing/index.md b/files/en-us/web/api/canvasrenderingcontext2d/letterspacing/index.md
index 6938b1d1aeb37f4..55963eff6a55ba7 100644
--- a/files/en-us/web/api/canvasrenderingcontext2d/letterspacing/index.md
+++ b/files/en-us/web/api/canvasrenderingcontext2d/letterspacing/index.md
@@ -14,7 +14,7 @@ This corresponds to the CSS [`letter-spacing`](/en-US/docs/Web/CSS/letter-spacin
 
 ## Value
 
-The letter spacing as a string in the [CSS length](/en-US/docs/Web/CSS/length) data format.
+The letter spacing as a string in the CSS {{cssxref("length")}} data format.
 The default is `0px`.
 
 The property can be used to get or set the spacing.
diff --git a/files/en-us/web/api/canvasrenderingcontext2d/wordspacing/index.md b/files/en-us/web/api/canvasrenderingcontext2d/wordspacing/index.md
index 787ec948bd76893..89b2cf9eb2b1059 100644
--- a/files/en-us/web/api/canvasrenderingcontext2d/wordspacing/index.md
+++ b/files/en-us/web/api/canvasrenderingcontext2d/wordspacing/index.md
@@ -14,7 +14,7 @@ This corresponds to the CSS [`word-spacing`](/en-US/docs/Web/CSS/word-spacing) p
 
 ## Value
 
-The word spacing as a string in the [CSS length](/en-US/docs/Web/CSS/length) data format.
+The word spacing as a string in the CSS {{cssxref("length")}} data format.
 The default is `0px`.
 
 The property can be used to get or set the spacing.
diff --git a/files/en-us/web/api/htmlimageelement/sizes/index.md b/files/en-us/web/api/htmlimageelement/sizes/index.md
index 8dca0a3afedbaf3..45212ef6ef54ecf 100644
--- a/files/en-us/web/api/htmlimageelement/sizes/index.md
+++ b/files/en-us/web/api/htmlimageelement/sizes/index.md
@@ -37,7 +37,7 @@ details on how to construct a media condition.
 
 ### Source size values
 
-The source size value is a [CSS length](/en-US/docs/Web/CSS/length). It may
+The source size value is a CSS {{cssxref("length")}}. It may
 be specified using font-relative units (such as `em` or `ex`),
 absolute units (such as `px` or `cm`), or the `vw`
 unit, which lets you specify the width as a percentage of the viewport width
diff --git a/files/en-us/web/css/@property/index.md b/files/en-us/web/css/@property/index.md
index 2d892887a402fbd..0a60d55cfb5d5c1 100644
--- a/files/en-us/web/css/@property/index.md
+++ b/files/en-us/web/css/@property/index.md
@@ -58,7 +58,7 @@ In this example, we define two custom properties, `--item-size` and `--item-colo
 </div>
 ```
 
-The following code uses the CSS `@property` at-rule to define a custom property named `--item-size`. The property sets the initial value to `40%`, limiting valid values to [percentage](/en-US/docs/Web/CSS/percentage) values only. This means, when used as the value for an item's size, its size will always be relative to its parent's size. The property is inheritable.
+The following code uses the CSS `@property` at-rule to define a custom property named `--item-size`. The property sets the initial value to `40%`, limiting valid values to {{cssxref("percentage")}} values only. This means, when used as the value for an item's size, its size will always be relative to its parent's size. The property is inheritable.
 
 ```css
 @property --item-size {
diff --git a/files/en-us/web/css/alpha-value/index.md b/files/en-us/web/css/alpha-value/index.md
index e17ff3c0da304be..172969ed69039cd 100644
--- a/files/en-us/web/css/alpha-value/index.md
+++ b/files/en-us/web/css/alpha-value/index.md
@@ -11,7 +11,7 @@ The **`<alpha-value>`** [CSS](/en-US/docs/Web/CSS) [data type](/en-US/docs/Web/C
 
 ## Syntax
 
-The value of an `<alpha-value>` is given as either a [`<number>`](/en-US/docs/Web/CSS/number) or a [`<percentage>`](/en-US/docs/Web/CSS/percentage).
+The value of an `<alpha-value>` is given as either a [`<number>`](/en-US/docs/Web/CSS/number) or a {{cssxref("percentage")}}.
 
 If given as a number, the useful range is 0 (fully transparent) to 1.0 (fully opaque), with decimal values in between; that is, 0.5 indicates that half of the foreground color is used and half of the background color is used. Values outside the range of 0 to 1 are permitted, but are [clamped](<https://en.wikipedia.org/wiki/Clamping_(graphics)>) to lie within the range 0 to 1.
 
diff --git a/files/en-us/web/css/box-shadow/index.md b/files/en-us/web/css/box-shadow/index.md
index 6877695148cfb0f..b0bd3b5fa46da99 100644
--- a/files/en-us/web/css/box-shadow/index.md
+++ b/files/en-us/web/css/box-shadow/index.md
@@ -52,7 +52,7 @@ box-shadow: unset;
 
 Specify a single box-shadow using:
 
-- Two, three, or four [`<length>`](/en-US/docs/Web/CSS/length) values.
+- Two, three, or four {{cssxref("length")}} values.
 
   - If only two values are given, they are interpreted as `<offset-x>` and `<offset-y>` values.
   - If a third value is given, it is interpreted as a `<blur-radius>`.
@@ -87,7 +87,7 @@ To specify multiple shadows, provide a comma-separated list of shadows.
 
 ### Interpolation
 
-When animating shadows, such as when multiple shadow values on a box transition to new values on hover, the values are interpolated. {{Glossary("Interpolation")}} determines intermediate values of properties, such as the blur radius, spread radius, and color, as shadows transition. For each shadow in a list of shadows, the color, x, y, blur, and spread transition; the color as [`<color>`](/en-US/docs/Web/CSS/color_value), and the other values as [`<length>`](/en-US/docs/Web/CSS/length)s.
+When animating shadows, such as when multiple shadow values on a box transition to new values on hover, the values are interpolated. {{Glossary("Interpolation")}} determines intermediate values of properties, such as the blur radius, spread radius, and color, as shadows transition. For each shadow in a list of shadows, the color, x, y, blur, and spread transition; the color as [`<color>`](/en-US/docs/Web/CSS/color_value), and the other values as {{cssxref("length")}}s.
 
 In interpolating multiple shadows between two comma-separated lists of multiple box shadows, the shadows are paired, in order, with interpolation occurring between paired shadows. If the lists of shadows have different lengths, then the shorter list is padded at the end with shadows whose color is `transparent`, and X, Y, and blur are `0`, with the inset, or lack of inset, being set to match. If in any pair of shadows, one has `inset` set and the other does not, the entire shadow list is uninterpolated; the shadows will change to the new values without an animating effect.
 
diff --git a/files/en-us/web/css/clamp/index.md b/files/en-us/web/css/clamp/index.md
index e372ca8b9535bfb..1db170c5c1236d4 100644
--- a/files/en-us/web/css/clamp/index.md
+++ b/files/en-us/web/css/clamp/index.md
@@ -74,7 +74,7 @@ The example adjusts the sizes of page elements in three ways:
 - the font size of paragraph text
 - the font size of heading text
 
-In all three cases, the page uses a combination of a viewport-relative units ([`vw`](/en-US/docs/Web/CSS/length#vw) and [`<percentage>`](/en-US/docs/Web/CSS/percentage)), to set a size that varies with the viewport width, and a value that is not viewport relative ([`rem`](/en-US/docs/Web/CSS/length#rem) and [`px`](/en-US/docs/Web/CSS/length#px)) to implement minimum and/or maximum sizes.
+In all three cases, the page uses a combination of a viewport-relative units ([`vw`](/en-US/docs/Web/CSS/length#vw) and {{cssxref("percentage")}}), to set a size that varies with the viewport width, and a value that is not viewport relative ([`rem`](/en-US/docs/Web/CSS/length#rem) and [`px`](/en-US/docs/Web/CSS/length#px)) to implement minimum and/or maximum sizes.
 
 The example is at <https://mdn.github.io/css-examples/min-max-clamp/>. Open it in a new window and try adjusting the window width.
 
diff --git a/files/en-us/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_axis/index.md b/files/en-us/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_axis/index.md
index 659edc3fa6d947d..600034c96e9e9a4 100644
--- a/files/en-us/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_axis/index.md
+++ b/files/en-us/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_axis/index.md
@@ -34,7 +34,7 @@ There are a few concepts worth digging into before looking at how the flex prope
 
 In order to work out how much space there is available to lay out flex items, the browser needs to know how big the item is to start with. How is this worked out for items that don't have a width or a height applied using an absolute length unit?
 
-There is a concept in CSS of {{CSSxRef('min-content')}} and {{CSSxRef('max-content')}}; these keywords can be used in place of a [length unit](/en-US/docs/Web/CSS/length).
+There is a concept in CSS of {{CSSxRef('min-content')}} and {{CSSxRef('max-content')}}; these keywords can be used in place of a {{cssxref("length")}} unit.
 
 In the live example below for instance I have two paragraph elements that contain a string of text. The first paragraph has a width of `min-content`. You should be able to see that the text has taken all of the soft wrapping opportunities available to it, becoming as small as it can be without overflowing. This then, is the `min-content` size of that string. Essentially, the longest word in the string is dictating the size.
 
diff --git a/files/en-us/web/css/css_images/using_css_gradients/index.md b/files/en-us/web/css/css_images/using_css_gradients/index.md
index a5bd3fa399419af..e15870e3c6e1aec 100644
--- a/files/en-us/web/css/css_images/using_css_gradients/index.md
+++ b/files/en-us/web/css/css_images/using_css_gradients/index.md
@@ -557,7 +557,7 @@ div {
 
 #### Example: length for circles
 
-For circles the size may be given as a [\<length>](/en-US/docs/Web/CSS/length), which is the size of the circle.
+For circles the size may be given as a {{cssxref("length")}}, which is the size of the circle.
 
 ```html hidden
 <div class="radial-circle-size"></div>
diff --git a/files/en-us/web/css/css_transforms/index.md b/files/en-us/web/css/css_transforms/index.md
index a1466f240ea8522..bcc902b116fded1 100644
--- a/files/en-us/web/css/css_transforms/index.md
+++ b/files/en-us/web/css/css_transforms/index.md
@@ -103,10 +103,10 @@ You can [view this example's source on GitHub](https://github.com/mdn/css-exampl
   - [`visibility`](/en-US/docs/Web/CSS/visibility)
 - Data types:
   - [`<angle>`](/en-US/docs/Web/CSS/angle)
-  - [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage)
-  - [`<length>`](/en-US/docs/Web/CSS/length)
+  - {{cssxref("length-percentage")}}
+  - {{cssxref("length")}}
   - [`<number>`](/en-US/docs/Web/CSS/number)
-  - [`<percentage>`](/en-US/docs/Web/CSS/percentage)
+  - {{cssxref("percentage")}}
   - [`<position>`](/en-US/docs/Web/CSS/position_value)
 - Glossary terms:
   - [Interpolation](/en-US/docs/Glossary/Interpolation)
diff --git a/files/en-us/web/css/gradient/conic-gradient/index.md b/files/en-us/web/css/gradient/conic-gradient/index.md
index 7fa9b97c7cfcf2d..aba36c5d082fcc3 100644
--- a/files/en-us/web/css/gradient/conic-gradient/index.md
+++ b/files/en-us/web/css/gradient/conic-gradient/index.md
@@ -70,7 +70,7 @@ The conic-gradient syntax is similar to the radial-gradient syntax, but the colo
 
 ![color stops along the circumference of a conic gradient and the axis of a radial gradient.](screenshot_2018-11-29_21.09.19.png)
 
-A conic gradient is specified by indicating a rotation angle, the center of the gradient, and then specifying a list of color-stops. Unlike linear and radial gradients, whose color-stops are placed by specifying a [length](/en-US/docs/Web/CSS/length), the color-stops of a conic gradient are specified with an [angle](/en-US/docs/Web/CSS/angle). Units include `deg` for degrees, `grad` for gradients, `rad` for radians, and `turn` for turns. There are 360 degrees, 400 gradians, 2π radians, and 1 turn in a circle. Browsers supporting conic gradients also accept percent values, with 100% equaling 360 degrees, but this is not in the specification.
+A conic gradient is specified by indicating a rotation angle, the center of the gradient, and then specifying a list of color-stops. Unlike linear and radial gradients, whose color-stops are placed by specifying a {{cssxref("length")}}, the color-stops of a conic gradient are specified with an [angle](/en-US/docs/Web/CSS/angle). Units include `deg` for degrees, `grad` for gradients, `rad` for radians, and `turn` for turns. There are 360 degrees, 400 gradians, 2π radians, and 1 turn in a circle. Browsers supporting conic gradients also accept percent values, with 100% equaling 360 degrees, but this is not in the specification.
 
 Similar to radial gradients, the conic gradient syntax provides for positioning the center of the gradient anywhere within, or even outside, the image. The values for the position are similar to the syntax for 2-value background-position.
 
diff --git a/files/en-us/web/css/gradient/radial-gradient/index.md b/files/en-us/web/css/gradient/radial-gradient/index.md
index 9fa0e16bc8ad719..be05007ead00a38 100644
--- a/files/en-us/web/css/gradient/radial-gradient/index.md
+++ b/files/en-us/web/css/gradient/radial-gradient/index.md
@@ -43,9 +43,9 @@ A radial gradient is specified by indicating the center of the gradient (where t
     | `farthest-side`   | Similar to `closest-side`, except the ending shape is sized to meet the side of the box farthest from its center (or vertical and horizontal sides).                            |
     | `farthest-corner` | The default value, the gradient's ending shape is sized so that it exactly meets the farthest corner of the box from its center.                                                |
 
-    If `<ending-shape>` is specified as `circle`, the size may be given explicitly as a [`<length>`](/en-US/docs/Web/CSS/length), which provides an explicit circle radius. Negative values are invalid.
+    If `<ending-shape>` is specified as `circle`, the size may be given explicitly as a {{cssxref("length")}}, which provides an explicit circle radius. Negative values are invalid.
 
-    If `<ending-shape>` is specified as `ellipse`, the size may be given as a [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) with two values to provide an explicit ellipse size. The first value represents the horizontal radius and the second is the vertical radius. Percentage values are relative to the corresponding dimension of the gradient box. Negative values are invalid.
+    If `<ending-shape>` is specified as `ellipse`, the size may be given as a {{cssxref("length-percentage")}} with two values to provide an explicit ellipse size. The first value represents the horizontal radius and the second is the vertical radius. Percentage values are relative to the corresponding dimension of the gradient box. Negative values are invalid.
 
     When the `<ending-shape>` keyword is omitted, the gradient shape is determined by the size given. One `<length>` value provides a circle, while two values in `<length-percentage>`units provide an ellipse. A single `<percentage>` value is not valid.
 
diff --git a/files/en-us/web/css/mod/index.md b/files/en-us/web/css/mod/index.md
index 79451e91f14b7e2..3bbf5a356384419 100644
--- a/files/en-us/web/css/mod/index.md
+++ b/files/en-us/web/css/mod/index.md
@@ -40,7 +40,7 @@ transition-duration: mod(20s / 2, 3000ms * 2); /* 4s */
 
 ### Parameter
 
-The `mod(dividend, divisor)` function accepts two comma-separated values as its parameters. Both parameters must have the same type, [number](/en-US/docs/Web/CSS/number), [dimension](/en-US/docs/Web/CSS/dimension), or [percentage](/en-US/docs/Web/CSS/percentage), for the function to be valid. While the units in the two parameters don't need to be the same, they do need of the same dimension type, such as {{cssxref("length")}}, {{cssxref("angle")}}, {{cssxref("time")}}, or {{cssxref("frequency")}} to be valid.
+The `mod(dividend, divisor)` function accepts two comma-separated values as its parameters. Both parameters must have the same type, [number](/en-US/docs/Web/CSS/number), [dimension](/en-US/docs/Web/CSS/dimension), or {{cssxref("percentage")}}, for the function to be valid. While the units in the two parameters don't need to be the same, they do need of the same dimension type, such as {{cssxref("length")}}, {{cssxref("angle")}}, {{cssxref("time")}}, or {{cssxref("frequency")}} to be valid.
 
 - `dividend`
 
diff --git a/files/en-us/web/css/rem/index.md b/files/en-us/web/css/rem/index.md
index 797d261ac48ed08..40d30ff0432b17e 100644
--- a/files/en-us/web/css/rem/index.md
+++ b/files/en-us/web/css/rem/index.md
@@ -40,7 +40,7 @@ transition-duration: rem(20s / 2, 3000ms * 2); /* 4s */
 
 ### Parameter
 
-The `rem(dividend, divisor)` function accepts two comma-separated values as its parameters. Both parameters must have the same type, [number](/en-US/docs/Web/CSS/number), [dimension](/en-US/docs/Web/CSS/dimension), or [percentage](/en-US/docs/Web/CSS/percentage), for the function to be valid. While the units in the two parameters don't need to be the same, they do need of the same dimension type, such as {{cssxref("length")}}, {{cssxref("angle")}}, {{cssxref("time")}}, or {{cssxref("frequency")}} to be valid.
+The `rem(dividend, divisor)` function accepts two comma-separated values as its parameters. Both parameters must have the same type, [number](/en-US/docs/Web/CSS/number), [dimension](/en-US/docs/Web/CSS/dimension), or {{cssxref("percentage")}}, for the function to be valid. While the units in the two parameters don't need to be the same, they do need of the same dimension type, such as {{cssxref("length")}}, {{cssxref("angle")}}, {{cssxref("time")}}, or {{cssxref("frequency")}} to be valid.
 
 - `dividend`
 
diff --git a/files/en-us/web/mathml/attribute/index.md b/files/en-us/web/mathml/attribute/index.md
index 330b1535681318a..cdea4158b1daa3c 100644
--- a/files/en-us/web/mathml/attribute/index.md
+++ b/files/en-us/web/mathml/attribute/index.md
@@ -117,7 +117,7 @@ This is an alphabetical list of MathML attributes. More details for each attribu
       <td><code>depth</code></td>
       <td>{{ MathMLElement("mpadded") }}</td>
       <td>
-       A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating the desired depth (below the baseline).
+       A {{cssxref("length-percentage")}} indicating the desired depth (below the baseline).
       </td>
     </tr>
     <tr>
@@ -209,7 +209,7 @@ This is an alphabetical list of MathML attributes. More details for each attribu
         {{ MathMLElement("mspace") }}
       </td>
       <td>
-        A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating the desired height (above the baseline).
+        A {{cssxref("length-percentage")}} indicating the desired height (above the baseline).
       </td>
     </tr>
     <tr>
@@ -225,7 +225,7 @@ This is an alphabetical list of MathML attributes. More details for each attribu
     <tr>
       <td><code>linethickness</code></td>
       <td>{{ MathMLElement("mfrac") }}</td>
-      <td>A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating the thickness of the horizontal fraction line.</td>
+      <td>A {{cssxref("length-percentage")}} indicating the thickness of the horizontal fraction line.</td>
     </tr>
     <tr>
       <td><code>lspace</code></td>
@@ -233,7 +233,7 @@ This is an alphabetical list of MathML attributes. More details for each attribu
         {{ MathMLElement("mo") }}
       </td>
       <td>
-        A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating amount of space before the operator.
+        A {{cssxref("length-percentage")}} indicating amount of space before the operator.
       </td>
     </tr>
     <tr>
@@ -242,7 +242,7 @@ This is an alphabetical list of MathML attributes. More details for each attribu
         {{ MathMLElement("mpadded") }}
       </td>
       <td>
-        A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating the horizontal location of the positioning point of the child content with respect to the positioning point of the element.
+        A {{cssxref("length-percentage")}} indicating the horizontal location of the positioning point of the child content with respect to the positioning point of the element.
       </td>
     </tr>
     <tr>
@@ -270,7 +270,7 @@ This is an alphabetical list of MathML attributes. More details for each attribu
       <td><code>mathsize</code></td>
       <td><a href="/en-US/docs/Web/MathML/Global_attributes">All MathML elements</a></td>
       <td>
-        A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> used as a <a href="/en-US/docs/Web/CSS/font-size"><code>font-size</code></a> for the element.
+        A {{cssxref("length-percentage")}} used as a <a href="/en-US/docs/Web/CSS/font-size"><code>font-size</code></a> for the element.
       </td>
     </tr>
     <tr>
@@ -281,12 +281,12 @@ This is an alphabetical list of MathML attributes. More details for each attribu
     <tr>
       <td><code>maxsize</code></td>
       <td>{{ MathMLElement("mo") }}</td>
-      <td>A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating the maximum size of the operator when it is stretchy.</td>
+      <td>A {{cssxref("length-percentage")}} indicating the maximum size of the operator when it is stretchy.</td>
     </tr>
     <tr>
       <td><code>minsize</code></td>
       <td>{{ MathMLElement("mo") }}</td>
-      <td>A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating the minimum size of the operator when it is stretchy.</td>
+      <td>A {{cssxref("length-percentage")}} indicating the minimum size of the operator when it is stretchy.</td>
     </tr>
     <tr>
       <td><code>movablelimits</code></td>
@@ -343,7 +343,7 @@ This is an alphabetical list of MathML attributes. More details for each attribu
     <tr>
       <td><code>rspace</code></td>
       <td>{{ MathMLElement("mo") }}</td>
-      <td>A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating the amount of space after the operator.</td>
+      <td>A {{cssxref("length-percentage")}} indicating the amount of space after the operator.</td>
     </tr>
     <tr>
       <td><code>rquote</code> {{deprecated_inline}}</td>
@@ -412,7 +412,7 @@ This is an alphabetical list of MathML attributes. More details for each attribu
         {{ MathMLElement("mmultiscripts") }}
       </td>
       <td>
-        A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating the minimum amount to shift the baseline of the subscript down.
+        A {{cssxref("length-percentage")}} indicating the minimum amount to shift the baseline of the subscript down.
       </td>
     </tr>
     <tr>
@@ -423,7 +423,7 @@ This is an alphabetical list of MathML attributes. More details for each attribu
         {{ MathMLElement("mmultiscripts") }}
       </td>
       <td>
-        A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating the minimum amount to shift the baseline of the superscript up.
+        A {{cssxref("length-percentage")}} indicating the minimum amount to shift the baseline of the superscript up.
       </td>
     </tr>
     <tr>
@@ -436,7 +436,7 @@ This is an alphabetical list of MathML attributes. More details for each attribu
     <tr>
       <td><code>voffset</code></td>
       <td>{{ MathMLElement("mpadded") }}</td>
-      <td>A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating the vertical location of the positioning point of the child content with respect to the positioning point of the element.
+      <td>A {{cssxref("length-percentage")}} indicating the vertical location of the positioning point of the child content with respect to the positioning point of the element.
 </td>
     </tr>
     <tr>
@@ -447,7 +447,7 @@ This is an alphabetical list of MathML attributes. More details for each attribu
         {{ MathMLElement("mtable") }}
       </td>
       <td>
-        A <a href="/en-US/docs/Web/CSS/length-percentage"><code>&lt;length-percentage&gt;</code></a> indicating the desired width.
+        A {{cssxref("length-percentage")}} indicating the desired width.
       </td>
     </tr>
     <tr>
diff --git a/files/en-us/web/mathml/element/mfrac/index.md b/files/en-us/web/mathml/element/mfrac/index.md
index ffbcd8758c69366..1eb04c9755a9bfd 100644
--- a/files/en-us/web/mathml/element/mfrac/index.md
+++ b/files/en-us/web/mathml/element/mfrac/index.md
@@ -25,7 +25,7 @@ This element's attributes include the [global MathML attributes](/en-US/docs/Web
 - `denomalign` {{deprecated_inline}} {{Non-standard_Inline}}
   - : The alignment of the denominator under the fraction. Possible values are: `left`, `center` (default), and `right`.
 - `linethickness`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the thickness of the horizontal fraction line.
+  - : A {{cssxref("length-percentage")}} indicating the thickness of the horizontal fraction line.
 - `numalign` {{deprecated_inline}} {{Non-standard_Inline}}
   - : The alignment of the numerator over the fraction. Possible values are: `left`, `center` (default), and `right`.
 
diff --git a/files/en-us/web/mathml/element/mmultiscripts/index.md b/files/en-us/web/mathml/element/mmultiscripts/index.md
index b9c665216f27098..974a1392c656162 100644
--- a/files/en-us/web/mathml/element/mmultiscripts/index.md
+++ b/files/en-us/web/mathml/element/mmultiscripts/index.md
@@ -33,9 +33,9 @@ MathML uses the syntax below, that is a base expression, followed by an arbitrar
 This element's attributes include the [global MathML attributes](/en-US/docs/Web/MathML/Global_attributes) as well as the following deprecated attributes:
 
 - `subscriptshift` {{deprecated_inline}} {{Non-standard_Inline}}
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the minimum amount to shift the baseline of the subscript down.
+  - : A {{cssxref("length-percentage")}} indicating the minimum amount to shift the baseline of the subscript down.
 - `superscriptshift` {{deprecated_inline}} {{Non-standard_Inline}}
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the minimum amount to shift the baseline of the superscript up.
+  - : A {{cssxref("length-percentage")}} indicating the minimum amount to shift the baseline of the superscript up.
 
 > **Note:** For the `subscriptshift` and `superscriptshift` attributes, some browsers may also accept [legacy MathML lengths](/en-US/docs/Web/MathML/Values#legacy_mathml_lengths).
 
diff --git a/files/en-us/web/mathml/element/mo/index.md b/files/en-us/web/mathml/element/mo/index.md
index 7fbe9bde5a3af7f..b9df70bc9162f90 100644
--- a/files/en-us/web/mathml/element/mo/index.md
+++ b/files/en-us/web/mathml/element/mo/index.md
@@ -20,15 +20,15 @@ In addition to the [global MathML attributes](/en-US/docs/Web/MathML/Global_attr
 - `largeop`
   - : A [`<boolean>`](/en-US/docs/Web/MathML/Values#mathml-specific_types) indicating whether the operator should be drawn bigger when [`math-style`](/en-US/docs/Web/CSS/math-style) is set to `normal`.
 - `lspace`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the amount of space before the operator.
+  - : A {{cssxref("length-percentage")}} indicating the amount of space before the operator.
 - `maxsize`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the maximum size of the operator when it is stretchy.
+  - : A {{cssxref("length-percentage")}} indicating the maximum size of the operator when it is stretchy.
 - `minsize`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the minimum size of the operator when it is stretchy.
+  - : A {{cssxref("length-percentage")}} indicating the minimum size of the operator when it is stretchy.
 - `movablelimits`
   - : A [`<boolean>`](/en-US/docs/Web/MathML/Values#mathml-specific_types) indicating whether attached under- and overscripts move to sub- and superscript positions when [`math-style`](/en-US/docs/Web/CSS/math-style) is set to `compact`.
 - `rspace`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the amount of space after the operator.
+  - : A {{cssxref("length-percentage")}} indicating the amount of space after the operator.
 - `separator`
   - : A [`<boolean>`](/en-US/docs/Web/MathML/Values#mathml-specific_types) indicating whether the operator is a separator (such as commas). There is no visual effect for this attribute.
 - `stretchy`
diff --git a/files/en-us/web/mathml/element/mpadded/index.md b/files/en-us/web/mathml/element/mpadded/index.md
index c72e36311ed1455..798a8543c0479d5 100644
--- a/files/en-us/web/mathml/element/mpadded/index.md
+++ b/files/en-us/web/mathml/element/mpadded/index.md
@@ -14,15 +14,15 @@ The **`<mpadded>`** [MathML](/en-US/docs/Web/MathML) element is used to add extr
 This element's attributes include the [global MathML attributes](/en-US/docs/Web/MathML/Global_attributes) as well as the following attributes:
 
 - `depth`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the desired depth (below the baseline) of the `<mpadded>` element.
+  - : A {{cssxref("length-percentage")}} indicating the desired depth (below the baseline) of the `<mpadded>` element.
 - `height`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the desired height (above the baseline) of the `<mpadded>` element.
+  - : A {{cssxref("length-percentage")}} indicating the desired height (above the baseline) of the `<mpadded>` element.
 - `lspace`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the horizontal location of the positioning point of the child content with respect to the positioning point of the `<mpadded>` element.
+  - : A {{cssxref("length-percentage")}} indicating the horizontal location of the positioning point of the child content with respect to the positioning point of the `<mpadded>` element.
 - `voffset`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the vertical location of the positioning point of the child content with respect to the positioning point of the `<mpadded>` element.
+  - : A {{cssxref("length-percentage")}} indicating the vertical location of the positioning point of the child content with respect to the positioning point of the `<mpadded>` element.
 - `width`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the desired horizontal length of the `<mpadded>` element.
+  - : A {{cssxref("length-percentage")}} indicating the desired horizontal length of the `<mpadded>` element.
 
 ### Legacy syntax
 
diff --git a/files/en-us/web/mathml/element/mspace/index.md b/files/en-us/web/mathml/element/mspace/index.md
index b17edfdc3d77b4e..85016a95efb54b4 100644
--- a/files/en-us/web/mathml/element/mspace/index.md
+++ b/files/en-us/web/mathml/element/mspace/index.md
@@ -14,11 +14,11 @@ The **`<mspace>`** [MathML](/en-US/docs/Web/MathML) element is used to display a
 This element's attributes include the [global MathML attributes](/en-US/docs/Web/MathML/Global_attributes) as well as the following attributes:
 
 - `depth`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the desired depth (below the baseline) of the space.
+  - : A {{cssxref("length-percentage")}} indicating the desired depth (below the baseline) of the space.
 - `height`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the desired height (above the baseline) of the space.
+  - : A {{cssxref("length-percentage")}} indicating the desired height (above the baseline) of the space.
 - `width`
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the desired width of the space.
+  - : A {{cssxref("length-percentage")}} indicating the desired width of the space.
 
 > **Note:** For the `depth`, `height`, `width` attributes, some browsers may also accept [legacy MathML lengths](/en-US/docs/Web/MathML/Values#legacy_mathml_lengths).
 
diff --git a/files/en-us/web/mathml/element/msub/index.md b/files/en-us/web/mathml/element/msub/index.md
index e9e57aaa952af75..f6b2b252102bd88 100644
--- a/files/en-us/web/mathml/element/msub/index.md
+++ b/files/en-us/web/mathml/element/msub/index.md
@@ -16,7 +16,7 @@ It uses the following syntax: `<msub> base subscript </msub>`.
 This element's attributes include the [global MathML attributes](/en-US/docs/Web/MathML/Global_attributes) as well as the following deprecated attribute:
 
 - `subscriptshift` {{deprecated_inline}} {{Non-standard_Inline}}
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the minimum amount to shift the baseline of the subscript down.
+  - : A {{cssxref("length-percentage")}} indicating the minimum amount to shift the baseline of the subscript down.
 
 > **Note:** For the `subscriptshift` attribute, some browsers may also accept [legacy MathML lengths](/en-US/docs/Web/MathML/Values#legacy_mathml_lengths).
 
diff --git a/files/en-us/web/mathml/element/msubsup/index.md b/files/en-us/web/mathml/element/msubsup/index.md
index 5622297db187221..8c95bfb76ef2efe 100644
--- a/files/en-us/web/mathml/element/msubsup/index.md
+++ b/files/en-us/web/mathml/element/msubsup/index.md
@@ -16,9 +16,9 @@ It uses the following syntax: `<msubsup> base subscript superscript </msubsup>`.
 This element's attributes include the [global MathML attributes](/en-US/docs/Web/MathML/Global_attributes) as well as the following deprecated attributes:
 
 - `subscriptshift` {{deprecated_inline}} {{Non-standard_Inline}}
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the minimum amount to shift the baseline of the subscript down.
+  - : A {{cssxref("length-percentage")}} indicating the minimum amount to shift the baseline of the subscript down.
 - `superscriptshift` {{deprecated_inline}} {{Non-standard_Inline}}
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the minimum amount to shift the baseline of the superscript up.
+  - : A {{cssxref("length-percentage")}} indicating the minimum amount to shift the baseline of the superscript up.
 
 > **Note:** For the `subscriptshift` and `superscriptshift` attributes, some browsers may also accept [legacy MathML lengths](/en-US/docs/Web/MathML/Values#legacy_mathml_lengths).
 
diff --git a/files/en-us/web/mathml/element/msup/index.md b/files/en-us/web/mathml/element/msup/index.md
index 8f56504130f04cd..a573f8ddffee2a5 100644
--- a/files/en-us/web/mathml/element/msup/index.md
+++ b/files/en-us/web/mathml/element/msup/index.md
@@ -16,7 +16,7 @@ It uses the following syntax: `<msup> base superscript </msup>`.
 This element's attributes include the [global MathML attributes](/en-US/docs/Web/MathML/Global_attributes) as well as the following deprecated attribute:
 
 - `superscriptshift` {{deprecated_inline}} {{Non-standard_Inline}}
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the minimum amount to shift the baseline of the superscript up.
+  - : A {{cssxref("length-percentage")}} indicating the minimum amount to shift the baseline of the superscript up.
 
 > **Note:** For the `superscriptshift` attribute, some browsers may also accept [legacy MathML lengths](/en-US/docs/Web/MathML/Values#legacy_mathml_lengths).
 
diff --git a/files/en-us/web/mathml/element/mtable/index.md b/files/en-us/web/mathml/element/mtable/index.md
index 10066d5cbe78096..9e9388c6834e947 100644
--- a/files/en-us/web/mathml/element/mtable/index.md
+++ b/files/en-us/web/mathml/element/mtable/index.md
@@ -31,19 +31,19 @@ This element's attributes include the [global MathML attributes](/en-US/docs/Web
 - `columnlines` {{Non-standard_Inline}}
   - : Specifies column borders. Multiple values separated by space are allowed and apply to the corresponding columns (e.g. `columnlines="none none solid"`). Possible values are: `none` (default), `solid` and `dashed`.
 - `columnspacing` {{Non-standard_Inline}}
-  - : Specifies the space between table columns. Multiple values separated by space are allowed and apply to the corresponding columns (e.g. `columnspacing="1em 2em"`). Possible values are [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage).
+  - : Specifies the space between table columns. Multiple values separated by space are allowed and apply to the corresponding columns (e.g. `columnspacing="1em 2em"`). Possible values are {{cssxref("length-percentage")}}.
 - `frame` {{Non-standard_Inline}}
   - : Specifies borders of the entire table. Possible values are: `none` (default), `solid` and `dashed`.
 - `framespacing` {{Non-standard_Inline}}
-  - : Specifies additional space added between the table and frame. The first value specifies the spacing on the right and left; the second value specifies the spacing above and below. Possible values are [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage).
+  - : Specifies additional space added between the table and frame. The first value specifies the spacing on the right and left; the second value specifies the spacing above and below. Possible values are {{cssxref("length-percentage")}}.
 - `rowalign` {{Non-standard_Inline}}
   - : Specifies the vertical alignment of the cells. Multiple values separated by space are allowed and apply to the corresponding rows (e.g. `rowalign="top bottom axis"`). Possible values are: `axis`, `baseline` (default), `bottom`, `center` and `top`.
 - `rowlines` {{Non-standard_Inline}}
   - : Specifies row borders. Multiple values separated by space are allowed and apply to the corresponding rows (e.g. `rowlines="none none solid"`). Possible values are: `none` (default), `solid` and `dashed`.
 - `rowspacing` {{Non-standard_Inline}}
-  - : Specifies the space between table rows. Multiple values separated by space are allowed and apply to the corresponding rows (e.g. `rowspacing="1em 2em"`). Possible values are [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage).
+  - : Specifies the space between table rows. Multiple values separated by space are allowed and apply to the corresponding rows (e.g. `rowspacing="1em 2em"`). Possible values are {{cssxref("length-percentage")}}.
 - `width` {{Non-standard_Inline}}
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) indicating the width of the entire table.
+  - : A {{cssxref("length-percentage")}} indicating the width of the entire table.
 
 > **Note:** For the `width` attribute, some browsers may also accept [legacy MathML lengths](/en-US/docs/Web/MathML/Values#legacy_mathml_lengths).
 
diff --git a/files/en-us/web/mathml/global_attributes/index.md b/files/en-us/web/mathml/global_attributes/index.md
index bae2ea105bc415c..54eeb2345195d68 100644
--- a/files/en-us/web/mathml/global_attributes/index.md
+++ b/files/en-us/web/mathml/global_attributes/index.md
@@ -49,7 +49,7 @@ In addition to the basic MathML global attributes, the following global attribut
 
 - [`mathsize`](/en-US/docs/Web/MathML/Global_attributes/mathsize)
 
-  - : A [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage) used as a [font-size](/en-US/docs/Web/CSS/font-size) for the element.
+  - : A {{cssxref("length-percentage")}} used as a [font-size](/en-US/docs/Web/CSS/font-size) for the element.
 
 - [`nonce`](/en-US/docs/Web/HTML/Global_attributes/nonce)
 
diff --git a/files/en-us/web/mathml/values/index.md b/files/en-us/web/mathml/values/index.md
index 6c6ee53800fd2cf..12c827ef659d819 100644
--- a/files/en-us/web/mathml/values/index.md
+++ b/files/en-us/web/mathml/values/index.md
@@ -18,7 +18,7 @@ In addition to [CSS data types](/en-US/docs/Web/CSS/CSS_Types), some MathML attr
 
 {{deprecated_header}}
 
-Instead of [`<length-percentage>`](/en-US/docs/Web/CSS/length-percentage), MathML used to define its own [type to describe lengths](https://www.w3.org/TR/MathML3/chapter2.html#type.length). Accepted values included non-zero unitless length values (e.g. `5` to mean `500%`), values containing numbers ending with a dot (e.g. `34.px`), or named spaces (e.g. `thinmathspace`). For compatibility reasons, it is recommended to replace non-zero unitless length values with equivalent [`<percentage>`](/en-US/docs/Web/CSS/percentage) values, to remove unnecessary dots in numbers, and to use the following replacement for named lengths:
+Instead of {{cssxref("length-percentage")}}, MathML used to define its own [type to describe lengths](https://www.w3.org/TR/MathML3/chapter2.html#type.length). Accepted values included non-zero unitless length values (e.g. `5` to mean `500%`), values containing numbers ending with a dot (e.g. `34.px`), or named spaces (e.g. `thinmathspace`). For compatibility reasons, it is recommended to replace non-zero unitless length values with equivalent {{cssxref("percentage")}} values, to remove unnecessary dots in numbers, and to use the following replacement for named lengths:
 
 ```plain
 veryverythinmathspace  => 0.05555555555555555em
diff --git a/files/en-us/web/svg/attribute/transform-origin/index.md b/files/en-us/web/svg/attribute/transform-origin/index.md
index 06a18c0d1bd3a67..5589f5e80754f54 100644
--- a/files/en-us/web/svg/attribute/transform-origin/index.md
+++ b/files/en-us/web/svg/attribute/transform-origin/index.md
@@ -42,17 +42,17 @@ If two or more values are defined and either no value is a keyword, or the only
 
 - One-value syntax:
 
-  - The value must be a [`<length>`](/en-US/docs/Web/CSS/length), or one of the keywords `left`, `center`, `right`, `top`, and `bottom`.
+  - The value must be a {{cssxref("length")}}, or one of the keywords `left`, `center`, `right`, `top`, and `bottom`.
 
 - Two-value syntax:
 
-  - One value must be a [`<length>`](/en-US/docs/Web/CSS/length), a [`<percentage>`](/en-US/docs/Web/CSS/percentage), or one of the keywords `left`, `center`, and `right`.
-  - The other value must be a [`<length>`](/en-US/docs/Web/CSS/length), a [`<percentage>`](/en-US/docs/Web/CSS/percentage), or one of the keywords `top`, `center`, and `bottom`.
+  - One value must be a {{cssxref("length")}}, a {{cssxref("percentage")}}, or one of the keywords `left`, `center`, and `right`.
+  - The other value must be a {{cssxref("length")}}, a {{cssxref("percentage")}}, or one of the keywords `top`, `center`, and `bottom`.
 
 - Three-value syntax:
 
   - The first two values are the same as for the two-value syntax.
-  - The third value must be a [`<length>`](/en-US/docs/Web/CSS/length). It always represents the Z offset.
+  - The third value must be a {{cssxref("length")}}. It always represents the Z offset.
 
 ## Example
 
diff --git a/files/en-us/web/svg/content_type/index.md b/files/en-us/web/svg/content_type/index.md
index 7b71d7d717d7a34..a8aa367b4a211fd 100644
--- a/files/en-us/web/svg/content_type/index.md
+++ b/files/en-us/web/svg/content_type/index.md
@@ -197,7 +197,7 @@ SVG makes use of a number of data types. This article lists these types along wi
 - \<length>
 
   - : A length is a distance measurement, given as a number along with a unit.
-    The SVG2 specification aligns with CSS [`<length>`](/en-US/docs/Web/CSS/length) data types and units for the attribute syntax and values.
+    The SVG2 specification aligns with CSS {{cssxref("length")}} data types and units for the attribute syntax and values.
     A length unit identifier must be provided and the values of the length unit identifiers are case-insensitive.
     The syntax follows the CSS `<length>` syntax:
 

From 6610050dace0bfa2bba703576225aef6f84f36fe Mon Sep 17 00:00:00 2001
From: Dipika Bhattacharya <dipika@foss-community.org>
Date: Wed, 24 Jan 2024 02:33:39 -0500
Subject: [PATCH 549/790] fix(contrib-docs): Fix internal links (#31870)

fixes internal links
---
 files/en-us/mdn/community/pull_requests/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/mdn/community/pull_requests/index.md b/files/en-us/mdn/community/pull_requests/index.md
index 862f0f9f9b05dfb..05761cfa36c65ac 100644
--- a/files/en-us/mdn/community/pull_requests/index.md
+++ b/files/en-us/mdn/community/pull_requests/index.md
@@ -19,9 +19,9 @@ Regardless of how content changes are done, they are submitted as pull requests
 The content changes go through the following stages before they are published on MDN Web Docs:
 
 1. **Submitting changes:** As a pull request author, you submit changes via opening a pull request.
-   See the sections [Before you start](#before-you-start), [Open a pull request](#open-a-pull-request), and [After you open a pull request](#after-you-open-a-pull-request) to learn more about our processes.
-2. **Reviewing changes:** Your changes are reviewed by [MDN members and volunteers](#pull-request-review-process).
-   See the section [Pull request review process](#pull-request-review-process) for more details.
+   See the sections [Before you start](#before_you_start), [Open a pull request](#open_a_pull_request), and [After you open a pull request](#after_you_open_a_pull_request) to learn more about our processes.
+2. **Reviewing changes:** Your changes are reviewed by MDN members and volunteers.
+   See the section [Pull request review process](#pull_request_review_process) for more details.
 3. **Viewing published changes:** Content updated on `mdn/content` goes live within a day of merging via a site rebuild once every 24 hours.
 
 ## Submitting changes

From ec3f432d057c485405e1b2f0c2a30ae24c79d698 Mon Sep 17 00:00:00 2001
From: Vadim Makeev <hi@pepelsbey.dev>
Date: Wed, 24 Jan 2024 14:55:19 +0100
Subject: [PATCH 550/790] Add a declarative shadow DOM example (#31577)

* Add declarative shadow DOM example

* Add remote example

* Update link to demo

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../web_components/using_shadow_dom/index.md  | 31 ++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/api/web_components/using_shadow_dom/index.md b/files/en-us/web/api/web_components/using_shadow_dom/index.md
index 2c765ecd0d5690f..f16b1f7bd2b4c84 100644
--- a/files/en-us/web/api/web_components/using_shadow_dom/index.md
+++ b/files/en-us/web/api/web_components/using_shadow_dom/index.md
@@ -66,6 +66,8 @@ Before shadow DOM was made available to web developers, browsers were already us
 
 ## Creating a shadow DOM
 
+### Imperatively with JavaScript
+
 The following page contains two elements, a {{htmlelement("div")}} element with an [`id`](/en-US/docs/Web/HTML/Global_attributes/id) of `"host"`, and a {{htmlelement("span")}} element containing some text:
 
 ```html
@@ -85,7 +87,34 @@ shadow.appendChild(span);
 
 The result looks like this:
 
-{{EmbedLiveSample("Creating a shadow DOM")}}
+{{EmbedLiveSample("Imperatively with JavaScript")}}
+
+### Declaratively with HTML
+
+Creating a shadow DOM via JavaScript API might be a good option for client-side rendered applications. For other applications, a server-side rendered UI might have better performance and, therefore, a better user experience. In such cases, you can use the {{htmlelement("template")}} element to declaratively define the shadow DOM. The key to this behavior is the {{glossary("enumerated")}} `shadowrootmode` attribute, which can be set to either `open` or `closed`, the same values as the `mode` option of {{domxref("Element.attachShadow()", "attachShadow()")}} method.
+
+```html
+<div id="host">
+  <template shadowrootmode="open">
+    <span>I'm in the shadow DOM</span>
+  </template>
+</div>
+```
+
+{{EmbedGHLiveSample("dom-examples/shadow-dom/shadowrootmode/simple.html", "", "")}}
+
+> **Note:** By default, contents of `<template>` are not displayed. In this case, because the `shadowrootmode="open"` was included, the shadow root is rendered. In supporting browsers, the visible contents within that shadow root are displayed.
+
+After the browser parses the HTML, it replaces {{htmlelement("template")}} element with its content wrapped in a [shadow root](/en-US/docs/Glossary/Shadow_tree) that's attached to the parent element, the `<div id="host">` in our example. The resulting DOM tree looks like this:
+
+```plain
+- DIV id="host"
+  - #shadow-root
+    - SPAN
+      - #text: I'm in the shadow DOM
+```
+
+Note that there's no `<template>` element in the DOM tree.
 
 ## Encapsulation from JavaScript
 

From 7ecc4ef6319adee84f06e9113644184b3e21c1ce Mon Sep 17 00:00:00 2001
From: Vadim Makeev <hi@pepelsbey.dev>
Date: Wed, 24 Jan 2024 14:59:53 +0100
Subject: [PATCH 551/790] Add clonable option and attribute (#31849)

* Add clonable option and attribute

* Add property to the list

* Mention declarative special case

* Add declarative shadow DOM note

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../web/api/element/attachshadow/index.md     |  4 +++
 .../web/api/shadowroot/clonable/index.md      | 32 +++++++++++++++++++
 files/en-us/web/api/shadowroot/index.md       |  2 ++
 3 files changed, 38 insertions(+)
 create mode 100644 files/en-us/web/api/shadowroot/clonable/index.md

diff --git a/files/en-us/web/api/element/attachshadow/index.md b/files/en-us/web/api/element/attachshadow/index.md
index cc76adfc2ea8a37..2ba62c83f52c28a 100644
--- a/files/en-us/web/api/element/attachshadow/index.md
+++ b/files/en-us/web/api/element/attachshadow/index.md
@@ -74,6 +74,10 @@ attachShadow(options)
             element.shadowRoot; // Returns null
             ```
 
+    - `clonable` {{Optional_Inline}}
+
+      - : A boolean that specifies whether the shadow root is clonable: when set to `true`, the shadow host cloned with {{domxref("Node.cloneNode()")}} or {{domxref("Document.importNode()")}} will include shadow root in the copy. Its default value is `false`, unless the shadow root is created via declarative shadow DOM.
+
     - `delegatesFocus` {{Optional_Inline}}
 
       - : A boolean that, when set to `true`, specifies behavior that mitigates custom element issues around focusability.
diff --git a/files/en-us/web/api/shadowroot/clonable/index.md b/files/en-us/web/api/shadowroot/clonable/index.md
new file mode 100644
index 000000000000000..419264dfc6e35a1
--- /dev/null
+++ b/files/en-us/web/api/shadowroot/clonable/index.md
@@ -0,0 +1,32 @@
+---
+title: "ShadowRoot: clonable property"
+short-title: clonable
+slug: Web/API/ShadowRoot/clonable
+page-type: web-api-instance-property
+browser-compat: api.ShadowRoot.clonable
+---
+
+{{APIRef("Shadow DOM")}}
+
+The **`clonable`** read-only property of the {{domxref("ShadowRoot")}} interface returns `true` if the shadow root is clonable, and `false` otherwise. It always returns `true` for shadow roots created via declarative shadow DOM. It can be set to `true` using the `clonable` option of the {{domxref("Element.attachShadow()")}} method.
+
+## Examples
+
+```js
+const host = document.createElement("div");
+const shadowRoot = host.attachShadow({
+  mode: "open",
+  clonable: true,
+});
+
+shadowRoot.clonable;
+// true
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/shadowroot/index.md b/files/en-us/web/api/shadowroot/index.md
index 8f3a9bd0bf34350..06a09dd5ade7579 100644
--- a/files/en-us/web/api/shadowroot/index.md
+++ b/files/en-us/web/api/shadowroot/index.md
@@ -20,6 +20,8 @@ You can retrieve a reference to an element's shadow root using its {{domxref("El
 - {{domxref("ShadowRoot.adoptedStyleSheets")}}
   - : Add an array of constructed stylesheets to be used by the shadow DOM subtree.
     These may be shared with other DOM subtrees that share the same parent {{domxref("Document")}} node, and the document itself.
+- {{domxref("ShadowRoot.clonable")}} {{ReadOnlyInline}}
+  - : Returns a boolean that indicates whether the shadow root is clonable, which can be set via the {{domxref("Element.attachShadow()")}} `clonable` option.
 - {{domxref("ShadowRoot.delegatesFocus")}} {{ReadOnlyInline}}
   - : Returns a boolean that indicates whether `delegatesFocus` was set when the shadow was attached (see {{domxref("Element.attachShadow()")}}).
 - {{DOMxRef("ShadowRoot.fullscreenElement")}} {{ReadOnlyInline}}

From a2559eb15893c286368daef9be9372c8ca1d5b81 Mon Sep 17 00:00:00 2001
From: dawei-wang <dawei-wang@users.noreply.github.com>
Date: Wed, 24 Jan 2024 08:30:51 -0800
Subject: [PATCH 552/790] delete redundant pages from mdn directory (#31878)

---
 files/en-us/_redirects.txt                    |  20 ++-
 files/en-us/_wikihistory.json                 |  37 ------
 .../en-us/mdn/community/mdn_content/index.md  |  48 -------
 .../mdn/community/mdn_content/issues/index.md |   9 --
 .../mdn_content/pull_requests/index.md        |  58 --------
 files/en-us/mdn/contribute/index.md           | 125 ------------------
 files/en-us/mdn/contribute/processes/index.md |  11 --
 .../workstream_assessment_project/index.md    | 124 -----------------
 8 files changed, 13 insertions(+), 419 deletions(-)
 delete mode 100644 files/en-us/mdn/community/mdn_content/index.md
 delete mode 100644 files/en-us/mdn/community/mdn_content/issues/index.md
 delete mode 100644 files/en-us/mdn/community/mdn_content/pull_requests/index.md
 delete mode 100644 files/en-us/mdn/contribute/index.md
 delete mode 100644 files/en-us/mdn/contribute/processes/index.md
 delete mode 100644 files/en-us/mdn/contribute/processes/workstream_assessment_project/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 0a79542b5b1b436..c44f67224025350 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -5396,11 +5396,15 @@
 /en-US/docs/Liberty!_Equality!_Validity!	/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML
 /en-US/docs/Link_prefetching_FAQ	/en-US/docs/Glossary/Prefetch
 /en-US/docs/Localization	/en-US/docs/Glossary/Localization
-/en-US/docs/MDC:How_to_Help	/en-US/docs/MDN/Contribute
+/en-US/docs/MDC:How_to_Help	/en-US/docs/MDN/Community/Contributing
 /en-US/docs/MDN/About	/en-US/docs/MDN/Writing_guidelines
-/en-US/docs/MDN/At_ten/Contributing_to_MDN	/en-US/docs/MDN/Contribute
+/en-US/docs/MDN/At_ten/Contributing_to_MDN	/en-US/docs/MDN/Community/Contributing
 /en-US/docs/MDN/Community/Issues/Issue_triage	/en-US/docs/MDN/Community/Issues
+/en-US/docs/MDN/Community/MDN_content	/en-US/docs/MDN/Community/Contributing
+/en-US/docs/MDN/Community/MDN_content/Issues	/en-US/docs/MDN/Community/Issues
+/en-US/docs/MDN/Community/MDN_content/Pull_requests	/en-US/docs/MDN/Community/Pull_requests
 /en-US/docs/MDN/Community/Users_teams	/en-US/docs/MDN/Community/Roles_teams
+/en-US/docs/MDN/Contribute	/en-US/docs/MDN/Community/Contributing
 /en-US/docs/MDN/Contribute/Changelog	/en-US/docs/MDN/Changelog
 /en-US/docs/MDN/Contribute/Code_sample_guidelines	/en-US/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide
 /en-US/docs/MDN/Contribute/Content	/en-US/docs/MDN/Writing_guidelines
@@ -5416,9 +5420,9 @@
 /en-US/docs/MDN/Contribute/Creating_and_editing_pages	/en-US/docs/MDN/Writing_guidelines/Howto/Creating_moving_deleting
 /en-US/docs/MDN/Contribute/Does_this_belong	/en-US/docs/MDN/Writing_guidelines/What_we_write
 /en-US/docs/MDN/Contribute/Editor/Live_samples	/en-US/docs/MDN/Writing_guidelines/Page_structures/Live_samples
-/en-US/docs/MDN/Contribute/FAQ	/en-US/docs/MDN/Contribute
+/en-US/docs/MDN/Contribute/FAQ	/en-US/docs/MDN/Community/Contributing
 /en-US/docs/MDN/Contribute/Feedback	/en-US/docs/MDN/Community
-/en-US/docs/MDN/Contribute/Fixing_MDN_content_bugs	/en-US/docs/MDN/Community/MDN_content
+/en-US/docs/MDN/Contribute/Fixing_MDN_content_bugs	/en-US/docs/MDN/Community/Contributing
 /en-US/docs/MDN/Contribute/Getting_started	/en-US/docs/MDN/Community/Contributing/Getting_started
 /en-US/docs/MDN/Contribute/GitHub_beginners	/en-US/docs/MDN/Community/Contributing/Getting_started
 /en-US/docs/MDN/Contribute/GitHub_best_practices	/en-US/docs/MDN/Community/Issues
@@ -5450,7 +5454,7 @@
 /en-US/docs/MDN/Contribute/Guidelines/Writing_style_guide	/en-US/docs/MDN/Writing_guidelines/Writing_style_guide
 /en-US/docs/MDN/Contribute/Help_beginners	/en-US/docs/MDN/Community/Learn_forum
 /en-US/docs/MDN/Contribute/How_to_document_a_CSS_property	/en-US/docs/MDN/Writing_guidelines/Howto/Document_a_CSS_property
-/en-US/docs/MDN/Contribute/Howto	/en-US/docs/MDN/Contribute
+/en-US/docs/MDN/Contribute/Howto	/en-US/docs/MDN/Community/Contributing
 /en-US/docs/MDN/Contribute/Howto/Add_or_update_browser_compatibility_data	https://github.com/mdn/browser-compat-data/blob/main/docs/contributing.md
 /en-US/docs/MDN/Contribute/Howto/Compatibility_tables	/en-US/docs/MDN/Writing_guidelines/Page_structures/Compatibility_tables
 /en-US/docs/MDN/Contribute/Howto/Convert_code_samples_to_be_live	/en-US/docs/MDN/Writing_guidelines/Page_structures/Live_samples
@@ -5473,11 +5477,13 @@
 /en-US/docs/MDN/Contribute/Localize	/en-US/docs/MDN/Community/Contributing/Translated_content
 /en-US/docs/MDN/Contribute/Markdown_in_MDN	/en-US/docs/MDN/Writing_guidelines/Howto/Markdown_in_MDN
 /en-US/docs/MDN/Contribute/Open_source_etiquette	/en-US/docs/MDN/Community/Open_source_etiquette
+/en-US/docs/MDN/Contribute/Processes	/en-US/docs/MDN/Community/Contributing
 /en-US/docs/MDN/Contribute/Processes/Content_bug_triage	/en-US/docs/MDN/Community/Issues
 /en-US/docs/MDN/Contribute/Processes/Locating_browser-specific_information	https://github.com/mdn/browser-compat-data/blob/main/docs/matching-browser-releases/index.md
 /en-US/docs/MDN/Contribute/Processes/Matching_features_to_browser_version	https://github.com/mdn/browser-compat-data/blob/main/docs/matching-browser-releases/index.md
 /en-US/docs/MDN/Contribute/Processes/Matching_features_to_browser_versiosn	https://github.com/mdn/browser-compat-data/blob/main/docs/matching-browser-releases/index.md
-/en-US/docs/MDN/Contribute/Processes/Short_surveys	/en-US/docs/MDN/Contribute
+/en-US/docs/MDN/Contribute/Processes/Short_surveys	/en-US/docs/MDN/Community/Contributing
+/en-US/docs/MDN/Contribute/Processes/Workstream_assessment_project	/en-US/docs/MDN/Community/Contributing
 /en-US/docs/MDN/Contribute/Sample_app_coding_guidelines	/en-US/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide
 /en-US/docs/MDN/Contribute/Sample_server	/en-US/docs/MDN
 /en-US/docs/MDN/Contribute/Structures	/en-US/docs/MDN/Writing_guidelines/Page_structures
@@ -5601,7 +5607,7 @@
 /en-US/docs/MDN/Writing_guidelines/What_we_write/Inclusion_criteria	/en-US/docs/MDN/Writing_guidelines/What_we_write/Criteria_for_inclusion
 /en-US/docs/MDN/Yari	https://github.com/mdn/yari/tree/main/docs
 /en-US/docs/MDN_at_ten	/en-US/docs/MDN/At_ten
-/en-US/docs/MDN_at_ten/Contributing_to_MDN	/en-US/docs/MDN/Contribute
+/en-US/docs/MDN_at_ten/Contributing_to_MDN	/en-US/docs/MDN/Community/Contributing
 /en-US/docs/MDN_at_ten/History	/en-US/docs/MDN/At_ten/History_of_MDN
 /en-US/docs/MDN_at_ten/History_of_MDN	/en-US/docs/MDN/At_ten/History_of_MDN
 /en-US/docs/Main_page	/en-US/
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 4b583f788b7fc0d..1a51406ef60da4b 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -11697,43 +11697,6 @@
       "groovecoder"
     ]
   },
-  "MDN/Contribute": {
-    "modified": "2020-12-14T09:31:17.213Z",
-    "contributors": [
-      "sourabhramsingh",
-      "maxTarlov",
-      "chrisdavidmills",
-      "aditibasu",
-      "wbamberg",
-      "SphinxKnight",
-      "shwetabhsuman",
-      "jswisher",
-      "wdot789",
-      "fotografi",
-      "Sheppy",
-      "vikash111",
-      "Kerstomaat",
-      "ertogrul",
-      "elwakil",
-      "Thomskii",
-      "Lasantha",
-      "jsx",
-      "saifulislam1",
-      "adi28galaxyak",
-      "Volluta",
-      "Husaria",
-      "klez",
-      "pytseng",
-      "alispivak",
-      "utente-pc",
-      "emmanuelodenyire",
-      "Mars"
-    ]
-  },
-  "MDN/Contribute/Processes": {
-    "modified": "2020-09-30T15:17:09.733Z",
-    "contributors": ["wbamberg", "david_ross", "jswisher", "Sheppy"]
-  },
   "MDN/MDN_Product_Advisory_Board": {
     "modified": "2019-06-05T12:41:23.682Z",
     "contributors": [
diff --git a/files/en-us/mdn/community/mdn_content/index.md b/files/en-us/mdn/community/mdn_content/index.md
deleted file mode 100644
index cd26f91416f0b89..000000000000000
--- a/files/en-us/mdn/community/mdn_content/index.md
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: Contributing to MDN Web Docs content
-slug: MDN/Community/MDN_content
-page-type: mdn-community-guide
----
-
-{{MDNSidebar}}
-
-Problems with MDN Web Docs are reported as [content repo issues](https://github.com/mdn/content/issues). This article helps you find the _best_ issues to work on, based on your expertise and how much time you have available, and outlines the main steps to fixing them.
-
-> **Note:** We get a lot of content bugs — any help you can give in fixing them is very much appreciated!
-
-## What we need help with
-
-To help you choose what content issues to work on, we've sorted them using GitHub labels.
-
-The labels below help you find tasks based on estimated effort to complete the task.
-
-| Label                                                                      | Description                                                                                                                        |
-| -------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
-| [effort: small](https://github.com/mdn/content/labels/effort%3A%20small)   | A task that will probably require little effort, such as fixing a typo, or adding a few sentences of clarification.                |
-| [effort: medium](https://github.com/mdn/content/labels/effort%3A%20medium) | A task that will probably require non-trivial effort. For example, updating a page to reflect changes to the formal specification. |
-| [effort: large](https://github.com/mdn/content/labels/effort%3A%20large)   | A task that will probably require significant and large-scale effort, such as writing new guide and reference pages.               |
-
-If you'd prefer to browse your tasks and choose by technology category instead, you can also find content type labels on [issues in the content repository](https://github.com/mdn/content/issues).
-
-## How you can benefit
-
-- Fixing MDN content bugs is a great way to learn more about web technologies — as you research a problem and create the required content, you will gain a deeper understanding of the subject, and improve your skills.
-- As you get more involved in the MDN community, you'll get to know Mozilla staff and other community members, giving you a valuable network of contacts for getting help with your own issues and increasing your visibility.
-- Helping to fix problems is largely its own reward, but it will also serve as a record of your open source contributions, demonstrating your expertise in web technologies and possibly even helping you with your course, or job opportunities.
-
-## What skills you need
-
-- You need to be knowledgeable in the topic areas that you choose to help with (e.g. JavaScript, CSS).
-- Most of the examples and pages that you will help with are written in English, so you should have a reasonable understanding of the English language. But don't worry if your English is not perfect! Our team is more than happy to help clean up any writing.
-
-## How to help
-
-1. First of all, sign up for a [GitHub account](https://github.com/join), if you don't already have one — you'll need this to communicate on the GitHub issues.
-2. Next, choose one or more topic areas you'd like to help with. Use the list above to get more information to help you make your selection. If you are not sure what a good choice would be, ask for help in the [MDN Web Docs chat rooms](/en-US/docs/MDN/Community/Communication_channels#chat_rooms).
-
-After you are set up, you can:
-
-1. Choose an issue to work on that interests you, and ask us to assign it to you with a comment on the issue.
-2. If you need any help when you are working on it, feel free to contact us in the [MDN Web Docs chat rooms](/en-US/docs/MDN/Community/Communication_channels#chat_rooms).
-3. Once you've fixed an issue, ask the submitter for a review and, hopefully, they will tell you whether they think more work is required. We will get involved if needed.
-4. Once the issue is verified fixed, it can be closed. The person closing the issue can be either the original issue submitter, or an MDN staff member.
diff --git a/files/en-us/mdn/community/mdn_content/issues/index.md b/files/en-us/mdn/community/mdn_content/issues/index.md
deleted file mode 100644
index 1bbefe37cb01e71..000000000000000
--- a/files/en-us/mdn/community/mdn_content/issues/index.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-title: Using issues on MDN Web Docs
-slug: MDN/Community/MDN_content/Issues
-page-type: mdn-community-guide
----
-
-{{MDNSidebar}}
-
-TBD
diff --git a/files/en-us/mdn/community/mdn_content/pull_requests/index.md b/files/en-us/mdn/community/mdn_content/pull_requests/index.md
deleted file mode 100644
index 3e49accfabdff54..000000000000000
--- a/files/en-us/mdn/community/mdn_content/pull_requests/index.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Pull request etiquette and process for MDN Web Docs
-slug: MDN/Community/MDN_content/Pull_requests
-page-type: mdn-community-guide
----
-
-{{MDNSidebar}}
-
-## Overall process
-
-This section describes how contributors make changes on MDN Web Docs and how the changes are reviewed and land on the site.
-
-### Types of content changes on MDN Web Docs
-
-Content changes we get on MDN Web Docs are related to a variety of work streams, some of which include:
-
-- **Day-to-day content improvement work**: This includes documentation of new APIs, new CSS properties, and other significant content additions. This is usually done by MDN Web Docs staff working for Mozilla, Google, Open Web Docs, Samsung, etc., but also sometimes by community volunteers.
-- **"Drive-by" fixes**: This includes small updates done to the site to fix typos, grammatical issues, and technical inaccuracies. These issues are usually found by users of MDN Web Docs.
-- **Content bug fixes**: These are usually done by volunteers to close issues on mdn/content repo.
-
-### How content changes are reviewed
-
-Regardless of how content changes are done, they will be submitted as pull requests on this repo, which requires rapid reviewing and merging to ensure that the site does not get out-of-date. This is managed in the following way:
-
-1. **Reviewer assignment**: Different MDN staff members and volunteers have been assigned as "topic review owners", meaning that when a pull request related to a particular topic area of the site (e.g. the CSS reference, or the learning area) is opened, it will be assigned to that area's topic review owner(s). This is handled using the CODEOWNERS file, in which particular content directories are assigned to the respective reviewing team.
-2. **Review, approval, merge**: Once the review has been done and the pull request has been approved, the assigned reviewer merges the pull request.
-3. **Content update on the site**: The site is rebuilt once every 24 hours to ensure that the content does not get too stale. So volunteers can see their changes go live after 24 hours.
-
-### Things to consider before opening a pull request
-
-These guidelines apply to anyone opening a PR to make a change on MDN Web Docs.
-
-- **Open issue or discussion before opening PR**: If your PR would contain any kind of significant complexity (for example, it contains technical changes and isn't just a typo fix, grammatical improvement, or a formatting/structural change), please open an [issue](https://github.com/mdn/content/issues/new/choose) or [discussion](https://github.com/mdn/mdn-community) to describe why you're making the change, how the change would improve the content, and anything else we need to know about the change. Specifically for content suggestions or feature proposals, we have a [well documented](/en-US/docs/MDN/Community/Issues/Content_suggestions_feature_proposals) process to follow.
-- **Keep the PR short (1 issue per PR)**: Each PR should contain a single logical change or a related set of changes that make sense to submit together. If a PR becomes too large or contains too many unrelated changes, it becomes too difficult to review, and may begin to look suspicious (it is easier to hide malicious changes in a large PR). In such cases, the reviewer has the right to close your PR, and ask that you submit a separate PR for each logical set of changes that belong together. It is also good practice to reference the relevant issue in your PR description using [GitHub's special syntax](https://docs.github.com/en/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue). This helps maintenance as GitHub will automatically close linked issues once the PR is merged.
-- **PR to update grammar**: PRs should not contain large amounts of grammar updates. Seemingly insignificant changes can change the meaning of technical content, so these need a careful review. Keep in mind that MDN Web Docs contains technical documentation; you should not report basic improvements in the grammar but only cases where the grammar is clearly incorrect.
-- **PR to update a demo repository**: For PRs that update API usage, there needs to be an accompanying PR on the mdn/content repository to update the corresponding relevant documentation. Such a PR can be rejected if there is no corresponding content PR.
-- **Only enable auto-merge for approved PRs**: It is not a recommended practice to select the "Enable auto-merge (squash)" checkbox on your PRs that are waiting to be reviewed or approved.
-
-### Guidelines for after submitting a pull request
-
-We have general guidelines for what to do and expect after a PR has been opened. Please [refer to these guidelines](/en-US/docs/MDN/Community/Pull_requests).
-
-### Guidelines for pull request review assignments
-
-These guidelines apply to anyone who is tasked with reviewing MDN content PRs.
-
-#### If you are the assigned reviewer
-
-- **Add a starting comment**: Add a comment as soon as possible that you are aware of the PR and will start the review soon. This is an important step to avoid someone else reviewing the PR at the same time as you and so that others know it's on your radar for review.
-- **Ask for information from the PR author**: You can request more information to help with your review if the PR author has not explained why they are making this change. Ideally, they should reference an issue that they're trying to fix in this PR.
-- **Ask for help**: If you're open to receiving or want technical help with the review, add the `review-help-needed` label.
-
-If you don't understand a content change that you've been selected to review or feel that it is too large and complex for you to deal with, don't panic! Feel free to reach out to someone else to ask for help, like a colleague or someone else in your group of topic review owners (if you know who they are). If you are not sure who to approach for help, then ping our `@mdn/core-yari-content` group to ask for help.
-
-Related to the above point, it is rare that you'll be required to review a large, complex content change with no warning, like a complete page rewrite, or the addition of several new reference pages or tutorials. Usually such changes are done as part of specific work streams where the content has been approved for addition and reviewer(s) have been assigned already. In such cases, the PR should be linked to an issue that explains all these details. If you are not sure, ask the PR author if they need a review of the content, and where the rationale behind the change is explained. Ping our team in the [MDN Web Docs chat rooms](/en-US/docs/MDN/Community/Communication_channels#chat_rooms) to ask for help if you are still not sure or if you think the content is suspicious.
-
-- **Close PR with unrelated changes**: You have the right to close a PR if it is too complex and/or contains multiple unrelated changes and ask the PR author to submit their changes in smaller atomic chunks.
-- **Ask for load balancing help**: If your plate is full at the moment and you don't think you will be able to complete the review in a timely manner, copy the `@mdn/core-yari-content` team and ask if someone else can take up the review.
diff --git a/files/en-us/mdn/contribute/index.md b/files/en-us/mdn/contribute/index.md
deleted file mode 100644
index ce4a170266f02cd..000000000000000
--- a/files/en-us/mdn/contribute/index.md
+++ /dev/null
@@ -1,125 +0,0 @@
----
-title: Contributing to MDN
-slug: MDN/Contribute
-page-type: landing-page
----
-
-{{MDNSidebar}}
-
-MDN Web Docs needs your help! We have a large number of typos to fix, examples to write, bugs to fix, people to talk to, and more, and the number is growing as more people start using the site. This page outlines what you can do to help.
-
-> **Note:** If you haven't contributed to MDN previously, the [Getting Started](/en-US/docs/MDN/Community/Contributing/Getting_started) guide explains the process in four simple steps. Good news, you're already on step 2: "Picking a task to complete."!
-
-## What can I do to help?
-
-There are multiple avenues you can take to contribute to MDN depending on your skill set and interests. Along with each task we provide a short description and an approximate time that each type of task typically takes.
-
-If you are not sure what to do, you are always welcome to [ask for help](/en-US/docs/MDN/Community/Communication_channels).
-
-### Primary contribution types
-
-The links in this section lead to detailed guides explaining how to do a particular contribution task that we are most interested in getting community help with, either because they are a critical function, and/or because they have a large backlog associated with them. Please consider helping out with these tasks before you consider contributing in other ways.
-
-<table class="standard-table">
-  <caption>Contribution Categories</caption>
-  <thead>
-    <tr>
-      <th scope="col">Tasks</th>
-      <th scope="col">Description</th>
-      <th scope="col">Skill set required</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>
-        <a href="/en-US/docs/MDN/Community/MDN_content">Fixing MDN content bugs</a>
-      </td>
-      <td>
-        Our <a href="https://github.com/mdn/content/issues">content repo</a> is where people submit issues to report problems found with MDN docs.
-        We get a lot of content bugs, and any help you can give in fixing them would be much appreciated.
-      </td>
-      <td>
-        <ul>
-          <li>
-            Knowledge of the web technologies you choose to help with (e.g. JavaScript, CSS).
-          </li>
-          <li>
-            A reasonable understanding of the English language (don't worry if your English is not perfect; we can help you with it).
-          </li>
-        </ul>
-      </td>
-    </tr>
-    <tr>
-      <td>
-        <a href="https://github.com/mdn/content/blob/main/REVIEWING.md">Reviewing MDN edits</a>
-      </td>
-      <td>
-        People submit pull requests on our <a href="https://github.com/mdn/content">content repo</a> all the time to update MDN content, and we need help reviewing them.
-        Head over to our <a href="https://github.com/mdn/content/blob/main/REVIEWING.md">REVIEWING.md</a> page to find out how the reviewing process works, and how you can get involved.
-      </td>
-      <td>
-        <ul>
-          <li>
-            Knowledge of the web technologies you choose to help with (e.g. JavaScript, CSS).
-          </li>
-          <li>
-            A reasonable understanding of the English language (don't worry if your English is not perfect; we can help you with it).
-          </li>
-        </ul>
-      </td>
-    </tr>
-    <tr>
-      <td>
-        <a href="/en-US/docs/MDN/Community/Learn_forum"
-          >Help beginners to learn on MDN</a
-        >
-      </td>
-      <td>
-        Our <a href="/en-US/docs/Learn">Learn web development</a> pages get over a million views per month and has an <a href="/en-US/docs/MDN/Community/Communication_channels">active community</a> where people ask for guidance.
-        We'd love some help with answering technical questions and growing our learning community.
-      </td>
-      <td>
-        <ul>
-          <li>
-            Knowledge of the web technologies you choose to help with (e.g. JavaScript, CSS).
-          </li>
-          <li>
-            Enthusiasm for explaining technical topics and helping beginners learn to code.
-          </li>
-          <li>
-            Reasonable proficiency with the English language; it really doesn't need to be perfect.
-          </li>
-        </ul>
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-We will add more tasks here as time goes on.
-
-### Other task types
-
-If our main priorities listed above don't interest you, you can find a number of other, more general task types to get involved with below, split up by skill set.
-
-If you are more interested in words, you could do the following:
-
-- [Update an existing article with new information](/en-US/docs/MDN/Writing_guidelines/Howto/Creating_moving_deleting#editing_an_existing_page) (5 minutes-1 hour)
-- [Write a new entry in the Glossary](/en-US/docs/MDN/Writing_guidelines/Howto/Write_a_new_entry_in_the_glossary) (15 minutes-1 hour)
-
-If you are more interested in code, you could try your hand at the following:
-
-- [Convert code samples to be "live"](/en-US/docs/MDN/Writing_guidelines/Page_structures/Live_samples) (30 minutes)
-- [Send a code patch to the Yari codebase](https://github.com/mdn/yari) (1 hour)
-- [Write an interactive example](https://github.com/mdn/interactive-examples/blob/main/CONTRIBUTING.md) (1 hour)
-
-If you are interested in words _and_ code, you could try your hand at the following:
-
-- [Write or update an API reference](/en-US/docs/MDN/Writing_guidelines/Howto/Write_an_api_reference) (30 minutes to 2 hours, or more)
-- [Write a new article on a topic you are familiar with](https://github.com/mdn/content#adding-a-new-document) (1 hour or more)
-- [Add or update browser compatibility data on a reference page](/en-US/docs/MDN/Writing_guidelines/Page_structures/Compatibility_tables) (30 minutes to 1 hour)
-
-> **Note:** If you have found something that is incorrect on MDN but you're not sure how to fix it, you can report problems by [filing a documentation issue](https://github.com/mdn/content/issues/new/choose). Please give the issue a descriptive title. (It's not helpful to say "Dead link" without saying where you found the link).
-
-## Other useful pages
-
-{{LandingPageListSubPages}}
diff --git a/files/en-us/mdn/contribute/processes/index.md b/files/en-us/mdn/contribute/processes/index.md
deleted file mode 100644
index b37ea9b5f26c525..000000000000000
--- a/files/en-us/mdn/contribute/processes/index.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Documentation processes
-slug: MDN/Contribute/Processes
-page-type: landing-page
----
-
-{{MDNSidebar}}
-
-The MDN documentation project is enormous; there are a vast number of technologies we cover through the assistance of hundreds of contributors from across the world. To help us bring order to chaos, we have standard processes to follow when working on specific documentation-related tasks. Here you'll find guides to those processes.
-
-{{LandingPageListSubPages}}
diff --git a/files/en-us/mdn/contribute/processes/workstream_assessment_project/index.md b/files/en-us/mdn/contribute/processes/workstream_assessment_project/index.md
deleted file mode 100644
index 8578bc2e70c4d8c..000000000000000
--- a/files/en-us/mdn/contribute/processes/workstream_assessment_project/index.md
+++ /dev/null
@@ -1,124 +0,0 @@
----
-title: MDN Workstream assessment and project setup process
-slug: MDN/Contribute/Processes/Workstream_assessment_project
-page-type: guide
----
-
-{{MDNSidebar}}
-
-Workstreams are larger, more involved MDN projects that are designed to be done by multiple people (across organizations) and require planning/process. They start life as content opportunities.
-
-## Content opportunity assessment
-
-Once per month we have a content opportunity assessment meeting. During this meeting we assess new opportunities, and record the results in the [content opportunities spreadsheet](https://docs.google.com/spreadsheets/d/13YYX5rRu4ATbo1Yl7rXHF9rbgXGBSLisguzo-cB8Fno/edit#gid=0). Near the end of each quarter, we have a further meeting to decide which of the opportunities assessed this quarter will be added to the roadmap for the next quarter.
-
-The process looks like this:
-
-1. Opportunities are initially submitted as issues to the [mdn/content](https://github.com/mdn/content) or [openwebdocs/project](https://github.com/openwebdocs/project) repositories. These issues are given a preliminary quick assessment by a core team member to assess suitability.
-2. If an idea is deemed suitable, the issue submitter is asked to fill in a full RFC document to be assessed. This is currently done by updating the existing issue's description to use the format seen at [OWD project: Making MDN syntax boxes beginner friendly](https://github.com/openwebdocs/project/issues/26).
-
-   - Note that in the "Priority assessment" table, each opportunity needs to be assessed against our [prioritization criteria](https://github.com/openwebdocs/project/blob/main/steering-committee/prioritization-criteria.md).
-   - For each criterion, give the project a description as well as a rough score of none/small/medium/large.
-
-3. Each month, we hold the opportunity assessment meeting to assess new opportunities, and record the results in the [content opportunities spreadsheet](https://docs.google.com/spreadsheets/d/13YYX5rRu4ATbo1Yl7rXHF9rbgXGBSLisguzo-cB8Fno/edit#gid=0). To be discussed in a meeting, each assessment needs an RFC submitted, to act as the basis for our discussion.
-4. At the end of each opportunity assessment meeting, we stack rank the ideas:
-
-   - We vote on the priority order for the ideas discussed by writing a simple number order in the meeting chat. For example if three opportunities were discussed and you thought that 2 was the most important, followed by 1, followed by 3, you'd write "2,1,3".
-   - We tally the votes and create a priority order for that meeting's opportunities.
-   - We then decide how those opportunities fit into the overall stack rank, by discussing where we think they'd fit.
-
-5. In the middle of the last month in each quarter, we have a meeting to look at the submitted opportunities, and decide which ones should be put on the MDN content roadmap for the next quarter. We present this proposal to the [Open Web Docs (OWD)](https://github.com/openwebdocs) editorial steering committee to get signed off. Each assessed opportunity is given a decision word — "roadmap", "park" or "decline":
-
-   - Roadmap — we are going ahead with this by putting it on the roadmap.
-   - Park — we are not going forward with this yet, but will consider it in the future.
-   - Decline — we are not going forward with this opportunity.
-
-6. Projects that are added to the roadmap are moved onto the project setup stage. At this stage, each one needs a project lead assigned that will make sure the work happens.
-
-> **Note:** If there is any disagreement about any of the given scores or decisions during the opportunity assessment meetings, the chair of the meeting will listen to opposing views for a maximum of one minute per view, then make a final decision on the matter. The chair's decision is final.
-
-## MDN project setup
-
-Workstreams that are signed off by the OWD editorial steering committee will follow the process outlined in this section and the next one. This first section details with the setup required for each workstream, and the second one looks at the process to follow when actually working on a project.
-
-### Overall project summary issue
-
-Each workstream needs an overall project summary issue, created on the [mdn/content](https://github.com/mdn/content) repo, to act as a focal point and summary for the project work.
-
-This should include:
-
-- A link to the RFC created for the workstream during the assessment process, so people can find further background information on the project if they need it.
-- Links to the spec or specs for the features being documented, as appropriate.
-- A list of the people involved in the project. Say what they are doing on it, and include their GitHub handles so that people can contact them if needed.
-- What are the success criteria for this project? Obviously we want to do all the listed tasks, but what is the effect of that going to be? A certain monthly page view figure for the new docs? Reduction in bugs received about a certain topic?
-- Other links that are useful to this project.
-- A list of what content and engineering work is required to complete this project. Eventually this should be a list of links to issues that define this work, as described in the [Individual work issues](#individual_work_issues) section.
-
-### Add to shared project roadmap
-
-Each workstream should be added to the shared project roadmap (which currently lives in the [High-level MDN schedule](https://docs.google.com/spreadsheets/d/1dMK17xXgPQxnfsMZedi-uf5EVdJcagk3BhuxJlxC6l8/edit#gid=0) spreadsheet). This is a really simple view of what work is being done and when. Each project entry should span across the months it is being done in, and link to the [overall project summary issue](#overall_project_summary_issue) for more information if required.
-
-Add your workstream/project to the spreadsheet, or ask someone else to do so if you don't have editing access.
-
-### Individual work issues
-
-The next step is to create individual GitHub issues for each bit of work listed in the overall project summary, and link to those issues from there. Each issue should be as self-contained as possible.
-
-Split the work up in a granular fashion that makes each chunk as easy as possible to pick up and work on — for example fix one error, or write one page. Inside each issue, provide instructions for doing the work, or link to them.
-
-For example, instructions for creating a new reference page might look like this:
-
-- This issue relates to the workstream defined at `https://xxxxx` (link to overall project summary).
-- Feature X is defined in this spec: `https://xxxxxxx`.
-- This page should be created at `https://developer.mozilla.org/xxxxxx`.
-- Use `https://xxxxxx` as a template for the page.
-- Create a new source page in the content repo and test it locally using the instructions available at `https://github.com/mdn/content`.
-- Once the page has been created, submit the changes as a pull request and wait for a review.
-
-Each issue should also have a reviewer assigned.
-
-Each issue should be given a specific label of the form "Workstream:xxxx", so that it is easy to filter for all related issues.
-
-Think of other contributors that might be looking for a bit of work to do, not just the existing personnel who are already invested.
-
-### Create project board
-
-Each workstream should have its own project board, created under <https://github.com/mdn/content/projects>. All of the individual work item issues should be listed on this board, as well as the overall project summary.
-
-The board title should describe the project succinctly, as well as containing the due date for completion of the project, as a reminder to those working on it, e.g. "Restructuring the mixin docs (March 15th)".
-
-The columns on each board should be as follows, from start to end:
-
-- Summary: Include the overall project summary card, and nothing else, in this column, so it is easy to find.
-- Not ready: A place to put issue cards that have been started but are not ready to work on yet.
-- To do: Issue cards that are ready to work on, but have not yet been started.
-- In progress: Issues that are in progress.
-- Needs review: Issues where the work is complete, and so are ready for review.
-- Done: Issues that are complete.
-
-## Running a project
-
-Once you have done the project setup work, as listed in the above section, moving forward with running the project should be fairly straightforward.
-
-### Set up a regular checkin meeting
-
-The project lead should set up a weekly checkin time, ideally a video or voice call, although a text-based chat would do. In this call, the project team should:
-
-- Report on what they've been doing since the last meeting.
-- Look at the actual work speed compared to the required speed for meeting the deadline, and adjust their work speed as required (only slip the deadline as a last resort).
-- Talk through any problems that have come up, and make any necessary changes (e.g. does new work need adding, are there any blockers that need escalating, does existing work need rescoping?).
-- Make sure everyone knows what they need to do next. The project lead should be responsible for agreeing and setting work items (assigning issues), and indeed in the first meeting some time should be set aside for deciding what everyone will work on first.
-
-### Ongoing work
-
-Go ahead with the project, doing the work as required, and meeting regularly to make sure everything is moving forward.
-
-Work organization:
-
-- When you start work on an issue, remember to put your work item in the "In progress" column on the project board.
-- When an item is ready to review, put it in the "Needs review" column. If there is not a reviewer assigned, bring it up with the project lead. If it hasn't been reviewed for a few days, politely remind the reviewer, and bring it up in the regular project meeting if it is delayed for longer.
-- Get the project lead to sign off on work items by @-mentioning them in the issue when it looks like everything has been approved, and getting them to do a final check, merge, and move the item to the "Done" column.
-
-### Final check
-
-Once all issue cards are done, the project lead should go through all the cards and give them all a final check before signing off on the entire workstream.

From fc646c98ea7f77b2f100fc934ccf9f7a73132889 Mon Sep 17 00:00:00 2001
From: septante <130835353+septante@users.noreply.github.com>
Date: Wed, 24 Jan 2024 23:21:22 +0000
Subject: [PATCH 553/790] typo fix (#31896)

---
 files/en-us/learn/css/styling_text/web_fonts/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/css/styling_text/web_fonts/index.md b/files/en-us/learn/css/styling_text/web_fonts/index.md
index 6f8c0a68d3d97cb..a2f8bb6d0783203 100644
--- a/files/en-us/learn/css/styling_text/web_fonts/index.md
+++ b/files/en-us/learn/css/styling_text/web_fonts/index.md
@@ -118,7 +118,7 @@ Web services for font generation typically limit file sizes. In such a case, con
 
 1. [sfnt2woff-zopfli](https://github.com/bramstein/sfnt2woff-zopfli) for converting ttf to woff
 2. [fontforge](https://fontforge.org/) for converting from ttf to svg
-3. [batik ttf2svf](https://people.apache.org/~clay/batik/ttf2svg.html) for converting from ttf to svg
+3. [batik ttf2svg](https://people.apache.org/~clay/batik/ttf2svg.html) for converting from ttf to svg
 4. [woff2](https://github.com/google/woff2) for converting from ttf to woff2
 
 ### Implementing the code in your demo

From 2ce8f6f9d08cd6f10b77c4853ef5494c690b56b1 Mon Sep 17 00:00:00 2001
From: Jason Lam <jasonlamv-t@hotmail.com>
Date: Thu, 25 Jan 2024 09:46:28 +0800
Subject: [PATCH 554/790] Reference link fix in Iterator.take() method (#31898)

Update index
---
 .../javascript/reference/global_objects/iterator/take/index.md  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/iterator/take/index.md b/files/en-us/web/javascript/reference/global_objects/iterator/take/index.md
index 2b027b55ff86f94..3f48d4284a34c1e 100644
--- a/files/en-us/web/javascript/reference/global_objects/iterator/take/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/iterator/take/index.md
@@ -75,7 +75,7 @@ Because `fibonacci()` is an infinite iterator, you can't use a `for` loop to ite
 
 ### Combining drop() with take()
 
-You can combine `drop()` with {{jsxref("Iterator.prototype.take()")}} to get a slice of an iterator:
+You can combine `take()` with {{jsxref("Iterator.prototype.drop()")}} to get a slice of an iterator:
 
 ```js
 for (const n of fibonacci().drop(2).take(5)) {

From 6a489877196f27cadd5b51545b68b9e31884a86f Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Thu, 25 Jan 2024 03:02:55 +0100
Subject: [PATCH 555/790] fix: auto-cleanup by bot (#31897)

chore: auto-fix Markdownlint, Prettier, and front-matter issues
---
 files/en-us/learn/index.md                                      | 2 +-
 files/en-us/mdn/at_ten/index.md                                 | 2 +-
 .../mdn/writing_guidelines/page_structures/page_types/index.md  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/learn/index.md b/files/en-us/learn/index.md
index 23907f9494e4734..96079f628f289cf 100644
--- a/files/en-us/learn/index.md
+++ b/files/en-us/learn/index.md
@@ -111,7 +111,7 @@ You can update the `learning-area` repository with any changes made to the maste
 
 If you want to get in touch with us about anything, use the [communication channels](/en-US/docs/MDN/Community/Communication_channels). We'd like to hear from you about anything you think is wrong or missing on the site, requests for new learning topics, requests for help with items you don't understand, or any other questions or concerns.
 
-If you're interested in helping develop/improve the content, take a look at [how you can help](/en-US/docs/MDN/Contribute) and get in touch! We are more than happy to talk to you, whether you are a learner, teacher, experienced web developer, or someone else interested in helping to improve the learning experience.
+If you're interested in helping develop/improve the content, take a look at [how you can help](/en-US/docs/MDN/Community/Contributing) and get in touch! We are more than happy to talk to you, whether you are a learner, teacher, experienced web developer, or someone else interested in helping to improve the learning experience.
 
 ## See also
 
diff --git a/files/en-us/mdn/at_ten/index.md b/files/en-us/mdn/at_ten/index.md
index c91caacf239326b..692816098260763 100644
--- a/files/en-us/mdn/at_ten/index.md
+++ b/files/en-us/mdn/at_ten/index.md
@@ -18,7 +18,7 @@ In early 2005, a small team of idealists set out to create a new, free, communit
 
 For ten years, the MDN community has been documenting the open Web. From fixing simple typos to writing entire suites of an entirely new API, everyone has something to offer and no contribution is too large or too small. We have over 90,000 pages of content that have been written or translated by members of our outstanding community of Mozillians. You can become one of them.
 
-[Learn more about contributing](/en-US/docs/MDN/Contribute)
+[Learn more about contributing](/en-US/docs/MDN/Community/Contributing)
 
 ## See also
 
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md b/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md
index 6b3e83ebd47583d..734a6be2944356f 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md
@@ -241,7 +241,7 @@ The list of subpages can be generated automatically using the templates [`Subpag
 - [Web APIs](/en-US/docs/Web/API)
 - [JavaScript](/en-US/docs/Web/JavaScript)
 - [Learning area](/en-US/docs/Learn)
-- [Contributing to MDN](/en-US/docs/MDN/Contribute)
+- [Contributing to MDN](/en-US/docs/MDN/Community/Contributing)
 
 ## See also
 

From 1e6f63fd174abaa6cece7f3219c2003cf68ae18e Mon Sep 17 00:00:00 2001
From: Andreas <519178+schmidhauser@users.noreply.github.com>
Date: Thu, 25 Jan 2024 03:39:17 +0000
Subject: [PATCH 556/790] Correct typos in index.md (#31892)

* Choose uniform spelling for "case-sensitive" and "case-insensitive"
* Move opening brace to same line as selector (for educational reasons)
---
 files/en-us/web/css/attribute_selectors/index.md | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/files/en-us/web/css/attribute_selectors/index.md b/files/en-us/web/css/attribute_selectors/index.md
index 493f3e98bfea126..9bac4fcd4dfd9f8 100644
--- a/files/en-us/web/css/attribute_selectors/index.md
+++ b/files/en-us/web/css/attribute_selectors/index.md
@@ -9,9 +9,9 @@ browser-compat: css.selectors.attribute
 
 The CSS **attribute selector** matches elements based on the element having a given attribute explicitly set, with options for defining an attribute value or substring value match.
 
-The case sensitivity of attribute names and values depends on the document language. In HTML, attribute names are case insensitive, as are spec-defined {{glossary("enumerated")}} values. The [case-insensitive HTML attribute values](https://html.spec.whatwg.org/multipage/semantics-other.html#case-sensitivity-of-selectors) are listed in the HTML spec. For these attributes, the attribute value in the selector is case-insensitive, regardless of whether the value is invalid or the attribute for the element on which it is set is invalid.
+The case sensitivity of attribute names and values depends on the document language. In HTML, attribute names are case-insensitive, as are spec-defined {{glossary("enumerated")}} values. The [case-insensitive HTML attribute values](https://html.spec.whatwg.org/multipage/semantics-other.html#case-sensitivity-of-selectors) are listed in the HTML spec. For these attributes, the attribute value in the selector is case-insensitive, regardless of whether the value is invalid or the attribute for the element on which it is set is invalid.
 
-If the attribute value is case sensitive, like [`class`](/en-US/docs/Web/HTML/Global_attributes/class), [`id`](/en-US/docs/Web/HTML/Global_attributes/id), and [`data-*`](/en-US/docs/Web/HTML/Global_attributes/data-*) attributes, the attribute selector value match is case-sensitive. Attributes defined outside of the HTML specification, like [`role`](/en-US/docs/Web/Accessibility/ARIA/Roles) and [`aria-*`](/en-US/docs/Web/Accessibility/ARIA/Attributes) attributes, are also case-sensitive. Normally case-sensitive attribute selectors can be made case-insensitive with the inclusion of the case-insensitive modifier (`i`).
+If the attribute value is case-sensitive, like [`class`](/en-US/docs/Web/HTML/Global_attributes/class), [`id`](/en-US/docs/Web/HTML/Global_attributes/id), and [`data-*`](/en-US/docs/Web/HTML/Global_attributes/data-*) attributes, the attribute selector value match is case-sensitive. Attributes defined outside of the HTML specification, like [`role`](/en-US/docs/Web/Accessibility/ARIA/Roles) and [`aria-*`](/en-US/docs/Web/Accessibility/ARIA/Attributes) attributes, are also case-sensitive. Normally case-sensitive attribute selectors can be made case-insensitive with the inclusion of the case-insensitive modifier (`i`).
 
 ```css
 /* <a> elements with a title attribute */
@@ -20,8 +20,7 @@ a[title] {
 }
 
 /* <a> elements with an href matching "https://example.org" */
-a[href="https://example.org"]
-{
+a[href="https://example.org"] {
   color: green;
 }
 
@@ -101,8 +100,7 @@ a[href$=".org"] {
 }
 
 /* Links that start with "https://" and end in ".org" */
-a[href^="https://"][href$=".org"]
-{
+a[href^="https://"][href$=".org"] {
   color: green;
 }
 ```

From c45e2107d7d23c2155f59849a7240f2fa5f096c4 Mon Sep 17 00:00:00 2001
From: Albert Scheiner <albert@scheiner.cc>
Date: Thu, 25 Jan 2024 20:24:48 +1100
Subject: [PATCH 557/790] Add additional examples (#31902)

* Add additional examples

* Update files/en-us/web/css/resolution/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/css/resolution/index.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/files/en-us/web/css/resolution/index.md b/files/en-us/web/css/resolution/index.md
index dda5327b5d14f5a..fb7da84781d53c4 100644
--- a/files/en-us/web/css/resolution/index.md
+++ b/files/en-us/web/css/resolution/index.md
@@ -36,6 +36,18 @@ The `<resolution>` data type consists of a strictly positive {{cssxref("&lt;numb
 @media print and (min-resolution: 300dpi) {
   /* … */
 }
+
+@media (resolution: 120dpcm) {
+  /* … */
+}
+
+@media (min-resolution: 2dppx) {
+  /* … */
+}
+
+@media (resolution: 1x) {
+  /* … */
+}
 ```
 
 ### Valid resolutions

From 1e518c1e78491175db6f6ba7e47e8f7b414f7cbb Mon Sep 17 00:00:00 2001
From: Vadim Makeev <hi@pepelsbey.dev>
Date: Thu, 25 Jan 2024 14:50:22 +0100
Subject: [PATCH 558/790] Update template element description and add
 shadowrootmode attribute (#31490)

* Add shadowrootmode attribute

* Add Shadow DOM demo

* Rewrite intro, refactor demo

* Add remote example

* Update link to demo

* Self-contain the intro

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Add a title for usage notes

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Move two options to usage notes

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Separate two notes

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Remove duplicate

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 .../en-us/web/html/element/template/index.md  | 77 +++++++++++++++++--
 1 file changed, 70 insertions(+), 7 deletions(-)

diff --git a/files/en-us/web/html/element/template/index.md b/files/en-us/web/html/element/template/index.md
index 4caab0a833413de..0d616adbb6d0900 100644
--- a/files/en-us/web/html/element/template/index.md
+++ b/files/en-us/web/html/element/template/index.md
@@ -7,20 +7,41 @@ browser-compat: html.elements.template
 
 {{HTMLSidebar}}
 
-The **`<template>`** [HTML](/en-US/docs/Web/HTML) element is a mechanism for holding {{Glossary("HTML")}} that is not to be rendered immediately when a page is loaded but may be instantiated subsequently during runtime using JavaScript.
-
-Think of a template as a content fragment that is being stored for subsequent use in the document. While the parser does process the contents of the **`<template>`** element while loading the page, it does so only to ensure that those contents are valid; the element's contents are not rendered, however.
+The **`<template>`** [HTML](/en-US/docs/Web/HTML) element serves as a mechanism for holding {{Glossary("HTML")}} fragments, which can either be used later via JavaScript or generated immediately into shadow DOM.
 
 ## Attributes
 
-The only standard attributes that the `<template>` element supports are the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
+This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
+
+- `shadowrootmode`
+
+  - : Creates a [shadow root](/en-US/docs/Glossary/Shadow_tree) for the parent element. It is a declarative version of the {{domxref("Element.attachShadow()")}} method and accepts the same {{glossary("enumerated")}} values.
+
+    - `open`
+
+      - : Exposes the internal shadow root DOM for JavaScript (recommended for most use cases).
+
+    - `closed`
+
+      - : Hides the internal shadow root DOM from JavaScript.
+
+    > **Note:** This is a feature of the HTML parser that cannot be used post-parsing by setting the `shadowrootmode` attribute through JavaScript. Only allowed values will create the shadow root; any other values, including empty ones, won't trigger this behavior.
+
+    > **Note:** You may find the non-standard `shadowroot` attribute in older tutorials and examples that used to be supported in Chrome 90-110. This attribute has since been removed and replaced by the standard `shadowrootmode` attribute.
+
+## Usage notes
+
+There are two main ways to use the `<template>` element:
 
-In Chromium-based browsers, the `<template>` element also supports a non-standard [`shadowrootmode` attribute](https://github.com/mfreed7/declarative-shadow-dom/blob/master/README.md#syntax), as part of an experimental ["Declarative Shadow DOM"](https://developer.chrome.com/docs/css-ui/declarative-shadow-dom) proposal. In supporting browsers, a `<template>` element with the `shadowrootmode` attribute is detected by the HTML parser and immediately applied as the shadow root of its parent element. `shadowrootmode` can take a value of `open` or `closed`; these are equivalent to the `open` and `closed` values of the {{domxref("Element.attachShadow()")}} `mode` option.
+1. By default, the element's content is not rendered, only parsed into a [document fragment](/en-US/docs/Web/API/DocumentFragment). Using the {{domxref("HTMLTemplateElement.content", "content")}} property in JavaScript, this fragment can be cloned via the {{domxref("Node.cloneNode", "cloneNode")}} method and inserted into the DOM.
+2. If the element contains the `shadowrootmode` attribute, the HTML parser will immediately generate a shadow DOM. The element is replaced in the DOM by its content wrapped in a [shadow root](/en-US/docs/Glossary/Shadow_tree).
 
-Also, the corresponding {{domxref("HTMLTemplateElement")}} interface includes a standard {{domxref("HTMLTemplateElement.content", "content")}} property (without an equivalent content/markup attribute). This `content` property is read-only and holds a {{domxref("DocumentFragment")}} that contains the DOM subtree represented by the template. Be careful when using the `content` property because the returned `DocumentFragment` can exhibit unexpected behavior. For more details, see the [Avoiding DocumentFragment pitfalls](#avoiding_documentfragment_pitfalls) section below.
+The corresponding {{domxref("HTMLTemplateElement")}} interface includes a standard {{domxref("HTMLTemplateElement.content", "content")}} property (without an equivalent content/markup attribute). This `content` property is read-only and holds a {{domxref("DocumentFragment")}} that contains the DOM subtree represented by the template. Be careful when using the `content` property because the returned `DocumentFragment` can exhibit unexpected behavior. For more details, see the [Avoiding DocumentFragment pitfalls](#avoiding_documentfragment_pitfalls) section below.
 
 ## Examples
 
+### Generating table rows
+
 First we start with the HTML portion of the example.
 
 ```html
@@ -89,7 +110,48 @@ table td {
 }
 ```
 
-{{EmbedLiveSample("Examples", 500, 120)}}
+{{EmbedLiveSample("Table row generation", 500, 120)}}
+
+### Implementing a declarative shadow DOM
+
+In this example, a hidden support warning is included at the beginning of the markup. This warning is later set to be displayed via JavaScript if the browser doesn't support the `shadowrootmode` attribute. Next, there are two {{HTMLElement("article")}} elements, each containing nested {{HTMLElement("style")}} elements with different behaviors. The first `<style>` element is global to the whole document. The second one is scoped to the shadow root generated in place of the `<template>` element because of the presence of the `shadowrootmode` attribute.
+
+```html
+<p hidden>
+  ⛔ Your browser doesn't support <code>shadowrootmode</code> attribute yet.
+</p>
+<article>
+  <style>
+    p {
+      padding: 8px;
+      background-color: wheat;
+    }
+  </style>
+  <p>I'm in the DOM.</p>
+</article>
+<article>
+  <template shadowrootmode="open">
+    <style>
+      p {
+        padding: 8px;
+        background-color: plum;
+      }
+    </style>
+    <p>I'm in the shadow DOM.</p>
+  </template>
+</article>
+```
+
+```js
+const isShadowRootModeSupported =
+  HTMLTemplateElement.prototype.hasOwnProperty("shadowRootMode");
+
+document
+  .querySelector("p[hidden]")
+  .toggleAttribute("hidden", isShadowRootModeSupported);
+```
+
+{{EmbedGHLiveSample("dom-examples/shadow-dom/shadowrootmode/scoping.html", "", "120")}}
 
 ## Avoiding DocumentFragment pitfalls
 
@@ -220,3 +282,4 @@ Since `firstClone` is a `DocumentFragment`, only its children are added to `cont
 - [`ShadowRoot`]("/en-US/docs/Web/API/ShadowRoot) interface
 - [Using templates and slots](/en-US/docs/Web/API/Web_components/Using_templates_and_slots)
 - [CSS scoping](/en-US/docs/Web/CSS/CSS_scoping) module
+- [Declarative shadow DOM](https://developer.chrome.com/docs/css-ui/declarative-shadow-dom) on developer.chrome.com (2023)

From 10346c8cf5dfe6e030bd1cdc32f04461afaa8c64 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Thu, 25 Jan 2024 20:51:23 +0530
Subject: [PATCH 559/790] document for HTMLAnchorElement.type (#31886)

* document for HTMLAnchorElement.type

* Update files/en-us/web/api/htmlanchorelement/type/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/type/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/type/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/type/index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../web/api/htmlanchorelement/type/index.md   | 53 +++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 files/en-us/web/api/htmlanchorelement/type/index.md

diff --git a/files/en-us/web/api/htmlanchorelement/type/index.md b/files/en-us/web/api/htmlanchorelement/type/index.md
new file mode 100644
index 000000000000000..8f89d0f6f3c5a95
--- /dev/null
+++ b/files/en-us/web/api/htmlanchorelement/type/index.md
@@ -0,0 +1,53 @@
+---
+title: "HTMLAnchorElement: type property"
+short-title: type
+slug: Web/API/HTMLAnchorElement/type
+page-type: web-api-instance-property
+browser-compat: api.HTMLAnchorElement.type
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`type`** property of the {{domxref("HTMLAnchorElement")}} interface is a string that indicates the MIME type of the linked resource.
+
+It reflects the `type` attribute of the {{HTMLElement("a")}} element.
+
+## Value
+
+A string.
+
+## Example
+
+```html
+<a id="exampleLink" href="https://example.com" type="text/html">Example Link</a>
+<p class="type"></p>
+```
+
+```css
+#exampleLink {
+  font-size: 1.5rem;
+}
+```
+
+```js
+const anchorElement = document.getElementById("exampleLink");
+const pTag = document.querySelector(".type");
+console.log(anchorElement.type); // Output: "text/html"
+pTag.textContent = anchorElement.type;
+```
+
+{{EmbedLiveSample("Example",100,100)}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLLinkElement.type")}} property
+- {{domxref("HTMLSourceElement.type")}} property
+- {{domxref("HTMLEmbedElement.type")}} property

From 0e21d5f5588417bc74c26a29e94754535190843e Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Thu, 25 Jan 2024 09:32:22 -0800
Subject: [PATCH 560/790] New page: @media scan feature (#31894)

* New page: @media scan feature

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/web/css/@media/scan/index.md | 82 ++++++++++++++++++++++++
 1 file changed, 82 insertions(+)
 create mode 100644 files/en-us/web/css/@media/scan/index.md

diff --git a/files/en-us/web/css/@media/scan/index.md b/files/en-us/web/css/@media/scan/index.md
new file mode 100644
index 000000000000000..48d13ea8caa499c
--- /dev/null
+++ b/files/en-us/web/css/@media/scan/index.md
@@ -0,0 +1,82 @@
+---
+title: scan
+slug: Web/CSS/@media/scan
+page-type: css-media-feature
+browser-compat: css.at-rules.media.scan
+---
+
+{{CSSRef}}
+
+The **`scan`** [CSS](/en-US/docs/Web/CSS) [media feature](/en-US/docs/Web/CSS/@media#media_features) is used to apply CSS styles based on the scanning process of the output device.
+
+## Syntax
+
+The `scan` feature is specified as one of the following keyword values:
+
+- `interlace`
+  - : The output device uses "interlaced" rendering, where video frames alternate between specifying only the "even" lines on the screen and only the "odd" lines.
+- `progressive`
+  - : The output device renders content to the screen with no special treatment.
+
+## Description
+
+Most modern screens (and all computer screens) use progressive rendering, displaying each screen fully with no special treatment.
+
+Interlacing was used by CRT monitors and some plasma TVs to enable the appearance of faster frames per second (FPS) while reducing bandwidth. With interlacing, video frames alternate between rendering the even lines and the odd lines on the screen, downloading and rendering only half the screen for each frame, exploiting the human image-smoothing ability so the brain simulates a higher FPS broadcast at half the bandwidth cost.
+
+When targeting interlaced screens, avoid very fast movement across the screen and ensure animated details are wider than 1px to reduce flickering.
+
+## Examples
+
+### HTML
+
+```html
+<p>This is a test.</p>
+```
+
+### CSS
+
+```css
+p {
+  padding: 10px;
+  border: solid;
+}
+
+@media (scan: interlace) {
+  p {
+    background: #f4ae8a;
+  }
+}
+@media (scan: progressive) {
+  p {
+    text-decoration: underline;
+  }
+}
+@media not (scan: progressive) {
+  p {
+    border-style: dashed;
+  }
+}
+@media not (scan: interlaced) {
+  p {
+    color: purple;
+  }
+}
+```
+
+### Result
+
+{{EmbedLiveSample("Examples")}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The [@media](/en-US/docs/Web/CSS/@media) at-rule, which is used to specify the scan expression.
+- [Using media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries) to understand when and how to use a media query.

From 66c21fab17a23004a23c5fb78cec74965f038e12 Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Thu, 25 Jan 2024 18:14:35 +0000
Subject: [PATCH 561/790] feat: Add docs for *VideoFrameCallback() methods
 (#31762)

* Add docs for *VideoFrameCallback() methods

* Fixes for skyclouds2001 review

* Update files/en-us/web/api/htmlvideoelement/cancelvideoframecallback/index.md

Co-authored-by: Thomas Steiner <tomac@google.com>

* Update files/en-us/web/api/htmlvideoelement/index.md

Co-authored-by: Thomas Steiner <tomac@google.com>

* Update files/en-us/web/api/htmlvideoelement/requestvideoframecallback/index.md

Co-authored-by: Thomas Steiner <tomac@google.com>

* Fixes for tomayac comments

* Update files/en-us/web/api/htmlvideoelement/requestvideoframecallback/index.md

Co-authored-by: Thomas Steiner <tomac@google.com>

* Last couple of updates

* Fixes for dipikabh review comments

* Update files/en-us/web/api/htmlvideoelement/requestvideoframecallback/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/api/htmlvideoelement/requestvideoframecallback/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

---------

Co-authored-by: Thomas Steiner <tomac@google.com>
Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../cancelvideoframecallback/index.md         |  67 ++++++++++
 files/en-us/web/api/htmlvideoelement/index.md |   6 +-
 .../requestvideoframecallback/index.md        | 117 ++++++++++++++++++
 3 files changed, 189 insertions(+), 1 deletion(-)
 create mode 100644 files/en-us/web/api/htmlvideoelement/cancelvideoframecallback/index.md
 create mode 100644 files/en-us/web/api/htmlvideoelement/requestvideoframecallback/index.md

diff --git a/files/en-us/web/api/htmlvideoelement/cancelvideoframecallback/index.md b/files/en-us/web/api/htmlvideoelement/cancelvideoframecallback/index.md
new file mode 100644
index 000000000000000..58eb02605c10e36
--- /dev/null
+++ b/files/en-us/web/api/htmlvideoelement/cancelvideoframecallback/index.md
@@ -0,0 +1,67 @@
+---
+title: "HTMLVideoElement: cancelVideoFrameCallback() method"
+short-title: cancelVideoFrameCallback()
+slug: Web/API/HTMLVideoElement/cancelVideoFrameCallback
+page-type: web-api-instance-method
+browser-compat: api.HTMLVideoElement.cancelVideoFrameCallback
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`cancelVideoFrameCallback()`** method of the {{domxref("HTMLVideoElement")}} interface cancels a previously-registered video frame callback.
+
+## Syntax
+
+```js-nolint
+cancelVideoFrameCallback(id)
+```
+
+### Parameters
+
+- `id`
+  - : A number representing the ID of the video frame callback you want to cancel. This will be the value returned by the corresponding {{DOMxRef("HTMLVideoElement.requestVideoFrameCallback")}} call.
+
+### Return value
+
+None ({{jsxref("undefined")}}).
+
+## Examples
+
+### Canceling a video frame callback
+
+This example shows how to use `cancelVideoFrameCallback()` to cancel a previously-registered video frame callback.
+
+```js
+const updateCanvas = (now, metadata) => {
+  // Do something with the frame
+
+  // ...
+
+  // Re-register the callback to run on the next frame
+  // It's important to update the videoCallbackId on each iteration
+  // so you can cancel the callback successfully
+  videoCallbackId = video.requestVideoFrameCallback(updateCanvas);
+};
+
+// Initial registration of the callback to run on the first frame
+let videoCallbackId = video.requestVideoFrameCallback(updateCanvas);
+
+// ...
+
+// Cancel video frame callback using the latest videoCallbackId
+video.cancelVideoFrameCallback(videoCallbackId);
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{HTMLElement("video")}} element
+- {{DOMxRef("HTMLVideoElement.requestVideoFrameCallback()")}}
+- [Perform efficient per-video-frame operations on video with `requestVideoFrameCallback()`](https://web.dev/articles/requestvideoframecallback-rvfc) on developer.chrome.com (2023)
diff --git a/files/en-us/web/api/htmlvideoelement/index.md b/files/en-us/web/api/htmlvideoelement/index.md
index 3442dc2634e8585..2d54f765c92c674 100644
--- a/files/en-us/web/api/htmlvideoelement/index.md
+++ b/files/en-us/web/api/htmlvideoelement/index.md
@@ -49,10 +49,14 @@ _Inherits properties from its parent interface, {{domxref("HTMLMediaElement")}},
 
 _Inherits methods from its parent interface, {{domxref("HTMLMediaElement")}}, and {{domxref("HTMLElement")}}._
 
+- {{DOMxRef("HTMLVideoElement.cancelVideoFrameCallback()")}}
+  - : Cancels a previously-registered video frame callback (see {{DOMxRef("HTMLVideoElement.requestVideoFrameCallback", "requestVideoFrameCallback()")}}).
 - {{domxref("HTMLVideoElement.getVideoPlaybackQuality()")}}
   - : Returns a {{domxref("VideoPlaybackQuality")}} object that contains the current playback metrics. This information includes things like the number of dropped or corrupted frames, as well as the total number of frames.
 - {{DOMxRef("HTMLVideoElement.requestPictureInPicture()")}}
-  - : Requests that the user agent make video enters picture-in-picture mode
+  - : Requests that the user agent enters the video into picture-in-picture mode.
+- {{DOMxRef("HTMLVideoElement.requestVideoFrameCallback()")}}
+  - : Registers a callback function that runs when a new video frame is sent to the compositor. This enables developers to perform efficient operations on each video frame.
 
 ## Events
 
diff --git a/files/en-us/web/api/htmlvideoelement/requestvideoframecallback/index.md b/files/en-us/web/api/htmlvideoelement/requestvideoframecallback/index.md
new file mode 100644
index 000000000000000..3b50506e89d8efb
--- /dev/null
+++ b/files/en-us/web/api/htmlvideoelement/requestvideoframecallback/index.md
@@ -0,0 +1,117 @@
+---
+title: "HTMLVideoElement: requestVideoFrameCallback() method"
+short-title: requestVideoFrameCallback()
+slug: Web/API/HTMLVideoElement/requestVideoFrameCallback
+page-type: web-api-instance-method
+browser-compat: api.HTMLVideoElement.requestVideoFrameCallback
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`requestVideoFrameCallback()`** method of the {{domxref("HTMLVideoElement")}} interface registers a callback function that runs when a new video frame is sent to the compositor. This enables developers to perform efficient operations on each video frame.
+
+## Description
+
+Typical use cases for `requestVideoFrameCallback()` include video processing and painting to a canvas, video analysis, and synchronization with external audio sources. Per-frame processing used to be done in a less efficient or accurate fashion by running operations on the current video display whenever the {{domxref("HTMLMediaElement.timeupdate_event", "timeupdate")}} event fired. This technique did not provide access to the actual video frames.
+
+`requestVideoFrameCallback()` is used in the same way as {{domxref("Window.requestAnimationFrame()")}}. You use it to run a callback function that performs some operation when the next video frame is sent to the compositor. The callback finishes by calling `requestVideoFrameCallback()` again to run the callback when the next video frame is composited, and so on. However, `requestVideoFrameCallback()` is tailored for video operations in several ways:
+
+- `requestVideoFrameCallback()` provides reliable access to each individual video frame.
+- `requestAnimationFrame()` tries to match the display refresh rate, which is typically 60Hz. `requestVideoFrameCallback()`, on the other hand, tries to match the video frame rate. More specifically, the callback will run at the lower of the video frame rate and the browser paint refresh rate. For example, a video with a frame rate of 25fps playing in a browser that paints at 60Hz would fire callbacks at a rate of 25Hz. A video with a frame rate of 120fps running in the same 60Hz browser would fire callbacks at 60Hz.
+- `requestVideoFrameCallback()` makes useful video metadata available in the callback function.
+
+One thing to bear in mind is that `requestVideoFrameCallback()` does not offer any strict guarantees that the output from your callback will remain in sync with the video frame rate. It may end up being fired one vertical synchronization (v-sync) later than when the new video frame was presented. (V-sync is a graphics technology that synchronizes the frame rate of a video with the refresh rate of a monitor.)
+
+The API runs on the main thread, while video compositing likely happens on a separate compositing thread. You've got to factor in the time taken for these operations to complete, as well as the time it takes for the video itself and the result of your `requestVideoFrameCallback()` operation to display on the screen.
+
+You can compare the `now` callback parameter and the `expectedDisplayTime` metadata property to determine whether your callback is a v-sync late. If `expectedDisplayTime` is within about five to ten microseconds of `now`, the frame is already rendered. If the `expectedDisplayTime` is approximately sixteen milliseconds in the future (assuming your browser/screen is refreshing at 60Hz), then the callback is a v-sync out.
+
+## Syntax
+
+```js-nolint
+requestVideoFrameCallback(callback)
+```
+
+### Parameters
+
+- `callback`
+
+  - : The callback function that runs when a new video frame is sent to the compositor. This contains two parameters:
+
+    - `now`
+      - : A {{domxref("DOMHighResTimeStamp")}} representing the time when the callback was called.
+    - `metadata`
+
+      - : An object containing the following properties:
+
+        - `expectedDisplayTime`: A {{domxref("DOMHighResTimeStamp")}} representing the time when the browser expects the frame to be visible.
+        - `height`: A number, in media pixels, representing the height of the video frame (the visible decoded pixels, without aspect ratio adjustments).
+        - `mediaTime`: A number, in seconds, representing the media presentation timestamp of the presented frame. This is equal to the frame's timestamp on the {{domxref("HTMLMediaElement.currentTime")}} timeline.
+        - `presentationTime`: A {{domxref("DOMHighResTimeStamp")}} representing the time when the browser submitted the frame for composition.
+        - `presentedFrames`: A number representing the number of frames submitted for composition so far alongside the current callback. This can be used to detect whether frames were missed between callback instances.
+        - `processingDuration`: A number, in seconds, representing the duration between the submission of the encoded packet with the same presentation timestamp as this frame to the decoder (i.e., the `mediaTime`) and the decoded frame being ready for presentation.
+        - `width`: A number, in media pixels, representing the width of the video frame (the visible decoded pixels, without aspect ratio adjustments).
+
+        Additional metadata properties may be available within `requestVideoFrameCallback()` callbacks used in {{domxref("WebRTC_API", "WebRTC", "", "nocode")}} applications:
+
+        - `captureTime`: A {{domxref("DOMHighResTimeStamp")}} representing the time when the frame was captured. This applies to video frames coming from a local or remote source. For a remote source, the capture time is estimated using clock synchronization and RTCP sender reports to convert RTP timestamps to capture time.
+        - `receiveTime`: A {{domxref("DOMHighResTimeStamp")}} representing the time when the encoded frame was received by the platform. This applies to video frames coming from a remote source. Specifically, this corresponds to the time when the last packet belonging to this frame was received over the network.
+        - `rtpTimestamp`: A number representing the RTP timestamp associated with this video frame.
+
+> **Note:** `width` and `height` may differ from {{domxref("HTMLVideoElement.videoWidth")}} and {{domxref("HTMLVideoElement.videoHeight")}} in certain cases (for example, an anamorphic video may have rectangular pixels).
+
+### Return value
+
+A number representing a unique callback ID.
+
+This can be passed to {{DOMxRef("HTMLVideoElement.cancelVideoFrameCallback()")}} to cancel the callback registration.
+
+## Examples
+
+### Drawing video frames on a canvas
+
+This example shows how to use `requestVideoFrameCallback()` to draw the frames of a video onto a {{htmlelement("canvas")}} element at exactly the same frame rate as the video. It also logs the frame metadata to the DOM for debugging purposes.
+
+```js
+if ("requestVideoFrameCallback" in HTMLVideoElement.prototype) {
+  let paintCount = 0;
+  let startTime = 0.0;
+
+  const updateCanvas = (now, metadata) => {
+    if (startTime === 0.0) {
+      startTime = now;
+    }
+
+    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+
+    const elapsed = (now - startTime) / 1000.0;
+    const fps = (++paintCount / elapsed).toFixed(3);
+    fpsInfo.innerText = `video fps: ${fps}`;
+    metadataInfo.innerText = JSON.stringify(metadata, null, 2);
+
+    // Re-register the callback to run on the next frame
+    video.requestVideoFrameCallback(updateCanvas);
+  };
+
+  // Initial registration of the callback to run on the first frame
+  video.requestVideoFrameCallback(updateCanvas);
+} else {
+  alert("Your browser does not support requestVideoFrameCallback().");
+}
+```
+
+See [requestVideoFrameCallback Demo](https://requestvideoframecallback.glitch.me/) for a working implementation of the above code.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{HTMLElement("video")}} element
+- {{DOMxRef("HTMLVideoElement.cancelVideoFrameCallback()")}}
+- [Perform efficient per-video-frame operations on video with `requestVideoFrameCallback()`](https://web.dev/articles/requestvideoframecallback-rvfc) on developer.chrome.com (2023)

From fffabdeeb9a069e40a070dadeedc93298b2aca7e Mon Sep 17 00:00:00 2001
From: ivan <95487764+glmvc@users.noreply.github.com>
Date: Fri, 26 Jan 2024 00:02:20 +0100
Subject: [PATCH 562/790] fix and improve content on reference pages of table
 elements (#27958)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix and improve content on reference pages of table elements

* basic table

Changed the first table to use best practices.
changed "simple" to "basic"

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/html/element/table/index.md

* Update files/en-us/web/html/element/table/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Apply suggestions from code review

reported by reviewdog 🐶

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* fix, adapt, and unify table elements

* Apply suggestions from code review

to be able to tweak the suggestions and apply them to the other table-related elements

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Apply suggestions from code review 2.0

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/element/col/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/element/colgroup/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Apply linter suggestions

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* apply suggested changes and adjustments

* Apply suggestions from code review 2.0

grammar and sentence structure fixes, added infos, tweaks and final decisions

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Apply linter suggestions from reviewdog

formatting

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Apply linter suggestion from reviewdog

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Apply suggestion for colgroup element

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/html/element/tr/index.md

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Estelle Weyl <estelle@weyl.org>
---
 files/en-us/web/html/element/caption/index.md |  74 +-
 files/en-us/web/html/element/col/index.md     | 167 +++-
 .../en-us/web/html/element/colgroup/index.md  | 172 +++-
 files/en-us/web/html/element/index.md         |  24 +-
 files/en-us/web/html/element/table/index.md   | 862 ++++++++++++------
 files/en-us/web/html/element/tbody/index.md   | 372 ++++----
 .../web/html/element/td/column-row-span.html  | 163 ++++
 .../web/html/element/td/column-row-span.png   | Bin 0 -> 5567 bytes
 files/en-us/web/html/element/td/index.md      | 281 +++++-
 files/en-us/web/html/element/tfoot/index.md   | 162 +++-
 .../web/html/element/th/column-row-span.html  | 163 ++++
 .../web/html/element/th/column-row-span.png   | Bin 0 -> 5567 bytes
 files/en-us/web/html/element/th/index.md      | 310 ++++++-
 .../html/element/thead/column-row-span.html   | 163 ++++
 .../html/element/thead/column-row-span.png    | Bin 0 -> 5567 bytes
 files/en-us/web/html/element/thead/index.md   | 236 ++++-
 files/en-us/web/html/element/tr/index.md      | 521 ++++-------
 17 files changed, 2605 insertions(+), 1065 deletions(-)
 create mode 100644 files/en-us/web/html/element/td/column-row-span.html
 create mode 100644 files/en-us/web/html/element/td/column-row-span.png
 create mode 100644 files/en-us/web/html/element/th/column-row-span.html
 create mode 100644 files/en-us/web/html/element/th/column-row-span.png
 create mode 100644 files/en-us/web/html/element/thead/column-row-span.html
 create mode 100644 files/en-us/web/html/element/thead/column-row-span.png

diff --git a/files/en-us/web/html/element/caption/index.md b/files/en-us/web/html/element/caption/index.md
index 9d51c72442386d8..d3bc4f1dd3d6d60 100644
--- a/files/en-us/web/html/element/caption/index.md
+++ b/files/en-us/web/html/element/caption/index.md
@@ -21,35 +21,30 @@ The following attributes are deprecated and should not be used. They are documen
 
 - `align` {{deprecated_inline}}
 
-  - : This [enumerated](/en-US/docs/Glossary/Enumerated) attribute indicates how the caption must be aligned with respect to the table. It may have one of the following values:
+  - : Specifies on which side of the table the caption should be displayed. The possible {{Glossary("enumerated", "enumerated")}} values are `left`, `top`, `right`, or `bottom`. Use the {{cssxref("caption-side")}} and {{cssxref("text-align")}} CSS properties instead, as this attribute is deprecated.
 
-    - `left`
-      - : The caption is displayed to the left of the table.
-    - `top`
-      - : The caption is displayed above the table.
-    - `right`
-      - : The caption is displayed to the right of the table.
-    - `bottom`
-      - : The caption is displayed below the table.
+## Usage notes
 
-    > **Warning:** Do not use this attribute, as it has been deprecated. The {{HTMLElement("caption")}} element should be styled using the [CSS](/en-US/docs/Web/CSS) properties {{cssxref("caption-side")}} and {{cssxref("text-align")}}.
+- If included, the `<caption>` element must be the first child of its parent {{htmlelement("table")}} element.
+- When a `<table>` is nested within a {{HTMLElement("figure")}} as the figure's only content, it should be captioned via a {{HTMLElement("figcaption")}} for the `<figure>` instead of as a `<caption>` nested within the `<table>`.
+- Any {{cssxref("background-color")}} applied to a table will not be applied to its caption. Add a `background-color` to the `<caption>` element as well if you want the same color to be behind both.
 
-## Usage notes
+## Example
 
-If used, the `<caption>` element must be the first child of its parent {{htmlelement("table")}} element.
+See {{HTMLElement("table")}} for a complete table example introducing common standards and best practices.
 
-When the `<table>` element that contains the `<caption>` is the only descendant of a {{HTMLElement("figure")}} element, you should use the {{HTMLElement("figcaption")}} element instead of `<caption>`.
+This example demonstrates a basic table that includes a caption describing the data presented.
 
-A {{cssxref("background-color")}} on the table will not include the caption. Add a `background-color` to the `<caption>` element as well if you want the same color to be behind both.
+Such a "title" is helpful for users who are quickly scanning the page, and it is especially beneficial for visually impaired users, allowing them to determine the table's relevance quickly without the need to have a screen reader read the contents of many cells just to find out what the table is about.
 
-## Example
+#### HTML
 
-This simple example presents a table that includes a caption.
+A `<caption>` element is used as the first child of the {{HTMLElement("table")}}, with text content similar to a title to describe the table data. Three rows, the first being a header row, with two columns are created using the {{HTMLElement("tr")}}, {{HTMLElement("th")}} and {{HTMLElement("td")}} elements after the `<caption>`.
 
 ```html
 <table>
   <caption>
-    Example Caption
+    User login email addresses
   </caption>
   <tr>
     <th>Login</th>
@@ -57,31 +52,55 @@ This simple example presents a table that includes a caption.
   </tr>
   <tr>
     <td>user1</td>
-    <td>user1@sample.com</td>
+    <td>user1@example.com</td>
   </tr>
   <tr>
     <td>user2</td>
-    <td>user2@sample.com</td>
+    <td>user2@example.com</td>
   </tr>
 </table>
 ```
 
-```css hidden
+#### CSS
+
+Some basic CSS is used to align and highlight the `<caption>`.
+
+```css
 caption {
   caption-side: top;
+  text-align: left;
+  padding-bottom: 10px;
+  font-weight: bold;
 }
+```
+
+```css hidden
 table {
   border-collapse: collapse;
-  border-spacing: 0px;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
 }
-table,
+
 th,
 td {
-  border: 1px solid black;
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
+}
+
+th {
+  background-color: rgb(230 230 230);
+}
+
+td {
+  text-align: center;
 }
 ```
 
-{{EmbedLiveSample('Example', 650, 100)}}
+#### Result
+
+{{EmbedLiveSample('Example', 650, 140)}}
 
 ## Technical summary
 
@@ -146,6 +165,7 @@ td {
 
 ## See also
 
-- CSS properties that may be specially useful to style the {{HTMLElement("caption")}} element:
-
-  - {{cssxref("text-align")}}, {{cssxref("caption-side")}}.
+- [Learn: HTML tables](/en-US/docs/Learn/HTML/Tables)
+- {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}: Other table-related elements
+- {{cssxref("caption-side")}}: CSS property to position the `<caption>` relative to its parent {{HTMLElement("table")}}
+- {{cssxref("text-align")}}: CSS property to horizontally align the text content of the `<caption>`
diff --git a/files/en-us/web/html/element/col/index.md b/files/en-us/web/html/element/col/index.md
index fabbfc93749a59c..0361511cb4561f8 100644
--- a/files/en-us/web/html/element/col/index.md
+++ b/files/en-us/web/html/element/col/index.md
@@ -7,18 +7,16 @@ browser-compat: html.elements.col
 
 {{HTMLSidebar}}
 
-The **`<col>`** [HTML](/en-US/docs/Web/HTML) element defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a {{HTMLElement("colgroup")}} element.
+The **`<col>`** [HTML](/en-US/docs/Web/HTML) element defines one or more columns in a column group represented by its parent {{HTMLElement("colgroup")}} element. The `<col>` element is only valid as a child of a {{HTMLElement("colgroup")}} element that has no [`span`](/en-US/docs/Web/HTML/Element/colgroup#span) attribute defined.
 
 {{EmbedInteractiveExample("pages/tabbed/col.html","tabbed-taller")}}
 
-`<col>` allows styling columns using CSS, but only a few properties will have an effect on the column ([see the CSS 2.1 specification](https://www.w3.org/TR/CSS21/tables.html#columns) for a list).
-
 ## Attributes
 
 This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
 - `span`
-  - : This attribute contains a positive integer indicating the number of consecutive columns the `<col>` element spans. If not present, its default value is `1`.
+  - : Specifies the number of consecutive columns the `<col>` element spans. The value must be a positive integer greater than zero. If not present, its default value is `1`.
 
 ### Deprecated attributes
 
@@ -26,52 +24,145 @@ The following attributes are deprecated and should not be used. They are documen
 
 - `align` {{deprecated_inline}}
 
-  - : This [enumerated](/en-US/docs/Glossary/Enumerated) attribute specifies how horizontal alignment of each column cell content will be handled. Possible values are:
-
-    - `left`, aligning the content to the left of the cell
-    - `center`, centering the content in the cell
-    - `right`, aligning the content to the right of the cell
-    - `justify`, inserting spaces into the textual content so that the content is justified in the cell
-
-    If this attribute is not set, its value is inherited from the [`align`](/en-US/docs/Web/HTML/Element/colgroup#align) of the {{HTMLElement("colgroup")}} element this `<col>` element belongs too. If there are none, the `left` value is assumed.
+  - : Specifies the horizontal alignment of each column cell. The possible {{Glossary("enumerated")}} values are `left`, `center`, `right`, `justify`, and `char`. When supported, the `char` value aligns the textual content on the character defined in the [`char`](#char) attribute and on offset defined by the [`charoff`](#charoff) attribute. Note that this attribute overrides the specified [`align`](/en-US/docs/Web/HTML/Element/colgroup#align) of its {{HTMLElement("colgroup")}} parent element. Use the {{cssxref("text-align")}} CSS property on the {{htmlelement("td")}} and {{htmlelement("th")}} elements instead, as this attribute is deprecated.
 
-    > **Note:** 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 `<col>` element. Because {{HTMLElement("td")}} elements are not descendant of the `<col>` element, they won't inherit it.
+    > **Note:** Setting `text-align` on the `<col>` element has no effect as `<col>` has no descendants, and therefore no elements inherit from it.
     >
-    > If the table doesn't use a [`colspan`](/en-US/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 not use a [`colspan`](/en-US/docs/Web/HTML/Element/td#colspan) attribute, use the `td:nth-of-type(an+b)` CSS selector. Set `a` to zero and `b` to the position of the column in the table, e.g. `td:nth-of-type(2) { text-align: right; }` to right-align the second column cells.
     >
     > If the table does use a [`colspan`](/en-US/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.
 
-- `bgcolor` {{Deprecated_inline}}
+- `bgcolor` {{deprecated_inline}}
 
-  - : The background color of the table. It is a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`'. One of the predefined [color keywords](/en-US/docs/Web/CSS/color_value#named_colors) can also be used.
-
-    To achieve a similar effect, use the CSS {{cssxref("background-color")}} property.
+  - : Defines the background color of each column cell. The value is an HTML color; either a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`', or a [color keyword](/en-US/docs/Web/CSS/named-color). Other CSS {{cssxref("color_value", "&lt;color&gt")}} values are not supported. Use the {{cssxref("background-color")}} CSS property instead, as this attribute is deprecated.
 
 - `char` {{deprecated_inline}}
-  - : This attribute sets 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`](#align) is not set to `char`, this attribute is ignored.
+
+  - : Specifies the alignment of the content to a character of each column cell. Typical values for this include a period (`.`) when attempting to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored, though it will still override the specified [`char`](/en-US/docs/Web/HTML/Element/colgroup#char) of its {{HTMLElement("colgroup")}} parent element.
+
 - `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.
-- `valign` {{deprecated_inline}}
 
-  - : This attribute specifies the vertical alignment of the text within each cell of the column. Possible values for this attribute are:
+  - : Specifies the number of characters to offset the column cell content from the alignment character specified by the [`char`](#char) attribute.
 
-    - `baseline`, which will put the text as close to the bottom of the cell as it is possible, but align it on the [baseline](https://en.wikipedia.org/wiki/Baseline_%28typography%29) of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as `bottom`.
-    - `bottom`, which will put the text as close to the bottom of the cell as it is possible;
-    - `middle`, which will center the text in the cell;
-    - and `top`, which will put the text as close to the top of the cell as it is possible.
+- `valign` {{deprecated_inline}}
 
-    > **Note:** Do not try to set the {{cssxref("vertical-align")}} property on a selector giving a `<col>` element. Because {{HTMLElement("td")}} elements are not descendant of the `<col>` element, they won't inherit it.
+  - : Specifies the vertical alignment of each column cell. The possible {{Glossary("enumerated")}} values are `baseline`, `bottom`, `middle`, and `top`. Note that this attribute overrides the specified [`valign`](/en-US/docs/Web/HTML/Element/colgroup#valign) of its {{HTMLElement("colgroup")}} parent element. Use the {{cssxref("vertical-align")}} CSS property on the {{htmlelement("td")}} and {{htmlelement("th")}} elements instead, as this attribute is deprecated.
+
+    > **Note:** Setting `vertical-align` on the `<col>` element has no effect as `<col>` has no descendants, and therefore no elements inherit from it.
     >
-    > If the table doesn't use a [`colspan`](/en-US/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 `vertical-align` property can be used.
+    > If the table does not use a [`colspan`](/en-US/docs/Web/HTML/Element/td#colspan) attribute, use the `td:nth-of-type(an+b)` CSS selector. Set `a` to zero and `b` to the position of the column in the table, e.g. `td:nth-of-type(2) { vertical-align: middle; }` to center the second column cells vertically.
     >
     > If the table does use a [`colspan`](/en-US/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.
 
 - `width` {{deprecated_inline}}
-  - : 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 `5*` also can be used.
 
-## Examples
+  - : Specifies a default width for each column. In addition to the standard pixel and percentage values, this attribute can take the special form `0*`, which means that the width of each column spanned should be the minimum width necessary to hold the column's contents. Relative widths such as `5*` can also be used. Note that this attribute overrides the specified [`width`](/en-US/docs/Web/HTML/Element/colgroup#width) of its {{HTMLElement("colgroup")}} parent element. Use the {{cssxref("width")}} CSS property instead, as this attribute is deprecated.
+
+## Usage notes
+
+- The `<col>` element is used within a {{HTMLElement("colgroup")}} element that doesn't have a `span` attribute.
+- The `<col>` elements do not structurally group columns together. This is the role of the {{HTMLElement("colgroup")}} element.
+- Only a limited number of CSS properties affect `<col>`:
+  - {{cssxref("background")}} : The various `background` properties will set the background for cells within the column. As the column background color is painted on top of the table and column groups ({{HTMLElement("colgroup")}}), but behind background colors applied to the row groups ({{htmlelement("thead")}}, {{htmlelement("tbody")}}, and {{htmlelement("tfoot")}}), the rows ({{htmlelement("tr")}}), and the individual cells ({{htmlelement("th")}} and {{htmlelement("td")}}), backgrounds applied to table columns are only visible if every layer painted on top of them has a transparent background.
+  - {{cssxref("border")}}: The various `border` properties apply, but only if the `<table>` has {{cssxref("border-collapse", "border-collapse: collapse")}} set.
+  - {{cssxref("visibility")}}: The value `collapse` for a column results in all cells of that column not being rendered, and cells spanning into other columns being clipped. The space these columns would have occupied is removed. However, the size of other columns is still calculated as though the cells in the collapsed column(s) are present. Other values for `visibility` have no effect.
+  - {{cssxref("width")}}: The `width` property defines a minimum width for the column, as if {{cssxref("min-width")}} were set.
+
+## Example
+
+See {{HTMLElement("table")}} for a complete table example introducing common standards and best practices.
+
+This example demonstrates an eight-column table divided into three `<col>` elements.
+
+### HTML
+
+A {{HTMLElement("colgroup")}} element provides structures to a basic table, creating a single implicit column group. Three `<col>` elements are included within the `<colgroup>`, creating three stylable columns. The [`span`](#span) attribute specifies the number of table columns each `<col>` should span (defaulting to `1` when omitted), enabling attributes to be shared across the columns in each `<col>`.
+
+```html
+<table>
+  <caption>
+    Personal weekly activities
+  </caption>
+  <colgroup>
+    <col />
+    <col span="5" class="weekdays" />
+    <col span="2" class="weekend" />
+  </colgroup>
+  <tr>
+    <th>Period</th>
+    <th>Mon</th>
+    <th>Tue</th>
+    <th>Wed</th>
+    <th>Thu</th>
+    <th>Fri</th>
+    <th>Sat</th>
+    <th>Sun</th>
+  </tr>
+  <tr>
+    <th>a.m.</th>
+    <td>Clean room</td>
+    <td>Football training</td>
+    <td>Dance Course</td>
+    <td>History Class</td>
+    <td>Buy drinks</td>
+    <td>Study hour</td>
+    <td>Free time</td>
+  </tr>
+  <tr>
+    <th>p.m.</th>
+    <td>Yoga</td>
+    <td>Chess Club</td>
+    <td>Meet friends</td>
+    <td>Gymnastics</td>
+    <td>Birthday party</td>
+    <td>Fishing trip</td>
+    <td>Free time</td>
+  </tr>
+</table>
+```
+
+### CSS
+
+We use CSS, instead of deprecated HTML attributes, to provide a background color to the columns and align the cell content:
+
+```css
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+}
+
+caption {
+  caption-side: bottom;
+  padding: 10px;
+}
+
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 6px;
+  text-align: center;
+}
 
-Please see the {{HTMLElement("table")}} page for examples on `<col>`.
+.weekdays {
+  background-color: #d7d9f2;
+}
+
+.weekend {
+  background-color: #ffe8d4;
+}
+```
+
+```css hidden
+table {
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
+```
+
+#### Result
+
+{{EmbedLiveSample('Example', 650, 170)}}
 
 ## Technical summary
 
@@ -131,8 +222,12 @@ Please see the {{HTMLElement("table")}} page for examples on `<col>`.
 
 ## See also
 
-- CSS properties and pseudo-classes that may be specially useful to style the `<col>` element:
-
-  - the {{cssxref("width")}} property to control the width of the column;
-  - the {{cssxref(":nth-child")}} pseudo-class to set the alignment on the cells of the column;
-  - the {{cssxref("text-align")}} property to align all cells content on the same character, like '.'.
+- [Learn: HTML tables](/en-US/docs/Learn/HTML/Tables)
+- {{HTMLElement("caption")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}: Other table-related elements
+- {{cssxref("background-color")}}: CSS property to set the background color of each column cell
+- {{cssxref("border")}}: CSS property to control borders of column cells
+- {{cssxref("text-align")}}: CSS property to horizontally align each column cell content
+- {{cssxref("vertical-align")}}: CSS property to vertically align each column cell content
+- {{cssxref("visibility")}}: CSS property to hide cells of a column
+- {{cssxref("width")}}: CSS property to control the default width for each column
+- {{cssxref(":nth-of-type")}}, {{cssxref(":first-of-type")}}, {{cssxref(":last-of-type")}}: CSS pseudo-classes to select the desired column cells
diff --git a/files/en-us/web/html/element/colgroup/index.md b/files/en-us/web/html/element/colgroup/index.md
index ed8a73b5470f728..95a3e5af604c5b5 100644
--- a/files/en-us/web/html/element/colgroup/index.md
+++ b/files/en-us/web/html/element/colgroup/index.md
@@ -13,13 +13,13 @@ The **`<colgroup>`** [HTML](/en-US/docs/Web/HTML) element defines a group of col
 
 ## Attributes
 
-This element's attributes include the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
+This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
 - `span`
 
-  - : This attribute contains a positive integer indicating the number of consecutive columns the `<colgroup>` element spans. If not present, its default value is `1`.
+  - : Specifies the number of consecutive columns the `<colgroup>` element spans. The value must be a positive integer greater than zero. If not present, its default value is `1`.
 
-    The `span` attribute is not permitted if there are one or more {{HTMLElement("col")}} elements within the `<colgroup>`.
+    > **Note:** The `span` attribute is not permitted if there are one or more {{HTMLElement("col")}} elements within the `<colgroup>`.
 
 ### Deprecated attributes
 
@@ -27,50 +27,138 @@ The following attributes are deprecated and should not be used. They are documen
 
 - `align` {{deprecated_inline}}
 
-  - : This [enumerated](/en-US/docs/Glossary/Enumerated) attribute specifies how horizontal alignment of each column cell content will be handled. Possible values are:
+  - : Specifies the horizontal alignment of each column group cell. The possible {{Glossary("enumerated")}} values are `left`, `center`, `right`, `justify`, and `char`. When supported, the `char` value aligns the textual content on the character defined in the [`char`](#char) attribute and the offset defined by the [`charoff`](#charoff) attribute. Note that the descendant {{HTMLElement("col")}} elements may override this value using their own [`align`](/en-US/docs/Web/HTML/Element/col#align) attribute. Use the {{cssxref("text-align")}} CSS property on the {{htmlelement("td")}} and {{htmlelement("th")}} elements instead, as this attribute is deprecated.
 
-    - `left`, aligning the content to the left of the cell
-    - `center`, centering the content in the cell
-    - `right`, aligning the content to the right of the cell
-    - `justify`, inserting spaces into the textual content so that the content is justified in the cell
-    - `char`, aligning the textual content on a special character with a minimal offset, defined by the [`char`](/en-US/docs/Web/HTML/Element/col#char) and [`charoff`](/en-US/docs/Web/HTML/Element/col#charoff) attributes.
-
-    If this attribute is not set, the `left` value is assumed. The descendant {{HTMLElement("col")}} elements may override this value using their own [`align`](/en-US/docs/Web/HTML/Element/col#align) attribute.
-
-    > **Note:** Do not try to set the {{cssxref("text-align")}} property on a selector giving a {{HTMLElement("colgroup")}} element. Because {{HTMLElement("td")}} elements are not descendant of the {{HTMLElement("colgroup")}} element, they won't inherit it.
+    > **Note:** Setting `text-align` on the `<colgroup>` element has no effect as {{HTMLElement("td")}} and {{HTMLElement("th")}} elements are not descendants of the `<colgroup>` element, and therefore they do not inherit from it.
     >
-    > If the table doesn't use a [`colspan`](/en-US/docs/Web/HTML/Element/td#colspan) attribute, use one `td:nth-child(an+b)` CSS selector per column, where 'a' is the total number of the columns in the table and 'b' is the ordinal position of this column in the table. Only after this selector the `text-align` property can be used.
+    > If the table does not use a [`colspan`](/en-US/docs/Web/HTML/Element/td#colspan) attribute, use the `td:nth-of-type(an+b)` CSS selector per column, where `a` is the total number of the columns in the table and `b` is the ordinal position of the column in the table, e.g. `td:nth-of-type(7n+2) { text-align: right; }` to right-align the second column cells.
     >
     > If the table does use a [`colspan`](/en-US/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.
 
-- `bgcolor` {{Deprecated_inline}}
-
-  - : The background color of the table. It is a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`'. One of the predefined [color keywords](/en-US/docs/Web/CSS/named-color) can also be used.
+- `bgcolor` {{deprecated_inline}}
 
-    To achieve a similar effect, use the CSS {{cssxref("background-color")}} property.
+  - : Defines the background color of each column group cell. The value is an HTML color; either a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`', or a [color keyword](/en-US/docs/Web/CSS/named-color). Other CSS {{cssxref("color_value", "&lt;color&gt")}} values are not supported. Use the {{cssxref("background-color")}} CSS property instead, as this attribute is deprecated.
 
 - `char` {{deprecated_inline}}
-  - : This attribute specifies the alignment of the content in a column group to a character. Typical values for this include a period (.) when attempting to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored, though it will still be used as the default value for the [`align`](/en-US/docs/Web/HTML/Element/col#align) of the {{HTMLElement("col")}} which are members of this column group.
+
+  - : Specifies the alignment of the content to a character of each column group cell. Typical values for this include a period (`.`) when attempting to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored, though it will still be used as the default value for the [`align`](/en-US/docs/Web/HTML/Element/col#align) of the {{HTMLElement("col")}} elements which are members of this column group.
+
 - `charoff` {{deprecated_inline}}
-  - : This attribute is used to indicate the number of characters to offset the column data from the alignment character specified by the `char` attribute.
-- `valign` {{deprecated_inline}}
 
-  - : This attribute specifies the vertical alignment of the text within each cell of the column. Possible values for this attribute are:
+  - : Specifies the number of characters to offset the column group cell content from the alignment character specified by the [`char`](#char) attribute.
+
+- `valign` {{deprecated_inline}}
 
-    - `baseline`, which will put the text as close to the bottom of the cell as it is possible, but align it on the [baseline](https://en.wikipedia.org/wiki/Baseline_%28typography%29) of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as `bottom`.
-    - `bottom`, which will put the text as close to the bottom of the cell as it is possible;
-    - `middle`, which will center the text in the cell;
-    - and `top`, which will put the text as close to the top of the cell as it is possible.
+  - : Specifies the vertical alignment of each column group cell. The possible {{Glossary("enumerated")}} values are `baseline`, `bottom`, `middle`, and `top`. Note that the descendant {{HTMLElement("col")}} elements may override this value using their own [`valign`](/en-US/docs/Web/HTML/Element/col#valign) attribute. Use the {{cssxref("vertical-align")}} CSS property on the {{htmlelement("td")}} and {{htmlelement("th")}} elements instead, as this attribute is deprecated.
 
-    > **Note:** Do not try to set the {{cssxref("vertical-align")}} property on a selector giving a `<colgroup>` element. Because {{HTMLElement("td")}} elements are not descendant of the `<colgroup>` element, they won't inherit it.
+    > **Note:** Setting `vertical-align` on the `<colgroup>` element has no effect as {{HTMLElement("td")}} and {{HTMLElement("th")}} elements are not descendants of the `<colgroup>` element, and therefore they do not inherit from it.
     >
-    > If the table doesn't use a [`colspan`](/en-US/docs/Web/HTML/Element/td#colspan) attribute, use the `td:nth-child(an+b)` CSS selector per column, 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 `vertical-align` property can be used.
+    > If the table does not use a [`colspan`](/en-US/docs/Web/HTML/Element/td#colspan) attribute, use the [`td:nth-of-type()`](/en-US/docs/Web/CSS/:nth-of-type) CSS selector per column, e.g. `td:nth-of-type(2) { vertical-align: middle; }` to center the second column cells vertically.
     >
     > If the table does use a [`colspan`](/en-US/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.
 
-## Examples
+- `width` {{deprecated_inline}}
+
+  - : Specifies a default width for each column in the current column group. In addition to the standard pixel and percentage values, this attribute can take the special form `0*`, which means that the width of each column spanned should be the minimum width necessary to hold the column's contents. Relative widths such as `5*` can also be used. Note that the descendant {{HTMLElement("col")}} elements may override this value using their own [`width`](/en-US/docs/Web/HTML/Element/col#width) attribute. Use the {{cssxref("width")}} CSS property instead, as this attribute is deprecated.
+
+## Usage notes
+
+- The `<colgroup>` should appear within a {{HTMLElement("table")}}, after any {{HTMLElement("caption")}} element (if used), but before any {{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, and {{HTMLElement("tr")}} elements.
+- Only a limited number of CSS properties affect `<colgroup>`:
+  - {{cssxref("background")}} : The various `background` properties will set the background for cells within the column group. As the column group background color is painted on top of the table, but behind background colors applied to the columns ({{HTMLElement("col")}}), the row groups ({{htmlelement("thead")}}, {{htmlelement("tbody")}}, and {{htmlelement("tfoot")}}), the rows ({{htmlelement("tr")}}), and the individual cells ({{htmlelement("th")}} and {{htmlelement("td")}}), backgrounds applied to table column groups are only visible if every layer painted on top of them has a transparent background.
+  - {{cssxref("border")}}: The various `border` properties apply, but only if the `<table>` has {{cssxref("border-collapse", "border-collapse: collapse")}} set.
+  - {{cssxref("visibility")}}: The value `collapse` for a column group results in all cells of the columns in that column group not being rendered, and cells spanning into other columns being clipped. The space these columns in the column group would have occupied is removed. However, the size of other columns is still calculated as though the cells in the collapsed column(s) in the column group are present. Other values for `visibility` have no effect.
+  - {{cssxref("width")}}: The `width` property defines a minimum width for the columns within the column group, as if {{cssxref("min-width")}} were set.
+
+## Example
+
+See {{HTMLElement("table")}} for a complete table example introducing common standards and best practices.
+
+This example demonstrates a seven-column table divided into two `<colgroup>` elements that span multiple columns.
+
+### HTML
+
+Two `<colgroup>` elements are used to structure a basic table by creating column groups. The number of columns in each column group is specified by the [`span`](#span) attribute.
+
+```html
+<table>
+  <caption>
+    Personal weekly activities
+  </caption>
+  <colgroup span="5" class="weekdays"></colgroup>
+  <colgroup span="2" class="weekend"></colgroup>
+  <tr>
+    <th>Mon</th>
+    <th>Tue</th>
+    <th>Wed</th>
+    <th>Thu</th>
+    <th>Fri</th>
+    <th>Sat</th>
+    <th>Sun</th>
+  </tr>
+  <tr>
+    <td>Clean room</td>
+    <td>Football training</td>
+    <td>Dance Course</td>
+    <td>History Class</td>
+    <td>Buy drinks</td>
+    <td>Study hour</td>
+    <td>Free time</td>
+  </tr>
+  <tr>
+    <td>Yoga</td>
+    <td>Chess Club</td>
+    <td>Meet friends</td>
+    <td>Gymnastics</td>
+    <td>Birthday party</td>
+    <td>Fishing trip</td>
+    <td>Free time</td>
+  </tr>
+</table>
+```
+
+### CSS
 
-Please see the {{HTMLElement("table")}} page for examples on `<colgroup>`.
+Grouped columns can be used to visually highlight the structure using CSS:
+
+```css
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+}
+
+caption {
+  caption-side: bottom;
+  padding: 10px;
+}
+
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 6px;
+  text-align: center;
+}
+
+.weekdays {
+  background-color: #d7d9f2;
+}
+
+.weekend {
+  background-color: #ffe8d4;
+}
+```
+
+```css hidden
+table {
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
+```
+
+#### Result
+
+{{EmbedLiveSample('Example', 650, 170)}}
 
 ## Technical summary
 
@@ -106,11 +194,11 @@ Please see the {{HTMLElement("table")}} page for examples on `<colgroup>`.
       <th scope="row">Permitted parents</th>
       <td>
         A {{HTMLElement("table")}} element. The
-        {{HTMLElement("colgroup")}} must appear after any optional
-        {{HTMLElement("caption")}} element but before any
-        {{HTMLElement("thead")}}, {{HTMLElement("th")}},
-        {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}} and
-        {{HTMLElement("tr")}} element.
+        {{HTMLElement("colgroup")}} must appear after any
+        {{HTMLElement("caption")}} element, but before any
+        {{HTMLElement("thead")}}, {{HTMLElement("tbody")}},
+        {{HTMLElement("tfoot")}}, and
+        {{HTMLElement("tr")}} elements.
       </td>
     </tr>
     <tr>
@@ -142,8 +230,12 @@ Please see the {{HTMLElement("table")}} page for examples on `<colgroup>`.
 
 ## See also
 
-- CSS properties and [pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes) that may be specially useful to style the `<col>` element:
-
-  - the {{cssxref("width")}} property to control the width of the column;
-  - the {{cssxref(":nth-child")}} pseudo-class to set the alignment on the cells of the column;
-  - the {{cssxref("text-align")}} property to align all cells content on the same character, like '.'.
+- [Learn: HTML tables](/en-US/docs/Learn/HTML/Tables)
+- {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}: Other table-related elements
+- {{cssxref("background-color")}}: CSS property to set the background color of each column group cell
+- {{cssxref("border")}}: CSS property to control borders of column group cells
+- {{cssxref("text-align")}}: CSS property to horizontally align each column group cell content
+- {{cssxref("vertical-align")}}: CSS property to vertically align each column group cell content
+- {{cssxref("visibility")}}: CSS property to hide (or show) cells of a column group
+- {{cssxref("width")}}: CSS property to control the default width for each column in a column group
+- {{cssxref(":nth-of-type")}}, {{cssxref(":first-of-type")}}, {{cssxref(":last-of-type")}}: CSS pseudo-classes to select the desired column cells
diff --git a/files/en-us/web/html/element/index.md b/files/en-us/web/html/element/index.md
index 84326492d9bcc6e..452075752b7d106 100644
--- a/files/en-us/web/html/element/index.md
+++ b/files/en-us/web/html/element/index.md
@@ -170,18 +170,18 @@ These elements let you provide indications that specific parts of the text have
 
 The elements here are used to create and handle tabular data.
 
-| Element                     | Description                                                                                                                                                                   |
-| --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| {{HTMLElement("caption")}}  | Specifies the caption (or title) of a table.                                                                                                                                  |
-| {{HTMLElement("col")}}      | Defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a {{HTMLElement("colgroup")}} element.            |
-| {{HTMLElement("colgroup")}} | Defines a group of columns within a table.                                                                                                                                    |
-| {{HTMLElement("table")}}    | Represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.                                   |
-| {{HTMLElement("tbody")}}    | Encapsulates a set of table rows ({{HTMLElement("tr")}} elements), indicating that they comprise the body of the table ({{HTMLElement("table")}}).                            |
-| {{HTMLElement("td")}}       | Defines a cell of a table that contains data. It participates in the _table model_.                                                                                           |
-| {{HTMLElement("tfoot")}}    | Defines a set of rows summarizing the columns of the table.                                                                                                                   |
-| {{HTMLElement("th")}}       | Defines a cell as a header of a group of table cells. The exact nature of this group is defined by the `scope` and `headers` attributes.                                      |
-| {{HTMLElement("thead")}}    | Defines a set of rows defining the head of the columns of the table.                                                                                                          |
-| {{HTMLElement("tr")}}       | Defines a row of cells in a table. The row's cells can then be established using a mix of {{HTMLElement("td")}} (data cell) and {{HTMLElement("th")}} (header cell) elements. |
+| Element                     | Description                                                                                                                                                                                                                                                                                                 |
+| --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| {{HTMLElement("caption")}}  | Specifies the caption (or title) of a table.                                                                                                                                                                                                                                                                |
+| {{HTMLElement("col")}}      | Defines one or more columns in a column group represented by its implicit or explicit parent {{HTMLElement("colgroup")}} element. The `<col>` element is only valid as a child of a {{HTMLElement("colgroup")}} element that has no [`span`](/en-US/docs/Web/HTML/Element/colgroup#span) attribute defined. |
+| {{HTMLElement("colgroup")}} | Defines a group of columns within a table.                                                                                                                                                                                                                                                                  |
+| {{HTMLElement("table")}}    | Represents tabular data—that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.                                                                                                                                                                   |
+| {{HTMLElement("tbody")}}    | Encapsulates a set of table rows ({{HTMLElement("tr")}} elements), indicating that they comprise the body of a table's (main) data.                                                                                                                                                                         |
+| {{HTMLElement("td")}}       | A child of the {{HTMLElement("tr")}} element, it defines a cell of a table that contains data.                                                                                                                                                                                                              |
+| {{HTMLElement("tfoot")}}    | Encapsulates a set of table rows ({{HTMLElement("tr")}} elements), indicating that they comprise the foot of a table with information about the table's columns. This is usually a summary of the columns, e.g., a sum of the given numbers in a column.                                                    |
+| {{HTMLElement("th")}}       | A child of the {{HTMLElement("tr")}} element, it defines a cell as the header of a group of table cells. The nature of this group can be explicitly defined by the [`scope`](/en-US/docs/Web/HTML/Element/th#scope) and [`headers`](/en-US/docs/Web/HTML/Element/th#headers) attributes.                    |
+| {{HTMLElement("thead")}}    | Encapsulates a set of table rows ({{HTMLElement("tr")}} elements), indicating that they comprise the head of a table with information about the table's columns. This is usually in the form of column headers ({{HTMLElement("th")}} elements).                                                            |
+| {{HTMLElement("tr")}}       | Defines a row of cells in a table. The row's cells can then be established using a mix of {{HTMLElement("td")}} (data cell) and {{HTMLElement("th")}} (header cell) elements.                                                                                                                               |
 
 ## Forms
 
diff --git a/files/en-us/web/html/element/table/index.md b/files/en-us/web/html/element/table/index.md
index f458f0b9d209fc2..f78e1b5ee362d2d 100644
--- a/files/en-us/web/html/element/table/index.md
+++ b/files/en-us/web/html/element/table/index.md
@@ -7,71 +7,9 @@ browser-compat: html.elements.table
 
 {{HTMLSidebar}}
 
-The **`<table>`** [HTML](/en-US/docs/Web/HTML) element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
+The **`<table>`** [HTML](/en-US/docs/Web/HTML) element represents tabular data—that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
 
-{{EmbedInteractiveExample("pages/tabbed/table.html","tabbed-standard")}}
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <th scope="row">
-        <a href="/en-US/docs/Web/HTML/Content_categories"
-          >Content categories</a
-        >
-      </th>
-      <td>
-        <a href="/en-US/docs/Web/HTML/Content_categories#flow_content"
-          >Flow content</a
-        >
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">Permitted content</th>
-      <td>
-        In this order:
-        <ol>
-          <li>an optional {{HTMLElement("caption")}} element,</li>
-          <li>zero or more {{HTMLElement("colgroup")}} elements,</li>
-          <li>an optional {{HTMLElement("thead")}} element,</li>
-          <li>
-            either one of the following:
-            <ul>
-              <li>zero or more {{HTMLElement("tbody")}} elements</li>
-              <li>one or more {{HTMLElement("tr")}} elements</li>
-            </ul>
-          </li>
-          <li>an optional {{HTMLElement("tfoot")}} element</li>
-        </ol>
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">Tag omission</th>
-      <td>{{no_tag_omission}}</td>
-    </tr>
-    <tr>
-      <th scope="row">Permitted parents</th>
-      <td>Any element that accepts flow content</td>
-    </tr>
-    <tr>
-      <th scope="row">Implicit ARIA role</th>
-      <td>
-        <code
-          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Table_Role"
-            >table</a
-          ></code
-        >
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">Permitted ARIA roles</th>
-      <td>Any</td>
-    </tr>
-    <tr>
-      <th scope="row">DOM interface</th>
-      <td>{{domxref("HTMLTableElement")}}</td>
-    </tr>
-  </tbody>
-</table>
+{{EmbedInteractiveExample("pages/tabbed/table.html","tabbed-taller")}}
 
 ## Attributes
 
@@ -79,68 +17,45 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
 
 ### Deprecated attributes
 
-- `align` {{Deprecated_inline}}
-
-  - : This [enumerated](/en-US/docs/Glossary/Enumerated) attribute indicates how the table must be aligned inside the containing document. It may have the following values:
-
-    - `left`: the table is displayed on the left side of the document;
-    - `center`: the table is displayed in the center of the document;
-    - `right`: the table is displayed on the right side of the document.
-
-    Set {{cssxref("margin-left")}} and {{cssxref("margin-right")}} to achieve an effect that is similar to the align attribute:
-
-    - `left`: `margin-right: auto; margin-left: 0;`
-    - `center`: `margin-right: auto; margin-left: auto;`
-    - `right`: `margin-right: 0; margin-left: auto;`
-
-- `bgcolor` {{Deprecated_inline}}
+The following attributes are deprecated and should not be used. They are documented below for reference when updating existing code and for historical interest only.
 
-  - : The background color of the table. It is a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`'. One of the predefined [color keywords](/en-US/docs/Web/CSS/named-color) can also be used.
+- `align` {{deprecated_inline}}
 
-    To achieve a similar effect, use the CSS {{cssxref("background-color")}} property.
+  - : Specifies the horizontal alignment of the table within its parent element. The possible {{Glossary("enumerated")}} values are `left`, `center`, and `right`. Use the {{cssxref("margin-inline-start")}} and {{cssxref("margin-inline-end")}} CSS properties instead, as this attribute is deprecated.
 
-- `border` {{Deprecated_inline}}
+- `bgcolor` {{deprecated_inline}}
 
-  - : This integer attribute defines, in pixels, the size of the frame surrounding the table. If set to 0, the [`frame`](#frame) attribute is set to void.
+  - : Defines the background color of the table. The value is an HTML color; either a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`', or a [color keyword](/en-US/docs/Web/CSS/named-color). Other CSS {{cssxref("color_value", "&lt;color&gt")}} values are not supported. Use the {{cssxref("background-color")}} CSS property instead, as this attribute is deprecated.
 
-    To achieve a similar effect, use the CSS {{cssxref("border")}} shorthand property.
+- `border` {{deprecated_inline}}
 
-- `cellpadding` {{Deprecated_inline}}
+  - : Defines, as a non-negative integer value (in pixels), the size of the frame surrounding the table. If set to `0`, the [`frame`](#frame) attribute is set to void. Use the {{cssxref("border")}} CSS property instead, as this attribute is deprecated.
 
-  - : This attribute defines the space between the content of a cell and its border, displayed or not. If the cellpadding's length is defined in pixels, this pixel-sized space will be applied to all four sides of the cell's content. If the length is defined using a percentage value, the content will be centered and the total vertical space (top and bottom) will represent this value. The same is true for the total horizontal space (left and right).
+- `cellpadding` {{deprecated_inline}}
 
-    To achieve a similar effect, apply the {{cssxref("border-collapse")}} property to the `<table>` element, with its value set to collapse, and the {{cssxref("padding")}} property to the {{HTMLElement("td")}} elements.
+  - : Defines the space between the content of a cell and its border, displayed or not. If the cellpadding's length is defined in pixels, this pixel-sized space will be applied to all four sides of the cell's content. If the length is defined using a percentage value, the content will be centered and the total vertical space (top and bottom) will represent this value. The same is true for the total horizontal space (left and right). Apply the {{cssxref("border-collapse")}} CSS property to the `<table>` element, with its value set to `collapse`, and the {{cssxref("padding")}} CSS property to the {{HTMLElement("td")}} elements instead, as this attribute is deprecated.
 
-- `cellspacing` {{Deprecated_inline}}
+- `cellspacing` {{deprecated_inline}}
 
-  - : This attribute defines the size of the space between two cells in a percentage value or pixels. The attribute is applied both horizontally and vertically, to the space between the top of the table and the cells of the first row, the left of the table and the first column, the right of the table and the last column and the bottom of the table and the last row.
+  - : Defines the size of the space between two cells in a percentage value or pixels. The attribute is applied both horizontally and vertically, to the space between the top of the table and the cells of the first row, the left of the table and the first column, the right of the table and the last column and the bottom of the table and the last row. Apply the {{cssxref("border-spacing")}} CSS property to the `<table>` element instead, as this attribute is deprecated. `border-spacing` does not have any effect if the {{cssxref("border-collapse")}} CSS property is set to `collapse`.
 
-    To achieve a similar effect, apply the {{cssxref("border-spacing")}} property to the `<table>` element. `border-spacing` does not have any effect if {{cssxref("border-collapse")}} is set to collapse.
+- `frame` {{deprecated_inline}}
 
-- `frame` {{Deprecated_inline}}
+  - : Defines which side of the frame surrounding the table must be displayed. The possible {{Glossary("enumerated")}} values are `void`, `above`, `below`, `hsides`, `vsides`, `lhs`, `rhs`, `box` and `border`. Use the {{cssxref("border-style")}} and {{cssxref("border-width")}} CSS properties instead, as this attribute is deprecated.
 
-  - : This enumerated attribute defines which side of the frame surrounding the table must be displayed.
+- `rules` {{deprecated_inline}}
 
-    To achieve a similar effect, use the {{cssxref("border-style")}} and {{cssxref("border-width")}} properties.
+  - : Defines where rules (borders) are displayed in the table. The possible {{Glossary("enumerated")}} values are `none` (default value), `groups` ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, and {{HTMLElement("tfoot")}} elements), `rows` (horizontal lines), `cols` (vertical lines), and `all` (border around every cell). Use the {{cssxref("border")}} CSS property on the appropriate table-related elements, as well as on the `<table>` itself, instead, as this attribute is deprecated.
 
-- `rules` {{Deprecated_inline}}
+- `summary` {{deprecated_inline}}
 
-  - : This enumerated attribute defines where rules, i.e. lines, should appear in a table. It can have the following values:
+  - : Defines an alternative text that summarizes the content of the table. Use the {{htmlelement("caption")}} element instead, as this attribute is deprecated.
 
-    - `none`, which indicates that no rules will be displayed; it is the default value;
-    - `groups`, which will cause the rules to be displayed between row groups (defined by the {{HTMLElement("thead")}}, {{HTMLElement("tbody")}} and {{HTMLElement("tfoot")}} elements) and between column groups (defined by the {{HTMLElement("col")}} and {{HTMLElement("colgroup")}} elements) only;
-    - `rows`, which will cause the rules to be displayed between rows;
-    - `cols`, which will cause the rules to be displayed between columns;
-    - `all`, which will cause the rules to be displayed between rows and columns.
+- `width` {{deprecated_inline}}
 
-    To achieve a similar effect, apply the {{cssxref("border")}} property to the appropriate {{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("col")}}, or {{HTMLElement("colgroup")}} elements.
+  - : Specifies the width of the table. Use the {{cssxref("width")}} CSS property instead, as this attribute is deprecated.
 
-- `summary` {{Deprecated_inline}}
-  - : This attribute defines an alternative text that summarizes the content of the table. Use the {{htmlelement("caption")}} element instead.
-- `width` {{Deprecated_inline}}
-  - : This attribute defines the width of the table. Use the CSS {{cssxref("width")}} property instead.
-
-> **Note:** While no HTML specification includes `height` as a `<table>` attribute, some browsers support a non-standard interpretation of `height`. The unitless value sets a minimum absolute height in pixels. If set as a percent value, the minimum table height will be relative to the height of the parent container.
+    > **Note:** While no HTML specification includes `height` as a `<table>` attribute, some browsers support a non-standard interpretation of `height`. The unitless value sets a minimum absolute height in pixels. If set as a percent value, the minimum table height will be relative to the parent container's height. Use the {{cssxref("min-height")}} CSS property instead, as this attribute is deprecated.
 
 ## Visual layout of table contents
 
@@ -176,241 +91,577 @@ The background set on an element in one layer will be visible only if the layers
 
 ## Examples
 
-### Simple table
+The examples below include tables of progressively increasing complexity. For additional examples, including an in-depth tutorial, see the [HTML tables](/en-US/docs/Learn/HTML/Tables) series in the [Learn web development](/en-US/docs/Learn) area, where you'll learn how to use the table elements and their attributes to correctly structure your tabular data. A [Styling tables](/en-US/docs/Learn/CSS/Building_blocks/Styling_tables) guide provides table styling information, including common, useful techniques.
+
+Since the structure of a `<table>` involves the use of several table-related HTML elements along with various associated attributes, the following examples are intended to provide a simplified explanation that covers the basics and common standards. Additional and more detailed information can be found on the corresponding linked pages.
+
+These table examples demonstrate how to create an {{Glossary("accessibility", "accessible")}} table that is structured with HTML and styled with [CSS](/en-US/docs/Web/CSS).
+
+Because of how HTML tables are structured, the {{Glossary("markup", "markup")}} can quickly grow. For this reason, it is important to clearly define the table's purpose and final appearance to create the appropriate structure. A logical structure developed with {{Glossary("semantics", "semantic")}} markup is not only easier to style, but enables useful and accessible tables that can be understood and navigated by everyone, including search engines and users of assistive technologies.
+
+The first example is basic, with subsequent examples growing in complexity. First, we will develop a very basic HTML table structure for the table. The first two examples contain no table section groups such as a defined head, body, or foot, and involve no cell spanning or explicitly defined cell relationships. Not even a caption is provided. As we work through the examples, they will be progressively enhanced to include all the table features that a complex data table should possess.
+
+### Basic table
+
+This example includes a _very_ basic table with three rows and two columns. To demonstrate default browser table styles, no CSS has been included in this example.
+
+#### HTML
+
+The table rows are defined with {{HTMLElement("tr")}} elements, and the columns are defined with table header and data cells within them. The first row contains the header cells ({{HTMLElement("th")}} elements) that serve as column headers for the data cells ({{HTMLElement("td")}} elements). Each element ({{HTMLElement("th")}} or {{HTMLElement("td")}}) per row is in its respective column—that is, the first element of a row is in the first column, and the second element of that row is in the second column.
 
 ```html
 <table>
   <tr>
-    <td>John</td>
-    <td>Doe</td>
+    <th>Name</th>
+    <th>Age</th>
   </tr>
   <tr>
-    <td>Jane</td>
-    <td>Doe</td>
+    <td>Maria Sanchez</td>
+    <td>28</td>
+  </tr>
+  <tr>
+    <td>Michael Johnson</td>
+    <td>34</td>
   </tr>
 </table>
 ```
 
 #### Result
 
-{{EmbedLiveSample('Simple_table', '100%', '100')}}
+There is no custom [CSS](/en-US/docs/Web/CSS) or [user stylesheet](/en-US/docs/Web/CSS/Cascade#author_stylesheets) applied to this table. The styling results purely from the [user-agent stylesheet](/en-US/docs/Web/CSS/Cascade#user-agent_stylesheets).
+
+{{EmbedLiveSample('Basic_table', 650, 80)}}
 
-### Further simple examples
+### Expanded table with header cells
+
+This example extends the [basic table](#basic_table), extending the content and adding basic CSS styles.
+
+#### HTML
+
+The table comprises four rows ({{HTMLElement("tr")}} elements) now, with four columns each. The first row is a row of header cells (The first row contains only {{HTMLElement("th")}} elements). Subsequent rows include a header column ({{HTMLElement("th")}} elements as the first child elements of each row) and three data columns ({{HTMLElement("td")}} elements). As table sectioning elements are not used, the browser automatically defines the content group structure, i.e., all rows are wrapped within the body of the table of an implicit {{HTMLElement("tbody")}} element.
 
 ```html
-<p>Simple table with header</p>
 <table>
   <tr>
-    <th>First name</th>
-    <th>Last name</th>
+    <th>Name</th>
+    <th>ID</th>
+    <th>Member Since</th>
+    <th>Balance</th>
   </tr>
   <tr>
-    <td>John</td>
-    <td>Doe</td>
+    <th>Margaret Nguyen</th>
+    <td>427311</td>
+    <td><time datetime="2010-06-03">June 3, 2010</time></td>
+    <td>0.00</td>
   </tr>
   <tr>
-    <td>Jane</td>
-    <td>Doe</td>
+    <th>Edvard Galinski</th>
+    <td>533175</td>
+    <td><time datetime="2011-01-13">January 13, 2011</time></td>
+    <td>37.00</td>
+  </tr>
+  <tr>
+    <th>Hoshi Nakamura</th>
+    <td>601942</td>
+    <td><time datetime="2012-07-23">July 23, 2012</time></td>
+    <td>15.00</td>
   </tr>
 </table>
+```
 
-<p>Table with thead, tfoot, and tbody</p>
+#### CSS
+
+With CSS, we provide the basic styling to create lines around the components of the table to make the data structure clearer. The CSS adds a solid border around the `<table>` and around each of the table's cells, including those specified with both {{HTMLElement("th")}} and {{HTMLElement("td")}} elements, demarcating every header and data cells.
+
+```css
+table {
+  border: 2px solid rgb(140 140 140);
+}
+
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+}
+```
+
+#### Result
+
+{{EmbedLiveSample("Expanded_table_with_header_cells", 650, 110)}}
+
+### Specifying table cell relations
+
+Before moving on to extend the table in more advanced ways, it's advisable to improve {{Glossary("accessibility", "accessibility")}} by defining relationships between the header and data cells ({{HTMLElement("th")}} and {{HTMLElement("td")}} elements).
+
+#### HTML
+
+This is accomplished by introducing the [`scope`](/en-US/docs/Web/HTML/Element/th#scope) attribute on the {{HTMLElement("th")}} elements and setting the values to the corresponding `col` (column) or `row` value.
+
+```html
+<table>
+  <tr>
+    <th scope="col">Name</th>
+    <th scope="col">ID</th>
+    <th scope="col">Member Since</th>
+    <th scope="col">Balance</th>
+  </tr>
+  <tr>
+    <th scope="row">Margaret Nguyen</th>
+    <td>427311</td>
+    <td><time datetime="2010-06-03">June 3, 2010</time></td>
+    <td>0.00</td>
+  </tr>
+  <tr>
+    <th scope="row">Edvard Galinski</th>
+    <td>533175</td>
+    <td><time datetime="2011-01-13">January 13, 2011</time></td>
+    <td>37.00</td>
+  </tr>
+  <tr>
+    <th scope="row">Hoshi Nakamura</th>
+    <td>601942</td>
+    <td><time datetime="2012-07-23">July 23, 2012</time></td>
+    <td>15.00</td>
+  </tr>
+</table>
+```
+
+The CSS and visual result are unchanged—the adaptation provides valuable contextual information for assistive technologies such as screen readers to help identify which cells the headers relate to.
+
+> **Note:** If the table structure is even more complex, the (additional) use of the [`headers`](/en-US/docs/Web/HTML/Element/th#headers) attribute on the {{HTMLElement("th")}} and {{HTMLElement("td")}} elements may improve accessibility and help assistive technologies identify the relationships between cells; see [Complicated tables](#complicated_tables).
+
+### Explicitly specifying table section groups
+
+In addition to improving accessibility by [specifying cell relations](#specifying_table_cell_relations), the {{Glossary("semantics", "semantics")}} of the table can be improved by introducing table section groups.
+
+#### HTML
+
+Since the first row ({{HTMLElement("tr")}} element) contains only column header cells and provides the header for the rest of the table's contents, it can be enclosed in the {{HTMLElement("thead")}} element to explicitly specify that row as the head section of the table. Moreover, what is automatically accomplished by the browser can also be defined explicitly—the body section of the table, which contains the main data of the table, is specified by enclosing the corresponding rows in the {{HTMLElement("tbody")}} element. The explicit use of the {{HTMLElement("tbody")}} element helps the browser to create the intended table structure, avoiding unwanted results.
+
+```html
 <table>
   <thead>
     <tr>
-      <th>Header content 1</th>
-      <th>Header content 2</th>
+      <th scope="col">Name</th>
+      <th scope="col">ID</th>
+      <th scope="col">Member Since</th>
+      <th scope="col">Balance</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <td>Body content 1</td>
-      <td>Body content 2</td>
+      <th scope="row">Margaret Nguyen</th>
+      <td>427311</td>
+      <td><time datetime="2010-06-03">June 3, 2010</time></td>
+      <td>0.00</td>
     </tr>
-  </tbody>
-  <tfoot>
     <tr>
-      <td>Footer content 1</td>
-      <td>Footer content 2</td>
+      <th scope="row">Edvard Galinski</th>
+      <td>533175</td>
+      <td><time datetime="2011-01-13">January 13, 2011</time></td>
+      <td>37.00</td>
     </tr>
-  </tfoot>
+    <tr>
+      <th scope="row">Hoshi Nakamura</th>
+      <td>601942</td>
+      <td><time datetime="2012-07-23">July 23, 2012</time></td>
+      <td>15.00</td>
+    </tr>
+  </tbody>
 </table>
+```
 
-<p>Table with colgroup</p>
-<table>
-  <colgroup span="4"></colgroup>
-  <tr>
-    <th>Countries</th>
-    <th>Capitals</th>
-    <th>Population</th>
-    <th>Language</th>
-  </tr>
-  <tr>
-    <td>USA</td>
-    <td>Washington, D.C.</td>
-    <td>309 million</td>
-    <td>English</td>
-  </tr>
-  <tr>
-    <td>Sweden</td>
-    <td>Stockholm</td>
-    <td>9 million</td>
-    <td>Swedish</td>
-  </tr>
-</table>
+Once again, the CSS and visual result are unchanged—specifying such table section groups provides valuable contextual information for assistive technologies, including screen readers and search engines, as well as for styling in the CSS, which will be shown ion a later example.
 
-<p>Table with colgroup and col</p>
-<table>
-  <colgroup>
-    <col style="background-color: #0f0" />
-    <col span="2" />
-  </colgroup>
-  <tr>
-    <th>Lime</th>
-    <th>Lemon</th>
-    <th>Orange</th>
-  </tr>
-  <tr>
-    <td>Green</td>
-    <td>Yellow</td>
-    <td>Orange</td>
-  </tr>
-</table>
+### Column and row spanning
 
-<p>Simple table with caption</p>
+In this example, we extend the table even more by adding a column and introducing a multi-row head section.
+
+#### HTML
+
+Building on the table created so far, a new column for a "Membership End Date" is added in each body row with the {{HTMLElement("td")}} element. An additional row ({{HTMLElement("tr")}} element) is also added within the head section ({{HTMLElement("thead")}} element) to introduce a "Membership Dates" header as a heading for the "Joined" and "Canceled" columns.
+
+The creation of the second header row involves adding [`colspan`](/en-US/docs/Web/HTML/Element/th#colspan) and [`rowspan`](/en-US/docs/Web/HTML/Element/th#rowspan) attributes to the {{HTMLElement("th")}} elements to allocate the header cells to the correct columns and rows.
+
+```html
 <table>
-  <caption>
-    Awesome caption
-  </caption>
-  <tr>
-    <td>Awesome data</td>
-  </tr>
+  <thead>
+    <tr>
+      <th scope="col" rowspan="2">Name</th>
+      <th scope="col" rowspan="2">ID</th>
+      <th scope="col" colspan="2">Membership Dates</th>
+      <th scope="col" rowspan="2">Balance</th>
+    </tr>
+    <tr>
+      <th scope="col">Joined</th>
+      <th scope="col">Canceled</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th scope="row">Margaret Nguyen</th>
+      <td>427311</td>
+      <td><time datetime="2010-06-03">June 3, 2010</time></td>
+      <td>n/a</td>
+      <td>0.00</td>
+    </tr>
+    <tr>
+      <th scope="row">Edvard Galinski</th>
+      <td>533175</td>
+      <td><time datetime="2011-01-13">January 13, 2011</time></td>
+      <td><time datetime="2017-04-08">April 8, 2017</time></td>
+      <td>37.00</td>
+    </tr>
+    <tr>
+      <th scope="row">Hoshi Nakamura</th>
+      <td>601942</td>
+      <td><time datetime="2012-07-23">July 23, 2012</time></td>
+      <td>n/a</td>
+      <td>15.00</td>
+    </tr>
+  </tbody>
 </table>
 ```
 
 ```css hidden
 table {
-  border-collapse: collapse;
-  border-spacing: 0px;
+  border: 2px solid rgb(140 140 140);
 }
-table,
+
 th,
 td {
-  padding: 5px;
-  border: 1px solid black;
+  border: 1px solid rgb(160 160 160);
 }
 ```
 
 #### Result
 
-{{EmbedLiveSample('Further_simple_examples', '100%', '700')}}
+{{EmbedLiveSample("Column_and_row_spanning", 650, 130)}}
 
-### Table sorting
+The head section now has two rows, one with the headers ({{HTMLElement("th")}} elements) "Name", "ID", "Membership Dates", and "Balance", and a "Membership Dates" header with two subheaders that are in a second row: "Joined" and "Canceled". This is accomplished by:
 
-#### Sorting table rows
+- The first row's "Name", "ID", and "Balance" header cells span both table header rows by using the [`rowspan`](/en-US/docs/Web/HTML/Element/th#rowspan) attribute, making them each two rows tall.
+- The first row's "Membership Dates" header cell spans two columns using the [`colspan`](/en-US/docs/Web/HTML/Element/th#colspan) attribute, causing it to be two columns wide.
+- The second row contains only the two header cells "Joined" and "Canceled" because the other three columns are merged with the cells in the first row that span two rows. The two header cells are correctly positioned under the "Membership Dates" header.
 
-There are no native methods for sorting the rows ([`<tr>`](/en-US/docs/Web/HTML/Element/tr) elements) of an HTML table. But using [`Array.prototype.slice()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice), [`Array.prototype.sort()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort), [`Node.removeChild()`](/en-US/docs/Web/API/Node/removeChild), and [`Node.appendChild()`](/en-US/docs/Web/API/Node/appendChild), you can implement your own `sort()` function to sort an [`HTMLCollection`](/en-US/docs/Web/API/HTMLCollection) of `<tr>` elements.
+### Table caption and column summary
 
-In the below example, you can see such an example. We are attaching it to the \<tbody> element so that it sorts the table cells in order of increasing value, and updates the display to suit.
+It's a common and advisable practice to provide a summary for the table's content, allowing users to quickly determine the table's relevance. Furthermore, the "Balance" column is summarized by displaying the sum of the balances of the individual members.
 
-##### HTML
+#### HTML
+
+A table summary is added by using a table [caption](#captions) ({{HTMLElement("caption")}} element) as the first child element of the `<table>`. The caption provides the {{glossary("accessible description")}} for the table.
+
+Lastly, a table foot section ({{HTMLElement("tfoot")}} element) is added below the body, with a row that summarizes the "Balance" column by displaying a sum. The elements and attributes introduced earlier are applied.
 
 ```html
 <table>
+  <caption>
+    Status of the club members 2021
+  </caption>
+  <thead>
+    <tr>
+      <th scope="col" rowspan="2">Name</th>
+      <th scope="col" rowspan="2">ID</th>
+      <th scope="col" colspan="2">Membership Dates</th>
+      <th scope="col" rowspan="2">Balance</th>
+    </tr>
+    <tr>
+      <th scope="col">Joined</th>
+      <th scope="col">Canceled</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th scope="row">Margaret Nguyen</th>
+      <td>427311</td>
+      <td><time datetime="2010-06-03">June 3, 2010</time></td>
+      <td>n/a</td>
+      <td>0.00</td>
+    </tr>
+    <tr>
+      <th scope="row">Edvard Galinski</th>
+      <td>533175</td>
+      <td><time datetime="2011-01-13">January 13, 2011</time></td>
+      <td><time datetime="2017-04-08">April 8, 2017</time></td>
+      <td>37.00</td>
+    </tr>
+    <tr>
+      <th scope="row">Hoshi Nakamura</th>
+      <td>601942</td>
+      <td><time datetime="2012-07-23">July 23, 2012</time></td>
+      <td>n/a</td>
+      <td>15.00</td>
+    </tr>
+  </tbody>
+  <tfoot>
+    <tr>
+      <th scope="row" colspan="4">Total balance</th>
+      <td>52.00</td>
+    </tr>
+  </tfoot>
+</table>
+```
+
+```css hidden
+table {
+  border: 2px solid rgb(140 140 140);
+}
+
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+}
+```
+
+#### Result
+
+{{EmbedLiveSample("Table_caption_and_column_summary", 650, 180)}}
+
+### Basic table styling
+
+Let's apply a basic style to the table to adjust the typeface and add a {{cssxref("background-color")}} to the head and foot rows. The HTML is unchanged this time, so let's dive right into the CSS.
+
+```html hidden
+<table>
+  <caption>
+    Status of the club members 2021
+  </caption>
+  <thead>
+    <tr>
+      <th scope="col" rowspan="2">Name</th>
+      <th scope="col" rowspan="2">ID</th>
+      <th scope="col" colspan="2">Membership Dates</th>
+      <th scope="col" rowspan="2">Balance</th>
+    </tr>
+    <tr>
+      <th scope="col">Joined</th>
+      <th scope="col">Canceled</th>
+    </tr>
+  </thead>
   <tbody>
     <tr>
-      <td>3</td>
+      <th scope="row">Margaret Nguyen</th>
+      <td>427311</td>
+      <td><time datetime="2010-06-03">June 3, 2010</time></td>
+      <td>n/a</td>
+      <td>0.00</td>
     </tr>
     <tr>
-      <td>2</td>
+      <th scope="row">Edvard Galinski</th>
+      <td>533175</td>
+      <td><time datetime="2011-01-13">January 13, 2011</time></td>
+      <td><time datetime="2017-04-08">April 8, 2017</time></td>
+      <td>37.00</td>
     </tr>
     <tr>
-      <td>1</td>
+      <th scope="row">Hoshi Nakamura</th>
+      <td>601942</td>
+      <td><time datetime="2012-07-23">July 23, 2012</time></td>
+      <td>n/a</td>
+      <td>15.00</td>
     </tr>
   </tbody>
+  <tfoot>
+    <tr>
+      <th scope="row" colspan="4">Total balance</th>
+      <td>52.00</td>
+    </tr>
+  </tfoot>
 </table>
 ```
 
-##### JavaScript
+#### CSS
+
+While a {{cssxref("font")}} property is added to the `<table>` element here to set a more visually appealing typeface (or an abominable sans-serif typeface, depending on your personal opinion), the interesting part is the second style, where the {{HTMLElement("tr")}} elements located within the {{HTMLElement("thead")}} and {{HTMLElement("tfoot")}} are styled adding a light blue {{cssxref("background-color")}}. This is a way to quickly apply a background color to all the cells in specific sections simultaneously.
+
+```css
+table {
+  border: 2px solid rgb(140 140 140);
+  font:
+    16px "Open Sans",
+    Helvetica,
+    Arial,
+    sans-serif;
+}
 
-```js
-HTMLTableSectionElement.prototype.sort = function (cb) {
-  Array.from(this.rows)
-    .sort(cb)
-    .forEach((e) => this.appendChild(this.removeChild(e)));
-};
+thead > tr,
+tfoot > tr {
+  background-color: rgb(228 240 245);
+}
 
-document
-  .querySelector("table")
-  .tBodies[0].sort((a, b) => a.textContent.localeCompare(b.textContent));
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+}
 ```
 
-##### Result
+#### Result
+
+{{EmbedLiveSample("Basic_table_styling", 650, 180)}}
 
-{{EmbedLiveSample('Sorting_table_rows', '100%', '100')}}
+### Advanced table styling
 
-#### Sorting rows with a click on the th element
+Now we'll go all-out, with styles on rows in the header and body areas both, including alternating row colors, cells with different colors depending on position within a row, and so forth. Let's take a look at the result first this time.
 
-The following example adds an event handler to every `<th>` element of every `<table>` in the `document`; it sorts all the `<tbody>`'s rows, basing the sorting on the `td` cells contained in the rows.
+#### Result
 
-> **Note:** This solution assumes that the `<td>` elements are populated by raw text with no descendant elements.
+Here's what the final table will look like:
 
-##### HTML
+{{EmbedLiveSample("Advanced_table_styling", 650, 210)}}
 
-```html
+There is no change to the HTML again. See what proper preparation of the HTML structure can do?
+
+```html hidden
 <table>
+  <caption>
+    Status of the club members 2021
+  </caption>
   <thead>
     <tr>
-      <th>Numbers</th>
-      <th>Letters</th>
+      <th scope="col" rowspan="2">Name</th>
+      <th scope="col" rowspan="2">ID</th>
+      <th scope="col" colspan="2">Membership Dates</th>
+      <th scope="col" rowspan="2">Balance</th>
+    </tr>
+    <tr>
+      <th scope="col">Joined</th>
+      <th scope="col">Canceled</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <td>3</td>
-      <td>A</td>
+      <th scope="row">Margaret Nguyen</th>
+      <td>427311</td>
+      <td><time datetime="2010-06-03">June 3, 2010</time></td>
+      <td>n/a</td>
+      <td>0.00</td>
     </tr>
     <tr>
-      <td>2</td>
-      <td>B</td>
+      <th scope="row">Edvard Galinski</th>
+      <td>533175</td>
+      <td><time datetime="2011-01-13">January 13, 2011</time></td>
+      <td><time datetime="2017-04-08">April 8, 2017</time></td>
+      <td>37.00</td>
     </tr>
     <tr>
-      <td>1</td>
-      <td>C</td>
+      <th scope="row">Hoshi Nakamura</th>
+      <td>601942</td>
+      <td><time datetime="2012-07-23">July 23, 2012</time></td>
+      <td>n/a</td>
+      <td>15.00</td>
     </tr>
   </tbody>
+  <tfoot>
+    <tr>
+      <th scope="row" colspan="4">Total balance</th>
+      <td>52.00</td>
+    </tr>
+  </tfoot>
 </table>
 ```
 
-##### JavaScript
+#### CSS
+
+The CSS is much more involved this time. It's not complicated, but there's a lot going on. Let's break it down.
+
+Here the {{CSSxRef("border-collapse")}} and {{CSSxRef("border-spacing")}} properties are added to eliminate spacing between cells and collapse borders that touch one another to be a single border instead of winding up with double borders. Additionally, the {{HTMLElement("caption")}} is placed at the `bottom` of the table using the {{CSSxRef("caption-side")}} property:
+
+```css
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  border: 2px solid rgb(140 140 140);
+  font:
+    16px "Open Sans",
+    Helvetica,
+    Arial,
+    sans-serif;
+}
+
+caption {
+  caption-side: bottom;
+  padding: 10px;
+  font-weight: bold;
+}
+```
+
+Next, the {{CSSxRef("padding")}} property is used to give all the table cells space around their content. The {{CSSxRef("vertical-align")}} property aligns the content of the header cells to the `bottom` of the cell, which can be seen on the cells in the head that span two rows:
+
+```css
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+  padding: 4px 6px;
+}
+
+th {
+  vertical-align: bottom;
+}
+```
+
+The next CSS rule sets the {{cssxref("background-color")}} of all {{HTMLElement("tr")}} elements in the table's head (as specified using {{HTMLElement("thead")}}). Then the bottom border of the head is set to be a two-pixel wide line. Notice, however, that we're using the {{CSSxRef(":nth-of-type")}} selector to apply the {{CSSxRef("border-bottom")}} property to the _second_ row in the head. Why? Because the head is made of two rows that are spanned by some of the cells. That means there are actually two rows there; applying the style to the first row would not give us the expected result:
+
+```css
+thead > tr {
+  background-color: rgb(228 240 245);
+}
+
+thead > tr:nth-of-type(2) {
+  border-bottom: 2px solid rgb(140 140 140);
+}
+```
+
+Let's style the two header cells "Joined" and "Canceled" with green and red hues to represent the "good" of a new member and the "bummer" of a canceled membership. Here we dig into the last row of the table's head section using the {{CSSxRef(":last-of-type")}} selector and give the first header cell in it (the "Joined" header) a greenish color, and the second header cell in it (the "Canceled" header) a reddish hue:
 
-```js
-const allTables = document.querySelectorAll("table");
+```css
+thead > tr:last-of-type > th:nth-of-type(1) {
+  background-color: rgb(225 255 225);
+}
+
+thead > tr:last-of-type > th:nth-of-type(2) {
+  background-color: rgb(255 225 225);
+}
+```
 
-for (const table of allTables) {
-  const tBody = table.tBodies[0];
-  const rows = Array.from(tBody.rows);
-  const headerCells = table.tHead.rows[0].cells;
+Since the first column should stand out as well, some custom styling is added here too. This CSS rule styles the first header cell in each row of the table's body with the {{CSSxRef("text-align")}} property to left-justify the member names, and with a somewhat different {{cssxref("background-color")}}:
 
-  for (const th of headerCells) {
-    const cellIndex = th.cellIndex;
+```css
+tbody > tr > th:first-of-type {
+  text-align: left;
+  background-color: rgb(225 229 244);
+}
+```
 
-    th.addEventListener("click", () => {
-      rows.sort((tr1, tr2) => {
-        const tr1Text = tr1.cells[cellIndex].textContent;
-        const tr2Text = tr2.cells[cellIndex].textContent;
-        return tr1Text.localeCompare(tr2Text);
-      });
+It's common to help improve the readability of table data by alternating row colors—this is sometimes referred to as "zebra striping". Let's add a bit of {{cssxref("background-color")}} to every even row:
 
-      tBody.append(...rows);
-    });
-  }
+```css
+tbody > tr:nth-of-type(even) {
+  background-color: rgb(237 238 242);
 }
 ```
 
-##### Result
+Since it's standard practice to right-justify currency values in tables, let's do that here. This just sets the {{CSSxRef("text-align")}} property for the last {{HTMLElement("td")}} in each body row to `right`:
 
-{{EmbedLiveSample('Sorting_rows_with_a_click_on_the_th_element', '100%', '100')}}
+```css
+tbody > tr > td:last-of-type {
+  text-align: right;
+}
+```
+
+Finally, some styling similar to the head is applied to the foot section of the table to make it stand out as well:
+
+```css
+tfoot > tr {
+  border-top: 2px dashed rgb(140 140 140);
+  background-color: rgb(228 240 245);
+}
+
+tfoot th,
+tfoot td {
+  text-align: right;
+  font-weight: bold;
+}
+```
 
 ### Displaying large tables in small spaces
 
@@ -593,24 +844,28 @@ This example provides one way to display tables in small spaces. We've hidden th
 </table>
 ```
 
-When looking at these styles you'll notice that table's {{cssxref("display")}} property has been set to `block`. While this allows scrolling, the table loses some of its integrity, and table cells try to become as small as possible. To mitigate this issue we've set {{cssxref("white-space")}} to `nowrap` on the `<tbody>`. However, we don't do this for the `<thead>` to avoid long titles forcing columns to be wider than they need to be to display the data.
+#### CSS
+
+When looking at these styles you'll notice that table's {{cssxref("display")}} property has been set to `block`. While this allows scrolling, the table loses some of its integrity, and table cells try to become as small as possible. To mitigate this issue we've set {{cssxref("white-space")}} to `nowrap` on the {{HTMLElement("tbody")}}. However, we don't do this for the {{HTMLElement("thead")}} to avoid long titles forcing columns to be wider than they need to be to display the data.
+
+To keep the table headers on the page while scrolling down we've set {{cssxref("position")}} to sticky on the {{HTMLElement("th")}} elements. Note that we have **not** set {{cssxref("border-collapse")}} to `collapse`, as if we do the header cannot be separated correctly from the rest of the table.
 
-To keep the table headers on the page while scrolling down we've set {{cssxref("position")}} to sticky on the `<th>` elements. Note that we have **not** set {{cssxref("border-collapse")}} to `collapse`, as if we do the header cannot be separated correctly from the rest of the table.
+Given that the `<table>` has a fixed size, the {{cssxref("overflow")}} set to `auto` is the important part here, as it makes the table scrollable.
 
 ```css
 table,
 th,
 td {
-  border: 1px solid;
+  border: 1px solid black;
 }
 
 table {
+  overflow: auto;
   width: 100%;
   max-width: 400px;
   height: 240px;
-  margin: 0 auto;
   display: block;
-  overflow-x: auto;
+  margin: 0 auto;
   border-spacing: 0;
 }
 
@@ -650,7 +905,7 @@ tr:last-child td {
 
 ### Captions
 
-By supplying a {{HTMLElement("caption")}} element whose value clearly and concisely describes the table's purpose, it helps the people decide if they need to read the rest of the table content or skip over it.
+By supplying a {{HTMLElement("caption")}} element whose value clearly and concisely describes the table's purpose, it helps the people decide if they need to check the rest of the table content or skip over it.
 
 This helps people navigating with the aid of assistive technology such as a screen reader, people experiencing low vision conditions, and people with cognitive concerns.
 
@@ -659,43 +914,7 @@ This helps people navigating with the aid of assistive technology such as a scre
 
 ### Scoping rows and columns
 
-The [`scope`](/en-US/docs/Web/HTML/Element/th#scope) attribute on header elements is redundant in simple contexts, because scope is inferred. However, some assistive technologies may fail to draw correct inferences, so specifying header scope may improve user experiences. In complex tables, scope can be specified to provide necessary information about the cells related to a header.
-
-#### Examples
-
-```html
-<table>
-  <caption>
-    Color names and values
-  </caption>
-  <tbody>
-    <tr>
-      <th scope="col">Name</th>
-      <th scope="col">HEX</th>
-      <th scope="col">HSLa</th>
-      <th scope="col">RGBa</th>
-    </tr>
-    <tr>
-      <th scope="row">Teal</th>
-      <td><code>#51F6F6</code></td>
-      <td><code>hsl(180 90% 64% / 100%)</code></td>
-      <td><code>rgb(81 246 246 / 100%)</code></td>
-    </tr>
-    <tr>
-      <th scope="row">Goldenrod</th>
-      <td><code>#F6BC57</code></td>
-      <td><code>hsl(38 90% 65% / 100%)</code></td>
-      <td><code>rgb(246 188 87 / 100%)</code></td>
-    </tr>
-  </tbody>
-</table>
-```
-
-##### Result
-
-{{EmbedLiveSample('Scoping_rows_and_columns')}}
-
-Providing a declaration of `scope="col"` on a {{HTMLElement("th")}} element will help describe that the cell is at the top of a column. Providing a declaration of `scope="row"` on a {{HTMLElement("th")}} element will help describe that the cell is the first in a row.
+The [`scope`](/en-US/docs/Web/HTML/Element/th#scope) attribute on header cells ({{HTMLElement("th")}} elements) is redundant in simple contexts, because scope is inferred. However, some assistive technologies may fail to draw correct inferences, so specifying header scope may improve user experiences. In complex tables, [`scope`](/en-US/docs/Web/HTML/Element/th#scope) can be specified to provide necessary information about the cells related to a header.
 
 - [MDN Tables for visually impaired users](/en-US/docs/Learn/HTML/Tables/Advanced#tables_for_visually_impaired_users)
 - [Tables with two headers • Tables • W3C WAI Web Accessibility Tutorials](https://www.w3.org/WAI/tutorials/tables/two-headers/)
@@ -704,16 +923,80 @@ Providing a declaration of `scope="col"` on a {{HTMLElement("th")}} element will
 
 ### Complicated tables
 
-Assistive technology such as screen readers may have difficulty parsing tables that are so complex that header cells can't be associated in a strictly horizontal or vertical way. This is typically indicated by the presence of the [`colspan`](/en-US/docs/Web/HTML/Element/td#colspan) and [`rowspan`](/en-US/docs/Web/HTML/Element/td#rowspan) attributes.
+Assistive technologies such as screen readers may have difficulty parsing tables that are so complex that header cells can't be associated in a strictly horizontal or vertical way. This is typically indicated by the presence of the [`colspan`](/en-US/docs/Web/HTML/Element/td#colspan) and [`rowspan`](/en-US/docs/Web/HTML/Element/td#rowspan) attributes.
 
-Ideally, consider alternate ways to present the table's content, including breaking it apart into a collection of smaller, related tables that don't have to rely on using the `colspan` and `rowspan` attributes. In addition to helping people who use assistive technology understand the table's content, this may also benefit people with cognitive concerns who may have difficulty understanding the associations the table layout is describing.
+Ideally, consider alternate ways to present the table's content, including breaking it apart into a collection of smaller, related tables that don't have to rely on using the [`colspan`](/en-US/docs/Web/HTML/Element/td#colspan) and [`rowspan`](/en-US/docs/Web/HTML/Element/td#rowspan) attributes. In addition to helping people who use assistive technology understand the table's content, this may also benefit people with cognitive concerns who may have difficulty understanding the associations the table layout is describing.
 
-If the table cannot be broken apart, use a combination of the [`id`](/en-US/docs/Web/HTML/Global_attributes#id) and [`headers`](/en-US/docs/Web/HTML/Element/td#headers) attributes to programmatically associate each table cell with the header(s) the cell is associated with.
+If the table cannot be broken apart, use a combination of the [`id`](/en-US/docs/Web/HTML/Global_attributes#id) and [`headers`](/en-US/docs/Web/HTML/Element/td#headers) attributes to programmatically associate each table cell with the header(s) ({{HTMLElement("th")}} elements) the cell is associated with.
 
 - [MDN Tables for visually impaired users](/en-US/docs/Learn/HTML/Tables/Advanced#tables_for_visually_impaired_users)
 - [Tables with multi-level headers • Tables • W3C WAI Web Accessibility Tutorials](https://www.w3.org/WAI/tutorials/tables/multi-level/)
 - [H43: Using id and headers attributes to associate data cells with header cells in data tables | Techniques for W3C WCAG 2.0](https://www.w3.org/TR/WCAG20-TECHS/H43.html)
 
+## Technical summary
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row">
+        <a href="/en-US/docs/Web/HTML/Content_categories"
+          >Content categories</a
+        >
+      </th>
+      <td>
+        <a href="/en-US/docs/Web/HTML/Content_categories#flow_content"
+          >Flow content</a
+        >
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Permitted content</th>
+      <td>
+        In this order:
+        <ol>
+          <li>an optional {{HTMLElement("caption")}} element,</li>
+          <li>zero or more {{HTMLElement("colgroup")}} elements,</li>
+          <li>an optional {{HTMLElement("thead")}} element,</li>
+          <li>
+            either one of the following:
+            <ul>
+              <li>zero or more {{HTMLElement("tbody")}} elements</li>
+              <li>one or more {{HTMLElement("tr")}} elements</li>
+            </ul>
+          </li>
+          <li>an optional {{HTMLElement("tfoot")}} element</li>
+        </ol>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Tag omission</th>
+      <td>{{no_tag_omission}}</td>
+    </tr>
+    <tr>
+      <th scope="row">Permitted parents</th>
+      <td>Any element that accepts flow content</td>
+    </tr>
+    <tr>
+      <th scope="row">Implicit ARIA role</th>
+      <td>
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Table_Role"
+            >table</a
+          ></code
+        >
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Permitted ARIA roles</th>
+      <td>Any</td>
+    </tr>
+    <tr>
+      <th scope="row">DOM interface</th>
+      <td>{{domxref("HTMLTableElement")}}</td>
+    </tr>
+  </tbody>
+</table>
+
 ## Specifications
 
 {{Specifications}}
@@ -724,10 +1007,11 @@ If the table cannot be broken apart, use a combination of the [`id`](/en-US/docs
 
 ## See also
 
-- [HTML data table tutorial](/en-US/docs/Learn/HTML/Tables)
-- CSS properties that may be especially useful to style the `<table>` element:
-
-  - {{cssxref("width")}} to control the width of the table;
-  - {{cssxref("border")}}, {{cssxref("border-style")}}, {{cssxref("border-color")}}, {{cssxref("border-width")}}, {{cssxref("border-collapse")}}, {{cssxref("border-spacing")}} to control the aspect of cell borders, rules, and frame;
-  - {{cssxref("margin")}} and {{cssxref("padding")}} to style the individual cell content;
-  - {{cssxref("text-align")}} and {{cssxref("vertical-align")}} to define the alignment of text and cell content.
+- [Learn: HTML tables](/en-US/docs/Learn/HTML/Tables)
+- {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}: Other table-related elements
+- {{cssxref("background-color")}}: CSS property to set the background color of the table
+- {{cssxref("border")}}, {{cssxref("border-collapse")}}, {{cssxref("border-spacing")}}: CSS properties to control the aspect of cell borders, rules, and frame
+- {{cssxref("margin")}}, {{cssxref("padding")}}: CSS properties to align the table and set spacing on cell content
+- {{cssxref("text-align")}}: CSS property to horizontally align table cell content
+- {{cssxref("vertical-align")}}: CSS property to vertically align table cell content
+- {{cssxref("width")}}: CSS property to control the width of the table
diff --git a/files/en-us/web/html/element/tbody/index.md b/files/en-us/web/html/element/tbody/index.md
index b7114ea5e286e95..5e6e32a32d53d28 100644
--- a/files/en-us/web/html/element/tbody/index.md
+++ b/files/en-us/web/html/element/tbody/index.md
@@ -7,126 +7,125 @@ browser-compat: html.elements.tbody
 
 {{HTMLSidebar}}
 
-The **`<tbody>`** [HTML](/en-US/docs/Web/HTML) element encapsulates a set of table rows ({{HTMLElement("tr")}} elements), indicating that they comprise the body of the table ({{HTMLElement("table")}}).
+The **`<tbody>`** [HTML](/en-US/docs/Web/HTML) element encapsulates a set of table rows ({{HTMLElement("tr")}} elements), indicating that they comprise the body of a table's (main) data.
 
 {{EmbedInteractiveExample("pages/tabbed/tbody.html","tabbed-taller")}}
 
-The `<tbody>` element, along with its related {{HTMLElement("thead")}} and {{HTMLElement("tfoot")}} elements, provide useful semantic information that can be used when rendering for either screen or printer.
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <th scope="row">
-        <a href="/en-US/docs/Web/HTML/Content_categories"
-          >Content categories</a
-        >
-      </th>
-      <td>None.</td>
-    </tr>
-    <tr>
-      <th scope="row">Permitted content</th>
-      <td>Zero or more {{ HTMLElement("tr") }} elements.</td>
-    </tr>
-    <tr>
-      <th scope="row">Tag omission</th>
-      <td>
-        A <code>&lt;tbody&gt;</code> element's start tag can be omitted if the first thing inside the <code>&lt;tbody&gt;</code> element is a {{HTMLElement("tr")}} element, and if the element is not immediately preceded by a <code>&lt;tbody&gt;</code>, {{HTMLElement("thead")}}, or {{HTMLElement("tfoot")}} element whose end tag has been omitted. (It can't be omitted if the element is empty.)
-        A <code>&lt;tbody&gt;</code> element's end tag can be omitted if the <code>&lt;tbody&gt;</code> element is immediately followed by a <code>&lt;tbody&gt;</code> or {{HTMLElement("tfoot")}} element, or if there is no more content in the parent element.
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">Permitted parents</th>
-      <td>
-        Within the required parent {{ HTMLElement("table") }} element,
-        the <code>&lt;tbody&gt;</code> element can be added after a
-        {{ HTMLElement("caption") }},
-        {{HTMLElement("colgroup") }}, and a
-        {{ HTMLElement("thead") }} element.
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">Implicit ARIA role</th>
-      <td>
-        <code
-          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Rowgroup_Role"
-            >rowgroup</a
-          ></code
-        >
-      </td>
-    </tr>
-    <tr>
-      <th scope="row">Permitted ARIA roles</th>
-      <td>Any</td>
-    </tr>
-    <tr>
-      <th scope="row">DOM interface</th>
-      <td>{{domxref("HTMLTableSectionElement")}}</td>
-    </tr>
-  </tbody>
-</table>
-
 ## Attributes
 
 This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
 ### Deprecated attributes
 
-- `align` {{deprecated_inline}}
-
-  - : This [enumerated](/en-US/docs/Glossary/Enumerated) attribute specifies how horizontal alignment of each cell content will be handled. Possible values are:
-
-    - `left`, aligning the content to the left of the cell
-    - `center`, centering the content in the cell
-    - `right`, aligning the content to the right of the cell
-    - `justify`, inserting spaces into the textual content so that the content is justified in the cell
-    - `char`, aligning the textual content on a special character with a minimal offset, defined by the [`char`](#char) and [`charoff`](#charoff) attributes.
+The following attributes are deprecated and should not be used. They are documented below for reference when updating existing code and for historical interest only.
 
-    If this attribute is not set, the `left` value is assumed.
+- `align` {{deprecated_inline}}
 
-    As this attribute is deprecated, use the CSS {{cssxref("text-align")}} property instead.
+  - : Specifies the horizontal alignment of each body cell. The possible {{Glossary("enumerated")}} values are `left`, `center`, `right`, `justify`, and `char`. When supported, the `char` value aligns the textual content on the character defined in the [`char`](#char) attribute and on offset defined by the [`charoff`](#charoff) attribute. Use the {{cssxref("text-align")}} CSS property instead, as this attribute is deprecated.
 
-    > **Note:** The equivalent `text-align` property for the `align="char"` is not implemented in any browsers yet. See the [`text-align`'s browser compatibility section](/en-US/docs/Web/CSS/text-align#browser_compatibility) for the `<string>` value.
+- `bgcolor` {{deprecated_inline}}
 
-- `bgcolor` {{Deprecated_inline}}
+  - : Defines the background color of each body cell. The value is an HTML color; either a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`', or a [color keyword](/en-US/docs/Web/CSS/named-color). Other CSS {{cssxref("color_value", "&lt;color&gt")}} values are not supported. Use the {{cssxref("background-color")}} CSS property instead, as this attribute is deprecated.
 
-  - : The background color of the table. It is a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`'. One of the predefined [color keywords](/en-US/docs/Web/CSS/named-color) can also be used.
+- `char` {{deprecated_inline}}
 
-    As this attribute is deprecated, use the CSS {{cssxref("background-color")}} property instead.
+  - : Specifies the alignment of the content to a character of each body cell. Typical values for this include a period (`.`) when attempting to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored.
 
-- `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 [`align`](#align) is not set to `char`, this attribute is ignored.
 - `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.
-- `valign` {{deprecated_inline}}
 
-  - : This attribute specifies the vertical alignment of the text within each row of cells of the table header. Possible values for this attribute are:
+  - : Specifies the number of characters to offset the body cell content from the alignment character specified by the [`char`](#char) attribute.
 
-    - `baseline`, which will put the text as close to the bottom of the cell as it is possible, but align it on the [baseline](https://en.wikipedia.org/wiki/Baseline_%28typography%29) of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as `bottom`.
-    - `bottom`, which will put the text as close to the bottom of the cell as it is possible;
-    - `middle`, which will center the text in the cell;
-    - and `top`, which will put the text as close to the top of the cell as it is possible.
+- `valign` {{deprecated_inline}}
 
-    As this attribute is deprecated, use the CSS {{cssxref("vertical-align")}} property instead.
+  - : Specifies the vertical alignment of each body cell. The possible {{Glossary("enumerated")}} values are `baseline`, `bottom`, `middle`, and `top`. Use the {{cssxref("vertical-align")}} CSS property instead, as this attribute is deprecated.
 
 ## Usage notes
 
-- If the table includes a {{HTMLElement("thead")}} block (to semantically identify a row of column headers), the `<tbody>` block _must_ come after it.
-- If {{HTMLElement("tr")}} elements are specified outside an existing `<tbody>` element, as direct children of the {{HTMLElement("table")}}, these elements will be encapsulated by a separate `<tbody>` element generated by the browser.
-- When printing a document, the `<thead>` and {{htmlelement("tfoot")}} elements specify information that may be the same—or at least very similar—on every page of a multipage table, while the `<tbody>` element's contents generally will differ from page to page.
-- When a table is presented in a screen context (such as a window) which is not large enough to display the entire table, the {{Glossary("user agent")}} may let the user scroll the contents of the `<thead>`, `<tbody>`, `<tfoot>`, and {{HTMLElement("caption")}} blocks separately from one another for the same parent table.
-- You _may_ use more than one `<tbody>` per table as long as they are all consecutive. This lets you divide the rows in large tables into sections, each of which may be separately formatted if so desired. If not marked up to be consecutive elements, browsers will correct this author error, ensuring any `<thead>` and `<tfoot>` elements are rendered as the first and last elements of the table, respectively.
+- The `<tbody>` is placed after any {{HTMLElement("caption")}}, {{HTMLElement("colgroup")}}, and {{HTMLElement("thead")}} elements.
+- If {{HTMLElement("tr")}} elements are specified outside an existing `<tbody>` element as direct children of the {{HTMLElement("table")}}, these elements will be encapsulated by a separate `<tbody>` element generated by the browser.
+- It's permitted to use more than one `<tbody>` per table as long as they are all consecutive. This allows to divide the rows ({{HTMLElement("tr")}} elements) in large tables into sections, each of which may be separately formatted if so desired. If not marked up to be consecutive elements, browsers will correct this author error, ensuring any {{HTMLElement("thead")}} and {{HTMLElement("tfoot")}} elements are rendered as the first and last elements of the table, respectively.
+- Along with its related {{HTMLElement("thead")}} and {{HTMLElement("tfoot")}} elements, the `<tbody>` element provides useful {{Glossary("semantics", "semantic")}} information and can be used when rendering for either screen or print. Specifying such table content groups also provides valuable contextual information for assistive technologies, including screen readers and search engines.
+- When printing a document, in the case of a multipage table, the {{HTMLElement("thead")}} and {{htmlelement("tfoot")}} elements usually specify information that remains the same—or at least very similar—on each page, while the `<tbody>` element's contents generally will differ from page to page.
+- When a table is presented in a screen context (such as a window) that is not large enough to display the entire table, the {{Glossary("user agent")}} may let the user scroll the contents of the {{HTMLElement("thead")}}, `<tbody>`, {{htmlelement("tfoot")}}, and {{HTMLElement("caption")}} blocks separately from one another for the same parent {{htmlelement("table")}}.
 
 ## Examples
 
-Below are some examples showing the use of the `<tbody>` element. For more examples of this element, see the examples for {{ HTMLElement("table", "", "#Examples") }}.
+See {{HTMLElement("table")}} for a complete table example introducing common standards and best practices.
 
-### Basic example
+### Not specifying a body
 
-In this relatively simple example, we create a table containing information about a group of students with a {{HTMLElement("thead")}} and a {{HTMLElement("tbody")}}, with a number of rows in the body.
+This example demonstrates that the browser automatically encapsulates {{HTMLElement("tr")}} elements within a `<tbody>` element if the rows are not nested within a table grouping element (`<tbody>`, `<tfoot>`, or `<thead>`) and are, as in this example, the direct children of the {{HTMLElement("table")}} element.
 
 #### HTML
 
-The table's HTML is shown here. Note that all the body cells including information about students are contained within a single `<tbody>` element.
+Here, a very basic table with some table rows ({{HTMLElement("tr")}} elements) containing data ({{HTMLElement("td")}} elements) about students is created.
+
+```html
+<table>
+  <tr>
+    <td>3741255</td>
+    <td>Jones, Martha</td>
+    <td>Computer Science</td>
+    <td>240</td>
+  </tr>
+  <tr>
+    <td>3971244</td>
+    <td>Nim, Victor</td>
+    <td>Russian Literature</td>
+    <td>220</td>
+  </tr>
+  <tr>
+    <td>4100332</td>
+    <td>Petrov, Alexandra</td>
+    <td>Astrophysics</td>
+    <td>260</td>
+  </tr>
+</table>
+```
+
+#### CSS
+
+Note the CSS in the example, where a {{cssxref("background-color")}} is specified for the `<tbody>` element and the `tbody` is used as a part of an additional {{Glossary("css_selector", "CSS selector")}}. Alternatively, {{Glossary("developer_tools", "browser developer tools")}} can be used to check the presence of the `<tbody>` element in the {{Glossary("dom", "DOM")}}.
+
+```css
+tbody {
+  background-color: #e4f0f5;
+}
+
+tbody > tr > td:last-of-type {
+  width: 60px;
+  text-align: center;
+}
+```
+
+```css hidden
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
+
+td {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
+}
+```
+
+#### Result
+
+{{EmbedLiveSample("Not_specifying_a_body", 650, 100)}}
+
+### Basic body structure
+
+This example extends and enhances the basic table from the [previous example](#not_specifying_a_body).
+
+#### HTML
+
+We introduce a table head ({{HTMLElement("thead")}} element) and explicitly use a `<tbody>` element to structure the table into {{Glossary("semantics", "semantic")}} sections. The table head contains the column headers ({{HTMLElement("th")}} elements). The `<tbody>` element represents the body section of the table, which contains a number of rows ({{HTMLElement("tr")}} elements) with the table's main data, which is the data of each student.
+
+The use of such table content groups and {{Glossary("semantics", "semantic")}} markup is not only useful for visual presentation (via CSS styling) and contextual information for assistive technologies; moreover, the explicit use of the `<tbody>` element helps the browser to create the intended table structure, avoiding unwanted results.
 
 ```html
 <table>
@@ -135,6 +134,7 @@ The table's HTML is shown here. Note that all the body cells including informati
       <th>Student ID</th>
       <th>Name</th>
       <th>Major</th>
+      <th>Credits</th>
     </tr>
   </thead>
   <tbody>
@@ -142,16 +142,19 @@ The table's HTML is shown here. Note that all the body cells including informati
       <td>3741255</td>
       <td>Jones, Martha</td>
       <td>Computer Science</td>
+      <td>240</td>
     </tr>
     <tr>
       <td>3971244</td>
       <td>Nim, Victor</td>
       <td>Russian Literature</td>
+      <td>220</td>
     </tr>
     <tr>
       <td>4100332</td>
       <td>Petrov, Alexandra</td>
       <td>Astrophysics</td>
+      <td>260</td>
     </tr>
   </tbody>
 </table>
@@ -159,64 +162,53 @@ The table's HTML is shown here. Note that all the body cells including informati
 
 #### CSS
 
-The CSS to style our table is shown next.
+The CSS is nearly unchanged from the [previous example](#not_specifying_a_body), except for some basic styling to highlight the table head so that the headers of the columns stand out from the data in the table body. As in the [example above](#not_specifying_a_body), the `tbody` [type selector](/en-US/docs/Web/CSS/Type_selectors) is used to style the body cells.
 
 ```css
-table {
-  border: 2px solid #555;
-  border-collapse: collapse;
-  font:
-    16px "Lucida Grande",
-    "Helvetica",
-    "Arial",
-    sans-serif;
+tbody {
+  background-color: #e4f0f5;
 }
-```
 
-First, the table's overall style attributes are set, configuring the thickness, style, and color of the table's exterior borders and using {{cssxref("border-collapse")}} to ensure that the border lines are shared among adjacent cells rather than each having its own borders with space in between. {{cssxref("font")}} is used to establish an initial font for the table.
+tbody > tr > td:last-of-type {
+  text-align: center;
+}
 
-```css
-th,
-td {
-  border: 1px solid #bbb;
-  padding: 2px 8px 0;
-  text-align: left;
+thead {
+  border-bottom: 2px solid rgb(160 160 160);
+  background-color: #2c5e77;
+  color: #fff;
 }
 ```
 
-Then the style is set for the majority of the cells in the table, including all data cells but also those styles shared between our {{HTMLElement("td")}} and {{HTMLElement("th")}} cells. The cells are given a light gray outline which is a single pixel thick, padding is adjusted, and all cells are left-aligned using {{cssxref("text-align")}}
+```css hidden
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
 
-```css
-thead > tr > th {
-  background-color: #cce;
-  font-size: 18px;
-  border-bottom: 2px solid #999;
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
 }
 ```
 
-Finally, header cells contained within the {{HTMLElement("thead")}} element are given additional styling. They use a darker {{cssxref("background-color")}}, a larger font size, and a thicker, darker bottom border than the other cell borders.
-
 #### Result
 
-The resulting table looks like this:
-
-{{EmbedLiveSample("Basic_example", 650, 150)}}
+{{EmbedLiveSample("Basic_body_structure", 650, 140)}}
 
 ### Multiple bodies
 
-You can create row groupings within a table by using multiple `<tbody>` elements. Each may potentially have its own header row or rows; however, _there can be only one {{HTMLElement("thead")}} per table!_ Because of that, you need to use a {{HTMLElement("tr")}} filled with {{HTMLElement("th")}} elements to create headers within each `<tbody>`. Let's see how that's done.
+This example extends and enhances the table from the [example above](#basic_body_structure) even more by introducing multiple body sections.
 
-Let's take the previous example, add some more students to the list, and update the table so that instead of listing each student's major on every row, the students are grouped by major, with heading rows for each major.
-
-#### Result
-
-First, the resulting table, so you know what we're building:
-
-{{EmbedLiveSample("Multiple_bodies", 650, 250)}}
+Using multiple `<tbody>` elements allows creating row groupings within a table. Each table body can potentially have its own head row or rows; however, _there may only be one {{HTMLElement("thead")}} element per table_! Because of that, {{HTMLElement("tr")}} with {{HTMLElement("th")}} elements can be used to create headers within each `<tbody>`.
 
 #### HTML
 
-The revised HTML looks like this:
+Building on the table in the [previous basic example](#basic_body_structure), more students are added and, instead of listing each student's major on each row, the students are grouped by major. Note that each major is enclosed within its own `<tbody>` block, with the first row ({{HTMLElement("tr")}} element) serving as the head of the block, displaying the major title within a {{HTMLElement("th")}} element that uses the [`colspan`](/en-US/docs/Web/HTML/Element/th#colspan) attribute to span the header across all three columns of the table. Each remaining row within each major's `<tbody>` represents one student.
 
 ```html
 <table>
@@ -224,90 +216,156 @@ The revised HTML looks like this:
     <tr>
       <th>Student ID</th>
       <th>Name</th>
+      <th>Credits</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th colspan="2">Computer Science</th>
+      <th colspan="3">Computer Science</th>
     </tr>
     <tr>
       <td>3741255</td>
       <td>Jones, Martha</td>
+      <td>240</td>
     </tr>
     <tr>
       <td>4077830</td>
       <td>Pierce, Benjamin</td>
+      <td>200</td>
     </tr>
     <tr>
       <td>5151701</td>
       <td>Kirk, James</td>
+      <td>230</td>
     </tr>
   </tbody>
   <tbody>
     <tr>
-      <th colspan="2">Russian Literature</th>
+      <th colspan="3">Russian Literature</th>
     </tr>
     <tr>
       <td>3971244</td>
       <td>Nim, Victor</td>
+      <td>220</td>
     </tr>
   </tbody>
   <tbody>
     <tr>
-      <th colspan="2">Astrophysics</th>
+      <th colspan="3">Astrophysics</th>
     </tr>
     <tr>
       <td>4100332</td>
       <td>Petrov, Alexandra</td>
+      <td>260</td>
     </tr>
     <tr>
       <td>8892377</td>
       <td>Toyota, Hiroko</td>
+      <td>240</td>
     </tr>
   </tbody>
 </table>
 ```
 
-Notice that each major is placed in a separate `<tbody>` block, the first row of which contains a single {{HTMLElement("th")}} element with a [`colspan`](#colspan) attribute that spans the entire width of the table. That heading lists the name of the major contained within the `<tbody>`.
+#### CSS
 
-Then each remaining row in each major's `<tbody>` consists of two cells: the first for the student's ID and the second for their name.
+Most of the CSS is unchanged. However, a slightly more subtle style is added for header cells contained directly within a `<tbody>` (as opposed to those that reside in the {{HTMLElement("thead")}}). This is used for the headers indicating each table section's corresponding major.
 
-#### CSS
+```css
+tbody > tr > th {
+  border-top: 2px solid rgb(160 160 160);
+  border-bottom: 1px solid rgb(140 140 140);
+  background-color: #e4f0f5;
+  font-weight: normal;
+}
+
+tbody {
+  background-color: whitesmoke;
+}
+
+thead {
+  background-color: #2c5e77;
+  color: #fff;
+}
+```
 
 ```css hidden
 table {
-  border: 2px solid #555;
   border-collapse: collapse;
-  font:
-    16px "Lucida Grande",
-    "Helvetica",
-    "Arial",
-    sans-serif;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
 }
 
 th,
 td {
-  border: 1px solid #bbb;
-  padding: 2px 8px 0;
+  border: 1px solid rgb(160 160 160);
+  padding: 6px 8px;
   text-align: left;
 }
 
-thead > tr > th {
-  background-color: #cce;
-  font-size: 18px;
-  border-bottom: 2px solid #999;
+tbody > tr > td:last-of-type {
+  text-align: center;
 }
 ```
 
-Most of the CSS is unchanged. We do, however, add a slightly more subtle style for header cells contained directly within a `<tbody>` (as opposed to those which reside in a {{HTMLElement("thead")}}). This is used for the headers indicating each table section's corresponding major.
+#### Result
 
-```css
-tbody > tr > th {
-  background-color: #dde;
-  border-bottom: 1.5px solid #bbb;
-  font-weight: normal;
-}
-```
+{{EmbedLiveSample("Multiple_bodies", 650, 300)}}
+
+## Technical summary
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row">
+        <a href="/en-US/docs/Web/HTML/Content_categories"
+          >Content categories</a
+        >
+      </th>
+      <td>None.</td>
+    </tr>
+    <tr>
+      <th scope="row">Permitted content</th>
+      <td>Zero or more {{ HTMLElement("tr") }} elements.</td>
+    </tr>
+    <tr>
+      <th scope="row">Tag omission</th>
+      <td>
+        A {{HTMLElement("tbody")}} element's start tag can be omitted if the first thing inside the {{HTMLElement("tbody")}} element is a {{HTMLElement("tr")}} element, and if the element is not immediately preceded by a {{HTMLElement("tbody")}}, {{HTMLElement("thead")}}, or {{HTMLElement("tfoot")}} element whose end tag has been omitted. (It can't be omitted if the element is empty.)
+        A {{HTMLElement("tbody")}} element's end tag can be omitted if the {{HTMLElement("tbody")}} element is immediately followed by a {{HTMLElement("tbody")}} or {{HTMLElement("tfoot")}} element, or if there is no more content in the parent element.
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Permitted parents</th>
+      <td>
+        Within the required parent {{ HTMLElement("table") }} element,
+        the {{HTMLElement("tbody")}} element can be added after any
+        {{ HTMLElement("caption") }}, {{HTMLElement("colgroup") }},
+        and {{ HTMLElement("thead") }} elements.
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Implicit ARIA role</th>
+      <td>
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Rowgroup_Role"
+            >rowgroup</a
+          ></code
+        >
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">Permitted ARIA roles</th>
+      <td>Any</td>
+    </tr>
+    <tr>
+      <th scope="row">DOM interface</th>
+      <td>{{domxref("HTMLTableSectionElement")}}</td>
+    </tr>
+  </tbody>
+</table>
 
 ## Specifications
 
@@ -319,7 +377,9 @@ tbody > tr > th {
 
 ## See also
 
-- CSS properties and [pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes) that may be specially useful to style the `<tbody>` element:
-
-  - the {{ cssxref(":nth-child") }} pseudo-class to set the alignment on the cells of the column;
-  - the {{ cssxref("text-align") }} property to align all cells content on the same character, like '.'.
+- [Learn: HTML tables](/en-US/docs/Learn/HTML/Tables)
+- {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}: Other table-related elements
+- {{cssxref("background-color")}}: CSS property to set the background color of each body cell
+- {{cssxref("border")}}: CSS property to control borders of body cells
+- {{cssxref("text-align")}}: CSS property to horizontally align each body cell content
+- {{cssxref("vertical-align")}}: CSS property to vertically align each body cell content
diff --git a/files/en-us/web/html/element/td/column-row-span.html b/files/en-us/web/html/element/td/column-row-span.html
new file mode 100644
index 000000000000000..796d0f6595a12a3
--- /dev/null
+++ b/files/en-us/web/html/element/td/column-row-span.html
@@ -0,0 +1,163 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Column and row span</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 15px;
+        width: max-content;
+        font-family: "Arial", sans-serif;
+        font-size: 14px;
+        letter-spacing: 0.05em;
+        color: #15141a;
+        background: #ffffff;
+      }
+
+      table {
+        border-collapse: collapse;
+        border: 2px solid rgb(140, 140, 140);
+      }
+
+      caption {
+        padding-bottom: 10px;
+        font-weight: bold;
+      }
+
+      tbody {
+        background-color: #e4f0f5;
+      }
+
+      td {
+        box-sizing: border-box;
+        isolation: isolate;
+        position: relative;
+        border: 1px solid rgb(160, 160, 160);
+        width: 130px;
+        height: 65px;
+        text-align: center;
+        vertical-align: middle;
+        color: #ffffff;
+      }
+
+      td .separator {
+        z-index: -2;
+        position: absolute;
+        top: 50%;
+        right: 0;
+        left: 0;
+        border: 1px dashed rgba(160, 160, 160, 0.3);
+      }
+
+      tr:first-of-type td:nth-child(2) .separator {
+        top: 0;
+        right: auto;
+        bottom: 0;
+        left: 50%;
+      }
+
+      tr:first-of-type td::before,
+      .cell::before {
+        content: "";
+        z-index: -1;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        border-radius: 50%;
+        width: 26px;
+        aspect-ratio: 1 / 1;
+        background-color: #2c5e77;
+      }
+
+      tr:last-of-type td::before {
+        content: "";
+        z-index: -1;
+        position: absolute;
+        inset: 0;
+        background: repeating-linear-gradient(
+          45deg,
+          #64696b,
+          #64696b 10px,
+          #4a4d4e 10px,
+          #4a4d4e 20px
+        );
+      }
+
+      tr:first-of-type td::after {
+        content: "⟵ rowspan 2 ⟶";
+        position: absolute;
+        left: 40%;
+        rotate: -90deg;
+        width: 100%;
+        font-weight: bold;
+        text-align: center;
+        color: #15141a;
+      }
+
+      tr:first-of-type td:nth-child(2):after {
+        content: "⟵ colspan 2 ⟶";
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        rotate: unset;
+      }
+
+      .cells {
+        display: flex;
+        gap: 15px;
+        margin-top: 15px;
+        margin-left: 15px;
+      }
+
+      .cell {
+        box-sizing: border-box;
+        isolation: isolate;
+        position: relative;
+        border: 1px solid rgb(160, 160, 160);
+        display: grid;
+        place-items: center;
+        width: 130px;
+        height: 65px;
+        text-align: center;
+        color: #ffffff;
+        background-color: #e4f0f5;
+      }
+
+      .cell::after {
+        content: "⇡";
+        position: absolute;
+        top: 0;
+        left: 86%;
+        transform: translateY(-56%);
+        rotate: 30deg;
+        font-weight: bold;
+        font-size: 30px;
+        color: #15141a;
+      }
+    </style>
+  </head>
+  <body>
+    <table>
+      <caption>
+        Illustration demonstrating column and row spanning of table cells
+      </caption>
+      <tr>
+        <td rowspan="2"><span class="separator"></span>1</td>
+        <td colspan="2"><span class="separator"></span>2</td>
+        <td rowspan="2"><span class="separator"></span>3</td>
+        <td rowspan="2"><span class="separator"></span>4</td>
+      </tr>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+    </table>
+    <div class="cells">
+      <div class="cell">5</div>
+      <div class="cell">6</div>
+    </div>
+  </body>
+</html>
diff --git a/files/en-us/web/html/element/td/column-row-span.png b/files/en-us/web/html/element/td/column-row-span.png
new file mode 100644
index 0000000000000000000000000000000000000000..a779fb8e844a4e7fc687affc60a70de68137fe6f
GIT binary patch
literal 5567
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

literal 0
HcmV?d00001

diff --git a/files/en-us/web/html/element/td/index.md b/files/en-us/web/html/element/td/index.md
index cb5ce2811ac804a..faeafe9f280e86e 100644
--- a/files/en-us/web/html/element/td/index.md
+++ b/files/en-us/web/html/element/td/index.md
@@ -7,7 +7,7 @@ browser-compat: html.elements.td
 
 {{HTMLSidebar}}
 
-The **`<td>`** [HTML](/en-US/docs/Web/HTML) element defines a cell of a table that contains data. It participates in the _table model_.
+The **`<td>`** [HTML](/en-US/docs/Web/HTML) element defines a cell of a table that contains data and may be used as a child of the {{HTMLElement("tr")}} element.
 
 {{EmbedInteractiveExample("pages/tabbed/td.html","tabbed-taller")}}
 
@@ -16,70 +16,265 @@ The **`<td>`** [HTML](/en-US/docs/Web/HTML) element defines a cell of a table th
 This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
 - `colspan`
-  - : This attribute contains a non-negative integer value that indicates for how many columns the cell extends. Its default value is `1`. Values higher than 1000 will be considered as incorrect and will be set to the default value (1).
+  - : Contains a non-negative integer value that indicates how many columns the data cell spans or extends. The default value is `1`. User agents dismiss values higher than 1000 as incorrect, setting to the default value (`1`).
 - `headers`
-  - : This attribute contains a list of space-separated strings, each corresponding to the **id** attribute of the {{HTMLElement("th")}} elements that apply to this element.
+  - : Contains a list of space-separated strings, each corresponding to the `id` attribute of the {{HTMLElement("th")}} elements that provide headings for this table cell.
 - `rowspan`
-  - : This attribute contains a non-negative integer value that indicates for how many rows the cell extends. Its default value is `1`; if its value is set to `0`, it extends until the end of the table section ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, even if implicitly defined), that the cell belongs to. Values higher than 65534 are clipped down to 65534.
+  - : Contains a non-negative integer value that indicates for how many rows the data cell spans or extends. The default value is `1`; if its value is set to `0`, it extends until the end of the table grouping section ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, even if implicitly defined), that the cell belongs to. Values higher than `65534` are clipped to `65534`.
 
 ### Deprecated attributes
 
-- `abbr` {{deprecated_inline}}
+The following attributes are deprecated and should not be used. They are documented below for reference when updating existing code and for historical interest only.
 
-  - : This attribute contains a short abbreviated description of the cell's content. Some user-agents, such as speech readers, may present this description before the content itself.
+- `abbr` {{deprecated_inline}}
 
-    > **Note:** Do not use this attribute as it is obsolete in the latest standard. Alternatively, you can put the abbreviated description inside the cell and place the long content in the **title** attribute.
+  - : Contains a short abbreviated description of the data cell's content. Some user-agents, such as speech readers, may present this description before the content itself. Put the abbreviated content inside the cell and place the (longer) description in the [`title`](/en-US/docs/Web/HTML/Global_attributes/title) attribute, as this attribute is deprecated. Or, preferably, include the content within the data cell, and use CSS to [visually clip overflowing text](/en-US/docs/Web/CSS/text-overflow).
 
 - `align` {{deprecated_inline}}
 
-  - : This [enumerated](/en-US/docs/Glossary/Enumerated) attribute specifies how the cell content's horizontal alignment will be handled. Possible values are:
+  - : Specifies the horizontal alignment of the data cell. The possible {{Glossary("enumerated")}} values are `left`, `center`, `right`, `justify`, and `char`. When supported, the `char` value aligns the textual content on the character defined in the [`char`](#char) attribute and the offset defined by the [`charoff`](#charoff) attribute. Use the {{cssxref("text-align")}} CSS property instead, as this attribute is deprecated.
 
-    - `left`: The content is aligned to the left of the cell.
-    - `center`: The content is centered in the cell.
-    - `right`: The content is aligned to the right of the cell.
-    - `justify` (with text only): The content is stretched out inside the cell so that it covers its entire width.
-    - `char` (with text only): The content is aligned to a character inside the `<th>` element with minimal offset. This character is defined by the [`char`](#char) and [`charoff`](#charoff) attributes.
-
-    The default value when this attribute is not specified is `left`.
+- `axis` {{deprecated_inline}}
 
-    > **Note:**
-    >
-    > - To achieve the same effect as the `left`, `center`, `right` or `justify` values, apply the CSS {{cssxref("text-align")}} property to the element.
-    > - To achieve the same effect as the `char` value, give the {{cssxref("text-align")}} property the same value you would use for the [`char`](#char).
+  - : Contains a list of space-separated strings, each corresponding to the `id` attribute of a group of cells that the data cell applies to.
 
-- `axis` {{deprecated_inline}}
-  - : This attribute contains a list of space-separated strings. Each string is the `id` of a group of cells that this header applies to.
 - `bgcolor` {{deprecated_inline}}
 
-  - : This attribute defines the background color of each cell in a column. It is a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`'. One of the predefined [color keywords](/en-US/docs/Web/CSS/named-color) can also be used.
-
-    To achieve a similar effect, use the CSS {{cssxref("background-color")}} property.
+  - : Defines the background color of the data cell. The value is an HTML color; either a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`', or a [color keyword](/en-US/docs/Web/CSS/named-color). Other CSS {{cssxref("color_value", "&lt;color&gt")}} values are not supported. Use the {{cssxref("background-color")}} CSS property instead, as this attribute is deprecated.
 
 - `char` {{deprecated_inline}}
-  - : The content in the cell element is aligned to a character. Typical values include a period (.) to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored.
+
+  - : Specifies the alignment of the content to a character of the data cell. Typical values for this include a period (`.`) when attempting to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored.
+
 - `charoff` {{deprecated_inline}}
-  - : This attribute is used to shift column data to the right of the character specified by the **char** attribute. Its value specifies the length of this shift.
+
+  - : Specifies the number of characters to offset the data cell content from the alignment character specified by the [`char`](#char) attribute.
+
 - `height` {{deprecated_inline}}
-  - : This attribute is used to define a recommended cell height. Use the CSS {{cssxref("height")}} property instead.
+
+  - : Defines a recommended data cell height. Use the {{cssxref("height")}} CSS property instead, as this attribute is deprecated.
+
 - `scope` {{deprecated_inline}}
-  - : This enumerated attribute defines the cells that the header (defined in the {{HTMLElement("th")}}) element relates to. Only use this attribute with the `<th>` element to define the row or column for which it is a header.
-- `valign` {{deprecated_inline}}
 
-  - : This attribute specifies how a text is vertically aligned inside a cell. Possible values for this attribute are:
+  - : Defines the cells that the header (defined in the {{HTMLElement("th")}}) element relates to. The possible {{Glossary("enumerated")}} values are `row`, `col`, `rowgroup`, and `colgroup`. Only use this attribute with the {{HTMLElement("th")}} element to define the row or column for which it is a header, as this attribute is deprecated for the `<td>` element.
 
-    - `baseline`: Positions the text near the bottom of the cell and aligns it with the [baseline](https://en.wikipedia.org/wiki/Baseline_%28typography%29) of the characters instead of the bottom. If characters don't descend below the baseline, the baseline value achieves the same effect as `bottom`.
-    - `bottom`: Positions the text near the bottom of the cell.
-    - `middle`: Centers the text in the cell.
-    - and `top`: Positions the text near the top of the cell.
+- `valign` {{deprecated_inline}}
 
-    To achieve a similar effect, use the CSS {{cssxref("vertical-align")}} property.
+  - : Specifies the vertical alignment of the data cell. The possible {{Glossary("enumerated")}} values are `baseline`, `bottom`, `middle`, and `top`. Use the {{cssxref("vertical-align")}} CSS property instead, as this attribute is deprecated.
 
 - `width` {{deprecated_inline}}
-  - : This attribute is used to define a recommended cell width. Use the CSS {{cssxref("width")}} property instead.
+
+  - : Defines a recommended data cell width. Use the {{cssxref("width")}} CSS property instead, as this attribute is deprecated.
+
+## Usage notes
+
+- The `<td>` may only be used within a {{HTMLElement("tr")}} element.
+- When using the [`colspan`](#colspan) and [`rowspan`](#rowspan) attributes to span data cells across multiple columns and rows, cells without these attributes defined (with a default value of `1`) are automatically fitted into free available spaces in the table structure that span 1x1 cells, as illustrated in the following figure:
+
+  ![Illustration demonstrating column and row spanning of table cells: cells 1, 3, and 4 spanning two rows; cell 2 spanning two columns; cells 5 and 6 fitting into the available cells that are the second and third columns in the second row](column-row-span.png)
+
+  > **Note:** These attributes must not be used to overlap cells.
 
 ## Examples
 
-See {{HTMLElement("table")}} for examples on `<td>`.
+See {{HTMLElement("table")}} for a complete table example introducing common standards and best practices.
+
+### Basic data cells
+
+This example uses `<td>` elements along with other table-related elements to introduce a basic table with data about the phonetic alphabet.
+
+#### HTML
+
+Some table rows ({{HTMLElement("tr")}} elements) contain both header cells ({{HTMLElement("th")}} elements) and data cell `<td>` elements. The {{HTMLElement("th")}} element that is the first child of each row forms the first column of the table, with each `<th>` providing the row header for the data cells within that row. Each corresponding `<td>` element contains data aligned with its respective column header and row header cell.
+
+> **Note:** Normally, a table head group with column headers would be implemented to make it easier to understand the information in the columns. The {{HTMLElement("thead")}} and {{HTMLElement("tbody")}} elements would be used to group such rows of headers and data into the respective table head and body sections. This is not implemented in this example to focus on the data cells and reduce the complexity of this example.
+
+```html
+<table>
+  <tr>
+    <th scope="row">A</th>
+    <td>Alfa</td>
+    <td>AL fah</td>
+  </tr>
+  <tr>
+    <th scope="row">B</th>
+    <td>Bravo</td>
+    <td>BRAH voh</td>
+  </tr>
+  <tr>
+    <th scope="row">C</th>
+    <td>Charlie</td>
+    <td>CHAR lee</td>
+  </tr>
+  <tr>
+    <th scope="row">D</th>
+    <td>Delta</td>
+    <td>DELL tah</td>
+  </tr>
+</table>
+```
+
+#### CSS
+
+Some basic CSS is used to style the table and its cells. CSS [attribute selectors](/en-US/docs/Web/CSS/Attribute_selectors) and the {{cssxref(":nth-of-type")}} pseudo-class are used to alternate the appearance of the cells to make the information in the table easier to understand and identify.
+
+```css
+td,
+th {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
+}
+
+tr:nth-of-type(odd) td {
+  background-color: #eee;
+}
+
+tr th[scope="row"] {
+  background-color: #d6ecd4;
+}
+```
+
+```css hidden
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
+```
+
+#### Result
+
+{{EmbedLiveSample("Basic_data_cells", 650, 140)}}
+
+### Column and row spanning
+
+This example extends and enhances the basic table from the [previous example](#basic_data_cells) by adding an additional "ABC" cell.
+
+#### HTML
+
+An additional data cell (`<td>` element) is introduced within the first row ({{HTMLElement("tr")}} element). This creates a fourth column in the table.
+
+Using the [`rowspan`](#rowspan) attribute, the "ABC" cell is spanned across the first three rows of the table. The last data cells of the subsequent rows each span two columns. This is done using the [`colspan`](#colspan) attribute, aligning them correctly within the table structure. Note that an additional row ({{HTMLElement("tr")}} element) is added to the table to illustrate this.
+
+```html
+<table>
+  <tr>
+    <th scope="row">A</th>
+    <td>Alfa</td>
+    <td>AL fah</td>
+    <td rowspan="3">ABC</td>
+  </tr>
+  <tr>
+    <th scope="row">B</th>
+    <td>Bravo</td>
+    <td>BRAH voh</td>
+  </tr>
+  <tr>
+    <th scope="row">C</th>
+    <td>Charlie</td>
+    <td>CHAR lee</td>
+  </tr>
+  <tr>
+    <th scope="row">D</th>
+    <td>Delta</td>
+    <td colspan="2">DELL tah</td>
+  </tr>
+  <tr>
+    <th scope="row">E</th>
+    <td>Echo</td>
+    <td colspan="2">ECK oh</td>
+  </tr>
+</table>
+```
+
+#### CSS
+
+The {{cssxref(":first-of-type")}} and {{cssxref(":last-of-type")}} pseudo-classes are used in the CSS to select and style the added "ABC" data cell.
+
+```css
+tr:first-of-type td:last-of-type {
+  width: 60px;
+  background-color: #505050;
+  color: #fff;
+  font-weight: bold;
+  text-align: center;
+}
+
+td,
+th {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
+}
+
+tr:nth-of-type(odd) td {
+  background-color: #eee;
+}
+
+tr th[scope="row"] {
+  background-color: #d6ecd4;
+}
+```
+
+```css hidden
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
+```
+
+#### Result
+
+{{EmbedLiveSample("Column_and_row_spanning", 650, 170)}}
+
+### Associate data cells with header cells
+
+For more complex relationships between data cells (`<td>` elements) and header cells ({{HTMLElement("th")}} elements), using {{HTMLElement("th")}} elements with the [`scope`](/en-US/docs/Web/HTML/Element/th#scope) attribute alone may not be sufficient for assistive technologies, especially screen readers.
+
+#### HTML
+
+To improve the {{Glossary("accessibility", "accessibility")}} of the [previous example](#column_and_row_spanning) and to allow screen readers, for example, to speak the headers associated with each data cell, the [`headers`](#headers) attribute can be introduced along with [`id`](/en-US/docs/Web/HTML/Global_attributes/id) attributes. Each row header cell ({{HTMLElement("th")}} element) associated with the "ABC" data cell, i.e., the letters "A", "B", and "C", is given a unique identifier with the [`id`](/en-US/docs/Web/HTML/Global_attributes/id) attribute. The "ABC" data cell (`<td>` element) then uses these `id` values in a space-separated list for the [`headers`](#headers) attribute.
+
+> **Note:** It's recommended to use more descriptive and useful values for the [`id`](/en-US/docs/Web/HTML/Global_attributes/id) attribute. Each `id` in a document must be unique to that document. In this example, the `id` values are single characters to maintain focus on the concept of the [`headers`](#headers) attribute.
+
+```html
+<table>
+  <tr>
+    <th id="a" scope="row">A</th>
+    <td>Alfa</td>
+    <td>AL fah</td>
+    <td headers="a b c" rowspan="3">ABC</td>
+  </tr>
+  <tr>
+    <th id="b" scope="row">B</th>
+    <td>Bravo</td>
+    <td>BRAH voh</td>
+  </tr>
+  <tr>
+    <th id="c" scope="row">C</th>
+    <td>Charlie</td>
+    <td>CHAR lee</td>
+  </tr>
+  <tr>
+    <th scope="row">D</th>
+    <td>Delta</td>
+    <td colspan="2">DELL tah</td>
+  </tr>
+  <tr>
+    <th scope="row">E</th>
+    <td>Echo</td>
+    <td colspan="2">ECK oh</td>
+  </tr>
+</table>
+```
+
+#### Result
+
+While the [visual result](#result_2) is unchanged from the [previous example table](#column_and_row_spanning), each data cell (`<td>`) is now explicitly associated with its row header cell (`<th>`).
 
 ## Technical summary
 
@@ -143,3 +338,15 @@ See {{HTMLElement("table")}} for examples on `<td>`.
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- [Learn: HTML tables](/en-US/docs/Learn/HTML/Tables)
+- {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}: Other table-related elements
+- {{cssxref("background-color")}}: CSS property to set the background color of each data cell
+- {{cssxref("border")}}: CSS property to control borders of data cells
+- {{cssxref("height")}}: CSS property to control the recommended data cell height
+- {{cssxref("text-align")}}: CSS property to horizontally align each data cell content
+- {{cssxref("vertical-align")}}: CSS property to vertically align each data cell content
+- {{cssxref("width")}}: CSS property to control the recommended data cell width
+- {{cssxref(":nth-of-type")}}, {{cssxref(":first-of-type")}}, {{cssxref(":last-of-type")}}: CSS pseudo-classes to select the desired data cells
diff --git a/files/en-us/web/html/element/tfoot/index.md b/files/en-us/web/html/element/tfoot/index.md
index ccdd20ec897a159..0633be60fd23d59 100644
--- a/files/en-us/web/html/element/tfoot/index.md
+++ b/files/en-us/web/html/element/tfoot/index.md
@@ -7,7 +7,7 @@ browser-compat: html.elements.tfoot
 
 {{HTMLSidebar}}
 
-The **`<tfoot>`** [HTML](/en-US/docs/Web/HTML) element defines a set of rows summarizing the columns of the table.
+The **`<tfoot>`** [HTML](/en-US/docs/Web/HTML) element encapsulates a set of table rows ({{HTMLElement("tr")}} elements), indicating that they comprise the foot of a table with information about the table's columns. This is usually a summary of the columns, e.g., a sum of the given numbers in a column.
 
 {{EmbedInteractiveExample("pages/tabbed/tfoot.html","tabbed-taller")}}
 
@@ -21,45 +21,134 @@ The following attributes are deprecated and should not be used. They are documen
 
 - `align` {{deprecated_inline}}
 
-  - : This [enumerated](/en-US/docs/Glossary/Enumerated) attribute specifies how horizontal alignment of each cell content will be handled. Possible values are:
+  - : Specifies the horizontal alignment of each foot cell. The possible {{Glossary("enumerated")}} values are `left`, `center`, `right`, `justify`, and `char`. When supported, the `char` value aligns the textual content on the character defined in the [`char`](#char) attribute and on offset defined by the [`charoff`](#charoff) attribute. Use the {{cssxref("text-align")}} CSS property instead, as this attribute is deprecated.
 
-    - `left`, aligning the content to the left of the cell
-    - `center`, centering the content in the cell
-    - `right`, aligning the content to the right of the cell
-    - `justify`, inserting spaces into the textual content so that the content is justified in the cell
-    - `char`, aligning the textual content on a special character with a minimal offset, defined by the [`char`](#char) and [`charoff`](#charoff) attributes.
+- `bgcolor` {{deprecated_inline}}
 
-    If this attribute is not set, the `left` value is assumed.
+  - : Defines the background color of each foot cell. The value is an HTML color; either a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`', or a [color keyword](/en-US/docs/Web/CSS/named-color). Other CSS {{cssxref("color_value", "&lt;color&gt")}} values are not supported. Use the {{cssxref("background-color")}} CSS property instead, as this attribute is deprecated.
 
-    > **Note:**
-    >
-    > - 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 CSS, you can use the value of the [`char`](#char) as the value of the {{cssxref("text-align")}} property.
+- `char` {{deprecated_inline}}
 
-- `bgcolor` {{Deprecated_inline}}
+  - : Specifies the alignment of the content to a character of each foot cell. Typical values for this include a period (`.`) when attempting to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored.
 
-  - : The background color of the table. It is a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`'. One of the predefined [color keywords](/en-US/docs/Web/CSS/named-color) can also be used.
+- `charoff` {{deprecated_inline}}
 
-    To achieve a similar effect, use the CSS {{cssxref("background-color")}} property.
+  - : Specifies the number of characters to offset the foot cell content from the alignment character specified by the [`char`](#char) attribute.
 
-- `char` {{deprecated_inline}}
-  - : This attribute specifies the alignment of the content in a column to a character. Typical values for this include a period (.) when attempting to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored.
-- `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.
 - `valign` {{deprecated_inline}}
 
-  - : This attribute specifies the vertical alignment of the text within each row of cells of the table footer. Possible values for this attribute are:
+  - : Specifies the vertical alignment of each foot cell. The possible {{Glossary("enumerated")}} values are `baseline`, `bottom`, `middle`, and `top`. Use the {{cssxref("vertical-align")}} CSS property instead, as this attribute is deprecated.
+
+## Usage notes
+
+- The `<tfoot>` is placed after any {{HTMLElement("caption")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, and {{HTMLElement("tr")}} elements.
+- Along with its related {{HTMLElement("thead")}} and {{HTMLElement("tbody")}} elements, the `<tfoot>` element provides useful {{Glossary("semantics", "semantic")}} information and can be used when rendering for either screen or print. Specifying such table content groups also provides valuable contextual information for assistive technologies, including screen readers and search engines.
+- When printing a document, in the case of a multipage table, the table foot usually specifies information that is output as an intermediate summary on each page.
 
-    - `baseline`, which will put the text as close to the bottom of the cell as it is possible, but align it on the [baseline](https://en.wikipedia.org/wiki/Baseline_%28typography%29) of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as `bottom`.
-    - `bottom`, which will put the text as close to the bottom of the cell as it is possible;
-    - `middle`, which will center the text in the cell;
-    - and `top`, which will put the text as close to the top of the cell as it is possible.
+## Example
 
-    > **Note:** Do not use this attribute as it is obsolete (and not supported) in the latest standard: instead set the CSS {{cssxref("vertical-align")}} property on it.
+See {{HTMLElement("table")}} for a complete table example introducing common standards and best practices.
 
-## Examples
+This example demonstrates a table divided into a head section with column headers, a body section with the table's main data, and a foot section summarizing data of one column.
 
-Please see the {{HTMLElement("table")}} page for examples on `<tfoot>`.
+#### HTML
+
+The {{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, and `<tfoot>` elements are used to structure a basic table into {{Glossary("semantics", "semantic")}} sections. The `<tfoot>` element represents the foot section of the table, which contains a row ({{HTMLElement("tr")}}) representing the calculated average of the values in the "Credits" column.
+
+To allocate the cells in the foot to the correct columns, the [`colspan`](/en-US/docs/Web/HTML/Element/th#colspan) attribute is used on the {{HTMLElement("th")}} element to span row header cell across the first three table columns. The single data cell ({{HTMLElement("td")}}) in the foot is automatically placed in the correct location, i.e., the fourth column, with the omitted [`colspan`](/en-US/docs/Web/HTML/Element/td#colspan) attribute value defaulting to `1`. Additionally, the [`scope`](/en-US/docs/Web/HTML/Element/th#scope) attribute is set to `row` on the header cell ({{HTMLElement("th")}}) in the foot to explicitly define that this foot header cell relates to the table cells within the same row, which in our example is the one data cell in the foot row that contains the calculated average.
+
+```html
+<table>
+  <thead>
+    <tr>
+      <th>Student ID</th>
+      <th>Name</th>
+      <th>Major</th>
+      <th>Credits</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>3741255</td>
+      <td>Jones, Martha</td>
+      <td>Computer Science</td>
+      <td>240</td>
+    </tr>
+    <tr>
+      <td>3971244</td>
+      <td>Nim, Victor</td>
+      <td>Russian Literature</td>
+      <td>220</td>
+    </tr>
+    <tr>
+      <td>4100332</td>
+      <td>Petrov, Alexandra</td>
+      <td>Astrophysics</td>
+      <td>260</td>
+    </tr>
+  </tbody>
+  <tfoot>
+    <tr>
+      <th colspan="3" scope="row">Average Credits</th>
+      <td>240</td>
+    </tr>
+  </tfoot>
+</table>
+```
+
+#### CSS
+
+Some basic CSS is used to style and highlight the table foot so that the foot cells stand out from the data in the table body.
+
+```css
+tfoot {
+  border-top: 3px dotted rgb(160 160 160);
+  background-color: #2c5e77;
+  color: #fff;
+}
+
+tfoot th {
+  text-align: right;
+}
+
+tfoot td {
+  font-weight: bold;
+}
+
+thead {
+  border-bottom: 2px solid rgb(160 160 160);
+  background-color: #2c5e77;
+  color: #fff;
+}
+
+tbody {
+  background-color: #e4f0f5;
+}
+```
+
+```css hidden
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
+
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
+}
+
+tr > td:last-of-type {
+  text-align: center;
+}
+```
+
+#### Result
+
+{{EmbedLiveSample("Example", 650, 180)}}
 
 ## Technical summary
 
@@ -91,10 +180,10 @@ Please see the {{HTMLElement("table")}} page for examples on `<tfoot>`.
         {{HTMLElement("tfoot")}} must appear after any
         {{HTMLElement("caption")}},
         {{HTMLElement("colgroup")}}, {{HTMLElement("thead")}},
-        {{HTMLElement("tbody")}}, or {{HTMLElement("tr")}}
-        element. Note that this is the requirement in HTML.<br />Originally, in HTML4, the opposite was true: the {{HTMLElement("tfoot")}} element could not be placed after any
-        {{HTMLElement("tbody")}} or {{HTMLElement("tr")}}
-        element.
+        {{HTMLElement("tbody")}}, and {{HTMLElement("tr")}}
+        elements. Note that this is the requirement in HTML.<br />Originally, in HTML4, the opposite was true: the {{HTMLElement("tfoot")}} element could not be placed after any
+        {{HTMLElement("tbody")}} and {{HTMLElement("tr")}}
+        elements.
       </td>
     </tr>
     <tr>
@@ -128,8 +217,9 @@ Please see the {{HTMLElement("table")}} page for examples on `<tfoot>`.
 
 ## See also
 
-- Other table-related HTML Elements: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};
-- CSS properties and pseudo-classes that may be specially useful to style the `<tfoot>` element:
-
-  - the {{cssxref(":nth-child")}} pseudo-class to set the alignment on the cells of the column;
-  - the {{cssxref("text-align")}} property to align all cells content on the same character, like '.'.
+- [Learn: HTML tables](/en-US/docs/Learn/HTML/Tables)
+- {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}: Other table-related elements
+- {{cssxref("background-color")}}: CSS property to set the background color of each foot cell
+- {{cssxref("border")}}: CSS property to control borders of foot cells
+- {{cssxref("text-align")}}: CSS property to horizontally align each foot cell content
+- {{cssxref("vertical-align")}}: CSS property to vertically align each foot cell content
diff --git a/files/en-us/web/html/element/th/column-row-span.html b/files/en-us/web/html/element/th/column-row-span.html
new file mode 100644
index 000000000000000..796d0f6595a12a3
--- /dev/null
+++ b/files/en-us/web/html/element/th/column-row-span.html
@@ -0,0 +1,163 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Column and row span</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 15px;
+        width: max-content;
+        font-family: "Arial", sans-serif;
+        font-size: 14px;
+        letter-spacing: 0.05em;
+        color: #15141a;
+        background: #ffffff;
+      }
+
+      table {
+        border-collapse: collapse;
+        border: 2px solid rgb(140, 140, 140);
+      }
+
+      caption {
+        padding-bottom: 10px;
+        font-weight: bold;
+      }
+
+      tbody {
+        background-color: #e4f0f5;
+      }
+
+      td {
+        box-sizing: border-box;
+        isolation: isolate;
+        position: relative;
+        border: 1px solid rgb(160, 160, 160);
+        width: 130px;
+        height: 65px;
+        text-align: center;
+        vertical-align: middle;
+        color: #ffffff;
+      }
+
+      td .separator {
+        z-index: -2;
+        position: absolute;
+        top: 50%;
+        right: 0;
+        left: 0;
+        border: 1px dashed rgba(160, 160, 160, 0.3);
+      }
+
+      tr:first-of-type td:nth-child(2) .separator {
+        top: 0;
+        right: auto;
+        bottom: 0;
+        left: 50%;
+      }
+
+      tr:first-of-type td::before,
+      .cell::before {
+        content: "";
+        z-index: -1;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        border-radius: 50%;
+        width: 26px;
+        aspect-ratio: 1 / 1;
+        background-color: #2c5e77;
+      }
+
+      tr:last-of-type td::before {
+        content: "";
+        z-index: -1;
+        position: absolute;
+        inset: 0;
+        background: repeating-linear-gradient(
+          45deg,
+          #64696b,
+          #64696b 10px,
+          #4a4d4e 10px,
+          #4a4d4e 20px
+        );
+      }
+
+      tr:first-of-type td::after {
+        content: "⟵ rowspan 2 ⟶";
+        position: absolute;
+        left: 40%;
+        rotate: -90deg;
+        width: 100%;
+        font-weight: bold;
+        text-align: center;
+        color: #15141a;
+      }
+
+      tr:first-of-type td:nth-child(2):after {
+        content: "⟵ colspan 2 ⟶";
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        rotate: unset;
+      }
+
+      .cells {
+        display: flex;
+        gap: 15px;
+        margin-top: 15px;
+        margin-left: 15px;
+      }
+
+      .cell {
+        box-sizing: border-box;
+        isolation: isolate;
+        position: relative;
+        border: 1px solid rgb(160, 160, 160);
+        display: grid;
+        place-items: center;
+        width: 130px;
+        height: 65px;
+        text-align: center;
+        color: #ffffff;
+        background-color: #e4f0f5;
+      }
+
+      .cell::after {
+        content: "⇡";
+        position: absolute;
+        top: 0;
+        left: 86%;
+        transform: translateY(-56%);
+        rotate: 30deg;
+        font-weight: bold;
+        font-size: 30px;
+        color: #15141a;
+      }
+    </style>
+  </head>
+  <body>
+    <table>
+      <caption>
+        Illustration demonstrating column and row spanning of table cells
+      </caption>
+      <tr>
+        <td rowspan="2"><span class="separator"></span>1</td>
+        <td colspan="2"><span class="separator"></span>2</td>
+        <td rowspan="2"><span class="separator"></span>3</td>
+        <td rowspan="2"><span class="separator"></span>4</td>
+      </tr>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+    </table>
+    <div class="cells">
+      <div class="cell">5</div>
+      <div class="cell">6</div>
+    </div>
+  </body>
+</html>
diff --git a/files/en-us/web/html/element/th/column-row-span.png b/files/en-us/web/html/element/th/column-row-span.png
new file mode 100644
index 0000000000000000000000000000000000000000..a779fb8e844a4e7fc687affc60a70de68137fe6f
GIT binary patch
literal 5567
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

literal 0
HcmV?d00001

diff --git a/files/en-us/web/html/element/th/index.md b/files/en-us/web/html/element/th/index.md
index 01b70c97ceef27d..1bbf6f590229e80 100644
--- a/files/en-us/web/html/element/th/index.md
+++ b/files/en-us/web/html/element/th/index.md
@@ -7,7 +7,7 @@ browser-compat: html.elements.th
 
 {{HTMLSidebar}}
 
-The **`<th>`** [HTML](/en-US/docs/Web/HTML) element defines a cell as the header of a group of table cells. The exact nature of this group is defined by the [`scope`](#scope) and [`headers`](#headers) attributes.
+The **`<th>`** [HTML](/en-US/docs/Web/HTML) element defines a cell as the header of a group of table cells and may be used as a child of the {{HTMLElement("tr")}} element. The exact nature of this group is defined by the [`scope`](#scope) and [`headers`](#headers) attributes.
 
 {{EmbedInteractiveExample("pages/tabbed/th.html","tabbed-taller")}}
 
@@ -16,91 +16,293 @@ The **`<th>`** [HTML](/en-US/docs/Web/HTML) element defines a cell as the header
 This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
 - `abbr`
-  - : This attribute contains a short abbreviated description of the cell's content. Some user-agents, such as speech readers, may present this description before the content itself.
+  - : A short, abbreviated description of the header cell's content provided as an alternative label to use for the header cell when referencing the cell in other contexts. Some user-agents, such as speech readers, may present this description before the content itself.
 - `colspan`
-  - : This attribute contains a non-negative integer value that indicates for how many columns the cell extends. Its default value is `1`. Values higher than 1000 will be considered as incorrect and will be set to the default value (1).
+  - : A non-negative integer value indicating how many columns the header cell spans or extends. The default value is `1`. User agents dismiss values higher than 1000 as incorrect, defaulting such values to `1`.
 - `headers`
-  - : This attribute contains a list of space-separated strings, each corresponding to the **id** attribute of the {{HTMLElement("th")}} elements that apply to this element.
+  - : A list of space-separated strings corresponding to the `id` attributes of the `<th>` elements that provide the headers for this header cell.
 - `rowspan`
-  - : This attribute contains a non-negative integer value that indicates for how many rows the cell extends. Its default value is `1`; if its value is set to `0`, it extends until the end of the table section ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, even if implicitly defined), that the cell belongs to. Values higher than 65534 are clipped down to 65534.
+  - : A non-negative integer value indicating how many rows the header cell spans or extends. The default value is `1`; if its value is set to `0`, the header cell will extends to the end of the table grouping section ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, even if implicitly defined), that the `<th>` belongs to. Values higher than `65534` are clipped at `65534`.
 - `scope`
 
-  - : This [enumerated](/en-US/docs/Glossary/Enumerated) attribute defines the cells that the header (defined in the {{HTMLElement("th")}}) element relates to. It may have the following values:
+  - : Defines the cells that the header (defined in the `<th>`) element relates to. Possible {{Glossary("enumerated", "enumerated")}} values are:
 
-    - `row`: The header relates to all cells of the row it belongs to.
-    - `col`: The header relates to all cells of the column it belongs to.
-    - `rowgroup`: The header belongs to a rowgroup and relates to all of its cells.
-    - `colgroup`: The header belongs to a colgroup and relates to all of its cells.
+    - `row`: the header relates to all cells of the row it belongs to;
+    - `col`: the header relates to all cells of the column it belongs to;
+    - `rowgroup`: the header belongs to a rowgroup and relates to all of its cells;
+    - `colgroup`: the header belongs to a colgroup and relates to all of its cells.
 
-    If the `scope` attribute is not specified, or its value is not `row`, `col`, or `rowgroup`, or `colgroup`, then browsers automatically select the set of cells to which the header cell applies.
+    If the `scope` attribute is not specified, or its value is not `row`, `col`, `rowgroup`, or `colgroup`, then browsers automatically select the set of cells to which the header cell applies.
 
 ### Deprecated attributes
 
-- `align` {{deprecated_inline}}
-
-  - : This enumerated attribute specifies how the cell content's horizontal alignment will be handled. Possible values are:
+The following attributes are deprecated and should not be used. They are documented below for reference when updating existing code and for historical interest only.
 
-    - `left`: The content is aligned to the left of the cell.
-    - `center`: The content is centered in the cell.
-    - `right`: The content is aligned to the right of the cell.
-    - `justify` (with text only): The content is stretched out inside the cell so that it covers its entire width.
-    - `char` (with text only): The content is aligned to a character inside the `<th>` element with minimal offset. This character is defined by the [`char`](#char) and [`charoff`](#charoff) attributes.
-
-    The default value when this attribute is not specified is `left`.
+- `align` {{deprecated_inline}}
 
-    > **Note:** Do not use this attribute as it is obsolete in the latest standard.
-    >
-    > - To achieve the same effect as the `left`, `center`, `right` or `justify` values, apply the CSS {{cssxref("text-align")}} property to the element.
-    > - To achieve the same effect as the `char` value, give the {{cssxref("text-align")}} property the same value you would use for the [`char`](#char).
+  - : Specifies the horizontal alignment of the header cell. The possible {{Glossary("enumerated")}} values are `left`, `center`, `right`, `justify`, and `char`. When supported, the `char` value aligns the textual content on the character defined in the [`char`](#char) attribute and the offset defined by the [`charoff`](#charoff) attribute. Use the {{cssxref("text-align")}} CSS property instead, as this attribute is deprecated.
 
 - `axis` {{deprecated_inline}}
 
-  - : This attribute contains a list of space-separated strings. Each string is the `id` of a group of cells that this header applies to.
+  - : Contains a list of space-separated strings, each corresponding to the `id` attribute of a group of cells that the header cell applies to. Use the [`scope`](#scope) attribute instead, as this attribute is deprecated.
 
-    > **Note:** Do not use this attribute as it is obsolete in the latest standard: use the [`scope`](#scope) attribute instead.
+- `bgcolor` {{deprecated_inline}}
 
-- `bgcolor` {{Deprecated_Inline}}
-
-  - : This attribute defines the background color of each cell in a column. It consists of a 6-digit hexadecimal code as defined in [sRGB](https://www.w3.org/Graphics/Color/sRGB) and is prefixed by '#'.
+  - : Defines the background color of the header cell. The value is an HTML color; either a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`', or a [color keyword](/en-US/docs/Web/CSS/named-color). Other CSS {{cssxref("color_value", "&lt;color&gt")}} values are not supported. Use the {{cssxref("background-color")}} CSS property instead, as this attribute is deprecated.
 
 - `char` {{deprecated_inline}}
 
-  - : The content in the cell element is aligned to a character. Typical values include a period (.) to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored.
-
-    > **Note:** Do not use this attribute as it is obsolete in the latest standard. To achieve the same effect, you can specify the character as the first value of the {{cssxref("text-align")}} property.
+  - : Specifies the alignment of the content to a character of the header cell. Typical values for this include a period (`.`) when attempting to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored.
 
 - `charoff` {{deprecated_inline}}
 
-  - : This attribute is used to shift column data to the right of the character specified by the **char** attribute. Its value specifies the length of this shift.
-
-    > **Note:** Do not use this attribute as it is obsolete in the latest standard.
+  - : Specifies the number of characters to offset the header cell content from the alignment character specified by the [`char`](#char) attribute.
 
 - `height` {{deprecated_inline}}
 
-  - : This attribute is used to define a recommended cell height.
-
-    > **Note:** Do not use this attribute as it is obsolete in the latest standard: use the CSS {{cssxref("height")}} property instead.
+  - : Defines a recommended header cell height. Use the {{cssxref("height")}} CSS property instead, as this attribute is deprecated.
 
 - `valign` {{deprecated_inline}}
 
-  - : This attribute specifies how a text is vertically aligned inside a cell. Possible values for this attribute are:
+  - : Specifies the vertical alignment of the header cell. The possible {{Glossary("enumerated")}} values are `baseline`, `bottom`, `middle`, and `top`. Use the {{cssxref("vertical-align")}} CSS property instead, as this attribute is deprecated.
 
-    - `baseline`: Positions the text near the bottom of the cell and aligns it with the [baseline](https://en.wikipedia.org/wiki/Baseline_%28typography%29) of the characters instead of the bottom. If characters don't descend below the baseline, the baseline value achieves the same effect as `bottom`.
-    - `bottom`: Positions the text near the bottom of the cell.
-    - `middle`: Centers the text in the cell.
-    - and `top`: Positions the text near the top of the cell.
+- `width` {{deprecated_inline}}
 
-    > **Note:** Do not use this attribute as it is obsolete in the latest standard: use the CSS {{cssxref("vertical-align")}} property instead.
+  - : Defines a recommended header cell width. Use the {{cssxref("width")}} CSS property instead, as this attribute is deprecated.
 
-- `width` {{deprecated_inline}}
+## Usage notes
 
-  - : This attribute is used to define a recommended cell width. Additional space can be added with the {{domxref("HTMLTableElement.cellSpacing", "cellspacing")}} and {{domxref("HTMLTableElement.cellPadding", "cellpadding")}} properties and the width of the {{HTMLElement("col")}} element can also create extra width. But, if a column's width is too narrow to show a particular cell properly, it will be widened when displayed.
+- The `<th>` may only be used within a {{HTMLElement("tr")}} element.
+- In simple contexts, using the [`scope`](#scope) attribute on header cells (`<th>` elements) is redundant because [`scope`](#scope) is inferred. However, certain assistive technologies may fail to infer correctly, so specifying header scope may improve user experiences.
+- When using the [`colspan`](#colspan) and [`rowspan`](#rowspan) attributes to span header cells across multiple columns and rows, cells without these attributes defined (with a default value of `1`) are automatically fitted into free available spaces in the table structure that span 1x1 cells, as illustrated in the following figure:
 
-    > **Note:** Do not use this attribute as it is obsolete in the latest standard: use the CSS {{cssxref("width")}} property instead.
+  ![Illustration demonstrating column and row spanning of table cells: cells 1, 3, and 4 spanning two rows; cell 2 spanning two columns; cells 5 and 6 fitting into the available cells that are the second and third columns in the second row](column-row-span.png)
+
+  > **Note:** These attributes must not be used to overlap cells.
 
 ## Examples
 
-See {{HTMLElement("table")}} for examples on `<th>`.
+See {{HTMLElement("table")}} for a complete table example introducing common standards and best practices.
+
+### Basic column and row headers
+
+This example uses `<th>` elements to introduce column and row headers in a basic table structure.
+
+#### HTML
+
+The first row ({{HTMLElement("tr")}} element) contains the column headers (`<th>` elements), which act as "titles" for the columns to make it easier to understand the information in the columns and identify the data. To indicate that each column header relates to all cells in the corresponding column, the [`scope`](#scope) attribute is set to `col` (column).
+
+The remaining rows contain the main data of the table. Each of these rows has a row header (`<th>` element) introduced as the first cell. This creates a column with row headers as the first column of the table. Similar to the column headers, the [`scope`](#scope) attribute is set to `row` to specify which cells each row header relates to, which in the example below are all data cells ({{HTMLElement("td")}} elements) in each `row`.
+
+> **Note:** Normally, the grouping elements {{HTMLElement("thead")}} and {{HTMLElement("tbody")}} are used to group rows with headers into the respective table head and body sections. These elements are ommitted in this example to reduce complexity and enable focusing on the use of header cells.
+
+```html
+<table>
+  <tr>
+    <th scope="col">Symbol</th>
+    <th scope="col">Code word</th>
+    <th scope="col">Pronunciation</th>
+  </tr>
+  <tr>
+    <th scope="row">A</th>
+    <td>Alfa</td>
+    <td>AL fah</td>
+  </tr>
+  <tr>
+    <th scope="row">B</th>
+    <td>Bravo</td>
+    <td>BRAH voh</td>
+  </tr>
+  <tr>
+    <th scope="row">C</th>
+    <td>Charlie</td>
+    <td>CHAR lee</td>
+  </tr>
+  <tr>
+    <th scope="row">D</th>
+    <td>Delta</td>
+    <td>DELL tah</td>
+  </tr>
+</table>
+```
+
+#### CSS
+
+Some basic CSS is used to style the table and its cells. We use CSS [attribute selectors](/en-US/docs/Web/CSS/Attribute_selectors) to target header cells based on their [`scope`](#scope) attribute values, highlighting column and row headers (`<th>` elements) and differentiating them each other and from the data cells ({{HTMLElement("td")}}).
+
+```css
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
+}
+
+th[scope="col"] {
+  background-color: #505050;
+  color: #fff;
+}
+
+th[scope="row"] {
+  background-color: #d6ecd4;
+}
+
+tr:nth-of-type(odd) td {
+  background-color: #eee;
+}
+```
+
+```css hidden
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
+```
+
+#### Result
+
+{{EmbedLiveSample("Basic_column_and_row_headers", 650, 170)}}
+
+### Column and row spanning
+
+This example extends and enhances the basic table from the [previous example](#basic_column_and_row_headers) by adding a second row for additional column headers.
+
+#### HTML
+
+An additional table row ({{HTMLElement("tr")}} element) is added as the second header row of the table with two additional column headers (`<th>` elements). In this way, the "Pronunciation" column is split into two columns, one for the IPA (International Phonetic Alphabet) notation and one for the respelling (the original pronunciation column). The corresponding data cells ({{HTMLElement("td")}} elements) are added to each subsequent row.
+
+As shown in the [usage notes](#usage_notes), the [`colspan`](#colspan) and [`rowspan`](#rowspan) attributes can be used for the `<th>` elements to allocate the header cells to the correct columns and rows. To achieve a "two-row" header in the table structure, the first two header cells within the first {{HTMLElement("tr")}} element are spanned across two rows. The third header cell is spanned two columns wide (remaining in the first row). This setup leaves two available areas in the third and fourth columns in the second row, where the two headers within the second {{HTMLElement("tr")}} element are automatically placed, with the default value being `1` for the [`colspan`](#colspan) and [`rowspan`](#rowspan) attributes.
+
+> **Note:** Normally, {{HTMLElement("thead")}} and {{HTMLElement("tbody")}} elements are used to group rows with headers into the respective table head and body sections. This is not implemented in this example to focus on the headers and spanning and reduce the example's complexity.
+
+```html
+<table>
+  <tr>
+    <th scope="col" rowspan="2">Symbol</th>
+    <th scope="col" rowspan="2">Code word</th>
+    <th scope="col" colspan="2">Pronunciation</th>
+  </tr>
+  <tr>
+    <th scope="col">IPA</th>
+    <th scope="col">Respelling</th>
+  </tr>
+  <tr>
+    <th scope="row">A</th>
+    <td>Alfa</td>
+    <td>ˈælfa</td>
+    <td>AL fah</td>
+  </tr>
+  <tr>
+    <th scope="row">B</th>
+    <td>Bravo</td>
+    <td>ˈbraːˈvo</td>
+    <td>BRAH voh</td>
+  </tr>
+  <tr>
+    <th scope="row">C</th>
+    <td>Charlie</td>
+    <td>ˈtʃɑːli</td>
+    <td>CHAR lee</td>
+  </tr>
+  <tr>
+    <th scope="row">D</th>
+    <td>Delta</td>
+    <td>ˈdeltɑ</td>
+    <td>DELL tah</td>
+  </tr>
+</table>
+```
+
+#### CSS
+
+The CSS is unchanged from the [previous example](#basic_column_and_row_headers).
+
+```css hidden
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
+
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
+}
+
+th[scope="col"] {
+  background-color: #505050;
+  color: #fff;
+}
+
+th[scope="row"] {
+  background-color: #d6ecd4;
+}
+
+tr:nth-of-type(odd) td {
+  background-color: #eee;
+}
+```
+
+#### Result
+
+{{EmbedLiveSample("Column_and_row_spanning", 650, 200)}}
+
+### Associate header cells with other header cells
+
+For more complex relationships between header cells, using `th` elements with the [`scope`](#scope) attribute alone may not be sufficient for assistive technologies, especially screen readers.
+
+#### HTML
+
+To improve the {{Glossary("accessibility", "accessibility")}} of the [previous example](#column_and_row_spanning) and to allow screen readers, for example, to speak the headers associated with each header cell, the [`headers`](#headers) attribute can be introduced along with [`id`](/en-US/docs/Web/HTML/Global_attributes/id) attributes. Because of the way the "Pronunciation" column is split into two columns in the example, introducing a "two row" header, assistive technologies such as screen readers may not be able to identify which additional header cells (`th` elements) the "Pronunciation" header cell is related to and vice versa. Therefore, the [`headers`](#headers) attribute is used on the "Pronunciation", "IPA", and "Respelling" header cells to associate the related header cells based on the values of the unique identifiers from the added [`id`](/en-US/docs/Web/HTML/Global_attributes/id) attributes in the form of a space-separated list.
+
+> **Note:** It's recommended to use more descriptive and useful values for the [`id`](/en-US/docs/Web/HTML/Global_attributes/id) attribute. Each `id` in a document must be unique to that document. In this example, the `id` values are single characters to maintain focus on the concept of the [`headers`](#headers) attribute.
+
+```html
+<table>
+  <tr>
+    <th scope="col" rowspan="2">Symbol</th>
+    <th scope="col" rowspan="2">Code word</th>
+    <th scope="col" colspan="2" id="p" headers="i r">Pronunciation</th>
+  </tr>
+  <tr>
+    <th scope="col" id="i" headers="p">IPA</th>
+    <th scope="col" id="r" headers="p">Respelling</th>
+  </tr>
+  <tr>
+    <th scope="row">A</th>
+    <td>Alfa</td>
+    <td>ˈælfa</td>
+    <td>AL fah</td>
+  </tr>
+  <tr>
+    <th scope="row">B</th>
+    <td>Bravo</td>
+    <td>ˈbraːˈvo</td>
+    <td>BRAH voh</td>
+  </tr>
+  <tr>
+    <th scope="row">C</th>
+    <td>Charlie</td>
+    <td>ˈtʃɑːli</td>
+    <td>CHAR lee</td>
+  </tr>
+  <tr>
+    <th scope="row">D</th>
+    <td>Delta</td>
+    <td>ˈdeltɑ</td>
+    <td>DELL tah</td>
+  </tr>
+</table>
+```
+
+#### Result
+
+The [visual result](#result_2) is unchanged from the [previous example table](#column_and_row_spanning).
 
 ## Technical summary
 
@@ -163,4 +365,12 @@ See {{HTMLElement("table")}} for examples on `<th>`.
 
 ## See also
 
-- Other table-related HTML Elements: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}.
+- [Learn: HTML tables](/en-US/docs/Learn/HTML/Tables)
+- {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}: Other table-related elements
+- {{cssxref("background-color")}}: CSS property to set the background color of each header cell
+- {{cssxref("border")}}: CSS property to control borders of header cells
+- {{cssxref("height")}}: CSS property to control the recommended header cell height
+- {{cssxref("text-align")}}: CSS property to horizontally align each header cell content
+- {{cssxref("vertical-align")}}: CSS property to vertically align each header cell content
+- {{cssxref("width")}}: CSS property to control the recommended header cell width
+- {{cssxref(":nth-of-type")}}, {{cssxref(":first-of-type")}}, {{cssxref(":last-of-type")}}: CSS pseudo-classes to select the desired header cells
diff --git a/files/en-us/web/html/element/thead/column-row-span.html b/files/en-us/web/html/element/thead/column-row-span.html
new file mode 100644
index 000000000000000..796d0f6595a12a3
--- /dev/null
+++ b/files/en-us/web/html/element/thead/column-row-span.html
@@ -0,0 +1,163 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Column and row span</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 15px;
+        width: max-content;
+        font-family: "Arial", sans-serif;
+        font-size: 14px;
+        letter-spacing: 0.05em;
+        color: #15141a;
+        background: #ffffff;
+      }
+
+      table {
+        border-collapse: collapse;
+        border: 2px solid rgb(140, 140, 140);
+      }
+
+      caption {
+        padding-bottom: 10px;
+        font-weight: bold;
+      }
+
+      tbody {
+        background-color: #e4f0f5;
+      }
+
+      td {
+        box-sizing: border-box;
+        isolation: isolate;
+        position: relative;
+        border: 1px solid rgb(160, 160, 160);
+        width: 130px;
+        height: 65px;
+        text-align: center;
+        vertical-align: middle;
+        color: #ffffff;
+      }
+
+      td .separator {
+        z-index: -2;
+        position: absolute;
+        top: 50%;
+        right: 0;
+        left: 0;
+        border: 1px dashed rgba(160, 160, 160, 0.3);
+      }
+
+      tr:first-of-type td:nth-child(2) .separator {
+        top: 0;
+        right: auto;
+        bottom: 0;
+        left: 50%;
+      }
+
+      tr:first-of-type td::before,
+      .cell::before {
+        content: "";
+        z-index: -1;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        border-radius: 50%;
+        width: 26px;
+        aspect-ratio: 1 / 1;
+        background-color: #2c5e77;
+      }
+
+      tr:last-of-type td::before {
+        content: "";
+        z-index: -1;
+        position: absolute;
+        inset: 0;
+        background: repeating-linear-gradient(
+          45deg,
+          #64696b,
+          #64696b 10px,
+          #4a4d4e 10px,
+          #4a4d4e 20px
+        );
+      }
+
+      tr:first-of-type td::after {
+        content: "⟵ rowspan 2 ⟶";
+        position: absolute;
+        left: 40%;
+        rotate: -90deg;
+        width: 100%;
+        font-weight: bold;
+        text-align: center;
+        color: #15141a;
+      }
+
+      tr:first-of-type td:nth-child(2):after {
+        content: "⟵ colspan 2 ⟶";
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        rotate: unset;
+      }
+
+      .cells {
+        display: flex;
+        gap: 15px;
+        margin-top: 15px;
+        margin-left: 15px;
+      }
+
+      .cell {
+        box-sizing: border-box;
+        isolation: isolate;
+        position: relative;
+        border: 1px solid rgb(160, 160, 160);
+        display: grid;
+        place-items: center;
+        width: 130px;
+        height: 65px;
+        text-align: center;
+        color: #ffffff;
+        background-color: #e4f0f5;
+      }
+
+      .cell::after {
+        content: "⇡";
+        position: absolute;
+        top: 0;
+        left: 86%;
+        transform: translateY(-56%);
+        rotate: 30deg;
+        font-weight: bold;
+        font-size: 30px;
+        color: #15141a;
+      }
+    </style>
+  </head>
+  <body>
+    <table>
+      <caption>
+        Illustration demonstrating column and row spanning of table cells
+      </caption>
+      <tr>
+        <td rowspan="2"><span class="separator"></span>1</td>
+        <td colspan="2"><span class="separator"></span>2</td>
+        <td rowspan="2"><span class="separator"></span>3</td>
+        <td rowspan="2"><span class="separator"></span>4</td>
+      </tr>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+    </table>
+    <div class="cells">
+      <div class="cell">5</div>
+      <div class="cell">6</div>
+    </div>
+  </body>
+</html>
diff --git a/files/en-us/web/html/element/thead/column-row-span.png b/files/en-us/web/html/element/thead/column-row-span.png
new file mode 100644
index 0000000000000000000000000000000000000000..a779fb8e844a4e7fc687affc60a70de68137fe6f
GIT binary patch
literal 5567
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

literal 0
HcmV?d00001

diff --git a/files/en-us/web/html/element/thead/index.md b/files/en-us/web/html/element/thead/index.md
index f5fdb768511fd52..574891f1c965bf8 100644
--- a/files/en-us/web/html/element/thead/index.md
+++ b/files/en-us/web/html/element/thead/index.md
@@ -7,7 +7,7 @@ browser-compat: html.elements.thead
 
 {{HTMLSidebar}}
 
-The **`<thead>`** [HTML](/en-US/docs/Web/HTML) element defines a set of rows defining the head of the columns of the table.
+The **`<thead>`** [HTML](/en-US/docs/Web/HTML) element encapsulates a set of table rows ({{HTMLElement("tr")}} elements), indicating that they comprise the head of a table with information about the table's columns. This is usually in the form of column headers ({{HTMLElement("th")}} elements).
 
 {{EmbedInteractiveExample("pages/tabbed/thead.html","tabbed-taller")}}
 
@@ -17,54 +17,213 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
 
 ### Deprecated attributes
 
+The following attributes are deprecated and should not be used. They are documented below for reference when updating existing code and for historical interest only.
+
 - `align` {{deprecated_inline}}
 
-  - : This [enumerated](/en-US/docs/Glossary/Enumerated) attribute specifies how horizontal alignment of each cell content will be handled. Possible values are:
+  - : Specifies the horizontal alignment of each head cell. The possible {{Glossary("enumerated")}} values are `left`, `center`, `right`, `justify`, and `char`. When supported, the `char` value aligns the textual content on the character defined in the [`char`](#char) attribute and the offset defined by the [`charoff`](#charoff) attribute. Use the {{cssxref("text-align")}} CSS property instead, as this attribute is deprecated.
 
-    - `left`, aligning the content to the left of the cell
-    - `center`, centering the content in the cell
-    - `right`, aligning the content to the right of the cell
-    - `justify`, inserting spaces into the textual content so that the content is justified in the cell
-    - `char`, aligning the textual content on a special character with a minimal offset, defined by the [`char`](#char) and [`charoff`](#charoff) attributes.
+- `bgcolor` {{deprecated_inline}}
 
-    If this attribute is not set, the `left` value is assumed.
+  - : Defines the background color of each head cell. The value is an HTML color; either a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`', or a [color keyword](/en-US/docs/Web/CSS/named-color). Other CSS {{cssxref("color_value", "&lt;color&gt")}} values are not supported. Use the {{cssxref("background-color")}} CSS property instead, as this attribute is deprecated.
 
-    > **Warning:** Do not use this attribute as it is obsolete (not supported) in the latest standard.
-    >
-    > - To align values, use the CSS {{cssxref("text-align")}} property instead.
+- `char` {{deprecated_inline}}
 
-- `bgcolor` {{Deprecated_Inline}}
+  - : Specifies the alignment of the content to a character of each head cell. If [`align`](#align) is not set to `char`, this attribute is ignored.
 
-  - : This attribute defines the background color of each column cell. It accepts a 6-digit hexadecimal color or a named color. Alpha transparency is not supported.
+- `charoff` {{deprecated_inline}}
 
-    > **Note:** Do not use this attribute, as it is non-standard. The `thead` element should be styled using the CSS {{cssxref("background-color")}} property, which can be applied to any element, including the `thead`, {{HTMLElement("tr")}}, {{HTMLElement("td")}} and {{HTMLElement("th")}} elements.
+  - : Specifies the number of characters to offset the head cell content from the alignment character specified by the [`char`](#char) attribute.
 
-- `char` {{deprecated_inline}}
+- `valign` {{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 [`align`](#align) is not set to `char`, this attribute is ignored.
+  - : Specifies the vertical alignment of each head cell. The possible {{Glossary("enumerated")}} values are `baseline`, `bottom`, `middle`, and `top`. Use the {{cssxref("vertical-align")}} CSS property instead, as this attribute is deprecated.
 
-    > **Note:** Do not use this attribute as it is obsolete (and not supported) in the latest standard.
+## Usage notes
 
-- `charoff` {{deprecated_inline}}
+- The `<thead>` is placed after any {{HTMLElement("caption")}} and {{HTMLElement("colgroup")}} elements, but before any {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, and {{HTMLElement("tr")}} elements.
+- Along with its related {{HTMLElement("tbody")}} and {{HTMLElement("tfoot")}} elements, the `<thead>` element provides useful {{Glossary("semantics", "semantic")}} information and can be used when rendering for either screen or print. Specifying such table content groups also provides valuable contextual information for assistive technologies, including screen readers and search engines.
+- When printing a document, in the case of a multipage table, the table head usually specifies information that remains the same on each page.
 
-  - : This attribute is used to indicate the number of characters to offset the column data from the alignment characters specified by the **char** attribute.
+## Examples
 
-    > **Note:** Do not use this attribute as it is obsolete (and not supported) in the latest standard.
+See {{HTMLElement("table")}} for a complete table example introducing common standards and best practices.
 
-- `valign` {{deprecated_inline}}
+### Basic head structure
 
-  - : This attribute specifies the vertical alignment of the text within each row of cells of the table header. Possible values for this attribute are:
+This example demonstrates a table divided into a head section with column headers and a body section with the table's main data.
 
-    - `baseline`, which will put the text as close to the bottom of the cell as it is possible, but align it on the [baseline](https://en.wikipedia.org/wiki/Baseline_%28typography%29) of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as `bottom`.
-    - `bottom`, which will put the text as close to the bottom of the cell as it is possible;
-    - `middle`, which will center the text in the cell;
-    - `top`, which will put the text as close to the top of the cell as it is possible.
+#### HTML
 
-    > **Note:** Do not use this attribute as it is obsolete (and not supported) in the latest standard: instead set the CSS {{cssxref("vertical-align")}} property on it.
+The `<thead>` and {{HTMLElement("tbody")}} elements are used to structure the table rows into {{Glossary("semantics", "semantic")}} sections. The `<thead>` element represents the head section of the table, which contains a row ({{HTMLElement("tr")}}) of column headers cells ({{HTMLElement("th")}}).
 
-## Examples
+```html
+<table>
+  <thead>
+    <tr>
+      <th>Student ID</th>
+      <th>Name</th>
+      <th>Major</th>
+      <th>Credits</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>3741255</td>
+      <td>Jones, Martha</td>
+      <td>Computer Science</td>
+      <td>240</td>
+    </tr>
+    <tr>
+      <td>3971244</td>
+      <td>Nim, Victor</td>
+      <td>Russian Literature</td>
+      <td>220</td>
+    </tr>
+    <tr>
+      <td>4100332</td>
+      <td>Petrov, Alexandra</td>
+      <td>Astrophysics</td>
+      <td>260</td>
+    </tr>
+  </tbody>
+</table>
+```
+
+#### CSS
+
+Some basic CSS is used to style and highlight the table head so that the headings of the columns stand out from the data in the table body.
+
+```css
+thead {
+  border-bottom: 2px solid rgb(160 160 160);
+  text-align: center;
+  background-color: #2c5e77;
+  color: #fff;
+}
+
+tbody {
+  background-color: #e4f0f5;
+}
+```
+
+```css hidden
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
+
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
+}
+
+tbody > tr > td:last-of-type {
+  text-align: center;
+}
+```
+
+#### Result
+
+{{EmbedLiveSample("Basic_head_structure", 650, 140)}}
+
+### Multiple head rows
+
+This example demonstrates a table head section with two rows.
 
-See {{HTMLElement("table")}} for examples on `<thead>`.
+#### HTML
+
+We extend the markup the table from the [basic example](#basic_head_structure) in this example by including two table rows ({{HTMLElement("tr")}}) within the `<thead>` element creating a multi-row table head. We included an additional column, splitting the student names into first and last names.
+
+```html
+<table>
+  <thead>
+    <tr>
+      <th rowspan="2">Student ID</th>
+      <th colspan="2">Student</th>
+      <th rowspan="2">Major</th>
+      <th rowspan="2">Credits</th>
+    </tr>
+    <tr>
+      <th>First name</th>
+      <th>Last name</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>3741255</td>
+      <td>Martha</td>
+      <td>Jones</td>
+      <td>Computer Science</td>
+      <td>240</td>
+    </tr>
+    <tr>
+      <td>3971244</td>
+      <td>Victor</td>
+      <td>Nim</td>
+      <td>Russian Literature</td>
+      <td>220</td>
+    </tr>
+    <tr>
+      <td>4100332</td>
+      <td>Alexandra</td>
+      <td>Petrov</td>
+      <td>Astrophysics</td>
+      <td>260</td>
+    </tr>
+  </tbody>
+</table>
+```
+
+#### Cell spanning
+
+In order to associate and line up the header cells with the correct columns and rows, the [`colspan`](/en-US/docs/Web/HTML/Element/th#colspan) and [`rowspan`](/en-US/docs/Web/HTML/Element/th#rowspan) attributes are used on the {{HTMLElement("th")}} elements. The values set in these attributes specify how many cells each header cell ({{HTMLElement("th")}}) spans. Due to the way these attributes are set, the two second-row header cells are lined up with the columns they head. These each span one row and one column as the default values for the [`colspan`](/en-US/docs/Web/HTML/Element/th#colspan) and [`rowspan`](/en-US/docs/Web/HTML/Element/th#rowspan) attributes are both `1`.
+
+The column and row spanning demonstrated by this example are illustrated in the following figure:
+
+![Illustration demonstrating column and row spanning of table cells: cells 1, 3, and 4 spanning one column and two rows each; cell 2 spanning two columns and one row; cells 5 and 6 span a single row and column each, fitting into the available cells that are the second and third columns in the second row](column-row-span.png)
+
+#### CSS
+
+The CSS is unchanged from the [previous example](#basic_head_structure).
+
+```css hidden
+thead {
+  border-bottom: 2px solid rgb(160 160 160);
+  background-color: #2c5e77;
+  color: #fff;
+}
+
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
+}
+
+tbody {
+  background-color: #e4f0f5;
+}
+
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
+}
+
+tbody > tr > td:last-of-type {
+  text-align: center;
+}
+```
+
+#### Result
+
+{{EmbedLiveSample("Multiple_head_rows", 650, 180)}}
 
 ## Technical summary
 
@@ -96,11 +255,11 @@ See {{HTMLElement("table")}} for examples on `<thead>`.
       <td>
         A {{HTMLElement("table")}} element. The
         {{HTMLElement("thead")}} must appear after any
-        {{HTMLElement("caption")}} or
-        {{HTMLElement("colgroup")}} element, even implicitly defined,
+        {{HTMLElement("caption")}} and
+        {{HTMLElement("colgroup")}} elements, even implicitly defined,
         but before any {{HTMLElement("tbody")}},
-        {{HTMLElement("tfoot")}} and {{HTMLElement("tr")}}
-        element.
+        {{HTMLElement("tfoot")}}, and {{HTMLElement("tr")}}
+        elements.
       </td>
     </tr>
     <tr>
@@ -134,8 +293,9 @@ See {{HTMLElement("table")}} for examples on `<thead>`.
 
 ## See also
 
-- Other table-related HTML Elements: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("tr")}};
-- CSS properties and pseudo-classes that may be specially useful to style the `<thead>` element:
-
-  - the {{cssxref(":nth-child")}} pseudo-class to set the alignment on the cells of the column;
-  - the {{cssxref("text-align")}} property to align all cells content on the same character, like '.'.
+- [Learn: HTML tables](/en-US/docs/Learn/HTML/Tables)
+- {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("tr")}}: Other table-related elements
+- {{cssxref("background-color")}}: CSS property to set the background color of each head cell
+- {{cssxref("border")}}: CSS property to control borders of head cells
+- {{cssxref("text-align")}}: CSS property to horizontally align each head cell content
+- {{cssxref("vertical-align")}}: CSS property to vertically align each head cell content
diff --git a/files/en-us/web/html/element/tr/index.md b/files/en-us/web/html/element/tr/index.md
index 301b528d7074b33..e1f2232617115fb 100644
--- a/files/en-us/web/html/element/tr/index.md
+++ b/files/en-us/web/html/element/tr/index.md
@@ -11,506 +11,337 @@ The **`<tr>`** [HTML](/en-US/docs/Web/HTML) element defines a row of cells in a
 
 {{EmbedInteractiveExample("pages/tabbed/tr.html","tabbed-taller")}}
 
-To provide additional control over how cells fit into (or span across) columns, both `<th>` and `<td>` support the [`colspan`](/en-US/docs/Web/HTML/Element/td#colspan) attribute, which lets you specify how many columns wide the cell should be, with the default being 1. Similarly, you can use the [`rowspan`](/en-US/docs/Web/HTML/Element/td#rowspan) attribute on cells to indicate they should span more than one table row.
-
-This can take a little practice to get right when building your tables. We have some [examples](#examples) below, but for more examples and an in-depth tutorial, see the [HTML tables](/en-US/docs/Learn/HTML/Tables) series in our [Learn web development](/en-US/docs/Learn) area, where you'll learn how to use the table elements and their attributes to get just the right layout and formatting for your tabular data.
-
 ## Attributes
 
-This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes). There are also several [deprecated attributes](#deprecated_attributes), which you should avoid but may need to know when reading older code.
+This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
 ### Deprecated attributes
 
-The following attributes may still be implemented in browsers but are no longer part of the HTML specification and may be missing or may not work as expected. They should be avoided.
+The following attributes are deprecated and should not be used. They are documented below for reference when updating existing code and for historical interest only.
 
 - `align` {{deprecated_inline}}
 
-  - : A string which specifies how the cell's context should be aligned horizontally within the cells in the row; this is shorthand for using `align` on every cell in the row individually. Possible values are:
-
-    - `left`
-      - : Align the content of each cell at its left edge.
-    - `center`
-      - : Center the contents of each cell between their left and right edges.
-    - `right`
-      - : Align the content of each cell at its right edge.
-    - `justify`
-      - : Widen whitespaces within the text of each cell so that the text fills the full width of each cell (full justification).
-    - `char`
-      - : Align each cell in the row on a specific character (such that each row in the column that is configured this way will horizontally align its cells on that character). This uses the [`char`](#char) and [`charoff`](#charoff) to establish the alignment character (typically "." or "," when aligning numerical data) and the number of characters that should follow the alignment character. This alignment type was never widely supported.
-
-    If no value is expressly set for `align`, the parent node's value is inherited.
-
-    > **Note:** Instead of using the obsolete `align` attribute, you should instead use the CSS {{CSSxRef("text-align")}} property to establish `left`, `center`, `right`, or `justify` alignment for the row's cells. To apply character-based alignment, set the CSS {{CSSxRef("text-align")}} property to the alignment character (such as `"."` or `","`).
+  - : Specifies the horizontal alignment of each row cell. The possible {{Glossary("enumerated")}} values are `left`, `center`, `right`, `justify`, and `char`. When supported, the `char` value aligns the textual content on the character defined in the [`char`](#char) attribute and on offset defined by the [`charoff`](#charoff) attribute. Use the {{cssxref("text-align")}} CSS property instead, as this attribute is deprecated.
 
 - `bgcolor` {{deprecated_inline}}
 
-  - : A string specifying a color to apply to the backgrounds of each of the row's cells. This can be either a [hexadecimal `#RRGGBB` or `#RGB` value](/en-US/docs/Web/CSS/color_value/rgb) or a [color keyword](/en-US/docs/Web/CSS/named-color). Omitting the attribute or setting it to `null` in JavaScript causes the row's cells to inherit the row's parent element's background color.
-
-    > **Note:** The {{HTMLElement("tr")}} element should be styled using [CSS](/en-US/docs/Web/CSS). To give a similar effect as the `bgcolor` attribute, use the CSS property {{CSSxRef("background-color")}}.
+  - : Defines the background color of each row cell. The value is an HTML color; either a [6-digit hexadecimal RGB code](/en-US/docs/Web/CSS/hex-color), prefixed by a '`#`', or a [color keyword](/en-US/docs/Web/CSS/named-color). Other CSS {{cssxref("color_value", "&lt;color&gt")}} values are not supported. Use the {{cssxref("background-color")}} CSS property instead, as this attribute is deprecated.
 
 - `char` {{deprecated_inline}}
 
-  - : A string that sets the character to align the cells in each row's columns (each row's centering that uses the same character gets aligned with others using the same character. Typical values for this include a period (`"."`) or comma (`","`) when attempting to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored.
-
-    > **Note:** This attribute is obsolete and rarely implemented anyway. To achieve the same effect as the [`char`](#char) attribute, set the CSS {{CSSxRef("text-align")}} property to the same string you would specify for the `char` property, such as `text-align: "."`.
+  - : Specifies the alignment of the content to a character of each row cell. Typical values for this include a period (`.`) when attempting to align numbers or monetary values. If [`align`](#align) is not set to `char`, this attribute is ignored.
 
 - `charoff` {{deprecated_inline}}
 
-  - : A string indicating the number of characters on the tail end of the column's data should be displayed after the alignment character specified by the `char` attribute. For example, when displaying money values for currencies that use hundredths of a unit (such as the dollar, which is divided into 100 cents), you would typically specify a value of 2, so that in tandem with `char` being set to `"."`, the values in a column would be cleanly aligned on the decimal points, with the number of cents properly displayed to the right of the decimal point.
-
-    > **Note:** This attribute is obsolete, and was never widely supported anyway.
+  - : Specifies the number of characters to offset the row cell content from the alignment character specified by the [`char`](#char) attribute.
 
 - `valign` {{deprecated_inline}}
 
-  - : A string specifying the vertical alignment of the text within each cell in the row. Possible values for this attribute are:
+  - : Specifies the vertical alignment of each row cell. The possible {{Glossary("enumerated")}} values are `baseline`, `bottom`, `middle`, and `top`. Use the {{cssxref("vertical-align")}} CSS property instead, as this attribute is deprecated.
 
-    - `baseline`
-      - : Aligns each cell's content text as closely as possible to the bottom of the cell, handling alignment of different fonts and font sizes by aligning the characters along the [baseline](https://en.wikipedia.org/wiki/Baseline) of the font(s) used in the row. If all the characters in the row are the same size, the effect is the same as `bottom`.
-    - `bottom`,
-      - : Draws the text in each of the row's cells as closely as possible to the bottom edge of those cells.
-    - `middle`
-      - : Each cell's text is vertically centered.
-    - `top`
-      - : Each cell's text is drawn as closely as possible to the top edge of the containing cell.
+## Usage notes
 
-    > **Note:** Don't use the obsolete `valign` attribute. Instead, add the CSS {{CSSxRef("vertical-align")}} property to the row.
+- The `<tr>` may be placed as a direct child of its parent {{HTMLElement("table")}} element, but only if the `<table>` has no child {{HTMLElement("tbody")}} elements, and only after any {{HTMLElement("caption")}}, {{HTMLElement("colgroup")}}, and {{HTMLElement("thead")}} elements. Otherwise, the parent must be a {{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, or {{HTMLElement("tfoot")}} element.
+- The CSS pseudo-classes {{cssxref(":nth-of-type")}}, {{cssxref(":first-of-type")}}, and {{cssxref(":last-of-type")}} are often useful for selecting the desired set of rows and their data and header cells ({{HTMLElement("td")}} and {{HTMLElement("th")}} elements).
 
 ## Examples
 
-See {{HTMLElement("table")}} for examples on `<tr>`.
+See {{HTMLElement("table")}} for a complete table example introducing common standards and best practices.
 
-### Basic example
+### Basic row setup
 
-This simple example shows a table listing people's names along with various information about membership in a club or service.
+This example demonstrates a table with four rows and three columns, where the first column contains headers for the row data cells.
 
 #### HTML
 
-This HTML demonstrates the most basic structure of a table. There are no groups, no cells that span multiple rows or columns, no captions, and only the most basic styling to create lines around the components of the table for something resembling clarity.
-
-There are just four rows (including one header row), each with four columns (including one header column). Not even the table section elements are used; instead, the browser is allowed to determine this automatically. We'll add {{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, and {{HTMLElement("tfoot")}} in the next example.
+Four `<tr>` elements are used to create four table rows. Each row contains three cells - one header cell ({{HTMLElement("th")}}) and two data cells ({{HTMLElement("td")}}) - creating three columns. The [`scope`](/en-US/docs/Web/HTML/Element/th#scope) attribute set on each header cell specifies which cells they relate to, which in this example is all data cells within the `row`.
 
 ```html
 <table>
   <tr>
-    <th>Name</th>
-    <th>ID</th>
-    <th>Member Since</th>
-    <th>Balance</th>
+    <th scope="row">A</th>
+    <td>Alfa</td>
+    <td>AL fah</td>
   </tr>
   <tr>
-    <td>Margaret Nguyen</td>
-    <td>427311</td>
-    <td><time datetime="2010-06-03">June 3, 2010</time></td>
-    <td>0.00</td>
+    <th scope="row">B</th>
+    <td>Bravo</td>
+    <td>BRAH voh</td>
   </tr>
   <tr>
-    <td>Edvard Galinski</td>
-    <td>533175</td>
-    <td><time datetime="2011-01-13">January 13, 2011</time></td>
-    <td>37.00</td>
+    <th scope="row">C</th>
+    <td>Charlie</td>
+    <td>CHAR lee</td>
   </tr>
   <tr>
-    <td>Hoshi Nakamura</td>
-    <td>601942</td>
-    <td><time datetime="2012-07-23">July 23, 2012</time></td>
-    <td>15.00</td>
+    <th scope="row">D</th>
+    <td>Delta</td>
+    <td>DELL tah</td>
   </tr>
 </table>
 ```
 
 #### CSS
 
-This simple CSS just adds a solid black border around the table and around each of its cells, including those specified using both {{HTMLElement("th")}} and {{HTMLElement("td")}}. That way, both header and data cells are easily demarcated.
+The CSS {{cssxref(":nth-of-type")}} pseudo-class is used to select every `odd` row and set the {{cssxref("background-color")}} of those rows to a slightly darker tone, creating a so-called "zebra stripe" effect. This alternating background makes the rows of data in the table easier to parse and read—imagine having many rows and columns and trying to find some data in a particular row. In addition, the row header cells ({{HTMLElement("th")}} elements) are highlighted with a {{cssxref("background-color")}} to distinguish them from the data cells ({{HTMLElement("td")}} elements).
 
 ```css
+tr:nth-of-type(odd) {
+  background-color: #eee;
+}
+
+tr th[scope="row"] {
+  background-color: #d6ecd4;
+}
+```
+
+```css hidden
 table {
-  border: 1px solid black;
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
 }
 
 th,
 td {
-  border: 1px solid black;
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
 }
 ```
 
 #### Result
 
-{{EmbedLiveSample("Basic_example", 500, 125)}}
+{{EmbedLiveSample("Basic_row_setup", 650, 140)}}
 
-### Row and column spanning
+### Header row
 
-Now, let's introduce another column that shows the date the user's membership ended, along with a super-heading above the "joined" and "canceled" dates called "Membership Dates". This involves adding both row and column spans to the table, so that the heading cells can wind up in the right places.
-
-#### Result
-
-Let's actually look at the output first this time:
-
-{{EmbedLiveSample("Row_and_column_spanning", 500, 150)}}
-
-Notice how the heading area here is actually two rows, one with "Name", "ID", "Membership Dates", and "Balance" headings, and the other with "Joined" and "Canceled", which are subheadings below "Membership Dates". This is accomplished by:
-
-- Having the first row's "Name", "ID", and "Balance" heading cells span two rows using the [`rowspan`](#rowspan) attribute, making them each two rows tall.
-- Having the first row's "Membership Dates" heading cell span two columns using the [`colspan`](#colspan) attribute, which causes this heading actually to be two columns wide.
-- Having a second row of {{HTMLElement("th")}} elements that contains only the "Joined" and "Canceled" headings. Because the other columns are already occupied by first-row cells that span into the second row, these wind up correctly positioned under the "Membership Dates" heading.
+This example extends the basic table from the [previous example](#basic_row_setup) by adding a header row as the first row of the table.
 
 #### HTML
 
-The HTML is similar to the previous example's, except for the addition of the new column in each data row, and the changes to the header. Those changes make the HTML look like this:
+An additional table row (`<tr>`) is added as the first row of the table with column header cells ({{HTMLElement("th")}}) providing a header for each column. We put this row in a {{HTMLElement("thead")}} grouping element to indicate this is the header of the table. The [`scope`](/en-US/docs/Web/HTML/Element/th#scope) attribute is added to each header cell (`<th>`) within this head row to explicitly specify that each header cell relates to all the cells within its own column, even though those cells are in the {{HTMLElement("tbody")}}.
 
 ```html
 <table>
   <tr>
-    <th rowspan="2">Name</th>
-    <th rowspan="2">ID</th>
-    <th colspan="2">Membership Dates</th>
-    <th rowspan="2">Balance</th>
+    <th scope="col">Symbol</th>
+    <th scope="col">Code word</th>
+    <th scope="col">Pronunciation</th>
   </tr>
   <tr>
-    <th>Joined</th>
-    <th>Canceled</th>
+    <th scope="row">A</th>
+    <td>Alfa</td>
+    <td>AL fah</td>
   </tr>
   <tr>
-    <th>Margaret Nguyen</th>
-    <td>427311</td>
-    <td><time datetime="2010-06-03">June 3, 2010</time></td>
-    <td>n/a</td>
-    <td>0.00</td>
+    <th scope="row">B</th>
+    <td>Bravo</td>
+    <td>BRAH voh</td>
   </tr>
   <tr>
-    <th>Edvard Galinski</th>
-    <td>533175</td>
-    <td><time datetime="2011-01-13">January 13, 2011</time></td>
-    <td><time datetime="2017-04-08">April 8, 2017</time></td>
-    <td>37.00</td>
+    <th scope="row">C</th>
+    <td>Charlie</td>
+    <td>CHAR lee</td>
   </tr>
   <tr>
-    <th>Hoshi Nakamura</th>
-    <td>601942</td>
-    <td><time datetime="2012-07-23">July 23, 2012</time></td>
-    <td>n/a</td>
-    <td>15.00</td>
+    <th scope="row">D</th>
+    <td>Delta</td>
+    <td>DELL tah</td>
   </tr>
 </table>
 ```
 
-The differences that matter here—for the purposes of discussing row and column spans—are in the first few lines of the code above. Note the use of `rowspan` on to make the "Name", "ID", and "Balance" headers occupy two rows instead of just one, and the use of `colspan` to make the "Membership Dates" header cell span across two columns.
+#### CSS
 
-The CSS is unchanged from before.
+The CSS is nearly unchanged from the [previous example](#basic_row_setup), except for some additional styling to highlight the "header row" so that the headers of the columns stand out from the other cells.
 
-```css hidden
-table {
-  border: 1px solid black;
+```css
+tr:nth-of-type(odd) {
+  background-color: #eee;
 }
 
-th,
-td {
-  border: 1px solid black;
+tr th[scope="col"] {
+  background-color: #505050;
+  color: #fff;
 }
-```
-
-### Explicitly specifying table content groups
-
-Before really getting into styling this table, let's take a moment to add row and column groups to help make our CSS easier.
-
-#### HTML
 
-The HTML is where the action is here, and the action is pretty simple.
-
-```html
-<table>
-  <thead>
-    <tr>
-      <th rowspan="2">Name</th>
-      <th rowspan="2">ID</th>
-      <th colspan="2">Membership Dates</th>
-      <th rowspan="2">Balance</th>
-    </tr>
-    <tr>
-      <th>Joined</th>
-      <th>Canceled</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th scope="row">Margaret Nguyen</th>
-      <td>427311</td>
-      <td><time datetime="2010-06-03">June 3, 2010</time></td>
-      <td>n/a</td>
-      <td>0.00</td>
-    </tr>
-    <tr>
-      <th scope="row">Edvard Galinski</th>
-      <td>533175</td>
-      <td><time datetime="2011-01-13">January 13, 2011</time></td>
-      <td><time datetime="2017-04-08">April 8, 2017</time></td>
-      <td>37.00</td>
-    </tr>
-    <tr>
-      <th scope="row">Hoshi Nakamura</th>
-      <td>601942</td>
-      <td><time datetime="2012-07-23">July 23, 2012</time></td>
-      <td>n/a</td>
-      <td>15.00</td>
-    </tr>
-  </tbody>
-</table>
+tr th[scope="row"] {
+  background-color: #d6ecd4;
+}
 ```
 
-The differences that matter here—for the purposes of discussing row and column spans—are in the first few lines of the code above. Note the use of `rowspan` on to make the "Name", "ID", and "Balance" headers occupy two rows instead of just one, and the use of `colspan` to make the "Membership Dates" header cell span across two columns.
-
-Once again, we haven't touched the CSS.
-
 ```css hidden
 table {
-  border: 1px solid black;
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
 }
 
 th,
 td {
-  border: 1px solid black;
+  border: 1px solid rgb(160 160 160);
+  padding: 8px 10px;
 }
 ```
 
 #### Result
 
-The output is entirely unchanged, despite the addition of useful contextual information under the hood:
-
-{{EmbedLiveSample("Explicitly_specifying_table_content_groups", 500, 150)}}
-
-### Basic styling
-
-As is the case with all parts of a table, you can change the appearance of a table row and its contents using CSS. Any styles applied to the `<tr>` element will affect the cells within the row unless overridden by styles applied to those cells.
+{{EmbedLiveSample("Header_row", 650, 170)}}
 
-Let's apply a basic style to the table to adjust the typeface being used, and add a background color to the header row.
+### Sorting rows
 
-#### Result
+There are no native methods for sorting the rows (`<tr>` elements) of a {{HTMLElement("table")}}. But using {{jsxref("Array.prototype.sort()")}}, {{domxref("Node.removeChild")}}, and {{domxref("Node.appendChild")}}, a custom `sort()` function can be implemented in JavaScript to sort an {{domxref("HTMLCollection")}} of `<tr>` elements.
 
-Again, let's take a look at the result first.
+#### HTML
 
-{{EmbedLiveSample("Basic_styling", 500, 200)}}
+A {{HTMLElement("tbody")}} element is used in this basic table to mark the body section of the table and to include three rows ({{HTMLElement("tr")}} elements) with data ({{HTMLElement("td")}} elements), creating one column with numbers in descending order.
 
-```html hidden
+```html
 <table>
-  <thead>
-    <tr>
-      <th rowspan="2">Name</th>
-      <th rowspan="2">ID</th>
-      <th colspan="2">Membership Dates</th>
-      <th rowspan="2">Balance</th>
-    </tr>
-    <tr>
-      <th>Joined</th>
-      <th>Canceled</th>
-    </tr>
-  </thead>
   <tbody>
     <tr>
-      <th scope="row">Margaret Nguyen</th>
-      <td>427311</td>
-      <td><time datetime="2010-06-03">June 3, 2010</time></td>
-      <td>n/a</td>
-      <td>0.00</td>
+      <td>3</td>
     </tr>
     <tr>
-      <th scope="row">Edvard Galinski</th>
-      <td>533175</td>
-      <td><time datetime="2011-01-13">January 13, 2011</time></td>
-      <td><time datetime="2017-04-08">April 8, 2017</time></td>
-      <td>37.00</td>
+      <td>2</td>
     </tr>
     <tr>
-      <th scope="row">Hoshi Nakamura</th>
-      <td>601942</td>
-      <td><time datetime="2012-07-23">July 23, 2012</time></td>
-      <td>n/a</td>
-      <td>15.00</td>
+      <td>1</td>
     </tr>
   </tbody>
 </table>
 ```
 
-#### CSS
+#### JavaScript
 
-This time, the HTML is unchanged, so let's dive right into the CSS.
+In the JavaScript code below, the created `sort()` function is attached to the {{HTMLElement("tbody")}} element so that it sorts the table cells in order of increasing value and updates the display accordingly.
 
-```css
-table {
-  border: 1px solid black;
-  font:
-    16px "Open Sans",
-    Helvetica,
-    Arial,
-    sans-serif;
-}
+```js
+HTMLTableSectionElement.prototype.sort = function (cb) {
+  Array.from(this.rows)
+    .sort(cb)
+    .forEach((e) => this.appendChild(this.removeChild(e)));
+};
 
-thead > tr {
-  background-color: rgb(228 240 245);
+document
+  .querySelector("table")
+  .tBodies[0].sort((a, b) => a.textContent.localeCompare(b.textContent));
+```
+
+```css hidden
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
 }
 
-th,
 td {
-  border: 1px solid black;
-  padding: 4px 6px;
+  border: 1px solid rgb(160 160 160);
+  padding: 4px 8px;
 }
 ```
 
-While we add a {{CSSxRef("font")}} property to the {{HTMLElement("table")}} element here to set a more visually-appealing typeface (or an abominable sans-serif typeface, depending on your personal opinion), the interesting part is the second style here, where we style `<tr>` elements located within the {{HTMLElement("thead")}} so they have a light blue background color. This is a way to quickly apply a background color to all the cells in the heading area at once.
-
-This does _not_ affect the style of the {{HTMLElement("th")}} elements in the first column, though, where we treat the member names as a row heading.
-
-### Advanced styling
+#### Result
 
-Now we'll go all-out, with styles on rows in the header and body areas both, including alternating row colors, cells with different colors depending on position within a row, and so forth.
+{{EmbedLiveSample('Sorting_rows', '650', '80')}}
 
-#### Result
+### Sorting rows with a click on header cells
 
-Here's what the final table will look like:
+This example extends the basic table from the [previous example](#sorting_rows) by making the sorting interactive and independent for multiple columns.
 
-{{EmbedLiveSample("Advanced_styling", 500, 200)}}
+#### HTML
 
-There is no change to the HTML again. See what proper preparation of your HTML can do for you?
+An additional data cell ({{HTMLElement("td")}} element) is added to each row (`<tr>` element) within the table body ({{HTMLElement("tbody")}} element) to create a second column with letters in ascending order. Using the {{HTMLElement("thead")}} element, a head section is added before the body section to introduce a head row with table header cells ({{HTMLElement("th")}} element). These header cells are used in the JavaScript code below to make them clickable and then to perform the corresponding sorting when activated per click.
 
-```html hidden
+```html
 <table>
   <thead>
     <tr>
-      <th rowspan="2">Name</th>
-      <th rowspan="2">ID</th>
-      <th colspan="2">Membership Dates</th>
-      <th rowspan="2">Balance</th>
-    </tr>
-    <tr>
-      <th>Joined</th>
-      <th>Canceled</th>
+      <th>Numbers</th>
+      <th>Letters</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th scope="row">Margaret Nguyen</th>
-      <td>427311</td>
-      <td><time datetime="2010-06-03">June 3, 2010</time></td>
-      <td>n/a</td>
-      <td>0.00</td>
+      <td>3</td>
+      <td>A</td>
     </tr>
     <tr>
-      <th scope="row">Edvard Galinski</th>
-      <td>533175</td>
-      <td><time datetime="2011-01-13">January 13, 2011</time></td>
-      <td><time datetime="2017-04-08">April 8, 2017</time></td>
-      <td>37.00</td>
+      <td>2</td>
+      <td>B</td>
     </tr>
     <tr>
-      <th scope="row">Hoshi Nakamura</th>
-      <td>601942</td>
-      <td><time datetime="2012-07-23">July 23, 2012</time></td>
-      <td>n/a</td>
-      <td>15.00</td>
+      <td>1</td>
+      <td>C</td>
     </tr>
   </tbody>
 </table>
 ```
 
-#### CSS
-
-The CSS is much more involved this time. It's not complicated, but there's a lot going on. Let's break it down.
-
-##### The table and base styles
-
-```css
-table {
-  border: 1px solid black;
-  font:
-    16px "Open Sans",
-    Helvetica,
-    Arial,
-    sans-serif;
-  border-spacing: 0;
-  border-collapse: collapse;
-}
-```
-
-Here we've added the {{CSSxRef("border-spacing")}} and {{CSSxRef("border-collapse")}} properties to eliminate spacing between cells and collapse borders that touch one another to be a single border instead of winding up with double borders.
+#### JavaScript
 
-```css
-th,
-td {
-  border: 1px solid black;
-  padding: 4px 6px;
-}
+A click event handler is added to each table header ({{HTMLElement("th")}} element) of each {{HTMLElement("table")}} in the {{domxref("HTMLDocument", "document")}}; it sorts all the rows (`<tr>` elements) of the {{HTMLElement("tbody")}} based on the contents of the data cells ({{HTMLElement("td")}} elements) contained in the rows.
 
-th {
-  vertical-align: bottom;
-}
-```
+> **Note:** This solution assumes that the {{HTMLElement("td")}} elements are populated by raw text with no descendant elements.
 
-And here are the default styles for all table cells. Now let's customize!
+```js
+const allTables = document.querySelectorAll("table");
 
-##### The top header: overall
+for (const table of allTables) {
+  const tBody = table.tBodies[0];
+  const rows = Array.from(tBody.rows);
+  const headerCells = table.tHead.rows[0].cells;
 
-We're going to look at the top header in two pieces. First, the overall styling of the header:
+  for (const th of headerCells) {
+    const cellIndex = th.cellIndex;
 
-```css
-thead > tr {
-  background-color: rgb(228 240 245);
-}
+    th.addEventListener("click", () => {
+      rows.sort((tr1, tr2) => {
+        const tr1Text = tr1.cells[cellIndex].textContent;
+        const tr2Text = tr2.cells[cellIndex].textContent;
+        return tr1Text.localeCompare(tr2Text);
+      });
 
-thead > tr:nth-of-type(2) {
-  border-bottom: 2px solid black;
+      tBody.append(...rows);
+    });
+  }
 }
 ```
 
-This sets the background color of all `<tr>` elements in the table's heading (as specified using {{HTMLElement("thead")}}). Then we set the bottom border of the top header to be a two-pixel wide line. Notice, however, that we're using the {{CSSxRef(":nth-of-type")}} selector to apply {{CSSxRef("border-bottom")}} to the _second_ row in the heading. Why? Because the heading is made of two rows that are spanned by some of the cells. That means there are actually two rows there; applying the style to the first row would not give us the expected result.
-
-##### The "Joined" and "Canceled" headers
-
-Let's style these two header cells with green and red hues to represent the "good" of a new member and the "bummer" of a canceled membership.
-
-```css
-thead > tr:last-of-type > th:nth-of-type(1) {
-  background-color: rgb(225 255 225);
-}
-
-thead > tr:last-of-type > th:nth-of-type(2) {
-  background-color: rgb(255 225 225);
+```css hidden
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140 140 140);
+  font-family: sans-serif;
+  font-size: 0.8rem;
+  letter-spacing: 1px;
 }
-```
-
-Here we dig into the last row of the table's header block and give the first header cell in it (the "Joined" header) a greenish color, and the second header cell in it (the "Canceled" header) a reddish hue.
-
-##### Color every body other row differently
 
-It's common to help improve readability of table data by alternating row colors. Let's add a bit of color to every even row:
-
-```css
-tbody > tr:nth-of-type(even) {
-  background-color: rgb(237 238 242);
+th,
+td {
+  border: 1px solid rgb(160 160 160);
+  padding: 4px 8px;
 }
-```
-
-##### Give the left-side header some style
 
-Since we want the first column to stand out as well, we'll add some custom styling here, too.
-
-```css
-tbody > tr > th:first-of-type {
-  text-align: left;
-  background-color: rgb(225 229 244);
+th {
+  background-color: #505050;
+  color: #fff;
+  cursor: pointer;
 }
 ```
 
-This styles the first header cell in each row of the table's body with {{CSSxRef("text-align")}} to left-justify the member names, and with a somewhat different background color.
-
-##### Justify the balances
-
-Finally, since it's standard practice to right-justify currency values in tables, let's do that here.
+#### Result
 
-```css
-tbody > tr > td:last-of-type {
-  text-align: right;
-}
-```
+{{EmbedLiveSample('Sorting_rows_with_a_click_on_header_cells', '650', '100')}}
 
-This just sets the CSS {{CSSxRef("text-align")}} property for the last {{HTMLElement("td")}} in each body row to `"right"`.
+> **Note:** To be usable and accessible, the header cell of each sortable column must be identifiable as a sorting button and each must define whether the column is currently sorted in ascending or descending order visually and with the [`aria-sort`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort) attribute. See the [ARIA Authoring Practices Guide](https://www.w3.org/WAI/ARIA/apg/)'s [sortable table example](https://www.w3.org/WAI/ARIA/apg/patterns/table/examples/sortable-table/) for more information.
+> **Note:** To be usable and accessible, the header cell of each sortable column must be identifiable as a sorting button and each must define whether the column is currently sorted in ascending or descending order visually and with the [`aria-sort`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort) attribute. See the [ARIA Authoring Practices Guide](https://www.w3.org/WAI/ARIA/apg/)'s [sortable table example](https://www.w3.org/WAI/ARIA/apg/patterns/table/examples/sortable-table/) for more information.
 
 ## Technical summary
 
@@ -531,7 +362,7 @@ This just sets the CSS {{CSSxRef("text-align")}} property for the last {{HTMLEle
         {{HTMLElement("th")}} elements;
         {{Glossary("script-supporting element", "script-supporting elements")}}
         ({{HTMLElement("script")}} and
-        {{HTMLElement("template")}}) are also allowed
+        {{HTMLElement("template")}}) are also allowed.
       </td>
     </tr>
     <tr>
@@ -542,7 +373,7 @@ This just sets the CSS {{CSSxRef("text-align")}} property for the last {{HTMLEle
         {{HTMLElement("tr")}} element, or if the row is the last element
         in its parent table group ({{HTMLElement("thead")}},
         {{HTMLElement("tbody")}} or {{HTMLElement("tfoot")}})
-        element
+        element.
       </td>
     </tr>
     <tr>
@@ -553,8 +384,8 @@ This just sets the CSS {{CSSxRef("text-align")}} property for the last {{HTMLEle
         {{HTMLElement("caption")}},
         {{HTMLElement("colgroup")}}, and
         {{HTMLElement("thead")}} elements); otherwise, the parent must
-        be {{HTMLElement("thead")}}, {{HTMLElement("tbody")}} or
-        {{HTMLElement("tfoot")}}
+        be a {{HTMLElement("thead")}}, {{HTMLElement("tbody")}} or
+        {{HTMLElement("tfoot")}} element.
       </td>
     </tr>
     <tr>
@@ -588,8 +419,10 @@ This just sets the CSS {{CSSxRef("text-align")}} property for the last {{HTMLEle
 
 ## See also
 
-- [Learning area: HTML tables](/en-US/docs/Learn/HTML/Tables): An introduction to using tables, including `<tr>`.
-- {{DOMxRef("HTMLTableRowElement")}}: the interface on which `<tr>` is based.
-- Other table-related elements:
-
-  - {{HTMLElement("table")}}, {{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("td")}}, {{HTMLElement("th")}}, {{HTMLElement("caption")}}, {{HTMLElement("col")}}, and {{HTMLElement("colgroup")}}
+- [Learn: HTML tables](/en-US/docs/Learn/HTML/Tables)
+- {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}: Other table-related elements
+- {{cssxref("background-color")}}: CSS property to set the background color of each row cell
+- {{cssxref("border")}}: CSS property to control borders of row cells
+- {{cssxref("text-align")}}: CSS property to horizontally align each row cell content
+- {{cssxref("vertical-align")}}: CSS property to vertically align each row cell content
+- {{cssxref(":nth-of-type")}}, {{cssxref(":first-of-type")}}, {{cssxref(":last-of-type")}}: CSS pseudo-classes to select the desired row cells

From 6b0063f4dfd2463ee3704adfb14df72e9ebe3b88 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Fri, 26 Jan 2024 10:48:44 +0530
Subject: [PATCH 563/790] fix(docs): update redirected link (#31929)

---
 CONTRIBUTING.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 0207a42259ed7e0..b5f7151e1cebeeb 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -419,7 +419,7 @@ There are some important rules of etiquette to remember that will help during th
 When contributing to the content you agree to license your contributions
 according to [our license](LICENSE.md).
 
-[contribute page]: https://developer.mozilla.org/en-US/docs/MDN/Contribute
+[contribute page]: https://developer.mozilla.org/en-US/docs/MDN/Community/Contributing
 [getting started with mdn web docs]: https://developer.mozilla.org/en-US/docs/MDN/Community/Contributing/Getting_started
 [getting ready to contribute]: https://developer.mozilla.org/en-US/docs/MDN/Community/Contributing/Getting_started#getting_ready_to_contribute
 [how to write in markdown]: https://developer.mozilla.org/en-US/docs/MDN/Writing_guidelines/Howto/Markdown_in_MDN

From a4077ca309f616ed9c408ee506b20ba867837dfa Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Fri, 26 Jan 2024 07:16:23 +0100
Subject: [PATCH 564/790] fix: auto-cleanup by bot (#31924)

chore: auto-fix Markdownlint, Prettier, and front-matter issues
---
 files/en-us/web/css/attribute_selectors/index.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/attribute_selectors/index.md b/files/en-us/web/css/attribute_selectors/index.md
index 9bac4fcd4dfd9f8..b5eed922ba240a4 100644
--- a/files/en-us/web/css/attribute_selectors/index.md
+++ b/files/en-us/web/css/attribute_selectors/index.md
@@ -20,7 +20,8 @@ a[title] {
 }
 
 /* <a> elements with an href matching "https://example.org" */
-a[href="https://example.org"] {
+a[href="https://example.org"]
+{
   color: green;
 }
 
@@ -100,7 +101,8 @@ a[href$=".org"] {
 }
 
 /* Links that start with "https://" and end in ".org" */
-a[href^="https://"][href$=".org"] {
+a[href^="https://"][href$=".org"]
+{
   color: green;
 }
 ```

From 6da4cf5ad98eff4a623db03164549c4f2e3b001a Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Thu, 25 Jan 2024 23:50:25 -0800
Subject: [PATCH 565/790] Add media type to not (#31919)

and media type to not
---
 files/en-us/web/css/@media/scan/index.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/css/@media/scan/index.md b/files/en-us/web/css/@media/scan/index.md
index 48d13ea8caa499c..f17ba63f0c31be4 100644
--- a/files/en-us/web/css/@media/scan/index.md
+++ b/files/en-us/web/css/@media/scan/index.md
@@ -42,22 +42,22 @@ p {
   border: solid;
 }
 
-@media (scan: interlace) {
+@media screen and (scan: interlace) {
   p {
     background: #f4ae8a;
   }
 }
-@media (scan: progressive) {
+@media screen and (scan: progressive) {
   p {
     text-decoration: underline;
   }
 }
-@media not (scan: progressive) {
+@media not screen and (scan: progressive) {
   p {
     border-style: dashed;
   }
 }
-@media not (scan: interlaced) {
+@media not screen and (scan: interlaced) {
   p {
     color: purple;
   }

From b20bd358f5f42e802f8ca04c569baf030d512be1 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Fri, 26 Jan 2024 13:53:53 +0530
Subject: [PATCH 566/790] Document for HTMLAnchorElement.text (#31887)

* document for HTMLAnchorElement.text

* example

* Update files/en-us/web/api/htmlanchorelement/text/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/text/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* header fix

* Update files/en-us/web/api/htmlanchorelement/text/index.md

Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/text/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmlanchorelement/text/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmlanchorelement/text/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/text/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/text/index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../web/api/htmlanchorelement/text/index.md   | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 files/en-us/web/api/htmlanchorelement/text/index.md

diff --git a/files/en-us/web/api/htmlanchorelement/text/index.md b/files/en-us/web/api/htmlanchorelement/text/index.md
new file mode 100644
index 000000000000000..eeb791128821e54
--- /dev/null
+++ b/files/en-us/web/api/htmlanchorelement/text/index.md
@@ -0,0 +1,52 @@
+---
+title: "HTMLAnchorElement: text property"
+short-title: text
+slug: Web/API/HTMLAnchorElement/text
+page-type: web-api-instance-property
+browser-compat: api.HTMLAnchorElement.text
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`text`** property of the {{domxref("HTMLAnchorElement")}} represents the text inside the the element.
+This property represents the same information as {{domxref("Node.textContent")}}.
+
+## Value
+
+A string.
+
+## Example
+
+```html
+<a id="exampleLink" href="https://example.com">Example Link</a>
+<p class="text"></p>
+```
+
+```css
+#exampleLink {
+  font-size: 1.5rem;
+}
+```
+
+```js
+const anchorElement = document.getElementById("exampleLink");
+const pTag = document.querySelector(".text");
+pTag.textContent = `Text property: ${anchorElement.text}`;
+```
+
+### Result
+
+{{EmbedLiveSample("Example",100,100)}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLScriptElement.text")}} property
+- {{domxref("HTMLOptionElement.text")}} property

From ee05e49bd4dd7c1f48412b3142365f801a907747 Mon Sep 17 00:00:00 2001
From: dawei-wang <dawei-wang@users.noreply.github.com>
Date: Fri, 26 Jan 2024 00:29:40 -0800
Subject: [PATCH 567/790] Typo (add codeface) (#31920)

Update index.md
---
 .../web/javascript/guide/expressions_and_operators/index.md     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/guide/expressions_and_operators/index.md b/files/en-us/web/javascript/guide/expressions_and_operators/index.md
index d87ca1bb1e6b27b..594acd20093604d 100644
--- a/files/en-us/web/javascript/guide/expressions_and_operators/index.md
+++ b/files/en-us/web/javascript/guide/expressions_and_operators/index.md
@@ -184,7 +184,7 @@ console.log(f(0, x = f(), 0));
 The evaluation result matches the expression to the right of the `=` sign in the
 "Meaning" column of the table above. That means that `x = f()` evaluates into
 whatever `f()`'s result is, `x += f()` evaluates into the resulting sum `x + f()`,
-`x **= f()` evaluates into the resulting power `x ** y`, and so on.
+`x **= f() evaluates into the resulting power x ** f(), and so on.
 
 In the case of logical assignments, `x &&= f()`,
 `x ||= f()`, and `x ??= f()`, the return value is that of the

From 5468d1f2fffd33b0c76194c6187488cb4487ec69 Mon Sep 17 00:00:00 2001
From: Vadim Makeev <hi@pepelsbey.dev>
Date: Fri, 26 Jan 2024 16:07:07 +0100
Subject: [PATCH 568/790] Add clonable to experimental features (#31937)

* Add clonable to experimental features

* Remove duplicates

* Remove duplicates

* Apply suggestions from code review

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Mention default value

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 .../firefox/experimental_features/index.md    | 16 ++++++++
 .../mozilla/firefox/releases/122/index.md     | 39 ++++---------------
 2 files changed, 23 insertions(+), 32 deletions(-)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index e0d3f372d6c972e..77765da6b2b394a 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -1483,6 +1483,22 @@ It is disabled by default on all builds [Firefox bug 1750902](https://bugzil.la/
 
 ### HTML DOM API
 
+#### Shadow DOM
+
+Firefox now supports the `clonable` option and property for shadow DOM.
+
+- The {{domxref("Element.attachShadow()")}} method's `clonable` boolean option specifies whether the created shadow root is clonable: the default value is `false` but when set to `true`, the shadow host cloned with {{domxref("Node.cloneNode()")}} or {{domxref("Document.importNode()")}} will include shadow root in the copy.
+- The {{domxref("ShadowRoot")}} interface's {{domxref("ShadowRoot.clonable", "clonable")}} read-only property returns `true` if the shadow root is clonable, and `false` otherwise.
+
+When shadow root is created via declarative shadow DOM, the `clonable` option is set to `true` by default, and the `clonable` property returns `true`. ([Firefox bug 1868428](https://bugzil.la/1868428))
+
+| Release channel   | Version added | Enabled by default? |
+| ----------------- | ------------- | ------------------- |
+| Nightly           | 122           | Yes                 |
+| Developer Edition | NA            | No                  |
+| Beta              | NA            | No                  |
+| Release           | NA            | No                  |
+
 #### Popover API
 
 Firefox now supports the [Popover API](/en-US/docs/Web/API/Popover_API).
diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index 9065c9c8bce64fc..78a13bae02fdab1 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -10,15 +10,11 @@ This article provides information about the changes in Firefox 122 that affect d
 
 ## Changes for web developers
 
-### Developer Tools
-
 ### HTML
 
 - {{HTMLElement("hr")}} elements are now allowed as children of {{HTMLElement("select")}} elements. This is a new feature that improves the readability of select lists with many options. ([Firefox bug 1830909](https://bugzil.la/1830909)).
 - The `type` HTML attribute no longer has an effect if set to `none`, `disc`, `circle` or `square` in {{HTMLElement("ol")}} and no longer has an effect if set to `1`, `a`, `A`, `i` or `I` in {{HTMLElement("ul")}}. As `type` is a deprecated attribute for `<ul>` and `<ol>` lists, these should be styled with {{CSSxref("list-style-type")}} CSS property instead. ([Firefox bug 1868087](https://bugzil.la/1868087)).
 
-#### Removals
-
 ### CSS
 
 - The CSS {{cssxref("offset-position")}} property is now available by default. It defines the initial position of an element on a path. ([Firefox bug 1598152](https://bugzil.la/1598152))
@@ -29,14 +25,10 @@ This article provides information about the changes in Firefox 122 that affect d
 
 - The {{CSSxref("clip-path")}} and {{CSSxref("offset-path")}} properties now accept [`rect()`](/en-US/docs/Web/CSS/basic-shape/rect) and [`xywh()`](/en-US/docs/Web/CSS/basic-shape/xywh) shape functions. These {{CSSXref("basic-shape")}} values allow the clipping and offsetting of elements with a rectangle defined by distance from the edge of the element (`rect()`) or coordinates and size (`xywh()`). ([Firefox bug 1868722](https://bugzil.la/1868722)).
 
-#### Removals
-
 ### JavaScript
 
 - The {{jsxref("ArrayBuffer.prototype.transfer()")}} and {{jsxref("ArrayBuffer.prototype.transferToFixedLength()")}} methods can now be used to [transfer ownership](/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer#transferring_arraybuffers) of memory from one {{jsxref("ArrayBuffer")}} to another. After transfer, the original buffer is detached from its original memory and hence unusable; the state can be checked using {{jsxref("ArrayBuffer.prototype.detached")}}. (See [Firefox bug 1865103](https://bugzil.la/1865103) for more details.)
 
-#### Removals
-
 ### SVG
 
 #### Removals
@@ -44,14 +36,6 @@ This article provides information about the changes in Firefox 122 that affect d
 - Removed support for `data:` URLs in SVG `<use>` elements and via the [`SVGUseElement`](/en-US/docs/Web/API/SVGUseElement) interface to prevent [XSS](/en-US/docs/Glossary/Cross-site_scripting) attacks.
   The legacy functionality may be re-enabled by setting the `svg.use-element.data-url-href.allowed` preference to `true`, although this is not recommended for security reasons ([Firefox bug 1806964](https://bugzil.la/1806964)).
 
-### HTTP
-
-#### Removals
-
-### Security
-
-#### Removals
-
 ### APIs
 
 - The [LargestContentfulPaint API](/en-US/docs/Web/API/LargestContentfulPaint) is now supported.
@@ -59,18 +43,8 @@ This article provides information about the changes in Firefox 122 that affect d
 
 #### DOM
 
-### showPicker() method for HTML select elements
-
 - The {{domxref("HTMLSelectElement.showPicker()")}} method is now supported, allowing the browser picker for a {{HTMLElement("select")}} element to be programmatically launched when triggered by user interaction ([Firefox bug 1865207](https://bugzil.la/1865207)).
 
-#### Media, WebRTC, and Web Audio
-
-#### Removals
-
-### WebAssembly
-
-#### Removals
-
 ### WebDriver conformance (WebDriver BiDi, Marionette)
 
 #### General
@@ -89,12 +63,6 @@ This article provides information about the changes in Firefox 122 that affect d
 
 - Fixed a bug with [Get Element Text](https://w3c.github.io/webdriver/#dfn-get-element-text), where the command was incorrectly returning an empty text when the element was located within a ShadowRoot's slot ([Firefox bug 1824664](https://bugzil.la/1824664)).
 
-## Changes for add-on developers
-
-### Removals
-
-### Other
-
 ## Experimental web features
 
 These features are newly shipped in Firefox 122 but are disabled by default. To experiment with them, search for the appropriate preference on the `about:config` page and set it to `true`. You can find more such features on the [Experimental features](/en-US/docs/Mozilla/Firefox/Experimental_features) page.
@@ -103,6 +71,13 @@ These features are newly shipped in Firefox 122 but are disabled by default. To
 
   The {{htmlelement("template")}} element now supports a `shadowrootmode` attribute which can be set to either `open` or `closed`, the same values as the `mode` option of the {{domxref("Element.attachShadow()", "attachShadow()")}} method. It allows the creation of a shadow DOM subtree declaratively. ([Firefox bug 1712140](https://bugzil.la/1712140))
 
+- **Clonable option and property for shadow DOM.**
+
+  - The {{domxref("Element.attachShadow()")}} method now supports the `clonable` boolean option that specifies whether the created shadow root is clonable: the default value is `false` but when set to `true`, the shadow host cloned with {{domxref("Node.cloneNode()")}} or {{domxref("Document.importNode()")}} will include shadow root in the copy.
+  - The {{domxref("ShadowRoot")}} interface now supports the {{domxref("ShadowRoot.clonable", "clonable")}} read-only property. It returns `true` if the shadow root is clonable, and `false` otherwise. It always returns `true` for shadow roots created via declarative shadow DOM.
+
+  When shadow root is created via declarative shadow DOM, the `clonable` option is set to `true` by default, and the `clonable` property returns `true`. ([Firefox bug 1712140](https://bugzil.la/1868428))
+
 - **Popover API:** `dom.element.popover.enabled`.
 
   Displaying popovers on top of page content is now supported via HTML attributes or JavaScript API, including styling with the CSS [`:popover-open`](/en-US/docs/Web/CSS/:popover-open) pseudo-class and extended support for the [`::backdrop`](/en-US/docs/Web/CSS/::backdrop) pseudo-element. See the [Popover API](/en-US/docs/Web/API/Popover_API) reference for more details. ([Firefox bug 1823757](https://bugzil.la/1823757))

From f7daf15512ea736498837b68bcc36d82d6a323f4 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Fri, 26 Jan 2024 13:49:04 -0800
Subject: [PATCH 569/790] Media queries module (#31903)

* New module

* minor

* media features

* all the nested files

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* updates per review

* not rewording

* add sidebar in

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/web/css/@media/index.md           |   3 +
 .../en-us/web/css/css_media_queries/index.md  | 127 ++++++++++++----
 .../css/css_media_queries/printing/index.md   |  10 +-
 .../testing_media_queries/index.md            |  14 +-
 .../using_media_queries/index.md              | 143 ++++++++++--------
 .../index.md                                  |   6 +-
 6 files changed, 200 insertions(+), 103 deletions(-)

diff --git a/files/en-us/web/css/@media/index.md b/files/en-us/web/css/@media/index.md
index 861fc3b4a135e71..7ef1878753ed9a4 100644
--- a/files/en-us/web/css/@media/index.md
+++ b/files/en-us/web/css/@media/index.md
@@ -123,6 +123,8 @@ Media feature expressions test for their presence or value, and are entirely opt
     Added in Media Queries Level 5.
 - {{cssxref("@media/resolution", "resolution")}}
   - : Pixel density of the output device.
+- {{cssxref("@media/scan", "scan")}}
+  - : Whether display output is progressive or interlaced.
 - {{cssxref("@media/scripting", "scripting")}}
   - : Detects whether scripting (i.e. JavaScript) is available.
     Added in Media Queries Level 5.
@@ -246,6 +248,7 @@ For more examples, please see [Using media queries](/en-US/docs/Web/CSS/CSS_medi
 
 ## See also
 
+- [CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries) module
 - [Using media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
 - In JavaScript, `@media` can be accessed via the CSS object model interface {{domxref("CSSMediaRule")}}.
 - [Extended Mozilla media features](/en-US/docs/Web/CSS/Mozilla_Extensions#media_features)
diff --git a/files/en-us/web/css/css_media_queries/index.md b/files/en-us/web/css/css_media_queries/index.md
index 16e02e8198e37f5..ff7a0463d9f357a 100644
--- a/files/en-us/web/css/css_media_queries/index.md
+++ b/files/en-us/web/css/css_media_queries/index.md
@@ -3,40 +3,23 @@ title: CSS media queries
 slug: Web/CSS/CSS_media_queries
 page-type: css-module
 spec-urls:
+  - https://drafts.csswg.org/mediaqueries-3/
   - https://drafts.csswg.org/mediaqueries/
-  - https://drafts.csswg.org/css-conditional/
+  - https://drafts.csswg.org/mediaqueries-5/
 ---
 
 {{CSSRef}}
 
-**CSS media queries** are a key component of [responsive design](/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design) that allow you to apply CSS styles depending on the presence or value of device characteristics.
+The **CSS media queries** module enables testing and querying of viewport values and browser or device features, to conditionally apply CSS styles based on the current user environment. Media queries are used in the CSS `@media` rule and other contexts and languages such as HTML and JavaScript.
 
-It's common to apply a media query based on the {{Glossary("viewport")}} size so that layout choices can be made for devices with different screen sizes.
-For example, you may have a smaller font size for devices with small screens, increase the padding between paragraphs when a page is viewed in portrait mode, or increase the size of buttons on touchscreens.
+Media queries are a key component of [responsive design](/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design). They enable conditional setting of CSS styles depending on the presence or value of device characteristics. It's common to use a media query based on {{Glossary("viewport")}} size to set appropriate layouts on devices with different screen sizes — for example three columns on a wide screen or a single column on a narrow screen.
 
-![A laptop and a mobile device with different viewport sizes that can be queried using media queries where we can see the content being laid out differently.](media-queries.svg)
+Other common examples include increasing the font size and hiding navigation menus when printing a page, adjusting the padding between paragraphs when a page is viewed in portrait or landscape mode, or increasing the size of buttons to provide a larger hit area on touchscreens.
 
-In [CSS](/en-US/docs/Web/CSS), use the {{cssxref("@media")}} [at-rule](/en-US/docs/Web/CSS/At-rule) to conditionally apply part of a style sheet based on the result of a media query.
-To conditionally apply an entire style sheet, use {{cssxref("@import")}}.
+In [CSS](/en-US/docs/Web/CSS), use the {{cssxref("@media")}} [at-rule](/en-US/docs/Web/CSS/At-rule) to conditionally apply part of a style sheet based on the result of a media query. To conditionally apply an entire style sheet, use {{cssxref("@import")}}.
 
 When designing reusable HTML components, you may also use [container queries](/en-US/docs/Web/CSS/CSS_container_queries), which allow you to apply styles based on the size of a containing element rather than the viewport or other device characteristics.
 
-### Media queries in HTML
-
-In [HTML](/en-US/docs/Web/HTML), media queries can be applied to various elements:
-
-- In the {{HTMLElement("link")}} element's [`media`](/en-US/docs/Web/HTML/Element/link#media) attribute, they define the media to which a linked resource (typically CSS) should be applied.
-- In the {{HTMLElement("source")}} element's [`media`](/en-US/docs/Web/HTML/Element/source#media) attribute, they define the media to which that source should be applied. (This is only valid inside {{HTMLElement("picture")}} elements.)
-- In the {{HTMLElement("style")}} element's [`media`](/en-US/docs/Web/HTML/Element/style#media) attribute, they define the media to which the style should be applied.
-
-### Media queries in JavaScript
-
-In [JavaScript](/en-US/docs/Web/JavaScript), you can use the {{domxref("Window.matchMedia()")}} method to test the window against a media query.
-You can also use {{domxref("MediaQueryList.addListener()")}} to be notified whenever the state of a query changes.
-With this functionality, your site or app can respond to changes in the device configuration, orientation, or state.
-
-You can learn more about programmatically using media queries in [Testing media queries](/en-US/docs/Web/CSS/CSS_media_queries/Testing_media_queries).
-
 ## Reference
 
 ### At-rules
@@ -44,22 +27,114 @@ You can learn more about programmatically using media queries in [Testing media
 - {{cssxref("@import")}}
 - {{cssxref("@media")}}
 
+### Descriptors
+
+- {{cssxref("@media/any-hover", "any-hover")}}
+- {{cssxref("@media/any-pointer", "any-pointer")}}
+- {{cssxref("@media/aspect-ratio", "aspect-ratio")}}
+- {{cssxref("@media/color", "color")}}
+- {{cssxref("@media/color-gamut", "color-gamut")}}
+- {{cssxref("@media/color-index", "color-index")}}
+- {{cssxref("@media/device-aspect-ratio", "device-aspect-ratio")}}
+- {{cssxref("@media/device-height", "device-height")}}
+- {{cssxref("@media/device-width", "device-width")}}
+- {{cssxref("@media/display-mode", "display-mode")}}
+- {{cssxref("@media/dynamic-range", "dynamic-range")}}
+- {{cssxref("@media/forced-colors", "forced-colors")}}
+- {{cssxref("@media/grid", "grid")}}
+- {{cssxref("@media/height", "height")}}
+- {{cssxref("@media/hover", "hover")}}
+- {{cssxref("@media/inverted-colors", "inverted-colors")}}
+- {{cssxref("@media/monochrome", "monochrome")}}
+- {{cssxref("@media/orientation", "orientation")}}
+- {{cssxref("@media/overflow-block", "overflow-block")}}
+- {{cssxref("@media/overflow-inline", "overflow-inline")}}
+- {{cssxref("@media/pointer", "pointer")}}
+- {{cssxref("@media/prefers-color-scheme", "prefers-color-scheme")}}
+- {{cssxref("@media/prefers-contrast", "prefers-contrast")}}
+- {{cssxref("@media/prefers-reduced-data", "prefers-reduced-data")}}
+- {{cssxref("@media/prefers-reduced-motion", "prefers-reduced-motion")}}
+- {{cssxref("@media/prefers-reduced-transparency", "prefers-reduced-transparency")}}
+- {{cssxref("@media/resolution", "resolution")}}
+- {{cssxref("@media/scan", "scan")}}
+- {{cssxref("@media/scripting", "scripting")}}
+- {{cssxref("@media/update", "update")}}
+- {{cssxref("@media/video-dynamic-range", "video-dynamic-range")}}
+- {{cssxref("@media/width", "width")}}
+
+> **Note:** CSS media queries level 5 introduces five `@media` descriptors that have not been implemented: {{cssxref("@media/environment-blending", "environment-blending")}}, {{cssxref("@media/horizontal-viewport-segments", "horizontal-viewport-segments")}}, {{cssxref("@media/nav-controls", "nav-controls")}}, {{cssxref("@media/vertical-viewport-segments", "vertical-viewport-segments")}}, and {{cssxref("@media/video-color-gamut", "video-color-gamut")}}
+
+> **Note:** CSS media queries level 4 deprecated three `@media` descriptors: {{cssxref("@media/device-aspect-ratio", "device-aspect-ratio")}}, {{cssxref("@media/device-height", "device-height")}}, and {{cssxref("@media/device-width", "device-width")}}.
+
+### Data types and operators
+
+- [`<media-types>`](/en-US/docs/Web/CSS/@media#media_types)
+- [`<media-features>`](/en-US/docs/Web/CSS/@media#media_features)
+- [`<resolution>`](/en-US/docs/Web/CSS/resolution)
+- [Logical operators](/en-US/docs/Web/CSS/@media#logical_operators)
+
+### Glossary terms
+
+- [media](/en-US/docs/Glossary/Media/CSS)
+- [media query](/en-US/docs/Glossary/Media_query)
+
 ## Guides
 
 - [Using media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
-  - : Introduces media queries, their syntax, and the operators and media features which are used to construct media query expressions.
-- [Testing media queries programmatically](/en-US/docs/Web/CSS/CSS_media_queries/Testing_media_queries)
+
+  - : Introduces media queries, their syntax, and the operators and media features used to construct media query expressions.
+
+- [Beginner's guide to media queries](/en-US/docs/Learn/CSS/CSS_layout/Media_queries)
+
+  - : Introduction to media queries and approaches for using them to create responsive designs.
+
+- [Testing media queries](/en-US/docs/Web/CSS/CSS_media_queries/Testing_media_queries)
+
   - : Describes how to use media queries in your JavaScript code to determine the state of a device, and to set up listeners that notify your code when the results of media queries change (such as when the user rotates the screen or resizes the browser).
+
 - [Using media queries for accessibility](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries_for_accessibility)
-  - : Learn how Media Queries can help users understand your website better.
+
+  - : Learn how media queries can help users understand your website better.
+
 - [Printing](/en-US/docs/Web/CSS/CSS_media_queries/Printing)
+
   - : Tips and techniques for helping improve web content printer output.
 
+- [Learn: responsive images](/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images)
+
+  - : Learn how to use media queries with `sizes` to implement responsive image solutions on websites.
+
+## Related concepts
+
+- [CSS containment](/en-US/docs/Web/CSS/CSS_containment) module
+  - {{cssxref("@container")}} at-rule
+  - [Using container queries](/en-US/docs/Web/CSS/CSS_container_queries)
+- [CSS conditional rules](/en-US/docs/Web/CSS/CSS_container_queries) module
+  - {{cssxref("@supports")}} at-rule
+  - [Using feature queries](/en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries)
+- [CSS paged media](/en-US/docs/Web/CSS/CSS_paged_media) module
+  - {{cssxref("@page")}} at-rule
+- [CSS object model](/en-US/docs/Web/API/CSS_Object_Model) module
+  - {{DOMxRef("MediaQueryList")}} interface
+    - {{DOMxRef("MediaQueryList.matches", "matches")}} property
+    - {{DOMxRef("MediaQueryList.media", "media")}} property
+    - {{DOMxRef("MediaQueryList.change_event", "change")}} event
+  - {{DOMxRef("MediaList")}} interface
+    - {{DOMxRef("MediaList.mediaText", "mediaText")}} property
+  - {{DOMxRef("MediaQueryListEvent")}} object
+- HTML
+  - `sizes` attribute for [`<img>`](/en-US/docs/Web/HTML/Element/img#sizes), [`<link>`](/en-US/docs/Web/HTML/Element/link#sizes), and [`<source>`](/en-US/docs/Web/HTML/Element/source#sizes) for {{HTMLElement("picture")}}
+  - `media` attribute for [`<link>`](/en-US/docs/Web/HTML/Element/link#media), [`<source>`](/en-US/docs/Web/HTML/Element/source#media), and [`<style>`](/en-US/docs/Web/HTML/Element/style#media) [HTML](/en-US/docs/Web/HTML)
+  - [Viewport `<meta>` tag](/en-US/docs/Web/HTML/Viewport_meta_tag)
+- SVG [`media`](/en-US/docs/Web/SVG/Attribute/media) attribute
+
 ## Specifications
 
 {{Specifications}}
 
 ## See also
 
+- [Using the `srcset` and `sizes` attributes](/en-US/docs/Web/HTML/Element/img#using_the_srcset_and_sizes_attributes)
 - [Container queries](/en-US/docs/Web/CSS/CSS_container_queries)
+- [CSS paged media](/en-US/docs/Web/CSS/CSS_paged_media)
 - Use {{cssxref("@supports")}} to apply styles that depend on browser support for various CSS technologies.
diff --git a/files/en-us/web/css/css_media_queries/printing/index.md b/files/en-us/web/css/css_media_queries/printing/index.md
index dd552b7fb4c0d13..50f6e6a42063809 100644
--- a/files/en-us/web/css/css_media_queries/printing/index.md
+++ b/files/en-us/web/css/css_media_queries/printing/index.md
@@ -4,6 +4,8 @@ slug: Web/CSS/CSS_media_queries/Printing
 page-type: guide
 ---
 
+{{CSSRef}}
+
 There may be times in which your website or application would like to improve the user's experience when printing content. There are several possible scenarios:
 
 - You wish to adjust layout to take advantage of the size and shape of the paper.
@@ -21,11 +23,11 @@ Add the following to your {{HTMLElement("head")}} tag.
 <link href="/path/to/print.css" media="print" rel="stylesheet" />
 ```
 
-## Using media queries and @page to improve layout
+## Using media queries and @page to control printed content
 
-You can use the CSS {{cssxref("@media")}} at-rule to set a different appearance for your webpage when it is printed on paper and when it is displayed on the screen. The `print` option sets the styles that will be used when the content is printed.
+You can use the CSS {{cssxref("@media")}} at-rule to set different styles for your webpage when it is printed on paper or as a PDF versus when it is displayed on the screen. The `print` [media type](/en-US/docs/Web/CSS/@media#media_type) sets the styles for printed media; these styles will only be used for printed content.
 
-Add this at the end of your stylesheet. Note that specificity and precedence rules still apply:
+Add this at the end of your stylesheet. Note that [specificity](/en-US/docs/Web/CSS/Specificity) and precedence rules still apply:
 
 ```css
 @media print {
@@ -42,7 +44,7 @@ You can also use the {{cssxref("@page")}} at-rule to modify different aspects of
 
 ## Detecting print requests
 
-Browsers send {{domxref("Window/beforeprint_event", "beforeprint")}} and {{domxref("Window/afterprint_event", "afterprint")}} events to let content determine when printing may have occurred. You can use this to adjust the user interface presented during printing (such as by displaying or hiding user interface elements during the print process).
+Browsers send {{domxref("Window/beforeprint_event", "beforeprint")}} and {{domxref("Window/afterprint_event", "afterprint")}} events to determine when printing may have occurred. You can use this to adjust the user interface presented during printing (for example displaying or hiding user interface elements during the print process).
 
 ## Examples
 
diff --git a/files/en-us/web/css/css_media_queries/testing_media_queries/index.md b/files/en-us/web/css/css_media_queries/testing_media_queries/index.md
index 799d6540232ac4d..b3544cc4b96e378 100644
--- a/files/en-us/web/css/css_media_queries/testing_media_queries/index.md
+++ b/files/en-us/web/css/css_media_queries/testing_media_queries/index.md
@@ -7,13 +7,13 @@ browser-compat: api.MediaQueryList
 
 {{CSSRef}}
 
-The {{Glossary("DOM")}} provides features that can test the results of a [media query](/en-US/docs/Web/CSS/CSS_media_queries) programmatically, via the {{domxref("MediaQueryList")}} interface and its methods and properties. Once you've created a `MediaQueryList` object, you can check the result of the query or receive notifications when the result changes.
+The {{Glossary("DOM")}} provides features that can test the results of a {{Glossary("media query")}} programmatically, via the {{domxref("MediaQueryList")}} interface and its methods and properties. Once you've created a `MediaQueryList` object, you can check the result of the [query](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries) or receive notifications when the result changes.
 
 ## Creating a media query list
 
-Before you can evaluate the results of a media query, you need to create the `MediaQueryList` object representing the query. To do this, use the {{domxref("window.matchMedia")}} method.
+Before you can evaluate the results of a media query, you need to create the {{domxref("MediaQueryList")}} object representing the query. To do this, use the {{domxref("window.matchMedia")}} method.
 
-For example, to set up a query list that determines if the device is in landscape or portrait orientation:
+For example, to set up a query list that determines if the device is in landscape or portrait [orientation](/en-US/docs/Web/CSS/@media/orientation):
 
 ```js
 const mediaQueryList = window.matchMedia("(orientation: portrait)");
@@ -21,7 +21,7 @@ const mediaQueryList = window.matchMedia("(orientation: portrait)");
 
 ## Checking the result of a query
 
-Once you've created your media query list, you can check the result of the query by looking at the value of its `matches` property:
+Once you've created your media query list, you can check the result of the query by looking at the value of its [`matches`](/en-US/docs/Web/API/MediaQueryList/matches) property:
 
 ```js
 if (mediaQueryList.matches) {
@@ -33,7 +33,7 @@ if (mediaQueryList.matches) {
 
 ## Receiving query notifications
 
-If you need to be aware of changes to the evaluated result of the query on an ongoing basis, it's more efficient to register a [listener](/en-US/docs/Web/API/EventTarget/addEventListener) than to poll the query's result. To do this, call the `addEventListener()` method on the {{domxref("MediaQueryList")}} object, with a callback function to invoke when the media query status changes (e.g., the media query test goes from `true` to `false`):
+If you need to be aware of changes to the evaluated result of the query on an ongoing basis, it's more efficient to register a [listener](/en-US/docs/Web/API/EventTarget/addEventListener) than to poll the query's result. To do this, call the {{domxref("EventTarget.addEventListener", "addEventListener()")}} method on the {{domxref("MediaQueryList")}} object, with a callback function to invoke when the media query status changes (e.g., the media query test goes from `true` to `false`):
 
 ```js
 // Create the query list.
@@ -51,7 +51,7 @@ handleOrientationChange(mediaQueryList);
 mediaQueryList.addEventListener("change", handleOrientationChange);
 ```
 
-This code creates the orientation-testing media query list, then adds an event listener to it. After defining the listener, we also call the listener directly. This makes our listener perform adjustments based on the current device orientation; otherwise, our code might assume the device is in portrait mode at startup, even if it's actually in landscape mode.
+This code creates the orientation-testing media query list and adds an event listener to it. After defining the listener, we also call the listener directly. This makes our listener perform adjustments based on the current device orientation; otherwise, our code might assume the device is in portrait mode at startup, even if it's actually in landscape mode.
 
 The `handleOrientationChange()` function would look at the result of the query and handle whatever we need to do on an orientation change:
 
@@ -82,6 +82,8 @@ mediaQueryList.removeEventListener("change", handleOrientationChange);
 ## See also
 
 - [Media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
+- [CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries) module
+- [CSS object model](/en-US/docs/Web/API/CSS_Object_Model) module
 - {{domxref("window.matchMedia()")}}
 - {{domxref("MediaQueryList")}}
 - {{domxref("MediaQueryListEvent")}}
diff --git a/files/en-us/web/css/css_media_queries/using_media_queries/index.md b/files/en-us/web/css/css_media_queries/using_media_queries/index.md
index c00d9dc7333b394..f5abc7d9a671c46 100644
--- a/files/en-us/web/css/css_media_queries/using_media_queries/index.md
+++ b/files/en-us/web/css/css_media_queries/using_media_queries/index.md
@@ -6,11 +6,12 @@ page-type: guide
 
 {{CSSRef}}
 
-**Media queries** allow you to apply CSS styles depending on a device's general type (such as print vs. screen) or other characteristics such as screen resolution or browser {{glossary("viewport")}} width.
+**Media queries** allow you to apply CSS styles depending on a device's media type (such as print vs. screen) or other features or characteristics such as screen resolution or orientation, aspect ratio, browser {{glossary("viewport")}} width or height, user preferences such as preferring reduced motion, data usage, or transparency.
+
 Media queries are used for the following:
 
 - To conditionally apply styles with the [CSS](/en-US/docs/Web/CSS) {{cssxref("@media")}} and {{cssxref("@import")}} [at-rules](/en-US/docs/Web/CSS/At-rule).
-- To target specific media for the {{HTMLElement("style")}}, {{HTMLElement("link")}}, {{HTMLElement("source")}}, and other [HTML](/en-US/docs/Web/HTML) elements with the `media=` attribute.
+- To target specific media for the {{HTMLElement("style")}}, {{HTMLElement("link")}}, {{HTMLElement("source")}}, and other [HTML](/en-US/docs/Web/HTML) elements with the `media=` or `sizes="` attributes.
 - To [test and monitor media states](/en-US/docs/Web/CSS/CSS_media_queries/Testing_media_queries) using the {{domxref("Window.matchMedia()")}} and {{domxref("EventTarget.addEventListener()")}} methods.
 
 > **Note:** The examples on this page use CSS's `@media` for illustrative purposes, but the basic syntax remains the same for all types of media queries.
@@ -57,7 +58,7 @@ Media queries are case-insensitive.
   - {{cssxref("@media/video-dynamic-range", "video-dynamic-range")}}
   - {{cssxref("@media/width", "width")}}.
 
-  For example, the {{cssxref("@media/hover", "hover")}} feature allows a query to test against whether the device supports hovering over elements.
+  For example, the {{cssxref("@media/hover", "hover")}} feature allows a query to check whether the device supports hovering over elements.
   Media feature expressions test for their presence or value, and are entirely optional.
   Each media feature expression must be surrounded by parentheses.
 
@@ -92,13 +93,13 @@ For instance, this `@media` rule uses two media queries to target both screen an
 }
 ```
 
-See [media type](/en-US/docs/Web/CSS/@media#media_types) for a list of all media types.
-Because they describe devices in only very broad terms, just a few are available; to target more specific attributes, use _media features_ instead.
+See [media types](/en-US/docs/Web/CSS/@media#media_types) for the list of available media types.
+Because media types describe devices in very broad terms, most of the originally-defined media types were deprecated, with just `screen`, `print`, and `all` remaining. To target more specific attributes, use _media features_ instead.
 
 ## Targeting media features
 
 Media features describe the specific characteristics of a given {{glossary("user agent")}}, output device, or environment.
-For instance, you can apply specific styles to widescreen monitors, computers that use mice, or to devices that are being used in low-light conditions.
+For instance, you can apply specific styles to widescreen monitors, computers that use mice, or devices that are being used in low-light conditions.
 This example applies styles when the user's _primary_ input mechanism (such as a mouse) can hover over elements:
 
 ```css
@@ -107,7 +108,17 @@ This example applies styles when the user's _primary_ input mechanism (such as a
 }
 ```
 
-Many media features are _range features_, which means they can be prefixed with "min-" or "max-" to express "minimum condition" or "maximum condition" constraints.
+Media features are either range or discrete.
+
+_Discrete features_ take their value from an {{glossary("enumerated")}} set of possible keyword values. For example, the discrete `orientation` feature accepts either `landscape` or `portrait`.
+
+```css
+@media print and (orientation: portrait) {
+  /* … */
+}
+```
+
+Many _range features_ can be prefixed with "min-" or "max-" to express "minimum condition" or "maximum condition" constraints.
 For example, this CSS will apply styles only if your browser's {{glossary("viewport")}} width is equal to or narrower than 1250px:
 
 ```css
@@ -116,7 +127,37 @@ For example, this CSS will apply styles only if your browser's {{glossary("viewp
 }
 ```
 
-If you create a media feature query without specifying a value, the nested styles will be used as long as the feature's value is not zero (or `none`, in [Level 4](https://drafts.csswg.org/mediaqueries-4/)).
+This can also be written as:
+
+```css
+@media (width <= 1250px) {
+  /* … */
+}
+```
+
+With media query range features, you can either use the inclusive `min-` and `max-` prefixes or the more concise range syntax operators `<=` and `=>`.
+
+The following media queries are equivalent:
+
+```css
+@media (min-width: 30em) and (max-width: 50em) {
+  /* … */
+}
+
+@media (30em <= width <= 50em) {
+  /* … */
+}
+```
+
+The range comparisons above are inclusive. To not include the comparison value, use `<` and `>`.
+
+```css
+@media (30em < width < 50em) {
+  /* … */
+}
+```
+
+If you create a media feature query without specifying a value, the nested styles will be used as long as the feature's value is not 0 or `none`.
 For example, this CSS will apply to any device with a color screen:
 
 ```css
@@ -134,7 +175,7 @@ For more [Media feature](/en-US/docs/Web/CSS/@media#media_features) examples, pl
 Sometimes you may want to create a media query that depends on multiple conditions. This is where the _logical operators_ come in: `not`, `and`, and `only`.
 Furthermore, you can combine multiple media queries into a _comma-separated list_; this allows you to apply the same styles in different situations.
 
-In the previous example, we've already seen the `and` operator used to group a media _type_ with a media _feature_.
+In the previous example, we saw the `and` operator used to group a media _type_ with a media _feature_.
 The `and` operator can also combine multiple media features into a single media query. The `not` operator, meanwhile, negates a media query, basically reversing its normal meaning.
 The `only` operator prevents older browsers from applying the styles.
 
@@ -162,8 +203,9 @@ To limit the styles to devices with a screen, you can chain the media features t
 
 ### Testing for multiple queries
 
-You can use a comma-separated list to apply styles when the user's device matches any one of various media types, features, or states.
-For instance, the following rule will apply its styles if the user's device has either a minimum height of 680px _or_ is a screen device in portrait mode:
+You can use a comma-separated list of media queries to apply styles when the user's device matches any one of various media types, features, or states.
+
+The following rule contains two media queries. The block's styles will apply if either the user's device has a height of 680px or more _or_ is if the browser viewport is in portrait mode (the viewport height is greater than the viewport width):
 
 ```css
 @media (min-height: 680px), screen and (orientation: portrait) {
@@ -171,39 +213,22 @@ For instance, the following rule will apply its styles if the user's device has
 }
 ```
 
-Taking the above example, if the user had a printer with a page height of 800px, the media statement would return true because the first query would apply.
-Likewise, if the user were on a smartphone in portrait mode with a viewport height of 480px, the second query would apply and the media statement would still return true.
-
-### Inverting a query's meaning
+In this example, if the user is printing to a PDF and the page height is 800px, the media query returns true because the first query component — which tests whether the viewport has a height of `680px` or more — is true.
+Likewise, if a user is on a smartphone in portrait mode with a viewport height of 480px, the media query returns true because the second query component is true.
 
-The `not` keyword inverts the meaning of an entire media query. It will only negate the specific media query it is applied to.
-(Thus, it will not apply to every media query in a comma-separated list of media queries.)
-The `not` keyword can't be used to negate an individual feature query, only an entire media query.
-The `not` is evaluated last in the following query:
+In a comma-separated list of media queries, the individual media queries end at the comma or, in the case of the last media query in the list, at the opening bracket (`{`).
 
-```css
-@media not all and (monochrome) {
-  /* … */
-}
-```
+### Inverting a query's meaning
 
-This means that the above query is evaluated like this:
+The `not` keyword inverts the meaning of a single media query. For example, the CSS styles in this media query will apply to everything _except_ printed media:
 
 ```css
-@media not (all and (monochrome)) {
-  /* … */
-}
-```
-
-It wouldn't be evaluated like this:
-
-```css example-bad
-@media (not all) and (monochrome) {
+@media not print {
   /* … */
 }
 ```
 
-As another example, the following media query:
+The `not` negates only the media query it is applied to. The `not`, without parenthesis, negates all the features within the media query in which it is contained. This means, in a comma-separated list of media queries, each `not` applies to the single query it is contained within, applying to _all_ the features within that single query. In this example, the `not` applies to the first media query, which concludes at the first comma:
 
 ```css
 @media not screen and (color), print and (color) {
@@ -211,7 +236,7 @@ As another example, the following media query:
 }
 ```
 
-This means that the above query is evaluated like this:
+The above query is evaluated like this:
 
 ```css
 @media (not (screen and (color))), print and (color) {
@@ -219,63 +244,53 @@ This means that the above query is evaluated like this:
 }
 ```
 
-### Improving compatibility with older browsers
-
-The `only` keyword prevents older browsers that do not support media queries with media features from applying the given styles.
-_It has no effect on modern browsers._
-
-```css
-@media only screen and (color) {
-  /* … */
-}
-```
-
-## Syntax improvements in Level 4
+Both examples are valid. Media conditions can be grouped by wrapping them in parentheses (`()`). These groups can then be nested within a condition the same as a single media query.
 
-The Media Queries Level 4 specification includes some syntax improvements to make media queries using features that have a "range" type, for example width or height, less verbose.
-Level 4 adds a _range context_ for writing such queries.
-You can check the [`@media` browser compatibility table](/en-US/docs/Web/CSS/@media#browser_compatibility) for details on support.
+The `not` is evaluated last in a media query, meaning it applies to the entire media query, not to a single feature within a query, as if an open parenthesis was added immediately after the `not` and closed at the end of the media query.
 
-To see how the "range" syntax works, let's look at an example that applies styles based on `max-width`:
+The following query:
 
 ```css
-@media (max-width: 30em) {
+@media not all and (monochrome) {
   /* … */
 }
 ```
 
-In Media Queries Level 4 this can be written as:
+is evaluated like this:
 
 ```css
-@media (width <= 30em) {
+@media not (all and (monochrome)) {
   /* … */
 }
 ```
 
-Using `min-` and `max-` we can check for a width between two values like so:
+It is not evaluated like this:
 
-```css
-@media (min-width: 30em) and (max-width: 50em) {
+```css example-bad
+@media (not all) and (monochrome) {
   /* … */
 }
 ```
 
-You can write this using the "range" syntax as:
+To negate a single feature within a media query, use parenthesis. Encompassing a `not` and a media feature in parentheses limits the components of the query that get negated.
+
+In this example, we negate the `hover` media feature but not the `all` media type:
 
 ```css
-@media (30em <= width <= 50em) {
+@media all and (not(hover)) {
   /* … */
 }
 ```
 
-Media Queries Level 4 also adds ways to combine media queries using full boolean algebra with **and**, **not**, and **or**.
+The `not(hover)` matches if the device has no hover capability. In this case, because of the parentheses, the `not` applies to `hover` but not to `all`.
 
-### Negating a feature with `not`
+### Improving compatibility with older browsers
 
-Using `not()` around a media feature negates that feature in the query. For example, `not(hover)` would match if the device had no hover capability:
+The `only` keyword prevents older browsers that do not support media queries with media features from applying the given styles.
+_It has no effect on modern browsers._
 
 ```css
-@media (not(hover)) {
+@media only screen and (color) {
   /* … */
 }
 ```
diff --git a/files/en-us/web/css/css_media_queries/using_media_queries_for_accessibility/index.md b/files/en-us/web/css/css_media_queries/using_media_queries_for_accessibility/index.md
index 1393fb9194c3493..cc387db3e69e797 100644
--- a/files/en-us/web/css/css_media_queries/using_media_queries_for_accessibility/index.md
+++ b/files/en-us/web/css/css_media_queries/using_media_queries_for_accessibility/index.md
@@ -12,7 +12,7 @@ page-type: guide
 
 Blinking and flashing animation can be problematic for people with cognitive concerns such as Attention Deficit Hyperactivity Disorder (ADHD). Additionally, certain kinds of motion can be a trigger for Vestibular disorders, epilepsy, and migraine and Scotopic sensitivity. The [`prefers-reduced-motion`](/en-US/docs/Web/CSS/@media/prefers-reduced-motion) media query enables providing an experience with fewer animations and transitions to users who have set their operating system's accessibility preferences to reduce motion.
 
-Also, this method of switching animation off according to the user's preference can also benefit users with low battery or low-end phones or computers.
+Reducing animations or switching animation off completely based on the user's preference can also benefit users with low battery or low-end devices.
 
 ### Syntax
 
@@ -23,7 +23,7 @@ Also, this method of switching animation off according to the user's preference
 
 ### Example
 
-This example has an annoying animation unless you turn on Reduce Motion in your accessibility preferences.
+This example has an annoying animation unless you turn on Reduce Motion in [your accessibility preferences](/en-US/docs/Web/Accessibility/Accessibility:_What_users_can_to_to_browse_safely).
 
 #### HTML
 
@@ -45,7 +45,7 @@ This example has an annoying animation unless you turn on Reduce Motion in your
 }
 ```
 
-The value of `prefers-reduced-motion` is `reduce`, not "none". Users are not expecting no animation, such as could be set with `* {animation: none !important;}`. Rather, they expect motion animation triggered by interaction to be disabled, unless the animation is essential to the functionality or the information being conveyed (see [WCAG: Animation from Interactions](https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html)).
+The value of `prefers-reduced-motion` is `reduce`, not "none". This preference does not mean all animations must be removed, which could be achieved with `* {animation: none !important;}`. Rather, users expect motion animation, including those triggered by user interaction, to be disabled unless the animation is essential to the functionality or the information being conveyed (see [WCAG: Animation from Interactions](https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html)).
 
 ## See also
 

From 02724e050873ff160217f3980e6eb8c2d356fdc9 Mon Sep 17 00:00:00 2001
From: GniLudio <50866361+GniLudio@users.noreply.github.com>
Date: Sat, 27 Jan 2024 03:11:56 +0100
Subject: [PATCH 570/790] Bouncing logic respects ball radius (#31922)

* Bouncing logic respects ball radius

* Update files/en-us/web/api/canvas_api/tutorial/advanced_animations/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Wraps long code

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Wraps long code

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Wraps long code

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Wraps long code

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Wraps long code

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Wraps long code

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Fix typo

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Wraps long code

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Wraps long code

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Wraps long code

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 .../tutorial/advanced_animations/index.md     | 50 +++++++++++++++----
 1 file changed, 40 insertions(+), 10 deletions(-)

diff --git a/files/en-us/web/api/canvas_api/tutorial/advanced_animations/index.md b/files/en-us/web/api/canvas_api/tutorial/advanced_animations/index.md
index 8bf52a9440d5c78..3dd4c97af38981f 100644
--- a/files/en-us/web/api/canvas_api/tutorial/advanced_animations/index.md
+++ b/files/en-us/web/api/canvas_api/tutorial/advanced_animations/index.md
@@ -90,10 +90,16 @@ ball.draw();
 Without any boundary collision testing our ball runs out of the canvas quickly. We need to check if the `x` and `y` position of the ball is out of the canvas dimensions and invert the direction of the velocity vectors. To do so, we add the following checks to the `draw` method:
 
 ```js
-if (ball.y + ball.vy > canvas.height || ball.y + ball.vy < 0) {
+if (
+  ball.y + ball.vy > canvas.height - ball.radius ||
+  ball.y + ball.vy < ball.radius
+) {
   ball.vy = -ball.vy;
 }
-if (ball.x + ball.vx > canvas.width || ball.x + ball.vx < 0) {
+if (
+  ball.x + ball.vx > canvas.width - ball.radius ||
+  ball.x + ball.vx < ball.radius
+) {
   ball.vx = -ball.vx;
 }
 ```
@@ -137,10 +143,16 @@ function draw() {
   ball.x += ball.vx;
   ball.y += ball.vy;
 
-  if (ball.y + ball.vy > canvas.height || ball.y + ball.vy < 0) {
+  if (
+    ball.y + ball.vy > canvas.height - ball.radius ||
+    ball.y + ball.vy < ball.radius
+  ) {
     ball.vy = -ball.vy;
   }
-  if (ball.x + ball.vx > canvas.width || ball.x + ball.vx < 0) {
+  if (
+    ball.x + ball.vx > canvas.width - ball.radius ||
+    ball.x + ball.vx < ball.radius
+  ) {
     ball.vx = -ball.vx;
   }
 
@@ -214,10 +226,16 @@ function draw() {
   ball.vy *= 0.99;
   ball.vy += 0.25;
 
-  if (ball.y + ball.vy > canvas.height || ball.y + ball.vy < 0) {
+  if (
+    ball.y + ball.vy > canvas.height - ball.radius ||
+    ball.y + ball.vy < ball.radius
+  ) {
     ball.vy = -ball.vy;
   }
-  if (ball.x + ball.vx > canvas.width || ball.x + ball.vx < 0) {
+  if (
+    ball.x + ball.vx > canvas.width - ball.radius ||
+    ball.x + ball.vx < ball.radius
+  ) {
     ball.vx = -ball.vx;
   }
 
@@ -288,10 +306,16 @@ function draw() {
   ball.vy *= 0.99;
   ball.vy += 0.25;
 
-  if (ball.y + ball.vy > canvas.height || ball.y + ball.vy < 0) {
+  if (
+    ball.y + ball.vy > canvas.height - ball.radius ||
+    ball.y + ball.vy < ball.radius
+  ) {
     ball.vy = -ball.vy;
   }
-  if (ball.x + ball.vx > canvas.width || ball.x + ball.vx < 0) {
+  if (
+    ball.x + ball.vx > canvas.width - ball.radius ||
+    ball.x + ball.vx < ball.radius
+  ) {
     ball.vx = -ball.vx;
   }
 
@@ -360,10 +384,16 @@ function draw() {
   ball.x += ball.vx;
   ball.y += ball.vy;
 
-  if (ball.y + ball.vy > canvas.height || ball.y + ball.vy < 0) {
+  if (
+    ball.y + ball.vy > canvas.height - ball.radius ||
+    ball.y + ball.vy < ball.radius
+  ) {
     ball.vy = -ball.vy;
   }
-  if (ball.x + ball.vx > canvas.width || ball.x + ball.vx < 0) {
+  if (
+    ball.x + ball.vx > canvas.width - ball.radius ||
+    ball.x + ball.vx < ball.radius
+  ) {
     ball.vx = -ball.vx;
   }
 

From bf405670279f1a10666cccb607ae7bdac103816b Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 26 Jan 2024 22:06:43 -0800
Subject: [PATCH 571/790] Bump husky from 8.0.3 to 9.0.6 (#31940)

Bumps [husky](https://github.com/typicode/husky) from 8.0.3 to 9.0.6.
- [Release notes](https://github.com/typicode/husky/releases)
- [Commits](https://github.com/typicode/husky/compare/v8.0.3...v9.0.6)

---
updated-dependencies:
- dependency-name: husky
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 073e602b09011d0..f6b780f2ad6a6da 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "env-cmd": "10.1.0",
     "fdir": "^6.1.1",
     "gray-matter": "^4.0.3",
-    "husky": "8.0.3",
+    "husky": "9.0.6",
     "js-yaml": "^4.1.0",
     "lint-staged": "15.2.0",
     "markdownlint-cli2": "0.12.1",
diff --git a/yarn.lock b/yarn.lock
index 712af9b4c192a3e..f4895708832b958 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3849,10 +3849,10 @@ humanize-ms@^1.2.1:
   dependencies:
     ms "^2.0.0"
 
-husky@8.0.3:
-  version "8.0.3"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-8.0.3.tgz#4936d7212e46d1dea28fef29bb3a108872cd9184"
-  integrity sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg==
+husky@9.0.6:
+  version "9.0.6"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-9.0.6.tgz#cee0245d60480b12279cf492ec6cfc1aeb7fa759"
+  integrity sha512-EEuw/rfTiMjOfuL7pGO/i9otg1u36TXxqjIA6D9qxVjd/UXoDOsLor/BSFf5hTK50shwzCU3aVVwdXDp/lp7RA==
 
 iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"

From 6b0ca009e09f42586058aac6dd25ffb842bf15d2 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Sat, 27 Jan 2024 07:08:57 +0100
Subject: [PATCH 572/790] Update InterfaceData based on WebRef (#31949)

---
 files/jsondata/InterfaceData.json | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/files/jsondata/InterfaceData.json b/files/jsondata/InterfaceData.json
index 978f8f8fee3f523..d31fcb0507ec20e 100644
--- a/files/jsondata/InterfaceData.json
+++ b/files/jsondata/InterfaceData.json
@@ -3012,6 +3012,18 @@
       "inh": "WorkerGlobalScope",
       "impl": []
     },
+    "SnapEvent": {
+      "inh": "Event",
+      "impl": []
+    },
+    "SnapTargetArray": {
+      "inh": "",
+      "impl": []
+    },
+    "SnapTargetList": {
+      "inh": "",
+      "impl": []
+    },
     "SourceBuffer": {
       "inh": "EventTarget",
       "impl": []

From cdec1334a97687cc0e2d27d6f8e3e9e3d4106dae Mon Sep 17 00:00:00 2001
From: Mathew Hodson <mathew.hodson@gmail.com>
Date: Sat, 27 Jan 2024 03:52:10 -0500
Subject: [PATCH 573/790] Fix redirect for old cancel_event page (#31948)

This page was previously at
/en-US/docs/Web/API/HTMLDialogElement/cancel_event
and was moved in
commit 0900a5665 ("Add missing `cancel` event to `<input type=file>`")
---
 files/en-us/_redirects.txt | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index c44f67224025350..d6aee32af57064a 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -8408,7 +8408,7 @@
 /en-US/docs/Web/API/HTMLContentElement.select	/en-US/docs/Web/API/HTMLSlotElement
 /en-US/docs/Web/API/HTMLContentElement/getDistributedNodes	/en-US/docs/Web/API/HTMLSlotElement
 /en-US/docs/Web/API/HTMLContentElement/select	/en-US/docs/Web/API/HTMLSlotElement
-/en-US/docs/Web/API/HTMLDialogElement/cancel	/en-US/docs/Web/API/HTMLElement/cancel_event
+/en-US/docs/Web/API/HTMLDialogElement/cancel_event	/en-US/docs/Web/API/HTMLElement/cancel_event
 /en-US/docs/Web/API/HTMLDialogElement/close()	/en-US/docs/Web/API/HTMLDialogElement/close
 /en-US/docs/Web/API/HTMLDialogElement/returnValue()	/en-US/docs/Web/API/HTMLDialogElement/returnValue
 /en-US/docs/Web/API/HTMLDialogElement/show()	/en-US/docs/Web/API/HTMLDialogElement/show

From 3e0414d153e5d3108fc038c513a4bc04017f654a Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Sat, 27 Jan 2024 00:53:05 -0800
Subject: [PATCH 574/790] update webkit-scrollbar note (#31947)

---
 files/en-us/web/css/_doublecolon_-webkit-scrollbar/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/_doublecolon_-webkit-scrollbar/index.md b/files/en-us/web/css/_doublecolon_-webkit-scrollbar/index.md
index 9285dac77abfd89..f9f587f66db12e6 100644
--- a/files/en-us/web/css/_doublecolon_-webkit-scrollbar/index.md
+++ b/files/en-us/web/css/_doublecolon_-webkit-scrollbar/index.md
@@ -19,7 +19,7 @@ browser-compat:
 The `::-webkit-scrollbar` CSS pseudo-element affects the style of an element's scrollbar when it has scrollable overflow.
 
 > **Note:** The `::-webkit-scrollbar` vendor-prefixed pseudo-element is not supported on all browsers (see [Browser compatibility](#browser_compatibility)).
-> The {{cssxref("scrollbar-color")}} and {{cssxref("scrollbar-width")}} standard properties may be used as an alternative for browsers that do not support this pseudo-element.
+> The {{cssxref("scrollbar-color")}} and {{cssxref("scrollbar-width")}} standard properties may be used as an alternative for browsers that do not support this pseudo-element. When these properties are set, `::-webkit-scrollbar` styling is disabled.
 
 ## CSS Scrollbar Selectors
 

From 56ff9c15562b7f18fa5f7ff288018646ffc1a196 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 27 Jan 2024 17:06:25 +0800
Subject: [PATCH 575/790] Add documentation for
 `HTMLIFrameElement.allowFullscreen` (#31861)

* fix property name

* init docs

* add example

* Update files/en-us/web/api/htmliframeelement/allowfullscreen/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmliframeelement/allowfullscreen/index.md

Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>

* Update files/en-us/web/api/htmliframeelement/allowfullscreen/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmliframeelement/allowfullscreen/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>
---
 .../allowfullscreen/index.md                  | 43 +++++++++++++++++++
 .../en-us/web/api/htmliframeelement/index.md  |  2 +-
 2 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 files/en-us/web/api/htmliframeelement/allowfullscreen/index.md

diff --git a/files/en-us/web/api/htmliframeelement/allowfullscreen/index.md b/files/en-us/web/api/htmliframeelement/allowfullscreen/index.md
new file mode 100644
index 000000000000000..ef724813fe8a312
--- /dev/null
+++ b/files/en-us/web/api/htmliframeelement/allowfullscreen/index.md
@@ -0,0 +1,43 @@
+---
+title: "HTMLIFrameElement: allowFullscreen property"
+short-title: allowFullscreen
+slug: Web/API/HTMLIFrameElement/allowFullscreen
+page-type: web-api-instance-property
+browser-compat: api.HTMLIFrameElement.allowFullscreen
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`allowFullscreen`** property of the {{domxref("HTMLIFrameElement")}} interface is a boolean value that reflects the `allowfullscreen` attribute of the {{HTMLElement("iframe")}} element, indicating whether to allow the iframe's contents to use {{domxref("Element.requestFullscreen", "requestFullscreen()")}}.
+
+> **Note**: This property is considered a legacy property. Use `allow="fullscreen"` and domxref("HTMLIFrameElement.allow")}} instead.
+
+## Value
+
+A boolean value.
+
+## Examples
+
+```html
+<iframe id="el" allowfullscreen></iframe>
+```
+
+```js
+const el = document.getElementById("el");
+console.log(el.allowFullscreen); // Output: true
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [Fullscreen API](/en-US/docs/Web/API/Fullscreen_API)
+- {{domxref("Element.requestFullscreen()")}}
+- [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy)
+- {{httpheader("Permissions-Policy/fullscreen", "fullscreen")}} Permissions Policy directive
diff --git a/files/en-us/web/api/htmliframeelement/index.md b/files/en-us/web/api/htmliframeelement/index.md
index 9eca9a5667ef10e..131dd2504d91f88 100644
--- a/files/en-us/web/api/htmliframeelement/index.md
+++ b/files/en-us/web/api/htmliframeelement/index.md
@@ -19,7 +19,7 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}_.
   - : A string that specifies the alignment of the frame with respect to the surrounding context.
 - {{domxref("HTMLIFrameElement.allow")}}
   - : A list of origins the frame is allowed to display content from. This attribute also accepts the values `self` and `src` which represent the origin in the iframe's src attribute. The default value is `src`.
-- {{domxref("HTMLIFrameElement.allowfullscreen")}}
+- {{domxref("HTMLIFrameElement.allowFullscreen")}}
   - : A boolean value indicating whether the inline frame is willing to be placed into full screen mode. See [Using fullscreen mode](/en-US/docs/Web/API/Fullscreen_API) for details.
 - {{domxref("HTMLIFrameElement.allowPaymentRequest")}} {{Deprecated_Inline}} {{Non-standard_Inline}}
   - : A boolean value indicating whether the [Payment Request API](/en-US/docs/Web/API/Payment_Request_API) may be invoked inside a cross-origin iframe.

From 1582d17d5c39869980f3dc4a249a09292976acfe Mon Sep 17 00:00:00 2001
From: Nathan Whittaker <nwhittaker@esri.com>
Date: Sat, 27 Jan 2024 05:11:15 -0500
Subject: [PATCH 576/790] Fix inconsistencies in "HTML attribute: step" doc
 (#31872)

* Update index.md

Fix a typo in the **min impact on step** section where the default `step` value is said to be `0` instead of `1`.

* Fix code description to match snippet

* Reword description of the min_impact_on_step sample's behavior

* A few structural text tweaks

* Update files/en-us/web/html/attributes/step/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* make number formatting consistent

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/html/attributes/step/index.md | 29 +++++++++++++------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/files/en-us/web/html/attributes/step/index.md b/files/en-us/web/html/attributes/step/index.md
index da9e674b7314fe6..16e8e4b76bd5523 100644
--- a/files/en-us/web/html/attributes/step/index.md
+++ b/files/en-us/web/html/attributes/step/index.md
@@ -9,7 +9,7 @@ browser-compat: html.elements.input.step
 
 The **`step`** attribute is a number that specifies the granularity that the value must adhere to or the keyword `any`. It is valid for the numeric input types, including the {{HTMLElement("input/date", "date")}}, {{HTMLElement("input/month", "month")}}, {{HTMLElement("input/week", "week")}}, {{HTMLElement("input/time", "time")}}, {{HTMLElement("input/datetime-local", "datetime-local")}}, {{HTMLElement("input/number", "number")}} and {{HTMLElement("input/range", "range")}} types.
 
-The `step` sets the _stepping interval_ when clicking up and down spinner buttons, moving a slider left and right on a range, and validating the different date types. If not explicitly included, `step` defaults to 1 for `number` and `range`, and 1 unit type (minute, week, month, day) for the date/time input types. The value can must be a positive number - integer or float — or the special value `any`, which means no stepping is implied, and any value is allowed (barring other constraints, such as [`min`](/en-US/docs/Web/HTML/Attributes/min) and [`max`](/en-US/docs/Web/HTML/Attributes/max)).
+The `step` sets the _stepping interval_ when clicking up and down spinner buttons, moving a slider left and right on a range, and validating the different date types. If not explicitly included, `step` defaults to 1 for `number` and `range`, and 1 unit type (minute, week, month, day) for the date/time input types. The value must be a positive number - integer or float — or the special value `any`, which means no stepping is implied and any value is allowed (barring other constraints, such as [`min`](/en-US/docs/Web/HTML/Attributes/min) and [`max`](/en-US/docs/Web/HTML/Attributes/max)).
 
 The default stepping value for `number` inputs is 1, allowing only integers to be entered, _unless_ the stepping base is not an integer. The default stepping value for `time` is 1 second, with 900 being equal to 15 minutes.
 
@@ -74,13 +74,24 @@ The default stepping value for `number` inputs is 1, allowing only integers to b
   </tbody>
 </table>
 
-If `any` is not explicitly set, valid values for the `number`, date/time input types, and `range` input types are equal to the basis for stepping - the [`min`](/en-US/docs/Web/HTML/Attributes/min) value and increments of the step value, up to the [`max`](/en-US/docs/Web/HTML/Attributes/max) value, if specified. For example, if we have `<input type="number" min="10" step="2">` any even integer, 10 or greater, is valid. If omitted, `<input type="number">`, any integer is valid, but floats, like 4.2, are not valid, as `step` defaults to 1. For 4.2 to be valid, `step` would have had to be set to `any`, 0.1, 0.2, or any the min value would have had to be a number ending in .2, such as `<input type="number" min="-5.2">`
+If `any` is not explicitly set, valid values for the `number`, date/time input types, and `range` input types are equal to the basis for stepping - the [`min`](/en-US/docs/Web/HTML/Attributes/min) value and increments of the step value, up to the [`max`](/en-US/docs/Web/HTML/Attributes/max) value, if specified. The following example results in any even integer, 10 or greater, being valid:
 
-### min impact on step
+```html
+<input type="number" min="10" step="2" />
+```
+
+If `step` is omitted, any integer is valid but floats like 4.2 are not valid as `step` defaults to 1. For 4.2 to be valid:
+
+- either `step` would have to be set to `any`, 0.1, or 0.2,
+- or the `min` value would have to be a number ending in .2, such as 0.2, 1.2, or -5.2.
+
+## Examples
+
+### `min` impact on step
 
-The value of `min` and `step` define what are valid values, even if the `step` attribute is not included, as `step` defaults to `0`.
+The value of `min` defines valid values, even if the `step` attribute is not included. This is because `step` defaults to 1.
 
-We add a big red border around invalid inputs:
+In this example, we add a big red border around invalid inputs:
 
 ```css
 input:invalid {
@@ -88,17 +99,17 @@ input:invalid {
 }
 ```
 
-Then define an input with a minimum value of 7.2, omitting the step attribute, wherein it defaults to 1.
+We then define an input with a minimum value of 1.2 and a step value of 2:
 
 ```html
 <input id="myNumber" name="myNumber" type="number" step="2" min="1.2" />
 ```
 
-Valid values include `1.2`, `3.2`, `5.2`, `7.2`, `9.2`, `11.2`, and so on. Integers and even numbers followed by .2 are not valid. As we included an invalid value, supporting browsers will show the value as invalid. The number spinner, if present, will only show valid float values of `1.2` and greater
+Valid values include 1.2, 3.2, 5.2, 7.2, 9.2, 11.2, and so on. Only floats with an odd-numbered integer part and a decimal part of .2 are valid. The number spinner, if present, generates valid float values of 1.2 and greater, in increments of 2.
 
-{{EmbedLiveSample("min_impact_on_step",200,55)}}
+{{EmbedLiveSample("min_impact_on_step","100%",55)}}
 
-> **Note:** When the data entered by the user doesn't adhere to the stepping configuration, the value is considered invalid in constraint validation and will match the {{cssxref(":invalid")}} and {{cssxref(":out-of-range")}} pseudoclasses
+> **Note:** When the data entered by the user doesn't adhere to the stepping configuration, the value is considered invalid in constraint validation and will match the {{cssxref(":invalid")}} and {{cssxref(":out-of-range")}} pseudoclasses.
 
 See [Client-side validation](/en-US/docs/Web/HTML/Constraint_validation) and {{domxref("ValidityState.stepMismatch", "stepMismatch")}} for more information.
 

From 31fa0bbc78b87bf3ec7559906515fcd3dfde68de Mon Sep 17 00:00:00 2001
From: Jean-Yves Perrier <jypenator@gmail.com>
Date: Sat, 27 Jan 2024 18:18:43 +0100
Subject: [PATCH 577/790] Revert "Typo (add codeface)" (#31951)

* Revert "Typo (add codeface)"

* Update files/en-us/web/javascript/guide/expressions_and_operators/index.md

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../web/javascript/guide/expressions_and_operators/index.md     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/guide/expressions_and_operators/index.md b/files/en-us/web/javascript/guide/expressions_and_operators/index.md
index 594acd20093604d..0ba3affc35d2f5c 100644
--- a/files/en-us/web/javascript/guide/expressions_and_operators/index.md
+++ b/files/en-us/web/javascript/guide/expressions_and_operators/index.md
@@ -184,7 +184,7 @@ console.log(f(0, x = f(), 0));
 The evaluation result matches the expression to the right of the `=` sign in the
 "Meaning" column of the table above. That means that `x = f()` evaluates into
 whatever `f()`'s result is, `x += f()` evaluates into the resulting sum `x + f()`,
-`x **= f() evaluates into the resulting power x ** f(), and so on.
+`x **= f()` evaluates into the resulting power `x ** f()`, and so on.
 
 In the case of logical assignments, `x &&= f()`,
 `x ||= f()`, and `x ??= f()`, the return value is that of the

From d99316c13088f49762ad0f83b0cfe060a84be3bb Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Sun, 28 Jan 2024 10:01:13 +0530
Subject: [PATCH 578/790] Synchronize with BCD v5.5.8 (#31958)

Co-authored-by: OnkarRuikar <OnkarRuikar@users.noreply.github.com>
---
 files/en-us/web/api/rtcicecandidatepairstats/index.md         | 2 +-
 .../en-us/web/api/rtcicecandidatepairstats/priority/index.md  | 3 ++-
 files/en-us/web/html/element/audio/index.md                   | 2 +-
 files/en-us/web/html/element/video/index.md                   | 4 ++--
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/files/en-us/web/api/rtcicecandidatepairstats/index.md b/files/en-us/web/api/rtcicecandidatepairstats/index.md
index 18a5d02193ddc06..36d3fdaa50784fe 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/index.md
@@ -67,7 +67,7 @@ The following properties have been removed from the specification and should no
 You should update any existing code to avoid using them as soon as is practical.
 Check the [compatibility table](#browser_compatibility) for details on which browsers support them and in which versions.
 
-- {{domxref("RTCIceCandidatePairStats.priority", "priority")}} {{Deprecated_Inline}} {{optional_inline}}
+- {{domxref("RTCIceCandidatePairStats.priority", "priority")}} {{Deprecated_Inline}} {{optional_inline}} {{non-standard_inline}}
   - : An integer value indicating the candidate pair's priority.
 - {{domxref("RTCIceCandidatePairStats.readable", "readable")}} {{Deprecated_Inline}} {{optional_inline}} {{Non-standard_Inline}}
   - : A Boolean value indicating whether or not data can be sent over the connection described by the candidate pair.
diff --git a/files/en-us/web/api/rtcicecandidatepairstats/priority/index.md b/files/en-us/web/api/rtcicecandidatepairstats/priority/index.md
index a1e2515338817f5..4f18817a14d0c75 100644
--- a/files/en-us/web/api/rtcicecandidatepairstats/priority/index.md
+++ b/files/en-us/web/api/rtcicecandidatepairstats/priority/index.md
@@ -5,10 +5,11 @@ slug: Web/API/RTCIceCandidatePairStats/priority
 page-type: web-api-instance-property
 status:
   - deprecated
+  - non-standard
 browser-compat: api.RTCStatsReport.type_candidate-pair.priority
 ---
 
-{{APIRef("WebRTC")}}{{deprecated_header}}
+{{APIRef("WebRTC")}}{{deprecated_header}}{{non-standard_header}}
 
 The _obsolete_ {{domxref("RTCIceCandidatePairStats")}}
 property **`priority`** reports the priority of the candidate
diff --git a/files/en-us/web/html/element/audio/index.md b/files/en-us/web/html/element/audio/index.md
index 20faa9bb138508e..0ab431314adf1bd 100644
--- a/files/en-us/web/html/element/audio/index.md
+++ b/files/en-us/web/html/element/audio/index.md
@@ -29,7 +29,7 @@ This element's attributes include the [global attributes](/en-US/docs/Web/HTML/G
 
   - : If this attribute is present, the browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback.
 
-- `controlslist` {{experimental_inline}}{{non-standard_inline}}
+- `controlslist`
 
   - : The [`controlslist`](https://wicg.github.io/controls-list/explainer.html) attribute, when specified, helps the browser select what controls to show for the `audio` element whenever the browser shows its own set of controls (that is, when the `controls` attribute is specified).
 
diff --git a/files/en-us/web/html/element/video/index.md b/files/en-us/web/html/element/video/index.md
index 7254467d148b965..37fe337ace7f46f 100644
--- a/files/en-us/web/html/element/video/index.md
+++ b/files/en-us/web/html/element/video/index.md
@@ -31,7 +31,7 @@ Like all other HTML elements, this element supports the [global attributes](/en-
 
 - `controls`
   - : If this attribute is present, the browser will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback.
-- `controlslist` {{experimental_inline}}{{non-standard_inline}}
+- `controlslist`
 
   - : The [`controlslist`](https://wicg.github.io/controls-list/explainer.html) attribute, when specified, helps the browser select what controls to show for the `video` element whenever the browser shows its own set of controls (that is, when the `controls` attribute is specified).
 
@@ -50,7 +50,7 @@ Like all other HTML elements, this element supports the [global attributes](/en-
 
     When not present, the resource is fetched without a CORS request (i.e. without sending the `Origin:` HTTP header), preventing its non-tainted use in {{HTMLElement('canvas')}} elements. If invalid, it is handled as if the enumerated keyword `anonymous` was used. See [CORS settings attributes](/en-US/docs/Web/HTML/Attributes/crossorigin) for additional information.
 
-- `disablepictureinpicture` {{experimental_inline}}
+- `disablepictureinpicture`
   - : Prevents the browser from suggesting a Picture-in-Picture context menu or to request Picture-in-Picture automatically in some cases.
 - `disableremoteplayback`
 

From a42dcee9b9cd82d26f1d8de321e2f42975aea07d Mon Sep 17 00:00:00 2001
From: Martin Trapp <94928215+martrapp@users.noreply.github.com>
Date: Sun, 28 Jan 2024 05:33:53 +0100
Subject: [PATCH 579/790] Update index.md (#31955)

---
 files/en-us/web/css/custom-ident/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/custom-ident/index.md b/files/en-us/web/css/custom-ident/index.md
index 5315f24ed79b1ca..2a5a38ebee5bc33 100644
--- a/files/en-us/web/css/custom-ident/index.md
+++ b/files/en-us/web/css/custom-ident/index.md
@@ -21,7 +21,7 @@ The syntax of `<custom-ident>` is similar to CSS identifiers (such as property n
 - any decimal digit (`0` to `9`),
 - a hyphen (`-`),
 - an underscore (`_`),
-- an [escaped character](#escaping-characters) (preceded by a backslash, `\`),
+- an [escaped character](#escaping_characters) (preceded by a backslash, `\`),
 - a [Unicode](https://en.wikipedia.org/wiki/Unicode) character (in the format of a backslash, `\`, followed by one to six hexadecimal digits, representing its Unicode code point)
 
 Note that `id1`, `Id1`, `iD1`, and `ID1` are all different identifiers as they are [case-sensitive](https://en.wikipedia.org/wiki/Case_sensitivity).

From 8e6736849bef00990863434d2c5bfd61e1afeac8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Otterstr=C3=B6m?= <github@otterstrom.dev>
Date: Sun, 28 Jan 2024 05:36:05 +0100
Subject: [PATCH 580/790] Update sectioning content to fit spec (#31943)

---
 files/en-us/web/html/content_categories/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/html/content_categories/index.md b/files/en-us/web/html/content_categories/index.md
index 84810e774c9f2aa..0b16c06cf0c542b 100644
--- a/files/en-us/web/html/content_categories/index.md
+++ b/files/en-us/web/html/content_categories/index.md
@@ -122,7 +122,7 @@ A few other elements belong to this category, but only if a specific condition i
 
 ### Sectioning content
 
-Sectioning content, a subset of flow content, creates a [section in the current outline](/en-US/docs/Web/HTML/Element/Heading_Elements) defining the scope of {{HTMLElement("header")}} elements, {{HTMLElement("footer")}} elements, and [heading content](#heading_content).
+Sectioning content, a subset of flow content, creates a [section in the current outline](/en-US/docs/Web/HTML/Element/Heading_Elements) defining the scope of {{HTMLElement("header")}} and {{HTMLElement("footer")}} elements.
 
 Elements belonging to this category are {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("nav")}}, and {{HTMLElement("section")}}.
 

From 63c87435a30517357c17c6bf49785cf0c14991b0 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Sun, 28 Jan 2024 11:30:09 +0530
Subject: [PATCH 581/790] fix(html): add missing properties pages for
 HTMLProgressElement (#31953)

* fix(html): add properties pages for HTMLProgressElement

* Apply suggestions from code review

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* elaborate missing 'value' case

* address review comments

* Apply suggestions from code review

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
---
 .../web/api/htmlprogresselement/max/index.md  | 51 ++++++++++++++++++
 .../api/htmlprogresselement/position/index.md | 52 ++++++++++++++++++
 .../api/htmlprogresselement/value/index.md    | 53 +++++++++++++++++++
 3 files changed, 156 insertions(+)
 create mode 100644 files/en-us/web/api/htmlprogresselement/max/index.md
 create mode 100644 files/en-us/web/api/htmlprogresselement/position/index.md
 create mode 100644 files/en-us/web/api/htmlprogresselement/value/index.md

diff --git a/files/en-us/web/api/htmlprogresselement/max/index.md b/files/en-us/web/api/htmlprogresselement/max/index.md
new file mode 100644
index 000000000000000..bde71c58af20665
--- /dev/null
+++ b/files/en-us/web/api/htmlprogresselement/max/index.md
@@ -0,0 +1,51 @@
+---
+title: "HTMLProgressElement: max property"
+short-title: max
+slug: Web/API/HTMLProgressElement/max
+page-type: web-api-instance-property
+browser-compat: api.HTMLProgressElement.max
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`max`** property of the {{DOMxRef("HTMLProgressElement")}} interface represents the upper bound of the {{HTMLElement("progress")}} element's range.
+
+## Value
+
+A floating point number that is greater than zero. The default value is 1.0.
+
+## Examples
+
+### HTML
+
+```html
+Progress: <progress id="pBar"></progress> <span>0</span>%
+```
+
+### JavaScript
+
+```js
+const pBar = document.getElementById("pBar");
+const span = document.getElementsByTagName("span")[0];
+
+console.log(`Default value of max: ${pBar.max}`);
+
+pBar.max = 100;
+pBar.value = 0;
+
+setInterval(() => {
+  pBar.value = pBar.value < pBar.max ? pBar.value + 1 : 0;
+
+  span.textContent = Math.trunc(pBar.position * 100);
+}, 100);
+```
+
+{{EmbedLiveSample("Examples", "100%", 30)}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/htmlprogresselement/position/index.md b/files/en-us/web/api/htmlprogresselement/position/index.md
new file mode 100644
index 000000000000000..845d4483b607c45
--- /dev/null
+++ b/files/en-us/web/api/htmlprogresselement/position/index.md
@@ -0,0 +1,52 @@
+---
+title: "HTMLProgressElement: position property"
+short-title: position
+slug: Web/API/HTMLProgressElement/position
+page-type: web-api-instance-property
+browser-compat: api.HTMLProgressElement.position
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`position`** read-only property of the {{DOMxRef("HTMLProgressElement")}} interface returns current progress of the {{HTMLElement("progress")}} element.
+
+## Value
+
+For determinate progress bar returns the result of current value decided by max value, i.e., a fraction between `0.0` and `1.0`.
+
+For indeterminate progress bar the value is always `-1`.
+
+## Examples
+
+### HTML
+
+```html
+Determinate Progress bar: <progress id="pBar"></progress> Position:
+<span>0</span>
+```
+
+### JavaScript
+
+```js
+const pBar = document.getElementById("pBar");
+const span = document.getElementsByTagName("span")[0];
+
+pBar.max = 100;
+pBar.value = 0;
+
+setInterval(() => {
+  pBar.value = pBar.value < pBar.max ? pBar.value + 1 : 0;
+
+  span.textContent = pBar.position;
+}, 100);
+```
+
+{{EmbedLiveSample("Examples", "100%", 30)}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/web/api/htmlprogresselement/value/index.md b/files/en-us/web/api/htmlprogresselement/value/index.md
new file mode 100644
index 000000000000000..b894daca67a23f6
--- /dev/null
+++ b/files/en-us/web/api/htmlprogresselement/value/index.md
@@ -0,0 +1,53 @@
+---
+title: "HTMLProgressElement: value property"
+short-title: value
+slug: Web/API/HTMLProgressElement/value
+page-type: web-api-instance-property
+browser-compat: api.HTMLProgressElement.value
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`value`** property of the {{DOMxRef("HTMLProgressElement")}} interface represents the current progress of the {{HTMLElement("progress")}} element.
+
+## Value
+
+A floating point number. If {{DOMxRef("HTMLProgressElement.max", "max")}} value is not set on the progress bar then value ranges between 0.0 and 1.0. If the `max` value is set then the `value` ranges between `0` and the `max` value.
+
+If the `value` property is not set on {{DOMxRef("HTMLProgressElement")}} object, then the progress bar remains indeterminate.
+
+## Examples
+
+### HTML
+
+```html
+Determinate Progress bar: <progress id="pBar"></progress> <span>0</span>%
+<br />
+Indeterminate Progress bar: <progress></progress>
+```
+
+### JavaScript
+
+```js
+const pBar = document.getElementById("pBar");
+const span = document.getElementsByTagName("span")[0];
+
+pBar.max = 100;
+pBar.value = 0;
+
+setInterval(() => {
+  pBar.value = pBar.value < pBar.max ? pBar.value + 1 : 0;
+
+  span.textContent = Math.trunc(pBar.position * 100);
+}, 100);
+```
+
+{{EmbedLiveSample("Examples", "100%", 30)}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}

From 6ef51a76f5e374e83a4c862aaddbf4163c893daf Mon Sep 17 00:00:00 2001
From: phoslite <156928137+phoslite@users.noreply.github.com>
Date: Sun, 28 Jan 2024 09:37:23 +0100
Subject: [PATCH 582/790] invalid anchor link correction (#formal-syntax) ->
 (#formal_syntax) (#31963)

the `defined keywords` link had `#formal-syntax` as an anchor link, where a dash (`-`) was used instead of an underscore (`_`), making the link dysfunctional causing confusion (and possibly a headache!).
---
 files/en-us/web/css/@font-face/src/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/@font-face/src/index.md b/files/en-us/web/css/@font-face/src/index.md
index 53fdca9d89daaab..f6120f7a7348566 100644
--- a/files/en-us/web/css/@font-face/src/index.md
+++ b/files/en-us/web/css/@font-face/src/index.md
@@ -53,7 +53,7 @@ src:
   - : An optional declaration that follows the `url()` value that provides a hint for the user agent on the font format.
     If the value is not supported or invalid, the browser may not download the resource, potentially saving bandwidth.
     If omitted, the browser will download the resource and then detect the format.
-    If including a font source for backward-compatibility that is not in the list of [defined keywords](#formal-syntax), enclose the format string in quotes.
+    If including a font source for backward-compatibility that is not in the list of [defined keywords](#formal_syntax), enclose the format string in quotes.
     Possible values are described in the [Font formats](#font_formats) section below.
 - `tech()` {{Experimental_inline}}
   - : An optional declaration that follows the `url()` value that provides a hint for the user agent on the font technology.

From aff96926e4be5cfd33572f17e96d770deee13caa Mon Sep 17 00:00:00 2001
From: Evgenii Kuheriavyi <e.kucheriavii@gmail.com>
Date: Sun, 28 Jan 2024 23:39:24 +0300
Subject: [PATCH 583/790] refactor: fixed argument mutation (#31956)

---
 .../reference/global_objects/math/random/index.md    | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/math/random/index.md b/files/en-us/web/javascript/reference/global_objects/math/random/index.md
index b53d47c724d6f5f..96e5aa460b0e6f7 100644
--- a/files/en-us/web/javascript/reference/global_objects/math/random/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/math/random/index.md
@@ -55,9 +55,9 @@ This example returns a random _integer_ between the specified values. The value
 
 ```js
 function getRandomInt(min, max) {
-  min = Math.ceil(min);
-  max = Math.floor(max);
-  return Math.floor(Math.random() * (max - min) + min); // The maximum is exclusive and the minimum is inclusive
+  const minCeiled = Math.ceil(min);
+  const maxFloored = Math.floor(max);
+  return Math.floor(Math.random() * (maxFloored - minCeiled) + minCeiled); // The maximum is exclusive and the minimum is inclusive
 }
 ```
 
@@ -69,9 +69,9 @@ While the `getRandomInt()` function above is inclusive at the minimum, it's excl
 
 ```js
 function getRandomIntInclusive(min, max) {
-  min = Math.ceil(min);
-  max = Math.floor(max);
-  return Math.floor(Math.random() * (max - min + 1) + min); // The maximum is inclusive and the minimum is inclusive
+  const minCeiled = Math.ceil(min);
+  const maxFloored = Math.floor(max);
+  return Math.floor(Math.random() * (maxFloored - minCeiled + 1) + minCeiled); // The maximum is inclusive and the minimum is inclusive
 }
 ```
 

From f7c0d56cd42bdc2f9467e248ab375670dc6d9e97 Mon Sep 17 00:00:00 2001
From: Andrei <87477311+cartesian-plane@users.noreply.github.com>
Date: Sun, 28 Jan 2024 22:52:42 +0100
Subject: [PATCH 584/790] Improve readability of instruction no.4 (#31936)

* Change instruction no.4

It was a bit confusing, it looked like it was supposed to go inside the ```setUserName()``` function.

* Update index.md

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 .../getting_started_with_the_web/javascript_basics/index.md   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/learn/getting_started_with_the_web/javascript_basics/index.md b/files/en-us/learn/getting_started_with_the_web/javascript_basics/index.md
index c476d0f978ae769..1a5fb3bdd0d6a5b 100644
--- a/files/en-us/learn/getting_started_with_the_web/javascript_basics/index.md
+++ b/files/en-us/learn/getting_started_with_the_web/javascript_basics/index.md
@@ -410,9 +410,9 @@ Next, let's change the page title to a personalized welcome message when the use
    }
    ```
 
-   The `setUserName()` function contains a [`prompt()`](/en-US/docs/Web/API/Window/prompt) function, which displays a dialog box, similar to `alert()`. This `prompt()` function does more than `alert()`, asking the user to enter data, and storing it in a variable after the user clicks _OK._ In this case, we are asking the user to enter a name. Next, the code calls on an API `localStorage`, which allows us to store data in the browser and retrieve it later. We use localStorage's `setItem()` function to create and store a data item called `'name'`, setting its value to the `myName` variable which contains the user's entry for the name. Finally, we set the `textContent` of the heading to a string, plus the user's newly stored name.
+   The `setUserName()` function contains a [`prompt()`](/en-US/docs/Web/API/Window/prompt) function, which displays a dialog box, similar to `alert()`. This `prompt()` function does more than `alert()`, asking the user to enter data, and storing it in a variable after the user clicks _OK_. In this case, we are asking the user to enter a name. Next, the code calls on an API `localStorage`, which allows us to store data in the browser and retrieve it later. We use localStorage's `setItem()` function to create and store a data item called `'name'`, setting its value to the `myName` variable which contains the user's entry for the name. Finally, we set the `textContent` of the heading to a string, plus the user's newly stored name.
 
-4. Add the following condition block. We could call this initialization code, as it structures the app when it first loads.
+4. Add the following condition block after the function declaration. We could call this initialization code, as it structures the app when it first loads.
 
    ```js
    if (!localStorage.getItem("name")) {

From 2077d0702d038c9ccc743a53d8ad1c0c21fef5be Mon Sep 17 00:00:00 2001
From: toehead2001 <toehead2001@users.noreply.github.com>
Date: Sun, 28 Jan 2024 15:01:02 -0800
Subject: [PATCH 585/790] Fix some fragment links (#31967)

---
 files/en-us/learn/forms/user_input_methods/index.md       | 2 +-
 files/en-us/mdn/community/roles_teams/index.md            | 4 ++--
 .../mdn/writing_guidelines/howto/images_media/index.md    | 2 +-
 .../mdn/writing_guidelines/writing_style_guide/index.md   | 2 +-
 .../webextensions/manifest.json/permissions/index.md      | 2 +-
 .../understanding_colors_and_luminance/index.md           | 2 +-
 .../web/api/prioritized_task_scheduling_api/index.md      | 2 +-
 files/en-us/web/css/@font-face/src/index.md               | 2 +-
 .../web/css/@media/-webkit-device-pixel-ratio/index.md    | 2 +-
 files/en-us/web/css/@media/-webkit-transform-3d/index.md  | 2 +-
 files/en-us/web/css/@media/-webkit-transition/index.md    | 2 +-
 files/en-us/web/css/absolute-size/index.md                | 2 +-
 files/en-us/web/css/content/index.md                      | 4 ++--
 files/en-us/web/css/css_colors/applying_color/index.md    | 2 +-
 .../web/css/css_multicol_layout/basic_concepts/index.md   | 2 +-
 files/en-us/web/css/css_selectors/index.md                | 8 ++++----
 .../css/css_selectors/selectors_and_combinators/index.md  | 4 ++--
 files/en-us/web/css/css_syntax/error_handling/index.md    | 2 +-
 files/en-us/web/css/font-weight/index.md                  | 2 +-
 files/en-us/web/css/list-style-type/index.md              | 2 +-
 files/en-us/web/css/using_css_custom_properties/index.md  | 2 +-
 files/en-us/web/http/status/103/index.md                  | 4 ++--
 .../guides/making_pwas_installable/index.md               | 2 +-
 .../progressive_web_apps/how_to/define_app_icons/index.md | 4 ++--
 .../how_to/display_badge_on_app_icon/index.md             | 4 ++--
 .../how_to/share_data_between_apps/index.md               | 2 +-
 .../tutorials/cycletracker/html_and_css/index.md          | 4 ++--
 .../tutorials/cycletracker/manifest_file/index.md         | 2 +-
 .../tutorials/cycletracker/service_workers/index.md       | 4 ++--
 files/en-us/web/webdriver/capabilities/index.md           | 4 ++--
 files/en-us/web/webdriver/errors/scripttimeout/index.md   | 2 +-
 31 files changed, 43 insertions(+), 43 deletions(-)

diff --git a/files/en-us/learn/forms/user_input_methods/index.md b/files/en-us/learn/forms/user_input_methods/index.md
index 0bdd05398fd38a4..0ecf0f20f28596a 100644
--- a/files/en-us/learn/forms/user_input_methods/index.md
+++ b/files/en-us/learn/forms/user_input_methods/index.md
@@ -144,7 +144,7 @@ The `contenteditable` attribute automatically adds the element to the document's
 To provide a good user experience, any custom form control you create must be accessible and function like native form controls:
 
 - The element's [`role`](/en-US/docs/Web/Accessibility/ARIA/Roles), [label](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby), and [description](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) need to be added with ARIA.
-- All user input methods needs to be supported, including [keyboard](#keyboard), [mouse](#mouse), [touch](#finger-touch), and [pointer](#pointer-events) events, all described above.
+- All user input methods needs to be supported, including [keyboard](#keyboard), [mouse](#mouse), [touch](#finger_touch), and [pointer](#pointer_events) events, all described above.
 - JavaScript is required to handle functionality such as [validation](/en-US/docs/Learn/Forms/Form_validation), [submission](/en-US/docs/Learn/Forms/Sending_and_retrieving_form_data), and [saving](/en-US/docs/Learn/Forms/Sending_forms_through_JavaScript) of user-updated content.
 
 {{EmbedLiveSample("contentEditable")}}
diff --git a/files/en-us/mdn/community/roles_teams/index.md b/files/en-us/mdn/community/roles_teams/index.md
index a22ac73652c6de3..acda6ed69f1360d 100644
--- a/files/en-us/mdn/community/roles_teams/index.md
+++ b/files/en-us/mdn/community/roles_teams/index.md
@@ -110,7 +110,7 @@ To be eligible to be a maintainer, you must meet one or more of the following re
 - Consented to commit spending at least 16 hours per month working on the project.
 - Attended the community meeting that takes place once every two months.
 
-> **Note:** If there is someone you think is eligible for this role, you may [nominate a maintainer](#nominating-a-maintainer).
+> **Note:** If there is someone you think is eligible for this role, you may [nominate a maintainer](#nominating_a_maintainer).
 
 **Privileges:**
 
@@ -276,7 +276,7 @@ Life happens and your commitment levels as a contributor could change over time.
 - Downgrade to a less-demanding role.
 - Step away from the project completely (apply for an emeritus status).
 
-In all these situations, feel free to discuss your situation and current commitment levels with the [MDN team](#contact-the-mdn-team).
+In all these situations, feel free to discuss your situation and current commitment levels with the [MDN team](#contact_the_mdn_team).
 
 ### Demoting or removing inactive contributors
 
diff --git a/files/en-us/mdn/writing_guidelines/howto/images_media/index.md b/files/en-us/mdn/writing_guidelines/howto/images_media/index.md
index 5c66840ee8c5335..9075c4d09871cae 100644
--- a/files/en-us/mdn/writing_guidelines/howto/images_media/index.md
+++ b/files/en-us/mdn/writing_guidelines/howto/images_media/index.md
@@ -33,7 +33,7 @@ Let's walk through an example:
    ```
 
 3. Run `filecheck` on each image, which might complain if something's wrong.
-   For more details, see the [Compressing images](#compressing-images) section.
+   For more details, see the [Compressing images](#compressing_images) section.
 
    ```bash
    yarn filecheck files/en-us/web/css/my-cool-image.png
diff --git a/files/en-us/mdn/writing_guidelines/writing_style_guide/index.md b/files/en-us/mdn/writing_guidelines/writing_style_guide/index.md
index 292f790daacf31d..660a3151780affb 100644
--- a/files/en-us/mdn/writing_guidelines/writing_style_guide/index.md
+++ b/files/en-us/mdn/writing_guidelines/writing_style_guide/index.md
@@ -444,7 +444,7 @@ You can link part of a sentence to an article or the section of an article. Be m
 
 On MDN, another way to link to a reference page is by using a macro. These macros are described on the [Commonly-used macros](/en-US/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros#linking_to_pages_in_references) page. For example, to link to the reference page of an HTML element, use the `HTMLElement` macro, and to link to the reference page of a CSS property, use the `CSSxRef` macro.
 
-We follow similar cross-referencing guidelines in the [See also](#see-also-section) sections at the end of reference pages, glossary pages, and guides.
+We follow similar cross-referencing guidelines in the [See also](#see_also) sections at the end of reference pages, glossary pages, and guides.
 
 ### External links
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/manifest.json/permissions/index.md b/files/en-us/mozilla/add-ons/webextensions/manifest.json/permissions/index.md
index b4938add23c52a8..f97e859482567ec 100644
--- a/files/en-us/mozilla/add-ons/webextensions/manifest.json/permissions/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/manifest.json/permissions/index.md
@@ -163,7 +163,7 @@ For example, consider an extension that wants to run a script in the current pag
 
 > **Note:** You can only get access to the tab/data that was there, when the user interaction occurred (e.g. the click). When the active tab navigates away (e.g., due to finishing loading or some other event), the permission does not grant you access to the tab anymore.
 
-The `activeTab` permission enables scripting access to the top level tab's page and same origin frames. Running scripts or modifying styles inside [cross-origin](/en-US/docs/Web/Security/Same-origin_policy#cross-origin_network_access) frames may require additional [host permissions](#host_permissions). Of course, [restrictions and limitations](/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts#permissions-restrictions-and-limitations) related to particular sites and URI schemes are applied as well.
+The `activeTab` permission enables scripting access to the top level tab's page and same origin frames. Running scripts or modifying styles inside [cross-origin](/en-US/docs/Web/Security/Same-origin_policy#cross-origin_network_access) frames may require additional [host permissions](#host_permissions). Of course, [restrictions and limitations](/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts#permissions_restrictions_and_limitations) related to particular sites and URI schemes are applied as well.
 
 Usually the tab that's granted `activeTab` is just the currently active tab, except in one case. The {{webextAPIref("menus")}} API enables an extension to create a menu item which is shown if the user context-clicks on a tab (that is, on the element in the tabstrip that enables the user to switch from one tab to another).
 
diff --git a/files/en-us/web/accessibility/understanding_colors_and_luminance/index.md b/files/en-us/web/accessibility/understanding_colors_and_luminance/index.md
index 5a61c947bb6aced..e81112367bf9c31 100644
--- a/files/en-us/web/accessibility/understanding_colors_and_luminance/index.md
+++ b/files/en-us/web/accessibility/understanding_colors_and_luminance/index.md
@@ -211,7 +211,7 @@ The implication is that web developers who seek to improve the legibility of tex
 
 ## Saturation
 
-Saturation deserves a special mention in discussions about color ("hues") and accessibility. Generally speaking, most focus is on luminance when attempting to ensure enough contrast between text and its background or evaluating the possibility of inducing seizures in those sensitive to photosensitive seizures. One aspect of color ("hues"), independent of luminance, deserves special attention as it applies to accessibility: the concept of saturation. This is due to its ability to cause seizures in those susceptible to photosensitive seizures, regardless of color's luminance. As discussed in [the particular case of red](#the-special-case-of-red),
+Saturation deserves a special mention in discussions about color ("hues") and accessibility. Generally speaking, most focus is on luminance when attempting to ensure enough contrast between text and its background or evaluating the possibility of inducing seizures in those sensitive to photosensitive seizures. One aspect of color ("hues"), independent of luminance, deserves special attention as it applies to accessibility: the concept of saturation. This is due to its ability to cause seizures in those susceptible to photosensitive seizures, regardless of color's luminance. As discussed in [the particular case of red](#the_special_case_of_red),
 the [Epilepsy Foundation](https://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.532.7063&rep=rep1&type=pdf) noted that, _irrespective of luminance, a transition to or from a saturated red is also considered a risk_.
 
 Saturation is sometimes described as the "purity" or "intensity" of a color. Although these are good definitions for "pigments" in an artist's paint set, they are not as accurate as color definitions from a computer screen.
diff --git a/files/en-us/web/api/prioritized_task_scheduling_api/index.md b/files/en-us/web/api/prioritized_task_scheduling_api/index.md
index 5454164562124de..12e4487c4ffa067 100644
--- a/files/en-us/web/api/prioritized_task_scheduling_api/index.md
+++ b/files/en-us/web/api/prioritized_task_scheduling_api/index.md
@@ -11,7 +11,7 @@ browser-compat:
 
 The **Prioritized Task Scheduling API** provides a standardized way to prioritize all tasks belonging to an application, whether they are defined in a website developer's code or in third-party libraries and frameworks.
 
-The [task priorities](#task-priorities) are very coarse-grained and based around whether tasks block user interaction or otherwise impact the user experience, or can run in the background. Developers and frameworks may implement more fine-grained prioritization schemes within the broad categories defined by the API.
+The [task priorities](#task_priorities) are very coarse-grained and based around whether tasks block user interaction or otherwise impact the user experience, or can run in the background. Developers and frameworks may implement more fine-grained prioritization schemes within the broad categories defined by the API.
 
 The API is promise-based and supports the ability to set and change task priorities, to delay tasks being added to the scheduler, to abort tasks, and to monitor for priority change and abort events.
 
diff --git a/files/en-us/web/css/@font-face/src/index.md b/files/en-us/web/css/@font-face/src/index.md
index f6120f7a7348566..dc2b0a6064971d3 100644
--- a/files/en-us/web/css/@font-face/src/index.md
+++ b/files/en-us/web/css/@font-face/src/index.md
@@ -57,7 +57,7 @@ src:
     Possible values are described in the [Font formats](#font_formats) section below.
 - `tech()` {{Experimental_inline}}
   - : An optional declaration that follows the `url()` value that provides a hint for the user agent on the font technology.
-    The value for `tech()` may be one of the keywords described in [Font technologies](#font-technologies).
+    The value for `tech()` may be one of the keywords described in [Font technologies](#font_technologies).
 - `local(<font-face-name>)`
 
   - : Specifies the font name should the font be available on the user's device.
diff --git a/files/en-us/web/css/@media/-webkit-device-pixel-ratio/index.md b/files/en-us/web/css/@media/-webkit-device-pixel-ratio/index.md
index 227e201506410db..e58ae5247e58e17 100644
--- a/files/en-us/web/css/@media/-webkit-device-pixel-ratio/index.md
+++ b/files/en-us/web/css/@media/-webkit-device-pixel-ratio/index.md
@@ -9,7 +9,7 @@ browser-compat: css.at-rules.media.-webkit-device-pixel-ratio
 
 The **`-webkit-device-pixel-ratio`** is a non-standard Boolean [CSS](/en-US/docs/Web/CSS) [media feature](/en-US/docs/Web/CSS/@media#media_features) which is an alternative to the standard [`resolution`](/en-US/docs/Web/CSS/@media/resolution) media feature.
 
-> **Note:** If possible, use the [`resolution`](/en-US/docs/Web/CSS/@media/resolution) media feature query instead, which is a standard media feature. While this prefixed media feature is a WebKit feature, other browser engines may support it. See [browser compatibility](#browser-compatibility) below.
+> **Note:** If possible, use the [`resolution`](/en-US/docs/Web/CSS/@media/resolution) media feature query instead, which is a standard media feature. While this prefixed media feature is a WebKit feature, other browser engines may support it. See [browser compatibility](#browser_compatibility) below.
 
 ## Syntax
 
diff --git a/files/en-us/web/css/@media/-webkit-transform-3d/index.md b/files/en-us/web/css/@media/-webkit-transform-3d/index.md
index a99a84dac12579c..7cd89fb64584d44 100644
--- a/files/en-us/web/css/@media/-webkit-transform-3d/index.md
+++ b/files/en-us/web/css/@media/-webkit-transform-3d/index.md
@@ -9,7 +9,7 @@ browser-compat: css.at-rules.media.-webkit-transform-3d
 
 The **`-webkit-transform-3d`** Boolean [CSS](/en-US/docs/Web/CSS) [media feature](/en-US/docs/Web/CSS/@media#media_features) is a [WebKit extension](/en-US/docs/Web/CSS/WebKit_Extensions) whose value is `true` if vendor-prefixed CSS 3D {{cssxref("transform")}}s are supported.
 
-> **Note:** While this media feature is currently [supported by most browsers](#browser-compatibility). If possible, use an {{cssxref("@supports")}} feature query instead.
+> **Note:** While this media feature is currently [supported by most browsers](#browser_compatibility). If possible, use an {{cssxref("@supports")}} feature query instead.
 
 ## Syntax
 
diff --git a/files/en-us/web/css/@media/-webkit-transition/index.md b/files/en-us/web/css/@media/-webkit-transition/index.md
index 7d51be374b603ee..616eec2b2be3f16 100644
--- a/files/en-us/web/css/@media/-webkit-transition/index.md
+++ b/files/en-us/web/css/@media/-webkit-transition/index.md
@@ -16,7 +16,7 @@ The **`-webkit-transition`** Boolean non-standard[CSS](/en-US/docs/Web/CSS) [med
 
 Apple has [a description in Safari CSS Reference](https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/OtherStandardCSS3Features.html#//apple_ref/doc/uid/TP40007601-SW3); this is now called `transition` there.
 
-> **Note:** You should not use this media feature; it was never specified, has never been widely implemented, and has been [removed from most browsers](#browser-compatibility). Use a {{cssxref("@supports")}} feature query instead.
+> **Note:** You should not use this media feature; it was never specified, has never been widely implemented, and has been [removed from most browsers](#browser_compatibility). Use a {{cssxref("@supports")}} feature query instead.
 
 ## Syntax
 
diff --git a/files/en-us/web/css/absolute-size/index.md b/files/en-us/web/css/absolute-size/index.md
index 6bc75fcd4ae6fdc..9a76f7c91fce8f9 100644
--- a/files/en-us/web/css/absolute-size/index.md
+++ b/files/en-us/web/css/absolute-size/index.md
@@ -58,7 +58,7 @@ Each `<absolute-size>` keyword value is sized relative to the `medium` size and
 
 In CSS1 (1996), the scaling factor between adjacent keyword value indexes was 1.5, which was too large. In CSS2 (1998), the scaling factor between adjacent keyword value indexes was 1.2, which created issues for the small values. As a single fixed ratio between adjacent absolute-size keywords was found to be problematic, there is no longer a fixed ratio recommendation. The only recommendation to preserve readability is that the smallest font size should not be less than `9px`.
 
-For each `<absolute-size>` keyword value, the following table lists the scaling factor, mapping to [`<h1>` to `<h6>`](/en-US/docs/Web/HTML/Element/Heading_Elements) headings, and mapping to the deprecated [HTML `size` attribute](#html-size-attribute).
+For each `<absolute-size>` keyword value, the following table lists the scaling factor, mapping to [`<h1>` to `<h6>`](/en-US/docs/Web/HTML/Element/Heading_Elements) headings, and mapping to the deprecated [HTML `size` attribute](#html_size_attribute).
 
 | `<absolute-size>`     | xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large |
 | --------------------- | -------- | ------- | ----- | ------ | ----- | ------- | -------- | --------- |
diff --git a/files/en-us/web/css/content/index.md b/files/en-us/web/css/content/index.md
index aadf9acc716c81c..180d40afa43f572 100644
--- a/files/en-us/web/css/content/index.md
+++ b/files/en-us/web/css/content/index.md
@@ -133,7 +133,7 @@ The keywords and data types mentioned above are described in more detail below:
 
 ## Examples
 
-The first five examples create generated content on pseudo-elements. The last three are [examples of element replacement](#element-replacement-with-url).
+The first five examples create generated content on pseudo-elements. The last three are [examples of element replacement](#element_replacement_with_url).
 
 ### Appending strings based on an element's class
 
@@ -396,7 +396,7 @@ div {
 
 {{EmbedLiveSample('Element_replacement_with_gradient', '100%', 200)}}
 
-Check the [browser compatibility chart](#browser-compatibility). All browsers support gradients and all browsers support replacing elements with images, but not all browsers support gradients as a `content` value and not all browsers support alt text on replacements. If the browser displays a box with no gradient, replacing elements is supported, but gradients are not supported as a content replacement value. If the element is replaced with a striped gradient, the browser supports both.
+Check the [browser compatibility chart](#browser_compatibility). All browsers support gradients and all browsers support replacing elements with images, but not all browsers support gradients as a `content` value and not all browsers support alt text on replacements. If the browser displays a box with no gradient, replacing elements is supported, but gradients are not supported as a content replacement value. If the element is replaced with a striped gradient, the browser supports both.
 
 ### Element replacement with `image-set()`
 
diff --git a/files/en-us/web/css/css_colors/applying_color/index.md b/files/en-us/web/css/css_colors/applying_color/index.md
index 0570ff138b85bb7..db27e949cac3ce1 100644
--- a/files/en-us/web/css/css_colors/applying_color/index.md
+++ b/files/en-us/web/css/css_colors/applying_color/index.md
@@ -127,7 +127,7 @@ For example, a bright red that's 50% opaque can be represented as `rgb(255 0 0 /
 Aside from `rgb()`, you can use `hsl()` and `hwb()` which take a `<hue>` component.
 A [`<hue>`](/en-US/docs/Web/CSS/hue) is the property that allows us to tell the difference or similarity between colors like red, orange, yellow, green, blue, etc.
 The key concept is that you can specify a hue in an [`<angle>`](/en-US/docs/Web/CSS/angle) because most of the color models describe hues using a {{glossary("color wheel")}}.
-For more information on classifying these functions, see the [Color spaces and color models](#color-spaces-and-color-models) section.
+For more information on classifying these functions, see the [Color spaces and color models](#color_spaces_and_color_models) section.
 
 #### HSL functional notation
 
diff --git a/files/en-us/web/css/css_multicol_layout/basic_concepts/index.md b/files/en-us/web/css/css_multicol_layout/basic_concepts/index.md
index 4fdba7ebcac26e7..ac05a94c52135f5 100644
--- a/files/en-us/web/css/css_multicol_layout/basic_concepts/index.md
+++ b/files/en-us/web/css/css_multicol_layout/basic_concepts/index.md
@@ -82,7 +82,7 @@ This CSS would give the same result as [example 2](#specifying_the_width_of_colu
 }
 ```
 
-This CSS would give the same result as [example 3](#specifying-both-number-and-width-of-columns), with both `column-count` and `column-width` set.
+This CSS would give the same result as [example 3](#specifying_both_number_and_width_of_columns), with both `column-count` and `column-width` set.
 
 ```css
 .container {
diff --git a/files/en-us/web/css/css_selectors/index.md b/files/en-us/web/css/css_selectors/index.md
index 1df94ef29fe99b1..ee9417f47b6a0f5 100644
--- a/files/en-us/web/css/css_selectors/index.md
+++ b/files/en-us/web/css/css_selectors/index.md
@@ -102,10 +102,10 @@ Selectors, whether used in CSS or JavaScript, enable targeting HTML elements bas
 - {{glossary("Pseudo-class")}} glossary term
 - [Functional pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes#functional_pseudo-classes)
 - [Combinators](/en-US/docs/Web/CSS/CSS_selectors/Selectors_and_combinators#combinators)
-- [Simple selector](/en-US/docs/Web/CSS/CSS_selectors/Selectors_and_combinators#simple-selector)
-- [Compound selector](/en-US/docs/Web/CSS/CSS_selectors/Selectors_and_combinators#compound-selector)
-- [Complex selector](/en-US/docs/Web/CSS/CSS_selectors/Selectors_and_combinators#complex-selector)
-- [Relative selector](/en-US/docs/Web/CSS/CSS_selectors/Selectors_and_combinators#relative-selector)
+- [Simple selector](/en-US/docs/Web/CSS/CSS_selectors/Selector_structure#simple_selector)
+- [Compound selector](/en-US/docs/Web/CSS/CSS_selectors/Selector_structure#compound_selector)
+- [Complex selector](/en-US/docs/Web/CSS/CSS_selectors/Selector_structure#complex_selector)
+- [Relative selector](/en-US/docs/Web/CSS/CSS_selectors/Selector_structure#relative_selector)
 - [Selector list](/en-US/docs/Web/CSS/Selector_list)
 - [Specificity](/en-US/docs/Web/CSS/Specificity)
 
diff --git a/files/en-us/web/css/css_selectors/selectors_and_combinators/index.md b/files/en-us/web/css/css_selectors/selectors_and_combinators/index.md
index 6994080ac984d31..80d71a1b9123863 100644
--- a/files/en-us/web/css/css_selectors/selectors_and_combinators/index.md
+++ b/files/en-us/web/css/css_selectors/selectors_and_combinators/index.md
@@ -193,12 +193,12 @@ The case sensitivity of the attribute depends on the language. Generally, in HTM
 
 ## Pseudo-class selectors
 
-The [CSS selectors](/en-US/docs/Web/CSS/CSS_selectors) module defines over 60 [pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes). Pseudo-classes are [simple selectors](#simple-selector), prefixed with a colon (`:`), that allow the selection of elements based on state information that is not contained in the document tree. {{CSSxRef("pseudo-classes")}} can be used to style an element based on its _state_.
+The [CSS selectors](/en-US/docs/Web/CSS/CSS_selectors) module defines over 60 [pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes). Pseudo-classes are [simple selectors](/en-US/docs/Web/CSS/CSS_selectors/Selector_structure#simple_selector), prefixed with a colon (`:`), that allow the selection of elements based on state information that is not contained in the document tree. {{CSSxRef("pseudo-classes")}} can be used to style an element based on its _state_.
 For example, the {{cssxref(":target")}} simple selector targets element of a URL containing a fragment identifier, and the [`a:visited`](/en-US/docs/Web/CSS/:visited) [compound selector](/en-US/docs/Web/CSS/CSS_selectors/Selector_structure#compound_selector) matches all {{HTMLElement("a")}} elements that have been visited by a user.
 
 The pseudo-classes can be categorized as [element display state](/en-US/docs/Web/CSS/Pseudo-classes#element_display_state_pseudo-classes), [input](/en-US/docs/Web/CSS/Pseudo-classes#input_pseudo-classes), [linguistic](/en-US/docs/Web/CSS/Pseudo-classes#linguistic_pseudo-classes), [location](/en-US/docs/Web/CSS/Pseudo-classes#location_pseudo-classes), [resource state](/en-US/docs/Web/CSS/Pseudo-classes#resource_state_pseudo-classes), [time-dimensional](/en-US/docs/Web/CSS/Pseudo-classes#time-dimensional_pseudo-classes), [tree-structural](/en-US/docs/Web/CSS/Pseudo-classes#tree-structural_pseudo-classes), [user action](/en-US/docs/Web/CSS/Pseudo-classes#user_action_pseudo-classes), and [functional](/en-US/docs/Web/CSS/Pseudo-classes#functional_pseudo-classes).
 
-Multiple pseudo-classes can be combined to create [compound selectors](#compound-selector). When combining a pseudo-class into a compound selector with a type or universal selector, the pseudo-class must follow the type selector or universal selector, if present.
+Multiple pseudo-classes can be combined to create [compound selectors](/en-US/docs/Web/CSS/CSS_selectors/Selector_structure#compound_selector). When combining a pseudo-class into a compound selector with a type or universal selector, the pseudo-class must follow the type selector or universal selector, if present.
 
 ## Pseudo-element selectors
 
diff --git a/files/en-us/web/css/css_syntax/error_handling/index.md b/files/en-us/web/css/css_syntax/error_handling/index.md
index 7579553f2b7c354..a423d055e0bb7e4 100644
--- a/files/en-us/web/css/css_syntax/error_handling/index.md
+++ b/files/en-us/web/css/css_syntax/error_handling/index.md
@@ -68,7 +68,7 @@ Outside of these exceptions, a single invalid or unsupported selector in the sel
 
 #### `-webkit-` exception
 
-Due to legacy issues from the overuse of browser-specific prefixes in selectors and [property names (and values)](#vendor-prefixes), browsers avoid excessive invalidation of selector lists by treating all [pseudo-elements](/en-US/docs/Web/CSS/Pseudo-elements) that start with a case-insensitive `-webkit-` prefix and don't end with `()` as valid.
+Due to legacy issues from the overuse of browser-specific prefixes in selectors and [property names (and values)](#vendor_prefixes), browsers avoid excessive invalidation of selector lists by treating all [pseudo-elements](/en-US/docs/Web/CSS/Pseudo-elements) that start with a case-insensitive `-webkit-` prefix and don't end with `()` as valid.
 
 This means that a pseudo-element like `::-webkit-works-only-in-samsung` will not invalidate a selector list, regardless of which browser the code is running in. In such cases, the pseudo-element may not be recognized or supported by the browser, but it will not cause the entire selector list and its associated style block to be ignored. On the other hand, an unknown prefixed selector with a function notation of `::-webkit-imaginary-function()` will invalidate the entire selector list, and the browser will ignore the entire selector block.
 
diff --git a/files/en-us/web/css/font-weight/index.md b/files/en-us/web/css/font-weight/index.md
index ce758cbc99ec817..4b0e2fc57644326 100644
--- a/files/en-us/web/css/font-weight/index.md
+++ b/files/en-us/web/css/font-weight/index.md
@@ -55,7 +55,7 @@ The `font-weight` property is specified using either a `<font-weight-absolute>`
 
 - `<number>`
 
-  - : A {{cssxref("&lt;number&gt;")}} value between 1 and 1000, both values included. Higher numbers represent weights that are bolder than (or as bold as) lower numbers. This allows fine-grain control for [variable fonts](#variable_fonts). For non-variable fonts, if the exact specified weight is unavailable, a [fallback weight](#fallback-weights) algorithm is used — numeric values that are divisible by 100 correspond to common weight names, as described in the [Common weight name mapping](#common_weight_name_mapping) section below.
+  - : A {{cssxref("&lt;number&gt;")}} value between 1 and 1000, both values included. Higher numbers represent weights that are bolder than (or as bold as) lower numbers. This allows fine-grain control for [variable fonts](#variable_fonts). For non-variable fonts, if the exact specified weight is unavailable, a [fallback weight](#fallback_weights) algorithm is used — numeric values that are divisible by 100 correspond to common weight names, as described in the [Common weight name mapping](#common_weight_name_mapping) section below.
 
 - `lighter`
 
diff --git a/files/en-us/web/css/list-style-type/index.md b/files/en-us/web/css/list-style-type/index.md
index d3f2507f19062e5..6d997aae11a95c5 100644
--- a/files/en-us/web/css/list-style-type/index.md
+++ b/files/en-us/web/css/list-style-type/index.md
@@ -186,7 +186,7 @@ A few predefined types are supported by Mozilla (Firefox) with a `-moz-` prefix.
 - `hangul-consonant`: `-moz-hangul-consonant`
 - `urdu`: `-moz-urdu`
 
-See the [compatibility table](#browser-compatibility) to check which browsers support which extension.
+See the [compatibility table](#browser_compatibility) to check which browsers support which extension.
 
 ## Accessibility concerns
 
diff --git a/files/en-us/web/css/using_css_custom_properties/index.md b/files/en-us/web/css/using_css_custom_properties/index.md
index 300a6f6c1fdf800..4a6fdb9e347f07f 100644
--- a/files/en-us/web/css/using_css_custom_properties/index.md
+++ b/files/en-us/web/css/using_css_custom_properties/index.md
@@ -370,7 +370,7 @@ You should be aware of the performance impact of this method, however, as it tak
 ### Fallbacks using the `@property` initial value
 
 Aside from using `var()`, the `initial-value` defined in the `@property` at-rule can be used as a fallback mechanism.
-In fact, we've already seen this in the [`@property` inheritance](#using-property-to-control-inheritance) section.
+In fact, we've already seen this in the [`@property` inheritance](#using_property_to_control_inheritance) section.
 
 The following example sets an initial value of `--box-color` to `cornflowerblue` using the `@property` at-rule.
 In the ruleset following the at-rule, we want to set `--box-color` to `aquamarine`, but there's a typo in the value name.
diff --git a/files/en-us/web/http/status/103/index.md b/files/en-us/web/http/status/103/index.md
index f8e42fdb448b401..21c8b9bbdfff2f3 100644
--- a/files/en-us/web/http/status/103/index.md
+++ b/files/en-us/web/http/status/103/index.md
@@ -19,7 +19,7 @@ Preloaded resources from the early hint are effectively pre-pended to the `Docum
 
 > **Note:** For compatibility reasons [it is recommended](https://www.rfc-editor.org/rfc/rfc8297#section-3) to only send HTTP `103 Early Hints` responses over HTTP/2 or later, unless the client is known to handle informational responses correctly.
 >
-> Most browsers limit support to HTTP/2 or later for this reason. See [browser compatibility](#browser-compatibility) below.
+> Most browsers limit support to HTTP/2 or later for this reason. See [browser compatibility](#browser_compatibility) below.
 >
 > Despite this, the examples below use HTTP/1.1-style notation as per usual convention.
 
@@ -65,7 +65,7 @@ Content-Type: text/html
 
 ### Preload example
 
-> **Warning:** Some browsers only support `preconnect` over 103 Early Hints. See the implementation notes in the [browser compatibility](#browser-compatibility) section below.
+> **Warning:** Some browsers only support `preconnect` over 103 Early Hints. See the implementation notes in the [browser compatibility](#browser_compatibility) section below.
 
 The following `103` early hint response indicates a stylesheet `style.css` might be needed by the final response.
 
diff --git a/files/en-us/web/progressive_web_apps/guides/making_pwas_installable/index.md b/files/en-us/web/progressive_web_apps/guides/making_pwas_installable/index.md
index b89f9339ad07c83..04fc9127ec62b3e 100644
--- a/files/en-us/web/progressive_web_apps/guides/making_pwas_installable/index.md
+++ b/files/en-us/web/progressive_web_apps/guides/making_pwas_installable/index.md
@@ -108,7 +108,7 @@ Support for PWA installation promotion from the web varies by browser and by pla
 
 On desktop:
 
-- Firefox and Safari do not support installing PWAs on any desktop operating systems. See [Installing sites as apps](#sites-as-apps), below.
+- Firefox and Safari do not support installing PWAs on any desktop operating systems. See [Installing sites as apps](#installing_sites_as_apps), below.
 - Chrome and Edge support installing PWAs on Linux, Windows, macOS, and Chromebooks.
 
 On mobile:
diff --git a/files/en-us/web/progressive_web_apps/how_to/define_app_icons/index.md b/files/en-us/web/progressive_web_apps/how_to/define_app_icons/index.md
index c4469ff0ccf9799..6cfaabac59b1d9d 100644
--- a/files/en-us/web/progressive_web_apps/how_to/define_app_icons/index.md
+++ b/files/en-us/web/progressive_web_apps/how_to/define_app_icons/index.md
@@ -30,7 +30,7 @@ Designing your icon as an SVG file is a good idea, as this will allow it to be s
 
 Use the [`icons`](/en-US/docs/Web/Manifest/icons) web app manifest member to define a set of icons for your PWA.
 
-As described in [Create the necessary icon sizes](#create-the-necessary-icon-sizes), you should create multiple versions of your icon to ensure it appears correctly in all the places where it's used. This is why the `icons` member is an array of objects, each of which represents an icon, with its own size, type, and purpose. Each icon object has the following properties:
+As described in [Create the necessary icon sizes](#create_the_necessary_icon_sizes), you should create multiple versions of your icon to ensure it appears correctly in all the places where it's used. This is why the `icons` member is an array of objects, each of which represents an icon, with its own size, type, and purpose. Each icon object has the following properties:
 
 - `src`
   - : The URL of the icon image file.
@@ -117,7 +117,7 @@ The following web app manifest example uses a WebP image for the small icon, an
 }
 ```
 
-Learn more about how to reference the various icon sizes in [Reference your icons in the web app manifest](#reference-your-icons-in-the-web-app-manifest).
+Learn more about how to reference the various icon sizes in [Reference your icons in the web app manifest](#reference_your_icons_in_the_web_app_manifest).
 
 ## Support masking
 
diff --git a/files/en-us/web/progressive_web_apps/how_to/display_badge_on_app_icon/index.md b/files/en-us/web/progressive_web_apps/how_to/display_badge_on_app_icon/index.md
index 855a6c4f2a67465..f23c7721a96be66 100644
--- a/files/en-us/web/progressive_web_apps/how_to/display_badge_on_app_icon/index.md
+++ b/files/en-us/web/progressive_web_apps/how_to/display_badge_on_app_icon/index.md
@@ -38,7 +38,7 @@ Before learning how to use badges, consider these best practices to ensure your
 
 ### Check for support
 
-To ensure the Badging API is [supported](#support-for-badges) in the user's browser and operating system, to prevent throwing a JavaScript error, check for support before using the API:
+To ensure the Badging API is [supported](#support_for_badges) in the user's browser and operating system, to prevent throwing a JavaScript error, check for support before using the API:
 
 ```js
 if (navigator.setAppBadge) {
@@ -70,7 +70,7 @@ Like notifications, badges can be a very effective way to re-engage users with y
 
 Make sure to update your application badge in real-time. This means updating the badge count to reflect how many new items are actually left for the user to consume, and clearing the app badge when there are no new items.
 
-For example, if an email client app receives new messages in the background, it should update its badge to display the right number of unread messages in the inbox, potentially filtering out messages from other folders such as a spam folder. It's possible to [update badges in the background](#updating-the-badge-in-the-background) by using the `navigator.setAppBadge()` method from a service worker.
+For example, if an email client app receives new messages in the background, it should update its badge to display the right number of unread messages in the inbox, potentially filtering out messages from other folders such as a spam folder. It's possible to [update badges in the background](#updating_the_badge_in_the_background) by using the `navigator.setAppBadge()` method from a service worker.
 
 Once the user launches the app and starts reading messages, the email client app should update its badge accordingly by calling `navigator.setAppBadge()` with the new unread messages count, or by calling `navigator.clearAppBadge()` when there are no unread messages.
 
diff --git a/files/en-us/web/progressive_web_apps/how_to/share_data_between_apps/index.md b/files/en-us/web/progressive_web_apps/how_to/share_data_between_apps/index.md
index e2f1d6be329263f..64964d5f1d874dc 100644
--- a/files/en-us/web/progressive_web_apps/how_to/share_data_between_apps/index.md
+++ b/files/en-us/web/progressive_web_apps/how_to/share_data_between_apps/index.md
@@ -73,7 +73,7 @@ async function shareData(data) {
 
 ### Sharing text data
 
-The following example demonstrates how to share a link and some text when a button in the app is clicked. The `canBrowserShareData` function used in the example is described in [Checking for support](#checking-for-support) and not repeated here.
+The following example demonstrates how to share a link and some text when a button in the app is clicked. The `canBrowserShareData` function used in the example is described in [Checking for support](#checking_for_support) and not repeated here.
 
 ```js
 // Retrieve the button from the DOM. The button is hidden for now.
diff --git a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/html_and_css/index.md b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/html_and_css/index.md
index 8b54c4506aac93c..1a9e0ba40c41fe6 100644
--- a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/html_and_css/index.md
+++ b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/html_and_css/index.md
@@ -61,7 +61,7 @@ Copy this HTML and save it in a file called `index.html`.
 
 ## HTML content
 
-Even if the HTML in `index.html` is familiar to you, we recommend reading through this section before adding some [temporary hard-coded data](#temporary-hard-coded-results-text), adding CSS to a [`style.css`](#css-content) external stylesheet, and creating `app.js`, the [application's JavaScript](/en-US/docs/Web/Progressive_web_apps/Tutorials/CycleTracker/JavaScript_functionality) that makes this web page function.
+Even if the HTML in `index.html` is familiar to you, we recommend reading through this section before adding some [temporary hard-coded data](#temporary-hard-coded-results-text), adding CSS to a [`style.css`](#css_content) external stylesheet, and creating `app.js`, the [application's JavaScript](/en-US/docs/Web/Progressive_web_apps/Tutorials/CycleTracker/JavaScript_functionality) that makes this web page function.
 
 The HTML's first line is a {{glossary("doctype")}} preamble, which ensures the content behaves correctly.
 
@@ -234,7 +234,7 @@ li:nth-of-type(even) {
 }
 ```
 
-If every line is familiar to you, you can copy the above CSS, or write your own CSS, and save the file as [`style.css`](https://github.com/mdn/pwa-examples/tree/main/cycletracker/html_and_css/style.css), then [finish up the static HTML and CSS](#finishing-the-static-html-and-css-for-our-pwa). If anything in the above CSS is new to you, keep reading for an explanation.
+If every line is familiar to you, you can copy the above CSS, or write your own CSS, and save the file as [`style.css`](https://github.com/mdn/pwa-examples/tree/main/cycletracker/html_and_css/style.css), then [finish up the static HTML and CSS](#finishing_the_static_html_and_css_for_our_pwa). If anything in the above CSS is new to you, keep reading for an explanation.
 
 ![Light green web page with a large header, a form with a legend, two date pickers and a button. The bottom shows fake data for two menstrual cycles and a header.](html.jpg)
 
diff --git a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md
index 5e9042423ef326e..2c6f500da40c89a 100644
--- a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md
+++ b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md
@@ -132,7 +132,7 @@ Within the manifest JSON object, the `icons` member specifies an array of one or
 }
 ```
 
-All icons should have the same look and feel to ensure users recognize your PWA, but the larger the icon, the greater the detail it can contain. While all icon files are squares, some operating systems render different shapes, cutting sections off, or "masking" the icon, to meet the UI, or shrinking and centering the icon with a background if the icon is not maskable. The [safe zone](/en-US/docs/Web/Progressive_web_apps/How_to/Define_app_icons#support-masking), the area that will render okay if the icon is masked as a circle, is the inner 80% of the image file. Icons are labeled as safe to be masked by the `purpose` member which, when set to `maskable`, defines the [icon as adaptive](https://web.dev/articles/maskable-icon).
+All icons should have the same look and feel to ensure users recognize your PWA, but the larger the icon, the greater the detail it can contain. While all icon files are squares, some operating systems render different shapes, cutting sections off, or "masking" the icon, to meet the UI, or shrinking and centering the icon with a background if the icon is not maskable. The [safe zone](/en-US/docs/Web/Progressive_web_apps/How_to/Define_app_icons#support_masking), the area that will render okay if the icon is masked as a circle, is the inner 80% of the image file. Icons are labeled as safe to be masked by the `purpose` member which, when set to `maskable`, defines the [icon as adaptive](https://web.dev/articles/maskable-icon).
 
 In Safari, and therefor for iOS and iPadOS, if you include the [non-standard `apple-touch-icon`](/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#adding_custom_icons_to_your_site) in the {{HTMLElement("head")}} of the HTML document via {{HTMLElement("link")}}, they will take precedence over manifest-declared icons.
 
diff --git a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/service_workers/index.md b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/service_workers/index.md
index 5b01cb80611bc78..8c6a2e3ac8adec8 100644
--- a/files/en-us/web/progressive_web_apps/tutorials/cycletracker/service_workers/index.md
+++ b/files/en-us/web/progressive_web_apps/tutorials/cycletracker/service_workers/index.md
@@ -197,7 +197,7 @@ We can take advantage of the [`fetch`](/en-US/docs/Web/API/ServiceWorkerGlobalSc
 
 As our PWA consists of a single page, for page navigation requests, we go back to the `index.html` home page. There are no other pages and we don't ever want to go to the server. If the Fetch API's [`Request`](/en-US/docs/Web/API/Request) readonly [`mode`](/en-US/docs/Web/API/Request/mode) property is `navigate`, meaning it's looking for a web page, we use the FetchEvent's [`respondWith()`](/en-US/docs/Web/API/FetchEvent/respondWith) method to prevent the browser's default fetch handling, providing our own response promise employing the [`caches.match()`](/en-US/docs/Web/API/CacheStorage/match) method.
 
-For all other request modes, we open the caches as done in the [install event response](#saving-the-cache-on-pwa-installation), instead passing the event request to the same `match()` method. It checks if the request is a key for a stored {{domxref("Response")}}. If yes, it returns the cached response. If not, we return a [404 status](/en-US/docs/Web/HTTP/Status/404) as a response.
+For all other request modes, we open the caches as done in the [install event response](#saving_the_cache_on_pwa_installation), instead passing the event request to the same `match()` method. It checks if the request is a key for a stored {{domxref("Response")}}. If yes, it returns the cached response. If not, we return a [404 status](/en-US/docs/Web/HTTP/Status/404) as a response.
 
 Using the [`Response()`](/en-US/docs/Web/API/Response/Response) constructor to pass a `null` body and a `status: 404` as options, doesn't mean there is an error in our PWA. Rather, everything we need should already be in the cache, and if it isn't, we're not going to the server to resolve this non-issue.
 
@@ -367,7 +367,7 @@ Because of the way we have set up the service worker, once it is registered, eve
 
 ### By updating the version number and doing a hard reset
 
-To get a new cache, you can change the [version number](#version-number) and then do a hard browser refresh. The way you do a hard refresh depends on the browser and operating system:
+To get a new cache, you can change the [version number](#version_number) and then do a hard browser refresh. The way you do a hard refresh depends on the browser and operating system:
 
 - On Windows: Ctrl+F5, Shift+F5, or Ctrl+Shift+R.
 - On MacOS: Shift+Command+R.
diff --git a/files/en-us/web/webdriver/capabilities/index.md b/files/en-us/web/webdriver/capabilities/index.md
index b9db04cebbee3ac..9222df29ebbf40c 100644
--- a/files/en-us/web/webdriver/capabilities/index.md
+++ b/files/en-us/web/webdriver/capabilities/index.md
@@ -8,7 +8,7 @@ page-type: landing-page
 
 WebDriver **_capabilities_** are used to communicate the features supported by a [session](/en-US/docs/Web/WebDriver). A client may also use capabilities to define which features it requires the driver to satisfy when [creating a new session](/en-US/docs/Web/WebDriver/Commands/NewSession).
 
-When a WebDriver session is created it returns a set of capabilities describing the negotiated, effective capabilities of the session. Some of the capabilities included in this set are [standard and shared between all browsers](#list-of-capabilities), but the set may also contain [browser-specific capabilities](#vendor-specific-capabilities) and these are always prefixed.
+When a WebDriver session is created it returns a set of capabilities describing the negotiated, effective capabilities of the session. Some of the capabilities included in this set are [standard and shared between all browsers](#list_of_capabilities), but the set may also contain [browser-specific capabilities](#vendor-specific_capabilities) and these are always prefixed.
 
 ## Capabilities negotiation
 
@@ -112,7 +112,7 @@ Which you choose of the two preceding examples is not important, but it can matt
 
 ## Vendor-specific capabilities
 
-In addition to the [standard capabilities](#list-of-capabilities) WebDriver allows third-parties to _extend_ the set of capabilities to match their needs. Browser vendors and suppliers of drivers typically use extension capabilities to provide configuration to the browser, but they can also be used by intermediaries for arbitrary blobs of information.
+In addition to the [standard capabilities](#list_of_capabilities) WebDriver allows third-parties to _extend_ the set of capabilities to match their needs. Browser vendors and suppliers of drivers typically use extension capabilities to provide configuration to the browser, but they can also be used by intermediaries for arbitrary blobs of information.
 
 - [Firefox capabilities](/en-US/docs/Web/WebDriver/Capabilities/firefoxOptions) (`moz:firefoxOptions`)
 - [Chrome capabilities](/en-US/docs/Web/WebDriver/Capabilities/goog/chromeOptions) (`goog:chromeOptions`)
diff --git a/files/en-us/web/webdriver/errors/scripttimeout/index.md b/files/en-us/web/webdriver/errors/scripttimeout/index.md
index 25668edc68a0e1b..858e45bf4cc983f 100644
--- a/files/en-us/web/webdriver/errors/scripttimeout/index.md
+++ b/files/en-us/web/webdriver/errors/scripttimeout/index.md
@@ -6,7 +6,7 @@ page-type: webdriver-error
 
 {{QuickLinksWithSubpages("/en-US/docs/Web/WebDriver/Errors")}}
 
-The **script timeout** error is a [WebDriver error](/en-US/docs/Web/WebDriver/Errors) that occurs when a script the user has provided did not complete before the session's [script timeout](/en-US/docs/Web/WebDriver/Capabilities#script-timeout) duration expired.
+The **script timeout** error is a [WebDriver error](/en-US/docs/Web/WebDriver/Errors) that occurs when a script the user has provided did not complete before the session's [script timeout](/en-US/docs/Web/WebDriver/Errors/ScriptTimeout) duration expired.
 
 The script timeout duration is a configurable capability, which means you can change how long it will take before the driver interrupts an injected script. The driver will by default wait 30 seconds before interrupting the script and returning with a script timeout error, but this can be both extended, limited, and be set to indefinite.
 

From 7eab8d45b73f9285ba8d960d596916fbbd0813c6 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Mon, 29 Jan 2024 11:43:50 +0530
Subject: [PATCH 586/790] fix(ci): migrate to husky v9 (#31964)

* fix(ci): migrate to husky v9

* remove shebang as well
---
 .husky/pre-commit | 3 ---
 package.json      | 2 +-
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/.husky/pre-commit b/.husky/pre-commit
index 36af219892fda8e..2312dc587f61186 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npx lint-staged
diff --git a/package.json b/package.json
index f6b780f2ad6a6da..9be2b119e919921 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "lint:json": "prettier -c \"**/*.json(c)?\"",
     "lint:md": "markdownlint-cli2 \"**/*.md\" && prettier -c \"**/*.md\"",
     "lint:yml": "prettier -c \"**/*.yml\"",
-    "prepare": "husky install",
+    "prepare": "husky || true",
     "start": "yarn up-to-date-check && env-cmd --silent cross-env CONTENT_ROOT=files REACT_APP_DISABLE_AUTH=true BUILD_OUT_ROOT=build yari-server",
     "up-to-date-check": "node scripts/up-to-date-check.js",
     "jest": "cross-env NODE_OPTIONS=--experimental-vm-modules jest",

From 2bcfdc35609ec32e44a226d696a2d340384d0a45 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Mon, 29 Jan 2024 12:35:14 +0530
Subject: [PATCH 587/790] document for HTMLAnchorElement.ping (#31904)

* document for HTMLAnchorElement.ping

document for HTMLAnchorElement.ping

document for HTMLAnchorElement.ping

typo

corrections

* Update files/en-us/web/api/htmlanchorelement/ping/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/ping/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* property list update

* content and example update

* Update files/en-us/web/api/htmlanchorelement/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/htmlanchorelement/ping/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
---
 .../en-us/web/api/htmlanchorelement/index.md  |  2 +
 .../web/api/htmlanchorelement/ping/index.md   | 43 +++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 files/en-us/web/api/htmlanchorelement/ping/index.md

diff --git a/files/en-us/web/api/htmlanchorelement/index.md b/files/en-us/web/api/htmlanchorelement/index.md
index 90fa8b9cd35c83c..a6b7ea2939c767d 100644
--- a/files/en-us/web/api/htmlanchorelement/index.md
+++ b/files/en-us/web/api/htmlanchorelement/index.md
@@ -33,6 +33,8 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}._
   - : A string containing the password specified before the domain name.
 - {{domxref("HTMLAnchorElement.pathname")}}
   - : A string containing an initial `'/'` followed by the path of the URL, not including the query string or fragment.
+- {{domxref("HTMLAnchorElement.ping")}}
+  - : A space-separated list of URLs. When the link is followed, the browser will send {{HTTPMethod("POST")}} requests with the body PING to the URLs.
 - {{domxref("HTMLAnchorElement.port")}}
   - : A string representing the port component, if any, of the referenced URL.
 - {{domxref("HTMLAnchorElement.protocol")}}
diff --git a/files/en-us/web/api/htmlanchorelement/ping/index.md b/files/en-us/web/api/htmlanchorelement/ping/index.md
new file mode 100644
index 000000000000000..0b36f4a6a247507
--- /dev/null
+++ b/files/en-us/web/api/htmlanchorelement/ping/index.md
@@ -0,0 +1,43 @@
+---
+title: "HTMLAnchorElement: ping property"
+short-title: ping
+slug: Web/API/HTMLAnchorElement/ping
+page-type: web-api-instance-property
+browser-compat: api.HTMLAnchorElement.ping
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`ping`** property of the {{domxref("HTMLAnchorElement")}} interface is a space-separated list of URLs. When the link is followed, the browser will send {{HTTPMethod("POST")}} requests with the body PING to the URLs.
+
+It reflects the `ping` attribute of the {{HTMLElement("a")}} element.
+
+> **Note:** This property is not effective in Firefox and its usage may be limited due to privacy and security concerns.
+
+## Example
+
+```html
+<a
+  id="exampleLink"
+  href="https://example.com"
+  ping="https://example-tracking.com https://example-analytics.com"
+  >Example Link</a
+>
+```
+
+```js
+const anchorElement = document.getElementById("exampleLink");
+console.log(anchorElement.ping); // Output: "https://example-tracking.com https://example-analytics.com"
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLAreaElement.ping")}} property

From 8b2431b571fc8f3ff08ae59973ec033441951009 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Mon, 29 Jan 2024 12:35:47 +0530
Subject: [PATCH 588/790] document for HTMLAreaElement.ping (#31905)

* document for HTMLAreaElement.ping

* property list update

* content and example update

* Update files/en-us/web/api/htmlareaelement/ping/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/htmlareaelement/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

---------

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
---
 files/en-us/web/api/htmlareaelement/index.md  |  2 +
 .../web/api/htmlareaelement/ping/index.md     | 43 +++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 files/en-us/web/api/htmlareaelement/ping/index.md

diff --git a/files/en-us/web/api/htmlareaelement/index.md b/files/en-us/web/api/htmlareaelement/index.md
index cd63124209318b9..52c910f2f223210 100644
--- a/files/en-us/web/api/htmlareaelement/index.md
+++ b/files/en-us/web/api/htmlareaelement/index.md
@@ -37,6 +37,8 @@ _Inherits properties from its parent {{domxref("HTMLElement")}}._
   - : A string containing the password specified before the domain name.
 - {{domxref("HTMLAreaElement.pathname")}}
   - : A string containing the path name component, if any, of the referenced URL.
+- {{domxref("HTMLAreaElement.ping")}}
+  - : A space-separated list of URLs. When the link is followed, the browser will send {{HTTPMethod("POST")}} requests with the body PING to the URLs.
 - {{domxref("HTMLAreaElement.port")}}
   - : A string containing the port component, if any, of the referenced URL.
 - {{domxref("HTMLAreaElement.protocol")}}
diff --git a/files/en-us/web/api/htmlareaelement/ping/index.md b/files/en-us/web/api/htmlareaelement/ping/index.md
new file mode 100644
index 000000000000000..98f1541d50e893a
--- /dev/null
+++ b/files/en-us/web/api/htmlareaelement/ping/index.md
@@ -0,0 +1,43 @@
+---
+title: "HTMLAreaElement: ping property"
+short-title: ping
+slug: Web/API/HTMLAreaElement/ping
+page-type: web-api-instance-property
+browser-compat: api.HTMLAreaElement.ping
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`ping`** property of the {{domxref("HTMLAreaElement")}} interface is a space-separated list of URLs. When the link is followed, the browser will send {{HTTPMethod("POST")}} requests with the body PING to the URLs.
+
+It reflects the `ping` attribute of the {{HTMLElement("area")}} element.
+
+> **Note:** This property is not effective in Firefox and its usage may be limited due to privacy and security concerns.
+
+## Example
+
+```html
+<map>
+  <area
+    href="https://example.com"
+    ping="https://example-tracking.com https://example-analytics.com"
+    alt="example" />
+</map>
+```
+
+```js
+const areaCollection = document.getElementsByTagName("map")[0].areas;
+console.log(areaCollection[0].ping); // Output: "https://example-tracking.com https://example-analytics.com"
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLAnchorElement.ping")}} property

From 88fc10cfde3831c156224a02e4e5ab5747bb2017 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Mon, 29 Jan 2024 21:05:27 +1100
Subject: [PATCH 589/790] Ff123 createindex locale depr (#31973)

* FF123 IDBObjectStore.createIndex() locale option deprecated

* remove compat info in text
---
 .../en-us/web/api/idbobjectstore/createindex/index.md | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/files/en-us/web/api/idbobjectstore/createindex/index.md b/files/en-us/web/api/idbobjectstore/createindex/index.md
index e546a917b82911c..ef207bb539dc15a 100644
--- a/files/en-us/web/api/idbobjectstore/createindex/index.md
+++ b/files/en-us/web/api/idbobjectstore/createindex/index.md
@@ -32,12 +32,9 @@ createIndex(indexName, keyPath, options)
 ### Parameters
 
 - `indexName`
-  - : The name of the index to create. Note that it is possible to create an index with an
-    empty name.
+  - : The name of the index to create. Note that it is possible to create an index with an empty name.
 - `keyPath`
-  - : The key path for the index to use. Note that it is possible to create an index with
-    an empty `keyPath`, and also to pass in a sequence (array) as a
-    `keyPath`.
+  - : The key path for the index to use. Note that it is possible to create an index with an empty `keyPath`, and also to pass in a sequence (array) as a `keyPath`.
 - `options` {{optional_inline}}
 
   - : An object which can include the following
@@ -47,8 +44,8 @@ createIndex(indexName, keyPath, options)
     - `multiEntry`
       - : If `true`, the index will add an entry in the index for each array element when the `keyPath` resolves to an array.
         If `false`, it will add one single entry containing the array. Defaults to `false`.
-    - `locale` {{non-standard_inline}}
-      - : Currently Firefox-only (43+), this allows you to specify a locale for the index.
+    - `locale` {{non-standard_inline}} {{deprecated_inline}}
+      - : Allows you to specify a locale for the index.
         Any sorting operations performed on the data via key ranges will then obey sorting rules of that locale
         (see [locale-aware sorting](/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB#locale-aware_sorting)).
         You can specify its value in one of three ways:

From dc3d59de744aa3a91d2bb710e237534f0cadefb7 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 29 Jan 2024 21:31:28 +0800
Subject: [PATCH 590/790] Fix typo | mark as read-only (#31978)

mark as read-only
---
 files/en-us/web/api/serviceworkerregistration/active/index.md   | 2 +-
 .../web/api/serviceworkerregistration/backgroundfetch/index.md  | 2 +-
 .../en-us/web/api/serviceworkerregistration/installing/index.md | 2 +-
 .../web/api/serviceworkerregistration/pushmanager/index.md      | 2 +-
 files/en-us/web/api/serviceworkerregistration/waiting/index.md  | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/files/en-us/web/api/serviceworkerregistration/active/index.md b/files/en-us/web/api/serviceworkerregistration/active/index.md
index 35f2b2d901d06e1..35867c56f89144e 100644
--- a/files/en-us/web/api/serviceworkerregistration/active/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/active/index.md
@@ -8,7 +8,7 @@ browser-compat: api.ServiceWorkerRegistration.active
 
 {{APIRef("Service Workers API")}}
 
-The **`active`** property of the
+The **`active`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a service worker whose
 {{domxref("ServiceWorker.state")}} is `activating` or `activated`.
 This property is initially set to `null`.
diff --git a/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md b/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md
index 4a6e6b3ffee3f35..f3ca06182edde02 100644
--- a/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md
@@ -10,7 +10,7 @@ browser-compat: api.ServiceWorkerRegistration.backgroundFetch
 
 {{APIRef("Background Fetch API")}}{{SeeCompatTable}}
 
-The **`backgroundFetch`** property of the
+The **`backgroundFetch`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a reference to a
 {{domxref("BackgroundFetchManager")}} object, which can be used to initiate background fetch operations.
 
diff --git a/files/en-us/web/api/serviceworkerregistration/installing/index.md b/files/en-us/web/api/serviceworkerregistration/installing/index.md
index a203b1def398076..d524ff85282b5bb 100644
--- a/files/en-us/web/api/serviceworkerregistration/installing/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/installing/index.md
@@ -8,7 +8,7 @@ browser-compat: api.ServiceWorkerRegistration.installing
 
 {{APIRef("Service Workers API")}}
 
-The **`installing`** property of the
+The **`installing`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a service worker whose
 {{domxref("ServiceWorker.state")}} is `installing`. This property is
 initially set to `null`.
diff --git a/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md b/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md
index 36660f65ccb54fe..961764da2d20d0f 100644
--- a/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md
@@ -8,7 +8,7 @@ browser-compat: api.ServiceWorkerRegistration.pushManager
 
 {{APIRef("Service Workers API")}}
 
-The **`pushManager`** property of the
+The **`pushManager`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a reference to the
 {{domxref("PushManager")}} interface for managing push subscriptions; this includes
 support for subscribing, getting an active subscription, and accessing push permission
diff --git a/files/en-us/web/api/serviceworkerregistration/waiting/index.md b/files/en-us/web/api/serviceworkerregistration/waiting/index.md
index 1378d9b7328355b..39364c173eead47 100644
--- a/files/en-us/web/api/serviceworkerregistration/waiting/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/waiting/index.md
@@ -8,7 +8,7 @@ browser-compat: api.ServiceWorkerRegistration.waiting
 
 {{APIRef("Service Workers API")}}
 
-The **`waiting`** property of the
+The **`waiting`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a service worker whose
 {{domxref("ServiceWorker.state")}} is `installed`. This property is initially
 set to `null`.

From 9bdce31ddc5ff430951e527146bc367ea3699867 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 29 Jan 2024 14:59:07 +0000
Subject: [PATCH 591/790] Bump husky from 9.0.6 to 9.0.7 (#31984)

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

diff --git a/package.json b/package.json
index 9be2b119e919921..7068ea0d847cc86 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "env-cmd": "10.1.0",
     "fdir": "^6.1.1",
     "gray-matter": "^4.0.3",
-    "husky": "9.0.6",
+    "husky": "9.0.7",
     "js-yaml": "^4.1.0",
     "lint-staged": "15.2.0",
     "markdownlint-cli2": "0.12.1",
diff --git a/yarn.lock b/yarn.lock
index f4895708832b958..455bbbdfe05a10b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3849,10 +3849,10 @@ humanize-ms@^1.2.1:
   dependencies:
     ms "^2.0.0"
 
-husky@9.0.6:
-  version "9.0.6"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-9.0.6.tgz#cee0245d60480b12279cf492ec6cfc1aeb7fa759"
-  integrity sha512-EEuw/rfTiMjOfuL7pGO/i9otg1u36TXxqjIA6D9qxVjd/UXoDOsLor/BSFf5hTK50shwzCU3aVVwdXDp/lp7RA==
+husky@9.0.7:
+  version "9.0.7"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-9.0.7.tgz#047f24ec1b6c681206af714b4217c13ee97fff20"
+  integrity sha512-vWdusw+y12DUEeoZqW1kplOFqk3tedGV8qlga8/SF6a3lOiWLqGZZQvfWvY0fQYdfiRi/u1DFNpudTSV9l1aCg==
 
 iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"

From e5d22ebb87bf836102adac3455bf21c672b815c2 Mon Sep 17 00:00:00 2001
From: Vadim Makeev <hi@pepelsbey.dev>
Date: Mon, 29 Jan 2024 18:42:44 +0100
Subject: [PATCH 592/790] Add Firefox 124, update 122, 123 (#31982)

Add Fx 124, update 122, 123
---
 .../mozilla/firefox/releases/122/index.md     |  2 +-
 .../mozilla/firefox/releases/123/index.md     |  2 +-
 .../mozilla/firefox/releases/124/index.md     | 71 +++++++++++++++++++
 3 files changed, 73 insertions(+), 2 deletions(-)
 create mode 100644 files/en-us/mozilla/firefox/releases/124/index.md

diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index 78a13bae02fdab1..18f0ee152f69348 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -6,7 +6,7 @@ page-type: firefox-release-notes
 
 {{FirefoxSidebar}}
 
-This article provides information about the changes in Firefox 122 that affect developers. Firefox 122 is the current [Beta version of Firefox](https://www.mozilla.org/en-US/firefox/channel/desktop/#beta) and ships on [January 23, 2024](https://whattrainisitnow.com/release/?version=122).
+This article provides information about the changes in Firefox 122 that affect developers. Firefox 122 was released on [January 23, 2024](https://whattrainisitnow.com/release/?version=122).
 
 ## Changes for web developers
 
diff --git a/files/en-us/mozilla/firefox/releases/123/index.md b/files/en-us/mozilla/firefox/releases/123/index.md
index f7c23e1d1c2e1ba..05b0a3d9b20ad7e 100644
--- a/files/en-us/mozilla/firefox/releases/123/index.md
+++ b/files/en-us/mozilla/firefox/releases/123/index.md
@@ -6,7 +6,7 @@ page-type: firefox-release-notes
 
 {{FirefoxSidebar}}
 
-This article provides information about the changes in Firefox 123 that affect developers. Firefox 123 is the current [Nightly version of Firefox](https://www.mozilla.org/en-US/firefox/channel/desktop/#nightly) and ships on [February 20, 2024](https://whattrainisitnow.com/release/?version=123).
+This article provides information about the changes in Firefox 123 that affect developers. Firefox 123 is the current [Beta version of Firefox](https://www.mozilla.org/en-US/firefox/channel/desktop/#beta) and ships on [February 20, 2024](https://whattrainisitnow.com/release/?version=123).
 
 ## Changes for web developers
 
diff --git a/files/en-us/mozilla/firefox/releases/124/index.md b/files/en-us/mozilla/firefox/releases/124/index.md
new file mode 100644
index 000000000000000..b6afbbe48f70336
--- /dev/null
+++ b/files/en-us/mozilla/firefox/releases/124/index.md
@@ -0,0 +1,71 @@
+---
+title: Firefox 124 for developers
+slug: Mozilla/Firefox/Releases/124
+page-type: firefox-release-notes
+---
+
+{{FirefoxSidebar}}
+
+This article provides information about the changes in Firefox 124 that affect developers. Firefox 124 is the current [Nightly version of Firefox](https://www.mozilla.org/en-US/firefox/channel/desktop/#nightly) and ships on [March 19, 2024](https://whattrainisitnow.com/release/?version=124).
+
+## Changes for web developers
+
+### Developer Tools
+
+### HTML
+
+#### Removals
+
+### CSS
+
+#### Removals
+
+### JavaScript
+
+#### Removals
+
+### SVG
+
+#### Removals
+
+### HTTP
+
+#### Removals
+
+### Security
+
+#### Removals
+
+### APIs
+
+#### DOM
+
+#### Media, WebRTC, and Web Audio
+
+#### Removals
+
+### WebAssembly
+
+#### Removals
+
+### WebDriver conformance (WebDriver BiDi, Marionette)
+
+#### General
+
+#### WebDriver BiDi
+
+#### Marionette
+
+## Changes for add-on developers
+
+### Removals
+
+### Other
+
+## Experimental web features
+
+These features are newly shipped in Firefox 124 but are disabled by default. To experiment with them, search for the appropriate preference on the `about:config` page and set it to `true`. You can find more such features on the [Experimental features](/en-US/docs/Mozilla/Firefox/Experimental_features) page.
+
+## Older versions
+
+{{Firefox_for_developers(123)}}

From abacc99715d7b8eec942ce975cd7b1d0d916c0a0 Mon Sep 17 00:00:00 2001
From: rebloor <git@sherpa.co.nz>
Date: Tue, 30 Jan 2024 07:07:22 +1300
Subject: [PATCH 593/790] Add search as optional permission (#31987)

---
 .../webextensions/manifest.json/optional_permissions/index.md    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/mozilla/add-ons/webextensions/manifest.json/optional_permissions/index.md b/files/en-us/mozilla/add-ons/webextensions/manifest.json/optional_permissions/index.md
index 2a28e07487f176f..8da886d820ba6b4 100644
--- a/files/en-us/mozilla/add-ons/webextensions/manifest.json/optional_permissions/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/manifest.json/optional_permissions/index.md
@@ -85,6 +85,7 @@ You can include any of the following here, but not in all browsers: check the co
 - `privacy`
 - `proxy`
 - `scripting`
+- `search`
 - `sessions`
 - `tabHide`
 - `tabs`

From 17abe1c7a64248b77998643433cb3285ae937c6e Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 30 Jan 2024 03:56:47 +0800
Subject: [PATCH 594/790] Fix incorrect format of the note (#31977)

* fix note

* fix: Broken Note blocks

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 .../angular_item_component/index.md                             | 2 +-
 .../web/accessibility/aria/roles/application_role/index.md      | 2 +-
 files/en-us/web/api/htmliframeelement/allowfullscreen/index.md  | 2 +-
 files/en-us/web/api/notificationevent/index.md                  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/angular_item_component/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/angular_item_component/index.md
index 2528d4b49fcca81..8102fa59b9e37e6 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/angular_item_component/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/angular_item_component/index.md
@@ -218,7 +218,7 @@ When you use a property in the template, you must also declare it in the class.
 An `@Input()` serves as a doorway for data to come into the component, and an `@Output()` acts as a doorway for data to go out of the component.
 An `@Output()` has to be of type `EventEmitter`, so that a component can raise an event when there's data ready to share with another component.
 
-> **Note**: The `!` in the class's property declaration is called a [definite assignment assertion](https://www.typescriptlang.org/docs/handbook/2/classes.html#--strictpropertyinitialization). This operator tells Typescript that the `item` field is always initialized and not `undefined`, even when TypeScript cannot tell from the constructor's definition. If this operator is not included in your code and you have strict TypeScript compilation settings, the app will fail to compile.
+> **Note:** The `!` in the class's property declaration is called a [definite assignment assertion](https://www.typescriptlang.org/docs/handbook/2/classes.html#--strictpropertyinitialization). This operator tells Typescript that the `item` field is always initialized and not `undefined`, even when TypeScript cannot tell from the constructor's definition. If this operator is not included in your code and you have strict TypeScript compilation settings, the app will fail to compile.
 
 Use `@Input()` to specify that the value of a property can come from outside of the component.
 Use `@Output()` in conjunction with `EventEmitter` to specify that the value of a property can leave the component so that another component can receive that data.
diff --git a/files/en-us/web/accessibility/aria/roles/application_role/index.md b/files/en-us/web/accessibility/aria/roles/application_role/index.md
index f25e8a861e70740..7d0eea52e8f74b5 100644
--- a/files/en-us/web/accessibility/aria/roles/application_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/application_role/index.md
@@ -67,7 +67,7 @@ The <kbd>Tab</kbd>, <kbd>Space</kbd> and <kbd>Enter</kbd> keys, as well as <kbd>
 - Changing attribute values
   - : [`aria-activedescendant`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-activedescendant) is used to manage the focus inside the application container. Set in response to keyboard or other application events that change focus or point of interaction.
 
-> **Note** The `application` role does not have a related HTML widget and thus is completely free form. The author of the application must take full responsibility for not letting users get stuck in a focus trap inside something the user cannot exit from. All aspects of interaction, including returning to the regular web content on other parts of the page, must be handled. Use wisely, and cautiously, and remember to test!
+> **Note:** The `application` role does not have a related HTML widget and thus is completely free form. The author of the application must take full responsibility for not letting users get stuck in a focus trap inside something the user cannot exit from. All aspects of interaction, including returning to the regular web content on other parts of the page, must be handled. Use wisely, and cautiously, and remember to test!
 
 ## Examples
 
diff --git a/files/en-us/web/api/htmliframeelement/allowfullscreen/index.md b/files/en-us/web/api/htmliframeelement/allowfullscreen/index.md
index ef724813fe8a312..86896c4662912cb 100644
--- a/files/en-us/web/api/htmliframeelement/allowfullscreen/index.md
+++ b/files/en-us/web/api/htmliframeelement/allowfullscreen/index.md
@@ -10,7 +10,7 @@ browser-compat: api.HTMLIFrameElement.allowFullscreen
 
 The **`allowFullscreen`** property of the {{domxref("HTMLIFrameElement")}} interface is a boolean value that reflects the `allowfullscreen` attribute of the {{HTMLElement("iframe")}} element, indicating whether to allow the iframe's contents to use {{domxref("Element.requestFullscreen", "requestFullscreen()")}}.
 
-> **Note**: This property is considered a legacy property. Use `allow="fullscreen"` and domxref("HTMLIFrameElement.allow")}} instead.
+> **Note:** This property is considered a legacy property. Use `allow="fullscreen"` and {{domxref("HTMLIFrameElement.allow")}} instead.
 
 ## Value
 
diff --git a/files/en-us/web/api/notificationevent/index.md b/files/en-us/web/api/notificationevent/index.md
index 09fd0f04e6d1c2f..279d99d376748e5 100644
--- a/files/en-us/web/api/notificationevent/index.md
+++ b/files/en-us/web/api/notificationevent/index.md
@@ -11,7 +11,7 @@ The **`NotificationEvent`** interface of the {{domxref("Notifications API", "",
 
 This interface inherits from the {{domxref("ExtendableEvent")}} interface.
 
-> **Note**: Only persistent notification events, fired at the {{domxref("ServiceWorkerGlobalScope")}} object, implement the `NotificationEvent` interface. Non-persistent notification events, fired at the {{domxref("Notification")}} object, implement the `Event` interface.
+> **Note:** Only persistent notification events, fired at the {{domxref("ServiceWorkerGlobalScope")}} object, implement the `NotificationEvent` interface. Non-persistent notification events, fired at the {{domxref("Notification")}} object, implement the `Event` interface.
 
 {{InheritanceDiagram}}
 

From bf7c135facee83afde744fdc9a3efdd737fff547 Mon Sep 17 00:00:00 2001
From: hanyujie2002 <yujiehan2002@outlook.com>
Date: Tue, 30 Jan 2024 03:58:13 +0800
Subject: [PATCH 595/790] fix typo (#31976)

---
 .../svelte_typescript/index.md                                  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
index 95c70619a0db370..be4269d61f3c661 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
@@ -191,7 +191,7 @@ We can also see that the `setupTypeScript.js` file made a couple of changes to o
 
 We also get type checking for free. If we pass an unknown property in the options parameter of the `App` constructor (for example a typo like `traget` instead of `target`), TypeScript will complain:
 
-![Type checking in VS Code - App object has been given an unknown property target](04-vscode-type-checking-in-main-ts.png)
+![Type checking in VS Code - App object has been given an unknown property traget](04-vscode-type-checking-in-main-ts.png)
 
 In the `App.svelte` component, the `setupTypeScript.js` script has added the `lang="ts"` attribute to the `<script>` tag. Moreover, thanks to type inference, in many cases we won't even need to specify types to get code assistance. For example, if you start adding an `ms` property to the `Alert` component call, TypeScript will infer from the default value that the `ms` property should be a number:
 

From bfd3bfe7684e982a09894f0f77c75a540a3e194c Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 30 Jan 2024 04:01:05 +0800
Subject: [PATCH 596/790] Remove deprecated and non-standard `nowrap` attribute
 of `<dd>` element (#31965)

remove property
---
 files/en-us/web/html/element/dd/index.md | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/files/en-us/web/html/element/dd/index.md b/files/en-us/web/html/element/dd/index.md
index 791c3cba819f07e..357838acbb8abf0 100644
--- a/files/en-us/web/html/element/dd/index.md
+++ b/files/en-us/web/html/element/dd/index.md
@@ -13,10 +13,7 @@ The **`<dd>`** [HTML](/en-US/docs/Web/HTML) element provides the description, de
 
 ## Attributes
 
-This element's attributes include the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
-
-- `nowrap` {{Non-standard_inline}} {{Deprecated_Inline}}
-  - : If the value of this attribute is set to `yes`, the definition text will not wrap. The default value is `no`.
+This element only includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
 ## Examples
 

From 61f855f3f8155a2dc1ddb5671bdac032f11ecee7 Mon Sep 17 00:00:00 2001
From: dancer13 <alfredotic0809@gmail.com>
Date: Mon, 29 Jan 2024 21:06:29 +0100
Subject: [PATCH 597/790] fix(htmlelement): clean 'inherit' concept in
 contentEditable (#31935)

fix(htmlelement): clean 'inherit' concept

Co-authored-by: Estelle Weyl <estelle@weyl.org>
---
 files/en-us/web/api/htmlelement/contenteditable/index.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/htmlelement/contenteditable/index.md b/files/en-us/web/api/htmlelement/contenteditable/index.md
index 231e1e276e1ab6d..2685feaec14b0fd 100644
--- a/files/en-us/web/api/htmlelement/contenteditable/index.md
+++ b/files/en-us/web/api/htmlelement/contenteditable/index.md
@@ -17,12 +17,13 @@ This enumerated attribute can have the following values:
 - '`true`' indicates that the element is `contenteditable`.
 - '`false`' indicates that the element cannot be edited.
 - '`plaintext-only`' indicates that the element's raw text is editable, but rich text formatting is disabled.
-- '`inherit`' indicates that the element inherits its parent's editable
-  status.
 
 You can use the {{domxref("HTMLElement.isContentEditable")}} property to test the
 computed boolean value of this property.
 
+If the attribute is missing or its value is invalid, its value is inherited from its parent element: so the element
+is editable (or not) based on the parent element.
+
 ## Value
 
 A string.

From 5b05061b6d2d019d700a14935b4fb3ce9c0a58d3 Mon Sep 17 00:00:00 2001
From: Yaroslav Vorobev <vorobevyaroslav@gmail.com>
Date: Tue, 30 Jan 2024 00:37:12 +0300
Subject: [PATCH 598/790] fix: ReadableStream.cancel return value (#31969)

---
 .../web/api/readablestream/cancel/index.md    | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/files/en-us/web/api/readablestream/cancel/index.md b/files/en-us/web/api/readablestream/cancel/index.md
index c0bb264a6a1294b..abf9e321c860917 100644
--- a/files/en-us/web/api/readablestream/cancel/index.md
+++ b/files/en-us/web/api/readablestream/cancel/index.md
@@ -8,15 +8,11 @@ browser-compat: api.ReadableStream.cancel
 
 {{APIRef("Streams")}}
 
-The **`cancel()`** method of the
-{{domxref("ReadableStream")}} interface returns a {{jsxref("Promise")}} that
-resolves when the stream is canceled.
+The **`cancel()`** method of the {{domxref("ReadableStream")}} interface returns a {{jsxref("Promise")}} that resolves when the stream is canceled.
 
-Cancel is used when you've completely finished with the stream and don't need any more
-data from it, even if there are chunks enqueued waiting to be read. That data is lost
-after cancel is called, and the stream is not readable any more. To read those chunks
-still and not completely get rid of the stream, you'd use
-{{domxref("ReadableStreamDefaultController.close()")}}.
+Cancel is used when you've completely finished with the stream and don't need any more data from it, even if there are chunks enqueued waiting to be read.
+That data is lost after cancel is called, and the stream is not readable any more.
+To read those chunks still and not completely get rid of the stream, you'd use {{domxref("ReadableStreamDefaultController.close()")}}.
 
 ## Syntax
 
@@ -28,11 +24,12 @@ cancel(reason)
 ### Parameters
 
 - `reason` {{optional_inline}}
-  - : A human-readable reason for the cancellation. The underlying source may or may not use it.
+  - : A human-readable reason for the cancellation.
+    This is passed to the underlying source, which may or may not use it.
 
 ### Return value
 
-A {{jsxref("Promise")}}, which fulfills with the value given in the `reason` parameter.
+A {{jsxref("Promise")}}, which fulfills with `undefined` value.
 
 ### Exceptions
 
@@ -41,8 +38,8 @@ A {{jsxref("Promise")}}, which fulfills with the value given in the `reason` par
 
 ## Examples
 
-In Jake Archibald's [cancelling a fetch](https://jsbin.com/gameboy/edit?js,console) example, a stream is used to fetch the WHATWG HTML spec chunk by chunk; each
-chunk is searched for the string "service workers". When the search terms is found, `cancel()` is used to cancel the stream — the job is finished so it is no longer needed.
+In Jake Archibald's [cancelling a fetch](https://jsbin.com/gameboy/edit?js,console) example, a stream is used to fetch the WHATWG HTML spec chunk by chunk;
+each chunk is searched for the string "service workers". When the search terms is found, `cancel()` is used to cancel the stream — the job is finished so it is no longer needed.
 
 ```js
 const searchTerm = "service workers";

From 8965b364ff38788f6cd0df7c587f7c5c002f6582 Mon Sep 17 00:00:00 2001
From: rebloor <git@sherpa.co.nz>
Date: Tue, 30 Jan 2024 16:03:05 +1300
Subject: [PATCH 599/790]  Proxy API support clarification (#31876)

* webextensions.api.proxy clarification

* Adding details for browserAction.getUserSettings

* Revert "Adding details for browserAction.getUserSettings"

This reverts commit 78bbd0972fb35b8b546a650aa40f8cddd70ad781.
---
 files/en-us/mozilla/add-ons/webextensions/api/proxy/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/mozilla/add-ons/webextensions/api/proxy/index.md b/files/en-us/mozilla/add-ons/webextensions/api/proxy/index.md
index 6e80232b02b12ad..6a8d0e493df2573 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/proxy/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/proxy/index.md
@@ -13,11 +13,11 @@ The advantage of the {{WebExtAPIRef("proxy.onRequest")}} approach is that the co
 
 Apart from this API, extensions can also use the [`browserSettings.proxyConfig`](/en-US/docs/Mozilla/Add-ons/WebExtensions/API/proxy/settings) property to configure global proxy settings.
 
-Google Chrome provides [an extension API also called "proxy"](https://developer.chrome.com/docs/extensions/reference/proxy/) which is functionally similar to this API, in that extensions can use it to implement a proxying policy. However, the design of the Chrome API is completely different to this API. Because this API is incompatible with the Chrome `proxy` API, this API is only available through the `browser` namespace.
+> **Note:** Chrome, Edge, and Opera have [an extension API also called "proxy"](https://developer.chrome.com/docs/extensions/reference/proxy/) which is functionally similar to this API, in that extensions can use it to implement a proxying policy. However, the design of the Chrome API is completely different to this API. Because this API is incompatible with the Chrome `proxy` API, this API is only available through the `browser` namespace.
 
 To use this API you need to have the "proxy" [permission](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions). Also, where you want to intercept requests, you also need [host permission](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions#host_permissions) for the URLs of intercepted requests.
 
-> **Note:** The "proxy" permission requires `"strict_min_version"` to be set to "91.1.0" or above. To use this permission, add or update the [`"browser_specific_settings"`](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings) key in your [manifest.json](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json) to specify a minimum Firefox version. See [Securing the proxy API for Firefox add-ons](https://blog.mozilla.org/security/2021/10/25/securing-the-proxy-api-for-firefox-add-ons/) for more information.
+The "proxy" permission requires `"strict_min_version"` to be set to "91.1.0" or above. To use this permission, add or update the [`"browser_specific_settings"`](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings) key in your [manifest.json](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json) to specify a minimum Firefox version. See [Securing the proxy API for Firefox add-ons](https://blog.mozilla.org/security/2021/10/25/securing-the-proxy-api-for-firefox-add-ons/) for more information.
 
 > **Note:** The browser can make speculative connections, where it determines that a request to a URI may be coming soon. This type of connection does not provide valid tab information, so request details such as `tabId`, `frameId`, `parentFrameId`, etc. are inaccurate. These connections have a {{WebExtAPIRef("webRequest.ResourceType")}} of `speculative`.
 

From 05808d3600f3a5b856eaaf89359f1fdc3d255c26 Mon Sep 17 00:00:00 2001
From: rebloor <git@sherpa.co.nz>
Date: Tue, 30 Jan 2024 16:24:26 +1300
Subject: [PATCH 600/790] Adding details for browserAction.getUserSettings
 (#31975)

* Adding details for browserAction.getUserSettings

* Apply suggestions from review

Co-authored-by: Rob Wu <rob@robwu.nl>

* Linter suggestion

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: Rob Wu <rob@robwu.nl>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../browseraction/getusersettings/index.md    | 56 +++++++++++++++++++
 .../webextensions/api/browseraction/index.md  |  2 +
 .../mozilla/firefox/releases/116/index.md     |  2 +-
 3 files changed, 59 insertions(+), 1 deletion(-)
 create mode 100644 files/en-us/mozilla/add-ons/webextensions/api/browseraction/getusersettings/index.md

diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getusersettings/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getusersettings/index.md
new file mode 100644
index 000000000000000..532411b5589371c
--- /dev/null
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/getusersettings/index.md
@@ -0,0 +1,56 @@
+---
+title: browserAction.getUserSettings()
+slug: Mozilla/Add-ons/WebExtensions/API/browserAction/getUserSettings
+page-type: webextension-api-function
+browser-compat: webextensions.api.browserAction.getUserSettings
+---
+
+{{AddonSidebar}}
+
+Gets the user-specified settings for the browser action.
+
+This is an asynchronous function that returns a [`Promise`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).
+
+## Syntax
+
+```js-nolint
+let userSettings = await browser.browserAction.getUserSettings();
+```
+
+### Parameters
+
+This function takes no parameters.
+
+### Return value
+
+A [`Promise`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) that fulfills with an object with these properties:
+
+- `userSettings`
+
+  - : An object containing the user-specified settings for the browser action with these properties:
+
+    - `isOnToolbar` {{optional_inline}}
+      - : `boolean`. Whether the user has pinned the action's icon to the browser UI. This setting does not indicate whether the action icon is visible. The icon's visibility depends on the size of the browser window and the layout of the browser UI.
+
+## Examples
+
+This code logs a message indicating whether the browser action is pinned or not:
+
+```js
+function gotSettings(userSettings) {
+  if (userSettings.isOnToolbar) {
+    console.log("Browser action is pinned to toolbar.");
+  } else {
+    console.log("Browser action is not pinned to toolbar.");
+  }
+}
+
+let gettingUserSettings = browser.browserAction.getUserSettings();
+gettingUserSettings.then(gotSettings);
+```
+
+{{WebExtExamples}}
+
+## Browser compatibility
+
+{{Compat}}
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/index.md b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/index.md
index e33ac6b037e42f5..6aa0a8e1f816f35 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/browseraction/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/browseraction/index.md
@@ -57,6 +57,8 @@ With the `browserAction` API, you can:
   - : Sets the badge's text color.
 - {{WebExtAPIRef("browserAction.getBadgeTextColor()")}}
   - : Gets the badge's text color.
+- {{WebExtAPIRef("browserAction.getUserSettings()")}}
+  - : Gets the user-specified settings for the browser action.
 - {{WebExtAPIRef("browserAction.enable()")}}
   - : Enables the browser action for a tab. By default, browser actions are enabled for all tabs.
 - {{WebExtAPIRef("browserAction.disable()")}}
diff --git a/files/en-us/mozilla/firefox/releases/116/index.md b/files/en-us/mozilla/firefox/releases/116/index.md
index bb7e56af1811903..567270e133e861d 100644
--- a/files/en-us/mozilla/firefox/releases/116/index.md
+++ b/files/en-us/mozilla/firefox/releases/116/index.md
@@ -72,7 +72,7 @@ This article provides information about the changes in Firefox 116 that affect d
 ## Changes for add-on developers
 
 - The URL of a page visited when an extension is uninstalled, provided in {{WebExtAPIRef("runtime.setUninstallURL")}}, can now be up to 1023 characters instead of 255 ([Firefox bug 1835723](https://bugzil.la/1835723)).
-- Adds {{WebExtAPIRef("action.getUserSettings")}} providing the user-specified settings for an extension's browser action ([Firefox bug 1814905](https://bugzil.la/1814905)).
+- Adds {{WebExtAPIRef("action.getUserSettings")}} and {{WebExtAPIRef("browserAction.getUserSettings")}} providing the user-specified settings for an extension's browser action ([Firefox bug 1814905](https://bugzil.la/1814905)).
 - `autoDiscardable` is now supported in {{WebExtAPIRef("tabs.Tab")}}, {{WebExtAPIRef("tabs.onUpdated")}}, {{WebExtAPIRef("tabs.update")}}, and {{WebExtAPIRef("tabs.query")}} ([Firefox bug 1809094](https://bugzil.la/1809094)).
 
 ## Developer Tools

From 3b021fb3500241768a43dde15be0c897ac086362 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Tue, 30 Jan 2024 15:19:07 +1100
Subject: [PATCH 601/790] Deprecate/remove FF experimental local-specific
 IndexDB sorting (#31996)

---
 files/en-us/_redirects.txt                    |  1 +
 files/en-us/_wikihistory.json                 | 10 ---
 files/en-us/web/api/idbindex/index.md         |  4 +-
 .../web/api/idbindex/isautolocale/index.md    |  3 +-
 files/en-us/web/api/idbindex/locale/index.md  |  3 +-
 .../web/api/idblocaleawarekeyrange/index.md   | 76 -------------------
 files/en-us/web/api/indexeddb_api/index.md    |  2 -
 .../indexeddb_api/using_indexeddb/index.md    | 17 -----
 8 files changed, 7 insertions(+), 109 deletions(-)
 delete mode 100644 files/en-us/web/api/idblocaleawarekeyrange/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index d6aee32af57064a..a9208bea8d9c39f 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -8695,6 +8695,7 @@
 /en-US/docs/Web/API/IDBKeyRange/lowerBound	/en-US/docs/Web/API/IDBKeyRange/lowerBound_static
 /en-US/docs/Web/API/IDBKeyRange/only	/en-US/docs/Web/API/IDBKeyRange/only_static
 /en-US/docs/Web/API/IDBKeyRange/upperBound	/en-US/docs/Web/API/IDBKeyRange/upperBound_static
+/en-US/docs/Web/API/IDBLocaleAwareKeyRange	/en-US/docs/Web/API/IDBIndex
 /en-US/docs/Web/API/IDBMutableFile	/en-US/docs/Web/API/IndexedDB_API
 /en-US/docs/Web/API/IDBMutableFile/abort_event	/en-US/docs/Web/API/IndexedDB_API
 /en-US/docs/Web/API/IDBMutableFile/error_event	/en-US/docs/Web/API/IndexedDB_API
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 1a51406ef60da4b..d356032bcd55fa6 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -43042,16 +43042,6 @@
       "chrisdavidmills"
     ]
   },
-  "Web/API/IDBLocaleAwareKeyRange": {
-    "modified": "2020-10-15T21:38:45.838Z",
-    "contributors": [
-      "teoli",
-      "fscholz",
-      "Sebastianz",
-      "Seta00",
-      "chrisdavidmills"
-    ]
-  },
   "Web/API/IDBObjectStore": {
     "modified": "2020-10-15T21:10:03.883Z",
     "contributors": [
diff --git a/files/en-us/web/api/idbindex/index.md b/files/en-us/web/api/idbindex/index.md
index 476f9d9467e9ee4..80e08dfb25b90c9 100644
--- a/files/en-us/web/api/idbindex/index.md
+++ b/files/en-us/web/api/idbindex/index.md
@@ -19,9 +19,9 @@ You can grab a set of keys within a range. To learn more, see {{domxref("IDBKeyR
 
 ## Instance properties
 
-- {{domxref("IDBIndex.isAutoLocale")}} {{ReadOnlyInline}} {{ Non-Standard_inline() }} {{Experimental_Inline}}
+- {{domxref("IDBIndex.isAutoLocale")}} {{ReadOnlyInline}} {{deprecated_inline}} {{ non-standard_inline }} {{experimental_inline}}
   - : Returns a boolean value indicating whether the index had a `locale` value of `auto` specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).)
-- {{domxref("IDBIndex.locale")}} {{ReadOnlyInline}} {{ Non-Standard_inline() }} {{Experimental_Inline}}
+- {{domxref("IDBIndex.locale")}} {{ReadOnlyInline}} {{deprecated_inline}} {{ non-standard_inline }} {{experimental_inline}}
   - : Returns the locale of the index (for example `en-US`, or `pl`) if it had a `locale` value specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).)
 - {{domxref("IDBIndex.name")}}
   - : The name of this index.
diff --git a/files/en-us/web/api/idbindex/isautolocale/index.md b/files/en-us/web/api/idbindex/isautolocale/index.md
index cf514e427ddf829..efa35565ba9127d 100644
--- a/files/en-us/web/api/idbindex/isautolocale/index.md
+++ b/files/en-us/web/api/idbindex/isautolocale/index.md
@@ -4,12 +4,13 @@ short-title: isAutoLocale
 slug: Web/API/IDBIndex/isAutoLocale
 page-type: web-api-instance-property
 status:
+  - deprecated
   - experimental
   - non-standard
 browser-compat: api.IDBIndex.isAutoLocale
 ---
 
-{{APIRef("IndexedDB")}}{{SeeCompatTable}}{{Non-standard_Header}}
+{{APIRef("IndexedDB")}}{{deprecated_header}}
 
 The **`isAutoLocale`** read-only property of the {{domxref("IDBIndex")}} interface returns a boolean value indicating whether the index had a `locale` value of `auto` specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).)
 
diff --git a/files/en-us/web/api/idbindex/locale/index.md b/files/en-us/web/api/idbindex/locale/index.md
index a7dd08400623cbf..b3511bf3bd05bba 100644
--- a/files/en-us/web/api/idbindex/locale/index.md
+++ b/files/en-us/web/api/idbindex/locale/index.md
@@ -4,12 +4,13 @@ short-title: locale
 slug: Web/API/IDBIndex/locale
 page-type: web-api-instance-property
 status:
+  - deprecated
   - experimental
   - non-standard
 browser-compat: api.IDBIndex.locale
 ---
 
-{{APIRef("IndexedDB")}}{{SeeCompatTable}}{{Non-standard_Header}}
+{{APIRef("IndexedDB")}}{{deprecated_header}}
 
 The **`locale`** read-only property of the {{domxref("IDBIndex")}} interface returns the locale of the index (for example `en-US`, or `pl`) if it had a `locale` value specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).) Note that this property always returns the current locale being used in this index, in other words, it never returns `"auto"`.
 
diff --git a/files/en-us/web/api/idblocaleawarekeyrange/index.md b/files/en-us/web/api/idblocaleawarekeyrange/index.md
deleted file mode 100644
index b3032a195b5ef32..000000000000000
--- a/files/en-us/web/api/idblocaleawarekeyrange/index.md
+++ /dev/null
@@ -1,76 +0,0 @@
----
-title: IDBLocaleAwareKeyRange
-slug: Web/API/IDBLocaleAwareKeyRange
-page-type: web-api-interface
-status:
-  - experimental
-  - non-standard
-browser-compat: api.IDBLocaleAwareKeyRange
----
-
-{{APIRef("IndexedDB")}}{{SeeCompatTable}}{{Non-standard_Header}}
-
-The **`IDBLocaleAwareKeyRange`** interface of the [IndexedDB API](/en-US/docs/Web/API/IndexedDB_API) is a Firefox-specific version of {{domxref("IDBKeyRange")}} — it functions in exactly the same fashion, and has the same properties and methods, but it is intended for use with {{domxref("IDBIndex")}} objects when the original index had a `locale` value specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex)) — that is, it has [locale aware sorting](/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB#locale-aware_sorting) enabled.
-
-## Instance methods
-
-_This interface inherits all the methods of its parent interface, {{domxref("IDBKeyRange")}}._
-
-## Instance properties
-
-_This interface inherits all the properties of its parent interface, {{domxref("IDBKeyRange")}}._
-
-Bear in mind however that `IDBLocaleAwareKeyRange` has its own implementation of {{domxref("IDBKeyRange.bound_static", "IDBKeyRange.bound()")}}. This is because when you use `bound()`, it checks if lower bound < upper bound, and throws an exception if that's not the case. With locale-aware indexes, the meaning of < depends on the locale, so for example in Lithuanian Y is sorted between I and K. The only difference between `IDBKeyRange` and `IDBLocaleAwareKeyRange` is that the latter doesn't do the aforementioned check.
-
-Developers should always use `IDBLocaleAwareKeyRange` when dealing with locale-aware indexes.
-
-## Examples
-
-```js
-function displayData() {
-  const keyRangeValue = IDBLocaleAwareKeyRange.bound("A", "F");
-
-  const transaction = db.transaction(["fThings"], "readonly");
-  const objectStore = transaction.objectStore("fThings");
-
-  const myIndex = objectStore.index("lName");
-  myIndex.openCursor(keyRangeValue).onsuccess = (event) => {
-    const cursor = event.target.result;
-    if (cursor) {
-      const tableRow = document.createElement("tr");
-      tableRow.innerHTML =
-        `<td>${cursor.value.id}</td>` +
-        `<td>${cursor.value.lName}</td>` +
-        `<td>${cursor.value.fName}</td>` +
-        `<td>${cursor.value.jTitle}</td>` +
-        `<td>${cursor.value.company}</td>` +
-        `<td>${cursor.value.eMail}</td>` +
-        `<td>${cursor.value.phone}</td>` +
-        `<td>${cursor.value.age}</td>`;
-      tableEntry.appendChild(tableRow);
-
-      cursor.continue();
-    } else {
-      console.log("Entries all displayed.");
-    }
-  };
-}
-```
-
-## Specifications
-
-Not currently part of any specification.
-
-## Browser compatibility
-
-{{Compat}}
-
-## See also
-
-- [Using IndexedDB](/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB)
-- Starting transactions: {{domxref("IDBDatabase")}}
-- Using transactions: {{domxref("IDBTransaction")}}
-- Setting a range of keys: {{domxref("IDBKeyRange")}}
-- Retrieving and making changes to your data: {{domxref("IDBObjectStore")}}
-- Using cursors: {{domxref("IDBCursor")}}
-- Reference example: [To-do Notifications](https://github.com/mdn/dom-examples/tree/main/to-do-notifications) ([View the example live](https://mdn.github.io/dom-examples/to-do-notifications/)).
diff --git a/files/en-us/web/api/indexeddb_api/index.md b/files/en-us/web/api/indexeddb_api/index.md
index cd291140d40f2f0..b7daf0ae86bbd84 100644
--- a/files/en-us/web/api/indexeddb_api/index.md
+++ b/files/en-us/web/api/indexeddb_api/index.md
@@ -57,8 +57,6 @@ To get access to a database, call [`open()`](/en-US/docs/Web/API/IDBFactory/open
   - : Iterates over object stores and indexes and returns the cursor's current value.
 - {{domxref("IDBKeyRange")}}
   - : Defines a key range that can be used to retrieve data from a database in a certain range.
-- {{domxref("IDBLocaleAwareKeyRange")}} {{Non-standard_inline}}
-  - : Defines a key range that can be used to retrieve data from a database in a certain range, sorted according to the rules of the locale specified for a certain index (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).) This interface isn't part of the 2.0 specification.
 
 ### Custom event interfaces
 
diff --git a/files/en-us/web/api/indexeddb_api/using_indexeddb/index.md b/files/en-us/web/api/indexeddb_api/using_indexeddb/index.md
index a7c1e4c1c8ecdc6..44bc2d076118514 100644
--- a/files/en-us/web/api/indexeddb_api/using_indexeddb/index.md
+++ b/files/en-us/web/api/indexeddb_api/using_indexeddb/index.md
@@ -624,23 +624,6 @@ In fact, there is no way to guarantee that IndexedDB transactions will complete,
 
 At least with the addition of the abort notifications and {{domxref("IDBDatabase.close_event", "IDBDatabase.onclose")}}, you can know when this has happened.
 
-## Locale-aware sorting
-
-Mozilla has implemented the ability to perform locale-aware sorting of IndexedDB data in Firefox 43+. By default, IndexedDB didn't handle internationalization of sorting strings at all, and everything was sorted as if it were English text. For example, b, á, z, a would be sorted as:
-
-- a
-- b
-- z
-- á
-
-which is obviously not how users want their data to be sorted — Aaron and Áaron for example should go next to one another in a contacts list. Achieving proper international sorting therefore required the entire dataset to be called into memory, and sorting to be performed by client-side JavaScript, which is not very efficient.
-
-This new functionality enables developers to specify a locale when creating an index using {{domxref("IDBObjectStore.createIndex()")}} (check out its parameters.) In such cases, when a cursor is then used to iterate through the dataset, and you want to specify locale-aware sorting, you can use a specialized {{domxref("IDBLocaleAwareKeyRange")}}.
-
-{{domxref("IDBIndex")}} has also had new properties added to it to specify if it has a locale specified, and what it is: `locale` (returns the locale if any, or null if none is specified) and `isAutoLocale` (returns `true` if the index was created with an auto locale, meaning that the platform's default locale is used, `false` otherwise.)
-
-> **Note:** This feature is currently hidden behind a flag — to enable it and experiment, go to `about:config` and enable `dom.indexedDB.experimental`.
-
 ## Full IndexedDB example
 
 We have a complete example using the IndexedDB API. The example uses IndexedDB to store and retrieve publications.

From eba47bb55d10e6dc73f61dbefc9d3da2abf1fd78 Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Mon, 29 Jan 2024 20:20:02 -0800
Subject: [PATCH 602/790] Fix WebSockets sidebars (#31999)

---
 files/en-us/web/api/websocket/binarytype/index.md             | 2 +-
 files/en-us/web/api/websocket/bufferedamount/index.md         | 2 +-
 files/en-us/web/api/websocket/close/index.md                  | 2 +-
 files/en-us/web/api/websocket/close_event/index.md            | 2 +-
 files/en-us/web/api/websocket/error_event/index.md            | 2 +-
 files/en-us/web/api/websocket/index.md                        | 2 +-
 files/en-us/web/api/websocket/message_event/index.md          | 2 +-
 files/en-us/web/api/websocket/open_event/index.md             | 2 +-
 files/en-us/web/api/websocket/protocol/index.md               | 2 +-
 files/en-us/web/api/websocket/readystate/index.md             | 2 +-
 files/en-us/web/api/websocket/send/index.md                   | 2 +-
 files/en-us/web/api/websocket/url/index.md                    | 2 +-
 files/en-us/web/api/websocket/websocket/index.md              | 2 +-
 files/en-us/web/api/websockets_api/index.md                   | 2 +-
 .../writing_a_websocket_server_in_java/index.md               | 2 +-
 .../writing_a_websocket_server_in_javascript_deno/index.md    | 2 +-
 .../writing_websocket_client_applications/index.md            | 2 +-
 .../web/api/websockets_api/writing_websocket_server/index.md  | 2 +-
 .../web/api/websockets_api/writing_websocket_servers/index.md | 2 +-
 files/jsondata/GroupData.json                                 | 4 ++--
 20 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/files/en-us/web/api/websocket/binarytype/index.md b/files/en-us/web/api/websocket/binarytype/index.md
index c9a2bd0e0b937af..4298e7433305138 100644
--- a/files/en-us/web/api/websocket/binarytype/index.md
+++ b/files/en-us/web/api/websocket/binarytype/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebSocket.binaryType
 ---
 
-{{APIRef("Web Sockets API")}}
+{{APIRef("WebSockets API")}}
 
 The **`WebSocket.binaryType`** property controls the type of
 binary data being received over the WebSocket connection.
diff --git a/files/en-us/web/api/websocket/bufferedamount/index.md b/files/en-us/web/api/websocket/bufferedamount/index.md
index f7dc1d361961a10..09d1eb7a5eccc4d 100644
--- a/files/en-us/web/api/websocket/bufferedamount/index.md
+++ b/files/en-us/web/api/websocket/bufferedamount/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebSocket.bufferedAmount
 ---
 
-{{APIRef("Web Sockets API")}}
+{{APIRef("WebSockets API")}}
 
 The **`WebSocket.bufferedAmount`** read-only property returns
 the number of bytes of data that have been queued using calls to [`send()`](/en-US/docs/Web/API/WebSocket/send) but
diff --git a/files/en-us/web/api/websocket/close/index.md b/files/en-us/web/api/websocket/close/index.md
index 4710806c6b8185e..13d9e832eee4197 100644
--- a/files/en-us/web/api/websocket/close/index.md
+++ b/files/en-us/web/api/websocket/close/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.WebSocket.close
 ---
 
-{{APIRef("Web Sockets API")}}
+{{APIRef("WebSockets API")}}
 
 The **`WebSocket.close()`** method closes the
 {{domxref("WebSocket")}} connection or connection attempt, if any. If the connection is
diff --git a/files/en-us/web/api/websocket/close_event/index.md b/files/en-us/web/api/websocket/close_event/index.md
index 99fb97037c9382d..cbcb4a2e7fb22e2 100644
--- a/files/en-us/web/api/websocket/close_event/index.md
+++ b/files/en-us/web/api/websocket/close_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.WebSocket.close_event
 ---
 
-{{APIRef}}
+{{APIRef("WebSockets API")}}
 
 The `close` event is fired when a connection with a `WebSocket` is closed.
 
diff --git a/files/en-us/web/api/websocket/error_event/index.md b/files/en-us/web/api/websocket/error_event/index.md
index a2083aff7ece14c..d6c2fd0279af5ee 100644
--- a/files/en-us/web/api/websocket/error_event/index.md
+++ b/files/en-us/web/api/websocket/error_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.WebSocket.error_event
 ---
 
-{{APIRef}}
+{{APIRef("WebSockets API")}}
 
 The `error` event is fired when a connection with a `WebSocket` has been closed due to an error (some data couldn't be sent for example).
 
diff --git a/files/en-us/web/api/websocket/index.md b/files/en-us/web/api/websocket/index.md
index 7e2ba55da0556ac..daaad4c0cc182f8 100644
--- a/files/en-us/web/api/websocket/index.md
+++ b/files/en-us/web/api/websocket/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.WebSocket
 ---
 
-{{APIRef("Web Sockets API")}}
+{{APIRef("WebSockets API")}}
 
 The `WebSocket` object provides the API for creating and managing a [WebSocket](/en-US/docs/Web/API/WebSockets_API) connection to a server, as well as for sending and receiving data on the connection.
 
diff --git a/files/en-us/web/api/websocket/message_event/index.md b/files/en-us/web/api/websocket/message_event/index.md
index e95a950ac2a9b9e..bf2898937252acf 100644
--- a/files/en-us/web/api/websocket/message_event/index.md
+++ b/files/en-us/web/api/websocket/message_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.WebSocket.message_event
 ---
 
-{{APIRef}}
+{{APIRef("WebSockets API")}}
 
 The `message` event is fired when data is received through a `WebSocket`.
 
diff --git a/files/en-us/web/api/websocket/open_event/index.md b/files/en-us/web/api/websocket/open_event/index.md
index 61a50968d148fab..95e123a2ab36f43 100644
--- a/files/en-us/web/api/websocket/open_event/index.md
+++ b/files/en-us/web/api/websocket/open_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.WebSocket.open_event
 ---
 
-{{APIRef}}
+{{APIRef("WebSockets API")}}
 
 The `open` event is fired when a connection with a `WebSocket` is opened.
 
diff --git a/files/en-us/web/api/websocket/protocol/index.md b/files/en-us/web/api/websocket/protocol/index.md
index 32274d0175914e0..959ce777f1d0308 100644
--- a/files/en-us/web/api/websocket/protocol/index.md
+++ b/files/en-us/web/api/websocket/protocol/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebSocket.protocol
 ---
 
-{{APIRef("Web Sockets API")}}
+{{APIRef("WebSockets API")}}
 
 The **`WebSocket.protocol`** read-only property returns the
 name of the sub-protocol the server selected; this will be one of the strings specified
diff --git a/files/en-us/web/api/websocket/readystate/index.md b/files/en-us/web/api/websocket/readystate/index.md
index 84a06740de081a4..949fd3a1ac81f26 100644
--- a/files/en-us/web/api/websocket/readystate/index.md
+++ b/files/en-us/web/api/websocket/readystate/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebSocket.readyState
 ---
 
-{{APIRef("Web Sockets API")}}
+{{APIRef("WebSockets API")}}
 
 The **`WebSocket.readyState`** read-only property returns the
 current state of the {{domxref("WebSocket")}} connection.
diff --git a/files/en-us/web/api/websocket/send/index.md b/files/en-us/web/api/websocket/send/index.md
index cf54b40cfdaf035..165422552af71bc 100644
--- a/files/en-us/web/api/websocket/send/index.md
+++ b/files/en-us/web/api/websocket/send/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.WebSocket.send
 ---
 
-{{APIRef("Web Sockets API")}}
+{{APIRef("WebSockets API")}}
 
 The **`WebSocket.send()`** method enqueues the specified data
 to be transmitted to the server over the WebSocket connection, increasing the value of
diff --git a/files/en-us/web/api/websocket/url/index.md b/files/en-us/web/api/websocket/url/index.md
index 30aa8f1ea9622e7..9ad0df6dcfedc73 100644
--- a/files/en-us/web/api/websocket/url/index.md
+++ b/files/en-us/web/api/websocket/url/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebSocket.url
 ---
 
-{{APIRef("Web Sockets API")}}
+{{APIRef("WebSockets API")}}
 
 The **`WebSocket.url`** read-only property returns the absolute
 URL of the {{domxref("WebSocket")}} as resolved by the constructor.
diff --git a/files/en-us/web/api/websocket/websocket/index.md b/files/en-us/web/api/websocket/websocket/index.md
index 213afcba7bc91c6..1c55315bf90f92d 100644
--- a/files/en-us/web/api/websocket/websocket/index.md
+++ b/files/en-us/web/api/websocket/websocket/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.WebSocket.WebSocket
 ---
 
-{{APIRef("Web Sockets API")}}
+{{APIRef("WebSockets API")}}
 
 The **`WebSocket()`** constructor returns a new
 {{domxref("WebSocket")}} object.
diff --git a/files/en-us/web/api/websockets_api/index.md b/files/en-us/web/api/websockets_api/index.md
index 171536cb59bfbf5..80f2e3f85725b18 100644
--- a/files/en-us/web/api/websockets_api/index.md
+++ b/files/en-us/web/api/websockets_api/index.md
@@ -5,7 +5,7 @@ page-type: web-api-overview
 browser-compat: api.WebSocket
 ---
 
-{{DefaultAPISidebar("Websockets API")}}
+{{DefaultAPISidebar("WebSockets API")}}
 
 The **WebSocket API** is an advanced technology that makes it possible to open a two-way interactive communication session between the user's browser and a server. With this API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply.
 
diff --git a/files/en-us/web/api/websockets_api/writing_a_websocket_server_in_java/index.md b/files/en-us/web/api/websockets_api/writing_a_websocket_server_in_java/index.md
index a38285b5cd53842..d7e3ec8c1146013 100644
--- a/files/en-us/web/api/websockets_api/writing_a_websocket_server_in_java/index.md
+++ b/files/en-us/web/api/websockets_api/writing_a_websocket_server_in_java/index.md
@@ -4,7 +4,7 @@ slug: Web/API/WebSockets_API/Writing_a_WebSocket_server_in_Java
 page-type: guide
 ---
 
-{{DefaultAPISidebar("Websockets API")}}
+{{DefaultAPISidebar("WebSockets API")}}
 
 This example shows you how to create a WebSocket API server using Oracle Java.
 
diff --git a/files/en-us/web/api/websockets_api/writing_a_websocket_server_in_javascript_deno/index.md b/files/en-us/web/api/websockets_api/writing_a_websocket_server_in_javascript_deno/index.md
index c4b5c06a94f6f89..292d02d31a2ea1e 100644
--- a/files/en-us/web/api/websockets_api/writing_a_websocket_server_in_javascript_deno/index.md
+++ b/files/en-us/web/api/websockets_api/writing_a_websocket_server_in_javascript_deno/index.md
@@ -4,7 +4,7 @@ slug: Web/API/WebSockets_API/Writing_a_WebSocket_server_in_JavaScript_Deno
 page-type: guide
 ---
 
-{{DefaultAPISidebar("Websockets API")}}
+{{DefaultAPISidebar("WebSockets API")}}
 
 This example shows you how to create a WebSocket API server using Deno, with an accompanying web page.
 
diff --git a/files/en-us/web/api/websockets_api/writing_websocket_client_applications/index.md b/files/en-us/web/api/websockets_api/writing_websocket_client_applications/index.md
index b30e405e9d5e87d..4c1c039f3e47417 100644
--- a/files/en-us/web/api/websockets_api/writing_websocket_client_applications/index.md
+++ b/files/en-us/web/api/websockets_api/writing_websocket_client_applications/index.md
@@ -4,7 +4,7 @@ slug: Web/API/WebSockets_API/Writing_WebSocket_client_applications
 page-type: guide
 ---
 
-{{APIRef("Websockets API")}}
+{{DefaultAPISidebar("WebSockets API")}}
 
 WebSocket client applications use the [WebSocket API](/en-US/docs/Web/API/WebSockets_API) to communicate with [WebSocket servers](/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_servers) using the WebSocket protocol.
 
diff --git a/files/en-us/web/api/websockets_api/writing_websocket_server/index.md b/files/en-us/web/api/websockets_api/writing_websocket_server/index.md
index 776e9d8fbd64761..7d1858ab9849717 100644
--- a/files/en-us/web/api/websockets_api/writing_websocket_server/index.md
+++ b/files/en-us/web/api/websockets_api/writing_websocket_server/index.md
@@ -4,7 +4,7 @@ slug: Web/API/WebSockets_API/Writing_WebSocket_server
 page-type: guide
 ---
 
-{{DefaultAPISidebar("Websockets API")}}
+{{DefaultAPISidebar("WebSockets API")}}
 
 If you would like to use the WebSocket API, it is useful if you have a server. In this article I will show you how to write one in C#. You can do it in any server-side language, but to keep things simple and more understandable, I chose Microsoft's language.
 
diff --git a/files/en-us/web/api/websockets_api/writing_websocket_servers/index.md b/files/en-us/web/api/websockets_api/writing_websocket_servers/index.md
index 98174e56fde89ff..fe938ff9534814b 100644
--- a/files/en-us/web/api/websockets_api/writing_websocket_servers/index.md
+++ b/files/en-us/web/api/websockets_api/writing_websocket_servers/index.md
@@ -4,7 +4,7 @@ slug: Web/API/WebSockets_API/Writing_WebSocket_servers
 page-type: guide
 ---
 
-{{APIRef("Websockets API")}}
+{{DefaultAPISidebar("WebSockets API")}}
 
 A WebSocket server is nothing more than an application listening on any port of a TCP server that follows a specific protocol. The task of creating a custom server tends to scare people; however, it can be straightforward to implement a simple WebSocket server on your platform of choice.
 
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 0ef3df1365b6805..1db1a3543b39151 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -2160,8 +2160,8 @@
       "properties": [],
       "events": []
     },
-    "Websockets API": {
-      "overview": ["Websockets API"],
+    "WebSockets API": {
+      "overview": ["WebSockets API"],
       "guides": [
         "/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications",
         "/docs/Web/API/WebSockets_API/Writing_WebSocket_servers",

From afaf3aeeffa8408cf0a8a46c3d8fb0d347aad9f5 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Mon, 29 Jan 2024 21:28:18 -0800
Subject: [PATCH 603/790] Moved CSS guide  (#31997)

* Moved file

* moved files
---
 files/en-us/_redirects.txt                    |  7 +-
 files/en-us/_wikihistory.json                 | 74 +++++++++----------
 .../glossary/block-level_content/index.md     |  2 +-
 .../overflowing_content/index.md              |  2 +-
 .../learn/css/css_layout/floats/index.md      |  2 +-
 .../aria/roles/scrollbar_role/index.md        |  2 +-
 .../document_object_model/whitespace/index.md |  2 +-
 files/en-us/web/css/clear/index.md            |  2 +-
 files/en-us/web/css/contain/index.md          |  2 +-
 .../mastering_margin_collapsing/index.md      |  2 +-
 .../block_formatting_context/index.md         |  2 +-
 .../in_flow_and_out_of_flow/index.md          |  2 +-
 .../index.md                                  |  2 +-
 .../basic_concepts/index.md                   |  2 +-
 .../web/css/css_multicol_layout/index.md      |  2 +-
 files/en-us/web/css/display-inside/index.md   |  4 +-
 files/en-us/web/css/display/index.md          |  4 +-
 .../multi-keyword_syntax_of_display/index.md  |  2 +-
 files/en-us/web/css/float/index.md            |  2 +-
 files/en-us/web/css/index.md                  |  2 +-
 .../css/inline_formatting_context/index.md    |  4 +-
 files/en-us/web/css/overflow/index.md         |  4 +-
 files/en-us/web/css/overflow_value/index.md   |  2 +-
 files/en-us/web/css/position/index.md         |  2 +-
 files/en-us/web/css/reference/index.md        |  2 +-
 .../web/css/visual_formatting_model/index.md  |  2 +-
 .../en-us/web/html/element/fieldset/index.md  |  2 +-
 27 files changed, 70 insertions(+), 69 deletions(-)
 rename files/en-us/web/{guide/css => css/css_display}/block_formatting_context/index.md (99%)

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index a9208bea8d9c39f..e754c29bae2b499 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -604,7 +604,7 @@
 /en-US/docs/CSS/background-position	/en-US/docs/Web/CSS/background-position
 /en-US/docs/CSS/background-repeat	/en-US/docs/Web/CSS/background-repeat
 /en-US/docs/CSS/background-size	/en-US/docs/Web/CSS/background-size
-/en-US/docs/CSS/block_formatting_context	/en-US/docs/Web/Guide/CSS/Block_formatting_context
+/en-US/docs/CSS/block_formatting_context	/en-US/docs/Web/CSS/CSS_display/Block_formatting_context
 /en-US/docs/CSS/border	/en-US/docs/Web/CSS/border
 /en-US/docs/CSS/border-bottom	/en-US/docs/Web/CSS/border-bottom
 /en-US/docs/CSS/border-bottom-color	/en-US/docs/Web/CSS/border-bottom-color
@@ -984,7 +984,7 @@
 /en-US/docs/CSS:background-image	/en-US/docs/Web/CSS/background-image
 /en-US/docs/CSS:background-position	/en-US/docs/Web/CSS/background-position
 /en-US/docs/CSS:background-repeat	/en-US/docs/Web/CSS/background-repeat
-/en-US/docs/CSS:block_formatting_context	/en-US/docs/Web/Guide/CSS/Block_formatting_context
+/en-US/docs/CSS:block_formatting_context	/en-US/docs/Web/CSS/CSS_display/Block_formatting_context
 /en-US/docs/CSS:border	/en-US/docs/Web/CSS/border
 /en-US/docs/CSS:border-bottom	/en-US/docs/Web/CSS/border-bottom
 /en-US/docs/CSS:border-bottom-color	/en-US/docs/Web/CSS/border-bottom-color
@@ -11380,7 +11380,7 @@
 /en-US/docs/Web/CSS/Alias	/en-US/docs/Web/CSS/cursor
 /en-US/docs/Web/CSS/All_About_The_Containing_Block	/en-US/docs/Web/CSS/Containing_block
 /en-US/docs/Web/CSS/Aural	/en-US/docs/Web/CSS/@media/aural
-/en-US/docs/Web/CSS/Block_formatting_context	/en-US/docs/Web/Guide/CSS/Block_formatting_context
+/en-US/docs/Web/CSS/Block_formatting_context	/en-US/docs/Web/CSS/CSS_display/Block_formatting_context
 /en-US/docs/Web/CSS/CSS3_Columns	/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts
 /en-US/docs/Web/CSS/CSS_Background_and_Borders	/en-US/docs/Web/CSS/CSS_backgrounds_and_borders
 /en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator	/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator
@@ -12034,6 +12034,7 @@
 /en-US/docs/Web/Guide/Audio_and_video_delivery/cross_browser_video_player	/en-US/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player
 /en-US/docs/Web/Guide/Audio_and_video_manipulation	/en-US/docs/Web/Media/Audio_and_video_manipulation
 /en-US/docs/Web/Guide/CSS	/en-US/docs/Learn/CSS
+/en-US/docs/Web/Guide/CSS/Block_formatting_context	/en-US/docs/Web/CSS/CSS_display/Block_formatting_context
 /en-US/docs/Web/Guide/CSS/CSS_Image_Sprites	/en-US/docs/Web/CSS/CSS_images/Implementing_image_sprites_in_CSS
 /en-US/docs/Web/Guide/CSS/Consistent_list_indentation	/en-US/docs/Web/CSS/CSS_lists/Consistent_list_indentation
 /en-US/docs/Web/Guide/CSS/Counters	/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index d356032bcd55fa6..4d356f42503af97 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -77127,6 +77127,43 @@
       "teoli"
     ]
   },
+  "Web/CSS/CSS_display/Block_formatting_context": {
+    "modified": "2020-11-02T20:53:20.927Z",
+    "contributors": [
+      "spollard",
+      "pacexy",
+      "wbamberg",
+      "Mookiepiece",
+      "SelenIT",
+      "TrevorKarjanis",
+      "mfuji09",
+      "Konrud",
+      "estelle",
+      "wavesheep",
+      "jennyevans",
+      "MelvinIdema",
+      "chrisdavidmills",
+      "Ende93",
+      "xiaohanyu",
+      "YvonneZhang",
+      "pythonista27",
+      "S-Dey",
+      "mfluehr",
+      "yisibl",
+      "alberts+",
+      "rainyLeo",
+      "PageYe",
+      "HashemQolami",
+      "Jeremie",
+      "teoli",
+      "kscarfone",
+      "tregagnon",
+      "Sheppy",
+      "cbiesinger",
+      "Kohei",
+      "DBaron"
+    ]
+  },
   "Web/CSS/CSS_filter_effects": {
     "modified": "2020-12-02T11:05:43.361Z",
     "contributors": ["peterbe", "wbamberg", "fscholz", "mfluehr"]
@@ -91930,43 +91967,6 @@
       "ethertank"
     ]
   },
-  "Web/Guide/CSS/Block_formatting_context": {
-    "modified": "2020-11-02T20:53:20.927Z",
-    "contributors": [
-      "spollard",
-      "pacexy",
-      "wbamberg",
-      "Mookiepiece",
-      "SelenIT",
-      "TrevorKarjanis",
-      "mfuji09",
-      "Konrud",
-      "estelle",
-      "wavesheep",
-      "jennyevans",
-      "MelvinIdema",
-      "chrisdavidmills",
-      "Ende93",
-      "xiaohanyu",
-      "YvonneZhang",
-      "pythonista27",
-      "S-Dey",
-      "mfluehr",
-      "yisibl",
-      "alberts+",
-      "rainyLeo",
-      "PageYe",
-      "HashemQolami",
-      "Jeremie",
-      "teoli",
-      "kscarfone",
-      "tregagnon",
-      "Sheppy",
-      "cbiesinger",
-      "Kohei",
-      "DBaron"
-    ]
-  },
   "Web/Guide/CSS/Getting_started/Challenge_solutions": {
     "modified": "2019-08-29T20:48:33.765Z",
     "contributors": [
diff --git a/files/en-us/glossary/block-level_content/index.md b/files/en-us/glossary/block-level_content/index.md
index 40f124af7e9b4c4..e8ee50a3a8833dc 100644
--- a/files/en-us/glossary/block-level_content/index.md
+++ b/files/en-us/glossary/block-level_content/index.md
@@ -42,6 +42,6 @@ p {
 ## See also
 
 - [Inline-level content](/en-US/docs/Glossary/Inline-level_content)
-- [Block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context)
+- [Block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context)
 - {{cssxref("display")}}
 - [`writing-mode`](/en-US/docs/Web/CSS/writing-mode)
diff --git a/files/en-us/learn/css/building_blocks/overflowing_content/index.md b/files/en-us/learn/css/building_blocks/overflowing_content/index.md
index 938471652b7005e..fb4fbd80d424b35 100644
--- a/files/en-us/learn/css/building_blocks/overflowing_content/index.md
+++ b/files/en-us/learn/css/building_blocks/overflowing_content/index.md
@@ -92,7 +92,7 @@ If you only want scrollbars to appear when there is more content than can fit in
 
 ## Overflow establishes a Block Formatting Context
 
-When you use the `<overflow>` values `scroll` and `auto`, you create a [**Block Formatting Context** (BFC)](/en-US/docs/Web/Guide/CSS/Block_formatting_context). This means that the content of an element box with these `overflow` values acquires a self-contained layout. Content outside such an element box cannot poke into the element box, and nothing from the element box can poke into the surrounding layout. This enables scrolling behavior, as all box content needs to be contained and not overlap to create a consistent scrolling experience.
+When you use the `<overflow>` values `scroll` and `auto`, you create a [**Block Formatting Context** (BFC)](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context). This means that the content of an element box with these `overflow` values acquires a self-contained layout. Content outside such an element box cannot poke into the element box, and nothing from the element box can poke into the surrounding layout. This enables scrolling behavior, as all box content needs to be contained and not overlap to create a consistent scrolling experience.
 
 ## Unwanted overflow in web design
 
diff --git a/files/en-us/learn/css/css_layout/floats/index.md b/files/en-us/learn/css/css_layout/floats/index.md
index 9c0a347c90352a0..8682a183d3737e1 100644
--- a/files/en-us/learn/css/css_layout/floats/index.md
+++ b/files/en-us/learn/css/css_layout/floats/index.md
@@ -403,7 +403,7 @@ body {
 
 {{EmbedLiveSample('the_problem', '100%', 600)}}
 
-Once again, this is because the float has been taken out of normal flow. You might expect that by wrapping the floated box and the text of first paragraph that wraps around the float together, the subsequent content will be cleared of the box. But this is not the case, as shown above. To deal with this, the standard method is to create a [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) (BFC) using the {{cssxref("display")}} property.
+Once again, this is because the float has been taken out of normal flow. You might expect that by wrapping the floated box and the text of first paragraph that wraps around the float together, the subsequent content will be cleared of the box. But this is not the case, as shown above. To deal with this, the standard method is to create a [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) (BFC) using the {{cssxref("display")}} property.
 
 ### display: flow-root
 
diff --git a/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md b/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md
index e2e700bd925967b..a4a4856c1059ccb 100644
--- a/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md
@@ -9,7 +9,7 @@ A `scrollbar` is a graphical object that controls the scrolling of content withi
 
 ## Description
 
-A `scrollbar` is a range that controls what part of a viewport's content is currently visible in the viewport's frame; whether the viewport is a full browser size, an iframe, or any element's [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context).
+A `scrollbar` is a range that controls what part of a viewport's content is currently visible in the viewport's frame; whether the viewport is a full browser size, an iframe, or any element's [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context).
 
 ### What is scroll bar
 
diff --git a/files/en-us/web/api/document_object_model/whitespace/index.md b/files/en-us/web/api/document_object_model/whitespace/index.md
index 525b6bbe5648cd6..6024d6a5b43b496 100644
--- a/files/en-us/web/api/document_object_model/whitespace/index.md
+++ b/files/en-us/web/api/document_object_model/whitespace/index.md
@@ -140,7 +140,7 @@ This is why people visiting the web page will see the phrase "Hello World!" nice
 
 ### Whitespace in block formatting contexts
 
-Above we just looked at elements that contain inline elements, and inline formatting contexts. If an element contains at least one block element, then it instead establishes what is called a [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context).
+Above we just looked at elements that contain inline elements, and inline formatting contexts. If an element contains at least one block element, then it instead establishes what is called a [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context).
 
 Within this context, whitespace is treated very differently.
 
diff --git a/files/en-us/web/css/clear/index.md b/files/en-us/web/css/clear/index.md
index d0a7f27144420d2..54c0fadbf7605d3 100644
--- a/files/en-us/web/css/clear/index.md
+++ b/files/en-us/web/css/clear/index.md
@@ -15,7 +15,7 @@ When applied to non-floating blocks, it moves the [border edge](/en-US/docs/Web/
 
 Vertical margins between two floated elements on the other hand will not collapse. When applied to floating elements, the margin edge of the bottom element is moved below the margin edge of all relevant floats. This affects the position of later floats, since later floats cannot be positioned higher than earlier ones.
 
-The floats that are relevant to be cleared are the earlier floats within the same [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context).
+The floats that are relevant to be cleared are the earlier floats within the same [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context).
 
 > **Note:** If an element contains only floated elements, its height collapses to nothing. If you want it to always be able to resize, so that it contains floating elements inside it, set the value of the element's [`display`](/en-US/docs/Web/CSS/display) property to [`flow-root`](/en-US/docs/Web/CSS/display#flow-root).
 >
diff --git a/files/en-us/web/css/contain/index.md b/files/en-us/web/css/contain/index.md
index 972a19ac779952a..8d049c726423098 100644
--- a/files/en-us/web/css/contain/index.md
+++ b/files/en-us/web/css/contain/index.md
@@ -23,7 +23,7 @@ Using the `contain` property is useful on pages with groups of elements that are
 >
 > 1. A new [containing block](/en-US/docs/Web/CSS/Containing_block) (for the descendants whose {{cssxref("position")}} property is `absolute` or `fixed`).
 > 2. A new [stacking context](/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context).
-> 3. A new [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context).
+> 3. A new [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context).
 
 ## Syntax
 
diff --git a/files/en-us/web/css/css_box_model/mastering_margin_collapsing/index.md b/files/en-us/web/css/css_box_model/mastering_margin_collapsing/index.md
index c715b7cf00ce6e0..03b889493cf0003 100644
--- a/files/en-us/web/css/css_box_model/mastering_margin_collapsing/index.md
+++ b/files/en-us/web/css/css_box_model/mastering_margin_collapsing/index.md
@@ -13,7 +13,7 @@ Margin collapsing occurs in three basic cases:
 - Adjacent siblings
   - : The margins of adjacent siblings are collapsed (except when the latter sibling needs to be [cleared](/en-US/docs/Web/CSS/clear) past floats).
 - No content separating parent and descendants
-  - : If there is no border, padding, inline part, [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) created, or _[clearance](/en-US/docs/Web/CSS/clear)_ to separate the {{cssxref("margin-top")}} of a block from the {{cssxref("margin-top")}} of one or more of its descendant blocks; or no border, padding, inline content, {{cssxref("height")}}, or {{cssxref("min-height")}} to separate the {{cssxref("margin-bottom")}} of a block from the {{cssxref("margin-bottom")}} of one or more of its descendant blocks, then those margins collapse. The collapsed margin ends up outside the parent.
+  - : If there is no border, padding, inline part, [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) created, or _[clearance](/en-US/docs/Web/CSS/clear)_ to separate the {{cssxref("margin-top")}} of a block from the {{cssxref("margin-top")}} of one or more of its descendant blocks; or no border, padding, inline content, {{cssxref("height")}}, or {{cssxref("min-height")}} to separate the {{cssxref("margin-bottom")}} of a block from the {{cssxref("margin-bottom")}} of one or more of its descendant blocks, then those margins collapse. The collapsed margin ends up outside the parent.
 - Empty blocks
   - : If there is no border, padding, inline content, {{cssxref("height")}}, or {{cssxref("min-height")}} to separate a block's {{cssxref("margin-top")}} from its {{cssxref("margin-bottom")}}, then its top and bottom margins collapse.
 
diff --git a/files/en-us/web/guide/css/block_formatting_context/index.md b/files/en-us/web/css/css_display/block_formatting_context/index.md
similarity index 99%
rename from files/en-us/web/guide/css/block_formatting_context/index.md
rename to files/en-us/web/css/css_display/block_formatting_context/index.md
index 1c9bbe25a120f06..22181caf33816a9 100644
--- a/files/en-us/web/guide/css/block_formatting_context/index.md
+++ b/files/en-us/web/css/css_display/block_formatting_context/index.md
@@ -1,6 +1,6 @@
 ---
 title: Block formatting context
-slug: Web/Guide/CSS/Block_formatting_context
+slug: Web/CSS/CSS_display/Block_formatting_context
 page-type: guide
 spec-urls: https://drafts.csswg.org/css-display/#block-formatting-context
 ---
diff --git a/files/en-us/web/css/css_flow_layout/in_flow_and_out_of_flow/index.md b/files/en-us/web/css/css_flow_layout/in_flow_and_out_of_flow/index.md
index aa49c6f8c201417..9fdbe45ba118a75 100644
--- a/files/en-us/web/css/css_flow_layout/in_flow_and_out_of_flow/index.md
+++ b/files/en-us/web/css/css_flow_layout/in_flow_and_out_of_flow/index.md
@@ -54,7 +54,7 @@ When you do anything to remove or shift an item from where it would be placed in
 
 ## Summary
 
-In this guide, we have covered the ways to take an element out of flow in order to achieve some very specific types of positioning. In the next guide we will look at a related issue, that of creating a [Block Formatting Context](/en-US/docs/Web/Guide/CSS/Block_formatting_context), in [Formatting Contexts Explained](/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts).
+In this guide, we have covered the ways to take an element out of flow in order to achieve some very specific types of positioning. In the next guide we will look at a related issue, that of creating a [Block Formatting Context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context), in [Formatting Contexts Explained](/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts).
 
 ## See also
 
diff --git a/files/en-us/web/css/css_flow_layout/introduction_to_formatting_contexts/index.md b/files/en-us/web/css/css_flow_layout/introduction_to_formatting_contexts/index.md
index 61058216c136716..e3ba7e13a98328e 100644
--- a/files/en-us/web/css/css_flow_layout/introduction_to_formatting_contexts/index.md
+++ b/files/en-us/web/css/css_flow_layout/introduction_to_formatting_contexts/index.md
@@ -79,6 +79,6 @@ In this guide, we have looked in more detail at the block and Inline formatting
 
 ## See also
 
-- [Block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context)
+- [Block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context)
 - [Visual Formatting Model](/en-US/docs/Web/CSS/Visual_formatting_model)
 - [CSS Box Model](/en-US/docs/Web/CSS/CSS_box_model)
diff --git a/files/en-us/web/css/css_multicol_layout/basic_concepts/index.md b/files/en-us/web/css/css_multicol_layout/basic_concepts/index.md
index ac05a94c52135f5..420cf1351f9ddcc 100644
--- a/files/en-us/web/css/css_multicol_layout/basic_concepts/index.md
+++ b/files/en-us/web/css/css_multicol_layout/basic_concepts/index.md
@@ -40,7 +40,7 @@ In the below example, we use the `column-count` property to create three columns
 
 {{EmbedGHLiveSample("css-examples/multicol/basics/column-count.html", '100%', 550)}}
 
-In the above example, the content is wrapped within the paragraph `<p>` tags with the default styling. Therefore, there is a margin above each paragraph. You can see how this margin causes the first line of text to be pushed down. This is because a multicol container creates a [block formatting context (BFC)](/en-US/docs/Web/Guide/CSS/Block_formatting_context) because of which margins on child elements do not collapse with any margin on the container.
+In the above example, the content is wrapped within the paragraph `<p>` tags with the default styling. Therefore, there is a margin above each paragraph. You can see how this margin causes the first line of text to be pushed down. This is because a multicol container creates a [block formatting context (BFC)](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) because of which margins on child elements do not collapse with any margin on the container.
 
 ### Specifying the width of columns
 
diff --git a/files/en-us/web/css/css_multicol_layout/index.md b/files/en-us/web/css/css_multicol_layout/index.md
index 198d682d61fd8ae..05e996c4525c966 100644
--- a/files/en-us/web/css/css_multicol_layout/index.md
+++ b/files/en-us/web/css/css_multicol_layout/index.md
@@ -60,7 +60,7 @@ To see the code for this columned layout, [view the source on GitHub](https://gi
 - {{cssxref("height")}}, {{cssxref("max-height")}}, and {{cssxref("block-size")}} CSS properties
 - {{cssxref("width")}}, {{cssxref("max-width")}}, and {{cssxref("inline-size")}} CSS properties
 - {{cssxref("line-style")}} enumerated data type
-- [Block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) guide
+- [Block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) guide
 
 ## Specifications
 
diff --git a/files/en-us/web/css/display-inside/index.md b/files/en-us/web/css/display-inside/index.md
index 8400fe21c6ea174..7cb909d46e7a499 100644
--- a/files/en-us/web/css/display-inside/index.md
+++ b/files/en-us/web/css/display-inside/index.md
@@ -26,10 +26,10 @@ Valid `<display-inside>` values:
 
     If its outer display type is `inline` or `run-in`, and it is participating in a block or inline formatting context, then it generates an inline box. Otherwise it generates a block container box.
 
-    Depending on the value of other properties (such as {{CSSxRef("position")}}, {{CSSxRef("float")}}, or {{CSSxRef("overflow")}}) and whether it is itself participating in a block or inline formatting context, it either establishes a new [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) (BFC) for its contents or integrates its contents into its parent formatting context.
+    Depending on the value of other properties (such as {{CSSxRef("position")}}, {{CSSxRef("float")}}, or {{CSSxRef("overflow")}}) and whether it is itself participating in a block or inline formatting context, it either establishes a new [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) (BFC) for its contents or integrates its contents into its parent formatting context.
 
 - `flow-root`
-  - : The element generates a block element box that establishes a new [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context), defining where the formatting root lies.
+  - : The element generates a block element box that establishes a new [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context), defining where the formatting root lies.
 - `table`
   - : These elements behave like HTML {{HTMLElement("table")}} elements. It defines a block-level box.
 - `flex`
diff --git a/files/en-us/web/css/display/index.md b/files/en-us/web/css/display/index.md
index 14cc92edf925130..d7b77158f77cfa9 100644
--- a/files/en-us/web/css/display/index.md
+++ b/files/en-us/web/css/display/index.md
@@ -95,10 +95,10 @@ The keyword values can be grouped into six value categories.
 
         If its outer display type is `inline` or `run-in`, and it is participating in a block or inline formatting context, then it generates an inline box. Otherwise it generates a block container box.
 
-        Depending on the value of other properties (such as {{CSSxRef("position")}}, {{CSSxRef("float")}}, or {{CSSxRef("overflow")}}) and whether it is itself participating in a block or inline formatting context, it either establishes a new [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) (BFC) for its contents or integrates its contents into its parent formatting context.
+        Depending on the value of other properties (such as {{CSSxRef("position")}}, {{CSSxRef("float")}}, or {{CSSxRef("overflow")}}) and whether it is itself participating in a block or inline formatting context, it either establishes a new [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) (BFC) for its contents or integrates its contents into its parent formatting context.
 
     - `flow-root`
-      - : The element generates a block box that establishes a new [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context), defining where the formatting root lies.
+      - : The element generates a block box that establishes a new [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context), defining where the formatting root lies.
     - `table`
       - : These elements behave like HTML {{HTMLElement("table")}} elements. It defines a block-level box.
     - `flex`
diff --git a/files/en-us/web/css/display/multi-keyword_syntax_of_display/index.md b/files/en-us/web/css/display/multi-keyword_syntax_of_display/index.md
index e99a19986250544..2b570e792c026ed 100644
--- a/files/en-us/web/css/display/multi-keyword_syntax_of_display/index.md
+++ b/files/en-us/web/css/display/multi-keyword_syntax_of_display/index.md
@@ -59,7 +59,7 @@ There are mappings for all of the existing values of `display`; the most common
 
 ## display: block flow-root and display: inline flow-root
 
-Regarding how this multi-value syntax helps clarify CSS layout, we can look at some values in the table above that might be less familiar to you. The multi-keyword `display: block flow-root` maps to a single value; `display: flow-root`. This value's only purpose is to create a new [Block Formatting Context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) (BFC). A BFC ensures that everything inside your box stays inside, and things outside the box cannot intrude into it.
+Regarding how this multi-value syntax helps clarify CSS layout, we can look at some values in the table above that might be less familiar to you. The multi-keyword `display: block flow-root` maps to a single value; `display: flow-root`. This value's only purpose is to create a new [Block Formatting Context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) (BFC). A BFC ensures that everything inside your box stays inside, and things outside the box cannot intrude into it.
 
 In the example below, two `<p>` elements, one inside a `<div>` demonstrate how display values affect formatting contexts.
 The first `<div>` element with the demo controls is hidden so we can focus on the elements that follow instead.
diff --git a/files/en-us/web/css/float/index.md b/files/en-us/web/css/float/index.md
index ec544e58df50609..1c197c4a727660c 100644
--- a/files/en-us/web/css/float/index.md
+++ b/files/en-us/web/css/float/index.md
@@ -147,5 +147,5 @@ Sometimes you may want to force an item to move below any floated elements. For
 
 ## See also
 
-- [Block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context)
+- [Block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context)
 - Use {{cssxref("clear")}} to force an item to move below a floated element.
diff --git a/files/en-us/web/css/index.md b/files/en-us/web/css/index.md
index 468081a57dbfbd1..bf7842f09e06756 100644
--- a/files/en-us/web/css/index.md
+++ b/files/en-us/web/css/index.md
@@ -59,7 +59,7 @@ Our [CSS Learning Area](/en-US/docs/Learn/CSS) features multiple modules that te
   - [CSS units and values](/en-US/docs/Web/CSS/CSS_Values_and_Units) and [functional notations](/en-US/docs/Web/CSS/CSS_Functions)
   - [Box model](/en-US/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model) and [margin collapse](/en-US/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing)
   - The [containing block](/en-US/docs/Web/CSS/Containing_block)
-  - [Stacking](/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context) and [block-formatting](/en-US/docs/Web/Guide/CSS/Block_formatting_context) contexts
+  - [Stacking](/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context) and [block-formatting](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) contexts
   - [Initial](/en-US/docs/Web/CSS/initial_value), [computed](/en-US/docs/Web/CSS/computed_value), [used](/en-US/docs/Web/CSS/used_value), and [actual](/en-US/docs/Web/CSS/actual_value) values
   - [CSS shorthand properties](/en-US/docs/Web/CSS/Shorthand_properties)
   - [CSS Flexible Box Layout](/en-US/docs/Web/CSS/CSS_flexible_box_layout)
diff --git a/files/en-us/web/css/inline_formatting_context/index.md b/files/en-us/web/css/inline_formatting_context/index.md
index 44bb6c870258673..304896d18f8dec8 100644
--- a/files/en-us/web/css/inline_formatting_context/index.md
+++ b/files/en-us/web/css/inline_formatting_context/index.md
@@ -15,7 +15,7 @@ The inline formatting context is part of the visual rendering of a web page. Inl
 - In a horizontal writing mode, boxes are laid out horizontally, starting on the left.
 - In a vertical writing mode they would be laid out vertically starting at the top.
 
-In the example below, the two ({{HTMLElement("div")}}) elements with the black borders form a [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context), inside which each word participates in an inline formatting context. The boxes in the horizontal writing mode run horizontally, and the vertical writing mode boxes run vertically.
+In the example below, the two ({{HTMLElement("div")}}) elements with the black borders form a [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context), inside which each word participates in an inline formatting context. The boxes in the horizontal writing mode run horizontally, and the vertical writing mode boxes run vertically.
 
 {{EmbedGHLiveSample("css-examples/inline-formatting/inline.html", '100%', 720)}}
 
@@ -51,5 +51,5 @@ Line boxes usually have the same size in the inline direction, therefore the sam
 
 ## See also
 
-- [Block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context)
+- [Block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context)
 - [Visual Formatting Model](/en-US/docs/Web/CSS/Visual_formatting_model)
diff --git a/files/en-us/web/css/overflow/index.md b/files/en-us/web/css/overflow/index.md
index b4272fbf27058fc..d2e113ad2ee7bba 100644
--- a/files/en-us/web/css/overflow/index.md
+++ b/files/en-us/web/css/overflow/index.md
@@ -46,7 +46,7 @@ The `overflow` property is specified as one or two {{CSSXref("overflow_value", "
 - `hidden`
   - : Overflow content is clipped at the element's padding box. There are no scroll bars, and the clipped content is not visible (i.e., clipped content is hidden), but the content still exists. User agents do not add scroll bars and also do not allow users to view the content outside the clipped region by actions such as dragging on a touch screen or using the scroll wheel on a mouse. The content _can_ be scrolled programmatically (for example, by setting the value of the {{domxref("Element.scrollLeft", "scrollLeft")}} property or the {{domxref("Element.scrollTo", "scrollTo()")}} method), in which case the element box is a scroll container.
 - `clip`
-  - : Overflow content is clipped at the element's _overflow clip edge_ that is defined using the [`overflow-clip-margin`](/en-US/docs/Web/CSS/overflow-clip-margin) property. As a result, content overflows the element's padding box by the {{cssxref("&lt;length&gt;")}} value of `overflow-clip-margin` or by `0px` if not set. Overflow content outside the clipped region is not visible, user agents do not add a scroll bar, and programmatic scrolling is also not supported. No new [formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) is created. To establish a formatting context, use `overflow: clip` along with {{cssxref("display", "display: flow-root", "#flow-root")}}. The element box is not a scroll container.
+  - : Overflow content is clipped at the element's _overflow clip edge_ that is defined using the [`overflow-clip-margin`](/en-US/docs/Web/CSS/overflow-clip-margin) property. As a result, content overflows the element's padding box by the {{cssxref("&lt;length&gt;")}} value of `overflow-clip-margin` or by `0px` if not set. Overflow content outside the clipped region is not visible, user agents do not add a scroll bar, and programmatic scrolling is also not supported. No new [formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) is created. To establish a formatting context, use `overflow: clip` along with {{cssxref("display", "display: flow-root", "#flow-root")}}. The element box is not a scroll container.
 - `scroll`
   - : Overflow content is clipped at the element's padding box, and overflow content can be scrolled into view using scroll bars. User agents display scroll bars in both horizontal and vertical directions if only one value is set, whether or not any content is overflowing or clipped. The use of this keyword, therefore, can prevent scroll bars from appearing and disappearing as content changes. Printers may still print overflowing content. The element box is a scroll container.
 - `auto`
@@ -60,7 +60,7 @@ Overflow options include hiding overflowing content, enabling scroll bars to vie
 
 The following nuances should be kept in mind while using the various keywords for `overflow`:
 
-- Specifying a value other than `visible` (the default) or `clip` for `overflow` creates a new [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context). This is necessary for technical reasons; if a float intersects with a scrolling element, it would forcibly rewrap the content after each scroll step, leading to a slow scrolling experience.
+- Specifying a value other than `visible` (the default) or `clip` for `overflow` creates a new [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context). This is necessary for technical reasons; if a float intersects with a scrolling element, it would forcibly rewrap the content after each scroll step, leading to a slow scrolling experience.
 - For an `overflow` setting to create the desired effect, the block-level element must have either a set height (`height` or `max-height`) or `white-space` set to `nowrap`.
 - Setting one axis to `visible` (the default) while setting the other to a _different_ value results in `visible` behaving as `auto`.
 - The JavaScript {{domxref("Element.scrollTop")}} property may be used to scroll through content in a scroll container, including when `overflow` is set to `hidden`.
diff --git a/files/en-us/web/css/overflow_value/index.md b/files/en-us/web/css/overflow_value/index.md
index e4ade024e751a03..3aa611b289dc3f1 100644
--- a/files/en-us/web/css/overflow_value/index.md
+++ b/files/en-us/web/css/overflow_value/index.md
@@ -24,7 +24,7 @@ The `<overflow>` enumerated value type is specified using one of the values list
 - `hidden`
   - : Overflow content is clipped at the element's padding box. There are no scroll bars, and the clipped content is not visible (i.e., clipped content is hidden), but the content still exists. User agents do not add scrollbars and also do not allow users to view the content outside the clipped region by actions such as dragging on a touch screen or using the scroll wheel on a mouse. The content _can_ be scrolled programmatically (for example, by setting the value of the {{domxref("Element.scrollLeft", "scrollLeft")}} property or the {{domxref("Element.scrollTo", "scrollTo()")}} method). The content can also be scrolled via keyboard interaction; arrows enable scrolling through the content and tabbing to a focusable element within the hidden content enables scrolling the focused element into view. The element box on which this value is set is a scroll container.
 - `clip`
-  - : Overflow content is clipped at the element's _overflow clip edge_ that is defined using the [`overflow-clip-margin`](/en-US/docs/Web/CSS/overflow-clip-margin) property. As a result, content overflows the element's padding box by the {{cssxref("&lt;length&gt;")}} value of `overflow-clip-margin` or by `0px` if not set. Overflow content outside the clipped region is not visible, user agents do not add a scrollbar, and programmatic scrolling is also not supported. No new [formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) is created.
+  - : Overflow content is clipped at the element's _overflow clip edge_ that is defined using the [`overflow-clip-margin`](/en-US/docs/Web/CSS/overflow-clip-margin) property. As a result, content overflows the element's padding box by the {{cssxref("&lt;length&gt;")}} value of `overflow-clip-margin` or by `0px` if not set. Overflow content outside the clipped region is not visible, user agents do not add a scrollbar, and programmatic scrolling is also not supported. No new [formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) is created.
 - `scroll`
   - : Overflow content is clipped at the element's padding box, and overflow content can be scrolled into view using scrollbars. User agents display scrollbars in both horizontal and vertical directions if only one value is set, whether or not any content is overflowing or clipped. The use of this keyword value, therefore, can prevent scrollbars from appearing and disappearing as content changes. Printers may still print overflowing content. The element box on which this value is set is a scroll container.
 - `auto`
diff --git a/files/en-us/web/css/position/index.md b/files/en-us/web/css/position/index.md
index c4da86af6a75656..ff9209002828b6c 100644
--- a/files/en-us/web/css/position/index.md
+++ b/files/en-us/web/css/position/index.md
@@ -64,7 +64,7 @@ position: unset;
 
 - A **positioned element** is an element whose [computed](/en-US/docs/Web/CSS/computed_value) `position` value is either `relative`, `absolute`, `fixed`, or `sticky`. (In other words, it's anything except `static`.)
 - A **relatively positioned element** is an element whose [computed](/en-US/docs/Web/CSS/computed_value) `position` value is `relative`. The {{Cssxref("top")}} and {{Cssxref("bottom")}} properties specify the vertical offset from its normal position; the {{Cssxref("left")}} and {{Cssxref("right")}} properties specify the horizontal offset.
-- An **absolutely positioned element** is an element whose [computed](/en-US/docs/Web/CSS/computed_value) `position` value is `absolute` or `fixed`. The {{Cssxref("top")}}, {{Cssxref("right")}}, {{Cssxref("bottom")}}, and {{Cssxref("left")}} properties specify offsets from the edges of the element's [containing block](/en-US/docs/Web/CSS/Containing_block). (The containing block is the ancestor relative to which the element is positioned.) If the element has margins, they are added to the offset. The element establishes a new [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context) (BFC) for its contents.
+- An **absolutely positioned element** is an element whose [computed](/en-US/docs/Web/CSS/computed_value) `position` value is `absolute` or `fixed`. The {{Cssxref("top")}}, {{Cssxref("right")}}, {{Cssxref("bottom")}}, and {{Cssxref("left")}} properties specify offsets from the edges of the element's [containing block](/en-US/docs/Web/CSS/Containing_block). (The containing block is the ancestor relative to which the element is positioned.) If the element has margins, they are added to the offset. The element establishes a new [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) (BFC) for its contents.
 - A **stickily positioned element** is an element whose [computed](/en-US/docs/Web/CSS/computed_value) `position` value is `sticky`. It's treated as relatively positioned until its [containing block](/en-US/docs/Web/CSS/Containing_block) crosses a specified threshold (such as setting {{Cssxref("top")}} to value other than auto) within its flow root (or the container it scrolls within), at which point it is treated as "stuck" until meeting the opposite edge of its [containing block](/en-US/docs/Web/CSS/Containing_block).
 
 Most of the time, absolutely positioned elements that have {{Cssxref("height")}} and {{Cssxref("width")}} set to `auto` are sized so as to fit their contents. However, non-[replaced](/en-US/docs/Web/CSS/Replaced_element), absolutely positioned elements can be made to fill the available vertical space by specifying both {{Cssxref("top")}} and {{Cssxref("bottom")}} and leaving {{Cssxref("height")}} unspecified (that is, `auto`). They can likewise be made to fill the available horizontal space by specifying both {{Cssxref("left")}} and {{Cssxref("right")}} and leaving {{Cssxref("width")}} as `auto`.
diff --git a/files/en-us/web/css/reference/index.md b/files/en-us/web/css/reference/index.md
index 3463273c2d1a8ab..5cabac9c2d06c5f 100644
--- a/files/en-us/web/css/reference/index.md
+++ b/files/en-us/web/css/reference/index.md
@@ -130,7 +130,7 @@ Combinators are selectors that establish a relationship between two or more simp
 
 ### Layout
 
-- [Block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context)
+- [Block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context)
 - [Box model](/en-US/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model)
 - [Containing block](/en-US/docs/Web/CSS/Containing_block)
 - [Layout mode](/en-US/docs/Web/CSS/Layout_mode)
diff --git a/files/en-us/web/css/visual_formatting_model/index.md b/files/en-us/web/css/visual_formatting_model/index.md
index ea6d90cabf77fd3..e5aef8f921bc50a 100644
--- a/files/en-us/web/css/visual_formatting_model/index.md
+++ b/files/en-us/web/css/visual_formatting_model/index.md
@@ -114,7 +114,7 @@ In addition, the references for specific values of display explain how these for
 
 Elements either participate in the formatting context of their containing block or establish an independent formatting context. A grid container, for example, establishes a new **Grid Formatting Context** for its children.
 
-**Independent formatting contexts** contain floats, and margins do not collapse across formatting context boundaries. Therefore, creating a new block formatting context can ensure that floats and margins remain inside a box. To do this, add `display: flow-root` to the box on which you wish to create a new [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context).
+**Independent formatting contexts** contain floats, and margins do not collapse across formatting context boundaries. Therefore, creating a new block formatting context can ensure that floats and margins remain inside a box. To do this, add `display: flow-root` to the box on which you wish to create a new [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context).
 
 The following example shows the effect of `display: flow-root`. The box with the black background appears to wrap round the floated item and text. If you remove `display: flow-root` from the editable CSS the floated item will poke out of the bottom of the box as it is no longer contained.
 
diff --git a/files/en-us/web/html/element/fieldset/index.md b/files/en-us/web/html/element/fieldset/index.md
index a815d3d634b01e6..32acbbd91747dbf 100644
--- a/files/en-us/web/html/element/fieldset/index.md
+++ b/files/en-us/web/html/element/fieldset/index.md
@@ -31,7 +31,7 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
 
 There are several special styling considerations for `<fieldset>`.
 
-Its {{cssxref("display")}} value is `block` by default, and it establishes a [block formatting context](/en-US/docs/Web/Guide/CSS/Block_formatting_context). If the `<fieldset>` is styled with an inline-level `display` value, it will behave as `inline-block`, otherwise it will behave as `block`. By default there is a `2px` `groove` border surrounding the contents, and a small amount of default padding. The element has {{cssxref("min-inline-size", "min-inline-size: min-content")}} by default.
+Its {{cssxref("display")}} value is `block` by default, and it establishes a [block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context). If the `<fieldset>` is styled with an inline-level `display` value, it will behave as `inline-block`, otherwise it will behave as `block`. By default there is a `2px` `groove` border surrounding the contents, and a small amount of default padding. The element has {{cssxref("min-inline-size", "min-inline-size: min-content")}} by default.
 
 If a {{htmlelement("legend")}} is present, it is placed over the `block-start` border. The `<legend>` shrink-wraps, and also establishes a formatting context. The `display` value is blockified. (For example, `display: inline` behaves as `block`.)
 

From 9760ffbbd1720d09b7d36853edd421fe5447dbc4 Mon Sep 17 00:00:00 2001
From: Shimei Sagar Das <68263409+thecipherninja@users.noreply.github.com>
Date: Tue, 30 Jan 2024 12:56:31 +0530
Subject: [PATCH 604/790] Typo fix in index.md (#31995)

Typo correction in example code's explanation.
---
 files/en-us/web/css/basic-shape/polygon/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/basic-shape/polygon/index.md b/files/en-us/web/css/basic-shape/polygon/index.md
index 84f989ecd382257..21f023c156f16d4 100644
--- a/files/en-us/web/css/basic-shape/polygon/index.md
+++ b/files/en-us/web/css/basic-shape/polygon/index.md
@@ -63,7 +63,7 @@ Applying those coordinates to the CSS {{cssxref("clip-path")}} property using th
 clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
 ```
 
-This would create a rectangle shape the size of its parent content by specifying the coordinates of its four corners: top-left (`0% 0%`), top-right (`100% 0%`), bottom-right (`100% 100%`), and bottom-right (`0% 100%`).
+This would create a rectangle shape the size of its parent content by specifying the coordinates of its four corners: top-left (`0% 0%`), top-right (`100% 0%`), bottom-right (`100% 100%`), and bottom-left (`0% 100%`).
 
 ## Formal syntax
 

From bf3ec9ed65584e319da12dbc5f4b83c548d44c53 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Tue, 30 Jan 2024 09:40:51 +0100
Subject: [PATCH 605/790] chore(ci): Increase PR size labels from S to XL
 (#31986)

* chore(ci): Change label calculation for PR size

* chore(ci): Change label calculation for PR size
---
 .github/workflows/pr-labeler.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/pr-labeler.yml b/.github/workflows/pr-labeler.yml
index 530cd629c5c94ef..204899d098e0e1a 100644
--- a/.github/workflows/pr-labeler.yml
+++ b/.github/workflows/pr-labeler.yml
@@ -35,11 +35,11 @@ jobs:
           xs_label: "size/xs"
           xs_max_size: "5"
           s_label: "size/s"
-          s_max_size: "10"
+          s_max_size: "50"
           m_label: "size/m"
-          m_max_size: "50"
+          m_max_size: "500"
           l_label: "size/l"
-          l_max_size: "100"
+          l_max_size: "1000"
           xl_label: "size/xl"
           fail_if_xl: "false"
           message_if_xl: ""

From 86b695e507a30ebcbb5348710b001ca03bff74b4 Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Tue, 30 Jan 2024 10:03:14 +0000
Subject: [PATCH 606/790] Add back standards position banner with agreed
 wording (#31942)

* Add back standards position banner with agreed wording

* Add information on banner to guidelines

* Update files/en-us/mdn/writing_guidelines/page_structures/banners_and_notices/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Add definition of oppose to link to

* Update files/en-us/web/api/storage_access_api/related_website_sets/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/mdn/writing_guidelines/page_structures/banners_and_notices/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/mdn/writing_guidelines/page_structures/banners_and_notices/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Tweak banners page as appropriate

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/glossary/web_standards/index.md   | 10 +++++++++-
 .../banners_and_notices/index.md              | 19 +++++++++++++++++++
 .../related_website_sets/index.md             |  4 +++-
 3 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/files/en-us/glossary/web_standards/index.md b/files/en-us/glossary/web_standards/index.md
index f407d0af21b6fe5..b1353b34c9bb38a 100644
--- a/files/en-us/glossary/web_standards/index.md
+++ b/files/en-us/glossary/web_standards/index.md
@@ -6,7 +6,7 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-Web standards are rules established by international standards bodies and defining how the {{Glossary("World Wide Web", "Web")}} works (and sometimes controlling the {{Glossary("Internet")}} as well).
+Web standards are rules established by international standards bodies that define how the {{Glossary("World Wide Web", "Web")}} works (and which sometimes control the {{Glossary("Internet")}} as well).
 
 Several standards bodies are responsible for defining different aspects of the Web, and all the standards must coordinate to keep the Web maximally usable and accessible. Web standards also must evolve to improve the current status and adapt to new circumstances.
 
@@ -18,6 +18,14 @@ This non-exhaustive list gives you an idea of which standards websites and netwo
 - **Ecma Intl.:** scripting standards, most prominently for {{Glossary("JavaScript")}}
 - **{{Glossary("ISO")}}** (International Organization for Standardization): standards governing a diverse array of aspects, including character encodings, website management, and user-interface design
 
+## Opposing standards
+
+Occasionally, the members of a standards body may disagree with how a feature is developing, and some may **oppose** it. This means that technology implementers (for example web browser vendors) who disagree with the feature in its current form are unlikely to ever implement it.
+
+Vendors that _do agree_ with the feature usually still implement it so that it is available to experiment with and provide feedback on. This enables interested parties to build use cases and demonstrate the issues with the feature, hopefully working toward reaching a consensus on a future version.
+
+Standards body members often publish a record of their position on different standards, for reference. For example, see [Mozilla Specification Positions](https://mozilla.github.io/standards-positions/) and [WebKit Standards Positions](https://webkit.org/standards-positions/).
+
 ## See also
 
 - [Web standards](https://en.wikipedia.org/wiki/Web_standards) on Wikipedia
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/banners_and_notices/index.md b/files/en-us/mdn/writing_guidelines/page_structures/banners_and_notices/index.md
index a69f01259ba97ae..8ffb8f2e8c992d0 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/banners_and_notices/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/banners_and_notices/index.md
@@ -48,3 +48,22 @@ In summary:
 - `\{{Non-standard_Header}}` — generates a **Non-Standard** banner that indicates that use of the technology is not part of a formal specification, even if it is implemented in multiple browsers.
   Also add `status` of `non-standard` to the page front-matter.
 - `\{{SecureContext_Header}}` — this generates a **Secure context** banner that indicates the technology is only available in a [secure context](/en-US/docs/Web/Security/Secure_Contexts).
+
+### Experimental: "Standards positions" banner
+
+Occasionally, browser vendors disagree on how a feature is developing, and some may oppose it in its current form. In exceptional cases, MDN documents technologies in this state to encourage the web community to experiment with them, provide feedback, and help browser vendors reach a consensus.
+
+It is important to clarify the current standardization status of such features to readers. While a longer-term solution for representing this information is not final, we are doing the following for specific high-profile technologies to avoid confusion:
+
+- Adding this banner to the landing page for that feature (not for every subpage for the feature):
+
+  ```text
+  > **Warning:** This feature is currently opposed by <number> browser vendor(s). See the [Standards positions](#standards_positions) section below for details of opposition.
+  ```
+
+  - Replace `<number>` with the number of browser vendors opposing the feature.
+  - Use `vendor` or `vendors` as appropriate.
+
+- Adding a "Standards positions" section to the same page as the above banner, as a sub-section of the standard "Specifications" section.
+
+> **Note:** See [Related Website Sets](/en-US/docs/Web/API/Storage_Access_API/Related_website_sets) for an example of the "Standards positions" section and what it should contain, as well as the landing page banner.
diff --git a/files/en-us/web/api/storage_access_api/related_website_sets/index.md b/files/en-us/web/api/storage_access_api/related_website_sets/index.md
index 07b35d39ff0caa4..6b13b03f364cdfc 100644
--- a/files/en-us/web/api/storage_access_api/related_website_sets/index.md
+++ b/files/en-us/web/api/storage_access_api/related_website_sets/index.md
@@ -10,6 +10,8 @@ spec-urls: https://wicg.github.io/first-party-sets/
 
 {{DefaultAPISidebar("Storage Access API")}}
 
+> **Warning:** This feature is currently opposed by two browser vendors. See the [Standards positions](#standards_positions) section below for details of opposition.
+
 Related website sets are a mechanism for defining a set of related sites that share trusted content. As a result, browsers will grant default access for these sites to [third-party cookies](/en-US/docs/Web/HTTP/Cookies#third-party_cookies) when they have content embedded in other set members.
 
 ## Concepts and usage
@@ -149,7 +151,7 @@ RWS has been designed with security in mind. It would be disastrous if a bad act
 
 ### Standards positions
 
-One or more vendors oppose this specification. Known positions are as follows:
+Two browser vendors [oppose](/en-US/docs/Glossary/Web_standards#opposing_standards) this specification. Known positions are as follows:
 
 - Mozilla (Firefox): [Negative](https://mozilla.github.io/standards-positions/#first-party-sets)
 - Apple (Safari): [Negative](https://webkit.org/standards-positions/#position-93)

From e1f18cdb1d895d859495d1d5f10ca503e81c443e Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 30 Jan 2024 14:35:40 +0000
Subject: [PATCH 607/790] Bump @mdn/yari from 2.38.4 to 2.39.0 (#32006)

---
 package.json |   2 +-
 yarn.lock    | 544 +++++++++++++++++++++++++++++++--------------------
 2 files changed, 336 insertions(+), 210 deletions(-)

diff --git a/package.json b/package.json
index 7068ea0d847cc86..4d3834f3f5f6e27 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
   "dependencies": {
     "@apideck/better-ajv-errors": "^0.3.6",
     "@caporal/core": "^2.0.7",
-    "@mdn/yari": "2.38.4",
+    "@mdn/yari": "2.39.0",
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "async": "^3.2.5",
diff --git a/yarn.lock b/yarn.lock
index 455bbbdfe05a10b..b299e11e31a2365 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -356,10 +356,10 @@
     "@lezer/common" "^1.0.2"
     "@lezer/css" "^1.0.0"
 
-"@codemirror/lang-html@^6.4.7":
-  version "6.4.7"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-html/-/lang-html-6.4.7.tgz#e375e3c9ae898b5aca6e17b5055a3a76c7a8f5ff"
-  integrity sha512-y9hWSSO41XlcL4uYwWyk0lEgTHcelWWfRuqmvcAmxfCs0HNWZdriWo/EU43S63SxEZpc1Hd50Itw7ktfQvfkUg==
+"@codemirror/lang-html@^6.4.8":
+  version "6.4.8"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-html/-/lang-html-6.4.8.tgz#961db9b1037efcb1d0f50ae6082e5a367fa1470c"
+  integrity sha512-tE2YK7wDlb9ZpAH6mpTPiYm6rhfdQKVDa5r9IwIFlwwgvVaKsCfuKKZoJGWsmMZIf3FQAuJ5CHMPLymOtg1hXw==
   dependencies:
     "@codemirror/autocomplete" "^6.0.0"
     "@codemirror/lang-css" "^6.0.0"
@@ -414,10 +414,10 @@
     "@codemirror/view" "^6.0.0"
     crelt "^1.0.5"
 
-"@codemirror/state@^6.0.0", "@codemirror/state@^6.1.4", "@codemirror/state@^6.2.0", "@codemirror/state@^6.3.3":
-  version "6.3.3"
-  resolved "https://registry.yarnpkg.com/@codemirror/state/-/state-6.3.3.tgz#6a647c2fa62b68604187152de497e91aabf43f82"
-  integrity sha512-0wufKcTw2dEwEaADajjHf6hBy1sh3M6V0e+q4JKIhLuiMSe5td5HOWpUdvKth1fT1M9VYOboajoBHpkCd7PG7A==
+"@codemirror/state@^6.0.0", "@codemirror/state@^6.1.4", "@codemirror/state@^6.2.0", "@codemirror/state@^6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@codemirror/state/-/state-6.4.0.tgz#8bc3e096c84360b34525a84696a84f86b305363a"
+  integrity sha512-hm8XshYj5Fo30Bb922QX9hXB/bxOAVH+qaqHBzw5TKa72vOeslyGwd4X8M0c1dJ9JqxlaMceOQ8RsL9tC7gU0A==
 
 "@codemirror/theme-one-dark@^6.1.2":
   version "6.1.2"
@@ -452,12 +452,11 @@
     enabled "2.0.x"
     kuler "^2.0.0"
 
-"@fast-csv/parse@^4.3.6":
-  version "4.3.6"
-  resolved "https://registry.yarnpkg.com/@fast-csv/parse/-/parse-4.3.6.tgz#ee47d0640ca0291034c7aa94039a744cfb019264"
-  integrity sha512-uRsLYksqpbDmWaSmzvJcuApSEe38+6NQZBUsuAyMZKqHxH0g1wcJgsKUvN3WC8tewaqFjBMMGrkHmC+T7k8LvA==
+"@fast-csv/parse@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@fast-csv/parse/-/parse-5.0.0.tgz#091665753f9e58f0dda6a55ae30f582526042903"
+  integrity sha512-ecF8tCm3jVxeRjEB6VPzmA+1wGaJ5JgaUX2uesOXdXD6qQp0B3EdshOIed4yT1Xlj/F2f8v4zHSo0Oi31L697g==
   dependencies:
-    "@types/node" "^14.0.1"
     lodash.escaperegexp "^4.1.2"
     lodash.groupby "^4.6.0"
     lodash.isfunction "^3.0.9"
@@ -749,44 +748,44 @@
   dependencies:
     "@lezer/common" "^1.0.0"
 
-"@ljharb/through@^2.3.11":
-  version "2.3.11"
-  resolved "https://registry.yarnpkg.com/@ljharb/through/-/through-2.3.11.tgz#783600ff12c06f21a76cc26e33abd0b1595092f9"
-  integrity sha512-ccfcIDlogiXNq5KcbAwbaO7lMh3Tm1i3khMPYpxlK8hH/W53zN81KM9coerRLOnTGu3nfXIniAmQbRI9OxbC0w==
+"@ljharb/through@^2.3.12":
+  version "2.3.12"
+  resolved "https://registry.yarnpkg.com/@ljharb/through/-/through-2.3.12.tgz#c418c43060eee193adce48b15c2206096a28e9ea"
+  integrity sha512-ajo/heTlG3QgC8EGP6APIejksVAYt4ayz4tqoP3MolFELzcH1x1fzwEYRJTPO0IELutZ5HQ0c26/GqAYy79u3g==
   dependencies:
-    call-bind "^1.0.2"
+    call-bind "^1.0.5"
 
 "@mdn/bcd-utils-api@^0.0.5":
   version "0.0.5"
   resolved "https://registry.yarnpkg.com/@mdn/bcd-utils-api/-/bcd-utils-api-0.0.5.tgz#9587c6b592e87f8a5ccab80ccdd8b5184f867922"
   integrity sha512-+8zfCGZzBoAoLK6jYnOm9Xa2LcdNRDVrUXatuBNuGJHyt7tpR+k/+de2LSGHiU34TYrfAXk7g9x8/IpXR+4zhw==
 
-"@mdn/browser-compat-data@^5.5.7":
-  version "5.5.7"
-  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.7.tgz#984652af52cbe7c111c376d519b5ce765d444003"
-  integrity sha512-DoHTZ/TjtNfUu9eiqJd+x3IcCQrhS+yOYU436TKUnlE36jZwNbK535D1CmTsSYdi/UcdCWNm5KRQZ9g1tlZCPw==
+"@mdn/browser-compat-data@^5.5.8":
+  version "5.5.8"
+  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.8.tgz#80549bd5636c2f088229df7649114b8ab8e46f78"
+  integrity sha512-E4gRHp5Kko37r6z1dO2qQ7xUUWig6GltUteuzi5WUKqHEayGN9DdGJWlgrYGnvwFc2Omh33MTJ8IXsD3t7+Okw==
 
-"@mdn/yari@2.38.4":
-  version "2.38.4"
-  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.38.4.tgz#cba59e1fe2b43d646d9029ff7e664a4b0b0020e3"
-  integrity sha512-fPok6algzw79DeK1qSlYm46WkfB2AkMT2Q541FtujMRv8kRRfXscY5D2K8ADcXuYA3L++hcM0viN/1DKyQrs8A==
+"@mdn/yari@2.39.0":
+  version "2.39.0"
+  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.39.0.tgz#493ea9f6d74305b27b148cfc024d8d66bdfa28e1"
+  integrity sha512-eBsHU2EdwVl6jBvvlEIQMJ5GTD7xic5B3ARQChJ2gtq4s9Wwd0JioUESqGUEf+LEOlonmwa46GmS71KIPAh+6A==
   dependencies:
     "@caporal/core" "^2.0.7"
     "@codemirror/lang-css" "^6.2.1"
-    "@codemirror/lang-html" "^6.4.7"
+    "@codemirror/lang-html" "^6.4.8"
     "@codemirror/lang-javascript" "^6.2.1"
-    "@codemirror/state" "^6.3.3"
+    "@codemirror/state" "^6.4.0"
     "@codemirror/theme-one-dark" "^6.1.2"
-    "@fast-csv/parse" "^4.3.6"
+    "@fast-csv/parse" "^5.0.0"
     "@mdn/bcd-utils-api" "^0.0.5"
-    "@mdn/browser-compat-data" "^5.5.7"
+    "@mdn/browser-compat-data" "^5.5.8"
     "@mozilla/glean" "2.0.5"
-    "@sentry/integrations" "^7.94.1"
-    "@sentry/node" "^7.94.1"
-    "@stripe/stripe-js" "^2.3.0"
+    "@sentry/integrations" "^7.98.0"
+    "@sentry/node" "^7.98.0"
+    "@stripe/stripe-js" "^2.4.0"
     "@use-it/interval" "^1.0.0"
     "@vscode/ripgrep" "^1.15.9"
-    "@webref/css" "^6.10.2"
+    "@webref/css" "^6.10.3"
     accept-language-parser "^1.5.0"
     async "^3.2.5"
     chalk "^5.3.0"
@@ -799,7 +798,7 @@
     css-tree "^2.3.1"
     dayjs "^1.11.10"
     dexie "^3.2.4"
-    dotenv "^16.3.2"
+    dotenv "^16.4.1"
     ejs "^3.1.9"
     express "^4.18.2"
     fdir "^6.1.1"
@@ -816,30 +815,35 @@
     imagemin-mozjpeg "^10.0.0"
     imagemin-pngquant "^9.0.2"
     imagemin-svgo "^10.0.1"
-    inquirer "^9.2.12"
+    inquirer "^9.2.13"
     is-svg "^5.0.0"
     js-yaml "^4.1.0"
-    loglevel "^1.8.1"
-    lru-cache "^10.1.0"
+    loglevel "^1.9.1"
+    lru-cache "^10.2.0"
     md5-file "^5.0.0"
     mdast-util-from-markdown "^2.0.0"
     mdast-util-phrasing "^4.0.0"
-    mdn-data "^2.3.5"
-    open "^9.1.0"
+    mdn-data "^2.4.0"
+    open "^10.0.3"
     open-editor "^4.1.1"
-    openai "^4.25.0"
+    openai "^4.26.0"
+    pg "^8.11.3"
+    pgvector "^0.1.7"
     prism-svelte "^0.5.0"
     prismjs "^1.29.0"
     react-markdown "^9.0.1"
     react-modal "^3.16.1"
     read-chunk "^4.0.3"
     rehype-format "^5.0.0"
+    rehype-parse "^9.0.0"
     rehype-raw "^7.0.0"
+    rehype-remark "^10.0.0"
     rehype-sanitize "^6.0.0"
     rehype-stringify "^10.0.0"
     remark-gfm "^4.0.0"
     remark-parse "^11.0.0"
     remark-rehype "^11.1.0"
+    remark-stringify "^11.0.0"
     sanitize-filename "^1.6.3"
     send "^0.18.0"
     source-map-support "^0.5.21"
@@ -849,7 +853,7 @@
     unist-builder "^4.0.0"
     unist-util-visit "^5.0.0"
     web-features "^0.5.1"
-    web-specs "^2.76.0"
+    web-specs "^2.77.0"
 
 "@mozilla/glean@2.0.5":
   version "2.0.5"
@@ -882,54 +886,54 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@sentry-internal/tracing@7.94.1":
-  version "7.94.1"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.94.1.tgz#27909da03c1541a83002cab655814ec208242b9e"
-  integrity sha512-znxCdrz7tPXm9Bwoe46PW72Zr0Iv7bXT6+b2LNg5fxWiCQVBbQFrMuVvtXEmHxeRRJVEgTh/4TdulB7wrtQIUQ==
+"@sentry-internal/tracing@7.98.0":
+  version "7.98.0"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.98.0.tgz#812ef7fce6b64794784f3279c66bc6b5cfd29d7f"
+  integrity sha512-FnhD2uMLIAJvv4XsYPv3qsTTtxrImyLxiZacudJyaWFhxoeVQ8bKKbWJ/Ar68FAwqTtjXMeY5evnEBbRMcQlaA==
   dependencies:
-    "@sentry/core" "7.94.1"
-    "@sentry/types" "7.94.1"
-    "@sentry/utils" "7.94.1"
+    "@sentry/core" "7.98.0"
+    "@sentry/types" "7.98.0"
+    "@sentry/utils" "7.98.0"
 
-"@sentry/core@7.94.1":
-  version "7.94.1"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.94.1.tgz#3696cd78b2196ac27fda5bcfb2338f46241a3ff8"
-  integrity sha512-4sjiMnkbGpv9O98YHVZe7fHNwwdYl+zLoCOoEOadtrJ1EYYvnK/MSixN2HJF7g/0s22xd4xY958QyNIRVR+Iiw==
+"@sentry/core@7.98.0":
+  version "7.98.0"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.98.0.tgz#e4f5353bc3986e510b8dd2507355787440d6e25d"
+  integrity sha512-baRUcpCNGyk7cApQHMfqEZJkXdvAKK+z/dVWiMqWc5T5uhzMnPE8/gjP1JZsMtJSQ8g5nHimBdI5TwOyZtxPaA==
   dependencies:
-    "@sentry/types" "7.94.1"
-    "@sentry/utils" "7.94.1"
+    "@sentry/types" "7.98.0"
+    "@sentry/utils" "7.98.0"
 
-"@sentry/integrations@^7.94.1":
-  version "7.94.1"
-  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.94.1.tgz#b2ce0f09adf599161fa16dbde9f2a2e9c3a2d593"
-  integrity sha512-Fw7OxLlGkrVAVO9WtBJezrb5IxxItCTuefv2IfKku+A5EhHtH1AhXYjQynmt0TLLYIUlyBWiatpOngBzS2wSxw==
+"@sentry/integrations@^7.98.0":
+  version "7.98.0"
+  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.98.0.tgz#f497864fae2522375d83f4242f14818b175c2b3e"
+  integrity sha512-iHPA6oxG2Vkv3irWyWH714vSMwzESmD5fmU8MUWjr7XXzf8XeVqgn3HkftIaAWCIfZu5mDsfOlJ9qvM5Avst5g==
   dependencies:
-    "@sentry/core" "7.94.1"
-    "@sentry/types" "7.94.1"
-    "@sentry/utils" "7.94.1"
+    "@sentry/core" "7.98.0"
+    "@sentry/types" "7.98.0"
+    "@sentry/utils" "7.98.0"
     localforage "^1.8.1"
 
-"@sentry/node@^7.94.1":
-  version "7.94.1"
-  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.94.1.tgz#3e123e546330d89e71004f9f5cad1f9ba7581598"
-  integrity sha512-30nyrfVbY1vNoWg5ptGW+soykU532VvKLuXiKty3SKEXjp5bv23JrCcVtuwp9KrW4josHOJbxZUqeNni85YplQ==
+"@sentry/node@^7.98.0":
+  version "7.98.0"
+  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.98.0.tgz#49d0a46e72f4e6116b4929d033322951e5a7e88b"
+  integrity sha512-9cHW217DnU9wC4iR+QxmY3q59N1Touh23hPMDtpMRmbRHSgrmLMoHTVPhK9zHsXRs0mUeidmMqY1ubAWauQByw==
   dependencies:
-    "@sentry-internal/tracing" "7.94.1"
-    "@sentry/core" "7.94.1"
-    "@sentry/types" "7.94.1"
-    "@sentry/utils" "7.94.1"
+    "@sentry-internal/tracing" "7.98.0"
+    "@sentry/core" "7.98.0"
+    "@sentry/types" "7.98.0"
+    "@sentry/utils" "7.98.0"
 
-"@sentry/types@7.94.1":
-  version "7.94.1"
-  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.94.1.tgz#97b653a6e73078fc82a2c9d2129e22c7ae1ee248"
-  integrity sha512-A7CdEXFSgGyWv2BT2p9cAvJfb+dypvOtsY8ZvZvdPLUa7kqCV7ndhURUqKjvMBzsL2GParHn3ehDTl2eVc7pvA==
+"@sentry/types@7.98.0":
+  version "7.98.0"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.98.0.tgz#6a88bf60679aea88ac6cba4d1517958726c2bafb"
+  integrity sha512-pc034ziM0VTETue4bfBcBqTWGy4w0okidtoZJjGVrYAfE95ObZnUGVj/XYIQ3FeCYWIa7NFN2MvdsCS0buwivQ==
 
-"@sentry/utils@7.94.1":
-  version "7.94.1"
-  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.94.1.tgz#1164934cf6e2277fb404744b27de38a04310895d"
-  integrity sha512-gQ2EaMpUU1gGH3S+iqpog9gkXbCo8tlhGYA9a5FUtEtER3D3OAlp8dGFwClwzWDAwzjdLT1+X55zmEptU1cP/A==
+"@sentry/utils@7.98.0":
+  version "7.98.0"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.98.0.tgz#54355a197f7f71a6d17354a3d043022df402b502"
+  integrity sha512-0/LY+kpHxItVRY0xPDXPXVsKRb95cXsGSQf8sVMtfSjz++0bLL1U4k7PFz1c5s2/Vk0B8hS6duRrgMv6dMIZDw==
   dependencies:
-    "@sentry/types" "7.94.1"
+    "@sentry/types" "7.98.0"
 
 "@sinclair/typebox@^0.27.8":
   version "0.27.8"
@@ -965,10 +969,10 @@
   dependencies:
     "@sinonjs/commons" "^3.0.0"
 
-"@stripe/stripe-js@^2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@stripe/stripe-js/-/stripe-js-2.3.0.tgz#607f91b75990eb660b9a7a4a8a7c282f5babd3fc"
-  integrity sha512-iTwzjw1ORUR+1pH21+C/M05w+Jh5hAuE4QUei7Gnku65N7QpEaHtyVszYMYDBs6iNyLrD1tfQTSrjD6NkOA/ww==
+"@stripe/stripe-js@^2.4.0":
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/@stripe/stripe-js/-/stripe-js-2.4.0.tgz#7a7e5b187b9e9bb43073edd946ec3e9a778e61bd"
+  integrity sha512-WFkQx1mbs2b5+7looI9IV1BLa3bIApuN3ehp9FP58xGg7KL9hCHDECgW3BwO9l9L+xBPVAD7Yjn1EhGe6EDTeA==
 
 "@szmarczak/http-timer@^5.0.1":
   version "5.0.1"
@@ -1122,11 +1126,6 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-13.9.3.tgz#6356df2647de9eac569f9a52eda3480fa9e70b4d"
   integrity sha512-01s+ac4qerwd6RHD+mVbOEsraDHSgUaefQlEdBbUolnQFjKwCr7luvAlEwW1RFojh67u0z4OUTjPn9LEl4zIkA==
 
-"@types/node@^14.0.1":
-  version "14.18.63"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.18.63.tgz#1788fa8da838dbb5f9ea994b834278205db6ca2b"
-  integrity sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ==
-
 "@types/node@^18.11.18":
   version "18.18.13"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-18.18.13.tgz#ae0f76c0bfe79d8fad0f910b78ae3e59b333c6e8"
@@ -1197,10 +1196,10 @@
     proxy-from-env "^1.1.0"
     yauzl "^2.9.2"
 
-"@webref/css@^6.10.2":
-  version "6.10.2"
-  resolved "https://registry.yarnpkg.com/@webref/css/-/css-6.10.2.tgz#ff72c57118f61e011c4d46c00b6669c5c34029d8"
-  integrity sha512-BQepib8uNtlsxZbeVBHk1xdKDQRKFn4Gz73zy/zgRP+0we2v+LT2e8nOqt2KCGfUjSoNkSDS0Wc8z003qJXqFQ==
+"@webref/css@^6.10.3":
+  version "6.10.4"
+  resolved "https://registry.yarnpkg.com/@webref/css/-/css-6.10.4.tgz#75b714452af3ede7e049292a84a4ffc7a61369b9"
+  integrity sha512-Blgen4CdjUSAgC2PqA6FNP1dnMgR09QU0KFntFJlljHA/KM9r+A6ZH2up3QUY/IeiyOKNtkHeCHBpzk+PMFxLw==
 
 abort-controller@^3.0.0:
   version "3.0.0"
@@ -1498,11 +1497,6 @@ base64-js@^1.3.1:
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
-big-integer@^1.6.44:
-  version "1.6.52"
-  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.52.tgz#60a887f3047614a8e1bffe5d7173490a97dc8c85"
-  integrity sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==
-
 bin-build@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bin-build/-/bin-build-3.0.0.tgz#c5780a25a8a9f966d8244217e6c1f5082a143861"
@@ -1596,13 +1590,6 @@ boolbase@^1.0.0:
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
 
-bplist-parser@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/bplist-parser/-/bplist-parser-0.2.0.tgz#43a9d183e5bf9d545200ceac3e712f79ebbe8d0e"
-  integrity sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==
-  dependencies:
-    big-integer "^1.6.44"
-
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -1670,6 +1657,11 @@ buffer-from@^1.0.0:
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
+buffer-writer@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-writer/-/buffer-writer-2.0.0.tgz#ce7eb81a38f7829db09c873f2fbb792c0c98ec04"
+  integrity sha512-a7ZpuTZU1TRtnwyCNW3I5dc0wWNC3VR9S++Ewyk2HHZdrO3CQJqSpd+95Us590V6AL7JqUAH2IwZ/398PmNFgw==
+
 buffer@^5.2.1, buffer@^5.5.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
@@ -1678,12 +1670,12 @@ buffer@^5.2.1, buffer@^5.5.0:
     base64-js "^1.3.1"
     ieee754 "^1.1.13"
 
-bundle-name@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/bundle-name/-/bundle-name-3.0.0.tgz#ba59bcc9ac785fb67ccdbf104a2bf60c099f0e1a"
-  integrity sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==
+bundle-name@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/bundle-name/-/bundle-name-4.1.0.tgz#f3b96b34160d6431a19d7688135af7cfb8797889"
+  integrity sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==
   dependencies:
-    run-applescript "^5.0.0"
+    run-applescript "^7.0.0"
 
 bytes@3.0.0:
   version "3.0.0"
@@ -1726,7 +1718,7 @@ cacheable-request@^2.1.1:
     normalize-url "2.0.1"
     responselike "1.0.2"
 
-call-bind@^1.0.0, call-bind@^1.0.2:
+call-bind@^1.0.0, call-bind@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.5.tgz#6fa2b7845ce0ea49bf4d8b9ef64727a2c2e2e513"
   integrity sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==
@@ -2430,23 +2422,18 @@ deepmerge@^4.2.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
-default-browser-id@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-3.0.0.tgz#bee7bbbef1f4e75d31f98f4d3f1556a14cea790c"
-  integrity sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==
-  dependencies:
-    bplist-parser "^0.2.0"
-    untildify "^4.0.0"
+default-browser-id@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-5.0.0.tgz#a1d98bf960c15082d8a3fa69e83150ccccc3af26"
+  integrity sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==
 
-default-browser@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/default-browser/-/default-browser-4.0.0.tgz#53c9894f8810bf86696de117a6ce9085a3cbc7da"
-  integrity sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==
+default-browser@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/default-browser/-/default-browser-5.2.1.tgz#7b7ba61204ff3e425b556869ae6d3e9d9f1712cf"
+  integrity sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==
   dependencies:
-    bundle-name "^3.0.0"
-    default-browser-id "^3.0.0"
-    execa "^7.1.1"
-    titleize "^3.0.0"
+    bundle-name "^4.1.0"
+    default-browser-id "^5.0.0"
 
 defaults@^1.0.3:
   version "1.0.4"
@@ -2596,10 +2583,10 @@ domutils@^3.0.1:
     domelementtype "^2.3.0"
     domhandler "^5.0.3"
 
-dotenv@^16.3.2:
-  version "16.3.2"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.3.2.tgz#3cb611ce5a63002dbabf7c281bc331f69d28f03f"
-  integrity sha512-HTlk5nmhkm8F6JcdXvHIzaorzCoziNQT9mGxLPVXW8wJF1TiGSL60ZGB4gHWabHOaMmWmhvk2/lPHfnBiT78AQ==
+dotenv@^16.4.1:
+  version "16.4.1"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.1.tgz#1d9931f1d3e5d2959350d1250efab299561f7f11"
+  integrity sha512-CjA3y+Dr3FyFDOAMnxZEGtnW9KBR2M0JvvUtXNW+dYJL5ROWxP9DUHCwgFqpMk0OXCc0ljhaNTr2w/kutYIcHQ==
 
 download@^6.2.2:
   version "6.2.5"
@@ -2866,21 +2853,6 @@ execa@^6.0.0:
     signal-exit "^3.0.7"
     strip-final-newline "^3.0.0"
 
-execa@^7.1.1:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-7.2.0.tgz#657e75ba984f42a70f38928cedc87d6f2d4fe4e9"
-  integrity sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.1"
-    human-signals "^4.3.0"
-    is-stream "^3.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^5.1.0"
-    onetime "^6.0.0"
-    signal-exit "^3.0.7"
-    strip-final-newline "^3.0.0"
-
 executable@^4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/executable/-/executable-4.1.1.tgz#41532bff361d3e57af4d763b70582db18f5d133c"
@@ -3092,13 +3064,12 @@ figures@^2.0.0:
   dependencies:
     escape-string-regexp "^1.0.5"
 
-figures@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-5.0.0.tgz#126cd055052dea699f8a54e8c9450e6ecfc44d5f"
-  integrity sha512-ej8ksPF4x6e5wvK9yevct0UCXh8TTFlWGVLlgjZuoBH1HwjIfKE/IdL5mq89sFA7zELi1VhKpmtDnrs7zWyeyg==
+figures@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
+  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
   dependencies:
-    escape-string-regexp "^5.0.0"
-    is-unicode-supported "^1.2.0"
+    escape-string-regexp "^1.0.5"
 
 file-type@5.2.0, file-type@^5.2.0:
   version "5.2.0"
@@ -3585,6 +3556,18 @@ hast-util-embedded@^3.0.0:
     "@types/hast" "^3.0.0"
     hast-util-is-element "^3.0.0"
 
+hast-util-from-html@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/hast-util-from-html/-/hast-util-from-html-2.0.1.tgz#9cd38ee81bf40b2607368b92a04b0905fa987488"
+  integrity sha512-RXQBLMl9kjKVNkJTIO6bZyb2n+cUH8LFaSSzo82jiLT6Tfc+Pt7VQCS+/h3YwG4jaNE2TA2sdJisGWR+aJrp0g==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    devlop "^1.1.0"
+    hast-util-from-parse5 "^8.0.0"
+    parse5 "^7.0.0"
+    vfile "^6.0.0"
+    vfile-message "^4.0.0"
+
 hast-util-from-parse5@^8.0.0:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-8.0.1.tgz#654a5676a41211e14ee80d1b1758c399a0327651"
@@ -3699,6 +3682,26 @@ hast-util-to-jsx-runtime@^2.0.0:
     unist-util-position "^5.0.0"
     vfile-message "^4.0.0"
 
+hast-util-to-mdast@^10.0.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/hast-util-to-mdast/-/hast-util-to-mdast-10.1.0.tgz#906c80fc263a9f09a33462317ffc6ad94f4ee3db"
+  integrity sha512-DsL/SvCK9V7+vfc6SLQ+vKIyBDXTk2KLSbfBYkH4zeF/uR1yBajHRhkzuaUSGOB1WJSTieJBdHwxlC+HLKvZZw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    "@ungap/structured-clone" "^1.0.0"
+    hast-util-phrasing "^3.0.0"
+    hast-util-to-html "^9.0.0"
+    hast-util-to-text "^4.0.0"
+    hast-util-whitespace "^3.0.0"
+    mdast-util-phrasing "^4.0.0"
+    mdast-util-to-hast "^13.0.0"
+    mdast-util-to-string "^4.0.0"
+    rehype-minify-whitespace "^6.0.0"
+    trim-trailing-lines "^2.0.0"
+    unist-util-position "^5.0.0"
+    unist-util-visit "^5.0.0"
+
 hast-util-to-parse5@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/hast-util-to-parse5/-/hast-util-to-parse5-8.0.0.tgz#477cd42d278d4f036bc2ea58586130f6f39ee6ed"
@@ -3712,6 +3715,16 @@ hast-util-to-parse5@^8.0.0:
     web-namespaces "^2.0.0"
     zwitch "^2.0.0"
 
+hast-util-to-text@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-to-text/-/hast-util-to-text-4.0.0.tgz#7f33a45d0bf7981ead44e82d9d8d75f511b3642f"
+  integrity sha512-EWiE1FSArNBPUo1cKWtzqgnuRQwEeQbQtnFJRYV1hb1BWDgrAlBU0ExptvZMM/KSA82cDpm2sFGf3Dmc5Mza3w==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/unist" "^3.0.0"
+    hast-util-is-element "^3.0.0"
+    unist-util-find-after "^5.0.0"
+
 hast-util-whitespace@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz#7778ed9d3c92dd9e8c5c8f648a49c21fc51cb621"
@@ -3832,11 +3845,6 @@ human-signals@^3.0.1:
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-3.0.1.tgz#c740920859dafa50e5a3222da9d3bf4bb0e5eef5"
   integrity sha512-rQLskxnM/5OCldHo+wNXbpVgDn5A17CUoKX+7Sokwaknlq7CdSnphy0W39GU8dw59XiCXmFXDg4fRuckQRKewQ==
 
-human-signals@^4.3.0:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-4.3.1.tgz#ab7f811e851fca97ffbd2c1fe9a958964de321b2"
-  integrity sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==
-
 human-signals@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-5.0.0.tgz#42665a284f9ae0dade3ba41ebc37eb4b852f3a28"
@@ -4020,18 +4028,18 @@ inquirer@^6.0.0:
     strip-ansi "^5.1.0"
     through "^2.3.6"
 
-inquirer@^9.2.12:
-  version "9.2.12"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-9.2.12.tgz#0348e9311765b7c93fce143bb1c0ef1ae879b1d7"
-  integrity sha512-mg3Fh9g2zfuVWJn6lhST0O7x4n03k7G8Tx5nvikJkbq8/CK47WDVm+UznF0G6s5Zi0KcyUisr6DU8T67N5U+1Q==
+inquirer@^9.2.13:
+  version "9.2.13"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-9.2.13.tgz#f4deddc460aeea3baed45cc2318bb74207182b07"
+  integrity sha512-mUlJNemjYioZgaZXqEFlQ0z9GD8/o+pavIF3JyhzWLX4Xa9M1wioGMCxQEFmps70un9lrah2WaBl3kSRVcoV3g==
   dependencies:
-    "@ljharb/through" "^2.3.11"
+    "@ljharb/through" "^2.3.12"
     ansi-escapes "^4.3.2"
     chalk "^5.3.0"
     cli-cursor "^3.1.0"
     cli-width "^4.1.0"
     external-editor "^3.1.0"
-    figures "^5.0.0"
+    figures "^3.2.0"
     lodash "^4.17.21"
     mute-stream "1.0.0"
     ora "^5.4.1"
@@ -4235,11 +4243,6 @@ is-unicode-supported@^0.1.0:
   resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
   integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
 
-is-unicode-supported@^1.2.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-1.3.0.tgz#d824984b616c292a2e198207d4a609983842f714"
-  integrity sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==
-
 is-wsl@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
@@ -4247,6 +4250,13 @@ is-wsl@^2.2.0:
   dependencies:
     is-docker "^2.0.0"
 
+is-wsl@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-3.1.0.tgz#e1c657e39c10090afcbedec61720f6b924c3cbd2"
+  integrity sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==
+  dependencies:
+    is-inside-container "^1.0.0"
+
 isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
@@ -4978,10 +4988,10 @@ logform@^2.3.2, logform@^2.4.0:
     safe-stable-stringify "^2.3.1"
     triple-beam "^1.3.0"
 
-loglevel@^1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.8.1.tgz#5c621f83d5b48c54ae93b6156353f555963377b4"
-  integrity sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==
+loglevel@^1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.9.1.tgz#d63976ac9bcd03c7c873116d41c2a85bafff1be7"
+  integrity sha512-hP3I3kCrDIMuRwAwHltphhDM1r8i55H33GgqjXbrisuJhF4kRhW1dNuxsRklp4bXl8DSdLaNLuiL4A/LWRfxvg==
 
 longest-streak@^3.0.0:
   version "3.1.0"
@@ -5010,10 +5020,10 @@ lowercase-keys@^3.0.0:
   resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-3.0.0.tgz#c5e7d442e37ead247ae9db117a9d0a467c89d4f2"
   integrity sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==
 
-lru-cache@^10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.1.0.tgz#2098d41c2dc56500e6c88584aa656c84de7d0484"
-  integrity sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==
+lru-cache@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.2.0.tgz#0bd445ca57363465900f4d1f9bd8db343a4d95c3"
+  integrity sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==
 
 lru-cache@^4.0.1:
   version "4.1.5"
@@ -5284,7 +5294,7 @@ mdn-data@2.0.30:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
   integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
 
-mdn-data@^2.3.5:
+mdn-data@^2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.4.0.tgz#e78cdea15ddf9841c4de44b604ebefa0bce2978a"
   integrity sha512-AB4NUFtlTkd4rhr73ocuerhDkpe71kr0VpFLwoYuALjYo8XBrGcBJFgqHADjPHj7Ux50bg+SyLEt6mcodrafzw==
@@ -5896,6 +5906,16 @@ open-editor@^4.1.1:
     line-column-path "^3.0.0"
     open "^8.4.0"
 
+open@^10.0.3:
+  version "10.0.3"
+  resolved "https://registry.yarnpkg.com/open/-/open-10.0.3.tgz#f60d8db49fa126c50aec751957fb5d7de3308d4f"
+  integrity sha512-dtbI5oW7987hwC9qjJTyABldTaa19SuyJse1QboWv3b0qCcrrLNVDqBx1XgELAjh9QTVQaP/C5b1nhQebd1H2A==
+  dependencies:
+    default-browser "^5.2.1"
+    define-lazy-prop "^3.0.0"
+    is-inside-container "^1.0.0"
+    is-wsl "^3.1.0"
+
 open@^8.4.0:
   version "8.4.2"
   resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
@@ -5905,20 +5925,10 @@ open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
-open@^9.1.0:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/open/-/open-9.1.0.tgz#684934359c90ad25742f5a26151970ff8c6c80b6"
-  integrity sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==
-  dependencies:
-    default-browser "^4.0.0"
-    define-lazy-prop "^3.0.0"
-    is-inside-container "^1.0.0"
-    is-wsl "^2.2.0"
-
-openai@^4.25.0:
-  version "4.25.0"
-  resolved "https://registry.yarnpkg.com/openai/-/openai-4.25.0.tgz#b40099d625cccb19cbf1cab88915ac1699ece0ed"
-  integrity sha512-qLMFOizjxKuDfQkBrczZPYo6XVL4bdcuz9MR11Q+M91kGcs8dQw+O90nRcC+qWuhaGphQkfXQJMn4cd7Yew3Kg==
+openai@^4.26.0:
+  version "4.26.0"
+  resolved "https://registry.yarnpkg.com/openai/-/openai-4.26.0.tgz#0363b9d390727705b89cd1b1ea8e38af2afd53b6"
+  integrity sha512-HPC7tgYdeP38F3uHA5WgnoXZyGbAp9jgcIo23p6It+q/07u4C+NZ8xHKlMShsPbDDmFRpPsa3vdbXYpbhJH3eg==
   dependencies:
     "@types/node" "^18.11.18"
     "@types/node-fetch" "^2.6.4"
@@ -6065,6 +6075,11 @@ p-try@^2.0.0:
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
+packet-reader@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/packet-reader/-/packet-reader-1.0.0.tgz#9238e5480dedabacfe1fe3f2771063f164157d74"
+  integrity sha512-HAKu/fG3HpHFO0AA8WE8q2g+gBJaZ9MG7fcKk+IJPLTGAD6Psw4443l+9DGRbOIh3/aXr7Phy0TjilYivJo5XQ==
+
 parse-json@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
@@ -6155,6 +6170,69 @@ pend@~1.2.0:
   resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
   integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
 
+pg-cloudflare@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/pg-cloudflare/-/pg-cloudflare-1.1.1.tgz#e6d5833015b170e23ae819e8c5d7eaedb472ca98"
+  integrity sha512-xWPagP/4B6BgFO+EKz3JONXv3YDgvkbVrGw2mTo3D6tVDQRh1e7cqVGvyR3BE+eQgAvx1XhW/iEASj4/jCWl3Q==
+
+pg-connection-string@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/pg-connection-string/-/pg-connection-string-2.6.2.tgz#713d82053de4e2bd166fab70cd4f26ad36aab475"
+  integrity sha512-ch6OwaeaPYcova4kKZ15sbJ2hKb/VP48ZD2gE7i1J+L4MspCtBMAx8nMgz7bksc7IojCIIWuEhHibSMFH8m8oA==
+
+pg-int8@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/pg-int8/-/pg-int8-1.0.1.tgz#943bd463bf5b71b4170115f80f8efc9a0c0eb78c"
+  integrity sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==
+
+pg-pool@^3.6.1:
+  version "3.6.1"
+  resolved "https://registry.yarnpkg.com/pg-pool/-/pg-pool-3.6.1.tgz#5a902eda79a8d7e3c928b77abf776b3cb7d351f7"
+  integrity sha512-jizsIzhkIitxCGfPRzJn1ZdcosIt3pz9Sh3V01fm1vZnbnCMgmGl5wvGGdNN2EL9Rmb0EcFoCkixH4Pu+sP9Og==
+
+pg-protocol@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/pg-protocol/-/pg-protocol-1.6.0.tgz#4c91613c0315349363af2084608db843502f8833"
+  integrity sha512-M+PDm637OY5WM307051+bsDia5Xej6d9IR4GwJse1qA1DIhiKlksvrneZOYQq42OM+spubpcNYEo2FcKQrDk+Q==
+
+pg-types@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/pg-types/-/pg-types-2.2.0.tgz#2d0250d636454f7cfa3b6ae0382fdfa8063254a3"
+  integrity sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==
+  dependencies:
+    pg-int8 "1.0.1"
+    postgres-array "~2.0.0"
+    postgres-bytea "~1.0.0"
+    postgres-date "~1.0.4"
+    postgres-interval "^1.1.0"
+
+pg@^8.11.3:
+  version "8.11.3"
+  resolved "https://registry.yarnpkg.com/pg/-/pg-8.11.3.tgz#d7db6e3fe268fcedd65b8e4599cda0b8b4bf76cb"
+  integrity sha512-+9iuvG8QfaaUrrph+kpF24cXkH1YOOUeArRNYIxq1viYHZagBxrTno7cecY1Fa44tJeZvaoG+Djpkc3JwehN5g==
+  dependencies:
+    buffer-writer "2.0.0"
+    packet-reader "1.0.0"
+    pg-connection-string "^2.6.2"
+    pg-pool "^3.6.1"
+    pg-protocol "^1.6.0"
+    pg-types "^2.1.0"
+    pgpass "1.x"
+  optionalDependencies:
+    pg-cloudflare "^1.1.1"
+
+pgpass@1.x:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/pgpass/-/pgpass-1.0.5.tgz#9b873e4a564bb10fa7a7dbd55312728d422a223d"
+  integrity sha512-FdW9r/jQZhSeohs1Z3sI1yxFQNFvMcnmfuj4WBMUTxOrAyLMaTcE1aAMBiTlbMNaXvBCQuVi0R7hd8udDSP7ug==
+  dependencies:
+    split2 "^4.1.0"
+
+pgvector@^0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/pgvector/-/pgvector-0.1.7.tgz#0a170c85da8bae79d79cb09c1968d42d021489f5"
+  integrity sha512-hl1/Rvvu8iENi/0x4QcZh6o3bF2GWyyKIEu5GfXIzRhzhbOo7aQmoTPNWedRG1pziif+gOMTKKzHaJorgr8F0A==
+
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@@ -6223,6 +6301,28 @@ pngquant-bin@^6.0.0:
     bin-wrapper "^4.0.1"
     execa "^4.0.0"
 
+postgres-array@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/postgres-array/-/postgres-array-2.0.0.tgz#48f8fce054fbc69671999329b8834b772652d82e"
+  integrity sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==
+
+postgres-bytea@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/postgres-bytea/-/postgres-bytea-1.0.0.tgz#027b533c0aa890e26d172d47cf9ccecc521acd35"
+  integrity sha512-xy3pmLuQqRBZBXDULy7KbaitYqLcmxigw14Q5sj8QBVLqEwXfeybIKVWiqAXTlcvdvb0+xkOtDbfQMOf4lST1w==
+
+postgres-date@~1.0.4:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/postgres-date/-/postgres-date-1.0.7.tgz#51bc086006005e5061c591cee727f2531bf641a8"
+  integrity sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==
+
+postgres-interval@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postgres-interval/-/postgres-interval-1.2.0.tgz#b460c82cb1587507788819a06aa0fffdb3544695"
+  integrity sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==
+  dependencies:
+    xtend "^4.0.0"
+
 prepend-http@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
@@ -6488,6 +6588,15 @@ rehype-minify-whitespace@^6.0.0:
     hast-util-whitespace "^3.0.0"
     unist-util-is "^6.0.0"
 
+rehype-parse@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-parse/-/rehype-parse-9.0.0.tgz#3949faeec6f466ec57774215661e0d75469195d9"
+  integrity sha512-WG7nfvmWWkCR++KEkZevZb/uw41E8TsH4DsY9UxsTbIXCVGbAs4S+r8FrQ+OtH5EEQAs+5UxKC42VinkmpA1Yw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-from-html "^2.0.0"
+    unified "^11.0.0"
+
 rehype-raw@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/rehype-raw/-/rehype-raw-7.0.0.tgz#59d7348fd5dbef3807bbaa1d443efd2dd85ecee4"
@@ -6497,6 +6606,17 @@ rehype-raw@^7.0.0:
     hast-util-raw "^9.0.0"
     vfile "^6.0.0"
 
+rehype-remark@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-remark/-/rehype-remark-10.0.0.tgz#de15bf1f920ce519291848cd0d99aabaad44cf71"
+  integrity sha512-+aDXY/icqMFOafJQomVjxe3BAP7aR3lIsQ3GV6VIwpbCD2nvNFOXjGvotMe5p0Ny+Gt6L13DhEf/FjOOpTuUbQ==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    hast-util-to-mdast "^10.0.0"
+    unified "^11.0.0"
+    vfile "^6.0.0"
+
 rehype-sanitize@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/rehype-sanitize/-/rehype-sanitize-6.0.0.tgz#16e95f4a67a69cbf0f79e113c8e0df48203db73c"
@@ -6663,12 +6783,10 @@ rfdc@^1.3.0:
   resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
   integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
 
-run-applescript@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/run-applescript/-/run-applescript-5.0.0.tgz#e11e1c932e055d5c6b40d98374e0268d9b11899c"
-  integrity sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==
-  dependencies:
-    execa "^5.0.0"
+run-applescript@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/run-applescript/-/run-applescript-7.0.0.tgz#e5a553c2bffd620e169d276c1cd8f1b64778fbeb"
+  integrity sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==
 
 run-async@^2.2.0:
   version "2.4.1"
@@ -6981,6 +7099,11 @@ spawn-sync@^1.0.15:
     concat-stream "^1.4.7"
     os-shim "^0.1.2"
 
+split2@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/split2/-/split2-4.2.0.tgz#c9c5920904d148bab0b9f67145f245a86aadbfa4"
+  integrity sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==
+
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
@@ -7354,11 +7477,6 @@ timed-out@^4.0.0, timed-out@^4.0.1:
   resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
   integrity sha512-G7r3AhovYtr5YKOWQkta8RKAPb+J9IsO4uVmzjl8AZwfhs8UcUwTiD6gcJYSgOtzyjvQKrKYn41syHbUWMkafA==
 
-titleize@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/titleize/-/titleize-3.0.0.tgz#71c12eb7fdd2558aa8a44b0be83b8a76694acd53"
-  integrity sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==
-
 tmp@^0.0.29:
   version "0.0.29"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.29.tgz#f25125ff0dd9da3ccb0c2dd371ee1288bb9128c0"
@@ -7433,6 +7551,11 @@ trim-repeated@^1.0.0:
   dependencies:
     escape-string-regexp "^1.0.2"
 
+trim-trailing-lines@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/trim-trailing-lines/-/trim-trailing-lines-2.1.0.tgz#9aac7e89b09cb35badf663de7133c6de164f86df"
+  integrity sha512-5UR5Biq4VlVOtzqkm2AZlgvSlDJtME46uV0br0gENbwN4l5+mMKT4b9gJKqWtuL2zAIqajGJGuvbCbcAJUZqBg==
+
 triple-beam@^1.3.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/triple-beam/-/triple-beam-1.4.1.tgz#6fde70271dc6e5d73ca0c3b24e2d92afb7441984"
@@ -7560,6 +7683,14 @@ unist-builder@^4.0.0:
   dependencies:
     "@types/unist" "^3.0.0"
 
+unist-util-find-after@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-find-after/-/unist-util-find-after-5.0.0.tgz#3fccc1b086b56f34c8b798e1ff90b5c54468e896"
+  integrity sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+
 unist-util-is@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-6.0.0.tgz#b775956486aff107a9ded971d996c173374be424"
@@ -7613,11 +7744,6 @@ untildify@^3.0.3:
   resolved "https://registry.yarnpkg.com/untildify/-/untildify-3.0.3.tgz#1e7b42b140bcfd922b22e70ca1265bfe3634c7c9"
   integrity sha512-iSk/J8efr8uPT/Z4eSUywnqyrQU7DSdMfdqK4iWEaUVVmcP5JcnpRqmVMwcwcnmI1ATFNgC5V90u09tBynNFKA==
 
-untildify@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
-  integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
-
 update-browserslist-db@^1.0.13:
   version "1.0.13"
   resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4"
@@ -7752,10 +7878,10 @@ web-namespaces@^2.0.0:
   resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-2.0.1.tgz#1010ff7c650eccb2592cebeeaf9a1b253fd40692"
   integrity sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==
 
-web-specs@^2.76.0:
-  version "2.76.0"
-  resolved "https://registry.yarnpkg.com/web-specs/-/web-specs-2.76.0.tgz#f35137efbc722f1bc821208eb0790076e0800b00"
-  integrity sha512-XKIkhWVxlDoK4uglqpXD/SSWxvO798s9++krRwpzz53Xn/ywyKG7HaupnOf9Bd2PqdT883ExZiJQwvrC2VL2QQ==
+web-specs@^2.77.0:
+  version "2.78.0"
+  resolved "https://registry.yarnpkg.com/web-specs/-/web-specs-2.78.0.tgz#a7777129658af8fd88d8af82a368073ad2247bf3"
+  integrity sha512-lQe7YnMF/KYTtvxwcghbrhDNGQq/1jdhJHbtMz2TF/4Q8LOhDjqhgQHCuwLNLThuj04JgVABBbLs93eNz6nFEQ==
 
 web-streams-polyfill@4.0.0-beta.3:
   version "4.0.0-beta.3"

From aa02c85428e4ebdf2df8a84f97f0a6cabefdf813 Mon Sep 17 00:00:00 2001
From: Erfan Mirzapour <52346515+ErfanMirzapour@users.noreply.github.com>
Date: Tue, 30 Jan 2024 19:30:45 +0330
Subject: [PATCH 608/790] docs: fix paste evnet link (#32005)

fix paste evnet link
---
 files/en-us/web/api/clipboard_api/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/clipboard_api/index.md b/files/en-us/web/api/clipboard_api/index.md
index 8f361110c9a02d4..cbf20cda9a0c2f4 100644
--- a/files/en-us/web/api/clipboard_api/index.md
+++ b/files/en-us/web/api/clipboard_api/index.md
@@ -48,7 +48,7 @@ The Clipboard API extends the following APIs, adding the listed features.
   - : An event fired whenever the user initiates a copy action.
 - [`Element: cut`](/en-US/docs/Web/API/Element/cut_event) event
   - : An event fired whenever the user initiates a cut action.
-- [`Element: paste`](/en-US/docs/Web/API/Element/cut_event) event
+- [`Element: paste`](/en-US/docs/Web/API/Element/paste_event) event
   - : An event fired whenever the user initiates a paste action.
 
 <!-- Note `Window: clipboardchange` event is in spec but not implemented -->

From 2b376325ed6d42d3bd8597e7f79c9e1598ffba9d Mon Sep 17 00:00:00 2001
From: Frances Cornwall <113309999+francescorn@users.noreply.github.com>
Date: Tue, 30 Jan 2024 11:59:20 -0800
Subject: [PATCH 609/790] Update index.md - Add information on the `rcap`,
 `rex`, `ric`, and `rch` units (#31901)

* Update index.md - add information on `rcap`, `rex`, `ric`, and `rch` units

I am adding information about the `rcap`, `rex`, `ric`, and `rch` units. Issue #509.

* Update files/en-us/web/css/length/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/length/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/length/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/length/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/length/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/length/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/length/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/length/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/length/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/length/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/css/length/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/length/index.md | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/css/length/index.md b/files/en-us/web/css/length/index.md
index f4bdc389c15ccea..6f1a561109f0710 100644
--- a/files/en-us/web/css/length/index.md
+++ b/files/en-us/web/css/length/index.md
@@ -43,11 +43,22 @@ Font lengths define the `<length>` value in terms of the size of a particular ch
 - `ic`
   - : Equal to the used {{Glossary("advance measure")}} of the "水" glyph (CJK water ideograph, U+6C34), found in the font used to render it.
 - `lh`
-  - : Equal to the computed value of the {{Cssxref("line-height")}} property of the element on which it is used, converted to an absolute length.
+  - : Equal to the computed value of the {{Cssxref("line-height")}} property of the element on which it is used, converted to an absolute length. This unit enables length calculations based on the theoretical size of an ideal empty line. However, the size of actual line boxes may differ based on their content.
+
+### Relative length units based on root element's font
+
+- `rcap`
+  - : Equal to the "cap height" (nominal height of capital letters) of the root element's {{Cssxref("font")}}.
+- `rch`
+  - : Equal to the width or the {{Glossary("advance measure")}} of the glyph `0` (zero, the Unicode character U+0030) in the root element's {{Cssxref("font")}}.
 - `rem`
-  - : Represents the {{Cssxref("font-size")}} of the root element (typically {{HTMLElement("html")}}). When used within the root element {{Cssxref("font-size")}}, it represents its initial value (a common browser default is `16px`, but user-defined preferences may modify this).
+  - : Represents the {{Cssxref("font-size")}} of the root element (typically {{HTMLElement("html")}}). When used within the root element {{Cssxref("font-size")}}, it represents its initial value. A common browser default is `16px`, but user-defined preferences may modify this.
+- `rex`
+  - : Represents the x-height of the root element's {{Cssxref("font")}}.
+- `ric`
+  - : Equal to the value of [`ic`](#ic) unit on the root element's font.
 - `rlh`
-  - : Equal to the computed value of the {{Cssxref("line-height")}} property on the root element (typically {{HTMLElement("html")}}), converted to an absolute length. When used on the {{Cssxref("font-size")}} or {{Cssxref("line-height")}} properties of the root element, it refers to the properties' initial value.
+  - : Equal to the value of [`lh`](#lh) unit on the root element's font. This unit enables length calculations based on the theoretical size of an ideal empty line. However, the size of actual line boxes may differ based on their content.
 
 ### Relative length units based on viewport
 

From 01fbd4566bf43d95b5d8bc4928a62b65351e53b3 Mon Sep 17 00:00:00 2001
From: dawei-wang <dawei-wang@users.noreply.github.com>
Date: Tue, 30 Jan 2024 13:25:52 -0800
Subject: [PATCH 610/790] remove dead link (#32016)

Fix mdn/content#32014
---
 .../adding_vector_graphics_to_the_web/index.md                   | 1 -
 1 file changed, 1 deletion(-)

diff --git a/files/en-us/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.md b/files/en-us/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.md
index 49010805cb142dc..c699501405e748f 100644
--- a/files/en-us/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.md
+++ b/files/en-us/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.md
@@ -331,7 +331,6 @@ In the last article of this module, we'll explore [responsive images](/en-US/doc
 ## See also
 
 - [SVG tutorial](/en-US/docs/Web/SVG/Tutorial/Getting_Started) on MDN
-- [Quick tips for responsive SVGs](https://thenewcode.com/744/Making-SVG-Responsive)
 - [Sara Soueidan's tutorial on responsive SVG images](https://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/)
 - [Accessibility benefits of SVG](https://www.w3.org/TR/SVG-access/)
 - [SVG Properties and CSS](https://css-tricks.com/svg-properties-and-css/)

From 68a080f188305a47efab182280fdb6ac1d8dddaa Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Tue, 30 Jan 2024 13:51:00 -0800
Subject: [PATCH 611/790] Add example to show how to disable shadow DOM
 (#32013)

---
 .../web/api/element/attachshadow/index.md     | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/files/en-us/web/api/element/attachshadow/index.md b/files/en-us/web/api/element/attachshadow/index.md
index 2ba62c83f52c28a..fb69e370421259f 100644
--- a/files/en-us/web/api/element/attachshadow/index.md
+++ b/files/en-us/web/api/element/attachshadow/index.md
@@ -107,6 +107,8 @@ Returns a {{domxref("ShadowRoot")}} object.
 
 ## Examples
 
+### Word count custom element
+
 The following example is taken from our [word-count-web-component](https://github.com/mdn/web-components-examples/tree/main/word-count-web-component) demo ([see it live also](https://mdn.github.io/web-components-examples/word-count-web-component/)).
 You can see that we use `attachShadow()` in the middle of the code to create a shadow root, which we then attach our custom element's contents to.
 
@@ -152,6 +154,32 @@ class WordCount extends HTMLParagraphElement {
 customElements.define("word-count", WordCount, { extends: "p" });
 ```
 
+### Disabling shadow DOM
+
+If the element has a static property named `disabledFeatures`, which is an array containing the string `"shadow"`, then the `attachShadow()` call will throw an exception.
+
+For example:
+
+```js
+class MyCustomElement extends HTMLElement {
+  // Disable shadow DOM for this element.
+  static disabledFeatures = ["shadow"];
+
+  constructor() {
+    super();
+  }
+
+  connectedCallback() {
+    // Create a shadow root.
+    // This will throw an exception.
+    const shadow = this.attachShadow({ mode: "open" });
+  }
+}
+
+// Define the new element
+customElements.define("my-custom-element", MyCustomElement);
+```
+
 ## Specifications
 
 {{Specifications}}

From c80edc6f643a0c2207a91304e8f33331ac5c8a5e Mon Sep 17 00:00:00 2001
From: Erfan Mirzapour <52346515+ErfanMirzapour@users.noreply.github.com>
Date: Wed, 31 Jan 2024 02:07:09 +0330
Subject: [PATCH 612/790] docs: complete list of values for sendBeacon data
 (#32007)

---
 files/en-us/web/api/beacon_api/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/beacon_api/index.md b/files/en-us/web/api/beacon_api/index.md
index 756ead77fafaacd..dddc2d579a5fade 100644
--- a/files/en-us/web/api/beacon_api/index.md
+++ b/files/en-us/web/api/beacon_api/index.md
@@ -19,7 +19,7 @@ For more details about the motivation for and usage of this API, see the documen
 
 This API defines a single method: {{domxref("navigator.sendBeacon()")}}.
 
-The method takes two arguments, the URL and the data to send in the request. The data argument is optional and its type may be a {{jsxref("TypedArray")}}, a {{jsxref("DataView")}}, a {{domxref("Blob")}}, a string literal or object, or a {{domxref("FormData")}} object. If the browser successfully queues the request for delivery, the method returns "`true`"; otherwise, it returns "`false`".
+The method takes two arguments, the URL and the data to send in the request. The data argument is optional and its type may be a string, an {{jsxref("ArrayBuffer")}}, a {{jsxref("TypedArray")}}, a {{jsxref("DataView")}}, a {{domxref("ReadableStream")}}, a {{domxref("Blob")}}, a {{domxref("FormData")}} object, or a {{domxref("URLSearchParams")}} object. If the browser successfully queues the request for delivery, the method returns "`true`"; otherwise, it returns "`false`".
 
 ## Specifications
 

From 3b555f8a0f1a4bbd80e69c3219fda86c94dd0cee Mon Sep 17 00:00:00 2001
From: Daniel Kaplan <tieTYT@gmail.com>
Date: Tue, 30 Jan 2024 17:51:08 -0800
Subject: [PATCH 613/790] Replace comma with "or" in prose list of two (#32017)

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

diff --git a/files/en-us/web/javascript/reference/global_objects/array/join/index.md b/files/en-us/web/javascript/reference/global_objects/array/join/index.md
index d91181873011355..bd16f9886c1c209 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/join/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/join/index.md
@@ -32,7 +32,7 @@ A string with all array elements joined. If `array.length` is `0`, the empty str
 
 ## Description
 
-The string conversions of all array elements are joined into one string. If an element is `undefined`, `null`, it is converted to an empty string instead of the string `"null"` or `"undefined"`.
+The string conversions of all array elements are joined into one string. If an element is `undefined` or `null`, it is converted to an empty string instead of the string `"null"` or `"undefined"`.
 
 The `join` method is accessed internally by [`Array.prototype.toString()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/toString) with no arguments. Overriding `join` of an array instance will override its `toString` behavior as well.
 

From ec01fee8dfda3fe7dfa8fec41ce278b907c5abd2 Mon Sep 17 00:00:00 2001
From: Jason Lam <jasonlamv-t@hotmail.com>
Date: Wed, 31 Jan 2024 09:57:34 +0800
Subject: [PATCH 614/790] fix: correct the brief of iterator.some() (#32003)

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

diff --git a/files/en-us/web/javascript/reference/global_objects/iterator/some/index.md b/files/en-us/web/javascript/reference/global_objects/iterator/some/index.md
index b3b636940ab19ec..4bd68d5775a4032 100644
--- a/files/en-us/web/javascript/reference/global_objects/iterator/some/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/iterator/some/index.md
@@ -9,7 +9,7 @@ browser-compat: javascript.builtins.Iterator.some
 
 {{JSRef}}{{SeeCompatTable}}
 
-The **`some()`** method of {{jsxref("Iterator")}} instances is similar to {{jsxref("Array.prototype.some()")}}: it tests whether at least one element in the array passes the test implemented by the provided function. It returns a boolean value.
+The **`some()`** method of {{jsxref("Iterator")}} instances is similar to {{jsxref("Array.prototype.some()")}}: it tests whether at least one element produced by the iterator passes the test implemented by the provided function. It returns a boolean value.
 
 ## Syntax
 

From 74206b3f81736bac558470f36222544cc67ba9e2 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Wed, 31 Jan 2024 07:35:07 +0530
Subject: [PATCH 615/790] Synchronize with BCD v5.5.9 (#32020)

Co-authored-by: OnkarRuikar <OnkarRuikar@users.noreply.github.com>
---
 files/en-us/web/api/cookie_store_api/index.md      |  4 +---
 .../web/api/cookiechangeevent/changed/index.md     |  4 +---
 .../cookiechangeevent/cookiechangeevent/index.md   |  4 +---
 .../web/api/cookiechangeevent/deleted/index.md     |  4 +---
 files/en-us/web/api/cookiechangeevent/index.md     | 10 ++++------
 .../web/api/cookiestore/change_event/index.md      |  4 +---
 files/en-us/web/api/cookiestore/delete/index.md    |  4 +---
 files/en-us/web/api/cookiestore/get/index.md       |  4 +---
 files/en-us/web/api/cookiestore/getall/index.md    |  4 +---
 files/en-us/web/api/cookiestore/index.md           | 14 ++++++--------
 files/en-us/web/api/cookiestore/set/index.md       |  4 +---
 .../cookiestoremanager/getsubscriptions/index.md   |  4 +---
 files/en-us/web/api/cookiestoremanager/index.md    | 10 ++++------
 .../web/api/cookiestoremanager/subscribe/index.md  |  4 +---
 .../api/cookiestoremanager/unsubscribe/index.md    |  4 +---
 files/en-us/web/api/idbindex/index.md              |  4 ++--
 files/en-us/web/api/idbindex/isautolocale/index.md |  2 +-
 files/en-us/web/api/idbindex/locale/index.md       |  2 +-
 files/en-us/web/api/request/cache/index.md         |  2 +-
 .../global_objects/set/difference/index.md         |  4 +---
 .../reference/global_objects/set/index.md          | 14 +++++++-------
 .../global_objects/set/intersection/index.md       |  4 +---
 .../global_objects/set/isdisjointfrom/index.md     |  4 +---
 .../global_objects/set/issubsetof/index.md         |  4 +---
 .../global_objects/set/issupersetof/index.md       |  4 +---
 .../set/symmetricdifference/index.md               |  4 +---
 .../reference/global_objects/set/union/index.md    |  4 +---
 27 files changed, 45 insertions(+), 89 deletions(-)

diff --git a/files/en-us/web/api/cookie_store_api/index.md b/files/en-us/web/api/cookie_store_api/index.md
index 33552aedb08cc7c..fdc91057902617f 100644
--- a/files/en-us/web/api/cookie_store_api/index.md
+++ b/files/en-us/web/api/cookie_store_api/index.md
@@ -2,15 +2,13 @@
 title: Cookie Store API
 slug: Web/API/Cookie_Store_API
 page-type: web-api-overview
-status:
-  - experimental
 browser-compat:
   - api.CookieStore
   - api.CookieStoreManager
 spec-urls: https://wicg.github.io/cookie-store/
 ---
 
-{{securecontext_header}}{{DefaultAPISidebar("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{DefaultAPISidebar("Cookie Store API")}}
 
 The **Cookie Store API** is an asynchronous API for managing cookies, available in windows and also [service workers](/en-US/docs/Web/API/Service_Worker_API).
 
diff --git a/files/en-us/web/api/cookiechangeevent/changed/index.md b/files/en-us/web/api/cookiechangeevent/changed/index.md
index efdc6b8bbe87b98..d6b9176d2e4dd26 100644
--- a/files/en-us/web/api/cookiechangeevent/changed/index.md
+++ b/files/en-us/web/api/cookiechangeevent/changed/index.md
@@ -3,12 +3,10 @@ title: "CookieChangeEvent: changed property"
 short-title: changed
 slug: Web/API/CookieChangeEvent/changed
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.CookieChangeEvent.changed
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`changed`** read-only property of the {{domxref("CookieChangeEvent")}} interface returns an array of the cookies that have been changed.
 
diff --git a/files/en-us/web/api/cookiechangeevent/cookiechangeevent/index.md b/files/en-us/web/api/cookiechangeevent/cookiechangeevent/index.md
index a3020344a16e930..ee763d0c731e8ab 100644
--- a/files/en-us/web/api/cookiechangeevent/cookiechangeevent/index.md
+++ b/files/en-us/web/api/cookiechangeevent/cookiechangeevent/index.md
@@ -3,12 +3,10 @@ title: "CookieChangeEvent: CookieChangeEvent() constructor"
 short-title: CookieChangeEvent()
 slug: Web/API/CookieChangeEvent/CookieChangeEvent
 page-type: web-api-constructor
-status:
-  - experimental
 browser-compat: api.CookieChangeEvent.CookieChangeEvent
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`CookieChangeEvent()`** constructor creates a new {{domxref("CookieChangeEvent")}} object
 which is the event type of the {{domxref("CookieStore/change_event", "change")}} event fired at a {{domxref("CookieStore")}} when any cookie changes occur.
diff --git a/files/en-us/web/api/cookiechangeevent/deleted/index.md b/files/en-us/web/api/cookiechangeevent/deleted/index.md
index 5e6fdd478306417..05a159871d0e225 100644
--- a/files/en-us/web/api/cookiechangeevent/deleted/index.md
+++ b/files/en-us/web/api/cookiechangeevent/deleted/index.md
@@ -3,12 +3,10 @@ title: "CookieChangeEvent: deleted property"
 short-title: deleted
 slug: Web/API/CookieChangeEvent/deleted
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.CookieChangeEvent.deleted
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`deleted`** read-only property of the {{domxref("CookieChangeEvent")}} interface returns an array of the cookies that have been deleted by the given `CookieChangeEvent` instance.
 
diff --git a/files/en-us/web/api/cookiechangeevent/index.md b/files/en-us/web/api/cookiechangeevent/index.md
index b3cd59ac7097b6a..5deef4734f13f76 100644
--- a/files/en-us/web/api/cookiechangeevent/index.md
+++ b/files/en-us/web/api/cookiechangeevent/index.md
@@ -2,12 +2,10 @@
 title: CookieChangeEvent
 slug: Web/API/CookieChangeEvent
 page-type: web-api-interface
-status:
-  - experimental
 browser-compat: api.CookieChangeEvent
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`CookieChangeEvent`** interface of the {{domxref("Cookie Store API", "", "", "nocode")}} is the event type of the {{domxref("CookieStore/change_event", "change")}} event fired at a {{domxref("CookieStore")}} when any cookie changes occur. A cookie change consists of a cookie and a type (either "changed" or "deleted").
 
@@ -23,16 +21,16 @@ Cookie changes that will cause the `CookieChangeEvent` to be dispatched are:
 
 ## Constructor
 
-- {{domxref("CookieChangeEvent.CookieChangeEvent", "CookieChangeEvent()")}} {{Experimental_Inline}}
+- {{domxref("CookieChangeEvent.CookieChangeEvent", "CookieChangeEvent()")}}
   - : Creates a new `CookieChangeEvent`.
 
 ## Instance properties
 
 _This interface also inherits properties from {{domxref("Event")}}._
 
-- {{domxref("CookieChangeEvent.changed")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+- {{domxref("CookieChangeEvent.changed")}} {{ReadOnlyInline}}
   - : Returns an array containing one or more changed cookies.
-- {{domxref("CookieChangeEvent.deleted")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+- {{domxref("CookieChangeEvent.deleted")}} {{ReadOnlyInline}}
   - : Returns an array containing one or more deleted cookies.
 
 ## Instance methods
diff --git a/files/en-us/web/api/cookiestore/change_event/index.md b/files/en-us/web/api/cookiestore/change_event/index.md
index b849498237f32f6..63d6ad76dede5d4 100644
--- a/files/en-us/web/api/cookiestore/change_event/index.md
+++ b/files/en-us/web/api/cookiestore/change_event/index.md
@@ -3,12 +3,10 @@ title: "CookieStore: change event"
 short-title: change
 slug: Web/API/CookieStore/change_event
 page-type: web-api-event
-status:
-  - experimental
 browser-compat: api.CookieStore.change_event
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 A `change` event is fired at a {{domxref("CookieStore")}} object when a change is made to any cookie.
 
diff --git a/files/en-us/web/api/cookiestore/delete/index.md b/files/en-us/web/api/cookiestore/delete/index.md
index 3ccdb67a6334455..97994e893836e01 100644
--- a/files/en-us/web/api/cookiestore/delete/index.md
+++ b/files/en-us/web/api/cookiestore/delete/index.md
@@ -3,12 +3,10 @@ title: "CookieStore: delete() method"
 short-title: delete()
 slug: Web/API/CookieStore/delete
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CookieStore.delete
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`delete()`** method of the {{domxref("CookieStore")}} interface deletes a cookie with the given name or options object. The `delete()` method expires the cookie by changing the date to one in the past.
 
diff --git a/files/en-us/web/api/cookiestore/get/index.md b/files/en-us/web/api/cookiestore/get/index.md
index bbcc7559595e99c..6712bc182b71f8d 100644
--- a/files/en-us/web/api/cookiestore/get/index.md
+++ b/files/en-us/web/api/cookiestore/get/index.md
@@ -3,12 +3,10 @@ title: "CookieStore: get() method"
 short-title: get()
 slug: Web/API/CookieStore/get
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CookieStore.get
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`get()`** method of the {{domxref("CookieStore")}} interface returns a single cookie with the given name or options object. The method will return the first matching cookie for the passed parameters.
 
diff --git a/files/en-us/web/api/cookiestore/getall/index.md b/files/en-us/web/api/cookiestore/getall/index.md
index c0478bcc72211fd..61071b4eee8c74a 100644
--- a/files/en-us/web/api/cookiestore/getall/index.md
+++ b/files/en-us/web/api/cookiestore/getall/index.md
@@ -3,12 +3,10 @@ title: "CookieStore: getAll() method"
 short-title: getAll()
 slug: Web/API/CookieStore/getAll
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CookieStore.getAll
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`getAll()`** method of the {{domxref("CookieStore")}} interface returns a list of cookies that match the name or options passed to it. Passing no parameters will return all cookies for the current context.
 
diff --git a/files/en-us/web/api/cookiestore/index.md b/files/en-us/web/api/cookiestore/index.md
index 08dd4695110d89f..9fccfc5b66f70bc 100644
--- a/files/en-us/web/api/cookiestore/index.md
+++ b/files/en-us/web/api/cookiestore/index.md
@@ -2,12 +2,10 @@
 title: CookieStore
 slug: Web/API/CookieStore
 page-type: web-api-interface
-status:
-  - experimental
 browser-compat: api.CookieStore
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`CookieStore`** interface of the {{domxref("Cookie Store API", "", "", "nocode")}} provides methods for getting and setting cookies asynchronously from either a page or a service worker.
 
@@ -19,18 +17,18 @@ The `CookieStore` is accessed via attributes in the global scope in a {{domxref(
 
 ## Instance methods
 
-- {{domxref("CookieStore.delete()")}} {{Experimental_Inline}}
+- {{domxref("CookieStore.delete()")}}
   - : The `delete()` method deletes a cookie with the given name or options object, it returns a {{jsxref("Promise")}} that resolves when the deletion completes.
-- {{domxref("CookieStore.get()")}} {{Experimental_Inline}}
+- {{domxref("CookieStore.get()")}}
   - : The `get()` method gets a single cookie with the given name or options object, it returns a {{jsxref("Promise")}} that resolves with details of a single cookie.
-- {{domxref("CookieStore.getAll()")}} {{Experimental_Inline}}
+- {{domxref("CookieStore.getAll()")}}
   - : The `getAll()` method gets all matching cookies, it returns a {{jsxref("Promise")}} that resolves with a list of cookies.
-- {{domxref("CookieStore.set()")}} {{Experimental_Inline}}
+- {{domxref("CookieStore.set()")}}
   - : The `set()` method sets a cookie with the given name and value or options object, it returns a {{jsxref("Promise")}} that resolves when the cookie is set.
 
 ## Events
 
-- {{domxref("CookieStore.change_event", "change")}} {{Experimental_Inline}}
+- {{domxref("CookieStore.change_event", "change")}}
   - : The `change` event fires when a change is made to any cookie.
 
 ## Examples
diff --git a/files/en-us/web/api/cookiestore/set/index.md b/files/en-us/web/api/cookiestore/set/index.md
index 354869646952549..693a9f56d84ff1b 100644
--- a/files/en-us/web/api/cookiestore/set/index.md
+++ b/files/en-us/web/api/cookiestore/set/index.md
@@ -3,12 +3,10 @@ title: "CookieStore: set() method"
 short-title: set()
 slug: Web/API/CookieStore/set
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CookieStore.set
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`set()`** method of the {{domxref("CookieStore")}} interface sets a cookie with the given name and value or options object.
 
diff --git a/files/en-us/web/api/cookiestoremanager/getsubscriptions/index.md b/files/en-us/web/api/cookiestoremanager/getsubscriptions/index.md
index 39661690c38f789..01fdf3b600bda4a 100644
--- a/files/en-us/web/api/cookiestoremanager/getsubscriptions/index.md
+++ b/files/en-us/web/api/cookiestoremanager/getsubscriptions/index.md
@@ -3,12 +3,10 @@ title: "CookieStoreManager: getSubscriptions() method"
 short-title: getSubscriptions()
 slug: Web/API/CookieStoreManager/getSubscriptions
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CookieStoreManager.getSubscriptions
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`getSubscriptions()`** method of the {{domxref("CookieStoreManager")}} interface returns a list of all the cookie change subscriptions for this {{domxref("ServiceWorkerRegistration")}}.
 
diff --git a/files/en-us/web/api/cookiestoremanager/index.md b/files/en-us/web/api/cookiestoremanager/index.md
index 8de3343f034d12f..3895fc0f10275ab 100644
--- a/files/en-us/web/api/cookiestoremanager/index.md
+++ b/files/en-us/web/api/cookiestoremanager/index.md
@@ -2,12 +2,10 @@
 title: CookieStoreManager
 slug: Web/API/CookieStoreManager
 page-type: web-api-interface
-status:
-  - experimental
 browser-compat: api.CookieStoreManager
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`CookieStoreManager`** interface of the {{domxref("Cookie Store API", "", "", "nocode")}} allows service workers to subscribe to cookie change events. Call {{domxref("CookieStoreManager.subscribe()","subscribe()")}} on a particular service worker registration to receive change events.
 
@@ -19,11 +17,11 @@ To get a `CookieStoreManager`, call {{domxref("ServiceWorkerRegistration.cookies
 
 ## Instance methods
 
-- {{domxref("CookieStoreManager.getSubscriptions()")}} {{Experimental_Inline}}
+- {{domxref("CookieStoreManager.getSubscriptions()")}}
   - : Returns a {{jsxref("Promise")}} which resolves to a list of the cookie change subscriptions for this service worker registration.
-- {{domxref("CookieStoreManager.subscribe()")}} {{Experimental_Inline}}
+- {{domxref("CookieStoreManager.subscribe()")}}
   - : Subscribes to changes to cookies. It returns a {{jsxref("Promise")}} which resolves when the subscription is successful.
-- {{domxref("CookieStoreManager.unsubscribe()")}} {{Experimental_Inline}}
+- {{domxref("CookieStoreManager.unsubscribe()")}}
   - : Unsubscribes the registered service worker from changes to cookies. It returns a {{jsxref("Promise")}} which resolves when the operation is successful.
 
 ## Examples
diff --git a/files/en-us/web/api/cookiestoremanager/subscribe/index.md b/files/en-us/web/api/cookiestoremanager/subscribe/index.md
index 2bd1cb2676991b8..6f45ea927c3bb5a 100644
--- a/files/en-us/web/api/cookiestoremanager/subscribe/index.md
+++ b/files/en-us/web/api/cookiestoremanager/subscribe/index.md
@@ -3,12 +3,10 @@ title: "CookieStoreManager: subscribe() method"
 short-title: subscribe()
 slug: Web/API/CookieStoreManager/subscribe
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CookieStoreManager.subscribe
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`subscribe()`** method of the {{domxref("CookieStoreManager")}} interface subscribes a {{domxref("ServiceWorkerRegistration")}} to cookie change events.
 
diff --git a/files/en-us/web/api/cookiestoremanager/unsubscribe/index.md b/files/en-us/web/api/cookiestoremanager/unsubscribe/index.md
index c60932b0f18bafb..1d5b94f222f8009 100644
--- a/files/en-us/web/api/cookiestoremanager/unsubscribe/index.md
+++ b/files/en-us/web/api/cookiestoremanager/unsubscribe/index.md
@@ -3,12 +3,10 @@ title: "CookieStoreManager: unsubscribe() method"
 short-title: unsubscribe()
 slug: Web/API/CookieStoreManager/unsubscribe
 page-type: web-api-instance-method
-status:
-  - experimental
 browser-compat: api.CookieStoreManager.unsubscribe
 ---
 
-{{securecontext_header}}{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Cookie Store API")}}
 
 The **`unsubscribe()`** method of the {{domxref("CookieStoreManager")}} interface stops the {{domxref("ServiceWorkerRegistration")}} from receiving previously subscribed events.
 
diff --git a/files/en-us/web/api/idbindex/index.md b/files/en-us/web/api/idbindex/index.md
index 80e08dfb25b90c9..ec5f56775b4ef93 100644
--- a/files/en-us/web/api/idbindex/index.md
+++ b/files/en-us/web/api/idbindex/index.md
@@ -19,9 +19,9 @@ You can grab a set of keys within a range. To learn more, see {{domxref("IDBKeyR
 
 ## Instance properties
 
-- {{domxref("IDBIndex.isAutoLocale")}} {{ReadOnlyInline}} {{deprecated_inline}} {{ non-standard_inline }} {{experimental_inline}}
+- {{domxref("IDBIndex.isAutoLocale")}} {{ReadOnlyInline}} {{ non-standard_inline }} {{experimental_inline}}
   - : Returns a boolean value indicating whether the index had a `locale` value of `auto` specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).)
-- {{domxref("IDBIndex.locale")}} {{ReadOnlyInline}} {{deprecated_inline}} {{ non-standard_inline }} {{experimental_inline}}
+- {{domxref("IDBIndex.locale")}} {{ReadOnlyInline}} {{ non-standard_inline }} {{experimental_inline}}
   - : Returns the locale of the index (for example `en-US`, or `pl`) if it had a `locale` value specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).)
 - {{domxref("IDBIndex.name")}}
   - : The name of this index.
diff --git a/files/en-us/web/api/idbindex/isautolocale/index.md b/files/en-us/web/api/idbindex/isautolocale/index.md
index efa35565ba9127d..ed3f3bf8c7b5c3c 100644
--- a/files/en-us/web/api/idbindex/isautolocale/index.md
+++ b/files/en-us/web/api/idbindex/isautolocale/index.md
@@ -10,7 +10,7 @@ status:
 browser-compat: api.IDBIndex.isAutoLocale
 ---
 
-{{APIRef("IndexedDB")}}{{deprecated_header}}
+{{APIRef("IndexedDB")}}{{deprecated_header}}{{SeeCompatTable}}{{non-standard_header}}
 
 The **`isAutoLocale`** read-only property of the {{domxref("IDBIndex")}} interface returns a boolean value indicating whether the index had a `locale` value of `auto` specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).)
 
diff --git a/files/en-us/web/api/idbindex/locale/index.md b/files/en-us/web/api/idbindex/locale/index.md
index b3511bf3bd05bba..1dddd23f4a3d7da 100644
--- a/files/en-us/web/api/idbindex/locale/index.md
+++ b/files/en-us/web/api/idbindex/locale/index.md
@@ -10,7 +10,7 @@ status:
 browser-compat: api.IDBIndex.locale
 ---
 
-{{APIRef("IndexedDB")}}{{deprecated_header}}
+{{APIRef("IndexedDB")}}{{deprecated_header}}{{SeeCompatTable}}{{non-standard_header}}
 
 The **`locale`** read-only property of the {{domxref("IDBIndex")}} interface returns the locale of the index (for example `en-US`, or `pl`) if it had a `locale` value specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).) Note that this property always returns the current locale being used in this index, in other words, it never returns `"auto"`.
 
diff --git a/files/en-us/web/api/request/cache/index.md b/files/en-us/web/api/request/cache/index.md
index 32fb8232ae28c16..864b8b32e9253e1 100644
--- a/files/en-us/web/api/request/cache/index.md
+++ b/files/en-us/web/api/request/cache/index.md
@@ -32,7 +32,7 @@ A `RequestCache` value. The available values are:
   - If there is a match, _fresh or stale_, it will be returned from the cache.
   - If there is no match, the browser will make a normal request, and will update the cache with the downloaded resource.
 
-- `only-if-cached` — The browser looks for a matching request in its HTTP cache.
+- `only-if-cached` — The browser looks for a matching request in its HTTP cache. {{experimental_inline}}
 
   - If there is a match, _fresh or stale_, it will be returned from the cache.
   - If there is no match, the browser will respond with a [504 Gateway timeout](/en-US/docs/Web/HTTP/Status/504) status.
diff --git a/files/en-us/web/javascript/reference/global_objects/set/difference/index.md b/files/en-us/web/javascript/reference/global_objects/set/difference/index.md
index 84a8432e204bb63..ae57aa47e1356cf 100644
--- a/files/en-us/web/javascript/reference/global_objects/set/difference/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/set/difference/index.md
@@ -2,12 +2,10 @@
 title: Set.prototype.difference()
 slug: Web/JavaScript/Reference/Global_Objects/Set/difference
 page-type: javascript-instance-method
-status:
-  - experimental
 browser-compat: javascript.builtins.Set.difference
 ---
 
-{{JSRef}}{{SeeCompatTable}}
+{{JSRef}}
 
 The **`difference()`** method of {{jsxref("Set")}} instances takes a set and returns a new set containing elements in this set but not in the given set.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/set/index.md b/files/en-us/web/javascript/reference/global_objects/set/index.md
index 3da569ece39cb7c..d4cb1c271e34ef3 100644
--- a/files/en-us/web/javascript/reference/global_objects/set/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/set/index.md
@@ -173,7 +173,7 @@ These properties are defined on `Set.prototype` and shared by all `Set` instance
   - : Removes all elements from the `Set` object.
 - {{jsxref("Set.prototype.delete()")}}
   - : Removes the element associated to the `value` and returns a boolean asserting whether an element was successfully removed or not. `Set.prototype.has(value)` will return `false` afterwards.
-- {{jsxref("Set.prototype.difference()")}} {{experimental_inline}}
+- {{jsxref("Set.prototype.difference()")}}
   - : Takes a set and returns a new set containing elements in this set but not in the given set.
 - {{jsxref("Set.prototype.entries()")}}
   - : Returns a new iterator object that contains **an array of `[value, value]`** for each element in the `Set` object, in insertion order. This is similar to the {{jsxref("Map")}} object, so that each entry's _key_ is the same as its _value_ for a `Set`.
@@ -181,19 +181,19 @@ These properties are defined on `Set.prototype` and shared by all `Set` instance
   - : Calls `callbackFn` once for each value present in the `Set` object, in insertion order. If a `thisArg` parameter is provided, it will be used as the `this` value for each invocation of `callbackFn`.
 - {{jsxref("Set.prototype.has()")}}
   - : Returns a boolean asserting whether an element is present with the given value in the `Set` object or not.
-- {{jsxref("Set.prototype.intersection()")}} {{experimental_inline}}
+- {{jsxref("Set.prototype.intersection()")}}
   - : Takes a set and returns a new set containing elements in both this set and the given set.
-- {{jsxref("Set.prototype.isDisjointFrom()")}} {{experimental_inline}}
+- {{jsxref("Set.prototype.isDisjointFrom()")}}
   - : Takes a set and returns a boolean indicating if this set has no elements in common with the given set.
-- {{jsxref("Set.prototype.isSubsetOf()")}} {{experimental_inline}}
+- {{jsxref("Set.prototype.isSubsetOf()")}}
   - : Takes a set and returns a boolean indicating if all elements of this set are in the given set.
-- {{jsxref("Set.prototype.isSupersetOf()")}} {{experimental_inline}}
+- {{jsxref("Set.prototype.isSupersetOf()")}}
   - : Takes a set and returns a boolean indicating if all elements of the given set are in this set.
 - {{jsxref("Set.prototype.keys()")}}
   - : An alias for {{jsxref("Set.prototype.values()")}}.
-- {{jsxref("Set.prototype.symmetricDifference()")}} {{experimental_inline}}
+- {{jsxref("Set.prototype.symmetricDifference()")}}
   - : Takes a set and returns a new set containing elements which are in either this set or the given set, but not in both.
-- {{jsxref("Set.prototype.union()")}} {{experimental_inline}}
+- {{jsxref("Set.prototype.union()")}}
   - : Takes a set and returns a new set containing elements which are in either or both of this set and the given set.
 - {{jsxref("Set.prototype.values()")}}
   - : Returns a new iterator object that yields the **values** for each element in the `Set` object in insertion order.
diff --git a/files/en-us/web/javascript/reference/global_objects/set/intersection/index.md b/files/en-us/web/javascript/reference/global_objects/set/intersection/index.md
index 03eb207e84dcedc..201bef572816cc8 100644
--- a/files/en-us/web/javascript/reference/global_objects/set/intersection/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/set/intersection/index.md
@@ -2,12 +2,10 @@
 title: Set.prototype.intersection()
 slug: Web/JavaScript/Reference/Global_Objects/Set/intersection
 page-type: javascript-instance-method
-status:
-  - experimental
 browser-compat: javascript.builtins.Set.intersection
 ---
 
-{{JSRef}}{{SeeCompatTable}}
+{{JSRef}}
 
 The **`intersection()`** method of {{jsxref("Set")}} instances takes a set and returns a new set containing elements in both this set and the given set.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/set/isdisjointfrom/index.md b/files/en-us/web/javascript/reference/global_objects/set/isdisjointfrom/index.md
index e8334ff401140bf..f1028ea002c65e8 100644
--- a/files/en-us/web/javascript/reference/global_objects/set/isdisjointfrom/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/set/isdisjointfrom/index.md
@@ -2,12 +2,10 @@
 title: Set.prototype.isDisjointFrom()
 slug: Web/JavaScript/Reference/Global_Objects/Set/isDisjointFrom
 page-type: javascript-instance-method
-status:
-  - experimental
 browser-compat: javascript.builtins.Set.isDisjointFrom
 ---
 
-{{JSRef}}{{SeeCompatTable}}
+{{JSRef}}
 
 The **`isDisjointFrom()`** method of {{jsxref("Set")}} instances takes a set and returns a boolean indicating if this set has no elements in common with the given set.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/set/issubsetof/index.md b/files/en-us/web/javascript/reference/global_objects/set/issubsetof/index.md
index 04de3cbb1c46280..d1e7fed9be8dc2e 100644
--- a/files/en-us/web/javascript/reference/global_objects/set/issubsetof/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/set/issubsetof/index.md
@@ -2,12 +2,10 @@
 title: Set.prototype.isSubsetOf()
 slug: Web/JavaScript/Reference/Global_Objects/Set/isSubsetOf
 page-type: javascript-instance-method
-status:
-  - experimental
 browser-compat: javascript.builtins.Set.isSubsetOf
 ---
 
-{{JSRef}}{{SeeCompatTable}}
+{{JSRef}}
 
 The **`isSubsetOf()`** method of {{jsxref("Set")}} instances takes a set and returns a boolean indicating if all elements of this set are in the given set.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/set/issupersetof/index.md b/files/en-us/web/javascript/reference/global_objects/set/issupersetof/index.md
index 958731193a4efb1..faa1c3f9dc685b7 100644
--- a/files/en-us/web/javascript/reference/global_objects/set/issupersetof/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/set/issupersetof/index.md
@@ -2,12 +2,10 @@
 title: Set.prototype.isSupersetOf()
 slug: Web/JavaScript/Reference/Global_Objects/Set/isSupersetOf
 page-type: javascript-instance-method
-status:
-  - experimental
 browser-compat: javascript.builtins.Set.isSupersetOf
 ---
 
-{{JSRef}}{{SeeCompatTable}}
+{{JSRef}}
 
 The **`isSupersetOf()`** method of {{jsxref("Set")}} instances takes a set and returns a boolean indicating if all elements of the given set are in this set.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/set/symmetricdifference/index.md b/files/en-us/web/javascript/reference/global_objects/set/symmetricdifference/index.md
index 0bcbba15b14194c..3bf0a6e7d28f4aa 100644
--- a/files/en-us/web/javascript/reference/global_objects/set/symmetricdifference/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/set/symmetricdifference/index.md
@@ -2,12 +2,10 @@
 title: Set.prototype.symmetricDifference()
 slug: Web/JavaScript/Reference/Global_Objects/Set/symmetricDifference
 page-type: javascript-instance-method
-status:
-  - experimental
 browser-compat: javascript.builtins.Set.symmetricDifference
 ---
 
-{{JSRef}}{{SeeCompatTable}}
+{{JSRef}}
 
 The **`symmetricDifference()`** method of {{jsxref("Set")}} instances takes a set and returns a new set containing elements which are in either this set or the given set, but not in both.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/set/union/index.md b/files/en-us/web/javascript/reference/global_objects/set/union/index.md
index a0d8d3f5f18d12b..a1828d0ed67a002 100644
--- a/files/en-us/web/javascript/reference/global_objects/set/union/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/set/union/index.md
@@ -2,12 +2,10 @@
 title: Set.prototype.union()
 slug: Web/JavaScript/Reference/Global_Objects/Set/union
 page-type: javascript-instance-method
-status:
-  - experimental
 browser-compat: javascript.builtins.Set.union
 ---
 
-{{JSRef}}{{SeeCompatTable}}
+{{JSRef}}
 
 The **`union()`** method of {{jsxref("Set")}} instances takes a set and returns a new set containing elements which are in either or both of this set and the given set.
 

From f752eccfb5db999d16f018976126a498e8f24250 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Wed, 31 Jan 2024 12:31:06 +0530
Subject: [PATCH 616/790] fix: typo (#32022)

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

diff --git a/files/en-us/web/html/element/th/index.md b/files/en-us/web/html/element/th/index.md
index 1bbf6f590229e80..f7c91a05554b19a 100644
--- a/files/en-us/web/html/element/th/index.md
+++ b/files/en-us/web/html/element/th/index.md
@@ -94,7 +94,7 @@ The first row ({{HTMLElement("tr")}} element) contains the column headers (`<th>
 
 The remaining rows contain the main data of the table. Each of these rows has a row header (`<th>` element) introduced as the first cell. This creates a column with row headers as the first column of the table. Similar to the column headers, the [`scope`](#scope) attribute is set to `row` to specify which cells each row header relates to, which in the example below are all data cells ({{HTMLElement("td")}} elements) in each `row`.
 
-> **Note:** Normally, the grouping elements {{HTMLElement("thead")}} and {{HTMLElement("tbody")}} are used to group rows with headers into the respective table head and body sections. These elements are ommitted in this example to reduce complexity and enable focusing on the use of header cells.
+> **Note:** Normally, the grouping elements {{HTMLElement("thead")}} and {{HTMLElement("tbody")}} are used to group rows with headers into the respective table head and body sections. These elements are omitted in this example to reduce complexity and enable focusing on the use of header cells.
 
 ```html
 <table>

From 9054005318a0d1e8fbdf28910d1dd83f7615ef70 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Wed, 31 Jan 2024 15:25:35 +0530
Subject: [PATCH 617/790] add document for HTMLTextAreaElement.type (#32023)

* Document for HTMLTextAreaElement.type

* Update files/en-us/web/api/htmltextareaelement/type/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmltextareaelement/type/index.md

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmltextareaelement/type/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../web/api/htmltextareaelement/type/index.md | 42 +++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 files/en-us/web/api/htmltextareaelement/type/index.md

diff --git a/files/en-us/web/api/htmltextareaelement/type/index.md b/files/en-us/web/api/htmltextareaelement/type/index.md
new file mode 100644
index 000000000000000..2888e932370f0c8
--- /dev/null
+++ b/files/en-us/web/api/htmltextareaelement/type/index.md
@@ -0,0 +1,42 @@
+---
+title: "HTMLTextAreaElement: type property"
+short-title: type
+slug: Web/API/HTMLTextAreaElement/type
+page-type: web-api-instance-property
+browser-compat: api.HTMLTextAreaElement.type
+---
+
+{{ApiRef("HTML DOM")}}
+
+The read-only **`type`** property of the {{domxref("HTMLTextAreaElement")}} always returns `textarea`.
+
+## Value
+
+A string whose value is always `textarea`.
+
+## Example
+
+### HTML
+
+```html
+<textarea id="txtarea"></textarea>
+```
+
+### JavaScript
+
+```js
+const txtAreaElement = document.querySelector("#txtarea");
+console.log(txtAreaElement.type); // Output: "textarea"
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLInputElement.type")}} property

From 63e7801b7c90e8936c252ea2431b119cfddb2125 Mon Sep 17 00:00:00 2001
From: ivan <95487764+glmvc@users.noreply.github.com>
Date: Wed, 31 Jan 2024 12:28:19 +0100
Subject: [PATCH 618/790] Improve information on HTML Table A11y (Learn HTML
 Tables Advanced) (#32015)

improve information on html table a11y
---
 .../en-us/learn/html/tables/advanced/index.md | 83 +++++++++++++------
 1 file changed, 58 insertions(+), 25 deletions(-)

diff --git a/files/en-us/learn/html/tables/advanced/index.md b/files/en-us/learn/html/tables/advanced/index.md
index 6ce990309619997..a3cbe7965357087 100644
--- a/files/en-us/learn/html/tables/advanced/index.md
+++ b/files/en-us/learn/html/tables/advanced/index.md
@@ -159,10 +159,8 @@ th {
 Let's recap briefly on how we use data tables. A table can be a handy tool, for giving us quick access to data and allowing us to look up different values. For example, it takes only a short glance at the table below to find out how many rings were sold in Gent during August 2016. To understand its information we make visual associations between the data in this table and its column and/or row headers.
 
 <table>
-  <caption>
-    Items Sold August 2016
-  </caption>
-  <tbody>
+  <caption>Items Sold August 2016</caption>
+  <thead>
     <tr>
       <td colspan="2" rowspan="2"></td>
       <th colspan="3" scope="colgroup">Clothes</th>
@@ -175,6 +173,8 @@ Let's recap briefly on how we use data tables. A table can be a handy tool, for
       <th scope="col">Bracelets</th>
       <th scope="col">Rings</th>
     </tr>
+  </thead>
+  <tbody>
     <tr>
       <th rowspan="3" scope="rowgroup">Belgium</th>
       <th scope="row">Antwerp</th>
@@ -260,51 +260,84 @@ And each row could have a header defined like this (if we added row headers as w
 </tr>
 ```
 
-screen readers will recognize markup structured like this, and allow their users to read out the entire column or row at once, for example.
+Screen readers will recognize markup structured like this, and allow their users to read out the entire column or row at once, for example.
+
+`scope` has two more possible values — `colgroup` and `rowgroup`. These are used for headings that sit over the top of multiple columns or rows. If you look back at the "Items Sold August 2016" table at the start of this section of the article, you'll see that the "Clothes" cell sits above the "Trousers", "Skirts", and "Dresses" cells. All of these cells should be marked up as headers (`<th>`), but "Clothes" is a heading that sits over the top and defines the other three subheadings. "Clothes" therefore should get an attribute of `scope="colgroup"`, whereas the others would get an attribute of `scope="col"`:
+
+```html
+<thead>
+  <tr>
+    <th colspan="3" scope="colgroup">Clothes</th>
+  </tr>
+  <tr>
+    <th scope="col">Trousers</th>
+    <th scope="col">Skirts</th>
+    <th scope="col">Dresses</th>
+  </tr>
+</thead>
+```
+
+The same applies to headers for multiple grouped rows. Take another look at the "Items Sold August 2016" table, this time focusing on the rows with the "Amsterdam" and "Utrecht" headers (`<th>`). You'll notice that the "The Netherlands" header, also marked up as a `<th>` element, spans both rows, being the heading for the other two subheadings. Therefore, `scope="rowgroup"` should be specified on this header cell to help screen readers create the correct associations:
 
-`scope` has two more possible values — `colgroup` and `rowgroup`. These are used for headings that sit over the top of multiple columns or rows. If you look back at the "Items Sold August 2016" table at the start of this section of the article, you'll see that the "Clothes" cell sits above the "Trousers", "Skirts", and "Dresses" cells. All of these cells should be marked up as headers (`<th>`), but "Clothes" is a heading that sits over the top and defines the other three subheadings. "Clothes" therefore should get an attribute of `scope="colgroup"`, whereas the others would get an attribute of `scope="col"`.
+```html
+<tr>
+  <th rowspan="2" scope="rowgroup">The Netherlands</th>
+  <th scope="row">Amsterdam</th>
+  <td>89</td>
+  <td>34</td>
+  <td>69</td>
+</tr>
+<tr>
+  <th scope="row">Utrecht</th>
+  <td>80</td>
+  <td>12</td>
+  <td>43</td>
+</tr>
+```
 
 ### The id and headers attributes
 
-An alternative to using the `scope` attribute is to use [`id`](/en-US/docs/Web/HTML/Global_attributes#id) and [`headers`](/en-US/docs/Web/HTML/Element/td#headers) attributes to create associations between headers and cells. The way they are used is as follows:
+An alternative to using the `scope` attribute is to use [`id`](/en-US/docs/Web/HTML/Global_attributes#id) and [`headers`](/en-US/docs/Web/HTML/Element/td#headers) attributes to create associations between headers and cells.
 
-1. You add a unique `id` to each `<th>` element.
-2. You add a `headers` attribute to each `<td>` element. Each `headers` attribute has to contain a list of the `id`s of all the `<th>` elements that act as a header for that cell, separated by spaces.
+The `headers` attribute takes a list of unordered, space-separated {{Glossary("string", "strings")}}, each corresponding to the unique `id` of the `<th>` elements that provide headings for either a data cell (`<td>` element) or another header cell (`<th>` element).
 
 This gives your HTML table an explicit definition of the position of each cell in the table, defined by the header(s) for each column and row it is part of, kind of like a spreadsheet. For it to work well, the table really needs both column and row headers.
 
-Returning to our spending costs example, the previous two snippets could be rewritten like this:
+Returning to our "Items Sold August 2016" example, we can use the `id` and `headers` attributes as follows:
+
+1. Add a unique `id` to each `<th>` element in the table.
+2. Add a `headers` attribute to each `<th>` element that acts as a subheading, i.e., has a header element above it. The value is the `id` of the heading that sits over the top and defines the subheadings, which is `"clothes"` for the column headers and `"belgium"` for the row header in our example.
+3. Add a `headers` attribute to each `<td>` element and add the `id`s of the associated `<th>` element(s) in form of a space-separated list. You can proceed as you would in a spreadsheet: Find the data cell and search for the corresponding headings for the row and column. The order of the specified `id`s doesn't matter, but you should be consistent to keep it organized.
 
 ```html
 <thead>
   <tr>
-    <th id="purchase">Purchase</th>
-    <th id="location">Location</th>
-    <th id="date">Date</th>
-    <th id="evaluation">Evaluation</th>
-    <th id="cost">Cost (€)</th>
+    <th id="clothes" colspan="3">Clothes</th>
+  </tr>
+  <tr>
+    <th id="trousers" headers="clothes">Trousers</th>
+    <th id="skirts" headers="clothes">Skirts</th>
+    <th id="dresses" headers="clothes">Dresses</th>
   </tr>
 </thead>
 <tbody>
   <tr>
-    <th id="haircut">Haircut</th>
-    <td headers="location haircut">Hairdresser</td>
-    <td headers="date haircut">12/09</td>
-    <td headers="evaluation haircut">Great idea</td>
-    <td headers="cost haircut">30</td>
+    <th id="belgium" rowspan="3">Belgium</th>
+    <th id="antwerp" headers="belgium">Antwerp</th>
+    <td headers="antwerp belgium clothes trousers">56</td>
+    <td headers="antwerp belgium clothes skirts">22</td>
+    <td headers="antwerp belgium clothes dresses">43</td>
   </tr>
-
-  …
 </tbody>
 ```
 
-> **Note:** This method creates very precise associations between headers and data cells but it uses **a lot** more markup and does not leave any room for errors. The `scope` approach is usually enough for most tables.
+> **Note:** This method creates very precise associations between headers and data cells but it uses **a lot** more markup and does not leave any room for errors. The `scope` approach is usually sufficient for most tables.
 
 ### Active learning: playing with scope and headers
 
 1. For this final exercise, we'd like you to first make local copies of [items-sold.html](https://github.com/mdn/learning-area/blob/main/html/tables/advanced/items-sold.html) and [minimal-table.css](https://github.com/mdn/learning-area/blob/main/html/tables/advanced/minimal-table.css), in a new directory.
-2. Now try adding in the appropriate `scope` attributes to make this table more appropriate.
-3. Finally, try making another copy of the starter files, and this time make the table more accessible using `id` and `headers` attributes.
+2. Now try adding in the appropriate `scope` attributes to make this table more accessible.
+3. Finally, try making another copy of the starter files, and this time make the table more accessible by creating precise and explicit associations using `id` and `headers` attributes.
 
 > **Note:** You can check your work against our finished examples — see [items-sold-scope.html](https://github.com/mdn/learning-area/blob/main/html/tables/advanced/items-sold-scope.html) ([also see this live](https://mdn.github.io/learning-area/html/tables/advanced/items-sold-scope.html)) and [items-sold-headers.html](https://github.com/mdn/learning-area/blob/main/html/tables/advanced/items-sold-headers.html) ([see this live too](https://mdn.github.io/learning-area/html/tables/advanced/items-sold-headers.html)).
 

From 5959bb34815cbeeb7999aa737b996460b9e21239 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 31 Jan 2024 14:15:07 +0000
Subject: [PATCH 619/790] Bump lint-staged from 15.2.0 to 15.2.1 (#32026)

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

diff --git a/package.json b/package.json
index 4d3834f3f5f6e27..88fc3b7c70c651b 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,7 @@
     "gray-matter": "^4.0.3",
     "husky": "9.0.7",
     "js-yaml": "^4.1.0",
-    "lint-staged": "15.2.0",
+    "lint-staged": "15.2.1",
     "markdownlint-cli2": "0.12.1",
     "markdownlint-rule-search-replace": "1.2.0",
     "prettier": "3.2.4"
diff --git a/yarn.lock b/yarn.lock
index b299e11e31a2365..a49fa7bf5278750 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4855,26 +4855,26 @@ linkify-it@^5.0.0:
   dependencies:
     uc.micro "^2.0.0"
 
-lint-staged@15.2.0:
-  version "15.2.0"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-15.2.0.tgz#3111534ca58096a3c8f70b044b6e7fe21b36f859"
-  integrity sha512-TFZzUEV00f+2YLaVPWBWGAMq7So6yQx+GG8YRMDeOEIf95Zn5RyiLMsEiX4KTNl9vq/w+NqRJkLA1kPIo15ufQ==
+lint-staged@15.2.1:
+  version "15.2.1"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-15.2.1.tgz#25beb6e587f54245b20163f5efede073f12c4d1b"
+  integrity sha512-dhwAPnM85VdshybV9FWI/9ghTvMLoQLEXgVMx+ua2DN7mdfzd/tRfoU2yhMcBac0RHkofoxdnnJUokr8s4zKmQ==
   dependencies:
     chalk "5.3.0"
     commander "11.1.0"
     debug "4.3.4"
     execa "8.0.1"
     lilconfig "3.0.0"
-    listr2 "8.0.0"
+    listr2 "8.0.1"
     micromatch "4.0.5"
     pidtree "0.6.0"
     string-argv "0.3.2"
     yaml "2.3.4"
 
-listr2@8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/listr2/-/listr2-8.0.0.tgz#aa7c230995f8ce378585f7c96c0c6d1cefa4700d"
-  integrity sha512-u8cusxAcyqAiQ2RhYvV7kRKNLgUvtObIbhOX2NCXqvp1UU32xIg5CT22ykS2TPKJXZWJwtK3IKLiqAGlGNE+Zg==
+listr2@8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/listr2/-/listr2-8.0.1.tgz#4d3f50ae6cec3c62bdf0e94f5c2c9edebd4b9c34"
+  integrity sha512-ovJXBXkKGfq+CwmKTjluEqFi3p4h8xvkxGQQAQan22YCgef4KZ1mKGjzfGh6PL6AW5Csw0QiQPNuQyH+6Xk3hA==
   dependencies:
     cli-truncate "^4.0.0"
     colorette "^2.0.20"

From b71671827671f063b288b2f4abb9c242fa1dfda7 Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Wed, 31 Jan 2024 20:00:21 +0530
Subject: [PATCH 620/790] add document for HTMLInputElement.type (#32021)

* document for HTMLInputElement.type

* Apply suggestions from code review

* Apply suggestions from code review

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

* Update files/en-us/web/api/htmlinputelement/type/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../web/api/htmlinputelement/type/index.md    | 47 +++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 files/en-us/web/api/htmlinputelement/type/index.md

diff --git a/files/en-us/web/api/htmlinputelement/type/index.md b/files/en-us/web/api/htmlinputelement/type/index.md
new file mode 100644
index 000000000000000..72be0ad78107f92
--- /dev/null
+++ b/files/en-us/web/api/htmlinputelement/type/index.md
@@ -0,0 +1,47 @@
+---
+title: "HTMLInputElement: type property"
+short-title: type
+slug: Web/API/HTMLInputElement/type
+page-type: web-api-instance-property
+browser-compat: api.HTMLInputElement.type
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`type`** property of the {{domxref("HTMLInputElement")}} interface indicates the kind of data allowed in the {{HTMLElement("input")}} element, or example a number, a date, or an email. Browsers will select the appropriate widget and behavior to help users to enter a valid value.
+
+It reflects the [`type`](/en-US/docs/Web/HTML/Element/input#type) attribute of the {{HTMLElement("input")}} element.
+
+## Value
+
+A string representing the type.
+
+Its possible values are listed in the attribute's [input types](/en-US/docs/Web/HTML/Element/input#input_types) section.
+
+## Example
+
+### HTML
+
+```html
+<input id="input1" type="date" />
+```
+
+### JavaScript
+
+```js
+const inputElement = document.querySelector("#input1");
+console.log(inputElement.type); // Output: "date"
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLTextAreaElement.type")}} property
+- {{domxref("HTMLButtonElement.type")}} property

From eb0175a33f60d0c0748a825a27707295eb32c48b Mon Sep 17 00:00:00 2001
From: hanyujie2002 <yujiehan2002@outlook.com>
Date: Thu, 1 Feb 2024 01:25:12 +0800
Subject: [PATCH 621/790] Fix the comment typo (#31934)

fix
---
 .../svelte_typescript/index.md                                  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
index be4269d61f3c661..dd90ae3b9f3d0e3 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
@@ -144,7 +144,7 @@ Go to the root directory of the project and enter these commands:
 npx degit sveltejs/template/scripts scripts       # download script file to a scripts folder
 
 node scripts/setupTypeScript.js                   # run it
-Converted to TypeScript.
+# Converted to TypeScript.
 ```
 
 You will need to re-run your dependency manager to get started.

From c8fa7380c1ec408b18d931acc27b677568865738 Mon Sep 17 00:00:00 2001
From: Fradella <51548719+cfradella@users.noreply.github.com>
Date: Wed, 31 Jan 2024 11:12:49 -0800
Subject: [PATCH 622/790] Rewording awkward sentence in "Catch binding" section
 (#32039)

---
 .../web/javascript/reference/statements/try...catch/index.md    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/statements/try...catch/index.md b/files/en-us/web/javascript/reference/statements/try...catch/index.md
index 546a210a2da4b91..c2c471e36e894fd 100644
--- a/files/en-us/web/javascript/reference/statements/try...catch/index.md
+++ b/files/en-us/web/javascript/reference/statements/try...catch/index.md
@@ -59,7 +59,7 @@ You can also use the `try` statement to handle JavaScript exceptions. See the [J
 
 When an exception is thrown in the `try` block, `exceptionVar` (i.e., the `e` in `catch (e)`) holds the exception value. You can use this {{Glossary("binding")}} to get information about the exception that was thrown. This {{Glossary("binding")}} is only available in the `catch` block's {{Glossary("Scope", "scope")}}.
 
-It needs not be a single identifier. You can use a [destructuring pattern](/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment) to assign multiple identifiers at once.
+It doesn't need to be a single identifier. You can use a [destructuring pattern](/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment) to assign multiple identifiers at once.
 
 ```js
 try {

From 256a9121adf26e0cf850c45a6be087d91ff1a640 Mon Sep 17 00:00:00 2001
From: Jordan Skousen <35109863+JordanSkousen@users.noreply.github.com>
Date: Wed, 31 Jan 2024 22:22:19 -0700
Subject: [PATCH 623/790] Fix incorrect example in Cache add() doc (#32045)

The documentation for the Cache add() method says: "The add() method is functionally equivalent to the following:", then gives a code block example which uses the add() function -- this doesn't make sense, functionally equivalent with itself? It's supposed to be functionally equivalent to the put() function.
---
 files/en-us/web/api/cache/add/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/cache/add/index.md b/files/en-us/web/api/cache/add/index.md
index bf8233c72df84ee..730142e8db3ab59 100644
--- a/files/en-us/web/api/cache/add/index.md
+++ b/files/en-us/web/api/cache/add/index.md
@@ -17,7 +17,7 @@ fetch(url).then((response) => {
   if (!response.ok) {
     throw new TypeError("bad response status");
   }
-  return cache.add(url);
+  return cache.put(url, response);
 });
 ```
 

From 4ea748e5f025c2a00a8ca8babd7c505e73ad9def Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 1 Feb 2024 16:22:16 +0800
Subject: [PATCH 624/790] Sensor API | add secure context tag & add constructor
 params (#32038)

* update front matter key - spec_url

* update section title

* update macros

* add optional_inline mark

* update browser-compat key
---
 .../absoluteorientationsensor/index.md        |  6 +++---
 .../api/absoluteorientationsensor/index.md    |  2 +-
 .../api/accelerometer/accelerometer/index.md  |  6 +++---
 files/en-us/web/api/accelerometer/index.md    |  2 +-
 files/en-us/web/api/accelerometer/x/index.md  |  2 +-
 files/en-us/web/api/accelerometer/y/index.md  |  2 +-
 files/en-us/web/api/accelerometer/z/index.md  |  2 +-
 .../ambientlightsensor/index.md               |  4 ++--
 .../ambientlightsensor/illuminance/index.md   |  4 ++--
 .../en-us/web/api/ambientlightsensor/index.md |  4 ++--
 .../api/gravitysensor/gravitysensor/index.md  |  6 +++---
 files/en-us/web/api/gravitysensor/index.md    |  2 +-
 .../web/api/gyroscope/gyroscope/index.md      |  6 +++---
 files/en-us/web/api/gyroscope/index.md        |  2 +-
 files/en-us/web/api/gyroscope/x/index.md      |  2 +-
 files/en-us/web/api/gyroscope/y/index.md      |  2 +-
 files/en-us/web/api/gyroscope/z/index.md      |  2 +-
 .../web/api/linearaccelerationsensor/index.md |  2 +-
 .../linearaccelerationsensor/index.md         |  6 +++---
 files/en-us/web/api/magnetometer/index.md     |  2 +-
 .../api/magnetometer/magnetometer/index.md    |  6 +++---
 files/en-us/web/api/magnetometer/x/index.md   |  2 +-
 files/en-us/web/api/magnetometer/y/index.md   |  2 +-
 files/en-us/web/api/magnetometer/z/index.md   |  2 +-
 .../en-us/web/api/orientationsensor/index.md  |  4 ++--
 .../orientationsensor/populatematrix/index.md |  4 ++--
 .../api/orientationsensor/quaternion/index.md |  2 +-
 .../api/relativeorientationsensor/index.md    |  2 +-
 .../relativeorientationsensor/index.md        |  6 +++---
 .../web/api/sensor/activate_event/index.md    |  2 +-
 files/en-us/web/api/sensor/activated/index.md |  2 +-
 .../en-us/web/api/sensor/error_event/index.md |  2 +-
 .../en-us/web/api/sensor/hasreading/index.md  |  2 +-
 files/en-us/web/api/sensor/index.md           |  2 +-
 .../web/api/sensor/reading_event/index.md     |  2 +-
 files/en-us/web/api/sensor/start/index.md     |  5 ++---
 files/en-us/web/api/sensor/stop/index.md      |  5 ++---
 files/en-us/web/api/sensor/timestamp/index.md |  2 +-
 files/en-us/web/api/sensor_apis/index.md      | 19 ++++++++++++++++---
 .../web/api/sensorerrorevent/error/index.md   |  2 +-
 files/en-us/web/api/sensorerrorevent/index.md |  2 +-
 .../sensorerrorevent/index.md                 |  4 ++--
 42 files changed, 79 insertions(+), 68 deletions(-)

diff --git a/files/en-us/web/api/absoluteorientationsensor/absoluteorientationsensor/index.md b/files/en-us/web/api/absoluteorientationsensor/absoluteorientationsensor/index.md
index c2c13295a1ce9de..39f6d5931d455ae 100644
--- a/files/en-us/web/api/absoluteorientationsensor/absoluteorientationsensor/index.md
+++ b/files/en-us/web/api/absoluteorientationsensor/absoluteorientationsensor/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.AbsoluteOrientationSensor.AbsoluteOrientationSensor
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`AbsoluteOrientationSensor()`** constructor creates a new {{domxref("AbsoluteOrientationSensor")}} object which describes the device's physical orientation in relation to the Earth's reference coordinate system.
 
@@ -23,9 +23,9 @@ new AbsoluteOrientationSensor(options)
 
   - : Options are as follows:
 
-    - `frequency`
+    - `frequency` {{optional_inline}}
       - : The desired number of times per second a sample should be taken, meaning the number of times per second that the {{domxref('sensor.reading_event', 'reading')}} event will be called. A whole number or decimal may be used, the latter for frequencies less than a second. The actual reading frequency depends on the device hardware and consequently may be less than requested.
-    - `referenceFrame`
+    - `referenceFrame` {{optional_inline}}
       - : Either `'device'` or `'screen'`. The default is `'device'`.
 
 ## Specifications
diff --git a/files/en-us/web/api/absoluteorientationsensor/index.md b/files/en-us/web/api/absoluteorientationsensor/index.md
index e18b1b404294e36..b190cb8b9e8eba0 100644
--- a/files/en-us/web/api/absoluteorientationsensor/index.md
+++ b/files/en-us/web/api/absoluteorientationsensor/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.AbsoluteOrientationSensor
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`AbsoluteOrientationSensor`** interface of the [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs) describes the device's physical orientation in relation to the Earth's reference coordinate system.
 
diff --git a/files/en-us/web/api/accelerometer/accelerometer/index.md b/files/en-us/web/api/accelerometer/accelerometer/index.md
index 54a5cb21f5087f2..bf8b42cf312dd1a 100644
--- a/files/en-us/web/api/accelerometer/accelerometer/index.md
+++ b/files/en-us/web/api/accelerometer/accelerometer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Accelerometer.Accelerometer
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`Accelerometer()`** constructor creates a new {{domxref("Accelerometer")}} object which returns the acceleration of the device along all three axes at the time it is read.
 
@@ -25,9 +25,9 @@ new Accelerometer(options)
 
   - : Options are as follows:
 
-    - `frequency`
+    - `frequency` {{optional_inline}}
       - : The desired number of times per second a sample should be taken, meaning the number of times per second the {{domxref('sensor.reading_event', 'reading')}} event will be called. A whole number or decimal may be used, the latter for frequencies less than a second. The actual reading frequency depends on the device hardware and consequently may be less than requested.
-    - `referenceFrame`
+    - `referenceFrame` {{optional_inline}}
       - : Either `'device'` or `'screen'`. The default is `'device'`.
 
 ### Exceptions
diff --git a/files/en-us/web/api/accelerometer/index.md b/files/en-us/web/api/accelerometer/index.md
index 5229c17fcfe0737..327c7f3067eb6ec 100644
--- a/files/en-us/web/api/accelerometer/index.md
+++ b/files/en-us/web/api/accelerometer/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.Accelerometer
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`Accelerometer`** interface of the [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs) provides on each reading the acceleration applied to the device along all three axes.
 
diff --git a/files/en-us/web/api/accelerometer/x/index.md b/files/en-us/web/api/accelerometer/x/index.md
index bd801dd6decefa2..44ffd6afad11332 100644
--- a/files/en-us/web/api/accelerometer/x/index.md
+++ b/files/en-us/web/api/accelerometer/x/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Accelerometer.x
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`x`** read-only property of the {{domxref("Accelerometer")}} interface returns a number specifying the acceleration of the device along its x-axis.
 
diff --git a/files/en-us/web/api/accelerometer/y/index.md b/files/en-us/web/api/accelerometer/y/index.md
index 50247f4eb61ecd1..4d8db1909495dce 100644
--- a/files/en-us/web/api/accelerometer/y/index.md
+++ b/files/en-us/web/api/accelerometer/y/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Accelerometer.y
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`y`** read-only property of the {{domxref("Accelerometer")}} interface returns a number specifying the acceleration of the device along its y-axis.
 
diff --git a/files/en-us/web/api/accelerometer/z/index.md b/files/en-us/web/api/accelerometer/z/index.md
index e6d0d316278570a..a197748f06ab65e 100644
--- a/files/en-us/web/api/accelerometer/z/index.md
+++ b/files/en-us/web/api/accelerometer/z/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Accelerometer.z
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`z`** read-only property of the {{domxref("Accelerometer")}} interface returns a number specifying the acceleration of the device along its z-axis.
 
diff --git a/files/en-us/web/api/ambientlightsensor/ambientlightsensor/index.md b/files/en-us/web/api/ambientlightsensor/ambientlightsensor/index.md
index 233ad3bf28ecf1e..0a5f213d53c3e74 100644
--- a/files/en-us/web/api/ambientlightsensor/ambientlightsensor/index.md
+++ b/files/en-us/web/api/ambientlightsensor/ambientlightsensor/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.AmbientLightSensor.AmbientLightSensor
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`AmbientLightSensor()`** constructor creates a new {{domxref("AmbientLightSensor")}} object, which returns the current light level or illuminance of the ambient light around the hosting device.
 
@@ -25,7 +25,7 @@ new AmbientLightSensor(options)
 
   - : Currently only one option is supported:
 
-    - `frequency`
+    - `frequency` {{optional_inline}}
       - : The desired number of times per second a sample should be taken, meaning the number of times per second that {{domxref('sensor.reading_event', 'reading')}} event will be called. A whole number or decimal may be used, the latter for frequencies less than a second. The actual reading frequency depends on the device hardware and consequently may be less than requested.
 
 ### Exceptions
diff --git a/files/en-us/web/api/ambientlightsensor/illuminance/index.md b/files/en-us/web/api/ambientlightsensor/illuminance/index.md
index fca169eebd7e279..def10a4b855661e 100644
--- a/files/en-us/web/api/ambientlightsensor/illuminance/index.md
+++ b/files/en-us/web/api/ambientlightsensor/illuminance/index.md
@@ -8,9 +8,9 @@ status:
 browser-compat: api.AmbientLightSensor.illuminance
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
-The **`illuminance`** property of the {{domxref("AmbientLightSensor")}} interface returns the current light level in [lux](https://en.wikipedia.org/wiki/Lux) of the ambient light level around the hosting device.
+The **`illuminance`** read-only property of the {{domxref("AmbientLightSensor")}} interface returns the current light level in [lux](https://en.wikipedia.org/wiki/Lux) of the ambient light level around the hosting device.
 
 ## Value
 
diff --git a/files/en-us/web/api/ambientlightsensor/index.md b/files/en-us/web/api/ambientlightsensor/index.md
index af54e10f7693250..383e81b47b47376 100644
--- a/files/en-us/web/api/ambientlightsensor/index.md
+++ b/files/en-us/web/api/ambientlightsensor/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.AmbientLightSensor
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`AmbientLightSensor`** interface of the [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs) returns the current light level or illuminance of the ambient light around the hosting device.
 
@@ -24,7 +24,7 @@ This feature may be blocked by a [Permissions Policy](/en-US/docs/Web/HTTP/Permi
 
 ## Instance properties
 
-- {{domxref('AmbientLightSensor.illuminance')}} {{Experimental_Inline}}
+- {{domxref('AmbientLightSensor.illuminance')}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns the current light level in [lux](https://en.wikipedia.org/wiki/Lux) of the ambient light level around the hosting device.
 
 ## Instance methods
diff --git a/files/en-us/web/api/gravitysensor/gravitysensor/index.md b/files/en-us/web/api/gravitysensor/gravitysensor/index.md
index ac25422dc3e9e73..4b5beba12eaf825 100644
--- a/files/en-us/web/api/gravitysensor/gravitysensor/index.md
+++ b/files/en-us/web/api/gravitysensor/gravitysensor/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.GravitySensor.GravitySensor
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`GravitySensor()`**
 constructor creates a new {{domxref("GravitySensor")}} object which
@@ -25,14 +25,14 @@ new GravitySensor(options)
 
   - : Options are as follows:
 
-    - `frequency`
+    - `frequency` {{optional_inline}}
       - : The desired number of times per second a sample should
         be taken, meaning the number of times per second that the
         {{domxref('sensor.reading_event', 'reading')}} event will be called. A whole number or decimal may be
         used, the latter for frequencies less than a second. The actual reading frequency
         depends on device hardware and consequently may be less than requested. The default
         frequency is the one defined by the underlying platform.
-    - `referenceFrame`
+    - `referenceFrame` {{optional_inline}}
       - : The local coordinate system representing
         the reference frame. It can be either `'device'` or
         `'screen'`. The default is `'device'`.
diff --git a/files/en-us/web/api/gravitysensor/index.md b/files/en-us/web/api/gravitysensor/index.md
index 7bbb55b1597dff1..4c8cae20629f6e1 100644
--- a/files/en-us/web/api/gravitysensor/index.md
+++ b/files/en-us/web/api/gravitysensor/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.GravitySensor
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`GravitySensor`** interface of the [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs) provides on each reading the gravity applied to the device along all three axes.
 
diff --git a/files/en-us/web/api/gyroscope/gyroscope/index.md b/files/en-us/web/api/gyroscope/gyroscope/index.md
index 605a6bc2d288e40..c107a2ff16f2146 100644
--- a/files/en-us/web/api/gyroscope/gyroscope/index.md
+++ b/files/en-us/web/api/gyroscope/gyroscope/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.Gyroscope.Gyroscope
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`Gyroscope()`** constructor
 creates a new {{domxref("Gyroscope")}} object which provides on each reading the
@@ -25,13 +25,13 @@ new Gyroscope(options)
 
   - : Options are as follows:
 
-    - `frequency`
+    - `frequency` {{optional_inline}}
       - : The desired number of times per second a sample should
         be taken, meaning the number of times per second that the
         {{domxref('sensor.reading_event', 'reading')}} event will be called. A whole number or decimal may be
         used, the latter for frequencies less than a second. The actual reading frequency
         depends device hardware and consequently may be less than requested.
-    - `referenceFrame`
+    - `referenceFrame` {{optional_inline}}
       - : Either `'device'` or
         `'screen'`. The default is `'device'`.
 
diff --git a/files/en-us/web/api/gyroscope/index.md b/files/en-us/web/api/gyroscope/index.md
index f0856384479a89c..5f3bcc3943de98a 100644
--- a/files/en-us/web/api/gyroscope/index.md
+++ b/files/en-us/web/api/gyroscope/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.Gyroscope
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`Gyroscope`** interface of the [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs) provides on each reading the angular velocity of the device along all three axes.
 
diff --git a/files/en-us/web/api/gyroscope/x/index.md b/files/en-us/web/api/gyroscope/x/index.md
index d28fe938fd24289..357d0e4717c6c17 100644
--- a/files/en-us/web/api/gyroscope/x/index.md
+++ b/files/en-us/web/api/gyroscope/x/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Gyroscope.x
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`x`** read-only property of the
 {{domxref("Gyroscope")}} interface returns a number specifying the
diff --git a/files/en-us/web/api/gyroscope/y/index.md b/files/en-us/web/api/gyroscope/y/index.md
index 4c1026303f88b64..50534d19766399c 100644
--- a/files/en-us/web/api/gyroscope/y/index.md
+++ b/files/en-us/web/api/gyroscope/y/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Gyroscope.y
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`y`** read-only property of the {{domxref("Gyroscope")}} interface returns a number specifying the angular velocity of the device along its y-axis.
 
diff --git a/files/en-us/web/api/gyroscope/z/index.md b/files/en-us/web/api/gyroscope/z/index.md
index d789cf650110431..cbcc1037125e3eb 100644
--- a/files/en-us/web/api/gyroscope/z/index.md
+++ b/files/en-us/web/api/gyroscope/z/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Gyroscope.z
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`z`** read-only property of the
 {{domxref("Gyroscope")}} interface returns a number specifying the
diff --git a/files/en-us/web/api/linearaccelerationsensor/index.md b/files/en-us/web/api/linearaccelerationsensor/index.md
index 28667c205953e13..87caa22802b78e5 100644
--- a/files/en-us/web/api/linearaccelerationsensor/index.md
+++ b/files/en-us/web/api/linearaccelerationsensor/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.LinearAccelerationSensor
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`LinearAccelerationSensor`** interface of the [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs) provides on each reading the acceleration applied to the device along all three axes, but without the contribution of gravity.
 
diff --git a/files/en-us/web/api/linearaccelerationsensor/linearaccelerationsensor/index.md b/files/en-us/web/api/linearaccelerationsensor/linearaccelerationsensor/index.md
index ef79bb40932de1b..c7ae8cf61ac7e6b 100644
--- a/files/en-us/web/api/linearaccelerationsensor/linearaccelerationsensor/index.md
+++ b/files/en-us/web/api/linearaccelerationsensor/linearaccelerationsensor/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.LinearAccelerationSensor.LinearAccelerationSensor
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`LinearAccelerationSensor()`**
 constructor creates a new {{domxref("LinearAccelerationSensor")}} object which
@@ -26,13 +26,13 @@ new LinearAccelerationSensor(options)
 
   - : Options are as follows:
 
-    - `frequency`
+    - `frequency` {{optional_inline}}
       - : The desired number of times per second a sample should
         be taken, meaning the number of times per second that the
         {{domxref('sensor.reading_event', 'reading')}} event will be called. A whole number or decimal may be
         used, the latter for frequencies less than a second. The actual reading frequency
         depends on device hardware and consequently may be less than requested.
-    - `referenceFrame`
+    - `referenceFrame` {{optional_inline}}
       - : Either `'device'` or
         `'screen'`. The default is `'device'`.
 
diff --git a/files/en-us/web/api/magnetometer/index.md b/files/en-us/web/api/magnetometer/index.md
index bc50035f0e0d8e3..7b6313d30b27615 100644
--- a/files/en-us/web/api/magnetometer/index.md
+++ b/files/en-us/web/api/magnetometer/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.Magnetometer
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`Magnetometer`** interface of the [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs) provides information about the magnetic field as detected by the device's primary magnetometer sensor.
 
diff --git a/files/en-us/web/api/magnetometer/magnetometer/index.md b/files/en-us/web/api/magnetometer/magnetometer/index.md
index f8214d4cee9ea5d..0648113b1e8354b 100644
--- a/files/en-us/web/api/magnetometer/magnetometer/index.md
+++ b/files/en-us/web/api/magnetometer/magnetometer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Magnetometer.Magnetometer
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`Magnetometer()`** constructor
 creates a new {{domxref("Magnetometer")}} object which returns information about the
@@ -27,13 +27,13 @@ new Magnetometer(options)
 
   - : Options are as follows:
 
-    - `frequency`
+    - `frequency` {{optional_inline}}
       - : The desired number of times per second a sample should
         be taken, meaning the number of times per second that the
         {{domxref('sensor.reading_event', 'reading')}} event will be called. A whole number or decimal may be
         used, the latter for frequencies less than a second. The actual reading frequency
         depends on device hardware and consequently may be less than requested.
-    - `referenceFrame`
+    - `referenceFrame` {{optional_inline}}
       - : Either `'device'` or
         `'screen'`. The default is `'device'`.
 
diff --git a/files/en-us/web/api/magnetometer/x/index.md b/files/en-us/web/api/magnetometer/x/index.md
index 7cc48cb5ddc3ac3..25a2d2ca97a139d 100644
--- a/files/en-us/web/api/magnetometer/x/index.md
+++ b/files/en-us/web/api/magnetometer/x/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Magnetometer.x
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`x`** read-only property of the
 {{domxref("Magnetometer")}} interface returns a number specifying
diff --git a/files/en-us/web/api/magnetometer/y/index.md b/files/en-us/web/api/magnetometer/y/index.md
index 6cd6ebff6a3825c..47aa4203bb61df3 100644
--- a/files/en-us/web/api/magnetometer/y/index.md
+++ b/files/en-us/web/api/magnetometer/y/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Magnetometer.y
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`y`** read-only property of the
 {{domxref("Magnetometer")}} interface returns a number specifying
diff --git a/files/en-us/web/api/magnetometer/z/index.md b/files/en-us/web/api/magnetometer/z/index.md
index 4a493ff26d45cfc..518a87c0def2fa1 100644
--- a/files/en-us/web/api/magnetometer/z/index.md
+++ b/files/en-us/web/api/magnetometer/z/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Magnetometer.z
 ---
 
-{{APIRef("Sensor API")}}{{SeeCompatTable}}
+{{securecontext_header}}{{APIRef("Sensor API")}}{{SeeCompatTable}}
 
 The **`z`** read-only property of the
 {{domxref("Magnetometer")}} interface returns a number specifying
diff --git a/files/en-us/web/api/orientationsensor/index.md b/files/en-us/web/api/orientationsensor/index.md
index 3a1b8281b0f323b..f8dd74eedda0470 100644
--- a/files/en-us/web/api/orientationsensor/index.md
+++ b/files/en-us/web/api/orientationsensor/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.OrientationSensor
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`OrientationSensor`** interface of the [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs) is the base class for orientation sensors. This interface cannot be used directly. Instead it provides properties and methods accessed by interfaces that inherit from it.
 
@@ -22,7 +22,7 @@ Below is a list of interfaces based on the OrientationSensor interface.
 
 ## Instance properties
 
-- {{domxref("OrientationSensor.quaternion")}}
+- {{domxref("OrientationSensor.quaternion")}} {{ReadOnlyInline}}
   - : Returns a four element {{jsxref('Array')}} whose elements contain the components of the unit quaternion representing the device's orientation.
 
 ## Instance methods
diff --git a/files/en-us/web/api/orientationsensor/populatematrix/index.md b/files/en-us/web/api/orientationsensor/populatematrix/index.md
index 211e6008b797b72..5278e6fc0975625 100644
--- a/files/en-us/web/api/orientationsensor/populatematrix/index.md
+++ b/files/en-us/web/api/orientationsensor/populatematrix/index.md
@@ -6,9 +6,9 @@ page-type: web-api-instance-method
 browser-compat: api.OrientationSensor.populateMatrix
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
-The **`populateMatrix`** method of the
+The **`populateMatrix()`** method of the
 {{domxref("OrientationSensor")}} interface populates the given target matrix with the
 rotation matrix based on the latest sensor reading. The rotation matrix is shown
 below.
diff --git a/files/en-us/web/api/orientationsensor/quaternion/index.md b/files/en-us/web/api/orientationsensor/quaternion/index.md
index eaa829baf78e1d8..948133dfbb07e29 100644
--- a/files/en-us/web/api/orientationsensor/quaternion/index.md
+++ b/files/en-us/web/api/orientationsensor/quaternion/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.OrientationSensor.quaternion
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`quaternion`** read-only
 property of the {{domxref("OrientationSensor")}} interface returns a four element
diff --git a/files/en-us/web/api/relativeorientationsensor/index.md b/files/en-us/web/api/relativeorientationsensor/index.md
index acffb4f49c44109..f566da38b16bed6 100644
--- a/files/en-us/web/api/relativeorientationsensor/index.md
+++ b/files/en-us/web/api/relativeorientationsensor/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.RelativeOrientationSensor
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`RelativeOrientationSensor`** interface of the [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs) describes the device's physical orientation without regard to the Earth's reference coordinate system.
 
diff --git a/files/en-us/web/api/relativeorientationsensor/relativeorientationsensor/index.md b/files/en-us/web/api/relativeorientationsensor/relativeorientationsensor/index.md
index 55bb7ae566480b6..1e0bfe08c5b010e 100644
--- a/files/en-us/web/api/relativeorientationsensor/relativeorientationsensor/index.md
+++ b/files/en-us/web/api/relativeorientationsensor/relativeorientationsensor/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.RelativeOrientationSensor.RelativeOrientationSensor
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`RelativeOrientationSensor()`**
 constructor creates a new {{domxref("RelativeOrientationSensor")}} object which
@@ -25,14 +25,14 @@ new RelativeOrientationSensor(options)
 
   - : Options are as follows:
 
-    - `frequency`
+    - `frequency` {{optional_inline}}
       - : The desired number of times per second a sample
         should be taken, meaning the number of times per second that the
         {{domxref('sensor.reading_event', 'reading')}} event will be called. A whole number or decimal
         may be used, the latter for frequencies less than a second. The actual
         reading frequency depends device hardware and consequently may be less
         than requested.
-    - `referenceFrame`
+    - `referenceFrame` {{optional_inline}}
       - : Either `'device'` or
         `'screen'`. The default is `'device'`.
 
diff --git a/files/en-us/web/api/sensor/activate_event/index.md b/files/en-us/web/api/sensor/activate_event/index.md
index 407d59b1937ec5a..f17eadbe9976539 100644
--- a/files/en-us/web/api/sensor/activate_event/index.md
+++ b/files/en-us/web/api/sensor/activate_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.Sensor.activate_event
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`activate`** event is fired when a sensor becomes activated. It means that it will start obtaining readings.
 
diff --git a/files/en-us/web/api/sensor/activated/index.md b/files/en-us/web/api/sensor/activated/index.md
index 664a2871bde8f51..4b31af661951722 100644
--- a/files/en-us/web/api/sensor/activated/index.md
+++ b/files/en-us/web/api/sensor/activated/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Sensor.activated
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`activated`** read-only property
 of the {{domxref("Sensor")}} interface returns a boolean value indicating
diff --git a/files/en-us/web/api/sensor/error_event/index.md b/files/en-us/web/api/sensor/error_event/index.md
index 7de653f0790dc70..f0cf700c52a6b0c 100644
--- a/files/en-us/web/api/sensor/error_event/index.md
+++ b/files/en-us/web/api/sensor/error_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.Sensor.error_event
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`error`** event is fired when an exception occurs on a sensor.
 
diff --git a/files/en-us/web/api/sensor/hasreading/index.md b/files/en-us/web/api/sensor/hasreading/index.md
index 00113f15a698b0c..c05ac3f6ebea140 100644
--- a/files/en-us/web/api/sensor/hasreading/index.md
+++ b/files/en-us/web/api/sensor/hasreading/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Sensor.hasReading
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`hasReading`** read-only
 property of the {{domxref("Sensor")}} interface returns a boolean value
diff --git a/files/en-us/web/api/sensor/index.md b/files/en-us/web/api/sensor/index.md
index 62df70606353aa8..12e25b104215db4 100644
--- a/files/en-us/web/api/sensor/index.md
+++ b/files/en-us/web/api/sensor/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.Sensor
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`Sensor`** interface of the [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs) is the base class for all the other sensor interfaces. This interface cannot be used directly. Instead it provides properties, event handlers, and methods accessed by interfaces that inherit from it.
 
diff --git a/files/en-us/web/api/sensor/reading_event/index.md b/files/en-us/web/api/sensor/reading_event/index.md
index 8035ddedeb9b293..1a44aa3fb57bf07 100644
--- a/files/en-us/web/api/sensor/reading_event/index.md
+++ b/files/en-us/web/api/sensor/reading_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.Sensor.reading_event
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`reading`** event is fired when a new reading is available on a sensor.
 
diff --git a/files/en-us/web/api/sensor/start/index.md b/files/en-us/web/api/sensor/start/index.md
index 085af9460bdff86..23a4bdc09907508 100644
--- a/files/en-us/web/api/sensor/start/index.md
+++ b/files/en-us/web/api/sensor/start/index.md
@@ -6,10 +6,9 @@ page-type: web-api-instance-method
 browser-compat: api.Sensor.start
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
-The **`start`** method activates one
-of the sensors based on `Sensor`.
+The **`start()`** method of the {{domxref("Sensor")}} interface activates one of the sensors based on `Sensor`.
 
 ## Syntax
 
diff --git a/files/en-us/web/api/sensor/stop/index.md b/files/en-us/web/api/sensor/stop/index.md
index f80734dbef6b786..1e1540271ae3cdc 100644
--- a/files/en-us/web/api/sensor/stop/index.md
+++ b/files/en-us/web/api/sensor/stop/index.md
@@ -6,10 +6,9 @@ page-type: web-api-instance-method
 browser-compat: api.Sensor.stop
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
-The **`stop`** method of the
-{{domxref("Sensor")}} interface deactivates the current sensor.
+The **`stop()`** method of the {{domxref("Sensor")}} interface deactivates the current sensor.
 
 ## Syntax
 
diff --git a/files/en-us/web/api/sensor/timestamp/index.md b/files/en-us/web/api/sensor/timestamp/index.md
index 495c1b86aa3b7b0..d188c05cd91b9ea 100644
--- a/files/en-us/web/api/sensor/timestamp/index.md
+++ b/files/en-us/web/api/sensor/timestamp/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Sensor.timestamp
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`timestamp`** read-only property
 of the {{domxref("Sensor")}} interface returns the timestamp of the latest sensor
diff --git a/files/en-us/web/api/sensor_apis/index.md b/files/en-us/web/api/sensor_apis/index.md
index 5f5b7099f13d647..b276fd8213de589 100644
--- a/files/en-us/web/api/sensor_apis/index.md
+++ b/files/en-us/web/api/sensor_apis/index.md
@@ -2,14 +2,27 @@
 title: Sensor APIs
 slug: Web/API/Sensor_APIs
 page-type: web-api-overview
-browser-compat: api.Sensor
+browser-compat:
+  - api.Sensor
+  - api.Accelerometer
+  - api.OrientationSensor
+  - api.Gyroscope
+  - api.Magnetometer
+  - api.AmbientLightSensor
+spec-urls:
+  - https://w3c.github.io/sensors/
+  - https://w3c.github.io/accelerometer/
+  - https://w3c.github.io/orientation-sensor/
+  - https://w3c.github.io/ambient-light/
+  - https://w3c.github.io/gyroscope/
+  - https://w3c.github.io/magnetometer/
 ---
 
-{{DefaultAPISidebar("Sensor API")}}
+{{securecontext_header}}{{DefaultAPISidebar("Sensor API")}}
 
 The **Sensor APIs** are a set of interfaces built to a common design that expose device sensors in a consistent way to the web platform.
 
-## Sensor APIs concepts and usage
+## Concepts and usage
 
 Although the Generic Sensor API specification defines a {{domxref('Sensor')}} interface, as a web developer you will never use it. Instead you'll use one of its subclasses to retrieve specific kinds of sensor data. For example, the {{domxref('Accelerometer')}} interface returns the acceleration of the device along all three axes at the time it is read.
 
diff --git a/files/en-us/web/api/sensorerrorevent/error/index.md b/files/en-us/web/api/sensorerrorevent/error/index.md
index 644c0305c4d4515..7457bc18e7da84a 100644
--- a/files/en-us/web/api/sensorerrorevent/error/index.md
+++ b/files/en-us/web/api/sensorerrorevent/error/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.SensorErrorEvent.error
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`error`** read-only property of
 the {{domxref("SensorErrorEvent")}} interface returns the {{domxref('DOMException')}}
diff --git a/files/en-us/web/api/sensorerrorevent/index.md b/files/en-us/web/api/sensorerrorevent/index.md
index 51c964968702f03..ac410b5237ebca8 100644
--- a/files/en-us/web/api/sensorerrorevent/index.md
+++ b/files/en-us/web/api/sensorerrorevent/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.SensorErrorEvent
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
 The **`SensorErrorEvent`** interface of the [Sensor APIs](/en-US/docs/Web/API/Sensor_APIs) provides information about errors thrown by a {{domxref('Sensor')}} or derived interface.
 
diff --git a/files/en-us/web/api/sensorerrorevent/sensorerrorevent/index.md b/files/en-us/web/api/sensorerrorevent/sensorerrorevent/index.md
index b1c56613be3a3e3..bd13b8f4aec8122 100644
--- a/files/en-us/web/api/sensorerrorevent/sensorerrorevent/index.md
+++ b/files/en-us/web/api/sensorerrorevent/sensorerrorevent/index.md
@@ -6,9 +6,9 @@ page-type: web-api-constructor
 browser-compat: api.SensorErrorEvent.SensorErrorEvent
 ---
 
-{{APIRef("Sensor API")}}
+{{securecontext_header}}{{APIRef("Sensor API")}}
 
-The **`SensorErrorEvent`** constructor
+The **`SensorErrorEvent()`** constructor
 creates a new {{domxref("SensorErrorEvent")}} object which provides information about
 errors thrown by any of the interfaces based on {{domxref('Sensor')}}.
 

From e84093daced53aa7d8d52905b895d4985c950f1b Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 1 Feb 2024 16:23:02 +0800
Subject: [PATCH 625/790] Credential Management API | Update its members
 (#32036)

* update additional links

* update members list & group-data

* update front matter keys & section title update

* update link
---
 .../api/credential_management_api/index.md    | 24 +++++++++++++++----
 files/jsondata/GroupData.json                 |  6 ++---
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/files/en-us/web/api/credential_management_api/index.md b/files/en-us/web/api/credential_management_api/index.md
index 0705b9dae2b4575..89e784d83674a84 100644
--- a/files/en-us/web/api/credential_management_api/index.md
+++ b/files/en-us/web/api/credential_management_api/index.md
@@ -2,14 +2,19 @@
 title: Credential Management API
 slug: Web/API/Credential_Management_API
 page-type: web-api-overview
-browser-compat: api.Credential
+browser-compat:
+  - api.Credential
+  - api.CredentialsContainer
+  - api.FederatedCredential
+  - api.PasswordCredential
+spec-urls: https://w3c.github.io/webappsec-credential-management/
 ---
 
-{{DefaultAPISidebar("Credential Management API")}}
+{{DefaultAPISidebar("Credential Management API")}}{{securecontext_header}}
 
 The Credential Management API lets a website store and retrieve password, public key, and federated credentials. These capabilities allow users to sign in without typing passwords, see the federated account they used to sign in to a site, and resume a session without the explicit sign-in flow of an expired session.
 
-## Credential management concepts and usage
+## Concepts and usage
 
 This API lets websites interact with a user agent's password system directly so that websites can deal in a uniform way with site credentials and user agents can provide better assistance with the management of their credentials. For example, user agents have a particularly hard time dealing with federated identity providers or esoteric sign-in mechanisms.
 
@@ -31,8 +36,11 @@ Later versions of the spec allow credentials to be retrieved from a different su
   - : Provides information about credentials from a federated identity provider, which is an entity that a website trusts to correctly authenticate a user, and which provides an API for that purpose. [OpenID Connect](https://openid.net/developers/specs/) is an example of such a framework.
 - {{domxref("PasswordCredential")}}
   - : Provides information about a username/password pair.
-- {{domxref("PublicKeyCredential")}}
-  - : Provides a credential for logging in using a more secure system based on asymmetric cryptography instead of a password.
+
+### Extensions to other interfaces
+
+- {{domxref("Navigator.credentials")}} {{ReadOnlyInline}}
+  - : Returns the {{domxref("CredentialsContainer")}} interface which exposes methods to request credentials and notify the user agent when interesting events occur such as successful sign in or sign out.
 
 ## Specifications
 
@@ -41,3 +49,9 @@ Later versions of the spec allow credentials to be retrieved from a different su
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("Web Authentication API", "", "", "nocode")}}
+- {{domxref("WebOTP API", "", "", "nocode")}}
+- {{domxref("FedCM API", "Federated Credential Management (FedCM) API", "", "nocode")}}
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index 1db1a3543b39151..bddf492da77db7e 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -215,12 +215,10 @@
         "Credential",
         "CredentialsContainer",
         "FederatedCredential",
-        "OTPCredential",
-        "PasswordCredential",
-        "PublicKeyCredential"
+        "PasswordCredential"
       ],
       "methods": [],
-      "properties": [],
+      "properties": ["Navigator.credentials"],
       "events": []
     },
     "CSS Counter Styles": {

From 61e0e2ba096262b69b86b36bbadb5fcbfd546b1e Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 1 Feb 2024 16:23:34 +0800
Subject: [PATCH 626/790] Update apiref & value description for
 `Navigator.credentials` (#32035)

* update

* Update files/en-us/web/api/navigator/credentials/index.md

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 files/en-us/web/api/navigator/credentials/index.md | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/files/en-us/web/api/navigator/credentials/index.md b/files/en-us/web/api/navigator/credentials/index.md
index 5cb943ae2323f35..bc4030688076bb9 100644
--- a/files/en-us/web/api/navigator/credentials/index.md
+++ b/files/en-us/web/api/navigator/credentials/index.md
@@ -6,17 +6,13 @@ page-type: web-api-instance-property
 browser-compat: api.Navigator.credentials
 ---
 
-{{securecontext_header}}{{APIRef("")}}
+{{securecontext_header}}{{APIRef("Credential Management API")}}
 
-The **`credentials`** property of the {{domxref("Navigator")}}
-interface returns the {{domxref("CredentialsContainer")}} interface, which exposes
-methods to request credentials. The {{domxref("CredentialsContainer")}} interface also
-notifies the user agent when an interesting event occurs, such as a successful sign-in
-or sign-out. This interface can be used for feature detection.
+The **`credentials`** read-only property of the {{domxref("Navigator")}} interface returns the {{domxref("CredentialsContainer")}} object associated with the current document, which exposes methods to request credentials. The {{domxref("CredentialsContainer")}} interface also notifies the user agent when an interesting event occurs, such as a successful sign-in or sign-out. This interface can be used for feature detection.
 
 ## Value
 
-The {{domxref("CredentialsContainer")}} interface.
+A {{domxref("CredentialsContainer")}} object.
 
 ## Examples
 

From 316ca5cd52cca39047ec598174fd120b3193321e Mon Sep 17 00:00:00 2001
From: Tristan Fraipont <tristan.fraipont@gmail.com>
Date: Thu, 1 Feb 2024 18:34:47 +0900
Subject: [PATCH 627/790] ServiceWorker.postMessage has more than a single
 param (#32049)

The sentence was misleading, and made it sound like there is only a single parameter, while the **Parameters** paragraph below clearly shows that it's not true.
---
 files/en-us/web/api/serviceworker/postmessage/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/serviceworker/postmessage/index.md b/files/en-us/web/api/serviceworker/postmessage/index.md
index 364caa0f154c1f2..aa52dbc3c5f137b 100644
--- a/files/en-us/web/api/serviceworker/postmessage/index.md
+++ b/files/en-us/web/api/serviceworker/postmessage/index.md
@@ -8,7 +8,7 @@ browser-compat: api.ServiceWorker.postMessage
 
 {{APIRef("Service Workers API")}}{{securecontext_header}}
 
-The **`postMessage()`** method of the {{domxref("ServiceWorker")}} interface sends a message to the worker. This accepts a single parameter, which is the data to send to the worker. The data may be any JavaScript object which can be handled by the [structured clone algorithm](/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm).
+The **`postMessage()`** method of the {{domxref("ServiceWorker")}} interface sends a message to the worker. The first parameter is the data to send to the worker. The data may be any JavaScript object which can be handled by the [structured clone algorithm](/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm).
 
 The service worker can send back information to its clients by using the {{domxref("Client.postMessage", "postMessage()")}} method. The message will not be sent back to this `ServiceWorker` object but to the associated {{domxref("ServiceWorkerContainer")}} available via {{domxref("navigator.serviceWorker")}}.
 

From a3f170ea965a6c436bc0aeb1fdfdf6f61e09c3c8 Mon Sep 17 00:00:00 2001
From: Mladen Drmac <drmac.mladen@gmail.com>
Date: Thu, 1 Feb 2024 10:35:46 +0100
Subject: [PATCH 628/790] Fix a reference to another article (#32025)

* Update index.md

Remove an incorrect reference ("above") and add a link to another page.

* Update files/en-us/web/security/types_of_attacks/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/security/types_of_attacks/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/security/types_of_attacks/index.md b/files/en-us/web/security/types_of_attacks/index.md
index 3573b9250928e7a..d572b4229600814 100644
--- a/files/en-us/web/security/types_of_attacks/index.md
+++ b/files/en-us/web/security/types_of_attacks/index.md
@@ -62,7 +62,7 @@ There are a few techniques that should be used to prevent this from happening:
 - GET endpoints should be idempotent—actions that enact a change and do not retrieve data should require sending a POST (or other HTTP method) request. POST endpoints should not interchangeably accept GET requests with parameters in the query string.
 - A session-unique CSRF token should be provided by the server to the browser. This token can then be included whenever a form is posted by the browser (in a hidden input field in the `<form>` element). For all non-GET requests that have the potential to perform an action, the server compares the sent token against its stored value for the session. If there is a mismatch, the request is aborted.
 - This method of protection relies on an attacker being unable to predict the user's assigned CSRF token. The token should be regenerated on sign-in.
-- Cookies that are used for sensitive actions (such as session cookies) should have a short lifetime with the SameSite attribute set to Strict or Lax. (See SameSite cookies above). In supporting browsers, this will have the effect of ensuring that the session cookie is not sent along with cross-site requests and so the request is effectively unauthenticated to the application server.
+- Cookies that are used for sensitive actions (such as session cookies) should have a short lifetime with the SameSite attribute set to Strict or Lax. (See the [SameSite](/en-US/docs/Web/HTTP/Cookies#samesite_attribute) cookie attribute). In supporting browsers, this will have the effect of ensuring that the session cookie is not sent along with cross-site requests and so the request is effectively unauthenticated to the application server.
 - Both CSRF tokens and SameSite cookies should be deployed. This ensures all browsers are protected and provides protection where SameSite cookies cannot help (such as attacks originating from a separate subdomain).
 
 For more prevention tips, see the OWASP CSRF prevention cheat sheet.

From 89d0e930e25328214a68291b2b01fa10a6b00dc5 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 1 Feb 2024 17:54:50 +0800
Subject: [PATCH 629/790] Add link for this attribute value (#32011)

fix link
---
 files/en-us/web/html/attributes/rel/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/html/attributes/rel/index.md b/files/en-us/web/html/attributes/rel/index.md
index ba60161e5568443..4e9fb7ebca8751a 100644
--- a/files/en-us/web/html/attributes/rel/index.md
+++ b/files/en-us/web/html/attributes/rel/index.md
@@ -33,7 +33,7 @@ The following table lists some of the most important existing keywords. Every ke
 | [`next`](#next)                                                      | Indicates that the current document is a part of a series and that the next document in the series is the referenced document.                                                                                                                                                          | Link                    | Link                                             | Link                    |
 | [`nofollow`](#nofollow)                                              | Indicates that the current document's original author or publisher does not endorse the referenced document.                                                                                                                                                                            | Not allowed             | Annotation                                       | Annotation              |
 | [`noopener`](/en-US/docs/Web/HTML/Attributes/rel/noopener)           | Creates a top-level browsing context that is not an auxiliary browsing context if the hyperlink would create either of those, to begin with (i.e., has an appropriate `target` attribute value).                                                                                        | Not allowed             | Annotation                                       | Annotation              |
-| [`noreferrer`](#noreferrer)                                          | No `Referer` header will be included. Additionally, has the same effect as `noopener`.                                                                                                                                                                                                  | Not allowed             | Annotation                                       | Annotation              |
+| [`noreferrer`](/en-US/docs/Web/HTML/Attributes/rel/noreferrer)       | No `Referer` header will be included. Additionally, has the same effect as `noopener`.                                                                                                                                                                                                  | Not allowed             | Annotation                                       | Annotation              |
 | [`opener`](#opener)                                                  | Creates an auxiliary browsing context if the hyperlink would otherwise create a top-level browsing context that is not an auxiliary browsing context (i.e., has "`_blank`" as `target` attribute value).                                                                                | Not allowed             | Annotation                                       | Annotation              |
 | [`pingback`](#pingback)                                              | Gives the address of the pingback server that handles pingbacks to the current document.                                                                                                                                                                                                | External Resource       | Not allowed                                      | Not allowed             |
 | [`preconnect`](/en-US/docs/Web/HTML/Attributes/rel/preconnect)       | Specifies that the user agent should preemptively connect to the target resource's origin.                                                                                                                                                                                              | External Resource       | Not allowed                                      | Not allowed             |

From 24740b45b9a6a7e7f4d7d81e5f5e9c515173b439 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 1 Feb 2024 17:55:41 +0800
Subject: [PATCH 630/790] Remove & Update *Event handlers* section (#31141)

* update

* update

* fix

* fix format
---
 .../web/api/audiobuffersourcenode/index.md    |  4 ---
 .../web/api/backgroundfetchevent/index.md     |  4 ---
 files/en-us/web/api/credential/index.md       |  4 ---
 .../web/api/credentialscontainer/index.md     |  4 ---
 files/en-us/web/api/cssmathsum/index.md       |  4 ---
 files/en-us/web/api/cssmathvalue/index.md     |  4 ---
 files/en-us/web/api/cssunitvalue/index.md     |  4 ---
 .../web/api/federatedcredential/index.md      |  4 ---
 .../en-us/web/api/htmlmarqueeelement/index.md | 18 ++++++-------
 files/en-us/web/api/oscillatornode/index.md   | 13 +++++-----
 files/en-us/web/api/otpcredential/index.md    |  4 ---
 .../en-us/web/api/passwordcredential/index.md |  4 ---
 .../web/api/presentationconnection/index.md   | 26 +++++++++----------
 .../api/presentationconnectionlist/index.md   |  4 +--
 14 files changed, 30 insertions(+), 71 deletions(-)

diff --git a/files/en-us/web/api/audiobuffersourcenode/index.md b/files/en-us/web/api/audiobuffersourcenode/index.md
index ee6f8d57a10211e..61a234206cd3fd8 100644
--- a/files/en-us/web/api/audiobuffersourcenode/index.md
+++ b/files/en-us/web/api/audiobuffersourcenode/index.md
@@ -67,10 +67,6 @@ _Inherits methods from its parent, {{domxref("AudioScheduledSourceNode")}}, and
 - {{domxref("AudioBufferSourceNode.start", "start()")}}
   - : Schedules playback of the audio data contained in the buffer, or begins playback immediately. Additionally allows the start offset and play duration to be set.
 
-## Event handlers
-
-_Inherits event handlers from its parent, {{domxref("AudioScheduledSourceNode")}}_.
-
 ## Examples
 
 In this example, we create a two-second buffer, fill it with white noise, and then play it using an `AudioBufferSourceNode`. The comments should clearly explain what is going on.
diff --git a/files/en-us/web/api/backgroundfetchevent/index.md b/files/en-us/web/api/backgroundfetchevent/index.md
index d26aa7d60ee1155..01a3aab4e856157 100644
--- a/files/en-us/web/api/backgroundfetchevent/index.md
+++ b/files/en-us/web/api/backgroundfetchevent/index.md
@@ -27,10 +27,6 @@ _Inherits properties from its ancestor, {{domxref("Event")}}_.
 - {{domxref("BackgroundFetchEvent.registration")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns the {{domxref("BackgroundFetchRegistration")}} that the event was initialized to.
 
-### Event handlers
-
-None.
-
 ## Instance methods
 
 None.
diff --git a/files/en-us/web/api/credential/index.md b/files/en-us/web/api/credential/index.md
index 59f009df869b0c8..b9dc789fbbe1926 100644
--- a/files/en-us/web/api/credential/index.md
+++ b/files/en-us/web/api/credential/index.md
@@ -23,10 +23,6 @@ The **`Credential`** interface of the [Credential Management API](/en-US/docs/We
 - {{domxref("Credential.type")}} {{ReadOnlyInline}}
   - : Returns a string containing the credential's type. Valid values are `password`, `federated` and `public-key`. (For {{domxref("PasswordCredential")}}, {{domxref("FederatedCredential")}} and {{domxref("PublicKeyCredential")}})
 
-### Event handlers
-
-None.
-
 ## Instance methods
 
 None.
diff --git a/files/en-us/web/api/credentialscontainer/index.md b/files/en-us/web/api/credentialscontainer/index.md
index 47bdb1068049157..0a765aa11e7a3fa 100644
--- a/files/en-us/web/api/credentialscontainer/index.md
+++ b/files/en-us/web/api/credentialscontainer/index.md
@@ -13,10 +13,6 @@ The **`CredentialsContainer`** interface of the [Credential Management API](/en-
 
 None.
 
-### Event handlers
-
-None.
-
 ## Instance methods
 
 - {{domxref("CredentialsContainer.create()")}}
diff --git a/files/en-us/web/api/cssmathsum/index.md b/files/en-us/web/api/cssmathsum/index.md
index 6a6de0189284b1b..d1ea1f357c170f7 100644
--- a/files/en-us/web/api/cssmathsum/index.md
+++ b/files/en-us/web/api/cssmathsum/index.md
@@ -31,10 +31,6 @@ _The interface may also inherit methods from its parent interface, {{domxref("CS
 
 _The interface may also inherit methods from its parent interface, {{domxref("CSSMathValue")}}._
 
-## Event handlers
-
-No
-
 ## Examples
 
 We create an element with a [`width`](/en-US/docs/Web/CSS/width) determined using a [`calc()`](/en-US/docs/Web/CSS/calc) function, then {{domxref("console/log_static", "console.log()")}} the `operator` and `values`, and dig into the values a bit.
diff --git a/files/en-us/web/api/cssmathvalue/index.md b/files/en-us/web/api/cssmathvalue/index.md
index 4cbaeab626ff273..95ed79607462a4c 100644
--- a/files/en-us/web/api/cssmathvalue/index.md
+++ b/files/en-us/web/api/cssmathvalue/index.md
@@ -35,10 +35,6 @@ _The interface may also inherit methods from its parent interface, {{domxref("CS
 
 _The interface may also inherit methods from its parent interface, {{domxref("CSSNumericValue")}}._
 
-## Event handlers
-
-No
-
 ## Examples
 
 We create an element with a [`width`](/en-US/docs/Web/CSS/width) determined using a [`calc()`](/en-US/docs/Web/CSS/calc) function, then {{domxref("console/log_static", "console.log()")}} the `operator`.
diff --git a/files/en-us/web/api/cssunitvalue/index.md b/files/en-us/web/api/cssunitvalue/index.md
index 0e3403b65531107..ca612b1fe7d4315 100644
--- a/files/en-us/web/api/cssunitvalue/index.md
+++ b/files/en-us/web/api/cssunitvalue/index.md
@@ -31,10 +31,6 @@ _The interface may also inherit methods from its parent interface, {{domxref("CS
 
 _The interface may also inherit methods from its parent interface, {{domxref("CSSNumericValue")}}._
 
-## Event handlers
-
-None.
-
 ## Examples
 
 The following shows a method of creating a {{domxref('CSSPositionValue')}} from individual `CSSUnitValue` constructors.
diff --git a/files/en-us/web/api/federatedcredential/index.md b/files/en-us/web/api/federatedcredential/index.md
index cd6e2bd327cd0cf..0294bd8ac30959c 100644
--- a/files/en-us/web/api/federatedcredential/index.md
+++ b/files/en-us/web/api/federatedcredential/index.md
@@ -31,10 +31,6 @@ _Inherits properties from its ancestor, {{domxref("Credential")}}._
 - {{domxref("FederatedCredential.protocol")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns a string containing a credential's federated identity protocol.
 
-### Event handlers
-
-None.
-
 ## Instance methods
 
 None.
diff --git a/files/en-us/web/api/htmlmarqueeelement/index.md b/files/en-us/web/api/htmlmarqueeelement/index.md
index 8477e88b351df96..63f50e07d5bb438 100644
--- a/files/en-us/web/api/htmlmarqueeelement/index.md
+++ b/files/en-us/web/api/htmlmarqueeelement/index.md
@@ -42,15 +42,6 @@ _Inherits properties from its parent, {{DOMxRef("HTMLElement")}}._
 - {{DOMxRef("HTMLMarqueeElement.width")}} {{Deprecated_Inline}}
   - : Sets the width in pixels or percentage value.
 
-### Event handlers
-
-- {{DOMxRef("HTMLMarqueeElement.onbounce")}} {{Deprecated_Inline}}
-  - : Fires when the marquee has reached the end of its scroll position. It can only fire when the behavior attribute is set to `alternate`.
-- {{DOMxRef("HTMLMarqueeElement.onfinish")}} {{Deprecated_Inline}}
-  - : Fires when the marquee has finished the amount of scrolling that is set by the loop attribute. It can only fire when the loop attribute is set to some number that is greater than 0.
-- {{DOMxRef("HTMLMarqueeElement.onstart")}} {{Deprecated_Inline}}
-  - : Fires when the marquee starts scrolling.
-
 ## Instance methods
 
 _Inherits methods from its parent, {{DOMxRef("HTMLElement")}}._
@@ -60,6 +51,15 @@ _Inherits methods from its parent, {{DOMxRef("HTMLElement")}}._
 - {{DOMxRef("HTMLMarqueeElement.stop()")}} {{Deprecated_Inline}}
   - : Stops scrolling of the marquee.
 
+## Events
+
+- {{DOMxRef("HTMLMarqueeElement/bounce_event", "bounce")}} {{Deprecated_Inline}}
+  - : Fires when the marquee has reached the end of its scroll position. It can only fire when the behavior attribute is set to `alternate`.
+- {{DOMxRef("HTMLMarqueeElement/finish_event", "finish")}} {{Deprecated_Inline}}
+  - : Fires when the marquee has finished the amount of scrolling that is set by the loop attribute. It can only fire when the loop attribute is set to some number that is greater than 0.
+- {{DOMxRef("HTMLMarqueeElement/start_event", "start")}} {{Deprecated_Inline}}
+  - : Fires when the marquee starts scrolling.
+
 ## Examples
 
 ```html
diff --git a/files/en-us/web/api/oscillatornode/index.md b/files/en-us/web/api/oscillatornode/index.md
index 3db2089747c1021..273fe46107eb487 100644
--- a/files/en-us/web/api/oscillatornode/index.md
+++ b/files/en-us/web/api/oscillatornode/index.md
@@ -43,7 +43,7 @@ The **`OscillatorNode`** interface represents a periodic waveform, such as a sin
 
 ## Instance properties
 
-_Inherits properties from its parent, {{domxref("AudioScheduledSourceNode")}}, and adds the following properties:_
+_Also inherits properties from its parent, {{domxref("AudioScheduledSourceNode")}}._
 
 - {{domxref("OscillatorNode.frequency")}}
   - : An [a-rate](/en-US/docs/Web/API/AudioParam#a-rate) {{domxref("AudioParam")}} representing the frequency of oscillation in hertz (though the `AudioParam` returned is read-only, the value it represents is not). The default value is 440 Hz (a standard middle-A note).
@@ -52,14 +52,9 @@ _Inherits properties from its parent, {{domxref("AudioScheduledSourceNode")}}, a
 - {{domxref("OscillatorNode.type")}}
   - : A string which specifies the shape of waveform to play; this can be one of a number of standard values, or `custom` to use a {{domxref("PeriodicWave")}} to describe a custom waveform. Different waves will produce different tones. Standard values are `"sine"`, `"square"`, `"sawtooth"`, `"triangle"` and `"custom"`. The default is `"sine"`.
 
-### Event handlers
-
-- {{domxref("AudioScheduledSourceNode.ended_event")}}
-  - : Sets the event handler for the {{domxref("AudioScheduledSourceNode/ended_event", "ended")}} event, which fires when the tone has stopped playing.
-
 ## Instance methods
 
-_Inherits methods from its parent, {{domxref("AudioScheduledSourceNode")}}, and adds the following:_
+_Also inherits methods from its parent, {{domxref("AudioScheduledSourceNode")}}._
 
 - {{domxref("OscillatorNode.setPeriodicWave()")}}
   - : Sets a {{domxref("PeriodicWave")}} which describes a periodic waveform to be used instead of one of the standard waveforms; calling this sets the `type` to `custom`.
@@ -68,6 +63,10 @@ _Inherits methods from its parent, {{domxref("AudioScheduledSourceNode")}}, and
 - {{domxref("AudioScheduledSourceNode.stop()")}}
   - : Specifies the time to stop playing the tone.
 
+## Events
+
+_Also inherits events from its parent, {{domxref("AudioScheduledSourceNode")}}._
+
 ## Examples
 
 The following example shows basic usage of an {{domxref("AudioContext")}} to create an oscillator node and to start playing a tone on it. For an applied example, check out our [Violent Theremin demo](https://mdn.github.io/webaudio-examples/violent-theremin/) ([see app.js](https://github.com/mdn/webaudio-examples/blob/main/violent-theremin/scripts/app.js) for relevant code).
diff --git a/files/en-us/web/api/otpcredential/index.md b/files/en-us/web/api/otpcredential/index.md
index 73bbf679706c2b2..0076f31f61346d5 100644
--- a/files/en-us/web/api/otpcredential/index.md
+++ b/files/en-us/web/api/otpcredential/index.md
@@ -24,10 +24,6 @@ _This interface also inherits properties from {{domxref("Credential")}}._
 - {{domxref("Credential.type", "OTPCredential.type")}}
   - : Inherited from {{domxref("Credential")}}. Always set to `otp` for `OTPCredential` instances.
 
-### Event handlers
-
-None.
-
 ## Instance methods
 
 None.
diff --git a/files/en-us/web/api/passwordcredential/index.md b/files/en-us/web/api/passwordcredential/index.md
index 0b2ab3512ff6359..3db78adfd37b441 100644
--- a/files/en-us/web/api/passwordcredential/index.md
+++ b/files/en-us/web/api/passwordcredential/index.md
@@ -31,10 +31,6 @@ _Inherits properties from its ancestor, {{domxref("Credential")}}._
 - {{domxref("PasswordCredential.password")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : A string containing the password of the credential.
 
-### Event handlers
-
-None.
-
 ## Instance methods
 
 None.
diff --git a/files/en-us/web/api/presentationconnection/index.md b/files/en-us/web/api/presentationconnection/index.md
index 90965ed63b2997f..04bf8adf43a5b63 100644
--- a/files/en-us/web/api/presentationconnection/index.md
+++ b/files/en-us/web/api/presentationconnection/index.md
@@ -24,25 +24,25 @@ The **`PresentationConnection`** interface of the [Presentation API](/en-US/docs
 - {{domxref("PresentationConnection.url")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns the URL used to create or reconnect to the presentation.
 
-### Event handlers
-
-- {{domxref("PresentationConnection.onclose")}} {{Experimental_Inline}}
-  - : Fired when there is a call to {{DOMxRef("PresentationConnection.close", "PresentationConnection.close()")}}.
-- {{domxref("PresentationConnection.onconnect")}} {{Experimental_Inline}}
-  - : Fired when a presentation connection is established.
-- {{domxref("PresentationConnection.onmessage")}} {{Experimental_Inline}}
-  - : Fired when there is a call to {{DOMxRef("PresentationConnection.send", "PresentationConnection.send()")}}.
-- {{domxref("PresentationConnection.onterminated")}}
-  - : Fired when there is a call to {{DOMxRef("PresentationConnection.terminate", "PresentationConnection.terminate()")}}.
-
 ## Instance methods
 
 - {{domxref("PresentationConnection.close()")}} {{Experimental_Inline}}
-  - : Closes the current connection and sends a {{domxref("PresentationConnectionCloseEvent")}} to {{DOMxRef("PresentationConnection.onclosed")}}.
+  - : Closes the current connection and sends a {{domxref("PresentationConnectionCloseEvent")}} to {{DOMxRef("PresentationConnection/close", "close")}} event.
 - {{domxref("PresentationConnection.send()")}} {{Experimental_Inline}}
   - : Sends either binary or text data between a controlling browsing context and a presenting browsing context.
 - {{domxref("PresentationConnection.terminate()")}} {{Experimental_Inline}}
-  - : Terminates the current connection and fires {{DOMxRef("PresentationConnection.onterminated")}}.
+  - : Terminates the current connection and fires {{domxref("PresentationConnection/terminate_event", "terminate")}} event.
+
+## Events
+
+- {{domxref("PresentationConnection/close_event", "close")}} {{Experimental_Inline}}
+  - : Fired when there is a call to {{DOMxRef("PresentationConnection.close", "PresentationConnection.close()")}}.
+- {{domxref("PresentationConnection/connect_event", "connect")}} {{Experimental_Inline}}
+  - : Fired when a presentation connection is established.
+- {{domxref("PresentationConnection/message_event", "message")}} {{Experimental_Inline}}
+  - : Fired when there is a call to {{DOMxRef("PresentationConnection.send", "PresentationConnection.send()")}}.
+- {{domxref("PresentationConnection/terminate_event", "terminate")}} {{Experimental_Inline}}
+  - : Fired when there is a call to {{DOMxRef("PresentationConnection.terminate", "PresentationConnection.terminate()")}}.
 
 ## Specifications
 
diff --git a/files/en-us/web/api/presentationconnectionlist/index.md b/files/en-us/web/api/presentationconnectionlist/index.md
index 7b6a7d06c43dfc5..45da5fccc9c1dbe 100644
--- a/files/en-us/web/api/presentationconnectionlist/index.md
+++ b/files/en-us/web/api/presentationconnectionlist/index.md
@@ -18,9 +18,9 @@ browser-compat: api.PresentationConnectionList
 - {{domxref('PresentationConnectionList.connections')}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : Returns the non-terminated set of {{DOMxRef("PresentationConnection")}}s in the [set of presentation controllers](https://www.w3.org/TR/presentation-api/#dfn-set-of-presentation-controllers).
 
-### Event Handlers
+## Events
 
-- {{domxref('PresentationConnectionList.onconnectionavailable')}} {{Experimental_Inline}}
+- {{domxref('PresentationConnectionList/connectionavailable_event', "connectionavailable")}} {{Experimental_Inline}}
   - : Fired whenever a new [presentation connection](https://www.w3.org/TR/presentation-api/#dfn-presentation-connection) becomes available.
 
 ## Specifications

From b61e3f662ac1b516063082b34e89547d6af91f75 Mon Sep 17 00:00:00 2001
From: Seth Falco <seth@falco.fun>
Date: Thu, 1 Feb 2024 10:18:06 +0000
Subject: [PATCH 631/790] docs: robots meta tag vs robots.txt file (#32043)

* docs: robots meta tag vs robots.txt file

* docs: improve wording for robots meta vs files

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
---
 files/en-us/web/html/element/meta/name/index.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/html/element/meta/name/index.md b/files/en-us/web/html/element/meta/name/index.md
index d40c3a88c24addb..009eebbee4691ed 100644
--- a/files/en-us/web/html/element/meta/name/index.md
+++ b/files/en-us/web/html/element/meta/name/index.md
@@ -240,7 +240,8 @@ The [WHATWG Wiki MetaExtensions page](https://wiki.whatwg.org/wiki/MetaExtension
   > **Note:**
   >
   > - Only cooperative robots follow these rules. Do not expect to prevent email harvesters with them.
-  > - The robot still needs to access the page in order to read these rules. To prevent bandwidth consumption, use a _{{Glossary("robots.txt")}}_ file.
+  > - The robot still needs to access the page in order to read these rules. To prevent bandwidth consumption, consider if using a _{{Glossary("robots.txt")}}_ file is more appropriate.
+  > - The `robots` `<meta>` tag and `robots.txt` file serve different purposes: `robots.txt` controls the crawling of pages, and does not affect indexing or other behavior controlled by `robots` meta. A page that can't be crawled may still be indexed if it is referenced by another document.
   > - If you want to remove a page, `noindex` will work, but only after the robot visits the page again. Ensure that the `robots.txt` file is not preventing revisits.
   > - Some values are mutually exclusive, like `index` and `noindex`, or `follow` and `nofollow`. In these cases the robot's behavior is undefined and may vary between them.
   > - Some crawler robots, like Google, Yahoo and Bing, support the same values for the HTTP header `X-Robots-Tag`; this allows non-HTML documents like images to use these rules.

From 60d15743f2ac73a9475ddccde6ac424e834eeaf9 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 1 Feb 2024 12:13:06 +0100
Subject: [PATCH 632/790] Bump peter-evans/repository-dispatch from 2 to 3
 (#31907)

Bumps [peter-evans/repository-dispatch](https://github.com/peter-evans/repository-dispatch) from 2 to 3.
- [Release notes](https://github.com/peter-evans/repository-dispatch/releases)
- [Commits](https://github.com/peter-evans/repository-dispatch/compare/v2...v3)

---
updated-dependencies:
- dependency-name: peter-evans/repository-dispatch
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 .github/workflows/ping-other-repos.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ping-other-repos.yml b/.github/workflows/ping-other-repos.yml
index c5a6dda65c42c30..a49d93c7fd083cb 100644
--- a/.github/workflows/ping-other-repos.yml
+++ b/.github/workflows/ping-other-repos.yml
@@ -22,7 +22,7 @@ jobs:
       - name: Ping w3c/mdn-spec-links
         # This is one of many possible repos we can ping. When adding other
         # repos, you can follow this w3c/mdn-spec-links one as an example.
-        uses: peter-evans/repository-dispatch@v2
+        uses: peter-evans/repository-dispatch@v3
         with:
           token: ${{ secrets.REPO_PINGER_MDN_SPEC_LINKS }}
           repository: w3c/mdn-spec-links

From 3eac8d8aada11bd83e90f2b0c593b21abfb38446 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 1 Feb 2024 14:39:56 +0000
Subject: [PATCH 633/790] Bump husky from 9.0.7 to 9.0.8 (#32056)

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

diff --git a/package.json b/package.json
index 88fc3b7c70c651b..5a1eb5af3f09023 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "env-cmd": "10.1.0",
     "fdir": "^6.1.1",
     "gray-matter": "^4.0.3",
-    "husky": "9.0.7",
+    "husky": "9.0.8",
     "js-yaml": "^4.1.0",
     "lint-staged": "15.2.1",
     "markdownlint-cli2": "0.12.1",
diff --git a/yarn.lock b/yarn.lock
index a49fa7bf5278750..5801a5c05eb57ea 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3857,10 +3857,10 @@ humanize-ms@^1.2.1:
   dependencies:
     ms "^2.0.0"
 
-husky@9.0.7:
-  version "9.0.7"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-9.0.7.tgz#047f24ec1b6c681206af714b4217c13ee97fff20"
-  integrity sha512-vWdusw+y12DUEeoZqW1kplOFqk3tedGV8qlga8/SF6a3lOiWLqGZZQvfWvY0fQYdfiRi/u1DFNpudTSV9l1aCg==
+husky@9.0.8:
+  version "9.0.8"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-9.0.8.tgz#e10824d483e8e0bd779bca79801a448d435829a6"
+  integrity sha512-/f3Oj+419kf2RkchD5GpFTPj8yAeMYuSs0vB+cgdi8pDxydI8zCFlK/kVQOCqAujahfW6fDBb7t/ZWxTfevOpA==
 
 iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"

From 32e8292195c8e87ea114607cc447386aaccb8b71 Mon Sep 17 00:00:00 2001
From: Charli <72148151+CharliW90@users.noreply.github.com>
Date: Thu, 1 Feb 2024 17:31:35 +0000
Subject: [PATCH 634/790] update example of using union() (#32061)

The description of union states that the order of elements in the returned set is first those in `this` followed by those in `other`.  The example text did not accurately reflect this, showing an element from other as the first element in the new set.
---
 .../web/javascript/reference/global_objects/set/union/index.md  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/set/union/index.md b/files/en-us/web/javascript/reference/global_objects/set/union/index.md
index a1828d0ed67a002..422cd999d64b951 100644
--- a/files/en-us/web/javascript/reference/global_objects/set/union/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/set/union/index.md
@@ -47,7 +47,7 @@ The following example computes the union between the set of even numbers (<10) a
 ```js
 const evens = new Set([2, 4, 6, 8]);
 const squares = new Set([1, 4, 9]);
-console.log(evens.union(squares)); // Set(6) { 1, 2, 4, 6, 8, 9 }
+console.log(evens.union(squares)); // Set(6) { 2, 4, 6, 8, 1, 9 }
 ```
 
 ## Specifications

From 594bf46eb6d68751e6b0dcef807e05f5eee52668 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Moritz=20Gie=C3=9Fmann?=
 <184818+MoritzGiessmann@users.noreply.github.com>
Date: Thu, 1 Feb 2024 21:47:33 +0100
Subject: [PATCH 635/790] Improve explanation for dfn element (#32065)

Improve explanation for dfn element - fixes https://github.com/mdn/content/issues/32042
---
 files/en-us/web/html/element/dfn/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/html/element/dfn/index.md b/files/en-us/web/html/element/dfn/index.md
index 483f25fd101fe29..1be65b574efa170 100644
--- a/files/en-us/web/html/element/dfn/index.md
+++ b/files/en-us/web/html/element/dfn/index.md
@@ -7,7 +7,7 @@ browser-compat: html.elements.dfn
 
 {{HTMLSidebar}}
 
-The **`<dfn>`** [HTML](/en-US/docs/Web/HTML) element is used to indicate the term being defined within the context of a definition phrase or sentence. The ancestor {{HTMLElement("p")}} element, the {{HTMLElement("dt")}}/{{HTMLElement("dd")}} pairing, or the nearest {{HTMLElement("section")}} ancestor of the `<dfn>` element, is considered to be the definition of the term.
+The **`<dfn>`** [HTML](/en-US/docs/Web/HTML) element indicates a term to be defined. The `<dfn>` element should be used in a complete definition statement, where the ancestor {{HTMLElement("p")}} element, the {{HTMLElement("dt")}}/{{HTMLElement("dd")}} pairing, or the nearest {{HTMLElement("section")}} ancestor of the `<dfn>` element, is considered to be the full definition of the term.
 
 {{EmbedInteractiveExample("pages/tabbed/dfn.html", "tabbed-shorter")}}
 

From f78cc1a104586ebcdbba5f3d3c7df7083d369068 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Fri, 2 Feb 2024 05:48:32 +0800
Subject: [PATCH 636/790] remove a duplicated link and fix typo (#32054)

---
 files/en-us/web/css/css_fonts/opentype_fonts_guide/index.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/files/en-us/web/css/css_fonts/opentype_fonts_guide/index.md b/files/en-us/web/css/css_fonts/opentype_fonts_guide/index.md
index 49bc831c013c421..a71aa2375526bd6 100644
--- a/files/en-us/web/css/css_fonts/opentype_fonts_guide/index.md
+++ b/files/en-us/web/css/css_fonts/opentype_fonts_guide/index.md
@@ -56,7 +56,7 @@ Fonts can supply a number of different alternatives for various glyphs, such as
 
 {{EmbedGHLiveSample("css-examples/font-features/font-variant-alternates.html", '100%', 800)}}
 
-In this case, `@stylistic(alternates)` will show all the alternate characters for either font). Applying this to just the word 'My' alters the way the 'M' renders, and applying `@styleset(alt-a)` only changes the lower case 'a'.
+In this case, `@stylistic(alternates)` will show all the alternate characters for either font. Applying this to just the word 'My' alters the way the 'M' renders, and applying `@styleset(alt-a)` only changes the lower case 'a'.
 
 Try changing the line
 
@@ -75,7 +75,6 @@ and notice that the lower case 'a' reverts to its regular form and the lower cas
 #### More about alternates
 
 - <https://www.w3.org/TR/css-fonts-4/#propdef-font-variant-alternates>
-- [https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-alternates](/en-US/docs/Web/CSS/font-variant-alternates)
 
 ### Ligatures
 

From e200f6bd81eaa02fe7780f35f1cd36802a55007b Mon Sep 17 00:00:00 2001
From: ASPhilemon <88459392+ASPhilemon@users.noreply.github.com>
Date: Fri, 2 Feb 2024 00:55:19 +0300
Subject: [PATCH 637/790] Fix typo: replace "where" with "whereas" (#32053)

Update index.md

Replaced the word 'where' with 'whereas' under the section "Object and Map Compared", the first contrast
---
 files/en-us/web/javascript/guide/keyed_collections/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/guide/keyed_collections/index.md b/files/en-us/web/javascript/guide/keyed_collections/index.md
index 1ffd3dfcf14afc0..c95c85a5c2cd522 100644
--- a/files/en-us/web/javascript/guide/keyed_collections/index.md
+++ b/files/en-us/web/javascript/guide/keyed_collections/index.md
@@ -42,7 +42,7 @@ sayings.size; // 0
 
 Traditionally, {{jsxref("Object", "objects", "", 1)}} have been used to map strings to values. Objects allow you to set keys to values, retrieve those values, delete keys, and detect whether something is stored at a key. `Map` objects, however, have a few more advantages that make them better maps.
 
-- The keys of an `Object` are [strings](/en-US/docs/Web/JavaScript/Reference/Global_Objects/String) or [symbols](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol), where they can be of any value for a `Map`.
+- The keys of an `Object` are [strings](/en-US/docs/Web/JavaScript/Reference/Global_Objects/String) or [symbols](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol), whereas they can be of any value for a `Map`.
 - You can get the `size` of a `Map` easily, while you have to manually keep track of size for an `Object`.
 - The iteration of maps is in insertion order of the elements.
 - An `Object` has a prototype, so there are default keys in the map. (This can be bypassed using `map = Object.create(null)`.)

From 7a0dd324168c1c840d8218d692c1fae3c2a25e92 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Thu, 1 Feb 2024 23:37:54 +0100
Subject: [PATCH 638/790] Update index.md - excplicitely indicate direction
 with degrees (#31052)

* Update index.md - excplicitely indicate direction with degrees

I found this confusing so I fixed it

* fix typos

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../orientation_and_motion_data_explained/index.md              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/device_orientation_events/orientation_and_motion_data_explained/index.md b/files/en-us/web/api/device_orientation_events/orientation_and_motion_data_explained/index.md
index 8eff3d9a4ef8161..699a705e729894e 100644
--- a/files/en-us/web/api/device_orientation_events/orientation_and_motion_data_explained/index.md
+++ b/files/en-us/web/api/device_orientation_events/orientation_and_motion_data_explained/index.md
@@ -42,7 +42,7 @@ Rotation around the z axis — that is, twisting the device — causes the **alp
 
 ![Positive alpha rotates the device counter-clockwise.](alpha.png)
 
-The alpha angle is 0° when top of the device is pointed directly toward the Earth's north pole, and increases as the device is rotated toward the left.
+The alpha angle is 0° when top of the device is pointed directly toward the Earth's north pole, and increases as the device is rotated counterclockwise. As such, 90° corresponds with pointing west, 180° with south, and 270° with east.
 
 ### Beta
 

From c828010189c2f9c9e12d3570e6cd769b7c05b1e8 Mon Sep 17 00:00:00 2001
From: Leonid Vinogradov <win.leon@protonmail.com>
Date: Fri, 2 Feb 2024 01:47:56 +0300
Subject: [PATCH 639/790] Add link to demo on `Web/Demos` (#31123)

add link to demo on 'Web/Demos'
---
 files/en-us/web/demos/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/demos/index.md b/files/en-us/web/demos/index.md
index 2d1dcb122046960..e82dc722e5425e7 100644
--- a/files/en-us/web/demos/index.md
+++ b/files/en-us/web/demos/index.md
@@ -41,7 +41,7 @@ If you know of a good demonstration or application of open web technology, pleas
 ### Virtual Reality
 
 - The Polar Sea ([source code](https://github.com/MozillaReality/polarsea))
-- Sechelt fly-through ([source code](https://github.com/MozillaReality/sechelt))
+- [Sechelt fly-through](https://mozvr.github.io/sechelt/) ([source code](https://github.com/MozillaReality/sechelt))
 
 ## CSS
 

From 7de82e7152a2891e9aee5b6f630f1f43849748df Mon Sep 17 00:00:00 2001
From: Cheems_exo <142472729+Cheemx@users.noreply.github.com>
Date: Fri, 2 Feb 2024 04:53:36 +0530
Subject: [PATCH 640/790] Update index.md (#32063)

fixed simple condition statement
---
 files/en-us/web/api/node/lastchild/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/node/lastchild/index.md b/files/en-us/web/api/node/lastchild/index.md
index d0bdecb91ffbcd4..eaf05c758fb5470 100644
--- a/files/en-us/web/api/node/lastchild/index.md
+++ b/files/en-us/web/api/node/lastchild/index.md
@@ -18,7 +18,7 @@ returns the last child of the node, or `null` if there are no child nodes.
 
 ## Value
 
-A {{domxref("Node")}} that is the last child of the node, or `null` is there are no child nodes.
+A {{domxref("Node")}} that is the last child of the node, or `null` if there are no child nodes.
 
 ## Example
 

From a0d283119b6ce5e02265265dda824ab26c057881 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 2 Feb 2024 07:33:08 +0800
Subject: [PATCH 641/790] Remove `buffered` from HTML attributes list (#32064)

remove
---
 files/en-us/web/html/attributes/index.md | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/files/en-us/web/html/attributes/index.md b/files/en-us/web/html/attributes/index.md
index a3c8e2bf70bf301..07c23d932809234 100644
--- a/files/en-us/web/html/attributes/index.md
+++ b/files/en-us/web/html/attributes/index.md
@@ -182,16 +182,6 @@ Elements in HTML have **attributes**; these are additional values that configure
         </div>
       </td>
     </tr>
-    <tr>
-      <td>
-        <code><a href="/en-US/docs/Web/HTML/Attributes/buffered">buffered</a></code>
-      </td>
-      <td>
-        {{ HTMLElement("audio") }},
-        {{ HTMLElement("video") }}
-      </td>
-      <td>Contains the time range of already buffered media.</td>
-    </tr>
     <tr>
       <td>
         <code><a href="/en-US/docs/Web/HTML/Attributes/capture">capture</a></code>

From 2f1d05fea2bd24a1cdab2cb052af86fac18b0eb8 Mon Sep 17 00:00:00 2001
From: hanyujie2002 <yujiehan2002@outlook.com>
Date: Fri, 2 Feb 2024 11:44:30 +0800
Subject: [PATCH 642/790] correct alt info of pictures in typescript svelte
 (#32072)

* fix typo

* fix

* fix
---
 .../svelte_typescript/index.md                                | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
index dd90ae3b9f3d0e3..99f071053eb6e47 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
@@ -187,7 +187,7 @@ Clicking _Install all_ will install Svelte for VS Code.
 
 We can also see that the `setupTypeScript.js` file made a couple of changes to our project. The `main.js` file has been renamed to `main.ts`, which means that VS Code can provide hover-information on our Svelte components:
 
-![VS Code screenshot showing that when you add type="ts" to a component, it gives you three dot alert hints](03-vscode-hints-in-main-ts.png)
+![VS Code screenshot showing that when hovering on a component, it gives you hints](03-vscode-hints-in-main-ts.png)
 
 We also get type checking for free. If we pass an unknown property in the options parameter of the `App` constructor (for example a typo like `traget` instead of `target`), TypeScript will complain:
 
@@ -199,7 +199,7 @@ In the `App.svelte` component, the `setupTypeScript.js` script has added the `la
 
 And if you pass something that is not a number, it will complain about it:
 
-![Type checking in VS Code - App object has been given an unknown property target](06-vscode-type-checking-in-components.png)
+![Type checking in VS Code - the ms variable has been given a non-numeric value](06-vscode-type-checking-in-components.png)
 
 The application template has a `check` script configured that runs `svelte-check` against your code. This package allows you to detect errors and warnings normally displayed by a code editor from the command line, which makes it pretty useful for running it in a continuous integration (CI) pipeline. Just run `npm run check` to check for unused CSS, and return A11y hints and TypeScript compile errors.
 

From ab974511818bbf9808aac743465ad2f2368957e9 Mon Sep 17 00:00:00 2001
From: Amer Adel <80412883+Amer-Adel@users.noreply.github.com>
Date: Fri, 2 Feb 2024 14:27:35 +0200
Subject: [PATCH 643/790] fix(js): correct link to var hoisting section id
 (#32076)

Edit the link to end with right id (#) for the hosting section in its page.
---
 files/en-us/learn/javascript/first_steps/variables/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/javascript/first_steps/variables/index.md b/files/en-us/learn/javascript/first_steps/variables/index.md
index 99d9ee2777b54af..c3fc216d7c7997f 100644
--- a/files/en-us/learn/javascript/first_steps/variables/index.md
+++ b/files/en-us/learn/javascript/first_steps/variables/index.md
@@ -168,7 +168,7 @@ var myName;
 
 > **Note:** This won't work when typing individual lines into a JavaScript console, just when running multiple lines of JavaScript in a web document.
 
-This works because of **hoisting** — read [var hoisting](/en-US/docs/Web/JavaScript/Reference/Statements/var#var_hoisting) for more detail on the subject.
+This works because of **hoisting** — read [var hoisting](/en-US/docs/Web/JavaScript/Reference/Statements/var#hoisting) for more detail on the subject.
 
 Hoisting no longer works with `let`. If we changed `var` to `let` in the above example, it would fail with an error. This is a good thing — declaring a variable after you initialize it results in confusing, harder to understand code.
 

From 48fc56c9b09f4aaf975458bc1de79a49326f292f Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 2 Feb 2024 13:42:48 +0100
Subject: [PATCH 644/790] Bump github/issue-labeler from 3.3 to 3.4 (#32055)

Bumps [github/issue-labeler](https://github.com/github/issue-labeler) from 3.3 to 3.4.
- [Release notes](https://github.com/github/issue-labeler/releases)
- [Commits](https://github.com/github/issue-labeler/compare/v3.3...v3.4)

---
updated-dependencies:
- dependency-name: github/issue-labeler
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 .github/workflows/issue-regex-labeler.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/issue-regex-labeler.yml b/.github/workflows/issue-regex-labeler.yml
index dd777a5c65711ea..a300a12f776ab69 100644
--- a/.github/workflows/issue-regex-labeler.yml
+++ b/.github/workflows/issue-regex-labeler.yml
@@ -7,7 +7,7 @@ jobs:
   issue-labeler:
     runs-on: ubuntu-latest
     steps:
-      - uses: github/issue-labeler@v3.3
+      - uses: github/issue-labeler@v3.4
         with:
           repo-token: "${{ secrets.GITHUB_TOKEN }}"
           configuration-path: .github/issue-regex-labeler.yml

From ccec5393a2b1bbddfdfc1c1d71b076c6ddd3942f Mon Sep 17 00:00:00 2001
From: David Staab <david.staab@gmail.com>
Date: Fri, 2 Feb 2024 07:23:58 -0700
Subject: [PATCH 645/790] Update index.md (#32073)

Added name="expiration" attribute to input in Step 5 of the Active Learning section. This implements a fix for issue #31918
---
 files/en-us/learn/forms/how_to_structure_a_web_form/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/learn/forms/how_to_structure_a_web_form/index.md b/files/en-us/learn/forms/how_to_structure_a_web_form/index.md
index 486ac9798905468..51f3cf533e2f2ab 100644
--- a/files/en-us/learn/forms/how_to_structure_a_web_form/index.md
+++ b/files/en-us/learn/forms/how_to_structure_a_web_form/index.md
@@ -285,6 +285,7 @@ Let's put these ideas into practice and build a slightly more involved form —
        <input
          type="text"
          id="expiration"
+         name="expiration"
          required
          placeholder="MM/YY"
          pattern="^(0[1-9]|1[0-2])\/([0-9]{2})$" />

From 6f816e1744b96aa2d5df7be7a862d340606f9b45 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 2 Feb 2024 14:57:25 +0000
Subject: [PATCH 646/790] Bump husky from 9.0.8 to 9.0.10 (#32080)

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

diff --git a/package.json b/package.json
index 5a1eb5af3f09023..c7da04c8673c06c 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "env-cmd": "10.1.0",
     "fdir": "^6.1.1",
     "gray-matter": "^4.0.3",
-    "husky": "9.0.8",
+    "husky": "9.0.10",
     "js-yaml": "^4.1.0",
     "lint-staged": "15.2.1",
     "markdownlint-cli2": "0.12.1",
diff --git a/yarn.lock b/yarn.lock
index 5801a5c05eb57ea..9357febc76b5f6f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3857,10 +3857,10 @@ humanize-ms@^1.2.1:
   dependencies:
     ms "^2.0.0"
 
-husky@9.0.8:
-  version "9.0.8"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-9.0.8.tgz#e10824d483e8e0bd779bca79801a448d435829a6"
-  integrity sha512-/f3Oj+419kf2RkchD5GpFTPj8yAeMYuSs0vB+cgdi8pDxydI8zCFlK/kVQOCqAujahfW6fDBb7t/ZWxTfevOpA==
+husky@9.0.10:
+  version "9.0.10"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-9.0.10.tgz#ddca8908deb5f244e9286865ebc80b54387672c2"
+  integrity sha512-TQGNknoiy6bURzIO77pPRu+XHi6zI7T93rX+QnJsoYFf3xdjKOur+IlfqzJGMHIK/wXrLg+GsvMs8Op7vI2jVA==
 
 iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"

From 4bf03c104b1bca2068dbff927020e7f802c4af7e Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Fri, 2 Feb 2024 08:58:29 -0800
Subject: [PATCH 647/790] Containment module (#31950)

* links to container queries

* intro for using containment

* complete Using CSS containment

* module landing page

* more

* Container style queries

* broken links

* container style queries

* <style-feature>

* guide text

* oops, forgot the intro

* see also

* see also

* link to style function

* added note

* note about contain values

* intro tweaks

* added container name to @container

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Apply suggestions from code review

* Update files/en-us/web/css/css_containment/using_css_containment/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix flaws

* redirect

* edits based on feedback

* Apply suggestions from code review

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

* Update files/en-us/web/css/css_containment/using_css_containment/index.md

---------

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/_redirects.txt                    |   1 +
 files/en-us/learn/performance/css/index.md    |   2 +-
 .../mozilla/firefox/releases/108/index.md     |   2 +-
 .../mozilla/firefox/releases/110/index.md     |   2 +-
 files/en-us/web/api/resizeobserver/index.md   |   2 +-
 files/en-us/web/css/@container/index.md       |  56 ++++-
 files/en-us/web/css/contain/index.md          |   2 +-
 files/en-us/web/css/container-name/index.md   |   8 +-
 files/en-us/web/css/container-type/index.md   |   6 +-
 files/en-us/web/css/container/index.md        |   4 +-
 .../web/css/css_conditional_rules/index.md    |   4 +-
 .../container_queries}/container-query.svg    |   0
 .../container_queries}/index.md               |   9 +-
 files/en-us/web/css/css_containment/index.md  | 202 ++++++------------
 .../using_css_containment/index.md            | 196 +++++++++++++++++
 .../en-us/web/css/css_media_queries/index.md  |   8 +-
 .../using_media_queries/index.md              |   2 +-
 .../using_multicol_layouts/index.md           |   2 +-
 .../stacking_context/index.md                 |   2 +-
 .../web/css/css_values_and_units/index.md     |   4 +-
 files/en-us/web/css/length/index.md           |   2 +-
 21 files changed, 342 insertions(+), 174 deletions(-)
 rename files/en-us/web/css/{css_container_queries => css_containment/container_queries}/container-query.svg (100%)
 rename files/en-us/web/css/{css_container_queries => css_containment/container_queries}/index.md (93%)
 create mode 100644 files/en-us/web/css/css_containment/using_css_containment/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index e754c29bae2b499..fbe8a3f6dd379ff 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -11481,6 +11481,7 @@
 /en-US/docs/Web/CSS/CSS_Variables	/en-US/docs/Web/CSS/CSS_cascading_variables
 /en-US/docs/Web/CSS/CSS_Viewport	/en-US/docs/Web/CSS
 /en-US/docs/Web/CSS/CSS_charsets	/en-US/docs/Web/CSS/CSS_syntax
+/en-US/docs/Web/CSS/CSS_container_queries	/en-US/docs/Web/CSS/CSS_containment/Container_queries
 /en-US/docs/Web/CSS/CSS_descriptor_definition	/en-US/docs/Web/CSS
 /en-US/docs/Web/CSS/CSS_flex-wrap	/en-US/docs/Web/CSS/flex-wrap
 /en-US/docs/Web/CSS/CSS_flexible_box_layout/Backwards_compatibility_of_flexbox	/en-US/docs/Glossary/Flexbox
diff --git a/files/en-us/learn/performance/css/index.md b/files/en-us/learn/performance/css/index.md
index 0f4fa01a8ed53a8..2710ae2f57bc832 100644
--- a/files/en-us/learn/performance/css/index.md
+++ b/files/en-us/learn/performance/css/index.md
@@ -264,7 +264,7 @@ Applied to the `@font-face` at-rule, the [`font-display`](/en-US/docs/Web/CSS/@f
 
 By using the properties defined in the [CSS containment](/en-US/docs/Web/CSS/CSS_containment) module, you can instruct the browser to isolate different parts of a page and optimize their rendering independently from one another. This allows for improved performance in rendering individual sections. As an example, you can specify to the browser to not render certain containers until they are visible in the viewport.
 
-The {{cssxref("contain")}} property allows an author to specify exactly what containment types they want applied to individual containers on the page. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited part of the DOM.
+The {{cssxref("contain")}} property allows an author to specify exactly what [containment types](/en-US/docs/Web/CSS/CSS_containment/Using_CSS_containment) they want applied to individual containers on the page. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited part of the DOM.
 
 ```css
 article {
diff --git a/files/en-us/mozilla/firefox/releases/108/index.md b/files/en-us/mozilla/firefox/releases/108/index.md
index 7507c52d98dbb61..e06f2d7f6450585 100644
--- a/files/en-us/mozilla/firefox/releases/108/index.md
+++ b/files/en-us/mozilla/firefox/releases/108/index.md
@@ -22,7 +22,7 @@ This article provides information about the changes in Firefox 108 that will aff
 - CSS [`<calc-constant>`](/en-US/docs/Web/CSS/calc-constant) type is implemented to allow for well-known constants such as `pi` and `e` within [math functions](/en-US/docs/Web/CSS/CSS_Functions#math_functions) ([Firefox bug 1682444](https://bugzil.la/1682444), [Firefox bug 1787070](https://bugzil.la/1787070)).
 - Container query length units are now supported via the `layout.css.container-queries.enabled` preference, which is set to `false` by default.
   Setting this preference to `true` allows the use of `cqw`, `cqh`, `cqi`, `cqb`, `cqmin`, and `cqmax` units of length which are relative to the size of a query container.
-  For more information on these units, see the [CSS Container Queries](/en-US/docs/Web/CSS/CSS_container_queries#container_query_length_units) documentation ([Firefox bug 1744231](https://bugzil.la/1744231)).
+  For more information on these units, see the [CSS Container Queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries#container_query_length_units) documentation ([Firefox bug 1744231](https://bugzil.la/1744231)).
 - The [`font-variant-emoji`](/en-US/docs/Web/CSS/font-variant-emoji) property is now supported via the `layout.css.font-variant-emoji.enabled` preference, which is set to `false` by default. This property allows you to set a default presentation style for displaying emojis ([Firefox bug 1461589](https://bugzil.la/1461589)).
 
 ### JavaScript
diff --git a/files/en-us/mozilla/firefox/releases/110/index.md b/files/en-us/mozilla/firefox/releases/110/index.md
index 3899d1cd044630f..059a80311aabc8e 100644
--- a/files/en-us/mozilla/firefox/releases/110/index.md
+++ b/files/en-us/mozilla/firefox/releases/110/index.md
@@ -17,7 +17,7 @@ No notable changes.
 ### CSS
 
 - Container queries and container query length units are now supported by default.
-  For more information on these queries and the related units of length, see the [CSS Container Queries](/en-US/docs/Web/CSS/CSS_container_queries#container_query_length_units) documentation ([Firefox bug 1809720](https://bugzil.la/1809720)).
+  For more information on these queries and the related units of length, see the [CSS Container Queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries#container_query_length_units) documentation ([Firefox bug 1809720](https://bugzil.la/1809720)).
 - The [color-gamut media query](/en-US/docs/Web/CSS/@media/color-gamut) is now supported ([Firefox bug 1422237](https://bugzil.la/1422237)).
 - The [`list`](/en-US/docs/Web/HTML/Element/datalist#color_type) attribute is supported in `<input>` elements with `type="color"` on Windows and Linux ([Firefox bug 960984](https://bugzil.la/960984)).
 - The [`@page`](/en-US/docs/Web/CSS/@page) at-rule now supports named pages, which allows a user to create page breaks for specific selectors using the [`page`](/en-US/docs/Web/CSS/page) property ([Firefox bug 1787947](https://bugzil.la/1787947))
diff --git a/files/en-us/web/api/resizeobserver/index.md b/files/en-us/web/api/resizeobserver/index.md
index 0e653720e5ec32f..800da73aec57517 100644
--- a/files/en-us/web/api/resizeobserver/index.md
+++ b/files/en-us/web/api/resizeobserver/index.md
@@ -122,4 +122,4 @@ As long as the error event does not fire indefinitely, resize observer will sett
 - [The box model](/en-US/docs/Learn/CSS/Building_blocks/The_box_model)
 - {{domxref('PerformanceObserver')}}
 - {{domxref('IntersectionObserver')}} (part of the [Intersection Observer API](/en-US/docs/Web/API/Intersection_Observer_API))
-- Upcoming [container queries](/en-US/docs/Web/CSS/CSS_container_queries) may be a viable alternative for implementing responsive design.
+- Upcoming [container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries) may be a viable alternative for implementing responsive design.
diff --git a/files/en-us/web/css/@container/index.md b/files/en-us/web/css/@container/index.md
index df0c693e7b6bde8..ca2f668c16a1d1b 100644
--- a/files/en-us/web/css/@container/index.md
+++ b/files/en-us/web/css/@container/index.md
@@ -7,11 +7,12 @@ browser-compat: css.at-rules.container
 
 {{CSSRef}}
 
-The **`@container`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule) is a conditional group rule that applies styles to a [containment context](/en-US/docs/Web/CSS/CSS_container_queries#naming_containment_contexts).
+The **`@container`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule) is a conditional group rule that applies styles to a [containment context](/en-US/docs/Web/CSS/CSS_containment/Container_queries#naming_containment_contexts).
 Style declarations are filtered by a condition and applied to the container if the condition is true.
 The condition is evaluated when the container changes size.
 
-An optional case-sensitive {{cssxref("container-name")}} can be provided which filters the set of query containers considered to just those with a matching query container name.
+The {{cssxref("container-name")}} property specifies a list of query container names. These names can be used by `@container` rules to filter which query containers are targeted. The optional, case-sensitive `<container-name>` filters the query containers that are targeted by the query.
+
 Once an eligible query container has been selected for an element, each container feature in the `<container-condition>` is evaluated against that query container.
 
 ## Syntax
@@ -32,13 +33,25 @@ For example:
     font-size: 1.5em;
   }
 }
+/* with an optional <container-name> */
+@container tall (height > 30rem) {
+  h2 {
+    line-height: 1.6;
+  }
+}
 ```
 
 ### Values
 
 - `<container-condition>`
-  - : A set of features that are evaluated against the query container when the size of the container changes.
-    Styles defined in the `<stylesheet>` are applied if the condition is true.
+
+  - : An optional `<container-name>` and a `<container-query>`. Styles defined in the `<stylesheet>` are applied if the condition is true.
+
+    - `<container-name>`
+      - : Optional. The name of the container that the styles will be applied to when the query evaluates to true, spccified as an {{cssxref("ident")}}.
+    - `<container-query>`
+      - : A set of features that are evaluated against the query container when the size of the container changes.
+
 - `<stylesheet>`
   - : A set of CSS declarations.
 
@@ -230,11 +243,36 @@ The following query evaluates to true and applies the declared style if the cont
 }
 ```
 
-### Style container queries
+### Container style queries
 
 {{CSSRef}}{{SeeCompatTable}}
 
-Container queries can also evaluate the computed style of the container element.
+Container queries can also evaluate the computed style of the container element. A _container style query_ is a `@container` query that uses one or more `style()` functional notations. The boolean syntax and logic combining style features into a style query is the same as for [CSS feature queries](/en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries).
+
+```css
+@container style(<style-feature>),
+    not style(<style-feature>),
+    style(<style-feature>) and style(<style-feature>),
+    style(<style-feature>) or style(<style-feature>) {
+  /* <stylesheet> */
+}
+```
+
+The parameter of each `style()` is a single `<style-feature>`. A **`<style-feature>`** is a valid CSS [declaration](/en-US/docs/Web/CSS/syntax#css_declarations), a CSS property, or a [`<custom-property-name>`](/en-US/docs/Web/CSS/var#Values).
+
+```css
+@container style(--themeBackground),
+    not style(background-color: red),
+    style(color: green) and style(background-color: transparent),
+    style(--themeColor: blue) or style(--themeColor: purple) {
+  /* <stylesheet> */
+}
+```
+
+A style feature without a value evaluates to true if the computed value is different from the initial value for the given property.
+
+If the `<style-feature>` passed as the `style()` function's argument is a declaration, the style query evaluates to true if the declaration's value is the same as the computed value of that property for the container being queried. Otherwise, it resolves to false.
+
 The following container query checks if the {{cssxref("computed_value")}} of the container element's `--accent-color` is `blue`:
 
 ```css
@@ -245,6 +283,10 @@ The following container query checks if the {{cssxref("computed_value")}} of the
 
 > **Note:** If a custom property has a value of `blue`, the equivalent hexidecimal code `#0000ff` will not match unless the property has been defined as a color with {{cssxref("@property")}} so the browser can properly compare computed values.
 
+Style features that query a shorthand property are true if the computed values match for each of its longhand properties, and false otherwise. For example, `@container style(border: 2px solid red)` will resolve to true if all 12 longhand properties (`border-bottom-style`, etc.) that make up that shorthand are true.
+
+The global `revert` and `revert-layer` are invalid as values in a `<style-feature>` and cause the container style query to be false.
+
 ## Specifications
 
 {{Specifications}}
@@ -255,7 +297,7 @@ The following container query checks if the {{cssxref("computed_value")}} of the
 
 ## See also
 
-- [Container queries](/en-US/docs/Web/CSS/CSS_container_queries)
+- [Container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries)
 - {{Cssxref("container-name")}}
 - {{Cssxref("container-type")}}
 - {{Cssxref("contain")}}
diff --git a/files/en-us/web/css/contain/index.md b/files/en-us/web/css/contain/index.md
index 8d049c726423098..a48f3661749cfed 100644
--- a/files/en-us/web/css/contain/index.md
+++ b/files/en-us/web/css/contain/index.md
@@ -278,6 +278,6 @@ Because of containment, the first closing quote ignores the inner span and uses
 ## See also
 
 - [CSS containment](/en-US/docs/Web/CSS/CSS_containment)
-- [CSS container queries](/en-US/docs/Web/CSS/CSS_container_queries)
+- [CSS container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries)
 - CSS {{cssxref("content-visibility")}} property
 - CSS {{cssxref("position")}} property
diff --git a/files/en-us/web/css/container-name/index.md b/files/en-us/web/css/container-name/index.md
index baccfa19a2a21d6..a8381ebed0a44f3 100644
--- a/files/en-us/web/css/container-name/index.md
+++ b/files/en-us/web/css/container-name/index.md
@@ -7,10 +7,12 @@ browser-compat: css.properties.container-name
 
 {{CSSRef}}
 
-The **container-name** [CSS](/en-US/docs/Web/CSS) property specifies a list of query container names used by the [@container](/en-US/docs/Web/CSS/@container) at-rule in a [container query](/en-US/docs/Web/CSS/CSS_container_queries).
+The **container-name** [CSS](/en-US/docs/Web/CSS) property specifies a list of query container names used by the [@container](/en-US/docs/Web/CSS/@container) at-rule in a [container query](/en-US/docs/Web/CSS/CSS_containment/Container_queries).
 A container query will apply styles to elements based on the size of the nearest ancestor with a containment context.
 When a containment context is given a name, it can be specifically targeted using the {{Cssxref("@container")}} at-rule instead of the nearest ancestor with containment.
 
+> **Note:** When using the {{cssxref("container-type")}} and `container-name` properties, the `style` and `layout` values of the {{cssxref("contain")}} property are automatically applied.
+
 ## Syntax
 
 ```css
@@ -102,7 +104,7 @@ The following example has two container queries, one that will apply only to the
 }
 ```
 
-For more information on writing container queries, see the [CSS Container Queries](/en-US/docs/Web/CSS/CSS_container_queries) page.
+For more information on writing container queries, see the [CSS Container Queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries) page.
 
 ### Using multiple container names
 
@@ -142,7 +144,7 @@ This is useful if you want to target the same container with multiple container
 
 ## See also
 
-- [CSS container queries](/en-US/docs/Web/CSS/CSS_container_queries)
+- [CSS container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries)
 - {{Cssxref("@container")}} at-rule
 - CSS {{Cssxref("container")}} shorthand property
 - CSS {{Cssxref("container-type")}} property
diff --git a/files/en-us/web/css/container-type/index.md b/files/en-us/web/css/container-type/index.md
index ac1a9056a21f12c..83343c8ea6c6735 100644
--- a/files/en-us/web/css/container-type/index.md
+++ b/files/en-us/web/css/container-type/index.md
@@ -7,12 +7,14 @@ browser-compat: css.properties.container-type
 
 {{CSSRef}}
 
-An element can be established as a query container for [container size queries](/en-US/docs/Web/CSS/CSS_container_queries) using the **`container-type`** [CSS](/en-US/docs/Web/CSS) property. `container-type` is used to define the type of size containment used in a container query.
+An element can be established as a query container for [container size queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries) using the **`container-type`** [CSS](/en-US/docs/Web/CSS) property. `container-type` is used to define the type of size containment used in a container query.
 
 Size containment turns off the ability of an element to get size information from its contents, which is important for container queries to avoid infinite loops. If this were not the case, a CSS rule inside a container query could change the content size, which in turn could make the query evaluate to false and change the parent element's size, which in turn could change the content size and flip the query back to true, and so on.
 
 The container size has to be set explicitly or by context — for example, block elements, flex containers, and grid containers stretching to the full width of their parent. If an explicit or contextual size is not available, elements with size containment will collapse.
 
+> **Note:** When using the `container-type` and {{cssxref("container-name")}} properties, the `style` and `layout` values of the {{cssxref("contain")}} property are automatically applied.
+
 ## Syntax
 
 ```css
@@ -144,7 +146,7 @@ Writing a container query via the {{Cssxref("@container")}} at-rule will apply s
 
 ## See also
 
-- [CSS container queries](/en-US/docs/Web/CSS/CSS_container_queries)
+- [CSS container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries)
 - {{Cssxref("@container")}} at-rule
 - CSS {{Cssxref("container")}} shorthand property
 - CSS {{Cssxref("container-name")}} property
diff --git a/files/en-us/web/css/container/index.md b/files/en-us/web/css/container/index.md
index 005ad474e25a9e2..d695a6ad57819ad 100644
--- a/files/en-us/web/css/container/index.md
+++ b/files/en-us/web/css/container/index.md
@@ -7,7 +7,7 @@ browser-compat: css.properties.container
 
 {{CSSRef}}
 
-The **container** [shorthand](/en-US/docs/Web/CSS/Shorthand_properties) [CSS](/en-US/docs/Web/CSS) property establishes the element as a query container and specifies the name or name for the [containment context](/en-US/docs/Web/CSS/CSS_container_queries#naming_containment_contexts) used in a [container query](/en-US/docs/Web/CSS/CSS_container_queries).
+The **container** [shorthand](/en-US/docs/Web/CSS/Shorthand_properties) [CSS](/en-US/docs/Web/CSS) property establishes the element as a query container and specifies the name and type of the [containment context](/en-US/docs/Web/CSS/CSS_containment/Container_queries#naming_containment_contexts) used in a [container query](/en-US/docs/Web/CSS/CSS_containment/Container_queries).
 
 ## Constituent properties
 
@@ -100,7 +100,7 @@ You can then target that container by name using the {{cssxref("@container")}} a
 
 ## See also
 
-- [CSS container queries](/en-US/docs/Web/CSS/CSS_container_queries)
+- [CSS container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries)
 - {{Cssxref("@container")}} at-rule
 - CSS {{Cssxref("contain")}} property
 - CSS {{Cssxref("container-type")}} property
diff --git a/files/en-us/web/css/css_conditional_rules/index.md b/files/en-us/web/css/css_conditional_rules/index.md
index 6c01f2988f19818..b34e4e81b660e8a 100644
--- a/files/en-us/web/css/css_conditional_rules/index.md
+++ b/files/en-us/web/css/css_conditional_rules/index.md
@@ -18,7 +18,7 @@ CSS conditional rules now include feature queries; the `@supports` at-rule enabl
 
 The CSS conditional rules module also expands `@media` to enable nesting at-rules, with the related [CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries) module removing unused media types and adding many media features and conditions that can be targeted.
 
-The [CSS container queries module](/en-US/docs/Web/CSS/CSS_container_queries) defines similar conditional rules, but based on an element's parent rather than the viewport.
+The [CSS container queries module](/en-US/docs/Web/CSS/CSS_containment/Container_queries) defines similar conditional rules, but based on an element's parent rather than the viewport.
 
 There are plans to further extend possible queries by adding the generalized conditional rule `@when` and the chained conditional rule `@else`. These two at-rules are not yet supported.
 
@@ -118,6 +118,6 @@ There are plans to further extend possible queries by adding the generalized con
 
 ## See also
 
-- [CSS container queries](/en-US/docs/Web/CSS/CSS_container_queries) module
+- [CSS container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries) module
 - [CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries) module
 - [CSS cascade and inheritance](/en-US/docs/Web/CSS/CSS_cascade) module
diff --git a/files/en-us/web/css/css_container_queries/container-query.svg b/files/en-us/web/css/css_containment/container_queries/container-query.svg
similarity index 100%
rename from files/en-us/web/css/css_container_queries/container-query.svg
rename to files/en-us/web/css/css_containment/container_queries/container-query.svg
diff --git a/files/en-us/web/css/css_container_queries/index.md b/files/en-us/web/css/css_containment/container_queries/index.md
similarity index 93%
rename from files/en-us/web/css/css_container_queries/index.md
rename to files/en-us/web/css/css_containment/container_queries/index.md
index a4dcdd663383c99..ec69c2ca734caa7 100644
--- a/files/en-us/web/css/css_container_queries/index.md
+++ b/files/en-us/web/css/css_containment/container_queries/index.md
@@ -1,26 +1,27 @@
 ---
 title: CSS container queries
-slug: Web/CSS/CSS_container_queries
+slug: Web/CSS/CSS_containment/Container_queries
 page-type: guide
 ---
 
 {{CSSRef}}
 
 Container queries enable you to apply styles to an element based on the size of the element's container. If, for example, a container has less space available in the surrounding context, you can hide certain elements or use smaller fonts.
+
 Container queries are an alternative to [media queries](/en-US/docs/Web/CSS/CSS_media_queries), which apply styles to elements based on viewport size or other device characteristics.
 
-![A media query based on the viewport's width, which is the full width of the browser, and a container query based on the width of a container context, which is the width of the container element.](container-query.svg)
+![Two different query types. First, a media query based on the viewport's width, which is the full width of the browser. Second, a container query based on the width of a container element.](container-query.svg)
 
 ## Using container queries
 
 To use container queries, you need to declare a **containment context** on an element so that the browser knows you might want to query the dimensions of this container later.
-To do this, use the {{Cssxref("container-type")}} property with a value of `size`, `inline-size`, or `normal`.
+To do this, use the {{cssxref("container-type")}} property with a value of `size`, `inline-size`, or `normal`.
 
 These values have the following effects:
 
 - `size`
   - : The query will be based on the [inline and block](/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values#block_and_inline_dimensions) dimensions of the container.
-    Applies layout, style, and size containment to the container.
+    Applies layout, style, and size [containment](/en-US/docs/Web/CSS/CSS_containment/Using_CSS_containment) to the container.
 - `inline-size`
   - : The query will be based on the [inline](/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values#block_and_inline_dimensions) dimensions of the container.
     Applies layout, style, and inline-size containment to the element.
diff --git a/files/en-us/web/css/css_containment/index.md b/files/en-us/web/css/css_containment/index.md
index 6f0c1024fc50bdb..91c2120c8391fb6 100644
--- a/files/en-us/web/css/css_containment/index.md
+++ b/files/en-us/web/css/css_containment/index.md
@@ -2,184 +2,108 @@
 title: CSS containment
 slug: Web/CSS/CSS_containment
 page-type: css-module
-browser-compat:
-  - css.properties.contain
-  - css.properties.content-visibility
+spec-urls:
+  - https://drafts.csswg.org/css-contain-2/
+  - https://drafts.csswg.org/css-contain-3/
 ---
 
 {{CSSRef}}
 
-The aim of the **CSS containment** module is to improve performance of web pages by allowing the browser to isolate a subtree of the page from the rest of the page.
-If the browser knows that a part of the page is independent, rendering can be optimized and performance improved.
+The **CSS containment** module defines containment and container queries.
 
-In addition, it lets developers indicate whether or not an element should render its contents at all, and whether it should render its contents when it is offscreen.
-This allows the user agent to apply containment on elements when appropriate, and potentially defer layout and rendering until it is actually needed.
+Containment enables the isolation of page subtrees from the rest of the DOM. The browser can then improve performance by optimizing the rendering of these independent parts.
 
-The specification defines the CSS properties {{cssxref("contain")}} and {{cssxref("content-visibility")}}.
-This document describes the basic aims of the specification.
-For details on CSS container queries, see [CSS Container Queries](/en-US/docs/Web/CSS/CSS_container_queries).
+Container queries are similar to dimension [media queries](/en-US/docs/Web/CSS/CSS_media_queries), except that the queries are based on the dimensions of a specific container element defined as a _containment context_, rather than on the dimensions of the viewport. Container queries enable querying a container's size, properties, and property values to conditionally apply CSS styles. When applying these conditional styles, you can use container query length units, which specify lengths relative to the dimensions of the query container. Additional properties are defined to enable establishing a specific element as a query container and giving it a specific name.
 
-## Basic example
-
-Many webpages contain several sections which are independent of each other. For example a listing of article headlines and content, as in the markup below.
-
-```html
-<h1>My blog</h1>
-<article>
-  <h2>Heading of a nice article</h2>
-  <p>Content here.</p>
-</article>
-<article>
-  <h2>Another heading of another article</h2>
-  <p>More content here.</p>
-</article>
-```
-
-Each article has the {{cssxref("contain")}} property with a value of `content` applied in the CSS.
-
-```css
-article {
-  contain: content;
-}
-```
-
-Each article is independent of the other articles on the page, and so they have been given `contain: content` to indicate to the browser that this is the case. The browser can then use this information to make decisions about how to render the content. For example, it might not render articles that are outside the viewable area.
-
-If we give each `<article>` the `contain` property with a value of `content`, when new elements are inserted the browser does not need to recalculate layout or repaint any area outside of the containing element's subtree.
-If the `<article>` is styled such that its size depends on its contents (e.g. with `height: auto`), then the browser may need to account for its size changing.
-
-We have told it by way of the `contain` property that each article is independent.
-
-The `content` value is shorthand for `contain: layout paint style`.
-It tells the browser that the internal layout of the element is totally separate from the rest of the page, and that everything about the element is painted inside its bounds. Nothing can visibly overflow.
-
-This information is something that is usually known, and in fact quite obvious, to the web developer creating the page.
-However browsers cannot guess at your intent and cannot assume that an article will be entirely self-contained.
-Therefore this property gives you a nice way to explain to the browser this fact, and allow it to make performance optimizations based on that knowledge.
-
-## Key concepts and terminology
-
-### `contain` values
-
-The values for the {{cssxref("contain")}} property indicate the type of containment that you want to apply to that element.
-
-#### Layout containment
-
-```css
-article {
-  contain: layout;
-}
-```
-
-Layout is normally scoped to the entire document, which means that if you move one element the entire document needs to be treated as if things could have moved anywhere. By using `contain: layout` you can tell the browser it only needs to check this element — everything inside the element is scoped to that element and does not affect the rest of the page, and the containing box establishes an independent formatting context.
-
-In addition:
-
-- `float` layout will be performed independently.
-- Margins won't collapse across a layout containment boundary
-- The layout container will be a containing block for `absolute`/`fixed` position descendants.
-- The containing box creates a stacking context, therefore {{cssxref("z-index")}} can be used.
-
-#### Paint containment
-
-```css
-article {
-  contain: paint;
-}
-```
-
-Paint containment essentially clips the box to the padding edge of the principal box. There can be no visible overflow. The same things are true for `paint` containment as `layout` containment (see above).
-
-Another advantage is that if the containing box is offscreen, the browser does not need to paint its contained elements — these must also be offscreen as they are contained completely by that box.
-
-#### Size containment
+## Reference
 
-```css
-article {
-  contain: size;
-}
-```
+### Properties
 
-Size containment does not offer much in the way of performance optimizations when used on its own. However, it means that the size of the element's children cannot affect the size of the element itself — its size is computed as if it had no children.
+- {{cssxref("contain")}}
+- {{cssxref("container")}} shorthand
+  - {{cssxref("container-name")}}
+  - {{cssxref("container-type")}}
+- {{cssxref("content-visibility")}}
 
-If you turn on `contain: size` you need to also specify the size of the element you have applied this to using [`contain-intrinsic-size`](/en-US/docs/Web/CSS/contain-intrinsic-size) (or the equivalent longhand properties).
-It will end up being zero-sized in most cases, if you don't manually give it a size.
+### At-rules and descriptors
 
-#### Style containment
+- {{cssxref("@container")}}
+- [`@container` descriptors](/en-US/docs/Web/CSS/@container#descriptors):
+  - `aspect-ratio`
+  - `block-size`
+  - `height`
+  - `inline-size`
+  - `orientation`
+  - `width`
 
-```css
-article {
-  contain: style;
-}
-```
+### Functions
 
-Despite the name, style containment does not provide scoped styles such as you would get with the [Shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM).
-The main use case is to prevent situations where a [CSS Counter](/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters) could be changed in an element, which could then affect the rest of the tree.
+- [`style()`](/en-US/docs/Web/CSS/@container#container_style_queries)
 
-Using `contain: style` would ensure that the {{cssxref("counter-increment")}} and {{cssxref("counter-set")}} properties created new counters scoped to that subtree only.
+### Data types
 
-#### Special values
+- [`<container-name>`](/en-US/docs/Web/CSS/@container#values)
+- [`<style-feature>`](/en-US/docs/Web/CSS/@container#Container_style_queries)
+- [Container relative `<length>` units](/en-US/docs/Web/CSS/length#container_query_length_units)
 
-There are two special values of contain:
+### Events
 
-- `content`
-- `strict`
+- {{domxref("Element.contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}}
 
-We encountered the first in the example above. Using `contain: content` turns on `layout`, `paint`, and `style` containment. The specification describes this value as being "reasonably safe to apply widely". It does not apply `size` containment, so you would not be at risk of a box ending up zero-sized due to a reliance on the size of its children.
+### Interfaces
 
-To gain as much containment as possible use `contain: strict`, which behaves the same as `contain: size layout paint style`:
+- {{domxref("ContentVisibilityAutoStateChangeEvent")}}
+  - {{domxref("ContentVisibilityAutoStateChangeEvent.skipped", "skipped")}} property
+- {{domxref("CSSContainerRule")}}
+  - {{domxref("CSSContainerRule.containerName")}}
+  - {{domxref("CSSContainerRule.containerQuery")}}
 
-```css
-contain: strict;
-```
+## Guides
 
-### `content-visibility`
+- [CSS container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries)
 
-{{cssxref("content-visibility")}} controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. Basically it enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.
+  - : A guide to using container queries with `@container`, including naming containment contexts.
 
-Its possible values are:
+- [Using CSS containment](/en-US/docs/Web/CSS/CSS_containment/Using_CSS_containment)
 
-- `visible`: The default behavior — an element's contents are laid out and rendered as normal.
-- `hidden`: The element skips its contents. The skipped contents must not be accessible to user agent features such as find-in-page, tab-order navigation, etc., nor be selectable or focusable.
-- `auto`: The element turns on layout containment, style containment, and paint containment. If the element is not relevant to the user, it also skips its contents. Unlike `hidden`, the skipped contents must still be available as normal to user-agent features such as find-in-page, tab order navigation, etc., and must be focusable and selectable as normal.
+  - : Describes the basic aims of CSS containment and how to leverage `contain` and `content-visibility` for a better user experience.
 
-### Relevant to the user
+## Related concepts
 
-The specification refers to the concept of [relevant to the user](https://drafts.csswg.org/css-contain/#relevant-to-the-user). An element that is relevant to the user should be rendered, as it is visible, and/or being interacted with by the user.
+- [Layout and the containing block](/en-US/docs/Web/CSS/Containing_block)
+- [Block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context)
 
-To be precise, an element is relevant to the user if any of the following are true:
+- [CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries) module
 
-- The element appears in the viewport, or a user-agent-defined margin around the viewport (50% of the viewport dimensions, to give the app time to prepare for when the element visibility changes).
-- The element or its contents receive focus.
-- The element or its contents are selected, for example by dragging over the text with the mouse cursor or by some other highlight operation.
-- The element or its contents are placed in the [top layer](https://drafts.csswg.org/css-position-4/#top-layer).
+  - {{cssxref("@media")}} at-rule
+  - [CSS logical operators](/en-US/docs/Web/CSS/@media#logical_operators) (`not`, `or`, and `and`)
 
-### Skips its contents
+- [CSS transitions](/en-US/docs/Web/CSS/CSS_transitions) module
 
-The specification refers to the concept of [skips its contents](https://drafts.csswg.org/css-contain/#skips-its-contents). This means that the element referred to is not relevant to the user and will not be rendered to improve performance.
+  - {{cssxref("@starting-style")}} at-rule
+  - {{cssxref("transition-behavior")}} property
 
-To be precise, when an element skips its contents:
+- CSS box sizing module
 
-- It has layout, style, paint, and size containment turned on.
-- Its contents are not painted, as if {{cssxref("visibility", "visibility: hidden")}} was set on it.
-- Its contents do not receive pointer events, as if {{cssxref("pointer-events", "pointer-events: none")}} was set on it.
+  - {{cssxref("contain-intrinsic-size")}} shorthand property
+  - {{CSSxRef("contain-intrinsic-inline-size")}} property
+  - {{CSSxRef("contain-intrinsic-size")}} property
+  - {{CSSxRef("contain-intrinsic-width")}} property
+  - {{CSSxRef("contain-intrinsic-height")}} property
 
-## Reference
+- [CSS counter styles](/en-US/docs/Web/CSS/CSS_counter_styles) module
 
-### CSS Properties
+  - [Using CSS counters](/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters) guide
 
-- {{cssxref("contain")}}
-- {{cssxref("content-visibility")}}
+- [CSS nesting](/en-US/docs/Web/CSS/CSS_nesting) module
+  - [CSS nesting at-rules](/en-US/docs/Web/CSS/CSS_nesting/Nesting_at-rules) guide
 
 ## Specifications
 
 {{Specifications}}
 
-## Browser compatibility
-
-{{Compat}}
-
 ## See also
 
-- [An Introduction to CSS Containment](https://blogs.igalia.com/mrego/2019/01/11/an-introduction-to-css-containment/)
-- The {{domxref("element/contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}} event
+- [Using feature queries](/en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries)
+- [Using CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
+- {{cssxref("@supports")}} at-rule
diff --git a/files/en-us/web/css/css_containment/using_css_containment/index.md b/files/en-us/web/css/css_containment/using_css_containment/index.md
new file mode 100644
index 000000000000000..e80c924dbd79262
--- /dev/null
+++ b/files/en-us/web/css/css_containment/using_css_containment/index.md
@@ -0,0 +1,196 @@
+---
+title: Using CSS containment
+slug: Web/CSS/CSS_containment/Using_CSS_containment
+page-type: guide
+---
+
+{{CSSRef}}
+
+CSS containment improves the performance of web pages by allowing the browser to isolate a subtree of the page from the rest of the page. If the browser knows that a part of the page is independent from the rest of the content, rendering can be optimized and performance improved.
+
+The {{cssxref("contain")}} and {{cssxref("content-visibility")}} properties enable developers to inform user agents whether or not an element should render its contents at all, and whether it should render its contents when it is offscreen. The user agent then applies containment to elements when appropriate, potentially deferring layout and rendering until needed.
+
+This guide describes the basic aims of CSS containment and how to leverage `contain` and `content-visibility` for a better user experience.
+
+## Basic example
+
+Web pages often contain multiple sections which are, logically, independent of each other. CSS containment enables them to be treated truly independently from each other when it comes to rendering.
+
+For example, blogs usually contain several articles, each containing a headline and content, as in the markup below.
+
+```html
+<h1>My blog</h1>
+<article>
+  <h2>Heading of a nice article</h2>
+  <p>Content here.</p>
+</article>
+<article>
+  <h2>Another heading of another article</h2>
+  <p>More content here.</p>
+</article>
+```
+
+With CSS, we apply the {{cssxref("contain")}} property with a value of `content` to each article. The `content` value is shorthand for `contain: layout paint style`:
+
+```css
+article {
+  contain: content;
+}
+```
+
+Logically, each article is independent of the other articles on the page. This information is something that is usually known, and likely quite obvious, to the web developer creating the page.
+However, browsers don't know the intent of your content and cannot assume that an article or other section of content will be entirely self-contained.
+
+This property provides a way of explaining this to the browser and giving it explicit permission to make performance optimizations.
+It tells the browser that the internal layout of the element is completely separate from the rest of the page, and that everything about the element is painted inside its bounds. Nothing can visibly overflow.
+
+By setting `contain: content` on each `<article>` we have indicated this; we have told the browser that each article is independent. The browser can then use this information to make decisions about how to render each `<article>` of content. For example, it might not render articles that are outside the viewable area.
+
+When additional articles are appended at the end of the page, the browser does not need to recalculate layout or repaint the preceding content; it also doesn't need to touch any area outside of the containing element's subtree. If box model properties are dependent, however, the browser will need to recalculate layout and repaint. For example, if the `<article>` is styled such that its size depends on its contents (e.g. with `height: auto`), then the browser will need to account for its size changing.
+
+## Key concepts and terminology
+
+### `contain` values
+
+There are four types of containment: layout, paint, size, and style. Use the {{cssxref("contain")}} property to specify the type or types you want to apply to an element by including any combination of these types.
+
+#### Layout containment
+
+```css
+article {
+  contain: layout;
+}
+```
+
+Layout is normally scoped to the entire document, which means that if you move one element the entire document needs to be treated as if things could have moved anywhere. By using `contain: layout` you can tell the browser it only needs to check this element — everything inside the element is scoped to that element and does not affect the rest of the page, with the containing box establishing an independent [formatting context](/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts).
+
+In addition:
+
+- {{cssxref("float")}} layout will be performed independently inside the specified element.
+- Margins won't collapse across a layout containment boundary.
+- The layout container is a [containing block](/en-US/docs/Web/CSS/Containing_block) for `absolute`- and `fixed`-positioned descendants.
+- The containing box creates a [stacking context](/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context), therefore {{cssxref("z-index")}} can be used.
+
+> **Note:** The `style` and `layout` values of `contain` are automatically applied when using the {{cssxref("container-type")}} and {{cssxref("container-name")}} properties.
+
+#### Paint containment
+
+```css
+article {
+  contain: paint;
+}
+```
+
+Paint containment essentially clips the box to the padding edge of the [principal box](/en-US/docs/Web/CSS/Visual_formatting_model#the_principal_box). There can be no visible overflow. The same additional notes are true for `paint` containment as `layout` containment (see above).
+
+Another advantage is that if the element with containment applied is offscreen, the browser does not need to paint its child elements — these are also offscreen as they are contained completely by that box.
+
+#### Size containment
+
+```css
+article {
+  contain: size;
+}
+```
+
+Size containment does not offer much in the way of performance optimizations when used on its own. However, size containment means that the size of the size-contained element's children cannot affect the size of the element itself — its size is computed as if it had no children.
+
+If you set `contain: size` on an element, you need to specify the size of the element using {{cssxref("contain-intrinsic-size")}}, or the longhand properties {{cssxref("contain-intrinsic-width")}} and {{cssxref("contain-intrinsic-height")}}, in that order. If no size is set, the element risks being zero-sized in most cases.
+
+```css
+article {
+  contain: size;
+  contain-intrinsic-size: 100vw auto;
+}
+```
+
+#### Style containment
+
+```css
+article {
+  contain: style;
+}
+```
+
+Despite the name, style containment does not provide scoped styles such as you would get with the [Shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM) or {{cssxref("@scope")}}.
+The main use case for the `style` value is to prevent situations where a [CSS counter](/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters) could be changed in an element, which could then affect the rest of the tree.
+
+Using `contain: style` ensures the {{cssxref("counter-increment")}} and {{cssxref("counter-set")}} properties create new counters scoped to that subtree only.
+
+You can include more than one containment type by including multiple space-separated values, such as `contain: layout paint` or by using one of the two [special values](#special-values).
+
+#### Special values
+
+There are two special values of `contain` that are shorthand for the first three or all four of the containment types:
+
+- `content`
+- `strict`
+
+We encountered the first in the example above. Using `contain: content` turns on `layout`, `paint`, and `style` containment. As it omits `size`, it is a safe value to apply widely.
+
+The `contain: strict` declaration, which behaves the same as the declaration `contain: size layout paint style` (which includes four space-separated values), provides the most containment. It is riskier to use as it applies `size` containment; the risk exists that a box could end up zero-sized due to a reliance on the size of its children.
+
+To remove this risk, always set a size when using `strict`:
+
+```css
+article {
+  contain: strict;
+  contain-intrinsic-size: 80vw auto;
+}
+```
+
+The above is the same as:
+
+```css
+article {
+  contain: size layout paint style;
+  contain-intrinsic-size: 80vw auto;
+}
+```
+
+### `content-visibility`
+
+When you have a lot of content that would benefit from heavy containment that will often be offscreen — for example if all your blog posts are viewable on the blog home pages as an infinitely scrollable blog — `content-visibility: auto` can be used to apply all of the containments at once.
+
+The {{cssxref("content-visibility")}} property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. It enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.
+
+Its possible values are:
+
+- `visible`: The default behavior — an element's contents are laid out and rendered as normal.
+- `hidden`: The element [skips its contents](#skips-its-contents). The skipped contents will not be accessible to user agent features such as find-in-page, tab-order navigation, etc., nor be selectable or focusable.
+- `auto`: The element turns on layout containment, style containment, and paint containment, as if `contain: content` was set. If the element is not [relevant to the user](#relevant_to_the_user), it also skips its contents. Unlike `hidden`, the skipped content is still available for user interactions, remaining focusable, selectable, in regular tab order, and available to in-content search.
+
+### Relevant to the user
+
+User-agents have a concept of content being [relevant to the user](https://drafts.csswg.org/css-contain/#relevant-to-the-user). An element becomes "relevant to the user" if any of the following are true:
+
+- The element appears in the viewport, or a user-agent-defined margin around the viewport (50% of the viewport dimensions, to give the app time to prepare for when the element visibility changes).
+- The element or its contents receive focus.
+- The element or its contents are selected, for example by dragging over the text with the mouse cursor or by some other highlight operation.
+- The element or its contents are placed in the {{glossary("top layer")}}.
+
+When `content-visibility: auto` is set, and the browser determines that content is relevant to the user, the browser will render that content.
+
+### Skips its contents
+
+When you set `content-visibility: hidden` on an element, you are telling the browser that it is not relevant to the user, and therefore its [contents should be skipped](https://drafts.csswg.org/css-contain/#skips-its-contents) and not rendered. This helps to improve performance.
+
+The browser will also skip an element's contents when `content-visibility: auto` is set on it, and the browser determines that its content is _not_ relevant to the user.
+
+When an element skips its contents:
+
+- It has layout, style, paint, and size containment turned on.
+- Its contents are not painted, as if {{cssxref("visibility", "visibility: hidden")}} was set on it.
+- Its contents do not receive pointer events, as if {{cssxref("pointer-events", "pointer-events: none")}} was set on it.
+
+This happens in both the cases mentioned above, but with `content-visibility: auto` the content can be searched, receive focus, and otherwise move from not relevant to relevant. This is not the case for `content-visibility: hidden`.
+
+> **Note:** To animate the transition from `content-visibility: hidden` to a visible value, you will need to set {{cssxref("transition-behavior", "transition-behavior:&nbsp;allow-discrete")}} and {{cssxref("@starting-style")}} styles. See [transitioning `display` and `content-visibility`](/en-US/docs/Web/CSS/CSS_transitions/Using_CSS_transitions#transitioning_display_and_content-visibility) to learn more.
+
+## See also
+
+- [CSS containment module](/en-US/docs/Web/CSS/CSS_containment)
+- [Learn: CSS performance optimization](/en-US/docs/Learn/Performance/CSS)
+- [CSS container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries)
+- [An Introduction to CSS Containment](https://blogs.igalia.com/mrego/2019/01/11/an-introduction-to-css-containment/) via Igalia.com (2019)
+- The {{domxref("element/contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}} event
diff --git a/files/en-us/web/css/css_media_queries/index.md b/files/en-us/web/css/css_media_queries/index.md
index ff7a0463d9f357a..537ea189e6818ac 100644
--- a/files/en-us/web/css/css_media_queries/index.md
+++ b/files/en-us/web/css/css_media_queries/index.md
@@ -18,7 +18,7 @@ Other common examples include increasing the font size and hiding navigation men
 
 In [CSS](/en-US/docs/Web/CSS), use the {{cssxref("@media")}} [at-rule](/en-US/docs/Web/CSS/At-rule) to conditionally apply part of a style sheet based on the result of a media query. To conditionally apply an entire style sheet, use {{cssxref("@import")}}.
 
-When designing reusable HTML components, you may also use [container queries](/en-US/docs/Web/CSS/CSS_container_queries), which allow you to apply styles based on the size of a containing element rather than the viewport or other device characteristics.
+When designing reusable HTML components, you may also use [container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries), which allow you to apply styles based on the size of a containing element rather than the viewport or other device characteristics.
 
 ## Reference
 
@@ -108,8 +108,8 @@ When designing reusable HTML components, you may also use [container queries](/e
 
 - [CSS containment](/en-US/docs/Web/CSS/CSS_containment) module
   - {{cssxref("@container")}} at-rule
-  - [Using container queries](/en-US/docs/Web/CSS/CSS_container_queries)
-- [CSS conditional rules](/en-US/docs/Web/CSS/CSS_container_queries) module
+  - [Using container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries)
+- [CSS conditional rules](/en-US/docs/Web/CSS/CSS_conditional_rules) module
   - {{cssxref("@supports")}} at-rule
   - [Using feature queries](/en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries)
 - [CSS paged media](/en-US/docs/Web/CSS/CSS_paged_media) module
@@ -134,7 +134,7 @@ When designing reusable HTML components, you may also use [container queries](/e
 
 ## See also
 
+- [Container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries)
 - [Using the `srcset` and `sizes` attributes](/en-US/docs/Web/HTML/Element/img#using_the_srcset_and_sizes_attributes)
-- [Container queries](/en-US/docs/Web/CSS/CSS_container_queries)
 - [CSS paged media](/en-US/docs/Web/CSS/CSS_paged_media)
 - Use {{cssxref("@supports")}} to apply styles that depend on browser support for various CSS technologies.
diff --git a/files/en-us/web/css/css_media_queries/using_media_queries/index.md b/files/en-us/web/css/css_media_queries/using_media_queries/index.md
index f5abc7d9a671c46..9816e02f1444d38 100644
--- a/files/en-us/web/css/css_media_queries/using_media_queries/index.md
+++ b/files/en-us/web/css/css_media_queries/using_media_queries/index.md
@@ -309,7 +309,7 @@ For example, the following query tests for devices that have a monochrome displa
 ## See also
 
 - [@media](/en-US/docs/Web/CSS/@media)
-- [Container queries](/en-US/docs/Web/CSS/CSS_container_queries)
+- [Container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries)
 - [Testing media queries programmatically](/en-US/docs/Web/CSS/CSS_media_queries/Testing_media_queries)
 - [CSS Animations Between Media Queries](https://davidwalsh.name/animate-media-queries)
 - [Extended Mozilla media features](/en-US/docs/Web/CSS/Mozilla_Extensions#media_features)
diff --git a/files/en-us/web/css/css_multicol_layout/using_multicol_layouts/index.md b/files/en-us/web/css/css_multicol_layout/using_multicol_layouts/index.md
index 337ea687ed43c8c..a45d51fdfaad427 100644
--- a/files/en-us/web/css/css_multicol_layout/using_multicol_layouts/index.md
+++ b/files/en-us/web/css/css_multicol_layout/using_multicol_layouts/index.md
@@ -217,4 +217,4 @@ There is a gap between columns. The recommended default is `1em`. This size can
 
 ## Conclusion
 
-CSS columns are a layout primitive that can help make large blocks of text easier to read when responsive content is viewed on wide viewports. Imaginative developers may find many uses for them, especially in conjunction with [container queries](/en-US/docs/Web/CSS/CSS_container_queries) and with the automatic height balancing feature.
+CSS columns are a layout primitive that can help make large blocks of text easier to read when responsive content is viewed on wide viewports. Imaginative developers may find many uses for them, especially in conjunction with [container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries) and with the automatic height balancing feature.
diff --git a/files/en-us/web/css/css_positioned_layout/understanding_z-index/stacking_context/index.md b/files/en-us/web/css/css_positioned_layout/understanding_z-index/stacking_context/index.md
index a06f1f348de8aa5..af37bce2a5799ad 100644
--- a/files/en-us/web/css/css_positioned_layout/understanding_z-index/stacking_context/index.md
+++ b/files/en-us/web/css/css_positioned_layout/understanding_z-index/stacking_context/index.md
@@ -17,7 +17,7 @@ A stacking context is formed, anywhere in the document, by any element in the fo
 - Root element of the document (`<html>`).
 - Element with a {{cssxref("position")}} value `absolute` or `relative` and {{cssxref("z-index")}} value other than `auto`.
 - Element with a {{cssxref("position")}} value `fixed` or `sticky` (sticky for all mobile browsers, but not older desktop browsers).
-- Element with a {{cssxref("container-type")}} value `size` or `inline-size` set, intended for [container queries](/en-US/docs/Web/CSS/CSS_container_queries).
+- Element with a {{cssxref("container-type")}} value `size` or `inline-size` set, intended for [container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries).
 - Element that is a child of a [flex](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) container, with {{cssxref("z-index")}} value other than `auto`.
 - Element that is a child of a {{cssxref("grid")}} container, with {{cssxref("z-index")}} value other than `auto`.
 - Element with an {{cssxref("opacity")}} value less than `1` (See [the specification for opacity](https://www.w3.org/TR/css-color-3/#transparency)).
diff --git a/files/en-us/web/css/css_values_and_units/index.md b/files/en-us/web/css/css_values_and_units/index.md
index ba878aa90ab0aa1..6d2fcfe1df077a1 100644
--- a/files/en-us/web/css/css_values_and_units/index.md
+++ b/files/en-us/web/css/css_values_and_units/index.md
@@ -135,7 +135,7 @@ These are all covered in subsections below.
 
 Where a distance unit, also known as a length, is allowed as a value for a property, this is described as the {{cssxref("&lt;length&gt;")}} type. There are two types of lengths in CSS: relative and absolute. Relative length units specify a length in relation to something else.
 
-There are two types of relative lengths: font-relative lengths and viewport-percentage lengths. These both come in two types. Font-relative length units are either local font-relative or root font-relative. Viewport percentage lengths are either relative to the viewport height or width size or, as defined in the [CSS Containment module](/en-US/docs/Web/CSS/CSS_containment), relative to a [container](/en-US/docs/Web/CSS/CSS_container_queries#container_query_length_units).
+There are two types of relative lengths: font-relative lengths and viewport-percentage lengths. These both come in two types. Font-relative length units are either local font-relative or root font-relative. Viewport percentage lengths are either relative to the viewport height or width size or, as defined in the [CSS Containment module](/en-US/docs/Web/CSS/CSS_containment), relative to a [container](/en-US/docs/Web/CSS/CSS_containment/Container_queries#container_query_length_units).
 
 ##### Local font-relative lengths
 
@@ -187,7 +187,7 @@ For example, `vw` is relative to the width of the viewport and `vh` is relative
 
 ##### Container units
 
-Container query length units specify a length relative to the dimensions of a [query container](/en-US/docs/Web/CSS/CSS_container_queries).
+Container query length units specify a length relative to the dimensions of a [query container](/en-US/docs/Web/CSS/CSS_containment/Container_queries).
 For example, `cqw` is relative to the width of the query container and `cqh` is relative to the height of the query container.
 
 | Unit    | Relative to                           |
diff --git a/files/en-us/web/css/length/index.md b/files/en-us/web/css/length/index.md
index 6f1a561109f0710..639d9faad3eaddd 100644
--- a/files/en-us/web/css/length/index.md
+++ b/files/en-us/web/css/length/index.md
@@ -144,7 +144,7 @@ Viewport-percentage lengths define `<length>` values in percentage relative to t
 When applying styles to a container using container queries, you can use container query length units.
 These units specify a length relative to the dimensions of a query container.
 Components that use units of length relative to their container are more flexible to use in different containers without having to recalculate concrete length values.
-For more information, see [Container queries](/en-US/docs/Web/CSS/CSS_container_queries).
+For more information, see [Container queries](/en-US/docs/Web/CSS/CSS_containment/Container_queries).
 
 - `cqw`
 

From b41ae96dcc8611050db1549374f2aa45ad4d7f5b Mon Sep 17 00:00:00 2001
From: Muaz Sikiric <41543403+sikithedev@users.noreply.github.com>
Date: Fri, 2 Feb 2024 19:01:11 +0100
Subject: [PATCH 648/790] Improve readability (#31767)

* Improve readability

* review suggestion

* review suggestion

* review suggestion

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../learn/javascript/first_steps/strings/index.md    | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/files/en-us/learn/javascript/first_steps/strings/index.md b/files/en-us/learn/javascript/first_steps/strings/index.md
index 2c0ce670b47cbec..f614362ef47307d 100644
--- a/files/en-us/learn/javascript/first_steps/strings/index.md
+++ b/files/en-us/learn/javascript/first_steps/strings/index.md
@@ -26,7 +26,7 @@ Next, we'll turn our attention to strings — this is what pieces of text are ca
 
 ## The power of words
 
-Words are very important to humans — they are a large part of how we communicate. Since the Web is a largely text-based medium designed to allow humans to communicate and share information, it is useful for us to have control over the words that appear on it. {{glossary("HTML")}} provides structure and meaning to our text, {{glossary("CSS")}} allows us to precisely style it, and JavaScript contains a number of features for manipulating strings, creating custom welcome messages and prompts, showing the right text labels when needed, sorting terms into the desired order, and much more.
+Words are very important to humans — they are a large part of how we communicate. Since the web is a largely text-based medium designed to allow humans to communicate and share information, it is useful for us to have control over the words that appear on it. {{glossary("HTML")}} provides structure and meaning to text, {{glossary("CSS")}} allows us to precisely style it, and JavaScript offers many features for manipulating strings. These include creating custom welcome messages and prompts, showing the right text labels when needed, sorting terms into the desired order, and much more.
 
 Pretty much all of the programs we've shown you so far in the course have involved some string manipulation.
 
@@ -51,7 +51,7 @@ const badString2 = 'This is a test;
 const badString3 = This is a test';
 ```
 
-These lines don't work because any text without quotes around it is assumed to be a variable name, property name, a reserved word, or similar. If the browser can't find it, then an error is raised (e.g. "missing; before statement"). If the browser can see where a string starts, but can't find the end of the string, as indicated by the 2nd quote, it complains with an error (with "unterminated string literal"). If your program is raising such errors, then go back and check all your strings to make sure you have no missing quote marks.
+These lines don't work because any text without quotes around it is interpreted as a variable name, property name, reserved word, or similar. If the browser doesn't recognize the unquoted text, then an error is raised (e.g., "missing; before statement"). If the browser can detect where a string starts but not its end (owing to the missing second quote), it reports an "unterminated string literal" error. If your program is raising such errors, then go back and check all your strings to make sure you have no missing quotation marks.
 
 The following will work if you previously defined the variable `string` — try it now:
 
@@ -133,11 +133,11 @@ button.addEventListener("click", greet);
 
 {{ EmbedLiveSample('Concatenation_in_context', '100%', 50) }}
 
-Here we're using the {{domxref("window.prompt()", "window.prompt()")}} function, which asks the user to answer a question via a popup dialog box then stores the text they enter inside a given variable — in this case `name`. We then display a string which inserts the name into a generic greeting message.
+Here, we are using the {{domxref("window.prompt()", "window.prompt()")}} function, which prompts the user to answer a question via a popup dialog box and then stores the text they enter inside a given variable — in this case `name`. We then display a string that inserts the name into a generic greeting message.
 
 ### Concatenation using "+"
 
-You can only use `${}` with template literals, not with normal strings. You can concatenate normal strings using the `+` operator:
+You can use `${}` only with template literals, not normal strings. You can concatenate normal strings using the `+` operator:
 
 ```js
 const greeting = "Hello";
@@ -232,9 +232,9 @@ console.log(name + number); // "Front 242"
 
 You might expect this to return an error, but it works just fine. How numbers should be displayed as strings is fairly well-defined, so the browser automatically converts the number to a string and concatenates the two strings.
 
-If you have a numeric variable that you want to convert to a string, or a string variable that you want to convert to a number, you can use the following two constructs:
+If you have a numeric variable that you want to convert to a string or a string variable that you want to convert to a number, you can use the following two constructs:
 
-- The {{jsxref("Number/Number", "Number()")}} function converts anything passed to it into a number, if it can. Try the following:
+- The {{jsxref("Number/Number", "Number()")}} function converts anything passed to it into a number if it can. Try the following:
 
   ```js
   const myString = "123";

From 9fbbc6e777afd1291919d2231c42e43ab17fd484 Mon Sep 17 00:00:00 2001
From: Bennet Otoho <bennet2000@outlook.com>
Date: Fri, 2 Feb 2024 20:27:48 +0100
Subject: [PATCH 649/790] fix: description of `rect()` offset (#32032)

---
 files/en-us/web/css/basic-shape/rect/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/basic-shape/rect/index.md b/files/en-us/web/css/basic-shape/rect/index.md
index 3fa36aaa83b7eba..e6475e32e51d4d6 100644
--- a/files/en-us/web/css/basic-shape/rect/index.md
+++ b/files/en-us/web/css/basic-shape/rect/index.md
@@ -22,7 +22,7 @@ The inset rectangle is defined by specifying four offset values, starting with t
 
 - `<length-percentage>`
 
-  - : Specifies the {{cssxref("&lt;length-percentage&gt;")}} value of the distance of the top, right, bottom, or left edge of the rectangle from the top or left edge of the containing block. The first (top) and third (bottom) values are distances from the top edge of the containing block, and the second (right) and fourth (left) values are distances from the left edge of the containing block. The second (right) and third (bottom) values are clamped by the fourth (left) and second (top) values, respectively, to prevent the bottom edge from crossing over the top edge and right edge from crossing over the left edge. For example, `rect(10px 0 0 20px)` is clamped to `rect(10px 20px 10px 20px)`.
+  - : Specifies the {{cssxref("&lt;length-percentage&gt;")}} value of the distance of the top, right, bottom, or left edge of the rectangle from the top or left edge of the containing block. The first (top) and third (bottom) values are distances from the top edge of the containing block, and the second (right) and fourth (left) values are distances from the left edge of the containing block. The second (right) and third (bottom) values are clamped by the fourth (left) and first (top) values, respectively, to prevent the bottom edge from crossing over the top edge and right edge from crossing over the left edge. For example, `rect(10px 0 0 20px)` is clamped to `rect(10px 20px 10px 20px)`.
 
 - `auto`
 

From 60358aa4fdd02bda2573dfd9fdf038b4ead2cd06 Mon Sep 17 00:00:00 2001
From: Damon <126731021+damon314159@users.noreply.github.com>
Date: Fri, 2 Feb 2024 19:50:32 +0000
Subject: [PATCH 650/790] Clarify expected output in all cases (#31510)

* Clarify expected output in all cases

The exercise eludes to use of the modulo operator to test for divisibility, but the linked guide does not clarify that zero is a positive result for this test and non-zero is a negative result

* format values

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../first_steps/test_your_skills_colon__math/index.md           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/javascript/first_steps/test_your_skills_colon__math/index.md b/files/en-us/learn/javascript/first_steps/test_your_skills_colon__math/index.md
index c9ed9ef9a084629..8638101ff1f16b4 100644
--- a/files/en-us/learn/javascript/first_steps/test_your_skills_colon__math/index.md
+++ b/files/en-us/learn/javascript/first_steps/test_your_skills_colon__math/index.md
@@ -25,7 +25,7 @@ Try updating the live code below to recreate the finished example by following t
 2. Add the first two variables together and store the result in another variable.
 3. Subtract the fourth variable from the third and store the result in another variable.
 4. Multiply the results from steps **2** and **3** and store the result in a variable called `finalResult`.
-5. Check if `finalResult` is an even number using an [arithmetic operator](/en-US/docs/Learn/JavaScript/First_steps/Math#arithmetic_operators) and store the result in a variable called `evenOddResult`.
+5. Check if `finalResult` is an even number using one of the [arithmetic operators](/en-US/docs/Learn/JavaScript/First_steps/Math#arithmetic_operators). Store the result (`0` for even, `1` for odd) in a variable called `evenOddResult`.
 
 To pass this test, `finalResult` should have a value of `48` and `evenOddResult` should have a value of `0`.
 

From 754cf4b9cc43aa72cabe675fc11968a554c4522f Mon Sep 17 00:00:00 2001
From: Henry Wilkinson <henry@wilkinson.graphics>
Date: Fri, 2 Feb 2024 14:59:57 -0500
Subject: [PATCH 651/790] Adds further detail to image-rendering `crisp-edges`
 vs `pixelated` (#32086)

Co-authored-by: Estelle Weyl <estelle@weyl.org>
---
 files/en-us/web/css/image-rendering/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/image-rendering/index.md b/files/en-us/web/css/image-rendering/index.md
index 32be58cf5bdefce..b4a51c0737fd3f0 100644
--- a/files/en-us/web/css/image-rendering/index.md
+++ b/files/en-us/web/css/image-rendering/index.md
@@ -38,9 +38,9 @@ image-rendering: unset;
 - `high-quality` {{Experimental_Inline}}
   - : Identical to `smooth`, but with a preference for higher-quality scaling. If system resources are constrained, images with `high-quality` should be prioritized over those with any other value, when considering which images to degrade the quality of and to what degree.
 - `crisp-edges`
-  - : The image is scaled with an algorithm that preserves contrast and edges in the image. Generally intended for images such as pixel art or line drawings, no blurring or color smoothing occurs.
+  - : The image is scaled with an algorithm such as "nearest neighbor" that preserves contrast and edges in the image. Generally intended for images such as pixel art or line drawings, no blurring or color smoothing occurs.
 - `pixelated`
-  - : The image is scaled with the "nearest neighbor" or similar algorithm, preserving a "pixelated" look as the image changes in size.
+  - : The image is scaled with the "nearest neighbor" or similar algorithm to the nearest integer multiple of the original image size, then uses smooth interpolation to bring the image to the final desired size. This is intended to preserve a "pixelated" look without introducing scaling artifacts when the upscaled resolution isn't an integer multiple of the original.
 
 > **Note:** The values `optimizeQuality` and `optimizeSpeed` present in an early draft (and coming from its SVG counterpart {{SVGAttr("image-rendering")}}) are defined as synonyms for the `smooth` and `pixelated` values respectively.
 

From 10b9d1a207b2bf467150b0ec72e2e5f09429d2d9 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 3 Feb 2024 07:04:44 +0800
Subject: [PATCH 652/790] Fixes to Notification (#32066)

fix
---
 files/en-us/web/api/notification/actions/index.md     | 2 +-
 files/en-us/web/api/notification/badge/index.md       | 3 +--
 files/en-us/web/api/notification/click_event/index.md | 1 -
 files/en-us/web/api/notification/close_event/index.md | 5 ++++-
 files/en-us/web/api/notification/error_event/index.md | 1 -
 files/en-us/web/api/notification/renotify/index.md    | 2 +-
 files/en-us/web/api/notification/show_event/index.md  | 5 ++++-
 files/en-us/web/api/notification/silent/index.md      | 2 +-
 files/en-us/web/api/notification/vibrate/index.md     | 2 +-
 9 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/files/en-us/web/api/notification/actions/index.md b/files/en-us/web/api/notification/actions/index.md
index bc3104719be19b9..704bb53f534a3b3 100644
--- a/files/en-us/web/api/notification/actions/index.md
+++ b/files/en-us/web/api/notification/actions/index.md
@@ -12,7 +12,7 @@ browser-compat: api.Notification.actions
 
 The **`actions`** read-only property of the {{domxref("Notification")}} interface provides the actions available for users to choose from for interacting with the notification.
 
-The actions are set using the `actions` option of the second argument for the [`showNotification()`](/en-US/docs/Web/API/ServiceWorkerRegistration/showNotification) method and [`Notification()`](/en-US/docs/Web/API/Notification/Notification) constructor.
+The actions are set using the `actions` option of the second argument for the {{DOMxref("ServiceWorkerRegistration.showNotification", "showNotification()")}} method and {{DOMxref("Notification/Notification", "Notification()")}} constructor.
 
 > **Note:** Browsers typically limit the maximum number of actions they will display for a particular notification. Check the static {{DOMxref("Notification.maxActions_static", "Notification.maxActions")}} property to determine the limit.
 
diff --git a/files/en-us/web/api/notification/badge/index.md b/files/en-us/web/api/notification/badge/index.md
index 1b4d957c4d24f93..5c879c5dccf8c3e 100644
--- a/files/en-us/web/api/notification/badge/index.md
+++ b/files/en-us/web/api/notification/badge/index.md
@@ -8,8 +8,7 @@ browser-compat: api.Notification.badge
 
 {{APIRef("Web Notifications")}}{{SecureContext_Header}}
 
-The **`badge`** property of the {{domxref("Notification")}}
-interface returns a string containing the URL of an image to represent the notification when there is not enough space to display the notification itself such as for example, the Android Notification Bar. On Android devices, the badge should accommodate devices up to 4x resolution, about 96 by 96 px, and the image will be automatically masked.
+The **`badge`** read-only property of the {{domxref("Notification")}} interface returns a string containing the URL of an image to represent the notification when there is not enough space to display the notification itself such as for example, the Android Notification Bar. On Android devices, the badge should accommodate devices up to 4x resolution, about 96 by 96 px, and the image will be automatically masked.
 
 {{AvailableInWorkers}}
 
diff --git a/files/en-us/web/api/notification/click_event/index.md b/files/en-us/web/api/notification/click_event/index.md
index 7f86ae4db75501b..223852d1e347c38 100644
--- a/files/en-us/web/api/notification/click_event/index.md
+++ b/files/en-us/web/api/notification/click_event/index.md
@@ -54,5 +54,4 @@ notification.onclick = (event) => {
 
 ## See also
 
-- {{domxref("Notification")}}
 - [Using the Notifications API](/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API)
diff --git a/files/en-us/web/api/notification/close_event/index.md b/files/en-us/web/api/notification/close_event/index.md
index 79cee86f8f6ca0b..527cc26df22aa40 100644
--- a/files/en-us/web/api/notification/close_event/index.md
+++ b/files/en-us/web/api/notification/close_event/index.md
@@ -26,11 +26,14 @@ onclose = (event) => {};
 
 A generic {{domxref("Event")}}.
 
+## Specifications
+
+{{Specifications}}
+
 ## Browser compatibility
 
 {{Compat}}
 
 ## See also
 
-- {{domxref("Notification")}}
 - [Using the Notifications API](/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API)
diff --git a/files/en-us/web/api/notification/error_event/index.md b/files/en-us/web/api/notification/error_event/index.md
index 36efa650a79639d..4035abdabc660a0 100644
--- a/files/en-us/web/api/notification/error_event/index.md
+++ b/files/en-us/web/api/notification/error_event/index.md
@@ -36,5 +36,4 @@ A generic {{domxref("Event")}}.
 
 ## See also
 
-- {{domxref("Notification")}}
 - [Using the Notifications API](/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API)
diff --git a/files/en-us/web/api/notification/renotify/index.md b/files/en-us/web/api/notification/renotify/index.md
index 08b9cdaefa5418c..55ac512d80db1a4 100644
--- a/files/en-us/web/api/notification/renotify/index.md
+++ b/files/en-us/web/api/notification/renotify/index.md
@@ -36,7 +36,7 @@ const options = {
 
 const n = new Notification("New review activity", options);
 
-console.log(n.renotify); // "true"
+console.log(n.renotify); // true
 ```
 
 ## Specifications
diff --git a/files/en-us/web/api/notification/show_event/index.md b/files/en-us/web/api/notification/show_event/index.md
index 773eef6e5d6a4b0..b4944948cbf0a7e 100644
--- a/files/en-us/web/api/notification/show_event/index.md
+++ b/files/en-us/web/api/notification/show_event/index.md
@@ -26,11 +26,14 @@ onshow = (event) => {};
 
 A generic {{domxref("Event")}}.
 
+## Specifications
+
+{{Specifications}}
+
 ## Browser compatibility
 
 {{Compat}}
 
 ## See also
 
-- {{domxref("Notification")}}
 - [Using the Notifications API](/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API)
diff --git a/files/en-us/web/api/notification/silent/index.md b/files/en-us/web/api/notification/silent/index.md
index 5b87000146b6ee0..a989d6c8da73305 100644
--- a/files/en-us/web/api/notification/silent/index.md
+++ b/files/en-us/web/api/notification/silent/index.md
@@ -35,7 +35,7 @@ const options = {
 
 const n = new Notification("New review activity", options);
 
-console.log(n.silent); // "true"
+console.log(n.silent); // true
 ```
 
 ## Specifications
diff --git a/files/en-us/web/api/notification/vibrate/index.md b/files/en-us/web/api/notification/vibrate/index.md
index 1dbb576c622144a..ab99f62f1408158 100644
--- a/files/en-us/web/api/notification/vibrate/index.md
+++ b/files/en-us/web/api/notification/vibrate/index.md
@@ -36,7 +36,7 @@ const options = {
 
 const n = new Notification("New review activity", options);
 
-console.log(n.vibrate); // "[200, 100, 200]"
+console.log(n.vibrate); // [200, 100, 200]
 ```
 
 ## Specifications

From 4b308fff656148b12e433bf5259b54fbc6ce15a0 Mon Sep 17 00:00:00 2001
From: Code Lackey <77174938+DevAtREC@users.noreply.github.com>
Date: Fri, 2 Feb 2024 18:15:00 -0500
Subject: [PATCH 653/790] Update index.md, changing nanoid referecne to method
 call. (#32087)

Update index.md

Update nanoid reference to method call.
---
 .../react_interactivity_events_state/index.md                   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
index c1d02947f1a0e1e..53bfde28dab2a13 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/react_interactivity_events_state/index.md
@@ -600,7 +600,7 @@ import FilterButton from "./components/FilterButton";
 
 function App(props) {
   function addTask(name) {
-    const newTask = { id: `todo-${nanoid}`, name, completed: false };
+    const newTask = { id: `todo-${nanoid()}`, name, completed: false };
     setTasks([...tasks, newTask]);
   }
 

From 86d2da199cf9705310c61cada97ed4e9b921fc47 Mon Sep 17 00:00:00 2001
From: Manu Lintz <manuel.lintz@gmail.com>
Date: Sat, 3 Feb 2024 00:18:24 +0100
Subject: [PATCH 654/790] Add info about the "r" attribute when set in
 percentage (#32057)

* Update index.md

It could be helpful to add here that when set in percentage, it refers to the normalized diagonal of the SVG viewport (and not the width).

* Removed unvoluntary change

* Update files/en-us/web/svg/attribute/r/index.md

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 files/en-us/web/svg/attribute/r/index.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/web/svg/attribute/r/index.md b/files/en-us/web/svg/attribute/r/index.md
index f96374262f4fe51..7bf80acae9f9638 100644
--- a/files/en-us/web/svg/attribute/r/index.md
+++ b/files/en-us/web/svg/attribute/r/index.md
@@ -16,6 +16,8 @@ You can use this attribute with the following SVG elements:
 - {{SVGElement("circle")}}
 - {{SVGElement("radialGradient")}}
 
+When the value is set as a percentage, it refers to the normalized diagonal of the current SVG viewport.
+
 ## Example
 
 ```css hidden

From f5727f15dfadd079020d9a195b97eed512c211a7 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Sat, 3 Feb 2024 07:17:23 +0100
Subject: [PATCH 655/790] Update InterfaceData based on WebRef (#32090)

---
 files/jsondata/InterfaceData.json | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/files/jsondata/InterfaceData.json b/files/jsondata/InterfaceData.json
index d31fcb0507ec20e..4641984b41bb355 100644
--- a/files/jsondata/InterfaceData.json
+++ b/files/jsondata/InterfaceData.json
@@ -4012,6 +4012,10 @@
       "inh": "WritableStream",
       "impl": []
     },
+    "WebTransportWriter": {
+      "inh": "WritableStreamDefaultWriter",
+      "impl": []
+    },
     "WGSLLanguageFeatures": {
       "inh": "",
       "impl": []

From 559e1fa9e8d13e5b49862ebb1d53c6f39b55d79d Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Sat, 3 Feb 2024 07:18:06 +0100
Subject: [PATCH 656/790] fix: auto-cleanup by bot (#32089)

chore: auto-fix Markdownlint, Prettier, and front-matter issues
---
 files/en-us/web/css/@container/index.md      | 2 +-
 files/en-us/web/css/css_containment/index.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/@container/index.md b/files/en-us/web/css/@container/index.md
index ca2f668c16a1d1b..537c45f7db3c561 100644
--- a/files/en-us/web/css/@container/index.md
+++ b/files/en-us/web/css/@container/index.md
@@ -258,7 +258,7 @@ Container queries can also evaluate the computed style of the container element.
 }
 ```
 
-The parameter of each `style()` is a single `<style-feature>`. A **`<style-feature>`** is a valid CSS [declaration](/en-US/docs/Web/CSS/syntax#css_declarations), a CSS property, or a [`<custom-property-name>`](/en-US/docs/Web/CSS/var#Values).
+The parameter of each `style()` is a single `<style-feature>`. A **`<style-feature>`** is a valid CSS [declaration](/en-US/docs/Web/CSS/Syntax#css_declarations), a CSS property, or a [`<custom-property-name>`](/en-US/docs/Web/CSS/var#values).
 
 ```css
 @container style(--themeBackground),
diff --git a/files/en-us/web/css/css_containment/index.md b/files/en-us/web/css/css_containment/index.md
index 91c2120c8391fb6..04d24b275fd60ef 100644
--- a/files/en-us/web/css/css_containment/index.md
+++ b/files/en-us/web/css/css_containment/index.md
@@ -43,7 +43,7 @@ Container queries are similar to dimension [media queries](/en-US/docs/Web/CSS/C
 ### Data types
 
 - [`<container-name>`](/en-US/docs/Web/CSS/@container#values)
-- [`<style-feature>`](/en-US/docs/Web/CSS/@container#Container_style_queries)
+- [`<style-feature>`](/en-US/docs/Web/CSS/@container#container_style_queries)
 - [Container relative `<length>` units](/en-US/docs/Web/CSS/length#container_query_length_units)
 
 ### Events

From c0e47421330d58d462e8240405a5738332514d1c Mon Sep 17 00:00:00 2001
From: ChanHaeng Lee <61987505+2chanhaeng@users.noreply.github.com>
Date: Sat, 3 Feb 2024 18:48:09 +0900
Subject: [PATCH 657/790] Fix a link in `/Web/HTTP/Cookies` (#32094)

* Fix a link

* Update files/en-us/web/http/cookies/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/http/cookies/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/cookies/index.md b/files/en-us/web/http/cookies/index.md
index a69453249472972..bbabb11fe5d2ab8 100644
--- a/files/en-us/web/http/cookies/index.md
+++ b/files/en-us/web/http/cookies/index.md
@@ -84,7 +84,7 @@ You can ensure that cookies are sent securely and aren't accessed by unintended
 
 A cookie with the `Secure` attribute is only sent to the server with an encrypted request over the HTTPS protocol. It's never sent with unsecured HTTP (except on localhost), which means {{Glossary("MitM", "man-in-the-middle")}} attackers can't access it easily. Insecure sites (with `http:` in the URL) can't set cookies with the `Secure` attribute. However, don't assume that `Secure` prevents all access to sensitive information in cookies. For example, someone with access to the client's hard disk (or JavaScript if the `HttpOnly` attribute isn't set) can read and modify the information.
 
-A cookie with the `HttpOnly` attribute is inaccessible to the JavaScript {{domxref("Document.cookie")}} API; it's only sent to the server. For example, cookies that persist in server-side sessions don't need to be available to JavaScript and should have the `HttpOnly` attribute. This precaution helps mitigate cross-site scripting ([XSS](</en-US/docs/Web/Security/Types_of_attacks#cross-site_scripting_(xss)>)) attacks.
+A cookie with the `HttpOnly` attribute is inaccessible to the JavaScript {{domxref("Document.cookie")}} API; it's only sent to the server. For example, cookies that persist in server-side sessions don't need to be available to JavaScript and should have the `HttpOnly` attribute. This precaution helps mitigate cross-site scripting ([XSS](/en-US/docs/Web/Security/Types_of_attacks#cross-site_scripting_xss)) attacks.
 
 Here's an example:
 

From bd2701f4618e1fd763aa62da3bc14bf050c75f1f Mon Sep 17 00:00:00 2001
From: Amer Adel <80412883+Amer-Adel@users.noreply.github.com>
Date: Sun, 4 Feb 2024 09:10:59 +0200
Subject: [PATCH 658/790] Delete an old note. (#32104)

* Delete an old note.

This article also explain other variables types not just the numbers and strings, and also the module has an article for the array, so this note seem to be old.

* Update index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 files/en-us/learn/javascript/first_steps/variables/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/learn/javascript/first_steps/variables/index.md b/files/en-us/learn/javascript/first_steps/variables/index.md
index c3fc216d7c7997f..af6d20f338ae0e3 100644
--- a/files/en-us/learn/javascript/first_steps/variables/index.md
+++ b/files/en-us/learn/javascript/first_steps/variables/index.md
@@ -264,8 +264,6 @@ Try creating a few more variables now, with the above guidance in mind.
 
 There are a few different types of data we can store in variables. In this section we'll describe these in brief, then in future articles, you'll learn about them in more detail.
 
-So far we've looked at the first two, but there are others.
-
 ### Numbers
 
 You can store numbers in variables, either whole numbers like 30 (also called integers) or decimal numbers like 2.456 (also called floats or floating point numbers). You don't need to declare variable types in JavaScript, unlike some other programming languages. When you give a variable a number value, you don't include quotes:

From bec03e8b1bcf690b86b30bbb23575ecf139bc47d Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Sun, 4 Feb 2024 00:41:45 -0800
Subject: [PATCH 659/790] Minor: Grammar fixes. Remove X (#32070)

* Grammar fixes. Remove X

* Grammar fixes. Remove X

* Remove references to X

* Update files/en-us/learn/javascript/client-side_web_apis/index.md

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>

* Update files/en-us/learn/forms/form_validation/index.md

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>

* Update index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../publishing_games/game_promotion/index.md  | 24 +++++++++----------
 .../techniques/3d_on_the_web/webxr/index.md   |  2 +-
 .../learn/forms/form_validation/index.md      |  2 +-
 .../getting_started_with_the_web/index.md     |  2 +-
 .../the_head_metadata_in_html/index.md        | 10 ++------
 files/en-us/learn/index.md                    |  2 +-
 .../javascript/client-side_web_apis/index.md  |  2 +-
 .../introduction/index.md                     |  2 +-
 8 files changed, 20 insertions(+), 26 deletions(-)

diff --git a/files/en-us/games/publishing_games/game_promotion/index.md b/files/en-us/games/publishing_games/game_promotion/index.md
index d51d6e8f4efc47d..336de1afbca3567 100644
--- a/files/en-us/games/publishing_games/game_promotion/index.md
+++ b/files/en-us/games/publishing_games/game_promotion/index.md
@@ -24,33 +24,33 @@ While you can create your website from scratch, there are also tools that can he
 
 ## Social media
 
-Your social media presence is very important — [hashtags](https://twitter.com/hashtag/gamedev) can help find friends and allow you to engage with the community and help other devs in need. Honesty is key and you should be authentic, because nobody likes boring press releases or pushy advertisements. When the time comes, your community will help you spread the word about your shiny new game!
+Your social media presence is very important. The `#gamedev` hashtag can help find friends and allow you to engage with the community and help other devs in need. Honesty is key and you should be authentic; nobody likes boring press releases or pushy advertisements. When the time comes, your community will help you spread the word about your shiny new game!
 
-Keep an eye on gamers who stream on YouTube and Twitch, engage with Twitter circles and be active on forums such as [HTML5GameDevs.com](https://www.html5gamedevs.com/). Share your news and answer questions so that people will value what you're doing and will know that you're trustworthy. Remember to not be too pushy when it comes to telling everyone about your games — you're not a walking advertisement.
+Keep an eye on gamers who stream on YouTube and Twitch, and be active on forums such as [HTML5GameDevs.com](https://www.html5gamedevs.com/). Share your news and answer questions so that people will value what you're doing and will know that you're trustworthy. Remember to not be too pushy when it comes to telling everyone about your games — you're not a walking advertisement.
 
 Grow your audience by talking to them, sharing tips, offering discounts, giving away prizes in competitions, or just complaining at the weather or buggy browser you have to deal with. Be generous, be yourself and be there for others, and you'll be treated with respect.
 
 ## Game portals
 
-Using game portals is mostly concerned with [monetization](/en-US/docs/Games/Publishing_games/Game_monetization), but if you're not planning to [sell licenses](/en-US/docs/Games/Publishing_games/Game_monetization#licensing) to allow people to purchase your game and are intending to [implement adverts](/en-US/docs/Games/Publishing_games/Game_monetization#advertisements) or in-app purchases instead, promoting your game across free portals can be effective.
+Using game portals is mostly concerned with [monetization](/en-US/docs/Games/Publishing_games/Game_monetization), but if you're not planning to [sell licenses](/en-US/docs/Games/Publishing_games/Game_monetization#licensing) to allow people to purchase your game and intend to [implement adverts](/en-US/docs/Games/Publishing_games/Game_monetization#advertisements) or in-app purchases instead, promoting your game across free portals can be effective.
 
-There are a number of different game portals to which you can send your games for publication. Some portals have their own APIs that allow you to authorize users, save their progress and process in-app purchases. You can also sell a full version of the game from inside your browser demo version, which will be a great move considering high competition, some developers even manage to make full browser versions. Most portals offer revenue share deals or will buy nonexclusive license.
+There are a number of different game portals to which you can send your games for publication. Some portals have their own APIs that allow you to authorize users, save their progress and process in-app purchases. You can also sell a full version of the game from inside your browser demo version, which will be a great move considering high competition, some developers even manage to make full browser versions. Most portals offer revenue share deals or will buy nonexclusive licenses.
 
-Free portals offer traffic, but only the best ones are popular enough to generate revenues from advertisements on in-app purchases. On the other hand they are a perfect tool to make games visible to a broader audience if you have no budget and limited time.
+Free portals offer traffic, but only the best ones are popular enough to generate revenues from advertisements on in-app purchases. On the other hand, they are a perfect tool to make games visible to a broader audience if you have no budget and limited time.
 
 ## Press
 
 You can try and reach the [press](https://indiegamesplus.com/) about your game, but bear in mind that they get a tonne of requests like this every single day, so be humble and patient if they don't answer right away, and be polite when talking to them. Be sure to check first if they are dealing with specific genres of games or platforms, so you don't send them something that is not relevant to them in the first place. If you're honest with your approach and your game is good, then you've got more of a chance of success.
 
-If you want to learn more about the etiquette of contacting the press you should definitely check out [How To Contact Press](https://app.box.com/s/p0ft5zdolpi0ydkrykab) - a great guide from Pixel Prospector.
+If you want to learn more about the etiquette of contacting the press you should check out [How To Contact Press](https://app.box.com/s/p0ft5zdolpi0ydkrykab) - a great guide from Pixel Prospector.
 
 ## Tutorials
 
-It's good to share your knowledge with other devs — after all you probably learned a thing or two from online articles, so you take the time to pay that knowledge forward. Talking or writing about something you achieved or problems you overcame is something people would be interested it. And you can use your own game as an example, especially in a tutorial when you're [showing how to do something you've implemented already](/en-US/docs/Games/Techniques/Controls_Gamepad_API). That way everyone benefits — people learn new skills, your game gets promoted, and if you're lucky you can even get paid for writing a tutorial if it's good enough.
+It's good to share your knowledge with other devs — after all, you probably learned a thing or two from online articles, so you take the time to pay that knowledge forward. Talking or writing about something you achieved or problems you overcame is something people would be interested in. Also, you can use your own game as an example, especially in a tutorial when you're [showing how to do something you've implemented already](/en-US/docs/Games/Techniques/Controls_Gamepad_API). That way everyone benefits — people learn new skills, your game gets promoted, and if you're lucky you can even get paid for writing a tutorial if it's good enough.
 
-There are portals like [Tuts+ Game Development](https://gamedevelopment.tutsplus.com/) which will be more than happy if you write for them - they pay for the content, but not all topic ideas will be accepted. When writing a tutorial remember to focus on delivering something valuable to the reader. They want to learn something - offer your expertise and use your game as a case study. Focus on one aspect and try to explain it throughout and in detail. Also remember to follow up discussion in comments if people have any questions.
+There are portals like [Tuts+ Game Development](https://gamedevelopment.tutsplus.com/) which will be more than happy if you write for them - they pay for the content, but not all topic ideas will be accepted. When writing a tutorial remember to focus on delivering something valuable to the reader. They want to learn something - offer your expertise and use your game as a case study. Focus on one aspect and try to explain it throughout and in detail. Also, remember to follow up on discussions in your comments if people have any questions.
 
-If portals you contact are not interested in your content because you don't have any experience yet, try writing tutorials and publish them on [your own blog](#website_and_blog) first. It's the easiest way to train your writing skills on your own.
+If portals you contact are not interested in your content because you don't have any experience yet, try writing tutorials and then publish them on [your own blog](#website_and_blog) first. It's the easiest way to train your writing skills on your own.
 
 ## Events
 
@@ -62,7 +62,7 @@ There are many conferences where you can give a talk explaining some technical d
 
 ### Fairs
 
-The other event-related option is fairs (or expos) — at such an event you can get a booth among other devs and promote your game to all the attendees passing by. If you do so, try to be unique and original, so you easily stand from the crowd. Do it the right way and everybody will be talking about you and your game. Having a booth gives you the possibility to interact with your fans directly — besides the promotion part you can also test new builds of your game on regular people and fix any bugs (or incorporate any feedback) they uncover. You can't imagine what people may come up with when playing your game, and what obvious issues you've missed while spending hours polishing it.
+The other event-related option is fairs (or expos) — at such an event you can get a booth among other devs and promote your game to all the attendees passing by. If you do so, try to be unique and original, so you easily stand out from the crowd. Do it the right way and everybody will be talking about you and your game. Having a booth gives you the possibility to interact with your fans directly — besides the promotion part, you can also test new builds of your game on regular people and fix any bugs (or incorporate any feedback) they uncover. You can't imagine what people may come up with when playing your game, and what obvious issues you've missed while spending hours polishing it.
 
 ## Promo codes
 
@@ -74,6 +74,6 @@ You can help community grow and promote yourself and your games at the same time
 
 ## Summary
 
-Any way of promoting your game is good. You have a lot of options to chose from with most of them being free, so it's only about your enthusiasm and available time. Sometimes you have to spend more time promoting a game than actually developing it. Remember that it's no use to have the best game in the world if no one knows it exists.
+Any way of promoting your game is good. You have a lot of options to choose from with most of them being free, so it's only about your enthusiasm and available time. Sometimes you have to spend more time promoting a game than actually developing it. Remember that it's no use to have the best game in the world if no one knows it exists.
 
-Now lets get on with that [monetization](/en-US/docs/Games/Publishing_games/Game_monetization) part, and earn something for a living.
+Now, let's get on with that [monetization](/en-US/docs/Games/Publishing_games/Game_monetization) part, and earn something for a living.
diff --git a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
index 82d27c467fbce29..0090cbc5b64d6c0 100644
--- a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
+++ b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
@@ -18,7 +18,7 @@ With the popularity of existing VR headsets such as Meta Quest, Valve Index, and
 
 ### Development of WebVR
 
-The [WebVR spec](https://mozvr.github.io/webvr-spec/webvr.html), led by [Vladimir Vukicevic](https://twitter.com/vvuk) from Mozilla and [Brandon Jones](https://twitter.com/tojiro) from Google, is being replaced by the [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API). WebVR may still be available in some browsers while WebXR is finalized.
+The [WebVR spec](https://mozvr.github.io/webvr-spec/webvr.html) is being replaced by the [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API). WebVR may still be available in some browsers while WebXR is finalized.
 For more info, see the [WebVR.info](https://webvr.info/) website.
 
 ## The WebXR API
diff --git a/files/en-us/learn/forms/form_validation/index.md b/files/en-us/learn/forms/form_validation/index.md
index fce4d1a2366306d..0980e7d9f970b62 100644
--- a/files/en-us/learn/forms/form_validation/index.md
+++ b/files/en-us/learn/forms/form_validation/index.md
@@ -242,7 +242,7 @@ You can constrain the character length of all text fields created by {{HTMLEleme
 A field is invalid if it has a value and that value has fewer characters than the [`minlength`](/en-US/docs/Web/HTML/Attributes/minlength) value or more than the [`maxlength`](/en-US/docs/Web/HTML/Attributes/maxlength) value.
 
 Browsers often don't let the user type a longer value than expected into text fields. A better user experience than just using `maxlength` is to also provide character count feedback in an accessible manner and let them edit their content down to size.
-An example of this is the character limit seen on Twitter when Tweeting. JavaScript, including [solutions using `maxlength`](https://github.com/mimo84/bootstrap-maxlength), can be used to provide this.
+An example of this is the character limit when posting on social media. JavaScript, including [solutions using `maxlength`](https://github.com/mimo84/bootstrap-maxlength), can be used to provide this.
 
 ### Constraining the values of your entries
 
diff --git a/files/en-us/learn/getting_started_with_the_web/index.md b/files/en-us/learn/getting_started_with_the_web/index.md
index 1476df412d186d6..fd318ea69421c8b 100644
--- a/files/en-us/learn/getting_started_with_the_web/index.md
+++ b/files/en-us/learn/getting_started_with_the_web/index.md
@@ -49,5 +49,5 @@ By working through the articles listed below, you will go from nothing to gettin
 
 ## See also
 
-- [Web Demystified](https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g): A great series of videos explaining web fundamentals, aimed at complete beginners to web development. Created by [Jérémie Patonnier](https://twitter.com/JeremiePat).
+- [Web Demystified](https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g): A great series of videos explaining web fundamentals, aimed at complete beginners to web development. Created by [Jérémie Patonnier](https://github.com/JeremiePat).
 - [The web and web standards](/en-US/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards): This article provides some useful background on the Web — how it came about, what web standard technologies are, how they work together, why "web developer" is a great career to choose, and what kinds of best practices you'll learn about through the course.
diff --git a/files/en-us/learn/html/introduction_to_html/the_head_metadata_in_html/index.md b/files/en-us/learn/html/introduction_to_html/the_head_metadata_in_html/index.md
index 8d3cf15e08888d5..15de4c53c22d5ee 100644
--- a/files/en-us/learn/html/introduction_to_html/the_head_metadata_in_html/index.md
+++ b/files/en-us/learn/html/introduction_to_html/the_head_metadata_in_html/index.md
@@ -158,11 +158,11 @@ The description is also used on search engine result pages. Let's go through an
 
 > **Note:** In Google, you will see some relevant subpages of MDN Web Docs listed below the main homepage link — these are called sitelinks, and are configurable in [Google's webmaster tools](https://search.google.com/search-console/about?hl=en) — a way to make your site's search results better in the Google search engine.
 
-> **Note:** Many `<meta>` features just aren't used anymore. For example, the keyword `<meta>` element (`<meta name="keywords" content="fill, in, your, keywords, here">`) — which is supposed to provide keywords for search engines to determine relevance of that page for different search terms — is ignored by search engines, because spammers were just filling the keyword list with hundreds of keywords, biasing results.
+> **Note:** Many `<meta>` features just aren't used anymore. For example, the keyword `<meta>` element (`<meta name="keywords" content="fill, in, your, keywords, here">`) — which is supposed to provide keywords for search engines to determine the relevance of that page for different search terms — is ignored by search engines, because spammers were just filling the keyword list with hundreds of keywords, biasing results.
 
 ### Other types of metadata
 
-As you travel around the web, you'll find other types of metadata, too. A lot of the features you'll see on websites are proprietary creations, designed to provide certain sites (such as social networking sites) with specific pieces of information they can use.
+As you travel around the web, you'll find other types of metadata, too. Many of the features you'll see on websites are proprietary creations designed to provide certain sites (such as social networking sites) with specific information they can use.
 
 For example, [Open Graph Data](https://ogp.me/) is a metadata protocol that Facebook invented to provide richer metadata for websites. In the MDN Web Docs sourcecode, you'll find this:
 
@@ -182,12 +182,6 @@ One effect of this is that when you link to MDN Web Docs on Facebook, the link a
 
 ![Open graph protocol data from the MDN homepage as displayed on facebook, showing an image, title, and description.](facebook-output.png)
 
-Twitter also has its own similar proprietary metadata called [Twitter Cards](https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards), which has a similar effect when the site's URL is displayed on twitter.com. For example:
-
-```html
-<meta name="twitter:title" content="Mozilla Developer Network" />
-```
-
 ## Adding custom icons to your site
 
 To further enrich your site design, you can add references to custom icons in your metadata, and these will be displayed in certain contexts. The most commonly used of these is the **favicon** (short for "favorites icon", referring to its use in the "favorites" or "bookmarks" lists in browsers).
diff --git a/files/en-us/learn/index.md b/files/en-us/learn/index.md
index 96079f628f289cf..44da79d90e36d23 100644
--- a/files/en-us/learn/index.md
+++ b/files/en-us/learn/index.md
@@ -122,7 +122,7 @@ If you're interested in helping develop/improve the content, take a look at [how
 - [Learn JavaScript](https://learnjavascript.online/)
   - : An excellent resource for aspiring web developers — Learn JavaScript in an interactive environment, with short lessons and interactive tests, guided by automated assessment. The first 40 lessons are free, and the complete course is available for a small one-time payment.
 - [Web demystified](https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g)
-  - : A great series of videos explaining web fundamentals, aimed at absolute beginners to web development. Created by [Jérémie Patonnier](https://twitter.com/JeremiePat).
+  - : A great series of videos explaining web fundamentals, aimed at absolute beginners to web development. Created by [Jérémie Patonnier](https://github.com/JeremiePat).
 - [Codecademy](https://www.codecademy.com/)
   - : A great interactive site for learning programming languages from scratch.
 - [BitDegree](https://www.bitdegree.org/learn/)
diff --git a/files/en-us/learn/javascript/client-side_web_apis/index.md b/files/en-us/learn/javascript/client-side_web_apis/index.md
index 3a1d01882db6881..78d1a6bb6b1b7be 100644
--- a/files/en-us/learn/javascript/client-side_web_apis/index.md
+++ b/files/en-us/learn/javascript/client-side_web_apis/index.md
@@ -34,7 +34,7 @@ Basic knowledge of [HTML](/en-US/docs/Learn/HTML) and [CSS](/en-US/docs/Learn/CS
 - [Fetching data from the server](/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data)
   - : Another very common task in modern websites and applications is retrieving individual data items from the server to update sections of a webpage without having to load an entirely new page. This seemingly small detail has had a huge impact on the performance and behavior of sites. In this article, we'll explain the concept, and look at technologies that make it possible, such as {{domxref("XMLHttpRequest")}} and the [Fetch API](/en-US/docs/Web/API/Fetch_API).
 - [Third party APIs](/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Third_party_APIs)
-  - : The APIs we've covered so far are built into the browser, but not all APIs are. Many large websites and services such as Google Maps, Twitter, Facebook, PayPal, etc. provide APIs allowing developers to make use of their data (e.g. displaying your twitter stream on your blog) or services (e.g. displaying custom Google Maps on your site, or using Facebook login to log in your users). This article looks at the difference between browser APIs and 3rd party APIs and shows some typical uses of the latter.
+  - : The APIs we've covered so far are built into the browser, but not all APIs are. Many large websites and services such as Google Maps, Facebook, PayPal, etc. provide APIs allowing developers to make use of their data or services (e.g. displaying custom Google Maps on your site, or using Facebook login to log in your users). This article looks at the difference between browser APIs and 3rd party APIs and shows some typical uses of the latter.
 - [Drawing graphics](/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphics)
   - : The browser contains some very powerful graphics programming tools, from the Scalable Vector Graphics ([SVG](/en-US/docs/Web/SVG)) language, to APIs for drawing on HTML {{htmlelement("canvas")}} elements, (see [The Canvas API](/en-US/docs/Web/API/Canvas_API) and [WebGL](/en-US/docs/Web/API/WebGL_API)). This article provides an introduction to the Canvas API, and further resources to allow you to learn more.
 - [Video and audio APIs](/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs)
diff --git a/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md b/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md
index fb6169be0f4a722..54cfbb6996a88d1 100644
--- a/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md
+++ b/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md
@@ -52,7 +52,7 @@ In the same way, if you want to say, program some 3D graphics, it is a lot easie
 Client-side JavaScript, in particular, has many APIs available to it — these are not part of the JavaScript language itself, rather they are built on top of the core JavaScript language, providing you with extra superpowers to use in your JavaScript code. They generally fall into two categories:
 
 - **Browser APIs** are built into your web browser and are able to expose data from the browser and surrounding computer environment and do useful complex things with it. For example, the [Web Audio API](/en-US/docs/Web/API/Web_Audio_API) provides JavaScript constructs for manipulating audio in the browser — taking an audio track, altering its volume, applying effects to it, etc. In the background, the browser is actually using some complex lower-level code (e.g. C++ or Rust) to do the actual audio processing. But again, this complexity is abstracted away from you by the API.
-- **Third-party APIs** are not built into the browser by default, and you generally have to retrieve their code and information from somewhere on the Web. For example, the [Twitter API](https://developer.twitter.com/en/docs) allows you to do things like displaying your latest tweets on your website. It provides a special set of constructs you can use to query the Twitter service and return specific information.
+- **Third-party APIs** are not built into the browser by default, and you generally have to retrieve their code and information from somewhere on the Web. For example, the [Google Maps API](https://developers.google.com/maps/documentation/javascript) allows you to do things like display an interactive map to your office on your website. It provides a special set of constructs you can use to query the Google Maps service and return specific information.
 
 ![A screenshot of the browser with the home page of firefox browser open. There are APIs built into the browser by default. Third party APIs are not built into the browser by default. Their code and information has to be retrieved from somewhere on the web to utilize them.](browser.png)
 

From e64ef8cee28528e290918623efbe8cd00893c509 Mon Sep 17 00:00:00 2001
From: BobSquarePants <Bob_Squarepants@gmx.com>
Date: Sun, 4 Feb 2024 19:24:15 +0100
Subject: [PATCH 660/790] pointer events - add js feature to css property page
 (#32034)

* Update index.md

Add the JS name to access this object.

* pointer events - add js feature to css property page

* Update files/en-us/web/css/pointer-events/index.md

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Co-authored-by: Estelle Weyl <estelle@weyl.org>
---
 files/en-us/web/css/pointer-events/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/css/pointer-events/index.md b/files/en-us/web/css/pointer-events/index.md
index 20689c0ec5bde59..5b490a0e9bf5e11 100644
--- a/files/en-us/web/css/pointer-events/index.md
+++ b/files/en-us/web/css/pointer-events/index.md
@@ -130,5 +130,6 @@ a[href="http://example.com"]
 
 - The SVG attribute {{SVGAttr("pointer-events")}}
 - The SVG attribute {{SVGAttr("visibility")}}
+- The {{domxref("PointerEvent")}} API
 - [WebKit Specs PointerEventsProperty](https://webkit.org/specs/PointerEventsProperty.html) extended for use in (X)HTML content
 - {{cssxref("user-select")}} - controls whether the user can select text

From 94354fa6c5e8a2d4d394a3098b83fb0228dfa082 Mon Sep 17 00:00:00 2001
From: Luis Rodriguez <luisrod22@gmail.com>
Date: Sun, 4 Feb 2024 14:55:40 -0500
Subject: [PATCH 661/790] download attribute for <a> on <audio> element page
 (#29287)

* Update index.md

Add the download attribute to the &lt;a&gt; element in "Usage notes," "Basic usage," "&lt;audio&gt; element with &lt;source&gt; element," and "Accessibility concerns."

* add  download="myAudio.mp3"

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 files/en-us/web/html/element/audio/index.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/files/en-us/web/html/element/audio/index.md b/files/en-us/web/html/element/audio/index.md
index 0ab431314adf1bd..4aecb7802045fd9 100644
--- a/files/en-us/web/html/element/audio/index.md
+++ b/files/en-us/web/html/element/audio/index.md
@@ -33,7 +33,7 @@ This element's attributes include the [global attributes](/en-US/docs/Web/HTML/G
 
   - : The [`controlslist`](https://wicg.github.io/controls-list/explainer.html) attribute, when specified, helps the browser select what controls to show for the `audio` element whenever the browser shows its own set of controls (that is, when the `controls` attribute is specified).
 
-    The allowed values are `nodownload`, `nofullscreen` and `noremoteplayback`.
+    The allowed values are `no`, `nofullscreen` and `noremoteplayback`.
 
 - `crossorigin`
 
@@ -62,14 +62,14 @@ This element's attributes include the [global attributes](/en-US/docs/Web/HTML/G
 
     - `none`: Indicates that the audio should not be preloaded.
     - `metadata`: Indicates that only audio metadata (e.g. length) is fetched.
-    - `auto`: Indicates that the whole audio file can be downloaded, even if the user is not expected to use it.
+    - `auto`: Indicates that the whole audio file can be ed, even if the user is not expected to use it.
     - _empty string_: A synonym of the `auto` value.
 
     The default value is different for each browser. The spec advises it to be set to `metadata`.
 
     > **Note:**
     >
-    > - The `autoplay` attribute has precedence over `preload`. If `autoplay` is specified, the browser would obviously need to start downloading the audio for playback.
+    > - The `autoplay` attribute has precedence over `preload`. If `autoplay` is specified, the browser would obviously need to start ing the audio for playback.
     > - The browser is not forced by the specification to follow the value of this attribute; it is a mere hint.
 
 - `src`
@@ -246,8 +246,8 @@ Browsers don't all support the same [file types](/en-US/docs/Web/Media/Formats/C
   <source src="myAudio.mp3" type="audio/mpeg" />
   <source src="myAudio.ogg" type="audio/ogg" />
   <p>
-    Download <a href="myAudio.mp3">MP3</a> or
-    <a href="myAudio.ogg">OGG</a> audio.
+    Download <a href="myAudio.mp3" download="myAudio.mp3">MP3</a> or
+    <a href="myAudio.ogg" download="myAudio.ogg">OGG</a> audio.
   </p>
 </audio>
 ```
@@ -316,7 +316,7 @@ The following example shows simple usage of the `<audio>` element to play an OGG
 ```html
 <!-- Simple audio playback -->
 <audio src="AudioTest.ogg" autoplay>
-  <a href="AudioTest.ogg">Download OGG audio</a>.
+  <a href="AudioTest.ogg" download="AudioTest.ogg">Download OGG audio</a>.
 </audio>
 ```
 
@@ -329,7 +329,7 @@ This example specifies which audio track to embed using the `src` attribute on a
 ```html
 <audio controls>
   <source src="foo.wav" type="audio/wav" />
-  <a href="foo.wav">Download WAV audio</a>.
+  <a href="foo.wav" download="foo.wav">Download WAV audio</a>.
 </audio>
 ```
 
@@ -377,7 +377,7 @@ Also it's a good practice to provide some content (such as the direct download l
   <source src="myAudio.ogg" type="audio/ogg" />
   <p>
     Download <a href="myAudio.mp3">MP3</a> or
-    <a href="myAudio.ogg">OGG</a> audio.
+    <a href="myAudio.ogg" download="myAudio.ogg">OGG</a> audio.
   </p>
 </audio>
 ```

From 133ee87ec78eb3dc59ffc60290f7b0664cff6002 Mon Sep 17 00:00:00 2001
From: rebloor <git@sherpa.co.nz>
Date: Mon, 5 Feb 2024 12:04:46 +1300
Subject: [PATCH 662/790] async runtime.onMessage listeners clarification
 (#32060)

* async runtime.onMessage listeners clarification

* Review feedback

Co-authored-by: Rob Wu <rob@robwu.nl>

* Apply feedback update to second warning

* Revert to original warning

* Feedback update

Co-authored-by: Rob Wu <rob@robwu.nl>

* typo

---------

Co-authored-by: Rob Wu <rob@robwu.nl>
---
 .../add-ons/webextensions/api/runtime/onmessage/index.md       | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessage/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessage/index.md
index 7407c11d38eab43..38dfd561c496aa1 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessage/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/onmessage/index.md
@@ -32,6 +32,7 @@ You can send a synchronous response to the message by calling the `sendResponse(
 To send an asynchronous response, there are two options:
 
 - return `true` from the event listener. This keeps the `sendResponse()` function valid after the listener returns, so you can call it later. [See an example](#sending_an_asynchronous_response_using_sendresponse).
+  > **Warning:** Do not prepend `async` to the function. Prepending `async` changes the meaning to [sending an asynchronous response using a promise](#sending_an_asynchronous_response_using_a_promise), which is effectively the same as `sendResponse(true)`.
 - return a `Promise` from the event listener, and resolve when you have the response (or reject it in case of an error). [See an example](#sending_an_asynchronous_response_using_a_promise).
 
 > **Note:** You can also use a [connection-based approach to exchange messages](/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts#connection-based_messaging).
@@ -213,7 +214,7 @@ function handleMessage(request, sender, sendResponse) {
 browser.runtime.onMessage.addListener(handleMessage);
 ```
 
-> **Warning:** Do not prepend `async` to the function. That changes the meaning to [sending an asynchronous response using a promise](#sending_an_asynchronous_response_using_a_promise), which is effectively the same as `sendResponse(true)`.
+> **Warning:** Do not prepend `async` to the function. Prepending `async` changes the meaning to [sending an asynchronous response using a promise](#sending_an_asynchronous_response_using_a_promise), which is effectively the same as `sendResponse(true)`.
 
 ### Sending an asynchronous response using a Promise
 

From c6e8c326635a069dd644e516b6cdf823fb2ca33c Mon Sep 17 00:00:00 2001
From: Keith Cirkel <keithamus@users.noreply.github.com>
Date: Sun, 4 Feb 2024 23:14:13 +0000
Subject: [PATCH 663/790] update docs to reflect new css custom state syntax
 (#31258)

* update docs to reflect new css custom state syntax

* fix typos

* fix top level description of add

* Update files/en-us/web/api/customstateset/add/index.md

* Update files/en-us/web/api/customstateset/index.md

* Apply suggestions from code review

* Update files/en-us/web/api/customstateset/index.md

* Update files/en-us/web/api/customstateset/index.md

* Update files/en-us/web/api/customstateset/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/customstateset/index.md

* Fix bad selector

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>

* remove mention of sytnaxerrors, as these no longer occur

* remove mention of <custom-ident>

* remove mention of <custom-ident>

* Update files/en-us/web/api/customstateset/add/index.md

* Update files/en-us/web/api/customstateset/index.md

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../en-us/web/api/customstateset/add/index.md |  15 +--
 files/en-us/web/api/customstateset/index.md   | 127 +++++++++++++-----
 .../using_custom_elements/index.md            |  16 +--
 3 files changed, 108 insertions(+), 50 deletions(-)

diff --git a/files/en-us/web/api/customstateset/add/index.md b/files/en-us/web/api/customstateset/add/index.md
index c998be108a7edb0..e098a59079da930 100644
--- a/files/en-us/web/api/customstateset/add/index.md
+++ b/files/en-us/web/api/customstateset/add/index.md
@@ -10,7 +10,9 @@ browser-compat: api.CustomStateSet.add
 
 {{APIRef("Web Components")}}{{SeeCompatTable}}
 
-The **`add`** method of the {{domxref("CustomStateSet")}} interface adds an item to the `CustomStateSet`, after checking that the value is in the correct format.
+The **`add`** method of the {{domxref("CustomStateSet")}} interface adds value representing a custom state to the `CustomStateSet`.
+
+Custom elements with a specific state can be selected using the [`:state()`](/en-US/docs/Web/CSS/:state) pseudo-class, specifying the desired state as an argument.
 
 ## Syntax
 
@@ -21,26 +23,21 @@ add(value)
 ### Parameters
 
 - `value`
-  - : A string which must be a `<dashed-ident>`, with the form `--mystate`.
+  - : A string that represents the custom state.
 
 ### Return value
 
 Undefined.
 
-### Exceptions
-
-- `SyntaxError` {{domxref("DOMException")}}
-  - : Thrown if the string is not a `<dashed-ident>`.
-
 ## Examples
 
-The following function adds the state `--checked` to a `CustomStateSet`.
+The following function adds the state `checked` to a `CustomStateSet`.
 
 ```js
 class MyCustomElement extends HTMLElement {
   set checked(flag) {
     if (flag) {
-      this._internals.states.add("--checked");
+      this._internals.states.add("checked");
     }
   }
 }
diff --git a/files/en-us/web/api/customstateset/index.md b/files/en-us/web/api/customstateset/index.md
index 1ecf621da7769a7..e1b05617546393c 100644
--- a/files/en-us/web/api/customstateset/index.md
+++ b/files/en-us/web/api/customstateset/index.md
@@ -21,7 +21,7 @@ The interface can be used to expose the internal states of a custom element, all
 ## Instance methods
 
 - {{domxref("CustomStateSet.add()")}} {{Experimental_Inline}}
-  - : Adds a value to the set, first checking that the _value_ is a `<dashed-ident>`.
+  - : Adds a value to the set.
 - {{domxref("CustomStateSet.clear()")}} {{Experimental_Inline}}
   - : Removes all elements from the `CustomStateSet` object.
 - {{domxref("CustomStateSet.delete()")}} {{Experimental_Inline}}
@@ -53,7 +53,7 @@ To make the {{domxref("CustomStateSet")}} available, a custom element must first
 Note that `ElementInternals` cannot be attached to a custom element based on a built-in element, so this feature only works for autonomous custom elements (see [github.com/whatwg/html/issues/5166](https://github.com/whatwg/html/issues/5166)).
 
 The `CustomStateSet` instance is a [`Set`-like object](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set#set-like_browser_apis) that can hold an ordered set of state values.
-Each value is a dashed identifier, with the format: `--mystatename`.
+Each value is a custom identifier.
 Identifiers can be added to the set or deleted.
 If an identifier is present in the set the particular state is `true`, while if it is removed the state is `false`.
 
@@ -64,23 +64,26 @@ The states can be used within the custom element but are not directly accessible
 ### Interaction with CSS
 
 Developers can select a custom element with a specific state using its state _custom state pseudo-class_.
-The format of this pseudo-class is `:--mystatename`, where `--mystatename` is the state as defined in the element.
+The format of this pseudo-class is `:state(mystatename)`, where `mystatename` is the state as defined in the element.
 
-The custom state pseudo-class matches the custom element only if the state is `true` (i.e. if `--mystatename` is present in the `CustomStateSet`).
+The custom state pseudo-class matches the custom element only if the state is `true` (i.e. if `mystatename` is present in the `CustomStateSet`).
+
+> **Warning:** Chrome supports a deprecated syntax that selects custom states using a CSS `<dashed-ident>` rather than the `:state()` function.
+> For information about how to support both approaches see the [Compatibility with `<dashed-ident>` syntax](compability_with_dashed-ident_syntax) section below.
 
 ## Examples
 
 ### Labeled Checkbox
 
 This example, which is adapted from the specification, demonstrates a custom checkbox element that has an internal "checked" state.
-This is mapped to the `--checked` custom state, allowing styling to be applied using the `:--checked` custom state pseudo class.
+This is mapped to the `checked` custom state, allowing styling to be applied using the `:state(checked)` custom state pseudo class.
 
 #### JavaScript
 
 First we define our class `LabeledCheckbox` which extends from `HTMLElement`.
 In the constructor we call the `super()` method, leaving most of the "work" to `connectedCallback()`, which is invoked when a custom element is added to the page.
 The content of the element is defined using a `<style>` element to be the text `[]` or `[x]` followed by a label.
-What's noteworthy here is that the custom state pseudo class is used to select the text to display: `:host(:--checked)::`.
+What's noteworthy here is that the custom state pseudo class is used to select the text to display: `:host(:state(checked))`.
 After the example below, we'll cover what's happening in the snippet in more detail.
 
 ```js
@@ -104,20 +107,20 @@ class LabeledCheckbox extends HTMLElement {
          white-space: pre;
          font-family: monospace;
        }
-       :host(:--checked)::before { content: '[x]'; background: grey; }
+       :host(:state(checked))::before { content: '[x]'; background: grey; }
        </style>
        <slot>Label</slot>`;
   }
 
   get checked() {
-    return this._internals.states.has("--checked");
+    return this._internals.states.has("checked");
   }
 
   set checked(flag) {
     if (flag) {
-      this._internals.states.add("--checked");
+      this._internals.states.add("checked");
     } else {
-      this._internals.states.delete("--checked");
+      this._internals.states.delete("checked");
     }
   }
 
@@ -132,8 +135,8 @@ In the `LabeledCheckbox` class:
 
 - The `connectedCallback()` method uses {{domxref("HTMLElement.attachInternals()", "`this.attachInternals()`")}} to attach an {{domxref("ElementInternals", "`ElementInternals`")}} object.
 - In the `get checked()` and `set checked()` we use `ElementInternals.states` to get the `CustomStateSet`.
-- The `set checked(flag)` method adds the `"--checked"` dashed identifier to the `CustomStateSet` if the flag is set and delete the identifier if the flag is `false`.
-- The `get checked()` method just checks whether the `--checked` property is defined in the set.
+- The `set checked(flag)` method adds the `"checked"` identifier to the `CustomStateSet` if the flag is set and delete the identifier if the flag is `false`.
+- The `get checked()` method just checks whether the `checked` property is defined in the set.
 - The property value is toggled when the element is clicked.
 
 We then call the {{domxref("CustomElementRegistry/define", "define()")}} method on the object returned by {{domxref("Window.customElements")}} in order to register the custom element:
@@ -152,13 +155,13 @@ After registering the custom element we can use the element in HTML as shown:
 
 #### CSS
 
-Finally we use the `:--checked` custom state pseudo class to select CSS for when the box is checked.
+Finally we use the `:state(checked)` custom state pseudo class to select CSS for when the box is checked.
 
 ```css
 labeled-checkbox {
   border: dashed red;
 }
-labeled-checkbox:--checked {
+labeled-checkbox:state(checked) {
   border: solid;
 }
 ```
@@ -174,8 +177,8 @@ Click the element to see a different border being applied as the checkbox `check
 This example shows how to handle the case where the custom element has an internal property with multiple possible value.
 
 The custom element in this case has a `state` property with allowed values: "loading", "interactive" and "complete".
-To make this work, we map each value to its custom state and create code to ensure that only the dashed identifier corresponding to the internal state is set.
-You can see this in the implementation of the `set state()` method: we set the internal state, add the dashed identifier for the matching custom state to `CustomStateSet`, and remove the dashed identifiers associated with all the other values.
+To make this work, we map each value to its custom state and create code to ensure that only the identifier corresponding to the internal state is set.
+You can see this in the implementation of the `set state()` method: we set the internal state, add the identifier for the matching custom state to `CustomStateSet`, and remove the identifiers associated with all the other values.
 
 Most of the remaining code is similar to the example that demonstrates a single boolean state (we show different text for each state as the user toggles through them).
 
@@ -200,9 +203,9 @@ class ManyStateElement extends HTMLElement {
           font-family: monospace;
         }
        :host::before { content: '[ unknown ]'; white-space: pre; }
-       :host(:--loading)::before { content: '[ loading ]' }
-       :host(:--interactive)::before { content: '[ interactive ]' }
-       :host(:--complete)::before { content: '[ complete ]' }
+       :host(:state(loading))::before { content: '[ loading ]' }
+       :host(:state(interactive))::before { content: '[ interactive ]' }
+       :host(:state(complete))::before { content: '[ complete ]' }
        </style>
        <slot>Click me</slot>`;
   }
@@ -213,22 +216,22 @@ class ManyStateElement extends HTMLElement {
 
   set state(stateName) {
     // Set internal state to passed value
-    // Add dashed identifier matching state and delete others
+    // Add identifier matching state and delete others
     if (stateName == "loading") {
       this._state = "loading";
-      this._internals.states.add("--loading");
-      this._internals.states.delete("--interactive");
-      this._internals.states.delete("--complete");
+      this._internals.states.add("loading");
+      this._internals.states.delete("interactive");
+      this._internals.states.delete("complete");
     } else if (stateName == "interactive") {
       this._state = "interactive";
-      this._internals.states.delete("--loading");
-      this._internals.states.add("--interactive");
-      this._internals.states.delete("--complete");
+      this._internals.states.delete("loading");
+      this._internals.states.add("interactive");
+      this._internals.states.delete("complete");
     } else if (stateName == "complete") {
       this._state = "complete";
-      this._internals.states.delete("--loading");
-      this._internals.states.delete("--interactive");
-      this._internals.states.add("--complete");
+      this._internals.states.delete("loading");
+      this._internals.states.delete("interactive");
+      this._internals.states.add("complete");
     }
   }
 
@@ -258,17 +261,17 @@ This is similar to the example that demonstrates a single boolean state, except
 
 #### CSS
 
-In the CSS we use the three custom state pseudo classes to select CSS for each of the internal state values: `:--loading`, `:--interactive`, `:--complete`.
+In the CSS we use the three custom state pseudo classes to select CSS for each of the internal state values: `:state(loading)`, `:state(interactive)`, `:state(complete)`.
 Note that the custom element code ensures that only one of these custom states can be defined at a time.
 
 ```css
-many-state-element:--loading {
+many-state-element:state(loading) {
   border: dotted grey;
 }
-many-state-element:--interactive {
+many-state-element:state(interactive) {
   border: dashed blue;
 }
-many-state-element:--complete {
+many-state-element:state(complete) {
   border: solid green;
 }
 ```
@@ -279,6 +282,64 @@ Click the element to see a different border being applied as the state changes.
 
 {{EmbedLiveSample("Non-boolean internal states", "100%", 50)}}
 
+## Compability with `<dashed-ident>` syntax
+
+Previously custom elements with custom states were selected using a `<dashed-ident>` instead of the [`:state()`](/en-US/docs/Web/CSS/:state) function.
+Browsers that don't support `:state()`, including versions of Chrome, will throw an error when supplied with an ident that is not prefixed with the double dash.
+If support for these browsers is required, it is possible to use a `<dashed-ident>` as the state's value, and select it with both the `:--mystate` and `:state(--mystate)` CSS selector:
+
+### Using double dash prefixed idents
+
+#### JavaScript
+
+```js
+class CompatibleStateElement extends HTMLElement {
+  connectedCallback() {
+    const internals = this.attachInternals();
+    // The double dash is required in browsers with the
+    // legacy syntax, but works with the modern syntax
+    internals.states.set("--loaded");
+  }
+}
+```
+
+#### CSS
+
+```css
+compatible-state-element:is(:--loaded, :state(--loaded)) {
+  border: solid green;
+}
+```
+
+### Using a try catch block
+
+An alternative solution can be to use a `try` `catch` block to fall back to the legacy syntax:
+
+#### JavaScript
+
+```js
+class CompatibleStateElement extends HTMLElement {
+  connectedCallback() {
+    const internals = this.attachInternals();
+    // The double dash is required in browsers with the
+    // legacy syntax, not supplying it will throw
+    try {
+      internals.states.set("loaded");
+    } catch {
+      internals.states.set("--loaded");
+    }
+  }
+}
+```
+
+#### CSS
+
+```css
+compatible-state-element:is(:--loaded, :state(loaded)) {
+  border: solid green;
+}
+```
+
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/web_components/using_custom_elements/index.md b/files/en-us/web/api/web_components/using_custom_elements/index.md
index f9dad4877d2a14c..3e4dd580b836c86 100644
--- a/files/en-us/web/api/web_components/using_custom_elements/index.md
+++ b/files/en-us/web/api/web_components/using_custom_elements/index.md
@@ -186,8 +186,8 @@ The code below shows how this works using the example of an autonomous custom el
 
 The `collapsed` state is represented as a boolean property (with setter and getter methods) that is not visible outside of the element.
 To make this state selectable in CSS the custom element first calls {{domxref("HTMLElement.attachInternals()")}} in its constructor in order to attach an {{domxref("ElementInternals")}} object, which in turn provides access to a {{domxref("CustomStateSet")}} through the {{domxref("ElementInternals.states")}} property.
-The setter for the (internal) collapsed state adds the _dashed identifier_ `--hidden` to the `CustomStateSet` when the state is `true`, and removes it when the state is `false`.
-The dashed identifier is just a string preceded by two dashes: in this case we called it `--hidden`, but we could have just as easily called it `--collapsed`.
+The setter for the (internal) collapsed state adds the _identifier_ `hidden` to the `CustomStateSet` when the state is `true`, and removes it when the state is `false`.
+The identifier is just a string: in this case we called it `hidden`, but we could have just as easily called it `collapsed`.
 
 ```js
 class MyCustomElement extends HTMLElement {
@@ -197,16 +197,16 @@ class MyCustomElement extends HTMLElement {
   }
 
   get collapsed() {
-    return this._internals.states.has("--hidden");
+    return this._internals.states.has("hidden");
   }
 
   set collapsed(flag) {
     if (flag) {
       // Existence of identifier corresponds to "true"
-      this._internals.states.add("--hidden");
+      this._internals.states.add("hidden");
     } else {
       // Absence of identifier corresponds to "false"
-      this._internals.states.delete("--hidden");
+      this._internals.states.delete("hidden");
     }
   }
 }
@@ -215,14 +215,14 @@ class MyCustomElement extends HTMLElement {
 customElements.define("my-custom-element", MyCustomElement);
 ```
 
-After adding `<my-custom-element>` to the HTML we can use the dashed identifier added to the `CustomStateSet`, prefixed with `:`, as a custom state pseudo-class for selecting the element state.
-For example, below we select on the `--hidden` state being true (and hence the element's `collapsed` state) using the `:--hidden` selector, and remove the border.
+After adding `<my-custom-element>` to the HTML we can use the identifier added to the `CustomStateSet`, passed to the `:state()` function, as a custom state pseudo-class for selecting the element state.
+For example, below we select on the `hidden` state being true (and hence the element's `collapsed` state) using the `:hidden` selector, and remove the border.
 
 ```css
 my-custom-element {
   border: dashed red;
 }
-my-custom-element:--hidden {
+my-custom-element:state(hidden) {
   border: none;
 }
 ```

From 55b99f245dd75a141daa925f0996241df7f216bf Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Mon, 5 Feb 2024 09:29:33 +0530
Subject: [PATCH 664/790] Fix a typo (#32116)

---
 files/en-us/web/css/@container/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/@container/index.md b/files/en-us/web/css/@container/index.md
index 537c45f7db3c561..46e2e73d5847c18 100644
--- a/files/en-us/web/css/@container/index.md
+++ b/files/en-us/web/css/@container/index.md
@@ -48,7 +48,7 @@ For example:
   - : An optional `<container-name>` and a `<container-query>`. Styles defined in the `<stylesheet>` are applied if the condition is true.
 
     - `<container-name>`
-      - : Optional. The name of the container that the styles will be applied to when the query evaluates to true, spccified as an {{cssxref("ident")}}.
+      - : Optional. The name of the container that the styles will be applied to when the query evaluates to true, specified as an {{cssxref("ident")}}.
     - `<container-query>`
       - : A set of features that are evaluated against the query container when the size of the container changes.
 

From c271cb1c79e70f9da74ad8c27355bf1a17d9cf12 Mon Sep 17 00:00:00 2001
From: Dipika Bhattacharya <dipika@foss-community.org>
Date: Sun, 4 Feb 2024 23:09:40 -0500
Subject: [PATCH 665/790] docs(fix): Improve language and clarify that
 `cssFloat` is only needed in older browsers (#32069)

* clarifies float vs cssFloat

* adds improvements

* fixes typo

* fix review comment

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* fixes review comments

* edits

* fixes reviw comment

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

---------

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 files/en-us/web/api/htmlelement/style/index.md | 3 +--
 files/en-us/web/css/float/index.md             | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/htmlelement/style/index.md b/files/en-us/web/api/htmlelement/style/index.md
index 6b19f90188d0628..08463adeb292ffa 100644
--- a/files/en-us/web/api/htmlelement/style/index.md
+++ b/files/en-us/web/api/htmlelement/style/index.md
@@ -20,9 +20,8 @@ A style declaration is reset by setting it to `null` or an empty string, e.g., `
 
 > **Note:** CSS property names are converted to JavaScript identifier with these rules:
 >
-> - If the property is made of one word, it remains as it is: `height` stays as is (in lowercase).
+> - If the property is made of one word, it remains as it is: `height` stays as is (in lowercase). As `float` is a reserved keyword in JavaScript, this property name was historically converted to `cssFloat`. All modern browsers now support the direct use of `float` in JavaScript to access the `float` CSS property, but `cssFloat` is used in older browsers and is still supported as an alias in modern browsers.
 > - If the property is made of several words, separated by dashes, the dashes are removed and it is converted to {{Glossary("camel_case", "camel case")}}: `background-attachment` becomes `backgroundAttachment`.
-> - The property `float`, being a reserved JavaScript keyword, is converted to `cssFloat`.
 >
 > The `style` property has the same priority in the CSS cascade as an inline style declaration set via the `style` attribute.
 
diff --git a/files/en-us/web/css/float/index.md b/files/en-us/web/css/float/index.md
index 1c197c4a727660c..9c3555b35536b5e 100644
--- a/files/en-us/web/css/float/index.md
+++ b/files/en-us/web/css/float/index.md
@@ -32,7 +32,7 @@ As `float` implies the use of the block layout, it modifies the computed value o
 | `inline-grid`        | `grid`         |
 | _other_              | _unchanged_    |
 
-> **Note:** If you're referring to this property from JavaScript as a member of the {{domxref("HTMLElement.style")}} object, modern browsers support `float`, but in older browsers you have to spell it as `cssFloat`. This was an exception to the rule, that the name of the DOM member is the {{Glossary("camel_case", "camel-case")}} name of the hyphenated CSS name (because "float" is a reserved word in JavaScript, as seen in the need to escape "class" as "className" and escape \<label>'s "for" as "htmlFor").
+> **Note:** When accessing a CSS property in JavaScript through the {{domxref("HTMLElement.style")}} object, single-word property names are used as is. Although `float` is a reserved keyword in JavaScript, the CSS `float` property is accessed as `float` in modern browsers. In older browsers, you must use `cssFloat` to access the `float` property. (This is similar to how the "class" attribute is accessed as "className" and the "for" attribute of a `<label>` element is accessed as "htmlFor".)
 
 ## Syntax
 

From 4f35c0929c74d0d18d9ea47f3ad1b2659a6ccc80 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 5 Feb 2024 09:23:25 +0000
Subject: [PATCH 666/790] Bump dorny/paths-filter from 2 to 3 (#31908)

---
 .github/workflows/pr-check_redirects.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/pr-check_redirects.yml b/.github/workflows/pr-check_redirects.yml
index 7338099f039100b..a2dd6e9c46ac8cc 100644
--- a/.github/workflows/pr-check_redirects.yml
+++ b/.github/workflows/pr-check_redirects.yml
@@ -21,7 +21,7 @@ jobs:
       # This is a "required" workflow so path filtering can not be used:
       # https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/collaborating-on-repositories-with-code-quality-features/troubleshooting-required-status-checks#handling-skipped-but-required-checks
       # We have to rely on a custom filtering mechanism to run the checks only if required files are modified.
-      - uses: dorny/paths-filter@v2
+      - uses: dorny/paths-filter@v3
         name: See if any file needs checking
         id: filter
         with:

From 89c435da452257b944b403cc9e45036fcb22590e Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Mon, 5 Feb 2024 15:45:39 +0530
Subject: [PATCH 667/790] fix(api): add missing SecureContext_Header macros
 (#32085)

---
 files/en-us/web/api/audiocontext/setsinkid/index.md         | 2 +-
 files/en-us/web/api/audiocontext/sinkid/index.md            | 2 +-
 files/en-us/web/api/audioencoder/index.md                   | 2 +-
 .../web/api/audioworkletnode/audioworkletnode/index.md      | 2 +-
 files/en-us/web/api/audioworkletnode/index.md               | 2 +-
 files/en-us/web/api/audioworkletnode/parameters/index.md    | 2 +-
 files/en-us/web/api/audioworkletnode/port/index.md          | 2 +-
 .../web/api/audioworkletnode/processorerror_event/index.md  | 2 +-
 files/en-us/web/api/bluetoothdevice/gatt/index.md           | 2 +-
 files/en-us/web/api/bluetoothdevice/id/index.md             | 2 +-
 files/en-us/web/api/bluetoothdevice/index.md                | 2 +-
 files/en-us/web/api/bluetoothdevice/name/index.md           | 2 +-
 .../getdescriptor/index.md                                  | 2 +-
 .../getdescriptors/index.md                                 | 2 +-
 .../web/api/bluetoothremotegattcharacteristic/index.md      | 2 +-
 .../bluetoothremotegattcharacteristic/properties/index.md   | 2 +-
 .../bluetoothremotegattcharacteristic/readvalue/index.md    | 2 +-
 .../api/bluetoothremotegattcharacteristic/service/index.md  | 2 +-
 .../startnotifications/index.md                             | 2 +-
 .../stopnotifications/index.md                              | 2 +-
 .../web/api/bluetoothremotegattcharacteristic/uuid/index.md | 2 +-
 .../api/bluetoothremotegattcharacteristic/value/index.md    | 2 +-
 .../bluetoothremotegattcharacteristic/writevalue/index.md   | 2 +-
 .../writevaluewithoutresponse/index.md                      | 2 +-
 .../writevaluewithresponse/index.md                         | 2 +-
 .../bluetoothremotegattdescriptor/characteristic/index.md   | 2 +-
 files/en-us/web/api/bluetoothremotegattdescriptor/index.md  | 2 +-
 .../api/bluetoothremotegattdescriptor/readvalue/index.md    | 2 +-
 .../web/api/bluetoothremotegattdescriptor/uuid/index.md     | 2 +-
 .../web/api/bluetoothremotegattdescriptor/value/index.md    | 2 +-
 .../api/bluetoothremotegattdescriptor/writevalue/index.md   | 2 +-
 .../web/api/bluetoothremotegattserver/connect/index.md      | 2 +-
 .../web/api/bluetoothremotegattserver/connected/index.md    | 2 +-
 .../en-us/web/api/bluetoothremotegattserver/device/index.md | 2 +-
 .../web/api/bluetoothremotegattserver/disconnect/index.md   | 2 +-
 .../bluetoothremotegattserver/getprimaryservice/index.md    | 2 +-
 .../bluetoothremotegattserver/getprimaryservices/index.md   | 2 +-
 files/en-us/web/api/bluetoothremotegattserver/index.md      | 2 +-
 .../web/api/bluetoothremotegattservice/device/index.md      | 2 +-
 .../bluetoothremotegattservice/getcharacteristic/index.md   | 2 +-
 .../bluetoothremotegattservice/getcharacteristics/index.md  | 2 +-
 files/en-us/web/api/bluetoothremotegattservice/index.md     | 2 +-
 .../web/api/bluetoothremotegattservice/isprimary/index.md   | 2 +-
 .../en-us/web/api/bluetoothremotegattservice/uuid/index.md  | 2 +-
 files/en-us/web/api/cache/add/index.md                      | 2 +-
 files/en-us/web/api/cache/addall/index.md                   | 2 +-
 files/en-us/web/api/cache/delete/index.md                   | 2 +-
 files/en-us/web/api/cache/index.md                          | 6 +-----
 files/en-us/web/api/cache/keys/index.md                     | 2 +-
 files/en-us/web/api/cache/match/index.md                    | 2 +-
 files/en-us/web/api/cache/matchall/index.md                 | 2 +-
 files/en-us/web/api/cache/put/index.md                      | 2 +-
 files/en-us/web/api/cachestorage/delete/index.md            | 2 +-
 files/en-us/web/api/cachestorage/has/index.md               | 2 +-
 files/en-us/web/api/cachestorage/index.md                   | 6 +-----
 files/en-us/web/api/cachestorage/keys/index.md              | 2 +-
 files/en-us/web/api/cachestorage/match/index.md             | 2 +-
 files/en-us/web/api/cachestorage/open/index.md              | 2 +-
 .../web/api/capturecontroller/capturecontroller/index.md    | 2 +-
 files/en-us/web/api/capturecontroller/index.md              | 2 +-
 .../web/api/capturecontroller/setfocusbehavior/index.md     | 2 +-
 files/en-us/web/api/credential/id/index.md                  | 2 +-
 files/en-us/web/api/credential/type/index.md                | 2 +-
 files/en-us/web/api/credentialscontainer/create/index.md    | 2 +-
 files/en-us/web/api/credentialscontainer/get/index.md       | 2 +-
 .../api/credentialscontainer/preventsilentaccess/index.md   | 2 +-
 files/en-us/web/api/credentialscontainer/store/index.md     | 2 +-
 .../web/api/documentpictureinpicture/enter_event/index.md   | 2 +-
 .../web/api/documentpictureinpicture/requestwindow/index.md | 2 +-
 .../en-us/web/api/documentpictureinpicture/window/index.md  | 2 +-
 .../documentpictureinpictureevent/index.md                  | 2 +-
 files/en-us/web/api/documentpictureinpictureevent/index.md  | 2 +-
 .../web/api/documentpictureinpictureevent/window/index.md   | 2 +-
 files/en-us/web/api/element/sethtml/index.md                | 2 +-
 .../api/federatedcredential/federatedcredential/index.md    | 2 +-
 files/en-us/web/api/federatedcredential/index.md            | 2 +-
 files/en-us/web/api/federatedcredential/provider/index.md   | 2 +-
 files/en-us/web/api/gamepad/axes/index.md                   | 2 +-
 files/en-us/web/api/gamepad/buttons/index.md                | 2 +-
 files/en-us/web/api/gamepad/connected/index.md              | 2 +-
 files/en-us/web/api/gamepad/hand/index.md                   | 2 +-
 files/en-us/web/api/gamepad/hapticactuators/index.md        | 2 +-
 files/en-us/web/api/gamepad/id/index.md                     | 2 +-
 files/en-us/web/api/gamepad/index/index.md                  | 2 +-
 files/en-us/web/api/gamepad/mapping/index.md                | 2 +-
 files/en-us/web/api/gamepad/pose/index.md                   | 2 +-
 files/en-us/web/api/gamepad/timestamp/index.md              | 2 +-
 files/en-us/web/api/gamepad/vibrationactuator/index.md      | 2 +-
 files/en-us/web/api/gamepadbutton/pressed/index.md          | 2 +-
 files/en-us/web/api/gamepadbutton/touched/index.md          | 2 +-
 files/en-us/web/api/gamepadbutton/value/index.md            | 2 +-
 files/en-us/web/api/gamepadevent/gamepad/index.md           | 2 +-
 files/en-us/web/api/gamepadevent/gamepadevent/index.md      | 2 +-
 files/en-us/web/api/gpu/getpreferredcanvasformat/index.md   | 2 +-
 files/en-us/web/api/gpu/index.md                            | 2 +-
 files/en-us/web/api/gpu/requestadapter/index.md             | 2 +-
 files/en-us/web/api/gpu/wgsllanguagefeatures/index.md       | 2 +-
 files/en-us/web/api/gpuadapter/features/index.md            | 2 +-
 files/en-us/web/api/gpuadapter/index.md                     | 2 +-
 files/en-us/web/api/gpuadapter/isfallbackadapter/index.md   | 2 +-
 files/en-us/web/api/gpuadapter/limits/index.md              | 2 +-
 files/en-us/web/api/gpuadapter/requestadapterinfo/index.md  | 2 +-
 files/en-us/web/api/gpuadapter/requestdevice/index.md       | 2 +-
 files/en-us/web/api/gpuadapterinfo/architecture/index.md    | 2 +-
 files/en-us/web/api/gpuadapterinfo/description/index.md     | 2 +-
 files/en-us/web/api/gpuadapterinfo/device/index.md          | 2 +-
 files/en-us/web/api/gpuadapterinfo/index.md                 | 2 +-
 files/en-us/web/api/gpuadapterinfo/vendor/index.md          | 2 +-
 files/en-us/web/api/gpubindgroup/index.md                   | 2 +-
 files/en-us/web/api/gpubindgroup/label/index.md             | 2 +-
 files/en-us/web/api/gpubindgrouplayout/index.md             | 2 +-
 files/en-us/web/api/gpubindgrouplayout/label/index.md       | 2 +-
 files/en-us/web/api/gpubuffer/destroy/index.md              | 2 +-
 files/en-us/web/api/gpubuffer/getmappedrange/index.md       | 2 +-
 files/en-us/web/api/gpubuffer/index.md                      | 2 +-
 files/en-us/web/api/gpubuffer/label/index.md                | 2 +-
 files/en-us/web/api/gpubuffer/mapasync/index.md             | 2 +-
 files/en-us/web/api/gpubuffer/mapstate/index.md             | 2 +-
 files/en-us/web/api/gpubuffer/size/index.md                 | 2 +-
 files/en-us/web/api/gpubuffer/unmap/index.md                | 2 +-
 files/en-us/web/api/gpubuffer/usage/index.md                | 2 +-
 files/en-us/web/api/gpucanvascontext/canvas/index.md        | 2 +-
 files/en-us/web/api/gpucanvascontext/configure/index.md     | 2 +-
 .../web/api/gpucanvascontext/getcurrenttexture/index.md     | 2 +-
 files/en-us/web/api/gpucanvascontext/index.md               | 2 +-
 files/en-us/web/api/gpucanvascontext/unconfigure/index.md   | 2 +-
 files/en-us/web/api/gpucommandbuffer/index.md               | 2 +-
 files/en-us/web/api/gpucommandbuffer/label/index.md         | 2 +-
 .../web/api/gpucommandencoder/begincomputepass/index.md     | 2 +-
 .../web/api/gpucommandencoder/beginrenderpass/index.md      | 2 +-
 files/en-us/web/api/gpucommandencoder/clearbuffer/index.md  | 2 +-
 .../web/api/gpucommandencoder/copybuffertobuffer/index.md   | 2 +-
 .../web/api/gpucommandencoder/copybuffertotexture/index.md  | 2 +-
 .../web/api/gpucommandencoder/copytexturetobuffer/index.md  | 2 +-
 .../web/api/gpucommandencoder/copytexturetotexture/index.md | 2 +-
 files/en-us/web/api/gpucommandencoder/finish/index.md       | 2 +-
 files/en-us/web/api/gpucommandencoder/index.md              | 2 +-
 .../web/api/gpucommandencoder/insertdebugmarker/index.md    | 2 +-
 files/en-us/web/api/gpucommandencoder/label/index.md        | 2 +-
 .../en-us/web/api/gpucommandencoder/popdebuggroup/index.md  | 2 +-
 .../en-us/web/api/gpucommandencoder/pushdebuggroup/index.md | 2 +-
 .../web/api/gpucommandencoder/resolvequeryset/index.md      | 2 +-
 files/en-us/web/api/gpucompilationinfo/index.md             | 2 +-
 files/en-us/web/api/gpucompilationinfo/messages/index.md    | 2 +-
 files/en-us/web/api/gpucompilationmessage/index.md          | 2 +-
 files/en-us/web/api/gpucompilationmessage/length/index.md   | 2 +-
 files/en-us/web/api/gpucompilationmessage/linenum/index.md  | 2 +-
 files/en-us/web/api/gpucompilationmessage/linepos/index.md  | 2 +-
 files/en-us/web/api/gpucompilationmessage/message/index.md  | 2 +-
 files/en-us/web/api/gpucompilationmessage/offset/index.md   | 2 +-
 files/en-us/web/api/gpucompilationmessage/type/index.md     | 2 +-
 .../api/gpucomputepassencoder/dispatchworkgroups/index.md   | 2 +-
 .../dispatchworkgroupsindirect/index.md                     | 2 +-
 files/en-us/web/api/gpucomputepassencoder/end/index.md      | 2 +-
 files/en-us/web/api/gpucomputepassencoder/index.md          | 2 +-
 .../api/gpucomputepassencoder/insertdebugmarker/index.md    | 2 +-
 files/en-us/web/api/gpucomputepassencoder/label/index.md    | 2 +-
 .../web/api/gpucomputepassencoder/popdebuggroup/index.md    | 2 +-
 .../web/api/gpucomputepassencoder/pushdebuggroup/index.md   | 2 +-
 .../web/api/gpucomputepassencoder/setbindgroup/index.md     | 2 +-
 .../web/api/gpucomputepassencoder/setpipeline/index.md      | 2 +-
 .../web/api/gpucomputepipeline/getbindgrouplayout/index.md  | 2 +-
 files/en-us/web/api/gpucomputepipeline/index.md             | 2 +-
 files/en-us/web/api/gpucomputepipeline/label/index.md       | 2 +-
 files/en-us/web/api/gpudevice/createbindgroup/index.md      | 2 +-
 .../en-us/web/api/gpudevice/createbindgrouplayout/index.md  | 2 +-
 files/en-us/web/api/gpudevice/createbuffer/index.md         | 2 +-
 files/en-us/web/api/gpudevice/createcommandencoder/index.md | 2 +-
 .../en-us/web/api/gpudevice/createcomputepipeline/index.md  | 2 +-
 .../web/api/gpudevice/createcomputepipelineasync/index.md   | 2 +-
 files/en-us/web/api/gpudevice/createpipelinelayout/index.md | 2 +-
 files/en-us/web/api/gpudevice/createqueryset/index.md       | 2 +-
 .../web/api/gpudevice/createrenderbundleencoder/index.md    | 2 +-
 files/en-us/web/api/gpudevice/createrenderpipeline/index.md | 2 +-
 .../web/api/gpudevice/createrenderpipelineasync/index.md    | 2 +-
 files/en-us/web/api/gpudevice/createsampler/index.md        | 2 +-
 files/en-us/web/api/gpudevice/createshadermodule/index.md   | 2 +-
 files/en-us/web/api/gpudevice/createtexture/index.md        | 2 +-
 files/en-us/web/api/gpudevice/destroy/index.md              | 2 +-
 files/en-us/web/api/gpudevice/features/index.md             | 2 +-
 .../en-us/web/api/gpudevice/importexternaltexture/index.md  | 2 +-
 files/en-us/web/api/gpudevice/index.md                      | 2 +-
 files/en-us/web/api/gpudevice/label/index.md                | 2 +-
 files/en-us/web/api/gpudevice/limits/index.md               | 2 +-
 files/en-us/web/api/gpudevice/lost/index.md                 | 2 +-
 files/en-us/web/api/gpudevice/poperrorscope/index.md        | 2 +-
 files/en-us/web/api/gpudevice/pusherrorscope/index.md       | 2 +-
 files/en-us/web/api/gpudevice/queue/index.md                | 2 +-
 .../en-us/web/api/gpudevice/uncapturederror_event/index.md  | 2 +-
 files/en-us/web/api/gpudevicelostinfo/index.md              | 2 +-
 files/en-us/web/api/gpudevicelostinfo/message/index.md      | 2 +-
 files/en-us/web/api/gpudevicelostinfo/reason/index.md       | 2 +-
 files/en-us/web/api/gpuerror/index.md                       | 2 +-
 files/en-us/web/api/gpuerror/message/index.md               | 2 +-
 files/en-us/web/api/gpuexternaltexture/index.md             | 2 +-
 files/en-us/web/api/gpuexternaltexture/label/index.md       | 2 +-
 .../web/api/gpuinternalerror/gpuinternalerror/index.md      | 2 +-
 files/en-us/web/api/gpuinternalerror/index.md               | 2 +-
 .../api/gpuoutofmemoryerror/gpuoutofmemoryerror/index.md    | 2 +-
 files/en-us/web/api/gpuoutofmemoryerror/index.md            | 2 +-
 .../web/api/gpupipelineerror/gpupipelineerror/index.md      | 2 +-
 files/en-us/web/api/gpupipelineerror/index.md               | 2 +-
 files/en-us/web/api/gpupipelineerror/reason/index.md        | 2 +-
 files/en-us/web/api/gpupipelinelayout/index.md              | 2 +-
 files/en-us/web/api/gpupipelinelayout/label/index.md        | 2 +-
 files/en-us/web/api/gpuqueryset/count/index.md              | 2 +-
 files/en-us/web/api/gpuqueryset/destroy/index.md            | 2 +-
 files/en-us/web/api/gpuqueryset/index.md                    | 2 +-
 files/en-us/web/api/gpuqueryset/label/index.md              | 2 +-
 files/en-us/web/api/gpuqueryset/type/index.md               | 2 +-
 .../web/api/gpuqueue/copyexternalimagetotexture/index.md    | 2 +-
 files/en-us/web/api/gpuqueue/index.md                       | 2 +-
 files/en-us/web/api/gpuqueue/label/index.md                 | 2 +-
 files/en-us/web/api/gpuqueue/onsubmittedworkdone/index.md   | 2 +-
 files/en-us/web/api/gpuqueue/submit/index.md                | 2 +-
 files/en-us/web/api/gpuqueue/writebuffer/index.md           | 2 +-
 files/en-us/web/api/gpuqueue/writetexture/index.md          | 2 +-
 files/en-us/web/api/gpurenderbundle/index.md                | 2 +-
 files/en-us/web/api/gpurenderbundle/label/index.md          | 2 +-
 files/en-us/web/api/gpurenderbundleencoder/draw/index.md    | 2 +-
 .../web/api/gpurenderbundleencoder/drawindexed/index.md     | 2 +-
 .../api/gpurenderbundleencoder/drawindexedindirect/index.md | 2 +-
 .../web/api/gpurenderbundleencoder/drawindirect/index.md    | 2 +-
 files/en-us/web/api/gpurenderbundleencoder/finish/index.md  | 2 +-
 files/en-us/web/api/gpurenderbundleencoder/index.md         | 2 +-
 .../api/gpurenderbundleencoder/insertdebugmarker/index.md   | 2 +-
 files/en-us/web/api/gpurenderbundleencoder/label/index.md   | 2 +-
 .../web/api/gpurenderbundleencoder/popdebuggroup/index.md   | 2 +-
 .../web/api/gpurenderbundleencoder/pushdebuggroup/index.md  | 2 +-
 .../web/api/gpurenderbundleencoder/setbindgroup/index.md    | 2 +-
 .../web/api/gpurenderbundleencoder/setindexbuffer/index.md  | 2 +-
 .../web/api/gpurenderbundleencoder/setpipeline/index.md     | 2 +-
 .../web/api/gpurenderbundleencoder/setvertexbuffer/index.md | 2 +-
 .../api/gpurenderpassencoder/beginocclusionquery/index.md   | 2 +-
 files/en-us/web/api/gpurenderpassencoder/draw/index.md      | 2 +-
 .../en-us/web/api/gpurenderpassencoder/drawindexed/index.md | 2 +-
 .../api/gpurenderpassencoder/drawindexedindirect/index.md   | 2 +-
 .../web/api/gpurenderpassencoder/drawindirect/index.md      | 2 +-
 files/en-us/web/api/gpurenderpassencoder/end/index.md       | 2 +-
 .../web/api/gpurenderpassencoder/endocclusionquery/index.md | 2 +-
 .../web/api/gpurenderpassencoder/executebundles/index.md    | 2 +-
 files/en-us/web/api/gpurenderpassencoder/index.md           | 2 +-
 .../web/api/gpurenderpassencoder/insertdebugmarker/index.md | 2 +-
 files/en-us/web/api/gpurenderpassencoder/label/index.md     | 2 +-
 .../web/api/gpurenderpassencoder/popdebuggroup/index.md     | 2 +-
 .../web/api/gpurenderpassencoder/pushdebuggroup/index.md    | 2 +-
 .../web/api/gpurenderpassencoder/setbindgroup/index.md      | 2 +-
 .../web/api/gpurenderpassencoder/setblendconstant/index.md  | 2 +-
 .../web/api/gpurenderpassencoder/setindexbuffer/index.md    | 2 +-
 .../en-us/web/api/gpurenderpassencoder/setpipeline/index.md | 2 +-
 .../web/api/gpurenderpassencoder/setscissorrect/index.md    | 2 +-
 .../api/gpurenderpassencoder/setstencilreference/index.md   | 2 +-
 .../web/api/gpurenderpassencoder/setvertexbuffer/index.md   | 2 +-
 .../en-us/web/api/gpurenderpassencoder/setviewport/index.md | 2 +-
 .../web/api/gpurenderpipeline/getbindgrouplayout/index.md   | 2 +-
 files/en-us/web/api/gpurenderpipeline/index.md              | 2 +-
 files/en-us/web/api/gpurenderpipeline/label/index.md        | 2 +-
 files/en-us/web/api/gpusampler/index.md                     | 2 +-
 files/en-us/web/api/gpusampler/label/index.md               | 2 +-
 .../web/api/gpushadermodule/getcompilationinfo/index.md     | 2 +-
 files/en-us/web/api/gpushadermodule/index.md                | 2 +-
 files/en-us/web/api/gpushadermodule/label/index.md          | 2 +-
 files/en-us/web/api/gpusupportedfeatures/index.md           | 2 +-
 files/en-us/web/api/gpusupportedlimits/index.md             | 2 +-
 files/en-us/web/api/gputexture/createview/index.md          | 2 +-
 files/en-us/web/api/gputexture/depthorarraylayers/index.md  | 2 +-
 files/en-us/web/api/gputexture/destroy/index.md             | 2 +-
 files/en-us/web/api/gputexture/dimension/index.md           | 2 +-
 files/en-us/web/api/gputexture/format/index.md              | 2 +-
 files/en-us/web/api/gputexture/height/index.md              | 2 +-
 files/en-us/web/api/gputexture/index.md                     | 2 +-
 files/en-us/web/api/gputexture/label/index.md               | 2 +-
 files/en-us/web/api/gputexture/miplevelcount/index.md       | 2 +-
 files/en-us/web/api/gputexture/samplecount/index.md         | 2 +-
 files/en-us/web/api/gputexture/usage/index.md               | 2 +-
 files/en-us/web/api/gputexture/width/index.md               | 2 +-
 files/en-us/web/api/gputextureview/index.md                 | 2 +-
 files/en-us/web/api/gputextureview/label/index.md           | 2 +-
 files/en-us/web/api/gpuuncapturederrorevent/error/index.md  | 2 +-
 .../gpuuncapturederrorevent/index.md                        | 2 +-
 files/en-us/web/api/gpuuncapturederrorevent/index.md        | 2 +-
 .../web/api/gpuvalidationerror/gpuvalidationerror/index.md  | 2 +-
 files/en-us/web/api/gpuvalidationerror/index.md             | 2 +-
 files/en-us/web/api/htmlmediaelement/mediakeys/index.md     | 2 +-
 files/en-us/web/api/htmlmediaelement/setmediakeys/index.md  | 2 +-
 files/en-us/web/api/identitycredential/index.md             | 2 +-
 files/en-us/web/api/identitycredential/token/index.md       | 2 +-
 .../web/api/identityprovider/getuserinfo_static/index.md    | 2 +-
 files/en-us/web/api/identityprovider/index.md               | 2 +-
 .../en-us/web/api/mediadevices/devicechange_event/index.md  | 2 +-
 files/en-us/web/api/mediadevices/enumeratedevices/index.md  | 2 +-
 files/en-us/web/api/mediadevices/getdisplaymedia/index.md   | 2 +-
 .../web/api/mediadevices/getsupportedconstraints/index.md   | 2 +-
 files/en-us/web/api/mediadevices/index.md                   | 2 +-
 files/en-us/web/api/mediakeymessageevent/index.md           | 2 +-
 .../api/mediakeymessageevent/mediakeymessageevent/index.md  | 2 +-
 files/en-us/web/api/mediakeymessageevent/message/index.md   | 2 +-
 .../en-us/web/api/mediakeymessageevent/messagetype/index.md | 2 +-
 files/en-us/web/api/mediakeys/createsession/index.md        | 2 +-
 files/en-us/web/api/mediakeys/index.md                      | 2 +-
 files/en-us/web/api/mediakeys/setservercertificate/index.md | 2 +-
 files/en-us/web/api/mediakeysession/close/index.md          | 2 +-
 files/en-us/web/api/mediakeysession/closed/index.md         | 2 +-
 files/en-us/web/api/mediakeysession/expiration/index.md     | 2 +-
 .../en-us/web/api/mediakeysession/generaterequest/index.md  | 2 +-
 files/en-us/web/api/mediakeysession/index.md                | 2 +-
 files/en-us/web/api/mediakeysession/keystatuses/index.md    | 2 +-
 .../api/mediakeysession/keystatuseschange_event/index.md    | 2 +-
 files/en-us/web/api/mediakeysession/load/index.md           | 2 +-
 files/en-us/web/api/mediakeysession/message_event/index.md  | 2 +-
 files/en-us/web/api/mediakeysession/remove/index.md         | 2 +-
 files/en-us/web/api/mediakeysession/sessionid/index.md      | 2 +-
 files/en-us/web/api/mediakeysession/update/index.md         | 2 +-
 files/en-us/web/api/mediakeystatusmap/get/index.md          | 2 +-
 files/en-us/web/api/mediakeystatusmap/has/index.md          | 2 +-
 files/en-us/web/api/mediakeystatusmap/index.md              | 2 +-
 files/en-us/web/api/mediakeystatusmap/size/index.md         | 2 +-
 .../web/api/mediakeysystemaccess/createmediakeys/index.md   | 2 +-
 .../web/api/mediakeysystemaccess/getconfiguration/index.md  | 2 +-
 files/en-us/web/api/mediakeysystemaccess/index.md           | 2 +-
 files/en-us/web/api/mediakeysystemaccess/keysystem/index.md | 2 +-
 files/en-us/web/api/midiinputmap/index.md                   | 2 +-
 files/en-us/web/api/midioutputmap/index.md                  | 2 +-
 .../en-us/web/api/navigationpreloadmanager/disable/index.md | 2 +-
 .../en-us/web/api/navigationpreloadmanager/enable/index.md  | 2 +-
 .../web/api/navigationpreloadmanager/getstate/index.md      | 2 +-
 files/en-us/web/api/navigationpreloadmanager/index.md       | 2 +-
 .../api/navigationpreloadmanager/setheadervalue/index.md    | 2 +-
 files/en-us/web/api/navigator/contacts/index.md             | 2 +-
 .../web/api/navigator/getinstalledrelatedapps/index.md      | 2 +-
 files/en-us/web/api/navigator/getusermedia/index.md         | 2 +-
 files/en-us/web/api/navigator/gpu/index.md                  | 2 +-
 files/en-us/web/api/navigator/hid/index.md                  | 2 +-
 files/en-us/web/api/navigator/keyboard/index.md             | 2 +-
 .../web/api/navigator/requestmediakeysystemaccess/index.md  | 2 +-
 files/en-us/web/api/navigator/serial/index.md               | 2 +-
 files/en-us/web/api/navigator/usb/index.md                  | 2 +-
 files/en-us/web/api/navigator/virtualkeyboard/index.md      | 2 +-
 files/en-us/web/api/passwordcredential/iconurl/index.md     | 2 +-
 files/en-us/web/api/passwordcredential/name/index.md        | 2 +-
 files/en-us/web/api/passwordcredential/password/index.md    | 2 +-
 .../web/api/passwordcredential/passwordcredential/index.md  | 2 +-
 .../en-us/web/api/paymentmanager/enabledelegations/index.md | 2 +-
 files/en-us/web/api/paymentmanager/index.md                 | 2 +-
 files/en-us/web/api/paymentmanager/userhint/index.md        | 2 +-
 files/en-us/web/api/presentation/receiver/index.md          | 2 +-
 files/en-us/web/api/presentationavailability/value/index.md | 2 +-
 .../web/api/presentationconnection/binarytype/index.md      | 2 +-
 files/en-us/web/api/presentationconnection/close/index.md   | 2 +-
 files/en-us/web/api/presentationconnection/id/index.md      | 2 +-
 files/en-us/web/api/presentationconnection/send/index.md    | 2 +-
 files/en-us/web/api/presentationconnection/state/index.md   | 2 +-
 .../en-us/web/api/presentationconnection/terminate/index.md | 2 +-
 files/en-us/web/api/presentationconnection/url/index.md     | 2 +-
 .../connection/index.md                                     | 2 +-
 .../presentationconnectionavailableevent/index.md           | 2 +-
 .../web/api/presentationrequest/getavailability/index.md    | 2 +-
 .../api/presentationrequest/presentationrequest/index.md    | 2 +-
 files/en-us/web/api/presentationrequest/reconnect/index.md  | 2 +-
 files/en-us/web/api/presentationrequest/start/index.md      | 2 +-
 files/en-us/web/api/pushevent/data/index.md                 | 2 +-
 files/en-us/web/api/pushevent/index.md                      | 2 +-
 files/en-us/web/api/pushevent/pushevent/index.md            | 2 +-
 files/en-us/web/api/pushmanager/getsubscription/index.md    | 2 +-
 files/en-us/web/api/pushmanager/index.md                    | 2 +-
 files/en-us/web/api/pushmanager/permissionstate/index.md    | 2 +-
 files/en-us/web/api/pushmanager/subscribe/index.md          | 2 +-
 .../pushmanager/supportedcontentencodings_static/index.md   | 2 +-
 files/en-us/web/api/pushmessagedata/arraybuffer/index.md    | 2 +-
 files/en-us/web/api/pushmessagedata/blob/index.md           | 2 +-
 files/en-us/web/api/pushmessagedata/index.md                | 2 +-
 files/en-us/web/api/pushmessagedata/json/index.md           | 2 +-
 files/en-us/web/api/pushmessagedata/text/index.md           | 2 +-
 files/en-us/web/api/pushsubscription/endpoint/index.md      | 2 +-
 .../en-us/web/api/pushsubscription/expirationtime/index.md  | 2 +-
 files/en-us/web/api/pushsubscription/getkey/index.md        | 2 +-
 files/en-us/web/api/pushsubscription/index.md               | 2 +-
 files/en-us/web/api/pushsubscription/options/index.md       | 2 +-
 files/en-us/web/api/pushsubscription/tojson/index.md        | 2 +-
 files/en-us/web/api/pushsubscription/unsubscribe/index.md   | 2 +-
 .../pushsubscriptionoptions/applicationserverkey/index.md   | 2 +-
 files/en-us/web/api/pushsubscriptionoptions/index.md        | 2 +-
 .../api/pushsubscriptionoptions/uservisibleonly/index.md    | 2 +-
 files/en-us/web/api/screendetailed/availleft/index.md       | 2 +-
 files/en-us/web/api/screendetailed/availtop/index.md        | 2 +-
 .../en-us/web/api/screendetailed/devicepixelratio/index.md  | 2 +-
 files/en-us/web/api/screendetailed/isinternal/index.md      | 2 +-
 files/en-us/web/api/screendetailed/isprimary/index.md       | 2 +-
 files/en-us/web/api/screendetailed/label/index.md           | 2 +-
 files/en-us/web/api/screendetailed/left/index.md            | 2 +-
 files/en-us/web/api/screendetailed/top/index.md             | 2 +-
 files/en-us/web/api/screendetails/currentscreen/index.md    | 2 +-
 .../api/screendetails/currentscreenchange_event/index.md    | 2 +-
 files/en-us/web/api/screendetails/screens/index.md          | 2 +-
 .../web/api/screendetails/screenschange_event/index.md      | 2 +-
 files/en-us/web/api/serviceworker/error_event/index.md      | 2 +-
 files/en-us/web/api/serviceworker/scripturl/index.md        | 2 +-
 files/en-us/web/api/serviceworker/state/index.md            | 2 +-
 .../en-us/web/api/serviceworker/statechange_event/index.md  | 2 +-
 .../web/api/serviceworkercontainer/controller/index.md      | 2 +-
 .../serviceworkercontainer/controllerchange_event/index.md  | 2 +-
 .../web/api/serviceworkercontainer/getregistration/index.md | 2 +-
 .../api/serviceworkercontainer/getregistrations/index.md    | 2 +-
 files/en-us/web/api/serviceworkercontainer/index.md         | 2 +-
 .../web/api/serviceworkercontainer/message_event/index.md   | 2 +-
 .../api/serviceworkercontainer/messageerror_event/index.md  | 2 +-
 files/en-us/web/api/serviceworkercontainer/ready/index.md   | 2 +-
 .../en-us/web/api/serviceworkercontainer/register/index.md  | 2 +-
 .../web/api/serviceworkercontainer/startmessages/index.md   | 2 +-
 .../web/api/serviceworkerglobalscope/push_event/index.md    | 2 +-
 .../pushsubscriptionchange_event/index.md                   | 2 +-
 .../en-us/web/api/serviceworkerregistration/active/index.md | 2 +-
 .../api/serviceworkerregistration/backgroundfetch/index.md  | 2 +-
 .../web/api/serviceworkerregistration/cookies/index.md      | 2 +-
 .../api/serviceworkerregistration/getnotifications/index.md | 2 +-
 files/en-us/web/api/serviceworkerregistration/index.md      | 2 +-
 .../en-us/web/api/serviceworkerregistration/index/index.md  | 2 +-
 .../web/api/serviceworkerregistration/installing/index.md   | 2 +-
 .../serviceworkerregistration/navigationpreload/index.md    | 2 +-
 .../api/serviceworkerregistration/paymentmanager/index.md   | 2 +-
 .../web/api/serviceworkerregistration/periodicsync/index.md | 2 +-
 .../web/api/serviceworkerregistration/pushmanager/index.md  | 2 +-
 .../en-us/web/api/serviceworkerregistration/scope/index.md  | 2 +-
 .../api/serviceworkerregistration/shownotification/index.md | 2 +-
 files/en-us/web/api/serviceworkerregistration/sync/index.md | 2 +-
 .../web/api/serviceworkerregistration/unregister/index.md   | 2 +-
 .../en-us/web/api/serviceworkerregistration/update/index.md | 2 +-
 .../serviceworkerregistration/updatefound_event/index.md    | 2 +-
 .../api/serviceworkerregistration/updateviacache/index.md   | 2 +-
 .../web/api/serviceworkerregistration/waiting/index.md      | 2 +-
 files/en-us/web/api/usb/connect_event/index.md              | 2 +-
 files/en-us/web/api/usb/disconnect_event/index.md           | 2 +-
 files/en-us/web/api/usbdevice/claiminterface/index.md       | 2 +-
 files/en-us/web/api/usbdevice/clearhalt/index.md            | 2 +-
 files/en-us/web/api/usbdevice/close/index.md                | 2 +-
 files/en-us/web/api/usbdevice/configuration/index.md        | 2 +-
 files/en-us/web/api/usbdevice/configurations/index.md       | 2 +-
 files/en-us/web/api/usbdevice/controltransferin/index.md    | 2 +-
 files/en-us/web/api/usbdevice/controltransferout/index.md   | 2 +-
 files/en-us/web/api/usbdevice/deviceclass/index.md          | 2 +-
 files/en-us/web/api/usbdevice/deviceprotocol/index.md       | 2 +-
 files/en-us/web/api/usbdevice/devicesubclass/index.md       | 2 +-
 files/en-us/web/api/usbdevice/deviceversionmajor/index.md   | 2 +-
 files/en-us/web/api/usbdevice/deviceversionminor/index.md   | 2 +-
 .../en-us/web/api/usbdevice/deviceversionsubminor/index.md  | 2 +-
 files/en-us/web/api/usbdevice/forget/index.md               | 2 +-
 files/en-us/web/api/usbdevice/index.md                      | 2 +-
 .../en-us/web/api/usbdevice/isochronoustransferin/index.md  | 2 +-
 .../en-us/web/api/usbdevice/isochronoustransferout/index.md | 2 +-
 files/en-us/web/api/usbdevice/manufacturername/index.md     | 2 +-
 files/en-us/web/api/usbdevice/open/index.md                 | 2 +-
 files/en-us/web/api/usbdevice/opened/index.md               | 2 +-
 files/en-us/web/api/usbdevice/productname/index.md          | 2 +-
 files/en-us/web/api/usbdevice/releaseinterface/index.md     | 2 +-
 files/en-us/web/api/usbdevice/reset/index.md                | 2 +-
 .../web/api/usbdevice/selectalternateinterface/index.md     | 2 +-
 files/en-us/web/api/usbdevice/selectconfiguration/index.md  | 2 +-
 files/en-us/web/api/usbdevice/serialnumber/index.md         | 2 +-
 files/en-us/web/api/usbdevice/transferin/index.md           | 2 +-
 files/en-us/web/api/usbdevice/transferout/index.md          | 2 +-
 files/en-us/web/api/usbdevice/usbversionmajor/index.md      | 2 +-
 files/en-us/web/api/usbdevice/usbversionminor/index.md      | 2 +-
 files/en-us/web/api/usbdevice/usbversionsubminor/index.md   | 2 +-
 files/en-us/web/api/videoencoder/index.md                   | 2 +-
 files/en-us/web/api/webtransport/close/index.md             | 2 +-
 files/en-us/web/api/webtransport/closed/index.md            | 2 +-
 files/en-us/web/api/webtransport/congestioncontrol/index.md | 2 +-
 .../web/api/webtransport/createbidirectionalstream/index.md | 2 +-
 .../api/webtransport/createunidirectionalstream/index.md    | 2 +-
 files/en-us/web/api/webtransport/datagrams/index.md         | 2 +-
 files/en-us/web/api/webtransport/getstats/index.md          | 2 +-
 .../api/webtransport/incomingbidirectionalstreams/index.md  | 2 +-
 .../api/webtransport/incomingunidirectionalstreams/index.md | 2 +-
 files/en-us/web/api/webtransport/ready/index.md             | 2 +-
 files/en-us/web/api/webtransport/reliability/index.md       | 2 +-
 files/en-us/web/api/webtransport/webtransport/index.md      | 2 +-
 .../api/webtransportbidirectionalstream/readable/index.md   | 2 +-
 .../api/webtransportbidirectionalstream/writable/index.md   | 2 +-
 .../incominghighwatermark/index.md                          | 2 +-
 .../incomingmaxage/index.md                                 | 2 +-
 .../maxdatagramsize/index.md                                | 2 +-
 .../outgoinghighwatermark/index.md                          | 2 +-
 .../outgoingmaxage/index.md                                 | 2 +-
 .../api/webtransportdatagramduplexstream/readable/index.md  | 2 +-
 .../api/webtransportdatagramduplexstream/writable/index.md  | 2 +-
 files/en-us/web/api/webtransporterror/source/index.md       | 2 +-
 .../web/api/webtransporterror/streamerrorcode/index.md      | 2 +-
 .../web/api/webtransporterror/webtransporterror/index.md    | 2 +-
 .../web/api/webtransportreceivestream/getstats/index.md     | 2 +-
 files/en-us/web/api/wgsllanguagefeatures/index.md           | 2 +-
 .../en-us/web/api/window/documentpictureinpicture/index.md  | 2 +-
 files/en-us/web/api/window/querylocalfonts/index.md         | 2 +-
 files/en-us/web/api/window/sharedstorage/index.md           | 2 +-
 files/en-us/web/api/workernavigator/gpu/index.md            | 2 +-
 files/en-us/web/api/workernavigator/serial/index.md         | 2 +-
 files/en-us/web/api/workernavigator/usb/index.md            | 2 +-
 files/en-us/web/api/worklet/addmodule/index.md              | 2 +-
 files/en-us/web/api/worklet/index.md                        | 2 +-
 files/en-us/web/api/xranchor/anchorspace/index.md           | 2 +-
 files/en-us/web/api/xranchor/delete/index.md                | 2 +-
 .../web/api/xrboundedreferencespace/boundsgeometry/index.md | 2 +-
 files/en-us/web/api/xrdepthinformation/height/index.md      | 2 +-
 .../xrdepthinformation/normdepthbufferfromnormview/index.md | 2 +-
 .../web/api/xrdepthinformation/rawvaluetometers/index.md    | 2 +-
 files/en-us/web/api/xrdepthinformation/width/index.md       | 2 +-
 files/en-us/web/api/xrframe/createanchor/index.md           | 2 +-
 files/en-us/web/api/xrframe/filljointradii/index.md         | 2 +-
 files/en-us/web/api/xrframe/fillposes/index.md              | 2 +-
 files/en-us/web/api/xrframe/getdepthinformation/index.md    | 2 +-
 files/en-us/web/api/xrframe/gethittestresults/index.md      | 2 +-
 .../api/xrframe/gethittestresultsfortransientinput/index.md | 2 +-
 files/en-us/web/api/xrframe/getjointpose/index.md           | 2 +-
 files/en-us/web/api/xrframe/getlightestimate/index.md       | 2 +-
 files/en-us/web/api/xrframe/getpose/index.md                | 2 +-
 files/en-us/web/api/xrframe/getviewerpose/index.md          | 2 +-
 files/en-us/web/api/xrframe/session/index.md                | 2 +-
 files/en-us/web/api/xrframe/trackedanchors/index.md         | 2 +-
 files/en-us/web/api/xrhittestresult/createanchor/index.md   | 2 +-
 files/en-us/web/api/xrhittestresult/getpose/index.md        | 2 +-
 files/en-us/web/api/xrhittestsource/cancel/index.md         | 2 +-
 files/en-us/web/api/xrinputsource/gamepad/index.md          | 2 +-
 files/en-us/web/api/xrinputsource/gripspace/index.md        | 2 +-
 files/en-us/web/api/xrinputsource/hand/index.md             | 2 +-
 files/en-us/web/api/xrinputsource/handedness/index.md       | 2 +-
 files/en-us/web/api/xrinputsource/profiles/index.md         | 2 +-
 files/en-us/web/api/xrinputsource/targetraymode/index.md    | 2 +-
 files/en-us/web/api/xrinputsource/targetrayspace/index.md   | 2 +-
 files/en-us/web/api/xrinputsourcearray/length/index.md      | 2 +-
 files/en-us/web/api/xrinputsourceevent/frame/index.md       | 2 +-
 files/en-us/web/api/xrinputsourceevent/inputsource/index.md | 2 +-
 .../web/api/xrinputsourceevent/xrinputsourceevent/index.md  | 2 +-
 .../en-us/web/api/xrinputsourceschangeevent/added/index.md  | 2 +-
 .../web/api/xrinputsourceschangeevent/removed/index.md      | 2 +-
 .../web/api/xrinputsourceschangeevent/session/index.md      | 2 +-
 .../xrinputsourceschangeevent/index.md                      | 2 +-
 files/en-us/web/api/xrlayerevent/layer/index.md             | 2 +-
 files/en-us/web/api/xrlayerevent/xrlayerevent/index.md      | 2 +-
 .../web/api/xrlightestimate/primarylightdirection/index.md  | 2 +-
 .../web/api/xrlightestimate/primarylightintensity/index.md  | 2 +-
 .../xrlightestimate/sphericalharmonicscoefficients/index.md | 2 +-
 files/en-us/web/api/xrlightprobe/probespace/index.md        | 2 +-
 .../web/api/xrlightprobe/reflectionchange_event/index.md    | 2 +-
 files/en-us/web/api/xrpose/angularvelocity/index.md         | 2 +-
 files/en-us/web/api/xrpose/emulatedposition/index.md        | 2 +-
 files/en-us/web/api/xrpose/linearvelocity/index.md          | 2 +-
 files/en-us/web/api/xrray/direction/index.md                | 2 +-
 files/en-us/web/api/xrray/matrix/index.md                   | 2 +-
 files/en-us/web/api/xrray/origin/index.md                   | 2 +-
 files/en-us/web/api/xrray/xrray/index.md                    | 2 +-
 .../api/xrreferencespace/getoffsetreferencespace/index.md   | 2 +-
 files/en-us/web/api/xrreferencespace/reset_event/index.md   | 2 +-
 .../web/api/xrreferencespaceevent/referencespace/index.md   | 2 +-
 .../en-us/web/api/xrreferencespaceevent/transform/index.md  | 2 +-
 .../xrreferencespaceevent/xrreferencespaceevent/index.md    | 2 +-
 files/en-us/web/api/xrrenderstate/baselayer/index.md        | 2 +-
 files/en-us/web/api/xrrenderstate/depthfar/index.md         | 2 +-
 files/en-us/web/api/xrrenderstate/depthnear/index.md        | 2 +-
 .../api/xrrenderstate/inlineverticalfieldofview/index.md    | 2 +-
 files/en-us/web/api/xrrenderstate/layers/index.md           | 2 +-
 files/en-us/web/api/xrrigidtransform/index.md               | 2 +-
 files/en-us/web/api/xrrigidtransform/inverse/index.md       | 2 +-
 files/en-us/web/api/xrrigidtransform/matrix/index.md        | 2 +-
 files/en-us/web/api/xrrigidtransform/orientation/index.md   | 2 +-
 files/en-us/web/api/xrrigidtransform/position/index.md      | 2 +-
 .../web/api/xrrigidtransform/xrrigidtransform/index.md      | 2 +-
 files/en-us/web/api/xrsession/cancelanimationframe/index.md | 2 +-
 files/en-us/web/api/xrsession/depthdataformat/index.md      | 2 +-
 files/en-us/web/api/xrsession/depthusage/index.md           | 2 +-
 files/en-us/web/api/xrsession/domoverlaystate/index.md      | 2 +-
 files/en-us/web/api/xrsession/end/index.md                  | 2 +-
 files/en-us/web/api/xrsession/end_event/index.md            | 2 +-
 files/en-us/web/api/xrsession/environmentblendmode/index.md | 2 +-
 files/en-us/web/api/xrsession/inputsources/index.md         | 2 +-
 .../web/api/xrsession/inputsourceschange_event/index.md     | 2 +-
 files/en-us/web/api/xrsession/interactionmode/index.md      | 2 +-
 .../web/api/xrsession/preferredreflectionformat/index.md    | 2 +-
 files/en-us/web/api/xrsession/renderstate/index.md          | 2 +-
 .../en-us/web/api/xrsession/requestanimationframe/index.md  | 2 +-
 files/en-us/web/api/xrsession/requesthittestsource/index.md | 2 +-
 .../requesthittestsourcefortransientinput/index.md          | 2 +-
 files/en-us/web/api/xrsession/requestlightprobe/index.md    | 2 +-
 .../en-us/web/api/xrsession/requestreferencespace/index.md  | 2 +-
 files/en-us/web/api/xrsession/select_event/index.md         | 2 +-
 files/en-us/web/api/xrsession/selectend_event/index.md      | 2 +-
 files/en-us/web/api/xrsession/selectstart_event/index.md    | 2 +-
 files/en-us/web/api/xrsession/squeeze_event/index.md        | 2 +-
 files/en-us/web/api/xrsession/squeezeend_event/index.md     | 2 +-
 files/en-us/web/api/xrsession/squeezestart_event/index.md   | 2 +-
 files/en-us/web/api/xrsession/updaterenderstate/index.md    | 2 +-
 .../en-us/web/api/xrsession/visibilitychange_event/index.md | 2 +-
 files/en-us/web/api/xrsession/visibilitystate/index.md      | 2 +-
 files/en-us/web/api/xrsessionevent/index.md                 | 2 +-
 files/en-us/web/api/xrsessionevent/session/index.md         | 2 +-
 files/en-us/web/api/xrsessionevent/xrsessionevent/index.md  | 2 +-
 files/en-us/web/api/xrsystem/devicechange_event/index.md    | 2 +-
 files/en-us/web/api/xrsystem/issessionsupported/index.md    | 2 +-
 files/en-us/web/api/xrsystem/requestsession/index.md        | 2 +-
 .../api/xrtransientinputhittestresult/inputsource/index.md  | 2 +-
 .../web/api/xrtransientinputhittestresult/results/index.md  | 2 +-
 .../web/api/xrtransientinputhittestsource/cancel/index.md   | 2 +-
 files/en-us/web/api/xrview/eye/index.md                     | 2 +-
 files/en-us/web/api/xrview/isfirstpersonobserver/index.md   | 2 +-
 files/en-us/web/api/xrview/projectionmatrix/index.md        | 2 +-
 .../en-us/web/api/xrview/recommendedviewportscale/index.md  | 2 +-
 files/en-us/web/api/xrview/requestviewportscale/index.md    | 2 +-
 files/en-us/web/api/xrview/transform/index.md               | 2 +-
 files/en-us/web/api/xrviewerpose/index.md                   | 2 +-
 files/en-us/web/api/xrviewerpose/views/index.md             | 2 +-
 files/en-us/web/api/xrviewport/height/index.md              | 2 +-
 files/en-us/web/api/xrviewport/width/index.md               | 2 +-
 files/en-us/web/api/xrviewport/x/index.md                   | 2 +-
 files/en-us/web/api/xrviewport/y/index.md                   | 2 +-
 files/en-us/web/api/xrwebgllayer/antialias/index.md         | 2 +-
 files/en-us/web/api/xrwebgllayer/fixedfoveation/index.md    | 2 +-
 files/en-us/web/api/xrwebgllayer/framebuffer/index.md       | 2 +-
 files/en-us/web/api/xrwebgllayer/framebufferheight/index.md | 2 +-
 files/en-us/web/api/xrwebgllayer/framebufferwidth/index.md  | 2 +-
 .../getnativeframebufferscalefactor_static/index.md         | 2 +-
 files/en-us/web/api/xrwebgllayer/getviewport/index.md       | 2 +-
 files/en-us/web/api/xrwebgllayer/ignoredepthvalues/index.md | 2 +-
 files/en-us/web/api/xrwebgllayer/xrwebgllayer/index.md      | 2 +-
 621 files changed, 621 insertions(+), 629 deletions(-)

diff --git a/files/en-us/web/api/audiocontext/setsinkid/index.md b/files/en-us/web/api/audiocontext/setsinkid/index.md
index 41cfef59ea5c182..1aaf024ebdb52c1 100644
--- a/files/en-us/web/api/audiocontext/setsinkid/index.md
+++ b/files/en-us/web/api/audiocontext/setsinkid/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.AudioContext.setSinkId
 ---
 
-{{APIRef("Web Audio API")}}{{SeeCompatTable}}
+{{APIRef("Web Audio API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setSinkId()`** method of the {{domxref("AudioContext")}} interface sets the output audio device for the `AudioContext`. If a sink ID is not explicitly set, the default system audio output device will be used.
 
diff --git a/files/en-us/web/api/audiocontext/sinkid/index.md b/files/en-us/web/api/audiocontext/sinkid/index.md
index ca9072bca4082e0..3039b29e9c7d693 100644
--- a/files/en-us/web/api/audiocontext/sinkid/index.md
+++ b/files/en-us/web/api/audiocontext/sinkid/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.AudioContext.sinkId
 ---
 
-{{APIRef("Web Audio API")}}{{SeeCompatTable}}
+{{APIRef("Web Audio API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`sinkId`** read-only property of the
 {{domxref("AudioContext")}} interface returns the sink ID of the current output audio device.
diff --git a/files/en-us/web/api/audioencoder/index.md b/files/en-us/web/api/audioencoder/index.md
index 27ed8780401f111..c70d7620c3d35a9 100644
--- a/files/en-us/web/api/audioencoder/index.md
+++ b/files/en-us/web/api/audioencoder/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.AudioEncoder
 ---
 
-{{APIRef("WebCodecs API")}}{{SeeCompatTable}}
+{{APIRef("WebCodecs API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`AudioEncoder`** interface of the [WebCodecs API](/en-US/docs/Web/API/WebCodecs_API) encodes {{domxref("AudioData")}} objects.
 
diff --git a/files/en-us/web/api/audioworkletnode/audioworkletnode/index.md b/files/en-us/web/api/audioworkletnode/audioworkletnode/index.md
index 93cf6606ce4cefa..37c5f0638413930 100644
--- a/files/en-us/web/api/audioworkletnode/audioworkletnode/index.md
+++ b/files/en-us/web/api/audioworkletnode/audioworkletnode/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.AudioWorkletNode.AudioWorkletNode
 ---
 
-{{APIRef("Web Audio API")}}
+{{APIRef("Web Audio API")}}{{SecureContext_Header}}
 
 The **`AudioWorkletNode()`**
 constructor creates a new {{domxref("AudioWorkletNode")}} object, which represents an
diff --git a/files/en-us/web/api/audioworkletnode/index.md b/files/en-us/web/api/audioworkletnode/index.md
index 97e0cc94cfa3129..f658b6a30e00288 100644
--- a/files/en-us/web/api/audioworkletnode/index.md
+++ b/files/en-us/web/api/audioworkletnode/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.AudioWorkletNode
 ---
 
-{{APIRef("Web Audio API")}}
+{{APIRef("Web Audio API")}}{{SecureContext_Header}}
 
 > **Note:** Although the interface is available outside [secure contexts](/en-US/docs/Web/Security/Secure_Contexts), the {{domxref("BaseAudioContext.audioWorklet")}} property is not, thus custom {{domxref("AudioWorkletProcessor")}}s cannot be defined outside them.
 
diff --git a/files/en-us/web/api/audioworkletnode/parameters/index.md b/files/en-us/web/api/audioworkletnode/parameters/index.md
index 992deb534af7b0c..d30d5dfd9d95de7 100644
--- a/files/en-us/web/api/audioworkletnode/parameters/index.md
+++ b/files/en-us/web/api/audioworkletnode/parameters/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.AudioWorkletNode.parameters
 ---
 
-{{APIRef("Web Audio API")}}
+{{APIRef("Web Audio API")}}{{SecureContext_Header}}
 
 The read-only **`parameters`** property of the
 {{domxref("AudioWorkletNode")}} interface returns the associated
diff --git a/files/en-us/web/api/audioworkletnode/port/index.md b/files/en-us/web/api/audioworkletnode/port/index.md
index 28c3508165f33e8..49b76b94345069e 100644
--- a/files/en-us/web/api/audioworkletnode/port/index.md
+++ b/files/en-us/web/api/audioworkletnode/port/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.AudioWorkletNode.port
 ---
 
-{{APIRef("Web Audio API")}}
+{{APIRef("Web Audio API")}}{{SecureContext_Header}}
 
 The read-only **`port`** property of the
 {{domxref("AudioWorkletNode")}} interface returns the associated
diff --git a/files/en-us/web/api/audioworkletnode/processorerror_event/index.md b/files/en-us/web/api/audioworkletnode/processorerror_event/index.md
index 9c9a5207ba11867..072fc5085de9e84 100644
--- a/files/en-us/web/api/audioworkletnode/processorerror_event/index.md
+++ b/files/en-us/web/api/audioworkletnode/processorerror_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.AudioWorkletNode.processorerror_event
 ---
 
-{{ APIRef("Web Audio API") }}
+{{ APIRef("Web Audio API") }}{{SecureContext_Header}}
 
 The `processorerror` event fires when the underlying {{domxref("AudioWorkletProcessor")}} behind the node throws an exception in its constructor, the {{domxref("AudioWorkletProcessor.process", "process")}} method, or any user-defined class method.
 
diff --git a/files/en-us/web/api/bluetoothdevice/gatt/index.md b/files/en-us/web/api/bluetoothdevice/gatt/index.md
index 06ffde93f32abf8..ec7193b8191e863 100644
--- a/files/en-us/web/api/bluetoothdevice/gatt/index.md
+++ b/files/en-us/web/api/bluetoothdevice/gatt/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothDevice.gatt
 ---
 
-{{APIRef("Bluetooth API") }}{{SeeCompatTable}}
+{{APIRef("Bluetooth API") }}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The
 **`BluetoothDevice.gatt`** read-only property returns
diff --git a/files/en-us/web/api/bluetoothdevice/id/index.md b/files/en-us/web/api/bluetoothdevice/id/index.md
index 893ed9d2c840924..9c1e893cfd548cd 100644
--- a/files/en-us/web/api/bluetoothdevice/id/index.md
+++ b/files/en-us/web/api/bluetoothdevice/id/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothDevice.id
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothDevice.id`** read-only property returns a
 string that uniquely identifies a device.
diff --git a/files/en-us/web/api/bluetoothdevice/index.md b/files/en-us/web/api/bluetoothdevice/index.md
index 35a88ed7318dc5c..a39ad5278e752b7 100644
--- a/files/en-us/web/api/bluetoothdevice/index.md
+++ b/files/en-us/web/api/bluetoothdevice/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.BluetoothDevice
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The BluetoothDevice interface of the [Web Bluetooth API](/en-US/docs/Web/API/Web_Bluetooth_API) represents a Bluetooth device inside a particular script execution
 environment.
diff --git a/files/en-us/web/api/bluetoothdevice/name/index.md b/files/en-us/web/api/bluetoothdevice/name/index.md
index 4d17edf09f85e8f..2cde89d43031307 100644
--- a/files/en-us/web/api/bluetoothdevice/name/index.md
+++ b/files/en-us/web/api/bluetoothdevice/name/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothDevice.name
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothDevice.name`** read-only property returns a
 string that provides a human-readable name for the device.
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/getdescriptor/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/getdescriptor/index.md
index 9f7369bbb214f73..15766a52a33c829 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/getdescriptor/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/getdescriptor/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.getDescriptor
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTCharacteristic.getDescriptor()`** method
 returns a {{jsxref("Promise")}} that resolves to the
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/getdescriptors/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/getdescriptors/index.md
index 1f4ee8c1fd0c78f..a4b6624ba24f444 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/getdescriptors/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/getdescriptors/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.getDescriptors
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTCharacteristic.getDescriptors()`** method
 returns a {{jsxref("Promise")}} that resolves to an {{jsxref("Array")}} of all
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/index.md
index 289cd0c73fa58e2..4a707672ef17db8 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The `BluetoothRemoteGattCharacteristic` interface of the [Web Bluetooth API](/en-US/docs/Web/API/Web_Bluetooth_API) represents a GATT Characteristic, which is a basic data element that provides further information about a peripheral's service.
 
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/properties/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/properties/index.md
index 7ecf83f167f7ea9..be945d0e1424f06 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/properties/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/properties/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.properties
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTCharacteristic.properties`**
 read-only property returns a {{domxref('BluetoothCharacteristicProperties')}} instance
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/readvalue/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/readvalue/index.md
index 6756237459d260a..fe5bfc0306ed91e 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/readvalue/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/readvalue/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.readValue
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTCharacteristic.readValue()`** method
 returns a {{jsxref("Promise")}} that resolves to a {{jsxref("DataView")}} holding a
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/service/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/service/index.md
index a75801791e312a5..4f18365e25b7fe3 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/service/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/service/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.service
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTCharacteristic.service`** read-only
 property returns the {{domxref("BluetoothRemoteGATTService")}} this characteristic belongs to.
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/startnotifications/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/startnotifications/index.md
index 15eee00d12d4780..b1d689373ceab79 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/startnotifications/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/startnotifications/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.startNotifications
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTCharacteristic.startNotifications()`** method
 returns a {{jsxref("Promise")}} to the BluetoothRemoteGATTCharacteristic instance when
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/stopnotifications/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/stopnotifications/index.md
index 00759a32be37b0a..fd8ba83d2200e25 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/stopnotifications/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/stopnotifications/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.stopNotifications
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTCharacteristic.stopNotifications()`** method
 returns a {{jsxref("Promise")}} to the BluetoothRemoteGATTCharacteristic instance when
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/uuid/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/uuid/index.md
index b002c29d80f9613..d7bd47095569eba 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/uuid/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/uuid/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.uuid
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTCharacteristic.uuid`** read-only
 property returns a string containing the UUID of the characteristic, for
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/value/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/value/index.md
index c683f1970f90c78..09bf97ffa7c65b0 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/value/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/value/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.value
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTCharacteristic.value`** read-only
 property returns currently cached characteristic value. This value gets updated when the
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/writevalue/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/writevalue/index.md
index 292cc1baa7c1547..d10501f98b8675d 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/writevalue/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/writevalue/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.writeValue
 ---
 
-{{APIRef("Bluetooth API")}}{{Deprecated_header}}
+{{APIRef("Bluetooth API")}}{{Deprecated_header}}{{SecureContext_Header}}
 
 Use {{DOMxRef("BluetoothRemoteGATTCharacteristic.writeValueWithResponse()")}} and {{DOMxRef("BluetoothRemoteGATTCharacteristic.writeValueWithoutResponse()")}} instead.
 
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/writevaluewithoutresponse/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/writevaluewithoutresponse/index.md
index 3f56848c5d69d12..6786d79f18ab2a2 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/writevaluewithoutresponse/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/writevaluewithoutresponse/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.writeValueWithoutResponse
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTCharacteristic.writeValueWithoutResponse()`** method sets a {{domxref("BluetoothRemoteGATTCharacteristic")}} object's `value` property to the bytes contained in a given {{JSxRef("ArrayBuffer")}}, calls [`WriteCharacteristicValue`(_this_=`this`, _value=value_, _response_=`"never"`)](https://webbluetoothcg.github.io/web-bluetooth/#writecharacteristicvalue), and returns the resulting {{JSxRef("Promise")}}.
 
diff --git a/files/en-us/web/api/bluetoothremotegattcharacteristic/writevaluewithresponse/index.md b/files/en-us/web/api/bluetoothremotegattcharacteristic/writevaluewithresponse/index.md
index 96329ba31f84fef..5c36d08b27e4f70 100644
--- a/files/en-us/web/api/bluetoothremotegattcharacteristic/writevaluewithresponse/index.md
+++ b/files/en-us/web/api/bluetoothremotegattcharacteristic/writevaluewithresponse/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTCharacteristic.writeValueWithResponse
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTCharacteristic.writeValueWithResponse()`** method sets a {{domxref("BluetoothRemoteGATTCharacteristic")}} object's `value` property to the bytes contained in a given {{JSxRef("ArrayBuffer")}}, calls [`WriteCharacteristicValue`(_this_=`this`, _value=value_, _response_=`"required"`)](https://webbluetoothcg.github.io/web-bluetooth/#writecharacteristicvalue), and returns the resulting {{JSxRef("Promise")}}.
 
diff --git a/files/en-us/web/api/bluetoothremotegattdescriptor/characteristic/index.md b/files/en-us/web/api/bluetoothremotegattdescriptor/characteristic/index.md
index 07ff8338032fdaf..2741f5196f4d5f4 100644
--- a/files/en-us/web/api/bluetoothremotegattdescriptor/characteristic/index.md
+++ b/files/en-us/web/api/bluetoothremotegattdescriptor/characteristic/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTDescriptor.characteristic
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTDescriptor.characteristic`**
 read-only property returns the {{domxref("BluetoothRemoteGATTCharacteristic")}} this
diff --git a/files/en-us/web/api/bluetoothremotegattdescriptor/index.md b/files/en-us/web/api/bluetoothremotegattdescriptor/index.md
index 79c59fc4c3fe037..e6675c54307a2e4 100644
--- a/files/en-us/web/api/bluetoothremotegattdescriptor/index.md
+++ b/files/en-us/web/api/bluetoothremotegattdescriptor/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTDescriptor
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The `BluetoothRemoteGATTDescriptor` interface of the [Web Bluetooth API](/en-US/docs/Web/API/Web_Bluetooth_API) provides a GATT Descriptor,
 which provides further information about a characteristic's value.
diff --git a/files/en-us/web/api/bluetoothremotegattdescriptor/readvalue/index.md b/files/en-us/web/api/bluetoothremotegattdescriptor/readvalue/index.md
index d4b217cc08b5761..66759c3eb1ee16c 100644
--- a/files/en-us/web/api/bluetoothremotegattdescriptor/readvalue/index.md
+++ b/files/en-us/web/api/bluetoothremotegattdescriptor/readvalue/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTDescriptor.readValue
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The
 **`BluetoothRemoteGATTDescriptor.readValue()`**
diff --git a/files/en-us/web/api/bluetoothremotegattdescriptor/uuid/index.md b/files/en-us/web/api/bluetoothremotegattdescriptor/uuid/index.md
index e81edee0022e1f9..8f654860a9361bd 100644
--- a/files/en-us/web/api/bluetoothremotegattdescriptor/uuid/index.md
+++ b/files/en-us/web/api/bluetoothremotegattdescriptor/uuid/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTDescriptor.uuid
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTDescriptor.uuid`** read-only property returns the {{Glossary("UUID")}} of the characteristic descriptor.
 For example '`00002902-0000-1000-8000-00805f9b34fb`' for theClient Characteristic Configuration descriptor.
diff --git a/files/en-us/web/api/bluetoothremotegattdescriptor/value/index.md b/files/en-us/web/api/bluetoothremotegattdescriptor/value/index.md
index 915944d32271dd6..1ab723aeb22999a 100644
--- a/files/en-us/web/api/bluetoothremotegattdescriptor/value/index.md
+++ b/files/en-us/web/api/bluetoothremotegattdescriptor/value/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTDescriptor.value
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTDescriptor.value`**
 read-only property returns an {{jsxref("ArrayBuffer")}} containing the currently cached
diff --git a/files/en-us/web/api/bluetoothremotegattdescriptor/writevalue/index.md b/files/en-us/web/api/bluetoothremotegattdescriptor/writevalue/index.md
index 492dc98b08e880d..fefd4f64c222d5c 100644
--- a/files/en-us/web/api/bluetoothremotegattdescriptor/writevalue/index.md
+++ b/files/en-us/web/api/bluetoothremotegattdescriptor/writevalue/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTDescriptor.writeValue
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTDescriptor.writeValue()`**
 method sets the value property to the bytes contained in
diff --git a/files/en-us/web/api/bluetoothremotegattserver/connect/index.md b/files/en-us/web/api/bluetoothremotegattserver/connect/index.md
index 5b736925e9ac234..ff0e8778017fddd 100644
--- a/files/en-us/web/api/bluetoothremotegattserver/connect/index.md
+++ b/files/en-us/web/api/bluetoothremotegattserver/connect/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTServer.connect
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The
 **`BluetoothRemoteGATTServer.connect()`** method causes the
diff --git a/files/en-us/web/api/bluetoothremotegattserver/connected/index.md b/files/en-us/web/api/bluetoothremotegattserver/connected/index.md
index 6ed0338e03176b5..38720e90ee5630a 100644
--- a/files/en-us/web/api/bluetoothremotegattserver/connected/index.md
+++ b/files/en-us/web/api/bluetoothremotegattserver/connected/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTServer.connected
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTServer.connected`** read-only
 property returns a boolean value that returns true while this script execution
diff --git a/files/en-us/web/api/bluetoothremotegattserver/device/index.md b/files/en-us/web/api/bluetoothremotegattserver/device/index.md
index cd6436780d7d5f3..bf2bcf9cbaa0be3 100644
--- a/files/en-us/web/api/bluetoothremotegattserver/device/index.md
+++ b/files/en-us/web/api/bluetoothremotegattserver/device/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTServer.device
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTServer.device`** read-only property
 returns a reference to the {{domxref("BluetoothDevice")}} running the server.
diff --git a/files/en-us/web/api/bluetoothremotegattserver/disconnect/index.md b/files/en-us/web/api/bluetoothremotegattserver/disconnect/index.md
index 9c29efba05b3071..b3148ccc57e106a 100644
--- a/files/en-us/web/api/bluetoothremotegattserver/disconnect/index.md
+++ b/files/en-us/web/api/bluetoothremotegattserver/disconnect/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTServer.disconnect
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTServer.disconnect()`** method causes
 the script execution environment to disconnect from `this.device`.
diff --git a/files/en-us/web/api/bluetoothremotegattserver/getprimaryservice/index.md b/files/en-us/web/api/bluetoothremotegattserver/getprimaryservice/index.md
index bbf667e2c51a1a0..c4c33a1079b764f 100644
--- a/files/en-us/web/api/bluetoothremotegattserver/getprimaryservice/index.md
+++ b/files/en-us/web/api/bluetoothremotegattserver/getprimaryservice/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTServer.getPrimaryService
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTServer.getPrimaryService()`** method
 returns a promise to the primary {{domxref("BluetoothRemoteGATTService")}} offered by the
diff --git a/files/en-us/web/api/bluetoothremotegattserver/getprimaryservices/index.md b/files/en-us/web/api/bluetoothremotegattserver/getprimaryservices/index.md
index 85f9b186eb33a8c..056639a89883468 100644
--- a/files/en-us/web/api/bluetoothremotegattserver/getprimaryservices/index.md
+++ b/files/en-us/web/api/bluetoothremotegattserver/getprimaryservices/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTServer.getPrimaryServices
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **BluetoothRemoteGATTServer.getPrimaryServices()** method returns a
 promise to a list of primary {{domxref("BluetoothRemoteGATTService")}} objects offered by the
diff --git a/files/en-us/web/api/bluetoothremotegattserver/index.md b/files/en-us/web/api/bluetoothremotegattserver/index.md
index 946d9881a59b282..41d2471dd989200 100644
--- a/files/en-us/web/api/bluetoothremotegattserver/index.md
+++ b/files/en-us/web/api/bluetoothremotegattserver/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTServer
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothRemoteGATTServer`** interface of the [Web Bluetooth API](/en-US/docs/Web/API/Web_Bluetooth_API) represents a GATT
 Server on a remote device.
diff --git a/files/en-us/web/api/bluetoothremotegattservice/device/index.md b/files/en-us/web/api/bluetoothremotegattservice/device/index.md
index 6814b6213bc82c5..922b02d11832912 100644
--- a/files/en-us/web/api/bluetoothremotegattservice/device/index.md
+++ b/files/en-us/web/api/bluetoothremotegattservice/device/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTService.device
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothGATTService.device`** read-only property
 returns information about a Bluetooth device through an instance of
diff --git a/files/en-us/web/api/bluetoothremotegattservice/getcharacteristic/index.md b/files/en-us/web/api/bluetoothremotegattservice/getcharacteristic/index.md
index 93f6f9a14572e19..fd4444e14696fcf 100644
--- a/files/en-us/web/api/bluetoothremotegattservice/getcharacteristic/index.md
+++ b/files/en-us/web/api/bluetoothremotegattservice/getcharacteristic/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTService.getCharacteristic
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothGATTService.getCharacteristic()`** method
 returns a {{jsxref("Promise")}} to an instance of
diff --git a/files/en-us/web/api/bluetoothremotegattservice/getcharacteristics/index.md b/files/en-us/web/api/bluetoothremotegattservice/getcharacteristics/index.md
index b387436cce17ba3..8819083d555438e 100644
--- a/files/en-us/web/api/bluetoothremotegattservice/getcharacteristics/index.md
+++ b/files/en-us/web/api/bluetoothremotegattservice/getcharacteristics/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTService.getCharacteristics
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothGATTService.getCharacteristics()`** method
 returns a {{jsxref("Promise")}} to a list of {{domxref("BluetoothRemoteGATTCharacteristic")}}
diff --git a/files/en-us/web/api/bluetoothremotegattservice/index.md b/files/en-us/web/api/bluetoothremotegattservice/index.md
index 1b97f4b06e0b207..2879a550beae697 100644
--- a/files/en-us/web/api/bluetoothremotegattservice/index.md
+++ b/files/en-us/web/api/bluetoothremotegattservice/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTService
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The `BluetoothRemoteGATTService` interface of the [Web Bluetooth API](/en-US/docs/Web/API/Web_Bluetooth_API) represents a
 service provided by a GATT server, including a device, a list of referenced services,
diff --git a/files/en-us/web/api/bluetoothremotegattservice/isprimary/index.md b/files/en-us/web/api/bluetoothremotegattservice/isprimary/index.md
index bd819a10c813cc4..dce21d7b1a0cf99 100644
--- a/files/en-us/web/api/bluetoothremotegattservice/isprimary/index.md
+++ b/files/en-us/web/api/bluetoothremotegattservice/isprimary/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTService.isPrimary
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothGATTService.isPrimary`** read-only property
 returns a boolean value that indicates whether this is a primary service. If it
diff --git a/files/en-us/web/api/bluetoothremotegattservice/uuid/index.md b/files/en-us/web/api/bluetoothremotegattservice/uuid/index.md
index 18dac3cb00a6d5d..8b90c74f26cc7ab 100644
--- a/files/en-us/web/api/bluetoothremotegattservice/uuid/index.md
+++ b/files/en-us/web/api/bluetoothremotegattservice/uuid/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.BluetoothRemoteGATTService.uuid
 ---
 
-{{APIRef("Bluetooth API")}}{{SeeCompatTable}}
+{{APIRef("Bluetooth API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`BluetoothGATTService.uuid`** read-only property
 returns a string representing the UUID of this service.
diff --git a/files/en-us/web/api/cache/add/index.md b/files/en-us/web/api/cache/add/index.md
index 730142e8db3ab59..f2fe000e83f52e8 100644
--- a/files/en-us/web/api/cache/add/index.md
+++ b/files/en-us/web/api/cache/add/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.Cache.add
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`add()`** method of the {{domxref("Cache")}} interface takes a URL, retrieves it, and adds the resulting response object to the given cache.
 
diff --git a/files/en-us/web/api/cache/addall/index.md b/files/en-us/web/api/cache/addall/index.md
index aec4b1d614a0dd6..5e4f5ded0811c2e 100644
--- a/files/en-us/web/api/cache/addall/index.md
+++ b/files/en-us/web/api/cache/addall/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.Cache.addAll
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`addAll()`** method of the {{domxref("Cache")}} interface takes an array of URLs, retrieves them, and adds the resulting response objects to the given cache. The request objects created during retrieval become keys to the stored response operations.
 
diff --git a/files/en-us/web/api/cache/delete/index.md b/files/en-us/web/api/cache/delete/index.md
index 3083a50558803da..88f551835624810 100644
--- a/files/en-us/web/api/cache/delete/index.md
+++ b/files/en-us/web/api/cache/delete/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.Cache.delete
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`delete()`** method of the {{domxref("Cache")}} interface finds the {{domxref("Cache")}} entry whose key is the request, and if found, deletes the {{domxref("Cache")}} entry and returns a {{jsxref("Promise")}} that resolves to `true`.
 If no {{domxref("Cache")}} entry is found, it resolves to `false`.
diff --git a/files/en-us/web/api/cache/index.md b/files/en-us/web/api/cache/index.md
index 2740280062cf9d6..3e8f19860e1a528 100644
--- a/files/en-us/web/api/cache/index.md
+++ b/files/en-us/web/api/cache/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.Cache
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}{{AvailableInWorkers}}
 
 The **`Cache`** interface provides a persistent storage mechanism for {{domxref("Request")}} / {{domxref("Response")}} object pairs that are cached in long lived memory. How long a `Cache` object lives is browser dependent, but a single origin's scripts can typically rely on the presence of a previously populated `Cache` object. Note that the `Cache` interface is exposed to windowed scopes as well as workers. You don't have to use it in conjunction with service workers, even though it is defined in the service worker spec.
 
@@ -17,10 +17,6 @@ You are also responsible for periodically purging cache entries. Each browser ha
 
 > **Note:** The caching API doesn't honor HTTP caching headers.
 
-{{AvailableInWorkers}}
-
-{{securecontext_header}}
-
 ## Instance methods
 
 - {{domxref("Cache.match", "Cache.match(request, options)")}}
diff --git a/files/en-us/web/api/cache/keys/index.md b/files/en-us/web/api/cache/keys/index.md
index 99355e5fa7b317c..aaa14dc64502630 100644
--- a/files/en-us/web/api/cache/keys/index.md
+++ b/files/en-us/web/api/cache/keys/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.Cache.keys
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`keys()`** method of the {{domxref("Cache")}} interface returns a
 {{jsxref("Promise")}} that resolves to an array of {{domxref("Request")}} objects
diff --git a/files/en-us/web/api/cache/match/index.md b/files/en-us/web/api/cache/match/index.md
index 643a066b9c003ec..29bc8b3ef17a127 100644
--- a/files/en-us/web/api/cache/match/index.md
+++ b/files/en-us/web/api/cache/match/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.Cache.match
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`match()`** method of the {{domxref("Cache")}} interface returns a {{jsxref("Promise")}} that resolves to the {{domxref("Response")}} associated with the first matching request in the {{domxref("Cache")}} object.
 If no match is found, the {{jsxref("Promise")}} resolves to {{jsxref("undefined")}}.
diff --git a/files/en-us/web/api/cache/matchall/index.md b/files/en-us/web/api/cache/matchall/index.md
index ee957689ef677be..a0a016b0836faa6 100644
--- a/files/en-us/web/api/cache/matchall/index.md
+++ b/files/en-us/web/api/cache/matchall/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.Cache.matchAll
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`matchAll()`** method of the {{domxref("Cache")}}
 interface returns a {{jsxref("Promise")}} that resolves to an array of all matching
diff --git a/files/en-us/web/api/cache/put/index.md b/files/en-us/web/api/cache/put/index.md
index b34f253fcfcad11..7f72242fdabc1eb 100644
--- a/files/en-us/web/api/cache/put/index.md
+++ b/files/en-us/web/api/cache/put/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.Cache.put
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`put()`** method of the
 {{domxref("Cache")}} interface allows key/value pairs to be added to the current
diff --git a/files/en-us/web/api/cachestorage/delete/index.md b/files/en-us/web/api/cachestorage/delete/index.md
index b5d25cc8813b96f..95831629329fdf2 100644
--- a/files/en-us/web/api/cachestorage/delete/index.md
+++ b/files/en-us/web/api/cachestorage/delete/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.CacheStorage.delete
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`delete()`** method of the {{domxref("CacheStorage")}} interface finds the {{domxref("Cache")}} object matching the `cacheName`, and if found, deletes the {{domxref("Cache")}} object and returns a {{jsxref("Promise")}} that resolves to `true`.
 If no {{domxref("Cache")}} object is found, it resolves to `false`.
diff --git a/files/en-us/web/api/cachestorage/has/index.md b/files/en-us/web/api/cachestorage/has/index.md
index 3838de7d0412aec..ce488621b991b9e 100644
--- a/files/en-us/web/api/cachestorage/has/index.md
+++ b/files/en-us/web/api/cachestorage/has/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.CacheStorage.has
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`has()`** method of the {{domxref("CacheStorage")}}
 interface returns a {{jsxref("Promise")}} that resolves to `true` if a
diff --git a/files/en-us/web/api/cachestorage/index.md b/files/en-us/web/api/cachestorage/index.md
index edd277c7cf94e5b..9e7710c45b65d1b 100644
--- a/files/en-us/web/api/cachestorage/index.md
+++ b/files/en-us/web/api/cachestorage/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.CacheStorage
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}{{AvailableInWorkers}}
 
 The **`CacheStorage`** interface represents the storage for {{domxref("Cache")}} objects.
 
@@ -24,10 +24,6 @@ You can access `CacheStorage` through the global {{domxref("caches")}} property.
 
 > **Note:** {{domxref("CacheStorage.match()")}} is a convenience method. Equivalent functionality to match a cache entry can be implemented by returning an array of cache names from {{domxref("CacheStorage.keys()")}}, opening each cache with {{domxref("CacheStorage.open()")}}, and matching the one you want with {{domxref("Cache.match()")}}.
 
-{{AvailableInWorkers}}
-
-{{securecontext_header}}
-
 ## Instance methods
 
 - {{domxref("CacheStorage.match()")}}
diff --git a/files/en-us/web/api/cachestorage/keys/index.md b/files/en-us/web/api/cachestorage/keys/index.md
index c9e519eb5b15320..1dfcdb48ce13bde 100644
--- a/files/en-us/web/api/cachestorage/keys/index.md
+++ b/files/en-us/web/api/cachestorage/keys/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.CacheStorage.keys
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`keys()`** method of the {{domxref("CacheStorage")}} interface returns a {{jsxref("Promise")}} that will resolve with an array containing strings corresponding to all of the named {{domxref("Cache")}} objects tracked by the {{domxref("CacheStorage")}} object in the order they were created.
 Use this method to iterate over a list of all {{domxref("Cache")}} objects.
diff --git a/files/en-us/web/api/cachestorage/match/index.md b/files/en-us/web/api/cachestorage/match/index.md
index c060c188fee2c12..a6560a66d41a329 100644
--- a/files/en-us/web/api/cachestorage/match/index.md
+++ b/files/en-us/web/api/cachestorage/match/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.CacheStorage.match
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`match()`** method of the {{domxref("CacheStorage")}} interface checks if a given {{domxref("Request")}} or URL string is a key for a stored {{domxref("Response")}}.
 This method returns a {{jsxref("Promise")}} for a {{domxref("Response")}}, or a {{jsxref("Promise")}} which resolves to `undefined` if no match is found.
diff --git a/files/en-us/web/api/cachestorage/open/index.md b/files/en-us/web/api/cachestorage/open/index.md
index 5cbe7bf43572c0e..9117596e0ef199a 100644
--- a/files/en-us/web/api/cachestorage/open/index.md
+++ b/files/en-us/web/api/cachestorage/open/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.CacheStorage.open
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`open()`** method of the
 {{domxref("CacheStorage")}} interface returns a {{jsxref("Promise")}} that resolves to
diff --git a/files/en-us/web/api/capturecontroller/capturecontroller/index.md b/files/en-us/web/api/capturecontroller/capturecontroller/index.md
index 5c772dbe755c530..ddd6fdcaa557ea0 100644
--- a/files/en-us/web/api/capturecontroller/capturecontroller/index.md
+++ b/files/en-us/web/api/capturecontroller/capturecontroller/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.CaptureController.setFocusBehavior
 ---
 
-{{APIRef("Screen Capture API")}}{{SeeCompatTable}}
+{{APIRef("Screen Capture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The {{domxref("CaptureController")}} constructor creates a new `CaptureController` object instance.
 
diff --git a/files/en-us/web/api/capturecontroller/index.md b/files/en-us/web/api/capturecontroller/index.md
index 4513f3b6d6b7c03..b4fa2cff323722e 100644
--- a/files/en-us/web/api/capturecontroller/index.md
+++ b/files/en-us/web/api/capturecontroller/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.CaptureController
 ---
 
-{{APIRef("Screen Capture API")}}{{SeeCompatTable}}
+{{APIRef("Screen Capture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`CaptureController`** interface provides methods that can be used to further manipulate a capture session separate from its initiation via {{domxref("MediaDevices.getDisplayMedia()")}}.
 
diff --git a/files/en-us/web/api/capturecontroller/setfocusbehavior/index.md b/files/en-us/web/api/capturecontroller/setfocusbehavior/index.md
index 9e5fb587937dbcc..86f515d29c39b84 100644
--- a/files/en-us/web/api/capturecontroller/setfocusbehavior/index.md
+++ b/files/en-us/web/api/capturecontroller/setfocusbehavior/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.CaptureController.setFocusBehavior
 ---
 
-{{APIRef("Screen Capture API")}}{{SeeCompatTable}}
+{{APIRef("Screen Capture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The {{domxref("CaptureController")}} interface's **`setFocusBehavior()`** method controls whether the captured tab or window will be focused when an associated {{domxref("MediaDevices.getDisplayMedia()")}} {{jsxref("Promise")}} fulfills, or whether the focus will remain with the tab containing the capturing app.
 
diff --git a/files/en-us/web/api/credential/id/index.md b/files/en-us/web/api/credential/id/index.md
index 7e154cc2b31ee8b..7b5aed714a72232 100644
--- a/files/en-us/web/api/credential/id/index.md
+++ b/files/en-us/web/api/credential/id/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Credential.id
 ---
 
-{{APIRef("Credential Management API")}}
+{{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
 The **`id`** property of the
 {{domxref("Credential")}} interface returns a string containing the
diff --git a/files/en-us/web/api/credential/type/index.md b/files/en-us/web/api/credential/type/index.md
index 59bd38238382303..f64b83a27b0472c 100644
--- a/files/en-us/web/api/credential/type/index.md
+++ b/files/en-us/web/api/credential/type/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Credential.type
 ---
 
-{{APIRef("Credential Management API")}}
+{{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
 The **`type`** property of the
 {{domxref("Credential")}} interface returns a string containing the
diff --git a/files/en-us/web/api/credentialscontainer/create/index.md b/files/en-us/web/api/credentialscontainer/create/index.md
index 8e0a24cace913f1..547988576fec7f0 100644
--- a/files/en-us/web/api/credentialscontainer/create/index.md
+++ b/files/en-us/web/api/credentialscontainer/create/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.CredentialsContainer.create
 ---
 
-{{APIRef("Credential Management API")}}
+{{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
 The **`create()`** method of the {{domxref("CredentialsContainer")}} interface returns a {{jsxref("Promise")}} that resolves with a new credential instance based on the provided options, the information from which can then be stored and later used to authenticate users via {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}}.
 
diff --git a/files/en-us/web/api/credentialscontainer/get/index.md b/files/en-us/web/api/credentialscontainer/get/index.md
index 13fb78e39273151..0670a5b1cbe3170 100644
--- a/files/en-us/web/api/credentialscontainer/get/index.md
+++ b/files/en-us/web/api/credentialscontainer/get/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.CredentialsContainer.get
 ---
 
-{{APIRef("Credential Management API")}}
+{{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
 The **`get()`** method of the {{domxref("CredentialsContainer")}} interface returns a {{jsxref("Promise")}} that fulfills with a single credential instance that matches the provided parameters, which the browser can then use to authenticate with a relying party. This is used by several different credential-related APIs with significantly different purposes:
 
diff --git a/files/en-us/web/api/credentialscontainer/preventsilentaccess/index.md b/files/en-us/web/api/credentialscontainer/preventsilentaccess/index.md
index ddff84263745d1f..2b33bf3f4c5c17d 100644
--- a/files/en-us/web/api/credentialscontainer/preventsilentaccess/index.md
+++ b/files/en-us/web/api/credentialscontainer/preventsilentaccess/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.CredentialsContainer.preventSilentAccess
 ---
 
-{{APIRef("Credential Management API")}}
+{{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
 The **`preventSilentAccess()`** method
 of the {{domxref("CredentialsContainer")}} interface sets a flag that specifies
diff --git a/files/en-us/web/api/credentialscontainer/store/index.md b/files/en-us/web/api/credentialscontainer/store/index.md
index 6d3ce51d4d482b8..8dc55069d18d106 100644
--- a/files/en-us/web/api/credentialscontainer/store/index.md
+++ b/files/en-us/web/api/credentialscontainer/store/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.CredentialsContainer.store
 ---
 
-{{APIRef("Credential Management API")}}
+{{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
 The **`store()`** method of the
 {{domxref("CredentialsContainer")}} stores a set of credentials for the user inside a
diff --git a/files/en-us/web/api/documentpictureinpicture/enter_event/index.md b/files/en-us/web/api/documentpictureinpicture/enter_event/index.md
index d87fdfb7daf3f13..e719fe0ee4c4027 100644
--- a/files/en-us/web/api/documentpictureinpicture/enter_event/index.md
+++ b/files/en-us/web/api/documentpictureinpicture/enter_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.DocumentPictureInPicture.enter_event
 ---
 
-{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}
+{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`enter`** event of the {{domxref("DocumentPictureInPicture")}} interface is fired when the Picture-in-Picture window is successfully opened.
 
diff --git a/files/en-us/web/api/documentpictureinpicture/requestwindow/index.md b/files/en-us/web/api/documentpictureinpicture/requestwindow/index.md
index caa1368cd9a347e..82da5434757136f 100644
--- a/files/en-us/web/api/documentpictureinpicture/requestwindow/index.md
+++ b/files/en-us/web/api/documentpictureinpicture/requestwindow/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.DocumentPictureInPicture.requestWindow
 ---
 
-{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}
+{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`requestWindow()`** method of the
 {{domxref("DocumentPictureInPicture")}} interface opens the Picture-in-Picture window for the current main browsing context. It returns a {{jsxref("Promise")}} that fulfills with a {{domxref("Window")}} instance representing the browsing context inside the Picture-in-Picture window.
diff --git a/files/en-us/web/api/documentpictureinpicture/window/index.md b/files/en-us/web/api/documentpictureinpicture/window/index.md
index 5df9e897b626458..3ddc9c3b32d065b 100644
--- a/files/en-us/web/api/documentpictureinpicture/window/index.md
+++ b/files/en-us/web/api/documentpictureinpicture/window/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.DocumentPictureInPicture.window
 ---
 
-{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}
+{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`window`** read-only property of the
 {{domxref("DocumentPictureInPicture")}} interface returns a {{domxref("Window")}} instance representing the browsing context inside the Picture-in-Picture window.
diff --git a/files/en-us/web/api/documentpictureinpictureevent/documentpictureinpictureevent/index.md b/files/en-us/web/api/documentpictureinpictureevent/documentpictureinpictureevent/index.md
index f8b84ab9da1a59a..852927748f43b58 100644
--- a/files/en-us/web/api/documentpictureinpictureevent/documentpictureinpictureevent/index.md
+++ b/files/en-us/web/api/documentpictureinpictureevent/documentpictureinpictureevent/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.DocumentPictureInPictureEvent.DocumentPictureInPictureEvent
 ---
 
-{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}
+{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`DocumentPictureInPictureEvent()`** constructor creates a new
 {{domxref("DocumentPictureInPictureEvent")}} object instance.
diff --git a/files/en-us/web/api/documentpictureinpictureevent/index.md b/files/en-us/web/api/documentpictureinpictureevent/index.md
index 3a25699c938580e..28b9d9180f3b57c 100644
--- a/files/en-us/web/api/documentpictureinpictureevent/index.md
+++ b/files/en-us/web/api/documentpictureinpictureevent/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.DocumentPictureInPictureEvent
 ---
 
-{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}
+{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`DocumentPictureInPictureEvent`** interface of the {{domxref("Document Picture-in-Picture API", "Document Picture-in-Picture API", "", "nocode")}} is the event object for the {{domxref("DocumentPictureInPicture/enter_event", "enter")}} event, which fires when the Picture-in-Picture window is opened.
 
diff --git a/files/en-us/web/api/documentpictureinpictureevent/window/index.md b/files/en-us/web/api/documentpictureinpictureevent/window/index.md
index 00f9ddd90f0a029..919f487621a9982 100644
--- a/files/en-us/web/api/documentpictureinpictureevent/window/index.md
+++ b/files/en-us/web/api/documentpictureinpictureevent/window/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.DocumentPictureInPictureEvent.window
 ---
 
-{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}
+{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`window`** read-only property of the
 {{domxref("DocumentPictureInPictureEvent")}} interface returns a {{domxref("Window")}} instance representing the browsing context inside the `DocumentPictureInPicture` window the event was fired on.
diff --git a/files/en-us/web/api/element/sethtml/index.md b/files/en-us/web/api/element/sethtml/index.md
index 2bfaf0604a926c1..fa4e1ed28fd4022 100644
--- a/files/en-us/web/api/element/sethtml/index.md
+++ b/files/en-us/web/api/element/sethtml/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Element.setHTML
 ---
 
-{{APIRef("HTML Sanitizer API")}}{{SeeCompatTable}}
+{{APIRef("HTML Sanitizer API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setHTML()`** method of the {{domxref("Element")}} interface is used to parse and sanitize a string of HTML and then insert it into the DOM as a subtree of the element.
 It should be used instead of {{domxref("Element.innerHTML")}} for inserting untrusted strings of HTML into an element.
diff --git a/files/en-us/web/api/federatedcredential/federatedcredential/index.md b/files/en-us/web/api/federatedcredential/federatedcredential/index.md
index f3efbbae11ec515..6a246dc2f409088 100644
--- a/files/en-us/web/api/federatedcredential/federatedcredential/index.md
+++ b/files/en-us/web/api/federatedcredential/federatedcredential/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.FederatedCredential.FederatedCredential
 ---
 
-{{APIRef("Credential Management API")}}{{SeeCompatTable}}
+{{APIRef("Credential Management API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`FederatedCredential()`**
 constructor creates a new {{domxref("FederatedCredential")}} object. In
diff --git a/files/en-us/web/api/federatedcredential/index.md b/files/en-us/web/api/federatedcredential/index.md
index 0294bd8ac30959c..caaaf597201c77b 100644
--- a/files/en-us/web/api/federatedcredential/index.md
+++ b/files/en-us/web/api/federatedcredential/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.FederatedCredential
 ---
 
-{{SeeCompatTable}}{{APIRef("Credential Management API")}}
+{{SeeCompatTable}}{{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
 The **`FederatedCredential`** interface of the [Credential Management API](/en-US/docs/Web/API/Credential_Management_API) provides information about credentials from a federated identity provider. A federated identity provider is an entity that a website trusts to correctly authenticate a user, and that provides an API for that purpose. [OpenID Connect](https://openid.net/developers/specs/) is an example of a federated identity provider framework.
 
diff --git a/files/en-us/web/api/federatedcredential/provider/index.md b/files/en-us/web/api/federatedcredential/provider/index.md
index b0a9b29ef341565..069ebc04bcd5b7c 100644
--- a/files/en-us/web/api/federatedcredential/provider/index.md
+++ b/files/en-us/web/api/federatedcredential/provider/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.FederatedCredential.provider
 ---
 
-{{SeeCompatTable}}{{APIRef("Credential Management API")}}
+{{SeeCompatTable}}{{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
 The **`provider`** property of the
 {{domxref("FederatedCredential")}} interface returns a string
diff --git a/files/en-us/web/api/gamepad/axes/index.md b/files/en-us/web/api/gamepad/axes/index.md
index fece6a740ec1c33..89cbaa6350c4f09 100644
--- a/files/en-us/web/api/gamepad/axes/index.md
+++ b/files/en-us/web/api/gamepad/axes/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Gamepad.axes
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`Gamepad.axes`** property of the {{domxref("Gamepad") }}
 interface returns an array representing the controls with axes present on the device
diff --git a/files/en-us/web/api/gamepad/buttons/index.md b/files/en-us/web/api/gamepad/buttons/index.md
index 434ee5a17884501..4b1e2faad8e4070 100644
--- a/files/en-us/web/api/gamepad/buttons/index.md
+++ b/files/en-us/web/api/gamepad/buttons/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Gamepad.buttons
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`Gamepad.buttons`** property of the {{domxref("Gamepad")
   }} interface returns an array of {{domxref("gamepadButton")}} objects representing the
diff --git a/files/en-us/web/api/gamepad/connected/index.md b/files/en-us/web/api/gamepad/connected/index.md
index 689d30dd87e72ea..6a6a9a8b2384958 100644
--- a/files/en-us/web/api/gamepad/connected/index.md
+++ b/files/en-us/web/api/gamepad/connected/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Gamepad.connected
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`Gamepad.connected`** property of the
 {{domxref("Gamepad") }} interface returns a boolean indicating whether the gamepad is
diff --git a/files/en-us/web/api/gamepad/hand/index.md b/files/en-us/web/api/gamepad/hand/index.md
index eecf7985700bddb..b0659737716dde2 100644
--- a/files/en-us/web/api/gamepad/hand/index.md
+++ b/files/en-us/web/api/gamepad/hand/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Gamepad.hand
 ---
 
-{{APIRef("Gamepad")}}{{SeeCompatTable}}
+{{APIRef("Gamepad")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`hand`** read-only property of the {{domxref("Gamepad")}} interface returns an enum defining what hand the controller is being held in, or is most likely to be held in.
 
diff --git a/files/en-us/web/api/gamepad/hapticactuators/index.md b/files/en-us/web/api/gamepad/hapticactuators/index.md
index 80b3adb104496fe..a188d6ff1660756 100644
--- a/files/en-us/web/api/gamepad/hapticactuators/index.md
+++ b/files/en-us/web/api/gamepad/hapticactuators/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Gamepad.hapticActuators
 ---
 
-{{APIRef("Gamepad")}}{{SeeCompatTable}}
+{{APIRef("Gamepad")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`hapticActuators`** read-only property of the {{domxref("Gamepad")}} interface returns an array containing {{domxref("GamepadHapticActuator")}} objects, each of which represents haptic feedback hardware available on the controller.
 
diff --git a/files/en-us/web/api/gamepad/id/index.md b/files/en-us/web/api/gamepad/id/index.md
index 17a2952ce51d346..71c7c218e6450e4 100644
--- a/files/en-us/web/api/gamepad/id/index.md
+++ b/files/en-us/web/api/gamepad/id/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Gamepad.id
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`Gamepad.id`** property of the {{domxref("Gamepad") }}
 interface returns a string containing some information about the controller.
diff --git a/files/en-us/web/api/gamepad/index/index.md b/files/en-us/web/api/gamepad/index/index.md
index 9af92ae1bcf85fd..947fcede9ef2459 100644
--- a/files/en-us/web/api/gamepad/index/index.md
+++ b/files/en-us/web/api/gamepad/index/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Gamepad.index
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`Gamepad.index`** property of the {{domxref("Gamepad") }}
 interface returns an integer that is auto-incremented to be unique for each device
diff --git a/files/en-us/web/api/gamepad/mapping/index.md b/files/en-us/web/api/gamepad/mapping/index.md
index 83e728565c6ebcc..7b073f6421495f5 100644
--- a/files/en-us/web/api/gamepad/mapping/index.md
+++ b/files/en-us/web/api/gamepad/mapping/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Gamepad.mapping
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`Gamepad.mapping`** property of the
 {{domxref("Gamepad")}} interface returns a string indicating whether the browser has
diff --git a/files/en-us/web/api/gamepad/pose/index.md b/files/en-us/web/api/gamepad/pose/index.md
index d07f951dd9f5995..cb3ccf518b093d6 100644
--- a/files/en-us/web/api/gamepad/pose/index.md
+++ b/files/en-us/web/api/gamepad/pose/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Gamepad.pose
 ---
 
-{{APIRef("Gamepad")}}{{SeeCompatTable}}
+{{APIRef("Gamepad")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`pose`** read-only property of the {{domxref("Gamepad")}} interface returns a {{domxref("GamepadPose")}} object representing the pose information associated with a WebVR controller (e.g. its position and orientation in 3D space).
 
diff --git a/files/en-us/web/api/gamepad/timestamp/index.md b/files/en-us/web/api/gamepad/timestamp/index.md
index c54440699fdd861..f0751241c9d87ab 100644
--- a/files/en-us/web/api/gamepad/timestamp/index.md
+++ b/files/en-us/web/api/gamepad/timestamp/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Gamepad.timestamp
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`Gamepad.timestamp`** property of the
 {{domxref("Gamepad")}} interface returns a {{domxref("DOMHighResTimeStamp")}}
diff --git a/files/en-us/web/api/gamepad/vibrationactuator/index.md b/files/en-us/web/api/gamepad/vibrationactuator/index.md
index f0961c39b8575ea..44997c90c592c25 100644
--- a/files/en-us/web/api/gamepad/vibrationactuator/index.md
+++ b/files/en-us/web/api/gamepad/vibrationactuator/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Gamepad.vibrationActuator
 ---
 
-{{APIRef("Gamepad")}}{{Non-standard_Header}}
+{{APIRef("Gamepad")}}{{Non-standard_Header}}{{SecureContext_Header}}
 
 The **`vibrationActuator`** read-only property of the {{domxref("Gamepad")}} interface returns a {{domxref("GamepadHapticActuator")}} object, which represents haptic feedback hardware available on the controller.
 
diff --git a/files/en-us/web/api/gamepadbutton/pressed/index.md b/files/en-us/web/api/gamepadbutton/pressed/index.md
index ca2e55cd395fa67..df73d2612bf236c 100644
--- a/files/en-us/web/api/gamepadbutton/pressed/index.md
+++ b/files/en-us/web/api/gamepadbutton/pressed/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.GamepadButton.pressed
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`GamepadButton.pressed`** property of the
 {{domxref("GamepadButton")}} interface returns a `boolean` indicating whether
diff --git a/files/en-us/web/api/gamepadbutton/touched/index.md b/files/en-us/web/api/gamepadbutton/touched/index.md
index e8f001e0c02e686..4a6f2a4925d3caa 100644
--- a/files/en-us/web/api/gamepadbutton/touched/index.md
+++ b/files/en-us/web/api/gamepadbutton/touched/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.GamepadButton.touched
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`touched`** property of the
 {{domxref("GamepadButton")}} interface returns a `boolean` indicating whether
diff --git a/files/en-us/web/api/gamepadbutton/value/index.md b/files/en-us/web/api/gamepadbutton/value/index.md
index 290d673d240812b..9fb229e691d284b 100644
--- a/files/en-us/web/api/gamepadbutton/value/index.md
+++ b/files/en-us/web/api/gamepadbutton/value/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.GamepadButton.value
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`GamepadButton.value`** property of the
 {{domxref("GamepadButton")}} interface returns a double value used to represent the
diff --git a/files/en-us/web/api/gamepadevent/gamepad/index.md b/files/en-us/web/api/gamepadevent/gamepad/index.md
index bd4b7e4d4ebaf3c..91d3738860488d5 100644
--- a/files/en-us/web/api/gamepadevent/gamepad/index.md
+++ b/files/en-us/web/api/gamepadevent/gamepad/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.GamepadEvent.gamepad
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`GamepadEvent.gamepad`** property of the
 **{{domxref("GamepadEvent")}} interface** returns a {{domxref("Gamepad")}}
diff --git a/files/en-us/web/api/gamepadevent/gamepadevent/index.md b/files/en-us/web/api/gamepadevent/gamepadevent/index.md
index d2b61bcac271c3f..4c09cca0c23ac6b 100644
--- a/files/en-us/web/api/gamepadevent/gamepadevent/index.md
+++ b/files/en-us/web/api/gamepadevent/gamepadevent/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.GamepadEvent.GamepadEvent
 ---
 
-{{APIRef("Gamepad API")}}
+{{APIRef("Gamepad API")}}{{SecureContext_Header}}
 
 The **`GamepadEvent()`** constructor creates a new {{domxref("GamepadEvent")}} object.
 
diff --git a/files/en-us/web/api/gpu/getpreferredcanvasformat/index.md b/files/en-us/web/api/gpu/getpreferredcanvasformat/index.md
index 3dc1579eba3407e..46ac90db57fce42 100644
--- a/files/en-us/web/api/gpu/getpreferredcanvasformat/index.md
+++ b/files/en-us/web/api/gpu/getpreferredcanvasformat/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPU.getPreferredCanvasFormat
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getPreferredCanvasFormat()`** method of the
 {{domxref("GPU")}} interface returns the optimal canvas texture format for displaying 8-bit depth, standard dynamic range content on the current system.
diff --git a/files/en-us/web/api/gpu/index.md b/files/en-us/web/api/gpu/index.md
index 502cff09e962073..e708d0681699739 100644
--- a/files/en-us/web/api/gpu/index.md
+++ b/files/en-us/web/api/gpu/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPU
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPU`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} is the starting point for using WebGPU. It can be used to return a {{domxref("GPUAdapter")}} from which you can request devices, configure features and limits, and more.
 
diff --git a/files/en-us/web/api/gpu/requestadapter/index.md b/files/en-us/web/api/gpu/requestadapter/index.md
index c2b820c592701e5..868d878b9ea4e47 100644
--- a/files/en-us/web/api/gpu/requestadapter/index.md
+++ b/files/en-us/web/api/gpu/requestadapter/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPU.requestAdapter
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`requestAdapter()`** method of the
 {{domxref("GPU")}} interface returns a {{jsxref("Promise")}} that fulfills with a {{domxref("GPUAdapter")}} object instance. From this you can request a {{domxref("GPUDevice")}}, adapter info, features, and limits.
diff --git a/files/en-us/web/api/gpu/wgsllanguagefeatures/index.md b/files/en-us/web/api/gpu/wgsllanguagefeatures/index.md
index 7f754a430bf7cb8..eb7b676ac0017c4 100644
--- a/files/en-us/web/api/gpu/wgsllanguagefeatures/index.md
+++ b/files/en-us/web/api/gpu/wgsllanguagefeatures/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPU.wgslLanguageFeatures
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`wgslLanguageFeatures`** read-only property of the
 {{domxref("GPU")}} interface returns a {{domxref("WGSLLanguageFeatures")}} object that reports the [WGSL language extensions](https://gpuweb.github.io/gpuweb/wgsl/#language-extension) supported by the WebGPU implementation.
diff --git a/files/en-us/web/api/gpuadapter/features/index.md b/files/en-us/web/api/gpuadapter/features/index.md
index 5c541152f7b3045..c0f89fb99189f7e 100644
--- a/files/en-us/web/api/gpuadapter/features/index.md
+++ b/files/en-us/web/api/gpuadapter/features/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUAdapter.features
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`features`** read-only property of the
 {{domxref("GPUAdapter")}} interface returns a {{domxref("GPUSupportedFeatures")}} object that describes additional functionality supported by the adapter.
diff --git a/files/en-us/web/api/gpuadapter/index.md b/files/en-us/web/api/gpuadapter/index.md
index c77c1abcd229d20..71d4ab20525593b 100644
--- a/files/en-us/web/api/gpuadapter/index.md
+++ b/files/en-us/web/api/gpuadapter/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUAdapter
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUAdapter`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a GPU adapter. From this you can request a {{domxref("GPUDevice")}}, adapter info, features, and limits.
 
diff --git a/files/en-us/web/api/gpuadapter/isfallbackadapter/index.md b/files/en-us/web/api/gpuadapter/isfallbackadapter/index.md
index 2232e6a84c1c2c5..67a13dc2c6d8fe8 100644
--- a/files/en-us/web/api/gpuadapter/isfallbackadapter/index.md
+++ b/files/en-us/web/api/gpuadapter/isfallbackadapter/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUAdapter.isFallbackAdapter
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`isFallbackAdapter`** read-only property of the
 {{domxref("GPUAdapter")}} interface returns `true` if the adapter is a [fallback adapter](/en-US/docs/Web/API/GPU/requestAdapter#fallback_adapters), and `false` if not.
diff --git a/files/en-us/web/api/gpuadapter/limits/index.md b/files/en-us/web/api/gpuadapter/limits/index.md
index 39da7835d0f8452..f4c6b6424743c95 100644
--- a/files/en-us/web/api/gpuadapter/limits/index.md
+++ b/files/en-us/web/api/gpuadapter/limits/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUAdapter.limits
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`limits`** read-only property of the
 {{domxref("GPUAdapter")}} interface returns a {{domxref("GPUSupportedLimits")}} object that describes the limits supported by the adapter.
diff --git a/files/en-us/web/api/gpuadapter/requestadapterinfo/index.md b/files/en-us/web/api/gpuadapter/requestadapterinfo/index.md
index 81aa8b7882e196c..dad0f0923a31958 100644
--- a/files/en-us/web/api/gpuadapter/requestadapterinfo/index.md
+++ b/files/en-us/web/api/gpuadapter/requestadapterinfo/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUAdapter.requestAdapterInfo
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`requestAdapterInfo()`** method of the
 {{domxref("GPUAdapter")}} interface returns a {{jsxref("Promise")}} that fulfills with a {{domxref("GPUAdapterInfo")}} object containing identifying information about an adapter.
diff --git a/files/en-us/web/api/gpuadapter/requestdevice/index.md b/files/en-us/web/api/gpuadapter/requestdevice/index.md
index 1453fab9c503ebb..d8b1bc22e9370d6 100644
--- a/files/en-us/web/api/gpuadapter/requestdevice/index.md
+++ b/files/en-us/web/api/gpuadapter/requestdevice/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUAdapter.requestDevice
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`requestDevice()`** method of the
 {{domxref("GPUAdapter")}} interface returns a {{jsxref("Promise")}} that fulfills with a {{domxref("GPUDevice")}} object, which is the primary interface for communicating with the GPU.
diff --git a/files/en-us/web/api/gpuadapterinfo/architecture/index.md b/files/en-us/web/api/gpuadapterinfo/architecture/index.md
index b361d06b8477cfc..46155362bb00162 100644
--- a/files/en-us/web/api/gpuadapterinfo/architecture/index.md
+++ b/files/en-us/web/api/gpuadapterinfo/architecture/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUAdapterInfo.architecture
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`architecture`** read-only property of the
 {{domxref("GPUAdapterInfo")}} interface returns the name of the family or class of GPUs the adapter belongs to, or an empty string if it is not available.
diff --git a/files/en-us/web/api/gpuadapterinfo/description/index.md b/files/en-us/web/api/gpuadapterinfo/description/index.md
index 199596d97a42405..4d1523ac2cdb9c9 100644
--- a/files/en-us/web/api/gpuadapterinfo/description/index.md
+++ b/files/en-us/web/api/gpuadapterinfo/description/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUAdapterInfo.description
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`description`** read-only property of the
 {{domxref("GPUAdapterInfo")}} interface returns a human-readable string describing the adapter, or an empty string if it is not available.
diff --git a/files/en-us/web/api/gpuadapterinfo/device/index.md b/files/en-us/web/api/gpuadapterinfo/device/index.md
index 32708bb341b6e26..9edef549c91985f 100644
--- a/files/en-us/web/api/gpuadapterinfo/device/index.md
+++ b/files/en-us/web/api/gpuadapterinfo/device/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUAdapterInfo.device
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`device`** read-only property of the
 {{domxref("GPUAdapterInfo")}} interface returns a vendor-specific identifier for the adapter, or an empty string if it is not available.
diff --git a/files/en-us/web/api/gpuadapterinfo/index.md b/files/en-us/web/api/gpuadapterinfo/index.md
index 516151602e5be29..3c8c52fe89e7fc1 100644
--- a/files/en-us/web/api/gpuadapterinfo/index.md
+++ b/files/en-us/web/api/gpuadapterinfo/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUAdapterInfo
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUAdapterInfo`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} contains identifying information about a {{domxref("GPUAdapter")}}.
 
diff --git a/files/en-us/web/api/gpuadapterinfo/vendor/index.md b/files/en-us/web/api/gpuadapterinfo/vendor/index.md
index 037fac0627fbcd2..7c22a658c75f3e8 100644
--- a/files/en-us/web/api/gpuadapterinfo/vendor/index.md
+++ b/files/en-us/web/api/gpuadapterinfo/vendor/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUAdapterInfo.vendor
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`vendor`** read-only property of the
 {{domxref("GPUAdapterInfo")}} interface returns the name of the adapter vendor, or an empty string if it is not available.
diff --git a/files/en-us/web/api/gpubindgroup/index.md b/files/en-us/web/api/gpubindgroup/index.md
index d0d84309694204a..931baa3637ac4f1 100644
--- a/files/en-us/web/api/gpubindgroup/index.md
+++ b/files/en-us/web/api/gpubindgroup/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUBindGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUBindGroup`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} is based on a {{domxref("GPUBindGroupLayout")}} and defines a set of resources to be bound together in a group and how those resources are used in shader stages.
 
diff --git a/files/en-us/web/api/gpubindgroup/label/index.md b/files/en-us/web/api/gpubindgroup/label/index.md
index 1a4e72c8ccc43bf..f409d86e77c4ca6 100644
--- a/files/en-us/web/api/gpubindgroup/label/index.md
+++ b/files/en-us/web/api/gpubindgroup/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUBindGroup.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPUBindGroup")}} interface provides a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpubindgrouplayout/index.md b/files/en-us/web/api/gpubindgrouplayout/index.md
index 8c19606511ebc05..dec6179475410e9 100644
--- a/files/en-us/web/api/gpubindgrouplayout/index.md
+++ b/files/en-us/web/api/gpubindgrouplayout/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUBindGroupLayout
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUBindGroupLayout`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} defines the structure and purpose of related GPU resources such as buffers that will be used in a pipeline, and is used as a template when creating {{domxref("GPUBindGroup")}}s.
 
diff --git a/files/en-us/web/api/gpubindgrouplayout/label/index.md b/files/en-us/web/api/gpubindgrouplayout/label/index.md
index 9ce4cac3d86bb26..25a92a37e208128 100644
--- a/files/en-us/web/api/gpubindgrouplayout/label/index.md
+++ b/files/en-us/web/api/gpubindgrouplayout/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUBindGroupLayout.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPUBindGroupLayout")}} interface provides a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpubuffer/destroy/index.md b/files/en-us/web/api/gpubuffer/destroy/index.md
index 56c92aaf407ed09..44961e525b32fdd 100644
--- a/files/en-us/web/api/gpubuffer/destroy/index.md
+++ b/files/en-us/web/api/gpubuffer/destroy/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUBuffer.destroy
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`destroy()`** method of the
 {{domxref("GPUBuffer")}} interface destroys the `GPUBuffer`.
diff --git a/files/en-us/web/api/gpubuffer/getmappedrange/index.md b/files/en-us/web/api/gpubuffer/getmappedrange/index.md
index 66bb11d856a6f02..f7e3c33f0f23b4b 100644
--- a/files/en-us/web/api/gpubuffer/getmappedrange/index.md
+++ b/files/en-us/web/api/gpubuffer/getmappedrange/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUBuffer.getMappedRange
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getMappedRange()`** method of the
 {{domxref("GPUBuffer")}} interface returns an {{jsxref("ArrayBuffer")}} containing the mapped contents of the `GPUBuffer` in the specified range.
diff --git a/files/en-us/web/api/gpubuffer/index.md b/files/en-us/web/api/gpubuffer/index.md
index 601fd605d9dd8fa..028bc98b74eaed3 100644
--- a/files/en-us/web/api/gpubuffer/index.md
+++ b/files/en-us/web/api/gpubuffer/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUBuffer
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUBuffer`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a block of memory that can be used to store raw data to use in GPU operations.
 
diff --git a/files/en-us/web/api/gpubuffer/label/index.md b/files/en-us/web/api/gpubuffer/label/index.md
index 163e80f83906a9e..5225efa587995c8 100644
--- a/files/en-us/web/api/gpubuffer/label/index.md
+++ b/files/en-us/web/api/gpubuffer/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUBuffer.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPUBuffer")}} interface provides a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpubuffer/mapasync/index.md b/files/en-us/web/api/gpubuffer/mapasync/index.md
index 025d21fa687fd8f..9d2e4c9f6fcd951 100644
--- a/files/en-us/web/api/gpubuffer/mapasync/index.md
+++ b/files/en-us/web/api/gpubuffer/mapasync/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUBuffer.mapAsync
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`mapAsync()`** method of the
 {{domxref("GPUBuffer")}} interface maps the specified range of the `GPUBuffer`. It returns a {{jsxref("Promise")}} that resolves when the `GPUBuffer`'s content is ready to be accessed. While the `GPUBuffer` is mapped it cannot be used in any GPU commands.
diff --git a/files/en-us/web/api/gpubuffer/mapstate/index.md b/files/en-us/web/api/gpubuffer/mapstate/index.md
index 01d35fb39b5a621..a041a6faea45ac4 100644
--- a/files/en-us/web/api/gpubuffer/mapstate/index.md
+++ b/files/en-us/web/api/gpubuffer/mapstate/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUBuffer.mapState
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`mapState`** read-only property of the
 {{domxref("GPUBuffer")}} interface represents the mapped state of the `GPUBuffer`.
diff --git a/files/en-us/web/api/gpubuffer/size/index.md b/files/en-us/web/api/gpubuffer/size/index.md
index 9ba983c16735337..21f7996d4d99c46 100644
--- a/files/en-us/web/api/gpubuffer/size/index.md
+++ b/files/en-us/web/api/gpubuffer/size/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUBuffer.size
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`size`** read-only property of the
 {{domxref("GPUBuffer")}} interface represents the length of the `GPUBuffer`'s memory allocation, in bytes.
diff --git a/files/en-us/web/api/gpubuffer/unmap/index.md b/files/en-us/web/api/gpubuffer/unmap/index.md
index fe6a05dbe7a3e2d..e2de5f4591d1787 100644
--- a/files/en-us/web/api/gpubuffer/unmap/index.md
+++ b/files/en-us/web/api/gpubuffer/unmap/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUBuffer.unmap
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`unmap()`** method of the
 {{domxref("GPUBuffer")}} interface unmaps the mapped range of the `GPUBuffer`, making its contents available for use by the GPU again after it has previously been mapped with {{domxref("GPUBuffer.mapAsync()")}} (the GPU cannot access a mapped `GPUBuffer`).
diff --git a/files/en-us/web/api/gpubuffer/usage/index.md b/files/en-us/web/api/gpubuffer/usage/index.md
index 473f1750736ea10..180feb5f94fd7bf 100644
--- a/files/en-us/web/api/gpubuffer/usage/index.md
+++ b/files/en-us/web/api/gpubuffer/usage/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUBuffer.usage
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`usage`** read-only property of the
 {{domxref("GPUBuffer")}} interface contains the {{glossary("bitwise flags")}} representing the allowed usages of the `GPUBuffer`.
diff --git a/files/en-us/web/api/gpucanvascontext/canvas/index.md b/files/en-us/web/api/gpucanvascontext/canvas/index.md
index cc1dfdb3cb268af..11636b6abc6bb50 100644
--- a/files/en-us/web/api/gpucanvascontext/canvas/index.md
+++ b/files/en-us/web/api/gpucanvascontext/canvas/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCanvasContext.canvas
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`canvas`** read-only property of the
 {{domxref("GPUCanvasContext")}} interface returns a reference to the canvas that the context was created from.
diff --git a/files/en-us/web/api/gpucanvascontext/configure/index.md b/files/en-us/web/api/gpucanvascontext/configure/index.md
index c7e8db8235d9658..01cf6c6c0d2dad2 100644
--- a/files/en-us/web/api/gpucanvascontext/configure/index.md
+++ b/files/en-us/web/api/gpucanvascontext/configure/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCanvasContext.configure
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`configure()`** method of the
 {{domxref("GPUCanvasContext")}} interface configures the context to use for rendering with a given {{domxref("GPUDevice")}}. When called the canvas will initially be cleared to transparent black.
diff --git a/files/en-us/web/api/gpucanvascontext/getcurrenttexture/index.md b/files/en-us/web/api/gpucanvascontext/getcurrenttexture/index.md
index df6106fe2497095..bdb34b59be052f0 100644
--- a/files/en-us/web/api/gpucanvascontext/getcurrenttexture/index.md
+++ b/files/en-us/web/api/gpucanvascontext/getcurrenttexture/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCanvasContext.getCurrentTexture
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getCurrentTexture()`** method of the
 {{domxref("GPUCanvasContext")}} interface returns the next {{domxref("GPUTexture")}} to be composited to the document by the canvas context.
diff --git a/files/en-us/web/api/gpucanvascontext/index.md b/files/en-us/web/api/gpucanvascontext/index.md
index 1debc85ee51d3e0..d63715dbc2ac6d0 100644
--- a/files/en-us/web/api/gpucanvascontext/index.md
+++ b/files/en-us/web/api/gpucanvascontext/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUCanvasContext
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUCanvasContext`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents the WebGPU rendering context of a {{htmlelement("canvas")}} element, returned via an {{domxref("HTMLCanvasElement.getContext()")}} call with a `contextType` of `"webgpu"`.
 
diff --git a/files/en-us/web/api/gpucanvascontext/unconfigure/index.md b/files/en-us/web/api/gpucanvascontext/unconfigure/index.md
index 4c4c375bc9863e1..675965ac0e11d6a 100644
--- a/files/en-us/web/api/gpucanvascontext/unconfigure/index.md
+++ b/files/en-us/web/api/gpucanvascontext/unconfigure/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCanvasContext.unconfigure
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`unconfigure()`** method of the
 {{domxref("GPUCanvasContext")}} interface removes any previously-set context configuration, and destroys any textures returned via {{domxref("GPUCanvasContext.getCurrentTexture", "getCurrentTexture()")}} while the canvas context was configured.
diff --git a/files/en-us/web/api/gpucommandbuffer/index.md b/files/en-us/web/api/gpucommandbuffer/index.md
index 64de76e74071274..be6f398aca80f22 100644
--- a/files/en-us/web/api/gpucommandbuffer/index.md
+++ b/files/en-us/web/api/gpucommandbuffer/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUCommandBuffer
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUCommandBuffer`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a pre-recorded list of GPU commands that can be submitted to a {{domxref("GPUQueue")}} for execution.
 
diff --git a/files/en-us/web/api/gpucommandbuffer/label/index.md b/files/en-us/web/api/gpucommandbuffer/label/index.md
index c2cf79cbc2048c3..662a7a57292661e 100644
--- a/files/en-us/web/api/gpucommandbuffer/label/index.md
+++ b/files/en-us/web/api/gpucommandbuffer/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandBuffer.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** read-only property of the
 {{domxref("GPUCommandBuffer")}} interface is a string providing a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpucommandencoder/begincomputepass/index.md b/files/en-us/web/api/gpucommandencoder/begincomputepass/index.md
index fe2f34fe55f7645..ef24c08c724a6fb 100644
--- a/files/en-us/web/api/gpucommandencoder/begincomputepass/index.md
+++ b/files/en-us/web/api/gpucommandencoder/begincomputepass/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.beginComputePass
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`beginComputePass()`** method of the
 {{domxref("GPUCommandEncoder")}} interface starts encoding a compute pass, returning a {{domxref("GPUComputePassEncoder")}} that can be used to control computation.
diff --git a/files/en-us/web/api/gpucommandencoder/beginrenderpass/index.md b/files/en-us/web/api/gpucommandencoder/beginrenderpass/index.md
index 555c1347dd3b2ab..e4b5c77d86a3a1d 100644
--- a/files/en-us/web/api/gpucommandencoder/beginrenderpass/index.md
+++ b/files/en-us/web/api/gpucommandencoder/beginrenderpass/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.beginRenderPass
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`beginRenderPass()`** method of the
 {{domxref("GPUCommandEncoder")}} interface starts encoding a render pass, returning a {{domxref("GPURenderPassEncoder")}} that can be used to control rendering.
diff --git a/files/en-us/web/api/gpucommandencoder/clearbuffer/index.md b/files/en-us/web/api/gpucommandencoder/clearbuffer/index.md
index db3b9fea54945f7..9035ebb2a4a5965 100644
--- a/files/en-us/web/api/gpucommandencoder/clearbuffer/index.md
+++ b/files/en-us/web/api/gpucommandencoder/clearbuffer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.clearBuffer
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`clearBuffer()`** method of the
 {{domxref("GPUCommandEncoder")}} interface encodes a command that fills a region of a {{domxref("GPUBuffer")}} with zeroes.
diff --git a/files/en-us/web/api/gpucommandencoder/copybuffertobuffer/index.md b/files/en-us/web/api/gpucommandencoder/copybuffertobuffer/index.md
index 659a0bcce1c9270..91215a3cd8c4ced 100644
--- a/files/en-us/web/api/gpucommandencoder/copybuffertobuffer/index.md
+++ b/files/en-us/web/api/gpucommandencoder/copybuffertobuffer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.copyBufferToBuffer
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`copyBufferToBuffer()`** method of the
 {{domxref("GPUCommandEncoder")}} interface encodes a command that copies data from one {{domxref("GPUBuffer")}} to another.
diff --git a/files/en-us/web/api/gpucommandencoder/copybuffertotexture/index.md b/files/en-us/web/api/gpucommandencoder/copybuffertotexture/index.md
index d4e2ac80e309857..6fa2ea7d431cb19 100644
--- a/files/en-us/web/api/gpucommandencoder/copybuffertotexture/index.md
+++ b/files/en-us/web/api/gpucommandencoder/copybuffertotexture/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.copyBufferToTexture
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`copyBufferToTexture()`** method of the
 {{domxref("GPUCommandEncoder")}} interface encodes a command that copies data from a {{domxref("GPUBuffer")}} to a {{domxref("GPUTexture")}}.
diff --git a/files/en-us/web/api/gpucommandencoder/copytexturetobuffer/index.md b/files/en-us/web/api/gpucommandencoder/copytexturetobuffer/index.md
index 82b17ee03c27eaf..895d9106c5e9241 100644
--- a/files/en-us/web/api/gpucommandencoder/copytexturetobuffer/index.md
+++ b/files/en-us/web/api/gpucommandencoder/copytexturetobuffer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.copyTextureToBuffer
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`copyTextureToBuffer()`** method of the
 {{domxref("GPUCommandEncoder")}} interface encodes a command that copies data from a {{domxref("GPUTexture")}} to a {{domxref("GPUBuffer")}}.
diff --git a/files/en-us/web/api/gpucommandencoder/copytexturetotexture/index.md b/files/en-us/web/api/gpucommandencoder/copytexturetotexture/index.md
index e8d83b964baf5f1..6d088810e750757 100644
--- a/files/en-us/web/api/gpucommandencoder/copytexturetotexture/index.md
+++ b/files/en-us/web/api/gpucommandencoder/copytexturetotexture/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.copyTextureToTexture
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`copyTextureToTexture()`** method of the
 {{domxref("GPUCommandEncoder")}} interface encodes a command that copies data from one {{domxref("GPUTexture")}} to another.
diff --git a/files/en-us/web/api/gpucommandencoder/finish/index.md b/files/en-us/web/api/gpucommandencoder/finish/index.md
index cb04ea2fe3eb46c..7c86d96c1099e87 100644
--- a/files/en-us/web/api/gpucommandencoder/finish/index.md
+++ b/files/en-us/web/api/gpucommandencoder/finish/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.finish
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`finish()`** method of the
 {{domxref("GPUCommandEncoder")}} interface completes recording of the command sequence encoded on this `GPUCommandEncoder`, returning a corresponding {{domxref("GPUCommandBuffer")}}.
diff --git a/files/en-us/web/api/gpucommandencoder/index.md b/files/en-us/web/api/gpucommandencoder/index.md
index 0e43149f0794e08..37f7ce2e11f1d54 100644
--- a/files/en-us/web/api/gpucommandencoder/index.md
+++ b/files/en-us/web/api/gpucommandencoder/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUCommandEncoder
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUCommandEncoder`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a command encoder, used to encode commands to be issued to the GPU.
 
diff --git a/files/en-us/web/api/gpucommandencoder/insertdebugmarker/index.md b/files/en-us/web/api/gpucommandencoder/insertdebugmarker/index.md
index 318ec3d568cf28b..c9f2c428fe4938c 100644
--- a/files/en-us/web/api/gpucommandencoder/insertdebugmarker/index.md
+++ b/files/en-us/web/api/gpucommandencoder/insertdebugmarker/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.insertDebugMarker
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`insertDebugMarker()`** method of the
 {{domxref("GPUCommandEncoder")}} interface marks a specific point in a series of encoded commands with a label.
diff --git a/files/en-us/web/api/gpucommandencoder/label/index.md b/files/en-us/web/api/gpucommandencoder/label/index.md
index a573c11cd47b9fc..2bca87919663727 100644
--- a/files/en-us/web/api/gpucommandencoder/label/index.md
+++ b/files/en-us/web/api/gpucommandencoder/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** read-only property of the
 {{domxref("GPUCommandEncoder")}} interface is a string providing a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpucommandencoder/popdebuggroup/index.md b/files/en-us/web/api/gpucommandencoder/popdebuggroup/index.md
index 5bcc69abd62f274..7053dc45613b232 100644
--- a/files/en-us/web/api/gpucommandencoder/popdebuggroup/index.md
+++ b/files/en-us/web/api/gpucommandencoder/popdebuggroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.popDebugGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`popDebugGroup()`** method of the
 {{domxref("GPUCommandEncoder")}} interface ends a debug group, which is begun with a {{domxref("GPUCommandEncoder.pushDebugGroup", "pushDebugGroup()")}} call.
diff --git a/files/en-us/web/api/gpucommandencoder/pushdebuggroup/index.md b/files/en-us/web/api/gpucommandencoder/pushdebuggroup/index.md
index 7d44b555434fc6e..36f001a23018c7b 100644
--- a/files/en-us/web/api/gpucommandencoder/pushdebuggroup/index.md
+++ b/files/en-us/web/api/gpucommandencoder/pushdebuggroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.pushDebugGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`pushDebugGroup()`** method of the
 {{domxref("GPUCommandEncoder")}} interface begins a debug group, which is marked with a specified label, and will contain all subsequent encoded commands up until a {{domxref("GPUCommandEncoder.popDebugGroup", "popDebugGroup()")}} method is invoked.
diff --git a/files/en-us/web/api/gpucommandencoder/resolvequeryset/index.md b/files/en-us/web/api/gpucommandencoder/resolvequeryset/index.md
index 5e5b9adb6d6c344..97e44b60ed66051 100644
--- a/files/en-us/web/api/gpucommandencoder/resolvequeryset/index.md
+++ b/files/en-us/web/api/gpucommandencoder/resolvequeryset/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCommandEncoder.resolveQuerySet
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`resolveQuerySet()`** method of the
 {{domxref("GPUCommandEncoder")}} interface encodes a command that resolves a {{domxref("GPUQuerySet")}}, copying the results into a specified {{domxref("GPUBuffer")}}.
diff --git a/files/en-us/web/api/gpucompilationinfo/index.md b/files/en-us/web/api/gpucompilationinfo/index.md
index b88358a96f205b1..b63c65dfb6a9377 100644
--- a/files/en-us/web/api/gpucompilationinfo/index.md
+++ b/files/en-us/web/api/gpucompilationinfo/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUCompilationInfo
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUCompilationInfo`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents an array of {{domxref("GPUCompilationMessage")}} objects generated by the GPU shader module compiler to help diagnose problems with shader code.
 
diff --git a/files/en-us/web/api/gpucompilationinfo/messages/index.md b/files/en-us/web/api/gpucompilationinfo/messages/index.md
index fdbc78ed1f2b922..79f199bd59ea28c 100644
--- a/files/en-us/web/api/gpucompilationinfo/messages/index.md
+++ b/files/en-us/web/api/gpucompilationinfo/messages/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCompilationInfo.messages
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`messages`** read-only property of the
 {{domxref("GPUCompilationInfo")}} interface is an array of {{domxref("GPUCompilationMessage")}} objects, each one containing the details of an individual shader compilation message. Messages can be informational, warnings, or errors.
diff --git a/files/en-us/web/api/gpucompilationmessage/index.md b/files/en-us/web/api/gpucompilationmessage/index.md
index 88317ef91b52eb4..2c1c22b47a69c36 100644
--- a/files/en-us/web/api/gpucompilationmessage/index.md
+++ b/files/en-us/web/api/gpucompilationmessage/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUCompilationMessage
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUCompilationMessage`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a single informational, warning, or error message generated by the GPU shader module compiler.
 
diff --git a/files/en-us/web/api/gpucompilationmessage/length/index.md b/files/en-us/web/api/gpucompilationmessage/length/index.md
index 14153439ba278b7..67db0e2fcff5f29 100644
--- a/files/en-us/web/api/gpucompilationmessage/length/index.md
+++ b/files/en-us/web/api/gpucompilationmessage/length/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCompilationMessage.length
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`length`** read-only property of the
 {{domxref("GPUCompilationMessage")}} interface is a number representing the length of the substring that the message corresponds to.
diff --git a/files/en-us/web/api/gpucompilationmessage/linenum/index.md b/files/en-us/web/api/gpucompilationmessage/linenum/index.md
index 9e68470f249c0ce..7fabe002887c495 100644
--- a/files/en-us/web/api/gpucompilationmessage/linenum/index.md
+++ b/files/en-us/web/api/gpucompilationmessage/linenum/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCompilationMessage.lineNum
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`lineNum`** read-only property of the
 {{domxref("GPUCompilationMessage")}} interface is a number representing the line number in the shader code that the message corresponds to.
diff --git a/files/en-us/web/api/gpucompilationmessage/linepos/index.md b/files/en-us/web/api/gpucompilationmessage/linepos/index.md
index c2fcfec315f9806..f199df97892a022 100644
--- a/files/en-us/web/api/gpucompilationmessage/linepos/index.md
+++ b/files/en-us/web/api/gpucompilationmessage/linepos/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCompilationMessage.linePos
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`linePos`** read-only property of the
 {{domxref("GPUCompilationMessage")}} interface is a number representing the position in the code line that the message corresponds to. This could be an exact point, or the start of the relevant substring.
diff --git a/files/en-us/web/api/gpucompilationmessage/message/index.md b/files/en-us/web/api/gpucompilationmessage/message/index.md
index 7b5800325e7b13f..a6ab54a05f9a059 100644
--- a/files/en-us/web/api/gpucompilationmessage/message/index.md
+++ b/files/en-us/web/api/gpucompilationmessage/message/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCompilationMessage.message
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`message`** read-only property of the
 {{domxref("GPUCompilationMessage")}} interface is a string representing human-readable message text.
diff --git a/files/en-us/web/api/gpucompilationmessage/offset/index.md b/files/en-us/web/api/gpucompilationmessage/offset/index.md
index 5fed31c6314d701..b2462eefa7aab0a 100644
--- a/files/en-us/web/api/gpucompilationmessage/offset/index.md
+++ b/files/en-us/web/api/gpucompilationmessage/offset/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCompilationMessage.offset
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`offset`** read-only property of the
 {{domxref("GPUCompilationMessage")}} interface is a number representing the offset from the start of the shader code to the exact point, or the start of the relevant substring, that the message corresponds to.
diff --git a/files/en-us/web/api/gpucompilationmessage/type/index.md b/files/en-us/web/api/gpucompilationmessage/type/index.md
index 2e43110fcc8f37a..ee6d95f86006fdf 100644
--- a/files/en-us/web/api/gpucompilationmessage/type/index.md
+++ b/files/en-us/web/api/gpucompilationmessage/type/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUCompilationMessage.type
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`type`** read-only property of the
 {{domxref("GPUCompilationMessage")}} interface is an enumerated value representing the type of the message. Each type represents a different severity level.
diff --git a/files/en-us/web/api/gpucomputepassencoder/dispatchworkgroups/index.md b/files/en-us/web/api/gpucomputepassencoder/dispatchworkgroups/index.md
index 575a45d75427f1f..c7293b53591966f 100644
--- a/files/en-us/web/api/gpucomputepassencoder/dispatchworkgroups/index.md
+++ b/files/en-us/web/api/gpucomputepassencoder/dispatchworkgroups/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUComputePassEncoder.dispatchWorkgroups
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`dispatchWorkgroups()`** method of the
 {{domxref("GPUComputePassEncoder")}} interface dispatches a specific grid of workgroups to perform the work being done by the current {{domxref("GPUComputePipeline")}} (i.e. set via {{domxref("GPUComputePassEncoder.setPipeline()")}}).
diff --git a/files/en-us/web/api/gpucomputepassencoder/dispatchworkgroupsindirect/index.md b/files/en-us/web/api/gpucomputepassencoder/dispatchworkgroupsindirect/index.md
index f0de86d32a75718..7abc7ff06429f66 100644
--- a/files/en-us/web/api/gpucomputepassencoder/dispatchworkgroupsindirect/index.md
+++ b/files/en-us/web/api/gpucomputepassencoder/dispatchworkgroupsindirect/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUComputePassEncoder.dispatchWorkgroupsIndirect
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`dispatchWorkgroupsIndirect()`** method of the
 {{domxref("GPUComputePassEncoder")}} interface dispatches a grid of workgroups, defined by the parameters of a {{domxref("GPUBuffer")}}, to perform the work being done by the current {{domxref("GPUComputePipeline")}} (i.e. set via {{domxref("GPUComputePassEncoder.setPipeline()")}}).
diff --git a/files/en-us/web/api/gpucomputepassencoder/end/index.md b/files/en-us/web/api/gpucomputepassencoder/end/index.md
index 3c7cbb272d4803a..d2415bab9d9e1ec 100644
--- a/files/en-us/web/api/gpucomputepassencoder/end/index.md
+++ b/files/en-us/web/api/gpucomputepassencoder/end/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUComputePassEncoder.end
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`end()`** method of the
 {{domxref("GPUComputePassEncoder")}} interface completes recording of the current compute pass command sequence.
diff --git a/files/en-us/web/api/gpucomputepassencoder/index.md b/files/en-us/web/api/gpucomputepassencoder/index.md
index d1391040d504593..1770f95891c2e15 100644
--- a/files/en-us/web/api/gpucomputepassencoder/index.md
+++ b/files/en-us/web/api/gpucomputepassencoder/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUComputePassEncoder
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUComputePassEncoder`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} encodes commands related to controlling the compute shader stage, as issued by a {{domxref("GPUComputePipeline")}}. It forms part of the overall encoding activity of a {{domxref("GPUCommandEncoder")}}.
 
diff --git a/files/en-us/web/api/gpucomputepassencoder/insertdebugmarker/index.md b/files/en-us/web/api/gpucomputepassencoder/insertdebugmarker/index.md
index db182db7e387c55..25eef6b2ff2be46 100644
--- a/files/en-us/web/api/gpucomputepassencoder/insertdebugmarker/index.md
+++ b/files/en-us/web/api/gpucomputepassencoder/insertdebugmarker/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUComputePassEncoder.insertDebugMarker
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`insertDebugMarker()`** method of the
 {{domxref("GPUComputePassEncoder")}} interface marks a specific point in a series of encoded compute pass commands with a label.
diff --git a/files/en-us/web/api/gpucomputepassencoder/label/index.md b/files/en-us/web/api/gpucomputepassencoder/label/index.md
index 97278c6160235e3..68e377242b6d428 100644
--- a/files/en-us/web/api/gpucomputepassencoder/label/index.md
+++ b/files/en-us/web/api/gpucomputepassencoder/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUComputePassEncoder.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** read-only property of the
 {{domxref("GPUComputePassEncoder")}} interface is a string providing a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpucomputepassencoder/popdebuggroup/index.md b/files/en-us/web/api/gpucomputepassencoder/popdebuggroup/index.md
index 9538836f185d5ae..8ab848301a293af 100644
--- a/files/en-us/web/api/gpucomputepassencoder/popdebuggroup/index.md
+++ b/files/en-us/web/api/gpucomputepassencoder/popdebuggroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUComputePassEncoder.popDebugGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`popDebugGroup()`** method of the
 {{domxref("GPUComputePassEncoder")}} interface ends a compute pass debug group, which is begun with a {{domxref("GPUComputePassEncoder.pushDebugGroup", "pushDebugGroup()")}} call.
diff --git a/files/en-us/web/api/gpucomputepassencoder/pushdebuggroup/index.md b/files/en-us/web/api/gpucomputepassencoder/pushdebuggroup/index.md
index 4d74ecb02c4321a..84571c952cd1153 100644
--- a/files/en-us/web/api/gpucomputepassencoder/pushdebuggroup/index.md
+++ b/files/en-us/web/api/gpucomputepassencoder/pushdebuggroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUComputePassEncoder.pushDebugGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`pushDebugGroup()`** method of the
 {{domxref("GPUComputePassEncoder")}} interface begins a compute pass debug group, which is marked with a specified label, and will contain all subsequent encoded commands up until a {{domxref("GPUComputePassEncoder.popDebugGroup", "popDebugGroup()")}} method is invoked.
diff --git a/files/en-us/web/api/gpucomputepassencoder/setbindgroup/index.md b/files/en-us/web/api/gpucomputepassencoder/setbindgroup/index.md
index a0606f90dd9c4eb..82747e53134c5c5 100644
--- a/files/en-us/web/api/gpucomputepassencoder/setbindgroup/index.md
+++ b/files/en-us/web/api/gpucomputepassencoder/setbindgroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUComputePassEncoder.setBindGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setBindGroup()`** method of the
 {{domxref("GPUComputePassEncoder")}} interface sets the {{domxref("GPUBindGroup")}} to use for subsequent compute commands, for a given index.
diff --git a/files/en-us/web/api/gpucomputepassencoder/setpipeline/index.md b/files/en-us/web/api/gpucomputepassencoder/setpipeline/index.md
index 14b20dcda737021..5cebfe03e65f3f0 100644
--- a/files/en-us/web/api/gpucomputepassencoder/setpipeline/index.md
+++ b/files/en-us/web/api/gpucomputepassencoder/setpipeline/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUComputePassEncoder.setPipeline
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setPipeline()`** method of the
 {{domxref("GPUComputePassEncoder")}} interface sets the {{domxref("GPUComputePipeline")}} to use for this compute pass.
diff --git a/files/en-us/web/api/gpucomputepipeline/getbindgrouplayout/index.md b/files/en-us/web/api/gpucomputepipeline/getbindgrouplayout/index.md
index 0ec7b28ceb4c143..c77d2caccac4938 100644
--- a/files/en-us/web/api/gpucomputepipeline/getbindgrouplayout/index.md
+++ b/files/en-us/web/api/gpucomputepipeline/getbindgrouplayout/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUComputePipeline.getBindGroupLayout
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getBindGroupLayout()`** method of the
 {{domxref("GPUComputePipeline")}} interface returns the pipeline's {{domxref("GPUBindGroupLayout")}} object with the given index (i.e. included in the originating {{domxref("GPUDevice.createComputePipeline()")}} or {{domxref("GPUDevice.createComputePipelineAsync()")}} call's pipeline layout).
diff --git a/files/en-us/web/api/gpucomputepipeline/index.md b/files/en-us/web/api/gpucomputepipeline/index.md
index 0ef9ca4b794873f..5f5e77a70e469e1 100644
--- a/files/en-us/web/api/gpucomputepipeline/index.md
+++ b/files/en-us/web/api/gpucomputepipeline/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUComputePipeline
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUComputePipeline`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a pipeline that controls the compute shader stage and can be used in a {{domxref("GPUComputePassEncoder")}}.
 
diff --git a/files/en-us/web/api/gpucomputepipeline/label/index.md b/files/en-us/web/api/gpucomputepipeline/label/index.md
index cda2ec9342fb73f..66701351bf20d02 100644
--- a/files/en-us/web/api/gpucomputepipeline/label/index.md
+++ b/files/en-us/web/api/gpucomputepipeline/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUComputePipeline.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPUComputePipeline")}} interface provides a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpudevice/createbindgroup/index.md b/files/en-us/web/api/gpudevice/createbindgroup/index.md
index 43dd55b0c395bc8..e2fc050286f347f 100644
--- a/files/en-us/web/api/gpudevice/createbindgroup/index.md
+++ b/files/en-us/web/api/gpudevice/createbindgroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createBindGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createBindGroup()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPUBindGroup")}} based on a {{domxref("GPUBindGroupLayout")}} that defines a set of resources to be bound together in a group and how those resources are used in shader stages.
diff --git a/files/en-us/web/api/gpudevice/createbindgrouplayout/index.md b/files/en-us/web/api/gpudevice/createbindgrouplayout/index.md
index 97111edb8141c4c..b30a5d7f375badc 100644
--- a/files/en-us/web/api/gpudevice/createbindgrouplayout/index.md
+++ b/files/en-us/web/api/gpudevice/createbindgrouplayout/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createBindGroupLayout
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createBindGroupLayout()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPUBindGroupLayout")}} that defines the structure and purpose of related GPU resources such as buffers that will be used in a pipeline, and is used as a template when creating {{domxref("GPUBindGroup")}}s.
diff --git a/files/en-us/web/api/gpudevice/createbuffer/index.md b/files/en-us/web/api/gpudevice/createbuffer/index.md
index bc3a00da46639f4..0142c65a53955ff 100644
--- a/files/en-us/web/api/gpudevice/createbuffer/index.md
+++ b/files/en-us/web/api/gpudevice/createbuffer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createBuffer
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createBuffer()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPUBuffer")}} in which to store raw data to use in GPU operations.
diff --git a/files/en-us/web/api/gpudevice/createcommandencoder/index.md b/files/en-us/web/api/gpudevice/createcommandencoder/index.md
index 06d06e344427eb1..ff90c6d2781ec86 100644
--- a/files/en-us/web/api/gpudevice/createcommandencoder/index.md
+++ b/files/en-us/web/api/gpudevice/createcommandencoder/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createCommandEncoder
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createCommandEncoder()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPUCommandEncoder")}}, used to encode commands to be issued to the GPU.
diff --git a/files/en-us/web/api/gpudevice/createcomputepipeline/index.md b/files/en-us/web/api/gpudevice/createcomputepipeline/index.md
index 84f4114153a0b4d..3d0ae31f219686f 100644
--- a/files/en-us/web/api/gpudevice/createcomputepipeline/index.md
+++ b/files/en-us/web/api/gpudevice/createcomputepipeline/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createComputePipeline
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createComputePipeline()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPUComputePipeline")}} that can control the compute shader stage and be used in a {{domxref("GPUComputePassEncoder")}}.
diff --git a/files/en-us/web/api/gpudevice/createcomputepipelineasync/index.md b/files/en-us/web/api/gpudevice/createcomputepipelineasync/index.md
index 7b2685b97c056f2..9a0e85ba0114db9 100644
--- a/files/en-us/web/api/gpudevice/createcomputepipelineasync/index.md
+++ b/files/en-us/web/api/gpudevice/createcomputepipelineasync/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createComputePipelineAsync
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createComputePipelineAsync()`** method of the
 {{domxref("GPUDevice")}} interface returns a {{jsxref("Promise")}} that fulfills with a {{domxref("GPUComputePipeline")}}, which can control the compute shader stage and be used in a {{domxref("GPUComputePassEncoder")}}, once the pipeline can be used without any stalling.
diff --git a/files/en-us/web/api/gpudevice/createpipelinelayout/index.md b/files/en-us/web/api/gpudevice/createpipelinelayout/index.md
index b145befd1d6c116..26593e27632677a 100644
--- a/files/en-us/web/api/gpudevice/createpipelinelayout/index.md
+++ b/files/en-us/web/api/gpudevice/createpipelinelayout/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createPipelineLayout
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createPipelineLayout()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPUPipelineLayout")}} that defines the {{domxref("GPUBindGroupLayout")}}s used by a pipeline. {{domxref("GPUBindGroup")}}s used with the pipeline during command encoding must have compatible {{domxref("GPUBindGroupLayout")}}s.
diff --git a/files/en-us/web/api/gpudevice/createqueryset/index.md b/files/en-us/web/api/gpudevice/createqueryset/index.md
index 70aadd980741631..62f1d26a1babfd5 100644
--- a/files/en-us/web/api/gpudevice/createqueryset/index.md
+++ b/files/en-us/web/api/gpudevice/createqueryset/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createQuerySet
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createQuerySet()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPUQuerySet")}} that can be used to record the results of queries on passes, such as occlusion or timestamp queries.
diff --git a/files/en-us/web/api/gpudevice/createrenderbundleencoder/index.md b/files/en-us/web/api/gpudevice/createrenderbundleencoder/index.md
index 4aa9c95dc25a29a..f37a34e177b5de1 100644
--- a/files/en-us/web/api/gpudevice/createrenderbundleencoder/index.md
+++ b/files/en-us/web/api/gpudevice/createrenderbundleencoder/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createRenderBundleEncoder
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createRenderBundleEncoder()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPURenderBundleEncoder")}} that can be used to pre-record bundles of commands. These can be reused in {{domxref("GPURenderPassEncoder")}}s via the {{domxref("GPURenderPassEncoder.executeBundles", "executeBundles()")}} method, as many times as required.
diff --git a/files/en-us/web/api/gpudevice/createrenderpipeline/index.md b/files/en-us/web/api/gpudevice/createrenderpipeline/index.md
index 801a6278e69c1ac..f383ba1bc14bbac 100644
--- a/files/en-us/web/api/gpudevice/createrenderpipeline/index.md
+++ b/files/en-us/web/api/gpudevice/createrenderpipeline/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createRenderPipeline
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createRenderPipeline()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPURenderPipeline")}} that can control the vertex and fragment shader stages and be used in a {{domxref("GPURenderPassEncoder")}} or {{domxref("GPURenderBundleEncoder")}}.
diff --git a/files/en-us/web/api/gpudevice/createrenderpipelineasync/index.md b/files/en-us/web/api/gpudevice/createrenderpipelineasync/index.md
index 8dc37eb3abac05c..55dd6f133e7da17 100644
--- a/files/en-us/web/api/gpudevice/createrenderpipelineasync/index.md
+++ b/files/en-us/web/api/gpudevice/createrenderpipelineasync/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createRenderPipelineAsync
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createRenderPipelineAsync()`** method of the
 {{domxref("GPUDevice")}} interface returns a {{jsxref("Promise")}} that fulfills with a {{domxref("GPURenderPipeline")}}, which can control the vertex and fragment shader stages and be used in a {{domxref("GPURenderPassEncoder")}} or {{domxref("GPURenderBundleEncoder")}}, once the pipeline can be used without any stalling.
diff --git a/files/en-us/web/api/gpudevice/createsampler/index.md b/files/en-us/web/api/gpudevice/createsampler/index.md
index 6b23236866bd901..d68c88f5b342ad1 100644
--- a/files/en-us/web/api/gpudevice/createsampler/index.md
+++ b/files/en-us/web/api/gpudevice/createsampler/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createSampler
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createSampler()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPUSampler")}}, which controls how shaders transform and filter texture resource data.
diff --git a/files/en-us/web/api/gpudevice/createshadermodule/index.md b/files/en-us/web/api/gpudevice/createshadermodule/index.md
index d6698ff259e32a3..2d607950bc800ca 100644
--- a/files/en-us/web/api/gpudevice/createshadermodule/index.md
+++ b/files/en-us/web/api/gpudevice/createshadermodule/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createShaderModule
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createShaderModule()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPUShaderModule")}} from a string of [WGSL](https://gpuweb.github.io/gpuweb/wgsl/) source code.
diff --git a/files/en-us/web/api/gpudevice/createtexture/index.md b/files/en-us/web/api/gpudevice/createtexture/index.md
index baa96c85d15daed..9c5b1e90e452042 100644
--- a/files/en-us/web/api/gpudevice/createtexture/index.md
+++ b/files/en-us/web/api/gpudevice/createtexture/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.createTexture
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createTexture()`** method of the
 {{domxref("GPUDevice")}} interface creates a {{domxref("GPUTexture")}} in which to store 1D, 2D, or 3D arrays of data, such as images, to use in GPU rendering operations.
diff --git a/files/en-us/web/api/gpudevice/destroy/index.md b/files/en-us/web/api/gpudevice/destroy/index.md
index a5cf1bc8e3fe796..958e9b5ce546a60 100644
--- a/files/en-us/web/api/gpudevice/destroy/index.md
+++ b/files/en-us/web/api/gpudevice/destroy/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.destroy
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`destroy()`** method of the
 {{domxref("GPUDevice")}} interface destroys the device, preventing further operations on it.
diff --git a/files/en-us/web/api/gpudevice/features/index.md b/files/en-us/web/api/gpudevice/features/index.md
index c265fc7c10d5244..24a81b5dd374109 100644
--- a/files/en-us/web/api/gpudevice/features/index.md
+++ b/files/en-us/web/api/gpudevice/features/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.features
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`features`** read-only property of the
 {{domxref("GPUDevice")}} interface returns a {{domxref("GPUSupportedFeatures")}} object that describes additional functionality supported by the device. Only features requested during the creation of the device (i.e. when {{domxref("GPUAdapter.requestDevice()")}} is called) are included.
diff --git a/files/en-us/web/api/gpudevice/importexternaltexture/index.md b/files/en-us/web/api/gpudevice/importexternaltexture/index.md
index 4f8b0c90de9203a..b2494e4b66d977c 100644
--- a/files/en-us/web/api/gpudevice/importexternaltexture/index.md
+++ b/files/en-us/web/api/gpudevice/importexternaltexture/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.importExternalTexture
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`importExternalTexture()`** method of the
 {{domxref("GPUDevice")}} interface takes an {{domxref("HTMLVideoElement")}} or a {{domxref("VideoFrame")}} object as an input and returns a {{domxref("GPUExternalTexture")}} wrapper object containing a snapshot of the video that can be used as a frame in GPU rendering operations.
diff --git a/files/en-us/web/api/gpudevice/index.md b/files/en-us/web/api/gpudevice/index.md
index c95e87df0133cba..08f0ed7f4dbb57f 100644
--- a/files/en-us/web/api/gpudevice/index.md
+++ b/files/en-us/web/api/gpudevice/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUDevice
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUDevice`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a logical GPU device. This is the main interface through which the majority of WebGPU functionality is accessed.
 
diff --git a/files/en-us/web/api/gpudevice/label/index.md b/files/en-us/web/api/gpudevice/label/index.md
index aebce580b4d3ba2..4e4e08b25dabc81 100644
--- a/files/en-us/web/api/gpudevice/label/index.md
+++ b/files/en-us/web/api/gpudevice/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** read-only property of the
 {{domxref("GPUDevice")}} interface is a string providing a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpudevice/limits/index.md b/files/en-us/web/api/gpudevice/limits/index.md
index b4e88fb7c29e8db..9de57446dd582f3 100644
--- a/files/en-us/web/api/gpudevice/limits/index.md
+++ b/files/en-us/web/api/gpudevice/limits/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.limits
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`limits`** read-only property of the
 {{domxref("GPUDevice")}} interface returns a {{domxref("GPUSupportedLimits")}} object that describes the limits supported by the device. All limit values will be included, and the limits requested during the creation of the device (i.e. when {{domxref("GPUAdapter.requestDevice()")}} is called) will be reflected in those values.
diff --git a/files/en-us/web/api/gpudevice/lost/index.md b/files/en-us/web/api/gpudevice/lost/index.md
index 10fda658b53c7c5..500d2bd54dc2997 100644
--- a/files/en-us/web/api/gpudevice/lost/index.md
+++ b/files/en-us/web/api/gpudevice/lost/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.lost
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`lost`** read-only property of the
 {{domxref("GPUDevice")}} interface contains a {{jsxref("Promise")}} that remains pending throughout the device's lifetime and resolves with a {{domxref("GPUDeviceLostInfo")}} object when the device is lost.
diff --git a/files/en-us/web/api/gpudevice/poperrorscope/index.md b/files/en-us/web/api/gpudevice/poperrorscope/index.md
index 2620fb4f00206ee..292999d64cc0aa0 100644
--- a/files/en-us/web/api/gpudevice/poperrorscope/index.md
+++ b/files/en-us/web/api/gpudevice/poperrorscope/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.popErrorScope
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`popErrorScope()`** method of the
 {{domxref("GPUDevice")}} interface pops an existing GPU error scope from the error scope stack (originally pushed using {{domxref("GPUDevice.pushErrorScope()")}}) and returns a {{jsxref("Promise")}} that resolves to an object describing the first error captured in the scope, or `null` if no error occurred.
diff --git a/files/en-us/web/api/gpudevice/pusherrorscope/index.md b/files/en-us/web/api/gpudevice/pusherrorscope/index.md
index 47080d245897054..3b6d96482478251 100644
--- a/files/en-us/web/api/gpudevice/pusherrorscope/index.md
+++ b/files/en-us/web/api/gpudevice/pusherrorscope/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.pushErrorScope
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`pushErrorScope()`** method of the
 {{domxref("GPUDevice")}} interface pushes a new GPU error scope onto the device's error scope stack, allowing you to capture errors of a particular type.
diff --git a/files/en-us/web/api/gpudevice/queue/index.md b/files/en-us/web/api/gpudevice/queue/index.md
index 048716b59377746..fded4ec19fc0190 100644
--- a/files/en-us/web/api/gpudevice/queue/index.md
+++ b/files/en-us/web/api/gpudevice/queue/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.queue
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`queue`** read-only property of the
 {{domxref("GPUDevice")}} interface returns the primary {{domxref("GPUQueue")}} for the device.
diff --git a/files/en-us/web/api/gpudevice/uncapturederror_event/index.md b/files/en-us/web/api/gpudevice/uncapturederror_event/index.md
index 3a12afc85ff26f1..753086529be7e86 100644
--- a/files/en-us/web/api/gpudevice/uncapturederror_event/index.md
+++ b/files/en-us/web/api/gpudevice/uncapturederror_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDevice.uncapturederror_event
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`uncapturederror`** event of the {{domxref("GPUDevice")}} interface is fired when an error is thrown that has not been observed by a GPU error scope, to provide a way to report unexpected errors.
 
diff --git a/files/en-us/web/api/gpudevicelostinfo/index.md b/files/en-us/web/api/gpudevicelostinfo/index.md
index 81b5677bb86d049..a8616bd18275e47 100644
--- a/files/en-us/web/api/gpudevicelostinfo/index.md
+++ b/files/en-us/web/api/gpudevicelostinfo/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUDeviceLostInfo
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUDeviceLostInfo`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents the object returned when the {{domxref("GPUDevice.lost")}} {{jsxref("Promise")}} resolves. This provides information as to why a device has been lost.
 
diff --git a/files/en-us/web/api/gpudevicelostinfo/message/index.md b/files/en-us/web/api/gpudevicelostinfo/message/index.md
index da73397d3b5cfd2..a1beda50999841e 100644
--- a/files/en-us/web/api/gpudevicelostinfo/message/index.md
+++ b/files/en-us/web/api/gpudevicelostinfo/message/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDeviceLostInfo.message
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`message`** read-only property of the
 {{domxref("GPUDeviceLostInfo")}} interface provides a human-readable message that explains why the device was lost.
diff --git a/files/en-us/web/api/gpudevicelostinfo/reason/index.md b/files/en-us/web/api/gpudevicelostinfo/reason/index.md
index e83cabec097e315..ab1d5a2459fa0c2 100644
--- a/files/en-us/web/api/gpudevicelostinfo/reason/index.md
+++ b/files/en-us/web/api/gpudevicelostinfo/reason/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUDeviceLostInfo.reason
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`reason`** read-only property of the
 {{domxref("GPUDeviceLostInfo")}} interface defines the reason the device was lost in a machine-readable way.
diff --git a/files/en-us/web/api/gpuerror/index.md b/files/en-us/web/api/gpuerror/index.md
index dc14f0166c3e55d..b497e875fe56960 100644
--- a/files/en-us/web/api/gpuerror/index.md
+++ b/files/en-us/web/api/gpuerror/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUError
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUError`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} is the base interface for errors surfaced by {{domxref("GPUDevice.popErrorScope")}} and the {{domxref("GPUDevice.uncapturederror_event", "uncapturederror")}} event.
 
diff --git a/files/en-us/web/api/gpuerror/message/index.md b/files/en-us/web/api/gpuerror/message/index.md
index 62ee662bf9a6334..3219735223c3b17 100644
--- a/files/en-us/web/api/gpuerror/message/index.md
+++ b/files/en-us/web/api/gpuerror/message/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUError.message
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`message`** read-only property of the
 {{domxref("GPUError")}} interface provides a human-readable message that explains why the error occurred.
diff --git a/files/en-us/web/api/gpuexternaltexture/index.md b/files/en-us/web/api/gpuexternaltexture/index.md
index 1b57bbcdecd763c..6d476df67a90b50 100644
--- a/files/en-us/web/api/gpuexternaltexture/index.md
+++ b/files/en-us/web/api/gpuexternaltexture/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUExternalTexture
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUExternalTexture`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a wrapper object containing an {{domxref("HTMLVideoElement")}} snapshot that can be used as a texture in GPU rendering operations.
 
diff --git a/files/en-us/web/api/gpuexternaltexture/label/index.md b/files/en-us/web/api/gpuexternaltexture/label/index.md
index 6c491fc4fb5345b..ac47a6541f2306b 100644
--- a/files/en-us/web/api/gpuexternaltexture/label/index.md
+++ b/files/en-us/web/api/gpuexternaltexture/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUExternalTexture.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPUExternalTexture")}} interface provides a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpuinternalerror/gpuinternalerror/index.md b/files/en-us/web/api/gpuinternalerror/gpuinternalerror/index.md
index 784e2490bebb055..3333bcd1c9bb161 100644
--- a/files/en-us/web/api/gpuinternalerror/gpuinternalerror/index.md
+++ b/files/en-us/web/api/gpuinternalerror/gpuinternalerror/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUInternalError.GPUInternalError
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUInternalError()`** constructor creates a new
 {{domxref("GPUInternalError")}} object instance.
diff --git a/files/en-us/web/api/gpuinternalerror/index.md b/files/en-us/web/api/gpuinternalerror/index.md
index 5329f501c8fb044..6adb0a8a85cd3d6 100644
--- a/files/en-us/web/api/gpuinternalerror/index.md
+++ b/files/en-us/web/api/gpuinternalerror/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUInternalError
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUInternalError`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} describes an application error indicating that an operation did not pass the WebGPU API's validation constraints.
 
diff --git a/files/en-us/web/api/gpuoutofmemoryerror/gpuoutofmemoryerror/index.md b/files/en-us/web/api/gpuoutofmemoryerror/gpuoutofmemoryerror/index.md
index fb1cfb0f6098764..8f6ef7102d4e5a3 100644
--- a/files/en-us/web/api/gpuoutofmemoryerror/gpuoutofmemoryerror/index.md
+++ b/files/en-us/web/api/gpuoutofmemoryerror/gpuoutofmemoryerror/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUOutOfMemoryError.GPUOutOfMemoryError
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUOutOfMemoryError()`** constructor creates a new
 {{domxref("GPUOutOfMemoryError")}} object instance.
diff --git a/files/en-us/web/api/gpuoutofmemoryerror/index.md b/files/en-us/web/api/gpuoutofmemoryerror/index.md
index 00d19030947a193..20a1723c6002e3d 100644
--- a/files/en-us/web/api/gpuoutofmemoryerror/index.md
+++ b/files/en-us/web/api/gpuoutofmemoryerror/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUOutOfMemoryError
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUOutOfMemoryError`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} describes an out-of-memory (oom) error indicating that there was not enough free memory to complete the requested operation.
 
diff --git a/files/en-us/web/api/gpupipelineerror/gpupipelineerror/index.md b/files/en-us/web/api/gpupipelineerror/gpupipelineerror/index.md
index 5864e536db718f9..9363a2d793fc6e4 100644
--- a/files/en-us/web/api/gpupipelineerror/gpupipelineerror/index.md
+++ b/files/en-us/web/api/gpupipelineerror/gpupipelineerror/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUPipelineError.GPUPipelineError
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUPipelineError()`** constructor creates a new
 {{domxref("GPUPipelineError")}} object instance.
diff --git a/files/en-us/web/api/gpupipelineerror/index.md b/files/en-us/web/api/gpupipelineerror/index.md
index 3ffb96a46d2830b..c706461bf8e3e3d 100644
--- a/files/en-us/web/api/gpupipelineerror/index.md
+++ b/files/en-us/web/api/gpupipelineerror/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUPipelineError
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUPipelineError`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} describes a pipeline failure. This is the value received when a {{jsxref("Promise")}} returned by a {{domxref("GPUDevice.createComputePipelineAsync()")}} or {{domxref("GPUDevice.createRenderPipelineAsync()")}} call rejects.
 
diff --git a/files/en-us/web/api/gpupipelineerror/reason/index.md b/files/en-us/web/api/gpupipelineerror/reason/index.md
index beeb9c17671b0bd..b614d9b6102bff8 100644
--- a/files/en-us/web/api/gpupipelineerror/reason/index.md
+++ b/files/en-us/web/api/gpupipelineerror/reason/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUPipelineError.reason
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`reason`** read-only property of the
 {{domxref("GPUPipelineError")}} interface defines the reason the pipeline creation failed in a machine-readable way.
diff --git a/files/en-us/web/api/gpupipelinelayout/index.md b/files/en-us/web/api/gpupipelinelayout/index.md
index f499ea116b8069e..1b5e74d79121dee 100644
--- a/files/en-us/web/api/gpupipelinelayout/index.md
+++ b/files/en-us/web/api/gpupipelinelayout/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUPipelineLayout
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUPipelineLayout`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} defines the {{domxref("GPUBindGroupLayout")}}s used by a pipeline. {{domxref("GPUBindGroup")}}s used with the pipeline during command encoding must have compatible {{domxref("GPUBindGroupLayout")}}s.
 
diff --git a/files/en-us/web/api/gpupipelinelayout/label/index.md b/files/en-us/web/api/gpupipelinelayout/label/index.md
index 3883b5463843173..fba217d6ac09032 100644
--- a/files/en-us/web/api/gpupipelinelayout/label/index.md
+++ b/files/en-us/web/api/gpupipelinelayout/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUPipelineLayout.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPUPipelineLayout")}} interface provides a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpuqueryset/count/index.md b/files/en-us/web/api/gpuqueryset/count/index.md
index e9b338fca7b25ae..a92466ec5ef02f7 100644
--- a/files/en-us/web/api/gpuqueryset/count/index.md
+++ b/files/en-us/web/api/gpuqueryset/count/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUQuerySet.count
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`count`** read-only property of the
 {{domxref("GPUQuerySet")}} interface is a number specifying the number of queries managed by the `GPUQuerySet`.
diff --git a/files/en-us/web/api/gpuqueryset/destroy/index.md b/files/en-us/web/api/gpuqueryset/destroy/index.md
index 36e76d3e53e5c85..d28e098e195a01e 100644
--- a/files/en-us/web/api/gpuqueryset/destroy/index.md
+++ b/files/en-us/web/api/gpuqueryset/destroy/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUQuerySet.destroy
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`destroy()`** method of the
 {{domxref("GPUQuerySet")}} interface destroys the `GPUQuerySet`.
diff --git a/files/en-us/web/api/gpuqueryset/index.md b/files/en-us/web/api/gpuqueryset/index.md
index 8b13bd0b6a44b15..2bb769654fd4043 100644
--- a/files/en-us/web/api/gpuqueryset/index.md
+++ b/files/en-us/web/api/gpuqueryset/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUQuerySet
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUQuerySet`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} is used to record the results of queries on passes, such as occlusion or timestamp queries.
 
diff --git a/files/en-us/web/api/gpuqueryset/label/index.md b/files/en-us/web/api/gpuqueryset/label/index.md
index 9f35ad6fe3c4999..858edc2c69eadc8 100644
--- a/files/en-us/web/api/gpuqueryset/label/index.md
+++ b/files/en-us/web/api/gpuqueryset/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUQuerySet.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPUQuerySet")}} interface is a string providing a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpuqueryset/type/index.md b/files/en-us/web/api/gpuqueryset/type/index.md
index 728c0cf3a931269..5ebfbd142272997 100644
--- a/files/en-us/web/api/gpuqueryset/type/index.md
+++ b/files/en-us/web/api/gpuqueryset/type/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUQuerySet.type
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`type`** read-only property of the
 {{domxref("GPUQuerySet")}} interface is an enumerated value specifying the type of queries managed by the `GPUQuerySet`.
diff --git a/files/en-us/web/api/gpuqueue/copyexternalimagetotexture/index.md b/files/en-us/web/api/gpuqueue/copyexternalimagetotexture/index.md
index 2ff28c1fd1133c9..6d7723618cb3143 100644
--- a/files/en-us/web/api/gpuqueue/copyexternalimagetotexture/index.md
+++ b/files/en-us/web/api/gpuqueue/copyexternalimagetotexture/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUQueue.copyExternalImageToTexture
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`copyExternalImageToTexture()`** method of the
 {{domxref("GPUQueue")}} interface copies a snapshot taken from a source image, video, or canvas into a given {{domxref("GPUTexture")}}.
diff --git a/files/en-us/web/api/gpuqueue/index.md b/files/en-us/web/api/gpuqueue/index.md
index e1c66df48343312..7b0a4a97dbf8be1 100644
--- a/files/en-us/web/api/gpuqueue/index.md
+++ b/files/en-us/web/api/gpuqueue/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUQueue
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUQueue`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} controls execution of encoded commands on the GPU.
 
diff --git a/files/en-us/web/api/gpuqueue/label/index.md b/files/en-us/web/api/gpuqueue/label/index.md
index 0432f0b8807abb2..7ff9e225a525e04 100644
--- a/files/en-us/web/api/gpuqueue/label/index.md
+++ b/files/en-us/web/api/gpuqueue/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUQueue.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** read-only property of the
 {{domxref("GPUQueue")}} interface is a string providing a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpuqueue/onsubmittedworkdone/index.md b/files/en-us/web/api/gpuqueue/onsubmittedworkdone/index.md
index 591cbe9131d1795..bcaea21ea79f3b2 100644
--- a/files/en-us/web/api/gpuqueue/onsubmittedworkdone/index.md
+++ b/files/en-us/web/api/gpuqueue/onsubmittedworkdone/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUQueue.onSubmittedWorkDone
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`onSubmittedWorkDone()`** method of the
 {{domxref("GPUQueue")}} interface returns a {{jsxref("Promise")}} that resolves when all the work submitted to the GPU via this `GPUQueue` at the point the method is called has been processed.
diff --git a/files/en-us/web/api/gpuqueue/submit/index.md b/files/en-us/web/api/gpuqueue/submit/index.md
index 7513ffc95853d90..58f45ae1bfe1060 100644
--- a/files/en-us/web/api/gpuqueue/submit/index.md
+++ b/files/en-us/web/api/gpuqueue/submit/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUQueue.submit
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`submit()`** method of the
 {{domxref("GPUQueue")}} interface schedules the execution of command buffers represented by one or more {{domxref("GPUCommandBuffer")}} objects by the GPU.
diff --git a/files/en-us/web/api/gpuqueue/writebuffer/index.md b/files/en-us/web/api/gpuqueue/writebuffer/index.md
index eef047963a77dbe..63f5cb928df8015 100644
--- a/files/en-us/web/api/gpuqueue/writebuffer/index.md
+++ b/files/en-us/web/api/gpuqueue/writebuffer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUQueue.writeBuffer
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`writeBuffer()`** method of the
 {{domxref("GPUQueue")}} interface writes a provided data source into a given {{domxref("GPUBuffer")}}.
diff --git a/files/en-us/web/api/gpuqueue/writetexture/index.md b/files/en-us/web/api/gpuqueue/writetexture/index.md
index 712857f5a93902d..2effda1fb3f9a12 100644
--- a/files/en-us/web/api/gpuqueue/writetexture/index.md
+++ b/files/en-us/web/api/gpuqueue/writetexture/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUQueue.writeTexture
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`writeTexture()`** method of the
 {{domxref("GPUQueue")}} interface writes a provided data source into a given {{domxref("GPUTexture")}}.
diff --git a/files/en-us/web/api/gpurenderbundle/index.md b/files/en-us/web/api/gpurenderbundle/index.md
index 5fa54aa4a09c32e..697457e59223ee4 100644
--- a/files/en-us/web/api/gpurenderbundle/index.md
+++ b/files/en-us/web/api/gpurenderbundle/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPURenderBundle
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPURenderBundle`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a container for pre-recorded bundles of commands.
 
diff --git a/files/en-us/web/api/gpurenderbundle/label/index.md b/files/en-us/web/api/gpurenderbundle/label/index.md
index 693e55d1a9803ab..ef136c185938a3c 100644
--- a/files/en-us/web/api/gpurenderbundle/label/index.md
+++ b/files/en-us/web/api/gpurenderbundle/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundle.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** read-only property of the
 {{domxref("GPURenderBundle")}} interface is a string providing a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/draw/index.md b/files/en-us/web/api/gpurenderbundleencoder/draw/index.md
index 04059767d5accc7..6c71756323ee047 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/draw/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/draw/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.draw
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`draw()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface draws primitives based on the vertex buffers provided by {{domxref("GPURenderBundleEncoder.setVertexBuffer", "setVertexBuffer()")}}.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/drawindexed/index.md b/files/en-us/web/api/gpurenderbundleencoder/drawindexed/index.md
index 8328361b324c81c..dd09ed8a17421a5 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/drawindexed/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/drawindexed/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.drawIndexed
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`drawIndexed()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface draws indexed primitives based on the vertex and index buffers provided by {{domxref("GPURenderBundleEncoder.setVertexBuffer", "setVertexBuffer()")}} and {{domxref("GPURenderBundleEncoder.setIndexBuffer", "setIndexBuffer()")}}.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/drawindexedindirect/index.md b/files/en-us/web/api/gpurenderbundleencoder/drawindexedindirect/index.md
index db393b1fafbaa8c..bbd05adbddd8282 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/drawindexedindirect/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/drawindexedindirect/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.drawIndexedIndirect
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`drawIndexedIndirect()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface draws indexed primitives using parameters read from a {{domxref("GPUBuffer")}}.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/drawindirect/index.md b/files/en-us/web/api/gpurenderbundleencoder/drawindirect/index.md
index 4c9562c107184bd..fc5e1062dffb48f 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/drawindirect/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/drawindirect/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.drawIndirect
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`drawIndirect()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface draws primitives using parameters read from a {{domxref("GPUBuffer")}}.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/finish/index.md b/files/en-us/web/api/gpurenderbundleencoder/finish/index.md
index 9f2fc284379c4af..445af1063baefcd 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/finish/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/finish/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.finish
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`finish()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface completes recording of the current render bundle command sequence, returning a {{domxref("GPURenderBundle")}} object that can be passed into a {{domxref("GPURenderPassEncoder.executeBundles()")}} call to execute those commands in a specific render pass.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/index.md b/files/en-us/web/api/gpurenderbundleencoder/index.md
index 838055ab6565cd7..05436521813cfa7 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPURenderBundleEncoder`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} is used to pre-record bundles of commands.
 
diff --git a/files/en-us/web/api/gpurenderbundleencoder/insertdebugmarker/index.md b/files/en-us/web/api/gpurenderbundleencoder/insertdebugmarker/index.md
index c70f562c6659cbd..29a7928d17197b2 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/insertdebugmarker/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/insertdebugmarker/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.insertDebugMarker
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`insertDebugMarker()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface marks a specific point in a series of encoded render bundle pass commands with a label.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/label/index.md b/files/en-us/web/api/gpurenderbundleencoder/label/index.md
index d1e7f2eb5de7bfe..e8537789baa4f50 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/label/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** read-only property of the
 {{domxref("GPURenderBundleEncoder")}} interface is a string providing a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/popdebuggroup/index.md b/files/en-us/web/api/gpurenderbundleencoder/popdebuggroup/index.md
index d7316f4d484f99f..164c1e21411e77a 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/popdebuggroup/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/popdebuggroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.popDebugGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`popDebugGroup()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface ends a render bundle debug group, which is begun with a {{domxref("GPURenderBundleEncoder.pushDebugGroup", "pushDebugGroup()")}} call.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/pushdebuggroup/index.md b/files/en-us/web/api/gpurenderbundleencoder/pushdebuggroup/index.md
index d9ed2edd8d51ec7..394174e44f9f51b 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/pushdebuggroup/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/pushdebuggroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.pushDebugGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`pushDebugGroup()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface begins a render bundle debug group, which is marked with a specified label, and will contain all subsequent encoded commands up until a {{domxref("GPURenderBundleEncoder.popDebugGroup", "popDebugGroup()")}} method is invoked.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/setbindgroup/index.md b/files/en-us/web/api/gpurenderbundleencoder/setbindgroup/index.md
index c32ae863b0a65d7..78b53b123aa29f8 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/setbindgroup/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/setbindgroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.setBindGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setBindGroup()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface sets the {{domxref("GPUBindGroup")}} to use for subsequent render bundle commands, for a given index.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/setindexbuffer/index.md b/files/en-us/web/api/gpurenderbundleencoder/setindexbuffer/index.md
index 6d0498631055bf8..4c52ba607f14f2c 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/setindexbuffer/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/setindexbuffer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.setIndexBuffer
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setIndexBuffer()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface sets the current {{domxref("GPUBuffer")}} that will provide index data for subsequent drawing commands.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/setpipeline/index.md b/files/en-us/web/api/gpurenderbundleencoder/setpipeline/index.md
index d384d274967ad51..8c346abe1b0afbd 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/setpipeline/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/setpipeline/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.setPipeline
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setPipeline()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface sets the {{domxref("GPURenderPipeline")}} to use for subsequent render bundle commands.
diff --git a/files/en-us/web/api/gpurenderbundleencoder/setvertexbuffer/index.md b/files/en-us/web/api/gpurenderbundleencoder/setvertexbuffer/index.md
index 454c552eec14c27..e3fa3afeb0e3a85 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/setvertexbuffer/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/setvertexbuffer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderBundleEncoder.setVertexBuffer
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setVertexBuffer()`** method of the
 {{domxref("GPURenderBundleEncoder")}} interface sets or unsets the current {{domxref("GPUBuffer")}} for the given slot that will provide vertex data for subsequent drawing commands.
diff --git a/files/en-us/web/api/gpurenderpassencoder/beginocclusionquery/index.md b/files/en-us/web/api/gpurenderpassencoder/beginocclusionquery/index.md
index 9e82884442eeef6..26aa4d48e44a4d2 100644
--- a/files/en-us/web/api/gpurenderpassencoder/beginocclusionquery/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/beginocclusionquery/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.beginOcclusionQuery
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`beginOcclusionQuery()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface begins an occlusion query at the specified index of the relevant {{domxref("GPUQuerySet")}} (provided as the value of the `occlusionQuerySet` descriptor property when invoking {{domxref("GPUCommandEncoder.beginRenderPass()")}} to run the render pass).
diff --git a/files/en-us/web/api/gpurenderpassencoder/draw/index.md b/files/en-us/web/api/gpurenderpassencoder/draw/index.md
index 0a23bcfa519626a..a4a0d8dfac5cfe6 100644
--- a/files/en-us/web/api/gpurenderpassencoder/draw/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/draw/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.draw
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`draw()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface draws primitives based on the vertex buffers provided by {{domxref("GPURenderPassEncoder.setVertexBuffer", "setVertexBuffer()")}}.
diff --git a/files/en-us/web/api/gpurenderpassencoder/drawindexed/index.md b/files/en-us/web/api/gpurenderpassencoder/drawindexed/index.md
index b8fc5970b73e6c6..d8249558eedbd62 100644
--- a/files/en-us/web/api/gpurenderpassencoder/drawindexed/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/drawindexed/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.drawIndexed
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`drawIndexed()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface draws indexed primitives based on the vertex and index buffers provided by {{domxref("GPURenderPassEncoder.setVertexBuffer", "setVertexBuffer()")}} and {{domxref("GPURenderPassEncoder.setIndexBuffer", "setIndexBuffer()")}}.
diff --git a/files/en-us/web/api/gpurenderpassencoder/drawindexedindirect/index.md b/files/en-us/web/api/gpurenderpassencoder/drawindexedindirect/index.md
index cc5258f53e05ed5..3f38f056749bef5 100644
--- a/files/en-us/web/api/gpurenderpassencoder/drawindexedindirect/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/drawindexedindirect/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.drawIndexedIndirect
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`drawIndexedIndirect()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface draws indexed primitives using parameters read from a {{domxref("GPUBuffer")}}.
diff --git a/files/en-us/web/api/gpurenderpassencoder/drawindirect/index.md b/files/en-us/web/api/gpurenderpassencoder/drawindirect/index.md
index 00fb06e9717ba15..938b21e90c7a018 100644
--- a/files/en-us/web/api/gpurenderpassencoder/drawindirect/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/drawindirect/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.drawIndirect
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`drawIndirect()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface draws primitives using parameters read from a {{domxref("GPUBuffer")}}.
diff --git a/files/en-us/web/api/gpurenderpassencoder/end/index.md b/files/en-us/web/api/gpurenderpassencoder/end/index.md
index adde68aad133604..1f1a389bb693213 100644
--- a/files/en-us/web/api/gpurenderpassencoder/end/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/end/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.end
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`end()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface completes recording of the current render pass command sequence.
diff --git a/files/en-us/web/api/gpurenderpassencoder/endocclusionquery/index.md b/files/en-us/web/api/gpurenderpassencoder/endocclusionquery/index.md
index 37292148fbba6f6..ee91697c0e7ab54 100644
--- a/files/en-us/web/api/gpurenderpassencoder/endocclusionquery/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/endocclusionquery/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.endOcclusionQuery
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`endOcclusionQuery()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface ends an active occlusion query previously started with {{domxref("GPURenderPassEncoder.beginOcclusionQuery", "beginOcclusionQuery()")}}.
diff --git a/files/en-us/web/api/gpurenderpassencoder/executebundles/index.md b/files/en-us/web/api/gpurenderpassencoder/executebundles/index.md
index 6541deb56afbd02..dd45c00957886b5 100644
--- a/files/en-us/web/api/gpurenderpassencoder/executebundles/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/executebundles/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.executeBundles
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`executeBundles()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface executes commands previously recorded into the referenced {{domxref("GPURenderBundle")}}s, as part of this render pass.
diff --git a/files/en-us/web/api/gpurenderpassencoder/index.md b/files/en-us/web/api/gpurenderpassencoder/index.md
index 30e1b4e1a381fc3..5949029990459cd 100644
--- a/files/en-us/web/api/gpurenderpassencoder/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPURenderPassEncoder
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPURenderPassEncoder`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} encodes commands related to controlling the vertex and fragment shader stages, as issued by a {{domxref("GPURenderPipeline")}}. It forms part of the overall encoding activity of a {{domxref("GPUCommandEncoder")}}.
 
diff --git a/files/en-us/web/api/gpurenderpassencoder/insertdebugmarker/index.md b/files/en-us/web/api/gpurenderpassencoder/insertdebugmarker/index.md
index 52cf617ca8b1997..987f58a8847b8b4 100644
--- a/files/en-us/web/api/gpurenderpassencoder/insertdebugmarker/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/insertdebugmarker/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.insertDebugMarker
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`insertDebugMarker()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface marks a specific point in a series of encoded render pass commands with a label.
diff --git a/files/en-us/web/api/gpurenderpassencoder/label/index.md b/files/en-us/web/api/gpurenderpassencoder/label/index.md
index 5825482c51c4fda..6ed82f2e0342648 100644
--- a/files/en-us/web/api/gpurenderpassencoder/label/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** read-only property of the
 {{domxref("GPURenderPassEncoder")}} interface is a string providing a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpurenderpassencoder/popdebuggroup/index.md b/files/en-us/web/api/gpurenderpassencoder/popdebuggroup/index.md
index c4471530618c3cb..154f11d532b78de 100644
--- a/files/en-us/web/api/gpurenderpassencoder/popdebuggroup/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/popdebuggroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.popDebugGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`popDebugGroup()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface ends a render pass debug group, which is begun with a {{domxref("GPURenderPassEncoder.pushDebugGroup", "pushDebugGroup()")}} call.
diff --git a/files/en-us/web/api/gpurenderpassencoder/pushdebuggroup/index.md b/files/en-us/web/api/gpurenderpassencoder/pushdebuggroup/index.md
index e103cf9ef5f5a7a..8e23b6143a0ebcf 100644
--- a/files/en-us/web/api/gpurenderpassencoder/pushdebuggroup/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/pushdebuggroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.pushDebugGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`pushDebugGroup()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface begins a render pass debug group, which is marked with a specified label, and will contain all subsequent encoded commands up until a {{domxref("GPURenderPassEncoder.popDebugGroup", "popDebugGroup()")}} method is invoked.
diff --git a/files/en-us/web/api/gpurenderpassencoder/setbindgroup/index.md b/files/en-us/web/api/gpurenderpassencoder/setbindgroup/index.md
index 20367a2a276ebad..9fe18233151b78f 100644
--- a/files/en-us/web/api/gpurenderpassencoder/setbindgroup/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/setbindgroup/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.setBindGroup
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setBindGroup()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface sets the {{domxref("GPUBindGroup")}} to use for subsequent render commands, for a given index.
diff --git a/files/en-us/web/api/gpurenderpassencoder/setblendconstant/index.md b/files/en-us/web/api/gpurenderpassencoder/setblendconstant/index.md
index e7aea4378040fbc..3a718a95f846b10 100644
--- a/files/en-us/web/api/gpurenderpassencoder/setblendconstant/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/setblendconstant/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.setBlendConstant
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setBlendConstant()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface sets the constant blend color and alpha values used with `"constant"` and `"one-minus-constant"` blend factors (as set in the descriptor of the {{domxref("GPUDevice.createRenderPipeline()")}} method, in the `blend` property).
diff --git a/files/en-us/web/api/gpurenderpassencoder/setindexbuffer/index.md b/files/en-us/web/api/gpurenderpassencoder/setindexbuffer/index.md
index b875cf312e8a019..59151bc693563e6 100644
--- a/files/en-us/web/api/gpurenderpassencoder/setindexbuffer/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/setindexbuffer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.setIndexBuffer
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setIndexBuffer()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface sets the current {{domxref("GPUBuffer")}} that will provide index data for subsequent drawing commands.
diff --git a/files/en-us/web/api/gpurenderpassencoder/setpipeline/index.md b/files/en-us/web/api/gpurenderpassencoder/setpipeline/index.md
index 837568d40a68563..49f054c6810c0f3 100644
--- a/files/en-us/web/api/gpurenderpassencoder/setpipeline/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/setpipeline/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.setPipeline
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setPipeline()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface sets the {{domxref("GPURenderPipeline")}} to use for subsequent render pass commands.
diff --git a/files/en-us/web/api/gpurenderpassencoder/setscissorrect/index.md b/files/en-us/web/api/gpurenderpassencoder/setscissorrect/index.md
index 79538c82d1f9318..19558e1f4a637cc 100644
--- a/files/en-us/web/api/gpurenderpassencoder/setscissorrect/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/setscissorrect/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.setScissorRect
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setScissorRect()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface sets the scissor rectangle used during the rasterization stage. After transformation into viewport coordinates any fragments that fall outside the scissor rectangle will be discarded.
diff --git a/files/en-us/web/api/gpurenderpassencoder/setstencilreference/index.md b/files/en-us/web/api/gpurenderpassencoder/setstencilreference/index.md
index cd47c9bf63ca70e..72b7e3a74f63ee8 100644
--- a/files/en-us/web/api/gpurenderpassencoder/setstencilreference/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/setstencilreference/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.setStencilReference
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setStencilReference()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface sets the stencil reference value using during stencil tests with the `"replace"` stencil operation (as set in the descriptor of the {{domxref("GPUDevice.createRenderPipeline()")}} method, in the properties defining the various stencil operations).
diff --git a/files/en-us/web/api/gpurenderpassencoder/setvertexbuffer/index.md b/files/en-us/web/api/gpurenderpassencoder/setvertexbuffer/index.md
index 87c514caef939c4..2342ad4aa5a90c8 100644
--- a/files/en-us/web/api/gpurenderpassencoder/setvertexbuffer/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/setvertexbuffer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.setVertexBuffer
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setVertexBuffer()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface sets or unsets the current {{domxref("GPUBuffer")}} for the given slot that will provide vertex data for subsequent drawing commands.
diff --git a/files/en-us/web/api/gpurenderpassencoder/setviewport/index.md b/files/en-us/web/api/gpurenderpassencoder/setviewport/index.md
index 0333a4443fc2e77..efc6aa34cd65570 100644
--- a/files/en-us/web/api/gpurenderpassencoder/setviewport/index.md
+++ b/files/en-us/web/api/gpurenderpassencoder/setviewport/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPassEncoder.setViewport
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`setViewport()`** method of the
 {{domxref("GPURenderPassEncoder")}} interface sets the viewport used during the rasterization stage to linearly map from normalized device coordinates to viewport coordinates.
diff --git a/files/en-us/web/api/gpurenderpipeline/getbindgrouplayout/index.md b/files/en-us/web/api/gpurenderpipeline/getbindgrouplayout/index.md
index 97a107b8e055d1b..ff3e363546316d7 100644
--- a/files/en-us/web/api/gpurenderpipeline/getbindgrouplayout/index.md
+++ b/files/en-us/web/api/gpurenderpipeline/getbindgrouplayout/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPipeline.getBindGroupLayout
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getBindGroupLayout()`** method of the
 {{domxref("GPURenderPipeline")}} interface returns the pipeline's {{domxref("GPUBindGroupLayout")}} object with the given index (i.e. included in the originating {{domxref("GPUDevice.createRenderPipeline()")}} or {{domxref("GPUDevice.createRenderPipelineAsync()")}} call's pipeline layout).
diff --git a/files/en-us/web/api/gpurenderpipeline/index.md b/files/en-us/web/api/gpurenderpipeline/index.md
index e6a81fc95e3a7f4..7492aa895e80483 100644
--- a/files/en-us/web/api/gpurenderpipeline/index.md
+++ b/files/en-us/web/api/gpurenderpipeline/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPURenderPipeline
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPURenderPipeline`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a pipeline that controls the vertex and fragment shader stages and can be used in a {{domxref("GPURenderPassEncoder")}} or {{domxref("GPURenderBundleEncoder")}}.
 
diff --git a/files/en-us/web/api/gpurenderpipeline/label/index.md b/files/en-us/web/api/gpurenderpipeline/label/index.md
index 62572ee3f82ede7..f5a9d42f97ce85b 100644
--- a/files/en-us/web/api/gpurenderpipeline/label/index.md
+++ b/files/en-us/web/api/gpurenderpipeline/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPURenderPipeline.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPURenderPipeline")}} interface provides a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpusampler/index.md b/files/en-us/web/api/gpusampler/index.md
index aa146d0c79f5263..cab576e57120671 100644
--- a/files/en-us/web/api/gpusampler/index.md
+++ b/files/en-us/web/api/gpusampler/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUSampler
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUSampler`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents an object that can control how shaders transform and filter texture resource data.
 
diff --git a/files/en-us/web/api/gpusampler/label/index.md b/files/en-us/web/api/gpusampler/label/index.md
index deefcd941620965..01116ab1d0e96d3 100644
--- a/files/en-us/web/api/gpusampler/label/index.md
+++ b/files/en-us/web/api/gpusampler/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUSampler.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPUSampler")}} interface provides a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpushadermodule/getcompilationinfo/index.md b/files/en-us/web/api/gpushadermodule/getcompilationinfo/index.md
index 127aca52709ac99..75d1fe2e1628e49 100644
--- a/files/en-us/web/api/gpushadermodule/getcompilationinfo/index.md
+++ b/files/en-us/web/api/gpushadermodule/getcompilationinfo/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUShaderModule.getCompilationInfo
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getCompilationInfo()`** method of the
 {{domxref("GPUShaderModule")}} interface returns a {{jsxref("Promise")}} that fulfills with a {{domxref("GPUCompilationInfo")}} object containing messages generated during the `GPUShaderModule`'s compilation.
diff --git a/files/en-us/web/api/gpushadermodule/index.md b/files/en-us/web/api/gpushadermodule/index.md
index 2f28f8235264636..8e4b2078a9745cf 100644
--- a/files/en-us/web/api/gpushadermodule/index.md
+++ b/files/en-us/web/api/gpushadermodule/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUShaderModule
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUShaderModule`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents an internal shader module object, a container for [WGSL](https://gpuweb.github.io/gpuweb/wgsl/) shader code that can be submitted to the GPU for execution by a pipeline.
 
diff --git a/files/en-us/web/api/gpushadermodule/label/index.md b/files/en-us/web/api/gpushadermodule/label/index.md
index a5fd7566aa7c9ba..9d21aa7c2c97546 100644
--- a/files/en-us/web/api/gpushadermodule/label/index.md
+++ b/files/en-us/web/api/gpushadermodule/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUShaderModule.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPUShaderModule")}} interface provides a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpusupportedfeatures/index.md b/files/en-us/web/api/gpusupportedfeatures/index.md
index b71b5938d026a6c..a2b8a2debe39253 100644
--- a/files/en-us/web/api/gpusupportedfeatures/index.md
+++ b/files/en-us/web/api/gpusupportedfeatures/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUSupportedFeatures
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUSupportedFeatures`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} is a [`Set`-like object](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set#set-like_browser_apis) that describes additional functionality supported by a {{domxref("GPUAdapter")}}.
 
diff --git a/files/en-us/web/api/gpusupportedlimits/index.md b/files/en-us/web/api/gpusupportedlimits/index.md
index ec66c43592b93ec..e03bc78abbff6e9 100644
--- a/files/en-us/web/api/gpusupportedlimits/index.md
+++ b/files/en-us/web/api/gpusupportedlimits/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUSupportedLimits
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUSupportedLimits`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} describes the limits supported by a {{domxref("GPUAdapter")}}.
 
diff --git a/files/en-us/web/api/gputexture/createview/index.md b/files/en-us/web/api/gputexture/createview/index.md
index bc5f18f7de1ae3d..c22c88d6de8e910 100644
--- a/files/en-us/web/api/gputexture/createview/index.md
+++ b/files/en-us/web/api/gputexture/createview/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTexture.createView
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createView()`** method of the
 {{domxref("GPUTexture")}} interface creates a {{domxref("GPUTextureView")}} representing a specific view of the `GPUTexture`.
diff --git a/files/en-us/web/api/gputexture/depthorarraylayers/index.md b/files/en-us/web/api/gputexture/depthorarraylayers/index.md
index 45419b488bdbbdb..4cc1fd7da1d097e 100644
--- a/files/en-us/web/api/gputexture/depthorarraylayers/index.md
+++ b/files/en-us/web/api/gputexture/depthorarraylayers/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTexture.depthOrArrayLayers
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`depthOrArrayLayers`** read-only property of the
 {{domxref("GPUTexture")}} interface represents the depth or layer count of the `GPUTexture`.
diff --git a/files/en-us/web/api/gputexture/destroy/index.md b/files/en-us/web/api/gputexture/destroy/index.md
index 0c4abc415fff822..c89c8a10a137311 100644
--- a/files/en-us/web/api/gputexture/destroy/index.md
+++ b/files/en-us/web/api/gputexture/destroy/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTexture.destroy
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`destroy()`** method of the
 {{domxref("GPUTexture")}} interface destroys the `GPUTexture`.
diff --git a/files/en-us/web/api/gputexture/dimension/index.md b/files/en-us/web/api/gputexture/dimension/index.md
index d963a23898efb15..88ab85fc9f9124e 100644
--- a/files/en-us/web/api/gputexture/dimension/index.md
+++ b/files/en-us/web/api/gputexture/dimension/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTexture.dimension
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`dimension`** read-only property of the
 {{domxref("GPUTexture")}} interface represents the dimension of the set of texels for each `GPUTexture` subresource.
diff --git a/files/en-us/web/api/gputexture/format/index.md b/files/en-us/web/api/gputexture/format/index.md
index 5acce0b08800301..aa5079bc1518cad 100644
--- a/files/en-us/web/api/gputexture/format/index.md
+++ b/files/en-us/web/api/gputexture/format/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTexture.format
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`format`** read-only property of the
 {{domxref("GPUTexture")}} interface represents the format of the `GPUTexture`.
diff --git a/files/en-us/web/api/gputexture/height/index.md b/files/en-us/web/api/gputexture/height/index.md
index b02222192aa948d..bdd4e12c18845e1 100644
--- a/files/en-us/web/api/gputexture/height/index.md
+++ b/files/en-us/web/api/gputexture/height/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTexture.height
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`height`** read-only property of the
 {{domxref("GPUTexture")}} interface represents the height of the `GPUTexture`.
diff --git a/files/en-us/web/api/gputexture/index.md b/files/en-us/web/api/gputexture/index.md
index 73b9420950a3d98..b5434e3139795fa 100644
--- a/files/en-us/web/api/gputexture/index.md
+++ b/files/en-us/web/api/gputexture/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUTexture
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUTexture`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a container used to store 1D, 2D, or 3D arrays of data, such as images, to use in GPU rendering operations.
 
diff --git a/files/en-us/web/api/gputexture/label/index.md b/files/en-us/web/api/gputexture/label/index.md
index 4783e231bea35e1..5b25e51ea31ca6e 100644
--- a/files/en-us/web/api/gputexture/label/index.md
+++ b/files/en-us/web/api/gputexture/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTexture.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPUTexture")}} interface provides a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gputexture/miplevelcount/index.md b/files/en-us/web/api/gputexture/miplevelcount/index.md
index 5a34d51c0621063..6417b617c5cf726 100644
--- a/files/en-us/web/api/gputexture/miplevelcount/index.md
+++ b/files/en-us/web/api/gputexture/miplevelcount/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTexture.mipLevelCount
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`mipLevelCount`** read-only property of the
 {{domxref("GPUTexture")}} interface represents the number of mip levels of the `GPUTexture`.
diff --git a/files/en-us/web/api/gputexture/samplecount/index.md b/files/en-us/web/api/gputexture/samplecount/index.md
index ec3962eaaa08b25..54868c83a7b8fe5 100644
--- a/files/en-us/web/api/gputexture/samplecount/index.md
+++ b/files/en-us/web/api/gputexture/samplecount/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTexture.sampleCount
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`sampleCount`** read-only property of the
 {{domxref("GPUTexture")}} interface represents the sample count of the `GPUTexture`.
diff --git a/files/en-us/web/api/gputexture/usage/index.md b/files/en-us/web/api/gputexture/usage/index.md
index 11d7fb9f1c644b3..f7ff552ef921f66 100644
--- a/files/en-us/web/api/gputexture/usage/index.md
+++ b/files/en-us/web/api/gputexture/usage/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTexture.usage
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`usage`** read-only property of the
 {{domxref("GPUTexture")}} interface is the {{glossary("bitwise flags")}} representing the allowed usages of the `GPUTexture`.
diff --git a/files/en-us/web/api/gputexture/width/index.md b/files/en-us/web/api/gputexture/width/index.md
index 8511532daf4cc6b..f859bb0a98ebd7f 100644
--- a/files/en-us/web/api/gputexture/width/index.md
+++ b/files/en-us/web/api/gputexture/width/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTexture.width
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`width`** read-only property of the
 {{domxref("GPUTexture")}} interface represents the width of the `GPUTexture`.
diff --git a/files/en-us/web/api/gputextureview/index.md b/files/en-us/web/api/gputextureview/index.md
index 7b83f573bb634d2..cd7e75649f7b401 100644
--- a/files/en-us/web/api/gputextureview/index.md
+++ b/files/en-us/web/api/gputextureview/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUTextureView
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUTextureView`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} represents a view into a subset of the texture resources defined by a particular {{domxref("GPUTexture")}}.
 
diff --git a/files/en-us/web/api/gputextureview/label/index.md b/files/en-us/web/api/gputextureview/label/index.md
index 963c18e5c4559cb..47abefcc2786091 100644
--- a/files/en-us/web/api/gputextureview/label/index.md
+++ b/files/en-us/web/api/gputextureview/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUTextureView.label
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** property of the
 {{domxref("GPUTextureView")}} interface provides a label that can be used to identify the object, for example in {{domxref("GPUError")}} messages or console warnings.
diff --git a/files/en-us/web/api/gpuuncapturederrorevent/error/index.md b/files/en-us/web/api/gpuuncapturederrorevent/error/index.md
index 50e6727513c5bb4..580909458cec3fb 100644
--- a/files/en-us/web/api/gpuuncapturederrorevent/error/index.md
+++ b/files/en-us/web/api/gpuuncapturederrorevent/error/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUUncapturedErrorEvent.error
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`error`** read-only property of the
 {{domxref("GPUUncapturedErrorEvent")}} interface is a {{domxref("GPUError")}} object instance providing access to the details of the error.
diff --git a/files/en-us/web/api/gpuuncapturederrorevent/gpuuncapturederrorevent/index.md b/files/en-us/web/api/gpuuncapturederrorevent/gpuuncapturederrorevent/index.md
index 650eb09b20caaff..6f4020b183bb898 100644
--- a/files/en-us/web/api/gpuuncapturederrorevent/gpuuncapturederrorevent/index.md
+++ b/files/en-us/web/api/gpuuncapturederrorevent/gpuuncapturederrorevent/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUUncapturedErrorEvent.GPUUncapturedErrorEvent
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUUncapturedErrorEvent()`** constructor creates a new
 {{domxref("GPUUncapturedErrorEvent")}} object instance.
diff --git a/files/en-us/web/api/gpuuncapturederrorevent/index.md b/files/en-us/web/api/gpuuncapturederrorevent/index.md
index 14d7fa56ae95869..0668da410f61193 100644
--- a/files/en-us/web/api/gpuuncapturederrorevent/index.md
+++ b/files/en-us/web/api/gpuuncapturederrorevent/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUUncapturedErrorEvent
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUUncapturedErrorEvent`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} is the event object type for the {{domxref("GPUDevice")}} {{domxref("GPUDevice.uncapturederror_event", "uncapturederror")}} event, used for telemetry and to report unexpected errors.
 
diff --git a/files/en-us/web/api/gpuvalidationerror/gpuvalidationerror/index.md b/files/en-us/web/api/gpuvalidationerror/gpuvalidationerror/index.md
index 27b08bd3499b3c1..9b3cc47bf4ae29b 100644
--- a/files/en-us/web/api/gpuvalidationerror/gpuvalidationerror/index.md
+++ b/files/en-us/web/api/gpuvalidationerror/gpuvalidationerror/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.GPUValidationError.GPUValidationError
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUValidationError()`** constructor creates a new
 {{domxref("GPUValidationError")}} object instance.
diff --git a/files/en-us/web/api/gpuvalidationerror/index.md b/files/en-us/web/api/gpuvalidationerror/index.md
index 92195dcb3b70e15..e40135f433727db 100644
--- a/files/en-us/web/api/gpuvalidationerror/index.md
+++ b/files/en-us/web/api/gpuvalidationerror/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.GPUValidationError
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`GPUValidationError`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} describes an application error indicating that an operation did not pass the WebGPU API's validation constraints.
 
diff --git a/files/en-us/web/api/htmlmediaelement/mediakeys/index.md b/files/en-us/web/api/htmlmediaelement/mediakeys/index.md
index afc7c867900f997..3c064777464d34d 100644
--- a/files/en-us/web/api/htmlmediaelement/mediakeys/index.md
+++ b/files/en-us/web/api/htmlmediaelement/mediakeys/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.HTMLMediaElement.mediaKeys
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The read-only **`HTMLMediaElement.mediaKeys`** property returns a {{domxref("MediaKeys")}} object, that is a set of keys that the element can use for decryption of media data during playback.
 
diff --git a/files/en-us/web/api/htmlmediaelement/setmediakeys/index.md b/files/en-us/web/api/htmlmediaelement/setmediakeys/index.md
index ef8b2cebe3fda60..d4ea70bb2b3df4d 100644
--- a/files/en-us/web/api/htmlmediaelement/setmediakeys/index.md
+++ b/files/en-us/web/api/htmlmediaelement/setmediakeys/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.HTMLMediaElement.setMediaKeys
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("HTML DOM")}}{{SecureContext_Header}}
 
 The **`setMediaKeys()`** method of the
 {{domxref("HTMLMediaElement")}} interface returns a {{jsxref("Promise")}} that resolves
diff --git a/files/en-us/web/api/identitycredential/index.md b/files/en-us/web/api/identitycredential/index.md
index 58ddb3a7cd720d3..5c43564e4b3a7ce 100644
--- a/files/en-us/web/api/identitycredential/index.md
+++ b/files/en-us/web/api/identitycredential/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.IdentityCredential
 ---
 
-{{APIRef("FedCM API")}}{{SeeCompatTable}}
+{{APIRef("FedCM API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`IdentityCredential`** interface of the [Federated Credential Management API (FedCM)](/en-US/docs/Web/API/FedCM_API) represents a user identity credential arising from a successful federated sign-in.
 
diff --git a/files/en-us/web/api/identitycredential/token/index.md b/files/en-us/web/api/identitycredential/token/index.md
index ff2d96ec790306b..3a7ad1b2f171eb5 100644
--- a/files/en-us/web/api/identitycredential/token/index.md
+++ b/files/en-us/web/api/identitycredential/token/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.IdentityCredential.token
 ---
 
-{{APIRef("FedCM API")}}{{SeeCompatTable}}
+{{APIRef("FedCM API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`token`** read-only property of the {{domxref("IdentityCredential")}} interface returns the token used to validate the associated sign-in.
 
diff --git a/files/en-us/web/api/identityprovider/getuserinfo_static/index.md b/files/en-us/web/api/identityprovider/getuserinfo_static/index.md
index c8d294d1ecf0eda..6160ef2986303d0 100644
--- a/files/en-us/web/api/identityprovider/getuserinfo_static/index.md
+++ b/files/en-us/web/api/identityprovider/getuserinfo_static/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.IdentityProvider.getUserInfo_static
 ---
 
-{{APIRef("FedCM API")}}{{SeeCompatTable}}
+{{APIRef("FedCM API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getUserInfo()`** static method of the {{domxref("IdentityProvider")}} interface returns information about a previously signed in user, which can be used to provide a personalized welcome message and sign-in button. This method has to be called from within an identity provider (IdP)-origin {{htmlelement("iframe")}} so that RP scripts cannot access the data. This must occur after a previously signed in user returns to the relying party (RP) site.
 
diff --git a/files/en-us/web/api/identityprovider/index.md b/files/en-us/web/api/identityprovider/index.md
index 995e3f35ae71a9a..e3f839ac6ae1800 100644
--- a/files/en-us/web/api/identityprovider/index.md
+++ b/files/en-us/web/api/identityprovider/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.IdentityProvider
 ---
 
-{{APIRef("FedCM API")}}{{SeeCompatTable}}
+{{APIRef("FedCM API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`IdentityProvider`** interface of the [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API) represents an identity provider (IdP) and provides access to related information.
 
diff --git a/files/en-us/web/api/mediadevices/devicechange_event/index.md b/files/en-us/web/api/mediadevices/devicechange_event/index.md
index 81d8b8dbe8d264a..2615f4f28adfe44 100644
--- a/files/en-us/web/api/mediadevices/devicechange_event/index.md
+++ b/files/en-us/web/api/mediadevices/devicechange_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.MediaDevices.devicechange_event
 ---
 
-{{APIRef}}
+{{APIRef}}{{SecureContext_Header}}
 
 A `devicechange` event is sent to a {{domxref("MediaDevices")}} instance whenever a media device such as a camera, microphone, or speaker is connected to or removed from the system.
 
diff --git a/files/en-us/web/api/mediadevices/enumeratedevices/index.md b/files/en-us/web/api/mediadevices/enumeratedevices/index.md
index fa9afb9be082669..54131fdbfea1854 100644
--- a/files/en-us/web/api/mediadevices/enumeratedevices/index.md
+++ b/files/en-us/web/api/mediadevices/enumeratedevices/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaDevices.enumerateDevices
 ---
 
-{{APIRef("WebRTC")}}
+{{APIRef("WebRTC")}}{{SecureContext_Header}}
 
 The {{domxref("MediaDevices")}} method **`enumerateDevices()`** requests a list of the currently available media input and output devices, such as microphones, cameras, headsets, and so forth.
 The returned {{jsxref("Promise")}} is resolved with an array of {{domxref("MediaDeviceInfo")}} objects describing the devices.
diff --git a/files/en-us/web/api/mediadevices/getdisplaymedia/index.md b/files/en-us/web/api/mediadevices/getdisplaymedia/index.md
index e594d256006fa4d..67badaffcdf3267 100644
--- a/files/en-us/web/api/mediadevices/getdisplaymedia/index.md
+++ b/files/en-us/web/api/mediadevices/getdisplaymedia/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaDevices.getDisplayMedia
 ---
 
-{{APIRef("Screen Capture API")}}
+{{APIRef("Screen Capture API")}}{{SecureContext_Header}}
 
 The **`getDisplayMedia()`** method of the {{domxref("MediaDevices")}} interface prompts the user to select and
 grant permission to capture the contents of a display or portion thereof (such as a window) as a {{domxref("MediaStream")}}.
diff --git a/files/en-us/web/api/mediadevices/getsupportedconstraints/index.md b/files/en-us/web/api/mediadevices/getsupportedconstraints/index.md
index c02bc319c77ef04..2e57eee50cc2ee6 100644
--- a/files/en-us/web/api/mediadevices/getsupportedconstraints/index.md
+++ b/files/en-us/web/api/mediadevices/getsupportedconstraints/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaDevices.getSupportedConstraints
 ---
 
-{{APIRef("Media Capture and Streams")}}
+{{APIRef("Media Capture and Streams")}}{{SecureContext_Header}}
 
 The
 **`getSupportedConstraints()`**
diff --git a/files/en-us/web/api/mediadevices/index.md b/files/en-us/web/api/mediadevices/index.md
index 3bfe536d1d94592..fedccbf3b9e2c72 100644
--- a/files/en-us/web/api/mediadevices/index.md
+++ b/files/en-us/web/api/mediadevices/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.MediaDevices
 ---
 
-{{APIRef("Media Capture and Streams")}}
+{{APIRef("Media Capture and Streams")}}{{SecureContext_Header}}
 
 The **`MediaDevices`** interface provides access to connected media input devices like cameras and microphones, as well as screen sharing. In essence, it lets you obtain access to any hardware source of media data.
 
diff --git a/files/en-us/web/api/mediakeymessageevent/index.md b/files/en-us/web/api/mediakeymessageevent/index.md
index bd5be84f371a788..9a50f63f1382029 100644
--- a/files/en-us/web/api/mediakeymessageevent/index.md
+++ b/files/en-us/web/api/mediakeymessageevent/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.MediaKeyMessageEvent
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeyMessageEvent`** interface of the [Encrypted Media Extensions API](/en-US/docs/Web/API/Encrypted_Media_Extensions_API) contains the content and related data when the content decryption module generates a message for the session.
 
diff --git a/files/en-us/web/api/mediakeymessageevent/mediakeymessageevent/index.md b/files/en-us/web/api/mediakeymessageevent/mediakeymessageevent/index.md
index 6c0a037aa581147..b5a7e1e0afeb94c 100644
--- a/files/en-us/web/api/mediakeymessageevent/mediakeymessageevent/index.md
+++ b/files/en-us/web/api/mediakeymessageevent/mediakeymessageevent/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.MediaKeyMessageEvent.MediaKeyMessageEvent
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeyMessageEvent`** constructor creates a new {{domxref("MediaKeyMessageEvent")}} object.
 
diff --git a/files/en-us/web/api/mediakeymessageevent/message/index.md b/files/en-us/web/api/mediakeymessageevent/message/index.md
index 6804a74977eb508..117c02881e5d20d 100644
--- a/files/en-us/web/api/mediakeymessageevent/message/index.md
+++ b/files/en-us/web/api/mediakeymessageevent/message/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.MediaKeyMessageEvent.message
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeyMessageEvent.message`** read-only property
 returns an {{jsxref("ArrayBuffer")}} with a message from the content decryption module.
diff --git a/files/en-us/web/api/mediakeymessageevent/messagetype/index.md b/files/en-us/web/api/mediakeymessageevent/messagetype/index.md
index 178e7d4356c606a..74a170f92c1c324 100644
--- a/files/en-us/web/api/mediakeymessageevent/messagetype/index.md
+++ b/files/en-us/web/api/mediakeymessageevent/messagetype/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.MediaKeyMessageEvent.messageType
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeyMessageEvent.messageType`** read-only property indicates the
 type of message. It may be one of `license-request`,
diff --git a/files/en-us/web/api/mediakeys/createsession/index.md b/files/en-us/web/api/mediakeys/createsession/index.md
index c66b781fb3cd0e6..c26d61bf0671389 100644
--- a/files/en-us/web/api/mediakeys/createsession/index.md
+++ b/files/en-us/web/api/mediakeys/createsession/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaKeys.createSession
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The `MediaKeys.createSession()` method returns a new
 {{domxref("MediaKeySession")}} object, which represents a context for message exchange
diff --git a/files/en-us/web/api/mediakeys/index.md b/files/en-us/web/api/mediakeys/index.md
index e42c3f259467aa3..0e6a49135a3a5b4 100644
--- a/files/en-us/web/api/mediakeys/index.md
+++ b/files/en-us/web/api/mediakeys/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.MediaKeys
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeys`** interface of [Encrypted Media Extensions API](/en-US/docs/Web/API/Encrypted_Media_Extensions_API) represents a set of keys that an associated {{domxref("HTMLMediaElement")}} can use for decryption of media data during playback.
 
diff --git a/files/en-us/web/api/mediakeys/setservercertificate/index.md b/files/en-us/web/api/mediakeys/setservercertificate/index.md
index 3b3d73faa79e2e9..9a0c3e24b10a1c5 100644
--- a/files/en-us/web/api/mediakeys/setservercertificate/index.md
+++ b/files/en-us/web/api/mediakeys/setservercertificate/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaKeys.setServerCertificate
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeys.setServerCertificate()`** method provides a
 server certificate to be used to encrypt messages to the license server.
diff --git a/files/en-us/web/api/mediakeysession/close/index.md b/files/en-us/web/api/mediakeysession/close/index.md
index 8f6bb6000a812ca..5c6288e8fe553e9 100644
--- a/files/en-us/web/api/mediakeysession/close/index.md
+++ b/files/en-us/web/api/mediakeysession/close/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaKeySession.close
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The `MediaKeySession.close()` method notifies that the current media session
 is no longer needed, and that the content decryption module should release any resources
diff --git a/files/en-us/web/api/mediakeysession/closed/index.md b/files/en-us/web/api/mediakeysession/closed/index.md
index afbcc25ef00e140..a5904c2159928bf 100644
--- a/files/en-us/web/api/mediakeysession/closed/index.md
+++ b/files/en-us/web/api/mediakeysession/closed/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.MediaKeySession.closed
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The `MediaKeySession.closed` read-only property returns a
 {{jsxref('Promise')}} signaling when a {{domxref('MediaKeySession')}} closes. This
diff --git a/files/en-us/web/api/mediakeysession/expiration/index.md b/files/en-us/web/api/mediakeysession/expiration/index.md
index 7cc41f4a370d9c5..bbd56386c262aaa 100644
--- a/files/en-us/web/api/mediakeysession/expiration/index.md
+++ b/files/en-us/web/api/mediakeysession/expiration/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.MediaKeySession.expiration
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeySession.expiration`** read-only property returns
 the time after which the keys in the current session can no longer be used to decrypt
diff --git a/files/en-us/web/api/mediakeysession/generaterequest/index.md b/files/en-us/web/api/mediakeysession/generaterequest/index.md
index fea61c7c3074f6b..94b543faa62da8e 100644
--- a/files/en-us/web/api/mediakeysession/generaterequest/index.md
+++ b/files/en-us/web/api/mediakeysession/generaterequest/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaKeySession.generateRequest
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The `MediaKeySession.generateRequest()` method returns a
 {{jsxref('Promise')}} after generating a media request based on initialization data.
diff --git a/files/en-us/web/api/mediakeysession/index.md b/files/en-us/web/api/mediakeysession/index.md
index 114315cd2fc02d3..9e9235b7c118339 100644
--- a/files/en-us/web/api/mediakeysession/index.md
+++ b/files/en-us/web/api/mediakeysession/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.MediaKeySession
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeySession`** interface of the [Encrypted Media Extensions API](/en-US/docs/Web/API/Encrypted_Media_Extensions_API) represents a context for message exchange with a content decryption module (CDM).
 
diff --git a/files/en-us/web/api/mediakeysession/keystatuses/index.md b/files/en-us/web/api/mediakeysession/keystatuses/index.md
index 761dcd156cf367e..843fcf4cb3466f8 100644
--- a/files/en-us/web/api/mediakeysession/keystatuses/index.md
+++ b/files/en-us/web/api/mediakeysession/keystatuses/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.MediaKeySession.keyStatuses
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeySession.keyStatuses`** read-only property
 returns a reference to a read-only {{domxref('MediaKeyStatusMap')}} of the current
diff --git a/files/en-us/web/api/mediakeysession/keystatuseschange_event/index.md b/files/en-us/web/api/mediakeysession/keystatuseschange_event/index.md
index c6d4ab1138c025e..aedde65b24f1171 100644
--- a/files/en-us/web/api/mediakeysession/keystatuseschange_event/index.md
+++ b/files/en-us/web/api/mediakeysession/keystatuseschange_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.MediaKeySession.keystatuseschange_event
 ---
 
-{{APIRef("Encrypted Media Extensions")}}
+{{APIRef("Encrypted Media Extensions")}}{{SecureContext_Header}}
 
 The **`keystatuseschange`** event of the {{domxref("MediaKeySession")}} API fires when there has been a change in the keys or their statuses within a session.
 
diff --git a/files/en-us/web/api/mediakeysession/load/index.md b/files/en-us/web/api/mediakeysession/load/index.md
index 9e0868ace75bd25..a386745c79fb5aa 100644
--- a/files/en-us/web/api/mediakeysession/load/index.md
+++ b/files/en-us/web/api/mediakeysession/load/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaKeySession.load
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The `MediaKeySession.load()` method returns a {{jsxref('Promise')}} that
 resolves to a boolean value after loading data for a specified session object.
diff --git a/files/en-us/web/api/mediakeysession/message_event/index.md b/files/en-us/web/api/mediakeysession/message_event/index.md
index f1ef5705ca7bb1e..d6ee7edb7e6b705 100644
--- a/files/en-us/web/api/mediakeysession/message_event/index.md
+++ b/files/en-us/web/api/mediakeysession/message_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.MediaKeySession.message_event
 ---
 
-{{APIRef("Encrypted Media Extensions")}}
+{{APIRef("Encrypted Media Extensions")}}{{SecureContext_Header}}
 
 The **`message`** event of the
 {{domxref("MediaKeySession")}} interface fires when a message is generated by the
diff --git a/files/en-us/web/api/mediakeysession/remove/index.md b/files/en-us/web/api/mediakeysession/remove/index.md
index 4252f701789d546..e6ee8c82a0c1739 100644
--- a/files/en-us/web/api/mediakeysession/remove/index.md
+++ b/files/en-us/web/api/mediakeysession/remove/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaKeySession.remove
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The `MediaKeySession.remove()` method returns a {{jsxref('Promise')}} after removing any session data associated with the current object.
 
diff --git a/files/en-us/web/api/mediakeysession/sessionid/index.md b/files/en-us/web/api/mediakeysession/sessionid/index.md
index 94bd00bbd03241d..928780a80ff9c53 100644
--- a/files/en-us/web/api/mediakeysession/sessionid/index.md
+++ b/files/en-us/web/api/mediakeysession/sessionid/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.MediaKeySession.sessionId
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeySession.sessionId`** is a read-only property
 that contains a unique string generated by the content decryption module (CDM) for the
diff --git a/files/en-us/web/api/mediakeysession/update/index.md b/files/en-us/web/api/mediakeysession/update/index.md
index e80f72f55c623f4..e59d14299fb5ed0 100644
--- a/files/en-us/web/api/mediakeysession/update/index.md
+++ b/files/en-us/web/api/mediakeysession/update/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaKeySession.update
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The `MediaKeySession.update()` method loads messages and licenses to the
 CDM, and then returns a {{jsxref('Promise')}} .
diff --git a/files/en-us/web/api/mediakeystatusmap/get/index.md b/files/en-us/web/api/mediakeystatusmap/get/index.md
index 4b9480e69678307..e8437e44fa203da 100644
--- a/files/en-us/web/api/mediakeystatusmap/get/index.md
+++ b/files/en-us/web/api/mediakeystatusmap/get/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaKeyStatusMap.get
 ---
 
-{{APIRef("EncryptedMediaExtensions API")}}
+{{APIRef("EncryptedMediaExtensions API")}}{{SecureContext_Header}}
 
 The **`get`** property of the
 {{domxref("MediaKeyStatusMap")}} interface returns the value associated with the given
diff --git a/files/en-us/web/api/mediakeystatusmap/has/index.md b/files/en-us/web/api/mediakeystatusmap/has/index.md
index b283e852d733c3d..492bdc1c4d002f7 100644
--- a/files/en-us/web/api/mediakeystatusmap/has/index.md
+++ b/files/en-us/web/api/mediakeystatusmap/has/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaKeyStatusMap.has
 ---
 
-{{APIRef("EncryptedMediaExtensions API")}}
+{{APIRef("EncryptedMediaExtensions API")}}{{SecureContext_Header}}
 
 The **`has`** property of the
 {{domxref("MediaKeyStatusMap")}} interface returns a {{jsxref('Boolean')}}, asserting
diff --git a/files/en-us/web/api/mediakeystatusmap/index.md b/files/en-us/web/api/mediakeystatusmap/index.md
index 4c518ea0e9c52b4..5577f0e4abd05b9 100644
--- a/files/en-us/web/api/mediakeystatusmap/index.md
+++ b/files/en-us/web/api/mediakeystatusmap/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.MediaKeyStatusMap
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeyStatusMap`** interface of the [Encrypted Media Extensions API](/en-US/docs/Web/API/Encrypted_Media_Extensions_API) is a read-only map of media key statuses by key IDs.
 
diff --git a/files/en-us/web/api/mediakeystatusmap/size/index.md b/files/en-us/web/api/mediakeystatusmap/size/index.md
index b268e836cb2e082..aa18a6d3f7a0ff6 100644
--- a/files/en-us/web/api/mediakeystatusmap/size/index.md
+++ b/files/en-us/web/api/mediakeystatusmap/size/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.MediaKeyStatusMap.size
 ---
 
-{{APIRef("EncryptedMediaExtensions API")}}
+{{APIRef("EncryptedMediaExtensions API")}}{{SecureContext_Header}}
 
 The **`size`** read-only property of
 the {{domxref("MediaKeyStatusMap")}} interface returns the number of key/value paIrs
diff --git a/files/en-us/web/api/mediakeysystemaccess/createmediakeys/index.md b/files/en-us/web/api/mediakeysystemaccess/createmediakeys/index.md
index 2770f40058a8407..64315417b9ffaf7 100644
--- a/files/en-us/web/api/mediakeysystemaccess/createmediakeys/index.md
+++ b/files/en-us/web/api/mediakeysystemaccess/createmediakeys/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaKeySystemAccess.createMediaKeys
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The `MediaKeySystemAccess.createMediaKeys()` method returns a
 {{jsxref('Promise')}} that resolves to a new {{domxref('MediaKeys')}} object.
diff --git a/files/en-us/web/api/mediakeysystemaccess/getconfiguration/index.md b/files/en-us/web/api/mediakeysystemaccess/getconfiguration/index.md
index 96ce457d7cd93b7..26c97631d571469 100644
--- a/files/en-us/web/api/mediakeysystemaccess/getconfiguration/index.md
+++ b/files/en-us/web/api/mediakeysystemaccess/getconfiguration/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.MediaKeySystemAccess.getConfiguration
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The `MediaKeySystemAccess.getConfiguration()` method returns an object with the supported combination of
 the following configuration options:
diff --git a/files/en-us/web/api/mediakeysystemaccess/index.md b/files/en-us/web/api/mediakeysystemaccess/index.md
index e6a8288379d2629..6ca461f25b5e41f 100644
--- a/files/en-us/web/api/mediakeysystemaccess/index.md
+++ b/files/en-us/web/api/mediakeysystemaccess/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.MediaKeySystemAccess
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The **`MediaKeySystemAccess`** interface of the [Encrypted Media Extensions API](/en-US/docs/Web/API/Encrypted_Media_Extensions_API) provides access to a Key System for decryption and/or a content protection provider. You can request an instance of this object using the {{domxref("Navigator.requestMediaKeySystemAccess","Navigator.requestMediaKeySystemAccess()")}} method.
 
diff --git a/files/en-us/web/api/mediakeysystemaccess/keysystem/index.md b/files/en-us/web/api/mediakeysystemaccess/keysystem/index.md
index 91dbd211f58def9..045f9ff511c082c 100644
--- a/files/en-us/web/api/mediakeysystemaccess/keysystem/index.md
+++ b/files/en-us/web/api/mediakeysystemaccess/keysystem/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.MediaKeySystemAccess.keySystem
 ---
 
-{{APIRef("EncryptedMediaExtensions")}}
+{{APIRef("EncryptedMediaExtensions")}}{{SecureContext_Header}}
 
 The `MediaKeySystemAccess.keySystem` read-only property returns a
 string identifying the key system being used.
diff --git a/files/en-us/web/api/midiinputmap/index.md b/files/en-us/web/api/midiinputmap/index.md
index 8646a32ccf24a3f..aca12f1bab45c56 100644
--- a/files/en-us/web/api/midiinputmap/index.md
+++ b/files/en-us/web/api/midiinputmap/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.MIDIInputMap
 ---
 
-{{APIRef("Web MIDI API")}}
+{{APIRef("Web MIDI API")}}{{SecureContext_Header}}
 
 The **`MIDIInputMap`** read-only interface of the [Web MIDI API](/en-US/docs/Web/API/Web_MIDI_API) provides the set of MIDI input ports that are currently available.
 
diff --git a/files/en-us/web/api/midioutputmap/index.md b/files/en-us/web/api/midioutputmap/index.md
index b7068123ea5264e..d597b1a21078ce1 100644
--- a/files/en-us/web/api/midioutputmap/index.md
+++ b/files/en-us/web/api/midioutputmap/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.MIDIOutputMap
 ---
 
-{{APIRef("Web MIDI API")}}
+{{APIRef("Web MIDI API")}}{{SecureContext_Header}}
 
 The **`MIDIOutputMap`** read-only interface of the [Web MIDI API](/en-US/docs/Web/API/Web_MIDI_API) provides the set of MIDI output ports that are currently available.
 
diff --git a/files/en-us/web/api/navigationpreloadmanager/disable/index.md b/files/en-us/web/api/navigationpreloadmanager/disable/index.md
index afac6e63daf8833..5ceaa0738ea9ff7 100644
--- a/files/en-us/web/api/navigationpreloadmanager/disable/index.md
+++ b/files/en-us/web/api/navigationpreloadmanager/disable/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.NavigationPreloadManager.disable
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`disable()`** method of the {{domxref("NavigationPreloadManager")}} interface halts the automatic preloading of service-worker-managed resources previously started using {{domxref("NavigationPreloadManager.enable()","enable()")}}
 It returns a promise that resolves with `undefined`.
diff --git a/files/en-us/web/api/navigationpreloadmanager/enable/index.md b/files/en-us/web/api/navigationpreloadmanager/enable/index.md
index 34c809371a6a7ca..a8f6c3f2811ff1c 100644
--- a/files/en-us/web/api/navigationpreloadmanager/enable/index.md
+++ b/files/en-us/web/api/navigationpreloadmanager/enable/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.NavigationPreloadManager.enable
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`enable()`** method of the {{domxref("NavigationPreloadManager")}} interface is used to enable preloading of resources managed by the service worker.
 It returns a promise that resolves with `undefined`.
diff --git a/files/en-us/web/api/navigationpreloadmanager/getstate/index.md b/files/en-us/web/api/navigationpreloadmanager/getstate/index.md
index b05205581980c23..896c2ab49c4eaa6 100644
--- a/files/en-us/web/api/navigationpreloadmanager/getstate/index.md
+++ b/files/en-us/web/api/navigationpreloadmanager/getstate/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.NavigationPreloadManager.getState
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`getState()`** method of the {{domxref("NavigationPreloadManager")}} interface returns a {{jsxref("Promise")}} that resolves to an object with properties that indicate whether preload is enabled and what value will be sent in the {{HTTPHeader("Service-Worker-Navigation-Preload")}} HTTP header.
 
diff --git a/files/en-us/web/api/navigationpreloadmanager/index.md b/files/en-us/web/api/navigationpreloadmanager/index.md
index c06f2543a8bfe28..f90b4d3a35d9941 100644
--- a/files/en-us/web/api/navigationpreloadmanager/index.md
+++ b/files/en-us/web/api/navigationpreloadmanager/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.NavigationPreloadManager
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`NavigationPreloadManager`** interface of the [Service Worker API](/en-US/docs/Web/API/Service_Worker_API) provides methods for managing the preloading of resources in parallel with service worker bootup.
 
diff --git a/files/en-us/web/api/navigationpreloadmanager/setheadervalue/index.md b/files/en-us/web/api/navigationpreloadmanager/setheadervalue/index.md
index e1cb690b58e22af..2f48b349060696b 100644
--- a/files/en-us/web/api/navigationpreloadmanager/setheadervalue/index.md
+++ b/files/en-us/web/api/navigationpreloadmanager/setheadervalue/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.NavigationPreloadManager.setHeaderValue
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`setHeaderValue()`** method of the {{domxref("NavigationPreloadManager")}} interface sets the value of the {{HTTPHeader("Service-Worker-Navigation-Preload")}} header that will be sent with requests resulting from a {{domxref("fetch()")}} operation made during service worker navigation preloading.
 It returns an empty {{jsxref("Promise")}} that resolves with `undefined`.
diff --git a/files/en-us/web/api/navigator/contacts/index.md b/files/en-us/web/api/navigator/contacts/index.md
index 665264d92457d66..57a2fc98fe9888d 100644
--- a/files/en-us/web/api/navigator/contacts/index.md
+++ b/files/en-us/web/api/navigator/contacts/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Navigator.contacts
 ---
 
-{{APIRef("Contact Picker API")}}{{SeeCompatTable}}
+{{APIRef("Contact Picker API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`contacts`** read-only property of the
 {{domxref("Navigator")}} interface returns a {{domxref('ContactsManager')}} interface
diff --git a/files/en-us/web/api/navigator/getinstalledrelatedapps/index.md b/files/en-us/web/api/navigator/getinstalledrelatedapps/index.md
index 302d55f144bd21f..5e4c2adebfbe5c1 100644
--- a/files/en-us/web/api/navigator/getinstalledrelatedapps/index.md
+++ b/files/en-us/web/api/navigator/getinstalledrelatedapps/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Navigator.getInstalledRelatedApps
 ---
 
-{{ ApiRef() }}{{SeeCompatTable}}
+{{ ApiRef() }}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getInstalledRelatedApps()`** method returns a promise that resolves with an array of objects representing any related platform-specific apps or [Progressive Web Apps](/en-US/docs/Web/Progressive_web_apps) that the user has installed. This could be used for content personalization such as removing "install our app" banners from the web app if the platform-specific app and/or PWA is already installed.
 
diff --git a/files/en-us/web/api/navigator/getusermedia/index.md b/files/en-us/web/api/navigator/getusermedia/index.md
index 0c09e571834446c..93b4516ab1f2ba8 100644
--- a/files/en-us/web/api/navigator/getusermedia/index.md
+++ b/files/en-us/web/api/navigator/getusermedia/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Navigator.getUserMedia
 ---
 
-{{APIRef("Media Capture and Streams")}}{{deprecated_header}}
+{{APIRef("Media Capture and Streams")}}{{deprecated_header}}{{SecureContext_Header}}
 
 The deprecated **`Navigator.getUserMedia()`** method prompts the user for permission to use up to one video input device (such as a camera or shared screen) and up to one audio input device (such as a microphone) as the source for a {{domxref("MediaStream")}}.
 
diff --git a/files/en-us/web/api/navigator/gpu/index.md b/files/en-us/web/api/navigator/gpu/index.md
index e25c36a5153c39a..33133cfb961b67e 100644
--- a/files/en-us/web/api/navigator/gpu/index.md
+++ b/files/en-us/web/api/navigator/gpu/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Navigator.gpu
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`Navigator.gpu`** read-only property returns the {{domxref("GPU")}} object for the current browsing context, which is the entry point for the {{domxref("WebGPU_API", "WebGPU API", "", "nocode")}}.
 
diff --git a/files/en-us/web/api/navigator/hid/index.md b/files/en-us/web/api/navigator/hid/index.md
index eb8059723d0a925..5c7e4281db4d4c8 100644
--- a/files/en-us/web/api/navigator/hid/index.md
+++ b/files/en-us/web/api/navigator/hid/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Navigator.hid
 ---
 
-{{APIRef("WebHID API")}}{{SeeCompatTable}}
+{{APIRef("WebHID API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`Navigator.hid`**
 read-only property returns an {{domxref("HID")}} object providing methods
diff --git a/files/en-us/web/api/navigator/keyboard/index.md b/files/en-us/web/api/navigator/keyboard/index.md
index af945c63d07b85e..f694d21bbd7b4f4 100644
--- a/files/en-us/web/api/navigator/keyboard/index.md
+++ b/files/en-us/web/api/navigator/keyboard/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Navigator.keyboard
 ---
 
-{{SeeCompatTable}}{{APIRef("Keyboard API")}}
+{{SeeCompatTable}}{{APIRef("Keyboard API")}}{{SecureContext_Header}}
 
 The **`keyboard`** read-only property
 of the {{domxref("Navigator")}} interface returns a {{domxref('Keyboard')}} object
diff --git a/files/en-us/web/api/navigator/requestmediakeysystemaccess/index.md b/files/en-us/web/api/navigator/requestmediakeysystemaccess/index.md
index 8bc0ee4ad5dcaab..15f572806a09502 100644
--- a/files/en-us/web/api/navigator/requestmediakeysystemaccess/index.md
+++ b/files/en-us/web/api/navigator/requestmediakeysystemaccess/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.Navigator.requestMediaKeySystemAccess
 ---
 
-{{DefaultAPISidebar("Encrypted Media Extensions")}}
+{{DefaultAPISidebar("Encrypted Media Extensions")}}{{SecureContext_Header}}
 
 The **`Navigator.requestMediaKeySystemAccess()`** method
 returns a {{jsxref('Promise')}} which delivers a {{domxref('MediaKeySystemAccess')}}
diff --git a/files/en-us/web/api/navigator/serial/index.md b/files/en-us/web/api/navigator/serial/index.md
index 803cd22be78d8c1..75e187100b17afe 100644
--- a/files/en-us/web/api/navigator/serial/index.md
+++ b/files/en-us/web/api/navigator/serial/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Navigator.serial
 ---
 
-{{APIRef("Web Serial API")}}{{SeeCompatTable}}
+{{APIRef("Web Serial API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`serial`** read-only property of the {{domxref("Navigator")}} interface returns a {{domxref("Serial")}} object which represents the entry point into the {{domxref("Web Serial API")}}.
 
diff --git a/files/en-us/web/api/navigator/usb/index.md b/files/en-us/web/api/navigator/usb/index.md
index cc682209927f9e7..ce5048190acb38e 100644
--- a/files/en-us/web/api/navigator/usb/index.md
+++ b/files/en-us/web/api/navigator/usb/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.Navigator.usb
 ---
 
-{{APIRef("WebUSB API")}}
+{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`usb`** read-only property of the {{domxref("Navigator")}} interface returns a {{domxref("USB")}} object for the current document, providing access to [WebUSB API](/en-US/docs/Web/API/WebUSB_API) functionality.
 
diff --git a/files/en-us/web/api/navigator/virtualkeyboard/index.md b/files/en-us/web/api/navigator/virtualkeyboard/index.md
index 5083afe702a32df..5432e15e522d3b6 100644
--- a/files/en-us/web/api/navigator/virtualkeyboard/index.md
+++ b/files/en-us/web/api/navigator/virtualkeyboard/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Navigator.virtualKeyboard
 ---
 
-{{APIRef("VirtualKeyboard")}}{{SeeCompatTable}}
+{{APIRef("VirtualKeyboard")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`virtualKeyboard`** read-only property
 of the {{domxref("navigator")}} interface returns a reference to the {{domxref("VirtualKeyboard")}} instance object.
diff --git a/files/en-us/web/api/passwordcredential/iconurl/index.md b/files/en-us/web/api/passwordcredential/iconurl/index.md
index 6afef23c660ff7a..1eec1f0760d4db8 100644
--- a/files/en-us/web/api/passwordcredential/iconurl/index.md
+++ b/files/en-us/web/api/passwordcredential/iconurl/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PasswordCredential.iconURL
 ---
 
-{{SeeCompatTable}}{{APIRef("Credential Management API")}}
+{{SeeCompatTable}}{{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
 The **`iconURL`** read-only property
 of the {{domxref("PasswordCredential")}} interface returns a string
diff --git a/files/en-us/web/api/passwordcredential/name/index.md b/files/en-us/web/api/passwordcredential/name/index.md
index c78df99570c8274..0fc8ab475c3f5cf 100644
--- a/files/en-us/web/api/passwordcredential/name/index.md
+++ b/files/en-us/web/api/passwordcredential/name/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PasswordCredential.name
 ---
 
-{{SeeCompatTable}}{{APIRef("Credential Management API")}}
+{{SeeCompatTable}}{{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
 The **`name`** read-only property of
 the {{domxref("PasswordCredential")}} interface returns a string
diff --git a/files/en-us/web/api/passwordcredential/password/index.md b/files/en-us/web/api/passwordcredential/password/index.md
index e67fa3abc640101..490c99fa2ed08d5 100644
--- a/files/en-us/web/api/passwordcredential/password/index.md
+++ b/files/en-us/web/api/passwordcredential/password/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PasswordCredential.password
 ---
 
-{{SeeCompatTable}}{{APIRef("Credential Management API")}}
+{{SeeCompatTable}}{{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
 The **`password`** read-only property
 of the {{domxref("PasswordCredential")}} interface returns a string
diff --git a/files/en-us/web/api/passwordcredential/passwordcredential/index.md b/files/en-us/web/api/passwordcredential/passwordcredential/index.md
index d1b4043288231d0..02892fdf17ca6d4 100644
--- a/files/en-us/web/api/passwordcredential/passwordcredential/index.md
+++ b/files/en-us/web/api/passwordcredential/passwordcredential/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PasswordCredential.PasswordCredential
 ---
 
-{{APIRef("Credential Management API")}}{{SeeCompatTable}}
+{{APIRef("Credential Management API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`PasswordCredential()`**
 constructor creates a new {{domxref("PasswordCredential")}} object. In
diff --git a/files/en-us/web/api/paymentmanager/enabledelegations/index.md b/files/en-us/web/api/paymentmanager/enabledelegations/index.md
index d3325aa792d0da0..c2264794b3aee54 100644
--- a/files/en-us/web/api/paymentmanager/enabledelegations/index.md
+++ b/files/en-us/web/api/paymentmanager/enabledelegations/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PaymentManager.enableDelegations
 ---
 
-{{APIRef("Payment Handler API")}}{{SeeCompatTable}}
+{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`enableDelegations()`** method of the {{domxref("PaymentManager")}} interface delegates responsibility for providing various parts of the required payment information to the payment app rather than collecting it from the browser (for example, via autofill).
 
diff --git a/files/en-us/web/api/paymentmanager/index.md b/files/en-us/web/api/paymentmanager/index.md
index 1a097489f83565c..c8da519e207de6f 100644
--- a/files/en-us/web/api/paymentmanager/index.md
+++ b/files/en-us/web/api/paymentmanager/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.PaymentManager
 ---
 
-{{APIRef("Payment Handler API")}}{{SeeCompatTable}}
+{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`PaymentManager`** interface of the {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}} is used to manage various aspects of payment app functionality.
 
diff --git a/files/en-us/web/api/paymentmanager/userhint/index.md b/files/en-us/web/api/paymentmanager/userhint/index.md
index c77e8bc51e2ace9..a56cd6814f1353d 100644
--- a/files/en-us/web/api/paymentmanager/userhint/index.md
+++ b/files/en-us/web/api/paymentmanager/userhint/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PaymentManager.userHint
 ---
 
-{{APIRef("Payment Handler API")}}{{SeeCompatTable}}
+{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`userHint`** property of the {{domxref("PaymentManager")}} interface provides a hint for the browser to display along with the payment app's name and icon in the Payment Handler UI.
 
diff --git a/files/en-us/web/api/presentation/receiver/index.md b/files/en-us/web/api/presentation/receiver/index.md
index a13f055a05d77d4..0b8afaea6282766 100644
--- a/files/en-us/web/api/presentation/receiver/index.md
+++ b/files/en-us/web/api/presentation/receiver/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Presentation.receiver
 ---
 
-{{APIRef("Presentation")}}{{SeeCompatTable}}
+{{APIRef("Presentation")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **read-only** {{domxref("Presentation")}} attribute
 `receiver`, which is only available in browser contexts which are
diff --git a/files/en-us/web/api/presentationavailability/value/index.md b/files/en-us/web/api/presentationavailability/value/index.md
index 93bd09156b445e7..60fcd7a1d3ab02f 100644
--- a/files/en-us/web/api/presentationavailability/value/index.md
+++ b/files/en-us/web/api/presentationavailability/value/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationAvailability.value
 ---
 
-{{APIRef("Presentation API")}}{{SeeCompatTable}}
+{{APIRef("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`value`** attribute _MUST_ return the last value from which it was set. The value is updated by the [monitor the list of available presentation displays](https://www.w3.org/TR/presentation-api/#dfn-monitor-the-list-of-available-presentation-displays) algorithm.
 
diff --git a/files/en-us/web/api/presentationconnection/binarytype/index.md b/files/en-us/web/api/presentationconnection/binarytype/index.md
index 2d61217bb3b28cb..23767e52efe3d8d 100644
--- a/files/en-us/web/api/presentationconnection/binarytype/index.md
+++ b/files/en-us/web/api/presentationconnection/binarytype/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationConnection.binaryType
 ---
 
-{{APIRef("Presentation API")}}{{SeeCompatTable}}
+{{APIRef("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 When a {{DOMxRef("PresentationConnection")}} object is created, its `binaryType` IDL attribute _MUST_ be set to the string `"arraybuffer"`. Upon getting, the attribute _MUST_ return its most recent value (the value it was last set as). Upon setting, the user agent _MUST_ set the IDL attribute to the new value.
 
diff --git a/files/en-us/web/api/presentationconnection/close/index.md b/files/en-us/web/api/presentationconnection/close/index.md
index 4df7e5a8124a76a..dd7474ae644b68f 100644
--- a/files/en-us/web/api/presentationconnection/close/index.md
+++ b/files/en-us/web/api/presentationconnection/close/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationConnection.close
 ---
 
-{{APIRef("Presentation API")}}{{SeeCompatTable}}
+{{APIRef("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 When the `close()` method is called on a {{domxref("PresentationConnection")}}, the {{Glossary("user agent")}} begins the process of closing the connection by sending an empty `closeMessage` with the `closeReason` set to `closed`.
 
diff --git a/files/en-us/web/api/presentationconnection/id/index.md b/files/en-us/web/api/presentationconnection/id/index.md
index 0d8d9676d699033..b954e90303e3492 100644
--- a/files/en-us/web/api/presentationconnection/id/index.md
+++ b/files/en-us/web/api/presentationconnection/id/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationConnection.id
 ---
 
-{{APIRef("Presentation API")}}{{SeeCompatTable}}
+{{APIRef("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`id`** attribute specifies the [presentation identifier](https://www.w3.org/TR/presentation-api/#dfn-presentation-identifier) of a [presentation connection](https://www.w3.org/TR/presentation-api/#dfn-presentation-connection).
 
diff --git a/files/en-us/web/api/presentationconnection/send/index.md b/files/en-us/web/api/presentationconnection/send/index.md
index 8e4a1d9dfbb9ed6..0574c7ec15866b9 100644
--- a/files/en-us/web/api/presentationconnection/send/index.md
+++ b/files/en-us/web/api/presentationconnection/send/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationConnection.send
 ---
 
-{{APIRef("Presentation")}}{{SeeCompatTable}}
+{{APIRef("Presentation")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`send()`** method of the
 {{domxref("PresentationConnection")}} interface tells a controlling browsing context to
diff --git a/files/en-us/web/api/presentationconnection/state/index.md b/files/en-us/web/api/presentationconnection/state/index.md
index 511d9c385a895bd..7b51f6e21671d90 100644
--- a/files/en-us/web/api/presentationconnection/state/index.md
+++ b/files/en-us/web/api/presentationconnection/state/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationConnection.state
 ---
 
-{{APIRef("Presentation API")}}{{SeeCompatTable}}
+{{APIRef("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`state`** attribute reflects the [presentation connection](https://www.w3.org/TR/presentation-api/#dfn-presentation-connection)'s current state. Depending on the current [`PresentationConnectionState`](https://www.w3.org/TR/presentation-api/#idl-def-presentationconnectionstate), the `state` attribute can hold one of the following values.
 
diff --git a/files/en-us/web/api/presentationconnection/terminate/index.md b/files/en-us/web/api/presentationconnection/terminate/index.md
index 1a89040763fdc5e..f66c7e85e666074 100644
--- a/files/en-us/web/api/presentationconnection/terminate/index.md
+++ b/files/en-us/web/api/presentationconnection/terminate/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationConnection.terminate
 ---
 
-{{APIRef("Presentation API")}}{{SeeCompatTable}}
+{{APIRef("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 When the `terminate()` method is called on a {{domxref("PresentationConnection")}}, the {{Glossary("user agent")}} begins the process of terminating the presentation. The exact process differs depending on whether `terminate()` is called in the controlling or the presenting context.
 
diff --git a/files/en-us/web/api/presentationconnection/url/index.md b/files/en-us/web/api/presentationconnection/url/index.md
index fe13acfb75a5a01..1b98d95686cc266 100644
--- a/files/en-us/web/api/presentationconnection/url/index.md
+++ b/files/en-us/web/api/presentationconnection/url/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationConnection.url
 ---
 
-{{SeeCompatTable}}{{DefaultAPISidebar("Presentation API")}}
+{{SeeCompatTable}}{{DefaultAPISidebar("Presentation API")}}{{SecureContext_Header}}
 
 The **`url`** readonly property of the
 {{domxref("PresentationConnection")}} interface returns the URL used to create or
diff --git a/files/en-us/web/api/presentationconnectionavailableevent/connection/index.md b/files/en-us/web/api/presentationconnectionavailableevent/connection/index.md
index 09ffc98f55b7f81..756f399d60c310e 100644
--- a/files/en-us/web/api/presentationconnectionavailableevent/connection/index.md
+++ b/files/en-us/web/api/presentationconnectionavailableevent/connection/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationConnectionAvailableEvent.connection
 ---
 
-{{APIRef("Presentation API")}}{{SeeCompatTable}}
+{{APIRef("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 When an incoming connection is created, a [receiving user agent](https://www.w3.org/TR/presentation-api/#dfn-receiving-user-agent) [fires](https://www.w3.org/TR/presentation-api/#dfn-firing-an-event) a [trusted event](https://www.w3.org/TR/presentation-api/#dfn-trusted-event), named [`connectionavailable`](https://www.w3.org/TR/presentation-api/#dfn-connectionavailable), on a [`PresentationReceiver`](https://www.w3.org/TR/presentation-api/#idl-def-presentationreceiver). The [trusted event](https://www.w3.org/TR/presentation-api/#dfn-trusted-event) is fired at the [presentation controller's monitor](https://www.w3.org/TR/presentation-api/#dfn-presentation-controllers-monitor), using the [`PresentationConnectionAvailableEvent`](https://www.w3.org/TR/presentation-api/#idl-def-presentationconnectionavailableevent) interface, with the [`connection`](https://www.w3.org/TR/presentation-api/#idl-def-presentationconnectionavailableevent-connection) attribute set to the [`PresentationConnection`](https://www.w3.org/TR/presentation-api/#idl-def-presentationconnection) object that was created.
 
diff --git a/files/en-us/web/api/presentationconnectionavailableevent/presentationconnectionavailableevent/index.md b/files/en-us/web/api/presentationconnectionavailableevent/presentationconnectionavailableevent/index.md
index 4bb950bbbe11d29..1da949478962036 100644
--- a/files/en-us/web/api/presentationconnectionavailableevent/presentationconnectionavailableevent/index.md
+++ b/files/en-us/web/api/presentationconnectionavailableevent/presentationconnectionavailableevent/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationConnectionAvailableEvent.PresentationConnectionAvailableEvent
 ---
 
-{{APIRef("Presentation API")}}{{SeeCompatTable}}
+{{APIRef("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`PresentationConnectionAvailableEvent()`** constructor creates a new {{domxref("PresentationConnectionAvailableEvent")}} object.
 
diff --git a/files/en-us/web/api/presentationrequest/getavailability/index.md b/files/en-us/web/api/presentationrequest/getavailability/index.md
index f2caf1fed348a9d..c1a2f19dd57747f 100644
--- a/files/en-us/web/api/presentationrequest/getavailability/index.md
+++ b/files/en-us/web/api/presentationrequest/getavailability/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationRequest.getAvailability
 ---
 
-{{APIRef("Presentation API")}}{{SeeCompatTable}}
+{{APIRef("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 When the `getAvailability()` method is called, the user agent _MUST_ run the following steps:
 
diff --git a/files/en-us/web/api/presentationrequest/presentationrequest/index.md b/files/en-us/web/api/presentationrequest/presentationrequest/index.md
index 00675fd3b17059c..e6617436ebd705c 100644
--- a/files/en-us/web/api/presentationrequest/presentationrequest/index.md
+++ b/files/en-us/web/api/presentationrequest/presentationrequest/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationRequest.PresentationRequest
 ---
 
-{{APIRef("Presentation API")}}{{SeeCompatTable}}
+{{APIRef("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`PresentationRequest()`**
 constructor creates a new {{domxref("PresentationRequest")}} object which creates a
diff --git a/files/en-us/web/api/presentationrequest/reconnect/index.md b/files/en-us/web/api/presentationrequest/reconnect/index.md
index b29bef619ac9db8..94a9241eb00bf31 100644
--- a/files/en-us/web/api/presentationrequest/reconnect/index.md
+++ b/files/en-us/web/api/presentationrequest/reconnect/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationRequest.reconnect
 ---
 
-{{APIRef("Presentation API")}}{{SeeCompatTable}}
+{{APIRef("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 When the `reconnect(presentationId)` method is called on a `PresentationRequest` _presentationRequest_, the [user agent](https://www.w3.org/TR/presentation-api/#dfn-user-agents) _MUST_ run the following steps to _reconnect to a presentation_:
 
diff --git a/files/en-us/web/api/presentationrequest/start/index.md b/files/en-us/web/api/presentationrequest/start/index.md
index e151e5e70d9dd7d..df85e42753d1e24 100644
--- a/files/en-us/web/api/presentationrequest/start/index.md
+++ b/files/en-us/web/api/presentationrequest/start/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.PresentationRequest.start
 ---
 
-{{DefaultAPISidebar("Presentation API")}}{{SeeCompatTable}}
+{{DefaultAPISidebar("Presentation API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`start()`** property of the {{domxref("PresentationRequest")}} interface returns a {{jsxref("Promise")}} that resolves with a {{domxref("PresentationConnection")}} after the user agent prompts the user to select a display and grant permission to use that display.
 
diff --git a/files/en-us/web/api/pushevent/data/index.md b/files/en-us/web/api/pushevent/data/index.md
index c14545436ac3ac0..85f0ef00441287c 100644
--- a/files/en-us/web/api/pushevent/data/index.md
+++ b/files/en-us/web/api/pushevent/data/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.PushEvent.data
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The `data` read-only property of the **`PushEvent`** interface returns a reference to a {{domxref("PushMessageData")}} object containing data sent to the {{domxref("PushSubscription")}}.
 
diff --git a/files/en-us/web/api/pushevent/index.md b/files/en-us/web/api/pushevent/index.md
index a788851548a0936..cc5f524093c5ec0 100644
--- a/files/en-us/web/api/pushevent/index.md
+++ b/files/en-us/web/api/pushevent/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.PushEvent
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`PushEvent`** interface of the [Push API](/en-US/docs/Web/API/Push_API) represents a push message that has been received. This event is sent to the [global scope](/en-US/docs/Web/API/ServiceWorkerGlobalScope) of a {{domxref("ServiceWorker")}}. It contains the information sent from an application server to a {{domxref("PushSubscription")}}.
 
diff --git a/files/en-us/web/api/pushevent/pushevent/index.md b/files/en-us/web/api/pushevent/pushevent/index.md
index 2c080d663643074..61b73fb9f7d4c8d 100644
--- a/files/en-us/web/api/pushevent/pushevent/index.md
+++ b/files/en-us/web/api/pushevent/pushevent/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.PushEvent.PushEvent
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`PushEvent()`** constructor creates a new
 {{domxref("PushEvent")}} object. Note that this constructor is exposed only to a
diff --git a/files/en-us/web/api/pushmanager/getsubscription/index.md b/files/en-us/web/api/pushmanager/getsubscription/index.md
index ac1159e182aab28..619cf01cee286ce 100644
--- a/files/en-us/web/api/pushmanager/getsubscription/index.md
+++ b/files/en-us/web/api/pushmanager/getsubscription/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.PushManager.getSubscription
 ---
 
-{{ApiRef("Push API")}}
+{{ApiRef("Push API")}}{{SecureContext_Header}}
 
 The **`PushManager.getSubscription()`** method of the {{domxref("PushManager")}} interface retrieves an existing push subscription.
 
diff --git a/files/en-us/web/api/pushmanager/index.md b/files/en-us/web/api/pushmanager/index.md
index 3ed7cfb6ec163de..ca4cb430ce5b465 100644
--- a/files/en-us/web/api/pushmanager/index.md
+++ b/files/en-us/web/api/pushmanager/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.PushManager
 ---
 
-{{ApiRef("Push API")}}
+{{ApiRef("Push API")}}{{SecureContext_Header}}
 
 The **`PushManager`** interface of the [Push API](/en-US/docs/Web/API/Push_API) provides a way to receive notifications from third-party servers as well as request URLs for push notifications.
 
diff --git a/files/en-us/web/api/pushmanager/permissionstate/index.md b/files/en-us/web/api/pushmanager/permissionstate/index.md
index d559a227b15ce49..87d0ed8cda34869 100644
--- a/files/en-us/web/api/pushmanager/permissionstate/index.md
+++ b/files/en-us/web/api/pushmanager/permissionstate/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.PushManager.permissionState
 ---
 
-{{ApiRef("Push API")}}
+{{ApiRef("Push API")}}{{SecureContext_Header}}
 
 The **`permissionState()`** method of the
 {{domxref("PushManager")}} interface returns a {{jsxref("Promise")}} that resolves to a
diff --git a/files/en-us/web/api/pushmanager/subscribe/index.md b/files/en-us/web/api/pushmanager/subscribe/index.md
index b2389cd22e5ca96..881447cbd67d4e6 100644
--- a/files/en-us/web/api/pushmanager/subscribe/index.md
+++ b/files/en-us/web/api/pushmanager/subscribe/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.PushManager.subscribe
 ---
 
-{{ApiRef("Push API")}}
+{{ApiRef("Push API")}}{{SecureContext_Header}}
 
 The **`subscribe()`** method of the {{domxref("PushManager")}}
 interface subscribes to a push service.
diff --git a/files/en-us/web/api/pushmanager/supportedcontentencodings_static/index.md b/files/en-us/web/api/pushmanager/supportedcontentencodings_static/index.md
index 5eecaf8d0b93477..011174aede2aea4 100644
--- a/files/en-us/web/api/pushmanager/supportedcontentencodings_static/index.md
+++ b/files/en-us/web/api/pushmanager/supportedcontentencodings_static/index.md
@@ -6,7 +6,7 @@ page-type: web-api-static-property
 browser-compat: api.PushManager.supportedContentEncodings_static
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`supportedContentEncodings`** read-only static property of the
 {{domxref("PushManager")}} interface returns an array of supported content codings that
diff --git a/files/en-us/web/api/pushmessagedata/arraybuffer/index.md b/files/en-us/web/api/pushmessagedata/arraybuffer/index.md
index ce8dc5f42473147..01787b52e65abeb 100644
--- a/files/en-us/web/api/pushmessagedata/arraybuffer/index.md
+++ b/files/en-us/web/api/pushmessagedata/arraybuffer/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.PushMessageData.arrayBuffer
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`arrayBuffer()`** method of the {{domxref("PushMessageData")}} interface extracts push message data as an {{jsxref("ArrayBuffer")}} object.
 
diff --git a/files/en-us/web/api/pushmessagedata/blob/index.md b/files/en-us/web/api/pushmessagedata/blob/index.md
index d398dde3b007882..8c2ac6ba3f821d9 100644
--- a/files/en-us/web/api/pushmessagedata/blob/index.md
+++ b/files/en-us/web/api/pushmessagedata/blob/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.PushMessageData.blob
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`blob()`** method of the {{domxref("PushMessageData")}} interface extracts push message data as a {{domxref("Blob")}} object.
 
diff --git a/files/en-us/web/api/pushmessagedata/index.md b/files/en-us/web/api/pushmessagedata/index.md
index 78ae5fc38663426..4a2cb901f51b351 100644
--- a/files/en-us/web/api/pushmessagedata/index.md
+++ b/files/en-us/web/api/pushmessagedata/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.PushMessageData
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`PushMessageData`** interface of the [Push API](/en-US/docs/Web/API/Push_API) provides methods which let you retrieve the push data sent by a server in various formats.
 
diff --git a/files/en-us/web/api/pushmessagedata/json/index.md b/files/en-us/web/api/pushmessagedata/json/index.md
index 376bceb08e9f32f..a2b1087c02861e2 100644
--- a/files/en-us/web/api/pushmessagedata/json/index.md
+++ b/files/en-us/web/api/pushmessagedata/json/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.PushMessageData.json
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`json()`** method of the {{domxref("PushMessageData")}} interface extracts push message data by parsing it as a [JSON](/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON) string and returning the result.
 
diff --git a/files/en-us/web/api/pushmessagedata/text/index.md b/files/en-us/web/api/pushmessagedata/text/index.md
index 2a781ea3af3a639..ae62e4d0bc922ad 100644
--- a/files/en-us/web/api/pushmessagedata/text/index.md
+++ b/files/en-us/web/api/pushmessagedata/text/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.PushMessageData.text
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`text()`** method of the {{domxref("PushMessageData")}} interface extracts push message data as a plain text string.
 
diff --git a/files/en-us/web/api/pushsubscription/endpoint/index.md b/files/en-us/web/api/pushsubscription/endpoint/index.md
index 5d7a37edc8bf5c9..0b2f0435e4f096b 100644
--- a/files/en-us/web/api/pushsubscription/endpoint/index.md
+++ b/files/en-us/web/api/pushsubscription/endpoint/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.PushSubscription.endpoint
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`endpoint`** read-only property of the
 {{domxref("PushSubscription")}} interface returns a string containing
diff --git a/files/en-us/web/api/pushsubscription/expirationtime/index.md b/files/en-us/web/api/pushsubscription/expirationtime/index.md
index 112f2fdcfcf6104..7c4583f59652d4a 100644
--- a/files/en-us/web/api/pushsubscription/expirationtime/index.md
+++ b/files/en-us/web/api/pushsubscription/expirationtime/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.PushSubscription.expirationTime
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`expirationTime`** read-only property of the
 {{domxref("PushSubscription")}} interface returns a {{domxref("DOMHighResTimeStamp")}}
diff --git a/files/en-us/web/api/pushsubscription/getkey/index.md b/files/en-us/web/api/pushsubscription/getkey/index.md
index fb4d44dce42696b..a4a9776bf25ee72 100644
--- a/files/en-us/web/api/pushsubscription/getkey/index.md
+++ b/files/en-us/web/api/pushsubscription/getkey/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.PushSubscription.getKey
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The `getKey()` method of the {{domxref("PushSubscription")}} interface
 returns an {{jsxref("ArrayBuffer")}} representing a client public key, which can then
diff --git a/files/en-us/web/api/pushsubscription/index.md b/files/en-us/web/api/pushsubscription/index.md
index fbed366391d6f86..3b18bd68b1a39a2 100644
--- a/files/en-us/web/api/pushsubscription/index.md
+++ b/files/en-us/web/api/pushsubscription/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.PushSubscription
 ---
 
-{{ApiRef("Push API")}}
+{{ApiRef("Push API")}}{{SecureContext_Header}}
 
 The `PushSubscription` interface of the [Push API](/en-US/docs/Web/API/Push_API) provides a subscription's URL endpoint and allows unsubscribing from a push service.
 
diff --git a/files/en-us/web/api/pushsubscription/options/index.md b/files/en-us/web/api/pushsubscription/options/index.md
index 8edb1a2d16546bc..17c8e4003863ed4 100644
--- a/files/en-us/web/api/pushsubscription/options/index.md
+++ b/files/en-us/web/api/pushsubscription/options/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.PushSubscription.options
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`options`** read-only property
 of the {{domxref("PushSubscription")}} interface is an object containing the options
diff --git a/files/en-us/web/api/pushsubscription/tojson/index.md b/files/en-us/web/api/pushsubscription/tojson/index.md
index 62e63271360d3fe..1058b821ad1dca4 100644
--- a/files/en-us/web/api/pushsubscription/tojson/index.md
+++ b/files/en-us/web/api/pushsubscription/tojson/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.PushSubscription.toJSON
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The `toJSON()` method of the {{domxref("PushSubscription")}} interface is a
 standard serializer: it returns a JSON representation of the subscription properties,
diff --git a/files/en-us/web/api/pushsubscription/unsubscribe/index.md b/files/en-us/web/api/pushsubscription/unsubscribe/index.md
index 04c7b51d41f21b8..81e1064b4bb5dd5 100644
--- a/files/en-us/web/api/pushsubscription/unsubscribe/index.md
+++ b/files/en-us/web/api/pushsubscription/unsubscribe/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.PushSubscription.unsubscribe
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The `unsubscribe()` method of the {{domxref("PushSubscription")}} interface
 returns a {{jsxref("Promise")}} that resolves to a boolean value when the
diff --git a/files/en-us/web/api/pushsubscriptionoptions/applicationserverkey/index.md b/files/en-us/web/api/pushsubscriptionoptions/applicationserverkey/index.md
index f465ce947d5c19d..4090653a29332e7 100644
--- a/files/en-us/web/api/pushsubscriptionoptions/applicationserverkey/index.md
+++ b/files/en-us/web/api/pushsubscriptionoptions/applicationserverkey/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.PushSubscriptionOptions.applicationServerKey
 ---
 
-{{DefaultAPISidebar("Push API")}}
+{{DefaultAPISidebar("Push API")}}{{SecureContext_Header}}
 
 The **`applicationServerKey`** read-only property of the {{domxref("PushSubscriptionOptions")}} interface contains the public key used by the push server.
 
diff --git a/files/en-us/web/api/pushsubscriptionoptions/index.md b/files/en-us/web/api/pushsubscriptionoptions/index.md
index 9f8f7eb35030f3d..96774e1446783e7 100644
--- a/files/en-us/web/api/pushsubscriptionoptions/index.md
+++ b/files/en-us/web/api/pushsubscriptionoptions/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.PushSubscriptionOptions
 ---
 
-{{DefaultAPISidebar("Push API")}}
+{{DefaultAPISidebar("Push API")}}{{SecureContext_Header}}
 
 The **`PushSubscriptionOptions`** interface of the {{domxref('Push API','','',' ')}} represents the options associated with a push subscription.
 
diff --git a/files/en-us/web/api/pushsubscriptionoptions/uservisibleonly/index.md b/files/en-us/web/api/pushsubscriptionoptions/uservisibleonly/index.md
index b189ffd5462e30a..a6f3eb064b8687d 100644
--- a/files/en-us/web/api/pushsubscriptionoptions/uservisibleonly/index.md
+++ b/files/en-us/web/api/pushsubscriptionoptions/uservisibleonly/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.PushSubscriptionOptions.userVisibleOnly
 ---
 
-{{DefaultAPISidebar("Push API")}}
+{{DefaultAPISidebar("Push API")}}{{SecureContext_Header}}
 
 The **`userVisibleOnly`** read-only property of the {{domxref("PushSubscriptionOptions")}} interface indicates if the returned push subscription will only be used for messages whose effect is made visible to the user.
 
diff --git a/files/en-us/web/api/screendetailed/availleft/index.md b/files/en-us/web/api/screendetailed/availleft/index.md
index 2d4b65596f8df4f..b63c93fba254689 100644
--- a/files/en-us/web/api/screendetailed/availleft/index.md
+++ b/files/en-us/web/api/screendetailed/availleft/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetailed.availLeft
 ---
 
-{{APIRef("Window Management API")}}{{seecompattable}}
+{{APIRef("Window Management API")}}{{seecompattable}}{{SecureContext_Header}}
 
 The **`availLeft`** read-only property of the
 {{domxref("ScreenDetailed")}} interface is a number representing the x-coordinate (left-hand edge) of the available screen area inside the OS virtual screen arrangement, relative to the [multi-screen origin](/en-US/docs/Web/API/Window_Management_API/Multi-screen_origin).
diff --git a/files/en-us/web/api/screendetailed/availtop/index.md b/files/en-us/web/api/screendetailed/availtop/index.md
index 4b0b4bdd9339d28..0858888d97fd251 100644
--- a/files/en-us/web/api/screendetailed/availtop/index.md
+++ b/files/en-us/web/api/screendetailed/availtop/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetailed.availTop
 ---
 
-{{APIRef("Window Management API")}}{{seecompattable}}
+{{APIRef("Window Management API")}}{{seecompattable}}{{SecureContext_Header}}
 
 The **`availTop`** read-only property of the
 {{domxref("ScreenDetailed")}} interface is a number representing the y-coordinate (top edge) of the available screen area inside the OS virtual screen arrangement, relative to the [multi-screen origin](/en-US/docs/Web/API/Window_Management_API/Multi-screen_origin).
diff --git a/files/en-us/web/api/screendetailed/devicepixelratio/index.md b/files/en-us/web/api/screendetailed/devicepixelratio/index.md
index 010b31712399bf6..3aa7207067b0d6f 100644
--- a/files/en-us/web/api/screendetailed/devicepixelratio/index.md
+++ b/files/en-us/web/api/screendetailed/devicepixelratio/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetailed.devicePixelRatio
 ---
 
-{{APIRef("Window Management API")}}{{SeeCompatTable}}
+{{APIRef("Window Management API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`devicePixelRatio`** read-only property of the
 {{domxref("ScreenDetailed")}} interface is a number representing the screen's device pixel ratio.
diff --git a/files/en-us/web/api/screendetailed/isinternal/index.md b/files/en-us/web/api/screendetailed/isinternal/index.md
index c344a8b6ae284d0..410e2948a579a42 100644
--- a/files/en-us/web/api/screendetailed/isinternal/index.md
+++ b/files/en-us/web/api/screendetailed/isinternal/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetailed.isInternal
 ---
 
-{{APIRef("Window Management API")}}{{SeeCompatTable}}
+{{APIRef("Window Management API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`isInternal`** read-only property of the
 {{domxref("ScreenDetailed")}} interface is a boolean indicating whether the screen is internal to the device or external. External devices are generally manufactured separately from the device they are attached to and can be connected and disconnected as needed, whereas internal screens are part of the device and not intended to be disconnected.
diff --git a/files/en-us/web/api/screendetailed/isprimary/index.md b/files/en-us/web/api/screendetailed/isprimary/index.md
index 992371c1199ffb1..8176edba9fef194 100644
--- a/files/en-us/web/api/screendetailed/isprimary/index.md
+++ b/files/en-us/web/api/screendetailed/isprimary/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetailed.isPrimary
 ---
 
-{{APIRef("Window Management API")}}{{SeeCompatTable}}
+{{APIRef("Window Management API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`isPrimary`** read-only property of the
 {{domxref("ScreenDetailed")}} interface is a boolean indicating whether the screen is set as the operating system (OS) primary screen or not.
diff --git a/files/en-us/web/api/screendetailed/label/index.md b/files/en-us/web/api/screendetailed/label/index.md
index b74e5b7ce46ff93..f3f491502b44d09 100644
--- a/files/en-us/web/api/screendetailed/label/index.md
+++ b/files/en-us/web/api/screendetailed/label/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetailed.label
 ---
 
-{{APIRef("Window Management API")}}{{SeeCompatTable}}
+{{APIRef("Window Management API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`label`** read-only property of the
 {{domxref("ScreenDetailed")}} interface is a string providing a descriptive label for the screen, for example "Built-in Retina Display".
diff --git a/files/en-us/web/api/screendetailed/left/index.md b/files/en-us/web/api/screendetailed/left/index.md
index a2154541a7214f4..edc268d46ddd6ea 100644
--- a/files/en-us/web/api/screendetailed/left/index.md
+++ b/files/en-us/web/api/screendetailed/left/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetailed.left
 ---
 
-{{APIRef("Window Management API")}}{{seecompattable}}
+{{APIRef("Window Management API")}}{{seecompattable}}{{SecureContext_Header}}
 
 The **`left`** read-only property of the
 {{domxref("ScreenDetailed")}} interface is a number representing the x-coordinate (left-hand edge) of the total screen area inside the OS virtual screen arrangement, relative to the [multi-screen origin](/en-US/docs/Web/API/Window_Management_API/Multi-screen_origin).
diff --git a/files/en-us/web/api/screendetailed/top/index.md b/files/en-us/web/api/screendetailed/top/index.md
index 76ecdc20bcae400..c3157ff1e4db3d5 100644
--- a/files/en-us/web/api/screendetailed/top/index.md
+++ b/files/en-us/web/api/screendetailed/top/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetailed.top
 ---
 
-{{APIRef("Window Management API")}}{{seecompattable}}
+{{APIRef("Window Management API")}}{{seecompattable}}{{SecureContext_Header}}
 
 The **`top`** read-only property of the
 {{domxref("ScreenDetailed")}} interface is a number representing the y-coordinate (top edge) of the total screen area inside the OS virtual screen arrangement, relative to the [multi-screen origin](/en-US/docs/Web/API/Window_Management_API/Multi-screen_origin).
diff --git a/files/en-us/web/api/screendetails/currentscreen/index.md b/files/en-us/web/api/screendetails/currentscreen/index.md
index 266ae6c710bd2d5..b12255ea6dbaa19 100644
--- a/files/en-us/web/api/screendetails/currentscreen/index.md
+++ b/files/en-us/web/api/screendetails/currentscreen/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetails.currentScreen
 ---
 
-{{APIRef("Window Management API")}}{{SeeCompatTable}}
+{{APIRef("Window Management API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`currentScreen`** read-only property of the
 {{domxref("ScreenDetails")}} interface contains a single {{domxref("ScreenDetailed")}} object representing detailed information about the screen that the current browser window is displayed in.
diff --git a/files/en-us/web/api/screendetails/currentscreenchange_event/index.md b/files/en-us/web/api/screendetails/currentscreenchange_event/index.md
index 3997fa137c47a4a..b85b3ce04ebde36 100644
--- a/files/en-us/web/api/screendetails/currentscreenchange_event/index.md
+++ b/files/en-us/web/api/screendetails/currentscreenchange_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetails.currentscreenchange_event
 ---
 
-{{APIRef("Window Management API")}}{{SeeCompatTable}}
+{{APIRef("Window Management API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`currentscreenchange`** event of the {{domxref("ScreenDetails")}} interface is fired when the {{domxref("ScreenDetails.currentScreen")}} changes in one of the following ways:
 
diff --git a/files/en-us/web/api/screendetails/screens/index.md b/files/en-us/web/api/screendetails/screens/index.md
index 1d42f6eb3035495..aaedde0d52ba131 100644
--- a/files/en-us/web/api/screendetails/screens/index.md
+++ b/files/en-us/web/api/screendetails/screens/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetails.screens
 ---
 
-{{APIRef("Window Management API")}}{{SeeCompatTable}}
+{{APIRef("Window Management API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`screens`** read-only property of the
 {{domxref("ScreenDetails")}} interface contains an array of {{domxref("ScreenDetailed")}} objects, each one representing detailed information about one specific screen available to the user's device.
diff --git a/files/en-us/web/api/screendetails/screenschange_event/index.md b/files/en-us/web/api/screendetails/screenschange_event/index.md
index 7d15deefbd718d8..43157dccf5ab68e 100644
--- a/files/en-us/web/api/screendetails/screenschange_event/index.md
+++ b/files/en-us/web/api/screendetails/screenschange_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ScreenDetails.screenschange_event
 ---
 
-{{APIRef("Window Management API")}}{{SeeCompatTable}}
+{{APIRef("Window Management API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`screenschange`** event of the {{domxref("ScreenDetails")}} interface is fired when the set of screens available to the system has changed: that is, a new screen has become available or an existing screen has become unavailable. This will be reflected in a change in the {{domxref("ScreenDetails.screens", "screens")}} array.
 
diff --git a/files/en-us/web/api/serviceworker/error_event/index.md b/files/en-us/web/api/serviceworker/error_event/index.md
index 5f007d9e0f58536..69fd4e21407c63e 100644
--- a/files/en-us/web/api/serviceworker/error_event/index.md
+++ b/files/en-us/web/api/serviceworker/error_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.ServiceWorker.error_event
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The `error` event fires whenever an error occurs in the service worker.
 
diff --git a/files/en-us/web/api/serviceworker/scripturl/index.md b/files/en-us/web/api/serviceworker/scripturl/index.md
index 25ffd712d05488f..8730e7244c8da9f 100644
--- a/files/en-us/web/api/serviceworker/scripturl/index.md
+++ b/files/en-us/web/api/serviceworker/scripturl/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.ServiceWorker.scriptURL
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 Returns the `ServiceWorker` serialized script URL defined as part of [`ServiceWorkerRegistration`](/en-US/docs/Web/API/ServiceWorkerRegistration).
 Must be on the same origin as the document that registers the
diff --git a/files/en-us/web/api/serviceworker/state/index.md b/files/en-us/web/api/serviceworker/state/index.md
index b7c3ceabcdafa81..bf8a3f0125add9a 100644
--- a/files/en-us/web/api/serviceworker/state/index.md
+++ b/files/en-us/web/api/serviceworker/state/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.ServiceWorker.state
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`state`** read-only property of the
 {{domxref("ServiceWorker")}} interface returns a string representing the current state
diff --git a/files/en-us/web/api/serviceworker/statechange_event/index.md b/files/en-us/web/api/serviceworker/statechange_event/index.md
index 49d19d94838055e..508316603bb8526 100644
--- a/files/en-us/web/api/serviceworker/statechange_event/index.md
+++ b/files/en-us/web/api/serviceworker/statechange_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.ServiceWorker.statechange_event
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The `statechange` event fires anytime the {{domxref("ServiceWorker.state")}} changes.
 
diff --git a/files/en-us/web/api/serviceworkercontainer/controller/index.md b/files/en-us/web/api/serviceworkercontainer/controller/index.md
index fdeb4107b1f1ab1..77da4d471d8d806 100644
--- a/files/en-us/web/api/serviceworkercontainer/controller/index.md
+++ b/files/en-us/web/api/serviceworkercontainer/controller/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.ServiceWorkerContainer.controller
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`controller`** read-only
 property of the {{domxref("ServiceWorkerContainer")}} interface returns a
diff --git a/files/en-us/web/api/serviceworkercontainer/controllerchange_event/index.md b/files/en-us/web/api/serviceworkercontainer/controllerchange_event/index.md
index 5ad16a7480a5ea0..79bbef601b72760 100644
--- a/files/en-us/web/api/serviceworkercontainer/controllerchange_event/index.md
+++ b/files/en-us/web/api/serviceworkercontainer/controllerchange_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.ServiceWorkerContainer.controllerchange_event
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`controllerchange`** event of the {{domxref("ServiceWorkerContainer")}} interface fires when the document's associated {{domxref("ServiceWorkerRegistration")}} acquires a new {{domxref("ServiceWorkerRegistration.active","active")}} worker.
 
diff --git a/files/en-us/web/api/serviceworkercontainer/getregistration/index.md b/files/en-us/web/api/serviceworkercontainer/getregistration/index.md
index 26f8d7a2c446570..16cdab1e72f8fd6 100644
--- a/files/en-us/web/api/serviceworkercontainer/getregistration/index.md
+++ b/files/en-us/web/api/serviceworkercontainer/getregistration/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.ServiceWorkerContainer.getRegistration
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`getRegistration()`** method of the
 {{domxref("ServiceWorkerContainer")}} interface gets a
diff --git a/files/en-us/web/api/serviceworkercontainer/getregistrations/index.md b/files/en-us/web/api/serviceworkercontainer/getregistrations/index.md
index 6f37a93497b7fc6..6e960c0e416c433 100644
--- a/files/en-us/web/api/serviceworkercontainer/getregistrations/index.md
+++ b/files/en-us/web/api/serviceworkercontainer/getregistrations/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.ServiceWorkerContainer.getRegistrations
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`getRegistrations()`** method of the
 {{domxref("ServiceWorkerContainer")}} interface gets all
diff --git a/files/en-us/web/api/serviceworkercontainer/index.md b/files/en-us/web/api/serviceworkercontainer/index.md
index 4d0bc0a87becc64..ed728807ac20e40 100644
--- a/files/en-us/web/api/serviceworkercontainer/index.md
+++ b/files/en-us/web/api/serviceworkercontainer/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.ServiceWorkerContainer
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`ServiceWorkerContainer`** interface of the [Service Worker API](/en-US/docs/Web/API/Service_Worker_API) provides an object representing the service worker as an overall unit in the network ecosystem, including facilities to register, unregister and update service workers, and access the state of service workers and their registrations.
 
diff --git a/files/en-us/web/api/serviceworkercontainer/message_event/index.md b/files/en-us/web/api/serviceworkercontainer/message_event/index.md
index fb42bc016a2b381..77347d9f1efb3b0 100644
--- a/files/en-us/web/api/serviceworkercontainer/message_event/index.md
+++ b/files/en-us/web/api/serviceworkercontainer/message_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.ServiceWorkerContainer.message_event
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`message`** event is used in a page controlled by a service worker to receive messages from the service worker.
 
diff --git a/files/en-us/web/api/serviceworkercontainer/messageerror_event/index.md b/files/en-us/web/api/serviceworkercontainer/messageerror_event/index.md
index bb3efe30bf2d00c..14caebc60eb3f99 100644
--- a/files/en-us/web/api/serviceworkercontainer/messageerror_event/index.md
+++ b/files/en-us/web/api/serviceworkercontainer/messageerror_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.ServiceWorkerContainer.messageerror_event
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`messageerror`** event is fired to the {{domxref("ServiceWorkerContainer")}} when an incoming message sent to the associated worker can't be deserialized.
 
diff --git a/files/en-us/web/api/serviceworkercontainer/ready/index.md b/files/en-us/web/api/serviceworkercontainer/ready/index.md
index 916b93cf7c02bcc..f0bd4823ed551ce 100644
--- a/files/en-us/web/api/serviceworkercontainer/ready/index.md
+++ b/files/en-us/web/api/serviceworkercontainer/ready/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.ServiceWorkerContainer.ready
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`ready`** read-only property of
 the {{domxref("ServiceWorkerContainer")}} interface provides a way of delaying code
diff --git a/files/en-us/web/api/serviceworkercontainer/register/index.md b/files/en-us/web/api/serviceworkercontainer/register/index.md
index 2a0e1c3a836323d..886eb47013aecc2 100644
--- a/files/en-us/web/api/serviceworkercontainer/register/index.md
+++ b/files/en-us/web/api/serviceworkercontainer/register/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.ServiceWorkerContainer.register
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`register()`** method of the
 {{domxref("ServiceWorkerContainer")}} interface creates or updates a
diff --git a/files/en-us/web/api/serviceworkercontainer/startmessages/index.md b/files/en-us/web/api/serviceworkercontainer/startmessages/index.md
index bedb065604b4eec..c307bde83a83aec 100644
--- a/files/en-us/web/api/serviceworkercontainer/startmessages/index.md
+++ b/files/en-us/web/api/serviceworkercontainer/startmessages/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.ServiceWorkerContainer.startMessages
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`startMessages()`** method of
 the {{domxref("ServiceWorkerContainer")}} interface explicitly starts the flow of
diff --git a/files/en-us/web/api/serviceworkerglobalscope/push_event/index.md b/files/en-us/web/api/serviceworkerglobalscope/push_event/index.md
index cead297c8ebace9..021e424ba97a30b 100644
--- a/files/en-us/web/api/serviceworkerglobalscope/push_event/index.md
+++ b/files/en-us/web/api/serviceworkerglobalscope/push_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.ServiceWorkerGlobalScope.push_event
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`push`** event is sent to a service worker's global scope (represented by the {{domxref("ServiceWorkerGlobalScope")}} interface) when the service worker has received a push message.
 
diff --git a/files/en-us/web/api/serviceworkerglobalscope/pushsubscriptionchange_event/index.md b/files/en-us/web/api/serviceworkerglobalscope/pushsubscriptionchange_event/index.md
index 83ed0eb666bac49..dba89a367cf6f36 100644
--- a/files/en-us/web/api/serviceworkerglobalscope/pushsubscriptionchange_event/index.md
+++ b/files/en-us/web/api/serviceworkerglobalscope/pushsubscriptionchange_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.ServiceWorkerGlobalScope.pushsubscriptionchange_event
 ---
 
-{{APIRef("Push API")}}
+{{APIRef("Push API")}}{{SecureContext_Header}}
 
 The **`pushsubscriptionchange`** event is sent to the [global scope](/en-US/docs/Web/API/ServiceWorkerGlobalScope) of a {{domxref("ServiceWorker")}} to indicate a change in push subscription that was triggered outside the application's control.
 
diff --git a/files/en-us/web/api/serviceworkerregistration/active/index.md b/files/en-us/web/api/serviceworkerregistration/active/index.md
index 35867c56f89144e..82896e6268da9d3 100644
--- a/files/en-us/web/api/serviceworkerregistration/active/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/active/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.ServiceWorkerRegistration.active
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`active`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a service worker whose
diff --git a/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md b/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md
index f3ca06182edde02..87a77e3c57b97e2 100644
--- a/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/backgroundfetch/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ServiceWorkerRegistration.backgroundFetch
 ---
 
-{{APIRef("Background Fetch API")}}{{SeeCompatTable}}
+{{APIRef("Background Fetch API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`backgroundFetch`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a reference to a
diff --git a/files/en-us/web/api/serviceworkerregistration/cookies/index.md b/files/en-us/web/api/serviceworkerregistration/cookies/index.md
index cdbb99a1848e1c5..b2a84376782f671 100644
--- a/files/en-us/web/api/serviceworkerregistration/cookies/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/cookies/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ServiceWorkerRegistration.cookies
 ---
 
-{{APIRef("Cookie Store API")}}{{SeeCompatTable}}
+{{APIRef("Cookie Store API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`cookies`** read-only property of the {{domxref("ServiceWorkerRegistration")}} interface returns a reference to the {{domxref("CookieStoreManager")}} interface, which enables a web app to subscribe to and unsubscribe from cookie change events in a [service worker](/en-US/docs/Web/API/Service_Worker_API). This is an entry point for the [Cookie Store API](/en-US/docs/Web/API/Cookie_Store_API).
 
diff --git a/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md b/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md
index 49d00c3e021f972..f021ec87eb949c5 100644
--- a/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/getnotifications/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.ServiceWorkerRegistration.getNotifications
 ---
 
-{{APIRef("Web Notifications")}}
+{{APIRef("Web Notifications")}}{{SecureContext_Header}}
 
 The **`getNotifications()`** method of
 the {{domxref("ServiceWorkerRegistration")}} interface returns a list of the
diff --git a/files/en-us/web/api/serviceworkerregistration/index.md b/files/en-us/web/api/serviceworkerregistration/index.md
index af3a6ee540482f8..7201858ce037858 100644
--- a/files/en-us/web/api/serviceworkerregistration/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.ServiceWorkerRegistration
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`ServiceWorkerRegistration`** interface of the [Service Worker API](/en-US/docs/Web/API/Service_Worker_API) represents the service worker registration. You register a service worker to control one or more pages that share the same origin.
 
diff --git a/files/en-us/web/api/serviceworkerregistration/index/index.md b/files/en-us/web/api/serviceworkerregistration/index/index.md
index c2c9b11df7f8cb9..dcacc7b7fae458a 100644
--- a/files/en-us/web/api/serviceworkerregistration/index/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/index/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ServiceWorkerRegistration.index
 ---
 
-{{APIRef("Service Workers API")}}{{SeeCompatTable}}
+{{APIRef("Service Workers API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`index`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a reference to the
diff --git a/files/en-us/web/api/serviceworkerregistration/installing/index.md b/files/en-us/web/api/serviceworkerregistration/installing/index.md
index d524ff85282b5bb..f747e5dbe59692a 100644
--- a/files/en-us/web/api/serviceworkerregistration/installing/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/installing/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.ServiceWorkerRegistration.installing
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`installing`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a service worker whose
diff --git a/files/en-us/web/api/serviceworkerregistration/navigationpreload/index.md b/files/en-us/web/api/serviceworkerregistration/navigationpreload/index.md
index 008b608d8636df4..cd8ed8ef24299ce 100644
--- a/files/en-us/web/api/serviceworkerregistration/navigationpreload/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/navigationpreload/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.ServiceWorkerRegistration.navigationPreload
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`navigationPreload`** read-only property of the {{domxref("ServiceWorkerRegistration")}} interface returns the {{domxref("NavigationPreloadManager")}} associated with the current service worker registration.
 
diff --git a/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md b/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md
index b3821f8603a4c06..04b68a0b0673b7e 100644
--- a/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/paymentmanager/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ServiceWorkerRegistration.paymentManager
 ---
 
-{{APIRef("Payment Handler API")}}{{SeeCompatTable}}
+{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`paymentManager`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a payment app's {{domxref("PaymentManager")}} instance, which is used to manage various payment app functionality.
diff --git a/files/en-us/web/api/serviceworkerregistration/periodicsync/index.md b/files/en-us/web/api/serviceworkerregistration/periodicsync/index.md
index e708d252348771a..e5a22bfe2f1259a 100644
--- a/files/en-us/web/api/serviceworkerregistration/periodicsync/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/periodicsync/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ServiceWorkerRegistration.periodicSync
 ---
 
-{{APIRef("Service Workers API")}}{{SeeCompatTable}}
+{{APIRef("Service Workers API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`periodicSync`** read-only property of
 the {{domxref("ServiceWorkerRegistration")}} interface returns a reference to the
diff --git a/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md b/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md
index 961764da2d20d0f..27fe565cc471761 100644
--- a/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/pushmanager/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.ServiceWorkerRegistration.pushManager
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`pushManager`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a reference to the
diff --git a/files/en-us/web/api/serviceworkerregistration/scope/index.md b/files/en-us/web/api/serviceworkerregistration/scope/index.md
index 8f92dde32f11425..d7694b6a8b8623d 100644
--- a/files/en-us/web/api/serviceworkerregistration/scope/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/scope/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.ServiceWorkerRegistration.scope
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`scope`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a unique identifier for a
diff --git a/files/en-us/web/api/serviceworkerregistration/shownotification/index.md b/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
index ad991bd232477b6..287308b78ebba70 100644
--- a/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.ServiceWorkerRegistration.showNotification
 ---
 
-{{APIRef("Web Notifications")}}
+{{APIRef("Web Notifications")}}{{SecureContext_Header}}
 
 The **`showNotification()`** method of the
 {{domxref("ServiceWorkerRegistration")}} interface creates a notification on an active
diff --git a/files/en-us/web/api/serviceworkerregistration/sync/index.md b/files/en-us/web/api/serviceworkerregistration/sync/index.md
index a10d7d731bfc389..29d9eee34b379d9 100644
--- a/files/en-us/web/api/serviceworkerregistration/sync/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/sync/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.ServiceWorkerRegistration.sync
 ---
 
-{{APIRef("Background Sync")}}{{SeeCompatTable}}
+{{APIRef("Background Sync")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`sync`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a reference to the
diff --git a/files/en-us/web/api/serviceworkerregistration/unregister/index.md b/files/en-us/web/api/serviceworkerregistration/unregister/index.md
index 8d94032c493a783..941edca84f62f69 100644
--- a/files/en-us/web/api/serviceworkerregistration/unregister/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/unregister/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.ServiceWorkerRegistration.unregister
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`unregister()`** method of the
 {{domxref("ServiceWorkerRegistration")}} interface unregisters the service worker
diff --git a/files/en-us/web/api/serviceworkerregistration/update/index.md b/files/en-us/web/api/serviceworkerregistration/update/index.md
index 78de80f7533a522..51226e0a97cea36 100644
--- a/files/en-us/web/api/serviceworkerregistration/update/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/update/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.ServiceWorkerRegistration.update
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`update()`** method of the
 {{domxref("ServiceWorkerRegistration")}} interface attempts to update the service
diff --git a/files/en-us/web/api/serviceworkerregistration/updatefound_event/index.md b/files/en-us/web/api/serviceworkerregistration/updatefound_event/index.md
index 527964be2a72f10..684537bf2b8d134 100644
--- a/files/en-us/web/api/serviceworkerregistration/updatefound_event/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/updatefound_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.ServiceWorkerRegistration.updatefound_event
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`updatefound`** event of the
 {{domxref("ServiceWorkerRegistration")}} interface is fired any time the {{domxref("ServiceWorkerRegistration.installing")}} property acquires a new service worker.
diff --git a/files/en-us/web/api/serviceworkerregistration/updateviacache/index.md b/files/en-us/web/api/serviceworkerregistration/updateviacache/index.md
index 780c835dc97248c..94bfbcbbae26f2e 100644
--- a/files/en-us/web/api/serviceworkerregistration/updateviacache/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/updateviacache/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.ServiceWorkerRegistration.updateViaCache
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`updateViaCache`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface updates the cache using
diff --git a/files/en-us/web/api/serviceworkerregistration/waiting/index.md b/files/en-us/web/api/serviceworkerregistration/waiting/index.md
index 39364c173eead47..8a80d8a97d9371e 100644
--- a/files/en-us/web/api/serviceworkerregistration/waiting/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/waiting/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.ServiceWorkerRegistration.waiting
 ---
 
-{{APIRef("Service Workers API")}}
+{{APIRef("Service Workers API")}}{{SecureContext_Header}}
 
 The **`waiting`** read-only property of the
 {{domxref("ServiceWorkerRegistration")}} interface returns a service worker whose
diff --git a/files/en-us/web/api/usb/connect_event/index.md b/files/en-us/web/api/usb/connect_event/index.md
index 191316a98f686d2..a1b9a3527298af0 100644
--- a/files/en-us/web/api/usb/connect_event/index.md
+++ b/files/en-us/web/api/usb/connect_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USB.connect_event
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`connect`** event of the {{DOMxRef("USB")}} interface is fired whenever a paired device is connected.
 
diff --git a/files/en-us/web/api/usb/disconnect_event/index.md b/files/en-us/web/api/usb/disconnect_event/index.md
index 877d2ad9dd37df3..c5bf64e4b5205bb 100644
--- a/files/en-us/web/api/usb/disconnect_event/index.md
+++ b/files/en-us/web/api/usb/disconnect_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USB.disconnect_event
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`disconnect`** event of the {{DOMxRef("USB")}} interface is fired whenever a paired device is disconnected.
 
diff --git a/files/en-us/web/api/usbdevice/claiminterface/index.md b/files/en-us/web/api/usbdevice/claiminterface/index.md
index fa223bfde1c16da..12e84d4e0023ecc 100644
--- a/files/en-us/web/api/usbdevice/claiminterface/index.md
+++ b/files/en-us/web/api/usbdevice/claiminterface/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.claimInterface
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`claimInterface()`** method of the
 {{domxref("USBDevice")}} interface returns a {{jsxref("promise")}} that resolves when
diff --git a/files/en-us/web/api/usbdevice/clearhalt/index.md b/files/en-us/web/api/usbdevice/clearhalt/index.md
index fdd21b259fc234d..3671a674008f3e2 100644
--- a/files/en-us/web/api/usbdevice/clearhalt/index.md
+++ b/files/en-us/web/api/usbdevice/clearhalt/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.clearHalt
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`clearHalt()`** method of the {{domxref("USBDevice")}}
 interface returns a {{jsxref("promise")}} that resolves when a halt condition is
diff --git a/files/en-us/web/api/usbdevice/close/index.md b/files/en-us/web/api/usbdevice/close/index.md
index 2c90aaee0701472..5544efdf6a263f3 100644
--- a/files/en-us/web/api/usbdevice/close/index.md
+++ b/files/en-us/web/api/usbdevice/close/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.close
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`close()`** method of the {{domxref("USBDevice")}}
 interface returns a {{jsxref("promise")}} that resolves when all open interfaces are
diff --git a/files/en-us/web/api/usbdevice/configuration/index.md b/files/en-us/web/api/usbdevice/configuration/index.md
index ffc63d447ee52a8..99ffeb973608837 100644
--- a/files/en-us/web/api/usbdevice/configuration/index.md
+++ b/files/en-us/web/api/usbdevice/configuration/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.configuration
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`configuration`** read only property of the
 {{domxref("USBDevice")}} interface returns a {{domxref("USBConfiguration")}} object for
diff --git a/files/en-us/web/api/usbdevice/configurations/index.md b/files/en-us/web/api/usbdevice/configurations/index.md
index e0dff6aa2bc7fad..9ee5a0eb515119b 100644
--- a/files/en-us/web/api/usbdevice/configurations/index.md
+++ b/files/en-us/web/api/usbdevice/configurations/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.configurations
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`configurations`** read only property of the
 {{domxref("USBDevice")}} interface an {{jsxref("array")}} of device-specific interfaces
diff --git a/files/en-us/web/api/usbdevice/controltransferin/index.md b/files/en-us/web/api/usbdevice/controltransferin/index.md
index ba14b9691a172d3..9eb09500aa5eb39 100644
--- a/files/en-us/web/api/usbdevice/controltransferin/index.md
+++ b/files/en-us/web/api/usbdevice/controltransferin/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.controlTransferIn
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`controlTransferIn()`** method of the {{domxref("USBDevice")}} interface returns a {{jsxref("Promise")}} that resolves with a {{domxref("USBInTransferResult")}} when a command or status request has been transmitted to (received by) the USB device.
 
diff --git a/files/en-us/web/api/usbdevice/controltransferout/index.md b/files/en-us/web/api/usbdevice/controltransferout/index.md
index 91c22c6cd97a92e..91f71e60eae9323 100644
--- a/files/en-us/web/api/usbdevice/controltransferout/index.md
+++ b/files/en-us/web/api/usbdevice/controltransferout/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.controlTransferOut
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`controlTransferOut()`** method of the {{domxref("USBDevice")}} interface returns a {{jsxref("Promise")}} that resolves with a {{domxref("USBOutTransferResult")}} when a command or status operation has been transmitted from the USB device.
 
diff --git a/files/en-us/web/api/usbdevice/deviceclass/index.md b/files/en-us/web/api/usbdevice/deviceclass/index.md
index f5abb5323fa42b7..3b32d6157a6142c 100644
--- a/files/en-us/web/api/usbdevice/deviceclass/index.md
+++ b/files/en-us/web/api/usbdevice/deviceclass/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.deviceClass
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`deviceClass`** read only property of the
 {{domxref("USBDevice")}} interface one of three properties that identify USB devices for
diff --git a/files/en-us/web/api/usbdevice/deviceprotocol/index.md b/files/en-us/web/api/usbdevice/deviceprotocol/index.md
index 21cbc2a00c9472d..3a3ef293c1b2f5f 100644
--- a/files/en-us/web/api/usbdevice/deviceprotocol/index.md
+++ b/files/en-us/web/api/usbdevice/deviceprotocol/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.deviceProtocol
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`deviceProtocol`** read only property of the
 {{domxref("USBDevice")}} interface one of three properties that identify USB devices for
diff --git a/files/en-us/web/api/usbdevice/devicesubclass/index.md b/files/en-us/web/api/usbdevice/devicesubclass/index.md
index 68ebb9a91c1a1d9..cb484e0ca694853 100644
--- a/files/en-us/web/api/usbdevice/devicesubclass/index.md
+++ b/files/en-us/web/api/usbdevice/devicesubclass/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.deviceSubclass
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`deviceSubclass`** read only property of the
 {{domxref("USBDevice")}} interface one of three properties that identify USB devices for
diff --git a/files/en-us/web/api/usbdevice/deviceversionmajor/index.md b/files/en-us/web/api/usbdevice/deviceversionmajor/index.md
index 8c0c89c1285e0f2..658b80c272a07ed 100644
--- a/files/en-us/web/api/usbdevice/deviceversionmajor/index.md
+++ b/files/en-us/web/api/usbdevice/deviceversionmajor/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.deviceVersionMajor
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`deviceVersionMajor`** read only property of the
 {{domxref("USBDevice")}} interface he major version number of the device in a semantic
diff --git a/files/en-us/web/api/usbdevice/deviceversionminor/index.md b/files/en-us/web/api/usbdevice/deviceversionminor/index.md
index 41e2c4ea011f833..5f781939174f679 100644
--- a/files/en-us/web/api/usbdevice/deviceversionminor/index.md
+++ b/files/en-us/web/api/usbdevice/deviceversionminor/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.deviceVersionMinor
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`deviceVersionMinor`** read only property of the
 {{domxref("USBDevice")}} interface the minor version number of the device in a semantic
diff --git a/files/en-us/web/api/usbdevice/deviceversionsubminor/index.md b/files/en-us/web/api/usbdevice/deviceversionsubminor/index.md
index cc0508d1013501d..3eedda8e5147eec 100644
--- a/files/en-us/web/api/usbdevice/deviceversionsubminor/index.md
+++ b/files/en-us/web/api/usbdevice/deviceversionsubminor/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.deviceVersionSubminor
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`deviceVersionSubminor`** read only property of the
 {{domxref("USBDevice")}} interface the patch version number of the device in a semantic
diff --git a/files/en-us/web/api/usbdevice/forget/index.md b/files/en-us/web/api/usbdevice/forget/index.md
index 0c72136d34f3277..0793d786cdb220b 100644
--- a/files/en-us/web/api/usbdevice/forget/index.md
+++ b/files/en-us/web/api/usbdevice/forget/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.forget
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`forget()`** method of the {{domxref("USBDevice")}} interface returns a {{jsxref("Promise")}} that resolves when all pending operations are aborted, all open interfaces are released, the device session has ended, and the permission is reset.
 
diff --git a/files/en-us/web/api/usbdevice/index.md b/files/en-us/web/api/usbdevice/index.md
index 719988dc49d6b30..e8d068d1cac7647 100644
--- a/files/en-us/web/api/usbdevice/index.md
+++ b/files/en-us/web/api/usbdevice/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.USBDevice
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`USBDevice`** interface of the [WebUSB API](/en-US/docs/Web/API/WebUSB_API) provides access to metadata about a paired USB device and methods for controlling it.
 
diff --git a/files/en-us/web/api/usbdevice/isochronoustransferin/index.md b/files/en-us/web/api/usbdevice/isochronoustransferin/index.md
index 9c0626f97f4336d..b96307834ad460e 100644
--- a/files/en-us/web/api/usbdevice/isochronoustransferin/index.md
+++ b/files/en-us/web/api/usbdevice/isochronoustransferin/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.isochronousTransferIn
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`isochronousTransferIn()`** method of the {{domxref("USBDevice")}} interface returns a {{jsxref("Promise")}} that resolves with a {{domxref("USBIsochronousInTransferResult")}} when time sensitive information has been transmitted to (received by) the USB device.
 
diff --git a/files/en-us/web/api/usbdevice/isochronoustransferout/index.md b/files/en-us/web/api/usbdevice/isochronoustransferout/index.md
index 05cccf4ff354ed4..ce89f658c74303e 100644
--- a/files/en-us/web/api/usbdevice/isochronoustransferout/index.md
+++ b/files/en-us/web/api/usbdevice/isochronoustransferout/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.isochronousTransferOut
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`isochronousTransferOut()`** method of the
 {{domxref("USBDevice")}} interface returns a {{jsxref("Promise")}} that resolves with a {{domxref("USBIsochronousOutTransferResult")}} when time sensitive information has been transmitted from the USB device.
diff --git a/files/en-us/web/api/usbdevice/manufacturername/index.md b/files/en-us/web/api/usbdevice/manufacturername/index.md
index 9a63fe4df93904b..6be0e6186f5311b 100644
--- a/files/en-us/web/api/usbdevice/manufacturername/index.md
+++ b/files/en-us/web/api/usbdevice/manufacturername/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.manufacturerName
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`manufacturerName`** read only property of the
 {{domxref("USBDevice")}} interface the of the organization that manufactured the USB
diff --git a/files/en-us/web/api/usbdevice/open/index.md b/files/en-us/web/api/usbdevice/open/index.md
index 2fd4d075dfae7be..04c8a4f9efdf37c 100644
--- a/files/en-us/web/api/usbdevice/open/index.md
+++ b/files/en-us/web/api/usbdevice/open/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.open
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`open()`** method of the {{domxref("USBDevice")}}
 interface returns a {{jsxref("promise")}} that resolves when a device session has
diff --git a/files/en-us/web/api/usbdevice/opened/index.md b/files/en-us/web/api/usbdevice/opened/index.md
index c669a07558304ba..ea96e7318bc670e 100644
--- a/files/en-us/web/api/usbdevice/opened/index.md
+++ b/files/en-us/web/api/usbdevice/opened/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.opened
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`opened`** read only property of the
 {{domxref("USBDevice")}} interface indicates whether a session has been started with a
diff --git a/files/en-us/web/api/usbdevice/productname/index.md b/files/en-us/web/api/usbdevice/productname/index.md
index 925a317408366b6..522807bd7886c92 100644
--- a/files/en-us/web/api/usbdevice/productname/index.md
+++ b/files/en-us/web/api/usbdevice/productname/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.productName
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`productName`** read only property of the
 {{domxref("USBDevice")}} interface the manufacturer-defined name that identifies a USB
diff --git a/files/en-us/web/api/usbdevice/releaseinterface/index.md b/files/en-us/web/api/usbdevice/releaseinterface/index.md
index 8b07270cdbf850e..5ff2dc4a7ed8ff6 100644
--- a/files/en-us/web/api/usbdevice/releaseinterface/index.md
+++ b/files/en-us/web/api/usbdevice/releaseinterface/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.releaseInterface
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`releaseInterface()`** method of the
 {{domxref("USBDevice")}} interface returns a {{jsxref("promise")}} that resolves when a
diff --git a/files/en-us/web/api/usbdevice/reset/index.md b/files/en-us/web/api/usbdevice/reset/index.md
index 626cf7a2500540f..24a073df158af0f 100644
--- a/files/en-us/web/api/usbdevice/reset/index.md
+++ b/files/en-us/web/api/usbdevice/reset/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.reset
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`reset()`** method of the {{domxref("USBDevice")}}
 interface returns a {{jsxref("promise")}} that resolves when the device is reset and all
diff --git a/files/en-us/web/api/usbdevice/selectalternateinterface/index.md b/files/en-us/web/api/usbdevice/selectalternateinterface/index.md
index 7ec4258fd5ccdfb..e3c672280f2a690 100644
--- a/files/en-us/web/api/usbdevice/selectalternateinterface/index.md
+++ b/files/en-us/web/api/usbdevice/selectalternateinterface/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.selectAlternateInterface
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`selectAlternateInterface()`** method of the
 {{domxref("USBDevice")}} interface returns a {{jsxref("promise")}} that resolves when
diff --git a/files/en-us/web/api/usbdevice/selectconfiguration/index.md b/files/en-us/web/api/usbdevice/selectconfiguration/index.md
index 5d9240016d0a145..2720e2ba540545b 100644
--- a/files/en-us/web/api/usbdevice/selectconfiguration/index.md
+++ b/files/en-us/web/api/usbdevice/selectconfiguration/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.selectConfiguration
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`selectConfiguration()`** method of the
 {{domxref("USBDevice")}} interface returns a {{jsxref("promise")}} that resolves when
diff --git a/files/en-us/web/api/usbdevice/serialnumber/index.md b/files/en-us/web/api/usbdevice/serialnumber/index.md
index 710f68fea5d07ae..67e07f60ac0e763 100644
--- a/files/en-us/web/api/usbdevice/serialnumber/index.md
+++ b/files/en-us/web/api/usbdevice/serialnumber/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.serialNumber
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`serialNumber`** read only property of the
 {{domxref("USBDevice")}} interface is the manufacturer-defined serial number for the
diff --git a/files/en-us/web/api/usbdevice/transferin/index.md b/files/en-us/web/api/usbdevice/transferin/index.md
index 5180f0c0c45108b..e789ab2296dea65 100644
--- a/files/en-us/web/api/usbdevice/transferin/index.md
+++ b/files/en-us/web/api/usbdevice/transferin/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.transferIn
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`transferIn()`** method of the {{domxref("USBDevice")}}
 interface returns a {{jsxref("promise")}} that resolves with a
diff --git a/files/en-us/web/api/usbdevice/transferout/index.md b/files/en-us/web/api/usbdevice/transferout/index.md
index 02ec7842532590c..e4f76c933c1e60c 100644
--- a/files/en-us/web/api/usbdevice/transferout/index.md
+++ b/files/en-us/web/api/usbdevice/transferout/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.transferOut
 ---
 
-{{APIRef("WebUSB API")}}{{SeeCompatTable}}
+{{APIRef("WebUSB API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`transferOut()`** method of the {{domxref("USBDevice")}}
 interface returns a {{jsxref("promise")}} that resolves with a
diff --git a/files/en-us/web/api/usbdevice/usbversionmajor/index.md b/files/en-us/web/api/usbdevice/usbversionmajor/index.md
index 5cec06a4729ed04..1d10d1152d10f8f 100644
--- a/files/en-us/web/api/usbdevice/usbversionmajor/index.md
+++ b/files/en-us/web/api/usbdevice/usbversionmajor/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.usbVersionMajor
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`usbVersionMajor`** read only property of the
 {{domxref("USBDevice")}} interface is one of three properties that declare the USB
diff --git a/files/en-us/web/api/usbdevice/usbversionminor/index.md b/files/en-us/web/api/usbdevice/usbversionminor/index.md
index 6fa2ef01ec61e55..00e9302719192de 100644
--- a/files/en-us/web/api/usbdevice/usbversionminor/index.md
+++ b/files/en-us/web/api/usbdevice/usbversionminor/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.usbVersionMinor
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`usbVersionMinor`** read only property of the
 {{domxref("USBDevice")}} interface is one of three properties that declare the USB
diff --git a/files/en-us/web/api/usbdevice/usbversionsubminor/index.md b/files/en-us/web/api/usbdevice/usbversionsubminor/index.md
index 20ab56859e4f20e..a0aefac0391379d 100644
--- a/files/en-us/web/api/usbdevice/usbversionsubminor/index.md
+++ b/files/en-us/web/api/usbdevice/usbversionsubminor/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.USBDevice.usbVersionSubminor
 ---
 
-{{SeeCompatTable}}{{APIRef("WebUSB API")}}
+{{SeeCompatTable}}{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`usbVersionSubminor`** read only property of the
 {{domxref("USBDevice")}} interface is one of three properties that declare the USB
diff --git a/files/en-us/web/api/videoencoder/index.md b/files/en-us/web/api/videoencoder/index.md
index 1030ab647daa16b..c6e1ff19c095cab 100644
--- a/files/en-us/web/api/videoencoder/index.md
+++ b/files/en-us/web/api/videoencoder/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.VideoEncoder
 ---
 
-{{APIRef("WebCodecs API")}}
+{{APIRef("WebCodecs API")}}{{SecureContext_Header}}
 
 The **`VideoEncoder`** interface of the {{domxref('WebCodecs API', '', '', 1)}} encodes {{domxref("VideoFrame")}} objects into {{domxref("EncodedVideoChunk")}}s.
 
diff --git a/files/en-us/web/api/webtransport/close/index.md b/files/en-us/web/api/webtransport/close/index.md
index 7f85918421d2a40..839f9c6b21cb47d 100644
--- a/files/en-us/web/api/webtransport/close/index.md
+++ b/files/en-us/web/api/webtransport/close/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.WebTransport.close
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`close()`** method of the {{domxref("WebTransport")}} interface closes an ongoing WebTransport session.
 
diff --git a/files/en-us/web/api/webtransport/closed/index.md b/files/en-us/web/api/webtransport/closed/index.md
index f489d5c3f421156..e6bf604b96cd5ba 100644
--- a/files/en-us/web/api/webtransport/closed/index.md
+++ b/files/en-us/web/api/webtransport/closed/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransport.closed
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`closed`** read-only property of the {{domxref("WebTransport")}} interface returns a promise that resolves when the transport is closed.
 
diff --git a/files/en-us/web/api/webtransport/congestioncontrol/index.md b/files/en-us/web/api/webtransport/congestioncontrol/index.md
index 9cbd51b3725cbbc..bf43625c70cf939 100644
--- a/files/en-us/web/api/webtransport/congestioncontrol/index.md
+++ b/files/en-us/web/api/webtransport/congestioncontrol/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.WebTransport.congestionControl
 ---
 
-{{APIRef("WebTransport API")}}{{SeeCompatTable}}
+{{APIRef("WebTransport API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`congestionControl`** read-only property of the {{domxref("WebTransport")}} interface indicates the application's preference for either high throughput or low-latency when sending data.
 
diff --git a/files/en-us/web/api/webtransport/createbidirectionalstream/index.md b/files/en-us/web/api/webtransport/createbidirectionalstream/index.md
index 1558de3d58dbd64..0ec98c3d34eee95 100644
--- a/files/en-us/web/api/webtransport/createbidirectionalstream/index.md
+++ b/files/en-us/web/api/webtransport/createbidirectionalstream/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.WebTransport.createBidirectionalStream
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`createBidirectionalStream()`** method of the {{domxref("WebTransport")}} interface asynchronously opens and returns a bidirectional stream.
 
diff --git a/files/en-us/web/api/webtransport/createunidirectionalstream/index.md b/files/en-us/web/api/webtransport/createunidirectionalstream/index.md
index 92bacc514778736..b196388531678aa 100644
--- a/files/en-us/web/api/webtransport/createunidirectionalstream/index.md
+++ b/files/en-us/web/api/webtransport/createunidirectionalstream/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.WebTransport.createUnidirectionalStream
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`createUnidirectionalStream()`** method of the {{domxref("WebTransport")}} interface asynchronously opens a unidirectional stream.
 
diff --git a/files/en-us/web/api/webtransport/datagrams/index.md b/files/en-us/web/api/webtransport/datagrams/index.md
index 3f9d2ed2073e58f..43bd9023b8f841d 100644
--- a/files/en-us/web/api/webtransport/datagrams/index.md
+++ b/files/en-us/web/api/webtransport/datagrams/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransport.datagrams
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`datagrams`** read-only property of the {{domxref("WebTransport")}} interface returns a {{domxref("WebTransportDatagramDuplexStream")}} instance that can be used to send and receive datagrams — unreliable data transmission.
 
diff --git a/files/en-us/web/api/webtransport/getstats/index.md b/files/en-us/web/api/webtransport/getstats/index.md
index 2e73ccb95abcfd0..6e7bf383a9cb62c 100644
--- a/files/en-us/web/api/webtransport/getstats/index.md
+++ b/files/en-us/web/api/webtransport/getstats/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.WebTransport.getStats
 ---
 
-{{APIRef("WebTransport API")}}{{SeeCompatTable}}
+{{APIRef("WebTransport API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getStats()`** method of the {{domxref("WebTransport")}} interface asynchronously returns an object containing HTTP/3 connection statistics.
 
diff --git a/files/en-us/web/api/webtransport/incomingbidirectionalstreams/index.md b/files/en-us/web/api/webtransport/incomingbidirectionalstreams/index.md
index b560de9f578c0de..1d57a5fa6159572 100644
--- a/files/en-us/web/api/webtransport/incomingbidirectionalstreams/index.md
+++ b/files/en-us/web/api/webtransport/incomingbidirectionalstreams/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransport.incomingBidirectionalStreams
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`incomingBidirectionalStreams`** read-only property of the {{domxref("WebTransport")}} interface represents one or more bidirectional streams opened by the server. Returns a {{domxref("ReadableStream")}} of {{domxref("WebTransportBidirectionalStream")}} objects. Each one can be used to reliably read data from the server and write data back to it.
 
diff --git a/files/en-us/web/api/webtransport/incomingunidirectionalstreams/index.md b/files/en-us/web/api/webtransport/incomingunidirectionalstreams/index.md
index 77f439fbd85bfaa..c7e0a90d3fcdc69 100644
--- a/files/en-us/web/api/webtransport/incomingunidirectionalstreams/index.md
+++ b/files/en-us/web/api/webtransport/incomingunidirectionalstreams/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransport.incomingUnidirectionalStreams
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`incomingUnidirectionalStreams`** read-only property of the {{domxref("WebTransport")}} interface represents one or more unidirectional streams opened by the server. Returns a {{domxref("ReadableStream")}} of {{domxref("WebTransportReceiveStream")}} objects. Each one can be used to reliably read data from the server.
 
diff --git a/files/en-us/web/api/webtransport/ready/index.md b/files/en-us/web/api/webtransport/ready/index.md
index 07be89021e1f822..f49bf3da83e0b90 100644
--- a/files/en-us/web/api/webtransport/ready/index.md
+++ b/files/en-us/web/api/webtransport/ready/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransport.ready
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`ready`** read-only property of the {{domxref("WebTransport")}} interface returns a promise that resolves when the transport is ready to use.
 
diff --git a/files/en-us/web/api/webtransport/reliability/index.md b/files/en-us/web/api/webtransport/reliability/index.md
index 5821db806ca21c6..a64ed6cfe0f3fbc 100644
--- a/files/en-us/web/api/webtransport/reliability/index.md
+++ b/files/en-us/web/api/webtransport/reliability/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.WebTransport.reliability
 ---
 
-{{APIRef("WebTransport API")}}{{SeeCompatTable}}
+{{APIRef("WebTransport API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`reliability`** read-only property of the {{domxref("WebTransport")}} interface indicates whether the connection supports reliable transports only, or whether it also supports unreliable transports (such as UDP).
 
diff --git a/files/en-us/web/api/webtransport/webtransport/index.md b/files/en-us/web/api/webtransport/webtransport/index.md
index f572adc4ba0716c..8cbed0aea2d8c63 100644
--- a/files/en-us/web/api/webtransport/webtransport/index.md
+++ b/files/en-us/web/api/webtransport/webtransport/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.WebTransport.WebTransport
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`WebTransport()`** constructor creates a new {{domxref("WebTransport")}} object instance.
 
diff --git a/files/en-us/web/api/webtransportbidirectionalstream/readable/index.md b/files/en-us/web/api/webtransportbidirectionalstream/readable/index.md
index 306d98726b7bbb6..9f7d2084d158dfd 100644
--- a/files/en-us/web/api/webtransportbidirectionalstream/readable/index.md
+++ b/files/en-us/web/api/webtransportbidirectionalstream/readable/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransportBidirectionalStream.readable
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`readable`** read-only property of the {{domxref("WebTransportBidirectionalStream")}} interface returns a {{domxref("WebTransportReceiveStream")}} instance that can be used to reliably read incoming data.
 
diff --git a/files/en-us/web/api/webtransportbidirectionalstream/writable/index.md b/files/en-us/web/api/webtransportbidirectionalstream/writable/index.md
index 673ffd9b6081eae..09e8c59929bd085 100644
--- a/files/en-us/web/api/webtransportbidirectionalstream/writable/index.md
+++ b/files/en-us/web/api/webtransportbidirectionalstream/writable/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransportBidirectionalStream.writable
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`writable`** read-only property of the {{domxref("WebTransportBidirectionalStream")}} interface returns a {{domxref("WebTransportSendStream")}} instance that can be used to write outgoing data.
 
diff --git a/files/en-us/web/api/webtransportdatagramduplexstream/incominghighwatermark/index.md b/files/en-us/web/api/webtransportdatagramduplexstream/incominghighwatermark/index.md
index 2cebe5cd020e777..444ee55fba93da5 100644
--- a/files/en-us/web/api/webtransportdatagramduplexstream/incominghighwatermark/index.md
+++ b/files/en-us/web/api/webtransportdatagramduplexstream/incominghighwatermark/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransportDatagramDuplexStream.incomingHighWaterMark
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`incomingHighWaterMark`** property of the {{domxref("WebTransportDatagramDuplexStream")}} interface gets or sets the high water mark for incoming chunks of data — this is the maximum size, in chunks, that the incoming {{domxref("ReadableStream")}}'s internal queue can reach before it is considered full. See [Internal queues and queuing strategies](/en-US/docs/Web/API/Streams_API/Concepts#internal_queues_and_queuing_strategies) for more information.
 
diff --git a/files/en-us/web/api/webtransportdatagramduplexstream/incomingmaxage/index.md b/files/en-us/web/api/webtransportdatagramduplexstream/incomingmaxage/index.md
index ccf40263f9f459c..af86cd24566fa0a 100644
--- a/files/en-us/web/api/webtransportdatagramduplexstream/incomingmaxage/index.md
+++ b/files/en-us/web/api/webtransportdatagramduplexstream/incomingmaxage/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransportDatagramDuplexStream.incomingMaxAge
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`incomingMaxAge`** property of the {{domxref("WebTransportDatagramDuplexStream")}} interface gets or sets the maximum age for incoming datagrams, in milliseconds.
 
diff --git a/files/en-us/web/api/webtransportdatagramduplexstream/maxdatagramsize/index.md b/files/en-us/web/api/webtransportdatagramduplexstream/maxdatagramsize/index.md
index 97782d86e2f7f16..cc76a08a6d3ee5f 100644
--- a/files/en-us/web/api/webtransportdatagramduplexstream/maxdatagramsize/index.md
+++ b/files/en-us/web/api/webtransportdatagramduplexstream/maxdatagramsize/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransportDatagramDuplexStream.maxDatagramSize
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`maxDatagramSize`** read-only property of the {{domxref("WebTransportDatagramDuplexStream")}} interface returns the maximum allowable size of outgoing datagrams, in bytes, that can be written to {{domxref("WebTransportDatagramDuplexStream.writable", "writable")}}.
 
diff --git a/files/en-us/web/api/webtransportdatagramduplexstream/outgoinghighwatermark/index.md b/files/en-us/web/api/webtransportdatagramduplexstream/outgoinghighwatermark/index.md
index c7e0213b9a9fb16..5ccf69a7ab4c486 100644
--- a/files/en-us/web/api/webtransportdatagramduplexstream/outgoinghighwatermark/index.md
+++ b/files/en-us/web/api/webtransportdatagramduplexstream/outgoinghighwatermark/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransportDatagramDuplexStream.outgoingHighWaterMark
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`outgoingHighWaterMark`** property of the {{domxref("WebTransportDatagramDuplexStream")}} interface gets or sets the high water mark for outgoing chunks of data — this is the maximum size, in chunks, that the outgoing {{domxref("WritableStream")}}'s internal queue can reach before it is considered full. See [Internal queues and queuing strategies](/en-US/docs/Web/API/Streams_API/Concepts#internal_queues_and_queuing_strategies) for more information.
 
diff --git a/files/en-us/web/api/webtransportdatagramduplexstream/outgoingmaxage/index.md b/files/en-us/web/api/webtransportdatagramduplexstream/outgoingmaxage/index.md
index c34ddd9d059401d..40a98f075924927 100644
--- a/files/en-us/web/api/webtransportdatagramduplexstream/outgoingmaxage/index.md
+++ b/files/en-us/web/api/webtransportdatagramduplexstream/outgoingmaxage/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransportDatagramDuplexStream.outgoingMaxAge
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`outgoingMaxAge`** property of the {{domxref("WebTransportDatagramDuplexStream")}} interface gets or sets the maximum age for outgoing datagrams, in milliseconds.
 
diff --git a/files/en-us/web/api/webtransportdatagramduplexstream/readable/index.md b/files/en-us/web/api/webtransportdatagramduplexstream/readable/index.md
index 94518f5fa7d787d..eff3238c5a3a19e 100644
--- a/files/en-us/web/api/webtransportdatagramduplexstream/readable/index.md
+++ b/files/en-us/web/api/webtransportdatagramduplexstream/readable/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransportDatagramDuplexStream.readable
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`readable`** read-only property of the {{domxref("WebTransportDatagramDuplexStream")}} interface returns a {{domxref("ReadableStream")}} instance that can be used to unreliably read incoming datagrams from the stream.
 
diff --git a/files/en-us/web/api/webtransportdatagramduplexstream/writable/index.md b/files/en-us/web/api/webtransportdatagramduplexstream/writable/index.md
index 9bc39b2cc3937d6..4892d0ff1a55933 100644
--- a/files/en-us/web/api/webtransportdatagramduplexstream/writable/index.md
+++ b/files/en-us/web/api/webtransportdatagramduplexstream/writable/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransportDatagramDuplexStream.writable
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`writable`** read-only property of the {{domxref("WebTransportDatagramDuplexStream")}} interface returns a {{domxref("WritableStream")}} instance that can be used to unreliably write outgoing datagrams to the stream.
 
diff --git a/files/en-us/web/api/webtransporterror/source/index.md b/files/en-us/web/api/webtransporterror/source/index.md
index 3065260068e9e09..e10e69e29b4fe01 100644
--- a/files/en-us/web/api/webtransporterror/source/index.md
+++ b/files/en-us/web/api/webtransporterror/source/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransportError.source
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`source`** read-only property of the {{domxref("WebTransportError")}} interface returns an enumerated value indicating the source of the error.
 
diff --git a/files/en-us/web/api/webtransporterror/streamerrorcode/index.md b/files/en-us/web/api/webtransporterror/streamerrorcode/index.md
index d417f5050352f50..58b6a3a7b8dad0c 100644
--- a/files/en-us/web/api/webtransporterror/streamerrorcode/index.md
+++ b/files/en-us/web/api/webtransporterror/streamerrorcode/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WebTransportError.streamErrorCode
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`streamErrorCode`** read-only property of the {{domxref("WebTransportError")}} interface returns a number in the range 0-255 indicating the application protocol error code for this error, or `null` if one is not available.
 
diff --git a/files/en-us/web/api/webtransporterror/webtransporterror/index.md b/files/en-us/web/api/webtransporterror/webtransporterror/index.md
index 72c86e982255e9a..593d19b433bce52 100644
--- a/files/en-us/web/api/webtransporterror/webtransporterror/index.md
+++ b/files/en-us/web/api/webtransporterror/webtransporterror/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.WebTransportError.WebTransportError
 ---
 
-{{APIRef("WebTransport API")}}
+{{APIRef("WebTransport API")}}{{SecureContext_Header}}
 
 The **`WebTransportError()`** constructor creates a new {{domxref("WebTransportError")}} object instance.
 
diff --git a/files/en-us/web/api/webtransportreceivestream/getstats/index.md b/files/en-us/web/api/webtransportreceivestream/getstats/index.md
index 94ee236d81a12ae..1a40820fd091533 100644
--- a/files/en-us/web/api/webtransportreceivestream/getstats/index.md
+++ b/files/en-us/web/api/webtransportreceivestream/getstats/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.WebTransportReceiveStream.getStats
 ---
 
-{{APIRef("WebTransport API")}}{{SeeCompatTable}}
+{{APIRef("WebTransport API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getStats()`** method of the {{domxref("WebTransportReceiveStream")}} interface asynchronously returns an object containing statistics for the current stream.
 
diff --git a/files/en-us/web/api/wgsllanguagefeatures/index.md b/files/en-us/web/api/wgsllanguagefeatures/index.md
index 41b52f11f27d615..ed599a88a856c5c 100644
--- a/files/en-us/web/api/wgsllanguagefeatures/index.md
+++ b/files/en-us/web/api/wgsllanguagefeatures/index.md
@@ -7,7 +7,7 @@ status:
 browser-compat: api.WGSLLanguageFeatures
 ---
 
-{{APIRef("WebGPU API")}}{{SeeCompatTable}}
+{{APIRef("WebGPU API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`WGSLLanguageFeatures`** interface of the {{domxref("WebGPU API", "WebGPU API", "", "nocode")}} is a [setlike](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set) object that reports the [WGSL language extensions](https://gpuweb.github.io/gpuweb/wgsl/#language-extension) supported by the WebGPU implementation.
 
diff --git a/files/en-us/web/api/window/documentpictureinpicture/index.md b/files/en-us/web/api/window/documentpictureinpicture/index.md
index 9ab44f8b8bcd24d..51eaa5beb96591a 100644
--- a/files/en-us/web/api/window/documentpictureinpicture/index.md
+++ b/files/en-us/web/api/window/documentpictureinpicture/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Window.documentPictureInPicture
 ---
 
-{{APIRef}}{{seecompattable}}
+{{APIRef}}{{seecompattable}}{{SecureContext_Header}}
 
 The **`documentPictureInPicture`** read-only property of the
 {{domxref("Window")}} interface returns a reference to the {{domxref("DocumentPictureInPicture")}} object for the current document context.
diff --git a/files/en-us/web/api/window/querylocalfonts/index.md b/files/en-us/web/api/window/querylocalfonts/index.md
index 3686fc3f2e91954..23bf9571cc6b9e2 100644
--- a/files/en-us/web/api/window/querylocalfonts/index.md
+++ b/files/en-us/web/api/window/querylocalfonts/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Window.queryLocalFonts
 ---
 
-{{APIRef("Local Font Access API")}}{{SeeCompatTable}}
+{{APIRef("Local Font Access API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`window.queryLocalFonts()`** method returns a {{jsxref("Promise")}} that fulfills with an array of {{domxref("FontData")}} objects representing the font faces available locally.
 
diff --git a/files/en-us/web/api/window/sharedstorage/index.md b/files/en-us/web/api/window/sharedstorage/index.md
index c35b74e7eca7a22..d2c2fe9d975c894 100644
--- a/files/en-us/web/api/window/sharedstorage/index.md
+++ b/files/en-us/web/api/window/sharedstorage/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.Window.sharedStorage
 ---
 
-{{APIRef("Shared Storage API")}}{{SeeCompatTable}}
+{{APIRef("Shared Storage API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The global read-only **`sharedStorage`** property returns the {{domxref("WindowSharedStorage")}} object for the current origin. This is the main entry point for writing data to shared storage using the [Shared Storage API](/en-US/docs/Web/API/Shared_Storage_API).
 
diff --git a/files/en-us/web/api/workernavigator/gpu/index.md b/files/en-us/web/api/workernavigator/gpu/index.md
index cdb3c3473ac613f..60d4faca33097b1 100644
--- a/files/en-us/web/api/workernavigator/gpu/index.md
+++ b/files/en-us/web/api/workernavigator/gpu/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.WorkerNavigator.gpu
 ---
 
-{{APIRef("Web Workers API")}}{{SeeCompatTable}}
+{{APIRef("Web Workers API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`gpu`** read-only property of the {{domxref("WorkerNavigator")}} interface returns the {{domxref("GPU")}} object for the current worker context, which is the entry point for the {{domxref("WebGPU_API", "WebGPU API", "", "nocode")}}.
 
diff --git a/files/en-us/web/api/workernavigator/serial/index.md b/files/en-us/web/api/workernavigator/serial/index.md
index 1fe956b01ba2e80..8fd594aeaff05ae 100644
--- a/files/en-us/web/api/workernavigator/serial/index.md
+++ b/files/en-us/web/api/workernavigator/serial/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.WorkerNavigator.serial
 ---
 
-{{APIRef("Web Serial API")}}{{SeeCompatTable}}
+{{APIRef("Web Serial API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`serial`** read-only property of the {{domxref("WorkerNavigator")}} interface returns a {{domxref("Serial")}} object which represents the entry point into the {{domxref("Web Serial API")}}.
 
diff --git a/files/en-us/web/api/workernavigator/usb/index.md b/files/en-us/web/api/workernavigator/usb/index.md
index b6e1d954b0a2795..361cbb75ff958cc 100644
--- a/files/en-us/web/api/workernavigator/usb/index.md
+++ b/files/en-us/web/api/workernavigator/usb/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.WorkerNavigator.usb
 ---
 
-{{APIRef("WebUSB API")}}
+{{APIRef("WebUSB API")}}{{SecureContext_Header}}
 
 The **`usb`** read-only property of the {{domxref("WorkerNavigator")}} interface returns a {{domxref("USB")}} object for the current document, providing access to [WebUSB API](/en-US/docs/Web/API/WebUSB_API) functionality.
 
diff --git a/files/en-us/web/api/worklet/addmodule/index.md b/files/en-us/web/api/worklet/addmodule/index.md
index fc52e02eb3842eb..7b50966c2fad2b0 100644
--- a/files/en-us/web/api/worklet/addmodule/index.md
+++ b/files/en-us/web/api/worklet/addmodule/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.Worklet.addModule
 ---
 
-{{APIRef("Worklets")}}
+{{APIRef("Worklets")}}{{SecureContext_Header}}
 
 The **`addModule()`** method of the
 {{domxref("Worklet")}} interface loads the module in the given JavaScript file and
diff --git a/files/en-us/web/api/worklet/index.md b/files/en-us/web/api/worklet/index.md
index 1e3987c6f998090..4cac88e40aac8f9 100644
--- a/files/en-us/web/api/worklet/index.md
+++ b/files/en-us/web/api/worklet/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.Worklet
 ---
 
-{{APIRef("Worklets")}}
+{{APIRef("Worklets")}}{{SecureContext_Header}}
 
 The **`Worklet`** interface is a lightweight version of {{domxref("Worker", "Web Workers")}} and gives developers access to low-level parts of the rendering pipeline.
 
diff --git a/files/en-us/web/api/xranchor/anchorspace/index.md b/files/en-us/web/api/xranchor/anchorspace/index.md
index 3c7a282fa140d9d..d273f82a73e1150 100644
--- a/files/en-us/web/api/xranchor/anchorspace/index.md
+++ b/files/en-us/web/api/xranchor/anchorspace/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRAnchor.anchorSpace
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only **`anchorSpace`** property of the {{domxref("XRAnchor")}} interface returns an {{domxref("XRSpace")}} object to locate the anchor relative to other `XRSpace` objects. It can be passed to {{domxref("XRFrame.getPose()")}} subsequently.
 
diff --git a/files/en-us/web/api/xranchor/delete/index.md b/files/en-us/web/api/xranchor/delete/index.md
index 3ef437f8032a3eb..ac9cab56f147a9c 100644
--- a/files/en-us/web/api/xranchor/delete/index.md
+++ b/files/en-us/web/api/xranchor/delete/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRAnchor.delete
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`delete()`** method of the {{domxref("XRAnchor")}} interface removes an anchor. This can be useful when an application is no longer interested in receiving updates to an anchor.
 
diff --git a/files/en-us/web/api/xrboundedreferencespace/boundsgeometry/index.md b/files/en-us/web/api/xrboundedreferencespace/boundsgeometry/index.md
index c7665ac0d64551d..06aec0ad20b00de 100644
--- a/files/en-us/web/api/xrboundedreferencespace/boundsgeometry/index.md
+++ b/files/en-us/web/api/xrboundedreferencespace/boundsgeometry/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRBoundedReferenceSpace.boundsGeometry
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRBoundedReferenceSpace")}}
 property **`boundsGeometry`** is an array of
diff --git a/files/en-us/web/api/xrdepthinformation/height/index.md b/files/en-us/web/api/xrdepthinformation/height/index.md
index 24ccb51e7059da5..6e638ce87770d87 100644
--- a/files/en-us/web/api/xrdepthinformation/height/index.md
+++ b/files/en-us/web/api/xrdepthinformation/height/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRDepthInformation.height
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`height`** property of the {{DOMxRef("XRDepthInformation")}} interface contains the height of the depth buffer (number of rows).
 
diff --git a/files/en-us/web/api/xrdepthinformation/normdepthbufferfromnormview/index.md b/files/en-us/web/api/xrdepthinformation/normdepthbufferfromnormview/index.md
index c50524c3fbc7e6b..ad285a1159c2cd4 100644
--- a/files/en-us/web/api/xrdepthinformation/normdepthbufferfromnormview/index.md
+++ b/files/en-us/web/api/xrdepthinformation/normdepthbufferfromnormview/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRDepthInformation.normDepthBufferFromNormView
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`normDepthBufferFromNormView`** property of the {{DOMxRef("XRDepthInformation")}} interface contains the 3D geometric transform that needs to be applied when indexing into the depth buffer.
 
diff --git a/files/en-us/web/api/xrdepthinformation/rawvaluetometers/index.md b/files/en-us/web/api/xrdepthinformation/rawvaluetometers/index.md
index 684a964e478155b..53b69a485fa5c5e 100644
--- a/files/en-us/web/api/xrdepthinformation/rawvaluetometers/index.md
+++ b/files/en-us/web/api/xrdepthinformation/rawvaluetometers/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRDepthInformation.rawValueToMeters
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`rawValueToMeters`** property of the {{DOMxRef("XRDepthInformation")}} interface contains the scale factor by which the raw depth values must be multiplied in order to get the depths in meters.
 
diff --git a/files/en-us/web/api/xrdepthinformation/width/index.md b/files/en-us/web/api/xrdepthinformation/width/index.md
index 68cfacb6064db76..b16cf96cb59d27e 100644
--- a/files/en-us/web/api/xrdepthinformation/width/index.md
+++ b/files/en-us/web/api/xrdepthinformation/width/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRDepthInformation.width
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`width`** property of the {{DOMxRef("XRDepthInformation")}} interface contains the width of the depth buffer (number of columns).
 
diff --git a/files/en-us/web/api/xrframe/createanchor/index.md b/files/en-us/web/api/xrframe/createanchor/index.md
index 4db086e4655315a..b7d667a2f2c2060 100644
--- a/files/en-us/web/api/xrframe/createanchor/index.md
+++ b/files/en-us/web/api/xrframe/createanchor/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.createAnchor
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createAnchor()`** method of the {{domxref("XRFrame")}} interface creates a free-floating {{domxref("XRAnchor")}} which will be fixed relative to the real world.
 
diff --git a/files/en-us/web/api/xrframe/filljointradii/index.md b/files/en-us/web/api/xrframe/filljointradii/index.md
index 147ff380d41a925..9912a7a1f9ec164 100644
--- a/files/en-us/web/api/xrframe/filljointradii/index.md
+++ b/files/en-us/web/api/xrframe/filljointradii/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.fillJointRadii
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`fillJointRadii()`** method of the {{domxref("XRFrame")}} interface populates a {{jsxref("Float32Array")}} with radii for a list of hand joint spaces and returns `true` if successful for all spaces.
 
diff --git a/files/en-us/web/api/xrframe/fillposes/index.md b/files/en-us/web/api/xrframe/fillposes/index.md
index dc9e412bd780d04..86b4debb3927cb7 100644
--- a/files/en-us/web/api/xrframe/fillposes/index.md
+++ b/files/en-us/web/api/xrframe/fillposes/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.fillPoses
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`fillPoses()`** method of the {{domxref("XRFrame")}} interface populates a {{jsxref("Float32Array")}} with the matrices of the poses relative to a given base space and returns `true` if successful for all spaces.
 
diff --git a/files/en-us/web/api/xrframe/getdepthinformation/index.md b/files/en-us/web/api/xrframe/getdepthinformation/index.md
index 94ce57417a9098f..a7c592020e86466 100644
--- a/files/en-us/web/api/xrframe/getdepthinformation/index.md
+++ b/files/en-us/web/api/xrframe/getdepthinformation/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.getDepthInformation
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getDepthInformation()`** method of the {{domxref("XRFrame")}} interface returns an {{domxref("XRCPUDepthInformation")}} object containing CPU depth information for the active and animated frame.
 
diff --git a/files/en-us/web/api/xrframe/gethittestresults/index.md b/files/en-us/web/api/xrframe/gethittestresults/index.md
index c9cec5c52f80612..252234cdb462261 100644
--- a/files/en-us/web/api/xrframe/gethittestresults/index.md
+++ b/files/en-us/web/api/xrframe/gethittestresults/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.getHitTestResults
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getHitTestResults()`** method of the {{domxref("XRFrame")}} interface returns an array of {{domxref("XRHitTestResult")}} objects containing hit test results for a given {{domxref("XRHitTestSource")}}.
 
diff --git a/files/en-us/web/api/xrframe/gethittestresultsfortransientinput/index.md b/files/en-us/web/api/xrframe/gethittestresultsfortransientinput/index.md
index 2b36a1da2d63896..70971bf6b430e95 100644
--- a/files/en-us/web/api/xrframe/gethittestresultsfortransientinput/index.md
+++ b/files/en-us/web/api/xrframe/gethittestresultsfortransientinput/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.getHitTestResultsForTransientInput
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getHitTestResultsForTransientInput()`** method of the {{domxref("XRFrame")}} interface returns an array of {{domxref("XRTransientInputHitTestResult")}} objects containing transient input hit test results for a given {{domxref("XRTransientInputHitTestSource")}}.
 
diff --git a/files/en-us/web/api/xrframe/getjointpose/index.md b/files/en-us/web/api/xrframe/getjointpose/index.md
index c2a4cabffbdaa43..87efff35a7d94f1 100644
--- a/files/en-us/web/api/xrframe/getjointpose/index.md
+++ b/files/en-us/web/api/xrframe/getjointpose/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.getJointPose
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getJointPose()`** method of the {{domxref("XRFrame")}} interface returns an {{domxref("XRJointPose")}} object providing the pose of a hand joint (see {{domxref("XRHand")}}) relative to a given base space.
 
diff --git a/files/en-us/web/api/xrframe/getlightestimate/index.md b/files/en-us/web/api/xrframe/getlightestimate/index.md
index 91178c122c44d75..3895120daeba40a 100644
--- a/files/en-us/web/api/xrframe/getlightestimate/index.md
+++ b/files/en-us/web/api/xrframe/getlightestimate/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.getLightEstimate
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getLightEstimate()`** method of the {{domxref("XRFrame")}} interface returns an {{domxref("XRLightEstimate")}} object containing estimated lighting values for a given {{domxref("XRLightProbe")}}.
 
diff --git a/files/en-us/web/api/xrframe/getpose/index.md b/files/en-us/web/api/xrframe/getpose/index.md
index bda3c7e52dca0d1..12f480a29f923a0 100644
--- a/files/en-us/web/api/xrframe/getpose/index.md
+++ b/files/en-us/web/api/xrframe/getpose/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.getPose
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The {{domxref("XRFrame")}} method **`getPose()`** returns the relative position and
 orientation—the pose—of one {{domxref("XRSpace")}} to that of another space. With this, you can observe the motion of objects relative to each other and to fixed locations throughout the scene.
diff --git a/files/en-us/web/api/xrframe/getviewerpose/index.md b/files/en-us/web/api/xrframe/getviewerpose/index.md
index 16f086ed2e2e52d..02ce67a0b63e2f3 100644
--- a/files/en-us/web/api/xrframe/getviewerpose/index.md
+++ b/files/en-us/web/api/xrframe/getviewerpose/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.getViewerPose
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getViewerPose()`** method, a member of the {{domxref("XRFrame")}} interface, returns a {{domxref("XRViewerPose")}} object which describes the viewer's pose (position and orientation) relative to the specified reference space.
 
diff --git a/files/en-us/web/api/xrframe/session/index.md b/files/en-us/web/api/xrframe/session/index.md
index ba7cc333c0717ca..09a31e6219db727 100644
--- a/files/en-us/web/api/xrframe/session/index.md
+++ b/files/en-us/web/api/xrframe/session/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.session
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 An `XRFrame` object's _read-only_ **`session`** property returns the {{domxref("XRSession")}} object that generated the frame.
 
diff --git a/files/en-us/web/api/xrframe/trackedanchors/index.md b/files/en-us/web/api/xrframe/trackedanchors/index.md
index b63f7f6b9fa9508..358d8e8e283b563 100644
--- a/files/en-us/web/api/xrframe/trackedanchors/index.md
+++ b/files/en-us/web/api/xrframe/trackedanchors/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRFrame.trackedAnchors
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only **`trackedAnchor`** property of the {{domxref("XRFrame")}} interface returns an {{domxref("XRAnchorSet")}} object containing all anchors still tracked in the frame.
 
diff --git a/files/en-us/web/api/xrhittestresult/createanchor/index.md b/files/en-us/web/api/xrhittestresult/createanchor/index.md
index 7e579a7b7ea2ace..af077c3317cb264 100644
--- a/files/en-us/web/api/xrhittestresult/createanchor/index.md
+++ b/files/en-us/web/api/xrhittestresult/createanchor/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRHitTestResult.createAnchor
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`createAnchor()`** method of the {{domxref("XRHitTestResult")}} interface creates an {{domxref("XRAnchor")}} from a hit test result that is attached to a real-world object.
 
diff --git a/files/en-us/web/api/xrhittestresult/getpose/index.md b/files/en-us/web/api/xrhittestresult/getpose/index.md
index a8f945f9544dd0d..8cdc9f3eb60b029 100644
--- a/files/en-us/web/api/xrhittestresult/getpose/index.md
+++ b/files/en-us/web/api/xrhittestresult/getpose/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRHitTestResult.getPose
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`getPose()`** method of the {{domxref("XRHitTestResult")}} interface returns the {{domxref("XRPose")}} of the hit test result relative to the given base space.
 
diff --git a/files/en-us/web/api/xrhittestsource/cancel/index.md b/files/en-us/web/api/xrhittestsource/cancel/index.md
index 4115d4223b6187c..25ae53e1f466eca 100644
--- a/files/en-us/web/api/xrhittestsource/cancel/index.md
+++ b/files/en-us/web/api/xrhittestsource/cancel/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRHitTestSource.cancel
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`cancel()`** method of the {{domxref("XRHitTestSource")}} interface unsubscribes a hit test.
 
diff --git a/files/en-us/web/api/xrinputsource/gamepad/index.md b/files/en-us/web/api/xrinputsource/gamepad/index.md
index 068b4127ee332be..d5f9b20daa27c97 100644
--- a/files/en-us/web/api/xrinputsource/gamepad/index.md
+++ b/files/en-us/web/api/xrinputsource/gamepad/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSource.gamepad
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRInputSource")}} property **`gamepad`** returns a {{domxref("Gamepad")}} object describing the state of the buttons and axes on the XR input source, if it is a gamepad or comparable device. If the device isn't a gamepad-like device, this property's value is `null`.
 
diff --git a/files/en-us/web/api/xrinputsource/gripspace/index.md b/files/en-us/web/api/xrinputsource/gripspace/index.md
index fda1a103dd032dd..1c52bbe8b3cf3bb 100644
--- a/files/en-us/web/api/xrinputsource/gripspace/index.md
+++ b/files/en-us/web/api/xrinputsource/gripspace/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSource.gripSpace
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRInputSource")}} property **`gripSpace`** returns an {{domxref("XRSpace")}} whose native origin tracks the pose used to render virtual objects so they appear to be held in (or part of) the user's hand. For example, if a user were holding a virtual straight rod, the native origin of this `XRSpace` would be located at the approximate center of mass of the user's fist.
 
diff --git a/files/en-us/web/api/xrinputsource/hand/index.md b/files/en-us/web/api/xrinputsource/hand/index.md
index a710f51a6f97f5d..3ec89527dd66664 100644
--- a/files/en-us/web/api/xrinputsource/hand/index.md
+++ b/files/en-us/web/api/xrinputsource/hand/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSource.hand
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only **`hand`** property of the {{domxref("XRInputSource")}} interface is a {{domxref("XRHand")}} object providing access to a hand-tracking device.
 
diff --git a/files/en-us/web/api/xrinputsource/handedness/index.md b/files/en-us/web/api/xrinputsource/handedness/index.md
index 3446e22fba5e61c..3a3c22f55f99d4e 100644
--- a/files/en-us/web/api/xrinputsource/handedness/index.md
+++ b/files/en-us/web/api/xrinputsource/handedness/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSource.handedness
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRInputSource")}} property
 **`handedness`** indicates which of the user's hands the WebXR
diff --git a/files/en-us/web/api/xrinputsource/profiles/index.md b/files/en-us/web/api/xrinputsource/profiles/index.md
index c97184aef247350..7fd4013d274b1cf 100644
--- a/files/en-us/web/api/xrinputsource/profiles/index.md
+++ b/files/en-us/web/api/xrinputsource/profiles/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSource.profiles
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRInputSource")}} property **`profiles`** returns an array of strings, each describing a configuration profile for the input source. The profile strings are listed in order of specificity, with the most specific profile listed first.
 
diff --git a/files/en-us/web/api/xrinputsource/targetraymode/index.md b/files/en-us/web/api/xrinputsource/targetraymode/index.md
index 39b0ec6c9d76189..48ead2d84a43fd6 100644
--- a/files/en-us/web/api/xrinputsource/targetraymode/index.md
+++ b/files/en-us/web/api/xrinputsource/targetraymode/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSource.targetRayMode
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRInputSource")}}
 property **`targetRayMode`** indicates the method by which the
diff --git a/files/en-us/web/api/xrinputsource/targetrayspace/index.md b/files/en-us/web/api/xrinputsource/targetrayspace/index.md
index 99a4373991c676b..21834212c939646 100644
--- a/files/en-us/web/api/xrinputsource/targetrayspace/index.md
+++ b/files/en-us/web/api/xrinputsource/targetrayspace/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSource.targetRaySpace
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRInputSource")}} property
 **`targetRaySpace`** returns an {{domxref("XRSpace")}}
diff --git a/files/en-us/web/api/xrinputsourcearray/length/index.md b/files/en-us/web/api/xrinputsourcearray/length/index.md
index 5b38da1c30c2801..451454e50ed6df8 100644
--- a/files/en-us/web/api/xrinputsourcearray/length/index.md
+++ b/files/en-us/web/api/xrinputsourcearray/length/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRInputSourceArray.length
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only **`length`** property returns an integer value
 indicating the number of items in the input source list represented by
diff --git a/files/en-us/web/api/xrinputsourceevent/frame/index.md b/files/en-us/web/api/xrinputsourceevent/frame/index.md
index a43f62e1bb96ce2..d81b2a31f40eeb4 100644
--- a/files/en-us/web/api/xrinputsourceevent/frame/index.md
+++ b/files/en-us/web/api/xrinputsourceevent/frame/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSourceEvent.frame
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRInputSourceEvent")}} property
 **`frame`** specifies an {{domxref("XRFrame")}} object
diff --git a/files/en-us/web/api/xrinputsourceevent/inputsource/index.md b/files/en-us/web/api/xrinputsourceevent/inputsource/index.md
index 9f0a62db9145870..d882d62416eda9b 100644
--- a/files/en-us/web/api/xrinputsourceevent/inputsource/index.md
+++ b/files/en-us/web/api/xrinputsourceevent/inputsource/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSourceEvent.inputSource
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The {{domxref("XRInputSourceEvent")}} interface's read-only
 **`inputSource`** property specifies the
diff --git a/files/en-us/web/api/xrinputsourceevent/xrinputsourceevent/index.md b/files/en-us/web/api/xrinputsourceevent/xrinputsourceevent/index.md
index 5911880f32eb07e..401b190b15a0d01 100644
--- a/files/en-us/web/api/xrinputsourceevent/xrinputsourceevent/index.md
+++ b/files/en-us/web/api/xrinputsourceevent/xrinputsourceevent/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.XRInputSourceEvent.XRInputSourceEvent
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The **`XRInputSourceEvent()`**
 constructor creates and returns a new {{domxref("XRInputSourceEvent")}} object
diff --git a/files/en-us/web/api/xrinputsourceschangeevent/added/index.md b/files/en-us/web/api/xrinputsourceschangeevent/added/index.md
index fa0cbddd1fa92c7..4b04442dc8bdf68 100644
--- a/files/en-us/web/api/xrinputsourceschangeevent/added/index.md
+++ b/files/en-us/web/api/xrinputsourceschangeevent/added/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSourcesChangeEvent.added
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRInputSourcesChangeEvent")}}
 property {{domxref("XRInputSourcesChangeEvent.added", "added")}} is a list of zero or
diff --git a/files/en-us/web/api/xrinputsourceschangeevent/removed/index.md b/files/en-us/web/api/xrinputsourceschangeevent/removed/index.md
index 0a5a032e2e31063..365d9814893565a 100644
--- a/files/en-us/web/api/xrinputsourceschangeevent/removed/index.md
+++ b/files/en-us/web/api/xrinputsourceschangeevent/removed/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSourcesChangeEvent.removed
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRInputSourcesChangeEvent")}} property {{domxref("XRInputSourcesChangeEvent.removed", "removed")}} is an array of
 zero or more {{domxref("XRInputSource")}} objects representing the input sources that have been removed from the {{domxref("XRSession")}}.
diff --git a/files/en-us/web/api/xrinputsourceschangeevent/session/index.md b/files/en-us/web/api/xrinputsourceschangeevent/session/index.md
index 5879f7d817d3313..cef77997e9b46c1 100644
--- a/files/en-us/web/api/xrinputsourceschangeevent/session/index.md
+++ b/files/en-us/web/api/xrinputsourceschangeevent/session/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRInputSourcesChangeEvent.session
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The {{domxref("XRInputSourcesChangeEvent")}} property
 {{domxref("XRInputSourcesChangeEvent.session", "session")}} specifies the
diff --git a/files/en-us/web/api/xrinputsourceschangeevent/xrinputsourceschangeevent/index.md b/files/en-us/web/api/xrinputsourceschangeevent/xrinputsourceschangeevent/index.md
index 52f2a1829cf07f2..9d8db6e0724948b 100644
--- a/files/en-us/web/api/xrinputsourceschangeevent/xrinputsourceschangeevent/index.md
+++ b/files/en-us/web/api/xrinputsourceschangeevent/xrinputsourceschangeevent/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.XRInputSourcesChangeEvent.XRInputSourcesChangeEvent
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The **`XRInputSourcesChangeEvent()`**
 constructor creates and returns a new {{domxref("XRInputSourcesChangeEvent")}} object,
diff --git a/files/en-us/web/api/xrlayerevent/layer/index.md b/files/en-us/web/api/xrlayerevent/layer/index.md
index ea77d3f3bf50ce2..9f16866c485e22d 100644
--- a/files/en-us/web/api/xrlayerevent/layer/index.md
+++ b/files/en-us/web/api/xrlayerevent/layer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRLayerEvent.layer
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`layer`** property of the {{domxref("XRLayerEvent")}} interface is a reference to the {{domxref("XRLayer")}} which generated the event.
 
diff --git a/files/en-us/web/api/xrlayerevent/xrlayerevent/index.md b/files/en-us/web/api/xrlayerevent/xrlayerevent/index.md
index 679ca4f69dea614..7d782d0177410b3 100644
--- a/files/en-us/web/api/xrlayerevent/xrlayerevent/index.md
+++ b/files/en-us/web/api/xrlayerevent/xrlayerevent/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRLayerEvent.XRLayerEvent
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`XRLayerEvent`** constructor creates and returns a new {{domxref("XRLayerEvent")}} object. These events relate to a change of state of an {{domxref("XRLayer")}} object.
 
diff --git a/files/en-us/web/api/xrlightestimate/primarylightdirection/index.md b/files/en-us/web/api/xrlightestimate/primarylightdirection/index.md
index dd4492314145de0..cc12d2e1717c1ef 100644
--- a/files/en-us/web/api/xrlightestimate/primarylightdirection/index.md
+++ b/files/en-us/web/api/xrlightestimate/primarylightdirection/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRLightEstimate.primaryLightDirection
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`primaryLightDirection`** property of the {{DOMxRef("XRLightEstimate")}} interface returns a {{domxref("DOMPointReadOnly")}} representing the direction to the primary light source from the `probeSpace` of an {{domxref("XRLightProbe")}}.
 
diff --git a/files/en-us/web/api/xrlightestimate/primarylightintensity/index.md b/files/en-us/web/api/xrlightestimate/primarylightintensity/index.md
index 67ee9cb02acf481..dcc0e26d7dad75f 100644
--- a/files/en-us/web/api/xrlightestimate/primarylightintensity/index.md
+++ b/files/en-us/web/api/xrlightestimate/primarylightintensity/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRLightEstimate.primaryLightIntensity
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`primaryLightIntensity`** property of the {{DOMxRef("XRLightEstimate")}} interface returns a {{domxref("DOMPointReadOnly")}} representing the intensity of the primary light source from the `probeSpace` of an {{domxref("XRLightProbe")}}.
 
diff --git a/files/en-us/web/api/xrlightestimate/sphericalharmonicscoefficients/index.md b/files/en-us/web/api/xrlightestimate/sphericalharmonicscoefficients/index.md
index 0822698c185fa45..2a03159e4e82e25 100644
--- a/files/en-us/web/api/xrlightestimate/sphericalharmonicscoefficients/index.md
+++ b/files/en-us/web/api/xrlightestimate/sphericalharmonicscoefficients/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRLightEstimate.sphericalHarmonicsCoefficients
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`sphericalHarmonicsCoefficients`** property of the {{DOMxRef("XRLightEstimate")}} interface returns a {{jsxref("Float32Array")}} containing 9 spherical harmonics coefficients.
 
diff --git a/files/en-us/web/api/xrlightprobe/probespace/index.md b/files/en-us/web/api/xrlightprobe/probespace/index.md
index 964be539546fc0d..9b94013e5072931 100644
--- a/files/en-us/web/api/xrlightprobe/probespace/index.md
+++ b/files/en-us/web/api/xrlightprobe/probespace/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRLightProbe.probeSpace
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`probeSpace`** property of the {{DOMxRef("XRLightProbe")}} interface returns an {{domxref("XRSpace")}} tracking the position and orientation that the lighting estimations are relative to.
 
diff --git a/files/en-us/web/api/xrlightprobe/reflectionchange_event/index.md b/files/en-us/web/api/xrlightprobe/reflectionchange_event/index.md
index d4a17b8d4674ec5..390b63796c49cf0 100644
--- a/files/en-us/web/api/xrlightprobe/reflectionchange_event/index.md
+++ b/files/en-us/web/api/xrlightprobe/reflectionchange_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRLightProbe.reflectionchange_event
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The WebXR **`reflectionchange`** event fires each time the estimated reflection cube map changes. This happens in response to use movements through different lighting conditions or to direct changes to lighting itself. This event is not cancelable.
 
diff --git a/files/en-us/web/api/xrpose/angularvelocity/index.md b/files/en-us/web/api/xrpose/angularvelocity/index.md
index ff47dff37bc154d..d664e9b235f16b3 100644
--- a/files/en-us/web/api/xrpose/angularvelocity/index.md
+++ b/files/en-us/web/api/xrpose/angularvelocity/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRPose.angularVelocity
 ---
 
-{{APIRef}}
+{{APIRef}}{{SecureContext_Header}}
 
 The `angularVelocity` read-only property of the
 {{DOMxRef("XRPose")}} interface is a {{DOMxRef("DOMPointReadOnly")}} describing
diff --git a/files/en-us/web/api/xrpose/emulatedposition/index.md b/files/en-us/web/api/xrpose/emulatedposition/index.md
index ff2d99281f26ab0..45265d980d2c879 100644
--- a/files/en-us/web/api/xrpose/emulatedposition/index.md
+++ b/files/en-us/web/api/xrpose/emulatedposition/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRPose.emulatedPosition
 ---
 
-{{APIRef}}
+{{APIRef}}{{SecureContext_Header}}
 
 The `emulatedPosition` read-only attribute of the
 {{DOMxRef("XRPose")}} interface is a Boolean value indicating whether or not both the
diff --git a/files/en-us/web/api/xrpose/linearvelocity/index.md b/files/en-us/web/api/xrpose/linearvelocity/index.md
index bee822d5b426c70..41eda15f3b65b75 100644
--- a/files/en-us/web/api/xrpose/linearvelocity/index.md
+++ b/files/en-us/web/api/xrpose/linearvelocity/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRPose.linearVelocity
 ---
 
-{{APIRef}}
+{{APIRef}}{{SecureContext_Header}}
 
 The `linearVelocity` read-only property of the
 {{DOMxRef("XRPose")}} interface is a {{DOMxRef("DOMPointReadOnly")}} describing
diff --git a/files/en-us/web/api/xrray/direction/index.md b/files/en-us/web/api/xrray/direction/index.md
index 1d36a2b387861cf..8cd1f976b99a4b1 100644
--- a/files/en-us/web/api/xrray/direction/index.md
+++ b/files/en-us/web/api/xrray/direction/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRRay.direction
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`direction`** property of the {{DOMxRef("XRRay")}} interface is a {{domxref("DOMPointReadOnly")}} representing the ray's 3-dimensional directional vector, normalized to a [unit vector](https://en.wikipedia.org/wiki/Unit_vector) with a length of 1.0.
 
diff --git a/files/en-us/web/api/xrray/matrix/index.md b/files/en-us/web/api/xrray/matrix/index.md
index a8c8802739b6c1b..cf7c40b75ed3df4 100644
--- a/files/en-us/web/api/xrray/matrix/index.md
+++ b/files/en-us/web/api/xrray/matrix/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRRay.matrix
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`matrix`** property of the {{DOMxRef("XRRay")}} interface is a transform that can be used to position objects along the `XRRay`. This is a 4 by 4 matrix given as a 16 element {{jsxref("Float32Array")}} in column major order.
 
diff --git a/files/en-us/web/api/xrray/origin/index.md b/files/en-us/web/api/xrray/origin/index.md
index 67c271dccb120c9..4abbb64223c171a 100644
--- a/files/en-us/web/api/xrray/origin/index.md
+++ b/files/en-us/web/api/xrray/origin/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRRay.origin
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`origin`** property of the {{DOMxRef("XRRay")}} interface is a {{domxref("DOMPointReadOnly")}} representing the 3-dimensional point in space that the ray originates from, in meters.
 
diff --git a/files/en-us/web/api/xrray/xrray/index.md b/files/en-us/web/api/xrray/xrray/index.md
index 09e5cb892628708..d0a43be3b999737 100644
--- a/files/en-us/web/api/xrray/xrray/index.md
+++ b/files/en-us/web/api/xrray/xrray/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRRay.XRRay
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`XRRay()`** constructor creates a new {{domxref("XRRay")}} object which is a geometric ray described by an origin point and a direction vector.
 
diff --git a/files/en-us/web/api/xrreferencespace/getoffsetreferencespace/index.md b/files/en-us/web/api/xrreferencespace/getoffsetreferencespace/index.md
index e08ba2296e441a2..296be01cdedb9b1 100644
--- a/files/en-us/web/api/xrreferencespace/getoffsetreferencespace/index.md
+++ b/files/en-us/web/api/xrreferencespace/getoffsetreferencespace/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-method
 browser-compat: api.XRReferenceSpace.getOffsetReferenceSpace
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The {{domxref("XRReferenceSpace")}}
 interface's **`getOffsetReferenceSpace()`** method returns a
diff --git a/files/en-us/web/api/xrreferencespace/reset_event/index.md b/files/en-us/web/api/xrreferencespace/reset_event/index.md
index 9dc2e5c3cbf3b54..be3288212021fa9 100644
--- a/files/en-us/web/api/xrreferencespace/reset_event/index.md
+++ b/files/en-us/web/api/xrreferencespace/reset_event/index.md
@@ -6,7 +6,7 @@ page-type: web-api-event
 browser-compat: api.XRReferenceSpace.reset_event
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The **`reset`** event is sent to an {{domxref("XRReferenceSpace")}} object when a discontinuity is detected in either the native origin or the effective origin, causing a jump in the position or orientation of objects oriented using the reference space. This is common when the user calibrates or recalibrates an XR device, or if the device automatically changes its origin after losing tracking of the user, then re-gaining it.
 
diff --git a/files/en-us/web/api/xrreferencespaceevent/referencespace/index.md b/files/en-us/web/api/xrreferencespaceevent/referencespace/index.md
index ecc3dac64f69659..b16967bb1fc0509 100644
--- a/files/en-us/web/api/xrreferencespaceevent/referencespace/index.md
+++ b/files/en-us/web/api/xrreferencespaceevent/referencespace/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRReferenceSpaceEvent.referenceSpace
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRReferenceSpaceEvent")}} property
 **`referenceSpace`** specifies the reference space which is the
diff --git a/files/en-us/web/api/xrreferencespaceevent/transform/index.md b/files/en-us/web/api/xrreferencespaceevent/transform/index.md
index d578be9f8229674..62580a4a90c48aa 100644
--- a/files/en-us/web/api/xrreferencespaceevent/transform/index.md
+++ b/files/en-us/web/api/xrreferencespaceevent/transform/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRReferenceSpaceEvent.transform
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRReferenceSpaceEvent")}} property
 **`transform`** indicates the position and orientation of the
diff --git a/files/en-us/web/api/xrreferencespaceevent/xrreferencespaceevent/index.md b/files/en-us/web/api/xrreferencespaceevent/xrreferencespaceevent/index.md
index 3f7709694809da3..2a8cd3ad850155a 100644
--- a/files/en-us/web/api/xrreferencespaceevent/xrreferencespaceevent/index.md
+++ b/files/en-us/web/api/xrreferencespaceevent/xrreferencespaceevent/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.XRReferenceSpaceEvent.XRReferenceSpaceEvent
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The **`XRReferenceSpaceEvent()`**
 constructor is used to create a new {{domxref("XRReferenceSpaceEvent")}} object, which
diff --git a/files/en-us/web/api/xrrenderstate/baselayer/index.md b/files/en-us/web/api/xrrenderstate/baselayer/index.md
index b392de303e4b227..5b4137c8e699074 100644
--- a/files/en-us/web/api/xrrenderstate/baselayer/index.md
+++ b/files/en-us/web/api/xrrenderstate/baselayer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRRenderState.baseLayer
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only **`baseLayer`** property of the
 {{domxref("XRRenderState")}} interface returns the {{domxref("XRWebGLLayer")}} instance
diff --git a/files/en-us/web/api/xrrenderstate/depthfar/index.md b/files/en-us/web/api/xrrenderstate/depthfar/index.md
index 063710d49cb89c3..df84869dd2775db 100644
--- a/files/en-us/web/api/xrrenderstate/depthfar/index.md
+++ b/files/en-us/web/api/xrrenderstate/depthfar/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRRenderState.depthFar
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`depthFar`** read-only property of the
 {{domxref("XRRenderState")}} interface returns the distance in meters of the far clip
diff --git a/files/en-us/web/api/xrrenderstate/depthnear/index.md b/files/en-us/web/api/xrrenderstate/depthnear/index.md
index dfaf0e567352743..cd951b9edfde292 100644
--- a/files/en-us/web/api/xrrenderstate/depthnear/index.md
+++ b/files/en-us/web/api/xrrenderstate/depthnear/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRRenderState.depthNear
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`depthNear`** read-only property of the
 {{domxref("XRRenderState")}} interface returns the distance in meters of the near clip
diff --git a/files/en-us/web/api/xrrenderstate/inlineverticalfieldofview/index.md b/files/en-us/web/api/xrrenderstate/inlineverticalfieldofview/index.md
index ce75a970a9867d5..7e0832de69a8c06 100644
--- a/files/en-us/web/api/xrrenderstate/inlineverticalfieldofview/index.md
+++ b/files/en-us/web/api/xrrenderstate/inlineverticalfieldofview/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRRenderState.inlineVerticalFieldOfView
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only **`inlineVerticalFieldOfView`**
 property of the {{DOMxRef("XRRenderState")}} interface returns the default vertical
diff --git a/files/en-us/web/api/xrrenderstate/layers/index.md b/files/en-us/web/api/xrrenderstate/layers/index.md
index 7a06b6bc702b0d0..6f136443b0f0e74 100644
--- a/files/en-us/web/api/xrrenderstate/layers/index.md
+++ b/files/en-us/web/api/xrrenderstate/layers/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRRenderState.layers
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only **`layers`** property of the {{domxref("XRRenderState")}} interface is an ordered array containing {{domxref("XRLayer")}} objects that are displayed by the XR compositor.
 
diff --git a/files/en-us/web/api/xrrigidtransform/index.md b/files/en-us/web/api/xrrigidtransform/index.md
index 3e31044e9a2380c..397b3d28903598a 100644
--- a/files/en-us/web/api/xrrigidtransform/index.md
+++ b/files/en-us/web/api/xrrigidtransform/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.XRRigidTransform
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The **`XRRigidTransform`** is a [WebXR API](/en-US/docs/Web/API/WebXR_Device_API) interface that represents the 3D geometric transform described by a position and orientation.
 
diff --git a/files/en-us/web/api/xrrigidtransform/inverse/index.md b/files/en-us/web/api/xrrigidtransform/inverse/index.md
index 7df07678e4353c9..e6ac070a5ad68bd 100644
--- a/files/en-us/web/api/xrrigidtransform/inverse/index.md
+++ b/files/en-us/web/api/xrrigidtransform/inverse/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRRigidTransform.inverse
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only **`inverse`** property
 of the {{domxref("XRRigidTransform")}} interface returns another
diff --git a/files/en-us/web/api/xrrigidtransform/matrix/index.md b/files/en-us/web/api/xrrigidtransform/matrix/index.md
index 0d116b3b63f1a94..b4f47525c5a6acb 100644
--- a/files/en-us/web/api/xrrigidtransform/matrix/index.md
+++ b/files/en-us/web/api/xrrigidtransform/matrix/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRRigidTransform.matrix
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRRigidTransform")}} property
 **`matrix`** returns the transform
diff --git a/files/en-us/web/api/xrrigidtransform/orientation/index.md b/files/en-us/web/api/xrrigidtransform/orientation/index.md
index b000e24c3ebb86a..736ccff2e7196c3 100644
--- a/files/en-us/web/api/xrrigidtransform/orientation/index.md
+++ b/files/en-us/web/api/xrrigidtransform/orientation/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRRigidTransform.orientation
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRRigidTransform")}} property
 **`orientation`** is a {{domxref("DOMPointReadOnly")}}
diff --git a/files/en-us/web/api/xrrigidtransform/position/index.md b/files/en-us/web/api/xrrigidtransform/position/index.md
index 1ca2afd40ab6356..a4feb0ed97ed4c3 100644
--- a/files/en-us/web/api/xrrigidtransform/position/index.md
+++ b/files/en-us/web/api/xrrigidtransform/position/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRRigidTransform.position
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRRigidTransform")}} property
 **`position`** is a {{domxref("DOMPointReadOnly")}} object which
diff --git a/files/en-us/web/api/xrrigidtransform/xrrigidtransform/index.md b/files/en-us/web/api/xrrigidtransform/xrrigidtransform/index.md
index 263ce1746e0cbdf..673bc40e070bcd4 100644
--- a/files/en-us/web/api/xrrigidtransform/xrrigidtransform/index.md
+++ b/files/en-us/web/api/xrrigidtransform/xrrigidtransform/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.XRRigidTransform.XRRigidTransform
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The
 **`XRRigidTransform()`** constructor creates
diff --git a/files/en-us/web/api/xrsession/cancelanimationframe/index.md b/files/en-us/web/api/xrsession/cancelanimationframe/index.md
index a713f8cd7445af3..72a3478352415b2 100644
--- a/files/en-us/web/api/xrsession/cancelanimationframe/index.md
+++ b/files/en-us/web/api/xrsession/cancelanimationframe/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.cancelAnimationFrame
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`cancelAnimationFrame()`** method of
 the {{domxref("XRSession")}} interface cancels an animation frame which was previously
diff --git a/files/en-us/web/api/xrsession/depthdataformat/index.md b/files/en-us/web/api/xrsession/depthdataformat/index.md
index ee0335223aa346e..0d132342b7403f6 100644
--- a/files/en-us/web/api/xrsession/depthdataformat/index.md
+++ b/files/en-us/web/api/xrsession/depthdataformat/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.depthDataFormat
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`depthDataFormat`** property of an `immersive-ar`
 {{DOMxRef("XRSession")}} describes which depth sensing data format is used.
diff --git a/files/en-us/web/api/xrsession/depthusage/index.md b/files/en-us/web/api/xrsession/depthusage/index.md
index 149b5a1a4c86132..06c13da46b42398 100644
--- a/files/en-us/web/api/xrsession/depthusage/index.md
+++ b/files/en-us/web/api/xrsession/depthusage/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.depthUsage
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`depthUsage`** property of an `immersive-ar`
 {{DOMxRef("XRSession")}} describes which depth-sensing usage is used.
diff --git a/files/en-us/web/api/xrsession/domoverlaystate/index.md b/files/en-us/web/api/xrsession/domoverlaystate/index.md
index a9bbfb6fcd74436..09bbec9df25afe6 100644
--- a/files/en-us/web/api/xrsession/domoverlaystate/index.md
+++ b/files/en-us/web/api/xrsession/domoverlaystate/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.domOverlayState
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`domOverlayState`** property of an `immersive-ar`
 {{DOMxRef("XRSession")}} provides information about the DOM overlay, if the feature is enabled.
diff --git a/files/en-us/web/api/xrsession/end/index.md b/files/en-us/web/api/xrsession/end/index.md
index 8d5039f0c4924d9..9972a888d366f66 100644
--- a/files/en-us/web/api/xrsession/end/index.md
+++ b/files/en-us/web/api/xrsession/end/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.end
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`end()`** method shuts down the
 {{domxref("XRSession")}} on which it's called, returning a promise which resolves once
diff --git a/files/en-us/web/api/xrsession/end_event/index.md b/files/en-us/web/api/xrsession/end_event/index.md
index 3721af048bc0fb8..e3cf3e392b2b383 100644
--- a/files/en-us/web/api/xrsession/end_event/index.md
+++ b/files/en-us/web/api/xrsession/end_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.end_event
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 An `end` event is fired at an {{DOMxRef("XRSession")}} object when the WebXR session has ended, either because the web application has chosen to stop the session, or because the {{Glossary("user agent")}} terminated the session.
 
diff --git a/files/en-us/web/api/xrsession/environmentblendmode/index.md b/files/en-us/web/api/xrsession/environmentblendmode/index.md
index 3e55c23e0c716bc..ea45bbca587ed0c 100644
--- a/files/en-us/web/api/xrsession/environmentblendmode/index.md
+++ b/files/en-us/web/api/xrsession/environmentblendmode/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.environmentBlendMode
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The {{domxref("XRSession")}} interface's _read-only_ **`environmentBlendMode`**
 property identifies if, and to what degree, the computer-generated imagery is overlaid atop the real world.
diff --git a/files/en-us/web/api/xrsession/inputsources/index.md b/files/en-us/web/api/xrsession/inputsources/index.md
index 33f277eb23f6410..5d155044aae2b7a 100644
--- a/files/en-us/web/api/xrsession/inputsources/index.md
+++ b/files/en-us/web/api/xrsession/inputsources/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.inputSources
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only **`inputSources`** property of the
 {{DOMxRef("XRSession")}} interface returns an {{domxref("XRInputSourceArray")}} object
diff --git a/files/en-us/web/api/xrsession/inputsourceschange_event/index.md b/files/en-us/web/api/xrsession/inputsourceschange_event/index.md
index fa10b5cc17a71f9..7b59661306dc9a7 100644
--- a/files/en-us/web/api/xrsession/inputsourceschange_event/index.md
+++ b/files/en-us/web/api/xrsession/inputsourceschange_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.inputsourceschange_event
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`inputsourceschange`** event is sent to an {{domxref("XRSession")}} when the set of available WebXR input devices changes.
 
diff --git a/files/en-us/web/api/xrsession/interactionmode/index.md b/files/en-us/web/api/xrsession/interactionmode/index.md
index 6dfb4a43ff197a4..1df5fad382c1229 100644
--- a/files/en-us/web/api/xrsession/interactionmode/index.md
+++ b/files/en-us/web/api/xrsession/interactionmode/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.interactionMode
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The {{domxref("XRSession")}} interface's _read-only_ **`interactionMode`** property
 describes the best space (according to the user agent) for the application to draw an interactive UI for the current session.
diff --git a/files/en-us/web/api/xrsession/preferredreflectionformat/index.md b/files/en-us/web/api/xrsession/preferredreflectionformat/index.md
index 5eb2bb11711d9ff..fe41775a6e89702 100644
--- a/files/en-us/web/api/xrsession/preferredreflectionformat/index.md
+++ b/files/en-us/web/api/xrsession/preferredreflectionformat/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.preferredReflectionFormat
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`preferredReflectionFormat`** property of the {{DOMxRef("XRSession")}} interface returns this session's preferred reflection format used for lighting estimation texture data.
 
diff --git a/files/en-us/web/api/xrsession/renderstate/index.md b/files/en-us/web/api/xrsession/renderstate/index.md
index f390e9193c97c4e..bceec927f870e44 100644
--- a/files/en-us/web/api/xrsession/renderstate/index.md
+++ b/files/en-us/web/api/xrsession/renderstate/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.renderState
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The
 _read-only_ **`renderState`** property of an
diff --git a/files/en-us/web/api/xrsession/requestanimationframe/index.md b/files/en-us/web/api/xrsession/requestanimationframe/index.md
index fccb4597e189c99..331303cae864276 100644
--- a/files/en-us/web/api/xrsession/requestanimationframe/index.md
+++ b/files/en-us/web/api/xrsession/requestanimationframe/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.requestAnimationFrame
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The {{domxref("XRSession")}}
 method **`requestAnimationFrame()`**, much like the
diff --git a/files/en-us/web/api/xrsession/requesthittestsource/index.md b/files/en-us/web/api/xrsession/requesthittestsource/index.md
index bb8a4562e55b9fa..c20773f23fdbf0c 100644
--- a/files/en-us/web/api/xrsession/requesthittestsource/index.md
+++ b/files/en-us/web/api/xrsession/requesthittestsource/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.requestHitTestSource
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`requestHitTestSource()`** method of the
 {{domxref("XRSession")}} interface returns a {{jsxref("Promise")}} that resolves with an {{domxref("XRHitTestSource")}} object that can be passed to {{domxref("XRFrame.getHitTestResults()")}}.
diff --git a/files/en-us/web/api/xrsession/requesthittestsourcefortransientinput/index.md b/files/en-us/web/api/xrsession/requesthittestsourcefortransientinput/index.md
index 9c980c6a7ca8af4..b6651d78cf5a823 100644
--- a/files/en-us/web/api/xrsession/requesthittestsourcefortransientinput/index.md
+++ b/files/en-us/web/api/xrsession/requesthittestsourcefortransientinput/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.requestHitTestSourceForTransientInput
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`requestHitTestSourceForTransientInput()`** method of the
 {{domxref("XRSession")}} interface returns a {{jsxref("Promise")}} that resolves with an {{domxref("XRTransientInputHitTestSource")}} object that can be passed to {{domxref("XRFrame.getHitTestResultsForTransientInput()")}}.
diff --git a/files/en-us/web/api/xrsession/requestlightprobe/index.md b/files/en-us/web/api/xrsession/requestlightprobe/index.md
index ac8f7aa82534268..9777240337b3202 100644
--- a/files/en-us/web/api/xrsession/requestlightprobe/index.md
+++ b/files/en-us/web/api/xrsession/requestlightprobe/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.requestLightProbe
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`requestLightProbe()`** method of the
 {{domxref("XRSession")}} interface returns a {{jsxref("Promise")}} that resolves with an {{domxref("XRLightProbe")}} object that estimates lighting information at a given point in the user's environment.
diff --git a/files/en-us/web/api/xrsession/requestreferencespace/index.md b/files/en-us/web/api/xrsession/requestreferencespace/index.md
index 21bbe741068a0ae..83a9b6bce17e1a7 100644
--- a/files/en-us/web/api/xrsession/requestreferencespace/index.md
+++ b/files/en-us/web/api/xrsession/requestreferencespace/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.requestReferenceSpace
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`requestReferenceSpace()`** method of the
 {{DOMxRef("XRSession")}} interface returns a {{JSxRef("promise")}} that resolves with
diff --git a/files/en-us/web/api/xrsession/select_event/index.md b/files/en-us/web/api/xrsession/select_event/index.md
index be680b42f383a4e..5c4d58b7fb8b380 100644
--- a/files/en-us/web/api/xrsession/select_event/index.md
+++ b/files/en-us/web/api/xrsession/select_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.select_event
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The WebXR **`select`** event is sent to an {{domxref("XRSession")}} when one of the session's input sources has completed a [primary action](/en-US/docs/Web/API/WebXR_Device_API/Inputs#primary_action).
 
diff --git a/files/en-us/web/api/xrsession/selectend_event/index.md b/files/en-us/web/api/xrsession/selectend_event/index.md
index 10c5c6fda42ead0..59b346926347269 100644
--- a/files/en-us/web/api/xrsession/selectend_event/index.md
+++ b/files/en-us/web/api/xrsession/selectend_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.selectend_event
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The WebXR event **`selectend`** is sent to an {{domxref("XRSession")}} when one of its input sources ends its [primary action](/en-US/docs/Web/API/WebXR_Device_API/Inputs#primary_actions) or when an input source that's in the process of handling an ongoing primary action is disconnected without successfully completing the action.
 
diff --git a/files/en-us/web/api/xrsession/selectstart_event/index.md b/files/en-us/web/api/xrsession/selectstart_event/index.md
index 86966ae0f2ed18b..574b31c077be3c4 100644
--- a/files/en-us/web/api/xrsession/selectstart_event/index.md
+++ b/files/en-us/web/api/xrsession/selectstart_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.selectstart_event
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The [WebXR](/en-US/docs/Web/API/WebXR_Device_API) **`selectstart`** event is sent to an {{domxref("XRSession")}} when the user begins a [primary action](/en-US/docs/Web/API/WebXR_Device_API/Inputs#primary_action) on one of its input sources.
 
diff --git a/files/en-us/web/api/xrsession/squeeze_event/index.md b/files/en-us/web/api/xrsession/squeeze_event/index.md
index eab7a3df4a44e26..dd595543f526175 100644
--- a/files/en-us/web/api/xrsession/squeeze_event/index.md
+++ b/files/en-us/web/api/xrsession/squeeze_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.squeeze_event
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The WebXR **`squeeze`** event is sent to an {{domxref("XRSession")}} when one of the session's input sources has completed a [primary squeeze action](/en-US/docs/Web/API/WebXR_Device_API/Inputs#primary_squeeze_actions). Examples of common kinds of primary action are users pressing triggers or buttons, tapping a touchpad, speaking a command, or performing a recognizable gesture when using a video tracking system or handheld controller with an accelerometer.
 
diff --git a/files/en-us/web/api/xrsession/squeezeend_event/index.md b/files/en-us/web/api/xrsession/squeezeend_event/index.md
index f3d08e930e349d4..b431d3eb3190b3e 100644
--- a/files/en-us/web/api/xrsession/squeezeend_event/index.md
+++ b/files/en-us/web/api/xrsession/squeezeend_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.squeezeend_event
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The WebXR event **`squeezeend`** is sent to an {{domxref("XRSession")}} when one of its input sources ends its [primary action](/en-US/docs/Web/API/WebXR_Device_API/Inputs#primary_squeeze_actions) or when an input source that's in the process of handling an ongoing primary action is disconnected without successfully completing the action.
 
diff --git a/files/en-us/web/api/xrsession/squeezestart_event/index.md b/files/en-us/web/api/xrsession/squeezestart_event/index.md
index 1106607a70a7d98..31d4ae46c6e2102 100644
--- a/files/en-us/web/api/xrsession/squeezestart_event/index.md
+++ b/files/en-us/web/api/xrsession/squeezestart_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.squeezestart_event
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The [WebXR](/en-US/docs/Web/API/WebXR_Device_API) event **`squeezestart`** is sent to an {{domxref("XRSession")}} when the user begins a [primary squeeze action](/en-US/docs/Web/API/WebXR_Device_API/Inputs#primary_squeeze_actions) on one of its input sources.
 
diff --git a/files/en-us/web/api/xrsession/updaterenderstate/index.md b/files/en-us/web/api/xrsession/updaterenderstate/index.md
index 5391947180f459a..c8315331fba3818 100644
--- a/files/en-us/web/api/xrsession/updaterenderstate/index.md
+++ b/files/en-us/web/api/xrsession/updaterenderstate/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.updateRenderState
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The `updateRenderState()` method of the {{DOMxRef("XRSession")}} interface of the [WebXR API](/en-US/docs/Web/API/WebXR_Device_API) schedules changes to be applied to the active render state ({{domxref("XRRenderState")}}) prior to rendering of the next frame.
 
diff --git a/files/en-us/web/api/xrsession/visibilitychange_event/index.md b/files/en-us/web/api/xrsession/visibilitychange_event/index.md
index 406a7ac3cb4fde7..00ee39a03cb1a34 100644
--- a/files/en-us/web/api/xrsession/visibilitychange_event/index.md
+++ b/files/en-us/web/api/xrsession/visibilitychange_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.visibilitychange_event
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`visibilitychange`** event is sent to an {{domxref("XRSession")}} to inform it when it becomes visible or hidden, or when it becomes visible but not currently focused. Upon receiving the event, you can check the value of the session's {{domxref("XRSession.visibilityState", "visibilityState")}} property to determine the new visibility state.
 
diff --git a/files/en-us/web/api/xrsession/visibilitystate/index.md b/files/en-us/web/api/xrsession/visibilitystate/index.md
index c45ccc0f9bb22f3..85b03e01e6f0b59 100644
--- a/files/en-us/web/api/xrsession/visibilitystate/index.md
+++ b/files/en-us/web/api/xrsession/visibilitystate/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSession.visibilityState
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`visibilityState`** property of the
 {{DOMxRef("XRSession")}} interface is a string indicating whether the WebXR content is
diff --git a/files/en-us/web/api/xrsessionevent/index.md b/files/en-us/web/api/xrsessionevent/index.md
index 3762aa0b3771ef6..b1f80c7f6d3b978 100644
--- a/files/en-us/web/api/xrsessionevent/index.md
+++ b/files/en-us/web/api/xrsessionevent/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.XRSessionEvent
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API)'s **`XRSessionEvent`** interface describes an event which indicates the change of the state of an {{domxref("XRSession")}}. These events occur, for example, when the session ends or the visibility of its context changes.
 
diff --git a/files/en-us/web/api/xrsessionevent/session/index.md b/files/en-us/web/api/xrsessionevent/session/index.md
index b56230d1361844e..555800db43e5009 100644
--- a/files/en-us/web/api/xrsessionevent/session/index.md
+++ b/files/en-us/web/api/xrsessionevent/session/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRSessionEvent.session
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRSessionEvent")}} interface's
 **`session`** property indicates which
diff --git a/files/en-us/web/api/xrsessionevent/xrsessionevent/index.md b/files/en-us/web/api/xrsessionevent/xrsessionevent/index.md
index 050fbd9a41bda5e..9f838a2ef9bd0c4 100644
--- a/files/en-us/web/api/xrsessionevent/xrsessionevent/index.md
+++ b/files/en-us/web/api/xrsessionevent/xrsessionevent/index.md
@@ -6,7 +6,7 @@ page-type: web-api-constructor
 browser-compat: api.XRSessionEvent.XRSessionEvent
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The WebXR Device API's
 **`XRSessionEvent()`** constructor creates and returns a new
diff --git a/files/en-us/web/api/xrsystem/devicechange_event/index.md b/files/en-us/web/api/xrsystem/devicechange_event/index.md
index 9d15b72cff3390c..fe136acf7430e31 100644
--- a/files/en-us/web/api/xrsystem/devicechange_event/index.md
+++ b/files/en-us/web/api/xrsystem/devicechange_event/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSystem.devicechange_event
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 A **`devicechange`** event is fired on an {{DOMxRef("XRSystem")}} object whenever the availability of immersive XR devices has changed; for example, a VR headset or AR goggles have been connected or disconnected. It's a generic {{DOMxRef("Event")}} with no added properties.
 
diff --git a/files/en-us/web/api/xrsystem/issessionsupported/index.md b/files/en-us/web/api/xrsystem/issessionsupported/index.md
index d53a1eca5f98a20..7d29a8b3ca23608 100644
--- a/files/en-us/web/api/xrsystem/issessionsupported/index.md
+++ b/files/en-us/web/api/xrsystem/issessionsupported/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSystem.isSessionSupported
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The {{domxref("XRSystem")}} method
 **`isSessionSupported()`** returns a promise which resolves to
diff --git a/files/en-us/web/api/xrsystem/requestsession/index.md b/files/en-us/web/api/xrsystem/requestsession/index.md
index 73cd1abed84a921..7bd3cb79fb99f5d 100644
--- a/files/en-us/web/api/xrsystem/requestsession/index.md
+++ b/files/en-us/web/api/xrsystem/requestsession/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRSystem.requestSession
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **{{domxref("XRSystem")}}** interface's
 **`requestSession()`** method returns a {{jsxref("promise")}}
diff --git a/files/en-us/web/api/xrtransientinputhittestresult/inputsource/index.md b/files/en-us/web/api/xrtransientinputhittestresult/inputsource/index.md
index 5088ebf0d98dfd1..0ed69e7fff89b87 100644
--- a/files/en-us/web/api/xrtransientinputhittestresult/inputsource/index.md
+++ b/files/en-us/web/api/xrtransientinputhittestresult/inputsource/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRTransientInputHitTestResult.inputSource
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`inputSource`** property of the {{DOMxRef("XRTransientInputHitTestResult")}} interface represents an {{domxref("XRInputSource")}} object that was used to compute the {{domxref("XRTransientInputHitTestResult.results", "results")}} array.
 
diff --git a/files/en-us/web/api/xrtransientinputhittestresult/results/index.md b/files/en-us/web/api/xrtransientinputhittestresult/results/index.md
index 15b7ab361aa0f0e..b1ce05340d6de35 100644
--- a/files/en-us/web/api/xrtransientinputhittestresult/results/index.md
+++ b/files/en-us/web/api/xrtransientinputhittestresult/results/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRTransientInputHitTestResult.results
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The _read-only_ **`results`** property of the {{DOMxRef("XRTransientInputHitTestResult")}} interface represents an array of {{domxref("XRHitTestResult")}} objects containing the hit test results for the input source, ordered by the distance along the ray used to perform the hit test, with the closest result at position 0.
 
diff --git a/files/en-us/web/api/xrtransientinputhittestsource/cancel/index.md b/files/en-us/web/api/xrtransientinputhittestsource/cancel/index.md
index c0cd9a99011414c..655e3b7e5150e7f 100644
--- a/files/en-us/web/api/xrtransientinputhittestsource/cancel/index.md
+++ b/files/en-us/web/api/xrtransientinputhittestsource/cancel/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRTransientInputHitTestSource.cancel
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`cancel()`** method of the {{domxref("XRTransientInputHitTestSource")}} interface unsubscribes a transient input hit test.
 
diff --git a/files/en-us/web/api/xrview/eye/index.md b/files/en-us/web/api/xrview/eye/index.md
index 8fb589ea9118d70..3127799312a19a9 100644
--- a/files/en-us/web/api/xrview/eye/index.md
+++ b/files/en-us/web/api/xrview/eye/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRView.eye
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The {{domxref("XRView")}} interface's read-only **`eye`**
 property is a string indicating which eye's viewpoint the `XRView` represents: `left` or
diff --git a/files/en-us/web/api/xrview/isfirstpersonobserver/index.md b/files/en-us/web/api/xrview/isfirstpersonobserver/index.md
index 4f48f2fa1a0e864..fc00dec6a7b2de9 100644
--- a/files/en-us/web/api/xrview/isfirstpersonobserver/index.md
+++ b/files/en-us/web/api/xrview/isfirstpersonobserver/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRView.isFirstPersonObserver
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The {{domxref("XRView")}} interface's read-only **`isFirstPersonObserver`** property is a boolean indicating if the `XRView` is a first-person observer view.
 
diff --git a/files/en-us/web/api/xrview/projectionmatrix/index.md b/files/en-us/web/api/xrview/projectionmatrix/index.md
index 587f4a7c4853ab9..fb2f24c100cc0c3 100644
--- a/files/en-us/web/api/xrview/projectionmatrix/index.md
+++ b/files/en-us/web/api/xrview/projectionmatrix/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRView.projectionMatrix
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The {{domxref("XRView")}} interface's read-only
 **`projectionMatrix`** property specifies the projection matrix
diff --git a/files/en-us/web/api/xrview/recommendedviewportscale/index.md b/files/en-us/web/api/xrview/recommendedviewportscale/index.md
index dc84a97957b8627..f57e7bfa9ae8ac5 100644
--- a/files/en-us/web/api/xrview/recommendedviewportscale/index.md
+++ b/files/en-us/web/api/xrview/recommendedviewportscale/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRView.recommendedViewportScale
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only **`recommendedViewportScale`** property of the {{domxref("XRView")}} interface is the recommended viewport scale value that you can use for {{domxref("XRView.requestViewportScale()")}} if the user agent has such a recommendation; [`null`](/en-US/docs/Web/JavaScript/Reference/Operators/null) otherwise.
 
diff --git a/files/en-us/web/api/xrview/requestviewportscale/index.md b/files/en-us/web/api/xrview/requestviewportscale/index.md
index 040a7f52db63d96..04567f4b20fb0a8 100644
--- a/files/en-us/web/api/xrview/requestviewportscale/index.md
+++ b/files/en-us/web/api/xrview/requestviewportscale/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRView.requestViewportScale
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`requestViewportScale()`** method of the {{domxref("XRView")}} interface requests that the user agent sets the requested viewport scale for this viewport to the given value. This is used for dynamic viewport scaling which allows rendering to a subset of the WebXR viewport using a scale factor that can be changed every animation frame.
 
diff --git a/files/en-us/web/api/xrview/transform/index.md b/files/en-us/web/api/xrview/transform/index.md
index c382fa8fe52e7ae..a87ff1611b2d88a 100644
--- a/files/en-us/web/api/xrview/transform/index.md
+++ b/files/en-us/web/api/xrview/transform/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRView.transform
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only **`transform`** property of the
 {{domxref("XRView")}} interface is an {{domxref("XRRigidTransform")}} object which
diff --git a/files/en-us/web/api/xrviewerpose/index.md b/files/en-us/web/api/xrviewerpose/index.md
index 26b8e5879a63440..f4e27d420e11311 100644
--- a/files/en-us/web/api/xrviewerpose/index.md
+++ b/files/en-us/web/api/xrviewerpose/index.md
@@ -5,7 +5,7 @@ page-type: web-api-interface
 browser-compat: api.XRViewerPose
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The WebXR Device API interface **`XRViewerPose`** represents the pose (the position and orientation) of a viewer's point of view on the scene. Each `XRViewerPose` can have multiple views to represent, for example, the slight separation between the left and right eye.
 
diff --git a/files/en-us/web/api/xrviewerpose/views/index.md b/files/en-us/web/api/xrviewerpose/views/index.md
index c7c224a57e81ed5..60a442882778127 100644
--- a/files/en-us/web/api/xrviewerpose/views/index.md
+++ b/files/en-us/web/api/xrviewerpose/views/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRViewerPose.views
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRViewerPose")}} property **`views`**
 returns an array which contains every {{domxref("XRView")}} which must be rendered in
diff --git a/files/en-us/web/api/xrviewport/height/index.md b/files/en-us/web/api/xrviewport/height/index.md
index 9a365994de0e56c..277a736274b8097 100644
--- a/files/en-us/web/api/xrviewport/height/index.md
+++ b/files/en-us/web/api/xrviewport/height/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRViewport.height
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRViewport")}} property
 **`height`** specifies the height, in pixels, of the viewport
diff --git a/files/en-us/web/api/xrviewport/width/index.md b/files/en-us/web/api/xrviewport/width/index.md
index 218ff601db7f5dc..293f8430157dc75 100644
--- a/files/en-us/web/api/xrviewport/width/index.md
+++ b/files/en-us/web/api/xrviewport/width/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRViewport.width
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRViewport")}} property
 **`width`** specifies the width of the viewport, in pixels,
diff --git a/files/en-us/web/api/xrviewport/x/index.md b/files/en-us/web/api/xrviewport/x/index.md
index d8f139ffcc47d7d..1b752e4b17f36ef 100644
--- a/files/en-us/web/api/xrviewport/x/index.md
+++ b/files/en-us/web/api/xrviewport/x/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRViewport.x
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRViewport")}} interface's
 **`x`** property indicates the offset from the left edge of
diff --git a/files/en-us/web/api/xrviewport/y/index.md b/files/en-us/web/api/xrviewport/y/index.md
index a3b778ac5a9571f..afab79a84cb2011 100644
--- a/files/en-us/web/api/xrviewport/y/index.md
+++ b/files/en-us/web/api/xrviewport/y/index.md
@@ -6,7 +6,7 @@ page-type: web-api-instance-property
 browser-compat: api.XRViewport.y
 ---
 
-{{APIRef("WebXR Device API")}}
+{{APIRef("WebXR Device API")}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRViewport")}} interface's
 **`y`** property indicates the offset from the bottom edge of
diff --git a/files/en-us/web/api/xrwebgllayer/antialias/index.md b/files/en-us/web/api/xrwebgllayer/antialias/index.md
index dedbd541a485608..c7eaa96002ec3ac 100644
--- a/files/en-us/web/api/xrwebgllayer/antialias/index.md
+++ b/files/en-us/web/api/xrwebgllayer/antialias/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRWebGLLayer.antialias
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRWebGLLayer")}} property
 **`antialias`** is a Boolean value which is `true`
diff --git a/files/en-us/web/api/xrwebgllayer/fixedfoveation/index.md b/files/en-us/web/api/xrwebgllayer/fixedfoveation/index.md
index 925eb9fdd04084d..5907a0e9d50da7e 100644
--- a/files/en-us/web/api/xrwebgllayer/fixedfoveation/index.md
+++ b/files/en-us/web/api/xrwebgllayer/fixedfoveation/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRWebGLLayer.fixedFoveation
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The **`fixedFoveation`** property of the {{domxref("XRWebGLLayer")}} interface is a number indicating the amount of foveation used by the XR compositor. Fixed Foveated Rendering (FFR) renders the edges of the eye textures at a lower resolution than the center and reduces the GPU load.
 
diff --git a/files/en-us/web/api/xrwebgllayer/framebuffer/index.md b/files/en-us/web/api/xrwebgllayer/framebuffer/index.md
index 4c114a57c79a66f..21f18954f7d1758 100644
--- a/files/en-us/web/api/xrwebgllayer/framebuffer/index.md
+++ b/files/en-us/web/api/xrwebgllayer/framebuffer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRWebGLLayer.framebuffer
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRWebGLLayer")}} property
 **`framebuffer`** is an opaque {{domxref("WebGLFramebuffer")}}
diff --git a/files/en-us/web/api/xrwebgllayer/framebufferheight/index.md b/files/en-us/web/api/xrwebgllayer/framebufferheight/index.md
index 74813bd14c676c2..ba8f784286bc3f1 100644
--- a/files/en-us/web/api/xrwebgllayer/framebufferheight/index.md
+++ b/files/en-us/web/api/xrwebgllayer/framebufferheight/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRWebGLLayer.framebufferHeight
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRWebGLLayer")}} property
 **`framebufferHeight`** indicates the height of the
diff --git a/files/en-us/web/api/xrwebgllayer/framebufferwidth/index.md b/files/en-us/web/api/xrwebgllayer/framebufferwidth/index.md
index 9ab1c17cda51215..e87f8559f4ea13e 100644
--- a/files/en-us/web/api/xrwebgllayer/framebufferwidth/index.md
+++ b/files/en-us/web/api/xrwebgllayer/framebufferwidth/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRWebGLLayer.framebufferWidth
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRWebGLLayer")}} property
 **`framebufferWidth`** specifies the width of the framebuffer,
diff --git a/files/en-us/web/api/xrwebgllayer/getnativeframebufferscalefactor_static/index.md b/files/en-us/web/api/xrwebgllayer/getnativeframebufferscalefactor_static/index.md
index e08a040e57950fb..d9065377faba69a 100644
--- a/files/en-us/web/api/xrwebgllayer/getnativeframebufferscalefactor_static/index.md
+++ b/files/en-us/web/api/xrwebgllayer/getnativeframebufferscalefactor_static/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRWebGLLayer.getNativeFramebufferScaleFactor_static
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The static method
 **`XRWebGLLayer.getNativeFramebufferScaleFactor()`** returns a
diff --git a/files/en-us/web/api/xrwebgllayer/getviewport/index.md b/files/en-us/web/api/xrwebgllayer/getviewport/index.md
index 5666c6685576562..bb6d20360506706 100644
--- a/files/en-us/web/api/xrwebgllayer/getviewport/index.md
+++ b/files/en-us/web/api/xrwebgllayer/getviewport/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRWebGLLayer.getViewport
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The {{domxref("XRWebGLLayer")}} interface's
 **`getViewport()`** method returns the
diff --git a/files/en-us/web/api/xrwebgllayer/ignoredepthvalues/index.md b/files/en-us/web/api/xrwebgllayer/ignoredepthvalues/index.md
index 57f78d605b1cf26..2984ba432a61d53 100644
--- a/files/en-us/web/api/xrwebgllayer/ignoredepthvalues/index.md
+++ b/files/en-us/web/api/xrwebgllayer/ignoredepthvalues/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRWebGLLayer.ignoreDepthValues
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The read-only {{domxref("XRWebGLLayer")}} property
 **`ignoreDepthValues`** is a Boolean value which is
diff --git a/files/en-us/web/api/xrwebgllayer/xrwebgllayer/index.md b/files/en-us/web/api/xrwebgllayer/xrwebgllayer/index.md
index 93aa927dfb8087f..31ed873c22df1d6 100644
--- a/files/en-us/web/api/xrwebgllayer/xrwebgllayer/index.md
+++ b/files/en-us/web/api/xrwebgllayer/xrwebgllayer/index.md
@@ -8,7 +8,7 @@ status:
 browser-compat: api.XRWebGLLayer.XRWebGLLayer
 ---
 
-{{APIRef("WebXR Device API")}}{{SeeCompatTable}}
+{{APIRef("WebXR Device API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
 The [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API) **`XRWebGLLayer()`** constructor creates and
 returns a new {{domxref("XRWebGLLayer")}} object, providing the linkage between the

From 6589a6a25a5d2e9a359c3f02f37c670fb7c74259 Mon Sep 17 00:00:00 2001
From: Tomasz Wysocki <121371814+tomaszwysocki@users.noreply.github.com>
Date: Mon, 5 Feb 2024 14:50:40 +0100
Subject: [PATCH 668/790] docs: add note to Array.prototype.find() page
 (#31981)

* docs: add note to Array.prototype.find() page

* docs: update Array.prototype.find() page

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/javascript/reference/global_objects/array/find/index.md

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../web/javascript/reference/global_objects/array/find/index.md  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/javascript/reference/global_objects/array/find/index.md b/files/en-us/web/javascript/reference/global_objects/array/find/index.md
index c611d866f888d66..7857b6fc9543dae 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/find/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/find/index.md
@@ -16,6 +16,7 @@ If no values satisfy the testing function, {{jsxref("undefined")}} is returned.
 - If you need to find if a value **exists** in an array, use {{jsxref("Array/includes", "includes()")}}.
   Again, it checks each element for equality with the value instead of using a testing function.
 - If you need to find if any element satisfies the provided testing function, use {{jsxref("Array/some", "some()")}}.
+- If you need to find all elements that satisfy the provided testing function, use {{jsxref("Array/filter", "filter()")}}.
 
 {{EmbedInteractiveExample("pages/js/array-find.html", "shorter")}}
 

From b283463ad9f401b585249ca27600aaa1304e9cc5 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 5 Feb 2024 14:11:58 +0000
Subject: [PATCH 669/790] Bump prettier from 3.2.4 to 3.2.5 (#32122)

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

diff --git a/package.json b/package.json
index c7da04c8673c06c..1b49449485eb574 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
     "lint-staged": "15.2.1",
     "markdownlint-cli2": "0.12.1",
     "markdownlint-rule-search-replace": "1.2.0",
-    "prettier": "3.2.4"
+    "prettier": "3.2.5"
   },
   "devDependencies": {
     "jest": "^29.7.0"
diff --git a/yarn.lock b/yarn.lock
index 9357febc76b5f6f..5b0b0edaa551c3b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6333,10 +6333,10 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==
 
-prettier@3.2.4:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.4.tgz#4723cadeac2ce7c9227de758e5ff9b14e075f283"
-  integrity sha512-FWu1oLHKCrtpO1ypU6J0SbK2d9Ckwysq6bHj/uaCP26DxrPpppCLQRGVuqAxSTvhF00AcvDRyYrLNW7ocBhFFQ==
+prettier@3.2.5:
+  version "3.2.5"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.5.tgz#e52bc3090586e824964a8813b09aba6233b28368"
+  integrity sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==
 
 pretty-format@^29.7.0:
   version "29.7.0"

From 429d8e4261450a61f390e11c3378c88b799f64e3 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 6 Feb 2024 03:08:27 +0800
Subject: [PATCH 670/790] Fix spell error brought in #29287 (#32126)

fix
---
 files/en-us/web/html/element/audio/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/html/element/audio/index.md b/files/en-us/web/html/element/audio/index.md
index 4aecb7802045fd9..c3cc089aac03dc3 100644
--- a/files/en-us/web/html/element/audio/index.md
+++ b/files/en-us/web/html/element/audio/index.md
@@ -33,7 +33,7 @@ This element's attributes include the [global attributes](/en-US/docs/Web/HTML/G
 
   - : The [`controlslist`](https://wicg.github.io/controls-list/explainer.html) attribute, when specified, helps the browser select what controls to show for the `audio` element whenever the browser shows its own set of controls (that is, when the `controls` attribute is specified).
 
-    The allowed values are `no`, `nofullscreen` and `noremoteplayback`.
+    The allowed values are `nodownload`, `nofullscreen` and `noremoteplayback`.
 
 - `crossorigin`
 
@@ -62,14 +62,14 @@ This element's attributes include the [global attributes](/en-US/docs/Web/HTML/G
 
     - `none`: Indicates that the audio should not be preloaded.
     - `metadata`: Indicates that only audio metadata (e.g. length) is fetched.
-    - `auto`: Indicates that the whole audio file can be ed, even if the user is not expected to use it.
+    - `auto`: Indicates that the whole audio file can be downloaded, even if the user is not expected to use it.
     - _empty string_: A synonym of the `auto` value.
 
     The default value is different for each browser. The spec advises it to be set to `metadata`.
 
     > **Note:**
     >
-    > - The `autoplay` attribute has precedence over `preload`. If `autoplay` is specified, the browser would obviously need to start ing the audio for playback.
+    > - The `autoplay` attribute has precedence over `preload`. If `autoplay` is specified, the browser would obviously need to start downloading the audio for playback.
     > - The browser is not forced by the specification to follow the value of this attribute; it is a mere hint.
 
 - `src`

From 81cab7a9c34e7bb3867f5d6d7e70fc73d0308087 Mon Sep 17 00:00:00 2001
From: dawei-wang <dawei-wang@users.noreply.github.com>
Date: Mon, 5 Feb 2024 11:42:15 -0800
Subject: [PATCH 671/790] Remove formal definition section (#32115)

Remove formal definition section per https://github.com/mdn/content/issues/32109#issuecomment-1925809000

Fix mdn/content#32109
---
 files/en-us/web/css/@font-palette-values/index.md | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/files/en-us/web/css/@font-palette-values/index.md b/files/en-us/web/css/@font-palette-values/index.md
index 535fca36e7e3d1b..c880c6a1f4eef68 100644
--- a/files/en-us/web/css/@font-palette-values/index.md
+++ b/files/en-us/web/css/@font-palette-values/index.md
@@ -31,10 +31,6 @@ The [&lt;dashed-ident&gt;](/en-US/docs/Web/CSS/dashed-ident) is a user defined i
 - [override-colors](/en-US/docs/Web/CSS/@font-palette-values/override-colors)
   - : Specifies the colors in the base palette to override.
 
-## Formal definition
-
-{{cssinfo}}
-
 ## Formal syntax
 
 {{csssyntax}}

From 2d924e00bacd7fc2db5584be6dfcaf89b0411213 Mon Sep 17 00:00:00 2001
From: "Juliy V. Chirkov" <juliyvchirkov@gmail.com>
Date: Tue, 6 Feb 2024 00:09:36 +0200
Subject: [PATCH 672/790] Fix incorrect CustomStateSet method set() to the
 correct one add() (#32125)

Fix method internals.states.set() -> internals.states.add()

Fix method internals.states.set() -> internals.states.add()
---
 files/en-us/web/api/customstateset/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/customstateset/index.md b/files/en-us/web/api/customstateset/index.md
index e1b05617546393c..d9c24fd5c1130ce 100644
--- a/files/en-us/web/api/customstateset/index.md
+++ b/files/en-us/web/api/customstateset/index.md
@@ -298,7 +298,7 @@ class CompatibleStateElement extends HTMLElement {
     const internals = this.attachInternals();
     // The double dash is required in browsers with the
     // legacy syntax, but works with the modern syntax
-    internals.states.set("--loaded");
+    internals.states.add("--loaded");
   }
 }
 ```
@@ -324,9 +324,9 @@ class CompatibleStateElement extends HTMLElement {
     // The double dash is required in browsers with the
     // legacy syntax, not supplying it will throw
     try {
-      internals.states.set("loaded");
+      internals.states.add("loaded");
     } catch {
-      internals.states.set("--loaded");
+      internals.states.add("--loaded");
     }
   }
 }

From b2875dbaa70efb5850084b9802803b439db325f5 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 6 Feb 2024 06:31:22 +0800
Subject: [PATCH 673/790] MediaDevices | fix apiref & add securecontext_header
 & some other fix (#31397)

---
 .../web/api/mediadevices/devicechange_event/index.md |  4 ++--
 .../web/api/mediadevices/enumeratedevices/index.md   |  9 ++++++---
 .../mediadevices/getsupportedconstraints/index.md    | 12 +++---------
 files/en-us/web/api/mediadevices/index.md            |  6 +++---
 4 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/files/en-us/web/api/mediadevices/devicechange_event/index.md b/files/en-us/web/api/mediadevices/devicechange_event/index.md
index 2615f4f28adfe44..b46271f374bbdf4 100644
--- a/files/en-us/web/api/mediadevices/devicechange_event/index.md
+++ b/files/en-us/web/api/mediadevices/devicechange_event/index.md
@@ -6,9 +6,9 @@ page-type: web-api-event
 browser-compat: api.MediaDevices.devicechange_event
 ---
 
-{{APIRef}}{{SecureContext_Header}}
+{{APIRef("Media Capture and Streams")}}{{SecureContext_Header}}
 
-A `devicechange` event is sent to a {{domxref("MediaDevices")}} instance whenever a media device such as a camera, microphone, or speaker is connected to or removed from the system.
+The **`devicechange`** event is sent to a {{domxref("MediaDevices")}} instance whenever a media device such as a camera, microphone, or speaker is connected to or removed from the system.
 
 This event is not cancelable and does not bubble.
 
diff --git a/files/en-us/web/api/mediadevices/enumeratedevices/index.md b/files/en-us/web/api/mediadevices/enumeratedevices/index.md
index 54131fdbfea1854..68d714b4c3a81a8 100644
--- a/files/en-us/web/api/mediadevices/enumeratedevices/index.md
+++ b/files/en-us/web/api/mediadevices/enumeratedevices/index.md
@@ -6,9 +6,9 @@ page-type: web-api-instance-method
 browser-compat: api.MediaDevices.enumerateDevices
 ---
 
-{{APIRef("WebRTC")}}{{SecureContext_Header}}
+{{APIRef("Media Capture and Streams")}}{{SecureContext_Header}}
 
-The {{domxref("MediaDevices")}} method **`enumerateDevices()`** requests a list of the currently available media input and output devices, such as microphones, cameras, headsets, and so forth.
+The **`enumerateDevices()`** method of the {{domxref("MediaDevices")}} interface requests a list of the currently available media input and output devices, such as microphones, cameras, headsets, and so forth.
 The returned {{jsxref("Promise")}} is resolved with an array of {{domxref("MediaDeviceInfo")}} objects describing the devices.
 
 The returned list will omit any devices that are blocked by the document [Permission Policy](/en-US/docs/Web/HTTP/Headers/Permissions-Policy): [`microphone`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/microphone), [`camera`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/camera), [`speaker-selection`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/speaker-selection) (for output devices), and so on.
@@ -26,12 +26,14 @@ None.
 
 ### Return value
 
-A {{ jsxref("Promise") }} that is fulfilled with an array of {{domxref("MediaDeviceInfo")}} objects.
+A {{jsxref("Promise")}} that is fulfilled with an array of {{domxref("MediaDeviceInfo")}} objects.
 Each object in the array describes one of the available media input and output devices.
 The order is significant — the default capture devices will be listed first.
 
 Other than default devices, only devices for which permission has been granted are "available".
 
+If the media device is an input device, an {{domxref("InputDeviceInfo")}} object will be returned instead.
+
 If enumeration fails, the promise is rejected.
 
 ## Security requirements
@@ -39,6 +41,7 @@ If enumeration fails, the promise is rejected.
 Access to the API is subject to the following constraints:
 
 - The method must be called in a [secure context](/en-US/docs/Web/Security/Secure_Contexts).
+- The document must be fully active and its visibility must be "visible".
 
 ## Examples
 
diff --git a/files/en-us/web/api/mediadevices/getsupportedconstraints/index.md b/files/en-us/web/api/mediadevices/getsupportedconstraints/index.md
index 2e57eee50cc2ee6..6bd44c3aec72eeb 100644
--- a/files/en-us/web/api/mediadevices/getsupportedconstraints/index.md
+++ b/files/en-us/web/api/mediadevices/getsupportedconstraints/index.md
@@ -8,11 +8,7 @@ browser-compat: api.MediaDevices.getSupportedConstraints
 
 {{APIRef("Media Capture and Streams")}}{{SecureContext_Header}}
 
-The
-**`getSupportedConstraints()`**
-method of the {{domxref("MediaDevices")}} interface returns an object based on the
-{{domxref("MediaTrackSupportedConstraints")}} dictionary, whose member fields each
-specify one of the constrainable properties the {{Glossary("user agent")}} understands.
+The **`getSupportedConstraints()`** method of the {{domxref("MediaDevices")}} interface returns an object based on the {{domxref("MediaTrackSupportedConstraints")}} dictionary, whose member fields each specify one of the constrainable properties the {{Glossary("user agent")}} understands.
 
 ## Syntax
 
@@ -26,10 +22,8 @@ None.
 
 ### Return value
 
-A new object based on the {{domxref("MediaTrackSupportedConstraints")}} dictionary
-listing the constraints supported by the user agent. Because only constraints supported
-by the user agent are included in the list, each of these Boolean properties has the
-value `true`.
+A new object based on the {{domxref("MediaTrackSupportedConstraints")}} dictionary listing the constraints supported by the user agent.
+Because only constraints supported by the user agent are included in the list, each of these Boolean properties has the value `true`.
 
 ## Examples
 
diff --git a/files/en-us/web/api/mediadevices/index.md b/files/en-us/web/api/mediadevices/index.md
index fedccbf3b9e2c72..9061bb4db94bda3 100644
--- a/files/en-us/web/api/mediadevices/index.md
+++ b/files/en-us/web/api/mediadevices/index.md
@@ -7,7 +7,7 @@ browser-compat: api.MediaDevices
 
 {{APIRef("Media Capture and Streams")}}{{SecureContext_Header}}
 
-The **`MediaDevices`** interface provides access to connected media input devices like cameras and microphones, as well as screen sharing. In essence, it lets you obtain access to any hardware source of media data.
+The **`MediaDevices`** interface of the {{domxref("Media Capture and Streams API", "", "", "nocode")}} provides access to connected media input devices like cameras and microphones, as well as screen sharing. In essence, it lets you obtain access to any hardware source of media data.
 
 {{InheritanceDiagram}}
 
@@ -19,13 +19,13 @@ _Inherits properties from its parent interface, {{domxref("EventTarget")}}._
 
 _Inherits methods from its parent interface, {{domxref("EventTarget")}}._
 
-- {{ domxref("MediaDevices.enumerateDevices", "enumerateDevices()") }}
+- {{domxref("MediaDevices.enumerateDevices", "enumerateDevices()")}}
   - : Obtains an array of information about the media input and output devices available on the system.
 - {{domxref("MediaDevices.getSupportedConstraints", "getSupportedConstraints()")}}
   - : Returns an object conforming to {{domxref("MediaTrackSupportedConstraints")}} indicating which constrainable properties are supported on the {{domxref("MediaStreamTrack")}} interface. See [Media Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API/Constraints) to learn more about constraints and how to use them.
 - {{domxref("MediaDevices.getDisplayMedia", "getDisplayMedia()")}}
   - : Prompts the user to select a display or portion of a display (such as a window) to capture as a {{domxref("MediaStream")}} for sharing or recording purposes. Returns a promise that resolves to a `MediaStream`.
-- {{ domxref("MediaDevices.getUserMedia", "getUserMedia()") }}
+- {{domxref("MediaDevices.getUserMedia", "getUserMedia()")}}
   - : With the user's permission through a prompt, turns on a camera and/or a microphone on the system and provides a {{domxref("MediaStream")}} containing a video track and/or an audio track with the input.
 - {{domxref("MediaDevices.selectAudioOutput", "selectAudioOutput()") }} {{Experimental_Inline}}
   - : Prompts the user to select a specific audio output device.

From c91c87d7da181194f3786abfcb2f27d2b885fb91 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 6 Feb 2024 07:02:38 +0800
Subject: [PATCH 674/790] Content update of
 `CredentialsContainer.preventSilentAccess()` & `CredentialsContainer.store()`
 (#32121)

* remove example section

* fix return value

* add exception section

* Layout changes to my taste

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 files/en-us/web/api/credentialscontainer/index.md |  6 ------
 .../preventsilentaccess/index.md                  | 15 ++++-----------
 .../web/api/credentialscontainer/store/index.md   |  5 +++++
 3 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/files/en-us/web/api/credentialscontainer/index.md b/files/en-us/web/api/credentialscontainer/index.md
index 0a765aa11e7a3fa..73bf43c0fcd6c3f 100644
--- a/files/en-us/web/api/credentialscontainer/index.md
+++ b/files/en-us/web/api/credentialscontainer/index.md
@@ -24,12 +24,6 @@ None.
 - {{domxref("CredentialsContainer.store()")}}
   - : Stores a set of credentials for a user, inside a provided {{domxref("Credential")}} instance and returns that instance in a {{jsxref("Promise")}}.
 
-## Examples
-
-```js
-// TBD
-```
-
 ## Specifications
 
 {{Specifications}}
diff --git a/files/en-us/web/api/credentialscontainer/preventsilentaccess/index.md b/files/en-us/web/api/credentialscontainer/preventsilentaccess/index.md
index 2b33bf3f4c5c17d..50a6f84ffe7a541 100644
--- a/files/en-us/web/api/credentialscontainer/preventsilentaccess/index.md
+++ b/files/en-us/web/api/credentialscontainer/preventsilentaccess/index.md
@@ -8,16 +8,9 @@ browser-compat: api.CredentialsContainer.preventSilentAccess
 
 {{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
-The **`preventSilentAccess()`** method
-of the {{domxref("CredentialsContainer")}} interface sets a flag that specifies
-whether automatic log in is allowed for future visits to the current origin, then
-returns an empty [`Promise`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise). For
-example, you might call this, after a user signs out of a website to ensure that
-they aren't automatically signed in on the next site visit. Mediation varies by origin,
-and is an added check point of browser stored credentials, informing a user of an
-account login status. This method is typically called after a user signs out of a
-website, ensuring this user's login information is not automatically passed on the next
-site visit.
+The **`preventSilentAccess()`** method of the {{domxref("CredentialsContainer")}} interface sets a flag that specifies whether automatic log in is allowed for future visits to the current origin, then returns a {{jsxref("Promise")}} that resolves to `undefined`.
+For example, you might call this, after a user signs out of a website to ensure that they aren't automatically signed in on the next site visit.
+Mediation varies by origin, and is an added check point of browser stored credentials, informing a user of an account login status. This method is typically called after a user signs out of a website, ensuring this user's login information is not automatically passed on the next site visit.
 
 Earlier versions of the spec called this method `requireUserMediation()`.
 The [Browser compatibility](/en-US/docs/Web/API/CredentialsContainer#browser_compatibility) section has support details.
@@ -34,7 +27,7 @@ None.
 
 ### Return value
 
-An empty {{jsxref("Promise")}}.
+A {{jsxref("Promise")}} that resolves to `undefined`.
 
 ## Specifications
 
diff --git a/files/en-us/web/api/credentialscontainer/store/index.md b/files/en-us/web/api/credentialscontainer/store/index.md
index 8dc55069d18d106..e72dcebd06adb5f 100644
--- a/files/en-us/web/api/credentialscontainer/store/index.md
+++ b/files/en-us/web/api/credentialscontainer/store/index.md
@@ -30,6 +30,11 @@ store(credentials)
 
 A {{jsxref("Promise")}} that resolves to `undefined`.
 
+### Exceptions
+
+- `NotAllowedError` {{domxref("DOMException")}}
+  - : Thrown if there is also a credential of the same type as the current one under operation.
+
 ## Examples
 
 ### Storing a password credential at successful authentication

From a58d1395214bed7e7da16abf87b78fda6b8b3919 Mon Sep 17 00:00:00 2001
From: Keith Cirkel <keithamus@users.noreply.github.com>
Date: Mon, 5 Feb 2024 23:06:31 +0000
Subject: [PATCH 675/790] swap CustomStateSet legacy workarounds (#32120)

* swap CustomStateSet legacy workarounds

* lint

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Apply suggestions from code review

* Minor change to trigger linter for testing

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 files/en-us/web/api/customstateset/index.md | 33 +++++++++++----------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/files/en-us/web/api/customstateset/index.md b/files/en-us/web/api/customstateset/index.md
index d9c24fd5c1130ce..9cde34b9eeabe15 100644
--- a/files/en-us/web/api/customstateset/index.md
+++ b/files/en-us/web/api/customstateset/index.md
@@ -73,7 +73,7 @@ The custom state pseudo-class matches the custom element only if the state is `t
 
 ## Examples
 
-### Labeled Checkbox
+### Labeled checkbox
 
 This example, which is adapted from the specification, demonstrates a custom checkbox element that has an internal "checked" state.
 This is mapped to the `checked` custom state, allowing styling to be applied using the `:state(checked)` custom state pseudo class.
@@ -286,9 +286,11 @@ Click the element to see a different border being applied as the state changes.
 
 Previously custom elements with custom states were selected using a `<dashed-ident>` instead of the [`:state()`](/en-US/docs/Web/CSS/:state) function.
 Browsers that don't support `:state()`, including versions of Chrome, will throw an error when supplied with an ident that is not prefixed with the double dash.
-If support for these browsers is required, it is possible to use a `<dashed-ident>` as the state's value, and select it with both the `:--mystate` and `:state(--mystate)` CSS selector:
+If support for these browsers is required, either use a [try...catch](/en-US/docs/Web/JavaScript/Reference/Statements/try...catch) block to support both syntaxes, or use a `<dashed-ident>` as the state's value and select it with both the `:--mystate` and `:state(--mystate)` CSS selector:
 
-### Using double dash prefixed idents
+### Using a try...catch block
+
+Setting the state to a name without the two dashes will cause an error in some versions of Chrome, catching this error and providing the `<dashed-ident>` alternative allows both to be selected for in CSS:
 
 #### JavaScript
 
@@ -297,8 +299,12 @@ class CompatibleStateElement extends HTMLElement {
   connectedCallback() {
     const internals = this.attachInternals();
     // The double dash is required in browsers with the
-    // legacy syntax, but works with the modern syntax
-    internals.states.add("--loaded");
+    // legacy syntax, not supplying it will throw
+    try {
+      internals.states.add("loaded");
+    } catch {
+      internals.states.add("--loaded");
+    }
   }
 }
 ```
@@ -306,14 +312,15 @@ class CompatibleStateElement extends HTMLElement {
 #### CSS
 
 ```css
-compatible-state-element:is(:--loaded, :state(--loaded)) {
+compatible-state-element:is(:--loaded, :state(loaded)) {
   border: solid green;
 }
 ```
 
-### Using a try catch block
+### Using double dash prefixed idents
 
-An alternative solution can be to use a `try` `catch` block to fall back to the legacy syntax:
+An alternative solution can be to use the `<dashed-ident>` within JavaScript.
+The downside to this approach is that the dashes must be included when using the CSS `:state()` syntax:
 
 #### JavaScript
 
@@ -322,12 +329,8 @@ class CompatibleStateElement extends HTMLElement {
   connectedCallback() {
     const internals = this.attachInternals();
     // The double dash is required in browsers with the
-    // legacy syntax, not supplying it will throw
-    try {
-      internals.states.add("loaded");
-    } catch {
-      internals.states.add("--loaded");
-    }
+    // legacy syntax, but works with the modern syntax
+    internals.states.add("--loaded");
   }
 }
 ```
@@ -335,7 +338,7 @@ class CompatibleStateElement extends HTMLElement {
 #### CSS
 
 ```css
-compatible-state-element:is(:--loaded, :state(loaded)) {
+compatible-state-element:is(:--loaded, :state(--loaded)) {
   border: solid green;
 }
 ```

From 952db471d65c30302c44388edf3c0aa094874319 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 6 Feb 2024 14:19:23 +0800
Subject: [PATCH 676/790] Update possible values for `Credential.type` (#32117)

* remove & fix example

* add read-only word

* update types

* add securecontext_header macros

* Update files/en-us/web/api/credential/id/index.md

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 files/en-us/web/api/credential/id/index.md   |  5 +----
 files/en-us/web/api/credential/index.md      |  7 ++++---
 files/en-us/web/api/credential/type/index.md | 11 +----------
 3 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/files/en-us/web/api/credential/id/index.md b/files/en-us/web/api/credential/id/index.md
index 7b5aed714a72232..044369e59a3d2b6 100644
--- a/files/en-us/web/api/credential/id/index.md
+++ b/files/en-us/web/api/credential/id/index.md
@@ -8,10 +8,7 @@ browser-compat: api.Credential.id
 
 {{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
-The **`id`** property of the
-{{domxref("Credential")}} interface returns a string containing the
-credential's identifier. This might be any one of a GUID, username, or email
-address.
+The **`id`** read-only property of the {{domxref("Credential")}} interface returns a string containing the credential's identifier. This might be a GUID, username, or email address, or some other value, depending on the type of credential.
 
 ## Value
 
diff --git a/files/en-us/web/api/credential/index.md b/files/en-us/web/api/credential/index.md
index b9dc789fbbe1926..4bf0db98b506388 100644
--- a/files/en-us/web/api/credential/index.md
+++ b/files/en-us/web/api/credential/index.md
@@ -9,19 +9,20 @@ browser-compat: api.Credential
 
 The **`Credential`** interface of the [Credential Management API](/en-US/docs/Web/API/Credential_Management_API) provides information about an entity (usually a user) normally as a prerequisite to a trust decision.
 
-`Credential` objects may be of four different types:
+`Credential` objects may be of the following types:
 
 - {{domxref("FederatedCredential")}}
 - {{domxref("IdentityCredential")}}
 - {{domxref("PasswordCredential")}}
 - {{domxref("PublicKeyCredential")}}
+- {{domxref("OTPCredential")}}
 
 ## Instance properties
 
 - {{domxref("Credential.id")}} {{ReadOnlyInline}}
   - : Returns a string containing the credential's identifier. This might be any one of a GUID, username, or email address.
 - {{domxref("Credential.type")}} {{ReadOnlyInline}}
-  - : Returns a string containing the credential's type. Valid values are `password`, `federated` and `public-key`. (For {{domxref("PasswordCredential")}}, {{domxref("FederatedCredential")}} and {{domxref("PublicKeyCredential")}})
+  - : Returns a string containing the credential's type. Valid values are `password`, `federated`, `public-key`, `identity` and `otp`. (For {{domxref("PasswordCredential")}}, {{domxref("FederatedCredential")}}, {{domxref("PublicKeyCredential")}}, {{domxref("IdentityCredential")}} and {{domxref("OTPCredential")}})
 
 ## Instance methods
 
@@ -30,7 +31,7 @@ None.
 ## Examples
 
 ```js
-let pwdCredential = new PasswordCredential({
+const pwdCredential = new PasswordCredential({
   id: "example-username", // Username/ID
   name: "Carina Anand", // Display name
   password: "correct horse battery staple", // Password
diff --git a/files/en-us/web/api/credential/type/index.md b/files/en-us/web/api/credential/type/index.md
index f64b83a27b0472c..2a11b3b2bbd7015 100644
--- a/files/en-us/web/api/credential/type/index.md
+++ b/files/en-us/web/api/credential/type/index.md
@@ -8,21 +8,12 @@ browser-compat: api.Credential.type
 
 {{APIRef("Credential Management API")}}{{SecureContext_Header}}
 
-The **`type`** property of the
-{{domxref("Credential")}} interface returns a string containing the
-credential's type. Valid values are `password`, `federated` and
-`public-key`.
+The **`type`** read-only property of the {{domxref("Credential")}} interface returns a string containing the credential's type. Valid values are `password`, `federated`, `public-key`, `identity` and `otp`.
 
 ## Value
 
 A string contains a credential's given name.
 
-## Examples
-
-```js
-// TBD
-```
-
 ## Specifications
 
 {{Specifications}}

From d8a52569d8d465eb626af3d33600c8c638a7a322 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 6 Feb 2024 16:10:10 +0800
Subject: [PATCH 677/790] init documentation for
 `HTMLSourceElement.{height,width}` (#32106)

* init docs

* add additional links

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Apply suggestions from code review

Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>

* Update files/en-us/web/api/htmlsourceelement/height/index.md

* Update files/en-us/web/api/htmlsourceelement/height/index.md

* Update files/en-us/web/api/htmlsourceelement/width/index.md

* Update files/en-us/web/api/htmlsourceelement/width/index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>
Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>
---
 .../web/api/htmlcanvaselement/height/index.md |  3 +
 .../web/api/htmlcanvaselement/width/index.md  |  3 +
 .../web/api/htmlembedelement/height/index.md  |  3 +
 .../web/api/htmlembedelement/width/index.md   |  3 +
 .../web/api/htmliframeelement/height/index.md |  3 +
 .../web/api/htmliframeelement/width/index.md  |  3 +
 .../web/api/htmlimageelement/height/index.md  |  3 +
 .../web/api/htmlimageelement/width/index.md   |  3 +
 .../web/api/htmlobjectelement/height/index.md |  3 +
 .../web/api/htmlobjectelement/width/index.md  |  3 +
 .../web/api/htmlsourceelement/height/index.md | 69 +++++++++++++++++++
 .../en-us/web/api/htmlsourceelement/index.md  |  4 ++
 .../web/api/htmlsourceelement/width/index.md  | 69 +++++++++++++++++++
 .../web/api/htmlvideoelement/height/index.md  |  3 +
 .../web/api/htmlvideoelement/width/index.md   |  3 +
 15 files changed, 178 insertions(+)
 create mode 100644 files/en-us/web/api/htmlsourceelement/height/index.md
 create mode 100644 files/en-us/web/api/htmlsourceelement/width/index.md

diff --git a/files/en-us/web/api/htmlcanvaselement/height/index.md b/files/en-us/web/api/htmlcanvaselement/height/index.md
index a1f9f07d7e937ba..d97bc0fe4920b4e 100644
--- a/files/en-us/web/api/htmlcanvaselement/height/index.md
+++ b/files/en-us/web/api/htmlcanvaselement/height/index.md
@@ -48,6 +48,9 @@ console.log(canvas.height); // 300
 
 - {{domxref("HTMLCanvasElement")}}: Interface used to define the `HTMLCanvasElement.height` property
 - {{domxref("HTMLCanvasElement.width")}}: Other property used to control the size of the canvas
+- {{domxref("HTMLEmbedElement.width")}}
+- {{domxref("HTMLIFrameElement.width")}}
 - {{domxref("HTMLImageElement.width")}}
 - {{domxref("HTMLObjectElement.width")}}
+- {{domxref("HTMLSourceElement.width")}}
 - {{domxref("HTMLVideoElement.width")}}
diff --git a/files/en-us/web/api/htmlcanvaselement/width/index.md b/files/en-us/web/api/htmlcanvaselement/width/index.md
index 48d7fb6c156f830..762f20b499136a5 100644
--- a/files/en-us/web/api/htmlcanvaselement/width/index.md
+++ b/files/en-us/web/api/htmlcanvaselement/width/index.md
@@ -48,6 +48,9 @@ console.log(canvas.width); // 300
 
 - {{domxref("HTMLCanvasElement")}}: Interface used to define the `HTMLCanvasElement.width` property
 - {{domxref("HTMLCanvasElement.height")}}: Other property used to control the size of the canvas
+- {{domxref("HTMLEmbedElement.width")}}
+- {{domxref("HTMLIFrameElement.width")}}
 - {{domxref("HTMLImageElement.width")}}
 - {{domxref("HTMLObjectElement.width")}}
+- {{domxref("HTMLSourceElement.width")}}
 - {{domxref("HTMLVideoElement.width")}}
diff --git a/files/en-us/web/api/htmlembedelement/height/index.md b/files/en-us/web/api/htmlembedelement/height/index.md
index 7b6e72fb507d614..af8c246b3ca9b47 100644
--- a/files/en-us/web/api/htmlembedelement/height/index.md
+++ b/files/en-us/web/api/htmlembedelement/height/index.md
@@ -36,5 +36,8 @@ console.log(el.height); // Output: '600'
 ## See also
 
 - {{domxref("HTMLCanvasElement.height")}}
+- {{domxref("HTMLIFrameElement.height")}}
 - {{domxref("HTMLImageElement.height")}}
 - {{domxref("HTMLObjectElement.height")}}
+- {{domxref("HTMLSourceElement.height")}}
+- {{domxref("HTMLVideoElement.height")}}
diff --git a/files/en-us/web/api/htmlembedelement/width/index.md b/files/en-us/web/api/htmlembedelement/width/index.md
index 26d37bc1301b0f1..0f5b38a6b72b42b 100644
--- a/files/en-us/web/api/htmlembedelement/width/index.md
+++ b/files/en-us/web/api/htmlembedelement/width/index.md
@@ -36,5 +36,8 @@ console.log(el.width); // Output: '800'
 ## See also
 
 - {{domxref("HTMLCanvasElement.width")}}
+- {{domxref("HTMLIFrameElement.width")}}
 - {{domxref("HTMLImageElement.width")}}
 - {{domxref("HTMLObjectElement.width")}}
+- {{domxref("HTMLSourceElement.width")}}
+- {{domxref("HTMLVideoElement.width")}}
diff --git a/files/en-us/web/api/htmliframeelement/height/index.md b/files/en-us/web/api/htmliframeelement/height/index.md
index c3d068647277e54..4806a7fc5413286 100644
--- a/files/en-us/web/api/htmliframeelement/height/index.md
+++ b/files/en-us/web/api/htmliframeelement/height/index.md
@@ -36,5 +36,8 @@ console.log(el.height); // Output: '600'
 ## See also
 
 - {{domxref("HTMLCanvasElement.height")}}
+- {{domxref("HTMLEmbedElement.height")}}
 - {{domxref("HTMLImageElement.height")}}
 - {{domxref("HTMLObjectElement.height")}}
+- {{domxref("HTMLSourceElement.height")}}
+- {{domxref("HTMLVideoElement.height")}}
diff --git a/files/en-us/web/api/htmliframeelement/width/index.md b/files/en-us/web/api/htmliframeelement/width/index.md
index 540d6579a060ef0..e839a434b4f4c58 100644
--- a/files/en-us/web/api/htmliframeelement/width/index.md
+++ b/files/en-us/web/api/htmliframeelement/width/index.md
@@ -36,5 +36,8 @@ console.log(el.width); // Output: '800'
 ## See also
 
 - {{domxref("HTMLCanvasElement.width")}}
+- {{domxref("HTMLEmbedElement.width")}}
 - {{domxref("HTMLImageElement.width")}}
 - {{domxref("HTMLObjectElement.width")}}
+- {{domxref("HTMLSourceElement.width")}}
+- {{domxref("HTMLVideoElement.width")}}
diff --git a/files/en-us/web/api/htmlimageelement/height/index.md b/files/en-us/web/api/htmlimageelement/height/index.md
index 28d749a0c39e79c..ad24155653463e5 100644
--- a/files/en-us/web/api/htmlimageelement/height/index.md
+++ b/files/en-us/web/api/htmlimageelement/height/index.md
@@ -83,5 +83,8 @@ This example may be easier to try out {{LiveSampleLink('Examples', 'in its own w
 ## See also
 
 - {{domxref("HTMLCanvasElement.height")}}
+- {{domxref("HTMLEmbedElement.height")}}
+- {{domxref("HTMLIFrameElement.height")}}
 - {{domxref("HTMLObjectElement.height")}}
+- {{domxref("HTMLSourceElement.height")}}
 - {{domxref("HTMLVideoElement.height")}}
diff --git a/files/en-us/web/api/htmlimageelement/width/index.md b/files/en-us/web/api/htmlimageelement/width/index.md
index 7567d40b8a2c6fb..5280d19951df7b1 100644
--- a/files/en-us/web/api/htmlimageelement/width/index.md
+++ b/files/en-us/web/api/htmlimageelement/width/index.md
@@ -86,5 +86,8 @@ This example may be easier to try out {{LiveSampleLink('Examples', 'in its own w
 ## See also
 
 - {{domxref("HTMLCanvasElement.width")}}
+- {{domxref("HTMLEmbedElement.width")}}
+- {{domxref("HTMLIFrameElement.width")}}
 - {{domxref("HTMLObjectElement.width")}}
+- {{domxref("HTMLSourceElement.width")}}
 - {{domxref("HTMLVideoElement.width")}}
diff --git a/files/en-us/web/api/htmlobjectelement/height/index.md b/files/en-us/web/api/htmlobjectelement/height/index.md
index 45dfcbd8948d4aa..6843bc846380755 100644
--- a/files/en-us/web/api/htmlobjectelement/height/index.md
+++ b/files/en-us/web/api/htmlobjectelement/height/index.md
@@ -28,5 +28,8 @@ A string.
 ## See also
 
 - {{domxref("HTMLCanvasElement.height")}}
+- {{domxref("HTMLEmbedElement.height")}}
+- {{domxref("HTMLIFrameElement.height")}}
 - {{domxref("HTMLImageElement.height")}}
+- {{domxref("HTMLSourceElement.height")}}
 - {{domxref("HTMLVideoElement.height")}}
diff --git a/files/en-us/web/api/htmlobjectelement/width/index.md b/files/en-us/web/api/htmlobjectelement/width/index.md
index 878e1bc741dacdd..948022429c1caad 100644
--- a/files/en-us/web/api/htmlobjectelement/width/index.md
+++ b/files/en-us/web/api/htmlobjectelement/width/index.md
@@ -28,5 +28,8 @@ A string.
 ## See also
 
 - {{domxref("HTMLCanvasElement.width")}}
+- {{domxref("HTMLEmbedElement.width")}}
+- {{domxref("HTMLIFrameElement.width")}}
 - {{domxref("HTMLImageElement.width")}}
+- {{domxref("HTMLSourceElement.width")}}
 - {{domxref("HTMLVideoElement.width")}}
diff --git a/files/en-us/web/api/htmlsourceelement/height/index.md b/files/en-us/web/api/htmlsourceelement/height/index.md
new file mode 100644
index 000000000000000..0074af86801700d
--- /dev/null
+++ b/files/en-us/web/api/htmlsourceelement/height/index.md
@@ -0,0 +1,69 @@
+---
+title: "HTMLSourceElement: height property"
+short-title: height
+slug: Web/API/HTMLSourceElement/height
+page-type: web-api-instance-property
+browser-compat: api.HTMLSourceElement.height
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`height`** property of the {{domxref("HTMLSourceElement")}} interface is a non-negative number indicating the height of the image resource in CSS pixels.
+
+The property has an effect only if the parent of the current {{HTMLElement("source")}} element is a {{HTMLElement("picture")}} element.
+
+It reflects the `height` attribute of the {{HTMLElement("source")}} element.
+
+## Value
+
+A non-negative number indicating the height of the image resource in CSS pixels.
+
+## Examples
+
+```html
+<picture id="img">
+  <source
+    srcset="landscape.png"
+    media="(min-width: 1000px)"
+    width="1000"
+    height="400" />
+  <source
+    srcset="square.png"
+    media="(min-width: 800px)"
+    width="800"
+    height="800" />
+  <source
+    srcset="portrait.png"
+    media="(min-width: 600px)"
+    width="600"
+    height="800" />
+  <img
+    src="fallback.png"
+    alt="Image used when the browser does not support the sources"
+    width="500"
+    height="400" />
+</picture>
+```
+
+```js
+const img = document.getElementById("img");
+const sources = img.querySelectorAll("source");
+console.log(Array.from(sources).map((el) => el.height)); // Output: [400, 800, 800]
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.height")}}
+- {{domxref("HTMLEmbedElement.height")}}
+- {{domxref("HTMLIFrameElement.height")}}
+- {{domxref("HTMLImageElement.height")}}
+- {{domxref("HTMLObjectElement.height")}}
+- {{domxref("HTMLVideoElement.height")}}
diff --git a/files/en-us/web/api/htmlsourceelement/index.md b/files/en-us/web/api/htmlsourceelement/index.md
index 6c48aa492f40a1e..b11554b22c65701 100644
--- a/files/en-us/web/api/htmlsourceelement/index.md
+++ b/files/en-us/web/api/htmlsourceelement/index.md
@@ -15,6 +15,8 @@ The **`HTMLSourceElement`** interface provides special properties (beyond the re
 
 _Inherits properties from its parent, {{domxref("HTMLElement")}}._
 
+- {{domxref("HTMLSourceElement.height")}}
+  - : A number that reflects the [`height`](/en-US/docs/Web/HTML/Element/source#height) HTML attribute, indicating the height of the image resource in CSS pixels. The property has a meaning only if the parent of the current {{HTMLElement("source")}} element is a {{HTMLElement("picture")}} element.
 - {{domxref("HTMLSourceElement.media")}}
   - : A string reflecting the [`media`](/en-US/docs/Web/HTML/Element/source#media) HTML attribute, containing the intended type of the media resource.
 - {{domxref("HTMLSourceElement.sizes")}}
@@ -29,6 +31,8 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}._
   - : A string reflecting the [`srcset`](/en-US/docs/Web/HTML/Element/source#srcset) HTML attribute, containing a list of candidate images, separated by a comma (`',', U+002C COMMA`). A candidate image is a URL followed by a `'w'` with the width of the images, or an `'x'` followed by the pixel density.
 - {{domxref("HTMLSourceElement.type")}}
   - : A string reflecting the [`type`](/en-US/docs/Web/HTML/Element/source#type) HTML attribute, containing the type of the media resource.
+- {{domxref("HTMLSourceElement.width")}}
+  - : A number that reflects the [`width`](/en-US/docs/Web/HTML/Element/source#width) HTML attribute, indicating the width of the image resource in CSS pixels. The property has a meaning only if the parent of the current {{HTMLElement("source")}} element is a {{HTMLElement("picture")}} element.
 
 ## Instance methods
 
diff --git a/files/en-us/web/api/htmlsourceelement/width/index.md b/files/en-us/web/api/htmlsourceelement/width/index.md
new file mode 100644
index 000000000000000..1eb4af087cb05c8
--- /dev/null
+++ b/files/en-us/web/api/htmlsourceelement/width/index.md
@@ -0,0 +1,69 @@
+---
+title: "HTMLSourceElement: width property"
+short-title: width
+slug: Web/API/HTMLSourceElement/width
+page-type: web-api-instance-property
+browser-compat: api.HTMLSourceElement.width
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`width`** property of the {{domxref("HTMLSourceElement")}} interface is a non-negative number indicating the width of the image resource in CSS pixels.
+
+The property has an effect only if the parent of the current {{HTMLElement("source")}} element is a {{HTMLElement("picture")}} element.
+
+It reflects the `width` attribute of the {{HTMLElement("source")}} element.
+
+## Value
+
+A non-negative number indicating the width of the image resource in CSS pixels.
+
+## Examples
+
+```html
+<picture id="img">
+  <source
+    srcset="landscape.png"
+    media="(min-width: 1000px)"
+    width="1000"
+    height="400" />
+  <source
+    srcset="square.png"
+    media="(min-width: 800px)"
+    width="800"
+    height="800" />
+  <source
+    srcset="portrait.png"
+    media="(min-width: 600px)"
+    width="600"
+    height="800" />
+  <img
+    src="fallback.png"
+    alt="Image used when the browser does not support the sources"
+    width="500"
+    height="400" />
+</picture>
+```
+
+```js
+const img = document.getElementById("img");
+const sources = img.querySelectorAll("source");
+console.log(Array.from(sources).map((el) => el.width)); // Output: [1000, 800, 600]
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLCanvasElement.width")}}
+- {{domxref("HTMLEmbedElement.width")}}
+- {{domxref("HTMLIFrameElement.width")}}
+- {{domxref("HTMLImageElement.width")}}
+- {{domxref("HTMLObjectElement.width")}}
+- {{domxref("HTMLVideoElement.width")}}
diff --git a/files/en-us/web/api/htmlvideoelement/height/index.md b/files/en-us/web/api/htmlvideoelement/height/index.md
index 4ee4a8021185e59..03f7c92be5d5898 100644
--- a/files/en-us/web/api/htmlvideoelement/height/index.md
+++ b/files/en-us/web/api/htmlvideoelement/height/index.md
@@ -36,5 +36,8 @@ console.log(el.height); // Output: 600
 ## See also
 
 - {{domxref("HTMLCanvasElement.height")}}
+- {{domxref("HTMLEmbedElement.height")}}
+- {{domxref("HTMLIFrameElement.height")}}
 - {{domxref("HTMLImageElement.height")}}
 - {{domxref("HTMLObjectElement.height")}}
+- {{domxref("HTMLSourceElement.height")}}
diff --git a/files/en-us/web/api/htmlvideoelement/width/index.md b/files/en-us/web/api/htmlvideoelement/width/index.md
index c203cd255bcccd6..f5a0e8c32da8005 100644
--- a/files/en-us/web/api/htmlvideoelement/width/index.md
+++ b/files/en-us/web/api/htmlvideoelement/width/index.md
@@ -36,5 +36,8 @@ console.log(el.width); // Output: 800
 ## See also
 
 - {{domxref("HTMLCanvasElement.width")}}
+- {{domxref("HTMLEmbedElement.width")}}
+- {{domxref("HTMLIFrameElement.width")}}
 - {{domxref("HTMLImageElement.width")}}
 - {{domxref("HTMLObjectElement.width")}}
+- {{domxref("HTMLSourceElement.width")}}

From 442f8fc02289ae9f1b802a745bcdc2955099a903 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Tue, 6 Feb 2024 10:59:00 +0100
Subject: [PATCH 678/790] fix(html): Add advice on object element with data
 attr instead of param element (#32031)

* fix(html): Add advice on object element with data attr instead of param element

* Update files/en-us/web/html/element/param/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

---------

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/html/element/param/index.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/files/en-us/web/html/element/param/index.md b/files/en-us/web/html/element/param/index.md
index a3a8109db4dd9fa..704ff9ed23dad42 100644
--- a/files/en-us/web/html/element/param/index.md
+++ b/files/en-us/web/html/element/param/index.md
@@ -11,6 +11,9 @@ browser-compat: html.elements.param
 
 The **`<param>`** [HTML](/en-US/docs/Web/HTML) element defines parameters for an {{HTMLElement("object")}} element.
 
+> **Note:**
+> Use the {{HTMLElement("object")}} element with a [`data`](/en-US/docs/Web/HTML/Element/object#data) attribute to set the URL of an external resource.
+
 ## Attributes
 
 This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).

From 43c5c6fb360bff906d2706aef74bbb9783836458 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 6 Feb 2024 22:04:39 +0800
Subject: [PATCH 679/790] Add `download` attribute for `<a>` on `<video>`
 element page's examples (#32127)

* add

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/element/video/index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/html/element/video/index.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/html/element/video/index.md b/files/en-us/web/html/element/video/index.md
index 37fe337ace7f46f..4fd743cb2d9c0e3 100644
--- a/files/en-us/web/html/element/video/index.md
+++ b/files/en-us/web/html/element/video/index.md
@@ -282,7 +282,7 @@ Browsers don't all support the same video formats; you can provide multiple sour
   <source src="myVideo.mp4" type="video/mp4" />
   <p>
     Your browser doesn't support HTML video. Here is a
-    <a href="myVideo.mp4">link to the video</a> instead.
+    <a href="myVideo.mp4" download="myVideo.mp4">link to the video</a> instead.
   </p>
 </video>
 ```
@@ -409,7 +409,9 @@ This example builds on the last one, offering three different sources for the me
     type="video/mp4" />
 
   Sorry, your browser doesn't support embedded videos, but don't worry, you can
-  <a href="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4">
+  <a
+    href="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4"
+    download="ed_1024_512kb.mp4">
     download the MP4
   </a>
   and watch it with your favorite video player!

From c89286b7ecef487058015a581fb357f23e1b8971 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 6 Feb 2024 14:42:06 +0000
Subject: [PATCH 680/790] Bump lint-staged from 15.2.1 to 15.2.2 (#32139)

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

diff --git a/package.json b/package.json
index 1b49449485eb574..d5b755784fc9c7a 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,7 @@
     "gray-matter": "^4.0.3",
     "husky": "9.0.10",
     "js-yaml": "^4.1.0",
-    "lint-staged": "15.2.1",
+    "lint-staged": "15.2.2",
     "markdownlint-cli2": "0.12.1",
     "markdownlint-rule-search-replace": "1.2.0",
     "prettier": "3.2.5"
diff --git a/yarn.lock b/yarn.lock
index 5b0b0edaa551c3b..c1cc95f6019def1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4855,10 +4855,10 @@ linkify-it@^5.0.0:
   dependencies:
     uc.micro "^2.0.0"
 
-lint-staged@15.2.1:
-  version "15.2.1"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-15.2.1.tgz#25beb6e587f54245b20163f5efede073f12c4d1b"
-  integrity sha512-dhwAPnM85VdshybV9FWI/9ghTvMLoQLEXgVMx+ua2DN7mdfzd/tRfoU2yhMcBac0RHkofoxdnnJUokr8s4zKmQ==
+lint-staged@15.2.2:
+  version "15.2.2"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-15.2.2.tgz#ad7cbb5b3ab70e043fa05bff82a09ed286bc4c5f"
+  integrity sha512-TiTt93OPh1OZOsb5B7k96A/ATl2AjIZo+vnzFZ6oHK5FuTk63ByDtxGQpHm+kFETjEWqgkF95M8FRXKR/LEBcw==
   dependencies:
     chalk "5.3.0"
     commander "11.1.0"

From 329e8aae3be332487ab2955bd8ed5608133ac129 Mon Sep 17 00:00:00 2001
From: Frances Cornwall <113309999+francescorn@users.noreply.github.com>
Date: Tue, 6 Feb 2024 07:21:37 -0800
Subject: [PATCH 681/790] Update index.md - Add `sRGB` and `HWB` to
 `learn/css_values_and_units` (#32100)

* Update index.md

* Update files/en-us/learn/css/building_blocks/values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/learn/css/building_blocks/values_and_units/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update index.md

* Update files/en-us/learn/css/building_blocks/values_and_units/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/learn/css/building_blocks/values_and_units/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/learn/css/building_blocks/values_and_units/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update index.md

* Update index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 .../building_blocks/values_and_units/index.md | 30 ++++++++++++++-----
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/files/en-us/learn/css/building_blocks/values_and_units/index.md b/files/en-us/learn/css/building_blocks/values_and_units/index.md
index 36248492fb16155..04313220e7a5d5b 100644
--- a/files/en-us/learn/css/building_blocks/values_and_units/index.md
+++ b/files/en-us/learn/css/building_blocks/values_and_units/index.md
@@ -378,7 +378,7 @@ These values are less intuitive than keywords for defining colors, but they are
 
 ### RGB values
 
-To create RGB values directly, the `rgb()` function takes three parameters representing **red**, **green**, and **blue** channel values of the colors, with an optional fourth value separated by a slash ('/') representing opacity, in much the same way as hex values. The difference with RGB is that each channel is represented not by two hex digits, but by a decimal number between 0 and 255 or a percent between 0% and 100% inclusive (but not a mixture of the two).
+To create RGB values directly, the [`rgb()`](/en-US/docs/Web/CSS/color_value/rgb) function takes three parameters representing **red**, **green**, and **blue** channel values of the colors, with an optional fourth value separated by a slash ('/') representing opacity, in much the same way as hex values. The difference with RGB is that each channel is represented not by two hex digits, but by a decimal number between 0 and 255 or a percent between 0% and 100% inclusive (but not a mixture of the two).
 
 Let's rewrite our last example to use RGB colors:
 
@@ -396,20 +396,39 @@ In the example below, we have added a background image to the containing block o
 
 > **Note:** In older versions of CSS, the `rgb()` syntax didn't support an alpha parameter - you needed to use a different function called `rgba()` for that. These days you can pass an alpha parameter to `rgb()`, but for backwards compatibility with old websites, the `rgba()` syntax is still supported, and has exactly the same behavior as `rgb()`.
 
+### SRGB values
+
+The `sRGB` color space defines colors in the **red** (r), **green** (g), and **blue** (b) color space.
+
 ### Using hues to specify a color
 
 If you want to go beyond keywords, hexadecimal, and `rgb()` for colors, you might want to try using [`<hue>`](/en-US/docs/Web/CSS/hue).
 Hue is the property that allows us to tell the difference or similarity between colors like red, orange, yellow, green, blue, etc.
 The key concept is that you can specify a hue in an [`<angle>`](/en-US/docs/Web/CSS/angle) because most of the color models describe hues using a {{glossary("color wheel")}}.
 
-A great starting point for using hues in CSS is the `hsl()` function.
-Let's take a quick look at the parts you can specify:
+There are several color functions that include a [`<hue>`](/en-US/docs/Web/CSS/hue) component, including `hsl()`,`hwb()`, and [`lch()`](/en-US/docs/Web/CSS/color_value/lch). Other color functions, like [`lab()`](/en-US/docs/Web/CSS/color_value/lab), define colors based on what humans can see.
+
+If you want to find out more about these functions and color spaces, see the [Applying color to HTML elements using CSS](/en-US/docs/Web/CSS/CSS_colors/Applying_color) guide, the [`<color>`](/en-US/docs/Web/CSS/color_value) reference that lists all the different ways you can use colors in CSS, and the [CSS color module](/en-US/docs/Web/CSS/CSS_colors) that provides an overview of all the color types in CSS and the properties that use color values.
+
+### HWB
+
+A great starting point for using hues in CSS is the [`hwb()`](/en-US/docs/Web/CSS/color_value/hwb) function which specifies an `srgb()` color.
+The three parts are:
 
 - **Hue**: The base shade of the color. This takes a [`<hue>`](/en-US/docs/Web/CSS/hue) value between 0 and 360, representing the angles around a color wheel.
+- **Whiteness**: How white is the color? This takes a value from `0%` (no whiteness) to `100%` (full whiteness).
+- **Blackness**: How black is the color? This takes a value from 0% (no blackness) to 100% (full blackness).
+
+### HSL
+
+Similar to the `hwb()` function is the [`hsl()`](/en-US/docs/Web/CSS/color_value/hsl) function which also specifies an `srgb()` color.
+HSL uses `Hue`, in addition to `Saturation` and `Lightness`:
+
+- **Hue**
 - **Saturation**: How saturated is the color? This takes a value from 0–100%, where 0 is no color (it will appear as a shade of grey), and 100% is full color saturation.
 - **Lightness**: How light or bright is the color? This takes a value from 0–100%, where 0 is no light (it will appear completely black) and 100% is full light (it will appear completely white).
 
-Similar to `rgb()`, the `hsl()` color value also has an optional fourth value, separated from the color with a slash (`/`), representing the alpha transparency.
+The `hsl()` color value also has an optional fourth value, separated from the color with a slash (`/`), representing the alpha transparency.
 
 Let's update the RGB example to use HSL colors instead:
 
@@ -421,9 +440,6 @@ Just like with `rgb()` you can pass an alpha parameter to `hsl()` to specify opa
 
 > **Note:** In older versions of CSS, the `hsl()` syntax didn't support an alpha parameter - you needed to use a different function called `hsla()` for that. These days you can pass an alpha parameter to `hsl()`, but for backwards compatibility with old websites, the `hsla()` syntax is still supported, and has exactly the same behavior as `hsl()`.
 
-There are other color functions available such as `hwb()` and `lch()` which also use `<hue>` component, and even functions such as `lab()` which let you work with colors based on what humans can see.
-If you want to find out more about these functions and color spaces, see the [Applying color to HTML elements using CSS](/en-US/docs/Web/CSS/CSS_colors/Applying_color) guide, the [`<color>`](/en-US/docs/Web/CSS/color_value) reference that lists all the different ways you can use colors in CSS, and the [CSS color module](/en-US/docs/Web/CSS/CSS_colors) that provides an overview of all the color types in CSS and the properties that use color values.
-
 ## Images
 
 The [`<image>`](/en-US/docs/Web/CSS/image) value type is used wherever an image is a valid value. This can be an actual image file pointed to via a `url()` function, or a gradient.

From 6f20cfe325810247dd5ed8fe323526e84a70cc9b Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Tue, 6 Feb 2024 17:12:30 +0100
Subject: [PATCH 682/790] feat: Add link to web-platform-dx/web-features for
 Baseline issues (#32029)

---
 .github/ISSUE_TEMPLATE/config.yml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index 5a5aae0145ac97d..070b25ba71797ec 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -1,5 +1,8 @@
 blank_issues_enabled: true
 contact_links:
+  - name: Baseline issue
+    url: https://github.com/web-platform-dx/web-features
+    about: Baseline issues should be reported in the repository hosting Baseline data.
   - name: Content or feature request
     url: https://github.com/mdn/mdn/issues/new/choose
     about: Propose new content for MDN Web Docs or submit a feature request using this link.

From f39703b2657afb56a562b48ed2f8b53e255c7733 Mon Sep 17 00:00:00 2001
From: Felipe <felipeochoa@users.noreply.github.com>
Date: Tue, 6 Feb 2024 10:28:03 -0600
Subject: [PATCH 683/790] Add WASM memory.copy and memory.fill docs (#29077)

* Add Copy/Fill to wasm/reference/memory

* Add copy/index.md

* Create fill/index.md

* Fix copy/index.md opcode

* Fix syntax example in fill/index.md

* Lint fix

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Lint fix

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Lint fix

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update fill/index.md

* Update files/en-us/webassembly/reference/memory/copy/index.md

* Add missing page-type

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Vadim Makeev <hi@pepelsbey.dev>
Co-authored-by: Vadim Makeev <vmakeev@mozilla.com>
---
 .../reference/memory/copy/index.md            | 31 +++++++++++++++++++
 .../reference/memory/fill/index.md            | 29 +++++++++++++++++
 .../webassembly/reference/memory/index.md     |  4 +++
 3 files changed, 64 insertions(+)
 create mode 100644 files/en-us/webassembly/reference/memory/copy/index.md
 create mode 100644 files/en-us/webassembly/reference/memory/fill/index.md

diff --git a/files/en-us/webassembly/reference/memory/copy/index.md b/files/en-us/webassembly/reference/memory/copy/index.md
new file mode 100644
index 000000000000000..742726b43e255e3
--- /dev/null
+++ b/files/en-us/webassembly/reference/memory/copy/index.md
@@ -0,0 +1,31 @@
+---
+title: Copy
+slug: WebAssembly/Reference/Memory/Copy
+page-type: webassembly-instruction
+---
+
+{{WebAssemblySidebar}}
+
+The **`copy`** instruction copies data from one region of memory to another.
+
+The **`copy`** instruction does not return a value. If either the source or destination range is out of bounds, the instruction traps.
+
+## Syntax
+
+```wasm
+;; Destination address to copy to
+i32.const 50
+;; Source address to copy from
+i32.const 100
+;; Number of bytes to copy
+i32.const 25
+
+;; Copy data from [100, 125] to [50, 75]
+memory.copy
+
+;; the top item on the stack will now either be the previous number of pages (success) or `-1` (failure)
+```
+
+| Instruction   | Binary opcode |
+| ------------- | ------------- |
+| `memory.copy` | `0xFC 0x0a`   |
diff --git a/files/en-us/webassembly/reference/memory/fill/index.md b/files/en-us/webassembly/reference/memory/fill/index.md
new file mode 100644
index 000000000000000..a04d85c687997ff
--- /dev/null
+++ b/files/en-us/webassembly/reference/memory/fill/index.md
@@ -0,0 +1,29 @@
+---
+title: Fill
+slug: WebAssembly/Reference/Memory/Fill
+page-type: webassembly-instruction
+---
+
+{{WebAssemblySidebar}}
+
+The **`fill`** instruction sets all bytes in a memory region to a given byte.
+
+The **`fill`** instruction does not return a value. If the memory region indicated is out of bounds this instruction will trap.
+
+## Syntax
+
+```wasm
+;; The pointer to the region to update
+i32.const 200
+;; The value to set each byte to (must be < 256)
+i32.const 255
+;; The number of bytes to update
+i32.const 100
+
+;; Update the target region
+memory.fill
+```
+
+| Instruction   | Binary opcode |
+| ------------- | ------------- |
+| `memory.fill` | `0xFC 0x0b`   |
diff --git a/files/en-us/webassembly/reference/memory/index.md b/files/en-us/webassembly/reference/memory/index.md
index 19297c649a99237..72ace5bf0997cd9 100644
--- a/files/en-us/webassembly/reference/memory/index.md
+++ b/files/en-us/webassembly/reference/memory/index.md
@@ -16,3 +16,7 @@ WebAssembly memory instructions.
   - : Load a number from memory.
 - [`Store`](/en-US/docs/WebAssembly/Reference/Memory/Store)
   - : Store a number in memory.
+- [`Copy`](/en-US/docs/WebAssembly/Reference/Memory/Copy)
+  - : Copy data from one region in memory to another
+- [`Fill`](/en-US/docs/WebAssembly/Reference/Memory/Fill)
+  - : Set all values in a region to a specific byte

From 8fe5517b69ee1167a0b1e03e28f1a4a442602c6d Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Wed, 7 Feb 2024 08:50:01 +1100
Subject: [PATCH 684/790] FF123 Relnote: WebAuthn credential createion in cross
 origin frames (#32136)

---
 files/en-us/mozilla/firefox/releases/123/index.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/files/en-us/mozilla/firefox/releases/123/index.md b/files/en-us/mozilla/firefox/releases/123/index.md
index 05b0a3d9b20ad7e..acdbfe9c38f38a2 100644
--- a/files/en-us/mozilla/firefox/releases/123/index.md
+++ b/files/en-us/mozilla/firefox/releases/123/index.md
@@ -38,6 +38,10 @@ This article provides information about the changes in Firefox 123 that affect d
 
 ### APIs
 
+- The [Web Authentication API](/en-US/docs/Web/API/Web_Authentication_API) now supports cross-origin credential creation.
+  Specifically [`navigator.credentials.create({publicKey})`](/en-US/docs/Web/API/CredentialsContainer/create) can now be called in nested browsing contexts loaded from a different origin to the top-most document, if allowed by a [`Feature-Policy: publickey-credentials-create`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/publickey-credentials-create) on the top level nesting [`<iframe>`](/en-US/docs/Web/HTML/Element/iframe#allow).
+  ([Firefox bug 1870863](https://bugzil.la/1870863)).
+
 #### DOM
 
 #### Media, WebRTC, and Web Audio

From a320ca3ba41cde9b385f249a1519194f20c35d5c Mon Sep 17 00:00:00 2001
From: Vadim Makeev <hi@pepelsbey.dev>
Date: Tue, 6 Feb 2024 22:50:50 +0100
Subject: [PATCH 685/790] Add declarative shadow DOM to Firefox 123 release
 notes (#32128)

* Add declarative shadow DOM to Fx 123

* Remove declarative shadow DOM from experimental features

* Update files/en-us/mozilla/firefox/releases/123/index.md

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 .../firefox/experimental_features/index.md    | 40 -------------------
 .../mozilla/firefox/releases/123/index.md     |  2 +
 2 files changed, 2 insertions(+), 40 deletions(-)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index 77765da6b2b394a..148ac595095bb04 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -99,46 +99,6 @@ HTML password input elements ([`<input type="password">`](/en-US/docs/Web/HTML/E
   </tbody>
 </table>
 
-### Declarative shadow DOM
-
-The {{htmlelement("template")}} element now supports a `shadowrootmode` attribute which can be set to either `open` or `closed`, the same values as the `mode` option of the {{domxref("Element.attachShadow()", "attachShadow()")}} method. It allows the creation of a shadow DOM subtree declaratively. (See [Firefox bug 1712140](https://bugzil.la/1712140) for more details.)
-
-<table>
-  <thead>
-    <tr>
-      <th>Release channel</th>
-      <th>Version added</th>
-      <th>Enabled by default?</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th>Nightly</th>
-      <td>122</td>
-      <td>Yes</td>
-    </tr>
-    <tr>
-      <th>Developer Edition</th>
-      <td>122</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Beta</th>
-      <td>122</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Release</th>
-      <td>122</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Preference name</th>
-      <td colspan="2"><code>dom.webcomponents.shadowdom.declarative.enabled</code></td>
-    </tr>
-  </tbody>
-</table>
-
 ## CSS
 
 ### Hex boxes to display stray control characters
diff --git a/files/en-us/mozilla/firefox/releases/123/index.md b/files/en-us/mozilla/firefox/releases/123/index.md
index acdbfe9c38f38a2..77897a486929d89 100644
--- a/files/en-us/mozilla/firefox/releases/123/index.md
+++ b/files/en-us/mozilla/firefox/releases/123/index.md
@@ -14,6 +14,8 @@ This article provides information about the changes in Firefox 123 that affect d
 
 ### HTML
 
+- The {{htmlelement("template")}} element now supports a `shadowrootmode` attribute that allows declarative creation of a shadow DOM subtree. The attribute can be set to either `open` or `closed`, which expose or hide JavaScript in the shadow DOM from external code, respectively. These are the same values as the `mode` option of the {{domxref("Element.attachShadow()", "attachShadow()")}} method. ([Firefox bug 1712140](https://bugzil.la/1870052))
+
 #### Removals
 
 ### CSS

From 2429ce532caf4c140aabd0c281852e1accde7846 Mon Sep 17 00:00:00 2001
From: Mimori <mimorimori256@gmail.com>
Date: Wed, 7 Feb 2024 18:15:00 +0900
Subject: [PATCH 686/790] Fix typo in
 `/files/en-us/web/api/touchevent/touchevent/index.md` (#32141)

Fix typo
---
 files/en-us/web/api/touchevent/touchevent/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/touchevent/touchevent/index.md b/files/en-us/web/api/touchevent/touchevent/index.md
index eae40bf3516796d..615b0b8e061a0c5 100644
--- a/files/en-us/web/api/touchevent/touchevent/index.md
+++ b/files/en-us/web/api/touchevent/touchevent/index.md
@@ -30,7 +30,7 @@ new TouchEvent(type, options)
     - `touches` {{optional_inline}}
       - : A {{domxref("TouchList")}}, defaulting to an empty one, that is a list of objects for every point of contact currently touching the surface.
     - `targetTouches` {{optional_inline}}
-      - : A {{domxref("TouchList")}}, defaulting to an empty one,, that is a list of objects for every point of contact that is touching the surface
+      - : A {{domxref("TouchList")}}, defaulting to an empty one, that is a list of objects for every point of contact that is touching the surface
         _and_ started on the element that is the target of the current event.
     - `changedTouches` {{optional_inline}}
       - : and defaulting to `[]`, of type `Touch[]`, that is a list of objects for every point of contact which contributed to the event.

From cd73aa24cbadb9d78194422c8abe93d6a208ceb0 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Wed, 7 Feb 2024 12:15:40 +0100
Subject: [PATCH 687/790] chore(ci): Label & add 'mdn-bot' as author and
 committer to auto-generated PRs (#32154)

chore(ci): Make auto-generated PRs have 'mdn-bot' as author and committer
---
 .github/workflows/auto-cleanup-bot.yml      | 10 ++++++++--
 .github/workflows/interfacedata-updater.yml |  6 +++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/auto-cleanup-bot.yml b/.github/workflows/auto-cleanup-bot.yml
index 7143b740ff1961b..25861b4ad0da310 100644
--- a/.github/workflows/auto-cleanup-bot.yml
+++ b/.github/workflows/auto-cleanup-bot.yml
@@ -34,25 +34,31 @@ jobs:
 
       - name: Create PR with only fixable issues
         if: success()
-        uses: peter-evans/create-pull-request@v5
+        uses: peter-evans/create-pull-request@v6
         with:
           commit-message: "chore: auto-fix Markdownlint, Prettier, and front-matter issues"
           branch: markdownlint-auto-cleanup
           title: "fix: auto-cleanup by bot"
           author: mdn-bot <108879845+mdn-bot@users.noreply.github.com>
+          committer: mdn-bot <108879845+mdn-bot@users.noreply.github.com>
           body: |
             All issues auto-fixed
+          labels: |
+            automated pr
           token: ${{ secrets.AUTOMERGE_TOKEN }}
 
       - name: Create PR with notice on unfixed issues
         if: failure()
-        uses: peter-evans/create-pull-request@v5
+        uses: peter-evans/create-pull-request@v6
         with:
           commit-message: "chore: auto-fix Markdownlint, Prettier, and front-matter issues"
           branch: markdownlint-auto-cleanup
           title: "fix: auto-cleanup by bot"
           author: mdn-bot <108879845+mdn-bot@users.noreply.github.com>
+          committer: mdn-bot <108879845+mdn-bot@users.noreply.github.com>
           body: |
             Auto-fix was run, but additional issues found.
             Please review the run log: https://github.com/mdn/content/actions/runs/${{ github.run_id }}
+          labels: |
+            automated pr
           token: ${{ secrets.AUTOMERGE_TOKEN }}
diff --git a/.github/workflows/interfacedata-updater.yml b/.github/workflows/interfacedata-updater.yml
index 91c5e3afd221cdf..c02f95d3f87d9c9 100644
--- a/.github/workflows/interfacedata-updater.yml
+++ b/.github/workflows/interfacedata-updater.yml
@@ -22,6 +22,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version-file: "mdn-content/.nvmrc"
+          cache: yarn
 
       - name: Checkout webref
         uses: actions/checkout@v4
@@ -35,13 +36,16 @@ jobs:
         run: node scripts/update-interface-data.js ../webref/
 
       - name: Create pull request
-        uses: peter-evans/create-pull-request@v5
+        uses: peter-evans/create-pull-request@v6
         with:
           path: mdn-content
           token: ${{ secrets.AUTOMERGE_TOKEN }}
           title: Update InterfaceData based on WebRef
           author: mdn-bot <108879845+mdn-bot@users.noreply.github.com>
+          committer: mdn-bot <108879845+mdn-bot@users.noreply.github.com>
           commit-message: Update InterfaceData based on WebRef
           body: Automated changes generated by scripts/update-interface-data via interface-updater github workflow
+          labels: |
+            automated pr
           delete-branch: true
           branch: interfacedata-update

From 7e1956dbec8369ae5533be89e21cbce2d5a2ae1c Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Wed, 7 Feb 2024 16:42:45 +0100
Subject: [PATCH 688/790] chore(a11y): Change 'See Also' to 'See also' (#32159)

* chore(a11y): Change 'See Also' to 'See also'

* chore(a11y): Change 'See Also' to 'See also'
---
 .../accessibility/accessibility_and_spacial_patterns/index.md   | 2 +-
 .../aria/attributes/aria-activedescendant/index.md              | 2 +-
 .../web/accessibility/aria/attributes/aria-atomic/index.md      | 2 +-
 .../accessibility/aria/attributes/aria-autocomplete/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-braillelabel/index.md    | 2 +-
 .../aria/attributes/aria-brailleroledescription/index.md        | 2 +-
 .../en-us/web/accessibility/aria/attributes/aria-busy/index.md  | 2 +-
 .../web/accessibility/aria/attributes/aria-checked/index.md     | 2 +-
 .../web/accessibility/aria/attributes/aria-colcount/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-colindex/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-colindextext/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-colspan/index.md     | 2 +-
 .../web/accessibility/aria/attributes/aria-controls/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-current/index.md     | 2 +-
 .../web/accessibility/aria/attributes/aria-describedby/index.md | 2 +-
 .../web/accessibility/aria/attributes/aria-description/index.md | 2 +-
 .../web/accessibility/aria/attributes/aria-details/index.md     | 2 +-
 .../web/accessibility/aria/attributes/aria-disabled/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-dropeffect/index.md  | 2 +-
 .../accessibility/aria/attributes/aria-errormessage/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-expanded/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-flowto/index.md      | 2 +-
 .../web/accessibility/aria/attributes/aria-grabbed/index.md     | 2 +-
 .../web/accessibility/aria/attributes/aria-haspopup/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-hidden/index.md      | 2 +-
 .../web/accessibility/aria/attributes/aria-invalid/index.md     | 2 +-
 .../accessibility/aria/attributes/aria-keyshortcuts/index.md    | 2 +-
 .../en-us/web/accessibility/aria/attributes/aria-label/index.md | 2 +-
 .../web/accessibility/aria/attributes/aria-labelledby/index.md  | 2 +-
 .../en-us/web/accessibility/aria/attributes/aria-level/index.md | 2 +-
 .../en-us/web/accessibility/aria/attributes/aria-live/index.md  | 2 +-
 .../en-us/web/accessibility/aria/attributes/aria-modal/index.md | 2 +-
 .../web/accessibility/aria/attributes/aria-multiline/index.md   | 2 +-
 .../accessibility/aria/attributes/aria-multiselectable/index.md | 2 +-
 .../web/accessibility/aria/attributes/aria-orientation/index.md | 2 +-
 .../en-us/web/accessibility/aria/attributes/aria-owns/index.md  | 2 +-
 .../web/accessibility/aria/attributes/aria-placeholder/index.md | 2 +-
 .../web/accessibility/aria/attributes/aria-posinset/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-pressed/index.md     | 2 +-
 .../web/accessibility/aria/attributes/aria-readonly/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-relevant/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-required/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-roledescription/index.md | 2 +-
 .../web/accessibility/aria/attributes/aria-rowcount/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-rowindex/index.md    | 2 +-
 .../accessibility/aria/attributes/aria-rowindextext/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-rowspan/index.md     | 2 +-
 .../web/accessibility/aria/attributes/aria-selected/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-setsize/index.md     | 2 +-
 .../en-us/web/accessibility/aria/attributes/aria-sort/index.md  | 2 +-
 .../web/accessibility/aria/attributes/aria-valuemax/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-valuemin/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-valuenow/index.md    | 2 +-
 .../web/accessibility/aria/attributes/aria-valuetext/index.md   | 2 +-
 .../web/accessibility/aria/roles/alertdialog_role/index.md      | 2 +-
 .../web/accessibility/aria/roles/columnheader_role/index.md     | 2 +-
 files/en-us/web/accessibility/aria/roles/command_role/index.md  | 2 +-
 .../en-us/web/accessibility/aria/roles/composite_role/index.md  | 2 +-
 .../en-us/web/accessibility/aria/roles/definition_role/index.md | 2 +-
 .../en-us/web/accessibility/aria/roles/directory_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/generic_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/group_role/index.md    | 2 +-
 files/en-us/web/accessibility/aria/roles/input_role/index.md    | 2 +-
 files/en-us/web/accessibility/aria/roles/landmark_role/index.md | 2 +-
 files/en-us/web/accessibility/aria/roles/log_role/index.md      | 2 +-
 files/en-us/web/accessibility/aria/roles/marquee_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/math_role/index.md     | 2 +-
 files/en-us/web/accessibility/aria/roles/menu_role/index.md     | 2 +-
 files/en-us/web/accessibility/aria/roles/menubar_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/menuitem_role/index.md | 2 +-
 .../web/accessibility/aria/roles/menuitemcheckbox_role/index.md | 2 +-
 .../web/accessibility/aria/roles/menuitemradio_role/index.md    | 2 +-
 files/en-us/web/accessibility/aria/roles/note_role/index.md     | 2 +-
 .../web/accessibility/aria/roles/presentation_role/index.md     | 2 +-
 .../web/accessibility/aria/roles/progressbar_role/index.md      | 2 +-
 .../en-us/web/accessibility/aria/roles/radiogroup_role/index.md | 2 +-
 files/en-us/web/accessibility/aria/roles/range_role/index.md    | 2 +-
 files/en-us/web/accessibility/aria/roles/roletype_role/index.md | 2 +-
 .../en-us/web/accessibility/aria/roles/scrollbar_role/index.md  | 2 +-
 .../en-us/web/accessibility/aria/roles/searchbox_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/section_role/index.md  | 2 +-
 .../web/accessibility/aria/roles/sectionhead_role/index.md      | 2 +-
 files/en-us/web/accessibility/aria/roles/select_role/index.md   | 2 +-
 .../en-us/web/accessibility/aria/roles/separator_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/status_role/index.md   | 2 +-
 .../web/accessibility/aria/roles/structural_roles/index.md      | 2 +-
 .../en-us/web/accessibility/aria/roles/structure_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/tablist_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/tabpanel_role/index.md | 2 +-
 files/en-us/web/accessibility/aria/roles/term_role/index.md     | 2 +-
 files/en-us/web/accessibility/aria/roles/toolbar_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/tooltip_role/index.md  | 2 +-
 files/en-us/web/accessibility/aria/roles/tree_role/index.md     | 2 +-
 files/en-us/web/accessibility/aria/roles/treegrid_role/index.md | 2 +-
 files/en-us/web/accessibility/aria/roles/treeitem_role/index.md | 2 +-
 files/en-us/web/accessibility/aria/roles/widget_role/index.md   | 2 +-
 files/en-us/web/accessibility/aria/roles/window_role/index.md   | 2 +-
 .../en-us/web/css/css_nesting/nesting_and_specificity/index.md  | 2 +-
 files/en-us/web/css/css_nesting/nesting_at-rules/index.md       | 2 +-
 files/en-us/web/css/css_ruby_layout/index.md                    | 2 +-
 100 files changed, 100 insertions(+), 100 deletions(-)

diff --git a/files/en-us/web/accessibility/accessibility_and_spacial_patterns/index.md b/files/en-us/web/accessibility/accessibility_and_spacial_patterns/index.md
index aaa5f1f9cb92b50..d7148a567f83104 100644
--- a/files/en-us/web/accessibility/accessibility_and_spacial_patterns/index.md
+++ b/files/en-us/web/accessibility/accessibility_and_spacial_patterns/index.md
@@ -54,7 +54,7 @@ Space has to surround the braille character. A user of braille does not lay a fi
 
 The nature of space can change depending upon what MIME type is being used, and its version. For example, borders on SVG can extend both inward and outward from its dimensions, or for newer versions of SVG, entirely outward from it, thus reducing the space around the SVG to enable perception.
 
-## See Also
+## See also
 
 ### MDN
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-activedescendant/index.md b/files/en-us/web/accessibility/aria/attributes/aria-activedescendant/index.md
index a7dbe1f6f13266c..8cdb2ab8590f70e 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-activedescendant/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-activedescendant/index.md
@@ -48,7 +48,7 @@ Relevant only as an attribute on elements with the following roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 <section id="Quick_links">
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-atomic/index.md b/files/en-us/web/accessibility/aria/attributes/aria-atomic/index.md
index 4e1a81941ac6052..8c01cbe42f0fac6 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-atomic/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-atomic/index.md
@@ -30,7 +30,7 @@ Used in **ALL** [roles](/en-US/docs/Web/Accessibility/ARIA/Roles).
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [Event.ariaAtomic](/en-US/docs/Web/API/Element/ariaAtomic)
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-autocomplete/index.md b/files/en-us/web/accessibility/aria/attributes/aria-autocomplete/index.md
index 2d25faf87d7d76e..b81fe2a6c00c082 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-autocomplete/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-autocomplete/index.md
@@ -53,7 +53,7 @@ Used in roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`combobox`](/en-US/docs/Web/Accessibility/ARIA/Roles/combobox_role) role
 - [`textbox`](/en-US/docs/Web/Accessibility/ARIA/Roles/textbox_role) role
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-braillelabel/index.md b/files/en-us/web/accessibility/aria/attributes/aria-braillelabel/index.md
index f77770561b088b0..110b799eef8488b 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-braillelabel/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-braillelabel/index.md
@@ -47,7 +47,7 @@ Used in **ALL** roles.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-label`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
 - [`aria-brailleroledescription`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-brailleroledescription)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-brailleroledescription/index.md b/files/en-us/web/accessibility/aria/attributes/aria-brailleroledescription/index.md
index caddbf5ee7ebfcd..abb086e02dd8b17 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-brailleroledescription/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-brailleroledescription/index.md
@@ -65,7 +65,7 @@ Used in **ALL** roles (except [`generic`](/en-US/docs/Web/Accessibility/ARIA/Rol
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-roledescription`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-roledescription).
 - [`Element.ariaRoleDescription`](/en-US/docs/Web/API/Element/ariaRoleDescription)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md b/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md
index 01c259bfb4406dc..4ecb4975cec8dd3 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-busy/index.md
@@ -67,7 +67,7 @@ Used in **ALL** roles
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA live regions](/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions)
 - [`aria-live`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-checked/index.md b/files/en-us/web/accessibility/aria/attributes/aria-checked/index.md
index b07293f3a49b32d..881403db9967f63 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-checked/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-checked/index.md
@@ -77,7 +77,7 @@ myHTMLElement.ariaChecked = true;
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`<input type="checkbox">`](/en-US/docs/Web/HTML/Element/input/checkbox)
 - [`<input type="radio">`](/en-US/docs/Web/HTML/Element/input/radio)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-colcount/index.md b/files/en-us/web/accessibility/aria/attributes/aria-colcount/index.md
index ea2497a45e02b1f..d194bba78068d07 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-colcount/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-colcount/index.md
@@ -83,7 +83,7 @@ Inherits into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-colindex`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-colindex)
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-colindex/index.md b/files/en-us/web/accessibility/aria/attributes/aria-colindex/index.md
index 178c3778ded7e90..678b07ef952a53e 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-colindex/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-colindex/index.md
@@ -104,7 +104,7 @@ Inherits into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-colindextext`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-colindextext) attribute
 - [`aria-colcount`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-colcount) attribute
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-colindextext/index.md b/files/en-us/web/accessibility/aria/attributes/aria-colindextext/index.md
index 37253c33d91cfab..b770d659ee4df09 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-colindextext/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-colindextext/index.md
@@ -90,7 +90,7 @@ Inherits into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`Element.ariaColIndexText`](/en-US/docs/Web/API/Element/ariaColIndexText)
 - [`aria-colindex`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-colindex)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-colspan/index.md b/files/en-us/web/accessibility/aria/attributes/aria-colspan/index.md
index d3a0f84ba006952..c6ac497fa021463 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-colspan/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-colspan/index.md
@@ -159,7 +159,7 @@ Inherits into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - The {{HTMLElement('th')}} and {{HTMLElement('td')}} [`colspan`](/en-US/docs/Web/HTML/Element/td#attributes) attribute
 - [`aria-colindex`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-colindex) property
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-controls/index.md b/files/en-us/web/accessibility/aria/attributes/aria-controls/index.md
index 3a03be715775c57..46544b9216a726b 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-controls/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-controls/index.md
@@ -93,7 +93,7 @@ Used in **ALL** roles.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-owns`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-owns)
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-current/index.md b/files/en-us/web/accessibility/aria/attributes/aria-current/index.md
index 43485be5722095e..27100232787d480 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-current/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-current/index.md
@@ -81,7 +81,7 @@ Usable in all roles; except in for elements with the role of [`gridcell`](/en-US
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-selected`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
 - {{cssxref(':local-link')}}
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-describedby/index.md b/files/en-us/web/accessibility/aria/attributes/aria-describedby/index.md
index 15584bd5d6f2ba2..d8b57a6b06f881a 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-describedby/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-describedby/index.md
@@ -48,7 +48,7 @@ Used in **all** roles. Usable in all HTML elements as well.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - {{HTMLElement('label')}}
 - [`aria-labelledby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-description/index.md b/files/en-us/web/accessibility/aria/attributes/aria-description/index.md
index 3814dd5765c9609..4e453ccde0f5af1 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-description/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-description/index.md
@@ -49,7 +49,7 @@ Used in **ALL** roles.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [HTML `title` attribute](/en-US/docs/Web/HTML/Global_attributes/title)
 - [`aria-describedby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-details/index.md b/files/en-us/web/accessibility/aria/attributes/aria-details/index.md
index 3c86c19e42d6848..b2e49afbdb2b5e5 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-details/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-details/index.md
@@ -64,7 +64,7 @@ Used in **ALL** roles.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - HTML [id](/en-US/docs/Web/HTML/Global_attributes/id) attribute
 - [`aria-labelledby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-disabled/index.md b/files/en-us/web/accessibility/aria/attributes/aria-disabled/index.md
index 4df44b1791d712b..a049ca468b5645a 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-disabled/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-disabled/index.md
@@ -146,7 +146,7 @@ Inherits into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [Making disabled buttons more inclusive](https://css-tricks.com/making-disabled-buttons-more-inclusive/) by Sandrina Pereira
 - [Styling for Windows high contrast with new standards for forced colors](https://blogs.windows.com/msedgedev/2020/09/17/styling-for-windows-high-contrast-with-new-standards-for-forced-colors/)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-dropeffect/index.md b/files/en-us/web/accessibility/aria/attributes/aria-dropeffect/index.md
index ae1a045dd36a54a..9c7c05acf48e1a8 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-dropeffect/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-dropeffect/index.md
@@ -52,7 +52,7 @@ Used in **ALL** roles.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-grabbed`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-grabbed)
 - [HTML global `draggable` attribute](/en-US/docs/Web/HTML/Global_attributes/draggable)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-errormessage/index.md b/files/en-us/web/accessibility/aria/attributes/aria-errormessage/index.md
index 821fde79bdce787..40c137cf01ee1ae 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-errormessage/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-errormessage/index.md
@@ -92,7 +92,7 @@ Inherits from roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - HTML [`invalid`](/en-US/docs/Web/HTML/Global_attributes#invalid) attribute
 - CSS {{CSSxref(':invalid')}} pseudoclass
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-expanded/index.md b/files/en-us/web/accessibility/aria/attributes/aria-expanded/index.md
index 3874e6efca36774..d65e88653fd6803 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-expanded/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-expanded/index.md
@@ -113,7 +113,7 @@ Inherits into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-controls`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
 - [`aria-owns`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-owns)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-flowto/index.md b/files/en-us/web/accessibility/aria/attributes/aria-flowto/index.md
index ddb6f87e9fd0d18..a80829bcd3e2c18 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-flowto/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-flowto/index.md
@@ -32,7 +32,7 @@ Used in **ALL** roles.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - HTML [id](/en-US/docs/Web/HTML/Global_attributes/id) attribute
 - HTML [tabindex](/en-US/docs/Web/HTML/Global_attributes/tabindex) attribute
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-grabbed/index.md b/files/en-us/web/accessibility/aria/attributes/aria-grabbed/index.md
index 6970a91aa8a854b..c0de9a2c6a0b40b 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-grabbed/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-grabbed/index.md
@@ -40,7 +40,7 @@ Used in **ALL** [roles](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-dropeffect`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-dropeffect)
 - [HTML global `draggable` attribute](/en-US/docs/Web/HTML/Global_attributes/draggable)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-haspopup/index.md b/files/en-us/web/accessibility/aria/attributes/aria-haspopup/index.md
index f7782a37cdaffa5..993d9ef063b5e05 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-haspopup/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-haspopup/index.md
@@ -76,7 +76,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-controls`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
 - [`menu`](/en-US/docs/Web/Accessibility/ARIA/Roles/menu_role)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-hidden/index.md b/files/en-us/web/accessibility/aria/attributes/aria-hidden/index.md
index 56a2a8eafca08d4..99288ce183dcb98 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-hidden/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-hidden/index.md
@@ -81,7 +81,7 @@ Used in **ALL** roles
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-disabled`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - [`aria-modal`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-modal)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-invalid/index.md b/files/en-us/web/accessibility/aria/attributes/aria-invalid/index.md
index ffb5766cc6facf3..c5f49f15bd4e339 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-invalid/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-invalid/index.md
@@ -141,7 +141,7 @@ Inherited into role:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-errormessage`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage)
 - CSS {{CSSXRef(':valid')}} pseudoclass
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-keyshortcuts/index.md b/files/en-us/web/accessibility/aria/attributes/aria-keyshortcuts/index.md
index e0051b29c706829..5d81e2e3dee9167 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-keyshortcuts/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-keyshortcuts/index.md
@@ -128,7 +128,7 @@ Used in **ALL** roles.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-keyshortcuts` best practices](https://www.w3.org/TR/wai-aria-practices-1.2/#kbd_shortcuts)
 - HTML [`accesskey`](/en-US/docs/Web/HTML/Global_attributes#accesskey) attribute
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-label/index.md b/files/en-us/web/accessibility/aria/attributes/aria-label/index.md
index f6232d4bb1a6d26..a274456c8184925 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-label/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-label/index.md
@@ -92,7 +92,7 @@ The `aria-label` attribute is **NOT** supported in:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - {{HTMLElement('label')}} element
 - [`aria-labelledby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-labelledby/index.md b/files/en-us/web/accessibility/aria/attributes/aria-labelledby/index.md
index 38327de6bb67402..cb201f355676717 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-labelledby/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-labelledby/index.md
@@ -112,7 +112,7 @@ The `aria-labelledby` attribute is **NOT** supported in:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - HTML {{HTMLElement('label')}} element
 - HTML {{HTMLElement('legend')}} element
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-level/index.md b/files/en-us/web/accessibility/aria/attributes/aria-level/index.md
index 6b191f9b610fceb..7723b55e49708f1 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-level/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-level/index.md
@@ -58,7 +58,7 @@ Used in roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`<h1>` through `<h6>`: The HTML Section Heading elements](/en-US/docs/Web/HTML/Element/Heading_Elements) ({{htmlelement("Heading_Elements", "h1")}}, {{htmlelement("Heading_Elements", "h2")}}, {{htmlelement("Heading_Elements", "h3")}}, {{htmlelement("Heading_Elements", "h4")}}, {{htmlelement("Heading_Elements", "h5")}}, and {{htmlelement("Heading_Elements", "h6")}})
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-live/index.md b/files/en-us/web/accessibility/aria/attributes/aria-live/index.md
index f578f8788c02c04..3c19a6f0fb8fb60 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-live/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-live/index.md
@@ -79,7 +79,7 @@ Used in **ALL** roles.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-atomic`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-atomic)
 - [`aria-relevant`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-relevant)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md b/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md
index 3d3c04c2f192313..8633a5a649657df 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-modal/index.md
@@ -91,7 +91,7 @@ Inherits into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - HTML {{HTMLElement("dialog")}} element
 - [`alertdialog` role](/en-US/docs/Web/Accessibility/ARIA/Roles/alertdialog_role)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-multiline/index.md b/files/en-us/web/accessibility/aria/attributes/aria-multiline/index.md
index 8c49b6b10521a8e..a370aacc6c92cdb 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-multiline/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-multiline/index.md
@@ -49,7 +49,7 @@ Inherits into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - ARIA [`textbox`](/en-US/docs/Web/Accessibility/ARIA/Roles/textbox_role) role
 - ARIA [`searchbox`](/en-US/docs/Web/Accessibility/ARIA/Roles/searchbox_role) role
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-multiselectable/index.md b/files/en-us/web/accessibility/aria/attributes/aria-multiselectable/index.md
index b5adf696690e21d..b9c449acec7e3fc 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-multiselectable/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-multiselectable/index.md
@@ -154,7 +154,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - HTML {{HTMLElement('select')}} element
 - HTML {{HTMLElement('option')}} element
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-orientation/index.md b/files/en-us/web/accessibility/aria/attributes/aria-orientation/index.md
index 8dde5790c4b7a85..aabb67ed859d0fb 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-orientation/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-orientation/index.md
@@ -75,7 +75,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [Understanding WCAG: Keyboard](/en-US/docs/Web/Accessibility/Understanding_WCAG/Keyboard)
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-owns/index.md b/files/en-us/web/accessibility/aria/attributes/aria-owns/index.md
index 5c00cd3c03fd121..bcb3e87e26d9b66 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-owns/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-owns/index.md
@@ -57,7 +57,7 @@ Used in **ALL** roles.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-controls`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
 - [`aria-owns` browser support](https://a11ysupport.io/tech/aria/aria-owns_attribute)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-placeholder/index.md b/files/en-us/web/accessibility/aria/attributes/aria-placeholder/index.md
index 378aaf15407a370..1126b483c7bfd92 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-placeholder/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-placeholder/index.md
@@ -60,7 +60,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [HTML `placeholder` attribute](/en-US/docs/Web/HTML/Element/input#placeholder)
 - [`aria-labelledby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-posinset/index.md b/files/en-us/web/accessibility/aria/attributes/aria-posinset/index.md
index 7cb9e457c09d631..c92d77b80edf09a 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-posinset/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-posinset/index.md
@@ -71,7 +71,7 @@ Inherits into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-setsize`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-setsize)
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-pressed/index.md b/files/en-us/web/accessibility/aria/attributes/aria-pressed/index.md
index 5f1b428c3befa00..85cb236aa0d242e 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-pressed/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-pressed/index.md
@@ -55,7 +55,7 @@ Used in roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`<input type="button">`](/en-US/docs/Web/HTML/Element/input/button)
 - [`<input type="submit">`](/en-US/docs/Web/HTML/Element/input/submit)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-readonly/index.md b/files/en-us/web/accessibility/aria/attributes/aria-readonly/index.md
index ff7233d655d858e..2def6ba7033f33e 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-readonly/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-readonly/index.md
@@ -65,7 +65,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [HTML `readonly` attribute](/en-US/docs/Web/HTML/Attributes/readonly)
 - [`aria-disabled`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-relevant/index.md b/files/en-us/web/accessibility/aria/attributes/aria-relevant/index.md
index 1bfdbc7e4224e4a..76cfc500357d5a6 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-relevant/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-relevant/index.md
@@ -49,7 +49,7 @@ Used in **ALL** roles.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-atomic`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-atomic)
 - [`aria-live`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-required/index.md b/files/en-us/web/accessibility/aria/attributes/aria-required/index.md
index 2a7fb5da01f0d08..1d502effdc27289 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-required/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-required/index.md
@@ -87,7 +87,7 @@ Inherits into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - HTML [`required`](/en-US/docs/Web/HTML/Element/input#required) attribute
 - [`:optional` pseudoclass](/en-US/docs/Web/CSS/:optional)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-roledescription/index.md b/files/en-us/web/accessibility/aria/attributes/aria-roledescription/index.md
index d778041cb9a80ff..b8fbfaea54c594c 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-roledescription/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-roledescription/index.md
@@ -68,7 +68,7 @@ Supported by all roles and by all base markup elements except for `role="generic
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA roles](/en-US/docs/Web/Accessibility/ARIA/Roles)
 
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-rowcount/index.md b/files/en-us/web/accessibility/aria/attributes/aria-rowcount/index.md
index 6ed8e140c5da368..1548477fedcc2f6 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-rowcount/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-rowcount/index.md
@@ -75,7 +75,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-rowindex`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-rowindex)
 - [`aria-colcount`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-colcount)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-rowindex/index.md b/files/en-us/web/accessibility/aria/attributes/aria-rowindex/index.md
index 407c3088120eeea..2140ae660a4c055 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-rowindex/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-rowindex/index.md
@@ -91,7 +91,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-rowindextext`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-rowindextext)
 - [`aria-rowcount`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-rowcount)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-rowindextext/index.md b/files/en-us/web/accessibility/aria/attributes/aria-rowindextext/index.md
index a39786759e99d39..31b73202cb88201 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-rowindextext/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-rowindextext/index.md
@@ -44,7 +44,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-rowindex`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-rowindex)
 - [`aria-rowcount`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-rowcount)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-rowspan/index.md b/files/en-us/web/accessibility/aria/attributes/aria-rowspan/index.md
index 9b24b8f5011d897..f708dc12fef7941 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-rowspan/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-rowspan/index.md
@@ -44,7 +44,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - The [`rowspan`](/en-US/docs/Web/HTML/Element/td#rowspan) attribute on {{HTMLElement('td')}}
 - [`aria-rowindex`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-rowindex)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md b/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md
index d114106c3e9c5db..1c9c18b20b58a18 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-selected/index.md
@@ -122,7 +122,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-pressed`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)
 - [`aria-checked`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-checked)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-setsize/index.md b/files/en-us/web/accessibility/aria/attributes/aria-setsize/index.md
index 2a26801e7073540..6c6fa45b6839540 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-setsize/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-setsize/index.md
@@ -81,7 +81,7 @@ Inherits into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-posinset`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-posinset)
 - [Treegrid Email Inbox](https://www.w3.org/TR/2019/WD-wai-aria-practices-1.2-20191218/examples/treegrid/treegrid-1.html) example
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-sort/index.md b/files/en-us/web/accessibility/aria/attributes/aria-sort/index.md
index 56a4b5bd46399ec..cbf41898ce796bd 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-sort/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-sort/index.md
@@ -77,7 +77,7 @@ Used in roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [Sortable table example](https://www.w3.org/TR/wai-aria-practices-1.2/examples/table/sortable-table.html) -W3C
 - [`aria-pressed`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-valuemax/index.md b/files/en-us/web/accessibility/aria/attributes/aria-valuemax/index.md
index 4da9029f7eabe9d..036bef8849d629e 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-valuemax/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-valuemax/index.md
@@ -66,7 +66,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`range` role](/en-US/docs/Web/Accessibility/ARIA/Roles/range_role)
 - [`<input type="range>` element `max` attribute](/en-US/docs/Web/HTML/Element/input/range#max)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-valuemin/index.md b/files/en-us/web/accessibility/aria/attributes/aria-valuemin/index.md
index cbcd366efe1d8c0..56bdf73acc718af 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-valuemin/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-valuemin/index.md
@@ -53,7 +53,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`range` role](/en-US/docs/Web/Accessibility/ARIA/Roles/range_role)
 - [`<input type="range>` element `min` attribute](/en-US/docs/Web/HTML/Element/input/range#min)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-valuenow/index.md b/files/en-us/web/accessibility/aria/attributes/aria-valuenow/index.md
index f3a33d2bc0c0ae2..bda04c92241c0f9 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-valuenow/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-valuenow/index.md
@@ -115,7 +115,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`range` role](/en-US/docs/Web/Accessibility/ARIA/Roles/range_role)
 - [`<input type="range>` element `value` attribute](/en-US/docs/Web/HTML/Element/input/range#value)
diff --git a/files/en-us/web/accessibility/aria/attributes/aria-valuetext/index.md b/files/en-us/web/accessibility/aria/attributes/aria-valuetext/index.md
index d559f664cb979c0..3638e3b337b780b 100644
--- a/files/en-us/web/accessibility/aria/attributes/aria-valuetext/index.md
+++ b/files/en-us/web/accessibility/aria/attributes/aria-valuetext/index.md
@@ -51,7 +51,7 @@ Inherited into roles:
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-valuenow`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuenow)
 
diff --git a/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md b/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md
index e22386573c64e20..b58ee3cacde35af 100644
--- a/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/alertdialog_role/index.md
@@ -95,7 +95,7 @@ The code snippet above shows how to mark up an alert dialog that only provides a
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - HTML {{HTMLElement("dialog")}} element
 - [The `dialog` role](/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role)
diff --git a/files/en-us/web/accessibility/aria/roles/columnheader_role/index.md b/files/en-us/web/accessibility/aria/roles/columnheader_role/index.md
index 7cad6056ceb0ea4..d3515712bd11115 100644
--- a/files/en-us/web/accessibility/aria/roles/columnheader_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/columnheader_role/index.md
@@ -70,7 +70,7 @@ Columnheader has the same semantics `<th scope="col">`.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`table` role](/en-US/docs/Web/Accessibility/ARIA/Roles/table_role)
 - [`grid` role](/en-US/docs/Web/Accessibility/ARIA/Roles/grid_role)
diff --git a/files/en-us/web/accessibility/aria/roles/command_role/index.md b/files/en-us/web/accessibility/aria/roles/command_role/index.md
index 9a3bae08b1152a7..3d22323ef2cf4b3 100644
--- a/files/en-us/web/accessibility/aria/roles/command_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/command_role/index.md
@@ -21,7 +21,7 @@ Do not use.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `widget` role](/en-US/docs/Web/Accessibility/ARIA/Roles/widget_role)
 - [ARIA: `button` role](/en-US/docs/Web/Accessibility/ARIA/Roles/button_role)
diff --git a/files/en-us/web/accessibility/aria/roles/composite_role/index.md b/files/en-us/web/accessibility/aria/roles/composite_role/index.md
index 9edb81a47b2bea2..1eaca1e6d247bb8 100644
--- a/files/en-us/web/accessibility/aria/roles/composite_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/composite_role/index.md
@@ -21,7 +21,7 @@ Do not use.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `widget` role](/en-US/docs/Web/Accessibility/ARIA/Roles/widget_role)
 - [ARIA: `grid` role](/en-US/docs/Web/Accessibility/ARIA/Roles/grid_role)
diff --git a/files/en-us/web/accessibility/aria/roles/definition_role/index.md b/files/en-us/web/accessibility/aria/roles/definition_role/index.md
index 8526b66308ea7de..5cb70bb84f53417 100644
--- a/files/en-us/web/accessibility/aria/roles/definition_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/definition_role/index.md
@@ -36,7 +36,7 @@ The `definition` ARIA role can be included on an element that is a definition of
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [The `term` role](/en-US/docs/Web/Accessibility/ARIA/Roles/term_role)
 - The {{HTMLElement('dfn')}} element
diff --git a/files/en-us/web/accessibility/aria/roles/directory_role/index.md b/files/en-us/web/accessibility/aria/roles/directory_role/index.md
index 6f78d289b37ffc0..af068fd8362ef37 100644
--- a/files/en-us/web/accessibility/aria/roles/directory_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/directory_role/index.md
@@ -22,7 +22,7 @@ Use the [`list`](/en-US/docs/Web/Accessibility/ARIA/Roles/list_role) role instea
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [The `list` role](/en-US/docs/Web/Accessibility/ARIA/Roles/list_role)
 - The {{HTMLElement('ul')}} element
diff --git a/files/en-us/web/accessibility/aria/roles/generic_role/index.md b/files/en-us/web/accessibility/aria/roles/generic_role/index.md
index 1b739e52fb0f5f0..ca470098d96d6ac 100644
--- a/files/en-us/web/accessibility/aria/roles/generic_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/generic_role/index.md
@@ -33,7 +33,7 @@ This role is for use by user agents and not by developers. As such, no appropria
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - HTML {{HTMLElement('div')}} and {{HTMLElement('span')}} elements
 - [`presentation`](/en-US/docs/Web/Accessibility/ARIA/Roles/presentation_role) roles such as
diff --git a/files/en-us/web/accessibility/aria/roles/group_role/index.md b/files/en-us/web/accessibility/aria/roles/group_role/index.md
index f99d5fd72fcf81c..8bb25891b537289 100644
--- a/files/en-us/web/accessibility/aria/roles/group_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/group_role/index.md
@@ -89,7 +89,7 @@ This menu could be constructed using {{HTMLElement('select')}} and {{HTMLElement
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - The {{HTMLElement('fieldset')}} Element
 - [ARIA: `section` role](/en-US/docs/Web/Accessibility/ARIA/Roles/section_role)
diff --git a/files/en-us/web/accessibility/aria/roles/input_role/index.md b/files/en-us/web/accessibility/aria/roles/input_role/index.md
index c0a57e0bb572eb6..22545900980d0bf 100644
--- a/files/en-us/web/accessibility/aria/roles/input_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/input_role/index.md
@@ -21,7 +21,7 @@ Do not use.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `widget` role](/en-US/docs/Web/Accessibility/ARIA/Roles/widget_role)
 - [ARIA: `checkbox` role](/en-US/docs/Web/Accessibility/ARIA/Roles/checkbox_role)
diff --git a/files/en-us/web/accessibility/aria/roles/landmark_role/index.md b/files/en-us/web/accessibility/aria/roles/landmark_role/index.md
index 42e421d7cd15b0f..fdfb85082dbeec1 100644
--- a/files/en-us/web/accessibility/aria/roles/landmark_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/landmark_role/index.md
@@ -29,7 +29,7 @@ Landmarks ensure content is in navigable regions. Use {{HTMLElement('main')}} fo
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `section` role](/en-US/docs/Web/Accessibility/ARIA/Roles/section_role)
 - [ARIA: `banner` role](/en-US/docs/Web/Accessibility/ARIA/Roles/banner_role)
diff --git a/files/en-us/web/accessibility/aria/roles/log_role/index.md b/files/en-us/web/accessibility/aria/roles/log_role/index.md
index b18c0f2e26d716d..094f915c71ede59 100644
--- a/files/en-us/web/accessibility/aria/roles/log_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/log_role/index.md
@@ -37,7 +37,7 @@ With an area that has scrolling text, such as a stock ticker, the [`marquee`](/e
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `alert` role](/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role)
 - [ARIA: `marquee` role](/en-US/docs/Web/Accessibility/ARIA/Roles/marquee_role)
diff --git a/files/en-us/web/accessibility/aria/roles/marquee_role/index.md b/files/en-us/web/accessibility/aria/roles/marquee_role/index.md
index da58e55f687b905..85ba225a85dfa9e 100644
--- a/files/en-us/web/accessibility/aria/roles/marquee_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/marquee_role/index.md
@@ -29,7 +29,7 @@ The marquee is required to have an accessible name. Use [`aria-labelledby`](/en-
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `alert` role](/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role)
 - [ARIA: `log` role](/en-US/docs/Web/Accessibility/ARIA/Roles/log_role)
diff --git a/files/en-us/web/accessibility/aria/roles/math_role/index.md b/files/en-us/web/accessibility/aria/roles/math_role/index.md
index 115ee5991b02979..d3b93f9f3ca5af2 100644
--- a/files/en-us/web/accessibility/aria/roles/math_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/math_role/index.md
@@ -42,7 +42,7 @@ Had an image been used, the `alt` attribute would be used along with the `math`
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [MathML on MDN](/en-US/docs/Web/MathML) and the [`<math>`](/en-US/docs/Web/MathML/Element/math) element (not HTML)
 - [The MathML specification](https://www.w3.org/TR/MathML3/)
diff --git a/files/en-us/web/accessibility/aria/roles/menu_role/index.md b/files/en-us/web/accessibility/aria/roles/menu_role/index.md
index 81f31416fe28144..28fb72f18397fab 100644
--- a/files/en-us/web/accessibility/aria/roles/menu_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/menu_role/index.md
@@ -185,7 +185,7 @@ The navigation example has a static button. The submenu example has a button tha
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`menubar`](/en-US/docs/Web/Accessibility/ARIA/Roles/menubar_role)
 - [`menuitem`](/en-US/docs/Web/Accessibility/ARIA/Roles/menuitem_role)
diff --git a/files/en-us/web/accessibility/aria/roles/menubar_role/index.md b/files/en-us/web/accessibility/aria/roles/menubar_role/index.md
index ad8d719aa256bcf..ee1c28352ab7c6c 100644
--- a/files/en-us/web/accessibility/aria/roles/menubar_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/menubar_role/index.md
@@ -87,7 +87,7 @@ Note: The above interactions assumed the `menubar` is horizontal. If the `menuba
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`toolbar` role](/en-US/docs/Web/Accessibility/ARIA/Roles/toolbar_role)
 
diff --git a/files/en-us/web/accessibility/aria/roles/menuitem_role/index.md b/files/en-us/web/accessibility/aria/roles/menuitem_role/index.md
index fbdb41199b4ad7d..5d0a33c1303559e 100644
--- a/files/en-us/web/accessibility/aria/roles/menuitem_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/menuitem_role/index.md
@@ -107,7 +107,7 @@ When items in a `menubar` are arranged vertically and items in menu containers a
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`menuitemcheckbox` role](/en-US/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role)
 - [`menuitemradio` role](/en-US/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role)
diff --git a/files/en-us/web/accessibility/aria/roles/menuitemcheckbox_role/index.md b/files/en-us/web/accessibility/aria/roles/menuitemcheckbox_role/index.md
index a4272021771db9d..916daa0f7512084 100644
--- a/files/en-us/web/accessibility/aria/roles/menuitemcheckbox_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/menuitemcheckbox_role/index.md
@@ -131,7 +131,7 @@ The first rule of ARIA is: if a native HTML element or attribute has the semanti
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`menuitemradio` role](/en-US/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role)
 - [`checkbox` role](/en-US/docs/Web/Accessibility/ARIA/Roles/checkbox_role)
diff --git a/files/en-us/web/accessibility/aria/roles/menuitemradio_role/index.md b/files/en-us/web/accessibility/aria/roles/menuitemradio_role/index.md
index 206eef95c40127f..d56284cb6272a89 100644
--- a/files/en-us/web/accessibility/aria/roles/menuitemradio_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/menuitemradio_role/index.md
@@ -142,7 +142,7 @@ The first rule of ARIA is: if a native HTML element or attribute has the semanti
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`radio` role](/en-US/docs/Web/Accessibility/ARIA/Roles/radio_role)
 - [`<input type="radio">`](/en-US/docs/Web/HTML/Element/input/radio)
diff --git a/files/en-us/web/accessibility/aria/roles/note_role/index.md b/files/en-us/web/accessibility/aria/roles/note_role/index.md
index 5ebb76493bdb8d7..a1a87ede78ad40d 100644
--- a/files/en-us/web/accessibility/aria/roles/note_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/note_role/index.md
@@ -42,7 +42,7 @@ In the above Wikipedia style entry for Madam C.J. Walker, the `hilitebox` with r
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [Document structure roles](/en-US/docs/Web/Accessibility/ARIA/Roles#1._document_structure_roles)
 
diff --git a/files/en-us/web/accessibility/aria/roles/presentation_role/index.md b/files/en-us/web/accessibility/aria/roles/presentation_role/index.md
index de30d8bcc8a90d9..229830f824c7866 100644
--- a/files/en-us/web/accessibility/aria/roles/presentation_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/presentation_role/index.md
@@ -53,7 +53,7 @@ None. If a global ARIA state and property is set, `presentation` or `none` will
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`aria-hidden`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-hidden) versus [`role="presentation/none"`](https://www.scottohara.me/blog/2018/05/05/hidden-vs-none.html) - by Scott O'Hara
 
diff --git a/files/en-us/web/accessibility/aria/roles/progressbar_role/index.md b/files/en-us/web/accessibility/aria/roles/progressbar_role/index.md
index 84bbba71fdc0387..454a9367d40ff73 100644
--- a/files/en-us/web/accessibility/aria/roles/progressbar_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/progressbar_role/index.md
@@ -94,7 +94,7 @@ It is recommended to use a native {{HTMLElement("progress")}} or [`<input type="
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - HTML {{HTMLElement('progress')}} element
 - Other range widgets include:
diff --git a/files/en-us/web/accessibility/aria/roles/radiogroup_role/index.md b/files/en-us/web/accessibility/aria/roles/radiogroup_role/index.md
index bc672eb4339ee62..5cbc50dcab758f9 100644
--- a/files/en-us/web/accessibility/aria/roles/radiogroup_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/radiogroup_role/index.md
@@ -141,7 +141,7 @@ In this {{HTMLElement('fieldset')}} example, while `role="radiogroup"` is not ne
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - HTML {{HTMLElement('fieldset')}} element
 - HTML {{HTMLElement('input/radio', '&lt;input type="radio">')}} radio button element
diff --git a/files/en-us/web/accessibility/aria/roles/range_role/index.md b/files/en-us/web/accessibility/aria/roles/range_role/index.md
index 3f1d4892dac7a02..377666bcdc26a89 100644
--- a/files/en-us/web/accessibility/aria/roles/range_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/range_role/index.md
@@ -21,7 +21,7 @@ Do not use.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `structure` role](/en-US/docs/Web/Accessibility/ARIA/Roles/structure_role)
 - [ARIA: `meter` role](/en-US/docs/Web/Accessibility/ARIA/Roles/meter_role)
diff --git a/files/en-us/web/accessibility/aria/roles/roletype_role/index.md b/files/en-us/web/accessibility/aria/roles/roletype_role/index.md
index 7f7187f64ecc34a..612d585fdc966d1 100644
--- a/files/en-us/web/accessibility/aria/roles/roletype_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/roletype_role/index.md
@@ -22,7 +22,7 @@ Do not use.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `structure` role](/en-US/docs/Web/Accessibility/ARIA/Roles/structure_role)
 - [ARIA: `widget` role](/en-US/docs/Web/Accessibility/ARIA/Roles/widget_role)
diff --git a/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md b/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md
index a4a4856c1059ccb..7d7186211308d86 100644
--- a/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/scrollbar_role/index.md
@@ -154,7 +154,7 @@ The above CSS means a native scroll bar will appear when the user interacts with
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`<input type="range">`](/en-US/docs/Web/HTML/Element/input/range),
 - HTML {{HTMLElement('progress')}} element
diff --git a/files/en-us/web/accessibility/aria/roles/searchbox_role/index.md b/files/en-us/web/accessibility/aria/roles/searchbox_role/index.md
index fc5301a0017bff3..922d4e0f9a9b076 100644
--- a/files/en-us/web/accessibility/aria/roles/searchbox_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/searchbox_role/index.md
@@ -61,7 +61,7 @@ Including `role="searchbox"` when the form is a `search` and the label indicates
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`<input type="search">`](/en-US/docs/Web/HTML/Element/input/search)
 - [ARIA: `search` role](/en-US/docs/Web/Accessibility/ARIA/Roles/search_role)
diff --git a/files/en-us/web/accessibility/aria/roles/section_role/index.md b/files/en-us/web/accessibility/aria/roles/section_role/index.md
index 672857a4b479150..8d0b7b8e05b7ef3 100644
--- a/files/en-us/web/accessibility/aria/roles/section_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/section_role/index.md
@@ -22,7 +22,7 @@ Do not use.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `structure` role](/en-US/docs/Web/Accessibility/ARIA/Roles/structure_role)
 - [ARIA: `alert` role](/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role)
diff --git a/files/en-us/web/accessibility/aria/roles/sectionhead_role/index.md b/files/en-us/web/accessibility/aria/roles/sectionhead_role/index.md
index edc7975c82e245f..89c3c6558f38a17 100644
--- a/files/en-us/web/accessibility/aria/roles/sectionhead_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/sectionhead_role/index.md
@@ -21,7 +21,7 @@ Do not use.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `structure` role](/en-US/docs/Web/Accessibility/ARIA/Roles/structure_role)
 - [ARIA: `columnheader` role](/en-US/docs/Web/Accessibility/ARIA/Roles/columnheader_role)
diff --git a/files/en-us/web/accessibility/aria/roles/select_role/index.md b/files/en-us/web/accessibility/aria/roles/select_role/index.md
index d1e441497b1e372..f329d669f3cf2c5 100644
--- a/files/en-us/web/accessibility/aria/roles/select_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/select_role/index.md
@@ -21,7 +21,7 @@ Do not use.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `composite` role](/en-US/docs/Web/Accessibility/ARIA/Roles/composite_role)
 - [ARIA: `group` role](/en-US/docs/Web/Accessibility/ARIA/Roles/group_role)
diff --git a/files/en-us/web/accessibility/aria/roles/separator_role/index.md b/files/en-us/web/accessibility/aria/roles/separator_role/index.md
index b763b91e19fabf6..a0a8d328eda449b 100644
--- a/files/en-us/web/accessibility/aria/roles/separator_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/separator_role/index.md
@@ -120,7 +120,7 @@ From the assistive technology user's perspective, the heading does not exist sin
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - Thematic break HTML {{HTMLElement('hr')}} element
 - [Example separator in a menubar](https://www.w3.org/WAI/ARIA/apg/patterns/menubar/examples/menubar-editor/)
diff --git a/files/en-us/web/accessibility/aria/roles/status_role/index.md b/files/en-us/web/accessibility/aria/roles/status_role/index.md
index 7a4a7c6edafef4f..56669ccf637e215 100644
--- a/files/en-us/web/accessibility/aria/roles/status_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/status_role/index.md
@@ -33,7 +33,7 @@ Elements with the role status have an implicit [`aria-live`](/en-US/docs/Web/Acc
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `alert` role](/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role)
 - [ARIA: `log` role](/en-US/docs/Web/Accessibility/ARIA/Roles/log_role)
diff --git a/files/en-us/web/accessibility/aria/roles/structural_roles/index.md b/files/en-us/web/accessibility/aria/roles/structural_roles/index.md
index 1891e16693f37d0..d4c8b3cc9937b11 100644
--- a/files/en-us/web/accessibility/aria/roles/structural_roles/index.md
+++ b/files/en-us/web/accessibility/aria/roles/structural_roles/index.md
@@ -55,7 +55,7 @@ Do not use structural roles. Opt for HTML semantic elements instead.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 <section id="Quick_links">
 
diff --git a/files/en-us/web/accessibility/aria/roles/structure_role/index.md b/files/en-us/web/accessibility/aria/roles/structure_role/index.md
index 88513c7f377bab3..bfb70cb2a69b73b 100644
--- a/files/en-us/web/accessibility/aria/roles/structure_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/structure_role/index.md
@@ -25,7 +25,7 @@ Do not use `role="structure"`. Do use HTML and subclass structure roles.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `roletype` role](/en-US/docs/Web/Accessibility/ARIA/Roles/roletype_role)
 - [ARIA: `generic` role](/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role)
diff --git a/files/en-us/web/accessibility/aria/roles/tablist_role/index.md b/files/en-us/web/accessibility/aria/roles/tablist_role/index.md
index 5032c8d8f1a0ca6..5621566c216e82c 100644
--- a/files/en-us/web/accessibility/aria/roles/tablist_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/tablist_role/index.md
@@ -94,7 +94,7 @@ See the [`tabpanel`, `tab`, and `tablist` example](/en-US/docs/Web/Accessibility
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [`tab` role](/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role)
 - [`tabpanel` role](/en-US/docs/Web/Accessibility/ARIA/Roles/tabpanel_role)
diff --git a/files/en-us/web/accessibility/aria/roles/tabpanel_role/index.md b/files/en-us/web/accessibility/aria/roles/tabpanel_role/index.md
index 4995dc614f45206..a1e655ba27989ba 100644
--- a/files/en-us/web/accessibility/aria/roles/tabpanel_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/tabpanel_role/index.md
@@ -62,7 +62,7 @@ See the [`tabpanel`, `tab`, and `tablist` example](/en-US/docs/Web/Accessibility
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA `tab` role](/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role)
 - [ARIA `tablist` role](/en-US/docs/Web/Accessibility/ARIA/Roles/tablist_role)
diff --git a/files/en-us/web/accessibility/aria/roles/term_role/index.md b/files/en-us/web/accessibility/aria/roles/term_role/index.md
index a82a4929e1fa901..860c6767c6de961 100644
--- a/files/en-us/web/accessibility/aria/roles/term_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/term_role/index.md
@@ -82,7 +82,7 @@ Allow the term itself to define the accessible name. Do not use `aria-label` or
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `definition` role](/en-US/docs/Web/Accessibility/ARIA/Roles/definition_role).
 - The HTML {{HTMLElement('dfn')}} element
diff --git a/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md b/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md
index 881eed07de27b34..db59956480b3039 100644
--- a/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/toolbar_role/index.md
@@ -96,7 +96,7 @@ If any of the otherwise interactive elements within the toolbar are disabled, co
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [The CSS `:focus` pseudoclass](/en-US/docs/Web/CSS/:focus)
 - [The CSS `:focus-within` pseudoclass](/en-US/docs/Web/CSS/:focus-within)
diff --git a/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md b/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md
index 5b3fb06338077bd..28fac14b5909020 100644
--- a/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/tooltip_role/index.md
@@ -109,7 +109,7 @@ Instead of using tooltips and hiding important information, consider writing cle
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [The `dialog` role](/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role)
 - [CSS: `:focus` pseudoclass](/en-US/docs/Web/CSS/:focus)
diff --git a/files/en-us/web/accessibility/aria/roles/tree_role/index.md b/files/en-us/web/accessibility/aria/roles/tree_role/index.md
index fc7b30328177cd8..15a281d68c0d433 100644
--- a/files/en-us/web/accessibility/aria/roles/tree_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/tree_role/index.md
@@ -235,7 +235,7 @@ The alternative multi-selection model is a modifier key model in which moving fo
 
 {{Specifications}}
 
-## See Also
+## See also
 
 <section id="Quick_links">
 
diff --git a/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md b/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md
index 7fc0bc8732e8e15..d1aee75337bafd6 100644
--- a/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/treegrid_role/index.md
@@ -151,7 +151,7 @@ It is important for all cells to be able to receive or contain keyboard focus be
 
 {{Specifications}}
 
-## See Also
+## See also
 
 <section id="Quick_links">
 
diff --git a/files/en-us/web/accessibility/aria/roles/treeitem_role/index.md b/files/en-us/web/accessibility/aria/roles/treeitem_role/index.md
index a2554cc62aa8735..0d5221767962563 100644
--- a/files/en-us/web/accessibility/aria/roles/treeitem_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/treeitem_role/index.md
@@ -232,7 +232,7 @@ If the tree has more than 7 tree items, including type ahead functionality is re
 
 {{Specifications}}
 
-## See Also
+## See also
 
 <section id="Quick_links">
 
diff --git a/files/en-us/web/accessibility/aria/roles/widget_role/index.md b/files/en-us/web/accessibility/aria/roles/widget_role/index.md
index 3a7643115dc8a6e..5b0fc07984d1927 100644
--- a/files/en-us/web/accessibility/aria/roles/widget_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/widget_role/index.md
@@ -25,7 +25,7 @@ Do not use.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `roletype` role](/en-US/docs/Web/Accessibility/ARIA/Roles/roletype_role)
 
diff --git a/files/en-us/web/accessibility/aria/roles/window_role/index.md b/files/en-us/web/accessibility/aria/roles/window_role/index.md
index 224958d420568b0..7925c0ac5b35b66 100644
--- a/files/en-us/web/accessibility/aria/roles/window_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/window_role/index.md
@@ -21,7 +21,7 @@ Do not use.
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - [ARIA: `roletype` role](/en-US/docs/Web/Accessibility/ARIA/Roles/roletype_role)
 - [ARIA: `dialog` role](/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role)
diff --git a/files/en-us/web/css/css_nesting/nesting_and_specificity/index.md b/files/en-us/web/css/css_nesting/nesting_and_specificity/index.md
index 0b3b000c36ecb18..fb67171b49dc423 100644
--- a/files/en-us/web/css/css_nesting/nesting_and_specificity/index.md
+++ b/files/en-us/web/css/css_nesting/nesting_and_specificity/index.md
@@ -46,7 +46,7 @@ In this example, the id selector (`#a`) has a specificity of [`1-0-0`](/en-US/do
 
 The `.foo` class selector has a specificity of `0-1-0`. This makes the total specificity `1-0-1` for `& c` and `0-1-1` for `.foo c`, meaning that `color: blue;` wins out.
 
-## See Also
+## See also
 
 - [CSS nesting](/en-US/docs/Web/CSS/CSS_nesting) module
 - [`&` nesting selector](/en-US/docs/Web/CSS/Nesting_selector)
diff --git a/files/en-us/web/css/css_nesting/nesting_at-rules/index.md b/files/en-us/web/css/css_nesting/nesting_at-rules/index.md
index ea8e5f9b14d7f36..fa80d5ca8e7953b 100644
--- a/files/en-us/web/css/css_nesting/nesting_at-rules/index.md
+++ b/files/en-us/web/css/css_nesting/nesting_at-rules/index.md
@@ -142,7 +142,7 @@ Here the `.foo` selector assigns its rules to the **base** `@layer`. The nested
 }
 ```
 
-## See Also
+## See also
 
 - [CSS Nesting](/en-US/docs/Web/CSS/CSS_nesting) module
 - [`&` nesting selector](/en-US/docs/Web/CSS/Nesting_selector)
diff --git a/files/en-us/web/css/css_ruby_layout/index.md b/files/en-us/web/css/css_ruby_layout/index.md
index dc8c22f0db20dac..4567c0bdfd8ba70 100644
--- a/files/en-us/web/css/css_ruby_layout/index.md
+++ b/files/en-us/web/css/css_ruby_layout/index.md
@@ -20,6 +20,6 @@ The **CSS ruby layout** module provides the rendering model and formatting contr
 
 {{Specifications}}
 
-## See Also
+## See also
 
 - {{HTMLElement('ruby')}}

From 27933f665aefd7f76cd8b1b117c83e93b4214ead Mon Sep 17 00:00:00 2001
From: Konnor Rogers <konnor5456@gmail.com>
Date: Wed, 7 Feb 2024 13:12:22 -0500
Subject: [PATCH 689/790] Add examples to exportparts (#28649)

* Add examples to exportparts

* Update index.md

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update index.md

* Update index.md

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update index.md

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update index.md

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

* Update files/en-us/web/html/global_attributes/exportparts/index.md

* Update files/en-us/web/html/global_attributes/exportparts/index.md

* Example results added

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* remove dash before "hidden"

* Update files/en-us/web/html/global_attributes/exportparts/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* end code

* part selector on 2 lines

* make ex 2 and 3 show wrapper

* nested slots

* shadowroot styles

less line spacing.
removed grid as not needed

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/html/global_attributes/exportparts/index.md

* remove css from components

The css was for the h2, which is NOT in the shadowDOM.

* add :host pseudo class

displays block only when rendered

* host display block

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Estelle Weyl <estelle@weyl.org>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 .../global_attributes/exportparts/index.md    | 290 +++++++++++++++++-
 1 file changed, 289 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/html/global_attributes/exportparts/index.md b/files/en-us/web/html/global_attributes/exportparts/index.md
index b23c3483795c9fc..5e02bbcde75dca8 100644
--- a/files/en-us/web/html/global_attributes/exportparts/index.md
+++ b/files/en-us/web/html/global_attributes/exportparts/index.md
@@ -30,6 +30,293 @@ When exporting a `part`, you have the option to assign a different name to the p
 </template>
 ```
 
+## Examples
+
+### Basic component
+
+To demonstrate how `exportparts` is used to enable targeting parts within nested components, we will create a component, and then nest it within another component.
+
+#### HTML
+
+First, let's create a card component that we will then wrap with another component. We also use the new element we created, populating the slots with plain text as content.
+
+```html
+<template id="card-component-template">
+  <style>
+    :host {
+      display: block;
+    }
+  </style>
+  <div class="base" part="base">
+    <div part="header"><slot name="header_slot"></slot></div>
+    <div part="body"><slot name="body_slot"></slot></div>
+    <div part="footer"><slot name="footer_slot"></slot></div>
+  </div>
+</template>
+
+<card-component>
+  <p slot="header_slot">This is the header</p>
+  <p slot="body_slot">This is the body</p>
+  <p slot="footer_slot">This is the footer</p>
+</card-component>
+```
+
+#### JavaScript
+
+We use JavaScript to define our web component defined in the HTML above:
+
+```js
+customElements.define(
+  "card-component",
+  class extends HTMLElement {
+    constructor() {
+      super(); // Always call super first in constructor
+      const cardComponent = document.getElementById(
+        "card-component-template",
+      ).content;
+      const shadowRoot = this.attachShadow({
+        mode: "open",
+      });
+      shadowRoot.appendChild(cardComponent.cloneNode(true));
+    }
+  },
+);
+```
+
+#### CSS
+
+We style parts of the `<card-component>` shadow tree using the {{cssxref("::part")}} pseudo-element:
+
+```css
+::part(body) {
+  color: red;
+  font-style: italic;
+}
+```
+
+#### Results
+
+{{ EmbedLiveSample('Basic_component', '100%', '160') }}
+
+### Nested component
+
+Continuing the above `<card-component>` example, we create a nested component by wrapping the `<card-component>` within another component; in this case, the `<card-wrapper>` component. We then export the parts from the nested component that we want to make styleable from outside the component's shadow tree with the `exportparts` attribute.
+
+#### HTML
+
+```html hidden
+<template id="card-component-template">
+  <style>
+    :host {
+      display: block;
+    }
+  </style>
+  <div class="base" part="base">
+    <div part="header"><slot name="header_slot"></slot></div>
+    <div part="body"><slot name="body_slot"></slot></div>
+    <div part="footer"><slot name="footer_slot"></slot></div>
+  </div>
+</template>
+```
+
+```html
+<template id="card-wrapper">
+  <style>
+    :host {
+      display: block;
+    }
+  </style>
+  <card-component exportparts="base, header, body">
+    <span slot="header_slot"><slot name="H"></slot></span>
+    <span slot="body_slot"><slot name="B"></slot></span>
+    <span slot="footer_slot"><slot name="F"></slot></span>
+  </card-component>
+</template>
+```
+
+We include a `<card-wrapper>` custom element, and a `<card-component>` for comparison:
+
+```html
+<h2>Card wrapper</h2>
+
+<card-wrapper>
+  <p slot="H">This is the header</p>
+  <p slot="B">This is the body</p>
+  <p slot="F">This is the footer</p>
+</card-wrapper>
+
+<h2>Card component</h2>
+
+<card-component>
+  <p slot="header_slot">This is the header</p>
+  <p slot="body_slot">This is the body</p>
+  <p slot="footer_slot">This is the footer</p>
+</card-component>
+```
+
+#### JavaScript
+
+```js hidden
+customElements.define(
+  "card-component",
+  class extends HTMLElement {
+    constructor() {
+      super(); // Always call super first in constructor
+      const cardComponent = document.getElementById(
+        "card-component-template",
+      ).content;
+      const shadowRoot = this.attachShadow({
+        mode: "open",
+      });
+      shadowRoot.appendChild(cardComponent.cloneNode(true));
+    }
+  },
+);
+```
+
+```js
+customElements.define(
+  "card-wrapper",
+  class extends HTMLElement {
+    constructor() {
+      super(); // Always call super first in constructor
+      const cardWrapper = document.getElementById("card-wrapper").content;
+      const shadowRoot = this.attachShadow({
+        mode: "open",
+      });
+      shadowRoot.appendChild(cardWrapper.cloneNode(true));
+    }
+  },
+);
+```
+
+#### CSS
+
+Now, we can target parts of the `<card-component>` directly and when nested within a `<card-wrapper>` like so:
+
+```css
+h2 {
+  background-color: #dedede;
+}
+
+card-wrapper,
+card-component {
+  border: 1px dashed blue;
+  width: fit-content;
+}
+
+::part(body) {
+  color: red;
+  font-style: italic;
+}
+
+::part(header),
+::part(footer) {
+  font-weight: bold;
+}
+```
+
+#### Results
+
+{{ EmbedLiveSample('Nested_component', '100%', '400') }}
+
+Note `footer` is not bold when nested, as we did not include it in `exportparts`.
+
+### Exposing mapped parts
+
+To rename exported parts, we include a comma-separated list of mapped parts, with each mapped part including the original name and exported name separated by a colon (`:`):
+
+#### HTML
+
+We update the prior `<card-wrapper>` custom element with the remapping syntax (omitting `body` from the exported parts list):
+
+```html hidden
+<template id="card-component-template">
+  <div class="base" part="base">
+    <div part="header"><slot name="header_slot"></slot></div>
+    <div part="body"><slot name="body_slot"></slot></div>
+    <div part="footer"><slot name="footer_slot"></slot></div>
+  </div>
+</template>
+
+<card-wrapper>
+  <p slot="H">This is the header</p>
+  <p slot="B">This is the body</p>
+  <p slot="F">This is the footer</p>
+</card-wrapper>
+```
+
+```html
+<template id="card-wrapper">
+  <card-component
+    exportparts="
+       base:card__base, 
+       header:card__header, 
+       footer:card__footer
+     ">
+    <span slot="header_slot"><slot name="H"></slot></span>
+    <span slot="body_slot"><slot name="B"></slot></span>
+    <span slot="footer_slot"><slot name="F"></slot></span>
+  </card-component>
+</template>
+```
+
+#### JavaScript
+
+```js hidden
+customElements.define(
+  "card-component",
+  class extends HTMLElement {
+    constructor() {
+      super(); // Always call super first in constructor
+      const cardComponent = document.getElementById(
+        "card-component-template",
+      ).content;
+      const shadowRoot = this.attachShadow({
+        mode: "open",
+      });
+      shadowRoot.appendChild(cardComponent.cloneNode(true));
+    }
+  },
+);
+```
+
+```js
+customElements.define(
+  "card-wrapper",
+  class extends HTMLElement {
+    constructor() {
+      super(); // Always call super first in constructor
+      const cardWrapper = document.getElementById("card-wrapper").content;
+      const shadowRoot = this.attachShadow({
+        mode: "open",
+      });
+      shadowRoot.appendChild(cardWrapper.cloneNode(true));
+    }
+  },
+);
+```
+
+#### CSS
+
+In targetting the parts of the `<card-component>` from within the `<card-wrapper>`, we can only style the exported parts via their exposed part names:
+
+```css
+/* selects the exported parts name */
+::part(card__header) {
+  font-weight: bold;
+}
+/* selects nothing: these part names were not exported */
+::part(footer),
+::part(body) {
+  font-weight: bold;
+}
+```
+
+#### Results
+
+{{ EmbedLiveSample('Exposing_mapped_parts', '100%', '160') }}
+
 ## Specifications
 
 {{Specifications}}
@@ -42,7 +329,8 @@ When exporting a `part`, you have the option to assign a different name to the p
 
 - [`part`](/en-US/docs/Web/HTML/Global_attributes/part) HTML attribute
 - {{HTMLElement("template")}} and {{HTMLElement("slot")}} HTML elements
-- {{CSSXref("::part")}} and {{CSSXref("::slotted")}} CSS pseudo-elements
+- {{CSSXref("::part")}} and {{CSSXref("::slotted")}} pseudo-elements
+- {{CSSXref(":host")}} pseudo-class
 - [`ShadowRoot`]("/en-US/docs/Web/API/ShadowRoot) interface
 - {{DOMxRef("Element.part")}} property
 - [Using templates and slots](/en-US/docs/Web/API/Web_components/Using_templates_and_slots)

From 9109e8866ea0943cd97a71365b6563b6b28143d6 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Wed, 7 Feb 2024 21:23:11 +0100
Subject: [PATCH 690/790] chore(api): Remove unimplemented_inline macro from
 window.find() 'awholeword' param (#32158)

---
 files/en-us/web/api/window/find/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/window/find/index.md b/files/en-us/web/api/window/find/index.md
index 93f304d84e9fc0f..af0be01d351f711 100644
--- a/files/en-us/web/api/window/find/index.md
+++ b/files/en-us/web/api/window/find/index.md
@@ -31,8 +31,8 @@ find(aString, aCaseSensitive, aBackwards, aWrapAround, aWholeWord, aSearchInFram
   - : A boolean value. If `true`, specifies a backward search.
 - `aWrapAround`
   - : A boolean value. If `true`, specifies a wrap around search.
-- `aWholeWord` {{Unimplemented_Inline}}
-  - : A boolean value. If `true`, specifies a whole word search. This is not implemented; see [Firefox bug 481513](https://bugzil.la/481513).
+- `aWholeWord`
+  - : A boolean value. If `true`, specifies a whole word search.
 - `aSearchInFrames`
   - : A boolean value. If `true`, specifies a search in frames.
 

From d7d60b8ed74f215c9856fcf81fc02bd53f7e3576 Mon Sep 17 00:00:00 2001
From: Daniel Kaplan <tieTYT@gmail.com>
Date: Wed, 7 Feb 2024 17:09:42 -0800
Subject: [PATCH 691/790] Clarify "n lines *or less*" lines for text-wrap:
 balance (#32147)

- The original parenthetical mentioned "n lines for Chromium..." This modification changes it to "n lines *or less* for Chromium..."
- When I read the original parenthetical, I spent a brain cycle wondering if it's exactly `n` or `<= n`. Since I believe it's conveying the latter, I made the text more explicit.
---
 files/en-us/web/css/text-wrap/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-wrap/index.md b/files/en-us/web/css/text-wrap/index.md
index 06febee03591a63..c028added4b9bc3 100644
--- a/files/en-us/web/css/text-wrap/index.md
+++ b/files/en-us/web/css/text-wrap/index.md
@@ -41,7 +41,7 @@ The `text-wrap` property is specified as a single keyword chosen from the list o
 - `nowrap` {{experimental_inline}}
   - : Text does not wrap across lines. It will overflow its containing element rather than breaking onto a new line.
 - `balance`
-  - : Text is wrapped in a way that best balances the number of characters on each line, enhancing layout quality and legibility. Because counting characters and balancing them across multiple lines is computationally expensive, this value is only supported for blocks of text spanning a limited number of lines (six for Chromium and ten for Firefox).
+  - : Text is wrapped in a way that best balances the number of characters on each line, enhancing layout quality and legibility. Because counting characters and balancing them across multiple lines is computationally expensive, this value is only supported for blocks of text spanning a limited number of lines (six or less for Chromium and ten or less for Firefox).
 - `pretty`
   - : Results in the same behavior as `wrap`, except that the user agent will use a slower algorithm that favors better layout over speed. This is intended for body copy where good typography is favored over performance (for example, when the number of [orphans](/en-US/docs/Web/CSS/orphans) should be kept to a minimum).
 - `stable` {{experimental_inline}}

From 51b28065211f1522bceedbbf8d77c89debd53dc7 Mon Sep 17 00:00:00 2001
From: dawei-wang <dawei-wang@users.noreply.github.com>
Date: Wed, 7 Feb 2024 17:20:32 -0800
Subject: [PATCH 692/790] Add `as` attribute (#32168)

Fix mdn/content##31960
---
 files/en-us/web/html/attributes/index.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/files/en-us/web/html/attributes/index.md b/files/en-us/web/html/attributes/index.md
index 07c23d932809234..9ce207dfeb87d28 100644
--- a/files/en-us/web/html/attributes/index.md
+++ b/files/en-us/web/html/attributes/index.md
@@ -86,6 +86,15 @@ Elements in HTML have **attributes**; these are additional values that configure
       </td>
       <td>Alternative text in case an image can't be displayed.</td>
     </tr>
+    <tr>
+      <td>
+        <code><a href="/en-US/docs/Web/HTML/Element/link#as">as</a></code>
+      </td>
+      <td>
+        {{ HTMLElement("link") }}
+      </td>
+      <td>Specifies the type of content being loaded by the link.</td>
+    </tr>
     <tr>
       <td>
         <code><a href="/en-US/docs/Web/HTML/Element/script#async">async</a></code>

From 85d7482697cc2bf407c58e809a2a754180d6714c Mon Sep 17 00:00:00 2001
From: Hong Xu <hong@topbug.net>
Date: Wed, 7 Feb 2024 19:28:22 -0800
Subject: [PATCH 693/790] Clarify the parameters of slice (#32152)

* Clarify the parameters of slice

Some explanations are a bit confusing.

- The ranges of negative `start` and `end` overlap with another bullet points. Clarify them.
- "Normalization" used here is neither standardized or defined. Re phrase the sentence.

* fix others

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../reference/global_objects/array/copywithin/index.md    | 8 ++++----
 .../reference/global_objects/array/fill/index.md          | 6 +++---
 .../reference/global_objects/array/includes/index.md      | 2 +-
 .../reference/global_objects/array/indexof/index.md       | 2 +-
 .../reference/global_objects/array/lastindexof/index.md   | 2 +-
 .../reference/global_objects/array/slice/index.md         | 6 +++---
 .../reference/global_objects/array/splice/index.md        | 2 +-
 .../reference/global_objects/array/tospliced/index.md     | 2 +-
 .../reference/global_objects/array/with/index.md          | 2 +-
 .../reference/global_objects/arraybuffer/slice/index.md   | 6 +++---
 .../global_objects/sharedarraybuffer/slice/index.md       | 6 +++---
 11 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/array/copywithin/index.md b/files/en-us/web/javascript/reference/global_objects/array/copywithin/index.md
index 113b045e4a7d43c..4ba757579b349d0 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/copywithin/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/copywithin/index.md
@@ -22,21 +22,21 @@ copyWithin(target, start, end)
 
 - `target`
   - : Zero-based index at which to copy the sequence to, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion). This corresponds to where the element at `start` will be copied to, and all elements between `start` and `end` are copied to succeeding indices.
-    - Negative index counts back from the end of the array — if `target < 0`, `target + array.length` is used.
+    - Negative index counts back from the end of the array — if `-array.length <= target < 0`, `target + array.length` is used.
     - If `target < -array.length`, `0` is used.
     - If `target >= array.length`, nothing is copied.
     - If `target` is positioned after `start` after normalization, copying only happens until the end of `array.length` (in other words, `copyWithin()` never extends the array).
 - `start`
   - : Zero-based index at which to start copying elements from, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion).
-    - Negative index counts back from the end of the array — if `start < 0`, `start + array.length` is used.
+    - Negative index counts back from the end of the array — if `-array.length <= start < 0`, `start + array.length` is used.
     - If `start < -array.length`, `0` is used.
     - If `start >= array.length`, nothing is copied.
 - `end` {{optional_inline}}
   - : Zero-based index at which to end copying elements from, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion). `copyWithin()` copies up to but not including `end`.
-    - Negative index counts back from the end of the array — if `end < 0`, `end + array.length` is used.
+    - Negative index counts back from the end of the array — if `-array.length <= end < 0`, `end + array.length` is used.
     - If `end < -array.length`, `0` is used.
     - If `end >= array.length` or `end` is omitted, `array.length` is used, causing all elements until the end to be copied.
-    - If `end` is positioned before or at `start` after normalization, nothing is copied.
+    - If `end` implies a position before or at the position that `start` implies, nothing is extracted.
 
 ### Return value
 
diff --git a/files/en-us/web/javascript/reference/global_objects/array/fill/index.md b/files/en-us/web/javascript/reference/global_objects/array/fill/index.md
index 4975bb6a8720432..d66b99046d6d439 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/fill/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/fill/index.md
@@ -25,15 +25,15 @@ fill(value, start, end)
   - : Value to fill the array with. Note all elements in the array will be this exact value: if `value` is an object, each slot in the array will reference that object.
 - `start` {{optional_inline}}
   - : Zero-based index at which to start filling, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion).
-    - Negative index counts back from the end of the array — if `start < 0`, `start + array.length` is used.
+    - Negative index counts back from the end of the array — if `-array.length <= start < 0`, `start + array.length` is used.
     - If `start < -array.length` or `start` is omitted, `0` is used.
     - If `start >= array.length`, no index is filled.
 - `end` {{optional_inline}}
   - : Zero-based index at which to end filling, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion). `fill()` fills up to but not including `end`.
-    - Negative index counts back from the end of the array — if `end < 0`, `end + array.length` is used.
+    - Negative index counts back from the end of the array — if `-array.length <= end < 0`, `end + array.length` is used.
     - If `end < -array.length`, `0` is used.
     - If `end >= array.length` or `end` is omitted, `array.length` is used, causing all indices until the end to be filled.
-    - If `end` is positioned before or at `start` after normalization, no index is filled.
+    - If `end` implies a position before or at the position that `start` implies, nothing is extracted.
 
 ### Return value
 
diff --git a/files/en-us/web/javascript/reference/global_objects/array/includes/index.md b/files/en-us/web/javascript/reference/global_objects/array/includes/index.md
index 1be11d68308c710..7830a309b33639a 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/includes/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/includes/index.md
@@ -26,7 +26,7 @@ includes(searchElement, fromIndex)
   - : The value to search for.
 - `fromIndex` {{optional_inline}}
   - : Zero-based index at which to start searching, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion).
-    - Negative index counts back from the end of the array — if `fromIndex < 0`, `fromIndex + array.length` is used. However, the array is still searched from front to back in this case.
+    - Negative index counts back from the end of the array — if `-array.length <= fromIndex < 0`, `fromIndex + array.length` is used. However, the array is still searched from front to back in this case.
     - If `fromIndex < -array.length` or `fromIndex` is omitted, `0` is used, causing the entire array to be searched.
     - If `fromIndex >= array.length`, the array is not searched and `false` is returned.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/array/indexof/index.md b/files/en-us/web/javascript/reference/global_objects/array/indexof/index.md
index 1afa83ae4f744a4..76a11b00700837b 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/indexof/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/indexof/index.md
@@ -25,7 +25,7 @@ indexOf(searchElement, fromIndex)
   - : Element to locate in the array.
 - `fromIndex` {{optional_inline}}
   - : Zero-based index at which to start searching, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion).
-    - Negative index counts back from the end of the array — if `fromIndex < 0`, `fromIndex + array.length` is used. Note, the array is still searched from front to back in this case.
+    - Negative index counts back from the end of the array — if `-array.length <= fromIndex < 0`, `fromIndex + array.length` is used. Note, the array is still searched from front to back in this case.
     - If `fromIndex < -array.length` or `fromIndex` is omitted, `0` is used, causing the entire array to be searched.
     - If `fromIndex >= array.length`, the array is not searched and `-1` is returned.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/array/lastindexof/index.md b/files/en-us/web/javascript/reference/global_objects/array/lastindexof/index.md
index 880ef2aa9c241b4..f2457fce0a7d858 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/lastindexof/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/lastindexof/index.md
@@ -26,7 +26,7 @@ lastIndexOf(searchElement, fromIndex)
   - : Element to locate in the array.
 - `fromIndex` {{optional_inline}}
   - : Zero-based index at which to start searching backwards, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion).
-    - Negative index counts back from the end of the array — if `fromIndex < 0`, `fromIndex + array.length` is used.
+    - Negative index counts back from the end of the array — if `-array.length <= fromIndex < 0`, `fromIndex + array.length` is used.
     - If `fromIndex < -array.length`, the array is not searched and `-1` is returned. You can think of it conceptually as starting at a nonexistent position before the beginning of the array and going backwards from there. There are no array elements on the way, so `searchElement` is never found.
     - If `fromIndex >= array.length` or `fromIndex` is omitted, `array.length - 1` is used, causing the entire array to be searched. You can think of it conceptually as starting at a nonexistent position beyond the end of the array and going backwards from there. It eventually reaches the real end position of the array, at which point it starts searching backwards through the actual array elements.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/array/slice/index.md b/files/en-us/web/javascript/reference/global_objects/array/slice/index.md
index 6c79905ff67b465..e35d3878773cfb6 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/slice/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/slice/index.md
@@ -26,15 +26,15 @@ slice(start, end)
 
 - `start` {{optional_inline}}
   - : Zero-based index at which to start extraction, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion).
-    - Negative index counts back from the end of the array — if `start < 0`, `start + array.length` is used.
+    - Negative index counts back from the end of the array — if `-array.length <= start < 0`, `start + array.length` is used.
     - If `start < -array.length` or `start` is omitted, `0` is used.
     - If `start >= array.length`, nothing is extracted.
 - `end` {{optional_inline}}
   - : Zero-based index at which to end extraction, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion). `slice()` extracts up to but not including `end`.
-    - Negative index counts back from the end of the array — if `end < 0`, `end + array.length` is used.
+    - Negative index counts back from the end of the array — if `-array.length <= end < 0`, `end + array.length` is used.
     - If `end < -array.length`, `0` is used.
     - If `end >= array.length` or `end` is omitted, `array.length` is used, causing all elements until the end to be extracted.
-    - If `end` is positioned before or at `start` after normalization, nothing is extracted.
+    - If `end` implies a position before or at the position that `start` implies, nothing is extracted.
 
 ### Return value
 
diff --git a/files/en-us/web/javascript/reference/global_objects/array/splice/index.md b/files/en-us/web/javascript/reference/global_objects/array/splice/index.md
index a28c4ccc0fc8cfa..e64c301ea2548cb 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/splice/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/splice/index.md
@@ -29,7 +29,7 @@ splice(start, deleteCount, item1, item2, /* …, */ itemN)
 - `start`
 
   - : Zero-based index at which to start changing the array, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion).
-    - Negative index counts back from the end of the array — if `start < 0`, `start + array.length` is used.
+    - Negative index counts back from the end of the array — if `-array.length <= start < 0`, `start + array.length` is used.
     - If `start < -array.length`, `0` is used.
     - If `start >= array.length`, no element will be deleted, but the method will behave as an adding function, adding as many elements as provided.
     - If `start` is omitted (and `splice()` is called with no arguments), nothing is deleted. This is different from passing `undefined`, which is converted to `0`.
diff --git a/files/en-us/web/javascript/reference/global_objects/array/tospliced/index.md b/files/en-us/web/javascript/reference/global_objects/array/tospliced/index.md
index c86ff2d915389ce..7b84f1b54aa0740 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/tospliced/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/tospliced/index.md
@@ -24,7 +24,7 @@ toSpliced(start, deleteCount, item1, item2, /* …, */ itemN)
 - `start`
 
   - : Zero-based index at which to start changing the array, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion).
-    - Negative index counts back from the end of the array — if `start < 0`, `start + array.length` is used.
+    - Negative index counts back from the end of the array — if `-array.length <= start < 0`, `start + array.length` is used.
     - If `start < -array.length` or `start` is omitted, `0` is used.
     - If `start >= array.length`, no element will be deleted, but the method will behave as an adding function, adding as many elements as provided.
 
diff --git a/files/en-us/web/javascript/reference/global_objects/array/with/index.md b/files/en-us/web/javascript/reference/global_objects/array/with/index.md
index 6b820de36adf78b..ba5950f44dceba0 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/with/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/with/index.md
@@ -19,7 +19,7 @@ arrayInstance.with(index, value)
 
 - `index`
   - : Zero-based index at which to change the array, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion).
-    - Negative index counts back from the end of the array — if `index < 0`, `index + array.length` is used.
+    - Negative index counts back from the end of the array — if `-array.length <= index < 0`, `index + array.length` is used.
     - If the index after normalization is out of bounds, a {{jsxref("RangeError")}} is thrown.
 - `value`
   - : Any value to be assigned to the given index.
diff --git a/files/en-us/web/javascript/reference/global_objects/arraybuffer/slice/index.md b/files/en-us/web/javascript/reference/global_objects/arraybuffer/slice/index.md
index 55987b74192fc01..78b7cd84208163a 100644
--- a/files/en-us/web/javascript/reference/global_objects/arraybuffer/slice/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/arraybuffer/slice/index.md
@@ -23,15 +23,15 @@ slice(start, end)
 
 - `start` {{optional_inline}}
   - : Zero-based index at which to start extraction, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion).
-    - Negative index counts back from the end of the buffer — if `start < 0`, `start + buffer.length` is used.
+    - Negative index counts back from the end of the buffer — if `-buffer.length <= start < 0`, `start + buffer.length` is used.
     - If `start < -buffer.length` or `start` is omitted, `0` is used.
     - If `start >= buffer.length`, nothing is extracted.
 - `end` {{optional_inline}}
   - : Zero-based index at which to end extraction, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion). `slice()` extracts up to but not including `end`.
-    - Negative index counts back from the end of the buffer — if `end < 0`, `end + buffer.length` is used.
+    - Negative index counts back from the end of the buffer — if `-buffer.length <= end < 0`, `end + buffer.length` is used.
     - If `end < -buffer.length`, `0` is used.
     - If `end >= buffer.length` or `end` is omitted, `buffer.length` is used, causing all elements until the end to be extracted.
-    - If `end` is positioned before or at `start` after normalization, nothing is extracted.
+    - If `end` implies a position before or at the position that `start` implies, nothing is extracted.
 
 ### Return value
 
diff --git a/files/en-us/web/javascript/reference/global_objects/sharedarraybuffer/slice/index.md b/files/en-us/web/javascript/reference/global_objects/sharedarraybuffer/slice/index.md
index 674f3d576a66264..afd6a7f818cb76c 100644
--- a/files/en-us/web/javascript/reference/global_objects/sharedarraybuffer/slice/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/sharedarraybuffer/slice/index.md
@@ -23,15 +23,15 @@ slice(start, end)
 
 - `start` {{optional_inline}}
   - : Zero-based index at which to start extraction, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion).
-    - Negative index counts back from the end of the buffer — if `start < 0`, `start + buffer.length` is used.
+    - Negative index counts back from the end of the buffer — if `-buffer.length <= start < 0`, `start + buffer.length` is used.
     - If `start < -buffer.length` or `start` is omitted, `0` is used.
     - If `start >= buffer.length`, nothing is extracted.
 - `end` {{optional_inline}}
   - : Zero-based index at which to end extraction, [converted to an integer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number#integer_conversion). `slice()` extracts up to but not including `end`.
-    - Negative index counts back from the end of the buffer — if `end < 0`, `end + buffer.length` is used.
+    - Negative index counts back from the end of the buffer — if `-buffer.length <= end < 0`, `end + buffer.length` is used.
     - If `end < -buffer.length`, `0` is used.
     - If `end >= buffer.length` or `end` is omitted, `buffer.length` is used, causing all elements until the end to be extracted.
-    - If `end` is positioned before or at `start` after normalization, nothing is extracted.
+    - If `end` implies a position before or at the position that `start` implies, nothing is extracted.
 
 ### Return value
 

From 6e8ca9ecc4bfd14ea5c46d4817f189eecacb8296 Mon Sep 17 00:00:00 2001
From: Hong Xu <hong@topbug.net>
Date: Wed, 7 Feb 2024 20:28:32 -0800
Subject: [PATCH 694/790] Fix mischanged words (#32175)

Two of the function do not extract. Correct them back to the word used
originally.
---
 .../reference/global_objects/array/copywithin/index.md          | 2 +-
 .../web/javascript/reference/global_objects/array/fill/index.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/array/copywithin/index.md b/files/en-us/web/javascript/reference/global_objects/array/copywithin/index.md
index 4ba757579b349d0..405a0be2e451cb9 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/copywithin/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/copywithin/index.md
@@ -36,7 +36,7 @@ copyWithin(target, start, end)
     - Negative index counts back from the end of the array — if `-array.length <= end < 0`, `end + array.length` is used.
     - If `end < -array.length`, `0` is used.
     - If `end >= array.length` or `end` is omitted, `array.length` is used, causing all elements until the end to be copied.
-    - If `end` implies a position before or at the position that `start` implies, nothing is extracted.
+    - If `end` implies a position before or at the position that `start` implies, nothing is copied.
 
 ### Return value
 
diff --git a/files/en-us/web/javascript/reference/global_objects/array/fill/index.md b/files/en-us/web/javascript/reference/global_objects/array/fill/index.md
index d66b99046d6d439..f3c17211330f5ca 100644
--- a/files/en-us/web/javascript/reference/global_objects/array/fill/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/array/fill/index.md
@@ -33,7 +33,7 @@ fill(value, start, end)
     - Negative index counts back from the end of the array — if `-array.length <= end < 0`, `end + array.length` is used.
     - If `end < -array.length`, `0` is used.
     - If `end >= array.length` or `end` is omitted, `array.length` is used, causing all indices until the end to be filled.
-    - If `end` implies a position before or at the position that `start` implies, nothing is extracted.
+    - If `end` implies a position before or at the position that `start` implies, nothing is filled.
 
 ### Return value
 

From d54192c90e24a1ca5d3a4a65b7d5bf8b1c0ef1e5 Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Thu, 8 Feb 2024 16:11:21 +0800
Subject: [PATCH 695/790] fix: add the missing period (#32151)

---
 files/en-us/learn/forms/advanced_form_styling/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/forms/advanced_form_styling/index.md b/files/en-us/learn/forms/advanced_form_styling/index.md
index 1abb4c7e7769f15..1249abb458a3ce2 100644
--- a/files/en-us/learn/forms/advanced_form_styling/index.md
+++ b/files/en-us/learn/forms/advanced_form_styling/index.md
@@ -156,7 +156,7 @@ Different browsers handle the checkbox and span differently, often ugly ways:
 
 #### Using appearance: none on radios/checkboxes
 
-As we showed before, you can remove the default appearance of a checkbox or radio button altogether with {{cssxref('appearance')}}`:none;` Let's take this example HTML:
+As we showed before, you can remove the default appearance of a checkbox or radio button altogether with {{cssxref('appearance')}}`:none;`. Let's take this example HTML:
 
 ```html
 <form>

From 12165c0207abcbdf68cfce1bee52386160b97262 Mon Sep 17 00:00:00 2001
From: jfhr <me@jfhr.de>
Date: Thu, 8 Feb 2024 09:13:47 +0100
Subject: [PATCH 696/790] Remove claim that the Link header is semantically
 equivalent to the HTML link element (#32146)

Remove claim that the Link header is semantically equivalent to the HTML <link> element
---
 files/en-us/web/http/headers/link/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/headers/link/index.md b/files/en-us/web/http/headers/link/index.md
index e8a1e6f79e3858c..12ae426fe0a6cb0 100644
--- a/files/en-us/web/http/headers/link/index.md
+++ b/files/en-us/web/http/headers/link/index.md
@@ -7,7 +7,7 @@ browser-compat: http.headers.Link
 
 {{HTTPSidebar}}
 
-The HTTP **`Link`** entity-header field provides a means for serializing one or more links in HTTP headers. It is semantically equivalent to the HTML {{HTMLElement("link")}} element.
+The HTTP **`Link`** entity-header field provides a means for serializing one or more links in HTTP headers. In many cases, it has the same effect as the HTML {{HTMLElement("link")}} element.
 
 > **Note:** Some browsers do not support the "icon" relation via HTTP ([FF#1185705](https://bugzilla.mozilla.org/show_bug.cgi?id=1185705)). Use HTML `<link rel="icon">` instead.
 

From 78039f57d12515cd2f97af490a5ec736d228c431 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Thu, 8 Feb 2024 01:36:03 -0800
Subject: [PATCH 697/790] Update SM Link: point to Github  (#32171)

Link to Github accounts
---
 .../en-us/web/api/mediarecorder/dataavailable_event/index.md  | 4 ++--
 files/en-us/web/api/mediarecorder/index.md                    | 4 ++--
 files/en-us/web/api/mediarecorder/mediarecorder/index.md      | 4 ++--
 files/en-us/web/api/mediarecorder/mimetype/index.md           | 4 ++--
 files/en-us/web/api/mediarecorder/pause/index.md              | 4 ++--
 files/en-us/web/api/mediarecorder/pause_event/index.md        | 4 ++--
 files/en-us/web/api/mediarecorder/requestdata/index.md        | 4 ++--
 files/en-us/web/api/mediarecorder/resume/index.md             | 4 ++--
 files/en-us/web/api/mediarecorder/resume_event/index.md       | 4 ++--
 files/en-us/web/api/mediarecorder/start/index.md              | 4 ++--
 files/en-us/web/api/mediarecorder/start_event/index.md        | 4 ++--
 files/en-us/web/api/mediarecorder/state/index.md              | 4 ++--
 files/en-us/web/api/mediarecorder/stop/index.md               | 4 ++--
 files/en-us/web/api/mediarecorder/stop_event/index.md         | 4 ++--
 files/en-us/web/api/mediarecorder/stream/index.md             | 4 ++--
 files/en-us/web/api/mediastream_recording_api/index.md        | 2 +-
 16 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/files/en-us/web/api/mediarecorder/dataavailable_event/index.md b/files/en-us/web/api/mediarecorder/dataavailable_event/index.md
index 54e9107979ec1df..d0f164f3765a728 100644
--- a/files/en-us/web/api/mediarecorder/dataavailable_event/index.md
+++ b/files/en-us/web/api/mediarecorder/dataavailable_event/index.md
@@ -85,6 +85,6 @@ mediaRecorder.ondataavailable = (e) => {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("Navigator.getUserMedia()")}}
diff --git a/files/en-us/web/api/mediarecorder/index.md b/files/en-us/web/api/mediarecorder/index.md
index 7b59617253f98b2..3092d32cfbdccde 100644
--- a/files/en-us/web/api/mediarecorder/index.md
+++ b/files/en-us/web/api/mediarecorder/index.md
@@ -153,8 +153,8 @@ if (navigator.mediaDevices) {
 ## See also
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
-- [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder + getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder + getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
 - [Recording a media element](/en-US/docs/Web/API/MediaStream_Recording_API/Recording_a_media_element)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("MediaDevices.getUserMedia()")}}
 - [OpenLang](https://github.com/chrisjohndigital/OpenLang): HTML video language lab web application using MediaDevices and the MediaStream Recording API for video recording ([source on GitHub](https://github.com/chrisjohndigital/OpenLang))
diff --git a/files/en-us/web/api/mediarecorder/mediarecorder/index.md b/files/en-us/web/api/mediarecorder/mediarecorder/index.md
index d957a06d98bd402..798e33aa951afa4 100644
--- a/files/en-us/web/api/mediarecorder/mediarecorder/index.md
+++ b/files/en-us/web/api/mediarecorder/mediarecorder/index.md
@@ -116,6 +116,6 @@ if (navigator.mediaDevices.getUserMedia) {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("MediaDevices.getUserMedia")}}
diff --git a/files/en-us/web/api/mediarecorder/mimetype/index.md b/files/en-us/web/api/mediarecorder/mimetype/index.md
index 9ba8d187fe10ea0..b173e1182a766d4 100644
--- a/files/en-us/web/api/mediarecorder/mimetype/index.md
+++ b/files/en-us/web/api/mediarecorder/mimetype/index.md
@@ -77,6 +77,6 @@ by `m.mimeType` would then be
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Codecs in common media types](/en-US/docs/Web/Media/Formats/codecs_parameter)
-- [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder + getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+- [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder + getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("MediaDevices.getUserMedia()")}}
diff --git a/files/en-us/web/api/mediarecorder/pause/index.md b/files/en-us/web/api/mediarecorder/pause/index.md
index d467162aea59770..0ec948475c28d27 100644
--- a/files/en-us/web/api/mediarecorder/pause/index.md
+++ b/files/en-us/web/api/mediarecorder/pause/index.md
@@ -64,6 +64,6 @@ pause.onclick = () => {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("Navigator.getUserMedia")}}
diff --git a/files/en-us/web/api/mediarecorder/pause_event/index.md b/files/en-us/web/api/mediarecorder/pause_event/index.md
index a8b6189573e8872..86f1ca752ec03eb 100644
--- a/files/en-us/web/api/mediarecorder/pause_event/index.md
+++ b/files/en-us/web/api/mediarecorder/pause_event/index.md
@@ -61,6 +61,6 @@ mediaRecorder.onresume = () => {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("Navigator.getUserMedia")}}
diff --git a/files/en-us/web/api/mediarecorder/requestdata/index.md b/files/en-us/web/api/mediarecorder/requestdata/index.md
index 00198d8bd99f456..aff6ea28f55a92d 100644
--- a/files/en-us/web/api/mediarecorder/requestdata/index.md
+++ b/files/en-us/web/api/mediarecorder/requestdata/index.md
@@ -67,6 +67,6 @@ captureMedia.onclick = () => {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("Navigator.getUserMedia()")}}
diff --git a/files/en-us/web/api/mediarecorder/resume/index.md b/files/en-us/web/api/mediarecorder/resume/index.md
index 453a8074c52ba16..2a3bb2634d700f8 100644
--- a/files/en-us/web/api/mediarecorder/resume/index.md
+++ b/files/en-us/web/api/mediarecorder/resume/index.md
@@ -67,6 +67,6 @@ pause.onclick = () => {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("Navigator.getUserMedia")}}
diff --git a/files/en-us/web/api/mediarecorder/resume_event/index.md b/files/en-us/web/api/mediarecorder/resume_event/index.md
index fc46537af8c7e18..00e996a25b7fbe1 100644
--- a/files/en-us/web/api/mediarecorder/resume_event/index.md
+++ b/files/en-us/web/api/mediarecorder/resume_event/index.md
@@ -61,6 +61,6 @@ mediaRecorder.onresume = () => {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("Navigator.getUserMedia")}}
diff --git a/files/en-us/web/api/mediarecorder/start/index.md b/files/en-us/web/api/mediarecorder/start/index.md
index fff04f6f347433c..71ec548a511dc1b 100644
--- a/files/en-us/web/api/mediarecorder/start/index.md
+++ b/files/en-us/web/api/mediarecorder/start/index.md
@@ -100,6 +100,6 @@ record.onclick = () => {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("MediaDevices.getUserMedia", "getUserMedia()")}}
diff --git a/files/en-us/web/api/mediarecorder/start_event/index.md b/files/en-us/web/api/mediarecorder/start_event/index.md
index 959c058dc9a51c8..cd9eaf3138ecbdf 100644
--- a/files/en-us/web/api/mediarecorder/start_event/index.md
+++ b/files/en-us/web/api/mediarecorder/start_event/index.md
@@ -52,6 +52,6 @@ mediaRecorder.onstart = () => {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("Navigator.getUserMedia")}}
diff --git a/files/en-us/web/api/mediarecorder/state/index.md b/files/en-us/web/api/mediarecorder/state/index.md
index 004b9fb7e1b94c1..e47d687d2e530ae 100644
--- a/files/en-us/web/api/mediarecorder/state/index.md
+++ b/files/en-us/web/api/mediarecorder/state/index.md
@@ -44,6 +44,6 @@ record.onclick = () => {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("Navigator.getUserMedia()")}}
diff --git a/files/en-us/web/api/mediarecorder/stop/index.md b/files/en-us/web/api/mediarecorder/stop/index.md
index e2d39f941ddb1d2..0d6f3e6e59c09c0 100644
--- a/files/en-us/web/api/mediarecorder/stop/index.md
+++ b/files/en-us/web/api/mediarecorder/stop/index.md
@@ -63,6 +63,6 @@ stop.onclick = () => {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("Navigator.getUserMedia")}}
diff --git a/files/en-us/web/api/mediarecorder/stop_event/index.md b/files/en-us/web/api/mediarecorder/stop_event/index.md
index 3b252843a6bc91d..dea81326e244409 100644
--- a/files/en-us/web/api/mediarecorder/stop_event/index.md
+++ b/files/en-us/web/api/mediarecorder/stop_event/index.md
@@ -59,6 +59,6 @@ mediaRecorder.ondataavailable = (e) => {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("Navigator.getUserMedia")}}
diff --git a/files/en-us/web/api/mediarecorder/stream/index.md b/files/en-us/web/api/mediarecorder/stream/index.md
index 4f1c3168dcdb8a7..5282abedfc0e444 100644
--- a/files/en-us/web/api/mediarecorder/stream/index.md
+++ b/files/en-us/web/api/mediarecorder/stream/index.md
@@ -48,6 +48,6 @@ if (navigator.getUserMedia) {
 
 - [Using the MediaStream Recording API](/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API)
 - [Web Dictaphone](https://mdn.github.io/dom-examples/media/web-dictaphone/): MediaRecorder +
-  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://twitter.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12).
+  getUserMedia + Web Audio API visualization demo, by [Chris Mills](https://github.com/chrisdavidmills) ([source on GitHub](https://github.com/mdn/dom-examples/tree/main/media/web-dictaphone).)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton).
 - {{domxref("Navigator.getUserMedia")}}
diff --git a/files/en-us/web/api/mediastream_recording_api/index.md b/files/en-us/web/api/mediastream_recording_api/index.md
index ce6b04db7ba1244..633cadcf5958c68 100644
--- a/files/en-us/web/api/mediastream_recording_api/index.md
+++ b/files/en-us/web/api/mediastream_recording_api/index.md
@@ -130,7 +130,7 @@ To learn more about using the MediaStream Recording API, see [Using the MediaStr
 
 - [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API) landing page
 - {{domxref("MediaDevices.getUserMedia()")}}
-- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://twitter.com/sw12)
+- [simpl.info MediaStream Recording demo](https://simpl.info/mediarecorder/), by [Sam Dutton](https://github.com/samdutton)
 - [HTML5's Media Recorder API in Action on Chrome and Firefox](https://blog.addpipe.com/mediarecorder-api/)
 - [MediaRecorder polyfill](https://github.com/ai/audio-recorder-polyfill) for Safari and Edge
 - [TutorRoom](https://github.com/chrisjohndigital/TutorRoom): HTML video capture/playback/download using getUserMedia and the MediaStream Recording API ([source on GitHub](https://github.com/chrisjohndigital/TutorRoom))

From f9c0ae18627985c6d1fbff59accb2dfbf3b8cfcd Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 8 Feb 2024 14:20:17 +0000
Subject: [PATCH 698/790] Bump @mdn/yari from 2.39.0 to 2.39.1 (#32183)

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

diff --git a/package.json b/package.json
index d5b755784fc9c7a..6778a805553cc39 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
   "dependencies": {
     "@apideck/better-ajv-errors": "^0.3.6",
     "@caporal/core": "^2.0.7",
-    "@mdn/yari": "2.39.0",
+    "@mdn/yari": "2.39.1",
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "async": "^3.2.5",
diff --git a/yarn.lock b/yarn.lock
index c1cc95f6019def1..9f377b554cb9eab 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -760,15 +760,15 @@
   resolved "https://registry.yarnpkg.com/@mdn/bcd-utils-api/-/bcd-utils-api-0.0.5.tgz#9587c6b592e87f8a5ccab80ccdd8b5184f867922"
   integrity sha512-+8zfCGZzBoAoLK6jYnOm9Xa2LcdNRDVrUXatuBNuGJHyt7tpR+k/+de2LSGHiU34TYrfAXk7g9x8/IpXR+4zhw==
 
-"@mdn/browser-compat-data@^5.5.8":
-  version "5.5.8"
-  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.8.tgz#80549bd5636c2f088229df7649114b8ab8e46f78"
-  integrity sha512-E4gRHp5Kko37r6z1dO2qQ7xUUWig6GltUteuzi5WUKqHEayGN9DdGJWlgrYGnvwFc2Omh33MTJ8IXsD3t7+Okw==
+"@mdn/browser-compat-data@^5.5.9":
+  version "5.5.9"
+  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.9.tgz#03721285c791e762826de77aad04d044d2d7ecf2"
+  integrity sha512-36jBin7kGrMn+RC/8k9IKeKvZyMweA0sDNIthUbzSGTQasfMIp2naJ1e+ISUtzu/7RrpDjRh4BkVTSO6f0XArA==
 
-"@mdn/yari@2.39.0":
-  version "2.39.0"
-  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.39.0.tgz#493ea9f6d74305b27b148cfc024d8d66bdfa28e1"
-  integrity sha512-eBsHU2EdwVl6jBvvlEIQMJ5GTD7xic5B3ARQChJ2gtq4s9Wwd0JioUESqGUEf+LEOlonmwa46GmS71KIPAh+6A==
+"@mdn/yari@2.39.1":
+  version "2.39.1"
+  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.39.1.tgz#f2ca75946adcf1802b965108330170f1704f42ac"
+  integrity sha512-nwKZ7lWbl2dJqRk0xK37DJ+geUJV9qWgmS8q9aE61Wg5sPsUbwj3BBAWw6i6cPgM8HDMnST51gLg/8k5EWBqXA==
   dependencies:
     "@caporal/core" "^2.0.7"
     "@codemirror/lang-css" "^6.2.1"
@@ -778,14 +778,14 @@
     "@codemirror/theme-one-dark" "^6.1.2"
     "@fast-csv/parse" "^5.0.0"
     "@mdn/bcd-utils-api" "^0.0.5"
-    "@mdn/browser-compat-data" "^5.5.8"
+    "@mdn/browser-compat-data" "^5.5.9"
     "@mozilla/glean" "2.0.5"
-    "@sentry/integrations" "^7.98.0"
-    "@sentry/node" "^7.98.0"
+    "@sentry/integrations" "^7.100.1"
+    "@sentry/node" "^7.100.1"
     "@stripe/stripe-js" "^2.4.0"
     "@use-it/interval" "^1.0.0"
     "@vscode/ripgrep" "^1.15.9"
-    "@webref/css" "^6.10.3"
+    "@webref/css" "^6.11.0"
     accept-language-parser "^1.5.0"
     async "^3.2.5"
     chalk "^5.3.0"
@@ -815,18 +815,18 @@
     imagemin-mozjpeg "^10.0.0"
     imagemin-pngquant "^9.0.2"
     imagemin-svgo "^10.0.1"
-    inquirer "^9.2.13"
+    inquirer "^9.2.14"
     is-svg "^5.0.0"
     js-yaml "^4.1.0"
     loglevel "^1.9.1"
     lru-cache "^10.2.0"
     md5-file "^5.0.0"
     mdast-util-from-markdown "^2.0.0"
-    mdast-util-phrasing "^4.0.0"
+    mdast-util-phrasing "^4.1.0"
     mdn-data "^2.4.0"
     open "^10.0.3"
     open-editor "^4.1.1"
-    openai "^4.26.0"
+    openai "^4.26.1"
     pg "^8.11.3"
     pgvector "^0.1.7"
     prism-svelte "^0.5.0"
@@ -853,7 +853,7 @@
     unist-builder "^4.0.0"
     unist-util-visit "^5.0.0"
     web-features "^0.5.1"
-    web-specs "^2.77.0"
+    web-specs "^2.79.0"
 
 "@mozilla/glean@2.0.5":
   version "2.0.5"
@@ -886,54 +886,54 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@sentry-internal/tracing@7.98.0":
-  version "7.98.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.98.0.tgz#812ef7fce6b64794784f3279c66bc6b5cfd29d7f"
-  integrity sha512-FnhD2uMLIAJvv4XsYPv3qsTTtxrImyLxiZacudJyaWFhxoeVQ8bKKbWJ/Ar68FAwqTtjXMeY5evnEBbRMcQlaA==
+"@sentry-internal/tracing@7.100.1":
+  version "7.100.1"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.100.1.tgz#4329492e50c390567197a4acbf7e3672b1db7820"
+  integrity sha512-+u9RRf5eL3StiyiRyAHZmdkAR7GTSGx4Mt4Lmi5NEtCcWlTGZ1QgW2r8ZbhouVmTiJkjhQgYCyej3cojtazeJg==
   dependencies:
-    "@sentry/core" "7.98.0"
-    "@sentry/types" "7.98.0"
-    "@sentry/utils" "7.98.0"
+    "@sentry/core" "7.100.1"
+    "@sentry/types" "7.100.1"
+    "@sentry/utils" "7.100.1"
 
-"@sentry/core@7.98.0":
-  version "7.98.0"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.98.0.tgz#e4f5353bc3986e510b8dd2507355787440d6e25d"
-  integrity sha512-baRUcpCNGyk7cApQHMfqEZJkXdvAKK+z/dVWiMqWc5T5uhzMnPE8/gjP1JZsMtJSQ8g5nHimBdI5TwOyZtxPaA==
+"@sentry/core@7.100.1":
+  version "7.100.1"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.100.1.tgz#7b8e101a931af8e8b3b2449534749f882772df4f"
+  integrity sha512-f+ItUge/o9AjlveQq0ZUbQauKlPH1FIJbC1TRaYLJ4KNfOdrsh8yZ29RmWv0cFJ/e+FGTr603gWpRPObF5rM8Q==
   dependencies:
-    "@sentry/types" "7.98.0"
-    "@sentry/utils" "7.98.0"
+    "@sentry/types" "7.100.1"
+    "@sentry/utils" "7.100.1"
 
-"@sentry/integrations@^7.98.0":
-  version "7.98.0"
-  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.98.0.tgz#f497864fae2522375d83f4242f14818b175c2b3e"
-  integrity sha512-iHPA6oxG2Vkv3irWyWH714vSMwzESmD5fmU8MUWjr7XXzf8XeVqgn3HkftIaAWCIfZu5mDsfOlJ9qvM5Avst5g==
+"@sentry/integrations@^7.100.1":
+  version "7.100.1"
+  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.100.1.tgz#f0361a437877a33af389424313b58d5a57d7ad27"
+  integrity sha512-RUyZHcsN3Plc8G4hJN3BCMdbwS8ljUY3E3iLjzucA4HroBsGk5AMc6n7Pp/QqFIRgxrPjKEgA52Wgy5Nq6dSvw==
   dependencies:
-    "@sentry/core" "7.98.0"
-    "@sentry/types" "7.98.0"
-    "@sentry/utils" "7.98.0"
+    "@sentry/core" "7.100.1"
+    "@sentry/types" "7.100.1"
+    "@sentry/utils" "7.100.1"
     localforage "^1.8.1"
 
-"@sentry/node@^7.98.0":
-  version "7.98.0"
-  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.98.0.tgz#49d0a46e72f4e6116b4929d033322951e5a7e88b"
-  integrity sha512-9cHW217DnU9wC4iR+QxmY3q59N1Touh23hPMDtpMRmbRHSgrmLMoHTVPhK9zHsXRs0mUeidmMqY1ubAWauQByw==
+"@sentry/node@^7.100.1":
+  version "7.100.1"
+  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.100.1.tgz#36195cc24090a71ec7d1c4513da63356ab44d784"
+  integrity sha512-jB6tBLr7BpgdE2SlYZu343vvpa5jMFnqyFlprr+jdDu/ayNF4idB0qFwQe8p4C6LI6M/MNDRLVOgPBiCjjZSpw==
   dependencies:
-    "@sentry-internal/tracing" "7.98.0"
-    "@sentry/core" "7.98.0"
-    "@sentry/types" "7.98.0"
-    "@sentry/utils" "7.98.0"
+    "@sentry-internal/tracing" "7.100.1"
+    "@sentry/core" "7.100.1"
+    "@sentry/types" "7.100.1"
+    "@sentry/utils" "7.100.1"
 
-"@sentry/types@7.98.0":
-  version "7.98.0"
-  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.98.0.tgz#6a88bf60679aea88ac6cba4d1517958726c2bafb"
-  integrity sha512-pc034ziM0VTETue4bfBcBqTWGy4w0okidtoZJjGVrYAfE95ObZnUGVj/XYIQ3FeCYWIa7NFN2MvdsCS0buwivQ==
+"@sentry/types@7.100.1":
+  version "7.100.1"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.100.1.tgz#1349b77269cecf4e80c087842575bd1a001e9995"
+  integrity sha512-fLM+LedHuKzOd8IhXBqaQuym+AA519MGjeczBa5kGakes/BbAsUMwsNfjsKQedp7Kh44RgYF99jwoRPK2oDrXw==
 
-"@sentry/utils@7.98.0":
-  version "7.98.0"
-  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.98.0.tgz#54355a197f7f71a6d17354a3d043022df402b502"
-  integrity sha512-0/LY+kpHxItVRY0xPDXPXVsKRb95cXsGSQf8sVMtfSjz++0bLL1U4k7PFz1c5s2/Vk0B8hS6duRrgMv6dMIZDw==
+"@sentry/utils@7.100.1":
+  version "7.100.1"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.100.1.tgz#6e26f3b06b1e485a2180f464ab3374ecb8d5e407"
+  integrity sha512-Ve6dXr1o6xiBe3VCoJgiutmBKrugryI65EZAbYto5XI+t+PjiLLf9wXtEMF24ZrwImo4Lv3E9Uqza+fWkEbw6A==
   dependencies:
-    "@sentry/types" "7.98.0"
+    "@sentry/types" "7.100.1"
 
 "@sinclair/typebox@^0.27.8":
   version "0.27.8"
@@ -1196,10 +1196,10 @@
     proxy-from-env "^1.1.0"
     yauzl "^2.9.2"
 
-"@webref/css@^6.10.3":
-  version "6.10.4"
-  resolved "https://registry.yarnpkg.com/@webref/css/-/css-6.10.4.tgz#75b714452af3ede7e049292a84a4ffc7a61369b9"
-  integrity sha512-Blgen4CdjUSAgC2PqA6FNP1dnMgR09QU0KFntFJlljHA/KM9r+A6ZH2up3QUY/IeiyOKNtkHeCHBpzk+PMFxLw==
+"@webref/css@^6.11.0":
+  version "6.11.0"
+  resolved "https://registry.yarnpkg.com/@webref/css/-/css-6.11.0.tgz#0afa18d3065153f269b65bdceea4767438ebeaa1"
+  integrity sha512-fSG0TzVwF8S5J8P7nz+gRDZbTIrI8M4jSsiLUKU3aRC6Ojqpc7C/JsQmUNSX8OrSSEQRNK4+9Rq8J22905xcsw==
 
 abort-controller@^3.0.0:
   version "3.0.0"
@@ -4028,10 +4028,10 @@ inquirer@^6.0.0:
     strip-ansi "^5.1.0"
     through "^2.3.6"
 
-inquirer@^9.2.13:
-  version "9.2.13"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-9.2.13.tgz#f4deddc460aeea3baed45cc2318bb74207182b07"
-  integrity sha512-mUlJNemjYioZgaZXqEFlQ0z9GD8/o+pavIF3JyhzWLX4Xa9M1wioGMCxQEFmps70un9lrah2WaBl3kSRVcoV3g==
+inquirer@^9.2.14:
+  version "9.2.14"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-9.2.14.tgz#b55474f1e4f5f0eb28b2f75f09c082209f0cc2ca"
+  integrity sha512-4ByIMt677Iz5AvjyKrDpzaepIyMewNvDcvwpVVRZNmy9dLakVoVgdCHZXbK1SlVJra1db0JZ6XkJyHsanpdrdQ==
   dependencies:
     "@ljharb/through" "^2.3.12"
     ansi-escapes "^4.3.2"
@@ -5241,10 +5241,10 @@ mdast-util-gfm@^3.0.0:
     mdast-util-gfm-task-list-item "^2.0.0"
     mdast-util-to-markdown "^2.0.0"
 
-mdast-util-phrasing@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/mdast-util-phrasing/-/mdast-util-phrasing-4.0.0.tgz#468cbbb277375523de807248b8ad969feb02a5c7"
-  integrity sha512-xadSsJayQIucJ9n053dfQwVu1kuXg7jCTdYsMK8rqzKZh52nLfSH/k0sAxE0u+pj/zKZX+o5wB+ML5mRayOxFA==
+mdast-util-phrasing@^4.0.0, mdast-util-phrasing@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz#7cc0a8dec30eaf04b7b1a9661a92adb3382aa6e3"
+  integrity sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==
   dependencies:
     "@types/mdast" "^4.0.0"
     unist-util-is "^6.0.0"
@@ -5925,10 +5925,10 @@ open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
-openai@^4.26.0:
-  version "4.26.0"
-  resolved "https://registry.yarnpkg.com/openai/-/openai-4.26.0.tgz#0363b9d390727705b89cd1b1ea8e38af2afd53b6"
-  integrity sha512-HPC7tgYdeP38F3uHA5WgnoXZyGbAp9jgcIo23p6It+q/07u4C+NZ8xHKlMShsPbDDmFRpPsa3vdbXYpbhJH3eg==
+openai@^4.26.1:
+  version "4.26.1"
+  resolved "https://registry.yarnpkg.com/openai/-/openai-4.26.1.tgz#7b7c0225c09922445f68f3c4cdbd5775ed31108c"
+  integrity sha512-DvWbjhWbappsFRatOWmu4Dp1/Q4RG9oOz6CfOSjy0/Drb8G+5iAiqWAO4PfpGIkhOOKtvvNfQri2SItl+U7LhQ==
   dependencies:
     "@types/node" "^18.11.18"
     "@types/node-fetch" "^2.6.4"
@@ -7878,10 +7878,10 @@ web-namespaces@^2.0.0:
   resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-2.0.1.tgz#1010ff7c650eccb2592cebeeaf9a1b253fd40692"
   integrity sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==
 
-web-specs@^2.77.0:
-  version "2.78.0"
-  resolved "https://registry.yarnpkg.com/web-specs/-/web-specs-2.78.0.tgz#a7777129658af8fd88d8af82a368073ad2247bf3"
-  integrity sha512-lQe7YnMF/KYTtvxwcghbrhDNGQq/1jdhJHbtMz2TF/4Q8LOhDjqhgQHCuwLNLThuj04JgVABBbLs93eNz6nFEQ==
+web-specs@^2.79.0:
+  version "2.79.0"
+  resolved "https://registry.yarnpkg.com/web-specs/-/web-specs-2.79.0.tgz#c6db408943387cc1a95608ba77a0fae51f131f25"
+  integrity sha512-364IxMgYLUjWDeTPrfNtO/+zZxIJ2ZzV4STzbOdVn6DANptLBo3aNTEJ0SS2Qe2P331apSfnU0b4K6wxl6cuew==
 
 web-streams-polyfill@4.0.0-beta.3:
   version "4.0.0-beta.3"

From c024a4b59fb38fe8df1c9d117d5209c0c8c47b54 Mon Sep 17 00:00:00 2001
From: Simon Pieters <zcorpan@gmail.com>
Date: Thu, 8 Feb 2024 17:56:20 +0100
Subject: [PATCH 699/790] Remove incorrect note for document.createEvent
 (#32179)

`TextEvents` and `KeyEvents` are not supported in Gecko, and `Events` is in the DOM standard.
---
 .../web/api/document/createevent/index.md     | 27 -------------------
 1 file changed, 27 deletions(-)

diff --git a/files/en-us/web/api/document/createevent/index.md b/files/en-us/web/api/document/createevent/index.md
index b82502ed4a92461..6837479f30510a4 100644
--- a/files/en-us/web/api/document/createevent/index.md
+++ b/files/en-us/web/api/document/createevent/index.md
@@ -58,33 +58,6 @@ Event type strings suitable for passing to `createEvent()` are listed in the
 [DOM standard — see the table in step 2](https://dom.spec.whatwg.org/#dom-document-createevent). Bear in mind that most event objects now have constructors, which
 are the modern recommended way to create event object instances.
 
-Gecko supports some non-standard event object aliases, which are listed below.
-
-<table class="fullwidth-table">
-  <tbody>
-    <tr>
-      <th>Event Module</th>
-      <th>Standard event object</th>
-      <th>Gecko also supports</th>
-    </tr>
-    <tr>
-      <td>Text event module</td>
-      <td><code>TextEvent</code></td>
-      <td><code>TextEvents</code></td>
-    </tr>
-    <tr>
-      <td>Keyboard event module</td>
-      <td><code>KeyboardEvent</code></td>
-      <td><code>KeyEvents</code></td>
-    </tr>
-    <tr>
-      <td>Basic events module</td>
-      <td><code>Event</code></td>
-      <td><code>Events</code></td>
-    </tr>
-  </tbody>
-</table>
-
 ## Specifications
 
 {{Specifications}}

From 7cd6864afd8c7ec680474166ff4eef79d650d938 Mon Sep 17 00:00:00 2001
From: Licu Mihai <licu.mihai21@gmail.com>
Date: Thu, 8 Feb 2024 22:02:42 +0200
Subject: [PATCH 700/790] Update index.md (#32184)

Removed entry for jsbreakouts.org as the URL points to an Indonesian betting website now
---
 files/en-us/games/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/games/index.md b/files/en-us/games/index.md
index cdff6f5631c67ba..0138768f7e1db12 100644
--- a/files/en-us/games/index.md
+++ b/files/en-us/games/index.md
@@ -42,8 +42,6 @@ For a list of web game examples, see our list of [Tutorials](/en-US/docs/Games/T
   - : Weekly newsletter about HTML game development, sent every Friday. Contains the latest articles, tutorials, tools, and resources.
 - [HTML5 Game Engine](https://html5gameengine.com/)
   - : List of the most popular HTML game frameworks along with their rating, features and samples.
-- [JSBreakouts](https://jsbreakouts.org/)
-  - : Compare JavaScript Breakout clones in different frameworks to help you choose the right one for you.
 - [Tuts+ Game Development](https://gamedevelopment.tutsplus.com/)
   - : Tutorials and articles about game development in general.
 - [HTML5 Gamedev Starter](https://html5devstarter.enclavegames.com/)

From 0e3bfabd69f97f65cedc667e1f22be56c9c2eecb Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 9 Feb 2024 05:54:36 +0800
Subject: [PATCH 701/790] Update exceptions list for `RemotePlayback.prompt()`
 (#32164)

* update exceptions

* Update files/en-us/web/api/remoteplayback/prompt/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/remoteplayback/prompt/index.md

Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>
---
 files/en-us/web/api/remoteplayback/prompt/index.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/api/remoteplayback/prompt/index.md b/files/en-us/web/api/remoteplayback/prompt/index.md
index 5c2ec9ea6e0cc9b..ff230ae8fc7712e 100644
--- a/files/en-us/web/api/remoteplayback/prompt/index.md
+++ b/files/en-us/web/api/remoteplayback/prompt/index.md
@@ -35,13 +35,15 @@ The promise will be rejected with one of the following exceptions:
 - `InvalidStateError` {{domxref("DOMException")}}
   - : Thrown if {{domxref("HTMLMediaElement.disableRemotePlayback","disableRemotePlayback")}} is `true` for the media element.
 - `OperationError` {{domxref("DOMException")}}
-  - : Thrown if there is already an unsettled promise for this media element, or browsing context.
+  - : Thrown if there is already an unsettled promise from a previous call to `prompt()` for this media element, or browsing context.
 - `InvalidAccessError` {{domxref("DOMException")}}
   - : Thrown if the user has not interacted with this device recently.
 - `NotSupportedError` {{domxref("DOMException")}}
   - : Thrown if the user agent knows that remote playback of this particular media is not feasible.
 - `NotFoundError` {{domxref("DOMException")}}
   - : Thrown if remote playback is unavailable.
+- `NotAllowedError` {{domxref("DOMException")}}
+  - : Thrown if the user denies permission to use the device.
 
 ## Security
 

From 27ed2557b2d3f07807b2f662dc2cf13208406eb9 Mon Sep 17 00:00:00 2001
From: Igor Radovanov <igor.radovanov@outlook.com>
Date: Thu, 8 Feb 2024 23:03:18 +0100
Subject: [PATCH 702/790] Add correct form action (#32167)

* Add correct form action

The HTML form example is lacking the correct action (/foo in this instance), as evident from the header outputs displayed below the HTML form

* layout changes to my taste

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 .../web/http/headers/content-type/index.md     | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/files/en-us/web/http/headers/content-type/index.md b/files/en-us/web/http/headers/content-type/index.md
index ca3e8da4b23dde8..b538f8a7fc1be75 100644
--- a/files/en-us/web/http/headers/content-type/index.md
+++ b/files/en-us/web/http/headers/content-type/index.md
@@ -9,7 +9,8 @@ browser-compat: http.headers.Content-Type
 
 The **`Content-Type`** representation header is used to indicate the original {{Glossary("MIME type","media type")}} of the resource (prior to any content encoding applied for sending).
 
-In responses, a `Content-Type` header provides the client with the actual content type of the returned content. This header's value may be ignored, for example when browsers perform MIME sniffing; set the {{HTTPHeader("X-Content-Type-Options")}} header value to `nosniff` to prevent this behavior.
+In responses, a `Content-Type` header provides the client with the actual content type of the returned content.
+This header's value may be ignored, for example when browsers perform MIME sniffing; set the {{HTTPHeader("X-Content-Type-Options")}} header value to `nosniff` to prevent this behavior.
 
 In requests, (such as {{HTTPMethod("POST")}} or {{HTTPMethod("PUT")}}), the client tells the server what type of data is actually sent.
 
@@ -34,12 +35,8 @@ In requests, (such as {{HTTPMethod("POST")}} or {{HTTPMethod("PUT")}}), the clie
         {{Glossary("CORS-safelisted request header")}}
       </th>
       <td>
-        yes, with the additional restriction that values can't contain a
-        <em>CORS-unsafe request header byte</em>: 0x00-0x1F (except 0x09 (HT)),
-        <code>"():&#x3C;>?@[\]{}</code>, and 0x7F (DEL).<br />It also needs to
-        have a MIME type of its parsed value (ignoring parameters) of either
-        <code>application/x-www-form-urlencoded</code>,
-        <code>multipart/form-data</code>, or <code>text/plain</code>.
+        yes, with the additional restriction that values can't contain a <em>CORS-unsafe request header byte</em>: 0x00-0x1F (except 0x09 (HT)), <code>"():&#x3C;>?@[\]{}</code>, and 0x7F (DEL).
+        <br />It also needs to have a MIME type of its parsed value (ignoring parameters) of either <code>application/x-www-form-urlencoded</code>, <code>multipart/form-data</code>, or <code>text/plain</code>.
       </td>
     </tr>
   </tbody>
@@ -59,7 +56,10 @@ Content-Type: multipart/form-data; boundary=something
 - charset
   - : The character encoding standard. Case insensitive, lowercase is preferred.
 - boundary
-  - : For multipart entities the `boundary` directive is required. The directive consists of 1 to 70 characters from a set of characters (and not ending with white space) known to be very robust through email gateways. It is used to encapsulate the boundaries of the multiple parts of the message. Often, the header boundary is prepended with two dashes and the final boundary has two dashes appended at the end.
+  - : For multipart entities the `boundary` directive is required.
+    The directive consists of 1 to 70 characters from a set of characters (and not ending with white space) known to be very robust through email gateways.
+    It is used to encapsulate the boundaries of the multiple parts of the message.
+    Often, the header boundary is prepended with two dashes and the final boundary has two dashes appended at the end.
 
 ## Examples
 
@@ -68,7 +68,7 @@ Content-Type: multipart/form-data; boundary=something
 In a {{HTTPMethod("POST")}} request, resulting from an HTML form submission, the `Content-Type` of the request is specified by the `enctype` attribute on the {{HTMLElement("form")}} element.
 
 ```html
-<form action="/" method="post" enctype="multipart/form-data">
+<form action="/foo" method="post" enctype="multipart/form-data">
   <input type="text" name="description" value="some text" />
   <input type="file" name="myFile" />
   <button type="submit">Submit</button>

From 4e3f429d35da4f24bac84cc9b0126dcdc1796552 Mon Sep 17 00:00:00 2001
From: Sideways S <sideways@sidewayss.com>
Date: Thu, 8 Feb 2024 16:28:09 -0600
Subject: [PATCH 703/790] Service Worker API: add link to web.dev lifecycle
 article (#32157)

* add link to lifecycle article

* Update files/en-us/web/api/service_worker_api/index.md

---------

Co-authored-by: Sideways S <sidewayss@users.noreply.github.com>
Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 files/en-us/web/api/service_worker_api/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/service_worker_api/index.md b/files/en-us/web/api/service_worker_api/index.md
index 96d377612d75af7..1cae310f8c29fa8 100644
--- a/files/en-us/web/api/service_worker_api/index.md
+++ b/files/en-us/web/api/service_worker_api/index.md
@@ -127,8 +127,8 @@ In the future, service workers will be able to do a number of other useful thing
 
 ## See also
 
-- [ServiceWorker Cookbook](https://github.com/mdn/serviceworker-cookbook)
 - [Using Service Workers](/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers)
+- [Service Worker Lifecycle](https://web.dev/articles/service-worker-lifecycle)
 - [Service workers basic code example](https://github.com/mdn/dom-examples/tree/main/service-worker/simple-service-worker)
 - Web APIs that are related to the Service Worker API:
   - {{domxref("Background Fetch API", "", "", "nocode")}}

From b12b0159b3f27459ed82b9ac8e3711fec4912e19 Mon Sep 17 00:00:00 2001
From: Scott Voyles <zeitchef@gmail.com>
Date: Thu, 8 Feb 2024 23:54:14 +0100
Subject: [PATCH 704/790] Clarify misleading statement regarding request for
 resources (#32182)

* Update index.md

Clarifies a misleading statement that HTML makes a request for resources, rather than initiates an HTTP request to request resources.

* Update files/en-us/web/performance/critical_rendering_path/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 files/en-us/web/performance/critical_rendering_path/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/performance/critical_rendering_path/index.md b/files/en-us/web/performance/critical_rendering_path/index.md
index eb06ab236176e10..965ddf0707061ba 100644
--- a/files/en-us/web/performance/critical_rendering_path/index.md
+++ b/files/en-us/web/performance/critical_rendering_path/index.md
@@ -17,7 +17,7 @@ Optimizing the critical rendering path improves the time to first render. Unders
 
 Web performance includes the server requests and responses, loading, scripting, rendering, layout, and the painting of the pixels to the screen.
 
-A request for a web page or app starts with an HTML request. The server returns the HTML - response headers and data. The browser then begins parsing the HTML, converting the received bytes to the DOM tree. The browser initiates requests every time it finds links to external resources, be it stylesheets, scripts, or embedded image references. Some requests are blocking, which means the parsing of the rest of the HTML is halted until the imported asset is handled. The browser continues to parse the HTML making requests and building the DOM, until it gets to the end, at which point it constructs the CSS object model. With the DOM and CSSOM complete, the browser builds the render tree, computing the styles for all the visible content. After the render tree is complete, layout occurs, defining the location and size of all the render tree elements. Once complete, the page is rendered, or 'painted' on the screen.
+A request for a web page or app starts with an HTTP request. The server sends a response containing the HTML. The browser then begins parsing the HTML, converting the received bytes to the DOM tree. The browser initiates requests every time it finds links to external resources, be it stylesheets, scripts, or embedded image references. Some requests are blocking, which means the parsing of the rest of the HTML is halted until the imported asset is handled. The browser continues to parse the HTML making requests and building the DOM, until it gets to the end, at which point it constructs the CSS object model. With the DOM and CSSOM complete, the browser builds the render tree, computing the styles for all the visible content. After the render tree is complete, layout occurs, defining the location and size of all the render tree elements. Once complete, the page is rendered, or 'painted' on the screen.
 
 ### Document Object Model
 

From 6ede34cbd24bc4d56b2811535897f79ffc0cec0c Mon Sep 17 00:00:00 2001
From: Shivam Tewari <43674175+ShiviPro@users.noreply.github.com>
Date: Fri, 9 Feb 2024 04:35:14 +0530
Subject: [PATCH 705/790] Clarify individuality of extra CSS properties in
 Containing Block (#32155)

fix: clarify extra CSS prop for absolute/fixed pos

Clarified individuality among the extra-CSS-property points mentioned for identifying containing block of elements with a position value of absolute or fixed.
---
 files/en-us/web/css/containing_block/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/containing_block/index.md b/files/en-us/web/css/containing_block/index.md
index 118568f59110c68..7fc20e2f557fc36 100644
--- a/files/en-us/web/css/containing_block/index.md
+++ b/files/en-us/web/css/containing_block/index.md
@@ -32,7 +32,7 @@ The process for identifying the containing block depends entirely on the value o
 1. If the `position` property is **`static`**, **`relative`**, or **`sticky`**, the containing block is formed by the edge of the _content box_ of the nearest ancestor element that is either **a block container** (such as an inline-block, block, or list-item element) or **establishes a formatting context** (such as a table container, flex container, grid container, or the block container itself).
 2. If the `position` property is **`absolute`**, the containing block is formed by the edge of the _padding box_ of the nearest ancestor element that has a `position` value other than `static` (`fixed`, `absolute`, `relative`, or `sticky`).
 3. If the `position` property is **`fixed`**, the containing block is established by the {{glossary("viewport")}} (in the case of continuous media) or the page area (in the case of paged media).
-4. If the `position` property is **`absolute`** or **`fixed`**, the containing block may also be formed by the edge of the _padding box_ of the nearest ancestor element that has the following:
+4. If the `position` property is **`absolute`** or **`fixed`**, the containing block may also be formed by the edge of the _padding box_ of the nearest ancestor element that has any of the following:
 
    1. A {{cssxref("transform")}} or {{cssxref("perspective")}} value other than `none`
    2. A {{cssxref("will-change")}} value of `transform` or `perspective`

From 2f8d504c0c017d44a8cc9ff3511eb1a770473c5c Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Fri, 9 Feb 2024 11:14:15 +1100
Subject: [PATCH 706/790] FF122 Date parser parses first three chars of month
 (#31931)

* FF122 Date parser parses first three chars of month

* Apply suggestions from code review

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

---------

Co-authored-by: Vadim Makeev <hi@pepelsbey.dev>
Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/mozilla/firefox/releases/122/index.md         | 2 ++
 .../reference/global_objects/date/parse/index.md          | 8 ++++++++
 2 files changed, 10 insertions(+)

diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index 18f0ee152f69348..31bc7238ae92c4d 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -29,6 +29,8 @@ This article provides information about the changes in Firefox 122 that affect d
 
 - The {{jsxref("ArrayBuffer.prototype.transfer()")}} and {{jsxref("ArrayBuffer.prototype.transferToFixedLength()")}} methods can now be used to [transfer ownership](/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer#transferring_arraybuffers) of memory from one {{jsxref("ArrayBuffer")}} to another. After transfer, the original buffer is detached from its original memory and hence unusable; the state can be checked using {{jsxref("ArrayBuffer.prototype.detached")}}. (See [Firefox bug 1865103](https://bugzil.la/1865103) for more details.)
 
+- For parity with other browsers, [`Date.parse()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse) and the [`Date()` constructor](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date) only consider the first three letters of the specified month when [non-standard date strings](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse#non-standard_date_strings) are parsed. Previously only truncated values of the full month name with three or more characters were accepted (See [Firefox bug 1862910](https://bugzil.la/1862910) for more details.)
+
 ### SVG
 
 #### Removals
diff --git a/files/en-us/web/javascript/reference/global_objects/date/parse/index.md b/files/en-us/web/javascript/reference/global_objects/date/parse/index.md
index a37b274723b5a97..cfc3f35478b43a3 100644
--- a/files/en-us/web/javascript/reference/global_objects/date/parse/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/date/parse/index.md
@@ -94,6 +94,14 @@ Date.parse("2014-02-30");
 // NaN in Safari and Firefox;
 // 1393718400000 in Chrome (Sun Mar 02 2014 00:00:00 GMT+0000)
 Date.parse("02/30/2014"); // 1393718400000 in all implementations
+
+// Chrome, Safari, and Firefox 122 and later parse only the first three letters for the month.
+// FF121 and earlier parse first three letters and any substring up to the correct month name.
+Date.parse("04 Dec 1995"); // 818031600000 in all implementations
+Date.parse("04 Decem 1995"); // 818031600000 in all implementations
+Date.parse("04 December 1995"); // 818031600000 in all implementations
+Date.parse("04 DecFoo 1995"); // NaN in Firefox 121 and earlier. 818031600000 in other implementations
+Date.parse("04 De 1995"); // NaN in all implementations
 ```
 
 ## Specifications

From 3f3f890b353e5a6751dd01c8159652f507227003 Mon Sep 17 00:00:00 2001
From: hanyujie2002 <yujiehan2002@outlook.com>
Date: Fri, 9 Feb 2024 08:55:20 +0800
Subject: [PATCH 707/790] fix dead link in svelte typescript tutorial (#32108)

* fix dead link

* Add more detail about the restriction earlier

* Apply suggestions from code review

* Update index.md

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 .../svelte_typescript/index.md                             | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
index 99f071053eb6e47..00cd8eb68bfb873 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md
@@ -161,7 +161,10 @@ These instructions apply to any Svelte project you'd like to convert to TypeScri
 
 As we said before, TypeScript is a superset of JavaScript, so your application will run without modifications. Currently you will be running a regular JavaScript application with TypeScript support enabled, without taking advantage of any of the features that TypeScript provides. You can now start adding types progressively.
 
-Once you have TypeScript configured, you can start using it from a Svelte component by just adding a `<script lang='ts'>` at the beginning of the script section. To use it from regular JavaScript files, just change the file extension from `.js` to `.ts`. You'll also have to update any corresponding import statements (don't include the `.ts` in your `import` statements; TypeScript chose to omit the extensions).
+Once you have TypeScript configured, you can start using it from a Svelte component by just adding a `<script lang='ts'>` at the beginning of the script section. To use it from regular JavaScript files, just change the file extension from `.js` to `.ts`. You'll also have to update any corresponding import statements to remove the `.ts` file extension from all `import` statements.
+
+> **Note:** Typescript will throw an error if you use the `.ts` file extension in an `import` statement, so you if you have a file `./foo.ts`, you must import it as "./foo".
+> See the [Module resolution for bundlers, TypeScript runtimes, and Node.js loaders](https://www.typescriptlang.org/docs/handbook/2/modules.html##module-resolution-for-bundlers-typescript-runtimes-and-nodejs-loaders) section of the TypeScript manual for more information.
 
 > **Note:** Using TypeScript in component markup sections is [not supported yet](https://github.com/sveltejs/svelte/issues/4701). You'll have to use JavaScript from the markup, and TypeScript in the `<script lang='ts'>` section.
 
@@ -240,7 +243,7 @@ We'll define a `TodoType` type to see how TypeScript enforces that anything pass
    export let todo: TodoType;
    ```
 
-   > **Note:** Another reminder: When importing a `.ts` file, you have to omit the extension. Check the [`import` section](https://www.typescriptlang.org/docs/handbook/modules.html#import) of the TypeScript manual for more information.
+   Note that the `.ts` file extension is not allowed in the `import` statement, and has been omitted.
 
 6. Now from `Todos.svelte` we will instantiate a `Todo` component with a literal object as its parameter before the call to the `MoreActions` component, like this:
 

From ce9d9adaa19dbe18852257cd9d4dcc04fe5b8b3d Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Fri, 9 Feb 2024 12:08:12 +1100
Subject: [PATCH 708/790] FF123 HTTP 103 Early Hints supported for Preload
 (#31972)

* FF123 HTTP 103 Early Hints supported for Preload

* Make it clear what the header adds vs what it previously supported

* Update files/en-us/mozilla/firefox/releases/123/index.md
---
 .../firefox/experimental_features/index.md    | 42 -------------------
 .../mozilla/firefox/releases/123/index.md     |  5 +++
 files/en-us/web/http/status/103/index.md      |  2 -
 3 files changed, 5 insertions(+), 44 deletions(-)

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index 148ac595095bb04..10b22a56e874858 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -2329,48 +2329,6 @@ For more details see [Firefox bug 1617609](https://bugzil.la/1617609).
   </tbody>
 </table>
 
-### HTTP Status 103
-
-The [`103 Early Hints`](/en-US/docs/Web/HTTP/Status/103) HTTP [information response](/en-US/docs/Web/HTTP/Status#information_responses) status code may be sent by a server to allow a user agent to start [preloading](/en-US/docs/Web/HTML/Attributes/rel/preload) resources while the server is still preparing the full response.
-Note that using the header to [preconnect](/en-US/docs/Web/HTML/Attributes/rel/preconnect) to sites is already supported.
-For more details see [Firefox bug 1813035](https://bugzil.la/1813035).
-
-<table>
-  <thead>
-    <tr>
-      <th>Release channel</th>
-      <th>Version added</th>
-      <th>Enabled by default?</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th>Nightly</th>
-      <td>111</td>
-      <td>Yes</td>
-    </tr>
-    <tr>
-      <th>Developer Edition</th>
-      <td>111</td>
-      <td>Yes</td>
-    </tr>
-    <tr>
-      <th>Beta</th>
-      <td>111</td>
-      <td>Yes</td>
-    </tr>
-    <tr>
-      <th>Release</th>
-      <td>102</td>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Preference name</th>
-      <td colspan="2"><code>network.early-hints.enabled</code></td>
-    </tr>
-  </tbody>
-</table>
-
 ### Access-Control-Allow-Headers wildcard does not cover Authorization
 
 The [`Access-Control-Allow-Headers`](/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Headers) is a response header to a [CORS preflight request](/en-US/docs/Glossary/Preflight_request), that indicates which request headers may be included in the final request.
diff --git a/files/en-us/mozilla/firefox/releases/123/index.md b/files/en-us/mozilla/firefox/releases/123/index.md
index 77897a486929d89..bf985cddc16a8b5 100644
--- a/files/en-us/mozilla/firefox/releases/123/index.md
+++ b/files/en-us/mozilla/firefox/releases/123/index.md
@@ -32,6 +32,11 @@ This article provides information about the changes in Firefox 123 that affect d
 
 ### HTTP
 
+- The [`103 Early Hints`](/en-US/docs/Web/HTTP/Status/103) HTTP [information response](/en-US/docs/Web/HTTP/Status#information_responses) status code is now enabled for [preloading](/en-US/docs/Web/HTML/Attributes/rel/preload) resources that the page is likely to need while the server is still preparing the full response.
+  This can significantly reduce page load time.
+  Note that support for using the `103 Early Hints` header for [preconnecting](/en-US/docs/Web/HTML/Attributes/rel/preconnect) was added in [Firefox 120](/en-US/docs/Mozilla/Firefox/Releases/120#http).
+  For more details see [Firefox bug 1874445](https://bugzil.la/1874445).
+
 #### Removals
 
 ### Security
diff --git a/files/en-us/web/http/status/103/index.md b/files/en-us/web/http/status/103/index.md
index 21c8b9bbdfff2f3..a554d3eb9bec8b1 100644
--- a/files/en-us/web/http/status/103/index.md
+++ b/files/en-us/web/http/status/103/index.md
@@ -65,8 +65,6 @@ Content-Type: text/html
 
 ### Preload example
 
-> **Warning:** Some browsers only support `preconnect` over 103 Early Hints. See the implementation notes in the [browser compatibility](#browser_compatibility) section below.
-
 The following `103` early hint response indicates a stylesheet `style.css` might be needed by the final response.
 
 ```http

From b62306ecf0c1a887942c85693a5445613cef4c99 Mon Sep 17 00:00:00 2001
From: "Queen Vinyl Da.i'gyu-Kazotetsu" <vinyldarkscratch@gmail.com>
Date: Thu, 8 Feb 2024 23:00:33 -0800
Subject: [PATCH 709/790] WebGPU examples: remove TS from JS (#32185)

* GPUQueue.copyExternalImageToTexture: remove TS from JS

* Remove additional TypeScript syntax
---
 files/en-us/web/api/gpudevice/createtexture/index.md        | 6 +++---
 .../web/api/gpuqueue/copyexternalimagetotexture/index.md    | 6 +++---
 files/en-us/web/api/gpurenderbundleencoder/draw/index.md    | 4 +---
 .../web/api/gpurenderbundleencoder/setbindgroup/index.md    | 4 +---
 .../web/api/gpurenderbundleencoder/setpipeline/index.md     | 4 +---
 .../web/api/gpurenderbundleencoder/setvertexbuffer/index.md | 4 +---
 files/en-us/web/api/gputexture/index.md                     | 6 +++---
 7 files changed, 13 insertions(+), 21 deletions(-)

diff --git a/files/en-us/web/api/gpudevice/createtexture/index.md b/files/en-us/web/api/gpudevice/createtexture/index.md
index 9c5b1e90e452042..06c20268f8e4d9b 100644
--- a/files/en-us/web/api/gpudevice/createtexture/index.md
+++ b/files/en-us/web/api/gpudevice/createtexture/index.md
@@ -127,13 +127,13 @@ In the WebGPU samples [Textured Cube sample](https://webgpu.github.io/webgpu-sam
 ```js
 //...
 
-let cubeTexture: GPUTexture; // Sample is written in TypeScript
+let cubeTexture;
 
 {
   const img = document.createElement("img");
   img.src = new URL(
     "../../../assets/img/Di-3d.png",
-    import.meta.url
+    import.meta.url,
   ).toString();
   await img.decode();
   const imageBitmap = await createImageBitmap(img);
@@ -149,7 +149,7 @@ let cubeTexture: GPUTexture; // Sample is written in TypeScript
   device.queue.copyExternalImageToTexture(
     { source: imageBitmap },
     { texture: cubeTexture },
-    [imageBitmap.width, imageBitmap.height]
+    [imageBitmap.width, imageBitmap.height],
   );
 }
 
diff --git a/files/en-us/web/api/gpuqueue/copyexternalimagetotexture/index.md b/files/en-us/web/api/gpuqueue/copyexternalimagetotexture/index.md
index 6d7723618cb3143..1a9f9532ddef031 100644
--- a/files/en-us/web/api/gpuqueue/copyexternalimagetotexture/index.md
+++ b/files/en-us/web/api/gpuqueue/copyexternalimagetotexture/index.md
@@ -179,12 +179,12 @@ The following criteria must be met when calling **`writeTexture()`**, otherwise
 In the WebGPU Samples [Textured Cube example](https://webgpu.github.io/webgpu-samples/samples/texturedCube), the following snippet is used to fetch an image and upload it into a {{domxref("GPUTexture")}}:
 
 ```js
-let cubeTexture: GPUTexture; // TypeScript
+let cubeTexture;
 {
   const img = document.createElement("img");
   img.src = new URL(
     "../../../assets/img/Di-3d.png",
-    import.meta.url
+    import.meta.url,
   ).toString();
   await img.decode();
   const imageBitmap = await createImageBitmap(img);
@@ -201,7 +201,7 @@ let cubeTexture: GPUTexture; // TypeScript
   device.queue.copyExternalImageToTexture(
     { source: imageBitmap },
     { texture: cubeTexture },
-    [imageBitmap.width, imageBitmap.height]
+    [imageBitmap.width, imageBitmap.height],
   );
 }
 ```
diff --git a/files/en-us/web/api/gpurenderbundleencoder/draw/index.md b/files/en-us/web/api/gpurenderbundleencoder/draw/index.md
index 6c71756323ee047..a66ecf281229a65 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/draw/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/draw/index.md
@@ -42,9 +42,7 @@ None ({{jsxref("Undefined")}}).
 ## Examples
 
 ```js
-function recordRenderPass(
-  passEncoder: GPURenderBundleEncoder | GPURenderPassEncoder // TypeScript
-) {
+function recordRenderPass(passEncoder) {
   if (settings.dynamicOffsets) {
     passEncoder.setPipeline(dynamicPipeline);
   } else {
diff --git a/files/en-us/web/api/gpurenderbundleencoder/setbindgroup/index.md b/files/en-us/web/api/gpurenderbundleencoder/setbindgroup/index.md
index 78b53b123aa29f8..faedca1b8239a9e 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/setbindgroup/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/setbindgroup/index.md
@@ -66,9 +66,7 @@ The following criteria must be met when calling **`setBindGroup()`**, otherwise
 ## Examples
 
 ```js
-function recordRenderPass(
-  passEncoder: GPURenderBundleEncoder | GPURenderPassEncoder // TypeScript
-) {
+function recordRenderPass(passEncoder) {
   if (settings.dynamicOffsets) {
     passEncoder.setPipeline(dynamicPipeline);
   } else {
diff --git a/files/en-us/web/api/gpurenderbundleencoder/setpipeline/index.md b/files/en-us/web/api/gpurenderbundleencoder/setpipeline/index.md
index 8c346abe1b0afbd..1136873236778df 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/setpipeline/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/setpipeline/index.md
@@ -40,9 +40,7 @@ The following criteria must be met when calling **`setPipeline()`**, otherwise a
 ## Examples
 
 ```js
-function recordRenderPass(
-  passEncoder: GPURenderBundleEncoder | GPURenderPassEncoder // TypeScript
-) {
+function recordRenderPass(passEncoder) {
   if (settings.dynamicOffsets) {
     passEncoder.setPipeline(dynamicPipeline);
   } else {
diff --git a/files/en-us/web/api/gpurenderbundleencoder/setvertexbuffer/index.md b/files/en-us/web/api/gpurenderbundleencoder/setvertexbuffer/index.md
index e3fa3afeb0e3a85..71a969a3f6fb16a 100644
--- a/files/en-us/web/api/gpurenderbundleencoder/setvertexbuffer/index.md
+++ b/files/en-us/web/api/gpurenderbundleencoder/setvertexbuffer/index.md
@@ -50,9 +50,7 @@ The following criteria must be met when calling **`setVertexBuffer()`**, otherwi
 ### Set vertex buffer
 
 ```js
-function recordRenderPass(
-  passEncoder: GPURenderBundleEncoder | GPURenderPassEncoder // TypeScript
-) {
+function recordRenderPass(passEncoder) {
   if (settings.dynamicOffsets) {
     passEncoder.setPipeline(dynamicPipeline);
   } else {
diff --git a/files/en-us/web/api/gputexture/index.md b/files/en-us/web/api/gputexture/index.md
index b5434e3139795fa..0192b5eb2556b6d 100644
--- a/files/en-us/web/api/gputexture/index.md
+++ b/files/en-us/web/api/gputexture/index.md
@@ -53,13 +53,13 @@ In the WebGPU samples [Textured Cube sample](https://webgpu.github.io/webgpu-sam
 
 ```js
 //...
-let cubeTexture: GPUTexture; // Sample is written in TypeScript
+let cubeTexture;
 {
   const img = document.createElement("img");
 
   img.src = new URL(
     "../../../assets/img/Di-3d.png",
-    import.meta.url
+    import.meta.url,
   ).toString();
 
   await img.decode();
@@ -78,7 +78,7 @@ let cubeTexture: GPUTexture; // Sample is written in TypeScript
   device.queue.copyExternalImageToTexture(
     { source: imageBitmap },
     { texture: cubeTexture },
-    [imageBitmap.width, imageBitmap.height]
+    [imageBitmap.width, imageBitmap.height],
   );
 }
 //...

From 98a6771eaa6c4511a23985a7dc1afb8f33982485 Mon Sep 17 00:00:00 2001
From: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Date: Fri, 9 Feb 2024 21:06:03 +0800
Subject: [PATCH 710/790] fix output (#31595)

---
 .../games/techniques/control_mechanisms/mobile_touch/index.md   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/games/techniques/control_mechanisms/mobile_touch/index.md b/files/en-us/games/techniques/control_mechanisms/mobile_touch/index.md
index 5906380ceedc6fd..eddfdeedad10f08 100644
--- a/files/en-us/games/techniques/control_mechanisms/mobile_touch/index.md
+++ b/files/en-us/games/techniques/control_mechanisms/mobile_touch/index.md
@@ -51,7 +51,7 @@ function touchHandler(e) {
   if (e.touches) {
     playerX = e.touches[0].pageX - canvas.offsetLeft - playerWidth / 2;
     playerY = e.touches[0].pageY - canvas.offsetTop - playerHeight / 2;
-    output.textContent = `Touch:  x: ${playerX}, y: ${playerY}`;
+    output.textContent = `Touch:\nx: ${playerX}, y: ${playerY}`;
     e.preventDefault();
   }
 }

From 6cab93c7fbd381e36065794351e2d7fcc3ce64e8 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 10 Feb 2024 01:24:40 +0800
Subject: [PATCH 711/790] Content update & fix of Notification in Service
 Worker (#32099)

* update front matter keys

* update event usage

* move & add note

* update text

* fix inherit info for NotificationEvent

* update comment style

* Update index.md

* add optional_inline tag

* small style update

* fix self link

* update desc

* Update files/en-us/web/api/notification/notification/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

* fix

* Update files/en-us/web/api/serviceworkerglobalscope/notificationclick_event/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 .../api/notification/notification/index.md    |  2 ++
 .../using_the_notifications_api/index.md      |  9 -------
 .../notificationclick_event/index.md          | 13 ++++++----
 .../notificationclose_event/index.md          | 15 ++++--------
 .../shownotification/index.md                 | 24 +++++++++----------
 5 files changed, 28 insertions(+), 35 deletions(-)

diff --git a/files/en-us/web/api/notification/notification/index.md b/files/en-us/web/api/notification/notification/index.md
index 17a6a8951cfa7b8..1d5b3c76aea91cd 100644
--- a/files/en-us/web/api/notification/notification/index.md
+++ b/files/en-us/web/api/notification/notification/index.md
@@ -11,6 +11,8 @@ browser-compat: api.Notification.Notification
 The **`Notification()`** constructor creates a new
 {{domxref("Notification")}} object instance, which represents a user notification.
 
+> **Note:** Trying to create a notification inside the {{domxref("ServiceWorkerGlobalScope")}} using the `Notification()` constructor will throw a `TypeError`. Use {{domxref("ServiceWorkerRegistration.showNotification()")}} instead.
+
 {{AvailableInWorkers}}
 
 ## Syntax
diff --git a/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md b/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md
index 2112b642e303be7..bc52b1998ff578d 100644
--- a/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md
+++ b/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md
@@ -2,7 +2,6 @@
 title: Using the Notifications API
 slug: Web/API/Notifications_API/Using_the_Notifications_API
 page-type: guide
-browser-compat: api.Notification
 ---
 
 {{DefaultAPISidebar("Web Notifications")}}{{securecontext_header}}
@@ -222,14 +221,6 @@ window.addEventListener("load", () => {
 
 {{ EmbedLiveSample('Tag_example', '100%', 30) }}
 
-## Specifications
-
-{{Specifications}}
-
-## Browser compatibility
-
-{{Compat}}
-
 ## See also
 
 - {{ domxref("Notification") }}
diff --git a/files/en-us/web/api/serviceworkerglobalscope/notificationclick_event/index.md b/files/en-us/web/api/serviceworkerglobalscope/notificationclick_event/index.md
index d0ad8cc3759f87f..f8ba75434c2809b 100644
--- a/files/en-us/web/api/serviceworkerglobalscope/notificationclick_event/index.md
+++ b/files/en-us/web/api/serviceworkerglobalscope/notificationclick_event/index.md
@@ -8,7 +8,12 @@ browser-compat: api.ServiceWorkerGlobalScope.notificationclick_event
 
 {{APIRef("Web Notifications")}}
 
-The **`notificationclick`** event is fired to indicate that a system notification spawned by {{domxref("ServiceWorkerRegistration.showNotification()")}} has been clicked.
+The **`notificationclick`** event of the {{domxref("ServiceWorkerGlobalScope")}} interface is fired to indicate that a system notification spawned by {{domxref("ServiceWorkerRegistration.showNotification()")}} has been clicked.
+
+Notifications created on the main thread or in workers which aren't service workers
+using the {{domxref("Notification.Notification","Notification()")}} constructor will
+instead receive a {{domxref("Notification/click_event", "click")}} event on the {{domxref("Notification")}} object
+itself.
 
 This event is not cancelable and does not bubble.
 
@@ -24,13 +29,13 @@ onnotificationclick = (event) => {};
 
 ## Event type
 
-A {{domxref("NotificationEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("NotificationEvent")}}. Inherits from {{domxref("ExtendableEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("NotificationEvent")}}
 
 ## Event properties
 
-_Inherits properties from its ancestor, {{domxref("Event")}}_.
+_Inherits properties from its ancestors, {{domxref("ExtendableEvent")}} and {{domxref("Event")}}_.
 
 - {{domxref("NotificationEvent.notification")}} {{ReadOnlyInline}}
   - : Returns a {{domxref("Notification")}} object representing the notification that was clicked to fire the event.
@@ -87,7 +92,7 @@ self.onnotificationclick = (event) => {
 };
 ```
 
-You can handle event actions using `event.action` within a {{domxref("ServiceWorkerGlobalScope.notificationclick_event", "notificationclick")}} event handler:
+You can handle event actions using `event.action` within a `notificationclick` event handler:
 
 ```js
 navigator.serviceWorker.register("sw.js");
diff --git a/files/en-us/web/api/serviceworkerglobalscope/notificationclose_event/index.md b/files/en-us/web/api/serviceworkerglobalscope/notificationclose_event/index.md
index 45181711551072b..41f5f47a850c80b 100644
--- a/files/en-us/web/api/serviceworkerglobalscope/notificationclose_event/index.md
+++ b/files/en-us/web/api/serviceworkerglobalscope/notificationclose_event/index.md
@@ -8,18 +8,13 @@ browser-compat: api.ServiceWorkerGlobalScope.notificationclose_event
 
 {{APIRef("Web Notifications")}}
 
-The **`notificationclose`** event fires when a user closes a displayed notification spawned by {{domxref("ServiceWorkerRegistration.showNotification()")}}.
+The **`notificationclose`** event of the {{domxref("ServiceWorkerGlobalScope")}} interface fires when a user closes a displayed notification spawned by {{domxref("ServiceWorkerRegistration.showNotification()")}}.
 
 Notifications created on the main thread or in workers which aren't service workers
 using the {{domxref("Notification.Notification","Notification()")}} constructor will
-instead receive a {{domxref("Notification/close_event", "close")}} event on the `Notification` object
+instead receive a {{domxref("Notification/close_event", "close")}} event on the {{domxref("Notification")}} object
 itself.
 
-> **Note:** Trying to create a notification inside the
-> {{domxref("ServiceWorkerGlobalScope")}} using the
-> {{domxref("Notification.Notification","Notification()")}} constructor will throw an
-> error.
-
 This event is not cancelable and does not bubble.
 
 ## Syntax
@@ -34,13 +29,13 @@ onnotificationclose = (event) => {};
 
 ## Event type
 
-A {{domxref("NotificationEvent")}}. Inherits from {{domxref("Event")}}.
+A {{domxref("NotificationEvent")}}. Inherits from {{domxref("ExtendableEvent")}} and {{domxref("Event")}}.
 
 {{InheritanceDiagram("NotificationEvent")}}
 
 ## Event properties
 
-_Inherits properties from its ancestor, {{domxref("Event")}}_.
+_Inherits properties from its ancestor, {{domxref("ExtendableEvent")}} and {{domxref("Event")}}_.
 
 - {{domxref("NotificationEvent.notification")}} {{ReadOnlyInline}}
   - : Returns a {{domxref("Notification")}} object representing the notification that was clicked to fire the event.
@@ -50,7 +45,7 @@ _Inherits properties from its ancestor, {{domxref("Event")}}_.
 ## Example
 
 ```js
-//Inside a service worker.
+// Inside a service worker.
 self.onnotificationclose = (event) => {
   console.log("On notification close: ", event.notification.tag);
 };
diff --git a/files/en-us/web/api/serviceworkerregistration/shownotification/index.md b/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
index 287308b78ebba70..45fec0ed306a885 100644
--- a/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
+++ b/files/en-us/web/api/serviceworkerregistration/shownotification/index.md
@@ -24,7 +24,7 @@ showNotification(title, options)
 ### Parameters
 
 - `title`
-  - : The title that must be shown within the notification
+  - : The title that must be shown within the notification.
 - `options` {{optional_inline}}
 
   - : An object that allows configuring the notification. It can have the following
@@ -38,14 +38,14 @@ showNotification(title, options)
           - : A string identifying a user action to be displayed on the notification.
         - `title`
           - : A string containing action text to be shown to the user.
-        - `icon`
+        - `icon` {{optional_inline}}
           - : A string containing the URL of an icon to display with the action.
 
         Appropriate responses are built using `event.action` within the
         {{domxref("ServiceWorkerGlobalScope.notificationclick_event", "notificationclick")}} event.
 
     - `badge` {{optional_inline}} {{experimental_inline}}
-      - : a string containing the URL of an image
+      - : A string containing the URL of an image
         to represent the notification when there is not enough space to display the
         notification itself such as for example, the Android Notification Bar. On Android
         devices, the badge should accommodate devices up to 4x resolution, about 96 by 96
@@ -59,10 +59,10 @@ showNotification(title, options)
     - `dir` {{optional_inline}}
       - : The direction of the notification; it can be `auto`, `ltr` or `rtl`.
     - `icon` {{optional_inline}}
-      - : a string containing the URL of an image to
+      - : A string containing the URL of an image to
         be used as an icon by the notification.
     - `image` {{optional_inline}} {{experimental_inline}}
-      - : a string containing the URL of an image to
+      - : A string containing the URL of an image to
         be displayed in the notification.
     - `lang` {{optional_inline}}
       - : Specify the lang used within the notification. This string
@@ -71,19 +71,19 @@ showNotification(title, options)
     - `renotify` {{optional_inline}} {{experimental_inline}}
       - : A boolean that indicates whether to suppress vibrations
         and audible alerts when reusing a `tag` value.
-        If _options_'s `renotify` is true
-        and _options_'s `tag` is the empty string a TypeError will be
+        If _options_'s `renotify` is `true`
+        and _options_'s `tag` is the empty string a `TypeError` will be
         thrown. The default is `false`.
     - `requireInteraction` {{optional_inline}} {{experimental_inline}}
       - : Indicates that on devices with sufficiently
         large screens, a notification should remain active until the user clicks or
-        dismisses it. If this value is absent or false, the desktop version of Chrome will
+        dismisses it. If this value is absent or `false`, the desktop version of Chrome will
         auto-minimize notifications after approximately twenty seconds. The default value
         is `false`.
     - `silent` {{optional_inline}}
       - : When set indicates that no sounds or vibrations should be
-        made. If _options_'s `silent` is true
-        and _options_'s `vibrate` is present a TypeError exception
+        made. If _options_'s `silent` is `true`
+        and _options_'s `vibrate` is present a `TypeError` exception
         will be thrown. The default value is `false`.
     - `tag` {{optional_inline}}
       - : An ID for a given notification that allows you to find,
@@ -128,8 +128,8 @@ function showNotification() {
 }
 ```
 
-To invoke the above function at an appropriate time, you could use the
-{{domxref("ServiceWorkerGlobalScope.notificationclick_event", "onnotificationclick")}} event handler.
+To invoke the above function at an appropriate time, you could listen to the
+{{domxref("ServiceWorkerGlobalScope.notificationclick_event", "notificationclick")}} event.
 
 You can also retrieve details of the {{domxref("Notification")}}s that have been fired
 from the current service worker using

From 9a921c9c744c5e5cb55248c56a212d3fce12c708 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Sat, 10 Feb 2024 05:45:44 +1100
Subject: [PATCH 712/790] Add a section on basic interactivity for live
 examples (#31596)

* Add a section on basic interactivity for live examples

* Update files/en-us/mdn/writing_guidelines/page_structures/live_samples/index.md

* Update examples - via github

* Remove duplicate headings

* Apply suggestions from code review

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Fix remaining iterate to increment cases

* Add border around logs

* iterate->increment

* iterate->increment

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 .../page_structures/live_samples/index.md     | 210 +++++++++++++++++-
 1 file changed, 206 insertions(+), 4 deletions(-)

diff --git a/files/en-us/mdn/writing_guidelines/page_structures/live_samples/index.md b/files/en-us/mdn/writing_guidelines/page_structures/live_samples/index.md
index 89ab100b2b845c9..5ff99e5febc9b92 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/live_samples/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/live_samples/index.md
@@ -7,10 +7,12 @@ page-type: mdn-writing-guide
 {{MDNSidebar}}
 
 MDN supports displaying code blocks within the articles as _live samples_, enabling readers to see both the code and its output as it would look on a web page. This feature allows readers to understand exactly what the executed code would produce, making the documentation dynamic and instructive.
+It also allows authors to be absolutely sure that the code blocks in documentation have the expected output, and work appropriately when used with different browsers.
 
 The live sample system can process code blocks written in HTML, CSS, and JavaScript, regardless of the order in which they are written in the page. This ensures that the output corresponds to the combined source code because the system runs the code directly within the page.
 
-> **Note:** "Live samples" are _not interactive_.
+Unlike [Interactive examples](/en-US/docs/MDN/Writing_guidelines/Page_structures/Code_examples#what_types_of_code_example_are_available), live samples don't provide inbuilt support for capturing console logging or resetting examples that are changed by user input.
+The [Examples](#examples) section shows how you can implement these, and other, useful features.
 
 ## How does the live sample system work?
 
@@ -220,11 +222,11 @@ Each piece of code must be in a code block, with a separate block for each langu
 
 So make sure the code blocks for your HTML, CSS, and/or JavaScript code are each configured correctly for that language's syntax highlighting, and you're good to go.
 
-## Live sample demo
+## Examples
 
-This section is the result of using the live sample template button to create not only the main heading ("Live sample demo"), but also subheadings for our HTML, CSS, and JavaScript content. You're not limited to one block of each; in addition, they don't even need to be in any particular order. Mix and match!
+This section contains examples showing how the live sample system may be used, including the different ways of grouping the code blocks that comprise an example, and how to display logging output in your samples.
 
-You may choose to delete any of these you wish; if you don't need any script, just delete that heading and its code block. You can also delete the heading for a code block ("HTML", "CSS", or "JavaScript"), since these are not used by the live sample macro.
+Note that the headings for code blocks ("HTML", "CSS", or "JavaScript") are used by convention in most MDN examples, but are not actually required by the live sample macro.
 
 ### Grouping code blocks by heading
 
@@ -322,6 +324,206 @@ We get this output by running the code blocks above using the string identifier
 
 {{EmbedLiveSample("hello-world")}}
 
+### Displaying a single entry log
+
+This example shows how to implement a simple single-entry log in your live sample, where the previous value is replaced whenever a new log entry is added.
+
+For clarity this example separates the logging code and the code that uses it, and displays the logging code first.
+Generally when implementing your own samples you should place logging elements below other UI elements.
+
+> **Note:** Displaying log output as part of the sample provides a much better user experience than using `console.log()`.
+
+#### HTML
+
+Create a {{HTMLElement("pre")}} element with an `id` of `"log"` for displaying the log output.
+
+```html
+<pre id="log"></pre>
+```
+
+#### JavaScript
+
+Next define the logging function `log()`.
+This takes the text to be logged as an argument, and uses it to replace the existing log.
+
+```js
+const logElement = document.querySelector("#log");
+function log(text) {
+  logElement.innerText = text;
+}
+```
+
+Note that the content of the log element is set using the `innerText` property, which is safer than using `innerHTML` because the logged text is not parsed to HTML (which might potentially inject malicious code).
+
+#### CSS
+
+The CSS sets the height of the logging element.
+
+```css
+#log {
+  height: 20px;
+}
+```
+
+#### Logging test code
+
+This example is designed to show "how to log", so "what is logged" isn't all that important.
+This is therefore trivially implemented as a button that the user can press to increment a value.
+
+```html
+<button id="increment" type="button">Press me many times</button>
+```
+
+```js
+const incrementButton = document.querySelector("#increment");
+let incrementValue = 0;
+incrementButton.addEventListener("click", () => {
+  incrementValue++;
+  log(`The button has been pressed ${incrementValue} time(s)`);
+});
+```
+
+#### Result
+
+Press the button to add new log content.
+
+{{EmbedLiveSample("Displaying a single entry log", "100%", "80px")}}
+
+### Displaying a log that appends items
+
+This example shows how to implement a simple "logging console" in your live sample.
+The console appends a new line to the end of the output each time a log is added, scrolling the new item into view.
+
+For clarity this example separates the logging code and the code that uses it, and displays the logging code first.
+Generally when implementing your own samples you should place logging elements below other UI elements.
+
+> **Note:** Displaying log output as part of the sample is a much better user experience than using `console.log()`.
+
+> **Note:** See [`DataTransfer.effectAllowed`](/en-US/docs/Web/API/DataTransfer/effectAllowed#setting_effectallowed) for a more complete example.
+
+#### HTML
+
+Create a {{HTMLElement("pre")}} element with an `id` of `"log"` for displaying the log output.
+
+```html
+<pre id="log"></pre>
+```
+
+#### JavaScript
+
+Next define the logging function `log()`.
+This takes the text to be logged as an argument, and appends it to the content in the log element as a new line.
+The function also sets the element `scrollTop` to the `scrollHeight` of the element, which forces the new line of log text to scroll into view.
+
+```js
+const logElement = document.querySelector("#log");
+function log(text) {
+  logElement.innerText = `${logElement.innerText}${text}\n`;
+  logElement.scrollTop = logElement.scrollHeight;
+}
+```
+
+As with the previous example we set the content using the `innerText` property as this is less susceptible to malicious code than using `innerHTML`.
+
+#### CSS
+
+The CSS adds scrollbars if the element content overflows, sets the height of the logging element, and adds a border.
+Note that the JavaScript above ensures that if it does overflow, addition of new log text will scroll the text into view.
+
+```css
+#log {
+  height: 100px;
+  overflow: scroll;
+  padding: 0.5rem;
+  border: 1px solid black;
+}
+```
+
+#### Logging test code
+
+This example is designed to show "how to log", so "what is logged" isn't all that important.
+This is therefore trivially implemented as a button that the user can press to increment a value.
+
+```html
+<button id="increment" type="button">Press me many times</button>
+```
+
+```js
+const incrementButton = document.querySelector("#increment");
+let incrementValue = 0;
+incrementButton.addEventListener("click", () => {
+  incrementValue++;
+  log(`The button has been pressed ${incrementValue} time(s)`);
+});
+```
+
+#### Result
+
+Press the button to add new log content.
+
+{{EmbedLiveSample("Displaying a log that appends items", "100%", "180px")}}
+
+### Displaying a reset button
+
+A reset button can be helpful for examples that cannot be restored to their initial state without resetting the page.
+For example, [the `Highlight.priority` "setting priority" example](/en-US/docs/Web/API/Highlight/priority#result_2) needs a reset button, because once you've set either priority the initial state is unavailable.
+
+This example shows how to add a reset button to the [Displaying a log that appends items](#displaying_a_log_that_appends_items) example above.
+Note that the JavaScript and CSS for the logging code are the same as in the previous example, so that code is hidden.
+
+#### HTML
+
+The HTML for the example now includes a reset button.
+
+```html
+<button id="increment" type="button">Press me many times</button>
+<button id="reset" type="button">Reset</button>
+<pre id="log"></pre>
+```
+
+#### JavaScript
+
+The code for the button adds a `click` event handler function that simply reloads the frame containing the current example.
+
+```js
+const reload = document.querySelector("#reset");
+
+reload.addEventListener("click", () => {
+  window.location.reload(true);
+});
+```
+
+```css hidden
+#log {
+  height: 100px;
+  overflow: scroll;
+  padding: 0.5rem;
+  border: 1px solid black;
+}
+```
+
+```js hidden
+const logElement = document.querySelector("#log");
+function log(text) {
+  logElement.innerText = `${logElement.innerText}${text}\n`;
+  logElement.scrollTop = logElement.scrollHeight;
+}
+
+const incrementButton = document.querySelector("#increment");
+let incrementValue = 0;
+incrementButton.addEventListener("click", () => {
+  incrementValue++;
+  log(`The button has been pressed ${incrementValue} time(s)`);
+});
+```
+
+#### Result
+
+Click the "Press me many times" button a number of times.
+Reset the example by pressing the "Reset" button.
+
+{{EmbedLiveSample("Displaying a reset button", "100%", "180px")}}
+
 ## Conventions regarding live samples
 
 - Orders of code blocks

From d155573713524f2533ef6d3098a098f1aef74e28 Mon Sep 17 00:00:00 2001
From: eduardo <ed2711uribe@gmail.com>
Date: Fri, 9 Feb 2024 12:59:26 -0700
Subject: [PATCH 713/790] Update index.md (#32196)

This could be nit-picking.

However, communicating that the indexDB is an attribute of the window object was confusing when I first read it.

So I think we should update the term to property instead.
---
 files/en-us/web/api/indexeddb_api/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/indexeddb_api/index.md b/files/en-us/web/api/indexeddb_api/index.md
index b7daf0ae86bbd84..5f1f4ff2d6453ab 100644
--- a/files/en-us/web/api/indexeddb_api/index.md
+++ b/files/en-us/web/api/indexeddb_api/index.md
@@ -30,7 +30,7 @@ There are a number of web technologies that store data of one kind or another on
 
 ## Interfaces
 
-To get access to a database, call [`open()`](/en-US/docs/Web/API/IDBFactory/open) on the [`indexedDB`](/en-US/docs/Web/API/indexedDB) attribute of a [window](/en-US/docs/Web/API/Window) object. This method returns an {{domxref("IDBRequest")}} object; asynchronous operations communicate to the calling application by firing events on {{domxref("IDBRequest")}} objects.
+To get access to a database, call [`open()`](/en-US/docs/Web/API/IDBFactory/open) on the [`indexedDB`](/en-US/docs/Web/API/indexedDB) property of a [window](/en-US/docs/Web/API/Window) object. This method returns an {{domxref("IDBRequest")}} object; asynchronous operations communicate to the calling application by firing events on {{domxref("IDBRequest")}} objects.
 
 ### Connecting to a database
 

From 5863b9e6635b304b96ef5f70937329e854957f73 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Sat, 10 Feb 2024 07:23:41 +1100
Subject: [PATCH 714/790] CSS :state() pseudo class (#32000)

* CSS :state() pseudo class

* Update files/en-us/web/css/_colon_state/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Match custom state inside custom element

* Update files/en-us/web/css/_colon_state/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Remove the interactive example placeholder

* Update files/en-us/web/css/_colon_state/index.md

* Update files/en-us/web/css/_colon_state/index.md

* Xlink - CSS selectors

* Add example of custom example using shadow parts and state

* :state() - add example of using with ::part

* Separate the shadow part bit

* XRef - using custom elements

* Xref - :host-xxxx

* Xref - ::part()

* Xref Web-components

* Apply (easy) suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Retitle question box example heading

* Fixes to  Matching a custom state in a shadow part

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/api/customstateset/index.md

Co-authored-by: Keith Cirkel <keithamus@users.noreply.github.com>

* Apply suggestions from code review

Co-authored-by: Keith Cirkel <keithamus@users.noreply.github.com>

* Update index.md

* :state() move use cases into the description

* UPdate the experimental features

* Rework experimental features

* Apply suggestions from code review - the easy to accept ones

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* higher up link to state

* Update files/en-us/web/api/web_components/using_custom_elements/index.md

* - remove line on mode: closed

* Fix up the labeled checkbox example title

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
Co-authored-by: Keith Cirkel <keithamus@users.noreply.github.com>
---
 .../firefox/experimental_features/index.md    |   7 +-
 files/en-us/web/api/customstateset/index.md   | 140 +++++++++++++++++-
 files/en-us/web/api/web_components/index.md   |   3 +
 .../using_custom_elements/index.md            |   9 +-
 .../web/css/_colon_host-context/index.md      |   1 +
 files/en-us/web/css/_colon_host/index.md      |   3 +-
 .../web/css/_colon_host_function/index.md     |   1 +
 files/en-us/web/css/_colon_state/index.md     | 110 ++++++++++++++
 .../en-us/web/css/_doublecolon_part/index.md  |   5 +-
 files/en-us/web/css/css_selectors/index.md    |   1 +
 10 files changed, 267 insertions(+), 13 deletions(-)
 create mode 100644 files/en-us/web/css/_colon_state/index.md

diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md
index 10b22a56e874858..f8df4b04290ce30 100644
--- a/files/en-us/mozilla/firefox/experimental_features/index.md
+++ b/files/en-us/mozilla/firefox/experimental_features/index.md
@@ -1800,10 +1800,11 @@ The `GeometryUtils` method `getBoxQuads()` returns the CSS boxes for a {{domxref
   </tbody>
 </table>
 
-#### Custom element state pseudo-class
+#### CustomStateSet and the :state() pseudo-class: States for custom elements
 
-Custom elements can expose their internal state via the {{domxref("ElementInternals.states","states")}} property as a {{domxref("CustomStateSet")}}. A CSS custom state pseudo-class such as `:--somestate` can match that element's state.
-(See [Firefox bug 1861466](https://bugzil.la/1861466) for more details.)
+You can now define custom states for custom elements and match them using CSS.
+Custom states are represented as custom identifiers that can be added to, or removed from, the element's {{domxref("ElementInternals.states")}} property (a {{domxref("CustomStateSet")}}). The CSS [`:state()`](/en-US/docs/Web/CSS/:state) pseudo-class takes a custom identifier as an argument and matches the custom elements if the identifier is present in their set of states.
+(See [Firefox bug 1861466](https://bugzil.la/1861466) and [Firefox bug 1866351](https://bugzil.la/1866351) for more details.)
 
 <table>
   <thead>
diff --git a/files/en-us/web/api/customstateset/index.md b/files/en-us/web/api/customstateset/index.md
index 9cde34b9eeabe15..3d54f16094db785 100644
--- a/files/en-us/web/api/customstateset/index.md
+++ b/files/en-us/web/api/customstateset/index.md
@@ -63,17 +63,28 @@ The states can be used within the custom element but are not directly accessible
 
 ### Interaction with CSS
 
-Developers can select a custom element with a specific state using its state _custom state pseudo-class_.
+You can select a custom element that is in a specific state using the [`:state()`](/en-US/docs/Web/CSS/:state) _custom state pseudo-class_.
 The format of this pseudo-class is `:state(mystatename)`, where `mystatename` is the state as defined in the element.
+The custom state pseudo-class matches the custom element only if the state is `true` (i.e., if `mystatename` is present in the `CustomStateSet`).
 
-The custom state pseudo-class matches the custom element only if the state is `true` (i.e. if `mystatename` is present in the `CustomStateSet`).
+For example, the following CSS matches a `labeled-checkbox` custom element when the element's `CustomStateSet` contains the `checked` state, and applies a `solid` border to the checkbox:
+
+```css
+labeled-checkbox:state(checked) {
+  border: solid;
+}
+```
+
+CSS can also be used to match a custom state [within a custom element's shadow DOM](/en-US/docs/Web/CSS/:state#matching_a_custom_state_in_a_custom_elements_shadow_dom) by specifying `:state()` within the [`:host()`](/en-US/docs/Web/CSS/:host_function) pseudo-class function.
+
+Additionally, the `:state()` pseudo-class can be used after the [`::part()`](/en-US/docs/Web/CSS/::part) pseudo-element to match the [shadow parts](/en-US/docs/Web/CSS/CSS_shadow_parts) of a custom element that are in a particular state.
 
 > **Warning:** Chrome supports a deprecated syntax that selects custom states using a CSS `<dashed-ident>` rather than the `:state()` function.
 > For information about how to support both approaches see the [Compatibility with `<dashed-ident>` syntax](compability_with_dashed-ident_syntax) section below.
 
 ## Examples
 
-### Labeled checkbox
+### Matching the custom state of a custom checkbox element
 
 This example, which is adapted from the specification, demonstrates a custom checkbox element that has an internal "checked" state.
 This is mapped to the `checked` custom state, allowing styling to be applied using the `:state(checked)` custom state pseudo class.
@@ -107,7 +118,7 @@ class LabeledCheckbox extends HTMLElement {
          white-space: pre;
          font-family: monospace;
        }
-       :host(:state(checked))::before { content: '[x]'; background: grey; }
+       :host(:state(checked))::before { content: '[x]'; }
        </style>
        <slot>Label</slot>`;
   }
@@ -172,6 +183,127 @@ Click the element to see a different border being applied as the checkbox `check
 
 {{EmbedLiveSample("Labeled Checkbox", "100%", 50)}}
 
+### Matching a custom state in a shadow part of a custom element
+
+This example, which is adapted from the specification, demonstrates that custom states can be used to target the [shadow parts](/en-US/docs/Web/CSS/CSS_shadow_parts) of a custom element for styling.
+Shadow parts are sections of the shadow tree that are intentionally exposed to pages that use the custom element.
+
+The example creates a `<question-box>` custom element that displays a question prompt along with a checkbox labeled "Yes".
+The element uses the `<labeled-checkbox>` defined in the [previous example](#matching_the_custom_state_of_a_custom_checkbox_element) for the checkbox.
+
+#### JavaScript
+
+```js hidden
+class LabeledCheckbox extends HTMLElement {
+  constructor() {
+    super();
+  }
+
+  connectedCallback() {
+    // Attach an ElementInternals to get states property
+    this._internals = this.attachInternals();
+    this.addEventListener("click", this._onClick.bind(this));
+
+    const shadowRoot = this.attachShadow({ mode: "open" });
+    shadowRoot.innerHTML = `<style>
+        :host {
+          display: block;
+        }
+       :host::before {
+         content: '[ ]';
+         white-space: pre;
+         font-family: monospace;
+       }
+       :host(:state(checked))::before { content: '[x]'; }
+       </style>
+       <slot>Label</slot>`;
+  }
+
+  get checked() {
+    return this._internals.states.has("checked");
+  }
+
+  set checked(flag) {
+    if (flag) {
+      this._internals.states.add("checked");
+    } else {
+      this._internals.states.delete("checked");
+    }
+  }
+
+  _onClick(event) {
+    // Toggle the 'checked' property when the element is clicked
+    this.checked = !this.checked;
+  }
+}
+
+customElements.define("labeled-checkbox", LabeledCheckbox);
+```
+
+First, we define the custom element class `QuestionBox`, which extends `HTMLElement`.
+As always, the constructor first calls the `super()` method.
+Next, we attach a shadow DOM tree to the custom element by calling [`attachShadow()`](/en-US/docs/Web/API/Element/attachShadow).
+
+```js
+class QuestionBox extends HTMLElement {
+  constructor() {
+    super();
+    const shadowRoot = this.attachShadow({ mode: "open" });
+    shadowRoot.innerHTML = `<div><slot>Question</slot></div>
+       <labeled-checkbox part='checkbox'>Yes</labeled-checkbox>`;
+  }
+}
+```
+
+The content of the shadow root is set using [`innerHTML`](/en-US/docs/Web/API/ShadowRoot/innerHTML).
+This defines a {{HTMLElement("slot")}} element that contains the default prompt text "Question" for the element.
+We then define a `<labeled-checkbox>` custom element with the default text `"Yes"`.
+This checkbox is exposed as a shadow part of the question box with the name `checkbox` using the [`part`](/en-US/docs/Web/HTML/Global_attributes#part) attribute.
+
+Note that the code and styling for the `<labeled-checkbox>` element are exactly the same as in the [previous example](#matching_the_custom_state_of_a_custom_checkbox_element), and are therefore not repeated here.
+
+Next, we call the {{domxref("CustomElementRegistry/define", "define()")}} method on the object returned by {{domxref("Window.customElements")}} to register the custom element with the name `question-box`:
+
+```js
+customElements.define("question-box", QuestionBox);
+```
+
+#### HTML
+
+After registering the custom element, we can use the element in HTML as shown below.
+
+```html
+<!-- Question box with default prompt "Question" -->
+<question-box></question-box>
+
+<!-- Question box with custom prompt "Continue?" -->
+<question-box>Continue?</question-box>
+```
+
+#### CSS
+
+The first block of CSS matches the exposed shadow part named `checkbox` using the [`::part()`](/en-US/docs/Web/CSS/::part) selector, styling it to be `red` by default.
+
+```css
+question-box::part(checkbox) {
+  color: red;
+}
+```
+
+The second block follows `::part()` with `:state()`, in order to match `checkbox` parts that are in the `checked` state:
+
+```css
+question-box::part(checkbox):state(checked) {
+  color: green;
+}
+```
+
+#### Result
+
+Click either of the checkboxes to see the color change from `red` to `green` when the `checked` state toggles.
+
+{{EmbedLiveSample("Question box", "100%", 100)}}
+
 ### Non-boolean internal states
 
 This example shows how to handle the case where the custom element has an internal property with multiple possible value.
diff --git a/files/en-us/web/api/web_components/index.md b/files/en-us/web/api/web_components/index.md
index c649c258effe3c2..25c6e3047972cd8 100644
--- a/files/en-us/web/api/web_components/index.md
+++ b/files/en-us/web/api/web_components/index.md
@@ -83,6 +83,9 @@ The basic approach for implementing a web component generally looks something li
       - : Selects the shadow host of the [shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM) containing the CSS it is used inside (so you can select a custom element from inside its shadow DOM) — but only if the selector given as the function's parameter matches the shadow host.
     - {{cssxref(":host-context", ":host-context()")}}
       - : Selects the shadow host of the [shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM) containing the CSS it is used inside (so you can select a custom element from inside its shadow DOM) — but only if the selector given as the function's parameter matches the shadow host's ancestor(s) in the place it sits inside the DOM hierarchy.
+    - {{CSSxRef(":state",":state()")}}
+      - : Matches custom elements that are in a specified custom state.
+        More precisely, it matches anonymous custom elements where the specified state is present in the element's {{domxref("CustomStateSet")}}.
 
 - CSS pseudo-elements
 
diff --git a/files/en-us/web/api/web_components/using_custom_elements/index.md b/files/en-us/web/api/web_components/using_custom_elements/index.md
index 3e4dd580b836c86..4c0d96135d091b5 100644
--- a/files/en-us/web/api/web_components/using_custom_elements/index.md
+++ b/files/en-us/web/api/web_components/using_custom_elements/index.md
@@ -181,7 +181,7 @@ Built in HTML elements can have different _states_, such as "hover", "disabled",
 Some of these states can be set as attributes using HTML or JavaScript, while others are internal, and cannot.
 Whether external or internal, commonly these states have corresponding CSS [pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes) that can be used to select and style the element when it is in a particular state.
 
-Autonomous custom elements (but not elements based on built-in elements) also allow you to define states and select against them using _custom state pseudo-classes_.
+Autonomous custom elements (but not elements based on built-in elements) also allow you to define states and select against them using the [`:state()`](/en-US/docs/Web/CSS/:state) pseudo-class function.
 The code below shows how this works using the example of an autonomous custom element that has an internal state "`collapsed`".
 
 The `collapsed` state is represented as a boolean property (with setter and getter methods) that is not visible outside of the element.
@@ -215,7 +215,8 @@ class MyCustomElement extends HTMLElement {
 customElements.define("my-custom-element", MyCustomElement);
 ```
 
-After adding `<my-custom-element>` to the HTML we can use the identifier added to the `CustomStateSet`, passed to the `:state()` function, as a custom state pseudo-class for selecting the element state.
+We can use the identifier added to the custom element's `CustomStateSet` (`this._internals.states`) for matching the element's custom state.
+This is matched by passing the identifier to the [`:state()`](/en-US/docs/Web/CSS/:state) pseudo-class.
 For example, below we select on the `hidden` state being true (and hence the element's `collapsed` state) using the `:hidden` selector, and remove the border.
 
 ```css
@@ -227,7 +228,9 @@ my-custom-element:state(hidden) {
 }
 ```
 
-There is are more complete live example in {{domxref("CustomStateSet")}}.
+The `:state()` pseudo-class can also be used within the [`:host()`](/en-US/docs/Web/CSS/:host_function) pseudo-class function to match a custom state [within a custom element's shadow DOM](/en-US/docs/Web/CSS/:state#matching_a_custom_state_in_a_custom_elements_shadow_dom). Additionally, the `:state()` pseudo-class can be used after the [`::part()`](/en-US/docs/Web/CSS/::part) pseudo-element to match the [shadow parts](/en-US/docs/Web/CSS/CSS_shadow_parts) of a custom element that is in a particular state.
+
+There are several live examples in {{domxref("CustomStateSet")}} showing how this works.
 
 ## Examples
 
diff --git a/files/en-us/web/css/_colon_host-context/index.md b/files/en-us/web/css/_colon_host-context/index.md
index 33aa3c355c665c5..336025fc432d2f7 100644
--- a/files/en-us/web/css/_colon_host-context/index.md
+++ b/files/en-us/web/css/_colon_host-context/index.md
@@ -91,6 +91,7 @@ The `:host-context(h1) { font-style: italic; }` and `:host-context(h1):after { c
 - [Web components](/en-US/docs/Web/API/Web_components)
 - CSS {{cssxref(":host")}} pseudo-class
 - CSS {{cssxref(":host_function", ":host()")}} pseudo-class
+- CSS {{cssxref(":state",":state()")}} pseudo-class
 - CSS {{CSSXref("::slotted")}} pseudo-element
 - HTML {{HTMLElement("template")}} element
 - [CSS scoping](/en-US/docs/Web/CSS/CSS_scoping) module
diff --git a/files/en-us/web/css/_colon_host/index.md b/files/en-us/web/css/_colon_host/index.md
index 632c18916f89b78..ba18bf68f955383 100644
--- a/files/en-us/web/css/_colon_host/index.md
+++ b/files/en-us/web/css/_colon_host/index.md
@@ -77,5 +77,6 @@ The `:host { background: rgb(0 0 0 / 10%); padding: 2px 5px; }` rule styles all
 - [Web components](/en-US/docs/Web/API/Web_components)
 - {{cssxref(":host_function", ":host()")}}
 - {{cssxref(":host-context", ":host-context()")}}
-- {{CSSXref("::slotted")}}
+- {{CSSxref("::slotted")}}
+- {{CSSxRef(":state",":state()")}}
 - [CSS scoping](/en-US/docs/Web/CSS/CSS_scoping) module
diff --git a/files/en-us/web/css/_colon_host_function/index.md b/files/en-us/web/css/_colon_host_function/index.md
index 8b3cb56245b1ffc..39dc6bfab1d7e30 100644
--- a/files/en-us/web/css/_colon_host_function/index.md
+++ b/files/en-us/web/css/_colon_host_function/index.md
@@ -80,3 +80,4 @@ The `:host(.footer) { color : red; }` rule styles all instances of the `<context
 - [Web components](/en-US/docs/Web/API/Web_components)
 - {{CSSxRef(":host")}}
 - {{CSSxRef(":host-context", ":host-context()")}}
+- {{CSSxRef(":state",":state()")}}
diff --git a/files/en-us/web/css/_colon_state/index.md b/files/en-us/web/css/_colon_state/index.md
new file mode 100644
index 000000000000000..9c68af6d18a7447
--- /dev/null
+++ b/files/en-us/web/css/_colon_state/index.md
@@ -0,0 +1,110 @@
+---
+title: ":state()"
+slug: Web/CSS/:state
+page-type: css-pseudo-class
+status:
+  - experimental
+browser-compat: css.selectors.state
+---
+
+{{CSSRef}}{{SeeCompatTable}}
+
+The **`:state()`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS/Pseudo-classes) matches [custom elements](/en-US/docs/Web/API/Web_components/Using_custom_elements) that have the specified custom state.
+
+## Syntax
+
+The `:state()` pseudo-class takes as its argument a custom identifier that represents the state of the custom element to match.
+
+```css-nolint
+:state(<custom identifier>) {
+  /* ... */
+}
+```
+
+## Description
+
+Elements can transition between states due to user interaction and other factors.
+For instance, an element can be in the "hover" state when a user hovers over the element, or a link can be in the "visited" state after a user clicks on it.
+Elements provided by browsers can be styled based on these states using CSS pseudo-classes such as [`:hover`](/en-US/docs/Web/CSS/:hover) and [`:visited`](/en-US/docs/Web/CSS/:visited).
+Similarly, [autonomous custom elements](/en-US/docs/Web/API/Web_components/Using_custom_elements#types_of_custom_element) (custom elements that are not derived from built-in elements) can expose their states, allowing pages that use the elements to style them using the CSS `:state()` pseudo-class.
+
+The states of a custom element are represented by string values.
+These values are added to or removed from a [`CustomStateSet`](/en-US/docs/Web/API/CustomStateSet) object associated with the element.
+The CSS `:state()` pseudo-class matches an element when the identifier, passed as an argument, is present in the `CustomStateSet` of the element.
+
+The `:state()` pseudo-class can also be used to match custom states within the implementation of a custom element.
+This is achieved by using `:state()` within the [`:host()`](/en-US/docs/Web/CSS/:host_function) pseudo-class function, which matches a state only within the shadow DOM of the current custom element.
+
+Additionally, the [`::part()`](/en-US/docs/Web/CSS/::part) pseudo-element followed by the `:state()` pseudo-class allows matching on the [shadow parts](/en-US/docs/Web/CSS/CSS_shadow_parts) of a custom element that are in a particular state. (**Shadow parts** are parts of a custom element's shadow tree that are explicitly exposed to a containing page for styling purposes.)
+
+## Examples
+
+### Matching a custom state
+
+This CSS shows how to change the border of the autonomous custom element `<labeled-checkbox>` to `red` when it is in the "checked" state.
+
+```css
+labeled-checkbox {
+  border: dashed red;
+}
+labeled-checkbox:state(checked) {
+  border: solid;
+}
+```
+
+For a live example of this code in action, see the [Matching the custom state of a custom checkbox element](/en-US/docs/Web/API/CustomStateSet#matching_the_custom_state_of_a_custom_checkbox_element) example on the `CustomStateSet` page.
+
+### Matching a custom state in a custom element's shadow DOM
+
+This example shows how the `:state()` pseudo-class can be used within the [`:host()`](/en-US/docs/Web/CSS/:host_function) pseudo-class function to match custom states within the implementation of a custom element.
+
+The following CSS injects a grey `[x]` before the element when it is in the "checked" state.
+
+```css
+:host(:state(checked))::before {
+  content: "[x]";
+}
+```
+
+For a live example of this code in action, see the [Matching the custom state of a custom checkbox element](/en-US/docs/Web/API/CustomStateSet#matching_the_custom_state_of_a_custom_checkbox_element) example on the `CustomStateSet` page.
+
+### Matching a custom state in a shadow part
+
+This example shows how the `:state()` pseudo-class can be used to target the [shadow parts](/en-US/docs/Web/CSS/CSS_shadow_parts) of a custom element.
+
+Shadow parts are defined and named using the [`part`](/en-US/docs/Web/HTML/Global_attributes#part) attribute.
+For example, consider a custom element named `<question-box>` that uses a `<labeled-checkbox>` custom element as a shadow part named `checkbox`:
+
+```js
+shadowRoot.innerHTML = `<labeled-checkbox part='checkbox'>Yes</labeled-checkbox>`;
+```
+
+The CSS below shows how the [`::part()`](/en-US/docs/Web/CSS/::part) pseudo-element can be used to match against the `'checkbox'` shadow part.
+It then shows how the `::part()` pseudo-element followed by the `:state()` pseudo-class can be used to match against the same part when it is in the `checked` state.
+
+```css
+question-box::part(checkbox) {
+  color: red;
+}
+
+question-box::part(checkbox):state(checked) {
+  color: green;
+}
+```
+
+For a live example of this code in action, see the [Matching a custom state in a shadow part of a custom element](/en-US/docs/Web/API/CustomStateSet#matching_a_custom_state_in_a_shadow_part_of_a_custom_element) example on the `CustomStateSet` page.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [`CustomStateSet`](/en-US/docs/Web/API/CustomStateSet)
+- [Pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes)
+- [Pseudo-classes and pseudo-elements](/en-US/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements)
+- [Custom states and custom state pseudo-class CSS selectors](/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_states_and_custom_state_pseudo-class_css_selectors) in [Using custom elements](/en-US/docs/Web/API/Web_components/Using_custom_elements)
diff --git a/files/en-us/web/css/_doublecolon_part/index.md b/files/en-us/web/css/_doublecolon_part/index.md
index dfcba70bd981aca..49863161c16d760 100644
--- a/files/en-us/web/css/_doublecolon_part/index.md
+++ b/files/en-us/web/css/_doublecolon_part/index.md
@@ -108,6 +108,7 @@ globalThis.customElements.define(
 
 ## See also
 
-- The [`part`](/en-US/docs/Web/HTML/Global_attributes#part) attribute - Used to define parts which can be selected by the `::part()` selector
-- The [`exportparts`](/en-US/docs/Web/HTML/Global_attributes#exportparts) attribute - Used to transitively export shadow parts from a nested shadow tree into a containing light tree.
+- [`part`](/en-US/docs/Web/HTML/Global_attributes#part) attribute
+- {{CSSxRef(":state",":state()")}} pseudo-class function
+- [`exportparts`](/en-US/docs/Web/HTML/Global_attributes#exportparts) attribute
 - [CSS shadow parts](/en-US/docs/Web/CSS/CSS_shadow_parts) module
diff --git a/files/en-us/web/css/css_selectors/index.md b/files/en-us/web/css/css_selectors/index.md
index ee9417f47b6a0f5..0dff5c33ec3f57f 100644
--- a/files/en-us/web/css/css_selectors/index.md
+++ b/files/en-us/web/css/css_selectors/index.md
@@ -142,6 +142,7 @@ Selectors, whether used in CSS or JavaScript, enable targeting HTML elements bas
 ## Related concepts
 
 - {{CSSXref(":popover-open")}} pseudo-class
+- {{CSSXref(":state","state()")}} pseudo-class
 - [CSS nesting](/en-US/docs/Web/CSS/CSS_nesting) module
 
   - : [`&` nesting selector](/en-US/docs/Web/CSS/Nesting_selector)

From dfcf6a5e41541d77e71a82f4f82c935b4900942f Mon Sep 17 00:00:00 2001
From: Frank Dana <ferdnyc@gmail.com>
Date: Fri, 9 Feb 2024 16:10:02 -0500
Subject: [PATCH 715/790] Remove paragraph explaining deleted example (#32191)

The example content was removed in
2344afbffd22b7932b755d6c74b8242ededdfbd2
---
 files/en-us/web/css/hyphenate-limit-chars/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/web/css/hyphenate-limit-chars/index.md b/files/en-us/web/css/hyphenate-limit-chars/index.md
index 2bf1ec4addda469..b8c400c56faf439 100644
--- a/files/en-us/web/css/hyphenate-limit-chars/index.md
+++ b/files/en-us/web/css/hyphenate-limit-chars/index.md
@@ -11,8 +11,6 @@ The **`hyphenate-limit-chars`** [CSS](/en-US/docs/Web/CSS) property specifies th
 
 This property provides you with fine-grained control over hyphenation in text. This control enables you to avoid awkward hyphenations and set appropriate hyphenation for different languages, which, in turn, allows for better typography.
 
-In the interactive example above, the default minimum word length setting of `hyphenate-limit-chars` is too large for either of the long words to be hyphenated, and so the output looks untidy. However, by choosing the other value option, the minimum word length limit is reduced. This allows both the long words to be hyphenated, making for a neater layout.
-
 ## Syntax
 
 ```css

From a34d62daf2294f7f4d1f339cee60ba58c109ae01 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Fri, 9 Feb 2024 17:15:07 -0800
Subject: [PATCH 716/790] Update social media (#32194)

* remove X

* remove X
---
 files/en-us/mdn/mdn_product_advisory_board/index.md       | 2 +-
 files/en-us/web/api/server-sent_events/index.md           | 2 +-
 .../en-us/web/html/global_attributes/contextmenu/index.md | 8 ++++----
 .../tutorials/js13kgames/app_structure/index.md           | 5 -----
 4 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/files/en-us/mdn/mdn_product_advisory_board/index.md b/files/en-us/mdn/mdn_product_advisory_board/index.md
index 53a908a46905c22..017ad08a996b545 100644
--- a/files/en-us/mdn/mdn_product_advisory_board/index.md
+++ b/files/en-us/mdn/mdn_product_advisory_board/index.md
@@ -36,7 +36,7 @@ Current members of the MDN Product Advisory Board are:
   - : Joe has led Google's effort to create web platform reference documentation for the last five years, which means he spends a lot of time on MDN. In addition to editing the Chrome beta release announcements targeted at web developers, he writes the occasional article for web.dev. Joe came to Web Developer Relations after a long career writing developer reference documentation for enterprise applications and a degree in education from the University of Central Missouri.
 - **Eric Meyer**
   Developer Advocate, Igalia
-  - : [Eric](https://meyerweb.com/) ([@meyerweb](https://twitter.com/meyerweb)) is an [author](https://meyerweb.com/eric/writing.html), speaker, blogger, sometimes teacher and consultant, Developer Advocate at [Igalia](https://www.igalia.com/), and co-founder of [An Event Apart](https://aneventapart.com/). He's been working on the Web since 1993 and still finds it deeply compelling.
+  - : [Eric](https://meyerweb.com/) ([@meyerweb](https://mastodon.social/@Meyerweb)) is an [author](https://meyerweb.com/eric/writing.html), speaker, blogger, sometimes teacher and consultant, Developer Advocate at [Igalia](https://www.igalia.com/), and co-founder of [An Event Apart](https://aneventapart.com/). He's been working on the Web since 1993 and still finds it deeply compelling.
 - **Laura Morinigo**
   Web Developer Advocate, Samsung
   - : Laura is a software developer, advocate, and mentor. She is passionate about sharing her knowledge and connecting with different tech communities worldwide. Thanks to her contributions, she has been recognized as a Google Developer Expert and a Woman Techmakers Ambassador. As a mentor, she helped startups participating in accelerator programs like Google Launchpad and the World Food Programme by the United Nations. Currently, she is a web developer advocate for Samsung Internet. She contributes to web standards and spreads the word about advanced web features, helping developers create great and more inclusive web apps.
diff --git a/files/en-us/web/api/server-sent_events/index.md b/files/en-us/web/api/server-sent_events/index.md
index b9621546a2cb385..8566aa88e347241 100644
--- a/files/en-us/web/api/server-sent_events/index.md
+++ b/files/en-us/web/api/server-sent_events/index.md
@@ -49,4 +49,4 @@ To learn how to use server-sent events, see our article [Using server-sent event
 
 ### Other resources
 
-- A [Twitter like application](https://hacks.mozilla.org/2011/06/a-wall-powered-by-eventsource-and-server-sent-events/) powered by server-sent events and [its code on GitHub](https://github.com/mozilla/webowonder-demos/tree/master/demos/friends%20timeline).
+- [Creating a wall/feed social application](https://hacks.mozilla.org/2011/06/a-wall-powered-by-eventsource-and-server-sent-events/) powered by server-sent events and [its code on GitHub](https://github.com/mozilla/webowonder-demos/tree/master/demos/friends%20timeline).
diff --git a/files/en-us/web/html/global_attributes/contextmenu/index.md b/files/en-us/web/html/global_attributes/contextmenu/index.md
index 79a191d81b7bf3b..85e4adeb223a525 100644
--- a/files/en-us/web/html/global_attributes/contextmenu/index.md
+++ b/files/en-us/web/html/global_attributes/contextmenu/index.md
@@ -22,13 +22,13 @@ A _context menu_ is a menu that appears upon user interaction, such as a right-c
 <body contextmenu="share">
   <menu type="context" id="share">
     <menu label="share">
-      <menuitem label="Twitter" onclick="shareViaTwitter()"></menuitem>
+      <menuitem label="LinkedIn" onclick="shareViaLinkedIn()"></menuitem>
       <menuitem label="Facebook" onclick="shareViaFacebook()"></menuitem>
     </menu>
   </menu>
   <ol>
     <li>
-      Anywhere in the example you can share the page on Twitter and Facebook
+      Anywhere in the example you can share the page on LinkedIn and Facebook
       using the Share menu from your context menu.
     </li>
     <li contextmenu="changeFont" id="fontSizing">
@@ -58,9 +58,9 @@ A _context menu_ is a menu that appears upon user interaction, such as a right-c
 ### JavaScript
 
 ```js
-function shareViaTwitter() {
+function shareViaLinkedIn() {
   window.open(
-    "https://twitter.com/intent/tweet?text=" +
+    "https://www.linkedin.com/shareArticle?url=" +
       "Hurray! I am learning ContextMenu from MDN via Mozilla",
   );
 }
diff --git a/files/en-us/web/progressive_web_apps/tutorials/js13kgames/app_structure/index.md b/files/en-us/web/progressive_web_apps/tutorials/js13kgames/app_structure/index.md
index 042c46d6e7dbb68..d8285af632fbfc7 100644
--- a/files/en-us/web/progressive_web_apps/tutorials/js13kgames/app_structure/index.md
+++ b/files/en-us/web/progressive_web_apps/tutorials/js13kgames/app_structure/index.md
@@ -91,7 +91,6 @@ const template = `<article>
   <h3>#POS. NAME</h3>
   <ul>
   <li><span>Author:</span> <strong>AUTHOR</strong></li>
-  <li><span>Twitter:</span> <a href='https://twitter.com/TWITTER'>@TWITTER</a></li>
   <li><span>Website:</span> <a href='http://WEBSITE/'>WEBSITE</a></li>
   <li><span>GitHub:</span> <a href='https://GITHUB'>GITHUB</a></li>
   <li><span>More:</span> <a href='http://js13kgames.com/entries/SLUG'>js13kgames.com/entries/SLUG</a></li>
@@ -104,7 +103,6 @@ for (let i = 0; i < games.length; i++) {
     .replace(/SLUG/g, games[i].slug)
     .replace(/NAME/g, games[i].name)
     .replace(/AUTHOR/g, games[i].author)
-    .replace(/TWITTER/g, games[i].twitter)
     .replace(/WEBSITE/g, games[i].website)
     .replace(/GITHUB/g, games[i].github);
   entry = entry.replace("<a href='http:///'></a>", "-");
@@ -236,7 +234,6 @@ const games = [
     slug: "lost-in-cyberspace",
     name: "Lost in Cyberspace",
     author: "Zosia and Bartek",
-    twitter: "bartaz",
     website: "",
     github: "github.com/bartaz/lost-in-cyberspace",
   },
@@ -244,7 +241,6 @@ const games = [
     slug: "vernissage",
     name: "Vernissage",
     author: "Platane",
-    twitter: "platane_",
     website: "github.com/Platane",
     github: "github.com/Platane/js13k-2017",
   },
@@ -253,7 +249,6 @@ const games = [
     slug: "emma-3d",
     name: "Emma-3D",
     author: "Prateek Roushan",
-    twitter: "",
     website: "",
     github: "github.com/coderprateek/Emma-3D",
   },

From 71306eff3262a35f913b9b5e91fdc22ed697caae Mon Sep 17 00:00:00 2001
From: getsnoopy <getsnoopy@users.noreply.github.com>
Date: Fri, 9 Feb 2024 19:27:14 -0600
Subject: [PATCH 717/790] Remove jargon from :focus-visible (#32200)

---
 files/en-us/web/css/_colon_focus-visible/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/_colon_focus-visible/index.md b/files/en-us/web/css/_colon_focus-visible/index.md
index 980b383fc474694..12722b432a52f05 100644
--- a/files/en-us/web/css/_colon_focus-visible/index.md
+++ b/files/en-us/web/css/_colon_focus-visible/index.md
@@ -23,7 +23,7 @@ This selector is useful to provide a different focus indicator based on the user
 
 ## :focus vs :focus-visible
 
-Originally, user-agent CSS set focus styles based only on the `:focus` pseudo-class, styling most focused elements with a focus ring outline. This meant all elements, including all links and buttons, had a focus ring applied when focused, which many found ugly. Because of the appearance, some authors removed the user-agent outline focus styles. Changing focus style can negatively impact usability, while removing focus styles makes keyboard navigation inaccessible for sighted users.
+Originally, user-agent CSS set focus styles based only on the `:focus` pseudo-class, styling most focused elements with a focus ring outline. This meant all elements, including all links and buttons, had a focus ring applied when focused, which many found ugly. Because of the appearance, some authors removed the user-agent outline focus styles. Changing focus style can decrease usability, while removing focus styles makes keyboard navigation inaccessible for sighted users.
 
 Browsers no longer visibly indicate focus (such as by drawing a "focus ring"), around each element when it has focus. Instead, they use a variety of heuristics to provide focus indicators only when it would be most helpful to the user. For instance, when a button is clicked using a pointing device, the focus is generally not visually indicated, but when a text box needing user input has focus, focus is indicated. While focus styles are always required when users are navigating the page with the keyboard or when focus is managed via scripts, focus styles are not required when the user knows where they are putting focus, such as when they use a pointing device such as a mouse or finger to physically set focus on an element, unless that element continues to need user attention.
 

From 0fe8f4d7e9cd5b1b6a39e9fa047468206d3c3ca2 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Sat, 10 Feb 2024 15:15:11 +0530
Subject: [PATCH 718/790] Synchronize with BCD v5.5.10 (#32198)

Co-authored-by: OnkarRuikar <OnkarRuikar@users.noreply.github.com>
---
 files/en-us/web/api/cssscoperule/end/index.md            | 4 +---
 files/en-us/web/api/cssscoperule/index.md                | 8 +++-----
 files/en-us/web/api/cssscoperule/start/index.md          | 4 +---
 files/en-us/web/api/htmlobjectelement/index.md           | 2 +-
 files/en-us/web/api/htmlobjectelement/usemap/index.md    | 4 +++-
 files/en-us/web/api/idbindex/index.md                    | 4 ++--
 files/en-us/web/api/idbindex/isautolocale/index.md       | 3 +--
 files/en-us/web/api/idbindex/locale/index.md             | 3 +--
 files/en-us/web/css/@scope/index.md                      | 4 +---
 files/en-us/web/css/_doublecolon_grammar-error/index.md  | 4 +---
 files/en-us/web/css/_doublecolon_spelling-error/index.md | 4 +---
 files/en-us/web/css/color_value/light-dark/index.md      | 4 +---
 files/en-us/web/css/text-wrap/index.md                   | 4 ++--
 files/en-us/web/css/transition-behavior/index.md         | 4 +---
 files/en-us/web/css/white-space-collapse/index.md        | 4 +---
 files/en-us/web/html/element/head/index.md               | 2 +-
 files/en-us/web/html/element/html/index.md               | 2 +-
 files/en-us/web/html/element/html/manifest/index.md      | 3 +--
 files/en-us/web/html/element/iframe/index.md             | 2 +-
 files/en-us/web/html/element/object/index.md             | 2 +-
 files/en-us/web/security/iframe_credentialless/index.md  | 3 +--
 21 files changed, 27 insertions(+), 47 deletions(-)

diff --git a/files/en-us/web/api/cssscoperule/end/index.md b/files/en-us/web/api/cssscoperule/end/index.md
index 26fdcfd2c565a3c..bcd482ad08389e3 100644
--- a/files/en-us/web/api/cssscoperule/end/index.md
+++ b/files/en-us/web/api/cssscoperule/end/index.md
@@ -3,12 +3,10 @@ title: "CSSScopeRule: end property"
 short-title: end
 slug: Web/API/CSSScopeRule/end
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.CSSScopeRule.end
 ---
 
-{{APIRef("CSSOM")}}{{SeeCompatTable}}
+{{APIRef("CSSOM")}}
 
 The **`end`** property of the {{domxref("CSSScopeRule")}} interface returns a string containing the value of the `@scope` at-rule's scope limit.
 
diff --git a/files/en-us/web/api/cssscoperule/index.md b/files/en-us/web/api/cssscoperule/index.md
index d766563b517c16a..500a7361bf341be 100644
--- a/files/en-us/web/api/cssscoperule/index.md
+++ b/files/en-us/web/api/cssscoperule/index.md
@@ -2,12 +2,10 @@
 title: CSSScopeRule
 slug: Web/API/CSSScopeRule
 page-type: web-api-interface
-status:
-  - experimental
 browser-compat: api.CSSScopeRule
 ---
 
-{{ APIRef("CSSOM") }}{{SeeCompatTable}}
+{{ APIRef("CSSOM") }}
 
 The **`CSSScopeRule`** interface of the [CSS Object Model](/en-US/docs/Web/API/CSS_Object_Model) represents a CSS {{CSSxRef("@scope")}} at-rule.
 
@@ -17,9 +15,9 @@ The **`CSSScopeRule`** interface of the [CSS Object Model](/en-US/docs/Web/API/C
 
 _This interface inherits properties from its parent, {{domxref("CSSGroupingRule")}}._
 
-- {{domxref("CSSScopeRule.end", "end")}} {{experimental_inline}}
+- {{domxref("CSSScopeRule.end", "end")}}
   - : Returns a string containing the value of the `@scope` at-rule's scope limit.
-- {{domxref("CSSScopeRule.start", "start")}} {{experimental_inline}}
+- {{domxref("CSSScopeRule.start", "start")}}
   - : Returns a string containing the value of the `@scope` at-rule's scope root.
 
 ## Instance methods
diff --git a/files/en-us/web/api/cssscoperule/start/index.md b/files/en-us/web/api/cssscoperule/start/index.md
index 3a2f6f3b21b5fa8..18179ee0e87ba1f 100644
--- a/files/en-us/web/api/cssscoperule/start/index.md
+++ b/files/en-us/web/api/cssscoperule/start/index.md
@@ -3,12 +3,10 @@ title: "CSSScopeRule: start property"
 short-title: start
 slug: Web/API/CSSScopeRule/start
 page-type: web-api-instance-property
-status:
-  - experimental
 browser-compat: api.CSSScopeRule.start
 ---
 
-{{APIRef("CSSOM")}}{{SeeCompatTable}}
+{{APIRef("CSSOM")}}
 
 The **`start`** property of the {{domxref("CSSScopeRule")}} interface returns a string containing the value of the `@scope` at-rule's scope root.
 
diff --git a/files/en-us/web/api/htmlobjectelement/index.md b/files/en-us/web/api/htmlobjectelement/index.md
index 3515c7c366eb5c5..a47c45367028ba1 100644
--- a/files/en-us/web/api/htmlobjectelement/index.md
+++ b/files/en-us/web/api/htmlobjectelement/index.md
@@ -47,7 +47,7 @@ _Inherits properties from its parent, {{domxref("HTMLElement")}}._
   - : A string that reflects the [`standby`](/en-US/docs/Web/HTML/Element/object#standby) HTML attribute, specifying a message to display while the object loads.
 - {{domxref("HTMLObjectElement.type")}}
   - : A string that reflects the [`type`](/en-US/docs/Web/HTML/Element/object#type) HTML attribute, specifying the MIME type of the resource.
-- {{domxref("HTMLObjectElement.useMap")}}
+- {{domxref("HTMLObjectElement.useMap")}} {{deprecated_inline}}
   - : A string that reflects the [`usemap`](/en-US/docs/Web/HTML/Element/object#usemap) HTML attribute, specifying a {{HTMLElement("map")}} element to use.
 - {{domxref("HTMLObjectElement.validationMessage")}} {{ReadOnlyInline}}
   - : Returns a string representing 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 (`willValidate` is `false`), or it satisfies its constraints.
diff --git a/files/en-us/web/api/htmlobjectelement/usemap/index.md b/files/en-us/web/api/htmlobjectelement/usemap/index.md
index fe2a04ddb5fc449..82b534bef5434fb 100644
--- a/files/en-us/web/api/htmlobjectelement/usemap/index.md
+++ b/files/en-us/web/api/htmlobjectelement/usemap/index.md
@@ -3,10 +3,12 @@ title: "HTMLObjectElement: useMap property"
 short-title: useMap
 slug: Web/API/HTMLObjectElement/useMap
 page-type: web-api-instance-property
+status:
+  - deprecated
 browser-compat: api.HTMLObjectElement.useMap
 ---
 
-{{APIRef("HTML DOM")}}
+{{APIRef("HTML DOM")}}{{deprecated_header}}
 
 The **`useMap`** property of the
 {{domxref("HTMLObjectElement")}} interface returns a string that
diff --git a/files/en-us/web/api/idbindex/index.md b/files/en-us/web/api/idbindex/index.md
index ec5f56775b4ef93..6e65ca3ebc5c877 100644
--- a/files/en-us/web/api/idbindex/index.md
+++ b/files/en-us/web/api/idbindex/index.md
@@ -19,9 +19,9 @@ You can grab a set of keys within a range. To learn more, see {{domxref("IDBKeyR
 
 ## Instance properties
 
-- {{domxref("IDBIndex.isAutoLocale")}} {{ReadOnlyInline}} {{ non-standard_inline }} {{experimental_inline}}
+- {{domxref("IDBIndex.isAutoLocale")}} {{ReadOnlyInline}} {{ non-standard_inline }} {{deprecated_inline}}
   - : Returns a boolean value indicating whether the index had a `locale` value of `auto` specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).)
-- {{domxref("IDBIndex.locale")}} {{ReadOnlyInline}} {{ non-standard_inline }} {{experimental_inline}}
+- {{domxref("IDBIndex.locale")}} {{ReadOnlyInline}} {{ non-standard_inline }} {{deprecated_inline}}
   - : Returns the locale of the index (for example `en-US`, or `pl`) if it had a `locale` value specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).)
 - {{domxref("IDBIndex.name")}}
   - : The name of this index.
diff --git a/files/en-us/web/api/idbindex/isautolocale/index.md b/files/en-us/web/api/idbindex/isautolocale/index.md
index ed3f3bf8c7b5c3c..988af9fbd30cb61 100644
--- a/files/en-us/web/api/idbindex/isautolocale/index.md
+++ b/files/en-us/web/api/idbindex/isautolocale/index.md
@@ -5,12 +5,11 @@ slug: Web/API/IDBIndex/isAutoLocale
 page-type: web-api-instance-property
 status:
   - deprecated
-  - experimental
   - non-standard
 browser-compat: api.IDBIndex.isAutoLocale
 ---
 
-{{APIRef("IndexedDB")}}{{deprecated_header}}{{SeeCompatTable}}{{non-standard_header}}
+{{APIRef("IndexedDB")}}{{deprecated_header}}{{non-standard_header}}
 
 The **`isAutoLocale`** read-only property of the {{domxref("IDBIndex")}} interface returns a boolean value indicating whether the index had a `locale` value of `auto` specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).)
 
diff --git a/files/en-us/web/api/idbindex/locale/index.md b/files/en-us/web/api/idbindex/locale/index.md
index 1dddd23f4a3d7da..7accf6b94be4603 100644
--- a/files/en-us/web/api/idbindex/locale/index.md
+++ b/files/en-us/web/api/idbindex/locale/index.md
@@ -5,12 +5,11 @@ slug: Web/API/IDBIndex/locale
 page-type: web-api-instance-property
 status:
   - deprecated
-  - experimental
   - non-standard
 browser-compat: api.IDBIndex.locale
 ---
 
-{{APIRef("IndexedDB")}}{{deprecated_header}}{{SeeCompatTable}}{{non-standard_header}}
+{{APIRef("IndexedDB")}}{{deprecated_header}}{{non-standard_header}}
 
 The **`locale`** read-only property of the {{domxref("IDBIndex")}} interface returns the locale of the index (for example `en-US`, or `pl`) if it had a `locale` value specified upon its creation (see the [`options`](/en-US/docs/Web/API/IDBObjectStore/createIndex#options) parameter to [`IDBObjectStore.createIndex()`](/en-US/docs/Web/API/IDBObjectStore/createIndex).) Note that this property always returns the current locale being used in this index, in other words, it never returns `"auto"`.
 
diff --git a/files/en-us/web/css/@scope/index.md b/files/en-us/web/css/@scope/index.md
index f0bcf0cc7837a0b..637eaf0af2e9d00 100644
--- a/files/en-us/web/css/@scope/index.md
+++ b/files/en-us/web/css/@scope/index.md
@@ -2,12 +2,10 @@
 title: "@scope"
 slug: Web/CSS/@scope
 page-type: css-at-rule
-status:
-  - experimental
 browser-compat: css.at-rules.scope
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
 The **`@scope`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule) enables you to select elements in specific DOM subtrees, targeting elements precisely without writing overly-specific selectors that are hard to override, and without coupling your selectors too tightly to the DOM structure.
 
diff --git a/files/en-us/web/css/_doublecolon_grammar-error/index.md b/files/en-us/web/css/_doublecolon_grammar-error/index.md
index 128943aad0bb979..1be1631fb7b88ff 100644
--- a/files/en-us/web/css/_doublecolon_grammar-error/index.md
+++ b/files/en-us/web/css/_doublecolon_grammar-error/index.md
@@ -2,12 +2,10 @@
 title: "::grammar-error"
 slug: Web/CSS/::grammar-error
 page-type: css-pseudo-element
-status:
-  - experimental
 browser-compat: css.selectors.grammar-error
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
 The **`::grammar-error`** [CSS](/en-US/docs/Web/CSS) [pseudo-element](/en-US/docs/Web/CSS/Pseudo-elements) represents a text segment which the {{glossary("user agent")}} has flagged as grammatically incorrect.
 
diff --git a/files/en-us/web/css/_doublecolon_spelling-error/index.md b/files/en-us/web/css/_doublecolon_spelling-error/index.md
index 93c922caae7e3b7..276cce8ebac436b 100644
--- a/files/en-us/web/css/_doublecolon_spelling-error/index.md
+++ b/files/en-us/web/css/_doublecolon_spelling-error/index.md
@@ -2,12 +2,10 @@
 title: "::spelling-error"
 slug: Web/CSS/::spelling-error
 page-type: css-pseudo-element
-status:
-  - experimental
 browser-compat: css.selectors.spelling-error
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
 The **`::spelling-error`** [CSS](/en-US/docs/Web/CSS) [pseudo-element](/en-US/docs/Web/CSS/Pseudo-elements) represents a text segment which the {{glossary("user agent")}} has flagged as incorrectly spelled.
 
diff --git a/files/en-us/web/css/color_value/light-dark/index.md b/files/en-us/web/css/color_value/light-dark/index.md
index fc9471a4d2f6308..22e38f42d05fda8 100644
--- a/files/en-us/web/css/color_value/light-dark/index.md
+++ b/files/en-us/web/css/color_value/light-dark/index.md
@@ -2,12 +2,10 @@
 title: light-dark()
 slug: Web/CSS/color_value/light-dark
 page-type: css-function
-status:
-  - experimental
 browser-compat: css.types.color.light-dark
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
 The **`light-dark()`** [CSS](/en-US/docs/Web/CSS) [`<color>` function](/en-US/docs/Web/CSS/CSS_Functions#color_functions) enables setting two colors for a property - returning one of the two colors options by detecting if the developer has set a light or dark color scheme or the user has requested light or dark color theme - without needing to encase the theme colors within a [`prefers-color-scheme`](/en-US/docs/Web/CSS/@media/prefers-color-scheme) [media feature](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries#targeting_media_features) query.
 Users are able to indicate their color-scheme preference through their operating system settings (e.g. light or dark mode) or their user agent settings. The `light-dark()` function enables providing two color values where any `<color>` value is accepted. The `light-dark()` CSS color function returns the first value if the user's preference is set to `light` or if no preference is set and the second value if the user's preference is set to `dark`.
diff --git a/files/en-us/web/css/text-wrap/index.md b/files/en-us/web/css/text-wrap/index.md
index c028added4b9bc3..bd0e23173e9a03c 100644
--- a/files/en-us/web/css/text-wrap/index.md
+++ b/files/en-us/web/css/text-wrap/index.md
@@ -36,9 +36,9 @@ The `text-wrap` property is specified as a single keyword chosen from the list o
 
 ### Values
 
-- `wrap` {{experimental_inline}}
+- `wrap`
   - : Text is wrapped across lines at appropriate characters (for example spaces, in languages like English that use space separators) to minimize overflow. This is the default value.
-- `nowrap` {{experimental_inline}}
+- `nowrap`
   - : Text does not wrap across lines. It will overflow its containing element rather than breaking onto a new line.
 - `balance`
   - : Text is wrapped in a way that best balances the number of characters on each line, enhancing layout quality and legibility. Because counting characters and balancing them across multiple lines is computationally expensive, this value is only supported for blocks of text spanning a limited number of lines (six or less for Chromium and ten or less for Firefox).
diff --git a/files/en-us/web/css/transition-behavior/index.md b/files/en-us/web/css/transition-behavior/index.md
index af86f5c82b15a7c..a446919d127c846 100644
--- a/files/en-us/web/css/transition-behavior/index.md
+++ b/files/en-us/web/css/transition-behavior/index.md
@@ -2,12 +2,10 @@
 title: transition-behavior
 slug: Web/CSS/transition-behavior
 page-type: css-property
-status:
-  - experimental
 browser-compat: css.properties.transition-behavior
 ---
 
-{{CSSRef}}{{SeeCompatTable}}
+{{CSSRef}}
 
 The **`transition-behavior`** [CSS](/en-US/docs/Web/CSS) property specifies whether transitions will be started for properties whose animation behavior is [discrete](/en-US/docs/Web/CSS/CSS_animated_properties#discrete).
 
diff --git a/files/en-us/web/css/white-space-collapse/index.md b/files/en-us/web/css/white-space-collapse/index.md
index 62bb00309a5ebaa..c2c99cd7d849fc5 100644
--- a/files/en-us/web/css/white-space-collapse/index.md
+++ b/files/en-us/web/css/white-space-collapse/index.md
@@ -2,12 +2,10 @@
 title: white-space-collapse
 slug: Web/CSS/white-space-collapse
 page-type: css-property
-status:
-  - experimental
 browser-compat: css.properties.white-space-collapse
 ---
 
-{{CSSRef}}{{seecompattable}}
+{{CSSRef}}
 
 The **`white-space-collapse`** CSS property controls how {{Glossary("whitespace", "white space")}} inside an element is collapsed.
 
diff --git a/files/en-us/web/html/element/head/index.md b/files/en-us/web/html/element/head/index.md
index 56978d6abe2b0ad..764877608e54cb4 100644
--- a/files/en-us/web/html/element/head/index.md
+++ b/files/en-us/web/html/element/head/index.md
@@ -15,7 +15,7 @@ The **`<head>`** [HTML](/en-US/docs/Web/HTML) element contains machine-readable
 
 This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
-- `profile` {{deprecated_inline}} {{Non-standard_Inline}}
+- `profile` {{deprecated_inline}}
   - : The {{glossary("URI")}}s of one or more metadata profiles, separated by {{Glossary("whitespace", "white space")}}.
 
 ## Examples
diff --git a/files/en-us/web/html/element/html/index.md b/files/en-us/web/html/element/html/index.md
index 5ec0313e03bc7eb..b9b78073cc300ca 100644
--- a/files/en-us/web/html/element/html/index.md
+++ b/files/en-us/web/html/element/html/index.md
@@ -62,7 +62,7 @@ The **`<html>`** [HTML](/en-US/docs/Web/HTML) element represents the root (top-l
 
 This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).
 
-- `manifest` {{deprecated_inline}} {{Non-standard_Inline}}
+- `manifest` {{deprecated_inline}}
   - : Specifies the {{glossary("URI")}} of a resource manifest indicating resources that should be cached locally.
 - `version` {{deprecated_inline}}
   - : Specifies the version of the HTML {{glossary("Doctype", "Document Type Definition")}} that governs the current document. This attribute is not needed, because it is redundant with the version information in the document type declaration.
diff --git a/files/en-us/web/html/element/html/manifest/index.md b/files/en-us/web/html/element/html/manifest/index.md
index 1c3b853b5e05388..5c9abf08941c1a5 100644
--- a/files/en-us/web/html/element/html/manifest/index.md
+++ b/files/en-us/web/html/element/html/manifest/index.md
@@ -4,11 +4,10 @@ slug: Web/HTML/Element/html/manifest
 page-type: html-attribute
 status:
   - deprecated
-  - non-standard
 browser-compat: html.elements.html.manifest
 ---
 
-{{securecontext_header}}{{Deprecated_Header}}{{Non-standard_Header}}
+{{securecontext_header}}{{Deprecated_Header}}
 
 The **`manifest`** attribute of the `<html>` element specifies a URL of an application cache manifest that is downloaded in the early stages of page load.
 
diff --git a/files/en-us/web/html/element/iframe/index.md b/files/en-us/web/html/element/iframe/index.md
index af73a1f7fc89391..6a51f104a0d2664 100644
--- a/files/en-us/web/html/element/iframe/index.md
+++ b/files/en-us/web/html/element/iframe/index.md
@@ -37,7 +37,7 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
 
     > **Note:** This attribute is considered a legacy attribute and redefined as `allow="payment"`.
 
-- `credentialless` {{Experimental_Inline}} {{Non-standard_Inline}}
+- `credentialless` {{Experimental_Inline}}
 
   - : Set to `true` to make the `<iframe>` credentialless, meaning that its content will be loaded in a new, ephemeral context. It doesn't have access to the network, cookies, and storage data associated with its origin. It uses a new context local to the top-level document lifetime. In return, the {{httpheader("Cross-Origin-Embedder-Policy")}} (COEP) embedding rules can be lifted, so documents with COEP set can embed third-party documents that do not. See [IFrame credentialless](/en-US/docs/Web/Security/IFrame_credentialless) for more details.
 
diff --git a/files/en-us/web/html/element/object/index.md b/files/en-us/web/html/element/object/index.md
index 561699e0b3397bc..babf77dea03526f 100644
--- a/files/en-us/web/html/element/object/index.md
+++ b/files/en-us/web/html/element/object/index.md
@@ -39,7 +39,7 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
   - : A message that the browser can show while loading the object's implementation and data.
 - `type`
   - : The [content type](/en-US/docs/Glossary/MIME_type) of the resource specified by **data**. At least one of **data** and **type** must be defined.
-- `usemap`
+- `usemap` {{deprecated_inline}}
   - : A hash-name reference to a {{HTMLElement("map")}} element; that is a '#' followed by the value of a [`name`](/en-US/docs/Web/HTML/Element/map#name) of a map element.
 - `width`
   - : The width of the display resource, in [CSS pixels](https://drafts.csswg.org/css-values/#px). — (Absolute values only. [NO percentages](https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes))
diff --git a/files/en-us/web/security/iframe_credentialless/index.md b/files/en-us/web/security/iframe_credentialless/index.md
index 7bc085be67a6e6d..875416d1098dfdd 100644
--- a/files/en-us/web/security/iframe_credentialless/index.md
+++ b/files/en-us/web/security/iframe_credentialless/index.md
@@ -4,12 +4,11 @@ slug: Web/Security/IFrame_credentialless
 page-type: guide
 status:
   - experimental
-  - non-standard
 browser-compat: html.elements.iframe.credentialless
 spec-urls: https://wicg.github.io/anonymous-iframe/
 ---
 
-{{QuickLinksWithSubpages("/en-US/docs/Web/Security")}}{{SeeCompatTable}}{{Non-standard_header}}
+{{QuickLinksWithSubpages("/en-US/docs/Web/Security")}}{{SeeCompatTable}}
 
 **IFrame credentialless** provides a mechanism for developers to load third-party resources in {{htmlelement("iframe")}}s using a new, ephemeral context. It doesn't have access to its regular origin's network, cookies, and storage data. It uses a new context local to the top-level document lifetime. In return, the {{httpheader("Cross-Origin-Embedder-Policy")}} (COEP) embedding rules can be lifted, so documents with COEP set can embed third-party documents that do not.
 

From 1f39f655c624e433c4bb78bee587c5ff99398688 Mon Sep 17 00:00:00 2001
From: Ahmed Hakeem <65634467+Ahmed-Hakeem@users.noreply.github.com>
Date: Sat, 10 Feb 2024 11:35:04 -0800
Subject: [PATCH 719/790] fix private features' link in classes overview page
 (#32206)

* fix private features' link in classes overview page

* Update files/en-us/web/javascript/reference/classes/index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 files/en-us/web/javascript/reference/classes/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/classes/index.md b/files/en-us/web/javascript/reference/classes/index.md
index 5f2d34f2ac63eb6..4698af5fcfd385d 100644
--- a/files/en-us/web/javascript/reference/classes/index.md
+++ b/files/en-us/web/javascript/reference/classes/index.md
@@ -179,7 +179,7 @@ class Rectangle {
 }
 ```
 
-Class fields are similar to object properties, not variables, so we don't use keywords such as `const` to declare them. In JavaScript, [private features](#private_class_features) use a special identifier syntax, so modifier keywords like `public` and `private` should not be used either.
+Class fields are similar to object properties, not variables, so we don't use keywords such as `const` to declare them. In JavaScript, [private features](#private_class_features_2) use a special identifier syntax, so modifier keywords like `public` and `private` should not be used either.
 
 As seen above, the fields can be declared with or without a default value. Fields without default values default to `undefined`. By declaring fields up-front, class definitions become more self-documenting, and the fields are always present, which help with optimizations.
 

From eb105da95e3bcde92cdc6bf870ce741c2b860dcd Mon Sep 17 00:00:00 2001
From: Daniel Kaplan <tieTYT@gmail.com>
Date: Sun, 11 Feb 2024 10:47:47 -0800
Subject: [PATCH 720/790] Mark good/bad examples (#32186)

* Style a bad example with example-bad

* Update index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../cant_access_lexical_declaration_before_init/index.md      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/javascript/reference/errors/cant_access_lexical_declaration_before_init/index.md b/files/en-us/web/javascript/reference/errors/cant_access_lexical_declaration_before_init/index.md
index ae088e819fd4bff..37783d0100c19c4 100644
--- a/files/en-us/web/javascript/reference/errors/cant_access_lexical_declaration_before_init/index.md
+++ b/files/en-us/web/javascript/reference/errors/cant_access_lexical_declaration_before_init/index.md
@@ -52,7 +52,7 @@ test();
 
 In this example, the imported variable `a` is accessed but is uninitialized, because the evaluation of `a.js` is blocked by the evaluation of the current module `b.js`.
 
-```js
+```js example-bad
 // -- a.js (entry module) --
 import { b } from "./b.js";
 
@@ -80,7 +80,7 @@ test();
 
 In this example, the imported variable `a` is asynchronously accessed, so both modules are evaluated before the access to `a` occurs.
 
-```js
+```js example-good
 // -- a.js (entry module) --
 import { b } from "./b.js";
 

From df94243f3fb3c275c9664608efd19e6656134263 Mon Sep 17 00:00:00 2001
From: Mal Curtis <mal@mal.co.nz>
Date: Mon, 12 Feb 2024 07:55:43 +1300
Subject: [PATCH 721/790] Use local permission not global value (#32169)

* Use local permission not global value

* Update index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../using_the_notifications_api/index.md      | 20 +++++++------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md b/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md
index bc52b1998ff578d..d0645a5d25dcf1a 100644
--- a/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md
+++ b/files/en-us/web/api/notifications_api/using_the_notifications_api/index.md
@@ -75,27 +75,21 @@ Clicking this calls the `askNotificationPermission()` function:
 
 ```js
 function askNotificationPermission() {
-  // function to actually ask the permissions
-  function handlePermission(permission) {
-    // set the button to shown or hidden, depending on what the user answers
-    notificationBtn.style.display =
-      Notification.permission === "granted" ? "none" : "block";
-  }
-
-  // Let's check if the browser supports notifications
+  // Check if the browser supports notifications
   if (!("Notification" in window)) {
     console.log("This browser does not support notifications.");
-  } else {
-    Notification.requestPermission().then((permission) => {
-      handlePermission(permission);
-    });
+    return;
   }
+  Notification.requestPermission().then((permission) => {
+    // set the button to shown or hidden, depending on what the user answers
+    notificationBtn.style.display = permission === "granted" ? "none" : "block";
+  });
 }
 ```
 
 Looking at the second main block first, you'll see that we first check to see if Notifications are supported. If they are, we run the promise-based version of `Notification.requestPermission()`, and if not, we log a message to the console.
 
-To avoid duplicating code, we have stored a few bits of housekeeping code inside the `handlePermission()` function, which is the first main block inside this snippet. Inside here we explicitly set the `Notification.permission` value (some old versions of Chrome failed to do this automatically), and show or hide the button depending on what the user chose in the permission dialog. We don't want to show it if permission has already been granted, but if the user chose to deny permission, we want to give them the chance to change their mind later on.
+Inside the promise resolution handler passed to `then`, we show or hide the button depending on what the user chose in the permission dialog. We don't want to show it if permission has already been granted, but if the user chose to deny permission, we want to give them the chance to change their mind later on.
 
 ## Creating a notification
 

From 5171a5ddaa259d93b4c006c3c1779fdde6590c13 Mon Sep 17 00:00:00 2001
From: Abrham007 <138675670+Abrham007@users.noreply.github.com>
Date: Sun, 11 Feb 2024 21:59:54 +0300
Subject: [PATCH 722/790] Canvas API: Remove "false" from addEventListener
 (#32174)

* Update index.md

Removed the capture third argument to the addEventLIstener  because it is false by default.

* Update index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../web/api/canvas_api/tutorial/using_images/index.md  | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/files/en-us/web/api/canvas_api/tutorial/using_images/index.md b/files/en-us/web/api/canvas_api/tutorial/using_images/index.md
index d72c8e62dc595a4..4024d79e03b4682 100644
--- a/files/en-us/web/api/canvas_api/tutorial/using_images/index.md
+++ b/files/en-us/web/api/canvas_api/tutorial/using_images/index.md
@@ -69,13 +69,9 @@ If you try to call `drawImage()` before the image has finished loading, it won't
 
 ```js
 const img = new Image(); // Create new img element
-img.addEventListener(
-  "load",
-  () => {
-    // execute drawImage statements here
-  },
-  false,
-);
+img.addEventListener("load", () => {
+  // execute drawImage statements here
+});
 img.src = "myImage.png"; // Set source path
 ```
 

From f8066bc2967fb16c5107c2b4bdab7a99f26f7d72 Mon Sep 17 00:00:00 2001
From: Yarden Shoham <git@yardenshoham.com>
Date: Sun, 11 Feb 2024 21:02:17 +0200
Subject: [PATCH 723/790] Fix broken anchor in datetime-local (#32217)

Fix broken reference in datetime-local

The link was missing two words
---
 files/en-us/web/html/element/input/datetime-local/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/html/element/input/datetime-local/index.md b/files/en-us/web/html/element/input/datetime-local/index.md
index 780e2761e5eb75d..450e093d8b0b113 100644
--- a/files/en-us/web/html/element/input/datetime-local/index.md
+++ b/files/en-us/web/html/element/input/datetime-local/index.md
@@ -107,7 +107,7 @@ In either case, the date/time and time zone values would be submitted to the ser
 
 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 date/time — which is helpful — but a user might still fill in no value and submit, or enter an invalid date and/or time (e.g. the 32nd of April).
 
-You can use [`min`](/en-US/docs/Web/HTML/Element/input#min) and [`max`](/en-US/docs/Web/HTML/Element/input#max) to restrict the available dates (see [Setting maximum and minimum dates](#setting_maximum_and_minimum_dates)), and you can use the [`required`](/en-US/docs/Web/HTML/Element/input#required) attribute to make filling in the date/time 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`](/en-US/docs/Web/HTML/Element/input#min) and [`max`](/en-US/docs/Web/HTML/Element/input#max) to restrict the available dates (see [Setting maximum and minimum dates](#setting_maximum_and_minimum_dates_and_times)), and you can use the [`required`](/en-US/docs/Web/HTML/Element/input#required) attribute to make filling in the date/time 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 date/time values, and also made the field required:
 

From 5011154a67be5064b9f1a8e7213b1ddbb026bccf Mon Sep 17 00:00:00 2001
From: "Stanislav (Stanley) Modrak"
 <44023416+smith558@users.noreply.github.com>
Date: Sun, 11 Feb 2024 19:03:31 +0000
Subject: [PATCH 724/790] Fix typo (#32228)

---
 files/en-us/web/http/cookies/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/cookies/index.md b/files/en-us/web/http/cookies/index.md
index bbabb11fe5d2ab8..0adc1c3fe6a2bed 100644
--- a/files/en-us/web/http/cookies/index.md
+++ b/files/en-us/web/http/cookies/index.md
@@ -66,7 +66,7 @@ Cookie: yummy_cookie=choco; tasty_cookie=strawberry
 Cookies can persist for two different periods, depending on the attributes used with the {{HTTPHeader("Set-Cookie")}} header when they were created:
 
 - _Permanent_ cookies are deleted at a date specified by the `Expires` attribute or after a period prescribed by the `Max-Age` attribute.
-- _Session_ cookies – cookies without a `Max age` or `Expires` attribute – are deleted when the current session ends. The browser defines when the "current session" ends, and some browsers use _session restoring_ when restarting. This can cause session cookies to last indefinitely.
+- _Session_ cookies – cookies without a `Max-age` or `Expires` attribute – are deleted when the current session ends. The browser defines when the "current session" ends, and some browsers use _session restoring_ when restarting. This can cause session cookies to last indefinitely.
 
 For example:
 

From 797c56885288c72b474ed80d49f55dd25670de55 Mon Sep 17 00:00:00 2001
From: Jason Lam <jasonlamv-t@hotmail.com>
Date: Mon, 12 Feb 2024 03:17:38 +0800
Subject: [PATCH 725/790] perf: supplementary reference to the see-also part of
 Iterator.find() (#31974)

perf: add references into Iterator.find() see-also section
---
 .../reference/global_objects/iterator/find/index.md           | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/files/en-us/web/javascript/reference/global_objects/iterator/find/index.md b/files/en-us/web/javascript/reference/global_objects/iterator/find/index.md
index ee4785cadb46501..e047d8a1d4c0550 100644
--- a/files/en-us/web/javascript/reference/global_objects/iterator/find/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/iterator/find/index.md
@@ -77,3 +77,7 @@ console.log(seq.next()); // { value: undefined, done: true }
 ## See also
 
 - [Polyfill of `Iterator.prototype.find` in `core-js`](https://github.com/zloirock/core-js#iterator-helpers)
+- {{jsxref("Iterator")}}
+- {{jsxref("Iterator.prototype.every()")}}
+- {{jsxref("Iterator.prototype.some()")}}
+- {{jsxref("Array.prototype.find()")}}

From 8b16b48bcb78e40423f67319d90d9a714a42f45c Mon Sep 17 00:00:00 2001
From: Sideways S <sideways@sidewayss.com>
Date: Sun, 11 Feb 2024 13:21:09 -0600
Subject: [PATCH 726/790] IntallEvent vs install event (#32058)

* IntallEvent vs install event

* Update files/en-us/web/api/cachestorage/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* more domxref

* Update files/en-us/web/api/installevent/index.md

* Update index.md

---------

Co-authored-by: Sideways S <sidewayss@users.noreply.github.com>
Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 files/en-us/web/api/cachestorage/index.md | 2 +-
 files/en-us/web/api/installevent/index.md | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/cachestorage/index.md b/files/en-us/web/api/cachestorage/index.md
index 9e7710c45b65d1b..eba0afe03664f11 100644
--- a/files/en-us/web/api/cachestorage/index.md
+++ b/files/en-us/web/api/cachestorage/index.md
@@ -40,7 +40,7 @@ You can access `CacheStorage` through the global {{domxref("caches")}} property.
 ## Examples
 
 This code snippet is from the MDN [simple service worker example](https://github.com/mdn/dom-examples/tree/main/service-worker/simple-service-worker) (see [simple service worker running live](https://bncb2v.csb.app/).)
-This service worker script waits for an {{domxref("InstallEvent")}} to fire, then runs {{domxref("ExtendableEvent.waitUntil","waitUntil")}} to handle the install process for the app. This consists of calling {{domxref("CacheStorage.open")}} to create a new cache, then using {{domxref("Cache.addAll")}} to add a series of assets to it.
+This service worker script waits for an {{domxref("ServiceWorkerGlobalScope/install_event", "install")}} event to fire, then runs {{domxref("ExtendableEvent.waitUntil","waitUntil")}} to handle the install process for the app. This consists of calling {{domxref("CacheStorage.open")}} to create a new cache, then using {{domxref("Cache.addAll")}} to add a series of assets to it.
 
 In the second code block, we wait for a {{domxref("FetchEvent")}} to fire. We construct a custom response like so:
 
diff --git a/files/en-us/web/api/installevent/index.md b/files/en-us/web/api/installevent/index.md
index 5baab603c265c2c..1a4a283aa047721 100644
--- a/files/en-us/web/api/installevent/index.md
+++ b/files/en-us/web/api/installevent/index.md
@@ -10,14 +10,14 @@ browser-compat: api.InstallEvent
 
 {{APIRef("Service Workers API")}}{{Deprecated_Header}}{{Non-standard_Header}}
 
+> **Note:** Instead of using the deprecated `ServiceWorkerGlobalScope.oninstall` handler to catch events of this type, handle the (non-deprecated) {{domxref("ServiceWorkerGlobalScope/install_event", "install")}} event using a listener added with {{domxref("EventTarget/addEventListener", "addEventListener")}}.
+
 The parameter passed into the {{domxref("ServiceWorkerGlobalScope.install_event", "oninstall")}} handler, the `InstallEvent` interface represents an install action that is dispatched on the {{domxref("ServiceWorkerGlobalScope")}} of a {{domxref("ServiceWorker")}}. As a child of {{domxref("ExtendableEvent")}}, it ensures that functional events such as {{domxref("FetchEvent")}} are not dispatched during installation.
 
 This interface inherits from the {{domxref("ExtendableEvent")}} interface.
 
 {{InheritanceDiagram}}
 
-> **Note:** Instead of using the deprecated `ServiceWorkerGlobalScope.oninstall()` handler to catch events of this type, instead handle the (non-deprecated) [`install`](/en-US/docs/Web/API/ServiceWorkerGlobalScope/install_event) using a listener added with [`addEventListener()`](/en-US/docs/Web/API/EventTarget/addEventListener).
-
 ## Constructor
 
 - {{domxref("InstallEvent.InstallEvent", "InstallEvent()")}} {{Deprecated_Inline}} {{Non-standard_Inline}}

From fff3c2948f6eb9452568bb48e016bd199ce54b95 Mon Sep 17 00:00:00 2001
From: Kevin Kipp <kevin.kipp@gmail.com>
Date: Sun, 11 Feb 2024 13:37:20 -0600
Subject: [PATCH 727/790] Update example to perform action on click (#32129)

The example code was attempting to demonstrate binding the copy behavior to a click event on a button, but it was incorrectly bound and would copy the text immediately.
---
 files/en-us/web/api/clipboard/writetext/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/clipboard/writetext/index.md b/files/en-us/web/api/clipboard/writetext/index.md
index 4b81cd4f897834a..1fa8c137dcace18 100644
--- a/files/en-us/web/api/clipboard/writetext/index.md
+++ b/files/en-us/web/api/clipboard/writetext/index.md
@@ -41,7 +41,7 @@ Additional security requirements are covered in the [Security consideration](/en
 This example sets the clipboard's contents to the string "\<empty clipboard>".
 
 ```js
-button.addEventListener("click", writeClipboardText("<empty clipboard>"));
+button.addEventListener("click", () => writeClipboardText("<empty clipboard>"));
 
 async function writeClipboardText(text) {
   try {

From a7ba18f74a449f3d3bfd014e09bf46bc5cdb88cf Mon Sep 17 00:00:00 2001
From: missop <keepisdom@sina.com>
Date: Mon, 12 Feb 2024 03:41:41 +0800
Subject: [PATCH 728/790] fix: Reflect.construct() vs. Object.create() example
 error (#31954)

* fix: Reflect.construct() vs. Object.create() example error

* Update index.md

* Update index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../global_objects/reflect/construct/index.md      | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/reflect/construct/index.md b/files/en-us/web/javascript/reference/global_objects/reflect/construct/index.md
index 1a6a38dd0a2ec49..3eb4c8da19b6c4b 100644
--- a/files/en-us/web/javascript/reference/global_objects/reflect/construct/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/reflect/construct/index.md
@@ -89,6 +89,8 @@ function OtherClass() {
   this.name = "other";
 }
 
+const args = [];
+const obj1 = Reflect.construct(OneClass, args, OtherClass);
 const obj2 = Object.create(OtherClass.prototype);
 OneClass.apply(obj2, args);
 
@@ -100,18 +102,6 @@ console.log(obj2 instanceof OneClass); // false
 
 console.log(obj1 instanceof OtherClass); // true
 console.log(obj2 instanceof OtherClass); // true
-
-// Another example to demonstrate below:
-
-function func1(a, b, c, d) {
-  console.log(arguments[3]);
-}
-
-function func2(d, e, f, g) {
-  console.log(arguments[3]);
-}
-
-const obj1 = Reflect.construct(func1, ["I", "Love", "my", "country"]);
 ```
 
 However, while the end result is the same, there is one important difference in the process. When using `Object.create()` and {{jsxref("Function.prototype.apply()")}}, the `new.target` operator will point to `undefined` within the function used as the constructor, since the `new` keyword is not being used to create the object. (In fact, it uses the [`apply`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reflect/apply) semantic, not `construct`, although normal functions happen to operate nearly the same.)

From c1884db9cc75ac167c301999dd9150b6e14865ed Mon Sep 17 00:00:00 2001
From: "Stanislav (Stanley) Modrak"
 <44023416+smith558@users.noreply.github.com>
Date: Sun, 11 Feb 2024 19:42:25 +0000
Subject: [PATCH 729/790] Rewrite convoluted paragraph on Array literals
 (#31871)

* Rewrite convoluted paragraph on Array literals

* Improve array literal description

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 files/en-us/web/javascript/guide/grammar_and_types/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/guide/grammar_and_types/index.md b/files/en-us/web/javascript/guide/grammar_and_types/index.md
index 3af7aed9752aa47..715047a32bb7b7c 100644
--- a/files/en-us/web/javascript/guide/grammar_and_types/index.md
+++ b/files/en-us/web/javascript/guide/grammar_and_types/index.md
@@ -331,7 +331,7 @@ The following example creates the `coffees` array with three elements and a `len
 const coffees = ["French Roast", "Colombian", "Kona"];
 ```
 
-If an array is created using a literal in a top-level script, JavaScript interprets the array each time it evaluates the expression containing the array literal. In addition, a literal used in a function is created each time the function is called.
+An array literal creates a new array object every time the literal is evaluated. For example, an array defined with a literal in the global scope is created once when the script loads. However, if the array literal is inside a function, a new array is instantiated every time that function is called.
 
 > **Note:** Array literals create `Array` objects. See {{jsxref("Array")}} and [Indexed collections](/en-US/docs/Web/JavaScript/Guide/Indexed_collections) for details on `Array` objects.
 

From cce7a139dc6782b6471801baa08665c400ccc5c6 Mon Sep 17 00:00:00 2001
From: "Stanislav (Stanley) Modrak"
 <44023416+smith558@users.noreply.github.com>
Date: Sun, 11 Feb 2024 19:44:54 +0000
Subject: [PATCH 730/790] Improve globalThis description (#31867)

* Improve globalThis description

* Improve globalThis description

* Update files/en-us/web/javascript/guide/grammar_and_types/index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 files/en-us/web/javascript/guide/grammar_and_types/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/guide/grammar_and_types/index.md b/files/en-us/web/javascript/guide/grammar_and_types/index.md
index 715047a32bb7b7c..6dc9920163ed28d 100644
--- a/files/en-us/web/javascript/guide/grammar_and_types/index.md
+++ b/files/en-us/web/javascript/guide/grammar_and_types/index.md
@@ -189,7 +189,7 @@ Unlike `var` declarations, which only hoist the declaration but not its value, [
 
 Global variables are in fact properties of the _global object_.
 
-In web pages, the global object is {{domxref("window")}}, so you can set and access global variables using the `window.variable` syntax. In all environments, you can use the [`globalThis`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis) variable (which itself is a global variable) to access global variables.
+In web pages, the global object is {{domxref("window")}}, so you can read and set global variables using the `window.variable` syntax. In all environments, the [`globalThis`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis) variable (which itself is a global variable) may be used to read and set global variables. This is to provide a consistent interface among various JavaScript runtimes.
 
 Consequently, you can access global variables declared in one window or frame from another window or frame by specifying the `window` or `frame` name. For example, if a variable called `phoneNumber` is declared in a document, you can refer to this variable from an `iframe` as `parent.phoneNumber`.
 

From dcd0f01e95a425e12a8c8dedc3ee26fcf7c8e90b Mon Sep 17 00:00:00 2001
From: VincinChristmas <VincinChristmas@hotmail.com>
Date: Mon, 12 Feb 2024 03:51:37 +0800
Subject: [PATCH 731/790] Use more accessible terminology (#31057)

* Update index.md

* Update files/en-us/learn/javascript/first_steps/test_your_skills_colon__strings/index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../first_steps/test_your_skills_colon__strings/index.md        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/javascript/first_steps/test_your_skills_colon__strings/index.md b/files/en-us/learn/javascript/first_steps/test_your_skills_colon__strings/index.md
index 0478534738d9ceb..9218fcdc1471772 100644
--- a/files/en-us/learn/javascript/first_steps/test_your_skills_colon__strings/index.md
+++ b/files/en-us/learn/javascript/first_steps/test_your_skills_colon__strings/index.md
@@ -53,7 +53,7 @@ In the next string task, you are given the same quote that you ended up with in
 
 1. Change the casing to correct sentence case (all lowercase, except for upper case first letter). Store the new quote in a variable called `fixedQuote`.
 2. In `fixedQuote`, replace "green eggs and ham" with another food that you really don't like.
-3. There is one more small fix to do — add a full stop onto the end of the quote, and save the final version in a variable called `finalQuote`.
+3. There is one more small fix to do — add a period to the end of the quote, and save the final version in a variable called `finalQuote`.
 
 Try updating the live code below to recreate the finished example:
 

From f01f00dd9fb1dbb2af9c40c5b06421e883d71910 Mon Sep 17 00:00:00 2001
From: Colin Diesh <colin.diesh@gmail.com>
Date: Sun, 11 Feb 2024 14:55:16 -0500
Subject: [PATCH 732/790] Add example for string lengths/sizes (#31393)

* Update index.md

* Update index.md

* Update index.md

* Update index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../reference/global_objects/string/length/index.md    | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/files/en-us/web/javascript/reference/global_objects/string/length/index.md b/files/en-us/web/javascript/reference/global_objects/string/length/index.md
index c53cb40e91fd9f4..a0e7481cf20d6c6 100644
--- a/files/en-us/web/javascript/reference/global_objects/string/length/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/string/length/index.md
@@ -27,6 +27,16 @@ The language specification requires strings to have a maximum length of 2<sup>53
 - In Firefox, the maximum length is 2<sup>30</sup> - 2 (\~2GiB). Before Firefox 65, the maximum length was 2<sup>28</sup> - 1 (\~512MiB).
 - In Safari, the maximum length is 2<sup>31</sup> - 1 (\~4GiB).
 
+If you are working with large strings in other encodings (such as UTF-8 files or blobs), note that when you load the data into a JS string, the encoding always becomes UTF-16. The size of the string may be different from the size of the source file.
+
+```js
+const str1 = "a".repeat(2 ** 29 - 24); // Success
+const str2 = "a".repeat(2 ** 29 - 23); // RangeError: Invalid string length
+
+const buffer = new Uint8Array(2 ** 29 - 24).fill("a".codePointAt(0)); // This buffer is 512MiB in size
+const str = new TextDecoder().decode(buffer); // This string is 1GiB in size
+```
+
 For an empty string, `length` is 0.
 
 The static property `String.length` is unrelated to the length of strings. It's the [arity](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/length) of the `String` function (loosely, the number of formal parameters it has), which is 1.

From 42d459068e64ea5893a23fb059c17549cb4c64a7 Mon Sep 17 00:00:00 2001
From: Daniel Kaplan <tieTYT@gmail.com>
Date: Sun, 11 Feb 2024 11:58:03 -0800
Subject: [PATCH 733/790] Show that objects usually inherit the `constructor`
 property (#31645)

* Show that objects usually inherit the `constructor` property

The paragraph above my change says this in its first sentence:

> Note that `constructor` usually comes from the constructor's [`prototype`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/prototype) property.

But the example that follows doesn't *show* that. Therefore, I added `o.hasOwnProperty("constructor"); // false` to the example. It might make more sense to put it as the second line instead of where I placed it?

I also wrote this first but removed it later: `o.constructor === proto(o).constructor // true`: prototypical inheritance can be tricky to people like me, and I felt that this line might not document its intention as well as `o.hasOwnProperty`. Let me know if that's a better line or if both should be in the example.

* Update files/en-us/web/javascript/reference/global_objects/object/constructor/index.md

---------

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../reference/global_objects/object/constructor/index.md        | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/web/javascript/reference/global_objects/object/constructor/index.md b/files/en-us/web/javascript/reference/global_objects/object/constructor/index.md
index 56e1edbc8ca2d2c..fff5fbe2e53520e 100644
--- a/files/en-us/web/javascript/reference/global_objects/object/constructor/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/object/constructor/index.md
@@ -45,6 +45,8 @@ Note that `constructor` usually comes from the constructor's [`prototype`](/en-U
 ```js
 const o = new TypeError(); // Inheritance: TypeError -> Error -> Object
 const proto = Object.getPrototypeOf;
+
+Object.hasOwn(o, "constructor"); // false
 proto(o).constructor === TypeError; // true
 proto(proto(o)).constructor === Error; // true
 proto(proto(proto(o))).constructor === Object; // true

From 875eec17e06c5bdc9cb506b95dc430b42e4abace Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Sun, 11 Feb 2024 14:07:55 -0800
Subject: [PATCH 734/790] Remove outdated note (#32201)

---
 files/en-us/web/api/extendableevent/index.md           | 2 --
 files/en-us/web/api/extendableevent/waituntil/index.md | 3 ---
 2 files changed, 5 deletions(-)

diff --git a/files/en-us/web/api/extendableevent/index.md b/files/en-us/web/api/extendableevent/index.md
index 59220996f9b9dfb..47e816ec65f44af 100644
--- a/files/en-us/web/api/extendableevent/index.md
+++ b/files/en-us/web/api/extendableevent/index.md
@@ -11,8 +11,6 @@ The **`ExtendableEvent`** interface extends the lifetime of the [`install`](/en-
 
 If {{domxref("ExtendableEvent.waitUntil","waitUntil()")}} is called outside of the `ExtendableEvent` handler, the browser should throw an `InvalidStateError`; note also that multiple calls will stack up, and the resulting promises will be added to the list of [extend lifetime promises](https://w3c.github.io/ServiceWorker/#extendableevent-extend-lifetime-promises).
 
-> **Note:** The behavior described in the above paragraph was fixed in Firefox 43 (see [Firefox bug 1180274](https://bugzil.la/1180274).)
-
 This interface inherits from the {{domxref("Event")}} interface.
 
 {{InheritanceDiagram}}
diff --git a/files/en-us/web/api/extendableevent/waituntil/index.md b/files/en-us/web/api/extendableevent/waituntil/index.md
index aacf45c360af7a6..6746573b5d57ba8 100644
--- a/files/en-us/web/api/extendableevent/waituntil/index.md
+++ b/files/en-us/web/api/extendableevent/waituntil/index.md
@@ -32,9 +32,6 @@ The `waitUntil()` method must be initially called within the event callback,
 but after that it can be called multiple times, until all the promises passed to it
 settle.
 
-> **Note:** The behavior described in the above paragraph was fixed in
-> Firefox 43 (see [Firefox bug 1180274](https://bugzil.la/1180274)).
-
 ## Syntax
 
 ```js-nolint

From fa9227e286ce018c068768d8538b3a0b851943b3 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Mon, 12 Feb 2024 06:19:39 +0800
Subject: [PATCH 735/790] content update for `PasswordCredential` (#32124)

---
 .../en-us/web/api/passwordcredential/index.md |  2 +-
 .../passwordcredential/index.md               | 23 ++++++++++++-------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/files/en-us/web/api/passwordcredential/index.md b/files/en-us/web/api/passwordcredential/index.md
index 3db78adfd37b441..3d02a7f6630f0bd 100644
--- a/files/en-us/web/api/passwordcredential/index.md
+++ b/files/en-us/web/api/passwordcredential/index.md
@@ -9,7 +9,7 @@ browser-compat: api.PasswordCredential
 
 {{SeeCompatTable}}{{APIRef("Credential Management API")}}{{securecontext_header}}
 
-The interface of the [Credential Management API](/en-US/docs/Web/API/Credential_Management_API) provides information about a username/password pair. In supporting browsers an instance of this class may be passed in the `credential` member of the `init` object for global {{domxref('fetch()')}}.
+The **`PasswordCredential`** interface of the [Credential Management API](/en-US/docs/Web/API/Credential_Management_API) provides information about a username/password pair. In supporting browsers an instance of this class may be passed in the `credential` member of the `init` object for global {{domxref('fetch()')}}.
 
 > **Note:** This interface is restricted to top-level contexts and cannot be used from an {{HTMLElement("iframe")}}.
 
diff --git a/files/en-us/web/api/passwordcredential/passwordcredential/index.md b/files/en-us/web/api/passwordcredential/passwordcredential/index.md
index 02892fdf17ca6d4..5bb3c0acc47d0f6 100644
--- a/files/en-us/web/api/passwordcredential/passwordcredential/index.md
+++ b/files/en-us/web/api/passwordcredential/passwordcredential/index.md
@@ -18,32 +18,39 @@ from the `init` object for global {{domxref('fetch()')}}.
 ## Syntax
 
 ```js-nolint
-new PasswordCredential(passwordCredentialData)
-new PasswordCredential(htmlFormElement)
+new PasswordCredential(data)
+new PasswordCredential(form)
 ```
 
 ### Parameters
 
 Either of the following:
 
-- `passwordCredentialData`
+- `data`
 
   - : An object with the following properties:
 
     - `iconURL` {{optional_inline}}
-      - : The URL of a user's avatar image.
+      - : A string representing the URL of an icon or avatar to be associated with the credential.
     - `id`
-      - : The ID of the user signing in.
+      - : A string representing a unique ID for the credential.
     - `name` {{optional_inline}}
-      - : The name of the user signing in.
+      - : A string representing the credential username.
+    - `origin`
+      - : A string representing the credential's origin. {{domxref("PasswordCredential")}} objects are origin-bound, which means that they will only be usable on the specified origin they were intended to be used on.
     - `password`
-      - : The password of the user signing in.
+      - : A string representing the credential password.
 
-- `htmlFormElement`
+- `form`
   - : A reference to an {{domxref("HTMLFormElement")}} with appropriate input fields. The
     form should, at the very least, contain an id and password. It could also require a
     CSRF token.
 
+### Exceptions
+
+- {{jsxref("TypeError")}}
+  - : Thrown if one of the `id`, `origin` or `password` option is empty.
+
 ## Examples
 
 This example shows how to set up an {{domxref("HTMLFormElement")}} to capture data

From 96512135176d935cdf209c49bc9eae6025b0a9a5 Mon Sep 17 00:00:00 2001
From: Rajat <150415488+rain2108@users.noreply.github.com>
Date: Mon, 12 Feb 2024 04:16:43 +0530
Subject: [PATCH 736/790] Update index.md (#32208)

updated the LTS versions of node and npm.
---
 .../express_nodejs/development_environment/index.md  | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/files/en-us/learn/server-side/express_nodejs/development_environment/index.md b/files/en-us/learn/server-side/express_nodejs/development_environment/index.md
index abd2e5be33f46c4..83a2dcdb5b8425a 100644
--- a/files/en-us/learn/server-side/express_nodejs/development_environment/index.md
+++ b/files/en-us/learn/server-side/express_nodejs/development_environment/index.md
@@ -77,11 +77,11 @@ After `nvm-windows` has installed, open a command prompt (or PowerShell) and ent
 nvm install lts
 ```
 
-At time of writing the LTS version of nodejs is 18.15.0.
+At time of writing the LTS version of nodejs is 20.11.0.
 You can set this as the _current version_ to use with the command below:
 
 ```bash
-nvm use 18.15.0
+nvm use 20.11.0
 ```
 
 > **Note:** If you get "Access Denied" warnings, you will need to run this command in a prompt with administration permissions.
@@ -100,12 +100,12 @@ After `nvm` has installed, open a terminal enter the following command to downlo
 nvm install --lts
 ```
 
-At the time of writing, the LTS version of nodejs is 18.15.0.
+At the time of writing, the LTS version of nodejs is 20.11.0.
 The command `nvm list` shows the downloaded set of version and the current version.
 You can set a particular version as the _current version_ with the command below (the same as for `nvm-windows`)
 
 ```bash
-nvm use 18.15.0
+nvm use 20.11.0
 ```
 
 Use the command `nvm --help` to find out other command line options.
@@ -118,14 +118,14 @@ A good way to do this is to use the "version" command in your terminal/command p
 
 ```bash
 > node -v
-v18.15.0
+v20.11.0
 ```
 
 The _Nodejs_ package manager _npm_ should also have been installed, and can be tested in the same way:
 
 ```bash
 > npm -v
-9.3.1
+10.2.4
 ```
 
 As a slightly more exciting test let's create a very basic "pure node" server that prints out "Hello World" in the browser when you visit the correct URL in your browser:

From 72ffc3a9ad116da8fbedfca4b5cfd7687d1ada75 Mon Sep 17 00:00:00 2001
From: akp <abi@tdpain.net>
Date: Sun, 11 Feb 2024 22:47:07 +0000
Subject: [PATCH 737/790] Add link to HTTP response statuses list on HTTP
 Messages page (#32216)

Add link to HTTP response statuses list to HTTP Messages page
---
 files/en-us/web/http/messages/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/http/messages/index.md b/files/en-us/web/http/messages/index.md
index 27dd8e6dea4e54c..f07ae25ebbf08ff 100644
--- a/files/en-us/web/http/messages/index.md
+++ b/files/en-us/web/http/messages/index.md
@@ -80,7 +80,7 @@ _Note: The start-line is called the "status line" in requests._
 The start line of an HTTP response, called the _status line_, contains the following information:
 
 1. The _protocol version_, usually `HTTP/1.1`, but can also be `HTTP/1.0`.
-2. A _status code_, indicating success or failure of the request. Common status codes are {{HTTPStatus("200")}}, {{HTTPStatus("404")}}, or {{HTTPStatus("302")}}.
+2. A [_status code_](/en-US/docs/Web/HTTP/Status), indicating success or failure of the request. Common status codes are {{HTTPStatus("200")}}, {{HTTPStatus("404")}}, or {{HTTPStatus("302")}}.
 3. A _status text_. A brief, purely informational, textual description of the status code to help a human understand the HTTP message.
 
 A typical status line looks like: `HTTP/1.1 404 Not Found`.

From 9902715d9ac9f2bf60cbb9a6fcc744f5e0dfc80a Mon Sep 17 00:00:00 2001
From: corgeman <78984563+corgeman@users.noreply.github.com>
Date: Sun, 11 Feb 2024 17:07:06 -0600
Subject: [PATCH 738/790] Add missing CORS header in preflight response example
 (#32137)

* Add missing CORS header in preflight response example

The example preflight request sends an `Access-Control-Request-Headers` header, but the example response does not contain an `Access-Control-Allow-Headers` which is required as per https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Headers . This PR simply adds one.

* Update index.md

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 files/en-us/glossary/preflight_request/index.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/files/en-us/glossary/preflight_request/index.md b/files/en-us/glossary/preflight_request/index.md
index 7993cc472c4fa50..0d561ed64ad4aa3 100644
--- a/files/en-us/glossary/preflight_request/index.md
+++ b/files/en-us/glossary/preflight_request/index.md
@@ -17,7 +17,7 @@ For example, a client might be asking a server if it would allow a {{HTTPMethod(
 ```http
 OPTIONS /resource/foo
 Access-Control-Request-Method: DELETE
-Access-Control-Request-Headers: origin, x-requested-with
+Access-Control-Request-Headers: Origin, X-Requested-With
 Origin: https://foo.bar.org
 ```
 
@@ -28,6 +28,7 @@ HTTP/1.1 204 No Content
 Connection: keep-alive
 Access-Control-Allow-Origin: https://foo.bar.org
 Access-Control-Allow-Methods: POST, GET, OPTIONS, DELETE
+Access-Control-Allow-Headers: Origin, X-Requested-With
 Access-Control-Max-Age: 86400
 ```
 

From a1d27cf8a7fc4864df5dc2f8a8d73f8f1bb92ef7 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 12 Feb 2024 14:44:11 +0000
Subject: [PATCH 739/790] Bump @mdn/yari from 2.39.1 to 2.39.2 (#32237)

---
 package.json |  2 +-
 yarn.lock    | 55 +++++++++++++++++++++++++++++-----------------------
 2 files changed, 32 insertions(+), 25 deletions(-)

diff --git a/package.json b/package.json
index 6778a805553cc39..1a6ce4755ab0923 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
   "dependencies": {
     "@apideck/better-ajv-errors": "^0.3.6",
     "@caporal/core": "^2.0.7",
-    "@mdn/yari": "2.39.1",
+    "@mdn/yari": "2.39.2",
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "async": "^3.2.5",
diff --git a/yarn.lock b/yarn.lock
index 9f377b554cb9eab..be61e95f6e9af5c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -760,15 +760,15 @@
   resolved "https://registry.yarnpkg.com/@mdn/bcd-utils-api/-/bcd-utils-api-0.0.5.tgz#9587c6b592e87f8a5ccab80ccdd8b5184f867922"
   integrity sha512-+8zfCGZzBoAoLK6jYnOm9Xa2LcdNRDVrUXatuBNuGJHyt7tpR+k/+de2LSGHiU34TYrfAXk7g9x8/IpXR+4zhw==
 
-"@mdn/browser-compat-data@^5.5.9":
-  version "5.5.9"
-  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.9.tgz#03721285c791e762826de77aad04d044d2d7ecf2"
-  integrity sha512-36jBin7kGrMn+RC/8k9IKeKvZyMweA0sDNIthUbzSGTQasfMIp2naJ1e+ISUtzu/7RrpDjRh4BkVTSO6f0XArA==
+"@mdn/browser-compat-data@^5.5.10":
+  version "5.5.10"
+  resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.10.tgz#b7c0454a617b268b7a9ab9ca6c886abd1ec69473"
+  integrity sha512-s2GGND9oLhEuksOFtICYOBZdMWPANBXTMqAXh89q6g1Mi3+OuWEmp9WFzw2v/nmS175vqeewpC1kDJA7taaxyA==
 
-"@mdn/yari@2.39.1":
-  version "2.39.1"
-  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.39.1.tgz#f2ca75946adcf1802b965108330170f1704f42ac"
-  integrity sha512-nwKZ7lWbl2dJqRk0xK37DJ+geUJV9qWgmS8q9aE61Wg5sPsUbwj3BBAWw6i6cPgM8HDMnST51gLg/8k5EWBqXA==
+"@mdn/yari@2.39.2":
+  version "2.39.2"
+  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.39.2.tgz#a245cf7a265be18ea6c8b4148c3800de6674f8b7"
+  integrity sha512-gyJMECgWZGjGYEF51ZXtwc59Q21inaGI/G+ggjsFYRSxZyyYWFSD6na2pyWIFdX2294Us61CSL7lFm5ZSN0b5Q==
   dependencies:
     "@caporal/core" "^2.0.7"
     "@codemirror/lang-css" "^6.2.1"
@@ -778,14 +778,14 @@
     "@codemirror/theme-one-dark" "^6.1.2"
     "@fast-csv/parse" "^5.0.0"
     "@mdn/bcd-utils-api" "^0.0.5"
-    "@mdn/browser-compat-data" "^5.5.9"
+    "@mdn/browser-compat-data" "^5.5.10"
     "@mozilla/glean" "2.0.5"
     "@sentry/integrations" "^7.100.1"
     "@sentry/node" "^7.100.1"
     "@stripe/stripe-js" "^2.4.0"
     "@use-it/interval" "^1.0.0"
     "@vscode/ripgrep" "^1.15.9"
-    "@webref/css" "^6.11.0"
+    "@webref/css" "^6.11.1"
     accept-language-parser "^1.5.0"
     async "^3.2.5"
     chalk "^5.3.0"
@@ -797,7 +797,7 @@
     cookie-parser "^1.4.6"
     css-tree "^2.3.1"
     dayjs "^1.11.10"
-    dexie "^3.2.4"
+    dexie "^3.2.5"
     dotenv "^16.4.1"
     ejs "^3.1.9"
     express "^4.18.2"
@@ -826,7 +826,7 @@
     mdn-data "^2.4.0"
     open "^10.0.3"
     open-editor "^4.1.1"
-    openai "^4.26.1"
+    openai "^4.27.0"
     pg "^8.11.3"
     pgvector "^0.1.7"
     prism-svelte "^0.5.0"
@@ -1196,10 +1196,10 @@
     proxy-from-env "^1.1.0"
     yauzl "^2.9.2"
 
-"@webref/css@^6.11.0":
-  version "6.11.0"
-  resolved "https://registry.yarnpkg.com/@webref/css/-/css-6.11.0.tgz#0afa18d3065153f269b65bdceea4767438ebeaa1"
-  integrity sha512-fSG0TzVwF8S5J8P7nz+gRDZbTIrI8M4jSsiLUKU3aRC6Ojqpc7C/JsQmUNSX8OrSSEQRNK4+9Rq8J22905xcsw==
+"@webref/css@^6.11.1":
+  version "6.11.1"
+  resolved "https://registry.yarnpkg.com/@webref/css/-/css-6.11.1.tgz#4346cba2e723f6c89b751035ef5be027c2abfce0"
+  integrity sha512-C12N4cdcZC0z2Tt/yl4J3zHDU7HQXaj9MM9NzfdLieXvjQt/K1n/pJzA67zyHiNv9EnScqWoTnJfBQW6ms/6JA==
 
 abort-controller@^3.0.0:
   version "3.0.0"
@@ -2503,10 +2503,12 @@ devlop@^1.0.0, devlop@^1.1.0:
   dependencies:
     dequal "^2.0.0"
 
-dexie@^3.2.4:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/dexie/-/dexie-3.2.4.tgz#b22a9729be1102acb2eee16102ea6e2bc76454cf"
-  integrity sha512-VKoTQRSv7+RnffpOJ3Dh6ozknBqzWw/F3iqMdsZg958R0AS8AnY9x9d1lbwENr0gzeGJHXKcGhAMRaqys6SxqA==
+dexie@^3.2.5:
+  version "3.2.5"
+  resolved "https://registry.yarnpkg.com/dexie/-/dexie-3.2.5.tgz#f68e34b98e0e5e3412cf86b540a2cc6cbf9b0266"
+  integrity sha512-MA7vYQvXxWN2+G50D0GLS4FqdYUyRYQsN0FikZIVebOmRoNCSCL9+eUbIF80dqrfns3kmY+83+hE2GN9CnAGyA==
+  dependencies:
+    karma-safari-launcher "^1.0.0"
 
 diff-sequences@^29.6.3:
   version "29.6.3"
@@ -4790,6 +4792,11 @@ junk@^3.1.0:
   resolved "https://registry.yarnpkg.com/junk/-/junk-3.1.0.tgz#31499098d902b7e98c5d9b9c80f43457a88abfa1"
   integrity sha512-pBxcB3LFc8QVgdggvZWyeys+hnrNWg4OcZIU/1X59k5jQdLBlCsYGRQaz234SqoRLTCgMH00fY0xRJH+F9METQ==
 
+karma-safari-launcher@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/karma-safari-launcher/-/karma-safari-launcher-1.0.0.tgz#96982a2cc47d066aae71c553babb28319115a2ce"
+  integrity sha512-qmypLWd6F2qrDJfAETvXDfxHvKDk+nyIjpH9xIeI3/hENr0U3nuqkxaftq73PfXZ4aOuOChA6SnLW4m4AxfRjQ==
+
 keyv@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.0.0.tgz#44923ba39e68b12a7cec7df6c3268c031f2ef373"
@@ -5925,10 +5932,10 @@ open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
-openai@^4.26.1:
-  version "4.26.1"
-  resolved "https://registry.yarnpkg.com/openai/-/openai-4.26.1.tgz#7b7c0225c09922445f68f3c4cdbd5775ed31108c"
-  integrity sha512-DvWbjhWbappsFRatOWmu4Dp1/Q4RG9oOz6CfOSjy0/Drb8G+5iAiqWAO4PfpGIkhOOKtvvNfQri2SItl+U7LhQ==
+openai@^4.27.0:
+  version "4.27.0"
+  resolved "https://registry.yarnpkg.com/openai/-/openai-4.27.0.tgz#4ada66a19c369b202e8a939b8bd287e4dca036f4"
+  integrity sha512-j1ZEx9NiBpm31rxWqQTjQt1QvH/8001xHsc/pRoPjkRDYWONCb+qkR6L9C7Wl6ar72Mz1ybtn1bv6fqAoTPlKw==
   dependencies:
     "@types/node" "^18.11.18"
     "@types/node-fetch" "^2.6.4"

From 7da7058712579b320b455e14e2f406fe02c770c3 Mon Sep 17 00:00:00 2001
From: Henrik Skupin <mail@hskupin.info>
Date: Mon, 12 Feb 2024 16:30:59 +0100
Subject: [PATCH 740/790] [webdriver] Move "env" capability of
 moz:firefoxOptions into Android section (#32180)

---
 .../web/webdriver/capabilities/firefoxoptions/index.md    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/webdriver/capabilities/firefoxoptions/index.md b/files/en-us/web/webdriver/capabilities/firefoxoptions/index.md
index 62b5d349cbb0706..09dc83957a5d61d 100644
--- a/files/en-us/web/webdriver/capabilities/firefoxoptions/index.md
+++ b/files/en-us/web/webdriver/capabilities/firefoxoptions/index.md
@@ -124,10 +124,6 @@ object that may look like `{"log": {"level": "trace"}}` to include all trace-lev
 
 Map of preference name to preference value, which can be a string, a boolean or an integer.
 
-##### `env` (Env object)
-
-Map of environment variable name to environment variable value, both of which must be strings.
-
 ### Android
 
 Starting with geckodriver 0.26.0 additional capabilities exist if Firefox or an application embedding [GeckoView](https://wiki.mozilla.org/Mobile/GeckoView) has to be controlled on Android:
@@ -175,6 +171,10 @@ For example, to specify a boolean extra that can be processed with [android.cont
 }
 ```
 
+#### `env` (Env object)
+
+Map of environment variable name to environment variable value, both of which must be strings, that will be forwarded to application process running on the Android device.
+
 ### Log object
 
 A JSON Object that may have any of these fields:

From e36ec8fdff8f6992e114b4c5605c06a3cb2363af Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Mon, 12 Feb 2024 07:40:45 -0800
Subject: [PATCH 741/790] Exportport parts: cleaner way of nesting custom
 elements (#32165)

---
 files/en-us/web/html/global_attributes/exportparts/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/html/global_attributes/exportparts/index.md b/files/en-us/web/html/global_attributes/exportparts/index.md
index 5e02bbcde75dca8..b819cb2b1a7ce4e 100644
--- a/files/en-us/web/html/global_attributes/exportparts/index.md
+++ b/files/en-us/web/html/global_attributes/exportparts/index.md
@@ -127,9 +127,9 @@ Continuing the above `<card-component>` example, we create a nested component by
     }
   </style>
   <card-component exportparts="base, header, body">
-    <span slot="header_slot"><slot name="H"></slot></span>
-    <span slot="body_slot"><slot name="B"></slot></span>
-    <span slot="footer_slot"><slot name="F"></slot></span>
+    <slot name="H" slot="header_slot"></slot>
+    <slot name="B" slot="body_slot"></slot>
+    <slot name="F" slot="footer_slot"></slot>
   </card-component>
 </template>
 ```

From ef3d04e16c9648b8125d6785647eebdfe55317b7 Mon Sep 17 00:00:00 2001
From: Daniel Kaplan <tieTYT@gmail.com>
Date: Mon, 12 Feb 2024 07:47:19 -0800
Subject: [PATCH 742/790] Move emphasis from "Any" to "object" (#32018)

* Move emphasis from "Any" to "object"

- My intent is to establish early that that sentence that follows pertains to Boolean objects, not primitives.
- Whether this is an improvement is highly subjective, but given the section is titled "Boolean primitives and Boolean objects," it seemed to me that the word "object" should stand out more than the word "Any."

* Rewrote "Boolean primitives and Boolean objects"

- On my first attempt I didn't truly realize what the line I changed was articulating until I received feedback. Here is my second attempt at this PR.
- This change may clash with the tone of the rest of the article because it is written in a more casual voice, but if that's an issue, I'd be happy to change that if there's potential behind the edit.
- If this is not an improvement, I'm okay with closing this PR without a merge.

* Update files/en-us/web/javascript/reference/global_objects/boolean/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Better wording

* Update files/en-us/web/javascript/reference/global_objects/boolean/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update index.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../reference/global_objects/boolean/index.md | 43 ++++++++-----------
 1 file changed, 17 insertions(+), 26 deletions(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/boolean/index.md b/files/en-us/web/javascript/reference/global_objects/boolean/index.md
index dbd78c12bc831d3..2ba8dbf4a2aea7a 100644
--- a/files/en-us/web/javascript/reference/global_objects/boolean/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/boolean/index.md
@@ -13,41 +13,32 @@ The **`Boolean`** object represents a truth value: `true` or `false`.
 
 ### Boolean primitives and Boolean objects
 
-Do not confuse the {{Glossary("Primitive", "primitive")}} `Boolean` values `true` and `false` with the `true` and `false` values of the `Boolean` object.
+For converting non-boolean values to boolean, use `Boolean` as a function or use the [double NOT](/en-US/docs/Web/JavaScript/Reference/Operators/Logical_NOT#double_not_!!) operator. Do not use the `Boolean()` constructor with `new`.
 
-**Any** object, including a `Boolean` object whose value is `false`, evaluates to `true` when passed to a conditional statement. For example, the condition in the following {{jsxref("Statements/if...else", "if")}} statement evaluates to `true`:
-
-```js
-const x = new Boolean(false);
-if (x) {
-  // this code is executed
-}
+```js example-good
+const good = Boolean(expression);
+const good2 = !!expression;
 ```
 
-This behavior does not apply to `Boolean` primitives. For example, the condition in the following {{jsxref("Statements/if...else", "if")}} statement evaluates to `false`:
-
-```js
-const x = false;
-if (x) {
-  // this code is not executed
-}
+```js example-bad
+const bad = new Boolean(expression); // don't use this!
 ```
 
-Do not use the `Boolean()` constructor with `new` to convert a non-boolean value to a boolean value — use `Boolean` as a function or a [double NOT](/en-US/docs/Web/JavaScript/Reference/Operators/Logical_NOT#double_not_!!) instead:
+This is because _all_ objects, including a `Boolean` object whose wrapped value is `false`, are {{glossary("truthy")}} and evaluate to `true` in places such as conditional statements. (See also the [boolean coercion](#boolean_coercion) section below.)
 
 ```js
-const good = Boolean(expression); // use this
-const good2 = !!expression; // or this
-const bad = new Boolean(expression); // don't use this!
-```
+if (new Boolean(true)) {
+  console.log("This log is printed.");
+}
 
-If you specify any object, including a `Boolean` object whose value is `false`, as the initial value of a `Boolean` object, the new `Boolean` object has a value of `true`.
+if (new Boolean(false)) {
+  console.log("This log is ALSO printed.");
+}
 
-```js
-const myFalse = new Boolean(false); // initial value of false
-const g = Boolean(myFalse); // initial value of true
-const myString = new String("Hello"); // string object
-const s = Boolean(myString); // initial value of true
+const myFalse = new Boolean(false); // myFalse is a Boolean object (not the primitive value false)
+const g = Boolean(myFalse); // g is true
+const myString = new String("Hello"); // myString is a String object
+const s = Boolean(myString); // s is true
 ```
 
 > **Warning:** You should rarely find yourself using `Boolean` as a constructor.

From 3224f6451a5bab74c379759b0223350a883f1811 Mon Sep 17 00:00:00 2001
From: Forrest Li <floryst@users.noreply.github.com>
Date: Mon, 12 Feb 2024 13:03:59 -0500
Subject: [PATCH 743/790] Correct name typos (#32240)

There are extraneous underscores in the `*_SNORM_EXT` names.
---
 files/en-us/web/api/ext_texture_norm16/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/api/ext_texture_norm16/index.md b/files/en-us/web/api/ext_texture_norm16/index.md
index b7f4307e7abfc4b..6bfe06f3ffb2870 100644
--- a/files/en-us/web/api/ext_texture_norm16/index.md
+++ b/files/en-us/web/api/ext_texture_norm16/index.md
@@ -31,11 +31,11 @@ WebGL extensions are available using the {{domxref("WebGLRenderingContext.getExt
   - : RGBA 16-bit unsigned format. Color-renderable.
 - `ext.R16_SNORM_EXT`
   - : Red 16-bit signed normalized format.
-- `ext.RG16_SNORM__EXT`
+- `ext.RG16_SNORM_EXT`
   - : RG 16-bit signed normalized format.
-- `ext.RGB16_SNORM__EXT`
+- `ext.RGB16_SNORM_EXT`
   - : RGB 16-bit signed normalized format.
-- `ext.RGBA16_SNORM__EXT`
+- `ext.RGBA16_SNORM_EXT`
   - : RGBA 16-bit signed normalized format.
 
 ## Examples

From 1b1522e2320cd3ebb412b06cb3b614f1e411e222 Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Mon, 12 Feb 2024 10:58:22 -0800
Subject: [PATCH 744/790] Update links to 3rd part APIs (#32197)

* update 3rd part APIs

* Update files/en-us/learn/javascript/client-side_web_apis/introduction/index.md

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 .../javascript/client-side_web_apis/introduction/index.md  | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md b/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md
index 54cfbb6996a88d1..8af523f1c411447 100644
--- a/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md
+++ b/files/en-us/learn/javascript/client-side_web_apis/introduction/index.md
@@ -62,7 +62,7 @@ So above, we talked about what client-side JavaScript APIs are, and how they rel
 
 - JavaScript — A high-level scripting language built into browsers that allows you to implement functionality on web pages/apps. Note that JavaScript is also available in other programming environments, such as [Node](/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction).
 - Browser APIs — constructs built into the browser that sits on top of the JavaScript language and allows you to implement functionality more easily.
-- Third-party APIs — constructs built into third-party platforms (e.g. Twitter, Facebook) that allow you to use some of those platform's functionality in your own web pages (for example, display your latest Tweets on your web page).
+- Third-party APIs — constructs built into third-party platforms (e.g. Disqus, Facebook) that allow you to use some of those platform's functionality in your own web pages (for example, display your Disqus comments on a web page).
 - JavaScript libraries — Usually one or more JavaScript files containing [custom functions](/en-US/docs/Learn/JavaScript/Building_blocks/Functions#custom_functions) that you can attach to your web page to speed up or enable writing common functionality. Examples include jQuery, Mootools and React.
 - JavaScript frameworks — The next step up from libraries, JavaScript frameworks (e.g. Angular and Ember) tend to be packages of HTML, CSS, JavaScript, and other technologies that you install and then use to write an entire web application from scratch. The key difference between a library and a framework is "Inversion of Control". When calling a method from a library, the developer is in control. With a framework, the control is inverted: the framework calls the developer's code.
 
@@ -85,14 +85,15 @@ In particular, the most common categories of browser APIs you'll use (and which
 
 Third-party APIs come in a large variety; some of the more popular ones that you are likely to make use of sooner or later are:
 
-- The [Twitter API](https://developer.twitter.com/en/docs), which allows you to do things like displaying your latest tweets on your website.
 - Map APIs, like [Mapquest](https://developer.mapquest.com/) and the [Google Maps API](https://developers.google.com/maps/), which allow you to do all sorts of things with maps on your web pages.
 - The [Facebook suite of APIs](https://developers.facebook.com/docs/), which enables you to use various parts of the Facebook ecosystem to benefit your app, such as by providing app login using Facebook login, accepting in-app payments, rolling out targeted ad campaigns, etc.
 - The [Telegram APIs](https://core.telegram.org/api), which allows you to embed content from Telegram channels on your website, in addition to providing support for bots.
 - The [YouTube API](https://developers.google.com/youtube/), which allows you to embed YouTube videos on your site, search YouTube, build playlists, and more.
 - The [Pinterest API](https://developers.pinterest.com/), which provides tools to manage Pinterest boards and pins to include them in your website.
-- The [Twilio API](https://www.twilio.com/), which provides a framework for building voice and video call functionality into your app, sending SMS/MMS from your apps, and more.
+- The [Twilio API](https://www.twilio.com/docs), which provides a framework for building voice and video call functionality into your app, sending SMS/MMS from your apps, and more.
+- The [Disqus API](https://disqus.com/api/docs/), which provides a commenting platform that can be integrated into your site.
 - The [Mastodon API](https://docs.joinmastodon.org/api/), which enables you to manipulate features of the Mastodon social network programmatically.
+- The [IFTTT API](https://ifttt.com/developers), which enables integrating multiple APIs through one platform.
 
 ## How do APIs work?
 

From f2f16cd329788046c2ee97097377d7529983c742 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Mon, 12 Feb 2024 21:40:29 +0100
Subject: [PATCH 745/790] feat: Add SVG diagrams for HTTP sequences (#31812)

* feat: use mermaid-generated SVG for HTTP redirection diagram

* feat: use mermaid-generated SVG for HTTP compression diagrams

* feat: check in HTTP sequence diagrams
---
 .vscode/cspell.json                           |   3 +-
 .../en-us/web/http/compression/httpcomp2.png  | Bin 18717 -> 0 bytes
 .../en-us/web/http/compression/httpcomp2.svg  | 144 ++++++++++++++++++
 .../web/http/compression/httpcompression1.png | Bin 14812 -> 0 bytes
 .../web/http/compression/httpcompression1.svg |  84 ++++++++++
 .../en-us/web/http/compression/httpenco1.png  | Bin 10800 -> 0 bytes
 .../en-us/web/http/compression/httpenco1.svg  | 114 ++++++++++++++
 files/en-us/web/http/compression/httpte1.png  | Bin 11949 -> 0 bytes
 files/en-us/web/http/compression/httpte1.svg  | 131 ++++++++++++++++
 files/en-us/web/http/compression/index.md     |  85 ++++++++++-
 .../web/http/redirections/httpredirect.png    | Bin 13783 -> 0 bytes
 .../web/http/redirections/httpredirect.svg    |  88 +++++++++++
 files/en-us/web/http/redirections/index.md    |  30 +++-
 13 files changed, 668 insertions(+), 11 deletions(-)
 delete mode 100644 files/en-us/web/http/compression/httpcomp2.png
 create mode 100644 files/en-us/web/http/compression/httpcomp2.svg
 delete mode 100644 files/en-us/web/http/compression/httpcompression1.png
 create mode 100644 files/en-us/web/http/compression/httpcompression1.svg
 delete mode 100644 files/en-us/web/http/compression/httpenco1.png
 create mode 100644 files/en-us/web/http/compression/httpenco1.svg
 delete mode 100644 files/en-us/web/http/compression/httpte1.png
 create mode 100644 files/en-us/web/http/compression/httpte1.svg
 delete mode 100644 files/en-us/web/http/redirections/httpredirect.png
 create mode 100644 files/en-us/web/http/redirections/httpredirect.svg

diff --git a/.vscode/cspell.json b/.vscode/cspell.json
index 3e0061fbdf88f76..0e7391244b949f4 100644
--- a/.vscode/cspell.json
+++ b/.vscode/cspell.json
@@ -68,5 +68,6 @@
       "path": "./project-words.txt",
       "addWords": true
     }
-  ]
+  ],
+  "enableFiletypes": ["xml"]
 }
diff --git a/files/en-us/web/http/compression/httpcomp2.png b/files/en-us/web/http/compression/httpcomp2.png
deleted file mode 100644
index 63f467dd2dae8692e2a6dcefef5b988b824f310f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 18717
zcmafaV{|1!*Y1gJ+qP}nwv7o-Y)#CGlZhvGCN?Ivor!f~PV(h_zkC1PwQjFk-Cf;P
z_3YZU_g;HFT^*yUEQ17(4-WtUkmO_~)d2u-5C8yX01NT;BwRuM`Rf8{Bc>z<05l{b
zyqiIN)xq4=WyArs(}br000cl)QBz9BRZ&w@<MCi<d}8YJzsJWX=znj<#>Onf$?`k*
z4+e^Qcb~n}hmM{<hx2{jFaDYW^NamVR8>`lO}#EZ-v9v8;h~YItBtm{-({txR#ui$
zgkU?bADKTgC;<R3OY!65Q*;2><n$~sX8;xe$j{9s7Bu_$v-kw`b~@h}9TT&^xdgzF
z03Z@w>`qJ{+%2x{_<DM~ySx1w-U$v4PW!z<Ng&zN+gn*xi4O;O0PR|s8hw85Bqk(-
z0Wjw0=C<~a(~^^Pb#;R*#5WfvaBy+|U2d{d;*!$~?DgfJ9que|{xvi-+&;RfZ)^ns
zP<C%#Ry%$;IlDA;j;E!i&Hw2E!<FRb<_?dDU}R)O!lSCm31(+!AN*ZSfd+|;il*tF
zKDKs(j|x?u=9lGT&^UXFfPnC`ajs`%uB*Mn*VlLL;uRK?Tw7I|l7eEXDIN?4Yh(I%
z_tIHiO;u#c#N|pmB@P@R0YQG>9;v8VY}LG~W4wtF5gaUZcS9+)lr=E`;1pR<_TApk
zkT2zDLyVm?HyyE<m{@(ukDkgOs?69Vq@;^o)rt!8GB&a3=ot3)cH&BUG_<q<0fE*=
z>hz?To#`Hef&vreQPR@Vh4r1(1gNs)IOrq{xfRW+?i#bFFFIW4{J7A<GAagU_BG>&
z4G9iVP|z9K`4Gr70003lIg3TaFB}K}0S#A6X|%Ke^K^ZdnyjE}K)j{^Rf4lhM&(ds
zMv00zo23jjr-Uk-h@y;!p`=BCr?V9}8iz+>g;Q)xaNZD5gOh?q-d>5>SW6ZSfWyo$
zNy?!s%1j>PsyE&Ln@z<-5BP%v9ZX)=Qi==;o=66TN)ZPG4Vz9y)5uQCILOM*u^`++
z%rFcIo+v58pIOnKj!OZRQ{On`C!aRZKRPouz!Ql<-9>{9jX<0noJ>s7ksJY>S;oyW
zsKn0gJ3A7wv12$M022|Pi42~pesm9sgvTYK@XPW|<A&%|QUL%sW(h-St9YHD25xm<
zrEmF^CT;y+ub({Bl{ElWc-)ZSFkle8ZL(a{&WQSm-~H;!;NJPrW%aYxkZm5auwL2i
z|Cx^&qtSVhUp^3%QAfv#1}SfeYTcsdLx20nMC?@lgYFn<ZHW($q8MN415-3v%7N>2
z%y<68Y)b0vI)(1iHkj*PML;S7=dyM~`h|r>&6M)+Kx$a;N9U7b?^B>_zFE>jx1QSg
zj!;wnMSAl}XyLZ`pz3dp{e^w~NW#ILj(mRmH|x89+rdxkdIPep;k~iCPMuA?gLOqo
zAWxu8$z08^=h3OD@BA(Chn33*n`bK}g+IK?Z@t?m<|1l+f>tXIK#f<O;qiy*kH=?z
z2i;5Bp$lIg43Lu)(*&+x<oKv+{vjGQuslL4a;u<-61B9RgThK0OgVr9x&pzfilm{$
zq}D=c3yaint}AQ})3vyXhky*<pM0xj;^y>gF7%yK;_)rKl-jXU{!wWCGD#0AeS7c=
zBju>Yme}rk38(~e+;wE-o6J0U1_f=oz>1+l{y)lk)@)|xV0c_|0)81eH8nnjhf;)!
z{5GrANF>}^(Y+g|sQ2NCrD9@yjZQv-f%(k&<>CW0Xb51G6xUP8>Xav{;*nmWoOt~&
z`m>f8yS7NT1CU#xX?!2N-LJn8b_C%esFtO9s)u3kAd)3jz=(s{|H&KPJ*%YU3mfKl
zm5tps0^z|cUHKHr`{ALK$ywPOzxz*#9z&2YV#nSue8n-i<9$`xQ^T4tmsQQfltBo9
zKWackE~@vN5!k&(I6gzo6qiV%Iv^50=ZH*$2X}KbI)B12CrDtLzs6W0gR(*_?$f62
z>pDY#O|s)s|A1dtThooXRSjb_40?Wk{ijS0oPy4LLa1ul#yS2C)&p1gvK7%IqIqW7
z&mdP7Xo>suRM4Ok3x=&ELX`)?iYEB<4?{eglc;L~{PSeGumANuXwpV%{<H~dzUurt
zvGCa6;m=7=_<jejzTp^;llVWx*{Gc`g<bP%Q;dLTpS$PD0=-miYTym{lCR@C&E_R*
zj7dbV@OL2@0aw_YYq_^u(-|6ibpN16?LVznLbG<~hg=Gi0l^1~sA$yqp;X)$M<nU@
zt{Ku^HQbTV^SD=tp)2;moRuywo{Zbj&pE}}SrD#O5AE2YCJ-PNmgRUYRbzTM;`})o
z@$O0QO*Bu9EaH?(QuYo#l#dwIX>QE$QGm((C=Q@%jZ*}@1Z=h(Fn&C@5*Z7Km?i@%
zLDNF^E6v#p92s-<9F_eVMaHRQnpv1UQl|>z%o*LNw5C8g*^oBBtK1!im|U8mn`M#%
z9jX(UV_f=b!RPzS*Qw=cp~wI}rt&U~W!F^vmHSub>7zbEFkhL2Q`H;x$Tm6oBX+s)
zNHMw^UnN6dR9zhRzF>^KU<!HiW?RP}PPn=%T28eq*JO`RSyk;+Kxlx87rg>4$NX;x
z5S{m6Gz5!uz>tJ*y-jC($bUVWrmZJ*b=^eIsf4<MbN?;xn;)ZgVMAaBLM$)QWUXx7
z!v<4zyOYr3)Y1wysWGh{!IIdhfIJL$hzIOK>pU+m{e5b%)N3oH`!PPjd3#Kj!$7DB
z1afzThfWW!4w=NZ-^Qtkcl7OkyF&Lnu#56z^gq7pSgl9qI5U!84M=4OkHgviytH@X
zY05`}e}vjWB%05G+L7uGwJCU25L<>Qh$&fue_ZRX$wBO-6oTx=-}U>lKqhF~>U80~
zIGOYLzhEDpJb4uDXlMMse|)Yc<TsYqt>Znxo9Uiy0x$z-`C@h>7%up=p+yONK^YH8
z=J9nik~U~v)DW8<dOeIy%y@D+&e<%q>QC;uQ;>Kut|~U2+3`y%!3TAW+ERi~_H@rG
z1~vP<QM)k)<Z0<WW+T^Rr)G5=C6%@4rna&qJ#UMui)A?(sY?`_IX(&;8DEo8q2vOX
zaFxSxu{KqB&iih`LCt6@6@YTDBDl)mxb6arYaj;nsmf!$#QPn%MbUE$9KoNrZAX>f
za#mj%@(#%dFSD*%`4Fbo8U!wj(mSw2y+r`Y{$a|!PDai-p)A_P#2%cUy;arg0TVwC
zLw6;a<=FpJdEqIISLXTmy9n;+xe|Z*ljula-emon*TOxyu$ug);=Hb7x&DTPppwC!
zKGh}M)7cwfp~%2VP^c^;`mpacd0t)Dp`S!e=g4IVLeDX@zE}}OPU*G>k?1pjHj3Hb
zNIz(_gC%v~(Mnbd!=HseakmA(FvYo``Jim=R?#~nun|gHV9Am8gFFXe{Os&#KI&7m
zRbD?P-#6bb(cVQ9>>kGiN6@L(f3w~8;WXp{W+#AGY2ndje{K4$=SHw8jK#c7ON?m8
zeFGEPb=I6u#$n2xT%ouD5V1yaWN>X}S$W&?1vNe?Z$I+sNcyPQrqr6N5%_sys1NP*
z5=&G3{+5*63v2-j^dPfr+gMdL+%RN6m{x>nKWRH13;Aa6yggbrcai7xrsDAMhitbH
zkaFQ0U=0p)FK4WMTX2khkc<#)+^Dh^5HQvyu)tf^+g?|?y(6e2ES-nc*PmH&yALF`
zcv;g#`GfYI-~h(*d}-e47qRvE9a|tVl_2>IiV739mCuhdDFUVpGYh%M0+MT5iETiv
zRqz_!dyO@OWm{Lk==CEZkYKmh*lV-7`8O|wvTMNlucJm-+`==yDd%XrlQh9lCPiuD
z*5k65c-UJZ<{{fo{LqRY-#g6;f7=M_t+_2o>N6%^v(y_PiD|~Ed@SH9T$ZF9#W%KY
zabmPDO|R8NlEQ}me~SlaubT&i2G^pVhLJY)dJJK14;Ygtw)B;23ei>{GE%^$fT1?1
zmVhsmm&=`KOEfQ%ziQgbswi)4Zm>AY``1_^Uq^@x{_8qPd-ZM$#*3+kC+xJ=<(MLp
z=d$9D^goK2g1$gPoIJFqVglH?*%jjb#?TezzyAogL@OhE9yNbpb$OA?D1>E<l#&<3
z8bySTj(ua7R4ASsdo%3_ldEEoN+2et@%r)IKdhLbFP<ijP%P;aL&VbqVuN#0Z^Q7v
zG7EiS{P^CrJcqQ4BFgH<MOIWL;aY1iv;BJ9dv&y^>0YT8pBEvrFWui31mT?2<8vot
zb+>KkuEfT#7x&Ke$LmW2JI0_b*qhT^Zz4RdQ(b1Vk-*WBM}~(2TGYqU87ipAG}vO~
zYGOw1D9ee|5N1=w-oXB1>bdCf_q_*S^1l&XB=jV5nqwv8+OE~KF4czHU=6mBzi6LH
z6h;K#@+Y$#Gm&=;X&L61E^?A!^NV5dVE-K)zat2%<ZJQ%TU>fYKnn2M=8*j?H_`H{
zAa(dK(xt49-^_UNvq;Q}nwCsB9%VAy2!g&F%gvQg5WY>H5Fo{#D$E;Ovb8&lLPpB+
zH1e;{hGoc*5oOZ@<Qx6k?L?lxb1x>#cGRPRWLm1zmlQ9!>(_t(!{kOum0b;r2ja=3
zp#P}(t?Z#v{K6L0BHF=-gW#MzOkGOI6we@CE8Tyc*#H9{k5^WmFI1(?d_tt?uly%e
zW&fC+eWK2Y9bPPd!0Gw@9Y~H4NOzO(NE#4;)7PIbG^nf`H3ByrP9ou=m~~rjELX-$
zzDRpW3)G3*9Gydg?20YDVWBOd7a>7KRULpVu)MvHFYPi_g%*(+dM9Yo#t#+zCGja^
ztyjwkRM{7bhWiLh+iG4mMdy0IohW^OCa<Er{7w!m-MneAg}#&&?wdpMe^w^m7ND8_
zCrU=vL?bOqcvD6!T%Kk~NO|jSP$9O)wI*b%w+P9CPUZ8V1J%px2#aPhGJ=V*6>{~i
zdxsT6e?o<wONm9@F4zHKK8Ls-V;G+i39tKm_QaFl@$E2;*GOqCI<cRFlkME_RY^z$
z$L!U7v${rHY49Zv>5o8DoZCFVBz9N5u$AFa&*lclXkHBC{^&z;-u#T>#uh|iyJez!
zLdFOd#ZGlcE&9LAV2OVxt3;WiT6D~cxDqheY$0oM#QZP0p96i<;4$*DTt_g_V>!e8
ziLU!9Gsub*l-K_pDOv<VItLGnYkkeK*-WcHqrlp^+WxwYjto4`&<^A<Q0uhnn7HUO
z2?>5o`jW3<K<)HDw+;HSw#^g6>fkpW_w6Ca3?m6EtEhYy_k;DfW3AJk%$fLR{u6ne
z7OecmfVBIA$_I{AAsP)<np-b4dANuooE8$5s*y#?RV*0|O$yBl&9a$Uw_0mcdJ|9u
ztIyz3S*$M5f{o>w#?g|mj3eWBp;)dw^ZqcsSNC$&$<hTG5+hmxzC-r+=xF=x@bKU5
zmG{n5_w}I{%2xZw!&+=zR2P~zK&=LkyrA-k<EFfQu!*VcVm?&A`Z1Z*N?t!T717R=
zU%gt=E;Sn+jYWk`f%(Q>9RPx7VQGvUxdgr&ondC;%`e{A(a|C;<3B;5{<7$@eb24C
z&D=@$p?WN!)8I5#VlU%E@Yg4up;ODo7o}?Nh26bp(0JEKgvTx)a49s{alIO5BM6iX
z(qjZID)s(tC;4NsY_-I=7JO#vyY_gwvy#`dVK}ps;z?8ZD(S}Ul(qP9%H#{}jC>iG
zu<a9QBFkrADo{7OJvM;fKbWw{X53tnv6R>#Caq-|=w2;>+T`qQ`wefHd(@n4-z96o
zXGMkhbS-0}=JPl+JTxpnHs7CJAb5f2_0hb#0ShyZbQi%G?%9xoqlwj|1CuY(-weus
zi?JMEUKlfXz5bnY|I;sZ+=|Y;+n#Sm%T@>VDq@4HR#{T6>0mubR5J`4*qQ*GbDW62
z`CP`cOiyx=g8A8kVd>}&-Zg$m=jOqp)t+{C(ssrl<{Vg>;y5?Qga5RjdCzpS0F!H!
zwF-*ciL*!5>tEPAPH4mV*cB0|1)07UO)al_nfNJB1DC{)a)rkkUA}d8xSQW#@mJ`F
ztLFV5%<eU+)BJlxU&1T!#4{M!L)X3^`z>JarzfK*D>u>E6~!+1F>`g(HNL66L|jTX
zifV|q2D+)zFuV(%IG<+g?+I;ZdrhoCIN*Xem1KvtVMBMZ8;7~x;BrHKCg#EA_|<Ft
z`%)GmPo-_sD*M4SQ!RZ4k1&GeE}9o#3%G5XB^3r_&c+fpB?zQgMK8O`VRh8>{G+}-
zl!B9x&(SAp6KvCMkDx-{eA$8hJQ(<3dr<Iv8C0k_3ij+~iEplSMmZE~{g%tePZDza
zvz7qZ>Z7vjdGFrm{wiI7<Z_QFFr7`;B)VwtX@5qE%EBltEUcciySrOdRP_7|<n=u~
zJe-33=IV+HKP4zSFfdRA4gqn@Fd(+iiO<6$Q>t!FlPs&bSPzck#x0~3X3XS}?lp&h
zdhA~<feums(+^O<@XxRR2E$=`CXZ&59RjXWN2agH(?@3te+Fr?2y0#L$~sc`HDX2H
zWTSn6V2MidV!Ee)8I5H<xfbQD0s4uC$$Qfwr4YfxBFEwvsu>NT;I4{HkRlH#S2*lx
zKN@WNnQsyE?J?lsf)F1cpMZb>4b9BloE-Za>{m@qO=aaPMaKR8y_D`3rSy2c^TnIh
z6O@#cK*sIzB@$n5b@CusLS;<l@DvF7EvJT{LK-`dEIkL<KEiqj2U5)vNz(=Qn~ovk
z@)03uL(z+UV>-c!-7D^c2~EVpKSOMEF>!OdH6Vp4!_ccYMcHDqaTqkY)U1T~=A`x%
zkPAucONBy)q!}U57h6Q0HA1IG8>QXf|ANddOO`%uqt9^(8C&{HM-MFP<|)EfIF=c1
z@T_KWV*8f!0#gnPuaTxoa@i-LCd@GSBRN1nG0!zkb=p1YKXxZY8b@|~A1}=IYG_sB
zSd-RgIQ(OERf^%z+1dFen>Q00^ZQFkh??4J|LLBYH8mzb@2(ug5pt&3egh^}e@W;u
zcBZ+%X_=k<K&mpmq6iQ>Tig<?|6gB-R#j#5?>g4xbwr7ywfup6-Oo#_VO&u0z-!LH
zY(5qN<BL=4;r{$w=%4zS*;ROTm<2sMi+h$r6D+{H@iA~I$#H^!iNa<gJ`g6UqJNc1
zr*{_H2R#3qB1H}S-FDF*>Ii<gNJ|6m{3{OK_;BA};wusa%opcesTF7t@AcW7UY%tu
zAk~qdv>fF1u5OqqMfEtOv^%|H&4*R@K#68KQ{E7HTk5~X;>vJ3C4!))sFEo7Kr7qU
z2ZgYgpdEHCR!S4>!%vdH^T+L-CRDcGHoJ*x>amRDvr_ZI*E0_5`L3QSw7j~rt&41k
z0-_CuqN~eEPPEuzroMWnwC~3;!wMr0^WGa8&O00UkX<ZsxhJ-67k}98_qlG;A*ExK
z)vVM3<NDer%R0#mkHzPI^DU%sa*;odX90<6%Gr;~O~hgb@^<#{P<=X;LZ~b%$bIEd
z(s}D=&FI^mi7LNY12|I`&(R1Z%8)Pz)hk9AVh0w>c=N)M1k3&H><QI@nj;i#a`w34
ze?4daT(ORa@N~Gg!EFKwEXq3IWjMv_mVoNthqmvGgP%T?kI9h+gKcu8GQbZHl1?`S
zt0l{$lZ2o<A0B__(_hd$v1gxohi<nWYEfB>&;3l4d=)cD7&hVW6cNSt*cdg+@W)XA
zY>PL823ic7&Xc#G9PL`fNve_@U`|Dv(4ZX)aj&{r_ildHX-%At>by_8!Vx?(>*WdP
zj2>EAIWtZ6c-5b?5C8RKUHOu9toylaf^{3ras%S%wA(P0Dx$hJHN}CX@0!-eCXx%!
zi3TslXTpG8*feqaIxsi6XUQR;uCG%cef%bU=fE>ozn+5Tyowd^ImGW2a3qU1kFtKN
zl0oryEQsJjtaYO}44$aLCfF6?n3HwDd;jt)F6!)qnzXMe#QZr`=pFTCr8ejpQw?dQ
zJsgSGUJ=jS=~^c-@HGMko=VX;$~Nx;Iczi5g1hS{JP_mDvjOwnUZS6$^T-|iz5Dft
zFaO66L$CGBcA;7~XZ~4x;~Oja%~}bCJye;cJdv}EWo3gWIDboFiS}#lEpi0zr5-Vr
zh>*U8FtBZ{@cXdV$=*775l*dOr{@lKWT1lPli}=#@WPOm<Q{GoB`^vwBMlqeeVAYa
zPZ%}mu}tmQM^z~vPNa=QGqj&K#jR)zvvq-7yjg<RBM=Pwq&lb<L?dAP`BqxxStsP)
zW0kMiJ9t!mi<`8$+Hd$z#}FRU%G@Bl5(o#x<s*MYZI2#HGjR99x%?S*i|!}IP&J^s
z+XM~Q6*#MHad!yH{h}(L6u*fSL-mLaNfsvKeo5Ggz=3;VCUKqqZKdu2-J`!xM{w}Q
z8a!o1jHYvN_i;ZHmk|+kt(4PhuMcQsnyBjf7ZluPAU>HcZSKhl4$^@ejaLYn!TIZv
zWuUS<QSbg>FVa_+d1q^6^E)42B19$(yoc}<#>wbRwDPRY2ir>UEcKial!I!ecFV;F
zhY;W#dfE+vNJ1SM2SI%70V=@oI0Hl1?5#t1*C6~z5Nh7wpHw^dN?9?Z{&Q7$gF9H?
zw+b)bX#+CZgVo?w2&k$dCLr#zqo?2QBH7(}Vel&qDul|nCyo3tGqoQ5`+;3k`;Tak
z3SA5ZD-xW9KU%8FQD&LrUttY}$JFL}csbUZla4jaP1|HJH<sx@?kC!Idp|Q<WBv<s
zdlU5@`<HLVgF&>*u3&nDSmyJ*IevVDBhX~_INro?BgDNn5WLPfK1Qdm3#0gRmBg{+
zU+?#AGLlC(WO>+PBOoJ^pZS~sxJ2jW=^d`>1J}`<ipJaz`*;We6?i*Ae}6u8xR|s7
znnM<pQ-d!hX->z!5S!vei0!<_hz5$|HN#bn{=%JIcYi5?x;mguhbHBYWXwjww4ml8
zxd7LG&P_X|bX0BsJEDN0#+v{ahnx}0CVR`D^a&v{kVr@nnBIWp`jilDhkQo#JhmO&
z#$;hsmGar(eWj*m=uOy*aDhxpEU~X=`ct99wGYI*-<U!%FwXFMm)ssZS`ZU5r=lwq
z?2u9#q-7F9312qyET4#7%?8Ofr)}V8j*o@mVBx?e?XJGzZoc5_maUxnvC#fBJuM8d
z(uv$^cMl4h)bsLsyv=*dYwyj<+c~a{JRV9o{;ibHTqpg6$p=B17iBWy_?v6qN$&5h
zO?ZJ##1F4XoNQO%P7ur6uPM;@UQ3)Euh6BV{dUX9RvkV=&)`@$?SpE9g+ajR^rZZW
z@FSVKUA-aL0ksX#!h71_<-1It$a$~MZ<8&yJNa)zQ;8GqXMHT$wK(1?Qkx+?6%xaL
za_;h6p%q{z+_A$CFFNYsf}Oq}++o4rgYA{F*|_(JH%zw2z(<G!3nt)ei@MF#Y4O=H
zzxUFPwkzz@?6|-26tNu$pb{MLL&)k|y50T}cjiRyLmQ_;ROIy6y6jrJ64^+JX?B#5
zH`Aqk_t+<r01s;Fe~<XtI<^)kx9R;tAOQi6ES`bk2rfiG-DN4ii;(AzVf}u+>*8EB
z+$Nhwb+UD`*D}U%f=Fu4quQY8aazkGrsg-FXx%^{OIER=Vd(&LON*Tr)5ci5w143h
z<j+<;Y~GJ4;~bO%-&jqTD{`|3+CT3h%?wYg3w;}37;-ix=A%AwJdA-s1)2^LiLQtA
zo66SKNR@=mt82n1tWm-$nM0(CGQt(5n9{;oraY6A%hej21P4<_z{(UMX}|esJJ6YQ
zPrFx)oerzpKhG&-IZzRc?t+aF!8Svjc!cxIDs$s9V&^Ljq{^XYLYm37!fK)qQTEHC
zD^l+HP-aTcFNEQ$;z|vq%CbgD7AEQ9Q3{4YLdfpUjgcg@7PIk50TOqM*+OWbzTx{`
zCP;hml1tCVd4#B-H`!_viFM0r;JYmEyKq+0WHl#AhKf-pNtl-=k;1~6Cy|2307x5%
z<DXrdAreb;6Qz#_8y0+d&1F#~A*ZkrKg(g`NyNHWWsy|epUudjIs;m*BGj$NNw`m(
z<j$8;qLL|UrErcPwIygJ3|YLs2ezxs*ThDxE+34ctynMAI#oYVHR9MIUzcIyBvXj`
z|Alph<GT(1%7$Y3%y~fYVv%hN<UW6+{r!?73CIHeMjIY*H4p$(3-hcN$p2IIOFjZ!
z*^&YH$XARpi4by>llGvPAW3EZuE%BtN1l^8{2dDzL{ZjC%X-<Bi-|jB0hXMX@Iyq)
zh|jWHkD-lNjG-m_qRlM(JoGEYXgMpp1KFBUg9*`o;k>kO20M-T#bal3Nhkd#Op|<M
z28?6HH0>`objRfGU7C$kK{*XWb*w7UJ6A9q3B$|}Q2gL{pRZ%`6KNYDY#%i&`Mcuh
zAitoHwCAL6D4xK&9sQqiYf^FGIkvAW9Km2#2Tc!-d9sm_i1{k?bv(`19|JP*y+R=r
z`ReUQk8Vfqv+6?OAJ=1E&+5k)PPr67DL(D*uLd~(0_a8Tfy|PzE1gw;;Tn{RXvRQZ
z`j(M|bBWua3IBiqj!Ww<k+w*m&Ih8;f;Pr26isgvcHth#p{AM8<25*B*26xPEG<Wb
z=RcSSB+KqNAcv#+1<_IJE>3*pu)-Hlf@x)Nl?cYZb31vC>6e1VWQw9vPSz-wwj98F
zd~ZZv-S6}?wcm|?dqpik@LQ9SkX;K5Leue(#G<*qWV*77_dlsRZ8^8u)47@lRIAJF
z^>KO6fdVv~C8%}YI)C)-fpaZDDmTeZ!tH60uu_1@E8$w-R|p$d^d%(7_ajK@`O<Fa
zURWZMEob&&-|y!(u1opmIGdF(rkATL%jCL7482~v2ef62gXF?<Ak@_D8FMRBvlBin
z2=}UI`3&^p2ZrbE0yMA@QQF5$?bJqnp}TG-&6_u;;$dM{V+f{4*n&`E2G6&&ZaY>x
z=`#wQ6Vq$<EQ~n2w&I?4(QQ6Rnr2?Fw^m#^Swu{?Qu~7Z0+7Au&Hx&LYxcldoTdZK
zk^AQg1a}AHVTFQ<jccRm_2lN)6H~ot?7DKkuBS3iH+5&k;Y5ZF>n<4Us~X0uqT$8O
zYAy$C$f0iq@=7%a%n}!7<L!F321Gm=lo91_I;3V(dp(G~it<diCVC~)i_cfW4u4lV
z@ro?WV&3=Uy!Noh!&XCDy9^Ku#UzLuwB~$Rrt^?ITZ<(<7#$(S1O&xfwNroJ&aY+Q
zAx`btA+z8dmj0$B>iKet&WJ*15(}mnKj|Nd-?i?U3XK2$q^P4@(A(NXG@xrSLTjr6
zE7vAc%C#`L2mixB`Zzfv<gjT+RRDLvK^*vKT^=kl$SbZWIw&eGOL-yRV1uszD;!rL
z`gb^L1a<u^YYyrF99f>Lw5=^*0ApY@$^F4MK#ZIkGuty$jaN=+Qm;gzPoAsMTtrA)
zI%x`usa4(njoewM`15=&uRV)Tqf4~CLo~6$CM$Qt9|Bw)?FF%ThV^X{UgW?mJUYl4
zs&Hz5Dn2Hh&PXs-wXcv286WcJAuS|kHkK0XS~zS}<ViTH%GezoS|KVrJXuka4QB0S
zO#kv#f2Q~l-G!M`vSZm=!G!*W!Y?PO%_6B;%sMsZEYtUR`WD|5Iwoet@+Oe=&Kg!8
zz1N@-Bwo)%Kggf1r6xKDA<xW|_8$XXx8s~>$}l?;tM_h&GcVlEWfLy+E}pRsn`Y2W
zQzM7pmBlkoYR3e2kqb8-;#+@fBuA7`$z~o%(0wXcbgZ<Ul>_6=gbm#iC>9&=-+^OC
zbz6shs<hId;N=tA0&xgNiD)4<RY_VPd$!OBVr1F+8+>ZoV&NI+gLoSEo@#mwRo&=C
z5)>HCS&Y_xyDZFC$<NSw9~++g9A*EsQ4{ayjn^95&S+jH;=}y*G^!Y2CTk-qoWhP;
zMm6~>O!Va~2((g3-vdntYW;37QXs-xw5JzN^SosBF5{Ogldh1|j-A967)ZGTLYCSb
zA;ZAK{fr=f2j<TVW)&DWd!@CUFoUT4Im)ag2ZJJoaX+cLz|a=2uGJ3FZE8=4wzckH
z+26a&kgipSgcP}5d8W5PJlj~r{^*E_RoXlWjzE6{H>{3$y0gQZuylpIc4->`9>gGo
zfsz9#Ni5HY0Pls)@wvyPT|uWib+0#cqF!FJzm06aK*E_4hNyp3Q2^AnS2}H2Oc%dF
zhh!puY5Kh7IFi)9^Hv^Ms3|l;KKQiaUZwSp>cCWmY`J19c0~$K_v@<h8c}F))PLH^
zY}(-_bMKE?EtmRW=Z`<PrHfy)9NZ}d`{$!2&7&#vfA<171a&*X%ey4FkvIigNQf|3
zMJ}y|_~8fIcDEBhj1xW@)Z9H1Y`<L%$-sHjv$$iQPVgab7#z_ZHd@rS6ZS*mZ7avB
z$~&11O?eLF^;Sl<JCt$lktC+|oHX_1x(|xqSnH<^!j#|ed?43LbTYD$YP2t@#*Xt6
z$u|oX8s1K}{4u|#=ZAm|YIw~-(}7yYHJp5`lCINc_Bq0z+8bUeTD0Z-kq{TIu4(u2
z96$1UlJ(6s%bVecpnLo@fV>CWLejT`%Aur1_|)(sInJ$}ZN+v>i1JHs9KmCnv2Ww0
zQ-;NSU5YJnv2HAuwN|nJP^PFVHjc-aL4RpiAn-X)bh*6Lq-LipQ)-kdE50I#%1o>}
z;#@maGNh+pi6fFq!maC9hD2GhfnoKZ3~3=PvW&A)eOtmCi%U>TI1){?MfK1a6T5++
zkRw?2kTa@WAeR0~brw(5vND3cTucI*jDPdTG(bFkfiVAyv2s&F%m$GB3%i|OXQ4U)
zny6}o6(4S0FTSxwj)F^YYVXuX?K|1)LQ2aQe9eF1@yvNd(a|M)fEYP$Mt?o|wdc~L
zsp;aG-4swdQy<B=x(E>yH<8N+Qkzrw8whNvD>ibh9G<PKHmF>Hb9+7bp&dpP5>*@v
zpHss@A5q1|w~^&^NJ@5BBs&6-HqR@%bTCXe#gRe5d!G(CI|?6&EWRabOq6(mKNqj(
zqmhT0s4A|z#bbA9eq~1q-#Yv6-j7sDoT=dvV_KIlsAZRN9^f$CWn(XK=J}7gz<Efw
z!$jE1*gQ9M;!od>eP~2)i86>qK7lixEwv$p-297+F}3>ULZ)gz+0d}Qx$m=C)dAWU
zPtw+$uhMjyVm1$MU~<dPHVNI_--a?&#wKph?T>VsNH|h#<9&m3F69&GqM*e8B0%IG
ze&Y$BaC{saEYu&Y)<Y=k+cu{|*R^&lBGy1~!p3ji{iKTbwWjmCTwENi^n8e-zatQ_
zHqcDeF<LV;;Vu7l=CE*7TsLDln9Gaba9%{B|Eg2JqP(aRrIoK-rx%JilP~-+2zj)r
zsj%JoO*p-+b1mt6To~!|YSb0J@Cpwp!h1otJIeR{v4dxqkWwE!(=|lW&^~oiSB6g9
z=3pxy*jsfp-u}O&g@S@yA*8g0(M7N$-kjyOc67T8rIJF$`F!!@HgR*hXHo};%<a$7
z-s#UWXIF{8iq+e5uJWzCLtF<MA+3*fT9jNC7C40NvhuGduO4;moP-brFKgshIU?7x
zcpY3=D@|wun=9*rMA{R7m0V_L?tdV9$nOYrk;Uhyq`$G0<&)R^JYsL(x8GUMUnu7`
zBZ1O!9tMLg{|l+W{e-qoO}Z{EW`ciwQ#RsF0%6}<{css-@y)*Chg|?k81*X^jTb&4
z!$jx>@8SC4?k8tNNv-z^Sfxq&bfuXC23TMU=8_1Ul}@nDeF45e-p?hWb7!32gim<%
zpwbW=7STU2X6JoWD&%!?sS^mJc-B156KNBNC_M``g&l~UvE^N!lxGD2!7SbPi*+Od
zJsHj1qVZ2Rt93#i=@fatd0RXzMLo?-1Wrz(G$!uI0pb%7EZY|1J60$hMUf<a0pAWn
zR%i*q^mXh5bb=9d{?ZKcX|fFJcRhp~evlD-i|_W}hDhd=>Q~cQNJ{CrFGh${9&D?v
z-lZ@0T6>WJtX&D$%v{vEkTgch1dTYSX*2wy&_jRt$up+zz@`JUg`aW-%KC5$d%G*>
zN-+92Ydz@&#oaL{S#|Tq@BjUN+qIlv6_4^0NYHDg%=Iosy1Xevt0vl)7}}%hVezJ5
zmm~uH!GR2vam`W;@g4%1?<xq4xF<)r^(rwH|2q4tS8K^;i%^TnBl`vriE&ujlELED
z`Q~xb=ZCRNqqh6+zVGb;kl5e)n!E4hS?o01m)eO!2bRx||5>bTgGBr~`J7Wd_A@qL
zyXqt(ul=VVBbP$jumyeQmK~hw0=|yt3G%AbwlnOz1)~Zph{?=JH9-5t!A7+qnUaZr
zi0&z+-C%{xmh1;?RJyvyl^a)iP&KA!d>&cS->Wb}``#pE2+*kx-C;osp0!Us!>=~t
z+-tlP6GC9+X;0tu)Rg4Dg^7hqQM8~4k27Uys(iV9ZSF?ndt)?Or+hEPf2~UO@T1g)
zCW@=y?s2=Oi+rPH!8h3Ex|A4J?l{=S`EXbeIDK&yy_R<*r+(zIJB@NcE{;_&%}iag
zgk!S5U0hNR_vXT`%~dW8Of+z2*?^)3^m4GVHTa_k*zBrTPng%28hC41{iGx2;oQBu
zvpyvlPOs4Ub}d~^tY%=&#PdPn0+*xBW!@KyAD9`lvi+DH7R6!(5+g}kj|wj50=EiX
z_MRiGW0cjKj4$+pGTtO9>vQPJP!T)CN*_iFpXjQFgS)|N3ma@7afV4emc2pAKe#4~
z_>SR{4eqaDY5BJdEci)D*?4PCQtbU40~Z}c<&$RUt77myghq#PWxH>O6Y?XigHq93
z$HD0eB8`G{SH|6>{x{xY%t9xr)!J2H{4NZWU7%OE4er*UXPNb0Qn1TA&L>|8flt|K
zTkZnrb0og<iXfIviN+}XyDa_{CEeUwdv<{SDi91zB>Sz1$;4J4;^!?1?j3j?OlK+B
z156hK2S~}mF6t^{0gA`eJGyhU^={<0tMrGD5Wmb1m+fg6y+pG%T06#O78b&=Kt{Rz
zgp&}JGq4^T)YcpB-}t8!PmSLYU;xJ1_iTZUP0%!SJMNi3Hb=|9Z|szQ`B0b6;RUNd
z@x?#+nho|J(65O*-;<*IFw)KNLHPx=$f+p#=n|rx4BvvX!~G3p3bu5KX_DU~8oQs$
z5^gYKBu%bH8q+rXV=N`ICFdtB42F$UT+x&w&)(~sbTU$8SZWEFKkNtZgd0zq_s52e
z%nUJpq7UyyA+9cu;lz(6U{XzG!hU-9<l4c5xE~*%tDqhqm(@kVHVOQSS|7gRAx58w
zeBC)-i~FS<AJ+Dca0?Zl`pPy%)eqad!eO$%Mu!Bw8h7PqLv%|21eNn%9vB*aS60Co
zT_d6d8NPpSf3mC(u7Jg61|_jdLG0O{q*$Zwy{a<oRyEVwjVNENq4S~leHPtRw(HdE
zi;7lb^MdLn;fVJJpp6mP;>f)|FvTETykL@uz(dWVs8Fvb<8SL;5U_!2gR%HMDnm3M
z()E2gU#lks4sM2`D{m{-P9sk*x!Xb-iTe){qj?nOLQ;<71a-byD1#d+c`E}>9__2I
zfih(m8Vl#{lrY(qCK%D@FVm2@_InvJFcLWPXg1Np&-Z5&wfX3j5jSv!?1Dh_5S)-U
z(p@Od0h>%eC^c~YM>TSgMUQ~BH$acP(4too@*@JL2`)MjC7L8a`nsqDjVfL*xXnDZ
z%~8*2`HrD@B%-)jpoN^09CQR0NSLp8ot&m@D0nd20W#$3b87L3Vdu8=&(J}BQpUrS
z?1@(#SMC4eraRap6@wk?A@wmPut1*D?#~D(t8cM=D9AwCyipay+@RZiF&M$qZG~2c
z;~@MV?w9SF`lO4iL}9ZV70qv1z5%NVi-~ypWpYBErO$BlEI)g+u`#-d=J?AzMlUe-
zk&7K7xd8>6A2$L27$OO|*|fUlq3z$e(4NHrL9Fa<<~LSMdB1Ue>Hy#Cmc7A}e88|6
z<O}S~C_bpTnGr4%07@Q2Oafkl2#uXfuT<h|#r3D1^7^CdoPr{@imm4dCT#ca6*Koz
z5G_pd+5LdetMj)tC`6HOY`0z)VB2UQ&CyMh@{_+5Z>T}I^s9qzKD%$t7w_`Hn8Wb@
z(6MMhD2*>)lG?PkKdl%HB6Sf!_mJAKi6&MfSc`J#q&Lmfl9t0Chi2oBA)(N--*y-N
zN>&~6^F@1{+NGk<PsISq=sBbD+$PSjyO=PF&jYcU0XqEO*iZ!Rk3-5?rbdh)O>$=v
zHb%7&%dKisJ^JnxEHM;_jffE7gg_UiZp&zDdNM|g^Bg<tSkJFK$NP(?SuGgwF7iZ2
z<^TF;pF+#VRB2O$rp$K`joDjA0<y-(vkT<Ngxm?E%^D-U|HRe*#K57r=6BVF(w>X#
zJ0^kD4a$P);djNiEw8ZCQ_zLJm~vcT38CTl%F>ZL&zvV}5(plf0(*C-TW375BJyl-
zJrjmsxpK&ANl-Qv<2E>SU66J-@e|Xa_$m8%PjrzZMrEO9hO>fc*VYb})y9$mCdltS
zo~3LU$L%fXG^Mzyz8OIycw|DgB`^W;BQ<B)E;#$Zx}12d$Z9eYg6%t0p$Rw@Q#u1S
z$dgfFuu~1`n)C}cZ;@ms_Ueh<RYy73{jfHYo%Me;`!@<(lchN2TS4eX!?9&WK>FjA
zo7!Lwbk{P3h~mwY>k$pJw$yMjc%2>xJ1BhgIpX(^`H9#`?3f*hzt9$MT>5237>@Bu
zD;^5FF$p+Ni)>^gDG<?Eu_9fx0g<#I&E*FK|8Y6QuBzl~D7pCXBIIW;y!1H8uXD3U
z{;3DIy9p%9yDico?z;9yr;4MfRud5|sH?h|85_FKLT;hv=xi1D)fh8rQI-~c*Gd;v
z?N0@>KZzzh9_!9ZEqY6*Xb6c0GN}zF%r>&3AI2Hq?zz=}d!Iu01#$g+ZpU0<yZ^5V
zQSN^e{*MV+*m;{fk+vDSKZ!RzNkJMH_Mx1^b50atZ-7n8lCsdBSHwbj^{7Tdj3a$>
zLrGk>kvPMBF$P`XM2aV4BodQNbT!_mu>Gd(LE3$%IAv*Sf`ooABe{tDCQ+G)NeIW*
zj^*cmU3W?m5FEHI`437$tEj>+q=$0I86$)QC_{f1`P65>{%P&TU|oRfJtRT}yJffU
zt*$b`^1k!cst12e7&U~1b(x3M3gFF!6uhZd7O2ka-m#+XO;SEdKas*&Eb)o9-u|CP
zhV5Y6msWi&QTiAnbj|ed);Q-M|Jh$d|D7W7fQwZK>7pVo;Z9U)u#Y`bqBaH&HjMmf
zFXp=&B#LO71rq-11699lQpDJ8ik2SNwykVNda$kPfP{Cq%R$ZD1JzZn^+S73n~S2?
z)JAP3pRegGUZiwcd0>#Jil@$lTEW@J@=X=K(zT)K>1CHpFweDdb2G-S39VQe&PlL|
zm6?j!%O07jK(W?LEk0;wB9)}w*%W^lr^=}x(Pb;nruAE{Doj_YPz1~s7-w$T6}*+1
zvRe=Mm@IM6k>eTC&bi@c=J$}DTBz;N`~e7yZ$lju8Q?0MT_JP%WdIU-T}O+)Cu*GG
zAWO<AA^qn)*9kxP2^7CDTk4U=^o(se>XpRG{z`UkKCjwMOfrVB$qiIc_n%?j#Fah3
z<M`@b#uMgxI`^f6DSgd#3NuKUTZ{JYA2Vy|5j8>p-Z{l=^70+yXJ9_`a2<1u;VO(!
z#H~*GA0yg=NFj(1qylr#$psB;mdmEH?>*cN+Cw9F8w{N5P-sW{zb<dmPI>+r!t+i`
zktFV9dMHpoVa_Y>Ap6HS#ZRSZSeZ`BMtuN;M~G{k?Oh5G4T&z3`Nmgs<Xjh$AGAdh
z-Z#LnI1|s89a!iQOgL9zsrZl{(&22EG*#c_{QNQG<Bc_FA9&~g*{=LKVAz#agL5}m
z!T%`rEr`YAQN+_X^;I!bk_j1B5zKS|R(mYP%}#p$1M^SN5zz1T<#JWVkyXGbnXeYR
zn5x`S`XOJcLt?)ZLKRVO#d4+7De*ZMUz%Ij<9^*^Do~-Y3U+eKfJ(nqOM!TLtY&+l
zshYCn6lXXQetr-;Z(>2qcx&HFdH2%YVQf9zZhOHXX6dJ5PwY<(yN3^abvRitZ$k$h
z?*Sww3J%3ClnQ;rLKiw0?GqAv3cEXa;<^Q+@W4KJJv7Qi!W~&UM<n5MP+@}x&6xRG
zjFyJwc)zKS91C#jP%{gOujfoQbDjrqyY0A&R{e(BMgkMThPbYU**1a^gxt7dAKAG2
zi`*2lQvHY=Lh=Z^M1{93g|f>tc<iEy6aQ{wSiRk^v+Q=Oa6Thdv^Uk5wCY(I2qt_3
zTlRi|{8$EkVXg#o0Jg=j=CPZcZW89*04?{<H7Qmri`H(;tw?#rnxRak$m?!}7g2XZ
ziL<7kevYC0R*9GY;+jV3-4{fNg{8%b{pq%{!q<|6>R4$Fp^a@83;lrn9CvRSPy`|s
z&^*4(j@}ZgcGa4EEAYaoz{t3x!g)9nA9_VldOV*j;DhKPr=%=-<?HK3CwMcqfP%is
z=+T;H+-+K5YyYjB0}-MUF-K(-A~FTtL&v%y^20mp&r4fn2n>oG@9k*$r{73T$>|Le
zORAm0rDbV*H+awc4gy!FT29&9MqK147&ZQ^6|MHFnSUjK(k@dxC15H<q+OP?3-9q@
z;gkFQ-7R<}%xE;5F$#-0S*UkDdm*!W%_9<y_hNnU{ae^=*Ol`RiKl~S2YW7^qxwV7
z9y{Q)U!@O+{_R>*dG=v9uU&>@4TbM+v1i}8@c=!~vS8*bDE=&_eFiN5yD+qY*Z6M1
z?`yotrn<f&_6ugH{r%4A9*zZ)jIj6}Nc*};AFKj5H2h<R;BXKWaD=n5>^j(6XiqJX
zKfkCe#6Dn=1`eDvy(+M&(zZy{6{11OMX<(7P?>Z#3Pq!etql)c%qmng$p-ix@Sp=e
zLS3li85!hoY*2A3rM`A$@G|4vSTSz#l=<+Xh%OAC_<GJxN}qmoLxU4j!iMoI{DV_m
zMuxY!Z*DFhyqV^15bc-KKWp?&&?0B)xna>Sz64rAgzLARJu2|oh6H9K>LQKyUDJze
zliXfq4vu0+Mc0VrhC?~;G&GQE41%yrTx_mMN@O+QmOX@LbicL=_-_0+5es!!jv1Ns
zz~33m1YGdf85)vGFimC`;eo&SW(y>ccvW9?vTSlW<T&x$SKdkuE{NiY;c^vj3k2^{
z`qFjP4mfxh8-{wWVR;zp=hMa}fe!b0$i64Dcr4_QFOol-S8J;ZH&1(TfW7C%APzgr
zoS%D+wRsDEVy3t9<<#Vb%o2l7L27PLmHEpTAF|9W#A`(FMC@#Bf8U8<N&gZX8>4%+
z#GFp<;;gYV=lndI5!L+?IvZo*lNT#FXaN6CYWhPStYNLsh3y+PwxBOAUt2cT&o*k}
z2|uKn_E8PUnGllW;NUuCxh%5l&3j$QU<XM}YiovL@sl??v0`?WmY+Xr{(g|mpRG8B
z@eBNRpHnKmWh2Db&`8U8!HqvRr!pO5QIgn2nosezF7s5Ba1Nq6UtljNObB{en{3|F
zKm(bS&>GypDrhtE7xP^nY$94g@$0VHJLZYsj0Zp1xzE+|mbwvCFrTds78{0-yug$G
z5rh`*0DxUL;Rm~a2TCo+Cmprn@iq9lyWR9}On#gJ9|Xj>ZjuyVRo_xd8s(pv3Z>~A
z*D=34Ax0dYIwcR&v<`s9RYM|%eBPtEvMN@U+{?LHdSQDgIPtAz6CULEB+*$DFe}{(
zY(y`r#G51Lw?<;c8ZV^bWCc8&rRupxIV*m{*=@@(md$r(4WSEVA6`=+ajY2|QC9oY
z1(q+1KcR1T;lUBi*Zn{xK)8gTmstd`7N>##ikqd$x(=jv@;ze3At;;Nvb$55jtI$#
zPif;nv+rB%=Au5r@44Nf_2}@~{T-+xy3#VyOMW$fZ$?(@(A^h*CX#)J6G(0bzOeA<
zpZ=qw&&2^HYHh!#a#}(q2}2kQB$FF)+mBZyvVweJdTs}D&ddHFartlk!kT3tfm?&q
zM5sR$-~DX7ufPU6=~t4dI_{xYw5y#LpO}XXGILtQpOHfwAA?oIY9(OD{`9u*D$^7%
z#wVWH*bB2}L9KJ!{TX?@dEo>NRPs!AvyaooU+1eu0QIRP2Nmr_gMkXT<Hfx+mL--j
z<+HN|QFs3+E7TS!SyR_CYv4dgecp~32!RD5bhq?Rn+Ueef6t*(P_?sK8NT!xq&U_P
zW^hD$9&(WI*z?^@<)%m>1~!G5cx7(^S0O-gd?;4sRQ{}5ojb?uZt%$>xbesH5Vd}O
z;DLDA-|6}!Ai9QZ7kZxEJpv|@Xc!29P%gnV_}k*U8o!vkn8P$6#uAELY4T!QpWzvy
z!BDJCcfVo8*iTSY5DkpPDnb*NVFeI3_*tVAKC+l9Q-o@$WRO_sY7x22f~z!y*qE!m
zU1JCD%X2~JU%pI1Z=Z8(sHW7r^AG?(WbqrpqpA9I5FV9e%mtjs)8>6Iw3%YAGiw<C
zT}q1OJ7{VL5QEl^XCP@R3BpD_to#2EK|qFf6M_FNCUQNh>*?9Ua7I{ztAEA-E=q6(
zS<{-9W36m*&Ukl^LLIGAQiu2uT(KWU@%MPX=Z#10th9w-UmQ#s;s|66b?=?Mw@Tmw
z4{A6Mr#{z$CZ7VAp~`Rr(OOuH3f<w3XSz6t7{QE@g-VPfaXYjWs2L1?AQ%~TMNA6w
zc|=)<QvGqiO@FDdl049k$G0V{3=7*Z%_#^mX<ep#mOVL{QjYzF4Z}cVQ72%Q&JM(`
zY@a{AP0u+sKho8S-+8nh)D^`n16Rfc<{h_%yznU(Ri?ctnA(pR4b<!$xdnhz6@*;R
zL7y@Htt}1V&ix8C?$Ga|oV{oimGlmF1k=NTbRF(+Ac&#yfk7Fq+1A|HAxC(i`E1v3
zVKIELd>CnM02%&vS)2%d{+*rK9UMro-hX@Zk9w_2A$i|jpJrD(2Du$9h@0x`1PROm
zH=cfg(?;F(F=YU{)8q;;G_E8hMfjrc*36H=lO7d_V&k{y){yoQWY4<KQ_je-=Zu!@
zFt!E}V-@AGRY7g{y|S7KcwVfxTw|SKThq@_^%=A&EiE_?_nlvr)=eS%8Y$#nsgYVg
z+Hi<Y)-H*;gM;zn$TB^|f{58H{$7Zl5LLj2!W6T<PW{=CTxZo=`m4ujI$StGo(Y&@
zgLs`bNs((84snS~@T!8@{z0)Trd%lz`TF`X5P|2n(Z+`a-Dg*S^6#ZQbUU%zV`Rtg
zNQH=I(G^P=7yCKnQ|4yWl9!RO=a>6jTeGnA?%V(fu7y+B+H{96h|7Pri<1a+x1{a#
z>2kdpR@8CD8z`EAzzB!3k`DE&4;{1BQV&Bs#4`-OBRCON^8z!Rd>65%NECuxSXEM*
zj$c9^Pg+xzl$y<yINOpFdV!N`F*^$PO?Htowb}0Dq&a94@8itp5@MA*c5}EB^ftN4
zVS{qqGaY!nw$uGIdVLJvU!bgPtn0RPe<MbDu|*NSLPl+(A<4!r<sZYj-qGlycmgZO
zEw}Db95a@wKeKKOJk?7Ru&=NAiSaf!cU`GV!fHpjds|=6sZ^+ScO^7<?G~|Hu(L^p
zT{X4Nm|oc`2CJhFRW}4)HyArF;;BUv53RWF^}U;3Ym%Y*a^5+7a-DwzU%-U=Gh*s(
z>}}G9U-2&1l$1J~GrPzflN0pyS=yElr^_`GA)jf4;!?AxBtORs+}m(qy#vPpa%N>L
zPi3D>_Z5KAetAYjNKowag#FI80!s{aMCqHyBwgVVhH9Mn{zy8b>DP~wD}6Gn#r&L|
zNonaj(6`Qif39kyoahvf?|2U5TxlNgH{gh4C9+MXh!Zeyo5ilH2^tvg4@O{faw(^R
zXZreqXj<;m^N-&)ObV)ryvzo@d4BQ#1VjkC_cyIcNI0CfHuKc8tWDi~YN@su+13y;
zDplHI-Un=W2dr@Q4%WJ2qyD$}m1B1FS1*UpCyXJ{mY7LuTQxpp+e1AUQwTZOsE`1Z
z5SD@^nvk+gC=6S(a-G6A4v|H`OMF-ujb=(dBa|2W3|@z|nfAxd!555m4J7<2w%poB
z=HKE&VYM6%V&xp)<tUzH($Ls)Uf5Mvld7-Xto{MLAxrq;)yF3!y71n=wB%6-zX@gM
zdYiLoXbe=<bvbj8ZcRA6U8TJ?vA1T$Q%xjR5=p@kEs#=y05EBs!I@XNWiglELZz?k
z52C<)4^?dz&3R#0J#s8ZrBdDg&XPu;W;>bb%scv0{ystQWmmqAd~D(_I<k6@&^SV-
zJ=581Sm`%u>-lx4rf9;;&DT=zJXMjOh>)%#=JF?M-Sc9v+SzlNnLq{*Np~Q8Y6%Dz
zI1izWM`?sOyDEzu7epe;Q8GTV7z96Yl*(wX1Hpel0uZqPj5|NWD;ZM_<TH6zU3PrD
z!E~Lx=`VPxhaZ`L?X{U^$<AII-sNs^&bVW;5Q-$^CsBE%P4JOc!4qM7^02v{*Lx-{
zcp9EUK?OgT#JfY^Vy%1sgZyUbz8Pz;2!8Le%W4lhve&M^If-+bnarFsclrOc#!pJ{
z+1HrLZ}iw#xv;BPHVSmfIwd<VcuFIUpnI5__=j;P4Yi0gx5jS7JjBx#;C6gu1=|xR
zb1qJt?Xn-aV4Q3E)Yj7erg&-fbbX8PTjjh-6W*4do?gK-YDL=aIW1KpY(?vDnPp)t
zdE~(aUy#4Xwo%fF#k3y35zqT9T9FCQ|3bKjm{l$9V3Eg%E_iT7UpcYTUhol0Flp>L
zClA3lB_}5z{Xc?_ShZ^3c^)?FuV0}D5`1YsQ!cxwEqlz8mnLYu;D_x6KWHe`Z<X|G
z#~M^{H%N@vev4zH)zL9ljf@)-HlFY)+*nO&i<;CZZ^@!9%%Kt)!xokcyyR|?t5<}z
za=|Yny;0T17m1tdq8H;Ml)u2Ws8ACKetPholu7eHXLz;R@>{L0-TFX+Z~XTb{%873
zGx9k+*ZzlWG+|_{4R0J`yGo!Y4ZcW9Kl5?^T$~cTH*<p|r@lA;FI~fA`vP-xd|$sl
zb1*JDXGeR?=6e^@4B0um78DID{C=MGCUdCN6kS<bQp`&37U@}ZuU%w<7xfE@7BNJH
zGXMYtph-kQR4YowJ8$dz6)mUMmx#)f_+F&!mdWMcqI<C3)jNolM({RacQgo&1aFtp
z!r@J8*?CJQx<Il4pR@hA2q)%w$K7#VFS7MXnlO4~J|~l$KNqJ2&)p!&hbQ}ye-3&1
z#T^~RI;2Vco&RV*dVj>EKA`l+4Y^{q->?^VsLU1(sI`fe+;y^XC;)YH!7EX=SpD&r
zNH}v<CvHVMMdb@a0g6vwas9UlHoWsDjrFl4eL7+je1=u<)=Aha+|DSqwcDq(a3FX^
z#_!3Ko&BUR{}ao+bc9?gbMGpUIdgn!fLuMf4mv+KSdJ{PL1L4JyFrpqN00sVXVfR2
zJ33<B3TJ|eEgm@!UvElM3)0s41tacIY0j*C=PflWxm)C=`-r=Z(cS|mNMf7r-DHbF
z14`pSy)MllbD2yVE)NU4<A=Lw{-EupFP_rlkf}YrD~o2wu&W*+2`zYXj81D_Br{8N
z!P>1UEebq5nzO8#D=Z|4S4b+2R611`=-+s^l0JF~YQFsA=I<w%MHjSv3)}U06FLuV
z?;SPru2s?P?UPRMN-lVvcyLWF6+Ba{L&2K|h~T+HB{CJhThgGQC3lOww3w~P1aD@7
zzp<M%8FBT{&F;HXJm!4}kPa`J<09VIca8!H(bnu3wkpj=5zQZ^TmP?NOwtT%N(;xC
zD|pt85SDnf>X*OaGoE_k6HN}h23CLZ<kO@pNx?z(yD~(=a3*5}--&18ZYp^0=!i>C
zZM~h~iAghRz=G!vm8}N_)Um0MmfUr+aVQRDaFd4ge&p;&$fxDFPE16B#Kx(-T@Nao
zt{Glpg6=%TsBh8))Av50w75cIJ5GD=)ep68BvCzcbj;8%=o(gM+X?>j1ts4r_TpbU
z=1{5Aez>;eI4ikZq-X8m>*uK8$t^DKeL?)>kNI1CTDGU-n^vSaIi!}wna>IvekLK!
zU<tl)7B@&@Y^7}QsoFpv(@;l8T!#7}bGZV=FF`_Hod5hKDJQ(pO5*Is94a-x3Y#PF
zlDkDl#Xb`iLVl^tzEPw%ijO^w^>0c^*%lIjO{8Lw$+SJCnMrJZ2>YDyDrwT>-KaFU
z<Cz1q5?$L=&5`c$ckloJ000000001hbht@?T>y{<Hwmx{08$CwEduNUfP{jVe}G*8
zkV^1w5nvYpq!PSa1lR=t=}a03unWvC8(#hab^$;_!OK6uE&xb_n*`Ve0000000000
z0A?*m|K%g$)@u3+`{H0w0ojtEmDCHsf4=d|-(XY$*>b2sh>u1HFL`SUH<n8fYS%xf
z8io~+DM5IGpF0nc#c$V@3Q;-rP`eTYYXJZkLE`IL1mB<#T7o4AwR@uh#ubn$osWB2
z1s{y?B0;F#juA*j3CLCOo0#CcErORI)NaQu5Ii7Pljdb?(%cukS}cN>Ak=R6ZWvcU
zrkJ%!<X<+LSKUM;jPBmxsfXId20n}{AXmP<DWIy@^5t7-7+t(fIn=K1Tt5seAXjuW
zA<_?<K2C?)75u(}Q3d2n!JnOREpR^6ZtFYSU{C=700000000000C02u3))1>S7QWe
Q^#A|>07*qoM6N<$f*g4ABLDyZ

diff --git a/files/en-us/web/http/compression/httpcomp2.svg b/files/en-us/web/http/compression/httpcomp2.svg
new file mode 100644
index 000000000000000..9b2f106ae346f9f
--- /dev/null
+++ b/files/en-us/web/http/compression/httpcomp2.svg
@@ -0,0 +1,144 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="graph-div" aria-roledescription="sequence" style="max-width:100%" viewBox="-50 -10 951 943">
+  <style>
+    @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);
+  </style>
+  <rect width="175" height="65" x="676" y="857" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="763.5" y="889.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="763.5" dy="0">Server</tspan>
+  </text>
+  <rect width="175" height="65" x="451" y="857" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="538.5" y="889.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="538.5" dy="0">Node</tspan>
+  </text>
+  <rect width="175" height="65" x="225" y="857" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="312.5" y="889.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="312.5" dy="0">Node</tspan>
+  </text>
+  <rect width="175" height="65" y="857" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="87.5" y="889.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="87.5" dy="0">Client</tspan>
+  </text>
+  <path id="actor4440" stroke="#999" stroke-width=".5" d="M763.5 5v852" class="200"/>
+  <g id="root-4440">
+    <rect width="175" height="65" x="676" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="763.5" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="763.5" dy="0">Server</tspan>
+    </text>
+  </g>
+  <path id="actor4439" stroke="#999" stroke-width=".5" d="M538.5 5v852" class="200"/>
+  <g id="root-4439">
+    <rect width="175" height="65" x="451" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="538.5" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="538.5" dy="0">Node</tspan>
+    </text>
+  </g>
+  <path id="actor4438" stroke="#999" stroke-width=".5" d="M312.5 5v852" class="200"/>
+  <g id="root-4438">
+    <rect width="175" height="65" x="225" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="312.5" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="312.5" dy="0">Node</tspan>
+    </text>
+  </g>
+  <path id="actor4437" stroke="#999" stroke-width=".5" d="M87.5 5v852" class="200"/>
+  <g id="root-4437">
+    <rect width="175" height="65" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="87.5" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="87.5" dy="0">Client</tspan>
+    </text>
+  </g>
+  <style>
+    <![CDATA[#graph-div,#graph-div #sequencenumber{fill:#333}#graph-div,#graph-div svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px}#graph-div .actor{stroke:#bcbcfb;fill:#ececfe}#graph-div .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#graph-div #arrowhead path{fill:#333;stroke:#333}#graph-div .messageText,#graph-div text.actor>tspan{fill:#333;stroke:none}#graph-div .note{stroke:#e4db95;fill:#fff5ad}#graph-div .noteText,#graph-div .noteText>tspan{fill:#333;stroke:none}#graph-div :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif}]]>
+  </style>
+  <defs>
+    <symbol id="computer">
+      <path d="M1 1v6.5h10V1H1zm9 5.5H2V2h8v4.5zm-5.1 3L5 9h2l.2.5H5zM12 11H0l1-3h1l-.6 2h9.2L10 8h1l1 3zM9.5 6h-7V2.5h7V6z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol id="database" fill-rule="evenodd" clip-rule="evenodd">
+      <path d="M6.1 0h1.5l.1.1h.6v.1h.4v.1h.4v.1h.4l.1.1h.2v.1h.2l.1.1h.1l.1.1h.1V1h.3v.1h.1v.1h.1v.1l.1.1v.2h.1v9l-.1.1v.1h-.1v.1h-.1v.1h-.1v.1h-.2v.1h-.1l-.1.1H10v.1h-.2l-.1.1h-.2v.1h-.2l-.1.1h-.3l-.1.1h-.4l-.1.1h-.6l-.1.1h-1l-.2.1h-2l-.1-.1h-.6v-.1h-.4v-.1h-.4v-.1h-.4l-.1-.1h-.2v-.1H2l-.1-.1h-.1l-.1-.1h-.1V11h-.3v-.1h-.1v-.1h-.1v-.1l-.1-.1V1.4l.1-.1v-.1h.1v-.1h.1V1h.3V.8h.1l.1-.1H2V.6h.3l.1-.1h.2V.4h.2l.1-.1h.2l.1-.1h.4l.1-.1h.6l.1-.1h1.2l.1-.1h.4zM1.5 10.3v.1h.1v.1h.1v.1H2v.1l.1.1h.2v.1h.2l.1.1H3v.1h.2l.2.1h.3l.1.1h.5l.1.1h1.2l.1.1h1.8l.2-.1h.4l.2-.1h.4v-.1h.4V11h.2l.1-.1h.2l.1-.1h.1l.1-.1h.1l.1-.1h.1v-.1h.1v-.1h.1v-.2h.1v-2h-.1l-.1.1h-.1v.1H10l-.1.1h-.1l-.1.1h-.2v.1h-.4l-.2.1h-.2l-.1.1h-.5V9h-.6l-.2.1H4L3.7 9h-.4v-.1H3l-.1-.1h-.2l-.1-.1h-.2l-.1-.1H2v-.1h-.2v-.1h-.1l-.1-.1h-.1l-.1-.1v2zm0-2.9v.2h.1v.1h.1l.1.1H2V8h.2l.1.1h.1l.1.1h.2l.1.1H3l.1.1h.2v.1h.5l.1.1h.5l.2.1h3.6v-.1h.4l.2-.1H9l.2-.1h.2v-.1h.2l.1-.1h.2V8h.2v-.1h.1v-.1h.1l.1-.1h.1v-.2h.1V5.3h-.2v.1h-.1l-.1.1H10v.1h-.2v.1h-.5V6h-.6l-.2.1H8v.1h-.8l-.1.1H4v-.2h-.5V6h-.8l-.1-.1h-.2l-.1-.1h-.2L2 5.6l-.1-.1h-.1v-.1h-.2v-.1h-.1v2zm0-2.8v.1l.1.1.1.1h.1V5H2l.1.1h.2v.1h.2l.1.1h.2v.1H3l.1.1h.4l.1.1H4l.1.1h.7v.1H8v-.1h.4l.2-.1h.3l.1-.1h.2l.1-.1h.2v-.1h.2v-.1h.2V5h.3v-.1h.1l.1-.1v-.1h.1V2.5h-.2l-.1.1H10v.1h-.3V3h-.2l-.1.1h-.3v.1h-.3l-.1.1h-.4v.1h-.6l-.1.1H6.5l-.1.1H4.5l-.2-.1h-.5l-.1-.1h-.5v-.1h-.3V3h-.6v-.1H2v-.2h-.1l-.1-.1h-.1v-.1h-.2v2zM5.9.5H4.5l-.2.1h-.4l-.2.1h-.4v.1h-.4V1h-.2l-.1.1h-.2l-.1.1h-.1l-.1.1H2l-.1.1h-.1v.1h-.1v.1h-.1v.2h-.1V2h.2v.1h.1l.1.1H2l.1.1h.2v.1h.4v.1H3v.1h.2v.1h.4l.1.1h.5l.1.1h1.3l.1.1h1.8l.2-.1h.4l.2-.1h.4v-.1h.4v-.1h.2l.1-.1h.2l.1-.1h.1l.1-.1h.1l.1-.1h.1V2h.2v-.2h.1v-.2h-.1v-.1h-.1v-.1h-.1l-.1-.1H10l-.1-.1h-.2V1H9V.8h-.2V.7h-.4L8.3.6h-.5L7.7.5H6.6L6.3.4h-.5z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol id="clock">
+      <path d="M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1zm0-1a6 6 0 1 0 0 12A6 6 0 0 0 6 0zm3 6.2v.2L5.6 7a.7.7 0 0 1-.7-.7 71.6 71.6 0 0 1 .7-3.7l.5 3.1 2.7.5z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <marker id="arrowhead" markerHeight="12" markerUnits="userSpaceOnUse" markerWidth="12" orient="auto" refX="7.9" refY="5">
+      <path d="m0 0 10 5-10 5z"/>
+    </marker>
+  </defs>
+  <defs>
+    <marker id="filled-head" markerHeight="28" markerWidth="20" orient="auto" refX="15.5" refY="7">
+      <path d="m18 7-9 6 5-6-5-6Z"/>
+    </marker>
+  </defs>
+  <defs>
+    <marker id="sequencenumber" markerHeight="40" markerWidth="60" orient="auto" refX="15" refY="15">
+      <circle cx="15" cy="15" r="6"/>
+    </marker>
+  </defs>
+  <rect width="175" height="39" y="75" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="88" y="80" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="88">Request message</tspan>
+  </text>
+  <rect width="175" height="77" x="225" y="172" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="313" y="177" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="313">Shows support for</tspan>
+  </text>
+  <text x="313" y="196" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="313">compression while</tspan>
+  </text>
+  <text x="313" y="215" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="313">forwarding message.</tspan>
+  </text>
+  <rect width="175" height="39" x="451" y="326" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="539" y="331" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="539">Forwards message</tspan>
+  </text>
+  <rect width="175" height="77" x="676" y="423" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="764" y="428" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="764">Returns resource in</tspan>
+  </text>
+  <text x="764" y="447" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="764">an uncompressed</tspan>
+  </text>
+  <text x="764" y="466" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="764">body.</tspan>
+  </text>
+  <rect width="175" height="77" x="451" y="558" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="539" y="563" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="539">Compresses body</tspan>
+  </text>
+  <text x="539" y="582" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="539">and forwards</tspan>
+  </text>
+  <text x="539" y="601" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="539">message.</tspan>
+  </text>
+  <rect width="175" height="77" x="225" y="712" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="313" y="717" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="313">Uncompresses</tspan>
+  </text>
+  <text x="313" y="736" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="313">resource and returns</tspan>
+  </text>
+  <text x="313" y="755" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="313">message to Client.</tspan>
+  </text>
+  <text x="199" y="129" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">GET /doc HTTP/1.1</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M88.5 162h220" class="messageLine0"/>
+  <text x="424" y="264" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">GET /doc HTTP/1.1</text>
+  <text x="424" y="283" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">TE: gzip, br</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M313.5 316h221" class="messageLine0"/>
+  <text x="650" y="380" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">GET /doc HTTP/1.1</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M539.5 413h220" class="messageLine0"/>
+  <text x="653" y="515" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">HTTP/1.1 200 OK</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M762.5 548h-220" class="messageLine0"/>
+  <text x="427" y="650" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">HTTP/1.1 200 OK</text>
+  <text x="427" y="669" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">Transfer-Encoding: br</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M537.5 702h-221" class="messageLine0"/>
+  <text x="202" y="804" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">HTTP/1.1 200 OK</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M311.5 837h-220" class="messageLine0"/>
+</svg>
diff --git a/files/en-us/web/http/compression/httpcompression1.png b/files/en-us/web/http/compression/httpcompression1.png
deleted file mode 100644
index 534c1e58c6b38fadac9e192c75b7e7b7a4f7a748..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 14812
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
SUH|Vd1W8djks2ZW!2bsW*BGk+

diff --git a/files/en-us/web/http/compression/httpcompression1.svg b/files/en-us/web/http/compression/httpcompression1.svg
new file mode 100644
index 000000000000000..ecef141f5ff0131
--- /dev/null
+++ b/files/en-us/web/http/compression/httpcompression1.svg
@@ -0,0 +1,84 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="graph-div" aria-roledescription="sequence" style="max-width:100%" viewBox="-50 -10 850 479">
+  <style>
+    @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);
+  </style>
+  <rect width="350" height="65" x="400" y="393" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="575" y="425.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="575" dy="0">Server</tspan>
+  </text>
+  <rect width="350" height="65" y="393" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="175" y="425.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="175" dy="0">Client</tspan>
+  </text>
+  <path id="actor934" stroke="#999" stroke-width=".5" d="M575 5v388" class="200"/>
+  <g id="root-934">
+    <rect width="350" height="65" x="400" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="575" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="575" dy="0">Server</tspan>
+    </text>
+  </g>
+  <path id="actor933" stroke="#999" stroke-width=".5" d="M175 5v388" class="200"/>
+  <g id="root-933">
+    <rect width="350" height="65" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="175" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="175" dy="0">Client</tspan>
+    </text>
+  </g>
+  <style>
+    <![CDATA[#graph-div,#graph-div #sequencenumber{fill:#333}#graph-div,#graph-div svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px}#graph-div .actor{stroke:#bcbcfb;fill:#ececfe}#graph-div .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#graph-div #arrowhead path{fill:#333;stroke:#333}#graph-div .messageText,#graph-div text.actor>tspan{fill:#333;stroke:none}#graph-div .note{stroke:#e4db95;fill:#fff5ad}#graph-div .noteText,#graph-div .noteText>tspan{fill:#333;stroke:none}#graph-div :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif}]]>
+  </style>
+  <defs>
+    <symbol id="computer">
+      <path d="M1 1v6.5h10V1H1zm9 5.5H2V2h8v4.5zm-5.1 3L5 9h2l.2.5H5zM12 11H0l1-3h1l-.6 2h9.2L10 8h1l1 3zM9.5 6h-7V2.5h7V6z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol id="database" fill-rule="evenodd" clip-rule="evenodd">
+      <path d="M6.1 0h1.5l.1.1h.6v.1h.4v.1h.4v.1h.4l.1.1h.2v.1h.2l.1.1h.1l.1.1h.1V1h.3v.1h.1v.1h.1v.1l.1.1v.2h.1v9l-.1.1v.1h-.1v.1h-.1v.1h-.1v.1h-.2v.1h-.1l-.1.1H10v.1h-.2l-.1.1h-.2v.1h-.2l-.1.1h-.3l-.1.1h-.4l-.1.1h-.6l-.1.1h-1l-.2.1h-2l-.1-.1h-.6v-.1h-.4v-.1h-.4v-.1h-.4l-.1-.1h-.2v-.1H2l-.1-.1h-.1l-.1-.1h-.1V11h-.3v-.1h-.1v-.1h-.1v-.1l-.1-.1V1.4l.1-.1v-.1h.1v-.1h.1V1h.3V.8h.1l.1-.1H2V.6h.3l.1-.1h.2V.4h.2l.1-.1h.2l.1-.1h.4l.1-.1h.6l.1-.1h1.2l.1-.1h.4zM1.5 10.3v.1h.1v.1h.1v.1H2v.1l.1.1h.2v.1h.2l.1.1H3v.1h.2l.2.1h.3l.1.1h.5l.1.1h1.2l.1.1h1.8l.2-.1h.4l.2-.1h.4v-.1h.4V11h.2l.1-.1h.2l.1-.1h.1l.1-.1h.1l.1-.1h.1v-.1h.1v-.1h.1v-.2h.1v-2h-.1l-.1.1h-.1v.1H10l-.1.1h-.1l-.1.1h-.2v.1h-.4l-.2.1h-.2l-.1.1h-.5V9h-.6l-.2.1H4L3.7 9h-.4v-.1H3l-.1-.1h-.2l-.1-.1h-.2l-.1-.1H2v-.1h-.2v-.1h-.1l-.1-.1h-.1l-.1-.1v2zm0-2.9v.2h.1v.1h.1l.1.1H2V8h.2l.1.1h.1l.1.1h.2l.1.1H3l.1.1h.2v.1h.5l.1.1h.5l.2.1h3.6v-.1h.4l.2-.1H9l.2-.1h.2v-.1h.2l.1-.1h.2V8h.2v-.1h.1v-.1h.1l.1-.1h.1v-.2h.1V5.3h-.2v.1h-.1l-.1.1H10v.1h-.2v.1h-.5V6h-.6l-.2.1H8v.1h-.8l-.1.1H4v-.2h-.5V6h-.8l-.1-.1h-.2l-.1-.1h-.2L2 5.6l-.1-.1h-.1v-.1h-.2v-.1h-.1v2zm0-2.8v.1l.1.1.1.1h.1V5H2l.1.1h.2v.1h.2l.1.1h.2v.1H3l.1.1h.4l.1.1H4l.1.1h.7v.1H8v-.1h.4l.2-.1h.3l.1-.1h.2l.1-.1h.2v-.1h.2v-.1h.2V5h.3v-.1h.1l.1-.1v-.1h.1V2.5h-.2l-.1.1H10v.1h-.3V3h-.2l-.1.1h-.3v.1h-.3l-.1.1h-.4v.1h-.6l-.1.1H6.5l-.1.1H4.5l-.2-.1h-.5l-.1-.1h-.5v-.1h-.3V3h-.6v-.1H2v-.2h-.1l-.1-.1h-.1v-.1h-.2v2zM5.9.5H4.5l-.2.1h-.4l-.2.1h-.4v.1h-.4V1h-.2l-.1.1h-.2l-.1.1h-.1l-.1.1H2l-.1.1h-.1v.1h-.1v.1h-.1v.2h-.1V2h.2v.1h.1l.1.1H2l.1.1h.2v.1h.4v.1H3v.1h.2v.1h.4l.1.1h.5l.1.1h1.3l.1.1h1.8l.2-.1h.4l.2-.1h.4v-.1h.4v-.1h.2l.1-.1h.2l.1-.1h.1l.1-.1h.1l.1-.1h.1V2h.2v-.2h.1v-.2h-.1v-.1h-.1v-.1h-.1l-.1-.1H10l-.1-.1h-.2V1H9V.8h-.2V.7h-.4L8.3.6h-.5L7.7.5H6.6L6.3.4h-.5z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol id="clock">
+      <path d="M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1zm0-1a6 6 0 1 0 0 12A6 6 0 0 0 6 0zm3 6.2v.2L5.6 7a.7.7 0 0 1-.7-.7 71.6 71.6 0 0 1 .7-3.7l.5 3.1 2.7.5z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <marker id="arrowhead" markerHeight="12" markerUnits="userSpaceOnUse" markerWidth="12" orient="auto" refX="7.9" refY="5">
+      <path d="m0 0 10 5-10 5z"/>
+    </marker>
+  </defs>
+  <defs>
+    <marker id="filled-head" markerHeight="28" markerWidth="20" orient="auto" refX="15.5" refY="7">
+      <path d="m18 7-9 6 5-6-5-6Z"/>
+    </marker>
+  </defs>
+  <defs>
+    <marker id="sequencenumber" markerHeight="40" markerWidth="60" orient="auto" refX="15" refY="15">
+      <circle cx="15" cy="15" r="6"/>
+    </marker>
+  </defs>
+  <rect width="350" height="58" y="75" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="175" y="80" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="175">The client indicates support for two</tspan>
+  </text>
+  <text x="175" y="99" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="175">compression algorithms.</tspan>
+  </text>
+  <rect width="350" height="77" x="400" y="210" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="575" y="215" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="575">Resource is returned compressed. The Vary</tspan>
+  </text>
+  <text x="575" y="234" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="575">header indicates that content negotiation was</tspan>
+  </text>
+  <text x="575" y="253" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="575">used to select the algorithm.</tspan>
+  </text>
+  <text x="186" y="148" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400">GET /doc HTTP/1.1</text>
+  <text x="186" y="167" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400">Accept-Encoding: br, gzip</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M176 200h395" class="messageLine0"/>
+  <text x="584" y="302" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400">HTTP/1.1 200 OK</text>
+  <text x="584" y="321" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400">Content-Encoding: br</text>
+  <text x="584" y="340" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400">Vary: Accept-Encoding</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M574 373H179" class="messageLine0"/>
+</svg>
diff --git a/files/en-us/web/http/compression/httpenco1.png b/files/en-us/web/http/compression/httpenco1.png
deleted file mode 100644
index 9e33fdd9bd4deb8503a77eafc6b915f4517f2457..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10800
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
HG~|B)yyt|H

diff --git a/files/en-us/web/http/compression/httpenco1.svg b/files/en-us/web/http/compression/httpenco1.svg
new file mode 100644
index 000000000000000..472c9ee2898cbe0
--- /dev/null
+++ b/files/en-us/web/http/compression/httpenco1.svg
@@ -0,0 +1,114 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="graph-div" aria-roledescription="sequence" style="max-width:100%" viewBox="-50 -10 950 463">
+  <style>
+    @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);
+  </style>
+  <rect width="175" height="65" x="675" y="377" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="762.5" y="409.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="762.5" dy="0">Server</tspan>
+  </text>
+  <rect width="175" height="65" x="450" y="377" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="537.5" y="409.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="537.5" dy="0">Proxy</tspan>
+  </text>
+  <rect width="175" height="65" x="225" y="377" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="312.5" y="409.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="312.5" dy="0">Proxy</tspan>
+  </text>
+  <rect width="175" height="65" y="377" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="87.5" y="409.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="87.5" dy="0">Client</tspan>
+  </text>
+  <path id="actor1938" stroke="#999" stroke-width=".5" d="M762.5 5v372" class="200"/>
+  <g id="root-1938">
+    <rect width="175" height="65" x="675" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="762.5" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="762.5" dy="0">Server</tspan>
+    </text>
+  </g>
+  <path id="actor1937" stroke="#999" stroke-width=".5" d="M537.5 5v372" class="200"/>
+  <g id="root-1937">
+    <rect width="175" height="65" x="450" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="537.5" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="537.5" dy="0">Proxy</tspan>
+    </text>
+  </g>
+  <path id="actor1936" stroke="#999" stroke-width=".5" d="M312.5 5v372" class="200"/>
+  <g id="root-1936">
+    <rect width="175" height="65" x="225" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="312.5" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="312.5" dy="0">Proxy</tspan>
+    </text>
+  </g>
+  <path id="actor1935" stroke="#999" stroke-width=".5" d="M87.5 5v372" class="200"/>
+  <g id="root-1935">
+    <rect width="175" height="65" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="87.5" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="87.5" dy="0">Client</tspan>
+    </text>
+  </g>
+  <style>
+    <![CDATA[#graph-div,#graph-div #sequencenumber{fill:#333}#graph-div,#graph-div svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px}#graph-div .actor{stroke:#bcbcfb;fill:#ececfe}#graph-div .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#graph-div #arrowhead path{fill:#333;stroke:#333}#graph-div .messageText,#graph-div text.actor>tspan{fill:#333;stroke:none}#graph-div .note{stroke:#e4db95;fill:#fff5ad}#graph-div .noteText,#graph-div .noteText>tspan{fill:#333;stroke:none}#graph-div :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif}]]>
+  </style>
+  <defs>
+    <symbol id="computer">
+      <path d="M1 1v6.5h10V1H1zm9 5.5H2V2h8v4.5zm-5.1 3L5 9h2l.2.5H5zM12 11H0l1-3h1l-.6 2h9.2L10 8h1l1 3zM9.5 6h-7V2.5h7V6z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol id="database" fill-rule="evenodd" clip-rule="evenodd">
+      <path d="M6.1 0h1.5l.1.1h.6v.1h.4v.1h.4v.1h.4l.1.1h.2v.1h.2l.1.1h.1l.1.1h.1V1h.3v.1h.1v.1h.1v.1l.1.1v.2h.1v9l-.1.1v.1h-.1v.1h-.1v.1h-.1v.1h-.2v.1h-.1l-.1.1H10v.1h-.2l-.1.1h-.2v.1h-.2l-.1.1h-.3l-.1.1h-.4l-.1.1h-.6l-.1.1h-1l-.2.1h-2l-.1-.1h-.6v-.1h-.4v-.1h-.4v-.1h-.4l-.1-.1h-.2v-.1H2l-.1-.1h-.1l-.1-.1h-.1V11h-.3v-.1h-.1v-.1h-.1v-.1l-.1-.1V1.4l.1-.1v-.1h.1v-.1h.1V1h.3V.8h.1l.1-.1H2V.6h.3l.1-.1h.2V.4h.2l.1-.1h.2l.1-.1h.4l.1-.1h.6l.1-.1h1.2l.1-.1h.4zM1.5 10.3v.1h.1v.1h.1v.1H2v.1l.1.1h.2v.1h.2l.1.1H3v.1h.2l.2.1h.3l.1.1h.5l.1.1h1.2l.1.1h1.8l.2-.1h.4l.2-.1h.4v-.1h.4V11h.2l.1-.1h.2l.1-.1h.1l.1-.1h.1l.1-.1h.1v-.1h.1v-.1h.1v-.2h.1v-2h-.1l-.1.1h-.1v.1H10l-.1.1h-.1l-.1.1h-.2v.1h-.4l-.2.1h-.2l-.1.1h-.5V9h-.6l-.2.1H4L3.7 9h-.4v-.1H3l-.1-.1h-.2l-.1-.1h-.2l-.1-.1H2v-.1h-.2v-.1h-.1l-.1-.1h-.1l-.1-.1v2zm0-2.9v.2h.1v.1h.1l.1.1H2V8h.2l.1.1h.1l.1.1h.2l.1.1H3l.1.1h.2v.1h.5l.1.1h.5l.2.1h3.6v-.1h.4l.2-.1H9l.2-.1h.2v-.1h.2l.1-.1h.2V8h.2v-.1h.1v-.1h.1l.1-.1h.1v-.2h.1V5.3h-.2v.1h-.1l-.1.1H10v.1h-.2v.1h-.5V6h-.6l-.2.1H8v.1h-.8l-.1.1H4v-.2h-.5V6h-.8l-.1-.1h-.2l-.1-.1h-.2L2 5.6l-.1-.1h-.1v-.1h-.2v-.1h-.1v2zm0-2.8v.1l.1.1.1.1h.1V5H2l.1.1h.2v.1h.2l.1.1h.2v.1H3l.1.1h.4l.1.1H4l.1.1h.7v.1H8v-.1h.4l.2-.1h.3l.1-.1h.2l.1-.1h.2v-.1h.2v-.1h.2V5h.3v-.1h.1l.1-.1v-.1h.1V2.5h-.2l-.1.1H10v.1h-.3V3h-.2l-.1.1h-.3v.1h-.3l-.1.1h-.4v.1h-.6l-.1.1H6.5l-.1.1H4.5l-.2-.1h-.5l-.1-.1h-.5v-.1h-.3V3h-.6v-.1H2v-.2h-.1l-.1-.1h-.1v-.1h-.2v2zM5.9.5H4.5l-.2.1h-.4l-.2.1h-.4v.1h-.4V1h-.2l-.1.1h-.2l-.1.1h-.1l-.1.1H2l-.1.1h-.1v.1h-.1v.1h-.1v.2h-.1V2h.2v.1h.1l.1.1H2l.1.1h.2v.1h.4v.1H3v.1h.2v.1h.4l.1.1h.5l.1.1h1.3l.1.1h1.8l.2-.1h.4l.2-.1h.4v-.1h.4v-.1h.2l.1-.1h.2l.1-.1h.1l.1-.1h.1l.1-.1h.1V2h.2v-.2h.1v-.2h-.1v-.1h-.1v-.1h-.1l-.1-.1H10l-.1-.1h-.2V1H9V.8h-.2V.7h-.4L8.3.6h-.5L7.7.5H6.6L6.3.4h-.5z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol id="clock">
+      <path d="M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1zm0-1a6 6 0 1 0 0 12A6 6 0 0 0 6 0zm3 6.2v.2L5.6 7a.7.7 0 0 1-.7-.7 71.6 71.6 0 0 1 .7-3.7l.5 3.1 2.7.5z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <marker id="arrowhead" markerHeight="12" markerUnits="userSpaceOnUse" markerWidth="12" orient="auto" refX="7.9" refY="5">
+      <path d="m0 0 10 5-10 5z"/>
+    </marker>
+  </defs>
+  <defs>
+    <marker id="filled-head" markerHeight="28" markerWidth="20" orient="auto" refX="15.5" refY="7">
+      <path d="m18 7-9 6 5-6-5-6Z"/>
+    </marker>
+  </defs>
+  <defs>
+    <marker id="sequencenumber" markerHeight="40" markerWidth="60" orient="auto" refX="15" refY="15">
+      <circle cx="15" cy="15" r="6"/>
+    </marker>
+  </defs>
+  <rect width="175" height="39" y="75" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="88" y="80" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="88">Resource requested.</tspan>
+  </text>
+  <rect width="175" height="77" x="675" y="134" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="763" y="139" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="763">Resource is</tspan>
+  </text>
+  <text x="763" y="158" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="763">compressed and</tspan>
+  </text>
+  <text x="763" y="177" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="763">returned.</tspan>
+  </text>
+  <rect width="275" height="58" x="287.5" y="231" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="425" y="236" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="425">Intermediate nodes do not</tspan>
+  </text>
+  <text x="425" y="255" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="425">uncompress the body.</tspan>
+  </text>
+  <rect width="175" height="58" y="299" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="88" y="304" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="88">Client decompresses</tspan>
+  </text>
+  <text x="88" y="323" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="88">the body.</tspan>
+  </text>
+  <text x="99" y="129" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400">​</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M88.5 124h670" class="messageLine0"/>
+  <text x="772" y="226" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400">​</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M761.5 221h-670" class="messageLine0"/>
+</svg>
diff --git a/files/en-us/web/http/compression/httpte1.png b/files/en-us/web/http/compression/httpte1.png
deleted file mode 100644
index 481fffa7281d0383974f6df6c2ac06be255d78f6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11949
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
IgkjMC0hwIK#Q*>R

diff --git a/files/en-us/web/http/compression/httpte1.svg b/files/en-us/web/http/compression/httpte1.svg
new file mode 100644
index 000000000000000..d47a04a997d34de
--- /dev/null
+++ b/files/en-us/web/http/compression/httpte1.svg
@@ -0,0 +1,131 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="graph-div" aria-roledescription="sequence" style="max-width:100%" viewBox="-142 -10 1132 624">
+  <style>
+    @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);
+  </style>
+  <rect width="130" height="65" x="720" y="538" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="785" y="570.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="785" dy="0">Server</tspan>
+  </text>
+  <rect width="130" height="65" x="540" y="538" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="605" y="570.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="605" dy="0">Node</tspan>
+  </text>
+  <rect width="130" height="65" x="360" y="538" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="425" y="570.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="425" dy="0">Node</tspan>
+  </text>
+  <rect width="130" height="65" x="180" y="538" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="245" y="570.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="245" dy="0">Node</tspan>
+  </text>
+  <rect width="130" height="65" y="538" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="65" y="570.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="65" dy="0">Client</tspan>
+  </text>
+  <path id="actor3256" stroke="#999" stroke-width=".5" d="M785 5v533" class="200"/>
+  <g id="root-3256">
+    <rect width="130" height="65" x="720" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="785" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="785" dy="0">Server</tspan>
+    </text>
+  </g>
+  <path id="actor3255" stroke="#999" stroke-width=".5" d="M605 5v533" class="200"/>
+  <g id="root-3255">
+    <rect width="130" height="65" x="540" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="605" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="605" dy="0">Node</tspan>
+    </text>
+  </g>
+  <path id="actor3254" stroke="#999" stroke-width=".5" d="M425 5v533" class="200"/>
+  <g id="root-3254">
+    <rect width="130" height="65" x="360" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="425" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="425" dy="0">Node</tspan>
+    </text>
+  </g>
+  <path id="actor3253" stroke="#999" stroke-width=".5" d="M245 5v533" class="200"/>
+  <g id="root-3253">
+    <rect width="130" height="65" x="180" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="245" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="245" dy="0">Node</tspan>
+    </text>
+  </g>
+  <path id="actor3252" stroke="#999" stroke-width=".5" d="M65 5v533" class="200"/>
+  <g id="root-3252">
+    <rect width="130" height="65" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="65" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="65" dy="0">Client</tspan>
+    </text>
+  </g>
+  <style>
+    <![CDATA[#graph-div,#graph-div #sequencenumber{fill:#333}#graph-div,#graph-div svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px}#graph-div .actor{stroke:#bcbcfb;fill:#ececfe}#graph-div text.actor>tspan{fill:#333;stroke:none}#graph-div .messageLine0,#graph-div .messageLine1{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#graph-div .messageLine1{stroke-dasharray:2,2}#graph-div #arrowhead path{fill:#333;stroke:#333}#graph-div .messageText{fill:#333;stroke:none}#graph-div .note{stroke:#e4db95;fill:#fff5ad}#graph-div .noteText,#graph-div .noteText>tspan{fill:#333;stroke:none}#graph-div :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif}]]>
+  </style>
+  <defs>
+    <symbol id="computer">
+      <path d="M1 1v6.5h10V1H1zm9 5.5H2V2h8v4.5zm-5.1 3L5 9h2l.2.5H5zM12 11H0l1-3h1l-.6 2h9.2L10 8h1l1 3zM9.5 6h-7V2.5h7V6z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol id="database" fill-rule="evenodd" clip-rule="evenodd">
+      <path d="M6.1 0h1.5l.1.1h.6v.1h.4v.1h.4v.1h.4l.1.1h.2v.1h.2l.1.1h.1l.1.1h.1V1h.3v.1h.1v.1h.1v.1l.1.1v.2h.1v9l-.1.1v.1h-.1v.1h-.1v.1h-.1v.1h-.2v.1h-.1l-.1.1H10v.1h-.2l-.1.1h-.2v.1h-.2l-.1.1h-.3l-.1.1h-.4l-.1.1h-.6l-.1.1h-1l-.2.1h-2l-.1-.1h-.6v-.1h-.4v-.1h-.4v-.1h-.4l-.1-.1h-.2v-.1H2l-.1-.1h-.1l-.1-.1h-.1V11h-.3v-.1h-.1v-.1h-.1v-.1l-.1-.1V1.4l.1-.1v-.1h.1v-.1h.1V1h.3V.8h.1l.1-.1H2V.6h.3l.1-.1h.2V.4h.2l.1-.1h.2l.1-.1h.4l.1-.1h.6l.1-.1h1.2l.1-.1h.4zM1.5 10.3v.1h.1v.1h.1v.1H2v.1l.1.1h.2v.1h.2l.1.1H3v.1h.2l.2.1h.3l.1.1h.5l.1.1h1.2l.1.1h1.8l.2-.1h.4l.2-.1h.4v-.1h.4V11h.2l.1-.1h.2l.1-.1h.1l.1-.1h.1l.1-.1h.1v-.1h.1v-.1h.1v-.2h.1v-2h-.1l-.1.1h-.1v.1H10l-.1.1h-.1l-.1.1h-.2v.1h-.4l-.2.1h-.2l-.1.1h-.5V9h-.6l-.2.1H4L3.7 9h-.4v-.1H3l-.1-.1h-.2l-.1-.1h-.2l-.1-.1H2v-.1h-.2v-.1h-.1l-.1-.1h-.1l-.1-.1v2zm0-2.9v.2h.1v.1h.1l.1.1H2V8h.2l.1.1h.1l.1.1h.2l.1.1H3l.1.1h.2v.1h.5l.1.1h.5l.2.1h3.6v-.1h.4l.2-.1H9l.2-.1h.2v-.1h.2l.1-.1h.2V8h.2v-.1h.1v-.1h.1l.1-.1h.1v-.2h.1V5.3h-.2v.1h-.1l-.1.1H10v.1h-.2v.1h-.5V6h-.6l-.2.1H8v.1h-.8l-.1.1H4v-.2h-.5V6h-.8l-.1-.1h-.2l-.1-.1h-.2L2 5.6l-.1-.1h-.1v-.1h-.2v-.1h-.1v2zm0-2.8v.1l.1.1.1.1h.1V5H2l.1.1h.2v.1h.2l.1.1h.2v.1H3l.1.1h.4l.1.1H4l.1.1h.7v.1H8v-.1h.4l.2-.1h.3l.1-.1h.2l.1-.1h.2v-.1h.2v-.1h.2V5h.3v-.1h.1l.1-.1v-.1h.1V2.5h-.2l-.1.1H10v.1h-.3V3h-.2l-.1.1h-.3v.1h-.3l-.1.1h-.4v.1h-.6l-.1.1H6.5l-.1.1H4.5l-.2-.1h-.5l-.1-.1h-.5v-.1h-.3V3h-.6v-.1H2v-.2h-.1l-.1-.1h-.1v-.1h-.2v2zM5.9.5H4.5l-.2.1h-.4l-.2.1h-.4v.1h-.4V1h-.2l-.1.1h-.2l-.1.1h-.1l-.1.1H2l-.1.1h-.1v.1h-.1v.1h-.1v.2h-.1V2h.2v.1h.1l.1.1H2l.1.1h.2v.1h.4v.1H3v.1h.2v.1h.4l.1.1h.5l.1.1h1.3l.1.1h1.8l.2-.1h.4l.2-.1h.4v-.1h.4v-.1h.2l.1-.1h.2l.1-.1h.1l.1-.1h.1l.1-.1h.1V2h.2v-.2h.1v-.2h-.1v-.1h-.1v-.1h-.1l-.1-.1H10l-.1-.1h-.2V1H9V.8h-.2V.7h-.4L8.3.6h-.5L7.7.5H6.6L6.3.4h-.5z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol id="clock">
+      <path d="M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1zm0-1a6 6 0 1 0 0 12A6 6 0 0 0 6 0zm3 6.2v.2L5.6 7a.7.7 0 0 1-.7-.7 71.6 71.6 0 0 1 .7-3.7l.5 3.1 2.7.5z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <marker id="arrowhead" markerHeight="12" markerUnits="userSpaceOnUse" markerWidth="12" orient="auto" refX="7.9" refY="5">
+      <path d="m0 0 10 5-10 5z"/>
+    </marker>
+  </defs>
+  <defs>
+    <marker id="filled-head" markerHeight="28" markerWidth="20" orient="auto" refX="15.5" refY="7">
+      <path d="m18 7-9 6 5-6-5-6Z"/>
+    </marker>
+  </defs>
+  <defs>
+    <marker id="sequencenumber" markerHeight="40" markerWidth="60" orient="auto" refX="15" refY="15">
+      <circle cx="15" cy="15" r="6"/>
+    </marker>
+  </defs>
+  <rect width="132" height="77" x="-92" y="123" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="-26" y="128" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="-26">Client sends an</tspan>
+  </text>
+  <text x="-26" y="147" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="-26">uncompressed</tspan>
+  </text>
+  <text x="-26" y="166" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="-26">body.</tspan>
+  </text>
+  <rect width="410" height="58" x="220" y="210" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="425" y="215" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="425">Intermediate nodes send the body with or without</tspan>
+  </text>
+  <text x="425" y="234" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="425">compression on a hop-by-hop basis.</tspan>
+  </text>
+  <rect width="130" height="96" x="810" y="422" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="875" y="427" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="875">The server</tspan>
+  </text>
+  <text x="875" y="446" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="875">receives an</tspan>
+  </text>
+  <text x="875" y="465" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="875">uncompressed</tspan>
+  </text>
+  <text x="875" y="484" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="875">body.</tspan>
+  </text>
+  <text x="76" y="80" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400">Uncompressed</text>
+  <path fill="none" stroke-dasharray="3 3" stroke-width="2" marker-end="url(#arrowhead)" d="M66 113h175" class="messageLine1"/>
+  <text x="256" y="283" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400">Uncompressed</text>
+  <path fill="none" stroke-dasharray="3 3" stroke-width="2" marker-end="url(#arrowhead)" d="M246 316h175" class="messageLine1"/>
+  <text x="436" y="331" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400">Compressed</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M426 364h175" class="messageLine0"/>
+  <text x="616" y="379" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400">Uncompressed</text>
+  <path fill="none" stroke-dasharray="3 3" stroke-width="2" marker-end="url(#arrowhead)" d="M606 412h175" class="messageLine1"/>
+</svg>
diff --git a/files/en-us/web/http/compression/index.md b/files/en-us/web/http/compression/index.md
index c601a32fb4fe57c..bd336ec09f3339b 100644
--- a/files/en-us/web/http/compression/index.md
+++ b/files/en-us/web/http/compression/index.md
@@ -33,13 +33,43 @@ Lossy compression algorithms are usually more efficient than loss-less ones.
 
 For compression, end-to-end compression is where the largest performance improvements of websites reside. End-to-end compression refers to a compression of the body of a message that is done by the server and will last unchanged until it reaches the client. Whatever the intermediate nodes are, they leave the body untouched.
 
-![A server sending a compressed HTTP body to a client via network nodes. The body is not decompressed at any hop through the network until it reaches the client.](httpenco1.png)
+<!--
+%%{init: { "sequence": { "wrap": true, "width": 175, "noteAlign": "center", "messageAlign": "left" }} }%%
+
+sequenceDiagram
+    participant Client
+    participant Proxy1 as Proxy
+    participant Proxy2 as Proxy
+    participant Server
+
+    Note over Client: Resource requested.
+    Client->>Server:
+    Note over Server: Resource is compressed and returned.
+    Server->>Client:
+    Note over Proxy1,Proxy2: Intermediate nodes do not uncompress the body.
+    Note over Client: Client decompresses the body.
+-->
+
+![A server sending a compressed HTTP body to a client via network nodes. The body is not decompressed at any hop through the network until it reaches the client.](httpenco1.svg)
 
 All modern browsers and servers do support it and the only thing to negotiate is the compression algorithm to use. These algorithms are optimized for text. In the 1990s, compression technology was advancing at a rapid pace and numerous successive algorithms have been added to the set of possible choices. Nowadays, only two are relevant: `gzip`, the most common one, and `br` the new challenger.
 
 To select the algorithm to use, browsers and servers use [proactive content negotiation](/en-US/docs/Web/HTTP/Content_negotiation). The browser sends an {{HTTPHeader("Accept-Encoding")}} header with the algorithm it supports and its order of precedence, the server picks one, uses it to compress the body of the response and uses the {{HTTPHeader("Content-Encoding")}} header to tell the browser the algorithm it has chosen. As content negotiation has been used to choose a representation based on its encoding, the server must send a {{HTTPHeader("Vary")}} header containing at least {{HTTPHeader("Accept-Encoding")}} alongside this header in the response; that way, caches will be able to cache the different representations of the resource.
 
-![A client requesting content with an 'Accept-Encoding: br, gzip' header. The server responds with a body compressed using the Brotli algorithm and the required 'Content-Encoding' and 'Vary' headers.](httpcompression1.png)
+<!--
+%%{init: { "sequence": { "wrap": true, "width":380, "noteAlign": "center", "messageAlign": "left" }} }%%
+
+sequenceDiagram
+    participant Client
+    participant Server
+
+    Note over Client: The client signifies its ability to understand two compression algorithms.
+    Client->>Server: GET /doc HTTP/1.1<br/>Accept-Encoding: br, gzip
+    Note over Server: The resource is sent compressed. The Vary header indicates that content negotiation has been used to select the algorithm.
+    Server->>Client: HTTP/1.1 200 OK<br/>Content-Encoding: br<br/>Vary: Accept-Encoding
+-->
+
+![A client requesting content with an 'Accept-Encoding: br, gzip' header. The server responds with a body compressed using the Brotli algorithm and the required 'Content-Encoding' and 'Vary' headers.](httpcompression1.svg)
 
 As compression brings significant performance improvements, it is recommended to activate it for all files, but already compressed ones like images, audio files and videos.
 
@@ -49,11 +79,58 @@ Apache supports compression and uses [mod_deflate](https://httpd.apache.org/docs
 
 Hop-by-hop compression, though similar to end-to-end compression, differs by one fundamental element: the compression doesn't happen on the resource in the server, creating a specific representation that is then transmitted, but on the body of the message between any two nodes on the path between the client and the server. Connections between successive intermediate nodes may apply a _different_ compression.
 
-![A server sending an uncompressed HTTP body to a client via network nodes. The body is compressed and decompressed by nodes on the network depending on 'Transfer-Encoding' headers before it reaches the client.](httpte1.png)
+<!--
+%%{init: { "sequence": { "wrap": true, "width": 130, "noteAlign": "center", "messageAlign": "left" }} }%%
+
+sequenceDiagram
+    participant Client
+    participant N1 as Node
+    participant N2 as Node
+    participant N3 as Node
+    participant Server
+
+    Client->>N1: Uncompressed
+    Note left of Client: Client sends an uncompressed body.
+    Note over N1,N3: Intermediate nodes send the body with or without compression on a hop-by-hop basis.
+    N1->>N2: Uncompressed
+    N2->>N3: Compressed
+    N3->>Server: Uncompressed
+    Note right of Server: The server receives an uncompressed body.
+-->
+
+![A server sending an uncompressed HTTP body to a client via network nodes. The body is compressed and decompressed by nodes on the network depending on 'Transfer-Encoding' headers before it reaches the client.](httpte1.svg)
 
 To do this, HTTP uses a mechanism similar to the content negotiation for end-to-end compression: the node transmitting the request advertizes its will using the {{HTTPHeader("TE")}} header and the other node chooses the adequate method, applies it, and indicates its choice with the {{HTTPHeader("Transfer-Encoding")}} header.
 
-![A client requesting content from a server with no compression-related headers. The server responds with an uncompressed body. The body is compressed and decompressed by nodes on the network before it reaches the client.](httpcomp2.png)
+<!--
+%%{init: { "sequence": { "wrap": true, "width": 175, "noteAlign": "center" }} }%%
+
+sequenceDiagram
+    participant Client
+    participant Node1 as Node
+    participant Node2 as Node
+    participant Server
+
+    Note over Client: Request message
+    Client->>Node1: GET /doc HTTP/1.1
+
+    Note over Node1: Shows support for compression while forwarding message.
+    Node1->>Node2: GET /doc HTTP/1.1<br/>TE: gzip, br
+
+    Note over Node2: Forwards message
+    Node2->>Server: GET /doc HTTP/1.1
+
+    Note over Server: Returns resource in an uncompressed body.
+    Server->>Node2: HTTP/1.1 200 OK
+
+    Note over Node2: Compresses body and forwards message.
+    Node2->>Node1: HTTP/1.1 200 OK<br/>Transfer-Encoding: br
+
+    Note over Node1: Uncompresses resource and returns message to Client.
+    Node1->>Client: HTTP/1.1 200 OK
+-->
+
+![A client requesting content from a server with no compression-related headers. The server responds with an uncompressed body. The body is compressed and decompressed by nodes on the network before it reaches the client.](httpcomp2.svg)
 
 In practice, hop-by-hop compression is transparent for the server and the client, and is rarely used. {{HTTPHeader("TE")}} and {{HTTPHeader("Transfer-Encoding")}} are mostly used to send a response by chunks, allowing to start transmitting a resource without knowing its length.
 
diff --git a/files/en-us/web/http/redirections/httpredirect.png b/files/en-us/web/http/redirections/httpredirect.png
deleted file mode 100644
index cf3e19ea8f16134d0dec4b63fedf39eb88747f69..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 13783
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
Kzt@Nv2me2Gq34(Y

diff --git a/files/en-us/web/http/redirections/httpredirect.svg b/files/en-us/web/http/redirections/httpredirect.svg
new file mode 100644
index 000000000000000..6b087a022b64e3e
--- /dev/null
+++ b/files/en-us/web/http/redirections/httpredirect.svg
@@ -0,0 +1,88 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="graph-div" aria-roledescription="sequence" style="max-width:100%" viewBox="-210 -10 978 597">
+  <style>
+    @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);
+  </style>
+  <rect width="250" height="65" x="318" y="511" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="443" y="543.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="443" dy="0">Server</tspan>
+  </text>
+  <rect width="250" height="65" y="511" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+  <text x="125" y="543.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="125" dy="0">Client</tspan>
+  </text>
+  <path id="actor570" stroke="#999" stroke-width=".5" d="M443 5v506" class="200"/>
+  <g id="root-570">
+    <rect width="250" height="65" x="318" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="443" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="443" dy="0">Server</tspan>
+    </text>
+  </g>
+  <path id="actor569" stroke="#999" stroke-width=".5" d="M125 5v506" class="200"/>
+  <g id="root-569">
+    <rect width="250" height="65" fill="#eaeaea" stroke="#666" class="actor" rx="3" ry="3"/>
+    <text x="125" y="32.5" alignment-baseline="central" class="actor" dominant-baseline="central" font-size="16" font-weight="400" text-anchor="middle">
+      <tspan x="125" dy="0">Client</tspan>
+    </text>
+  </g>
+  <style>
+    <![CDATA[#graph-div,#graph-div #sequencenumber{fill:#333}#graph-div,#graph-div svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px}#graph-div .actor{stroke:#bcbcfb;fill:#ececfe}#graph-div text.actor>tspan{fill:#333;stroke:none}#graph-div .messageLine0,#graph-div .messageLine1{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#graph-div .messageLine1{stroke-dasharray:2,2}#graph-div #arrowhead path{fill:#333;stroke:#333}#graph-div .messageText{fill:#333;stroke:none}#graph-div .note{stroke:#e4db95;fill:#fff5ad}#graph-div .noteText,#graph-div .noteText>tspan{fill:#333;stroke:none}#graph-div :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif}]]>
+  </style>
+  <defs>
+    <symbol id="computer">
+      <path d="M1 1v6.5h10V1H1zm9 5.5H2V2h8v4.5zm-5.1 3L5 9h2l.2.5H5zM12 11H0l1-3h1l-.6 2h9.2L10 8h1l1 3zM9.5 6h-7V2.5h7V6z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol id="database" fill-rule="evenodd" clip-rule="evenodd">
+      <path d="M6.1 0h1.5l.1.1h.6v.1h.4v.1h.4v.1h.4l.1.1h.2v.1h.2l.1.1h.1l.1.1h.1V1h.3v.1h.1v.1h.1v.1l.1.1v.2h.1v9l-.1.1v.1h-.1v.1h-.1v.1h-.1v.1h-.2v.1h-.1l-.1.1H10v.1h-.2l-.1.1h-.2v.1h-.2l-.1.1h-.3l-.1.1h-.4l-.1.1h-.6l-.1.1h-1l-.2.1h-2l-.1-.1h-.6v-.1h-.4v-.1h-.4v-.1h-.4l-.1-.1h-.2v-.1H2l-.1-.1h-.1l-.1-.1h-.1V11h-.3v-.1h-.1v-.1h-.1v-.1l-.1-.1V1.4l.1-.1v-.1h.1v-.1h.1V1h.3V.8h.1l.1-.1H2V.6h.3l.1-.1h.2V.4h.2l.1-.1h.2l.1-.1h.4l.1-.1h.6l.1-.1h1.2l.1-.1h.4zM1.5 10.3v.1h.1v.1h.1v.1H2v.1l.1.1h.2v.1h.2l.1.1H3v.1h.2l.2.1h.3l.1.1h.5l.1.1h1.2l.1.1h1.8l.2-.1h.4l.2-.1h.4v-.1h.4V11h.2l.1-.1h.2l.1-.1h.1l.1-.1h.1l.1-.1h.1v-.1h.1v-.1h.1v-.2h.1v-2h-.1l-.1.1h-.1v.1H10l-.1.1h-.1l-.1.1h-.2v.1h-.4l-.2.1h-.2l-.1.1h-.5V9h-.6l-.2.1H4L3.7 9h-.4v-.1H3l-.1-.1h-.2l-.1-.1h-.2l-.1-.1H2v-.1h-.2v-.1h-.1l-.1-.1h-.1l-.1-.1v2zm0-2.9v.2h.1v.1h.1l.1.1H2V8h.2l.1.1h.1l.1.1h.2l.1.1H3l.1.1h.2v.1h.5l.1.1h.5l.2.1h3.6v-.1h.4l.2-.1H9l.2-.1h.2v-.1h.2l.1-.1h.2V8h.2v-.1h.1v-.1h.1l.1-.1h.1v-.2h.1V5.3h-.2v.1h-.1l-.1.1H10v.1h-.2v.1h-.5V6h-.6l-.2.1H8v.1h-.8l-.1.1H4v-.2h-.5V6h-.8l-.1-.1h-.2l-.1-.1h-.2L2 5.6l-.1-.1h-.1v-.1h-.2v-.1h-.1v2zm0-2.8v.1l.1.1.1.1h.1V5H2l.1.1h.2v.1h.2l.1.1h.2v.1H3l.1.1h.4l.1.1H4l.1.1h.7v.1H8v-.1h.4l.2-.1h.3l.1-.1h.2l.1-.1h.2v-.1h.2v-.1h.2V5h.3v-.1h.1l.1-.1v-.1h.1V2.5h-.2l-.1.1H10v.1h-.3V3h-.2l-.1.1h-.3v.1h-.3l-.1.1h-.4v.1h-.6l-.1.1H6.5l-.1.1H4.5l-.2-.1h-.5l-.1-.1h-.5v-.1h-.3V3h-.6v-.1H2v-.2h-.1l-.1-.1h-.1v-.1h-.2v2zM5.9.5H4.5l-.2.1h-.4l-.2.1h-.4v.1h-.4V1h-.2l-.1.1h-.2l-.1.1h-.1l-.1.1H2l-.1.1h-.1v.1h-.1v.1h-.1v.2h-.1V2h.2v.1h.1l.1.1H2l.1.1h.2v.1h.4v.1H3v.1h.2v.1h.4l.1.1h.5l.1.1h1.3l.1.1h1.8l.2-.1h.4l.2-.1h.4v-.1h.4v-.1h.2l.1-.1h.2l.1-.1h.1l.1-.1h.1l.1-.1h.1V2h.2v-.2h.1v-.2h-.1v-.1h-.1v-.1h-.1l-.1-.1H10l-.1-.1h-.2V1H9V.8h-.2V.7h-.4L8.3.6h-.5L7.7.5H6.6L6.3.4h-.5z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <symbol id="clock">
+      <path d="M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1zm0-1a6 6 0 1 0 0 12A6 6 0 0 0 6 0zm3 6.2v.2L5.6 7a.7.7 0 0 1-.7-.7 71.6 71.6 0 0 1 .7-3.7l.5 3.1 2.7.5z"/>
+    </symbol>
+  </defs>
+  <defs>
+    <marker id="arrowhead" markerHeight="12" markerUnits="userSpaceOnUse" markerWidth="12" orient="auto" refX="7.9" refY="5">
+      <path d="m0 0 10 5-10 5z"/>
+    </marker>
+  </defs>
+  <defs>
+    <marker id="filled-head" markerHeight="28" markerWidth="20" orient="auto" refX="15.5" refY="7">
+      <path d="m18 7-9 6 5-6-5-6Z"/>
+    </marker>
+  </defs>
+  <defs>
+    <marker id="sequencenumber" markerHeight="40" markerWidth="60" orient="auto" refX="15" refY="15">
+      <circle cx="15" cy="15" r="6"/>
+    </marker>
+  </defs>
+  <rect width="250" height="39" x="-150" y="75" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="-25" y="80" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="-25">Request resource</tspan>
+  </text>
+  <rect width="250" height="58" x="468" y="172" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="593" y="177" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="593">Resource moved;</tspan>
+  </text>
+  <text x="593" y="196" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="593">Respond with new location</tspan>
+  </text>
+  <rect width="260" height="39" x="-160" y="307" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="-30" y="312" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="-30">Request resource at new location</tspan>
+  </text>
+  <rect width="250" height="39" x="468" y="404" fill="#EDF2AE" stroke="#666" class="note" rx="0" ry="0"/>
+  <text x="593" y="409" alignment-baseline="middle" class="noteText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">
+    <tspan x="593">Return resource</tspan>
+  </text>
+  <text x="283" y="129" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">GET /doc HTTP/1.1</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M126 162h313" class="messageLine0"/>
+  <text x="286" y="245" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">HTTP/1.1 301 Moved Permanently</text>
+  <text x="286" y="264" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">Location: /doc_new</text>
+  <path fill="none" stroke-dasharray="3 3" stroke-width="2" marker-end="url(#arrowhead)" d="M442 297H129" class="messageLine1"/>
+  <text x="283" y="361" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">GET /doc_new HTTP/1.1</text>
+  <path fill="none" stroke-width="2" marker-end="url(#arrowhead)" d="M126 394h313" class="messageLine0"/>
+  <text x="286" y="458" alignment-baseline="middle" class="messageText" dominant-baseline="middle" dy="1em" font-size="16" font-weight="400" text-anchor="middle">HTTP/1.1 200 OK</text>
+  <path fill="none" stroke-dasharray="3 3" stroke-width="2" marker-end="url(#arrowhead)" d="M442 491H129" class="messageLine1"/>
+</svg>
diff --git a/files/en-us/web/http/redirections/index.md b/files/en-us/web/http/redirections/index.md
index 181fa0a0fa83c80..de4907c79916ace 100644
--- a/files/en-us/web/http/redirections/index.md
+++ b/files/en-us/web/http/redirections/index.md
@@ -19,7 +19,25 @@ In HTTP, redirection is triggered by a server sending a special _redirect_ respo
 
 When browsers receive a redirect, they immediately load the new URL provided in the `Location` header. Besides the small performance hit of an additional round-trip, users rarely notice the redirection.
 
-![Initial request goes from client to server. Server responds with a 301:moved permanently, with the URL for the redirect. Client makes an a GET request for the new URL which is returned by the server, with a 200 OK response.](httpredirect.png)
+<!--
+%%{init: { "sequence": { "wrap": true, "width":250, "noteAlign": "center", "messageAlign": "center" }} }%%
+
+sequenceDiagram
+    participant Client
+    participant Server
+
+    Note left of Client: Request resource
+    Client->>Server: GET /doc HTTP/1.1
+    Note right of Server: Resource moved<br>Respond with new location
+    Server->>Client: HTTP/1.1 301 Moved Permanently<br/>Location: /doc_new
+
+    Note left of Client: Request resource at new location
+    Client->>Server: GET /doc_new HTTP/1.1
+    Note right of Server: Return resource
+    Server->>Client: HTTP/1.1 200 OK
+-->
+
+![A request made from client to server. The server responds with "301:moved permanently" and the new URL for the resource. The client makes a GET request for the new URL which is returned by the server, with a 200 OK response.](httpredirect.svg)
 
 There are several types of redirects, sorted into three categories:
 
@@ -145,7 +163,7 @@ Redirects can be set either in the server config file or in the `.htaccess` of e
 
 The [`mod_alias`](https://httpd.apache.org/docs/current/mod/mod_alias.html) module has `Redirect` and `RedirectMatch` directives that set up {{HTTPStatus("302")}} redirects by default:
 
-```xml
+```apacheconf
 <VirtualHost *:443>
   ServerName example.com
   Redirect / https://www.example.com
@@ -156,7 +174,7 @@ The URL `https://example.com/` will be redirected to `https://www.example.com/`,
 
 `RedirectMatch` does the same, but takes a {{glossary("regular expression")}} to define a collection of affected URLs:
 
-```plain
+```apacheconf
 RedirectMatch ^/images/(.*)$ https://images.example.com/$1
 ```
 
@@ -164,7 +182,7 @@ All documents in the `images/` directory will redirect to a different domain.
 
 If you don't want a temporary redirect, an extra parameter (either the HTTP status code to use or the `permanent` keyword) can be used to set up a different redirect:
 
-```plain
+```apacheconf
 Redirect permanent / https://www.example.com
 # …acts the same as:
 Redirect 301 / https://www.example.com
@@ -176,7 +194,7 @@ The [`mod_rewrite`](https://httpd.apache.org/docs/current/mod/mod_rewrite.html)
 
 In Nginx, you create a specific server block for the content you want to redirect:
 
-```plain
+```nginx
 server {
   listen 80;
   server_name example.com;
@@ -186,7 +204,7 @@ server {
 
 To apply a redirect to a directory or only certain pages, use the `rewrite` directive:
 
-```plain
+```nginx
 rewrite ^/images/(.*)$ https://images.example.com/$1 redirect;
 rewrite ^/images/(.*)$ https://images.example.com/$1 permanent;
 ```

From 4ece9c7cb7312506455e34bac94898ed0b6362d8 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Tue, 13 Feb 2024 07:48:53 +1100
Subject: [PATCH 746/790] Router definition in glossary (#32231)

* Router definition in glossary

* Update files/en-us/glossary/routers/index.md

* Update files/en-us/glossary/routers/index.md

* Update index.md - revert following feedback

* Update files/en-us/glossary/routers/index.md

* Update files/en-us/glossary/routers/index.md
---
 files/en-us/glossary/routers/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/glossary/routers/index.md b/files/en-us/glossary/routers/index.md
index 5110314416d9336..9533176a5c4ea3c 100644
--- a/files/en-us/glossary/routers/index.md
+++ b/files/en-us/glossary/routers/index.md
@@ -8,7 +8,7 @@ page-type: glossary-definition
 
 There are three definitions for **routers** on the web:
 
-1. For the network layer, the router is a networking device that decides data {{Glossary('Packet')}}s directions. They are distributed by retailers allowing user interaction to the internet.
+1. For the network layer, the router is a networking device that decides where to direct {{Glossary('Packet', 'data packets')}}.
 2. For a {{Glossary('SPA', 'Single-page application')}} in the application layer, a router is a library that decides what web page is presented by a given {{Glossary('URL')}}. This middleware module is used for all URL functions, as these are given a path to a file that is rendered to open the next page.
 3. In the implementation of an {{Glossary('API')}} in a service layer, a router is a software component that parses a request and directs or routes the request to various handlers within a program. The router code usually accepts a response from the handler and facilitates its return to the requester.
 

From b807e2f1e2e66a5642209d6d02c582c69cfda04c Mon Sep 17 00:00:00 2001
From: Robert Dorna <rdorna8@gmail.com>
Date: Mon, 12 Feb 2024 22:33:12 +0100
Subject: [PATCH 747/790] Fix typo on "HTTP Messages" page (#32239)

* Fix typo on "HTTP Messages" page

* Use proper note formatting on "HTTP Messages" page
---
 files/en-us/web/http/messages/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/http/messages/index.md b/files/en-us/web/http/messages/index.md
index f07ae25ebbf08ff..aadc2f05c3149b5 100644
--- a/files/en-us/web/http/messages/index.md
+++ b/files/en-us/web/http/messages/index.md
@@ -29,7 +29,7 @@ The start-line and HTTP headers of the HTTP message are collectively known as th
 
 ### Request line
 
-_Note: The start-line is called the "request-line" in requests._
+> **Note:** The start-line is called the "request-line" in requests.
 
 HTTP requests are messages sent by the client to initiate an action on the server. Their _request-line_ contain three elements:
 
@@ -75,7 +75,7 @@ Bodies can be broadly divided into two categories:
 
 ### Status line
 
-_Note: The start-line is called the "status line" in requests._
+> **Note:** The start-line is called the "status line" in responses.
 
 The start line of an HTTP response, called the _status line_, contains the following information:
 

From 4c60873643a5e0340aff4336190fe93ad1c7d997 Mon Sep 17 00:00:00 2001
From: Matei Pavel Dumitrescu
 <127847482+MateiDumitrescu1@users.noreply.github.com>
Date: Mon, 12 Feb 2024 22:50:20 +0100
Subject: [PATCH 748/790] Correct round->around typo index.md (#32241)

---
 files/en-us/learn/css/building_blocks/styling_tables/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/css/building_blocks/styling_tables/index.md b/files/en-us/learn/css/building_blocks/styling_tables/index.md
index bac3665969385c7..330b339524aed23 100644
--- a/files/en-us/learn/css/building_blocks/styling_tables/index.md
+++ b/files/en-us/learn/css/building_blocks/styling_tables/index.md
@@ -138,7 +138,7 @@ The most important parts to note are as follows:
   We've coupled this with a {{cssxref("width")}} of 100%, meaning that the table will fill any container it is put in, and be nicely responsive (although it would still need some more work to get it looking good on narrow screen widths).
 
 - A {{cssxref("border-collapse")}} value of `collapse` is standard best practice for any table styling effort. By default, when you set borders on table elements, they will all have spacing between them, as the below image illustrates: ![a 2 by 2 table with default spacing between the borders showing no border collapse](no-border-collapse.png) This doesn't look very nice (although it might be the look you want, who knows?). With `border-collapse: collapse;` set, the borders collapse down into one, which looks much better: ![a 2 by 2 table with border-collapse property set to collapse showing borders collapse into one](border-collapse.png)
-- We've put a {{cssxref("border")}} around the whole table, which is needed because we'll be putting some borders round the table header and footer later on — it looks really odd and disjointed when you don't have a border round the whole outside of the table and end up with gaps.
+- We've put a {{cssxref("border")}} around the whole table, which is needed because we'll be putting some borders around the table header and footer later on — it looks really odd and disjointed when you don't have a border around the whole outside of the table and end up with gaps.
 - We've set some {{cssxref("padding")}} on the {{htmlelement("th")}} and {{htmlelement("td")}} elements — this gives the data items some space to breathe, making the table look a lot more legible.
 
 At this point, our table already looks a lot better:

From ecce8d4a89cc2fca633cb1f14ce5feda21287a7a Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Mon, 12 Feb 2024 23:07:31 -0800
Subject: [PATCH 749/790] minor: fixed a double negative (#32245)

double negative
---
 .../issues/content_suggestions_feature_proposals/index.md       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mdn/community/issues/content_suggestions_feature_proposals/index.md b/files/en-us/mdn/community/issues/content_suggestions_feature_proposals/index.md
index 7b8a6f09878028b..ec78835697498f4 100644
--- a/files/en-us/mdn/community/issues/content_suggestions_feature_proposals/index.md
+++ b/files/en-us/mdn/community/issues/content_suggestions_feature_proposals/index.md
@@ -8,7 +8,7 @@ page-type: mdn-community-guide
 
 We are always interested in hearing from our community about new content or feature suggestions you may have for MDN Web Docs. However, even though we are open to suggestions, we have to keep the following in mind:
 
-- MDN Web Docs is run and managed by a small internal team. We also rely heavily on our partners and community to help us keep MDN Web Docs the best resource for web developers on the web. As such, we will sometimes have to say no to new content or features because we will simply not be unable to maintain them long-term.
+- MDN Web Docs is run and managed by a small internal team. We also rely heavily on our partners and community to help us keep MDN Web Docs the best resource for web developers on the web. As such, we will sometimes have to say no to new content or features because we will simply be unable to maintain them long-term.
 - MDN Web Docs is also focused on documenting open web standards; some content might not be a good fit. This does not mean the idea or content is not good, just that MDN Web Docs is not the best place for it.
 
 Keeping that in mind, if you _do_ want to propose content or features for MDN Web Docs, please follow the below steps.

From 07578e7d8231894eb9eb463ac47effa83aa2bb23 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Tue, 13 Feb 2024 13:10:09 +0530
Subject: [PATCH 750/790] feat(husky): check deletions and broken fragments in
 URLs (#31265)

* feat(husky): check deletions and broken fragments in URLs

* mention it's the fragment in url
---
 .github/workflows/pr-check_url-issues.yml     |  30 ++++
 .../workflows/url-issues-problem-matcher.json |  18 +++
 .lintstagedrc.json                            |   3 +-
 .../page_structures/syntax_sections/index.md  |   2 +-
 .../api/runtime/setuninstallurl/index.md      |   2 +-
 scripts/log-url-issues.js                     | 140 ++++++++++++++++++
 scripts/utils.js                              |  38 +++++
 7 files changed, 230 insertions(+), 3 deletions(-)
 create mode 100644 .github/workflows/pr-check_url-issues.yml
 create mode 100644 .github/workflows/url-issues-problem-matcher.json
 create mode 100644 scripts/log-url-issues.js

diff --git a/.github/workflows/pr-check_url-issues.yml b/.github/workflows/pr-check_url-issues.yml
new file mode 100644
index 000000000000000..96398ea0f37e6b5
--- /dev/null
+++ b/.github/workflows/pr-check_url-issues.yml
@@ -0,0 +1,30 @@
+name: Check URL issues
+
+on:
+  pull_request:
+    branches:
+      - main
+    paths:
+      - "files/**/*.md"
+
+jobs:
+  check_url_issues:
+    #if: github.repository == 'mdn/content'
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js environment
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+          cache: yarn
+
+      - name: Check URL deletions and broken fragments
+        run: |
+          echo "::add-matcher::.github/workflows/url-issues-problem-matcher.json"
+          git fetch origin main
+          node scripts/log-url-issues.js --workflow
diff --git a/.github/workflows/url-issues-problem-matcher.json b/.github/workflows/url-issues-problem-matcher.json
new file mode 100644
index 000000000000000..552686c42e47baf
--- /dev/null
+++ b/.github/workflows/url-issues-problem-matcher.json
@@ -0,0 +1,18 @@
+{
+  "problemMatcher": [
+    {
+      "owner": "log-url-issues",
+      "severity": "error",
+      "pattern": [
+        {
+          "regexp": "^(ERROR|WARN|INFO):(.+):(\\d+):(\\d+):(.+)$",
+          "severity": 1,
+          "file": 2,
+          "line": 3,
+          "column": 4,
+          "message": 5
+        }
+      ]
+    }
+  ]
+}
diff --git a/.lintstagedrc.json b/.lintstagedrc.json
index 094d52dba504cc4..affa61f1dd480a6 100644
--- a/.lintstagedrc.json
+++ b/.lintstagedrc.json
@@ -7,5 +7,6 @@
     "prettier --write"
   ],
   "tests/**/*.*": "yarn test:front-matter-linter",
-  "*.{svg,png,jpeg,jpg,gif}": "yarn filecheck"
+  "*.{svg,png,jpeg,jpg,gif}": "yarn filecheck",
+  "*": "node scripts/log-url-issues.js"
 }
diff --git a/files/en-us/mdn/writing_guidelines/page_structures/syntax_sections/index.md b/files/en-us/mdn/writing_guidelines/page_structures/syntax_sections/index.md
index bf5a7d1ebb1fd88..927992ae241b056 100644
--- a/files/en-us/mdn/writing_guidelines/page_structures/syntax_sections/index.md
+++ b/files/en-us/mdn/writing_guidelines/page_structures/syntax_sections/index.md
@@ -102,7 +102,7 @@ new Date(year, monthIndex, day, hours, minutes, seconds, milliseconds)
 
 ##### Formal syntax
 
-Formal syntax notation (using [BNF](https://en.wikipedia.org/wiki/Backus%E2%80%93Naur_form)) should not be used in the Syntax section — instead use the expanded multiple-line format [described above](multiple_linesoptional_parameters).
+Formal syntax notation (using [BNF](https://en.wikipedia.org/wiki/Backus%E2%80%93Naur_form)) should not be used in the Syntax section — instead use the expanded multiple-line format [described above](#multiple_linesoptional_parameters).
 
 While the formal notation provides a concise mechanism for describing complex syntax, it is not familiar to many developers, and can _conflict_ with valid syntax for particular programming languages. For example, "`[ ]`" indicates both an "optional parameter" and a JavaScript {{jsxref("Array")}}. You can see this in the formal syntax for {{jsxref("Array.prototype.slice()")}} below:
 
diff --git a/files/en-us/mozilla/add-ons/webextensions/api/runtime/setuninstallurl/index.md b/files/en-us/mozilla/add-ons/webextensions/api/runtime/setuninstallurl/index.md
index 721e46d4ebd72b8..dacd84ba11b6e1c 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/runtime/setuninstallurl/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/runtime/setuninstallurl/index.md
@@ -7,7 +7,7 @@ browser-compat: webextensions.api.runtime.setUninstallURL
 
 {{AddonSidebar}}
 
-Sets the URL to be visited when the extension is uninstalled. This can be used to clean up server-side data, do analytics, or implement surveys. The URL can be up to 1023 characters. This limit used to be 255, see [Browser compatibility](browser_compatibility) for more details.
+Sets the URL to be visited when the extension is uninstalled. This can be used to clean up server-side data, do analytics, or implement surveys. The URL can be up to 1023 characters. This limit used to be 255, see [Browser compatibility](#browser_compatibility) for more details.
 
 This is an asynchronous function that returns a [`Promise`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).
 
diff --git a/scripts/log-url-issues.js b/scripts/log-url-issues.js
new file mode 100644
index 000000000000000..a93149989715d3c
--- /dev/null
+++ b/scripts/log-url-issues.js
@@ -0,0 +1,140 @@
+/*
+ * The script logs locations of affected URLs due to following reasons:
+ * - file deletion
+ * - Markdown header updates
+ */
+
+import fs from "node:fs/promises";
+import path from "node:path";
+import {
+  execGit,
+  getRootDir,
+  walkSync,
+  isImagePath,
+  getLocations,
+  IMG_RX,
+  stringToFragment,
+} from "./utils.js";
+
+const rootDir = getRootDir();
+const argLength = process.argv.length;
+const deletedSlugs = [];
+const fragmentDetails = [];
+let isAllOk = true;
+
+function getDeletedSlugs() {
+  // git status --short --porcelain
+  let result = execGit(["status", "--short", "--porcelain"], { cwd: "." });
+
+  if (result.trim()) {
+    deletedSlugs.push(
+      ...result
+        .split("\n")
+        .filter(
+          (line) =>
+            /^\s*D\s+/gi.test(line) &&
+            line.includes("files/en-us") &&
+            (IMG_RX.test(line) || line.includes("index.md")),
+        )
+        .map((line) => line.replaceAll(/^\s*|files\/en-us\/|\/index.md/gm, ""))
+        .map((line) => line.split(/\s+/)[1]),
+    );
+  }
+  console.log("deletedSlugs", deletedSlugs);
+}
+
+function getFragmentDetails(fromStaging = true) {
+  let result = "";
+
+  if (fromStaging) {
+    // get staged and unstaged changes
+    result = execGit(["diff", "HEAD"], { cwd: "." });
+  } else {
+    // get diff between branch base and HEAD
+    result = execGit(["diff", "origin/main...HEAD"], { cwd: "." });
+  }
+
+  if (result.trim()) {
+    const segments = [
+      ...result.split("diff --git a/").filter((segment) => segment !== ""),
+    ];
+    for (const segment of segments) {
+      const path = segment
+        .substring(0, segment.indexOf(" "))
+        .replaceAll(/files\/en-us\/|\/index.md/gm, "");
+
+      const headerRx = /^-#+ .*$/gm;
+      const fragments = [...segment.matchAll(headerRx)]
+        .map((match) => match[0].toLowerCase())
+        .map((header) => header.replace(/-#+ /g, ""))
+        .map((header) => stringToFragment(header));
+
+      for (const fragment of fragments) {
+        fragmentDetails.push(`${path}#${fragment}`);
+      }
+    }
+  }
+  console.log("fragmentDetails", fragmentDetails);
+}
+
+if (process.argv[2] !== "--workflow") {
+  getDeletedSlugs();
+  getFragmentDetails();
+} else {
+  getFragmentDetails(false);
+}
+
+if (deletedSlugs.length < 1 && fragmentDetails.length < 1) {
+  console.log("Nothing to check. 🎉");
+  process.exit(0);
+}
+
+for await (const filePath of walkSync(getRootDir())) {
+  if (filePath.endsWith("index.md")) {
+    try {
+      const content = await fs.readFile(filePath, "utf-8");
+      const relativePath = filePath.substring(filePath.indexOf("files/en-us"));
+
+      // check deleted links
+      for (const slug of deletedSlugs) {
+        isAllOk = false;
+        const locations = getLocations(
+          content,
+          new RegExp(`/${slug}[)># \"']`, "mig"),
+        );
+        if (locations.length) {
+          for (const location of locations) {
+            console.error(
+              `ERROR:${relativePath}:${location.line}:${location.column}:Slug '${slug}' has been deleted`,
+            );
+          }
+        }
+      }
+
+      // check broken URL fragment
+      for (const fragment of fragmentDetails) {
+        isAllOk = false;
+        const locations = getLocations(content, fragment);
+        // check fragments in the same file
+        const urlParts = fragment.split("#");
+        if (filePath.includes(urlParts[0])) {
+          locations.push(...getLocations(content, urlParts[1]));
+        }
+        if (locations.length) {
+          for (const location of locations) {
+            console.error(
+              `ERROR:${relativePath}:${location.line}:${location.column}:URL fragment in URL '${fragment}' is broken`,
+            );
+          }
+        }
+      }
+    } catch (e) {
+      console.error(`Error processing ${filePath}: ${e.message}`);
+      throw e;
+    }
+  }
+}
+
+if (!isAllOk) {
+  process.exit(1);
+}
diff --git a/scripts/utils.js b/scripts/utils.js
index e424338a39dcbb7..c20646676673a17 100644
--- a/scripts/utils.js
+++ b/scripts/utils.js
@@ -50,3 +50,41 @@ export function getRootDir() {
 export function isImagePath(path) {
   return IMG_RX.test(path);
 }
+
+/*
+ * Returns locations (line and column numbers) of 'searchValue' in the given 'content'.
+ */
+export function getLocations(content, searchValue) {
+  const lineLengths = content.split("\n").map((line) => line.length);
+  const searchRx =
+    searchValue instanceof RegExp
+      ? searchValue
+      : new RegExp(searchValue, "mig");
+  const matches = [...content.matchAll(searchRx)].map((match) => match.index);
+  const positions = [];
+
+  let currentPosition = 0;
+  lineLengths.forEach((lineLength, index) => {
+    lineLength += 1; // add '\n'
+    for (const match of matches) {
+      if (currentPosition < match && currentPosition + lineLength > match) {
+        positions.push({
+          line: index + 1,
+          column: match - currentPosition + 1,
+        });
+      }
+    }
+    currentPosition += lineLength;
+  });
+  return positions;
+}
+
+/*
+ * Convert Markdown header into URL slug.
+ */
+export function stringToFragment(text) {
+  return text
+    .trim()
+    .replace(/["#$%&+,/:;=?@[\]^`{|}~')(\\]/g, "")
+    .replace(/\s+/g, "_");
+}

From 85e913af9f01e216149d3381586eb0c784fefff7 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 13 Feb 2024 17:16:21 +0800
Subject: [PATCH 751/790] init documentation for `HTMLVideoElement.poster`
 (#32215)

* init docs

* Update files/en-us/web/api/htmlvideoelement/poster/index.md

Co-authored-by: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>

* Update files/en-us/web/api/htmlvideoelement/poster/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/htmlvideoelement/poster/index.md

---------

Co-authored-by: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../web/api/htmlvideoelement/poster/index.md  | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 files/en-us/web/api/htmlvideoelement/poster/index.md

diff --git a/files/en-us/web/api/htmlvideoelement/poster/index.md b/files/en-us/web/api/htmlvideoelement/poster/index.md
new file mode 100644
index 000000000000000..a1e6ea94413af4d
--- /dev/null
+++ b/files/en-us/web/api/htmlvideoelement/poster/index.md
@@ -0,0 +1,39 @@
+---
+title: "HTMLVideoElement: poster property"
+short-title: poster
+slug: Web/API/HTMLVideoElement/poster
+page-type: web-api-instance-property
+browser-compat: api.HTMLVideoElement.poster
+---
+
+{{APIRef("HTML DOM")}}
+
+The **`poster`** property of the {{domxref("HTMLVideoElement")}} interface is a string that reflects the URL for an image to be shown while no video data is available. If the property does not represent a valid URL, no poster frame will be shown.
+
+It reflects the `poster` attribute of the {{HTMLElement("video")}} element.
+
+## Value
+
+A string.
+
+## Examples
+
+```html
+<video
+  id="media"
+  src="https://example.com/video.mp4"
+  poster="https://example.com/poster.jpg"></video>
+```
+
+```js
+const el = document.getElementById("media");
+console.log(el.poster); // Output: "https://example.com/poster.jpg"
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}

From 34d914d848c6d749bb264e6d5c4dda3e94fda4ba Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Tue, 13 Feb 2024 14:48:07 +0530
Subject: [PATCH 752/790] add document for HTMLButtonElement.type (#32024)

* Document for HTMLButtonElement.type

* typo

Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>

* typo

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update index.md

---------

Co-authored-by: dawei-wang <dawei-wang@users.noreply.github.com>
Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 .../web/api/htmlbuttonelement/type/index.md   | 47 +++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 files/en-us/web/api/htmlbuttonelement/type/index.md

diff --git a/files/en-us/web/api/htmlbuttonelement/type/index.md b/files/en-us/web/api/htmlbuttonelement/type/index.md
new file mode 100644
index 000000000000000..4111c338ae8109b
--- /dev/null
+++ b/files/en-us/web/api/htmlbuttonelement/type/index.md
@@ -0,0 +1,47 @@
+---
+title: "HTMLButtonElement: type property"
+short-title: type
+slug: Web/API/HTMLButtonElement/type
+page-type: web-api-instance-property
+browser-compat: api.HTMLButtonElement.type
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`type`** property of the {{domxref("HTMLButtonElement")}} interface is a string that indicates the behavior type of the {{HTMLElement("button")}} element.
+
+It reflects the [`type`](/en-US/docs/Web/HTML/Element/button#type) attribute of the {{HTMLElement("button")}} element.
+
+## Value
+
+A string representing the type.
+
+Its possible values are listed in the attribute's [button types](/en-US/docs/Web/API/HTMLButtonElement#htmlbuttonelement.type) section.
+
+## Example
+
+### HTML
+
+```html
+<button id="button" type="reset">type</button>
+```
+
+### JavaScript
+
+```js
+const buttonElement = document.querySelector("#buttton");
+console.log(buttonElement.type); // "reset"
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLTextAreaElement.type")}} property
+- {{domxref("HTMLInputElement.type")}} property

From 0436adf460c5cd5daeb9a80440b515c9f65f2acc Mon Sep 17 00:00:00 2001
From: shubham oulkar <91728992+ShubhamOulkar@users.noreply.github.com>
Date: Tue, 13 Feb 2024 15:15:00 +0530
Subject: [PATCH 753/790] new document for HTMLInputElement.{selectionStart,
 selectionEnd, selectionDirection} properties  (#32202)

* new document for HTMLInputElement.{selectionStart,selectionEnd,selectionDirection}

initial document for HTMLInputElement.selectionStart

initial document for HTMLInputElement.selectionEnd

initial document for HTMLInputElement.selectionDirection

* apply mdn-linter suggetions

* apply lint suggestions

* better format for value section

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* fix: example and suggestions from review

---------

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
---
 .../selectiondirection/index.md               | 64 ++++++++++++++++
 .../htmlinputelement/selectionend/index.md    | 75 ++++++++++++++++++
 .../htmlinputelement/selectionstart/index.md  | 76 +++++++++++++++++++
 3 files changed, 215 insertions(+)
 create mode 100644 files/en-us/web/api/htmlinputelement/selectiondirection/index.md
 create mode 100644 files/en-us/web/api/htmlinputelement/selectionend/index.md
 create mode 100644 files/en-us/web/api/htmlinputelement/selectionstart/index.md

diff --git a/files/en-us/web/api/htmlinputelement/selectiondirection/index.md b/files/en-us/web/api/htmlinputelement/selectiondirection/index.md
new file mode 100644
index 000000000000000..56a7d792d00e437
--- /dev/null
+++ b/files/en-us/web/api/htmlinputelement/selectiondirection/index.md
@@ -0,0 +1,64 @@
+---
+title: "HTMLInputElement: selectionDirection property"
+short-title: selectionDirection
+slug: Web/API/HTMLInputElement/selectionDirection
+page-type: web-api-instance-property
+browser-compat: api.HTMLInputElement.selectionDirection
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`selectionDirection`** property of the {{domxref("HTMLInputElement")}} interface is a string that indicates the direction in which the user is selecting the text.
+
+## Value
+
+A string. It can have one of the following values:
+
+- `forward`
+  - : The user is extending the selection towards the end of the input text.
+- `backward`
+  - : The user is extending the selection towards the start of the input text.
+- `none`
+  - : The user is not extending the selection.
+
+> **Note:** On Windows, the direction indicates the position of the caret relative to the selection: a "forward" selection has the caret at the end of the selection and a "backward" selection has the caret at the start of the selection. Windows has no "none" direction.
+
+> **Note:** On Mac, the direction indicates which end of the selection is affected when the user adjusts the size of the selection using the arrow keys with the Shift modifier: the "forward" direction means the end of the selection is modified, and the "backward" direction means the start of the selection is modified. The "none" direction is the default on Mac, it indicates that no particular direction has yet been selected. The user sets the direction implicitly when first adjusting the selection, based on which directional arrow key was used.
+
+## Examples
+
+### HTML
+
+```html
+<label for="selectionDirection">selectionDirection property</label>
+<input type="text" id="selectionDirection" value="MDN" />
+<p id="direction"></p>
+```
+
+### JavaScript
+
+```js
+const textSelectionDirection = document.querySelector("#selectionDirection");
+const pConsole = document.querySelector("#direction");
+pConsole.textContent =
+  "Selection direction : " + textSelectionDirection.selectionDirection;
+```
+
+### Result
+
+{{EmbedLiveSample("Examples")}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLTextAreaElement.selectionDirection")}} property
+- {{domxref("HTMLInputElement.selectionStart")}} property
+- {{domxref("HTMLInputElement.selectionEnd")}} property
+- {{domxref("HTMLInputElement.setSelectionRange")}} method
diff --git a/files/en-us/web/api/htmlinputelement/selectionend/index.md b/files/en-us/web/api/htmlinputelement/selectionend/index.md
new file mode 100644
index 000000000000000..009749417db335e
--- /dev/null
+++ b/files/en-us/web/api/htmlinputelement/selectionend/index.md
@@ -0,0 +1,75 @@
+---
+title: "HTMLInputElement: selectionEnd property"
+short-title: selectionEnd
+slug: Web/API/HTMLInputElement/selectionEnd
+page-type: web-api-instance-property
+browser-compat: api.HTMLInputElement.selectionEnd
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`selectionEnd`** property of the {{domxref("HTMLInputElement")}} interface is a number that represents the end index of the selected text. When there is no selection, this returns the offset of the character immediately following the current text input cursor position.
+
+> **Note:** According to the [WHATWG forms spec](https://html.spec.whatwg.org/multipage/forms.html#concept-input-apply) `selectionEnd` property applies only to inputs of types text, search, URL, tel, and password. In modern browsers, throws an exception while setting `selectionEnd` property on the rest of input types. Additionally, this property returns `null` while accessing `selectionEnd` property on non-text input elements.
+
+If `selectionEnd` is less than `selectionStart`, then both are
+treated as the value of `selectionEnd`.
+
+## Value
+
+A non-negative number.
+
+## Examples
+
+### HTML
+
+```html
+<!-- using selectionEnd on non text input element -->
+<label for="color">selectionStart property on type=color</label>
+<input id="color" type="color" />
+
+<!-- using selectionEnd on text input element -->
+<fieldset>
+  <legend>selectionEnd property on type=text</legend>
+  <label for="pin">Input PIN</label>
+  <input type="text" id="pin" value="impossible PIN: 102-12-145" />
+  <button id="pin-btn" type="button">PIN correction</button>
+</fieldset>
+```
+
+### JavaScript
+
+```js
+const colorEnd = document.getElementById("color");
+const text = document.querySelector("#pin");
+const pinBtn = document.querySelector("#pin-btn");
+const validPinChecker = /[^\d{3}-\d{2}-\d{3}]/g;
+const selectionEnd = text.value.length;
+const selectedText = text.value.substring(text.selectionStart, selectionEnd);
+
+pinBtn.addEventListener("click", () => {
+  const correctedText = selectedText.replace(validPinChecker, "");
+  text.value = correctedText;
+});
+
+// open browser console to verify output
+console.log(colorEnd.selectionEnd); // Output : null
+```
+
+### Result
+
+{{EmbedLiveSample("Examples")}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLTextAreaElement.selectionEnd")}} property
+- {{domxref("HTMLInputElement.selectionStart")}} property
+- {{domxref("HTMLInputElement.setSelectionRange")}} method
diff --git a/files/en-us/web/api/htmlinputelement/selectionstart/index.md b/files/en-us/web/api/htmlinputelement/selectionstart/index.md
new file mode 100644
index 000000000000000..2936427b1c14600
--- /dev/null
+++ b/files/en-us/web/api/htmlinputelement/selectionstart/index.md
@@ -0,0 +1,76 @@
+---
+title: "HTMLInputElement: selectionStart property"
+short-title: selectionStart
+slug: Web/API/HTMLInputElement/selectionStart
+page-type: web-api-instance-property
+browser-compat: api.HTMLInputElement.selectionStart
+---
+
+{{ApiRef("HTML DOM")}}
+
+The **`selectionStart`** property of the {{domxref("HTMLInputElement")}} interface is a number that represents the beginning index of the selected text. When nothing is selected, then returns the position of the text input cursor (caret) inside of the `<input>` element.
+
+> **Note:** According to the [WHATWG forms spec](https://html.spec.whatwg.org/multipage/forms.html#concept-input-apply) `selectionStart` property applies only to inputs of types text, search, URL, tel, and password. In modern browsers, throws an exception while setting `selectionStart` property on the rest of input types. Additionally, this property returns `null` while accessing `selectionStart` property on non-text input elements.
+
+If `selectionStart` is greater than `selectionEnd`, then both are
+treated as the value of `selectionEnd`.
+
+## Value
+
+A non-negative number.
+
+## Examples
+
+### HTML
+
+```html
+<!-- use selectionStart on non text input element -->
+<label for="color">selectionStart property on type=color</label>
+<input id="color" type="color" />
+
+<!-- use selectionStart on text input element -->
+<fieldset>
+  <legend>selectionStart property on type=text</legend>
+  <label for="statement">Select 'mdn' word from the text : </label>
+  <input
+    type="text"
+    id="statement"
+    value="The mdn is a documentation repository." />
+  <button id="statement-btn">Select mdn text</button>
+</fieldset>
+```
+
+### JavaScript
+
+```js
+const inputElement = document.getElementById("statement");
+const statementBtn = document.getElementById("statement-btn");
+const colorStart = document.getElementById("color");
+
+statementBtn.addEventListener("click", () => {
+  inputElement.selectionStart = 4;
+  inputElement.selectionEnd = 7;
+  inputElement.focus();
+});
+
+// open browser console to verify output
+console.log(colorStart.selectionStart); // Output : null
+```
+
+### Result
+
+{{EmbedLiveSample("Examples")}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("HTMLTextAreaElement.selectionStart")}} property
+- {{domxref("HTMLInputElement.selectionEnd")}} property
+- {{domxref("HTMLInputElement.setSelectionRange")}} method

From eca1c1c2dfd430d6b7942b0f73128c4c0831e5c1 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Tue, 13 Feb 2024 11:21:38 +0000
Subject: [PATCH 754/790] 31863 implement color-interpolation="linearRGB"
 (#32161)

* added example of color-interpolation=linearRGB

* updated the wording explaining the example

* created the page for the color-interpolation CSS property and updated examples to include radialGradient

* Update files/en-us/web/svg/attribute/color-interpolation/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Update files/en-us/web/svg/attribute/color-interpolation/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Update files/en-us/web/svg/attribute/color-interpolation/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Update files/en-us/web/svg/attribute/color-interpolation/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Update files/en-us/web/svg/attribute/color-interpolation/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Update files/en-us/web/css/color-interpolation/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

* Update files/en-us/web/css/color-interpolation/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/_redirects.txt                    |   1 -
 .../web/css/color-interpolation/index.md      | 131 ++++++++++++++++++
 .../attribute/color-interpolation/index.md    | 121 +++++++++++++++-
 3 files changed, 251 insertions(+), 2 deletions(-)
 create mode 100644 files/en-us/web/css/color-interpolation/index.md

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index fbe8a3f6dd379ff..56387954dbde7a1 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -11555,7 +11555,6 @@
 /en-US/docs/Web/CSS/calc()	/en-US/docs/Web/CSS/calc
 /en-US/docs/Web/CSS/clamp()	/en-US/docs/Web/CSS/clamp
 /en-US/docs/Web/CSS/color-adjust	/en-US/docs/Web/CSS/print-color-adjust
-/en-US/docs/Web/CSS/color-interpolation	/en-US/docs/Web/SVG/Attribute/color-interpolation
 /en-US/docs/Web/CSS/color-interpolation-filters	/en-US/docs/Web/SVG/Attribute/color-interpolation-filters
 /en-US/docs/Web/CSS/color_value/color()	/en-US/docs/Web/CSS/color_value/color
 /en-US/docs/Web/CSS/color_value/color-contrast()	/en-US/docs/Web/CSS/color_value/color-contrast
diff --git a/files/en-us/web/css/color-interpolation/index.md b/files/en-us/web/css/color-interpolation/index.md
new file mode 100644
index 000000000000000..fa884d42d08fcaf
--- /dev/null
+++ b/files/en-us/web/css/color-interpolation/index.md
@@ -0,0 +1,131 @@
+---
+title: color-interpolation
+slug: Web/CSS/color-interpolation
+page-type: css-property
+browser-compat: css.properties.color-interpolation
+---
+
+{{CSSRef}}
+
+The `color-interpolation` CSS property is used in SVG to specify which color space to use for {{SVGElement("linearGradient")}} and {{SVGElement("radialGradient")}} SVG elements.
+
+## Syntax
+
+```css
+/* Keyword values */
+color-interpolation: auto;
+color-interpolation: sRGB;
+color-interpolation: linearRGB;
+```
+
+### Values
+
+- `auto`
+  - : Indicates that the user agent can choose either the `sRGB` or `linearRGB` spaces for color interpolation. This option indicates that the author doesn't require that color interpolation occur in a particular color space.
+- `sRGB`
+  - : Indicates that color interpolation should occur in the sRGB color space.
+    Defaults to this initial value if no `color-interpolation` property is set.
+- `linearRGB`
+  - : Indicates that color interpolation should occur in the linearized RGB color space as described in [the sRGB specification](https://webstore.iec.ch/publication/6169).
+
+## Formal definition
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row">Value</th>
+      <td><code>auto</code> | <code>sRGB</code> | <code>linearRGB</code></td>
+    </tr>
+    <tr>
+      <th scope="row">Applies to</th>
+      <td>{{SVGElement("linearGradient")}} and {{SVGElement("radialGradient")}}</td>
+    </tr>
+    <tr>
+      <th scope="row">Default value</th>
+      <td><code>auto</code></td>
+    </tr>
+    <tr>
+      <th scope="row">Animatable</th>
+      <td>discrete</td>
+    </tr>
+  </tbody>
+</table>
+
+## Formal syntax
+
+{{csssyntax}}
+
+## Example
+
+In the first SVG, the `color-interpolation` property is not included on the `<linearGradient>` element and color interpolation defaults to `sRGB`.
+The second example shows color interpolation using the `linearRGB` value.
+
+```html
+<svg width="450" height="70">
+  <title>Example of using the color-interpolation CSS Property</title>
+  <defs>
+    <linearGradient id="sRGB">
+      <stop offset="0%" stop-color="white" />
+      <stop offset="25%" stop-color="blue" />
+      <stop offset="50%" stop-color="white" />
+      <stop offset="75%" stop-color="red" />
+      <stop offset="100%" stop-color="white" />
+    </linearGradient>
+  </defs>
+  <rect x="0" y="0" width="400" height="40" fill="url(#sRGB)" stroke="black" />
+  <text x="0" y="60" font-family="courier" font-size="16">
+    no color-interpolation (CSS property)
+  </text>
+</svg>
+```
+
+```html
+<svg width="450" height="70">
+  <title>Example of using the color-interpolation CSS Property</title>
+  <defs>
+    <linearGradient id="linearRGB">
+      <stop offset="0%" stop-color="white" />
+      <stop offset="25%" stop-color="blue" />
+      <stop offset="50%" stop-color="white" />
+      <stop offset="75%" stop-color="red" />
+      <stop offset="100%" stop-color="white" />
+    </linearGradient>
+  </defs>
+  <rect
+    x="0"
+    y="0"
+    width="400"
+    height="40"
+    fill="url(#linearRGB)"
+    stroke="black" />
+  <text x="0" y="60" font-family="courier" font-size="16">
+    color-interpolation: linearRGB; (CSS property)
+  </text>
+</svg>
+```
+
+```css
+svg {
+  display: block;
+}
+
+#linearRGB {
+  color-interpolation: linearRGB;
+}
+```
+
+{{EmbedLiveSample("Example", "100%", "140")}}
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{SVGElement("linearGradient")}}
+- {{SVGElement("radialGradient")}}
+- {{SVGAttr("color-interpolation")}}
diff --git a/files/en-us/web/svg/attribute/color-interpolation/index.md b/files/en-us/web/svg/attribute/color-interpolation/index.md
index 442642a59b4a2be..88a1009f449e329 100644
--- a/files/en-us/web/svg/attribute/color-interpolation/index.md
+++ b/files/en-us/web/svg/attribute/color-interpolation/index.md
@@ -15,7 +15,7 @@ The color-interpolation property chooses between color operations occurring in t
 
 When a child element is blended into a background, the value of the `color-interpolation` property on the child determines the type of blending, not the value of the `color-interpolation` on the parent. For gradients which make use of the {{SVGAttr("href")}} or the deprecated {{SVGAttr("xlink:href")}} attribute to reference another gradient, the gradient uses the property's value from the gradient element which is directly referenced by the {{SVGAttr("fill")}} or {{SVGAttr("stroke")}} property. When animating colors, color interpolation is performed according to the value of the `color-interpolation` property on the element being animated.
 
-> **Note:** As a presentation attribute, `color-interpolation` can be used as a CSS property.
+> **Note:** As a presentation attribute, {{CSSXref("color-interpolation")}} can be used as a CSS property.
 
 You can use this attribute with the following SVG elements:
 
@@ -74,6 +74,122 @@ You can use this attribute with the following SVG elements:
 - `linearRGB`
   - : Indicates that color interpolation should occur in the linearized RGB color space as described in [the sRGB specification](https://webstore.iec.ch/publication/6169).
 
+## Example
+
+This example shows four SVGs, each with a {{SVGElement("rect")}} element and a different gradient used as a fill for the `<rect>`. The first two SVGs use {{SVGElement("linearGradient")}} and the second two use {{SVGElement("radialGradient")}} elements. In unsupported browsers, the gradient looks the same.
+
+In this first SVG, the `color-interpolation` attribute is not included on the `<linearGradient>` element, which defaults to `sRGB`.
+
+```css hidden
+svg {
+  display: block;
+}
+```
+
+```html
+<svg width="450" height="70">
+  <title>
+    Example of linearGradient excluding the color-interpolation attribute
+  </title>
+  <defs>
+    <linearGradient id="gradientDefault">
+      <stop offset="0%" stop-color="white" />
+      <stop offset="25%" stop-color="blue" />
+      <stop offset="50%" stop-color="white" />
+      <stop offset="75%" stop-color="red" />
+      <stop offset="100%" stop-color="white" />
+    </linearGradient>
+  </defs>
+  <rect
+    x="0"
+    y="0"
+    width="400"
+    height="40"
+    fill="url(#gradientDefault)"
+    stroke="black" />
+  <text x="0" y="60" font-family="courier" font-size="16">
+    color-interpolation not set
+  </text>
+</svg>
+```
+
+In this second SVG, the `color-interpolation` attribute is included on the `<linearGradient>` element and set to `linearRGB`.
+
+```html
+<svg width="450" height="70">
+  <title>
+    Example of linearGradient using the color-interpolation attribute
+  </title>
+  <defs>
+    <linearGradient id="gradientLinearRGB" color-interpolation="linearRGB">
+      <stop offset="0%" stop-color="white" />
+      <stop offset="25%" stop-color="blue" />
+      <stop offset="50%" stop-color="white" />
+      <stop offset="75%" stop-color="red" />
+      <stop offset="100%" stop-color="white" />
+    </linearGradient>
+  </defs>
+  <rect
+    x="0"
+    y="0"
+    width="400"
+    height="40"
+    fill="url(#gradientLinearRGB)"
+    stroke="black" />
+  <text x="0" y="60" font-family="courier" font-size="16">
+    color-interpolation="linearRGB"
+  </text>
+</svg>
+```
+
+In this third SVG, the `color-interpolation` attribute is not included on the `<radialGradient>` element, which defaults to `sRGB`.
+
+```html
+<svg width="450" height="70">
+  <title>
+    Example of radialGradient excluding the color-interpolation attribute
+  </title>
+  <defs>
+    <radialGradient id="none">
+      <stop offset="0%" stop-color="red" />
+      <stop offset="100%" stop-color="gold" />
+    </radialGradient>
+  </defs>
+  <rect x="0" y="0" width="400" height="40" fill="url(#none)" stroke="black" />
+  <text x="0" y="60" font-family="courier" font-size="16">
+    color-interpolation not set
+  </text>
+</svg>
+```
+
+In this fourth SVG, the `color-interpolation` attribute is included on the `<radialGradient>` element and set to `linearRGB`.
+
+```html
+<svg width="450" height="70">
+  <title>
+    Example of linearGradient using the color-interpolation attribute
+  </title>
+  <defs>
+    <radialGradient id="radLinearRGB" color-interpolation="linearRGB">
+      <stop offset="0%" stop-color="red" />
+      <stop offset="100%" stop-color="gold" />
+    </radialGradient>
+  </defs>
+  <rect
+    x="0"
+    y="0"
+    width="400"
+    height="40"
+    fill="url(#radLinearRGB)"
+    stroke="black" />
+  <text x="0" y="60" font-family="courier" font-size="16">
+    color-interpolation="sRGB" (SVG attr)
+  </text>
+</svg>
+```
+
+{{EmbedLiveSample("Example", "100%", "280")}}
+
 ## Specifications
 
 {{Specifications}}
@@ -84,6 +200,9 @@ You can use this attribute with the following SVG elements:
 
 ## See also
 
+- {{SVGElement("linearGradient")}}
+- {{SVGElement("radialGradient")}}
+- {{CSSXref("color-interpolation")}}
 - [sRGB specification](https://webstore.iec.ch/publication/6169)
 - {{SVGAttr("color-interpolation-filters")}}
 - [Computer color is broken](https://www.youtube.com/watch?v=LKnqECcg6Gw) - popular demonstration of linearRGB

From bed92df387c4a8d94ee1e682cd33dab06cb30f4c Mon Sep 17 00:00:00 2001
From: Matei Pavel Dumitrescu
 <127847482+MateiDumitrescu1@users.noreply.github.com>
Date: Tue, 13 Feb 2024 13:53:44 +0100
Subject: [PATCH 755/790] Fixed minor grammar issue index.md (#32250)

---
 files/en-us/learn/css/building_blocks/organizing/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/css/building_blocks/organizing/index.md b/files/en-us/learn/css/building_blocks/organizing/index.md
index 88bcee71baf111b..3f7f6f423a5e543 100644
--- a/files/en-us/learn/css/building_blocks/organizing/index.md
+++ b/files/en-us/learn/css/building_blocks/organizing/index.md
@@ -198,7 +198,7 @@ By ordering things in this way, we at least have an idea in which part of the st
 
 ### Avoid overly-specific selectors
 
-If you create very specific selectors, you will often find that you need to duplicate chunks of your CSS to apply the same rules to another element. For example, you might have something like the below selector, which applies the rule to a `<p>` with a class of `box` inside an `<article>` with a class of `main`.
+If you create very specific selectors, you will often find that you need to duplicate chunks of your CSS to apply the same rules to another element. For example, you might have something like the selector below, which applies the rule to a `<p>` with a class of `box` inside an `<article>` with a class of `main`.
 
 ```css
 article.main p.box {

From 65248f53c3b289c53255377a4b75795701522596 Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Tue, 13 Feb 2024 16:26:25 +0100
Subject: [PATCH 756/790] chore(macros): Remove 'Xref_cssinitial',
 'Xref_cssinherited', 'Xref_csscomputed', 'NonStandardBadge' (#32189)

* chore(macros): Remove 'Xref_cssinitial', 'Xref_cssinherited', 'Xref_csscomputed'

* chore(macros): Replace 'NonStandardBadge' with 'non-standard_inline'
---
 files/en-us/web/api/idbfactory/deletedatabase/index.md | 2 +-
 files/en-us/web/css/-webkit-mask-box-image/index.md    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/api/idbfactory/deletedatabase/index.md b/files/en-us/web/api/idbfactory/deletedatabase/index.md
index 3e8739fb54e9005..944225d7d60d151 100644
--- a/files/en-us/web/api/idbfactory/deletedatabase/index.md
+++ b/files/en-us/web/api/idbfactory/deletedatabase/index.md
@@ -42,7 +42,7 @@ deleteDatabase(name, options)
     database that doesn't exist does not throw an exception, in contrast to
     {{DOMxRef("IDBDatabase.deleteObjectStore()")}}, which does throw an exception if the
     named object store does not exist.
-- `options` {{optional_inline}} {{NonStandardBadge}}
+- `options` {{optional_inline}} {{Non-standard_Inline}}
   - : In Gecko, since [version 26](/en-US/docs/Mozilla/Firefox/Releases/26), you can include
     a non-standard optional storage parameter that specifies whether you want to delete a
     `permanent` (the default value) IndexedDB, or an indexedDB in
diff --git a/files/en-us/web/css/-webkit-mask-box-image/index.md b/files/en-us/web/css/-webkit-mask-box-image/index.md
index d199521cfe67f08..7e70b1671128386 100644
--- a/files/en-us/web/css/-webkit-mask-box-image/index.md
+++ b/files/en-us/web/css/-webkit-mask-box-image/index.md
@@ -77,10 +77,10 @@ Border repeat styles, when included, are interpreted in the order of `<repeat-x>
 
 ## Formal definition
 
-- {{ Xref_cssinitial() }}: `none`
+- [Initial value](/en-US/docs/Web/CSS/initial_value): `none`
 - Applies to: all elements
-- {{ Xref_cssinherited() }}: no
-- {{ Xref_csscomputed() }}: as specified
+- [Inherited](/en-US/docs/Web/CSS/Inheritance): no
+- [Computed value](/en-US/docs/Web/CSS/computed_value): as specified
 
 ## Formal syntax
 

From 311fce6577b67848b3fdf95311609cc28111bd9f Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Tue, 13 Feb 2024 16:32:47 +0000
Subject: [PATCH 757/790] added the release note for color-interpolation on SVG
 gradients (#32162)

---
 files/en-us/mozilla/firefox/releases/123/index.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/mozilla/firefox/releases/123/index.md b/files/en-us/mozilla/firefox/releases/123/index.md
index bf985cddc16a8b5..24e6124a216fd68 100644
--- a/files/en-us/mozilla/firefox/releases/123/index.md
+++ b/files/en-us/mozilla/firefox/releases/123/index.md
@@ -28,6 +28,8 @@ This article provides information about the changes in Firefox 123 that affect d
 
 ### SVG
 
+- The {{SVGElement("linearGradient")}} and {{SVGElement("radialGradient")}} SVG elements now support changing the color space to be `linearRGB` or `sRGB` via the {{SVGAttr("color-interpolation")}} attribute. This can also be applied to the SVG elements via the {{CSSXref("color-interpolation")}} CSS property.
+
 #### Removals
 
 ### HTTP

From ce402106db373250a0326962006ebc2fc9a19235 Mon Sep 17 00:00:00 2001
From: Vadim Makeev <hi@pepelsbey.dev>
Date: Tue, 13 Feb 2024 22:17:33 +0100
Subject: [PATCH 758/790] Fix link to Bugzilla (#32259)

LGTM
---
 files/en-us/mozilla/firefox/releases/123/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/mozilla/firefox/releases/123/index.md b/files/en-us/mozilla/firefox/releases/123/index.md
index 24e6124a216fd68..8461932f8cf1d5d 100644
--- a/files/en-us/mozilla/firefox/releases/123/index.md
+++ b/files/en-us/mozilla/firefox/releases/123/index.md
@@ -14,7 +14,7 @@ This article provides information about the changes in Firefox 123 that affect d
 
 ### HTML
 
-- The {{htmlelement("template")}} element now supports a `shadowrootmode` attribute that allows declarative creation of a shadow DOM subtree. The attribute can be set to either `open` or `closed`, which expose or hide JavaScript in the shadow DOM from external code, respectively. These are the same values as the `mode` option of the {{domxref("Element.attachShadow()", "attachShadow()")}} method. ([Firefox bug 1712140](https://bugzil.la/1870052))
+- The {{htmlelement("template")}} element now supports a `shadowrootmode` attribute that allows declarative creation of a shadow DOM subtree. The attribute can be set to either `open` or `closed`, which expose or hide JavaScript in the shadow DOM from external code, respectively. These are the same values as the `mode` option of the {{domxref("Element.attachShadow()", "attachShadow()")}} method. ([Firefox bug 1870052](https://bugzil.la/1870052))
 
 #### Removals
 

From b3063b016b6395541278137f099245e5e20ab42e Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Wed, 14 Feb 2024 08:24:17 +0530
Subject: [PATCH 759/790] feat(ci): add post pull script to run install
 (#32062)

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 .husky/post-merge     | 14 ++++++++++++++
 .husky/update-history |  7 +++++++
 package.json          |  1 +
 3 files changed, 22 insertions(+)
 create mode 100644 .husky/post-merge
 create mode 100644 .husky/update-history

diff --git a/.husky/post-merge b/.husky/post-merge
new file mode 100644
index 000000000000000..6c5b1324ded9669
--- /dev/null
+++ b/.husky/post-merge
@@ -0,0 +1,14 @@
+BRANCH="$(git rev-parse --abbrev-ref HEAD)"
+if [[ "$BRANCH" != "main" ]]; then
+  exit 0
+fi
+
+if [ -f ".husky/_/history" ]; then
+  lastHash=$(cat ./.husky/_/history)
+  isUpdated=$(git diff $lastHash HEAD -- ./package.json)
+  if [ "$isUpdated" != "" ]; then
+    echo -e "\n⚠🔥 'package.json' has changed. Please run 'yarn install'! 🔥"
+  fi
+else
+  yarn install
+fi
diff --git a/.husky/update-history b/.husky/update-history
new file mode 100644
index 000000000000000..d7cde538572c7af
--- /dev/null
+++ b/.husky/update-history
@@ -0,0 +1,7 @@
+# This script stores the 'main' branch's HEAD commit hash in .husky/_/history
+# The stored commit hash is used by the post-merge script .husky/post-merge
+
+BRANCH="$(git rev-parse --abbrev-ref HEAD)"
+if [[ "$BRANCH" == "main" ]]; then
+  echo $(git rev-parse HEAD) > ./.husky/_/history
+fi
diff --git a/package.json b/package.json
index 1a6ce4755ab0923..f5153ba3bd49ddb 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
   },
   "type": "module",
   "scripts": {
+    "postinstall": "sh ./.husky/update-history",
     "build": "env-cmd --silent cross-env CONTENT_ROOT=files BUILD_OUT_ROOT=build yari-build",
     "content": "env-cmd --silent cross-env CONTENT_ROOT=files yari-tool",
     "filecheck": "env-cmd --silent cross-env CONTENT_ROOT=files yari-filecheck --cwd=.",

From 44c93b0fb4940a9b9b9942a0a6ca28305c62078f Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Tue, 13 Feb 2024 23:12:24 -0800
Subject: [PATCH 760/790] Update x to mastodon (#32264)

---
 .../webextensions/api/tabs/onupdated/index.md        | 12 ++++++------
 .../web/accessibility/aria/roles/feed_role/index.md  |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onupdated/index.md b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onupdated/index.md
index 26d0f355551da9b..0da592327c39f4d 100644
--- a/files/en-us/mozilla/add-ons/webextensions/api/tabs/onupdated/index.md
+++ b/files/en-us/mozilla/add-ons/webextensions/api/tabs/onupdated/index.md
@@ -137,11 +137,11 @@ browser.tabs.onUpdated.addListener(handleUpdated);
 
 ### Filtering examples
 
-Log changes only to tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://twitter.com/mozdevnet`:
+Log changes only to tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://mozilla.social/@mdn`:
 
 ```js
 const pattern1 = "https://developer.mozilla.org/*";
-const pattern2 = "https://twitter.com/mozdevnet";
+const pattern2 = "https://mozilla.social/@mdn";
 
 const filter = {
   urls: [pattern1, pattern2],
@@ -172,11 +172,11 @@ function handleUpdated(tabId, changeInfo, tabInfo) {
 browser.tabs.onUpdated.addListener(handleUpdated, filter);
 ```
 
-Combine both the previous filters, log only when the `pinned` property of tabs changes for tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://twitter.com/mozdevnet`:
+Combine both the previous filters, log only when the `pinned` property of tabs changes for tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://mozilla.social/@mdn`:
 
 ```js
 const pattern1 = "https://developer.mozilla.org/*";
-const pattern2 = "https://twitter.com/mozdevnet";
+const pattern2 = "https://mozilla.social/@mdn";
 
 const filter = {
   urls: [pattern1, pattern2],
@@ -192,11 +192,11 @@ function handleUpdated(tabId, changeInfo, tabInfo) {
 browser.tabs.onUpdated.addListener(handleUpdated, filter);
 ```
 
-Log changes only when the `pinned` property of tabs changes for tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://twitter.com/mozdevnet` where the tab was part of the current browser window when the update event fired:
+Log changes only when the `pinned` property of tabs changes for tabs whose `url` property is [matched](/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns) by `https://developer.mozilla.org/*` or `https://mozilla.social/@mdn` where the tab was part of the current browser window when the update event fired:
 
 ```js
 const pattern1 = "https://developer.mozilla.org/*";
-const pattern2 = "https://twitter.com/mozdevnet";
+const pattern2 = "https://mozilla.social/@mdn";
 
 const filter = {
   urls: [pattern1, pattern2],
diff --git a/files/en-us/web/accessibility/aria/roles/feed_role/index.md b/files/en-us/web/accessibility/aria/roles/feed_role/index.md
index 90f6e323dca5e87..52ce1c25bbec0ab 100644
--- a/files/en-us/web/accessibility/aria/roles/feed_role/index.md
+++ b/files/en-us/web/accessibility/aria/roles/feed_role/index.md
@@ -19,7 +19,7 @@ A `feed` is a dynamic scrollable `list` of `articles` in which articles are adde
 
 ## Description
 
-A `feed` is a type of [`list`](/en-US/docs/Web/Accessibility/ARIA/Roles/list_role), the containing role for scrollable [`articles`](/en-US/docs/Web/Accessibility/ARIA/Roles/article_role) where scrolling may cause articles to be added to the top or end of the list. The role enables assistive technology to use the browse mode reading cursor to both read and scroll through a stream of rich content that may continue scrolling infinitely by loading more content as the user reads. Examples include an RSS feed, news feeds, social media feeds like Facebook, Instagram or Twitter, or even a list of related products on an e-commerce page. These streams can be limited or infinite, loading more content as the user scrolls. Implementing the `feed` pattern allows a screen reader to reliably read and trigger the loading of feed content while in reading mode.
+A `feed` is a type of [`list`](/en-US/docs/Web/Accessibility/ARIA/Roles/list_role), the containing role for scrollable [`articles`](/en-US/docs/Web/Accessibility/ARIA/Roles/article_role) where scrolling may cause articles to be added to the top or end of the list. The role enables assistive technology to use the browse mode reading cursor to both read and scroll through a stream of rich content that may continue scrolling infinitely by loading more content as the user reads. Examples include an RSS feed, news feeds, social media feeds like Facebook, Instagram or Mastodon, or even a list of related products on an e-commerce page. These streams can be limited or infinite, loading more content as the user scrolls. Implementing the `feed` pattern allows a screen reader to reliably read and trigger the loading of feed content while in reading mode.
 
 Unlike the document structure elements that represent static HTML elements, the `feed` role requires specific interactions and implementation of keyboard navigation. The `feed` is a container element whose children are {{HTMLElement('article')}}s or have role `article`. Each article within a feed should be focusable, with tabindex of 0 or -1. An article should be scrolled into view when it, or a descendant element, receives focus. If the addition of articles occupies the main browser thread, make sure to set `aria-busy="true"` on the feed itself, and make sure to set it back to `false` when processing ends, or the user may not see the updates.
 

From 6f56b2dbc0229d381a5e63cf763a77883ee23906 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Wed, 14 Feb 2024 19:08:19 +1100
Subject: [PATCH 761/790] FF122 Relnote CSS -moz-user-focus removed (#31970)

---
 files/en-us/mozilla/firefox/releases/122/index.md |  4 ++++
 files/en-us/web/css/-moz-user-focus/index.md      | 10 +++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/files/en-us/mozilla/firefox/releases/122/index.md b/files/en-us/mozilla/firefox/releases/122/index.md
index 31bc7238ae92c4d..eed1bbe001516c5 100644
--- a/files/en-us/mozilla/firefox/releases/122/index.md
+++ b/files/en-us/mozilla/firefox/releases/122/index.md
@@ -47,6 +47,10 @@ This article provides information about the changes in Firefox 122 that affect d
 
 - The {{domxref("HTMLSelectElement.showPicker()")}} method is now supported, allowing the browser picker for a {{HTMLElement("select")}} element to be programmatically launched when triggered by user interaction ([Firefox bug 1865207](https://bugzil.la/1865207)).
 
+#### Removals
+
+- Removed support for the CSS [`-moz-user-focus`](/en-US/docs/Web/CSS/-moz-user-focus) property ([Firefox bug 1871745](https://bugzil.la/1871745) and [Firefox bug 1868552](https://bugzil.la/1868552)).
+
 ### WebDriver conformance (WebDriver BiDi, Marionette)
 
 #### General
diff --git a/files/en-us/web/css/-moz-user-focus/index.md b/files/en-us/web/css/-moz-user-focus/index.md
index 7141f5ba8c870a6..dd3fa1546cd0d2b 100644
--- a/files/en-us/web/css/-moz-user-focus/index.md
+++ b/files/en-us/web/css/-moz-user-focus/index.md
@@ -3,20 +3,23 @@ title: "-moz-user-focus"
 slug: Web/CSS/-moz-user-focus
 page-type: css-property
 status:
+  - deprecated
   - non-standard
 browser-compat: css.properties.-moz-user-focus
 ---
 
-{{CSSRef}} {{Non-standard_header}}
+{{CSSRef}} {{deprecated_header}}
 
 The **`-moz-user-focus`** [CSS](/en-US/docs/Web/CSS) property is used to indicate whether an element can have the focus.
 
-By setting its value to `ignore`, you can disable focusing the element, which means that the user will not be able to activate the element. The element will be skipped in the tab sequence.
+By setting its value to `ignore`, you can disable focusing the element, which means that the user will not be able to activate the element, and the element will be skipped in the tab sequence.
+The default is `none`, which disables focussing on the element and removes focus on other elements if there is an attempt to select the element.
 
 ## Syntax
 
 ```css
 /* Keyword values */
+-moz-user-focus: none;
 -moz-user-focus: normal;
 -moz-user-focus: ignore;
 
@@ -33,7 +36,8 @@ By setting its value to `ignore`, you can disable focusing the element, which me
 - `normal`
   - : The element can accept keyboard focus.
 - `none`
-  - : ?
+  - : The element does not accept keyboard focus.
+    Attempting to select the element removes focus from any other element.
 
 ## Formal definition
 

From 3bc416fc6a43fe903ae2eb09c2515699f4cee0ef Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Wed, 14 Feb 2024 09:21:57 +0100
Subject: [PATCH 762/790] chore(games): move JSFiddles into embedlivesample
 macros, minor fixes (#32258)

---
 .../bounce_off_the_walls/index.md             |  60 +++++-
 .../build_the_brick_field/index.md            | 142 ++++++++++++-
 .../collision_detection/index.md              | 166 ++++++++++++++-
 .../create_the_canvas_and_draw_on_it/index.md |  39 +++-
 .../finishing_up/index.md                     | 198 +++++++++++++++++-
 .../game_over/index.md                        | 113 +++++++++-
 .../2d_breakout_game_pure_javascript/index.md |  13 +-
 .../mouse_controls/index.md                   | 181 +++++++++++++++-
 .../move_the_ball/index.md                    |  59 +++++-
 .../paddle_and_keyboard_controls/index.md     | 106 +++++++++-
 .../track_the_score_and_win/index.md          | 168 ++++++++++++++-
 11 files changed, 1213 insertions(+), 32 deletions(-)

diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md
index 1173df8394060f3..86eea7d8a4b15de 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.md
@@ -10,7 +10,7 @@ page-type: guide
 
 This is the **3rd step** out of 10 of the [Gamedev Canvas tutorial](/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript). You can find the source code as it should look after completing this lesson at [Gamedev-Canvas-workshop/lesson3.html](https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson03.html).
 
-It is nice to see our ball moving, but it quickly disappears from the screen, limiting the fun we can have with it! To overcome that we will implement some very simple collision detection (which will be explained [later](/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript/Collision_detection) in more detail) to make the ball bounce off the four edges of the Canvas.
+It is nice to see our ball moving, but it quickly disappears from the screen, limiting the fun we can have with it! To overcome that we will implement some collision detection (which will be explained [later](/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript/Collision_detection) in more detail) to make the ball bounce off the four edges of the Canvas.
 
 ## Simple collision detection
 
@@ -99,7 +99,63 @@ When the distance between the center of the ball and the edge of the wall is exa
 
 Let's again check the finished code for this part against what you've got, and have a play:
 
-{{JSFiddleEmbed("https://jsfiddle.net/end3r/redj37dc/","","395")}}
+```html hidden
+<canvas id="myCanvas" width="480" height="320"></canvas>
+<button id="runButton">Start game</button>
+```
+
+```css hidden
+canvas {
+  background: #eee;
+}
+button {
+  display: block;
+}
+```
+
+```js
+const canvas = document.getElementById("myCanvas");
+const ctx = canvas.getContext("2d");
+const ballRadius = 10;
+let x = canvas.width / 2;
+let y = canvas.height - 30;
+let dx = 2;
+let dy = -2;
+
+function drawBall() {
+  ctx.beginPath();
+  ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+
+function draw() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  drawBall();
+
+  if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
+    dx = -dx;
+  }
+  if (y + dy > canvas.height - ballRadius || y + dy < ballRadius) {
+    dy = -dy;
+  }
+
+  x += dx;
+  y += dy;
+}
+
+function startGame() {
+  const interval = setInterval(draw, 10);
+}
+
+document.getElementById("runButton").addEventListener("click", function () {
+  startGame();
+  this.disabled = true;
+});
+```
+
+{{embedlivesample("compare_your_code", 600, 360)}}
 
 > **Note:** Try changing the color of the ball to a random color every time it hits the wall.
 
diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md
index 0e97fb25dff05e8..b755357c150afd5 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md
@@ -103,7 +103,147 @@ drawBricks();
 
 At this point, the game has got a little more interesting again:
 
-{{JSFiddleEmbed("https://jsfiddle.net/raymondjplante/Lu3vtejz/","","395")}}
+```html hidden
+<canvas id="myCanvas" width="480" height="320"></canvas>
+<button id="runButton">Start game</button>
+```
+
+```css hidden
+canvas {
+  background: #eee;
+}
+button {
+  display: block;
+}
+```
+
+```js hidden
+const canvas = document.getElementById("myCanvas");
+const ctx = canvas.getContext("2d");
+const ballRadius = 10;
+
+let x = canvas.width / 2;
+let y = canvas.height - 30;
+
+let dx = 2;
+let dy = -2;
+
+const paddleHeight = 10;
+const paddleWidth = 75;
+
+let paddleX = (canvas.width - paddleWidth) / 2;
+let rightPressed = false;
+let leftPressed = false;
+
+const brickRowCount = 3;
+const brickColumnCount = 5;
+const brickWidth = 75;
+const brickHeight = 20;
+const brickPadding = 10;
+const brickOffsetTop = 30;
+const brickOffsetLeft = 30;
+
+let bricks = [];
+for (let c = 0; c < brickColumnCount; c++) {
+  bricks[c] = [];
+  for (let r = 0; r < brickRowCount; r++) {
+    bricks[c][r] = { x: 0, y: 0 };
+  }
+}
+
+document.addEventListener("keydown", keyDownHandler, false);
+document.addEventListener("keyup", keyUpHandler, false);
+
+function keyDownHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = true;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = true;
+  }
+}
+
+function keyUpHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = false;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = false;
+  }
+}
+
+function drawBall() {
+  ctx.beginPath();
+  ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawPaddle() {
+  ctx.beginPath();
+  ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawBricks() {
+  for (let c = 0; c < brickColumnCount; c++) {
+    for (let r = 0; r < brickRowCount; r++) {
+      let brickX = c * (brickWidth + brickPadding) + brickOffsetLeft;
+      let brickY = r * (brickHeight + brickPadding) + brickOffsetTop;
+      bricks[c][r].x = brickX;
+      bricks[c][r].y = brickY;
+      ctx.beginPath();
+      ctx.rect(brickX, brickY, brickWidth, brickHeight);
+      ctx.fillStyle = "#0095DD";
+      ctx.fill();
+      ctx.closePath();
+    }
+  }
+}
+
+function draw() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  drawBricks();
+  drawBall();
+  drawPaddle();
+
+  if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
+    dx = -dx;
+  }
+  if (y + dy < ballRadius) {
+    dy = -dy;
+  } else if (y + dy > canvas.height - ballRadius) {
+    if (x > paddleX && x < paddleX + paddleWidth) {
+      if ((y = y - paddleHeight)) {
+        dy = -dy;
+      }
+    } else {
+      alert("GAME OVER");
+      document.location.reload();
+      clearInterval(interval); // Needed for Chrome to end game
+    }
+  }
+
+  if (rightPressed && paddleX < canvas.width - paddleWidth) {
+    paddleX += 7;
+  } else if (leftPressed && paddleX > 0) {
+    paddleX -= 7;
+  }
+
+  x += dx;
+  y += dy;
+}
+
+function startGame() {
+  const interval = setInterval(draw, 10);
+}
+
+document.getElementById("runButton").addEventListener("click", function () {
+  startGame();
+  this.disabled = true;
+});
+```
+
+{{embedlivesample("compare_your_code", 600, 360)}}
 
 > **Note:** Try changing the number of bricks in a row or a column, or their positions.
 
diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.md
index 45265bcf101ee6a..130a4cdf26ab10b 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.md
@@ -58,7 +58,8 @@ Add the above block to your code, below the `keyUpHandler()` function.
 The above code will work as desired and the ball changes its direction. The problem is that the bricks are staying where they are. We have to figure out a way to get rid of the ones we've already hit with the ball. We can do that by adding an extra parameter to indicate whether we want to paint each brick on the screen or not. In the part of the code where we initialize the bricks, let's add a `status` property to each brick object. Update the following part of the code as indicated by the highlighted line:
 
 ```js
-const bricks = [];
+let bricks = [];
+
 for (let c = 0; c < brickColumnCount; c++) {
   bricks[c] = [];
   for (let r = 0; r < brickRowCount; r++) {
@@ -124,11 +125,168 @@ collisionDetection();
 
 ## Compare your code
 
-The collision detection of the ball is now checked on every frame, with every brick. Now we can destroy bricks! :-
+The collision detection of the ball is now checked on every frame, with every brick. Now we can destroy bricks! :-)
+
+```html hidden
+<canvas id="myCanvas" width="480" height="320"></canvas>
+<button id="runButton">Start game</button>
+```
+
+```css hidden
+canvas {
+  background: #eee;
+}
+button {
+  display: block;
+}
+```
+
+```js hidden
+const canvas = document.getElementById("myCanvas");
+const ctx = canvas.getContext("2d");
+const ballRadius = 10;
+
+let x = canvas.width / 2;
+let y = canvas.height - 30;
+let dx = 2;
+let dy = -2;
+
+const paddleHeight = 10;
+const paddleWidth = 75;
+
+let paddleX = (canvas.width - paddleWidth) / 2;
+let rightPressed = false;
+let leftPressed = false;
+
+const brickRowCount = 3;
+const brickColumnCount = 5;
+const brickWidth = 75;
+const brickHeight = 20;
+const brickPadding = 10;
+const brickOffsetTop = 30;
+const brickOffsetLeft = 30;
+
+let bricks = [];
+for (let c = 0; c < brickColumnCount; c++) {
+  bricks[c] = [];
+  for (let r = 0; r < brickRowCount; r++) {
+    bricks[c][r] = { x: 0, y: 0, status: 1 };
+  }
+}
+
+document.addEventListener("keydown", keyDownHandler, false);
+document.addEventListener("keyup", keyUpHandler, false);
+
+function keyDownHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = true;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = true;
+  }
+}
+
+function keyUpHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = false;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = false;
+  }
+}
+function collisionDetection() {
+  for (let c = 0; c < brickColumnCount; c++) {
+    for (let r = 0; r < brickRowCount; r++) {
+      let b = bricks[c][r];
+      if (b.status == 1) {
+        if (
+          x > b.x &&
+          x < b.x + brickWidth &&
+          y > b.y &&
+          y < b.y + brickHeight
+        ) {
+          dy = -dy;
+          b.status = 0;
+        }
+      }
+    }
+  }
+}
+function drawBall() {
+  ctx.beginPath();
+  ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawPaddle() {
+  ctx.beginPath();
+  ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawBricks() {
+  for (let c = 0; c < brickColumnCount; c++) {
+    for (let r = 0; r < brickRowCount; r++) {
+      if (bricks[c][r].status == 1) {
+        let brickX = c * (brickWidth + brickPadding) + brickOffsetLeft;
+        let brickY = r * (brickHeight + brickPadding) + brickOffsetTop;
+        bricks[c][r].x = brickX;
+        bricks[c][r].y = brickY;
+        ctx.beginPath();
+        ctx.rect(brickX, brickY, brickWidth, brickHeight);
+        ctx.fillStyle = "#0095DD";
+        ctx.fill();
+        ctx.closePath();
+      }
+    }
+  }
+}
+
+function draw() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  drawBricks();
+  drawBall();
+  drawPaddle();
+  collisionDetection();
+
+  if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
+    dx = -dx;
+  }
+  if (y + dy < ballRadius) {
+    dy = -dy;
+  } else if (y + dy > canvas.height - ballRadius) {
+    if (x > paddleX && x < paddleX + paddleWidth) {
+      if ((y = y - paddleHeight)) {
+        dy = -dy;
+      }
+    } else {
+      alert("GAME OVER");
+      document.location.reload();
+      clearInterval(interval); // Needed for Chrome to end game
+    }
+  }
+
+  if (rightPressed && paddleX < canvas.width - paddleWidth) {
+    paddleX += 7;
+  } else if (leftPressed && paddleX > 0) {
+    paddleX -= 7;
+  }
 
-{{JSFiddleEmbed("https://jsfiddle.net/yumetodo/kaed3hbu/","","395")}}
+  x += dx;
+  y += dy;
+}
+
+function startGame() {
+  const interval = setInterval(draw, 10);
+}
+
+document.getElementById("runButton").addEventListener("click", function () {
+  startGame();
+  this.disabled = true;
+});
+```
 
-> **Note:** Try changing the color of the ball when it hits the brick.
+{{embedlivesample("compare_your_code", 600, 360)}}
 
 ## Next steps
 
diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md
index 0b724bcf528da05..0ac2818d772be55 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md
@@ -14,7 +14,7 @@ Before we can start writing the game's functionality, we need to create a basic
 
 ## The game's HTML
 
-The HTML document structure is quite simple, as the game will be rendered entirely on the {{htmlelement("canvas")}} element. Using your favorite text editor, create a new HTML document, save it as `index.html`, in a sensible location, and add the following code to it:
+The HTML document structure is quite minimal, as the game will be rendered entirely on the {{htmlelement("canvas")}} element. Using your favorite text editor, create a new HTML document, save it as `index.html`, in a sensible location, and add the following code to it:
 
 ```html
 <!doctype html>
@@ -102,9 +102,42 @@ The code above prints a blue-stroked empty rectangle. Thanks to the alpha channe
 
 ## Compare your code
 
-Here's the full source code of the first lesson, running live in a JSFiddle:
+Here's the full source code of the first lesson, running live:
 
-{{JSFiddleEmbed("https://jsfiddle.net/end3r/x62h15e2/","","395")}}
+```html
+<canvas id="myCanvas" width="480" height="320"></canvas>
+```
+
+```css
+canvas {
+  background: #eee;
+}
+```
+
+```js
+const canvas = document.getElementById("myCanvas");
+const ctx = canvas.getContext("2d");
+
+ctx.beginPath();
+ctx.rect(20, 40, 50, 50);
+ctx.fillStyle = "#FF0000";
+ctx.fill();
+ctx.closePath();
+
+ctx.beginPath();
+ctx.arc(240, 160, 20, 0, Math.PI * 2, false);
+ctx.fillStyle = "green";
+ctx.fill();
+ctx.closePath();
+
+ctx.beginPath();
+ctx.rect(160, 10, 100, 40);
+ctx.strokeStyle = "rgba(0, 0, 255, 0.5)";
+ctx.stroke();
+ctx.closePath();
+```
+
+{{embedlivesample("compare_your_code", 600, 340)}}
 
 > **Note:** Try changing the size and color of the given shapes.
 
diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.md
index 99fd07e143f0850..fc5b52e09f0db9b 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.md
@@ -95,15 +95,207 @@ The `draw()` function is now getting executed again and again within a `requestA
 
 ## Compare your code
 
-That's all — the final version of the game is ready and set to go !
+That's all — the final version of the game is ready and set to go!
 
-{{JSFiddleEmbed("https://jsfiddle.net/raymondjplante/dfh2tpu1/","","395")}}
+```html hidden
+<canvas id="myCanvas" width="480" height="320"></canvas>
+<button id="runButton">Start game</button>
+```
+
+```css hidden
+canvas {
+  background: #eee;
+}
+button {
+  display: block;
+}
+```
+
+```js hidden
+const canvas = document.getElementById("myCanvas");
+const ctx = canvas.getContext("2d");
+const ballRadius = 10;
+
+let x = canvas.width / 2;
+let y = canvas.height - 30;
+let dx = 2;
+let dy = -2;
+
+const paddleHeight = 10;
+const paddleWidth = 75;
+
+let paddleX = (canvas.width - paddleWidth) / 2;
+let rightPressed = false;
+let leftPressed = false;
+
+const brickRowCount = 5;
+const brickColumnCount = 3;
+const brickWidth = 75;
+const brickHeight = 20;
+const brickPadding = 10;
+const brickOffsetTop = 30;
+const brickOffsetLeft = 30;
+
+let score = 0;
+let lives = 3;
+
+let bricks = [];
+
+for (let c = 0; c < brickColumnCount; c++) {
+  bricks[c] = [];
+  for (let r = 0; r < brickRowCount; r++) {
+    bricks[c][r] = { x: 0, y: 0, status: 1 };
+  }
+}
+
+document.addEventListener("keydown", keyDownHandler, false);
+document.addEventListener("keyup", keyUpHandler, false);
+document.addEventListener("mousemove", mouseMoveHandler, false);
+
+function keyDownHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = true;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = true;
+  }
+}
+
+function keyUpHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = false;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = false;
+  }
+}
+
+function mouseMoveHandler(e) {
+  let relativeX = e.clientX - canvas.offsetLeft;
+  if (relativeX > 0 && relativeX < canvas.width) {
+    paddleX = relativeX - paddleWidth / 2;
+  }
+}
+function collisionDetection() {
+  for (let c = 0; c < brickColumnCount; c++) {
+    for (let r = 0; r < brickRowCount; r++) {
+      let b = bricks[c][r];
+      if (b.status == 1) {
+        if (
+          x > b.x &&
+          x < b.x + brickWidth &&
+          y > b.y &&
+          y < b.y + brickHeight
+        ) {
+          dy = -dy;
+          b.status = 0;
+          score++;
+          if (score == brickRowCount * brickColumnCount) {
+            alert("YOU WIN, CONGRATS!");
+            document.location.reload();
+          }
+        }
+      }
+    }
+  }
+}
+
+function drawBall() {
+  ctx.beginPath();
+  ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawPaddle() {
+  ctx.beginPath();
+  ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawBricks() {
+  for (let c = 0; c < brickColumnCount; c++) {
+    for (let r = 0; r < brickRowCount; r++) {
+      if (bricks[c][r].status == 1) {
+        const brickX = r * (brickWidth + brickPadding) + brickOffsetLeft;
+        const brickY = c * (brickHeight + brickPadding) + brickOffsetTop;
+        bricks[c][r].x = brickX;
+        bricks[c][r].y = brickY;
+        ctx.beginPath();
+        ctx.rect(brickX, brickY, brickWidth, brickHeight);
+        ctx.fillStyle = "#0095DD";
+        ctx.fill();
+        ctx.closePath();
+      }
+    }
+  }
+}
+function drawScore() {
+  ctx.font = "16px Arial";
+  ctx.fillStyle = "#0095DD";
+  ctx.fillText("Score: " + score, 8, 20);
+}
+function drawLives() {
+  ctx.font = "16px Arial";
+  ctx.fillStyle = "#0095DD";
+  ctx.fillText("Lives: " + lives, canvas.width - 65, 20);
+}
+
+function draw() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  drawBricks();
+  drawBall();
+  drawPaddle();
+  drawScore();
+  drawLives();
+  collisionDetection();
+
+  if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
+    dx = -dx;
+  }
+  if (y + dy < ballRadius) {
+    dy = -dy;
+  } else if (y + dy > canvas.height - ballRadius) {
+    if (x > paddleX && x < paddleX + paddleWidth) {
+      dy = -dy;
+    } else {
+      lives--;
+      if (!lives) {
+        alert("GAME OVER");
+        document.location.reload();
+      } else {
+        x = canvas.width / 2;
+        y = canvas.height - 30;
+        dx = 3;
+        dy = -3;
+        paddleX = (canvas.width - paddleWidth) / 2;
+      }
+    }
+  }
+
+  if (rightPressed && paddleX < canvas.width - paddleWidth) {
+    paddleX += 7;
+  } else if (leftPressed && paddleX > 0) {
+    paddleX -= 7;
+  }
+
+  x += dx;
+  y += dy;
+  requestAnimationFrame(draw);
+}
+
+document.getElementById("runButton").addEventListener("click", function () {
+  draw();
+  this.disabled = true;
+});
+```
+
+{{embedlivesample("compare_your_code", 600, 360)}}
 
 > **Note:**: Try changing the number of lives and the angle the ball bounces off the paddle.
 
 ## Game over - for now!
 
-You've finished all the lessons - congratulations! By this point, you should now know the basics of canvas manipulation and the logic behind simple 2D games. Now it's a good time to learn some frameworks and continue game development. You can check out this series' counterpart, [2D breakout game using Phaser](/en-US/docs/Games/Tutorials/2D_breakout_game_Phaser) or the [Cyber Orb built in Phaser](/en-US/docs/Games/Tutorials/HTML5_Gamedev_Phaser_Device_Orientation) tutorial. You can also look through the [Games section on MDN](/en-US/docs/Games) for inspiration and more knowledge.
+You've finished all the lessons - congratulations! By this point, you should now know the basics of canvas manipulation and the logic behind 2D games. Now it's a good time to learn some frameworks and continue game development. You can check out this series' counterpart, [2D breakout game using Phaser](/en-US/docs/Games/Tutorials/2D_breakout_game_Phaser) or the [Cyber Orb built in Phaser](/en-US/docs/Games/Tutorials/HTML5_Gamedev_Phaser_Device_Orientation) tutorial. You can also look through the [Games section on MDN](/en-US/docs/Games) for inspiration and more knowledge.
 
 You could also go back to [this tutorial series' index page](/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript). Have fun coding!
 
diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.md
index 4909dc144714bde..027cec5f375af61 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.md
@@ -10,7 +10,7 @@ page-type: guide
 
 This is the **5th step** out of 10 of the [Gamedev Canvas tutorial](/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript). You can find the source code as it should look after completing this lesson at [Gamedev-Canvas-workshop/lesson5.html](https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson05.html).
 
-It's fun to watch the ball bouncing off the walls and be able to move the paddle around, but other than that the game does nothing and doesn't have any progression or end goal. It would be good from the gameplay point of view to be able to lose. The logic behind losing in breakout is simple. If you miss the ball with the paddle and let it reach the bottom edge of the screen, then it's game over.
+It's fun to watch the ball bouncing off the walls and be able to move the paddle around, but other than that the game does nothing and doesn't have any progression or end goal. It would be good from the gameplay point of view to be able to lose. The logic behind losing in breakout is that if you miss the ball with the paddle and let it reach the bottom edge of the screen, then it's game over.
 
 ## Implementing game over
 
@@ -26,7 +26,7 @@ if (y + dy > canvas.height - ballRadius || y + dy < ballRadius) {
 }
 ```
 
-Instead of allowing the ball to bounce off all four walls, let's only allow three now — left, top and right. Hitting the bottom wall will end the game. We'll edit the second if block so it's an if else block that will trigger our "game over" state upon the ball colliding with the bottom edge of the canvas. For now we'll keep it simple, showing an alert message and restarting the game by reloading the page.
+Instead of allowing the ball to bounce off all four walls, let's only allow three now — left, top and right. Hitting the bottom wall will end the game. We'll edit the second if block so it's an if else block that will trigger our "game over" state upon the ball colliding with the bottom edge of the canvas. For now we'll show an alert message and restarting the game by reloading the page.
 
 First, replace where you initially called `setInterval()`
 
@@ -74,9 +74,114 @@ If the ball hits the bottom edge of the Canvas we need to check whether it hits
 
 ## Compare your code
 
-Here's the working code for you to compare yours against:
+See how your code compares to the live sample below:
 
-{{JSFiddleEmbed("https://jsfiddle.net/raymondjplante/L61c9y50/","","395")}}
+```html hidden
+<canvas id="myCanvas" width="480" height="320"></canvas>
+<button id="runButton">Start game</button>
+```
+
+```css hidden
+canvas {
+  background: #eee;
+}
+button {
+  display: block;
+}
+```
+
+```js hidden
+const canvas = document.getElementById("myCanvas");
+const ctx = canvas.getContext("2d");
+const ballRadius = 10;
+
+let x = canvas.width / 2;
+let y = canvas.height - 30;
+let dx = 2;
+let dy = -2;
+
+const paddleHeight = 10;
+const paddleWidth = 75;
+
+let paddleX = (canvas.width - paddleWidth) / 2;
+let rightPressed = false;
+let leftPressed = false;
+
+document.addEventListener("keydown", keyDownHandler, false);
+document.addEventListener("keyup", keyUpHandler, false);
+
+function keyDownHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = true;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = true;
+  }
+}
+
+function keyUpHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = false;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = false;
+  }
+}
+
+function drawBall() {
+  ctx.beginPath();
+  ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawPaddle() {
+  ctx.beginPath();
+  ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+
+function draw() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  drawBall();
+  drawPaddle();
+
+  if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
+    dx = -dx;
+  }
+  if (y + dy < ballRadius) {
+    dy = -dy;
+  } else if (y + dy > canvas.height - ballRadius) {
+    if (x > paddleX && x < paddleX + paddleWidth) {
+      dy = -dy;
+    } else {
+      alert("GAME OVER");
+      document.location.reload();
+      clearInterval(interval); // Needed for Chrome to end game
+    }
+  }
+
+  if (rightPressed && paddleX < canvas.width - paddleWidth) {
+    paddleX += 7;
+  } else if (leftPressed && paddleX > 0) {
+    paddleX -= 7;
+  }
+
+  x += dx;
+  y += dy;
+}
+
+function startGame() {
+  let interval = setInterval(draw, 10);
+}
+
+document.getElementById("runButton").addEventListener("click", function () {
+  startGame();
+  this.disabled = true;
+});
+```
+
+{{embedlivesample("compare_your_code", 600, 360)}}
 
 > **Note:** Try making the ball move faster when it hits the paddle.
 
diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/index.md
index 61adc1d779a7411..015b4bd1a23d1f6 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/index.md
@@ -8,11 +8,11 @@ page-type: guide
 
 {{Next("Games/Workflows/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it")}}
 
-In this step-by-step tutorial we create a simple **MDN Breakout** game written entirely in pure JavaScript and rendered on HTML {{htmlelement("canvas")}}.
+In this step-by-step tutorial we create an **MDN Breakout** game written entirely in pure JavaScript and rendered on HTML {{htmlelement("canvas")}}.
 
 Every step has editable, live samples available to play with so you can see what the intermediate stages should look like. You will learn the basics of using the {{htmlelement("canvas")}} element to implement fundamental game mechanics like rendering and moving images, collision detection, control mechanisms, and winning and losing states.
 
-To get the most out of this series of articles you should already have basic to intermediate [JavaScript](/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics) knowledge. After working through this tutorial you should be able to build your own simple Web games.
+To get the most out of this series of articles you should already have basic to intermediate [JavaScript](/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics) knowledge. After working through this tutorial you should be able to build your own Web games.
 
 ![Gameplay screen from the game MDN Breakout where you can use your paddle to bounce the ball and destroy the brick field, with keeping the score and lives.](mdn-breakout-gameplay.png)
 
@@ -33,12 +33,13 @@ All the lessons — and the different versions of the [MDN Breakout game](https:
 
 Starting with pure JavaScript is the best way to get a solid knowledge of web game development. After that, you can pick any framework you like and use it for your projects. Frameworks are just tools built with the JavaScript language; so even if you plan on working with them, it's good to learn about the language itself first to know what exactly is going on under the hood. Frameworks speed up development time and help take care of boring parts of the game, but if something is not working as expected, you can always try to debug that or just write your own solutions in pure JavaScript.
 
-> **Note:** If you are interested in learning about 2D web game development using a game library, consult this series' counterpart, [2D breakout game using Phaser](/en-US/docs/Games/Tutorials/2D_breakout_game_Phaser).
-
-> **Note:** This series of articles can be used as material for hands-on game development workshops. You can also make use of the [Gamedev Canvas Content Kit](https://github.com/end3r/Gamedev-Canvas-Content-Kit) based on this tutorial if you want to give a talk about game development in general.
+> **Note:**
+> This series of articles can be used as material for hands-on game development workshops. You can also make use of the [Gamedev Canvas Content Kit](https://github.com/end3r/Gamedev-Canvas-Content-Kit) based on this tutorial if you want to give a talk about game development in general.
+>
+> If you are interested in using a game library for learning about 2D web game development, see this series' counterpart, [2D breakout game using Phaser](/en-US/docs/Games/Tutorials/2D_breakout_game_Phaser).
 
 ## Next steps
 
-Ok, let's get started! Head to the first chapter— [Create the Canvas and draw on it](/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it).
+Ok, let's get started! Head to the first chapter [Create the Canvas and draw on it](/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it).
 
 {{Next("Games/Workflows/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it")}}
diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.md
index 5e53060bc06b5cd..6cbddde3bdb6987 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.md
@@ -41,7 +41,186 @@ The paddle will now follow the position of the mouse cursor, but since we're res
 
 This is the latest state of the code to compare against:
 
-{{JSFiddleEmbed("https://jsfiddle.net/raymondjplante/vt7y5hcp/","","395")}}
+```html hidden
+<canvas id="myCanvas" width="480" height="320"></canvas>
+<button id="runButton">Start game</button>
+```
+
+```css hidden
+canvas {
+  background: #eee;
+}
+button {
+  display: block;
+}
+```
+
+```js hidden
+const canvas = document.getElementById("myCanvas");
+const ctx = canvas.getContext("2d");
+const ballRadius = 10;
+
+let x = canvas.width / 2;
+let y = canvas.height - 30;
+let dx = 2;
+let dy = -2;
+
+const paddleHeight = 10;
+const paddleWidth = 75;
+
+let paddleX = (canvas.width - paddleWidth) / 2;
+let rightPressed = false;
+let leftPressed = false;
+
+const brickRowCount = 5;
+const brickColumnCount = 3;
+const brickWidth = 75;
+const brickHeight = 20;
+const brickPadding = 10;
+const brickOffsetTop = 30;
+const brickOffsetLeft = 30;
+
+let score = 0;
+let bricks = [];
+
+for (let c = 0; c < brickColumnCount; c++) {
+  bricks[c] = [];
+  for (let r = 0; r < brickRowCount; r++) {
+    bricks[c][r] = { x: 0, y: 0, status: 1 };
+  }
+}
+
+document.addEventListener("keydown", keyDownHandler, false);
+document.addEventListener("keyup", keyUpHandler, false);
+document.addEventListener("mousemove", mouseMoveHandler, false);
+
+function keyDownHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = true;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = true;
+  }
+}
+
+function keyUpHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = false;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = false;
+  }
+}
+
+function mouseMoveHandler(e) {
+  const relativeX = e.clientX - canvas.offsetLeft;
+  if (relativeX > 0 && relativeX < canvas.width) {
+    paddleX = relativeX - paddleWidth / 2;
+  }
+}
+function collisionDetection() {
+  for (let c = 0; c < brickColumnCount; c++) {
+    for (let r = 0; r < brickRowCount; r++) {
+      let b = bricks[c][r];
+      if (b.status == 1) {
+        if (
+          x > b.x &&
+          x < b.x + brickWidth &&
+          y > b.y &&
+          y < b.y + brickHeight
+        ) {
+          dy = -dy;
+          b.status = 0;
+          score++;
+          if (score == brickRowCount * brickColumnCount) {
+            alert("YOU WIN, CONGRATS!");
+            document.location.reload();
+            clearInterval(interval); // Needed for Chrome to end game
+          }
+        }
+      }
+    }
+  }
+}
+
+function drawBall() {
+  ctx.beginPath();
+  ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawPaddle() {
+  ctx.beginPath();
+  ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawBricks() {
+  for (let c = 0; c < brickColumnCount; c++) {
+    for (let r = 0; r < brickRowCount; r++) {
+      if (bricks[c][r].status == 1) {
+        const brickX = r * (brickWidth + brickPadding) + brickOffsetLeft;
+        const brickY = c * (brickHeight + brickPadding) + brickOffsetTop;
+        bricks[c][r].x = brickX;
+        bricks[c][r].y = brickY;
+        ctx.beginPath();
+        ctx.rect(brickX, brickY, brickWidth, brickHeight);
+        ctx.fillStyle = "#0095DD";
+        ctx.fill();
+        ctx.closePath();
+      }
+    }
+  }
+}
+function drawScore() {
+  ctx.font = "16px Arial";
+  ctx.fillStyle = "#0095DD";
+  ctx.fillText("Score: " + score, 8, 20);
+}
+
+function draw() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  drawBricks();
+  drawBall();
+  drawPaddle();
+  drawScore();
+  collisionDetection();
+
+  if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
+    dx = -dx;
+  }
+  if (y + dy < ballRadius) {
+    dy = -dy;
+  } else if (y + dy > canvas.height - ballRadius) {
+    if (x > paddleX && x < paddleX + paddleWidth) {
+      dy = -dy;
+    } else {
+      alert("GAME OVER");
+      document.location.reload();
+      clearInterval(interval); // Needed for Chrome to end game
+    }
+  }
+
+  if (rightPressed && paddleX < canvas.width - paddleWidth) {
+    paddleX += 7;
+  } else if (leftPressed && paddleX > 0) {
+    paddleX -= 7;
+  }
+
+  x += dx;
+  y += dy;
+}
+
+function startGame() {
+  const interval = setInterval(draw, 10);
+}
+
+document.getElementById("runButton").addEventListener("click", function () {
+  startGame();
+});
+```
+
+{{embedlivesample("compare_your_code", 600, 360)}}
 
 > **Note:** Try adjusting the boundaries of the paddle movement, so the whole paddle will be visible on both edges of the Canvas instead of only half of it.
 
diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.md
index 845f0033fb906b4..9b1d492dc57a9d7 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.md
@@ -14,7 +14,8 @@ You already know how to draw a ball from working through the previous article, s
 
 ## Defining a drawing loop
 
-To keep constantly updating the canvas drawing on each frame, we need to define a drawing function that will run over and over again, with a different set of variable values each time to change sprite positions, etc. You can run a function over and over again using a JavaScript timing function such as {{domxref("setInterval()")}} or {{domxref("window.requestAnimationFrame()", "requestAnimationFrame()")}}.
+To keep constantly updating the canvas drawing on each frame, we need to define a drawing function that will run over and over again, with a different set of variable values each time to change sprite positions, etc. You can run a function over and over again using a JavaScript timing function.
+Later on in the tutorial, we'll see how {{domxref("window.requestAnimationFrame()", "requestAnimationFrame()")}} helps with drawing, but we'll start with {{domxref("setInterval()")}} at first to create some looping logic.
 
 Delete all the JavaScript you currently have inside your HTML file except for the first two lines, and add the following below them. The `draw()` function will be executed within `setInterval` every 10 milliseconds:
 
@@ -108,7 +109,7 @@ Save your code and try again, and this time you'll see the ball move without a t
 
 ## Cleaning up our code
 
-We will be adding more and more commands to the `draw()` function in the next few articles, so it's good to keep it as simple and clean as possible. Let's start by moving the ball drawing code to a separate function.
+We will be adding more and more commands to the `draw()` function in the next few articles, so it's good to keep it as minimal and clean as possible. Let's start by moving the ball drawing code to a separate function.
 
 Replace the existing draw() function with the following two functions:
 
@@ -131,9 +132,59 @@ function draw() {
 
 ## Compare your code
 
-You can check the finished code for this article for yourself in the live demo below, and play with it to understand better how it works:
+You can check the finished code for this article in the live demo below and play with it to understand better how it works.
 
-{{JSFiddleEmbed("https://jsfiddle.net/end3r/3x5foxb1/","","395")}}
+> **Note:** Live samples run automatically on these pages, so we've added a "start game" button.
+> This is useful to avoid games starting automatically and triggering alerts or other events too often.
+
+```html
+<canvas id="myCanvas" width="480" height="320"></canvas>
+<button id="runButton">Start game</button>
+```
+
+```css
+canvas {
+  background: #eee;
+}
+button {
+  display: block;
+}
+```
+
+```js
+const canvas = document.getElementById("myCanvas");
+const ctx = canvas.getContext("2d");
+let x = canvas.width / 2;
+let y = canvas.height - 30;
+const dx = 2;
+const dy = -2;
+
+function drawBall() {
+  ctx.beginPath();
+  ctx.arc(x, y, 10, 0, Math.PI * 2);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+
+function draw() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  drawBall();
+  x += dx;
+  y += dy;
+}
+
+function startGame() {
+  const interval = setInterval(draw, 10);
+}
+
+document.getElementById("runButton").addEventListener("click", function () {
+  startGame();
+  this.disabled = true;
+});
+```
+
+{{embedlivesample("compare_your_code", 600, 350)}}
 
 > **Note:** Try changing the speed of the moving ball, or the direction it moves in.
 
diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.md
index 1d0b3d971430862..bc0c7f42c4c5be6 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.md
@@ -115,14 +115,114 @@ drawPaddle();
 
 ## Compare your code
 
-Here's the working code for you to compare yours against:
+See how your code compares to the live sample below:
 
-{{JSFiddleEmbed("https://jsfiddle.net/L9xfn4up/1/","","395")}}
+```html hidden
+<canvas id="myCanvas" width="480" height="320"></canvas>
+<button id="runButton">Start game</button>
+```
+
+```css hidden
+canvas {
+  background: #eee;
+}
+button {
+  display: block;
+}
+```
+
+```js hidden
+const canvas = document.getElementById("myCanvas");
+const ctx = canvas.getContext("2d");
+const ballRadius = 10;
+let x = canvas.width / 2;
+let y = canvas.height - 30;
+let dx = 2;
+let dy = -2;
+const paddleHeight = 10;
+const paddleWidth = 75;
+let paddleX = (canvas.width - paddleWidth) / 2;
+let rightPressed = false;
+let leftPressed = false;
+
+document.addEventListener("keydown", keyDownHandler, false);
+document.addEventListener("keyup", keyUpHandler, false);
+
+function keyDownHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = true;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = true;
+  }
+}
+
+function keyUpHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = false;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = false;
+  }
+}
+
+function drawBall() {
+  ctx.beginPath();
+  ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawPaddle() {
+  ctx.beginPath();
+  ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+
+function draw() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  drawBall();
+  drawPaddle();
+
+  if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
+    dx = -dx;
+  }
+  if (y + dy > canvas.height - ballRadius || y + dy < ballRadius) {
+    dy = -dy;
+  }
+
+  if (rightPressed) {
+    paddleX += 7;
+    if (paddleX + paddleWidth > canvas.width) {
+      paddleX = canvas.width - paddleWidth;
+    }
+  } else if (leftPressed) {
+    paddleX -= 7;
+    if (paddleX < 0) {
+      paddleX = 0;
+    }
+  }
+
+  x += dx;
+  y += dy;
+}
+
+function startGame() {
+  const interval = setInterval(draw, 10);
+}
+
+document.getElementById("runButton").addEventListener("click", function () {
+  startGame();
+  this.disabled = true;
+});
+```
+
+{{embedlivesample("compare_your_code", 600, 360)}}
 
 > **Note:** Try making the paddle move faster or slower, or change its size.
 
 ## Next steps
 
-Now we have something resembling a game. The only trouble now is that you can just continue hitting the ball with the paddle forever. This will all change in the fifth chapter, [Game over](/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript/Game_over), when we start to add in an endgame state for our game.
+Now we have something resembling a game. The only trouble now is that you can just continue hitting the ball with the paddle and there's no winning or losing implemented. This will all change in the fifth chapter, [Game over](/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript/Game_over), when we start to add in an endgame state for our game.
 
 {{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Game_over")}}
diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.md
index 799e526085ad22f..74434d6a8c68cf8 100644
--- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.md
+++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.md
@@ -99,7 +99,173 @@ Thanks to this, your users can actually win the game when they destroy all the b
 
 The latest code looks (and works) like this, in case you want to compare and contrast it with yours:
 
-{{JSFiddleEmbed("https://jsfiddle.net/raymondjplante/b3z2Lpu9/","","395")}}
+```html hidden
+<canvas id="myCanvas" width="480" height="320"></canvas>
+<button id="runButton">Start game</button>
+```
+
+```css hidden
+canvas {
+  background: #eee;
+}
+button {
+  display: block;
+}
+```
+
+```js hidden
+const canvas = document.getElementById("myCanvas");
+const ctx = canvas.getContext("2d");
+const ballRadius = 10;
+let x = canvas.width / 2;
+let y = canvas.height - 30;
+let dx = 2;
+let dy = -2;
+const paddleHeight = 10;
+const paddleWidth = 75;
+let paddleX = (canvas.width - paddleWidth) / 2;
+let rightPressed = false;
+let leftPressed = false;
+const brickRowCount = 5;
+const brickColumnCount = 3;
+const brickWidth = 75;
+const brickHeight = 20;
+const brickPadding = 10;
+const brickOffsetTop = 30;
+const brickOffsetLeft = 30;
+let score = 0;
+
+let bricks = [];
+for (let c = 0; c < brickColumnCount; c++) {
+  bricks[c] = [];
+  for (let r = 0; r < brickRowCount; r++) {
+    bricks[c][r] = { x: 0, y: 0, status: 1 };
+  }
+}
+
+document.addEventListener("keydown", keyDownHandler, false);
+document.addEventListener("keyup", keyUpHandler, false);
+
+function keyDownHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = true;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = true;
+  }
+}
+
+function keyUpHandler(e) {
+  if (e.key == "Right" || e.key == "ArrowRight") {
+    rightPressed = false;
+  } else if (e.key == "Left" || e.key == "ArrowLeft") {
+    leftPressed = false;
+  }
+}
+function collisionDetection() {
+  for (let c = 0; c < brickColumnCount; c++) {
+    for (let r = 0; r < brickRowCount; r++) {
+      let b = bricks[c][r];
+      if (b.status == 1) {
+        if (
+          x > b.x &&
+          x < b.x + brickWidth &&
+          y > b.y &&
+          y < b.y + brickHeight
+        ) {
+          dy = -dy;
+          b.status = 0;
+          score++;
+          if (score == brickRowCount * brickColumnCount) {
+            alert("YOU WIN, CONGRATS!");
+            document.location.reload();
+            clearInterval(interval); // Needed for Chrome to end game
+          }
+        }
+      }
+    }
+  }
+}
+
+function drawBall() {
+  ctx.beginPath();
+  ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawPaddle() {
+  ctx.beginPath();
+  ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
+  ctx.fillStyle = "#0095DD";
+  ctx.fill();
+  ctx.closePath();
+}
+function drawBricks() {
+  for (let c = 0; c < brickColumnCount; c++) {
+    for (let r = 0; r < brickRowCount; r++) {
+      if (bricks[c][r].status == 1) {
+        const brickX = r * (brickWidth + brickPadding) + brickOffsetLeft;
+        const brickY = c * (brickHeight + brickPadding) + brickOffsetTop;
+        bricks[c][r].x = brickX;
+        bricks[c][r].y = brickY;
+        ctx.beginPath();
+        ctx.rect(brickX, brickY, brickWidth, brickHeight);
+        ctx.fillStyle = "#0095DD";
+        ctx.fill();
+        ctx.closePath();
+      }
+    }
+  }
+}
+function drawScore() {
+  ctx.font = "16px Arial";
+  ctx.fillStyle = "#0095DD";
+  ctx.fillText("Score: " + score, 8, 20);
+}
+
+function draw() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  drawBricks();
+  drawBall();
+  drawPaddle();
+  drawScore();
+  collisionDetection();
+
+  if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
+    dx = -dx;
+  }
+  if (y + dy < ballRadius) {
+    dy = -dy;
+  } else if (y + dy > canvas.height - ballRadius) {
+    if (x > paddleX && x < paddleX + paddleWidth) {
+      dy = -dy;
+    } else {
+      alert("GAME OVER");
+      document.location.reload();
+      clearInterval(interval); // Needed for Chrome to end game
+    }
+  }
+
+  if (rightPressed && paddleX < canvas.width - paddleWidth) {
+    paddleX += 7;
+  } else if (leftPressed && paddleX > 0) {
+    paddleX -= 7;
+  }
+
+  x += dx;
+  y += dy;
+}
+
+function startGame() {
+  const interval = setInterval(draw, 10);
+}
+
+document.getElementById("runButton").addEventListener("click", function () {
+  startGame();
+});
+```
+
+{{embedlivesample("compare_your_code", 600, 360)}}
 
 > **Note:** Try adding more points per brick hit, print out the number of collected points in the end game alert box.
 

From daa27f6a0a4bb9f230270cae73810e389cdaf88f Mon Sep 17 00:00:00 2001
From: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Date: Wed, 14 Feb 2024 21:11:49 +0800
Subject: [PATCH 763/790] fix typo (#32267)

---
 files/en-us/web/api/rtcpeerconnection/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/rtcpeerconnection/index.md b/files/en-us/web/api/rtcpeerconnection/index.md
index 017d9527a407269..779409c78928502 100644
--- a/files/en-us/web/api/rtcpeerconnection/index.md
+++ b/files/en-us/web/api/rtcpeerconnection/index.md
@@ -93,7 +93,7 @@ _Also inherits methods from {{DOMxRef("EventTarget")}}._
   - : Returns an object which indicates the current configuration of the connection.
 - {{DOMxRef("RTCPeerConnection.getIdentityAssertion", "getIdentityAssertion()")}}
   - : Initiates the gathering of an identity assertion and returns a {{jsxref("Promise")}} which resolves to an identity assertion encoded as a string.
-    This has an effect only f {{DOMxRef("RTCPeerConnection.signalingState", "signalingState")}} is not `closed`.
+    This has an effect only if {{DOMxRef("RTCPeerConnection.signalingState", "signalingState")}} is not `closed`.
 - {{DOMxRef("RTCPeerConnection.getReceivers", "getReceivers()")}}
   - : Returns an array of {{DOMxRef("RTCRtpReceiver")}} objects, each of which represents one {{Glossary("RTP")}} receiver.
 - {{DOMxRef("RTCPeerConnection.getSenders", "getSenders()")}}

From b2f1a37ce723a1c08e359d65966111242fecfd67 Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Wed, 14 Feb 2024 05:23:18 -0800
Subject: [PATCH 764/790] Fix issue 32145: pass section name to live sample
 macro (#32203)

---
 files/en-us/web/api/range/getclientrects/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/range/getclientrects/index.md b/files/en-us/web/api/range/getclientrects/index.md
index 9cf8f1a5283a13a..27d399e61ce6f42 100644
--- a/files/en-us/web/api/range/getclientrects/index.md
+++ b/files/en-us/web/api/range/getclientrects/index.md
@@ -62,7 +62,7 @@ for (const rect of rectList) {
 
 #### Result
 
-{{EmbedLiveSample}}
+{{EmbedLiveSample("Logging selected client rect sizes")}}
 
 ## Specifications
 

From c07dfbb4f64ab440918891158663499aa93232a2 Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Wed, 14 Feb 2024 05:53:05 -0800
Subject: [PATCH 765/790] Add an example for hyphenate-limit-chars (#32199)

* Add an example for hyphenate-limit-chars

* Update files/en-us/web/css/hyphenate-limit-chars/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/hyphenate-limit-chars/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/hyphenate-limit-chars/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update example explanatin and values

* Fix typo, more consistency

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Add paragraph on implicit word min length

* Update files/en-us/web/css/hyphenate-limit-chars/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Update files/en-us/web/css/hyphenate-limit-chars/index.md

---------

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 .../web/css/hyphenate-limit-chars/index.md    | 56 ++++++++++++++++++-
 1 file changed, 54 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/hyphenate-limit-chars/index.md b/files/en-us/web/css/hyphenate-limit-chars/index.md
index b8c400c56faf439..a9ef093aa02ba71 100644
--- a/files/en-us/web/css/hyphenate-limit-chars/index.md
+++ b/files/en-us/web/css/hyphenate-limit-chars/index.md
@@ -54,7 +54,7 @@ If `auto` is set for any of the values, the user agent will choose an appropriat
 - Minimum number of characters before the hyphen: 2
 - Minimum number of characters after the hyphen: 2
 
-> **Note:** If a word is shorter than any of the provided values, it will not be hyphenated.
+Note that if a word is too short to meet the given constraints, it will not be hyphenated. For example, given a value like `hyphenate-limit-chars: auto 3 4`, words shorter than 7 characters will never be hyphenated, since it is impossible to have 3 characters before the hyphen and 4 characters after it.
 
 ## Formal definition
 
@@ -66,13 +66,65 @@ If `auto` is set for any of the values, the user agent will choose an appropriat
 
 ## Examples
 
+### Setting hyphenation limits
+
+In this example, we have four boxes each containing the same text. For the purpose of comparison, the first box shows the default hyphenation applied by the browser. The next three boxes demonstrate the result of constraining the browser's default behavior using different `hyphenate-limit-chars` values.
+
+#### HTML
+
+```html
+<div class="container">
+  <p id="ex1">juxtaposition and acknowledgement</p>
+  <p id="ex2">juxtaposition and acknowledgement</p>
+  <p id="ex3">juxtaposition and acknowledgement</p>
+  <p id="ex4">juxtaposition and acknowledgement</p>
+</div>
+```
+
+#### CSS
+
 ```css
+.container {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+}
+
 p {
+  margin: 1rem;
+  width: 120px;
+  border: 2px dashed #999;
+  font-size: 1.5rem;
   hyphens: auto;
-  hyphenate-limit-chars: 10 3 4;
+}
+
+#ex2 {
+  hyphenate-limit-chars: 14;
+}
+
+#ex3 {
+  hyphenate-limit-chars: 5 9 2;
+}
+
+#ex4 {
+  hyphenate-limit-chars: 5 2 7;
 }
 ```
 
+#### Result
+
+{{EmbedLiveSample("Setting hyphenation limits", "", 200)}}
+
+In the first box, we don't set `hyphenate-limit-chars`, allowing the browser to apply its default algorithm. By default, the browser uses the values `5 2 2` unless it can find better values.
+
+In the second box, we prevent the browser from hyphenating words unless they are at least 14 characters long by setting `hyphenate-limit-chars: 14`. As a result, "juxtaposition" is not hyphenated in the second box because it is only 13 characters long.
+
+In the third box, we constrain the browser to include at least 9 characters before the hyphen by setting `hyphenate-limit-chars: 5 9 2`. The effect is that "acknowledgement" is now hyphenated as "acknowledge-ment" rather than the default version "acknowl-edgement", as shown in the first box.
+
+Note that the browser does not have to include exactly 9 characters before the hyphen: as long as the constraints given in `hyphenate-limit-chars` are satisfied, the browser can break the word in the place it considers best. So in this case, for example, it chooses "acknowledge-ment" rather than the less readable "acknowled-gement".
+
+In the fourth box, we make the browser include at least 7 characters after the hyphen by setting
+`hyphenate-limit-chars: 5 2 7`. The effect is that "juxtaposition" is hyphenated as "juxta-position" rather than the default "juxtaposi-tion".
+
 ## Specifications
 
 {{Specifications}}

From 82d527ea8469071ba180d4559f60ae6509ce03d4 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 14 Feb 2024 14:33:24 +0000
Subject: [PATCH 766/790] Bump @mdn/yari from 2.39.2 to 2.39.3 (#32273)

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

diff --git a/package.json b/package.json
index f5153ba3bd49ddb..2125f46b1fe3193 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
   "dependencies": {
     "@apideck/better-ajv-errors": "^0.3.6",
     "@caporal/core": "^2.0.7",
-    "@mdn/yari": "2.39.2",
+    "@mdn/yari": "2.39.3",
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "async": "^3.2.5",
diff --git a/yarn.lock b/yarn.lock
index be61e95f6e9af5c..1125a0eb25b7b88 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -765,10 +765,10 @@
   resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-5.5.10.tgz#b7c0454a617b268b7a9ab9ca6c886abd1ec69473"
   integrity sha512-s2GGND9oLhEuksOFtICYOBZdMWPANBXTMqAXh89q6g1Mi3+OuWEmp9WFzw2v/nmS175vqeewpC1kDJA7taaxyA==
 
-"@mdn/yari@2.39.2":
-  version "2.39.2"
-  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.39.2.tgz#a245cf7a265be18ea6c8b4148c3800de6674f8b7"
-  integrity sha512-gyJMECgWZGjGYEF51ZXtwc59Q21inaGI/G+ggjsFYRSxZyyYWFSD6na2pyWIFdX2294Us61CSL7lFm5ZSN0b5Q==
+"@mdn/yari@2.39.3":
+  version "2.39.3"
+  resolved "https://registry.yarnpkg.com/@mdn/yari/-/yari-2.39.3.tgz#89a5f195997c1d1334ffb0ead6b125bc6f8fe551"
+  integrity sha512-dADy0u6vlNlo+D29A3OzYtMi76Yz7nnjUE9kleAO/gEIdCq1ETXQ/P2TX3qkTVi/cjw52NSQVT8dbVuu/9wkkw==
   dependencies:
     "@caporal/core" "^2.0.7"
     "@codemirror/lang-css" "^6.2.1"
@@ -780,8 +780,8 @@
     "@mdn/bcd-utils-api" "^0.0.5"
     "@mdn/browser-compat-data" "^5.5.10"
     "@mozilla/glean" "2.0.5"
-    "@sentry/integrations" "^7.100.1"
-    "@sentry/node" "^7.100.1"
+    "@sentry/integrations" "^7.101.0"
+    "@sentry/node" "^7.101.0"
     "@stripe/stripe-js" "^2.4.0"
     "@use-it/interval" "^1.0.0"
     "@vscode/ripgrep" "^1.15.9"
@@ -798,7 +798,7 @@
     css-tree "^2.3.1"
     dayjs "^1.11.10"
     dexie "^3.2.5"
-    dotenv "^16.4.1"
+    dotenv "^16.4.4"
     ejs "^3.1.9"
     express "^4.18.2"
     fdir "^6.1.1"
@@ -826,9 +826,9 @@
     mdn-data "^2.4.0"
     open "^10.0.3"
     open-editor "^4.1.1"
-    openai "^4.27.0"
+    openai "^4.28.0"
     pg "^8.11.3"
-    pgvector "^0.1.7"
+    pgvector "^0.1.8"
     prism-svelte "^0.5.0"
     prismjs "^1.29.0"
     react-markdown "^9.0.1"
@@ -853,7 +853,7 @@
     unist-builder "^4.0.0"
     unist-util-visit "^5.0.0"
     web-features "^0.5.1"
-    web-specs "^2.79.0"
+    web-specs "^3.0.0"
 
 "@mozilla/glean@2.0.5":
   version "2.0.5"
@@ -886,54 +886,54 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@sentry-internal/tracing@7.100.1":
-  version "7.100.1"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.100.1.tgz#4329492e50c390567197a4acbf7e3672b1db7820"
-  integrity sha512-+u9RRf5eL3StiyiRyAHZmdkAR7GTSGx4Mt4Lmi5NEtCcWlTGZ1QgW2r8ZbhouVmTiJkjhQgYCyej3cojtazeJg==
+"@sentry-internal/tracing@7.101.0":
+  version "7.101.0"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.101.0.tgz#9a92ee722d071449a61c061867aa43a5beefcfb6"
+  integrity sha512-rp9oOLQs6vMuzvAnAHRRCNu5Z0o/ZVRI3WPYedxpdMWKD1Z3G9o+0joP+ZIUqHsamWWYiIgPqXgL9AK6AWjFRg==
   dependencies:
-    "@sentry/core" "7.100.1"
-    "@sentry/types" "7.100.1"
-    "@sentry/utils" "7.100.1"
+    "@sentry/core" "7.101.0"
+    "@sentry/types" "7.101.0"
+    "@sentry/utils" "7.101.0"
 
-"@sentry/core@7.100.1":
-  version "7.100.1"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.100.1.tgz#7b8e101a931af8e8b3b2449534749f882772df4f"
-  integrity sha512-f+ItUge/o9AjlveQq0ZUbQauKlPH1FIJbC1TRaYLJ4KNfOdrsh8yZ29RmWv0cFJ/e+FGTr603gWpRPObF5rM8Q==
+"@sentry/core@7.101.0":
+  version "7.101.0"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.101.0.tgz#7ddae48771bad6d3170df0d9807f86c39824dd0a"
+  integrity sha512-dRNrNV5OLGARkOGgxJsVDhA98Pev5G1LVJcud5E83cRg49BCUx2riqEtDP6iIS1nvem6cApkSnLC1kvl/T5/Cw==
   dependencies:
-    "@sentry/types" "7.100.1"
-    "@sentry/utils" "7.100.1"
+    "@sentry/types" "7.101.0"
+    "@sentry/utils" "7.101.0"
 
-"@sentry/integrations@^7.100.1":
-  version "7.100.1"
-  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.100.1.tgz#f0361a437877a33af389424313b58d5a57d7ad27"
-  integrity sha512-RUyZHcsN3Plc8G4hJN3BCMdbwS8ljUY3E3iLjzucA4HroBsGk5AMc6n7Pp/QqFIRgxrPjKEgA52Wgy5Nq6dSvw==
+"@sentry/integrations@^7.101.0":
+  version "7.101.0"
+  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.101.0.tgz#d3c2593fefdbd46d8c713e417bc10c5b14af2677"
+  integrity sha512-vLebp9VpZL6jt++eL+1O06sEXrhqRsLk0qbDsJbuagJhNu12TTlH93t5wBpKmBi+xqCr+SzgeYYEHBYOjyyHVw==
   dependencies:
-    "@sentry/core" "7.100.1"
-    "@sentry/types" "7.100.1"
-    "@sentry/utils" "7.100.1"
+    "@sentry/core" "7.101.0"
+    "@sentry/types" "7.101.0"
+    "@sentry/utils" "7.101.0"
     localforage "^1.8.1"
 
-"@sentry/node@^7.100.1":
-  version "7.100.1"
-  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.100.1.tgz#36195cc24090a71ec7d1c4513da63356ab44d784"
-  integrity sha512-jB6tBLr7BpgdE2SlYZu343vvpa5jMFnqyFlprr+jdDu/ayNF4idB0qFwQe8p4C6LI6M/MNDRLVOgPBiCjjZSpw==
+"@sentry/node@^7.101.0":
+  version "7.101.0"
+  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.101.0.tgz#acafd4efc81035bb3ffe73ef92f348099c7c5df1"
+  integrity sha512-4z01VAFjRYk7XcajbWPJlhkPN6PBG4nVX8n1dl+OH2OeqTxFxcnmY5zR5v+AtEbNJgg5PMwy8mnnGZRG/wLZgA==
   dependencies:
-    "@sentry-internal/tracing" "7.100.1"
-    "@sentry/core" "7.100.1"
-    "@sentry/types" "7.100.1"
-    "@sentry/utils" "7.100.1"
+    "@sentry-internal/tracing" "7.101.0"
+    "@sentry/core" "7.101.0"
+    "@sentry/types" "7.101.0"
+    "@sentry/utils" "7.101.0"
 
-"@sentry/types@7.100.1":
-  version "7.100.1"
-  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.100.1.tgz#1349b77269cecf4e80c087842575bd1a001e9995"
-  integrity sha512-fLM+LedHuKzOd8IhXBqaQuym+AA519MGjeczBa5kGakes/BbAsUMwsNfjsKQedp7Kh44RgYF99jwoRPK2oDrXw==
+"@sentry/types@7.101.0":
+  version "7.101.0"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.101.0.tgz#0174a32d6c12def73f438dc2a10bd52cc0ba0c81"
+  integrity sha512-YC+ltO/AlbEyJHjCUYQ4is1HcDT2zSMuLkIAcyQmK7fUdlGT4iR5sfENriY9ZopYHgjPdJKfhI8ohScam7zp/A==
 
-"@sentry/utils@7.100.1":
-  version "7.100.1"
-  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.100.1.tgz#6e26f3b06b1e485a2180f464ab3374ecb8d5e407"
-  integrity sha512-Ve6dXr1o6xiBe3VCoJgiutmBKrugryI65EZAbYto5XI+t+PjiLLf9wXtEMF24ZrwImo4Lv3E9Uqza+fWkEbw6A==
+"@sentry/utils@7.101.0":
+  version "7.101.0"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.101.0.tgz#0eadb9709c9b6fbc03d509acf7fe6a00ab4e6220"
+  integrity sha512-px1NUkCLsD9UKLE4W4DghpyzmAVHgYhskrjRt30ubyUKqlggtHkOXRvS8MjuWowR/i0wF0GuTCbU9StBd7JMrw==
   dependencies:
-    "@sentry/types" "7.100.1"
+    "@sentry/types" "7.101.0"
 
 "@sinclair/typebox@^0.27.8":
   version "0.27.8"
@@ -2585,10 +2585,10 @@ domutils@^3.0.1:
     domelementtype "^2.3.0"
     domhandler "^5.0.3"
 
-dotenv@^16.4.1:
-  version "16.4.1"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.1.tgz#1d9931f1d3e5d2959350d1250efab299561f7f11"
-  integrity sha512-CjA3y+Dr3FyFDOAMnxZEGtnW9KBR2M0JvvUtXNW+dYJL5ROWxP9DUHCwgFqpMk0OXCc0ljhaNTr2w/kutYIcHQ==
+dotenv@^16.4.4:
+  version "16.4.4"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.4.tgz#a26e7bb95ebd36272ebb56edb80b826aecf224c1"
+  integrity sha512-XvPXc8XAQThSjAbY6cQ/9PcBXmFoWuw1sQ3b8HqUCR6ziGXjkTi//kB9SWa2UwqlgdAIuRqAa/9hVljzPehbYg==
 
 download@^6.2.2:
   version "6.2.5"
@@ -5932,10 +5932,10 @@ open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
-openai@^4.27.0:
-  version "4.27.0"
-  resolved "https://registry.yarnpkg.com/openai/-/openai-4.27.0.tgz#4ada66a19c369b202e8a939b8bd287e4dca036f4"
-  integrity sha512-j1ZEx9NiBpm31rxWqQTjQt1QvH/8001xHsc/pRoPjkRDYWONCb+qkR6L9C7Wl6ar72Mz1ybtn1bv6fqAoTPlKw==
+openai@^4.28.0:
+  version "4.28.0"
+  resolved "https://registry.yarnpkg.com/openai/-/openai-4.28.0.tgz#ded00e3d98c25758b5406c9675ec27a957e00930"
+  integrity sha512-JM8fhcpmpGN0vrUwGquYIzdcEQHtFuom6sRCbbCM6CfzZXNuRk33G7KfeRAIfnaCxSpzrP5iHtwJzIm6biUZ2Q==
   dependencies:
     "@types/node" "^18.11.18"
     "@types/node-fetch" "^2.6.4"
@@ -6235,10 +6235,10 @@ pgpass@1.x:
   dependencies:
     split2 "^4.1.0"
 
-pgvector@^0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/pgvector/-/pgvector-0.1.7.tgz#0a170c85da8bae79d79cb09c1968d42d021489f5"
-  integrity sha512-hl1/Rvvu8iENi/0x4QcZh6o3bF2GWyyKIEu5GfXIzRhzhbOo7aQmoTPNWedRG1pziif+gOMTKKzHaJorgr8F0A==
+pgvector@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/pgvector/-/pgvector-0.1.8.tgz#50c44c7a26b1cb17cf0a001b0772fc0eb5c38762"
+  integrity sha512-mD6aw+XYJrsuLl3Y8s8gHDDfOZQ9ERtfQPdhvjOrC7eOTM7b6sNkxeZxBhHwUdXMfHmyGWIbwU0QbmSnn7pPmg==
 
 picocolors@^1.0.0:
   version "1.0.0"
@@ -7885,10 +7885,10 @@ web-namespaces@^2.0.0:
   resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-2.0.1.tgz#1010ff7c650eccb2592cebeeaf9a1b253fd40692"
   integrity sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==
 
-web-specs@^2.79.0:
-  version "2.79.0"
-  resolved "https://registry.yarnpkg.com/web-specs/-/web-specs-2.79.0.tgz#c6db408943387cc1a95608ba77a0fae51f131f25"
-  integrity sha512-364IxMgYLUjWDeTPrfNtO/+zZxIJ2ZzV4STzbOdVn6DANptLBo3aNTEJ0SS2Qe2P331apSfnU0b4K6wxl6cuew==
+web-specs@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/web-specs/-/web-specs-3.1.0.tgz#17c101d008eb92518350055163b0419a098e497e"
+  integrity sha512-m9/rjxGeHIlQGtIj3UeATcCRE7Kmi6AwswkfRp4B5Or+TeQVcBrfWOyRwj2CP8ue07aQ4XKnp9SANhsJFy5X8g==
 
 web-streams-polyfill@4.0.0-beta.3:
   version "4.0.0-beta.3"

From 0a48206340ee3feb5638b807f2da594589fa7f2c Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 14 Feb 2024 14:33:43 +0000
Subject: [PATCH 767/790] Bump husky from 9.0.10 to 9.0.11 (#32271)

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

diff --git a/package.json b/package.json
index 2125f46b1fe3193..de5e60a8ce27951 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,7 @@
     "env-cmd": "10.1.0",
     "fdir": "^6.1.1",
     "gray-matter": "^4.0.3",
-    "husky": "9.0.10",
+    "husky": "9.0.11",
     "js-yaml": "^4.1.0",
     "lint-staged": "15.2.2",
     "markdownlint-cli2": "0.12.1",
diff --git a/yarn.lock b/yarn.lock
index 1125a0eb25b7b88..cbe6064c4e31b15 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3859,10 +3859,10 @@ humanize-ms@^1.2.1:
   dependencies:
     ms "^2.0.0"
 
-husky@9.0.10:
-  version "9.0.10"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-9.0.10.tgz#ddca8908deb5f244e9286865ebc80b54387672c2"
-  integrity sha512-TQGNknoiy6bURzIO77pPRu+XHi6zI7T93rX+QnJsoYFf3xdjKOur+IlfqzJGMHIK/wXrLg+GsvMs8Op7vI2jVA==
+husky@9.0.11:
+  version "9.0.11"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-9.0.11.tgz#fc91df4c756050de41b3e478b2158b87c1e79af9"
+  integrity sha512-AB6lFlbwwyIqMdHYhwPe+kjOC3Oc5P3nThEoW/AaO2BX3vJDjWPFxYLxokUZOo6RNX20He3AaT8sESs9NJcmEw==
 
 iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"

From b30fd4ef18220e1e897eab11b57dc2779e3d8725 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Wed, 14 Feb 2024 22:09:48 +0530
Subject: [PATCH 768/790] fix(ci): make husky post pull script 'sh' compatible
 (#32269)

* fix(ci): make husky post pull script 'sh' compatible

* add shebang
---
 .husky/post-merge     | 6 ++++--
 .husky/update-history | 4 +++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/.husky/post-merge b/.husky/post-merge
index 6c5b1324ded9669..292651593e42a37 100644
--- a/.husky/post-merge
+++ b/.husky/post-merge
@@ -1,5 +1,7 @@
+#!/usr/bin/env sh
+
 BRANCH="$(git rev-parse --abbrev-ref HEAD)"
-if [[ "$BRANCH" != "main" ]]; then
+if [ "$BRANCH" != "main" ]; then
   exit 0
 fi
 
@@ -7,7 +9,7 @@ if [ -f ".husky/_/history" ]; then
   lastHash=$(cat ./.husky/_/history)
   isUpdated=$(git diff $lastHash HEAD -- ./package.json)
   if [ "$isUpdated" != "" ]; then
-    echo -e "\n⚠🔥 'package.json' has changed. Please run 'yarn install'! 🔥"
+    echo "\n⚠🔥 'package.json' has changed. Please run 'yarn install'! 🔥"
   fi
 else
   yarn install
diff --git a/.husky/update-history b/.husky/update-history
index d7cde538572c7af..38053d5f37022b6 100644
--- a/.husky/update-history
+++ b/.husky/update-history
@@ -1,7 +1,9 @@
+#!/usr/bin/env sh
+
 # This script stores the 'main' branch's HEAD commit hash in .husky/_/history
 # The stored commit hash is used by the post-merge script .husky/post-merge
 
 BRANCH="$(git rev-parse --abbrev-ref HEAD)"
-if [[ "$BRANCH" == "main" ]]; then
+if [ "$BRANCH" = "main" ]; then
   echo $(git rev-parse HEAD) > ./.husky/_/history
 fi

From 63caee7414e76df5beaa27d1dbcc78c6effd6955 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Wed, 14 Feb 2024 22:10:37 +0530
Subject: [PATCH 769/790] fix(ci): fix bugs in URL check issues script (#32278)

---
 scripts/log-url-issues.js | 46 ++++++++++++++++++++++++---------------
 1 file changed, 28 insertions(+), 18 deletions(-)

diff --git a/scripts/log-url-issues.js b/scripts/log-url-issues.js
index a93149989715d3c..c69f8be663b4689 100644
--- a/scripts/log-url-issues.js
+++ b/scripts/log-url-issues.js
@@ -5,21 +5,18 @@
  */
 
 import fs from "node:fs/promises";
-import path from "node:path";
 import {
   execGit,
   getRootDir,
   walkSync,
-  isImagePath,
   getLocations,
   IMG_RX,
   stringToFragment,
 } from "./utils.js";
 
-const rootDir = getRootDir();
-const argLength = process.argv.length;
 const deletedSlugs = [];
-const fragmentDetails = [];
+const addedFragmentDetails = [];
+let deletedFragmentDetails = [];
 let isAllOk = true;
 
 function getDeletedSlugs() {
@@ -63,18 +60,27 @@ function getFragmentDetails(fromStaging = true) {
         .substring(0, segment.indexOf(" "))
         .replaceAll(/files\/en-us\/|\/index.md/gm, "");
 
-      const headerRx = /^-#+ .*$/gm;
-      const fragments = [...segment.matchAll(headerRx)]
+      const addedHeaderRx = /^\+#+ .*$/gm;
+      const addedFragments = [...segment.matchAll(addedHeaderRx)]
         .map((match) => match[0].toLowerCase())
-        .map((header) => header.replace(/-#+ /g, ""))
+        .map((header) => header.replace(/\+#+ /g, ""))
         .map((header) => stringToFragment(header));
 
-      for (const fragment of fragments) {
-        fragmentDetails.push(`${path}#${fragment}`);
-      }
+      const removedHeaderRx = /^-#+ .*$/gm;
+      [...segment.matchAll(removedHeaderRx)]
+        .map((match) => match[0].toLowerCase())
+        .map((header) => header.replace(/-#+ /g, ""))
+        .map((header) => stringToFragment(header))
+        .filter((header) => !addedFragments.includes(header))
+        .forEach((header) => deletedFragmentDetails.push(`${path}#${header}`));
+
+      addedFragments.forEach((header) =>
+        addedFragmentDetails.push(`${path}#${header}`),
+      );
     }
   }
-  console.log("fragmentDetails", fragmentDetails);
+
+  console.log("deletedFragmentDetails", deletedFragmentDetails);
 }
 
 if (process.argv[2] !== "--workflow") {
@@ -84,7 +90,11 @@ if (process.argv[2] !== "--workflow") {
   getFragmentDetails(false);
 }
 
-if (deletedSlugs.length < 1 && fragmentDetails.length < 1) {
+deletedFragmentDetails = deletedFragmentDetails.filter(
+  (fragment) => !addedFragmentDetails.includes(fragment),
+);
+
+if (deletedSlugs.length < 1 && deletedFragmentDetails.length < 1) {
   console.log("Nothing to check. 🎉");
   process.exit(0);
 }
@@ -97,12 +107,12 @@ for await (const filePath of walkSync(getRootDir())) {
 
       // check deleted links
       for (const slug of deletedSlugs) {
-        isAllOk = false;
         const locations = getLocations(
           content,
           new RegExp(`/${slug}[)># \"']`, "mig"),
         );
         if (locations.length) {
+          isAllOk = false;
           for (const location of locations) {
             console.error(
               `ERROR:${relativePath}:${location.line}:${location.column}:Slug '${slug}' has been deleted`,
@@ -112,15 +122,15 @@ for await (const filePath of walkSync(getRootDir())) {
       }
 
       // check broken URL fragment
-      for (const fragment of fragmentDetails) {
-        isAllOk = false;
+      for (const fragment of deletedFragmentDetails) {
         const locations = getLocations(content, fragment);
         // check fragments in the same file
         const urlParts = fragment.split("#");
-        if (filePath.includes(urlParts[0])) {
-          locations.push(...getLocations(content, urlParts[1]));
+        if (filePath.includes(`${urlParts[0]}/index.md`)) {
+          locations.push(...getLocations(content, `[(]#${urlParts[1]}`));
         }
         if (locations.length) {
+          isAllOk = false;
           for (const location of locations) {
             console.error(
               `ERROR:${relativePath}:${location.line}:${location.column}:URL fragment in URL '${fragment}' is broken`,

From b46c03ec70be6cb61b51864bb650251c2e86abf7 Mon Sep 17 00:00:00 2001
From: Thibaud Colas <thibaudcolas@gmail.com>
Date: Wed, 14 Feb 2024 21:23:10 +0000
Subject: [PATCH 770/790] Remove outdated hgroup disclaimer (#32214)

* Revert "docs(hgroup): adds related note from a different page (#30856)"

This reverts commit fbb5b308788bdb63e9b2a2d010f49510f48b2e03.

* Remove outdated hgroup disclaimer from Content Categories page
---
 files/en-us/web/html/content_categories/index.md | 2 --
 files/en-us/web/html/element/hgroup/index.md     | 2 --
 2 files changed, 4 deletions(-)

diff --git a/files/en-us/web/html/content_categories/index.md b/files/en-us/web/html/content_categories/index.md
index 0b16c06cf0c542b..1e6399bab7da9cb 100644
--- a/files/en-us/web/html/content_categories/index.md
+++ b/files/en-us/web/html/content_categories/index.md
@@ -134,8 +134,6 @@ Elements belonging to this category are {{HTMLElement("Heading_Elements", "<code
 
 > **Note:** Though likely to contain heading content, the {{HTMLElement("header")}} is not heading content itself.
 
-> **Note:** The {{HTMLElement("hgroup")}} element is not recommended as it does not work properly with assistive technologies. It was removed from the W3C HTML specification prior to HTML 5 being finalized, but is still part of the WHATWG specification and is at least partially supported by most browsers.
-
 ### Phrasing content
 
 Phrasing content, a subset of flow content, refers to the text and the markup within a document. Sequences of phrasing content make up paragraphs.
diff --git a/files/en-us/web/html/element/hgroup/index.md b/files/en-us/web/html/element/hgroup/index.md
index d0e328a428ae2fc..d1dd3c243efe28c 100644
--- a/files/en-us/web/html/element/hgroup/index.md
+++ b/files/en-us/web/html/element/hgroup/index.md
@@ -11,8 +11,6 @@ The **`<hgroup>`** [HTML](/en-US/docs/Web/HTML) element represents a heading and
 
 {{EmbedInteractiveExample("pages/tabbed/hgroup.html", "tabbed-standard")}}
 
-> **Note:** The `<hgroup>` element is not recommended as it does not work properly with assistive technologies. It was removed from the W3C HTML specification but is still part of the WHATWG specification and is at least partially supported by most browsers.
-
 ## Attributes
 
 This element only includes the [global attributes](/en-US/docs/Web/HTML/Global_attributes).

From 27977f96015d1b74e743fa3762672894e087bd3d Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Wed, 14 Feb 2024 13:27:43 -0800
Subject: [PATCH 771/790] Add explicit parameter to EmbedLiveSample (#32282)

---
 .../web/api/htmlelement/hidepopover/index.md  | 10 ++++----
 .../web/css/css_cascading_variables/index.md  |  2 +-
 .../index.md                                  |  2 +-
 .../css_properties_and_values_api/index.md    |  2 +-
 files/en-us/web/css/inheritance/index.md      |  6 ++---
 files/en-us/web/css/margin-left/index.md      | 24 ++++++++++---------
 files/en-us/web/html/element/object/index.md  |  2 +-
 7 files changed, 26 insertions(+), 22 deletions(-)

diff --git a/files/en-us/web/api/htmlelement/hidepopover/index.md b/files/en-us/web/api/htmlelement/hidepopover/index.md
index 00586185a149c47..01f7f15fa5ed749 100644
--- a/files/en-us/web/api/htmlelement/hidepopover/index.md
+++ b/files/en-us/web/api/htmlelement/hidepopover/index.md
@@ -33,9 +33,11 @@ None ({{jsxref("undefined")}}).
 
 ## Examples
 
+### Hiding a popover
+
 The following example provides functionality to hide a popover by pressing a particular key on the keyboard.
 
-### HTML
+#### HTML
 
 ```html
 <button popovertarget="mypopover">Toggle popover's display</button>
@@ -44,7 +46,7 @@ The following example provides functionality to hide a popover by pressing a par
 </div>
 ```
 
-### JavaScript
+#### JavaScript
 
 ```js
 const popover = document.getElementById("mypopover");
@@ -56,9 +58,9 @@ document.addEventListener("keydown", (event) => {
 });
 ```
 
-### Result
+#### Result
 
-{{EmbedLiveSample("","100%",100)}}
+{{EmbedLiveSample("Hiding a popover","100%",100)}}
 
 ## Specifications
 
diff --git a/files/en-us/web/css/css_cascading_variables/index.md b/files/en-us/web/css/css_cascading_variables/index.md
index d2297d4747f1b8b..1a26ede4936539d 100644
--- a/files/en-us/web/css/css_cascading_variables/index.md
+++ b/files/en-us/web/css/css_cascading_variables/index.md
@@ -91,7 +91,7 @@ input {
 }
 ```
 
-{{EmbedLiveSample("",600,160)}}
+{{EmbedLiveSample("Custom properties in action",600,160)}}
 
 In these color swatches, the {{cssxref("background-color")}} is set using the {{cssxref("color_value/hsl", "hsl()")}} {{cssxref("&lt;color&gt;")}} function as `hsl(var(--hue) 50% 50%)`.
 Each color swatch increments the {{cssxref("hue")}} value by 10 degrees like `calc(var(--hue) + 10)`, `calc(var(--hue) + 20)` etc.
diff --git a/files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/index.md b/files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/index.md
index ee002e7a223cf61..e8c883a11c21bcb 100644
--- a/files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/index.md
+++ b/files/en-us/web/css/css_grid_layout/grids_logical_values_and_writing_modes/index.md
@@ -65,7 +65,7 @@ p {
 }
 ```
 
-{{EmbedLiveSample("","",200)}}
+{{EmbedLiveSample("Issues with physical properties","",200)}}
 
 This is a very simple example of the problem with physical values and properties being used in CSS. They prevent the browser being able to do the work to switch writing mode, as they make the assumption that the text is flowing left to right and top to bottom.
 
diff --git a/files/en-us/web/css/css_properties_and_values_api/index.md b/files/en-us/web/css/css_properties_and_values_api/index.md
index fdbdbb06a513d94..2cb6942caa7a52f 100644
--- a/files/en-us/web/css/css_properties_and_values_api/index.md
+++ b/files/en-us/web/css/css_properties_and_values_api/index.md
@@ -57,7 +57,7 @@ CSS.registerProperty({
 <div class="box"><p>Linear gradient with transition</p></div>
 ```
 
-{{EmbedLiveSample("",600,120)}}
+{{EmbedLiveSample("Properties and values API in action",600,120)}}
 
 The box has a [backround](/en-US/docs/Web/CSS/background) consisting of a [linear gradient](/en-US/docs/Web/CSS/gradient/linear-gradient) from `--stop-color` (the custom property) to [`lavenderblush`](/en-US/docs/Web/CSS/named-color).
 The value of `--stop-color` is set to `cornflowerblue` at first, but when you hover over the box, `--stop-color` [transitions](/en-US/docs/Web/CSS/transition) to `aquamarine` over two seconds (`linear-gradient(to right, aquamarine, lavenderblush)`).
diff --git a/files/en-us/web/css/inheritance/index.md b/files/en-us/web/css/inheritance/index.md
index bba2f07c3ec1465..20a6343fd2417cd 100644
--- a/files/en-us/web/css/inheritance/index.md
+++ b/files/en-us/web/css/inheritance/index.md
@@ -31,7 +31,7 @@ p {
 <p>This paragraph has <em>emphasized text</em> in it.</p>
 ```
 
-{{EmbedLiveSample("","",40)}}
+{{EmbedLiveSample("Inherited properties","",40)}}
 
 The words "emphasized text" will appear green, since the `em` element has inherited the value of the [`color`](/en-US/docs/Web/CSS/color) property from the `p` element. It does _not_ get the initial value of the property (which is the color that is used for the root element when the page specifies no color).
 
@@ -51,7 +51,7 @@ p {
 <p>This paragraph has <em>emphasized text</em> in it.</p>
 ```
 
-{{EmbedLiveSample("","",40)}}
+{{EmbedLiveSample("Non-inherited properties","",40)}}
 
 The words "emphasized text" will not have another border (since the initial value of [`border-style`](/en-US/docs/Web/CSS/border-style) is `none`).
 
@@ -89,7 +89,7 @@ em {
 <p>This paragraph has <em>emphasized text</em> in it.</p>
 ```
 
-{{EmbedLiveSample("","",40)}}
+{{EmbedLiveSample("Overriding inheritance, an example","",40)}}
 
 We can see here another border around the word "emphasized text".
 
diff --git a/files/en-us/web/css/margin-left/index.md b/files/en-us/web/css/margin-left/index.md
index ccece80ea5c488f..23d61c605d2976c 100644
--- a/files/en-us/web/css/margin-left/index.md
+++ b/files/en-us/web/css/margin-left/index.md
@@ -147,17 +147,11 @@ The `margin-left` property is specified as the keyword `auto`, or a `<length>`,
 
 ## Examples
 
-Percentage values for `margin-left` are relative to the container's inline size.
-
-### CSS
+### Setting margin-left as a percentage
 
-```css
-.example {
-  margin-left: 50%;
-}
-```
+Percentage values for `margin-left` are relative to the container's inline size.
 
-### HTML
+#### HTML
 
 ```html
 <p>
@@ -174,9 +168,17 @@ Percentage values for `margin-left` are relative to the container's inline size.
 </p>
 ```
 
-### Result
+#### CSS
+
+```css
+.example {
+  margin-left: 50%;
+}
+```
+
+#### Result
 
-{{EmbedLiveSample("","","250")}}
+{{EmbedLiveSample("Setting margin-left as a percentage","","250")}}
 
 ## Specifications
 
diff --git a/files/en-us/web/html/element/object/index.md b/files/en-us/web/html/element/object/index.md
index babf77dea03526f..a2aa5b9bc5903ed 100644
--- a/files/en-us/web/html/element/object/index.md
+++ b/files/en-us/web/html/element/object/index.md
@@ -62,7 +62,7 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
 
 #### Result
 
-{{EmbedLiveSample}}
+{{EmbedLiveSample("Embed a video")}}
 
 If the video in the example fails to load, the user will be provided with an image as fallback content. The {{HTMLElement("img")}} tag is used to display an image. We include the `src` attribute set to the path to the image we want to embed. We also include the `alt` attribute, which provides the image with an accessible name. If the image also fails to load, the content of the `alt` attribute will be displayed.
 

From a7bac145010ff9c03fbe3d248fb455c678497d18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ky=E2=84=93e=20Hensel?= <k-yle@users.noreply.github.com>
Date: Thu, 15 Feb 2024 09:37:41 +1100
Subject: [PATCH 772/790] [Intl.DurationFormat] fix comment/code mismatch
 (#32284)

---
 .../reference/global_objects/intl/durationformat/index.md       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/javascript/reference/global_objects/intl/durationformat/index.md b/files/en-us/web/javascript/reference/global_objects/intl/durationformat/index.md
index 7d8bc410001f261..4c0b4588ce603cc 100644
--- a/files/en-us/web/javascript/reference/global_objects/intl/durationformat/index.md
+++ b/files/en-us/web/javascript/reference/global_objects/intl/durationformat/index.md
@@ -60,7 +60,7 @@ new Intl.DurationFormat("fr-FR", { style: "long" }).format(duration);
 new Intl.DurationFormat("en", { style: "short" }).format(duration);
 // "1 hr, 46 min and 40 sec"
 
-// With style set to "short" and locale "pt"
+// With style set to "narrow" and locale "pt"
 new Intl.DurationFormat("pt", { style: "narrow" }).format(duration);
 // "1h 46min 40s"
 ```

From 990ab6637bb4d44f059597262cbf3c51abae79eb Mon Sep 17 00:00:00 2001
From: Brian Thomas Smith <brian@smith.berlin>
Date: Thu, 15 Feb 2024 01:03:54 +0100
Subject: [PATCH 773/790] docs(api): Clarify relationship between
 get/has/setAttribute() methods for attribute values, nodes & namespaced attrs
 (#32268)

---
 files/en-us/web/api/attr/index.md             |  2 +-
 .../web/api/element/getattribute/index.md     |  9 ++++++++
 .../web/api/element/getattributenode/index.md | 15 ++++++++-----
 .../api/element/getattributenodens/index.md   | 15 ++++++++++---
 .../web/api/element/getattributens/index.md   | 21 +++++++++++--------
 .../web/api/element/hasattribute/index.md     | 12 +++++++----
 .../web/api/element/hasattributens/index.md   | 14 ++++++++-----
 .../web/api/element/hasattributes/index.md    |  4 ++++
 .../web/api/element/removeattribute/index.md  | 15 +++++++------
 .../api/element/removeattributenode/index.md  | 13 ++++++++----
 .../api/element/removeattributens/index.md    | 15 ++++++-------
 .../web/api/element/setattribute/index.md     | 18 +++++++---------
 .../web/api/element/setattributenode/index.md | 12 +++++------
 .../api/element/setattributenodens/index.md   | 11 ++++++----
 .../web/api/element/setattributens/index.md   | 10 +++++++--
 .../web/api/element/toggleattribute/index.md  |  9 ++++++--
 16 files changed, 126 insertions(+), 69 deletions(-)

diff --git a/files/en-us/web/api/attr/index.md b/files/en-us/web/api/attr/index.md
index 8ba71598b3131dd..c51ec34a580e4b6 100644
--- a/files/en-us/web/api/attr/index.md
+++ b/files/en-us/web/api/attr/index.md
@@ -7,7 +7,7 @@ browser-compat: api.Attr
 
 {{APIRef("DOM")}}
 
-The **`Attr`** interface represents one of an element's attributes as an object. In most situations, you will directly retrieve the attribute value as a string (e.g., {{domxref("Element.getAttribute()")}}), but certain functions (e.g., {{domxref("Element.getAttributeNode()")}}) or means of iterating return `Attr` instances.
+The **`Attr`** interface represents one of an element's attributes as an object. In most situations, you will directly retrieve the attribute value as a string (e.g., {{domxref("Element.getAttribute()")}}), but some cases may require interacting with `Attr` instances (e.g., {{domxref("Element.getAttributeNode()")}}).
 
 {{InheritanceDiagram}}
 
diff --git a/files/en-us/web/api/element/getattribute/index.md b/files/en-us/web/api/element/getattribute/index.md
index 8bf385221fed72b..15f5dadba5a2fd0 100644
--- a/files/en-us/web/api/element/getattribute/index.md
+++ b/files/en-us/web/api/element/getattribute/index.md
@@ -15,6 +15,8 @@ element.
 If the given attribute does not exist, the value returned will
 either be `null` or `""` (the empty string); see [Non-existing attributes](#non-existing_attributes) for details.
 
+If you need to inspect the {{domxref("Attr")}} node's properties, you can use the {{domxref("Element.getAttributeNode()", "getAttributeNode()")}} method instead.
+
 ## Syntax
 
 ```js-nolint
@@ -84,3 +86,10 @@ let nonce = script.nonce;
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("Element.hasAttribute()")}}
+- {{domxref("Element.setAttribute()")}}
+- {{domxref("Element.removeAttribute()")}}
+- {{domxref("Element.toggleAttribute()")}}
diff --git a/files/en-us/web/api/element/getattributenode/index.md b/files/en-us/web/api/element/getattributenode/index.md
index a31c3b2717b49b8..ca82afaa2e4511a 100644
--- a/files/en-us/web/api/element/getattributenode/index.md
+++ b/files/en-us/web/api/element/getattributenode/index.md
@@ -8,7 +8,10 @@ browser-compat: api.Element.getAttributeNode
 
 {{ APIRef("DOM") }}
 
-Returns the specified attribute of the specified element, as an `Attr` node.
+Returns the specified attribute of the specified element, as an {{domxref("Attr")}} node.
+
+This method is useful if you need the attribute's [instance properties](/en-US/docs/Web/API/Attr#instance_properties).
+If you only need the attribute's value, you can use the {{domxref("Element.getAttribute()", "getAttribute()")}} method instead.
 
 ## Syntax
 
@@ -39,10 +42,6 @@ When called on an HTML element in a DOM flagged as an HTML document, `getAttribu
 
 The `Attr` node inherits from `Node`, but is not considered a part of the document tree. Common `Node` attributes like [parentNode](/en-US/docs/Web/API/Node/parentNode), [previousSibling](/en-US/docs/Web/API/Node/previousSibling), and [nextSibling](/en-US/docs/Web/API/Node/nextSibling) are `null` for an `Attr` node. You can, however, get the element to which the attribute belongs with the `ownerElement` property.
 
-[getAttribute](/en-US/docs/Web/API/Element/getAttribute) is usually used instead of `getAttributeNode` to get the value of an element's attribute.
-
-{{ DOMAttributeMethods() }}
-
 ## Specifications
 
 {{Specifications}}
@@ -50,3 +49,9 @@ The `Attr` node inherits from `Node`, but is not considered a part of the docume
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("Document.createAttribute()")}}
+- {{domxref("Element.setAttributeNode()")}}
+- {{domxref("Element.removeAttributeNode()")}}
diff --git a/files/en-us/web/api/element/getattributenodens/index.md b/files/en-us/web/api/element/getattributenodens/index.md
index cedef2937db4687..0875b8a1ca3994e 100644
--- a/files/en-us/web/api/element/getattributenodens/index.md
+++ b/files/en-us/web/api/element/getattributenodens/index.md
@@ -8,7 +8,12 @@ browser-compat: api.Element.getAttributeNodeNS
 
 {{ APIRef("DOM") }}
 
-Returns the `Attr` node for the attribute with the given namespace and name.
+The **`getAttributeNodeNS()`** method of the {{domxref("Element")}} interface returns the namespaced {{domxref("Attr")}} node of an element.
+
+This method is useful if you need the namespaced attribute's [instance properties](/en-US/docs/Web/API/Attr#instance_properties).
+If you only need the namespaced attribute's value, you can use the {{domxref("Element.getAttributeNS()", "getAttributeNS()")}} method instead.
+
+If you need the {{domxref("Attr")}} node of an element in HTML documents and the attribute is not namespaced, use the {{domxref("Element.getAttributeNode()", "getAttributeNode()")}} method instead.
 
 ## Syntax
 
@@ -29,8 +34,6 @@ The node for specified attribute.
 
 `getAttributeNodeNS` is more specific than [getAttributeNode](getAttributeNode) in that it allows you to specify attributes that are part of a particular namespace. The corresponding setter method is [setAttributeNodeNS](/en-US/docs/Web/API/Element/setAttributeNodeNS).
 
-{{ DOMAttributeMethods() }}
-
 ## Specifications
 
 {{Specifications}}
@@ -38,3 +41,9 @@ The node for specified attribute.
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("Document.createAttribute()")}}
+- {{domxref("Document.createAttributeNS()")}}
+- {{domxref("Element.setAttributeNodeNS()")}}
diff --git a/files/en-us/web/api/element/getattributens/index.md b/files/en-us/web/api/element/getattributens/index.md
index 4cfde33d578fad8..8534bfa30ff2458 100644
--- a/files/en-us/web/api/element/getattributens/index.md
+++ b/files/en-us/web/api/element/getattributens/index.md
@@ -14,6 +14,8 @@ name. If the named attribute does not exist, the value returned will either be
 `null` or `""` (the empty string); see [Notes](#notes) for
 details.
 
+If you are working with HTML documents and you don't need to specify the requested attribute as being part of a specific namespace, use the {{domxref("Element.getAttribute()", "getAttribute()")}} method instead.
+
 ## Syntax
 
 ```js-nolint
@@ -58,7 +60,7 @@ custom namespace.
 </svg>
 ```
 
-In an HTML document the attribute has to be accessed with `test:foo` since
+In an HTML document, the attribute has to be accessed with `test:foo` since
 namespaces are not supported.
 
 ```html
@@ -96,13 +98,10 @@ namespaces are not supported.
 
 ## Notes
 
-Namespaces are only supported in XML documents. HTML documents have to use
-`getAttribute()` instead.
-
-`getAttributeNS()` differs from {{domxref("element.getAttribute()",
-  "getAttribute()")}} in that it allows you to further specify the requested attribute as
+`getAttributeNS()` differs from {{domxref("element.getAttribute()", "getAttribute()")}}
+in that it allows you to further specify the requested attribute as
 being part of a particular namespace, as in the example above, where the attribute is
-part of the fictional "specialspace" namespace on Mozilla.
+part of the fictional "test" namespace.
 
 Prior to the DOM4 specification, this method was specified to return an empty string
 rather than null for non-existent attributes. However, most browsers instead returned
@@ -112,8 +111,6 @@ browsers return an empty string. For that reason, you should use
 existence prior to calling `getAttributeNS()` if it is possible that the
 requested attribute does not exist on the specified element.
 
-{{DOMAttributeMethods}}
-
 ## Specifications
 
 {{Specifications}}
@@ -121,3 +118,9 @@ requested attribute does not exist on the specified element.
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("Element.hasAttributeNS()")}}
+- {{domxref("Element.setAttributeNS()")}}
+- {{domxref("Element.removeAttributeNS()")}}
diff --git a/files/en-us/web/api/element/hasattribute/index.md b/files/en-us/web/api/element/hasattribute/index.md
index 9a786351743df57..11b559d4ca3ee4d 100644
--- a/files/en-us/web/api/element/hasattribute/index.md
+++ b/files/en-us/web/api/element/hasattribute/index.md
@@ -36,10 +36,6 @@ if (foo.hasAttribute("bar")) {
 }
 ```
 
-## Notes
-
-{{DOMAttributeMethods}}
-
 ## Specifications
 
 {{Specifications}}
@@ -47,3 +43,11 @@ if (foo.hasAttribute("bar")) {
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("Element.hasAttributes()")}}
+- {{domxref("Element.getAttribute()")}}
+- {{domxref("Element.setAttribute()")}}
+- {{domxref("Element.removeAttribute()")}}
+- {{domxref("Element.toggleAttribute()")}}
diff --git a/files/en-us/web/api/element/hasattributens/index.md b/files/en-us/web/api/element/hasattributens/index.md
index 851e4323ad48255..570e5e4c4e2ac44 100644
--- a/files/en-us/web/api/element/hasattributens/index.md
+++ b/files/en-us/web/api/element/hasattributens/index.md
@@ -8,7 +8,9 @@ browser-compat: api.Element.hasAttributeNS
 
 {{ APIRef("DOM") }}
 
-`hasAttributeNS` returns a boolean value indicating whether the current element has the specified attribute.
+The **`hasAttributeNS()`** method of the {{domxref("Element")}} interface returns a boolean value indicating whether the current element has the specified attribute with the specified namespace.
+
+If you are working with HTML documents and you don't need to specify the requested attribute as being part of a specific namespace, use the {{domxref("Element.hasAttribute()", "hasAttribute()")}} method instead.
 
 ## Syntax
 
@@ -37,10 +39,6 @@ if (
 }
 ```
 
-## Notes
-
-{{ DOMAttributeMethods() }}
-
 ## Specifications
 
 {{Specifications}}
@@ -48,3 +46,9 @@ if (
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("Element.getAttributeNS()")}}
+- {{domxref("Element.setAttributeNS()")}}
+- {{domxref("Element.removeAttributeNS()")}}
diff --git a/files/en-us/web/api/element/hasattributes/index.md b/files/en-us/web/api/element/hasattributes/index.md
index 9a0edcac3dad22e..a8276e626b4038f 100644
--- a/files/en-us/web/api/element/hasattributes/index.md
+++ b/files/en-us/web/api/element/hasattributes/index.md
@@ -47,3 +47,7 @@ if (foo.hasAttributes()) {
 
 - {{domxref("Element.attributes")}}
 - {{domxref("Element.hasAttribute()")}}
+- {{domxref("Element.getAttribute()")}}
+- {{domxref("Element.setAttribute()")}}
+- {{domxref("Element.removeAttribute()")}}
+- {{domxref("Element.toggleAttribute()")}}
diff --git a/files/en-us/web/api/element/removeattribute/index.md b/files/en-us/web/api/element/removeattribute/index.md
index 63a7113e45222f3..35b28b3e9c02994 100644
--- a/files/en-us/web/api/element/removeattribute/index.md
+++ b/files/en-us/web/api/element/removeattribute/index.md
@@ -31,12 +31,8 @@ None ({{jsxref("undefined")}}).
 
 ## Usage notes
 
-You should use `removeAttribute()` instead of setting the attribute value to
-`null` either directly or using {{domxref("Element.setAttribute",
-  "setAttribute()")}}. Many attributes will not behave as expected if you set them to
-`null`.
-
-{{ DOMAttributeMethods() }}
+You should use `removeAttribute()` instead of setting the attribute value to `null` either directly or using {{domxref("Element.setAttribute", "setAttribute()")}}.
+Many attributes will not behave as expected if you set them to `null`.
 
 ## Examples
 
@@ -53,3 +49,10 @@ document.getElementById("div1").removeAttribute("disabled");
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("Element.hasAttribute()")}}
+- {{domxref("Element.getAttribute()")}}
+- {{domxref("Element.setAttribute()")}}
+- {{domxref("Element.toggleAttribute()")}}
diff --git a/files/en-us/web/api/element/removeattributenode/index.md b/files/en-us/web/api/element/removeattributenode/index.md
index e629353927c76ab..047b19782bef216 100644
--- a/files/en-us/web/api/element/removeattributenode/index.md
+++ b/files/en-us/web/api/element/removeattributenode/index.md
@@ -8,8 +8,9 @@ browser-compat: api.Element.removeAttributeNode
 
 {{ APIRef("DOM") }}
 
-The **`removeAttributeNode()`** method of the
-{{domxref("Element")}} interface removes the specified attribute from the element.
+The **`removeAttributeNode()`** method of the {{domxref("Element")}} interface removes the specified {{domxref("Attr")}} node from the element.
+
+If you don't need to inspect the attribute node before removing it, you can use the {{domxref("Element.removeAttribute()")}} method instead.
 
 ## Syntax
 
@@ -51,8 +52,6 @@ There is no `removeAttributeNodeNS` method; the
 `removeAttributeNode` method can remove both namespaced attributes and
 non-namespaced attributes.
 
-{{ DOMAttributeMethods() }}
-
 ## Specifications
 
 {{Specifications}}
@@ -60,3 +59,9 @@ non-namespaced attributes.
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("Document.createAttribute()")}}
+- {{domxref("Element.getAttributeNode()")}}
+- {{domxref("Element.setAttributeNode()")}}
diff --git a/files/en-us/web/api/element/removeattributens/index.md b/files/en-us/web/api/element/removeattributens/index.md
index 65bf2297615ef86..b4d36649b37cc49 100644
--- a/files/en-us/web/api/element/removeattributens/index.md
+++ b/files/en-us/web/api/element/removeattributens/index.md
@@ -9,7 +9,9 @@ browser-compat: api.Element.removeAttributeNS
 {{ APIRef("DOM") }}
 
 The **`removeAttributeNS()`** method of the
-{{domxref("Element")}} interface removes the specified attribute from an element.
+{{domxref("Element")}} interface removes the specified attribute with the specified namespace from an element.
+
+If you are working with HTML and you don't need to specify the requested attribute as being part of a specific namespace, use the {{domxref("Element.removeAttribute()", "removeAttribute()")}} method instead.
 
 ## Syntax
 
@@ -38,10 +40,6 @@ d.removeAttributeNS("http://www.mozilla.org/ns/specialspace", "specialAlign");
 // Now: <div id="div1" width="200px" />
 ```
 
-## Notes
-
-{{ DOMAttributeMethods() }}
-
 ## Specifications
 
 {{Specifications}}
@@ -50,5 +48,8 @@ d.removeAttributeNS("http://www.mozilla.org/ns/specialspace", "specialAlign");
 
 {{Compat}}
 
-In Firefox 3 and later, this method resets DOM values to
-their defaults.
+## See also
+
+- {{domxref("Element.hasAttributeNS()")}}
+- {{domxref("Element.getAttributeNS()")}}
+- {{domxref("Element.setAttributeNS()")}}
diff --git a/files/en-us/web/api/element/setattribute/index.md b/files/en-us/web/api/element/setattribute/index.md
index dcadaafc1c3a430..e6105abcfbeab85 100644
--- a/files/en-us/web/api/element/setattribute/index.md
+++ b/files/en-us/web/api/element/setattribute/index.md
@@ -12,9 +12,9 @@ Sets the value of an attribute on the specified element. If
 the attribute already exists, the value is updated; otherwise a new attribute is added
 with the specified name and value.
 
-To get the current value of an attribute, use {{domxref("Element.getAttribute",
-  "getAttribute()")}}; to remove an attribute, call {{domxref("Element.removeAttribute",
-  "removeAttribute()")}}.
+To get the current value of an attribute, use {{domxref("Element.getAttribute", "getAttribute()")}}; to remove an attribute, call {{domxref("Element.removeAttribute", "removeAttribute()")}}.
+
+If you need to work with the {{domxref("Attr")}} node (such as cloning from another element) before adding it, you can use the {{domxref("Element.setAttributeNode()", "setAttributeNode()")}} method instead.
 
 ## Syntax
 
@@ -91,8 +91,6 @@ This demonstrates two things:
   All that matters is that if the attribute is present at all, _regardless of its actual value_, its value is considered to be `true`.
   The absence of the attribute means its value is `false`. By setting the value of the `disabled` attribute to the empty string (`""`), we are setting `disabled` to `true`, which results in the button being disabled.
 
-{{DOMAttributeMethods}}
-
 ## Specifications
 
 {{Specifications}}
@@ -101,9 +99,9 @@ This demonstrates two things:
 
 {{Compat}}
 
-### Gecko notes
+## See also
 
-Using `setAttribute()` to modify certain attributes, most notably
-`value` in XUL, works inconsistently, as the attribute specifies the default
-value. To access or modify the current values, you should use the properties. For
-example, use `Element.value` instead of `Element.setAttribute()`.
+- {{domxref("Element.hasAttribute()")}}
+- {{domxref("Element.getAttribute()")}}
+- {{domxref("Element.removeAttribute()")}}
+- {{domxref("Element.toggleAttribute()")}}
diff --git a/files/en-us/web/api/element/setattributenode/index.md b/files/en-us/web/api/element/setattributenode/index.md
index e8c8b6459e4bc29..2e5020737d63445 100644
--- a/files/en-us/web/api/element/setattributenode/index.md
+++ b/files/en-us/web/api/element/setattributenode/index.md
@@ -8,8 +8,9 @@ browser-compat: api.Element.setAttributeNode
 
 {{ APIRef("DOM") }}
 
-The **`setAttributeNode()`** method adds a new
-`Attr` node to the specified element.
+The **`setAttributeNode()`** method of the {{domxref("Element")}} interface adds a new {{domxref("Attr")}} node to the specified element.
+
+If you don't need to work with the attribute node (such as cloning from another element) before adding it, you can use the {{domxref("Element.setAttribute()", "setAttribute()")}} method instead.
 
 ## Syntax
 
@@ -54,11 +55,6 @@ alert(d2.attributes[1].value);
 If the attribute named already exists on the element, that attribute is replaced with
 the new one and the replaced one is returned.
 
-This method is seldom used, with {{domxref("Element.setAttribute()")}} usually being
-used to change element's attributes.
-
-{{ DOMAttributeMethods() }}
-
 ## Specifications
 
 {{Specifications}}
@@ -70,3 +66,5 @@ used to change element's attributes.
 ## See also
 
 - {{domxref("Document.createAttribute()")}}
+- {{domxref("Element.getAttributeNode()")}}
+- {{domxref("Element.removeAttributeNode()")}}
diff --git a/files/en-us/web/api/element/setattributenodens/index.md b/files/en-us/web/api/element/setattributenodens/index.md
index 23ad0ee2e4455d1..4b8473fd8bb6c6d 100644
--- a/files/en-us/web/api/element/setattributenodens/index.md
+++ b/files/en-us/web/api/element/setattributenodens/index.md
@@ -8,7 +8,11 @@ browser-compat: api.Element.setAttributeNodeNS
 
 {{ APIRef("DOM") }}
 
-`setAttributeNodeNS` adds a new namespaced attribute node to an element.
+The **`hasAttributeNS()`** method of the {{domxref("Element")}} interface adds a new namespaced {{domxref("Attr")}} node to an element.
+
+If you don't need to work with the attribute node (such as cloning from another element) before adding it, you can use the {{domxref("Element.setAttributeNS()", "setAttributeNS()")}} method instead.
+
+If you are working with HTML documents and you don't need to specify the requested attribute as being part of a specific namespace, use the {{domxref("Element.setAttribute()", "setAttribute()")}} method instead.
 
 ## Syntax
 
@@ -43,9 +47,7 @@ alert(d2.attributes[1].value); // returns: `utterleft'
 
 If the specified attribute already exists on the element, then that attribute is replaced with the new one and the replaced one is returned.
 
-Note that if you try to set without cloning the node, Mozilla gives an NS_ERROR_DOM_INUSE_ATTRIBUTE_ERR "Attribute already in use" error, as the DOM requires cloning for Attr to be reused (unlike other Nodes which can be moved).
-
-{{ DOMAttributeMethods() }}
+Note that if you try to set without cloning the node, you may see `NS_ERROR_DOM_INUSE_ATTRIBUTE_ERR` "Attribute already in use" error, as the DOM requires cloning for {{domxref("Attr")}} to be reused (unlike other Nodes which can be moved).
 
 ## Specifications
 
@@ -59,3 +61,4 @@ Note that if you try to set without cloning the node, Mozilla gives an NS_ERROR_
 
 - {{domxref("Document.createAttribute()")}}
 - {{domxref("Document.createAttributeNS()")}}
+- {{domxref("Element.getAttributeNodeNS()")}}
diff --git a/files/en-us/web/api/element/setattributens/index.md b/files/en-us/web/api/element/setattributens/index.md
index 9645bd57cfae91f..ab6f44e20cfc97b 100644
--- a/files/en-us/web/api/element/setattributens/index.md
+++ b/files/en-us/web/api/element/setattributens/index.md
@@ -11,6 +11,8 @@ browser-compat: api.Element.setAttributeNS
 `setAttributeNS` adds a new attribute or changes the value of an attribute
 with the given namespace and name.
 
+If you are working with HTML documents and you don't need to specify the requested attribute as being part of a specific namespace, use the {{domxref("Element.setAttribute()", "setAttribute()")}} method instead.
+
 ## Syntax
 
 ```js-nolint
@@ -41,8 +43,6 @@ d.setAttributeNS(
 
 ## Notes
 
-{{ DOMAttributeMethods() }}
-
 `setAttributeNS` is the only method for namespaced attributes which expects
 the fully qualified name, i.e. `"namespace:localname"`.
 
@@ -53,3 +53,9 @@ the fully qualified name, i.e. `"namespace:localname"`.
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("Element.hasAttributeNS()")}}
+- {{domxref("Element.getAttributeNS()")}}
+- {{domxref("Element.removeAttributeNS()")}}
diff --git a/files/en-us/web/api/element/toggleattribute/index.md b/files/en-us/web/api/element/toggleattribute/index.md
index 6f6cbfbcb38fbba..a8654901e3535dc 100644
--- a/files/en-us/web/api/element/toggleattribute/index.md
+++ b/files/en-us/web/api/element/toggleattribute/index.md
@@ -68,8 +68,6 @@ button.addEventListener("click", () => {
 
 {{ EmbedLiveSample('Examples', '300', '50') }}
 
-{{DOMAttributeMethods}}
-
 ## Specifications
 
 {{Specifications}}
@@ -77,3 +75,10 @@ button.addEventListener("click", () => {
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- {{domxref("Element.hasAttribute()")}}
+- {{domxref("Element.getAttribute()")}}
+- {{domxref("Element.removeAttribute()")}}
+- {{domxref("Element.setAttribute()")}}

From 428bba1247b0afcb15f12520fd04a10bbfb50f3b Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Thu, 15 Feb 2024 08:06:01 +0800
Subject: [PATCH 774/790] fix: correct the description of acceleration (#32153)

---
 files/en-us/web/api/window/devicemotion_event/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/window/devicemotion_event/index.md b/files/en-us/web/api/window/devicemotion_event/index.md
index c1a5598ac79fbca..efbf47e7250f01a 100644
--- a/files/en-us/web/api/window/devicemotion_event/index.md
+++ b/files/en-us/web/api/window/devicemotion_event/index.md
@@ -8,7 +8,7 @@ browser-compat: api.Window.devicemotion_event
 
 {{APIRef("Device Orientation Events")}}{{securecontext_header}}
 
-The **`devicemotion`** event is fired at a regular interval and indicates the amount of physical force of acceleration the device is receiving at that time. It also provides information about the rate of rotation, if available.
+The **`devicemotion`** event is fired at a regular interval and indicates the acceleration rate of the device with/without the contribution of the gravity force at that time. It also provides information about the rate of rotation, if available.
 
 This event is not cancelable and does not bubble.
 

From 29d4051fef07473fd0f0eb471528382d6af66e94 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Thu, 15 Feb 2024 08:22:17 +0800
Subject: [PATCH 775/790] Format Page structure of `Navigator.mediaDevices`
 (#32097)

fix
---
 .../web/api/navigator/mediadevices/index.md   | 22 +++++--------------
 .../web/api/navigator/mediasession/index.md   |  2 +-
 2 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/files/en-us/web/api/navigator/mediadevices/index.md b/files/en-us/web/api/navigator/mediadevices/index.md
index ac045fedeff5bc4..2e033aad0a146c6 100644
--- a/files/en-us/web/api/navigator/mediadevices/index.md
+++ b/files/en-us/web/api/navigator/mediadevices/index.md
@@ -8,21 +8,11 @@ browser-compat: api.Navigator.mediaDevices
 
 {{securecontext_header}}{{APIRef("Media Capture and Streams")}}
 
-The **`Navigator.mediaDevices`** read-only property returns a
-{{domxref("MediaDevices")}} object, which provides access to connected media input
-devices like cameras and microphones, as well as screen sharing.
+The **`mediaDevices`** read-only property of the {{domxref("Navigator")}} interface returns a {{domxref("MediaDevices")}} object, which provides access to connected media input devices like cameras and microphones, as well as screen sharing.
 
-## Syntax
+## Value
 
-```js-nolint
-navigator.mediaDevices
-```
-
-### Return value
-
-The {{domxref("MediaDevices")}} singleton object. Usually, you just use this object's
-members directly, such as by calling
-{{domxref("MediaDevices.getUserMedia", "navigator.mediaDevices.getUserMedia()")}}.
+The {{domxref("MediaDevices")}} singleton object. Usually, you just use this object's members directly, such as by calling {{domxref("MediaDevices.getUserMedia", "navigator.mediaDevices.getUserMedia()")}}.
 
 ## Specifications
 
@@ -34,7 +24,5 @@ members directly, such as by calling
 
 ## See also
 
-- [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API):
-  The entry point to the documentation about the entire Media Capture and Streams API.
-- [WebRTC API](/en-US/docs/Web/API/WebRTC_API): Documentation about the
-  WebRTC API, which is closely related.
+- [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API): The entry point to the documentation about the entire Media Capture and Streams API.
+- [WebRTC API](/en-US/docs/Web/API/WebRTC_API): Documentation about the WebRTC API, which is closely related.
diff --git a/files/en-us/web/api/navigator/mediasession/index.md b/files/en-us/web/api/navigator/mediasession/index.md
index c69ddd3a7a4d9ef..fdf45924df40812 100644
--- a/files/en-us/web/api/navigator/mediasession/index.md
+++ b/files/en-us/web/api/navigator/mediasession/index.md
@@ -8,7 +8,7 @@ browser-compat: api.Navigator.mediaSession
 
 {{APIRef("Media Session API")}}
 
-The read-only **`mediaSession`** property of the {{domxref("Navigator")}}
+The **`mediaSession`** read-only property of the {{domxref("Navigator")}}
 interface returns a {{domxref("MediaSession")}}
 object that can be used to share with the browser metadata and other information about
 the current playback state of media being handled by a document.

From 754206165480e6577933499858384963ea2b58cf Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Wed, 14 Feb 2024 16:40:23 -0800
Subject: [PATCH 776/790] Add see also and content xref links (#31749)

* Add see also and content xref links

* Update files/en-us/web/api/window/getcomputedstyle/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/en-us/web/api/window/getcomputedstyle/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* update support for shorthand names

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
---
 .../web/api/window/getcomputedstyle/index.md   | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/files/en-us/web/api/window/getcomputedstyle/index.md b/files/en-us/web/api/window/getcomputedstyle/index.md
index 7c41b3d1f0df5c6..d34465ddd9249ab 100644
--- a/files/en-us/web/api/window/getcomputedstyle/index.md
+++ b/files/en-us/web/api/window/getcomputedstyle/index.md
@@ -142,14 +142,13 @@ Java.
 ## Notes
 
 - The returned {{DOMxRef("CSSStyleDeclaration")}} object contains active values for
-  CSS property **_longhand_** names. For example,
-  `border-bottom-width` instead of the `border-width` and
-  `border` [shorthand property names](/en-US/docs/Web/CSS/Shorthand_properties). It is safest to query values with only longhand names like
-  `font-size`. Shorthand names like `font` will not work with most
-  browsers.
+  CSS property **_longhand_** names as well as shorthand names. For example, the returned object contains entries for
+  {{cssxref("border-bottom-width")}} in addition to the {{cssxref("border-width")}} and
+  {{cssxref("border")}} [shorthand property names](/en-US/docs/Web/CSS/Shorthand_properties). You can query values with longhand names like
+  {{cssxref("font-size")}} as well as shorthand names like {{cssxref("font")}}.
 - CSS property values may be accessed using the
-  `getPropertyValue(propName)` API or by indexing directly into the object
-  such as `obj['z-index']` or `obj.zIndex`.
+  {{DOMxRef("CSSStyleDeclaration.getPropertyValue", "getPropertyValue(propName)")}} method or by indexing directly into the object
+  using array or [dot notation](/en-US/docs/Learn/JavaScript/Objects/Basics#dot_notation) such as `obj['z-index']` or `obj.zIndex`.
 - The values returned by `getComputedStyle` are {{CSSxRef("resolved_value",
     "resolved values", "", 1)}}. These are usually the same as CSS 2.1's
   {{CSSxRef("computed_value","computed values", "", 1)}}, but for some older properties
@@ -165,7 +164,7 @@ Java.
   _used values_.
 - Returned values are sometimes deliberately inaccurate. To avoid the "CSS History
   Leak" security issue, browsers may lie about the computed styles for a visited link,
-  returning values as if the user never visited the linked URL. See [Plugging the CSS History Leak](https://blog.mozilla.org/security/2010/03/31/plugging-the-css-history-leak/) and [Privacy-related changes coming to CSS :visited](https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/) for examples of how this is implemented.
+  returning values as if the user never visited the linked URL. See [Plugging the CSS history leak](https://blog.mozilla.org/security/2010/03/31/plugging-the-css-history-leak/) and [Privacy-related changes coming to CSS `:visited`](https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/) for examples of how this is implemented.
 - During [CSS transitions](/en-US/docs/Web/CSS/CSS_transitions),
   `getComputedStyle` returns the original property value in Firefox, but the
   final property value in WebKit.
@@ -185,5 +184,6 @@ Java.
 
 ## See also
 
-- {{DOMxRef("window.getDefaultComputedStyle")}}
+- {{DOMxRef("window.getDefaultComputedStyle()")}}
+- {{DOMxRef("CSSStyleDeclaration.getPropertyValue", "getPropertyValue()")}}
 - {{CSSxRef("resolved_value", "Resolved Value")}}

From 684163db5787fb191daacf956af9c4315a06254a Mon Sep 17 00:00:00 2001
From: mgrycz <maciej.grycz@gmail.com>
Date: Thu, 15 Feb 2024 01:58:26 +0100
Subject: [PATCH 777/790] Correct error event handler signature (#31039)

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 files/en-us/web/api/workerglobalscope/error_event/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/workerglobalscope/error_event/index.md b/files/en-us/web/api/workerglobalscope/error_event/index.md
index 929ac8b97e219e5..18c84edbc9ce49a 100644
--- a/files/en-us/web/api/workerglobalscope/error_event/index.md
+++ b/files/en-us/web/api/workerglobalscope/error_event/index.md
@@ -17,7 +17,7 @@ Use the event name in methods like {{domxref("EventTarget.addEventListener", "ad
 ```js
 addEventListener("error", (event) => {});
 
-onerror = (event) => {};
+onerror = (message, filename, lineno, colno, error) => {};
 ```
 
 ## Event type

From 4c386c43f1d1101cd8b85e96d3ec27fba4414811 Mon Sep 17 00:00:00 2001
From: wbamberg <will@bootbonnet.ca>
Date: Wed, 14 Feb 2024 19:13:23 -0800
Subject: [PATCH 778/790] Fix issue 31498 (#32285)

---
 files/en-us/web/api/location/hostname/index.md | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/api/location/hostname/index.md b/files/en-us/web/api/location/hostname/index.md
index 4fb278f258e162e..456396bb36cc702 100644
--- a/files/en-us/web/api/location/hostname/index.md
+++ b/files/en-us/web/api/location/hostname/index.md
@@ -18,10 +18,8 @@ A string.
 ## Examples
 
 ```js
-const anchor = document.createElement("a");
-anchor.href = "https://developer.mozilla.org:4097/en-US/docs/Location.hostname";
-
-console.log(anchor.hostname); // developer.mozilla.org
+console.log(window.location.hostname);
+// developer.mozilla.org
 ```
 
 ## Specifications

From bffb4398172beb08720df6911e9138213e939da5 Mon Sep 17 00:00:00 2001
From: Aaron Parecki <aaron@parecki.com>
Date: Wed, 14 Feb 2024 19:16:22 -0800
Subject: [PATCH 779/790] clarify client_metadata (#32287)

---
 files/en-us/web/api/fedcm_api/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/api/fedcm_api/index.md b/files/en-us/web/api/fedcm_api/index.md
index 2b9a404e0844070..0154b54d34263bc 100644
--- a/files/en-us/web/api/fedcm_api/index.md
+++ b/files/en-us/web/api/fedcm_api/index.md
@@ -80,7 +80,7 @@ The properties are as follows:
 - `accounts_endpoint`
   - : The URL for the accounts list endpoint, which returns a list of accounts that the user is currently signed in to on the IdP. The browser uses these to create a list of sign-in choices to show to the user in the browser-provided FedCM UI.
 - `client_metadata_endpoint` {{optional_inline}}
-  - : The URL for the client metadata endpoint, which provides URLs pointing to the RP's metadata and terms of service pages, to be used in the FedCM UI.
+  - : The URL for the client metadata endpoint, which provides URLs pointing to the RP's metadata and terms of service pages as registered at the IdP, to be used in the FedCM UI.
 - `id_assertion_endpoint`
   - : The URL for the ID assertion endpoint, which when sent valid user credentials should respond with a validation token that the RP can use to validate the authentication.
 - `branding` {{optional_inline}}
@@ -136,7 +136,7 @@ This includes the following information:
 
 #### The client metadata endpoint
 
-Provides URLs pointing to the RP's metadata and terms of service pages, to be used in the browser-supplied FedCM UI. This should follow the JSON structure seen below:
+An endpoint at the IdP that takes a `client_id` as input and provides URLs pointing to the RP's metadata and terms of service pages, to be used in the browser-supplied FedCM UI. This should follow the JSON structure seen below:
 
 ```json
 {

From fc422564c734872e84588d0e3b541416e9148b21 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Thu, 15 Feb 2024 12:03:07 +0530
Subject: [PATCH 780/790] fix(ci): make the post yarn install script more
 robust (#32294)

---
 .husky/update-history | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.husky/update-history b/.husky/update-history
index 38053d5f37022b6..8acaf333a7f745a 100644
--- a/.husky/update-history
+++ b/.husky/update-history
@@ -4,6 +4,6 @@
 # The stored commit hash is used by the post-merge script .husky/post-merge
 
 BRANCH="$(git rev-parse --abbrev-ref HEAD)"
-if [ "$BRANCH" = "main" ]; then
+if [ "$BRANCH" = "main" -a -d "./.husky/_" ]; then
   echo $(git rev-parse HEAD) > ./.husky/_/history
 fi

From 33e26581137461579778d3d7fd11f68905ce4152 Mon Sep 17 00:00:00 2001
From: IraShy <60783373+IraShy@users.noreply.github.com>
Date: Thu, 15 Feb 2024 17:57:35 +1100
Subject: [PATCH 781/790] Fix a typo (#32286)

---
 .../how_to_fix_website_with_mixed_content/index.md              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/security/mixed_content/how_to_fix_website_with_mixed_content/index.md b/files/en-us/web/security/mixed_content/how_to_fix_website_with_mixed_content/index.md
index efa768ae044561e..0961470f7bfc8d4 100644
--- a/files/en-us/web/security/mixed_content/how_to_fix_website_with_mixed_content/index.md
+++ b/files/en-us/web/security/mixed_content/how_to_fix_website_with_mixed_content/index.md
@@ -12,7 +12,7 @@ This page explains what you should be aware of as a web developer.
 
 ## Your website may break
 
-If your website delivers HTTPS pages, all [active mixed content](/en-US/docs/Web/Security/Mixed_content#mixed_active_content) delivered via HTTP on this pages will be blocked by default. Consequently, your website may appear broken to users (if iframes or plugins don't load, etc.). [Passive mixed content](/en-US/docs/Web/Security/Mixed_content#mixed_passivedisplay_content) is displayed by default, but users can set a preference to block this type of content, as well.
+If your website delivers HTTPS pages, all [active mixed content](/en-US/docs/Web/Security/Mixed_content#mixed_active_content) delivered via HTTP on these pages will be blocked by default. Consequently, your website may appear broken to users (if iframes or plugins don't load, etc.). [Passive mixed content](/en-US/docs/Web/Security/Mixed_content#mixed_passivedisplay_content) is displayed by default, but users can set a preference to block this type of content, as well.
 
 Note that since mixed content blocking already happens in Chrome, it is very likely that if your website works in Chrome, it will work equally well in Firefox with mixed content blocking.
 

From d9b3aa253c9704f7f765353873ac448511a61dbe Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Thu, 15 Feb 2024 03:16:17 -0800
Subject: [PATCH 782/790] Edit in redirects.txt (#32295)

error in redirects.txt
---
 files/en-us/_redirects.txt | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 56387954dbde7a1..855e0e46bc91fd6 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -799,7 +799,7 @@
 /en-US/docs/CSS/repeating-radial-gradient	/en-US/docs/Web/CSS/gradient/repeating-radial-gradient
 /en-US/docs/CSS/resize	/en-US/docs/Web/CSS/resize
 /en-US/docs/CSS/resolution	/en-US/docs/Web/CSS/resolution
-/en-US/docs/CSS/rgb	/en-US/docs/Web/CSS/color_value#rgb()_and_rgba()
+/en-US/docs/CSS/rgb	/en-US/docs/Web/CSS/color_value/rgb
 /en-US/docs/CSS/right	/en-US/docs/Web/CSS/right
 /en-US/docs/CSS/scroll	/en-US/docs/Web/CSS/overflow
 /en-US/docs/CSS/shape	/en-US/docs/Web/CSS/shape
@@ -11678,7 +11678,7 @@
 /en-US/docs/Web/CSS/repeating-linear-gradient()	/en-US/docs/Web/CSS/gradient/repeating-linear-gradient
 /en-US/docs/Web/CSS/repeating-radial-gradient	/en-US/docs/Web/CSS/gradient/repeating-radial-gradient
 /en-US/docs/Web/CSS/repeating-radial-gradient()	/en-US/docs/Web/CSS/gradient/repeating-radial-gradient
-/en-US/docs/Web/CSS/rgb	/en-US/docs/Web/CSS/color_value#rgb()_and_rgba()
+/en-US/docs/Web/CSS/rgb	/en-US/docs/Web/CSS/color_value/rgb
 /en-US/docs/Web/CSS/scroll	/en-US/docs/Web/CSS/overflow
 /en-US/docs/Web/CSS/scrollbar-track-color	/en-US/docs/Web/CSS/scrollbar-color
 /en-US/docs/Web/CSS/shape-box	/en-US/docs/Web/CSS/shape-outside

From 9db533c4b30800018aa31b5944b9ff4a0aeded17 Mon Sep 17 00:00:00 2001
From: Hamish Willee <hamishwillee@gmail.com>
Date: Fri, 16 Feb 2024 09:14:31 +1100
Subject: [PATCH 783/790] FF123 updates for permission
 publickey-credentials-create (#32135)

* FF123 updates for permission publickey-credentials-create

* Add req for transient activation

* Apply suggestions from code review

* Clarify transient activation in the Permission-Policy docs

* Update files/en-us/web/api/web_authentication_api/index.md

* Update files/en-us/web/api/web_authentication_api/index.md

* CredentialsContainer.create() - webauthn add transient activation req.

* Update files/en-us/web/api/credentialscontainer/create/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Add link from iframe allow attribute to exmaples

* Update files/en-us/web/api/web_authentication_api/index.md

* Transient activation only required for create() cross-platform calls

* Update files/en-us/web/api/web_authentication_api/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Apply suggestions from code review

Co-authored-by: wbamberg <will@bootbonnet.ca>

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../api/credentialscontainer/create/index.md  |  7 +++-
 .../web/api/credentialscontainer/get/index.md |  2 +-
 .../web/api/web_authentication_api/index.md   | 37 ++++++++++++++-----
 files/en-us/web/html/element/iframe/index.md  |  2 +
 .../publickey-credentials-create/index.md     |  3 +-
 .../publickey-credentials-get/index.md        |  2 +-
 6 files changed, 39 insertions(+), 14 deletions(-)

diff --git a/files/en-us/web/api/credentialscontainer/create/index.md b/files/en-us/web/api/credentialscontainer/create/index.md
index 547988576fec7f0..05402dacc8d9394 100644
--- a/files/en-us/web/api/credentialscontainer/create/index.md
+++ b/files/en-us/web/api/credentialscontainer/create/index.md
@@ -313,8 +313,11 @@ A {{jsxref("Promise")}} that resolves with an {{domxref("PublicKeyCredential")}}
 
 ### Exceptions
 
-- `SecurityError` {{domxref("DOMException")}}
-  - : Usage was blocked by a {{HTTPHeader("Permissions-Policy/publickey-credentials-create","publickey-credentials-create")}} [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy).
+- `NotAllowedError` {{domxref("DOMException")}}
+  - : Possible causes include:
+    - Usage was blocked by a {{HTTPHeader("Permissions-Policy/publickey-credentials-create","publickey-credentials-create")}} [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy).
+    - The function is called cross-origin but the iframe's [`allow`](/en-US/docs/Web/HTML/Element/iframe#allow) attribute does not set an appropriate {{HTTPHeader("Permissions-Policy/publickey-credentials-create","publickey-credentials-create")}} policy.
+    - The function is called cross-origin and the `<iframe>` does not have {{glossary("transient activation")}}.
 
 ## Examples
 
diff --git a/files/en-us/web/api/credentialscontainer/get/index.md b/files/en-us/web/api/credentialscontainer/get/index.md
index 0670a5b1cbe3170..b92449a510e60ef 100644
--- a/files/en-us/web/api/credentialscontainer/get/index.md
+++ b/files/en-us/web/api/credentialscontainer/get/index.md
@@ -336,7 +336,7 @@ A {{jsxref("Promise")}} that resolves with an {{domxref("PublicKeyCredential")}}
 
 ### Exceptions
 
-- `SecurityError` {{domxref("DOMException")}}
+- `NotAllowedError` {{domxref("DOMException")}}
   - : Usage was blocked by a {{HTTPHeader("Permissions-Policy/publickey-credentials-get","publickey-credentials-get")}} [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy).
 
 ### Examples
diff --git a/files/en-us/web/api/web_authentication_api/index.md b/files/en-us/web/api/web_authentication_api/index.md
index f8af14503ec12ea..2fd7a12b4dfa9c5 100644
--- a/files/en-us/web/api/web_authentication_api/index.md
+++ b/files/en-us/web/api/web_authentication_api/index.md
@@ -121,9 +121,12 @@ The availability of WebAuthn can be controlled using a [Permissions Policy](/en-
 - {{httpheader("Permissions-Policy/publickey-credentials-create", "publickey-credentials-create")}}: Controls the availability of {{domxref("CredentialsContainer.create", "navigator.credentials.create()")}} with the `publicKey` option.
 - {{httpheader("Permissions-Policy/publickey-credentials-get", "publickey-credentials-get")}}: Controls the availability of {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}} with the `publicKey` option.
 
-Both directives have a default allowlist value of `"self"`, meaning that by default these methods can be used in top-level document contexts. In addition, `get()` can be used in nested browsing contexts loaded from the same origin as the top-most document; `create()` on the other hand cannot be used in {{htmlelement("iframe")}}s.
+Both directives have a default allowlist value of `"self"`, meaning that by default these methods can be used in top-level document contexts.
+In addition, `get()` can be used in nested browsing contexts loaded from the same origin as the top-most document.
+`get()` and `create()` can be used in nested browsing contexts loaded from the different origins to the top-most document (i.e. in cross-origin `<iframes>`), if allowed by the [`publickey-credentials-get`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/publickey-credentials-get) and [`publickey-credentials-create`](/en-US/docs/Web/HTTP/Headers/Permissions-Policy/publickey-credentials-create) `Permission-Policy` directives, respectively.
+For cross-origin `create()` calls, where the permission was granted by [`allow=` on an iframe](/en-US/docs/Web/HTTP/Headers/Permissions-Policy#iframes), the frame must also have {{glossary("Transient activation")}}.
 
-> **Note:** Where a policy forbids use of these methods, the {{jsxref("Promise", "promises")}} returned by them will reject with a `SecurityError` {{domxref("DOMException")}}.
+> **Note:** Where a policy forbids use of these methods, the {{jsxref("Promise", "promises", "", "nocode")}} returned by them will reject with a `NotAllowedError` {{domxref("DOMException")}}.
 
 ### Basic access control
 
@@ -134,28 +137,44 @@ Permissions-Policy: publickey-credentials-get=("https://subdomain.example.com")
 Permissions-Policy: publickey-credentials-create=("https://subdomain.example.com")
 ```
 
-### Allowing embedded `get()` calls in an `<iframe>`
+### Allowing embedded `create` and `get()` calls in an `<iframe>`
 
-If you wish to authenticate with `get()` in an `<iframe>`, there are a couple of steps to follow:
+If you wish to authenticate with `get()` or `create()` in an `<iframe>`, there are a couple of steps to follow:
 
 1. The site embedding the relying party site must provide permission via an `allow` attribute:
 
-   ```html
-   <iframe
-     src="https://auth.provider.com"
-     allow="publickey-credentials-get *" />
-   ```
+   - If using `get()`:
+
+     ```html
+     <iframe
+       src="https://auth.provider.com"
+       allow="publickey-credentials-get *">
+     </iframe>
+     ```
+
+   - If using `create()`:
+
+     ```html
+     <iframe
+       src="https://auth.provider.com"
+       allow="publickey-credentials-create 'self' https://a.auth.provider.com https://b.auth.provider.com">
+     </iframe>
+     ```
+
+     The `<iframe>` must also have {{glossary("Transient activation")}} if `create()` is called cross-origin.
 
 2. The relying party site must provide permission for the above access via a `Permissions-Policy` header:
 
    ```http
    Permissions-Policy: publickey-credentials-get=*
+   Permissions-Policy: publickey-credentials-create=*
    ```
 
    Or to allow only a specific URL to embed the relying party site in an `<iframe>`:
 
    ```http
    Permissions-Policy: publickey-credentials-get=("https://subdomain.example.com")
+   Permissions-Policy: publickey-credentials-create=("https://*.auth.provider.com")
    ```
 
 ## Interfaces
diff --git a/files/en-us/web/html/element/iframe/index.md b/files/en-us/web/html/element/iframe/index.md
index 6a51f104a0d2664..9dd6a25e4a71c8b 100644
--- a/files/en-us/web/html/element/iframe/index.md
+++ b/files/en-us/web/html/element/iframe/index.md
@@ -23,6 +23,8 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
 
   - : Specifies a [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy) for the `<iframe>`. The policy defines what features are available to the `<iframe>` (for example, access to the microphone, camera, battery, web-share, etc.) based on the origin of the request.
 
+    See [iframes](/en-US/docs/Web/HTTP/Headers/Permissions-Policy#iframes) in the `Permissions-Policy` topic for examples.
+
     > **Note:** A Permissions Policy specified by the `allow` attribute implements a further restriction on top of the policy specified in the {{httpheader("Permissions-Policy")}} header. It doesn't replace it.
 
 - `allowfullscreen`
diff --git a/files/en-us/web/http/headers/permissions-policy/publickey-credentials-create/index.md b/files/en-us/web/http/headers/permissions-policy/publickey-credentials-create/index.md
index 4e8bd7e7eebcbfd..062e590654f9be5 100644
--- a/files/en-us/web/http/headers/permissions-policy/publickey-credentials-create/index.md
+++ b/files/en-us/web/http/headers/permissions-policy/publickey-credentials-create/index.md
@@ -11,7 +11,8 @@ browser-compat: http.headers.Permissions-Policy.publickey-credentials-create
 
 The HTTP {{HTTPHeader("Permissions-Policy")}} header `publickey-credentials-create` directive controls whether the current document is allowed to use the [Web Authentication API](/en-US/docs/Web/API/Web_Authentication_API) to create new WebAuthn credentials, i.e., via {{domxref("CredentialsContainer.create","navigator.credentials.create({publicKey})")}}.
 
-Specifically, where a defined policy blocks use of this feature, the {{jsxref("Promise")}} returned by `navigator.credentials.create({publicKey})` will reject with a `SecurityError` {{domxref("DOMException")}}.
+Specifically, where a defined policy blocks use of this feature, the {{jsxref("Promise")}} returned by `navigator.credentials.create({publicKey})` will reject with a `NotAllowedError` {{domxref("DOMException")}}.
+If the method is called cross-origin. the {{jsxref("Promise")}} will also reject with a `NotAllowedError` if the feature is granted by [`allow=` on an iframe](/en-US/docs/Web/HTTP/Headers/Permissions-Policy#iframes) and the frame does not also have {{glossary("Transient activation")}}.
 
 ## Syntax
 
diff --git a/files/en-us/web/http/headers/permissions-policy/publickey-credentials-get/index.md b/files/en-us/web/http/headers/permissions-policy/publickey-credentials-get/index.md
index 93d95524e797eb7..f9bb92702666cac 100644
--- a/files/en-us/web/http/headers/permissions-policy/publickey-credentials-get/index.md
+++ b/files/en-us/web/http/headers/permissions-policy/publickey-credentials-get/index.md
@@ -9,7 +9,7 @@ browser-compat: http.headers.Permissions-Policy.publickey-credentials-get
 
 The HTTP {{HTTPHeader("Permissions-Policy")}} header `publickey-credentials-get` directive controls whether the current document is allowed to access the [Web Authentication API](/en-US/docs/Web/API/Web_Authentication_API) to retrieve public-key credentials, i.e., via {{domxref("CredentialsContainer.get","navigator.credentials.get({publicKey})")}}.
 
-Specifically, where a defined policy blocks the use of this feature, the {{jsxref("Promise")}} returned by `navigator.credentials.get({publicKey})` will reject with a `SecurityError` {{domxref("DOMException")}}.
+Specifically, where a defined policy blocks the use of this feature, the {{jsxref("Promise")}} returned by `navigator.credentials.get({publicKey})` will reject with a `NotAllowedError` {{domxref("DOMException")}}.
 
 ## Syntax
 

From 7f1ce551464bcf12aa4fd038be3cc5b332ee2ad5 Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Thu, 15 Feb 2024 23:29:43 +0000
Subject: [PATCH 784/790] feat: Editorial review: Login Status API and friends
 (#31658)

* Add content on FedCM Login Status API, Error API and isAutoSelected

* Split FedCM landing page into separate guides

* Fix relative links broken by page moves

* Add fixes for  npm1 comments

* Fixes for second round of npm1 comments

* Fixes for 3rd round of npm1 comments

* Last couple of fixes

* Couple more fixes

* Update files/en-us/web/api/navigator/login/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/navigatorlogin/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/navigatorlogin/setstatus/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/navigator/login/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/navigatorlogin/setstatus/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/identityprovider/close_static/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/identitycredential/isautoselected/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Update files/en-us/web/api/identitycredential/index.md

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>

* Clarify Sec-Fetch-Dest description

* Fixes for hamishwillee review comments

* respond to hamishwillee review comments

* adding details about rejection due to logged out IdP, and accounts list requests

* Clarify that the logged in user info is stored in the cookie sent to the accounts list endpoint

* Making fixes for second round of hamishwillee comments

* Correct Login Status API descriptions - IdP login, not user login

* Fixes for hamishwillee 3rd round of comments

* attempt to fix broken URLs

* More hamish-pleasing edits

---------

Co-authored-by: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
---
 .../web/api/credentialscontainer/get/index.md |  75 ++++-
 .../api/fedcm_api/idp_integration/index.md    | 294 ++++++++++++++++++
 files/en-us/web/api/fedcm_api/index.md        | 272 ++--------------
 .../api/fedcm_api/rp_sign-in/fedcm-flow.png   | Bin 0 -> 85580 bytes
 .../web/api/fedcm_api/rp_sign-in/index.md     | 150 +++++++++
 .../en-us/web/api/identitycredential/index.md |   4 +-
 .../isautoselected/index.md                   |  56 ++++
 .../web/api/identitycredential/token/index.md |  10 +-
 .../identityprovider/close_static/index.md    |  51 +++
 .../getuserinfo_static/index.md               |   6 +-
 files/en-us/web/api/identityprovider/index.md |   6 +-
 files/en-us/web/api/navigator/index.md        |   2 +
 files/en-us/web/api/navigator/login/index.md  |  41 +++
 files/en-us/web/api/navigatorlogin/index.md   |  45 +++
 .../web/api/navigatorlogin/setstatus/index.md |  61 ++++
 .../web/http/headers/sec-fetch-dest/index.md  |   3 +
 .../en-us/web/http/headers/set-login/index.md |  64 ++++
 files/jsondata/GroupData.json                 |  12 +-
 18 files changed, 881 insertions(+), 271 deletions(-)
 create mode 100644 files/en-us/web/api/fedcm_api/idp_integration/index.md
 create mode 100644 files/en-us/web/api/fedcm_api/rp_sign-in/fedcm-flow.png
 create mode 100644 files/en-us/web/api/fedcm_api/rp_sign-in/index.md
 create mode 100644 files/en-us/web/api/identitycredential/isautoselected/index.md
 create mode 100644 files/en-us/web/api/identityprovider/close_static/index.md
 create mode 100644 files/en-us/web/api/navigator/login/index.md
 create mode 100644 files/en-us/web/api/navigatorlogin/index.md
 create mode 100644 files/en-us/web/api/navigatorlogin/setstatus/index.md
 create mode 100644 files/en-us/web/http/headers/set-login/index.md

diff --git a/files/en-us/web/api/credentialscontainer/get/index.md b/files/en-us/web/api/credentialscontainer/get/index.md
index b92449a510e60ef..fbc41b3dfc79b98 100644
--- a/files/en-us/web/api/credentialscontainer/get/index.md
+++ b/files/en-us/web/api/credentialscontainer/get/index.md
@@ -32,7 +32,7 @@ get(options)
 
     - "Credential type"
 
-      - : An object or boolean defining the type of credential being requested — this can be one of one of:
+      - : An object or boolean defining the type of credential being requested — this can be one of:
 
         - `federated`: An object containing requirements for a requested credential from a federated identify provider. Bear in mind that the Federated Credential Management API (the `identity` credential type) supersedes this credential type. See the [Credential Management API](#credential_management_api) section below for more details.
         - `password`: A boolean value indicating that a password credential is being requested. See the [Credential Management API](#credential_management_api) section below for more details.
@@ -46,14 +46,16 @@ get(options)
 
         - `"conditional"`: Discovered credentials are presented to the user in a non-modal dialog box along with an indication of the origin requesting credentials. In practice, this means autofilling available credentials; see [Sign in with a passkey through form autofill](https://web.dev/articles/passkey-form-autofill) for more details of how this is used; {{domxref("PublicKeyCredential.isConditionalMediationAvailable()")}} also provides some useful information.
 
-        - `"optional"`: If credentials can be handed over for a given operation without user mediation, they will be. If user mediation is required, then the user agent will ask the user to authenticate. This value is intended for situations where you have reasonable confidence that a user won't be surprised or confused at seeing a login dialog box — for example on a site that doesn't automatically log users in, when a user has just clicked a "Login/Signup" button.
+        - `"optional"`: If credentials can be handed over for a given operation without user mediation, they will be, enabling automatic reauthentication without user mediation. If user mediation is required, then the user agent will ask the user to authenticate. This value is intended for situations where you have reasonable confidence that a user won't be surprised or confused at seeing a login dialog box — for example on a site that doesn't automatically log users in, when a user has just clicked a "Login/Signup" button.
 
         - `"required"`: The user will always be asked to authenticate, even if prevent silent access (see {{domxref("CredentialsContainer.preventSilentAccess()")}}) is set to `false`. This value is intended for situations where you want to force user authentication — for example if you want a user to reauthenticate when a sensitive operation is being performed (like confirming a credit card payment), or when switching users.
 
-        - `"silent"`: The user will not be asked to authenticate. The user agent will automatically log the user in if possible; if consent is required, the promise will fulfill with `null`. This value is intended for situations where you would want to automatically sign a user in upon visiting a web app if possible, but if not, you don't want to present them with a confusing login dialog box. Instead, you'd want to wait for them to explicitly click a "Login/Signup" button.
+        - `"silent"`: The user will not be asked to authenticate. The user agent will automatically reauthenticate the user and log them in if possible. If consent is required, the promise will fulfill with `null`. This value is intended for situations where you would want to automatically sign a user in upon visiting a web app if possible, but if not, you don't want to present them with a confusing login dialog box. Instead, you'd want to wait for them to explicitly click a "Login/Signup" button.
 
         If `mediation` is omitted, it will default to `"optional"`.
 
+        > **Note:** In the case of a federated authentication (FedCM API) request, a `mediation` value of `optional` or `silent` may result in attempted [auto-reauthentication](/en-US/docs/Web/API/FedCM_API/RP_sign-in#auto-reauthentication). Whether this occurred is communicated to the IdP (via the [`is_auto_selected`](/en-US/docs/Web/API/FedCM_API/IDP_integration#is_auto_selected) parameter sent to the IdP's `id_assertion_endpoint` during validation) and the RP (via the {{domxref("IdentityCredential.isAutoSelected")}} property). This is useful for performance evaluation, security requirements (the IdP may wish to reject automatic reauthentication requests and always require user mediation), and general UX (an IdP or RP may wish to present different UX for auto and non-auto login experiences).
+
     - `signal` {{optional_inline}}
 
       - : An {{domxref("AbortSignal")}} object instance that allows an ongoing `get()` operation to be aborted. An aborted operation may complete normally (generally if the abort was received after the operation finished) or reject with an "`AbortError`" {{domxref("DOMException")}}.
@@ -101,6 +103,8 @@ navigator.credentials
 
 The [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API) provides a standard mechanism for identity providers (IdPs) to enable identity federation services in a privacy-preserving way without relying on third-party cookies and redirects. This includes a JavaScript API that enables the use of federated authentication for purposes such as signing in or signing up to a website. For more usage information, check out the linked landing page for the API.
 
+Relying parties (RPs) can call `get()` with an `identity` option to request that a user signs in to the RP with an existing IdP account that they are already signed in to on the browser.
+
 > **Note:** Usage of `get()` with the `identity` parameter may be blocked by an {{httpheader("Permissions-Policy/identity-credentials-get", "identity-credentials-get")}} [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy) set on your server.
 
 ### `identity` object structure
@@ -114,30 +118,48 @@ The [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API)
     - `signup`: An option for situations where the user is signing in to the origin with a new IdP account they've not used here before. Browsers will provide a text string similar to "Sign up to \<page-origin\> with \<IdP\>".
     - `use`: Suitable for situations where a different action, such as validating a payment, is being performed. Browsers will provide a text string similar to "Use \<page-origin\> with \<IdP\>".
 - `providers`
-  - : An array of objects specifying details of the different IdPs to be used to sign in. Each object can contain the following properties:
+
+  - : An array containing a single object specifying details of an IdP to be used to sign in. This object can contain the following properties:
+
     - `configURL`
-      - : A string specifying the URL of the IdP's config file. See the [Provide a config file](/en-US/docs/Web/API/FedCM_API#provide_a_config_file) section on the _FedCM API_ landing page for more information.
+      - : A string specifying the URL of the IdP's config file. See [Provide a config file](/en-US/docs/Web/API/FedCM_API/IDP_integration#provide_a_config_file_and_endpoints) for more information.
     - `clientId`
       - : A string specifying the RP's client identifier. This information is issued by the IdP to the RP in a separate process that is specific to the IdP.
     - `loginHint` {{optional_inline}}
-      - : A string providing a hint about the account option(s) the browser should provide for the user to sign in with. This is useful in cases where the user has already signed in and the site asks them to reauthenticate. Otherwise, the reauthentication process can be confusing when a user has multiple accounts and can't remember which one they used to sign in previously. The value for the `loginHint` property can be taken from the user's previous sign-in, and is matched against the `login_hints` values provided by the IdP in the array of user information returned from the [accounts list endpoint](/en-US/docs/Web/API/FedCM_API#the_accounts_list_endpoint).
+      - : A string providing a hint about the account option(s) the browser should provide for the user to sign in with. This is useful in cases where the user has already signed in and the site asks them to reauthenticate. Otherwise, the reauthentication process can be confusing when a user has multiple accounts and can't remember which one they used to sign in previously. The value for the `loginHint` property can be taken from the user's previous sign-in, and is matched against the `login_hints` values provided by the IdP in the array of user information returned from the IdP's [accounts list endpoint](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_accounts_list_endpoint).
     - `nonce` {{optional_inline}}
       - : A random string that can be included to ensure the response is issued specifically for this request and prevent {{glossary("replay attack", "replay attacks")}}.
 
+    > **Note:** Currently FedCM only allows the API to be invoked with a single IdP, i.e. the `identity.providers` array has to have a length of 1. Multiple IdPs must be supported via different `get()` calls.
+
 ### Return value
 
-A {{jsxref("Promise")}} that resolves with an {{domxref("IdentityCredential")}} instance matching the provided parameters. If a single credential cannot be unambiguously obtained, the Promise will resolve to `null`.
+A {{jsxref("Promise")}} that resolves with an {{domxref("IdentityCredential")}} instance matching the provided parameters if the user identity is successfully validated by the IdP.
+
+This object contains a token that includes user identity information that has been signed with the IdP's {{glossary("digital certificate")}}.
+
+The RP sends the token to its server to validate the certificate, and on success can use the (now trusted) identity information in the token to sign them into their service (starting a new session), sign them up to their service if they are a new user, etc.
+
+If the `get()` method's promise rejects, the RP can direct the user to the IdP login page to sign in or create an account.
+
+> **Note:** The exact nature of the token is opaque to the FedCM API, and to the browser. The IdP decides on the syntax and usage of it, and the RP needs to follow the instructions provided by the IdP (see [Verify the Google ID token on your server side](https://developers.google.com/identity/gsi/web/guides/verify-google-id-token), for example) to make sure they are using it correctly.
 
 ### Exceptions
 
+- `IdentityCredentialError` {{domxref("DOMException")}}
+  - : The request to the [ID assertion endpoint](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_id_assertion_endpoint) is unable to validate the authentication, and rejects with an error response containing information about why. See the [Error API example](#example_including_error_api_information) below for more information on how it can be used.
 - `NetworkError` {{domxref("DOMException")}}
-  - : The IdP did not respond within 60 seconds, or the provided credentials were not valid/found.
+
+  - : The IdP did not respond within 60 seconds, the provided credentials were not valid/found, or the browser's login status for the IdP is set to `"logged-out"` (see [Update login status using the Login Status API](/en-US/docs/Web/API/FedCM_API/IDP_integration#update_login_status_using_the_login_status_api) for more information about FedCM login status). In the latter case, there may be some delay in the rejection to avoid leaking the IdP login status to the RP.
+
 - `NotAllowedError` {{domxref("DOMException")}}
   - : Use of this feature was blocked by an {{HTTPHeader("Permissions-Policy/identity-credentials-get","identity-credentials-get")}} [Permissions Policy](/en-US/docs/Web/HTTP/Permissions_Policy).
 
 ### Examples
 
-Relying parties can call `get()` with the `identity` option to make a request for users to login to the relying party via an identity provider (IdP), using identity federation. A typical request would look like this:
+#### Basic example
+
+Relying parties can call `get()` with the `identity` option to make a request for users to sign in to the relying party via an identity provider (IdP), using identity federation. A typical request would look like this:
 
 ```js
 async function signIn() {
@@ -155,7 +177,9 @@ async function signIn() {
 }
 ```
 
-Check out [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API) for more details on how this works. This call will start off the sign-in flow described in [FedCM sign-in flow](/en-US/docs/Web/API/FedCM_API#fedcm_sign-in_flow).
+Check out [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API) for more details on how this works. This call will start off the sign-in flow described in [FedCM sign-in flow](/en-US/docs/Web/API/FedCM_API/RP_sign-in#fedcm_sign-in_flow).
+
+#### Example including context and login hint
 
 A similar call including the `context` and `loginHint` extensions would look like so:
 
@@ -177,7 +201,36 @@ async function signIn() {
 }
 ```
 
-> **Note:** Once a user has already signed in with an IdP, the IdP can call the static {{domxref("IdentityProvider.getUserInfo_static", "IdentityProvider.getUserInfo()")}} method on the user's return to retrieve their details. `getUserInfo()` must be called from within an IdP-origin {{htmlelement("iframe")}} to ensure that RP scripts cannot access the data. This information can then be used to display a personalized welcome message and sign-in button. This approach is already common on sites that use identity federation for sign-in; however, `getUserInfo()` offers a way to achieve this without relying on third-party cookies.
+> **Note:** After a user has signed in with an IdP, the IdP can call the static {{domxref("IdentityProvider.getUserInfo_static", "IdentityProvider.getUserInfo()")}} method to retrieve their details. `getUserInfo()` must be called from within an IdP-origin {{htmlelement("iframe")}} to ensure that RP scripts cannot access the data. This information can then be used to display a personalized welcome message and sign-in button. This approach is already common on sites that use identity federation for sign-in. However, `getUserInfo()` offers a way to achieve this without relying on third-party cookies.
+
+#### Example including Error API information
+
+If the IdP is unable to validate the authentication for a request to the [ID assertion endpoint](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_id_assertion_endpoint) it will respond with an error.
+
+The error may be handled in code as shown:
+
+```js
+async function signIn() {
+  try {
+    const identityCredential = await navigator.credentials.get({
+      identity: {
+        providers: [
+          {
+            configURL: "https://accounts.idp.example/config.json",
+            clientId: "********",
+            nonce: "******",
+          },
+        ],
+      },
+    });
+  } catch (e) {
+    // Handle the error in some way, for example provide information
+    // to help the user succeed in a future sign-in attempt
+    const code = e.code;
+    const url = e.url;
+  }
+}
+```
 
 ## WebOTP API
 
diff --git a/files/en-us/web/api/fedcm_api/idp_integration/index.md b/files/en-us/web/api/fedcm_api/idp_integration/index.md
new file mode 100644
index 000000000000000..781d76d929133cf
--- /dev/null
+++ b/files/en-us/web/api/fedcm_api/idp_integration/index.md
@@ -0,0 +1,294 @@
+---
+title: Identity provider integration with FedCM
+slug: Web/API/FedCM_API/IDP_integration
+page-type: guide
+---
+
+{{DefaultAPISidebar("FedCM API")}}
+
+This article details all the steps an identity provider (IdP) needs to take to integrate with the Federated Credential Management (FedCM) API.
+
+## IdP integration steps
+
+To integrate with FedCM, an IdP needs to do the following:
+
+1. [Provide a well-known file](#provide_a_well-known_file) to identify the IdP.
+2. [Provide a config file and endpoints](#provide_a_config_file_and_endpoints) for accounts list and assertion issuance (and optionally, client metadata).
+3. [Update its login status](#update_login_status_using_the_login_status_api) using the Login Status API.
+
+## Provide a well-known file
+
+There is a potential privacy issue whereby an [IdP is able to discern whether a user visited an RP without explicit consent](https://github.com/fedidcg/FedCM/issues/230). This has tracking implications, so an IdP is required to provide a well-known file to verify its identity and mitigate this issue.
+
+The well-known file is requested via an uncredentialed [`GET`](/en-US/docs/Web/HTTP/Methods/GET) request, which doesn't follow redirects. This effectively prevents the IdP from learning who made the request and which RP is attempting to connect.
+
+The well-known file must be served from the [eTLD+1](https://web.dev/articles/same-site-same-origin#site) of the IdP at `/.well-known/web-identity`. For example, if the IdP endpoints are served under `https://accounts.idp.example/`, they must serve a well-known file at `https://idp.example/.well-known/web-identity`. The well-known file's content should have the following JSON structure:
+
+```json
+{
+  "provider_urls": ["https://accounts.idp.example/config.json"]
+}
+```
+
+The `provider_urls` member should contain an array of URLs pointing to valid IdP config files that can be used by RPs to interact with the IdP. The array length is currently limited to one.
+
+## The `Sec-Fetch-Dest` HTTP header
+
+All requests sent from the browser via FedCM include a `{{httpheader("Sec-Fetch-Dest")}}: webidentity` header. All IdP endpoints that receive credentialed requests (i.e. `accounts_endpoint` and `id_assertion_endpoint`) must confirm this header is included to protect against {{glossary("CSRF")}} attacks.
+
+## Provide a config file and endpoints
+
+The IdP config file provides a list of the endpoints the browser needs to process the identity federation flow and manage the sign-ins. The endpoints need to be same-origin with the config.
+
+The browser makes an uncredentialed request for the config file via the [`GET`](/en-US/docs/Web/HTTP/Methods/GET) method, which doesn't follow redirects. This effectively prevents the IdP from learning who made the request and which RP is attempting to connect.
+
+The config file (hosted at `https://accounts.idp.example/config.json` in our example) should have the following JSON structure:
+
+```json
+{
+  "accounts_endpoint": "/accounts.php",
+  "client_metadata_endpoint": "/client_metadata.php",
+  "id_assertion_endpoint": "/assertion.php",
+  "login_url": "/login",
+  "branding": {
+    "background_color": "green",
+    "color": "0xFFEEAA",
+    "icons": [
+      {
+        "url": "https://idp.example/icon.ico",
+        "size": 25
+      }
+    ]
+  }
+}
+```
+
+The properties are as follows:
+
+- `accounts_endpoint`
+  - : The URL for the accounts list endpoint, which returns a list of accounts that the user is currently signed in to on the IdP. The browser uses these to create a list of sign-in choices to show to the user in the browser-provided FedCM UI.
+- `client_metadata_endpoint` {{optional_inline}}
+  - : The URL for the client metadata endpoint, which provides URLs pointing to the RP's metadata and terms of service pages, to be used in the FedCM UI.
+- `id_assertion_endpoint`
+  - : The URL for the ID assertion endpoint, which when sent valid user credentials should respond with a validation token that the RP can use to validate the authentication.
+- `login_url`
+  - : The login page URL for the user to sign into the IdP.
+- `branding` {{optional_inline}}
+  - : Contains branding information that will be used in the browser-supplied FedCM UI to customize its appearance as desired by the IdP.
+
+The following table summarizes the different requests made by the FedCM API:
+
+| Endpoint/resource          | Method | Credentialed (with cookies) | Includes {{httpheader("Origin")}} |
+| -------------------------- | ------ | --------------------------- | --------------------------------- |
+| `well-known`/`config.json` | `GET`  | No                          | No                                |
+| `accounts_endpoint`        | `GET`  | Yes                         | No                                |
+| `client_metadata_endpoint` | `GET`  | No                          | Yes                               |
+| `id_assertion_endpoint`    | `POST` | Yes                         | Yes                               |
+
+> **Note:** For a description of the FedCM flow in which these endpoints are accessed, see [FedCM sign-in flow](/en-US/docs/Web/API/FedCM_API/RP_sign-in#fedcm_sign-in_flow).
+
+> **Note:** None of the requests made by the FedCM API to the endpoints detailed here allow for following redirects, for privacy purposes.
+
+### The accounts list endpoint
+
+The browser sends credentialed requests (i.e. with a cookie that identifies the user that is signed in) to this endpoint via the `GET` method. The request has no `client_id` parameter, {{httpheader("Origin")}} header, or {{httpheader("Referer")}} header. This effectively prevents the IdP from learning which RP the user is trying to sign in to. The list of accounts returned is RP-agnostic.
+
+For example:
+
+```http
+GET /accounts.php HTTP/1.1
+Host: idp.example
+Accept: application/json
+Cookie: 0x23223
+Sec-Fetch-Dest: webidentity
+```
+
+The response to a successful request returns a list of all the IdP accounts that the user is currently signed in with (not specific to any particular RP), with a JSON structure that matches the following:
+
+```json
+{
+  "accounts": [
+    {
+      "id": "john_doe",
+      "given_name": "John",
+      "name": "John Doe",
+      "email": "john_doe@idp.example",
+      "picture": "https://idp.example/profile/123",
+      "approved_clients": ["123", "456", "789"],
+      "login_hints": ["john_doe", "john_doe@idp.example"]
+    },
+    {
+      "id": "johnny",
+      "given_name": "Johnny",
+      "name": "Johnny",
+      "email": "johnny@idp.example",
+      "picture": "https://idp.example/profile/456",
+      "approved_clients": ["abc", "def", "ghi"],
+      "login_hints": ["johnny", "johnny@idp.example"]
+    }
+  ]
+}
+```
+
+This includes the following information:
+
+- `id`
+  - : The unique ID of the user.
+- `name`
+  - : The family name of the user.
+- `email`
+  - : The email address of the user.
+- `given_name` {{optional_inline}}
+  - : The given name of the user.
+- `picture` {{optional_inline}}
+  - : The URL of the user's avatar image.
+- `approved_clients` {{optional_inline}}
+  - : An array of RP clients that the user has registered with.
+- `login_hints` {{optional_inline}}
+  - : An array of strings representing the account. These strings are used to filter the list of account options that the browser offers for the user to sign-in. This occurs when the `loginHint` property is provided within [`identity.providers`](/en-US/docs/Web/API/CredentialsContainer/get#providers_2) in a related `get()` call. Any account with a string in its `login_hints` array that matches the provided `loginHint` is included.
+
+> **Note:**: If the user is not signed in to any IdP accounts, the endpoint should respond with [HTTP 401 (Unauthorized)](/en-US/docs/Web/HTTP/Status/401).
+
+### The client metadata endpoint
+
+The browser sends uncredentialed requests to this endpoint via the `GET` method, with the `clientId` passed into the `get()` call as a parameter.
+
+For example:
+
+```http
+GET /client_metadata.php?client_id=1234 HTTP/1.1
+Host: idp.example
+Origin: https://rp.example/
+Accept: application/json
+Sec-Fetch-Dest: webidentity
+```
+
+The response to a successful request includes URLs pointing to the RP's metadata and terms of service pages, to be used in the browser-supplied FedCM UI. This should follow the JSON structure seen below:
+
+```json
+{
+  "privacy_policy_url": "https://rp.example/privacy_policy.html",
+  "terms_of_service_url": "https://rp.example/terms_of_service.html"
+}
+```
+
+### The ID assertion endpoint
+
+The browser sends credentialed requests to this endpoint via the [`POST`](/en-US/docs/Web/HTTP/Methods/POST) method, with a content type of `application/x-www-form-urlencoded`. The request also includes a payload including details about the attempted sign-in and the account to be validated.
+
+It should look something like this:
+
+```http
+POST /assertion.php HTTP/1.1
+Host: idp.example
+Origin: https://rp.example/
+Content-Type: application/x-www-form-urlencoded
+Cookie: 0x23223
+Sec-Fetch-Dest: webidentity
+account_id=123&client_id=client1234&nonce=Ct60bD&disclosure_text_shown=true&is_auto_selected=true
+```
+
+A request to this endpoint is sent as a result of the user choosing an account to sign in with from the relevant browser UI. When sent valid user credentials, this endpoint should respond with a validation token that the RP can use to validate the user on its own server, according to the usage instructions outlined by the IdP they are using for identity federation. Once the RP validates the user, they can sign them in, sign them up to their service, etc.
+
+```json
+{
+  "token": "***********"
+}
+```
+
+The request payload contains the following params:
+
+- `client_id`
+  - : The RP's client identifier (which matches the `clientId` from the original `get()` request).
+- `account_id`
+  - : The unique ID of the user account to be signed in (which matches the user's `id` from the accounts list endpoint response).
+- `nonce` {{optional_inline}}
+  - : The request nonce, provided by the RP.
+- `disclosure_text_shown`
+  - : A string of `"true"` or `"false"` indicating whether the disclosure text was shown or not. The disclosure text is the information shown to the user (which can include the terms of service and privacy policy links, if provided) if the user is signed in to the IdP but doesn't have an account specifically on the current RP (in which case they'd need to choose to "Continue as..." their IdP identity and then create a corresponding account on the RP).
+- `is_auto_selected`
+  - : A string of `"true"` or `"false"` indicating whether the authentication validation request has been issued as a result of [auto-reauthentication](/en-US/docs/Web/API/FedCM_API/RP_sign-in#auto-reauthentication), i.e. without user mediation. This can occur when the {{domxref("CredentialsContainer.get", "get()")}} call is issued with a [`mediation`](/en-US/docs/Web/API/CredentialsContainer/get#mediation) option value of `"optional"` or `"silent"`. It is useful for the IdP to know whether auto reauthentication occurred for performance evaluation and in case higher security is desired. For example, the IdP could return an error code telling the RP that it requires explicit user mediation (`mediation="required"`).
+
+> **Note:** If the {{domxref("CredentialsContainer.get", "get()")}} call succeeds, the `is_auto_selected` value is also communicated to the RP via the {{domxref("IdentityCredential.isAutoSelected")}} property.
+
+#### ID assertion error responses
+
+If the IdP cannot issue a token — for example if the client is unauthorized — the ID assertion endpoint will respond with an error response containing information about the nature of the error. For example:
+
+```json
+{
+  "error": {
+    "code": "access_denied",
+    "url": "https://idp.example/error?type=access_denied"
+  }
+}
+```
+
+The error response fields are as follows:
+
+- `code` {{optional_inline}}
+  - : A string. This can be either a known error from the [OAuth 2.0 specified error list](https://datatracker.ietf.org/doc/html/rfc6749#section-4.1.2.1) or an arbitrary string.
+- `url` {{optional_inline}}
+  - : A URL. This should be a web page containing human-readable information about the error to display to users, such as how to fix the error or contact customer. The URL must be same-site with the IdP's config URL.
+
+This information can be used in a couple of different ways:
+
+- The browser can display a custom UI to the user informing them of what went wrong (see the [Chrome documentation](https://developers.google.com/privacy-sandbox/blog/fedcm-chrome-120-updates#error-api) for an example). Bear in mind that if the request failed because the IdP server is unavailable, it obviously can't return any information. In such cases, the browser will report this via a generic message.
+- The associated RP {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}} call used to attempt sign-in will return the above information when the promise rejects, which can be used to handle the error. For example, an RP may wish to follow-up the browser's custom UI with some information to help the user succeed in a future sign-in attempt. The [`get()` Error API example](/en-US/docs/Web/API/CredentialsContainer/get#example_including_error_api_information) shows what this looks like in code.
+
+## Update login status using the Login Status API
+
+The **Login Status API** allows an IdP to inform a browser of its login (sign-in) status in that particular browser — by this, we mean "whether any users are logged into the IdP on the current browser or not". The browser stores this state for each IdP; the FedCM API then uses it to reduce the number of requests it makes to the IdP (because it does not need to waste time requesting accounts when there are no users logged in to the IdP). It also mitigates [potential timing attacks](https://github.com/fedidcg/FedCM/issues/447).
+
+For each known IdP (identified by its config URL) the browser keeps a tri-state variable representing the login state with three possible values:
+
+- `"logged-in"`: The IdP has at least one user account signed in. Note that, at this stage, the RP and browser don't know which user that is. Information on specific users is returned from the IdP's [`accounts_endpoint`](#the_accounts_list_endpoint) at a later point in the FedCM flow.
+- `"logged-out"`: All IdP accounts are currently signed out.
+- `"unknown"`: The sign-in status of this IdP is not known. This is the default value.
+
+### Setting login status
+
+The IdP should update its login status when a user signs into or out of the IdP. This can be done in two different ways:
+
+- The {{httpheader("Set-Login")}} HTTP response header can be set in a top-level navigation or a same-origin subresource request:
+
+  ```http
+  Set-Login: logged-in
+
+  Set-Login: logged-out
+  ```
+
+- The {{domxref("NavigatorLogin.setStatus", "Navigator.login.setStatus()")}} method can be called from the IdP origin:
+
+  ```js
+  /* Set logged-in status */
+  navigator.login.setStatus("logged-in");
+
+  /* Set logged-out status */
+  navigator.login.setStatus("logged-out");
+  ```
+
+### How login status affects federated sign-in flow
+
+When an [RP attempts federated sign-in](/en-US/docs/Web/API/FedCM_API/RP_sign-in), the login status is checked:
+
+- If the login status is `"logged-in"`, a request is made to the IdP's [accounts list endpoint](#the_accounts_list_endpoint) and available accounts for sign-in are displayed to the user in the browser-provided FedCM dialog.
+- If the login status is `"logged-out"`, the promise returned by the FedCM `get()` request rejects without making a request to the accounts list endpoint. In such a case it is up to the developer to handle the flow, for example by prompting the user to go and sign in to a suitable IdP.
+- If the login status is `"unknown"`, a request is made to the IdP's accounts list endpoint and the login status is updated depending on the response:
+  - If the endpoint returns a list of available accounts for sign-in, update the status to `"logged-in"` and display the sign-in options to the user in the browser-provided FedCM dialog.
+  - If the endpoint returns no accounts, update the status to `"logged-out"`; the promise returned by the FedCM `get()` request then rejects.
+
+### What if the browser and the IdP login status become out of sync?
+
+Despite the Login Status API informing the browser of the IdP's login status, it is possible for the browser and IdP to become out of sync. For example, the IdP sessions might expire, meaning that all user accounts end up signed out but the login status is still set to `"logged-in"` (the application was not able to set the login status to `"logged-out"`). In such a case, when federated sign-in is attempted, a request will be made to the IdP's accounts list endpoint but no available accounts will be returned because the session is no longer available.
+
+When this occurs, the browser can dynamically let a user sign into the IdP by opening the IdP's sign-in page in a dialog (the sign-in URL is found in the IdP's [config file](#provide_a_config_file_and_endpoints) `login_url` ). The exact nature of this flow is up to the browser; for example, [Chrome handles it like this](https://developers.google.com/privacy-sandbox/blog/fedcm-chrome-120-updates#what_if_the_user_session_expires_let_the_user_sign_in_through_a_dynamic_login_flow).
+
+Once the user is signed in to the IdP, the IdP should:
+
+- Inform the browser that the user has signed in by [setting login status](#setting_login_status) to `"logged-in"`.
+- Close the sign-in dialog by calling the {{domxref("IdentityProvider.close_static", "IdentityProvider.close()")}} method.
+
+## See also
+
+- [Federated Credential Management API](https://developer.chrome.com/docs/privacy-sandbox/fedcm/) on developer.chrome.com (2023)
diff --git a/files/en-us/web/api/fedcm_api/index.md b/files/en-us/web/api/fedcm_api/index.md
index 0154b54d34263bc..cb36958b8f96bfb 100644
--- a/files/en-us/web/api/fedcm_api/index.md
+++ b/files/en-us/web/api/fedcm_api/index.md
@@ -13,11 +13,13 @@ The **Federated Credential Management API** (or _FedCM API_) provides a standard
 
 ## FedCM concepts
 
-Identity federation is the delegation of user authentication from a website requiring user sign-up or sign-in, such as an e-commerce or social networking site (also known as a relying party or RP), to a trusted third-party IdP. Users register an account with the IdP, which can then be used for signing in on multiple RPs. Identity federation via a small set of dedicated IdPs has improved web authentication in terms of security, consumer confidence, and user experience, as compared to each site managing its own sign-in needs with separate usernames and passwords.
+Identity federation is the delegation of user authentication from a website requiring user sign-up or sign-in, such as an e-commerce or social networking site (also known as a relying party or RP), to a trusted third-party identity provider (IdP) such as Google, Facebook/Meta, GitHub, etc.
 
-The problem is that traditional identity federation relies on {{htmlelement("iframe")}}s, redirects, and third-party cookies, which are also used for third-party tracking. Browsers are limiting the usage of these features in an effort to preserve user privacy, but a side effect is that this makes valid, non-tracking uses more difficult to implement, and this includes identity federation.
+Relying parties (RPs) can integrate with IdPs, allowing users to sign-in using the accounts they have registered with the IdP. Identity federation via a small set of dedicated IdPs has improved web authentication in terms of security, consumer confidence, and user experience, as compared to each site managing its own sign-in needs with separate usernames and passwords.
 
-Affected identity federation use cases that rely on third-party cookies:
+The problem is that traditional identity federation relies on {{htmlelement("iframe")}}s, redirects, and third-party cookies, which are also used for third-party tracking. Browsers are limiting the usage of these features in an effort to preserve user privacy, but a side effect is that this makes valid, non-tracking uses more difficult to implement, which includes identity federation.
+
+This affects federated sign-in in general, as well as more specific identity federation use cases:
 
 - [OIDC front-channel logout](https://openid.net/specs/openid-connect-frontchannel-1_0.html): This flow requires the IDP to embed several RP `<iframe>`s, which rely on RP cookies.
 - Social Widgets: In order to provide social widgets, the IdP third-party cookie must be provided from the RP top-level origin.
@@ -26,257 +28,16 @@ Affected identity federation use cases that rely on third-party cookies:
 
 FedCM aims to work around this problem, providing a dedicated mechanism for federated identity flows on the web, and enabling supporting browsers to provide special UI elements on RPs, allowing users to choose an IdP account to use for sign-in.
 
-There are two parts to using the FedCM API: IdP integration with FedCM and RP sign-in using the JavaScript API.
-
-## IdP integration with FedCM
-
-To integrate with FedCM, an IdP needs to do the following:
-
-1. Provide a well-known file to identify the IdP.
-2. Provide a config file and endpoints for accounts list and assertion issuance (and optionally, client metadata).
-
-### Provide a well-known file
-
-There is a potential privacy issue whereby an [IdP is able to discern whether a user visited an RP without explicit consent](https://github.com/fedidcg/FedCM/issues/230). This has tracking implications, so an IdP is required to provide a well-known file to verify its identity and mitigate this issue.
-
-The well-known file must be served from the [eTLD+1](https://web.dev/articles/same-site-same-origin#site) of the IdP at `/.well-known/web-identity`.
-
-For example, if the IdP endpoints are served under `https://accounts.idp.example/`, they must serve a well-known file at `https://idp.example/.well-known/web-identity`. The well-known file's content should have the following JSON structure:
-
-```json
-{
-  "provider_urls": ["https://accounts.idp.example/config.json"]
-}
-```
-
-The `provider_urls` member should contain an array of URLs pointing to valid IdP config files that can be used by RPs to interact with the IdP. The array length is currently limited to one.
-
-### Provide a config file
-
-The IdP config file provides a list of the endpoints the browser needs to process the identity federation flow and manage the sign-ins. IdPs will host both this config file and the required endpoints.
-
-The config file (hosted at `https://accounts.idp.example/config.json` in our example) should have the following JSON structure:
-
-```json
-{
-  "accounts_endpoint": "/accounts.php",
-  "client_metadata_endpoint": "/client_metadata.php",
-  "id_assertion_endpoint": "/assertion.php",
-  "branding": {
-    "background_color": "green",
-    "color": "0xFFEEAA",
-    "icons": [
-      {
-        "url": "https://idp.example/icon.ico",
-        "size": 25
-      }
-    ]
-  }
-}
-```
-
-The properties are as follows:
-
-- `accounts_endpoint`
-  - : The URL for the accounts list endpoint, which returns a list of accounts that the user is currently signed in to on the IdP. The browser uses these to create a list of sign-in choices to show to the user in the browser-provided FedCM UI.
-- `client_metadata_endpoint` {{optional_inline}}
-  - : The URL for the client metadata endpoint, which provides URLs pointing to the RP's metadata and terms of service pages as registered at the IdP, to be used in the FedCM UI.
-- `id_assertion_endpoint`
-  - : The URL for the ID assertion endpoint, which when sent valid user credentials should respond with a validation token that the RP can use to validate the authentication.
-- `branding` {{optional_inline}}
-  - : Contains branding information that will be used in the browser-supplied FedCM UI to customize its appearance as desired by the IdP.
-
-#### The accounts list endpoint
-
-This endpoint returns a list of all the IdP accounts that the user is currently signed in with, with a JSON structure that matches the following:
-
-```json
-{
-  "accounts": [
-    {
-      "id": "john_doe",
-      "given_name": "John",
-      "name": "John Doe",
-      "email": "john_doe@idp.example",
-      "picture": "https://idp.example/profile/123",
-      "approved_clients": ["123", "456", "789"],
-      "login_hints": ["john_doe", "john_doe@idp.example"]
-    },
-    {
-      "id": "johnny",
-      "given_name": "Johnny",
-      "name": "Johnny",
-      "email": "johnny@idp.example",
-      "picture": "https://idp.example/profile/456",
-      "approved_clients": ["abc", "def", "ghi"],
-      "login_hints": ["johnny", "johnny@idp.example"]
-    }
-  ]
-}
-```
-
-This includes the following information:
-
-- `id`
-  - : The unique ID of the user.
-- `name`
-  - : The family name of the user.
-- `email`
-  - : The email address of the user.
-- `given_name` {{optional_inline}}
-  - : The given name of the user.
-- `picture` {{optional_inline}}
-  - : The URL of the user's avatar image.
-- `approved_clients` {{optional_inline}}
-  - : An array of RP clients that the user has registered with.
-- `login_hints` {{optional_inline}}
-  - : An array of strings representing the account. These strings are used to filter the list of account options that the browser offers for the user to sign-in. This occurs when the `loginHint` property is provided within [`identity.providers`](/en-US/docs/Web/API/CredentialsContainer/get#identity_object_structure) in a related `get()` call. Any account with a string in its `login_hints` array that matches the provided `loginHint` is included.
-
-> **Note:**: If the user is not signed in to any IdP accounts, the endpoint should respond with [HTTP 401 (Unauthorized)](/en-US/docs/Web/HTTP/Status/401).
-
-#### The client metadata endpoint
-
-An endpoint at the IdP that takes a `client_id` as input and provides URLs pointing to the RP's metadata and terms of service pages, to be used in the browser-supplied FedCM UI. This should follow the JSON structure seen below:
-
-```json
-{
-  "privacy_policy_url": "https://rp.example/privacy_policy.html",
-  "terms_of_service_url": "https://rp.example/terms_of_service.html"
-}
-```
-
-#### The ID assertion endpoint
-
-When sent valid user credentials, this endpoint should respond with a validation token that the RP can use to validate the authentication:
-
-```json
-{
-  "token": "***********"
-}
-```
-
-## RP sign-in using the JavaScript API
-
-RPs can call {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}} with an `identity` option to make a request for users to sign in to the RP with the IdP, using the available IdP config and endpoints (as described above). A typical request might look like this:
-
-```js
-async function signIn() {
-  const identityCredential = await navigator.credentials.get({
-    identity: {
-      context: "signup",
-      providers: [
-        {
-          configURL: "https://accounts.idp.example/config.json",
-          clientId: "********",
-          nonce: "******",
-          loginHint: "user1@example.com",
-        },
-      ],
-    },
-  });
-}
-```
-
-The `identity.providers` property takes an array of objects containing the path to an IdP config file and the RP's client identifier issued by the IdP; the example above also includes a couple of optional features:
-
-- `identity.context` specifies the context in which the user is authenticating with FedCM. For example, is it a first-time signup for this account, or a sign-in with an existing account? The browser uses this information to vary the text in its FedCM UI to better suit the context.
-- `identity.providers.nonce` provides a random nonce value that ensures the response is issued for this specific request, preventing {{glossary("replay attack", "replay attacks")}}.
-- `identity.providers.loginHint` provides a hint about the account option(s) the browser should present for user sign-in. This hint is matched against the `login_hints` values that the IdP provides from the [accounts list endpoint](#the_accounts_list_endpoint).
-
-The browser requests the IdP config file and carries out the sign-in flow detailed below. For more information on the kind of interaction a user might expect from the browser-supplied UI, see [Sign in to the relying party with the identity provider](https://developer.chrome.com/docs/privacy-sandbox/fedcm/#sign-into-rp).
-
-### FedCM sign-in flow
-
-1. The RP invokes {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}} to start off the sign-in flow.
+There are two parts to using the FedCM API, which are covered in the linked guides below:
 
-2. From the `configURL` provided in the `get()` call, the browser requests two files:
+1. [IdP integration with FedCM](/en-US/docs/Web/API/FedCM_API/IDP_integration) — what an identity provider needs to provide so that an RP can integrate with it.
+2. [RP federated sign-in](/en-US/docs/Web/API/FedCM_API/RP_sign-in) — the FedCM functionality an RP needs to use to sign a user in using their IdP account. A FedCM sign-in request is initiated using the {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}} method.
 
-   1. The well-known file (`/.well-known/web-identity`), available from `/.well-known/web-identity` at the [eTLD+1](https://web.dev/articles/same-site-same-origin#site) of the `configURL`.
-   2. The config file (`/config.json`), available at the `configURL`.
+> **Note:** [Google Sign In](https://developers.google.com/identity/gsi/web/guides/overview) is an example of an IdP that already supports FedCM. [Migrate to FedCM](https://developers.google.com/identity/gsi/web/guides/fedcm-migration) provides instructions for RPs wishing to migrate existing apps using Google Sign In to federated sign-in.
 
-   These are both a [`GET`](/en-US/docs/Web/HTTP/Methods/GET) requests, which don't have cookies and don't follow redirects. This effectively prevents the IdP from learning who made the request and which RP is attempting to connect.
+## Permissions Policy integration and `<iframe>` support
 
-   For example, the config file request would look like so:
-
-   ```http
-   GET /config.json HTTP/1.1
-   Host: accounts.idp.example
-   Accept: application/json
-   Sec-Fetch-Dest: webidentity
-   ```
-
-   > **Note:** All requests sent from the browser via FedCM include a `Sec-Fetch-Dest: webidentity` header to prevent {{glossary("CSRF")}} attacks. All IdP endpoints must confirm this header is included.
-
-3. The IdP responds with the requested files. The config file URL is validated against the list of valid config URLs inside the well-known file.
-
-4. The browser makes a request to the `accounts_endpoint` inside the config file for the list of accounts that the user is currently signed in to on the IdP. This is a `GET` request with cookies, but without a `client_id` parameter or the {{httpheader("Origin")}} header. This effectively prevents the IdP from learning which RP the user is trying to sign in to.
-
-   For example:
-
-   ```http
-   GET /accounts.php HTTP/1.1
-   Host: accounts.idp.example
-   Accept: application/json
-   Cookie: 0x23223
-   Sec-Fetch-Dest: webidentity
-   ```
-
-5. The IdP responds with the account information.
-
-6. {{optional_inline}} If included in the config file, the browser makes a request to the `client_metadata_endpoint` for the location of the RP's terms of service and privacy policy pages. This is a `GET` request sent with the `clientId` passed into the `get()` call as a parameter, without cookies.
-
-   For example:
-
-   ```http
-   GET /client_metadata.php?client_id=1234 HTTP/1.1
-   Host: accounts.idp.example
-   Origin: https://rp.example/
-   Accept: application/json
-   Sec-Fetch-Dest: webidentity
-   ```
-
-7. {{optional_inline}} The IdP responds with the requested URLs.
-
-8. The browser uses the information obtained by the previous two requests to create the UI asking the user for permission to sign in to the RP using their federated IdP account.
-
-9. If the user grants permission to do so, the browser sends some credentials to the `id_assertion_endpoint` and requests a validation token from the IdP.
-
-   The credentials are sent in an HTTP [`POST`](/en-US/docs/Web/HTTP/Methods/POST) request with cookies and a content type of `application/x-www-form-urlencoded`. It should look something like this:
-
-   ```http
-   POST /assertion.php HTTP/1.1
-   Host: accounts.idp.example
-   Origin: https://rp.example/
-   Content-Type: application/x-www-form-urlencoded
-   Cookie: 0x23223
-   Sec-Fetch-Dest: webidentity
-   account_id=123&client_id=client1234&nonce=Ct60bD&disclosure_text_shown=true
-   ```
-
-   The payload should contain the following:
-
-   - `client_id`
-     - : The RP's client identifier.
-   - `account_id`
-     - : The unique ID of the user account to be signed in.
-   - `nonce` {{optional_inline}}
-     - : The request nonce, provided by the RP.
-   - `disclosure_text_shown`
-     - : A string of `"true"` or `"false"` indicating whether the disclosure text was shown or not. The disclosure text is the information shown to the user (which can include the terms of service and privacy policy links, if provided) if the user is signed in to the IdP but doesn't have an account specifically on the current RP (in which case they'd need to choose to "Continue as..." their IdP identity and then create a corresponding account on the RP).
-
-10. The IdP checks that the account ID sent by the RP matches the ID for the account that is already signed in, and that the `Origin` matches the origin of the RP, which will have been registered in advance with the IdP. If everything looks good, it responds with the validation token.
-
-> **Note:** The origin of the RP will be registered with the IdP in a completely separate process when the RP first integrates with the IdP. This process will be specific to each IdP.
-
-When the flow is complete, the RP validates the validation token. If validation is successful, the `get()` promise resolves with an {{domxref("IdentityCredential")}} object, which provides further RP functionality. Additionally, at this point the RP may register the user or let them sign in and start a new session.
-
-### Features available via IdentityCredential
-
-The {{domxref("IdentityCredential")}} object obtained from a successful FedCM sign-in provides access to the token used to validate the sign-in (see {{domxref("IdentityCredential.token")}}).
-
-## Permissions Policy integration and IFrame support
-
-The {{httpheader("Permissions-Policy/identity-credentials-get", "identity-credentials-get")}} [Permissions-Policy](/en-US/docs/Web/HTTP/Permissions_Policy) can be used to control permission to use FedCM, more specifically usage of the {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}} method.
+The {{httpheader("Permissions-Policy/identity-credentials-get", "identity-credentials-get")}} [Permissions-Policy](/en-US/docs/Web/HTTP/Permissions_Policy) can be used to control permission to use FedCM, more specifically usage of the {{domxref("CredentialsContainer.get", "get()")}} method.
 
 Developers can explicitly grant permission for an {{htmlelement("iframe")}} to use FedCM via the `allow` attribute:
 
@@ -294,12 +55,21 @@ The availability of FedCM within `<iframe>`s enables a couple of use cases:
 - {{domxref("IdentityCredential")}}
   - : Represents a user identity credential arising from successful federated authentication. A successful {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}} call that includes an `identity` option fulfills with an {{domxref("IdentityCredential")}} instance.
 - {{domxref("IdentityProvider")}}
-  - : Represents an IdP and provides access to related information. The static {{domxref("IdentityProvider.getUserInfo_static", "IdentityProvider.getUserInfo()")}} method returns information about a user who was previously signed in, when they return to an IdP. This information can be used to display a personalized welcome message and sign-in button.
+  - : Represents an IdP and provides access to related information and functionality.
+- {{domxref("NavigatorLogin")}}
+  - : Defines login functionality for IdPs, including the {{domxref("NavigatorLogin.setStatus", "Navigator.login.setStatus()")}} method for [updating IdP login status](/en-US/docs/Web/API/FedCM_API/IDP_integration#update_login_status_using_the_login_status_api).
 
 ## Extensions to other interfaces
 
 - {{domxref("CredentialsContainer.get()")}}, the `identity` option.
   - : `identity` is an object containing details of federated IdPs that a relying party (RP) website can use to sign users in. It causes a `get()` call to initiate a request for a user to sign in to an RP with an IdP.
+- {{domxref("Navigator.login")}}
+  - : Provides access to the browser's {{domxref("NavigatorLogin")}} object.
+
+## HTTP headers
+
+- {{httpheader("Set-Login")}}
+  - : Provides an HTTP mechanism for [updating login status](/en-US/docs/Web/API/FedCM_API/IDP_integration#update_login_status_using_the_login_status_api) via HTTP.
 
 ## Examples
 
diff --git a/files/en-us/web/api/fedcm_api/rp_sign-in/fedcm-flow.png b/files/en-us/web/api/fedcm_api/rp_sign-in/fedcm-flow.png
new file mode 100644
index 0000000000000000000000000000000000000000..e4de65f8b45e1e7ba7ef3661671074f55ba08029
GIT binary patch
literal 85580
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
KugfIBkpBT{1WhLZ

literal 0
HcmV?d00001

diff --git a/files/en-us/web/api/fedcm_api/rp_sign-in/index.md b/files/en-us/web/api/fedcm_api/rp_sign-in/index.md
new file mode 100644
index 000000000000000..cc8319db1ee0c7a
--- /dev/null
+++ b/files/en-us/web/api/fedcm_api/rp_sign-in/index.md
@@ -0,0 +1,150 @@
+---
+title: Relying party federated sign-in
+slug: Web/API/FedCM_API/RP_sign-in
+page-type: guide
+---
+
+{{DefaultAPISidebar("FedCM API")}}
+
+This article describes the process by which a relying party (RP) can use the [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API) to perform a federated sign-in via an identity provider (IdP).
+
+## Calling the get() method
+
+RPs can call {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}} with an `identity` option to request that a user signs in to the RP with an existing IdP account that they are already signed in to on the browser. The IdP identifies the RP by its `clientId`, which was issued by the IdP to the RP in a separate process that is specific to the IdP. The IdP identifies the specific user using credentials (cookies) provided to the browser on login.
+
+The method returns a promise that fulfills with an {{domxref("IdentityCredential")}} object if the user identity is successfully validated by the IdP. This object contains a token that includes user identity information that has been signed with the IdP's {{glossary("digital certificate")}}.
+
+The RP sends the token to its server to validate the certificate, and on success can use the (now trusted) identity information in the token to sign them into their service (starting a new session), sign them up to their service if they are a new user, etc.
+
+If the user has never signed into the IdP or is logged out, the `get()` method rejects with an error and the RP can direct the user to the IdP login page to sign in or create an account.
+
+> **Note:** The exact structure and content of the validation token token is opaque to the FedCM API, and to the browser. The IdP decides on the syntax and usage of it, and the RP needs to follow the instructions provided by the IdP (see [Verify the Google ID token on your server side](https://developers.google.com/identity/gsi/web/guides/verify-google-id-token), for example) to make sure they are using it correctly.
+
+A typical request might look like this:
+
+```js
+async function signIn() {
+  const identityCredential = await navigator.credentials.get({
+    identity: {
+      context: "signup",
+      providers: [
+        {
+          configURL: "https://accounts.idp.example/config.json",
+          clientId: "********",
+          nonce: "******",
+          loginHint: "user1@example.com",
+        },
+      ],
+    },
+  });
+}
+```
+
+The `identity.providers` property takes an array containing a single object specifying the path to an IdP config file (`configURL`) and the RP's client identifier (`clientId`) issued by the IdP.
+
+> **Note:** Currently FedCM only allows the API to be invoked with a single IdP, i.e. the `identity.providers` array has to have a length of 1. To offer users a choice of identity provider, the RP will need to call `get()` separately for each. This may change in the future.
+
+The example above also includes a couple of optional features:
+
+- `identity.context` specifies the context in which the user is authenticating with FedCM. For example, is it a first-time signup for this account, or a sign-in with an existing account? The browser uses this information to vary the text in its FedCM UI to better suit the context.
+- The `nonce` property provides a random nonce value that ensures the response is issued for this specific request, preventing {{glossary("replay attack", "replay attacks")}}.
+- The `loginHint` property provides a hint about the account option(s) the browser should present for user sign-in. This hint is matched against the `login_hints` values that the IdP provides from the [accounts list endpoint](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_accounts_list_endpoint).
+
+The browser requests the IdP config file and carries out the sign-in flow detailed below. For more information on the kind of interaction a user might expect from the browser-supplied UI, see [Sign in to the relying party with the identity provider](https://developers.google.com/privacy-sandbox/3pcd/fedcm#sign-in).
+
+## FedCM sign-in flow
+
+There are three parties involved in the sign-in flow — the RP app, the browser itself, and the IdP. The following diagram summarizes what is happening visually.
+
+![a visual representation of the flow described in detail below](fedcm-flow.png)
+
+The flow is as follows:
+
+1. The RP invokes {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}} to start off the sign-in flow.
+
+2. From the `configURL` provided in the `get()` call, the browser requests two files:
+
+   1. The well-known file (`/.well-known/web-identity`), available from `/.well-known/web-identity` at the [eTLD+1](https://web.dev/articles/same-site-same-origin#site) of the `configURL`.
+   2. The [IdP config file](/en-US/docs/Web/API/FedCM_API/IDP_integration#provide_a_config_file_and_endpoints) (`/config.json`), available at the `configURL`.
+
+   These are both [`GET`](/en-US/docs/Web/HTTP/Methods/GET) requests, which don't have cookies and don't follow redirects. This effectively prevents the IdP from learning who made the request and which RP is attempting to connect.
+
+   All requests sent from the browser via FedCM include a `{{httpheader("Sec-Fetch-Dest")}}: webidentity` header to prevent {{glossary("CSRF")}} attacks. All IdP endpoints must confirm this header is included.
+
+3. The IdP responds with the requested well-known file and `config.json` files. The browser validates the config file URL in the `get()` request against the list of valid config URLs inside the well-known file.
+
+4. If the browser has the [IdP's login status](/en-US/docs/Web/API/FedCM_API/IDP_integration#update_login_status_using_the_login_status_api) set to `"logged-in"`, it makes a credentialed request (i.e. with a cookie that identifies the user that is signed in) to the [`accounts_endpoint`](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_accounts_list_endpoint) inside the IdP config file for the user's account details. This is a `GET` request with cookies, but without a `client_id` parameter or the {{httpheader("Origin")}} header. This effectively prevents the IdP from learning which RP the user is trying to sign in to. As a result, the list of accounts returned is RP-agnostic.
+
+   > **Note:** If the IdP login status is `"logged-out"`, the `get()` call rejects with a `NetworkError` {{domxref("DOMException")}} and does not make a request to the IdP's `accounts_endpoint`. In this case it is up to the developer to handle the flow, for example by prompting the user to go and sign in to a suitable IdP. Note that there may be some delay in the rejection to avoid leaking the IdP login status to the RP.
+
+5. The IdP responds with the account information requested from the `accounts_endpoint`. This is an array of all accounts associated with the user's IdP cookies for any RPs associated with the IdP.
+
+6. {{optional_inline}} If included in the IdP config file, the browser makes an uncredentialed request to the [`client_metadata_endpoint`](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_client_metadata_endpoint) for the location of the IdP terms of service and privacy policy pages. This is a `GET` request sent with the `clientId` passed into the `get()` call as a parameter, without cookies.
+
+7. {{optional_inline}} The IdP responds with the URLs requested from the `client_metadata_endpoint`.
+
+8. The browser uses the information obtained by the previous two requests to create the UI asking the user to choose an account to sign in to the RP with (in the case where there is more than one available). The UI also asks the user for permission to sign in to the RP using their chosen federated IdP account.
+
+   > **Note:** At this stage, if the user has previously authenticated with a federated RP account in the current browser instance (i.e. created a new account with the RP or signed into the RP's website using an existing account), they may be able to **auto-reauthenticate**, depending on what the [`mediation`](/en-US/docs/Web/API/CredentialsContainer/get#mediation) option is set to in the `get()` call. If so the user will be signed in automatically without entering their credentials, as soon as `get()` is invoked. See the [Auto-reauthentication](#auto-reauthentication) section for more details.
+
+9. If the user grants permission to do so, the browser makes a credentialed request to the [`id_assertion_endpoint`](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_id_assertion_endpoint) to request a validation token from the IdP for the selected account.
+
+   The credentials are sent in an HTTP [`POST`](/en-US/docs/Web/HTTP/Methods/POST) request with cookies and a content type of `application/x-www-form-urlencoded`.
+
+   If the call fails, an error payload is returned as explained in [ID assertion error responses](/en-US/docs/Web/API/FedCM_API/IDP_integration#id_assertion_error_responses) and the promise returned by `get()` will reject with the error.
+
+10. The IdP checks that the account ID sent by the RP matches the ID for the account that is already signed in, and that the `Origin` matches the origin of the RP, which will have been registered in advance with the IdP. If everything looks good, it responds with the requested validation token.
+
+    > **Note:** The origin of the RP will be registered with the IdP in a completely separate process when the RP first integrates with the IdP. This process will be specific to each IdP.
+
+11. When the flow is complete, the `get()` promise resolves with an {{domxref("IdentityCredential")}} object, which provides further RP functionality. Most notably, this object contains a token that the RP can verify comes from the IdP (using a certificate) and that contains trusted information about the signed in user. Once the RP validates the token, they can use the contained information to sign the user in and start a new session, sign them up to their service, etc. The format and structure of the token depends on the IdP and has nothing to do with the FedCM API (the RP needs to follow the IdP's instructions).
+
+## Auto-reauthentication
+
+FedCM auto-reauthentication lets users reauthenticate automatically when they try to sign in to an RP again after their initial authentication using FedCM. "Initial authentication" refers to when the user creates an account or signs into the RP's website via the FedCM sign-in dialog for the first time on the RP site, on the same browser instance.
+
+After the initial authentication, auto-reauthentication can be used to sign into the RP website again automatically, without needing to show the user a "Continue as..." confirmation prompt. If the user has recently granted permission to allow federated sign-in to occur with a particular account, there's no privacy or security benefit to immediately enforcing another explicit user confirmation.
+
+Auto-reauthentication behavior is controlled by the [`mediation`](/en-US/docs/Web/API/CredentialsContainer/get#mediation) option in the `get()` call:
+
+```js
+async function signIn() {
+  const identityCredential = await navigator.credentials.get({
+    identity: {
+      providers: [
+        {
+          configURL: "https://accounts.idp.example/config.json",
+          clientId: "********",
+        },
+      ],
+    },
+    mediation: "optional", // this is the default
+  });
+
+  // isAutoSelected is true if auto-reauthentication occurred.
+  const isAutoSelected = identityCredential.isAutoSelected;
+}
+```
+
+Auto-reauthentication can occur if `mediation` is set to `optional` or `silent`.
+
+With these `mediation` options, auto-reauthentication will occur under the following conditions:
+
+- FedCM is available to use. For example, the user has not disabled FedCM either globally or in the RP's settings.
+- The user has only used one account to sign into the RP website on this browser via FedCM.
+- The user is signed into the IdP with that account.
+- Auto-reauthentication didn't happen within the last 10 minutes. This restriction is put into place to stop users being auto-reauthenticated immediately after they sign out — which would make for a pretty confusing user experience.
+- The RP hasn't called {{domxref("CredentialsContainer.preventSilentAccess", "preventSilentAccess()")}} after the previous sign in. This can be used by an RP to explicitly disable auto-reauthentication if desired.
+
+When these conditions are met, an attempt to automatically reauthenticate the user starts as soon as the `get()` is invoked. If auto-reauthentication is successful, the user will log into the RP site again, without being shown a confirmation prompt, using the same IdP account and validated token as they did before.
+
+If auto-reauthentication fails, the behavior depends on the `mediation` value that was chosen:
+
+- `optional`: the user _will_ be shown the dialog box and asked for confirmation again. As a result, this option tends to make sense to use on a page where a user journey is not in mid-flow, such an RP sign-in page.
+- `silent`: The `get()` promise will reject and the developer will need to handle guiding the user back to the sign-in page to start the process again. This option makes sense on pages where a user journey is in flow and you need to keep them signed in until completion, for example the pages of a checkout flow on an e-commerce website.
+
+> **Note:** The {{domxref("IdentityCredential.isAutoSelected")}} property provides an indication of whether the federated sign-in was carried out using auto-reauthentication. This is helpful to evaluate the API performance and improve UX accordingly. Also, when it's unavailable, the user may be prompted to sign in with explicit user mediation, which is a `get()` call with `mediation: required`.
+
+## See also
+
+- [Federated Credential Management API](https://developer.chrome.com/docs/privacy-sandbox/fedcm/) on developer.chrome.com (2023)
diff --git a/files/en-us/web/api/identitycredential/index.md b/files/en-us/web/api/identitycredential/index.md
index 5c43564e4b3a7ce..72d14511a244557 100644
--- a/files/en-us/web/api/identitycredential/index.md
+++ b/files/en-us/web/api/identitycredential/index.md
@@ -19,6 +19,8 @@ A successful {{domxref("CredentialsContainer.get", "navigator.credentials.get()"
 
 _Inherits properties from its ancestor, {{domxref("Credential")}}._
 
+- {{domxref("IdentityCredential.isAutoSelected")}} {{ReadOnlyInline}} {{experimental_inline}}
+  - : A boolean value that indicates whether the federated sign-in was carried out using [auto-reauthentication](/en-US/docs/Web/API/FedCM_API/RP_sign-in#auto-reauthentication) (i.e. without user mediation) or not.
 - {{domxref("IdentityCredential.token")}} {{experimental_inline}}
   - : Returns the token used to validate the associated sign-in.
 
@@ -48,7 +50,7 @@ If successful, this call will fulfill with an `IdentityCredential` instance. Fro
 console.log(identityCredential.token);
 ```
 
-Check out [Federated Credential Management API (FedCM)](/en-US/docs/Web/API/FedCM_API) for more details on how this works. This call will start off the sign-in flow described in [FedCM sign-in flow](/en-US/docs/Web/API/FedCM_API#fedcm_sign-in_flow).
+Check out [Federated Credential Management API (FedCM)](/en-US/docs/Web/API/FedCM_API) for more details on how this works. This call will start off the sign-in flow described in [FedCM sign-in flow](/en-US/docs/Web/API/FedCM_API/RP_sign-in#fedcm_sign-in_flow).
 
 ## Specifications
 
diff --git a/files/en-us/web/api/identitycredential/isautoselected/index.md b/files/en-us/web/api/identitycredential/isautoselected/index.md
new file mode 100644
index 000000000000000..0dd61b5a3dec234
--- /dev/null
+++ b/files/en-us/web/api/identitycredential/isautoselected/index.md
@@ -0,0 +1,56 @@
+---
+title: "IdentityCredential: isAutoSelected property"
+short-title: isAutoSelected
+slug: Web/API/IdentityCredential/isAutoSelected
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.IdentityCredential.isAutoSelected
+---
+
+{{securecontext_header}}{{APIRef("FedCM API")}}{{SeeCompatTable}}
+
+The **`isAutoSelected`** read-only property of the {{domxref("IdentityCredential")}} interface indicates whether the federated sign-in flow was carried out using [auto-reauthentication](/en-US/docs/Web/API/FedCM_API/RP_sign-in#auto-reauthentication) (i.e. without user mediation) or not.
+
+Automatic reauthentication can occur when a {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}} call is issued with a [`mediation`](/en-US/docs/Web/API/CredentialsContainer/get#mediation) option value of `"optional"` or `"silent"`. It is useful for a relying party (RP) to know whether auto reauthentication occurred for analytics/performance evaluation and for UX purposes — automatic sign-in may warrant a different UI flow to non-automatic sign-in.
+
+## Value
+
+A boolean value. `true` indicates that automatic reauthentication was used; `false` indicates that it was not.
+
+## Examples
+
+RPs can call `navigator.credentials.get()` with the `identity` option to make a request for users to sign in to the RP via an identity provider (IdP), using identity federation. Auto-reauthentication behavior is controlled by the [`mediation`](/en-US/docs/Web/API/CredentialsContainer/get#mediation) option in the `get()` call:
+
+```js
+async function signIn() {
+  const identityCredential = await navigator.credentials.get({
+    identity: {
+      providers: [
+        {
+          configURL: "https://accounts.idp.example/config.json",
+          clientId: "********",
+        },
+      ],
+    },
+    mediation: "optional", // this is the default
+  });
+
+  // isAutoSelected is true if auto-reauthentication occurred.
+  const isAutoSelected = identityCredential.isAutoSelected;
+}
+```
+
+Check out [Federated Credential Management API (FedCM)](/en-US/docs/Web/API/FedCM_API) for more details on how this works. This call will start off the sign-in flow described in [FedCM sign-in flow](/en-US/docs/Web/API/FedCM_API/RP_sign-in#fedcm_sign-in_flow).
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [Federated Credential Management API](https://developer.chrome.com/docs/privacy-sandbox/fedcm/)
diff --git a/files/en-us/web/api/identitycredential/token/index.md b/files/en-us/web/api/identitycredential/token/index.md
index 3a7ad1b2f171eb5..c66b8488b748bac 100644
--- a/files/en-us/web/api/identitycredential/token/index.md
+++ b/files/en-us/web/api/identitycredential/token/index.md
@@ -12,6 +12,14 @@ browser-compat: api.IdentityCredential.token
 
 The **`token`** read-only property of the {{domxref("IdentityCredential")}} interface returns the token used to validate the associated sign-in.
 
+The token includes user identity information that has been signed with the identity provider (IdP)'s {{glossary("digital certificate")}}.
+
+The relying party (RP) sends the token to its server to validate the certificate, and on success can use the (now trusted) identity information in the token to sign them into their service (starting a new session), sign them up to their service if they are a new user, etc.
+
+If the user has never signed into the IdP or is logged out, the associated {{domxref("CredentialsContainer.get", "get()")}} call rejects with an error and the RP can direct the user to the IdP login page to sign in or create an account.
+
+> **Note:** The exact structure and content of the validation token token is opaque to the FedCM API, and to the browser. The IdP decides on the syntax and usage of it, and the RP needs to follow the instructions provided by the IdP (see [Verify the Google ID token on your server side](https://developers.google.com/identity/gsi/web/guides/verify-google-id-token), for example) to make sure they are using it correctly.
+
 ## Value
 
 A string.
@@ -40,7 +48,7 @@ async function signIn() {
 
 A successful {{domxref("CredentialsContainer.get", "navigator.credentials.get()")}} call that includes an `identity` option fulfills with an `IdentityCredential` instance, which can be used to access the token used to validate the sign-in.
 
-Check out [Federated Credential Management API (FedCM)](/en-US/docs/Web/API/FedCM_API) for more details on how this works. This call will start off the sign-in flow described in [FedCM sign-in flow](/en-US/docs/Web/API/FedCM_API#fedcm_sign-in_flow).
+Check out [Federated Credential Management API (FedCM)](/en-US/docs/Web/API/FedCM_API) for more details on how this works. This call will start off the sign-in flow described in [FedCM sign-in flow](/en-US/docs/Web/API/FedCM_API/RP_sign-in#fedcm_sign-in_flow).
 
 ## Specifications
 
diff --git a/files/en-us/web/api/identityprovider/close_static/index.md b/files/en-us/web/api/identityprovider/close_static/index.md
new file mode 100644
index 000000000000000..cee69083ce7feb9
--- /dev/null
+++ b/files/en-us/web/api/identityprovider/close_static/index.md
@@ -0,0 +1,51 @@
+---
+title: "IdentityProvider: close() static method"
+short-title: close()
+slug: Web/API/IdentityProvider/close_static
+page-type: web-api-static-method
+status:
+  - experimental
+browser-compat: api.IdentityProvider.close_static
+---
+
+{{securecontext_header}}{{APIRef("FedCM API")}}{{SeeCompatTable}}
+
+The **`close()`** static method of the {{domxref("IdentityProvider")}} interface provides a manual signal to the browser that an IdP sign-in flow is finished.
+
+## Usage notes
+
+`close()` needs to be called from the same origin as the IdP sign-in dialog, as defined in the [IdP config](/en-US/docs/Web/API/FedCM_API/IDP_integration#provide_a_config_file_and_endpoints).
+
+`close()` is needed to close the IdP sign-in dialog when sign-in is completely finished and the IdP has finished collecting data from the user. A primary use case for `close()` is closing the IdP sign-in dialog in cases where [the browser and the IdP login status become out of sync](/en-US/docs/Web/API/FedCM_API/IDP_integration#what_if_the_browser_and_the_idp_login_status_become_out_of_sync), and the browser initiates a dynamic sign-in flow to correct the issue.
+
+## Syntax
+
+```js-nolint
+IdentityProvider.close()
+```
+
+### Parameters
+
+None.
+
+### Return value
+
+`undefined`.
+
+## Examples
+
+```js
+IdentityProvider.close();
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [Federated Credential Management API](https://developer.chrome.com/docs/privacy-sandbox/fedcm/) on developer.chrome.com (2023)
diff --git a/files/en-us/web/api/identityprovider/getuserinfo_static/index.md b/files/en-us/web/api/identityprovider/getuserinfo_static/index.md
index 6160ef2986303d0..241a81dad545814 100644
--- a/files/en-us/web/api/identityprovider/getuserinfo_static/index.md
+++ b/files/en-us/web/api/identityprovider/getuserinfo_static/index.md
@@ -10,13 +10,13 @@ browser-compat: api.IdentityProvider.getUserInfo_static
 
 {{APIRef("FedCM API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
-The **`getUserInfo()`** static method of the {{domxref("IdentityProvider")}} interface returns information about a previously signed in user, which can be used to provide a personalized welcome message and sign-in button. This method has to be called from within an identity provider (IdP)-origin {{htmlelement("iframe")}} so that RP scripts cannot access the data. This must occur after a previously signed in user returns to the relying party (RP) site.
+The **`getUserInfo()`** static method of the {{domxref("IdentityProvider")}} interface returns information about a user that has signed in, which can be used to provide a personalized welcome message and sign-in button. This method has to be called from within an identity provider (IdP)-origin {{htmlelement("iframe")}} so that RP scripts cannot access the data. This must occur after a user has been signed in to a relying party (RP) site.
 
 This pattern is already common on sites that use identity federation for sign-in, but `getUserInfo()` provides a way to achieve it without relying on third-party cookies.
 
 ## Usage notes
 
-When `getUserInfo()` is called, the browser will make a request to the IdP [accounts list endpoint](/en-US/docs/Web/API/FedCM_API#the_accounts_list_endpoint) for the user information only when both the below conditions are true:
+When `getUserInfo()` is called, the browser will make a request to the IdP [accounts list endpoint](/en-US/docs/Web/API/FedCM_API/IDP_integration#the_accounts_list_endpoint) for the user information only when both the conditions below are true:
 
 - The user has previously signed in to the RP with the IdP via FedCM on the same browser instance, and the data hasn't been cleared.
 - The user is signed in to the IdP on the same browser instance.
@@ -40,7 +40,7 @@ IdentityProvider.getUserInfo(config)
 - `config`
   - : A configuration object, which can contain the following properties:
     - `configURL`
-      - : The URL of the [configuration file](/en-US/docs/Web/API/FedCM_API#provide_a_config_file) for the identity provider from which you want to get user information.
+      - : The URL of the [configuration file](/en-US/docs/Web/API/FedCM_API/IDP_integration#provide_a_config_file_and_endpoints) for the identity provider from which you want to get user information.
     - `clientId`
       - : The RP's client identifier issued by the IdP.
 
diff --git a/files/en-us/web/api/identityprovider/index.md b/files/en-us/web/api/identityprovider/index.md
index e3f839ac6ae1800..c266f39100f58d3 100644
--- a/files/en-us/web/api/identityprovider/index.md
+++ b/files/en-us/web/api/identityprovider/index.md
@@ -9,12 +9,14 @@ browser-compat: api.IdentityProvider
 
 {{APIRef("FedCM API")}}{{SeeCompatTable}}{{SecureContext_Header}}
 
-The **`IdentityProvider`** interface of the [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API) represents an identity provider (IdP) and provides access to related information.
+The **`IdentityProvider`** interface of the [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API) represents an identity provider (IdP) and provides access to related information and functionality.
 
 {{InheritanceDiagram}}
 
 ## Static methods
 
+- {{domxref("IdentityProvider.close_static", "close()")}} {{experimental_inline}}
+  - : Provides a manual signal to the browser that an IdP sign-in flow is finished. This is needed to, for example, close the IdP sign-in dialog when sign-in is completely finished and the IdP has finished colecting data from the user.
 - {{domxref("IdentityProvider.getUserInfo_static", "getUserInfo()")}} {{experimental_inline}}
   - : Returns information about a previously signed in user on their return to an IdP, which can be used to provide a personalized welcome message and sign-in button.
 
@@ -39,7 +41,7 @@ if (user_info.length > 0) {
 
   // ...
 
-  // Render the personalized sign-in button using the information returned above
+  // Render a personalized sign-in button using the information returned above
 }
 ```
 
diff --git a/files/en-us/web/api/navigator/index.md b/files/en-us/web/api/navigator/index.md
index 05c0af0a7090c54..7762bc6579a9cd2 100644
--- a/files/en-us/web/api/navigator/index.md
+++ b/files/en-us/web/api/navigator/index.md
@@ -49,6 +49,8 @@ _Doesn't inherit any properties._
   - : Returns an array of strings representing the languages known to the user, by order of preference.
 - {{domxref("Navigator.locks")}} {{ReadOnlyInline}}
   - : Returns a {{domxref("LockManager")}} object that provides methods for requesting a new {{domxref('Lock')}} object and querying for an existing {{domxref('Lock')}} object.
+- {{domxref("Navigator.login")}} {{ReadOnlyInline}} {{Experimental_Inline}}
+  - : Provides access to the browser's {{domxref("NavigatorLogin")}} object, which a federated identity provider (IdP) can use to set a user's login status when they sign into or out of the IdP. See [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API) for more details.
 - {{domxref("Navigator.maxTouchPoints")}} {{ReadOnlyInline}}
   - : Returns the maximum number of simultaneous touch contact points are supported by the current device.
 - {{domxref("Navigator.mediaCapabilities")}} {{ReadOnlyInline}}
diff --git a/files/en-us/web/api/navigator/login/index.md b/files/en-us/web/api/navigator/login/index.md
new file mode 100644
index 000000000000000..56641f07594108d
--- /dev/null
+++ b/files/en-us/web/api/navigator/login/index.md
@@ -0,0 +1,41 @@
+---
+title: "Navigator: login property"
+short-title: login
+slug: Web/API/Navigator/login
+page-type: web-api-instance-property
+status:
+  - experimental
+browser-compat: api.Navigator.login
+---
+
+{{securecontext_header}}{{APIRef("FedCM API")}}{{SeeCompatTable}}
+
+The **`login`** read-only property of the {{domxref("Navigator")}} interface provides access to the browser's {{domxref("NavigatorLogin")}} object, which a federated identity provider (IdP) can use to set its login status when a user signs into or out of the IdP.
+
+See [Update login status using the Login Status API](/en-US/docs/Web/API/FedCM_API/IDP_integration#update_login_status_using_the_login_status_api) for more details of how this is used.
+
+## Value
+
+A {{domxref("NavigatorLogin")}} object.
+
+## Examples
+
+```js
+/* Set logged-in status */
+navigator.login.setStatus("logged-in");
+
+/* Set logged-out status */
+navigator.login.setStatus("logged-out");
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API)
diff --git a/files/en-us/web/api/navigatorlogin/index.md b/files/en-us/web/api/navigatorlogin/index.md
new file mode 100644
index 000000000000000..78c55cdf3a035a3
--- /dev/null
+++ b/files/en-us/web/api/navigatorlogin/index.md
@@ -0,0 +1,45 @@
+---
+title: NavigatorLogin
+slug: Web/API/NavigatorLogin
+page-type: web-api-interface
+status:
+  - experimental
+browser-compat: api.NavigatorLogin
+---
+
+{{securecontext_header}}{{APIRef("FedCM API")}}{{SeeCompatTable}}
+
+The **`NavigatorLogin`** interface of the [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API) defines login functionality for federated identity providers (IdPs). Specifically, it enables a federated identity provider (IdP) to set its login status when a user signs into or out of the IdP.
+
+See [Update login status using the Login Status API](/en-US/docs/Web/API/FedCM_API/IDP_integration#update_login_status_using_the_login_status_api) for more details of how this is used.
+
+`NavigatorLogin` is accessed via the {{domxref("Navigator.login")}} property.
+
+{{InheritanceDiagram}}
+
+## Instance methods
+
+- {{domxref("NavigatorLogin.setStatus", "setStatus()")}} {{Experimental_Inline}}
+  - : Sets the login status of a federated identity provider (IdP), when called from the IdP's origin. By "login status", we mean "whether any users are logged into the IdP on the current browser or not".
+
+## Examples
+
+```js
+/* Set logged-in status */
+navigator.login.setStatus("logged-in");
+
+/* Set logged-out status */
+navigator.login.setStatus("logged-out");
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API)
diff --git a/files/en-us/web/api/navigatorlogin/setstatus/index.md b/files/en-us/web/api/navigatorlogin/setstatus/index.md
new file mode 100644
index 000000000000000..2c8957c582f861b
--- /dev/null
+++ b/files/en-us/web/api/navigatorlogin/setstatus/index.md
@@ -0,0 +1,61 @@
+---
+title: "NavigatorLogin: setStatus() method"
+short-title: setStatus()
+slug: Web/API/NavigatorLogin/setStatus
+page-type: web-api-instance-method
+status:
+  - experimental
+browser-compat: api.NavigatorLogin.setStatus
+---
+
+{{securecontext_header}}{{APIRef("FedCM API")}}{{SeeCompatTable}}
+
+The **`setStatus()`** method of the {{domxref("NavigatorLogin")}} interface sets the login status of a federated identity provider (IdP), when called from the IdP's origin. By this, we mean "whether any users are logged into the IdP on the current browser or not". This should be called by the IdP site following a user login or logout.
+
+The browser stores this state for each IdP; the [FedCM API](/en-US/docs/Web/API/FedCM_API) API then uses it to reduce the number of requests it makes to the IdP (because it does not need to waste time requesting accounts when there are no users logged in to the IdP). It also mitigates [potential timing attacks](https://github.com/fedidcg/FedCM/issues/447).
+
+See [Update login status using the Login Status API](/en-US/docs/Web/API/FedCM_API/IDP_integration#update_login_status_using_the_login_status_api) for more information about FedCM login status.
+
+## Syntax
+
+```js-nolint
+setStatus(status)
+```
+
+### Parameters
+
+- `status`
+  - : A string representing the login status to set for the IdP. Possible values are:
+    - `"logged-in"`: The IdP has at least one user account signed in.
+    - `"logged-out"`: All IdP user accounts are currently signed out.
+
+### Return value
+
+A {{jsxref("Promise")}} that fulfills with `undefined`.
+
+### Exceptions
+
+- `SecurityError` {{domxref("DOMException")}}
+  - : Thrown if the calling domain is not in a frame where all of the nesting hierarchy is same-origin. Whether called from the main frame, an {{htmlelement("iframe")}} nested inside the main frame, or another `<iframe>` nested one or more levels deep inside the first `<iframe>`, _all_ levels of the nesting hierarchy must be same-origin for the call to be successful.
+
+## Examples
+
+```js
+/* Set logged-in status */
+navigator.login.setStatus("logged-in");
+
+/* Set logged-out status */
+navigator.login.setStatus("logged-out");
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API)
diff --git a/files/en-us/web/http/headers/sec-fetch-dest/index.md b/files/en-us/web/http/headers/sec-fetch-dest/index.md
index 5ea8d11af3c8433..8109ea489952930 100644
--- a/files/en-us/web/http/headers/sec-fetch-dest/index.md
+++ b/files/en-us/web/http/headers/sec-fetch-dest/index.md
@@ -52,6 +52,7 @@ Sec-Fetch-Dest: sharedworker
 Sec-Fetch-Dest: style
 Sec-Fetch-Dest: track
 Sec-Fetch-Dest: video
+Sec-Fetch-Dest: webidentity
 Sec-Fetch-Dest: worker
 Sec-Fetch-Dest: xslt
 ```
@@ -100,6 +101,8 @@ Servers should ignore this header if it contains any other value.
   - : The destination is an HTML text track. This might originate from an HTML {{HTMLElement("track")}} tag.
 - `video`
   - : The destination is video data. This might originate from an HTML {{HTMLElement("video")}} tag.
+- `webidentity`
+  - : The destination is an endpoint associated with verifying user identify. For example, it is used in the [FedCM API](/en-US/docs/Web/API/FedCM_API) to verify the authenticity of identity provider (IdP) endpoints, guarding against {{glossary("CSRF")}} attacks.
 - `worker`
   - : The destination is a {{domxref("Worker")}}.
 - `xslt`
diff --git a/files/en-us/web/http/headers/set-login/index.md b/files/en-us/web/http/headers/set-login/index.md
new file mode 100644
index 000000000000000..fa1701333207d56
--- /dev/null
+++ b/files/en-us/web/http/headers/set-login/index.md
@@ -0,0 +1,64 @@
+---
+title: Set-Login
+slug: Web/HTTP/Headers/Set-Login
+page-type: http-header
+browser-compat: http.headers.Set-Login
+---
+
+{{HTTPSidebar}}{{SeeCompatTable}}
+
+The **`Set-Login`** {{Glossary("Response header", "response header")}} is sent by a federated identity provider (IdP) to set its login status — by this, we mean "whether any users are logged into the IdP on the current browser or not". This is stored by the browser and used by the [FedCM API](/en-US/docs/Web/API/FedCM_API) to reduce the number of requests it makes to the IdP (because it does not need to waste time requesting accounts when there are no users logged in to the IdP). It also mitigates [potential timing attacks](https://github.com/fedidcg/FedCM/issues/447).
+
+The header may be set on any response resulting from a top-level navigation or a same-origin subresource request on the IdP's origin site — basically, any interaction with the IdP site may result in this header being set, and the login status being stored by the browser.
+
+See [Update login status using the Login Status API](/en-US/docs/Web/API/FedCM_API/IDP_integration#update_login_status_using_the_login_status_api) for more information about FedCM login status.
+
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row">Header type</th>
+      <td>{{Glossary("Response header")}}</td>
+    </tr>
+    <tr>
+      <th scope="row">{{Glossary("Forbidden header name")}}</th>
+      <td>no</td>
+    </tr>
+  </tbody>
+</table>
+
+## Syntax
+
+```http
+Set-Login: status
+```
+
+## Directives
+
+- `status`
+
+  - : A string representing the login status to set for the IdP. Possible values are:
+
+    - `"logged-in"`: The IdP has at least one user account signed in.
+    - `"logged-out"`: All IdP user accounts are currently signed out.
+
+    > **Note:** Browsers should ignore this header if it contains any other value.
+
+## Examples
+
+```http
+Set-Login: logged-in
+
+Set-Login: logged-out
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- [Federated Credential Management (FedCM) API](/en-US/docs/Web/API/FedCM_API)
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index bddf492da77db7e..2b65d0cba84a327 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -472,9 +472,17 @@
     },
     "FedCM API": {
       "overview": ["FedCM API"],
-      "interfaces": ["IdentityCredential", "IdentityProvider"],
+      "guides": [
+        "/docs/Web/API/FedCM_API/IDP_integration",
+        "/docs/Web/API/FedCM_API/RP_sign-in"
+      ],
+      "interfaces": [
+        "IdentityCredential",
+        "IdentityProvider",
+        "NavigatorLogin"
+      ],
       "methods": ["CredentialsContainer.get()"],
-      "properties": [],
+      "properties": ["Navigator.login"],
       "events": []
     },
     "Fetch API": {

From 2cf5f544d96792f312a413c978f37f5372d134a7 Mon Sep 17 00:00:00 2001
From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Fri, 16 Feb 2024 05:05:32 +0530
Subject: [PATCH 785/790] fix: 'yarn filecheck' issues (#32281)

---
 .../browser-table.png                         | Bin 59036 -> 0 bytes
 .../miterlimit/canvas_miterlimit.png          | Bin 4835 -> 0 bytes
 files/en-us/web/css/content/mdn-favicon16.png | Bin 648 -> 0 bytes
 .../consistent-list-indentation-figure1.gif   | Bin 362 -> 0 bytes
 .../consistent-list-indentation-figure2.gif   | Bin 823 -> 0 bytes
 .../consistent-list-indentation-figure3.gif   | Bin 967 -> 0 bytes
 .../consistent-list-indentation-figure4.gif   | Bin 1015 -> 0 bytes
 .../consistent-list-indentation-figure5.gif   | Bin 1122 -> 0 bytes
 .../consistent-list-indentation-figure6.gif   | Bin 1168 -> 0 bytes
 .../css/css_media_queries/media-queries.svg   |  87 ------------------
 10 files changed, 87 deletions(-)
 delete mode 100644 files/en-us/learn/css/css_layout/supporting_older_browsers/browser-table.png
 delete mode 100644 files/en-us/web/api/canvasrenderingcontext2d/miterlimit/canvas_miterlimit.png
 delete mode 100644 files/en-us/web/css/content/mdn-favicon16.png
 delete mode 100644 files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure1.gif
 delete mode 100644 files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure2.gif
 delete mode 100644 files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure3.gif
 delete mode 100644 files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure4.gif
 delete mode 100644 files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure5.gif
 delete mode 100644 files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure6.gif
 delete mode 100644 files/en-us/web/css/css_media_queries/media-queries.svg

diff --git a/files/en-us/learn/css/css_layout/supporting_older_browsers/browser-table.png b/files/en-us/learn/css/css_layout/supporting_older_browsers/browser-table.png
deleted file mode 100644
index ca62965adbbcf1af1fcf816cf08df0f732ed684e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 59036
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

diff --git a/files/en-us/web/api/canvasrenderingcontext2d/miterlimit/canvas_miterlimit.png b/files/en-us/web/api/canvasrenderingcontext2d/miterlimit/canvas_miterlimit.png
deleted file mode 100644
index b790cf31958fc09881fee81a7c227276d1a6d1d6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4835
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
JPDHLkV1kF6iBSLm

diff --git a/files/en-us/web/css/content/mdn-favicon16.png b/files/en-us/web/css/content/mdn-favicon16.png
deleted file mode 100644
index e519090fdeab2d28288ee551eae3fe3e825f2fee..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 648
zcmV;30(bq1P)<h;3K|Lk000e1NJLTq000mG000mO0ssI2kdbIM00006bW%=J00000
z003^L2ax~(010qNS#tmY3ljhU3ljkVnw%H_00JmUL_t(|+MSZmOH^?b#n1hIzw@5W
zjAP@3I;Ck~zpRAF7=sL3WDr5*wq?@NjnFz5(V}&m=ntqxxG2&^3qge<iWF?zgr-iG
z<JdF~Z{GX<Y%zf(t~$%Z{oKPnT;RV&i6+)J1Y&!9e(nk~hj+(7#E<og{#&uL17Rks
zx7IN?fw`BYq_}Wh<ZjZD<3T({3)61;IhNj$e`lQc4gw%&!(`fU0c{b5@t_1h0XRpj
zmTHEz0I)bKz&$4w062%5Y!~+K`4&&GHy@&eFJ^vL;c-ay7vP?7#yX{mNCtAGJNx+d
z$;Ji&VC-U=6OB)OeKfOz1`T5YKpD=?3{t9<OEcEj{&2V_>5KYtK~PiLT<S_UF}_*|
zN|6REwl^4*fiexow8n*Cw5K8lJ9@SA%l+I?#)s0-hQS!8v}f&3B~ta=f2FPEoK7?!
zK&YTJbJ{qmib1sSt+ZX0ySo_?6L8G;VhhXViBAO>18oG1fz|{}=D&}ul{+$tI<Qs@
zZ#<YR0;e*`k7Xd~0S;O-r>&FPNgV)BU**e{s17`tT3j_IB0K-93ZFwNNDXB;b><L1
z1Z&CK#fo|MI$zkV{-}g6-sZQYhOw~DQ4GewSnO;P8yH1f4*+a0yK2#O_9K=+O*0mN
z2&#s{XPZ8XmeT;RxkQw^hoFSj_wM&P00<A+Uh2LEBe62;Hs+y10BCGO*JT{+08-g~
iUe`~OpW4T7Z2JRjD+_GVr2^Ri0000<MNUMnLSTXnJ{wN}

diff --git a/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure1.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure1.gif
deleted file mode 100644
index a6eb456fcdcafd6ff5daebad3c36b7e7d0ff7904..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 362
zcmV-w0hRtoNk%w1VaNa|0JHx9|NsC0008dp?%mzp%*@QXy1J>UshF6Uhlht|W@c4Y
zRYXKYGBPqDAt4YD5C8xGEC2ui0LTC+000F45XecZy*TU5yZ>M)j$~<`XsWJk>%MR-
z&vb3yc&_h!@BhG{a7Zi~kI1BQ$!t2GlmI|Vom#8dt2WEsdb{ASI7}X!%jl^T%5L-4
z?sy3<uiIBrMoVyT+=+B?3=I!|h9Y!@D~g9dfj0w;DUywq7y$)-gb#WG3J(qh0GR^}
z4+jJerx}!%Igc|Bii`;dqYD7C1_A~T2m%DH6T+^pQnSOdvJ#BVti^9S$jlbb)ELCj
zjmOsjeiF91!{gZ6I<PVV4+6QV0JQ)Hxa#cm0QMI6=ElkZp9S|!H4xRW;Ie85_tikB
zuwfI14xK=ZNU_Moib*cANW<}r$BrN$KZ*=Va*IZcC{wCj$+D%(moQ_>oJq5$&6_xL
I-i!bMJD}mCq5uE@

diff --git a/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure2.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure2.gif
deleted file mode 100644
index aa6b7b5f2698d94d2e6f0dfb02018cae244f5359..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 823
zcmZ?wbhEHbJi(B{aO6M3e;{CBc=ztz-Me?soH?^=*RGW-SI(F*qrJVoyu3UuEiE)O
z)WyZc$jC@hQBgoZfPqAy15yvNi-GmOf<j+P=Ddtm>vCT2E6_P#l6${m-TRvN{|_uE
z@X(R!Ke43fWRBJR3oA;z)<&(rv8L?w+p7H!HdOfN%|8EPOV!!D-S<E2sPS8W`~8nU
z+6)hV|8A&nYHVq4Ywc+7>g?(6>z&X)skWwSTGZ6(2{UKS4XWX_Wn$-_XFDf_mrr0>
z>YO#!8`fH`aA)3RxnpxYBkR)D0t=bA1^8JQ_A&Dcu(R-=(cHD$WUI5lhD}`TCwLgH
zvoWy=a4@l4Qht7U#yzD?*WbT=@k!(5t7@+spH<%dQv3QX?8g(~K(8ZaWgms+{a`O}
zHC1F%;P~*2r@@SYZI|nu9fA(-!t&BdP3~(Nj;HeV{XZC8nVaZ6(NONt97|`lvnpo!
zuS#}&_B<CnvB^(LYm3Ik#cq?eew}1q8N4)LzE`i;RsPHKB3xt6zDm{(pSz$+LnH0e
zYR>iHLJABE-pshEw!UbMXrRKC+kzS8cRn5bkT)T2|2j_PG@hHxsb}UmdK)G*#;^5^
zOS>Jm;P&={$EW@}8$8%3)W~(;^ICX*!|mghg*+}h`c1lu=1p%%ixoKFSjXjgppTcs
z)15<9KkbXgM2q8(cHNaKICI;BVUmCkm&3|Us@}0j?rDCQvuo$dclRP2`0F!mDn*_p
zhsD}&wf+6w@ABaSfBAiXfBj%SX`i2NUw`8NMUiWKOg*A!GRuD+ciF?l*3saQ%V>5r
ziodq;=#e-Zk%E90-=9nj2F;?yK1QcaKA&k*<(a_H#p$-~mh03?W=4xg6OzwyvhF#o
z)NXO+SzpG&ufa`>ybeF6HR-KU<IP($w?VPr>W76>?)IJ2ni%*BrXR^am}?y4o}k2j
zi7D05le^?npt`d5^{EUz%&EUxm(0vM<2i3`$-Ktp<<;{h+@JrQmFq=7?X%1m3p><S
my;#&^_Ugsr32s_1mrM!EdbxB)+Nzh!=9Im9DXhrAU=09uQfguV

diff --git a/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure3.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure3.gif
deleted file mode 100644
index 25d3e09453b5d89f015360e8b395ad9b4ceb30f4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 967
zcmZ?wbhEHbJjIa4aO6M3e;{CBc=ztz-Me?soH?^=*RGW-SI(F*qrJVoyu3UuEiE)O
z)WyZc$jC@hQBgoZfPn$1oCKf)QVX(+f%U(FLSIVeyo^=ra$fH%&^cd{d%t4c`<nOv
z4=gC~(2?ptv83o^j@A4ND@wf9My<cGrtI|Fs{Ic(RQTx4KL27%)!Dq=_do2Y@mqiU
z{f|GQOb>qlZm4f+Y-w(5?P%}n?CI|7ozOq2vBrauVfxG&vuDknGk@N~1&bFgU9x=H
z$`z|ut(`I5V`^2(Cbtcn6Suo<-I1`zWje1d6FdK2`(3X4t$6takK3Pi+I8Og>ILhQ
zE?b$eTi&~2dC8HH_1HPVLrmO){45O5n0W=+S@^$bK6q$$%ehAI>N-sehJHqd1~wLn
zjs^z?##&{CcZ&`APAqK@WMmR4T${YF)AASR%9e?XIs4TD|9h}VE>_yqtjQ=L>?n|S
zW~z4NE&<7w{ss;vzFW)&0u7AK_RVUn8?Lwn&lQ=>a)F~EmT}o<nLUe7l|J@dACUTi
z<&ja&<W086X2mYL#(rz7=e@LM>!rE;9P2)9y0v<{{{8)R%*|X1;q4C&HwY`ot=Uni
zw%dm5@?EvkB9Rl;D$(yEBPIA*->%DxYm97vCdMhiFyVXNmafZxJf74njB;T-zs`S(
znERsH{WljUUe_q+TVPf8?t$$D_w#c5M3}{%xNVd^zJHPnr<g%UfTDA|r6A9YJ|~Ob
zZgbNl_sS%P>`$tz?kiM&PC4>hUFMK}yyR~m2Gfn~6YGA@RG80e$EZ5xzoDz_(J4*d
zwyI2xY#!kcIG&v~xat;`DB2jto_j^q;!Vbq1FcFj5zcKIhYlq1Xl?u9)MLCyLz&y`
zT*YIPLc?c^lO6tPs3f$6nmw85sMfip-{jPU$9;bynU=a1`ktIQWyezmhK!ec!V@Oz
z{+-aksHE`WeyjgBhqL**O)r!34;&3}@YPs$lBtkkL2-=r`y<Bww%;#A9%A6+_?0>}
zj&q4@xuD9H0B8QW0S#_#@6y#X%}STV)f&!Ba9~b<_xu_6mzybCb<3VTiSC}hs$t&B
z|EwKZeoPh@(x!U58iX`^IKIdZ_^GQ9H8&{m>OzLdT-8UL9xOO~V1szyE2q_ALEdwH
zrrLSjZrU19l&!EW^XrNyJG>`l>rK8l$>8L!iCa#;+x_ks_xnAaOSs?d{qbz|`+a}D
ky?(!+fnDdr0T%I`4+lBa*L*m{WB%sDVFC9TCk_T{04M>ffB*mh

diff --git a/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure4.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure4.gif
deleted file mode 100644
index 9fd54c3f8b8434ecbd310d90382d7ce39e0a6f4e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1015
zcmZ?wbhEHbyv~ruaO6M3e;{CBc=ztz-Me?soH?^=*RGW-SI(F*qrJVoyu3UuEiE)O
z)WyZc$jC@hQBgoZfPn$1oCKf)QVX(+f%U(FLSIVeyo^=ra$fH%&^cd{d%t4c`<nOv
z4=gC~(2?ptv83o^j@A4ND@wf9My<cGrtI|Fs{Ic(RQTx4KL27%)!Dq=_do2Y@mqiU
z{f|9$=l44?)HgOXH?_93w{>=OclGx4_f4EIdD7ID`cOuOS#xI3o4a8CqJ>KqFI&1|
z`Kpy`R<B#TVfL)h8MTR9gEw!B+ZDWHckKSaS-iGP?ED98_68lY;^h-OWpmDd?<MOS
zmo3h?3f{k^x`X+l#naoSR~;Ta&|qXec~S5v6Sp8g3&RIyUO{#i{y$4C+Wp+NE56w`
z_s3#^1~XRnFNOsY2OAie1qC=190FX9HyK>{>v1Dc*esXR_J5y)rNENjW+xB5ke3BZ
zIj5QU*Oc6JdUB%dT^1MX1Rs|p3oS}NEn&QTQl3$e#e#){L5YD`c%j!-u7=f|>%EhI
z#0V{zyO$~Ux8;fJ>v9hZIUL@XaVurb9hI`l7xs3iyq~nErkla;k-5RdLlw!Ibw?{U
zK0Y=<-dj#IVZ+3eGnBK>ovGZM?$<Ff!i*>7OX4LzCwar(S+hiwY(?%k-?q|NE6*vw
z@L>A-Z)bc|%JyB*UF2YRUp3@)LVMDj50dA3H!oBCd}MdU{TDY6FMrQyU(dk0Okx8=
z<tLS^M+47fZar`$U(7J;$qJ@}44+^1FR`yLQY~I$w$Q*K|3~M7IhL9;8$AElTe5OI
z;FK1fF~6>GW<rpkD`P=O5R0qELk@PKk0Bw!s>z~Zu@g^-MkrNeI8@5}iMvE{&7B&?
zk{zhh8~yYKb03p@n?*~HeA}0(iOw9FEE7Gxm848|(2!(dnH&1^=G3q>$;edqte2|O
z66zwCPFd=>^U372Zw}A+eU{z4Gx7LKg@&BZ0v-2f*=@;mVq)uPaA;$FwbQ4-&gHoH
zJi|ZB6*!-K2{;fa#C7XXok|RQgUzkGlh51z{Ua=}M3rX(!;11n(-&0n+KNo97CAco
zq8p1S1K-MLo~M|WDsZ)4s+U=o;K1B4tNjJ{4!%XJoB7mAofaF;`ZcZfc-Mr7Z6{YL
zG}JIVMj0*&5ez6z3e#%S7H#3aAoeml&9z|~L)ONn0{yBd4ma#%<=fr7Hm|Ee-~1<E
zRrLOKjO+z`-(ESS&fw^t`QcFVyX<CFfncS=BO?Aeg-0cfAAL9=Q~u`TafNoBPbXBS
j=X^S;v3$*^Q##w<d^&A#T<7x{lj}L3&sw%HFjxZsN0z?g

diff --git a/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure5.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure5.gif
deleted file mode 100644
index 79ed55ada3183191941fd0c40e971f2112a0adc6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1122
zcmV-o1fBawNk%w1Ve$ZG0L1?Q|NsC0008dp?#|B6zP`S$uCAV*o{o-=etv#$Z*N~;
zUr$d@KR-V&FE1Y-9}f=?009300000000000000000000000000000000000000000
z000000000000000EC2ui0P+B4000I5ARvxpX`X1Ru59bRa4gSsZQppV?|kq7z@TtQ
zEE<o<q;kn@I-k&}bV{vSuh^`1%k6r<;IMd1E}PHjw0g~MyWjA*d`_?1@A$la&+q&H
zfPsQh5CVmVhKY!aij9nqj**a)l9iN~mYJBFiV$!D0idFxq@$*#sHdu_tgEiAu&=VQ
zw6nIPp>Tx)yuH4^z`?@9#Kp$P$jQpfz@BfS%+b=*)YaC+xo^AI+}+;a)y{6B4d4e4
z;OXk=*>2n44Gt0O^!4GNp}q6n`}Y3-#oC35KrjM|cLVxeQwXr3LqlT<7CZr}06KXQ
z$_ZEy;Q;{w76&wlaDc!AlEWDPK3qvp;1`JmPZT1^tDk}cAQ=cCXh4902nYlaP^pil
zQG4RRz%*z=)V_W&YZjF%jOfv;)?9j7Dw8TyU|*>Qvx>E>w4_QWQVjL97dl=zcTSaC
z)vVoWTGi}&YEr;WpE~IZCQJ6N;bLglfGW5#LIGYQ9eiX=nI>4vhcg??o93P7&npwF
zfd;xXK+b49n_f*%bQ;pEV}nC|212ddw{qj&t-Ckx->(9=M&r9U@Z-jlBVRs>wi(s3
zqhA|-2DbF;)0~%qj=j4w>SoA&Q_%6T_q*E3aIcmisK}4!?Sd}@yKu6gyb5THk2U=j
zi3j<T5IFYn2he=~!L*kDMFL=?5l0?@^ngetnS|0X11w-*e*#3Lpb0az#mip>=){vx
zKnYbC0t0M_6@pf9)f8J|MK#!5zzhJNi$?iZg^VTaRU=q)k+ma_M!^`PS~Jqs&sze-
z6_#MX9Es#gK87LWPJR7lKwwi61)l*LUKtubjB#XMWRuZU8ABWuq=1<ZWeLW5bb6;`
z7}n)^o}FLd>F0HOg3;%o*a7N=ZOS#u+@p?0dYo|hNNOphm|l9RqFo4zsBDFPap<Sf
zamt0Kq^=gK7vgzCUPe}?`i-eupvp`FJqdsSl(MF?Y8Ukp*sD6UIssr;y$tA00dWlr
z&aY1ZNkT;z5%gf^M<0bWQb{K@`^x|cc<XF8#WEr72qB6^qKOgo^ixnn1yevl;*L9=
zhsT!SRE-i1DHbpWG{CF9S#>DJxgu;iWsx}MSRldQk&&;yGztc#lnfK&0L0vsi-p2n
z;`F7zR06Yrc^q2<?G}sCq$Xq$NVb!kG&6(|11P6VjmKBms`FJVYccB2X7Ox=&qT8n
zbQVJ=eU;HwFq-Mqno@1GZ<K1I$<~~7&Gpw_hYj}Fmn=QV*=VP&_S$T>?e^Pn$1V5V
obk}Y7-FWA%_uhQ>?f2h+2QK*Fgcol3;fN=$_~MK=4oC<9JCi*aTmS$7

diff --git a/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure6.gif b/files/en-us/web/css/css_lists/consistent_list_indentation/consistent-list-indentation-figure6.gif
deleted file mode 100644
index e78fbe685a833b45158d12345041a6db587635c9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1168
zcmV;B1aJFCNk%w1Ve$ZG0L1?Q|NsC0008dp?#|B6zP`S$uCAV*o{o-=etv#$Z*N~;
zUr$d@KR-V&FE1Y-9}f=?009300000000000000000000000000000000000000000
z000000000000000EC2ui0P+B4000I5ARvxpX`X1Ru59bRa4gSsZQppV?|kq7z@TtQ
zEE<o<q;kn@I-k&}bV{vSuh^`1%k6r<;IMd1E}PHjw0g~MyWjA*d`_?1@A$la&+q&H
zfPsQ35CVmVhKY!aij9nqj**a)l9iN~mYJBFnw^}B5J&=}q@|{(sHvs_0<5mBu&=VQ
zw6nIgxVO5wyt}@=z`w$+tVo5b$jQpf%+1cv(9zP<rJ+aE(X80p+}+;arNu|b;N|A$
z=;^A~M(U@m4dn+9?)CP|;zs26<qZxI`~nIb#jZ#|ZKD8sQ#i1px_m|UVT(YKA+iA$
zw`Fw55nMqc3oBAg6`%mUe-YyU30M%}0RaIf2Q-LqfWQNqsy24qi47tViPJ=mOf{6D
zf&(xa2%u;{fPn}I1Q5`fkf+sdABTh#Npfk`gj~IT6^n}M)wB2n80#j~tXPH{;gT}z
z7OmY>S%rKHi;9&(hV(`uB`cTc-NR|u2K;MNz)`143D3=mxH7W5K@L`28KJ<anGRlV
z9zE35X3MBa`5Xc?wd>b-Me#!jyLPwLLR#D2jT$qMgS>-J!yQETxnanIDNoLPx%1}G
zYX$KA19<f7&$DCSuDyEz;y{cGA8(bq58&j}D+B*Sy!!V6&G!JV(wl;op5b$3@54Rn
z1X0QKl70@!#{+s}Q4`hwC<W9<AaIIt!`DT1MN{E}=NP!dR;RsVk^m^F#F9%eJs=ZJ
zHsPeo01IF!5Pv=R$4px}{YA=S1t`UoQ&36e76JpfD3FFaa9G+ZZ_O1}VPu^$z<@&D
z10xSIE<+<_l9@JHf~G(j<vm2^uvdrgBsof80u06^RbGBs&y+h<xmQAsJ!U{;Yoaos
z0WG>&PnbApHWEwufhO8Wq-DfXMGE-o4xBp3>FA`F$tESG!9kjXq?mR}3ZOS2=;>>k
z;=pN7-lfXjs;aiS-E@}P!|JTA)=KNGrQUGrsFZ?ggQ&csma7fB2J5G<HP8pneJQnR
z>~Lz0GhPBs34j3qn$Kc`EDfSw_>8yNA~S3a#g;|pir_L+z+mB0v+WE<QdQDP6p7f<
zOEJw<(@pG}GC%_Twwq0~`miNbjbq`cV+2h-71dOz6i`vX0zdPv4DohlBUq>9nTi1o
zU|X>><I+&BX$ND;<d#{cg3-v*TpYugM<Thg0BEYoa$OF<3{A;1oGcAv^w^2#&d4l~
zpU=+741=Hm5&BsKp)G~z)fu70z|u@J1GEf6cP*ULF90jHLtn=b_Sw6U?Sk2CzesRI
zv)O9*t#{`Q9jwxR;>q8B2M+k)f)`Hs;h(rY$l{DQ?)c-7M=tr~lvi%~<(Ox#`R1H=
i?)m4Shc5aR=%kl!`st{ruKMb%x9<Auu*cp<2mm{%bv?`g

diff --git a/files/en-us/web/css/css_media_queries/media-queries.svg b/files/en-us/web/css/css_media_queries/media-queries.svg
deleted file mode 100644
index 62c46af5cecb2f9..000000000000000
--- a/files/en-us/web/css/css_media_queries/media-queries.svg
+++ /dev/null
@@ -1,87 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1006" height="459" style="background-color:#fff" viewBox="-0.5 -0.5 1006 459">
-  <defs>
-    <clipPath id="mx-clip-253-191-282-124-0">
-      <path d="M253 191h282v124H253z"/>
-    </clipPath>
-    <clipPath id="mx-clip-743-206-134-134-0">
-      <path d="M743 206h134v134H743z"/>
-    </clipPath>
-    <clipPath id="mx-clip-253-141-282-34-0">
-      <path d="M253 141h282v34H253z"/>
-    </clipPath>
-    <clipPath id="mx-clip-743-181-134-24-0">
-      <path d="M743 181h134v24H743z"/>
-    </clipPath>
-  </defs>
-  <path fill="none" d="M20 68h634.29v370H20z" pointer-events="all"/>
-  <path fill="#fff" d="M588.46 398.51H85.83V87.81c0-10.89 8.92-19.81 19.93-19.81h462.77c11.01 0 19.93 8.92 19.93 19.81Z" pointer-events="all"/>
-  <path fill="#005f4b" d="M654.29 410.58H380.35v3.67c0 4.2-3.41 7.61-7.6 7.61h-71.21c-4.19 0-7.6-3.41-7.6-7.61v-3.67H20v9.71c0 9.84 7.87 17.71 17.57 17.71h599.15c9.7 0 17.57-7.87 17.57-17.71Zm-87.6-320.8v286.95H107.6V89.78ZM568.53 68H105.76c-11.01 0-19.93 8.92-19.93 19.81v310.7h502.63V87.81c0-10.89-8.92-19.81-19.93-19.81Z" pointer-events="all"/>
-  <path fill="#49ab95" stroke="#427368" stroke-miterlimit="10" d="M730 95.69C730 80.4 742.89 68 758.8 68h102.4c15.91 0 28.8 12.4 28.8 27.69v244.62c0 15.29-12.89 27.69-28.8 27.69H758.8c-15.91 0-28.8-12.4-28.8-27.69Zm6.4-.77v246.16h148V94.92Z" pointer-events="all"/>
-  <ellipse cx="783.6" cy="74.15" fill="#fff" stroke="#427368" pointer-events="all" rx="2.4" ry="2.30769231"/>
-  <rect width="38.4" height="10.77" x="790.8" y="349.54" fill="#fff" stroke="#427368" pointer-events="all" rx="4.62" ry="4.62"/>
-  <rect width="36" height="3.85" x="791.6" y="73.38" fill="#fff" stroke="#427368" pointer-events="all" rx="1.54" ry="1.54"/>
-  <ellipse cx="834" cy="74.15" fill="#fff" stroke="#427368" pointer-events="all" rx="2.4" ry="2.30769231"/>
-  <ellipse cx="842" cy="74.15" fill="#fff" stroke="#427368" pointer-events="all" rx="2.4" ry="2.30769231"/>
-  <ellipse cx="862" cy="77.23" fill="#fff" stroke="#427368" pointer-events="all" rx="3.2" ry="3.07692308"/>
-  <path fill="#FFF" stroke="#91cbff" stroke-width="2" d="M100 88h470v290H100z" pointer-events="all"/>
-  <path fill="none" stroke="#91cbff" stroke-miterlimit="10" stroke-width="2" d="M100 122.8h470m-451.2-17.4h9.4m14.1 0h9.4m14.1 0h385.4" pointer-events="all"/>
-  <path fill="none" d="M250 188h287.85v130H250z" pointer-events="all"/>
-  <g clip-path="url(#mx-clip-253-191-282-124-0)" font-family="Helvetica" font-size="12">
-    <text x="254.5" y="203.5">Lorem ipsum dolor sit amet, consectetur adipisicing</text>
-    <text x="254.5" y="217.5">elit, sed do eiusmod tempor incididunt ut labore et</text>
-    <text x="254.5" y="231.5">dolore magna aliqua.</text>
-    <text x="254.5" y="273.5">Praesent aliquam, enim at fermentum mollis, ligula</text>
-    <text x="254.5" y="287.5">massa adipiscing nisl, ac euismod nibh nisl eu lectus.</text>
-    <text x="254.5" y="301.5">Fusce vulputate sem at sapien. Vivamus leo</text>
-  </g>
-  <path fill="none" d="M740 198h140v140H740z" pointer-events="all"/>
-  <g clip-path="url(#mx-clip-743-206-134-134-0)" font-family="Helvetica" font-size="9">
-    <text x="744.5" y="215.5">Lorem ipsum dolor sit amet,</text>
-    <text x="744.5" y="226.5">consectetur adipisicing elit, sed </text>
-    <text x="744.5" y="237.5">do eiusmod tempor incididunt ut </text>
-    <text x="744.5" y="248.5">labore et dolore magna aliqua.</text>
-    <text x="744.5" y="270.5">Praesent aliquam, enim at</text>
-    <text x="744.5" y="281.5">fermentum mollis, ligula massa</text>
-    <text x="744.5" y="292.5">adipiscing nisl, ac euismod nibh</text>
-    <text x="744.5" y="303.5">nisl eu lectus. Fusce vulputate</text>
-    <text x="744.5" y="314.5">sem at sapien. Vivamus leo</text>
-  </g>
-  <path fill="none" stroke="#000" stroke-miterlimit="10" d="m106.37 48 457.26.13" pointer-events="stroke"/>
-  <path stroke="#000" stroke-miterlimit="10" d="m101.12 48 7-3.5-1.75 3.5 1.75 3.5ZM568.88 48.13l-7 3.5 1.75-3.5-1.75-3.5Z" pointer-events="all"/>
-  <g font-family="Helvetica" font-size="18" text-anchor="middle">
-    <path fill="#FFF" stroke-width="0" d="M271 18h119v23H271z"/>
-    <text x="329.51" y="35.56">Viewport width</text>
-  </g>
-  <path fill="none" stroke="#000" stroke-miterlimit="10" d="m741.41 48.03 137.18.54" pointer-events="stroke"/>
-  <path stroke="#000" stroke-miterlimit="10" d="m736.16 48 7.01-3.47-1.76 3.5 1.73 3.5ZM883.84 48.6l-7.01 3.47 1.76-3.5-1.73-3.5Z" pointer-events="all"/>
-  <g font-family="Helvetica" font-size="18" text-anchor="middle">
-    <path fill="#FFF" stroke-width="0" d="M751 18h119v23H751z"/>
-    <text x="809.23" y="35.8">Viewport width</text>
-  </g>
-  <path fill="none" stroke="#000" stroke-miterlimit="10" d="M600 371.48V134.37" pointer-events="stroke"/>
-  <path stroke="#000" stroke-miterlimit="10" d="m600 376.73-3.5-7 3.5 1.75 3.5-1.75ZM600 129.12l3.5 7-3.5-1.75-3.5 1.75Z" pointer-events="all"/>
-  <g font-family="Helvetica" font-size="18" text-anchor="middle">
-    <path fill="#FFF" stroke-width="0" d="M605 217h72v44h-72z"/>
-    <text x="639.5" y="234.35">Viewport</text>
-    <text x="639.5" y="256.35">height</text>
-  </g>
-  <path fill="none" stroke="#000" stroke-miterlimit="10" d="M910 331.63V104.52" pointer-events="stroke"/>
-  <path stroke="#000" stroke-miterlimit="10" d="m910 336.88-3.5-7 3.5 1.75 3.5-1.75ZM910 99.27l3.5 7-3.5-1.75-3.5 1.75Z" pointer-events="all"/>
-  <g font-family="Helvetica" font-size="18" text-anchor="middle">
-    <path fill="#FFF" stroke-width="0" d="M915 182h72v44h-72z"/>
-    <text x="949.5" y="199.88">Viewport</text>
-    <text x="949.5" y="221.88">height</text>
-  </g>
-  <path fill="none" d="M130 158h100v100H130z" pointer-events="all"/>
-  <path fill="#d45b07" d="M170.91 187.55c3.76 0 6.82 3.05 6.82 6.81s-3.06 6.82-6.82 6.82c-3.76 0-6.82-3.06-6.82-6.82 0-3.76 3.06-6.81 6.82-6.81Zm0 18.18c6.26 0 11.36-5.1 11.36-11.37 0-6.26-5.1-11.36-11.36-11.36-6.27 0-11.36 5.1-11.36 11.36 0 6.27 5.09 11.37 11.36 11.37Zm-36.36 47.72v-21.78l18.18-18.18 34.75 34.75 3.22-3.21-17.71-17.71 25.19-25.2 27.27 27.28v24.05Zm90.9-90.9v60.42l-25.66-25.67c-.89-.89-2.33-.89-3.21 0l-26.81 26.8-15.44-15.43c-.88-.89-2.32-.89-3.21 0l-16.57 16.57v-62.69Zm2.28-4.55h-95.46c-1.25 0-2.27 1.02-2.27 2.27v95.46c0 1.25 1.02 2.27 2.27 2.27h95.46c1.25 0 2.27-1.02 2.27-2.27v-95.46c0-1.25-1.02-2.27-2.27-2.27Z" pointer-events="all"/>
-  <path fill="none" d="M775 108h70v70h-70z" pointer-events="all"/>
-  <path fill="#d45b07" d="M803.64 128.68c2.63 0 4.77 2.14 4.77 4.77 0 2.64-2.14 4.78-4.77 4.78-2.63 0-4.78-2.14-4.78-4.78 0-2.63 2.15-4.77 4.78-4.77Zm0 12.73c4.38 0 7.95-3.57 7.95-7.96 0-4.38-3.57-7.95-7.95-7.95-4.39 0-7.96 3.57-7.96 7.95 0 4.39 3.57 7.96 7.96 7.96Zm-25.46 33.41v-15.25l12.73-12.73 24.33 24.33 2.25-2.25-12.4-12.4 17.64-17.63 19.09 19.09v16.84Zm63.64-63.64v42.3l-17.97-17.97c-.62-.62-1.63-.62-2.25 0l-18.76 18.76-10.81-10.8c-.62-.63-1.62-.63-2.25 0l-11.6 11.6v-43.89Zm1.59-3.18h-66.82c-.88 0-1.59.71-1.59 1.59v66.82c0 .88.71 1.59 1.59 1.59h66.82c.88 0 1.59-.71 1.59-1.59v-66.82c0-.88-.71-1.59-1.59-1.59Z" pointer-events="all"/>
-  <path fill="none" d="M250 138h287.85v40H250z" pointer-events="all"/>
-  <g clip-path="url(#mx-clip-253-141-282-34-0)" font-family="Helvetica" font-size="25">
-    <text x="254.5" y="166.5">Heading</text>
-  </g>
-  <path fill="none" d="M740 178h140v30H740z" pointer-events="all"/>
-  <g clip-path="url(#mx-clip-743-181-134-24-0)" font-family="Helvetica" font-size="17">
-    <text x="744.5" y="198.5">Heading</text>
-  </g>
-</svg>

From 916225d3f9b7ce9c868915be9a9299ddf6e7a73d Mon Sep 17 00:00:00 2001
From: rgbxx <29098602+rgbxx@users.noreply.github.com>
Date: Fri, 16 Feb 2024 02:16:14 +0100
Subject: [PATCH 786/790] Update index.md: Replace reference to Twitter with X
 (#32067)

* Update index.md: Replace reference to Twitter with X

This commit updates the "JavaScript basics" article on the MDN website to replace all instances of references to Twitter with X. This change was made to ensure accuracy and relevance in accordance with current information.

* Update files/en-us/learn/getting_started_with_the_web/javascript_basics/index.md

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
---
 .../getting_started_with_the_web/javascript_basics/index.md     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/learn/getting_started_with_the_web/javascript_basics/index.md b/files/en-us/learn/getting_started_with_the_web/javascript_basics/index.md
index 1a5fb3bdd0d6a5b..c746fd28bdd7f05 100644
--- a/files/en-us/learn/getting_started_with_the_web/javascript_basics/index.md
+++ b/files/en-us/learn/getting_started_with_the_web/javascript_basics/index.md
@@ -20,7 +20,7 @@ With more experience, you'll be able to create games, animated 2D and 3D graphic
 JavaScript itself is relatively compact, yet very flexible. Developers have written a variety of tools on top of the core JavaScript language, unlocking a vast amount of functionality with minimum effort. These include:
 
 - Browser Application Programming Interfaces ({{Glossary("API","APIs")}}) built into web browsers, providing functionality such as dynamically creating HTML and setting CSS styles; collecting and manipulating a video stream from a user's webcam, or generating 3D graphics and audio samples.
-- Third-party APIs that allow developers to incorporate functionality in sites from other content providers, such as Twitter or Facebook.
+- Third-party APIs that allow developers to incorporate functionality in sites from other content providers, such as [Disqus](https://disqus.com/) or Facebook.
 - Third-party frameworks and libraries that you can apply to HTML to accelerate the work of building sites and applications.
 
 It's outside the scope of this article—as a light introduction to JavaScript—to present the details of how the core JavaScript language is different from the tools listed above. You can learn more in MDN's [JavaScript learning area](/en-US/docs/Learn/JavaScript), as well as in other parts of MDN.

From 0ca4542a9482bb74999f39d829465a2b50de222b Mon Sep 17 00:00:00 2001
From: A1lo <yin199909@aliyun.com>
Date: Fri, 16 Feb 2024 09:29:32 +0800
Subject: [PATCH 787/790] fix: add misssing param `aShowDialog` (#32306)

---
 files/en-us/web/api/window/find/index.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/web/api/window/find/index.md b/files/en-us/web/api/window/find/index.md
index af0be01d351f711..3e09d688c3d4461 100644
--- a/files/en-us/web/api/window/find/index.md
+++ b/files/en-us/web/api/window/find/index.md
@@ -35,6 +35,8 @@ find(aString, aCaseSensitive, aBackwards, aWrapAround, aWholeWord, aSearchInFram
   - : A boolean value. If `true`, specifies a whole word search.
 - `aSearchInFrames`
   - : A boolean value. If `true`, specifies a search in frames.
+- `aShowDialog`
+  - : A boolean value. If `true`, a search dialog is shown.
 
 ### Return value
 

From 502226413e74216b8e8ab6a557e452777052666f Mon Sep 17 00:00:00 2001
From: ginger <26461046+gingerchew@users.noreply.github.com>
Date: Thu, 15 Feb 2024 20:31:11 -0500
Subject: [PATCH 788/790] Update `Timing element visibility with the
 Intersection Observer API` (#32300)

---
 .../timing_element_visibility/index.md                          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/api/intersection_observer_api/timing_element_visibility/index.md b/files/en-us/web/api/intersection_observer_api/timing_element_visibility/index.md
index de5babc82f1a237..6e00a72eb0bb851 100644
--- a/files/en-us/web/api/intersection_observer_api/timing_element_visibility/index.md
+++ b/files/en-us/web/api/intersection_observer_api/timing_element_visibility/index.md
@@ -316,7 +316,7 @@ function intersectionCallback(entries) {
 
 As previously mentioned, the {{domxref("IntersectionObserver")}} callback receives as input an array of all of the observer's targeted elements which have become either more or less visible than one of the intersection observer ratios. We iterate over each of those entries—which are of type {{domxref("IntersectionObserverEntry")}}. If the target element is intersecting with the root, we know it has just transitioned from the obscured state to the visible state. If it's become at least 75% visible, then we consider the ad visible and we start the timer by setting the ad's `dataset.lastViewStarted` attribute to the transition time in {{domxref("IntersectionObserverEntry.time", "entry.time")}}, then add the ad to the set `visibleAds` so we know to process it as time goes by.
 
-If the ad has transitioned to the not-intersecting state, we remove the ad from the set of visible ads. Then we have one special behavior: we look to see if {{domxref("IntersectionObserverEntry.intersectionRatio", "entry.ratio")}} is 0.0; if it is, that means the element has become totally obscured. If that's the case, and the ad has been visible for at least a minute total, we call a function we'll create called `replaceAd()` to replace the existing ad with a new one. This way, the user sees a variety of ads over time, but the ads are only replaced while they can't be seen, resulting in a smooth experience.
+If the ad has transitioned to the not-intersecting state, we remove the ad from the set of visible ads. Then we have one special behavior: we look to see if {{domxref("IntersectionObserverEntry.intersectionRatio", "entry.intersectionRatio")}} is 0.0; if it is, that means the element has become totally obscured. If that's the case, and the ad has been visible for at least a minute total, we call a function we'll create called `replaceAd()` to replace the existing ad with a new one. This way, the user sees a variety of ads over time, but the ads are only replaced while they can't be seen, resulting in a smooth experience.
 
 #### Handling periodic actions
 

From 4deba5c15dfe45b8c7ce8470d3df7689b509956d Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Fri, 16 Feb 2024 09:34:04 +0800
Subject: [PATCH 789/790] Fix example in `CredentialsContainer.create()` &
 `CredentialsContainer.get()` (#32092)

---
 .../en-us/web/api/credentialscontainer/create/index.md | 10 ++++++----
 files/en-us/web/api/credentialscontainer/get/index.md  |  6 ++++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/files/en-us/web/api/credentialscontainer/create/index.md b/files/en-us/web/api/credentialscontainer/create/index.md
index 05402dacc8d9394..93c70a13560d6e3 100644
--- a/files/en-us/web/api/credentialscontainer/create/index.md
+++ b/files/en-us/web/api/credentialscontainer/create/index.md
@@ -110,10 +110,12 @@ If a single credential cannot be successfully created, the Promise will resolve
 ```js
 navigator.credentials
   .create({
-    id: "ergnjregoith5y9865jhokmfdskl;vmfdl;kfd...",
-    name: "fluffybunny",
-    origin: "example.com",
-    password: "fluffyhaxx0r",
+    password: {
+      id: "ergnjregoith5y9865jhokmfdskl;vmfdl;kfd...",
+      name: "fluffybunny",
+      origin: "example.com",
+      password: "fluffyhaxx0r",
+    },
   })
   .then((pwdCred) => {
     console.log(pwdCred.name);
diff --git a/files/en-us/web/api/credentialscontainer/get/index.md b/files/en-us/web/api/credentialscontainer/get/index.md
index fbc41b3dfc79b98..662e5100e540070 100644
--- a/files/en-us/web/api/credentialscontainer/get/index.md
+++ b/files/en-us/web/api/credentialscontainer/get/index.md
@@ -91,8 +91,10 @@ If a single credential cannot be unambiguously obtained, the Promise will resolv
 ```js
 navigator.credentials
   .get({
-    protocols: ["openidconnect"],
-    providers: ["https://www.facebook.com", "https://accounts.google.com"],
+    federated: {
+      protocols: ["openidconnect"],
+      providers: ["https://www.facebook.com", "https://accounts.google.com"],
+    },
   })
   .then((fedCred) => {
     console.log(fedCred.provider);

From 447d4dee97df6e45dfcdd789bda2101b0626a661 Mon Sep 17 00:00:00 2001
From: TheyClonedMe <fsavalam@gmail.com>
Date: Thu, 15 Feb 2024 19:36:47 -0600
Subject: [PATCH 790/790] Update NuxtJS Link to Current Version (#32046)

* Update NuxtJS Link to Current Version

This PR addresses the issue of the outdated link to **NuxtJS**, https://nuxtjs.org, which currently redirects to https://v2.nuxt.com.
This older link points to a version of NuxtJS (v2) that is nearing its end-of-life. The link has been updated to https://nuxt.com/, which leads to the latest version, NuxtJS v3.

* Update missed link

* Apply suggestions from code review - commiting suggestions from others

Co-authored-by: Daniel Roe <daniel@roe.dev>

---------

Co-authored-by: Hamish Willee <hamishwillee@gmail.com>
Co-authored-by: Daniel Roe <daniel@roe.dev>
---
 .../en-us/learn/forms/sending_and_retrieving_form_data/index.md | 2 +-
 .../client-side_javascript_frameworks/introduction/index.md     | 2 +-
 .../client-side_javascript_frameworks/vue_resources/index.md    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md b/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md
index 58c662de8f12f2a..d14257ca6d301c9 100644
--- a/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md
+++ b/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md
@@ -246,7 +246,7 @@ There are many other server-side technologies you can use for form handling, inc
 - Node.js
   - [Express](/en-US/docs/Learn/Server-side/Express_Nodejs)
   - [Next.js](https://nextjs.org/) (for React apps)
-  - [Nuxt](https://nuxtjs.org/) (for Vue apps)
+  - [Nuxt](https://nuxt.com/) (for Vue apps)
   - [Remix](https://remix.run/)
 - PHP
   - [Laravel](https://laravel.com/)
diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md
index d13dd0587777fc3..2e70ba651dc44c8 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/introduction/index.md
@@ -294,7 +294,7 @@ A few popular CMS systems include [Wordpress](https://wordpress.com/), [Joomla](
 
 **Server-side rendering** (**SSR**) is an application architecture in which it is the _server_'s job to render a single-page application. This is the opposite of _client-side rendering_, which is the most common and most straightforward way to build a JavaScript application. Server-side rendering is easier on the client's device because you're only sending a rendered HTML file to them, but it can be difficult to set up compared to a client-side-rendered application.
 
-All of the frameworks covered in this module support server-side rendering as well as client-side rendering. Check out [Next.js](https://nextjs.org/) for React, [Nuxt.js](https://nuxtjs.org/) for Vue (yes, it is confusing, and no, these projects are not related!), [FastBoot](https://github.com/ember-fastboot/ember-cli-fastboot) for Ember, and [Angular Universal](https://angular.io/guide/universal) for Angular.
+All of the frameworks covered in this module support server-side rendering as well as client-side rendering. Check out [Next.js](https://nextjs.org/) for React, [Nuxt](https://nuxt.com/) for Vue (yes, it is confusing, and no, these projects are not related!), [FastBoot](https://github.com/ember-fastboot/ember-cli-fastboot) for Ember, and [Angular Universal](https://angular.io/guide/universal) for Angular.
 
 > **Note:** Some SSR solutions are written and maintained by the community, whereas some are "official" solutions provided by the framework's maintainer.
 
diff --git a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/vue_resources/index.md b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/vue_resources/index.md
index 9f38b7d9984291e..69101d0dad5d87e 100644
--- a/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/vue_resources/index.md
+++ b/files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/vue_resources/index.md
@@ -50,7 +50,7 @@ Here's where you should go to learn more about Vue:
 - [Vue GitHub Repo](https://github.com/vuejs/vue) — The Vue code itself. This is where you can report issues and/or contribute directly to the Vue codebase. Studying the Vue source code can help you better understand how the framework works, and write better code.
 - [Vue Forum](https://forum.vuejs.org/) — The official forum for getting help with Vue.
 - [Vue CLI Docs](https://cli.vuejs.org/) — Documentation for the Vue CLI. This contains information on customizing and extending the output you are generating via the CLI.
-- [NuxtJS](https://nuxtjs.org/) — NuxtJS is a Server-Side Vue Framework, with some architectural opinions that can be useful to creating maintainable applications, even if you don't use any of the Server Side Rendering features it provides. This site provides detailed documentation on using NuxtJS.
+- [Nuxt](https://nuxt.com/) — Nuxt is a Server-Side Vue Framework, with some architectural opinions that can be useful to creating maintainable applications, even if you don't use any of the Server Side Rendering features it provides. This site provides detailed documentation on using Nuxt.
 - [Vue Mastery](https://www.vuemastery.com/courses/) — A paid education platform that specializes in Vue, including some free lessons.
 - [Vue School](https://vueschool.io/) — Another paid education platform specializing in Vue.