Merge remote-tracking branch 'upstream/main' into requestinit

* upstream/main: (58 commits) Update arrow function documentation to clarify naming and assignment (mdn#34501) update fetch guide (mdn#34278) Replace alert in Learn/JavaScript/First_steps/Variables (mdn#34487) Replace alert in MDN/Writing_guidelines/Page_structures/Live_samples (mdn#34479) Fix typo (mdn#34486) Remove SVG color-profile attribute (mdn#34482) Remove SVG enable-background attribute (mdn#34483) Remove SVG kerning attribute (mdn#34475) Updated the description of `targetOrigin` to specify the intended re… (mdn#34114) Mention CSWH in WebSocket server guide (mdn#34411) Add note to CSP sandbox saying allow-top-navigation is redundant (mdn#34415) Mention navigator.languages may be truncated and Accept-Language may have fallback (mdn#34418) Remove IDB output "example", preferring live example (mdn#34464) Mention that pinch-zoom are also wheel events (mdn#34468) Mention that flex-basis is floored at min-content (mdn#34469) More content to Global object glossary (mdn#34471) Fix IDB cursor prev direction description (mdn#34463) Remove all line number references to inline code examples (mdn#34459) Remove link to notification example (mdn#34412) Replaces HTML entity glossary links/mentions with char reference (mdn#34391) ...
wbamberg · Jun 29, 2024 · 460ca9a · 460ca9a
2 parents 80908bd + 23013cf
commit 460ca9a
Show file tree

Hide file tree

Showing 184 changed files with 1,094 additions and 1,416 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v18.17
+v18
diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
@@ -3584,6 +3584,7 @@
 /en-US/docs/Glossary/GZip	/en-US/docs/Glossary/gzip_compression
 /en-US/docs/Glossary/Global_attribute	/en-US/docs/Web/HTML/Global_attributes
 /en-US/docs/Glossary/Grid_Rows	/en-US/docs/Glossary/Grid_Row
+/en-US/docs/Glossary/Guard	/en-US/docs/Web/API/Fetch_API/Using_Fetch
 /en-US/docs/Glossary/Hash_function	/en-US/docs/Glossary/Cryptographic_hash_function
 /en-US/docs/Glossary/Header	/en-US/docs/Glossary/HTTP_header
 /en-US/docs/Glossary/I18N	/en-US/docs/Glossary/Internationalization
@@ -3601,6 +3602,7 @@
 /en-US/docs/Glossary/Property_(CSS)	/en-US/docs/Glossary/property/CSS
 /en-US/docs/Glossary/Random_Number_Generator	/en-US/docs/Glossary/RNG
 /en-US/docs/Glossary/Reference	/en-US/docs/Glossary/Object_reference
+/en-US/docs/Glossary/Rendering_engine	/en-US/docs/Glossary/Engine/Rendering
 /en-US/docs/Glossary/Responsive_design	/en-US/docs/Glossary/Responsive_web_design
 /en-US/docs/Glossary/Round_Trip_Time_(RTT)	/en-US/docs/Glossary/Round_Trip_Time
 /en-US/docs/Glossary/SRTP	/en-US/docs/Glossary/RTP
@@ -6502,7 +6504,6 @@
 /en-US/docs/SVG/Attribute/color	/en-US/docs/Web/SVG/Attribute/color
 /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/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
@@ -6544,7 +6545,7 @@
 /en-US/docs/SVG/Attribute/k4	/en-US/docs/Web/SVG/Attribute/k4
 /en-US/docs/SVG/Attribute/kernelMatrix	/en-US/docs/Web/SVG/Attribute/kernelMatrix
 /en-US/docs/SVG/Attribute/kernelUnitLength	/en-US/docs/Web/SVG/Attribute/kernelUnitLength
-/en-US/docs/SVG/Attribute/kerning	/en-US/docs/Web/SVG/Attribute/kerning
+/en-US/docs/SVG/Attribute/kerning	/en-US/docs/Web/CSS/font-kerning
 /en-US/docs/SVG/Attribute/keySplines	/en-US/docs/Web/SVG/Attribute/keySplines
 /en-US/docs/SVG/Attribute/keyTimes	/en-US/docs/Web/SVG/Attribute/keyTimes
 /en-US/docs/SVG/Attribute/letter-spacing	/en-US/docs/Web/SVG/Attribute/letter-spacing
@@ -8171,6 +8172,7 @@
 /en-US/docs/Web/API/FetchSignal	/en-US/docs/Web/API/AbortSignal
 /en-US/docs/Web/API/FetchSignal/aborted	/en-US/docs/Web/API/AbortSignal/aborted
 /en-US/docs/Web/API/FetchSignal/onabort	/en-US/docs/Web/API/AbortSignal/abort_event
+/en-US/docs/Web/API/Fetch_API/Basic_concepts	/en-US/docs/Web/API/Fetch_API/Using_Fetch
 /en-US/docs/Web/API/File.lastModifiedDate	/en-US/docs/Web/API/File/lastModifiedDate
 /en-US/docs/Web/API/File.name	/en-US/docs/Web/API/File/name
 /en-US/docs/Web/API/File.size	/en-US/docs/Web/API/Blob/size
@@ -11568,6 +11570,7 @@
 /en-US/docs/Web/CSS/box_edges	/en-US/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model
 /en-US/docs/Web/CSS/box_model	/en-US/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model
 /en-US/docs/Web/CSS/calc()	/en-US/docs/Web/CSS/calc
+/en-US/docs/Web/CSS/calc-constant	/en-US/docs/Web/CSS/calc-keyword
 /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-filters	/en-US/docs/Web/SVG/Attribute/color-interpolation-filters
@@ -12979,6 +12982,7 @@
 /en-US/docs/Web/SVG/Attribute/Presentation	/en-US/docs/Web/SVG/Attribute
 /en-US/docs/Web/SVG/Attribute/Styling	/en-US/docs/Web/SVG/Attribute
 /en-US/docs/Web/SVG/Attribute/dataset	/en-US/docs/Web/API/SVGElement/dataset
+/en-US/docs/Web/SVG/Attribute/kerning	/en-US/docs/Web/CSS/font-kerning
 /en-US/docs/Web/SVG/Compatibility_sources	/en-US/docs/Web/SVG
 /en-US/docs/Web/SVG/Element/animateColor	/en-US/docs/Web/SVG/Element/animate
 /en-US/docs/Web/SVG/Index	/en-US/docs/Web/SVG

diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
@@ -2159,7 +2159,7 @@
       "fscholz"
     ]
   },
