diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt
index 9a54b79d9a2615..53f5ce1d0882db 100644
--- a/files/es/_redirects.txt
+++ b/files/es/_redirects.txt
@@ -4,7 +4,7 @@
 #    yarn content add-redirect <fromURL> <toURL>
 #
 # FROM-URL	TO-URL
-/es/docs/AJAX	/es/docs/Web/Guide/AJAX
+/es/docs/AJAX	/es/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /es/docs/AJAX/Comunidad	/es/docs/conflicting/Web/Guide/AJAX
 /es/docs/AJAX/Primeros_Pasos	/es/docs/conflicting/Web/Guide/AJAX_21419c7dfa67c94789f037a33c4e4e3e
 /es/docs/AJAX:Comunidad	/es/docs/conflicting/Web/Guide/AJAX
@@ -1957,6 +1957,7 @@
 /es/docs/Web/Events/transitioncancel	/es/docs/Web/API/Element/transitioncancel_event
 /es/docs/Web/Events/transitionend	/es/docs/Web/API/Element/transitionend_event
 /es/docs/Web/Events/wheel	/es/docs/Web/API/Element/wheel_event
+/es/docs/Web/Guide/AJAX	/es/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /es/docs/Web/Guide/AJAX/Community	/es/docs/conflicting/Web/Guide/AJAX
 /es/docs/Web/Guide/AJAX/Comunidad	/es/docs/conflicting/Web/Guide/AJAX
 /es/docs/Web/Guide/AJAX/Getting_Started	/es/docs/conflicting/Web/Guide/AJAX_21419c7dfa67c94789f037a33c4e4e3e
diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json
index 844778e50bca95..0a3c0e89f26e09 100644
--- a/files/es/_wikihistory.json
+++ b/files/es/_wikihistory.json
@@ -2078,6 +2078,25 @@
     "modified": "2020-09-22T05:14:27.901Z",
     "contributors": ["Nachec", "Enesimus"]
   },
+  "Learn/JavaScript/Client-side_web_APIs/Fetching_data": {
+    "modified": "2019-03-18T21:14:54.246Z",
+    "contributors": [
+      "AlePerez92",
+      "chrisdavidmills",
+      "ccarruitero",
+      "chukito",
+      "Mgjbot",
+      "Nukeador",
+      "Summit677",
+      "Pascalc",
+      "Jorolo",
+      "Marianov",
+      "Takenbot",
+      "Baluart",
+      "Breaking Pitt",
+      "Seres"
+    ]
+  },
   "Learn/JavaScript/Client-side_web_APIs/Introduction": {
     "modified": "2020-07-16T22:32:44.249Z",
     "contributors": [
@@ -8478,25 +8497,6 @@
       "Sheppy"
     ]
   },
-  "Web/Guide/AJAX": {
-    "modified": "2019-03-18T21:14:54.246Z",
-    "contributors": [
-      "AlePerez92",
-      "chrisdavidmills",
-      "ccarruitero",
-      "chukito",
-      "Mgjbot",
-      "Nukeador",
-      "Summit677",
-      "Pascalc",
-      "Jorolo",
-      "Marianov",
-      "Takenbot",
-      "Baluart",
-      "Breaking Pitt",
-      "Seres"
-    ]
-  },
   "Web/Guide/CSS/Block_formatting_context": {
     "modified": "2019-03-23T22:32:27.340Z",
     "contributors": ["Enesimus", "javichito"]
diff --git a/files/es/learn/accessibility/what_is_accessibility/index.md b/files/es/learn/accessibility/what_is_accessibility/index.md
index 2f8e9094551542..b724e4c418b5e1 100644
--- a/files/es/learn/accessibility/what_is_accessibility/index.md
+++ b/files/es/learn/accessibility/what_is_accessibility/index.md
@@ -50,7 +50,7 @@ Las personas con discapacidad visual son aquellas con ceguera, poca visión o da
 
 - Productos comerciales de pago, como [JAWS](https://www.freedomscientific.com/Products/software/JAWS/) (Windows) y [Dolphin Screen Reader](https://yourdolphin.com/screenreader) (Windows).
 - Productos gratuitos, como [NVDA](https://www.nvaccess.org/) (Windows), [ChromeVox](https://support.google.com/chromebook/answer/7031755) (Chrome, Windows y Mac OS X) y [Orca](https://wiki.gnome.org/Projects/Orca) (Linux).
-- Productos integrados en el sistema operativo, como [VoiceOver](https://www.apple.com/accessibility/mac/vision/) (MacOS, iPadOS, IOS), [Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started) (Microsoft Windows), [ChromeVox](https://support.google.com/chromebook/answer/7031755) (en Chrome OS) y [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
+- Productos integrados en el sistema operativo, como [VoiceOver](https://www.apple.com/accessibility/mac/vision/) (MacOS, iPadOS, IOS), [Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started) (Microsoft Windows), [ChromeVox](https://support.google.com/chromebook/answer/7031755) (en ChromeOS) y [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
 
 Familiarizarse con los lectores de pantalla puede ser útil, así como configurar un lector de pantalla y jugar con él para aprender cómo funciona. Consulta nuestra [guía de lectores de pantalla de prueba para la navegación cruzada](/es/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Screenreaders) para obtener más detalles sobre su uso. El vídeo siguiente proporciona un breve ejemplo de cómo es esta experiencia.
 
diff --git a/files/es/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/es/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
index d32a6bc515066a..3e6dd2b39a3306 100644
--- a/files/es/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
+++ b/files/es/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -157,7 +157,7 @@ Todos los sistemas operativos de escritorio traen un editor de texto básico. Es
       </td>
     </tr>
     <tr>
-      <td>Chrome OS</td>
+      <td>ChromeOS</td>
       <td></td>
       <td>
         <ul>
@@ -238,7 +238,7 @@ Subir archivos a un sitio web es un paso muy importante mientras se crea un siti
       </td>
     </tr>
     <tr>
-      <td>Chrome OS</td>
+      <td>ChromeOS</td>
       <td>
         <ul>
           <li><a href="https://shiftedit.net/">ShiftEdit</a> (Todos los SO)</li>
diff --git a/files/es/web/guide/ajax/index.md b/files/es/learn/javascript/client-side_web_apis/fetching_data/index.md
similarity index 97%
rename from files/es/web/guide/ajax/index.md
rename to files/es/learn/javascript/client-side_web_apis/fetching_data/index.md
index b4313d81ab977e..4e2d433e041474 100644
--- a/files/es/web/guide/ajax/index.md
+++ b/files/es/learn/javascript/client-side_web_apis/fetching_data/index.md
@@ -1,6 +1,7 @@
 ---
 title: AJAX
-slug: Web/Guide/AJAX
+slug: Learn/JavaScript/Client-side_web_APIs/Fetching_data
+original_slug: Web/Guide/AJAX
 ---
 
 **[Primeros Pasos](/es/docs/Web/Guide/AJAX/Getting_Started)**
diff --git a/files/es/web/javascript/reference/global_objects/object/freeze/index.md b/files/es/web/javascript/reference/global_objects/object/freeze/index.md
index be781d22b2b41e..defc5e1697d914 100644
--- a/files/es/web/javascript/reference/global_objects/object/freeze/index.md
+++ b/files/es/web/javascript/reference/global_objects/object/freeze/index.md
@@ -62,7 +62,7 @@ assert(Object.isFrozen(obj) === true);
 obj.foo = "quux"; // No hace nada de manera silenciosa
 obj.quaxxor = "the friendly duck"; // No agrega una nueva propiedad, de manera silenciosa
 
-// ...y en modo estrico tal intento arrojará TypeErrors
+// ...y en modo estricto tal intento arrojará TypeErrors
 function fail() {
   "use strict";
   obj.foo = "sparky"; // arroja un TypeError
diff --git a/files/fr/_redirects.txt b/files/fr/_redirects.txt
index 8d64db82e4e7ee..b1c63719e68731 100644
--- a/files/fr/_redirects.txt
+++ b/files/fr/_redirects.txt
@@ -4,11 +4,11 @@
 #    yarn content add-redirect <fromURL> <toURL>
 #
 # FROM-URL	TO-URL
-/fr/docs/AJAX	/fr/docs/Web/Guide/AJAX
-/fr/docs/AJAX/Communauté	/fr/docs/Web/Guide/AJAX
-/fr/docs/AJAX/Premiers_pas	/fr/docs/Web/Guide/AJAX
-/fr/docs/AJAX:Communauté	/fr/docs/Web/Guide/AJAX
-/fr/docs/AJAX:Premiers_pas	/fr/docs/Web/Guide/AJAX
+/fr/docs/AJAX	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/fr/docs/AJAX/Communauté	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/fr/docs/AJAX/Premiers_pas	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/fr/docs/AJAX:Communauté	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/fr/docs/AJAX:Premiers_pas	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /fr/docs/ARIA	/fr/docs/Web/Accessibility/ARIA
 /fr/docs/ARIA/Accessible_Rich_Internet_Applications	/fr/docs/Web/Accessibility/ARIA
 /fr/docs/ARIA/Applications_riches_Internet_accessibles	/fr/docs/Web/Accessibility/ARIA
@@ -977,7 +977,7 @@
 /fr/docs/DOM/event.stopPropagation	/fr/docs/Web/API/Event/stopPropagation
 /fr/docs/DOM/form	/fr/docs/Web/API/HTMLFormElement
 /fr/docs/DOM/manipuler_lhistorique_du_navigateur	/fr/docs/Web/API/History_API
-/fr/docs/DOM/manipuler_lhistorique_du_navigateur/Example	/fr/docs/Web/API/History_API/Example
+/fr/docs/DOM/manipuler_lhistorique_du_navigateur/Example	/fr/docs/Web/API/History_API/Working_with_the_History_API
 /fr/docs/DOM/range	/fr/docs/Web/API/Range
 /fr/docs/DOM/selection	/fr/docs/Web/API/Selection
 /fr/docs/DOM/style	/fr/docs/Web/API/HTMLStyleElement
@@ -3654,8 +3654,8 @@
 /fr/docs/Web/API/ChildNode/replaceWith	/fr/docs/Web/API/Element/replaceWith
 /fr/docs/Web/API/Commentaire	/fr/docs/Web/API/Comment
 /fr/docs/Web/API/Commentaire/Comment	/fr/docs/Web/API/Comment/Comment
-/fr/docs/Web/API/Console.table	/fr/docs/Web/API/console/table
-/fr/docs/Web/API/Console/erreur	/fr/docs/Web/API/console/error
+/fr/docs/Web/API/Console.table	/fr/docs/Web/API/console/table_static
+/fr/docs/Web/API/Console/erreur	/fr/docs/Web/API/console/error_static
 /fr/docs/Web/API/Coordinates	/fr/docs/Web/API/GeolocationCoordinates
 /fr/docs/Web/API/DOMString	/fr/docs/Web/JavaScript/Reference/Global_Objects/String
 /fr/docs/Web/API/DOMString/Binary	/fr/docs/Web/API/btoa
@@ -3889,6 +3889,7 @@
 /fr/docs/Web/API/HTMLOrForeignElement/tabIndex	/fr/docs/Web/API/HTMLElement/tabindex
 /fr/docs/Web/API/HTMLTableElement.caption	/fr/docs/Web/API/HTMLTableElement/caption
 /fr/docs/Web/API/HTMLTableElement.insertRow	/fr/docs/Web/API/HTMLTableElement/insertRow
+/fr/docs/Web/API/History_API/Example	/fr/docs/Web/API/History_API/Working_with_the_History_API
 /fr/docs/Web/API/IDBDatabase/onabort	/fr/docs/Web/API/IDBTransaction/abort_event
 /fr/docs/Web/API/IDBDatabase/onerror	/fr/docs/Web/API/IDBTransaction/error_event
 /fr/docs/Web/API/IDBDatabase/onversionchange	/fr/docs/Web/API/IDBDatabase/versionchange_event
@@ -4104,9 +4105,31 @@
 /fr/docs/Web/API/XMLHttpRequest/Utiliser_XMLHttpRequest	/fr/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest
 /fr/docs/Web/API/XMLHttpRequest/onreadystatechange	/fr/docs/Web/API/XMLHttpRequest/readystatechange_event
 /fr/docs/Web/API/XSLTProcessor/XSL_Transformations_in_Mozilla_FAQ	/fr/docs/Web/API/XSLTProcessor
-/fr/docs/Web/API/console.log	/fr/docs/Web/API/console/log
-/fr/docs/Web/API/console.time	/fr/docs/Web/API/console/time
-/fr/docs/Web/API/console.timeEnd	/fr/docs/Web/API/console/timeEnd
+/fr/docs/Web/API/console.log	/fr/docs/Web/API/console/log_static
+/fr/docs/Web/API/console.time	/fr/docs/Web/API/console/time_static
+/fr/docs/Web/API/console.timeEnd	/fr/docs/Web/API/console/timeend_static
+/fr/docs/Web/API/console/assert	/fr/docs/Web/API/console/assert_static
+/fr/docs/Web/API/console/clear	/fr/docs/Web/API/console/clear_static
+/fr/docs/Web/API/console/count	/fr/docs/Web/API/console/count_static
+/fr/docs/Web/API/console/countReset	/fr/docs/Web/API/console/countreset_static
+/fr/docs/Web/API/console/debug	/fr/docs/Web/API/console/debug_static
+/fr/docs/Web/API/console/dir	/fr/docs/Web/API/console/dir_static
+/fr/docs/Web/API/console/dirxml	/fr/docs/Web/API/console/dirxml_static
+/fr/docs/Web/API/console/error	/fr/docs/Web/API/console/error_static
+/fr/docs/Web/API/console/group	/fr/docs/Web/API/console/group_static
+/fr/docs/Web/API/console/groupCollapsed	/fr/docs/Web/API/console/groupcollapsed_static
+/fr/docs/Web/API/console/groupEnd	/fr/docs/Web/API/console/groupend_static
+/fr/docs/Web/API/console/info	/fr/docs/Web/API/console/info_static
+/fr/docs/Web/API/console/log	/fr/docs/Web/API/console/log_static
+/fr/docs/Web/API/console/profile	/fr/docs/Web/API/console/profile_static
+/fr/docs/Web/API/console/profileEnd	/fr/docs/Web/API/console/profileend_static
+/fr/docs/Web/API/console/table	/fr/docs/Web/API/console/table_static
+/fr/docs/Web/API/console/time	/fr/docs/Web/API/console/time_static
+/fr/docs/Web/API/console/timeEnd	/fr/docs/Web/API/console/timeend_static
+/fr/docs/Web/API/console/timeLog	/fr/docs/Web/API/console/timelog_static
+/fr/docs/Web/API/console/timeStamp	/fr/docs/Web/API/console/timestamp_static
+/fr/docs/Web/API/console/trace	/fr/docs/Web/API/console/trace_static
+/fr/docs/Web/API/console/warn	/fr/docs/Web/API/console/warn_static
 /fr/docs/Web/API/document.applets	/fr/docs/Web/API/Document/applets
 /fr/docs/Web/API/document.compatMode	/fr/docs/Web/API/Document/compatMode
 /fr/docs/Web/API/document.createComment	/fr/docs/Web/API/Document/createComment
@@ -4703,10 +4726,11 @@
 /fr/docs/Web/Events/touchend	/fr/docs/Web/API/Element/touchend_event
 /fr/docs/Web/Events/transitionend	/fr/docs/Web/API/Element/transitionend_event
 /fr/docs/Web/Events/unload	/fr/docs/Web/API/Window/unload_event
-/fr/docs/Web/Guide/AJAX/Communauté	/fr/docs/Web/Guide/AJAX
-/fr/docs/Web/Guide/AJAX/Community	/fr/docs/Web/Guide/AJAX
-/fr/docs/Web/Guide/AJAX/Getting_Started	/fr/docs/Web/Guide/AJAX
-/fr/docs/Web/Guide/AJAX/Premiers_pas	/fr/docs/Web/Guide/AJAX
+/fr/docs/Web/Guide/AJAX	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/fr/docs/Web/Guide/AJAX/Communauté	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/fr/docs/Web/Guide/AJAX/Community	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/fr/docs/Web/Guide/AJAX/Getting_Started	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/fr/docs/Web/Guide/AJAX/Premiers_pas	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /fr/docs/Web/Guide/API/DOM	/fr/docs/Web/API/Document_Object_Model
 /fr/docs/Web/Guide/API/DOM/Storage	/fr/docs/Web/API/Web_Storage_API
 /fr/docs/Web/Guide/API/Gamepad	/fr/docs/Web/API/Gamepad_API/Using_the_Gamepad_API
@@ -4723,9 +4747,9 @@
 /fr/docs/Web/Guide/DOM/Events/Touch_events	/fr/docs/Web/API/Touch_events
 /fr/docs/Web/Guide/DOM/Events/Touch_events/Gérer_à_la_fois_événement_tactile_et_événement_de_la_souris	/fr/docs/Web/API/Pointer_events
 /fr/docs/Web/Guide/DOM/Manipuler l'historique du navigateur	/fr/docs/Web/API/History_API
-/fr/docs/Web/Guide/DOM/Manipuler l'historique du navigateur/Example	/fr/docs/Web/API/History_API/Example
+/fr/docs/Web/Guide/DOM/Manipuler l'historique du navigateur/Example	/fr/docs/Web/API/History_API/Working_with_the_History_API
 /fr/docs/Web/Guide/DOM/Manipuler_historique_du_navigateur	/fr/docs/Web/API/History_API
-/fr/docs/Web/Guide/DOM/Manipuler_historique_du_navigateur/Example	/fr/docs/Web/API/History_API/Example
+/fr/docs/Web/Guide/DOM/Manipuler_historique_du_navigateur/Example	/fr/docs/Web/API/History_API/Working_with_the_History_API
 /fr/docs/Web/Guide/DOM/Using_full_screen_mode	/fr/docs/Web/API/Fullscreen_API
 /fr/docs/Web/Guide/Events	/fr/docs/Web/Events
 /fr/docs/Web/Guide/Events/Creating_and_triggering_events	/fr/docs/Web/Events/Creating_and_triggering_events
@@ -5141,9 +5165,9 @@
 /fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/grow	/fr/docs/WebAssembly/JavaScript_interface/Memory/grow
 /fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module	/fr/docs/WebAssembly/JavaScript_interface/Module
 /fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/Module	/fr/docs/WebAssembly/JavaScript_interface/Module/Module
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/customSections	/fr/docs/WebAssembly/JavaScript_interface/Module/customSections
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/exports	/fr/docs/WebAssembly/JavaScript_interface/Module/exports
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/imports	/fr/docs/WebAssembly/JavaScript_interface/Module/imports
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/customSections	/fr/docs/WebAssembly/JavaScript_interface/Module/customSections_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/exports	/fr/docs/WebAssembly/JavaScript_interface/Module/exports_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/imports	/fr/docs/WebAssembly/JavaScript_interface/Module/imports_static
 /fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError	/fr/docs/WebAssembly/JavaScript_interface/RuntimeError
 /fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError/RuntimeError	/fr/docs/WebAssembly/JavaScript_interface/RuntimeError/RuntimeError
 /fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table	/fr/docs/WebAssembly/JavaScript_interface/Table
@@ -5155,11 +5179,11 @@
 /fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Tag	/fr/docs/WebAssembly/JavaScript_interface/Tag
 /fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Tag/Tag	/fr/docs/WebAssembly/JavaScript_interface/Tag/Tag
 /fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Tag/type	/fr/docs/WebAssembly/JavaScript_interface/Tag/type
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compile	/fr/docs/WebAssembly/JavaScript_interface/compile
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compileStreaming	/fr/docs/WebAssembly/JavaScript_interface/compileStreaming
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate	/fr/docs/WebAssembly/JavaScript_interface/instantiate
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiateStreaming	/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/validate	/fr/docs/WebAssembly/JavaScript_interface/validate
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compile	/fr/docs/WebAssembly/JavaScript_interface/compile_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compileStreaming	/fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate	/fr/docs/WebAssembly/JavaScript_interface/instantiate_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiateStreaming	/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/validate	/fr/docs/WebAssembly/JavaScript_interface/validate_static
 /fr/docs/Web/JavaScript/Reference/Global_Objects/null	/fr/docs/Web/JavaScript/Reference/Operators/null
 /fr/docs/Web/JavaScript/Reference/Global_Objects/uneval	/fr/docs/Web/JavaScript/Reference/Global_Objects
 /fr/docs/Web/JavaScript/Reference/Grammaire_lexicale	/fr/docs/Web/JavaScript/Reference/Lexical_grammar
@@ -5866,9 +5890,9 @@
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Memory/grow	/fr/docs/WebAssembly/JavaScript_interface/Memory/grow
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Memory/prototype	/fr/docs/WebAssembly/JavaScript_interface/Memory
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module	/fr/docs/WebAssembly/JavaScript_interface/Module
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/customSections	/fr/docs/WebAssembly/JavaScript_interface/Module/customSections
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/exports	/fr/docs/WebAssembly/JavaScript_interface/Module/exports
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/imports	/fr/docs/WebAssembly/JavaScript_interface/Module/imports
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/customSections	/fr/docs/WebAssembly/JavaScript_interface/Module/customSections_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/exports	/fr/docs/WebAssembly/JavaScript_interface/Module/exports_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/imports	/fr/docs/WebAssembly/JavaScript_interface/Module/imports_static
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/prototype	/fr/docs/WebAssembly/JavaScript_interface/Module
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/RuntimeError	/fr/docs/WebAssembly/JavaScript_interface/RuntimeError
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Table	/fr/docs/WebAssembly/JavaScript_interface/Table
@@ -5877,11 +5901,11 @@
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Table/length	/fr/docs/WebAssembly/JavaScript_interface/Table/length
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Table/prototype	/fr/docs/WebAssembly/JavaScript_interface/Table
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Table/set	/fr/docs/WebAssembly/JavaScript_interface/Table/set
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/compile	/fr/docs/WebAssembly/JavaScript_interface/compile
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/compileStreaming	/fr/docs/WebAssembly/JavaScript_interface/compileStreaming
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/instantiate	/fr/docs/WebAssembly/JavaScript_interface/instantiate
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/instantiateStreaming	/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/validate	/fr/docs/WebAssembly/JavaScript_interface/validate
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/compile	/fr/docs/WebAssembly/JavaScript_interface/compile_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/compileStreaming	/fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/instantiate	/fr/docs/WebAssembly/JavaScript_interface/instantiate_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/instantiateStreaming	/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/validate	/fr/docs/WebAssembly/JavaScript_interface/validate_static
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/decodeURI	/fr/docs/Web/JavaScript/Reference/Global_Objects/decodeURI
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/decodeURIComponent	/fr/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent
 /fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI	/fr/docs/Web/JavaScript/Reference/Global_Objects/encodeURI
@@ -6154,6 +6178,14 @@
 /fr/docs/WebAPI/Battery_Status	/fr/docs/Web/API/Battery_status_API
 /fr/docs/WebAPI/Network_Information	/fr/docs/Web/API/Network_Information_API
 /fr/docs/WebAPI/Pointer_Lock	/fr/docs/Web/API/Pointer_Lock_API
+/fr/docs/WebAssembly/JavaScript_interface/Module/customSections	/fr/docs/WebAssembly/JavaScript_interface/Module/customSections_static
+/fr/docs/WebAssembly/JavaScript_interface/Module/exports	/fr/docs/WebAssembly/JavaScript_interface/Module/exports_static
+/fr/docs/WebAssembly/JavaScript_interface/Module/imports	/fr/docs/WebAssembly/JavaScript_interface/Module/imports_static
+/fr/docs/WebAssembly/JavaScript_interface/compile	/fr/docs/WebAssembly/JavaScript_interface/compile_static
+/fr/docs/WebAssembly/JavaScript_interface/compileStreaming	/fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static
+/fr/docs/WebAssembly/JavaScript_interface/instantiate	/fr/docs/WebAssembly/JavaScript_interface/instantiate_static
+/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming	/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static
+/fr/docs/WebAssembly/JavaScript_interface/validate	/fr/docs/WebAssembly/JavaScript_interface/validate_static
 /fr/docs/WebGL	/fr/docs/Web/API/WebGL_API
 /fr/docs/WebGL/Adding_2D_content_to_a_WebGL_context	/fr/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context
 /fr/docs/WebGL/Ajouter_des_couleurs_avec_les_shaders	/fr/docs/Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL
@@ -6419,6 +6451,7 @@
 /fr/docs/conflicting/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies	/fr/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies
 /fr/docs/conflicting/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies_fbe06d127f73df4dd2f56a31b7c2bd2d	/fr/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies
 /fr/docs/conflicting/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content	/fr/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content
+/fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /fr/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents
 /fr/docs/conflicting/Learn/JavaScript/Objects	/fr/docs/Learn/JavaScript/Objects
 /fr/docs/conflicting/Learn/JavaScript/Objects/Classes_in_JavaScript	/fr/docs/Learn/JavaScript/Objects/Classes_in_JavaScript
@@ -6604,8 +6637,8 @@
 /fr/docs/conflicting/Web/CSS_7fc1a1afe4642afd225ebf1b3d6227a7	/fr/docs/Web/CSS
 /fr/docs/conflicting/Web/CSS_c2c099599c0a58c69d1390033045f244	/fr/docs/Web/CSS
 /fr/docs/conflicting/Web/Guide	/fr/docs/Web/Guide
-/fr/docs/conflicting/Web/Guide/AJAX	/fr/docs/Web/Guide/AJAX
-/fr/docs/conflicting/Web/Guide/AJAX_21419c7dfa67c94789f037a33c4e4e3e	/fr/docs/Web/Guide/AJAX
+/fr/docs/conflicting/Web/Guide/AJAX	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/fr/docs/conflicting/Web/Guide/AJAX_21419c7dfa67c94789f037a33c4e4e3e	/fr/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /fr/docs/conflicting/Web/Guide/Events/Creating_and_triggering_events	/fr/docs/Web/Events/Creating_and_triggering_events
 /fr/docs/conflicting/Web/HTML	/fr/docs/Web/HTML
 /fr/docs/conflicting/Web/HTML/Attributes/rel	/fr/docs/Web/HTML/Attributes/rel
diff --git a/files/fr/_wikihistory.json b/files/fr/_wikihistory.json
index b4e7942ce8af39..04565d1ca40ecf 100644
--- a/files/fr/_wikihistory.json
+++ b/files/fr/_wikihistory.json
@@ -10259,7 +10259,7 @@
       "pparidans"
     ]
   },
-  "Web/API/History_API/Example": {
+  "Web/API/History_API/Working_with_the_History_API": {
     "modified": "2019-03-23T23:32:28.258Z",
     "contributors": ["tregagnon", "matteodelabre"]
   },
@@ -13412,7 +13412,7 @@
       "fscholz"
     ]
   },
-  "Web/API/console/assert": {
+  "Web/API/console/assert_static": {
     "modified": "2020-10-15T21:37:07.545Z",
     "contributors": [
       "Fenn",
@@ -13422,31 +13422,31 @@
       "ElianWonhalf"
     ]
   },
-  "Web/API/console/clear": {
+  "Web/API/console/clear_static": {
     "modified": "2019-03-23T22:18:57.653Z",
     "contributors": ["christophe.hurpeau", "DavidLibeau"]
   },
-  "Web/API/console/count": {
+  "Web/API/console/count_static": {
     "modified": "2020-10-15T21:39:57.745Z",
     "contributors": ["loella16", "christophe.hurpeau", "normannMarit", "Styus"]
   },
-  "Web/API/console/countReset": {
+  "Web/API/console/countreset_static": {
     "modified": "2020-10-15T22:22:03.008Z",
     "contributors": ["tbetous", "quentin.lamamy"]
   },
-  "Web/API/console/debug": {
+  "Web/API/console/debug_static": {
     "modified": "2020-10-15T22:21:32.530Z",
     "contributors": ["thiag73"]
   },
-  "Web/API/console/dir": {
+  "Web/API/console/dir_static": {
     "modified": "2020-10-15T21:43:00.216Z",
     "contributors": ["xavierartot", "loella16", "sylvaindethier", "Chevallm"]
   },
-  "Web/API/console/dirxml": {
+  "Web/API/console/dirxml_static": {
     "modified": "2020-10-15T21:56:31.266Z",
     "contributors": ["loella16", "BEHOUBA"]
   },
-  "Web/API/console/error": {
+  "Web/API/console/error_static": {
     "modified": "2020-10-15T21:37:29.101Z",
     "contributors": [
       "SphinxKnight",
@@ -13457,23 +13457,23 @@
       "JulienItard"
     ]
   },
-  "Web/API/console/group": {
+  "Web/API/console/group_static": {
     "modified": "2020-10-15T21:39:57.936Z",
     "contributors": ["loella16", "Styus"]
   },
-  "Web/API/console/groupCollapsed": {
+  "Web/API/console/groupcollapsed_static": {
     "modified": "2020-10-15T21:39:57.660Z",
     "contributors": ["loella16", "Styus"]
   },
-  "Web/API/console/groupEnd": {
+  "Web/API/console/groupend_static": {
     "modified": "2020-10-15T21:39:57.905Z",
     "contributors": ["loella16", "christophe.hurpeau", "Styus"]
   },
-  "Web/API/console/info": {
+  "Web/API/console/info_static": {
     "modified": "2020-11-11T13:53:02.402Z",
     "contributors": ["Yukulele.", "unpeudetout", "JonGiamp", "JulienItard"]
   },
-  "Web/API/console/log": {
+  "Web/API/console/log_static": {
     "modified": "2020-11-11T19:51:04.080Z",
     "contributors": [
       "JNa0",
@@ -13485,23 +13485,23 @@
       "benfarhat.elyes"
     ]
   },
-  "Web/API/console/profile": {
+  "Web/API/console/profile_static": {
     "modified": "2020-10-15T22:01:10.357Z",
     "contributors": ["loella16"]
   },
-  "Web/API/console/profileEnd": {
+  "Web/API/console/profileend_static": {
     "modified": "2020-10-15T22:01:12.608Z",
     "contributors": ["loella16"]
   },
-  "Web/API/console/table": {
+  "Web/API/console/table_static": {
     "modified": "2020-10-15T21:30:09.666Z",
     "contributors": ["loella16", "DCLAN", "fscholz", "tregagnon"]
   },
-  "Web/API/console/time": {
+  "Web/API/console/time_static": {
     "modified": "2020-10-15T21:26:08.561Z",
     "contributors": ["loella16", "mireero", "fscholz", "khalid32", "fvelcker"]
   },
-  "Web/API/console/timeEnd": {
+  "Web/API/console/timeend_static": {
     "modified": "2020-10-15T21:28:27.222Z",
     "contributors": [
       "loella16",
@@ -13511,19 +13511,19 @@
       "Automatik"
     ]
   },
-  "Web/API/console/timeLog": {
+  "Web/API/console/timelog_static": {
     "modified": "2020-10-15T22:20:05.673Z",
     "contributors": ["ewen-lbh", "SphinxKnight"]
   },
-  "Web/API/console/timeStamp": {
+  "Web/API/console/timestamp_static": {
     "modified": "2020-10-15T22:02:32.433Z",
     "contributors": ["loella16"]
   },
-  "Web/API/console/trace": {
+  "Web/API/console/trace_static": {
     "modified": "2020-10-15T21:37:28.957Z",
     "contributors": ["loella16", "JonGiamp", "JulienItard"]
   },
-  "Web/API/console/warn": {
+  "Web/API/console/warn_static": {
     "modified": "2020-10-15T21:37:32.060Z",
     "contributors": ["loella16", "unpeudetout", "JulienItard"]
   },
@@ -19362,27 +19362,6 @@
       "Sheppy"
     ]
   },
-  "Web/Guide/AJAX": {
-    "modified": "2020-06-08T12:58:09.722Z",
-    "contributors": [
-      "Maxi-MenuBestOfPlus",
-      "CyrilKrylatov",
-      "SphinxKnight",
-      "chrisdavidmills",
-      "Arkhall",
-      "Nothus",
-      "tregagnon",
-      "arena",
-      "Mgjbot",
-      "Summit677",
-      "Fredchat",
-      "BenoitL",
-      "Neumann",
-      "Chbok",
-      "VincentN",
-      "Dria"
-    ]
-  },
   "Web/Guide/API": {
     "modified": "2019-03-23T23:08:38.035Z",
     "contributors": ["SphinxKnight", "demangejeremy", "shing0608"]
@@ -27387,15 +27366,15 @@
     "modified": "2020-10-15T21:51:45.857Z",
     "contributors": ["SphinxKnight"]
   },
-  "WebAssembly/JavaScript_interface/Module/customSections": {
+  "WebAssembly/JavaScript_interface/Module/customSections_static": {
     "modified": "2020-10-15T21:52:20.338Z",
     "contributors": ["SphinxKnight"]
   },
-  "WebAssembly/JavaScript_interface/Module/exports": {
+  "WebAssembly/JavaScript_interface/Module/exports_static": {
     "modified": "2020-10-15T21:52:21.568Z",
     "contributors": ["SphinxKnight"]
   },
-  "WebAssembly/JavaScript_interface/Module/imports": {
+  "WebAssembly/JavaScript_interface/Module/imports_static": {
     "modified": "2020-10-15T21:52:21.616Z",
     "contributors": ["SphinxKnight"]
   },
@@ -27423,23 +27402,23 @@
     "modified": "2020-10-15T21:52:22.914Z",
     "contributors": ["SphinxKnight"]
   },
-  "WebAssembly/JavaScript_interface/compile": {
-    "modified": "2020-10-15T21:52:23.421Z",
-    "contributors": ["SphinxKnight"]
-  },
-  "WebAssembly/JavaScript_interface/compileStreaming": {
+  "WebAssembly/JavaScript_interface/compileStreaming_static": {
     "modified": "2020-10-15T21:58:30.533Z",
     "contributors": ["SphinxKnight"]
   },
-  "WebAssembly/JavaScript_interface/instantiate": {
-    "modified": "2020-10-15T21:52:23.620Z",
+  "WebAssembly/JavaScript_interface/compile_static": {
+    "modified": "2020-10-15T21:52:23.421Z",
     "contributors": ["SphinxKnight"]
   },
-  "WebAssembly/JavaScript_interface/instantiateStreaming": {
+  "WebAssembly/JavaScript_interface/instantiateStreaming_static": {
     "modified": "2020-10-15T21:58:30.104Z",
     "contributors": ["SphinxKnight"]
   },
-  "WebAssembly/JavaScript_interface/validate": {
+  "WebAssembly/JavaScript_interface/instantiate_static": {
+    "modified": "2020-10-15T21:52:23.620Z",
+    "contributors": ["SphinxKnight"]
+  },
+  "WebAssembly/JavaScript_interface/validate_static": {
     "modified": "2020-10-15T21:52:22.760Z",
     "contributors": ["SphinxKnight"]
   },
diff --git a/files/fr/learn/accessibility/what_is_accessibility/index.md b/files/fr/learn/accessibility/what_is_accessibility/index.md
index 636798d37042fa..f9a9cf341cec4d 100644
--- a/files/fr/learn/accessibility/what_is_accessibility/index.md
+++ b/files/fr/learn/accessibility/what_is_accessibility/index.md
@@ -53,7 +53,7 @@ Cette catégorie comprend les personnes aveugles, malvoyantes, daltoniennes, etc
 
 - Certains, comme [JAWS](http://www.freedomscientific.com/Products/Blindness/JAWS) (Windows) et [Window Eyes](http://www.gwmicro.com/window-eyes/) (Windows), sont payants.
 - D'autres, comme [NVDA](http://www.nvaccess.org/) (Windows), [ChromeVox](http://www.chromevox.com/) (Chrome, Windows et Mac OS X), et [Orca](https://wiki.gnome.org/Projects/Orca) (Linux) sont gratuits.
-- Certains sont intégrés au système d'exploitation, comme [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X et iOS), [Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started) (Microsoft Windows), [ChromeVox](http://www.chromevox.com/) (sur Chrome OS), et [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
+- Certains sont intégrés au système d'exploitation, comme [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X et iOS), [Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started) (Microsoft Windows), [ChromeVox](http://www.chromevox.com/) (sur ChromeOS), et [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
 
 Il est conseillé de se familiariser avec les lecteurs d'écran ; vous devriez installer un lecteur d'écran et expérimenter avec pour comprendre comment il marche. Lisez notre [Guide pour tester les lecteurs d'écrans sur différents navigateurs (en)](/fr/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Screenreaders) pour avoir plus d'information sur leur utilisation. La vidéo ci-dessous (en anglais) vous donne un bref aperçu de l'experience.
 
diff --git a/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
index 5163822c693f34..7641694b72d737 100644
--- a/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
+++ b/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -144,7 +144,7 @@ Tous les systèmes d'exploitations possèdent un éditeur de texte basique par d
       </td>
     </tr>
     <tr>
-      <td>Chrome OS</td>
+      <td>ChromeOS</td>
       <td></td>
       <td>
         <ul>
diff --git a/files/fr/learn/javascript/client-side_web_apis/fetching_data/index.md b/files/fr/learn/javascript/client-side_web_apis/fetching_data/index.md
index 924348c9e5dc42..162accd4aa4d5b 100644
--- a/files/fr/learn/javascript/client-side_web_apis/fetching_data/index.md
+++ b/files/fr/learn/javascript/client-side_web_apis/fetching_data/index.md
@@ -2,7 +2,7 @@
 title: Récupérer des données du serveur
 slug: Learn/JavaScript/Client-side_web_APIs/Fetching_data
 l10n:
-  sourceCommit: 2b649ca83589bf827d99db5d450c0c65a9de7a24
+  sourceCommit: 9f24be2de6158053df593b9b466f5da96e31f928
 ---
 
 {{LearnSidebar}}{{PreviousMenuNext("Learn/JavaScript/Client-side_web_APIs/Manipulating_documents", "Learn/JavaScript/Client-side_web_APIs/Third_party_APIs", "Learn/JavaScript/Client-side_web_APIs")}}
@@ -262,7 +262,6 @@ Cet article illustre comment débuter avec l'API <i lang="en">Fetch</i> afin de
 
 De nombreux sujets sont abordés dans cet article et nous n'en avons qu'effleurée la surface. Pour plus de détails sur chacun de ces thèmes, n'hésitez pas à parcourir les articles suivants&nbsp;:
 
-- [AJAX](/fr/docs/Web/Guide/AJAX)
 - [Utiliser l'API <i lang="en">Fetch</i>](/fr/docs/Web/API/Fetch_API/Using_Fetch)
 - [Les promesses JavaScript](/fr/docs/Web/JavaScript/Reference/Global_Objects/Promise)
 - [Manipuler des données en JSON](/fr/docs/Learn/JavaScript/Objects/JSON)
diff --git a/files/fr/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md b/files/fr/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md
index 6641feef1fa5dd..9077ee86c9b4cb 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md
+++ b/files/fr/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md
@@ -5,7 +5,7 @@ slug: Mozilla/Add-ons/WebExtensions/API/runtime/onRestartRequired
 
 {{AddonSidebar()}}
 
-Lancé lorsqu'une application ou le périphérique sur lequel elle s'exécute doit être redémarré. L'application devrait fermer toutes ses fenêtres dans les meilleurs délais pour permettre le redémarrage. Si l'application ne fait rien, un redémarrage sera appliqué après une période de grâce de 24 heures. Actuellement, cet événement est uniquement déclenché pour les applications de kiosque Chrome OS.
+Lancé lorsqu'une application ou le périphérique sur lequel elle s'exécute doit être redémarré. L'application devrait fermer toutes ses fenêtres dans les meilleurs délais pour permettre le redémarrage. Si l'application ne fait rien, un redémarrage sera appliqué après une période de grâce de 24 heures. Actuellement, cet événement est uniquement déclenché pour les applications de kiosque ChromeOS.
 
 ## Syntaxe
 
diff --git a/files/fr/mozilla/add-ons/webextensions/api/runtime/platformos/index.md b/files/fr/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
index 88b863083fb9dc..bfbd271087ea5b 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
+++ b/files/fr/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
@@ -18,7 +18,7 @@ Les valeurs de ce type sont des chaînes. Les valeurs possibles sont:
 - `"android"`
   - : Le système d'exploitation est sous Android.
 - `"cros"`
-  - : Le système d'exploitation est sous Chrome OS.
+  - : Le système d'exploitation est sous ChromeOS.
 - `"linux"`
   - : Le système d'exploitation est sous Linux.
 - `"openbsd"`
diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.md b/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.md
index 5a7085d9b0756b..0b4b593c38864e 100644
--- a/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.md
+++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.md
@@ -28,7 +28,7 @@ Si l'application ou l'extension doit fonctionner hors ligne. Lorsque Chrome dét
 
 A partir de Chrome 35, les applications (ChromeOS uniquement à partir de 2018) sont supposées activées hors ligne et la valeur par défaut de `"offline_enabled"` est `true` sauf si la permission `"webview"` est demandée.Dans ce cas, la connectivité réseau est supposée nécessaire et `"offline_enabled"` par défaut est `false`.
 
-La valeur `"offline_enabled"` est également utilisée pour déterminer si un contrôle de connectivité réseau sera effectué lors du lancement d'une application en [mode Chrome OS kiosk](https://developer.chrome.com/apps/manifest/kiosk_enabled). Une vérification de la connectivité réseau sera effectuée lorsque les applications ne sont pas activées hors ligne, et le lancement de l'application sera mis en attente jusqu'à ce que l'appareil obtienne la connectivité à Internet.
+La valeur `"offline_enabled"` est également utilisée pour déterminer si un contrôle de connectivité réseau sera effectué lors du lancement d'une application en [mode ChromeOS kiosk](https://developer.chrome.com/apps/manifest/kiosk_enabled). Une vérification de la connectivité réseau sera effectuée lorsque les applications ne sont pas activées hors ligne, et le lancement de l'application sera mis en attente jusqu'à ce que l'appareil obtienne la connectivité à Internet.
 
 ## Compatibilité des navigateurs
 
diff --git a/files/fr/web/accessibility/aria/roles/alert_role/index.md b/files/fr/web/accessibility/aria/roles/alert_role/index.md
index d8016fdb8f2c88..864da1a55b9259 100644
--- a/files/fr/web/accessibility/aria/roles/alert_role/index.md
+++ b/files/fr/web/accessibility/aria/roles/alert_role/index.md
@@ -1,120 +1,131 @@
 ---
-title: Utilisation du rôle alert
+title: "ARIA : rôle alert"
 slug: Web/Accessibility/ARIA/Roles/alert_role
+l10n:
+  sourceCommit: 39b6b6c400f4ea334fb347240aeb4cfea8cf38ce
 ---
 
-### Description
+Le rôle `alert` est utilisé pour les informations importantes et généralement urgentes. `alert` est un type de [`status`](/fr/docs/Web/Accessibility/ARIA/Roles/status_role) traité comme une région dynamique atomique.
 
-Cette technique présente l'utilisation du rôle [`alert` (en)](http://www.w3.org/TR/wai-aria/roles#alert) et décrit les effets produits sur les navigateurs et les technologies d'assistance.
+## Description
 
-Le rôle `alert` est utilisé pour communiquer un message important et généralement avec une notion d'urgence à l'utilisateur. Lorsque ce rôle est ajouté à un élément, le navigateur émettra un événement d'alerte accessible aux produits de technologie d'assistance qui pourront alors le notifier à l'utilisateur. Le rôle `alert` est le plus utile lorsqu'il s'agit d'attirer l'attention de l'utilisateur, par exemple si :
+Le rôle `alert` est utilisé pour communiquer un message important, et généralement urgent, à la personne. Lorsque ce rôle est ajouté à un élément, le navigateur enverra un évènement d'alerte accessible aux outils d'assistance qui pourront alors notifier la personne.
 
-- Une valeur non valide a été saisie dans un champ de formulaire&nbsp;;
-- La session d'un utilisateur est sur le point d'expirer&nbsp;;
-- La connexion au serveur a été interrompue, les modifications locales ne seront pas sauvegardées.
+Le rôle `alert` doit uniquement être utilisé pour les informations qui nécessitent une attention immédiate, comme&nbsp;:
 
-De fait de sa nature intrusive, le rôle `alert` doit être utilisé avec parcimonie et uniquement dans les situations où l'attention de l'utilisateur est immédiatement requise. Les changements dynamiques de moindre urgence devraient utiliser une méthode moins agressive, telle que `aria-live="polite"` ou autres rôles de zone live.
+- Une valeur invalide a été saisie dans un champ d'un formulaire
+- L'identifiant associé à la session va bientôt expirer
+- La connexion au serveur a été rompue et les changements locaux ne seront pas enregistrés
 
-### Effets possibles sur les agents utilisateurs et les technologies d'assistance
+Le rôle `alert` doit uniquement être utilisé pour le contenu texte et pas pour les éléments interactifs comme les liens ou les boutons. Il n'est pas nécessaire que les éléments avec le rôle `alert` puissent recevoir le focus, les outils d'assistance annonceront le contenu mis à jour lorsque le rôle est ajouté, quel que soit l'état du focus.
 
-Lorsque le rôle `alert` est ajouté à un élément, ou qu'un tel élément devient visible, l'agent utilisateur devrait suivre les étapes suivantes&nbsp;:
+Le rôle `alert` est à ajouter au nœud contenant le message d'alerte, **il ne doit pas** être ajouté à l'élément qui a déclenché l'alerte. Les alertes sont [des régions dynamiques assertives](/fr/docs/Web/Accessibility/ARIA/ARIA_Live_Regions). Utiliser `role="alert"` sera équivalent à définir [`aria-live="assertive"`](/fr/docs/Web/Accessibility/ARIA/Attributes/aria-live) et [`aria-atomic="true"`](/fr/docs/Web/Accessibility/ARIA/Attributes/aria-atomic). Ces régions n'ayant pas besoin du focus, il n'a pas à être géré et aucune interaction utilisateur ne doit être requise.
 
-- Présenter l'élément ayant un rôle d'alerte à l'API d'accessibilité du système d'exploitation&nbsp;;
-- Déclencher un événement d'alerte accessible à l'aide l'API d'accessibilité du système d'exploitation si elle le prend en charge.
+> **Attention :** Étant donné sa nature intrusive, le rôle `alert` doit être utilisé avec parcimonie et uniquement pour les situations où l'attention de la personne doit être sollicitée.
 
-Les technologies d'assistance devraient être à l'écoute de tels évènements et les notifier à l'utilisateur en conséquence&nbsp;:
+Le rôle [`alert`](https://www.w3.org/TR/wai-aria-1.1/#alert) est l'un des cinq rôles associés aux [régions dynamiques](/fr/docs/Web/Accessibility/ARIA/ARIA_Live_Regions). Les modifications dynamiques moins urgentes doivent utiliser une méthode moins agressive, par exemple en incluant `aria-live="polite"` ou en utilisant un autre rôle de région dynamique comme [`status`](/fr/docs/Web/Accessibility/ARIA/Roles/status_role). Si la personne doit pouvoir fermer l'alerte, on utilisera plutôt le rôle [`alertdialog`](/fr/docs/Web/Accessibility/ARIA/Roles/alertdialog_role).
 
-- Les lecteurs d'écran peuvent interrompre la sortie en cours (qu'elle soit vocale ou en braille) et immédiatement annoncer ou afficher le message d'alerte&nbsp;;
-- Les loupes ou agrandisseurs d'écran peuvent indiquer qu'une alerte est survenue et quel en est le texte.
+Le rôle `alert` est destiné au contenu affiché dynamiquement, pas pour le contenu qui apparaît au chargement initial de la page. Ce rôle est idéal pour les scénarios où une personne remplit un formulaire et où JavaScript est utilisé afin d'ajouter un message d'erreur&nbsp;: l'alerte serait alors immédiatement énoncée. `alert` ne doit pas être utilisé pour des éléments HTML avec lesquels la personne n'a pas interagi. Ainsi, si une page est affichée et contient dès le début plusieurs alertes dans son contenu, le rôle `alert` ne doit pas être utilisé, car les messages n'ont pas été déclenchés dynamiquement.
 
-> **Note :** plusieurs points de vue existent sur la façon dont les technologies d'assistance devraient traiter cette technique. L'information fournie ci-dessus est l'une de ces opinions et n'est pas normative.
+À l'instar des autres [régions dynamiques](/fr/docs/Web/Accessibility/ARIA/ARIA_Live_Regions), les alertes doivent uniquement être annoncées lorsque le contenu de l'élément ayant `role="alert"` est _mis à jour_. Assurez-vous que l'élément avec le rôle est initialement présent dans le balisage de la page, cela permettra d'amorcer le navigateur et le lecteur d'écran qui surveilleront alors les changements sur l'élément. Une fois que ce cadre initial est mis en place, tout changement apporté au contenu sera annoncé. Il faut éviter de générer ou d'ajouter de façon dynamique des éléments `role="alert"` contenant déjà le message d'alerte voulu, cela _n'entraînera pas_ d'annonce et ne correspond à pas un changement de contenu.
 
-### Exemples
+Lorsque le rôle `alert` est présent, chaque changement apporté au contenu est annoncé, et il faut donc l'utiliser avec parcimonie. Par définition, les alertes sont perturbantes. S'il y a plusieurs alertes simultanées ou des alertes inutiles, l'ergonomie sera médiocre.
 
-#### Exemple 1&nbsp;: Ajout du rôle dans le code HTML
+## Exemples
 
-L'extrait de code ci-dessous montre comment le rôle `alert` est directement ajouté dans le code source HTML. Au moment où l'élément finit de se charger, le lecteur d'écran doit être notifié de l'alerte. Si l'élément était dans le code source original lorsque la page s'est chargée, le lecteur d'écran annonce immédiatement l'erreur après la lecture du titre de la page.
+Nous allons voir ici des exemples de scénarios usuels d'utilisation `alert` et comment les implémenter.
 
-```html
-<h2 role="alert">
-  Votre formulaire ne peut être soumis à cause de 3 erreurs de validation.
-</h2>
-```
-
-#### Exemple 2&nbsp;: Ajout dynamique d'un élément avec le rôle `alert`
+### Rendre visible un élément préparé et avec le rôle `alert`
 
-Cet extrait de code crée dynamiquement un élément avec un rôle `alert` et l'ajoute à la structure du document.
+Si le contenu situé _à l'intérieur_ de l'élément doté de `role="alert"` est initialement masqué à l'aide de CSS, le rendre visible déclenchera l'alerte. Cela signifie qu'on peut réutiliser à plusieurs reprises un élément qui agit comme un conteneur d'alerte existant.
 
-```js
-var myAlert = document.createElement("p");
-myAlert.setAttribute("role", "alert");
-
-var myAlertText = document.createTextNode(
-  "Vous devez accepter nos conditions d’utilisation pour créer un compte.",
-);
-myAlert.appendChild(myAlertText);
-document.body.appendChild(myAlertText);
+```css
+.hidden {
+  display: none;
+}
 ```
 
-**Note&nbsp;:** le même résultat peut être obtenu avec moins de code en utilisant une bibliothèque de scripts telle que _jQuery_&nbsp;:
+```html
+<div id="expirationWarning" role="alert">
+  <span class="hidden">Votre session va expirer dans 2 minutes.</span>
+</div>
+```
 
 ```js
-$(
-  "<p role='alert'>Vous devez accepter nos conditions d’utilisation pour créer un compte.</p>",
-).appendTo(document.body);
+// En retirant la classe 'hidden', le contenu à l'intérieur de l'élément devient
+// visible et le lecteur d'écran annoncera l'alerte.
+document
+  .getElementById("expirationWarning")
+  .firstChild.classList.remove("hidden");
 ```
 
-#### Exemple 3&nbsp;: Ajout d'un rôle `alert` à un élément existant
+### Changer dynamiquement le contenu d'un élément doté du rôle `alert`
 
-Parfois, il peut être utile d'ajouter un rôle `alert` à un élément déjà visible dans la page plutôt que de créer un nouvel élément. Ceci permet au développeur de répéter une information devenue plus pertinente ou urgente pour l'utilisateur. Par exemple, un contrôle de formulaire peut avoir des instructions sur les valeurs attendues. Si une valeur différente est saisie, `role="alert"` peut être ajouté au texte de l'instruction pour que le lecteur d'écran l'annonce comme une alerte. L'extrait de pseudo-code ci-dessous illustre cette approche&nbsp;:
+À l'aide de JavaScript, on peut modifier dynamiquement le contenu _à l'intérieur_ de l'élément ayant `role="alert"`. Attention, si vous devez déclencher la même alerte à plusieurs reprises (autrement dit, si le contenu inséré dynamiquement est le même d'une fois à l'autre), cela ne sera pas perçu comme un changement et ne déclenchera _pas_ d'annonce. Pour éviter ce problème, mieux vaudra réinitialiser le contenu du conteneur avant d'insérer le message d'alerte.
 
 ```html
-<p id="formInstruction">Vous devez cocher au moins trois options</p>
+<div id="alertContainer" role="alert"></div>
 ```
 
 ```js
-// Lorsque l’utilisateur essaye de soumettre le formulaire avec moins de 3 cases cochées :
-document.getElementById("formInstruction").setAttribute("role", "alert");
+// On vide le contenu
+document.getElementById("alertContainer").innerHTML = "";
+// Puis on injecte le nouveau message d'alerte
+document.getElementById("alertContainer").innerHTML =
+  "Votre session expirera dans " + expiration + " minutes";
 ```
 
-#### Exemple 4&nbsp;: Rendre visible un élément avec le rôle `alert`
+### Un conteneur d'alerte masqué, destiné aux notifications pour les lecteurs d'écran
 
-Si un élément possède déjà `role="alert"` et qu'il est initialement caché par des règles CSS, le rendre visible déclenchera l'alerte comme si elle venait juste d'être ajoutée à la page. Cela signifie qu'une alerte existante peut être «&nbsp;réutilisée&nbsp;» plusieurs fois.
+Il est possible de masquer le conteneur d'alerte et de l'utiliser pour fournir des mises à jour/notifications qui seront explicitement destinées aux lecteurs d'écran. Cela peut s'avérer utile lorsque du contenu important de la page a été mis à jour et où la modification ne serait pas nécessairement flagrante pour une personne utilisant un lecteur d'écran.
 
-**Note&nbsp;:** dans la plupart des cas cette approche n'est pas recommandée, parce qu'il n'est pas idéal de masquer une erreur ou un texte d'alerte qui n'est pas applicable à ce moment précis. Les utilisateurs de technologies d'assistance plus anciennes pourraient toujours percevoir le texte d'alerte même si l'alerte ne s'applique pas à ce moment, faisant croire de façon erronée aux utilisateurs à l'existence d'un problème.
+Dans ces cas, il faut s'assurer que le conteneur n'est pas masqué à l'aide de `display:none` (qui le masquerait même des outils d'assistance et empêcherait toute notification). À la place, on pourra utiliser [un style `.visually-hidden`](https://www.a11yproject.com/posts/how-to-hide-content/).
 
-```css
-.hidden {
-  display: none;
-}
+```html
+<div id="hiddenAlertContainer" role="alert" class="visually-hidden"></div>
 ```
 
-```html
-<p id="expirationWarning" role="alert" class="hidden">
-  Votre session expirera dans 2 minutes
-</p>
+```css
+.visually-hidden {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
 ```
 
 ```js
-// suppression de la classe 'hidden' rend l’élément visible, ce qui entraînera l’annonce de l’alerte par le lecteur d’écran :
-document.getElementById("expirationWarning").className = "";
+// On vide le contenu
+document.getElementById("hiddenAlertContainer").innerHTML = "";
+// Puis on injecte le nouveau message d'alerte
+document.getElementById("hiddenAlertContainer").innerHTML =
+  "Tous les objets ont été retirés du panier.";
 ```
 
-### Notes
+## Spécifications
 
-- L'utilisation du rôle `alert` sur un élément implique que cet élément a l'attribut `aria-live="assertive"`&nbsp;;
-- Le rôle `alert` ne devrait être utilisé que pour du contenu texte statique. L'élément sur lequel on utilise le rôle `alert` ne devrait pas pouvoir recevoir le focus, car les lecteurs d'écran annonceront automatiquement l'alerte où que se trouve le focus clavier&nbsp;;
-- Si une alerte fournit également des contrôles interactifs – tels que des contrôles de formulaire qui permettraient à l'utilisateur de rectifier une erreur, ou un bouton `OK` pour annuler l'alerte – le rôle [`alertdialog`](/fr/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_rôle_alertdialog) est préférable.
+{{Specifications}}
 
-### Attributs ARIA utilisés
+## Voir aussi
 
-- [alert (en)](http://www.w3.org/TR/wai-aria/roles#alert)
+- [`aria-live`](/fr/docs/Web/Accessibility/ARIA/Attributes/aria-live)
+- [`aria-atomic`](/fr/docs/Web/Accessibility/ARIA/Attributes/aria-atomic)
+- [Rôle ARIA `log`](/fr/docs/Web/Accessibility/ARIA/Roles/log_role)
+- [Rôle ARIA `marquee`](/fr/docs/Web/Accessibility/ARIA/Roles/marquee_role)
+- [Rôle ARIA `status`](/fr/docs/Web/Accessibility/ARIA/Roles/status_role)
+- [Rôle ARIA `timer`](/fr/docs/Web/Accessibility/ARIA/Roles/timer_role)
+- [Rôle ARIA `alertdialog`](/fr/docs/Web/Accessibility/ARIA/Roles/alertdialog_role)
+- [Régions dynamiques ARIA](/fr/docs/Web/Accessibility/ARIA/ARIA_Live_Regions)
+- [Prise en charge du rôle ARIA `alert`, The Paciello Group (en anglais)](https://www.tpgi.com/aria-alert-support/)
+- [Exemple d'utilisation d'`alert` (en anglais)](https://www.w3.org/WAI/ARIA/apg/patterns/alert/examples/alert/)
 
-### Techniques ARIA connexes
+<section id="Quick_links">
 
-- [Utiliser le rôle `alertdialog`](/fr/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_rôle_alertdialog)&nbsp;;
-- [Utiliser la propriété `aria-invalid`](/fr/Accessibilité/ARIA/Techniques_ARIA/Utiliser_la_propriété_aria-invalid).
+1. [**Rôle WAI-ARIA**](/fr/docs/Web/Accessibility/ARIA/Roles)
 
-### Autres ressources
+   {{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
 
-- Guide des bonnes pratiques ARIA - Rôle `Alert`&nbsp;: [http://www.w3.org/TR/wai-aria-practices/#alert (en)](http://www.w3.org/TR/wai-aria-practices/#alert)
+</section>
diff --git a/files/fr/web/api/console/api-trace2.png b/files/fr/web/api/console/api-trace2.png
new file mode 100644
index 00000000000000..138f9b21ce666c
Binary files /dev/null and b/files/fr/web/api/console/api-trace2.png differ
diff --git a/files/fr/web/api/console/assert/index.md b/files/fr/web/api/console/assert/index.md
deleted file mode 100644
index e7666bc6a973b0..00000000000000
--- a/files/fr/web/api/console/assert/index.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: Console.assert()
-slug: Web/API/console/assert
----
-
-{{APIRef("Console API")}}
-
-Affiche un message d'erreur dans la console si l'assertion est fausse. Si l'assertion est vraie, rien ne se produit.
-
-{{AvailableInWorkers}}
-
-> **Note :** _La méthode `console.assert()` est implémentée différement dans les vieilles version de Node.js que dans celle disponible dans les navigateurs._
->
-> Plus précisément, dans les navigateurs, appeler `console.assert()` avec une condition fausse affichera le `message` dans la console sans interrompre l'éxecution du code suivant. Dans les versions inférieure à la v10 de Node.js, cependant, une assertion fausse lèvera une exception `AssertionError`. Cette différence de comportement a été corrigée par la v10 de Node et `console.assert()` se comporte maintenant de la même façon dans Node et dans les navigateurs.
-
-## Syntaxe
-
-```js
-console.assert(assertion, obj1 [, obj2, ..., objN]);
-console.assert(assertion, msg [, subst1, ..., substN]);
-```
-
-### Paramètres
-
-- `assertion`
-  - : N'importe quelle expression booléenne. Si l'assertion est fausse, le message s'affichera dans la console.
-- `obj1` ... `objN`
-  - : Une liste d'objets javascript à afficher. La représentation textuelle de chacun de ces objets est ajoutée à la suite de la précédente dans l'ordre donné et est ensuite affichée.
-- `msg`
-  - : Une chaîne de caractères javascript contenant zéro ou plus chaîne(s) de caractères de substitution.
-- `subst1` ... `substN`
-  - : L'objet javascript avec lequel remplacer les chaînes de substitution dans `msg`. Ceci vous offre plus de contrôle sur ce qui est affiché.
-
-Allez voir [Afficher du texte dans la console](/fr/docs/Web/API/console#Outputting_text_to_the_console) dans la documentation de {{domxref("console")}} pour plus de détails.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [WHATWG Console Standard: console.assert](https://console.spec.whatwg.org/#assert-condition-data)
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
-- [Chrome Developer Tools: Using the Console](https://developer.chrome.com/devtools/docs/console#assertions)
diff --git a/files/fr/web/api/console/assert_static/index.md b/files/fr/web/api/console/assert_static/index.md
new file mode 100644
index 00000000000000..6715ddff2367c3
--- /dev/null
+++ b/files/fr/web/api/console/assert_static/index.md
@@ -0,0 +1,68 @@
+---
+title: "console : méthode statique assert()"
+slug: Web/API/console/assert_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.assert()`** permet d'écrire un message d'erreur dans la console si l'assertion passée en argument est fausse. Si l'assertion est bien vérifiée, rien ne se passe.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+assert(assertion, obj1)
+assert(assertion, obj1, obj2)
+assert(assertion, obj1, obj2, /* …, */ objN)
+
+assert(assertion, msg)
+assert(assertion, msg, subst1)
+assert(assertion, msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `assertion`
+  - : Une expression booléenne. Si l'assertion est fausse, le message est affiché dans la console.
+- `obj1` … `objN`
+  - : Une liste d'objets JavaScript à afficher. Les représentations en chaînes de caractères de ces objets sont concaténés dans l'ordre et affichés dans la console.
+- `msg`
+  - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution.
+- `subst1` … `substN`
+  - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+Dans l'exemple suivant, on illustre comment utiliser un objet comme deuxième argument&nbsp;:
+
+```js
+const messageErreur = "le nombre n'est pas pair";
+for (let nombre = 2; nombre <= 5; nombre++) {
+  console.log(`le nombre est ${nombre}`);
+  console.assert(nombre % 2 === 0, "%o", { nombre, messageErreur });
+}
+// Ce qui est affiché dans la console :
+// le nombre est 2
+// le nombre est 3
+// Assertion failed: {nombre: 3, messageErreur: "le nombre n'est pas pair"}
+// le nombre est 4
+// le nombre est 5
+// Assertion failed: {nombre: 5, messageErreur: "le nombre n'est pas pair"}
+```
+
+Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/clear/index.md b/files/fr/web/api/console/clear/index.md
deleted file mode 100644
index cb0974470bd95f..00000000000000
--- a/files/fr/web/api/console/clear/index.md
+++ /dev/null
@@ -1,32 +0,0 @@
----
-title: clear()
-slug: Web/API/console/clear
----
-
-{{APIRef("Console API")}}
-
-Vide la console.
-
-Tous les messages de la console seront supprimés et remplacés par un message de confirmation ("Console was cleared").
-
-À noter: sur Google Chrome, `console.clear()` n'a aucun effet si l'utilisateur a coché "Preserve log upon navigation" dans les [paramètres de l'inspecteur](https://developer.chrome.com/devtools/docs/settings#preserve-log%20upon%20navigation).
-
-## Syntaxe
-
-```js
-console.clear();
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
-- [Chrome Developer Tools: Using the Console](https://developer.chrome.com/devtools/docs/console#assertions)
diff --git a/files/fr/web/api/console/clear_static/index.md b/files/fr/web/api/console/clear_static/index.md
new file mode 100644
index 00000000000000..bfc0f5e59ae003
--- /dev/null
+++ b/files/fr/web/api/console/clear_static/index.md
@@ -0,0 +1,32 @@
+---
+title: "console : méthode statique clear()"
+slug: Web/API/console/clear_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.clear()`** vide l'affichage de la console, si celle-ci le permet. Une console graphique, comme celle utilisée par les navigateurs, autorisera ce vidage, tandis qu'une console affichée dans un terminal (comme celle de Node.js), ne prendra pas en charge ce comportement et la méthode n'aura pas d'effet (et ne déclenchera pas d'erreur non plus).
+
+## Syntaxe
+
+```js-nolint
+clear()
+```
+
+### Paramètres
+
+Aucune.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/console-timelog.png b/files/fr/web/api/console/console-timelog.png
new file mode 100644
index 00000000000000..9f21845c92d618
Binary files /dev/null and b/files/fr/web/api/console/console-timelog.png differ
diff --git a/files/fr/web/api/console/count/index.md b/files/fr/web/api/console/count/index.md
deleted file mode 100644
index 8e6d2dc4bf65f8..00000000000000
--- a/files/fr/web/api/console/count/index.md
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: Console.count()
-slug: Web/API/console/count
----
-
-{{APIRef("Console API")}}
-
-Affiche dans la console le nombre de fois où la fonction `count()` a été appelée. Cette fonction accepte l'argument optionnel `label`.
-
-{{AvailableInWorkers}}
-
-Si un `label` est passé en paramètre, la fonction affiche le nombre de fois où la fonction `count()` a été appelée pour ce `label` spécifiquempent.
-
-Si aucun `label` est passé en paramètre, la fonction affiche le nombre de fois où la fonction `count()` a été appelée jusqu'à présent.
-
-Ci-dessous, un exemple d'utilisation :
-
-```js
-function greet() {
-  console.count();
-  return "hi " + user;
-}
-
-var user = "bob";
-greet();
-user = "alice";
-greet();
-greet();
-console.count();
-```
-
-La console affichera les lignes suivantes :
-
-```
-"<no label>: 1"
-"<no label>: 2"
-"<no label>: 3"
-"<no label>: 1"
-```
-
-A noter, la dernière ligne inscrite dans la console fait référence à l'appel de la fonction `count()` de la ligne 11 qui est traité comme un événement indépendant.
-
-Si la variable `user` est passée à la fonction comme paramètre `label`, le code ci-dessous génèrera un nouveau compteur lorsque la variable `user` sera modifiée :
-
-```js
-function greet() {
-  console.count(user);
-  return "hi " + user;
-}
-
-var user = "bob";
-greet();
-user = "alice";
-greet();
-greet();
-console.count("alice");
-```
-
-La console affichera les lignes suivantes :
-
-```
-"bob: 1"
-"alice: 1"
-"alice: 2"
-"alice: 3"
-```
-
-Nous obtenons maintenant deux compteurs distinct basés sur un libellé différent. L'appel de la fonction `count()` avec "alice" à la ligne 11 n'est pas considéré comme un événement indépendant car le compteur existe déjà.
-
-## Syntaxe
-
-```js
-console.count([label]);
-```
-
-## Paramètres
-
-- `label`
-  - : Une chaîne de caractères. Si ce paramètre est renseigné, `count()` affiche le nombre de fois que la fonction a été appelée jusqu'à présent avec ce libellé. S'il est omis, `count()` affiche le nombre de fois que la fonction a été appelée sur cette ligne.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
diff --git a/files/fr/web/api/console/count_static/index.md b/files/fr/web/api/console/count_static/index.md
new file mode 100644
index 00000000000000..9f82b23546f08e
--- /dev/null
+++ b/files/fr/web/api/console/count_static/index.md
@@ -0,0 +1,96 @@
+---
+title: "console : méthode statique count()"
+slug: Web/API/console/count_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.count()`** affiche le nombre de fois que `count()` a été appelée (le compteur pouvant être identifié par l'argument passé à la méthode).
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+count()
+count(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{Optional_Inline}}
+  - : Une chaîne de caractères. Si cet argument est fourni, `count()` affiche le nombre de fois qu'elle a été appelée avec ce libellé. Si cet argument est absent, `count()` se comporte comme si elle avait été appelée avec le libellé `"default"`.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+Prneons le code suivant&nbsp;:
+
+```js
+let personne = "";
+
+function salutation() {
+  console.count();
+  return `Coucou ${personne}`;
+}
+
+personne = "bob";
+salutation();
+personne = "alice";
+salutation();
+salutation();
+console.count();
+```
+
+L'affichage dans la console ressemblera à&nbsp;:
+
+```plain
+"default: 1"
+"default: 2"
+"default: 3"
+"default: 4"
+```
+
+On voit que le libellé affiché est `default`, car aucun libellé explicite n'a été fourni à `count()`.
+
+Si on passe la variable `personne` comme argument pour le premier appel à `count()`, puis la chaîne de caractères `"alice"` lors du second appel&nbsp;:
+
+```js
+let personne = "";
+
+function salutation() {
+  console.count(personne);
+  return `Coucou ${personne}`;
+}
+
+personne = "bob";
+salutation();
+personne = "alice";
+salutation();
+salutation();
+console.count("alice");
+```
+
+On obtiendra ce résultat&nbsp;:
+
+```plain
+"bob: 1"
+"alice: 1"
+"alice: 2"
+"alice: 3"
+```
+
+Et on peut ici compter le nombre d'appels en fonction du libellé passé en argument.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/countreset/index.md b/files/fr/web/api/console/countreset/index.md
deleted file mode 100644
index d49236dcd5750b..00000000000000
--- a/files/fr/web/api/console/countreset/index.md
+++ /dev/null
@@ -1,121 +0,0 @@
----
-title: Console.countReset()
-slug: Web/API/console/countReset
----
-
-{{APIRef("Console API")}}
-
-Remet le compteur à zero. Cette fonction prend un argument optionnel `label`
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```
-console.countReset([label]);
-```
-
-### Parameters
-
-- `label`
-  - : Si specifié, `countReset()` remet à zero le compteur associé à ce label. S'il n'est pas specifié, `countReset()` remet à zéro le compteur par defaut.
-
-### Return value
-
-Si le paramètre label à été spécifié :
-
-```
-counter-name: 0
-```
-
-Si aucun label n'as été specifié
-
-```
-default: 0
-```
-
-### Warnings
-
-Si `label` est specifié mais n'existe pas `countReset()` renvoie cet avertissement :
-
-```
-Counter "counter-name" doesn’t exist.
-```
-
-Si `label` n'est pas specifé et que `count()` n'as pas encore été appellé `countReset()` renvoie cette avertissement :
-
-```
-Counter "default" doesn’t exist.
-```
-
-## Examples
-
-Par exemple avec un code comme celui ci :
-
-```js
-var user = "";
-
-function greet() {
-  console.count();
-  return "hi " + user;
-}
-
-user = "bob";
-greet();
-user = "alice";
-greet();
-greet();
-console.count();
-console.countReset();
-```
-
-Le retour de la console ressemblera à ceci :
-
-```
-"default: 1"
-"default: 2"
-"default: 3"
-"default: 1"
-"default: 0"
-```
-
-Pour information l'appel à `console.counterReset()` remet à zero la valeur du compteur par défaut.
-
-S'il on passe la variable `user` comme argument pour `label` et que l'on effectue un premier appel de la fonction `count()`, avec la chaine "bob" puis un second appel avec la chaine "alice" :
-
-```js
-var user = "";
-
-function greet() {
-  console.count(user);
-  return "hi " + user;
-}
-
-user = "bob";
-greet();
-user = "alice";
-greet();
-greet();
-console.countReset("bob");
-console.count("alice");
-```
-
-On obtiendra ce retour dans la console
-
-```
-"bob: 1"
-"alice: 1"
-"alice: 2"
-"bob: 0"
-"alice: 3"
-```
-
-Remettre à zero le compteur "bob" change uniquement la valeur de celui-ci. La valeur du compteur "alice" reste inchangée.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
diff --git a/files/fr/web/api/console/countreset_static/index.md b/files/fr/web/api/console/countreset_static/index.md
new file mode 100644
index 00000000000000..c9e094c31881fc
--- /dev/null
+++ b/files/fr/web/api/console/countreset_static/index.md
@@ -0,0 +1,100 @@
+---
+title: "console : méthode statique countReset()"
+slug: Web/API/console/countreset_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.countReset()`** permet de réinitialiser le compteur utilisé avec [`console.count()`](/fr/docs/Web/API/console/count_static).
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+countReset()
+countReset(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+  - : Une chaîne de caractères. Si cet argument est fourni, `countReset()` remet à zéro le compteur associé à ce libellé. Si l'argument est absent, `countReset()` remet à zéro le compteur par défaut.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+Prenons le code suivant par exemple&nbsp;:
+
+```js
+let personne = "";
+
+function salutations() {
+  console.count();
+  return `Coucou ${personne}`;
+}
+
+personne = "bob";
+salutations();
+personne = "alice";
+salutations();
+salutations();
+console.count();
+console.countReset();
+```
+
+La console affichera ce qui suit&nbsp;:
+
+```plain
+"default: 1"
+"default: 2"
+"default: 3"
+"default: 4"
+"default: 0"
+```
+
+On voit que l'appel à `console.counterReset()` réinitialise la valeur du compteur par défaut à 0.
+
+Si on passe la variable `personne` en paramètre pour le libellé (ici d'abord avec `"bob"`, puis avec `"alice"`)&nbsp;:
+
+```js
+let personne = "";
+
+function salutations() {
+  console.count(personne);
+  return `Coucou ${personne}`;
+}
+
+personne = "bob";
+salutations();
+personne = "alice";
+salutations();
+salutations();
+console.countReset("bob");
+console.count("alice");
+```
+
+On obtiendra le résultat suivant&nbsp;:
+
+```plain
+"bob: 1"
+"alice: 1"
+"alice: 2"
+"bob: 0"
+"alice: 3"
+```
+
+En réinitialisant la valeur du compteur `"bob"`, on ne modifie pas pour autant le compteur `"alice"`.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/css-styling.png b/files/fr/web/api/console/css-styling.png
new file mode 100644
index 00000000000000..18281e412492f6
Binary files /dev/null and b/files/fr/web/api/console/css-styling.png differ
diff --git a/files/fr/web/api/console/debug/index.md b/files/fr/web/api/console/debug/index.md
deleted file mode 100644
index 53a0b5fdcba4c9..00000000000000
--- a/files/fr/web/api/console/debug/index.md
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: console.debug()
-slug: Web/API/console/debug
-l10n:
-  sourceCommit: d9026c37acaf22da682206c381686fe8a4666f16
----
-
-{{APIRef("Console API")}}
-
-La méthode **`console.debug()`** affiche un message dans la console web avec le niveau «&nbsp;débogage/<i lang="en">debug</i>&nbsp;». Le message est visible uniquement si la console est configurée pour afficher ce niveau de journalisation.
-
-Pour la plupart des cas, le niveau de journalisation visible se configure via l'interface utilisateur de la console. Le niveau de débogage de cette méthode correspond au niveau `Debug` ou `Verbose` en anglais.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js-nolint
-debug(obj1)
-debug(obj1, /* …, */ objN)
-debug(msg)
-debug(msg, subst1, /* …, */ substN)
-```
-
-### Paramètres
-
-- `obj1` … `objN`
-  - : Une liste d'objets JavaScript à afficher dans la sortie. Les représentations en chaînes de caractères de ces objets sont concaténées dans l'ordre des arguments puis cette concaténation est affichée dans la console.
-- `msg`
-  - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs chaînes de caractères de substitution, remplacées respectivement par `subst1`, `substN`.
-- `subst1` … `substN`
-  - : Des objets JavaScript à utiliser pour remplacer les chaînes de substitution de `msg`. Cela fournit un contrôle supplémentaire sur le format de la sortie. Voir [Utiliser les chaînes de caractères de substitution](/fr/docs/Web/API/Console#utiliser_les_caractères_de_substitution) qui décrit le fonctionnement des substitutions.
-
-Voir [Afficher du texte dans la console](/fr/docs/Web/API/Console#afficher_du_texte_dans_la_console) dans la documentation de l'objet [`console`](/fr/docs/Web/API/Console) pour plus de détails.
-
-### Valeur de retour
-
-Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
diff --git a/files/fr/web/api/console/debug_static/index.md b/files/fr/web/api/console/debug_static/index.md
new file mode 100644
index 00000000000000..166a8bb7ff6015
--- /dev/null
+++ b/files/fr/web/api/console/debug_static/index.md
@@ -0,0 +1,44 @@
+---
+title: "console : méthode statique debug()"
+slug: Web/API/console/debug_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.debug()`** affiche un message dans la console pour le débogage. Ce message sera uniquement affiché si la console est configurée pour afficher les messages de débogage. Dans la plupart des cas, le niveau de journalisation se paramètre via l'interface utilisateur de la console. Le niveau de journalisation pourra par exemple être `Débogage` ou `Verbeux`.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+debug(obj1)
+debug(obj1, /* …, */ objN)
+debug(msg)
+debug(msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `obj1` … `objN`
+  - : Une liste d'objets JavaScript à afficher. Les représentations en chaînes de caractères de ces objets sont concaténés dans l'ordre et affichés dans la console.
+- `msg`
+  - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
+- `subst1` … `substN`
+  - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
+
+Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/dir/index.md b/files/fr/web/api/console/dir/index.md
deleted file mode 100644
index 312dfbdf246a3c..00000000000000
--- a/files/fr/web/api/console/dir/index.md
+++ /dev/null
@@ -1,38 +0,0 @@
----
-title: console.dir()
-slug: Web/API/console/dir
----
-
-{{APIRef("Console API")}}
-
-La méthode **`console.dir()`** affiche une liste interactive des propriétés de l'objet JavaScript passé en argument. La sortie est présentée comme une liste hiérarchique avec des triangles qui permettent de développer l'arborescence de l'objet et de voir le contenu des objets descendants.
-
-Autrement dit, `console.dir()` permet de voir l'ensemble des propriétés d'un objet JavaScript dans la console.
-
-{{AvailableInWorkers}}
-
-![Une capture d'écran de l'instruction console.dir() où on peut voir les propriétés de `document.location`](console-dir.png)
-
-## Syntaxe
-
-```js
-console.dir(object);
-```
-
-### Paramètres
-
-- `object`
-  - : Un objet JavaScript dont on souhaite afficher les propriétés dans la console.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Microsoft Docs&nbsp;: référence de l'API Console](https://docs.microsoft.com/fr-fr/microsoft-edge/devtools-guide-chromium/console/api#dir)
-- [Chrome&nbsp;: référence de l'API Console (en anglais)](https://developer.chrome.com/docs/devtools/console/api/#dir)
diff --git a/files/fr/web/api/console/dir_static/index.md b/files/fr/web/api/console/dir_static/index.md
new file mode 100644
index 00000000000000..c26c01e3b99b30
--- /dev/null
+++ b/files/fr/web/api/console/dir_static/index.md
@@ -0,0 +1,44 @@
+---
+title: "console : méthode statique dir()"
+slug: Web/API/console/dir_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.dir()`** affiche une liste interactive des propriétés de l'objet JavaScript passé en argument. L'affichage est une hiérarchie avec des flèches/triangles qui permettent de déplier/replier le contenu des propriétés et objets enfants.
+
+Autrement dit, `console.dir()` permet de voir l'ensemble des propriétés d'un objet JavaScript dans la console et de manipuler les niveaux hiérarchiques.
+
+{{AvailableInWorkers}}
+
+![console-dir.png](console-dir.png)
+
+## Syntaxe
+
+```js-nolint
+dir(objet)
+```
+
+### Paramètres
+
+- `objet`
+  - : Un objet JavaScript dont on souhaite afficher les propriétés.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [La documentation Edge sur `console.dir()`](https://learn.microsoft.com/fr-fr/microsoft-edge/devtools-guide-chromium/console/utilities#dir)
+- [La documentation Chrome sur `console.dir()`](https://developer.chrome.com/docs/devtools/console/api/#dir)
diff --git a/files/fr/web/api/console/dirxml/index.md b/files/fr/web/api/console/dirxml/index.md
deleted file mode 100644
index e39b94f52bf26f..00000000000000
--- a/files/fr/web/api/console/dirxml/index.md
+++ /dev/null
@@ -1,29 +0,0 @@
----
-title: Console.dirxml()
-slug: Web/API/console/dirxml
----
-
-{{APIRef ("Console API")}}Affiche un arbre interactif des éléments descendants de l'élément XML / HTML spécifié. S'il n'est pas possible d'afficher en tant qu'élément, la vue Objet JavaScript est affichée à la place. La sortie est présentée sous la forme d'une liste hiérarchique des noeuds extensibles qui vous permettent de voir le contenu des nœuds enfants.
-
-## Syntaxe
-
-```js
-console.dirxml(object);
-```
-
-## Paramètres
-
-- `object`
-  - : Un objet JavaScript dont les propriétés doivent être sorties.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/dirxml_static/index.md b/files/fr/web/api/console/dirxml_static/index.md
new file mode 100644
index 00000000000000..8bfc054df502fc
--- /dev/null
+++ b/files/fr/web/api/console/dirxml_static/index.md
@@ -0,0 +1,33 @@
+---
+title: "console : méthode statique dirxml()"
+slug: Web/API/console/dirxml_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.dirxml()`** affiche un arbre hiérarchique des éléments enfants de l'élément XML/HTML passé en argument. Si l'affichage sous la forme d'un élément n'est pas possible, l'argument est affiché comme un objet JavaScript.
+
+## Syntaxe
+
+```js-nolint
+dirxml(objet)
+```
+
+### Paramètres
+
+- `objet`
+  - : Un objet JavaScript dont on souhaite afficher les propriétés.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/error/index.md b/files/fr/web/api/console/error/index.md
deleted file mode 100644
index 0683e6b6a9f603..00000000000000
--- a/files/fr/web/api/console/error/index.md
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: console.error()
-slug: Web/API/console/error
----
-
-{{APIRef("Console API")}}
-
-Affiche un message d'erreur dans la console du navigateur.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.error(obj1 [, obj2, ..., objN]);
-console.error(msg [, subst1, ..., substN]);
-console.exception(obj1 [, obj2, ..., objN]);
-console.exception(msg [, subst1, ..., substN]);
-```
-
-> **Note :** `console.exception()` est un alias de `console.error()`; ils sont fonctionnellement identiques.
-
-### Paramètres
-
-- `obj1` ... `objN`
-  - : Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste.
-- `msg`
-  - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères.
-- `subst1` ... `substN`
-  - : Une liste d'objets JavaScript qui remplace les chaînes de caractéres de `msg`. Cela vous donne plus de contrôle sur le format de sortie.
-
-Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#Outputting_text_to_the_console) dans la documentation de {{domxref("console")}} pour plus de détails.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
-- [Chrome Developer Tools: Using the Console](https://developers.google.com/chrome-developer-tools/docs/console#errors_and_warnings)
diff --git a/files/fr/web/api/console/error_static/index.md b/files/fr/web/api/console/error_static/index.md
new file mode 100644
index 00000000000000..763bf668a46d48
--- /dev/null
+++ b/files/fr/web/api/console/error_static/index.md
@@ -0,0 +1,49 @@
+---
+title: "console : méthode statique error()"
+slug: Web/API/console/error_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.error()`** permet d'afficher un message d'erreur dans la console.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+error(obj1)
+error(obj1, /* …, */ objN)
+error(msg)
+error(msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `obj1` … `objN`
+  - : Une liste d'objets JavaScript à afficher. Les représentations en chaînes de caractères de ces objets sont concaténés dans l'ordre et affichés dans la console.
+- `msg`
+  - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
+- `subst1` … `substN`
+  - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
+
+Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [La documentation Edge sur `console.error()`](https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/api#error)
+- [La documentation Chrome sur `console.error()`](https://developer.chrome.com/docs/devtools/console/api/#error)
diff --git a/files/fr/web/api/console/group/index.md b/files/fr/web/api/console/group/index.md
deleted file mode 100644
index 9b85f9155e1604..00000000000000
--- a/files/fr/web/api/console/group/index.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Console.group()
-slug: Web/API/console/group
----
-
-{{APIRef("Console API")}}
-
-Création d'un nouveau groupe en ligne dans la [console Web](/fr/docs/Tools/Web_Console). Cela indente les messages de console suivants par un niveau supplémentaire, jusqu'à ce que {{domxref("console.groupEnd()")}} soit appelé.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.group();
-```
-
-## Paramètres
-
-- `label`
-  - : donne une étiquette au groupe. Facultatif. (Chrome 59 testé). Ne fonctionne pas avec `console.groupEnd()`.
-
-## Exemples
-
-Vous pouvez utiliser des groupes imbriqués pour organiser votre sortie en associant visuellement les messages correspondants. Pour créer un nouveau bloc imbriqué, appelez `console.group ()`. La méthode `console.groupCollapsed ()` est similaire, mais le nouveau bloc est réduit et nécessite de cliquer sur un bouton de divulgation pour le lire.
-
-Pour sortir du groupe courant, appeler `console.groupEnd()`. Par exemple, étant donné ce code :
-
-```js
-console.log("This is the outer level");
-console.group();
-console.log("Level 2");
-console.group();
-console.log("Level 3");
-console.warn("More of level 3");
-console.groupEnd();
-console.log("Back to level 2");
-console.groupEnd();
-console.log("Back to the outer level");
-```
-
-La sortie ressemble à ceci :
-
-![Une capture d'écran de messages imbriqués dans la sortie de la console.](nesting.png)
-
-Pour plus de détail, se reporter à l'article [Using groups in the console](/fr/docs/Web/API/console#Using_groups_in_the_console) dans la documentation sur la {{domxref("console")}}.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/group_static/index.md b/files/fr/web/api/console/group_static/index.md
new file mode 100644
index 00000000000000..0057b881b6e1f1
--- /dev/null
+++ b/files/fr/web/api/console/group_static/index.md
@@ -0,0 +1,66 @@
+---
+title: "console : méthode statique group()"
+slug: Web/API/console/group_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.group()`** crée un nouveau groupe dans le journal affiché dans la console. Les messages affichés ensuite seront indentés d'un niveau jusqu'à ce que [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static) soit appelée.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+group()
+group(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+  - : Un libellé pour identifier le groupe.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+Vous pouvez utiliser des groupes imbriqués pour organiser l'affichage dans la console et regrouper les messages associés. Pour créer un nouveau bloc imbriqué, on appellera `console.group()`. La méthode [`console.groupCollapsed()`](/fr/docs/Web/API/console/groupcollapsed_static) est similaire, mais produit un groupe replié par défaut (il faut cliquer sur le symbole de dépliage pour voir les messages).
+
+Pour clôturer le groupe courant, on appellera [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static). Par exemple, si on a écrit&nbsp;:
+
+```js
+console.log("Il s'agit du niveau extérieur");
+console.group();
+console.log("Niveau 2");
+console.group();
+console.log("Niveau 3");
+console.warn("Un avertissement au niveau 3");
+console.groupEnd();
+console.log("Retour au niveau 2");
+console.groupEnd();
+console.log("Retour au niveau extérieur");
+```
+
+L'affichage dans la console ressemblera à ceci&nbsp;:
+
+![Une capture d'écran des messages imbriqués dans la sortie de la console.](nesting.png)
+
+Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/console#utiliser_des_groupes_dans_la_console) pour plus de détails.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static)
+- [`console.groupCollapsed()`](/fr/docs/Web/API/console/groupcollapsed_static)
diff --git a/files/fr/web/api/console/group_static/nesting.png b/files/fr/web/api/console/group_static/nesting.png
new file mode 100644
index 00000000000000..39f461b03d3fa0
Binary files /dev/null and b/files/fr/web/api/console/group_static/nesting.png differ
diff --git a/files/fr/web/api/console/groupcollapsed/index.md b/files/fr/web/api/console/groupcollapsed/index.md
deleted file mode 100644
index d258aea5d11958..00000000000000
--- a/files/fr/web/api/console/groupcollapsed/index.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: Console.groupCollapsed()
-slug: Web/API/console/groupCollapsed
----
-
-{{APIRef("Console API")}}
-
-Crée un nouveau groupe intégré dans la console Web. Contrairement à {{domxref ("console.group ()")}}, le nouveau groupe est créé réduit. L'utilisateur devra utiliser le bouton de divulgation à côté pour le développer, en révélant les entrées créées dans le groupe.
-
-Appellez {{domxref("console.groupEnd()")}} pour revenir au groupe parent.
-
-Voir [Using groups in the console](/fr/docs/Web/API/console#Using_groups_in_the_console) dans la documentation de {{domxref("console")}} pour plus de détails et des exemples.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.groupCollapsed([label]);
-```
-
-## Paramètres
-
-- `label`
-  - : Étiquette pour le groupe. Facultatif.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/groupcollapsed_static/index.md b/files/fr/web/api/console/groupcollapsed_static/index.md
new file mode 100644
index 00000000000000..339534040b7644
--- /dev/null
+++ b/files/fr/web/api/console/groupcollapsed_static/index.md
@@ -0,0 +1,45 @@
+---
+title: "console : méthode statique groupCollapsed()"
+slug: Web/API/console/groupcollapsed_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.groupCollapsed()`** crée un nouveau groupe dans le journal affiché dans la console. À la différence de [`console.group()`](/fr/docs/Web/API/console/group_static), le groupe créé ici est replié. La personne devra utiliser l'icône de dépliage pour révéler les informations du groupe.
+
+Il faudra appeler [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static) pour fermer le groupe courant et revenir au niveau du groupe parent.
+
+Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/console#utiliser_des_groupes_dans_la_console) pour plus de détails et d'exemples.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+groupCollapsed()
+groupCollapsed(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+  - : Un libellé identifiant le groupe courant.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.group()`](/fr/docs/Web/API/console/group_static)
+- [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static)
diff --git a/files/fr/web/api/console/groupend/index.md b/files/fr/web/api/console/groupend/index.md
deleted file mode 100644
index 344e0027d7320f..00000000000000
--- a/files/fr/web/api/console/groupend/index.md
+++ /dev/null
@@ -1,32 +0,0 @@
----
-title: Console.groupEnd()
-slug: Web/API/console/groupEnd
----
-
-{{APIRef("Console API")}}
-
-Quitte le groupe en ligne actuel dans la [console Web](/fr/docs/Outils/Console_Web). Voir [Using groups in the console](/fr/docs/Web/API/console#Using_groups_in_the_console) dans la documentation {{domxref("console.group()")}} pour plus de détails et des exemples.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.groupEnd();
-```
-
-## Paramètres
-
-Aucun.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/groupend_static/index.md b/files/fr/web/api/console/groupend_static/index.md
new file mode 100644
index 00000000000000..06a6723e03a70d
--- /dev/null
+++ b/files/fr/web/api/console/groupend_static/index.md
@@ -0,0 +1,39 @@
+---
+title: "console : méthode statique groupEnd()"
+slug: Web/API/console/groupend_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.groupEnd()`** clôture le groupe courant dans la console. Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/console#utiliser_des_groupes_dans_la_console) pour plus de détails et d'exemples.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+groupEnd()
+```
+
+### Paramètres
+
+Aucun.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.group()`](/fr/docs/Web/API/console/group_static)
+- [`console.groupCollapsed()`](/fr/docs/Web/API/console/groupcollapsed_static)
diff --git a/files/fr/web/api/console/index.md b/files/fr/web/api/console/index.md
index e916c8bf6f3411..3d8cb6632ed704 100644
--- a/files/fr/web/api/console/index.md
+++ b/files/fr/web/api/console/index.md
@@ -1,243 +1,262 @@
 ---
-title: Console
+title: console
 slug: Web/API/console
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
 ---
 
 {{APIRef("Console API")}}
 
-L'objet **`console`** donne accès à la console de débogage du navigateur (par exemple, la [Console Web](/fr/docs/Tools/Web_Console) dans Firefox). Les spécificités de fonctionnement varient d'un navigateur à l'autre, mais il y a tout de même un ensemble de fonctionnalités qui sont fournies de base.
+L'objet **`console`** permet d'accéder à la console de débogage de l'environnement JavaScript (par exemple [la console web](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html) de Firefox). Son fonctionnement varie d'un navigateur à l'autre, mais certaines fonctionnalités sont standardisées et généralement fournies.
 
-La `console` est accessible de n'importe quel objet global, {{domxref("Window")}} du cadre de navigation, {{domxref("WorkerGlobalScope")}} et ses variantes spécifiques pour les workers. Elle est exposée comme {{domxref ("Window.console")}} et peut être référencée simplement comme console. Par exemple :
+On peut accéder à l'objet `console` depuis n'importe quel objet global, [`Window`](/fr/docs/Web/API/Window) pour les contextes de navigation classiques et [`WorkerGlobalScope`](/fr/docs/Web/API/WorkerGlobalScope) dans les <i lang="en">workers</i>, grâce à la propriété `console`. Exposé via [`Windows.console`](/fr/docs/Web/API/Window/console), on peut y faire référence avec `console`. Par exemple&nbsp;:
 
 ```js
-console.log("Failed to open the specified link");
+console.log("Erreur à l'ouverture du lien indiqué.");
 ```
 
-Cette page documente les [méthodes](#méthodes) disponibles pour l'objet `console` et donne quelques [exemples d'utilisation](#exemples_dutilisation).
+Dans cette page, nous verrons [les méthodes](#méthodes) disponibles sur l'objet `console` et donnerons quelques [cas d'utilisation](#cas_dutilisation).
 
 {{AvailableInWorkers}}
 
-## Méthodes
-
-- {{domxref("Console.assert()")}}
-  - : Affiche un message et une trace d'appels dans la console si l'assertion en argument est à `false`.
-- {{domxref("Console.clear()")}}
-  - : Vide la console.
-- {{domxref("Console.count()")}}
-  - : Affiche le nombre de fois que la ligne a été appelée avec un label donné.
-- {{domxref("Console.debug()")}}
-  - : Un alias de `log().`
-
-> **Note :** À partir de Chromium 58, cette méthode n'apparaît que dans les consoles de navigateur Chromium lorsque le niveau "Verbose" est sélectionné.
-
-- {{domxref("Console.dir()")}} {{Non-standard_inline}}
-  - : Affiche une liste interactive des propriétés d'un objet JavaScript donné. Cette liste vous permet d'examiner le contenu des enfants de l'objet en ouvrant les détails (petits triangles).
-- {{domxref("Console.dirxml()")}} {{Non-standard_inline}}
-  - : Affiche si possible une représentation d'éléments XML/HTML d'un objet spécifié. Sinon, c'est une vue de l'objet JavaScript.
-- {{domxref("Console.error()")}}
-  - : Affiche un message d'erreur. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode.
-- {{domxref("Console._exception()")}} {{Non-standard_inline}} {{deprecated_inline}}
-  - : Un alias d'`error();`
-- {{domxref("Console.group()")}}
-  - : Crée un nouveau [groupe](/fr/docs/Web/API/console#Using_groups_in_the_console) en ligne, correspondant à un nouveau niveau d'indentation. Contrairement à `group()`. Pour revenir au niveau précédent, appeler `groupEnd()`.
-- {{domxref("Console.groupCollapsed()")}}
-  - : Crée un nouveau [groupe](/fr/docs/Web/API/console#Using_groups_in_the_console) en ligne, correspondant à un nouveau niveau d'indentation. Contrairement à `group()` , cela commence avec le groupe en ligne effondré, nécessitant l'utilisation d'un bouton de divulgation pour l'agrandir. Pour revenir au niveau précédent, appeler `groupEnd()`.
-- {{domxref("Console.groupEnd()")}}
-  - : Quitte le [groupe](/fr/docs/Web/API/console#Using_groups_in_the_console) d'indentation courant.
-- {{domxref("Console.info()")}}
-  - : Affiche un message d'information. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode.
-- {{domxref("Console.log()")}}
-  - : Permet d'afficher des messages dans la console. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode.
-- {{domxref("Console.profile()")}} {{Non-standard_inline}}
-  - : démarre le profilage du navigateur (par exemple, l'[outil performances de Firefox](/fr/docs/Outils/Performance)). Vous pouvez spécifier un nom en option pour ce profil.
-- {{domxref("Console.profileEnd()")}} {{Non-standard_inline}}
-  - : Arrête le profilage. Vous pouvez voir le résultat de ce dernier dans l'outil « performance » du navigateur (par exemple, l'[outil performance Firefox](/fr/docs/Outils/Performance)).
-- {{domxref("Console.table()")}}
-  - : Affiche des données tabulaires comme un tableau.
-- {{domxref("Console.time()")}}
-  - : Démarre un [chronomètre](/fr/docs/Web/API/console#Timers) que l'on peut nommer en le spécifiant en tant que paramètre. Jusqu'à 10 000 chronomètres simultanés peuvent tourner sur une page.
-- {{domxref("Console.timeEnd()")}}
-  - : Arrête le [chronomètre](/fr/docs/Web/API/console#Timers) spécifié et affiche le temps écoulé en millisecondes depuis son démarrage.
-- {{domxref("Console.timeStamp()")}} {{Non-standard_inline}}
-  - : Ajoute un marqueur dans la [Timeline](https://developer.chrome.com/devtools/docs/timeline) du navigateur ou l'outil [Waterfall](/fr/docs/Outils/Performance/Waterfall).
-- {{domxref("Console.trace()")}}
-  - : Affiche une [trace d'appels](/fr/docs/Web/API/console#Traces_d%27appel).
-- {{domxref("Console.warn()")}}
-  - : Affiche un message d'avertissement. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode.
-
-## Exemples d'utilisation
+> **Note :** Certains IDE et éditeurs peuvent implémenter l'API Console différemment. Cela se traduit par un comportement différent ou une absence de certaines fonctionnalités de l'API. Par exemple, les méthodes liées aux chronomètres pourraient ne pas afficher les durées en sortie. En cas de doute, utilisez la console des outils de développement de votre navigateur pour observer le fonctionnement décrit dans cette documentation.
+
+## Méthodes statiques
+
+- [`console.assert()`](/fr/docs/Web/API/console/assert_static)
+  - : Affiche un message dans la console si l'assertion passée comme premier argument est fausse.
+- [`console.clear()`](/fr/docs/Web/API/console/clear_static)
+  - : Vide le contenu de la console.
+- [`console.count()`](/fr/docs/Web/API/console/count_static)
+  - : Affiche le nombre de fois que le compteur avec le libellé correspondant a été appelé.
+- [`console.countReset()`](/fr/docs/Web/API/console/countreset_static)
+  - : Réinitialise la valeur du compteur avec le libellé corredpondant.
+- [`console.debug()`](/fr/docs/Web/API/console/debug_static)
+  - : Affiche un message de débogage dans la console.
+- [`console.dir()`](/fr/docs/Web/API/console/dir_static)
+  - : Affiche une représentation hiérarchique d'un objet JavaScript. L'interface utilisateur permet de déplier l'arborescence pour examiner le contenu des objets enfants.
+- [`console.dirxml()`](/fr/docs/Web/API/console/dirxml_static)
+  - : Affiche une représentation d'un objet XML/HTML fourni (ou la vue JavaScript équivalente de `console.dir()` par défaut).
+- [`console.error()`](/fr/docs/Web/API/console/error_static)
+  - : Affiche un message d'erreur. Ce message peut contenir des [chaînes de caractères de substitution](#utiliser_des_chaînes_de_substitution) et d'autres valeurs fournies comme arguments complémentaires.
+- `console.exception()` {{Non-standard_inline}} {{deprecated_inline}}
+  - : Un synonyme pour `console.error()`.
+- [`console.group()`](/fr/docs/Web/API/console/group_static)
+  - : Crée un nouveau [groupe](#utiliser_des_groupes_dans_la_console), indentant l'affichage des messages suivants. Pour revenir au niveau courant, on appellera `console.groupEnd()`.
+- [`console.groupCollapsed()`](/fr/docs/Web/API/console/groupcollapsed_static)
+  - : Crée un nouveau [groupe](#utiliser_des_groupes_dans_la_console), indentant l'affichage des messages suivants. Toutefois, contrairement à `console.group()`, les messages du groupe sont repliés. Pour revenir au niveau courant, on appellera `console.groupEnd()`.
+- [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static)
+  - : Ferme le [groupe](#utiliser_des_groupes_dans_la_console) courant.
+- [`console.info()`](/fr/docs/Web/API/console/info_static)
+  - : Affiche des informations dans la console. Ce message peut contenir des [chaînes de caractères de substitution](#utiliser_des_chaînes_de_substitution) et d'autres valeurs fournies comme arguments complémentaires.
+- [`console.log()`](/fr/docs/Web/API/console/log_static)
+  - : Affiche des messages généraux dans la console. Ce message peut contenir des [chaînes de caractères de substitution](#utiliser_des_chaînes_de_substitution) et d'autres valeurs fournies comme arguments complémentaires.
+- [`console.profile()`](/fr/docs/Web/API/console/profile_static) {{Non-standard_inline}}
+  - : Démarre l'enregistrement d'un profil de performance. Un nom peut être fourni en argument et associé au profil ainsi créé.
+- [`console.profileEnd()`](/fr/docs/Web/API/console/profileend_static) {{Non-standard_inline}}
+  - : Arrête l'enregistrement du profil de performance.
+- [`console.table()`](/fr/docs/Web/API/console/table_static)
+  - : Affiche des données tabulaires sous forme d'un tableau.
+- [`console.time()`](/fr/docs/Web/API/console/time_static)
+  - : Démarre un [chronomètre](#chronomètres) avec un nom fourni en paramètre.
+- [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static)
+  - : Arrête le [chronomètre](#chronomètres) indiqué et affiche la durée écoulée (exprimée en millisecondes) depuis le début de la mesure.
+- [`console.timeLog()`](/fr/docs/Web/API/console/timelog_static)
+  - : Affiche la valeur du [chronomètre](#chronomètres) indiqué dans la console.
+- [`console.timeStamp()`](/fr/docs/Web/API/console/timestamp_static) {{Non-standard_inline}}
+  - : Ajoute un marqueur de performance pour l'outil de mesure des performances du navigateur ([Firefox](https://profiler.firefox.com/docs/#/), [Chrome](https://developer.chrome.com/docs/devtools/evaluate-performance/reference/)).
+- [`console.trace()`](/fr/docs/Web/API/console/trace_static)
+  - : Affiche la [trace de la pile d'appels](#trace_de_piles_dappels).
+- [`console.warn()`](/fr/docs/Web/API/console/warn_static)
+  - : Affiche un message d'avertissement dans la console. Ce message peut contenir des [chaînes de caractères de substitution](#utiliser_des_chaînes_de_substitution) et d'autres valeurs fournies comme arguments complémentaires.
+
+## Exemples
 
 ### Afficher du texte dans la console
 
-La fonction la plus utilisée de la console est d'afficher du texte ou autres données. Il y a quatre sortes d'affichages que vous pouvez générer, en utilisant les méthodes {{domxref("console.log()")}}, {{domxref("console.info()")}}, {{domxref("console.warn()")}}, et {{domxref("console.error()")}}. Chacune de ces méthodes génére un affichage différent dans la console, et vous pouvez utiliser les fonctions de filtrage du navigateur pour voir uniquement les types de sortie qui vous intéressent.
+On utilise la plupart du temps la console pour journaliser du texte et d'autres données. Il existe plusieurs catégories de messages qu'on peut afficher grâce aux méthodes [`console.log()`](/fr/docs/Web/API/console/log_static), [`console.info()`](/fr/docs/Web/API/console/info_static), [`console.warn()`](/fr/docs/Web/API/console/warn_static), [`console.error()`](/fr/docs/Web/API/console/error_static), et [`console.debug()`](/fr/docs/Web/API/console/debug_static). Les messages de chacune de ces méthodes seront affichés différemment et l'interface du navigateur vous permettra de les filtrer en fonction du niveau qui vous intéresse.
 
-Il y a deux manières d'utiliser chacune de ces méthodes de sortie ; Vous pouvez passer une liste d'objets dont leur représentation sera concaténée dans une seule chaine et s'affichera dans la console, ou vous pouvez passer une chaîne de caractères contenant zéro et plus de caractères de substitution suivis d'une liste d'objets avec lesquels les remplacer.
+Chacune de ces méthodes peut être utilisée de deux façons&nbsp;: soit en passant une liste d'objet dont les représentations en texte seront concaténées sur une seule chaîne de caractères puis affichées, soit en passant une chaîne de caractères contenant plusieurs chaînes de substitution, suivie d'une liste d'objet pour ces substitutions.
 
-#### Afficher un seul objet
+#### Afficher un objet
 
-La manière la plus simple d'utiliser les méthodes de « log » est d'afficher un seul objet :
+Un usage simple consiste à afficher les informations d'un objet&nbsp;:
 
 ```js
-var someObject = { str: "Some text", id: 5 };
-console.log(someObject);
+const unObjet = { str: "Du texte", id: 5 };
+console.log(unObjet);
 ```
 
-L'affichage ressemblera à ceci :
+Le résultat dans la console ressemblera à&nbsp;:
 
-```
-[09:27:13.475] ({str:"Some text", id:5})
+```plain
+{str:"Du texte", id:5}
 ```
 
 #### Afficher plusieurs objets
 
-Vous pouvez aussi afficher plusieurs objets, en les séparant par une virgule, comme ceci :
+On peut aussi afficher les données de plusieurs objets&nbsp;:
 
 ```js
-var car = "Dodge Charger";
-var someObject = { str: "Some text", id: 5 };
-console.info("My first car was a", car, ". The object is: ", someObject);
+const voiture = "Peugeot 404";
+const unObjet = { str: "Du texte", id: 5 };
+console.info(
+  "Ma première voiture était une ",
+  voiture,
+  ". L'objet est :",
+  unObjet,
+);
 ```
 
-L'affichage ressemblera à ceci :
+Dans la console, on verra le message suivant&nbsp;:
 
+```plain
+Ma première voiture était une Peugeot 404. L'objet est : {str:"Du texte", id:5}
 ```
-[09:28:22.711] My first car was a Dodge Charger . The object is:  ({str:"Some text", id:5})
-```
 
-#### Utiliser les caractères de substitution
-
-Gecko 9.0 a amené le support des caractères de substitution. Lorsque l'on passe en argument une chaîne à l'une des méthodes qui acceptent des chaînes de caractère, on peut utiliser ces caractères de substitution :
-
-<table class="standard-table">
-  <tbody>
-    <tr>
-      <td class="header">caractère de substitution</td>
-      <td class="header">description</td>
-    </tr>
-    <tr>
-      <td>%o or %O</td>
-      <td>
-        Affiche un lien hypertexte sur un objet JavaScript. Cliquer le lien
-        ouvre l'inspecteur.
-      </td>
-    </tr>
-    <tr>
-      <td>%d or %i</td>
-      <td>
-        Affiche un entier. Le formatage des nombres est supporté, par exemple
-        console.log ("Foo% .2d", 1.1) affichera le nombre sous forme de deux
-        chiffres significatifs avec un 0 : Foo 01
-      </td>
-    </tr>
-    <tr>
-      <td>%s</td>
-      <td>Affiche une chaîne de caractères.</td>
-    </tr>
-    <tr>
-      <td>%f</td>
-      <td>
-        Affiche un nombre réél. Le formatage est supporté, par exemple,
-        <code>console.log("Foo %.2f", 1.1)</code> affichera un nombre avec 2
-        décimales : <code>Foo 1.10</code> .
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-Chacun de ceux-ci ira chercher l'argument qui suit la chaîne à formater. Par exemple :
+#### Utiliser des chaînes de substitution
+
+Lorsqu'on passe une chaîne de caractères à l'une des méthodes d'affichage de `console` (telle que `log()`), on peut utiliser des chaînes de substitution&nbsp;:
+
+- `%o` ou `%O`
+  - : Permettra d'afficher un objet JavaScript. L'interface permettra de cliquer sur le nom de l'objet pour consulter plus d'informations dans l'inspecteur.
+- `%d` ou `%i`
+  - : Permettra d'afficher un entier. Le formatage numérique est pris en charge et on pourra par exemple écrire `console.log("Toto %.2d", 1.1)` qui indiquera qu'il faut écrire le nombre avec deux chiffres significatifs et un 0 devant&nbsp;: `Toto 01`.
+- `%s`
+  - : Permettra d'afficher une chaîne de caractères.
+- `%f`
+  - : Permettra d'afficher une valeur décimale. Le formatage numérique est pris en charge et on pourra par exemple écrire `console.log("Toto %.2f", 1.1)` pour avoir deux chiffres décimaux&nbsp;: `Toto 1.10`.
+
+> **Attention :** Ce formatage pour la précision numérique ne fonctionne pas dans Chrome.
+
+Chaque chaîne de substitution est associé au paramètre correspondant dans la liste (la première chaîne avec le deuxième paramètre, la deuxième chaîne avec le troisième paramètre, et ainsi de suite).
 
 ```js
-for (var i = 0; i < 5; i++) {
-  console.log("Hello, %s. You've called me %d times.", "Bob", i + 1);
+for (let i = 0; i < 5; i++) {
+  console.log("Coucou, %s. Vous m'avez appelé %d fois.", "Olivier", i + 1);
 }
 ```
 
-L'affichage ressemblera à ceci :
+Avec le fragment de code précédent, le résultat sera&nbsp;:
 
-```
-[13:14:13.481] Hello, Bob. You've called me 1 times.
-[13:14:13.483] Hello, Bob. You've called me 2 times.
-[13:14:13.485] Hello, Bob. You've called me 3 times.
-[13:14:13.487] Hello, Bob. You've called me 4 times.
-[13:14:13.488] Hello, Bob. You've called me 5 times.
+```plain
+Coucou, Olivier. Vous m'avez appelé 1 fois.
+Coucou, Olivier. Vous m'avez appelé 2 fois.
+Coucou, Olivier. Vous m'avez appelé 3 fois.
+Coucou, Olivier. Vous m'avez appelé 4 fois.
+Coucou, Olivier. Vous m'avez appelé 5 fois.
 ```
 
-#### Donner un style à l'affichage de la console
+#### Mettre en forme la sortie de la console
 
-Vous pouvez utiliser l'instruction `"%c"` pour appliquer du style CSS à l'affichage de la console :
+La directive `%c` permet d'appliquer une règle CSS pour mettre en forme le message dans la console&nbsp;:
 
 ```js
 console.log(
-  "This is %cMy stylish message",
+  "Voici mon %cmessage super stylé.",
   "color: yellow; font-style: italic; background-color: blue;padding: 2px",
 );
 ```
 
-![](css-styling.png)
+Le texte situé avant la directive n'est pas modifié. Le texte situé après sera mis en forme à l'aide des déclarations CSS du deuxième paramètre.
+
+![Texte mis en forme dans la console de Firefox](css-styling.png)
 
-> **Note :** Un certain nombre de propriétés CSS sont supportées par ce style; vous devriez expérimenter et voir lesquels s'avèrent utiles.
+La directive `%c` peut être utilisée plusieurs fois&nbsp;:
+
+```js
+console.log(
+  "Utilisation de plusieurs styles : %cred %corange",
+  "color: red",
+  "color: orange",
+  "Un message non mis en forme",
+);
+```
+
+Les propriétés qui peuvent être utilisées avec cette syntaxe sont (au moins pour Firefox)&nbsp;:
+
+- [`background`](/fr/docs/Web/CSS/background) et les propriétés détaillées correspondantes
+- [`border`](/fr/docs/Web/CSS/border) et les propriétés détaillées correspondantes
+- [`border-radius`](/fr/docs/Web/CSS/border-radius)
+- [`box-decoration-break`](/fr/docs/Web/CSS/box-decoration-break)
+- [`box-shadow`](/fr/docs/Web/CSS/box-shadow)
+- [`clear`](/fr/docs/Web/CSS/clear) et [`float`](/fr/docs/Web/CSS/float)
+- [`color`](/fr/docs/Web/CSS/color)
+- [`cursor`](/fr/docs/Web/CSS/cursor)
+- [`display`](/fr/docs/Web/CSS/display)
+- [`font`](/fr/docs/Web/CSS/font) et les propriétés détaillées correspondantes
+- [`line-height`](/fr/docs/Web/CSS/line-height)
+- [`margin`](/fr/docs/Web/CSS/margin)
+- [`outline`](/fr/docs/Web/CSS/outline) et les propriétés détaillées correspondantes
+- [`padding`](/fr/docs/Web/CSS/padding)
+- Les propriétés `text-*` comme [`text-transform`](/fr/docs/Web/CSS/text-transform)
+- [`white-space`](/fr/docs/Web/CSS/white-space)
+- [`word-spacing`](/fr/docs/Web/CSS/word-spacing) et [`word-break`](/fr/docs/Web/CSS/word-break)
+- [`writing-mode`](/fr/docs/Web/CSS/writing-mode)
+
+> **Note :** Le message de la console se comporte par défaut comme un élément en ligne. Pour observer des effets avec `padding`, `margin` ou autre, il faut modifier son affichage, par exemple avec `display: inline-block`.
 
 ### Utiliser des groupes dans la console
 
-Vous pouvez utiliser des groupes imbriqués pour vous aider à vous repérer dans l'affichage. Pour créer un nouveau bloc, appelez `console.group()`. La méthode `console.groupCollapsed()` est similaire, mais elle crée un bloc qui sera réduit.
+On peut utiliser des groupes imbriqués pour organiser le contenu affiché dans la console. Pour créer un nouveau groupe, on utilisera la méthode `console.group()`. La méthode `console.groupCollapsed()` permettra également de créer un groupe, mais qui sera automatiquement replié (et qu'il faudra déplier via l'interface pour en consulter les informations).
 
-Pour quitter le groupe dans lequel on est, appeler `console.groupEnd()`. Par exemple, examinez ce code :
+Pour clôturer le groupe courant, on appellera `console.groupEnd()`. Ainsi, si on écrit&nbsp;:
 
 ```js
-console.log("This is the outer level");
+console.log("Il s'agit du niveau extérieur");
 console.group();
-console.log("Level 2");
+console.log("Niveau 2");
 console.group();
-console.log("Level 3");
-console.warn("More of level 3");
+console.log("Niveau 3");
+console.warn("Un avertissement au niveau 3");
 console.groupEnd();
-console.log("Back to level 2");
+console.log("Retour au niveau 2");
 console.groupEnd();
-console.debug("Back to the outer level");
+console.log("Retour au niveau extérieur");
 ```
 
-L'affichage ressemblera à ceci :
+L'affichage dans la console ressemblera à ceci&nbsp;:
 
-![Démonstration de groupes imbriqués dans la console Firefox](console_groups_demo.png)
+![Une capture d'écran des messages imbriqués dans la sortie de la console.](nesting.png)
 
-### Chronométrage
+### Chronomètres
 
-Pour calculer la durée d'une opération spécifique, Gecko 10 a amené le supports des chronomètres dans l'objet `console`. pour démarrer un chronomètre, appelez la méthode `console.time()` en lui donnant un seul paramètre, son nom. Pour arrêter le chronomètre et obtenir le temps écoulé en millisecondes, utilisez la méthode `console.timeEnd()`, en passant à nouveau le nom du chronomètre comme paramètre. Une seule page peut faire tourner un maximum de 10.000 chronomètres.
+On peut démarrer un chronomètre pour mesurer la durée d'une opération donnée. Pour lancer un chronomètre, on appellera la méthode `console.time()`, à laquelle on pourra passer un nom comme paramètre. Pour arrêter le chronomètre et obtenir la durée écoulée, on appellera la méthode `console.timeEnd()` (à laquelle on pourra aussi passer un nom en argument pour arrêter un chronomètre donné). Pour une page web donnée, on peut exécuter jusqu'à 10&nbsp;000 chronomètres simultanément.
 
-Par exemple, voici ce code :
+Si on écrit cela, par exemple&nbsp;:
 
 ```js
-console.time("answer time");
-alert("Click to continue");
-console.timeEnd("answer time");
+console.time("ma mesure de temps");
+alert("Cliquez pour continuer");
+console.timeLog("ma mesure de temps");
+alert("Faire d'autres trucs…");
+console.timeEnd("ma mesure de temps");
 ```
 
-affichera le temps pour l'utilisateur dont il a eu besoin pour faire disparaitre la fenêtre d'alerte :
-
-![](console-timelog.png)
+Avec le fragment de code ci-avant, on affichera le temps écoulé après que la personne a fermé la première fenêtre modale, puis le temps total pris pour fermer les deux fenêtres&nbsp;:
 
-Notez que le nom du chronomètre est affiché deux fois, à son départ et quand il se termine.
+![L'affichage produit par le chronomètre dans la console de Firefox](console-timelog.png)
 
-> **Note :** Il est important de noter que si vous vous servez de ceci pour enregistrer les durées du traffic réseau, le chronomètre renverra le temps total d'échanges, alors que les durées affichées dans l'onglet network représente seulement la durée à la réception du header. Si vous avez activer l'enregistrement de réponse du body, le temps listé pour la réponse du header et du body devrait correspondre à ce qu'affiche la sortie de la console.
+On peut voir que le nom du chronomètre est affiché au démarrage et à l'arrêt de celui-ci.
 
-### Traces d'appel
+### Traces de piles d'appels
 
-L'objet console supporte aussi l'affichage d'une trace d'appels ; cela montre le chemin pris pour atteindre l'endroit auquel vous avez fait appel à la fonction {{domxref("console.trace()")}}. Ce qui donne avec ce code :
+L'objet `console` permet également d'afficher une trace de pile d'appels. Cela permet de connaître la pile d'appels suivie pour atteindre le point où la méthode [`console.trace()`](/fr/docs/Web/API/console/trace_static) a été appelée&nbsp;:
 
 ```js
-foo();
-
-function foo() {
-  function bar() {
+function toto() {
+  function truc() {
     console.trace();
   }
-  bar();
+  truc();
 }
+
+toto();
 ```
 
-L'affichage dans la console ressemblera à ceci :
+Avec le fragment de code précédent, on aura la trace suivante dans la console&nbsp;:
 
-![](api-trace2.png)
+![Trace de la pile d'appels dans la console Firefox](api-trace2.png)
 
 ## Spécifications
 
@@ -247,16 +266,11 @@ L'affichage dans la console ressemblera à ceci :
 
 {{Compat}}
 
-## Voir aussi
+> **Note :** Dans Firefox, si une page définit un objet `console`, cet objet surchargera l'objet natif exposé par Firefox.
 
-- [Outils de développement](/fr/docs/Outils)
-- [Console web](/fr/docs/Outils/Console_Web) - comment la console Web de Firefox gère les appels d'API de console
-- [Débogage distant](/fr/docs/Outils/Débogage_distant) - comment afficher la sortie de la console lorsque la cible de débogage est un périphérique mobile
-- [Journalisation console sur l'appareil](/fr/docs/Archive/B2G_OS/Debugging/Journalisation_console) - comment se connecter sur les appareils Firefox OS
-
-### Autres implémentations
+## Voir aussi
 
-- [Google Chrome DevTools](https://developers.google.com/chrome-developer-tools/docs/console-api)
-- [Firebug](http://getfirebug.com/wiki/index.php/Console_API)
-- [Internet Explorer](<http://msdn.microsoft.com/en-us/library/hh772173(v=vs.85).aspx>)
-- [Safari](https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html)
+- [Google Chrome](https://developer.chrome.com/docs/devtools/console/api/)
+- [Microsoft Edge](https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/)
+- [Apple Safari](https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html)
+- [Mozilla Firefox](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html)
diff --git a/files/fr/web/api/console/info/index.md b/files/fr/web/api/console/info/index.md
deleted file mode 100644
index a0f5c6d5dceeab..00000000000000
--- a/files/fr/web/api/console/info/index.md
+++ /dev/null
@@ -1,41 +0,0 @@
----
-title: Console.info()
-slug: Web/API/console/info
----
-
-{{ APIRef("Console API") }}{{Non-standard_header}}
-
-Affiche un message informatif dans la console du navigateur. Dans Firefox et Chrome, une petit icône de _i_ s'affiche devant le message.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.info(obj1 [, obj2, ..., objN]);
-console.info(msg [, subst1, ..., substN]);
-```
-
-### Paramètres
-
-- `obj1` ... `objN`
-  - : Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste.
-- `msg`
-  - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères.
-- `subst1` ... `substN`
-  - : Une liste d'objets JavaScript qui remplace les chaînes de caractéres de `msg`. Cela vous donne plus de contrôle sur le format de sortie.
-
-Voir [Afficher du texte sur la console](/fr/docs/Web/API/Console#Outputting_text_to_the_console) dans la documentation de {{ domxref("console") }} pour plus de détails.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
diff --git a/files/fr/web/api/console/info_static/index.md b/files/fr/web/api/console/info_static/index.md
new file mode 100644
index 00000000000000..6077572cc3c0b8
--- /dev/null
+++ b/files/fr/web/api/console/info_static/index.md
@@ -0,0 +1,44 @@
+---
+title: "console : méthode statique info()"
+slug: Web/API/console/info_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.info()`** affiche un message d'information dans la console. Le navigateur ou le moteur JavaScript pourra indiquer ce contenu avec une iconographie associée.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+info(obj1)
+info(obj1, /* …, */ objN)
+info(msg)
+info(msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `obj1` … `objN`
+  - : Une liste d'objets JavaScript à afficher. Les représentations en chaînes de caractères de ces objets sont concaténés dans l'ordre et affichés dans la console.
+- `msg`
+  - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
+- `subst1` … `substN`
+  - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
+
+Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/log/index.md b/files/fr/web/api/console/log/index.md
deleted file mode 100644
index b67f1b81757a13..00000000000000
--- a/files/fr/web/api/console/log/index.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: console.log()
-slug: Web/API/console/log
----
-
-{{APIRef("Console API")}}
-
-La méthode **`console.log()`** affiche un message dans la console Web. Le message peut être une simple chaine de caractères (avec des valeurs optionnelles de substitution) ou peut être composé d'un ou plusieurs objets JavaScript.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.log(obj1 [, obj2, ..., objN]);
-console.log(msg [, subst1, ..., substN]);
-```
-
-### Paramètres
-
-- `obj1` ... `objN`
-  - : Une liste d'objets Javascript à afficher. Les représentations textuelles de chacun de ces objets seront affichées dans la console du navigateur selon l'ordre indiqué. Attention, pour les versions récentes de Chrome et Firefox, ce qui apparaît dans la console est une **référence à l'objet** et pas nécessairement la valeur de l'objet au moment de l'appel à `console.log()` mais sa valeur au moment où on ouvre la console.
-- `msg`
-  - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs chaînes de substitution.
-- `subst1` ... `substN`
-  - : Des objets JavaScript dont les valeurs textuelles remplaceront les emplacements à substituer indiqués dans `msg`. Cela offre plus de contrôle sur le format d'affichage.
-
-Voir [Afficher du texte sur la console](/fr/docs/Web/API/Console#outputting_text_to_the_console) dans la documentation de [`console`](/fr/docs/Web/API/Console) pour plus de détails.
-
-## Différence entre console.log() et console.dir()
-
-Vous pourriez vous demander quelles sont les différences entre [`console.dir()`](/fr/docs/Web/API/Console/dir) et `console.log()`.
-
-Celles-ci concernent principalement la gestion particulière des objets du DOM :
-
-- `console.log()` affiche les éléments dans un arbre de type HTML,
-- `console.dir()` affiche les propriétés de l'objet JavaScript.
-
-![](dozdcyr.png)
-
-## Affichage d'objets dans la console
-
-Évitez d'utiliser `console.log(obj)` mais préférez `console.log(JSON.parse(JSON.stringify(obj)))` si vous souhaîtez être sûr·e d'observer la valeur de l'objet au moment de l'exécution de `console.log()`. Autrement, de nombreux navigateurs produisent un affichage interactif de l'objet qui se maintient à jour quand les propriétés de l'objet changent. Cela ne pourrait pas être ce que vous voulez et peut porter à confusion.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Docs Microsoft : Edge - Afficher des messages dans la console](https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/console-log)
-- [La référence de l'API Console pour Chrome](https://developers.google.com/chrome-developer-tools/docs/console-api#consoledirobject)
-- [NodeJS : API Console](https://nodejs.org/docs/latest/api/console.html#console_console_log_data)
diff --git a/files/fr/web/api/console/log_static/index.md b/files/fr/web/api/console/log_static/index.md
new file mode 100644
index 00000000000000..ecbfe9c70bc01f
--- /dev/null
+++ b/files/fr/web/api/console/log_static/index.md
@@ -0,0 +1,70 @@
+---
+title: "console : méthode statique log()"
+slug: Web/API/console/log_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.log()`** permet d'afficher un message dans la console. Le message peut être une chaîne de caractères (avec d'éventuelles valeurs de substitution) ou un ou plusieurs objets JavaScript.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+log(obj1)
+log(obj1, /* …, */ objN)
+log(msg)
+log(msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `obj1` … `objN`
+  - : Une liste d'objets JavaScript à afficher. Les objets sont affichés dans l'ordre des arguments. Attention, pour certains navigateurs, ce qui est affiché dans la console est _une référence à l'objet_ et pas nécessairement la valeur de l'objet au moment où `console.log()` est appelé (mais la valeur de l'objet au moment où la console est ouverte).
+- `msg`
+  - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
+- `subst1` … `substN`
+  - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
+
+Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Journaliser des objets
+
+Les informations relatives aux objets sont récupérées lorsque c'est nécessaire. Cela signifie que le message dans la console affiche le contenu de l'objet au moment où on l'observe depuis la console, et pas le contenu de l'objet au moment où la méthode a été appelée. Par exemple, avec&nbsp;:
+
+```js
+const obj = {};
+console.log(obj);
+obj.prop = 123;
+```
+
+On verra `{}` affiché comme résultat. Mais si on déplie le détail de l'objet, on verra alors `prop: 123`.
+
+Si vous modifiez l'objet et que vous ne voulez pas que les informations journalisées dans la console soient mises à jour, il faudra réaliser [un clone profond](/fr/docs/Glossary/Deep_copy) de l'objet avant de le journaliser. Une méthode courante pour ce faire consiste à utiliser [`JSON.stringify()`](/fr/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) puis [`JSON.parse()`](/fr/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse)&nbsp;:
+
+```js
+console.log(JSON.parse(JSON.stringify(obj)));
+```
+
+D'autres méthodes, comme [`structuredClone()`](/fr/docs/Web/API/structuredClone), peuvent fonctionner dans les navigateurs et seront plus efficaces pour cloner différents types d'objet.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Documentation Edge](https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/console-log#console-messages-examples-log-info-error-and-warn)
+- [Documentation Node.JS sur l'API Console](https://nodejs.org/docs/latest/api/console.html#consolelogdata-args)
+- [Documentation Chrome](https://developer.chrome.com/docs/devtools/console/api/#log)
diff --git a/files/fr/web/api/console/nesting.png b/files/fr/web/api/console/nesting.png
new file mode 100644
index 00000000000000..39f461b03d3fa0
Binary files /dev/null and b/files/fr/web/api/console/nesting.png differ
diff --git a/files/fr/web/api/console/profile/index.md b/files/fr/web/api/console/profile/index.md
deleted file mode 100644
index c70f3565e9f299..00000000000000
--- a/files/fr/web/api/console/profile/index.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: Console.profile()
-slug: Web/API/console/profile
----
-
-{{APIRef("Console API")}}{{Non-standard_header}}
-
-Commence l'enregistrement d'un profil de performance (par exemple, l'outil [performance de Firefox](/fr/docs/Outils/Performance)).
-
-Vous pouvez éventuellement fournir un argument pour nommer le profil, ce qui vous permet d'arrêter uniquement ce profil si plusieurs profils sont enregistrés. Voir {{domxref("Console.profileEnd()")}} pour voir comment cet argument est interprété.
-
-Pour arrêter l'enregistrement, appeler {{domxref("Console.profileEnd()")}}.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.profile(profileName);
-```
-
-## Paramètres
-
-- `profileName`
-  - : Le nom à donner au profil. Facultatif.
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- {{domxref("Console.profileEnd()")}}
diff --git a/files/fr/web/api/console/profile_static/index.md b/files/fr/web/api/console/profile_static/index.md
new file mode 100644
index 00000000000000..6631756ae0341f
--- /dev/null
+++ b/files/fr/web/api/console/profile_static/index.md
@@ -0,0 +1,39 @@
+---
+title: "console : méthode statique profile()"
+slug: Web/API/console/profile_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}{{Non-standard_header}}
+
+La méthode **`console.profile()`** démarre l'enregistrement d'un profil de performance.
+
+On peut fournir un argument indiquant le nom du profil, ce qui permet d'enregistrer plusieurs profils nommés en parallèle. Voir la documentation de [`console.profileEnd()`](/fr/docs/Web/API/console/profileend_static) pour plus d'informations sur cet argument.
+
+Pour arrêter l'enregistrement du profil, on appellera [`console.profileEnd()`](/fr/docs/Web/API/console/profileend_static).
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+profile(nomProfil)
+```
+
+### Paramètres
+
+- `nomProfil` {{optional_inline}}
+  - : Le nom à donner au profil.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.profileEnd()`](/fr/docs/Web/API/console/profileend_static)
diff --git a/files/fr/web/api/console/profileend/index.md b/files/fr/web/api/console/profileend/index.md
deleted file mode 100644
index d154bbf5031623..00000000000000
--- a/files/fr/web/api/console/profileend/index.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: Console.profileEnd()
-slug: Web/API/console/profileEnd
----
-
-{{APIRef("Console API")}}{{Non-standard_header}}
-
-> **Attention :** L'appel de cet API immédiatement après `console.profile()` peut l'empêcher de fonctionner. Pour contourner ce problème, appelez-le par un `setTimeout` avec un délai d'au-moins 5 ms. Voir [bug #1173588](https://bugzilla.mozilla.org/show_bug.cgi?id=1173588).
-
-La méthode `profileEnd` arrête l'enregistrement d'un profil lancé précédemment avec {{domxref("Console.profile()")}}.
-
-Vous pouvez éventuellement insérer un argument pour nommer le profil. Cela vous permet d'arrêter uniquement ce profil si vous avez enregistré plusieurs profils.
-
-- Si `Console.profileEnd()` reçoit un nom de profil qui correspond au nom d'un profil en cours d'enregistrement, ce profil est arrêté.
-- Si `Console.profileEnd()` reçoit un nom de profil qui ne correspond pas au nom d'un profil en cours d'enregistrement, aucune modification n'est apportée.
-- Si `Console.profileEnd()` ne reçoit pas un nom de profil, le dernier profil démarré est arrêté.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.profileEnd(profileName);
-```
-
-## Paramètres
-
-- `profileName`
-  - : Le nom à donner au profil. Ce paramètre est facultatif.
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- {{domxref("Console.profile()")}}
diff --git a/files/fr/web/api/console/profileend_static/index.md b/files/fr/web/api/console/profileend_static/index.md
new file mode 100644
index 00000000000000..94a7fe492abb3a
--- /dev/null
+++ b/files/fr/web/api/console/profileend_static/index.md
@@ -0,0 +1,41 @@
+---
+title: "console : méthode statique profileEnd()"
+slug: Web/API/console/profileend_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}{{Non-standard_header}}
+
+La méthode **`console.profileEnd()`** arrête l'enregistrement d'un profil de performance précédemment initié avec un appel à [`console.profile()`](/fr/docs/Web/API/console/profile_static).
+
+Un argument facultatif permet d'indiquer le nom du profil en question. Utiliser ce nom permet de cibler un profil donné pour l'arrêt de l'enregistrement lorsque plusieurs profils sont enregistrés.
+
+- Si `console.profileEnd()` est utilisée avec un nom de profil et que celui-ci correspond à un profil en cours d'enregistrement, l'enregistrement de ce profil donné est arrêté.
+- Si `console.profileEnd()` est utilisée avec un nom de profil qui ne correspond à aucun profil en cours d'enregistrement, rien ne se passe.
+- Si `console.profileEnd()` est utilisée sans nom de profil, c'est le profil dont l'enregistrement a démarré en dernier qui est arrêté.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+profileEnd(nomProfil)
+```
+
+### Paramètres
+
+- `nomProfil` {{optional_inline}}
+  - : Le nom à donner au profil.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.profile()`](/fr/docs/Web/API/console/profile_static)
diff --git a/files/fr/web/api/console/table/index.md b/files/fr/web/api/console/table_static/index.md
similarity index 97%
rename from files/fr/web/api/console/table/index.md
rename to files/fr/web/api/console/table_static/index.md
index 1f00bae34d0f5e..45131c96ac48c2 100644
--- a/files/fr/web/api/console/table/index.md
+++ b/files/fr/web/api/console/table_static/index.md
@@ -1,8 +1,8 @@
 ---
-title: "console : méthode table()"
-slug: Web/API/console/table
+title: "console : méthode statique table()"
+slug: Web/API/console/table_static
 l10n:
-  sourceCommit: 59adb56b83da91ee1744b723f2f7a37195c2ec82
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
 ---
 
 {{APIRef("Console API")}}
diff --git a/files/fr/web/api/console/time/index.md b/files/fr/web/api/console/time/index.md
deleted file mode 100644
index 575be5e5b83013..00000000000000
--- a/files/fr/web/api/console/time/index.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-title: console.time
-slug: Web/API/console/time
----
-
-{{APIRef("Console API")}}
-
-Chronomètre une opération. Chaque "timer" doit avoir un nom unique. Il peut y avoir jusqu'à 10000 "timers" sur une même page. En appelant {{ domxref("console.timeEnd()") }} avec le même nom, le navigateur affichera le temps d'execution en millisecondes dans la console.
-
-Voir [Timers](/fr/docs/Web/API/console#Timers) dans la documentation de {{ domxref("console") }} pour plus de details et d'exemples.
-
-## Syntaxe
-
-```js
-console.time(label);
-```
-
-## Paramètres
-
-- `label`
-  - : Nom qui identifiera le nouveau "timer". Il faut utiliser le même nom pour {{ domxref("console.timeEnd()") }} pour arrêter le "timer" et afficher le temps dans la console.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- {{ domxref("console.timeEnd()") }}
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/time_static/index.md b/files/fr/web/api/console/time_static/index.md
new file mode 100644
index 00000000000000..60db710d814aae
--- /dev/null
+++ b/files/fr/web/api/console/time_static/index.md
@@ -0,0 +1,43 @@
+---
+title: "console : méthode statique time()"
+slug: Web/API/console/time_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.time()`** démarre un chronomètre qui permet de mesurer la durée d'une opération. Chaque chronomètre peut être identifié avec un nom donné et on peut avoir jusqu'à 10&nbsp;000 chronomètres simultanés sur une même page. Lorsqu'on appelle [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static) avec le même nom, la durée associée depuis le démarrage du chronomètre correspondant s'affichera dans la console (exprimée en millisecondes).
+
+Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronomètres) pour plus de détails et d'exemples.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+time()
+time(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+  - : Une chaîne de caractères qui représente le nom à donner au chronomètre. Ce nom servira d'identifiant, qu'il faudra passer à [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static) pour arrêter le chronomètre correspondant. Si cet argument est omis, le libellé `"default"` sera utilisé.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static)
+- [`console.timeLog()`](/fr/docs/Web/API/console/timelog_static)
diff --git a/files/fr/web/api/console/timeend/index.md b/files/fr/web/api/console/timeend/index.md
deleted file mode 100644
index 1b895efdb7e03c..00000000000000
--- a/files/fr/web/api/console/timeend/index.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: console.timeEnd
-slug: Web/API/console/timeEnd
----
-
-{{APIRef("Console API")}}
-
-Arrête un chronomètre (_timer_) précédemment démarré par {{domxref("console.time()")}}.
-
-Voir [Timers](/fr/docs/Web/API/console#Timers) dans la documentation de {{domxref("console")}} pour des détails et des exemples.
-
-## Syntaxe
-
-```js
-console.timeEnd(label);
-```
-
-### Paramètres
-
-- `label`
-  - : Le nom du _timer_ à stopper. Une fois arrêté, le temps écoulé est automatiquement affiché dans la [Console Web](/fr/docs/Outils/Console_Web).
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/).
diff --git a/files/fr/web/api/console/timeend_static/index.md b/files/fr/web/api/console/timeend_static/index.md
new file mode 100644
index 00000000000000..db71b091b3541d
--- /dev/null
+++ b/files/fr/web/api/console/timeend_static/index.md
@@ -0,0 +1,59 @@
+---
+title: "console : méthode statique timeEnd()"
+slug: Web/API/console/timeend_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.timeEnd()`** arrête un chronomètre qui avait été démarré à l'aide de [`console.time()`](/fr/docs/Web/API/console/time_static).
+
+Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronomètres) pour plus de détails et d'exemples.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+timeEnd()
+timeEnd(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+  - : Une chaîne de caractères qui représente le nom à donner au chronomètre. Lorsque le chronomètre associé est arrêté, la durée écoulée (exprimée en millisecondes) est affichée dans la console avec une indication que la mesure est terminée. Si cet argument est omis, le libellé `"default"` sera utilisé.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+```js
+console.time("ma mesure de temps");
+alert("Cliquez pour continuer");
+console.timeLog("ma mesure de temps");
+alert("Faire d'autres trucs…");
+console.timeEnd("ma mesure de temps");
+```
+
+Avec le fragment de code ci-avant, on affichera le temps écoulé après que la personne a fermé la première fenêtre modale, puis le temps total pris pour fermer les deux fenêtres&nbsp;:
+
+![L'affichage produit par le chronomètre dans la console de Firefox](timer_output.png)
+
+On notera que le nom du chronomètre est affiché avec la durée lors de l'appel à `timeLog()`, puis lors de l'arrêt. Quand on appelle `timeEnd()`, on a en plus le message «&nbsp;chronomètre arrêté&nbsp;» qui précise que le chronomètre est terminé.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.time()`](/fr/docs/Web/API/console/time_static)
+- [`console.timeLog()`](/fr/docs/Web/API/console/timelog_static)
diff --git a/files/fr/web/api/console/timeend_static/timer_output.png b/files/fr/web/api/console/timeend_static/timer_output.png
new file mode 100644
index 00000000000000..9f21845c92d618
Binary files /dev/null and b/files/fr/web/api/console/timeend_static/timer_output.png differ
diff --git a/files/fr/web/api/console/timelog/index.md b/files/fr/web/api/console/timelog/index.md
deleted file mode 100644
index b31672e8e98e11..00000000000000
--- a/files/fr/web/api/console/timelog/index.md
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: Console.timeLog()
-slug: Web/API/console/timeLog
----
-
-{{APIRef("Console API")}}
-
-Affiche dans la console la valeur actuelle d'un timer précédemment appelé par {{domxref("console.time()")}}
-
-Voir [Timers](/fr/docs/Web/API/console#Timers) dans la documentation pour des exemples et plus de détails
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.timeLog(label);
-```
-
-### Paramètres
-
-- `label`
-  - : Le nom du timer à afficher sur la console
-
-### Valeur de retour
-
-Si aucun label n'est inclus
-
-```
-default: 1042ms
-```
-
-Si un `label` est inclus:
-
-```
-timer name: 1242ms
-```
-
-### Exceptions
-
-Si aucun timer n'est en cours d'éxecution, `timeLog()` retourne l'avertissement suivant :
-
-```
-Timer “default” doesn’t exist.
-```
-
-Si le paramètre label est spécifé mais aucun timer n'y correspond :
-
-```
-Timer “timer name” doesn’t exist.
-```
-
-## Exemples
-
-```js
-console.time("answer time");
-alert("Click to continue");
-console.timeLog("answer time");
-alert("Do a bunch of other stuff...");
-console.timeEnd("answer time");
-```
-
-Le résultat de l'exemple ci-dessus montre le temps qu'a mis l'utilisateur à fermer la première pop-up d'alerte, puis le temps que l'utilisateur a pris pour fermer la seconde :
-
-![](timer_output.png)
-
-Notez que le nom du timer est à la fois affiché lorsque la valeur est affichée par `timeLog()` et lorsque le timer est arrêté
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Documentation d'Opera Dragonfly: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/timelog_static/index.md b/files/fr/web/api/console/timelog_static/index.md
new file mode 100644
index 00000000000000..cf8e9fea66dba2
--- /dev/null
+++ b/files/fr/web/api/console/timelog_static/index.md
@@ -0,0 +1,108 @@
+---
+title: "console : méthode statique timeLog()"
+slug: Web/API/console/timelog_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}{{AvailableInWorkers}}
+
+La méthode **`console.timeLog()`** affiche la valeur courante du chronomètre précédemment démarré par un appel à [`console.time()`](/fr/docs/Web/API/console/time_static).
+
+## Syntaxe
+
+```js-nolint
+timeLog()
+timeLog(libelle)
+timeLog(libelle, val1)
+timeLog(libelle, val1, /* …, */ valN)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+  - : Le nom du chronomètre dont on souhaite afficher la mesure dans la console. Si cet argument est absent, c'est le libellé `"default"` qui est utilisé.
+- `valN` {{optional_inline}}
+  - : Des valeurs additionnelles à afficher dans la console après la mesure temporelle.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Description
+
+La méthode `console.timeLog()` affiche la durée mesurée jusqu'à présent pour un chronomètre.
+
+On peut passer un nom comme argument à cette méthode, ce sera alors la durée du chronomètre (précédemment créé avec un appel à [`console.time()`](/fr/docs/Web/API/console/time_static)) avec ce nom qui sera affichée&nbsp;:
+
+```js
+console.time("réticulateur de spleens");
+reticulerLesSpleens();
+console.timeLog("réticulateur de spleens");
+// réticulateur de spleens : 650ms
+```
+
+Si le nom n'est pas fourni, ce sera la durée du chronomètre par défaut qui sera affiché&nbsp;:
+
+```js
+console.time();
+reticulerLesSpleens();
+console.timeLog();
+// default : 780ms
+```
+
+```js
+console.time("default");
+reticulerLesSpleens();
+console.timeLog();
+// default : 780ms
+```
+
+S'il n'y a pas de chronomètre associé existant, `timeLog()` affichera un avertissement&nbsp;:
+
+```plain
+Le minuteur « nom du chronomètre » n'existe pas.
+```
+
+On peut aussi fournir des valeurs supplémentaires, à afficher après la durée&nbsp;:
+
+```js
+console.time();
+reticulerLesSpleens();
+console.timeLog("default", "Coucou", "monde");
+// default : 780ms Coucou monde
+```
+
+Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronomètres) pour plus de détails et d'exemples.
+
+## Exemples
+
+```js
+console.time("ma mesure de temps");
+alert("Cliquez pour continuer");
+console.timeLog("ma mesure de temps");
+alert("Faire d'autres trucs…");
+console.timeEnd("ma mesure de temps");
+```
+
+Avec le fragment de code ci-avant, on affichera le temps écoulé après que la personne a fermé la première fenêtre modale, puis le temps total pris pour fermer les deux fenêtres&nbsp;:
+
+```plain
+ma mesure de temps : 1287 ms
+ma mesure de temps : 2808 ms - chronomètre arrêté
+```
+
+On notera que le nom du chronomètre est affiché avec la durée lors de l'appel à `timeLog()`, puis lors de l'arrêt. Quand on appelle `timeEnd()`, on a en plus le message «&nbsp;chronomètre arrêté&nbsp;» qui précise que le chronomètre est terminé.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.time()`](/fr/docs/Web/API/console/time_static)
+- [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static)
diff --git a/files/fr/web/api/console/timestamp/index.md b/files/fr/web/api/console/timestamp/index.md
deleted file mode 100644
index 5e3e1904c959cd..00000000000000
--- a/files/fr/web/api/console/timestamp/index.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: Console.timeStamp()
-slug: Web/API/console/timeStamp
----
-
-{{APIRef("Console API")}}{{Non-standard_header}}
-
-Ajoute un seul marqueur à l'outil [Performance](https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference) ou [Waterfall](/fr/docs/Outils/Performance/Waterfall) du navigateur. Cela vous permet de corréler un point de votre code avec les autres événements enregistrés dans la chronologie, tels que les événements de mise en page et de peinture.
-
-Vous pouvez éventuellement fournir un argument pour étiqueter l'horodatage, et cette étiquette sera ensuite affichée à côté du marqueur.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.timeStamp(label);
-```
-
-## Paramètres
-
-- `label`
-  - : Étiquette pour l'horodatage. Facultatif.
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- {{domxref("Console.time()")}}
-- {{domxref("Console.timeEnd()")}}
-- [Ajout d'un marqueur de temps pour le Waterfall](/fr/docs/Outils/Performance/Waterfall#Marqueurs_de_temps)
diff --git a/files/fr/web/api/console/timestamp_static/index.md b/files/fr/web/api/console/timestamp_static/index.md
new file mode 100644
index 00000000000000..1b342ce2bb5757
--- /dev/null
+++ b/files/fr/web/api/console/timestamp_static/index.md
@@ -0,0 +1,39 @@
+---
+title: "console : méthode statique timeStamp()"
+slug: Web/API/console/timestamp_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}{{Non-standard_header}}
+
+La méthode **`console.timeStamp()`** permet d'ajouter un marqueur de performance pour l'outil de mesure des performances du navigateur ([Firefox](https://profiler.firefox.com/docs/#/), [Chrome](https://developer.chrome.com/docs/devtools/evaluate-performance/reference/)). Cela permet de dresser des corrélations entre un moment dans le code et d'autres évènements mesurés dans la chronologie (comme ceux relatifs à la disposition ou au rendu à l'écran).
+
+Un argument optionnel permet de fournir un libellé pour le marqueur.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+timeStamp(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+  - : Un libellé à utiliser pour le marqueur d'horodatage.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.time()`](/fr/docs/Web/API/console/time_static)
+- [`console.timeLog()`](/fr/docs/Web/API/console/timelog_static)
+- [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static)
diff --git a/files/fr/web/api/console/trace/index.md b/files/fr/web/api/console/trace/index.md
deleted file mode 100644
index 6722d31e77d7b2..00000000000000
--- a/files/fr/web/api/console/trace/index.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Console.trace()
-slug: Web/API/console/trace
----
-
-{{ APIRef("Console API") }}
-
-Affiche la _stack trace_ dans la [Web Console](/fr/docs/Outils/Console_Web).
-
-{{AvailableInWorkers}}
-
-Voir [Stack traces](/fr/docs/Web/API/console#Stack_traces) dans la documentation de {{ domxref("console") }} pour plus de détails et d'exemples.
-
-## Syntaxe
-
-```js
-console.trace();
-```
-
-## Exemple
-
-```js
-function foo() {
-  function bar() {
-    console.trace();
-  }
-  bar();
-}
-
-foo();
-```
-
-Dans la console, la trace suivante sera affichée :
-
-```plain
-bar
-foo
-<anonymous>
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-[Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/trace_static/index.md b/files/fr/web/api/console/trace_static/index.md
new file mode 100644
index 00000000000000..de44b29298136d
--- /dev/null
+++ b/files/fr/web/api/console/trace_static/index.md
@@ -0,0 +1,61 @@
+---
+title: "console : méthode statique trace()"
+slug: Web/API/console/trace_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.trace()`** permet d'afficher la trace de la pile d'appels dans la console.
+
+{{AvailableInWorkers}}
+
+> **Note :** Dans certains navigateurs, `console.trace()` pourra également afficher la séquence des appels et des évènements asynchrones qui ont mené à l'appel courant de `console.trace()` et qui ne sont pas nécessairement dans la pile d'appels, pour aider à déterminer l'origine de la boucle d'évaluation courante.
+
+Voir [la section sur le traçage des piles d'appels dans la documentation de `console`](/fr/docs/Web/API/console#traces_de_piles_dappels) pour plus de détails et d'exemples.
+
+## Syntaxe
+
+```js-nolint
+trace()
+trace(obj1, /* …, */ objN)
+```
+
+### Paramètres
+
+- `obj1` … `objN` {{optional_inline}}
+  - : Zéro ou plusieurs objets à afficher dans la console avec la trace d'appels. Ces objets sont assemblés et formatés comme s'ils avaient été passés à [`console.log()`](/fr/docs/Web/API/console/log_static).
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+```js
+function toto() {
+  function truc() {
+    console.trace();
+  }
+  truc();
+}
+
+toto();
+```
+
+Avec le fragment de code précédent, on aura la trace suivante dans la console&nbsp;:
+
+```plain
+truc
+toto
+<anonymous>
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/warn/index.md b/files/fr/web/api/console/warn/index.md
deleted file mode 100644
index 903c592c417a74..00000000000000
--- a/files/fr/web/api/console/warn/index.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-title: Console.warn()
-slug: Web/API/console/warn
----
-
-{{ APIRef("Console API") }}
-
-Affiche un message d'avertissement dans la console web.
-
-{{AvailableInWorkers}}
-
-> **Note :** Dans Firefox, une icône de point d'exclamation est affichée à côté des messages d'avertissement
-
-## Syntaxe
-
-```js
-console.warn(obj1 [, obj2, ..., objN]);
-console.warn(msg [, subst1, ..., substN]);
-```
-
-## Paramétres
-
-- `obj1` ... `objN`
-  - : Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste.
-- `msg`
-  - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères.
-- `subst1` ... `substN`
-  - : Une liste d'objets JavaScript qui remplace les chaînes de caractéres de `msg`. Cela vous donne plus de contrôle sur le format de sortie.
-
-Voir [Outputting text to the console](/fr/docs/Web/API/console#Outputting_text_to_the_console) dans la documentation de {{ domxref("console") }} pour plus de détails.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
diff --git a/files/fr/web/api/console/warn_static/index.md b/files/fr/web/api/console/warn_static/index.md
new file mode 100644
index 00000000000000..d999f53bdfa1d2
--- /dev/null
+++ b/files/fr/web/api/console/warn_static/index.md
@@ -0,0 +1,52 @@
+---
+title: "console : méthode statique warn()"
+slug: Web/API/console/warn_static
+l10n:
+  sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.warn()`** affiche un message d'avertissement dans la console.
+
+{{AvailableInWorkers}}
+
+> **Note :** Dans Chrome et Firefox, les avertissements sont indiqués par un triangle avec un point d'exclamation.
+
+## Syntaxe
+
+```js-nolint
+warn(obj1)
+warn(obj1, /* …, */ objN)
+warn(msg)
+warn(msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `obj1` … `objN`
+  - : Une liste d'objets JavaScript à afficher. Les représentations en chaînes de caractères de ces objets sont concaténés dans l'ordre et affichés dans la console.
+- `msg`
+  - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
+- `subst1` … `substN`
+  - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
+
+Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Documentation Edge](https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/console-log#console-messages-examples-log-info-error-and-warn)
+- [Documentation Node.JS sur l'API Console](https://nodejs.org/docs/latest/api/console.html#consolewarndata-args)
+- [Documentation Chrome](https://developer.chrome.com/docs/devtools/console/api/#warn)
diff --git a/files/fr/web/api/history_api/example/index.md b/files/fr/web/api/history_api/example/index.md
deleted file mode 100644
index 654cea4fc2cab7..00000000000000
--- a/files/fr/web/api/history_api/example/index.md
+++ /dev/null
@@ -1,438 +0,0 @@
----
-title: Exemple de navigation en Ajax
-slug: Web/API/History_API/Example
----
-
-Voici un exemple de site web AJAX composé uniquement de trois pages (_page_un.php_, _page_deux.php_ et _page_trois.php_). Pour tester cet exemple, merci de créer les fichiers suivants :
-
-**page_un.php**:
-
-```php
-<?php
-    $page_title = "Page un";
-
-    $as_json = false;
-    if (isset($_GET["vie
-        $as_json =
-        ob_start();
-    } else {
-?>
-<!doctype html>
-<html>
-<head>
-<?php
-        include "include/header.php";
-        echo "<title>" . $page_title . "</title>";
-?>
-</head>
-
-<body>
-
-<?php include "include/before_content.php"; ?>
-
-<p>This paragraph is shown only when the navigation starts from <strong>first_page.php</strong>.</p>
-
-<div id="ajax-content">
-<?php } ?>
-
-    <p>This is the content of <strong>first_page.php</strong>.</p>
-
-<?php
-    if ($as_json) {
-        echo json_encode(array("page" => $page_title, "content" => ob_get_clean()));
-    } else {
-?>
-</div>
-
-<p>This paragraph is shown only when the navigation starts from <strong>first_page.php</strong>.</p>
-
-<?php
-        include "include/after_content.php";
-        echo "</body>\n</html>";
-    }
-?>
-```
-
-**page_deux.php**:
-
-```php
-<?php
-    $page_title = "Page deux";
-
-    $as_json = false;
-    if (isset($_GET["vie
-        $as_json =
-        ob_start();
-    } else {
-?>
-<!doctype html>
-<html>
-<head>
-<?php
-        include "include/header.php";
-        echo "<title>" . $page_title . "</title>";
-?>
-</head>
-
-<body>
-
-<?php include "include/before_content.php"; ?>
-
-<p>This paragraph is shown only when the navigation starts from <strong>second_page.php</strong>.</p>
-
-<div id="ajax-content">
-<?php } ?>
-
-    <p>This is the content of <strong>second_page.php</strong>.</p>
-
-<?php
-    if ($as_json) {
-        echo json_encode(array("page" => $page_title, "content" => ob_get_clean()));
-    } else {
-?>
-</div>
-
-<p>This paragraph is shown only when the navigation starts from <strong>second_page.php</strong>.</p>
-
-<?php
-        include "include/after_content.php";
-        echo "</body>\n</html>";
-    }
-?>
-```
-
-**page_trois.php**:
-
-```php
-<?php
-    $page_title = "Page trois";
-    $page_content = "<p>Ceci est le contenu de la <strong>page_trois.php</strong>. Ce contenu est stocké dans une variable PHP.</p>";
-
-    if (isset($_GET["view_as"]) && $_GET["view_as"] == "json") {
-        echo json_encode(array("page" => $page_title, "content" => $page_content));
-    } else {
-?>
-<!doctype html>
-<html>
-<head>
-<?php
-        include "include/header.php";
-        echo "<title>" . $page_title . "</title>";
-?>
-</head>
-
-<body>
-
-<?php include "include/before_content.php"; ?>
-
-<p>This paragraph is shown only when the navigation starts from <strong>third_page.php</strong>.</p>
-
-<div id="ajax-content">
-<?php echo $page_content; ?>
-</div>
-
-<p>This paragraph is shown only when the navigation starts from <strong>third_page.php</strong>.</p>
-
-<?php
-        include "include/after_content.php";
-        echo "</body>\n</html>";
-    }
-?>
-```
-
-**css/style.css**:
-
-```css
-#ajax-loader {
-  position: fixed;
-  display: table;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-#ajax-loader > div {
-  display: table-cell;
-  width: 100%;
-  height: 100%;
-  vertical-align: middle;
-  text-align: center;
-  background-color: #000000;
-  opacity: 0.65;
-}
-```
-
-**include/after_content.php**:
-
-```php
-<p>Ceci est le pied-de-page. Il est commun à toutes les pages ajax.</p>
-```
-
-**include/before_content.php**:
-
-```php
-<p>
-[ <a class="ajax-nav" href="page_un.php">Premier exemple</a>
-| <a class="ajax-nav" href="page_deux.php">Second exemple</a>
-| <a class="ajax-nav" href="page_trois.php">Troisième exemple</a>
-| <a class="ajax-nav" href="inexistante.php">Page inexistante</a> ]
-</p>
-```
-
-**include/header.php**:
-
-```html
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<script type="text/javascript" src="js/ajax_nav.js"></script>
-<link rel="stylesheet" href="css/style.css" />
-```
-
-**js/ajax_nav.js**:
-
-```js
-"use strict";
-
-const ajaxRequest = new (function () {
-  function closeReq() {
-    oLoadingBox.parentNode && document.body.removeChild(oLoadingBox);
-    bIsLoading = false;
-  }
-
-  function abortReq() {
-    if (!bIsLoading) {
-      return;
-    }
-    oReq.abort();
-    closeReq();
-  }
-
-  function ajaxError() {
-    alert("Unknown error.");
-  }
-
-  function ajaxLoad() {
-    var vMsg,
-      nStatus = this.status;
-    switch (nStatus) {
-      case 200:
-        vMsg = JSON.parse(this.responseText);
-        document.title = oPageInfo.title = vMsg.page;
-        document.getElementById(sTargetId).innerHTML = vMsg.content;
-        if (bUpdateURL) {
-          history.pushState(oPageInfo, oPageInfo.title, oPageInfo.url);
-          bUpdateURL = false;
-        }
-        break;
-      default:
-        vMsg = nStatus + ": " + (oHTTPStatus[nStatus] || "Unknown");
-        switch (Math.floor(nStatus / 100)) {
-          /*
-                    case 1:
-                        // Informational 1xx
-                        console.log("Information code " + vMsg);
-                        break;
-                    case 2:
-                        // Successful 2xx
-                        console.log("Successful code " + vMsg);
-                        break;
-                    case 3:
-                        // Redirection 3xx
-                        console.log("Redirection code " + vMsg);
-                        break;
-                    */
-          case 4:
-            /* Client Error 4xx */
-            alert("Client Error #" + vMsg);
-            break;
-          case 5:
-            /* Server Error 5xx */
-            alert("Server Error #" + vMsg);
-            break;
-          default:
-            /* Unknown status */
-            ajaxError();
-        }
-    }
-    closeReq();
-  }
-
-  function filterURL(sURL, sViewMode) {
-    return (
-      sURL.replace(rSearch, "") +
-      (
-        "?" +
-        sURL
-          .replace(rHost, "&")
-          .replace(rView, sViewMode ? "&" + sViewKey + "=" + sViewMode : "")
-          .slice(1)
-      ).replace(rEndQstMark, "")
-    );
-  }
-
-  function getPage(sPage) {
-    if (bIsLoading) {
-      return;
-    }
-    oReq = new XMLHttpRequest();
-    bIsLoading = true;
-    oReq.onload = ajaxLoad;
-    oReq.onerror = ajaxError;
-    if (sPage) {
-      oPageInfo.url = filterURL(sPage, null);
-    }
-    oReq.open("get", filterURL(oPageInfo.url, "json"), true);
-    oReq.send();
-    oLoadingBox.parentNode || document.body.appendChild(oLoadingBox);
-  }
-
-  function requestPage(sURL) {
-    if (history.pushState) {
-      bUpdateURL = true;
-      getPage(sURL);
-    } else {
-      /* Ajax navigation is not supported */
-      location.assign(sURL);
-    }
-  }
-
-  function processLink() {
-    if (this.className === sAjaxClass) {
-      requestPage(this.href);
-      return false;
-    }
-    return true;
-  }
-
-  function init() {
-    oPageInfo.title = document.title;
-    history.replaceState(oPageInfo, oPageInfo.title, oPageInfo.url);
-    for (
-      var oLink, nIdx = 0, nLen = document.links.length;
-      nIdx < nLen;
-      document.links[nIdx++].onclick = processLink
-    );
-  }
-
-  const /* customizable constants */
-    sTargetId = "ajax-content",
-    sViewKey = "view_as",
-    sAjaxClass = "ajax-nav",
-    /* not customizable constants */
-    rSearch = /\?.*$/,
-    rHost = /^[^\?]*\?*&*/,
-    rView = new RegExp("&" + sViewKey + "\\=[^&]*|&*$", "i"),
-    rEndQstMark = /\?$/,
-    oLoadingBox = document.createElement("div"),
-    oCover = document.createElement("div"),
-    oLoadingImg = new Image(),
-    oPageInfo = {
-      title: null,
-      url: location.href,
-    },
-    oHTTPStatus =
-      /* http://www.iana.org/assignments/http-status-codes/http-status-codes.xml */ {
-        100: "Continue",
-        101: "Switching Protocols",
-        102: "Processing",
-        200: "OK",
-        201: "Created",
-        202: "Accepted",
-        203: "Non-Authoritative Information",
-        204: "No Content",
-        205: "Reset Content",
-        206: "Partial Content",
-        207: "Multi-Status",
-        208: "Already Reported",
-        226: "IM Used",
-        300: "Multiple Choices",
-        301: "Moved Permanently",
-        302: "Found",
-        303: "See Other",
-        304: "Not Modified",
-        305: "Use Proxy",
-        306: "Reserved",
-        307: "Temporary Redirect",
-        308: "Permanent Redirect",
-        400: "Bad Request",
-        401: "Unauthorized",
-        402: "Payment Required",
-        403: "Forbidden",
-        404: "Not Found",
-        405: "Method Not Allowed",
-        406: "Not Acceptable",
-        407: "Proxy Authentication Required",
-        408: "Request Timeout",
-        409: "Conflict",
-        410: "Gone",
-        411: "Length Required",
-        412: "Precondition Failed",
-        413: "Request Entity Too Large",
-        414: "Request-URI Too Long",
-        415: "Unsupported Media Type",
-        416: "Requested Range Not Satisfiable",
-        417: "Expectation Failed",
-        422: "Unprocessable Entity",
-        423: "Locked",
-        424: "Failed Dependency",
-        425: "Unassigned",
-        426: "Upgrade Required",
-        427: "Unassigned",
-        428: "Precondition Required",
-        429: "Too Many Requests",
-        430: "Unassigned",
-        431: "Request Header Fields Too Large",
-        500: "Internal Server Error",
-        501: "Not Implemented",
-        502: "Bad Gateway",
-        503: "Service Unavailable",
-        504: "Gateway Timeout",
-        505: "HTTP Version Not Supported",
-        506: "Variant Also Negotiates (Experimental)",
-        507: "Insufficient Storage",
-        508: "Loop Detected",
-        509: "Unassigned",
-        510: "Not Extended",
-        511: "Network Authentication Required",
-      };
-
-  var oReq,
-    bIsLoading = false,
-    bUpdateURL = false;
-
-  oLoadingBox.id = "ajax-loader";
-  oCover.onclick = abortReq;
-  oLoadingImg.src =
-    "data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==";
-  oCover.appendChild(oLoadingImg);
-  oLoadingBox.appendChild(oCover);
-
-  onpopstate = function (oEvent) {
-    bUpdateURL = false;
-    oPageInfo.title = oEvent.state.title;
-    oPageInfo.url = oEvent.state.url;
-    getPage();
-  };
-
-  window.addEventListener
-    ? addEventListener("load", init, false)
-    : window.attachEvent
-      ? attachEvent("onload", init)
-      : (onload = init);
-
-  // Public methods
-
-  this.open = requestPage;
-  this.stop = abortReq;
-  this.rebuildLinks = init;
-})();
-```
-
-> **Note :** [`const`](/fr/docs/Web/JavaScript/Reference/Statements/const) (instruction de constante) **ne fait pas partie de ECMAScript 5**. Il est supporté dans Firefox et Chrome (V8) et partiellement supporté dans Opera 9+ et Safari. **Il n'est pas supporté dans Internet Explorer 6-9, ou dans la version de prévisualisation de Internet Explorer 10**. [`const`](/fr/docs/Web/JavaScript/Reference/Statements/const) sera défini par ECMAScript 6, mais avec une sémantique différente. Proches des variables déclarées avec l'instruction [`let`](/fr/docs/Web/JavaScript/Reference/Statements/let), les constantes déclarées avec [`const`](/fr/docs/Web/JavaScript/Reference/Statements/const) seront limitées en portée. **Nous ne l'avons utilisé que pour des raisons pédagogiques, si vous souhaitez une compatibilité maximale de ce code, merci de remplacer les références à** **[`const`](/fr/docs/Web/JavaScript/Reference/Statements/const) par des instructions [`var`](/fr/docs/Web/JavaScript/Reference/Statements/var).**
-
-Pour plus d'informations, voyez : [Manipuler l'historique du navigateur](/fr/docs/DOM/manipuler_lhistorique_du_navigateur).
-
-## Lire également
-
-- {{ domxref("window.history") }}
-- {{ domxref("window.onpopstate") }}
diff --git a/files/fr/web/api/history_api/working_with_the_history_api/index.md b/files/fr/web/api/history_api/working_with_the_history_api/index.md
new file mode 100644
index 00000000000000..76622ba8edb625
--- /dev/null
+++ b/files/fr/web/api/history_api/working_with_the_history_api/index.md
@@ -0,0 +1,198 @@
+---
+title: Utiliser l'API History
+slug: Web/API/History_API/Working_with_the_History_API
+l10n:
+  sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{DefaultAPISidebar("History API")}}
+
+L'API <i lang="en">History</i> permet à un site web d'interagir avec l'historique de la session du navigateur, c'est-à-dire la liste des pages que la personne a visitées sur une période donnée. Lorsqu'une personne visite de nouvelles pages, par exemple en cliquant sur des liens, ces nouvelles pages sont ajoutées à l'historique de la session. La personne peut alors se déplacer dans cet historique en utilisant les boutons «&nbsp;Précédent&nbsp;» et «&nbsp;Suivant&nbsp;» du navigateur.
+
+L'interface principale de cette API est l'interface [`History`](/fr/docs/Web/API/History) qui définit deux ensembles de méthodes&nbsp;:
+
+- Les méthodes pour naviguer vers une page de l'historique&nbsp;:
+
+  - [`History.back()`](/fr/docs/Web/API/History/back)
+  - [`History.forward()`](/fr/docs/Web/API/History/forward)
+  - [`History.go()`](/fr/docs/Web/API/History/go)
+
+- Les méthodes pour modifier l'historique de la session&nbsp;:
+
+  - [`History.pushState()`](/fr/docs/Web/API/History/pushState)
+  - [`History.replaceState()`](/fr/docs/Web/API/History/replaceState)
+
+Dans ce guide, nous nous intéresserons surtout au deuxième groupe, dont le comportement peut être plus complexe.
+
+La méthode `pushState()` permet d'ajouter une nouvelle entrée dans l'historique. La méthode `replaceState()` met à jour l'historique de la session pour la page courante. Ces deux méthodes prennent un paramètre `state` qui peut contenir n'importe quel [objet sérialisable](/fr/docs/Glossary/Serializable_object). Lorsqu'on utilise le navigateur pour accéder à cette entrée d'historique, il déclenchera un évènement [`popstate`](/fr/docs/Web/API/Window/popstate_event) qui contient l'objet d'état associé à cette entrée.
+
+L'objectif principal de cette API est d'assister les [SPA (<i lang="en">single-page applications</i>)](/fr/docs/Glossary/SPA) qui utilisent les API comme [`fetch()`](/fr/docs/Web/API/fetch) pour mettre à jour la page avec du nouveau contenu plutôt que de charger une nouvelle page complète.
+
+## SPA et historique de session
+
+Historiquement, les sites web étaient implémentés comme des ensembles de pages. Lorsqu'une personne naviguait vers un autre endroit d'un site en cliquant sur un lien, le navigateur chargeait une nouvelle page à chaque fois.
+
+Si cette approche peut très bien convenir pour de nombreux sites, elle possède quelques inconvénients&nbsp;:
+
+- Il peut être inefficace de charger toute une page à chaque fois, alors que seule une partie de la page doit être mise à jour.
+- Il est difficile de maintenir l'état de l'application lorsqu'on navigue entre différentes pages.
+
+C'est pour ces raisons que certains sites sont désormais implémentés sous la forme de [SPA (<i lang="en">single-page applications</i>)](/fr/docs/Glossary/SPA), où le site est en réalité une seule page, et où lorsqu'une personne clique sur un lien, la page&nbsp;:
+
+1. Empêche l'action par défaut du navigateur consistant à charger une nouvelle page
+2. Récupère avec [`fetch()`](/fr/docs/Web/API/fetch) le nouveau contenu à afficher
+3. Met à jour la page avec le nouveau contenu
+
+Par exemple&nbsp;:
+
+```js
+document.addEventListener("click", async (event) => {
+  const creature = event.target.getAttribute("data-creature");
+  if (creature) {
+    // Empêche le chargement d'une nouvelle page
+    event.preventDefault();
+    try {
+      // Récupère le nouveau contenu
+      const response = await fetch(`creatures/${creature}.json`);
+      const json = await response.json();
+      // Met à jour la page avec le nouveau contenu
+      displayContent(json);
+    } catch (err) {
+      console.error(err);
+    }
+  }
+});
+```
+
+Dans le gestionnaire d'évènement pour le clic, si le lien contient un attribut de données `"data-creature"`, on utilise la valeur de cet attribut pour récupérer un fichier JSON qui contient les nouvelles informations à afficher sur la page.
+
+Le fichier JSON en question pourra ressembler à&nbsp;:
+
+```json
+{
+  "description": "Bald eagles are not actually bald.",
+  "image": {
+    "src": "images/eagle.jpg",
+    "alt": "A bald eagle"
+  },
+  "name": "Eagle"
+}
+```
+
+Notre fonction `displayContent()` met à jour la page avec le contenu du fichier JSON&nbsp;:
+
+```js
+// Mettre à jour la page avec le nouveau contenu
+function displayContent(content) {
+  document.title = `Creatures: ${content.name}`;
+
+  const description = document.querySelector("#description");
+  description.textContent = content.description;
+
+  const photo = document.querySelector("#photo");
+  photo.setAttribute("src", content.image.src);
+  photo.setAttribute("alt", content.image.alt);
+}
+```
+
+Le problème est que cela interfère avec le comportement normal du navigateur pour les boutons «&nbsp;Précédent&nbsp;» et «&nbsp;Suivant&nbsp;».
+
+Du point de vue de la personne, elle a cliqué et la page a été mise à jour et cela ressemble donc à une nouvelle page. Si la personne clique sur le bouton «&nbsp;Précédent&nbsp;», elle s'attend à revenir à l'état tel qu'il était avant de cliquer sur le lien.
+
+Mais pour le navigateur, le dernier lien n'a pas chargé de nouvelle page (et donc créé de nouvelle entrée dans l'historique), et le bouton «&nbsp;Précédent&nbsp;» ramènera la personne sur la page qui était chargée avant l'ouverture de la SPA.
+
+C'est pour résoudre ce problème que nous avons les méthodes `pushState()`, `replaceState()`, et l'évènement `popstate`. Ils nous permettent de synchroniser les éléments d'historique et d'être notifié·e quand l'entrée courante de l'historique arrive sur une telle page (par exemple, parce que la personne a utilisé les boutons «&nbsp;Précédent&nbsp;» ou «&nbsp;Suivant&nbsp;»).
+
+## Utiliser `pushState()`
+
+On peut ajouter une entrée dans l'historique grâce à notre gestionnaire d'évènement pour le clic&nbsp;:
+
+```js
+document.addEventListener("click", async (event) => {
+  const creature = event.target.getAttribute("data-creature");
+  if (creature) {
+    event.preventDefault();
+    try {
+      const response = await fetch(`creatures/${creature}.json`);
+      const json = await response.json();
+      displayContent(json);
+      // On ajoute une nouvelle entrée à l'historique.
+      // Cela simule le chargement d'une nouvelle page.
+      history.pushState(json, "", creature);
+    } catch (err) {
+      console.error(err);
+    }
+  }
+});
+```
+
+Dans cet exemple, nous appelons `pushState()` avec trois arguments&nbsp;:
+
+- `json`
+  - : Il s'agit du contenu qui vient d'être récupéré. Il sera stocké avec l'entrée de l'historique et inclus plus tard dans la propriété [`state`](/fr/docs/Web/API/PopStateEvent/state) de l'argument passé au gestionnaire d'évènements `popstate`.
+- `""`
+  - : Cet argument est nécessaire pour la rétrocompatibilité avec les anciens sites et devrait toujours être une chaîne de caractères vide.
+- `creature`
+  - : Cette valeur sera utilisée comme URL pour l'entrée d'historique. Elle sera affichée dans la barre d'URL du navigateur et utilisée comme valeur pour l'en-tête [`Referer`](/fr/docs/Web/HTTP/Headers/Referer) des requêtes HTTP effectuées par la page. Cette valeur doit avoir la [même origine](/fr/docs/Glossary/Same-origin_policy) que la page.
+
+## Utiliser l'évènement `popstate`
+
+Prenons le scénario suivant&nbsp;:
+
+1. La personne clique sur un lien dans notre SPA, et nous mettons à jour la page en ajoutant une entrée d'historique A grâce à `pushState()`
+2. Elle clique ensuite sur un autre lien, et nous mettons à jour la page en ajoutant une entrée d'historique B avec `pushState()`
+3. Elle clique sur le bouton «&nbsp;Précédent&nbsp;»
+
+L'entrée actuelle est A, et le navigateur déclenche l'évènement `popstate`. L'argument passé au gestionnaire d'évènement contient le JSON passé `pushState()` lors de la navigation vers A. Cela signifie que nous pouvons restaurer le contenu correct avec un gestionnaire d'évènement comme celui-ci&nbsp;:
+
+```js
+// Gestion des boutons précédent/suivant
+window.addEventListener("popstate", (event) => {
+  // Si un état a été fourni, nous avons une page "simulée"
+  // et nous mettons à jour la page courante.
+  if (event.state) {
+    // On simule le chargement de la page précédente
+    displayContent(event.state);
+  }
+});
+```
+
+## Utiliser `replaceState()`
+
+Il nous reste une brique à ajouter. Lorsqu'on charge la SPA, le navigateur ajoute une entrée d'historique. Comme il s'agit d'un chargement de page classique, l'entrée dans l'historique ne possède pas d'état associé. Prenons maintenant le scénario suivant&nbsp;:
+
+1. On charge la SPA&nbsp;: le navigateur ajoute une entrée d'historique
+2. On clique sur un lien dans la SPA&nbsp;: le gestionnaire de clic met à jour la page et rajoute une entrée dans l'historique à l'aide de la méthode `pushState()`
+3. On clique sur le bouton «&nbsp;Précédent&nbsp;»
+
+Nous voudrions que cela restaure l'état initial de la SPA. Mais comme il s'agit d'une navigation vers le même document, la page n'est pas rechargée, et comme l'entrée d'historique ne possède pas d'état pour la page initiale, nous ne pouvons pas utiliser `popstate` pour le restaurer.
+
+La solution consiste à utiliser `replaceState()` pour définir l'objet d'état pour la page initiale. Par exemple&nbsp;:
+
+```js
+// On crée l'état au chargement de la page et on remplace l'entrée courante
+// de l'historique avec cet état
+const image = document.querySelector("#photo");
+const initialState = {
+  description: document.querySelector("#description").textContent,
+  image: {
+    src: image.getAttribute("src"),
+    alt: image.getAttribute("alt"),
+  },
+  name: "Home",
+};
+history.replaceState(initialState, "", document.location.href);
+```
+
+Au chargement de la page, on collecte tous les endroits de la page qui doivent être restaurés quand on reviendra à l'emplacement initial de la SPA. On utilise ici la même structure que le JSON qui est récupéré lors des autres navigations. Les données sont assemblées dans un objet `initialState` qui est passé à `replaceState()`, ce qui permet d'associer ces données à l'entrée courante de l'historique.
+
+Désormais, lorsqu'on reviendra au point de départ, l'évènement `popstate` contiendra les informations de l'état initial et on pourra utiliser la fonction `displayContent()` afin de mettre à jour la page.
+
+## Un exemple complet
+
+Vous pouvez trouver cet exemple dans son intégralité à l'URL <https://github.com/mdn/dom-examples/tree/main/history-api>, et voir la démo correspondante à l'adresse <https://mdn.github.io/dom-examples/history-api/>.
+
+## Voir aussi
+
+- [L'API <i lang="en">History</i>](/fr/docs/Web/API/History_API)
+- L'objet global [`history`](/fr/docs/Web/API/Window/history)
diff --git a/files/fr/web/guide/ajax/index.md b/files/fr/web/guide/ajax/index.md
deleted file mode 100644
index 9accfd858dfee8..00000000000000
--- a/files/fr/web/guide/ajax/index.md
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: AJAX
-slug: Web/Guide/AJAX
----
-
-## Démarrer avec AJAX
-
-**AJAX (<i lang="en">Asynchronous JavaScript + XML</i>)** n'est pas une technologie en soi, mais un terme désignant une «&nbsp;nouvelle&nbsp;» approche utilisant un ensemble de technologies existantes, dont&nbsp;: [HTML](/fr/docs/Web/HTML) ou [XHTML](/fr/docs/Glossary/XHTML), [CSS](/fr/docs/Web/CSS), [JavaScript](/fr/docs/Web/JavaScript), [DOM](/fr/docs/Web/API/Document_Object_Model), [XML](/fr/docs/Web/XML), [XSLT](/fr/docs/Web/XSLT), et surtout [l'objet `XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest). Lorsque ces technologies sont combinées dans le modèle AJAX, les applications web sont capables de réaliser des mises à jour rapides et incrémentales de l'interface utilisateur sans devoir recharger la page entière dans le navigateur. Les applications fonctionnent plus rapidement et sont plus réactives aux actions de l'utilisatrice ou de l'utilisateur.
-
-Bien que le X de AJAX signifie XML, c'est le format [`JSON`](/fr/docs/Glossary/JSON) qui est le plus souvent utilisé aujourd'hui à la place de XML, du fait de sa proximité avec JavaScript et de sa légèreté par rapport à XML. Autrement dit, tant JSON que XML peuvent être utilisés comme format afin d'empaqueter des données en AJAX.
-
-## Documentation
-
-- [Démarrer](/fr/docs/Web/Guide/AJAX/Getting_Started)
-  - : Cet article vous guide parmi les notions de base d'AJAX et fournit deux exemples pour mettre le pied à l'étrier.
-- [Utiliser l'API `XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest)
-
-  - : L'API [`XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest) est au cœur d'AJAX. Dans cet article, plusieurs techniques sont abordées&nbsp;:
-
-    - [Analyser et manipuler la réponse du serveur](/fr/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#gérer_les_réponses)
-    - [Surveiller l'avancement d'une requête](/fr/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#surveiller_la_progression)
-    - [Soumettre des formulaires et uploader des fichiers binaires](/fr/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#envoyer_des_formulaires_et_uploader_des_fichiers) en AJAX pur ou en utilisant des objets [`FormData`](/fr/docs/Web/API/FormData)
-    - Utiliser AJAX avec les [<i lang="en">web workers</i>](/fr/docs/Web/API/Worker)
-
-- [API Fetch](/fr/docs/Web/API/Fetch_API)
-  - : L'API `Fetch` fournit une interface permettant de récupérer (<i lang="en">fetch</i> en anglais) des ressources. Elle ressemble à celle exposée par [`XMLHTTPRequest`](/fr/docs/Web/API/XMLHttpRequest), mais fournit des fonctionnalités plus flexibles et puissantes.
-- [Évènements émis par le serveur](/fr/docs/Web/API/Server-sent_events)
-  - : Généralement, c'est la page web qui initie une requête vers le serveur afin de recevoir de nouvelles données. Avec les évènements émis par le serveur, un serveur peut envoyer de nouvelles données à une page web à tout moment, via des messages. Ces derniers peuvent être traités par la page web comme des [évènements](/fr/docs/Web/API/Event) contenant des données. Voir aussi&nbsp;: [Utiliser les évènements émis par le serveur](/fr/docs/Web/API/Server-sent_events/Using_server-sent_events).
-- [Exemple de navigation avec un site utilisant AJAX pur](/fr/docs/Web/API/History_API/Example)
-  - : Cet article contient un exemple fonctionnel minimaliste d'un site web composé de trois pages et qui utilise AJAX.
-- [Envoyer et recevoir des données binaires](/fr/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data)
-  - : La propriété `responseType` de l'objet `XMLHttpRequest` peut être modifiée afin de changer le type de réponse attendu du serveur. Les valeurs possibles sont la chaîne vide (la valeur par défaut), `arraybuffer`, `blob`, `document`, `json`, et `text`. La propriété `response` contiendra le corps de l'entité selon la valeur de `responseType`, ce pourra donc être un objet `ArrayBuffer`, `Blob`, `Document`, `JSON`, ou une chaîne de caractères. Cet article aborde quelques techniques d'entrée/sortie AJAX.
-- [XML](/fr/docs/Web/XML)
-  - : Le langage **XML (<i lang="en">Extensible Markup Language</i>)** est un langage balisé qui permet de créer des formats pour des données particulières. Il s'agit d'un sous-ensemble simplifié de SGML, capable de décrire différentes sortes de données. Son principal objectif est de faciliter le partage de données entre différents systèmes, notamment ceux connectés par Internet.
-- [Analyser et sérialiser du XML](/fr/docs/Web/Guide/Parsing_and_serializing_XML)
-  - : Dans cet article, on voit comment analyser un document XML à partir d'une chaîne de caractères, d'un fichier ou via JavaScript. On voit également comment sérialiser des documents XML en chaînes de caractères, en arbres d'objets JavaScript ou en fichiers.
-- [XPath](/fr/docs/Web/XPath)
-  - : XPath signifie **<i lang="en">XML Path</i>**, c'est-à-dire un langage pour décrire des chemins dans un document XML. Il s'agit d'une syntaxe non-XML qui permet de cibler différentes parties d'un document [XML](/fr/docs/Web/XML). On peut aussi l'utiliser pour tester certains nœuds d'un document afin de déterminer s'ils suivent un motif donné ou non.
-- L'API [`FileReader`](/fr/docs/Web/API/FileReader)
-  - : L'API `FileReader` permet aux applications web de lire le contenu de fichiers (ou de tampons de données brutes) stockés sur l'ordinateur de la personne de façon asynchrone, en utilisant des objets [`File`](/fr/docs/Web/API/File) ou [`Blob`](/fr/docs/Web/API/Blob) pour représenter le fichier ou les données à lire. On peut obtenir des objets `File` depuis un objet [`FileList`](/fr/docs/Web/API/FileList) qui pourra être produit à partir d'un élément [`<input>`](/fr/docs/Web/HTML/Element/Input) de sélection de fichiers, à partir d'un objet [`DataTransfer`](/fr/docs/Web/API/DataTransfer) d'une opération de glisser/déposer.
-- [HTML et `XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest/HTML_in_XMLHttpRequest)
-  - : [La spécification pour l'API `XMLHttpRequest`](https://xhr.spec.whatwg.org/) ajoute la capacité d'analyser du HTML à [`XMLHttpRequest`](/fr/docs/Web/API/XMLHttpRequest) (initialement limité à l'analyse de XML). Cette fonctionnalité permet aux applications web d'obtenir une ressource HTML comme un DOM analysé en utilisant `XMLHttpRequest`.
-
-## Outils
-
-- [axios](https://github.com/axios/axios)
-  - : Un client [HTTP](/fr/docs/Glossary/HTTP) utilisant les [promesses](/fr/docs/Web/JavaScript/Reference/Global_Objects/Promise) et qui utilise `XMLHttpRequest` en interne.
-
-## Voir aussi
-
-- [AJAX&nbsp;: une nouvelle approche pour les applications web (en anglais)](https://www.semanticscholar.org/paper/Ajax%3A-A-New-Approach-to-Web-Applications-Garrett/c440ae765ff19ddd3deda24a92ac39cef9570f1e?p2df)
-  - Un article écrit par Jesse James Garrett en février 2005 qui introduit AJAX et les concepts associés.
-- [La spécification de `XMLHttpRequest` au sein du standard évolutif WHATWG](https://xhr.spec.whatwg.org/)
diff --git a/files/fr/webassembly/javascript_interface/compile/index.md b/files/fr/webassembly/javascript_interface/compile/index.md
deleted file mode 100644
index 8b25633cfce2a6..00000000000000
--- a/files/fr/webassembly/javascript_interface/compile/index.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: WebAssembly.compile()
-slug: WebAssembly/JavaScript_interface/compile
----
-
-{{WebAssemblySidebar}}
-
-La méthode **`WebAssembly.compile()`**, permet de compiler un module ({{jsxref("WebAssembly.Module")}} à partir d'un code binaire WebAssembly. Cette fonction est utile lorsqu'il est nécessaire de compiler un module avant de l'instancier (dans les autres cas, la méthode {{jsxref("WebAssembly.instantiate()")}} sera plus pertinente).
-
-## Syntaxe
-
-```js
-WebAssembly.compile(bufferSource);
-```
-
-### Paramètres
-
-- `bufferSource`
-  - : Un [tableau typé](/fr/docs/Web/JavaScript/Reference/Objets_globaux/TypedArray) ou un {{jsxref("ArrayBuffer")}} contenant le _bytecode_ du module WebAssembly qu'on souhaite compiler.
-
-### Valeur de retour
-
-Une promesse ({{jsxref("Promise")}}) dont la valeur de résolution est une instance de {{jsxref("WebAssembly.Module")}} qui représente le module compilé.
-
-### Exceptions
-
-- Si `bufferSource` n'est pas un tableau typé, une exception {{jsxref("TypeError")}} sera levée.
-- Si la compilation échoue, la promesse sera rompue avec une exception {{jsxref("WebAssembly.CompileError")}}.
-
-## Exemples
-
-Dans l'exemple qui suit, on compile le _bytecode_ `simple.wasm` grâce à la méthode `compile()` puis on envoie le contenu à [un _worker_](/fr/docs/Web/API/Web_Workers_API) grâce à la méthode [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
-
-```js
-var worker = new Worker("wasm_worker.js");
-
-fetch("simple.wasm")
-  .then((response) => response.arrayBuffer())
-  .then((bytes) => WebAssembly.compile(bytes))
-  .then((mod) => worker.postMessage(mod));
-```
-
-> **Note :** Dans la plupart des cas, mieux vaudra utiliser {{jsxref("WebAssembly.compileStreaming()")}} qui est plus efficace que `compile()`.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/compile_static/index.md b/files/fr/webassembly/javascript_interface/compile_static/index.md
new file mode 100644
index 00000000000000..84af6a5ff8830a
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/compile_static/index.md
@@ -0,0 +1,63 @@
+---
+title: WebAssembly.compile()
+slug: WebAssembly/JavaScript_interface/compile_static
+l10n:
+  sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.compile()`**, permet de compiler un module ([`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module)) à partir d'un code binaire WebAssembly. Cette fonction est utile lorsqu'il est nécessaire de compiler un module avant de l'instancier (dans les autres cas, la méthode [`WebAssembly.instantiate()`](/fr/docs/WebAssembly/JavaScript_interface/instantiate_static) sera plus pertinente).
+
+> **Note :** Les pages web qui utilisent une [CSP](/fr/docs/Web/HTTP/CSP) stricte peuvent bloquer la compilation WebAssembly et l'exécution des modules. Pour plus d'informations pour l'autorisation de la compilation et de l'exécution, voir [la directive CSP `script-src`](/fr/docs/Web/HTTP/Headers/Content-Security-Policy/script-src).
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.compile(bufferSource);
+```
+
+### Paramètres
+
+- `bufferSource`
+  - : Un [tableau typé](/fr/docs/Web/JavaScript/Reference/Objets_globaux/TypedArray) ou un [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) contenant le <i lang="en">bytecode</i> du module WebAssembly qu'on souhaite compiler.
+
+### Valeur de retour
+
+Une promesse ([`Promise`](/fr/docs/Web/JavaScript/Reference/Objets_globaux/Promise)) dont la valeur de résolution est une instance de [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) qui représente le module compilé.
+
+### Exceptions
+
+- Si `bufferSource` n'est pas un tableau typé, une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) sera levée.
+- Si la compilation échoue, la promesse sera rompue avec une exception [`WebAssembly.CompileError`](/fr/docs/WebAssembly/JavaScript_interface/CompileError).
+
+## Exemples
+
+### Utiliser `compile()`
+
+Dans l'exemple qui suit, on compile le <i lang="en">bytecode</i> `simple.wasm` grâce à la méthode `compile()` puis on envoie le contenu à [un <i lang="en">worker</i>](/fr/docs/Web/API/Web_Workers_API) grâce à la méthode [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
+
+```js
+const worker = new Worker("wasm_worker.js");
+
+fetch("simple.wasm")
+  .then((response) => response.arrayBuffer())
+  .then((bytes) => WebAssembly.compile(bytes))
+  .then((mod) => worker.postMessage(mod));
+```
+
+> **Note :** Dans la plupart des cas, mieux vaudra utiliser [`WebAssembly.compileStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static) qui est plus efficace que `compile()`.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/compilestreaming/index.md b/files/fr/webassembly/javascript_interface/compilestreaming/index.md
deleted file mode 100644
index f45fdb2ab8215a..00000000000000
--- a/files/fr/webassembly/javascript_interface/compilestreaming/index.md
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: WebAssembly.compileStreaming()
-slug: WebAssembly/JavaScript_interface/compileStreaming
----
-
-{{WebAssemblySidebar}}
-
-La fonction **`WebAssembly.compileStreaming()`** permet de compiler un module WebAssembly (c'est-à-dire un objet {{jsxref("WebAssembly.Module")}}) depuis un flux source. Cette fonction est utile si on doit compiler un module avant de l'instancier séparement, sinon on utilisera plutôt {{jsxref("WebAssembly.instantiateStreaming()")}}.
-
-## Syntaxe
-
-```js
-WebAssembly.compileStreaming(source);
-```
-
-### Paramètres
-
-- `source`
-  - : Un objet {{domxref("Response")}} ou une promesse qui sera résolue avec un objet {{domxref("Response")}} qui représentee la source du module .wasm qu'on souhaite manipuler comme un flux et compiler.
-
-### Valeur de retour
-
-Un objet `Promise` dont la valeur de résolution est un objet {{jsxref("WebAssembly.Module")}} qui représente le module compilé.
-
-### Exceptions
-
-- Si la compilation échoue, la promesse est rejetée avec une exception {{jsxref("WebAssembly.CompileError")}}.
-
-## Exemples
-
-Dans l'exemple suivant (également disponible sur GitHub : [compile-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/compile-streaming.html) et avec [le résultat _live_](https://mdn.github.io/webassembly-examples/js-api-examples/compile-streaming.html)), on récupère un flux dedpuis un module .wasm puis on le compile en un objet {{jsxref("WebAssembly.Module")}}. La fonction `compileStreaming()` acceptant une promesse pour un objet {{domxref("Response")}}, on peut directement passer l'appel à [`fetch()`](/fr/docs/Web/API/fetch) qui transfèrera la réponse dès que la promesse sera tenue.
-
-```js
-var importObject = { imports: { imported_func: (arg) => console.log(arg) } };
-
-WebAssembly.compileStreaming(fetch("simple.wasm"))
-  .then((module) => WebAssembly.instantiate(module, importObject))
-  .then((instance) => instance.exports.exported_func());
-```
-
-Le module est ensuite instancié grâce à la fonction {{jsxref("WebAssembly.instantiate()")}}. Enfin, on appelle la fonction exportée.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [La page d'aperçu de WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript de WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/compilestreaming_static/index.md b/files/fr/webassembly/javascript_interface/compilestreaming_static/index.md
new file mode 100644
index 00000000000000..49cbf934a7fc1e
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/compilestreaming_static/index.md
@@ -0,0 +1,62 @@
+---
+title: WebAssembly.compileStreaming()
+slug: WebAssembly/JavaScript_interface/compileStreaming_static
+l10n:
+  sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.compileStreaming()`** permet de compiler un module WebAssembly (c'est-à-dire un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module)) depuis un flux source. Cette fonction est utile si on doit compiler un module avant de l'instancier séparement, sinon on utilisera plutôt [`WebAssembly.instantiateStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static).
+
+> **Note :** Les pages web qui utilisent une [CSP](/fr/docs/Web/HTTP/CSP) stricte peuvent bloquer la compilation WebAssembly et l'exécution des modules. Pour plus d'informations pour l'autorisation de la compilation et de l'exécution, voir [la directive CSP `script-src`](/fr/docs/Web/HTTP/Headers/Content-Security-Policy/script-src).
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.compileStreaming(source)
+```
+
+### Paramètres
+
+- `source`
+  - : Un objet [`Response`](/fr/docs/Web/API/Response) ou une promesse qui sera résolue en un tel objet et qui représentee la source du module WASM qu'on souhaite manipuler comme un flux et compiler.
+
+### Valeur de retour
+
+Un objet `Promise` dont la valeur de résolution est un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) qui représente le module compilé.
+
+### Exceptions
+
+- Si `source` n'est pas un objet [`Response`](/fr/docs/Web/API/Response) ou une promesse qui se résout en `Response`, la promesse est rejetée avec une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError).
+- Si la compilation échoue, la promesse est rejetée avec une exception [`WebAssembly.CompileError`](/fr/docs/WebAssembly/JavaScript_interface/CompileError).
+- Si `source` est une promesse qui échoue, la promesse renvoyée par cette méthode échoue avec cette même erreur.
+- Si l'objet `Result` de la source a une erreur (par exemple un mauvais type MIME), la promesse est rejetée avec une erreur.
+
+## Exemples
+
+Dans l'exemple suivant (également disponible sur GitHub&nbsp;: [`compile-streaming.html`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/compile-streaming.html) et avec [le résultat _live_](https://mdn.github.io/webassembly-examples/js-api-examples/compile-streaming.html)), on récupère un flux dedpuis un module .wasm puis on le compile en un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module). La fonction `compileStreaming()` acceptant une promesse pour un objet [`Response`](/fr/docs/Web/API/Response), on peut directement passer l'appel à [`fetch()`](/fr/docs/Web/API/fetch) qui transfèrera la réponse dès que la promesse sera tenue.
+
+```js
+const importObject = { imports: { imported_func: (arg) => console.log(arg) } };
+
+WebAssembly.compileStreaming(fetch("simple.wasm"))
+  .then((module) => WebAssembly.instantiate(module, importObject))
+  .then((instance) => instance.exports.exported_func());
+```
+
+Le module est ensuite instancié grâce à la fonction [`WebAssembly.instantiate()`](/fr/docs/WebAssembly/JavaScript_interface/instantiate_static). Enfin, on appelle la fonction exportée.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [La page d'aperçu de WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript de WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/instantiate/index.md b/files/fr/webassembly/javascript_interface/instantiate/index.md
deleted file mode 100644
index eff04ed662b0dd..00000000000000
--- a/files/fr/webassembly/javascript_interface/instantiate/index.md
+++ /dev/null
@@ -1,134 +0,0 @@
----
-title: WebAssembly.instantiate()
-slug: WebAssembly/JavaScript_interface/instantiate
----
-
-{{WebAssemblySidebar}}
-
-La fonction **`WebAssembly.instantiate()`** permet de compiler et d'instancier du code WebAssembly. Cette fonction possède deux formes :
-
-- La première forme prend un code binaire WebAssembly sous forme d'un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) ou d'un {{jsxref("ArrayBuffer")}} et effectue les étapes de compilation et d'instanciation en une fois. La valeur de résolution de la promesse renvoyée se compose d'un module {{jsxref("WebAssembly.Module")}} compilé et de sa première instance {{jsxref("WebAssembly.Instance")}}.
-- La seconde forme prend un module ({{jsxref("WebAssembly.Module")}}) déjà compilé et renvoie une promesse dont la valeur de résolution est une instance de ce module. Cette forme s'avère utile lorsque le module a déjà été compilé.
-
-> **Attention :** Tant que faire se peut, utiliser la méthode {{jsxref("WebAssembly.instantiateStreaming()")}} car elle est plus efficace et récupère, compile et instancie un module en une seule étape à partir du _bytecode_ et il n'est pas nécessaire de passer par une conversion en {{jsxref("ArrayBuffer")}}.
-
-## Syntaxe
-
-### Première forme : utiliser le _bytecode_ WebAssembly
-
-```js
-WebAssembly.instantiate(bufferSource, importObject);
-```
-
-#### Paramètres
-
-- `bufferSource`
-  - : Un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) ou un {{jsxref("ArrayBuffer")}} qui contient le _bytecode_ du module WebAssembly qu'on souhaite compiler.
-- `importObject` {{optional_inline}}
-  - : Un objet qui contient les valeurs à importer dans l'instance qui sera créée. Ces valeurs peuvent être des fonctions ou des objets {{jsxref("WebAssembly.Memory")}}. Il doit y avoir une propriété correspondante au sein du module compilé pour chacun des imports, si ce n'est pas le cas, une exception {{jsxref("WebAssembly.LinkError")}} sera levée.
-
-#### Valeur de retour
-
-Une promesse qui est résoluee en un objet qui contient deux champs :
-
-- `module` : un objet {{jsxref("WebAssembly.Module")}} qui représente le module WebAssembly compilé. Ce module peut être instancié à nouveau grâce à {{domxref("Worker.postMessage", "postMessage()")}} ou via [un cache IndexedDB](/fr/docs/WebAssembly/Caching_modules).
-- `instance` : un objet {{jsxref("WebAssembly.Instance")}} qui contient l'ensemble [des fonctions WebAssembly exportées](/fr/docs/WebAssembly/Exported_functions).
-
-#### Exceptions
-
-- Si l'un des paramètres n'a pas le bon type ou la bonne structure, une exception {{jsxref("TypeError")}} sera levée.
-- Si l'opération échoue, la promesse est rompue avec une exception {{jsxref("WebAssembly.CompileError")}}, {{jsxref("WebAssembly.LinkError")}} ou {{jsxref("WebAssembly.RuntimeError")}} selon l'origine de l'échec.
-
-### Seconde forme : utiliser une instance d'un module
-
-```js
-WebAssembly.instantiate(module, importObject);
-```
-
-#### Paramètres
-
-- `module`
-  - : L'objet {{jsxref("WebAssembly.Module")}} qui doit être instancié.
-- `importObject` {{optional_inline}}
-  - : Un objet qui contient les valeurs à importer dans l'instance qui sera créée. Ces valeurs peuvent être des fonctions ou des objets {{jsxref("WebAssembly.Memory")}}. Il doit y avoir une propriété correspondante au sein du module compilé pour chacun des imports, si ce n'est pas le cas, une exception {{jsxref("WebAssembly.LinkError")}} sera levée.
-
-#### Valeur de retour
-
-Une promesse qui est résolue en un objet {{jsxref("WebAssembly.Instance")}}.
-
-#### Exceptions
-
-- Si l'un des paramètres n'est pas du bon type ou n'a pas la bonne structure, une exception {{jsxref("TypeError")}} est levée.
-- Si l'opération échoue, la promesse sera rompue avec une exception {{jsxref("WebAssembly.CompileError")}}, {{jsxref("WebAssembly.LinkError")}} ou {{jsxref("WebAssembly.RuntimeError")}} selon l'origine de l'échec.
-
-## Exemples
-
-> **Note :** Dans la plupart des cas, on utilisera plus vraisemblablement {{jsxref("WebAssembly.instantiateStreaming()")}} qui est plus efficace que `instantiate()`.
-
-### Première forme
-
-Après avoir récupéré le _bytecode_ WebAssembly grâce à `fetch()`, on compile et on instancie le module grâce à la fonction {{jsxref("WebAssembly.instantiate()")}} et on importe une fonction JavaScript dans le module lors de cette étape. Ensuite, on invoque [une fonction WebAssembly exportée](/fr/docs/WebAssembly/Exported_functions) via l'instance.
-
-```js
-var importObject = {
-  imports: {
-    imported_func: function (arg) {
-      console.log(arg);
-    },
-  },
-};
-
-fetch("simple.wasm")
-  .then((response) => response.arrayBuffer())
-  .then((bytes) => WebAssembly.instantiate(bytes, importObject))
-  .then((result) => result.instance.exports.exported_func());
-```
-
-> **Note :** Voir le fichier [index.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index.html) sur GitHub ([ainsi que la démonstration associée](https://mdn.github.io/webassembly-examples/js-api-examples/)) qui contient un exemple analogue et qui utilise la fonction utilitaire [`fetchAndInstantiate()`](https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js#L1).
-
-### Seconde forme
-
-Dans l'exemple qui suit (tiré du fichier [`index-compile.html`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index-compile.html) sur GitHub et qui dispose d'[une démonstration](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)), on compile le _bytecode_ du module chargé `simple.wasm` grâce à la fonction {{jsxref("WebAssembly.compileStreaming()")}} puis on envoie le résultat à un _[worker](/fr/docs/Web/API/Web_Workers_API)_ grâce à la méthode {{domxref("Worker.postMessage", "postMessage()")}}.
-
-```js
-var worker = new Worker("wasm_worker.js");
-
-WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
-  worker.postMessage(mod),
-);
-```
-
-Dans le _worker_ (cf. [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js)), on définit un objet d'import qui sera utilisé par le module puis on paramètre un gestionnaire d'évènement afin de recevoir le module depuis le _thread_ principal. Lorsqu'on reçoit le module, on en crée une instance grâce à la méthode {{jsxref("WebAssembly.instantiate()")}} puis on appelle une fonction exportée depuis le module.
-
-```js
-var importObject = {
-  imports: {
-    imported_func: function (arg) {
-      console.log(arg);
-    },
-  },
-};
-
-onmessage = function (e) {
-  console.log("module reçu depuis le thread principal");
-  var mod = e.data;
-
-  WebAssembly.instantiate(mod, importObject).then(function (instance) {
-    instance.exports.exported_func();
-  });
-};
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/instantiate_static/index.md b/files/fr/webassembly/javascript_interface/instantiate_static/index.md
new file mode 100644
index 00000000000000..83ec78dbefe8d7
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/instantiate_static/index.md
@@ -0,0 +1,138 @@
+---
+title: WebAssembly.instantiate()
+slug: WebAssembly/JavaScript_interface/instantiate_static
+l10n:
+  sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.instantiate()`** permet de compiler et d'instancier du code WebAssembly. Cette fonction possède deux formes&nbsp;:
+
+- La première forme prend un code binaire WebAssembly sous forme d'un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) ou d'un [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) et effectue les étapes de compilation et d'instanciation en une fois. La valeur de résolution de la promesse renvoyée se compose d'un module [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) compilé et de sa première instance [`WebAssembly.Instance`](/fr/docs/WebAssembly/JavaScript_interface/Instance).
+- La seconde forme prend un module ([`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module)) déjà compilé et renvoie une promesse dont la valeur de résolution est une instance de ce module. Cette forme s'avère utile lorsque le module a déjà été compilé.
+
+> **Attention :** Tant que faire se peut, utiliser la méthode [`WebAssembly.instantiateStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static), car elle est plus efficace et récupère, compile et instancie un module en une seule étape à partir du <i lang="en">bytecode</i> et il n'est pas nécessaire de passer par une conversion en [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer).
+
+## Syntaxe
+
+### Première forme&nbsp;: utiliser le code binaire WebAssembly
+
+```js
+WebAssembly.instantiate(bufferSource, importObject);
+```
+
+#### Paramètres
+
+- `bufferSource`
+  - : Un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) ou un [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) qui contient le _bytecode_ du module WebAssembly qu'on souhaite compiler ou un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module).
+- `importObject` {{optional_inline}}
+  - : Un objet qui contient les valeurs à importer dans l'instance qui sera créée. Ces valeurs peuvent être des fonctions ou des objets [`WebAssembly.Memory`](/fr/docs/WebAssembly/JavaScript_interface/Memory). Il doit y avoir une propriété correspondante au sein du module compilé pour chacun des imports, si ce n'est pas le cas, une exception [`WebAssembly.LinkError`](/fr/docs/WebAssembly/JavaScript_interface/LinkError) sera levée.
+
+#### Valeur de retour
+
+Une promesse qui est résolue en un objet qui contient deux champs&nbsp;:
+
+- `module`
+  - : Un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) qui représente le module WebAssembly compilé. Ce module peut être instancié à nouveau grâce à [`postMessage()`](/fr/docs/Web/API/Worker/postMessage) ou via [un cache](/fr/docs/WebAssembly/Caching_modules).
+- `instance`
+  - : Un objet [`WebAssembly.Instance`](/fr/docs/WebAssembly/JavaScript_interface/Instance) qui contient l'ensemble [des fonctions WebAssembly exportées](/fr/docs/WebAssembly/Exported_functions).
+
+#### Exceptions
+
+- Si l'un des paramètres n'a pas le bon type ou la bonne structure, une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) sera levée.
+- Si l'opération échoue, la promesse est rompue avec une exception [`WebAssembly.CompileError`](/fr/docs/WebAssembly/JavaScript_interface/CompileError), [`WebAssembly.LinkError`](/fr/docs/WebAssembly/JavaScript_interface/LinkError), ou [`WebAssembly.RuntimeError`](/fr/docs/WebAssembly/JavaScript_interface/RuntimeError) selon l'origine de l'échec.
+
+### Seconde forme&nbsp;: utiliser une instance d'un module
+
+```js
+WebAssembly.instantiate(module, importObject);
+```
+
+#### Paramètres
+
+- `module`
+  - : L'objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) qui doit être instancié.
+- `importObject` {{optional_inline}}
+  - : Un objet qui contient les valeurs à importer dans l'instance qui sera créée. Ces valeurs peuvent être des fonctions ou des objets [`WebAssembly.Memory`](/fr/docs/WebAssembly/JavaScript_interface/Memory). Il doit y avoir une propriété correspondante au sein du module compilé pour chacun des imports, si ce n'est pas le cas, une exception [`WebAssembly.LinkError`](/fr/docs/WebAssembly/JavaScript_interface/LinkError) sera levée.
+
+#### Valeur de retour
+
+Une promesse qui est résolue en un objet [`WebAssembly.Instance`](/fr/docs/WebAssembly/JavaScript_interface/Instance).
+
+#### Exceptions
+
+- Si l'un des paramètres n'est pas du bon type ou n'a pas la bonne structure, une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) est levée.
+- Si l'opération échoue, la promesse sera rompue avec une exception [`WebAssembly.CompileError`](/fr/docs/WebAssembly/JavaScript_interface/CompileError), [`WebAssembly.LinkError`](/fr/docs/WebAssembly/JavaScript_interface/LinkError), ou [`WebAssembly.RuntimeError`](/fr/docs/WebAssembly/JavaScript_interface/RuntimeError) selon l'origine de l'échec.
+
+## Exemples
+
+> **Note :** Dans la plupart des cas, on utilisera plus vraisemblablement [`WebAssembly.instantiateStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static) qui est plus efficace que `instantiate()`.
+
+### Première forme
+
+Après avoir récupéré le code binaire WebAssembly grâce à `fetch()`, on compile et on instancie le module grâce à la fonction `WebAssembly.instantiate()` et on importe une fonction JavaScript dans le module lors de cette étape. Ensuite, on invoque [une fonction WebAssembly exportée](/fr/docs/WebAssembly/Exported_functions) via l'instance.
+
+```js
+const importObject = {
+  imports: {
+    imported_func(arg) {
+      console.log(arg);
+    },
+  },
+};
+
+fetch("simple.wasm")
+  .then((response) => response.arrayBuffer())
+  .then((bytes) => WebAssembly.instantiate(bytes, importObject))
+  .then((result) => result.instance.exports.exported_func());
+```
+
+> **Note :** Voir le fichier [`index.html`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/index.html) sur GitHub ([ainsi que la démonstration associée](https://mdn.github.io/webassembly-examples/js-api-examples/)).
+
+### Seconde forme
+
+Dans l'exemple qui suit (tiré du fichier [`index-compile.html`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/index-compile.html) sur GitHub et qui dispose d'[une démonstration](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)), on compile le <i lang="en">bytecode</i> du module chargé `simple.wasm` grâce à la fonction [`WebAssembly.compileStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static) puis on envoie le résultat à un [<i lang="en">worker</i>](/fr/docs/Web/API/Web_Workers_API) grâce à la méthode [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
+
+```js
+const worker = new Worker("wasm_worker.js");
+
+WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
+  worker.postMessage(mod),
+);
+```
+
+Dans le <i lang="en">worker</i> (cf. [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/wasm_worker.js)), on définit un objet d'import qui sera utilisé par le module puis on paramètre un gestionnaire d'évènement afin de recevoir le module depuis le <i lang="en">thread</i> principal. Lorsqu'on reçoit le module, on en crée une instance grâce à la méthode `WebAssembly.instantiate()` puis on appelle une fonction exportée depuis le module.
+
+```js
+const importObject = {
+  imports: {
+    imported_func(arg) {
+      console.log(arg);
+    },
+  },
+};
+
+onmessage = (e) => {
+  console.log("module received from main thread");
+  const mod = e.data;
+
+  WebAssembly.instantiate(mod, importObject).then((instance) => {
+    instance.exports.exported_func();
+  });
+};
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/instantiatestreaming/index.md b/files/fr/webassembly/javascript_interface/instantiatestreaming/index.md
deleted file mode 100644
index 6d5f62f3f3d483..00000000000000
--- a/files/fr/webassembly/javascript_interface/instantiatestreaming/index.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: WebAssembly.instantiateStreaming()
-slug: WebAssembly/JavaScript_interface/instantiateStreaming
----
-
-{{WebAssemblySidebar}}
-
-La fonction **`WebAssembly.instantiateStreaming()`** permet de compiler et d'instancier un module WebAssembly depuis un flux source. C'est la méthode la plus efficace, et la plus optimisée, permettant de charger du code WebAssembly.
-
-## Syntaxe
-
-```js
-WebAssembly.instantiateStreaming(source, importObject);
-```
-
-### Paramètres
-
-- `source`
-  - : Un objet {{domxref("Response")}} ou une promesse qui sera tenue avec une valeur {{domxref("Response")}} qui représente la source du module .wasm dont on souhaite récupérer le flux, la compiler puis l'instanciere.
-- `importObject` {{optional_inline}}
-  - : Un objet qui contient les valeurs qui doivent être importées dans le nouvel objet `Instance` résultant. Cela peut être des fonctions ou des objets {{jsxref("WebAssembly.Memory")}}. Il est nécessaire qu'il y ait une propriété correspondante pour chaque import déclaré dans le module compilé, sinon, une exception [`WebAssembly.LinkError`](/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/LinkError) sera levée.
-
-### Valeur de retour
-
-Un objet `Promise` dont la valeur de résolution est un objet `ResultObject` contenant deux champs :
-
-- `module` : un objet {{jsxref("WebAssembly.Module")}} qui représente le module WebAssembly compilé. Ce module pourra être instancié à nouveau, partagé avec [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
-- `instance` : un objet {{jsxref("WebAssembly.Instance")}} qui contient l'ensemble [des fonctions WebAssembly exportées](/fr/docs/WebAssembly/Exported_functions).
-
-### Exceptions
-
-- Si l'un des paramètres n'est pas du bon type ou ne possède pas la bonne structure, une exception {{jsxref("TypeError")}} est déclenchée.
-- Si l'opération échoue, la promesse lève une exception {{jsxref("WebAssembly.CompileError")}}, {{jsxref("WebAssembly.LinkError")}} ou {{jsxref("WebAssembly.RuntimeError")}} selon la cause de l'échec.
-
-## Examples
-
-Dans l'exemple suivant (également disponible sur GitHub : [instantiate-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/instantiate-streaming.html) et avec [le résultat _live_](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)), on récupère le flux d'un module .wasm depuis une source, on le compile et on l'instancie. La promesse est alors résolue avec un objet `ResultObject`. La méthode `instantiateStreaming()` acceptant une promesse fournissant un objet {{domxref("Response")}}, on peut directement l'appel de [`fetch()`](/fr/docs/Web/API/fetch) en argument qui transfèrera la réponse lorsque la promesse résultante sera tenue.
-
-```js
-var importObject = { imports: { imported_func: (arg) => console.log(arg) } };
-
-WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then(
-  (obj) => obj.instance.exports.exported_func(),
-);
-```
-
-Ensuite, on accède au champ `instance` de l'objet `ResultObject` afin de pouvoir invoquer une des fonctions exportées.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [La page d'aperçu de WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript de WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/instantiatestreaming_static/index.md b/files/fr/webassembly/javascript_interface/instantiatestreaming_static/index.md
new file mode 100644
index 00000000000000..38310a44d377e4
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/instantiatestreaming_static/index.md
@@ -0,0 +1,69 @@
+---
+title: WebAssembly.instantiateStreaming()
+slug: WebAssembly/JavaScript_interface/instantiateStreaming_static
+l10n:
+  sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.instantiateStreaming()`** permet de compiler et d'instancier un module WebAssembly depuis un flux source. C'est la méthode la plus efficace, et la plus optimisée, permettant de charger du code WebAssembly.
+
+> **Note :** Les pages web qui utilisent une [CSP](/fr/docs/Web/HTTP/CSP) stricte peuvent bloquer la compilation WebAssembly et l'exécution des modules. Pour plus d'informations pour l'autorisation de la compilation et de l'exécution, voir [la directive CSP `script-src`](/fr/docs/Web/HTTP/Headers/Content-Security-Policy/script-src).
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.instantiateStreaming(source, importObject)
+```
+
+### Paramètres
+
+- `source`
+  - : Un objet [`Response`](/fr/docs/Web/API/Response) ou une promesse qui sera tenue avec une valeur [`Response`](/fr/docs/Web/API/Response) qui représente la source du module .wasm dont on souhaite récupérer le flux, la compiler puis l'instancier.
+- `importObject` {{optional_inline}}
+  - : Un objet qui contient les valeurs qui doivent être importées dans le nouvel objet `Instance` résultant. Cela peut être des fonctions ou des objets [`WebAssembly.Memory`](/fr/docs/WebAssembly/JavaScript_interface/Memory). Il est nécessaire qu'il y ait une propriété correspondante pour chaque import déclaré dans le module compilé, sinon, une exception [`WebAssembly.LinkError`](/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/LinkError) sera levée.
+
+### Valeur de retour
+
+Un objet `Promise` dont la valeur de résolution est un objet `ResultObject` contenant deux champs&nbsp;:
+
+- `module`
+  - : Un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) qui représente le module WebAssembly compilé. Ce module pourra être instancié à nouveau, partagé avec [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
+- `instance`
+  - : Un objet [`WebAssembly.Instance`](/fr/docs/WebAssembly/JavaScript_interface/Instance) qui contient l'ensemble [des fonctions WebAssembly exportées](/fr/docs/WebAssembly/Exported_functions).
+
+### Exceptions
+
+- Si l'un des paramètres n'est pas du bon type ou ne possède pas la bonne structure, une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) est déclenchée.
+- Si l'opération échoue, la promesse lève une exception [`WebAssembly.CompileError`](/fr/docs/WebAssembly/JavaScript_interface/CompileError), [`WebAssembly.LinkError`](/fr/docs/WebAssembly/JavaScript_interface/LinkError), ou [`WebAssembly.RuntimeError`](/fr/docs/WebAssembly/JavaScript_interface/RuntimeError)selon la cause de l'échec.
+
+## Examples
+
+Dans l'exemple suivant (également disponible sur GitHub&nbsp;: [`instantiate-streaming.html`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/instantiate-streaming.html) et avec [le résultat <i lang="en">live</i>](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)), on récupère le flux d'un module .wasm depuis une source, on le compile et on l'instancie. La promesse est alors résolue avec un objet `ResultObject`. La méthode `instantiateStreaming()` acceptant une promesse fournissant un objet [`Response`](/fr/docs/Web/API/Response), on peut directement l'appel de [`fetch()`](/fr/docs/Web/API/fetch) en argument qui transfèrera la réponse lorsque la promesse résultante sera tenue.
+
+```js
+const importObject = { imports: { imported_func: (arg) => console.log(arg) } };
+
+WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then(
+  (obj) => obj.instance.exports.exported_func(),
+);
+```
+
+Ensuite, on accède au champ `instance` de l'objet `ResultObject` afin de pouvoir invoquer une des fonctions exportées.
+
+> **Note :** Pour que cela fonctionne, il faut que les fichiers soient renvoyés avec le type MIME `application/wasm` par le serveur.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [La page d'aperçu de WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript de WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/customsections/index.md b/files/fr/webassembly/javascript_interface/module/customsections/index.md
deleted file mode 100644
index 8220bfe6d19089..00000000000000
--- a/files/fr/webassembly/javascript_interface/module/customsections/index.md
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: WebAssembly.Module.customSections()
-slug: WebAssembly/JavaScript_interface/Module/customSections
----
-
-{{WebAssemblySidebar}}
-
-La méthode **`WebAssembly.customSections()`** renvoie un tableau qui contient les sections personnalisées (_custom sections_) disponibles dans un module WebAssembly et qui ont un nom donné.
-
-## Syntaxe
-
-```js
-var custSec = WebAssembly.Module.customSections(module, nomSection);
-```
-
-### Paramètres
-
-- `module`
-  - : L'objet {{jsxref("WebAssembly.Module")}} pour lequel on veut obtenir les sections personnalisées.
-- `nomSection`
-  - : Le nom de la section personnalisée qu'on souhaite obtenir.
-
-### Valeur de retour
-
-Un tableau contenant des {{domxref("ArrayBuffer")}} dont chacun contient les données d'une section personnalisée du module qui correspond à `nomSection`.
-
-### Exceptions
-
-Si le module passé en argument n'est pas une instance de {{jsxref("WebAssembly.Module")}}, la méthode lèvera une exception {{jsxref("TypeError")}}.
-
-## Les sections personnalisées
-
-Un module wasm contient une série de **sections**. La plupart de ces sections sont spécifiées et validées par la spécification WebAssembly mais les modules peuvent contenir certaines sections « personnalisées » (_custom sections_) qui sont ignorées lors de la phase de validation. Pour plus d'informations, consulter [l'article sur les structures de haut niveau](https://github.com/WebAssembly/design/blob/master/BinaryEncoding.md#high-level-structure) qui détaille la structure des sections et les différences entre les sections normales (« connues ») et les sections personnalisées.
-
-Cela permet aux développeurs d'inclure des données personnalisées dans un module WebAssembly pour d'autres desseins. Par exemple, on peut avoir [une section personnalisée `name`](https://github.com/WebAssembly/design/blob/master/BinaryEncoding.md#name-section), qui permet aux développeurs de fournir des noms pour les fonctions et les variables locales du module (à la façon des « symboles » utilisé pour les programmes compilés).
-
-Le format WebAssembly ne possède actuellement aucune syntaxe pour ajouter une section personnalisée. Il est toutefois possible d'ajouter une section nommée au module wasm pendant la conversion du texte vers .wasm. La commande `wast2wasm`, disponible avec l'outil [`wabt`](https://github.com/webassembly/wabt), possède une option `--debug-names` qui permet de créer un module `.wasm` avec une section personnalisée `name` :
-
-```bash
-wast2wasm simple-name-section.was -o simple-name-section.wasm --debug-names
-```
-
-## Exemples
-
-Dans l'exemple qui suit (tiré de [ce fichier source](https://github.com/mdn/webassembly-examples/blob/master/other-examples/custom-section.html) et de [cette démonstration](https://mdn.github.io/webassembly-examples/other-examples/custom-section.html)), on compile et on instancie le bytecode `simple-name-section.wasm` et on importe une fonction JavaScript dans le module lors de cette étape. Ensuite, on exporte une fonction depuis le module grâce à `Instance.exports`.
-
-On faut aussi une vérification sur `WebAssembly.Module.customSections` pour vérifier si celle-ci contient une section personnalisée `"name"` dont on vérifie si la longueur est supérieure à 0. Ce module contenant une section `name`, les appels à `console.log()` sont exécutés et montrent que le tableau renvoyé par la méthode contient des objets {{domxref("ArrayBuffer")}}.
-
-```js
-WebAssembly.compileStreaming(fetch("simple-name-section.wasm")).then(
-  function (mod) {
-    var nameSections = WebAssembly.Module.customSections(mod, "name");
-    if (nameSections.length != 0) {
-      console.log("Le module contient une section nommée");
-      console.log(nameSections[0]);
-    }
-  },
-);
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/customsections_static/index.md b/files/fr/webassembly/javascript_interface/module/customsections_static/index.md
new file mode 100644
index 00000000000000..3b56f152af6186
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/module/customsections_static/index.md
@@ -0,0 +1,73 @@
+---
+title: WebAssembly.Module.customSections()
+slug: WebAssembly/JavaScript_interface/Module/customSections_static
+l10n:
+  sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.Module.customSections()`** renvoie un tableau qui contient les sections personnalisées (<i lang="en">custom sections</i>) disponibles dans un module WebAssembly et qui ont un nom donné.
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.Module.customSections(module, nomSection)
+```
+
+### Paramètres
+
+- `module`
+  - : L'objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) pour lequel on veut obtenir les sections personnalisées.
+- `nomSection`
+  - : Le nom de la section personnalisée qu'on souhaite obtenir.
+
+### Valeur de retour
+
+Un tableau contenant des [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) dont chacun contient les données d'une section personnalisée du module qui correspond à `nomSection`.
+
+### Exceptions
+
+Si le module passé en argument n'est pas une instance de [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module), la méthode lèvera une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError).
+
+## Description
+
+Un module wasm contient une série de **sections**. La plupart de ces sections sont spécifiées et validées par la spécification WebAssembly mais les modules peuvent contenir certaines sections «&nbsp;personnalisées&nbsp;» (<i lang="en">custom sections</i>) qui sont ignorées lors de la phase de validation. Pour plus d'informations, consulter [l'article sur les structures de haut niveau](https://github.com/WebAssembly/design/blob/main/BinaryEncoding.md#high-level-structure) qui détaille la structure des sections et les différences entre les sections normales («&nbsp;connues&nbsp;») et les sections personnalisées.
+
+Cela permet aux développeuses et développeurs d'inclure des données personnalisées dans un module WebAssembly pour d'autres desseins. Par exemple, on peut avoir [une section personnalisée `name`](https://github.com/WebAssembly/design/blob/master/BinaryEncoding.md#name-section), qui permet aux développeuses et développeurs de fournir des noms pour les fonctions et les variables locales du module (à la façon des «&nbsp;symboles&nbsp;» utilisé pour les programmes compilés).
+
+Le format WebAssembly ne possède actuellement aucune syntaxe pour ajouter une section personnalisée. Il est toutefois possible d'ajouter une section nommée au module wasm pendant la conversion du texte vers .wasm. La commande `wast2wasm`, disponible avec l'outil [`wabt`](https://github.com/webassembly/wabt), possède une option `--debug-names` qui permet de créer un module `.wasm` avec une section personnalisée `name`&nbsp;:
+
+```bash
+wast2wasm simple-name-section.was -o simple-name-section.wasm --debug-names
+```
+
+## Exemples
+
+Dans l'exemple qui suit (tiré de [ce fichier source](https://github.com/mdn/webassembly-examples/blob/main/other-examples/custom-section.html) et de [cette démonstration](https://mdn.github.io/webassembly-examples/other-examples/custom-section.html)), on compile et on instancie le bytecode `simple-name-section.wasm` et on importe une fonction JavaScript dans le module lors de cette étape. Ensuite, on exporte une fonction depuis le module grâce à `Instance.exports`.
+
+On faut aussi une vérification sur `WebAssembly.Module.customSections` pour vérifier si celle-ci contient une section personnalisée `"name"` dont on vérifie si la longueur est supérieure à 0. Ce module contenant une section `name`, les appels à `console.log()` sont exécutés et montrent que le tableau renvoyé par la méthode contient des objets [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer).
+
+```js
+WebAssembly.compileStreaming(fetch("simple-name-section.wasm")).then((mod) => {
+  const nameSections = WebAssembly.Module.customSections(mod, "name");
+  if (nameSections.length !== 0) {
+    console.log("Module contains a name section");
+    console.log(nameSections[0]);
+  }
+});
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/exports/index.md b/files/fr/webassembly/javascript_interface/module/exports/index.md
deleted file mode 100644
index 2581f9e1ec49ee..00000000000000
--- a/files/fr/webassembly/javascript_interface/module/exports/index.md
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: WebAssembly.Module.exports()
-slug: WebAssembly/JavaScript_interface/Module/exports
----
-
-{{WebAssemblySidebar}}
-
-La fonction **`WebAssembly.Module.exports()`** renvoie un tableau qui contient les descriptions des exports déclarés pour un module donné.
-
-## Syntaxe
-
-```js
-var exports = WebAssembly.Module.exports(module);
-```
-
-### Paramètres
-
-- `module`
-  - : Un objet {{jsxref("WebAssembly.Module")}}.
-
-### Valeur de retour
-
-Un tableau qui contient des objets représentants les fonctions exportés du module passé en argument.
-
-### Exceptions
-
-Si l'argument n'est pas une instance de {{jsxref("WebAssembly.Module")}}, une exception {{jsxref("TypeError")}} sera levée.
-
-## Exemples
-
-Dans l'exemple suivant (basé sur le fichier [`index-compile.html`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index-compile.html) disponible sur GitHub avec [la démonstration correspondante](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)), on compile le _bytecode_ `simple.wasm` grâce à la fonction {{jsxref("WebAssembly.compileStreaming()")}} puis on envoie le résultat à un _[worker](/fr/docs/Web/API/Web_Workers_API)_ grâce à la méthode [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
-
-```js
-var worker = new Worker("wasm_worker.js");
-
-WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
-  worker.postMessage(mod),
-);
-```
-
-Dans le _worker_ (cf. [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js)), on définit un objet d'import pour le module puis on paramètre un gestionnaire d'évènement afin de recevoir le module depuis le _thread_ principal. Lorsqu'on reçoit le module, on en crée une instance via la méthode {{jsxref("WebAssembly.Instantiate()")}} puis on appelle une fonction exportée et enfin, on affiche les informations relatives aux exports disponibles grâce à `WebAssembly.Module.exports`.
-
-```js
-var importObject = {
-  imports: {
-    imported_func: function (arg) {
-      console.log(arg);
-    },
-  },
-};
-
-onmessage = function (e) {
-  console.log("module reçu du thread principal");
-  var mod = e.data;
-
-  WebAssembly.instantiate(mod, importObject).then(function (instance) {
-    instance.exports.exported_func();
-  });
-
-  var exports = WebAssembly.Module.exports(mod);
-  console.log(exports[0]);
-};
-```
-
-La valeur `exports[0]` ressemblera alors à :
-
-```js
-{ name: "exported_func", kind: "function" }
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/exports_static/index.md b/files/fr/webassembly/javascript_interface/module/exports_static/index.md
new file mode 100644
index 00000000000000..00645577320b74
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/module/exports_static/index.md
@@ -0,0 +1,85 @@
+---
+title: WebAssembly.Module.exports()
+slug: WebAssembly/JavaScript_interface/Module/exports_static
+l10n:
+  sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.Module.exports()`** renvoie un tableau qui contient les descriptions des exports déclarés pour un module donné.
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.Module.exports(module)
+```
+
+### Paramètres
+
+- `module`
+  - : Un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module).
+
+### Valeur de retour
+
+Un tableau qui contient des objets représentants les fonctions exportés du module passé en argument.
+
+### Exceptions
+
+Si l'argument n'est pas une instance de [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module), une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) sera levée.
+
+## Exemples
+
+Dans l'exemple suivant (basé sur le fichier [`index-compile.html`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/index-compile.html) disponible sur GitHub avec [la démonstration correspondante](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)), on compile le <i lang="en">bytecode</i> `simple.wasm` grâce à la fonction [`WebAssembly.compileStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static) puis on envoie le résultat à un [<i lang="en">worker</i>](/fr/docs/Web/API/Web_Workers_API) grâce à la méthode [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
+
+```js
+const worker = new Worker("wasm_worker.js");
+
+WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
+  worker.postMessage(mod),
+);
+```
+
+Dans le <i lang="en">worker</i> (cf. [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/wasm_worker.js)), on définit un objet d'import pour le module puis on paramètre un gestionnaire d'évènement afin de recevoir le module depuis le <i lang="en">thread</i> principal. Lorsqu'on reçoit le module, on en crée une instance via la méthode [`WebAssembly.Instantiate()`](/fr/docs/WebAssembly/JavaScript_interface/instantiate_static) puis on appelle une fonction exportée et enfin, on affiche les informations relatives aux exports disponibles grâce à `WebAssembly.Module.exports`.
+
+```js
+const importObject = {
+  imports: {
+    imported_func(arg) {
+      console.log(arg);
+    },
+  },
+};
+
+onmessage = (e) => {
+  console.log("module received from main thread");
+  const mod = e.data;
+
+  WebAssembly.instantiate(mod, importObject).then((instance) => {
+    instance.exports.exported_func();
+  });
+
+  const exports = WebAssembly.Module.exports(mod);
+  console.log(exports[0]);
+};
+```
+
+La valeur `exports[0]` ressemblera alors à :
+
+```js
+{ name: "exported_func", kind: "function" }
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/imports/index.md b/files/fr/webassembly/javascript_interface/module/imports/index.md
deleted file mode 100644
index ef5a6cf27b9951..00000000000000
--- a/files/fr/webassembly/javascript_interface/module/imports/index.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: WebAssembly.Module.imports()
-slug: WebAssembly/JavaScript_interface/Module/imports
----
-
-{{WebAssemblySidebar}}
-
-La méthode **`WebAssembly.imports()`** renvoie un tableau qui contient les références des fonctions importées qui sont disponibles dans un module WebAssembly donné.
-
-## Syntaxe
-
-```js
-var arrImport = WebAssembly.Module.imports(module);
-```
-
-### Paramètres
-
-- `module`
-  - : Une instance de {{jsxref("WebAssembly.Module")}}.
-
-### Valeur de retour
-
-Un tableau qui contient des objets représentant les fonctions importées du module passé en argument.
-
-### Exceptions
-
-Si `module` n'est pas une instance de {{jsxref("WebAssembly.Module")}}, une exception {{jsxref("TypeError")}} sera levée.
-
-## Exemples
-
-Dans l'exemple qui suit, on compile le module `simple.wasm` puis on parcourt ses imports (cf. aussi [le code sur GitHub](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/imports.html) et [l'exemple _live_](https://mdn.github.io/webassembly-examples/js-api-examples/imports.html))
-
-```js
-WebAssembly.compileStreaming(fetch("simple.wasm")).then(function (mod) {
-  var imports = WebAssembly.Module.imports(mod);
-  console.log(imports[0]);
-});
-```
-
-Le résultat affiché dans la console ressemble alors à :
-
-```js
-{ module: "imports", name: "imported_func", kind: "function" }
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/imports_static/index.md b/files/fr/webassembly/javascript_interface/module/imports_static/index.md
new file mode 100644
index 00000000000000..d3143dc78e0f22
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/module/imports_static/index.md
@@ -0,0 +1,60 @@
+---
+title: WebAssembly.Module.imports()
+slug: WebAssembly/JavaScript_interface/Module/imports_static
+l10n:
+  sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.Module.imports()`** renvoie un tableau qui contient les références des fonctions importées qui sont disponibles dans un module WebAssembly donné.
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.Module.imports(module)
+```
+
+### Paramètres
+
+- `module`
+  - : Une instance de [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module).
+
+### Valeur de retour
+
+Un tableau qui contient des objets représentant les fonctions importées du module passé en argument.
+
+### Exceptions
+
+Si `module` n'est pas une instance de [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module), une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) sera levée.
+
+## Exemples
+
+Dans l'exemple qui suit, on compile le module `simple.wasm` puis on parcourt ses imports (cf. aussi [le code sur GitHub](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/imports.html) et [l'exemple <i lang="en">live</i>](https://mdn.github.io/webassembly-examples/js-api-examples/imports.html))
+
+```js
+WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) => {
+  const imports = WebAssembly.Module.imports(mod);
+  console.log(imports[0]);
+});
+```
+
+Le résultat affiché dans la console ressemble alors à&nbsp;:
+
+```js
+{ module: "imports", name: "imported_func", kind: "function" }
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/validate/index.md b/files/fr/webassembly/javascript_interface/validate/index.md
deleted file mode 100644
index fbb01cb325b17a..00000000000000
--- a/files/fr/webassembly/javascript_interface/validate/index.md
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: WebAssembly.validate()
-slug: WebAssembly/JavaScript_interface/validate
----
-
-{{WebAssemblySidebar}}
-
-La fonction **`WebAssembly.validate()`** permet de valider un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) de _bytecode_ WebAssembly et renvoie un booléen qui indique si le contenu du tableau forme un module WebAssembly valide (`true`) ou non (`false`).
-
-## Syntaxe
-
-```js
-WebAssembly.validate(bufferSource);
-```
-
-### Paramètres
-
-- `bufferSource`
-  - : Un [tableau typé](/fr/docs/Web/JavaScript/Reference/Objets_globaux/TypedArray) ou un {{jsxref("ArrayBuffer")}} qui contient le _bytecode_ du module qu'on souhaite valider.
-
-### Valeur de retour
-
-Un booléen qui indique si la source est un code WebAssembly valide (`true`) ou non (`false`).
-
-### Exceptions
-
-Si la valeur passée en argument n'est pas un tableau typé ou un {{jsxref("ArrayBuffer")}}, une exception {{jsxref("TypeError")}} sera levée.
-
-## Exemples
-
-Dans l'exemple suivant, (cf. le fichier `validate.html` du [code source](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/validate.html), ainsi que [l'exemple _live_](https://mdn.github.io/webassembly-examples/js-api-examples/validate.html)), on récupère un module .wasm et on le convertit en un tableau typé. Ensuite, on appelle la méthode `validate()` afin de vérifier si le module est valide.
-
-```js
-fetch("simple.wasm")
-  .then((response) => response.arrayBuffer())
-  .then(function (bytes) {
-    var valid = WebAssembly.validate(bytes);
-    console.log(
-      "Les octets forment un module " + (valid ? "" : "in") + "valide.",
-    );
-  });
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/validate_static/index.md b/files/fr/webassembly/javascript_interface/validate_static/index.md
new file mode 100644
index 00000000000000..b21fb214866fb9
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/validate_static/index.md
@@ -0,0 +1,58 @@
+---
+title: WebAssembly.validate()
+slug: WebAssembly/JavaScript_interface/validate_static
+l10n:
+  sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.validate()`** permet de valider un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) de <i lang="en">bytecode</i> WebAssembly et renvoie un booléen qui indique si le contenu du tableau forme un module WebAssembly valide (`true`) ou non (`false`).
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.validate(bufferSource)
+```
+
+### Paramètres
+
+- `bufferSource`
+  - : Un [tableau typé](/fr/docs/Web/JavaScript/Reference/Objets_globaux/TypedArray) ou un [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) qui contient le <i lang="en">bytecode</i> du module qu'on souhaite valider.
+
+### Valeur de retour
+
+Un booléen qui indique si la source est un code WebAssembly valide (`true`) ou non (`false`).
+
+### Exceptions
+
+Si la valeur passée en argument n'est pas un tableau typé ou un [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer), une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) sera levée.
+
+## Exemples
+
+Dans l'exemple suivant, (cf. le fichier `validate.html` du [code source](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/validate.html), ainsi que [l'exemple <i lang="en">live</i>](https://mdn.github.io/webassembly-examples/js-api-examples/validate.html)), on récupère un module .wasm et on le convertit en un tableau typé. Ensuite, on appelle la méthode `validate()` afin de vérifier si le module est valide.
+
+```js
+fetch("simple.wasm")
+  .then((response) => response.arrayBuffer())
+  .then((bytes) => {
+    const valid = WebAssembly.validate(bytes);
+    console.log(
+      `The given bytes are ${valid ? "" : "not "}a valid Wasm module`,
+    );
+  });
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt
index ced2e64ce1607c..09b1274fd4a7f8 100644
--- a/files/ja/_redirects.txt
+++ b/files/ja/_redirects.txt
@@ -4,11 +4,11 @@
 #    yarn content add-redirect <fromURL> <toURL>
 #
 # FROM-URL	TO-URL
-/ja/docs/AJAX	/ja/docs/Web/Guide/AJAX
-/ja/docs/AJAX/Community	/ja/docs/Web/Guide/AJAX
-/ja/docs/AJAX/Getting_Started	/ja/docs/Web/Guide/AJAX
-/ja/docs/AJAX:Community	/ja/docs/Web/Guide/AJAX
-/ja/docs/AJAX:Getting_Started	/ja/docs/Web/Guide/AJAX
+/ja/docs/AJAX	/ja/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/ja/docs/AJAX/Community	/ja/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/ja/docs/AJAX/Getting_Started	/ja/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/ja/docs/AJAX:Community	/ja/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/ja/docs/AJAX:Getting_Started	/ja/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /ja/docs/API	/ja/docs/Web/API
 /ja/docs/API/Document	/ja/docs/Web/API/Document
 /ja/docs/API/Document/Document	/ja/docs/Web/API/Document/Document
@@ -2835,6 +2835,7 @@
 /ja/docs/Web/API/GlobalFetch	/ja/docs/Web/API/fetch
 /ja/docs/Web/API/GlobalFetch/fetch	/ja/docs/Web/API/fetch
 /ja/docs/Web/API/HTMLContentElement	/ja/docs/Web/API/HTMLSlotElement
+/ja/docs/Web/API/HTMLDialogElement/cancel_event	/ja/docs/orphaned/Web/API/HTMLDialogElement/cancel_event
 /ja/docs/Web/API/HTMLElement/animationcancel_event	/ja/docs/Web/API/Element/animationcancel_event
 /ja/docs/Web/API/HTMLElement/animationend_event	/ja/docs/Web/API/Element/animationend_event
 /ja/docs/Web/API/HTMLElement/animationiteration_event	/ja/docs/Web/API/Element/animationiteration_event
@@ -2909,6 +2910,7 @@
 /ja/docs/Web/API/HTMLTableRowElement.insertCell	/ja/docs/Web/API/HTMLTableRowElement/insertCell
 /ja/docs/Web/API/HTMLTableRowElement.rowIndex	/ja/docs/Web/API/HTMLTableRowElement/rowIndex
 /ja/docs/Web/API/HTML_Drag_and_Drop_API/Multiple_items	/ja/docs/orphaned/Web/API/HTML_Drag_and_Drop_API/Multiple_items
+/ja/docs/Web/API/History_API/Example	/ja/docs/conflicting/Web/API/History_API/Working_with_the_History_API
 /ja/docs/Web/API/IDBDatabase.close	/ja/docs/Web/API/IDBDatabase/close
 /ja/docs/Web/API/IDBDatabase.createObjectStore	/ja/docs/Web/API/IDBDatabase/createObjectStore
 /ja/docs/Web/API/IDBDatabase.name	/ja/docs/Web/API/IDBDatabase/name
@@ -3877,8 +3879,9 @@
 /ja/docs/Web/Events/vrdisplaydisconnected	/ja/docs/Web/API/Window/vrdisplaydisconnect_event
 /ja/docs/Web/Events/vrdisplaypresentchange	/ja/docs/Web/API/Window/vrdisplaypresentchange_event
 /ja/docs/Web/Events/waiting	/ja/docs/Web/API/HTMLMediaElement/waiting_event
-/ja/docs/Web/Guide/AJAX/Community	/ja/docs/Web/Guide/AJAX
-/ja/docs/Web/Guide/AJAX/Getting_Started	/ja/docs/Web/Guide/AJAX
+/ja/docs/Web/Guide/AJAX	/ja/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/ja/docs/Web/Guide/AJAX/Community	/ja/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/ja/docs/Web/Guide/AJAX/Getting_Started	/ja/docs/conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /ja/docs/Web/Guide/AJAX/WAI_ARIA_Live_Regions_API_Support	/ja/docs/Mozilla/Firefox/Releases/3/WAI_ARIA_Live_Regions_API_Support
 /ja/docs/Web/Guide/API/Gamepad	/ja/docs/Web/API/Gamepad_API/Using_the_Gamepad_API
 /ja/docs/Web/Guide/API/Vibration	/ja/docs/Web/API/Vibration_API
@@ -3922,7 +3925,7 @@
 /ja/docs/Web/Guide/DOM/Events/Touch_events	/ja/docs/Web/API/Touch_events
 /ja/docs/Web/Guide/DOM/Events/Touch_events/Supporting_both_TouchEvent_and_MouseEvent	/ja/docs/Web/API/Pointer_events
 /ja/docs/Web/Guide/DOM/Manipulating_the_browser_history	/ja/docs/Web/API/History_API
-/ja/docs/Web/Guide/DOM/Manipulating_the_browser_history/Example	/ja/docs/Web/API/History_API/Example
+/ja/docs/Web/Guide/DOM/Manipulating_the_browser_history/Example	/ja/docs/conflicting/Web/API/History_API/Working_with_the_History_API
 /ja/docs/Web/Guide/DOM/Manipulating_the_browser_history/Working_with_the_History_API	/ja/docs/Web/API/History_API/Working_with_the_History_API
 /ja/docs/Web/Guide/DOM/Using_full_screen_mode	/ja/docs/Web/API/Fullscreen_API
 /ja/docs/Web/Guide/DOM/Whitespace_in_the_DOM	/ja/docs/Web/API/Document_Object_Model/Whitespace
@@ -4386,9 +4389,9 @@
 /ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/prototype	/ja/docs/WebAssembly/JavaScript_interface/Memory
 /ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module	/ja/docs/WebAssembly/JavaScript_interface/Module
 /ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/Module	/ja/docs/WebAssembly/JavaScript_interface/Module/Module
-/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/customSections	/ja/docs/WebAssembly/JavaScript_interface/Module/customSections
-/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/exports	/ja/docs/WebAssembly/JavaScript_interface/Module/exports
-/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/imports	/ja/docs/WebAssembly/JavaScript_interface/Module/imports
+/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/customSections	/ja/docs/WebAssembly/JavaScript_interface/Module/customSections_static
+/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/exports	/ja/docs/WebAssembly/JavaScript_interface/Module/exports_static
+/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/imports	/ja/docs/WebAssembly/JavaScript_interface/Module/imports_static
 /ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/prototype	/ja/docs/WebAssembly/JavaScript_interface/Module
 /ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError	/ja/docs/WebAssembly/JavaScript_interface/RuntimeError
 /ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError/RuntimeError	/ja/docs/WebAssembly/JavaScript_interface/RuntimeError/RuntimeError
@@ -4399,11 +4402,11 @@
 /ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/length	/ja/docs/WebAssembly/JavaScript_interface/Table/length
 /ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/prototype	/ja/docs/WebAssembly/JavaScript_interface/Table
 /ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/set	/ja/docs/WebAssembly/JavaScript_interface/Table/set
-/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compile	/ja/docs/WebAssembly/JavaScript_interface/compile
-/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compileStreaming	/ja/docs/WebAssembly/JavaScript_interface/compileStreaming
-/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate	/ja/docs/WebAssembly/JavaScript_interface/instantiate
-/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiateStreaming	/ja/docs/WebAssembly/JavaScript_interface/instantiateStreaming
-/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/validate	/ja/docs/WebAssembly/JavaScript_interface/validate
+/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compile	/ja/docs/WebAssembly/JavaScript_interface/compile_static
+/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compileStreaming	/ja/docs/WebAssembly/JavaScript_interface/compileStreaming_static
+/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate	/ja/docs/WebAssembly/JavaScript_interface/instantiate_static
+/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiateStreaming	/ja/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static
+/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/validate	/ja/docs/WebAssembly/JavaScript_interface/validate_static
 /ja/docs/Web/JavaScript/Reference/Global_Objects/null	/ja/docs/Web/JavaScript/Reference/Operators/null
 /ja/docs/Web/JavaScript/Reference/Global_Objects/uneval	/ja/docs/Web/JavaScript/Reference/Global_Objects
 /ja/docs/Web/JavaScript/Reference/Global_Properties	/ja/docs/Web/JavaScript/Reference/Global_Objects
@@ -4623,6 +4626,14 @@
 /ja/docs/WebAPI/Using_Web_Notifications	/ja/docs/Web/API/Notifications_API/Using_the_Notifications_API
 /ja/docs/WebAPI/Using_geolocation	/ja/docs/Web/API/Geolocation_API
 /ja/docs/WebAssembly/Index	/ja/docs/WebAssembly
+/ja/docs/WebAssembly/JavaScript_interface/Module/customSections	/ja/docs/WebAssembly/JavaScript_interface/Module/customSections_static
+/ja/docs/WebAssembly/JavaScript_interface/Module/exports	/ja/docs/WebAssembly/JavaScript_interface/Module/exports_static
+/ja/docs/WebAssembly/JavaScript_interface/Module/imports	/ja/docs/WebAssembly/JavaScript_interface/Module/imports_static
+/ja/docs/WebAssembly/JavaScript_interface/compile	/ja/docs/WebAssembly/JavaScript_interface/compile_static
+/ja/docs/WebAssembly/JavaScript_interface/compileStreaming	/ja/docs/WebAssembly/JavaScript_interface/compileStreaming_static
+/ja/docs/WebAssembly/JavaScript_interface/instantiate	/ja/docs/WebAssembly/JavaScript_interface/instantiate_static
+/ja/docs/WebAssembly/JavaScript_interface/instantiateStreaming	/ja/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static
+/ja/docs/WebAssembly/JavaScript_interface/validate	/ja/docs/WebAssembly/JavaScript_interface/validate_static
 /ja/docs/WebGL	/ja/docs/Web/API/WebGL_API
 /ja/docs/WebGL/Adding_2D_content_to_a_WebGL_context	/ja/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context
 /ja/docs/WebGL/Animating_objects_with_WebGL	/ja/docs/Web/API/WebGL_API/Tutorial/Animating_objects_with_WebGL
diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json
index 0c115a703232a2..f195bc30f15b9d 100644
--- a/files/ja/_wikihistory.json
+++ b/files/ja/_wikihistory.json
@@ -8995,10 +8995,6 @@
     "modified": "2020-10-15T21:40:06.130Z",
     "contributors": ["mfuji09", "YuichiNukiyama"]
   },
-  "Web/API/HTMLDialogElement/cancel_event": {
-    "modified": "2020-10-15T22:28:07.370Z",
-    "contributors": ["mfuji09"]
-  },
   "Web/API/HTMLDialogElement/close_event": {
     "modified": "2020-10-15T21:23:57.919Z",
     "contributors": ["mpcjazz", "teoli", "arunpandianp", "ethertank"]
@@ -9909,10 +9905,6 @@
       "saneyuki_s"
     ]
   },
-  "Web/API/History_API/Example": {
-    "modified": "2020-02-15T02:40:44.391Z",
-    "contributors": ["mfuji09", "silverskyvicto"]
-  },
   "Web/API/History_API/Working_with_the_History_API": {
     "modified": "2020-05-28T00:42:35.014Z",
     "contributors": ["nokazn", "mfuji09", "woodmix"]
@@ -20273,23 +20265,6 @@
       "Sheppy"
     ]
   },
-  "Web/Guide/AJAX": {
-    "modified": "2020-08-12T11:49:11.332Z",
-    "contributors": [
-      "mfuji09",
-      "silverskyvicto",
-      "chrisdavidmills",
-      "fscholz",
-      "ethertank",
-      "Potappo",
-      "Mgjbot",
-      "Summit677",
-      "Marsf",
-      "Shimono",
-      "Taken Bot",
-      "Dria"
-    ]
-  },
   "Web/Guide/API": {
     "modified": "2019-11-24T06:54:13.469Z",
     "contributors": ["mfuji09", "silverskyvicto", "Uemmra3", "Sheppy"]
@@ -30108,15 +30083,15 @@
     "modified": "2020-12-06T05:19:41.051Z",
     "contributors": ["mfuji09", "ukyo"]
   },
-  "WebAssembly/JavaScript_interface/Module/customSections": {
+  "WebAssembly/JavaScript_interface/Module/customSections_static": {
     "modified": "2019-03-23T22:10:48.073Z",
     "contributors": ["ukyo"]
   },
-  "WebAssembly/JavaScript_interface/Module/exports": {
+  "WebAssembly/JavaScript_interface/Module/exports_static": {
     "modified": "2020-10-15T21:54:53.049Z",
     "contributors": ["ukyo"]
   },
-  "WebAssembly/JavaScript_interface/Module/imports": {
+  "WebAssembly/JavaScript_interface/Module/imports_static": {
     "modified": "2020-10-15T21:54:52.650Z",
     "contributors": ["mfuji09", "ukyo"]
   },
@@ -30148,23 +30123,23 @@
     "modified": "2020-10-15T21:54:51.626Z",
     "contributors": ["mfuji09", "bellbind", "ukyo"]
   },
-  "WebAssembly/JavaScript_interface/compile": {
+  "WebAssembly/JavaScript_interface/compileStreaming_static": {
+    "modified": "2020-10-15T21:58:31.035Z",
+    "contributors": ["ukyo"]
+  },
+  "WebAssembly/JavaScript_interface/compile_static": {
     "modified": "2020-10-15T21:53:09.837Z",
     "contributors": ["ukyo"]
   },
-  "WebAssembly/JavaScript_interface/compileStreaming": {
-    "modified": "2020-10-15T21:58:31.035Z",
+  "WebAssembly/JavaScript_interface/instantiateStreaming_static": {
+    "modified": "2020-10-15T21:58:31.752Z",
     "contributors": ["ukyo"]
   },
-  "WebAssembly/JavaScript_interface/instantiate": {
+  "WebAssembly/JavaScript_interface/instantiate_static": {
     "modified": "2020-12-06T05:02:05.948Z",
     "contributors": ["mfuji09", "michitaro", "ukyo"]
   },
-  "WebAssembly/JavaScript_interface/instantiateStreaming": {
-    "modified": "2020-10-15T21:58:31.752Z",
-    "contributors": ["ukyo"]
-  },
-  "WebAssembly/JavaScript_interface/validate": {
+  "WebAssembly/JavaScript_interface/validate_static": {
     "modified": "2020-10-15T21:53:09.850Z",
     "contributors": ["ukyo"]
   },
@@ -30210,6 +30185,23 @@
     "modified": "2019-03-18T20:53:07.981Z",
     "contributors": ["mfuji09"]
   },
+  "conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data": {
+    "modified": "2020-08-12T11:49:11.332Z",
+    "contributors": [
+      "mfuji09",
+      "silverskyvicto",
+      "chrisdavidmills",
+      "fscholz",
+      "ethertank",
+      "Potappo",
+      "Mgjbot",
+      "Summit677",
+      "Marsf",
+      "Shimono",
+      "Taken Bot",
+      "Dria"
+    ]
+  },
   "conflicting/Learn/JavaScript/Objects/Classes_in_JavaScript": {
     "modified": "2020-12-06T14:17:48.495Z",
     "contributors": [
@@ -30402,6 +30394,10 @@
     "modified": "2020-10-15T22:18:26.930Z",
     "contributors": ["Wind1808"]
   },
+  "conflicting/Web/API/History_API/Working_with_the_History_API": {
+    "modified": "2020-02-15T02:40:44.391Z",
+    "contributors": ["mfuji09", "silverskyvicto"]
+  },
   "conflicting/Web/API/SyncEvent": {
     "modified": "2020-10-15T22:32:47.070Z",
     "contributors": ["eltociear"]
@@ -30575,6 +30571,10 @@
     "modified": "2020-10-15T22:28:00.883Z",
     "contributors": ["mfuji09"]
   },
+  "orphaned/Web/API/HTMLDialogElement/cancel_event": {
+    "modified": "2020-10-15T22:28:07.370Z",
+    "contributors": ["mfuji09"]
+  },
   "orphaned/Web/API/HTMLElement/contextMenu": {
     "modified": "2020-10-15T22:22:28.350Z",
     "contributors": ["Wind1808"]
diff --git a/files/ja/web/guide/ajax/index.md b/files/ja/conflicting/learn/javascript/client-side_web_apis/fetching_data/index.md
similarity index 98%
rename from files/ja/web/guide/ajax/index.md
rename to files/ja/conflicting/learn/javascript/client-side_web_apis/fetching_data/index.md
index 67677b0c85291f..f724014d899c6a 100644
--- a/files/ja/web/guide/ajax/index.md
+++ b/files/ja/conflicting/learn/javascript/client-side_web_apis/fetching_data/index.md
@@ -1,6 +1,7 @@
 ---
 title: AJAX
-slug: Web/Guide/AJAX
+slug: conflicting/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+original_slug: Web/Guide/AJAX
 ---
 
 ## [はじめに](/ja/docs/Web/Guide/AJAX/Getting_Started)
diff --git a/files/ja/web/api/history_api/example/index.md b/files/ja/conflicting/web/api/history_api/working_with_the_history_api/index.md
similarity index 99%
rename from files/ja/web/api/history_api/example/index.md
rename to files/ja/conflicting/web/api/history_api/working_with_the_history_api/index.md
index 5ff125acc0979f..842573d84c870c 100644
--- a/files/ja/web/api/history_api/example/index.md
+++ b/files/ja/conflicting/web/api/history_api/working_with_the_history_api/index.md
@@ -1,8 +1,7 @@
 ---
 title: Ajax ナビゲーションの例
-slug: Web/API/History_API/Example
-l10n:
-  sourceCommit: c09b8e9dd0022a33cf84355704ca281d6a5f29f5
+slug: conflicting/Web/API/History_API/Working_with_the_History_API
+original_slug: Web/API/History_API/Example
 ---
 
 これは 3 つのページ (first_page.php、second_page.php、third_page.php) で構成された AJAX ウェブサイトの例です。どのように動作するかを確認するには、以下のファイル (または git clone [https://github.com/giabao/mdn-ajax-nav-example.git](https://github.com/giabao/mdn-ajax-nav-example)) を作成してください。
diff --git a/files/ja/glossary/cryptography/index.md b/files/ja/glossary/cryptography/index.md
index 5d43a103690c5e..89efd3c478f7ce 100644
--- a/files/ja/glossary/cryptography/index.md
+++ b/files/ja/glossary/cryptography/index.md
@@ -3,6 +3,8 @@ title: Cryptography (暗号学)
 slug: Glossary/Cryptography
 ---
 
+{{GlossarySidebar}}
+
 **暗号学**（Cryptography、cryptology）は、メッセージを安全に符号化して送信する方法を研究する科学です。暗号学は、安全でない環境でメッセージを符号化および復号するために使用されるアルゴリズムの設計および研究と、それらの応用です。 **データの機密性**だけではなく、暗号学はまた、**識別**、**認証**、**否認防止**、および**データの完全性**にも取り組んでいます。したがって、**暗号システム**、つまり文脈における暗号方式の使い方も研究します。
 
 1. 一般知識
diff --git a/files/ja/glossary/csp/index.md b/files/ja/glossary/csp/index.md
index caf6733a007b88..9aa518757163e1 100644
--- a/files/ja/glossary/csp/index.md
+++ b/files/ja/glossary/csp/index.md
@@ -3,6 +3,8 @@ title: CSP
 slug: Glossary/CSP
 ---
 
+{{GlossarySidebar}}
+
 CSP ([Content Security Policy](/ja/docs/Web/HTTP/CSP)) は特定の種類のウェブサイト関連攻撃 ( {{Glossary("XSS")}} やデータインジェクション) を検出して軽減するのに使われます。
 
 実装は {{Glossary("HTTP")}} の {{HTTPHeader("Content-Security-Policy")}} というヘッダーを元にしています。
diff --git a/files/ja/glossary/csrf/index.md b/files/ja/glossary/csrf/index.md
index c591aebdc4ce23..4cb9fdabce5637 100644
--- a/files/ja/glossary/csrf/index.md
+++ b/files/ja/glossary/csrf/index.md
@@ -3,6 +3,8 @@ title: CSRF
 slug: Glossary/CSRF
 ---
 
+{{GlossarySidebar}}
+
 **CSRF** (クロスサイトリクエストフォージェリー、Cross-Site Request Forgery) は、信頼されたユーザーになりすまし、ウェブサイトに対して不正なコマンドを送信する攻撃です。
 
 例えば、どこかへ移動すると称したリンクの {{glossary("URL")}} 内に、悪意のある引数を含めたりすることで実行されます。
diff --git a/files/ja/glossary/css/index.md b/files/ja/glossary/css/index.md
index db2490329f02a0..d7cb21c900bc67 100644
--- a/files/ja/glossary/css/index.md
+++ b/files/ja/glossary/css/index.md
@@ -3,6 +3,8 @@ title: CSS
 slug: Glossary/CSS
 ---
 
+{{GlossarySidebar}}
+
 **CSS** (Cascading StyleSheets) は {{glossary("browser","ブラウザー")}} でウェブページの見た目を調整する宣言型の言語です。ウェブブラウザーは、指定された要素を適切に表示するために CSS スタイル宣言を適用する働きを持ちます。スタイルの宣言には、ウェブページの見た目を決定するプロパティとプロパティの値が含まれています。
 
 CSS は {{Glossary("HTML")}} と {{Glossary("JavaScript")}} と合わせて、核となる 3 つのウェブ技術のうちの 1 つです。CSS は普通、{{Glossary("Element","HTML 要素")}} のデザインをしますが、{{Glossary("SVG")}} や {{Glossary("XML")}} のような他のマークアップ言語でも使用できます。
diff --git a/files/ja/glossary/css_descriptor/index.md b/files/ja/glossary/css_descriptor/index.md
index 72c9ebe4a0bf7c..dfc2a5bfe0b214 100644
--- a/files/ja/glossary/css_descriptor/index.md
+++ b/files/ja/glossary/css_descriptor/index.md
@@ -3,6 +3,8 @@ title: Descriptor (CSS) (記述子)
 slug: Glossary/CSS_Descriptor
 ---
 
+{{GlossarySidebar}}
+
 **CSS 記述子**は、[アットルール](/ja/docs/Web/CSS/At-rule)の性質を定義します。アットルールは 1 つ以上の記述子を持つことができます。それぞれの記述子には、以下のものがあります。
 
 - 名前
diff --git a/files/ja/glossary/css_pixel/index.md b/files/ja/glossary/css_pixel/index.md
index 1012d7d6b84969..ea5d0509e2da30 100644
--- a/files/ja/glossary/css_pixel/index.md
+++ b/files/ja/glossary/css_pixel/index.md
@@ -3,6 +3,8 @@ title: CSS pixel
 slug: Glossary/CSS_pixel
 ---
 
+{{GlossarySidebar}}
+
 **CSS Pixel** —{{Glossary("CSS")}} で接尾辞 `px` とともに示されます— は、人間の目で負担なく快適に見ることができるけれどなるべく小さい、1 ドットの高さや幅におおよそ一致する、長さの単位です。定義によれば、これは閲覧者の目から腕の長さまで離れた位置での、画素密度 96DPI の単一ピクセルの物理的サイズです。
 
 その定義には、もちろん大きな揺らぎがあります。「快適に見ることができる」や「腕の長さ」などの不正確な用語は、人から人へと伝えるうちに変化してしまいます。例えば、あるユーザーがデスクトップの前にある机に着くとき、そのディスプレイは一般的に、例えば携帯電話に向かうときと比べて、ユーザーの目からかなり遠い位置にあります。
diff --git a/files/ja/glossary/css_preprocessor/index.md b/files/ja/glossary/css_preprocessor/index.md
index 88f28fb62037f2..3f11997641e283 100644
--- a/files/ja/glossary/css_preprocessor/index.md
+++ b/files/ja/glossary/css_preprocessor/index.md
@@ -3,6 +3,8 @@ title: CSS preprocessor (CSS プリプロセッサー)
 slug: Glossary/CSS_preprocessor
 ---
 
+{{GlossarySidebar}}
+
 **CSS プリプロセッサー** は、プリプロセッサー独自の {{Glossary("syntax","構文")}} で {{Glossary("CSS")}} を生成するプログラムです。 CSS プリプロセッサーには多くの種類がありますが、ほとんどの CSS プリプロセッサーは、純粋な CSS には無い、ミックスイン、セレクターの入れ子、セレクターの継承などの機能を追加しています。これらの機能によって、 CSS の可読性や保守性が向上します。
 
 CSS プリプロセッサーを使うためには、 CSS コンパイラーをウェブ{{Glossary("server", "サーバー")}}にインストールするか、 CSS プリプロセッサーを使用して開発環境でコンパイルしてから、コンパイル済みの CSS ファイルをウェブサーバーにアップロードする必要があります。
diff --git a/files/ja/glossary/css_selector/index.md b/files/ja/glossary/css_selector/index.md
index d779403501bab4..aae1fe6332ad3c 100644
--- a/files/ja/glossary/css_selector/index.md
+++ b/files/ja/glossary/css_selector/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: ed947b2c608428b62a60f07d09dc543f732dc09b
 ---
 
+{{GlossarySidebar}}
+
 **CSS セレクター**は CSS のルールの一部で、文書中のどの要素がルールと一致するかを記述します。一致した要素にはルールで指定されたスタイルが適用されます。
 
 ## 例
diff --git a/files/ja/glossary/cssom/index.md b/files/ja/glossary/cssom/index.md
index 3e88402362c3fd..6f553e1f31e45f 100644
--- a/files/ja/glossary/cssom/index.md
+++ b/files/ja/glossary/cssom/index.md
@@ -3,6 +3,8 @@ title: CSS Object Model (CSSOM)
 slug: Glossary/CSSOM
 ---
 
+{{GlossarySidebar}}
+
 **CSS Object Model (CSSOM)** とは、すべての CSS セレクターとそれぞれのセレクターに関連するプロパティを、ルートノード、兄弟、子孫、子、その他の関係からなるツリーの形に変換したものです。CSSOM は、{{glossary('DOM', 'Document Object Model (DOM)')}} とよく似ています。それらの両方は、ウェブサイトを適切にレンダリングするために必ず発生する一連のステップである、クリティカルレンダリングパスの一部です。
 
 CSSOM は、DOM とともに、レンダリングツリーを構築し、さらにブラウザーによってウェブページをレイアウトし描画するために使用されます。
diff --git a/files/ja/glossary/data_structure/index.md b/files/ja/glossary/data_structure/index.md
index f6d0bbb857afc1..5d3214bba45ed7 100644
--- a/files/ja/glossary/data_structure/index.md
+++ b/files/ja/glossary/data_structure/index.md
@@ -3,6 +3,8 @@ title: Data structure (データ構造)
 slug: Glossary/Data_structure
 ---
 
+{{GlossarySidebar}}
+
 **データ構造**は、データを効率的に使用できるように整理する特別な方法です。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/database/index.md b/files/ja/glossary/database/index.md
index 83f879d65e8b3f..2b8071ebb0ce5e 100644
--- a/files/ja/glossary/database/index.md
+++ b/files/ja/glossary/database/index.md
@@ -3,6 +3,8 @@ title: Database
 slug: Glossary/Database
 ---
 
+{{GlossarySidebar}}
+
 **データベース** は、データの整理や収集を行い保存をするシステムです。データベースを使うことで検索、構造化、拡張などの作業を簡単に行うことができます。
 
 ウェブ開発で使用されるほとんどのデータベースはリレーショナルデータベース (RDBMS) を使用してデータを整理し、{{Glossary("SQL")}} と呼ばれるプログラミング言語を使用します。ただし、一部のデータベースは NoSQL と呼ばれる非リレーショナルベースを使用しています。このデータベースはデータを整理せず収集のみを行います。
diff --git a/files/ja/glossary/decryption/index.md b/files/ja/glossary/decryption/index.md
index 2e338ce75c423d..356144d2a86a43 100644
--- a/files/ja/glossary/decryption/index.md
+++ b/files/ja/glossary/decryption/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: d2a9f2e26a8139d4bb270d7dc3cddd8b848719fe
 ---
 
+{{GlossarySidebar}}
+
 {{glossary("cryptography","暗号学")}}では、**復号**とは{{glossary("ciphertext","暗号文")}}を{{glossary("Plaintext","平文")}}に変換することです。
 
 復号は暗号プリミティブであり、{{glossary("cipher","サイファー")}}と呼ばれる暗号アルゴリズムを使用して暗号文メッセージを平文に変換します。 暗号化と同様に、現代のサイファーの復号は、特定のアルゴリズムと{{glossary("key","鍵")}}と呼ばれる秘密を使用して実行されます。 アルゴリズムはしばしば公開されるので、暗号化が安全なままであれば、鍵は秘密にしておく必要があります。
diff --git a/files/ja/glossary/deep_copy/index.md b/files/ja/glossary/deep_copy/index.md
index 7c0a19c206015d..f0ea8aa74a591c 100644
--- a/files/ja/glossary/deep_copy/index.md
+++ b/files/ja/glossary/deep_copy/index.md
@@ -3,7 +3,7 @@ title: Deep copy (ディープコピー)
 slug: Glossary/Deep_copy
 ---
 
-{{MDNSidebar}}
+{{GlossarySidebar}}
 
 オブジェクトの **ディープコピー** とは、コピー先のオブジェクトのプロパティがコピー元のオブジェクトのプロパティと同一の参照（同じ値を指す）を共有しないコピーのことです。
 
diff --git a/files/ja/glossary/delta/index.md b/files/ja/glossary/delta/index.md
index 1c3c1f5ebdb854..ec8cc932247fb7 100644
--- a/files/ja/glossary/delta/index.md
+++ b/files/ja/glossary/delta/index.md
@@ -3,6 +3,8 @@ title: Delta (デルタ)
 slug: Glossary/Delta
 ---
 
+{{GlossarySidebar}}
+
 **デルタ**は、2 つの値または状態の差分を表す用語です。
 
 名前の由来はギリシャ文字の Δ (delta) で、 ローマ字の _D_ に相当します。*デルタ*は、省略形の文字 Δ を使用して*差分*を表します。
diff --git a/files/ja/glossary/denial_of_service/index.md b/files/ja/glossary/denial_of_service/index.md
index 92e6439eb3825f..72918a99fb0d5f 100644
--- a/files/ja/glossary/denial_of_service/index.md
+++ b/files/ja/glossary/denial_of_service/index.md
@@ -3,6 +3,8 @@ title: Denial of Service (サービス拒否)
 slug: Glossary/Denial_of_Service
 ---
 
+{{GlossarySidebar}}
+
 サービス拒否 (DoS, Denial of Service）とは、ネットワーク攻撃のカテゴリーで、サーバーにリクエストを殺到させることによって、利用可能なサーバーリソースを消費させるものです。サーバーの動作が重くなったり、正規のユーザーが利用できなくなったりします。
 
 詳しくは、 [DoS 攻撃](/ja/docs/Glossary/DOS_attack)を参照してください。
diff --git a/files/ja/glossary/deserialization/index.md b/files/ja/glossary/deserialization/index.md
index 115f08ed065751..523e08292b21a9 100644
--- a/files/ja/glossary/deserialization/index.md
+++ b/files/ja/glossary/deserialization/index.md
@@ -3,6 +3,8 @@ title: Deserialization (デシリアライズ)
 slug: Glossary/Deserialization
 ---
 
+{{GlossarySidebar}}
+
 下位レベルのフォーマット（例えば、ネットワークを介して転送された、またはデータストアに格納された）が、読み取り可能なオブジェクトまたは他のデータ構造に変換されるプロセス。
 
 たとえば、{{Glossary("JavaScript")}} では、{{jsxref("JSON.parse()")}} {{Glossary("function","関数")}}を呼び出すことで、{{Glossary("JSON")}} {{Glossary("string","文字列")}}をオブジェクトにデシリアライズすることができます。
diff --git a/files/ja/glossary/developer_tools/index.md b/files/ja/glossary/developer_tools/index.md
index 4ecda20908e86a..a7514fca6e79b7 100644
--- a/files/ja/glossary/developer_tools/index.md
+++ b/files/ja/glossary/developer_tools/index.md
@@ -3,6 +3,8 @@ title: 開発者ツール
 slug: Glossary/Developer_Tools
 ---
 
+{{GlossarySidebar}}
+
 開発者ツール（"DevTools"と略されます）は開発者がソフトウェアを作成、テスト、{{Glossary("debug", "デバッグ")}} するのを助けるプログラムです。
 
 現在のブラウザーには、ウェブサイトの調査を可能にする開発者ツールが統合されています。ブラウザーの開発者ツールによって、ウェブサイトの{{Glossary("HTML")}}/{{Glossary("CSS")}}/{{Glossary("JavaScript")}}の調査やデバッグ、ウェブサイトによって発生したネットワークトラフィックの調査、ウェブサイトのパフォーマンスの計測など、たくさんのことが可能となります。
diff --git a/files/ja/glossary/digest/index.md b/files/ja/glossary/digest/index.md
index 7d196cd6352441..7329692d7e9ebe 100644
--- a/files/ja/glossary/digest/index.md
+++ b/files/ja/glossary/digest/index.md
@@ -3,6 +3,8 @@ title: Digest
 slug: Glossary/Digest
 ---
 
+{{GlossarySidebar}}
+
 ダイジェストはメッセージ全体から{{glossary("cryptographic hash function", "ハッシュ関数")}}によって生成された小さな値です。理想的にはダイジェストは即座に計算でき、不可逆であり、予測不可能なため、メッセージが改ざんされたかどうかの判定に利用することができます。
 
 ダイジェストを使用して、下記のようないくつかのタスクを実行できます:
diff --git a/files/ja/glossary/digital_certificate/index.md b/files/ja/glossary/digital_certificate/index.md
index 172d3d92eb7a46..4679e008c0f26c 100644
--- a/files/ja/glossary/digital_certificate/index.md
+++ b/files/ja/glossary/digital_certificate/index.md
@@ -3,6 +3,8 @@ title: デジタル証明書
 slug: Glossary/Digital_certificate
 ---
 
+{{GlossarySidebar}}
+
 デジタル証明書は、公開{{Glossary("Key", "鍵")}}暗号を組織に結びつけるデータファイルです。デジタル証明書には、コモンネーム(例:mozilla.org)、組織単位(例:Mozilla Corporation)、場所(例:Mountain View)などの組織に関する情報が含まれています。デジタル証明書は、証明書の信頼性を証明する{{Glossary("certificate_authority", "認証局")}}によって最も一般的に署名されます。
 
 ## 関連項目
diff --git a/files/ja/glossary/distributed_denial_of_service/index.md b/files/ja/glossary/distributed_denial_of_service/index.md
index ca01912346369d..333813d4ea5b4d 100644
--- a/files/ja/glossary/distributed_denial_of_service/index.md
+++ b/files/ja/glossary/distributed_denial_of_service/index.md
@@ -3,6 +3,8 @@ title: Distributed Denial of Service
 slug: Glossary/Distributed_Denial_of_Service
 ---
 
+{{GlossarySidebar}}
+
 **Distributed Denial-of-Service**（**DDoS**、分散型サービス拒否）は、サーバー資源を襲って正当なユーザーをブロックするために、多数の侵害されたシステムが単一のターゲットを攻撃する攻撃です。
 
 通常、多くの人が多くのボットを使用して、銀行やクレジットカード決済ゲートウェイなどの注目を浴びるウェブ{{glossary("server","サーバー")}}を攻撃します。DDoS は、コンピューターネットワークと CPU 資源管理に関係します。
diff --git a/files/ja/glossary/dmz/index.md b/files/ja/glossary/dmz/index.md
index 6208fcd226ee32..00aeda55fb5be8 100644
--- a/files/ja/glossary/dmz/index.md
+++ b/files/ja/glossary/dmz/index.md
@@ -3,6 +3,8 @@ title: DMZ
 slug: Glossary/DMZ
 ---
 
+{{GlossarySidebar}}
+
 DMZ は、内部ネットワーク（企業または個人）と外部の信頼できない世界（通常はインターネット）との間に絶縁された安全なインターフェイスを提供する方法です。それは{{Glossary('node/networking', '外部ノード')}}からの内部ネットワークへのアクセスを拒否しながら、特定のエンドポイントだけを公開します。
 
 ## 関連項目
diff --git a/files/ja/glossary/dns/index.md b/files/ja/glossary/dns/index.md
index 70fe6c3677b895..a9001a9430df20 100644
--- a/files/ja/glossary/dns/index.md
+++ b/files/ja/glossary/dns/index.md
@@ -3,6 +3,8 @@ title: DNS
 slug: Glossary/DNS
 ---
 
+{{GlossarySidebar}}
+
 **DNS (Domain Name System)** は、インターネットに接続されたリソースのための階層化された分散型の名前付けシステムです。 DNS は{{Glossary("domain name","ドメイン名")}}のリストを、それらに関連付けられた IP アドレスなどのリソースとともに管理しています。
 
 DNS の最も顕著な機能は、人間に優しいドメイン名 (mozilla.org など) を数字の{{Glossary("IP address","IP アドレス")}} (151.106.5.172 など) に変換することで、ドメイン名を適切な IP アドレスに対応付けするこのプロセスは **DNS ルックアップ**として知られています。対照的に、**逆引き DNS ルックアップ** (rDNS) は、 IP アドレスに関連付けられたドメイン名を決定するために使用されます。
diff --git a/files/ja/glossary/doctype/index.md b/files/ja/glossary/doctype/index.md
index 894c5539799c8f..6fb23458e65ec3 100644
--- a/files/ja/glossary/doctype/index.md
+++ b/files/ja/glossary/doctype/index.md
@@ -3,6 +3,8 @@ title: Doctype
 slug: Glossary/Doctype
 ---
 
+{{GlossarySidebar}}
+
 {{Glossary("HTML")}} において、 doctype はすべての文書の先頭に見られる "`<!DOCTYPE html>`" という必須の前置きです。その唯一の目的は、{{Glossary("browser","ブラウザー")}}が文書をレンダリングするときにいわゆる[「後方互換モード (quirks mode)」](/ja/docs/Quirks_Mode_and_Standards_Mode)に切り替わるのを防ぐことです。つまり、 "`<!DOCTYPE html>`" という doctype は、ブラウザーがいくつかの仕様で互換性のない別のレンダリングモードを使用するのではなく、関連する仕様に従って最大限の努力を試みるようにします。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/document_directive/index.md b/files/ja/glossary/document_directive/index.md
index 858b612612bd58..46c3f42bd834cb 100644
--- a/files/ja/glossary/document_directive/index.md
+++ b/files/ja/glossary/document_directive/index.md
@@ -3,6 +3,8 @@ title: Document directive (文書ディレクティブ)
 slug: Glossary/Document_directive
 ---
 
+{{GlossarySidebar}}
+
 **{{Glossary("CSP")}} の文書ディレクティブ**は {{HTTPHeader("Content-Security-Policy")}} ヘッダーで使用され、ポリシーが適用される文書または[ワーカー](/ja/docs/Web/API/Web_Workers_API)環境のプロパティを管理します。
 
 文書ディレクティブは {{CSP("default-src")}} ディレクティブで代替されることはありません。
diff --git a/files/ja/glossary/document_environment/index.md b/files/ja/glossary/document_environment/index.md
index cea690a498815e..82f3df2d23a8d9 100644
--- a/files/ja/glossary/document_environment/index.md
+++ b/files/ja/glossary/document_environment/index.md
@@ -3,6 +3,8 @@ title: ドキュメント環境
 slug: Glossary/Document_environment
 ---
 
+{{GlossarySidebar}}
+
 JavaScript のグローバル環境が window または iframe の場合、それはドキュメント環境と呼ばれます。グローバル環境は、それよりも外側の環境を持たない環境です。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/dom/index.md b/files/ja/glossary/dom/index.md
index f0b86dab6d4d2d..8a9f4b6251cea2 100644
--- a/files/ja/glossary/dom/index.md
+++ b/files/ja/glossary/dom/index.md
@@ -3,6 +3,8 @@ title: DOM
 slug: Glossary/DOM
 ---
 
+{{GlossarySidebar}}
+
 DOM (Document Object Model) とは、すべての {{glossary("HTML")}} または {{glossary("XML")}} 文書を表現・操作する {{glossary("API")}} です。 DOM はブラウザーで文書構造をノードのツリーとして読み込み、それぞれのノードを文書の一部 (例えば{{Glossary("element", "要素")}}、テキスト文字列、コメント) として表します。
 
 DOM は文書内のすべてのノードにアクセスし操作するためにコードをブラウザー内で実行することができるので、{{glossary("World Wide Web","ウェブ")}}上で最も使用されいる {{Glossary("API")}} のひとつです。ノードの生成や移動、変更が可能です。イベントリスナーをノードに追加し、特定のイベントの発生時に実行させることもできます。
diff --git a/files/ja/glossary/domain/index.md b/files/ja/glossary/domain/index.md
index e574fed4857d9b..210596178d7108 100644
--- a/files/ja/glossary/domain/index.md
+++ b/files/ja/glossary/domain/index.md
@@ -3,6 +3,8 @@ title: Domain (ドメイン)
 slug: Glossary/Domain
 ---
 
+{{GlossarySidebar}}
+
 ドメインとは、インターネット上の独自のリソースを識別し管理する機関のことです。 "ドメイン名"は、{{Glossary("URL")}}の階層の一部として使用します。たいていはブランド名のような最も記憶に残る部分です。
 
 完全修飾ドメイン名（FQDN）には、インターネットの{{Glossary("DNS")}}システムを使用してこの権限を名前で一意に検索するために必要なすべてが含まれています。
diff --git a/files/ja/glossary/domain_name/index.md b/files/ja/glossary/domain_name/index.md
index eae35babb9d644..668b2701ae8f83 100644
--- a/files/ja/glossary/domain_name/index.md
+++ b/files/ja/glossary/domain_name/index.md
@@ -3,6 +3,8 @@ title: Domain name (ドメイン名)
 slug: Glossary/Domain_name
 ---
 
+{{GlossarySidebar}}
+
 **ドメイン名**は {{Glossary("Internet","インターネット")}} 上でのウェブサイトの住所です。ドメイン名は {{Glossary("URL")}} で特定のウェブページが所属するサーバーを識別するために使用されています。ドメイン名はピリオド (ドット) で区切られ、{{Glossary("TLD","トップレベルドメイン")}}で終わる階層的な名前で構成されています。
 
 ## 詳細情報
diff --git a/files/ja/glossary/domain_sharding/index.md b/files/ja/glossary/domain_sharding/index.md
index f88f7c424e99c1..05a0623d35130b 100644
--- a/files/ja/glossary/domain_sharding/index.md
+++ b/files/ja/glossary/domain_sharding/index.md
@@ -3,6 +3,8 @@ title: Domain sharding (ドメインシャーディング)
 slug: Glossary/Domain_sharding
 ---
 
+{{GlossarySidebar}}
+
 ブラウザはアクティブな接続数をドメインごとに制限します。この制限を超えてアセットを同時ダウンロードできるようにするために、**ドメインシャーディング**はコンテンツを複数のサブドメインに分割します。複数のアセットを提供するために複数のドメインが使用されると、ブラウザはより多くのリソースを同時にダウンロードすることができるため、より速いページ読み込み時間とユーザ体験の向上をもたらします。
 
 ドメインシャーディングの性能面での問題は各ドメインの DNS ルックアップの追加コストと各 TCP コネクション確立のオーバヘッドです。
diff --git a/files/ja/glossary/dominator/index.md b/files/ja/glossary/dominator/index.md
index fc4c7fa5485af4..e9d5f725013e1f 100644
--- a/files/ja/glossary/dominator/index.md
+++ b/files/ja/glossary/dominator/index.md
@@ -3,6 +3,8 @@ title: Dominator (ドミネーター)
 slug: Glossary/Dominator
 ---
 
+{{GlossarySidebar}}
+
 グラフ理論では、ルートノードからノード B へのすべてのパスがノード A を通過する場合、ノード A はノード B をドミネート (支配) すると言います。
 
 この概念は{{Glossary("garbage collection","ガベージコレクション")}}にとって重要です。 なぜなら、B は A を介してのみ到達可能であるということです。 ガベージコレクターが A に到達できず、再利用可能であると判断した場合、B も到達不能で、したがって、A が支配するオブジェクトは、A の保持するサイズに寄与します。 つまり、A 自身が解放された場合に解放される可能性のあるメモリの合計量です。
diff --git a/files/ja/glossary/dos_attack/index.md b/files/ja/glossary/dos_attack/index.md
index 61e06ba81d4795..56b953cbd87b56 100644
--- a/files/ja/glossary/dos_attack/index.md
+++ b/files/ja/glossary/dos_attack/index.md
@@ -3,6 +3,8 @@ title: DoS攻撃
 slug: Glossary/DOS_attack
 ---
 
+{{GlossarySidebar}}
+
 DoS (Denial of Service) は、大量のリクエスト送信により{{glossary("server", "サーバー")}}の適正なリソース使用を妨げるネットワーク攻撃手法です。
 
 コンピューターは、計算能力やメモリーなどのリソースが限られています。リソースが使い尽くされると、プログラムはフリーズまたはクラッシュし使用できなくなります。DoS 攻撃にはサーバーのリソースを使い果たさせるための様々な手法があり、正当なユーザーにサーバーやネットワークを利用できないようにし、少なくともサーバーの処理速度を低下させます。
diff --git a/files/ja/glossary/dsl/digital_subscriber_line/index.md b/files/ja/glossary/dsl/digital_subscriber_line/index.md
index cba1edbf63f852..d7115dfd6d83c3 100644
--- a/files/ja/glossary/dsl/digital_subscriber_line/index.md
+++ b/files/ja/glossary/dsl/digital_subscriber_line/index.md
@@ -3,6 +3,8 @@ title: DSL (デジタル加入者線)
 slug: Glossary/DSL/Digital_subscriber_line
 ---
 
+{{GlossarySidebar}}
+
 **DSL (デジタル加入者線)** は、ブロードバンドインターネット接続の一種で、電話回線を使って有線データ通信を行うものです。
 
 ダウンロードとアップロードの速度は同じである必要はありません。このような場合、回線は _非対称_ と言われ、 ADSL の略称が使用されます。
diff --git a/files/ja/glossary/dsl/domain_specific_language/index.md b/files/ja/glossary/dsl/domain_specific_language/index.md
index d132ae07725f59..522dd29347aa7c 100644
--- a/files/ja/glossary/dsl/domain_specific_language/index.md
+++ b/files/ja/glossary/dsl/domain_specific_language/index.md
@@ -3,6 +3,8 @@ title: DSL (ドメイン固有言語)
 slug: Glossary/DSL/Domain_specific_language
 ---
 
+{{GlossarySidebar}}
+
 **DSL（ドメイン固有言語）** とは、あるアプリケーションドメイン内の特定の問題に対処するために設計された、範囲が限定されたコンピューター言語の一種です。
 
 DSL は、ドメインにまたがる様々な問題に対応するように設計された _汎用言語（GPL）_ とは対照的となります。
diff --git a/files/ja/glossary/dsl/index.md b/files/ja/glossary/dsl/index.md
index 0068adf5888c8e..25c4f36698713d 100644
--- a/files/ja/glossary/dsl/index.md
+++ b/files/ja/glossary/dsl/index.md
@@ -3,6 +3,8 @@ title: DSL
 slug: Glossary/DSL
 ---
 
+{{GlossarySidebar}}
+
 **DSL** という用語は、文脈によって意味が異なることがあります。以下の可能性があります。
 {{GlossaryDisambiguation}}
 
diff --git a/files/ja/glossary/dtls/index.md b/files/ja/glossary/dtls/index.md
index 22899e8d51587c..d6264020c9c7a7 100644
--- a/files/ja/glossary/dtls/index.md
+++ b/files/ja/glossary/dtls/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: a160395a1e4baa10be746c56ec2f25e9d902e5cd
 ---
 
+{{GlossarySidebar}}
+
 **Datagram Transport Layer Security** (**DTLS**) とは、データグラムベースの通信を安全にするためのプロトコルです。ストリーム中心の Transport Layer Security ({{Glossary("TLS")}}) に基づいており、類似の水準のセキュリティーを提供します。一般的なデータグラムプロトコルと同様に、DTLSはメッセージが届く順番は愚か、メッセージが届くかどうかさえ保証しません。しかしながら、DTLSはデータグラムプロトコルの恩恵 ―― 特に低いオーバーヘッドや、レイテンシーの縮小 ――ももたらします。
 
 こうした特徴は DTLS が活躍する最もありふれた領域、{{Glossary("WebRTC")}} において有用です。WebRTC に関連するすべてのプロトコルは DTLS で通信を暗号化することが求められています。これには {{Glossary("SCTP")}}や {{Glossary("RTP", "SRTP")}}、 {{Glossary("STUN")}} も含まれます。
diff --git a/files/ja/glossary/dtmf/index.md b/files/ja/glossary/dtmf/index.md
index c2e7de753e229b..e440a13bb054f5 100644
--- a/files/ja/glossary/dtmf/index.md
+++ b/files/ja/glossary/dtmf/index.md
@@ -3,6 +3,8 @@ title: DTMF (Dual-Tone Multi-Frequency signaling)
 slug: Glossary/DTMF
 ---
 
+{{GlossarySidebar}}
+
 **Dual-Tone Multi-Frequency** (**DTMF**) シグナリングは、キーパッド上で押されているボタンを表すために可聴音を使用するシステムです。 米国ではしばしば「タッチトーン」と呼ばれています（パルスダイヤルから DTMF への移行が開始されたときにタッチトーンの商標が使用されたので）。 DTMF は、数字 \[0] 〜 \[9] と、文字 \[A] 〜 \[D] と、記号 \[#] と \[\*] を送信することができます。 いくつかの電話のキーパッドは、電話網による制御シグナリングのために典型的に使用される文字を含みます。
 
 コンピュータは、モデムにダイヤルするとき、または電話会議または他の目的のためにメニューシステムにコマンドを送信するときに、DTMF を利用することができます。
diff --git a/files/ja/glossary/dynamic_typing/index.md b/files/ja/glossary/dynamic_typing/index.md
index fb6c1f37315067..989b8c4392b3fc 100644
--- a/files/ja/glossary/dynamic_typing/index.md
+++ b/files/ja/glossary/dynamic_typing/index.md
@@ -3,6 +3,8 @@ title: Dynamic typing (動的型付け)
 slug: Glossary/Dynamic_typing
 ---
 
+{{GlossarySidebar}}
+
 **動的型付け言語**では、({{glossary("JavaScript")}} のように) インタプリターが実行時に、変数の{{glossary( "value", "値")}} に基づいて、{{glossary("variable","変数")}} に{{glossary("type", "データ型")}} を割り当てます。
 
 ## 関連項目
diff --git a/files/ja/glossary/ecma/index.md b/files/ja/glossary/ecma/index.md
index 8cc5bf077c5a91..64e98e526f0694 100644
--- a/files/ja/glossary/ecma/index.md
+++ b/files/ja/glossary/ecma/index.md
@@ -3,6 +3,8 @@ title: ECMA
 slug: Glossary/ECMA
 ---
 
+{{GlossarySidebar}}
+
 **Ecma International**（正式名：欧州電子計算機工業会; European Computer Manufacturers Association）は、コンピュータ・ハードウェアや通信、プログラム言語の標準規格を策定する非営利組織です。
 
 ウェブの世界では、 {{Glossary("JavaScript")}} 言語の中核的規格である [ECMA-262 規格](http://www.ecma-international.org/publications/standards/Ecma-262.htm)（別名： {{Glossary("ECMAScript")}} ）を維持・管理する組織として有名です。
diff --git a/files/ja/glossary/ecmascript/index.md b/files/ja/glossary/ecmascript/index.md
index cb48d2e673714b..d661522a0ae527 100644
--- a/files/ja/glossary/ecmascript/index.md
+++ b/files/ja/glossary/ecmascript/index.md
@@ -3,6 +3,8 @@ title: ECMAScript
 slug: Glossary/ECMAScript
 ---
 
+{{GlossarySidebar}}
+
 **ECMAScript** は {{glossary("JavaScript")}} のベースとなっているスクリプト言語仕様です。[Ecma International](http://www.ecma-international.org) が ECMAScript の標準化を担当しています。
 
 ## 詳細情報
diff --git a/files/ja/glossary/effective_connection_type/index.md b/files/ja/glossary/effective_connection_type/index.md
index 3ae03e9bd8939d..2c4676342ccbe0 100644
--- a/files/ja/glossary/effective_connection_type/index.md
+++ b/files/ja/glossary/effective_connection_type/index.md
@@ -3,6 +3,8 @@ title: Effective connection type (有効接続種別)
 slug: Glossary/Effective_connection_type
 ---
 
+{{GlossarySidebar}}
+
 **有効接続種別** (ECT) とは、測定されたネットワーク性能のことで、実際の接続がテザリングされたブロードバンドや WiFi であっても、ブラウザーのページのリクエストの時間とと有効接続種別に基づいて、 3G などの携帯通信接続種別を返します。
 
 観測されたラウンドトリップと下り接続速度の値を使用して、 '`slow-2g`', '`2g`', '`3g`', '`4g`' の値が特定されます。
diff --git a/files/ja/glossary/element/index.md b/files/ja/glossary/element/index.md
index cdb23a7d83951d..a1f679ee1e004a 100644
--- a/files/ja/glossary/element/index.md
+++ b/files/ja/glossary/element/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4a9f9d2e9c1811ce3519a7061e906db9200a5e97
 ---
 
+{{GlossarySidebar}}
+
 **要素** (element) はウェブページの一部分です。 {{Glossary("XML")}} と {{Glossary("HTML")}} では、要素はデータ項目やテキストのかたまりや画像を含んだり、何も含まなかったりします。ふつうは要素は {{Glossary("attribute", "属性")}} (attribute) つきの開始タグ (opening tag) と、囲まれたテキストコンテンツと、閉じタグ (closing tag) を含んでいます。
 
 ![例: <p class="nice">Hello world!</p> においては、 '<p class="nice">' が開始タグで、 'class="nice"' が属性とその値で、 'Hello world!' が囲まれたテキストコンテンツで、 '</p>' が閉じタグです。](anatomy-of-an-html-element.png)
diff --git a/files/ja/glossary/encapsulation/index.md b/files/ja/glossary/encapsulation/index.md
index cbbb57209a1904..b38abafc8e647c 100644
--- a/files/ja/glossary/encapsulation/index.md
+++ b/files/ja/glossary/encapsulation/index.md
@@ -3,6 +3,8 @@ title: Encapsulation (カプセル化)
 slug: Glossary/Encapsulation
 ---
 
+{{GlossarySidebar}}
+
 Encapsulation (カプセル化) とは、データと{{glossary("function","関数")}}を一つのコンポーネント (例えば、{{glossary("class","クラス")}}) に閉じ込め、そのコンポーネントへのアクセスを制御することにより、その{{glossary("object", "オブジェクト")}}を "ブラックボックス" にすることです。これにより、そのクラスのユーザは隠れた実装ではなくインターフェース（すなわち、そのクラスの外に対して公開されているデータと関数）を知っているだけで済みます。
 
 ## 詳細情報
diff --git a/files/ja/glossary/encryption/index.md b/files/ja/glossary/encryption/index.md
index a4d1a8e7d8513e..b8df9370698e59 100644
--- a/files/ja/glossary/encryption/index.md
+++ b/files/ja/glossary/encryption/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: d2a9f2e26a8139d4bb270d7dc3cddd8b848719fe
 ---
 
+{{GlossarySidebar}}
+
 {{glossary("cryptography","暗号学")}} において**暗号化**とは、 {{glossary("plaintext","平文")}}を{{glossary("ciphertext","暗号文")}}に変換することを意味します。暗号文とは、認証されていない読み手にとって解読不能な文章のことです。
 
 暗号化は、暗号プリミティブ ( {{glossary("cipher","サイファー")}}と呼ばれる暗号化アルゴリズムを用いて、平文を暗号文へと変換する方法) です。現代的なサイファーによる暗号化は、特定の暗号化アルゴリズムと、{{glossary("key","暗号鍵")}}と呼ばれる秘密の値を用いて行われます。アルゴリズムはだいたい公開されるので、暗号化が安全なままであれば、暗号鍵は秘密のままにしておかなければなりません。
diff --git a/files/ja/glossary/endianness/index.md b/files/ja/glossary/endianness/index.md
index 30511944d343e2..dd703f909d3c7a 100644
--- a/files/ja/glossary/endianness/index.md
+++ b/files/ja/glossary/endianness/index.md
@@ -3,6 +3,8 @@ title: Endianness (エンディアン)
 slug: Glossary/Endianness
 ---
 
+{{GlossarySidebar}}
+
 **エンディアン** (もしくは**バイト順**) は、コンピューターが数字を表現するために各バイトを構成する方法を説明するものです。
 
 メモリの個々の領域にはインデックス、もしくはアドレスが付与されています。各バイトには 8 ビット (つまり `0x00` から `0xff` まで) の数値しか保存できないため、それ以上大きな値を保存するには 1 バイトよりも大きな領域を予約しなければなりません。1 つの数値における複数のバイトの*順序*で断然最もよく使われているものは**リトルエンディアン**で、インテルのすべてのプロセッサーで使用されています。リトルエンディアンは小さいバイトから大きいバイトの順で (つまり、もっとも小さなバイトを最初または最下位のアドレスに) 格納するので、ちょうどヨーロッパの日付の書き方 (例えば 31 December 2050) と同様です。
diff --git a/files/ja/glossary/engine/index.md b/files/ja/glossary/engine/index.md
index bbf30d7c0f49de..823a6e02f3251d 100644
--- a/files/ja/glossary/engine/index.md
+++ b/files/ja/glossary/engine/index.md
@@ -3,6 +3,8 @@ title: Engine
 slug: Glossary/Engine
 ---
 
+{{GlossarySidebar}}
+
 {{glossary("JavaScript")}} エンジンは、 JavaScript のプログラムを構文解析して実行するインタープリターです。
 
 ## 詳細情報
diff --git a/files/ja/glossary/entity/index.md b/files/ja/glossary/entity/index.md
index e11b190209333e..af9006755a8031 100644
--- a/files/ja/glossary/entity/index.md
+++ b/files/ja/glossary/entity/index.md
@@ -3,6 +3,8 @@ title: Entity (エンティティ)
 slug: Glossary/Entity
 ---
 
+{{GlossarySidebar}}
+
 {{glossary("HTML")}} **エンティティ**とは、アンパサンド (`&`) で始まりセミコロン (`;`)で終わるテキスト (文字列) のひと固まりです。エンティティは（通常は HTML コードとして解釈される）予約済み文字や、(ノーブレークスペースのように) 見えない文字を表示するためによく使用されます。標準キーボードでは入力が難しい文字の代わりに使用することもできます。
 
 > **メモ:** 多くの文字は覚えやすいエンティティです。例えば、コピーライト記号 (`©`) のエンティティは `&copy;` です。覚えにくものとしては、`&#8212;` や `&#x2014;` があります。[リファレンス表](https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references)や[デコーダーツール](https://mothereff.in/html-entities)を使用してみてください。
diff --git a/files/ja/glossary/entity_header/index.md b/files/ja/glossary/entity_header/index.md
index f037232d387485..93961eb61d8f84 100644
--- a/files/ja/glossary/entity_header/index.md
+++ b/files/ja/glossary/entity_header/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: f4f8e2f18ccf19a0bee59e1fe78753e276b98232
 ---
 
+{{GlossarySidebar}}
+
 > **警告:** 現在の HTTP/1.1 仕様書では、エンティティ、エンティティヘッダー、エンティティ本体を参照することはなくなりました。一部のフィールドは{{glossary("Representation header", "表現ヘッダー")}}フィールドとして参照されるようになりました。
 
 エンティティヘッダーは {{glossary("HTTP_header", "HTTP ヘッダー")}}の一種で、 HTTP メッセージの本体を説明します（すなわちメッセージ本体についてのメタデータです）。エンティティヘッダーには、 {{HTTPHeader("Content-Length")}}, {{HTTPHeader("Content-Language")}}, {{HTTPHeader("Content-Encoding")}}, {{HTTPHeader("Content-Type")}}, {{HTTPHeader("Expires")}}, などがあります。エンティティヘッダーは HTTP のリクエストおよびレスポンスの両方に存在することがあります。
diff --git a/files/ja/glossary/enumerated/index.md b/files/ja/glossary/enumerated/index.md
index 1e1a442c8fe759..20b9b4970a9155 100644
--- a/files/ja/glossary/enumerated/index.md
+++ b/files/ja/glossary/enumerated/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4bd65a01204446af2254bb8864bd22ad87bc86b0
 ---
 
+{{GlossarySidebar}}
+
 コンピューター科学では、**列挙**型は、名前の付いた値の限られた集合からなるデータ型です。
 
 ## HTML 列挙型属性
diff --git a/files/ja/glossary/event/index.md b/files/ja/glossary/event/index.md
index 2cdc43805a4dc0..84d089e4995044 100644
--- a/files/ja/glossary/event/index.md
+++ b/files/ja/glossary/event/index.md
@@ -3,6 +3,8 @@ title: Event (イベント)
 slug: Glossary/Event
 ---
 
+{{GlossarySidebar}}
+
 Events は [DOM](/ja/docs/Glossary/DOM) 要素によって生成される資産であり、Javascript コードから操作できます。
 
 ## 関連項目
diff --git a/files/ja/glossary/exception/index.md b/files/ja/glossary/exception/index.md
index 3df111864fa5c3..f1e42f86bf40aa 100644
--- a/files/ja/glossary/exception/index.md
+++ b/files/ja/glossary/exception/index.md
@@ -3,6 +3,8 @@ title: Exception (例外)
 slug: Glossary/Exception
 ---
 
+{{GlossarySidebar}}
+
 **例外**とは、通常のコード実行を強制停止する条件です。 JavaScript {{glossary("syntax error", "構文エラー")}} は、とてもよくある例外の情報源です。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/exif/index.md b/files/ja/glossary/exif/index.md
index 6fcdf6f9b380fb..fb5ad983345134 100644
--- a/files/ja/glossary/exif/index.md
+++ b/files/ja/glossary/exif/index.md
@@ -3,6 +3,8 @@ title: EXIF
 slug: Glossary/EXIF
 ---
 
+{{GlossarySidebar}}
+
 **Exchangeable Image File Format (EXIF)** は、マルチメディアファイルのメタデータをファイル内に埋め込む方法を定めた規格です。例えば画像の場合、次のような情報を記述した EXIF データを含んでいることがあります。ピクセル単位の幅や高さ、解像度、シャッタースピード、絞り、 ISO 設定、撮影日など。
 
 ## 関連情報
diff --git a/files/ja/glossary/expando/index.md b/files/ja/glossary/expando/index.md
index f480879c50d4b2..935904fce03182 100644
--- a/files/ja/glossary/expando/index.md
+++ b/files/ja/glossary/expando/index.md
@@ -3,6 +3,8 @@ title: Expando
 slug: Glossary/Expando
 ---
 
+{{GlossarySidebar}}
+
 expando プロパティは、 {{glossary("JavaScript")}} によって {{glossary("DOM")}} ノードに追加されたプロパティであり、 DOM {{glossary("object","オブジェクト")}}の仕様書に含まれていないものです。
 
 ```js
diff --git a/files/ja/glossary/fallback_alignment/index.md b/files/ja/glossary/fallback_alignment/index.md
index d0010c9dc826b1..a031d921d2388e 100644
--- a/files/ja/glossary/fallback_alignment/index.md
+++ b/files/ja/glossary/fallback_alignment/index.md
@@ -3,6 +3,8 @@ title: Fallback alignment (代替配置)
 slug: Glossary/Fallback_Alignment
 ---
 
+{{GlossarySidebar}}
+
 [CSS ボックス配置](/ja/docs/Web/CSS/CSS_Box_Alignment)では、代替配置を要求された配置が実現できない場合に対処するために指定します。例えば、`justify-content: space-between` を指定した場合、複数の[配置対象物](/ja/docs/Glossary/Alignment_Subject)が存在しなければなりません。存在しない場合は、代替配置が使用されます。これは、以下のように配置方法ごとに決まります。
 
 - first baseline
diff --git a/files/ja/glossary/falsy/index.md b/files/ja/glossary/falsy/index.md
index 64e0775ede90d3..da9f54c7c7abd9 100644
--- a/files/ja/glossary/falsy/index.md
+++ b/files/ja/glossary/falsy/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 19036f6d79250ddc254d17e2b08bd0c45944b0ef
 ---
 
+{{GlossarySidebar}}
+
 **偽値** (**falsy** または **falsey**) な値とは、論理型コンテキストに現れたときに偽とみなされる値です。
 
 {{Glossary("JavaScript")}} は{{Glossary("Conditional", "条件文")}}や{{Glossary("Loop", "繰り返し")}}などの場面で、任意の値を強制的に論理型に{{Glossary("Type_Conversion", "型変換")}}します。
diff --git a/files/ja/glossary/favicon/index.md b/files/ja/glossary/favicon/index.md
index 7d76989f7f1e3f..99dc3c2ec92a4c 100644
--- a/files/ja/glossary/favicon/index.md
+++ b/files/ja/glossary/favicon/index.md
@@ -3,6 +3,8 @@ title: Favicon (ファビコン)
 slug: Glossary/Favicon
 ---
 
+{{GlossarySidebar}}
+
 ファビコン (お気に入りアイコン) はウェブサイトに含まれる小さなアイコンです。ブラウザのアドレスバー、ページタブ、ブックマークメニューなどに表示されます。ただし最新のブラウザのほとんどは、アドレスバーのファビコンをウェブサイトが {{Glossary("https","HTTPS")}} を使用しているかどうかを示す画像に置換しています。
 
 通常、ファビコンは 16x16 ピクセルの {{Glossary("GIF")}}、 {{Glossary("PNG")}}、または ICO 形式で保存されます。
diff --git a/files/ja/glossary/fetch_directive/index.md b/files/ja/glossary/fetch_directive/index.md
index 85e2732ef21637..b1302b89fab304 100644
--- a/files/ja/glossary/fetch_directive/index.md
+++ b/files/ja/glossary/fetch_directive/index.md
@@ -3,6 +3,8 @@ title: Fetch directive (フェッチディレクティブ)
 slug: Glossary/Fetch_directive
 ---
 
+{{GlossarySidebar}}
+
 **{{Glossary("CSP")}} のフェッチディレクティブ**は {{HTTPHeader("Content-Security-Policy")}} ヘッダーで使用され、特定のリソース種別の読み込み先を制御します。たとえば、 {{CSP("script-src")}} では、開発者は信頼できるスクリプトのソースを許可してページ上で実行できるようし、 {{CSP("font-src")}} では、ウェブフォントのソースを制御できます。
 
 すべてのフェッチディレクティブは {{CSP("default-src")}} で代替することができます。つまり、フェッチディレクティブが CSP ヘッダーにない場合、ユーザーエージェントは `default-src` ディレクティブを探します。
diff --git a/files/ja/glossary/fetch_metadata_request_header/index.md b/files/ja/glossary/fetch_metadata_request_header/index.md
index 533dd1d74d0c20..9d63bca421b5b8 100644
--- a/files/ja/glossary/fetch_metadata_request_header/index.md
+++ b/files/ja/glossary/fetch_metadata_request_header/index.md
@@ -3,6 +3,8 @@ title: フェッチメタデータリクエストヘッダー
 slug: Glossary/Fetch_metadata_request_header
 ---
 
+{{GlossarySidebar}}
+
 **フェッチメタデータリクエストヘッダー**は、リクエストの発信元のコンテキストに関する追加情報を提供する HTTP リクエストヘッダーです。これらのヘッダー名には `Sec-` の接頭辞が付いており、{{Glossary("Forbidden header name", "禁止ヘッダー名")}}であるため、 JavaScript からヘッダーを変更することはできません。
 
 フェッチメタデータリクエストヘッダーは、リクエストがどこから来たのかという追加情報をサーバーに提供し、悪意のあるリクエストを無視できるようになります。
diff --git a/files/ja/glossary/firefox_os/index.md b/files/ja/glossary/firefox_os/index.md
index 0fb799c05b7e45..545db11449133c 100644
--- a/files/ja/glossary/firefox_os/index.md
+++ b/files/ja/glossary/firefox_os/index.md
@@ -3,6 +3,8 @@ title: Firefox OS
 slug: Glossary/Firefox_OS
 ---
 
+{{GlossarySidebar}}
+
 Firefox OS は、Linux と {{glossary("Mozilla Firefox","Firefox")}} の強力な {{glossary("Gecko")}} レンダリングエンジンをベースにした Mozilla のモバイル OS です。Firefox OS は主に、{{glossary("Gaia")}}、 {{glossary("Gecko")}}、{{glossary("Gonk")}} から構成されています。
 
 ## 関連項目
diff --git a/files/ja/glossary/firewall/index.md b/files/ja/glossary/firewall/index.md
index 8223ac16e7fae3..b94a996c39b3cd 100644
--- a/files/ja/glossary/firewall/index.md
+++ b/files/ja/glossary/firewall/index.md
@@ -3,6 +3,8 @@ title: firewall (ファイアウォール)
 slug: Glossary/Firewall
 ---
 
+{{GlossarySidebar}}
+
 **ファイアウォール**はネットワークトラフィックをフィルタするシステムです。 特定の規則に従ってトラフィックを通過させたりブロックしたりすることができます。たとえば、特定のポートを宛先とする着信接続や、特定の IP アドレスへの発信接続をブロックすることができます。
 
 ファイアウォールは単一のソフトウェアのようなシンプルなものから、ファイアウォールとしてのみ機能する専用マシンのような複雑なものまで存在します。
diff --git a/files/ja/glossary/first-class_function/index.md b/files/ja/glossary/first-class_function/index.md
index b6ab0aefe2b628..19db5f242f7b8a 100644
--- a/files/ja/glossary/first-class_function/index.md
+++ b/files/ja/glossary/first-class_function/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: fead53324d271aa05e93b369966a773bb328c64b
 ---
 
+{{GlossarySidebar}}
+
 あるプログラミング言語が**第一級関数 (First-class functions)** を持つと言われる場合、その言語の関数がその他の変数と同様に扱われることを表します。例えば、こうした言語では、関数を他の関数への引数として渡したり、他の関数から返却したり、変数の値として代入したりすることができます。
 
 ## 例
diff --git a/files/ja/glossary/first_contentful_paint/index.md b/files/ja/glossary/first_contentful_paint/index.md
index 5545c65f4cd113..e68b9b9dabc3c2 100644
--- a/files/ja/glossary/first_contentful_paint/index.md
+++ b/files/ja/glossary/first_contentful_paint/index.md
@@ -3,6 +3,8 @@ title: First contentful paint
 slug: Glossary/First_contentful_paint
 ---
 
+{{GlossarySidebar}}
+
 **First Contentful Paint** (FCP) は、ブラウザーが DOM からコンテンツの最初のビットをレンダリングし、ページが実際読み込み中というユーザーへの最初のフィードバックがなされる時間です。FCP が終わった時に「起こっているのか」という質問は「はい」です。
 
 FCP タイムスタンプは、ブラウザーがテキスト、画像(背景画像を含む)、白以外の canvas や SVG を描画した時です。これには iframe は含まず、ただ仮の webfont でのテキストは含んでいます。これはユーザーがページコンテンツを消費する最初の時間です。
diff --git a/files/ja/glossary/first_cpu_idle/index.md b/files/ja/glossary/first_cpu_idle/index.md
index 808a0492afc649..93f1c1233eae5e 100644
--- a/files/ja/glossary/first_cpu_idle/index.md
+++ b/files/ja/glossary/first_cpu_idle/index.md
@@ -3,4 +3,6 @@ title: First CPU idle
 slug: Glossary/First_CPU_idle
 ---
 
+{{GlossarySidebar}}
+
 **First CPU Idle** は、ページが最小限のインタラクティブであるとき、またはウィンドウがユーザ入力を処理するのに十分に静かな時を測定します。これは非標準の Google Web パフォーマンスメトリックです。一般に、全ての表示されている UI 要素がインタラクティブであるとは限らない場合に発生します。UI は平均して 50ms 以内にほとんどのユーザ入力に応答します。また、これは [First interactive](/ja/docs/Glossary/First_interactive) とも呼ばれます。
diff --git a/files/ja/glossary/first_meaningful_paint/index.md b/files/ja/glossary/first_meaningful_paint/index.md
index 93aa5ee3715575..e0c8787b8f2062 100644
--- a/files/ja/glossary/first_meaningful_paint/index.md
+++ b/files/ja/glossary/first_meaningful_paint/index.md
@@ -3,6 +3,8 @@ title: First Meaningful Paint
 slug: Glossary/First_meaningful_paint
 ---
 
+{{GlossarySidebar}}
+
 **First Meaningful Paint** (FMP) は、スクロールせずに見える最大のレイアウト変更が行われ、ウェブフォントが読み込まれた後のペイントです。 "お役に立ちましたか?" 最初に意味のあるペイントが完了すると "はい" になります。
 
 ## 関連項目
diff --git a/files/ja/glossary/first_paint/index.md b/files/ja/glossary/first_paint/index.md
index ae553b379bd462..33a60a47c1da76 100644
--- a/files/ja/glossary/first_paint/index.md
+++ b/files/ja/glossary/first_paint/index.md
@@ -3,6 +3,8 @@ title: First paint
 slug: Glossary/First_paint
 ---
 
+{{GlossarySidebar}}
+
 FirstPaint は [Paint Timing API](/ja/docs/) の一部です。ナビゲーションからブラウザーが読み込んだ最初のピクセルを画面にレンダリングします。
 ナビゲーション前の画面と視覚的に異なるものをレンダリングすることで「それが起きているのか？」という質問に答えます。
 
diff --git a/files/ja/glossary/flex/index.md b/files/ja/glossary/flex/index.md
index 230df357fada7f..067c9be219c6bb 100644
--- a/files/ja/glossary/flex/index.md
+++ b/files/ja/glossary/flex/index.md
@@ -3,6 +3,8 @@ title: Flex
 slug: Glossary/Flex
 ---
 
+{{GlossarySidebar}}
+
 `flex` は CSS {{cssxref("display")}}のプロパティに新しく追加された値です。`inline-flex` と同じく、使用すると Element(要素)に {{glossary("flex container", "Flex コンテナ")}} が適用されます。また、その Element(要素)の子 Element(要素)それぞれには {{glossary("flex item", "Flex アイテム")}} が適用されます。flex アイテムが適用された Element(要素)は flex layout を構成し、CSS Flexible Box Layout Module で定義されているプロパティの全てが適用されるはずです。
 
 `flex` プロパティは flexbox プロパティを縮めて表したプロパティです。`flex-grow` や `flex-shrink`、`flex-basis` 等があります。
diff --git a/files/ja/glossary/flex_container/index.md b/files/ja/glossary/flex_container/index.md
index 170b74e6207561..2bc994456329bb 100644
--- a/files/ja/glossary/flex_container/index.md
+++ b/files/ja/glossary/flex_container/index.md
@@ -3,6 +3,8 @@ title: Flex コンテナ
 slug: Glossary/Flex_Container
 ---
 
+{{GlossarySidebar}}
+
 {{glossary("Flexbox")}} レイアウトは親要素の `display` プロパティの値に `flex` または `inline-flex` を指定することで定義されます。この親要素が**「flex コンテナ」**となり、その子要素が 「flex アイテム」({{glossary("flex item")}}) となります。
 
 値に `flex` を指定すると、この要素はブロックレベルの flex コンテナとなり、`inline-flex` を指定すると、インラインレベルの flex コンテナとなります。これらの指定は、その要素に対する**「flex 整形文脈 (flex formatting context)」**を作成します。Flex 整形文脈は、フロートがコンテナに侵入せず、コンテナのマージンがアイテムのマージンによって相殺されないという点で、ブロック整形文脈と同様のものです。
diff --git a/files/ja/glossary/flex_item/index.md b/files/ja/glossary/flex_item/index.md
index c3d03540962e54..052d1b0d840a33 100644
--- a/files/ja/glossary/flex_item/index.md
+++ b/files/ja/glossary/flex_item/index.md
@@ -3,6 +3,8 @@ title: Flex アイテム
 slug: Glossary/Flex_Item
 ---
 
+{{GlossarySidebar}}
+
 {{glossary("Flex Container")}} (`display: flex` または `display: inline-flex` が設定された要素) の直下の子要素が**「flex アイテム」**となります。
 
 Flex コンテナ内で直下に続くテキストも flex アイテムになります。
diff --git a/files/ja/glossary/flexbox/index.md b/files/ja/glossary/flexbox/index.md
index e33bf0f693bc74..c13a14134f53ce 100644
--- a/files/ja/glossary/flexbox/index.md
+++ b/files/ja/glossary/flexbox/index.md
@@ -3,6 +3,8 @@ title: Flexbox (フレックスボックス)
 slug: Glossary/Flexbox
 ---
 
+{{GlossarySidebar}}
+
 Flexbox は、アイテムを列方向や行方向など一次元に並べて表示するためのレイアウトモデルである [CSS Flexible Box Layout Module](https://www.w3.org/TR/css-flexbox-1/) に対する一般的な通称です。
 
 この仕様書では、Flexbox はユーザーインターフェイスの設計のためのレイアウトモデルとして説明されています。Flexbox の重要な特徴として、フレックスレイアウト内のアイテムが伸縮することができるという点が挙げられます。余白はアイテム自体に割り当てることも、アイテム間やアイテム周りに配分することも出来ます。
diff --git a/files/ja/glossary/forbidden_header_name/index.md b/files/ja/glossary/forbidden_header_name/index.md
index cc09d95ab0bea1..e40b3bef247b18 100644
--- a/files/ja/glossary/forbidden_header_name/index.md
+++ b/files/ja/glossary/forbidden_header_name/index.md
@@ -3,6 +3,8 @@ title: Forbidden header name (禁止ヘッダー名)
 slug: Glossary/Forbidden_header_name
 ---
 
+{{GlossarySidebar}}
+
 **禁止ヘッダー名**はプログラムから変更することができない [HTTP ヘッダー](/ja/docs/Web/HTTP/Headers)の名前、特に、 HTTP **リクエスト**ヘッダーの名前です (反対に、{{Glossary("Forbidden response header name", "禁止レスポンスヘッダー名")}}もあります)。
 
 このようなヘッダーを変更することは禁止されています。なぜなら、ユーザーエージェントがヘッダーを完全に制御できるからです。`Sec-` で始まる名前は、{{domxref("XMLHttpRequest")}} のような、開発者にヘッダーの制御を許可する [Fetch](/ja/docs/Web/API/Fetch_API) を使った {{glossary("API")}} から安全に新しいヘッダーを作成するために予約されています。
diff --git a/files/ja/glossary/forbidden_response_header_name/index.md b/files/ja/glossary/forbidden_response_header_name/index.md
index 98257bbc6899cf..ab279110574df5 100644
--- a/files/ja/glossary/forbidden_response_header_name/index.md
+++ b/files/ja/glossary/forbidden_response_header_name/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: ed947b2c608428b62a60f07d09dc543f732dc09b
 ---
 
+{{GlossarySidebar}}
+
 禁止レスポンスヘッダー名は、プログラムから変更することができない [HTTP ヘッダー](/ja/docs/Web/HTTP/Headers)の名前 (`Set-Cookie`) です。
 
 ## 関連情報
diff --git a/files/ja/glossary/fork/index.md b/files/ja/glossary/fork/index.md
index edd8c8d25529fc..cbff539c7eb86a 100644
--- a/files/ja/glossary/fork/index.md
+++ b/files/ja/glossary/fork/index.md
@@ -3,6 +3,8 @@ title: Fork (フォーク)
 slug: Glossary/Fork
 ---
 
+{{GlossarySidebar}}
+
 Fork (フォーク) とは、ある時点での既存のソフトウェアプロジェクトのコピーであり、自分自身の変更をプロジェクトに追加するためのものです。基本的に、元のソフトウェアのライセンスが許せば、コードをコピーして変更を加えて独自のバージョンを開発することができます。それ自体が「フォーク」となります。
 
 フォークは、フリーでオープンソースのソフトウェア開発でよく見られます。 これは、 Git (及び GitHub プラットフォーム) を使用した貢献モデルにより、有名な用語になりました。
diff --git a/files/ja/glossary/fps/index.md b/files/ja/glossary/fps/index.md
index aca786650cf3de..b45a121b660aee 100644
--- a/files/ja/glossary/fps/index.md
+++ b/files/ja/glossary/fps/index.md
@@ -3,6 +3,8 @@ title: frame rate (フレームレート, FPS)
 slug: Glossary/FPS
 ---
 
+{{GlossarySidebar}}
+
 **フレームレート**は、ブラウザーが表示するコンテンツの再計算、レイアウト、描画をすることができる速度です。**フレーム毎秒** (frame per second) または **fps** は、1 秒間に何枚のフレームを再描画できるかを表します。ウェブサイトのコンピューターグラフィックスでのフレームレートの目標値は 60fps です。
 
 映画では一般に、フレームレートは 24fps です。フレームレートが低くても大丈夫なのは、被写体ぶれで錯覚が発生するためです。コンピューターの画面上を動く場合は被写体ぶれはありません (被写体ぶれのある画像[スプライト](/ja/docs/Web/CSS/CSS_Images/Implementing_image_sprites_in_CSS)を動かしている場合を除いて)。
diff --git a/files/ja/glossary/ftp/index.md b/files/ja/glossary/ftp/index.md
index 0202c866ea1e27..b2a9bcc83388c0 100644
--- a/files/ja/glossary/ftp/index.md
+++ b/files/ja/glossary/ftp/index.md
@@ -3,6 +3,8 @@ title: FTP
 slug: Glossary/FTP
 ---
 
+{{GlossarySidebar}}
+
 **FTP** (File Transfer Protocol、ファイル転送プロトコル) は、ある{{glossary("host","ホスト")}}から別のホストに、インターネットを介してファイルを転送するための長年の標準的な{{glossary("protocol","プロトコル")}}でした。しかし、チームやホスティングアカウントは FTP を許可せず、代わりに Git などのバージョン管理システムに依存することが増えています。古いホスティングアカウントでも使用されていますが、もはや FTP はベストプラクティスとは見なされていないと言っても過言ではありません。
 
 ## もっと学ぶ
diff --git a/files/ja/glossary/ftu/index.md b/files/ja/glossary/ftu/index.md
index 7f87d232147841..bd785c656e42fc 100644
--- a/files/ja/glossary/ftu/index.md
+++ b/files/ja/glossary/ftu/index.md
@@ -3,6 +3,8 @@ title: FTU
 slug: Glossary/FTU
 ---
 
+{{GlossarySidebar}}
+
 FTU ( First Time Use、ファーストタイムユース) は、{{glossary("Firefox OS")}} 端末上に新しくインストールした {{glossary("Gecko")}} の起動時に読み込まれるアプリです。
 
 FTU は、タイムゾーンや WiFi の詳細、デフォルト言語、連絡先のインポートといった、様々な重要オプションの設定や、端末の詳細確認に使う「Phone Tour」に使うことができます。
diff --git a/files/ja/glossary/function/index.md b/files/ja/glossary/function/index.md
index c5ea08aff41b6d..51f3ffa38b8d03 100644
--- a/files/ja/glossary/function/index.md
+++ b/files/ja/glossary/function/index.md
@@ -3,6 +3,8 @@ title: Function (関数)
 slug: Glossary/Function
 ---
 
+{{GlossarySidebar}}
+
 **関数** は、他のコードや自分自身、関数を参照する {{Glossary("variable", "変数")}} から呼ばれるコード断片です。関数が呼ばれると、{{Glossary("Argument", "引数")}} が関数への入力として渡され、次に関数は任意で値を戻します。{{glossary("JavaScript")}} における関数は、{{glossary("object", "オブジェクト")}} でもあります。
 
 関数名は、関数宣言の一部または関数式に含まれる {{Glossary("identifier", "識別子")}} です。関数名の {{Glossary("scope", "スコープ")}} は、関数名が宣言か式かによって決まります。
diff --git a/files/ja/glossary/fuzzing/index.md b/files/ja/glossary/fuzzing/index.md
index 8aa5eb0486fe82..c1529f0c76c91c 100644
--- a/files/ja/glossary/fuzzing/index.md
+++ b/files/ja/glossary/fuzzing/index.md
@@ -3,6 +3,8 @@ title: Fuzz testing (ファズテスティング)
 slug: Glossary/Fuzzing
 ---
 
+{{GlossarySidebar}}
+
 **ファジング**はプログラムがクラッシュしたり不適切に動作したりしていないかを確認する手法です。自動化されたツールで予期せぬデータや無効なデータを入力し、その結果を見ます。プログラムがクラッシュしたり不適切な動作をするようであればその内容を確認します。これは、ソフトウェアの安定性、信頼性、安全性を確かめる重要な方法であり、Mozilla ではファジングを多く利用しています。
 
 - [Jesse's blog posts about fuzzing](http://www.squarefree.com/categories/fuzzing/)
diff --git a/files/ja/glossary/gamut/index.md b/files/ja/glossary/gamut/index.md
index 4f2402dafa7ae5..c3187584d270a4 100644
--- a/files/ja/glossary/gamut/index.md
+++ b/files/ja/glossary/gamut/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 5272602a89c279c42e18a0ab3434396fd33808f8
 ---
 
+{{GlossarySidebar}}
+
 **色域** (gamut)とは、色のサブセットのことで、通例ディスプレイや印刷用デバイスが表現できる色の範囲を指します。
 
 いかなるディスプレイやプリンターでも、人間の目が知覚できるあらゆる範囲の色を表現することはできません。デバイスの*色域*とは、そのデバイスがサポートする色の集合のことを指します。
diff --git a/files/ja/glossary/garbage_collection/index.md b/files/ja/glossary/garbage_collection/index.md
index 6c39f429a3346b..4d15a613b81e97 100644
--- a/files/ja/glossary/garbage_collection/index.md
+++ b/files/ja/glossary/garbage_collection/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4bd65a01204446af2254bb8864bd22ad87bc86b0
 ---
 
+{{GlossarySidebar}}
+
 [**ガベージコレクション**](/ja/docs/Web/JavaScript/Memory_Management#ガベージコレクション)とは、{{Glossary("computer programming","コンピュータプログラミング")}}で用いられる用語で、{{Glossary("object", "オブジェクト")}}が、他のオブジェクトによって{{Glossary("object reference", "参照")}}されなくなったものを見つけて削除する処理を記述します。
 
 言い換えれば、ガベージコレクションは、他のオブジェクトによって使用されていないオブジェクトを削除するプロセスです。 "GC" と省略されることが多いが、ガベージコレクションは、{{Glossary("JavaScript")}} で使用される[メモリー管理](/ja/docs/Web/JavaScript/Memory_Management)システムの基本的なコンポーネントです。
diff --git a/files/ja/glossary/gecko/index.md b/files/ja/glossary/gecko/index.md
index 32a34274ac66c1..1f207f6ac9be21 100644
--- a/files/ja/glossary/gecko/index.md
+++ b/files/ja/glossary/gecko/index.md
@@ -3,6 +3,8 @@ title: Gecko
 slug: Glossary/Gecko
 ---
 
+{{GlossarySidebar}}
+
 **Gecko** は Mozilla プロジェクトによって開発された レイアウトエンジンであり、{{glossary("Mozilla Firefox","Firefox")}} や {{glossary("Firefox OS")}} を含む多くのアプリ / デバイスで使用されています。
 
 ウェブブラウザーは HTML、CSS、Javascript、埋め込みコンテンツ（画像など）を解釈して画面に表示するためのレイアウトエンジンと呼ばれるソフトウェアが必要です。また Gecko はサポート対象のすべての OS 上で API と適切に連携し、また適切な API が関連するサポート対象にのみ公開されるようにも動作します。そのため Gecko はネットワークスタック、グラフィックススタック、レイアウトエンジン、JavaScript 仮想マシン、移植レイヤーといった機能などを併せ持っています。
diff --git a/files/ja/glossary/general_header/index.md b/files/ja/glossary/general_header/index.md
index dcb5f9119691b7..d2bb80e5fde359 100644
--- a/files/ja/glossary/general_header/index.md
+++ b/files/ja/glossary/general_header/index.md
@@ -3,6 +3,8 @@ title: General header (一般ヘッダー)
 slug: Glossary/General_header
 ---
 
+{{GlossarySidebar}}
+
 **一般ヘッダー**は、リクエスト及びレスポンスメッセージの両方で使用できるものの、内容物そのものには適用されない {{glossary('Header', 'HTTP ヘッダー')}}です。使用されている文脈に応じて、一般ヘッダーは{{glossary("Response header", "レスポンスヘッダー")}}又は{{glossary("request header", "リクエストヘッダー")}}のどちらかになります。しかし、{{glossary("entity header", "エンティティヘッダー")}}ではありません。
 
 最も一般的な一般的なヘッダーは、 {{HTTPHeader('Date')}}, {{HTTPheader("Cache-Control")}}, {{HTTPHeader("Connection")}} です。
diff --git a/files/ja/glossary/gif/index.md b/files/ja/glossary/gif/index.md
index f985e030b5dfb3..ddbd955c46e52d 100644
--- a/files/ja/glossary/gif/index.md
+++ b/files/ja/glossary/gif/index.md
@@ -3,6 +3,8 @@ title: GIF
 slug: Glossary/GIF
 ---
 
+{{GlossarySidebar}}
+
 GIF (Graphics Interchange Format)は、可逆圧縮とアニメーションに使える画像フォーマットです。GIF は 1 ピクセル毎 8 ビットまでと、24 ビットの色領域から最大 256 色まで扱えます。
 
 ## 詳細
diff --git a/files/ja/glossary/git/index.md b/files/ja/glossary/git/index.md
index a110b327fcefbd..716320844d6b8f 100644
--- a/files/ja/glossary/git/index.md
+++ b/files/ja/glossary/git/index.md
@@ -3,6 +3,8 @@ title: Git
 slug: Glossary/Git
 ---
 
+{{GlossarySidebar}}
+
 **Git**はオープンソースで無償の、分散型ソースコードマネジメント ({{Glossary("SCM", "SCM", 1)}})システムです。Git を用いることで、分散した開発チームがコードベースを取り扱うことができます。従来の SCM システムから一線を画しているのは、一般的な操作(ブランチ(branching)、コミット(commiting)など)を自身の開発機で、master リポジトリを変更することなしに、それどころか master リポジトリへの書き込み権限がなくても行うことができる機能です。
 
 ## 詳細
diff --git a/files/ja/glossary/global_object/index.md b/files/ja/glossary/global_object/index.md
index bb57750e4fdc52..6c739209b4b30d 100644
--- a/files/ja/glossary/global_object/index.md
+++ b/files/ja/glossary/global_object/index.md
@@ -3,6 +3,8 @@ title: Global object (グローバルオブジェクト)
 slug: Glossary/Global_object
 ---
 
+{{GlossarySidebar}}
+
 グローバルオブジェクトは、{{glossary("global scope", "グローバルスコープ")}}上に常時存在する{{glossary("object", "オブジェクト")}}です。
 
 JavaScript では、グローバルオブジェクトが常に定義されています。ウェブブラウザー上でスクリプトがグローバル変数を生成する時、グローバルオブジェクトのメンバーとして作成されます。 ({{Glossary("Node.js")}} ではこの限りではありません。) グローバルオブジェクトが実装する{{Glossary("interface", "インターフェイス")}}は、どのようなコンテキストでスクリプトが実行されているかによって変化します。例えば、
diff --git a/files/ja/glossary/global_scope/index.md b/files/ja/glossary/global_scope/index.md
index 98789e5d913c5e..d86b331fa9939e 100644
--- a/files/ja/glossary/global_scope/index.md
+++ b/files/ja/glossary/global_scope/index.md
@@ -3,6 +3,8 @@ title: Global scope (グローバルスコープ)
 slug: Glossary/Global_scope
 ---
 
+{{GlossarySidebar}}
+
 プログラミング環境において、グローバルスコープとは、他のすべてのスコープを含み、他のすべてのスコープからアクセス可能な{{glossary("scope", "スコープ")}}を指します。
 
 クライアントサイド JavaScript においては、一般的にすべてのコードが実行されている Web ページがグローバルスコープとなります。
diff --git a/files/ja/glossary/global_variable/index.md b/files/ja/glossary/global_variable/index.md
index 93db40a8db0bc1..817633dcb94b7d 100644
--- a/files/ja/glossary/global_variable/index.md
+++ b/files/ja/glossary/global_variable/index.md
@@ -3,6 +3,8 @@ title: Global variable (グローバル変数)
 slug: Glossary/Global_variable
 ---
 
+{{GlossarySidebar}}
+
 グローバル変数は{{glossary("global scope","グローバルスコープ")}}で宣言された{{glossary("variable","変数")}}です。言い換えると、他のすべてのスコープから参照可能な変数です。
 
 JavaScript では、グローバル変数は{{glossary("global object","グローバルオブジェクト")}}の{{glossary("property","プロパティ")}}です。
diff --git a/files/ja/glossary/glyph/index.md b/files/ja/glossary/glyph/index.md
index 7fa083b90f023c..56a5cdc57f30c6 100644
--- a/files/ja/glossary/glyph/index.md
+++ b/files/ja/glossary/glyph/index.md
@@ -3,6 +3,8 @@ title: Glyph (字体)
 slug: Glossary/Glyph
 ---
 
+{{GlossarySidebar}}
+
 **字体**は、1 つ以上の{{Glossary("character", "文字")}}を視覚的に表現するためにタイポグラフィで使用される用語です。
 
 ウェブサイトで使用されるフォントには、フォントの文字を表すさまざまな字体のセットが含まれています。
diff --git a/files/ja/glossary/google_chrome/index.md b/files/ja/glossary/google_chrome/index.md
index ade0be933277ff..f7f8a6caa4e61b 100644
--- a/files/ja/glossary/google_chrome/index.md
+++ b/files/ja/glossary/google_chrome/index.md
@@ -3,6 +3,8 @@ title: Google Chrome
 slug: Glossary/Google_Chrome
 ---
 
+{{GlossarySidebar}}
+
 Google Chrome は Google が開発した無償の{{glossary("browser", "ブラウザー")}}です。オープンソースプロジェクトである [Chromium](http://www.chromium.org/) がベースとなっています。重要な違いについては [Chromium wiki](https://code.google.com/p/chromium/wiki/ChromiumBrowserVsGoogleChrome) で説明されています。 Chrome は独自のレイアウトエンジンである {{glossary("Blink")}} に対応しています。なお、 iOS 版の Chrome は Blink ではなくプラットフォームの WebView を使用しています。
 
 ## Learn more
diff --git a/files/ja/glossary/gpl/index.md b/files/ja/glossary/gpl/index.md
index d53ad78229de2b..a4cafbd495799d 100644
--- a/files/ja/glossary/gpl/index.md
+++ b/files/ja/glossary/gpl/index.md
@@ -3,6 +3,8 @@ title: GPL
 slug: Glossary/GPL
 ---
 
+{{GlossarySidebar}}
+
 (GNU) GPL （General Public License: 一般公開ライセンス） はフリーソフトウェア財団が公開した 「コピーレフト(copyleft)」 のフリーソフトウェアライセンスです。GPL ライセンスで公開されたプログラムの利用者は、プログラムソースコードを読むこと、変更すること、 また同じライセンスであれば（変更の有無問わず）再配布することにも自由にできます。
 
 ## 詳細
diff --git a/files/ja/glossary/gpu/index.md b/files/ja/glossary/gpu/index.md
index 9c988fa730cddd..09a915c87b2ade 100644
--- a/files/ja/glossary/gpu/index.md
+++ b/files/ja/glossary/gpu/index.md
@@ -3,4 +3,6 @@ title: GPU
 slug: Glossary/GPU
 ---
 
+{{GlossarySidebar}}
+
 GPU (Graphics Processing Unit) は、コンピューターの構成要素で、CPU (Central Processing Unit) に似ています。モニター上のグラフィックス (2D と 3D の両方) の描画に特化しています。
diff --git a/files/ja/glossary/graceful_degradation/index.md b/files/ja/glossary/graceful_degradation/index.md
index 8ff70be1f06d8b..65b2d4d4a50b3f 100644
--- a/files/ja/glossary/graceful_degradation/index.md
+++ b/files/ja/glossary/graceful_degradation/index.md
@@ -3,6 +3,8 @@ title: Graceful degradation (グレースフルデグラデーション)
 slug: Glossary/Graceful_degradation
 ---
 
+{{GlossarySidebar}}
+
 **グレースフルデグラデーション** (上品な劣化) とは設計哲学の一つで、最新のブラウザーで動作するように新しいウェブサイトやアプリケーションを構築するものの、古いブラウザーでも、良いものでなくても基本的なコンテンツや機能を引き続き提供する使用方法で代替できるようにしようとすることを目指したものです。
 
 {{Glossary("Polyfill","ポリフィル")}}を使用して JavaScript で[不足している機能](/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection)を構築することは可能ですが、 CSS のカスケードや HTML の代替の振る舞いなど、可能な限りスタイル付けやレイアウトなどの機能の代替案を用意する必要があります。いくつかの良い事例は、[一般的な HTML と CSS の問題の扱い](/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS)で見ることができます。
diff --git a/files/ja/glossary/grid/index.md b/files/ja/glossary/grid/index.md
index 45e79fcc9ad2ab..5e225f3d09480b 100644
--- a/files/ja/glossary/grid/index.md
+++ b/files/ja/glossary/grid/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4a9f9d2e9c1811ce3519a7061e906db9200a5e97
 ---
 
+{{GlossarySidebar}}
+
 **CSS グリッド** は {{cssxref("display")}} プロパティの値に `grid` を指定して定義します。グリッドの列や行は {{cssxref("grid-template-rows")}} や {{cssxref("grid-template-columns")}} プロパティで定義します。
 
 これらのプロパティを使って定義したグリッドのことを **明示的グリッド** _(explicit grid)_ と呼びます。
diff --git a/files/ja/glossary/grid_areas/index.md b/files/ja/glossary/grid_areas/index.md
index 94bb6cb248b972..d0d5ec3fadfff3 100644
--- a/files/ja/glossary/grid_areas/index.md
+++ b/files/ja/glossary/grid_areas/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4a9f9d2e9c1811ce3519a7061e906db9200a5e97
 ---
 
+{{GlossarySidebar}}
+
 **グリッド領域**はグリッド上で一つ以上の {{glossary("grid cell", "グリッドセル")}} からなる長方形の領域です。グリッド領域は [ライン指定による配置](/ja/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid) や [名前付きグリッド領域](/ja/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas)で領域を定義すると作成されます。
 
 ![Image showing a highlighted grid area](1_grid_area.png)
diff --git a/files/ja/glossary/grid_axis/index.md b/files/ja/glossary/grid_axis/index.md
index acbcd9aabd5872..8cc5bd2ebf9a1d 100644
--- a/files/ja/glossary/grid_axis/index.md
+++ b/files/ja/glossary/grid_axis/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4a9f9d2e9c1811ce3519a7061e906db9200a5e97
 ---
 
+{{GlossarySidebar}}
+
 CSS グリッドレイアウトはコンテンツを**行**と**列**でレイアウトできるようにする 2 次元レイアウトです。従って全てのグリッドには、**ブロックもしくは列の軸**と、**インラインもしくは行の列**という、 2 つの軸があります。
 
 各アイテムはこれら 2 つの軸に沿って、[ボックス配置仕様書](/ja/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout)で定義されているプロパティを使って配置されます。
diff --git a/files/ja/glossary/grid_cell/index.md b/files/ja/glossary/grid_cell/index.md
index 014938476d92c5..4830ba5c1e820d 100644
--- a/files/ja/glossary/grid_cell/index.md
+++ b/files/ja/glossary/grid_cell/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4a9f9d2e9c1811ce3519a7061e906db9200a5e97
 ---
 
+{{GlossarySidebar}}
+
 [CSS グリッドレイアウト](/ja/docs/Web/CSS/CSS_Grid_Layout)における CSS グリッドの最小単位が**グリッドセル**です。 4 つの交差する {{glossary("grid lines", "グリッド線")}} に囲まれた領域のことで、表におけるセルと考え方はほぼ同じです。
 
 ![Diagram showing an individual cell on the grid.](1_grid_cell.png)
diff --git a/files/ja/glossary/grid_column/index.md b/files/ja/glossary/grid_column/index.md
index e1038be3edc74a..185e1650b8950f 100644
--- a/files/ja/glossary/grid_column/index.md
+++ b/files/ja/glossary/grid_column/index.md
@@ -3,6 +3,8 @@ title: Grid 列
 slug: Glossary/Grid_Column
 ---
 
+{{GlossarySidebar}}
+
 **グリッド列**とは [CSS グリッドレイアウト](/ja/docs/Web/CSS/CSS_Grid_Layout)における縦のトラックであり、二つの垂直方向のグリッドラインに挟まれた領域のことです。グリッド列は {{cssxref("grid-template-columns")}} プロパティまたは短縮記法の {{cssxref("grid")}} や {{cssxref("grid-template")}} プロパティで定義されます。
 
 加えて、明示的グリッド _(explicit grid)_ で作られる列の外にアイテムが配置される場合は、暗黙的グリッド _(implicit grid)_ にもグリッド列が作られます。これらの列はデフォルトでは自動的に大きさが決定されますが、{{cssxref("grid-auto-columns")}} プロパティでサイズ指定することもできます。
diff --git a/files/ja/glossary/grid_container/index.md b/files/ja/glossary/grid_container/index.md
index 1c21ff33253e5b..bfb82b065072fc 100644
--- a/files/ja/glossary/grid_container/index.md
+++ b/files/ja/glossary/grid_container/index.md
@@ -3,6 +3,8 @@ title: Grid container
 slug: Glossary/Grid_Container
 ---
 
+{{GlossarySidebar}}
+
 要素に `grid` または `inline-grid` を使用すると、[CSS グリッドレイアウト](/ja/docs/Web/CSS/CSS_Grid_Layout)の**グリッドコンテナー**になります。そして直下の子要素はグリッドアイテムになります。
 
 要素がグリッドコンテナーになると、**グリッド整形文脈**を形成します。グリッドコンテナー直下の子要素は、{{cssxref("grid-template-columns")}} や {{cssxref("grid-template-rows")}}を使って明示的に定義されたグリッドや、明示的に定義されたグリッドの外側に置かれた時には暗黙的に形成されるグリッドに沿って、配置されます。
diff --git a/files/ja/glossary/grid_lines/index.md b/files/ja/glossary/grid_lines/index.md
index d336c45c49bf83..b0e9e59b4ec335 100644
--- a/files/ja/glossary/grid_lines/index.md
+++ b/files/ja/glossary/grid_lines/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: d2a9f2e26a8139d4bb270d7dc3cddd8b848719fe
 ---
 
+{{GlossarySidebar}}
+
 **Grid 線**は [CSS グリッドレイアウト](/ja/docs/Web/CSS/CSS_Grid_Layout)を用いて明示的グリッドとして {{glossary("Grid tracks", "トラック")}} を定義すると作成されます。
 
 ## 例
diff --git a/files/ja/glossary/grid_row/index.md b/files/ja/glossary/grid_row/index.md
index a527dabe79226a..5ca0b77855b9b3 100644
--- a/files/ja/glossary/grid_row/index.md
+++ b/files/ja/glossary/grid_row/index.md
@@ -3,6 +3,8 @@ title: Grid 行
 slug: Glossary/Grid_Row
 ---
 
+{{GlossarySidebar}}
+
 **グリッド行**とは [CSS グリッドレイアウト](/ja/docs/Web/CSS/CSS_Grid_Layout)における水平トラックであり、二つの水平方向のグリッドラインに挟まれた領域のことです。グリッド行は {{cssxref("grid-template-rows")}} プロパティまたは短縮記法の {{cssxref("grid")}} や {{cssxref("grid-template")}} プロパティで定義されます。
 
 加えて、明示的グリッド _(explicit grid)_ で作られる行の外にアイテムが配置される場合は、暗黙的グリッド _(implicit grid)_ にもグリッド行が作られます。これらの行はデフォルトでは自動的に大きさが決定されますが、{{cssxref("grid-auto-rows")}} プロパティでサイズ指定することもできます。
diff --git a/files/ja/glossary/grid_tracks/index.md b/files/ja/glossary/grid_tracks/index.md
index f0496b2b4e97d3..332445224dd9cb 100644
--- a/files/ja/glossary/grid_tracks/index.md
+++ b/files/ja/glossary/grid_tracks/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: d2a9f2e26a8139d4bb270d7dc3cddd8b848719fe
 ---
 
+{{GlossarySidebar}}
+
 **グリッドトラック**とは、2 本の{{glossary("grid lines", "グリッド線")}}の間の空間のことです。*明示的なグリッド*では、 {{cssxref("grid-template-columns")}} と {{cssxref("grid-template-rows")}} プロパティ、または一括指定の {{cssxref("grid")}} または {{cssxref("grid-template")}} プロパティを使用して定義します。明示的グリッドで作成したトラックの外側にグリッドアイテムを配置することで、*暗黙的グリッド*にもトラックが生成されます。
 
 次の画像は、グリッドにおける最初の行トラックを表しています。
diff --git a/files/ja/glossary/guard/index.md b/files/ja/glossary/guard/index.md
index 2702764710b39f..e2f100c4c092d4 100644
--- a/files/ja/glossary/guard/index.md
+++ b/files/ja/glossary/guard/index.md
@@ -3,4 +3,6 @@ title: Guard  (ガード)
 slug: Glossary/Guard
 ---
 
+{{GlossarySidebar}}
+
 ガードは、{{domxref("Fetch_API","Fetch 仕様")}}で定義されている {{domxref("Headers")}} オブジェクトの機能で、{{domxref("Headers.set","set()")}} や {{domxref("Headers.append","append()")}} などのメソッドがヘッダーのコンテンツを変更できるかどうかに影響します。 例えば、`immutable`（不変）ガードは、ヘッダーを変更できないことを意味します。 詳しくは、[Fetch の基本概念: ガード](/ja/docs/Web/API/Fetch_API/Basic_concepts#Guard)を参照してください。
diff --git a/files/ja/glossary/gutters/index.md b/files/ja/glossary/gutters/index.md
index dacb2858526283..e2bbf60241e320 100644
--- a/files/ja/glossary/gutters/index.md
+++ b/files/ja/glossary/gutters/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 21bed6549ed179757c999336ef4637d16f663137
 ---
 
+{{GlossarySidebar}}
+
 **ガター** もしくはアレーはコンテンツトラック間のスペースです。[CSS グリッドレイアウト](/ja/docs/Web/CSS/CSS_Grid_Layout)で {{cssxref("column-gap")}}、{{cssxref("row-gap")}}、{{cssxref("gap")}} プロパティを使うとガターが作成されます。
 
 ## 例
diff --git a/files/ja/glossary/gzip_compression/index.md b/files/ja/glossary/gzip_compression/index.md
index 95e946a75c6618..d8d67bf821a81f 100644
--- a/files/ja/glossary/gzip_compression/index.md
+++ b/files/ja/glossary/gzip_compression/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: d2a9f2e26a8139d4bb270d7dc3cddd8b848719fe
 ---
 
+{{GlossarySidebar}}
+
 gzip はファイルの圧縮および展開に使われるファイル形式です。これは Deflate アルゴリズムに基づいており、ファイルをより小さくすることができ、より高速なネットワーク転送を可能にします。gzip はウェブサーバーや最近のブラウザーが広く対応しており、サーバーは送信前に自動的にファイルを圧縮し、ブラウザーは受信時に展開することができます。
 
 ## 関連情報
diff --git a/files/ja/glossary/hash/index.md b/files/ja/glossary/hash/index.md
index d5b87f3fe00d09..74040844737d5d 100644
--- a/files/ja/glossary/hash/index.md
+++ b/files/ja/glossary/hash/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4bd65a01204446af2254bb8864bd22ad87bc86b0
 ---
 
+{{GlossarySidebar}}
+
 ハッシュ関数は、可変長のメッセージ入力を受けて固定長のハッシュ出力を生成します。出力は、通常、128 ビットの「フィンガープリント」や「メッセージダイジェスト」の形を取ります。 ハッシュは{{glossary("cryptography", "暗号化")}}にとても便利です。送信データの完全性を保証したり、メッセージ認証を提供する {{glossary("HMAC")}} の基礎となったりします。
 
 ## 関連情報
diff --git a/files/ja/glossary/head/index.md b/files/ja/glossary/head/index.md
index d65a0a2454d24b..2eb6e9396dde71 100644
--- a/files/ja/glossary/head/index.md
+++ b/files/ja/glossary/head/index.md
@@ -3,6 +3,8 @@ title: Head
 slug: Glossary/Head
 ---
 
+{{GlossarySidebar}}
+
 **Head** **は** {{glossary("HTML")}} 文書の一部で、その文書の {{glossary("metadata", "メタデータ")}} 、例えば著者や、説明や、HTML に適用される {{glossary("CSS")}} や {{glossary("JavaScript")}} ファイルへのリンクといったものを含んでいます。
 
 ## 詳細情報
diff --git a/files/ja/glossary/high-level_programming_language/index.md b/files/ja/glossary/high-level_programming_language/index.md
index b1ecc7bfd6e69f..7aecab00e3f416 100644
--- a/files/ja/glossary/high-level_programming_language/index.md
+++ b/files/ja/glossary/high-level_programming_language/index.md
@@ -3,6 +3,8 @@ title: High-level programming language (高水準言語)
 slug: Glossary/High-level_programming_language
 ---
 
+{{GlossarySidebar}}
+
 高水準言語は、コンピューターの命令の詳細を**大幅に抽象化**します。人間が容易に理解できるように設計されているため、別のソフトウェアで翻訳する必要があります。低水準言語とは異なり、自然言語要素を使用したり、コンピューティングシステムの大半の領域を自動化（または完全に隠蔽）して、低水準言語に比べて開発プロセスをより簡単で理解しやすいものにします。提供される抽象化の量によって、プログラミング言語がいかに「高水準」であるかが定義されます。
 
 マシンコードに自動的に変換可能だが人間のロジックに近い言語のアイデアは、1950 年代にコンピューターサイエンスに導入されました。特に **John Backus**（IBM）の仕事のおかげで、最初の高水準言語 Fortran が広く流通しました。この革新により、Backus はチューリング賞を受賞しました。
diff --git a/files/ja/glossary/hmac/index.md b/files/ja/glossary/hmac/index.md
index 6b81b2c3013cee..d7a23766b843bd 100644
--- a/files/ja/glossary/hmac/index.md
+++ b/files/ja/glossary/hmac/index.md
@@ -3,6 +3,8 @@ title: HMAC
 slug: Glossary/HMAC
 ---
 
+{{GlossarySidebar}}
+
 HMAC は、{{Glossary("cryptography", "暗号的")}}にメッセージを認証するために使用されるプロトコルです。 どのような種類の{{Glossary("Cryptographic hash function", "暗号化関数")}}も使用でき、その強さは基礎となる関数（たとえば SHA1 または MD5）と選択された秘密鍵に依存します。このような組み合わせでは、HMAC-SHA1 などの複合名で HMAC 検証{{Glossary("Algorithm", "アルゴリズム")}}が認識されます。
 
 HMAC は、完全性と認証の両方を保証するために使用されます。
diff --git a/files/ja/glossary/hoisting/index.md b/files/ja/glossary/hoisting/index.md
index f40be0f14f92ee..fb7e3953ddefec 100644
--- a/files/ja/glossary/hoisting/index.md
+++ b/files/ja/glossary/hoisting/index.md
@@ -3,6 +3,8 @@ title: Hoisting (巻き上げ、ホイスティング)
 slug: Glossary/Hoisting
 ---
 
+{{GlossarySidebar}}
+
 巻き上げ (Hoisting) は、[ECMAScript® 2015 言語仕様](http://www.ecma-international.org/ecma-262/6.0/index.html)より前には、どんな規範的な仕様書にもなかったものです。巻き上げは JavaScript の実行コンテキスト (特に作成と実行のフェーズで) では一般的な方法と考えられていました。しかし、巻き上げの概念は誤解に繋がる可能性があります。
 
 概念的には、例えば、厳密な定義では、変数や関数の宣言が物理的にコードの先頭に移動されることを示唆していますが、実際にはそうではありません。変数や関数の宣言は*コンパイル*時にメモリに格納されますが、コード内で入力された場所は変わりません。
diff --git a/files/ja/glossary/host/index.md b/files/ja/glossary/host/index.md
index d94d44b36ae919..7d888d5d3b93ce 100644
--- a/files/ja/glossary/host/index.md
+++ b/files/ja/glossary/host/index.md
@@ -3,6 +3,8 @@ title: Host (ホスト)
 slug: Glossary/Host
 ---
 
+{{GlossarySidebar}}
+
 ホストは、{{glossary("Internet", "インターネット")}} (またはローカルネットワーク) に接続する端末です。{{glossary("server","サーバー")}}と呼ばれるホストは、ウェブページの提供や、ファイルやメールの保存のような付加サービスを提供します。
 
 ホストはハードウェアのインスタンスである必要はありません。仮想マシンで生成することもできます。仮想マシンで生成されたホストは「仮想ホスト」と呼ばれています。
diff --git a/files/ja/glossary/hotlink/index.md b/files/ja/glossary/hotlink/index.md
index e8bb5e340f6720..2052b6521e53dc 100644
--- a/files/ja/glossary/hotlink/index.md
+++ b/files/ja/glossary/hotlink/index.md
@@ -3,6 +3,8 @@ title: Hotlink (直リンク)
 slug: Glossary/Hotlink
 ---
 
+{{GlossarySidebar}}
+
 **直リンク** (**ホットリンク**、**インラインリンク**とも呼ばれる) は、別のサイトから直接リンクされたオブジェクト (通常は画像) です。たとえば、 site1.com でホストされている画像が site2.com に直接表示されるものです。
 
 この行為は、リンク先のオブジェクトをホストしているウェブサイトの帯域幅を勝手に利用することになるため、多くの場合はひんしゅくを買う行為であり、また著作権上の懸念 — 許可なく行われた場合は窃盗とみなされます — を引き起こす可能性もあるためです。
diff --git a/files/ja/glossary/hpkp/index.md b/files/ja/glossary/hpkp/index.md
index 585b8e821d3c2e..ec9fbdad200972 100644
--- a/files/ja/glossary/hpkp/index.md
+++ b/files/ja/glossary/hpkp/index.md
@@ -3,6 +3,8 @@ title: HPKP
 slug: Glossary/HPKP
 ---
 
+{{GlossarySidebar}}
+
 **HPKP** (HTTP 公開鍵ピンニング、 HTTP Public Key Pinning) は、偽造された証明書による {{Glossary("MITM")}} 攻撃のリスクを減らすために、特定の暗号化公開鍵を特定のウェブサーバーに関連付けるようにウェブクライアントに指示するセキュリティ機能です。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/hsts/index.md b/files/ja/glossary/hsts/index.md
index c652d006e130ef..3f12bdaa430525 100644
--- a/files/ja/glossary/hsts/index.md
+++ b/files/ja/glossary/hsts/index.md
@@ -3,6 +3,8 @@ title: HSTS
 slug: Glossary/HSTS
 ---
 
+{{GlossarySidebar}}
+
 **HTTP Strict Transport Security** を使用すると、ウェブサイトはブラウザーに、HTTP を使用してサイトを読み込まないことと、HTTP を使用してサイトにアクセスしようとするすべての試みを HTTPS リクエストへ自動的に変換する必要があることを通知することができます。 これは、{{HTTPHeader("Strict-Transport-Security")}} という 1 つの HTTP ヘッダーで構成され、サーバーによってリソースとともに送り返されます。
 
 言い換えれば、URL でプロトコルを HTTP から HTTPS に変更するだけで、より安全に動作することをブラウザーに伝え、すべてのリクエストに対してそれを行うようにブラウザーに依頼します。
diff --git a/files/ja/glossary/html/index.md b/files/ja/glossary/html/index.md
index 13e24073614529..572e36848975ed 100644
--- a/files/ja/glossary/html/index.md
+++ b/files/ja/glossary/html/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4bd65a01204446af2254bb8864bd22ad87bc86b0
 ---
 
+{{GlossarySidebar}}
+
 **HTML** (HyperText Markup Language) は、ウェブページの構造を指定する記述言語です。
 
 ## 略歴
diff --git a/files/ja/glossary/html5/index.md b/files/ja/glossary/html5/index.md
index 71b9a6692b0188..a37437eeec7b74 100644
--- a/files/ja/glossary/html5/index.md
+++ b/files/ja/glossary/html5/index.md
@@ -3,6 +3,8 @@ title: HTML5
 slug: Glossary/HTML5
 ---
 
+{{GlossarySidebar}}
+
 HTML5 は、{{Glossary("HTML")}} の最新の安定バージョンであり、ドキュメントを構築するだけのマークアップであった HTML をアプリケーション開発基盤へと昇華させました。また、その他にも HTML5 は新しい Element (要素) と {{glossary("JavaScript")}} {{glossary("API","API")}} を含んでおり、ストレージやマルチメディア、ハードウェアアクセスが強化されています。
 
 ## 詳細
diff --git a/files/ja/glossary/http/index.md b/files/ja/glossary/http/index.md
index efbb5bc36a38a8..f81c7342570e33 100644
--- a/files/ja/glossary/http/index.md
+++ b/files/ja/glossary/http/index.md
@@ -3,6 +3,8 @@ title: HTTP
 slug: Glossary/HTTP
 ---
 
+{{GlossarySidebar}}
+
 **HTTP** (HyperText Transfer Protocol、ハイパーテキスト転送プロトコル) は、{{glossary("World Wide Web","Web")}}上のハイパーメディア文書の転送を可能にする、基盤となるネットワーク{{glossary("protocol", "プロトコル")}}です。一般にブラウザーとサーバーの間で用いられ、人間が読むことができます。現行の HTTP 仕様のバージョンは {{glossary("HTTP_2", "HTTP/2")}} と呼ばれています。
 
 {{glossary("URI")}}の一部として「`http://example.com/`」の中の「http」は「スキーマ」と呼ばれ、これを使ったリソースは、通常 HTTP プロトコルを用いた非暗号化コネクションで転送されます。(「`https://developer.mozilla.org`」にあるような)「https」スキーマでは、リソースは HTTP プロトコルで転送されますが、安全な {{glossary("TLS")}}チャンネルを経由します。
diff --git a/files/ja/glossary/http_2/index.md b/files/ja/glossary/http_2/index.md
index 4467a371601250..86f04511230a68 100644
--- a/files/ja/glossary/http_2/index.md
+++ b/files/ja/glossary/http_2/index.md
@@ -3,6 +3,8 @@ title: HTTP/2
 slug: Glossary/HTTP_2
 ---
 
+{{GlossarySidebar}}
+
 **HTTP/2** は [HTTP ネットワークプロトコル](/ja/docs/Web/HTTP/Basics_of_HTTP)の改訂版です。 HTTP/2 の主な目的は、リクエストとレスポンス全体を全二重化できるようにすることで、{{glossary("latency", "レイテンシー")}}を縮小し、 HTTP ヘッダーフィールドを効率的に圧縮することでプロトコルのオーバーヘッドを最小化し、リクエストの優先度やサーバーからのプッシュ通知に対応することです。
 
 HTTP/2 は HTTP のアプリケーション的な意味を何も変更していません。 HTTP 1.1 にあった主要な概念、たとえば HTTP メソッド、ステータスコード、 URI、ヘッダーフィールドなどはすべてそのまま残っています。その代わり、 HTTP/2 はデータを書式化 (フレーム化) するしてクライアントとサーバー間で転送する方法を、プロセス全体の管理と、新しいフレーム化レイヤーの中の複雑さをアプリケーションから隠蔽することの両面で変更しました。結果として、既存のすべてのアプリケーションが変更なしに配信することができます。
diff --git a/files/ja/glossary/http_3/index.md b/files/ja/glossary/http_3/index.md
index 7ae8026d3ed54f..4368d5267fd872 100644
--- a/files/ja/glossary/http_3/index.md
+++ b/files/ja/glossary/http_3/index.md
@@ -3,6 +3,8 @@ title: HTTP/3
 slug: Glossary/HTTP_3
 ---
 
+{{GlossarySidebar}}
+
 **HTTP/3** は {{glossary("HTTP 2", "HTTP/2")}} に続く [HTTP ネットワークプロトコル](/ja/docs/Web/HTTP/Basics_of_HTTP) の今後のメジャーリビジョンです。 HTTP/3 の主なポイントは {{glossary("TCP")}} の代わりに QUIC という新しい {{glossary("UDP")}} プロトコルを使用することです。
 
 1. 一般知識
diff --git a/files/ja/glossary/http_header/index.md b/files/ja/glossary/http_header/index.md
index 2c4149b5f4e584..4318a9cf606168 100644
--- a/files/ja/glossary/http_header/index.md
+++ b/files/ja/glossary/http_header/index.md
@@ -3,6 +3,8 @@ title: HTTP header (HTTP ヘッダー)
 slug: Glossary/HTTP_header
 ---
 
+{{GlossarySidebar}}
+
 **HTTP ヘッダー**は、 HTTP リクエストおよび HTTP レスポンスのフィールドで、メッセージや本文のセマンティクスを変更したり、より詳細に説明したりするための追加情報を渡します。ヘッダーは大文字と小文字を区別せず、行の先頭から始まり、直後に `':'` とヘッダー自体に依存する値が続きます。値は、次の CRLF またはメッセージの最後で終了します。
 
 従来より、ヘッダーはカテゴリ分けされてきましたが、この分類は仕様書では定義されていません。
diff --git a/files/ja/glossary/https/index.md b/files/ja/glossary/https/index.md
index 14fc7739b05805..a1a3a83fd55ee9 100644
--- a/files/ja/glossary/https/index.md
+++ b/files/ja/glossary/https/index.md
@@ -3,6 +3,8 @@ title: HTTPS
 slug: Glossary/HTTPS
 ---
 
+{{GlossarySidebar}}
+
 **HTTPS** (**_HyperText Transfer Protocol Secure_**) は {{Glossary("HTTP")}} プロトコルを暗号化したバージョンです。 HTTPS は通常、 {{Glossary("SSL")}} または {{Glossary("TLS")}} を用いてクライアントとサーバー間のすべての通信を暗号化します。この安全な接続により、クライアントは機密データをサーバーと安全に交換できます (例えば、銀行取引やオンラインショッピングなどで)。
 
 1. 一般知識
diff --git a/files/ja/glossary/hyperlink/index.md b/files/ja/glossary/hyperlink/index.md
index 1e576976f93fc5..a99b8614379353 100644
--- a/files/ja/glossary/hyperlink/index.md
+++ b/files/ja/glossary/hyperlink/index.md
@@ -3,6 +3,8 @@ title: Hyperlink (ハイパーリンク)
 slug: Glossary/Hyperlink
 ---
 
+{{GlossarySidebar}}
+
 ハイパーリンクはウェブページやデータ項目をお互いに接続します。HTML では {{HTMLElement("a")}} 要素が、ウェブページのある場所 (テキスト文字や画像のようなもの) から、その他のウェブページ (や同じページでも) のどこかの場所へのハイパーリンクを定義します。
 
 ## 詳細情報
diff --git a/files/ja/glossary/hypertext/index.md b/files/ja/glossary/hypertext/index.md
index 8fedb38e6bb324..2229ef475e6fc0 100644
--- a/files/ja/glossary/hypertext/index.md
+++ b/files/ja/glossary/hypertext/index.md
@@ -3,6 +3,8 @@ title: Hypertext (ハイパーテキスト)
 slug: Glossary/Hypertext
 ---
 
+{{GlossarySidebar}}
+
 ハイパーテキストは、ほかのテキストへのリンクを含むテキストであり、小説のように単一で線形の流れのものとは対照的なものです。
 
 この用語は、テッド・ネルソンによって 1965 年に造られました。
diff --git a/files/ja/glossary/iana/index.md b/files/ja/glossary/iana/index.md
index 3f257f5e337ade..c2afcf6ec91fa6 100644
--- a/files/ja/glossary/iana/index.md
+++ b/files/ja/glossary/iana/index.md
@@ -3,6 +3,8 @@ title: IANA
 slug: Glossary/IANA
 ---
 
+{{GlossarySidebar}}
+
 **IANA** (Internet Assigned Numbers Authority) は、インターネット{{glossary("protocol","プロトコル")}}で使用される{{glossary("domain name","ドメイン名")}}、{{glossary("IP address","IP アドレス")}}、その他の名前と番号の記録および/または割り当てを担当する {{glossary("ICANN")}} の下部組織です。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/icann/index.md b/files/ja/glossary/icann/index.md
index 87ef94b0f40928..2ccb10db068f24 100644
--- a/files/ja/glossary/icann/index.md
+++ b/files/ja/glossary/icann/index.md
@@ -3,6 +3,8 @@ title: ICANN
 slug: Glossary/ICANN
 ---
 
+{{GlossarySidebar}}
+
 **ICANN** (Internet Corporation for Assigned Names and Numbers、**アイキャン**) は国際非営利組織で、{{glossary("DNS","ドメインネームシステム")}} や {{glossary("IP address","IP アドレス")}}のレコードをメンテナンスしています。
 
 ## 関連項目
diff --git a/files/ja/glossary/ice/index.md b/files/ja/glossary/ice/index.md
index e2d8df645c24a0..e351c19271d468 100644
--- a/files/ja/glossary/ice/index.md
+++ b/files/ja/glossary/ice/index.md
@@ -3,6 +3,8 @@ title: ICE
 slug: Glossary/ICE
 ---
 
+{{GlossarySidebar}}
+
 **ICE** (_Interactive Connectivity Establishment_) は、ネットワークトポロジー (通常は音声および/またはビデオのチャット) に関係なく、2 つのピアを互いに接続するための {{glossary("WebRTC")}} に (他の技術があまたある中で) 使用されるフレームワークです。 このプロトコルを使用すると、ネットワークアドレストランスレーター ({{glossary("NAT")}}) を使用してそれぞれのローカルネットワーク上の他のデバイスとグローバル IP アドレスを共有していても、2 つのピアが相互に接続を見つけて確立することができます。
 
 フレームワークのアルゴリズムは、以下のオプションを順番に試して、2つのピアを接続するために最低遅延のパスを探します。
diff --git a/files/ja/glossary/ide/index.md b/files/ja/glossary/ide/index.md
index 178006426de514..365717626735d4 100644
--- a/files/ja/glossary/ide/index.md
+++ b/files/ja/glossary/ide/index.md
@@ -3,6 +3,8 @@ title: IDE (統合開発環境)
 slug: Glossary/IDE
 ---
 
+{{GlossarySidebar}}
+
 統合開発環境（Integrated Development Environment、**IDE**）または、対話型開発環境（Interactive Development environment）は、ソフトウェア開発のためにコンピュータープログラマーに包括的な機能を提供するソフトウェアアプリケーションです。 IDE は、通常、ソースコードエディター、ビルド自動化ツール、デバッガーで構成されています。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/idempotent/index.md b/files/ja/glossary/idempotent/index.md
index e30701fa466801..fa812540b95851 100644
--- a/files/ja/glossary/idempotent/index.md
+++ b/files/ja/glossary/idempotent/index.md
@@ -3,6 +3,8 @@ title: Idempotent (べき等)
 slug: Glossary/Idempotent
 ---
 
+{{GlossarySidebar}}
+
 ある HTTP メソッドが**べき等**であるとは、サーバーが同じ状況にあるとき、特定のリクエストに対して何回でも続けて同じ効果が起こることをいいます。このことは、べき等なメソッドでは (統計を取る際のことを除いて) 副作用が生じるはずではないと言うこともできます 。 適切に実装された {{HTTPMethod("GET")}}、{{HTTPMethod("HEAD")}}、{{HTTPMethod("PUT")}}、{{HTTPMethod("DELETE")}} の各メソッドは**べき等**ですが、{{HTTPMethod("POST")}} メソッドはそうではありません。{{Glossary("Safe/HTTP", "安全な")}}メソッドはすべてべき等です。
 
 べき等であるためには、サーバーにおける裏側の実際の状態だけが考慮されるので、返される状態コードはリクエストごとに異なる場合があります。 例えば、最初に {{HTTPMethod("DELETE")}} メソッドが呼び出された場合は、おそらく {{HTTPStatus("200")}} を返しますが、それ以降は {{HTTPStatus("404")}} を返すでしょう。RESTful な API の設計において、*最後の入力操作を削除する*機能を `DELETE` メソッドを使って実装すべきでないとされるのも、{{HTTPMethod("DELETE")}} メソッドがべき等であることを示唆しています。
diff --git a/files/ja/glossary/identifier/index.md b/files/ja/glossary/identifier/index.md
index 03042db02405b9..f7442ec2cc50d9 100644
--- a/files/ja/glossary/identifier/index.md
+++ b/files/ja/glossary/identifier/index.md
@@ -3,6 +3,8 @@ title: Identifier (識別子)
 slug: Glossary/Identifier
 ---
 
+{{GlossarySidebar}}
+
 **識別子** (identifier) は {{glossary("variable", "変数")}}、{{glossary("function", "関数")}}、{{glossary("property", "プロパティ")}} などを識別するコード内の文字の並びです。
 
 {{glossary("JavaScript")}} においては、識別子は大文字小文字の区別があり、{{glossary("Unicode")}} の文字、 `$`、 `_`、 数字 (0-9) を含めることができますが、数字で始めることはできません。
diff --git a/files/ja/glossary/idl/index.md b/files/ja/glossary/idl/index.md
index e4185761f2018e..bd7b4a06ecad6d 100644
--- a/files/ja/glossary/idl/index.md
+++ b/files/ja/glossary/idl/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: a4d73f3e2a41b98e26f8f39af143338ad4900bd5
 ---
 
+{{GlossarySidebar}}
+
 **IDL** (_Interface Description Language_、インターフェイス記述言語) は、特定のプログラミング言語とは別にオブジェクトのインターフェイスを指定するために使用される汎用言語です。
 
 ## コンテンツ属性と IDL 属性
diff --git a/files/ja/glossary/ietf/index.md b/files/ja/glossary/ietf/index.md
index e351f126d962c1..15c921427e29f5 100644
--- a/files/ja/glossary/ietf/index.md
+++ b/files/ja/glossary/ietf/index.md
@@ -3,6 +3,8 @@ title: IETF
 slug: Glossary/IETF
 ---
 
+{{GlossarySidebar}}
+
 Internet Engineering Task Force (IETF) は、{{glossary("Internet","インターネット")}}の背後にあるメカニズム (特に {{glossary("TCP")}}/{{glossary("IPv6","IP")}} やインターネット{{glossary("Protocol","プロトコル")}}スイート) を規定する{{glossary('specification','仕様書')}}を作成する世界的な組織です。IETF はオープンで、ボランティアが運営し、インターネットソサエティが後援します。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/iife/index.md b/files/ja/glossary/iife/index.md
index f1563b8f662781..771f29ef6d50c3 100644
--- a/files/ja/glossary/iife/index.md
+++ b/files/ja/glossary/iife/index.md
@@ -3,6 +3,8 @@ title: IIFE (即時実行関数式)
 slug: Glossary/IIFE
 ---
 
+{{GlossarySidebar}}
+
 **IIFE** (Immediately Invoked Function Expression; 即時実行関数式) は定義されるとすぐに実行される {{glossary("JavaScript")}} の{{glossary("function", "関数")}}です。
 
 IIFE という名前は [Ben Alman のブログ](https://web.archive.org/web/20171201033208/http://benalman.com/news/2010/11/immediately-invoked-function-expression/#iife)で付けられました。
diff --git a/files/ja/glossary/imap/index.md b/files/ja/glossary/imap/index.md
index 57aa76393ac7ae..8b2ea8a95bf9c9 100644
--- a/files/ja/glossary/imap/index.md
+++ b/files/ja/glossary/imap/index.md
@@ -3,6 +3,8 @@ title: IMAP
 slug: Glossary/IMAP
 ---
 
+{{GlossarySidebar}}
+
 IMAP (Internet Message Access Protocol) は、電子メールの取得と保存に使用される{{Glossary("protocol","プロトコル")}}です。 {{Glossary("POP3")}} より新しい IMAP では、サーバー上のフォルダとルールが可能です。
 
 POP3 とは異なり IMAP では、1 つのメールボックスへの複数同時接続が可能です。 メールボックスにアクセスするクライアントは、他のクライアントからの状態変更に関する情報を受け取ることができます。 IMAP はまた、クライアントが接続を維持し、必要に応じて情報を受け取るモードを提供します。
diff --git a/files/ja/glossary/immutable/index.md b/files/ja/glossary/immutable/index.md
index bb9cf3af9990d7..e723b1112df115 100644
--- a/files/ja/glossary/immutable/index.md
+++ b/files/ja/glossary/immutable/index.md
@@ -3,6 +3,8 @@ title: Immutable (イミュータブル)
 slug: Glossary/Immutable
 ---
 
+{{GlossarySidebar}}
+
 イミュータブル（不変）{{glossary("object","オブジェクト")}}とは、内容を変更できないオブジェクトのことです。
 オブジェクトは、さまざまな理由でイミュータブルである可能性があります。
 
diff --git a/files/ja/glossary/index.md b/files/ja/glossary/index.md
index e2834c039ccf95..58e066197a266d 100644
--- a/files/ja/glossary/index.md
+++ b/files/ja/glossary/index.md
@@ -1,8 +1,11 @@
 ---
 title: "MDN Web Docs 用語集: ウェブ関連用語の定義"
+short-title: MDN Web Docs 用語集
 slug: Glossary
 ---
 
+{{GlossarySidebar}}
+
 ウェブ技術には、ドキュメントやコーディングで使用される専門用語や略語の膨大なリストがあります。この用語集では、ウェブの理解と構築に役立つ用語や略語の定義を掲載しています。
 
 サイドバーから用語集を選択することができます。
@@ -10,9 +13,3 @@ slug: Glossary
 > **メモ:** この用語集は、現在も進行中です。[新しい項目を書いたり](/ja/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary)、既存のものをより良くすることで改善に協力することができます。
 
 > **メモ:** 日本語訳注: 英語版に存在する用語を訳す場合、ページタイトルを「Array (配列)」のように、英語の後に日本語を併記するようにしてください (タイトルを翻訳する場合)。
-
-<section id="Quick_links">
- <ol>
-  <li><strong><a href="/ja/docs/Glossary">MDN Web Docs 用語集</a></strong>{{ListSubpagesForSidebar("/ja/docs/Glossary", 1)}}</li>
- </ol>
-</section>
diff --git a/files/ja/glossary/indexeddb/index.md b/files/ja/glossary/indexeddb/index.md
index eb937a27ef1990..89a773ced1e139 100644
--- a/files/ja/glossary/indexeddb/index.md
+++ b/files/ja/glossary/indexeddb/index.md
@@ -3,6 +3,8 @@ title: IndexedDB
 slug: Glossary/IndexedDB
 ---
 
+{{GlossarySidebar}}
+
 IndexedDB は大きなデータ構造をブラウザーに保管して高パフォーマンスな検索用にインデックスする Web {{glossary("API")}} です。{{glossary("SQL")}}-ベースの [RDBMS](https://en.wikipedia.org/wiki/Relational_database_management_system) と同様に、IndexedDB はトランザクションできるデータベースシステムです。しかし、データを保管するのに固定長のカラムではなく {{glossary("JavaScript")}} オブジェクトを使います。
 
 ## 詳細情報
diff --git a/files/ja/glossary/information_architecture/index.md b/files/ja/glossary/information_architecture/index.md
index fea414b5f998fa..7d13fb873c9f87 100644
--- a/files/ja/glossary/information_architecture/index.md
+++ b/files/ja/glossary/information_architecture/index.md
@@ -3,6 +3,8 @@ title: Information architecture (情報アーキテクチャ)
 slug: Glossary/Information_architecture
 ---
 
+{{GlossarySidebar}}
+
 ウェブのデザインと開発に適用される情報アーキテクチャは、ウェブサイトの情報/コンテンツ/機能を整理し、情報とサービスを簡単に使用可能で見つけ出すことができる最高のユーザーエクスペリエンスを提供することです。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/inheritance/index.md b/files/ja/glossary/inheritance/index.md
index f803c3bfc7fc45..cb639afec30327 100644
--- a/files/ja/glossary/inheritance/index.md
+++ b/files/ja/glossary/inheritance/index.md
@@ -3,6 +3,8 @@ title: Inheritance (継承)
 slug: Glossary/Inheritance
 ---
 
+{{GlossarySidebar}}
+
 継承は、{{glossary("OOP","オブジェクト指向プログラミング")}}の大きな特徴です。データ抽象化は、いくつかのレベルで実行できます。つまり、{{glossary("class","クラス")}}にスーパークラスとサブクラスを持たせることができます。
 
 アプリ開発者は、スーパークラスの{{glossary("attribute","属性")}}と{{glossary("method","メソッド")}}を選択して、独自に保持して追加することで、とても柔軟にクラスを定義できます。言語によっては、クラスを複数の親から継承することができます（多重継承）。
diff --git a/files/ja/glossary/inline-level_content/index.md b/files/ja/glossary/inline-level_content/index.md
index fa714e7d29729f..47b292035dbdda 100644
--- a/files/ja/glossary/inline-level_content/index.md
+++ b/files/ja/glossary/inline-level_content/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: a46d4d15ea85b4bbb83df145228bc40f658868be
 ---
 
+{{GlossarySidebar}}
+
 CSS において、インラインレイアウトに関係するコンテンツは**インラインレベルコンテンツ**と呼ばれます。ほとんどのテキストシーケンス、置換要素、および生成されたコンテンツは、デフォルトでインラインレベルです。
 
 インラインレイアウトでは、テキスト、[置換要素](/ja/docs/Web/CSS/Replaced_element)、その他のインラインボックスが混在したストリームを、行ボックスのスタックに断片化することでレイアウトされます。各行ボックスの中でインラインレベルのボックスは、書字方向に応じて互いに垂直または水平に整列されます。一般的には、テキストのベースラインによって整列されます。これは、CSSで変更することができます。
diff --git a/files/ja/glossary/input_method_editor/index.md b/files/ja/glossary/input_method_editor/index.md
index a86b9b2f33043c..0b03d9857d8643 100644
--- a/files/ja/glossary/input_method_editor/index.md
+++ b/files/ja/glossary/input_method_editor/index.md
@@ -3,6 +3,8 @@ title: Input method editor (インプットメソッドエディター)
 slug: Glossary/Input_method_editor
 ---
 
+{{GlossarySidebar}}
+
 インプットメソッドエディター (IME) は、テキスト入力のための特殊なユーザーインターフェイスを提供するプログラムです。インプットメソッドエディターは多くの場面で使用されています。
 
 - ラテンキーボードを使用した中国語、日本語、韓国語の入力
diff --git a/files/ja/glossary/instance/index.md b/files/ja/glossary/instance/index.md
index 3f570b28d6767c..b15d597c967ed4 100644
--- a/files/ja/glossary/instance/index.md
+++ b/files/ja/glossary/instance/index.md
@@ -3,6 +3,8 @@ title: Instance (インスタンス)
 slug: Glossary/Instance
 ---
 
+{{GlossarySidebar}}
+
 {{glossary("constructor", "コンストラクター")}}によって作成された{{glossary("object","オブジェクト")}}は、そのコンストラクターのインスタンスになります。
 
 ## 詳細情報
diff --git a/files/ja/glossary/internet/index.md b/files/ja/glossary/internet/index.md
index 6e6dc4b9fcd220..e75f20ba7edb4a 100644
--- a/files/ja/glossary/internet/index.md
+++ b/files/ja/glossary/internet/index.md
@@ -3,6 +3,8 @@ title: Internet (インターネット)
 slug: Glossary/Internet
 ---
 
+{{GlossarySidebar}}
+
 インターネットは、インターネット・プロトコル群を使用するネットワークの世界的ネットワークです (最も重要な 2 つの {{glossary("protocol","プロトコル")}} から、 {{glossary("TCP")}}/{{glossary("IPv6","IP")}} とも呼ばれています)。
 
 ## 関連情報
diff --git a/files/ja/glossary/intrinsic_size/index.md b/files/ja/glossary/intrinsic_size/index.md
index 13c16a3c47eeb3..e067cee1183e99 100644
--- a/files/ja/glossary/intrinsic_size/index.md
+++ b/files/ja/glossary/intrinsic_size/index.md
@@ -3,6 +3,8 @@ title: Intrinsic size (内在サイズ)
 slug: Glossary/Intrinsic_Size
 ---
 
+{{GlossarySidebar}}
+
 CSS における要素の*内在サイズ* とは、外部要因が働いていない場合に、その内容に基づく大きさです。例えば、インライン要素は内在的にサイズ変更されます。 `width`、`height`、および垂直方向の余白とパディングは影響を与えませんが、水平方向の余白とパディングには影響を与えます。
 
 内在サイズの計算方法は、 [CSS Intrinsic and Extrinsic Sizing Specification](https://www.w3.org/TR/css-sizing-3/#intrinsic-sizes) で定義されています。
diff --git a/files/ja/glossary/ip_address/index.md b/files/ja/glossary/ip_address/index.md
index 002086d5d2881e..2a6b05a7a7f575 100644
--- a/files/ja/glossary/ip_address/index.md
+++ b/files/ja/glossary/ip_address/index.md
@@ -3,6 +3,8 @@ title: IP Address (IPアドレス)
 slug: Glossary/IP_Address
 ---
 
+{{GlossarySidebar}}
+
 IP アドレスはネットワークに接続された、インターネットプロトコル(IP) を使うすべての端末に割り当てられる番号です。
 
 "IP アドレス" は IPv6 がもっと広がっていくまでは、典型的にはまだ 32-ビット IPv4 アドレスを参照します。
diff --git a/files/ja/glossary/ipv4/index.md b/files/ja/glossary/ipv4/index.md
index 5706e5c598fe3f..72cbf7fbc83b48 100644
--- a/files/ja/glossary/ipv4/index.md
+++ b/files/ja/glossary/ipv4/index.md
@@ -3,6 +3,8 @@ title: IPv4
 slug: Glossary/IPv4
 ---
 
+{{GlossarySidebar}}
+
 IPv4 は、{{glossary("Internet","インターネット")}}の基礎となる通信{{Glossary("protocol","プロトコル")}}の第 4 のバージョンで、広範囲に展開された最初のバージョンです。
 
 最初に 1981 年に公式化された IPv4 は、ARPAnet の最初の開発作業にそのルーツをたどります。IPv4 は、パケット交換リンクレイヤネットワーク（イーサネット）で使用されるコネクションレスプロトコルです。{{glossary("IPv6")}} は、IPv4 のセキュリティ上の問題とそのアドレスフィールドの限界のために徐々に IPv4 を置き換えています。（バージョン番号 5 は 1979 年に実験的なインターネットストリームプロトコルに割り当てられましたが、これは決して IPv5 と呼ばれていませんでした）。
diff --git a/files/ja/glossary/ipv6/index.md b/files/ja/glossary/ipv6/index.md
index 2bb088a735d372..827c4547f1f778 100644
--- a/files/ja/glossary/ipv6/index.md
+++ b/files/ja/glossary/ipv6/index.md
@@ -3,6 +3,8 @@ title: IPv6
 slug: Glossary/IPv6
 ---
 
+{{GlossarySidebar}}
+
 **IPv6** は、{{glossary("Internet","インターネット")}} の基礎をなす現在のバージョンの通信 {{Glossary("protocol","プロトコル")}} です。IPv6 はより多くの {{Glossary("IP address","IP アドレス")}} を使えるなどの理由により、ゆっくりと {{Glossary("IPv4")}} を置き換えています。
 
 ## 関連項目
diff --git a/files/ja/glossary/irc/index.md b/files/ja/glossary/irc/index.md
index c3c34907672616..b397f8674d14d1 100644
--- a/files/ja/glossary/irc/index.md
+++ b/files/ja/glossary/irc/index.md
@@ -3,6 +3,8 @@ title: IRC
 slug: Glossary/IRC
 ---
 
+{{GlossarySidebar}}
+
 **IRC** (_Internet Relay Chat_) は、インターネット接続と IRC サーバーを介してメッセージを送受信する IRC クライアントを必要とする世界的なチャットシステムです。
 
 1980 年代後半に Jarrko Oikarinen によって設計された IRC は、{{glossary("TCP")}} を使用し、オープンプロトコルです。 IRC サーバーは、多数の IRC チャネル（各自が独自の ID を持つ）の 1 つに接続されているすべての人にメッセージをブロードキャストします。
diff --git a/files/ja/glossary/iso/index.md b/files/ja/glossary/iso/index.md
index 34dbebef292141..f450ddb7226216 100644
--- a/files/ja/glossary/iso/index.md
+++ b/files/ja/glossary/iso/index.md
@@ -3,6 +3,8 @@ title: ISO (国際標準化機構)
 slug: Glossary/ISO
 ---
 
+{{GlossarySidebar}}
+
 **ISO**（International Organization for Standardization、国際標準化機構）は、各主要産業の企業を調整する統一基準を開発する世界的な協会です。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/isp/index.md b/files/ja/glossary/isp/index.md
index 380dfee64063cc..4ccf582d977de8 100644
--- a/files/ja/glossary/isp/index.md
+++ b/files/ja/glossary/isp/index.md
@@ -3,6 +3,8 @@ title: ISP
 slug: Glossary/ISP
 ---
 
+{{GlossarySidebar}}
+
 ISP (Internet Service Provider, インターネットサービスプロバイダー) は、インターネット接続を提供する事業を行っています。また、メールやウェブホスティング、VoIP (IP 電話) などのサービスを提供していることもあります。これらは、(かつて主流の方式であった) 電話回線を使ったダイアルアップ接続や、ケーブルモデムまたは DSL (デジタルサービス回線) などの広帯域接続により提供されます。
 
 ## さらに学ぶ
diff --git a/files/ja/glossary/itu/index.md b/files/ja/glossary/itu/index.md
index 05c105440369c0..78ea0ad837625e 100644
--- a/files/ja/glossary/itu/index.md
+++ b/files/ja/glossary/itu/index.md
@@ -3,6 +3,8 @@ title: ITU (国際電気通信連合)
 slug: Glossary/ITU
 ---
 
+{{GlossarySidebar}}
+
 ITU (International Telecommunication Union、国際電気通信連合) は、国際連合に認可された組織であり、電信、無線通信、電話、そしてインターネットなどの遠距離通信に関する標準やルールを制定します。
 
 送信内容が必要な場所へ届くようにするためのルールの定義や、モールス信号で使用される「SOS」の警報信号の作成に始まり、テクノロジーを使用して情報や考えをやり取りする方法について、ITU は長い間重要な役割を果たしてきました。
diff --git a/files/ja/glossary/jank/index.md b/files/ja/glossary/jank/index.md
index 847e8ecbaf8ab7..64f57a722ed5b4 100644
--- a/files/ja/glossary/jank/index.md
+++ b/files/ja/glossary/jank/index.md
@@ -3,4 +3,6 @@ title: Jank
 slug: Glossary/Jank
 ---
 
+{{GlossarySidebar}}
+
 **Jank** は、メインスレッドで長いタスクを実行したり、レンダリングをブロックしたり、バックグラウンドプロセスでプロセッサパワーを浪費したりすることによって、ユーザーインターフェイスの低速化を引き起こすことを指します。
diff --git a/files/ja/glossary/java/index.md b/files/ja/glossary/java/index.md
index 728c25f7ffa4ba..5cf88d600ebabd 100644
--- a/files/ja/glossary/java/index.md
+++ b/files/ja/glossary/java/index.md
@@ -3,6 +3,8 @@ title: Java
 slug: Glossary/Java
 ---
 
+{{GlossarySidebar}}
+
 Java は、{{glossary("Compile", "コンパイラ言語")}}で、{{glossary("OOP", "オブジェクト指向")}}の高度にポータブルな{{Glossary("computer programming","プログラミング")}}言語です。
 
 Java は静的型付けで、 C の構文に近い特性を持ちます。直ちに利用できる巨大なライブラリ、 Java Software Development Kit (SDK) と共に使用されます。
@@ -14,5 +16,3 @@ Java は静的型付けで、 C の構文に近い特性を持ちます。直ち
 ### 一般知識
 
 - Wikipedia 上の [Java](https://ja.wikipedia.org/wiki/Java)
-
-{{QuickLinksWithSubpages("/ja/docs/Glossary")}}
diff --git a/files/ja/glossary/javascript/index.md b/files/ja/glossary/javascript/index.md
index 8f8347fc396deb..83ff965059f33e 100644
--- a/files/ja/glossary/javascript/index.md
+++ b/files/ja/glossary/javascript/index.md
@@ -3,6 +3,8 @@ title: JavaScript
 slug: Glossary/JavaScript
 ---
 
+{{GlossarySidebar}}
+
 ## 概要
 
 JavaScript (または JS) は、主にウェブページの動的なクライアントサイドスクリプトとして使用されるプログラミング言語です。しかし、{{Glossary("Server","サーバー")}}サイドでも [Node.js](https://nodejs.org/) のようなランタイムを用いて、たびたび使用されています。
diff --git a/files/ja/glossary/jpeg/index.md b/files/ja/glossary/jpeg/index.md
index a9c67dd2bfb1c8..e3181a9031ef55 100644
--- a/files/ja/glossary/jpeg/index.md
+++ b/files/ja/glossary/jpeg/index.md
@@ -3,6 +3,8 @@ title: JPEG
 slug: Glossary/JPEG
 ---
 
+{{GlossarySidebar}}
+
 **JPEG** (_Joint Photographic Experts Group_) とは、一般的に使われている、デジタル画像用の非可逆圧縮の方法です。
 
 JPEG 圧縮は、連続したレイヤーで適用される色度サブサンプリング、離散コサイン変換と量子化、ランレングスデルタ＆ハフマンエンコーディングの 3 つの圧縮技術で構成されています。色度サブサンプリングは、人間の視覚システムが色の違いに対する視力が輝度よりも低いことを利用して、彩度情報の段階をルーマ情報よりも低くすることを意味します。離散コサイン変換は、異なる周波数で振動するコサイン関数の和でデータポイントの有限列を表現します。
diff --git a/files/ja/glossary/json/index.md b/files/ja/glossary/json/index.md
index 340c076f4e3033..26742d97767673 100644
--- a/files/ja/glossary/json/index.md
+++ b/files/ja/glossary/json/index.md
@@ -3,6 +3,8 @@ title: JSON
 slug: Glossary/JSON
 ---
 
+{{GlossarySidebar}}
+
 _JavaScript Object Notation_ (**JSON**) はデータ交換フォーマットです。厳密なサブセットではありませんが、JSON は {{Glossary("JavaScript")}} のサブセットに似ています。多くのプログラミング言語が JSON をサポートしていますが、JSON はウェブサイトやブラウザの拡張機能を含む JavaScript ベースのアプリケーションに特に便利です。
 
 JSON は数値、真偽値、文字列、`null`、配列 (順序付けられた値のシーケンス)、およびこれらの値 (または他の配列やオブジェクト) で構成されるオブジェクト (文字列値マッピング) を表すことができます。 JSON は関数、正規表現、日付などのより複雑なデータ型はネイティブに表現できません。(Date オブジェクトはデフォルトで ISO 形式の日付を含む文字列にシリアライズされるため、情報は完全に失われません。) JSON で追加のデータ型を表す必要がある場合は、シリアライズされる時やデシリアライズされる前に値の変換を行ってください。
diff --git a/files/ja/glossary/key/index.md b/files/ja/glossary/key/index.md
index 7ef3fe8ab02c1a..222ae312884018 100644
--- a/files/ja/glossary/key/index.md
+++ b/files/ja/glossary/key/index.md
@@ -3,6 +3,8 @@ title: Key (暗号鍵)
 slug: Glossary/Key
 ---
 
+{{GlossarySidebar}}
+
 暗号鍵は、{{Glossary("cipher", "暗号技術")}}における{{Glossary("encryption", "暗号化")}}や{{Glossary("decryption", "復号")}}で使用される情報の断片です。暗号化されたメッセージは、たとえ{{Glossary("cryptosystem", "暗号システム")}}に関する鍵を除くすべての知識が公開されていたとしても、安全が確保されるでしょう。
 
 {{Glossary("symmetric-key cryptography", "共通鍵暗号")}}においては、同じ鍵が暗号化と復号の両方に使用されます。{{Glossary("public-key cryptography", "公開鍵暗号")}}においては、*公開鍵*と*秘密鍵*と呼ばれる、一対の関連した鍵が存在します。公開鍵は自由に使用できますが、一方、秘密鍵は秘密に保たれます。公開鍵は、メッセージを対応する秘密鍵だけで復号できるように暗号化できます。逆もまた同様です。
diff --git a/files/ja/glossary/keyword/index.md b/files/ja/glossary/keyword/index.md
index a2ae85ca6ba6d7..5565b72be66d84 100644
--- a/files/ja/glossary/keyword/index.md
+++ b/files/ja/glossary/keyword/index.md
@@ -3,6 +3,8 @@ title: Keyword (キーワード)
 slug: Glossary/Keyword
 ---
 
+{{GlossarySidebar}}
+
 **キーワード**とは、コンテンツを説明する単語やフレーズです。オンラインのキーワードは、検索エンジンのためのクエリや、ウェブサイトのコンテンツを識別するための言葉として使用されています。
 
 検索エンジンを利用するとき、探しているウェブサイトや情報を識別するためのキーワードを使用し、検索エンジンはそのキーワードに関連するウェブページを検索結果として表示します。より正確な結果を得るためには、単なる" Mustang "を使うのではなく" Blue Mustang GTO "のようにもっと具体的なキーワードが必要です。また、ウェブページではウェブページを説明するキーワードとして head 要素内の meta 要素で使い、そのため検索エンジンは、よりよくウェブページを識別し整理することができます。
diff --git a/files/ja/glossary/khronos/index.md b/files/ja/glossary/khronos/index.md
index 00cff6fe6c6232..1062f0b5728a81 100644
--- a/files/ja/glossary/khronos/index.md
+++ b/files/ja/glossary/khronos/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: ed947b2c608428b62a60f07d09dc543f732dc09b
 ---
 
+{{GlossarySidebar}}
+
 **クロノス・グループ**は、業界トップレベルの企業 150 社以上が参加する、オープンかつ非営利のコンソーシアムです。3D グラフィックス、 拡張現実、バーチャルリアリティ、並列プログラミング、ビジョンアクセラレーション、機械学習のための高度かつロイヤリティフリーの標準規格を策定することを目的としています。
 
 クロノス・グループは、{{Glossary("OpenGL")}} や {{domxref("WebGL API")}} などの標準を管理しています。
diff --git a/files/ja/glossary/latency/index.md b/files/ja/glossary/latency/index.md
index 7c4d0b99b2318d..24e216e0ff68f3 100644
--- a/files/ja/glossary/latency/index.md
+++ b/files/ja/glossary/latency/index.md
@@ -3,6 +3,8 @@ title: Latency(レイテンシー)
 slug: Glossary/Latency
 ---
 
+{{GlossarySidebar}}
+
 **レイテンシー (遅延時間)** とは要求されたリソースが目的地に到達するまでにかかるネットワーク時間のことです。低レイテンシーとは良好な状態で、遅延時間がほとんどないか、またはまったくないことを意味します。高レイテンシーは悪い状態で、要求されたリソースが目的地に到達するまでに長い時間がかかることを意味します。
 
 レイテンシーはあらゆるデータフローが要因となり得ますが、ネットワーク遅延 (データのパケットが送信元から送信先まで移動するのにかかる時間) とメディアコーデック遅延 (送信元のデータがエンコードまたはデコードされ、結果データが消費者に届くまでにかかる時間) が最も一般的な要因として説明されます。
diff --git a/files/ja/glossary/lazy_load/index.md b/files/ja/glossary/lazy_load/index.md
index fcf00d7e1ab80f..94dbffccd42856 100644
--- a/files/ja/glossary/lazy_load/index.md
+++ b/files/ja/glossary/lazy_load/index.md
@@ -3,6 +3,8 @@ title: 遅延読み込み
 slug: Glossary/Lazy_load
 ---
 
+{{GlossarySidebar}}
+
 **遅延読み込み**は、ユーザーが必要とするまでデータ (例: 画像) の読み込みを遅延させる仕組みです。一般的には、ユーザーのスクロール操作によって対象が画面内に表示されるまで読み込みを遅延させます。開発者が正しく実装することにより、{{Glossary("Time_to_interactive", "Time to interactive (対話時間)")}} を含めページの動作開始に必要なデータを減らすことができます。これによりシームレスなユーザー体験を提供することができ、初期表示に関わるパフォーマンスの向上に役立ちます。
 
 ## 関連情報
diff --git a/files/ja/glossary/lgpl/index.md b/files/ja/glossary/lgpl/index.md
index 8c059b49c01b94..9fe5a624489af1 100644
--- a/files/ja/glossary/lgpl/index.md
+++ b/files/ja/glossary/lgpl/index.md
@@ -3,6 +3,8 @@ title: LGPL
 slug: Glossary/LGPL
 ---
 
+{{GlossarySidebar}}
+
 LGPL (GNU Lesser General Public License) は、フリーソフトウェア財団が発行したフリーソフトウェアライセンスです。 LGPL は、厳密に{{Glossary("copyleft","コピーレフト")}}された {{Glossary("GPL")}} に対して、より許容された選択肢を提供します。 GPL ライセンスプログラムを使用する派生作品は、同じ条件（自由に使用、共有、研究、変更）で公開する必要がありますが、LGPL では、派生プログラムの LGPL ライセンスコンポーネントが LGPL を引き続き使用することを要求しますが、プログラム全体ではありません。 LGPL は、通常、ライブラリ（`.dll`、`.so`、`.jar` など）などの共有コンポーネントをライセンスするために使用されます。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/ligature/index.md b/files/ja/glossary/ligature/index.md
index ac759de22e4ade..8ce25503527128 100644
--- a/files/ja/glossary/ligature/index.md
+++ b/files/ja/glossary/ligature/index.md
@@ -3,6 +3,8 @@ title: Ligature (合字)
 slug: Glossary/Ligature
 ---
 
+{{GlossarySidebar}}
+
 **合字**は、2 つの文字を 1 つの形に結合したものです。 たとえば、フランス語では "œ" は "oe" の合字です。
 
 {{cssxref("font-variant-ligatures")}} を使用してウェブページで合字を実装できます。
diff --git a/files/ja/glossary/literal/index.md b/files/ja/glossary/literal/index.md
index 8f1c2a6d7abca5..de2589ff24a64d 100644
--- a/files/ja/glossary/literal/index.md
+++ b/files/ja/glossary/literal/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 05d10f3e6eb1d5d8a8c5a236744c10249ade2e08
 ---
 
+{{GlossarySidebar}}
+
 **リテラル**は JavaScript の値を表します。これらは（変数ではなく）固定値であり、スクリプト内に文字で提供されます。
 
 - [配列リテラル](/ja/docs/Web/JavaScript/Guide/Grammar_and_types#配列リテラル)
diff --git a/files/ja/glossary/local_scope/index.md b/files/ja/glossary/local_scope/index.md
index 29889b9c850307..323d91f7cd0862 100644
--- a/files/ja/glossary/local_scope/index.md
+++ b/files/ja/glossary/local_scope/index.md
@@ -3,6 +3,8 @@ title: Local scope (ローカルスコープ)
 slug: Glossary/Local_scope
 ---
 
+{{GlossarySidebar}}
+
 ローカルスコープは {{glossary("variable","変数")}} をローカルにする変数の特性です（つまり、変数名は {{glossary("global scope", "グローバルスコープ")}} ではないスコープ内の {{glossary("value", "値")}} にのみ結び付けられます）。
 
 ## 関連項目
diff --git a/files/ja/glossary/local_variable/index.md b/files/ja/glossary/local_variable/index.md
index d1d38df6240fd6..c78581c6703440 100644
--- a/files/ja/glossary/local_variable/index.md
+++ b/files/ja/glossary/local_variable/index.md
@@ -3,6 +3,8 @@ title: Local variable (ローカル変数)
 slug: Glossary/Local_variable
 ---
 
+{{GlossarySidebar}}
+
 {{glossary("variable", "変数")}}のうち、その{{glossary("value","値")}}を指す名前が{{Glossary("local scope","ローカルスコープ")}}内にのみあるものです。
 
 ## 例
diff --git a/files/ja/glossary/locale/index.md b/files/ja/glossary/locale/index.md
index 149d422a340d78..b53aaf31b4c885 100644
--- a/files/ja/glossary/locale/index.md
+++ b/files/ja/glossary/locale/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 05d10f3e6eb1d5d8a8c5a236744c10249ade2e08
 ---
 
+{{GlossarySidebar}}
+
 **ロケール**は、ユーザーインターフェイス用の言語別または国別の基本設定のセットです。
 
 プログラムは、ロケール設定をホストシステムの言語から引き出します。とりわけ、ロケールは、指定された地域のプロトコルに従って、用紙サイズ、通貨、日付書式、および数値を表します。
diff --git a/files/ja/glossary/localization/index.md b/files/ja/glossary/localization/index.md
index ba75e66fe5257c..adf5aedc9fab65 100644
--- a/files/ja/glossary/localization/index.md
+++ b/files/ja/glossary/localization/index.md
@@ -3,6 +3,8 @@ title: Localization (ローカライゼーション)
 slug: Glossary/Localization
 ---
 
+{{GlossarySidebar}}
+
 **ローカライゼーション**（ローカライズ）とは、ソフトウェアのユーザーインターフェイスを特定の文化に適合させるプロセスです。
 
 考慮するべき共通点は以下の通りです。
diff --git a/files/ja/glossary/long_task/index.md b/files/ja/glossary/long_task/index.md
index 3b23621562b670..09a5d1bf83e45a 100644
--- a/files/ja/glossary/long_task/index.md
+++ b/files/ja/glossary/long_task/index.md
@@ -3,6 +3,8 @@ title: Long task
 slug: Glossary/Long_task
 ---
 
+{{GlossarySidebar}}
+
 **long task** とは、完了するまでに 50 ミリ秒以上かかるタスクです。 [main UI thread](/ja/docs/Glossary/Main_thread) が 50 ミリ秒以上ビジーである中断のない期間です。一般的な例では、長時間実行されるイベントハンドラ、高価な[リフロー](/ja/docs/Glossary/Reflow)、その他の再レンダリングが含まれ、50 ミリ秒を超えるイベントループの異なるターン間でブラウザーが実行する作業が含まれます。
 
 ## 関連項目
diff --git a/files/ja/glossary/loop/index.md b/files/ja/glossary/loop/index.md
index aa46f8d2e3398a..b89e5de800c253 100644
--- a/files/ja/glossary/loop/index.md
+++ b/files/ja/glossary/loop/index.md
@@ -3,6 +3,8 @@ title: Loop (ループ)
 slug: Glossary/Loop
 ---
 
+{{GlossarySidebar}}
+
 ループは、{{Glossary("computer programming","コンピュータプログラミング")}}において、一定の条件に遭遇するまで継続的に繰り返される一連の命令です。例えば、データ項目を取得して加工しながら、カウンターが所定の値に達するなどいくつかの{{Glossary("conditional","条件")}}をチェックするというような処理です。
 
 ## 例
diff --git a/files/ja/glossary/lossless_compression/index.md b/files/ja/glossary/lossless_compression/index.md
index 0cdf296217cccf..30135fea1adc5f 100644
--- a/files/ja/glossary/lossless_compression/index.md
+++ b/files/ja/glossary/lossless_compression/index.md
@@ -3,6 +3,8 @@ title: Lossless compression (可逆圧縮)
 slug: Glossary/Lossless_compression
 ---
 
+{{GlossarySidebar}}
+
 **可逆圧縮** (Lossless compression) はデータ圧縮アルゴリズムの一種で、圧縮データから元のデータを完全に再構築することができるものです。可逆圧縮方法は可逆です。可逆圧縮の例としては、 {{glossary("GZIP")}}, {{glossary("Brotli")}}, WebP, {{glossary("PNG")}} などがあります。
 
 一方、{{glossary("Lossy compression", "非可逆圧縮")}}は元のファイルから一部のデータを犠牲にすることで厳密ではない近似値を使用しており、元に戻すことができない圧縮方法です。
diff --git a/files/ja/glossary/ltr/index.md b/files/ja/glossary/ltr/index.md
index 24fc5b70de3b45..b5a4709ebc1902 100644
--- a/files/ja/glossary/ltr/index.md
+++ b/files/ja/glossary/ltr/index.md
@@ -3,6 +3,8 @@ title: LTR (左書き)
 slug: Glossary/LTR
 ---
 
+{{GlossarySidebar}}
+
 **LTR** (**Left To Right**, 左書き) は、テキストが左から右に書かれることを示す{{Glossary("locale", "ロケール")}}プロパティです。例えば、 `en-US` ロケール (アメリカ英語) は左書きを指定します。西洋の言語の多くは、世界中の他の言語と同様に、 LTR で書かれます。
 
 LTR とは逆に、 {{Glossary("RTL")}} (Right To Left, 右書き) はアラビア語 (`ar`) やヘブライ語 (`he`) など、他の一般的な語で使われます。
@@ -11,8 +13,6 @@ LTR とは逆に、 {{Glossary("RTL")}} (Right To Left, 右書き) はアラビ
 
 - [ローカリゼーションと国際化](/ja/docs/Web/Localization)
 
-<!---->
-
 - [MDN Web Docs 用語集](/ja/docs/Glossary)
 
   - {{Glossary("locale")}}
diff --git a/files/ja/glossary/main_axis/index.md b/files/ja/glossary/main_axis/index.md
index 1a70f352bef9b9..994f4ead66ece7 100644
--- a/files/ja/glossary/main_axis/index.md
+++ b/files/ja/glossary/main_axis/index.md
@@ -3,6 +3,8 @@ title: Main Axis (主軸)
 slug: Glossary/Main_Axis
 ---
 
+{{GlossarySidebar}}
+
 {{glossary("flexbox")}} における主軸は、{{cssxref("flex-direction")}} プロパティの設定方向によって定義されます。`flex-direction` が取り得る値は以下の 4 つです。
 
 - `row`
diff --git a/files/ja/glossary/main_thread/index.md b/files/ja/glossary/main_thread/index.md
index 95a01607e4fb9e..e509865c49f261 100644
--- a/files/ja/glossary/main_thread/index.md
+++ b/files/ja/glossary/main_thread/index.md
@@ -3,6 +3,8 @@ title: Main thread (メインスレッド)
 slug: Glossary/Main_thread
 ---
 
+{{GlossarySidebar}}
+
 **メインスレッド**は、ブラウザーがユーザーのイベントや描画を処理するところです。既定では、ブラウザーは単一のスレッドを使用してページ内のすべての JavaScript を、レイアウト、再フロー、ガベージコレクションなどと同様に実行します。つまり、実行に時間がかかる JavaScript 関数がスレッドをブロックし、ページが反応しなくなり、使い勝手が悪くなります。
 
 意識的に [Service worker](/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers) などの [Web worker](/ja/docs/Web/API/Web_Workers_API/Using_web_workers) を使用しない限り、 JavaScript はメインスレッド上で実行されるので、イベント処理や描画の中で簡単にスクリプトが遅延を発生させます。メインスレッドで動作させる必要がある処理が少ないほど、メインスレッドがユーザーのイベントに応答したり、描画したりすることが増え、ユーザーへの反応が全般的に良くなります。
diff --git a/files/ja/glossary/markup/index.md b/files/ja/glossary/markup/index.md
index a494594a451036..f58b77b08a5674 100644
--- a/files/ja/glossary/markup/index.md
+++ b/files/ja/glossary/markup/index.md
@@ -3,6 +3,8 @@ title: markup (マークアップ)
 slug: Glossary/Markup
 ---
 
+{{GlossarySidebar}}
+
 マークアップ言語は、テキストを定義し提示するために設計された言語です。 {{glossary("HTML")}} (HyperText Markup Language) は、マークアップ言語の一例です。
 
 HTML ファイルなどのテキストファイル内で、要素はコンテンツのその部分の目的を説明する{{glossary("Tag","タグ")}}を使用して*マークアップ*されます。
diff --git a/files/ja/glossary/mathml/index.md b/files/ja/glossary/mathml/index.md
index 9271b1306121ad..6eeb4fe642162b 100644
--- a/files/ja/glossary/mathml/index.md
+++ b/files/ja/glossary/mathml/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: ed947b2c608428b62a60f07d09dc543f732dc09b
 ---
 
+{{GlossarySidebar}}
+
 **MathML** ({{glossary("XML")}} のアプリケーション) は、ウェブページにおいて数式を表現するためのオープンスタンダードです。 1998 年に、 W3C は{{glossary("browser","ブラウザー")}}で数式を表現するための MathML の最初の勧告を行いました。 MathML には科学コンテンツや音声合成などの他のアプリケーションもあります。
 
 ## 関連情報
diff --git a/files/ja/glossary/media/css/index.md b/files/ja/glossary/media/css/index.md
index 94637bbc543d51..ade929fa227414 100644
--- a/files/ja/glossary/media/css/index.md
+++ b/files/ja/glossary/media/css/index.md
@@ -3,6 +3,8 @@ title: Media (CSS)
 slug: Glossary/Media/CSS
 ---
 
+{{GlossarySidebar}}
+
 {{Glossary("CSS")}} (Cascading Style Sheets) の文脈において、**_メディア_**という用語は{{Glossary("rendering engine", "レンダリングエンジン")}}によって描画される文書の出力先を参照します。これはふつうは端末の画面ですが、プリンターや読み上げ装置、点字ディスプレイ、あるいはそのほかの装置の可能性もあります。
 
 CSS には、閲覧者の端末のメディアの**種類** (画面や印刷など) やメディアの**能力** (幅、解像度、その他の値など) に応じて、文書のスタイルを微調整したり、異なるスタイルを提供したりすることができる機能がいくつかあります。
diff --git a/files/ja/glossary/media/index.md b/files/ja/glossary/media/index.md
index 9dfa2bc8da6675..bd7a9b2d7c6dc9 100644
--- a/files/ja/glossary/media/index.md
+++ b/files/ja/glossary/media/index.md
@@ -3,6 +3,8 @@ title: Media
 slug: Glossary/Media
 ---
 
+{{GlossarySidebar}}
+
 **メディア**という用語は、ウェブについて話すときに複数の意味で使われます。これは文脈によって異なる意味を取ります。
 
 {{GlossaryDisambiguation}}
diff --git a/files/ja/glossary/metadata/index.md b/files/ja/glossary/metadata/index.md
index 0d8fd7f32c1a2d..a41a8a66a08805 100644
--- a/files/ja/glossary/metadata/index.md
+++ b/files/ja/glossary/metadata/index.md
@@ -3,6 +3,8 @@ title: Metadata (メタデータ)
 slug: Glossary/Metadata
 ---
 
+{{GlossarySidebar}}
+
 **メタデータ**とは — 最もシンプルな定義では — データを記述するデータです。例えば {{glossary("HTML")}} 文書はデータですが、HTML には {{htmlelement("head")}} 要素の中に文書を記述するメタデータ(誰が書いたのかや要約など)も含んでいます。
 
 ## 関連項目
diff --git a/files/ja/glossary/method/index.md b/files/ja/glossary/method/index.md
index f0bc1986100ac9..4385120cbf342b 100644
--- a/files/ja/glossary/method/index.md
+++ b/files/ja/glossary/method/index.md
@@ -3,6 +3,8 @@ title: Method (メソッド)
 slug: Glossary/Method
 ---
 
+{{GlossarySidebar}}
+
 **メソッド**は{{glossary("object","オブジェクト")}}の{{glossary("property","プロパティ")}}である{{glossary("function", "関数")}}です。メソッドには 2 種類があります。オブジェクトインスタンスごとに内蔵されたタスクとして実行される*インスタンスメソッド*と、オブジェクトのコンストラクターで直接呼び出しを行うタスクである*{{Glossary("static method", "静的メソッド")}}*です。
 
 > **メモ:** JavaScript では、関数自身はオブジェクトです。そういう意味では、メソッドは実際には関数への{{glossary("object reference", "オブジェクト参照")}}です。
diff --git a/files/ja/glossary/microsoft_edge/index.md b/files/ja/glossary/microsoft_edge/index.md
index dac2d005e13510..be9fb51887aa32 100644
--- a/files/ja/glossary/microsoft_edge/index.md
+++ b/files/ja/glossary/microsoft_edge/index.md
@@ -3,6 +3,8 @@ title: Microsoft Edge
 slug: Glossary/Microsoft_Edge
 ---
 
+{{GlossarySidebar}}
+
 **Microsoft Edge** は、グラフィカルな無料の{{glossary("World Wide Web", "ウェブ")}}{{Glossary("browser", "ブラウザー")}}で、 Microsoft Windows に付属しており、マイクロソフトが 2014 年から開発しています。 Edge は、最初は Spartan として知られ、長い間使われた {{glossary("Microsoft Internet Explorer","Internet Explorer")}} を置き換えました。
 
 1. 関連情報
diff --git a/files/ja/glossary/microsoft_internet_explorer/index.md b/files/ja/glossary/microsoft_internet_explorer/index.md
index c89ef3bbe3a3c3..0462a936010b55 100644
--- a/files/ja/glossary/microsoft_internet_explorer/index.md
+++ b/files/ja/glossary/microsoft_internet_explorer/index.md
@@ -3,6 +3,8 @@ title: Microsoft Internet Explorer
 slug: Glossary/Microsoft_Internet_Explorer
 ---
 
+{{GlossarySidebar}}
+
 Internet Explorer (IE) は、レガシーエンタープライズ向けに Microsoft が管理している無料のグラフィカル{{glossary("browser","ブラウザー")}}です。{{glossary("Microsoft Edge")}} が現在、デフォルトの Windows ブラウザーです。
 
 Microsoft は、1995 年に「Microsoft Plus!」と呼ばれるパッケージの一部として IE を Windows に初めて同梱しました。2002 年頃までに、Internet Explorer は世界で最も使用されていたブラウザーになりましたが、その後 Chrome、Firefox、Edge、Safari に押されています。
diff --git a/files/ja/glossary/middleware/index.md b/files/ja/glossary/middleware/index.md
index a95950b2624830..fa5d7f40ba2bb0 100644
--- a/files/ja/glossary/middleware/index.md
+++ b/files/ja/glossary/middleware/index.md
@@ -3,6 +3,8 @@ title: Middleware (ミドルウェア)
 slug: Glossary/Middleware
 ---
 
+{{GlossarySidebar}}
+
 ミドルウェアとは、システムの各部分がデータを通信および管理できるようにする、あらゆるソフトウェアまたはサービスの（定義があやふやな）用語です。コンポーネントと入出力間の通信を処理するソフトウェアであるため、開発者はアプリケーションの特定の目的に集中できます。
 
 サーバー側のウェブアプリケーションのフレームワークでは、この用語は、データベースアクセスなどのタスクを処理するために、フレームワークのリクエスト/レスポンス処理パイプラインに追加できる既成のソフトウェアコンポーネントを指すのに使用されることがよくあります。
diff --git a/files/ja/glossary/mime/index.md b/files/ja/glossary/mime/index.md
index 0eeffddb593ab5..03bc44e097a734 100644
--- a/files/ja/glossary/mime/index.md
+++ b/files/ja/glossary/mime/index.md
@@ -3,6 +3,8 @@ title: mime
 slug: Glossary/MIME
 ---
 
+{{GlossarySidebar}}
+
 MIME（Multipurpose internet mail extensions、多目的インターネットメール拡張）は、例えば、音声、動画、画像のような、ASCII テキスト以外の形式の文書を記述するための規格です。 当初は電子メールの添付ファイルに使用されていましたが、文書の種類をどこでも定義するための事実上の標準となっています。
 
 {{glossary("MIME type","MIMEタイプ")}}も参照してください。
diff --git a/files/ja/glossary/mime_type/index.md b/files/ja/glossary/mime_type/index.md
index c77b59435183a7..70200823f68737 100644
--- a/files/ja/glossary/mime_type/index.md
+++ b/files/ja/glossary/mime_type/index.md
@@ -3,6 +3,8 @@ title: MIME type (MIMEタイプ)
 slug: Glossary/MIME_type
 ---
 
+{{GlossarySidebar}}
+
 **MIME タイプ** (現在は正しくは「メディアタイプ」と呼ばれますが、「コンテンツタイプ」と呼ばれることもあります) は、ファイルの種類を示し、ファイルと共に送信される文字列です (例えば、音声ファイルは `audio/ogg`、画像ファイルは `image/png` というようにラベル付けして、コンテンツ形式を記述します)。
 
 Windows 上で従来行われていたファイル拡張子と同じ目的を果たします。この名前は、もともと電子メールで使用されていた {{glossary("mime","MIME")}} 規格に由来しています。
diff --git a/files/ja/glossary/minification/index.md b/files/ja/glossary/minification/index.md
index 458ce4b038265f..390e1307491726 100644
--- a/files/ja/glossary/minification/index.md
+++ b/files/ja/glossary/minification/index.md
@@ -3,6 +3,8 @@ title: minification
 slug: Glossary/Minification
 ---
 
+{{GlossarySidebar}}
+
 **minification** とは、ブラウザーによるリソースの処理に影響を与えることなく、不要なデータや冗長なデータを削除する処理です。
 
 minification には、コードコメント、空白、未使用コードの削除、変数名や関数名の短縮が含まれます。Minification はファイルサイズを削減することで、ウェブのパフォーマンスを向上させるために使用されます。一般的には、ビルド時に自動的に実行されます。
diff --git a/files/ja/glossary/mitm/index.md b/files/ja/glossary/mitm/index.md
index 0a7162b97089cf..106c8747fac7a7 100644
--- a/files/ja/glossary/mitm/index.md
+++ b/files/ja/glossary/mitm/index.md
@@ -3,6 +3,8 @@ title: MitM (中間者攻撃)
 slug: Glossary/MitM
 ---
 
+{{GlossarySidebar}}
+
 **Man-in-the-middle attack**（MitM、中間者攻撃）は、2 つのシステム間の通信を傍受します。たとえば、Wi-Fi ルーターが侵害される可能性があります。
 
 これを物理的な郵便と比較します。もしあなたがお互いに手紙を書いているなら、郵便配達員はあなたが郵送するそれぞれの手紙を傍受することができます。彼らはそれを開き、それを読んで、最終的にそれを修正してから、その手紙を再び包み、あなたが手紙を送ろうとした人にそれを送ります。元の受取人はあなたに手紙を郵送し、郵便配達員は再度手紙を開き、それを読んで、最終的にそれを修正し、それを再び包み、あなたにそれを与えるでしょう。コミュニケーションチャンネルの中間に人がいることはわかりません – 郵便配達員はあなたとあなたの受取人には見えません。
diff --git a/files/ja/glossary/mixin/index.md b/files/ja/glossary/mixin/index.md
index 1b25d110389c95..be3b25040b4455 100644
--- a/files/ja/glossary/mixin/index.md
+++ b/files/ja/glossary/mixin/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: ed947b2c608428b62a60f07d09dc543f732dc09b
 ---
 
+{{GlossarySidebar}}
+
 ミックスインは、その{{Glossary("method", "メソッド")}}や{{Glossary("property", "プロパティ")}}の一部またはすべてが実装されていない{{Glossary("class","クラス")}}または{{Glossary("interface","インターフェイス")}}であり、別のクラスまたはインターフェイスが欠落している実装を提供する必要があります。
 
 新しいクラスまたはインターフェイスには、ミックスインのプロパティとメソッドと、それ自身で定義したプロパティとメソッドの両方が含まれます。ミックスインが実装しているか、ミックスインを実装しているインターフェイスまたはクラスが実装しているかにかかわらず、すべてのメソッドとプロパティは全く同じように使用できます。
diff --git a/files/ja/glossary/mobile_first/index.md b/files/ja/glossary/mobile_first/index.md
index 2116a1c0c36055..952395693b2cad 100644
--- a/files/ja/glossary/mobile_first/index.md
+++ b/files/ja/glossary/mobile_first/index.md
@@ -3,4 +3,6 @@ title: Mobile First (モバイルファースト)
 slug: Glossary/Mobile_First
 ---
 
+{{GlossarySidebar}}
+
 **モバイルファースト**は、ある種の {{Glossary("progressive enhancement","プログレッシブエンハンスメント")}}で、ウェブ開発やウェブデザインにおいて、モバイル画面サイズのデザイン・開発をデスクトップ画面サイズのデザイン・開発より優先して注力するアプローチです。 モバイルファーストアプローチの根拠は、すべての画面サイズにおいて良いユーザー体験を提供することです — はじめに小さい画面でうまく動作するユーザー体験を作成して、その次にその上に画面サイズが増えるごとにもっと豊かなユーザー体験を与えていきます。 モバイルファーストアプローチは、デスクトップ画面サイズをデザインしてからその後に小さい画面サイズを追加する、古いアプローチと対照をなします。
diff --git a/files/ja/glossary/modem/index.md b/files/ja/glossary/modem/index.md
index d3bbd974e83e32..2653433740d6b3 100644
--- a/files/ja/glossary/modem/index.md
+++ b/files/ja/glossary/modem/index.md
@@ -3,6 +3,8 @@ title: Modem (モデム)
 slug: Glossary/Modem
 ---
 
+{{GlossarySidebar}}
+
 モデム（modem、**mod**ulator-**dem**odulator、変調器-復調器）は、ネットワークを介してデータを送信するために、デジタル情報からアナログ信号への変換や、その逆の変換を行うデバイスです。 電話回線用の DSL モデム、短距離無線信号用の Wi-Fi モデム、携帯電話基地局用の 3G モデムなど、異なるネットワークでは異なる種類のモデムが使われます。
 
 モデムはルーターとは異なりますが、多くの企業が{{Glossary("Router","ルーター")}}と組み合わせたモデムを販売しています。
diff --git a/files/ja/glossary/modularity/index.md b/files/ja/glossary/modularity/index.md
index d463b214479e18..b223f08d72c78c 100644
--- a/files/ja/glossary/modularity/index.md
+++ b/files/ja/glossary/modularity/index.md
@@ -3,6 +3,8 @@ title: Modularity (モジュール性)
 slug: Glossary/Modularity
 ---
 
+{{GlossarySidebar}}
+
 モジュール性という用語は、システムのコンポーネントを分離して再結合できる程度を指しており、またソフトウェアパッケージを論理ユニットに分割することもあります。モジュラーシステムの利点は、部品を独立して考えることができることです。
 
 ## 関連項目
diff --git a/files/ja/glossary/mozilla_firefox/index.md b/files/ja/glossary/mozilla_firefox/index.md
index c2197e7f5b58af..749d9bb1f24a15 100644
--- a/files/ja/glossary/mozilla_firefox/index.md
+++ b/files/ja/glossary/mozilla_firefox/index.md
@@ -3,6 +3,8 @@ title: Mozilla Firefox
 slug: Glossary/Mozilla_Firefox
 ---
 
+{{GlossarySidebar}}
+
 **Mozilla Firefox** は、無償で利用できるオープンソースの{{Glossary("browser", "ブラウザー")}}で、開発は Mozilla Corporation が取りまとめています。Firefox は Windows と OS X、Linux、Android で動作します。
 
 2004 年 11 月に初版がリリースされ、 Firefox はテーマとプラグイン、[アドオン](/ja/docs/Mozilla/Add-ons)を使用して完璧にカスタマイズできます。 Firefox はウェブページを表示 (レンダリング) するために {{glossary("Gecko")}} を使用し、現在とこれからの両方のウェブ標準を実装しています。
diff --git a/files/ja/glossary/mutable/index.md b/files/ja/glossary/mutable/index.md
index 57eeb7188acfa9..395ec098316038 100644
--- a/files/ja/glossary/mutable/index.md
+++ b/files/ja/glossary/mutable/index.md
@@ -3,6 +3,8 @@ title: Mutable (ミュータブル)
 slug: Glossary/Mutable
 ---
 
+{{GlossarySidebar}}
+
 ミュータブルは、変更可能な変数の型です。{{glossary("JavaScript")}} では、{{Glossary("primitive", "プリミティブな値")}}ではない、{{Glossary("Object","オブジェクト")}}と{{Glossary("Array","配列")}}だけがミュータブルです。
 
 （変数名が新しい値を指し示すようにすることはできますが、以前の値はまだメモリーに保持されていますので、ガベージコレクションが必要です。）
diff --git a/files/ja/glossary/mvc/index.md b/files/ja/glossary/mvc/index.md
index 11226272aa65af..3734274f8f7882 100644
--- a/files/ja/glossary/mvc/index.md
+++ b/files/ja/glossary/mvc/index.md
@@ -3,6 +3,8 @@ title: MVC
 slug: Glossary/MVC
 ---
 
+{{GlossarySidebar}}
+
 **MVC**（Model-View-Controller、モデル-ビュー-コントローラ）は、ソフトウェア設計のパターンです。 これは、ソフトウェアのビジネスロジックとディスプレイの間の分離を強調します。 この「関心の分離」は、より良い労働の分業と改善されたメンテナンスを提供します。 MVVM（Model-View-Viewmodel、モデル-ビュー-ビューモデル）、MVP（Model-View-Presenter、モデル-ビュー-プレゼンター）、MVW（Model-View-Whatever、モデル-ビュー-何でも）などの他のデザインパターンも MVC に基づいています。
 
 MVC のソフトウェア設計パターンの 3 つの部分は、次のように記述できます。
diff --git a/files/ja/glossary/namespace/index.md b/files/ja/glossary/namespace/index.md
index bf928642df7943..01a6bc27c02168 100644
--- a/files/ja/glossary/namespace/index.md
+++ b/files/ja/glossary/namespace/index.md
@@ -3,6 +3,8 @@ title: Namespace (名前空間)
 slug: Glossary/Namespace
 ---
 
+{{GlossarySidebar}}
+
 名前空間はプログラム内でコンテキストを識別する、論理的なグループの名前です。同じコンテキスト内かつ同じスコープの範囲内では、識別子は実態を一意に指定しなくてはなりません。
 
 OS のディレクトリーは名前空間です。それぞれのファイルやサブディレクトリーは一意の名前を持たなくてはなりませんが、1 つのファイルが違うタイミングで同じ名前を使用することがあるかもしれません。
diff --git a/files/ja/glossary/nan/index.md b/files/ja/glossary/nan/index.md
index 854b8111a411a4..9cce8d54e4ebcf 100644
--- a/files/ja/glossary/nan/index.md
+++ b/files/ja/glossary/nan/index.md
@@ -3,6 +3,8 @@ title: NaN (非数)
 slug: Glossary/NaN
 ---
 
+{{GlossarySidebar}}
+
 非数(英語：Not a Number)とは未定義な値か、特に浮動小数点数の計算の結果で、表すことができない数値({{Glossary("Type", "データ型")}})のことを言います。
 
 例えば、無限、０で割り算された結果、未定義、負数の平方根 (浮動小数点数は実数ですが、これは虚数です) などは非数と言います。
diff --git a/files/ja/glossary/nat/index.md b/files/ja/glossary/nat/index.md
index 1bfef449531345..ce9593d4a3da79 100644
--- a/files/ja/glossary/nat/index.md
+++ b/files/ja/glossary/nat/index.md
@@ -3,6 +3,8 @@ title: NAT
 slug: Glossary/NAT
 ---
 
+{{GlossarySidebar}}
+
 **NAT** (Network Address Translation: ネットワークアドレス変換) は、複数のコンピューターで IP アドレスを共有するための技術です。NAT は一意のアドレスをローカルネットワーク上のコンピューターへ割り当て、正しい場所へデータを届けるために、ネットワークトラフィックを調整します。
 
 ## 詳細情報
diff --git a/files/ja/glossary/native/index.md b/files/ja/glossary/native/index.md
index 901def8fe872c0..738881d49df339 100644
--- a/files/ja/glossary/native/index.md
+++ b/files/ja/glossary/native/index.md
@@ -3,6 +3,8 @@ title: Native
 slug: Glossary/Native
 ---
 
+{{GlossarySidebar}}
+
 *ネイティブ*アプリケーションは、ターゲットアーキテクチャを構成するハードウェア/ソフトウェア環境で実行するようにコンパイルされています。
 
 ネイティブ Android アプリの例は、 Android ツールチェインを使用して Java で記述されたモバイルアプリケーションです。
diff --git a/files/ja/glossary/navigation_directive/index.md b/files/ja/glossary/navigation_directive/index.md
index a450b3131a850e..d4bb94c33d5250 100644
--- a/files/ja/glossary/navigation_directive/index.md
+++ b/files/ja/glossary/navigation_directive/index.md
@@ -3,6 +3,8 @@ title: Navigation directive (ナビゲーションディレクティブ)
 slug: Glossary/Navigation_directive
 ---
 
+{{GlossarySidebar}}
+
 **{{Glossary("CSP")}} のナビゲーションディレクティブ**は {{HTTPHeader("Content-Security-Policy")}} ヘッダーで使用され、たとえば、ユーザーがどの場所に移動したり、フォームを送信したりすることができるかを管理します。
 
 ナビゲーションディレクティブは {{CSP("default-src")}} ディレクティブで代替されません。
diff --git a/files/ja/glossary/netscape_navigator/index.md b/files/ja/glossary/netscape_navigator/index.md
index 5a84ff114c27a0..1a103a4879b2e2 100644
--- a/files/ja/glossary/netscape_navigator/index.md
+++ b/files/ja/glossary/netscape_navigator/index.md
@@ -3,6 +3,8 @@ title: Netscape Navigator
 slug: Glossary/Netscape_Navigator
 ---
 
+{{GlossarySidebar}}
+
 Netscape Navigator または、単に Netscape は、1990 年代の主要な{{glossary("browser", "ブラウザー")}}でした。Netscape は Mosaic をベースにして作られており、開発チームは、Mosaic のコードを書いていたプログラマーである Marc Andreessen によって率いられていました。
 
 Netscape のおかげで、{{glossary("World Wide Web","ウェブ")}}はテキストのみの表現に留まらず、よりグラフィカルになりました。多くのブラウジング機能は、Netscape が導入したことによって標準化していきました。Netscape は読み込み中にウェブページを表示したり、JavaScript によってフォームやインタラクティブなコンテンツを可能にしたり、セッション情報を Cookie に保存したりすることを可能としました。しかし、ネットスケープの技術的優位性と初期の高いシェアにもかかわらず、1990 年代後半には、{{glossary("Microsoft Internet Explorer", "Internet Explorer")}} によって急速に市場シェアを奪われました。
diff --git a/files/ja/glossary/network_throttling/index.md b/files/ja/glossary/network_throttling/index.md
index 43af6850a04ff3..a1570dd12b8be5 100644
--- a/files/ja/glossary/network_throttling/index.md
+++ b/files/ja/glossary/network_throttling/index.md
@@ -3,6 +3,8 @@ title: Network throttling (ネットワークスロットリング)
 slug: Glossary/Network_throttling
 ---
 
+{{GlossarySidebar}}
+
 **ネットワークスロットリング**とは、インターネットの速度を意図的に低下させることです。ウェブパフォーマンスにおいて、ネットワークスロットリング、またはネットワーク状態のエミュレーションでは、サイトのターゲットユーザーの大部分が経験している低帯域の状態をエミュレートするために使用されます。
 
 ユーザーがモバイルで経験するネットワーク状態を見落とさないようにすることが重要です。企業のオフィスビルの中で、高性能なコンピュータを使ってウェブアプリケーションを作成する開発者のインターネット速度は、一般的に非常に高速です。開発者、テクニカルライター、デザイナーであれば、このような経験があるでしょう。しかし、モバイルユーザーがウェブアプリケーションにアクセスする際のネットワーク速度は、旅行中やデータプランの適用範囲が狭い遠隔地では、インターネットに接続できたとしても非常に低速になる可能性があります。ネットワークスロットリングを使えば、開発者はユーザーの体験を再現することができます。ブラウザーのインスペクターなど、ほとんどのブラウザー開発ツールには、さまざまなネットワーク条件をエミュレートする機能があります。ネットワークスロットリングによってユーザーの体験をエミュレートすることで、ロードタイムの問題をより容易に特定し、修正することができます。
diff --git a/files/ja/glossary/nntp/index.md b/files/ja/glossary/nntp/index.md
index d3988fbb59608f..0fadbf0de3e6fa 100644
--- a/files/ja/glossary/nntp/index.md
+++ b/files/ja/glossary/nntp/index.md
@@ -3,6 +3,8 @@ title: NNTP
 slug: Glossary/NNTP
 ---
 
+{{GlossarySidebar}}
+
 **NNTP** (Network News Transfer Protocol) は、{{Glossary("Usenet")}} のメッセージをクライアントからサーバー、またはサーバー間で転送するために使用される{{Glossary("protocol","プロトコル")}}です。
 
 ## 関連項目
diff --git a/files/ja/glossary/node.js/index.md b/files/ja/glossary/node.js/index.md
index 45ba8580ff958c..bfb8cb1b18a3fc 100644
--- a/files/ja/glossary/node.js/index.md
+++ b/files/ja/glossary/node.js/index.md
@@ -3,6 +3,8 @@ title: Node.js
 slug: Glossary/Node.js
 ---
 
+{{GlossarySidebar}}
+
 Node.js は、クロスプラットフォームの {{Glossary("JavaScript")}} 実行環境であり、サーバー側アプリケーションやネットワークアプリケーションを JavaScript で構築することができます。
 
 ## 詳細情報
@@ -16,5 +18,3 @@ Node.js は、クロスプラットフォームの {{Glossary("JavaScript")}} 
 
 - [API 文書](https://nodejs.org/api/)
 - [チュートリアル](https://nodejs.org/ja/docs/guides/)
-
-{{QuickLinksWithSubpages("/ja/docs/Glossary")}}
diff --git a/files/ja/glossary/node/dom/index.md b/files/ja/glossary/node/dom/index.md
index 1740530fa6a98c..346ccaa225dbd6 100644
--- a/files/ja/glossary/node/dom/index.md
+++ b/files/ja/glossary/node/dom/index.md
@@ -3,6 +3,8 @@ title: Node (DOM)
 slug: Glossary/Node/DOM
 ---
 
+{{GlossarySidebar}}
+
 {{Glossary("DOM")}}としての node は、node tree 内の 1 点を指しています。node はドキュメント自身であり、Element(要素)やテキスト、コメント等の色々なものがあります。
 
 ## 詳細
diff --git a/files/ja/glossary/node/index.md b/files/ja/glossary/node/index.md
index 153178dfdaaa37..cf666e5d51b3db 100644
--- a/files/ja/glossary/node/index.md
+++ b/files/ja/glossary/node/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: ada5fa5ef15eadd44b549ecf906423b4a2092f34
 ---
 
+{{GlossarySidebar}}
+
 **node** という用語は文脈によっていくつかの意味を持ちます。下記の用語を指しているかもしれません。
 
 {{GlossaryDisambiguation}}
diff --git a/files/ja/glossary/node/networking/index.md b/files/ja/glossary/node/networking/index.md
index 491dee0f06abb8..fa4c631b3753eb 100644
--- a/files/ja/glossary/node/networking/index.md
+++ b/files/ja/glossary/node/networking/index.md
@@ -3,6 +3,8 @@ title: Node (networking)
 slug: Glossary/Node/networking
 ---
 
+{{GlossarySidebar}}
+
 ネットワークでは、 **node** はネットワーク内の接続ポイントです。物理ネットワークでは通常、コンピューターやルーターなどのデバイスです。
 
 ## 詳細情報
diff --git a/files/ja/glossary/non-normative/index.md b/files/ja/glossary/non-normative/index.md
index 2846f6b5abdda2..2b1802734ea12b 100644
--- a/files/ja/glossary/non-normative/index.md
+++ b/files/ja/glossary/non-normative/index.md
@@ -3,6 +3,8 @@ title: non-normative
 slug: Glossary/Non-normative
 ---
 
+{{GlossarySidebar}}
+
 ソフトウェア {{Glossary("specification", "specifications")}} には、 _non-normative_ または _informative_ としてマークされた情報が含まれていることがよくあります。これは、読者が仕様をよりよく理解したり、例を示したりするのを助ける目的で提供されていることを意味している、もしくはベストプラクティスであり原則として従う必要はありません。従わなければならない仕様の公式部分を含むセクションは、多くの場合 {{Glossary("normative", "normative")}} とマークされています。
 
 ## 関連項目
diff --git a/files/ja/glossary/normative/index.md b/files/ja/glossary/normative/index.md
index 8676002a563cfc..7994d24535774f 100644
--- a/files/ja/glossary/normative/index.md
+++ b/files/ja/glossary/normative/index.md
@@ -3,6 +3,8 @@ title: Normative
 slug: Glossary/Normative
 ---
 
+{{GlossarySidebar}}
+
 Normative とは、ソフトウェア {{Glossary("specification", "specifications")}} で一般的に使用される単語であり、標準化されており、規則に従う必要があるセクションを示します。 仕様には _{{Glossary("non-normative")}}_ または、 _informative_ としてマークされたセクションが含まれる場合もあります。これは読者が仕様をよりよく理解できるようにするため、または例やベストプラクティスを紹介する為として提供されているセクションです。原則として従う必要はありません。
 
 ## 関連項目
diff --git a/files/ja/glossary/null/index.md b/files/ja/glossary/null/index.md
index 061ed8c2c5ee1d..997c615e3ce7f3 100644
--- a/files/ja/glossary/null/index.md
+++ b/files/ja/glossary/null/index.md
@@ -3,6 +3,8 @@ title: "Null"
 slug: Glossary/Null
 ---
 
+{{GlossarySidebar}}
+
 コンピュータサイエンス分野において、一般的に **`null`** という値は、存在しないまたは無効な{{glossary("object","オブジェクト")}}やアドレスへのポインター参照を表します。 null による参照が持つ意味は、言語実装によって様々です。
 
 {{Glossary("JavaScript")}} では、 `null` は動作がプリミティブらしく見えるので、{{Glossary("Primitive", "プリミティブ値")}}の一つであるとされています。
diff --git a/files/ja/glossary/nullish/index.md b/files/ja/glossary/nullish/index.md
index 0492caf6df1688..3b62cba49d9610 100644
--- a/files/ja/glossary/nullish/index.md
+++ b/files/ja/glossary/nullish/index.md
@@ -3,4 +3,6 @@ title: Nullish value
 slug: Glossary/Nullish
 ---
 
+{{GlossarySidebar}}
+
 [JavaScript](/ja/docs/Glossary/JavaScript) では Nullish value は {{JSxRef("null")}} または {{JSxRef("undefined")}} のいずれかの値です。Nullish values は常に [falsy](/ja/docs/Glossary/Falsy) です。
diff --git a/files/ja/glossary/number/index.md b/files/ja/glossary/number/index.md
index 6547d53e23f3b7..45e3900904e245 100644
--- a/files/ja/glossary/number/index.md
+++ b/files/ja/glossary/number/index.md
@@ -3,6 +3,8 @@ title: Number
 slug: Glossary/Number
 ---
 
+{{GlossarySidebar}}
+
 {{Glossary("JavaScript")}} において、 **Number** は [倍精度64ビット浮動小数点形式 (IEEE 754)](https://ja.wikipedia.org/wiki/倍精度浮動小数点数) を持つ数値データ型です。その他のプログラミング言語では、それ以外の数値型もあります。たとえば、 Integer、Float、Double、Bignum などです。
 
 ## 詳細情報
diff --git a/files/ja/glossary/object/index.md b/files/ja/glossary/object/index.md
index 93a9983a840f54..28dd5ca4e0b276 100644
--- a/files/ja/glossary/object/index.md
+++ b/files/ja/glossary/object/index.md
@@ -3,6 +3,8 @@ title: Object (オブジェクト)
 slug: Glossary/Object
 ---
 
+{{GlossarySidebar}}
+
 [オブジェクト](/ja/docs/Web/JavaScript/Reference/Global_Objects/Object)はデータとそのデータをやり取りするための命令が入ったデータ構造です。オブジェクトはしばしば現実世界の事物を参照する事があります。例えば、レーシングゲームでは `car` や `map` オブジェクトと言った具合です。{{glossary("OOP","オブジェクト指向プログラミング")}}言語の例としては、{{glossary("JavaScript")}}、Java、C++、Python、そして Ruby などが挙げられます。
 
 ## 詳細情報
diff --git a/files/ja/glossary/object_reference/index.md b/files/ja/glossary/object_reference/index.md
index 0f55a75ed55a37..9a0bbca066a7c3 100644
--- a/files/ja/glossary/object_reference/index.md
+++ b/files/ja/glossary/object_reference/index.md
@@ -3,6 +3,8 @@ title: Object reference (オブジェクト参照)
 slug: Glossary/Object_reference
 ---
 
+{{GlossarySidebar}}
+
 **{{glossary("object", "オブジェクト")}}**へのリンクです。オブジェクト参照はまさにリンクされたオブジェクトのように使うことができます。
 
 オブジェクト参照の概念は、同じオブジェクトを複数の**{{glossary("property","プロパティ")}}**に割り当てると明確になります。割り当てらてた各プロパティは、コピーしたオブジェクトを保持するのではなく、同じオブジェクトにリンクしたオブジェクト参照を保持します。これにより、オブジェクトが変更された時、オブジェクトを参照する全てのプロパティに変更が反映されます。
diff --git a/files/ja/glossary/oop/index.md b/files/ja/glossary/oop/index.md
index 01f6081efcda69..cde1a9d5d4a199 100644
--- a/files/ja/glossary/oop/index.md
+++ b/files/ja/glossary/oop/index.md
@@ -3,6 +3,8 @@ title: OOP (オブジェクト指向プログラミング)
 slug: Glossary/OOP
 ---
 
+{{GlossarySidebar}}
+
 **OOP** (Object-Oriented Programming、オブジェクト指向プログラミングの略) はデータを **{{glossary("object","オブジェクト")}}** 内にカプセル化して、その構成部品ではなくてオブジェクト自体が操作される、プログラミングアプローチです。
 
 {{glossary("JavaScript")}} はとてもオブジェクト指向です。これは **プロトタイプ**ベースのモデル ([クラスベースの反対](/ja/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages)) に従っています。
diff --git a/files/ja/glossary/opengl/index.md b/files/ja/glossary/opengl/index.md
index 22516ee7c5069c..191a385f72975e 100644
--- a/files/ja/glossary/opengl/index.md
+++ b/files/ja/glossary/opengl/index.md
@@ -3,6 +3,8 @@ title: OpenGL
 slug: Glossary/OpenGL
 ---
 
+{{GlossarySidebar}}
+
 **OpenGL** [(**Open Graphics Library**)](http://en.wikipedia.org/wiki/OpenGL#cite_note-3)は言語横断的な、2D と 3D ベクターグラフィックス用のマルチプラットフォーム i のアプリケーションプログラミングインターフェイス (API) です。この API は、ハードウェアで加速したレンダリングを得るため、画像プロセッサー (GPU) と相互作用させて使うことが典型的です。
 
 ## さらに詳しく
diff --git a/files/ja/glossary/openssl/index.md b/files/ja/glossary/openssl/index.md
index 89b5baed0d679c..5f87ed6ac3f3ab 100644
--- a/files/ja/glossary/openssl/index.md
+++ b/files/ja/glossary/openssl/index.md
@@ -3,6 +3,8 @@ title: OpenSSL
 slug: Glossary/OpenSSL
 ---
 
+{{GlossarySidebar}}
+
 OpenSSL は、{{glossary("SSL")}} と {{glossary("TLS")}} のオープンソースの実装です。
 
 ## もっと学ぶ
diff --git a/files/ja/glossary/opera_browser/index.md b/files/ja/glossary/opera_browser/index.md
index 5d616376b1b0fb..d9c3a7bf92cf7d 100644
--- a/files/ja/glossary/opera_browser/index.md
+++ b/files/ja/glossary/opera_browser/index.md
@@ -3,6 +3,8 @@ title: Opera Browser
 slug: Glossary/Opera_Browser
 ---
 
+{{GlossarySidebar}}
+
 **Opera** は、5 番目に多用されるウェブ{{glossary("browser","ブラウザー")}}であり、1996 年に公式リリースされた当初は Windows のみで動作していました。Opera は、2013 年からレイアウトエンジンとして {{glossary("Blink")}} を使用しています (以前は、{{glossary("Presto")}} でした)。Opera には、モバイルやタブレット端末バージョンもあります。
 
 ## 詳細情報
diff --git a/files/ja/glossary/operand/index.md b/files/ja/glossary/operand/index.md
index 0e21ed861a6e3f..827a881180034a 100644
--- a/files/ja/glossary/operand/index.md
+++ b/files/ja/glossary/operand/index.md
@@ -3,6 +3,8 @@ title: Operand (オペランド)
 slug: Glossary/Operand
 ---
 
+{{GlossarySidebar}}
+
 **オペランド**は{{glossary("operator", "演算子")}}で操作されるデータを表す命令の一部です。例えば、2 つの数字を加算する時、数字はオペランドで "+" が演算子です。
 
 ## 詳細情報
diff --git a/files/ja/glossary/operator/index.md b/files/ja/glossary/operator/index.md
index dbec0f90aad080..33dcac17e750ed 100644
--- a/files/ja/glossary/operator/index.md
+++ b/files/ja/glossary/operator/index.md
@@ -3,6 +3,8 @@ title: Operator (演算子)
 slug: Glossary/Operator
 ---
 
+{{GlossarySidebar}}
+
 記号や英数字によって構成された**予約語**で、内蔵の機能を実行します。例えば、 JavaScript では加算演算子（"+"）は複数の数値を加算したり文字列を結合したりします。「否定」演算子（"!"）は式を否定し、例えば、 `true` を表す式では `false` を返します。
 
 ## 詳細情報
diff --git a/files/ja/glossary/origin/index.md b/files/ja/glossary/origin/index.md
index c66c7f4316a86b..2af3ed69a38e02 100644
--- a/files/ja/glossary/origin/index.md
+++ b/files/ja/glossary/origin/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: cd76750e9e68ebdf8bf1ddc0630406d95eddc502
 ---
 
+{{GlossarySidebar}}
+
 ウェブコンテンツの**オリジン** (Origin) は、ウェブコンテンツにアクセスするために使われる {{Glossary("URL")}} の _スキーム_ （プロトコル）、 _ホスト_ （ドメイン）、 _ポート番号_ によって定義されます。スキーム、ホスト、ポート番号がすべて一致した場合のみ、 2 つのオブジェクトは同じオリジンであると言えます。
 
 操作によっては同じオリジンのコンテンツに限定されており、この制約は {{Glossary("CORS")}} を使用して緩和することができます。
diff --git a/files/ja/glossary/ota/index.md b/files/ja/glossary/ota/index.md
index ec0131e3c3bf2c..10b3ab6c8c0ef7 100644
--- a/files/ja/glossary/ota/index.md
+++ b/files/ja/glossary/ota/index.md
@@ -3,6 +3,8 @@ title: OTA
 slug: Glossary/OTA
 ---
 
+{{GlossarySidebar}}
+
 _Over The Air_ (**OTA**) とは、無線接続されたデバイス上のソフトウェアを中央サーバーから自動更新することを指します。特定の更新セットを受信する全てのデバイスの所有者は同じ "チャネル" 上にあり、各デバイスは多くの場合、複数のチャネルにアクセスできます (例えば、本番またはエンジニアリングビルド)。
 
 ## 関連項目
diff --git a/files/ja/glossary/owasp/index.md b/files/ja/glossary/owasp/index.md
index 88d9e9c5c4b44a..9c2bd7e93d3b91 100644
--- a/files/ja/glossary/owasp/index.md
+++ b/files/ja/glossary/owasp/index.md
@@ -3,6 +3,8 @@ title: OWASP
 slug: Glossary/OWASP
 ---
 
+{{GlossarySidebar}}
+
 **OWASP** (Open Web Application Security Project: オープンウェブアプリケーションセキュリティプロジェクト) は、特にウェブ上で、無償ソフトウェアのセキュリティのために活動する非営利団体や国際的なネットワークを持つ団体です。
 
 ## 詳細情報
diff --git a/files/ja/glossary/p2p/index.md b/files/ja/glossary/p2p/index.md
index acf65a189445ec..fc8f0893f18946 100644
--- a/files/ja/glossary/p2p/index.md
+++ b/files/ja/glossary/p2p/index.md
@@ -3,6 +3,8 @@ title: P2P
 slug: Glossary/P2P
 ---
 
+{{GlossarySidebar}}
+
 P2P (ピア・ツー・ピア)はすべての参加しているノード（_ピア_）が同等の特権を持ち、負荷を共有する、コンピュータネットワークアーキテクチャです。P2P は、複数の*クライアント*ノードがサービスの中心となる*サーバー*に接続するクライアント・サーバーネットワークアーキテクチャとは異なります。 P2P はよくブロックチェーンアプリケーションで見られます。
 
 ## 理解を深める
@@ -10,5 +12,3 @@ P2P (ピア・ツー・ピア)はすべての参加しているノード（_ピ
 ### 一般知識
 
 - Wikipedia 上の記事「[P2P](https://ja.wikipedia.org/wiki/Peer_to_Peer)」
-
-{{QuickLinksWithSubpages("/ja/docs/Glossary")}}
diff --git a/files/ja/glossary/packet/index.md b/files/ja/glossary/packet/index.md
index 1722b0980b328f..f16a5e9d38f6fb 100644
--- a/files/ja/glossary/packet/index.md
+++ b/files/ja/glossary/packet/index.md
@@ -3,6 +3,8 @@ title: パケット
 slug: Glossary/Packet
 ---
 
+{{GlossarySidebar}}
+
 パケット、またはネットワークパケットはは、ネットワーク上で送られる整形されたデータの塊です。パケットはユーザーデータと制御情報を含みます。ユーザーデータは*ペイロード*として知られています。制御情報はペイロードを送るための制御情報です。この制御情報は、送信元と送信先のネットワークアドレス、順序情報、エラー検知コードで構成されており、通常パケットのヘッダーとフッターで見られます。
 
 ## パケットに含まれるもの
diff --git a/files/ja/glossary/page_load_time/index.md b/files/ja/glossary/page_load_time/index.md
index eca9dd729081c9..93135382ee4b47 100644
--- a/files/ja/glossary/page_load_time/index.md
+++ b/files/ja/glossary/page_load_time/index.md
@@ -3,6 +3,8 @@ title: ページ読み込み時間
 slug: Glossary/Page_load_time
 ---
 
+{{GlossarySidebar}}
+
 **ページ読み込み時間**とはページの読み込みにかかる時間のことであり、[ナビゲーション開始時](/ja/docs/Web/API/PerformanceTiming/navigationStart)から[ロードイベント開始時](/ja/docs/Web/API/PerformanceTiming/loadEventStart)までをもって測定されます。
 
 ```js
diff --git a/files/ja/glossary/parameter/index.md b/files/ja/glossary/parameter/index.md
index e3e9641c278398..b02dd7c8ea2ffe 100644
--- a/files/ja/glossary/parameter/index.md
+++ b/files/ja/glossary/parameter/index.md
@@ -3,6 +3,8 @@ title: Parameter (パラメーター)
 slug: Glossary/Parameter
 ---
 
+{{GlossarySidebar}}
+
 パラメーターは{{Glossary("function", "関数")}}に渡される名前付きの変数です。パラメーター変数は関数に{{Glossary("argument","引数")}}をインポートするのに使われます。
 
 *パラメーター*と*引数*の違いに注意してください:
diff --git a/files/ja/glossary/parent_object/index.md b/files/ja/glossary/parent_object/index.md
index 1859edf4e026cf..084dafc9c0cc17 100644
--- a/files/ja/glossary/parent_object/index.md
+++ b/files/ja/glossary/parent_object/index.md
@@ -3,6 +3,8 @@ title: Parent object (親オブジェクト)
 slug: Glossary/Parent_object
 ---
 
+{{GlossarySidebar}}
+
 指定された {{glossary("property", "プロパティ")}} や {{glossary("method", "メソッド")}} が所属している {{glossary("object", "オブジェクト")}}。
 
 ## 関連項目
diff --git a/files/ja/glossary/parse/index.md b/files/ja/glossary/parse/index.md
index dcc297920aa704..7aaf6242a10a31 100644
--- a/files/ja/glossary/parse/index.md
+++ b/files/ja/glossary/parse/index.md
@@ -3,6 +3,8 @@ title: Parse (解析)
 slug: Glossary/Parse
 ---
 
+{{GlossarySidebar}}
+
 解析(Parsing)とは、プログラムを解析し、例えばブラウザー内の {{glossary("JavaScript")}} エンジンといった実行環境で、実際に実行できる内部形式に変換することを意味します。
 
 [ブラウザーは HTML を解析](/ja/docs/Web/Guide/HTML/HTML5/HTML5_Parser)して {{glossary("DOM")}} ツリーに変換します。HTML の解析処理は[トークン化](/ja/docs/Web/API/DOMTokenList)とツリーの構築を含みます。HTML トークンは、属性の名前や値と同じように、開始タグと終了タグを含みます。文書が適切に構造化されていれば、その解析処理は単純で速くなります。パーサーはトークン化された入力内容を解析してドキュメントに変換し、ドキュメントツリーを作り上げます。
diff --git a/files/ja/glossary/parser/index.md b/files/ja/glossary/parser/index.md
index 800d240752c1d6..fb2f69224bd734 100644
--- a/files/ja/glossary/parser/index.md
+++ b/files/ja/glossary/parser/index.md
@@ -3,6 +3,8 @@ title: Parser (パーサー)
 slug: Glossary/Parser
 ---
 
+{{GlossarySidebar}}
+
 **パーサー**は、ソースコードファイルを{{glossary("parse","解析")}}するコンパイラまたはインタプリタのモジュールです。
 
 より一般的に言えば、テキストを解析して内容を別の表現に変換するソフトウェアです。
diff --git a/files/ja/glossary/payload_body/index.md b/files/ja/glossary/payload_body/index.md
index a540d385c75316..c9671efca78f69 100644
--- a/files/ja/glossary/payload_body/index.md
+++ b/files/ja/glossary/payload_body/index.md
@@ -3,6 +3,8 @@ title: Payload body
 slug: Glossary/Payload_body
 ---
 
+{{GlossarySidebar}}
+
 HTTP メッセージの*ペイロード本文*は、HTTP メッセージ本文があれば、その送信時に送られるデータの {{HTTPHeader("Transfer-Encoding","Transfer-Encoding")}} が適用される前の*情報* ("ペイロード") 部分です。 Transfer-Encoding が使用されない限り、 _ペイロード本文_ と _メッセージ本文_ は同じものです。
 
 例えば、このレスポンスではメッセージ本文は "Mozilla Developer Network" というペイロード本文を持っているだけです。
diff --git a/files/ja/glossary/pdf/index.md b/files/ja/glossary/pdf/index.md
index 7b6fb06358c8c1..fcc102b1622fcc 100644
--- a/files/ja/glossary/pdf/index.md
+++ b/files/ja/glossary/pdf/index.md
@@ -3,6 +3,8 @@ title: PDF
 slug: Glossary/PDF
 ---
 
+{{GlossarySidebar}}
+
 **PDF** (Portable Document Format) は、特定のソフトウェア実装、ハードウェアプラットフォーム、オペレーティングシステムに依存せずにドキュメントを共有するためのファイル形式です。PDF は、印刷文書のデジタル画像を提供し、印刷したとき同じ外観を保ちます。
 
 ## 詳細情報
diff --git a/files/ja/glossary/perceived_performance/index.md b/files/ja/glossary/perceived_performance/index.md
index c288f5b3a458e1..8f8e787a1de81c 100644
--- a/files/ja/glossary/perceived_performance/index.md
+++ b/files/ja/glossary/perceived_performance/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4bd65a01204446af2254bb8864bd22ad87bc86b0
 ---
 
+{{GlossarySidebar}}
+
 **知覚的パフォーマンス**は、ウェブサイトがユーザーにとってどれだけ速く、レスポンスよく、信頼できるものと感じるかの尺度です。サイトのパフォーマンスに対する認識は、実際の読み込み時間やレスポンス時間よりもユーザー体験に大きな影響を与える可能性があります。
 
 ## 関連情報
diff --git a/files/ja/glossary/percent-encoding/index.md b/files/ja/glossary/percent-encoding/index.md
index 7ec88f547f3e0a..4facccdfe079b5 100644
--- a/files/ja/glossary/percent-encoding/index.md
+++ b/files/ja/glossary/percent-encoding/index.md
@@ -3,6 +3,8 @@ title: Percent-encoding (パーセントエンコーディング)
 slug: Glossary/Percent-encoding
 ---
 
+{{GlossarySidebar}}
+
 パーセントエンコーディング（Percent-encoding）は、{{Glossary("URL")}} のコンテキストで特定の意味を持つ 8 ビット文字をエンコードするメカニズムです。URL エンコードとも呼ばれます。エンコードは置換で構成されます。`'%'` の後に、置換文字の ASCII 値の 16 進表現が続きます。
 
 エンコードが必要な特殊文字は、`':'`, `'/'`, `'?'`, `'#'`, `'['`, `']'`, `'@'`, `'!'`, `'$'`, `'&'`, `"'"`, `'('`, `')'`, `'*'`, `'+'`, `','`, `';'`, `'='`、および `'%'` 自体です。他の文字もエンコードできますが、エンコードする必要はありません。
diff --git a/files/ja/glossary/php/index.md b/files/ja/glossary/php/index.md
index fee5fa9a615303..c260efee56fa55 100644
--- a/files/ja/glossary/php/index.md
+++ b/files/ja/glossary/php/index.md
@@ -3,6 +3,8 @@ title: PHP
 slug: Glossary/PHP
 ---
 
+{{GlossarySidebar}}
+
 PHP (再帰的な頭文字語で PHP: Hypertext Preprocessor) はオープンソースのサーバー側スクリプト言語で、 HTML に組み込んで、ウェブアプリや動的なウェブサイトを構築することができます。
 
 ## 例
diff --git a/files/ja/glossary/pixel/index.md b/files/ja/glossary/pixel/index.md
index 9f7e412d4f11a6..648cf77f80d036 100644
--- a/files/ja/glossary/pixel/index.md
+++ b/files/ja/glossary/pixel/index.md
@@ -3,6 +3,8 @@ title: Pixel (ピクセル)
 slug: Glossary/Pixel
 ---
 
+{{GlossarySidebar}}
+
 ピクセルは、コンピュータ画面のようなグラフィカルな表示の最小構成要素です。
 
 画面解像度は、ピクセル単位で表されます。 例: "800 x 600" ピクセル解像度とは、幅 800 ピクセル、高さ 600 ピクセルを表示できることを意味します。
diff --git a/files/ja/glossary/plaintext/index.md b/files/ja/glossary/plaintext/index.md
index d7d48275492c12..5d8e940890f172 100644
--- a/files/ja/glossary/plaintext/index.md
+++ b/files/ja/glossary/plaintext/index.md
@@ -3,6 +3,8 @@ title: Plaintext (平文)
 slug: Glossary/Plaintext
 ---
 
+{{GlossarySidebar}}
+
 [平文](https://ja.wikipedia.org/wiki/平文)（ひらぶん）とは、{{Glossary("encryption","暗号化")}} {{Glossary("algorithm","アルゴリズム")}}への入力として使用されている情報、または{{glossary("decryption", "復号")}}された{{Glossary("ciphertext","暗号文")}}のことです。
 
 頻繁に使用される用語である[クリアテキスト](https://ja.wikipedia.org/wiki/クリアテキスト)は、暗号化されておらず、追加の処理を行わずに人間やコンピュータが読むことができるテキスト文書、画像などの情報を意味します。
diff --git a/files/ja/glossary/plugin/index.md b/files/ja/glossary/plugin/index.md
index 15599f19f693fc..705e7b85969809 100644
--- a/files/ja/glossary/plugin/index.md
+++ b/files/ja/glossary/plugin/index.md
@@ -3,6 +3,8 @@ title: Plugin (プラグイン)
 slug: Glossary/Plugin
 ---
 
+{{GlossarySidebar}}
+
 ブラウザープラグインとは、ブラウザーがネイティブに対応できないコンテンツを扱うために、ユーザーがインストールすることができるソフトウェアコンポーネントのことです。ブラウザープラグインは通常、 [NPAPI](https://en.wikipedia.org/wiki/NPAPI) (Netscape Plugin Application Programming Interface) アーキテクチャを使用して記述されています。
 
 最も有名で広く使われていたプラグインは Adobe Flash Player で、これによりブラウザーで {{Glossary("Adobe Flash")}} コンテンツを実行できるようになりました。
diff --git a/files/ja/glossary/png/index.md b/files/ja/glossary/png/index.md
index 9e2476ea08c6b1..b0354ab5d6b31d 100644
--- a/files/ja/glossary/png/index.md
+++ b/files/ja/glossary/png/index.md
@@ -3,6 +3,8 @@ title: PNG
 slug: Glossary/PNG
 ---
 
+{{GlossarySidebar}}
+
 **PNG** (_Portable Network Graphics_) は、可逆データ圧縮をサポートする画像ファイル形式です。
 
 ## 関連項目
diff --git a/files/ja/glossary/polyfill/index.md b/files/ja/glossary/polyfill/index.md
index 560651aa4dc034..da930dbda09caf 100644
--- a/files/ja/glossary/polyfill/index.md
+++ b/files/ja/glossary/polyfill/index.md
@@ -3,6 +3,8 @@ title: Polyfill (ポリフィル)
 slug: Glossary/Polyfill
 ---
 
+{{GlossarySidebar}}
+
 ポリフィルとは、最近の機能をサポートしていない古いブラウザーで、その機能を使えるようにするためのコードです。大抵はウェブ上の JavaScript です。
 
 例えば、ポリフィルを使用して、独自の IE フィルターを使用して IE7 の {{cssxref("text-shadow")}} の機能を模倣したり、 JavaScript を使用して rem の単位やメディアクエリーを模倣して、適切なスタイル付けを動的に調整したり、その他の必要な機能を提供したりすることができます。
diff --git a/files/ja/glossary/polymorphism/index.md b/files/ja/glossary/polymorphism/index.md
index 5b2fa32b60f490..ebe9eb0eaf3b55 100644
--- a/files/ja/glossary/polymorphism/index.md
+++ b/files/ja/glossary/polymorphism/index.md
@@ -3,6 +3,8 @@ title: Polymorphism (多態性)
 slug: Glossary/Polymorphism
 ---
 
+{{GlossarySidebar}}
+
 Polymorphism (多態性)とは複数のデータ型を 1 つのインターフェイスにまとめた表現です。
 
 例えば、整数型、浮動小数点型、倍精度浮動小数点型は暗黙的な多態性を持ちます：データ型の違いにもかからず、その３つは足し算、引き算、掛け算、などができます。
diff --git a/files/ja/glossary/pop/index.md b/files/ja/glossary/pop/index.md
index bb6fa482d62d57..0ca4ed5f4e9921 100644
--- a/files/ja/glossary/pop/index.md
+++ b/files/ja/glossary/pop/index.md
@@ -3,6 +3,8 @@ title: POP3
 slug: Glossary/POP
 ---
 
+{{GlossarySidebar}}
+
 **POP3** (Post Office Protocol) は {{glossary("TCP")}} 接続を使用して、メールサーバーから電子メールを取得する非常に一般的な{{glossary("protocol","プロトコル")}}です。 POP3 はもっと新しいプロトコルである {{Glossary("IMAP4")}} とは異なり、フォルダー管理に対応していません。複雑な構造となるため、実装が困難です。
 
 メールクライアントは通常、サーバーからすべてのメッセージを受信し、すべてのメッセージを削除します。 しかし、POP3 はサーバーにメッセージのコピーを残すことができます。現在、ほぼすべてのメールサーバーとクライアントは POP3 に対応しています。
diff --git a/files/ja/glossary/port/index.md b/files/ja/glossary/port/index.md
index c71d7f71873491..aa2082c4462af3 100644
--- a/files/ja/glossary/port/index.md
+++ b/files/ja/glossary/port/index.md
@@ -3,6 +3,8 @@ title: Port (ポート)
 slug: Glossary/Port
 ---
 
+{{GlossarySidebar}}
+
 **ポート**とは、{{Glossary("IP address","IP アドレス")}}を持ち、ネットワークに接続されているコンピューターの通信上のエンドポイントです。ポートは数字で指定され、特に 1024 より小さい (1023 以下の) ポート番号は特定の{{Glossary("protocol","プロトコル")}}にデフォルトで関連付けられています。
 
 例えば、{{Glossary("HTTP")}}プロトコルのデフォルトポートは 80 番、HTTPS プロトコルのデフォルトポートは 443 番であり、{{Glossary("HTTP")}} サーバはこれらのポートへのリクエストを待ち受けます。インターネットプロトコルは、{{Glossary("SMTP")}} (25 番)、{{Glossary("POP3")}} (110 番)、{{Glossary("IMAP")}} (143 番)、{{Glossary("IRC")}} (194 番) など、それぞれデフォルトのポートが割り当てられています。
diff --git a/files/ja/glossary/prefetch/index.md b/files/ja/glossary/prefetch/index.md
index 095acb6fdd1015..748242e8f88185 100644
--- a/files/ja/glossary/prefetch/index.md
+++ b/files/ja/glossary/prefetch/index.md
@@ -3,6 +3,8 @@ title: プリフェッチ
 slug: Glossary/Prefetch
 ---
 
+{{GlossarySidebar}}
+
 プリフェッチは、コンテンツが要求される可能性が高いことを前提にして、ユーザーが要求したときにコンテンツを即座にロードできるようにします。コンテンツはユーザーが明示的にリクエストすることなくダウンロードされ、将来の使用を想定してキャッシュされます。
 
 ### DNS プリフェッチ
diff --git a/files/ja/glossary/preflight_request/index.md b/files/ja/glossary/preflight_request/index.md
index 701a46651c474e..9dc6c7f357bd0f 100644
--- a/files/ja/glossary/preflight_request/index.md
+++ b/files/ja/glossary/preflight_request/index.md
@@ -3,6 +3,8 @@ title: Preflight request (プリフライトリクエスト)
 slug: Glossary/Preflight_request
 ---
 
+{{GlossarySidebar}}
+
 CORS のプリフライトリクエストは {{Glossary("CORS")}} のリクエストの一つであり、サーバーが CORS プロトコルを理解していて準備がされていることを、特定のメソッドとヘッダーを使用してチェックします。
 
 これは {{HTTPMethod("OPTIONS")}} リクエストであり、 {{HTTPHeader("Access-Control-Request-Method")}},{{HTTPHeader("Access-Control-Request-Headers")}}, {{HTTPHeader("Origin")}} の 3 つの HTTP リクエストヘッダー使用します。
diff --git a/files/ja/glossary/prerender/index.md b/files/ja/glossary/prerender/index.md
index 995d4744048614..4bef6f607af2d9 100644
--- a/files/ja/glossary/prerender/index.md
+++ b/files/ja/glossary/prerender/index.md
@@ -3,6 +3,8 @@ title: Prerender
 slug: Glossary/Prerender
 ---
 
+{{GlossarySidebar}}
+
 プリレンダリングを使用すると、コンテンツは[先読み](/ja/docs/Glossary/Prefetch)され、ブラウザーによってバックグラウンドでレンダリングされます。これは、コンテンツが非表示の別のタブにレンダリングされた場合と同じです。ユーザーがプリレンダリングされたコンテンツに移動すると、現在のコンテンツがすぐにプリレンダリングされたコンテンツに置き換えられます。
 
 ```
diff --git a/files/ja/glossary/presto/index.md b/files/ja/glossary/presto/index.md
index 66910e6634f18e..4e8f78deb50937 100644
--- a/files/ja/glossary/presto/index.md
+++ b/files/ja/glossary/presto/index.md
@@ -3,6 +3,8 @@ title: Presto
 slug: Glossary/Presto
 ---
 
+{{GlossarySidebar}}
+
 Presto は、バージョン 15 までの {{Glossary("Opera browser")}} を強化する為に使用された独自のブラウザーレイアウトエンジンでした。それ以降の Opera browser は、 {{Glossary('Blink')}} レイアウトエンジンを使用する Chromium をベースにしています。
 
 ## 関連項目
diff --git a/files/ja/glossary/primitive/index.md b/files/ja/glossary/primitive/index.md
index 55c0f96a59459e..780b59d17ec83c 100644
--- a/files/ja/glossary/primitive/index.md
+++ b/files/ja/glossary/primitive/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 72e6429af2f0ad138223623fb2c86087a008d4dd
 ---
 
+{{GlossarySidebar}}
+
 {{Glossary("JavaScript")}} において、**プリミティブ** (primitive、プリミティブ値、プリミティブデータ型) は{{Glossary("object","オブジェクト")}}でなく、{{glossary("method","メソッド")}}を持たないデータのことです。 7 種類のプリミティブデータ型があります。
 
 - {{Glossary("string","文字列")}}
diff --git a/files/ja/glossary/privileged/index.md b/files/ja/glossary/privileged/index.md
index 8d420079a6b79e..5e862a3c267e74 100644
--- a/files/ja/glossary/privileged/index.md
+++ b/files/ja/glossary/privileged/index.md
@@ -3,6 +3,8 @@ title: Privileged
 slug: Glossary/Privileged
 ---
 
+{{GlossarySidebar}}
+
 ユーザーは、システムに対する追加の権限が付与されている場合、または通常のユーザーと比較してより高い優先度レベルのコンテンツへの最終的なアクセス権が付与されている場合に、**特権がある**と言われます。
 
 ## 関連項目
diff --git a/files/ja/glossary/privileged_code/index.md b/files/ja/glossary/privileged_code/index.md
index 039f85c3fa3e63..78a4cf4ca3c4d8 100644
--- a/files/ja/glossary/privileged_code/index.md
+++ b/files/ja/glossary/privileged_code/index.md
@@ -3,6 +3,8 @@ title: privileged code
 slug: Glossary/Privileged_code
 ---
 
+{{GlossarySidebar}}
+
 **Privileged code** - 拡張機能の Javascript コード。例えば、コンテンツスクリプトのコード。
 
 **Non-privileged** - Web ページ上の Javascript 。
diff --git a/files/ja/glossary/progressive_enhancement/index.md b/files/ja/glossary/progressive_enhancement/index.md
index 3bdd0d02aad250..00106401bccccc 100644
--- a/files/ja/glossary/progressive_enhancement/index.md
+++ b/files/ja/glossary/progressive_enhancement/index.md
@@ -3,6 +3,8 @@ title: Progressive Enhancement (プログレッシブエンハンスメント)
 slug: Glossary/Progressive_Enhancement
 ---
 
+{{GlossarySidebar}}
+
 **プログレッシブエンハンスメント** (Progressive enhancement) とは、可能な限り多くのユーザーに不可欠なコンテンツと機能のベースラインを提供することを中心とした設計哲学であり、必要なすべてのコードを実行できる最新のブラウザーのユーザーに限り、最高の体験を提供します。
 
 プログレッシブエンハンスメントの「プログレッシブ」とは、古いブラウザーや機能の限られた端末のユーザーには、よりシンプルでありながら良い使い勝手を実現し、同時に新しいブラウザーや機能が豊富な端末のユーザーには、より魅力的で充実したものへ**使い勝手を進化させる**設計であることを意味しているのです。
diff --git a/files/ja/glossary/progressive_web_apps/index.md b/files/ja/glossary/progressive_web_apps/index.md
index f73da8e386ae9c..4eeee13f7e6470 100644
--- a/files/ja/glossary/progressive_web_apps/index.md
+++ b/files/ja/glossary/progressive_web_apps/index.md
@@ -3,6 +3,8 @@ title: "Progressive web apps\_(プログレッシブウェブアプリ)"
 slug: Glossary/Progressive_web_apps
 ---
 
+{{GlossarySidebar}}
+
 プログレッシブウェブアプリは、ウェブアプリ開発の現代的な姿を表す用語です。これには検索エンジンによる見つけやすさ、{{Glossary("URL")}} を使用したリンク、複数の形式要素で動作することなど、ウェブのあらゆる優れた部分を活用した標準的なウェブサイト/アプリを利用し、最新の API ([Service Workers](/ja/docs/Web/API/Service_Worker_API) や [Push](/ja/docs/Web/API/Push_API) など) やネイティブアプリに由来するさまざまな利点をより一般的にもたらす機能を提供すること含みます。
 
 これらの機能は、インストール可能で、オフラインで動作し、簡単に同期できてユーザーがサーバーに簡単に再接続できます。
diff --git a/files/ja/glossary/promise/index.md b/files/ja/glossary/promise/index.md
index 7d573a238fa575..1964da4a157175 100644
--- a/files/ja/glossary/promise/index.md
+++ b/files/ja/glossary/promise/index.md
@@ -3,6 +3,8 @@ title: Promise
 slug: Glossary/Promise
 ---
 
+{{GlossarySidebar}}
+
 **{{jsxref("Promise")}}** は、ある {{Glossary("function", "関数")}} が返す、呼び出された時点でまだ完了していない処理の結果をあらわす {{Glossary("object", "オブジェクト")}} です。その名のとおり、関数が `Promise` オブジェクトを経由して、最終的に何らかの結果を返すことを*約束*(Promise は約束の意味)するわけです。
 
 {{Glossary("asynchronous", "非同期に")}} 処理をおこなう関数が処理を完了したとき、`Promise` オブジェクトに設置された **resolution** ハンドラ(または **fulfillment** ハンドラ、**completion** ハンドラ) が呼ばれて、呼び出し元の関数は処理の完了を知ることができます。
diff --git a/files/ja/glossary/property/css/index.md b/files/ja/glossary/property/css/index.md
index 4db81a59000d35..3ae53c9651d54d 100644
--- a/files/ja/glossary/property/css/index.md
+++ b/files/ja/glossary/property/css/index.md
@@ -3,6 +3,8 @@ title: Property (プロパティ) (CSS)
 slug: Glossary/Property/CSS
 ---
 
+{{GlossarySidebar}}
+
 **CSS のプロパティ**は、関連付けられた値によりブラウザーがどのように要素を表示するかを定義する特性です。
 
 以下に CSS のルールの例を示します：
diff --git a/files/ja/glossary/property/index.md b/files/ja/glossary/property/index.md
index ebb83b30523eeb..480a28462021ef 100644
--- a/files/ja/glossary/property/index.md
+++ b/files/ja/glossary/property/index.md
@@ -3,6 +3,8 @@ title: Property (プロパティ)
 slug: Glossary/Property
 ---
 
+{{GlossarySidebar}}
+
 **プロパティ**という用語はコンテキストに応じて幾つかの意味を持ちます。以下を参照してください：
 
 {{GlossaryDisambiguation}}
diff --git a/files/ja/glossary/property/javascript/index.md b/files/ja/glossary/property/javascript/index.md
index 1e2ac7b59287de..876401734e812d 100644
--- a/files/ja/glossary/property/javascript/index.md
+++ b/files/ja/glossary/property/javascript/index.md
@@ -3,6 +3,8 @@ title: Property (プロパティ) (JavaScript)
 slug: Glossary/Property/JavaScript
 ---
 
+{{GlossarySidebar}}
+
 **JavaScript プロパティ**は、多くの場合データ構造と関連付けられた属性を記述する、オブジェクトの特性です。
 
 プロパティは 2 種類あります。
diff --git a/files/ja/glossary/protocol/index.md b/files/ja/glossary/protocol/index.md
index 019919ccbdaa95..c6419be0549c04 100644
--- a/files/ja/glossary/protocol/index.md
+++ b/files/ja/glossary/protocol/index.md
@@ -3,6 +3,8 @@ title: Protocol (プロトコル)
 slug: Glossary/Protocol
 ---
 
+{{GlossarySidebar}}
+
 **プロトコル**は、コンピューター内またはコンピューター間でデータを交換する方法を定義したルールの体系です。機器間の通信では、交換されるデータの形式に機器が対応している必要があります。形式を定義する一連のルールがプロトコルと呼ばれています。
 
 ## 理解を深める
diff --git a/files/ja/glossary/prototype-based_programming/index.md b/files/ja/glossary/prototype-based_programming/index.md
index 98c0d2d9224791..2074cddca6a967 100644
--- a/files/ja/glossary/prototype-based_programming/index.md
+++ b/files/ja/glossary/prototype-based_programming/index.md
@@ -3,6 +3,8 @@ title: プロトタイプベース
 slug: Glossary/Prototype-based_programming
 ---
 
+{{GlossarySidebar}}
+
 **プロトタイプベース**は、{{Glossary('OOP', 'オブジェクト指向プログラミング')}}のひとつで、{{Glossary('Class', 'クラス')}}を明示的に定義するのではなく、別のクラスのインスタンスや、あまり見かけませんが、空のオブジェクトにプロパティやメソッドを追加するという手法をとっています。
 
 簡単に言えば、この手法は{{Glossary('Class', 'クラス')}}をはじめに定義することなしに{{Glossary('Object', 'オブジェクト')}}を生成することを可能にします。
diff --git a/files/ja/glossary/prototype/index.md b/files/ja/glossary/prototype/index.md
index 2bcf914b36f22d..a6c7cc35f6f853 100644
--- a/files/ja/glossary/prototype/index.md
+++ b/files/ja/glossary/prototype/index.md
@@ -3,6 +3,8 @@ title: Prototype
 slug: Glossary/Prototype
 ---
 
+{{GlossarySidebar}}
+
 プロトタイプは、開発ライフサイクルの早い段階でアプリケーションや製品の外観と動作を表現する型です。
 
 [継承とプロトタイプチェーン](/ja/docs/Web/JavaScript/Inheritance_and_the_prototype_chain) をご覧ください。
diff --git a/files/ja/glossary/proxy_server/index.md b/files/ja/glossary/proxy_server/index.md
index 480a734f13c824..8056c1c4628bb1 100644
--- a/files/ja/glossary/proxy_server/index.md
+++ b/files/ja/glossary/proxy_server/index.md
@@ -3,6 +3,8 @@ title: Proxy server (プロキシサーバー)
 slug: Glossary/Proxy_server
 ---
 
+{{GlossarySidebar}}
+
 **プロキシサーバー**は、インターネットのさまざまなネットワークを介してナビゲートするときに使用される中間プログラムまたはコンピュータです。それらは World Wide Web 上のコンテンツへのアクセスを容易にします。プロキシはリクエストに介入し、レスポンスを返します。(例えば、キャッシュの場合) リクエストを転送することができ、それを変更することができます (例えば、2 つのネットワーク間の境界でヘッダを変更する)。
 
 プロキシは、ユーザーのローカルコンピューター上、またはユーザーのコンピューターとインターネット上の宛先サーバーの間のどこにでも置くことができます。 一般に、プロキシサーバーには 2 つの主要な種類があります。
diff --git a/files/ja/glossary/pseudo-class/index.md b/files/ja/glossary/pseudo-class/index.md
index ee926c24ae9948..5e8819de834246 100644
--- a/files/ja/glossary/pseudo-class/index.md
+++ b/files/ja/glossary/pseudo-class/index.md
@@ -3,6 +3,8 @@ title: Pseudo-class
 slug: Glossary/Pseudo-class
 ---
 
+{{GlossarySidebar}}
+
 CSS では**擬似クラス**セレクターを使うことで、ドキュメントツリーからの情報ではなく、その状態によって、対象の要素を指定することができます。例えば、セレクター `a`{{ cssxref(":visited") }} は、ユーザーがすでに訪問したリンクだけに、スタイルを適用することができます。
 
 ## 関連項目
diff --git a/files/ja/glossary/pseudo-element/index.md b/files/ja/glossary/pseudo-element/index.md
index 863c41f846cefb..2b026609a0724a 100644
--- a/files/ja/glossary/pseudo-element/index.md
+++ b/files/ja/glossary/pseudo-element/index.md
@@ -3,6 +3,8 @@ title: Pseudo-element
 slug: Glossary/Pseudo-element
 ---
 
+{{GlossarySidebar}}
+
 CSS では**擬似要素**セレクターを使うことで、選択すべき特定の HTML 要素がない状況でも、ドキュメントのコンテンツの一部に、スタイルを適用できます。例えば、各段落の最初の文字を、それぞれの要素の中に置いていくのではなく、`p`{{ Cssxref("::first-letter") }} で、それらのすべてに、スタイルを指定することができます。
 
 ## 関連項目
diff --git a/files/ja/glossary/pseudocode/index.md b/files/ja/glossary/pseudocode/index.md
index 59b8b1f5d1835a..1c4a2fbe5495fa 100644
--- a/files/ja/glossary/pseudocode/index.md
+++ b/files/ja/glossary/pseudocode/index.md
@@ -3,6 +3,8 @@ title: Pseudocode (擬似コード)
 slug: Glossary/Pseudocode
 ---
 
+{{GlossarySidebar}}
+
 擬似コードは人間に対し、コード構文がどのようにはたらいているかを示す、あるいはコード設計のある項目の意図を表現するために広く用いられる、コードのような構文を意味します。実際にコードとして実行しようとしても、**うまく動作しない**でしょう。
 
 ## 関連情報
diff --git a/files/ja/glossary/public-key_cryptography/index.md b/files/ja/glossary/public-key_cryptography/index.md
index 9b0e610125f850..857b934d8340ef 100644
--- a/files/ja/glossary/public-key_cryptography/index.md
+++ b/files/ja/glossary/public-key_cryptography/index.md
@@ -3,6 +3,8 @@ title: Public-key cryptography (公開鍵暗号)
 slug: Glossary/Public-key_cryptography
 ---
 
+{{GlossarySidebar}}
+
 公開鍵暗号 — または*非対称暗号* — は、対となる鍵による暗号システムです。一方の鍵によって行われた変換は、もう一方の鍵によってしか元に戻せません。一方の鍵 (_秘密鍵_) は秘匿しておき、もう一方の鍵は公開します。
 
 デジタル署名で使用する場合、署名の生成に秘密鍵が使用され、検証に公開鍵が使用されます。つまり、誰でも署名を検証することができますが、対応する秘密鍵の所有者のみが署名を生成することができます。
diff --git a/files/ja/glossary/python/index.md b/files/ja/glossary/python/index.md
index 4231327bf16cfa..7cc83e5ad161cd 100644
--- a/files/ja/glossary/python/index.md
+++ b/files/ja/glossary/python/index.md
@@ -3,6 +3,8 @@ title: Python
 slug: Glossary/Python
 ---
 
+{{GlossarySidebar}}
+
 **Python**は、一般目的の高水準プログラミング言語です。複数のパラダイムを採用しており、手続型、オブジェクト指向、いくらか関数型プログラミングの構造に対応しています。
 
 Python は、 ABC と呼ばれている別な言語の後継として、 Guido van Rossum によって 1985 年から 1990 年の間に開発され、現在ではウェブ開発、他のアプリケーションのスクリプト言語、実際のアプリケーション構築など、広い分野で使用されています。
diff --git a/files/ja/glossary/quality_values/index.md b/files/ja/glossary/quality_values/index.md
index 748cc7d704a775..e044931f8a397b 100644
--- a/files/ja/glossary/quality_values/index.md
+++ b/files/ja/glossary/quality_values/index.md
@@ -3,6 +3,8 @@ title: Quality values
 slug: Glossary/Quality_values
 ---
 
+{{GlossarySidebar}}
+
 **品質値**、もしくは q 値と q ファクターは、値の優先順位をコンマ区切りのリストで記述するために使用されます。これはいくつかの [HTTP ヘッダー](/ja/docs/Web/HTTP/Headers)と HTML で許される特別な構文です。 値の重要性はサフィックス `';q='` の直後に `0` と `1` の間の値が含まれ、最大 3 つの 10 進数で最高の優先度を示します。存在しない場合、デフォルト値は `1` です。
 
 ## 例
diff --git a/files/ja/glossary/quaternion/index.md b/files/ja/glossary/quaternion/index.md
index 2a24948729bb44..cc4e3d84dbcd19 100644
--- a/files/ja/glossary/quaternion/index.md
+++ b/files/ja/glossary/quaternion/index.md
@@ -3,6 +3,8 @@ title: Quaternion (四元数)
 slug: Glossary/Quaternion
 ---
 
+{{GlossarySidebar}}
+
 **四元数**は、2 つの 3D ベクトルの商であり、3D グラフィックや加速度計ベースのセンサーで、方位や回転のデータを表現するために使用されます。
 
 数学的な四元数はこれよりも複雑ですが、例えば [WebGL](/ja/docs/Glossary/WebGL) や [WebXR](/ja/docs/Web/API/WebXR_Device_API) を使用して回転を表現するための**単位四元数** (または**回転四元数**) は、3D ポイントと同じ構文を使用して表されます。そのため、{{domxref("DOMPoint")}} (または {{domxref("DOMPointReadOnly")}}) という型を使って四元数を格納します。
diff --git a/files/ja/glossary/quic/index.md b/files/ja/glossary/quic/index.md
index f0ead8dbe009bb..12bbcc33aaee04 100644
--- a/files/ja/glossary/quic/index.md
+++ b/files/ja/glossary/quic/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4bd65a01204446af2254bb8864bd22ad87bc86b0
 ---
 
+{{GlossarySidebar}}
+
 **QUIC** は、UDP で実装された多重化トランスポートプロトコルです。HTTP/3 のトランスポート層として {{Glossary("TCP")}} の代わりに使用されます。
 
 QUIC は、HTTP 接続のセットアップの迅速化と遅延の低減を提供するために設計されました。具体的には、以下の通りです。
diff --git a/files/ja/glossary/rail/index.md b/files/ja/glossary/rail/index.md
index 0162506e1cf00e..9c5388ee43b317 100644
--- a/files/ja/glossary/rail/index.md
+++ b/files/ja/glossary/rail/index.md
@@ -3,6 +3,8 @@ title: RAIL
 slug: Glossary/RAIL
 ---
 
+{{GlossarySidebar}}
+
 **RAIL** とは、**Response, Animation, Idle, Load** の頭文字をとったもので、2015 年に Google Chrome チームが発案した、ブラウザー内のユーザーエクスペリエンスとパフォーマンスにフォーカスしたパフォーマンスモデルです。RAIL におけるパフォーマンスとは、"特定のデバイスでサイトを高速化させることではなく、ユーザーを幸せにすること"です。インタラクションには、ページロード、アイドル状態、入力への応答、スクロールとアニメーションの 4 つのステージがあります。各項目については、以下に頭文字順に解説します。
 
 - **Response**
diff --git a/files/ja/glossary/raster_image/index.md b/files/ja/glossary/raster_image/index.md
index 995b828090596d..09ae23443e836f 100644
--- a/files/ja/glossary/raster_image/index.md
+++ b/files/ja/glossary/raster_image/index.md
@@ -3,6 +3,8 @@ title: ラスターイメージ (Raster Image)
 slug: Glossary/Raster_image
 ---
 
+{{GlossarySidebar}}
+
 **_ラスター画像_** (raster Image) とは、ピクセルのグリッドとして定義されている画像です。ビットマップ (bitmaps) としても参照されます。[JPEG](/ja/docs/Glossary/jpeg)、[PNG](/ja/docs/Glossary/PNG)、[GIF](/ja/docs/Glossary/gif)、[ICO](<https://ja.wikipedia.org/wiki/ICO_(ファイルフォーマット)>) は、ウェブでよく使われるラスター画像の形式です。
 
 普通ではラスター画像のファイルは 1 つの解像度のみ含まれていますが favicon でよく使用される ICO、CUR フォーマットと [CSS カーソル画像](/ja/docs/Web/CSS/cursor)には複数のサイズが含まれている場合があります。
diff --git a/files/ja/glossary/recursion/index.md b/files/ja/glossary/recursion/index.md
index bfd06d0fe6193e..a17b0f8b00ed7a 100644
--- a/files/ja/glossary/recursion/index.md
+++ b/files/ja/glossary/recursion/index.md
@@ -3,6 +3,8 @@ title: Recursion (再帰)
 slug: Glossary/Recursion
 ---
 
+{{GlossarySidebar}}
+
 関数が自分自身を呼び出す動作、再帰は問題がより小さな小問題から成っている場合に解決するのに使われます。再帰関数は、ベースケース (再帰終了) と再帰ケース (再帰再開) の 2 種類の入力を受け取る可能性があります。
 
 ## 例
diff --git a/files/ja/glossary/reflow/index.md b/files/ja/glossary/reflow/index.md
index ac25d5e261971d..f592450132e210 100644
--- a/files/ja/glossary/reflow/index.md
+++ b/files/ja/glossary/reflow/index.md
@@ -3,6 +3,8 @@ title: Reflow
 slug: Glossary/Reflow
 ---
 
+{{GlossarySidebar}}
+
 インタラクティブサイトでの更新後など、 {{glossary("browser")}} が Web ページの一部または全てを再度処理して描画する必要がある場合、**リフロー** が発生します。
 
 ## 関連項目
diff --git a/files/ja/glossary/regular_expression/index.md b/files/ja/glossary/regular_expression/index.md
index 6f752cabc716c4..5d2dade45ee9e7 100644
--- a/files/ja/glossary/regular_expression/index.md
+++ b/files/ja/glossary/regular_expression/index.md
@@ -3,6 +3,8 @@ title: Regular expression (正規表現)
 slug: Glossary/Regular_expression
 ---
 
+{{GlossarySidebar}}
+
 **正規表現** (または _regex_) は、検索でどの文字の連続が出てくるのかを決めるルールです。
 
 正規表現はさまざまな言語で実装されてますが、一番有名な実装は Perl による実装です。それは　 PCRE (_Perl Compatible Regular Expression_) といわれる独自の実装エコシステムを生み出しました。ウェブ上では、{{glossary("JavaScript")}} は {{jsxref("RegExp")}} オブジェクトを介して別の正規表現の実装を提供します。
diff --git a/files/ja/glossary/rendering_engine/index.md b/files/ja/glossary/rendering_engine/index.md
index 1159b2264c4569..f55bae782e3e24 100644
--- a/files/ja/glossary/rendering_engine/index.md
+++ b/files/ja/glossary/rendering_engine/index.md
@@ -3,6 +3,8 @@ title: Rendering engine (レンダリングエンジン)
 slug: Glossary/Rendering_engine
 ---
 
+{{GlossarySidebar}}
+
 **レンダリングエンジン**は画面にテキストと画像を描画するソフトウェアです。このエンジンは構造化文書 (たいてい {{glossary("HTML")}}) を描画して、所与のスタイル定義 (たいてい {{glossary("CSS")}} にて与えられる) に基づいて整形します。レイアウトエンジンの例としては、 {{glossary("Blink")}}, {{glossary("Gecko")}}, EdgeHTML, {{glossary("WebKit")}} があります。
 
 ## 詳細情報
diff --git a/files/ja/glossary/repo/index.md b/files/ja/glossary/repo/index.md
index 0539f32ba71be5..0d4545080a3718 100644
--- a/files/ja/glossary/repo/index.md
+++ b/files/ja/glossary/repo/index.md
@@ -3,7 +3,7 @@ title: Repo (リポジトリ)
 slug: Glossary/Repo
 ---
 
-{{QuickLinksWithSubpages("/ja/docs/Glossary")}}
+{{GlossarySidebar}}
 
 {{Glossary("Git")}}、{{Glossary("SVN")}}のようなバージョン管理システムでは、リポジトリ(repo)とはアプリケーションのソースコードと、さまざまなメタデータが一緒にホスティングされる場所です。
 
diff --git a/files/ja/glossary/reporting_directive/index.md b/files/ja/glossary/reporting_directive/index.md
index 86a1b943aa8065..0de32dce0612f6 100644
--- a/files/ja/glossary/reporting_directive/index.md
+++ b/files/ja/glossary/reporting_directive/index.md
@@ -3,6 +3,8 @@ title: Reporting directive (報告ディレクティブ)
 slug: Glossary/Reporting_directive
 ---
 
+{{GlossarySidebar}}
+
 **{{Glossary("CSP")}} の報告ディレクティブ**は {{HTTPHeader("Content-Security-Policy")}} ヘッダーで使用され、 CSP 違反の報告過程を制御します。
 
 完全な一覧については[報告ディレクティブ](/ja/docs/Web/HTTP/Headers/Content-Security-Policy#reporting_directives)を参照してください。
diff --git a/files/ja/glossary/representation_header/index.md b/files/ja/glossary/representation_header/index.md
index c22d61739ea522..6589000501acd7 100644
--- a/files/ja/glossary/representation_header/index.md
+++ b/files/ja/glossary/representation_header/index.md
@@ -3,6 +3,8 @@ title: Representation header (表現ヘッダー)
 slug: Glossary/Representation_header
 ---
 
+{{GlossarySidebar}}
+
 **表現ヘッダー** (representation header) は {{glossary("HTTP_header", "HTTP ヘッダー")}}のうち、 HTTP メッセージの本文で送られる特定の*表現*を説明するものです。
 
 表現とは、特定のリソースをさまざまな形で表現したものです。
diff --git a/files/ja/glossary/request_header/index.md b/files/ja/glossary/request_header/index.md
index 97dd78ea85d054..d38a15919de573 100644
--- a/files/ja/glossary/request_header/index.md
+++ b/files/ja/glossary/request_header/index.md
@@ -3,6 +3,8 @@ title: Request header (リクエストヘッダー)
 slug: Glossary/Request_header
 ---
 
+{{GlossarySidebar}}
+
 **リクエストヘッダー**は、 HTTP リクエストで使用される {{glossary("header", "HTTP ヘッダー")}}であり、メッセージの内容には関連しないものです。 {{HTTPHeader("Accept")}}, {{HTTPHeader("Accept-Language", "Accept-*")}}, {{HTTPHeader("If-Modified-Since", "If-*")}} などのリクエストヘッダーは、条件付きリクエストを行うことができます。他の {{HTTPHeader("Cookie")}}, {{HTTPHeader("User-Agent")}}, {{HTTPHeader("Referer")}} などはサーバーが回答を作成するための文脈を明確にします。
 
 リクエストに現れるすべてのヘッダーが*リクエストヘッダー*であるとは限りません。例えば、 {{HTTPMethod("POST")}} リクエストの中に現れる {{HTTPHeader("Content-Length")}} は、実際にはリクエストメッセージの本文の長さを表す{{glossary("entity header", "エンティティヘッダー")}}です。しかし、これらのエンティティヘッダーもそのような場面ではリクエストヘッダーと呼ばれることがよくあります。
diff --git a/files/ja/glossary/response_header/index.md b/files/ja/glossary/response_header/index.md
index f36f7d3454f047..d2ea29f1c7cd23 100644
--- a/files/ja/glossary/response_header/index.md
+++ b/files/ja/glossary/response_header/index.md
@@ -3,6 +3,8 @@ title: Response header (レスポンスヘッダー)
 slug: Glossary/Response_header
 ---
 
+{{GlossarySidebar}}
+
 **レスポンスヘッダー**は、 HTTP レスポンスで使用できる {{glossary("header", "HTTP ヘッダー")}}で、メッセージの内容には関連しないものです。 {{HTTPHeader("Age")}}, {{HTTPHeader("Location")}}, {{HTTPHeader("Server")}} のようなレスポンスヘッダーは、レスポンスのものより詳細な文脈を提供するために使用されます。
 
 レスポンスに現れるすべてのヘッダーが仕様書で*レスポンスヘッダー*に分類されている訳ではありません。例えば {{HTTPHeader("Content-Length")}} ヘッダーは*表現メタデータヘッダー*であり、レスポンスメッセージの本文の長さを表します (そして、古いバージョンの仕様書では{{glossary("entity header", "エンティティヘッダー")}}でした)。しかし、これらのエンティティヘッダーもそのような場面ではレスポンスヘッダーと呼ばれることがよくあります。
diff --git a/files/ja/glossary/responsive_web_design/index.md b/files/ja/glossary/responsive_web_design/index.md
index 43025fd233e408..7ad9a956755a93 100644
--- a/files/ja/glossary/responsive_web_design/index.md
+++ b/files/ja/glossary/responsive_web_design/index.md
@@ -3,6 +3,8 @@ title: Responsive web design (レスポンシブウェブデザイン)
 slug: Glossary/Responsive_web_design
 ---
 
+{{GlossarySidebar}}
+
 _レスポンシブウェブデザイン_ (**RWD**) とはサイトの見た目と挙動を、デスクトップからモバイルまで全てのパーソナルコンピューティングデバイスにとって、最適化することに焦点を当てたウェブ開発の概念です。
 
 ## 詳細情報
diff --git a/files/ja/glossary/rest/index.md b/files/ja/glossary/rest/index.md
index f736f80b16af39..e234a3f0656c5a 100644
--- a/files/ja/glossary/rest/index.md
+++ b/files/ja/glossary/rest/index.md
@@ -3,6 +3,8 @@ title: REST
 slug: Glossary/REST
 ---
 
+{{GlossarySidebar}}
+
 **REST** (Representational State Transfer) は、効率的で信頼性が高く、スケーラブルな分散システムを実現するためのソフトウェアアーキテクチャ設計上の一連の制約条件のことです。
 
 REST の基本的な考え方は、リソース、たとえば文書が、よく認識され、言語にとらわれず、確実に標準化されたクライアント/サーバーのやりとりで転送するというものです。サービスがこれらの制約に準拠している場合、 RESTful とみなされます。
diff --git a/files/ja/glossary/rgb/index.md b/files/ja/glossary/rgb/index.md
index 4b408bc41ffd46..797a381d873942 100644
--- a/files/ja/glossary/rgb/index.md
+++ b/files/ja/glossary/rgb/index.md
@@ -3,6 +3,8 @@ title: RGB
 slug: Glossary/RGB
 ---
 
+{{GlossarySidebar}}
+
 RGB は、赤、緑、青という 3 つの基本要素（またはチャネル）を混ぜ合わせることで表現されるカラーモデルです。各色は、最終的な色を決定する際、赤、緑、青それぞれの強度を示す 3 つの数字のシーケンス (通常は 0.0〜1.0、または 0〜255) で表されます。
 
 There are many ways to describe the RGB components of a color. In {{Glossary("CSS")}} they can be represented as a single 24-bit integer in hexadecimal notation (for example, `#add8e6` is light blue), or in functional notation as three separate 8-bit integers (for example, rgb(46, 139, 87) is sea green). In {{Glossary("OpenGL")}}, {{Glossary("WebGL")}}, and {{Glossary("GLSL")}} the red-green-blue components are fractions (floating-point numbers between 0.0 and 1.0), although in the actual color buffer they are typically stored as 8-bit integers. Graphically, a color can be represented as a point in a three-dimensional grid or cube, where each dimension (or axis) corresponds to a different channel.
diff --git a/files/ja/glossary/rng/index.md b/files/ja/glossary/rng/index.md
index bd6607181b5919..9189787c4419a7 100644
--- a/files/ja/glossary/rng/index.md
+++ b/files/ja/glossary/rng/index.md
@@ -3,6 +3,8 @@ title: Random Number Generator (乱数発生器)
 slug: Glossary/RNG
 ---
 
+{{GlossarySidebar}}
+
 **PRNG** (擬似乱数発生器) は、複雑で、予測できないように見えるパターンの数字を出力するためのアルゴリズムです。真の乱数 (放射性線源など) はまったく予測できないのに対し、すべてのアルゴリズムは予測可能なので、 PRNG は、開始パラメーターや*シード*が同じときには同じ数値を返します。
 
 疑似乱数はゲームなど、様々な応用分野で使用されています。
@@ -21,9 +23,6 @@ slug: Glossary/RNG
 - Wikipedia の[擬似乱数](https://ja.wikipedia.org/wiki/擬似乱数)
 - JavaScript の組み込み PRNG 関数である {{jsxref("Math.random()")}}。これは暗号学的に安全な PRNG ではありません。
 - {{domxref("Crypto.getRandomValues()")}}: 暗号学的に安全な数値を提供するためのものです。
-
-<!---->
-
 - {{domxref("RandomSource")}}
 - {{jsxref("Math.random()")}}
 - {{domxref("Crypto.getRandomValues()")}}
diff --git a/files/ja/glossary/robots.txt/index.md b/files/ja/glossary/robots.txt/index.md
index ed78c2693f355e..2798df8f6c3f96 100644
--- a/files/ja/glossary/robots.txt/index.md
+++ b/files/ja/glossary/robots.txt/index.md
@@ -3,6 +3,8 @@ title: Robots.txt
 slug: Glossary/Robots.txt
 ---
 
+{{GlossarySidebar}}
+
 Robots.txt は通常、ウェブサイトのルートに配置されているファイルです。このファイルは、{{Glossary("crawler", "クローラー")}} からウェブサイトへのアクセスを許可するか、禁止するかを決定します。
 
 例えば、サイト管理者はクローラーが特定のフォルダー（とそこに含まれるすべてのファイル）にアクセスしたり、特定ファイルをクロールするのを禁止でき、通常はこれらのファイルが他の検索エンジンによってインデックスされることを防ぐために使われます。
diff --git a/files/ja/glossary/round_trip_time/index.md b/files/ja/glossary/round_trip_time/index.md
index 20f2abb08351cd..3e52419abfb171 100644
--- a/files/ja/glossary/round_trip_time/index.md
+++ b/files/ja/glossary/round_trip_time/index.md
@@ -3,6 +3,8 @@ title: Round Trip Time (ラウンドトリップタイム)
 slug: Glossary/Round_Trip_Time
 ---
 
+{{GlossarySidebar}}
+
 **ラウンドトリップタイム (RTT)** とは、データパケットが宛先に送信されるのにかかる時間と、そのパケットの確認応答が発信元で受信されるのにかかる時間の長さです。ネットワークとサーバー間の RTT は、`ping` コマンドを使用して計測できます。
 
 ```bash
diff --git a/files/ja/glossary/routers/index.md b/files/ja/glossary/routers/index.md
index 83605a7fc9bec6..5b6891497c45b4 100644
--- a/files/ja/glossary/routers/index.md
+++ b/files/ja/glossary/routers/index.md
@@ -3,6 +3,8 @@ title: Router (ルーター)
 slug: Glossary/Routers
 ---
 
+{{GlossarySidebar}}
+
 ウェブでは**ルーター**には 3 つの定義があります。
 
 1. ネットワーク層において、ルーターはデータ{{Glossary('Packet','パケット')}}の方向を決めるネットワーク機器です。これらは、ユーザーがインターネットに接続できるように小売店で販売されています。
diff --git a/files/ja/glossary/rss/index.md b/files/ja/glossary/rss/index.md
index 6e16349478c54f..8f59f3c4fa9b6c 100644
--- a/files/ja/glossary/rss/index.md
+++ b/files/ja/glossary/rss/index.md
@@ -3,6 +3,8 @@ title: RSS
 slug: Glossary/RSS
 ---
 
+{{GlossarySidebar}}
+
 **RSS** (Really Simple Syndication) は、サイトの更新情報を配信するためにデザインされた XML ドキュメント形式です。RSS を購読すると、ウェブサイトはフィードと呼ばれる RSS ドキュメントで更新情報を RSS リーダーに送信するため、購読者はお気に入りのウェブサイトをすべて手動でチェックする必要がなくなります。
 
 ## 詳細情報
diff --git a/files/ja/glossary/rtf/index.md b/files/ja/glossary/rtf/index.md
index 4209dbdc8a5c09..ad89a66c3f6a5b 100644
--- a/files/ja/glossary/rtf/index.md
+++ b/files/ja/glossary/rtf/index.md
@@ -3,6 +3,8 @@ title: RTF
 slug: Glossary/RTF
 ---
 
+{{GlossarySidebar}}
+
 RTF (リッチテキストフォーマット) は書式設定 (例：太字、イタリック) をサポートしたプレーンテキストベースのファイルフォーマットです。
 
 1980 年代に Microsoft Word チームの 3 人のプログラマーが RTF を作り、Microsoft が 2008 年まで開発していました。開発が終了した現在でも多くの文書処理プログラムが RTF を読み書きできます。
diff --git a/files/ja/glossary/rtl/index.md b/files/ja/glossary/rtl/index.md
index 19c69cf932f650..90e00468a82136 100644
--- a/files/ja/glossary/rtl/index.md
+++ b/files/ja/glossary/rtl/index.md
@@ -3,6 +3,8 @@ title: RTL (右書き)
 slug: Glossary/RTL
 ---
 
+{{GlossarySidebar}}
+
 **RTL** (**Right To Left**, 右書き) は、テキストが右から左へ書かれることを示す {{Glossary("locale")}} プロパティです。例えば、`he` ロケール (ヘブライ語) は右書きを定義します。アラビア語 (`ar`) も右書きで書かれる有名な言語です。
 
 RTL とは対照的に、LTR (Left To Right, 左書き) は、英語 (`en`, `en-US`, `en-GB`, など)、スペイン語 (`es`)、フランス語 (`fr`) などの他の言語で使用されます。
diff --git a/files/ja/glossary/rtsp/index.md b/files/ja/glossary/rtsp/index.md
index 4bc111bd760399..858e4e2601f776 100644
--- a/files/ja/glossary/rtsp/index.md
+++ b/files/ja/glossary/rtsp/index.md
@@ -3,6 +3,8 @@ title: "RTSP: Real-time streaming protocol"
 slug: Glossary/RTSP
 ---
 
+{{GlossarySidebar}}
+
 Real-time streaming protocol (RTSP) はネットワークプロトコルの一つで、{{glossary("server", "サーバー")}}と{{glossary("client", "クライアント")}}の間でどのようにメディアのストリーミングが行われるかを制御するものです。基本的に、 RTSP は動画をストリーミングするときに \[一時停止]/\[再生] をクリックしたときに何が起こるかを記述するためのプロトコルです。コンピューターがリモコンであり、ストリーミングサーバーがテレビであった場合、 RTSP はテレビに作用するリモコンの操作の方法を記述します。
 
 ## より詳しく知る
diff --git a/files/ja/glossary/ruby/index.md b/files/ja/glossary/ruby/index.md
index a5d4f3d20e7c9a..d4dfc6fdba1960 100644
--- a/files/ja/glossary/ruby/index.md
+++ b/files/ja/glossary/ruby/index.md
@@ -3,6 +3,8 @@ title: Ruby
 slug: Glossary/Ruby
 ---
 
+{{GlossarySidebar}}
+
 **Ruby** はオープンソースのプログラミング言語です。{{glossary("world wide web","Web")}} コンテキストでは、Ruby はウェブサイト/アプリを生産するための _Ruby On Rails_ (ROR) フレームワークと一緒にサーバー・サイドでよく使用されます。
 
 ルビはまた、HTML で東アジアのテキストを強調して発音情報を与える方法でもあります; {{HTMLElement("ruby")}} 要素を見てください。
diff --git a/files/ja/glossary/safe/http/index.md b/files/ja/glossary/safe/http/index.md
index ce1d19f5001bd7..44cef9a097c232 100644
--- a/files/ja/glossary/safe/http/index.md
+++ b/files/ja/glossary/safe/http/index.md
@@ -3,6 +3,8 @@ title: Safe (安全) (HTTP メソッド)
 slug: Glossary/Safe/HTTP
 ---
 
+{{GlossarySidebar}}
+
 HTTP メソッドが**安全**であるとは、その HTTP メソッドがサーバーの状態を変更しないということです。言い換えれば、読み取り専用操作につながる場合、メソッドは安全です。一般的な HTTP メソッドのうちでは {{HTTPMethod("GET")}}, {{HTTPMethod("HEAD")}}, {{HTTPMethod("OPTIONS")}} が安全です。安全な HTTP メソッドはすべて{{glossary("idempotent", "べき等")}}でもあります。しかし、すべてのべき等なメソッドが安全とは限りません。例えば、 {{HTTPMethod("PUT")}} や {{HTTPMethod("DELETE")}} はべき等ですが、安全ではありません。
 
 安全なメソッドは、意味の上では読み取り専用ですが、実際にはサーバーは状態を変更することもあります。例えば、サーバーはログを記録したり、統計情報を保存したりできます。ここで重要なことは、安全なメソッドを呼び出すことによって、クライアント自体はサーバー変更を要求していないため、サーバーに不必要な負荷や責務をかけないことです。ブラウザーは、サーバーに何らかの害を及ぼすことを心配することなく安全なメソッドを呼び出すことができます。これにより、リスクなしで先読みなどの操作を実行できます。また、ウェブクローラーも、安全なメソッドの呼び出しに依拠しています。
diff --git a/files/ja/glossary/safe/index.md b/files/ja/glossary/safe/index.md
index c21fe0fe090f80..4b0991f51a6942 100644
--- a/files/ja/glossary/safe/index.md
+++ b/files/ja/glossary/safe/index.md
@@ -3,6 +3,8 @@ title: Safe (安全)
 slug: Glossary/Safe
 ---
 
+{{GlossarySidebar}}
+
 **安全**という用語は、文脈によって意味が異なることがあります。以下の可能性があります。
 
 {{GlossaryDisambiguation}}
diff --git a/files/ja/glossary/same-origin_policy/index.md b/files/ja/glossary/same-origin_policy/index.md
index 2411b02b503583..a7420ba2a3afea 100644
--- a/files/ja/glossary/same-origin_policy/index.md
+++ b/files/ja/glossary/same-origin_policy/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4bd65a01204446af2254bb8864bd22ad87bc86b0
 ---
 
+{{GlossarySidebar}}
+
 **[同一オリジンポリシー](/ja/docs/Web/Security/Same-origin_policy)**は、重要なセキュリティの仕組みであり、ある{{Glossary("origin", "オリジン")}}から読み込まれた文書やスクリプトが、どのように他のオリジンからのリソースと対話することができるかを制限するものです。
 
 悪意ある行動を起こしかねないリソースを分離し、攻撃の可能性を縮小するのに役立ちます。
diff --git a/files/ja/glossary/scm/index.md b/files/ja/glossary/scm/index.md
index 7cb8d76444d1bb..2a39f598a3f810 100644
--- a/files/ja/glossary/scm/index.md
+++ b/files/ja/glossary/scm/index.md
@@ -3,6 +3,8 @@ title: SCM
 slug: Glossary/SCM
 ---
 
+{{GlossarySidebar}}
+
 SCM (Source Control Management) は、ソースコードを管理するための仕組みです。一般には、プログラムソースファイルのバージョン管理を行うソフトウェアの総称です。SCM は、ソースコードを誰がどのように変更を行ったかの履歴を保存しているため、プログラマーは有用な部分を消してしまう心配をすることなく、プログラムソースファイルを追加、変更、削除できます。
 
 代表的な SCM として、CVS、SVN、GIT があります。
diff --git a/files/ja/glossary/scope/index.md b/files/ja/glossary/scope/index.md
index b1f603f7688fd1..a2878d549adc38 100644
--- a/files/ja/glossary/scope/index.md
+++ b/files/ja/glossary/scope/index.md
@@ -3,6 +3,8 @@ title: Scope (スコープ)
 slug: Glossary/Scope
 ---
 
+{{GlossarySidebar}}
+
 実行の現在のコンテキスト。{{glossary("value","値")}} と**式**が「見える」、または参照できる文脈。**{{glossary("variable","変数")}}**や他の式が "現在のスコープ内にない" 場合、使用できません。スコープを階層構造で階層化して、子スコープから親スコープにアクセスできるようにすることもできますが、その逆はできません。
 
 **{{glossary("function", "関数")}}**は {{glossary("JavaScript")}} の**クロージャ**として機能し、すなわちスコープを作成して、 (例えば) 関数内で排他的に定義された変数に、関数の外側からや他の関数の中からアクセスできないようになります。たとえば、以下は無効です。
diff --git a/files/ja/glossary/screen_reader/index.md b/files/ja/glossary/screen_reader/index.md
index 0341e7e34b5b0b..55f8c136596788 100644
--- a/files/ja/glossary/screen_reader/index.md
+++ b/files/ja/glossary/screen_reader/index.md
@@ -3,6 +3,8 @@ title: Screen reader (スクリーンリーダー)
 slug: Glossary/Screen_reader
 ---
 
+{{GlossarySidebar}}
+
 スクリーンリーダーは、画面に表示された内容を視覚以外の方法で伝えるソフトウェアアプリケーションのことです。通常はテキストを音声に変換しますが、点字や音声アイコンに変換することもあります。スクリーンリーダーは、目の不自由な方には欠かせませんし、視覚障碍者や読み書きのできない方、学習障碍のある方にも役立ちます。ブラウザーの拡張機能を利用したスクリーンリーダーもありますが、ほとんどのスクリーンリーダーは、ブラウザーだけでなく、すべてのユーザーのアプリケーションに対してシステム全体で動作します。
 
 ウェブアクセシビリティに関しては、ほとんどのユーザーエージェントがアクセシビリティオブジェクトモデルを提供し、スクリーンリーダーは、さまざまなオペレーティングシステムの機能を使用し、フック技術を使用して専用のアクセシビリティ API と対話します。
diff --git a/files/ja/glossary/script-supporting_element/index.md b/files/ja/glossary/script-supporting_element/index.md
index 6e83158f1ab717..877f4ff81181fb 100644
--- a/files/ja/glossary/script-supporting_element/index.md
+++ b/files/ja/glossary/script-supporting_element/index.md
@@ -3,6 +3,8 @@ title: Script-supporting element (スクリプト対応要素)
 slug: Glossary/Script-supporting_element
 ---
 
+{{GlossarySidebar}}
+
 {{Glossary("HTML")}} 文書において、**スクリプト対応要素**はページの表示やレイアウトに直接貢献しない要素です。その代わり、スクリプト自体やスクリプトからのみ使用される情報を持っています。これらの要素は重要な場合もありますが、ページのスクリプトが正確に作用しなければ表示されているページに影響しません。
 
 スクリプト対応要素は {{HTMLElement("script")}} 及び {{HTMLElement("template")}} の 2 つしかありません。
diff --git a/files/ja/glossary/scroll_container/index.md b/files/ja/glossary/scroll_container/index.md
index 71393237cbe091..2f1785070960b6 100644
--- a/files/ja/glossary/scroll_container/index.md
+++ b/files/ja/glossary/scroll_container/index.md
@@ -3,6 +3,8 @@ title: Scroll container (スクロールコンテナー)
 slug: Glossary/Scroll_container
 ---
 
+{{GlossarySidebar}}
+
 **スクロールコンテナー** (scroll container) は、コンテナーに `overflow: scroll` を適用するか、 `overflow: auto` であふれるほどの量のコンテンツがあるときに生成されます。
 
 スクロールコンテナーによって、ユーザーは領域をあふれて表示から切り取られ非表示になる部分をスクロールさせることができます。スクロールコンテナーの見える部分は、{{glossary("Scrollport", "スクロールポート")}}と呼ばれます。
diff --git a/files/ja/glossary/search_engine/index.md b/files/ja/glossary/search_engine/index.md
index bc65d2152a273e..f7cbad0aa4b5c8 100644
--- a/files/ja/glossary/search_engine/index.md
+++ b/files/ja/glossary/search_engine/index.md
@@ -3,6 +3,8 @@ title: Search engine (検索エンジン)
 slug: Glossary/Search_engine
 ---
 
+{{GlossarySidebar}}
+
 検索エンジンは {{Glossary("World Wide Web")}} から情報を集めて、特定の情報を探しているユーザーに表示するソフトウェアです。
 
 検索エンジンは下記のプロセスを実行します:
diff --git a/files/ja/glossary/secure_context/index.md b/files/ja/glossary/secure_context/index.md
index 3e427bbbbc75d8..9dfa42b7918cd5 100644
--- a/files/ja/glossary/secure_context/index.md
+++ b/files/ja/glossary/secure_context/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: ed947b2c608428b62a60f07d09dc543f732dc09b
 ---
 
+{{GlossarySidebar}}
+
 **安全なコンテキスト**とは、認証と機密性の一定の最低基準を満たした `Window` や `Worker` のことです。多くの Web API や機能は、安全なコンテキストでのみアクセス可能です。これにより、悪意のあるコードによって悪用される可能性を減らすことができます。
 
 詳細については、[開発者向けのウェブ技術 > ウェブセキュリティ> 安全なコンテキスト](/ja/docs/Web/Security/Secure_Contexts)を参照してください。
diff --git a/files/ja/glossary/self-executing_anonymous_function/index.md b/files/ja/glossary/self-executing_anonymous_function/index.md
index f152518a9523d4..06b68dadcdfc3e 100644
--- a/files/ja/glossary/self-executing_anonymous_function/index.md
+++ b/files/ja/glossary/self-executing_anonymous_function/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: ed947b2c608428b62a60f07d09dc543f732dc09b
 ---
 
+{{GlossarySidebar}}
+
 定義されるときに、すぐに実行される {{glossary("JavaScript")}} の{{glossary("function", "関数")}}です。{{glossary("IIFE")}} (即時実行関数式) と呼ばれることもあります。
 
 詳細は、上記でリンクしている IIFE の用語集のページを参照してください。
diff --git a/files/ja/glossary/semantics/index.md b/files/ja/glossary/semantics/index.md
index 39baf5aa7828a5..340498e950b966 100644
--- a/files/ja/glossary/semantics/index.md
+++ b/files/ja/glossary/semantics/index.md
@@ -3,6 +3,8 @@ title: Semantics (セマンティクス)
 slug: Glossary/Semantics
 ---
 
+{{GlossarySidebar}}
+
 プログラミングでは、**セマンティクス**とは、コードの断片の*意味*を指します。たとえば、「JavaScript でその行を実行すると、どのような効果があるのか？」、「その HTML 要素には、どのような目的や役割があるのか？」 (「どのように見えるのか？」ではなく)。
 
 ## JavaScript でのセマンティクス
diff --git a/files/ja/glossary/webextensions/index.md b/files/ja/glossary/webextensions/index.md
index 82671101e5b5d7..d0e92d0134c710 100644
--- a/files/ja/glossary/webextensions/index.md
+++ b/files/ja/glossary/webextensions/index.md
@@ -3,6 +3,8 @@ title: WebExtensions
 slug: Glossary/WebExtensions
 ---
 
+{{GlossarySidebar}}
+
 WebExtensions は Firefox でブラウザー拡張機能を開発するためのクロスブラウザーシステムです。このシステムには API が提供され、これはかなりにわたって様々なブラウザー、例えば Mozilla Firefox, Google Chrome, Opera Browser, Microsoft Edge をサポートします。
 
 ## 関連項目
diff --git a/files/ja/glossary/webgl/index.md b/files/ja/glossary/webgl/index.md
index 9d182c1bdc54ef..c3adc63d6847a2 100644
--- a/files/ja/glossary/webgl/index.md
+++ b/files/ja/glossary/webgl/index.md
@@ -3,6 +3,8 @@ title: WebGL
 slug: Glossary/WebGL
 ---
 
+{{GlossarySidebar}}
+
 **WebGL** (_Web グラフィックライブラリー_) は、インタラクティブな 2D/3D グラフィックを描画する {{Glossary("JavaScript")}} {{Glossary("API")}} です。
 
 [Khronos グループ](https://www.khronos.org/) が WebGL をメンテナンスしていて、これは {{Glossary("OpenGL")}} ES 2.0 を元にしています。
diff --git a/files/ja/glossary/webidl/index.md b/files/ja/glossary/webidl/index.md
index 309dbc5135d961..1c0b9ec5dad39d 100644
--- a/files/ja/glossary/webidl/index.md
+++ b/files/ja/glossary/webidl/index.md
@@ -3,6 +3,8 @@ title: WebIDL
 slug: Glossary/WebIDL
 ---
 
+{{GlossarySidebar}}
+
 **WebIDL** は、ウェブアプリケーションプログラミングインターフェイス ({{Glossary("API")}}) を構成する{{Glossary("type", "データ型")}}、{{Glossary("interface", "インターフェイス")}}、{{Glossary("method", "メソッド")}}、{{Glossary("property", "プロパティ")}}、およびその他のコンポーネントを記述するために使用されるインターフェイス記述言語です。これは、特定のプログラミング言語に依存しないやや定式化された構文を使用しているため、API のコンポーネントを JavaScript 互換の構造にマップすることが可能な一方で、各 API を構築するために使用される基礎となるコードは、どの言語であっても最適に記述できます。
 
 WebIDL はウェブのほぼすべての API {{Glossary("specification", "仕様")}}で使用されており、その標準的な形式および構文のため、ウェブブラウザーを作成するプログラマーは、どのように API を実装するコードを書くかにかかわらず、ブラウザーが相互に互換性があることを容易に確認できます。
diff --git a/files/ja/glossary/webkit/index.md b/files/ja/glossary/webkit/index.md
index 86aee24c678c53..91618e295a660d 100644
--- a/files/ja/glossary/webkit/index.md
+++ b/files/ja/glossary/webkit/index.md
@@ -3,6 +3,8 @@ title: WebKit
 slug: Glossary/WebKit
 ---
 
+{{GlossarySidebar}}
+
 _WebKit_ はマークアップを基に適切にフォーマットされたウェブページを表示するためのフレームワークの 1 つです。{{Glossary("Apple Safari")}}、そして多くのモバイル向けブラウザーも、Webkit によって動いています (Webkit は移植性もカスタマイズ性も高いからです)。
 
 Webkit は KDE の KHTML と KJS ライブラリー群のフォークの 1 つとして始まりましたが、これまで多くの個人や企業が貢献してきました (その中には、KDE、Apple、Google、Nokia も含まれています)。
diff --git a/files/ja/glossary/webm/index.md b/files/ja/glossary/webm/index.md
index 5d52f6644aea34..b9f53452486682 100644
--- a/files/ja/glossary/webm/index.md
+++ b/files/ja/glossary/webm/index.md
@@ -3,6 +3,8 @@ title: WebM
 slug: Glossary/WebM
 ---
 
+{{GlossarySidebar}}
+
 **WebM** はロイヤリティフリーでオープンな動画フォーマットです。Mozilla Firefox でも標準でサポートされています。
 
 ## 詳細情報
diff --git a/files/ja/glossary/webp/index.md b/files/ja/glossary/webp/index.md
index 35ae005c1d04ef..06b033348e1589 100644
--- a/files/ja/glossary/webp/index.md
+++ b/files/ja/glossary/webp/index.md
@@ -3,6 +3,8 @@ title: WebP
 slug: Glossary/WebP
 ---
 
+{{GlossarySidebar}}
+
 **WebP** は Google の開発した画像圧縮フォーマットです。可逆圧縮と不可逆圧縮の両方に対応しています。
 
 ## 関連項目
diff --git a/files/ja/glossary/webrtc/index.md b/files/ja/glossary/webrtc/index.md
index d13f05d6e48ec7..f07b2bdd1755cc 100644
--- a/files/ja/glossary/webrtc/index.md
+++ b/files/ja/glossary/webrtc/index.md
@@ -3,6 +3,8 @@ title: WebRTC
 slug: Glossary/WebRTC
 ---
 
+{{GlossarySidebar}}
+
 **WebRTC** (_Web Real-Time Communication_)はビデオチャット、音声通話、P2P ファイル共有を行うウェブアプリで使われる API です。
 
 WebRTC は主に以下の要素で構成されています:
diff --git a/files/ja/glossary/websockets/index.md b/files/ja/glossary/websockets/index.md
index 27cbab6909bada..b02a8090db1df8 100644
--- a/files/ja/glossary/websockets/index.md
+++ b/files/ja/glossary/websockets/index.md
@@ -3,6 +3,8 @@ title: WebSockets
 slug: Glossary/WebSockets
 ---
 
+{{GlossarySidebar}}
+
 _WebSocket_ は、{{Glossary("Server", "サーバー")}}とクライアント間の永続的な {{Glossary("TCP")}} 接続を可能にする{{Glossary("protocol", "プロトコル")}}で、任意のタイミングでデータをやり取りできます。
 
 どのクライアント、サーバーアプリケーションでも WebSocket を使用できますが、主にウェプ{{Glossary("Browser", "ブラウザー")}}とウェブサーバーで使用できます。 WebSocket を通じて、サーバーはクライアントのリクエストなしにデータを渡せるため、動的なコンテンツ更新が可能です。
diff --git a/files/ja/glossary/webvtt/index.md b/files/ja/glossary/webvtt/index.md
index e9a9e68bfa94e3..0cb2390eb38280 100644
--- a/files/ja/glossary/webvtt/index.md
+++ b/files/ja/glossary/webvtt/index.md
@@ -3,6 +3,8 @@ title: WebVTT
 slug: Glossary/WebVTT
 ---
 
+{{GlossarySidebar}}
+
 WebVTT (Web Video Text Tracks) は HTML {{HTMLElement("track")}} 要素とともに文字データのマークアップを行うファイルフォーマットを策定する {{Glossary("W3C")}} 規格です。
 
 WebVTT ファイルでは、動画の字幕やサブタイトル・動画の説明テキスト・コンテンツナビゲーション用チャプターなどが、音声や動画の再生時間に合わせたメタデータとして表現されています。
diff --git a/files/ja/glossary/whatwg/index.md b/files/ja/glossary/whatwg/index.md
index a5e57d72021201..fb7fa21ba574f8 100644
--- a/files/ja/glossary/whatwg/index.md
+++ b/files/ja/glossary/whatwg/index.md
@@ -3,6 +3,8 @@ title: WHATWG
 slug: Glossary/WHATWG
 ---
 
+{{GlossarySidebar}}
+
 WHATWG (_Web Hypertext Application Technology Working Group_) は[ウェブ標準の保守や開発](https://spec.whatwg.org/)を行うためのコミュニティで、 {{Glossary("DOM")}}, Fetch, {{Glossary("HTML")}} などを扱っています。 Apple、Mozilla、Opera の従業員たちによって 2004 年に設立されました。
 
 ## 詳細情報
diff --git a/files/ja/glossary/whitespace/index.md b/files/ja/glossary/whitespace/index.md
index 20b77753f636f8..f5fec45773ed77 100644
--- a/files/ja/glossary/whitespace/index.md
+++ b/files/ja/glossary/whitespace/index.md
@@ -3,6 +3,8 @@ title: Whitespace (ホワイトスペース)
 slug: Glossary/Whitespace
 ---
 
+{{GlossarySidebar}}
+
 **ホワイトスペース**は他の文字の中で水平または垂直の空間を表すために使用される一連の{{Glossary("Character", "文字")}}です。{{Glossary("HTML")}}, {{Glossary("CSS")}}, {{Glossary("JavaScript")}}, その他のコンピューター言語でトークンを区切るためによく使用されます。ホワイトスペース文字とその使い方は言語によって様々です。
 
 ## HTML での使い方
diff --git a/files/ja/glossary/windowproxy/index.md b/files/ja/glossary/windowproxy/index.md
index ff6f96a7b3d828..bc975440514889 100644
--- a/files/ja/glossary/windowproxy/index.md
+++ b/files/ja/glossary/windowproxy/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: ed947b2c608428b62a60f07d09dc543f732dc09b
 ---
 
+{{GlossarySidebar}}
+
 **`WindowProxy`** オブジェクトは [`Window`](/ja/docs/Web/API/Window) オブジェクトのラッパーです。すべての[閲覧コンテキスト](/ja/docs/Glossary/Browsing_context)に `WindowProxy` オブジェクトが存在します。`WindowProxy` オブジェクトに対して実行される操作は、その `WindowProxy` オブジェクトが現在ラップしている `Window` オブジェクトにそのまま反映されます。したがって、`WindowProxy` オブジェクトとのやり取りは、 `Window` オブジェクトと直接やり取りするのとほとんど同じ意味になります。閲覧コンテキストが移動するとき、その `WindowProxy` がラップする `Window` オブジェクトが変更されます。
 
 ## 関連情報
diff --git a/files/ja/glossary/world_wide_web/index.md b/files/ja/glossary/world_wide_web/index.md
index bbb2a0f592a874..3f5c9c25fdc91c 100644
--- a/files/ja/glossary/world_wide_web/index.md
+++ b/files/ja/glossary/world_wide_web/index.md
@@ -3,6 +3,8 @@ title: World Wide Web
 slug: Glossary/World_Wide_Web
 ---
 
+{{GlossarySidebar}}
+
 _World Wide Web_ は、一般に **WWW**, **W3**, もしくは **ウェブ** と呼ばれ、{{Glossary("Internet", "インターネット")}} を通じて公開されたウェブページが相互に接続されたシステムのことです。ウェブはインターネットと同義ではありません。ウェブは、インターネット上に構築された多くのアプリケーションの中の一つなのです。
 
 ティム・バーナーズ=リー卿は、World Wide Web として知られることとなったアーキテクチャを提唱しました。彼は、1990 年に世界初のウェブ {{Glossary("Server","サーバー")}} とウェブ {{Glossary("Browser","ブラウザー")}}、そしてウェブページを CERN 物理学研究所の自身のコンピューター上に構築しました。1991 年に、彼は alt.hypertext ニュースグループで自身の成果を公表しました。ウェブが世界で初めて公になった瞬間でした。
diff --git a/files/ja/glossary/wrapper/index.md b/files/ja/glossary/wrapper/index.md
index e5a84b4a11be7d..084f866494f994 100644
--- a/files/ja/glossary/wrapper/index.md
+++ b/files/ja/glossary/wrapper/index.md
@@ -3,6 +3,8 @@ title: Wrapper (ラッパー)
 slug: Glossary/Wrapper
 ---
 
+{{GlossarySidebar}}
+
 JavaScript のようなプログラミング言語において、ラッパー (wrapper) は 1 つ以上の他の関数を呼び出すための関数であり、時には純粋に利便性のために、時にはプロセス中でまったく異なるタスクに合わせるために使用されます。
 
 例えば、AWS の SDK ライブラリはラッパーの例になります。
diff --git a/files/ja/glossary/xforms/index.md b/files/ja/glossary/xforms/index.md
index a82e42c1ae9d71..f87eee52fc1a36 100644
--- a/files/ja/glossary/xforms/index.md
+++ b/files/ja/glossary/xforms/index.md
@@ -3,6 +3,8 @@ title: XForms
 slug: Glossary/XForms
 ---
 
+{{GlossarySidebar}}
+
 **XForms** はウェブフォームを構築し、フォームのデータを {{glossary("XML")}} 形式で処理するための慣例です。
 
 > **メモ:** もう主要なブラウザーは XForms に対応していません。 — 代わりに [HTML5 フォーム](/ja/docs/Learn/Forms)を使うことをお勧めします。
diff --git a/files/ja/glossary/xhtml/index.md b/files/ja/glossary/xhtml/index.md
index b3df9e469a45b7..b20b9230a82c3c 100644
--- a/files/ja/glossary/xhtml/index.md
+++ b/files/ja/glossary/xhtml/index.md
@@ -3,6 +3,8 @@ title: XHTML
 slug: Glossary/XHTML
 ---
 
+{{GlossarySidebar}}
+
 **XHTML** は、 HTML 文書のうち {{Glossary("XML")}} の構文規則に適合して書かれたものを指すために歴史的に使用されてきた用語です。
 
 ## 詳細情報
diff --git a/files/ja/glossary/xinclude/index.md b/files/ja/glossary/xinclude/index.md
index 8319a643ce699f..7e0967edef060a 100644
--- a/files/ja/glossary/xinclude/index.md
+++ b/files/ja/glossary/xinclude/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: f4f8e2f18ccf19a0bee59e1fe78753e276b98232
 ---
 
+{{GlossarySidebar}}
+
 XInclude は、文書に他の文書または他の文書の一部を含められるようにする、包含タグを定めた W3C 勧告です。他の XML ファイルやテキストファイルからコンテンツを取り込むことができます。
 
 主要なブラウザーは、XInclude の仕組みを標準ではサポートしていません。
diff --git a/files/ja/glossary/xlink/index.md b/files/ja/glossary/xlink/index.md
index a91fc44a86cb78..fafa2f43343164 100644
--- a/files/ja/glossary/xlink/index.md
+++ b/files/ja/glossary/xlink/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: 4a9f9d2e9c1811ce3519a7061e906db9200a5e97
 ---
 
+{{GlossarySidebar}}
+
 XLink は W3C の標準規格で、 XML と、 XML または他の文書との間のリンクを記述するために使用されます。その動作の一部は、どのように処理するかが実装に委ねられています。
 
 単純な XLinks は Firefox で（少なくとも SVG と MathML では）「対応」されていますが、プレーンな XML 文書を XLinks で読み込んで、XML ツリーの関連ポイントをクリックしようとしても、リンクとしては機能しません。
diff --git a/files/ja/glossary/xml/index.md b/files/ja/glossary/xml/index.md
index cd46902b5a7d23..d047588130d5dc 100644
--- a/files/ja/glossary/xml/index.md
+++ b/files/ja/glossary/xml/index.md
@@ -3,6 +3,8 @@ title: XML
 slug: Glossary/XML
 ---
 
+{{GlossarySidebar}}
+
 eXtensible Markup Language (XML) は W3C によって規定された汎用マークアップ言語です。情報技術 (IT) 産業では、データ記述言語として多くの XML を基にした言語を使用しています。
 
 XML タグは HTML タグに似ていますが、XML はユーザーが独自のタグを定義することができるため、はるかに柔軟です。このようにして XML はメタ言語のように振る舞う――すなわち {{Glossary("RSS")}} のような他の言語を定義することができるのです。それに加えて、HTML はプレゼンテーション言語であるのに対し、XML はデータ記述言語です。つまり、XML には ウェブだけにとどまらないとても広い応用範囲があるということを意味します。例として、ウェブサービスは XML をリクエストとレスポンスの交換に使用することができます。
diff --git a/files/ja/glossary/xmlhttprequest/index.md b/files/ja/glossary/xmlhttprequest/index.md
index 6d3933b3c345c5..06b885cd783ec0 100644
--- a/files/ja/glossary/xmlhttprequest/index.md
+++ b/files/ja/glossary/xmlhttprequest/index.md
@@ -3,6 +3,8 @@ title: XHR (XMLHttpRequest)
 slug: Glossary/XMLHttpRequest
 ---
 
+{{GlossarySidebar}}
+
 {{domxref("XMLHttpRequest")}} (XHR) とは {{Glossary("AJAX")}} リクエストを作成する {{Glossary("JavaScript")}} {{Glossary("API")}} です。これは{{Glossary("browser", "ブラウザー")}} と{{Glossary("server", "サーバー")}} との間のネットワークリクエストの送信を可能にするメソッドです。.
 
 ## 詳しく学習する
diff --git a/files/ja/glossary/xpath/index.md b/files/ja/glossary/xpath/index.md
index 480f6bf91eda5e..e7cd4b8e4628fa 100644
--- a/files/ja/glossary/xpath/index.md
+++ b/files/ja/glossary/xpath/index.md
@@ -3,6 +3,8 @@ title: XPath
 slug: Glossary/XPath
 ---
 
+{{GlossarySidebar}}
+
 **XPath** とは{{glossary("XML")}} ドキュメント内のセクションやコンテンツにアクセスできる問い合わせ言語です。
 
 ## 関連項目
diff --git a/files/ja/glossary/xquery/index.md b/files/ja/glossary/xquery/index.md
index 97ea3d9d4e7a93..cf05c774bd16eb 100644
--- a/files/ja/glossary/xquery/index.md
+++ b/files/ja/glossary/xquery/index.md
@@ -3,6 +3,8 @@ title: XQuery
 slug: Glossary/XQuery
 ---
 
+{{GlossarySidebar}}
+
 **XQuery** は {{glossary("XML")}} データベースでデータを更新、検索、計算するためのコンピューター言語です。
 
 ## より詳しく学ぶ
diff --git a/files/ja/glossary/xslt/index.md b/files/ja/glossary/xslt/index.md
index d49a96a64ede8e..9ab75138fa917b 100644
--- a/files/ja/glossary/xslt/index.md
+++ b/files/ja/glossary/xslt/index.md
@@ -5,6 +5,8 @@ l10n:
   sourceCommit: ba6c97a742adb97092d5b20804bf9c462f3b84f3
 ---
 
+{{GlossarySidebar}}
+
 _eXtensible Stylesheet Language Transformations_ (**XSLT**) は、{{Glossary("XML")}} 文書を他の XML 文書に変換するために使用される宣言的言語であり、{{Glossary("HTML")}}、{{Glossary("PDF")}}、プレーンテキストなどが含まれます。
 
 XSLT には XML 入力、または XQuery および XPath データモデルに変換可能な任意のフォーマットを受け入れる独自のプロセッサーがあります。XSLT プロセッサは XML ドキュメントと XSLT スタイルシートに基づいて新しいドキュメントを作成し、プロセス内の元のファイルに変更を加えません。
diff --git a/files/ja/learn/accessibility/what_is_accessibility/index.md b/files/ja/learn/accessibility/what_is_accessibility/index.md
index b3125825f5b46b..6861497e4c3f77 100644
--- a/files/ja/learn/accessibility/what_is_accessibility/index.md
+++ b/files/ja/learn/accessibility/what_is_accessibility/index.md
@@ -51,7 +51,7 @@ l10n:
 
 - 有償の商用製品、例えば [JAWS](https://www.freedomscientific.com/Products/software/JAWS/) (Windows) や [Dolphin Screen Reader](https://yourdolphin.com/en-gb/products/individuals/screen-reader) (Windows).
 - 無償の製品、例えば [NVDA](https://www.nvaccess.org/) (Windows), [ChromeVox](https://support.google.com/chromebook/answer/7031755) (Chrome, Windows Mac OS X), や [Orca](https://wiki.gnome.org/Projects/Orca) (Linux).
-- OS に組み込まれたもの、例えば [VoiceOver](https://www.apple.com/accessibility/vision/) (Mac OS X と iPadOS と iOS), [Narrator](https://support.microsoft.com/en-us/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1) (Windows), [ChromeVox](http://www.chromevox.com/) (Chrome OS), や [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
+- OS に組み込まれたもの、例えば [VoiceOver](https://www.apple.com/accessibility/vision/) (Mac OS X と iPadOS と iOS), [Narrator](https://support.microsoft.com/en-us/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1) (Windows), [ChromeVox](http://www.chromevox.com/) (ChromeOS), や [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
 
 スクリーンリーダーに精通するのは良い考えです; スクリーンリーダーをセットアップして試してみて、その動作方法を理解するべきです。 [クロスブラウザーテストのスクリーンリーダーのガイド](/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#screen_readers) を見ると詳しい使い方がわかります。下記の動画も、その体験がどのようなものかの簡単な例です。
 
diff --git a/files/ja/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/ja/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
index dd5a9a1ec3f758..2f558a07aac7ee 100644
--- a/files/ja/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
+++ b/files/ja/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -153,7 +153,7 @@ _利用可能なアクティブラーニングはまだありません。[ぜひ
       </td>
     </tr>
     <tr>
-      <td>Chrome OS</td>
+      <td>ChromeOS</td>
       <td></td>
       <td>
         <ul>
@@ -231,7 +231,7 @@ _利用可能なアクティブラーニングはまだありません。[ぜひ
       </td>
     </tr>
     <tr>
-      <td>Chrome OS</td>
+      <td>ChromeOS</td>
       <td>
         <ul>
           <li><a href="https://shiftedit.net/">ShiftEdit</a> (すべての OS)</li>
diff --git a/files/ja/web/api/htmldialogelement/cancel_event/index.md b/files/ja/orphaned/web/api/htmldialogelement/cancel_event/index.md
similarity index 95%
rename from files/ja/web/api/htmldialogelement/cancel_event/index.md
rename to files/ja/orphaned/web/api/htmldialogelement/cancel_event/index.md
index 185b164aed2430..9c96fae7297655 100644
--- a/files/ja/web/api/htmldialogelement/cancel_event/index.md
+++ b/files/ja/orphaned/web/api/htmldialogelement/cancel_event/index.md
@@ -1,8 +1,7 @@
 ---
 title: "HTMLDialogElement: cancel イベント"
-slug: Web/API/HTMLDialogElement/cancel_event
-l10n:
-  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
+slug: orphaned/Web/API/HTMLDialogElement/cancel_event
+original_slug: Web/API/HTMLDialogElement/cancel_event
 ---
 
 {{APIRef}}
diff --git a/files/ja/web/api/abstractrange/collapsed/index.md b/files/ja/web/api/abstractrange/collapsed/index.md
new file mode 100644
index 00000000000000..05560ef8199d5f
--- /dev/null
+++ b/files/ja/web/api/abstractrange/collapsed/index.md
@@ -0,0 +1,29 @@
+---
+title: "AbstractRange: collapsed プロパティ"
+short-title: collapsed
+slug: Web/API/AbstractRange/collapsed
+l10n:
+  sourceCommit: 135b8311a5e3d12789e8421845be3ce026ef72b8
+---
+
+{{APIRef("DOM")}}
+
+**`collapsed`** は {{domxref("AbstractRange")}} インターフェイスの読み取り専用プロパティで、範囲の開始位置と終了位置が同じであれば `true` を返します。
+
+## 値
+
+論理値で、範囲が折りたたまれている場合に `true` となります。折りたたまれた範囲とは、開始位置と終了位置が同じで、 0 文字の長さの範囲です。
+
+## 例
+
+```js
+let isCollapsed = range.collapsed;
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/abstractrange/endcontainer/index.md b/files/ja/web/api/abstractrange/endcontainer/index.md
new file mode 100644
index 00000000000000..8d559fe820608c
--- /dev/null
+++ b/files/ja/web/api/abstractrange/endcontainer/index.md
@@ -0,0 +1,29 @@
+---
+title: "AbstractRange: endContainer プロパティ"
+short-title: endContainer
+slug: Web/API/AbstractRange/endContainer
+l10n:
+  sourceCommit: 135b8311a5e3d12789e8421845be3ce026ef72b8
+---
+
+{{APIRef("DOM")}}
+
+**`endContainer`** は {{domxref("AbstractRange")}} インターフェイスの読み取り専用プロパティで、範囲の末尾がある {{domxref("Node")}} を返します。
+
+## 値
+
+範囲の最後の文字を含む {{domxref("Node")}} です。
+
+## 例
+
+```js
+let endNode = range.endContainer;
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/abstractrange/endoffset/index.md b/files/ja/web/api/abstractrange/endoffset/index.md
new file mode 100644
index 00000000000000..d4387a51babb3e
--- /dev/null
+++ b/files/ja/web/api/abstractrange/endoffset/index.md
@@ -0,0 +1,29 @@
+---
+title: "AbstractRange: endOffset プロパティ"
+short-title: endOffset
+slug: Web/API/AbstractRange/endOffset
+l10n:
+  sourceCommit: 135b8311a5e3d12789e8421845be3ce026ef72b8
+---
+
+{{APIRef("DOM")}}
+
+**`endOffset`** は {{domxref("AbstractRange")}} インターフェイスの読み取り専用プロパティで、範囲の終了位置の最後のノードの中のオフセットを返します。
+
+## 値
+
+範囲の最後の文字が位置する {{domxref("AbstractRange.endContainer", "endContainer")}} が示す {{domxref("Node")}} 内の文字数を示す整数値です。
+
+## 例
+
+```js
+let endOffset = range.endOffset;
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/abstractrange/index.md b/files/ja/web/api/abstractrange/index.md
new file mode 100644
index 00000000000000..77e071ad6bb2f5
--- /dev/null
+++ b/files/ja/web/api/abstractrange/index.md
@@ -0,0 +1,176 @@
+---
+title: AbstractRange
+slug: Web/API/AbstractRange
+l10n:
+  sourceCommit: a099faec8924e48de30a5aa06d086432915ae420
+---
+
+{{APIRef("DOM")}}
+
+**`AbstractRange`** は抽象インターフェイスで、すべての {{Glossary("DOM")}} の範囲型を定義するための基本クラスです。 **range** は、文書内のコンテンツの区間の開始点と終了点を示すオブジェクトです。
+
+> **メモ:** 抽象インターフェイスなので、 `AbstractRange` タイプのオブジェクトを直接インスタンス化することはありません。代わりに {{domxref("Range")}} または {{domxref("StaticRange")}} インターフェイスを使用してください。これら 2 つのインターフェイスの異なる点を理解し、自分のニーズに合ったものを選ぶには、それぞれのインターフェイスのドキュメントを参照してください。
+
+{{InheritanceDiagram}}
+
+## インスタンスプロパティ
+
+- {{domxref("AbstractRange.collapsed", "collapsed")}} {{ReadOnlyInline}}
+  - : 論理値で、範囲が折りたたまれている場合は `true` となります。折りたたまれた範囲とは、開始位置と末尾位置が同じで、 0 文字の長さの範囲です。
+- {{domxref("AbstractRange.endContainer", "endContainer")}} {{ReadOnlyInline}}
+  - : `endOffset` プロパティで指定された範囲の末尾がある場所の {{domxref("Node")}} オブジェクトです。
+- {{domxref("AbstractRange.endOffset", "endOffset")}} {{ReadOnlyInline}}
+  - : ノードの内容の先頭から、この範囲オブジェクトで表す範囲の先頭までのオフセットを文字数で表した整数値です。この値は `endContainer` ノードの長さよりも小さくなければなりません。
+- {{domxref("AbstractRange.startContainer", "startContainer")}} {{ReadOnlyInline}}
+  - : `startOffset` プロパティで指定された範囲の先頭がある場所の {{domxref("Node")}} オブジェクトです。
+- {{domxref("AbstractRange.startOffset", "startOffset")}} {{ReadOnlyInline}}
+  - : ノードの内容の先頭から、範囲オブジェクトが参照する内容の先頭の文字までのオフセットを文字数で表した整数値です。この値は `startContainer` で示すノードの長さよりも小さくなければなりません。
+
+## インスタンスメソッド
+
+_`AbstractRange` メソッドを提供していません。_
+
+## 使用上の注意
+
+### Range 型
+
+{{domxref("Document", "文書")}}内のコンテンツの範囲は、すべて `AbstractRange` に基づくインターフェイスのインスタンスを使用して記述します。このようなインターフェイスは 2 つあります。
+
+- {{domxref("Range")}}
+  - : `Range` インターフェイスは長い間存在していましたが、他にも範囲データを定義する必要性が生じたため、最近になって `AbstractRange` をベースに再定義されました。 `Range` は範囲の端点を変更するメソッドや、範囲を比較するメソッド、範囲間の交差を検出するメソッドなどを提供します。
+- {{domxref("StaticRange")}}
+  - : `StaticRange` は一度作成した範囲を変更することができない基本的な範囲です。つまり、ノードツリーが変化しても範囲は変更されません。より複雑な {{domxref("Range")}} インターフェイスのパフォーマンスやリソースへの影響を避けることができるので、一度だけ使用する範囲を指定する必要がある場合に有益です。
+
+### 要素の内容
+
+要素の内容にアクセスする場合、要素自体もノードですが、要素内のテキストもノードであることに注意してください。要素のテキスト内に範囲端点を設定するには、必ず要素内のテキストノードを探してください。
+
+```js
+const startElem = document.querySelector("p");
+const endElem = startElem.querySelector("span");
+const range = document.createRange();
+
+range.setStart(startElem, 0);
+range.setEnd(endElem, endElem.childNodes[0].length / 2);
+const contents = range.cloneContents();
+
+document.body.appendChild(contents);
+```
+
+この例では、新しい範囲 `range` を作成し、その始点をクラスが `elementclass` である最初の要素の 3 つ目の子ノードに設定します。終点は span の最初の子の中央に設定し、その後、範囲のコンテンツをコピーするために使用しています。
+
+### 範囲と DOM の階層構造
+
+文書内の文字の範囲を定義する際に、 0 個以上のノード境界をまたぐことが可能で、 DOM の変化にできるだけ強い方法で定義するために、 {{Glossary("HTML")}} 内の最初の文字と最後の文字のオフセットを指定することはできません。それにはいくつか理由があります。
+
+最初に、ページが読み込まれた後、ブラウザーは HTML の観点で考えていません。読み込まれた後のページは DOM の {{domxref("Node")}} オブジェクトのツリーなので、範囲の先頭とあ末尾の位置をノードとノード内の位置で指定する必要があります。
+
+2 つ目に、 DOM ツリーの変更可能性に可能な限り対応するために、文書全体の中でのグローバルな位置ではなく、ツリー内のノードとの相対的な位置を表す方法が必要です。文書内の点を指定されたノード内のオフセットとして定義すれば、 DOM ツリー内でノードが追加されたり除去されたり移動したりしても、その位置はコンテンツと矛盾しません。かなり明白な制限がありますが（ノードが範囲の終点の後に移動された場合や、ノードのコンテンツが大きく変更された場合など）、何もしないよりははるかにましです。
+
+3 つ目に、ノード相対位置を使用して開始位置と終了位置を定義すると、一般的にパフォーマンスが向上しやすくなります。グローバルオフセットが何を参照しているのか DOM と交渉する必要がなく、{{Glossary("user agent", "ユーザーエージェント")}}（ブラウザー）は開始位置で示されるノードに直接移動してそこから開始し、指定されたオフセットに達するまで終了ノードに進むことができます。
+
+これを示すために、下記の HTML を考えてみましょう。
+
+```html
+<div class="container">
+  <div class="header">
+    <img src="" class="sitelogo" />
+    <h1>The Ultimate Website</h1>
+  </div>
+  <article>
+    <section class="entry" id="entry1">
+      <h2>Section 1: An interesting thing…</h2>
+      <p>A <em>very</em> interesting thing happened on the way to the forum…</p>
+      <aside class="callout">
+        <h2>Aside</h2>
+        <p>An interesting aside to share with you…</p>
+      </aside>
+    </section>
+  </article>
+  <pre id="log"></pre>
+</div>
+```
+
+HTML を読み込んで文書の DOM 表現を構築すると、結果の DOM ツリーは次のようになります。
+
+[![単純なウェブページの DOM 図](simpledom.svg)](simpledom.svg)
+
+この図では、 HTML 要素を表すノードを緑色で表示しています。その下の各行は、 DOM ツリーの次の階層を表示させます。青いノードはテキストノードで、画面に表示させるテキストを格納します。各要素のコンテンツはツリーの下記でリンクされており、要素が他の要素やテキストノードを含めるために、その下に一連の分岐を生む可能性があります。
+
+もし {{HTMLElement("p")}} 要素のコンテンツが `"A <em>very</em> interesting thing happened on the way to the forum…"` である範囲を作成したい場合は、次のようにします。
+
+```js
+const pRange = document.createRange();
+pRange.selectNodeContents(document.querySelector("#entry1 p"));
+```
+
+`<p>` 要素の子孫を含めるために、そのコンテンツ全体を選択したいので、これはうまく動作します。
+
+代わりに {{HTMLElement("section")}} の見出し（{{HTMLElement("Heading_Elements", "h2")}} 要素）から {{HTMLElement("em")}} の "ve "の終わりを通り、その下の段落に "An interesting thing…" というテキストをコピーしたい場合、以下のコードで動作します。
+
+```js
+const range = document.createRange();
+const startNode = document.querySelector("section h2").childNodes[0];
+range.setStart(startNode, 11);
+
+const endNode = document.querySelector("#entry1 p em").childNodes[0];
+range.setEnd(endNode, 2);
+
+const fragment = range.cloneContents();
+```
+
+ここで興味深い問題が発生します。DOM階層の異なるレベルにある複数のノードからコンテンツをキャプチャし、そのうちの一部だけをキャプチャしているのです。結果はどのように見ていけばいいのでしょうか？
+
+幸いなことに、 DOM 仕様はこの課題に的確に対応しています。例えば、この例では {{domxref("Range.cloneContents", "cloneContents()")}} を範囲に呼び出して、指定した範囲のコンテンツを複製する DOM サブツリーを提供する新しい {{domxref("DocumentFragment")}} オブジェクトを作成しています。これを行うために、`cloneContents()` は示す範囲の構造を保持するために必要なすべてのノードを構築しますが、必要以上のノードは構築しません。
+
+この例では、指定する範囲の先頭は節の見出しの下のテキストノード内に得られます。つまり、新しい `DocumentFragment` は {{HTMLElement("Heading_Elements", "h2")}} を持ち、その下にテキストノードを格納する必要があります。
+
+範囲の終わりは {{HTMLElement("p")}} 要素の下記なので、新しいフラグメント内で必要になります。 "A" という単語を格納するテキストノードも範囲に含めるために必要です。最後に、 `<em>` とその下のテキストノードが、同様に `<p>` の下に追加されます。
+
+テキストノードの内容は {{domxref("Range.setStart", "setStart()")}} と {{domxref("Range.setEnd", "setEnd()")}} を呼び出すときに指定されたテキストノードへのオフセットによって決まります。見出しのテキストに 11 のオフセットが指定された場合、そのノードは "An interesting thing…" を格納します。同様に、終わりノードの最初の2文字のリクエストが指定された場合、最後のテキストノードには "ve" が格納されます。
+
+できあがった文書フラグメントは次のようになります。
+
+![複製したコンテンツを表す DocumentFragment](dom-fragment.svg)
+
+このフラグメントの内容はすべて、その中の最上位ノードの共有された共通の親の下にあることに特に注意してください。親である `<section>` は複製された内容を複製するために必要ではないので、含まれていません。
+
+## 例
+
+この単純な HTML の断片を考えてみましょう。
+
+```html
+<p><strong>This</strong> is a paragraph.</p>
+```
+
+{{domxref("Range")}} を使用して、ここから "paragraph" という単語を抽出することを想像してみてください。そのためのコードは以下のようになります。
+
+```js
+const paraNode = document.querySelector("p");
+const paraTextNode = paraNode.childNodes[1];
+
+const range = document.createRange();
+range.setStart(paraTextNode, 6);
+range.setEnd(paraTextNode, paraTextNode.length - 1);
+
+const fragment = range.cloneContents();
+document.body.appendChild(fragment);
+```
+
+最初に、段落ノード自体への参照と、段落内の 2 番目の子ノードへの参照を取得します。最初の子は {{HTMLElement("strong")}} 要素です。 2 つ目の子はテキストノード " is a paragraph." です。
+
+テキストノードの参照を手に入れたら、 `Document` 自体に対して {{domxref("Document.createRange", "createRange()")}} を呼び出して新しい `Range` オブジェクトを作成します。範囲の始める位置にはテキストノードの文字列の 6 文字目を設定し、終わりの位置にはテキストノードの文字列の長さから 1 を引いた値を設定します。これにより、 "paragraph" という単語を含む範囲が設定されます。
+
+そして、 `Range` に対して {{domxref("Range.cloneContents", "cloneContents()")}} を呼び出して、範囲に含まれる文書部分を格納した新しい {{domxref("DocumentFragment")}} オブジェクトを作成して完了です。その後、 {{domxref("Node.appendChild", "appendChild()")}} を使用して、 {{domxref("document.body")}} から取得した文書本体の最後にそのフラグメントを追加します。
+
+結果はこのようになります。
+
+{{EmbedLiveSample("Example", 600, 80)}}
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/abstractrange/startcontainer/index.md b/files/ja/web/api/abstractrange/startcontainer/index.md
new file mode 100644
index 00000000000000..4fe18b62544ff0
--- /dev/null
+++ b/files/ja/web/api/abstractrange/startcontainer/index.md
@@ -0,0 +1,29 @@
+---
+title: "AbstractRange: startContainer プロパティ"
+short-title: startContainer
+slug: Web/API/AbstractRange/startContainer
+l10n:
+  sourceCommit: 135b8311a5e3d12789e8421845be3ce026ef72b8
+---
+
+{{APIRef("DOM")}}
+
+**`startContainer`** は {{domxref("AbstractRange")}} インターフェイスの読み取り専用プロパティで、範囲の先頭の {{domxref("Node")}} を返します。
+
+## 値
+
+範囲の開始位置が内部にある {{domxref("Node")}} です。
+
+## 例
+
+```js
+let startNode = range.startContainer;
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/abstractrange/startoffset/index.md b/files/ja/web/api/abstractrange/startoffset/index.md
new file mode 100644
index 00000000000000..cfc62c0c255ba1
--- /dev/null
+++ b/files/ja/web/api/abstractrange/startoffset/index.md
@@ -0,0 +1,29 @@
+---
+title: "AbstractRange: startOffset プロパティ"
+short-title: startOffset
+slug: Web/API/AbstractRange/startOffset
+l10n:
+  sourceCommit: 135b8311a5e3d12789e8421845be3ce026ef72b8
+---
+
+{{APIRef("DOM")}}
+
+**`startOffset`** は {{domxref("AbstractRange")}} インターフェイスの読み取り専用プロパティで、開始ノードにおける範囲の開始位置のオフセットを返します。
+
+## 値
+
+範囲の最初の文字が位置を {{domxref("AbstractRange.startContainer", "startContainer")}} が示す {{domxref("Node")}} 内の文字数で示す整数値です。
+
+## 例
+
+```js
+let startOffset = range.startOffset;
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/keyboardevent/altkey/index.md b/files/ja/web/api/keyboardevent/altkey/index.md
index a2608af048a121..457a6f471bfec5 100644
--- a/files/ja/web/api/keyboardevent/altkey/index.md
+++ b/files/ja/web/api/keyboardevent/altkey/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.altKey
+title: "KeyboardEvent: altKey プロパティ"
+short-title: altKey
 slug: Web/API/KeyboardEvent/altKey
 l10n:
-  sourceCommit: a36633398f827c87eb593f9647ed00bf33fd5b34
+  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/keyboardevent/charcode/index.md b/files/ja/web/api/keyboardevent/charcode/index.md
index 1693f387d8766f..a8f44b7a4049d2 100644
--- a/files/ja/web/api/keyboardevent/charcode/index.md
+++ b/files/ja/web/api/keyboardevent/charcode/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.charCode
+title: "KeyboardEvent: charCode プロパティ"
+short-title: charCode
 slug: Web/API/KeyboardEvent/charCode
 l10n:
-  sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
+  sourceCommit: 56c76424a5edb45f6716ac4ee48861dac8e7ae38
 ---
 
 {{APIRef("UI Events")}}{{Deprecated_Header}}
@@ -44,13 +45,13 @@ input.addEventListener("keypress", (e) => {
 
 ## メモ
 
-- {{domxref("Element/keypress_event", "keypress")}} イベントでは、押されたキーの Unicode 値は {{ domxref("KeyboardEvent.keyCode", "keyCode") }} または `charCode` プロパティのどちらかに格納されますが、両方格納されることはありません。押されたキーが文字（例えば 'a'）を生成する場合、 `charCode` にはその文字のコードが設定されます。 `charCode` は文字の大文字小文字を区別します（言い換えれば、 `charCode` は <kbd>shift</kbd> キーが押さ れていたかどうかを考慮します）。そうでない場合は、押されたキーのコードが `keyCode` に格納されます。
+- {{domxref("Element/keypress_event", "keypress")}} イベントでは、押されたキーの Unicode 値は {{ domxref("KeyboardEvent.keyCode", "keyCode") }} または `charCode` プロパティのどちらかに格納されますが、両方格納されることはありません。押されたキーが文字（例えば 'a'）を生成する場合、 `charCode` にはその文字のコードが設定されます。 `charCode` は文字の大文字小文字を区別します（言い換えれば、 `charCode` は <kbd>shift</kbd> キーが押されていたかどうかを考慮します）。そうでない場合は、押されたキーのコードが `keyCode` に格納されます。
 
 - 1 つ以上の修飾キーが押されたとき、 `charCode` にはいくつかの複雑なルールがあります。詳しくは [Gecko Keypress Event](/ja/docs/Gecko_Keypress_Event) を参照してください。
 - `charCode` は {{domxref("Element/keydown_event", "keydown")}} と {{domxref("Element/keyup_event", "keyup")}} イベントで設定されることはありません。これらのケースでは、代わりに `keyCode` が設定されます。
 - `keyCode` と `charCode` のどちらに格納されていたとしても、キーのコードを取得するには、{{ domxref("UIEvent.which", "which") }} プロパティを参照してください。
 - IME から入力された文字は `keyCode` や `charCode` を通して登録されません。
-- 特定のキーに関連付けられた `charCode` 値のリストについては、[例 7: イベントオブジェクトのプロパティを表示する](/ja/docs/Web/API/Document_Object_Model/Examples#example_7:_displaying_event_object_properties)を実行して、結果の HTML の表を表示してみてください。
+- 特定のキーに関連付けられた `charCode` 値のリストについては、[例 7: イベントオブジェクトのプロパティを表示する](/ja/docs/Web/API/Document_Object_Model/Examples#例_7_イベントオブジェクトのプロパティの表示)を実行して、結果の HTML の表を表示してみてください。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/keyboardevent/code/index.md b/files/ja/web/api/keyboardevent/code/index.md
index b976df4d420a46..b51d8a98345dcc 100644
--- a/files/ja/web/api/keyboardevent/code/index.md
+++ b/files/ja/web/api/keyboardevent/code/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.code
+title: "KeyboardEvent: code プロパティ"
+short-title: code
 slug: Web/API/KeyboardEvent/code
 l10n:
-  sourceCommit: d3408b2effc88ae340124639248fdcf986dfaa21
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
 ---
 
 {{APIRef("UI Events")}}
@@ -15,7 +16,7 @@ l10n:
 
 例えば、返ってきた `code` が "`KeyQ`" は QWERTY レイアウトのキーボードでは <kbd>Q</kbd> キーですが、同じ Dvorak キーボードでは同じ `code` の値が <kbd>'</kbd> キーを表し、 AZERTY キーボードでは <kbd>A</kbd> キーを表すものでもあります。したがって、すべてのユーザーが特定のキーボードレイアウトを使用しているわけではないため、 `code` の値を用いてユーザーが認識しているキーの名前が何であるかを特定することはできません。
 
-キーイベントに対応する文字が何であるかを判別するには、代わりに{{domxref("KeyboardEvent.key")}} プロパティを使用してください。
+キーイベントに対応する文字が何であるかを判別するには、代わりに {{domxref("KeyboardEvent.key")}} プロパティを使用してください。
 
 ## 値
 
@@ -25,10 +26,11 @@ Windows, Linux, macOS におけるコード値は、 [KeyboardEvent: コード
 
 ### KeyboardEvent の使用例
 
+#### HTML
+
 ```html
 <p>
-  キーボードのキーを押して、 KeyboardEvent
-  のキーとコードの値がそれぞれどうなっているかを確認しましょう。
+  キーボードのキーを押して、 KeyboardEvent のキーとコードの値がそれぞれどうなっているかを確認しましょう。
 </p>
 <div id="output" tabindex="0"></div>
 ```
@@ -211,7 +213,7 @@ window.addEventListener(
 );
 ```
 
-#### やってみましょう
+#### 試してみましょう
 
 キー入力が確実にサンプルコードに反映されるように、キーを押す前に下の黒いゲームプレイフィールドをクリックまたはフォーカスしてください。
 
diff --git a/files/ja/web/api/keyboardevent/ctrlkey/index.md b/files/ja/web/api/keyboardevent/ctrlkey/index.md
index 8c2d1564113437..5630a728da62a1 100644
--- a/files/ja/web/api/keyboardevent/ctrlkey/index.md
+++ b/files/ja/web/api/keyboardevent/ctrlkey/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.ctrlKey
+title: "KeyboardEvent: ctrlKey プロパティ"
+short-title: ctrlKey
 slug: Web/API/KeyboardEvent/ctrlKey
 l10n:
-  sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
+  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/keyboardevent/getmodifierstate/index.md b/files/ja/web/api/keyboardevent/getmodifierstate/index.md
index 9763eaf138c8bc..3901079fd88f34 100644
--- a/files/ja/web/api/keyboardevent/getmodifierstate/index.md
+++ b/files/ja/web/api/keyboardevent/getmodifierstate/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.getModifierState()
+title: "KeyboardEvent: getModifierState() メソッド"
+short-title: getModifierState()
 slug: Web/API/KeyboardEvent/getModifierState
 l10n:
-  sourceCommit: b7556b71e1fc3e89057671b372871e9f33d3f0b8
+  sourceCommit: b2a5f62d66b4e3d71704017d0fab7ad710e68057
 ---
 
 {{APIRef("UI Events")}}
@@ -24,14 +25,9 @@ getModifierState(key)
 
 論理値です。
 
-## Internet Explorer での修飾キー
+## Firefox での修飾キー
 
-IE9 は `"Scroll"` が `"ScrollLock"` を、 `"Win"` が
-`"OS"` を表します。
-
-## Gecko での修飾キー
-
-Gecko で `getModifierState()` が true を返すときです。
+Firefox で `getModifierState()` が true を返すときです。
 
 <table class="standard-table">
   <thead>
@@ -41,7 +37,7 @@ Gecko で `getModifierState()` が true を返すときです。
       <th scope="col">Linux (GTK)</th>
       <th scope="col">Mac</th>
       <th scope="col">Android 2.3</th>
-      <th scope="col">Android 3.0 or latter</th>
+      <th scope="col">Android 3.0 or later</th>
     </tr>
   </thead>
   <tbody>
@@ -110,7 +106,7 @@ Gecko で `getModifierState()` が true を返すときです。
     </tr>
     <tr>
       <th scope="row"><code>"Meta"</code></th>
-      <td>❌ <em>未対応</em></td>
+      <td><kbd>⊞ Windows ロゴ</kbd> キーが押されている（Firefox 118 以降）</td>
       <td><kbd>Meta</kbd> キーが押されている</td>
       <td><kbd>⌘ Command</kbd> キーが押されている</td>
       <td>❌ <em>未対応</em></td>
@@ -125,7 +121,7 @@ Gecko で `getModifierState()` が true を返すときです。
     </tr>
     <tr>
       <th scope="row"><code>"OS"</code></th>
-      <td><kbd>⊞ Windows ロゴ</kbd> キーが押されている</td>
+      <td><kbd>⊞ Windows ロゴ</kbd> キーが押されている（Firefox 118 より前）</td>
       <td>
         <kbd>Super</kbd> キーまたは <kbd>Hyper</kbd> キーが押されている（ふつう、 <kbd>⊞ Windows ロゴ</kbd> キーに割り当てられている）
       </td>
@@ -174,8 +170,9 @@ Gecko で `getModifierState()` が true を返すときです。
   </tbody>
 </table>
 
-- その他のプラットフォームでは、 "Alt", "Control", "Shift" に対応する場合があります。
-- すべての修飾子（Gecko がこれを実装した後に定義された `"FnLock"`, `"Hyper"`, `"Super"`, `"Symbol"`）が、Gecko 上の信頼されないイベントに対して常にサポートされます。これはプラットフォームには依存しません。
+- その他のプラットフォームでは、 "Alt", "Control", "Shift" に対応している場合があります。
+- すべての修飾キー（Firefox が実装した後に定義された `"FnLock"`、`"Hyper"`、`"Super"`、`"Symbol"` を除く）は、 Firefox は信頼されないイベントに対して常に対応します。
+  これはプラットフォームに依存しません。
 
 ## `"Accel"` 仮想修飾子
 
@@ -241,21 +238,21 @@ function handleKeyboardEvent(event) {
   ) {
     switch (event.key) {
       case "ArrowDown":
-      case "Down": // hack for IE and old Gecko
+      case "Down": // hack for IE and old Firefox
         event.preventDefault(); // consume the key event
         break;
       case "ArrowLeft":
-      case "Left": // hack for IE and old Gecko
+      case "Left": // hack for IE and old Firefox
         // Do something different if ScrollLock is locked.
         event.preventDefault(); // consume the key event
         break;
       case "ArrowRight":
-      case "Right": // hack for IE and old Gecko
+      case "Right": // hack for IE and old Firefox
         // Do something different if ScrollLock is locked.
         event.preventDefault(); // consume the key event
         break;
       case "ArrowUp":
-      case "Up": // hack for IE and old Gecko
+      case "Up": // hack for IE and old Firefox
         // Do something different if ScrollLock is locked.
         event.preventDefault(); // consume the key event
         break;
diff --git a/files/ja/web/api/keyboardevent/index.md b/files/ja/web/api/keyboardevent/index.md
index 9ca6bd28feefe8..cfd0f80ea0dc92 100644
--- a/files/ja/web/api/keyboardevent/index.md
+++ b/files/ja/web/api/keyboardevent/index.md
@@ -2,7 +2,7 @@
 title: KeyboardEvent
 slug: Web/API/KeyboardEvent
 l10n:
-  sourceCommit: bbecba9e7d688493adbdc37fc70e02d87adfe371
+  sourceCommit: 56c76424a5edb45f6716ac4ee48861dac8e7ae38
 ---
 
 {{APIRef("UI Events")}}
@@ -24,7 +24,7 @@ l10n:
 
 ### キーボード上の位置
 
-以下の定数は、キーイベントがキーボードのどの部分から発生したかを識別します。これらは、`KeyboardEvent.DOM_KEY_LOCATION_STANDARD` などとしてアクセスされます。
+以下の定数は、キーイベントがキーボードのどの部分から発生したかを識別します。これらは、 `KeyboardEvent.DOM_KEY_LOCATION_STANDARD` などとしてアクセスされます。
 
 <table class="standard-table">
   <caption>
@@ -148,11 +148,11 @@ _このインターフェイスには、親である {{domxref("UIEvent")}} お
 
   - : このキーの文字値を表す文字列を返します。キーが表示可能な文字に対応している場合、この値はその文字を含む空でない Unicode 文字列となります。キーが表示可能な表現を持たない場合は、これは空文字列です。
 
-    > **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}}
 
-  - : このキーの Unicode 参照番号を表す数値を返します。この属性は、`keypress` イベントでのみ使用されます。 `char` 属性が複数の文字を含むキーの場合、これはその属性の最初の文字の Unicode 値となります。Firefox 26 では、これは表示可能な文字のコードを返します。
+  - : このキーの Unicode 参照番号を表す数値を返します。この属性は、`keypress` イベントでのみ使用されます。 `char` 属性が複数の文字を含むキーの場合、これはその属性の最初の文字の Unicode 値となります。 Firefox 26 では、これは表示可能な文字のコードを返します。
 
     > **警告:** この属性は非推奨です。可能であれば、代わりに {{domxref("KeyboardEvent.key")}} を使用してください。
 
@@ -166,7 +166,7 @@ _このインターフェイスには、親である {{domxref("UIEvent")}} お
   - : このプロパティは標準外であり、{{domxref("KeyboardEvent.key")}} に置き換えられ非推奨になりました。これは DOM Level 3 Events の古い版に含まれていました。
 - {{domxref("KeyboardEvent.keyLocation")}} {{Non-standard_inline}} {{deprecated_inline}} {{ReadOnlyInline}}
   - : これは {{domxref("KeyboardEvent.location")}} の標準外で非推奨の別名です。これは DOM Level 3 Events の古い版に含まれていました。
-- {{domxref("KeyboardEvent.which")}} {{deprecated_inline}} {{ReadOnlyInline}}
+- {{domxref("UIEvent.which")}} {{deprecated_inline}} {{ReadOnlyInline}}
 
   - : 押されたキーの修飾されていない値を示す、 システムや実装に依存した数値コードを数値で返します。これは通常 `keyCode` と同じです。
 
diff --git a/files/ja/web/api/keyboardevent/initkeyboardevent/index.md b/files/ja/web/api/keyboardevent/initkeyboardevent/index.md
index f02059f0b17ad7..e2effe673399be 100644
--- a/files/ja/web/api/keyboardevent/initkeyboardevent/index.md
+++ b/files/ja/web/api/keyboardevent/initkeyboardevent/index.md
@@ -1,6 +1,9 @@
 ---
-title: KeyboardEvent.initKeyboardEvent()
+title: "KeyboardEvent: initKeyboardEvent() メソッド"
+short-title: initKeyboardEvent()
 slug: Web/API/KeyboardEvent/initKeyboardEvent
+l10n:
+  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
 ---
 
 {{APIRef("UI Events")}}{{Deprecated_Header}}
diff --git a/files/ja/web/api/keyboardevent/initkeyevent/index.md b/files/ja/web/api/keyboardevent/initkeyevent/index.md
index 963b85bebbb9c1..9e83b1b6ce5224 100644
--- a/files/ja/web/api/keyboardevent/initkeyevent/index.md
+++ b/files/ja/web/api/keyboardevent/initkeyevent/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.initKeyEvent()
+title: "KeyboardEvent: initKeyEvent() メソッド"
+short-title: initKeyEvent()
 slug: Web/API/KeyboardEvent/initKeyEvent
 l10n:
-  sourceCommit: 23aea0fbb04893c64890c89a634250283e2beb71
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/keyboardevent/iscomposing/index.md b/files/ja/web/api/keyboardevent/iscomposing/index.md
index 64e16089e1e97b..2b1682afb811c3 100644
--- a/files/ja/web/api/keyboardevent/iscomposing/index.md
+++ b/files/ja/web/api/keyboardevent/iscomposing/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.isComposing
+title: "KeyboardEvent: isComposing プロパティ"
+short-title: isComposing
 slug: Web/API/KeyboardEvent/isComposing
 l10n:
-  sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
+  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/keyboardevent/key/index.md b/files/ja/web/api/keyboardevent/key/index.md
index aad2e8bcda801e..6270fe41e02bf6 100644
--- a/files/ja/web/api/keyboardevent/key/index.md
+++ b/files/ja/web/api/keyboardevent/key/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.key
+title: "KeyboardEvent: key プロパティ"
+short-title: key
 slug: Web/API/KeyboardEvent/key
 l10n:
-  sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
 ---
 
 {{APIRef("UI Events")}}
@@ -170,26 +171,21 @@ window.addEventListener(
     }
 
     switch (event.key) {
-      case "Down": // IE/Edge specific value
       case "ArrowDown":
         // Do something for "down arrow" key press.
         break;
-      case "Up": // IE/Edge specific value
       case "ArrowUp":
         // Do something for "up arrow" key press.
         break;
-      case "Left": // IE/Edge specific value
       case "ArrowLeft":
         // Do something for "left arrow" key press.
         break;
-      case "Right": // IE/Edge specific value
       case "ArrowRight":
         // Do something for "right arrow" key press.
         break;
       case "Enter":
         // Do something for "enter" or "return" key press.
         break;
-      case "Esc": // IE/Edge specific value
       case "Escape":
         // Do something for "esc" key press.
         break;
diff --git a/files/ja/web/api/keyboardevent/keyboardevent/index.md b/files/ja/web/api/keyboardevent/keyboardevent/index.md
index 71a975499e7b95..bd1f08a990f599 100644
--- a/files/ja/web/api/keyboardevent/keyboardevent/index.md
+++ b/files/ja/web/api/keyboardevent/keyboardevent/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent()
+title: "KeyboardEvent: KeyboardEvent() コンストラクター"
+short-title: KeyboardEvent()
 slug: Web/API/KeyboardEvent/KeyboardEvent
 l10n:
-  sourceCommit: b7556b71e1fc3e89057671b372871e9f33d3f0b8
+  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/keyboardevent/keycode/index.md b/files/ja/web/api/keyboardevent/keycode/index.md
index 1b9edc99313404..7839a343b4e297 100644
--- a/files/ja/web/api/keyboardevent/keycode/index.md
+++ b/files/ja/web/api/keyboardevent/keycode/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.keyCode
+title: "KeyboardEvent: keyCode プロパティ"
+short-title: keyCode
 slug: Web/API/KeyboardEvent/keyCode
 l10n:
-  sourceCommit: ff3545b816d9a945d3793ecc330a3b6cbdc59c1c
+  sourceCommit: 997a0ec66e1514b7269076195b2419db334e876e
 ---
 
 {{APIRef("UI Events")}}{{Deprecated_Header}}
@@ -61,7 +62,7 @@ IE はネイティブの仮想キーコードの値を `KeyboardEvent.keyCode` 
 
 Google Chrome、Chromium、Safari は入力された文字から値を決定する必要があります。入力文字が US キーボードレイアウトで入力できる場合、 US キーボードレイアウトの `keyCode` 値を使用します。
 
-Firefox は、キーによって入力可能な ASCII 文字から `keyCode` 値を取得します。 shift 修飾子や ASCII 対応キーボードレイアウトであった場合も含みます。詳しくは以下のルールを参照してください。
+Firefox は、キーによって入力可能な {{Glossary("ASCII")}} 文字から `keyCode` 値を取得します。 shift 修飾子や ASCII 対応キーボードレイアウトであった場合も含みます。詳しくは以下のルールを参照してください。
 
 1. システムが Windows で、押されたキーのネイティブキーコードが a-z または 0-9 であることを示す場合、そのキーコードを使用します。
 2. システムが Mac で、押されたキーのネイティブキーコードが 0-9 である場合、そのキーコードを使用します。
@@ -1147,7 +1148,7 @@ Gecko は区切り記号キーの `keyCode` 値を、できる限り以下の規
       <td><code>0x11 (17)</code></td>
     </tr>
     <tr>
-      <th scope="row"><code>"OSLeft"</code></th>
+      <th scope="row"><code>"MetaLeft"</code></th>
       <td><code>0x5B (91)</code></td>
       <td><code>0x5B (91)</code></td>
       <td><code>0x5B (91)</code></td>
@@ -1158,7 +1159,7 @@ Gecko は区切り記号キーの `keyCode` 値を、できる限り以下の規
       <td><code>0x5B (91)</code></td>
     </tr>
     <tr>
-      <th scope="row"><code>"OSRight"</code></th>
+      <th scope="row"><code>"MetaRight"</code></th>
       <td><code>0x5C (92)</code></td>
       <td><code>0x5C (92)</code></td>
       <td><code>0x5D (93)</code>⚠️</td>
diff --git a/files/ja/web/api/keyboardevent/keyidentifier/index.md b/files/ja/web/api/keyboardevent/keyidentifier/index.md
index e0f01200e84ff2..2b8c05e227a846 100644
--- a/files/ja/web/api/keyboardevent/keyidentifier/index.md
+++ b/files/ja/web/api/keyboardevent/keyidentifier/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.keyIdentifier
+title: "KeyboardEvent: keyIdentifier プロパティ"
+short-title: keyIdentifier
 slug: Web/API/KeyboardEvent/keyIdentifier
 l10n:
-  sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
+  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
 ---
 
 {{APIRef("UI Events")}}{{non-standard_header}}{{deprecated_header}}
diff --git a/files/ja/web/api/keyboardevent/location/index.md b/files/ja/web/api/keyboardevent/location/index.md
index 340e69904aaff2..cc8504bb122339 100644
--- a/files/ja/web/api/keyboardevent/location/index.md
+++ b/files/ja/web/api/keyboardevent/location/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.location
+title: "KeyboardEvent: location プロパティ"
+short-title: location
 slug: Web/API/KeyboardEvent/location
 l10n:
-  sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
+  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/keyboardevent/metakey/index.md b/files/ja/web/api/keyboardevent/metakey/index.md
index cbbfe08ce929e7..e7aaa51e0c81d2 100644
--- a/files/ja/web/api/keyboardevent/metakey/index.md
+++ b/files/ja/web/api/keyboardevent/metakey/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.metaKey
+title: "KeyboardEvent: metaKey プロパティ"
+short-title: metaKey
 slug: Web/API/KeyboardEvent/metaKey
 l10n:
-  sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/keyboardevent/repeat/index.md b/files/ja/web/api/keyboardevent/repeat/index.md
index 764411e79d868a..b9a2b2a63049e5 100644
--- a/files/ja/web/api/keyboardevent/repeat/index.md
+++ b/files/ja/web/api/keyboardevent/repeat/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.repeat
+title: "KeyboardEvent: repeat プロパティ"
+short-title: repeat
 slug: Web/API/KeyboardEvent/repeat
 l10n:
-  sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
+  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/keyboardevent/shiftkey/index.md b/files/ja/web/api/keyboardevent/shiftkey/index.md
index 2cd5b32a1bac51..f83f691a63213b 100644
--- a/files/ja/web/api/keyboardevent/shiftkey/index.md
+++ b/files/ja/web/api/keyboardevent/shiftkey/index.md
@@ -1,8 +1,9 @@
 ---
-title: KeyboardEvent.shiftKey
+title: "KeyboardEvent: shiftKey プロパティ"
+short-title: shiftKey
 slug: Web/API/KeyboardEvent/shiftKey
 l10n:
-  sourceCommit: 277e5969c63b97cfb55ab4a0e612e8040810f49b
+  sourceCommit: eab4066e72d5478de920e4020e5db71214dcffa6
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/altkey/index.md b/files/ja/web/api/mouseevent/altkey/index.md
index 65a1bf6144da31..2a38876fc27c40 100644
--- a/files/ja/web/api/mouseevent/altkey/index.md
+++ b/files/ja/web/api/mouseevent/altkey/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.altKey
+title: "MouseEvent: altKey プロパティ"
+short-title: altKey
 slug: Web/API/MouseEvent/altKey
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/button/index.md b/files/ja/web/api/mouseevent/button/index.md
index 0e9d4ba480656f..0c6f968601a265 100644
--- a/files/ja/web/api/mouseevent/button/index.md
+++ b/files/ja/web/api/mouseevent/button/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.button
+title: "MouseEvent: button プロパティ"
+short-title: button
 slug: Web/API/MouseEvent/button
 l10n:
-  sourceCommit: a36633398f827c87eb593f9647ed00bf33fd5b34
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/buttons/index.md b/files/ja/web/api/mouseevent/buttons/index.md
index 684880560f4ada..6444a729423137 100644
--- a/files/ja/web/api/mouseevent/buttons/index.md
+++ b/files/ja/web/api/mouseevent/buttons/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.buttons
+title: "MouseEvent: buttons プロパティ"
+short-title: buttons
 slug: Web/API/MouseEvent/buttons
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/clientx/index.md b/files/ja/web/api/mouseevent/clientx/index.md
index 107df857261b39..7e3a65fbd10452 100644
--- a/files/ja/web/api/mouseevent/clientx/index.md
+++ b/files/ja/web/api/mouseevent/clientx/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.clientX
+title: "MouseEvent: clientX プロパティ"
+short-title: clientX
 slug: Web/API/MouseEvent/clientX
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/clienty/index.md b/files/ja/web/api/mouseevent/clienty/index.md
index 01b30639d38913..3e8776ac02ee9b 100644
--- a/files/ja/web/api/mouseevent/clienty/index.md
+++ b/files/ja/web/api/mouseevent/clienty/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.clientY
+title: "MouseEvent: clientY プロパティ"
+short-title: clientY
 slug: Web/API/MouseEvent/clientY
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/ctrlkey/index.md b/files/ja/web/api/mouseevent/ctrlkey/index.md
index 7222f98a74bb81..1af8f741183159 100644
--- a/files/ja/web/api/mouseevent/ctrlkey/index.md
+++ b/files/ja/web/api/mouseevent/ctrlkey/index.md
@@ -1,15 +1,16 @@
 ---
-title: MouseEvent.ctrlKey
+title: "MouseEvent: ctrlKey プロパティ"
+short-title: ctrlKey
 slug: Web/API/MouseEvent/ctrlKey
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: 192bb8c0fd91f451c69303a431971c1937c4feca
 ---
 
 {{APIRef("UI Events")}}
 
-**`MouseEvent.ctrlKey`** は読み取り専用のプロパティで、このマウスイベントが発生した際に <kbd>ctrl</kbd> キーが押されていたかどうかを示す論理値です。
+**`MouseEvent.ctrlKey`** は読み取り専用のプロパティで、このマウスイベントが発生した際に <kbd>Ctrl</kbd> キーが押されていたかどうかを示す論理値です。
 
-> **メモ:** Macintosh のキーボードでは、このキーは <kbd>control</kbd> キーです。
+Macintosh のキーボードでは、このキーは <kbd>control</kbd> キーと表記されています。また、 Mac では <kbd>control</kbd> キーと組み合わせたクリックは、オペレーティングシステムに拾われてコンテキストメニューを開くのに使われるので、 `ctrlKey` はクリックイベントで検出されないことに注意してください。
 
 ## 値
 
@@ -17,25 +18,22 @@ l10n:
 
 ## 例
 
-この例では、 {{domxref("Element/click_event", "click")}} イベントを発生させた際に `ctrlKey` プロパティを記録します。
+この例では、 {{domxref("Element/mousemove_event", "mousemove")}} イベントを発生させた際に `ctrlKey` プロパティを記録します。
 
 ### HTML
 
 ```html
-<p>
-  <code>ctrlKey</code> プロパティを試験するためにどこかをクリックしてください。
-</p>
-<p id="log"></p>
+<p id="log">カーソルが動いていたときに Ctrl キーが押されていた: false</p>
 ```
 
 ### JavaScript
 
 ```js
-let log = document.querySelector("#log");
-document.addEventListener("click", logKey);
+const log = document.querySelector("#log");
+window.addEventListener("mousemove", logKey);
 
 function logKey(e) {
-  log.textContent = `Ctrl キーの押下状態: ${e.ctrlKey}`;
+  log.textContent = `カーソルが動いていたときに Ctrl キーが押されていた: ${e.ctrlKey}`;
 }
 ```
 
diff --git a/files/ja/web/api/mouseevent/getmodifierstate/index.md b/files/ja/web/api/mouseevent/getmodifierstate/index.md
index 304a054690245d..22e69a2583d06c 100644
--- a/files/ja/web/api/mouseevent/getmodifierstate/index.md
+++ b/files/ja/web/api/mouseevent/getmodifierstate/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.getModifierState()
+title: "MouseEvent: getModifierState() メソッド"
+short-title: getModifierState()
 slug: Web/API/MouseEvent/getModifierState
 l10n:
-  sourceCommit: b7556b71e1fc3e89057671b372871e9f33d3f0b8
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
@@ -21,7 +22,7 @@ getModifierState(key)
 
 - `key`
   - : 修飾キーの値です。
-    値は修飾キーまたは `"Accel"` {{deprecated_inline}} を表す {{domxref("KeyboardEvent.key")}} 値のいずれかである必要があります。
+    値は修飾キーを表す {{domxref("KeyboardEvent.key")}} 値のいずれか、または `"Accel"` {{deprecated_inline}} である必要があります。
     これは大文字と小文字を区別します。
 
 ### 返値
diff --git a/files/ja/web/api/mouseevent/index.md b/files/ja/web/api/mouseevent/index.md
index e24a681008a1ed..faee0356a53fa7 100644
--- a/files/ja/web/api/mouseevent/index.md
+++ b/files/ja/web/api/mouseevent/index.md
@@ -2,7 +2,7 @@
 title: MouseEvent
 slug: Web/API/MouseEvent
 l10n:
-  sourceCommit: a6390b5024f29bcd6bdab5eedade24e3b446b37b
+  sourceCommit: 381c51574a3e6a07ee09c63493452440f046038d
 ---
 
 {{APIRef("UI Events")}}
@@ -23,10 +23,10 @@ l10n:
 
 ## 静的プロパティ
 
-- {{domxref("MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN")}} {{non-standard_inline}} {{ReadOnlyInline}}
+- {{domxref("MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN_static", "MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN")}} {{non-standard_inline}} {{ReadOnlyInline}}
   - : 通常のクリックに必要な最小圧力。
-- {{domxref("MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN")}} {{non-standard_inline}} {{ReadOnlyInline}}
-  - : 強めのクリック (force click)に必要な最小圧力。
+- {{domxref("MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN_static", "MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN")}} {{non-standard_inline}} {{ReadOnlyInline}}
+  - : 強めのクリック (force click) に必要な最小圧力。
 
 ## インスタンスプロパティ
 
@@ -70,9 +70,6 @@ _このインターフェイスは、親インターフェイスである {{domx
   - : グローバル (スクリーン) 座標における、マウスポインターの Y 座標。
 - {{domxref("MouseEvent.shiftKey")}} {{ReadOnlyInline}}
   - : マウスイベントが発行されたときに <kbd>shift</kbd> キーが押下されていれば、`true` を返します。
-- {{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{deprecated_inline}} {{ReadOnlyInline}}
-  - : イベントが発行されたとき、タッチ機器やタブレット機器に与えられた圧力の大きさです。この値の範囲は、`0.0` (最小圧力) から `1.0` (最大圧力) の間です。
-    このプロパティは非推奨 (かつ標準外) であり、代わりに {{domxref("PointerEvent")}} を使用し、 {{domxref("PointerEvent.pressure", "pressure")}} プロパティを参照してください。
 - {{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{ReadOnlyInline}}
   - : イベントを生成した機器の種類 (`MOZ_SOURCE_*` 定数のいずれか)。
     これにより、例えばマウスイベントが実際のマウスによって発行されたのか、あるいはタッチイベントによって発行されたのかを識別できます (これは、イベントに関連する座標を解釈する際の正確さに影響を与えるでしょう)。
diff --git a/files/ja/web/api/mouseevent/initmouseevent/index.md b/files/ja/web/api/mouseevent/initmouseevent/index.md
index ce9c1f049b4c6b..9df5dc0dbf3d5a 100644
--- a/files/ja/web/api/mouseevent/initmouseevent/index.md
+++ b/files/ja/web/api/mouseevent/initmouseevent/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.initMouseEvent()
+title: "MouseEvent: initMouseEvent() メソッド"
+short-title: initMouseEvent()
 slug: Web/API/MouseEvent/initMouseEvent
 l10n:
-  sourceCommit: a36633398f827c87eb593f9647ed00bf33fd5b34
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
 ---
 
 {{APIRef("UI Events")}}{{deprecated_header}}
diff --git a/files/ja/web/api/mouseevent/layerx/index.md b/files/ja/web/api/mouseevent/layerx/index.md
index aefd074d54fb52..2133288057fdcf 100644
--- a/files/ja/web/api/mouseevent/layerx/index.md
+++ b/files/ja/web/api/mouseevent/layerx/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.layerX
+title: "MouseEvent: layerX プロパティ"
+short-title: layerX
 slug: Web/API/MouseEvent/layerX
 l10n:
-  sourceCommit: a36633398f827c87eb593f9647ed00bf33fd5b34
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}{{Non-standard_Header}}
diff --git a/files/ja/web/api/mouseevent/layery/index.md b/files/ja/web/api/mouseevent/layery/index.md
index e1e060aa917a9a..6c0173816cbf7f 100644
--- a/files/ja/web/api/mouseevent/layery/index.md
+++ b/files/ja/web/api/mouseevent/layery/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.layerY
+title: "MouseEvent: layerY プロパティ"
+short-title: layerY
 slug: Web/API/MouseEvent/layerY
 l10n:
-  sourceCommit: a03b4b0e9aaac7409ff1ce974ab1bf2f40c81e03
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}{{Non-standard_Header}}
diff --git a/files/ja/web/api/mouseevent/metakey/index.md b/files/ja/web/api/mouseevent/metakey/index.md
index 23d7ce0aea9b94..70629c826ce3cd 100644
--- a/files/ja/web/api/mouseevent/metakey/index.md
+++ b/files/ja/web/api/mouseevent/metakey/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.metaKey
+title: "MouseEvent: metaKey プロパティ"
+short-title: metaKey
 slug: Web/API/MouseEvent/metaKey
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/mouseevent/index.md b/files/ja/web/api/mouseevent/mouseevent/index.md
index ecad59c54d512c..0a87ac94ecc1fc 100644
--- a/files/ja/web/api/mouseevent/mouseevent/index.md
+++ b/files/ja/web/api/mouseevent/mouseevent/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent()
+title: "MouseEvent: MouseEvent() コンストラクター"
+short-title: MouseEvent()
 slug: Web/API/MouseEvent/MouseEvent
 l10n:
-  sourceCommit: b7556b71e1fc3e89057671b372871e9f33d3f0b8
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/movementx/index.md b/files/ja/web/api/mouseevent/movementx/index.md
index 0233aaba783370..cc483de1df8270 100644
--- a/files/ja/web/api/mouseevent/movementx/index.md
+++ b/files/ja/web/api/mouseevent/movementx/index.md
@@ -1,19 +1,20 @@
 ---
-title: MouseEvent.movementX
+title: "MouseEvent: movementX プロパティ"
+short-title: movementX
 slug: Web/API/MouseEvent/movementX
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: b3638d40efb549704bd2e73d8aa93514978892cf
 ---
 
 {{APIRef("UI Events")}}
 
 **`movementX`** は {{domxref("MouseEvent")}} インターフェイスの読み取り専用プロパティで、直前の {{domxref("Element/mousemove_event", "mousemove")}} イベントとこのイベントのマウスポインターの X 座標の差を示します。このプロパティの値は `currentEvent.movementX = currentEvent.screenX - previousEvent.screenX` のように計算されます。
 
-> **警告:** ブラウザーは `movementX` と {{domxref("MouseEvent.screenX", "screenX")}} に [仕様で定義されているものとは異なる単位を使用します](https://github.com/w3c/pointerlock/issues/42)。ブラウザーとオペレーティングシステムによって、 `movementX` の単位は物理ピクセル、論理ピクセル、または CSS ピクセルである場合があります。
+> **警告:** ブラウザーは `movementX` と {{domxref("MouseEvent.screenX", "screenX")}} に [仕様で定義されているものとは異なる単位を使用します](https://github.com/w3c/pointerlock/issues/42)。ブラウザーとオペレーティングシステムによって、 `movementX` の単位は物理ピクセルであったり、論理ピクセルであったり、 CSS ピクセルであったりします。
 
 ## 値
 
-数値です。
+数値です。 `mousemove` 以外の {{domxref("MouseEvent")}} では常に 0 です。
 
 ## 例
 
diff --git a/files/ja/web/api/mouseevent/movementy/index.md b/files/ja/web/api/mouseevent/movementy/index.md
index c4945f24b8ab0b..c7207b25ed93c4 100644
--- a/files/ja/web/api/mouseevent/movementy/index.md
+++ b/files/ja/web/api/mouseevent/movementy/index.md
@@ -1,19 +1,20 @@
 ---
-title: MouseEvent.movementY
+title: "MouseEvent: movementY プロパティ"
+short-title: movementY
 slug: Web/API/MouseEvent/movementY
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: b3638d40efb549704bd2e73d8aa93514978892cf
 ---
 
 {{APIRef("UI Events")}}
 
 **`movementY`** は {{domxref("MouseEvent")}} インターフェイスの読み取り専用プロパティで、直前の {{domxref("Element/mousemove_event", "mousemove")}} イベントとこのイベントのマウスポインターの Y 座標の差を示します。このプロパティの値は `currentEvent.movementY = currentEvent.screenY - previousEvent.screenY` のように計算されます。
 
-> **警告:** ブラウザーは `movementY` と {{domxref("MouseEvent.screenY", "screenY")}} に[仕様で定義されているものとは異なる単位を使用します](https://github.com/w3c/pointerlock/issues/42)。ブラウザーとオペレーティングシステムによって、 `movementX` の単位は物理ピクセル、論理ピクセル、または CSS ピクセルである場合があります。
+> **警告:** ブラウザーは `movementY` と {{domxref("MouseEvent.screenY", "screenY")}} に[仕様で定義されているものとは異なる単位を使用します](https://github.com/w3c/pointerlock/issues/42)。ブラウザーとオペレーティングシステムによって、 `movementY` の単位は物理ピクセルであったり、論理ピクセルであったり、 CSS ピクセルであったりします。
 
 ## 値
 
-数値です。
+数値です。 `mousemove` 以外の {{domxref("MouseEvent")}} では常に 0 です。
 
 ## 例
 
diff --git a/files/ja/web/api/mouseevent/mozinputsource/index.md b/files/ja/web/api/mouseevent/mozinputsource/index.md
index 917379e6d1936f..325c39f0e5db1f 100644
--- a/files/ja/web/api/mouseevent/mozinputsource/index.md
+++ b/files/ja/web/api/mouseevent/mozinputsource/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.mozInputSource
+title: "MouseEvent: mozInputSource プロパティ"
+short-title: mozInputSource
 slug: Web/API/MouseEvent/mozInputSource
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}} {{ Non-standard_header() }}
diff --git a/files/ja/web/api/mouseevent/offsetx/index.md b/files/ja/web/api/mouseevent/offsetx/index.md
index 491f612b0f0385..d3d974591e4a4f 100644
--- a/files/ja/web/api/mouseevent/offsetx/index.md
+++ b/files/ja/web/api/mouseevent/offsetx/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.offsetX
+title: "MouseEvent: offsetX プロパティ"
+short-title: offsetX
 slug: Web/API/MouseEvent/offsetX
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/offsety/index.md b/files/ja/web/api/mouseevent/offsety/index.md
index d55700b028a400..ee20d4c71a4aa5 100644
--- a/files/ja/web/api/mouseevent/offsety/index.md
+++ b/files/ja/web/api/mouseevent/offsety/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.offsetY
+title: "MouseEvent: offsetY プロパティ"
+short-title: offsetY
 slug: Web/API/MouseEvent/offsetY
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/pagex/index.md b/files/ja/web/api/mouseevent/pagex/index.md
index e7eaa4320628ac..ae8ec8c5d67dbf 100644
--- a/files/ja/web/api/mouseevent/pagex/index.md
+++ b/files/ja/web/api/mouseevent/pagex/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.pageX
+title: "MouseEvent: pageX プロパティ"
+short-title: pageX
 slug: Web/API/MouseEvent/pageX
 l10n:
-  sourceCommit: a36633398f827c87eb593f9647ed00bf33fd5b34
+  sourceCommit: 76717f752447b6eef25bf29c12272e407ee5cb6b
 ---
 
 {{APIRef("UI Events")}}
@@ -13,10 +14,10 @@ l10n:
 文書の端をそのまま基準とするため、このプロパティは、ページの水平方向のスクロールを加味します。
 例えば、文書の左側 200 ピクセルが隠れるようにページがスクロールされ、ビューの左端から 100 ピクセル内側でマウスがクリックされた場合、 `pageX` が返す値は 300 となります。
 
-元々、このプロパティは `long` 型の整数として定義されていましたが、 [CSSOM View モジュール](/ja/docs/Web/CSS/CSSOM_View) では、 `double` 型の浮動小数点値として再定義しています。
+元々、このプロパティは `long` 型の整数として定義されていましたが、 [CSSOM View モジュール](/ja/docs/Web/CSS/CSSOM_view) では、 `double` 型の浮動小数点値として再定義しています。
 詳しくは[ブラウザーの互換性](#ブラウザーの互換性)の節を参照してください。
 
-この方法で指定された座標について詳しくは、[座標系](/ja/docs/Web/CSS/CSSOM_View/Coordinate_systems)の[ページ](/ja/docs/Web/CSS/CSSOM_View/Coordinate_systems#ページ)の節を参照してください。
+この方法で指定された座標について詳しくは、[座標系](/ja/docs/Web/CSS/CSSOM_view/Coordinate_systems#%e3%83%9a%e3%83%bc%e3%82%b8)を参照してください。
 
 ## 値
 
@@ -97,7 +98,7 @@ JavaScript では、 {{domxref("EventTarget.addEventListener", "addEventListener
 
 ### その他の例
 
-利用可能なすべての座標系における情報を示す例は、[マウス位置へのアクセス方法](/ja/docs/Web/CSS/CSSOM_View/Coordinate_systems#例)で見ることができます。
+利用可能なすべての座標系における情報を示す例は、[マウス位置へのアクセス方法](/ja/docs/Web/CSS/CSSOM_view/Coordinate_systems#%e4%be%8b)で見ることができます。
 
 ## 仕様書
 
diff --git a/files/ja/web/api/mouseevent/pagey/index.md b/files/ja/web/api/mouseevent/pagey/index.md
index 4dc65e8d38377f..1f43824fec30ef 100644
--- a/files/ja/web/api/mouseevent/pagey/index.md
+++ b/files/ja/web/api/mouseevent/pagey/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.pageY
+title: "MouseEvent: pageY プロパティ"
+short-title: pageY
 slug: Web/API/MouseEvent/pageY
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/relatedtarget/index.md b/files/ja/web/api/mouseevent/relatedtarget/index.md
index 4fc0ec4da62fe6..e3bab1be069bd2 100644
--- a/files/ja/web/api/mouseevent/relatedtarget/index.md
+++ b/files/ja/web/api/mouseevent/relatedtarget/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.relatedTarget
+title: "MouseEvent: relatedTarget プロパティ"
+short-title: relatedTarget
 slug: Web/API/MouseEvent/relatedTarget
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/screenx/index.md b/files/ja/web/api/mouseevent/screenx/index.md
index b2aa4372733650..b19c42581ef85f 100644
--- a/files/ja/web/api/mouseevent/screenx/index.md
+++ b/files/ja/web/api/mouseevent/screenx/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.screenX
+title: "MouseEvent: screenX プロパティ"
+short-title: screenX
 slug: Web/API/MouseEvent/screenX
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/screeny/index.md b/files/ja/web/api/mouseevent/screeny/index.md
index 3517b56f94bce0..778edc51ebd442 100644
--- a/files/ja/web/api/mouseevent/screeny/index.md
+++ b/files/ja/web/api/mouseevent/screeny/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.screenY
+title: "MouseEvent: screenY プロパティ"
+short-title: screenY
 slug: Web/API/MouseEvent/screenY
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/shiftkey/index.md b/files/ja/web/api/mouseevent/shiftkey/index.md
index a7454c1e97e056..b8a5b43732a2e5 100644
--- a/files/ja/web/api/mouseevent/shiftkey/index.md
+++ b/files/ja/web/api/mouseevent/shiftkey/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.shiftKey
+title: "MouseEvent: shiftKey プロパティ"
+short-title: shiftKey
 slug: Web/API/MouseEvent/shiftKey
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/webkit_force_at_force_mouse_down_static/index.md b/files/ja/web/api/mouseevent/webkit_force_at_force_mouse_down_static/index.md
index ba2f28a6c9ea0d..363e94f4ba5fb0 100644
--- a/files/ja/web/api/mouseevent/webkit_force_at_force_mouse_down_static/index.md
+++ b/files/ja/web/api/mouseevent/webkit_force_at_force_mouse_down_static/index.md
@@ -1,11 +1,14 @@
 ---
-title: MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN
+title: "MouseEvent: WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN 静的プロパティ"
+short-title: WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN
 slug: Web/API/MouseEvent/WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN_static
+l10n:
+  sourceCommit: 381c51574a3e6a07ee09c63493452440f046038d
 ---
 
-{{APIRef("UI Events")}}{{Non-standard_header()}}
+{{APIRef("UI Events")}}{{Non-standard_header}}
 
-**`MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN`** は WebKit 独自の静的な数値プロパティで、強いクリックの最小圧力の値です。
+**`MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN`** は WebKit 固有の静的な数値プロパティで、強いクリックの最小圧力の値です。
 
 `WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN` は `MouseEvent` の静的プロパティなので、常に `MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN` として使用してください。 `MouseEvent` インターフェイスのプロパティとしては使用できません。
 
@@ -15,6 +18,6 @@ _どの仕様書にもありません。_ Apple は [Mac Developer Library で
 
 ## 関連情報
 
-- {{domxref("MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN")}}
+- {{domxref("MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN_static", "MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN")}}
 - {{domxref("MouseEvent.webkitForce")}}
 - [Force Touch events](/ja/docs/Web/API/Force_Touch_events)
diff --git a/files/ja/web/api/mouseevent/webkit_force_at_mouse_down_static/index.md b/files/ja/web/api/mouseevent/webkit_force_at_mouse_down_static/index.md
index 70ec5d21898898..81cf497d585886 100644
--- a/files/ja/web/api/mouseevent/webkit_force_at_mouse_down_static/index.md
+++ b/files/ja/web/api/mouseevent/webkit_force_at_mouse_down_static/index.md
@@ -1,11 +1,14 @@
 ---
-title: MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN
+title: "MouseEvent: WEBKIT_FORCE_AT_MOUSE_DOWN 静的プロパティ"
+short-title: WEBKIT_FORCE_AT_MOUSE_DOWN
 slug: Web/API/MouseEvent/WEBKIT_FORCE_AT_MOUSE_DOWN_static
+l10n:
+  sourceCommit: 381c51574a3e6a07ee09c63493452440f046038d
 ---
 
-{{APIRef("UI Events")}}{{Non-standard_header()}}
+{{APIRef("UI Events")}}{{Non-standard_header}}
 
-**`MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN`** は WebKit 独自の静的な数値プロパティで、通常クリックの最小圧力の値です。
+**`MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN`** は非公式な WebKit 固有の静的な数値プロパティで、通常クリックの最小圧力の値です。
 
 `WEBKIT_FORCE_AT_MOUSE_DOWN` は `MouseEvent` の静的プロパティなので、常に `MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN` として使用してください。 `MouseEvent` インターフェイスのプロパティとしては使用できません。
 
@@ -15,6 +18,6 @@ _どの仕様書にもありません。_ Apple は [Mac Developer Library で
 
 ## 関連情報
 
-- {{domxref("MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN")}}
+- {{domxref("MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN_static", "MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN")}}
 - {{domxref("MouseEvent.webkitForce")}}
 - [Force Touch events](/ja/docs/Web/API/Force_Touch_events)
diff --git a/files/ja/web/api/mouseevent/webkitforce/index.md b/files/ja/web/api/mouseevent/webkitforce/index.md
index 17aab5dc1e40f1..9fc50790da4ddf 100644
--- a/files/ja/web/api/mouseevent/webkitforce/index.md
+++ b/files/ja/web/api/mouseevent/webkitforce/index.md
@@ -1,11 +1,12 @@
 ---
-title: MouseEvent.webkitForce
+title: "MouseEvent: webkitForce プロパティ"
+short-title: webkitForce
 slug: Web/API/MouseEvent/webkitForce
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
-{{APIRef("UI Events")}}{{Non-standard_header()}}
+{{APIRef("UI Events")}}{{Non-standard_header}}
 
 **`MouseEvent.webkitForce`** は WebKit 独自の数値プロパティで、タッチパッドまたはタッチ画面で適用される圧力の大きさを表す値です。
 
@@ -15,6 +16,6 @@ _どの仕様書にもありません。_ Apple は [Mac Developer Library で
 
 ## 関連情報
 
-- {{domxref("MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN")}}
-- {{domxref("MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN")}}
+- {{domxref("MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN_static", "MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN")}}
+- {{domxref("MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN_static", "MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN")}}
 - [Force Touch events](/ja/docs/Web/API/Force_Touch_events)
diff --git a/files/ja/web/api/mouseevent/x/index.md b/files/ja/web/api/mouseevent/x/index.md
index 6c48d1cd122619..d4c1149990f3c0 100644
--- a/files/ja/web/api/mouseevent/x/index.md
+++ b/files/ja/web/api/mouseevent/x/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.x
+title: "MouseEvent: x プロパティ"
+short-title: x
 slug: Web/API/MouseEvent/x
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mouseevent/y/index.md b/files/ja/web/api/mouseevent/y/index.md
index 36d2501a633523..dcaf3fc8b66d1d 100644
--- a/files/ja/web/api/mouseevent/y/index.md
+++ b/files/ja/web/api/mouseevent/y/index.md
@@ -1,8 +1,9 @@
 ---
-title: MouseEvent.y
+title: "MouseEvent: y プロパティ"
+short-title: "y"
 slug: Web/API/MouseEvent/y
 l10n:
-  sourceCommit: 4b4638246aad5d39b9a2e5c572b179b4c39c0a84
+  sourceCommit: 7b3ccaec4a93584da12939587ea746acaabe30bc
 ---
 
 {{APIRef("UI Events")}}
diff --git a/files/ja/web/api/mousescrollevent/index.md b/files/ja/web/api/mousescrollevent/index.md
new file mode 100644
index 00000000000000..421b4a1b273ae0
--- /dev/null
+++ b/files/ja/web/api/mousescrollevent/index.md
@@ -0,0 +1,66 @@
+---
+title: MouseScrollEvent
+slug: Web/API/MouseScrollEvent
+l10n:
+  sourceCommit: 8d0cbeacdc1872f7e4d966177151585c58fb879e
+---
+
+{{APIRef("UI Events")}}{{ Non-standard_Header }}{{Deprecated_Header}}
+
+**`MouseScrollEvent`** インターフェイスは、ユーザーがマウスホイールや同様の入力デバイスを動かすことによって発生するイベントを表します。
+
+> **警告:** wheel イベントにはこのインターフェイスを使用しないでください。
+>
+> `MouseWheelEvent` と同様、このインターフェイスは非標準であり、非推奨です。 Gecko ベースのブラウザーでのみ使用されていました。代わりに、標準の _{{domxref("WheelEvent")}}_ を使用してください。
+
+## メソッド概要
+
+```webidl
+void initMouseScrollEvent(
+  in DOMString typeArg,
+  in boolean canBubbleArg,
+  in boolean cancelableArg,
+  in nsIDOMAbstractView viewArg,
+  in long detailArg,
+  in long screenXArg,
+  in long screenYArg,
+  in long clientXArg,
+  in long clientYArg,
+  in boolean ctrlKeyArg,
+  in boolean altKeyArg,
+  in boolean shiftKeyArg,
+  in boolean metaKeyArg,
+  in unsigned short buttonArg,
+  in nsIDOMEventTarget relatedTargetArg,
+  in long axis);
+```
+
+## 属性
+
+| 属性                      | 型     | 説明                       |
+| ------------------------- | ------ | -------------------------- |
+| `axis` {{ReadOnlyInline}} | `long` | スクロール方向を示します。 |
+
+## 定数
+
+### デルタモード
+
+| 定数              | 値     | 説明                                               |
+| ----------------- | ------ | -------------------------------------------------- |
+| `HORIZONTAL_AXIS` | `0x01` | このイベントは、水平ホイール操作によって発生した。 |
+| `VERTICAL_AXIS`   | `0x02` | このイベントは、垂直ホイール操作によって発生した。 |
+
+## インスタンスメソッド
+
+- `initMouseScrollEvent()`
+  - : `nsIDOMMouseScrollEvent::initMouseScrollEvent()` を参照。
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- `DOMMouseScroll`
+- `MozMousePixelScroll`
+- 標準化されたマウスホイールイベントオブジェクト: {{ domxref("WheelEvent") }}
diff --git a/files/ja/web/api/mutationevent/attrchange/index.md b/files/ja/web/api/mutationevent/attrchange/index.md
new file mode 100644
index 00000000000000..6bbb446c94dfeb
--- /dev/null
+++ b/files/ja/web/api/mutationevent/attrchange/index.md
@@ -0,0 +1,35 @@
+---
+title: "MutationEvent: attrChange プロパティ"
+short-title: attrChange
+slug: Web/API/MutationEvent/attrChange
+l10n:
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
+---
+
+{{APIRef("UI Events")}}{{Deprecated_Header}}
+
+**`attrChange`** は {{domxref("MutationEvent")}} インターフェイスの読み取り専用プロパティで、 `DOMAttrModified` イベントのトリガーとなった変更の種類を示す数値を返します。取り得る値は `MODIFICATION` (`1`)、`ADDITION` (`2`)、`REMOVAL`(`3`) の 3 つです。この値は他のイベントでは意味を持たず、`0` に設定されます。
+
+## 値
+
+整数です。 `0`、`1` (`MODIFICATION`)、`2` (`ADDITION`)、`3` (`REMOVAL`) のいずれかです。
+
+## 例
+
+```js
+element.addEventListener(
+  "DOMAttrModified",
+  (event) => {
+    console.log(event.attrChange);
+  },
+  false,
+);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/mutationevent/attrname/index.md b/files/ja/web/api/mutationevent/attrname/index.md
new file mode 100644
index 00000000000000..3b8bd143ae77b1
--- /dev/null
+++ b/files/ja/web/api/mutationevent/attrname/index.md
@@ -0,0 +1,35 @@
+---
+title: "MutationEvent: attrName プロパティ"
+short-title: attrName
+slug: Web/API/MutationEvent/attrName
+l10n:
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
+---
+
+{{APIRef("UI Events")}}{{Deprecated_Header}}
+
+**`attrName`** は {{domxref("MutationEvent")}} インターフェイスの読み取り専用プロパティで、 `DOMAttrModified` イベントの影響を受けるノードの名前を文字列で返します。これは他のイベントでは意味を持たず、空文字列 (`""`) に設定されます。
+
+## 値
+
+文字列です。
+
+## 例
+
+```js
+element.addEventListener(
+  "DOMAttrModified",
+  (event) => {
+    console.log(event.attrName);
+  },
+  false,
+);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/mutationevent/index.md b/files/ja/web/api/mutationevent/index.md
new file mode 100644
index 00000000000000..d9a9a925d3b55f
--- /dev/null
+++ b/files/ja/web/api/mutationevent/index.md
@@ -0,0 +1,80 @@
+---
+title: MutationEvent
+slug: Web/API/MutationEvent
+l10n:
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
+---
+
+{{APIRef("UI Events")}}{{Deprecated_Header}}
+
+**`MutationEvent`** インターフェイスは、 Document Object Model (DOM) の階層とノードの変更に特化したイベントプロパティを提供します。
+
+> **メモ:** mutation イベントを使用するのは問題があります。
+>
+> - 設計上の[欠陥](https://lists.w3.org/Archives/Public/public-webapps/2011JulSep/0779.html)があります。
+> - 文書に DOM の mutation リスナーを追加すると、その文書に対するその後の DOM 変更の[パフォーマンスが著しく低下します](https://groups.google.com/d/topic/mozilla.dev.platform/L0Lx11u5Bvs?pli=1)（1.5 倍から 7 倍も遅くなります）。さらに、リスナーを削除してもダメージは元に戻りません。
+> - クロスブラウザー互換性が低いです。 Safari は `DOMAttrModified` に対応しておらず（[WebKit のバグ 8191](https://webkit.org/b/8191) を参照）、Firefox は mutation name イベント（`DOMElementNameChanged` や `DOMAttributeNameChanged` など）に対応していません。
+>
+> これらは非推奨になり、[変異オブザーバー](/ja/docs/Web/API/MutationObserver)に置き換えられました。**こちらの使用を検討してください。**
+
+{{InheritanceDiagram}}
+
+## インスタンスプロパティ
+
+_このインターフェイスには親である {{domxref("UIEvent")}} と、間接的に {{domxref("Event")}} から継承したプロパティがあります。_
+
+- {{domxref("MutationEvent.attrChange")}} {{ReadOnlyInline}} {{Deprecated_Inline}}
+  - : どのような変更が `DOMAttrModified` イベントのトリガーとなったかを示します。これは `MODIFICATION` (`1`)、`ADDITION` (`2`)、`REMOVAL` (`3`)のいずれかです。他のイベントに対しては意味を持たず、 `0` に設定されます。
+- {{domxref("MutationEvent.attrName")}} {{ReadOnlyInline}} {{Deprecated_Inline}}
+  - : `DOMAttrModified` イベントの影響を受けるノードの名前を示します。他のイベントでは意味を持たず、空文字列 (`""`) に設定されます。
+- {{domxref("MutationEvent.newValue")}} {{ReadOnlyInline}} {{Deprecated_Inline}}
+  - : `DOMAttrModified` イベントでは、変更された {{domxref("Attr")}} ノードの新しい値が格納されます。 `DOMCharacterDataModified` イベントでは、変更された {{domxref("CharacterData")}} ノードの新しい値を返します。それ以外の場合は、空文字列 (`""`) を返します。
+- {{domxref("MutationEvent.prevValue")}} {{ReadOnlyInline}} {{Deprecated_Inline}}
+  - : `DOMAttrModified` イベントでは、変更前の {{domxref("Attr")}} ノードの値が格納されます。 `DOMCharacterDataModified` イベントでは、変更された {{domxref("CharacterData")}} ノードの新しい値を返します。それ以外の場合は、空文字列 (`""`) を返します。
+- {{domxref("MutationEvent.relatedNode")}} {{ReadOnlyInline}} {{Deprecated_Inline}}
+  - : `DOMSubtreeModified` のサブツリー内の変更されたノードのように、イベントに関連するノードを示します。
+
+## インスタンスメソッド
+
+- {{domxref("MutationEvent.initMutationEvent()")}} {{Deprecated_Inline}}
+  - : コンストラクターメソッドで、与えられた引数で構成された新しい `MutationEvent` を返します。
+
+## 変異イベント一覧
+
+以下はすべての変異イベントの一覧です。
+
+- `DOMAttrModified` （Safari では未対応）
+- `DOMAttributeNameChanged` （Firefox では未対応）
+- `DOMCharacterDataModified`
+- `DOMElementNameChanged` （Firefox では未対応）
+- `DOMNodeInserted`
+- `DOMNodeInsertedIntoDocument`
+- `DOMNodeRemoved`
+- `DOMNodeRemovedFromDocument`
+- `DOMSubtreeModified`
+
+## 例
+
+変異イベントのリスナーは、 {{DOMxRef("EventTarget.addEventListener()")}} を使って以下のように登録できます。
+
+```js
+element.addEventListener(
+  "DOMNodeInserted",
+  (event) => {
+    // …
+  },
+  false,
+);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{DOMxRef("MutationObserver")}}
diff --git a/files/ja/web/api/mutationevent/initmutationevent/index.md b/files/ja/web/api/mutationevent/initmutationevent/index.md
new file mode 100644
index 00000000000000..32a5af7b2c5650
--- /dev/null
+++ b/files/ja/web/api/mutationevent/initmutationevent/index.md
@@ -0,0 +1,54 @@
+---
+title: "MutationEvent: initMutationEvent() メソッド"
+short-title: initMutationEvent()
+slug: Web/API/MutationEvent/initMutationEvent
+l10n:
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
+---
+
+{{APIRef("UI Events")}}{{deprecated_header}}
+
+**`initMutationEvent()`** は {{domxref("MutationEvent")}} インターフェイスのメソッドで、一度作成された変異イベントの値を初期化します（通常は {{domxref("Document.createEvent()")}} メソッドを使用します）。
+
+このメソッドは、 {{ domxref("EventTarget.dispatchEvent()") }} を使用して、配信される前にイベントを設定するために呼び出される必要があります。
+
+> **メモ:** 一般に、これらのイベントを自分で作成することはなく、ブラウザーが作成します。
+
+## 構文
+
+```js-nolint
+initMutationEvent(type, canBubble, cancelable, relatedNode,
+                  prevValue, newValue, attrName, attrChange)
+```
+
+### 引数
+
+- `type`
+  - : イベントの {{domxref("Event.type", "type")}} に設定する文字列。ブラウザーは {{domxref("MutationEvent")}} に次の値を設定します。
+    `DOMAttrModified`, `DOMAttributeNameChanged`, `DOMCharacterDataModified`, `DOMElementNameChanged`, `DOMNodeInserted`, `DOMNodeInsertedIntoDocument`, `DOMNodeRemoved`, `DOMNodeRemovedFromDocument`,`DOMSubtreeModified`
+- `canBubble`
+  - : 論理値で、イベントがバブリングするかどうかを示します。 {{domxref("Event.bubbles")}} の値を設定します。
+- `cancelable`
+  - : 論理値で、イベントの既定のアクションを阻止できるかどうかを示します。 {{domxref("Event.cancelable")}} の値を設定します。
+- `relatedNode`
+  - : 文字列で、変更するノードの新しい値を表します。 {{domxref("MutationEvent.relatedNode")}} の値を設定します。
+- `prevValue`
+  - : 文字列で、変更するノードの前回値を表します。 {{domxref("MutationEvent.prevValue")}} の値を設定します。
+- `newValue`
+  - : 文字列で、変更するノードの新しい値を表します。 {{domxref("MutationEvent.newValue")}} の値を設定します。
+- `attrName`
+  - : 文字列で、もしあれば、変更された {{domxref("Attr")}} ノードの名前を表します。 {{domxref("MutationEvent.attrName")}} の値を設定します。
+- `attrChange`
+  - : 整数で、属性ノードが変更された理由を表します。 {{domxref("MutationEvent.attrChange")}} の値を設定します。
+
+### 返値
+
+なし ({{jsxref("undefined")}})。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/mutationevent/newvalue/index.md b/files/ja/web/api/mutationevent/newvalue/index.md
new file mode 100644
index 00000000000000..ae4c110169f2ce
--- /dev/null
+++ b/files/ja/web/api/mutationevent/newvalue/index.md
@@ -0,0 +1,35 @@
+---
+title: "MutationEvent: newValue プロパティ"
+short-title: newValue
+slug: Web/API/MutationEvent/newValue
+l10n:
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
+---
+
+{{APIRef("UI Events")}}{{Deprecated_Header}}
+
+**`newValue`** は {{domxref("MutationEvent")}} インターフェイスの読み取り専用プロパティで、文字列を返します。 `DOMAttrModified` イベントでは、 {{domxref("Attr")}} ノードの新しい値を表します。 `DOMCharacterDataModified` イベントでは、{{domxref("CharacterData")}} ノードの新しい値を表します。それ以外の場合は、空文字列 (`""`) を返します。
+
+## 値
+
+文字列です。
+
+## 例
+
+```js
+element.addEventListener(
+  "DOMAttrModified",
+  (event) => {
+    console.log(event.newValue);
+  },
+  false,
+);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/mutationevent/prevvalue/index.md b/files/ja/web/api/mutationevent/prevvalue/index.md
new file mode 100644
index 00000000000000..8dfa0816adabe7
--- /dev/null
+++ b/files/ja/web/api/mutationevent/prevvalue/index.md
@@ -0,0 +1,35 @@
+---
+title: "MutationEvent: prevValue プロパティ"
+short-title: prevValue
+slug: Web/API/MutationEvent/prevValue
+l10n:
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
+---
+
+{{APIRef("UI Events")}}{{Deprecated_Header}}
+
+**`prevValue`** は {{domxref("MutationEvent")}} インターフェイスの読み取り専用プロパティで、文字列を返します。 `DOMAttrModified` イベントでは、 {{domxref("Attr")}} ノードの以前の値を表します。 `DOMCharacterDataModified` イベントでは、 {{domxref("CharacterData")}} ノードの以前の値を表します。それ以外の場合は、空文字列 (`""`) を返します。
+
+## 値
+
+文字列です。
+
+## 例
+
+```js
+element.addEventListener(
+  "DOMAttrModified",
+  (event) => {
+    console.log(event.previousValue);
+  },
+  false,
+);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/mutationevent/relatednode/index.md b/files/ja/web/api/mutationevent/relatednode/index.md
new file mode 100644
index 00000000000000..1fd43771722342
--- /dev/null
+++ b/files/ja/web/api/mutationevent/relatednode/index.md
@@ -0,0 +1,35 @@
+---
+title: "MutationEvent: relatedNode プロパティ"
+short-title: relatedNode
+slug: Web/API/MutationEvent/relatedNode
+l10n:
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
+---
+
+{{APIRef("UI Events")}}{{Deprecated_Header}}
+
+**`relatedNode`** は {{domxref("MutationEvent")}} インターフェイスの読み取り専用プロパティで、 `DOMSubtreeModified` のサブツリー内の変更されたノードのように、イベントに関連するノードを示す文字列を返します。
+
+## 値
+
+文字列です。
+
+## 例
+
+```js
+element.addEventListener(
+  "DOMSubtreeModified",
+  (event) => {
+    console.log(event.relatedNode);
+  },
+  false,
+);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/range/clonecontents/index.md b/files/ja/web/api/range/clonecontents/index.md
index 470275f2075a98..df041f44f634bc 100644
--- a/files/ja/web/api/range/clonecontents/index.md
+++ b/files/ja/web/api/range/clonecontents/index.md
@@ -1,6 +1,9 @@
 ---
-title: Range.cloneContents()
+title: "Range: cloneContents() メソッド"
+short-title: cloneContents()
 slug: Web/API/Range/cloneContents
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
 ---
 
 {{ APIRef("DOM") }}
@@ -13,8 +16,8 @@ slug: Web/API/Range/cloneContents
 
 ## 構文
 
-```js
-cloneContents();
+```js-nolint
+cloneContents()
 ```
 
 ### 引数
diff --git a/files/ja/web/api/range/clonerange/index.md b/files/ja/web/api/range/clonerange/index.md
new file mode 100644
index 00000000000000..f20152cb0bb90e
--- /dev/null
+++ b/files/ja/web/api/range/clonerange/index.md
@@ -0,0 +1,47 @@
+---
+title: "Range: cloneRange() メソッド"
+short-title: cloneRange()
+slug: Web/API/Range/cloneRange
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
+---
+
+{{ APIRef("DOM") }}
+
+**`Range.cloneRange()`** メソッドは、複製された {{domxref("Range")}} と同じ境界点を持つ {{domxref("Range")}} オブジェクトを返します。
+
+返されるクローンは参照ではなく値でコピーされるので、どちらの {{domxref("Range")}} を変更しても、もう一方に影響はありません。
+
+## 構文
+
+```js-nolint
+cloneRange()
+```
+
+### 引数
+
+なし。
+
+### 返値
+
+{{domxref("Range")}} オブジェクトです。
+
+## 例
+
+```js
+range = document.createRange();
+range.selectNode(document.getElementsByTagName("div").item(0));
+clone = range.cloneRange();
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model)
diff --git a/files/ja/web/api/range/collapse/index.md b/files/ja/web/api/range/collapse/index.md
new file mode 100644
index 00000000000000..82313b475e086a
--- /dev/null
+++ b/files/ja/web/api/range/collapse/index.md
@@ -0,0 +1,51 @@
+---
+title: "Range: collapse() メソッド"
+short-title: collapse()
+slug: Web/API/Range/collapse
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
+---
+
+{{APIRef("DOM")}}
+
+**`Range.collapse()`** メソッドは、 {{domxref("Range")}} を境界点の一つに折りたたみます。
+
+折りたたまれた {{domxref("Range")}} は空で、コンテンツを含まず、 DOM ツリーの単一の点を指定します。 {{domxref("Range")}} が既に折りたたまれているかどうかを調べるには、 {{domxref("Range.collapsed")}} プロパティを参照してください。
+
+## 構文
+
+```js-nolint
+collapse()
+collapse(toStart)
+```
+
+### 引数
+
+- `toStart` {{optional_inline}}
+  - : 論理値です。 `true` の場合は {{domxref("Range")}} を先頭側に、`false` の場合は末尾側に折りたたみます。省略すると既定で `false` {{experimental_inline}} となります。
+
+### 返値
+
+なし ({{jsxref("undefined")}})。
+
+## 例
+
+```js
+const range = document.createRange();
+
+const referenceNode = document.getElementsByTagName("div").item(0);
+range.selectNode(referenceNode);
+range.collapse(true);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model)
diff --git a/files/ja/web/api/range/collapsed/index.md b/files/ja/web/api/range/collapsed/index.md
index f43e9e67d35f56..cb9f196d53ee4f 100644
--- a/files/ja/web/api/range/collapsed/index.md
+++ b/files/ja/web/api/range/collapsed/index.md
@@ -1,6 +1,9 @@
 ---
-title: Range.collapsed
+title: "Range: collapsed プロパティ"
+short-title: collapsed
 slug: Web/API/Range/collapsed
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
 ---
 
 {{ APIRef("DOM") }}
diff --git a/files/ja/web/api/range/commonancestorcontainer/index.md b/files/ja/web/api/range/commonancestorcontainer/index.md
index 89fda63e67e1e8..517d66e26c7253 100644
--- a/files/ja/web/api/range/commonancestorcontainer/index.md
+++ b/files/ja/web/api/range/commonancestorcontainer/index.md
@@ -1,6 +1,9 @@
 ---
-title: Range.commonAncestorContainer
+title: "Range: commonAncestorContainer プロパティ"
+short-title: commonAncestorContainer
 slug: Web/API/Range/commonAncestorContainer
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
 ---
 
 {{ApiRef("DOM")}}
@@ -17,7 +20,7 @@ slug: Web/API/Range/commonAncestorContainer
 
 ## 例
 
-この例では、リスト上の {{domxref("Document/pointerup_event", "pointerup")}} イベントを取り扱うためイベントリスナーを作ります。このリスナーは選択したテキストの共通の祖先を取得して、それらを強調するアニメーションを起動します。
+この例では、リスト上の {{domxref("Element/pointerup_event", "pointerup")}} イベントを取り扱うためイベントリスナーを作ります。このリスナーは選択したテキストの共通の祖先を取得して、それらを強調するアニメーションを起動します。
 
 ### HTML
 
diff --git a/files/ja/web/api/range/compareboundarypoints/index.md b/files/ja/web/api/range/compareboundarypoints/index.md
new file mode 100644
index 00000000000000..874c716a3292bd
--- /dev/null
+++ b/files/ja/web/api/range/compareboundarypoints/index.md
@@ -0,0 +1,62 @@
+---
+title: "Range: compareBoundaryPoints() メソッド"
+short-title: compareBoundaryPoints()
+slug: Web/API/Range/compareBoundaryPoints
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
+---
+
+{{ApiRef("DOM")}}
+
+**`Range.compareBoundaryPoints()`** メソッドは、 {{domxref("Range")}} の境界点を別の範囲のものと比較します。
+
+## 構文
+
+```js-nolint
+compareBoundaryPoints(how, sourceRange)
+```
+
+### 引数
+
+- `how`
+
+  - : 定数で、比較メソッドを説明します。
+
+    - `Range.END_TO_END` は _sourceRange_ の終わりの境界点と `Range` の終わりの境界点を比較します。
+    - `Range.END_TO_START` は _sourceRange_ の終わりの境界点と `Range` の始まりの境界点を比較します。
+    - `Range.START_TO_END` は _sourceRange_ の始まりの境界点と `Range` の終わりの境界点を比較します。
+    - `Range.START_TO_START` は _sourceRange_ の始まりの境界点と `Range` の始まりの境界点を比較します。
+
+- `sourceRange`
+  - : 範囲との境界点を比較するための {{domxref("Range")}} です。
+
+### 返値
+
+`-1`, `0`, `1` のいずれかの数値で、 {{domxref("Range")}} の対応する境界点が _sourceRange_ の対応する境界点より前か、等しいか、後かを示します。
+
+### 例外
+
+- `NotSupportedError` {{domxref("DOMException")}}
+  - : `how` 引数の値が無効な場合に発生します。
+
+## 例
+
+```js
+const range = document.createRange();
+range.selectNode(document.querySelector("div"));
+const sourceRange = document.createRange();
+sourceRange.selectNode(document.getElementsByTagName("div")[1]);
+const compare = range.compareBoundaryPoints(Range.START_TO_END, sourceRange);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model)
diff --git a/files/ja/web/api/range/comparenode/index.md b/files/ja/web/api/range/comparenode/index.md
new file mode 100644
index 00000000000000..babdba7ef9e378
--- /dev/null
+++ b/files/ja/web/api/range/comparenode/index.md
@@ -0,0 +1,86 @@
+---
+title: "Range: compareNode() メソッド"
+short-title: compareNode()
+slug: Web/API/Range/compareNode
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
+---
+
+{{APIRef("DOM")}}{{deprecated_header}}{{Non-standard_Header}}
+
+**`Range.compareNode()`** は {{DOMxRef("Node")}} の位置を示す定数を返します。
+
+取りうる値は以下の通りです。
+
+- `NODE_BEFORE` (`0`)
+  - : Node はこの Range より前に始まる
+- `NODE_AFTER` (`1`)
+  - : Node はこの Range より後に終わる
+- `NODE_BEFORE_AND_AFTER` (`2`)
+  - : Node はこの Range より前に始まり、後に終わる
+- `NODE_INSIDE` (`3`)
+  - : Node はこの Range より後に始まり、前に終わる。すなわち、ノードは完全にこの Range に選択されている。
+
+> **警告:** このメソッドは [Gecko 1.9](/ja/docs/Mozilla/Firefox/Releases/3) から[削除され](/ja/docs/Mozilla/Firefox/Releases/3/Site_compatibility)、唯一実装していた Firefox の将来のバージョンでは存在しません。使用可能な限り早く {{DOMxRef("Range.compareBoundaryPoints()")}} に切り替えるべきです。
+
+以下の関数が置き換えの関数として使用できます。
+
+```js
+function rangeCompareNode(range, node) {
+  const nodeRange = node.ownerDocument.createRange();
+  try {
+    nodeRange.selectNode(node);
+  } catch (e) {
+    nodeRange.selectNodeContents(node);
+  }
+  const nodeIsBefore =
+    range.compareBoundaryPoints(Range.START_TO_START, nodeRange) === 1;
+  const nodeIsAfter =
+    range.compareBoundaryPoints(Range.END_TO_END, nodeRange) === -1;
+
+  if (nodeIsBefore && !nodeIsAfter) return 0;
+  if (!nodeIsBefore && nodeIsAfter) return 1;
+  if (nodeIsBefore && nodeIsAfter) return 2;
+
+  return 3;
+}
+```
+
+## 構文
+
+```js-nolint
+compareNode(referenceNode)
+```
+
+### 引数
+
+- `referenceNode`
+  - : この `Range` と比較する {{DOMxRef("Node")}} です。
+
+### 返値
+
+{{DOMxRef("Node")}} の位置を示す定数。
+
+## 例
+
+```js
+range = document.createRange();
+range.selectNode(document.getElementsByTagName("div").item(0));
+returnValue = range.compareNode(document.getElementsByTagName("p").item(0));
+```
+
+## メモ
+
+このメソッドは廃止されました。W3C DOM {{DOMxRef("Range.compareBoundaryPoints()")}} メソッドを使用しましょう。
+
+## 仕様書
+
+このメソッドは標準ではないため、どの仕様にも属しません。
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model)
diff --git a/files/ja/web/api/range/comparepoint/index.md b/files/ja/web/api/range/comparepoint/index.md
new file mode 100644
index 00000000000000..cdbbf615c34806
--- /dev/null
+++ b/files/ja/web/api/range/comparepoint/index.md
@@ -0,0 +1,50 @@
+---
+title: "Range: comparePoint() メソッド"
+short-title: comparePoint()
+slug: Web/API/Range/comparePoint
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
+---
+
+{{ApiRef("DOM")}}
+
+**`Range.comparePoint()`** メソッドは、 `-1`、`0`、`1` を返します。それぞれ、 `referenceNode` が {{domxref("Range")}} の前か、同じか、後かを返します。
+
+参照ノードが {{domxref("Text")}}、{{domxref("Comment")}}、{{domxref("CDATASection")}}型の {{domxref("Node")}} の場合、 offset は参照ノードの先頭からの文字数です。他の {{domxref("Node")}} 型の場合、 offset は参照ノードの先頭からの子ノードの数です。
+
+## 構文
+
+```js-nolint
+comparePoint(referenceNode, offset)
+```
+
+### 引数
+
+- `referenceNode`
+  - : {{domxref("Range")}} と比較する {{domxref("Node")}} です。
+- `offset`
+  - : 0 以上の整数で、 _referenceNode_ 内のオフセットを表します。
+
+### 返値
+
+Returns `-1`, `0`, or `1`.
+
+## 例
+
+```js
+range = document.createRange();
+range.selectNode(document.getElementsByTagName("div").item(0));
+returnValue = range.comparePoint(document.getElementsByTagName("p").item(0), 1);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model)
diff --git a/files/ja/web/api/range/createcontextualfragment/index.md b/files/ja/web/api/range/createcontextualfragment/index.md
new file mode 100644
index 00000000000000..a38d7357e0819a
--- /dev/null
+++ b/files/ja/web/api/range/createcontextualfragment/index.md
@@ -0,0 +1,50 @@
+---
+title: "Range: createContextualFragment() メソッド"
+short-title: createContextualFragment()
+slug: Web/API/Range/createContextualFragment
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
+---
+
+{{ApiRef("DOM")}}
+
+**`Range.createContextualFragment()`** メソッドは、範囲の先頭ノード（選択されたノードの親）をコンテキストノードとして、 HTML フラグメント構文解析アルゴリズムまたは XML フラグメント構文解析アルゴリズムを呼び出して {{domxref("DocumentFragment")}} を返します。 HTML フラグメント解釈アルゴリズムは、範囲が HTMLness ビットが設定された `Document` に属している場合に使用します。 HTML では、コンテキストノードが `html` である場合、歴史的な理由から、フラグメント解釈アルゴリズムは `body` をコンテキストとして呼び出されます。
+
+## 構文
+
+```js-nolint
+createContextualFragment(tagString)
+```
+
+### 引数
+
+- `tagString`
+  - : 文書フラグメントに変換するテキストとタグを格納するテキストです。
+
+### 返値
+
+{{domxref("DocumentFragment")}} オブジェクトです。
+
+## 例
+
+```js
+const tagString = "<div>I am a div node</div>";
+const range = document.createRange();
+
+// 文書内の最初の div の親をコンテキストノードにします。
+range.selectNode(document.getElementsByTagName("div").item(0));
+const documentFragment = range.createContextualFragment(tagString);
+document.body.appendChild(documentFragment);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model)
diff --git a/files/ja/web/api/range/endcontainer/index.md b/files/ja/web/api/range/endcontainer/index.md
index 082e4f56ee1519..6ac666304dcb53 100644
--- a/files/ja/web/api/range/endcontainer/index.md
+++ b/files/ja/web/api/range/endcontainer/index.md
@@ -1,6 +1,9 @@
 ---
-title: Range.endContainer
+title: "Range: endContainer プロパティ"
+short-title: endContainer
 slug: Web/API/Range/endContainer
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
 ---
 
 {{ApiRef("DOM")}}
diff --git a/files/ja/web/api/range/endoffset/index.md b/files/ja/web/api/range/endoffset/index.md
index 7ecc6255d28809..6304c6de05470e 100644
--- a/files/ja/web/api/range/endoffset/index.md
+++ b/files/ja/web/api/range/endoffset/index.md
@@ -1,6 +1,9 @@
 ---
-title: Range.endOffset
+title: "Range: endOffset プロパティ"
+short-title: endOffset
 slug: Web/API/Range/endOffset
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
 ---
 
 {{ApiRef("DOM")}}
diff --git a/files/ja/web/api/range/range/index.md b/files/ja/web/api/range/range/index.md
new file mode 100644
index 00000000000000..4fd3d895f77756
--- /dev/null
+++ b/files/ja/web/api/range/range/index.md
@@ -0,0 +1,72 @@
+---
+title: "Range: Range() コンストラクター"
+short-title: Range()
+slug: Web/API/Range/Range
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
+---
+
+{{ APIRef("DOM") }}
+
+**`Range()`** コンストラクターは、グローバルな {{domxref("Document")}} オブジェクトを始点および終点とする、新しく作成された {{domxref("Range")}} オブジェクトを返します。
+
+## 構文
+
+```js-nolint
+new Range()
+```
+
+### 引数
+
+なし。
+
+## 例
+
+この例では、 `Range()` コンストラクターで新しい範囲を作成し、 {{domxref("Range.setStartBefore()")}} メソッドと {{domxref("Range.setEndAfter()")}} メソッドを使用してその開始位置と終了位置を設定します。そして、 {{domxref("window.getSelection()")}} と {{domxref("Selection.addRange()")}} を使用して範囲を選択します。
+
+### HTML
+
+```html
+<p>First paragraph.</p>
+<p>Second paragraph.</p>
+<p>Third paragraph.</p>
+<p>Fourth paragraph.</p>
+```
+
+### JavaScript
+
+```js
+const paragraphs = document.querySelectorAll("p");
+
+// 新しい範囲を作成
+const range = new Range();
+
+// 範囲を 2 つ目の段落から開始
+range.setStartBefore(paragraphs[1]);
+
+// 範囲を 3 つ目の段落で終了
+range.setEndAfter(paragraphs[2]);
+
+// window の選択範囲を取得
+const selection = window.getSelection();
+
+// window の選択範囲に範囲を追加
+selection.addRange(range);
+```
+
+### 結果
+
+{{EmbedLiveSample("Examples", 400, 210)}}
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model)
+- {{domxref("Document.createRange()")}}
diff --git a/files/ja/web/api/range/startcontainer/index.md b/files/ja/web/api/range/startcontainer/index.md
index f23747ff11e07e..b443a109c4c55d 100644
--- a/files/ja/web/api/range/startcontainer/index.md
+++ b/files/ja/web/api/range/startcontainer/index.md
@@ -1,6 +1,9 @@
 ---
-title: Range.startContainer
+title: "Range: startContainer プロパティ"
+short-title: startContainer
 slug: Web/API/Range/startContainer
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
 ---
 
 {{ApiRef("DOM")}}
diff --git a/files/ja/web/api/range/startoffset/index.md b/files/ja/web/api/range/startoffset/index.md
index addc322f8d3af9..37d6453d3f158e 100644
--- a/files/ja/web/api/range/startoffset/index.md
+++ b/files/ja/web/api/range/startoffset/index.md
@@ -1,6 +1,9 @@
 ---
-title: Range.startOffset
+title: "Range: startOffset プロパティ"
+short-title: startOffset
 slug: Web/API/Range/startOffset
+l10n:
+  sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e
 ---
 
 {{ApiRef("DOM")}}
diff --git a/files/ja/web/api/staticrange/collapsed/index.md b/files/ja/web/api/staticrange/collapsed/index.md
new file mode 100644
index 00000000000000..193e371036bd22
--- /dev/null
+++ b/files/ja/web/api/staticrange/collapsed/index.md
@@ -0,0 +1,23 @@
+---
+title: "StaticRange: collapsed プロパティ"
+short-title: collapsed
+slug: Web/API/StaticRange/collapsed
+l10n:
+  sourceCommit: 101ffc9479db6aaa530f2aac3992734dd97d1b86
+---
+
+{{APIRef("DOM WHATWG")}}
+
+**`collapsed`** は {{domxref("StaticRange")}} インターフェイスの読み取り専用プロパティで、範囲の開始位置と終了位置が同じであれば `true` を返します。
+
+## 値
+
+論理値で、範囲が折りたたまれている場合に `true` となります。折りたたまれた範囲とは、開始位置と終了位置が同じで、 0 文字の長さの範囲です。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/staticrange/endcontainer/index.md b/files/ja/web/api/staticrange/endcontainer/index.md
new file mode 100644
index 00000000000000..65fc3d17f63fd8
--- /dev/null
+++ b/files/ja/web/api/staticrange/endcontainer/index.md
@@ -0,0 +1,24 @@
+---
+title: "StaticRange: endContainer プロパティ"
+short-title: endContainer
+slug: Web/API/StaticRange/endContainer
+l10n:
+  sourceCommit: 101ffc9479db6aaa530f2aac3992734dd97d1b86
+---
+
+{{APIRef("DOM
+    WHATWG")}}
+
+**`endContainer`** は {{domxref("StaticRange")}} インターフェイスの読み取り専用プロパティで、範囲の末尾がある {{domxref("Node")}} を返します。
+
+## 値
+
+範囲の最後の文字を含む {{domxref("Node")}} です。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/staticrange/endoffset/index.md b/files/ja/web/api/staticrange/endoffset/index.md
new file mode 100644
index 00000000000000..6e1eaa6debd1bf
--- /dev/null
+++ b/files/ja/web/api/staticrange/endoffset/index.md
@@ -0,0 +1,23 @@
+---
+title: "StaticRange: endOffset プロパティ"
+short-title: endOffset
+slug: Web/API/StaticRange/endOffset
+l10n:
+  sourceCommit: 101ffc9479db6aaa530f2aac3992734dd97d1b86
+---
+
+{{APIRef("DOM")}}
+
+**`endOffset`** は {{domxref("StaticRange")}} インターフェイスの読み取り専用プロパティで、範囲の終了位置の最後のノードの中のオフセットを返します。
+
+## 値
+
+範囲の最後の文字が位置する {{domxref("StaticRange.endContainer", "endContainer")}} が示す {{domxref("Node")}} 内の文字数を示す整数値です。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/staticrange/index.md b/files/ja/web/api/staticrange/index.md
new file mode 100644
index 00000000000000..45c386ae7aba4a
--- /dev/null
+++ b/files/ja/web/api/staticrange/index.md
@@ -0,0 +1,53 @@
+---
+title: StaticRange
+slug: Web/API/StaticRange
+l10n:
+  sourceCommit: 6d194a9afcce7beef0082c1dc50644bd0fcda635
+---
+
+{{APIRef("DOM")}}
+
+[DOM](/ja/docs/Web/API/Document_Object_Model) の **`StaticRange`** インターフェイスは {{domxref("AbstractRange")}} を拡張し、 DOM ツリー内で発生した変更を反映しない、 DOM 内のコンテンツの範囲を指定するメソッドを提供します。
+
+このインターフェイスは `AbstractRange` と同じプロパティとメソッドの集合を提供します。
+
+`AbstractRange` と `StaticRange` は[ウェブワーカー](/ja/docs/Web/API/Web_Workers_API)からは利用できません。
+
+{{InheritanceDiagram}}
+
+## コンストラクター
+
+- {{domxref("StaticRange.StaticRange", "StaticRange()")}}
+  - : プロパティの既定値を指定したオブジェクトを指定して、新しい `StaticRange` オブジェクトを作成します。
+
+## インスタンスプロパティ
+
+_以下のプロパティは親インターフェイスである {{domxref("AbstractRange")}} から継承しています。_
+
+- {{domxref("StaticRange.collapsed")}} {{ReadOnlyInline}}
+  - : 論理値で、範囲が折りたたまれている場合は `true` となります。折りたたまれた範囲とは、開始位置と末尾位置が同じで、 0 文字の長さの範囲です。
+- {{domxref("StaticRange.endContainer", "endContainer")}} {{ReadOnlyInline}}
+  - : `endOffset` プロパティで指定された範囲の末尾がある場所の {{domxref("Node")}} オブジェクトです。
+- {{domxref("StaticRange.endOffset")}} {{ReadOnlyInline}}
+  - : ノードの内容の先頭から、この範囲オブジェクトで表す範囲の先頭までのオフセットを文字数で表した整数値です。この値は `endContainer` ノードの長さよりも小さくなければなりません。
+- {{domxref("StaticRange.startContainer")}} {{ReadOnlyInline}}
+  - : `startOffset` プロパティで指定された範囲の先頭がある場所の {{domxref("Node")}} オブジェクトです。
+- {{domxref("StaticRange.startOffset")}} {{ReadOnlyInline}}
+  - : ノードの内容の先頭から、範囲オブジェクトが参照する内容の先頭の文字までのオフセットを文字数で表した整数値です。この値は `startContainer` で示すノードの長さよりも小さくなければなりません。
+
+## 使用上のメモ
+
+DOM 範囲は文書内のコンテンツの範囲を指定します。あるノード（または要素）の内部で始まり、別のノード（または要素）の内部で終わる可能性があります。 {{domxref("Range")}} とは異なり、 `StaticRange` はその時点で固定された範囲を表します。文書が変更されても、変更されずに同じ範囲を維持しようとします。DOM に何らかの変更が加えられた場合、 `StaticRange` で指定した範囲に格納する実際のデータは変更される可能性があります。これにより、{{Glossary("user agent", "ユーザーエージェント")}}は、ウェブアプリケーションやウェブサイトがライブ更新される範囲を必要としない場合、不必要な多くの作業を避けることができます。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- ライブで更新される DOM 内のコンテンツ範囲: {{domxref("Range")}}
+- {{domxref("AbstractRange")}}: すべての範囲が派生する抽象インターフェイス
diff --git a/files/ja/web/api/staticrange/startcontainer/index.md b/files/ja/web/api/staticrange/startcontainer/index.md
new file mode 100644
index 00000000000000..60542f15443515
--- /dev/null
+++ b/files/ja/web/api/staticrange/startcontainer/index.md
@@ -0,0 +1,23 @@
+---
+title: "StaticRange: startContainer プロパティ"
+short-title: startContainer
+slug: Web/API/StaticRange/startContainer
+l10n:
+  sourceCommit: 101ffc9479db6aaa530f2aac3992734dd97d1b86
+---
+
+{{APIRef("DOM")}}
+
+**`startContainer`** は {{domxref("StaticRange")}} インターフェイスの読み取り専用プロパティで、範囲の先頭の {{domxref("Node")}} を返します。
+
+## 値
+
+範囲の開始位置が内部にある {{domxref("Node")}} です。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/staticrange/startoffset/index.md b/files/ja/web/api/staticrange/startoffset/index.md
new file mode 100644
index 00000000000000..eb71e0a5f758f6
--- /dev/null
+++ b/files/ja/web/api/staticrange/startoffset/index.md
@@ -0,0 +1,23 @@
+---
+title: "StaticRange: startOffset プロパティ"
+short-title: startOffset
+slug: Web/API/StaticRange/startOffset
+l10n:
+  sourceCommit: 101ffc9479db6aaa530f2aac3992734dd97d1b86
+---
+
+{{APIRef("DOM")}}
+
+**`startOffset`** は {{domxref("StaticRange")}} インターフェイスの読み取り専用プロパティで、開始ノードにおける範囲の開始位置のオフセットを返します。
+
+## 値
+
+範囲の最初の文字が位置を {{domxref("StaticRange.startContainer", "startContainer")}} が示す {{domxref("Node")}} 内の文字数で示す整数値です。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/staticrange/staticrange/index.md b/files/ja/web/api/staticrange/staticrange/index.md
new file mode 100644
index 00000000000000..b3109e07058599
--- /dev/null
+++ b/files/ja/web/api/staticrange/staticrange/index.md
@@ -0,0 +1,51 @@
+---
+title: "StaticRange: StaticRange() コンストラクター"
+short-title: StaticRange()
+slug: Web/API/StaticRange/StaticRange
+l10n:
+  sourceCommit: 6d194a9afcce7beef0082c1dc50644bd0fcda635
+---
+
+{{APIRef("DOM")}}
+
+**`StaticRange()`** コンストラクターは、 DOM 内のコンテンツの範囲を表す新しい {{domxref("StaticRange")}} オブジェクトを作成します。
+
+このコンストラクターは、範囲の開始位置と終了位置を示すプロパティと、範囲が**折りたたまれている**（つまり空である）かどうかを示す論理値を含みます。
+
+## 構文
+
+```js-nolint
+new StaticRange(rangeSpec)
+```
+
+### 引数
+
+- `rangeSpec`
+
+  - : 要求される `rangeSpec` 引数は、以下の 4 つのプロパティを格納したオブジェクトです。
+
+    - `startContainer`
+      - : 範囲の始点がある {{domxref("Node")}} です。
+    - `startOffset`
+      - : 範囲の最初の文字が見つかる開始ノード内のオフセットです。
+    - `endContainer`
+      - : 範囲の終点がある `Node` です。
+    - `endOffset`
+      - : `endOffset` で示される、ノード内で範囲内の最後の文字がある位置のオフセットです。
+
+### 返値
+
+`rangeSpec` オブジェクトで指定された値で初期化された新しい `StaticRange` オブジェクト。
+
+### 例外
+
+- `InvalidNodeTypeError`
+  - : `startContainer` と `endContainer` のどちらか、または両方が範囲を含めることができないノード種別である場合に {{domxref("DOMException")}} が発生します。これらのノード種別は `Node.DOCUMENT_TYPE_NODE` （例えば、HTMLの `doctype` プリアンブルを使用して識別された {{Glossary("Doctype", "DTD")}} から派生した {{domxref("DocumentType")}} ノードを表します）と DOM 上の要素の属性を記述する {{domxref("Attr")}} ノードです。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
diff --git a/files/ja/web/api/streams_api/index.md b/files/ja/web/api/streams_api/index.md
index fdb96de9714242..7cc863ee58bb7d 100644
--- a/files/ja/web/api/streams_api/index.md
+++ b/files/ja/web/api/streams_api/index.md
@@ -17,7 +17,7 @@ l10n:
 
 しかし、この機能はこれまで JavaScript では利用できませんでした。以前は、ある種のリソース（動画やテキストファイルなど）を処理したい場合、ファイル全体をダウンロードして、適切な形式にデシリアライズされるのを待ち、それからすべてのデータを処理しなければなりませんでした。
 
-ストリーム API を使えば、バッファーや文字列、blob ナドを生成する必要なく、利用できるようになったらすぐに、JavaScript で生のデータを少しずつ処理し始めることができます。
+ストリーム API を使えば、バッファーや文字列、blob などを生成する必要なく、利用できるようになったらすぐに、JavaScript で生のデータを少しずつ処理し始めることができます。
 
 ![ストリーム API の基本概念は、ネットワークからデータをいくつかのデータパケットに分割して取得することです。データは処理され、データパケットのストリームとしてブラウザーに送信されます。](concept.png)
 
diff --git a/files/ja/web/api/wheelevent/deltamode/index.md b/files/ja/web/api/wheelevent/deltamode/index.md
new file mode 100644
index 00000000000000..a974ecee2bacb0
--- /dev/null
+++ b/files/ja/web/api/wheelevent/deltamode/index.md
@@ -0,0 +1,46 @@
+---
+title: "WheelEvent: deltaMode プロパティ"
+short-title: deltaMode
+slug: Web/API/WheelEvent/deltaMode
+l10n:
+  sourceCommit: eda49877b9078b24cd18f794470e5e225add9b94
+---
+
+{{APIRef("UI Events")}}
+
+**`WheelEvent.deltaMode`** は読み取り専用のプロパティで、デルタ値のスクロール量の単位を表す `unsigned long` を返します。
+取りうる値は次の通りです。
+
+| 定数              | 値     | 説明                                 |
+| ----------------- | ------ | ------------------------------------ |
+| `DOM_DELTA_PIXEL` | `0x00` | デルタ値はピクセル数で指定されます。 |
+| `DOM_DELTA_LINE`  | `0x01` | デルタ値は行数で指定されます。       |
+| `DOM_DELTA_PAGE`  | `0x02` | デルタ値はページ数で指定されます。   |
+
+## 値
+
+`unsigned long` です。
+
+## 例
+
+```js
+const syntheticEvent = new WheelEvent("syntheticWheel", {
+  deltaX: 4,
+  deltaMode: 0,
+});
+
+console.log(syntheticEvent.deltaMode);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("Element/wheel_event","wheel")}}
+- {{domxref("WheelEvent")}}
diff --git a/files/ja/web/api/wheelevent/deltax/index.md b/files/ja/web/api/wheelevent/deltax/index.md
new file mode 100644
index 00000000000000..c3c531fb235b3a
--- /dev/null
+++ b/files/ja/web/api/wheelevent/deltax/index.md
@@ -0,0 +1,39 @@
+---
+title: "WheelEvent: deltaX プロパティ"
+short-title: deltaX
+slug: Web/API/WheelEvent/deltaX
+l10n:
+  sourceCommit: eda49877b9078b24cd18f794470e5e225add9b94
+---
+
+{{APIRef("UI Events")}}
+
+**`WheelEvent.deltaX`** は読み取り専用のプロパティで、 {{domxref("WheelEvent.deltaMode")}} 単位での水平スクロール量を表す `double` です。
+
+## 値
+
+数値です。
+
+## 例
+
+```js
+const syntheticEvent = new WheelEvent("syntheticWheel", {
+  deltaX: 4,
+  deltaMode: 0,
+});
+
+console.log(syntheticEvent.deltaX);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("Element/wheel_event","wheel")}}
+- {{domxref("WheelEvent")}}
diff --git a/files/ja/web/api/wheelevent/deltay/index.md b/files/ja/web/api/wheelevent/deltay/index.md
new file mode 100644
index 00000000000000..8da6f37a1cdd55
--- /dev/null
+++ b/files/ja/web/api/wheelevent/deltay/index.md
@@ -0,0 +1,39 @@
+---
+title: "WheelEvent: deltaY プロパティ"
+short-title: deltaY
+slug: Web/API/WheelEvent/deltaY
+l10n:
+  sourceCommit: eda49877b9078b24cd18f794470e5e225add9b94
+---
+
+{{APIRef("UI Events")}}
+
+**`WheelEvent.deltaY`** は読み取り専用のプロパティで、 {{domxref("WheelEvent.deltaMode")}} 単位での垂直スクロール量を表す `double` です。
+
+## 値
+
+数値です。
+
+## 例
+
+```js
+const syntheticEvent = new WheelEvent("syntheticWheel", {
+  deltaY: 4,
+  deltaMode: 0,
+});
+
+console.log(syntheticEvent.deltaY);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("Element/wheel_event","wheel")}}
+- {{domxref("WheelEvent")}}
diff --git a/files/ja/web/api/wheelevent/deltaz/index.md b/files/ja/web/api/wheelevent/deltaz/index.md
new file mode 100644
index 00000000000000..be03a601465ca8
--- /dev/null
+++ b/files/ja/web/api/wheelevent/deltaz/index.md
@@ -0,0 +1,39 @@
+---
+title: "WheelEvent: deltaZ プロパティ"
+short-title: deltaZ
+slug: Web/API/WheelEvent/deltaZ
+l10n:
+  sourceCommit: eda49877b9078b24cd18f794470e5e225add9b94
+---
+
+{{APIRef("UI Events")}}
+
+**`WheelEvent.deltaZ`** は読み取り専用のプロパティで、 {{domxref("WheelEvent.deltaMode")}} 単位での Z 軸のスクロール量を表す `double` です。
+
+## 値
+
+数値です。
+
+## 例
+
+```js
+const syntheticEvent = new WheelEvent("syntheticWheel", {
+  deltaZ: 4,
+  deltaMode: 0,
+});
+
+console.log(syntheticEvent.deltaZ);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("Element/wheel_event","wheel")}}
+- {{domxref("WheelEvent")}}
diff --git a/files/ja/web/api/wheelevent/index.md b/files/ja/web/api/wheelevent/index.md
index 7ce19abd995eba..5f18a61ba1f503 100644
--- a/files/ja/web/api/wheelevent/index.md
+++ b/files/ja/web/api/wheelevent/index.md
@@ -1,13 +1,15 @@
 ---
 title: WheelEvent
 slug: Web/API/WheelEvent
+l10n:
+  sourceCommit: 4f0f7386262363103a3e9cf482bb348d8570b331
 ---
 
-{{APIRef("DOM Events")}}
+{{APIRef("UI Events")}}
 
 **`WheelEvent`** インターフェイスは、ユーザーがマウスホイールやそれに似た機器を動かしたときに発行されるイベントを表します。
 
-> **メモ:** これは標準のホイールイベントインターフェイスです。古いバージョンのブラウザーは、標準外でブラウザー間の互換性のない {{DOMxRef("MouseWheelEvent")}} および {{DOMxRef("MouseScrollEvent")}} インターフェイスを実装していました。これらを避けて、このインターフェイスを使用してください。
+> **メモ:** これは標準のホイールイベントインターフェイスです。古いバージョンのブラウザーは、標準外でブラウザー間の互換性のない `MouseWheelEvent` および {{DOMxRef("MouseScrollEvent")}} インターフェイスを実装していました。これらを避けて、このインターフェイスを使用してください。
 
 > **メモ:** {{domxref("Element/wheel_event", "wheel")}} イベントと {{domxref("Element/scroll_event", "scroll")}} イベントを混同しないでください。 `wheel` イベントの既定のアクションは実装固有のものです。したがって、 `wheel` イベントは必ずしも `scroll` イベントを発行するわけではありません。その場合でも、 `wheel` イベントの `delta*` 値は必ずしもコンテンツのスクロール方向を反映しているとは限りません。したがって、スクロールの方向を取得するために、 `wheel` イベントの `delta*` プロパティに頼らないようにしてください。代わりに、 `scroll` イベント内のターゲットの {{DOMxRef("Element.scrollLeft", "scrollLeft")}} や {{DOMxRef("Element.scrollTop", "scrollTop")}} の値の変化を検出するようにしてください。
 
@@ -22,21 +24,30 @@ slug: Web/API/WheelEvent
 
 _このインターフェイスは、その祖先である {{DOMxRef("MouseEvent")}}, {{DOMxRef("UIEvent")}}, {{DOMxRef("Event")}} からプロパティを継承しています。_
 
-- {{DOMxRef("WheelEvent.deltaX")}}{{ReadOnlyInline}}
+- {{DOMxRef("WheelEvent.deltaX")}} {{ReadOnlyInline}}
   - : 水平方向のスクロール量を表す `double` を返します。
-- {{DOMxRef("WheelEvent.deltaY")}}{{ReadOnlyInline}}
+- {{DOMxRef("WheelEvent.deltaY")}} {{ReadOnlyInline}}
   - : 垂直方向のスクロール量を表す `double` を返します。
-- {{DOMxRef("WheelEvent.deltaZ")}}{{ReadOnlyInline}}
+- {{DOMxRef("WheelEvent.deltaZ")}} {{ReadOnlyInline}}
   - : Z 軸方向のスクロール量を表す `double` を返します。
-- {{DOMxRef("WheelEvent.deltaMode")}}{{ReadOnlyInline}}
+- {{DOMxRef("WheelEvent.deltaMode")}} {{ReadOnlyInline}}
 
   - : スクロール量の差分値の単位を表す `unsigned long` を返します。許容値は以下のとおりです:
 
-    | 定数              | 値     | 説明                                  |
-    | ----------------- | ------ | ------------------------------------- |
-    | `DOM_DELTA_PIXEL` | `0x00` | `delta*` はピクセル数で指定されます。 |
-    | `DOM_DELTA_LINE`  | `0x01` | `delta*` は行数で指定されます。       |
-    | `DOM_DELTA_PAGE`  | `0x02` | `delta*` はページ数で指定されます。   |
+    | 定数              | 値     | 説明                                                                                                                                                           |
+    | ----------------- | ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+    | `DOM_DELTA_PIXEL` | `0x00` | `delta*` はピクセル数で指定されます。                                                                                                                          |
+    | `DOM_DELTA_LINE`  | `0x01` | `delta*` は行数で指定されます。マウスをクリックするたびに、コンテンツを 1 行スクロールします。行の高さを計算するために使用する方法は、ブラウザーに依存します。 |
+    | `DOM_DELTA_PAGE`  | `0x02` | `delta*` はページ数で指定されます。マウスをクリックするたびに、コンテンツを 1 ページスクロールします。                                                         |
+
+- {{DOMxRef("WheelEvent.wheelDelta")}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+  - : ピクセル単位の距離を表す整数（32 ビット）を返します。
+- {{DOMxRef("WheelEvent.wheelDeltaX")}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+  - : 水平スクロール量を表す整数を返します。
+- {{DOMxRef("WheelEvent.wheelDeltaY")}} {{ReadOnlyInline}} {{Deprecated_Inline}} {{Non-standard_Inline}}
+  - : 垂直スクロール量を表す整数を返します。
+
+> **メモ:** [Element: mousewheel イベント](/ja/docs/Web/API/Element/mousewheel_event)には、非推奨の `wheelDelta`、`wheelDeltaX`、`wheelDeltaY` プロパティについての追加の文書があります。
 
 ## メソッド
 
@@ -56,4 +67,3 @@ _このインターフェイスではメソッドが定義されていません
 - 置き換えたインターフェイス:
 
   - Gecko の古いマウスホイールイベントオブジェクト: {{DOMxRef("MouseScrollEvent")}}
-  - Gecko 以外のブラウザーの古いマウスホイールイベントオブジェクト: {{DOMxRef("MouseWheelEvent")}}
diff --git a/files/ja/web/api/wheelevent/wheelevent/index.md b/files/ja/web/api/wheelevent/wheelevent/index.md
new file mode 100644
index 00000000000000..c1227afb26297c
--- /dev/null
+++ b/files/ja/web/api/wheelevent/wheelevent/index.md
@@ -0,0 +1,61 @@
+---
+title: "WheelEvent: WheelEvent() コンストラクター"
+short-title: WheelEvent()
+slug: Web/API/WheelEvent/WheelEvent
+l10n:
+  sourceCommit: eda49877b9078b24cd18f794470e5e225add9b94
+---
+
+{{APIRef("UI Events")}}
+
+**`WheelEvent()`** コンストラクターは新しい {{domxref("WheelEvent")}} オブジェクトを返します。
+
+> **メモ:** このコンストラクターを使用して合成イベントを作成した場合、セキュリティ上の理由から、そのイベントは信頼されません。
+> ブラウザーが生成した `WheelEvent` オブジェクトだけが信頼され、信頼されたイベントだけが既定で発生します。
+
+## 構文
+
+```js-nolint
+new WheelEvent(type)
+new WheelEvent(type, options)
+```
+
+### 引数
+
+- `type`
+  - : イベント名の文字列です。
+    大文字と小文字は区別され、ブラウザーは常に `wheel` に設定します。
+- `options` {{optional_inline}}
+  - : _{{domxref("MouseEvent/MouseEvent", "MouseEvent()")}} で定義するプロパティに加え_、以下のプロパティを持つことができるオブジェクトです。
+    - `deltaX` {{optional_inline}}
+      - : 浮動小数点数で、水平スクロール量を `deltaMode` の単位で表します。
+        既定値は `0.0` です。
+    - `deltaY` {{optional_inline}}
+      - : 浮動小数点数で、垂直スクロール量を `deltaMode` の単位で表します。
+        既定値は `0.0` です。
+    - `deltaZ` {{optional_inline}}
+      - : 浮動小数点数で、 Z 軸のスクロール量を `deltaMode` の単位で表します。
+        既定値は `0.0` です。
+    - `deltaMode` {{optional_inline}}
+      - : デルタ値のスクロール量の単位を表す整数です。既定値は `0x00` です。指定できる値は以下の通りです。
+        | 定数 | 値 | 説明 |
+        | ----------------- | ------ | ------------------------------------ |
+        | `DOM_DELTA_PIXEL` | `0x00` | デルタ値はピクセル数で指定されます。 |
+        | `DOM_DELTA_LINE` | `0x01` | デルタ値は行数で指定されます。 |
+        | `DOM_DELTA_PAGE` | `0x02` | デルタ値はページ数で指定されます。 |
+
+### 返値
+
+新しい {{domxref("WheelEvent")}} オブジェクトです。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- 所属先の {{domxref("WheelEvent")}} インターフェイスです。
diff --git a/files/ja/web/javascript/reference/global_objects/array/tolocalestring/index.md b/files/ja/web/javascript/reference/global_objects/array/tolocalestring/index.md
index b69d0754af9b41..39913b1de887e1 100644
--- a/files/ja/web/javascript/reference/global_objects/array/tolocalestring/index.md
+++ b/files/ja/web/javascript/reference/global_objects/array/tolocalestring/index.md
@@ -32,7 +32,7 @@ toLocaleString(locales, options);
 
 ## 解説
 
-`Array.prototype.toLocaleString` メソッドは、その内容を走査し、すべての要素に対s知恵 `toLocaleString` メソッドを、引数 `locales` と `options` を指定して呼び出し、実装で定義された区切り文字 (",") でその結果を連結したものを返します。このメソッド自身は、この 2 つの引数を使用せず、各要素に対する `toLocaleString()` の呼び出しで渡すだけであることに注意してください。区切り文字列の選択はホストの現在のロケールに依存し、 `locales` 引数は使用しません。
+`Array.prototype.toLocaleString` メソッドは、その内容を走査し、すべての要素に対して `toLocaleString` メソッドを、引数 `locales` と `options` を指定して呼び出し、実装で定義された区切り文字 (",") でその結果を連結したものを返します。このメソッド自身は、この 2 つの引数を使用せず、各要素に対する `toLocaleString()` の呼び出しで渡すだけであることに注意してください。区切り文字列の選択はホストの現在のロケールに依存し、 `locales` 引数は使用しません。
 
 ## 例
 
diff --git a/files/ja/web/media/formats/video_codecs/index.md b/files/ja/web/media/formats/video_codecs/index.md
index dcb69dacc247ba..906e40c7bd23ae 100644
--- a/files/ja/web/media/formats/video_codecs/index.md
+++ b/files/ja/web/media/formats/video_codecs/index.md
@@ -1124,7 +1124,7 @@ HEVCは独占的な形式で、多くの特許で保護されています。ラ
           <a href="/ja/docs/Web/Media/Formats/Containers#3gp">3GP</a>
           コンテナーでのみ対応しています。
         </p>
-        <p>Chrome は MP4V-ES に対応していません。ただし、 Chrome OS は対応しています。</p>
+        <p>Chrome は MP4V-ES に対応していません。ただし、 ChromeOS は対応しています。</p>
       </td>
     </tr>
     <tr>
diff --git a/files/ja/web/performance/how_browsers_work/index.md b/files/ja/web/performance/how_browsers_work/index.md
index c72ed4c72bbe8b..e85f2dbee06c53 100644
--- a/files/ja/web/performance/how_browsers_work/index.md
+++ b/files/ja/web/performance/how_browsers_work/index.md
@@ -23,7 +23,7 @@ l10n:
 
 ## ナビゲーション
 
-*ナビゲーション*はウェブページを読み込むための最初の一歩です。ユーザーが URL をアドレスバーに入力したり、リンクをクリックしたり、またはフォームを送信したり、ページをリクエストするたびごとにナビゲーションが発生します。
+*ナビゲーション*はウェブページを読み込むための最初の一歩です。ユーザーが URL をアドレスバーに入力したり、リンクをクリックしたり、またはフォームを送信したり、ページをリクエストするたびにナビゲーションが発生します。
 
 ウェブのパフォーマンスにおける目標の 1 つは、ナビゲーションが完了するまでの時間を最小限にすることです。理想的な条件下において、一般的にこの時間が長すぎることはありませんが、レイテンシーと帯域幅が遅延を引き起こす邪魔者になる場合があります。
 
diff --git a/files/ja/webassembly/javascript_interface/compile/index.md b/files/ja/webassembly/javascript_interface/compile_static/index.md
similarity index 95%
rename from files/ja/webassembly/javascript_interface/compile/index.md
rename to files/ja/webassembly/javascript_interface/compile_static/index.md
index fc4b0921d66188..7ccccbf5a1478a 100644
--- a/files/ja/webassembly/javascript_interface/compile/index.md
+++ b/files/ja/webassembly/javascript_interface/compile_static/index.md
@@ -1,6 +1,7 @@
 ---
 title: WebAssembly.compile()
-slug: WebAssembly/JavaScript_interface/compile
+slug: WebAssembly/JavaScript_interface/compile_static
+original_slug: WebAssembly/JavaScript_interface/compile
 ---
 
 {{WebAssemblySidebar}}
diff --git a/files/ja/webassembly/javascript_interface/compilestreaming/index.md b/files/ja/webassembly/javascript_interface/compilestreaming_static/index.md
similarity index 96%
rename from files/ja/webassembly/javascript_interface/compilestreaming/index.md
rename to files/ja/webassembly/javascript_interface/compilestreaming_static/index.md
index 64c4b13f019a73..2c996f38ab1279 100644
--- a/files/ja/webassembly/javascript_interface/compilestreaming/index.md
+++ b/files/ja/webassembly/javascript_interface/compilestreaming_static/index.md
@@ -1,8 +1,7 @@
 ---
 title: WebAssembly.compileStreaming()
-slug: WebAssembly/JavaScript_interface/compileStreaming
-l10n:
-  sourceCommit: 48882b75978cef6a4fbc68a35e547b33f8012f93
+slug: WebAssembly/JavaScript_interface/compileStreaming_static
+original_slug: WebAssembly/JavaScript_interface/compileStreaming
 ---
 
 {{WebAssemblySidebar}}
diff --git a/files/ja/webassembly/javascript_interface/instantiate/index.md b/files/ja/webassembly/javascript_interface/instantiate_static/index.md
similarity index 98%
rename from files/ja/webassembly/javascript_interface/instantiate/index.md
rename to files/ja/webassembly/javascript_interface/instantiate_static/index.md
index fa00e3882ba495..a5d2464499fdcb 100644
--- a/files/ja/webassembly/javascript_interface/instantiate/index.md
+++ b/files/ja/webassembly/javascript_interface/instantiate_static/index.md
@@ -1,6 +1,7 @@
 ---
 title: WebAssembly.instantiate()
-slug: WebAssembly/JavaScript_interface/instantiate
+slug: WebAssembly/JavaScript_interface/instantiate_static
+original_slug: WebAssembly/JavaScript_interface/instantiate
 ---
 
 {{WebAssemblySidebar}}
diff --git a/files/ja/webassembly/javascript_interface/instantiatestreaming/index.md b/files/ja/webassembly/javascript_interface/instantiatestreaming_static/index.md
similarity index 96%
rename from files/ja/webassembly/javascript_interface/instantiatestreaming/index.md
rename to files/ja/webassembly/javascript_interface/instantiatestreaming_static/index.md
index cf537569917016..d94a6b7ac23b02 100644
--- a/files/ja/webassembly/javascript_interface/instantiatestreaming/index.md
+++ b/files/ja/webassembly/javascript_interface/instantiatestreaming_static/index.md
@@ -1,8 +1,7 @@
 ---
 title: WebAssembly.instantiateStreaming()
-slug: WebAssembly/JavaScript_interface/instantiateStreaming
-l10n:
-  sourceCommit: d606f8dc936dcf766e1540f687eba8dc9dd9ed13
+slug: WebAssembly/JavaScript_interface/instantiateStreaming_static
+original_slug: WebAssembly/JavaScript_interface/instantiateStreaming
 ---
 
 {{WebAssemblySidebar}}
diff --git a/files/ja/webassembly/javascript_interface/module/customsections/index.md b/files/ja/webassembly/javascript_interface/module/customsections_static/index.md
similarity index 96%
rename from files/ja/webassembly/javascript_interface/module/customsections/index.md
rename to files/ja/webassembly/javascript_interface/module/customsections_static/index.md
index 4756b4b0ffbefd..df03f4da4be323 100644
--- a/files/ja/webassembly/javascript_interface/module/customsections/index.md
+++ b/files/ja/webassembly/javascript_interface/module/customsections_static/index.md
@@ -1,6 +1,7 @@
 ---
 title: WebAssembly.Module.customSections()
-slug: WebAssembly/JavaScript_interface/Module/customSections
+slug: WebAssembly/JavaScript_interface/Module/customSections_static
+original_slug: WebAssembly/JavaScript_interface/Module/customSections
 ---
 
 {{WebAssemblySidebar}}
diff --git a/files/ja/webassembly/javascript_interface/module/exports/index.md b/files/ja/webassembly/javascript_interface/module/exports_static/index.md
similarity index 95%
rename from files/ja/webassembly/javascript_interface/module/exports/index.md
rename to files/ja/webassembly/javascript_interface/module/exports_static/index.md
index 30925d66210e56..90cda100902e8d 100644
--- a/files/ja/webassembly/javascript_interface/module/exports/index.md
+++ b/files/ja/webassembly/javascript_interface/module/exports_static/index.md
@@ -1,6 +1,7 @@
 ---
 title: WebAssembly.Module.exports()
-slug: WebAssembly/JavaScript_interface/Module/exports
+slug: WebAssembly/JavaScript_interface/Module/exports_static
+original_slug: WebAssembly/JavaScript_interface/Module/exports
 ---
 
 {{WebAssemblySidebar}}
diff --git a/files/ja/webassembly/javascript_interface/module/imports/index.md b/files/ja/webassembly/javascript_interface/module/imports_static/index.md
similarity index 92%
rename from files/ja/webassembly/javascript_interface/module/imports/index.md
rename to files/ja/webassembly/javascript_interface/module/imports_static/index.md
index 057330f8817937..6e89000c9bb532 100644
--- a/files/ja/webassembly/javascript_interface/module/imports/index.md
+++ b/files/ja/webassembly/javascript_interface/module/imports_static/index.md
@@ -1,6 +1,7 @@
 ---
 title: WebAssembly.Module.imports()
-slug: WebAssembly/JavaScript_interface/Module/imports
+slug: WebAssembly/JavaScript_interface/Module/imports_static
+original_slug: WebAssembly/JavaScript_interface/Module/imports
 ---
 
 {{WebAssemblySidebar}}
diff --git a/files/ja/webassembly/javascript_interface/validate/index.md b/files/ja/webassembly/javascript_interface/validate_static/index.md
similarity index 94%
rename from files/ja/webassembly/javascript_interface/validate/index.md
rename to files/ja/webassembly/javascript_interface/validate_static/index.md
index 0076511a66245d..dd15704bc09104 100644
--- a/files/ja/webassembly/javascript_interface/validate/index.md
+++ b/files/ja/webassembly/javascript_interface/validate_static/index.md
@@ -1,6 +1,7 @@
 ---
 title: WebAssembly.validate()
-slug: WebAssembly/JavaScript_interface/validate
+slug: WebAssembly/JavaScript_interface/validate_static
+original_slug: WebAssembly/JavaScript_interface/validate
 ---
 
 {{WebAssemblySidebar}}
diff --git a/files/ko/glossary/cors-safelisted_request_header/index.md b/files/ko/glossary/cors-safelisted_request_header/index.md
new file mode 100644
index 00000000000000..bc4440ff54f844
--- /dev/null
+++ b/files/ko/glossary/cors-safelisted_request_header/index.md
@@ -0,0 +1,37 @@
+---
+title: CORS 허용 목록에 있는 요청 헤더 (CORS-safelisted request header)
+slug: Glossary/CORS-safelisted_request_header
+l10n:
+  sourceCommit: 5e9631df85d021e84133e14f4bd3c712e4f8fe08
+---
+
+{{GlossarySidebar}}
+
+[CORS 허용 목록에 있는 요청 헤더](https://fetch.spec.whatwg.org/#cors-safelisted-request-header)는 다음 [HTTP 헤더](/ko/docs/Web/HTTP/Headers) 중 하나입니다.
+
+- {{HTTPHeader("Accept")}},
+- {{HTTPHeader("Accept-Language")}},
+- {{HTTPHeader("Content-Language")}},
+- {{HTTPHeader("Content-Type")}},
+- {{HTTPHeader("Range")}}.
+
+이 헤더(및 아래에 명시된 추가 요구사항 충족하는 값)만 포함하는 경우, 요청은 [CORS](/ko/docs/Glossary/CORS) 컨텍스트에서 {{glossary("preflight request", "프리플라이트 요청")}}을 보낼 필요가 없습니다.
+
+{{HTTPHeader("Access-Control-Allow-Headers")}} 헤더를 사용하여 더 많은 헤더를 허용 목록에 추가하고 위 헤더를 나열하여 다음 추가 제한 사항을 피할 수 있습니다.
+
+## 추가 제약사항
+
+CORS 허용 목록에 있는 헤더가 CORS 허용 목록의 요청 헤더까지 되려면, 다음의 요구사항도 충족해야 합니다.
+
+- {{HTTPHeader("Accept-Language")}} 및 {{HTTPHeader("Content-Language")}}는 `0-9`, `A-Z`, `a-z`, 빈 공간 또는 `*,-.;=` 으로 구성된 값만 가질 수 있습니다.
+- {{HTTPHeader("Accept")}} 및 {{HTTPHeader("Content-Type")}}은 'CORS에 안전하지 않은 요청 헤더 바이트'를 포함할 수 없습니다. 예를 들어, `0x00-0x1F` (허용되는 `0x09 (HT)`는 제외), `"():<>?@[\]{}`, 및 `0x7F (DEL)`가 있습니다.
+- {{HTTPHeader("Content-Type")}}은 `application/x-www-form-urlencoded`, `multipart/form-data` 또는 `text/plain` 중 구문 분석된 값(매개변수 무시)의 MIME 타입이 있어야 합니다.
+- {{HTTPHeader("Range")}}는 `bytes=[0-9]+-[0-9]*` 형식의 단일 바이트 범위 값을 가져야 합니다.
+  자세한 내용은 {{HTTPHeader("Range")}} 헤더 문서를 참조하세요.
+- 모든 헤더의 경우 값의 길이가 128보다는 클 수 없습니다.
+
+## 같이 보기
+
+- {{Glossary("CORS-safelisted response header", "CORS 허용 목록에 있는 응답 헤더")}}
+- {{Glossary("Forbidden header name", "금지된 헤더 이름")}}
+- {{Glossary("Request header","요청 헤더")}}
diff --git a/files/ko/learn/accessibility/what_is_accessibility/index.md b/files/ko/learn/accessibility/what_is_accessibility/index.md
index fa4fe954d342e8..421fd5373507c0 100644
--- a/files/ko/learn/accessibility/what_is_accessibility/index.md
+++ b/files/ko/learn/accessibility/what_is_accessibility/index.md
@@ -55,7 +55,7 @@ l10n:
 
 - [JAWS](https://www.freedomscientific.com/Products/software/JAWS/) (Windows) and [Dolphin Screen Reader](https://yourdolphin.com/en-gb/products/individuals/screen-reader) (Windows) 와 [Dolphin Screen Reader](https://yourdolphin.com/ScreenReader) (Windows) 같은 상업 소프트웨어
 - [NVDA](https://www.nvaccess.org/) (Windows), [ChromeVox](https://support.google.com/chromebook/answer/7031755) (Chrome), 그리고 [Orca](https://wiki.gnome.org/Projects/Orca) (Linux)와 같은 무료 소프트웨어
-- [VoiceOver](https://www.apple.com/accessibility/vision/) (macOS, iPadOS, iOS), [Narrator](https://support.microsoft.com/en-us/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1) (Windows), [ChromeVox](https://www.chromevox.com/) (on Chrome OS), 그리고 [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android)와 같은 OS 자체 소프트웨어
+- [VoiceOver](https://www.apple.com/accessibility/vision/) (macOS, iPadOS, iOS), [Narrator](https://support.microsoft.com/en-us/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1) (Windows), [ChromeVox](https://www.chromevox.com/) (on ChromeOS), 그리고 [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android)와 같은 OS 자체 소프트웨어
 
 이런 스크린 리더에 익숙해지기를 권장합니다. 직접 설치하고 다루어보면서 어떻게 동작하는지 감을 익혀보면 좋습니다. [Cross-browser testing screen readers guide](/ko/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Screenreaders)에서 사용 방법에 대한 더 자세한 내용을 확인할 수 있습니다. 아래의 영상에서도 이 경험에 대한 간단한 예시를 보여줍니다.
 
diff --git a/files/ko/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/ko/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
index 03b7e24e434a35..769b674c94ab89 100644
--- a/files/ko/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
+++ b/files/ko/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -48,7 +48,7 @@ _There is no active learning available yet. [Please, consider contributing](/ko/
 | Windows   | [Notepad](http://en.wikipedia.org/wiki/Notepad_%28software%29)                                                                                                                                                                             | [Notepad++](http://notepad-plus-plus.org/)[Visual Studio Code](https://www.visualstudio.com/)[Web Storm](https://www.jetbrains.com/webstorm/)[Brackets](http://brackets.io/)[ShiftEdit](https://shiftedit.net/) |
 | Mac OS    | [TextEdit](http://en.wikipedia.org/wiki/TextEdit)                                                                                                                                                                                          | [TextWrangler](http://www.barebones.com/products/textwrangler/)[Visual Studio Code](https://www.visualstudio.com/)[Brackets](http://brackets.io/)[ShiftEdit](https://shiftedit.net/)                            |
 | Linux     | [Vi](http://en.wikipedia.org/wiki/Vi) (All UNIX) [GEdit](http://en.wikipedia.org/wiki/Gedit) (Gnome) [Kate](http://en.wikipedia.org/wiki/Kate_%28text_editor%29) (KDE) [LeafPad](<http://en.wikipedia.org/wiki/Kate_(text_editor)>) (Xfce) | [Emacs](http://www.gnu.org/software/emacs/) [Vim](http://www.vim.org/)[Visual Studio Code](https://www.visualstudio.com/)[Brackets](http://brackets.io/)[ShiftEdit](https://shiftedit.net/)                     |
-| Chrome OS |                                                                                                                                                                                                                                            | [ShiftEdit](https://shiftedit.net/)                                                                                                                                                                             |
+| ChromeOS  |                                                                                                                                                                                                                                            | [ShiftEdit](https://shiftedit.net/)                                                                                                                                                                             |
 
 이것은 하나의 고급 텍스트 에디터의 스크린샷입니다:
 
@@ -96,7 +96,7 @@ _There is no active learning available yet. [Please, consider contributing](/ko/
       <td><a href="http://cyberduck.de/">Cyberduck</a></td>
     </tr>
     <tr>
-      <td>Chrome OS</td>
+      <td>ChromeOS</td>
       <td><a href="https://shiftedit.net/">ShiftEdit</a> (All OS)</td>
       <td colspan="1"></td>
     </tr>
diff --git a/files/ko/web/media/formats/video_codecs/index.md b/files/ko/web/media/formats/video_codecs/index.md
index efa81400eeb1b2..0fcaf1533c4d4c 100644
--- a/files/ko/web/media/formats/video_codecs/index.md
+++ b/files/ko/web/media/formats/video_codecs/index.md
@@ -1039,7 +1039,7 @@ HEVC는 상용 포맷이며 여러 특허로 보호받고 있습니다. [MPEG LA
 
 \[1] Firefox supports MP4V-ES in [3GP](/ko/docs/Web/Media/Formats/Containers#3GP) containers only.
 
-\[2] Chrome does not support MP4V-ES; however, Chrome OS does.
+\[2] Chrome does not support MP4V-ES; however, ChromeOS does.
 
 ### MPEG-1 Part 2 Video
 
diff --git a/files/pt-br/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/pt-br/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
index 6cb87b4897711a..17782d0e53ff0d 100644
--- a/files/pt-br/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
+++ b/files/pt-br/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -139,7 +139,7 @@ Todos os sistemas operacionais _desktop_ possuem um editor de texto básico. Tod
       </td>
     </tr>
     <tr>
-      <td>Chrome OS</td>
+      <td>ChromeOS</td>
       <td></td>
       <td>
         <ul>
@@ -220,7 +220,7 @@ Fazer _upload_ de arquivos para um servidor _web_ é um importante passo durante
       </td>
     </tr>
     <tr>
-      <td>Chrome OS</td>
+      <td>ChromeOS</td>
       <td>
         <ul>
           <li>
diff --git a/files/ru/learn/accessibility/what_is_accessibility/index.md b/files/ru/learn/accessibility/what_is_accessibility/index.md
index 2762e7934039c3..bdadbd97d9dc59 100644
--- a/files/ru/learn/accessibility/what_is_accessibility/index.md
+++ b/files/ru/learn/accessibility/what_is_accessibility/index.md
@@ -38,7 +38,7 @@ slug: Learn/Accessibility/What_is_accessibility
 
 - Некоторые платные коммерческие продукты, такие как [JAWS](http://www.freedomscientific.com/Products/Blindness/JAWS) (Windows) и [Window Eyes](http://www.gwmicro.com/window-eyes/) (Windows).
 - Некоторые бесплатные продукты, такие как [NVDA](http://www.nvaccess.org/) (для Windows), [ChromeVox](http://www.chromevox.com/) (браузер Chrome, Windows и Mac ОС Х) и [Orca](https://wiki.gnome.org/Projects/Orca) (Linux).
-- Некоторые из них встроены в операционную систему, например [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X и iOS), [Экранный диктор](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started)([Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started)) (Microsoft Windows), [ChromeVox](http://www.chromevox.com/) (в Chrome OS) и [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
+- Некоторые из них встроены в операционную систему, например [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X и iOS), [Экранный диктор](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started)([Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started)) (Microsoft Windows), [ChromeVox](http://www.chromevox.com/) (в ChromeOS) и [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
 
 Хорошая идея ознакомиться с экранными дикторами; вы можете настроить экранный считыватель и поиграть с ним, чтобы получить представление о том, как это работает. Более подробную информацию об их использовании см. в [руководстве по кросс-браузерному тестированию](/ru/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Screenreaders). Видео ниже предоставляет краткий пример взаимодействия с экранными читателями.
 
diff --git a/files/zh-cn/.markdownlint.jsonc b/files/zh-cn/.markdownlint.jsonc
index 2ae0cc6dff75e8..90b36b52b2b091 100644
--- a/files/zh-cn/.markdownlint.jsonc
+++ b/files/zh-cn/.markdownlint.jsonc
@@ -1,5 +1,8 @@
 {
   "extends": "../../.markdownlint.jsonc",
+  "no-trailing-punctuation": {
+    "punctuation": ".,;:。，"
+  },
   "search-replace": {
     "rules": [
       {
diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt
index 47f9de86039c7e..9e741e430e618b 100644
--- a/files/zh-cn/_redirects.txt
+++ b/files/zh-cn/_redirects.txt
@@ -5,11 +5,11 @@
 #
 # FROM-URL	TO-URL
 /zh-CN/docs/2332	/zh-CN/docs/Web/API/Element/attributes
-/zh-CN/docs/AJAX	/zh-CN/docs/Web/Guide/AJAX
-/zh-CN/docs/AJAX/Getting_Started	/zh-CN/docs/Web/Guide/AJAX
-/zh-CN/docs/AJAX/开始	/zh-CN/docs/Web/Guide/AJAX
-/zh-CN/docs/AJAX:Getting_Started	/zh-CN/docs/Web/Guide/AJAX
-/zh-CN/docs/AJAX:开始	/zh-CN/docs/Web/Guide/AJAX
+/zh-CN/docs/AJAX	/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/zh-CN/docs/AJAX/Getting_Started	/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/zh-CN/docs/AJAX/开始	/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/zh-CN/docs/AJAX:Getting_Started	/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/zh-CN/docs/AJAX:开始	/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /zh-CN/docs/API	/zh-CN/docs/Web/API
 /zh-CN/docs/API/Pointer_Lock_API	/zh-CN/docs/Web/API/Pointer_Lock_API
 /zh-CN/docs/A_re-introduction_to_JavaScript	/zh-CN/docs/Web/JavaScript/Language_overview
@@ -1617,6 +1617,7 @@
 /zh-CN/docs/Web/API/HTMLTableElement.deleteTHead	/zh-CN/docs/Web/API/HTMLTableElement/deleteTHead
 /zh-CN/docs/Web/API/HTMLVideoElement/autoPictureInPicture	/zh-CN/docs/Web/API/HTMLVideoElement
 /zh-CN/docs/Web/API/Headers/getAll	/zh-CN/docs/Web/API/Headers/get
+/zh-CN/docs/Web/API/History_API/Example	/zh-CN/docs/Web/API/History_API/Working_with_the_History_API
 /zh-CN/docs/Web/API/IDBCursor.direction	/zh-CN/docs/Web/API/IDBCursor/direction
 /zh-CN/docs/Web/API/IDBDatabase/onversionchange	/zh-CN/docs/Web/API/IDBDatabase/versionchange_event
 /zh-CN/docs/Web/API/IDBFactory.open	/zh-CN/docs/Web/API/IDBFactory/open
@@ -2275,7 +2276,8 @@
 /zh-CN/docs/Web/Events/提交	/zh-CN/docs/Web/API/HTMLFormElement/submit_event
 /zh-CN/docs/Web/Events/滚轮事件	/zh-CN/docs/Web/API/Element/wheel_event
 /zh-CN/docs/Web/Events/进度条	/zh-CN/docs/Web/API/XMLHttpRequest/progress_event
-/zh-CN/docs/Web/Guide/AJAX/Getting_Started	/zh-CN/docs/Web/Guide/AJAX
+/zh-CN/docs/Web/Guide/AJAX	/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/zh-CN/docs/Web/Guide/AJAX/Getting_Started	/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /zh-CN/docs/Web/Guide/API/DOM/The_structured_clone_algorithm	/zh-CN/docs/Web/API/Web_Workers_API/Structured_clone_algorithm
 /zh-CN/docs/Web/Guide/API/DOM/Whitespace_in_the_DOM	/zh-CN/docs/Web/API/Document_Object_Model/Whitespace
 /zh-CN/docs/Web/Guide/CSS	/zh-CN/docs/Learn/CSS
@@ -2591,11 +2593,11 @@
 /zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module	/zh-CN/docs/WebAssembly/JavaScript_interface/Module
 /zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError	/zh-CN/docs/WebAssembly/JavaScript_interface/RuntimeError
 /zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table	/zh-CN/docs/WebAssembly/JavaScript_interface/Table
-/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compile	/zh-CN/docs/WebAssembly/JavaScript_interface/compile
-/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compileStreaming	/zh-CN/docs/WebAssembly/JavaScript_interface/compileStreaming
-/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate	/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate
-/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiateStreaming	/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming
-/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/validate	/zh-CN/docs/WebAssembly/JavaScript_interface/validate
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compile	/zh-CN/docs/WebAssembly/JavaScript_interface/compile_static
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compileStreaming	/zh-CN/docs/WebAssembly/JavaScript_interface/compileStreaming_static
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate	/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiateStreaming	/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/validate	/zh-CN/docs/WebAssembly/JavaScript_interface/validate_static
 /zh-CN/docs/Web/JavaScript/Reference/Global_Objects/null	/zh-CN/docs/Web/JavaScript/Reference/Operators/null
 /zh-CN/docs/Web/JavaScript/Reference/Global_Objects/uneval	/zh-CN/docs/Web/JavaScript/Reference/Global_Objects
 /zh-CN/docs/Web/JavaScript/Reference/Global_Objects/生成器函数	/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/GeneratorFunction
@@ -2693,6 +2695,11 @@
 /zh-CN/docs/Web/性能	/zh-CN/docs/Web/Performance
 /zh-CN/docs/Web/演示说明	/zh-CN/docs/Web/Demos
 /zh-CN/docs/WebAPI/Using_geolocation	/zh-CN/docs/Web/API/Geolocation_API
+/zh-CN/docs/WebAssembly/JavaScript_interface/compile	/zh-CN/docs/WebAssembly/JavaScript_interface/compile_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/compileStreaming	/zh-CN/docs/WebAssembly/JavaScript_interface/compileStreaming_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate	/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming	/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/validate	/zh-CN/docs/WebAssembly/JavaScript_interface/validate_static
 /zh-CN/docs/WebAssembly/概念	/zh-CN/docs/WebAssembly/Concepts
 /zh-CN/docs/WebGL	/zh-CN/docs/Web/API/WebGL_API
 /zh-CN/docs/WebGL/Getting_started_with_WebGL	/zh-CN/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL
diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json
index 316a781e06e56e..81e255a0455a93 100644
--- a/files/zh-cn/_wikihistory.json
+++ b/files/zh-cn/_wikihistory.json
@@ -10932,10 +10932,6 @@
       "xgqfrms-GitHub"
     ]
   },
-  "Web/API/History_API/Example": {
-    "modified": "2019-07-31T00:29:31.092Z",
-    "contributors": ["Shadowhiker", "xgqfrms"]
-  },
   "Web/API/History_API/Working_with_the_History_API": {
     "modified": "2020-09-07T23:10:09.451Z",
     "contributors": ["Nothing_bin"]
@@ -20936,22 +20932,6 @@
       "ethertank"
     ]
   },
-  "Web/Guide/AJAX": {
-    "modified": "2020-08-06T07:28:20.783Z",
-    "contributors": [
-      "luojia",
-      "Yang-yibu",
-      "anchen",
-      "makaria",
-      "chunnallu",
-      "chrisdavidmills",
-      "renzhengyu",
-      "MMHGH",
-      "zjhch123",
-      "XiaoyaoChen",
-      "Noly1990"
-    ]
-  },
   "Web/Guide/API": {
     "modified": "2019-03-23T23:17:06.067Z",
     "contributors": ["RainSlide", "Sheppy"]
@@ -32727,23 +32707,23 @@
     "modified": "2020-11-04T03:44:08.051Z",
     "contributors": ["moniang", "hurrytospring"]
   },
-  "WebAssembly/JavaScript_interface/compile": {
-    "modified": "2020-10-15T21:58:44.128Z",
-    "contributors": ["kungfucode-rex"]
-  },
-  "WebAssembly/JavaScript_interface/compileStreaming": {
+  "WebAssembly/JavaScript_interface/compileStreaming_static": {
     "modified": "2020-10-15T22:15:30.451Z",
     "contributors": ["Cyandev"]
   },
-  "WebAssembly/JavaScript_interface/instantiate": {
-    "modified": "2020-10-15T21:57:59.458Z",
-    "contributors": ["wallena3", "Hedgehog", "airt", "kungfucode-rex"]
+  "WebAssembly/JavaScript_interface/compile_static": {
+    "modified": "2020-10-15T21:58:44.128Z",
+    "contributors": ["kungfucode-rex"]
   },
-  "WebAssembly/JavaScript_interface/instantiateStreaming": {
+  "WebAssembly/JavaScript_interface/instantiateStreaming_static": {
     "modified": "2020-10-15T22:11:30.410Z",
     "contributors": ["Xiaoming666"]
   },
-  "WebAssembly/JavaScript_interface/validate": {
+  "WebAssembly/JavaScript_interface/instantiate_static": {
+    "modified": "2020-10-15T21:57:59.458Z",
+    "contributors": ["wallena3", "Hedgehog", "airt", "kungfucode-rex"]
+  },
+  "WebAssembly/JavaScript_interface/validate_static": {
     "modified": "2020-10-15T22:15:29.365Z",
     "contributors": ["Cyandev"]
   },
diff --git a/files/zh-cn/games/techniques/index.md b/files/zh-cn/games/techniques/index.md
index 3e439a7cf7eaea..2e370ae71042a3 100644
--- a/files/zh-cn/games/techniques/index.md
+++ b/files/zh-cn/games/techniques/index.md
@@ -1,23 +1,23 @@
 ---
-title: Techniques for game development
+title: 游戏开发技术
 slug: Games/Techniques
+l10n:
+  sourceCommit: 56db19e6b8d19932c1b6150bc42e752e12a2b21f
 ---
 
 {{GamesSidebar}}
 
-这个页面为想要使用开放的网页技术来开发游戏的人列举出了必要的核心技术。
+这个页面为想要使用开放的 web 技术来开发游戏的人列举出了必要的核心技术。
 
 - [使用 asm.js 中的异步脚本](/zh-CN/docs/Games/Techniques/Async_scripts)
-  - : 尤其在制作中大型游戏时，异步脚本是一项必备技术，你游戏中的 JavaScript 因此可以在主进程之外被编译，并被缓存以之后游戏的运行，这会带来显著的性能提升。这篇文章解释了如何做到。
-- [Optimizing startup performance](/zh-CN/docs/Apps/Developing/Optimizing_startup_performance)
-  - : How to make sure your game starts up quickly, smoothly, and without appearing to lock up the user's browser or device.
-- [Using WebRTC peer-to-peer data channels](/zh-CN/docs/Games/WebRTC_data_channels)
-  - : In addition to providing support for audio and video communication, WebRTC lets you set up peer-to-peer data channels to exchange text or binary data actively between your players. This article explains what this can do for you, and shows how to use libraries that make this easy.
-- [Efficient animation for web games](/zh-CN/docs/Games/Techniques/Efficient_animation_for_web_games)
-  - : This article covers techniques and advice for creating efficient animation for web games, with a slant towards supporting lower end devices such as mobile phones. We touch on CSS transitions and CSS animations, and JavaScript loops involving {{ domxref("window.requestAnimationFrame") }}.
-- [Audio for Web Games](/zh-CN/docs/Games/Techniques/Audio_for_Web_Games)
-  - : Audio is an important part of any game — it adds feedback and atmosphere. Web-based audio is maturing fast, but there are still many browser differences to negotiate. This article provides a detailed guide to implementing audio for web games, looking at what works currently across as wide a range of platforms as possible.
-- [2D collision detection](/zh-CN/docs/Games/Techniques/2D_collision_detection)
-  - : A concise introduction to collision detection in 2D games.
-- [Tilemaps](/zh-CN/docs/Games/Techniques/Tilemaps)
-  - : Tiles are a very popular technique in 2D games for building the game world. These articles provide an introduction to tilemaps and how to implement them with the Canvas API.
+  - : 尤其在制作中大型游戏时，异步脚本是一项必备技术，它可以让游戏的 JavaScript 脱离主线程进行编译，并在以后运行游戏时缓存起来，从而显著提高用户的性能。本文将介绍如何使用异步脚本。
+- [优化启动性能](/zh-CN/docs/Web/Performance/Optimizing_startup_performance)
+  - : 如何确保游戏启动快速、流畅，并且不会占用用户的浏览器或设备太久。
+- [使用 WebRTC 点对点数据通道](/zh-CN/docs/Games/Techniques/WebRTC_data_channels)
+  - : 除了支持音频和视频通信外，WebRTC 还能建立点对点数据通道，在播放器之间主动交换文本或二进制数据。本文将解释 WebRTC 的功能，并介绍如何使用库来轻松实现这一功能。
+- [Web 游戏音频](/zh-CN/docs/Games/Techniques/Audio_for_Web_Games)
+  - : 音频是任何游戏的重要组成部分——它能增加反馈，活跃气氛。基于 web 的音频技术正在迅速成熟，但仍有许多浏览器差异需要解决。本文提供了实现 web 游戏音频的详细指南，尽可能广泛地介绍了目前在各种平台上都能使用的音频。
+- [2D 碰撞检测](/zh-CN/docs/Games/Techniques/2D_collision_detection)
+  - : 简明介绍 2D 游戏中的碰撞检测。
+- [平铺贴图](/zh-CN/docs/Games/Techniques/Tilemaps)
+  - : 在 2D 游戏中，贴图是一种非常流行的构建游戏世界的技术。这些文章介绍了平铺贴图是什么，以及如何使用 Canvas API 实现平铺贴图。
diff --git a/files/zh-cn/glossary/ajax/index.md b/files/zh-cn/glossary/ajax/index.md
index 281139f75523f1..a816827414f4f7 100644
--- a/files/zh-cn/glossary/ajax/index.md
+++ b/files/zh-cn/glossary/ajax/index.md
@@ -13,7 +13,6 @@ AJAX 允许只更新一个 {{glossary("HTML")}} 页面的部分 {{glossary("DOM"
 
 ## 参见
 
-- [Ajax](/zh-CN/docs/Web/Guide/AJAX)
 - {{DOMxRef("XMLHttpRequest")}}
 - {{DOMxRef("Fetch API")}}
 - [使用 Fetch API](/zh-CN/docs/Web/API/Fetch_API/Using_Fetch)
diff --git a/files/zh-cn/glossary/asynchronous/index.md b/files/zh-cn/glossary/asynchronous/index.md
index a9039bd01a21c9..6804e00ef79c97 100644
--- a/files/zh-cn/glossary/asynchronous/index.md
+++ b/files/zh-cn/glossary/asynchronous/index.md
@@ -5,23 +5,23 @@ slug: Glossary/Asynchronous
 
 {{GlossarySidebar}}
 
-**异步**指两个或两个以上的对象或事件**不**同时存在或发生（或多个相关事物的发生无需等待其前一事物的完成）。在计算机技术中，"异步"一词被用于两大语境。
+**异步**（asynchronous）指两个或两个以上的对象或事件**不**同时存在或发生（或多个相关事物的发生无需等待其前一事物的完成）。在计算机技术中，"异步"一词被用于两大语境。
 
-- 网络与通信
+## 网络与通信
 
-  - : 异步通信是一种在双方或多方之间交换消息的方式。其中每个参与方各自在他们方便或可操作的情况下接收并处理消息，而不是在收到消息后立即进行处理。另外，消息的发送无需等待确认信息，前提是如果出现问题，接收方将请求更正或以其他方式处理该情况。
+异步通信是一种在双方或多方之间交换消息的方式。其中每个参与方各自在他们方便或可操作的情况下接收并处理消息，而不是在收到消息后立即进行处理。另外，消息的发送无需等待确认信息，前提是如果出现问题，接收方将请求更正或以其他方式处理该情况。
 
-    对人类来说，电子邮件就是一种异步通信方式；发送者发送了一封邮件，接着接收者会在方便时读取和回复该邮件，而不是马上这样做。双方可以继续随时发送和接收信息，而无需双方安排何时进行操作。
+对人类来说，电子邮件就是一种异步通信方式；发送者发送了一封邮件，接着接收者会在方便时读取和回复该邮件，而不是马上这样做。双方可以继续随时发送和接收信息，而无需双方安排何时进行操作。
 
-    在软件进行异步通信时，一个程序可能会向另一软件（如服务器）请求信息，并在等待回复的同时继续执行其他操作。例如，[AJAX](/zh-CN/docs/Web/Guide/AJAX)(Asynchronous JavaScript and {{Glossary("XML")}}) 编程技术（现在通常简写为"Ajax"，不过现在的应用不常用 XML，而是用{{Glossary("JSON")}}）就是这样一种机制，它通过 HTTP 从服务器请求较少的数据，当结果可被返回时才返回结果，而不是立即返回。
+在异步软件中，发出请求（例如向服务器），并在等待响应时不会阻塞其他进程。该软件可以继续执行其他任务。例如，在[基于 Promise 的 API](/zh-CN/docs/Learn/JavaScript/Asynchronous/Implementing_a_promise-based_API)中，会为长时间的操作创建 {{JSxRef("Promise")}} 对象。在操作完成后，promise 会被处理。有了 promise，软件不必等待操作的完成。
 
-- 软件设计
+## 软件设计
 
-  - : 异步软件设计通过构建代码扩展了异步的概念，按照这种设计编写的代码使得程序能够要求一个任务与先前的一个（或多个）任务一起执行，而无需为了等待它们完成而停止执行。当后来的任务完成时，程序将使用约定好的机制通知先前的任务，以便让它知道任务已经完成，以及如果有结果存在的话，这个结果是可用的。
+异步软件设计通过构建代码扩展了异步的概念，按照这种设计编写的代码使得程序能够要求一个任务与先前的一个（或多个）任务一起执行，而无需为了等待它们完成而停止执行。当后来的任务完成时，程序将使用约定好的机制通知先前的任务，以便让它知道任务已经完成，以及如果有结果存在的话，这个结果是可用的。
 
-    还有许多用来实现异步软件的编程技术。查看文章[Asynchronous JavaScript](/zh-CN/docs/Learn/JavaScript/Asynchronous)来了解它们吧。
+还有许多用来实现异步软件的编程技术。查看文章[异步 JavaScript](/zh-CN/docs/Learn/JavaScript/Asynchronous) 来了解它们吧。
 
 ## 参见
 
-- [Fetching data from the server](/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data) (Learning Area) 从服务器获取数据
-- {{glossary("Synchronous")}} 同步
+- [从服务器获取数据](/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data)(Learning Area)（学习区）
+- {{glossary("Synchronous", "同步")}}
diff --git a/files/zh-cn/glossary/grid/index.md b/files/zh-cn/glossary/grid/index.md
index 28bd3bc765dcb8..f67e127aaf9356 100644
--- a/files/zh-cn/glossary/grid/index.md
+++ b/files/zh-cn/glossary/grid/index.md
@@ -11,9 +11,7 @@ slug: Glossary/Grid
 
 如果开发者将内容放置在显式网格之外，或者依赖自动布局的话，网格法 (grid algorithm) 将需要创建额外的 row 或者 column、 {{glossary("grid tracks", "tracks")}} 来包含显示网格之外的内容 {{glossary("grid item", "grid items")}}，为此将在隐式网格 (implicit grid) 中创建额外的轨道 (tracks)。_当内容添加到了已定义的 tracks 之外的时候，隐式网格 (implicit grid) 会被自动创建。_
 
-下面的例子创建了一个有两行三列的显式网格*。*由于超过显式网格可容纳的六个条目，_此网格中的第三行将是一个隐式网格行轨道 (implicit grid_ row track)
-
-_（注：在容器 div 上用 row 和 column 定义的网格总数，等于 行数乘以列数 个。比如一个容器 div 定义了 2 行 \* 3 列 = 6 个网格，这 6 个就是显式网格，但是假如里面有 8 个 子 div，多出来那 2 个就叫做隐式网格。）_
+下面的例子创建了一个有两行三列的显式网格。由于超过显式网格可容纳的六个条目，此网格中的第三行将是一个*隐式网格*行轨道（implicit grid row track）。
 
 ## 示例
 
diff --git a/files/zh-cn/learn/accessibility/what_is_accessibility/index.md b/files/zh-cn/learn/accessibility/what_is_accessibility/index.md
index 389e3b019beac8..f54b46742ff17d 100644
--- a/files/zh-cn/learn/accessibility/what_is_accessibility/index.md
+++ b/files/zh-cn/learn/accessibility/what_is_accessibility/index.md
@@ -47,7 +47,7 @@ slug: Learn/Accessibility/What_is_accessibility
 
 - 有些是付费产品，比如 [JAWS](http://www.freedomscientific.com/Products/Blindness/JAWS) (Windows) 和 [Window Eyes](http://www.gwmicro.com/window-eyes/) (Windows).
 - 有些是免费产品，比如 [NVDA](http://www.nvaccess.org/) (Windows)， [ChromeVox](http://www.chromevox.com/) (Chrome, Windows 和 Mac OS X)，和 [Orca](https://wiki.gnome.org/Projects/Orca) (Linux).
-- 有些内置在操作系统中，比如 [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X and iOS)， [Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started) (Microsoft Windows)， [ChromeVox](http://www.chromevox.com/) (on Chrome OS)，和 [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
+- 有些内置在操作系统中，比如 [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X and iOS)， [Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started) (Microsoft Windows)， [ChromeVox](http://www.chromevox.com/) (on ChromeOS)，和 [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
 
 让自己熟悉屏幕阅读器是个好主意；你还应该设置一个屏幕阅读器并充分的使用它（盘它），以了解它是如何工作的。请参阅我们的[跨浏览器屏幕阅读器测试向导](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/%E5%8F%AF%E8%AE%BF%E9%97%AE%E6%80%A7#%E5%B1%8F%E5%B9%95%E9%98%85%E8%AF%BB%E5%99%A8)，以了解更多使用它们的细节。下面的视频还提供了一个简单的例子说明了体验是怎样的。
 
diff --git a/files/zh-cn/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/zh-cn/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
index 145622a8851e4c..7dc03a76a83d29 100644
--- a/files/zh-cn/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
+++ b/files/zh-cn/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -130,7 +130,7 @@ _现在还没有自主学习活动。请[考虑投稿](/zh-CN/docs/MDN/Community
       </td>
     </tr>
     <tr>
-      <td>Chrome OS</td>
+      <td>ChromeOS</td>
       <td></td>
       <td>
         <ul>
diff --git a/files/zh-cn/learn/css/first_steps/styling_a_biography_page/index.md b/files/zh-cn/learn/css/first_steps/styling_a_biography_page/index.md
index 405e50dd3a625f..f2be55585bac50 100644
--- a/files/zh-cn/learn/css/first_steps/styling_a_biography_page/index.md
+++ b/files/zh-cn/learn/css/first_steps/styling_a_biography_page/index.md
@@ -39,7 +39,7 @@ slug: Learn/CSS/First_steps/Styling_a_biography_page
 
 > **备注：** 如果遇到困难，你可以向我求助——参见本页下面的[测评或请求帮助](#测评或请求帮助)部分。
 
-**让我们来学一些 CSS 样式**
+### 让我们来学一些 CSS 样式
 
 接下来的实例是一个个人主页，我们用 CSS 设定它的样式。以下是我用到的一些 CSS 属性，通过这些链接，你可以打开相应的 MDN 页面了解更多。
 
@@ -83,7 +83,7 @@ slug: Learn/CSS/First_steps/Styling_a_biography_page
 - 你希望测试的例子的在网络编辑器上的链接。这是很好的做法，因为如果不让帮助你的看到你的程序，他们就很难帮助你解决程序的问题。
 - 你的网页的测评页面链接，这样我们就可以找到你所求助的问题。
 
-**接下来是什么？**
+## 接下来是什么？
 
 恭喜你完成了第一个模块的学习。现在你应该对 CSS 有了一个大致的了解 并且能够了解在样式表中发生的大多数事情。在下一个模块[CSS 构建](/zh-CN/docs/Learn/CSS/Building_blocks)中，我们将对一些关键区域进行深入的学习。
 
diff --git a/files/zh-cn/learn/forms/sending_forms_through_javascript/index.md b/files/zh-cn/learn/forms/sending_forms_through_javascript/index.md
index 6b71d239a46eca..b93199ac792728 100644
--- a/files/zh-cn/learn/forms/sending_forms_through_javascript/index.md
+++ b/files/zh-cn/learn/forms/sending_forms_through_javascript/index.md
@@ -19,8 +19,6 @@ HTML 表单可以声明式地发送一个 [HTTP](/zh-CN/docs/Web/HTTP) 请求。
 
 许多现代用户界面只使用 HTML 表单来收集用户输入，而不是用于数据提交。当用户尝试发送数据时，应用程序会控制并在后台异步传输数据，只更新用户界面中需要更改的部分。
 
-异步发送任意数据一般称为 [AJAX](/zh-CN/docs/Web/Guide/AJAX)，它代表“**异步 JavaScript 和 XML**”。
-
 ### 表单提交和 AJAX 请求之间的区别？
 
 {{domxref("XMLHttpRequest")}}（XHR）DOM 对象可以构建 HTTP 请求、发送请求并获取结果。从历史上看，{{domxref("XMLHttpRequest")}} 是为获取和发送 [XML](/zh-CN/docs/Web/XML) 作为交换格式而设计的，后来这种格式被 [JSON](/zh-CN/docs/Glossary/JSON) 所取代。但是，XML 和 JSON 都不适合表单数据请求编码。表单数据（`application/x-www-form-urlencoded`）由键/值对的 URL 编码列表组成。为了传输二进制数据，HTTP 请求被重塑为 `multipart/form-data`。
diff --git a/files/zh-cn/learn/html/howto/author_fast-loading_html_pages/index.md b/files/zh-cn/learn/html/howto/author_fast-loading_html_pages/index.md
index f125e513cfa152..161e9adc5f0f85 100644
--- a/files/zh-cn/learn/html/howto/author_fast-loading_html_pages/index.md
+++ b/files/zh-cn/learn/html/howto/author_fast-loading_html_pages/index.md
@@ -68,7 +68,7 @@ CDN 是一个分布在不同地理位置的服务器网络，它们协同工作
 
 ### 减少内联脚本的数量
 
-内联脚本对页面加载的影响很大，因为解析器必须假定内联脚本可能会在解析过程中修改页面结构。减少内联脚本的使用，尤其是减少使用 `document.write()` 来输出内容，可以提高页面的整体加载速度。为现代浏览器使用现代 [AJAX](/zh-CN/docs/Web/Guide/AJAX) 方法来操作页面内容，而不是使用基于 `document.write()` 的旧方法。
+内联脚本对页面加载的影响很大，因为解析器必须假定内联脚本可能会在解析过程中修改页面结构。减少内联脚本的使用，尤其是减少使用 `document.write()` 来输出内容，可以提高页面的整体加载速度。为现代浏览器使用 [DOM API 来操作页面内容](/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents)，而不是使用 `document.write()`。
 
 ### 使用现代 CSS 和有效标记
 
diff --git a/files/zh-cn/learn/html/multimedia_and_embedding/video_and_audio_content/index.md b/files/zh-cn/learn/html/multimedia_and_embedding/video_and_audio_content/index.md
index 91fe2050eb8eec..c0cd7e11452be3 100644
--- a/files/zh-cn/learn/html/multimedia_and_embedding/video_and_audio_content/index.md
+++ b/files/zh-cn/learn/html/multimedia_and_embedding/video_and_audio_content/index.md
@@ -282,7 +282,7 @@ WEBVTT
 
 > **备注：** 文本轨道会使你的网站更容易被搜索引擎抓取到（{{glossary("SEO")}}），由于搜索引擎的文本抓取能力非常强大，使用文本轨道甚至可以让搜索引擎通过视频的内容直接链接。
 
-## 实践学习：在你的网站上嵌入你自己的视频或音频。
+## 实践学习：在你的网站上嵌入你自己的视频或音频
 
 在这个实践学习当中，我们希望你能够走出去，并且记录一些你自己的视频或者音频 — 如今，大多数手机都能够非常方便的记录视频或者音频，并且你可以将他们上传到你的电脑上面，你可以使用这些功能来记录你的视频或音频。在这时候，你可能需要做一些格式转换，如果是视频的话，你需要将它们转化为 WebM 或者 MP4，如果是音频的话，你需要将它们转化为 MP3 或者 Ogg。不过你并不需要担心，有许多的程序都能够帮你解决这些问题，例如 [Miro Video Converter](http://www.mirovideoconverter.com/) 和 [Audacity](https://sourceforge.net/projects/audacity/)。我们非常希望你能够亲自动手实现它。
 
diff --git a/files/zh-cn/learn/javascript/client-side_web_apis/fetching_data/index.md b/files/zh-cn/learn/javascript/client-side_web_apis/fetching_data/index.md
index 5c7d207b2918df..12138f55cf021a 100644
--- a/files/zh-cn/learn/javascript/client-side_web_apis/fetching_data/index.md
+++ b/files/zh-cn/learn/javascript/client-side_web_apis/fetching_data/index.md
@@ -251,7 +251,6 @@ try {
 
 虽然本文中讨论了许多不同的主题，但是这些主题仅是触及了表面。有关这些主题的更多详细信息，请尝试阅读以下文章：
 
-- [Ajax](/zh-CN/docs/Web/Guide/AJAX)
 - [使用 Fetch](/zh-CN/docs/Web/API/Fetch_API/Using_Fetch)
 - [Promise](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise)
 - [使用 JSON 数据](/zh-CN/docs/Learn/JavaScript/Objects/JSON)
diff --git a/files/zh-cn/learn/tools_and_testing/cross_browser_testing/introduction/index.md b/files/zh-cn/learn/tools_and_testing/cross_browser_testing/introduction/index.md
index ef850e5d9a8c18..644ea863c2dca0 100644
--- a/files/zh-cn/learn/tools_and_testing/cross_browser_testing/introduction/index.md
+++ b/files/zh-cn/learn/tools_and_testing/cross_browser_testing/introduction/index.md
@@ -66,7 +66,7 @@ slug: Learn/Tools_and_testing/Cross_browser_testing/Introduction
 
 一个项目的测试和排错工作流可以大致分为如下四个阶段（这只是粗略划分——因人而异）：
 
-**初步规划>开发>测试/查错>修复/迭代**
+**初步规划** > **开发** > **测试/查错** > **修复/迭代**
 
 步骤 2 到步骤 4 在必要时应多次重复直到开发完成。我们会在后续章节详细探讨测试程序的不同之处，但现在我们只概述每个阶段可能出现的问题。
 
diff --git a/files/zh-cn/learn/tools_and_testing/cross_browser_testing/javascript/index.md b/files/zh-cn/learn/tools_and_testing/cross_browser_testing/javascript/index.md
index cac59be39a739b..7d62f30d3adc98 100644
--- a/files/zh-cn/learn/tools_and_testing/cross_browser_testing/javascript/index.md
+++ b/files/zh-cn/learn/tools_and_testing/cross_browser_testing/javascript/index.md
@@ -31,9 +31,21 @@ slug: Learn/Tools_and_testing/Cross_browser_testing/JavaScript
 
 从历史上看，JavaScript 早就已经受到跨浏览器兼容性问题的困扰。早在 20 世纪 90 年代，当时的主要浏览器选择（Internet Explorer 和 Netscape）的脚本以不同的语言风格实现（Netscape 使用 JavaScript，IE 使用 JScript，还提供 VBScript 作为选项），虽然至少 JavaScript 和 JScript 在某种程度上是兼容的（都基于 {{glossary("ECMAScript")}} 规范），但往往以相互冲突、不兼容的方式实现，给开发者带来很多恶梦。
 
-这种不兼容问题一直持续到 21 世纪初，因为旧的浏览器仍然在使用，仍然需要支持。这也是 [jQuery](https://jquery.com/) 这样的库出现的主要原因之一——抽象出浏览器实现的差异（例如见[如何进行 HTTP 请求](/zh-CN/docs/Web/Guide/AJAX#第一步——发送_http_请求)中的代码片段），所以开发人员只需要写一点简单的代码（见 [`jQuery.ajax()`](https://api.jquery.com/jquery.ajax/)），jQuery（或你使用的任何库）将在底层处理这些差异，而无需开发人员考虑这些。
+这种不兼容问题一直持续到 21 世纪初，因为旧的浏览器仍然在使用，仍然需要支持。例如，创建 {{domxref("XMLHttpRequest")}} 对象的代码必须对 IE 6 进行特殊处理：
 
-从那时起，情况有了明显的改善；现代浏览器在支持“经典的 JavaScript 功能”方面做得很好，而且随着支持老式浏览器的要求降低，使用这种代码的要求也在减少（尽管这样，请记住，它们并没有完全消失）。
+```js
+if (window.XMLHttpRequest) {
+  // Mozilla、Safari、IE7+……
+  httpRequest = new XMLHttpRequest();
+} else if (window.ActiveXObject) {
+  // IE 6 和更老的浏览器
+  httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
+}
+```
+
+这也是 [jQuery](https://jquery.com/) 这样的库出现的主要原因之一——抽象出浏览器实现的差异，所以开发人员只需要使用像 [`jQuery.ajax()`](https://api.jquery.com/jquery.ajax/)（会在后台处理这些差异）这样的代码。
+
+从那时起，情况有了明显的改善；现代浏览器在支持“经典的 JavaScript 特性”方面做得很好，而且随着支持老式浏览器的要求降低，使用这种代码的要求也在减少（尽管这样，请记住，它们并没有完全消失）。
 
 这些天来，大多数的跨浏览器 JavaScript 问题是这样的：
 
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/write_an_api_reference/sidebars/index.md b/files/zh-cn/mdn/writing_guidelines/howto/write_an_api_reference/sidebars/index.md
new file mode 100644
index 00000000000000..ec0c9b6ae91e9d
--- /dev/null
+++ b/files/zh-cn/mdn/writing_guidelines/howto/write_an_api_reference/sidebars/index.md
@@ -0,0 +1,95 @@
+---
+title: API 参考侧边栏
+slug: MDN/Writing_guidelines/Howto/Write_an_API_reference/Sidebars
+l10n:
+  sourceCommit: fc7310a85a8e6d5c0677dfaffba9b8fbbadc94a9
+---
+
+{{MDNSidebar}}
+
+你可以在 API 参考页面上包含一个自定义侧边栏，以便它显示与该 API 相关的接口、教程和其他资源的链接。本文介绍了如何实现。
+
+## 创建侧边栏
+
+你需要完成以下三个步骤来创建你的 API 侧边栏：
+
+1. 创建你的 API 参考页面。
+2. 将你的特定 API 的条目添加到 [`GroupData.json`](https://github.com/mdn/content/blob/main/files/jsondata/GroupData.json) 文件中。
+3. 使用 [`APIRef`](https://github.com/mdn/yari/blob/main/kumascript/macros/APIRef.ejs) 宏将侧边栏插入到你想要显示它的每个页面中。
+
+让我们依次介绍这三个步骤。本文中我们将以 [Fetch API](/zh-CN/docs/Web/API/Fetch_API) 为示例。
+
+### 向 GroupData.json 添加条目
+
+`GroupData.json` 文件包含与 API 参考侧边栏中应显示的链接相关的所有数据。在 `APIRef` 宏被调用时，需要将一个 API 名称作为参数传递给它，然后它会在 `GroupData.json` 中查找该名称，构建一个适当的侧边栏，并将其插入到页面中。
+
+要在 `GroupData.json` 中添加条目，你需要：
+
+1. 确保你有一个 [GitHub](https://github.com/) 账户。
+2. 复刻（fork）MDN 内容（content）仓库，再创建一个新的分支来包含你的更改，并将仓库克隆到本地。
+3. 在开始工作前，签出（checkout）你的新分支，并在完成工作后确保你将更改推送到该分支。
+4. 创建拉取请求（pull request），以便 MDN 团队可以审查你的工作，并在必要时提出更改。
+
+`GroupData.json` 文件可以在 `files/jsondata/` 目录中找到。查看该文件，你会看到一个巨大的 JSON 结构，其中每个 API 都有自己的成员。名称为 API 名称，值为一个对象，其中包含定义要创建的侧边栏链接的几个子成员。
+
+例如，查看 MDN 上的 [Fetch API](/zh-CN/docs/Web/API/Fetch_API) 页面。在 `GroupData.json` 中对应的条目如下所示：
+
+```json
+"Fetch API": {
+    "overview":   [ "Fetch API"],
+    "interfaces": [ "Headers",
+                    "Request",
+                    "Response",
+                    "FetchController",
+                    "FetchObserver",
+                    "FetchSignal",
+                    "ObserverCallback" ],
+    "methods":    [ "fetch()" ],
+    "properties": [],
+    "events":     []
+},
+```
+
+如你所见，我们将“Fetch API”作为名称，其对象值中包含了许多子成员。
+
+#### GroupData 条目中包含的子成员
+
+此部分列出了你可以在 `GroupData` 条目中包含的所有子成员。
+
+注意，列在列出的子成员中的大部分值都等同于链接文本，以及附加到主 API 索引页面（`https://developer.mozilla.org/<language-code>/docs/Web/API`）的末尾的别名（slug）以创建显示的链接的最终 URL。因此，例如，“Response”将创建如下链接：
+
+```html
+<li><a href="/zh-CN/docs/Web/API/Response">Response</a></li>
+```
+
+这也有些例外。例如，“guides”子成员包含指向与指南/教程相关的 URL。在这种情况下，URL 将附加到 MDN 文档根路径（`https://developer.mozilla.org/<language-code>`）的末尾，因而允许包含 MDN 上任何位置的文章。
+
+以下是可用的成员。这些都是可选的，但强烈建议你不要省略它们，而是包含空数组。
+
+1. `"overview"`——该值是一个数组，如果有的话，请在其中包含 API 概述页面的别名（slug）。“Fetch API”会创建如下链接：[https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API](/zh-CN/docs/Web/API/Fetch_API)。
+2. `"interfaces"`——该值是一个数组，你应该在其中列出组成该 API 的所有接口。“Response”会创建如下链接：[https://developer.mozilla.org/zh-CN/docs/Web/API/Response](/zh-CN/docs/Web/API/Response)。
+3. `"methods"`——该值是一个数组，其中应包含由规范添加的与其他 API 相关的接口的任何方法，例如在 {{domxref("Navigator")}} 或 {{domxref("Window")}} 上创建的实例化方法。如果有大量的方法，你可能需要考虑只列出最受欢迎的方法，或者将它们放在列表的前面。“fetch()”会创建如下链接：[https://developer.mozilla.org/zh-CN/docs/Web/API/fetch](/zh-CN/docs/Web/API/fetch)。请*不要*列出属于同一 API 拥有的接口的成员方法。
+4. `"properties"`——该值是一个数组，其中应包含与 API 相关的所有属性。这可以包括 API 规范中定义的接口的成员属性，以及 API 在其他接口上定义的属性。如果有大量的属性，你可能需要考虑只列出最受欢迎的属性，或者将它们放在列表的前面。“Headers.append”会创建如下链接：[https://developer.mozilla.org/zh-CN/docs/Web/API/Headers/append](/zh-CN/docs/Web/API/Headers/append)。
+5. `"events"`——该值是一个数组，其中应包含属于 API 而定义它的接口又*不*属于该 API 的事件的*标题*（属于 API 的接口（`interfaces`）中的事件会被默认记录）。如果有大量的事件，你可能需要考虑只列出最受欢迎的事件，或者将它们放在列表的前面。例如，`"Document: selectionchange"` 属于 [Selection API](/zh-CN/docs/Web/API/Selection_API)，但 `Document` 并不属于，所以我们将该事件添加到数组中，[Selection API](/zh-CN/docs/Web/API/Selection_API) 主题会链接到该事件。
+6. `"guides"`——该值是一个字符串数组，其中的每一个都是涉及解释如何使用该 API 的指南的主题。这些字符串包含了指南 URL 在语言路径之后的部分：即，指南 URL 的 `/docs/...` 部分。例如，要链接到位于 `https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch` 的主题“使用 Fetch”，指南数组中需要包含“/docs/Web/API/Fetch_API/Using_Fetch”。
+7. `"dictionaries"`——该值是一个字符串数组，其中列出了 API 的所有字典。通常，只有被多个属性或方法使用的字典才应该在此列出，除非它们具有特殊意义或可能需要从多个页面引用。“CryptoKeyPair”会创建如下链接：[https://developer.mozilla.org/zh-CN/docs/Web/API/CryptoKeyPair](/zh-CN/docs/Web/API/CryptoKeyPair)。
+   > **备注：** MDN 正在逐步停止单独记录字典。在可能的情况下，这里现在描述的是使用了它们的对象。
+8. `"types"`——该值是一个数组，其中包含 API 定义的 typedef 和枚举类型。你可以选择只列出那些特别重要的或被多个页面所引用的类型，以便保持列表的简洁。
+   > **备注：** MDN 正在逐步停止单独记录 typedef。在可能的情况下，这里现在描述的是使用了它们的值。
+9. `"callbacks"`——该值是一个数组，其中包含 API 定义的所有回调类型的列表。你可能会发现即使是在包含回调类型的 API 上，也根本不需要使用这个组别，因为它们通常不适合单独记录。
+
+## 侧边栏使用的标签
+
+一些子成员是根据页面标签自动发现的。在顶级 API 下的页面在每次渲染侧边栏时都会被抓取，然后会自动创建方法（“Method”标签）、属性（“Property”标签）和构造函数（“Constructor”标签）的条目。
+
+子成员会根据标签自动添加警告图标：为实验性（“Experimental”标签）、非标准（“Non Standard”或“Non-standard”标签）或已弃用（“Deprecated”标签）的子成员添加特定的图标。
+
+有关基于标签的处理的更多信息，请参阅 [APIRef 源代码](https://github.com/mdn/yari/blob/main/kumascript/macros/APIRef.ejs)。
+
+## 插入侧边栏
+
+在你将 API 条目添加到 `GroupData.json` 中，并将其作为拉取请求提交且更改已被主仓库接受后，你可以使用 [`APIRef`](https://github.com/mdn/yari/blob/main/kumascript/macros/APIRef.ejs) 宏（该宏以你在 GroupData 中为 API 使用的名称作为参数），将其包含在 API 参考页面中。例如，通过以下内容为 [WebVR API](/zh-CN/docs/Web/API/WebVR_API) 添加侧边栏：
+
+```plain
+\{{APIRef("WebVR API")}}
+```
diff --git a/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/html/index.md b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/html/index.md
index db0aebb19d29a9..8bd4ce9168d353 100644
--- a/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/html/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/html/index.md
@@ -61,7 +61,7 @@ Prettier 格式化所有代码并保持风格一致。尽管如此，你仍需
 
 ## 属性
 
-你应该把所有的属性值放在双引号之间。自从 HTML5 允许省略引号后，人们很轻易地就会这样做，但是添加引号能让标记更加简洁和易读。例如，这样就比较好：
+你应该把所有的属性值放在双引号之间。自从 HTML5 允许省略引号后，人们会很轻易地省略引号，但是添加引号能让标记更加简洁和易读。例如，这样就比较好：
 
 ```html example-good
 <img src="images/logo.jpg" alt="A circular globe icon" class="no-border" />
@@ -103,7 +103,7 @@ Prettier 格式化所有代码并保持风格一致。尽管如此，你仍需
 
 ## Class 和 ID 名称
 
-使用语义化的 class/ID 名称，并且使用连字符分隔多个单词（{{Glossary("kebab_case", "短横线命名法")}}）。不要使用{{Glossary("camel_case", "骆驼式命名法")}}。例如：
+使用语义化的 class/ID 名称，并且使用连字符分隔多个单词（{{Glossary("kebab_case", "短横线命名法")}}）。不要使用{{Glossary("camel_case", "驼峰式命名法")}}。例如：
 
 ```html example-good
 <p class="editorial-summary">其他内容</p>
diff --git a/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/index.md b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/index.md
new file mode 100644
index 00000000000000..d75d9ccbd78693
--- /dev/null
+++ b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/index.md
@@ -0,0 +1,194 @@
+---
+title: 代码示例编写指南
+slug: MDN/Writing_guidelines/Writing_style_guide/Code_style_guide
+l10n:
+  sourceCommit: 2ef5f5de8982fb9df0a0b8385d7b7a16b5497a6a
+---
+
+{{MDNSidebar}}
+
+本文中描述的指南适用于代码示例的样式美化以及格式化，与语言无关。有关编写代码示例时要包含的内容的指南，请参阅[写作风格指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide#代码示例)。
+
+对于特定技术的指南，请参阅以下文章：
+
+- [HTML 指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/HTML)
+- [CSS 指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/CSS)
+- [JavaScript 指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/JavaScript)
+- [Shell 提示符指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/Shell)
+
+## 通用最佳实践
+
+本节提供了创建可理解的，用于演示某个特性或函数用法的最小代码示例的最佳实践。
+
+添加到 MDN Web 文档的代码示例应该是：
+
+- 简单而易于理解，或者
+- 复杂而足以做一些有趣的事情（且最好是有用的）。
+
+你需要牢记的是，**读者将会复制并粘贴代码示例到他们自己的代码中，并可能将其用于生产**。
+
+因此，你应该确保代码示例可用，遵循普遍接受的最佳实践，并且**不会**导致应用程序不安全、效率底下、臃肿或无法访问。如果代码示例不可运行或不适合生产，请确保在代码注释和解释性文本中包含警告；例如，如果它只是一个片段而不是一个完整的示例，请明确说明。这也意味着你应该提供运行示例所需的**所有**信息，包括任何依赖项和设置信息。
+
+代码示例应该尽可能独立且易于理解。其目的不一定是编写高效、聪明的代码，以令专家印象深刻并具有出色的功能，而是编写简化的可运行的示例，以便于理解。
+
+一些更通用的最佳实践包括：
+
+- 代码示例应尽可能简短，并且理想情况下只展示你感兴趣的特性。
+- **仅**包含示例所需的代码。大量不相关的代码很容易分散读者的注意力或让他们感到困扰。如果你想提供一个完整的、更长的示例，请将其放在我们的 [GitHub 仓库](https://github.com/mdn/)（或 JSBin、Codepen 等类似的仓库）中，然后在示例上方或下方提供完整版本的链接。
+- 不要包含不必要的服务器端代码、库、框架、预处理器和其他依赖项。它们会使代码不易于移植，也更难以运行和理解。尽可能使用原生代码。
+- 不要假设读者知道任何库、框架、预处理器或其他非原生特性。例如，使用在示例中有意义的类名，而不是对 BEM 或 Bootstrap 用户有意义的类名。
+- 编写尽可能简介且易于理解的代码，即使它不是编写代码最有效的方式。
+- 使代码更加包容；请考虑 MDN 的读者来自世界各地，他们的种族、宗教、年龄、性别等各不相同。确保代码示例中的文本反映了这种多样性和包容性。
+- 请不要为了简洁而使用不好的做法（例如表现元素 {{HTMLElement("big")}} 或 {{domxref("Document.write", "document.write()")}}）；请正确地编写代码。
+- 对于 API 演示，如果你同时使用了多个 API，请指出包含了哪些 API，以及用到的特性来自于哪里。
+
+## 格式化指南
+
+关于正确缩进、空格和行长度的意见一直存在争议。对这些主题的讨论会分散注意力，从而影响内容的创建和维护。
+
+在 MDN Web 文档中，我们使用 [Prettier](https://prettier.io/) 作为代码格式化工具，以保持代码风格的一致性（并避免偏离主题讨论）。你可以参考我们的[配置文件](https://github.com/mdn/content/blob/main/.prettierrc.json)（[本地化文档的配置文件](https://github.com/mdn/translated-content/blob/main/.prettierrc.json)）来了解当前的规则，并阅读 [Prettier 的文档](https://prettier.io/docs/en/index.html)。
+
+Prettier 格式化所有代码并保持风格一致。尽管如此，你仍需要遵循一些额外的规则。
+
+这些用于格式化代码示例的 MDN Web 文档指南也是编写代码的最佳实践。
+
+### 选择语法语言
+
+为了确保代码块的正确格式化和语法高亮，作者必须指定他们正在编写的代码块的语言。请参阅 [MDN Markdown 中的示例代码块](/zh-CN/docs/MDN/Writing_guidelines/Howto/Markdown_in_MDN#示例代码块)以获取 MDN 支持的语言列表，以及有关如何请求新语言的详细信息。
+
+如果代码块是伪代码、命令的输出或其他非编程语言，请将语言明确设置为 `plain`。
+
+> **警告：** 如果 MDN 尚未支持所需的语言，请**不要**将代码块的语言设置为类似的语言，因为这样做可能会导致 Prettier 格式化和语法高亮出现意外的副作用。
+
+### 代码行长度
+
+- 代码行不应过长，以至于需要水平滚动才能阅读。
+- 建议的做法是，将代码行保持在最多 80 个字符长（[交互式示例](https://github.com/mdn/interactive-examples)为 64 个字符）。
+- 为了保证可读性，在自然断点处断开长行，但不要以牺牲最佳实践为代价。
+
+例如，这样并不好：
+
+```js example-bad
+let tommyCat =
+  "Said Tommy the Cat as he reeled back to clear whatever foreign matter may have nestled its way into his mighty throat. Many a fat alley rat had met its demise while staring point blank down the cavernous barrel of this awesome prowling machine.";
+```
+
+这样稍好些，但有些别扭：
+
+```js
+const tommyCat =
+  "Said Tommy the Cat as he reeled back to clear whatever foreign " +
+  "matter may have nestled its way into his mighty throat. Many a fat alley rat " +
+  "had met its demise while staring point blank down the cavernous barrel of " +
+  "this awesome prowling machine.";
+```
+
+更好的是使用模板字面量：
+
+```js example-good
+const tommyCat = `Said Tommy the Cat as he reeled back to clear whatever foreign
+  matter may have nestled its way into his mighty throat. Many a fat alley rat
+  had met its demise while staring point blank down the cavernous barrel of
+  this awesome prowling machine.`;
+```
+
+```js example-good
+if (
+  obj.CONDITION ||
+  obj.OTHER_CONDITION ||
+  obj.SOME_OTHER_CONDITION ||
+  obj.YET_ANOTHER_CONDITION
+) {
+  /* 其他内容 */
+}
+
+const toolkitProfileService = Components.classes[
+  "@mozilla.org/toolkit/profile-service;1"
+].createInstance(Components.interfaces.nsIToolkitProfileService);
+```
+
+### 代码块高度
+
+代码块应该保持在需要的长度，但不能过长。理想情况下，目标为简短内容的可以是 15-25 行左右。如果代码块要长得多，请考虑只显示最有用的片段，并在 GitHub 仓库或 CodePen 上提供完整示例的链接。
+
+#### 行内代码格式化
+
+使用行内代码语法（\`）来标记函数名、变量名和方法名。例如：“`frenchText()` 函数”。
+
+**方法名称应该后跟一对括号**：例如，`doSomethingUseful()`。括号有助于区分方法和其他代码术语。
+
+## 正确渲染指南
+
+应遵循以下准则，以确保你编写的代码示例在 MDN Web 文档上正确显示。你还应该考虑响应式，使编写的代码示例在移动设备上也能正常使用。
+
+### 渲染的代码示例的尺寸
+
+- **将宽度设置为 100%**：MDN Web 文档的主内容窗格在桌面上大约为 700px 宽，因此嵌入的代码示例必须在该宽度下正常显示。
+- **将高度设置为 700px 以下**：我们建议将渲染的代码示例的高度保持在 700px 以下，以便在屏幕上最大限度地提高可读性。
+
+## 渲染的代码示例中的颜色
+
+- 使用关键字表示主要颜色和其他“基本”颜色，例如：
+
+  ```css example-good
+  color: black;
+  color: white;
+  color: red;
+  ```
+
+- 使用 `rgb()` 表示更复杂的颜色（包括半透明颜色）：
+
+  ```css example-good
+  color: rgb(0, 0, 0, 0.5);
+  color: rgb(248, 242, 230);
+  ```
+
+- 对于十六进制颜色，使用短格式：
+
+  ```css example-good
+  color: #058ed9;
+  color: #a39a92c1;
+  color: #ff0;
+  color: #fbfa;
+  ```
+
+  ```css-nolint example-bad
+  color: #ffff00;
+  color: #ffbbffaa;
+  ```
+
+### 将渲染的示例标记为良好或错误
+
+你会注意到，本页面上代表良好实践的代码块的右上角会呈现绿色的勾号，而代表错误实践的代码块则会呈现具有红色圆圈的白色叉号。
+
+你可以在编写代码示例时遵循相同的样式。你不需要在每个地方都使用这种样式，只需要在你想要特别强调代码示例中的良好和错误实践的页面上使用即可。
+
+要获得这种渲染效果，请使用“代码围栏”来标记代码块，后跟语言信息字符串。例如：
+
+```js
+function myFunc() {
+  console.log("你好！");
+}
+```
+
+要将代码块表示为良好或错误示例，请在语言字符串后添加 `example-good` 或 `example-bad`，如下所示：
+
+````md
+```html example-good
+<p></p>
+```
+
+```html example-bad
+<p></p>
+```
+````
+
+这会被渲染为：
+
+```html example-good
+<p class="brush: js example-good"></p>
+```
+
+```html example-bad
+<p class="brush: js example-bad"></p>
+```
diff --git a/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/javascript/index.md b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/javascript/index.md
new file mode 100644
index 00000000000000..097d46038abaa4
--- /dev/null
+++ b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/javascript/index.md
@@ -0,0 +1,873 @@
+---
+title: JavaScript 代码示例编写指南
+slug: MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/JavaScript
+---
+
+{{MDNSidebar}}
+
+以下指南涵盖了如何为 MDN Web Docs 编写 JavaScript 示例代码。本文列出了编写简洁示例的规则，以期这些示例将被尽可能多的人理解。
+
+## JavaScript 代码示例常规指南
+
+本节解释了编写 JavaScript 代码示例时要牢记的一般准则。后面的部分将涵盖更具体的细节。
+
+### 选择格式
+
+关于正确缩进、空格和行的长度方面的观点一直存在争议。对这些主题的讨论会分散创作和维护内容的注意力。
+
+在 MDN Web Docs，我们使用 [Prettier](https://prettier.io/) 作为代码格式化工具以保持代码样式的一致性（同时避免偏离主题的讨论）。你可以查阅我们的[配置文件](https://github.com/mdn/content/blob/main/.prettierrc.json)了解当前规则，并阅读 [Prettier 文档](https://prettier.io/docs/en/index.html)。
+
+Prettier 格式化所有代码并保持风格一致。尽管如此，你还需要遵守一些额外的规则。
+
+### 使用现代 JavaScript 特性
+
+如果新的特性被每个主流的浏览器——Chrome、Edge、Firefox 和 Safari 所支持，你就可以使用它们。
+
+## 数组
+
+### 创建数组
+
+请使用字面量而非构造函数来创建数组。
+
+像这样来创建数组：
+
+```js example-good
+const visitedCities = [];
+```
+
+而不要这样创建数组：
+
+```js example-bad
+const visitedCities = new Array(length);
+```
+
+### 添加元素
+
+向数组添加元素时，请使用 [`push()`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/push) 而非直接赋值。考虑有如下数组：
+
+```js
+const pets = [];
+```
+
+像这样向数组添加元素：
+
+```js example-good
+pets.push("cat");
+```
+
+而不要像这样向数组添加元素：
+
+```js example-bad
+pets[pets.length] = "cat";
+```
+
+## 异步方法
+
+编写异步代码可以提高性能，应尽可能使用。特别是，你可以使用：
+
+- [Promise](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise)
+- [`async`](/zh-CN/docs/Web/JavaScript/Reference/Statements/async_function)/[`await`](/zh-CN/docs/Web/JavaScript/Reference/Operators/await)
+
+当两种语法都可行时，我们倾向于使用更简单的 `async`/`await` 语法。不幸的是，你不能在顶层使用 `await`，除非你在 ECMAScript 模块中。但 Node.js 使用 CommonJS 模块而不是 ES 模块。因此，如果你打算在所有地方使用该示例，请避免顶层的 `await`。
+
+## 注释
+
+注释对于编写良好的代码示例非常重要。它们清楚地阐明了代码的意图，并帮助开发者理解它。因此要特别注意它们。
+
+- 如果代码的目的或逻辑不明显，请添加表明你的意图的注释，就像下面这样：
+
+  ```js example-good
+  let total = 0;
+
+  // 计算数组 arr 的前四个元素的和
+  for (let i = 0; i < 4; i++) {
+    total += arr[i];
+  }
+  ```
+
+  另一方面，请不要用文字重述代码来作为注释：
+
+  ```js example-bad
+  let total = 0;
+
+  // 从 1 到 4 的 for 循环
+  for (let i = 0; i < 4; i++) {
+    // 将值累加到总和（total）
+    total += arr[i];
+  }
+  ```
+
+- 当函数的名称清楚地描述了它们的作用时，不需要再注释。如：
+
+  ```js example-good
+  closeConnection();
+  ```
+
+  不要写像下面这样的注释：
+
+  ```js example-bad
+  closeConnection(); // 关闭连接
+  ```
+
+### 使用单行注释
+
+单行注释用 `//` 标记，与包含在 `/* … */` 之间的块注释相反。
+
+通常情况下，使用单行注释来注释代码。编写者必须用 `//` 标记每一行的注释，这样就更容易直观地注意到注释掉的代码。此外，这种约定允许在调试时使用 `/* … */` 注释掉部分代码。
+
+- 在斜杠和空格之间留一个空格。（英文的）注释以大写字母开头，就像句子一样，但不要在结尾加句号。
+
+  ```js example-good
+  // 这是一个良好的单行注释
+  ```
+
+- 如果一个注释没有在新缩进级别之后开始，请在空行后添加注释。这将创建一个代码块，使得注释与代码的关联更加清晰。此外，将你的注释放在它们所指的代码之前的单独一行上。如下例所示：
+
+  ```js example-good
+  function checkout(goodsPrice, shipmentPrice, taxes) {
+    // 计算总价
+    const total = goodsPrice + shipmentPrice + taxes;
+
+    // 创建一个文档并向其添加一个新的段落
+    const para = document.createElement("p");
+    para.textContent = `总价是 ${total}`;
+    document.body.appendChild(para);
+  }
+  ```
+
+### 打印的输出
+
+- 对于预期在生产环境中运行的代码，你很少会需要对打印语句进行注释。在代码示例中，我们经常使用 `console.log()`、`console.error()` 或类似的函数来输出重要的值。为了帮助读者在不运行代码的情况下理解会发生什么，你可以在打印函数*之后*注释输出的内容。比如：
+
+  ```js example-good
+  function exampleFunc(fruitBasket) {
+    console.log(fruitBasket); // ['香蕉', '芒果', '橙子']
+  }
+  ```
+
+  请不要这样写：
+
+  ```js example-bad
+  function exampleFunc(fruitBasket) {
+    // 输出：['香蕉', '芒果', '橙子']
+    console.log(fruitBasket);
+  }
+  ```
+
+- 如果这样会让行变得太长，请将注释*放在*函数之后，如下所示：
+
+  ```js example-good
+  function exampleFunc(fruitBasket) {
+    console.log(fruitBasket);
+    // ['香蕉', '芒果', '橙子', '苹果', '梨', '榴莲', '柠檬']
+  }
+  ```
+
+### 多行注释
+
+简短的注释通常更好，所以尝试将他们保持在 60–80 个字符的单行中。如果这不可能，请在每行的开头使用 `//`：
+
+```js example-good
+// 这是一个多行注释的示例。
+// 假设下面的函数有一些我想指出的不寻常的局限性。
+// 局限 1
+// 局限 2
+```
+
+请不要使用 `/* … */`：
+
+```js example-bad
+/* 这是一个多行注释的示例。
+  假设下面的函数有一些我想指出的不寻常的局限性。
+  局限 1
+  局限 2 */
+```
+
+## 使用注释来标记省略号
+
+为了保持示例简短，我们需要使用省略号（…）来跳过冗余代码。尽管如此，编写者应该仔细考虑，因为开发者经常复制粘贴示例到他们的代码中，所以我们所有的示例代码都应该是有效的 JavaScript。
+
+在 JavaScript 中，你应该将省略号（`…`）放在注释之中。可能的话，请指出重用此代码片段的人预计会添加什么操作。
+
+对省略号（…）使用注释更加明确，可以防止开发人员复制和粘贴示例代码时出现错误。比如：
+
+```js example-good
+function exampleFunc() {
+  // 在此处添加你的代码
+  // …
+}
+```
+
+请不要像这样这样使用省略号（…）：
+
+```js example-bad
+function exampleFunc() {
+  …
+}
+```
+
+### 注释掉参数
+
+在编写代码时，你通常会省略你不需要的参数。但在某些代码示例中，你想要显式的说明你没有使用某些可能的参数。
+
+为此，请在参数列表中使用 `/* … */`。这是只使用单行注释（`//`）的规则的一个例外。
+
+```js
+array.forEach((value /* , index, array */) => {
+  // …
+});
+```
+
+## 函数
+
+### 函数名称
+
+对于函数名称，请使用以小写字母开头的{{Glossary("camel_case", "小驼峰式")}}命名。酌情使用简洁、可读的和语义化的名称。
+
+以下是函数名称的正确示例：
+
+```js example-good
+function sayHello() {
+  console.log("你好！");
+}
+```
+
+请不要使用像这样的函数名称：
+
+```js example-bad
+function SayHello() {
+  console.log("你好！");
+}
+
+function doIt() {
+  console.log("你好！");
+}
+```
+
+### 函数声明
+
+- 在可能的情况下，请使用函数声明而不是函数表达式来定义函数。
+
+  以下是声明函数的推荐方式：
+
+  ```js example-good
+  function sum(a, b) {
+    return a + b;
+  }
+  ```
+
+  以下不是定义函数的好方法：
+
+  ```js example-bad
+  let sum = function (a, b) {
+    return a + b;
+  };
+  ```
+
+- 当使用匿名函数作为回调（传递给另一个方法调用的函数），如果你不需要访问 `this`，使用箭头函数可以让代码更加简洁明了。
+
+  以下是推荐的方式：
+
+  ```js example-good
+  const array1 = [1, 2, 3, 4];
+  const sum = array1.reduce((a, b) => a + b);
+  ```
+
+  而不是这样：
+
+  ```js example-bad
+  const array1 = [1, 2, 3, 4];
+  const sum = array1.reduce(function (a, b) {
+    return a + b;
+  });
+  ```
+
+- 考虑避免使用箭头函数将函数分配给标识符。尤其是，不要对方法使用箭头函数。使用带有关键字 `function` 的函数声明：
+
+  ```js example-good
+  function x() {
+    // …
+  }
+  ```
+
+  不要这样：
+
+  ```js example-bad
+  const x = () => {
+    // …
+  };
+  ```
+
+- 使用箭头函数时，尽可能使用[隐式返回](/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions#函数体)（也称为*表达式主体*）：
+
+  ```js example-good
+  arr.map((e) => e.id);
+  ```
+
+  而不是：
+
+  ```js example-bad
+  arr.map((e) => {
+    return e.id;
+  });
+  ```
+
+## 循环和条件语句
+
+### 循环初始化
+
+当需要[循环](/zh-CN/docs/Learn/JavaScript/Building_blocks/Looping_code)时，从 [`for(;;)`](/zh-CN/docs/Web/JavaScript/Reference/Statements/for)、[`for...of`](/zh-CN/docs/Web/JavaScript/Reference/Statements/for...of)、[`while`](/zh-CN/docs/Web/JavaScript/Reference/Statements/while) 等中选择合适的。
+
+- 在遍历集合中的所有元素时，避免使用传统的 `for (;;)` 循环；优先使用 `for...of` 或 `forEach()`。请注意，如果你使用的是一个不是 `Array` 的集合，你必须检查 `for...of` 是否真的被支持（它需要变量是可迭代的），或者 `forEach()` 方法是否存在。
+
+  使用 `for...of`：
+
+  ```js example-good
+  const dogs = ["旺财", "来福"];
+  for (const dog of dogs) {
+    console.log(dog);
+  }
+  ```
+
+  或 `forEach()`：
+
+  ```js example-good
+  const dogs = ["旺财", "来福"];
+  dogs.forEach((dog) => {
+    console.log(dog);
+  });
+  ```
+
+  请不要使用 `for (;;)`——你不仅需要添加额外的索引 `i`，你还必须跟踪数组的长度。这对于初学者来说很容易出错。
+
+  ```js example-bad
+  const dogs = ["旺财", "来福"];
+  for (let i = 0; i < dogs.length; i++) {
+    console.log(dogs[i]);
+  }
+  ```
+
+- 确保你正确地定义了初始化器，对 `for...of` 使用 `const` 关键字，或对其他循环使用 `let`。注意不要遗漏。以下是正确的示例：
+
+  ```js example-good
+  const cats = ["汤姆", "胖橘"];
+  for (const cat of cats) {
+    console.log(cat);
+  }
+
+  for (let i = 0; i < 4; i++) {
+    result += arr[i];
+  }
+  ```
+
+  下面的示例没有遵循推荐的初始化准则（它隐式创建了全局变量，并且在严格模式下会失败）：
+
+  ```js example-bad
+  const cats = ["汤姆", "胖橘"];
+  for (i of cats) {
+    console.log(i);
+  }
+  ```
+
+- 但是需要同时范围值和索引时，你可以使用 `.forEach()` 而不是 `for (;;)`。例如：
+
+  ```js example-good
+  const gerbils = ["舒克", "贝塔"];
+  gerbils.forEach((gerbil, i) => {
+    console.log(`沙鼠 ${i} 号：${gerbil}`);
+  });
+  ```
+
+  请不要这样写：
+
+  ```js example-bad
+  const gerbils = ["舒克", "贝塔"];
+  for (let i = 0; i < gerbils.length; i++) {
+    console.log(`沙鼠 ${i} 号：${gerbil}`);
+  }
+  ```
+
+> **警告：** 切勿使用 `for...in` 遍历数组和字符串。
+
+> **备注：** 考虑完全不使用 `for` 循环。如果你正在使用 [`Array`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array)（或者在某些操作中使用 [`String`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String)），请考虑使用更具语义的迭代方法，比如 [`map()`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map)、[`every()`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/every)、[`findIndex()`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex)、[`find()`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/find)、[`includes()`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/includes) 等。
+
+### 控制语句
+
+对于 `if...else` 控制语句，有一个值得注意的情况。如果 `if` 语句以 `return` 结尾，则不要添加 `else` 语句。
+
+在 `if` 语句后继续，例如：
+
+```js example-good
+if (test) {
+  // 如果 test 为真则执行某些操作
+  // …
+  return;
+}
+
+// 如果 test 为假则执行某些操作
+// …
+```
+
+请不要这样写：
+
+```js example-bad
+if (test) {
+  //  如果 test 为真则执行某些操作
+  // …
+  return;
+} else {
+  // 如果 test 为假则执行某些操作
+  // …
+}
+```
+
+### 将大括号与控制流语句和循环一起使用
+
+虽然像 `if`、`for` 和 `while` 的控制流语句不需要在内容中只有一个语句时使用大括号，但你总是应该使用大括号。比如：
+
+```js example-good
+for (const car of storedCars) {
+  car.paint("红色");
+}
+```
+
+不要这样写：
+
+```js example-bad
+for (const car of storedCars) car.paint("红色");
+```
+
+这可以防止忘记在添加更多语句时添加大括号。
+
+### Switch 语句
+
+switch 语句可能有点棘手。
+
+- 不要在 `return` 语句后添加 `break` 语句。相反，请像下面这样编写 `return` 语句：
+
+  ```js example-good
+  switch (species) {
+    case "chicken":
+      return farm.shed;
+    case "horse":
+      return corral.entry;
+    default:
+      return "";
+  }
+  ```
+
+  如果你添加了 `break` 语句，它会是不可达的。不要这样写：
+
+  ```js example-bad
+  switch (species) {
+    case "chicken":
+      return farm.shed;
+      break;
+    case "horse":
+      return corral.entry;
+      break;
+    default:
+      return "";
+  }
+  ```
+
+- 使用 `default` 作为最后一个 case，不要在 `default` 后面添加 `break` 语句。如果你需要做不同的事情，请添加注释来解释为什么。
+
+- 请记住，当你为一个 case 声明一个局部变量时，你需要使用大括号来定义作用域：
+
+  ```js
+  switch (fruits) {
+    case "Orange": {
+      const slice = fruit.slice();
+      eat(slice);
+      break;
+    }
+    case "Apple": {
+      const core = fruit.extractCore();
+      recycle(core);
+      break;
+    }
+  }
+  ```
+
+### 错误处理
+
+- 如果程序的某些状态引发未捕获的错误，它们会停止执行，并可能降低示例的可用性。因此，你应该使用 [`try...catch`](/zh-CN/docs/Web/JavaScript/Reference/Statements/try...catch) 块来捕获错误，如下所示：
+
+  ```js example-good
+  try {
+    console.log(getResult());
+  } catch (e) {
+    console.error(e);
+  }
+  ```
+
+- 在你不需要 `catch` 语句的参数时，请省略它：
+
+  ```js example-good
+  try {
+    console.log(getResult());
+  } catch {
+    console.error("发生了一个错误！");
+  }
+  ```
+
+> **备注：** 请记住，只有*可恢复*的错误才应该被捕获和处理。所有不可恢复的错误都应该被抛出，并在调用栈中逐级向上冒泡。
+
+## 对象
+
+### 对象名称
+
+- 当定义一个类时，使用*大驼峰式*（以大写字母开头）来命名类，使用*小驼峰式*（以小写字母开头）来命名对象属性和方法名。
+
+- 当定义一个对象实例时，使用字面量或构造函数，请使用*小驼峰式*（以小写字母开头）为实例命名。比如：
+
+  ```js example-good
+  const hanSolo = new Person("Han Solo", 25, "he/him");
+
+  const luke = {
+    name: "Luke Skywalker",
+    age: 25,
+    pronouns: "he/him",
+  };
+  ```
+
+### 创建对象
+
+对于创建普通对象（即，当不涉及类时），请使用字面量而非构造函数。
+
+例如，这样做：
+
+```js example-good
+const object = {};
+```
+
+不要像这样创建普通对象：
+
+```js example-bad
+const object = new Object();
+```
+
+#### 对象类
+
+- 使用新的 ES 类语法进行定义，而不是构造函数。
+
+  例如，这是推荐的方式：
+
+  ```js example-good
+  class Person {
+    constructor(name, age, pronouns) {
+      this.name = name;
+      this.age = age;
+      this.pronouns = pronouns;
+    }
+
+    greeting() {
+      console.log(`你好！我是 ${this.name}`);
+    }
+  }
+  ```
+
+- 使用 `extends` 进行继承：
+
+  ```js example-good
+  class Teacher extends Person {
+    // …
+  }
+  ```
+
+### 方法
+
+要定义方法，请使用方法定义语法：
+
+```js example-good
+const obj = {
+  foo() {
+    // …
+  },
+  bar() {
+    // …
+  },
+};
+```
+
+而不是：
+
+```js example-bad
+const obj = {
+  foo: function () {
+    // …
+  },
+  bar: function () {
+    // …
+  },
+};
+```
+
+### 对象属性
+
+- [`Object.prototype.hasOwnProperty()`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty) 方法已被弃用，取而代之的是 [`Object.hasOwn()`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwn)。
+- 在可能的情况下，使用简写来避免属性标识符的重复。比如：
+
+  ```js example-good
+  function createObject(name, age) {
+    return { name, age };
+  }
+  ```
+
+  不要这样写：
+
+  ```js example-bad
+  function createObject(name, age) {
+    return { name: name, age: age };
+  }
+  ```
+
+## 运算符
+
+本节列出了我们对使用哪些运算符以及何时使用的建议。
+
+### 条件运算符
+
+当你想要根据条件将一个字面量存储到变量中时，请使用[条件（三元）运算符](/zh-CN/docs/Web/JavaScript/Reference/Operators/Conditional_operator)而不是 `if...else` 语句。此规则也适用于返回值时。比如：
+
+```js example-good
+const x = condition ? 1 : 2;
+```
+
+而不要这样：
+
+```js example-bad
+let x;
+if (condition) {
+  x = 1;
+} else {
+  x = 2;
+}
+```
+
+条件运算符在创建用来打印新信息的字符串时很有帮助。在这种情况下，使用常规的 `if...else` 语句会导致像打印日志这样的副操作变成长代码块，会混淆示例的重点。
+
+### 严格相等运算符
+
+优先使用[严格相等](/zh-CN/docs/Web/JavaScript/Reference/Operators/Strict_equality)（三等号）和不等运算符，而不是相等运算符（双等号）和不等运算符。
+
+像这样使用严格相等和不等运算符：
+
+```js example-good
+name === "Shilpa";
+age !== 25;
+```
+
+不要像下面这样使用宽松相等和不等运算符：
+
+```js example-bad
+name == "Shilpa";
+age != 25;
+```
+
+如果你需要使用 `==` 或 `!=`，请记住 `== null` 是唯一可接受的情况。由于 TypeScript 在所有其他情况下都会失败，因此我们不希望在示例代码中使用。考虑添加注释来解释你为什么需要它。
+
+### 布尔值测试的简便方式
+
+优先使用简便布尔值测试。例如，使用 `if (x)` 和 `if (!x)`，而不是 `if (x === true)` 和 `if (x === false)`，除非以不同的方式处理不同种类的真值或假值。
+
+## 字符串
+
+字符串字面量可以用单引号包含起来，比如 `'A string'`，也可以用双引号包含起来，比如 `"A string"`。不过，请不要在意需要选择使用哪个，Prettier 会保持一致。
+
+### 模版字面量
+
+要将值插入字符串，请使用[模板字面量](/zh-CN/docs/Web/JavaScript/Reference/Template_literals)。
+
+- 这里是一个推荐的使用模板字面量的例子。它们的使用可以防止大量的空格错误。
+
+  ```js example-good
+  const name = "Shilpa";
+  console.log(`你好！我是 ${name}！`);
+  ```
+
+  请不要像这样串联字符串：
+
+  ```js example-bad
+  const name = "Shilpa";
+  console.log("你好！我是 " + name + "！"); // 你好！我是 Shilpa！
+  ```
+
+- 请不要过度使用模版字面量。如果没有替换的话，请使用普通字符串。
+
+## 变量
+
+### 变量名称
+
+好的变量名对理解代码至关重要。
+
+- 使用简短的标识符，并避免不常用的缩写。好的变量名通常在 3 到 10 个字符之间，但这只是一个提示。例如，`accelerometer` 比为了字符长度而减短的缩写 `acclmtr` 更具描述性。
+- 尝试使用现实世界相关的例子，其中每个变量都有清晰的语义。只有在示例简单且随意时才使用占位名称，比如 `foo` 和 `bar`。
+- 不要使用[匈牙利命名法](https://zh.wikipedia.org/wiki/匈牙利命名法)命名约定。不要在变量名前面加上类型。比如，不要写成 `bBought = oCar.sBuyer != null` 或 `sName = "John Doe"`，而是写成 `bought = car.buyer !== null` 或 `sName = "John Doe"`。
+- 对于集合，避免在命名中添加例如列表、数组、队列这样的类型名称。使用复数形式的内容名称。例如，对于汽车数组，使用 `cars` 而不是 `carArray` 或 `carList`。有时会有例外，比如你想在没有特定应用程序的上下文中展示一个特性的抽象形式。
+- 对于原始值，使用*小驼峰命名法*，以小写字母开头。不要使用 `_`。在适当的情况下，使用简洁、可读性好且语义化的名称。比如，使用 `currencyName` 而不是 `currency_name`。
+- 避免使用冠词和所有格，例如，使用 `car` 而不是 `myCar` 或 `aCar`。有时会有例外，比如你想在没有特定应用程序的上下文中展示一个特性的抽象形式。
+- 使用变量名如下所示：
+
+  ```js example-good
+  const playerScore = 0;
+  const speed = distance / time;
+  ```
+
+  不要像这样命名变量：
+
+  ```js example-bad
+  const thisIsaveryLONGVariableThatRecordsPlayerscore345654 = 0;
+  const s = d / t;
+  ```
+
+> **备注：** 唯一不允许使用可读性好的语义名称的地方是存在非常公认的惯例，例如将 `i` 和 `j` 用于循环迭代器。
+
+### 变量声明
+
+在声明变量和常量时，使用 [`let`](/zh-CN/docs/Web/JavaScript/Reference/Statements/let) 和 [`const`](/zh-CN/docs/Web/JavaScript/Reference/Statements/const) 关键字，而不是 [`var`](/zh-CN/docs/Web/JavaScript/Reference/Statements/var)。下面的例子展示了 MDN Web 文档上推荐的和不推荐的用法：
+
+- 如果一个变量不会被重新赋值，请使用 `const`，如下所示：
+
+  ```js example-good
+  const name = "Shilpa";
+  console.log(name);
+  ```
+
+- 如果你会改变变量的值，请使用 `let`，如下所示：
+
+  ```js example-good
+  let age = 40;
+  age++;
+  console.log("生日快乐！");
+  ```
+
+- 下面的示例在应该使用 `const` 的地方使用了 `let`，代码仍然可以运行，但我们希望在 MDN Web 文档代码示例中避免这种用法。
+
+  ```js example-bad
+  let name = "Shilpa";
+  console.log(name);
+  ```
+
+- 下面的示例使用 `const` 声明了一个变量，该变量会被重新赋值。重新赋值会抛出一个错误。
+
+  ```js example-bad
+  const age = 40;
+  age++;
+  console.log("生日快乐！");
+  ```
+
+- 下面的示例使用了 `var`，这会污染全局作用域：
+
+  ```js example-bad
+  var age = 40;
+  var name = "Shilpa";
+  ```
+
+- 一行声明一个变量，如下所示：
+
+  ```js example-good
+  let var1;
+  let var2;
+  let var3 = "张三";
+  let var4 = var3;
+  ```
+
+  不要在一行中通过逗号或链式声明来声明多个变量。避免像这样声明变量：
+
+  ```js-nolint example-bad
+  let var1, var2;
+  let var3 = var4 = "张三"; // var4 被隐式创建为全局变量；这在严格模式下会失败
+  ```
+
+### 强制类型转换
+
+避免隐式强制类型转换。特别是，避免 `+val` 以强制将值转换未为数字，以及 `"" + val` 来将其强制转换为字符串。改为在不使用 `new` 的情况下使用 `Number()` 和 `String()`。例如：
+
+```js example-good
+class Person {
+  #name;
+  #birthYear;
+
+  constructor(name, year) {
+    this.#name = String(name);
+    this.#birthYear = Number(year);
+  }
+}
+```
+
+不要这样写：
+
+```js example-bad
+class Person {
+  #name;
+  #birthYear;
+
+  constructor(name, year) {
+    this.#name = "" + name;
+    this.#birthYear = +year;
+  }
+}
+```
+
+## 要避免的 Web API
+
+除了这些 JavaScript 语言特性之外，我们还建议你牢记一些与 Web API 相关的准则。
+
+### 避免浏览器前缀
+
+如果所有主流浏览器（Chrome、Edge、Firefox 和 Safari）都支持某个特性，请不要在该特性前面加上前缀。比如：
+
+```js example-good
+const context = new AudioContext();
+```
+
+避免增加前缀的复杂性，不要这样写：
+
+```js example-bad
+const AudioContext = window.AudioContext || window.webkitAudioContext;
+const context = new AudioContext();
+```
+
+同样的规则也适用于 CSS 前缀。
+
+### 避免已弃用的 API
+
+当一个方法、属性或一整个接口都已经弃用，不要使用它（除了它的文档）。相反，使用现代的 API。
+
+以下是要避免的 Web API 以及用什么来替换它们的非详尽列表：
+
+- 使用 `fetch()` 来替代 XHR（`XMLHttpRequest`）。
+- 在 Web 音频 API 中使用 `AudioWorklet` 来替代 `ScriptProcessorNode`。
+
+### 使用安全可靠的 API
+
+- 请不要使用 {{DOMxRef("Element.innerHTML")}} 将纯文本内容插入到元素中；而是使用 {{DOMxRef("Node.textContent")}} 替代。`innerHTML` 属性可能会导致安全问题，如果开发人员不控制参数。作为编写者，我们越避免使用它，开发者复制和粘贴我们的代码时产生的安全漏洞就越少。
+
+  下面的示例演示了 `textContent` 的用法。
+
+  ```js example-good
+  const text = "父老乡亲们大家好";
+  const para = document.createElement("p");
+  para.textContent = text;
+  ```
+
+  不要使用 `innerHTML` 将*纯文本*插入到 DOM 节点中。
+
+  ```js example-bad
+  const text = "父老乡亲们大家好";
+  const para = document.createElement("p");
+  para.innerHTML = text;
+  ```
+
+- `alert()` 函数是不可靠的。在 MDN Web 文档，它在嵌入到 {{HTMLElement("iframe")}} 中的实时示例内无法正常工作。此外，它是对整个窗口的模态提示，这很令人讨厌。在静态代码示例中，使用 `console.log()` 或 `console.error()`。在[实时示例](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Live_samples)中，避免使用 `console.log()` 和 `console.error()`，因为它们不会显示。而是使用专用的 UI 元素。
+
+### 使用合适的打印方法
+
+- 当打印一个消息时，使用 `console.log()`。
+- 当打印一个错误时，使用 `console.error()`。
+
+## 参见
+
+[JavaScript 参考](/zh-CN/docs/Web/JavaScript/Reference)——浏览我们的 JavaScript 参考页面，查看一些优秀、简洁、有意义的 JavaScript 代码片段。
diff --git a/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/shell/index.md b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/shell/index.md
new file mode 100644
index 00000000000000..b87848d4013053
--- /dev/null
+++ b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/shell/index.md
@@ -0,0 +1,44 @@
+---
+title: shell 提示符代码示例编写指南
+slug: MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/Shell
+l10n:
+  sourceCommit: 9e804ddae5a375983996218409b80f6bfd71eb82
+---
+
+{{MDNSidebar}}
+
+下面的指南涵盖了如何为 MDN Web 文档编写 shell 提示符示例代码。
+
+## 什么是“shell”
+
+shell 是一个等待你输入命令然后按回车键的程序。为了指明你应该输入哪些命令，MDN Web 文档上的内容会在代码块中列出这些命令，类似于代码示例。
+
+这样的一块内容类似如下：
+
+```bash example-good
+# 这可能需要运行一段时间...
+git clone https://github.com/mdn/content
+cd content
+```
+
+## shell 提示符代码示例常规指南
+
+### 格式的选择
+
+关于正确缩进、空格和行长度的意见一直存在争议。对这些主题的讨论会分散注意力，从而影响内容的创建和维护。
+
+在 MDN Web 文档中，我们使用 [Prettier](https://prettier.io/) 作为代码格式化工具，以保持代码风格的一致性（并避免偏离主题讨论）。你可以参考我们的[配置文件](https://github.com/mdn/content/blob/main/.prettierrc.json)来了解当前的规则，并阅读 [Prettier 的文档](https://prettier.io/docs/en/index.html)。
+
+Prettier 格式化所有代码并保持风格一致。尽管如此，你仍需要遵循一些额外的规则。
+
+### 撰写 shell 代码块
+
+当撰写 shell 代码块时：
+
+- 不要在 shell 指令的开头包含 `$` 或 `>`。这只会造成混淆，在复制指令时并无用处。
+- 注释以 `#` 开头。
+- 在 markdown 中，选择“bash”来代表本段代码的语言。
+
+## 参见
+
+[Django 服务端开发文档](/zh-CN/docs/Learn/Server-side/Django)展示了 shell 提示符命令的良好演示方式。
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md b/files/zh-cn/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md
index c1a375c9e4ce37..7abd851483bb63 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md
+++ b/files/zh-cn/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md
@@ -47,7 +47,7 @@ slug: Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension
 
 与此同时，你也可以先引入一个后台页面，再在后台页面中引入脚本。这样做能为后台脚本添加 ES 6 模块支持，算是一个优势。
 
-**manifest.json**
+manifest.json 的内容如下：
 
 ```json
 // manifest.json
@@ -57,7 +57,7 @@ slug: Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension
 }
 ```
 
-**background-page.html**
+background-page.html 的内容如下：
 
 ```html
 <!doctype html>
@@ -83,7 +83,7 @@ slug: Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension
 
 #### 跨域访问
 
-后台脚本可以向任何拥有[主机权限](/zh-CN/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions#%E4%B8%BB%E6%9C%BA%E6%9D%83%E9%99%90)的主机发送 XHR 请求。
+后台脚本可以向任何拥有[主机权限](/zh-CN/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions#主机权限)的主机发送 XHR 请求。
 
 #### 网页内容
 
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/platformos/index.md b/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
index f3858298b6c8d8..16b2dc5e4a6449 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
+++ b/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
@@ -18,7 +18,7 @@ slug: Mozilla/Add-ons/WebExtensions/API/runtime/PlatformOs
 - `"android"`
   - : 表示底层操作系统是 Android.
 - `"cros"`
-  - : 表示底层操作系统是 Chrome OS.
+  - : 表示底层操作系统是 ChromeOS.
 - `"linux"`
   - : 表示底层操作系统是 Linux.
 - `"openbsd"`
diff --git a/files/zh-cn/mozilla/firefox/index.md b/files/zh-cn/mozilla/firefox/index.md
index 389667a7a8fba7..4166396fa8efca 100644
--- a/files/zh-cn/mozilla/firefox/index.md
+++ b/files/zh-cn/mozilla/firefox/index.md
@@ -1,58 +1,60 @@
 ---
 title: Firefox
 slug: Mozilla/Firefox
+l10n:
+  sourceCommit: 8099d0d958b098c10cd4152c29922b6855ad601c
 ---
 
 {{FirefoxSidebar}}
 
-[Firefox](https://www.mozilla.org/firefox/all/)（非正式中文名称“火狐”）是 Mozilla 出品的网页浏览器，可用于 Windows、Mac OS X、Linux 等桌面操作系统，也可以用于 Android 和 iOS 移动操作系统。得益于对最新的网络标准的广泛兼容和强有力的开发工具，Firefox 对终端用户和开发者而言都是优秀的浏览器。
+[Firefox](https://www.mozilla.org/firefox/)（非正式中文名称“火狐”）是 Mozilla 的流行 Web 浏览器，适用于多种平台，包括 Windows、MacOS、Linux 等桌面版，以及所有的 Android 和 iOS 移动设备。得益于对最新的 Web 标准的广泛兼容性和强有力的开发工具，Firefox 是 Web 开发者和终端用户的绝佳选择。
 
-Firefox 是一个开源项目，许多代码都是由志愿者社群提供的。在此你将了解如何为 Firefox 项目做贡献，你也可以找到关于制作附加组件、使用 Firefox 开发者工具等内容。
+Firefox 是一个开源项目，许多代码都是由庞大的志愿者社区贡献的。在此你可以了解如何为 Firefox 项目做贡献，你也可以找到关于构建 Firefox 附加组件、使用 Firefox 开发者工具以及其他主题的信息的链接。
 
-了解如何为 [Firefox](https://www.mozilla.org/firefox/) 添加附加组件，如何开发和构建 Firefox 自身，以及了解 Firefox 和其他子项目如何运作。
+了解如何为 [Firefox](https://www.mozilla.org/firefox/) 创建附加组件、如何开发和构建 Firefox 本身，并了解 Firefox 的内部以及其他子项目如何运作。
 
 ## 主要资源
 
 - Firefox 开发者指南
-  - : 我们的[开发者指南](https://firefox-source-docs.mozilla.org/contributing/index.html)提供了关于获取 Firefox 源代码，在 Linux、macOS 和 Windows 中构建源代码，在代码中找到方向，以及为项目作贡献的详细说明。
-- Firefox 插件指引
-  - : [附件组件指南](/zh-CN/docs/Mozilla/Add-ons)提供了开发和部署 Firefox 附加组件的指引。
+  - : 我们的[开发者指南](https://firefox-source-docs.mozilla.org/contributing/index.html)提供了关于获取 Firefox 源代码，在 Linux、macOS 和 Windows 上构建源代码，如何找到解决方法，以及如何为项目做贡献的详细说明。
+- Firefox 附加组件指南
+  - : [附件组件指南](/zh-CN/docs/Mozilla/Add-ons)提供了开发和部署 Firefox 扩展的信息。
 - 面向开发者的发布说明
-  - : 在[面向开发者的发布说明](/zh-CN/docs/Mozilla/Firefox/Releases)中了解每一个 Firefox 新版本为网站开发者与拓展开发者带来的新功能。
+  - : 在[面向开发者的发布说明](/zh-CN/docs/Mozilla/Firefox/Releases)中了解每一个 Firefox 版本为网站与附加组件开发者带来的新功能。
 
-## Firefox 发布频道
+## Firefox 更新通道
 
-Firefox 通过 5 个**发布频道**进行发布。
+Firefox 通过 5 个**更新通道**进行发布。
 
 ### Firefox Nightly
 
-每天晚上，我们都使用 [mozilla-central](https://hg.mozilla.org/mozilla-central/) 代码库中的最新代码构建版本。这些版本适用于开发者或想要尝试最新的、处于活跃开发中的特性的使用者。
+每天晚上，我们都使用 [mozilla-central](https://hg.mozilla.org/mozilla-central/) 中的最新代码构建 Firefox。这些版本适用于开发者或想要尝试最新的、处于活跃开发中的特性的使用者。
 
-[下载 Firefox Nightly](https://www.mozilla.org/zh-CN/firefox/channel/desktop/)
+[下载 Firefox Nightly](https://www.mozilla.org/firefox/channel/desktop/#nightly)
 
-### Firefox 开发者版本
+### Firefox 开发者版
 
-这是一个为开发者量身定做的 Firefox 版本。Firefox 浏览器开发者版拥有所有已经达到测试版的最新开发者工具。我们还为开发者添加了一些额外的功能，这些功能只在这个频道中提供。它使用自己的路径和配置文件，因此你可以与发布版或测试版 Firefox 一起运行。
+这是一个为开发者量身定做的 Firefox 版本。Firefox 开发者版拥有所有已经达到测试版（beta）的最新的开发者工具。我们还为开发者添加了一些额外的、仅在这个更新通道提供的特性。它使用自己的路径和配置文件，因此它可以与标准版或 Beta 版 Firefox 一起运行。
 
-[下载 Firefox 开发者版本](https://www.mozilla.org/zh-CN/firefox/developer/)
+[下载 Firefox 开发者版](https://www.mozilla.org/firefox/developer/)
 
 ### Firefox Beta
 
-每隔四个星期，我们就会将足够稳定的功能，制作一个新的 Firefox Beta 版本。Firefox Beta 版是为 Firefox 爱好者提供的，用于测试注定会成为下一个发布的 Firefox 版本的内容。
+每隔四个星期，我们就会选取足够稳定的特性，创建一个新的 Firefox Beta 版本。Firefox Beta 版是为 Firefox 爱好者提供的，用于测试注定会成为下一个 Firefox 标准版本的内容。
 
-[下载 Firefox Beta](https://www.mozilla.org/zh-CN/firefox/channel/desktop/#beta)
+[下载 Firefox Beta](https://www.mozilla.org/firefox/channel/#beta)
 
 ### Firefox
 
-当在 Beta 频道中稳定四周之后，我们便发布新版本 Firefox，将新特性推送至数亿用户。
+当在 Beta 频道中稳定四周之后，我们便发布 Firefox 的新版本，将新特性推送至数亿用户。
 
-[下载 Firefox](https://www.mozilla.org/zh-CN/firefox/channel/desktop/#firefox)
+[下载 Firefox](https://www.mozilla.org/firefox/new/)
 
-### Firefox 延长支持版 (ESR)
+### Firefox 延长支持版（ESR）
 
-Firefox ESR 是在较长周期提供支持的桌面版本 Firefox，适用于学校、大学、商业机构等组织以及需要延长支持用以进行大规模部署的用户。
+Firefox 延长支持版是在较长周期提供支持的桌面版 Firefox，适用于学校、大学、商业机构等组织以及需要延长支持用以进行大规模部署的用户。
 
-[下载 Firefox ESR](https://www.mozilla.org/zh-CN/firefox/all/#product-desktop-esr)
+[下载 Firefox 延长支持版](https://www.mozilla.org/firefox/all/#product-desktop-esr)
 
 ## 内容
 
diff --git a/files/zh-cn/mozilla/firefox/releases/59/index.md b/files/zh-cn/mozilla/firefox/releases/59/index.md
index 32f1b0ab41e4e3..850aa0b1e38e62 100644
--- a/files/zh-cn/mozilla/firefox/releases/59/index.md
+++ b/files/zh-cn/mozilla/firefox/releases/59/index.md
@@ -90,13 +90,13 @@ _无变化。_
 
 ### SVG
 
-_无变化_
+_无变化。_
 
 ## Mozilla 和附加组件开发者应该注意的变化
 
 ### WebExtensions
 
-_无变化_
+_无变化。_
 
 ## 参见
 
diff --git a/files/zh-cn/web/accessibility/keyboard-navigable_javascript_widgets/index.md b/files/zh-cn/web/accessibility/keyboard-navigable_javascript_widgets/index.md
index 9ce6b9a263a0b5..59626f45c860e2 100644
--- a/files/zh-cn/web/accessibility/keyboard-navigable_javascript_widgets/index.md
+++ b/files/zh-cn/web/accessibility/keyboard-navigable_javascript_widgets/index.md
@@ -1,105 +1,76 @@
 ---
-title: 键盘导航的 JavaScript 组件
+title: 键盘导航的 JavaScript 微件
 slug: Web/Accessibility/Keyboard-navigable_JavaScript_widgets
+l10n:
+  sourceCommit: 02e06e701230eb5c67caa00fc8d09604a07d5734
 ---
 
 <section id="Quick_links">
   {{ListSubpagesForSidebar("Web/Accessibility", 1)}}
 </section>
 
-### 概况
+网页应用经常使用 JavaScript 来模拟桌面组件，比如菜单、树状视图、富文本以及标签面板等。网页中这些微件通常是由 {{ HTMLElement("div") }} 和 {{ HTMLElement("span") }} 等元素组合而成，并不是原生的，也不会提供对应的桌面组件所拥有的键盘功能。本文档主要描述能让 JavaScript 微件使用键盘访问的技术。
 
-网页应用经常使用 JavaScript 来模拟桌面组件，比如菜单、树状视图、富文本以及标签面板等。网页中这些组件通常是由 {{ HTMLElement("div") }}和 {{ HTMLElement("span") }} 等元素组合而成，并不是原生的，也不会提供对应的桌面组件所拥有的键盘功能。本文档主要描述能让 JavaScript 组件通过键盘 access 的技术。
+## 利用 tabindex
 
-### 利用 tabindex
+默认情况下，当人们使用 tab 键浏览网页时，只有交互式元素（如链接、表单控件）才会被聚焦。通过 `tabindex` [全局属性](/zh-CN/docs/Web/HTML/Global_attributes)，作者也可以使其他元素成为焦点。当设置为 `0` 时，元素可通过键盘和脚本聚焦。当设置为 `-1` 时，元素可被脚本聚焦，但不会成为键盘聚焦顺序的一部分。
 
-最初 tabindex 出现是做为 HTML4 的一部分，提供一种手段让开发人员定义元素的顺序，可以让用户通过键盘按此顺序来获取焦点。最新在 HTML5 草案里面针对 tabindex 的具体行为表现做了改动。所有主流浏览器都已经实现了这个修改后的设计。
+使用键盘时，元素获得焦点的顺序默认为源顺序。在特殊情况下，作者可能希望重新定义顺序。为此，作者可以将 `tabindex` 设置为任意正数。
 
-下面表格阐述在主流浏览器里面 `tabindex` 的表现：
+> **警告：** 避免为 `tabindex` 使用正值。具有正 `tabindex` 值的元素会被放在页面上默认的交互式元素之前，这意味着页面作者在使用一个或多个 `tabindex` 正值时，必须为页面上所有可聚焦元素设置（并维护）`tabindex` 值。
 
-<table class="fullwidth-table">
+下面表格阐述主流浏览器中 `tabindex` 的行为：
+
+<table>
   <tbody>
     <tr>
       <th><code>tabindex</code> 属性</th>
       <th>
-        可用鼠标或者 用 JavaScript 语句 <code>element.focus() 获取焦点</code>
+        可用鼠标或 JavaScript 语句 <code>element.focus()</code> 获取焦点
       </th>
       <th>可使用 Tab 键导航获取焦点</th>
     </tr>
     <tr>
+      <td>不存在</td>
       <td>
-        <p>not present</p>
-        <p>（未设置）</p>
-      </td>
-      <td>
-        遵循所在平台针对此元素的默认行为 (yes for form controls, links, etc.).
+        遵循所在平台针对此元素的默认行为（表单控件、链接等）
       </td>
       <td>遵循所在平台针对此元素的默认行为</td>
     </tr>
     <tr>
-      <td>Negative (i.e. <code>tabindex="-1"</code>)</td>
-      <td>Yes</td>
+      <td>负值（也就是说，<code>tabindex="-1"</code>）</td>
+      <td>是</td>
       <td>
-        No; 必须通过
-        <a href="/zh-CN/docs/Web/API/HTMLElement/focus"><code>focus()</code></a>
+        否；作者必须使用 <a href="/zh-CN/docs/Web/API/HTMLElement/focus"><code>focus()</code></a>
         来聚焦该元素。可以在方向键或者其他键的响应里面做。
       </td>
     </tr>
     <tr>
-      <td>Zero (i.e. <code>tabindex="0"</code>)</td>
-      <td>Yes</td>
-      <td>tab 顺序对应于该元素在文档中的位置</td>
+      <td>零（也就是说，<code>tabindex="0"</code>）</td>
+      <td>是</td>
+      <td>相对于元素在文档中的位置，以 tab 顺序排列（请注意，交互式元素如 {{HTMLElement('a')}} 默认具有这种行为，它们不需要该属性）。</td>
     </tr>
     <tr>
-      <td>Positive (e.g. <code>tabindex="33"</code>)</td>
-      <td>Yes</td>
+      <td>正值（如 <code>tabindex="33"</code>）</td>
+      <td>是</td>
       <td>
-        <code>tabindex</code> 值决定了元素的 tab 顺序：通常这些带有正数值的
-        tabindex 元素会排在 tabindex="0"和原生可以 tabable
-        的元素前面；特别指出的是值越小越排在前面（举个例子，<code
-          >tabindex="7"</code
-        >
-        会排在<code>tabindex="11"前面</code>)
+        <code>tabindex</code> 值决定了该元素在制表符顺序中的位置：值越小，元素在制表符顺序中的位置就越靠前（例如，<code>tabindex="7"</code> 将位于 <code>tabindex="11"</code> 之前）。
       </td>
     </tr>
   </tbody>
 </table>
 
-#### 简单控件 Simple Controls
-
-可以在 {{ HTMLElement("div") }} or {{ HTMLElement("span") }} 元素上设置 tabindex="0" 使得此简单控件变得可 tab 导航。这里有个 span-based checkbox 使用这个方法的例子。
+### 非原生控件
 
-_Example 1: A simple image-based checkbox widget using tabindex to allow keyboard access_
-
-```html
-<!-- 没有 tabindex 属性的话，这些 <span> 元素不会被键盘 focus 中 -->
-<div>
-  <span role="checkbox" aria-checked="true" tabindex="0">
-    <img src="checked.gif" role="presentation" alt="" />
-    Include decorative fruit basket
-  </span>
-</div>
-<div>
-  <span role="checkbox" aria-checked="true" tabindex="0">
-    <img src="checked.gif" role="presentation" alt="" />
-    Include singing telegram
-  </span>
-</div>
-<div>
-  <span role="checkbox" aria-checked="false" tabindex="0">
-    <img src="unchecked.gif" role="presentation" alt="" />
-    Require payment before delivery
-  </span>
-</div>
-```
+具有交互功能的原生 HTML 元素，如 {{ HTMLElement("a") }}、{{ HTMLElement("input") }} 和 {{ HTMLElement("select") }}，已经可以被键盘访问，因此使用其中之一是让组件与键盘配合使用的最快途径。
 
-#### 组合控件 Grouping controls
+作者还可以为 {{ HTMLElement("div") }} 或 {{ HTMLElement("span") }} 添加为 `0` 的 `tabindex` 值，使其可以通过键盘访问。这对于使用 HTML 中不存在的交互式元素的组件尤其有用。
 
-针对像菜单、标签面板、树等这些组合控件，父元素应该在 tab 序列里面 (tabindex="0") 而每个后代选择/标签/单元/行应该从 tab 序列里面移除 (tabindex="-1")。用户应该可通过方向键来操控这些后代元素。(关于组件一般预期的键盘支持，可以查看 [DHTML Style Guide](http://access.aol.com/dhtml-style-guide-working-group/).)
+### 组合控件
 
-下面这个组合菜单的例子展示了这种技术的使用。一旦键盘 focus 中容器 ul 元素，Javascript 开发人员需要在键盘事件里针对方向键的响应里管理里面元素的 focus 顺序。在组件里管理 focus 的办法，看下面这个 "在组合控件里管理 focus " 例子。
+对于菜单、选项卡列表、网格或树状视图等组合微件，父元素应处于选项卡顺序中（`tabindex="0"`），而每个子选项/选项卡/单元格/行都应从选项卡顺序中移除（`tabindex="-1"`）。用户应能使用箭头键浏览后代元素。（有关典型窗口微件通常需要的键盘支持的完整描述，请参阅 [WAI-ARIA 创作实践](https://www.w3.org/WAI/ARIA/apg/)）。
 
-_范例 2: 一个使用 tabindex 控制键盘 access 的菜单控件_
+下面的示例展示了这种技术在嵌套菜单控件中的应用。一旦键盘焦点落在包含 {{ HTMLElement("ul") }} 的元素上，JavaScript 开发人员就必须以编程方式管理焦点并响应箭头键。有关在微件内管理焦点的技术，请参阅下面的“在组内管理焦点”。
 
 ```html
 <ul id="mb1" tabindex="0">
@@ -122,7 +93,7 @@ _范例 2: 一个使用 tabindex 控制键盘 access 的菜单控件_
   </li>
   <li id="mb1_menu3" tabindex="-1">
     Justification
-    <ul id="justificationMenu" title="Justication" tabindex="-1">
+    <ul id="justificationMenu" title="Justification" tabindex="-1">
       <li id="left" tabindex="-1">Left</li>
       <li id="center" tabindex="-1">Centered</li>
       <li id="right" tabindex="-1">Right</li>
@@ -132,92 +103,77 @@ _范例 2: 一个使用 tabindex 控制键盘 access 的菜单控件_
 </ul>
 ```
 
-#### 失效控件
+#### 被禁用的控件
 
-当一个自定义控件变成失效（disabled）状态时，通过设置 tabindex="-1" 把它从 tab 序列里面移除。注意在一个组合组件里面失效状态的子项（比如菜单控件里面某一个菜单项）应该在方向键的响应事件里面跳过它不让 focus 中。
+当一个自定义控件变成禁用（disabled）状态时，通过设置 `tabindex="-1"` 把它从 tab 序列里面移除。请注意，组合微件中禁用的项目（如菜单中的菜单项）仍可使用箭头键导航。
 
-### 在组合控件里面管理 focus
+## 在组合控件里面管理焦点
 
-当用户从一个组件 tab 离开之后 focus 回来，焦点应该回到离开之时正被 focus 中的元素上，比如某个树节点或者网格单元。有两种办法完成这一点：
+当用户从一个微件 tab 离开之后聚焦回来，焦点应该回到离开之时正被聚焦的元素上，比如某个树节点或者网格单元。有两种办法完成这一点：
 
-1. 流动 `tabindex`: 通过编程移动 focus
-2. `aria-activedescendent`: 管理一个“虚拟”focus
+1. 流动 `tabindex`: 通过编程移动焦点
+2. `aria-activedescendent`: 管理一个“虚拟”焦点
 
-#### 方法 1: 流动 tabindex
+### 方法 1：流动 tabindex
 
-在被 focus 中元素上设置 `tabindex` 为 "0"，这样可以保证在用户在 tab 离开又返回后仍然选中组合组件中之前被选中的那项。注意在更改 tabindex 为“0”同时需要把之前选中过的那项设置`tabindex="-1"`。这个方法包含在键盘事件里面通过程序移动焦点以及更改 `tabindex` 到当前焦点中的那项上。需要做以下几步：
+在被聚焦的元素上设置 `tabindex` 为“0”，这样可以保证在用户在 tab 离开又返回后仍然选中组合微件中之前被选中的那项。注意在更改 `tabindex` 为“0”同时需要把之前选中过的那项设置 `tabindex="-1"`。这个方法包含在键盘事件里面通过程序移动焦点以及更改 `tabindex` 到当前焦点中的那项上。需要做以下几步：
 
 在每个元素上绑定 key down 事件，当捕捉到控制移动到另外元素的方向键时：
 
 1. 通过编码把 focus 应用到新元素上，
-2. 更改被 focus 中元素上的 tabindex 为“0”
-3. 更改之前被 focus 中元素的 tabindex 为“-1”.
+2. 更改被 focus 中元素上的 tabindex 为“0”，并且
+3. 更改之前被 focus 中元素的 tabindex 为“-1”。
 
-这里有个 WAI-ARIA tree view 的例子是使用这种方案的。
+下面是一个使用这种技术的 [WAI-ARIA 树视图](https://files.paciellogroup.com/training/WWW2012/samples/Samples/aria/tree/index.html)示例。
 
 ### 提示
 
-#### 用 element.focus() 来设置焦点 focus
+#### 用 element.focus() 来设置焦点
 
-不要使用 `createEvent()`, `initEvent()` 和 `dispatchEvent()` 来发送焦点事件到元素上。DOM 的 focus 事件被认为仅是一种信息：当有事物被 focus 中的时候系统自动产生的，但是实际上没有用来设置焦点。用 `element.focus()` 来替代。
+不要使用 `createEvent()`、`initEvent()` 和 `dispatchEvent()` 来将焦点事件发送到元素上。DOM 焦点事件仅被视为信息性事件：由系统在某物被聚焦后生成，但实际上并不用于设置焦点。请使用 `element.focus()` 代替。
 
-#### 用 onfocus 来追踪当前 focus
+#### 用 onfocus 来追踪当前焦点
 
-不要认为所有的焦点变化都来自于键盘和鼠标事件：像屏幕阅读器之类的辅助技术可以设置焦点到任意一个可 focus 中的元素上。用 onfocus 和 onblur 来追踪焦点。
+不要认为所有的焦点变化都来自于键盘和鼠标事件：像屏幕阅读器之类的辅助技术可以设置焦点到任意一个可聚焦元素上。用 `onfocus` 和 `onblur` 来追踪焦点。
 
-`onfocus` 和 `onblur` 现在可以在每个元素上使用。没有标准的 DOM 接口来获取当前文档的 focus，所以如果你想追踪就需要保存追踪数据在 JavaScript 变量里。
+`onfocus` 和 `onblur` 现在可以在每个元素上使用。没有标准的 DOM 接口来获取当前文档的焦点，如果要跟踪焦点状态，可以使用 [document.activeElement](/zh-CN/docs/Web/API/Document/activeElement) 来获取活动元素。还可以使用 [document.hasFocus](/zh-CN/docs/Web/API/Document/hasFocus) 来确定当前文档是否处于焦点状态。
 
-#### 方法 2: aria-activedescendant
+### 方法 2：`aria-activedescendant`
 
-这个办法包含绑定一个单独的事件句柄到容器窗口组件上，运用 `aria-activedescendent` 属性来追踪一个 "虚拟" 焦点。（关于 ARIA 更多的信息，查看[可访问的 Web 应用程序和组件概述](/zh-CN/docs/Web/Accessibility/An_overview_of_accessible_web_applications_and_widgets)。）
+这个办法包含绑定一个单独的事件句柄到容器窗口微件上，运用 `aria-activedescendent` 属性来追踪一个“虚拟”焦点。（关于 ARIA 更多的信息，查看[无障碍的 Web 应用程序和微件概述](/zh-CN/docs/Web/Accessibility/An_overview_of_accessible_web_applications_and_widgets)。）
 
-`aria-activedescendant` 属性用来标识拥有虚拟焦点的后代元素的 ID。在窗口容器的事件句柄里面在键盘和鼠标事件响应更新 aria-activedescendant 值并且确保当前 The event handler on the container must respond to key and mouse events by updating the value of `aria-activedescendant` and ensuring that the current item is styled appropriately (for example, with a border or background color).
+`aria-activedescendant` 属性标识当前具有虚拟焦点的后代元素的 ID。容器上的事件处理程序必须通过更新 `aria-activedescendant` 属性的值来响应按键和鼠标事件，并确保当前项目的样式适当（例如，使用边框或背景色）。
 
-### Tips
+## 一般准则
 
-#### scrollIntoView
-
-Note that the use of this pattern requires the author to ensure that the current _focused_ widget is scrolled into view. You should be able to use the {{ domxref("element.scrollIntoView()") }} function, but we recommend confirming this works for you in your target browsers using the [quirksmode test](http://www.quirksmode.org/dom/tests/scrollintoview.html).
-
-#### Issues
-
-- [quirksmode reports problems in Opera, and Konqueror](http://www.quirksmode.org/dom/w3c_cssom.html)
-- [Firefox 3.0.1 introduced bug](https://bugzilla.mozilla.org/show_bug.cgi?id=450405)
-
-### 一般准则
-
-#### 使用 onkeydown 来捕获的关键事件，而不是 onkeypress 事件
+### 使用 onkeydown 来捕获键盘事件，而不是 onkeypress 事件
 
 IE 不会触发非字母数字键的 `keypress` 事件。使用 `onkeydown` 替代。
 
-#### 确保键盘和鼠标有相同的体验
+### 确保键盘和鼠标有相同的体验
 
 为了确保不同输入设备的用户体验一致，键盘和鼠标事件处理程序在适当的情况下应该共享代码。例如，当用户使用方向键导航的时候，一些代码会更新相应元素的 `tabindex` 或风格，用鼠标点击也应该有同样的变化。
 
-#### 确保键盘可以激活元素
-
-要确保键盘可以激活元素，所有鼠标事件的绑定也同时要绑定到键盘事件上。例如，为了确保回车键能激活某个元素，如果你使用了 `onclick="DoSomething()"，` 你需要把 `doSomething()` 绑定到 key down 事件上：`onkeydown="return event.keyCode != 13 || doSomething();"`.
-
-#### 不要使用 :focus 来设置焦点的样式（如果要兼容 IE7 及更早版本）
+### 确保键盘可以激活元素
 
-IE 7 及更早版本不支持 `:focus` 伪选择器，不要用它来设置焦点的样式。替代方法是在 `onfocus`事件处理程序中设置样式，例如，添加一个 CSS 样式到 `class` 属性中。
+为确保键盘可用于激活元素，与鼠标事件绑定的处理程序也应与键盘事件绑定。例如，为确保 Enter 键能激活元素，如果有一个 `onclick="doSomething()"`，则应将 `doSomething()` 也绑定到按键事件： `onkeydown="return event.keyCode !== 13 || doSomething();"`。
 
-#### 始终用程序为 tabindex="-1" 的项和元素设置焦点样式
+### 始终用程序为 tabindex="-1" 的项和元素设置焦点样式
 
-IE 不会自动为`tabindex="-1"`的元素绘制聚焦框。可以选择一种方法解决，比如通过 `this.style.backgroundColor="gray"` 改变选中项目的背景颜色，或通过 `this.style.border="1px dotted invert"` 添加虚线边框。如果使用虚线边框的，需要确保这些元素有隐含的一象素边框，这样，当聚焦的边框样式应用上去的时候，元素的大小才不会改变（边框会占用空间，而 IE 没有实现 CSS outline）。
+对于以编程方式接收焦点的项目，IE 不会自动绘制焦点轮廓。可以选择通过 `this.style.backgroundColor = "gray";` 更改背景颜色，或通过 `this.style.border = "1px dotted invert"` 添加点状边框。在点状边框的情况下，需要确保这些元素一开始就有一个不可见的 1px 边框，这样在应用边框样式时元素就不会变大（边框会占用空间，而 IE 并没有实现 CSS 的轮廓）。
 
-#### 阻止浏览器的按键事件处理
+### 阻止浏览器的按键事件处理
 
-如果你用自己的插件处理按键事件，可以通过事件处理程序的返回值来阻止浏览器的缺省处理（例如，响应方向键的滚动）。如果你的事件处理程序返回 `false`，事件就不会冒泡到处理程序外面。
+如果你用自己的微件处理按键事件，可以通过事件处理程序的返回值来阻止浏览器的缺省处理（例如，响应方向键的滚动）。如果你的事件处理程序返回 `false`，事件就不会传播到处理程序之外。
 
 例如：
 
 ```html
-<span tabindex="-1" onkeydown="return handleKeyDown();"></span>
+<span tabindex="-1" onkeydown="return handleKeyDown();">…</span>
 ```
 
 如果 `handleKeyDown()` 返回 `false`，将会结束事件处理，阻止浏览器继续处理按键行为。
 
-#### 不要认为按键连发（repeat）有一致性
+### 不要依赖于按键重复的一致行为
 
-非常不幸，`onkeydown` 连发或不连发取决于代码执行的浏览器和操作系统。
+非常不幸，`onkeydown` 重复或不重复执行取决于代码执行的浏览器和操作系统。
diff --git a/files/zh-cn/web/api/baseaudiocontext/createanalyser/index.md b/files/zh-cn/web/api/baseaudiocontext/createanalyser/index.md
index f18fb0918acdfd..9630279a3f0766 100644
--- a/files/zh-cn/web/api/baseaudiocontext/createanalyser/index.md
+++ b/files/zh-cn/web/api/baseaudiocontext/createanalyser/index.md
@@ -1,78 +1,82 @@
 ---
-title: AudioContext.createAnalyser()
+title: BaseAudioContext：createAnalyser() 方法
+short-title: createAnalyser()
 slug: Web/API/BaseAudioContext/createAnalyser
 ---
 
-{{ APIRef("Web Audio API") }}
+{{APIRef("Web Audio API")}}
 
-{{ domxref("AudioContext") }}的`createAnalyser()`方法能创建一个{{ domxref("AnalyserNode") }}，可以用来获取音频时间和频率数据，以及实现数据可视化。
+{{domxref("BaseAudioContext")}} 接口的 `createAnalyser()` 方法创建一个{{domxref("AnalyserNode")}}，它可以用来暴露音频时间和频率数据，以及创建数据可视化。
 
-> **备注：** 关于该节点的更多信息，请查看{{domxref("AnalyserNode")}}
+> **备注：** {{domxref("AnalyserNode.AnalyserNode", "AnalyserNode()")}} 构造函数是创建 {{domxref("AnalyserNode")}} 的推荐方法；请查看[创建 AudioNode](/zh-CN/docs/Web/API/AudioNode#创建_audionode)。
+
+> **备注：** 有关使用此节点的更多信息，请查看 {{domxref("AnalyserNode")}} 页面。
 
 ## 语法
 
-```js
-var audioCtx = new AudioContext();
-var analyser = audioCtx.createAnalyser();
+```js-nolint
+createAnalyser()
 ```
 
+### 参数
+
+无。
+
 ### 返回值
 
-{{domxref("AnalyserNode")}}对象
+一个 {{domxref("AnalyserNode")}} 对象。
 
-## 例子
+## 示例
 
-下面的例子展示了 AudioContext 创建分析器节点的基本用法，然后用 requestAnimationFrame() 来反复获取时域数据，并绘制出当前音频输入的“示波器风格”输出。更多完整例子请查看[Voice-change-O-matic](https://mdn.github.io/voice-change-o-matic/) demo (中[app.js 的 128–205 行](https://github.com/mdn/voice-change-o-matic/blob/gh-pages/scripts/app.js#L128-L205)代码)
+下面的示例展示了 AudioContext 创建分析器节点的基本用法，然后用 requestAnimationFrame() 来反复获取时域数据，并绘制出当前音频输入的“示波器风格”输出。更多完整示例/信息请查看 [Voice-change-O-matic](https://mdn.github.io/voice-change-o-matic/) 实例（参阅 [app.js 的 108-193 行](https://github.com/mdn/webaudio-examples/tree/main/voice-change-o-matic/scripts/app.js#L108-L193)代码）。
 
 ```js
-var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
-var analyser = audioCtx.createAnalyser();
+const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+const analyser = audioCtx.createAnalyser();
 
-  ...
+// …
 
 analyser.fftSize = 2048;
-var bufferLength = analyser.fftSize;
-var dataArray = new Uint8Array(bufferLength);
+const bufferLength = analyser.frequencyBinCount;
+const dataArray = new Uint8Array(bufferLength);
 analyser.getByteTimeDomainData(dataArray);
 
-// draw an oscilloscope of the current audio source
+// 绘制当前音频源的波形图
 
 function draw() {
+  drawVisual = requestAnimationFrame(draw);
 
-      drawVisual = requestAnimationFrame(draw);
-
-      analyser.getByteTimeDomainData(dataArray);
-
-      canvasCtx.fillStyle = 'rgb(200, 200, 200)';
-      canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
+  analyser.getByteTimeDomainData(dataArray);
 
-      canvasCtx.lineWidth = 2;
-      canvasCtx.strokeStyle = 'rgb(0, 0, 0)';
+  canvasCtx.fillStyle = "rgb(200, 200, 200)";
+  canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
 
-      canvasCtx.beginPath();
+  canvasCtx.lineWidth = 2;
+  canvasCtx.strokeStyle = "rgb(0, 0, 0)";
 
-      var sliceWidth = WIDTH * 1.0 / bufferLength;
-      var x = 0;
+  canvasCtx.beginPath();
 
-      for(var i = 0; i < bufferLength; i++) {
+  const sliceWidth = (WIDTH * 1.0) / bufferLength;
+  let x = 0;
 
-        var v = dataArray[i] / 128.0;
-        var y = v * HEIGHT/2;
+  for (let i = 0; i < bufferLength; i++) {
+    const v = dataArray[i] / 128.0;
+    const y = (v * HEIGHT) / 2;
 
-        if(i === 0) {
-          canvasCtx.moveTo(x, y);
-        } else {
-          canvasCtx.lineTo(x, y);
-        }
+    if (i === 0) {
+      canvasCtx.moveTo(x, y);
+    } else {
+      canvasCtx.lineTo(x, y);
+    }
 
-        x += sliceWidth;
-      }
+    x += sliceWidth;
+  }
 
-      canvasCtx.lineTo(canvas.width, canvas.height/2);
-      canvasCtx.stroke();
-    };
+  canvasCtx.lineTo(canvas.width, canvas.height / 2);
+  canvasCtx.stroke();
+}
 
-    draw();
+draw();
 ```
 
 ## 规范
@@ -83,6 +87,6 @@ function draw() {
 
 {{Compat}}
 
-## 另见
+## 参见
 
-- [Using the Web Audio API](/zh-CN/docs/Web_Audio_API/Using_Web_Audio_API)
+- [使用 Web Audio API](/zh-CN/docs/Web/API/Web_Audio_API/Using_Web_Audio_API)
diff --git a/files/zh-cn/web/api/canvasgradient/index.md b/files/zh-cn/web/api/canvasgradient/index.md
index db1ff10040eae5..fb4833b3a5a43c 100644
--- a/files/zh-cn/web/api/canvasgradient/index.md
+++ b/files/zh-cn/web/api/canvasgradient/index.md
@@ -13,12 +13,12 @@ _不透明对象，没有暴露的属性。_
 
 ## 方法
 
-_没有继承的方法_
+_没有继承的方法。_
 
 - {{domxref("CanvasGradient.addColorStop()")}}
   - : 添加一个由偏移（`offset`）和颜色（`color`）定义的断点到渐变中。如果偏移值不在 0 到 1 之间，将抛出`INDEX_SIZE_ERR 错误，如果颜色值不能被解析为有效的 CSS 颜色值 {{cssxref("&lt;color&gt;")}}，将抛出 SYNTAX_ERR`错误。
 
-## 标准
+## 规范
 
 {{Specifications}}
 
@@ -26,7 +26,7 @@ _没有继承的方法_
 
 {{Compat}}
 
-## 请参考
+## 参见
 
-- 创建方法在{{domxref("CanvasRenderingContext2D")}}.
-- {{HTMLElement("canvas")}} 元素及其有关接口{{domxref("HTMLCanvasElement")}}.
+- 创建方法在 {{domxref("CanvasRenderingContext2D")}}。
+- {{HTMLElement("canvas")}} 元素及其有关接口 {{domxref("HTMLCanvasElement")}}。
diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.md b/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.md
index b4c8a4693930c5..49a3ab7e5f31d1 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.md
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.md
@@ -16,10 +16,8 @@ void ctx.putImageData(imagedata, dx, dy, dirtyX, dirtyY, dirtyWidth, dirtyHeight
 
 ### 参数
 
-**imageData**
-
-{{domxref("ImageData")}} ，包含像素值的数组对象。
-
+- `imageData`
+  - : {{domxref("ImageData")}}，包含像素值的数组对象。
 - `dx`
   - : 源图像数据在目标画布中的位置偏移量（x 轴方向的偏移量）。
 - `dy`
diff --git a/files/zh-cn/web/api/document/adoptnode/index.md b/files/zh-cn/web/api/document/adoptnode/index.md
index 3ff3cdfac507f5..ce4a1573740ce3 100644
--- a/files/zh-cn/web/api/document/adoptnode/index.md
+++ b/files/zh-cn/web/api/document/adoptnode/index.md
@@ -7,64 +7,25 @@ slug: Web/API/Document/adoptNode
 
 从其他的 document 文档中获取一个节点。该节点以及它的子树上的所有节点都会从原文档删除 (如果有这个节点的话), 并且它的[`ownerDocument`](/zh-CN/docs/DOM/Node.ownerDocument) 属性会变成当前的 document 文档。之后你可以把这个节点插入到当前文档中。
 
-**从 Gecko 1.9 (Firefox 3) 开始支持**
-
 ## 语法
 
-```plain
-node = document.adoptNode(externalNode);
+```js-nolint
+adoptNode(externalNode)
 ```
 
-- `node`
-  - : 导入当前文档的新节点。新节点的 [`parentNode`](/zh-CN/DOM/Node.parentNode) 是 `null`, 因为它还没有插入当前文档的文档树中，属于游离状态。
 - `externalNode`
   - : 将要从外部文档导入的节点。
 
-## 例子
+## 示例
 
 ```js
-// 该函数用来从本文档的第一个 iframe 中获取第一个 element 元素，
-// 并插入到当前文档树中
-function getEle() {
-  var iframe = document.getElementsByTagName("iframe")[0],
-    ele = iframe.contentWindow.document.body.firstElementChild;
-  if (ele) {
-    document.body.appendChild(document.adoptNode(ele));
-  } else {
-    alert("没有更多元素了");
-  }
-}
-document.getElementById("move").onclick = getEle;
-```
+const iframe = document.querySelector("iframe");
+const iframeImages = iframe.contentDocument.querySelectorAll("img");
+const newParent = document.getElementById("images");
 
-HTML 文档
-
-```html
-// index.html
-
-<!doctype html>
-<html>
-  <head>
-    <title>index.html</title>
-  </head>
-  <body>
-    <iframe src="iframe.html"></iframe>
-    <button id="move">移动元素</button>
-  </body>
-</html>
-
-// iframe.html
-
-<!doctype html>
-<html>
-  <head>
-    <title>iframe.html</title>
-  </head>
-  <body>
-    <h1>Hello</h1>
-    <h3>My world!</h3>
-  </body>
-</html>
+iframeImages.forEach((imgEl) => {
+  newParent.appendChild(document.adoptNode(imgEl));
+});
 ```
 
 ## 笔记
diff --git a/files/zh-cn/web/api/domimplementation/index.md b/files/zh-cn/web/api/domimplementation/index.md
index aa6533def572ba..d69a6e5246ce42 100644
--- a/files/zh-cn/web/api/domimplementation/index.md
+++ b/files/zh-cn/web/api/domimplementation/index.md
@@ -13,7 +13,7 @@ _这个接口没有特定的属性，并且也没有继承到任何属性。_
 
 ## 方法
 
-_没有继承的方法_
+_没有继承的方法。_
 
 - {{domxref("DOMImplementation.createDocument()")}}
   - : 创建并返回一个 {{domxref("XMLDocument")}}对象。
@@ -32,6 +32,6 @@ _没有继承的方法_
 
 {{Compat}}
 
-## See also
+## 参见
 
-- [The DOM interfaces index.](/zh-CN/docs/DOM/DOM_Reference)
+- [DOM 接口索引](/zh-CN/docs/Web/API/Document_Object_Model)
diff --git a/files/zh-cn/web/api/dynamicscompressornode/index.md b/files/zh-cn/web/api/dynamicscompressornode/index.md
index 2cb20fde626299..a36b04809a3cba 100644
--- a/files/zh-cn/web/api/dynamicscompressornode/index.md
+++ b/files/zh-cn/web/api/dynamicscompressornode/index.md
@@ -39,7 +39,7 @@ slug: Web/API/DynamicsCompressorNode
 
 ## 属性
 
-_由父类 {{domxref("AudioNode")}} 派生_
+_由父类 {{domxref("AudioNode")}} 派生。_
 
 - {{domxref("DynamicsCompressorNode.threshold")}} {{readonlyInline}}
   - : [比例系数](/zh-CN/docs/DOM/AudioParam#k-rate) {{domxref("AudioParam")}} 型。分贝高于此值时，将会进行压缩。
diff --git a/files/zh-cn/web/api/element/lostpointercapture_event/index.md b/files/zh-cn/web/api/element/lostpointercapture_event/index.md
index f139319ddce745..116f85de394888 100644
--- a/files/zh-cn/web/api/element/lostpointercapture_event/index.md
+++ b/files/zh-cn/web/api/element/lostpointercapture_event/index.md
@@ -7,7 +7,7 @@ slug: Web/API/Element/lostpointercapture_event
 
 The **`onlostpointercapture`** event handler property of the {{domxref("GlobalEventHandlers")}} interface returns the event handler (function) for the `lostpointercapture` event type.
 
-**语法**
+## 语法
 
 ```plain
 window.onlostpointercapture = functionReference
diff --git a/files/zh-cn/web/api/event/eventphase/index.md b/files/zh-cn/web/api/event/eventphase/index.md
index bb9dac2ba95e74..5cfe038c0618ec 100644
--- a/files/zh-cn/web/api/event/eventphase/index.md
+++ b/files/zh-cn/web/api/event/eventphase/index.md
@@ -13,13 +13,13 @@ slug: Web/API/Event/eventPhase
 var phase = event.eventPhase;
 ```
 
-返回一个代表当前执行阶段的 整数值，下面列出了不同的执行阶段[事件阶段常量](#事件阶段常量).
+返回一个代表当前执行阶段的整数值，下面列出了不同的执行阶段[事件阶段常量](#事件阶段常量)。
 
 ## 常量
 
 ### 事件阶段常量
 
-### 下面这些值表示了事件流当前执行的阶段。
+### 下面这些值表示了事件流当前执行的阶段
 
 | 常量                    | 值  | 描述                                                                                                                                                                                                                                                                                                            |
 | ----------------------- | --- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
diff --git a/files/zh-cn/web/api/event/originaltarget/index.md b/files/zh-cn/web/api/event/originaltarget/index.md
index 39cb9fce2f8798..65dc09eee131b5 100644
--- a/files/zh-cn/web/api/event/originaltarget/index.md
+++ b/files/zh-cn/web/api/event/originaltarget/index.md
@@ -5,19 +5,13 @@ slug: Web/API/Event/originalTarget
 
 {{ ApiRef("DOM") }} {{Non-standard_header}}
 
-## 简介
-
-original target 是事件重定向之前的原始目标。(Mozilla-特有)
+**`originalTarget`** 只读属性是事件重定向之前的原始目标。（Mozilla-特有）
 
 在 XBL 的匿名内容中，这将是该事件最初触发的匿名节点。看到匿名的内容。查看[Anonymous Content#Event_Flow_and_Targeting](/zh-CN/docs/XBL/XBL_1.0_Reference/Anonymous_Content#Event_Flow_and_Targeting) 获取更多细节。
 
-注意：原始目标也可能是原生的匿名内容 (参见 Bug(“208427”))，在这种情况下，它对于非特权代码是无用的。
-
-查看[Comparison of Event Targets](/zh-CN/docs/DOM/event/Comparison_of_Event_Targets)
-
-## 示例
+注意：原始目标也可能是原生的匿名内容，在这种情况下，它对于非特权代码是无用的。
 
-_需要一个有意义的示例_
+参见[事件目标对比](/zh-CN/docs/Web/API/Event/Comparison_of_Event_Targets)。
 
 ## 规范
 
diff --git a/files/zh-cn/web/api/fontface/index.md b/files/zh-cn/web/api/fontface/index.md
index 0ac2ba41d05893..911265bbcf48d2 100644
--- a/files/zh-cn/web/api/fontface/index.md
+++ b/files/zh-cn/web/api/fontface/index.md
@@ -31,21 +31,21 @@ _这个接口不继承任何属性。_
 - {{domxref("FontFace.featureSettings")}}
   - : 这是不是一个 {{domxref("DOMString")}} ？是的话将表示该字体的 _features_ 属性，相当于 {{cssxref("@font-face/feature-settings", "feature-settings")}} 。
 - {{domxref("FontFace.status")}} {{readonlyinline}}
-  - : 返回一个表示字体当前状态的可枚举值，它可能是下列之一： `"unloaded"`, `"loading"`, `"loaded"`, `"error"`。
+  - : 返回一个表示字体当前状态的可枚举值，它可能是下列之一：`"unloaded"`、`"loading"`、`"loaded"`、`"error"`。
 - {{domxref("FontFace.loaded")}} {{readonlyinline}}
-  - : 当字体完全加载或加载失败时返回该 `FontFace` 的{{domxref("Promise")}} 。
+  - : 当字体完全加载或加载失败时返回该 `FontFace` 的 {{domxref("Promise")}}。
 
-## Methods
+## 方法
 
-_这个接口不继承任何方法_
+_这个接口不继承任何方法。_
 
 - {{domxref("FontFace.load()")}}
-  - : 加载该字体，返回该字体完全加载或加载失败时的{{domxref("Promise")}} 。
+  - : 加载该字体，返回该字体完全加载或加载失败时的 {{domxref("Promise")}}。
 
-## Specifications
+## 规范
 
 {{Specifications}}
 
-## Browser compatibility
+## 浏览器兼容性
 
 {{Compat}}
diff --git a/files/zh-cn/web/api/gamepad_api/using_the_gamepad_api/index.md b/files/zh-cn/web/api/gamepad_api/using_the_gamepad_api/index.md
index be4b00ae8cd31b..a130b3b382f2f0 100644
--- a/files/zh-cn/web/api/gamepad_api/using_the_gamepad_api/index.md
+++ b/files/zh-cn/web/api/gamepad_api/using_the_gamepad_api/index.md
@@ -234,13 +234,9 @@ function gameLoop() {
 }
 ```
 
-### 使用坐标方向 (axes) 信息
+## 完整的示例：显示控制器状态
 
-**待讨论 (除了一个用 axes\[i] 一个用 button\[i].value，其他基本一样，Firefox 与 Chrome 均是。)**
-
-## 完整的例子：显示控制器状态
-
-这个例子展示了怎样使用 {{ domxref("Gamepad") }} 对象，还有 [`gamepadconnected`](/zh-CN/docs/Web/API/Window/gamepadconnected_event) 和 [`gamepaddisconnected`](/zh-CN/docs/Web/API/Window/gamepaddisconnected_event) 事件显示所有已连接到系统的控制器的状态。你可以查看[在线演示](http://luser.github.io/gamepadtest/)并且可在 Github 上看到[完整的源代码](https://github.com/luser/gamepadtest)。
+这个示例展示了怎样使用 {{ domxref("Gamepad") }} 对象，还有 [`gamepadconnected`](/zh-CN/docs/Web/API/Window/gamepadconnected_event) 和 [`gamepaddisconnected`](/zh-CN/docs/Web/API/Window/gamepaddisconnected_event) 事件显示所有已连接到系统的控制器的状态。你可以查看[在线演示](http://luser.github.io/gamepadtest/)并且可在 Github 上看到[完整的源代码](https://github.com/luser/gamepadtest)。
 
 ```js
 var haveEvents = "ongamepadconnected" in window;
diff --git a/files/zh-cn/web/api/hashchangeevent/index.md b/files/zh-cn/web/api/hashchangeevent/index.md
index b95c1bcc936741..d50933b5e902d5 100644
--- a/files/zh-cn/web/api/hashchangeevent/index.md
+++ b/files/zh-cn/web/api/hashchangeevent/index.md
@@ -22,30 +22,10 @@ _这个接口也从 {{domxref("Event")}} 中继承属性。_
 
 ## 方法
 
-_这个接口没有自己的方法，但从 {{domxref("Event")}} 中继承方法_
+_这个接口没有自己的方法，但从 {{domxref("Event")}} 中继承方法。_
 
 ## 示例
 
-### 井号内容变化的语法选择
-
-你可以选择使用下述的任一方法监听 [`hashchange`](/zh-CN/docs/Web/API/Window/hashchange_event) 事件。
-
-```js
-window.onhashchange = funcRef;
-```
-
-**或**
-
-```html
-<body onhashchange="funcRef();"></body>
-```
-
-**或**
-
-```js
-window.addEventListener("hashchange", funcRef, false);
-```
-
 ### 基本示例
 
 ```js
diff --git a/files/zh-cn/web/api/history_api/example/index.md b/files/zh-cn/web/api/history_api/example/index.md
deleted file mode 100644
index ca922fdfb2ab4b..00000000000000
--- a/files/zh-cn/web/api/history_api/example/index.md
+++ /dev/null
@@ -1,438 +0,0 @@
----
-title: Ajax navigation example
-slug: Web/API/History_API/Example
----
-
-这是一个仅由三个页面组成的 AJAX 网站示例 (_first_page.php_, _second_page.php_ and _third_page.php_). 要查看其如何工作的，请创建以下文件 (或 git clone [https://github.com/giabao/mdn-ajax-nav-example.git](https://github.com/giabao/mdn-ajax-nav-example) ):
-
-> **备注：** 为了在该机制中很好地整合 {{HTMLElement("form")}} 元素 , 请看一下这段[提交表单和上传文件](/zh-CN/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest#提交表单和上传文件)。
-
-**first_page.php**:
-
-```php
-<?php
-    $page_title = "First page";
-
-    $as_json = false;
-    if (isset($_GET["view_as"]) && $_GET["view_as"] == "json") {
-        $as_json = true;
-        ob_start();
-    } else {
-?>
-<!doctype html>
-<html>
-<head>
-<?php
-        include "include/header.php";
-        echo "<title>" . $page_title . "</title>";
-?>
-</head>
-
-<body>
-
-<?php include "include/before_content.php"; ?>
-
-<p>This paragraph is shown only when the navigation starts from <strong>first_page.php</strong>.</p>
-
-<div id="ajax-content">
-<?php } ?>
-
-    <p>This is the content of <strong>first_page.php</strong>.</p>
-
-<?php
-    if ($as_json) {
-        echo json_encode(array("page" => $page_title, "content" => ob_get_clean()));
-    } else {
-?>
-</div>
-
-<p>This paragraph is shown only when the navigation starts from <strong>first_page.php</strong>.</p>
-
-<?php
-        include "include/after_content.php";
-        echo "</body>\n</html>";
-    }
-?>
-```
-
-**second_page.php**:
-
-```php
-<?php
-    $page_title = "Second page";
-
-    $as_json = false;
-    if (isset($_GET["view_as"]) && $_GET["view_as"] == "json") {
-        $as_json = true;
-        ob_start();
-    } else {
-?>
-<!doctype html>
-<html>
-<head>
-<?php
-        include "include/header.php";
-        echo "<title>" . $page_title . "</title>";
-?>
-</head>
-
-<body>
-
-<?php include "include/before_content.php"; ?>
-
-<p>This paragraph is shown only when the navigation starts from <strong>second_page.php</strong>.</p>
-
-<div id="ajax-content">
-<?php } ?>
-
-    <p>This is the content of <strong>second_page.php</strong>.</p>
-
-<?php
-    if ($as_json) {
-        echo json_encode(array("page" => $page_title, "content" => ob_get_clean()));
-    } else {
-?>
-</div>
-
-<p>This paragraph is shown only when the navigation starts from <strong>second_page.php</strong>.</p>
-
-<?php
-        include "include/after_content.php";
-        echo "</body>\n</html>";
-    }
-?>
-```
-
-**third_page.php**:
-
-```php
-<?php
-    $page_title = "Third page";
-    $page_content = "<p>This is the content of <strong>third_page.php</strong>. This content is stored into a php variable.</p>";
-
-    if (isset($_GET["view_as"]) && $_GET["view_as"] == "json") {
-        echo json_encode(array("page" => $page_title, "content" => $page_content));
-    } else {
-?>
-<!doctype html>
-<html>
-<head>
-<?php
-        include "include/header.php";
-        echo "<title>" . $page_title . "</title>";
-?>
-</head>
-
-<body>
-
-<?php include "include/before_content.php"; ?>
-
-<p>This paragraph is shown only when the navigation starts from <strong>third_page.php</strong>.</p>
-
-<div id="ajax-content">
-<?php echo $page_content; ?>
-</div>
-
-<p>This paragraph is shown only when the navigation starts from <strong>third_page.php</strong>.</p>
-
-<?php
-        include "include/after_content.php";
-        echo "</body>\n</html>";
-    }
-?>
-```
-
-**css/style.css**:
-
-```css
-#ajax-loader {
-  position: fixed;
-  display: table;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-#ajax-loader > div {
-  display: table-cell;
-  width: 100%;
-  height: 100%;
-  vertical-align: middle;
-  text-align: center;
-  background-color: #000000;
-  opacity: 0.65;
-}
-```
-
-**include/after_content.php**:
-
-```php
-<p>This is the footer. It is shared between all ajax pages.</p>
-```
-
-**include/before_content.php**:
-
-```php
-<p>
-[ <a class="ajax-nav" href="first_page.php">First example</a>
-| <a class="ajax-nav" href="second_page.php">Second example</a>
-| <a class="ajax-nav" href="third_page.php">Third example</a>
-| <a class="ajax-nav" href="unexisting.php">Unexisting page</a> ]
-</p>
-```
-
-**include/header.php**:
-
-```php
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<script type="text/javascript" src="js/ajax_nav.js"></script>
-<link rel="stylesheet" href="css/style.css" />
-```
-
-**js/ajax_nav.js**:
-
-```js
-"use strict";
-
-const ajaxRequest = new (function () {
-  function closeReq() {
-    oLoadingBox.parentNode && document.body.removeChild(oLoadingBox);
-    bIsLoading = false;
-  }
-
-  function abortReq() {
-    if (!bIsLoading) {
-      return;
-    }
-    oReq.abort();
-    closeReq();
-  }
-
-  function ajaxError() {
-    alert("Unknown error.");
-  }
-
-  function ajaxLoad() {
-    var vMsg,
-      nStatus = this.status;
-    switch (nStatus) {
-      case 200:
-        vMsg = JSON.parse(this.responseText);
-        document.title = oPageInfo.title = vMsg.page;
-        document.getElementById(sTargetId).innerHTML = vMsg.content;
-        if (bUpdateURL) {
-          history.pushState(oPageInfo, oPageInfo.title, oPageInfo.url);
-          bUpdateURL = false;
-        }
-        break;
-      default:
-        vMsg = nStatus + ": " + (oHTTPStatus[nStatus] || "Unknown");
-        switch (Math.floor(nStatus / 100)) {
-          /*
-                    case 1:
-                        // Informational 1xx
-                        console.log("Information code " + vMsg);
-                        break;
-                    case 2:
-                        // Successful 2xx
-                        console.log("Successful code " + vMsg);
-                        break;
-                    case 3:
-                        // Redirection 3xx
-                        console.log("Redirection code " + vMsg);
-                        break;
-                    */
-          case 4:
-            /* Client Error 4xx */
-            alert("Client Error #" + vMsg);
-            break;
-          case 5:
-            /* Server Error 5xx */
-            alert("Server Error #" + vMsg);
-            break;
-          default:
-            /* Unknown status */
-            ajaxError();
-        }
-    }
-    closeReq();
-  }
-
-  function filterURL(sURL, sViewMode) {
-    return (
-      sURL.replace(rSearch, "") +
-      (
-        "?" +
-        sURL
-          .replace(rHost, "&")
-          .replace(rView, sViewMode ? "&" + sViewKey + "=" + sViewMode : "")
-          .slice(1)
-      ).replace(rEndQstMark, "")
-    );
-  }
-
-  function getPage(sPage) {
-    if (bIsLoading) {
-      return;
-    }
-    oReq = new XMLHttpRequest();
-    bIsLoading = true;
-    oReq.onload = ajaxLoad;
-    oReq.onerror = ajaxError;
-    if (sPage) {
-      oPageInfo.url = filterURL(sPage, null);
-    }
-    oReq.open("get", filterURL(oPageInfo.url, "json"), true);
-    oReq.send();
-    oLoadingBox.parentNode || document.body.appendChild(oLoadingBox);
-  }
-
-  function requestPage(sURL) {
-    if (history.pushState) {
-      bUpdateURL = true;
-      getPage(sURL);
-    } else {
-      /* Ajax navigation is not supported */
-      location.assign(sURL);
-    }
-  }
-
-  function processLink() {
-    if (this.className === sAjaxClass) {
-      requestPage(this.href);
-      return false;
-    }
-    return true;
-  }
-
-  function init() {
-    oPageInfo.title = document.title;
-    history.replaceState(oPageInfo, oPageInfo.title, oPageInfo.url);
-    for (
-      var oLink, nIdx = 0, nLen = document.links.length;
-      nIdx < nLen;
-      document.links[nIdx++].onclick = processLink
-    );
-  }
-
-  const /* customizable constants */
-    sTargetId = "ajax-content",
-    sViewKey = "view_as",
-    sAjaxClass = "ajax-nav",
-    /* not customizable constants */
-    rSearch = /\?.*$/,
-    rHost = /^[^\?]*\?*&*/,
-    rView = new RegExp("&" + sViewKey + "\\=[^&]*|&*$", "i"),
-    rEndQstMark = /\?$/,
-    oLoadingBox = document.createElement("div"),
-    oCover = document.createElement("div"),
-    oLoadingImg = new Image(),
-    oPageInfo = {
-      title: null,
-      url: location.href,
-    },
-    oHTTPStatus =
-      /* http://www.iana.org/assignments/http-status-codes/http-status-codes.xml */ {
-        100: "Continue",
-        101: "Switching Protocols",
-        102: "Processing",
-        200: "OK",
-        201: "Created",
-        202: "Accepted",
-        203: "Non-Authoritative Information",
-        204: "No Content",
-        205: "Reset Content",
-        206: "Partial Content",
-        207: "Multi-Status",
-        208: "Already Reported",
-        226: "IM Used",
-        300: "Multiple Choices",
-        301: "Moved Permanently",
-        302: "Found",
-        303: "See Other",
-        304: "Not Modified",
-        305: "Use Proxy",
-        306: "Reserved",
-        307: "Temporary Redirect",
-        308: "Permanent Redirect",
-        400: "Bad Request",
-        401: "Unauthorized",
-        402: "Payment Required",
-        403: "Forbidden",
-        404: "Not Found",
-        405: "Method Not Allowed",
-        406: "Not Acceptable",
-        407: "Proxy Authentication Required",
-        408: "Request Timeout",
-        409: "Conflict",
-        410: "Gone",
-        411: "Length Required",
-        412: "Precondition Failed",
-        413: "Request Entity Too Large",
-        414: "Request-URI Too Long",
-        415: "Unsupported Media Type",
-        416: "Requested Range Not Satisfiable",
-        417: "Expectation Failed",
-        422: "Unprocessable Entity",
-        423: "Locked",
-        424: "Failed Dependency",
-        425: "Unassigned",
-        426: "Upgrade Required",
-        427: "Unassigned",
-        428: "Precondition Required",
-        429: "Too Many Requests",
-        430: "Unassigned",
-        431: "Request Header Fields Too Large",
-        500: "Internal Server Error",
-        501: "Not Implemented",
-        502: "Bad Gateway",
-        503: "Service Unavailable",
-        504: "Gateway Timeout",
-        505: "HTTP Version Not Supported",
-        506: "Variant Also Negotiates (Experimental)",
-        507: "Insufficient Storage",
-        508: "Loop Detected",
-        509: "Unassigned",
-        510: "Not Extended",
-        511: "Network Authentication Required",
-      };
-
-  var oReq,
-    bIsLoading = false,
-    bUpdateURL = false;
-
-  oLoadingBox.id = "ajax-loader";
-  oCover.onclick = abortReq;
-  oLoadingImg.src =
-    "data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==";
-  oCover.appendChild(oLoadingImg);
-  oLoadingBox.appendChild(oCover);
-
-  onpopstate = function (oEvent) {
-    bUpdateURL = false;
-    oPageInfo.title = oEvent.state.title;
-    oPageInfo.url = oEvent.state.url;
-    getPage();
-  };
-
-  window.addEventListener
-    ? addEventListener("load", init, false)
-    : window.attachEvent
-      ? attachEvent("onload", init)
-      : (onload = init);
-
-  // Public methods
-
-  this.open = requestPage;
-  this.stop = abortReq;
-  this.rebuildLinks = init;
-})();
-```
-
-For more information, please see: [Manipulating the browser history](/zh-CN/docs/DOM/Manipulating_the_browser_history).
-
-## See also
-
-- {{ domxref("window.history") }}
-- {{ domxref("window.onpopstate") }}
diff --git a/files/zh-cn/web/api/history_api/working_with_the_history_api/index.md b/files/zh-cn/web/api/history_api/working_with_the_history_api/index.md
index 54795924d25c51..bf693cb6dbc7e2 100644
--- a/files/zh-cn/web/api/history_api/working_with_the_history_api/index.md
+++ b/files/zh-cn/web/api/history_api/working_with_the_history_api/index.md
@@ -1,107 +1,193 @@
 ---
 title: 使用历史记录 API
 slug: Web/API/History_API/Working_with_the_History_API
+l10n:
+  sourceCommit: 56bbf2804abdfdbf9ad93386ba4c956196d06a37
 ---
 
 {{DefaultAPISidebar("History API")}}
 
-{{DOMxRef("History.pushState", "pushState()")}} 和 {{DOMxRef("History.replaceState", "replaceState()")}} 方法分别添加和修改历史条目。这些方法与 {{domxref("Window/popstate_event", "popstate")}} 事件一起工作。
+历史记录 API 使网站能够与浏览器的会话历史记录（即用户在给定窗口中访问过的页面列表）进行交互。当用户通过点击链接等方式访问新页面时，这些新页面就会被添加到会话历史记录中。用户还可以使用浏览器的“后退”和“前进”按钮在历史记录中来回移动。
 
-## 添加和修改历史记录
+历史记录 API 中定义的主要接口是 {{domxref("History")}} 接口，它定义了两套截然不同的方法：
 
-使用 {{DOMxRef("History.pushState", "pushState()")}} 可以改变在你改变状态后创建的 {{domxref("XMLHttpRequest")}} 对象的 HTTP 标头中使用的 referrer。referrer 将是创建 {{domxref("XMLHttpRequest")}} 对象时其窗口为 `this` 的文档的 URL。
+1. 在会话历史记录中导航到页面的方法：
 
-### pushState() 方法示例
+   - {{domxref("History.back()")}}
+   - {{domxref("History.forward()")}}
+   - {{domxref("History.go()")}}
 
-假设 `https://mozilla.org/foo.html` 执行下面的 JavaScript:
+2. 修改会话历史记录的方法：
 
-```js
-const stateObj = {
-  foo: "bar",
-};
-
-history.pushState(stateObj, "page 2", "bar.html");
-```
+   - {{domxref("History.pushState()")}}
+   - {{domxref("History.replaceState()")}}
 
-这将导致地址栏显示 `https://mozilla.org/bar.html`，但不会导致浏览器加载 `bar.html` 或甚至检查 `bar.html` 是否存在。
+在本指南中，我们将只关注第二组方法，因为这些方法的行为更为复杂。
 
-假设现在用户导航到 `https://google.com`，然后点击了**返回**按钮。这时，地址栏将显示 `https://mozilla.org/bar.html`，`history.state` 将包含 `stateObj`。`popstate` 事件将不会被触发，因为页面已经被重新加载。页面本身将看起来像 `bar.html`。
+`pushState()` 方法会向会话历史记录添加新条目，而 `replaceState()` 方法则会更新当前页面的会话历史记录条目。这两种方法都接收一个 `state` 参数，该参数可包含任何{{Glossary("Serializable_object", "可序列化对象")}}。当浏览器导航到该历史条目时，浏览器会触发 {{domxref("Window.popstate_event", "popstate")}} 事件，其中包含与该条目相关的状态对象。
 
-如果用户再次点击**返回**，URL 将变为 `https://mozilla.org/foo.html`，并且文档将得到一个 `popstate` 事件，这次是一个 `null` 状态对象。在这里，返回也不会改变文档的内容，尽管文档在收到 `popstate` 事件后可能会手动更新其内容。
+这些 API 的主要目的是支持像{{Glossary("SPA", "单页应用")}}这样的网站，它们使用 JavaScript API（如 {{domxref("fetch()")}}）来更新页面的新内容，而不是加载整个新页面。
 
-### pushState() 方法
+## 单页应用和会话历史记录
 
-`pushState()` 需要三个参数：一个**状态对象**；一个**标题**（目前忽略）；以及一个（可选）**URL**。
+传统上，网站是以页面集合的形式实现的。当用户通过点击链接浏览网站的不同部分时，浏览器每次都会加载一个全新的页面。
 
-让我们详细地解释一下这三个参数
+虽然这对许多网站来说很好，但也有一些缺点：
 
-- **状态对象**
-  - : 状态对象是一个 JavaScript 对象，它与由 `pushState()` 创建的新历史条目相关。每当用户浏览到新的状态时，一个 `popstate` 事件被触发，该事件的 `state` 属性包含历史条目的状态对象的副本。状态对象可以是任何可以被序列化的东西。因为 Firefox 将状态对象保存在用户的磁盘上，以便在用户重新启动浏览器后恢复，所以我们对状态对象的序列化表示法规定了 640k 字符的大小限制。如果你传递给 `pushState()` 的状态对象的序列化表示大于这个大小，该方法将抛出一个异常。如果你需要比这更多的空间，我们鼓励你使用 `sessionStorage` 和/或 `localStorage`。
-- **标题**
-  - : [除了 Safari，所有的浏览器目前都忽略了这个参数](https://github.com/whatwg/html/issues/2174)，尽管它们在未来可能会使用这个参数。在这里传递空字符串应该是安全的，可以避免将来对该方法的修改。另外，你也可以为你要移动的状态传入一个简短的标题。
-- **URL**
-  - : 新的历史条目的 URL 是由这个参数给出的。注意，在调用 `pushState()` 后，浏览器不会尝试加载这个 URL，但它可能会在以后尝试加载这个 URL，例如在用户重新启动浏览器后。新的 URL 不需要是绝对的；如果它是相对的，它就会相对于当前的 URL 进行解析。新的 URL 必须与当前的 URL 同源；否则，`pushState()` 将抛出一个异常。这个参数是可选的；如果没有指定它，它将被设置为文档的当前 URL。
+- 如果只需要更新页面的一部分，每次加载整个页面的效率会很低。
+- 跨页面导航时很难保持应用程序状态
 
-在某种意义上，调用 `pushState()` 类似于设置 `window.location = "#foo"`，因为两者都将创建并激活与当前文档相关的另一个历史条目。
+由于这些原因，{{Glossary("SPA", "单页应用")}}（SPA）是一种流行的 web 应用程序模式，在这种模式中，网站由一个页面组成，当用户点击链接时，页面会：
 
-但是 `pushState()` 有几条优势：
+1. 阻止加载新页面的默认行为
+2. {{domxref("fetch()", "获取", "", "nocode")}}要显示的新内容
+3. 用新内容更新页面
 
-- 新的 URL 可以是与当前 URL 同源的任何 URL。相比之下，只有当你只修改锚点值时，设置 `window.location` 使你保持在同一个 {{ domxref("document") }}。
-- 如果你不愿意，你不必改变 URL。相反，设置 `window.location = "#foo";` 只在当前锚点值不是 `#foo` 的情况下创建一个新的历史条目。
-- 你可以将任意的数据与你的新历史条目联系起来。使用基于哈希的方法，你需要将所有的相关数据编码成一个短字符串。
-- 如果 `title` 随后被浏览器使用，这个数据可以被利用（而锚点值会独立于每个历史条目）。
+例如：
 
-请注意，`pushState()` 永远不会触发 `hashchange` 事件，即使新的 URL 与旧的 URL 只在锚点值上有所不同。
+```js
+document.addEventListener("click", async (event) => {
+  const creature = event.target.getAttribute("data-creature");
+  if (creature) {
+    // 阻止新页面加载
+    event.preventDefault();
+    try {
+      // 获取新内容
+      const response = await fetch(`creatures/${creature}.json`);
+      const json = await response.json();
+      // 用新内容更新页面
+      displayContent(json);
+    } catch (err) {
+      console.error(err);
+    }
+  }
+});
+```
 
-在其他文档中，它创建了一个具有 `null` 命名空间 URI 的元素。
+在该单击处理器中，如果链接包含数据属性 `"data-creature"`，我们就会使用该属性的值来获取包含页面新内容的 JSON 文件。
 
-### replaceState() 方法
+JSON 文件可能如下所示：
 
-`history.replaceState()` 的操作与 `history.pushState()` 完全一样，只是 `replaceState()` 修改了当前的历史条目，而不是创建一个新的。注意，这并不妨碍在全局浏览器历史中创建一个新条目。
+```json
+{
+  "description": "Bald eagles are not actually bald.",
+  "image": {
+    "src": "images/eagle.jpg",
+    "alt": "A bald eagle"
+  },
+  "name": "Eagle"
+}
+```
 
-`replaceState()` 在你想更新当前历史条目的状态对象或 URL 以响应某些用户操作时特别有用。
+`displayContent()` 函数使用 JSON 内容更新页面：
 
-### replaceState() 方法示例
+```js
+// 使用新内容更新页面
+function displayContent(content) {
+  document.title = `生物：${content.name}`;
 
-假设 `https://mozilla.org/foo.html` 执行了下列 JavaScript 代码：
+  const description = document.querySelector("#description");
+  description.textContent = content.description;
 
-```js
-const stateObj = {
-  foo: "bar",
-};
-history.pushState(stateObj, "page 2", "bar.html");
+  const photo = document.querySelector("#photo");
+  photo.setAttribute("src", content.image.src);
+  photo.setAttribute("alt", content.image.alt);
+}
 ```
 
-上面这两行的解释可以在上面的 [_pushState() 方法的例子_](#pushstate_方法示例)部分找到。
+问题在于，它破坏了浏览器“后退”和“前进”按钮的预期行为。
+
+从用户的角度来看，他们点击了一个链接，页面就更新了，所以看起来像是一个新页面。如果用户按下浏览器的“后退”按钮，就会返回到点击链接之前的状态。
+
+但在浏览器看来，最后一个链接并没有加载新页面，因此“后退”按钮会将浏览器带回到用户打开 SPA 之前加载的页面。
+
+这正是 `pushState()`、`replaceState()` 和 `popstate` 事件所要解决的问题。它们使我们能够合成历史条目，并在当前会话历史条目更改为这些条目之一（例如，由于用户按下了“后退”或“前进”按钮）时收到通知。
 
-然后，假设 `https://mozilla.org/bar.html` 执行了下列 JavaScript 代码：
+## 使用 `pushState()`
+
+我们可以像下面这样在单击事件处理器中添加历史记录条目：
 
 ```js
-history.replaceState(stateObj, "page 3", "bar2.html");
+document.addEventListener("click", async (event) => {
+  const creature = event.target.getAttribute("data-creature");
+  if (creature) {
+    event.preventDefault();
+    try {
+      const response = await fetch(`creatures/${creature}.json`);
+      const json = await response.json();
+      displayContent(json);
+      // 向历史记录中添加新条目
+      // 模拟了新页面的加载
+      history.pushState(json, "", creature);
+    } catch (err) {
+      console.error(err);
+    }
+  }
+});
 ```
 
-这将导致 URL 栏显示 `https://mozilla.org/bar2.html`，但不会导致浏览器加载 `bar2.html` 或甚至检查 `bar2.html` 是否存在。
+这里，我们使用三个参数调用了 `pushState()`：
+
+- `json`：这是我们刚刚获取的内容。它将与历史条目一起存储，之后将作为 {{domxref("PopStateEvent.state", "state")}} 属性包含在传递给 `popstate` 事件处理器的参数中。
+- `""`：这是与传统网站向后兼容所必需的，应始终为空字符串。
+- `creature`：这将用作条目的 URL。它将显示在浏览器的 URL 栏中，并在页面发出的任何 HTTP 请求中用作 {{httpheader("Referer")}} 标头的值。请注意，这必须与页面{{Glossary("Same-origin policy", "同源")}} 。
+
+## 使用 `popstate` 事件
 
-假设现在用户导航到 `https://www.microsoft.com`，然后点击**返回**按钮。此时，URL 栏将显示 `https://mozilla.org/bar2.html`。如果用户现在再次点击**返回**，URL 栏将显示`https://mozilla.org/foo.html`，完全绕过了 `bar.html`。
+假设用户：
 
-### popstate 事件
+1. 点击了 SPA 中的一个链接，因此我们使用 `pushState()` 更新页面并添加历史记录条目 A
+2. 点击 SPA 中的另一个链接，因此我们使用 `pushState()` 更新页面并添加历史记录条目 B
+3. 按下“后退”按钮
+
+现在，新的当前历史记录条目是 A，因此浏览器触发了 `popstate` 事件，事件处理器参数包括我们在处理导航到 A 时传递给 `pushState()` 的 JSON，这意味着我们可以通过这样的事件处理器来恢复正确的内容：
+
+```js
+// 处理前进/回退按钮
+window.addEventListener("popstate", (event) => {
+  // 如果提供了一个状态（state），我们“模拟”一个页面并更新当前页面
+  if (event.state) {
+    // 模拟前一个页面加载
+    displayContent(event.state);
+  }
+});
+```
 
-每次活动的历史条目发生变化时，都会向窗口派发一个 `popstate` 事件。如果被激活的历史条目是通过调用 {{DOMxRef("History.pushState", "pushState")}} 创建的，或通过调用 {{DOMxRef("History.replaceState", "replaceState")}} 影响的，`popstate` 事件的 `state` 属性包含历史条目的状态对象副本。
+## 使用 `replaceState()`
 
-请参阅 {{domxref("Window/popstate_event", "popstate")}} 了解使用示例。
+我们还需要添加一项内容。当用户加载 SPA 时，浏览器会添加一个历史记录条目。由于这是一次实际的页面加载，因此该条目没有与之相关的状态。因此，假设用户：
 
-### 读取当前状态
+1. 加载 SPA：浏览器添加历史记录条目
+2. 点击 SPA 中的一个链接：点击处理程序会更新页面，并使用 `pushState()` 添加一个历史记录条目
+3. 按下“后退”按钮
 
-当你的页面加载时，它可能有一个非空的状态对象。例如，如果页面设置了一个状态对象（使用 {{DOMxRef("History.pushState", "pushState()")}} 或 {{DOMxRef("History.replaceState", "replaceState()")}}），然后用户重新启动他们的浏览器，这种情况就会发生。当页面重新加载时，该页面将收到一个 `onload` 事件，但没有 `popstate` 事件。然而，如果你读取 {{DOMxRef("History.state", "history.state")}} 属性，你会重新得到 `popstate` 事件发生时应该得到的状态对象。
+现在我们想回到 SPA 的初始状态，但由于这是同一文档中的导航，页面不会被重新加载，而且初始页面的历史条目没有状态，我们无法使用 `popstate` 恢复它。
 
-你可以使用 {{DOMxRef("History.state", "history.state")}} 属性读取当前历史条目的状态，而不需要等待 `popstate` 事件，像这样：
+解决办法是使用 `replaceState()` 为初始页面设置状态对象。例如：
 
 ```js
-const currentState = history.state;
+// 在页面加载时创建状态，并用其替换当前历史记录
+const image = document.querySelector("#photo");
+const initialState = {
+  description: document.querySelector("#description").textContent,
+  image: {
+    src: image.getAttribute("src"),
+    alt: image.getAttribute("alt"),
+  },
+  name: "Home",
+};
+history.replaceState(initialState, "", document.location.href);
 ```
 
+在页面加载时，我们会收集页面的所有部分，以便在用户返回 SPA 的起点时还原这些部分。这与我们在处理其他导航时获取的 JSON 结构相同。我们将这个 `initialState` 对象传递给 `replaceState()`，这样就能有效地将状态对象添加到当前历史记录条目中。
+
+当用户返回到我们的起点时，`popstate` 事件将包含此初始状态，我们可以使用 `displayContent()` 函数更新页面。
+
+## 一个完整的示例
+
+你可以在 <https://github.com/mdn/dom-examples/tree/main/history-api> 中看到完整的示例，并在 <https://mdn.github.io/dom-examples/history-api/> 访问到实时运行的版本。
+
 ## 参见
 
 - [历史记录 API](/zh-CN/docs/Web/API/History_API)
-- [历史导航示例](/zh-CN/docs/Web/API/History_API/Example)
 - {{domxref("window.history", "history")}} 全局对象
diff --git a/files/zh-cn/web/api/htmlbaseelement/index.md b/files/zh-cn/web/api/htmlbaseelement/index.md
index 95dd1c9d006b57..2a3200242d9373 100644
--- a/files/zh-cn/web/api/htmlbaseelement/index.md
+++ b/files/zh-cn/web/api/htmlbaseelement/index.md
@@ -9,7 +9,7 @@ slug: Web/API/HTMLBaseElement
 
 ## 属性
 
-_继承了其父级 {{domxref("HTMLElement")}} 的所有属性_
+_继承了其父级 {{domxref("HTMLElement")}} 的所有属性。_
 
 - {{domxref("HTMLBaseElement.href")}}
   - : 映射自 {{domxref("DOMString")}} HTML [`href`](/zh-CN/docs/Web/HTML/Element/base#href) 特性，包含了当前文档中所有相对 URL 地址的基准 URL。
@@ -20,14 +20,14 @@ _继承了其父级 {{domxref("HTMLElement")}} 的所有属性_
 
 _没有特殊的方法，继承了其父级 {{domxref("HTMLElement")}} 的所有特性。_
 
-## Specifications
+## 规范
 
 {{Specifications}}
 
-## Browser compatibility
+## 浏览器兼容性
 
 {{Compat}}
 
-## See also
+## 参见
 
-- HTML element implementing this interface: {{ HTMLElement("base") }}
+- 实现了该接口的 HTML 元素：{{ HTMLElement("base") }}
diff --git a/files/zh-cn/web/api/htmlmediaelement/index.md b/files/zh-cn/web/api/htmlmediaelement/index.md
index 4ca33ee457d1fc..aa5d2545460a66 100644
--- a/files/zh-cn/web/api/htmlmediaelement/index.md
+++ b/files/zh-cn/web/api/htmlmediaelement/index.md
@@ -3,11 +3,15 @@ title: HTMLMediaElement
 slug: Web/API/HTMLMediaElement
 ---
 
-{{APIRef("HTML DOM")}}HTML 媒体元素接口在属性和方法中添加了 {{domxref("HTMLElement", "HTML 元素")}}来支持基础的媒体相关的能力，就像 audio 和 video 一样。{{domxref("HTMLVideoElement", "HTML 视频元素")}}和 {{domxref("HTMLAudioElement", "HTML 音频元素")}}元素都继承自此接口。{{InheritanceDiagram(600, 180)}}
+{{APIRef("HTML DOM")}}
+
+HTML 媒体元素接口在属性和方法中添加了 {{domxref("HTMLElement", "HTML 元素", "", 1)}}来支持基础的媒体相关的能力，就像音频和视频一样。{{domxref("HTMLVideoElement", "HTML 视频元素", "", 1)}}和{{domxref("HTMLAudioElement", "HTML 音频元素", "", 1)}}元素都继承自此接口。
+
+{{InheritanceDiagram(600, 180)}}
 
 ## 特性
 
-_从父级 {{domxref("HTMLElement")}}, {{domxref("Element")}}, {{domxref("Node")}}, 和 {{domxref("EventTarget")}} 继承属性_
+_从父级 {{domxref("HTMLElement")}}、{{domxref("Element")}}、{{domxref("Node")}} 和 {{domxref("EventTarget")}} 继承属性。_
 
 <table>
   <thead>
@@ -30,8 +34,8 @@ _从父级 {{domxref("HTMLElement")}}, {{domxref("Element")}}, {{domxref("Node")
       <td>{{domxref("Boolean")}}</td>
       <td>
         <p>
-          表示[`autoplay`](/zh-CN/docs/Web/HTML/Element/video#autoplay)的 HTML
-          属性，表明在视频加载可用时是否不中断地自动播放资源
+          表示 <a href="/zh-CN/docs/Web/HTML/Element/video#autoplay"><code>autoplay</code></a>
+          的 HTML 属性，表明在视频加载可用时是否不中断地自动播放资源
         </p>
       </td>
     </tr>
@@ -57,8 +61,8 @@ _从父级 {{domxref("HTMLElement")}}, {{domxref("Element")}}, {{domxref("Node")
       <td>{{domxref("Boolean")}}</td>
       <td>
         映射在 HTML
-        标签。[`controls`](/zh-CN/docs/Web/HTML/Element/video#controls)属性控制是否显示用户播放界面的控制
-        HTML
+        标签。<a href="/zh-CN/docs/Web/HTML/Element/video#controls"><code>controls</code></a>
+        属性控制是否显示用户播放界面的控制 HTML
       </td>
     </tr>
     <tr>
@@ -95,7 +99,7 @@ _从父级 {{domxref("HTMLElement")}}, {{domxref("Element")}}, {{domxref("Node")
       <td><code>defaultMuted</code></td>
       <td>{{domxref("Boolean")}}</td>
       <td>
-        映射在 HTML 标签上。 [`muted`](/zh-CN/docs/Web/HTML/Element/video#muted)
+        映射在 HTML 标签上。<a href="/zh-CN/docs/Web/HTML/Element/video#muted"><code>muted</code></a>
         属性表示媒体声音被播放时是否应该被静音。这个属性不能动态设置静音/不静音，如果希望设置静音/不静音，请使用
         <code>muted</code> 属性
       </td>
@@ -144,7 +148,7 @@ _从父级 {{domxref("HTMLElement")}}, {{domxref("Element")}}, {{domxref("Node")
       <td><code>loop</code></td>
       <td>{{domxref("Boolean")}}</td>
       <td>
-        会映射在 HTML 标签 [`loop`](/zh-CN/docs/Web/HTML/Element/video#loop) 属性
+        会映射在 HTML 标签 <a href="/zh-CN/docs/Web/HTML/Element/video#loop"><code>loop</code></a> 属性
         , 决定该媒体是否循环播放。
       </td>
     </tr>
@@ -152,7 +156,7 @@ _从父级 {{domxref("HTMLElement")}}, {{domxref("Element")}}, {{domxref("Node")
       <td><code>mediaGroup</code></td>
       <td>{{domxref("DOMString")}}</td>
       <td>
-        反映在 HTML [`mediagroup`](/zh-CN/docs/Web/HTML/Element/video#mediagroup)
+        反映在 HTML <a href="/zh-CN/docs/Web/HTML/Element/video#mediagroup"><code>mediagroup</code></a>
         标签上。
         表示元素所归属的分组，同一组的媒体元素会共享同一个控制器（<code>controller</code>）。
       </td>
@@ -217,7 +221,7 @@ _从父级 {{domxref("HTMLElement")}}, {{domxref("Element")}}, {{domxref("Node")
     </tr>
     <tr>
       <td>
-        <code>mozSampleRate </code>{{readonlyinline}}
+        <code>mozSampleRate</code>{{readonlyinline}}
         {{ non-standard_inline() }}
       </td>
       <td><code>long</code></td>
@@ -226,7 +230,7 @@ _从父级 {{domxref("HTMLElement")}}, {{domxref("Element")}}, {{domxref("Node")
       </td>
     </tr>
     <tr>
-      <td><code>mozSrcObject </code>{{ non-standard_inline() }}</td>
+      <td><code>mozSrcObject</code>{{ non-standard_inline() }}</td>
       <td>{{domxref("MediaStream")}}</td>
       <td>
         Lets you set or get the
@@ -315,10 +319,10 @@ _从父级 {{domxref("HTMLElement")}}, {{domxref("Element")}}, {{domxref("Node")
       <td><code>preload</code></td>
       <td>{{ domxref("DOMString") }}</td>
       <td>
-        Reflects the [`preload`](/zh-CN/docs/Web/HTML/Element/video#preload) HTML
+        Reflects the <a href="/zh-CN/docs/Web/HTML/Element/video#preload"><code>preload</code></a> HTML
         attribute, indicating what data should be preloaded, if any. Possible
         values are: <code>none</code>, <code>metadata</code>, <code>auto</code>.
-        See [`preload`](/zh-CN/docs/Web/HTML/Element/video#preload) attribute
+        See <a href="/zh-CN/docs/Web/HTML/Element/video#preload"><code>preload</code></a> attribute
         documentation for details.
       </td>
     </tr>
@@ -413,7 +417,7 @@ _从父级 {{domxref("HTMLElement")}}, {{domxref("Element")}}, {{domxref("Node")
       <td><code>src</code></td>
       <td>{{ domxref("DOMString") }}</td>
       <td>
-        Reflects the [`src`](/zh-CN/docs/Web/HTML/Element/video#src) HTML
+        Reflects the <a href="/zh-CN/docs/Web/HTML/Element/video#src"><code>src</code></a> HTML
         attribute, containing the URL of a media resource to use. Gecko
         implements a similar functionality for streams:
         <code>mozSrcObject</code>.
diff --git a/files/zh-cn/web/api/htmlmediaelement/paused/index.md b/files/zh-cn/web/api/htmlmediaelement/paused/index.md
index e2d78ffdba03dd..02b63f2f559df2 100644
--- a/files/zh-cn/web/api/htmlmediaelement/paused/index.md
+++ b/files/zh-cn/web/api/htmlmediaelement/paused/index.md
@@ -5,24 +5,16 @@ slug: Web/API/HTMLMediaElement/paused
 
 {{APIRef("HTML DOM")}}
 
-`属性 (只读)HTMLMediaElement.paused` 告诉视频是否正在暂停
+只读属性 `HTMLMediaElement.paused` 指示视频是否正在暂停。
 
-## 语法
+## 返回值
 
-```plain
-var isPaused = audioOrVideo.paused
-```
-
-### 返回值
-
-类型{{domxref("Boolean")}}。`true` 暂停中 `false` 没有暂停
-
-_仅限暂停状态 因网络原因造成的缓冲状态仍然会告诉你不在暂停状态_
+布尔值。`true` 表示正在暂停，`false` 表示没有暂停。
 
-## 例子
+## 示例
 
 ```js
-var obj = document.createElement("video");
+const obj = document.createElement("video");
 console.log(obj.paused); // true
 ```
 
@@ -34,6 +26,6 @@ console.log(obj.paused); // true
 
 {{Compat}}
 
-## 参考文档
+## 参见
 
-- The interface defining it, {{domxref("HTMLMediaElement")}}.
+- {{domxref("HTMLMediaElement")}}：用于定义 `HTMLMediaElement.paused` 属性的接口。
diff --git a/files/zh-cn/web/api/htmltemplateelement/index.md b/files/zh-cn/web/api/htmltemplateelement/index.md
index 16758b6beef883..e81b541619b47d 100644
--- a/files/zh-cn/web/api/htmltemplateelement/index.md
+++ b/files/zh-cn/web/api/htmltemplateelement/index.md
@@ -5,20 +5,20 @@ slug: Web/API/HTMLTemplateElement
 
 {{APIRef("Web Components")}}
 
-可以使用**`HTMLTemplateElement`** 接口来访问 HTML {{HTMLElement("template")}}元素的内容。
+可以使用 **`HTMLTemplateElement`** 接口来访问 HTML {{HTMLElement("template")}} 元素的内容。
 
 {{InheritanceDiagram(600, 120)}}
 
 ## 属性
 
-_这个接口继承了 {{domxref("HTMLElement")}}的属性_
+_这个接口继承了 {{domxref("HTMLElement")}} 的属性。_
 
 - {{domxref("HTMLTemplateElement.content")}}{{readonlyinline}}
-  - : {{domxref("DocumentFragment")}}对象，包裹了模板元素{{HTMLElement("template")}}的内容。这个属性是只读的 DOM 树。
+  - : {{domxref("DocumentFragment")}} 对象，包裹了模板元素 {{HTMLElement("template")}} 的内容。这个属性是只读的 DOM 树。
 
-## Methods
+## 方法
 
-_这个接口继承了 {{domxref("HTMLElement")}}的方法。_
+_这个接口继承了 {{domxref("HTMLElement")}} 的方法。_
 
 ## 规范
 
diff --git a/files/zh-cn/web/api/inputevent/iscomposing/index.md b/files/zh-cn/web/api/inputevent/iscomposing/index.md
index 4301529d0ffc45..a3ca0e56b218c5 100644
--- a/files/zh-cn/web/api/inputevent/iscomposing/index.md
+++ b/files/zh-cn/web/api/inputevent/iscomposing/index.md
@@ -1,36 +1,32 @@
 ---
-title: InputEvent.isComposing
+title: InputEvent：isComposing 属性
 slug: Web/API/InputEvent/isComposing
 ---
 
-{{APIRef("DOM Events")}}
+{{APIRef("UI Events")}}
 
-The **`InputEvent.isComposing`** read-only property returns a {{jsxref("Boolean")}} value indicating if the event is fired after [`compositionstart`](/zh-CN/docs/Web/API/Element/compositionstart_event) and before [`compositionend`](/zh-CN/docs/Web/API/Element/compositionend_event).
+**`InputEvent.isComposing`** 只读属性返回一个布尔值，表示事件是否是在 {{domxref("Element/compositionstart_event", "compositionstart")}} 之后且在 {{domxref("Element/compositionend_event", "compositionend")}} 之前触发的。
 
-## 这是一个只读属性，返回 boolean 类型。表示正处于输入事件的开始与结束之间，表示正在输入状态。
+## 返回值
 
-## Syntax
+一个布尔值。
 
-```plain
-var bool = event.isComposing;
-```
-
-## Example
+## 示例
 
 ```js
-var inputEvent = new InputEvent("syntheticInput", false);
-console.log(inputEvent.isComposing); // return false
+const inputEvent = new InputEvent("syntheticInput", false);
+console.log(inputEvent.isComposing); // 返回 false
 ```
 
-## Specifications
+## 规范
 
 {{Specifications}}
 
-## Browser compatibility
+## 浏览器兼容性
 
 {{Compat}}
 
-## See also
+## 参见
 
-- [`compositionstart`](/zh-CN/docs/Web/API/Element/compositionstart_event) and [`compositionend`](/zh-CN/docs/Web/API/Element/compositionend_event)
+- {{domxref("Element/compositionstart_event", "compositionstart")}} 和 {{domxref("Element/compositionend_event", "compositionend")}}
 - {{domxref("InputEvent")}}
diff --git a/files/zh-cn/web/api/mathmlelement/index.md b/files/zh-cn/web/api/mathmlelement/index.md
index 9a6e58b73e6aaa..937be9b4353550 100644
--- a/files/zh-cn/web/api/mathmlelement/index.md
+++ b/files/zh-cn/web/api/mathmlelement/index.md
@@ -9,11 +9,11 @@ slug: Web/API/MathMLElement
 
 ## 属性
 
-_This interface has no properties, but inherits properties from: {{DOMxRef("DocumentAndElementEventHandlers")}}, {{DOMxRef("Element")}}, {{DOMxRef("ElementCSSInlineStyle")}}, {{DOMxRef("GlobalEventHandlers")}}, {{DOMxRef("HTMLOrForeignElement")}}_
+_This interface has no properties, but inherits properties from: {{DOMxRef("DocumentAndElementEventHandlers")}}, {{DOMxRef("Element")}}, {{DOMxRef("ElementCSSInlineStyle")}}, {{DOMxRef("GlobalEventHandlers")}}, {{DOMxRef("HTMLOrForeignElement")}}._
 
 ## 方法
 
-_This interface has no methods, but inherits methods from: {{DOMxRef("DocumentAndElementEventHandlers")}}, {{DOMxRef("Element")}}, {{DOMxRef("ElementCSSInlineStyle")}}, {{DOMxRef("GlobalEventHandlers")}}, {{DOMxRef("HTMLOrForeignElement")}}_
+_This interface has no methods, but inherits methods from: {{DOMxRef("DocumentAndElementEventHandlers")}}, {{DOMxRef("Element")}}, {{DOMxRef("ElementCSSInlineStyle")}}, {{DOMxRef("GlobalEventHandlers")}}, {{DOMxRef("HTMLOrForeignElement")}}._
 
 ## 示例
 
diff --git a/files/zh-cn/web/api/messageport/index.md b/files/zh-cn/web/api/messageport/index.md
index 4dc139ec21392b..f39d37394a911f 100644
--- a/files/zh-cn/web/api/messageport/index.md
+++ b/files/zh-cn/web/api/messageport/index.md
@@ -11,7 +11,7 @@ slug: Web/API/MessagePort
 
 ## 方法
 
-_继承自父类 {{domxref("EventTarget")}} 的方法_
+_继承自父类 {{domxref("EventTarget")}} 的方法。_
 
 - {{domxref("MessagePort.postMessage")}}
   - : 从端口发送一条消息，并且可选是否将对象的所有权交给其他浏览器上下文。
@@ -22,7 +22,7 @@ _继承自父类 {{domxref("EventTarget")}} 的方法_
 
 ## 事件回调
 
-_继承自父类 {{domxref("EventTarget")}} 的事件回调_
+_继承自父类 {{domxref("EventTarget")}} 的事件回调。_
 
 - {{domxref("MessagePort.onmessage")}}
   - : 是一个 {{domxref("EventListener")}}, 当类型为 `message` 的 {{domxref("MessageEvent")}} 在该端口触发时，它将会被调用 ── 也就是说，该端口收到了一条消息。
@@ -38,18 +38,18 @@ _继承自父类 {{domxref("EventTarget")}} 的事件回调_
   - : 当 `MessagePort` 对象收到无法被反序列化的消息时触发。
     也可以通过 {{domxref("MessagePort.onmessageerror","onmessageerror")}} 属性使用。
 
-## 例子
+## 示例
 
-在下面的例子中，你可以看到一个使用 {{domxref("MessageChannel.MessageChannel","MessageChannel()")}} 构造函数创建出的新 channel.
+在下面的示例中，你可以看到一个使用 {{domxref("MessageChannel.MessageChannel","MessageChannel()")}} 构造函数创建出的新通道。
 
-当 IFrame 加载完成后，我们给 {{domxref("MessageChannel.port1")}} 注册了一个 {{domxref("MessagePort.onmessage","onmessage")}} 回调，并且使用 {{domxref("window.postMessage")}} 方法把 {{domxref("MessageChannel.port2")}} 和一条消息一起传给 IFrame.
+当 IFrame 加载完成后，我们给 {{domxref("MessageChannel.port1")}} 注册了一个 {{domxref("MessagePort.onmessage","onmessage")}} 回调，并且使用 {{domxref("window.postMessage")}} 方法把 {{domxref("MessageChannel.port2")}} 和一条消息一起传给 IFrame。
 
 当从 IFrame 收到消息时，`onMessage` 方法会把消息输出到一个段落里。
 
-```plain
+```js
 var channel = new MessageChannel();
-var output = document.querySelector('.output');
-var iframe = document.querySelector('iframe');
+var output = document.querySelector(".output");
+var iframe = document.querySelector("iframe");
 
 // 等待 iframe 加载
 iframe.addEventListener("load", onLoad);
@@ -59,10 +59,11 @@ function onLoad() {
   channel.port1.onmessage = onMessage;
 
   // 把 port2 传给 iframe
-  iframe.contentWindow.postMessage('Hello from the main page!', '*', [channel.port2]);
+  iframe.contentWindow.postMessage("Hello from the main page!", "*", [
+    channel.port2,
+  ]);
 }
 
-
 // 处理 port1 收到的消息
 function onMessage(e) {
   output.innerHTML = e.data;
diff --git a/files/zh-cn/web/api/navigator/getusermedia/index.md b/files/zh-cn/web/api/navigator/getusermedia/index.md
index 9189a5ef2959fb..d8e9f3f2d71517 100644
--- a/files/zh-cn/web/api/navigator/getusermedia/index.md
+++ b/files/zh-cn/web/api/navigator/getusermedia/index.md
@@ -5,7 +5,7 @@ slug: Web/API/Navigator/getUserMedia
 
 > **备注：** 此 API 已更名为 {{domxref("MediaDevices.getUserMedia()")}}。请使用那个版本进行替代！这个已废弃的 API 版本仅为了向后兼容而存在。
 
-{{APIRef}}{{deprecated_header}}
+{{APIRef("Media Capture and Streams")}}{{deprecated_header}}
 
 **Navigator.getUserMedia()** 方法提醒用户需要使用音频（0 或者 1）和（0 或者 1）视频输入设备，比如相机，屏幕共享，或者麦克风。如果用户给予许可，**successCallback** 回调就会被调用，{{domxref("MediaStream")}} 对象作为回调函数的参数。如果用户拒绝许可或者没有媒体可用，**errorCallback** 就会被调用，类似的，**`PermissionDeniedError`** 或者 **`NotFoundError`** 对象作为它的参数。注意，有可能以上两个回调函数都不被调用，因为不要求用户一定作出选择（允许或者拒绝）。
 
@@ -17,59 +17,59 @@ navigator.getUserMedia ( constraints, successCallback, errorCallback );
 
 ### 参数
 
-**constraints**
+- `constraints`
+  - : {{domxref("MediaStreamConstaints")}} 对象指定了请求使用媒体的类型，还有每个类型的所需要的参数。具体细节请参见 {{domxref("MediaDevices.getUserMedia()")}} 方法下面的 [constraints](/zh-CN/docs/Web/API/MediaDevices/getUserMedia#Parameters) 部分。
+- `successCallback`
 
-{{domxref("MediaStreamConstaints")}} 对象指定了请求使用媒体的类型，还有每个类型的所需要的参数。具体细节请参见 {{domxref("MediaDevices.getUserMedia()")}} 方法下面的 [constraints](/zh-CN/docs/Web/API/MediaDevices/getUserMedia#Parameters) 部分。
+  - : 当调用成功后，successCallback 中指定的函数就被调用，包含了媒体流的 {{domxref("MediaStream")}} 对象作为它的参数，你可以把媒体流对象赋值给合适的元素，然后使用它，就像下面的例子一样：
 
-**successCallback**
+    ```js
+    function(stream) {
+       var video = document.querySelector('video');
+       video.src = window.URL.createObjectURL(stream);
+       video.onloadedmetadata = function(e) {
+          // Do something with the video here.
+       };
+    }
+    ```
 
-当调用成功后，successCallback 中指定的函数就被调用，包含了媒体流的 {{domxref("MediaStream")}} 对象作为它的参数，你可以把媒体流对象赋值给合适的元素，然后使用它，就像下面的例子一样：
+- `errorCallback`
 
-```
-function(stream) {
-   var video = document.querySelector('video');
-   video.src = window.URL.createObjectURL(stream);
-   video.onloadedmetadata = function(e) {
-      // Do something with the video here.
-   };
-}
-```
+  - : 当调用失败，errorCallback 中指定的函数就会被调用，{{domxref("MediaStreamError")}} 对象作为它唯一的参数；此对象基于 {{domxref("DOMException")}} 对象构建。错误码描述见参见以下：
 
-**errorCallback**
-
-当调用失败，errorCallback 中指定的函数就会被调用，{{domxref("MediaStreamError")}} 对象作为它唯一的参数；此对象基于 {{domxref("DOMException")}} 对象构建。错误码描述见参见以下：
-
-| Error                   | Description                        |
-| ----------------------- | ---------------------------------- |
-| `PermissionDeniedError` | 使用媒体设备请求被用户或者系统拒绝 |
-| `NotFoundError`         | 找不到 constraints 中指定媒体类型  |
+    | 错误                    | 描述                               |
+    | ----------------------- | ---------------------------------- |
+    | `PermissionDeniedError` | 使用媒体设备请求被用户或者系统拒绝 |
+    | `NotFoundError`         | 找不到 constraints 中指定媒体类型  |
 
 ## 示例
 
 ### 宽度和高度
 
-使用 getUserMedia() 的示例，包括了可以适用于多种浏览器前缀的代码。注意这种使用方式已经被废除，现代的使用方法请参见 {{domxref("MediaDevices.getUserMedia()")}} 下面的[示例](/zh-CN/docs/Web/API/MediaDevices/getUserMedia#Frame_rate)部分。
+使用 `getUserMedia()` 的示例，包括了可以适用于多种浏览器前缀的代码。注意这种使用方式已经被废除，现代的使用方法请参见 {{domxref("MediaDevices.getUserMedia()")}} 下面的[示例](/zh-CN/docs/Web/API/MediaDevices/getUserMedia#Frame_rate)部分。
 
-```
-navigator.getUserMedia = navigator.getUserMedia ||
-                         navigator.webkitGetUserMedia ||
-                         navigator.mozGetUserMedia;
+```js
+navigator.getUserMedia =
+  navigator.getUserMedia ||
+  navigator.webkitGetUserMedia ||
+  navigator.mozGetUserMedia;
 
 if (navigator.getUserMedia) {
-   navigator.getUserMedia({ audio: true, video: { width: 1280, height: 720 } },
-      function(stream) {
-         var video = document.querySelector('video');
-         video.src = window.URL.createObjectURL(stream);
-         video.onloadedmetadata = function(e) {
-           video.play();
-         };
-      },
-      function(err) {
-         console.log("The following error occurred: " + err.name);
-      }
-   );
+  navigator.getUserMedia(
+    { audio: true, video: { width: 1280, height: 720 } },
+    function (stream) {
+      var video = document.querySelector("video");
+      video.src = window.URL.createObjectURL(stream);
+      video.onloadedmetadata = function (e) {
+        video.play();
+      };
+    },
+    function (err) {
+      console.log("The following error occurred: " + err.name);
+    },
+  );
 } else {
-   console.log("getUserMedia not supported");
+  console.log("getUserMedia not supported");
 }
 ```
 
@@ -96,9 +96,9 @@ if (navigator.getUserMedia) {
 
 > **警告：** 新代码应当使用 {{domxref("Navigator.mediaDevices.getUserMedia()")}} 替代。
 
-## 更多参见
+## 参见
 
-- {{domxref("MediaDevices.getUserMedia()")}} 替代了当前废弃的版本。
-- [WebRTC](/zh-CN/docs/WebRTC) - the introductory page to the API
-- [MediaStream API](/zh-CN/docs/WebRTC/MediaStream_API) - the API for the media stream objects
-- [Taking webcam photos](/zh-CN/docs/WebRTC/taking_webcam_photos) - a tutorial on using `getUserMedia() for taking photos rather than video.`
+- {{domxref("MediaDevices.getUserMedia()")}} 代替了这个已弃用的方法。
+- [WebRTC](/zh-CN/docs/Web/API/WebRTC_API)——该 API 的介绍页面
+- [媒体捕捉与媒体流 API](/zh-CN/docs/Web/API/Media_Capture_and_Streams_API)——媒体流对象的 API
+- [使用网络摄像头拍摄照片](/zh-CN/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos)——使用 `getUserMedia()` 拍摄照片（而不是视频）的教程。
diff --git a/files/zh-cn/web/api/navigator/mediadevices/index.md b/files/zh-cn/web/api/navigator/mediadevices/index.md
index ee00d303c26525..484d855459ee67 100644
--- a/files/zh-cn/web/api/navigator/mediadevices/index.md
+++ b/files/zh-cn/web/api/navigator/mediadevices/index.md
@@ -1,19 +1,23 @@
 ---
-title: Navigator.mediaDevices
+title: Navigator：mediaDevices 属性
 slug: Web/API/Navigator/mediaDevices
+l10n:
+  sourceCommit: ef75c1741b450c2331204be5563ee964ad5f4c48
 ---
 
-{{APIRef("Media Capture and Streams")}}mediaDevices 是 Navigator 只读属性，返回一个 {{domxref("MediaDevices")}} 对象，该对象可提供对相机和麦克风等媒体输入设备的连接访问，也包括屏幕共享。
+{{APIRef("Media Capture and Streams")}}{{securecontext_header}}
+
+**`Navigator.mediaDevices`** 只读属性返回一个 {{domxref("MediaDevices")}} 对象，该对象可提供对相机和麦克风等媒体输入设备以及屏幕共享的连接访问。
 
 ## 语法
 
-```plain
-var mediaDevices = navigator.mediaDevices;
+```js-nolint
+navigator.mediaDevices
 ```
 
 ### 返回值
 
-{{domxref("MediaDevices")}} 是一个单例对象。通常，你只需直接使用此对象的成员，例如通过调用{{domxref("navigator.mediaDevices.getUserMedia()")}}。
+{{domxref("MediaDevices")}} 单例对象。通常，你只需直接使用此对象的成员，例如调用 {{domxref("navigator.mediaDevices.getUserMedia()")}}。
 
 ## 规范
 
@@ -23,7 +27,7 @@ var mediaDevices = navigator.mediaDevices;
 
 {{Compat}}
 
-## 参考阅读
+## 参见
 
-- [Media Capture and Streams API](/zh-CN/docs/Web/API/Media_Streams_API): The entry point to the documentation about the entire media stream API.
-- [WebRTC API](/zh-CN/docs/Web/API/WebRTC_API): Documentation about the WebRTC API, which is closely related.
+- [媒体捕捉与媒体流 API](/zh-CN/docs/Web/API/Media_Capture_and_Streams_API)：有关整个媒体捕捉与媒体流 API 的文档的入口点。
+- [WebRTC API](/zh-CN/docs/Web/API/WebRTC_API)：与之密切相关的 WebRTC API 的相关文档。
diff --git a/files/zh-cn/web/api/selection/modify/index.md b/files/zh-cn/web/api/selection/modify/index.md
index 8ea5bda084ccc3..1638890186c050 100644
--- a/files/zh-cn/web/api/selection/modify/index.md
+++ b/files/zh-cn/web/api/selection/modify/index.md
@@ -37,7 +37,7 @@ selection.modify("extend", "forward", "word");
 
 ## 规范
 
-_无_
+_无。_
 
 ## 浏览器兼容性
 
diff --git a/files/zh-cn/web/api/server-sent_events/index.md b/files/zh-cn/web/api/server-sent_events/index.md
index 259d3178bc94e8..c65e491f21897b 100644
--- a/files/zh-cn/web/api/server-sent_events/index.md
+++ b/files/zh-cn/web/api/server-sent_events/index.md
@@ -39,9 +39,9 @@ slug: Web/API/Server-sent_events
 - Rick Waldron 的 [jquery 插件](https://github.com/rwaldron/jquery.eventsource)
 - intercooler.js [声明性的 SSE 支持](https://intercoolerjs.org/docs.html#sse)
 
-### 相关话题
+### 相关主题
 
-- [AJAX](/zh-CN/docs/Web/Guide/AJAX)
+- [从服务器获取数据](/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data)
 - [JavaScript](/zh-CN/docs/Web/JavaScript)
 - [WebSocket](/zh-CN/docs/Web/API/WebSockets_API)
 
diff --git a/files/zh-cn/web/api/svgaelement/index.md b/files/zh-cn/web/api/svgaelement/index.md
index a1ecc8485efb31..44bbcf4ef8a639 100644
--- a/files/zh-cn/web/api/svgaelement/index.md
+++ b/files/zh-cn/web/api/svgaelement/index.md
@@ -5,7 +5,7 @@ slug: Web/API/SVGAElement
 
 {{APIRef("SVG")}}
 
-## SVG a DOM 接口
+## SVG DOM 接口
 
 `SVGAElement`接口提供了对{{ SVGElement("a") }}元素的属性的访问，而且还提供了操作该元素的方法。
 
@@ -55,45 +55,26 @@ slug: Web/API/SVGAElement
 
 这个接口同样会从父级元素 *{{domxref("SVGGraphicsElement")}}*继承属性，并实现 _{{domxref("SVGURIReference")}}_ 和 _{{domxref("HTMLHyperlinkElementUtils")}}_ 中的功能。
 
-**{{domxref("SVGAElement.download")}}**
-
-参见 {{domxref("HTMLAnchorElement.download")}}
-
-**{{domxref("SVGAElement.href")}}**
-
-See {{domxref("HTMLAnchorElement.href")}}
-
-**{{domxref("SVGAElement.hreflang")}}**
-
-是一个反映 `hreflang` 属性的字符串（DOMString），表示链接资源的语言种类。
-
-**{{domxref("SVGAElement.ping")}}**
-
-是一个反映 ping 值的字符串（DOMString），包含以空格分隔开的 URL 列表，当超链接可以被跟踪时，浏览器会（在后台）发送有 PING 主体的 {{HTTPMethod("POST")}} 的请求，一般用于追踪。
-
-**{{domxref("SVGAElement.referrerPolicy")}}**
-
-参见 {{domxref("HTMLAnchorElement.referrerPolicy")}}
-
-**{{domxref("SVGAElement.rel")}}**
-
-参见 {{domxref("HTMLAnchorElement.rel")}}
-
-**{{domxref("SVGAElement.relList")}}**
-
-参见{{domxref("HTMLAnchorElement.relList")}}
-
-**{{domxref("SVGAElement.target")}} {{readonlyInline}}**
-
-它和特定元素的 {{SVGAttr("target")}} 属性相同
-
-**{{domxref("SVGAElement.text")}}**
-
-是一个字符串（DOMString），作为 {{domxref("Node.textContent")}} 属性的代名词。
-
-**{{domxref("SVGAElement.type")}}**
-
-是一个反映 `type` 属性的字符串（DOMString），表示链接资源的 MIME 种类。
+- {{domxref("SVGAElement.download")}}
+  - : 参见 {{domxref("HTMLAnchorElement.download")}}
+- {{domxref("SVGAElement.href")}}
+  - : 参见 {{domxref("HTMLAnchorElement.href")}}
+- {{domxref("SVGAElement.hreflang")}}
+  - : 是一个反映 `hreflang` 属性的字符串（DOMString），表示链接资源的语言种类。
+- {{domxref("SVGAElement.ping")}}
+  - : 是一个反映 ping 值的字符串（DOMString），包含以空格分隔开的 URL 列表，当超链接可以被跟踪时，浏览器会（在后台）发送有 PING 主体的 {{HTTPMethod("POST")}} 的请求，一般用于追踪。
+- {{domxref("SVGAElement.referrerPolicy")}}
+  - : 参见 {{domxref("HTMLAnchorElement.referrerPolicy")}}
+- {{domxref("SVGAElement.rel")}}
+  - : 参见 {{domxref("HTMLAnchorElement.rel")}}
+- {{domxref("SVGAElement.relList")}}
+  - : 参见{{domxref("HTMLAnchorElement.relList")}}
+- {{domxref("SVGAElement.target")}} {{readonlyInline}}
+  - : 它和特定元素的 {{SVGAttr("target")}} 属性相同
+- {{domxref("SVGAElement.text")}}
+  - : 是一个字符串（DOMString），作为 {{domxref("Node.textContent")}} 属性的代名词。
+- {{domxref("SVGAElement.type")}}
+  - : 是一个反映 `type` 属性的字符串（DOMString），表示链接资源的 MIME 种类。
 
 ## 方法
 
@@ -127,4 +108,4 @@ linkRef.onclick = function () {
 
 ## 参见
 
-- {{ SVGElement("a") }} SVG Element
+- {{ SVGElement("a") }} SVG 元素
diff --git a/files/zh-cn/web/api/web_components/using_custom_elements/index.md b/files/zh-cn/web/api/web_components/using_custom_elements/index.md
index 6ed04d58adb551..2f6e148a0763ab 100644
--- a/files/zh-cn/web/api/web_components/using_custom_elements/index.md
+++ b/files/zh-cn/web/api/web_components/using_custom_elements/index.md
@@ -1,264 +1,527 @@
 ---
-title: 使用 custom elements
+title: 使用自定义元素
 slug: Web/API/Web_components/Using_custom_elements
 ---
 
 {{DefaultAPISidebar("Web Components")}}
 
-Web Components 标准非常重要的一个特性是，它使开发者能够将 HTML 页面的功能封装为 custom elements（自定义标签），而往常，开发者不得不写一大堆冗长、深层嵌套的标签来实现同样的页面功能。这篇文章将会介绍如何使用 HTML 的 custom elements。
+Web 组件的一个关键特性是创建*自定义元素*：即由 Web 开发人员定义行为的 HTML 元素，扩展了浏览器中可用的元素集。
 
-> **备注：** Firefox、Chrome 和 Opera 默认就支持 custom elements。Safari 目前只支持 autonomous custom elements（自主自定义标签），而 Edge 也正在积极实现中。
+这篇文章介绍了自定义元素，并通过一些示例进行了详细说明。
 
-## 概述
+## 自定义元素的类型
 
-{{domxref("CustomElementRegistry")}} 接口的实例用来处理 web 文档中的 custom elements — 该对象允许你注册一个 custom element，返回已注册 custom elements 的信息，等等。
+有两种类型的自定义元素：
 
-{{domxref("CustomElementRegistry.define()")}} 方法用来注册一个 custom element，该方法接受以下参数：
+- **自定义内置元素**（Customized built-in element）继承自标准的 HTML 元素，例如 {{domxref("HTMLImageElement")}} 或 {{domxref("HTMLParagraphElement")}}。它们的实现定义了标准元素的行为。
+- **独立自定义元素**（Autonomous custom element）继承自 HTML 元素基类 {{domxref("HTMLElement")}}。你必须从头开始实现它们的行为。
 
-- 表示所创建的元素名称的符合 {{domxref("DOMString")}} 标准的字符串。注意，custom element 的名称不能是单个单词，且其中[必须要有短横线](https://html.spec.whatwg.org/#valid-custom-element-name)。
-- 用于定义元素行为的 [类](/zh-CN/docs/Web/JavaScript/Reference/Classes) 。
-- `可选参数`，一个包含 `extends` 属性的配置对象，是可选参数。它指定了所创建的元素继承自哪个内置元素，可以继承任何内置元素。
+## 实现自定义元素
 
-作为示例，我们可以像这样定义一个叫做 [word-count](https://mdn.github.io/web-components-examples/word-count-web-component/) 的 custom element：
+自定义元素作为一个[类](/zh-CN/docs/Web/JavaScript/Reference/Classes)来实现，该类可以扩展 {{domxref("HTMLElement")}}（在独立元素的情况下）或者你想要定制的接口（在自定义内置元素的情况下）。
+
+以下是一个最小自定义元素的实现示例，该元素定制了 {{HTMLElement("p")}} 元素：
 
 ```js
-customElements.define("word-count", WordCount, { extends: "p" });
+class WordCount extends HTMLParagraphElement {
+  constructor() {
+    super();
+  }
+  // 此处编写元素功能
+}
+```
+
+以下是一个独立自定义元素的最小实现：
+
+```js
+class PopupInfo extends HTMLElement {
+  constructor() {
+    super();
+  }
+  // 此处编写元素功能
+}
 ```
 
-这个元素叫做 `word-count`，它的类对象是 `WordCount`, 继承自 {{htmlelement("p")}} 元素。
+在类的[构造函数](/zh-CN/docs/Web/JavaScript/Reference/Classes/constructor)中，你可以设置初始状态和默认值，注册事件监听器，甚至创建一个影子根（shadow root）。在此处，你不应检查元素的属性或子元素，也不应添加新的属性或子元素。有关完整的要求集，请参阅[自定义元素构造函数和交互行为的要求](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-conformance)。
 
-一个 custom element 的类对象可以通过 ES 2015 标准里的类语法生成。所以，`WordCount`可以写成下面这样：
+### 自定义元素生命周期回调
+
+一旦你的自定义元素被注册，当页面中的代码以特定方式与你的自定义元素交互时，浏览器将调用你的类的某些方法。通过提供这些方法的实现，规范称之为*生命周期回调*，你可以运行代码来响应这些事件。
+
+自定义元素生命周期回调包括：
+
+- `connectedCallback()`：每当元素添加到文档中时调用。规范建议开发人员尽可能在此回调中实现自定义元素的设定，而不是在构造函数中实现。
+- `disconnectedCallback()`：每当元素从文档中移除时调用。
+- `adoptedCallback()`：每当元素被移动到新文档中时调用。
+- `attributeChangedCallback()`：在属性更改、添加、移除或替换时调用。有关此回调的更多详细信息，请参见[响应属性变化](#响应属性变化)。
+
+以下是一个记录这些生命周期事件的最小自定义元素示例：
 
 ```js
-class WordCount extends HTMLParagraphElement {
+// 为这个元素创建类
+class MyCustomElement extends HTMLElement {
+  static observedAttributes = ["color", "size"];
+
   constructor() {
     // 必须首先调用 super 方法
     super();
+  }
 
-    // 元素的功能代码写在这里
+  connectedCallback() {
+    console.log("自定义元素添加至页面。");
+  }
 
-    ...
+  disconnectedCallback() {
+    console.log("自定义元素从页面中移除。");
+  }
+
+  adoptedCallback() {
+    console.log("自定义元素移动至新页面。");
+  }
+
+  attributeChangedCallback(name, oldValue, newValue) {
+    console.log(`属性 ${name} 已变更。`);
   }
 }
+
+customElements.define("my-custom-element", MyCustomElement);
 ```
 
-上面只是一个简单的例子，我们能做的不只这些。在构造函数中，我们可以设定一些生命周期的回调函数，在特定的时间，这些回调函数将会被调用。例如，`connectedCallback`会在 custom element 首次被插入到文档 DOM 节点上时被调用，而 `attributeChangedCallback`则会在 custom element 增加、删除或者修改某个属性时被调用。
+## 注册自定义元素
 
-你可以在 [使用生命周期回调函数](#使用生命周期回调函数)段落中了解更多相关信息。
+要使自定义元素在页面中可用，请调用 {{domxref("Window.customElements")}} 的 {{domxref("CustomElementRegistry.define()", "define()")}} 方法。
 
-共有两种 custom elements：
+`define()` 方法接受以下参数：
 
-- **Autonomous custom elements** 是独立的元素，它不继承其他内建的 HTML 元素。你可以直接把它们写成 HTML 标签的形式，来在页面上使用。例如 `<popup-info>`，或者是`document.createElement("popup-info")`这样。
-- **Customized built-in elements** 继承自基本的 HTML 元素。在创建时，你必须指定所需扩展的元素（正如上面例子所示），使用时，需要先写出基本的元素标签，并通过 [`is`](/zh-CN/docs/Web/HTML/Global_attributes#is) 属性指定 custom element 的名称。例如`<p is="word-count">`, 或者 `document.createElement("p", { is: "word-count" })`。
+- `name`
+  - : 元素的名称。必须以小写字母开头，包含一个连字符，并符合规范中有效名称的定义中列出的一些其他规则。
+- `constructor`
+  - : 自定义元素的构造函数。
+- `options`
+  - : 仅对于自定义内置元素，这是一个包含单个属性 `extends` 的对象，该属性是一个字符串，命名了要扩展的内置元素。
 
-## 示例
+例如，以下代码注册了名为 `WordCount` 的自定义内置元素：
+
+```js
+customElements.define("word-count", WordCount, { extends: "p" });
+```
+
+以下代码注册了名为 `PopupInfo` 的独立自定义元素：
+
+```js
+customElements.define("popup-info", PopupInfo);
+```
+
+## 使用自定义元素
+
+一旦你定义并注册了自定义元素，就可以在代码中使用它。
+
+要使用自定义内置元素，请使用内置元素，但将自定义名称作为 [`is`](/zh-CN/docs/Web/HTML/Global_attributes/is) 属性的值：
+
+```html
+<p is="word-count"></p>
+```
+
+要使用独立自定义元素，就像使用内置的 HTML 元素一样，使用自定义名称即可：
+
+```html
+<popup-info>
+  <!-- 元素的内容 -->
+</popup-info>
+```
+
+## 响应属性变化
+
+与内置元素一样，自定义元素可以使用 HTML 属性来配置元素的行为。为了有效地使用属性，元素必须能够响应属性值的变化。为此，自定义元素需要将以下成员添加到实现自定义元素的类中：
 
-让我们来看几个简单示例，来了解如何创建 custom elements。
+- 一个名为 `observedAttributes` 的静态属性。这必须是一个包含元素需要变更通知的所有属性名称的数组。
+- `attributeChangedCallback()` 生命周期回调的实现。
 
-### Autonomous custom elements
+`attributeChangedCallback()` 回调在列在元素的 `observedAttributes` 属性中的属性被添加、修改、移除或替换时调用。
 
-我们来看一下 [`<popup-info-box>`](https://github.com/mdn/web-components-examples/tree/master/popup-info-box-web-component) (查看[在线示例](https://mdn.github.io/web-components-examples/popup-info-box-web-component/))，一个关于 autonomous custom element 的例子。它包含有一个图标和一段文字，并且图标显示在页面上。在这个图标获取焦点时，它会显示一个包含该段文字的信息框，用于展示更多的信息。
+回调接受三个参数：
 
-为了实现这个功能，首先创建一个 JavaScript 文件，定义一个叫做`PopUpInfo`的类，它继承自{{domxref("HTMLElement")}}。Autonomous custom elements 总是继承自`HTMLElement`。
+- 发生变化的属性的名称。
+- 属性的旧值。
+- 属性的新值。
+
+例如，下面这个独立自定义元素将观察一个 `size` 属性，并在它们发生变化时记录旧值和新值：
 
 ```js
-class PopUpInfo extends HTMLElement {
+// 为这个元素创建类
+class MyCustomElement extends HTMLElement {
+  static observedAttributes = ["size"];
+
   constructor() {
-    // 必须首先调用 super 方法
     super();
+  }
 
-    // 元素的功能代码写在这里
-
-    ...
+  attributeChangedCallback(name, oldValue, newValue) {
+    console.log(`属性 ${name} 已由 ${oldValue} 变更为 ${newValue}。`);
   }
 }
+
+customElements.define("my-custom-element", MyCustomElement);
 ```
 
-上述代码片段中，类的构造函数{{jsxref("Classes.constructor","constructor")}}总是先调用[`super()`](/zh-CN/docs/Web/JavaScript/Reference/Operators/super)来建立正确的原型链继承关系。
+请注意，如果元素的 `HTML` 声明包含一个被观察的属性，那么在属性被初始化后，`attributeChangedCallback()` 将在元素的声明首次解析时被调用。因此，在以下示例中，即使属性再也没有被更改，当 DOM 被解析时，`attributeChangedCallback()` 也会被调用：
+
+```html
+<my-custom-element size="100"></my-custom-element>
+```
+
+有关使用 `attributeChangedCallback()` 的完整示例，请参阅本页面中的[生命周期回调](#生命周期回调)。
+
+## 示例
+
+在本指南的其余部分，我们将看一些示例自定义元素。你可以在 [web-components-examples](https://github.com/mdn/web-components-examples) 仓库中找到所有这些示例的源代码，以及更多示例，并且你可以在 <https://mdn.github.io/web-components-examples/> 上实时查看它们。
+
+### 一个独立自定义元素
+
+首先，我们来看一个独立自定义元素。`<popup-info>` 自定义元素接受图像图标和文本字符串作为属性，并将图标嵌入到页面中。当焦点在图标上时，它会在弹出的信息框中显示文本，以提供更多上下文信息。
 
-在构造函数中，我们会定义元素实例所拥有的全部功能。作为示例，我们首先会将 shadow root 附加到 custom element 上，然后通过一系列 DOM 操作创建 custom element 的内部阴影 DOM（shadow DOM）结构，再将其附加到 shadow root 上，最后再将一些 CSS 附加到 shadow root 的 style 节点上。
+- [查看在线示例](https://mdn.github.io/web-components-examples/popup-info-box-web-component)
+- [查看源代码](https://github.com/mdn/web-components-examples/tree/main/popup-info-box-web-component)
+
+首先，JavaScript 文件定义了一个名为 `PopupInfo` 的类，该类扩展了 {{domxref("HTMLElement")}} 类。
 
 ```js
-// 创建一个 shadow root
-var shadow = this.attachShadow({ mode: "open" });
-
-// 创建一个 spans
-var wrapper = document.createElement("span");
-wrapper.setAttribute("class", "wrapper");
-var icon = document.createElement("span");
-icon.setAttribute("class", "icon");
-icon.setAttribute("tabindex", 0);
-var info = document.createElement("span");
-info.setAttribute("class", "info");
-
-// 获取 text 属性上的内容，并添加到一个 span 标签内
-var text = this.getAttribute("text");
-info.textContent = text;
-
-// 插入 icon
-var imgUrl;
-if (this.hasAttribute("img")) {
-  imgUrl = this.getAttribute("img");
-} else {
-  imgUrl = "img/default.png";
-}
-var img = document.createElement("img");
-img.src = imgUrl;
-icon.appendChild(img);
+// 为当这个元素创建一个类
+class PopupInfo extends HTMLElement {
+  constructor() {
+    // 必须首先调用 super 方法
+    super();
+  }
 
-// 创建一些 CSS，并应用到 shadow dom 上
-var style = document.createElement("style");
+  connectedCallback() {
+    // 创建影子根
+    const shadow = this.attachShadow({ mode: "open" });
 
-style.textContent =
-  ".wrapper {" +
-  // 简洁起见，省略了具体的 CSS
+    // 创建几个 span
+    const wrapper = document.createElement("span");
+    wrapper.setAttribute("class", "wrapper");
 
-  // 将创建的元素附加到 shadow dom
+    const icon = document.createElement("span");
+    icon.setAttribute("class", "icon");
+    icon.setAttribute("tabindex", 0);
 
-  shadow.appendChild(style);
-shadow.appendChild(wrapper);
-wrapper.appendChild(icon);
-wrapper.appendChild(info);
+    const info = document.createElement("span");
+    info.setAttribute("class", "info");
+
+    // 获取属性内容然后将其放入 info 这个 span 内
+    const text = this.getAttribute("data-text");
+    info.textContent = text;
+
+    // 插入图标
+    let imgUrl;
+    if (this.hasAttribute("img")) {
+      imgUrl = this.getAttribute("img");
+    } else {
+      imgUrl = "img/default.png";
+    }
+
+    const img = document.createElement("img");
+    img.src = imgUrl;
+    icon.appendChild(img);
+
+    // 创建一些 CSS 应用于影子 DOM
+    const style = document.createElement("style");
+    console.log(style.isConnected);
+
+    style.textContent = `
+      .wrapper {
+        position: relative;
+      }
+
+      .info {
+        font-size: 0.8rem;
+        width: 200px;
+        display: inline-block;
+        border: 1px solid black;
+        padding: 10px;
+        background: white;
+        border-radius: 10px;
+        opacity: 0;
+        transition: 0.6s all;
+        position: absolute;
+        bottom: 20px;
+        left: 10px;
+        z-index: 3;
+      }
+
+      img {
+        width: 1.2rem;
+      }
+
+      .icon:hover + .info, .icon:focus + .info {
+        opacity: 1;
+      }
+    `;
+
+    // 将创建好的元素附加到影子 DOM 上
+    shadow.appendChild(style);
+    console.log(style.isConnected);
+    shadow.appendChild(wrapper);
+    wrapper.appendChild(icon);
+    wrapper.appendChild(info);
+  }
+}
 ```
 
-最后，我们使用之前提到的`define()`方法将 custom element 注册到`CustomElementRegistry`上，在方法的参数里，我们指定了元素的名称，以及定义了元素功能的类。
+类定义包含类的 [`constructor()`](/zh-CN/docs/Web/JavaScript/Reference/Classes/constructor) 方法，该方法始终以调用 [`super()`](/zh-CN/docs/Web/JavaScript/Reference/Operators/super) 开始，以便正确建立原型链。
+
+在 `connectedCallback()` 方法内部，我们定义了元素连接到 DOM 时元素将具有的所有功能。在这种情况下，我们将一个影子根附加到自定义元素，使用一些 DOM 操作来创建元素的影子 DOM 结构——然后将其附加到影子根——最后将一些 CSS 附加到影子根以进行样式设置。我们不在构造函数中执行这项工作，因为在连接到 DOM 之前，元素的属性是不可用的。
+
+最后，我们使用前面提到的 `define()` 方法在 `CustomElementRegistry` 中注册我们的自定义元素——在参数中，我们指定元素名称，然后定义其功能的类名称：
 
 ```js
-customElements.define("popup-info", PopUpInfo);
+customElements.define("popup-info", PopupInfo);
 ```
 
-现在我们可以在页面上使用我们定义的 custom element 了，就像下面这样：
+现在，它已经可以在我们的页面上使用了。在我们的 HTML 中，我们可以像这样使用它：
 
 ```html
 <popup-info
   img="img/alt.png"
-  text="Your card validation code (CVC)
+  data-text="Your card validation code (CVC)
   is an extra security feature — it is the last 3 or 4 numbers on the
   back of your card."></popup-info>
 ```
 
-> **备注：** 上方代码不是最新，你可以在这里找到[完整的源码](https://github.com/mdn/web-components-examples/blob/master/popup-info-box-web-component/main.js)。
+### 引用外部样式
 
-> **备注：** 在 Chrome 版本 76.0.3809.132（正式版本）（64 位）中测试发现，`customElements.define()`必须在 js 文件中调用，且引用此 js 文件时必须在`script`标签上添加`defer`属性，否则`this.getAttribute('属性名称')`无法获取到值。
+在上面的示例中，我们使用 {{htmlelement("style")}} 元素为影子 DOM 应用样式，但你也可以从 {{htmlelement("link")}} 元素引用外部样式表。在此示例中，我们将修改 `<popup-info>` 自定义元素以使用外部样式表。
 
-### Customized built-in elements
+- [查看在线示例](https://mdn.github.io/web-components-examples/popup-info-box-external-stylesheet/)
+- [查看源代码](https://github.com/mdn/web-components-examples/blob/main/popup-info-box-external-stylesheet/)
 
-现在让我们来看一下另一个有关 customized built in element（自定义内置元素）的示例— [expanding-list](https://github.com/mdn/web-components-examples/tree/master/expanding-list-web-component) ([查看在线示例](https://mdn.github.io/web-components-examples/expanding-list-web-component/))。该示例将所有的无序列表转化为一个可收起/展开的菜单。
-
-首先，我们定义一个元素的类，这和之前一样：
+下面是类的定义：
 
 ```js
-class ExpandingList extends HTMLUListElement {
+// 为这个元素创建类
+class PopupInfo extends HTMLElement {
   constructor() {
     // 必须首先调用 super 方法
     super();
+  }
+
+  connectedCallback() {
+    // 创建影子根
+    const shadow = this.attachShadow({ mode: "open" });
+
+    // 创建几个 span
+    const wrapper = document.createElement("span");
+    wrapper.setAttribute("class", "wrapper");
+
+    const icon = document.createElement("span");
+    icon.setAttribute("class", "icon");
+    icon.setAttribute("tabindex", 0);
+
+    const info = document.createElement("span");
+    info.setAttribute("class", "info");
+
+    // 获取属性内容然后将其放入 info 这个 span 内
+    const text = this.getAttribute("data-text");
+    info.textContent = text;
+
+    // 插入图标
+    let imgUrl;
+    if (this.hasAttribute("img")) {
+      imgUrl = this.getAttribute("img");
+    } else {
+      imgUrl = "img/default.png";
+    }
+
+    const img = document.createElement("img");
+    img.src = imgUrl;
+    icon.appendChild(img);
 
-    // 元素的功能代码写在这里
+    // 将外部样式添加至影子 DOM
+    const linkElem = document.createElement("link");
+    linkElem.setAttribute("rel", "stylesheet");
+    linkElem.setAttribute("href", "style.css");
 
-    ...
+    // 将创建好的元素附加到影子 DOM 上
+    shadow.appendChild(linkElem);
+    shadow.appendChild(wrapper);
+    wrapper.appendChild(icon);
+    wrapper.appendChild(info);
   }
 }
 ```
 
-在这里，我们不会详细解释元素的功能细节，你可以在源码中了解它的工作方式。这里的真正不同点在于元素继承的是{{domxref("HTMLUListElement")}} 接口，而不是{{domxref("HTMLElement")}}。所以它拥有{{htmlelement("ul")}} 元素所有的特性，以及在此基础上我们定义的功能，这是与独立元素（standalone element）不同之处。这也是为什么我们称它为 customized built-in 元素，而不是一个 autonomous 元素。
+这与原始的 `<popup-info>` 示例相同，只是我们使用 {{HTMLElement("link")}} 元素链接到外部样式表，然后将其添加到影子 DOM 中。
 
-接下来，和之前一样，我们使用`define()`方法注册一个元素，但不同的是，我们需要添加一个配置对象，用于指定我们需要继承的元素：
+请注意，{{htmlelement("link")}} 元素不会阻止影子根的绘制，因此在样式表加载时可能会出现未经样式化的内容（FOUC）。
+
+许多现代浏览器对于从公共节点克隆的 {{htmlelement("style")}} 标签或具有相同文本的标签都实现了一种优化，使它们可以共享单个后备样式表。通过这种优化，外部和内部样式的性能应该是相似的。
+
+### 自定义内置元素
+
+现在让我们看一个自定义内置元素的例子。这个例子扩展了内置的 {{HTMLElement("ul")}} 元素，以支持展开和折叠列表项。
+
+- [查看在线示例](https://mdn.github.io/web-components-examples/expanding-list-web-component/)
+- [查看源代码](https://github.com/mdn/web-components-examples/tree/main/expanding-list-web-component)
+
+首先，我们定义了这个元素的类：
+
+```js
+// 为这个元素创建类
+class ExpandingList extends HTMLUListElement {
+  constructor() {
+    // 必须首先调用 super 方法
+    // super() 的返回值是对当前元素的引用
+    self = super();
+  }
+
+  connectedCallback() {
+    // 获取当前自定义 ul 元素的 ul 和 li 子元素
+    // 包含 ul 的 li 元素可以成为容器
+    const uls = Array.from(self.querySelectorAll("ul"));
+    const lis = Array.from(self.querySelectorAll("li"));
+    // 隐藏所有子 ul
+    // 当用户点击更高级别的容器时，这些列表就会显示出来
+    uls.forEach((ul) => {
+      ul.style.display = "none";
+    });
+
+    // 仔细观察每个在 ul 中的 li 元素
+    lis.forEach((li) => {
+      // 如果这个 li 有一个 ul 作为子元素，则对其进行装饰并添加一个点击处理程序
+      if (li.querySelectorAll("ul").length > 0) {
+        // 添加一个属性，以便通过样式使用
+        // 来显示打开或关闭的图标
+        li.setAttribute("class", "closed");
+        // 将 li 元素的文本包裹在一个新的 span 元素中
+        // 这样我们就可以将样式和事件处理程序分配给 span
+        const childText = li.childNodes[0];
+        const newSpan = document.createElement("span");
+
+        // 从 li 复制文本到 span，设置光标样式
+        newSpan.textContent = childText.textContent;
+        newSpan.style.cursor = "pointer";
+
+        // 为这个 span 添加事件处理程序
+        newSpan.addEventListener("click", (e) => {
+          // span 的下一个兄弟元素应该是 ul
+          const nextul = e.target.nextElementSibling;
+
+          // 切换可见状态并更新 ul 的 class 属性
+          if (nextul.style.display == "block") {
+            nextul.style.display = "none";
+            nextul.parentNode.setAttribute("class", "closed");
+          } else {
+            nextul.style.display = "block";
+            nextul.parentNode.setAttribute("class", "open");
+          }
+        });
+        // 添加 span 并从 li 中移除纯文本节点
+        childText.parentNode.insertBefore(newSpan, childText);
+        childText.parentNode.removeChild(childText);
+      }
+    });
+  }
+}
+```
+
+请注意，这次我们扩展的是 {{domxref("HTMLUListElement")}}，而不是 {{domxref("HTMLElement")}}。这意味着我们获得了列表的默认行为，只需实现自己的定制。
+
+与之前一样，大部分代码都在 `connectedCallback()` 生命周期回调中。
+
+接下来，我们使用与之前相同的 `define()` 方法注册元素，只是这次它还包括一个选项对象，详细说明了我们的自定义元素从哪个元素继承：
 
 ```js
 customElements.define("expanding-list", ExpandingList, { extends: "ul" });
 ```
 
-在页面上使用 built-in element 看起来也会有所不同：
+在 Web 文档中使用内置元素看起来也有些不同：
 
 ```html
 <ul is="expanding-list">
-  ...
+  …
 </ul>
 ```
 
-你可以正常使用`<ul>`标签，也可以通过`is`属性来指定一个 custom element 的名称。
-
-> **备注：** 同样的，你可以在这里找到完整的 [JavaScript 源码](https://github.com/mdn/web-components-examples/blob/master/expanding-list-web-component/main.js)。
+你使用 `<ul>` 元素与往常一样，但在 `is` 属性内指定自定义元素的名称。
 
-> **备注：** 在 chrome 66 版本上，该示例无法正确工作，相关问题：[How to create new instance of an extended class of custom elements](https://stackoverflow.com/questions/39986046/how-to-create-new-instance-of-an-extended-class-of-custom-elements)
+请注意，在这种情况下，我们必须确保定义自定义元素的脚本在 DOM 完全解析后执行，因为 `connectedCallback()` 在展开的列表被添加到 DOM 时就会被调用，而此时其子元素尚未添加，因此 `querySelectorAll()` 调用将找不到任何项。确保这一点的一种方法是在包含脚本的行上添加 [defer](/zh-CN/docs/Web/HTML/Element/script#defer) 属性：
 
-## 使用生命周期回调函数
+```html
+<script src="main.js" defer></script>
+```
 
-在 custom element 的构造函数中，可以指定多个不同的回调函数，它们将会在元素的不同生命时期被调用：
+### 生命周期回调
 
-- `connectedCallback`：当 custom element 首次被插入文档 DOM 时，被调用。
-- `disconnectedCallback`：当 custom element 从文档 DOM 中删除时，被调用。
-- `adoptedCallback`：当 custom element 被移动到新的文档时，被调用。
-- `attributeChangedCallback`: 当 custom element 增加、删除、修改自身属性时，被调用。
+到目前为止，我们只看到了一个生命周期回调的实际应用：`connectedCallback()`。在最后一个示例——`<custom-square>`——中，我们将看到一些其他的回调。`<custom-square>` 独立自定义元素绘制一个正方形，其大小和颜色由两个名为 `"size"` 和 `"color"` 的属性确定。
 
-我们来看一下它们的一下用法示例。下面的代码出自[life-cycle-callbacks](https://github.com/mdn/web-components-examples/tree/master/life-cycle-callbacks)示例（[查看在线示例](https://mdn.github.io/web-components-examples/life-cycle-callbacks/)）。这个简单示例只是生成特定大小、颜色的方块。custom element 看起来像下面这样：
+- [查看在线示例](https://mdn.github.io/web-components-examples/life-cycle-callbacks/)
+- [查看源代码](https://github.com/mdn/web-components-examples/tree/main/life-cycle-callbacks)
 
-```html
-<custom-square l="100" c="red"></custom-square>
-```
-
-这里，类的构造函数很简单 — 我们将 shadow DOM 附加到元素上，然后将一个{{htmlelement("div")}}元素和{{htmlelement("style")}}元素附加到 shadow root 上：
+在类的构造函数中，我们将影子 DOM 附加到元素上，然后再附加空的 {{htmlelement("div")}} 和 {{htmlelement("style")}} 元素到影子根上：
 
 ```js
-var shadow = this.attachShadow({ mode: "open" });
+constructor() {
+  // 必须首先调用 super 方法
+  super();
+
+  const shadow = this.attachShadow({ mode: "open" });
 
-var div = document.createElement("div");
-var style = document.createElement("style");
-shadow.appendChild(style);
-shadow.appendChild(div);
+  const div = document.createElement("div");
+  const style = document.createElement("style");
+  shadow.appendChild(style);
+  shadow.appendChild(div);
+}
 ```
 
-示例中的关键函数是 `updateStyle()`—它接受一个元素作为参数，然后获取该元素的 shadow root，找到`<style>`元素，并添加{{cssxref("width")}}，{{cssxref("height")}}以及{{cssxref("background-color")}}样式。
+这个示例的关键函数是 `updateStyle()`——它接受一个元素，获取其影子根，找到它的 `<style>` 元素，然后添加 {{cssxref("width")}}、{{cssxref("height")}} 和 {{cssxref("background-color")}} 到样式上。
 
 ```js
 function updateStyle(elem) {
-  var shadow = elem.shadowRoot;
+  const shadow = elem.shadowRoot;
   shadow.querySelector("style").textContent = `
     div {
-      width: ${elem.getAttribute("l")}px;
-      height: ${elem.getAttribute("l")}px;
-      background-color: ${elem.getAttribute("c")};
+      width: ${elem.getAttribute("size")}px;
+      height: ${elem.getAttribute("size")}px;
+      background-color: ${elem.getAttribute("color")};
     }
   `;
 }
 ```
 
-实际的更新操作是在生命周期的回调函数中处理的，我们在构造函数中设定类这些回调函数。当元素插入到 DOM 中时，`connectedCallback()`函数将会执行 — 在该函数中，我们执行`updateStyle()` 函数来确保方块按照定义来显示；
+实际的更新都是由生命周期回调处理的。`connectedCallback()` 每次将元素添加到 DOM 时都会运行一次——在这里，我们运行 `updateStyle()` 函数，以确保正方形的样式与其属性中定义的一致：
 
 ```js
 connectedCallback() {
-  console.log('Custom square element added to page.');
+  console.log("自定义正方形元素添加至页面。");
   updateStyle(this);
 }
 ```
 
-`disconnectedCallback()`和`adoptedCallback()`回调函数只是简单地将消息发送到控制台，提示我们元素什么时候从 DOM 中移除、或者什么时候移动到不同的页面：
+`disconnectedCallback()` 和 `adoptedCallback()` 回调在元素从 DOM 中移除或移动到不同页面时记录消息到控制台，以通知我们：
 
 ```js
 disconnectedCallback() {
-  console.log('Custom square element removed from page.');
+  console.log("自定义正方形元素从页面中移除。");
 }
 
 adoptedCallback() {
-  console.log('Custom square element moved to new page.');
+  console.log("自定义正方形元素移动至新页面。");
 }
 ```
 
-每当元素的属性变化时，`attributeChangedCallback()`回调函数会执行。正如它的属性所示，我们可以查看属性的名称、旧值与新值，以此来对元素属性做单独的操作。在当前的示例中，我们只是再次执行了`updateStyle()`函数，以确保方块的样式在元素属性值变化后得以更新：
+`attributeChangedCallback()` 回调在元素的属性以某种方式更改时运行。正如你从其参数中看到的那样，可以单独处理属性，查看它们的名称以及旧的和新的属性值。不过在这种情况下，我们只是再次运行 `updateStyle()` 函数，以确保正方形的样式根据新的值更新：
 
 ```js
 attributeChangedCallback(name, oldValue, newValue) {
-  console.log('Custom square element attributes changed.');
+  console.log("自定义正方形元素的属性已变更。");
   updateStyle(this);
 }
 ```
 
-需要注意的是，如果需要在元素属性变化后，触发`attributeChangedCallback()`回调函数，你必须监听这个属性。这可以通过定义`observedAttributes()` get 函数来实现，`observedAttributes()`函数体内包含一个 return 语句，返回一个数组，包含了需要监听的属性名称：
+请注意，要在属性更改时触发 `attributeChangedCallback()` 回调，必须观察这些属性。这通过在自定义元素类内指定一个 `static get observedAttributes()` 方法来实现——该方法应返回一个包含要观察的属性名称的数组：
 
 ```js
-static get observedAttributes() {return ['w', 'l']; }
+static get observedAttributes() {
+  return ["color", "size"];
+}
 ```
-
-在我们的例子中，该段代码处于构造函数的上方。
-
-> **备注：** 在这里查看[完整的 JavaScript 源码](https://github.com/mdn/web-components-examples/blob/master/life-cycle-callbacks/main.js)。
diff --git a/files/zh-cn/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md b/files/zh-cn/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md
index 40850a2b903f2e..5cca59f1664619 100644
--- a/files/zh-cn/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md
+++ b/files/zh-cn/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.md
@@ -231,7 +231,7 @@ export { initBuffers };
 
 当上一步完成，我们创建一个 Javascript 数组去记录每一个正方体的每一个顶点。然后将其转化为 WebGL 浮点型类型的数组，并将其传到 gl 对象的 {{domxref("WebGLRenderingContext.bufferData()", "bufferData()")}} 方法来建立对象的顶点。
 
-**绘制场景**
+## 绘制场景
 
 当着色器和物体都创建好后，我们可以开始渲染这个场景了。因为我们这个例子不会产生动画，所以 drawScene() 方法非常简单。它还使用了几个工具函数，稍后我们会介绍。
 
diff --git a/files/zh-cn/web/api/webgl_api/webgl_model_view_projection/index.md b/files/zh-cn/web/api/webgl_api/webgl_model_view_projection/index.md
index 0c3f9a1b62207d..54975fca98a678 100644
--- a/files/zh-cn/web/api/webgl_api/webgl_model_view_projection/index.md
+++ b/files/zh-cn/web/api/webgl_api/webgl_model_view_projection/index.md
@@ -669,8 +669,6 @@ gl_Position = projection * model * vec4(position, 1.0);
 
 我们没有向后和向左移动相机，而是对盒子应用了逆变换：我们将盒子向后移动 1 米，然后向右移动 10 厘米。从两个物体的角度来看，结果是一样的。
 
-**<<< insert image(s) here >>>**
-
 最后一步是创建**视图矩阵**，该矩阵将转换场景中的对象，以便对它们进行定位以模拟相机当前位置与方向。目前的代码可以在世界空间中移动立方体并投影所有内容以获得透视图，但我们仍然无法移动相机。
 
 想象一下使用物理摄像机拍摄电影。你可以自由地将相机放到任何你想放置的位置，并对准任何你选择的方向。为了在 3D 图形中对此进行仿真，我们使用视图矩阵来模拟物理相机的位置和旋转。
@@ -733,7 +731,7 @@ gl_Position = projection * view * model * vec4(position, 1.0);
 - 向视图矩阵中添加一些旋转矩阵以四处看看。
 - 最后，跟踪鼠标的位置。使用 2 个旋转矩阵可以根据用户鼠标在屏幕上的位置上下移动相机。
 
-**参见**
+## 参见
 
 - [WebGL](/zh-CN/docs/Web/API/WebGL_API)
 - [3D projection](https://zh.wikipedia.org/wiki/3D_projection)
diff --git a/files/zh-cn/web/api/websockets_api/index.md b/files/zh-cn/web/api/websockets_api/index.md
index 248ad88fa36763..32a74296a65f84 100644
--- a/files/zh-cn/web/api/websockets_api/index.md
+++ b/files/zh-cn/web/api/websockets_api/index.md
@@ -32,11 +32,6 @@ slug: Web/API/WebSockets_API
 - [jsonrpc-bidirectional](https://github.com/bigstepinc/jsonrpc-bidirectional): 易于使用异步 RPC 库，通过单个 WebSocket 或 RTCDataChannel (WebRTC) 连接支持双向调用。TCP / SCTP /等。客户端和服务器可以各自承载自己的 JSONRPC 和服务器端点。
 - [rpc-websockets](https://github.com/elpheria/rpc-websockets): JSON-RPC 2.0 在 websocket 上实现 Node.js 和 JavaScript。
 
-## 相关话题
-
-- [AJAX](/zh-CN/docs/Web/Guide/AJAX)
-- [JavaScript](/zh-CN/docs/Web/JavaScript)
-
 ## 规范
 
 {{Specifications}}
@@ -47,6 +42,6 @@ slug: Web/API/WebSockets_API
 
 ## 参见
 
-- [RFC 6455 — The WebSocket Protocol](https://tools.ietf.org/html/rfc6455)
-- [WebSocket API Specification](https://www.w3.org/TR/websockets/)
-- [Server-Sent Events](/zh-CN/docs/Web/API/Server-sent_events)
+- [RFC 6455——WebSocket 协议](https://tools.ietf.org/html/rfc6455)
+- [WebSocket API 规范](https://websockets.spec.whatwg.org/)
+- [服务器发送事件](/zh-CN/docs/Web/API/Server-sent_events)
diff --git a/files/zh-cn/web/api/websockets_api/writing_websocket_servers/index.md b/files/zh-cn/web/api/websockets_api/writing_websocket_servers/index.md
index 32d474f39dd410..c3281c3802ca3a 100644
--- a/files/zh-cn/web/api/websockets_api/writing_websocket_servers/index.md
+++ b/files/zh-cn/web/api/websockets_api/writing_websocket_servers/index.md
@@ -170,9 +170,7 @@ WebSocket 扩展和子协议是在握手过程中通过头信息进行协商的
 
 Think of an extension as compressing a file before e-mailing it to someone. Whatever you do, you're sending the _same_ data in different forms. The recipient will eventually be able to get the same data as your local copy, but it is sent differently. That's what an extension does. WebSockets defines a protocol and a simple way to send data, but an extension such as compression could allow sending the same data but in a shorter format.
 
-> **备注：** 扩展在规范的 5.8, 9, 11.3.2, and 11.4 进行了解释
-
-_TODO_
+> **备注：** 扩展在规范的第 5.8、9、11.3.2 和 11.4 条进行了解释。
 
 ### 子协议
 
diff --git a/files/zh-cn/web/api/webvr_api/index.md b/files/zh-cn/web/api/webvr_api/index.md
index 6a711f0fe6dcfc..5cb80d2ba0f265 100644
--- a/files/zh-cn/web/api/webvr_api/index.md
+++ b/files/zh-cn/web/api/webvr_api/index.md
@@ -5,31 +5,19 @@ slug: Web/API/WebVR_API
 
 {{DefaultAPISidebar("WebVR API")}}{{SeeCompatTable}}
 
-**WebVR API 能为虚拟现实设备的渲染提供支持 — 例如像 Oculus Rift 或者**HTC Vive **这样的头戴式设备与 Web apps 的连接。它能让开发者将位置和动作信息转换成 3D 场景中的运动。基于这项技术能产生很多有趣的应用，比如虚拟的产品展示，可交互的培训课程，以及超强沉浸感的第一人称游戏。**
+WebVR API 能为虚拟现实设备的渲染提供支持——例如像 Oculus Rift 或者 HTC Vive 这样的头戴式设备与 Web 应用的连接。它能让开发者将位置和动作信息转换成 3D 场景中的运动。基于这项技术能产生很多有趣的应用，比如虚拟的产品展示，可交互的培训课程，以及超强沉浸感的第一人称游戏。
 
 ## 概念及使用方法
 
-**【K】**
-
 ![Sketch of a person in a chair with wearing goggles labelled "Head mounted display (HMD)" facing a monitor with a webcam labelled "Position sensor"](hw-setup.png)
 
-Any VR devices attached to your computer will be returned by the {{domxref("Navigator.getVRDevices()")}} method. This returns an array of objects to represent the attached devices, which inherit from the general {{domxref("VRDevice")}} object — generally a head mounted display will have two devices — the head mounted display itself, represented by {{domxref("HMDVRDevice")}}, and a position sensor camera that keeps track of your head position, represented by {{domxref("PositionSensorVRDevice")}}.
-
-**连接到电脑的所有 VR 设备都将由 {{domxref("Navigator.getVRDevices()")}} 方法返回。这个方法将返回一个包含了所有已连接设备的对象数组，每个设备对应一个对象，该对象继承自 {{domxref("VRDevice")}} — 通常一个头显将包含两个设备 — 头显自身由 {{domxref("HMDVRDevice")}} 表示，和一个跟踪头部位置的位置捕捉传感器，由 {{domxref("PositionSensorVRDevice")}} 表示。**
-
-The {{domxref("PositionSensorVRDevice")}} object contains the {{domxref("PositionSensorVRDevice.getState","getState()")}} method, which returns a {{domxref("VRPositionState")}} object — this represents the sensor’s state at a given timestamp, and includes properties containing useful data such as current velocity, acceleration, and orientation, useful for updating the rendering of a scene on each frame according to the movement of the VR head mounted display.
-
-**{{domxref("PositionSensorVRDevice")}} 对象有一个 {{domxref("PositionSensorVRDevice.getState","getState()")}} 方法，该方法返回一个{{domxref("VRPositionState")}} 对象 — 这个对象代表位置传感器在指定时刻的状态，包含了一些十分有用的信息，例如速度、加速度以及运动方向，可用于根据头部运动刷新画面显示。**
+连接到电脑的所有 VR 设备都将由 {{domxref("Navigator.getVRDevices()")}} 方法返回。这个方法将返回一个包含了所有已连接设备的对象数组，每个设备对应一个对象，该对象继承自 {{domxref("VRDevice")}}——通常一个头显将包含两个设备——头显自身由 {{domxref("HMDVRDevice")}} 表示，和一个跟踪头部位置的位置捕捉传感器，由 {{domxref("PositionSensorVRDevice")}} 表示。
 
-The {{domxref("HMDVRDevice.getEyeParameters()")}} method returns a {{domxref("VREyeParameters")}} object, which can be used to return field of view information — how much of the scene the head mounted display can see. The {{domxref("VREyeParameters.currentFieldOfView")}} returns a {{domxref("VRFieldOfView")}} object that contains 4 angles describing the current view from a center point. You can also change the field of view using {{domxref("HMDVRDevice.setFieldOfView()")}}.
+{{domxref("PositionSensorVRDevice")}} 对象有一个 {{domxref("PositionSensorVRDevice.getState","getState()")}} 方法，该方法返回一个{{domxref("VRPositionState")}} 对象——这个对象代表位置传感器在指定时刻的状态，包含了一些十分有用的信息，例如速度、加速度以及运动方向，可用于根据头部运动刷新画面显示。
 
-**{{domxref("HMDVRDevice.getEyeParameters()")}} 方法返回一个 {{domxref("VREyeParameters")}} 对象，可用于获取显示区域的信息 — 头显可以看到多少画面。 {{domxref("VREyeParameters.currentFieldOfView")}} 返回一个 {{domxref("VRFieldOfView")}} 对象，该对象包含了 4 个角度信息来描述当前的显示区域。你可以用 {{domxref("HMDVRDevice.setFieldOfView()")}} 来改变当前的显示区域。**
+{{domxref("HMDVRDevice.getEyeParameters()")}} 方法返回一个 {{domxref("VREyeParameters")}} 对象，可用于获取显示区域的信息——头显可以看到多少画面。 {{domxref("VREyeParameters.currentFieldOfView")}} 返回一个 {{domxref("VRFieldOfView")}} 对象，该对象包含了 4 个角度信息来描述当前的显示区域。你可以用 {{domxref("HMDVRDevice.setFieldOfView()")}} 来改变当前的显示区域。
 
-> **备注：** To find out more about using these interfaces in your own app, read [Using the WebVR API](/zh-CN/docs/Web/API/WebVR_API/Using_the_WebVR_API). To learn more about the basic concepts behind VR, read [WebVR concepts](/zh-CN/docs/Web/API/WebVR_API/WebVR_concepts).
->
-> 注释：要了解更多关于如何在你的应用程序中使用这些接口，请阅读文章[Using the WebVR API](/zh-CN/docs/Web/API/WebVR_API/Using_the_WebVR_API). 要学习更多关于 VR 技术背后的基础概念，请阅读文章 [WebVR concepts](/zh-CN/docs/Web/API/WebVR_API/WebVR_concepts).
-
-### Using controllers: Combining WebVR with the Gamepad API
+> **备注：** 要了解更多关于如何在你的应用程序中使用这些接口，请阅读文章[使用 WebVR API](/zh-CN/docs/Web/API/WebVR_API/Using_the_WebVR_API)。要学习更多关于 VR 技术背后的基础概念，请阅读文章 [WebVR 概念](/zh-CN/docs/Web/API/WebVR_API/WebVR_concepts)。
 
 ### 使用控制器：将 WebVR 与 Gamepad API 相结合
 
@@ -40,44 +28,28 @@ Many WebVR hardware setups feature controllers that go along with the headset. T
 ## WebVR 接口
 
 - {{domxref("Navigator.getVRDevices")}}
-  - : Returns a promise that resolves to an array of objects representing the VR devices attached to the computer.
-    **返回一个 Promise 对象，并通过 resolve 方式返回参数，参数为链接到电脑的 VR 设备数组。**
+  - : 返回一个会兑现连接到电脑的 VR 设备数组的 promise。
 - {{domxref("VRDevice")}}
-  - : A generic VR device, includes information such as device IDs and descriptions. Inherited by `HMDVRDevice` and `PositionSensorVRDevice`.
-    **返回一个包括了 VR 设备 IDs，描述等信息的类。HMDVRDevice 和 PositionSensorVRDevice 继承了 VRDevice。**
+  - : 返回一个包括了 VR 设备 IDs，描述等信息的类。由 `HMDVRDevice` 和 `PositionSensorVRDevice` 继承。
 - {{domxref("HMDVRDevice")}}
-  - : Represents a head mounted display, providing access to information about each eye, and the current field of view.
-    **头戴设备。提供设备双眼、当前 FOV（field of view）信息。**
+  - : 头戴设备。提供设备双眼、当前视野（FOV）信息。
 - {{domxref("PositionSensorVRDevice")}}
-  - : Represents the position sensor for the VR hardware, allowing access to information such as position and orientation.
-    **VR 设备的位置传感器。获取位置、方向信息。**
+  - : VR 设备的位置传感器。获取位置、方向信息。
 - {{domxref("VRPose")}}
-  - : Represents the position state at a given timestamp (which includes orientation, position, velocity, and acceleration.)
-    **根据一个时间戳返回包括（方向、位置、速度、加速度）的状态。**
+  - : 根据一个时间戳返回包括（方向、位置、速度、加速度）的状态。
 - {{domxref("VREyeParameters")}}
-  - : Provides access to all the information required to correctly render a scene for each given eye, including field of view information.
-    **给双眼提供正确渲染场景的所有信息，包括 FOV。**
+  - : 给双眼提供正确渲染场景的所有信息，包括 FOV。
 - {{domxref("VRFieldOfView")}}
-  - : Represents a field of view defined by 4 different degree values describing the view from a center point.
-    **返回以视窗的中心点为基点的，表示 FOV 的 4 个角度值（downDegrees, leftDegrees, rightDegrees, upDegrees）。**
+  - : 返回以视窗的中心点为基点的，表示 FOV 的 4 个角度值（downDegrees, leftDegrees, rightDegrees, upDegrees）。
 - {{domxref("VRFieldOfViewReadOnly")}}
-  - : Contains the raw definition for the degree value properties required to define a field of view. Inherited by `VRFieldOfView`.
-    **定义一个 FOV 必须的角度属性。VRFieldOfView 继承了 VRFieldOfViewReadOnly。**
+  - : 定义一个 FOV 必须的角度属性。由 `VRFieldOfView` 继承。
 
 ## 示例
 
-**【K】**
-
-You can find a number of examples at these Github repos:
+你可以在 Github 的协议中找到一系列的案例：
 
-**你可以在 Github 的协议中找到一系列的案例：**
-
-- [mdn/webvr-tests](https://github.com/mdn/webvr-tests): Simple demos built to illiustrate basic feature usage.
-- **[mdn/webvr-tests](https://github.com/mdn/webvr-tests): 简单构建的 demos 用于阐明基本的使用方法。**
--
-- [MozVR team](https://github.com/MozVR/): More advanced demos, the WebVR spec source, and more!
-- **[MozVR team](https://github.com/MozVR/): 更多复杂的 demos，关于 WebVR 特别的资源，以及更多的内容！**
-- **【K】**
+- [mdn/webvr-tests](https://github.com/mdn/webvr-tests)：简单构建的演示用于阐明基本的使用方法。
+- [MozVR team](https://github.com/MozVR/)：更多复杂的演示，关于 WebVR 特别的资源，以及更多的内容！
 
 ## 规范
 
@@ -89,19 +61,12 @@ You can find a number of examples at these Github repos:
 
 {{Compat}}
 
-## 相关文章
-
-- [WebVR environment setup](/zh-CN/docs/Web/API/WebVR_API/WebVR_environment_setup)
-- **建立 WEBVR 的运行环境。**
-- [WebVR concepts](/zh-CN/docs/Web/API/WebVR_API/WebVR_concepts)
-- **WEBVR 的相关概念。**
-- [Using the WebVR API](/zh-CN/docs/Web/API/WebVR_API/Using_the_WebVR_API)
-- **怎样使用 WEBVR API。**
-- [MozVr.com](http://mozvr.com/) — demos, downloads, and other resources from the Mozilla VR team.
-- **[MozVr.com](http://mozvr.com/) — demos，下载，以及其他的来自 MOZILLA VR 团队的资源。**
-- [Console Game on Web](http://dsmu.me/ConsoleGameOnWeb/) — a collection of interesting game concept demos, some of which include WebVR.
-- **[Console Game on Web](http://dsmu.me/ConsoleGameOnWeb/) — 一系列有趣的概念游戏 DEMO 的收集，其中有些包括了 WEBVR。**
-- [threejs-vr-boilerplate](https://github.com/MozVR/vr-web-examples/tree/master/threejs-vr-boilerplate) — a very useful starter template for writing WebVR apps into.
-- **[threejs-vr-boilerplate](https://github.com/MozVR/vr-web-examples/tree/master/threejs-vr-boilerplate) — 一个当你编写 WEBVR APP 时，非常有用的用于开始编程的模板。**
-- [Oculus Rift homepage](https://developer.oculus.com/)
-- **[Oculus Rift](https://developer.oculus.com/) 主页**
+## 参见
+
+- [建立 WebVR 的运行环境](/zh-CN/docs/Web/API/WebVR_API/WebVR_environment_setup)
+- [WebVR 的相关概念](/zh-CN/docs/Web/API/WebVR_API/WebVR_concepts)
+- [怎样使用 WebVR API](/zh-CN/docs/Web/API/WebVR_API/Using_the_WebVR_API)
+- [MozVr.com](http://mozvr.com/)——演示、下载，以及其他的来自 MOZILLA VR 团队的资源。
+- [Console Game on Web](http://dsmu.me/ConsoleGameOnWeb/)——一系列有趣的概念游戏演示的集合，其中有些包括了 WebVR。
+- [threejs-vr-boilerplate](https://github.com/MozVR/vr-web-examples/tree/master/threejs-vr-boilerplate)——一个当你编写 WebVR APP 时，非常有用的用于开始编程的模板。
+- [Oculus Rift 主页](https://developer.oculus.com/)
diff --git a/files/zh-cn/web/api/window/ondragdrop/index.md b/files/zh-cn/web/api/window/ondragdrop/index.md
index 41b7538bd9020a..0beff2188f5736 100644
--- a/files/zh-cn/web/api/window/ondragdrop/index.md
+++ b/files/zh-cn/web/api/window/ondragdrop/index.md
@@ -9,45 +9,44 @@ slug: Web/API/Window/ondragdrop
 
 一个事件处理程序，用于将拖放事件发送到窗口。
 
-**语法**
+## 语法
 
-```
+```js-nolint
 window.ondragdrop = funcRef;
 window.addEventListener("dragdrop", funcRef, useCapturing);
 ```
 
-- funcRef
+- `funcRef`
   - : 要注册的事件处理函数。
 
-[Gecko](/zh-CN/docs/Web/API/Window/en/Gecko)([Firefox bug 112288](https://bugzil.la/112288)) 中未实现`window.ondragdrop`属性和`ondragdrop`属性，你必须使用`addEventListener`。有关详细信息，请参见[addEventListener](/zh-CN/docs/Web/API/Window/en/DOM/element.addEventListener)。
+Firefox 中未实现 `window.ondragdrop` 属性和 `ondragdrop` 属性（[Firefox bug 112288](https://bugzil.la/112288)），你必须使用 `addEventListener`。有关详细信息，请参见 [addEventListener](/zh-CN/docs/Web/API/EventTarget/addEventListener)。
 
-**示例**
+## 示例
 
 ### 在拖放时触发 alert
 
 在此示例中，事件侦听器被添加到窗口（事件目标）。如果从外部源将选项卡，链接，标记的文本或文件拖放到此窗口上，则会触发警报。注意`event.stopPropagation()`; 阻止浏览器加载放置的标签，链接或文件。
 
-```
+```html
 <html>
-<head><title>dragdroptest</title>
-
-<script type="text/javascript">
-
-window.addEventListener("dragdrop", testfunc, false);
-
-function testfunc(event) {
-    alert("dragdrop!");
-    event.stopPropagation();
-}
-</script>
-
-</head>
-<body>
-I am bodytext
-</body>
+  <head>
+    <title>dragdroptest</title>
+
+    <script type="text/javascript">
+      window.addEventListener("dragdrop", testfunc, false);
+
+      function testfunc(event) {
+        alert("dragdrop!");
+        event.stopPropagation();
+      }
+    </script>
+  </head>
+  <body>
+    I am bodytext
+  </body>
 </html>
 ```
 
-**规范**
+## 规范
 
 不属于规范部分。
diff --git a/files/zh-cn/web/api/window/popstate_event/index.md b/files/zh-cn/web/api/window/popstate_event/index.md
index 661a63523bf962..1ddb2637832bb9 100644
--- a/files/zh-cn/web/api/window/popstate_event/index.md
+++ b/files/zh-cn/web/api/window/popstate_event/index.md
@@ -55,4 +55,3 @@ history.go(2); // 弹出 "location: http://example.com/example.html?page=3, stat
 
 - {{domxref("window.history")}}
 - [Manipulating the browser history](/zh-CN/docs/Web/API/History_API)
-- [Ajax 导航示例](/zh-CN/docs/Web/API/History_API/Example)
diff --git a/files/zh-cn/web/api/xmldocument/index.md b/files/zh-cn/web/api/xmldocument/index.md
index 7e78a965fd5926..6026793331e6ca 100644
--- a/files/zh-cn/web/api/xmldocument/index.md
+++ b/files/zh-cn/web/api/xmldocument/index.md
@@ -11,11 +11,11 @@ The **XMLDocument** interface represents an XML document. It inherits from the g
 
 ## 属性
 
-_Also inherits properties from: {{DOMxRef("Document")}}_
+_Also inherits properties from: {{DOMxRef("Document")}}._
 
 ## 方法
 
-_Also inherits methods from: {{DOMxRef("Document")}}_
+_Also inherits methods from: {{DOMxRef("Document")}}._
 
 ## 规范
 
diff --git a/files/zh-cn/web/api/xmlhttprequest/index.md b/files/zh-cn/web/api/xmlhttprequest/index.md
index f2c07ac5004aee..1f337b48035209 100644
--- a/files/zh-cn/web/api/xmlhttprequest/index.md
+++ b/files/zh-cn/web/api/xmlhttprequest/index.md
@@ -122,11 +122,5 @@ _此接口继承了 {{domxref("XMLHttpRequestEventTarget")}} 和 {{domxref("Even
 ## 参见
 
 - {{domxref("XMLSerializer")}}：将 DOM 树解析为 XML 对象
-- MDN 教程中的 `XMLHttpRequest`：
-
-  - [Ajax](/zh-CN/docs/Web/Guide/AJAX)
-  - [使用 XMLHttpRequest](/zh-CN/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest)
-  - [XMLHttpRequest 中的 HTML](/zh-CN/docs/Web/API/XMLHttpRequest_API/HTML_in_XMLHttpRequest)
-  - [Fetch API](/zh-CN/docs/Web/API/Fetch_API)
-
-- [XMLHttpRequest2 中的新技巧（2011）](https://web.dev/articles/xhr2)
+- [使用 XMLHttpRequest](/zh-CN/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest)
+- [Fetch API](/zh-CN/docs/Web/API/Fetch_API)
diff --git a/files/zh-cn/web/api/xmlhttprequest_api/synchronous_and_asynchronous_requests/index.md b/files/zh-cn/web/api/xmlhttprequest_api/synchronous_and_asynchronous_requests/index.md
index f833bd228f3d00..0c33d4b6a2fe71 100644
--- a/files/zh-cn/web/api/xmlhttprequest_api/synchronous_and_asynchronous_requests/index.md
+++ b/files/zh-cn/web/api/xmlhttprequest_api/synchronous_and_asynchronous_requests/index.md
@@ -237,5 +237,4 @@ function logData() {
 
 - [`XMLHttpRequest`](/zh-CN/docs/Web/API/XMLHttpRequest)
 - [使用 XMLHttpRequest](/zh-CN/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest)
-- [AJAX](/zh-CN/docs/Web/Guide/AJAX)
 - [`navigator.sendBeacon`](/zh-CN/docs/Web/API/Navigator/sendBeacon)
diff --git a/files/zh-cn/web/css/css_generated_content/index.md b/files/zh-cn/web/css/css_generated_content/index.md
index d30ebbf70b7c69..8730f83822a0c8 100644
--- a/files/zh-cn/web/css/css_generated_content/index.md
+++ b/files/zh-cn/web/css/css_generated_content/index.md
@@ -5,7 +5,7 @@ slug: Web/CSS/CSS_generated_content
 
 {{CSSRef}}
 
-**CSS Generated Content 是 CSS 其中一个模块，定义了如何给一个元素添加内容**
+CSS 生成内容（Generated Content）是 CSS 其中一个模块，定义了如何给一个元素添加内容。
 
 ## 参考
 
diff --git a/files/zh-cn/web/css/overscroll-behavior-y/index.md b/files/zh-cn/web/css/overscroll-behavior-y/index.md
index ca748ef5d3d12a..84576b26136ab5 100644
--- a/files/zh-cn/web/css/overscroll-behavior-y/index.md
+++ b/files/zh-cn/web/css/overscroll-behavior-y/index.md
@@ -46,7 +46,7 @@ overscroll-behavior-y: unset;
 
 ## 示例
 
-### 阻止底部元素在垂直方向上滚动。
+### 阻止底部元素在垂直方向上滚动
 
 ```css
 .messages {
diff --git a/files/zh-cn/web/guide/ajax/index.md b/files/zh-cn/web/guide/ajax/index.md
deleted file mode 100644
index 958a51fa26299b..00000000000000
--- a/files/zh-cn/web/guide/ajax/index.md
+++ /dev/null
@@ -1,370 +0,0 @@
----
-title: Ajax
-slug: Web/Guide/AJAX
----
-
-<section id="Quick_links">
-  {{ListSubpagesForSidebar("/zh-CN/docs/Web/Guide")}}
-</section>
-
-**异步 JavaScript 和 XML**，或 [**Ajax**](https://www.semanticscholar.org/paper/Ajax%3A-A-New-Approach-to-Web-Applications-Garrett/c440ae765ff19ddd3deda24a92ac39cef9570f1e?p2df) 本身不是一种技术，而是一种将一些现有技术结合起来使用的方法，包括：[HTML](/zh-CN/docs/Web/HTML) 或 [XHTML](/zh-CN/docs/Glossary/XHTML)、[CSS](/zh-CN/docs/Web/CSS)、[JavaScript](/zh-CN/docs/Web/JavaScript)、[DOM](/zh-CN/docs/Web/API/Document_Object_Model)、[XML](/zh-CN/docs/Web/XML)、[XSLT](/zh-CN/docs/Web/XSLT)、以及最重要的 {{domxref("XMLHttpRequest")}} 对象。当使用结合了这些技术的 Ajax 模型以后，网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面。这使得程序能够更快地回应用户的操作。Ajax 最吸引人的特性是它的“异步”性质，这意味着它可以与服务器通信、交换数据并更新页面，而无需刷新页面。
-
-尽管 Ajax 中的 X 代表 XML，但是 {{glossary("JSON")}} 才是首选，因为它更加轻量，而且是用 JavaScript 编写的。在 Ajax 模型中，JSON 和 XML 都被用来包装信息。
-
-## 示例
-
-本节为你提供了一些简单的实践示例来帮助你入门。
-
-## 第一步——发送 HTTP 请求
-
-为了使用 JavaScript 向服务器发送一个 [HTTP](/zh-CN/docs/Web/HTTP) 请求，你需要一个包含必要函数功能的对象实例。这就是为什么会有 `XMLHttpRequest` 的原因。
-
-```js
-const httpRequest = new XMLHttpRequest();
-```
-
-发送一个请求后，你会收到响应。在这一阶段，你要告诉 `XMLHttpRequest` 对象由哪一个 JavaScript 函数处理响应，在设置了对象的 `onreadystatechange` 属性后给它命名，当请求状态改变时调用函数，像这样：
-
-```js
-function handler() {
-  // 在这里处理服务器响应。
-}
-
-httpRequest.onreadystatechange = handler;
-```
-
-要注意的是，函数名后没有括号和参数，因为这是把一个引用赋值给了函数，而不是真正的调用了它。此外，如果不使用函数名的方式，你还可以用 JavaScript 的匿名函数响应处理的动作，就像下面这样：
-
-```js
-httpRequest.onreadystatechange = () => {
-  // 在这里处理服务器响应。
-};
-```
-
-接下来，声明当你接到响应后要做什么，你要通过调用 HTTP 请求对象的 `open()` 和 `send()` 方法发送一个实际的请求，像下面这样：
-
-```js
-httpRequest.open("GET", "http://www.example.org/some.file", true);
-httpRequest.send();
-```
-
-- `open()` 的第一个参数是 HTTP 请求方法——GET，POST，HEAD 以及服务器支持的其他方法。根据 HTTP 标准的要求，保证这些方法一定要是大写字母，否则其他一些浏览器（比如 FireFox）可能无法处理这个请求。更多关于 HTTP 的请求方法，可以查看[相关标准](https://www.rfc-editor.org/rfc/rfc9110.html#name-methods)。
-- 第二个参数是你要发送请求的 URL。由于安全原因，默认不能调用第三方 URL 域名。确保你在页面中使用的是正确的域名，否则在调用 `open()` 方法时会有 "permission denied" 错误提示。一个容易犯的错误是你企图通过 `domain.tld` 访问网站，而不是使用 `www.domain.tld`。如果你真的需要向另一个域名发送请求，可以参考 [HTTP 访问控制（CORS）](/zh-CN/docs/Web/HTTP/CORS)。
-- 第三个参数是可选的，用于设置请求是否是异步的。如果设为 `true`（默认值），即开启异步，JavaScript 就不会在此语句阻塞，使得用户能在服务器还没有响应的情况下与页面进行交互。这就是 AJAX 中的第一个 A。
-
-`send()` 方法的参数可以是任何你想发送给服务器的内容，如果是 `POST` 请求的话。发送表单数据时应该用服务器可以解析的格式，像查询字符串：
-
-```
-"name=value&anothername="+encodeURIComponent(myVar)+"&so=on"
-```
-
-或者使用其他格式，类似 `multipart/form-data`、JSON、XML 等。
-
-如果你使用 `POST` 数据，那就需要设置请求的 MIME 类型。比如，在调用 `send()` 方法获取表单数据前要有下面这个：
-
-```js
-httpRequest.setRequestHeader(
-  "Content-Type",
-  "application/x-www-form-urlencoded",
-);
-```
-
-## 第二步——处理服务器响应
-
-在发送请求时，你提供的 JavaScript 函数名负责处理响应：
-
-```js
-httpRequest.onreadystatechange = nameOfTheFunction;
-```
-
-这个函数应该做什么？首先，函数要检查请求的状态。如果状态的值是 `XMLHttpRequest.DONE` （对应的值是 4），意味着服务器响应收到了并且是没问题的，然后就可以继续执行。
-
-```js
-if (httpRequest.readyState === XMLHttpRequest.DONE) {
-  // 很好，服务器已经接收到了响应。
-} else {
-  // 还没准备好。
-}
-```
-
-全部 `readyState` 状态值都在 [XMLHTTPRequest.readyState](/zh-CN/docs/Web/API/XMLHttpRequest/readyState) 文档中有所记载，如下所示：
-
-- 0（未初始化）或（**请求还未初始化**）
-- 1（正在加载）或（**已建立服务器链接**）
-- 2（已加载）或（**请求已接收**）
-- 3（交互）或（**正在处理请求**）
-- 4（完成）或（**请求已完成并且响应已准备好**）
-
-接下来，检查 HTTP 响应的[响应状态码](/zh-CN/docs/Web/HTTP/Status)。在下面的例子中，我们通过检查响应码 [`200 OK`](/zh-CN/docs/Web/HTTP/Status#成功响应) 判断 AJAX 调用有没有成功。
-
-```js
-if (httpRequest.status === 200) {
-  // 完美！
-} else {
-  // 请求有问题。
-  // 比如，响应可能是 404 (Not Found)
-  // 或 500 (Internal Server Error) 响应码。
-}
-```
-
-在检查完请求状态和 HTTP 响应码后，你就可以用服务器返回的数据做任何你想做的了。你有两个方法去访问这些数据：
-
-- `httpRequest.responseText`：以文本字符串的方式返回服务器响应。
-- `httpRequest.responseXML`：以 `XMLDocument` 对象的形式返回服务器响应，你可以使用 JavaScript DOM 函数来遍历它。
-
-注意上面这一步只在你发起异步请求时有效（即 `open()` 的第三个参数未特别指定或设为 `true`）。如果你发起的是**同步**请求则不必使用函数，但是非常不推荐这样做，它的用户体验很糟糕。
-
-## 第三步——简单的示例
-
-让我们把所有的知识都集中起来做一个简单的 HTTP 请求。这个 JavaScript 会请求一个 HTML 文档 `test.html`，包含文本内容“I'm a test”。然后我们 `alert()` 响应的内容。注意这个例子我们只是用了原生 JavaScript，没有用 jQuery。而且，HTML、XML 和 PHP 文件都要放在同一个目录下。
-
-```html
-<button id="ajaxButton" type="button">发送请求</button>
-
-<script>
-  (() => {
-    let httpRequest;
-    document
-      .getElementById("ajaxButton")
-      .addEventListener("click", makeRequest);
-    function makeRequest() {
-      httpRequest = new XMLHttpRequest();
-      if (!httpRequest) {
-        alert("放弃了 :( 不能创建 XMLHTTP 实例");
-        return false;
-      }
-      httpRequest.onreadystatechange = alertContents;
-      httpRequest.open("GET", "test.html");
-      httpRequest.send();
-    }
-    function alertContents() {
-      if (httpRequest.readyState === XMLHttpRequest.DONE) {
-        if (httpRequest.status === 200) {
-          alert(httpRequest.responseText);
-        } else {
-          alert("请求遇到了问题。");
-        }
-      }
-    }
-  })();
-</script>
-```
-
-在这个示例中：
-
-- 用户点击“发送请求”按钮；
-- 事件处理器调用 `makeRequest()` 函数；
-- 请求已通过然后（`onreadystatechange`）传给 `alertContents()` 执行。
-- `alertContents()` 检查返回的响应是否 OK，然后 `alert()` 文件 `test.html` 的内容。
-
-> **备注：** 如果不设置响应头 `Cache-Control: no-cache` 浏览器将会把响应缓存下来而且再也无法重新提交请求，这会使得调试过程异常艰难。你也可以添加一个总是不同的 GET 参数，比如时间戳或者随机数（详情见[绕过缓存](/zh-CN/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest#绕过缓存)）。
-
-> **备注：** 如果变量 `httpRequest` 在全局范围内使用，它会在 `makeRequest()` 函数中被相互覆盖，从而导致资源竞争。为了避免这个情况，请在包含 AJAX 函数的[闭包](/zh-CN/docs/Web/JavaScript/Closures)中声明 `httpRequest` 变量。
-
-在通信错误的事件中（例如服务器宕机），在访问响应状态 onreadystatechange 方法中会抛出一个 exception。为了缓和这种情况，可以使用 `try...catch` 把 `if...else` 语句包裹起来。
-
-```js
-function alertContents() {
-  try {
-    if (httpRequest.readyState === XMLHttpRequest.DONE) {
-      if (httpRequest.status === 200) {
-        alert(httpRequest.responseText);
-      } else {
-        alert("请求遇到了问题。");
-      }
-    }
-  } catch (e) {
-    alert(`遇到了 exception：${e.description}`);
-  }
-}
-```
-
-## 第四步——处理 XML 响应
-
-在上一个例子中，在收到 HTTP 请求的响应后我们会使用对象的 `responseText` 属性，包含 `test.html` 文件的内容。现在我们试试 `responseXML` 属性。
-
-首先，我们创建一个稍后将要请求的有效的 XML 文档。文档（`test.xml`）包含以下内容：
-
-```html
-<?xml version="1.0" ?>
-<root> 我是测试文字。 </root>
-```
-
-然后，在 `makeRequest()` 函数中，我们需要把 `text.html` 换成我们刚创建的 XML 文件：
-
-```js
-httpRequest.open("GET", "test.xml");
-```
-
-然后在 `alertContents()` 里，我们把 `alert(httpRequest.responseText);` 改为：
-
-```js
-const xmldoc = httpRequest.responseXML;
-const root_node = xmldoc.querySelector("root");
-alert(root_node.firstChild.data);
-```
-
-这部分代码采用 `responseXML` 提供的 `XMLDocument` 对象，并使用 DOM 方法访问 XML 文档中包含的一些数据。
-
-## 第五步——处理数据
-
-最后，我们发送一个数据给服务器并收到响应。这次我们用 JavaScript 请求动态页面 `test.php` 并返回一个计算后的字符串——“你好，\[user data]”，并 `alert()` 出来。
-
-首先要添加一个文本到 HTML 中以方便用户输入名字：
-
-```html
-<label>
-  你的名字：
-  <input type="text" id="ajaxTextbox" />
-</label>
-<span id="ajaxButton" style="cursor: pointer; text-decoration: underline">
-  发出请求
-</span>
-```
-
-我们还将在事件处理程序中添加一行，从文本框中获取用户的数据，并将其与服务器端脚本的 URL 一起发送给 `makeRequest()` 函数：
-
-```js
-document.getElementById("ajaxButton").onclick = () => {
-  const userName = document.getElementById("ajaxTextbox").value;
-  makeRequest("test.php", userName);
-};
-```
-
-我们还要修改 `makeRequest()` 让它接受用户数据并将其发给服务器。把请求方法从 `GET` 改为 `POST`，把数据作为参数让 `httpRequest.send()` 调用。
-
-```js
-function makeRequest(url, userName) {
-  // …
-
-  httpRequest.onreadystatechange = alertContents;
-  httpRequest.open("POST", url);
-  httpRequest.setRequestHeader(
-    "Content-Type",
-    "application/x-www-form-urlencoded",
-  );
-  httpRequest.send(`userName=${encodeURIComponent(userName)}`);
-}
-```
-
-`alertContents()` 函数可以使用第三步中的相同函数写，而服务器会返回计算后的内容和原内容。所以，如果用户在输入框中输入“Jane”，那服务器就会返回如下内容：
-
-```json
-{ "userData": "Jane", "computedString": "Hi, Jane!" }
-```
-
-为了在 `alertContents()` 中使用这个数据，我们可不能只是 alert `responseText`，我们要解析它并 alert `computedString`，这才是我们想要的属性：
-
-```js
-function alertContents() {
-  if (httpRequest.readyState === XMLHttpRequest.DONE) {
-    if (httpRequest.status === 200) {
-      const response = JSON.parse(httpRequest.responseText);
-      alert(response.computedString);
-    } else {
-      alert("请求出现了问题。");
-    }
-  }
-}
-```
-
-`test.php` 文件应该包含以下内容：
-
-```php
-$name = $_POST['userName'] ?? 'no name';
-$computedString = "Hi, " . $name . "!";
-$array = ['userName' => $name, 'computedString' => $computedString];
-echo json_encode($array);
-```
-
-想获取更多 DOM 方法，可以查看[文档对象模型（DOM）](/zh-CN/docs/Web/API/Document_Object_Model)文档。
-
-## 简单的计时 XHR 示例
-
-下面是另一个简单的例子，这里我们通过 XHR 加载一个文本文件，其结构假设是这样的：
-
-```
-TIME: 312.05
-TIME: 312.07
-TIME: 312.10
-TIME: 312.12
-TIME: 312.14
-TIME: 312.15
-```
-
-一旦文本文件被加载，我们在每个换行符（`\n`，基本上是文本文件中每个换行符的位置）处将项目 `split()` 放入一个数组，然后将完整的时间戳列表和最后一个时间戳打印到页面上。
-
-每 5 秒重复一次，使用 `setInterval()` 调用。我们的想法是，服务器端的某种脚本将不断地用新的时间戳更新文本文件，而我们的 XHR 代码将被用来在客户端报告最新的时间戳。
-
-```html
-<!doctype html>
-<html lang="zh-CN">
-  <head>
-    <meta charset="utf-8" />
-    <title>XHR 时间记录</title>
-    <style></style>
-  </head>
-  <body>
-    <p id="writeData" class="data">离线</p>
-    <p id="lastStamp">还没有数据</p>
-
-    <script>
-      const fullData = document.getElementById("writeData");
-      const lastData = document.getElementById("lastStamp");
-      function fetchData() {
-        console.log("正在获取数据更新。");
-        const xhr = new XMLHttpRequest();
-        xhr.open("GET", "time-log.txt", true);
-        xhr.onload = () => {
-          updateDisplay(xhr.response);
-        };
-        xhr.send();
-      }
-      function updateDisplay(text) {
-        fullData.textContent = text;
-        const timeArray = text.split("\n");
-        // 有些文件系统总是在文本文件的末尾包括一个空行。
-        if (timeArray[timeArray.length - 1] === "") {
-          timeArray.pop();
-        }
-        lastData.textContent = timeArray[timeArray.length - 1];
-      }
-      setInterval(fetchData, 5000);
-    </script>
-  </body>
-</html>
-```
-
-## 相关技术
-
-虽然 Ajax 仍然有用，但自 2005 年以来，已经开发了可以实现类似功能的其他 API，包括 [Fetch API](/zh-CN/docs/Web/API/Fetch_API) 和[服务端发送事件](/zh-CN/docs/Web/API/Server-sent_events)。
-
-- [Fetch API](/zh-CN/docs/Web/API/Fetch_API)
-  - : Fetch API 提供了一个获取资源的接口。对于使用过 {{domxref("XMLHTTPRequest")}} 的人来说非常熟悉，但这个 API 提供了一个更强大和灵活的功能集。
-- [服务器发送事件](/zh-CN/docs/Web/API/Server-sent_events)
-  - : 传统上，一个网页必须向服务器发送请求以接收新数据；也就是说，网页向服务器请求数据。有了服务器发送的事件，服务器就有可能在任何时候向网页发送新的数据，通过推送消息给网页。这些传入的消息可以被视为网页内部的[_事件_](/zh-CN/docs/Web/API/Event) _+ 数据_。也请参见[使用服务器发送事件](/zh-CN/docs/Web/API/Server-sent_events/Using_server-sent_events)。
-
-## 参见
-
-- [使用 XMLHttpRequest API](/zh-CN/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest)
-  - : {{domxref("XMLHttpRequest")}} API 是 Ajax 的核心。本文将解释如何使用一些 Ajax 技术，比如：
-    - [分析和操纵服务器响应](/zh-CN/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest#处理响应)
-    - [监控请求过程](/zh-CN/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest#监控请求过程)
-    - [提交表单或者上传二进制文件](/zh-CN/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest#提交表单和上传文件)，使用*纯* Ajax 或者 {{domxref("FormData")}} 对象
-    - 在 [Web worker](/zh-CN/docs/Web/API/Worker) 中使用 Ajax
-- [_纯 Ajax_ 导航示例](/zh-CN/docs/Web/API/History_API/Example)
-  - : 本文提供了一个仅由三个页面组成的*纯 Ajax* 网站的（最小）工作示例。
-- [发送和接收二进制数据](/zh-CN/docs/Web/API/XMLHttpRequest_API/Sending_and_Receiving_Binary_Data)
-  - : `XMLHttpRequest` 对象的 `responseType` 属性可以被设置来改变服务器的预期响应类型。可能的值是空字符串（默认）、`arraybuffer`、`blob`、`document`、`json` 和 `text`。`response` 属性将根据 `responseType` 包含，作为一个 `ArrayBuffer`、`Blob`、`Document`、`JSON` 或字符串的实体主体。这篇文章将展示一些 Ajax I/O 技术。
-- [XML](/zh-CN/docs/Glossary/XML)
-  - : **可扩展标记语言**（Extensible Markup Language，XML）是 W3C 推荐的一种专用于创建专用标记语言的通用标记语言。它是 SGML 的简化子集，能够描述许多不同类型的数据。其主要目的是促进在不同的系统，尤其是通过互联网连接的系统间的数据共享。
-- [解析和序列化 XML](/zh-CN/docs/Web/Guide/Parsing_and_serializing_XML)
-  - : 如何从字符串、文件或通过 JavaScript 解析 XML 文档，以及如何将 XML 文档序列化为字符串或文件。
-- [XPath](/zh-CN/docs/Web/XPath)
-  - : XPath 代表 **X**ML **Path** Language，它使用非 XML 语法，提供了一种灵活的方式来寻址（指向）[XML](/zh-CN/docs/Web/XML) 文档的不同部分。除此之外，它还可以用于测试文档中的寻址节点，以确定它们是否匹配模式。
-- {{domxref("FileReader")}} API
-  - : `FileReader` API 允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓存）的内容，使用 {{domxref("File")}} 或 {{domxref("Blob")}} 对象指定要读取的文件或数据。文件对象可以从用户选择文件后的 {{HTMLElement("input")}} 元素的 {{domxref("FileList")}} 对象中获取，也可以从拖放操作的 {{domxref("DataTransfer")}} 对象获取。
-- [XMLHttpRequest 对 HTML 的支持](/zh-CN/docs/Web/API/XMLHttpRequest_API/HTML_in_XMLHttpRequest)
-  - : W3C [XMLHttpRequest](https://xhr.spec.whatwg.org/) 规范向 {{domxref("XMLHttpRequest")}} 添加了 HTML 解析支持，XMLHttpRequest 原本只支持 XML 解析。此功能允许 Web 应用程序使用 `XMLHttpRequest` 获取 HTML 资源作为解析的 DOM。
-- [XMLHttpRequest 规范](https://xhr.spec.whatwg.org/)
-  - : WHATWG 动态标准
diff --git a/files/zh-cn/web/guide/index.md b/files/zh-cn/web/guide/index.md
index f7dc46f524b535..58e1a481178553 100644
--- a/files/zh-cn/web/guide/index.md
+++ b/files/zh-cn/web/guide/index.md
@@ -29,8 +29,6 @@ MDN 文档中有大量的指南，这些文章意在增加用例，或教你如
 
 - [JavaScript 学习区](/zh-CN/docs/Learn/JavaScript)
   - : 无论是完全的初学者，还是希望提升你的技能，这里都是好的开始。
-- [AJAX](/zh-CN/docs/Web/Guide/AJAX)
-  - : AJAX 是一组技术的统称术语，它们允许 Web 应用程序对用户界面进行快速，增量式的更新，而无需重新加载整个页面。这使得 Web 应用程序运行更快，更能响应用户的操作。
 
 ## 媒体
 
diff --git a/files/zh-cn/web/http/headers/permissions-policy/index.md b/files/zh-cn/web/http/headers/permissions-policy/index.md
index b4ec73e22af696..d7ab2fb9f9005a 100644
--- a/files/zh-cn/web/http/headers/permissions-policy/index.md
+++ b/files/zh-cn/web/http/headers/permissions-policy/index.md
@@ -19,20 +19,16 @@ slug: Web/HTTP/Headers/Permissions-Policy
 Permissions-Policy: <directive> <allowlist>
 ```
 
-**\<allowlist>**
+- `<allowlist>`
 
-- `*`: 允许在当前文档和所有包含的内容（比如 iframes）中使用本特性。
-- `'self'`: 允许在当前文档中使用本特性，但在包含的内容（比如 iframes）仍使用原值。
-- `'src'`: (只在 iframe 中允许) 只要在{{HTMLElement('iframe','src','#Attributes')}} 中的 URL 和加载 iframe 用的 URL 相同，则本特性在 iframe 中允许，
-- `'none'`: 从最上层到包含的内容都禁止本特性。 \<origin(s)>: 在特定的源中允许，源 URL 以空格分割。
+  - : 一个来源列表，在括号中包含的以下一个或多个值，并用空格分隔：
 
-<!---->
+    - `*`: 允许在当前文档和所有包含的内容（比如 iframes）中使用本特性。
+    - `'self'`: 允许在当前文档中使用本特性，但在包含的内容（比如 iframes）仍使用原值。
+    - `'src'`: (只在 iframe 中允许) 只要在{{HTMLElement('iframe','src','#Attributes')}} 中的 URL 和加载 iframe 用的 URL 相同，则本特性在 iframe 中允许，
+    - `'none'`: 从最上层到包含的内容都禁止本特性。 \<origin(s)>: 在特定的源中允许，源 URL 以空格分割。
 
-- `*`: 本特性默认在最上层和包含的内容中（iframes）允许。
-- `'self'`: 本特性默认在最上层允许，而包含的内容中（iframes）使用源地址相同设定。也就是说本特性在 iframe 中不允许跨域访问。
-- `'none'`: 本特性默认在最上层和包含的内容中（iframes）都禁止。
-
-`*`(在所有源地址启用)`或'none'`(在所有源地址禁用) 只允许单独使用，而`'self'`和`'src'`可以与多个源地址一起使用。
+`*` 或 `none` 值只允许单独使用，而 `self` 和 `src` 值可以与多个源一起使用。
 
 所有的特性都有一个如下的默认的 allowlist
 
diff --git a/files/zh-cn/web/http/proxy_servers_and_tunneling/proxy_auto-configuration_pac_file/index.md b/files/zh-cn/web/http/proxy_servers_and_tunneling/proxy_auto-configuration_pac_file/index.md
index 4bd2f37d2090aa..8860f2e651493e 100644
--- a/files/zh-cn/web/http/proxy_servers_and_tunneling/proxy_auto-configuration_pac_file/index.md
+++ b/files/zh-cn/web/http/proxy_servers_and_tunneling/proxy_auto-configuration_pac_file/index.md
@@ -316,7 +316,7 @@ myIpAddress()
 
 #### 参数
 
-**（无）**
+无。
 
 获取当前 Firefox 所在设备的 IP 地址，并返回为标准格式的 IP 地址字符串。
 
diff --git a/files/zh-cn/web/javascript/guide/expressions_and_operators/index.md b/files/zh-cn/web/javascript/guide/expressions_and_operators/index.md
index d4be73311020e5..baedf915326fa5 100644
--- a/files/zh-cn/web/javascript/guide/expressions_and_operators/index.md
+++ b/files/zh-cn/web/javascript/guide/expressions_and_operators/index.md
@@ -186,8 +186,6 @@ var var2 = 4;
 
 逻辑运算符常用于布尔（逻辑）值之间; 当操作数都是布尔值时，返回值也是布尔值。不过实际上`&&`和`||`返回的是一个特定的操作数的值，所以当它用于非布尔值的时候，返回值就可能是非布尔值。逻辑运算符的描述如下。
 
-**逻辑运算符**
-
 | 运算符                                                                                         | 范例               | 描述                                                                                                                                                                      |
 | ---------------------------------------------------------------------------------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | [逻辑与](/zh-CN/docs/Web/JavaScript/Reference/Operators/Logical_Operators#Logical_AND) `(&&`)  | `expr1 && expr2`   | (逻辑与) 如果 expr1 能被转换为 false，那么返回 expr1；否则，返回`expr2`。因此`，&&`用于布尔值时，当操作数都为 true 时返回 true；否则返回 false.                           |
@@ -505,8 +503,6 @@ if (theDay instanceof Date) {
 
 下表列出了描述符的优先级，从最高到最低。
 
-**运算符优先级**
-
 | Operator type          | Individual operators                      |
 | ---------------------- | ----------------------------------------- |
 | member                 | `. []`                                    |
diff --git a/files/zh-cn/web/javascript/guide/numbers_and_dates/index.md b/files/zh-cn/web/javascript/guide/numbers_and_dates/index.md
index 0855ab822c4d18..3ea1647f9b7edc 100644
--- a/files/zh-cn/web/javascript/guide/numbers_and_dates/index.md
+++ b/files/zh-cn/web/javascript/guide/numbers_and_dates/index.md
@@ -97,8 +97,6 @@ const notANum = Number.NaN;
 
 下面的表格汇总了数字对象的属性：
 
-**数字的属性**
-
 | 属性                                   | 描述                                                              |
 | -------------------------------------- | ----------------------------------------------------------------- |
 | {{jsxref("Number.MAX_VALUE")}}         | 可表示的最大值                                                    |
diff --git a/files/zh-cn/web/javascript/reference/classes/static/index.md b/files/zh-cn/web/javascript/reference/classes/static/index.md
index 0961f9546388e1..c32cfb025b2d98 100644
--- a/files/zh-cn/web/javascript/reference/classes/static/index.md
+++ b/files/zh-cn/web/javascript/reference/classes/static/index.md
@@ -97,8 +97,8 @@ console.log(tp.tripple()); // 'tp.tripple 不是一个函数'.
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- [`class`表达式](/zh-CN/docs/Web/JavaScript/Reference/Operators/class)
-- [`class`声明](/zh-CN/docs/Web/JavaScript/Reference/Statements/class)
-- [Classes](/zh-CN/docs/Web/JavaScript/Reference/Classes)
+- [`class` 表达式](/zh-CN/docs/Web/JavaScript/Reference/Operators/class)
+- [`class` 声明](/zh-CN/docs/Web/JavaScript/Reference/Statements/class)
+- [类](/zh-CN/docs/Web/JavaScript/Reference/Classes)
diff --git a/files/zh-cn/web/javascript/reference/errors/index.md b/files/zh-cn/web/javascript/reference/errors/index.md
index b8ede1101ec9a1..e2c3245f5ccf78 100644
--- a/files/zh-cn/web/javascript/reference/errors/index.md
+++ b/files/zh-cn/web/javascript/reference/errors/index.md
@@ -14,7 +14,3 @@ Web 控制台中显示的错误可能包含指向下面相应页面的链接，
 在此列表中，每个页面按名称（错误类型）和信息（更详细的容易理解的错误信息）列出。总之，这两者提供了理解和解决错误的线索。有关更多信息，请按照以下链接！
 
 {{ListSubPages("/zh-CN/docs/Web/JavaScript/Reference/Errors")}}
-
-## 相关链接
-
-- [What went wrong? Troubleshooting JavaScript](/zh-CN/docs/Learn/JavaScript/First_steps/What_went_wrong): Beginner's introductory tutorial on fixing JavaScript errors.
diff --git a/files/zh-cn/web/javascript/reference/errors/json_bad_parse/index.md b/files/zh-cn/web/javascript/reference/errors/json_bad_parse/index.md
index 1f3b06343f4e8a..f5d0a2c3c5a2d7 100644
--- a/files/zh-cn/web/javascript/reference/errors/json_bad_parse/index.md
+++ b/files/zh-cn/web/javascript/reference/errors/json_bad_parse/index.md
@@ -106,7 +106,7 @@ JSON.parse('{"foo" : 1 }');
 JSON.parse('{"foo" : 1.0 }');
 ```
 
-## 相关链接
+## 参见
 
 - {{jsxref("JSON")}}
 - {{jsxref("JSON.parse()")}}
diff --git a/files/zh-cn/web/javascript/reference/errors/not_a_constructor/index.md b/files/zh-cn/web/javascript/reference/errors/not_a_constructor/index.md
index 653fd8d49098c2..bf020b4a3582a3 100644
--- a/files/zh-cn/web/javascript/reference/errors/not_a_constructor/index.md
+++ b/files/zh-cn/web/javascript/reference/errors/not_a_constructor/index.md
@@ -92,7 +92,7 @@ return Promise.resolve(true);
 return Promise.reject(false);
 ```
 
-## 相关链接
+## 参见
 
 - {{Glossary("constructor")}}
-- [`new` operator](/zh-CN/docs/Web/JavaScript/Reference/Operators/new)
+- [`new` 运算符](/zh-CN/docs/Web/JavaScript/Reference/Operators/new)
diff --git a/files/zh-cn/web/javascript/reference/functions/arguments/index.md b/files/zh-cn/web/javascript/reference/functions/arguments/index.md
index cc76409aeb20c2..f0d6606ebf2a54 100644
--- a/files/zh-cn/web/javascript/reference/functions/arguments/index.md
+++ b/files/zh-cn/web/javascript/reference/functions/arguments/index.md
@@ -234,6 +234,6 @@ func(); // undefined
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Function")}}
diff --git a/files/zh-cn/web/javascript/reference/functions/arguments/length/index.md b/files/zh-cn/web/javascript/reference/functions/arguments/length/index.md
index 4444b93bb770fa..e009457f72c170 100644
--- a/files/zh-cn/web/javascript/reference/functions/arguments/length/index.md
+++ b/files/zh-cn/web/javascript/reference/functions/arguments/length/index.md
@@ -33,7 +33,7 @@ function adder(base /*, n2, ... */) {
 }
 ```
 
-## Specifications
+## 规范
 
 {{Specifications}}
 
@@ -41,6 +41,6 @@ function adder(base /*, n2, ... */) {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - [Function.length](/zh-CN/docs/JavaScript/Reference/Global_Objects/Function/length)
diff --git a/files/zh-cn/web/javascript/reference/functions/arrow_functions/index.md b/files/zh-cn/web/javascript/reference/functions/arrow_functions/index.md
index 0bfe23d2ae79d1..0f24e81fc4eb6e 100644
--- a/files/zh-cn/web/javascript/reference/functions/arrow_functions/index.md
+++ b/files/zh-cn/web/javascript/reference/functions/arrow_functions/index.md
@@ -481,6 +481,6 @@ fact(5); // 120
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - ["ES6 In Depth: Arrow functions" on hacks.mozilla.org](https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/)
diff --git a/files/zh-cn/web/javascript/reference/functions/default_parameters/index.md b/files/zh-cn/web/javascript/reference/functions/default_parameters/index.md
index 783934087612e4..fb7baf835e15e9 100644
--- a/files/zh-cn/web/javascript/reference/functions/default_parameters/index.md
+++ b/files/zh-cn/web/javascript/reference/functions/default_parameters/index.md
@@ -213,6 +213,9 @@ f(); // 6
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- [Original proposal at ecmascript.org](http://wiki.ecmascript.org/doku.php?id=harmony:parameter_default_values)
+- [函数](/zh-CN/docs/Web/JavaScript/Guide/Functions)指南
+- [函数](/zh-CN/docs/Web/JavaScript/Reference/Functions)参考
+- [剩余参数](/zh-CN/docs/Web/JavaScript/Reference/Functions/rest_parameters)
+- [空值合并运算符（`??`）](/zh-CN/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing)
diff --git a/files/zh-cn/web/javascript/reference/functions/get/index.md b/files/zh-cn/web/javascript/reference/functions/get/index.md
index e0f6a1f498e9a1..31b88f97b29eb5 100644
--- a/files/zh-cn/web/javascript/reference/functions/get/index.md
+++ b/files/zh-cn/web/javascript/reference/functions/get/index.md
@@ -150,7 +150,7 @@ console.log(
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - [setter](/zh-CN/docs/Web/JavaScript/Reference/Functions/set)
 - {{jsxref("Operators/delete", "delete")}}
diff --git a/files/zh-cn/web/javascript/reference/functions/rest_parameters/index.md b/files/zh-cn/web/javascript/reference/functions/rest_parameters/index.md
index 3e721c5712f50a..8f7fcaa04a2cac 100644
--- a/files/zh-cn/web/javascript/reference/functions/rest_parameters/index.md
+++ b/files/zh-cn/web/javascript/reference/functions/rest_parameters/index.md
@@ -137,12 +137,11 @@ console.log(sortArguments(5, 3, 7, 1)); // shows 1, 3, 5, 7
 
 {{Compat}}
 
-## 相关链接
-
-- [Spread operator](/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_operator) (also ‘`...`’)
-- [Arguments object](/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments)
-- [Array](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array)
-- [Functions](/zh-CN/docs/Web/JavaScript/Reference/Functions)
-- [Original proposal at ecmascript.org](http://wiki.ecmascript.org/doku.php?id=harmony:rest_parameters)
-- [JavaScript arguments object and beyond](http://javascriptweblog.wordpress.com/2011/01/18/javascripts-arguments-object-and-beyond/)
-- [Destructuring assignment](/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment)
+## 参见
+
+- [函数](/zh-CN/docs/Web/JavaScript/Guide/Functions)指南
+- [函数](/zh-CN/docs/Web/JavaScript/Reference/Functions)参考
+- [展开语法（`...`）](/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax)
+- [默认参数](/zh-CN/docs/Web/JavaScript/Reference/Functions/Default_parameters)
+- {{jsxref("Functions/arguments", "arguments")}}
+- {{jsxref("Array")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/detached/index.md b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/detached/index.md
new file mode 100644
index 00000000000000..b8d34c32f76403
--- /dev/null
+++ b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/detached/index.md
@@ -0,0 +1,38 @@
+---
+title: ArrayBuffer.prototype.detached
+slug: Web/JavaScript/Reference/Global_Objects/ArrayBuffer/detached
+---
+
+{{JSRef}} {{SeeCompatTable}}
+
+{{jsxref("ArrayBuffer")}} 实例的 **`detached`** 访问器属性返回一个布尔值，指示该缓冲区是否已经分离（传输）。
+
+## 描述
+
+`detached` 属性是一个访问器属性，其 set 访问器函数是 `undefined`，这意味着你只能读取此属性。该属性的值在创建 `ArrayBuffer` 时设置为 `false`。如果 `ArrayBuffer` 已[被传输](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer#传输_arraybuffer)，则该值将变为 `true`，这将使该实例从其底层内存中分离。一旦缓冲区被分离，它就不再可用。
+
+## 示例
+
+### 使用 detached
+
+```js
+const buffer = new ArrayBuffer(8);
+console.log(buffer.detached); // false
+const newBuffer = buffer.transfer();
+console.log(buffer.detached); // true
+console.log(newBuffer.detached); // false
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- {{jsxref("ArrayBuffer")}}
+- {{jsxref("ArrayBuffer.prototype.transfer()")}}
+- {{jsxref("ArrayBuffer.prototype.transferToFixedLength()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/isview/index.md b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/isview/index.md
index 4a5f426575d2da..e79833958922ab 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/isview/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/isview/index.md
@@ -5,9 +5,9 @@ slug: Web/JavaScript/Reference/Global_Objects/ArrayBuffer/isView
 
 {{JSRef}}
 
-**`ArrayBuffer.isView()`** 方法用来判断传入的参数值是否是一种 `ArrayBuffer` 视图（view），比如类型化数组对象（[typed array objects](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/TypedArray)）或者数据视图（ {{jsxref("DataView")}}）。
+**`ArrayBuffer.isView()`** 静态方法判断传入值是否是 `ArrayBuffer` 视图之一，例如[类型化数组对象](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/TypedArray)或 {{jsxref("DataView")}}。
 
-{{EmbedInteractiveExample("pages/js/arraybuffer-isview.html")}}
+{{EmbedInteractiveExample("pages/js/arraybuffer-isview.html", "shorter")}}
 
 ## 语法
 
@@ -18,17 +18,16 @@ ArrayBuffer.isView(value)
 ### 参数
 
 - `value`
-  - : 被检测的值。
+  - : 要检查的值。
 
 ### 返回值
 
-- `true`
-  - : 如果提供的参数是一种 {{jsxref("ArrayBuffer")}} 视图；
-- `false`
-  - : 提供的参数不是一种 {{jsxref("ArrayBuffer")}} 视图类型；
+如果给定参数是 {{jsxref("ArrayBuffer")}} 视图之一则返回 `true`；否则返回 `false`。
 
 ## 示例
 
+### 使用 isView
+
 ```js
 ArrayBuffer.isView(); // false
 ArrayBuffer.isView([]); // false
@@ -41,8 +40,8 @@ ArrayBuffer.isView(new Uint8Array()); // true
 ArrayBuffer.isView(new Float32Array()); // true
 ArrayBuffer.isView(new Int8Array(10).subarray(0, 3)); // true
 
-var buffer = new ArrayBuffer(2);
-var dv = new DataView(buffer);
+const buffer = new ArrayBuffer(2);
+const dv = new DataView(buffer);
 ArrayBuffer.isView(dv); // true
 ```
 
@@ -54,6 +53,6 @@ ArrayBuffer.isView(dv); // true
 
 {{Compat}}
 
-## 另见
+## 参见
 
-- [JavaScript typed arrays](/zh-CN/docs/Web/JavaScript/Typed_arrays)
+- [JavaScript 类型化数组](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays)指南
diff --git a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/maxbytelength/index.md b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/maxbytelength/index.md
new file mode 100644
index 00000000000000..5c682ead19f0da
--- /dev/null
+++ b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/maxbytelength/index.md
@@ -0,0 +1,42 @@
+---
+title: ArrayBuffer.prototype.maxByteLength
+slug: Web/JavaScript/Reference/Global_Objects/ArrayBuffer/maxByteLength
+---
+
+{{JSRef}}
+
+{{jsxref("ArrayBuffer")}} 实例的 **`maxByteLength`** 访问器属性返回该数组缓冲区可调整到的最大长度（以字节为单位）。
+
+{{EmbedInteractiveExample("pages/js/arraybuffer-maxbytelength.html")}}
+
+## 描述
+
+`maxByteLength` 属性是一个访问器属性，其设置访问器函数为 `undefined`，这意味着你只能读取此属性。该值在构造数组时通过 {{jsxref("ArrayBuffer/ArrayBuffer", "ArrayBuffer()")}} 构造函数的 `maxByteLength` 选项设置，并且不能更改。
+
+如果该 `ArrayBuffer` 已分离，则该属性返回 0。如果该 `ArrayBuffer` 构造时未指定 `maxByteLength` 值，则该属性返回 `ArrayBuffer` 的 {{jsxref("ArrayBuffer/byteLength", "byteLength")}} 值。
+
+## 示例
+
+### 使用 maxByteLength
+
+在该示例中，我们创建一个 8 字节缓冲区，该缓冲区可调整到的最大长度为 16 字节，然后返回其 `maxByteLength`：
+
+```js
+const buffer = new ArrayBuffer(8, { maxByteLength: 16 });
+
+buffer.maxByteLength; // 16
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- {{jsxref("ArrayBuffer")}}
+- {{jsxref("ArrayBuffer.prototype.byteLength")}}
+- {{jsxref("ArrayBuffer.prototype.resize()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/resizable/index.md b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/resizable/index.md
new file mode 100644
index 00000000000000..809caa92f3d5c7
--- /dev/null
+++ b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/resizable/index.md
@@ -0,0 +1,43 @@
+---
+title: ArrayBuffer.prototype.resizable
+slug: Web/JavaScript/Reference/Global_Objects/ArrayBuffer/resizable
+---
+
+{{JSRef}}
+
+{{jsxref("ArrayBuffer")}} 实例的 **`resizable`** 访问器属性返回此数组缓冲区是否可以调整大小。
+
+{{EmbedInteractiveExample("pages/js/arraybuffer-resizable.html")}}
+
+## 描述
+
+`resizable` 是一个访问器属性，其 set 访问器函数是 `undefined`，这意味着你只能读取该属性。该属性的值在数组创建时就确定了。如果在构造函数中设置了 `maxByteLength` 选项，`resizable` 将返回 `true`；否则，它将返回 `false`。
+
+## 示例
+
+### 使用 resizable
+
+在这个示例中，我们创建了一个 8 字节缓冲区，该缓冲区可调整到的最大长度为 16 字节，然后检查它的 `resizable` 属性，如果 `resizable` 返回 `true` 则调整它的大小：
+
+```js
+const buffer = new ArrayBuffer(8, { maxByteLength: 16 });
+
+if (buffer.resizable) {
+  console.log("缓冲区可以调整大小！");
+  buffer.resize(12);
+}
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- {{jsxref("ArrayBuffer")}}
+- {{jsxref("ArrayBuffer.prototype.maxByteLength")}}
+- {{jsxref("ArrayBuffer.prototype.resize()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/resize/index.md b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/resize/index.md
new file mode 100644
index 00000000000000..764a8910187732
--- /dev/null
+++ b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/resize/index.md
@@ -0,0 +1,67 @@
+---
+title: ArrayBuffer.prototype.resize()
+slug: Web/JavaScript/Reference/Global_Objects/ArrayBuffer/resize
+---
+
+{{JSRef}}
+
+{{jsxref("ArrayBuffer")}} 实例的 **`resize()`** 方法将 `ArrayBuffer` 调整为指定的大小，以字节为单位。
+
+{{EmbedInteractiveExample("pages/js/arraybuffer-resize.html")}}
+
+## 语法
+
+```js-nolint
+resize(newLength)
+```
+
+### 参数
+
+- `newLength`
+  - : `ArrayBuffer` 要调整到的新的长度，以字节为单位。
+
+### 返回值
+
+无（{{jsxref("undefined")}}）。
+
+### 异常
+
+- {{jsxref("TypeError")}}
+  - : 如果 `ArrayBuffer` 已分离或不可调整大小，则抛出该错误。
+- {{jsxref("RangeError")}}
+  - : 如果 `newLength` 大于该 `ArrayBuffer` 的 {{jsxref("ArrayBuffer/maxByteLength", "maxByteLength")}}，则抛出该错误。
+
+## 描述
+
+`resize()` 方法将 `ArrayBuffer` 调整为 `newLength` 参数指定的大小，前提是该 `ArrayBuffer` 是[可调整大小的](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/resizable)并且新的大小小于或等于该 `ArrayBuffer` 的 {{jsxref("ArrayBuffer/maxByteLength", "maxByteLength")}}。新字节被初始化为 0。
+
+请注意，你可以使用 `resize()` 来缩小和增大 `ArrayBuffer`——即使 `newLength` 小于 `ArrayBuffer` 的当前 {{jsxref("ArrayBuffer/byteLength", "byteLength")}}。
+
+## 示例
+
+### 使用 resize()
+
+在这个示例中，我们创建一个 8 字节缓冲区，该缓冲区可调整大小到的最大长度是 16 字节，然后检查其 `resizable` 属性，如果 `resizable` 返回 `true` 则调整其大小：
+
+```js
+const buffer = new ArrayBuffer(8, { maxByteLength: 16 });
+
+if (buffer.resizable) {
+  console.log("缓冲区大小是可调整的！");
+  buffer.resize(12);
+}
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- {{jsxref("ArrayBuffer")}}
+- {{jsxref("ArrayBuffer.prototype.resizable")}}
+- {{jsxref("ArrayBuffer.prototype.maxByteLength")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/slice/index.md b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/slice/index.md
index ca23db25690f49..82590e31b81d54 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/slice/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/slice/index.md
@@ -1,42 +1,49 @@
 ---
 title: ArrayBuffer.prototype.slice()
 slug: Web/JavaScript/Reference/Global_Objects/ArrayBuffer/slice
+l10n:
+  sourceCommit: 27180875516cc311342e74b596bfb589b7211e0c
 ---
 
 {{JSRef}}
 
-**`slice()`**方法返回一个新的 `ArrayBuffer` ，它的内容是这个 `ArrayBuffer` 的字节副本，从 begin（包括），到 end（不包括）。
+{{jsxref("ArrayBuffer")}} 实例的 **`slice()`** 方法返回一个新的 {{jsxref("ArrayBuffer")}} 实例，其包含原 `ArrayBuffer` 实例中从 `begin` 开始（包含）到 `end` 结束（不含）的所有字节的副本。
 
 {{EmbedInteractiveExample("pages/js/arraybuffer-slice.html")}}
 
 ## 语法
 
-```plain
-arraybuffer.slice(begin[, end])
+```js-nolint
+slice()
+slice(start)
+slice(start, end)
 ```
 
 ### 参数
 
-- `begin`
-  - : 从零开始的字节索引，切片从这开始。
-- `end`
-  - : 结束切片的字节索引。如果没指定 end，新的 `ArrayBuffer` 将包含这个 `ArrayBuffer` 从头到尾的所有字节。由 begin 和 end 指定的这个范围夹在当前数组的有效索引范围内。如果新`ArrayBuffer`的长度在计算后为负，它将强制为 0。
+- `start` {{optional_inline}}
+  - : 要开始提取的位置索引（从 0 开始），将被[转换为整数](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number#整数转换)。
+    - 负数索引将会从缓冲区末尾开始计算——如果 `start < 0`，那么将会使用 `start + buffer.length`。
+    - 如果 `start < -buffer.length` 或省略了 `start`，则会使用 `0`。
+    - 如果 `start >= buffer.length`，则不会提取任何内容。
+- `end` {{optional_inline}}
+  - : 要结束提取的位置索引（从 0 开始），将被[转换为整数](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number#整数转换)。`slice()` 提取到但不包括 `end`。
+    - 负数索引将会从缓冲区末尾开始计算——如果 `end < 0`，那么将会使用 `end + buffer.length`。
+    - 如果 `end < -buffer.length`，则会使用 `0`。
+    - 如果 `end >= buffer.length` 或省略了 `end`，则会使用 `buffer.length`，则会导致直到末尾的所有元素都被提取。
+    - 如果标准化后的 `end` 位置在 `start` 位置之前，则不会提取任何内容。
 
 ### 返回值
 
-一个新的 `ArrayBuffer` 对象。
-
-## 描述
-
-`slice` 方法复制到但不包括由 end 参数指示的字节。如果 begin 或 end 是负数，则指的是从数组末尾开始的索引，而不是从头开始。
+一个新的 {{jsxref("ArrayBuffer")}} 对象。
 
 ## 示例
 
-### 复制一个 `ArrayBuffer`
+### 复制一个 ArrayBuffer
 
 ```js
-var buf1 = new ArrayBuffer(8);
-var buf2 = buf1.slice(0);
+const buf1 = new ArrayBuffer(8);
+const buf2 = buf1.slice(0);
 ```
 
 ## 规范
@@ -47,6 +54,6 @@ var buf2 = buf1.slice(0);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("ArrayBuffer")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/atomics/store/index.md b/files/zh-cn/web/javascript/reference/global_objects/atomics/store/index.md
index 03e1c1c7f212b6..83a757bcf1be90 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/atomics/store/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/atomics/store/index.md
@@ -51,7 +51,7 @@ Atomics.store(ta, 0, 12); // 12
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Atomics")}}
 - {{jsxref("Atomics.load()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/bigint/bigint/index.md b/files/zh-cn/web/javascript/reference/global_objects/bigint/bigint/index.md
index 97c3f54398b070..cae8b72f547624 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/bigint/bigint/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/bigint/bigint/index.md
@@ -9,8 +9,8 @@ slug: Web/JavaScript/Reference/Global_Objects/BigInt/BigInt
 
 ## 语法
 
-```plain
-BigInt(value);
+```js-nolint
+BigInt(value)
 ```
 
 ### 参数
@@ -35,6 +35,6 @@ BigInt(123);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- {{jsxref("BigInt")}} class
+- {{jsxref("BigInt")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/bigint/index.md b/files/zh-cn/web/javascript/reference/global_objects/bigint/index.md
index 844968967eebb3..af1637ab1cfc2f 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/bigint/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/bigint/index.md
@@ -251,16 +251,14 @@ nthPrime(20n);
 // ↪ 73n
 ```
 
-## 标准
+## 规范
 
-| 标准                                                          | 状态      |
-| ------------------------------------------------------------- | --------- |
-| [BigInt](https://tc39.es/proposal-bigint/#sec-bigint-objects) | 第 4 阶段 |
+{{Specifications}}
 
 ## 浏览器兼容性
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{JSxRef("Number")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/boolean/valueof/index.md b/files/zh-cn/web/javascript/reference/global_objects/boolean/valueof/index.md
index e8237a77242fc7..afc1f5a813876d 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/boolean/valueof/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/boolean/valueof/index.md
@@ -42,6 +42,6 @@ myVar = x.valueOf(); // assigns false to myVar
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Object.prototype.valueOf()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/dataview/buffer/index.md b/files/zh-cn/web/javascript/reference/global_objects/dataview/buffer/index.md
index e4d7cc4de165d2..3daceefc189ad2 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/dataview/buffer/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/dataview/buffer/index.md
@@ -37,7 +37,7 @@ dataview.buffer; // ArrayBuffer { byteLength: 8 }
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("DataView")}}
 - {{jsxref("ArrayBuffer")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/dataview/bytelength/index.md b/files/zh-cn/web/javascript/reference/global_objects/dataview/bytelength/index.md
index e2ae71f8929f5f..9e7197904c691a 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/dataview/bytelength/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/dataview/bytelength/index.md
@@ -43,7 +43,7 @@ dataview3.byteLength; // 6 (due to the offset of the constructed DataView)
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("DataView")}}
 - {{jsxref("ArrayBuffer")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/dataview/byteoffset/index.md b/files/zh-cn/web/javascript/reference/global_objects/dataview/byteoffset/index.md
index 70c4a08426c9a6..7c0a862fb6618d 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/dataview/byteoffset/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/dataview/byteoffset/index.md
@@ -40,7 +40,7 @@ dataview2.byteOffset; // 3 (在构造 DataView 时指定)
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("DataView")}}
 - {{jsxref("ArrayBuffer")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getdate/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getdate/index.md
index df6d361641b7ca..a117f8efc7fabf 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getdate/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getdate/index.md
@@ -44,7 +44,7 @@ alert(day); // 25
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCDate()")}}
 - {{jsxref("Date.prototype.getUTCDay()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.md
index 598a74b4804f6e..97b9051d70fad2 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.md
@@ -50,7 +50,7 @@ console.log(weekday); // 1
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCDate()")}}
 - {{jsxref("Date.prototype.getUTCDay()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getfullyear/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getfullyear/index.md
index b92e2a616f36c7..9303b437db6b45 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getfullyear/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getfullyear/index.md
@@ -44,7 +44,7 @@ var year = today.getFullYear();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCFullYear()")}}
 - {{jsxref("Date.prototype.setFullYear()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/gethours/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/gethours/index.md
index ecea3556113b1b..9444009eefdd88 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/gethours/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/gethours/index.md
@@ -44,7 +44,7 @@ alert(hours); // 23
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCHours()")}}
 - {{jsxref("Date.prototype.setHours()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getmilliseconds/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getmilliseconds/index.md
index 9f4ac77f9c3044..2dfc9a02da04aa 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getmilliseconds/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getmilliseconds/index.md
@@ -43,7 +43,7 @@ ms = Today.getMilliseconds();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCMilliseconds()")}}
 - {{jsxref("Date.prototype.setMilliseconds()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getminutes/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getminutes/index.md
index 92ea23561d6e6f..59701e2cc541e2 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getminutes/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getminutes/index.md
@@ -42,7 +42,7 @@ var minutes = Xmas95.getMinutes();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCMinutes()")}}
 - {{jsxref("Date.prototype.setMinutes()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getmonth/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getmonth/index.md
index b943aa39e47f52..6da43e092012b9 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getmonth/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getmonth/index.md
@@ -44,7 +44,7 @@ console.log(month); // 11
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCMonth()")}}
 - {{jsxref("Date.prototype.setMonth()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getseconds/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getseconds/index.md
index 889fa08953ffec..a9066f00d56d52 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getseconds/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getseconds/index.md
@@ -42,7 +42,7 @@ var secs = Xmas95.getSeconds();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCSeconds()")}}
 - {{jsxref("Date.prototype.setSeconds()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/gettime/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/gettime/index.md
index bf5b687a4ce3c9..1eec9928bed1e0 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/gettime/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/gettime/index.md
@@ -61,7 +61,7 @@ console.log("Operation took " + (end.getTime() - start.getTime()) + " msec");
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.setTime()")}}
 - {{jsxref("Date.prototype.valueOf()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getutcdate/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getutcdate/index.md
index 4913fa12540be3..18f6c5010a2f31 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getutcdate/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getutcdate/index.md
@@ -42,7 +42,7 @@ var day = today.getUTCDate();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getDate()")}}
 - {{jsxref("Date.prototype.getUTCDay()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getutcday/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getutcday/index.md
index 05cbad3290baf6..c41d77b9b0d341 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getutcday/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getutcday/index.md
@@ -42,7 +42,7 @@ var weekday = today.getUTCDay();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCDate()")}}
 - {{jsxref("Date.prototype.getDay()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getutcfullyear/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getutcfullyear/index.md
index 0d4f43f139804d..fccf47a6d0c605 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getutcfullyear/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getutcfullyear/index.md
@@ -42,7 +42,7 @@ var year = today.getUTCFullYear();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getFullYear()")}}
 - {{jsxref("Date.prototype.setFullYear()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getutchours/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getutchours/index.md
index d3f4013d18c76e..1d081684db7792 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getutchours/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getutchours/index.md
@@ -42,7 +42,7 @@ var hours = today.getUTCHours();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getHours()")}}
 - {{jsxref("Date.prototype.setUTCHours()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getutcmilliseconds/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getutcmilliseconds/index.md
index eafde5ff4fc433..e0fc2603c88076 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getutcmilliseconds/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getutcmilliseconds/index.md
@@ -42,7 +42,7 @@ var milliseconds = today.getUTCMilliseconds();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getMilliseconds()")}}
 - {{jsxref("Date.prototype.setUTCMilliseconds()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getutcminutes/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getutcminutes/index.md
index c460847d3ef4aa..8439eea60efda5 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getutcminutes/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getutcminutes/index.md
@@ -42,7 +42,7 @@ var minutes = today.getUTCMinutes();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getMinutes()")}}
 - {{jsxref("Date.prototype.setUTCMinutes()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getutcmonth/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getutcmonth/index.md
index 65975982a99f36..4403b16b625022 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getutcmonth/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getutcmonth/index.md
@@ -42,7 +42,7 @@ var month = today.getUTCMonth();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getMonth()")}}
 - {{jsxref("Date.prototype.setUTCMonth()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getutcseconds/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/getutcseconds/index.md
index 6d1a77d9ec52ed..7e9cde561b58b3 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/getutcseconds/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/getutcseconds/index.md
@@ -42,7 +42,7 @@ var seconds = today.getUTCSeconds();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getSeconds()")}}
 - {{jsxref("Date.prototype.setUTCSeconds()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/parse/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/parse/index.md
index 5d354d67f1ca28..4d092199774429 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/parse/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/parse/index.md
@@ -15,16 +15,10 @@ slug: Web/JavaScript/Reference/Global_Objects/Date/parse
 
 显式调用：
 
-```plain
+```js-nolint
 Date.parse(dateString)
 ```
 
-`隐式调用：`
-
-```plain
-new Date(dateString).getTime()
-```
-
 ### 参数
 
 - `dateString`
@@ -147,10 +141,6 @@ Date.parse("Thu, 01 Jan 1970 00:00:00 GMT-0400");
 
 {{Compat}}
 
-## 兼容性提示
-
-Firefox 49 修改了解析 2 位数年份的方式，从和 Internet Explorer 一致改为和 Google Chrome 浏览器一致。现在，2 位数的年份小于等于 `50` 的将会被解析为 21 世纪的年份。比如，`04/16/17`，在之前会被解析为 1917 年 4 月 16 日，现在将被解析为 2017 年 4 月 16 日。为了避免任何可能的同步问题或者有歧义的年份，推荐使用 ISO 8601 格式如 "2017-04-16" ([Firefox bug 1265136](https://bugzil.la/1265136))。
-
-## 相关链接
+## 参见
 
 - {{jsxref("Date.UTC()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/setdate/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/setdate/index.md
index 85528723245f69..46df56e90ac989 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/setdate/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/setdate/index.md
@@ -46,7 +46,7 @@ theBigDay.setDate(32); // 1962-08-01
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getDate()")}}
 - {{jsxref("Date.prototype.setUTCDate()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/setfullyear/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/setfullyear/index.md
index 87c8ea03d26db1..0b7ddbeae003e9 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/setfullyear/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/setfullyear/index.md
@@ -47,7 +47,7 @@ theBigDay.setFullYear(1997);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCFullYear()")}}
 - {{jsxref("Date.prototype.setUTCFullYear()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/sethours/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/sethours/index.md
index 383ff89bc9886d..9d84eda4b83ef9 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/sethours/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/sethours/index.md
@@ -55,7 +55,7 @@ theBigDay.setHours(7);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getHours()")}}
 - {{jsxref("Date.prototype.setUTCHours()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/setmilliseconds/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/setmilliseconds/index.md
index 8925757293840a..da2e0575dbb523 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/setmilliseconds/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/setmilliseconds/index.md
@@ -41,7 +41,7 @@ theBigDay.setMilliseconds(100);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getMilliseconds()")}}
 - {{jsxref("Date.prototype.setUTCMilliseconds()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/setminutes/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/setminutes/index.md
index 9db4f7de273020..ed6be1104ae15b 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/setminutes/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/setminutes/index.md
@@ -53,7 +53,7 @@ theBigDay.setMinutes(45);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getMinutes()")}}
 - {{jsxref("Date.prototype.setUTCMinutes()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/setmonth/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/setmonth/index.md
index 7590f6ee7be156..d1c45a29d3a661 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/setmonth/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/setmonth/index.md
@@ -53,7 +53,7 @@ theBigDay.setMonth(6);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getMonth()")}}
 - {{jsxref("Date.prototype.setUTCMonth()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/setseconds/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/setseconds/index.md
index 383143db5e6c6b..7d72cd1d5b8c97 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/setseconds/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/setseconds/index.md
@@ -51,7 +51,7 @@ theBigDay.setSeconds(30);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getSeconds()")}}
 - {{jsxref("Date.prototype.setUTCSeconds()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/settime/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/settime/index.md
index 85c037e9edd072..c8cba9f15e0d4b 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/settime/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/settime/index.md
@@ -46,7 +46,7 @@ sameAsBigDay.setTime(theBigDay.getTime());
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getTime()")}}
 - {{jsxref("Date.prototype.setUTCHours()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/setutchours/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/setutchours/index.md
index e1451ca01361d9..8770d8bcadb338 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/setutchours/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/setutchours/index.md
@@ -53,7 +53,7 @@ theBigDay.setUTCHours(8);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCHours()")}}
 - {{jsxref("Date.prototype.setHours()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/setutcmilliseconds/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/setutcmilliseconds/index.md
index 7b1c9729aa9d7c..a720df711c9daf 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/setutcmilliseconds/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/setutcmilliseconds/index.md
@@ -45,7 +45,7 @@ theBigDay.setUTCMilliseconds(500);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getUTCMilliseconds()")}}
 - {{jsxref("Date.prototype.setMilliseconds()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/setyear/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/setyear/index.md
index 6fabd9cb8341a8..a3085b1769c6d9 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/setyear/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/setyear/index.md
@@ -48,7 +48,7 @@ theBigDay.setYear(2000);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.getFullYear()")}}
 - {{jsxref("Date.prototype.getUTCFullYear()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/todatestring/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/todatestring/index.md
index 363acde2872143..4925bc558d9c94 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/todatestring/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/todatestring/index.md
@@ -40,7 +40,7 @@ println(d.toDateString()); // prints Wed Jul 28 1993
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.toLocaleDateString()")}}
 - {{jsxref("Date.prototype.toTimeString()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/toisostring/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/toisostring/index.md
index 0fe7dd96df6019..94b7fa62ee5c4b 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/toisostring/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/toisostring/index.md
@@ -68,7 +68,7 @@ if (!Date.prototype.toISOString) {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.toLocaleDateString()")}}
 - {{jsxref("Date.prototype.toTimeString()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/totimestring/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/totimestring/index.md
index 5134f94a854ff8..9afce74bf35d36 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/totimestring/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/totimestring/index.md
@@ -40,7 +40,7 @@ println(d.toTimeString()); // prints 14:39:07 GMT-0600 (PDT)
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.toLocaleTimeString()")}}
 - {{jsxref("Date.prototype.toDateString()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/toutcstring/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/toutcstring/index.md
index ac985e41f571b2..7267a406d10460 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/toutcstring/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/toutcstring/index.md
@@ -41,7 +41,7 @@ var UTCstring = today.toUTCString();
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.toLocaleString()")}}
 - {{jsxref("Date.prototype.toDateString()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/valueof/index.md b/files/zh-cn/web/javascript/reference/global_objects/date/valueof/index.md
index 8f8b102fdb8f66..a128863ba2f527 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/date/valueof/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/date/valueof/index.md
@@ -44,7 +44,7 @@ var myVar = x.valueOf(); // assigns -424713600000 to myVar
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Object.prototype.valueOf()")}}
 - {{jsxref("Date.prototype.getTime()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.md b/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.md
index 82244ae3cf9628..7804ea7fe8bc12 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.md
@@ -59,7 +59,7 @@ try {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("decodeURI")}}
 - {{jsxref("encodeURI")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/encodeuri/index.md b/files/zh-cn/web/javascript/reference/global_objects/encodeuri/index.md
index 6182bd44d2e238..47d6eac28b9991 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/encodeuri/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/encodeuri/index.md
@@ -69,7 +69,7 @@ function fixedEncodeURI(str) {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("decodeURI")}}
 - {{jsxref("encodeURIComponent")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/error/columnnumber/index.md b/files/zh-cn/web/javascript/reference/global_objects/error/columnnumber/index.md
index f685a6948bacb0..dc072a0ef8fd2f 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/error/columnnumber/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/error/columnnumber/index.md
@@ -25,7 +25,7 @@ console.log(e.columnNumber); // 0
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Error.prototype.stack")}} {{non-standard_inline}}
 - {{jsxref("Error.prototype.lineNumber")}} {{non-standard_inline}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/error/filename/index.md b/files/zh-cn/web/javascript/reference/global_objects/error/filename/index.md
index 61e24f3137d29e..00f34cc4eea57f 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/error/filename/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/error/filename/index.md
@@ -29,7 +29,7 @@ throw e;
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Error.prototype.stack")}} {{non-standard_inline}}
 - {{jsxref("Error.prototype.columnNumber")}} {{non-standard_inline}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/error/message/index.md b/files/zh-cn/web/javascript/reference/global_objects/error/message/index.md
index 4f8105701435e8..d21ca62f7b9c41 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/error/message/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/error/message/index.md
@@ -32,7 +32,7 @@ throw e;
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Error.prototype.name")}}
 - {{jsxref("Error.prototype.toString()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/error/name/index.md b/files/zh-cn/web/javascript/reference/global_objects/error/name/index.md
index 20a77e54ed0a4c..3aba5a623faffc 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/error/name/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/error/name/index.md
@@ -32,7 +32,7 @@ throw e; // "ParseError: Malformed input"
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Error.prototype.message")}}
 - {{jsxref("Error.prototype.toString()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/generator/return/index.md b/files/zh-cn/web/javascript/reference/global_objects/generator/return/index.md
index 426cad819e3b21..e3cfaca15b51f5 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/generator/return/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/generator/return/index.md
@@ -9,8 +9,9 @@ slug: Web/JavaScript/Reference/Global_Objects/Generator/return
 
 ## 语法
 
-```plain
-gen.return(value)
+```js-nolint
+generatorInstance.return()
+generatorInstance.return(value)
 ```
 
 ### 参数
@@ -68,6 +69,6 @@ g.return(1); // { value: 1, done: true }
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- [`function*`](/zh-CN/docs/Web/JavaScript/Reference/Statements/function*)
+- {{jsxref("Statements/function*", "function*")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/generator/throw/index.md b/files/zh-cn/web/javascript/reference/global_objects/generator/throw/index.md
index 1428eebe2f69a9..82517a84b10ac9 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/generator/throw/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/generator/throw/index.md
@@ -59,6 +59,6 @@ g.throw(new Error("Something went wrong")); // "Error caught!"
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- [`function*`](/zh-CN/docs/Web/JavaScript/Reference/Statements/function*)
+- {{jsxref("Statements/function*", "function*")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/int8array/index.md b/files/zh-cn/web/javascript/reference/global_objects/int8array/index.md
index a9846446ba33eb..9a83d53769a1d6 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/int8array/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/int8array/index.md
@@ -154,8 +154,10 @@ var dv = Int8Array([1, 2, 3]);
 var dv = new Int8Array([1, 2, 3]);
 ```
 
-## 相关链接
+## 参见
 
-- [JavaScript typed arrays](/zh-CN/docs/Web/JavaScript/Typed_arrays)
+- [`core-js` 中 `Int8Array` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-typed-arrays)
+- [JavaScript 类型化数组](/zh-CN/docs/Web/JavaScript/Typed_arrays)指南
+- {{jsxref("TypedArray")}}
 - {{jsxref("ArrayBuffer")}}
 - {{jsxref("DataView")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/intl/numberformat/format/index.md b/files/zh-cn/web/javascript/reference/global_objects/intl/numberformat/format/index.md
index 90d8d2392c231b..3aeb04b1b8847b 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/intl/numberformat/format/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/intl/numberformat/format/index.md
@@ -57,7 +57,7 @@ console.log(formatted.join("; "));
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("NumberFormat", "Intl.NumberFormat")}}
 - {{jsxref("Number.prototype.toLocaleString()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/isfinite/index.md b/files/zh-cn/web/javascript/reference/global_objects/isfinite/index.md
index dbbed1523cbb4e..ca3922f4d490cd 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/isfinite/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/isfinite/index.md
@@ -47,7 +47,7 @@ isFinite("0"); // true，在更强壮的 Number.isFinite('0') 中将会得到 fa
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Number.isFinite()")}}
 - {{jsxref("Number.NaN()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/isnan/index.md b/files/zh-cn/web/javascript/reference/global_objects/isnan/index.md
index ffed96efca82bb..e12a2441ab276b 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/isnan/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/isnan/index.md
@@ -155,7 +155,7 @@ isNaN() == isNaN(Number()); // false, because isNaN() == true and Number() == 0
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("NaN")}}
 - {{jsxref("Number.isNaN()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/json/index.md b/files/zh-cn/web/javascript/reference/global_objects/json/index.md
index a077a2d6dee79f..c48a9d97fce32f 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/json/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/json/index.md
@@ -184,6 +184,6 @@ if (!window.JSON) {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Date.prototype.toJSON()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/json/stringify/index.md b/files/zh-cn/web/javascript/reference/global_objects/json/stringify/index.md
index 11a23b780930eb..8fdbeba121d412 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/json/stringify/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/json/stringify/index.md
@@ -250,7 +250,7 @@ console.log(restoredSession);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
+- [`core-js` 中对现代 `JSON.stringify` 行为（符号和良好格式的 unicode）的 polyfill](https://github.com/zloirock/core-js#ecmascript-json)
 - {{JSxRef("JSON.parse()")}}
-- [cycle.js](https://github.com/douglascrockford/JSON-js/blob/master/cycle.js) – Introduces two functions: `JSON.decycle` and `JSON.retrocycle`. These allow encoding and decoding of cyclical structures and DAGs into an extended and retrocompatible JSON format.
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/acos/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/acos/index.md
index 84ae253948d988..ecf9d05b6a54a4 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/acos/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/acos/index.md
@@ -51,9 +51,8 @@ Math.acos(2); // NaN
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
 - {{jsxref("Math.asin()")}}
 - {{jsxref("Math.atan()")}}
 - {{jsxref("Math.atan2()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/asin/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/asin/index.md
index 77984461808291..e428f689f3dfb9 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/asin/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/asin/index.md
@@ -51,9 +51,8 @@ Math.asin(2); // NaN
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
 - {{jsxref("Math.acos()")}}
 - {{jsxref("Math.atan()")}}
 - {{jsxref("Math.atan2()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/asinh/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/asinh/index.md
index 7c48fcf80c2bc5..4adae070ee0e88 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/asinh/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/asinh/index.md
@@ -65,8 +65,9 @@ Been formally correct it suffers from a number of issues related to floating poi
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
+- [`core-js` 中 `Math.asinh` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-math)
 - {{jsxref("Math.acosh()")}}
 - {{jsxref("Math.atanh()")}}
 - {{jsxref("Math.cosh()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/atan/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/atan/index.md
index 92d94f0cd695ae..dfb58abb8e6840 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/atan/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/atan/index.md
@@ -45,9 +45,8 @@ Math.atan(0); // 0
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
 - {{jsxref("Math.acos()")}}
 - {{jsxref("Math.asin()")}}
 - {{jsxref("Math.atan2()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/atan2/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/atan2/index.md
index 63a8938c785eae..319c76d12f2e71 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/atan2/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/atan2/index.md
@@ -57,9 +57,8 @@ Math.atan2( ±Infinity, +Infinity ) // ±PI/4.
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
 - {{jsxref("Math.acos()")}}
 - {{jsxref("Math.asin()")}}
 - {{jsxref("Math.atan()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/atanh/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/atanh/index.md
index bedf650d350351..f04fefc956795c 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/atanh/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/atanh/index.md
@@ -59,7 +59,7 @@ Math.atanh =
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Math.acosh()")}}
 - {{jsxref("Math.asinh()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/clz32/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/clz32/index.md
index 3232733888740c..09d72a22014dfa 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/clz32/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/clz32/index.md
@@ -173,7 +173,7 @@ if (!Math.clz32)
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Math")}}
 - {{jsxref("Math.imul")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/cos/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/cos/index.md
index 7d826eb528f55f..2dcb05641c6a25 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/cos/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/cos/index.md
@@ -46,6 +46,11 @@ Math.cos(2 * Math.PI); // 1
 
 {{Compat}}
 
-## 相关链接
-
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
+## 参见
+
+- {{jsxref("Math.acos()")}}
+- {{jsxref("Math.asin()")}}
+- {{jsxref("Math.atan()")}}
+- {{jsxref("Math.atan2()")}}
+- {{jsxref("Math.sin()")}}
+- {{jsxref("Math.tan()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/cosh/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/cosh/index.md
index 019a0476afaebb..bd663d3ee356a0 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/cosh/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/cosh/index.md
@@ -65,10 +65,11 @@ Math.cosh =
 
 {{Compat}}
 
-## 相关链接
-
-- {{jsxref("Math.acosh()")}} {{experimental_inline}}
-- {{jsxref("Math.asinh()")}} {{experimental_inline}}
-- {{jsxref("Math.atanh()")}} {{experimental_inline}}
-- {{jsxref("Math.sinh()")}} {{experimental_inline}}
-- {{jsxref("Math.tanh()")}} {{experimental_inline}}
+## 参见
+
+- [`core-js` 中 `Math.cosh` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-math)
+- {{jsxref("Math.acosh()")}}
+- {{jsxref("Math.asinh()")}}
+- {{jsxref("Math.atanh()")}}
+- {{jsxref("Math.sinh()")}}
+- {{jsxref("Math.tanh()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/e/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/e/index.md
index 7f29421e7489fa..84bdc4ca1f91be 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/e/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/e/index.md
@@ -39,6 +39,8 @@ getNapier(); // 2.718281828459045
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
+- {{jsxref("Math.exp()")}}
+- {{jsxref("Math.log()")}}
+- {{jsxref("Math.log1p()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/exp/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/exp/index.md
index 050d1e4ab4e4b0..ca76bd014677ee 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/exp/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/exp/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Math/exp
 
 ## 语法
 
-```plain
+```js-nolint
 Math.exp(x)
 ```
 
@@ -42,9 +42,12 @@ Math.exp(1); // 2.718281828459045
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
 - {{jsxref("Math.E")}}
+- {{jsxref("Math.expm1()")}}
 - {{jsxref("Math.log()")}}
+- {{jsxref("Math.log10()")}}
+- {{jsxref("Math.log1p()")}}
+- {{jsxref("Math.log2()")}}
 - {{jsxref("Math.pow()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/fround/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/fround/index.md
index 144276f061e444..d27718c13d6888 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/fround/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/fround/index.md
@@ -98,6 +98,6 @@ Math.fround =
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Math.round()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/hypot/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/hypot/index.md
index 2475a72c9f7ece..dc81fd330bb2ff 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/hypot/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/hypot/index.md
@@ -98,7 +98,7 @@ if (!Math.hypot)
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Math.abs()")}}
 - {{jsxref("Math.pow()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/ln10/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/ln10/index.md
index 71d512347666dc..b8355c48cf83da 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/ln10/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/ln10/index.md
@@ -39,6 +39,8 @@ getNatLog10(); // 2.302585092994046
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
+- {{jsxref("Math.exp()")}}
+- {{jsxref("Math.log()")}}
+- {{jsxref("Math.log10()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/ln2/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/ln2/index.md
index c1e3f8b10d6d68..62a875c2217786 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/ln2/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/ln2/index.md
@@ -39,6 +39,8 @@ getNatLog2(); // 0.6931471805599453
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
+- {{jsxref("Math.exp()")}}
+- {{jsxref("Math.log()")}}
+- {{jsxref("Math.log2()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/log/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/log/index.md
index c8aa3d0dd12d45..1eea4f00b45f2d 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/log/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/log/index.md
@@ -61,8 +61,10 @@ function getBaseLog(x, y) {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
 - {{jsxref("Math.exp()")}}
+- {{jsxref("Math.log1p()")}}
+- {{jsxref("Math.log10()")}}
+- {{jsxref("Math.log2()")}}
 - {{jsxref("Math.pow()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/log10/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/log10/index.md
index 5e3eeb8c2846e9..16425107c597c7 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/log10/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/log10/index.md
@@ -44,6 +44,11 @@ Math.log10("foo"); // NaN
 
 {{Compat}}
 
-## 相关链接
-
-- {{jsxref("Global_Objects/Math", "Math")}} 对象。
+## 参见
+
+- [`core-js` 中 `Math.log10` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-math)
+- {{jsxref("Math.exp()")}}
+- {{jsxref("Math.log()")}}
+- {{jsxref("Math.log1p()")}}
+- {{jsxref("Math.log2()")}}
+- {{jsxref("Math.pow()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/log10e/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/log10e/index.md
index aa9b6e42084bd2..b55a4470d4b18e 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/log10e/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/log10e/index.md
@@ -39,6 +39,8 @@ getLog10e(); // 0.4342944819032518
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
+- {{jsxref("Math.exp()")}}
+- {{jsxref("Math.log()")}}
+- {{jsxref("Math.log10()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/log1p/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/log1p/index.md
index 725855d112b81c..eb606b6c3656bc 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/log1p/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/log1p/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Math/log1p
 
 ## 语法
 
-```plain
+```js-nolint
 Math.log1p(x)
 ```
 
@@ -22,13 +22,13 @@ Math.log1p(x)
 
 ## 描述
 
-如果参数的值小于`-1`, 则返回 `NaN.`
+如果参数的值小于 `-1`，则返回 `NaN`。
 
 函数 `y = log(x+1)` 的图形是这样的：
 
 ![log(x+1)](logx1.jpg)
 
-**示例**
+## 示例
 
 ```js
 Math.log1p(Math.E - 1); // 1
@@ -47,6 +47,12 @@ Math.log1p("foo"); // NaN
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- {{jsxref("Global_Objects/Math", "Math")}} 对象。
+- [`core-js` 中 `Math.log1p` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-math)
+- {{jsxref("Math.exp()")}}
+- {{jsxref("Math.log()")}}
+- {{jsxref("Math.expm1()")}}
+- {{jsxref("Math.log10()")}}
+- {{jsxref("Math.log2()")}}
+- {{jsxref("Math.pow()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/log2/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/log2/index.md
index 436c9be1758730..a7d03787628d6b 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/log2/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/log2/index.md
@@ -44,6 +44,11 @@ Math.log2("foo"); // NaN
 
 {{Compat}}
 
-## 相关链接
-
-- {{jsxref("Global_Objects/Math", "Math")}} 对象。
+## 参见
+
+- [`core-js` 中 `Math.log2` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-math)
+- {{jsxref("Math.exp()")}}
+- {{jsxref("Math.log()")}}
+- {{jsxref("Math.log10()")}}
+- {{jsxref("Math.log1p()")}}
+- {{jsxref("Math.pow()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/log2e/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/log2e/index.md
index 6aa418d4a57309..d1cef094274f08 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/log2e/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/log2e/index.md
@@ -39,6 +39,8 @@ getLog2e(); // 1.4426950408889634
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
+- {{jsxref("Math.exp()")}}
+- {{jsxref("Math.log()")}}
+- {{jsxref("Math.log2()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/pi/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/pi/index.md
index c375362fbbf975..d31480615165d2 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/pi/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/pi/index.md
@@ -39,6 +39,6 @@ calculateCircumference(1); // 6.283185307179586
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
+- {{jsxref("Math")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/pow/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/pow/index.md
index 969dde09de8c44..449b23ce37bc39 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/pow/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/pow/index.md
@@ -46,10 +46,10 @@ function raisePower(x, y) {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Math.cbrt()")}}
 - {{jsxref("Math.exp()")}}
 - {{jsxref("Math.log()")}}
 - {{jsxref("Math.sqrt()")}}
-- [Exponentiation operator](/zh-CN/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Exponentiation) {{experimental_inline}}
+- [乘方（`**`）](/zh-CN/docs/Web/JavaScript/Reference/Operators/Exponentiation)
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/random/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/random/index.md
index b5150c1161ff73..0a86b0792a1142 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/random/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/random/index.md
@@ -75,6 +75,6 @@ function getRandomIntInclusive(min, max) {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- [`window.crypto.getRandomValues()`](/zh-CN/docs/Web/API/RandomSource/getRandomValues)
+- {{domxref("Crypto/getRandomValues", "window.crypto.getRandomValues()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/round/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/round/index.md
index 9d9997c4094235..c39415025d1548 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/round/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/round/index.md
@@ -131,7 +131,7 @@ round(1.005, 2); //1.01
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Math.abs()")}}
 - {{jsxref("Math.ceil()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/sign/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/sign/index.md
index 99cda4f339faa7..b8bdd450fffd78 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/sign/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/sign/index.md
@@ -78,6 +78,11 @@ if (!Math.sign) {
 
 {{Compat}}
 
-## 相关链接
-
-- {{jsxref("Global_Objects/Math", "Math")}} 对象
+## 参见
+
+- [`core-js` 中 `Math.sign` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-math)
+- {{jsxref("Math.abs()")}}
+- {{jsxref("Math.ceil()")}}
+- {{jsxref("Math.floor()")}}
+- {{jsxref("Math.round()")}}
+- {{jsxref("Math.trunc()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/sin/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/sin/index.md
index 1a05d02c9abff6..80e170cf09ca95 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/sin/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/sin/index.md
@@ -45,7 +45,7 @@ Math.sin(Math.PI / 2); // 1
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Math.acos()")}}
 - {{jsxref("Math.asin()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/sinh/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/sinh/index.md
index ca9c3823379209..4a5d2388d91dab 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/sinh/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/sinh/index.md
@@ -53,7 +53,7 @@ function sinh(x) {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Math.acos()")}}
 - {{jsxref("Math.asin()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/sqrt1_2/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/sqrt1_2/index.md
index 23d7b4de445a2e..7ceb1ac3e62c59 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/sqrt1_2/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/sqrt1_2/index.md
@@ -39,6 +39,7 @@ getRoot1_2(); // 0.7071067811865476
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
+- {{jsxref("Math.pow()")}}
+- {{jsxref("Math.sqrt()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/sqrt2/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/sqrt2/index.md
index 1924603f01f32f..79e5f6910b1c66 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/sqrt2/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/sqrt2/index.md
@@ -35,6 +35,7 @@ getRoot2(); // 1.4142135623730951
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.
+- {{jsxref("Math.pow()")}}
+- {{jsxref("Math.sqrt()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/trunc/index.md b/files/zh-cn/web/javascript/reference/global_objects/math/trunc/index.md
index d3292ea21f0864..288f237da10276 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/math/trunc/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/math/trunc/index.md
@@ -87,8 +87,9 @@ if (!Math.trunc) {
 
 {{Compat}}
 
-**相关链接**
+## 参见
 
+- [`core-js` 中 `Math.trunc` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-math)
 - {{jsxref("Math.abs()")}}
 - {{jsxref("Math.ceil()")}}
 - {{jsxref("Math.floor()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/parsefloat/index.md b/files/zh-cn/web/javascript/reference/global_objects/parsefloat/index.md
index df7398dbb7ac03..e9c161a8ce8edc 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/parsefloat/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/parsefloat/index.md
@@ -11,7 +11,7 @@ slug: Web/JavaScript/Reference/Global_Objects/parseFloat
 
 ## 语法
 
-```plain
+```js-nolint
 parseFloat(string)
 ```
 
@@ -84,7 +84,7 @@ parseFloat("900719925474099267n");
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Global_Objects/parseInt", "parseInt()")}}
 - {{jsxref("Number.parseFloat()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/parseint/index.md b/files/zh-cn/web/javascript/reference/global_objects/parseint/index.md
index f9efcb2921b93f..0c80cc1c9fe414 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/parseint/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/parseint/index.md
@@ -170,7 +170,7 @@ console.log(filterInt("1.61803398875")); // NaN
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Global_Objects/parseFloat", "parseFloat()")}}
 - {{jsxref("Number.parseFloat()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/getownpropertydescriptor/index.md b/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/getownpropertydescriptor/index.md
index 324e6ee72be087..3c06966bed2317 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/getownpropertydescriptor/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/getownpropertydescriptor/index.md
@@ -90,7 +90,7 @@ Object.getOwnPropertyDescriptor(p, "a"); // TypeError is thrown
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Proxy")}}
 - {{jsxref("Proxy.handler", "handler")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/index.md b/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/index.md
index 8dc91137464296..a340140dad6a4f 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/index.md
@@ -7,7 +7,7 @@ slug: Web/JavaScript/Reference/Global_Objects/Proxy/Proxy
 
 ## 语法
 
-```plain
+```js-nolint
 new Proxy(target, handler)
 ```
 
@@ -93,7 +93,7 @@ console.log(proxy.proxied); // "replaced value"
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- [`Proxy` and `Reflect` in the JavaScript Guide](/zh-CN/docs/Web/JavaScript/Guide/Meta_programming)
-- {{jsxref("Global_Objects/Reflect", "Reflect")}}
+- [元编程](/zh-CN/docs/Web/JavaScript/Guide/Meta_programming)指南
+- {{jsxref("Reflect")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/defineproperty/index.md b/files/zh-cn/web/javascript/reference/global_objects/reflect/defineproperty/index.md
index 96a2613f63fe50..35bc7b03a02fb0 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/reflect/defineproperty/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/defineproperty/index.md
@@ -66,7 +66,7 @@ if (Reflect.defineProperty(target, property, attributes)) {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Reflect")}}
 - {{jsxref("Object.defineProperty()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/deleteproperty/index.md b/files/zh-cn/web/javascript/reference/global_objects/reflect/deleteproperty/index.md
index ffc74d349b6673..21e7bf3e16484f 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/reflect/deleteproperty/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/deleteproperty/index.md
@@ -60,7 +60,9 @@ Reflect.deleteProperty(Object.freeze({ foo: 1 }), "foo"); // false
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
+- [`core-js` 中 `Reflect.deleteProperty` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-reflect)
 - {{jsxref("Reflect")}}
-- [`delete` operator](/zh-CN/docs/Web/JavaScript/Reference/Operators/delete)
+- [`delete`](/zh-CN/docs/Web/JavaScript/Reference/Operators/delete)
+- [`handler.deleteProperty()`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy/Proxy/deleteProperty)
diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/get/index.md b/files/zh-cn/web/javascript/reference/global_objects/reflect/get/index.md
index 41d56aba49133f..cb5510fe69af54 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/reflect/get/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/get/index.md
@@ -64,7 +64,7 @@ Reflect.get(obj, "foo"); // "foobar"
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Reflect")}}
 - [属性访问器](/zh-CN/docs/Web/JavaScript/Reference/Operators/Property_accessors)
diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/getownpropertydescriptor/index.md b/files/zh-cn/web/javascript/reference/global_objects/reflect/getownpropertydescriptor/index.md
index 8c9f17543284ef..ea03a69feb8c87 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/reflect/getownpropertydescriptor/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/getownpropertydescriptor/index.md
@@ -67,7 +67,7 @@ Object.getOwnPropertyDescriptor("foo", 0);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Reflect")}}
 - {{jsxref("Object.getOwnPropertyDescriptor()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/getprototypeof/index.md b/files/zh-cn/web/javascript/reference/global_objects/reflect/getprototypeof/index.md
index 57c2d81c4a7489..7b3efabade023e 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/reflect/getprototypeof/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/getprototypeof/index.md
@@ -69,7 +69,7 @@ Reflect.getPrototypeOf(Object('foo'))  // String.prototype
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Reflect")}}
 - {{jsxref("Object.getPrototypeOf()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/index.md b/files/zh-cn/web/javascript/reference/global_objects/reflect/index.md
index 53b52baa0f86c2..7d6c095c306397 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/reflect/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/index.md
@@ -84,7 +84,6 @@ Reflect.set(duck, 'eyes', 'black');
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- {{jsxref("Proxy")}} 全局对象。
-- {{jsxref("Proxy.handler", "处理器")}} 对象。
+- {{jsxref("Proxy")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/isextensible/index.md b/files/zh-cn/web/javascript/reference/global_objects/reflect/isextensible/index.md
index c172516e9771f9..1c1ad3e8ce5fd4 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/reflect/isextensible/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/isextensible/index.md
@@ -74,7 +74,7 @@ Object.isExtensible(1);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Reflect")}}
 - {{jsxref("Object.isExtensible()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/ownkeys/index.md b/files/zh-cn/web/javascript/reference/global_objects/reflect/ownkeys/index.md
index a380eb21450a16..80d735b2876594 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/reflect/ownkeys/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/ownkeys/index.md
@@ -67,7 +67,7 @@ Reflect.ownKeys(obj);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Reflect")}}
 - {{jsxref("Object.getOwnPropertyNames()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/preventextensions/index.md b/files/zh-cn/web/javascript/reference/global_objects/reflect/preventextensions/index.md
index 44e499e8c82fe6..07e1e59062a1bf 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/reflect/preventextensions/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/preventextensions/index.md
@@ -68,7 +68,7 @@ Object.preventExtensions(1);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Reflect")}}
 - {{jsxref("Object.isExtensible()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/set/index.md b/files/zh-cn/web/javascript/reference/global_objects/reflect/set/index.md
index 4c5738cdf9c20e..e0f91473b7598b 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/reflect/set/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/set/index.md
@@ -70,7 +70,7 @@ Reflect.getOwnPropertyDescriptor(obj, "undefined");
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Reflect")}}
 - [属性访问器](/zh-CN/docs/Web/JavaScript/Reference/Operators/Property_accessors)
diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/setprototypeof/index.md b/files/zh-cn/web/javascript/reference/global_objects/reflect/setprototypeof/index.md
index 9b0af550548478..06af925d8f7c03 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/reflect/setprototypeof/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/setprototypeof/index.md
@@ -61,7 +61,7 @@ Reflect.setPrototypeOf(target, proto); // false
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Reflect")}}
 - {{jsxref("Object.setPrototypeOf()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/@@matchall/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/@@matchall/index.md
index e60f6617ca5b1c..bf58afa73f5eff 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/@@matchall/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/@@matchall/index.md
@@ -78,7 +78,7 @@ console.log(result[1]); // [ "2019-03-07", "2019", "03", "07" ]
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{JSxRef("String.prototype.matchAll()")}}
 - {{JSxRef("Symbol.matchAll")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/compile/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/compile/index.md
index 2171d60e81b688..6e0fd9411b7f21 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/compile/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/compile/index.md
@@ -53,6 +53,6 @@ regexObj.compile("new foo", "g");
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("RegExp")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/dotall/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/dotall/index.md
index a6aa7afc68f9ca..77bc9a6affe1c1 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/dotall/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/dotall/index.md
@@ -26,7 +26,7 @@ slug: Web/JavaScript/Reference/Global_Objects/RegExp/dotAll
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{JSxRef("RegExp.lastIndex")}}
 - {{JSxRef("RegExp.prototype.global")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/global/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/global/index.md
index 4eea7f45ba1226..0e9c5d41c70655 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/global/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/global/index.md
@@ -35,10 +35,13 @@ console.log(regex.global); // true
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- {{jsxref("RegExp.prototype.ignoreCase")}}
 - {{jsxref("RegExp.prototype.lastIndex")}}
+- {{jsxref("RegExp.prototype.dotAll")}}
+- {{jsxref("RegExp.prototype.hasIndices")}}
+- {{jsxref("RegExp.prototype.ignoreCase")}}
 - {{jsxref("RegExp.prototype.multiline")}}
 - {{jsxref("RegExp.prototype.source")}}
 - {{jsxref("RegExp.prototype.sticky")}}
+- {{jsxref("RegExp.prototype.unicode")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/ignorecase/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/ignorecase/index.md
index c5ad32ca7c43ef..5bd84d034b3dca 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/ignorecase/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/ignorecase/index.md
@@ -35,7 +35,7 @@ console.log(regex.ignoreCase); // true
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("RegExp.prototype.global")}}
 - {{jsxref("RegExp.prototype.lastIndex")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/index.md
index 229cde611f8b6e..8ea2a99f66d63d 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/index.md
@@ -216,8 +216,11 @@ console.log(/[^.]+/.exec(url)[0].substr(7)); // logs "xxx"
 
 {{Compat}}
 
-## 相关链接
-
-- [JavaScript 指南](/zh-CN/docs/Web/JavaScript/Guide)中的[正则表达式](/zh-CN/docs/Web/JavaScript/Guide/Regular_expressions)一节
-- [String.prototype.match()](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/match)
-- [String.prototype.replace()](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/replace)
+## 参见
+
+- [`core-js` 中很多现代 `RegExp` 特性（`dotAll`、`sticky` 标志、具名捕获组等）的 polyfill](https://github.com/zloirock/core-js#ecmascript-string-and-regexp)
+- [正则表达式](/zh-CN/docs/Web/JavaScript/Guide/Regular_expressions)指南
+- [正则表达式](/zh-CN/docs/Web/JavaScript/Reference/Regular_expressions)参考
+- {{jsxref("String.prototype.match()")}}
+- {{jsxref("String.prototype.replace()")}}
+- {{jsxref("String.prototype.split()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.md
index 2c9d735fac0a03..b76ad435fe4527 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.md
@@ -59,7 +59,7 @@ console.log(re.lastIndex);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("RegExp.prototype.ignoreCase")}}
 - {{jsxref("RegExp.prototype.global")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/multiline/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/multiline/index.md
index d5ef8580327f62..9d27cc1a9e5552 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/multiline/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/multiline/index.md
@@ -35,7 +35,7 @@ console.log(regex.multiline); // true
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("RegExp.prototype.global")}}
 - {{jsxref("RegExp.prototype.lastIndex")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/source/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/source/index.md
index dd2ebd7d63ce63..c9caf2b55999c3 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/source/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/source/index.md
@@ -25,6 +25,6 @@ console.log(regex.source); // "fooBar"，不包含 /.../ 和 "ig"。
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("RegExp.prototype.flags")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/sticky/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/sticky/index.md
index 336ca6a5d35280..f0fc2f39a4aa65 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/sticky/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/sticky/index.md
@@ -60,7 +60,7 @@ regex2.test(".\nfoo"); // true - 索引 2 是行的开始
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("RegExp.lastIndex")}}
 - {{jsxref("RegExp.prototype.global")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/test/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/test/index.md
index 55fca2add81627..8dd551e1cd64d2 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/test/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/test/index.md
@@ -79,7 +79,7 @@ regex.test("foo"); // false
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- 在[JavaScript 指南](/zh-CN/docs/Web/JavaScript/Guide)的[正则表达式](/zh-CN/docs/Web/JavaScript/Guide/Regular_expressions)章节
+- [JavaScript 指南](/zh-CN/docs/Web/JavaScript/Guide)的[正则表达式](/zh-CN/docs/Web/JavaScript/Guide/Regular_expressions)章节
 - {{jsxref("RegExp")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/tostring/index.md b/files/zh-cn/web/javascript/reference/global_objects/regexp/tostring/index.md
index da23e2c30b124f..65e8fd2de11e18 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/regexp/tostring/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/tostring/index.md
@@ -45,6 +45,6 @@ alert(foo.toString());         // 显示 "/bar/g"
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Object.prototype.toString()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/bytelength/index.md b/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/bytelength/index.md
index eb320638354f8b..006e2627522530 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/bytelength/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/bytelength/index.md
@@ -32,6 +32,6 @@ sab.byteLength; // 1024
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("SharedArrayBuffer")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/slice/index.md b/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/slice/index.md
index 749293fa10b5c1..f63d7857a2ff81 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/slice/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/slice/index.md
@@ -46,7 +46,7 @@ sab.slice(0, 1); // SharedArrayBuffer { byteLength: 1 }
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("SharedArrayBuffer")}}
 - {{jsxref("Array.prototype.slice()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/repeat/index.md b/files/zh-cn/web/javascript/reference/global_objects/string/repeat/index.md
index 7a4af8c1d79aed..8217af1d9b5f5e 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/string/repeat/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/string/repeat/index.md
@@ -53,7 +53,7 @@ repeat(count)
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - [`core-js` 中 `String.prototype.repeat` 的 polyfill](https://github.com/zloirock/core-js#ecmascript-string-and-regexp)
 - {{jsxref("String.prototype.concat()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.md b/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.md
index 6a641992c3cdc4..9536cb81ac8cec 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.md
@@ -154,7 +154,7 @@ console.log(newstr); // Cruz, Maria
 
 这将打印 `'Cruz, Maria'`。
 
-### 使用內联函数来修改匹配到的字符。
+### 使用内联函数来修改匹配到的字符
 
 在这个例子中，字符串中所有出现的大写字母都被转换为小写，并且在匹配位置前插入一个连字符。重要的是，在将匹配项作为替换返回之前，需要对匹配项进行额外的操作。
 
diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/for/index.md b/files/zh-cn/web/javascript/reference/global_objects/symbol/for/index.md
index c47b9fda660143..dd6dd851829138 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/symbol/for/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/for/index.md
@@ -64,6 +64,6 @@ Symbol.for("mdn.bar");
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Symbol.keyFor()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/keyfor/index.md b/files/zh-cn/web/javascript/reference/global_objects/symbol/keyfor/index.md
index b27fa86ceedd7c..29eab3e392fe28 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/symbol/keyfor/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/keyfor/index.md
@@ -46,6 +46,6 @@ Symbol.keyFor(Symbol.iterator); // undefined
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Symbol.prototype.for()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/match/index.md b/files/zh-cn/web/javascript/reference/global_objects/symbol/match/index.md
index 497b9e9b397d98..46da3abb8cc323 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/symbol/match/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/match/index.md
@@ -45,7 +45,7 @@ re[Symbol.match] = false;
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Symbol.replace")}}
 - {{jsxref("Symbol.search")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/species/index.md b/files/zh-cn/web/javascript/reference/global_objects/symbol/species/index.md
index a7823b4dabc69a..9b0aaf18222cbb 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/symbol/species/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/species/index.md
@@ -39,7 +39,7 @@ console.log(mapped instanceof Array); // true
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Map.@@species", "Map[@@species]")}}
 - {{jsxref("Set.@@species", "Set[@@species]")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/tostring/index.md b/files/zh-cn/web/javascript/reference/global_objects/symbol/tostring/index.md
index 39886c4c8eefd6..982f40771045dd 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/symbol/tostring/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/tostring/index.md
@@ -52,6 +52,6 @@ Symbol.for("foo").toString(); // "Symbol(foo)"
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Object.prototype.toString()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/unscopables/index.md b/files/zh-cn/web/javascript/reference/global_objects/symbol/unscopables/index.md
index b71d9f1285cbd9..aa9fce30046ac7 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/symbol/unscopables/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/unscopables/index.md
@@ -60,7 +60,7 @@ with (obj) {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Array.@@unscopables", "Array.prototype[@@unscopables]")}}
-- [`with`](/zh-CN/docs/Web/JavaScript/Reference/Statements/with) statement (not available in [Strict mode](/zh-CN/docs/Web/JavaScript/Reference/Strict_mode))
+- [`with`](/zh-CN/docs/Web/JavaScript/Reference/Statements/with) 语句（在[严格模式](/zh-CN/docs/Web/JavaScript/Reference/Strict_mode)中不可用）
diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/valueof/index.md b/files/zh-cn/web/javascript/reference/global_objects/symbol/valueof/index.md
index 9bbf00050b0f20..44a8ca168a7747 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/symbol/valueof/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/valueof/index.md
@@ -40,6 +40,6 @@ Object(Symbol("foo")).toString() + "bar";
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("Object.prototype.valueOf()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/typedarray/tostring/index.md b/files/zh-cn/web/javascript/reference/global_objects/typedarray/tostring/index.md
index a38115f7806e5b..781e5852ee8f6f 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/typedarray/tostring/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/typedarray/tostring/index.md
@@ -45,6 +45,6 @@ numbers.toString(); // "[object Uint8Array]"
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("TypedArray.prototype.join()")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/uint32array/index.md b/files/zh-cn/web/javascript/reference/global_objects/uint32array/index.md
index 459ca246c948b8..36219b0ca2e067 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/uint32array/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/uint32array/index.md
@@ -148,8 +148,8 @@ var uint32 = new Uint32Array(iterable);
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
-- [JavaScript typed arrays](/zh-CN/docs/Web/JavaScript/Typed_arrays)
+- [JavaScript 类型化数组](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays)
 - {{jsxref("ArrayBuffer")}}
 - {{jsxref("DataView")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/unescape/index.md b/files/zh-cn/web/javascript/reference/global_objects/unescape/index.md
index b68be9bc37a741..efa014527395df 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/unescape/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/unescape/index.md
@@ -3,15 +3,15 @@ title: unescape()
 slug: Web/JavaScript/Reference/Global_Objects/unescape
 ---
 
-{{jsSidebar("Objects")}}
+{{jsSidebar("Objects")}}{{Deprecated_Header}}
 
 已废弃的**`unescape()`** 方法计算生成一个新的字符串，其中的十六进制转义序列将被其表示的字符替换。上述的转义序列就像{{jsxref("escape")}}里介绍的一样。因为 `unescape` 已经废弃，建议使用 {{jsxref("decodeURI")}}或者{{jsxref("decodeURIComponent")}} 替代本方法。
 
-> **备注：** 不要使用`unescape`去解码 URLS，使用`decodeURI`或`decodeURIComponent`替代。
+> **备注：** 不要使用 `unescape` 去解码 URL，请使用 {{jsxref("decodeURI()")}} 或 {{jsxref("decodeURIComponent()")}} 替代。
 
 ## 语法
 
-```plain
+```js-nolint
 unescape(str)
 ```
 
@@ -44,7 +44,7 @@ unescape("%u0107"); // "ć"
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("decodeURI")}}
 - {{jsxref("decodeURIComponent")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/weakref/deref/index.md b/files/zh-cn/web/javascript/reference/global_objects/weakref/deref/index.md
index 98ab7a889cb792..b768ff8f4eedb4 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/weakref/deref/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/weakref/deref/index.md
@@ -48,6 +48,6 @@ const tick = () => {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("WeakRef")}}
diff --git a/files/zh-cn/web/javascript/reference/global_objects/weakref/index.md b/files/zh-cn/web/javascript/reference/global_objects/weakref/index.md
index a4a94079dd2c34..770e6273b54d80 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/weakref/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/weakref/index.md
@@ -109,7 +109,7 @@ setTimeout(() => {
 
 {{Compat}}
 
-## 相关链接
+## 参见
 
 - {{jsxref("FinalizationRegistry")}}
 - {{jsxref("WeakSet")}}
diff --git a/files/zh-cn/web/javascript/reference/operators/new/index.md b/files/zh-cn/web/javascript/reference/operators/new/index.md
index 1a7ceb3552df4f..24512afa5cb9e4 100644
--- a/files/zh-cn/web/javascript/reference/operators/new/index.md
+++ b/files/zh-cn/web/javascript/reference/operators/new/index.md
@@ -11,27 +11,34 @@ slug: Web/JavaScript/Reference/Operators/new
 
 ## 语法
 
-```plain
-new constructor[([arguments])]
+```js-nolint
+new constructor
+new constructor()
+new constructor(arg1)
+new constructor(arg1, arg2)
+new constructor(arg1, arg2, /* …, */ argN)
 ```
 
 ### 参数
 
 - `constructor`
   - : 一个指定对象实例的类型的类或函数。
-- `arguments`
-  - : 一个用于被 `constructor` 调用的参数列表。
+- `arg1`、`arg2`、……、`argN`
+  - : 一个用于被 `constructor` 调用的值列表。`new Foo` 与 `new Foo()` 等价，例如：如果没有指定参数列表，则在不带参数的情况下调用 `Foo`。
 
 ## 描述
 
-**`new`** 关键字会进行如下的操作：
+当使用 **`new`** 关键字调用函数时，该函数将被用作构造函数。`new` 将执行以下操作：
 
-1. 创建一个空的简单 JavaScript 对象（即 **`{}`**）；
-2. 为步骤 1 新创建的对象添加属性 **`__proto__`**，将该属性链接至构造函数的原型对象；
-3. 将步骤 1 新创建的对象作为 **`this`** 的上下文；
-4. 如果该函数没有返回对象，则返回 **`this`**。
+1. 创建一个空的简单 JavaScript 对象。为方便起见，我们称之为 `newInstance`。
+2. 如果构造函数的 `prototype` 属性是一个{{jsxref("Object", "对象", "", 1)}}，则将 `newInstance` 的 [[Prototype]] 指向构造函数的这个属性，否则 `newInstance` 将保持为一个普通对象，其 [[Prototype]] 为 `Object.prototype`。
 
-（译注：关于对象的 **`constructor`**，参见 **`Object.prototype.constructor`**）
+   > **备注：** 因此，通过构造函数创建的所有实例都可以访问添加到构造函数 `prototype` 属性中的属性/对象。
+
+3. 使用给定参数执行构造函数，并将 `newInstance` 绑定为 [`this`](/zh-CN/docs/Web/JavaScript/Reference/Operators/this) 的上下文（例如，在构造函数中的所有 `this` 引用都指向 `newInstance`）。
+4. 如果构造函数返回[非原始值](/zh-CN/docs/Web/JavaScript/Data_structures#原始值)，则该返回值成为整个 `new` 表达式的结果。否则，如果构造函数未返回任何值或返回了一个原是值，则返回 `newInstance`。（通常构造函数不返回值，但可以选择返回值，以覆盖正常的对象创建过程。）
+
+[类](/zh-CN/docs/Web/JavaScript/Reference/Classes)只能用 `new` 运算符实例化——尝试不使用 `new` 调用一个类将抛出 `TypeError`。
 
 创建一个用户自定义的对象需要两步：
 
diff --git a/files/zh-cn/web/javascript/reference/operators/super/index.md b/files/zh-cn/web/javascript/reference/operators/super/index.md
index 4d820e830249d5..2ad98a52f74963 100644
--- a/files/zh-cn/web/javascript/reference/operators/super/index.md
+++ b/files/zh-cn/web/javascript/reference/operators/super/index.md
@@ -239,7 +239,7 @@ Object.setPrototypeOf(Extended, AnotherBase);
 console.log(Extended.staticGetX()); //现在打印 "4"
 ```
 
-### 设置 super.prop 将在此基础上设置属性。
+### 设置 super.prop 将在此基础上设置属性
 
 设置 `super` 的属性，比如 `super.x = 1`，就像 `Reflect.set(Object.getPrototypeOf(objectLiteral), "x", 1, this)` 的行为。这是一个将 `super` 简单理解为“原型对象的引用”的情况，因为它实际上是在 `this` 上设置属性。
 
diff --git a/files/zh-cn/web/media/autoplay_guide/index.md b/files/zh-cn/web/media/autoplay_guide/index.md
index 8e43d525edc811..61013efb20762f 100644
--- a/files/zh-cn/web/media/autoplay_guide/index.md
+++ b/files/zh-cn/web/media/autoplay_guide/index.md
@@ -151,8 +151,6 @@ if (startPlayPromise !== undefined) {
 
 在 [Web Audio API](/zh-CN/docs/Web/API/Web_Audio_API) 中，网站或应用程序可以使用链接到 {{domxref("AudioContext")}} 的源节点上的 `start()` 方法开始播放音频。在处理用户输入事件的上下文之外执行此操作受自动播放规则的约束。
 
-_更多内容即将推出；Mozilla 仍在致力于阻止自动播放。如果其他人已经拥有它，欢迎他们参与本部分……_
-
 ## 自动播放功能策略
 
 除了上述的浏览器端管理和对自动播放功能的控制之外，web 服务器也可以表示愿意让自动播放功能发挥作用。{{Glossary("HTTP")}} {{HTTPHeader("Permissions-Policy")}} 标头的 [`autoplay`](/zh-CN/docs/Web/HTTP/Headers/Permissions-Policy/autoplay) 指令用于控制哪些域（如果有）可用于自动播放媒体。默认情况下， `autoplay` 功能策略设置为 `'self'`（_包括单引号字符_），表示允许自动播放，因为它们与文档托管在同一域中。
diff --git a/files/zh-cn/web/media/dash_adaptive_streaming_for_html_5_video/index.md b/files/zh-cn/web/media/dash_adaptive_streaming_for_html_5_video/index.md
index 656128c8d24a22..e8a90eb726eb2d 100644
--- a/files/zh-cn/web/media/dash_adaptive_streaming_for_html_5_video/index.md
+++ b/files/zh-cn/web/media/dash_adaptive_streaming_for_html_5_video/index.md
@@ -15,7 +15,7 @@ Firefox 23 移除了针对 HTML5 WebM 视频的 DASH 实现。此功能将被 [
 
 首先，你需要将 WebM 视频转换为带有不同比特率的随附视频文件的 DASH 清单。根据你的需求，启动从 [ffmpeg.org](http://www.ffmpeg.org) 的 ffmpeg 程序，就可以使用 libvpx 和 libbvorbis 支持的 WebM 视频和音频（版本 2.5 以上，3.2.5 版本已通过测试）。
 
-### 1. 使用现有的 WebM 文件创建一个音频文件和多个视频文件。
+### 1. 使用现有的 WebM 文件创建一个音频文件和多个视频文件
 
 例如：
 
diff --git a/files/zh-cn/web/media/formats/image_types/index.md b/files/zh-cn/web/media/formats/image_types/index.md
index fd99cd41047657..009d6b301634c7 100644
--- a/files/zh-cn/web/media/formats/image_types/index.md
+++ b/files/zh-cn/web/media/formats/image_types/index.md
@@ -5,38 +5,162 @@ slug: Web/Media/Formats/Image_types
 
 {{QuickLinksWithSubpages("/zh-CN/docs/Web/Media")}}
 
-在本指南中，我们将介绍网页浏览器普遍支持的图像文件类型，并提供一些关于他们的信息与见解，帮助你为你的网站选择最合适的图像格式。
+在本指南中，我们将介绍 web 浏览器普遍支持的图像文件类型，并提供一些关于它们的信息与见解，帮助你为你的网站选择最合适的图像格式。
 
 ## 常见图像文件类型
 
-世界上有非常多的图像文件格式。下面列举了网页上常用的格式，其中 BMP 由于浏览器支持限制而不被推荐，通常应该避免在网页内容中使用。
+下面列出了网络上最常用的图像文件格式。
 
-| 缩写                                                 | 文件格式                                                   | MIME 类型       | 文件拓展名                                 | 浏览器兼容性                                            |
-| ---------------------------------------------------- | ---------------------------------------------------------- | --------------- | ------------------------------------------ | ------------------------------------------------------- |
-| [APNG](#apng_animated_portable_network_graphics)     | Animated Portable Network Graphics **动态便携式网络图像**  | `image/apng`    | `.apng`                                    | Chrome, Edge, Firefox, Opera, Safari                    |
-| [AVIF](#avif)                                        | AV1 Image File Format AV1 图像文件格式                     | `image/avif`    | `.avif`                                    | Chrome, Opera, Firefox (feature flag)                   |
-| [BMP](#bmp_bitmap_file)                              | Bitmap file **位图**文件                                   | `image/bmp`     | `.bmp`                                     | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
-| [GIF](#gif_graphics_interchange_format)              | Graphics Interchange Format 图像互换格式                   | `image/gif`     | `.gif`                                     | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
-| [ICO](#ico_microsoft_windows_icon)                   | Microsoft Icon 微软图标                                    | `image/x-icon`  | `.ico`, `.cur`                             | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
-| [JPEG](#jpeg_joint_photographic_experts_group_image) | Joint Photographic Expert Group image 联合影像专家小组图像 | `image/jpeg`    | `.jpg`, `.jpeg`, `.jfif`, `.pjpeg`, `.pjp` | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
-| [PNG](#png_portable_network_graphics)                | Portable Network Graphics **便携式网络图像**               | `image/png`     | `.png`                                     | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
-| [SVG](#svg_scalable_vector_graphics)                 | Scalable Vector Graphics **可缩放矢量图形**                | `image/svg+xml` | `.svg`                                     | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
-| [TIFF](#tiff_tagged_image_file_format)               | Tagged Image File Format 标签图像文件格式                  | `image/tiff`    | `.tif`, `.tiff`                            | Safari                                                  |
-| [WebP](#webp_image)                                  | Web Picture format 万维网图像格式                          | `image/webp`    | `.webp`                                    | Chrome, Edge, Firefox, Opera, Safari                    |
+<table class="standard-table">
+  <thead>
+    <tr>
+      <th scope="row">缩写</th>
+      <th scope="row">文件格式</th>
+      <th scope="col">MIME 类型</th>
+      <th scope="col">文件扩展名</th>
+      <th scope="col">摘要</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th scope="row">
+        <a href="#apng（动态可移植网络图形）">APNG</a>
+      </th>
+      <th scope="row">动态可移植网络图形</th>
+      <td><code>image/apng</code></td>
+      <td><code>.apng</code></td>
+      <td>
+        是无损动画序列的良好选择（GIF 性能较差）。AVIF 和 WebP 性能更好，但浏览器支持较少。<br />
+        <strong>以下浏览器支持</strong>：Chrome、Edge、Firefox、Opera、Safari。
+      </td>
+    </tr>
+    <tr>
+      <th scope="row"><a href="#avif_图像">AVIF</a></th>
+      <th scope="row">AV1 图像档案格式</th>
+      <td><code>image/avif</code></td>
+      <td><code>.avif</code></td>
+      <td>
+        <p>
+          由于其性能高，且无需版税，是图像和动画图像的理想选择。与 PNG 或 JPEG 相比，它的压缩效果更好，支持更高的色深、动画帧、透明度等。请注意，在使用 AVIF 时，应包含浏览器支持更好的回退格式（也就是说，要使用 <code><a href="/zh-CN/docs/Web/HTML/Element/picture">&#x3C;picture></a></code> 元素）。<br />
+          <strong>以下浏览器支持</strong>：Chrome、Firefox（只支持静态图，动态图尚未实现）、Opera、Safari。
+        </p>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row"><a href="#gif（图像互换格式）">GIF</a></th>
+      <th scope="row">图像互换格式</th>
+      <td><code>image/gif</code></td>
+      <td><code>.gif</code></td>
+      <td>
+        是简单图像和动画的不错选择。无损<em>和</em>有索引的静态图像首选 PNG，动画序列可考虑 WebP、AVIF 或 APNG。<br />
+        <strong>以下浏览器支持</strong>：Chrome、Edge、Firefox、IE、Opera、Safari。
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">
+        <a href="#jpeg（联合图像专家小组图像）">JPEG</a>
+      </th>
+      <th scope="row">联合图像专家小组图像</th>
+      <td><code>image/jpeg</code></td>
+      <td>
+        <code>.jpg</code>、<code>.jpeg</code>、<code>.jfif</code>、<code>.pjpeg</code>、<code>.pjp</code>
+      </td>
+      <td>
+        <p>
+          静态图像有损压缩的理想选择（目前最流行）。如果需要更精确地再现图像，则首选 PNG；如果需要更好的再现效果和更高的压缩率，则首选 WebP/AVIF。<br />
+          <strong>以下浏览器支持</strong>：Chrome、Edge、Firefox、IE、Opera、Safari。
+        </p>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row"><a href="#png（便携式网络图形）">PNG</a></th>
+      <th scope="row">便携式网络图形</th>
+      <td><code>image/png</code></td>
+      <td><code>.png</code></td>
+      <td>
+        <p>
+          与 JPEG 相比，PNG 能更精确地再现源图像，或在需要透明的情况下更受青睐。WebP/AVIF 可提供更好的压缩和再现效果，但浏览器的支持比较有限。<br />
+          <strong>以下浏览器支持</strong>：Chrome、Edge、Firefox、IE、Opera、Safari。
+        </p>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row"><a href="#svg（可缩放矢量图形）">SVG</a></th>
+      <th scope="row">可缩放矢量图形</th>
+      <td><code>image/svg+xml</code></td>
+      <td><code>.svg</code></td>
+      <td>
+        矢量图像格式；适用于用户界面元素、图标、图表等，必须以不同尺寸精确绘制。<br />
+        <strong>以下浏览器支持</strong>：Chrome、Edge、Firefox、IE、Opera、Safari。
+      </td>
+    </tr>
+    <tr>
+      <th scope="row"><a href="#webp_图像">WebP</a></th>
+      <th scope="row">Web 图像格式</th>
+      <td><code>image/webp</code></td>
+      <td><code>.webp</code></td>
+      <td>
+        是静止图像和动画图像的绝佳选择。WebP 的压缩效果比 PNG 或 JPEG 好得多，而且支持更高的色深、动画帧和透明度等。AVIF 的压缩效果稍好，但在浏览器中的支持度不高，而且不支持渐进式渲染。<br />
+        <strong>以下浏览器支持</strong>：Chrome、Edge、Firefox、Opera、Safari。
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+> **备注：** 与 WebP 和 AVIF 等较新的格式相比，PNG、JPEG 和 GIF 等较老的格式性能较差，但却能获得更广泛的“历史”浏览器支持。较新的图像格式越来越受欢迎，因为不支持这些格式的浏览器变得越来越无关紧要（即市场份额几乎为零）。
+
+下面列出了 web 上出现的图像格式，但 web 内容应避免使用这些格式（通常是因为这些格式没有广泛的浏览器支持，或者有更好的替代格式）。
+
+<table class="standard-table">
+  <thead>
+    <tr>
+      <th scope="row">缩写</th>
+      <th scope="row">文件格式</th>
+      <th scope="col">MIME 类型</th>
+      <th scope="col">文件扩展名</th>
+      <th scope="col">支持的浏览器</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th scope="row"><a href="#bmp（位图文件）">BMP</a></th>
+      <th scope="row">位图文件</th>
+      <td><code>image/bmp</code></td>
+      <td><code>.bmp</code></td>
+      <td>Chrome、Edge、Firefox、IE、Opera、Safari</td>
+    </tr>
+    <tr>
+      <th scope="row"><a href="#ico（Microsoft_Windows_图标）">ICO</a></th>
+      <th scope="row">Microsoft 图标</th>
+      <td><code>image/x-icon</code></td>
+      <td><code>.ico</code>、<code>.cur</code></td>
+      <td>Chrome、Edge、Firefox、IE、Opera、Safari</td>
+    </tr>
+    <tr>
+      <th scope="row"><a href="#tiff（标签图像文件格式）">TIFF</a></th>
+      <th scope="row">标签图像文件格式</th>
+      <td><code>image/tiff</code></td>
+      <td><code>.tif</code>、<code>.tiff</code></td>
+      <td>Safari</td>
+    </tr>
+  </tbody>
+</table>
 
-每一种格式缩写都有一个详细说明，其功能以及详细的浏览器兼容信息，包括哪个版本引入支持以及以后可能会引入的特殊功能。
+> **备注：** 每种图像格式的缩写可链接到有关该格式的较长描述、其功能和详细的浏览器兼容性信息（包括哪些版本引入了支持以及后来可能引入的特定特殊功能）。
 
-## 图像文件格式详介
+> **备注：** Safari 11.1 新增了使用视频格式替代 gif 动画的功能，而其他浏览器没有添加这方面的支持。详见 [Chromium bug](https://crbug.com/791658) 和 [Firefox bug](https://bugzil.la/895131) 以了解更多信息。
 
-The following sections provide a brief overview of each of the image file types supported by web browsers.
+## 图像文件类型详介
 
-In the tables below, the term **bits per component** refers to the number of bits used to represent each color component. For example, an RGB color depth of 8 indicates that each of the red, green, and blue components are represented by an 8-bit value. **Bit depth**, on the other hand, is the total number of bits used to represent each pixel in memory.
+下文将简要介绍 web 浏览器支持的每种图像文件类型。
 
-### <a id="APNG" name="APNG">APNG</a> (Animated Portable Network Graphics)
+在下表中，**每分量比特**是指用于表示每种色彩分量的比特数。例如，RGB 颜色深度为 8 表示红、绿、蓝三原色各用 8 位数值表示。另一方面，**比特深度**是指用于表示内存中每个像素的总比特数。
 
-APNG is a file format first introduced by Mozilla which extends the [PNG](#png_portable_network_graphics) standard to add support for animated images. Conceptually similar to the animated GIF format which has been in use for decades, APNG is more capable in that it supports a variety of [color depths](https://zh.wikipedia.org/wiki/color_depth), whereas animated GIF supports only 8-bit [indexed color](https://zh.wikipedia.org/wiki/indexed_color).
+### APNG（动态可移植网络图形）
 
-APNG is ideal for basic animations that do not need to synchronize to other activities or to a sound track, such as progress indicators, activity [throbbers](https://zh.wikipedia.org/wiki/throbber), and other animated sequences. For example, APNG is [one of the formats supported when creating animated stickers](https://developer.apple.com/stickers/) for Apple's iMessage application (and the Messages application on iOS). They're also commonly used for the animated portions of web browsers' user interfaces.
+APNG 是 Mozilla 首次推出的一种文件格式，它扩展了 [PNG](#png（便携式网络图形）) 标准，增加了对动画图像的支持。在概念上，APNG 与已经使用了几十年的动画 GIF 格式相似，但 APNG 的功能更强，它支持多种[颜色深度](https://zh.wikipedia.org/wiki/色彩深度)，而动画 GIF 只支持 8 位[索引颜色](https://zh.wikipedia.org/wiki/索引顏色)。
+
+APNG 适用于无需与其他活动或音轨同步的基本动画，如进度指示器、活动[加载器](https://en.wikipedia.org/wiki/throbber)和其他动画序列。例如，APNG 是苹果 iMessage 应用程序（和 iOS 上的“信息”应用程序）[创建动画贴纸时支持的格式之一](https://developer.apple.com/stickers/)。它们也常用于 web 浏览器用户界面的动画部分。
 
 <table class="standard-table">
   <tbody>
@@ -58,11 +182,11 @@ APNG is ideal for basic animations that do not need to synchronize to other acti
     </tr>
     <tr>
       <th scope="row">浏览器兼容性</th>
-      <td>Chrome 59, Edge 12, Firefox 3, Opera 46, Safari 8</td>
+      <td>Chrome 59、Edge 12、Firefox 3、Opera 46、Safari 8</td>
     </tr>
     <tr>
       <th scope="row">最高分辨率</th>
-      <td>2,147,483,647×2,147,483,647 pixels</td>
+      <td>2,147,483,647×2,147,483,647 像素</td>
     </tr>
     <tr>
       <th scope="row">支持的颜色模式</th>
@@ -71,57 +195,46 @@ APNG is ideal for basic animations that do not need to synchronize to other acti
           <thead>
             <tr>
               <th scope="row">颜色模式</th>
-              <th scope="col">Bits per component (<em>D</em>)</th>
+              <th scope="col">每分量比特（<em>D</em>）</th>
               <th scope="col">描述</th>
             </tr>
           </thead>
           <tbody>
             <tr>
-              <th scope="row">Greyscale</th>
-              <td>1, 2, 4, 8, and 16</td>
+              <th scope="row">灰度</th>
+              <td>1、2、4、8 和 16</td>
               <td>
-                Each pixel consists of a single <em>D</em>-bit value indicating
-                the brightness of the greyscale pixel.
+                每个像素由一个 <em>D</em> 位值组成，表示灰度像素的亮度。
               </td>
             </tr>
             <tr>
-              <th scope="row">True color</th>
-              <td>8 and 16</td>
+              <th scope="row">真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is represented by three <em>D</em>-bit values
-                indicating the level of the red, green, and blue color
-                components.
+                每个像素由三个 <em>D</em> 位值表示，分别代表红、绿、蓝三色的色阶。
               </td>
             </tr>
             <tr>
-              <th scope="row">Indexed color</th>
-              <td>1, 2, 4, and 8</td>
+              <th scope="row">索引颜色</th>
+              <td>1、2、4 和 8</td>
               <td>
-                Each pixel is a <em>D</em>-bit value indicating an index into a
-                color palette which is contained within a
-                <code
+                每个像素都是一个 <em>D</em> 位值，表示调色板的索引，调色板包含在 APNG 文件的 <code
                   ><a href="https://www.w3.org/TR/PNG/#11PLTE">PLTE</a></code
-                >
-                chunk in the APNG file; the colors in the palette all use an
-                8-bit depth.
+                > 块中；调色板中的颜色都使用 8 位深度。
               </td>
             </tr>
             <tr>
-              <th scope="row">Greyscale with alpha</th>
-              <td>8 and 16</td>
+              <th scope="row">带有透明度的灰度值</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is represented by two <em>D</em>-bit values: the
-                intensity of the greyscale pixel and an alpha sample, indicating
-                how opaque the pixel is.
+                每个像素由两个 <em>D</em> 位值表示：灰度像素的强度和表示像素不透明程度的 alpha 样本。
               </td>
             </tr>
             <tr>
-              <th scope="row">True color with alpha</th>
-              <td>8 and 16</td>
+              <th scope="row">带有透明度的真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is comprised of four <em>D</em>-pixel color
-                components: red, green, blue, and the alpha sample indicating
-                how opaque the pixel is.
+                每个像素由四个 <em>D</em> 像素颜色成分组成：红色、绿色、蓝色和表示像素不透明程度的 alpha 样本。
               </td>
             </tr>
           </tbody>
@@ -130,33 +243,121 @@ APNG is ideal for basic animations that do not need to synchronize to other acti
     </tr>
     <tr>
       <th scope="row">压缩</th>
-      <td>Lossless</td>
+      <td>无损</td>
     </tr>
     <tr>
-      <th scope="row">授权</th>
+      <th scope="row">许可</th>
       <td>
-        Free and open under the
-        <a href="http://creativecommons.org/licenses/by-sa/3.0/"
-          >Creative Commons Attribution-ShareAlike license</a
-        >
-        (<a href="http://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)
-        version 3.0 or later.
+        根据<a href="http://creativecommons.org/licenses/by-sa/3.0/">创作共用署名-相同方式共享许可</a>（<a href="http://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>）3.0 或更高版本免费开放。
       </td>
     </tr>
   </tbody>
 </table>
 
-### <a id="BMP" name="BMP">BMP</a> (Bitmap file)
+### AVIF 图像
+
+AV1 图像文件格式（AVIF）是一种功能强大、开源、免版税的文件格式，它在高效图像文件格式（HEIF）容器中对 AV1 比特流进行编码。
 
-The **BMP** (**Bitmap image**) file type is most prevalent on Windows computers, and is generally used only for special cases in web apps and content.
+> **备注：** AVIF 有可能成为在 web 内容中共享图像的“下一件大事”。它具有最先进的特性和性能，却没有阻碍同类替代产品发展的复杂许可和专利使用费的束缚。
 
-> **警告：** You should typically avoid using BMP for web site content, as it's not a generally-accepted use of the format.
+AV1 是一种编码格式，最初设计用于在互联网上传输视频。该格式得益于近年来视频编码技术的长足进步，并有可能受益于对硬件渲染的相关支持。不过，在某些情况下它也有缺点，因为视频和图像编码有一些不同的要求。
 
-BMP theoretically supports a variety of internal data representations. The simplest, and most commonly used, form of BMP file is an uncompressed raster image, with each pixel occupying 3 bytes representing its red, green, and blue components, and each row padded with `0x00` bytes to a multiple of 4 bytes wide.
+该格式可以提供：
 
-While other data representations are defined in the specification, they are not widely used and often completely unimplemented. These features include: support for different bit depths, indexed color, alpha channels, and different pixel orders (by default, BMP is written from bottom-left corner toward the right and top, rather than from the top-left corner toward the right and bottom).
+- 与 JPG 和 PNG 相比，在视觉上相似的压缩水平下，有损压缩效果极佳（例如，有损 AVIF 图像比 JPEG 图像小 50%）。
+- 一般来说，AVIF 比 WebP 有更好的压缩效果。对于相同的 JPG 图像集，中值压缩率为 50%，而 WebP 为 30%（资料来源：[AVIF 与 WebP 的对比](https://www.ctrl.blog/entry/webp-avif-comparison.html)（CTRL 博客））。
+- 无损压缩。
+- 动画/多图像存储（类似于 GIF 动画，但压缩效果更好）
+- 支持 Alpha 通道（即透明）。
+- _高动态范围（HDR）_：支持存储图像，使图像最亮和最暗部分之间的对比度更大。
+- 宽色域：支持包含更大色彩范围的图像。
 
-Theoretically, several compression algorithms are supported, and the image data can also be stored in [JPEG](#jpeg_joint_photographic_experts_group_image) or [PNG](#png_portable_network_graphics) format within the BMP file.
+AVIF 不支持渐进式渲染，因此文件必须完全下载后才能显示。这通常对真实世界的用户体验影响不大，因为 AVIF 文件比同等的 JPEG 或 PNG 文件小得多，因此下载和显示的速度也快得多。文件大小越大，影响就越大，因此应考虑使用支持渐进式渲染的格式。
+
+Chrome、Opera、Safari 和 Firefox 支持 AVIF（Firefox 支持静态图像，但不支持动画），但 Edge 和 IE 不支持。由于支持尚不全面（而且没有什么历史深度），应使用 [`<picture>` 元素](/zh-CN/docs/Web/HTML/Element/picture)（或其他方法）提供 [WebP](#webp_图像)、[JPEG](#jpeg（联合图像专家小组图像）) 或 [PNG](#png（便携式网络图形）) 格式的回退。
+
+<table class="standard-table">
+  <tbody>
+    <tr>
+      <th scope="row">MIME 类型</th>
+      <td><code>image/avif</code></td>
+    </tr>
+    <tr>
+      <th scope="row">文件扩展名</th>
+      <td><code>.avif</code></td>
+    </tr>
+    <tr>
+      <th scope="row">规范</th>
+      <td>
+        <p>
+          <a href="https://aomediacodec.github.io/av1-avif/"
+            >AV1 图像文件格式（AVIF）</a
+          >
+        </p>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">浏览器兼容性</th>
+      <td>
+        Chrome 85、Opera 71、Firefox 93 和 Safari 16.1
+        <ul>
+          <li>
+            Firefox 93 支持静态图像，色彩空间支持全色和有限范围色彩，图像变换支持镜像和旋转。偏好设置 <a href="/zh-CN/docs/Mozilla/Firefox/Experimental_features#avif_严格合规性">image.avif.compliance_strictness</a> 可用于调整符合规范的严格程度。不支持动态图像。
+          </li>
+          <li>
+            Firefox 77~92 版本需要将首选项 <code>image.avif.enable</code> 设置为 <code>true</code>。更早期版本仅提供基本支持。
+          </li>
+        </ul>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">最大尺寸</th>
+      <td>2,147,483,647×2,147,483,647 像素</td>
+    </tr>
+    <tr>
+      <th scope="row">支持的颜色模式</th>
+      <td>
+        <p>
+          <a href="https://aomediacodec.github.io/av1-spec/av1-spec.pdf">AV1 比特流 &#x26; 解码过程规范</a>，第 6.4.2 节中提供了色彩模式支持信息：颜色配置语义。
+        </p>
+        <p>不完全的摘要：</p>
+        <ul>
+          <li>颜色模式：YUV444、YUV422、YUV420</li>
+          <li>灰度支持：YUV400</li>
+          <li>位数：8/10/12-bit</li>
+          <li>透明度支持</li>
+          <li>ICC 配置项支持</li>
+          <li>
+            NCLX 支持：sRGB、linear sRGB、linear Rec2020、PQ Rec2020、HLG Rec2020、PQ P3、HLG P3 等
+          </li>
+          <li>Tiling 支持</li>
+        </ul>
+      </td>
+    </tr>
+    <tr>
+      <th scope="row">压缩</th>
+      <td>有损压缩和无损压缩</td>
+    </tr>
+    <tr>
+      <th scope="row">许可</th>
+      <td>
+        免版税。有关许可信息，请访问<a href="https://aomedia.org/license/">版权页面</a>。
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+### BMP（位图文件）
+
+**BMP**（**位图图像**）文件类型在 Windows 计算机上最为常见，一般只用于 web 应用程序和内容中的特殊情况。
+
+> **警告：** 网站内容通常应避免使用 BMP 文件。最常见的 BMP 文件格式将数据表示为未压缩的光栅图像，与 png 或 jpg 图像类型相比，文件大小较大。目前有更高效的 BMP 格式，但并未广泛使用，web 浏览器也很少支持。
+
+BMP 理论上支持多种内部数据表示。最简单也是最常用的 BMP 文件形式是一种未压缩的光栅图像，每个像素占 3 个字节，分别代表其红、绿、蓝三部分，每行用 `0x00` 字节填充，宽度为 4 字节的倍数。
+
+虽然规范中定义了其他数据表示方式，但它们并没有被广泛使用，通常完全没有实现。这些功能包括：支持不同的位深度、索引颜色、alpha 通道和不同的像素顺序（默认情况下，BMP 从左下角向右上角写入，而不是从左上角向右下角写入）。
+
+从理论上讲，BMP 文件支持多种压缩算法，图像数据也可以使用 [JPEG](#jpeg（联合图像专家小组图像）) 或 [PNG](#png（便携式网络图形）) 格式存储。
 
 <table class="standard-table">
   <tbody>
@@ -165,32 +366,25 @@ Theoretically, several compression algorithms are supported, and the image data
       <td><code>image/bmp</code></td>
     </tr>
     <tr>
-      <th scope="row">文件拓展名</th>
+      <th scope="row">文件扩展名</th>
       <td><code>.bmp</code></td>
     </tr>
     <tr>
       <th scope="row">规范</th>
       <td>
-        No specification; however, Microsoft provides general documentation of
-        the format at
-        <a
-          href="https://docs.microsoft.com/en-us/windows/desktop/gdi/bitmap-storage"
-          >docs.microsoft.com/en-us/windows/desktop/gdi/bitmap-storage</a
-        >
+        没有规范；不过，微软在 <a href="https://learn.microsoft.com/zh-cn/windows/win32/gdi/bitmap-storage">learn.microsoft.com/zh-cn/windows/win32/gdi/bitmap-storage</a> 提供了格式的通用文档。
       </td>
     </tr>
     <tr>
       <th scope="row">浏览器兼容性</th>
       <td>
-        All versions of Chrome, Edge, Firefox, Internet Explorer, Opera, and
-        Safari
+        Chrome、Edge、Firefox、Internet Explorer、Opera 和 Safari 的所有版本。
       </td>
     </tr>
     <tr>
-      <th scope="row">最高分辨率</th>
+      <th scope="row">最大尺寸</th>
       <td>
-        Either 32,767×32,767 or 2,147,483,647×2,147,483,647 pixels, depending on
-        the format version
+        32,767×32,767 像素或 2,147,483,647×2,147,483,647 像素，取决于格式版本
       </td>
     </tr>
     <tr>
@@ -200,47 +394,42 @@ Theoretically, several compression algorithms are supported, and the image data
           <thead>
             <tr>
               <th scope="row">颜色模式</th>
-              <th scope="col">Bits per component (<em>D</em>)</th>
+              <th scope="col">每分量比特（<em>D</em>）</th>
               <th scope="col">描述</th>
             </tr>
           </thead>
           <tbody>
             <tr>
-              <th scope="row">Greyscale</th>
+              <th scope="row">灰度</th>
               <td>1</td>
               <td>
-                Each bit represents a single pixel, which can be either black or
-                white.
+                每个比特代表一个像素，可以是黑色或白色。
               </td>
             </tr>
             <tr>
-              <th scope="row">True color</th>
-              <td>8 and 16</td>
+              <th scope="row">真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is represented by three values representing the red,
-                green, and blue color components; each is <em>D</em> bits.
+                每个像素由三个值表示，分别代表红色、绿色和蓝色，每个值为 <em>D</em> 位。
               </td>
             </tr>
             <tr>
-              <th scope="row">Indexed color</th>
-              <td>2, 4, and 8</td>
+              <th scope="row">索引颜色</th>
+              <td>2、4 和 8</td>
               <td>
-                Each pixel is represented by a value which is one 2, 4, or 8
-                bits, serving as an index into the color table.
+                每个像素由一个 2、4 或 8 位的值表示，作为色彩表的索引。
               </td>
             </tr>
             <tr>
-              <th scope="row">Greyscale with alpha</th>
+              <th scope="row">带有灰度的真彩色</th>
               <td><em>n/a</em></td>
-              <td>BMP has no distinct grayscale format.</td>
+              <td>BMP 没有明显的灰度格式。</td>
             </tr>
             <tr>
-              <th scope="row">True color with alpha</th>
-              <td>8 and 16</td>
+              <th scope="row">带有透明度的真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is represented by four values representing the red,
-                green, blue, and alpha color components; each is
-                <em>D</em> bits.
+                每个像素由四个值表示，分别代表红、绿、蓝和 alpha 颜色成分；每个值为 <em>D</em> 位。
               </td>
             </tr>
           </tbody>
@@ -250,41 +439,33 @@ Theoretically, several compression algorithms are supported, and the image data
     <tr>
       <th scope="row">压缩</th>
       <td>
-        Several compression methods are supported, including lossy or lossless
-        algorithms
+        支持多种压缩方法，包括有损或无损算法
       </td>
     </tr>
     <tr>
-      <th scope="row">授权</th>
+      <th scope="row">许可</th>
       <td>
-        Covered by the
-        <a
-          href="https://docs.microsoft.com/en-us/openspecs/dev_center/ms-devcentlp/1c24c7c8-28b0-4ce1-a47d-95fe1ff504bc"
-          >Microsoft Open Specification Promise</a
-        >; while Microsoft holds patents against BMP, they have published a
-        promise not to assert its patent rights as long as specific conditions
-        are met. This is not the same as a license, however. BMP is included
-        under the Windows Metafile Format (<code>.wmf</code>).
+        由 <a href="https://docs.microsoft.com/openspecs/dev_center/ms-devcentlp/1c24c7c8-28b0-4ce1-a47d-95fe1ff504bc">Microsoft Open Specification Promise</a> 记载，虽然微软拥有针对 BMP 的专利，但他们已公布了一项承诺，只要满足特定条件，他们就不会主张其专利权。但这并不等同于许可。BMP 包含在 Windows 元文件格式（<code>.wmf</code>）中。
       </td>
     </tr>
   </tbody>
 </table>
 
-### <a id="GIF" name="GIF">GIF</a> (Graphics Interchange Format)
+### GIF（图像互换格式）
 
-In 1987, the CompuServe online service provider introduced the **[GIF](https://zh.wikipedia.org/wiki/GIF)** (**Graphics Interchange Format**) image file format to provide a compressed graphics format that all members of their service would be able to use. GIF uses the [Lempel-Ziv-Welch](https://zh.wikipedia.org/wiki/Lempel-Ziv-Welch) (LZW) algorithm to losslessly compress 8-bit indexed color graphics. GIF was one of the first two graphics formats supported by {{Glossary("HTML")}}, along with [XBM](#xbm_x_window_system_bitmap_file).
+1987 年，CompuServe 在线服务提供商推出了 **[GIF](https://zh.wikipedia.org/wiki/GIF)**（**图像互换格式**）图像文件格式，为其服务的所有成员提供一种可使用的压缩图形格式。GIF 使用 [Lempel-Ziv-Welch](https://zh.wikipedia.org/wiki/LZW)（LZW）算法对 8 位索引彩色图形进行无损压缩。GIF 和 [XBM](#xbm_x_window_系统位图文件) 是 {{Glossary("HTML")}} 最早支持的两种图形格式之一。
 
-Each pixel in a GIF is represented by a single 8-bit value serving as an index into a palette of 24-bit colors (8 bits each of red, green, and blue). The length of a color table is always a power of 2 (that is, each palette has 2, 4, 8, 16, 32, 64, or 256 entries). To simulate more than 255 or 256 colors, [dithering](https://zh.wikipedia.org/wiki/dithering) is generally used. It is [technically possible](https://gif.ski/) to tile multiple image blocks, each with its own color palette, to create truecolor images, but in practice this is rarely done.
+GIF 中的每个像素都由一个 8 位值表示，作为 24 位颜色（红、绿、蓝各 8 位）调色板的索引。颜色表的长度总是 2 的幂次（即每个调色板有 2、4、8、16、32、64 或 256 个条目）。要模拟 255 或 256 色以上的颜色，一般使用[抖动](<https://zh.wikipedia.org/wiki/抖動_(數位訊號處理)>)。[技术上可以](https://gif.ski/)对多个图像块进行平铺，每个图像块都有自己的调色板，以创建真彩色图像，但在实践中很少这样做。
 
-Pixels are opaque, unless a specific color index is designated as transparent, in which case pixels colored that value are entirely transparent.
+像素是不透明的，除非特定的颜色指数被指定为透明，在这种情况下，染上该值的像素是完全透明的。
 
-GIF supports simple animation, in which following an initial full-size frame, a series of images reflecting the parts of the image that change with each frame are provided.
+GIF 支持简单的动画，即在最初的全尺寸帧之后，提供一系列反映每帧图像变化部分的图像。
 
-GIF has been extremely popular for decades, due to its simplicity and compatibility. Its animation support caused a resurgence in its popularity in the social media era, when animated GIFs began to be widely used for short "videos", memes, and other simple animation sequences.
+几十年来，GIF 因其简洁性和兼容性而广受欢迎。在社交媒体时代，GIF 动画开始被广泛用于制作短“视频”、备忘录和其他简单的动画序列。
 
-Another popular feature of GIF is support for [interlacing](<https://zh.wikipedia.org/wiki/Interlacing_(bitmaps)>), where rows of pixels are stored out of order so that partially-received files can be displayed in lower quality. This is particularly useful when network connections are slow.
+GIF 的另一个流行特性是支持[隔行扫描](<https://en.wikipedia.org/wiki/Interlacing_(bitmaps)>)，即像素行的存储顺序会被打乱，因此部分接收的文件可以较低的质量显示。这在网络连接速度较慢时尤其有用。
 
-GIF is a good choice for simple images and animations, although converting full color images to GIF can result in unsatisfactory dithering. Typically, modern content should use [PNG](#png_portable_network_graphics) for lossless _and_ indexed still images, and should consider using [APNG](#apng_animated_portable_network_graphics) for lossless animation sequences.
+GIF 是简单图像和动画的不错选择，不过将全彩图像转换为 GIF 可能会导致不理想的抖动。通常情况下，现代内容应使用 [PNG](#png（便携式网络图形）) 制作无损*和*索引静态图像，并应考虑使用 [APNG](#apng（动态可移植网络图形）) 制作无损动画序列。
 
 <table class="standard-table">
   <tbody>
@@ -293,29 +474,24 @@ GIF is a good choice for simple images and animations, although converting full
       <td><code>image/gif</code></td>
     </tr>
     <tr>
-      <th scope="row">文件拓展名</th>
+      <th scope="row">文件扩展名</th>
       <td><code>.gif</code></td>
     </tr>
     <tr>
       <th scope="row">规范</th>
       <td>
-        <a href="https://www.w3.org/Graphics/GIF/spec-gif87.txt"
-          >GIF87a specification</a
-        ><br /><a href="https://www.w3.org/Graphics/GIF/spec-gif89a.txt"
-          >GIF89a specification</a
-        >
+        <a href="https://www.w3.org/Graphics/GIF/spec-gif87.txt">GIF87a 规范</a><br /><a href="https://www.w3.org/Graphics/GIF/spec-gif89a.txt">GIF89a 规范</a>
       </td>
     </tr>
     <tr>
       <th scope="row">浏览器兼容性</th>
       <td>
-        All versions of Chrome, Edge, Firefox, Internet Explorer, Opera, and
-        Safari
+        Chrome、Edge、Firefox、Internet Explorer、Opera 和 Safari 浏览器的所有版本
       </td>
     </tr>
     <tr>
-      <th scope="row">最高分辨率</th>
-      <td>65,536×65,536 pixels</td>
+      <th scope="row">最大尺寸</th>
+      <td>65,536×65,536 像素</td>
     </tr>
     <tr>
       <th scope="row">支持的颜色模式</th>
@@ -324,38 +500,37 @@ GIF is a good choice for simple images and animations, although converting full
           <thead>
             <tr>
               <th scope="row">颜色模式</th>
-              <th scope="col">Bits per component (<em>D</em>)</th>
+              <th scope="col">每分量比特（<em>D</em>）</th>
               <th scope="col">描述</th>
             </tr>
           </thead>
           <tbody>
             <tr>
-              <th scope="row">Greyscale</th>
+              <th scope="row">灰度</th>
               <td><em>n/a</em></td>
-              <td>GIF does not include a dedicated greyscale format.</td>
+              <td>GIF 不包括专用的灰度格式。</td>
             </tr>
             <tr>
-              <th scope="row">True color</th>
+              <th scope="row">真彩色</th>
               <td><em>n/a</em></td>
-              <td>GIF does not support true color pixels.</td>
+              <td>GIF 不支持真彩色像素。</td>
             </tr>
             <tr>
-              <th scope="row">Indexed color</th>
+              <th scope="row">索引颜色</th>
               <td>8</td>
               <td>
-                Each color in a GIF palette is defined as 8 bits each of red,
-                green, and blue (24 total bits per pixel).
+                GIF 调色板中的每种颜色定义为红、绿、蓝各 8 位（每个像素共 24 位）。
               </td>
             </tr>
             <tr>
-              <th scope="row">Greyscale with alpha</th>
+              <th scope="row">带有灰度的真彩色</th>
               <td><em>n/a</em></td>
-              <td>GIF does not provide a dedicated greyscale format.</td>
+              <td>GIF 不提供专用的灰度格式。</td>
             </tr>
             <tr>
-              <th scope="row">True color with alpha</th>
+              <th scope="row">带有透明度的真彩色</th>
               <td><em>n/a</em></td>
-              <td>GIF does not support true color pixels.</td>
+              <td>GIF 不支持真彩色像素。</td>
             </tr>
           </tbody>
         </table>
@@ -363,38 +538,35 @@ GIF is a good choice for simple images and animations, although converting full
     </tr>
     <tr>
       <th scope="row">压缩</th>
-      <td>Lossless (LZW)</td>
+      <td>无损 (LZW)</td>
     </tr>
     <tr>
-      <th scope="row">授权</th>
+      <th scope="row">许可</th>
       <td>
-        While the GIF format itself is open, the LZW compression algorithm was
-        covered by patents until the early 2000s. As of July 7, 2004, all
-        relevant patents have expired and the GIF format may be used freely
+        虽然 GIF 格式本身是开放的，但 LZW 压缩算法在本世纪初之前一直受专利保护。截至 2004 年 7 月 7 日，所有相关专利都已过期，GIF 格式可以自由使用。
       </td>
     </tr>
   </tbody>
 </table>
 
-### <a id="ICO" name="ICO">ICO</a> (Microsoft Windows icon)
+### ICO（Microsoft Windows 图标）
 
-The ICO (Microsoft Windows icon) file format was designed by Microsoft for desktop icons of Windows systems. However, early versions of Internet Explorer introduced the ability for a web site to provide a ICO file named `favicon.ico` in a web site's root directory to specify a **[favicon](/zh-CN/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#Adding_custom_icons_to_your_site)** — an icon to be displayed in the Favorites menu, and other places where an iconic representation of the site would be useful.
+ICO（Microsoft Windows 图标）文件格式是微软为 Windows 系统的桌面图标而设计的。不过，早期版本的 Internet Explorer 允许网站在其根目录中提供名为 `favicon.ico` 的 ICO 文件，以指定一个 **[favicon](/zh-CN/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#在你的站点增加自定义图标)**——一个显示在收藏夹菜单和其他对网站图标有用的地方的图标。
 
-An ICO file can contain multiple icons, and begins with a directory listing details about each. Following the directory comes the data for the icons. Each icon's data can be either a [BMP](#bmp_bitmap_file) image without the file header, or a complete [PNG](#png_portable_network_graphics) image (including the file header). If you use ICO files, you should use the BMP format, as support for PNG inside ICO files wasn't added until Windows Vista and may not be well supported.
+一个 ICO 文件可以包含多个图标，文件开头有一个目录，列出每个图标的详细信息。目录之后是图标的数据。每个图标的数据既可以是不带文件头的 [BMP](#bmp（位图文件）) 图像，也可以是完整的 [PNG](#png（便携式网络图形）) 图像（包括文件头）。如果使用 ICO 文件，则应使用 BMP 格式，因为直到 Windows Vista 才添加了对 ICO 文件内的 PNG 的支持，而且这种支持可能并不完善。
 
-> **警告：** ICO files _should not_ be used in web content. Additionally, their use for favicons has subsided in favor of using a PNG file and the {{HTMLElement("link")}} element, as described in [Providing icons for different usage contexts](/zh-CN/docs/Web/HTML/Element/link#提供用于不同用法上下文的图标).
+> **警告：** ICO 文件*不应*用于网页内容。此外，如[为不同的使用环境提供图标](/zh-CN/docs/Web/HTML/Element/link#提供用于不同用法上下文的图标)所述，它们作为网站图标的使用已经减少，转而使用 PNG 文件和 {{HTMLElement("link")}} 元素。
 
 <table class="standard-table">
   <tbody>
     <tr>
       <th scope="row">MIME 类型</th>
       <td>
-        <code>image/vnd.microsoft.icon</code> (official),
-        <code>image/x-icon</code> (used by Microsoft)
+        <code>image/vnd.microsoft.icon</code>（官方格式），<code>image/x-icon</code>（由 Microsoft 使用）
       </td>
     </tr>
     <tr>
-      <th scope="row">文件拓展名</th>
+      <th scope="row">文件扩展名</th>
       <td><code>.ico</code></td>
     </tr>
     <tr>
@@ -404,123 +576,104 @@ An ICO file can contain multiple icons, and begins with a directory listing deta
     <tr>
       <th scope="row">浏览器兼容性</th>
       <td>
-        All versions of Chrome, Edge, Firefox, Internet Explorer, Opera, and
-        Safari
+        Chrome、Edge、Firefox、Internet Explorer、Opera 和 Safari 浏览器的所有版本
       </td>
     </tr>
     <tr>
-      <th scope="row">最高分辨率</th>
-      <td>256×256 pixels</td>
+      <th scope="row">最大尺寸</th>
+      <td>256×256 像素</td>
     </tr>
     <tr>
       <th scope="row">支持的颜色模式</th>
       <td>
         <table class="standard-table">
           <caption>
-            Icons in BMP format
+            BMP 格式的图标
           </caption>
           <tbody>
             <tr>
               <th scope="row">颜色模式</th>
-              <th scope="col">Bits per component (<em>D</em>)</th>
+              <th scope="col">每分量比特（<em>D</em>）</th>
               <th scope="col">描述</th>
             </tr>
             <tr>
-              <th scope="row">Greyscale</th>
+              <th scope="row">灰度</th>
               <td>1</td>
               <td>
-                Each bit represents a single pixel, which can be either black or
-                white.
+                每个比特代表一个像素，可以是黑色或白色。
               </td>
             </tr>
             <tr>
-              <th scope="row">True color</th>
-              <td>8 and 16</td>
+              <th scope="row">真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is represented by three values representing the red,
-                green, and blue color components; each is <em>D</em> bits.
+                每个像素由三个值表示，分别代表红色、绿色和蓝色，每个值为 <em>D</em> 位。
               </td>
             </tr>
             <tr>
-              <th scope="row">Indexed color</th>
-              <td>2, 4, and 8</td>
+              <th scope="row">索引颜色</th>
+              <td>2、4 和 8</td>
               <td>
-                Each pixel is represented by a value which is one 2, 4, or 8
-                bits, serving as an index into the color table.
+                每个像素由一个 2、4 或 8 位的值表示，作为色彩表的索引。
               </td>
             </tr>
             <tr>
-              <th scope="row">Greyscale with alpha</th>
+              <th scope="row">带有灰度的真彩色</th>
               <td><em>n/a</em></td>
-              <td>BMP has no distinct grayscale format.</td>
+              <td>BMP 没有明显的灰度格式。</td>
             </tr>
             <tr>
-              <th scope="row">True color with alpha</th>
-              <td>8 and 16</td>
+              <th scope="row">带有透明度的真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is represented by four values representing the red,
-                green, blue, and alpha color components; each is
-                <em>D</em> bits.
+                BMP 没有明显的灰度格式。每个像素由四个值表示，分别代表红、绿、蓝和 Alpha 颜色分量；每个值为 <em>D</em> 位。
               </td>
             </tr>
           </tbody>
         </table>
         <table class="standard-table">
           <caption>
-            Icons in PNG format
+            PNG 格式的图标
           </caption>
           <tbody>
             <tr>
               <th scope="row">颜色模式</th>
-              <th scope="col">Bits per component (<em>D</em>)</th>
+              <th scope="col">每分量比特（<em>D</em>）</th>
               <th scope="col">描述</th>
             </tr>
             <tr>
-              <th scope="row">Greyscale</th>
-              <td>1, 2, 4, 8, and 16</td>
+              <th scope="row">灰度</th>
+              <td>1、2、4、8 和 16</td>
               <td>
-                Each pixel consists of a single <em>D</em>-bit value indicating
-                the brightness of the greyscale pixel.
+                每个像素由一个 <em>D</em> 位值组成，表示灰度像素的亮度。
               </td>
             </tr>
             <tr>
-              <th scope="row">True color</th>
-              <td>8 and 16</td>
+              <th scope="row">真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is represented by three <em>D</em>-bit values
-                indicating the level of the red, green, and blue color
-                components.
+                每个像素由三个<em>D</em>位值表示，分别代表红、绿、蓝三色的色阶。
               </td>
             </tr>
             <tr>
-              <th scope="row">Indexed color</th>
-              <td>1, 2, 4, and 8</td>
+              <th scope="row">索引颜色</th>
+              <td>1、2、4 和 8</td>
               <td>
-                Each pixel is a <em>D</em>-bit value indicating an index into a
-                color palette which is contained within a
-                <code
-                  ><a href="https://www.w3.org/TR/PNG/#11PLTE">PLTE</a></code
-                >
-                chunk in the APNG file; the colors in the palette all use an
-                8-bit depth.
+                每个像素都是一个 <em>D</em> 位值，表示调色板的索引，调色板包含在 APNG 文件的 <code><a href="https://www.w3.org/TR/PNG/#11PLTE">PLTE</a></code> 块中；调色板中的颜色都使用 8 位深度。
               </td>
             </tr>
             <tr>
-              <th scope="row">Greyscale with alpha</th>
-              <td>8 and 16</td>
+              <th scope="row">带有灰度的真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is represented by two <em>D</em>-bit values: the
-                intensity of the greyscale pixel and an alpha sample, indicating
-                how opaque the pixel is.
+                每个像素由两个 <em>D</em> 位值表示：灰度像素的强度和表示像素不透明程度的 Alpha 样本。
               </td>
             </tr>
             <tr>
-              <th scope="row">True color with alpha</th>
-              <td>8 and 16</td>
+              <th scope="row">带有透明度的真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is comprised of four <em>D</em>-pixel color
-                components: red, green, blue, and the alpha sample indicating
-                how opaque the pixel is.
+                每个像素由四个 <em>D</em> 像素颜色成分组成：红色、绿色、蓝色和表示像素不透明程度的 alpha 样本。
               </td>
             </tr>
           </tbody>
@@ -530,22 +683,21 @@ An ICO file can contain multiple icons, and begins with a directory listing deta
     <tr>
       <th scope="row">压缩</th>
       <td>
-        BMP-format icons nearly always use lossless compression, but lossy
-        methods are available. PNG icons are always compressed losslessly.
+        BMP 格式的图标几乎总是使用无损压缩，但也有有损压缩方法。PNG 图标始终使用无损压缩。
       </td>
     </tr>
     <tr>
-      <th scope="row">授权</th>
+      <th scope="row">许可</th>
       <td>—</td>
     </tr>
   </tbody>
 </table>
 
-### <a id="JPEG" name="JPEG">JPEG</a> (Joint Photographic Experts Group image)
+### JPEG（联合图像专家小组图像）
 
-The {{Glossary("JPEG")}} (typically pronounced "**jay-peg**") image format is currently the most widely used lossy compression format for still images. It's particulary useful for photographs; applying lossy compression to content requiring sharpness, like diagrams or charts, can produce unsatisfactory results.
+{{Glossary("JPEG")}}（通常发音为“**jay-peg**”）图像格式是目前最广泛使用的静态图像有损压缩格式。它尤其适用于照片；将有损压缩应用于需要清晰度的内容，如图表，可能会产生令人不满意的效果。
 
-JPEG is actually a data format for compressed photos, rather than a file type. The JFIF (**J**PEG **F**ile **I**nterchange **F**ormat) specification describes the format of the files we think of as "JPEG" images.
+JPEG 实际上是一种压缩照片的数据格式，而不是一种文件类型。JFIF（**J**PEG **F**ile **I**nterchange **F**format）规范描述了我们认为的“JPEG”图像的文件格式。
 
 <table class="standard-table">
   <tbody>
@@ -554,10 +706,9 @@ JPEG is actually a data format for compressed photos, rather than a file type. T
       <td><code>image/jpeg</code></td>
     </tr>
     <tr>
-      <th scope="row">文件拓展名</th>
+      <th scope="row">文件扩展名</th>
       <td>
-        <code>.jpg</code>, <code>.jpeg</code>, <code>.jpe</code>,
-        <code>.jif</code>, <code>.jfif</code>
+        <code>.jpg</code>、<code>.jpeg</code>、<code>.jpe</code>、<code>.jif</code>、<code>.jfif</code>
       </td>
     </tr>
     <tr>
@@ -567,13 +718,12 @@ JPEG is actually a data format for compressed photos, rather than a file type. T
     <tr>
       <th scope="row">浏览器兼容性</th>
       <td>
-        All versions of Chrome, Edge, Firefox, Internet Explorer, Opera, and
-        Safari
+        Chrome、Edge、Firefox、Internet Explorer、Opera 和 Safari 浏览器的所有版本
       </td>
     </tr>
     <tr>
-      <th scope="row">最高分辨率</th>
-      <td>65,535×65,535 pixels</td>
+      <th scope="row">最大尺寸</th>
+      <td>65,535×65,535 像素</td>
     </tr>
     <tr>
       <th scope="row">支持的颜色模式</th>
@@ -582,38 +732,37 @@ JPEG is actually a data format for compressed photos, rather than a file type. T
           <thead>
             <tr>
               <th scope="row">颜色模式</th>
-              <th scope="col">Bits per component (<em>D</em>)</th>
+              <th scope="col">每分量比特（<em>D</em>）</th>
               <th scope="col">描述</th>
             </tr>
           </thead>
           <tbody>
             <tr>
-              <th scope="row">Greyscale</th>
+              <th scope="row">灰度</th>
               <td><em>n/a</em></td>
-              <td>JPEG has no distinct greyscale mode.</td>
+              <td>使用单 Luma 通道（Y）可支持真正的灰度。</td>
             </tr>
             <tr>
-              <th scope="row">True color</th>
+              <th scope="row">真彩色</th>
               <td>8</td>
               <td>
-                Each pixel is described by the red, blue, and green color
-                components, each of which is 8 bits.
+                每个像素由红、蓝、绿三种颜色分量描述，每种颜色分量为 8 位。
               </td>
             </tr>
             <tr>
-              <th scope="row">Indexed color</th>
+              <th scope="row">索引颜色</th>
               <td><em>n/a</em></td>
-              <td>JPEG does not offer an indexed color mode.</td>
+              <td>JPEG 不提供索引颜色模式。</td>
             </tr>
             <tr>
-              <th scope="row">Greyscale with alpha</th>
+              <th scope="row">带有灰度的真彩色</th>
               <td><em>n/a</em></td>
-              <td>JPEG does not support an alpha channel.</td>
+              <td>JPEG 不支持透明度通道。</td>
             </tr>
             <tr>
-              <th scope="row">True color with alpha</th>
+              <th scope="row">带有透明度的真彩色</th>
               <td><em>n/a</em></td>
-              <td>JPEG does not support an alpha channel.</td>
+              <td>JPEG 不支持透明度通道。</td>
             </tr>
           </tbody>
         </table>
@@ -622,24 +771,21 @@ JPEG is actually a data format for compressed photos, rather than a file type. T
     <tr>
       <th scope="row">压缩</th>
       <td>
-        Lossy; based on the
-        <a href="https://zh.wikipedia.org/wiki/discrete_cosine_transform"
-          >discrete cosine transform</a
-        >
+        有损；基于<a href="https://en.wikipedia.org/wiki/Discrete_cosine_transform">离散余弦变换</a>
       </td>
     </tr>
     <tr>
-      <th scope="row">授权</th>
-      <td>As of October 27, 2006, all United States patents have expired.</td>
+      <th scope="row">许可</th>
+      <td>截至 2006 年 10 月 27 日，所有美国专利均已过期。</td>
     </tr>
   </tbody>
 </table>
 
-### <a id="PNG" name="PNG">PNG</a> (Portable Network Graphics)
+### PNG（便携式网络图形）
 
-The {{Glossary("PNG")}} (pronounced "**ping**") image format uses lossless or lossy compression to provide more efficient compression, and supports higher color depths than [GIF](#gif_graphics_interchange_format), as well as full alpha transparency support.
+{{Glossary("PNG")}}（读作“**ping**”）图像格式使用无损压缩，同时支持比 [GIF](#gif（图像互换格式）) 更高的颜色深度，效率更高，并具有完全支持 alpha 透明度的特点。
 
-PNG is widely supported, with all major browsers offering full support for its features. Internet Explorer, which introduced PNG support in versions 4–5, did not fully support it until IE 9, and had many infamous bugs for many of the intervening years, including in the once-omnipresent Internet Explorer 6. This slowed PNG adoption, but it is now commonly used, especially when precise reproduction of the source image is needed.
+PNG 受广泛支持，所有主要浏览器都完全支持其特性。Internet Explorer 在第 4-5 版中引入了对 PNG 的支持，但直到 IE 9 才完全支持该特性，并且在其间的许多年里出现了许多臭名昭著的错误，包括在曾经风靡一时的 Internet Explorer 6 中。这减缓了 PNG 的应用，但现在它已被普遍使用，尤其是在需要精确复制源图像时。
 
 <table class="standard-table">
   <tbody>
@@ -648,7 +794,7 @@ PNG is widely supported, with all major browsers offering full support for its f
       <td><code>image/png</code></td>
     </tr>
     <tr>
-      <th scope="row">文件拓展名</th>
+      <th scope="row">文件扩展名</th>
       <td><code>.png</code></td>
     </tr>
     <tr>
@@ -661,7 +807,7 @@ PNG is widely supported, with all major browsers offering full support for its f
         <table class="standard-table">
           <thead>
             <tr>
-              <th scope="row">Feature</th>
+              <th scope="row">特性</th>
               <th scope="col">Chrome</th>
               <th scope="col">Edge</th>
               <th scope="col">Firefox</th>
@@ -672,57 +818,57 @@ PNG is widely supported, with all major browsers offering full support for its f
           </thead>
           <tbody>
             <tr>
-              <th scope="row">Basic support</th>
+              <th scope="row">基本支持</th>
               <td>1</td>
               <td>12</td>
               <td>1</td>
               <td>5</td>
-              <td>3.5.1 (Presto)<br />15 (Blink)</td>
+              <td>3.5.1（Presto）<br />15（Blink）</td>
               <td>1</td>
             </tr>
             <tr>
-              <th scope="row">Alpha channel</th>
+              <th scope="row">Alpha 通道</th>
               <td>1</td>
               <td>12</td>
               <td>1</td>
               <td>5</td>
-              <td>6 (Presto)<br />All (Blink)</td>
+              <td>6（Presto）<br />所有（Blink）</td>
               <td>1</td>
             </tr>
             <tr>
-              <th scope="row">Gamma correction</th>
-              <td>no</td>
-              <td>yes</td>
+              <th scope="row">伽玛校正</th>
+              <td>否</td>
+              <td>是</td>
               <td>1</td>
               <td>8</td>
               <td>1</td>
-              <td>broken</td>
+              <td>损坏的</td>
             </tr>
             <tr>
-              <th scope="row">Color correction</th>
-              <td>no</td>
-              <td>yes</td>
+              <th scope="row">颜色校正</th>
+              <td>否</td>
+              <td>是</td>
               <td>3</td>
               <td>9</td>
-              <td>no</td>
-              <td>no</td>
+              <td>否</td>
+              <td>否</td>
             </tr>
             <tr>
-              <th scope="row">Interlacing</th>
-              <td>no</td>
+              <th scope="row">插帧</th>
+              <td>否</td>
               <td>?</td>
               <td>1</td>
-              <td>broken</td>
+              <td>损坏的</td>
               <td>3.5.1</td>
-              <td>no</td>
+              <td>否</td>
             </tr>
           </tbody>
         </table>
       </td>
     </tr>
     <tr>
-      <th scope="row">最高分辨率</th>
-      <td>2,147,483,647×2,147,483,647 pixels</td>
+      <th scope="row">最大尺寸</th>
+      <td>2,147,483,647×2,147,483,647 像素</td>
     </tr>
     <tr>
       <th scope="row">支持的颜色模式</th>
@@ -731,57 +877,47 @@ PNG is widely supported, with all major browsers offering full support for its f
           <thead>
             <tr>
               <th scope="row">颜色模式</th>
-              <th scope="col">Bits per component (<em>D</em>)</th>
+              <th scope="col">每分量比特（<em>D</em>）</th>
               <th scope="col">描述</th>
             </tr>
           </thead>
           <tbody>
             <tr>
-              <th scope="row">Greyscale</th>
-              <td>1, 2, 4, 8, and 16</td>
+              <th scope="row">灰度</th>
+              <td>1、2、4、8 和 16</td>
               <td>
-                Each pixel consists of a single <em>D</em>-bit value indicating
-                the brightness of the greyscale pixel.
+                每个像素由一个 <em>D</em> 位值组成，表示灰度像素的亮度。
               </td>
             </tr>
             <tr>
-              <th scope="row">True color</th>
-              <td>8 and 16</td>
+              <th scope="row">真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is represented by three <em>D</em>-bit values
-                indicating the level of the red, green, and blue color
-                components.
+                每个像素由三个<em>D</em>位值表示，分别代表红、绿、蓝三色的色阶。
               </td>
             </tr>
             <tr>
-              <th scope="row">Indexed color</th>
-              <td>1, 2, 4, and 8</td>
+            <tr>
+              <th scope="row">索引颜色</th>
+              <td>1、2、4 和 8</td>
               <td>
-                Each pixel is a <em>D</em>-bit value indicating an index into a
-                color palette which is contained within a
-                <code
+                每个像素都是一个 <em>D</em> 位值，表示调色板的索引，调色板包含在 APNG 文件的 <code
                   ><a href="https://www.w3.org/TR/PNG/#11PLTE">PLTE</a></code
-                >
-                chunk in the APNG file; the colors in the palette all use an
-                8-bit depth.
+                > 块中；调色板中的颜色都使用 8 位深度。
               </td>
             </tr>
             <tr>
-              <th scope="row">Greyscale with alpha</th>
-              <td>8 and 16</td>
+              <th scope="row">带有灰度的真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is represented by two <em>D</em>-bit values: the
-                intensity of the greyscale pixel and an alpha sample, indicating
-                how opaque the pixel is.
+                每个像素由两个 <em>D</em> 位值表示：灰度像素的强度和表示像素不透明程度的 Alpha 样本。
               </td>
             </tr>
             <tr>
-              <th scope="row">True color with alpha</th>
-              <td>8 and 16</td>
+              <th scope="row">带有透明度的真彩色</th>
+              <td>8 和 16</td>
               <td>
-                Each pixel is comprised of four <em>D</em>-pixel color
-                components: red, green, blue, and the alpha sample indicating
-                how opaque the pixel is.
+                每个像素由四个 <em>D</em> 像素颜色成分组成：红色、绿色、蓝色和表示像素不透明程度的 alpha 样本。
               </td>
             </tr>
           </tbody>
@@ -790,40 +926,23 @@ PNG is widely supported, with all major browsers offering full support for its f
     </tr>
     <tr>
       <th scope="row">压缩</th>
-      <td>Lossless, optionally indexed color like GIF</td>
+      <td>无损，可选择索引颜色，如 GIF</td>
     </tr>
     <tr>
-      <th scope="row">授权</th>
+      <th scope="row">许可</th>
       <td>
-        ©2003 <a href="https://www.w3.org/">W3C</a><sup>®</sup> (<a
-          href="http://www.lcs.mit.edu/"
-          >MIT</a
-        >, <a href="http://www.ercim.org/">ERCIM</a>,
-        <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
-        <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer"
-          >liability</a
-        >,
-        <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks"
-          >trademark</a
-        >,
-        <a href="http://www.w3.org/Consortium/Legal/copyright-documents"
-          >document use</a
-        >
-        and
-        <a href="http://www.w3.org/Consortium/Legal/copyright-software"
-          >software licensing</a
-        >
-        rules apply. No known royalty-bearing patents.
+        ©2003 <a href="https://www.w3.org/">W3C</a>（<a href="http://www.lcs.mit.edu/">MIT</a>、<a href="http://www.ercim.org/">ERCIM</a>、<a href="https://www.keio.ac.jp/">Keio</a>)，保留所有权利。W3C
+        <a href="https://www.w3.org/policies/#disclaimers">免责声明</a>、<a href="https://www.w3.org/policies/#trademarks">商标</a>、<a href="https://www.w3.org/copyright/document-license/">文档使用</a>和<a href="https://www.w3.org/copyright/software-license/">软件授权</a>适用。没有已知的专利使用费。
       </td>
     </tr>
   </tbody>
 </table>
 
-### <a id="SVG" name="SVG">SVG</a> (Scalable Vector Graphics)
+### SVG（可缩放矢量图形）
 
-SVG is an [XML](/zh-CN/docs/Glossary/XML)-based [vector graphics](https://zh.wikipedia.org/wiki/vector_graphics) format that specifies the contents of an image as a set of drawing commands that create shapes, lines, apply colors, filters, and so forth. SVG files are ideal for diagrams, icons, and other images which can be accurately drawn at any size. As such, SVG is popular for user interface elements in modern Web design.
+SVG 是一种基于 [XML](/zh-CN/docs/Glossary/XML) 的[矢量图形](https://zh.wikipedia.org/wiki/矢量图形)格式，它将图像的内容指定为一系列绘图命令，这些命令可以创建形状、线条、应用颜色、滤镜等。SVG 文件非常适合用于图表、图标和其他可精确绘制任何尺寸的图像。因此，SVG 在现代网页设计的用户界面元素中很受欢迎。
 
-SVG files are text files containing source code that, when interpreted, draws the desired image. For instance, this example defines an drawing area with initial size 100 by 100 units, containing a line drawn diagonally through the box:
+SVG 文件是包含源代码的文本文件，解释后可绘制所需的图像。例如，此示例定义了一个初始大小为 100 x 100 单位的绘图区域，其中包含一条斜穿方框的线：
 
 ```html
 <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
@@ -831,12 +950,12 @@ SVG files are text files containing source code that, when interpreted, draws th
 </svg>
 ```
 
-SVG can be used in web content in two ways:
+在网页内容中使用 SVG 有两种方式：
 
-1. You can directly write the {{HTMLElement("svg")}} element within the HTML, containing [SVG elements](/zh-CN/docs/Web/SVG/Element) to draw the image.
-2. You can display an SVG image anywhere you can use any of the other image types, including with the {{HTMLElement("img")}} and {{HTMLElement("picture")}} elements, the {{cssxref("background-image")}} CSS property, and so forth.
+1. 你可以直接在 HTML 中写入 {{SVGElement("svg")}} 元素，包含 [SVG 元素](/zh-CN/docs/Web/SVG/Element)来绘制图像。
+2. 你可以在任何可以使用其他图像类型的地方显示 SVG 图像，包括使用 {{HTMLElement("img")}} 和 {{HTMLElement("picture")}} 元素、{{cssxref("background-image")}} CSS 属性等。
 
-SVG is an ideal choice for images which can be represented using a series of drawing commands, especially if the size at which the image will be rendered is unknown or may vary, since SVG will smoothly scale to the desired size. It's not generally useful for strictly bitmap or photographic images, although it is possible to include bitmap images within an SVG.
+对于可以使用一系列绘图命令来表示的图像来说，SVG 是一个理想的选择，尤其是当图像的渲染尺寸未知或可能变化时，因为 SVG 可以平滑地缩放到所需的尺寸。对于严格意义上的位图或照片图像，SVG 通常并不适用，尽管可以在 SVG 中包含位图图像。
 
 <table class="standard-table">
   <tbody>
@@ -845,7 +964,7 @@ SVG is an ideal choice for images which can be represented using a series of dra
       <td><code>image/svg+xml</code></td>
     </tr>
     <tr>
-      <th scope="row">文件拓展名</th>
+      <th scope="row">文件扩展名</th>
       <td><code>.svg</code></td>
     </tr>
     <tr>
@@ -858,7 +977,7 @@ SVG is an ideal choice for images which can be represented using a series of dra
         <table class="standard-table">
           <thead>
             <tr>
-              <th scope="row">Feature</th>
+              <th scope="row">特性</th>
               <th scope="col">Chrome</th>
               <th scope="col">Edge</th>
               <th scope="col">Firefox</th>
@@ -869,23 +988,23 @@ SVG is an ideal choice for images which can be represented using a series of dra
           </thead>
           <tbody>
             <tr>
-              <th scope="row">SVG support</th>
+              <th scope="row">SVG 支持</th>
               <td>4</td>
               <td>12</td>
               <td>3</td>
               <td>9</td>
-              <td>10 (Presto)<br />15 (Blink)</td>
+              <td>10（Presto）<br />15（Blink）</td>
               <td>3.2</td>
             </tr>
             <tr>
               <th scope="row">
-                SVG as image ({{HTMLElement("img")}} etc)
+                SVG 作为图像（{{HTMLElement("img")}} 等）
               </th>
               <td>28</td>
               <td>12</td>
               <td>4</td>
               <td>9</td>
-              <td>10 (Presto)<br />15 (Blink)</td>
+              <td>10（Presto）<br />15（Blink）</td>
               <td>9</td>
             </tr>
           </tbody>
@@ -893,75 +1012,57 @@ SVG is an ideal choice for images which can be represented using a series of dra
       </td>
     </tr>
     <tr>
-      <th scope="row">最高分辨率</th>
+      <th scope="row">最大尺寸</th>
       <td>无限制</td>
     </tr>
     <tr>
       <th scope="row">支持的颜色模式</th>
       <td>
-        Colors in SVG are specified using
-        <a href="/zh-CN/docs/Web/CSS/color_value">CSS color syntax</a>.
+        SVG 中的颜色是使用 <a href="/zh-CN/docs/Web/CSS/color_value">CSS 颜色语法</a>指定的。
       </td>
     </tr>
     <tr>
       <th scope="row">压缩</th>
       <td>
-        SVG source may be compressed during transit using
-        <a href="/zh-CN/docs/Web/HTTP/Compression">HTTP compression</a>
-        techniques, or on disk as an <code>.svgz</code> file.
+        SVG 源可以在传输过程中使用 <a href="/zh-CN/docs/Web/HTTP/Compression">HTTP 压缩技术</a>进行压缩，也可以在磁盘上以 <code>.svgz</code> 文件的形式进行压缩。
       </td>
     </tr>
     <tr>
-      <th scope="row">授权</th>
+      <th scope="row">许可</th>
       <td>
-        ©2018 <a href="https://www.w3.org/">W3C</a><sup>®</sup> (<a
+        ©2018 <a href="https://www.w3.org/">W3C</a>（<a
           href="http://www.lcs.mit.edu/"
           >MIT</a
-        >, <a href="http://www.ercim.org/">ERCIM</a>,
-        <a href="http://www.keio.ac.jp/">Keio</a>,
-        <a href="http://ev.buaa.edu.cn/">Beihang</a>), All Rights Reserved. W3C
-        <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer"
-          >liability</a
-        >,
-        <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks"
-          >trademark</a
-        >,
-        <a href="http://www.w3.org/Consortium/Legal/copyright-documents"
-          >document use</a
-        >
-        and
-        <a href="http://www.w3.org/Consortium/Legal/copyright-software"
-          >software licensing</a
-        >
-        rules apply. No known royalty-bearing patents.
+        >、<a href="http://www.ercim.org/">ERCIM</a>、<a href="https://www.keio.ac.jp/">Keio</a>、<a href="https://ev.buaa.edu.cn/">Beihang</a>），保留所有权利。W3C
+        <a href="https://www.w3.org/policies/#disclaimers">责任</a>、<a href="https://www.w3.org/policies/#trademarks">商标</a>、<a href="https://www.w3.org/copyright/document-license/">文档使用</a>和<a href="https://www.w3.org/copyright/software-license/">软件授权</a>适用。没有已知的专利使用费。
       </td>
     </tr>
   </tbody>
 </table>
 
-### <a id="TIFF" name="TIFF">TIFF</a> (Tagged Image File Format)
+### TIFF（标签图像文件格式）
 
-[TIFF](https://zh.wikipedia.org/wiki/TIFF) is a raster graphics file format which was created to store scanned photos, although it can be any kind of image. It is a somewhat "heavy" format, in that TIFF files have a tendency to be larger than images in other formats. This is because of the metadata often included, as well as the fact that most TIFF images are either uncompressed or use compression algorithms that still leave fairly large files after compression.
+[TIFF](https://zh.wikipedia.org/wiki/TIFF) 是一种光栅图形文件格式，用于存储扫描照片，但也可以是任何类型的图像。这是一种有点“重”的格式，因为 TIFF 文件往往比其他格式的图像要大。这是因为通常包含元数据，而且大多数 TIFF 图像要么未经压缩，要么使用压缩算法，压缩后的文件仍然相当大。
 
-TIFF supports a variety of compression methods, but the most commonly used are the CCITT Group 4 (and, for older fax systems, Group 3) compression systems used for by fax software, as well as LZW and lossy JPEG compression.
+TIFF 支持多种压缩方法，但最常用的是传真软件使用的 CCITT 第 4 组（对于较早的传真系统，则为第 3 组）压缩系统，以及 LZW 和有损 JPEG 压缩。
 
-Every value in a TIFF file is specified using its **tag** (indicating what kind of information it is, such as the width of the image) and its **type** (indicating the format the data is stored in), followed by the length of the array of values to assign to that tag (all properties are stored in arrays, even for single values). This allows different data types to be used for the same properties. For example, the width of an image, `ImageWidth`, is stored using tag `0x0100`, and is a one-entry array. By specifying type 3 (`SHORT`), the value of `ImageWidth` is stored as a 16-bit value:
+TIFF 文件中的每个值都使用其**标签**（表示信息的类型，如图像的宽度）和**类型**（表示数据的存储格式）来指定，然后是要分配给该标签的数组值的长度（所有属性都存储在数组中，即使是单个值）。这样，相同的属性就可以使用不同的数据类型。例如，图像的宽度 `ImageWidth` 使用标签 `0x0100` 存储，是一个单项数组。通过指定类型 3（`SHORT`），`ImageWidth` 的值将存储为 16 位值：
 
-| Tag                     | Type               | Size                   | Value                 |
-| ----------------------- | ------------------ | ---------------------- | --------------------- |
-| `0x0100` (`ImageWidth`) | `0x0003` (`SHORT`) | `0x00000001` (1 entry) | `0x0280` (640 pixels) |
+| 标签                     | 类型                | 大小                     | 值                   |
+| ------------------------ | ------------------- | ------------------------ | -------------------- |
+| `0x0100`（`ImageWidth`） | `0x0003`（`SHORT`） | `0x00000001`（1 个条目） | `0x0280`（640 像素） |
 
-Specifying type 4 (`LONG`) stores the width as a 32-bit value:
+指定类型 4（`LONG`）可将宽度存储为 32 位值：
 
-| Tag                     | Type              | Size                   | Value                     |
-| ----------------------- | ----------------- | ---------------------- | ------------------------- |
-| `0x0100` (`ImageWidth`) | `0x0004` (`LONG`) | `0x00000001` (1 entry) | `0x00000280` (640 pixels) |
+| 标签                     | 类型               | 大小                     | 值                       |
+| ------------------------ | ------------------ | ------------------------ | ------------------------ |
+| `0x0100`（`ImageWidth`） | `0x0004`（`LONG`） | `0x00000001`（1 个条目） | `0x00000280`（640 像素） |
 
-A single TIFF file can contain multiple images; this may be used to represent multi-page documents, for example (such as a multi-page scanned document, or a received fax). However, software reading TIFF files is only required to support the first image.
+单个 TIFF 文件可包含多个图像；例如，可用于表示多页文件（如多页扫描文件或收到的传真）。不过，读取 TIFF 文件的软件只需支持第一个图像。
 
-TIFF supports a variety of color spaces, not just RGB. These include CMYK, YCbCr, and others, making TIFF a good choice for storing images intended for print, film, or television media.
+TIFF 不仅支持 RGB，还支持多种色彩空间。这些空间包括 CMYK、YCbCr 等，这使得 TIFF 成为存储用于印刷、电影或电视媒体的图像的良好选择。
 
-Long ago, some browsers supported TIFF images in web content; today, however, you need to use special libraries or browser add-ons to do so. As such, TIFF files are not useful within the context of web content, _but_ it's common to provide downloadable TIFF files when distributing photos and other artwork intended for precision editing or printing.
+很久以前，一些浏览器支持在网页内容中使用 TIFF 图像；但如今，你需要使用特殊的库或浏览器插件才能做到这一点。因此，TIFF 文件在网页内容中并不实用，但在分发照片和其他用于精确编辑或打印的艺术品时，提供可下载的 TIFF 文件是很常见的。
 
 <table class="standard-table">
   <tbody>
@@ -970,27 +1071,25 @@ Long ago, some browsers supported TIFF images in web content; today, however, yo
       <td><code>image/tiff</code></td>
     </tr>
     <tr>
-      <th scope="row">文件拓展名</th>
-      <td><code>.tif</code>, <code>.tiff</code></td>
+      <th scope="row">文件扩展名</th>
+      <td><code>.tif</code>、<code>.tiff</code></td>
     </tr>
     <tr>
       <th scope="row">规范</th>
       <td>
-        <a href="https://www.adobe.io/open/standards/TIFF.html"
-          >adobe.io/open/standards/TIFF.html</a
-        >
+        <a href="https://www.adobe.com/devnet-apps/photoshop/fileformatashtml"
+          >https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#50577413_pgfId-1035272</a>
       </td>
     </tr>
     <tr>
       <th scope="row">浏览器兼容性</th>
       <td>
-        No browsers integrate support for TIFF; its value is as a download
-        format
+        没有浏览器集成对 TIFF 的支持；其价值在于作为一种下载格式
       </td>
     </tr>
     <tr>
-      <th scope="row">最高分辨率</th>
-      <td>4,294,967,295×4,294,967,295 pixels (theoretical)</td>
+      <th scope="row">最大尺寸</th>
+      <td>4,294,967,295×4,294,967,295 像素（理论值）</td>
     </tr>
     <tr>
       <th scope="row">支持的颜色模式</th>
@@ -999,68 +1098,49 @@ Long ago, some browsers supported TIFF images in web content; today, however, yo
           <tbody>
             <tr>
               <th scope="row">颜色模式</th>
-              <th scope="col">Bits per component (<em>D</em>)</th>
+              <th scope="col">每分量比特（<em>D</em>）</th>
               <th scope="col">描述</th>
             </tr>
             <tr>
               <th scope="row">Bilevel</th>
               <td>1</td>
               <td>
-                A bilevel TIFF stores 8 bits in each byte, one bit per pixel.
-                The <code>PhotometricInterpretation</code> field specifies which
-                of 0 and 1 are black and which is white.
+                双字节 TIFF 每个字节存储 8 位，每个像素一位。<code>PhotometricInterpretation</code> 字段指定 0 和 1 中哪个是黑色，哪个是白色。
               </td>
             </tr>
             <tr>
-              <th scope="row">Greyscale</th>
-              <td>4 and 8</td>
+              <th scope="row">灰度</th>
+              <td>4 和 8</td>
               <td>
-                Each pixel consists of a single <em>D</em>-bit value indicating
-                the brightness of the greyscale pixel.
+                每个像素由一个 <em>D</em> 位值组成，表示灰度像素的亮度。
               </td>
             </tr>
             <tr>
-              <th scope="row">True color</th>
+              <th scope="row">真彩色</th>
               <td>8</td>
               <td>
-                All true color RGB images are stored using 8-bits each of red,
-                green, and blue.
+                所有真彩色 RGB 图像都使用红、绿、蓝各 8 位来存储。
               </td>
             </tr>
             <tr>
-              <th scope="row">Indexed color</th>
-              <td>4 and 8</td>
+              <th scope="row">索引颜色</th>
+              <td>4 和 8</td>
               <td>
-                Each pixel is an index into a <code>ColorMap</code> record,
-                which defines the colors used in the image. The color map lists
-                all of the red values, then all of the green values, then all of
-                the blue values (rather than <code>rgb, rgb, rgb...</code>).
+                每个像素都是 <code>ColorMap</code> 记录的索引，该记录定义了图像中使用的颜色。颜色地图列出了所有红色值，然后是所有绿色值，最后是所有蓝色值（而不是 <code>rgb, rgb, rgb…</code>）。
               </td>
             </tr>
             <tr>
-              <th scope="row">Greyscale with alpha</th>
-              <td>4 and 8</td>
+              <th scope="row">带有灰度的真彩色</th>
+              <td>4 和 8</td>
               <td>
-                Alpha information is added by specifying that there are more
-                than 3 samples per pixel in the
-                <code>SamplesPerPixel</code> field, and indicating the type of
-                alpha (1 for an associated, pre-multiplied alpha component, and
-                2 for unassociated alpha (a separate matte); however, alpha
-                channels are rarely used in TIFF files and may be unsupported by
-                the user's software.
+                通过在 <code>SamplesPerPixel</code> 字段中指定每个像素有 3 个以上的采样点，并指明 Alpha 类型（1 表示关联的、预乘的 Alpha 分量，2 表示非关联的 Alpha（单独的哑光）），可以添加 Alpha 信息；但是，TIFF 文件中很少使用 Alpha 通道，用户的软件可能也不支持。
               </td>
             </tr>
             <tr>
-              <th scope="row">True color with alpha</th>
+              <th scope="row">带有透明度的真彩色</th>
               <td>8</td>
               <td>
-                Alpha information is added by specifying that there are more
-                than 3 samples per pixel in the
-                <code>SamplesPerPixel</code> field, and indicating the type of
-                alpha (1 for an associated, pre-multiplied alpha component, and
-                2 for unassociated alpha (a separate matte); however, alpha
-                channels are rarely used in TIFF files and may be unsupported by
-                the user's software.
+                通过在 <code>SamplesPerPixel</code> 字段中指定每个像素有 3 个以上的采样点，并指明 Alpha 类型（1 表示关联的、预乘的 Alpha 分量，2 表示非关联的 Alpha（单独的哑光）），可以添加 Alpha 信息；但是，TIFF 文件中很少使用 Alpha 通道，用户的软件可能也不支持。
               </td>
             </tr>
           </tbody>
@@ -1070,27 +1150,25 @@ Long ago, some browsers supported TIFF images in web content; today, however, yo
     <tr>
       <th scope="row">压缩</th>
       <td>
-        Most TIFF files are uncompressed, but lossless PackBits and LZW
-        compression are supported, as is lossy JPEG compression.
+        大多数 TIFF 文件未经压缩，但支持无损 PackBits 和 LZW 压缩，以及有损 JPEG 压缩。
       </td>
     </tr>
     <tr>
-      <th scope="row">授权</th>
+      <th scope="row">许可</th>
       <td>
-        No license required (aside from any associated with libraries you might
-        use); all known patents have expired.
+        无需许可证（除了与你可能使用的库相关的许可证）；所有已知专利均已过期。
       </td>
     </tr>
   </tbody>
 </table>
 
-### <a id="WebP" name="WebP">WebP image</a>
+### WebP 图像
 
-WebP supports lossy compression via predictive coding based on the VP8 video codec, and lossless compression that uses substitutions for repeating data. Lossy WebP images average 25–35% smaller than JPEG images of visually similar compression levels. Lossless WebP images are typically 26% smaller than the same images in PNG format.
+WebP 支持通过基于 VP8 视频编解码器的预测编码进行有损压缩，以及通过替换重复数据进行无损压缩。有损 WebP 图像比视觉上压缩级别相似的 JPEG 图像平均小 25-35%。无损 WebP 图像通常比 PNG 格式的相同图像小 26%。
 
-WebP also supports animation: in a lossy WebP file, the image data is represented by a VP8 bitstream, which may contain multiple frames. Lossless WebP holds the `ANIM` chunk, which describes the animation, and the `ANMF` chunk, which represents a frame of an animation sequence. Looping is supported.
+WebP 还支持动画：在有损 WebP 文件中，图像数据由 VP8 比特流表示，其中可能包含多个帧。无损 WebP 包含描述动画的 `ANIM` 块和表示动画序列一帧的 `ANMF` 块。支持循环播放。
 
-WebP now has broad support in the latest versions of major web browsers, although it does not have deep historical support. Provide a fallback in either [JPEG](#jpeg_joint_photographic_experts_group_image) or [PNG](#png_portable_network_graphics) format, such as with [the `<picture>` element](/zh-CN/docs/Web/HTML/Element/picture).
+WebP 目前已在主要网络浏览器的最新版本中获得广泛支持，但还没有深入的历史支持。需要提供 [JPEG](#jpeg（联合图像专家小组图像）) 或 [PNG](#png（便携式网络图形）) 格式的回退，例如 [`<picture>` 元素](/zh-CN/docs/Web/HTML/Element/picture)。
 
 <table class="standard-table">
   <tbody>
@@ -1099,20 +1177,14 @@ WebP now has broad support in the latest versions of major web browsers, althoug
       <td><code>image/webp</code></td>
     </tr>
     <tr>
-      <th scope="row">文件拓展名</th>
+      <th scope="row">文件扩展名</th>
       <td><code>.webp</code></td>
     </tr>
     <tr>
       <th scope="row">规范</th>
       <td>
         <p>
-          <a href="https://developers.google.com/speed/webp/docs/riff_container"
-            >RIFF Container Specification</a
-          ><br />{{RFC(6386, "VP8 Data Format and Decoding Guide")}}
-          (lossy encoding)<br /><a
-            href="https://developers.google.com/speed/webp/docs/webp_lossless_bitstream_specification"
-            >WebP Lossless Bitstream Specification</a
-          >
+          <a href="https://developers.google.com/speed/webp/docs/riff_container">RIFF 容器规范</a><br />{{RFC(6386, "VP8 Data Format and Decoding Guide")}}（有损压缩）<br /><a href="https://developers.google.com/speed/webp/docs/webp_lossless_bitstream_specification">WebP 无损比特流规范</a>
         </p>
       </td>
     </tr>
@@ -1122,7 +1194,7 @@ WebP now has broad support in the latest versions of major web browsers, althoug
         <table class="standard-table">
           <tbody>
             <tr>
-              <th scope="row">Feature</th>
+              <th scope="row">特性</th>
               <th scope="col">Chrome</th>
               <th scope="col">Edge</th>
               <th scope="col">Firefox</th>
@@ -1131,66 +1203,67 @@ WebP now has broad support in the latest versions of major web browsers, althoug
               <th scope="col">Safari</th>
             </tr>
             <tr>
-              <th scope="row">Lossy WebP support</th>
+              <th scope="row">有损 WebP 支持</th>
               <td>17</td>
               <td>18</td>
               <td>65</td>
               <td>no</td>
-              <td>11.10 (Presto)<br />15 (Blink)</td>
-              <td>no</td>
+              <td>11.10（Presto）<br />15（Blink）</td>
+              <td>14</td>
             </tr>
             <tr>
-              <th scope="row">Lossless WebP</th>
-              <td>23<br />25 on Android</td>
+              <th scope="row">无损 WebP</th>
+              <td>Android 23<br />25</td>
               <td>18</td>
               <td>65</td>
-              <td>no</td>
-              <td>12.10 (Presto)<br />15 (Blink)</td>
-              <td>no</td>
+              <td>否</td>
+              <td>12.10（Presto）<br />15（Blink）</td>
+              <td>14</td>
             </tr>
             <tr>
-              <th scope="row">动画</th>
+              <th scope="row">动画/th>
               <td>32</td>
               <td>18</td>
               <td>65</td>
-              <td>no</td>
-              <td>19 (Blink)</td>
-              <td>no</td>
+              <td>否</td>
+              <td>19（Blink）</td>
+              <td>14</td>
             </tr>
           </tbody>
         </table>
+        <p>WebP 还可用于从 Firefox 96 和 Chrome 50 的画布中<em>导出</em>图像。（参见 <a href="/zh-CN/docs/Web/API/HTMLCanvasElement/toBlob#浏览器兼容性"><code>HTMLCanvasElement.toBlob()</code></a> 以获取更详细的支持情况）</p>
       </td>
     </tr>
     <tr>
-      <th scope="row">最高分辨率</th>
-      <td>16,383×16,383 pixels</td>
+      <th scope="row">最大尺寸</th>
+      <td>16,383×16,383 像素</td>
     </tr>
     <tr>
       <th scope="row">支持的颜色模式</th>
       <td>
-        Lossy WebP stores the image in 8-bit Y'CbCr 4:2:0 (YUV420) format.
-        Lossless WebP uses 8-bit ARGB color, with each component taking 8 bits
-        for a total of 32 bits per pixel.
+        有损 WebP 以 8 位 Y'CbCr 4:2:0 (YUV420) 格式存储图像。无损 WebP 使用 8 位 ARGB 颜色，每个分量 8 位，每个像素共 32 位。
       </td>
     </tr>
     <tr>
       <th scope="row">压缩</th>
-      <td>Lossless (Huffman, LZ77, or color cache codes) or lossy (VP8).</td>
+      <td>无损（Huffman、LZ77 或 color cache codes）或有损（VP8）</td>
     </tr>
     <tr>
-      <th scope="row">授权</th>
-      <td>No license required; source code is openly available.</td>
+      <th scope="row">许可</th>
+      <td>无需许可证；源代码可公开获取。</td>
     </tr>
   </tbody>
 </table>
 
-### <a id="XBM" name="XBM">XBM</a> (X Window System Bitmap file)
+> **备注：** 在 macOS 版 Safari 上，WebP 支持取决于 Safari 和 macOS 的版本。你需要 Safari 14 或更高版本，以及 macOS Big Sur (11) 或更高版本。
+
+### XBM（X Window 系统位图文件）
 
-XBM (X Bitmap) files were the first to be supported on the Web, but are no longer used and should be avoided, as their format has potential security concerns. Modern browsers have not supported XBM files in many years, but when dealing with older content, you may find some still around.
+XBM（X 位图）文件是网络上最早支持的文件，但现在已不再使用，应避免使用，因为其格式存在潜在的安全隐患。现代浏览器多年来一直不支持 XBM 文件，但在处理旧内容时，你可能会发现其中一些仍然存在。
 
-XBM uses a snippet of C code to represent the contents of the image as an array of bytes. Each image consists of 2 to 4 `#define` directives, providing the width and height of the bitmap (and optionally the hotspot, if the image is designed as a cursor), followed by an array of `unsigned char`, where each value contains 8 1-bit monochrome pixels.
+XBM 使用一段 C 代码将图像内容表示为一个字节数组。每个图像由 2 到 4 个 `#define` 指令组成，提供位图的宽度和高度（如果图像设计为光标，还可选择热点），后面是一个 `unsigned char` 数组，其中每个值包含 8 个 1 位单色像素。
 
-The image must be a multiple of 8 pixels wide. For example, the following code represents an XBM image which is 8 pixels by 8 pixels, with those pixels in a black-and-white checkerboard pattern:
+图像宽度必须是 8 像素的倍数。例如，以下代码表示一幅 8 像素乘 8 像素的 XBM 图像，这些像素呈黑白棋盘图案：
 
 ```cpp
 #define square8_width 8
@@ -1204,22 +1277,22 @@ static unsigned char square8_bits[] = {
   <tbody>
     <tr>
       <th scope="row">MIME 类型</th>
-      <td><code>image/xbm</code>, <code>image-xbitmap</code></td>
+      <td><code>image/xbm</code>、<code>image-xbitmap</code></td>
     </tr>
     <tr>
-      <th scope="row">文件拓展名</th>
+      <th scope="row">文件扩展名</th>
       <td><code>.xbm</code></td>
     </tr>
     <tr>
       <th scope="row">规范</th>
-      <td>None</td>
+      <td>无</td>
     </tr>
     <tr>
       <th scope="row">浏览器兼容性</th>
-      <td>Firefox 1–3.5, Internet Explorer 1–5</td>
+      <td>Firefox 1–3.5 和 Internet Explorer 1–5</td>
     </tr>
     <tr>
-      <th scope="row">最高分辨率</th>
+      <th scope="row">最大尺寸</th>
       <td>无限制</td>
     </tr>
     <tr>
@@ -1229,33 +1302,33 @@ static unsigned char square8_bits[] = {
           <thead>
             <tr>
               <th scope="row">颜色模式</th>
-              <th scope="col">Bits per component</th>
+              <th scope="col">每分量比特（<em>D</em>）</th>
               <th scope="col">描述</th>
             </tr>
           </thead>
           <tbody>
             <tr>
-              <th scope="row">Greyscale</th>
+              <th scope="row">灰度</th>
               <td>1</td>
-              <td>Each byte contains eight 1-bit pixels.</td>
+              <td>每个字节包含 8 个 1 位像素。</td>
             </tr>
             <tr>
-              <th scope="row">True color</th>
+              <th scope="row">真彩色</th>
               <td><em>n/a</em></td>
               <td><em>n/a</em></td>
             </tr>
             <tr>
-              <th scope="row">Indexed color</th>
+              <th scope="row">索引颜色</th>
               <td><em>n/a</em></td>
               <td><em>n/a</em></td>
             </tr>
             <tr>
-              <th scope="row">Greyscale with alpha</th>
+              <th scope="row">带有灰度的真彩色</th>
               <td><em>n/a</em></td>
               <td><em>n/a</em></td>
             </tr>
             <tr>
-              <th scope="row">True color with alpha</th>
+              <th scope="row">带有透明度的真彩色</th>
               <td><em>n/a</em></td>
               <td><em>n/a</em></td>
             </tr>
@@ -1265,80 +1338,116 @@ static unsigned char square8_bits[] = {
     </tr>
     <tr>
       <th scope="row">压缩</th>
-      <td>Lossless</td>
+      <td>无损</td>
     </tr>
     <tr>
-      <th scope="row">授权</th>
-      <td>Open source</td>
+      <th scope="row">许可</th>
+      <td>开源</td>
     </tr>
   </tbody>
 </table>
 
 ## 选择合适的图像格式
 
-Picking the best image format for your needs is likely easier than video formats, as there are fewer options with broad support, and each tends to have a specific set of use-cases.
+选择最适合你的需求的图像格式可能比视频格式更容易，因为支持广泛的选择较少，而且每种格式往往都有一套特定的用例。
 
-### Photographs
+### 照片
 
-Photographs typically fare well with lossy compression (depending on the encoder's configuration). This makes [JPEG](#jpeg_joint_photographic_experts_group_image) and [WebP](#webp_image) good choices for photographs, with JPEG being more compatible but WebP perhaps offering better compression. To maximize quality and minimize download time, consider providing both [using a fallback](#提供后备图像) with WebP as the first choice and JPEG as the second. Otherwise, JPEG is the safe choice for compatibility.
+有损压缩（取决于编码器的配置）通常能很好地压缩照片。这使得 [JPEG](#jpeg（联合图像专家小组图像）) 和 [WebP](#webp_图像) 成为照片的不错选择，JPEG 的兼容性更好，但 WebP 的压缩效果可能更好。为了最大限度地提高质量和减少下载时间，可以考虑同时提供这两种格式的[回退图像](#提供回退图像)，WebP 是首选，JPEG 是次选。否则，为了兼容性，JPEG 是安全的选择。
 
-| Best choice  | Fallback |
-| ------------ | -------- |
-| WebP or JPEG | JPEG     |
+<table class="standard-table" style="max-width: 42rem">
+  <thead>
+    <tr>
+      <th scope="col" style="width: 50%">最佳选择</th>
+      <th scope="col">回退方案</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>WebP 或 JPEG</td>
+      <td>JPEG</td>
+    </tr>
+  </tbody>
+</table>
 
-### Icons
+### 图标
 
-For smaller images such as icons, use a lossless format to avoid loss of detail in a size-constrained image. While lossless WebP is ideal for this purpose, support is not widespread yet, so PNG is a better choice unless you offer a [fallback](#提供后备图像). If your image contains fewer than 256 colors, GIF is an option, although PNG often compresses even smaller with its indexed compression option (PNG-8).
+对于图标等较小的图像，应使用无损格式，以避免在大小受限的图像中丢失细节。虽然无损 WebP 是实现这一目的的理想选择，但其支持尚未普及，因此 PNG 是更好的选择，除非你提供[回退选项](#提供回退图像)。如果图像包含的颜色少于 256 种，GIF 也是一种选择，不过 PNG 通过其索引压缩选项（PNG-8）通常可以压缩得更小。
 
-If the icon can be represented using vector graphics, consider [SVG](#svg_scalable_vector_graphics), since it scales across various resolutions and sizes, so it's perfect for responsive design. Although SVG support is good, it may be worth offering a PNG fallback for older browsers.
+如果图标可以用矢量图形表示，可以考虑使用 [SVG](#svg（可缩放矢量图形）)，因为它可以在各种分辨率和尺寸下缩放，非常适合响应式设计。虽然 SVG 支持良好，但仍值得为旧版浏览器提供 PNG 回退功能。
 
-| Best choice                | Fallback |
-| -------------------------- | -------- |
-| SVG, Lossless WebP, or PNG | PNG      |
+<table class="standard-table" style="max-width: 42rem">
+  <thead>
+    <tr>
+      <th scope="col" style="width: 50%">最佳选择</th>
+      <th scope="col">回退方案</th>
+    </tr>
+    <tr>
+      <td>SVG、无损 WebP 或 PNG</td>
+      <td>PNG</td>
+    </tr>
+  </thead>
+</table>
 
-### Screenshots
+### 截图
 
-Unless you're willing to compromise on quality, you should use a lossless format for screenshots. This is particularly important if there's any text in your screenshot, as text easily becomes fuzzy and unclear under lossy compression.
+除非你愿意在质量上妥协，否则应该使用无损格式截图。如果截图中有文字，这一点尤为重要，因为在有损压缩的情况下，文字很容易变得模糊不清。
 
-PNG is probably your best bet, but lossless WebP is arguably going to be better compressed.
+PNG 可能是最好的选择，但无损 WebP 的压缩效果可能更好。
 
-| Best choice                                                          | Fallback                                               |
-| -------------------------------------------------------------------- | ------------------------------------------------------ |
-| Lossless WebP or PNG; JPEG if compression artifacts aren't a concern | PNG or JPEG; GIF for screenshots with low color counts |
+<table class="standard-table" style="max-width: 42rem">
+  <thead>
+    <tr>
+      <th scope="col" style="width: 50%">最佳选择</th>
+      <th scope="col">回退方案</th>
+    </tr>
+    <tr>
+      <td>
+        无损 WebP 或 PNG；<br />如果不担心压缩伪影，则使用 JPEG 文件
+      </td>
+      <td>PNG 或 JPEG；<br />GIF 用于颜色数较少的屏幕截图</td>
+    </tr>
+  </thead>
+</table>
 
-### Diagrams, drawings, and charts
+### 示意图、绘图和图表
 
-For any image that can be represented using vector graphics, SVG is the best choice. Otherwise, you should use a lossless format like PNG. If you do choose a lossy format, such as JPEG or lossy WebP, carefully weigh the compression level to avoid causing text or other shapes to become fuzzy or unclear.
+对于任何可以使用矢量图形表示的图像，SVG 都是最佳选择。否则，应使用 PNG 等无损格式。如果选择有损格式（如 JPEG 或有损 WebP），请仔细权衡压缩级别，以避免导致文本或其他图形变得模糊或不清晰。
 
-| Best choice                          | Fallback                              |
-| ------------------------------------ | ------------------------------------- |
-| [SVG](#svg_scalable_vector_graphics) | [PNG](#png_portable_network_graphics) |
+<table class="standard-table" style="max-width: 42rem">
+  <thead>
+    <tr>
+      <th scope="col" style="width: 50%">最佳选择</th>
+      <th scope="col">回退方案</th>
+    </tr>
+    <tr>
+      <td><a href="#svg（可缩放矢量图形）">SVG</a></td>
+      <td><a href="#png（便携式网络图形）">PNG</a></td>
+    </tr>
+  </thead>
+</table>
 
-## 提供后备图像
+## 提供回退图像
 
-While the standard HTML {{HTMLElement("img")}} element doesn't support compatibility fallbacks for images, the {{HTMLElement("picture")}} element does. `<picture>` is used as a wrapper for a number of {{HTMLElement("source")}} elements, each specifying a version of the image in a different format or under different [media conditions](/zh-CN/docs/Web/CSS/@media), as well as an `<img>` element which defines where to display the image and the fallback to the default or "most compatible" version.
+虽然标准 HTML {{HTMLElement("img")}} 元素不支持图片的兼容性回退，但 {{HTMLElement("picture")}} 元素支持。`<picture>` 被用作多个 {{HTMLElement("source")}} 元素的包装器，每个元素都指定了不同格式或不同[媒体条件](/zh-CN/docs/Web/CSS/@media)下的图像版本，以及一个 `<img>` 元素，该元素定义了图像的显示位置以及默认或“最兼容”版本的回退。
 
-For example, if you're displaying a diagram best displayed with SVG, but wish to offer a fallback to a PNG or GIF of the diagram, you would do something like this:
+例如，如果要显示一个最好使用 SVG 显示的图表，但希望提供一个 PNG 或 GIF 图表的回退选项，可以这样做：
 
 ```html
 <picture>
   <source srcset="diagram.svg" type="image/svg+xml" />
   <source srcset="diagram.png" type="image/png" />
-  <img
-    src="diagram.gif"
-    width="620"
-    height="540"
-    alt="Diagram showing the data channels" />
+  <img src="diagram.gif" width="620" height="540" alt="数据通道示意图" />
 </picture>
 ```
 
-You can specify as many `<source>`s as you wish, though typically 2 or 3 is all you need.
+你可以指定任意数量的 `<source>`，但通常 2 或 3 个就足够了。
 
 ## 参见
 
-- [Guide to media types and formats](/zh-CN/docs/Web/Media/Formats)
-- [Web media technologies](/zh-CN/docs/Web/Media)
-- [Guide to video codecs used on the web](/zh-CN/docs/Web/Media/Formats/Video_codecs)
-- The {{Glossary("HTML")}} {{HTMLElement("img")}} and {{HTMLElement("picture")}} elements
-- The CSS {{cssxref("background-image")}} property
-- The {{domxref("Image()")}} constructor and the {{domxref("HTMLImageElement")}} interface
+- [媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)
+- [Web 媒体技术](/zh-CN/docs/Web/Media)
+- [web 视频编解码器指南](/zh-CN/docs/Web/Media/Formats/Video_codecs)
+- {{Glossary("HTML")}} {{HTMLElement("img")}} 和 {{HTMLElement("picture")}} 元素
+- CSS {{cssxref("background-image")}} 属性
+- {{domxref("HTMLImageElement.Image()", "Image()")}} 构造函数和 {{domxref("HTMLImageElement")}} 接口
diff --git a/files/zh-cn/web/media/formats/video_codecs/index.md b/files/zh-cn/web/media/formats/video_codecs/index.md
index fbebf3dd4c83fd..3d17c022d13152 100644
--- a/files/zh-cn/web/media/formats/video_codecs/index.md
+++ b/files/zh-cn/web/media/formats/video_codecs/index.md
@@ -1047,7 +1047,7 @@ HEVC 是一种专有格式，受多项专利保护。许可[由 MPEG LA 管理](
         <p>
           Firefox 仅在<a href="/zh-CN/docs/Web/Media/Formats/Containers#3gp">3GP</a>容器中支持 MP4V-ES。
         </p>
-        <p>Chrome 不支持 MP4V-ES；但是，Chrome OS 可以。</p>
+        <p>Chrome 不支持 MP4V-ES；但是，ChromeOS 可以。</p>
       </td>
     </tr>
     <tr>
diff --git a/files/zh-cn/web/progressive_web_apps/guides/installing/index.md b/files/zh-cn/web/progressive_web_apps/guides/installing/index.md
index 6ef696c66eb424..0a41e48d375201 100644
--- a/files/zh-cn/web/progressive_web_apps/guides/installing/index.md
+++ b/files/zh-cn/web/progressive_web_apps/guides/installing/index.md
@@ -63,7 +63,7 @@ slug: Web/Progressive_web_apps/Guides/Installing
 
 一旦安装，PWA 的行为就像其他已安装的应用程序一样：单击应用程序图标即可打开 PWA，即使用户处于离线状态也可以打开。
 
-所有现代桌面和移动设备都支持安装。PWA 是否可以由浏览器在操作系统上安装取决于浏览器/操作系统的组合。大多数浏览器直接或在安装扩展程序后支持在所有操作系统（如 Chrome OS、MacOS、Windows、Android、Linux 等）上安装 PWA。
+所有现代桌面和移动设备都支持安装。PWA 是否可以由浏览器在操作系统上安装取决于浏览器/操作系统的组合。大多数浏览器直接或在安装扩展程序后支持在所有操作系统（如 ChromeOS、MacOS、Windows、Android、Linux 等）上安装 PWA。
 
 Firefox 需要 [PWA 扩展](https://addons.mozilla.org/zh-CN/firefox/addon/pwas-for-firefox/)。
 
diff --git a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
index 385b11bbb09a01..090d4d25a3f9fb 100644
--- a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
+++ b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
@@ -56,13 +56,13 @@ slug: Web/SVG/Attribute/stroke-dasharray
 </svg>
 ```
 
-**示例输出**
+### 示例输出
 
 {{ EmbedLiveSample('示例','220','220') }}
 
 ## 元素
 
-下列元素可以使用`stroke-dasharray 属性：`
+下列元素可以使用 `stroke-dasharray` 属性：
 
 - [形状元素](/zh-CN/SVG/Element#Shape_elements) »
 - [文本内容元素](/zh-CN/SVG/Element#Text_content_elements) »
diff --git a/files/zh-cn/web/svg/attribute/stroke-linecap/index.md b/files/zh-cn/web/svg/attribute/stroke-linecap/index.md
index 5953085e517bf1..9b88e516ca1a4c 100644
--- a/files/zh-cn/web/svg/attribute/stroke-linecap/index.md
+++ b/files/zh-cn/web/svg/attribute/stroke-linecap/index.md
@@ -16,7 +16,7 @@ slug: Web/SVG/Attribute/stroke-linecap
 | 属性值   | butt \| round \| square \| inherit |
 | 可动画化 | 是                                 |
 
-## Example
+## 示例
 
 ```html
 <?xml version="1.0"?>
@@ -57,9 +57,7 @@ slug: Web/SVG/Attribute/stroke-linecap
 </svg>
 ```
 
-**实时样例**
-
-{{ EmbedLiveSample('Example','120','120') }}
+{{ EmbedLiveSample('示例','120','120') }}
 
 ## 元素
 
diff --git a/files/zh-cn/web/svg/attribute/stroke/index.md b/files/zh-cn/web/svg/attribute/stroke/index.md
index 8631dfa7157902..b016fd9b5219f6 100644
--- a/files/zh-cn/web/svg/attribute/stroke/index.md
+++ b/files/zh-cn/web/svg/attribute/stroke/index.md
@@ -18,7 +18,7 @@ slug: Web/SVG/Attribute/stroke
 
 ## SVG 描边的线
 
-### 示例 1：用 stroke 属性画一条绿色的直线。
+### 示例 1：用 stroke 属性画一条绿色的直线
 
 ```html
 <svg height="50" width="300">
diff --git a/files/zh-cn/web/svg/attribute/text-anchor/index.md b/files/zh-cn/web/svg/attribute/text-anchor/index.md
index ab244bcd9cf8ce..4be1e1c36a6acd 100644
--- a/files/zh-cn/web/svg/attribute/text-anchor/index.md
+++ b/files/zh-cn/web/svg/attribute/text-anchor/index.md
@@ -62,8 +62,6 @@ slug: Web/SVG/Attribute/text-anchor
 </svg>
 ```
 
-**Live sample**
-
 {{ EmbedLiveSample('示例','120','120') }}
 
 ## 元素
diff --git a/files/zh-cn/web/svg/element/animatetransform/index.md b/files/zh-cn/web/svg/element/animatetransform/index.md
index 106582270df4ea..bf691c18e082e8 100644
--- a/files/zh-cn/web/svg/element/animatetransform/index.md
+++ b/files/zh-cn/web/svg/element/animatetransform/index.md
@@ -35,8 +35,6 @@ slug: Web/SVG/Element/animateTransform
 </svg>
 ```
 
-**示例输出**
-
 {{ EmbedLiveSample('示例','120','120') }}
 
 ## 属性
diff --git a/files/zh-cn/web/svg/element/defs/index.md b/files/zh-cn/web/svg/element/defs/index.md
index 829924ef1fb34c..508a18be777e8e 100644
--- a/files/zh-cn/web/svg/element/defs/index.md
+++ b/files/zh-cn/web/svg/element/defs/index.md
@@ -44,7 +44,7 @@ SVG 允许我们定义以后需要重复使用的图形元素。建议把所有
 
 ### 专有属性
 
-_没有专有属性_
+_没有专有属性。_
 
 ## DOM 接口
 
@@ -54,6 +54,6 @@ _没有专有属性_
 
 {{Compat}}
 
-## 相关内容
+## 参见
 
 - {{ SVGElement("use") }}
diff --git a/files/zh-cn/web/svg/element/desc/index.md b/files/zh-cn/web/svg/element/desc/index.md
index e508436a327930..b54655b0349377 100644
--- a/files/zh-cn/web/svg/element/desc/index.md
+++ b/files/zh-cn/web/svg/element/desc/index.md
@@ -23,7 +23,7 @@ SVG 绘画中的每个容器元素或图形元素都可以提供一个`desc`描
 
 ### 专有属性
 
-_没有专有属性_
+_没有专有属性。_
 
 ## DOM 接口
 
diff --git a/files/zh-cn/web/svg/element/fefunca/index.md b/files/zh-cn/web/svg/element/fefunca/index.md
index 2182464429287b..9e70f5d065eb5b 100644
--- a/files/zh-cn/web/svg/element/fefunca/index.md
+++ b/files/zh-cn/web/svg/element/fefunca/index.md
@@ -20,7 +20,7 @@ slug: Web/SVG/Element/feFuncA
 
 ### 专有属性
 
-_无_
+_无。_
 
 ## DOM 接口
 
diff --git a/files/zh-cn/web/svg/element/femerge/index.md b/files/zh-cn/web/svg/element/femerge/index.md
index d7f897cfc1775e..3f3916802fe1ed 100644
--- a/files/zh-cn/web/svg/element/femerge/index.md
+++ b/files/zh-cn/web/svg/element/femerge/index.md
@@ -25,7 +25,7 @@ slug: Web/SVG/Element/feMerge
 
 ### 专有属性
 
-_无_
+_无。_
 
 ## DOM 接口
 
diff --git a/files/zh-cn/web/svg/element/font-face-src/index.md b/files/zh-cn/web/svg/element/font-face-src/index.md
index 3fced6ffc00f94..c5e4d3241053aa 100644
--- a/files/zh-cn/web/svg/element/font-face-src/index.md
+++ b/files/zh-cn/web/svg/element/font-face-src/index.md
@@ -21,7 +21,7 @@ slug: Web/SVG/Element/font-face-src
 
 ### 专有属性
 
-_无_
+_无。_
 
 ## DOM 接口
 
diff --git a/files/zh-cn/web/svg/element/metadata/index.md b/files/zh-cn/web/svg/element/metadata/index.md
index 2a3c0203b3fe85..1d6cc3491182ca 100644
--- a/files/zh-cn/web/svg/element/metadata/index.md
+++ b/files/zh-cn/web/svg/element/metadata/index.md
@@ -21,7 +21,7 @@ slug: Web/SVG/Element/metadata
 
 ### 专有属性
 
-_没有专有属性_
+_没有专有属性。_
 
 ## DOM 接口
 
diff --git a/files/zh-cn/web/svg/element/title/index.md b/files/zh-cn/web/svg/element/title/index.md
index 9d1c93f0b1c7f1..969480f596a499 100644
--- a/files/zh-cn/web/svg/element/title/index.md
+++ b/files/zh-cn/web/svg/element/title/index.md
@@ -37,7 +37,7 @@ SVG 绘图中的每个窗口元素或图形元素都可以提供一个`title`描
 
 ### 专有属性
 
-_没有专有属性_
+_没有专有属性。_
 
 ## DOM 接口
 
diff --git a/files/zh-cn/webassembly/javascript_interface/compile/index.md b/files/zh-cn/webassembly/javascript_interface/compile_static/index.md
similarity index 98%
rename from files/zh-cn/webassembly/javascript_interface/compile/index.md
rename to files/zh-cn/webassembly/javascript_interface/compile_static/index.md
index fa96023f21d61f..75f372c92b7c98 100644
--- a/files/zh-cn/webassembly/javascript_interface/compile/index.md
+++ b/files/zh-cn/webassembly/javascript_interface/compile_static/index.md
@@ -1,6 +1,6 @@
 ---
 title: WebAssembly.compile()
-slug: WebAssembly/JavaScript_interface/compile
+slug: WebAssembly/JavaScript_interface/compile_static
 ---
 
 {{WebAssemblySidebar}} {{SeeCompatTable}}
diff --git a/files/zh-cn/webassembly/javascript_interface/compilestreaming/index.md b/files/zh-cn/webassembly/javascript_interface/compilestreaming_static/index.md
similarity index 97%
rename from files/zh-cn/webassembly/javascript_interface/compilestreaming/index.md
rename to files/zh-cn/webassembly/javascript_interface/compilestreaming_static/index.md
index d09e5f43cfc841..7712cf635f2237 100644
--- a/files/zh-cn/webassembly/javascript_interface/compilestreaming/index.md
+++ b/files/zh-cn/webassembly/javascript_interface/compilestreaming_static/index.md
@@ -1,6 +1,6 @@
 ---
 title: WebAssembly.compileStreaming()
-slug: WebAssembly/JavaScript_interface/compileStreaming
+slug: WebAssembly/JavaScript_interface/compileStreaming_static
 ---
 
 {{WebAssemblySidebar}}
diff --git a/files/zh-cn/webassembly/javascript_interface/instantiate/index.md b/files/zh-cn/webassembly/javascript_interface/instantiate_static/index.md
similarity index 99%
rename from files/zh-cn/webassembly/javascript_interface/instantiate/index.md
rename to files/zh-cn/webassembly/javascript_interface/instantiate_static/index.md
index 42b12fe9762178..6a37cecba9c51c 100644
--- a/files/zh-cn/webassembly/javascript_interface/instantiate/index.md
+++ b/files/zh-cn/webassembly/javascript_interface/instantiate_static/index.md
@@ -1,6 +1,6 @@
 ---
 title: WebAssembly.instantiate()
-slug: WebAssembly/JavaScript_interface/instantiate
+slug: WebAssembly/JavaScript_interface/instantiate_static
 ---
 
 {{WebAssemblySidebar}}
diff --git a/files/zh-cn/webassembly/javascript_interface/instantiatestreaming/index.md b/files/zh-cn/webassembly/javascript_interface/instantiatestreaming_static/index.md
similarity index 98%
rename from files/zh-cn/webassembly/javascript_interface/instantiatestreaming/index.md
rename to files/zh-cn/webassembly/javascript_interface/instantiatestreaming_static/index.md
index d218492e64254a..4afe43422c976f 100644
--- a/files/zh-cn/webassembly/javascript_interface/instantiatestreaming/index.md
+++ b/files/zh-cn/webassembly/javascript_interface/instantiatestreaming_static/index.md
@@ -1,6 +1,6 @@
 ---
 title: WebAssembly.instantiateStreaming()
-slug: WebAssembly/JavaScript_interface/instantiateStreaming
+slug: WebAssembly/JavaScript_interface/instantiateStreaming_static
 ---
 
 {{WebAssemblySidebar}}
diff --git a/files/zh-cn/webassembly/javascript_interface/module/index.md b/files/zh-cn/webassembly/javascript_interface/module/index.md
index 4d075dbfa2170f..99bbd553352b32 100644
--- a/files/zh-cn/webassembly/javascript_interface/module/index.md
+++ b/files/zh-cn/webassembly/javascript_interface/module/index.md
@@ -25,7 +25,7 @@ slug: WebAssembly/JavaScript_interface/Module
 
 ### 将编译后的模块发送到 worker
 
-以下示例将使用 [`WebAssembly.compileStreaming()`](/zh-CN/docs/WebAssembly/JavaScript_interface/compileStreaming) 方法编译 `simple.wasm` 加载后的字节码，并将返回的 `Module` 实例通过 {{domxref("Worker/postMessage", "postMessage()")}} 发送到一个 [worker](/zh-CN/docs/Web/API/Web_Workers_API)。
+以下示例将使用 [`WebAssembly.compileStreaming()`](/zh-CN/docs/WebAssembly/JavaScript_interface/compileStreaming_static) 方法编译 `simple.wasm` 加载后的字节码，并将返回的 `Module` 实例通过 {{domxref("Worker/postMessage", "postMessage()")}} 发送到一个 [worker](/zh-CN/docs/Web/API/Web_Workers_API)。
 
 参见 `index-compile.html` 的[源代码](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index-compile.html)，或[查看在线演示](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)。
 
@@ -37,7 +37,7 @@ WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
 );
 ```
 
-Worker 函数 [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js) 定义了模块需要使用的导入对象。然后，该函数会创建一个事件处理器，以接受主线程发送的模块。在接收到模块后，我们使用 [`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate) 方法创建一个它的实例，然后调用其导出的函数。
+Worker 函数 [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js) 定义了模块需要使用的导入对象。然后，该函数会创建一个事件处理器，以接受主线程发送的模块。在接收到模块后，我们使用 [`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static) 方法创建一个它的实例，然后调用其导出的函数。
 
 ```js
 const importObject = {
diff --git a/files/zh-cn/webassembly/javascript_interface/table/index.md b/files/zh-cn/webassembly/javascript_interface/table/index.md
index d4ac1c32b398de..68aa65776c4f57 100644
--- a/files/zh-cn/webassembly/javascript_interface/table/index.md
+++ b/files/zh-cn/webassembly/javascript_interface/table/index.md
@@ -51,7 +51,7 @@ const importObj = {
 };
 ```
 
-最后，我们使用 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming) 方法加载并实例化一个 Wasm 模块（table2.wasm）。table2.wasm 模块包含两个函数（一个返回 42，另一个返回 83），并将这两个函数分别存储到导入 Table 的 0 号和 1 号元素中（参见[文本表示](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/table2.wat)）。因此，在实例化之后，表的长度仍然是 2，但元素中现在包含了可调用的 [WebAssembly 导出函数](/zh-CN/docs/WebAssembly/Exported_functions)，可以通过 JS 调用这些函数。
+最后，我们使用 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static) 方法加载并实例化一个 Wasm 模块（table2.wasm）。table2.wasm 模块包含两个函数（一个返回 42，另一个返回 83），并将这两个函数分别存储到导入 Table 的 0 号和 1 号元素中（参见[文本表示](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/table2.wat)）。因此，在实例化之后，表的长度仍然是 2，但元素中现在包含了可调用的 [WebAssembly 导出函数](/zh-CN/docs/WebAssembly/Exported_functions)，可以通过 JS 调用这些函数。
 
 ```js
 WebAssembly.instantiateStreaming(fetch("table2.wasm"), importObject).then(
diff --git a/files/zh-cn/webassembly/javascript_interface/validate/index.md b/files/zh-cn/webassembly/javascript_interface/validate_static/index.md
similarity index 94%
rename from files/zh-cn/webassembly/javascript_interface/validate/index.md
rename to files/zh-cn/webassembly/javascript_interface/validate_static/index.md
index dd4d7629bb3e85..8f9e2efc1e8278 100644
--- a/files/zh-cn/webassembly/javascript_interface/validate/index.md
+++ b/files/zh-cn/webassembly/javascript_interface/validate_static/index.md
@@ -1,6 +1,6 @@
 ---
 title: WebAssembly.validate()
-slug: WebAssembly/JavaScript_interface/validate
+slug: WebAssembly/JavaScript_interface/validate_static
 ---
 
 {{WebAssemblySidebar}}
@@ -41,15 +41,15 @@ fetch("simple.wasm")
   });
 ```
 
-## Specifications
+## 规范
 
 {{Specifications}}
 
-## Browser compatibility
+## 浏览器兼容性
 
 {{Compat}}
 
-## See also
+## 参见
 
 - [WebAssembly](/zh-CN/docs/WebAssembly) overview page
 - [WebAssembly concepts](/zh-CN/docs/WebAssembly/Concepts)
diff --git a/files/zh-tw/.markdownlint.jsonc b/files/zh-tw/.markdownlint.jsonc
index ef3f5fff9a7fcc..0b1ced60fe026d 100644
--- a/files/zh-tw/.markdownlint.jsonc
+++ b/files/zh-tw/.markdownlint.jsonc
@@ -1,5 +1,8 @@
 {
   "extends": "../../.markdownlint.jsonc",
+  "no-trailing-punctuation": {
+    "punctuation": ".,;:。，"
+  },
   "search-replace": {
     "rules": [
       {
@@ -84,15 +87,14 @@
         "searchPattern": "/\\]\\(https:\\/\\/developer.mozilla.org\\/(?!en-US\\/blog\\/)/g",
         "replace": "](/",
         "searchScope": "text"
+      },
+      {
+        "name": "localhost-links",
+        "message": "Don't use localhost for links",
+        "searchPattern": "/\\]\\(https?:\\/\\/localhost:\\d+\\//g",
+        "replace": "](/",
+        "searchScope": "text"
       }
-      // XXX Many instances still found in translated content
-      // {
-      //   "name": "localhost-links",
-      //   "message": "Don't use localhost for links",
-      //   "searchPattern": "/\\]\\(https?:\\/\\/localhost:\\d+\\//g",
-      //   "replace": "](/",
-      //   "searchScope": "text"
-      // }
     ]
   }
 }
diff --git a/files/zh-tw/_redirects.txt b/files/zh-tw/_redirects.txt
index 3e3a65f2ca2b40..6c6ef0dc7e6419 100644
--- a/files/zh-tw/_redirects.txt
+++ b/files/zh-tw/_redirects.txt
@@ -4,10 +4,10 @@
 #    yarn content add-redirect <fromURL> <toURL>
 #
 # FROM-URL	TO-URL
-/zh-TW/docs/AJAX	/zh-TW/docs/Web/Guide/AJAX
-/zh-TW/docs/AJAX/Getting_Started	/zh-TW/docs/Web/Guide/AJAX
-/zh-TW/docs/AJAX/上手篇	/zh-TW/docs/Web/Guide/AJAX
-/zh-TW/docs/AJAX:上手篇	/zh-TW/docs/Web/Guide/AJAX
+/zh-TW/docs/AJAX	/zh-TW/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/zh-TW/docs/AJAX/Getting_Started	/zh-TW/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/zh-TW/docs/AJAX/上手篇	/zh-TW/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/zh-TW/docs/AJAX:上手篇	/zh-TW/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /zh-TW/docs/CSS	/zh-TW/docs/Web/CSS
 /zh-TW/docs/CSS/-moz-border-image	/zh-TW/docs/Web/CSS/border-image
 /zh-TW/docs/CSS/@font-face	/zh-TW/docs/Web/CSS/@font-face
@@ -441,7 +441,8 @@
 /zh-TW/docs/Web/CSS/彈頭	/zh-TW/docs/Web/CSS/box-sizing
 /zh-TW/docs/Web/CSS/繼承	/zh-TW/docs/Web/CSS/Inheritance
 /zh-TW/docs/Web/CSS/語法	/zh-TW/docs/Web/CSS/Syntax
-/zh-TW/docs/Web/Guide/AJAX/Getting_Started	/zh-TW/docs/Web/Guide/AJAX
+/zh-TW/docs/Web/Guide/AJAX	/zh-TW/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
+/zh-TW/docs/Web/Guide/AJAX/Getting_Started	/zh-TW/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
 /zh-TW/docs/Web/Guide/API/DOM/Manipulating_the_browser_history/Manipulating_the_browser_history	/zh-TW/docs/Web/API/History_API
 /zh-TW/docs/Web/Guide/CSS	/zh-TW/docs/Learn/CSS
 /zh-TW/docs/Web/Guide/CSS/Getting_started	/en-US/docs/Learn/CSS/First_steps
diff --git a/files/zh-tw/_wikihistory.json b/files/zh-tw/_wikihistory.json
index ac9ae2cfc23ae8..ce6036d3765b99 100644
--- a/files/zh-tw/_wikihistory.json
+++ b/files/zh-tw/_wikihistory.json
@@ -948,6 +948,21 @@
     "modified": "2020-07-16T22:32:43.326Z",
     "contributors": ["tangerine1202", "nykevinwong", "mubiesam"]
   },
+  "Learn/JavaScript/Client-side_web_APIs/Fetching_data": {
+    "modified": "2019-03-24T00:02:43.850Z",
+    "contributors": [
+      "circlepen",
+      "drinktea28",
+      "jackblackevo",
+      "chrisdavidmills",
+      "ethertank",
+      "fscholz",
+      "happysadman",
+      "Mgjbot",
+      "kourge",
+      "BobChao"
+    ]
+  },
   "Learn/JavaScript/First_steps": {
     "modified": "2020-10-14T02:07:07.650Z",
     "contributors": [
@@ -2688,21 +2703,6 @@
       "Sheppy"
     ]
   },
-  "Web/Guide/AJAX": {
-    "modified": "2019-03-24T00:02:43.850Z",
-    "contributors": [
-      "circlepen",
-      "drinktea28",
-      "jackblackevo",
-      "chrisdavidmills",
-      "ethertank",
-      "fscholz",
-      "happysadman",
-      "Mgjbot",
-      "kourge",
-      "BobChao"
-    ]
-  },
   "Web/Guide/Graphics": {
     "modified": "2019-04-23T04:21:07.806Z",
     "contributors": ["jackblackevo", "pytseng"]
diff --git a/files/zh-tw/glossary/ajax/index.md b/files/zh-tw/glossary/ajax/index.md
index 12e8d88458690f..55e48fa02e081b 100644
--- a/files/zh-tw/glossary/ajax/index.md
+++ b/files/zh-tw/glossary/ajax/index.md
@@ -5,16 +5,12 @@ slug: Glossary/AJAX
 
 {{GlossarySidebar}}
 
-AJAX（Asynchronous {{glossary("JavaScript")}} And {{glossary("XML")}}、非同步 JavaScript 與 XML）是結合了 {{glossary("HTML")}}、{{glossary("CSS")}}、JavaScript 、{{glossary("DOM")}}、還有 `XMLHttpRequest` {{glossary("object")}}，以建立更複雜的網頁程式實做。AJAX 可以允許網頁只更新需要的部分，而無須重新載入整個頁面。另外，AJAX 也能讓你非同步工作，意思是說程式碼能在網頁試圖重新載入時持續運行（與同步（synchronously）相對比 ── 它會在運行的時候封鎖程式碼運作，直到網頁重新載入成功為止）。
+AJAX（Asynchronous {{glossary("JavaScript")}} And {{glossary("XML")}}、非同步 JavaScript 與 XML）是結合了 {{glossary("HTML")}}、{{glossary("CSS")}}、JavaScript、{{glossary("DOM")}}、還有 `XMLHttpRequest` {{glossary("object")}}，以建立更複雜的網頁程式實做。AJAX 可以允許網頁只更新需要的部分，而無須重新載入整個頁面。另外，AJAX 也能讓你非同步工作，意思是說程式碼能在網頁試圖重新載入時持續運行（與同步（synchronously）相對比──它會在運行的時候封鎖程式碼運作，直到網頁重新載入成功為止）。
 
-## 了解更多
-
-### 基本知識
+## 參見
 
+- {{DOMxRef("XMLHttpRequest")}}
+- {{DOMxRef("Fetch API")}}
+- [使用 Fetch API](/zh-TW/docs/Web/API/Fetch_API/Using_Fetch)
 - 維基百科的 [AJAX](https://zh.wikipedia.org/wiki/AJAX)
 - [Synchronous vs. Asynchronous Communications](http://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/)
-
-### 技術資訊
-
-- {{domxref("XMLHttpRequest")}} 物件。
-- [MDN 的 AJAX 文件](/zh-TW/docs/Web/Guide/AJAX)
diff --git a/files/zh-tw/learn/accessibility/what_is_accessibility/index.md b/files/zh-tw/learn/accessibility/what_is_accessibility/index.md
index ee6685ec3e9e53..b678b8a9910034 100644
--- a/files/zh-tw/learn/accessibility/what_is_accessibility/index.md
+++ b/files/zh-tw/learn/accessibility/what_is_accessibility/index.md
@@ -47,7 +47,7 @@ slug: Learn/Accessibility/What_is_accessibility
 
 - 有些是商業軟體，例如 [JAWS](http://www.freedomscientific.com/Products/Blindness/JAWS)（Windows）和 [Window Eyes](http://www.gwmicro.com/window-eyes/)（Windows）。
 - 也有些是自由軟體，例如 [NVDA](http://www.nvaccess.org/)（Windows）、[ChromeVox](http://www.chromevox.com/)（Chrome、Windows、Mac OS X）、[Orca](https://wiki.gnome.org/Projects/Orca)（Linux）
-- 還有些是系統內建，例如 [VoiceOver](https://www.apple.com/accessibility/osx/voiceover/)（Mac OS X 與 iOS）、[Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started)（Microsoft Windows）、[ChromeVox](http://www.chromevox.com/)（Chrome OS）、[TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback)（Android）。
+- 還有些是系統內建，例如 [VoiceOver](https://www.apple.com/accessibility/osx/voiceover/)（Mac OS X 與 iOS）、[Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started)（Microsoft Windows）、[ChromeVox](http://www.chromevox.com/)（ChromeOS）、[TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback)（Android）。
 
 熟悉螢幕閱讀器是個好主意；你得設定好螢幕閱讀器、還要會使用它，以理解其工作原理。請參見[cross browser testing screen readers guide](/zh-TW/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Screenreaders)以深入理解。以下影片提供了簡單的體驗。
 
diff --git a/files/zh-tw/learn/css/howto/css_faq/index.md b/files/zh-tw/learn/css/howto/css_faq/index.md
index 0018dd4425c6a6..65090ed01fd66b 100644
--- a/files/zh-tw/learn/css/howto/css_faq/index.md
+++ b/files/zh-tw/learn/css/howto/css_faq/index.md
@@ -5,7 +5,7 @@ slug: Learn/CSS/Howto/CSS_FAQ
 
 {{LearnSidebar}}
 
-#### 我的 CSS 合乎規格，但繪出的版面有誤
+## 我的 CSS 合乎規格，但繪出的版面有誤
 
 如果想讓大部分的瀏覽器都能正確繪製標準 HTML/CSS 頁面，便須於 HTML 檔案中放上完整的正確 DOCTYPE。
 
@@ -34,7 +34,7 @@ slug: Learn/CSS/Howto/CSS_FAQ
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 ```
 
-#### `id` 與 `class` 之間的差別
+## `id` 與 `class` 之間的差別
 
 HTML 元素都可有 `id` 及 `class` 屬性。`id` 屬性是讓你為元素命名的，整個頁面中的元素名稱也不應有重複；`class` 屬性則可將元素歸為某特定類別，通常也會有很多元素屬於同一種類別 (意即 `class` 屬性值相同。) CSS 可以讓你以 `id` 或 `class` 來決定某元素的樣式。
 
@@ -44,7 +44,7 @@ HTML 元素都可有 `id` 及 `class` 屬性。`id` 屬性是讓你為元素命
 
 這方面的資訊亦可參考 [CSS 選取符](zh_tw/CSS/Getting_Started/Selectors)。
 
-#### 恢復某特性的預設值
+## 恢復某特性的預設值
 
 CSS2 並不提供任何指定某特性預設值的方法，所以要恢復某特性預設值的唯一方法就是重新指定此值。此外你自己得知道預設值是什麼，因為 CSS 也沒有所謂 _default_ 的關鍵字。
 
@@ -52,30 +52,33 @@ CSS2 並不提供任何指定某特性預設值的方法，所以要恢復某特
 
 此外，由於 CSS 具*串聯*特性，指定選取符時通常越明確越好，以免把不相干的元素都牽扯進來。
 
-#### 相依樣式
+## 相依樣式
 
 CSS 並不支援「以另一個樣式規則為基準」的樣式設定法。 (參考 [Eric Meyer 所寫、關於 CSS 工作小組的說明](http://archivist.incutio.com/viewlist/css-discuss/2685)。) 不過，你可以為某單一元素套上多重樣式，製作出類似效果。
 
-#### 套用多重類別
+## 套用多重類別
 
 你可以在 HTML 元素的 `class` 屬性裡以空白字元分隔填上多個樣式類別名稱，便能同時套用多重類別。
 
-```plain
+```html
 <style type="text/css">
-.firstclass { background: black; color: white; }
-.secondclass { font-weight: bold; }
+  .firstclass {
+    background: black;
+    color: white;
+  }
+  .secondclass {
+    font-weight: bold;
+  }
 </style>
 
 <div class="firstclass secondclass">
-... content ...
-... content ...
-... content ...
+  <!-- ... content ... -->
 </div>
 ```
 
 若是這些規則中設定了同一種特性值，則會依序以明確性（specificity）、定義位置先後決定顯示方式，與`class` 屬性中的次序無關。
 
-#### 無用樣式
+## 無用樣式
 
 即使樣式規則已經正確設定完畢，還是可能為瀏覽器所忽略，此時通常是經過語法及優先權法則判斷後的正常現象。
 
@@ -87,26 +90,25 @@ CSS 並不支援「以另一個樣式規則為基準」的樣式設定法。 (
 - 使用 `*` 選取符
 - CSS 明確性
 
-你可以使用 [DOM 觀察器](zh_tw/DOM_%e8%a7%80%e5%af%9f%e5%99%a8) 的 _CSS Style Rules_ 來檢查上述問題。
+你可以使用 [DOM 觀察器](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_and_edit_css/index.html) 的 _CSS Style Rules_ 來檢查上述問題。
 
-**HTML 元素層次問題**
+### HTML 元素層次問題
 
 此時 CSS 樣式套用與否與元素的層次大有相關，請留意：套用到子元素的樣式必定會蓋過母元素的樣式，跟明確性或 CSS 規則的優先權無關。
 
-```plain
-#section { font-weight: bold; }
-.redtext { font-weight: normal; color: red; }
+```html
+#section { font-weight: bold; } .redtext { font-weight: normal; color: red; }
 
 <div id="section">
-   粗體、
-   <span class="redtext">正常紅字、</span>
-   又見粗體
+  粗體、
+  <span class="redtext">正常紅字、</span>
+  又見粗體
 </div>
 ```
 
 如果你的 HTML 層級錯綜複雜，發生規則意外被忽略的情形時，請檢查元素層級問題。可能有某個子元素套上了不該用的樣式。
 
-**樣式規則重新定義**
+### 樣式規則重新定義
 
 在 CSS 樣式表中，先後次序**非常**重要。如果你定義了某規則後又重新定義一次，則晚定義的才算數。
 
@@ -127,7 +129,7 @@ CSS 並不支援「以另一個樣式規則為基準」的樣式設定法。 (
 
 為避免此類錯誤發生，每個特定選取符請僅定義一次樣式，集中特性一次定義也便於管理些。
 
-**特性的簡寫法**
+### 特性的簡寫法
 
 使用簡寫法來定義樣式簡明扼要，是個不錯的方法。你也可以用簡寫法設定某組特性中的部分特性值，但須留意其他沒寫到的部分會自動採用預設值。這表示之前的規則中為某單一特性定義的值可能失效。
 
@@ -144,14 +146,14 @@ CSS 並不支援「以另一個樣式規則為基準」的樣式設定法。 (
 
 前一個例子中，套用到不同元素範圍的同族特性是問題所在，但就算特性都寫在同一條規則裡也可能出問題，因為順序**真的**很重要。
 
-```plain
+```css
 #section {
-   font-weight: bold;
-   font: 12px Verdana;  /* 有了這行，font-weight 又回到預設的 normal 了 */
+  font-weight: bold;
+  font: 12px Verdana; /* 有了這行，font-weight 又回到預設的 normal 了 */
 }
 ```
 
-**使用 `*` 選取符**
+### 使用 `*` 選取符
 
 `*` 選取符表示任何元素皆符合，但使用上應多加小心。
 
@@ -172,7 +174,7 @@ body * { font-weight: normal; }
 
 在此例中，選取符為 `body *` 的規則會套用到所有 `body` 內的元素，也包括 _redtext_，所以原先套用到 _boldtext_ 的 `font-weight: bold;` 就被覆蓋為 `font-weight: normal;` 了。
 
-**CSS 明確性**
+### CSS 明確性
 
 如果某元素會套用好幾條規則，則相衝突的特性就要靠規則的明確性來分高下。行內樣式（放在 HTML 各標籤的 `style` 屬性中）優先權最高，其次是以 `id` 做選取符的規則，再其次是以 `class` 套用的類別，最後則是單純以元素名稱當選取符的規則。
 
@@ -186,6 +188,6 @@ div { color: black; }
 
 如果樣式規則的選取符分成好幾段，計算方式就更為複雜一些。需要瞭解完整資訊者，請參考 [CSS 2.1 規格書的 6.4.3 一節](https://www.w3.org/TR/CSS21/cascade.html#specificity)。
 
-#### -moz-\* 特性是什麼玩意？
+## -moz-\* 特性是什麼玩意？
 
-請見 [Mozilla 擴充的 CSS](zh_tw/Mozilla_%e6%93%b4%e5%85%85%e7%9a%84_CSS)。由於這些擴充規格不是 W3C 標準的一部分，因此並不建議使用。
+請見 [Mozilla 擴充的 CSS](/zh-TW/docs/Web/CSS/Mozilla_Extensions)。由於這些擴充規格不是 W3C 標準的一部分，因此並不建議使用。
diff --git a/files/zh-tw/web/guide/ajax/index.md b/files/zh-tw/learn/javascript/client-side_web_apis/fetching_data/index.md
similarity index 99%
rename from files/zh-tw/web/guide/ajax/index.md
rename to files/zh-tw/learn/javascript/client-side_web_apis/fetching_data/index.md
index 1bc072773946d9..1c647399bf5824 100644
--- a/files/zh-tw/web/guide/ajax/index.md
+++ b/files/zh-tw/learn/javascript/client-side_web_apis/fetching_data/index.md
@@ -1,6 +1,7 @@
 ---
 title: Ajax
-slug: Web/Guide/AJAX
+slug: Learn/JavaScript/Client-side_web_APIs/Fetching_data
+original_slug: Web/Guide/AJAX
 ---
 
 <section id="Quick_links">
diff --git a/files/zh-tw/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md b/files/zh-tw/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md
index b0ff56006dbdb5..e66cce47e87ecb 100644
--- a/files/zh-tw/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md
+++ b/files/zh-tw/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md
@@ -46,7 +46,7 @@ slug: Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension
 
 然而，你也可以先載入一個後台頁面，然後在後台頁面中載入腳本。這樣的做法能為後台腳本提供 ES 6 模組的支援，算是一个優點。
 
-**manifest.json**
+manifest.json：
 
 ```json
 // manifest.json
@@ -56,7 +56,7 @@ slug: Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension
 }
 ```
 
-**background-page.html**
+background-page.html：
 
 ```html
 <!doctype html>
diff --git a/files/zh-tw/web/api/canvas_api/tutorial/basic_animations/index.md b/files/zh-tw/web/api/canvas_api/tutorial/basic_animations/index.md
index e9e094aa0f8a4d..60935adab38189 100644
--- a/files/zh-tw/web/api/canvas_api/tutorial/basic_animations/index.md
+++ b/files/zh-tw/web/api/canvas_api/tutorial/basic_animations/index.md
@@ -334,7 +334,7 @@ function draw() {
 <canvas id="canvas" width="800" height="200"></canvas>
 ```
 
-**Live sample**
+##### 結果
 
 {{EmbedLiveSample("循環景色", "830", "230")}}
 
diff --git a/files/zh-tw/web/api/customevent/index.md b/files/zh-tw/web/api/customevent/index.md
index f06d074ff00be7..ef1360710a6b40 100644
--- a/files/zh-tw/web/api/customevent/index.md
+++ b/files/zh-tw/web/api/customevent/index.md
@@ -18,7 +18,7 @@ slug: Web/API/CustomEvent
 
 ## 屬性
 
-_此介面繼承了其父介面 {{domxref("Event")}} 的屬性_
+_此介面繼承了其父介面 {{domxref("Event")}} 的屬性。_
 
 - {{domxref("CustomEvent.initCustomEvent()")}} {{deprecated_inline}}
   - : 初始化一個`CustomEvent`物件。若該事件已經被觸發，則不會進行任何動作。
@@ -31,7 +31,7 @@ _此介面繼承了其父介面 {{domxref("Event")}} 的屬性_
 
 {{Compat}}
 
-## 延伸閱讀
+## 參見
 
 - {{domxref("Window.postMessage()")}}
 - [Creating and triggering events](/zh-TW/docs/Web/Events/Creating_and_triggering_events)
diff --git a/files/zh-tw/web/api/documentfragment/index.md b/files/zh-tw/web/api/documentfragment/index.md
index a0f8108dd58ab3..2c6bf39d18c3f3 100644
--- a/files/zh-tw/web/api/documentfragment/index.md
+++ b/files/zh-tw/web/api/documentfragment/index.md
@@ -33,7 +33,7 @@ _This interface has no specific properties, but inherits those of its parent,_ _
 
 ## 方法
 
-_This interface inherits the methods of its parent, {{domxref("Node")}}, and implements those of the {{domxref("ParentNode")}} interface*.*_
+_This interface inherits the methods of its parent, {{domxref("Node")}}, and implements those of the {{domxref("ParentNode")}} interface._
 
 - {{domxref("DocumentFragment.find()")}} {{experimental_inline}}
   - : Returns the first matching {{domxref("Element")}} in the tree of the `DocumentFragment`.
diff --git a/files/zh-tw/web/api/keyboardevent/index.md b/files/zh-tw/web/api/keyboardevent/index.md
index bfe4740f8d19b8..4a182582229fd9 100644
--- a/files/zh-tw/web/api/keyboardevent/index.md
+++ b/files/zh-tw/web/api/keyboardevent/index.md
@@ -9,14 +9,14 @@ slug: Web/API/KeyboardEvent
 
 > **備註：** `KeyboardEvent` 僅顯示在鍵盤上發生的事。當你需要進行文字輸入的操作，請使用 HTML5 [`input`](/zh-TW/docs/DOM/DOM_event_reference/input) event 代替 `KeyboardEvent` 。舉例來說，當使用者在手寫系統，例如平板電腦，輸入文字時，並不會啟動 key events 。
 
-## Constructor
+## 建構子
 
 - {{domxref("KeyboardEvent.KeyboardEvent", "KeyboardEvent()")}}
-  - : 建立一 `KeyboardEvent` object。
+  - : 建立一 `KeyboardEvent` 物件。
 
-## Methods
+## 方法
 
-_本介面（ interface）亦繼承其父， {{domxref("UIEvent")}} 和 {{domxref("Event")}} ，的 methods_
+_本介面（interface）亦繼承其父 {{domxref("UIEvent")}} 和 {{domxref("Event")}} 的方法。_
 
 - {{domxref("KeyboardEvent.getModifierState()")}}
   - : 回傳一 {{jsxref("Boolean")}}。用來表示當事件建立時，修飾鍵（例如 <kbd>Alt</kbd>、 <kbd>Shift</kbd>、 <kbd>Ctrl</kbd>、或是 <kbd>Meta</kbd>） 是否是按下的。
diff --git a/files/zh-tw/web/api/xmlhttprequest/index.md b/files/zh-tw/web/api/xmlhttprequest/index.md
index 46cb180a3f2251..0ad8ff55dd02d6 100644
--- a/files/zh-tw/web/api/xmlhttprequest/index.md
+++ b/files/zh-tw/web/api/xmlhttprequest/index.md
@@ -115,15 +115,6 @@ _此介面也繼承了 {{domxref("XMLHttpRequestEventTarget")}} 及 {{domxref("E
 
 ## 參見
 
-- MDN 上涵蓋 XMLHttpRequest 的相關教學：
-
-  - [Ajax](/zh-TW/docs/Web/Guide/AJAX)
-  - [使用 XMLHttpRequest](/zh-TW/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest)
-  - [HTML in XMLHttpRequest](/zh-TW/docs/Web/API/XMLHttpRequest_API/HTML_in_XMLHttpRequest)
-  - [`FormData`](/zh-TW/docs/Web/API/FormData)
-
-- [HTML5 Rocks — New Tricks in XMLHttpRequest2](http://www.html5rocks.com/en/tutorials/file/xhr2/)
-- `Chrome scope availability` — how to access XMLHttpRequest from JSM modules etc., which do not have access to DOM
-
-  - [Components.utils.importGlobalProperties](/zh-TW/docs/Mozilla/Tech/XPCOM/Language_Bindings/Components.utils.importGlobalProperties)
-  - [nsIXMLHttpRequest](/zh-TW/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIXMLHttpRequest)
+- {{domxref("XMLSerializer")}}：將 DOM 樹解析為 XML 物件
+- [使用 XMLHttpRequest](/zh-TW/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest)
+- [Fetch API](/zh-TW/docs/Web/API/Fetch_API)
diff --git a/files/zh-tw/web/javascript/guide/using_promises/index.md b/files/zh-tw/web/javascript/guide/using_promises/index.md
index e67c2ad8e90d58..73fa4741a34395 100644
--- a/files/zh-tw/web/javascript/guide/using_promises/index.md
+++ b/files/zh-tw/web/javascript/guide/using_promises/index.md
@@ -71,8 +71,6 @@ let promise2 = doSomething().then(successCallback, failureCallback);
 
 在古時候，多個非同步函數會使用 Callback 方式，導致波動拳問題：
 
-_（原文 Pyramid of Doom 查無中文翻譯，以較常見之波動拳取代）_
-
 ```js
 doSomething(function (result) {
   doSomethingElse(
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/index.md
index 546eeaa6199fe4..28f4815b421db5 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/index.md
@@ -7,112 +7,9 @@ slug: Web/JavaScript/Reference/Global_Objects/Array
 
 JavaScript 中的 **`Array`** 全域物件被用於建構陣列；陣列為高階（high-level）、似列表（list-like）的物件。陣列在 Javascript 裡面並沒有固定的長度與型別。由於陣列的長度可以隨時被改變，所以並不能保證陣列的密度。這取決於開發者如何使用陣列。一般來說，這是個非常方便的特性，但如果這並不適用於你的開發工作，你也許會考慮使用型別陣列。
 
-**建立陣列**
-
-```js
-var fruits = ["Apple", "Banana"];
-
-console.log(fruits.length);
-// 2
-```
-
-**（透過索引）取得陣列項目**
-
-```js
-var first = fruits[0];
-// Apple
-
-var last = fruits[fruits.length - 1];
-// Banana
-```
-
-**迭代陣列**
-
-```js
-fruits.forEach(function (item, index, array) {
-  console.log(item, index);
-});
-// Apple 0
-// Banana 1
-```
-
-**加入項目至陣列末端**
-
-```js
-var newLength = fruits.push("Orange");
-// ["Apple", "Banana", "Orange"]
-```
-
-**移除陣列末端項目**
-
-```js
-var last = fruits.pop(); // 移除 (最末端的) Orange
-// ["Apple", "Banana"];
-```
-
-**移除陣列前端項目**
-
-```js
-var first = fruits.shift(); // 移除 (最前端的) Apple
-// ["Banana"];
-```
-
-**加入項目至陣列前端**
-
-```js
-var newLength = fruits.unshift("Strawberry"); // 加到陣列前端
-// ["Strawberry", "Banana"];
-```
-
-**在陣列中尋找項目的索引**
-
-```js
-fruits.push("Mango");
-// ["Strawberry", "Banana", "Mango"]
-
-var pos = fruits.indexOf("Banana");
-// 1
-```
-
-**移除指定索引位置的項目**
-
-```js
-var removedItem = fruits.splice(pos, 1); // 移除 pos 起的 1 個項目
-
-// ["Strawberry", "Mango"]
-```
-
-**移除指定索引位置起的多個項目**
-
-```js
-var vegetables = ["Cabbage", "Turnip", "Radish", "Carrot"];
-console.log(vegetables);
-// ["Cabbage", "Turnip", "Radish", "Carrot"]
-
-var pos = 1,
-  n = 2;
-
-var removedItems = vegetables.splice(pos, n);
-// 這就是移除項目的方式，
-// n 表示從該位置 (pos) 開始，一直到陣列的尾端有多少項目需要移除
-
-console.log(vegetables);
-// ["Cabbage", "Carrot"] (原始的陣列被改變)
-
-console.log(removedItems);
-// ["Turnip", "Radish"]
-```
-
-**複製陣列**
-
-```js
-var shallowCopy = fruits.slice(); // 這就是複製陣列的方式
-// ["Strawberry", "Mango"]
-```
-
 ## 語法
 
-```plain
+```js-nolint
 [element0, element1, ..., elementN]
 new Array(element0, element1[, ...[, elementN]])
 new Array(arrayLength)
@@ -362,6 +259,100 @@ if (msgArray.length === 100) {
 }
 ```
 
+### （透過索引）取得陣列項目
+
+```js
+var first = fruits[0];
+// Apple
+
+var last = fruits[fruits.length - 1];
+// Banana
+```
+
+### 迭代陣列
+
+```js
+fruits.forEach(function (item, index, array) {
+  console.log(item, index);
+});
+// Apple 0
+// Banana 1
+```
+
+### 加入項目至陣列末端
+
+```js
+var newLength = fruits.push("Orange");
+// ["Apple", "Banana", "Orange"]
+```
+
+### 移除陣列末端項目
+
+```js
+var last = fruits.pop(); // 移除（最末端的）Orange
+// ["Apple", "Banana"];
+```
+
+### 移除陣列前端項目
+
+```js
+var first = fruits.shift(); // 移除（最前端的）Apple
+// ["Banana"];
+```
+
+### 加入項目至陣列前端
+
+```js
+var newLength = fruits.unshift("Strawberry"); // 加到陣列前端
+// ["Strawberry", "Banana"];
+```
+
+### 在陣列中尋找項目的索引
+
+```js
+fruits.push("Mango");
+// ["Strawberry", "Banana", "Mango"]
+
+var pos = fruits.indexOf("Banana");
+// 1
+```
+
+### 移除指定索引位置的項目
+
+```js
+var removedItem = fruits.splice(pos, 1); // 移除 pos 起的 1 個項目
+
+// ["Strawberry", "Mango"]
+```
+
+### 移除指定索引位置起的多個項目
+
+```js
+var vegetables = ["Cabbage", "Turnip", "Radish", "Carrot"];
+console.log(vegetables);
+// ["Cabbage", "Turnip", "Radish", "Carrot"]
+
+var pos = 1,
+  n = 2;
+
+var removedItems = vegetables.splice(pos, n);
+// 這就是移除項目的方式，
+// n 表示從該位置開始，一直到陣列的尾端有多少項目需要移除
+
+console.log(vegetables);
+// ["Cabbage", "Carrot"]（原始的陣列被改變）
+
+console.log(removedItems);
+// ["Turnip", "Radish"]
+```
+
+### 複製陣列
+
+```js
+var shallowCopy = fruits.slice(); // 這就是複製陣列的方式
+// ["Strawberry", "Mango"]
+```
+
 ### 建立二維陣列
 
 以下範例會用字串產生一張西洋棋盤的二維陣列。第一步是將士兵 'p' 從 (6,4) 移動至 (4,4)，然後清空原本的位置 (6,4)。
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md
index 2b3166eb236436..a30e258087c633 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md
@@ -62,7 +62,7 @@ console.log(indices);
 // [0, 2, 4]
 ```
 
-### 尋找元素是否存在於陣列中，若沒有則加入到陣列裡。
+### 尋找元素是否存在於陣列中，若沒有則加入到陣列裡
 
 ```js
 function updateVegetablesCollection(veggies, veggie) {
diff --git a/files/zh-tw/web/javascript/reference/statements/continue/index.md b/files/zh-tw/web/javascript/reference/statements/continue/index.md
index da00270970523b..4f82c520144e32 100644
--- a/files/zh-tw/web/javascript/reference/statements/continue/index.md
+++ b/files/zh-tw/web/javascript/reference/statements/continue/index.md
@@ -3,6 +3,8 @@ title: continue 語法
 slug: Web/JavaScript/Reference/Statements/continue
 ---
 
+{{jsSidebar("Statements")}}
+
 `continue` 語法可用來重新開始 `while`、`do-while`、`for`、`label` 語法。
 
 - 當你使用沒加標籤的 `continue` 時，他會終止這一次的最內層的 `while`、`do-while`、`for` 語法的反覆過程，並繼續執行下一次的反覆過程。與 `break` 語法相較之下，`continue` 不會終止整個循環的執行。在 `while` 循環中，他會跳回條件處。在 `for` 循環中，他會跳回遞增表達式。
@@ -13,7 +15,7 @@ slug: Web/JavaScript/Reference/Statements/continue
 1. `continue`
 2. `continue label`
 
-**範例 1**
+## 範例 1
 
 以下範例示範加上 `continue` 語法的 `while` 循環，`continue` 語法會在 `i` 值為 3 時執行。因此，`n` 的值依序為 1、3、7、12。
 
@@ -27,7 +29,7 @@ while (i < 5) {
 }
 ```
 
-**範例 2**
+## 範例 2
 
 已加上標籤的語法 `checkiandj` 內含已加上標籤的語法 `checkj`。如果遇到 `continue`，程式會終止 `checkj` 這一次的反覆過程，並開始下一次的反覆過程。每當遇到 `continue`，就會反覆執行 `checkj` 直到他的條件返回 false 為止。當返回 false 時，`checkiandj` 語句完成了餘數的計算，且 `checkiandj` 會反覆執行，直到他的條件返回為 false 為止。當返回 false 時，程式繼續執行 `checkiandj` 後面的語句。
 
@@ -47,5 +49,3 @@ checkiandj: while (i < 4) {
   document.write("j = " + j + "<br/>");
 }
 ```
-
-{{ PreviousNext("Core_JavaScript_1.5_教學:循環語法:break_語法", "Core_JavaScript_1.5_教學:物件的操作語法") }}
diff --git a/files/zh-tw/web/javascript/reference/statements/do...while/index.md b/files/zh-tw/web/javascript/reference/statements/do...while/index.md
index 006da95381d8d3..b144874e05b115 100644
--- a/files/zh-tw/web/javascript/reference/statements/do...while/index.md
+++ b/files/zh-tw/web/javascript/reference/statements/do...while/index.md
@@ -15,7 +15,7 @@ while (condition);
 
 `statement` 會在檢測條件之前就先執行一次。若要執行多個語句，就使用區塊語法（`{ ... }`）把語句群組化。如果 `condition` 為 true，就會再執行一次語句。每回執行以後，就會檢測條件。當條件為 false 時，就停止執行並把控制權轉移給 `do...while` 後面的語句。
 
-**範例**
+## 範例
 
 在以下範例中，do 循環至少會反覆執行一次，並一直反覆到 i 不再小於 5 為止。
 
diff --git a/files/zh-tw/web/javascript/reference/statements/for/index.md b/files/zh-tw/web/javascript/reference/statements/for/index.md
index 426bd96d3871e4..379b1daa093077 100644
--- a/files/zh-tw/web/javascript/reference/statements/for/index.md
+++ b/files/zh-tw/web/javascript/reference/statements/for/index.md
@@ -16,7 +16,7 @@ for ([initialExpression]; [condition]; [incrementExpression]) statement;
 3. 執行 `statement`。若要執行多個語句，就使用區塊語法（`{ ... }`）把這些語句群組化。
 4. 執行更新表達式 `incrementExpression`，並回到第 2 步驟。
 
-**範例**
+## 範例
 
 以下函數內含 `for` 語法，計數至下拉式選單的已選擇選項的數目為止（Select 物件允許複選）。`for` 語法宣告變數 `i` 並以 0 初始化。他會檢驗 `i` 是否小於 `Select` 物件的選項數目，持續執行 `if` 語句，並在每一次循環之後以 1 遞增 `i`。
 
diff --git a/package.json b/package.json
index 8a323379c4af83..8604e6bb060996 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,6 @@
     "cld": "^2.9.1",
     "fdir": "^6.1.1",
     "front-matter": "^4.0.2",
-    "fs-extra": "^11.1.1",
     "husky": "8.0.3",
     "lint-staged": "15.1.0",
     "markdown-it": "^13.0.2",
diff --git a/scripts/check-document-locale.js b/scripts/check-document-locale.js
index c541974b62dce6..1fa1134e903ff2 100644
--- a/scripts/check-document-locale.js
+++ b/scripts/check-document-locale.js
@@ -6,7 +6,7 @@
 //
 // Written by Queen Vinyl Da.i'gyu-Kazotetsu (@queengooborg, https://www.queengoob.org)
 
-import fs from "fs-extra";
+import fs from "node:fs/promises";
 import cld from "cld";
 import { fdir } from "fdir";
 import MarkdownIt from "markdown-it";
diff --git a/scripts/check-url-locale.js b/scripts/check-url-locale.js
index 7fbc3b80174183..956afd5fa9469d 100644
--- a/scripts/check-url-locale.js
+++ b/scripts/check-url-locale.js
@@ -9,7 +9,7 @@
 
 "use strict";
 
-import fs from "fs-extra";
+import fs from "node:fs/promises";
 import * as path from "node:path";
 import { fdir } from "fdir";
 import ora from "ora";
diff --git a/scripts/get-sourceCommit.js b/scripts/get-sourceCommit.js
index 2c77968cbdf9a5..ed5e1c688eaf4f 100644
--- a/scripts/get-sourceCommit.js
+++ b/scripts/get-sourceCommit.js
@@ -6,8 +6,7 @@
 //
 // Written by Queen Vinyl Da.i'gyu-Kazotetsu (@queengooborg, https://www.queengoob.org)
 
-import fs from "fs-extra";
-import cld from "cld";
+import fs from "node:fs/promises";
 import { fdir } from "fdir";
 import fm from "front-matter";
 import ora from "ora";
diff --git a/yarn.lock b/yarn.lock
index 0ac7cb667e7873..33577f56b6c3b4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -339,15 +339,6 @@ front-matter@^4.0.2:
   dependencies:
     js-yaml "^3.13.1"
 
-fs-extra@^11.1.1:
-  version "11.1.1"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.1.1.tgz#da69f7c39f3b002378b0954bb6ae7efdc0876e2d"
-  integrity sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
@@ -393,11 +384,6 @@ globby@13.2.2:
     merge2 "^1.4.1"
     slash "^4.0.0"
 
-graceful-fs@^4.1.6, graceful-fs@^4.2.0:
-  version "4.2.11"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
-  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
-
 human-signals@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-5.0.0.tgz#42665a284f9ae0dade3ba41ebc37eb4b852f3a28"
@@ -486,15 +472,6 @@ js-yaml@^3.13.1:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
-jsonfile@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
-  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
-  dependencies:
-    universalify "^2.0.0"
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
 lilconfig@2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
@@ -1184,11 +1161,6 @@ unist-util-visit@^5.0.0:
     unist-util-is "^6.0.0"
     unist-util-visit-parents "^6.0.0"
 
-universalify@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
-  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
-
 util-deprecate@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"