-  "Glossary/Engine": {
+  "Glossary/Engine/JavaScript": {
     "modified": "2019-05-09T03:04:25.699Z",
     "contributors": [
       "SphinxKnight",
@@ -2172,6 +2172,18 @@
       "panaggio"
     ]
   },
+  "Glossary/Engine/Rendering": {
+    "modified": "2020-09-28T13:38:28.076Z",
+    "contributors": [
+      "myakura",
+      "ramsunvtech",
+      "hbloomer",
+      "Andrew_Pfeiffer",
+      "klez",
+      "kscarfone",
+      "ChrisL"
+    ]
+  },
   "Glossary/Entity": {
     "modified": "2019-09-05T01:20:53.488Z",
     "contributors": [
@@ -2625,10 +2637,6 @@
     "modified": "2020-03-26T14:30:59.270Z",
     "contributors": ["mfuji09", "j9t", "teoli", "rachelandrew"]
   },
-  "Glossary/Guard": {
-    "modified": "2019-01-16T20:19:28.335Z",
-    "contributors": ["chrisdavidmills", "klez", "Andrew_Pfeiffer", "kscarfone"]
-  },
   "Glossary/Gutters": {
     "modified": "2019-03-23T22:16:42.903Z",
     "contributors": ["Verger", "teoli", "rachelandrew"]
@@ -4213,18 +4221,6 @@
       "teainthegarden"
     ]
   },
-  "Glossary/Rendering_engine": {
-    "modified": "2020-09-28T13:38:28.076Z",
-    "contributors": [
-      "myakura",
-      "ramsunvtech",
-      "hbloomer",
-      "Andrew_Pfeiffer",
-      "klez",
-      "kscarfone",
-      "ChrisL"
-    ]
-  },
   "Glossary/Repo": {
     "modified": "2019-03-23T23:09:46.809Z",
     "contributors": [
@@ -34969,21 +34965,6 @@
       "kscarfone"
     ]
   },
-  "Web/API/Fetch_API/Basic_concepts": {
-    "modified": "2020-02-18T19:55:22.051Z",
-    "contributors": [
-      "jswisher",
-      "Sheppy",
-      "sideshowbarker",
-      "LurN",
-      "parambirs",
-      "chrisdavidmills",
-      "gapple",
-      "lawrencekgrant",
-      "gbharatwaj",
-      "smarvin"
-    ]
-  },
   "Web/API/Fetch_API/Cross-global_fetch_usage": {
     "modified": "2020-10-06T03:40:09.140Z",
     "contributors": ["ralflang", "mfluehr", "piotrekwitek", "chrisdavidmills"]
@@ -123760,10 +123741,6 @@
       "ratcliffe_mike"
     ]
   },
-  "Web/SVG/Attribute/color-profile": {
-    "modified": "2020-10-15T21:04:59.286Z",
-    "contributors": ["Sebastianz", "connorshea", "Jeremie"]
-  },
   "Web/SVG/Attribute/cursor": {
     "modified": "2020-10-15T21:18:37.523Z",
     "contributors": [
@@ -123913,10 +123890,6 @@
     "modified": "2020-10-15T21:20:22.181Z",
     "contributors": ["Sebastianz", "Jeremie"]
   },
-  "Web/SVG/Attribute/enable-background": {
-    "modified": "2020-10-15T22:21:13.409Z",
-    "contributors": ["Sebastianz"]
-  },
   "Web/SVG/Attribute/end": {
     "modified": "2020-03-17T14:16:54.678Z",
     "contributors": ["mfuji09", "VictorJanin", "Sebastianz", "Jeremie"]
@@ -124177,10 +124150,6 @@
     "modified": "2019-06-30T15:02:41.242Z",
     "contributors": ["Sebastianz", "Jeremie"]
   },
-  "Web/SVG/Attribute/kerning": {
-    "modified": "2020-10-15T21:06:36.596Z",
-    "contributors": ["Sebastianz", "connorshea", "Jeremie"]
-  },
   "Web/SVG/Attribute/keyPoints": {
     "modified": "2020-10-15T22:20:10.730Z",
     "contributors": ["Sebastianz"]

diff --git a/files/en-us/games/techniques/controls_gamepad_api/index.md b/files/en-us/games/techniques/controls_gamepad_api/index.md
@@ -12,10 +12,6 @@ This article looks at implementing an effective, cross-browser control system fo
 
 Historically playing games on a console connected to your TV was always a totally different experience to gaming on the PC, mostly because of the unique controls. Eventually, extra drivers and plugins allowed us to use console gamepads with desktop games — either native games or those running in the browser. Now we have the [Gamepad API](/en-US/docs/Web/API/Gamepad_API), which gives us the ability to play browser-based games using gamepad controllers without any plugins. The Gamepad API achieves this by providing an interface exposing button presses and axis changes that can be used inside JavaScript code to handle the input. These are good times for browser gaming.
 
-## API status and browser support
-
-The [Gamepad API](https://www.w3.org/TR/gamepad/) is still at the Working Draft stage in the W3C process, which means its implementation might still change, but saying that the [browser support](https://caniuse.com/gamepad) is already quite good. Firefox 29+ and Chrome 35+ support it out of the box. Opera supports the API in version 22+ (not surprising given that they now use Chrome's Blink engine.) And Microsoft implemented support for the API in Edge recently, which means four main browsers now supporting the Gamepad API.
-
 ## Which gamepads are best?
 
 The most popular gamepads right now are those from the Xbox 360, Xbox One, PS3 and PS4 — they have been heavily tested and work well with the Gamepad API implementation in browsers across Windows and macOS.

diff --git a/files/en-us/glossary/accessibility/index.md b/files/en-us/glossary/accessibility/index.md
@@ -6,14 +6,25 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-**Accessibility** (**A11Y**) refers to best practices for keeping a website usable despite physical and technical restrictions. Web accessibility is formally defined and discussed at the {{Glossary("W3C")}} through the {{Glossary("WAI","Web Accessibility Initiative")}} (WAI).
+**Accessibility** (**A11y**) means enabling as many people as possible to use websites, including those with limited abilities. The most common way to achieve this is by ensuring that assistive technologies work properly to access the content. These technologies include {{glossary("screen reader", "screen readers")}}, screen magnifiers, speech recognition tools, and alternative input devices.
+
+You can measure the accessibility of your website by using tools like [Lighthouse](https://developer.chrome.com/docs/lighthouse/accessibility/scoring) and the [Firefox Accessibility Inspector](https://firefox-source-docs.mozilla.org/devtools-user/accessibility_inspector/index.html).
+
+Web accessibility is formally defined and discussed at the {{Glossary("W3C")}} through the {{Glossary("WAI", "Web Accessibility Initiative (WAI)")}}.
 
 ## See also
 
-- [Accessibility resources](/en-US/docs/Web/Accessibility)
+- [Accessibility](/en-US/docs/Web/Accessibility)
 - [Learn accessibility](/en-US/docs/Learn/Accessibility)
-- [ARIA documentation](/en-US/docs/Web/Accessibility/ARIA)
+- [ARIA](/en-US/docs/Web/Accessibility/ARIA)
 - [Web accessibility](https://en.wikipedia.org/wiki/Web_accessibility) on Wikipedia
-- [Accessible Rich Internet Applications (WAI-ARIA)](https://w3c.github.io/aria/)
-- [The W3C Web Accessibility Initiative](https://www.w3.org/WAI/)
+- [Web Accessibility Initiative (WAI)](https://www.w3.org/WAI/) on W3C
+- [Accessible Rich Internet Applications (WAI-ARIA)](https://w3c.github.io/aria/) specification
 - [Web Accessibility In Mind](https://webaim.org/)
+- [Glossary](/en-US/docs/Glossary)
+
+  - {{Glossary("ARIA")}}
+  - {{Glossary("Screen reader")}}
+  - {{Glossary("Accessibility tree")}}
+  - {{Glossary("Accessible description")}}
+  - {{Glossary("Accessible name")}}
diff --git a/files/en-us/glossary/accessibility_tree/index.md b/files/en-us/glossary/accessibility_tree/index.md
@@ -18,7 +18,7 @@ There are four properties in an accessibility tree object:
   - : How do we describe this thing, if we want to provide more description beyond the name? The description of a table could explain what kind of information the table contains.
 - [**role**](/en-US/docs/Web/Accessibility/ARIA/Roles)
   - : What kind of thing is it? For example, is it a button, a nav bar, or a list of items?
-- **state**
+- [**state**](/en-US/docs/Web/Accessibility/ARIA/Attributes)
   - : Does it have a state? Examples include checked or unchecked checkbox states and collapsed or expanded states for the [`<summary>`](/en-US/docs/Web/HTML/Element/summary) element.
 
 Additionally, the accessibility tree often contains information on what can be done with an element: a link can be _followed_, a text input can be _typed into_, etc.
@@ -27,7 +27,16 @@ While still in draft form within the Web Incubator Community Group as of April 2
 
 ## See also
 
+- [Accessibility](/en-US/docs/Web/Accessibility)
+- [Learn accessibility](/en-US/docs/Learn/Accessibility)
+- [Web accessibility](https://en.wikipedia.org/wiki/Web_accessibility) on Wikipedia
+- [Web Accessibility In Mind](https://webaim.org/)
+- [ARIA](/en-US/docs/Web/Accessibility/ARIA)
+- [The W3C Web Accessibility Initiative (WAI)](https://www.w3.org/WAI/)
+- [Accessible Rich Internet Applications (WAI-ARIA)](https://w3c.github.io/aria/)
 - [Glossary](/en-US/docs/Glossary)
 
   - {{Glossary("Accessibility")}}
+  - {{Glossary("Accessible description")}}
+  - {{Glossary("Accessible name")}}
   - {{Glossary("ARIA")}}
diff --git a/files/en-us/glossary/accessible_name/index.md b/files/en-us/glossary/accessible_name/index.md
@@ -22,11 +22,23 @@ To create an association between visible content and an element or multiple text
 
 Many elements, such as sections of textual content, don't need an accessible name. All controls should have an accessible name. All images that convey information and aren't purely presentational do too.
 
-Assistive technologies will provide the user with the accessibility name property, which is the accessible name along with the element's role. While many elements don't need an accessible name, some content [roles](/en-US/docs/Web/Accessibility/ARIA/Roles) can benefit from having an accessible name. For example, a [`tabpanel`](/en-US/docs/Web/Accessibility/ARIA/Roles/tabpanel_role) is a section of content that appears after a user activates the associated element with a [`tab`](/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role) role. This role can be set on an element with no needed name, like the {{HTMLElement("div")}} element. The `tab` is the control and must have an accessible name. The `tabpanel` is the child (content section) of the `tab`. Adding `aria-labelledby` to the `tabpanel` is a best practice.
+Assistive technologies provide users with the accessibility name property, which includes the accessible name along with the element's role. While many elements don't need an accessible name, it's necessary to provide an accessible name to override or supplement the content of elements with specified [roles](/en-US/docs/Web/Accessibility/ARIA/Roles). For example, a [`tabpanel`](/en-US/docs/Web/Accessibility/ARIA/Roles/tabpanel_role) is a section of content that appears after a user activates the associated element with a [`tab`](/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role) role. This role can be set on an element with no needed name, like the {{HTMLElement("div")}} element. The `tab` is the control and must have an accessible name. The `tabpanel` is the child (content section) of the `tab`. Adding `aria-labelledby` to the `tabpanel` is a best practice.
 
 ## See also
 
 - [ARIA roles](/en-US/docs/Web/Accessibility/ARIA/Roles)
 - [ARIA attribute](/en-US/docs/Web/Accessibility/ARIA/Attributes)
+- [Accessible Name and Description Computation 1.2 (accname)](https://w3c.github.io/accname/#mapping_additional_nd_description)
 - [Accessibility](/en-US/docs/Web/Accessibility)
 - [Learn accessibility](/en-US/docs/Learn/Accessibility)
+- [Web accessibility](https://en.wikipedia.org/wiki/Web_accessibility) on Wikipedia
+- [Web Accessibility In Mind](https://webaim.org/)
+- [ARIA](/en-US/docs/Web/Accessibility/ARIA)
+- [The W3C Web Accessibility Initiative (WAI)](https://www.w3.org/WAI/)
+- [Accessible Rich Internet Applications (WAI-ARIA)](https://w3c.github.io/aria/)
+- [Glossary](/en-US/docs/Glossary)
+
+  - {{Glossary("Accessibility")}}
+  - {{Glossary("Accessibility tree")}}
+  - {{Glossary("Accessible description")}}
+  - {{Glossary("ARIA")}}
diff --git a/files/en-us/glossary/blink/index.md b/files/en-us/glossary/blink/index.md
@@ -6,7 +6,7 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-**Blink** is an open-source browser rendering engine developed by Google as part of Chromium (and therefore part of {{glossary("Google Chrome", "Chrome")}} as well). Specifically, Blink began as a fork of the WebCore library in {{glossary("WebKit")}}, which handles layout, rendering, and {{glossary("DOM")}}, but now stands on its own as a separate {{glossary("rendering engine")}}.
+**Blink** is an open-source browser rendering engine developed by Google as part of Chromium (and therefore part of {{glossary("Google Chrome", "Chrome")}} as well). Specifically, Blink began as a fork of the WebCore library in {{glossary("WebKit")}}, which handles layout, rendering, and {{glossary("DOM")}}, but now stands on its own as a separate {{Glossary("Engine/Rendering", "rendering engine")}}.
 
 ## See also
 
@@ -18,4 +18,4 @@ page-type: glossary-definition
   - {{glossary("Gecko")}}
   - {{glossary("Trident")}}
   - {{glossary("WebKit")}}
-  - {{glossary("Rendering engine")}}
+  - {{Glossary("Engine/Rendering", "Rendering engine")}}
diff --git a/files/en-us/glossary/browser/index.md b/files/en-us/glossary/browser/index.md
@@ -6,7 +6,7 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-A **Web browser** or **browser** is a program that retrieves and displays pages from the {{Glossary("World Wide Web", "Web")}}, and lets users access further pages through {{Glossary("hyperlink", "hyperlinks")}}. A browser is the most familiar type of {{Glossary("user agent")}}. It uses a {{Glossary("rendering engine")}} to display web pages.
+A **Web browser** or **browser** is a program that retrieves and displays pages from the {{Glossary("World Wide Web", "Web")}}, and lets users access further pages through {{Glossary("hyperlink", "hyperlinks")}}. A browser is the most familiar type of {{Glossary("user agent")}}. It uses a {{Glossary("Engine/Rendering", "rendering engine")}} to display web pages.
 
 Common browsers include:
 
@@ -26,5 +26,5 @@ Common browsers include:
   - [Microsoft Edge](https://www.microsoft.com/en-us/edge)
   - [Opera Browser](https://www.opera.com/)
 - Glossary
-  - {{Glossary("Rendering engine")}}
+  - {{Glossary("Engine/Rendering", "Rendering engine")}}
   - {{Glossary("User agent")}}
diff --git a/files/en-us/glossary/engine/index.md b/files/en-us/glossary/engine/index.md
@@ -6,8 +6,6 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-The {{glossary("JavaScript")}} engine is an interpreter that parses and executes a JavaScript program.
+The term **engine** can have several meanings depending on the context. It may refer to:
 
-## See also
-
-- [JavaScript engine](https://en.wikipedia.org/wiki/JavaScript_engine) on Wikipedia
+{{GlossaryDisambiguation}}
diff --git a/files/en-us/glossary/engine/javascript/index.md b/files/en-us/glossary/engine/javascript/index.md
@@ -0,0 +1,23 @@
+---
+title: JavaScript engine
+slug: Glossary/Engine/JavaScript
+page-type: glossary-definition
+---
+
+{{GlossarySidebar}}
+
+**JavaScript engines** are interpreters that parse and execute {{glossary("JavaScript")}} code. Modern JavaScript engines use just-in-time (JIT) compilation to convert JavaScript code into machine code that can be executed by a computer's processor. A JavaScript engine is typically developed and used in web {{glossary("browser", "browsers")}} to run client-side code but can also be used in server-side environments like {{glossary("Node.js")}}.
+
+In a browser, the JavaScript engine operates together with the rendering engine via the {{glossary("DOM", "Document Object Model")}} and {{glossary("WebIDL", "Web IDL")}} bindings. Some JavaScript engines also execute {{glossary("WebAssembly")}} code in the same sandbox as regular JavaScript code.
+
+Do not confuse JavaScript engines with {{glossary("engine/rendering", "rendering engines")}}, which are also crucial parts of browsers.
+
+## See also
+
+- [JavaScript engine](https://en.wikipedia.org/wiki/JavaScript_engine) on Wikipedia
+- Glossary
+  - {{glossary("Engine")}}
+  - {{glossary("JavaScript")}}
+  - {{glossary("WebAssembly")}}
+  - {{glossary("Browser")}}
+  - {{glossary("Node.js")}}
diff --git a/files/en-us/glossary/engine/rendering/index.md b/files/en-us/glossary/engine/rendering/index.md
@@ -0,0 +1,23 @@
+---
+title: Rendering engine
+slug: Glossary/Engine/Rendering
+page-type: glossary-definition
+---
+
+{{GlossarySidebar}}
+
+**Rendering engines** (also known as layout engines or browser engines) are part of a {{glossary("Browser", "web browser")}} that transforms {{glossary("HTML")}}, {{glossary("CSS")}}, and other resources of a web page into a visual representation on a screen.
+
+Common rendering engines include:
+
+- {{glossary("Blink")}}
+- {{glossary("Gecko")}}
+- {{glossary("WebKit")}}
+- {{glossary("Trident")}}
+
+## See also
+
+- [Browser engine](https://en.wikipedia.org/wiki/Browser_engine) on Wikipedia
+- Glossary
+  - {{Glossary("Engine")}}
+  - {{Glossary("Browser")}}