diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt
index 0b04481420e967..fca3ef371502ec 100644
--- a/files/zh-cn/_redirects.txt
+++ b/files/zh-cn/_redirects.txt
@@ -603,7 +603,7 @@
 /zh-CN/docs/IndexedDB	/zh-CN/docs/Web/API/IndexedDB_API
 /zh-CN/docs/IndexedDB/IDBObjectStore	/zh-CN/docs/Web/API/IDBObjectStore
 /zh-CN/docs/IndexedDB/Using_IndexedDB	/zh-CN/docs/Web/API/IndexedDB_API/Using_IndexedDB
-/zh-CN/docs/Introduction_to_using_XPath_in_JavaScript	/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript
+/zh-CN/docs/Introduction_to_using_XPath_in_JavaScript	/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript
 /zh-CN/docs/JS-ref	/zh-CN/docs/Web/JavaScript/Reference
 /zh-CN/docs/JS-ref/About	/zh-CN/docs/Web/JavaScript/Reference
 /zh-CN/docs/JS-ref/Array	/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array
@@ -1432,18 +1432,17 @@
 /zh-CN/docs/Localization	/zh-CN/docs/Glossary/Localization
 /zh-CN/docs/MDN/About	/zh-CN/docs/MDN/Writing_guidelines
 /zh-CN/docs/MDN/CSS	/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperties
-/zh-CN/docs/MDN/Community/MDN_content	/zh-CN/docs/MDN/Community/Contributing
+/zh-CN/docs/MDN/Community/Contributing/Getting_started	/zh-CN/docs/MDN/Community/Getting_started
+/zh-CN/docs/MDN/Community/Contributing/Security_vulnerability_response	/zh-CN/docs/MDN/Community/Security_vulnerability_response
+/zh-CN/docs/MDN/Community/Contributing/Translated_content	/zh-CN/docs/MDN/Community/Translated_content
 /zh-CN/docs/MDN/Community/Users_teams	/zh-CN/docs/MDN/Community/Roles_teams
-/zh-CN/docs/MDN/Contribute	/zh-CN/docs/MDN/Community/Contributing
 /zh-CN/docs/MDN/Contribute/Content	/zh-CN/docs/MDN/Writing_guidelines
 /zh-CN/docs/MDN/Contribute/Content/CSS_style_guide	/zh-CN/docs/MDN/Writing_guidelines/Howto/Markdown_in_MDN
 /zh-CN/docs/MDN/Contribute/Content/Custom_macros	/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros
 /zh-CN/docs/MDN/Contribute/Content/Rules_Of_MDN_Documenting	/zh-CN/docs/MDN/Writing_guidelines/What_we_write
 /zh-CN/docs/MDN/Contribute/Content/Style_guide	/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide
 /zh-CN/docs/MDN/Contribute/Feedback	/zh-CN/docs/MDN/Community
-/zh-CN/docs/MDN/Contribute/Fixing_MDN_content_bugs	/zh-CN/docs/MDN/Community/Contributing
-/zh-CN/docs/MDN/Contribute/Getting_started	/zh-CN/docs/MDN/Community/Contributing/Getting_started
-/zh-CN/docs/MDN/Contribute/Howto	/zh-CN/docs/MDN/Community/Contributing
+/zh-CN/docs/MDN/Contribute/Getting_started	/zh-CN/docs/MDN/Community/Getting_started
 /zh-CN/docs/MDN/Contribute/Howto/Add_or_update_browser_compatibility_data	https://github.com/mdn/browser-compat-data/blob/main/docs/contributing.md
 /zh-CN/docs/MDN/Contribute/Howto/Compatibility_tables	/zh-CN/docs/MDN/Writing_guidelines/Page_structures
 /zh-CN/docs/MDN/Contribute/Howto/Convert_code_samples_to_be_live	/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Live_samples
@@ -1458,13 +1457,13 @@
 /zh-CN/docs/MDN/Contribute/Howto/如何添加或更新浏览器兼容性数据	https://github.com/mdn/browser-compat-data/blob/main/docs/contributing.md
 /zh-CN/docs/MDN/Contribute/Howto/学习_交互_在线_起步_开始	/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Live_samples
 /zh-CN/docs/MDN/Contribute/Howto/标签	/zh-CN/docs/MDN/Writing_guidelines/Howto
-/zh-CN/docs/MDN/Contribute/Localize	/zh-CN/docs/MDN/Community/Contributing/Translated_content
+/zh-CN/docs/MDN/Contribute/Localize	/zh-CN/docs/MDN/Community/Translated_content
 /zh-CN/docs/MDN/Contribute/Markdown_in_MDN	/zh-CN/docs/MDN/Writing_guidelines/Howto/Markdown_in_MDN
 /zh-CN/docs/MDN/Contribute/Structures	/zh-CN/docs/MDN/Writing_guidelines/Page_structures
 /zh-CN/docs/MDN/Contribute/Structures/Live_samples	/zh-CN/docs/MDN/Writing_guidelines/Page_structures
 /zh-CN/docs/MDN/Contribute/Structures/Macros	/zh-CN/docs/MDN/Writing_guidelines/Page_structures
 /zh-CN/docs/MDN/Feedback	/zh-CN/docs/MDN/Community
-/zh-CN/docs/MDN/Getting_started	/zh-CN/docs/MDN/Community/Contributing/Getting_started
+/zh-CN/docs/MDN/Getting_started	/zh-CN/docs/MDN/Community/Getting_started
 /zh-CN/docs/MDN/Guidelines	/zh-CN/docs/MDN/Writing_guidelines
 /zh-CN/docs/MDN/Guidelines/CSS_style_guide	/zh-CN/docs/MDN/Writing_guidelines/Howto/Markdown_in_MDN
 /zh-CN/docs/MDN/Guidelines/Does_this_belong_on_MDN	/zh-CN/docs/MDN/Writing_guidelines/What_we_write
@@ -1480,7 +1479,6 @@
 /zh-CN/docs/MDN/JavaScript/Reference/Global_Objects	/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/isFrozen
 /zh-CN/docs/MDN/JavaScript/Reference/Global_Objects/String	/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor
 /zh-CN/docs/MDN/Kuma	https://github.com/mdn/yari/tree/main/docs/what-yari-does.md
-/zh-CN/docs/MDN/MDN_Product_Advisory_Board/Members	/zh-CN/docs/MDN/MDN_Product_Advisory_Board
 /zh-CN/docs/MDN/Structures	/zh-CN/docs/MDN/Writing_guidelines/Page_structures
 /zh-CN/docs/MDN/Structures/Compatibility_tables	/zh-CN/docs/MDN/Writing_guidelines/Page_structures
 /zh-CN/docs/MDN/Structures/Live_samples	/zh-CN/docs/MDN/Writing_guidelines/Page_structures
@@ -1491,7 +1489,6 @@
 /zh-CN/docs/MDN/Writing_guidelines/Howto/Tag	/zh-CN/docs/MDN/Writing_guidelines/Howto
 /zh-CN/docs/MDN/Writing_guidelines/Page_structures/Quicklinks	/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Sidebars
 /zh-CN/docs/MDN/Yari	https://github.com/mdn/yari/tree/main/docs/what-yari-does.md
-/zh-CN/docs/MDN_at_ten	/zh-CN/docs/MDN/At_ten
 /zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/contextMenus	/zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/menus
 /zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/tabs/查询	/zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/tabs/query
 /zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/剪切板	/zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/clipboard
@@ -1623,7 +1620,7 @@
 /zh-CN/docs/Tools/小技巧	https://firefox-source-docs.mozilla.org/devtools-user/tips/index.html
 /zh-CN/docs/Tools/性能	https://firefox-source-docs.mozilla.org/devtools-user/performance/index.html
 /zh-CN/docs/Tools/标尺	https://firefox-source-docs.mozilla.org/devtools-user/rulers/index.html
-/zh-CN/docs/Transforming_XML_with_XSLT	/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT
+/zh-CN/docs/Transforming_XML_with_XSLT	/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT
 /zh-CN/docs/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces	/zh-CN/docs/Web/API/Document_Object_Model/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces
 /zh-CN/docs/Updating_extensions_for_Firefox_3	/zh-CN/docs/Mozilla/Firefox/Releases/3/Updating_extensions
 /zh-CN/docs/Using_files_from_web_applications	/zh-CN/docs/Web/API/File_API/Using_files_from_web_applications
@@ -2366,8 +2363,8 @@
 /zh-CN/docs/Web/Accessibility/ARIA/ARIA_Techniques/使用aria-hidden属性	/zh-CN/docs/Web/Accessibility/ARIA/Attributes/aria-hidden
 /zh-CN/docs/Web/Accessibility/ARIA/forms	/zh-CN/docs/Web/Accessibility/ARIA
 /zh-CN/docs/Web/Accessibility/ARIA/forms/alerts	/zh-CN/docs/Web/Accessibility/ARIA
-/zh-CN/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/WebAudio_playbackRate_explained	/zh-CN/docs/Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained
-/zh-CN/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges	/zh-CN/docs/Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges
+/zh-CN/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/WebAudio_playbackRate_explained	/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained
+/zh-CN/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges	/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/buffering_seeking_time_ranges
 /zh-CN/docs/Web/Apps/Fundamentals/Performance/Optimizing_startup_performance	/zh-CN/docs/Web/Performance/Optimizing_startup_performance
 /zh-CN/docs/Web/Apps/Progressive	/zh-CN/docs/Web/Progressive_web_apps
 /zh-CN/docs/Web/Apps/Progressive/App_structure	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/App_structure
@@ -2379,6 +2376,7 @@
 /zh-CN/docs/Web/CSS/-moz-outline-radius-bottomright	/zh-CN/docs/Web/CSS/outline
 /zh-CN/docs/Web/CSS/-moz-outline-radius-topleft	/zh-CN/docs/Web/CSS/outline
 /zh-CN/docs/Web/CSS/-moz-outline-radius-topright	/zh-CN/docs/Web/CSS/outline
+/zh-CN/docs/Web/CSS/-webkit-line-clamp	/zh-CN/docs/Web/CSS/line-clamp
 /zh-CN/docs/Web/CSS/-webkit-mask-attachment	/zh-CN/docs/Web/CSS
 /zh-CN/docs/Web/CSS/:blank空白伪类	/zh-CN/docs/Web/CSS/:blank
 /zh-CN/docs/Web/CSS/:host()	/zh-CN/docs/Web/CSS/:host_function
@@ -2440,7 +2438,7 @@
 /zh-CN/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context	/zh-CN/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context
 /zh-CN/docs/Web/CSS/CSS_Properties_Reference	/zh-CN/docs/Web/CSS/Reference#索引
 /zh-CN/docs/Web/CSS/CSS_Scrollbars	/zh-CN/docs/Web/CSS/CSS_scrollbars_styling
-/zh-CN/docs/Web/CSS/CSS_Selectors/Comparison_with_XPath	/zh-CN/docs/Web/XPath/Comparison_with_CSS_selectors
+/zh-CN/docs/Web/CSS/CSS_Selectors/Comparison_with_XPath	/zh-CN/docs/Web/XML/XPath/Guides/Comparison_with_CSS_selectors
 /zh-CN/docs/Web/CSS/CSS_Shapes/Overview_of_CSS_Shapes	/zh-CN/docs/Web/CSS/CSS_shapes/Overview_of_shapes
 /zh-CN/docs/Web/CSS/CSS_animations/Tips	/zh-CN/docs/Web/API/Web_Animations_API/Tips
 /zh-CN/docs/Web/CSS/CSS_container_queries	/zh-CN/docs/Web/CSS/CSS_containment/Container_queries
@@ -2531,6 +2529,7 @@
 /zh-CN/docs/Web/CSS/文本装饰线厚度(粗细)	/zh-CN/docs/Web/CSS/text-decoration-thickness
 /zh-CN/docs/Web/CSS/混合模式	/zh-CN/docs/Web/CSS/blend-mode
 /zh-CN/docs/Web/CSS/网格-模板-列	/zh-CN/docs/Web/CSS/grid-template-rows
+/zh-CN/docs/Web/EXSLT/regexp	/zh-CN/docs/Web/XML/EXSLT/Reference/regexp
 /zh-CN/docs/Web/Events/Activate	/zh-CN/docs/Web/API/Element/DOMActivate_event
 /zh-CN/docs/Web/Events/DOMContentLoaded	/zh-CN/docs/Web/API/Document/DOMContentLoaded_event
 /zh-CN/docs/Web/Events/DOMContentLoaded_(event)	/zh-CN/docs/Web/API/Document/DOMContentLoaded_event
@@ -2616,16 +2615,17 @@
 /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	/zh-CN/docs/MDN/Guides
 /zh-CN/docs/Web/Guide/AJAX	/zh-CN/docs/Learn_web_development/Core/Scripting/Network_requests
 /zh-CN/docs/Web/Guide/AJAX/Getting_Started	/zh-CN/docs/Learn_web_development/Core/Scripting/Network_requests
 /zh-CN/docs/Web/Guide/API	/zh-CN/docs/Web/API
 /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/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video	/zh-CN/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video
-/zh-CN/docs/Web/Guide/Audio_and_video_delivery/Live_streaming_web_audio_and_video	/zh-CN/docs/Web/Media/Audio_and_video_delivery/Live_streaming_web_audio_and_video
-/zh-CN/docs/Web/Guide/Audio_and_video_delivery/WebAudio_playbackRate_explained	/zh-CN/docs/Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained
-/zh-CN/docs/Web/Guide/Audio_and_video_delivery/buffering_seeking_time_ranges	/zh-CN/docs/Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges
-/zh-CN/docs/Web/Guide/Audio_and_video_manipulation	/zh-CN/docs/Web/Media/Audio_and_video_manipulation
+/zh-CN/docs/Web/Guide/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video	/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video
+/zh-CN/docs/Web/Guide/Audio_and_video_delivery/Live_streaming_web_audio_and_video	/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Live_streaming_web_audio_and_video
+/zh-CN/docs/Web/Guide/Audio_and_video_delivery/WebAudio_playbackRate_explained	/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained
+/zh-CN/docs/Web/Guide/Audio_and_video_delivery/buffering_seeking_time_ranges	/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/buffering_seeking_time_ranges
+/zh-CN/docs/Web/Guide/Audio_and_video_manipulation	/zh-CN/docs/Web/Media/Guides/Audio_and_video_manipulation
 /zh-CN/docs/Web/Guide/CSS	/zh-CN/docs/Learn_web_development/Core/Styling_basics
 /zh-CN/docs/Web/Guide/CSS/Block_formatting_context	/zh-CN/docs/Web/CSS/CSS_display/Block_formatting_context
 /zh-CN/docs/Web/Guide/CSS/CSS_Image_Sprites	/zh-CN/docs/Web/CSS/CSS_images/Implementing_image_sprites_in_CSS
@@ -2688,7 +2688,7 @@
 /zh-CN/docs/Web/Guide/Houdini	/zh-CN/docs/Web/API/Houdini_APIs
 /zh-CN/docs/Web/Guide/Introduction_to_Web_development	/zh-CN/docs/Learn_web_development
 /zh-CN/docs/Web/Guide/Mobile	/zh-CN/docs/Learn_web_development/Core/CSS_layout/Responsive_Design
-/zh-CN/docs/Web/Guide/Parsing_and_serializing_XML	/zh-CN/docs/Web/XML/Parsing_and_serializing_XML
+/zh-CN/docs/Web/Guide/Parsing_and_serializing_XML	/zh-CN/docs/Web/XML/Guides/Parsing_and_serializing_XML
 /zh-CN/docs/Web/Guide/Performance	/zh-CN/docs/Web/Performance
 /zh-CN/docs/Web/Guide/Performance/Using_web_workers	/zh-CN/docs/Web/API/Web_Workers_API/Using_web_workers
 /zh-CN/docs/Web/Guide/Printing	/zh-CN/docs/Web/CSS/CSS_media_queries/Printing
@@ -2703,7 +2703,7 @@
 /zh-CN/docs/Web/HTML/Canvas/Tutorial	/zh-CN/docs/Web/API/Canvas_API/Tutorial
 /zh-CN/docs/Web/HTML/Content_Editable	/zh-CN/docs/Web/HTML/Global_attributes/contenteditable
 /zh-CN/docs/Web/HTML/Controlling_spell_checking_in_HTML_forms	/en-US/docs/Web/HTML/Global_attributes/spellcheck
-/zh-CN/docs/Web/HTML/DASH_Adaptive_Streaming_for_HTML_5_Video	/zh-CN/docs/Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video
+/zh-CN/docs/Web/HTML/DASH_Adaptive_Streaming_for_HTML_5_Video	/zh-CN/docs/Web/Media/Guides/DASH_Adaptive_Streaming_for_HTML_5_Video
 /zh-CN/docs/Web/HTML/Element/Input/datetime	/zh-CN/docs/Web/HTML/Element/input/datetime-local
 /zh-CN/docs/Web/HTML/Element/Input/月份	/zh-CN/docs/Web/HTML/Element/input/month
 /zh-CN/docs/Web/HTML/Element/Input/范围	/zh-CN/docs/Web/HTML/Element/input/range
@@ -2749,7 +2749,7 @@
 /zh-CN/docs/Web/HTTP/Basics_of_HTTP/选择_www_或非_www_URL_作为域名	/zh-CN/docs/Web/URI/Authority/Choosing_between_www_and_non-www_URLs
 /zh-CN/docs/Web/HTTP/CORS/Errors/CORS错误允许凭证	/zh-CN/docs/Web/HTTP/CORS/Errors/CORSMIssingAllowCredentials
 /zh-CN/docs/Web/HTTP/Caching_FAQ	/zh-CN/docs/Web/HTTP/Caching
-/zh-CN/docs/Web/HTTP/Configuring_servers_for_Ogg_media	/zh-CN/docs/Web/Media/Formats/Configuring_servers_for_Ogg_media
+/zh-CN/docs/Web/HTTP/Configuring_servers_for_Ogg_media	/zh-CN/docs/Web/Media/Guides/Formats/Configuring_servers_for_Ogg_media
 /zh-CN/docs/Web/HTTP/Content_negotiation/Accept_默认值	/zh-CN/docs/Web/HTTP/Content_negotiation/List_of_default_Accept_values
 /zh-CN/docs/Web/HTTP/Feature_Policy	/zh-CN/docs/Web/HTTP/Permissions_Policy
 /zh-CN/docs/Web/HTTP/HTTP_Strict_Transport_Security	/zh-CN/docs/Web/HTTP/Headers/Strict-Transport-Security
@@ -2819,7 +2819,7 @@
 /zh-CN/docs/Web/JavaScript/Guide/iterable	/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols
 /zh-CN/docs/Web/JavaScript/Guide/介绍	/zh-CN/docs/Web/JavaScript/Guide/Introduction
 /zh-CN/docs/Web/JavaScript/Guide/可迭代对象	/zh-CN/docs/Web/JavaScript/Reference/Iteration_protocols
-/zh-CN/docs/Web/JavaScript/Introduction_to_using_XPath_in_JavaScript	/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript
+/zh-CN/docs/Web/JavaScript/Introduction_to_using_XPath_in_JavaScript	/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript
 /zh-CN/docs/Web/JavaScript/Language_Resources	/zh-CN/docs/Web/JavaScript/JavaScript_technologies_overview
 /zh-CN/docs/Web/JavaScript/Reference/About	/zh-CN/docs/Web/JavaScript/Reference
 /zh-CN/docs/Web/JavaScript/Reference/Array	/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array
@@ -2985,19 +2985,19 @@
 /zh-CN/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/@@species	/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/Symbol.species
 /zh-CN/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/name	/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/name
 /zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WeakMap/clear	/zh-CN/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features
-/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly	/zh-CN/docs/WebAssembly/JavaScript_interface
-/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/CompileError	/zh-CN/docs/WebAssembly/JavaScript_interface/CompileError
-/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Global	/zh-CN/docs/WebAssembly/JavaScript_interface/Global
-/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Instance	/zh-CN/docs/WebAssembly/JavaScript_interface/Instance
-/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory	/zh-CN/docs/WebAssembly/JavaScript_interface/Memory
-/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_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/WebAssembly	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/CompileError	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/CompileError
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Global	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Global
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Instance	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Instance
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/RuntimeError
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compile	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compile_static
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compileStreaming	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compileStreaming_static
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiateStreaming	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static
+/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/validate	/zh-CN/docs/WebAssembly/Reference/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
@@ -3053,7 +3053,22 @@
 /zh-CN/docs/Web/JavaScript/The_performance_hazards_of_prototype_mutation	/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/setPrototypeOf
 /zh-CN/docs/Web/JavaScript/Typed_arrays	/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays
 /zh-CN/docs/Web/JavaScript/重新认识js	/zh-CN/docs/Web/JavaScript/Language_overview
-/zh-CN/docs/Web/Media/Formats/视频编解码器	/zh-CN/docs/Web/Media/Formats/Video_codecs
+/zh-CN/docs/Web/Manifest/background_color	/zh-CN/docs/Web/Manifest/Reference/background_color
+/zh-CN/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video	/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video
+/zh-CN/docs/Web/Media/Audio_and_video_delivery/Live_streaming_web_audio_and_video	/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Live_streaming_web_audio_and_video
+/zh-CN/docs/Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained	/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained
+/zh-CN/docs/Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges	/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/buffering_seeking_time_ranges
+/zh-CN/docs/Web/Media/Audio_and_video_manipulation	/zh-CN/docs/Web/Media/Guides/Audio_and_video_manipulation
+/zh-CN/docs/Web/Media/Autoplay_guide	/zh-CN/docs/Web/Media/Guides/Autoplay
+/zh-CN/docs/Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video	/zh-CN/docs/Web/Media/Guides/DASH_Adaptive_Streaming_for_HTML_5_Video
+/zh-CN/docs/Web/Media/Formats	/zh-CN/docs/Web/Media/Guides/Formats
+/zh-CN/docs/Web/Media/Formats/Configuring_servers_for_Ogg_media	/zh-CN/docs/Web/Media/Guides/Formats/Configuring_servers_for_Ogg_media
+/zh-CN/docs/Web/Media/Formats/Containers	/zh-CN/docs/Web/Media/Guides/Formats/Containers
+/zh-CN/docs/Web/Media/Formats/Image_types	/zh-CN/docs/Web/Media/Guides/Formats/Image_types
+/zh-CN/docs/Web/Media/Formats/Video_codecs	/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs
+/zh-CN/docs/Web/Media/Formats/视频编解码器	/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs
+/zh-CN/docs/Web/Media/images	/zh-CN/docs/Web/Media/Guides/Images
+/zh-CN/docs/Web/OpenSearch	/zh-CN/docs/Web/XML/Guides/OpenSearch
 /zh-CN/docs/Web/Performance/浏览器渲染页面的工作原理	/zh-CN/docs/Web/Performance/How_browsers_work
 /zh-CN/docs/Web/Progressive_web_apps/Add_to_home_screen	/zh-CN/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable
 /zh-CN/docs/Web/Progressive_web_apps/App_structure	/zh-CN/docs/Web/Progressive_web_apps/Tutorials/js13kGames/App_structure
@@ -3082,6 +3097,7 @@
 /zh-CN/docs/Web/Security/传输层安全协议	/zh-CN/docs/Web/Security/Transport_Layer_Security
 /zh-CN/docs/Web/Security/子资源完整性	/zh-CN/docs/Web/Security/Subresource_Integrity
 /zh-CN/docs/Web/Text_fragments	/zh-CN/docs/Web/URI/Fragment/Text_fragments
+/zh-CN/docs/Web/Tutorials	/zh-CN/docs/MDN/Tutorials
 /zh-CN/docs/Web/WEB_API_---js	/zh-CN/docs/Web/API
 /zh-CN/docs/Web/WebGL	/zh-CN/docs/Web/API/WebGL_API
 /zh-CN/docs/Web/WebGL/Adding_2D_content_to_a_WebGL_context	/zh-CN/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context
@@ -3094,16 +3110,45 @@
 /zh-CN/docs/Web/Web_Components/Using_custom_elements	/zh-CN/docs/Web/API/Web_components/Using_custom_elements
 /zh-CN/docs/Web/Web_Components/Using_shadow_DOM	/zh-CN/docs/Web/API/Web_components/Using_shadow_DOM
 /zh-CN/docs/Web/Web_Components/Using_templates_and_slots	/zh-CN/docs/Web/API/Web_components/Using_templates_and_slots
+/zh-CN/docs/Web/XML/Parsing_and_serializing_XML	/zh-CN/docs/Web/XML/Guides/Parsing_and_serializing_XML
+/zh-CN/docs/Web/XML/XML_introduction	/zh-CN/docs/Web/XML/Guides/XML_introduction
+/zh-CN/docs/Web/XPath	/zh-CN/docs/Web/XML/XPath
+/zh-CN/docs/Web/XPath/Axes	/zh-CN/docs/Web/XML/XPath/Reference/Axes
+/zh-CN/docs/Web/XPath/Comparison_with_CSS_selectors	/zh-CN/docs/Web/XML/XPath/Guides/Comparison_with_CSS_selectors
+/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript	/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript
+/zh-CN/docs/Web/XSLT	/zh-CN/docs/Web/XML/XSLT
+/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT	/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT
 /zh-CN/docs/Web/媒体	/zh-CN/docs/Web/Media
-/zh-CN/docs/Web/媒体/Autoplay_guide	/zh-CN/docs/Web/Media/Autoplay_guide
+/zh-CN/docs/Web/媒体/Autoplay_guide	/zh-CN/docs/Web/Media/Guides/Autoplay
 /zh-CN/docs/Web/性能	/zh-CN/docs/Web/Performance
 /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/WebAssembly/C_to_Wasm	/zh-CN/docs/WebAssembly/Guides/C_to_Wasm
+/zh-CN/docs/WebAssembly/Concepts	/zh-CN/docs/WebAssembly/Guides/Concepts
+/zh-CN/docs/WebAssembly/Exported_functions	/zh-CN/docs/WebAssembly/Guides/Exported_functions
+/zh-CN/docs/WebAssembly/JavaScript_interface	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface
+/zh-CN/docs/WebAssembly/JavaScript_interface/CompileError	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/CompileError
+/zh-CN/docs/WebAssembly/JavaScript_interface/Global	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Global
+/zh-CN/docs/WebAssembly/JavaScript_interface/Instance	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Instance
+/zh-CN/docs/WebAssembly/JavaScript_interface/Memory	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory
+/zh-CN/docs/WebAssembly/JavaScript_interface/Module	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module
+/zh-CN/docs/WebAssembly/JavaScript_interface/RuntimeError	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/RuntimeError
+/zh-CN/docs/WebAssembly/JavaScript_interface/Table	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table
+/zh-CN/docs/WebAssembly/JavaScript_interface/compile	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compile_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/compileStreaming	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compileStreaming_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/compileStreaming_static	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compileStreaming_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/compile_static	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compile_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/validate	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/validate_static
+/zh-CN/docs/WebAssembly/JavaScript_interface/validate_static	/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/validate_static
+/zh-CN/docs/WebAssembly/Loading_and_running	/zh-CN/docs/WebAssembly/Guides/Loading_and_running
+/zh-CN/docs/WebAssembly/Rust_to_Wasm	/zh-CN/docs/WebAssembly/Guides/Rust_to_Wasm
+/zh-CN/docs/WebAssembly/Text_format_to_Wasm	/zh-CN/docs/WebAssembly/Guides/Text_format_to_Wasm
+/zh-CN/docs/WebAssembly/Understanding_the_text_format	/zh-CN/docs/WebAssembly/Guides/Understanding_the_text_format
+/zh-CN/docs/WebAssembly/Using_the_JavaScript_API	/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API
+/zh-CN/docs/WebAssembly/概念	/zh-CN/docs/WebAssembly/Guides/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
 /zh-CN/docs/WebGL/开始使用WebGL	/zh-CN/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL
@@ -3115,10 +3160,10 @@
 /zh-CN/docs/XHTML	/zh-CN/docs/Glossary/XHTML
 /zh-CN/docs/XMLSerializer	/zh-CN/docs/Web/API/XMLSerializer
 /zh-CN/docs/XMLSerializer-840092-dup	/zh-CN/docs/Web/API/XMLSerializer
-/zh-CN/docs/XML_Introduction	/zh-CN/docs/Web/XML/XML_introduction
-/zh-CN/docs/XML_介绍	/zh-CN/docs/Web/XML/XML_introduction
-/zh-CN/docs/XPath-840092-dup	/zh-CN/docs/Web/XPath
-/zh-CN/docs/XSLT	/zh-CN/docs/Web/XSLT
+/zh-CN/docs/XML_Introduction	/zh-CN/docs/Web/XML/Guides/XML_introduction
+/zh-CN/docs/XML_介绍	/zh-CN/docs/Web/XML/Guides/XML_introduction
+/zh-CN/docs/XPath-840092-dup	/zh-CN/docs/Web/XML/XPath
+/zh-CN/docs/XSLT	/zh-CN/docs/Web/XML/XSLT
 /zh-CN/docs/d_temp	/zh-CN/docs/Web/API/Document
 /zh-CN/docs/data_URIs	/zh-CN/docs/Web/URI/Schemes/data
 /zh-CN/docs/en	/en-US/
diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json
index 97c9d0179712b1..fae5c303a3d1da 100644
--- a/files/zh-cn/_wikihistory.json
+++ b/files/zh-cn/_wikihistory.json
@@ -5650,14 +5650,6 @@
       "teoli"
     ]
   },
-  "MDN/At_ten": {
-    "modified": "2019-03-23T22:50:02.795Z",
-    "contributors": [
-      "FlyingPig",
-      "cughudson_1",
-      "WarriorWu"
-    ]
-  },
   "MDN/Community": {
     "modified": "2020-09-30T17:53:31.395Z",
     "contributors": [
@@ -5674,7 +5666,7 @@
       "lunix01"
     ]
   },
-  "MDN/Community/Contributing/Getting_started": {
+  "MDN/Community/Getting_started": {
     "modified": "2020-09-30T17:17:11.190Z",
     "contributors": [
       "chrisdavidmills",
@@ -5710,12 +5702,41 @@
       "Simpozigh"
     ]
   },
-  "MDN/MDN_Product_Advisory_Board": {
-    "modified": "2019-01-17T01:56:35.044Z",
+  "MDN/Guides": {
+    "modified": "2020-09-13T04:05:26.959Z",
     "contributors": [
-      "wbamberg",
-      "pluwen",
-      "liminjun"
+      "Futrime",
+      "Oliver_Queen",
+      "RainSlide",
+      "codekissyoung",
+      "jiahui",
+      "yuntian",
+      "Go7hic",
+      "Ende93",
+      "slzll",
+      "zengAlex",
+      "lunix01",
+      "markyun",
+      "wtb",
+      "Kasuganosora",
+      "ethertank"
+    ]
+  },
+  "MDN/Tutorials": {
+    "modified": "2020-09-27T10:44:48.931Z",
+    "contributors": [
+      "GKilyar",
+      "StorytellerF",
+      "yzweb2018",
+      "shengoo",
+      "yangzi",
+      "wumouse",
+      "185-5162-9169",
+      "Ende93",
+      "SamuraiMe",
+      "cehnjing",
+      "shengyouxiao",
+      "ziyunfei"
     ]
   },
   "MDN/Writing_guidelines": {
@@ -22642,14 +22663,6 @@
       "Jackjun724"
     ]
   },
-  "Web/CSS/-webkit-line-clamp": {
-    "modified": "2020-10-15T22:24:06.241Z",
-    "contributors": [
-      "liuruiqi1993",
-      "herotangabc",
-      "litaoAurora"
-    ]
-  },
   "Web/CSS/-webkit-tap-highlight-color": {
     "modified": "2019-03-23T22:22:56.346Z",
     "contributors": [
@@ -26865,6 +26878,14 @@
       "luobotang"
     ]
   },
+  "Web/CSS/line-clamp": {
+    "modified": "2020-10-15T22:24:06.241Z",
+    "contributors": [
+      "liuruiqi1993",
+      "herotangabc",
+      "litaoAurora"
+    ]
+  },
   "Web/CSS/line-height": {
     "modified": "2020-10-15T21:32:56.594Z",
     "contributors": [
@@ -28299,12 +28320,6 @@
       "TimZhao"
     ]
   },
-  "Web/EXSLT/regexp": {
-    "modified": "2019-01-16T21:33:33.048Z",
-    "contributors": [
-      "Sheppy"
-    ]
-  },
   "Web/Events": {
     "modified": "2020-08-14T06:47:09.660Z",
     "contributors": [
@@ -28327,26 +28342,6 @@
       "louisremi"
     ]
   },
-  "Web/Guide": {
-    "modified": "2020-09-13T04:05:26.959Z",
-    "contributors": [
-      "Futrime",
-      "Oliver_Queen",
-      "RainSlide",
-      "codekissyoung",
-      "jiahui",
-      "yuntian",
-      "Go7hic",
-      "Ende93",
-      "slzll",
-      "zengAlex",
-      "lunix01",
-      "markyun",
-      "wtb",
-      "Kasuganosora",
-      "ethertank"
-    ]
-  },
   "Web/HTML": {
     "modified": "2020-05-18T02:45:10.401Z",
     "contributors": [
@@ -40991,7 +40986,7 @@
       "xgqfrms-GitHub"
     ]
   },
-  "Web/Manifest/background_color": {
+  "Web/Manifest/Reference/background_color": {
     "modified": "2020-10-15T22:31:53.672Z",
     "contributors": [
       "wobuhuisuanmin",
@@ -41114,61 +41109,61 @@
       "Forbidden"
     ]
   },
-  "Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video": {
+  "Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video": {
     "modified": "2020-10-27T07:00:04.677Z",
     "contributors": [
       "ICLOUDIRIS",
       "FranzList"
     ]
   },
-  "Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained": {
+  "Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained": {
     "modified": "2019-03-18T20:51:41.158Z",
     "contributors": [
       "chrisdavidmills",
       "dandanbu3"
     ]
   },
-  "Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges": {
+  "Web/Media/Guides/Audio_and_video_delivery/buffering_seeking_time_ranges": {
     "modified": "2019-03-18T20:51:41.383Z",
     "contributors": [
       "chrisdavidmills",
       "zhangqiong"
     ]
   },
-  "Web/Media/Autoplay_guide": {
+  "Web/Media/Guides/Autoplay": {
     "modified": "2020-11-19T04:43:44.047Z",
     "contributors": [
       "avrinfly",
       "baijingfeng"
     ]
   },
-  "Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video": {
+  "Web/Media/Guides/DASH_Adaptive_Streaming_for_HTML_5_Video": {
     "modified": "2019-12-03T21:07:25.830Z",
     "contributors": [
       "guow10",
       "xcffl"
     ]
   },
-  "Web/Media/Formats": {
+  "Web/Media/Guides/Formats": {
     "modified": "2019-10-28T06:26:59.997Z",
     "contributors": [
       "jswisher"
     ]
   },
-  "Web/Media/Formats/Configuring_servers_for_Ogg_media": {
+  "Web/Media/Guides/Formats/Configuring_servers_for_Ogg_media": {
     "modified": "2019-12-27T03:08:09.838Z",
     "contributors": [
       "Syaki"
     ]
   },
-  "Web/Media/Formats/Image_types": {
+  "Web/Media/Guides/Formats/Image_types": {
     "modified": "2020-10-28T06:58:07.754Z",
     "contributors": [
       "hylashyla",
       "RainSlide"
     ]
   },
-  "Web/Media/Formats/Video_codecs": {
+  "Web/Media/Guides/Formats/Video_codecs": {
     "modified": "2019-10-29T00:53:07.418Z",
     "contributors": [
       "zxhaha"
@@ -42803,23 +42798,6 @@
       "msforest"
     ]
   },
-  "Web/Tutorials": {
-    "modified": "2020-09-27T10:44:48.931Z",
-    "contributors": [
-      "GKilyar",
-      "StorytellerF",
-      "yzweb2018",
-      "shengoo",
-      "yangzi",
-      "wumouse",
-      "185-5162-9169",
-      "Ende93",
-      "SamuraiMe",
-      "cehnjing",
-      "shengyouxiao",
-      "ziyunfei"
-    ]
-  },
   "Web/URI/Authority/Choosing_between_www_and_non-www_URLs": {
     "modified": "2019-03-23T22:18:43.282Z",
     "contributors": [
@@ -42858,14 +42836,20 @@
       "ExE-Boss"
     ]
   },
-  "Web/XML/Parsing_and_serializing_XML": {
+  "Web/XML/EXSLT/Reference/regexp": {
+    "modified": "2019-01-16T21:33:33.048Z",
+    "contributors": [
+      "Sheppy"
+    ]
+  },
+  "Web/XML/Guides/Parsing_and_serializing_XML": {
     "modified": "2019-08-12T08:51:44.801Z",
     "contributors": [
       "RainSlide",
       "haaling"
     ]
   },
-  "Web/XML/XML_introduction": {
+  "Web/XML/Guides/XML_introduction": {
     "modified": "2020-03-04T03:08:47.854Z",
     "contributors": [
       "Whitetea00",
@@ -42882,7 +42866,7 @@
       "Dbseti"
     ]
   },
-  "Web/XPath": {
+  "Web/XML/XPath": {
     "modified": "2019-03-18T20:43:12.282Z",
     "contributors": [
       "RainSlide",
@@ -42891,13 +42875,13 @@
       "cattail2012@gmail.com"
     ]
   },
-  "Web/XPath/Comparison_with_CSS_selectors": {
+  "Web/XML/XPath/Guides/Comparison_with_CSS_selectors": {
     "modified": "2019-03-18T21:23:06.866Z",
     "contributors": [
       "zhanghengxin"
     ]
   },
-  "Web/XPath/Introduction_to_using_XPath_in_JavaScript": {
+  "Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript": {
     "modified": "2019-03-23T23:53:50.408Z",
     "contributors": [
       "chrisdavidmills",
@@ -42908,7 +42892,7 @@
       "Cuimingda"
     ]
   },
-  "Web/XSLT": {
+  "Web/XML/XSLT": {
     "modified": "2019-03-23T23:52:51.686Z",
     "contributors": [
       "Gingercat",
@@ -42917,7 +42901,7 @@
       "Lycvip"
     ]
   },
-  "Web/XSLT/Transforming_XML_with_XSLT": {
+  "Web/XML/XSLT/Guides/Transforming_XML_with_XSLT": {
     "modified": "2019-03-23T23:52:45.330Z",
     "contributors": [
       "chrisdavidmills",
@@ -42937,7 +42921,7 @@
       "disoul"
     ]
   },
-  "WebAssembly/C_to_Wasm": {
+  "WebAssembly/Guides/C_to_Wasm": {
     "modified": "2020-11-17T22:59:58.305Z",
     "contributors": [
       "CGerAJ",
@@ -42953,7 +42937,7 @@
       "disoul"
     ]
   },
-  "WebAssembly/Concepts": {
+  "WebAssembly/Guides/Concepts": {
     "modified": "2019-03-18T20:54:48.847Z",
     "contributors": [
       "xiongcong",
@@ -42962,7 +42946,7 @@
       "kingysu"
     ]
   },
-  "WebAssembly/Exported_functions": {
+  "WebAssembly/Guides/Exported_functions": {
     "modified": "2019-07-23T04:14:30.673Z",
     "contributors": [
       "imechZhangLY",
@@ -42970,7 +42954,62 @@
       "kingysu"
     ]
   },
-  "WebAssembly/JavaScript_interface": {
+  "WebAssembly/Guides/Loading_and_running": {
+    "modified": "2019-03-18T20:54:50.799Z",
+    "contributors": [
+      "kingysu",
+      "xgqfrms-GitHub"
+    ]
+  },
+  "WebAssembly/Guides/Rust_to_Wasm": {
+    "modified": "2020-11-12T06:21:14.353Z",
+    "contributors": [
+      "longfangsong",
+      "linghucq1",
+      "yanchongwen101",
+      "Syaki",
+      "SphinxKnight",
+      "SToneX",
+      "wymm0008"
+    ]
+  },
+  "WebAssembly/Guides/Text_format_to_Wasm": {
+    "modified": "2020-01-27T02:12:13.951Z",
+    "contributors": [
+      "coderzh",
+      "acelan86",
+      "xgqfrms-GitHub",
+      "kingysu"
+    ]
+  },
+  "WebAssembly/Guides/Understanding_the_text_format": {
+    "modified": "2019-03-23T22:12:45.612Z",
+    "contributors": [
+      "yangdonglai",
+      "rui-space",
+      "aaron_li",
+      "Rexli",
+      "rockfire",
+      "acelan86",
+      "kingysu",
+      "chyingp",
+      "itminus"
+    ]
+  },
+  "WebAssembly/Guides/Using_the_JavaScript_API": {
+    "modified": "2020-08-18T06:38:27.755Z",
+    "contributors": [
+      "jealyn",
+      "xgqfrms",
+      "coderzh",
+      "billkang",
+      "huangjj27",
+      "kingysu",
+      "skyfore",
+      "xgqfrms-GitHub"
+    ]
+  },
+  "WebAssembly/Reference/JavaScript_interface": {
     "modified": "2020-10-15T21:53:08.592Z",
     "contributors": [
       "wallena3",
@@ -42981,20 +43020,20 @@
       "JianrongYu"
     ]
   },
-  "WebAssembly/JavaScript_interface/CompileError": {
+  "WebAssembly/Reference/JavaScript_interface/CompileError": {
     "modified": "2020-10-15T22:26:35.137Z",
     "contributors": [
       "wallena3"
     ]
   },
-  "WebAssembly/JavaScript_interface/Global": {
+  "WebAssembly/Reference/JavaScript_interface/Global": {
     "modified": "2020-11-13T02:45:14.451Z",
     "contributors": [
       "yujiaao",
       "yxwsbobo"
     ]
   },
-  "WebAssembly/JavaScript_interface/Instance": {
+  "WebAssembly/Reference/JavaScript_interface/Instance": {
     "modified": "2020-10-23T07:01:43.345Z",
     "contributors": [
       "liguorain",
@@ -43002,51 +43041,51 @@
       "SphinxKnight"
     ]
   },
-  "WebAssembly/JavaScript_interface/Memory": {
+  "WebAssembly/Reference/JavaScript_interface/Memory": {
     "modified": "2020-10-15T22:06:20.710Z",
     "contributors": [
       "Zhang-Junzhi",
       "sunwanxin213"
     ]
   },
-  "WebAssembly/JavaScript_interface/Module": {
+  "WebAssembly/Reference/JavaScript_interface/Module": {
     "modified": "2020-10-15T22:00:19.792Z",
     "contributors": [
       "dondevi"
     ]
   },
-  "WebAssembly/JavaScript_interface/RuntimeError": {
+  "WebAssembly/Reference/JavaScript_interface/RuntimeError": {
     "modified": "2020-10-15T22:26:27.221Z",
     "contributors": [
       "wallena3"
     ]
   },
-  "WebAssembly/JavaScript_interface/Table": {
+  "WebAssembly/Reference/JavaScript_interface/Table": {
     "modified": "2020-11-04T03:44:08.051Z",
     "contributors": [
       "moniang",
       "hurrytospring"
     ]
   },
-  "WebAssembly/JavaScript_interface/compileStreaming_static": {
+  "WebAssembly/Reference/JavaScript_interface/compileStreaming_static": {
     "modified": "2020-10-15T22:15:30.451Z",
     "contributors": [
       "Cyandev"
     ]
   },
-  "WebAssembly/JavaScript_interface/compile_static": {
+  "WebAssembly/Reference/JavaScript_interface/compile_static": {
     "modified": "2020-10-15T21:58:44.128Z",
     "contributors": [
       "kungfucode-rex"
     ]
   },
-  "WebAssembly/JavaScript_interface/instantiateStreaming_static": {
+  "WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static": {
     "modified": "2020-10-15T22:11:30.410Z",
     "contributors": [
       "Xiaoming666"
     ]
   },
-  "WebAssembly/JavaScript_interface/instantiate_static": {
+  "WebAssembly/Reference/JavaScript_interface/instantiate_static": {
     "modified": "2020-10-15T21:57:59.458Z",
     "contributors": [
       "wallena3",
@@ -43055,65 +43094,10 @@
       "kungfucode-rex"
     ]
   },
-  "WebAssembly/JavaScript_interface/validate_static": {
+  "WebAssembly/Reference/JavaScript_interface/validate_static": {
     "modified": "2020-10-15T22:15:29.365Z",
     "contributors": [
       "Cyandev"
     ]
-  },
-  "WebAssembly/Loading_and_running": {
-    "modified": "2019-03-18T20:54:50.799Z",
-    "contributors": [
-      "kingysu",
-      "xgqfrms-GitHub"
-    ]
-  },
-  "WebAssembly/Rust_to_Wasm": {
-    "modified": "2020-11-12T06:21:14.353Z",
-    "contributors": [
-      "longfangsong",
-      "linghucq1",
-      "yanchongwen101",
-      "Syaki",
-      "SphinxKnight",
-      "SToneX",
-      "wymm0008"
-    ]
-  },
-  "WebAssembly/Text_format_to_Wasm": {
-    "modified": "2020-01-27T02:12:13.951Z",
-    "contributors": [
-      "coderzh",
-      "acelan86",
-      "xgqfrms-GitHub",
-      "kingysu"
-    ]
-  },
-  "WebAssembly/Understanding_the_text_format": {
-    "modified": "2019-03-23T22:12:45.612Z",
-    "contributors": [
-      "yangdonglai",
-      "rui-space",
-      "aaron_li",
-      "Rexli",
-      "rockfire",
-      "acelan86",
-      "kingysu",
-      "chyingp",
-      "itminus"
-    ]
-  },
-  "WebAssembly/Using_the_JavaScript_API": {
-    "modified": "2020-08-18T06:38:27.755Z",
-    "contributors": [
-      "jealyn",
-      "xgqfrms",
-      "coderzh",
-      "billkang",
-      "huangjj27",
-      "kingysu",
-      "skyfore",
-      "xgqfrms-GitHub"
-    ]
   }
 }
diff --git a/files/zh-cn/glossary/alpha/index.md b/files/zh-cn/glossary/alpha/index.md
index f917c78c4fa3ce..e82bf41ea28af6 100644
--- a/files/zh-cn/glossary/alpha/index.md
+++ b/files/zh-cn/glossary/alpha/index.md
@@ -19,7 +19,7 @@ l10n:
 
 - [CSS 颜色](/zh-CN/docs/Web/CSS/CSS_colors)
 - [CSS 的值与单位](/zh-CN/docs/Learn_web_development/Core/Styling_basics/Values_and_units)
-- [图像文件类型与格式指南](/zh-CN/docs/Web/Media/Formats/Image_types)
+- [图像文件类型与格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)
 - 维基百科上的 [Alpha 合成](https://zh.wikipedia.org/wiki/Alpha合成)
 - 维基百科上的 [RGBA](https://zh.wikipedia.org/wiki/RGBA)
 - 维基百科上的[通道（数字图像）](<https://zh.wikipedia.org/wiki/通道_(数字图像)>)
diff --git a/files/zh-cn/glossary/codec/index.md b/files/zh-cn/glossary/codec/index.md
index 936415e548f3f1..58d883f3c40d27 100644
--- a/files/zh-cn/glossary/codec/index.md
+++ b/files/zh-cn/glossary/codec/index.md
@@ -12,6 +12,6 @@ l10n:
 ## 参见
 
 - 维基百科上的[编解码器](https://zh.wikipedia.org/wiki/编解码器)
-- [Web 视频编解码器教程](/zh-CN/docs/Web/Media/Formats/Video_codecs)
-- [Web 音频编解码器教程](/zh-CN/docs/Web/Media/Formats/Audio_codecs)
-- [Web 媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)
+- [Web 视频编解码器教程](/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs)
+- [Web 音频编解码器教程](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs)
+- [Web 媒体类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats)
diff --git a/files/zh-cn/glossary/webm/index.md b/files/zh-cn/glossary/webm/index.md
index c925c6201ba61d..9594426356cb29 100644
--- a/files/zh-cn/glossary/webm/index.md
+++ b/files/zh-cn/glossary/webm/index.md
@@ -7,7 +7,7 @@ l10n:
 
 {{GlossarySidebar}}
 
-**[WebM](/zh-CN/docs/Web/Media/Formats/Containers#webm)** 是一个免版税和开放的 web 视频格式，所有现代浏览器都原生支持它。
+**[WebM](/zh-CN/docs/Web/Media/Guides/Formats/Containers#webm)** 是一个免版税和开放的 web 视频格式，所有现代浏览器都原生支持它。
 
 ## 参见
 
diff --git a/files/zh-cn/glossary/xinclude/index.md b/files/zh-cn/glossary/xinclude/index.md
index 727aa87880626d..7fba198cd7fdf8 100644
--- a/files/zh-cn/glossary/xinclude/index.md
+++ b/files/zh-cn/glossary/xinclude/index.md
@@ -14,4 +14,4 @@ XInclude 机制在任何主流浏览器中都不受支持。
 ## 参见
 
 - [XInclude 标准](https://www.w3.org/TR/xinclude-11/)
-- [`XPath`](/zh-CN/docs/Web/XPath)
+- [`XPath`](/zh-CN/docs/Web/XML/XPath)
diff --git a/files/zh-cn/glossary/xpath/index.md b/files/zh-cn/glossary/xpath/index.md
index a50563ccebb8c1..a5a1690095a9b1 100644
--- a/files/zh-cn/glossary/xpath/index.md
+++ b/files/zh-cn/glossary/xpath/index.md
@@ -2,7 +2,7 @@
 title: XPath
 slug: Glossary/XPath
 l10n:
-  sourceCommit: ada5fa5ef15eadd44b549ecf906423b4a2092f34
+  sourceCommit: 3e1b5277c6451e7d27ab628f23fb9702947a7a7b
 ---
 
 {{GlossarySidebar}}
@@ -11,7 +11,7 @@ l10n:
 
 ## 参见
 
-- [MDN 上的 XPath 文档](/zh-CN/docs/Web/XPath)
+- [MDN 上的 XPath 文档](/zh-CN/docs/Web/XML/XPath)
 - [XPath 规范](https://www.w3.org/TR/xpath-30/)
 - [官方网站](https://www.w3.org/TR/?tag=xml)
 - 维基百科上的 [XPath](https://zh.wikipedia.org/wiki/XPath)
diff --git a/files/zh-cn/glossary/xslt/index.md b/files/zh-cn/glossary/xslt/index.md
index fcc35e53127381..9e94ebe97a1fe3 100644
--- a/files/zh-cn/glossary/xslt/index.md
+++ b/files/zh-cn/glossary/xslt/index.md
@@ -14,4 +14,4 @@ XSLT 有它自己的可接受 XML 输入或任何可转换为 XQuery 和 XPath 
 ## 参见
 
 - 维基百科上的 [XSLT](https://zh.wikipedia.org/wiki/XSLT)
-- [MDN 中的 XSLT 文档](/zh-CN/docs/Web/XSLT)
+- [MDN 中的 XSLT 文档](/zh-CN/docs/Web/XML/XSLT)
diff --git a/files/zh-cn/learn_web_development/core/accessibility/multimedia/index.md b/files/zh-cn/learn_web_development/core/accessibility/multimedia/index.md
index 276d8422f62e7e..891df5538c84cd 100644
--- a/files/zh-cn/learn_web_development/core/accessibility/multimedia/index.md
+++ b/files/zh-cn/learn_web_development/core/accessibility/multimedia/index.md
@@ -226,9 +226,9 @@ player.ontimeupdate = () => {
 
 这为你提供了如何向视频/音频播放器实例添加自定义播放器功能的基本想法。有关如何向视频/音频播放器添加更复杂的功能（包括旧版浏览器的 Flash 回退）的详细信息，请参阅：
 
-- [Audio and video delivery](/zh-CN/docs/Web/Media/Audio_and_video_delivery)
-- [Video player styling basics](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Video_player_styling_basics)
-- [Creating a cross-browser video player](/zh-CN/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player)
+- [Audio and video delivery](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery)
+- [Video player styling basics](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Video_player_styling_basics)
+- [Creating a cross-browser video player](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/cross_browser_video_player)
 
 我们还创建了一个高级示例，以演示如何创建面向对象的系统，该系统可查找页面上的每个视频和音频播放器 (无论有多少个视频和音频播放器),并将自定义控件添加到其中。请参阅 [custom-controls-oojs](https://mdn.github.io/learning-area/accessibility/multimedia/custom-controls-OOJS/)（[查看其源码](https://github.com/mdn/learning-area/tree/main/accessibility/multimedia/custom-controls-OOJS)）。
 
@@ -324,7 +324,7 @@ This is the second.
 
 ![Video player with standard controls such as play, stop, volume, and captions on and off. The video playing shows a scene of a man holding a spear-like weapon, and a caption reads "Esta hoja tiene pasado oscuro."](video-player-with-captions.png)
 
-有关详细信息，请阅读[Adding captions and subtitles to HTML5 video](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)。你可以找到与本文一起使用本文的[the example](http://iandevlin.github.io/mdn/video-player-with-captions/),本文由 Ian Devlin 编写 (请参阅[source code](https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions))。此示例使用一些 JavaScript 允许用户在不同的字幕之间进行选择。请注意，要打开字幕，你需要按"CC"按钮并选择一个选项 - 英语、德语或西班牙语。
+有关详细信息，请阅读[Adding captions and subtitles to HTML5 video](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)。你可以找到与本文一起使用本文的[the example](http://iandevlin.github.io/mdn/video-player-with-captions/),本文由 Ian Devlin 编写 (请参阅[source code](https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions))。此示例使用一些 JavaScript 允许用户在不同的字幕之间进行选择。请注意，要打开字幕，你需要按"CC"按钮并选择一个选项 - 英语、德语或西班牙语。
 
 > [!NOTE]
 > 文本轨道和转录也可以帮助你使用{{glossary("SEO")}},因为搜索引擎在文本上尤其繁荣。文本轨道甚至允许搜索引擎通过视频直接链接到一个点部分。
diff --git a/files/zh-cn/learn_web_development/core/accessibility/tooling/index.md b/files/zh-cn/learn_web_development/core/accessibility/tooling/index.md
index 304ce8d7d5070d..4927d04d97b689 100644
--- a/files/zh-cn/learn_web_development/core/accessibility/tooling/index.md
+++ b/files/zh-cn/learn_web_development/core/accessibility/tooling/index.md
@@ -153,7 +153,7 @@ select:focus {
 
 有时候，无法避免键盘无障碍性的丧失。你可能继承了一个语义结构不佳的网站（比如，你不得不使用一个生成 `<div>` 按钮的糟糕内容管理系统），或者你正在使用一个缺乏内置键盘无障碍性支持的复杂控件，例如 HTML {{htmlelement("video")}} 元素（令人意外的是，Opera 是唯一支持 Tab 键导航 `<video>` 元素的默认浏览器控件的浏览器）。以下是一些可行的解决方案：
 
-1. 使用 `<button>` 元素（默认情况下我们可以通过 Tab 键导航至该元素！）和 JavaScript 来创建自定义控件，并实现其功能。请参见[创建跨浏览器的视频播放器](/zh-CN/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player)了解一些很好的示例。
+1. 使用 `<button>` 元素（默认情况下我们可以通过 Tab 键导航至该元素！）和 JavaScript 来创建自定义控件，并实现其功能。请参见[创建跨浏览器的视频播放器](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/cross_browser_video_player)了解一些很好的示例。
 2. 通过 JavaScript 创建键盘快捷键，以便在按下某些键时激活功能。请参见[桌面鼠标和键盘控制](/zh-CN/docs/Games/Techniques/Control_mechanisms/Desktop_with_mouse_and_keyboard)了解一些可以适用于任何目的的游戏相关示例。
 3. 使用一些有趣的技巧来模拟按钮行为。例如，我们的 [fake-div-buttons.html](https://mdn.github.io/learning-area/tools-testing/cross-browser-testing/accessibility/fake-div-buttons.html) 示例（参见[源代码](https://github.com/mdn/learning-area/blob/main/tools-testing/cross-browser-testing/accessibility/fake-div-buttons.html)）。在这里，我们给我们的假 `<div>` 按钮添加了 `tabindex="0"` 属性，使它们可以获得焦点（包括通过 tab 键）。参见 WebAIM 的 [tabindex 文章](https://webaim.org/techniques/keyboard/tabindex)获取更多有用的细节。虽然这使我们能够通过 Tab 键导航到按钮，但无法通过 Enter/Return 键激活它们。要做到这一点，我们必须添加以下 JavaScript 技巧：
 
@@ -180,7 +180,7 @@ select:focus {
 
 可以通过多种方法来测试缺少的替代文本，例如，使用无障碍[审计工具](#审计工具)。
 
-视频和音频内容的替代文本稍微更加复杂一些。有一种方式可以定义文本轨道（如字幕），并在播放视频时显示它们，那就是使用 {{htmlelement("track")}} 元素和 [WebVTT](/zh-CN/docs/Web/API/WebVTT_API) 格式（参见[为 HTML 视频添加字幕和字幕](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)的详细教程）。这些特性在[浏览器兼容性](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video#浏览器兼容性)方面相当好，但如果你想为音频提供文本替代方案或支持较旧的浏览器，在同一页面上或单独的页面上提供一个简单的文本记录可能是个不错的主意。
+视频和音频内容的替代文本稍微更加复杂一些。有一种方式可以定义文本轨道（如字幕），并在播放视频时显示它们，那就是使用 {{htmlelement("track")}} 元素和 [WebVTT](/zh-CN/docs/Web/API/WebVTT_API) 格式（参见[为 HTML 视频添加字幕和字幕](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)的详细教程）。这些特性在[浏览器兼容性](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video#浏览器兼容性)方面相当好，但如果你想为音频提供文本替代方案或支持较旧的浏览器，在同一页面上或单独的页面上提供一个简单的文本记录可能是个不错的主意。
 
 #### 元素关系和上下文
 
diff --git a/files/zh-cn/learn_web_development/core/scripting/what_is_javascript/index.md b/files/zh-cn/learn_web_development/core/scripting/what_is_javascript/index.md
index bbb6119fcdab4c..5f9d8b6412fcc0 100644
--- a/files/zh-cn/learn_web_development/core/scripting/what_is_javascript/index.md
+++ b/files/zh-cn/learn_web_development/core/scripting/what_is_javascript/index.md
@@ -99,7 +99,7 @@ API 通常分为两类。
 - {{domxref("Document_Object_Model","文档对象模型 API","","nocode")}} 能通过创建、移除和修改 HTML，为页面动态应用新样式等手段来操作 HTML 和 CSS。比如当某个页面出现了一个弹窗，或者显示了一些新内容（像上文小演示中看到那样），这就是 DOM 在运行。
 - {{domxref("Geolocation","地理位置 API","","nocode")}} 获取地理信息。这就是为什么[谷歌地图](https://www.google.com/maps)可以找到你的位置，而且标示在地图上。
 - {{domxref("Canvas_API","画布（Canvas）","","nocode")}} 和 {{domxref("WebGL_API","WebGL","","nocode")}} API 可以创建生动的 2D 和 3D 图像。人们正运用这些 web 技术制作令人惊叹的作品。参见 [Chrome Experiments](https://experiments.withgoogle.com/collection/chrome) 以及 [webglsamples](https://webglsamples.org/)。
-- 诸如 {{domxref("HTMLMediaElement")}} 和 {{domxref("WebRTC API", "WebRTC","","nocode")}} 等[影音类 API](/zh-CN/docs/Web/Media/Audio_and_video_delivery) 让你可以利用多媒体做一些非常有趣的事，比如在网页中直接播放音乐和影片，或用自己的网络摄像头获取录像，然后在其他人的电脑上展示（试用简易版[截图演示](http://chrisdavidmills.github.io/snapshot/)以理解这个概念）。
+- 诸如 {{domxref("HTMLMediaElement")}} 和 {{domxref("WebRTC API", "WebRTC","","nocode")}} 等[影音类 API](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery) 让你可以利用多媒体做一些非常有趣的事，比如在网页中直接播放音乐和影片，或用自己的网络摄像头获取录像，然后在其他人的电脑上展示（试用简易版[截图演示](http://chrisdavidmills.github.io/snapshot/)以理解这个概念）。
 
 > [!NOTE]
 > 上述很多演示都不能在旧浏览器中运行。推荐你在测试代码时使用诸如 Firefox、Chrome、Edge 或者 Opera 等现代浏览器。当代码即将交付生产环境时（也就是真实的客户即将使用真实的代码时），你还需要深入考虑[跨平台测试](/zh-CN/docs/Learn_web_development/Extensions/Testing)。
diff --git a/files/zh-cn/learn_web_development/core/structuring_content/html_video_and_audio/index.md b/files/zh-cn/learn_web_development/core/structuring_content/html_video_and_audio/index.md
index b3617744e99e65..c99bce7b90c85e 100644
--- a/files/zh-cn/learn_web_development/core/structuring_content/html_video_and_audio/index.md
+++ b/files/zh-cn/learn_web_development/core/structuring_content/html_video_and_audio/index.md
@@ -81,13 +81,13 @@ l10n:
 
 #### 媒体文件的内容
 
-我们先来快速的了解一下相关术语。像 MP3、MP4 还有 WebM 这些格式叫做[**容器格式**](/zh-CN/docs/Web/Media/Formats/Containers)。他们定义了构成媒体文件的音频轨道和视频轨道的储存结构，其中还包含描述这个媒体文件的元数据，以及使用什么编解码器对其通道进行编码等等。
+我们先来快速的了解一下相关术语。像 MP3、MP4 还有 WebM 这些格式叫做[**容器格式**](/zh-CN/docs/Web/Media/Guides/Formats/Containers)。他们定义了构成媒体文件的音频轨道和视频轨道的储存结构，其中还包含描述这个媒体文件的元数据，以及使用什么编解码器对其通道进行编码等等。
 
 一个包含电影的 WebM 文件，其主要包括一个主视频轨道和一个备用视角轨道，以及相应的英语和西班牙语音轨，还有英语解说音轨，如下图所示。文件还包括用于电影的闭路字幕文本轨道、西班牙语字幕以及解说的英文字幕。
 
 ![从轨道级别看待媒体文件内容的图表](containersandtracks.png)
 
-容器中的音频和视频轨道存储着按照相应编解码器格式编码的数据。音频轨道使用不同于视频轨道的格式进行编码。每条音频轨道都采用[音频编解码器](/zh-CN/docs/Web/Media/Formats/Audio_codecs)编码，而视频轨道则使用（你可能已经猜到了）[视频编解码器](/zh-CN/docs/Web/Media/Formats/Video_codecs)编码。我们之前提到过，不同浏览器支持不同的视频和音频格式，以及不同的容器格式，如 MP3、MP4 和 WebM，这些容器可以包含不同类型的视频和音频。
+容器中的音频和视频轨道存储着按照相应编解码器格式编码的数据。音频轨道使用不同于视频轨道的格式进行编码。每条音频轨道都采用[音频编解码器](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs)编码，而视频轨道则使用（你可能已经猜到了）[视频编解码器](/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs)编码。我们之前提到过，不同浏览器支持不同的视频和音频格式，以及不同的容器格式，如 MP3、MP4 和 WebM，这些容器可以包含不同类型的视频和音频。
 
 例如：
 
@@ -112,7 +112,7 @@ l10n:
 
 由于每种浏览器支持的容器文件格式和编解码器都有所不同，情况变得更加复杂。为了尽可能确保你的网站或应用能在用户的浏览器上正常工作，你可能需要提供多种格式的媒体文件。如果你的网站没有提供任何用户的浏览器支持的格式，那么你的媒体内容将无法播放。
 
-由于确保你的应用程序中的媒体内容能在你想要覆盖的每一种浏览器、平台和设备上都正常显示有些复杂，因此选择最合适的编解码器和容器组合可能会是一项挑战。为了选择最适合你需求的容器文件格式，请参考[选择正确的容器](/zh-CN/docs/Web/Media/Formats/Containers#选择正确的容器)；要为你的内容和目标受众选择合适的媒体编解码器，请参考[选择视频编解码器](/zh-CN/docs/Web/Media/Formats/Video_codecs#选择视频编解码器)以及[选择音频编解码器](/zh-CN/docs/Web/Media/Formats/Audio_codecs#选择音频编解码器)。
+由于确保你的应用程序中的媒体内容能在你想要覆盖的每一种浏览器、平台和设备上都正常显示有些复杂，因此选择最合适的编解码器和容器组合可能会是一项挑战。为了选择最适合你需求的容器文件格式，请参考[选择正确的容器](/zh-CN/docs/Web/Media/Guides/Formats/Containers#选择正确的容器)；要为你的内容和目标受众选择合适的媒体编解码器，请参考[选择视频编解码器](/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs#选择视频编解码器)以及[选择音频编解码器](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs#选择音频编解码器)。
 
 当然，这里有一点需要注意：移动浏览器和桌面浏览器对格式的支持可能不一样。此外，桌面和移动浏览器都*可能*外包媒体播放处理（可能是全部媒体也可能是仅仅是那些它无法内部处理的特定类型）。因此，媒体支持在一定程度上依赖于用户安装了哪些软件。
 
@@ -130,7 +130,7 @@ l10n:
 
 每个 `<source>` 元素都含有 [`type`](/zh-CN/docs/Web/HTML/Element/source#type) 属性，这个属性是可选的，但是建议你添加这个属性——它包含了 `<source>` 指定的 {{glossary("MIME type","MIME 类型")}}，同时浏览器也会通过检查这个属性来迅速的跳过那些不支持的格式。如果你没有添加 `type` 属性，浏览器会尝试加载每一个文件，直到找到一个能正确播放的格式，但是这样会消耗掉大量的时间和资源。
 
-请参考我们的[媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)，以选择最适合你的需求的容器和编解码器，同时查找合适的 MIME 类型以指定每种媒体类型。
+请参考我们的[媒体类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats)，以选择最适合你的需求的容器和编解码器，同时查找合适的 MIME 类型以指定每种媒体类型。
 
 ### 其他 \<video> 特性
 
@@ -262,7 +262,7 @@ WEBVTT
 
 ![视频播放器带有标准的控制功能，如播放、停止、音量和字幕开关。播放的视频显示了一名男子手持长矛状武器的场景，标题为“Esta hoja tiene pasado oscuro”。](video-player-with-captions.png)
 
-更多细节，包括如何添加标签，请阅读[为 HTML 视频添加标题和字幕](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)。在 Github 上可以找到[与本文相关的样例](https://iandevlin.github.io/mdn/video-player-with-captions/)，它们由 Ian Devlin 编写（或者[查看源代码](https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions)）。这个样例使用了 JavaScript 代码，用户借此可以选择不同的字幕。注意，若想要显示字幕，你需要点击“CC”按钮，并且选择某个选项（English、Deutsch 或 Español）。
+更多细节，包括如何添加标签，请阅读[为 HTML 视频添加标题和字幕](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)。在 Github 上可以找到[与本文相关的样例](https://iandevlin.github.io/mdn/video-player-with-captions/)，它们由 Ian Devlin 编写（或者[查看源代码](https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions)）。这个样例使用了 JavaScript 代码，用户借此可以选择不同的字幕。注意，若想要显示字幕，你需要点击“CC”按钮，并且选择某个选项（English、Deutsch 或 Español）。
 
 > [!NOTE]
 > 文本轨道还可以帮助你进行 {{glossary("SEO")}}，因为搜索引擎对文字特别感兴趣。搜索引擎甚至可以借助文本轨道直接链接到视频中的某个位置。
@@ -294,11 +294,11 @@ WEBVTT
 ## 参见
 
 - HTML 媒体元素：{{htmlelement("audio")}}、{{htmlelement("video")}}、{{htmlelement("source")}} 和 {{htmlelement("track")}}
-- [向视频添加字幕和标题](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)
-- [音频和视频传送](/zh-CN/docs/Web/Media/Audio_and_video_delivery)：使用 HTML 和 JavaScript 在网页上放置音频和视频的详细信息。
-- [音频和视频操作](/zh-CN/docs/Web/Media/Audio_and_video_manipulation)：使用 JavaScript 对音频和视频进行详细操作的指南（例如添加滤镜）。
+- [向视频添加字幕和标题](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)
+- [音频和视频传送](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery)：使用 HTML 和 JavaScript 在网页上放置音频和视频的详细信息。
+- [音频和视频操作](/zh-CN/docs/Web/Media/Guides/Audio_and_video_manipulation)：使用 JavaScript 对音频和视频进行详细操作的指南（例如添加滤镜）。
 - [Web 媒体技术](/zh-CN/docs/Web/Media)
-- [web 上的媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)
+- [web 上的媒体类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats)
 - [事件参考 > 媒体](/zh-CN/docs/Web/Events#media)
 
 {{PreviousMenuNext("Learn_web_development/Core/Structuring_content/HTML_images", "Learn_web_development/Core/Structuring_content/Mozilla_splash_page", "Learn_web_development/Core/Structuring_content")}}
diff --git a/files/zh-cn/learn_web_development/extensions/client-side_apis/introduction/index.md b/files/zh-cn/learn_web_development/extensions/client-side_apis/introduction/index.md
index 8c93b1ce2da7ff..1af009309bc04f 100644
--- a/files/zh-cn/learn_web_development/extensions/client-side_apis/introduction/index.md
+++ b/files/zh-cn/learn_web_development/extensions/client-side_apis/introduction/index.md
@@ -76,7 +76,7 @@ _图片来自：[过载的插头接口](https://www.flickr.com/photos/easy-pics/
 - **操作文档的 API** 内置于浏览器中。最明显的例子是 [DOM（文档对象模型）API](/zh-CN/docs/Web/API/Document_Object_Model)，它允许你操作 HTML 和 CSS——创建、移除以及修改 HTML，动态地将新样式应用到你的页面，等等。每当你看到一个弹出窗口出现在一个页面上，或者显示一些新的内容时，这都是 DOM 的行为。你可以在[操控文档](/zh-CN/docs/Learn_web_development/Core/Scripting/DOM_scripting)一文中找到关于这些类型的 API 的更多信息。
 - **从服务器获取数据的 API** 用于更新网页的一小部分，其非常常用。这个看似很小的细节可以对网站的性能和行为产生巨大的影响——如果你只是更新一个股票列表或者一些可用的新故事而不需要从服务器重新加载整个页面将使网站或应用程序的响应感觉更快、更“敏捷”。主要用于此目的的 API 是 [Fetch API](/zh-CN/docs/Web/API/Fetch_API)，虽然旧的代码可能仍然会使用 [`XMLHttpRequest`](/zh-CN/docs/Web/API/XMLHttpRequest) API。你也可能会同时遇到描述这项技术的术语 **Ajax**）。你可以在[从服务器中获取数据](/zh-CN/docs/Learn_web_development/Core/Scripting/Network_requests)一文找到关于此类 API 的更多信息。
 - **用于绘制和操作图形的 API** 目前已被浏览器广泛支持。最流行的是允许你以编程方式更新包含在 HTML {{htmlelement("canvas")}} 元素中的像素数据以创建 2D 和 3D 场景的 [Canvas](/zh-CN/docs/Web/API/Canvas_API) 和 [WebGL](/zh-CN/docs/Web/API/WebGL_API)。例如，你可以绘制矩形或圆形等形状，将图像导入到画布上，然后使用 Canvas API 对其应用滤镜（如棕褐色滤镜或灰度滤镜），或使用 WebGL 创建具有光照和纹理的复杂 3D 场景。这些 API 经常与用于创建动画循环的 API（例如 {{domxref("window.requestAnimationFrame()")}}）和其他 API 一起不断更新诸如动画和游戏之类的场景。
-- **[音频和视频 API](/zh-CN/docs/Web/Media/Audio_and_video_delivery)** 例如 {{domxref("HTMLMediaElement")}}、[Web 音频 API](/zh-CN/docs/Web/API/Web_Audio_API) 和 [WebRTC](/zh-CN/docs/Web/API/WebRTC_API) 允许你使用多媒体来做一些非常有趣的事情，比如创建用于播放音频和视频的自定义 UI 控件、显示字幕字幕和你的视频、从网络摄像机抓取视频、通过画布操纵（见上），或在网络会议中显示在别人的电脑上，或者添加效果到音轨（如增益、失真、平移等） 。
+- **[音频和视频 API](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery)** 例如 {{domxref("HTMLMediaElement")}}、[Web 音频 API](/zh-CN/docs/Web/API/Web_Audio_API) 和 [WebRTC](/zh-CN/docs/Web/API/WebRTC_API) 允许你使用多媒体来做一些非常有趣的事情，比如创建用于播放音频和视频的自定义 UI 控件、显示字幕字幕和你的视频、从网络摄像机抓取视频、通过画布操纵（见上），或在网络会议中显示在别人的电脑上，或者添加效果到音轨（如增益、失真、平移等） 。
 - **设备 API** 使得你可以与设备的硬件进行交互：例如，使用[地理位置 API](/zh-CN/docs/Web/API/Geolocation_API)来访问设备的 GPS，从而查找用户的位置。
 - **客户端存储 API** 使得你可以在客户端存储数据，因此你可以创建一个保存页面加载状态的应用，甚至让设备在处于离线状态时可用。有多种选项可供选择，例如使用 [Web 存储 API](/zh-CN/docs/Web/API/Web_Storage_API) 的简单的键/值存储以及使用 [IndexedDB API](/zh-CN/docs/Web/API/IndexedDB_API) 的更复杂的数据库存储。
 
diff --git a/files/zh-cn/learn_web_development/extensions/client-side_apis/video_and_audio_apis/index.md b/files/zh-cn/learn_web_development/extensions/client-side_apis/video_and_audio_apis/index.md
index 4fcfe487d00e56..efee961a3bbb22 100644
--- a/files/zh-cn/learn_web_development/extensions/client-side_apis/video_and_audio_apis/index.md
+++ b/files/zh-cn/learn_web_development/extensions/client-side_apis/video_and_audio_apis/index.md
@@ -458,9 +458,9 @@ clearInterval(intervalFwd);
 
 - {{domxref("HTMLMediaElement")}}
 - [视频和音频内容](/zh-CN/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio)：`<video>` 和 `<audio>` 的简单指南。
-- [音频与视频传输](/zh-CN/docs/Web/Media/Audio_and_video_delivery)：给浏览器传输音频和视频的详细指南，包括很多提示、技巧和指向更深层次教程的相关链接。
-- [音频与视频操作](/zh-CN/docs/Web/Media/Audio_and_video_manipulation)：操作音频和视频的详细指南，例如：使用 [Canvas API](/zh-CN/docs/Web/API/Canvas_API)、[Web Audio API](/zh-CN/docs/Web/API/Web_Audio_API) 等。
+- [音频与视频传输](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery)：给浏览器传输音频和视频的详细指南，包括很多提示、技巧和指向更深层次教程的相关链接。
+- [音频与视频操作](/zh-CN/docs/Web/Media/Guides/Audio_and_video_manipulation)：操作音频和视频的详细指南，例如：使用 [Canvas API](/zh-CN/docs/Web/API/Canvas_API)、[Web Audio API](/zh-CN/docs/Web/API/Web_Audio_API) 等。
 - {{htmlelement("video")}}、{{htmlelement("audio")}} 参考。
-- [Web 上的媒体类型与格式教程](/zh-CN/docs/Web/Media/Formats)
+- [Web 上的媒体类型与格式教程](/zh-CN/docs/Web/Media/Guides/Formats)
 
 {{PreviousMenuNext("Learn_web_development/Extensions/Client-side_APIs/Introduction", "Learn_web_development/Extensions/Client-side_APIs/Drawing_graphics", "Learn_web_development/Extensions/Client-side_APIs")}}
diff --git a/files/zh-cn/learn_web_development/extensions/performance/multimedia/index.md b/files/zh-cn/learn_web_development/extensions/performance/multimedia/index.md
index 0155f03c4a9b05..0d68cb0f1951ae 100644
--- a/files/zh-cn/learn_web_development/extensions/performance/multimedia/index.md
+++ b/files/zh-cn/learn_web_development/extensions/performance/multimedia/index.md
@@ -60,9 +60,9 @@ original_slug: Learn/Performance/Multimedia
 最优的文件格式通常取决于图像的特点。
 
 > [!NOTE]
-> 有关图像类型的一般信息，请参阅[图像文件类型和格式指南](/zh-CN/docs/Web/Media/Formats/Image_types)。
+> 有关图像类型的一般信息，请参阅[图像文件类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)。
 
-[SVG](/zh-CN/docs/Web/Media/Formats/Image_types#svg_可缩放矢量图形) 格式更适合颜色较少且不太逼真的照片的图像。这需要源文件以矢量图形格式提供。如果这样的图像仅以位图形式存在，则应选择 [PNG](/zh-CN/docs/Web/Media/Formats/Image_types#png_便携式网络图形) 作为后备格式。这种类型的图案示例是徽标、插图、图表或图标（注意：SVG 比图标字体好得多！）。两种格式都支持透明度。
+[SVG](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#svg_可缩放矢量图形) 格式更适合颜色较少且不太逼真的照片的图像。这需要源文件以矢量图形格式提供。如果这样的图像仅以位图形式存在，则应选择 [PNG](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#png_便携式网络图形) 作为后备格式。这种类型的图案示例是徽标、插图、图表或图标（注意：SVG 比图标字体好得多！）。两种格式都支持透明度。
 
 PNG 可以以三种不同的输出组合进行保存：
 
@@ -76,12 +76,12 @@ PNG 可以以三种不同的输出组合进行保存：
 
 其他格式在压缩方面改进了 JPEG，但并非所有浏览器都支持：
 
-- [WebP](/zh-CN/docs/Web/Media/Formats/Image_types#webp_图像)——既适用于图像又适用于动图的绝佳选择。WebP 提供比 PNG 或 JPEG 更好的压缩，支持更高的色深、动画帧和透明度等（但不支持渐进式显示）。除具有 Big Sur 或更早版本的 macOS 桌面版 Safari 14 外，所有主流浏览器都支持它。
+- [WebP](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#webp_图像)——既适用于图像又适用于动图的绝佳选择。WebP 提供比 PNG 或 JPEG 更好的压缩，支持更高的色深、动画帧和透明度等（但不支持渐进式显示）。除具有 Big Sur 或更早版本的 macOS 桌面版 Safari 14 外，所有主流浏览器都支持它。
 
   > [!NOTE]
   > 尽管 Apple [宣布在 Safari 14 中支持 WebP](https://developer.apple.com/videos/play/wwdc2020/10663/?time=1174)，但在 Safari 版本 16.0 之前，`.webp` 图像无法在早于 Big Sur 版本的 macOS 桌面版本上正常显示，而 iOS 14 上的 Safari *却能*正常显示 `.webp` 图像。
 
-- [AVIF](/zh-CN/docs/Web/Media/Formats/Image_types#avif_图像)——由于其是高性能和免版税的图像格式（甚至比 WebP 更高效），它是用于图像和动图的不错选择（尽管不太广泛）。它现在受 Chrome、Opera 和 Firefox 的支持。[Squoosh](https://squoosh.app/) 是一款出色的，可以将其他图像格式转换为 AVIF 的在线工具。
+- [AVIF](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#avif_图像)——由于其是高性能和免版税的图像格式（甚至比 WebP 更高效），它是用于图像和动图的不错选择（尽管不太广泛）。它现在受 Chrome、Opera 和 Firefox 的支持。[Squoosh](https://squoosh.app/) 是一款出色的，可以将其他图像格式转换为 AVIF 的在线工具。
 - **JPEG2000**——曾经是 JPEG 的继任者，但仅受 Safari 支持。也不支持渐进式显示。
 
 鉴于 JPEG-XR 和 JPEG2000 的支持范围很窄，并且还要考虑解码成本，JPEG 的唯一真正竞争对手是 WebP。这就是为什么你也可以以该格式提供图像。这可以通过使用配备了 [type 属性](/zh-CN/docs/Web/HTML/Element/picture#type_属性)的 `<picture>` 元素和 `<source>` 元素来完成。
diff --git a/files/zh-cn/learn_web_development/extensions/testing/html_and_css/index.md b/files/zh-cn/learn_web_development/extensions/testing/html_and_css/index.md
index 6bd28f6b66243c..895d5c739580d4 100644
--- a/files/zh-cn/learn_web_development/extensions/testing/html_and_css/index.md
+++ b/files/zh-cn/learn_web_development/extensions/testing/html_and_css/index.md
@@ -274,8 +274,8 @@ HTML 和 CSS 还有很多其他的问题。最重要的是如何在网上找到
 为使用 Mozilla 开发者网络（MDN），大多数人会搜索他们正在尝试查找的信息的技术术语加上“mdn”，例如“mdn HTML5 video”。MDN 包含几种有用的内容类型：
 
 - 带有客户端 web 技术浏览器支持信息的参考资料，例如 [\<video> 参考页面](/zh-CN/docs/Web/HTML/Element/video)。
-- 其他的支持性参考资料，例如 [web 媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)。
-- 解决特定问题的有用教程，例如[创建跨浏览器的视频播放器](/zh-CN/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player)。
+- 其他的支持性参考资料，例如 [web 媒体类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats)。
+- 解决特定问题的有用教程，例如[创建跨浏览器的视频播放器](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/cross_browser_video_player)。
 
 [caniuse.com](https://caniuse.com/) 提供支持信息，以及一些有用的外部资源链接。例如，请参阅 <https://caniuse.com/#search=video>（你只需在文本框中输入要搜索的特性）。
 
diff --git a/files/zh-cn/mdn/at_ten/index.md b/files/zh-cn/mdn/at_ten/index.md
deleted file mode 100644
index 1a8020b73c0f3c..00000000000000
--- a/files/zh-cn/mdn/at_ten/index.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: Mozilla 开发者网络 10 周年
-slug: MDN/At_ten
----
-
-{{MDNSidebar}}
-
-为我们 Web 技术的文档化走过 10 年而庆祝！
-
-## MDN 历史
-
-2005 年初，一个由理想者组成的小团队建立起来并开始为所有的 Web 开发者提供实时、免费和社区驱动的在线资源。他们杰出而不寻常的想法逐渐演化成了今天的 Mozilla 开发者网络——一个领先和全面的开放 Web 技术资源库。十年后，我们全球化的社区变得更加的强大，同时，为了能给广泛的网络技术公司提供技术上的支持，我们还坚持编写文档、案例代码以及学习资源，其中就包括像 CSS、HTML、JavaScript 以及各种能够使得网络变得更加强大的东西。
-
-[了解更多有关 MDN 的历史](/zh-CN/docs/MDN/At_ten/History_of_MDN)
-
-## 为 MDN 做出贡献
-
-十年来，MDN 社区已经几乎给开放网络贡献了无限多的文档，从最小的字符修改到编写整个一系列新的 API，对开放网络，社区中的每个人都有贡献，每个人既不会付出太多也不会太少。我们已经有超过 90000 页的文档或内容被社区中突出的智谋人（Mozillians）编辑或者翻译，你也可以成为这些人中的一员。
-
-[了解更多如何为 MDN 做出贡献](/zh-CN/docs/MDN/Community/Contributing)
-
-## 参见
-
-- [MDN 的历史渊源](/zh-CN/docs/MDN/At_ten/History_of_MDN)
diff --git a/files/zh-cn/mdn/community/communication_channels/index.md b/files/zh-cn/mdn/community/communication_channels/index.md
index 8f22b2c215f1ed..220ab9e4eaf427 100644
--- a/files/zh-cn/mdn/community/communication_channels/index.md
+++ b/files/zh-cn/mdn/community/communication_channels/index.md
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: 934dace5fd2f456fb9178b687ad0abb6e4b0a049
 ---
 
-{{MDNSidebar}}
-
 社区可以通过多种沟通渠道与 MDN Web 文档的员工联系并参与讨论。
 
 ## 聊天室
diff --git a/files/zh-cn/mdn/community/contributing/index.md b/files/zh-cn/mdn/community/contributing/index.md
deleted file mode 100644
index 2a0ad335ea64f9..00000000000000
--- a/files/zh-cn/mdn/community/contributing/index.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: 为 MDN Web 文档作贡献
-slug: MDN/Community/Contributing
----
-
-{{MDNSidebar}}
-
-- [初识 MDN](/zh-CN/docs/MDN/Community/Contributing/Getting_started)
-- [我们的仓库](/zh-CN/docs/MDN/Community/Contributing/Our_repositories)
-- [本地化内容](/zh-CN/docs/MDN/Community/Contributing/Translated_content)
-- [安全漏洞响应](/zh-CN/docs/MDN/Community/Contributing/Security_vulnerability_response)
diff --git a/files/zh-cn/mdn/community/discussions/index.md b/files/zh-cn/mdn/community/discussions/index.md
index ae20bf47d8e56e..3a1113f54e2243 100644
--- a/files/zh-cn/mdn/community/discussions/index.md
+++ b/files/zh-cn/mdn/community/discussions/index.md
@@ -3,8 +3,6 @@ title: 社区讨论
 slug: MDN/Community/Discussions
 ---
 
-{{MDNSidebar}}
-
 在 MDN Web 文档，我们鼓励社区就与整个项目相关的主题开始或参与讨论。讨论按不同的主题进行分类。我们要求你将每次讨论集中在当前的主题上，而不是在一次讨论中涵盖多个主题。
 
 _注意_：`mdn-community/discussions` 不是报告问题的地方。对于在 MDN Web 文档中遇到的任何问题，最好是在[相关项目](https://github.com/mdn/)中创建议题。如果你对是否要创建议题或讨论有任何疑问，请考虑以下准则：
diff --git a/files/zh-cn/mdn/community/contributing/getting_started/index.md b/files/zh-cn/mdn/community/getting_started/index.md
similarity index 98%
rename from files/zh-cn/mdn/community/contributing/getting_started/index.md
rename to files/zh-cn/mdn/community/getting_started/index.md
index 0ede5ab9b0eeb9..3492530960e520 100644
--- a/files/zh-cn/mdn/community/contributing/getting_started/index.md
+++ b/files/zh-cn/mdn/community/getting_started/index.md
@@ -1,10 +1,8 @@
 ---
 title: 初识 MDN Web 文档
-slug: MDN/Community/Contributing/Getting_started
+slug: MDN/Community/Getting_started
 ---
 
-{{MDNSidebar}}
-
 我们是一个由开发者、技术写作人员和学习者组成的开放社区，目标是为更好的 Web 构建资源，而无关品牌、浏览器或平台。任何人都可以贡献自己的力量，每一个为此做出贡献的人都会让我们更加强大。与我们一起，持续推动 Web 技术向更伟大的方向革新。让我们与你一起从这里开始。
 
 [加入我们吧！](/zh-CN/docs/MDN/Community/Communication_channels)
diff --git a/files/zh-cn/mdn/community/index.md b/files/zh-cn/mdn/community/index.md
index d502aa23100da2..e733ddac8eeda1 100644
--- a/files/zh-cn/mdn/community/index.md
+++ b/files/zh-cn/mdn/community/index.md
@@ -3,8 +3,6 @@ title: 社区准则
 slug: MDN/Community
 ---
 
-{{MDNSidebar}}
-
 👋 欢迎来到 MDN Web 文档，这是一个记录了包括 [HTML](/zh-CN/docs/Web/HTML)、[CSS](/zh-CN/docs/Web/CSS)、[JavaScript](/zh-CN/docs/Web/JavaScript) 和 [Web API](/zh-CN/docs/Web/API) 等 web 平台技术的开源协作项目。我们还为初级开发者和学生提供了大量的[学习资源](/zh-CN/docs/Learn)。
 
 要参与并为我们的项目作出贡献、参与相关讨论，你需要阅读并遵守 [Mozilla 社区参与准则](https://github.com/mdn/mdn-community/blob/main/CODE_OF_CONDUCT.md)。
@@ -28,7 +26,7 @@ slug: MDN/Community
   - : 本节说明了你如何开始贡献，以及我们接受的贡献的类型。本节涵盖以下主题：
 
     - [入门](/zh-CN/docs/MDN/Community/Contributing/Getting_started)
-    - [我们的仓库](/zh-CN/docs/MDN/Community/Contributing/Our_repositories)
+    - [我们的仓库](/zh-CN/docs/MDN/Community/Our_repositories)
     - [翻译内容](/zh-CN/docs/MDN/Community/Contributing/Translated_content)
     - [安全漏洞响应步骤](/zh-CN/docs/MDN/Community/Contributing/Security_vulnerability_response)
 
diff --git a/files/zh-cn/mdn/community/issues/index.md b/files/zh-cn/mdn/community/issues/index.md
index 3116d2d623862d..c3c24bcb875854 100644
--- a/files/zh-cn/mdn/community/issues/index.md
+++ b/files/zh-cn/mdn/community/issues/index.md
@@ -3,8 +3,6 @@ title: 创建和解决议题指南
 slug: MDN/Community/Issues
 ---
 
-{{MDNSidebar}}
-
 作为贡献者，你可以[报告](#报告议题指南)和[解决](#解决议题指南)议题（issue）。
 
 在你报告议题后，议题会被分类。议题[分类](#议题分类指南)通常由被指定为维护者或所有者的人员完成。
@@ -31,7 +29,7 @@ slug: MDN/Community/Issues
 
 ### 创建议题前
 
-如果你认为你发现了 MDN Web 文档内容或网站界面外观的错误，请搜索[相关的仓库](/zh-CN/docs/MDN/Community/Contributing/Our_repositories)中当前未解决的议题，确保没有其他人报告该议题。
+如果你认为你发现了 MDN Web 文档内容或网站界面外观的错误，请搜索[相关的仓库](/zh-CN/docs/MDN/Community/Our_repositories)中当前未解决的议题，确保没有其他人报告该议题。
 
 ### 报告议题
 
diff --git a/files/zh-cn/mdn/community/learn_forum/index.md b/files/zh-cn/mdn/community/learn_forum/index.md
index d8d78feb37e2ec..cc0ec0ed8784bf 100644
--- a/files/zh-cn/mdn/community/learn_forum/index.md
+++ b/files/zh-cn/mdn/community/learn_forum/index.md
@@ -3,8 +3,6 @@ title: 学习论坛
 slug: MDN/Community/Learn_forum
 ---
 
-{{MDNSidebar}}
-
 我们的[学习 web 开发](/zh-CN/docs/Learn)页面每个月可以获得上百万次的浏览量，且拥有[活跃的论坛](https://discourse.mozilla.org/c/mdn/learn/250)可供人们寻求普遍的帮助，或请求对他们的测验进行评估。我们乐于帮助人们回答帖子中的问题，以让这个学习社区更加壮大。
 
 ## 我们需要的帮助
diff --git a/files/zh-cn/mdn/community/open_source_etiquette/index.md b/files/zh-cn/mdn/community/open_source_etiquette/index.md
index 5dc32c3d8ab4d3..f8c5e078af5c47 100644
--- a/files/zh-cn/mdn/community/open_source_etiquette/index.md
+++ b/files/zh-cn/mdn/community/open_source_etiquette/index.md
@@ -3,8 +3,6 @@ title: 开源项目礼节
 slug: MDN/Community/Open_source_etiquette
 ---
 
-{{MDNSidebar}}
-
 如果你从未在开源项目（open source project，OSP）工作过，在你开始向 MDN Web 文档（或其他开源项目）贡献之前，我们推荐你阅读这篇文章。这里有一些可供实行的最佳实践，来帮助确保你和其他项目贡献者感到受重视和安心，并保持生产力。
 
 这篇文章不会教到你所有如何为开源项目做贡献的技巧，这篇文章的目标主要是为了让你为开源项目贡献时，有一些好的出发点。
diff --git a/files/zh-cn/mdn/community/contributing/our_repositories/index.md b/files/zh-cn/mdn/community/our_repositories/index.md
similarity index 98%
rename from files/zh-cn/mdn/community/contributing/our_repositories/index.md
rename to files/zh-cn/mdn/community/our_repositories/index.md
index a63d5317a4c720..8ed3aaca70ccb1 100644
--- a/files/zh-cn/mdn/community/contributing/our_repositories/index.md
+++ b/files/zh-cn/mdn/community/our_repositories/index.md
@@ -1,10 +1,8 @@
 ---
 title: MDN Web 文档仓库
-slug: MDN/Community/Contributing/Our_repositories
+slug: MDN/Community/Our_repositories
 ---
 
-{{MDNSidebar}}
-
 [MDN Web 文档](/)是一个复杂的项目，有很多不同的部分。熟悉项目的不同仓库（repository）是个好主意。本文档旨在帮助你找到在为 MDN Web 文档项目中不同部分做出贡献时可能需要的不同仓库。
 
 ## 仓库层级
diff --git a/files/zh-cn/mdn/community/pull_requests/index.md b/files/zh-cn/mdn/community/pull_requests/index.md
index 295cf70b2fb771..5f0f39ace3fec9 100644
--- a/files/zh-cn/mdn/community/pull_requests/index.md
+++ b/files/zh-cn/mdn/community/pull_requests/index.md
@@ -3,8 +3,6 @@ title: 拉取请求的提交和审查指南
 slug: MDN/Community/Pull_requests
 ---
 
-{{MDNSidebar}}
-
 本文档描述了贡献者应如何对 MDN Web 文档进行更改，以及这些更改是如何进行审查并发布到网站上的。MDN Web 文档的内容更改包括：
 
 - API 文档、CSS 属性、平台更新和内容添加的**日常改进**。这通常由 Mozilla、谷歌、Open Web Docs、三星的 MDN Web 文档员工以及社区志愿者完成。
diff --git a/files/zh-cn/mdn/community/roles_teams/index.md b/files/zh-cn/mdn/community/roles_teams/index.md
index 0b7ed679aa149d..802d01a4e94785 100644
--- a/files/zh-cn/mdn/community/roles_teams/index.md
+++ b/files/zh-cn/mdn/community/roles_teams/index.md
@@ -3,8 +3,6 @@ title: MDN Web 文档角色和团队
 slug: MDN/Community/Roles_teams
 ---
 
-{{MDNSidebar}}
-
 MDN Web 文档项目的成功和发展在很大程度上要归功于我们的贡献者社区。一些贡献者投入了部分时间，协助完成 MDN Web 文档的日常运行任务。对网站的修改，包括维护任务，都是由员工、承包商和合作伙伴网络完成的，他们都致力于 MDN Web 文档的健康、发展和维护。该项目在很大程度上依赖于 [GitHub 上的 MDN 组织](https://github.com/mdn)中的[角色](#角色)和[团队](#团队)来管理和整合来自这些不同群体的变更。该组织的成员名单可[在此找到](https://github.com/orgs/mdn/people)。
 
 社区贡献对这个开源项目帮助巨大。贡献者可以通过他们在 MDN Web 文档上的工作展示他们的写作、技术和协作技能，以及与来自不同背景的人合作的能力。本节将介绍你在 MDN Web 文档项目志愿工作中可以担任的角色。
diff --git a/files/zh-cn/mdn/community/contributing/security_vulnerability_response/index.md b/files/zh-cn/mdn/community/security_vulnerability_response/index.md
similarity index 97%
rename from files/zh-cn/mdn/community/contributing/security_vulnerability_response/index.md
rename to files/zh-cn/mdn/community/security_vulnerability_response/index.md
index 832ca62b7aa8dd..3ae013520dfb9f 100644
--- a/files/zh-cn/mdn/community/contributing/security_vulnerability_response/index.md
+++ b/files/zh-cn/mdn/community/security_vulnerability_response/index.md
@@ -1,12 +1,10 @@
 ---
 title: 安全漏洞响应步骤
-slug: MDN/Community/Contributing/Security_vulnerability_response
+slug: MDN/Community/Security_vulnerability_response
 l10n:
   sourceCommit: aba02eadb67bbc425b4c8f3bbe9b066b6d21ea1b
 ---
 
-{{MDNSidebar}}
-
 ## 历史
 
 2018 年 11 月 27 日，一个 npm 安全漏洞被公布，所有（无论是直接还是间接）依赖于 [event-stream](https://snyk.io/blog/malicious-code-found-in-npm-package-event-stream) 包的用户，都会受到影响。这是一个非常有针对性的攻击，只有在安装了 Copay 比特币钱包的情况下才会激活，然后它会尝试窃取内容。
diff --git a/files/zh-cn/mdn/community/contributing/translated_content/index.md b/files/zh-cn/mdn/community/translated_content/index.md
similarity index 98%
rename from files/zh-cn/mdn/community/contributing/translated_content/index.md
rename to files/zh-cn/mdn/community/translated_content/index.md
index 7bc1f456fe8bd3..38361d67ed9bd4 100644
--- a/files/zh-cn/mdn/community/contributing/translated_content/index.md
+++ b/files/zh-cn/mdn/community/translated_content/index.md
@@ -1,12 +1,10 @@
 ---
 title: MDN Web 文档的本地化
-slug: MDN/Community/Contributing/Translated_content
+slug: MDN/Community/Translated_content
 l10n:
   sourceCommit: 7eed0e1e4ab478d78dc7ca23c19ae77406776e4e
 ---
 
-{{MDNSidebar}}
-
 自 2020 年 12 月 14 日起，MDN 一直运行在新的基于 GitHub 的 [Yari 平台](https://github.com/mdn/yari)上。这为 MDN 带来了许多积极影响，但我们需要彻底改变我们处理本地化内容的方式。这是因为在我们的非英语本地化语言中，有很多内容未经维护且已经过时，我们希望将来能更好地管理这些内容。
 
 除了以下语言，其他所有的本地化内容都已经归档，这意味着它们在 GitHub 上是只读的，不能在 MDN 上查看。活跃的本地语言有专门的团队负责维护。
diff --git a/files/zh-cn/web/guide/index.md b/files/zh-cn/mdn/guides/index.md
similarity index 96%
rename from files/zh-cn/web/guide/index.md
rename to files/zh-cn/mdn/guides/index.md
index 242c9bf33c71a1..387758313678ed 100644
--- a/files/zh-cn/web/guide/index.md
+++ b/files/zh-cn/mdn/guides/index.md
@@ -1,6 +1,6 @@
 ---
 title: 开发者指南
-slug: Web/Guide
+slug: MDN/Guides
 l10n:
   sourceCommit: de6055c2b1cb224d09fbce7c7ffc6b9a2f7a1097
 ---
@@ -34,9 +34,9 @@ MDN 文档中有大量的指南，这些文章意在增加用例，或教你如
 
 ## 媒体
 
-- [音视频传输](/zh-CN/docs/Web/Media/Audio_and_video_delivery)
+- [音视频传输](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery)
   - : 我们可以通过多种方式在 Web 上传递音频和视频，从“静态”媒体文件到自适应实时流。本文旨在作为探索基于网络的媒体的各种传输机制以及与流行浏览器的兼容性的起点。
-- [音视频操作](/zh-CN/docs/Web/Media/Audio_and_video_manipulation)
+- [音视频操作](/zh-CN/docs/Web/Media/Guides/Audio_and_video_manipulation)
   - : Web 的魅力在于你可以结合各种技术来创造新的形式。在浏览器中拥有原生音频和视频意味着我们可以使用这些诸如 {{htmlelement("canvas")}}、[WebGL](/zh-CN/docs/Web/API/WebGL_API) 或 [Web 音频 API](/zh-CN/docs/Web/API/Web_Audio_API) 的数据流技术来直接修改音视频，例如向音频添加混响或压缩效果，或向视频添加灰度或褐色滤镜。本篇文章提供了一个参考，解释了你需要做些什么。
 
 ## API 接口
diff --git a/files/zh-cn/mdn/index.md b/files/zh-cn/mdn/index.md
index 65b6de0120b20f..0f6cf545c61aa8 100644
--- a/files/zh-cn/mdn/index.md
+++ b/files/zh-cn/mdn/index.md
@@ -1,25 +1,19 @@
 ---
 title: MDN Web 文档项目
 slug: MDN
+l10n:
+  sourceCommit: cdf5bebefe9bb292b3aa6c9e733ba06a8466016e
 ---
 
-{{MDNSidebar}}
-
-**MDN Web 文档**是免费使用的，且允许我们记录开放 web 平台的资源。我们的使命是为*开发者*提供*信息*，帮助他们*轻松地*在 *web 平台*上构建项目。
-
-这是 MDN Web 文档项目的着陆页。在这里，你可以找到有关网站如何工作、如何编写文档、遵循哪些准则和惯例，以及你如何提供帮助的指南。
-
-同时，我们邀请所有人来提供帮助！MDN Web 文档是一个开源的项目，并接受来自社区的贡献。这里有许多从简单（校对和纠正拼写错误）到复杂（撰写 API 文档）的任务，你可以通过这些任务为我们提供帮助。
-
-如果要了解如何提供帮助，请访问我们的[入门](/zh-CN/docs/MDN/Community/Contributing/Getting_started)页面。如果你想与我们交谈并提出问题，请加入 [Matrix](https://wiki.mozilla.org/Matrix) 上的 [MDN Web 文档聊天室](https://chat.mozilla.org/#/room/#mdn:mozilla.org)进行讨论。
-
-- [社区准则](/zh-CN/docs/MDN/Community)
-
-  - : 这里的指南可以帮助你开始为 MDN Web 文档作贡献。它还涵盖了诸如如何帮助我们处理任务解决议题、开始一个讨论或建议内容等主题。如果你需要帮助或联系我们，你也可以在此处找到相关信息。
+**MDN Web 文档**是免费使用的，且允许我们记录开放 Web 技术的资源。我们的使命是为*开发者*提供*信息*，帮助他们*轻松地*在 *Web 平台*上构建项目。以下资源描述了网站的运作方式、我们如何编写文档、我们遵循的准则和惯例以及你如何参与。
 
+- [Web 开发教程](/zh-CN/docs/MDN/Tutorials)
+  - : MDN Web 文档上的精选教程列表和针对初学者、中级或专家级 Web 开发人员的学习材料。探索 CSS、JavaScript、HTML 等 Web 技术。
+- [开发者指南](/zh-CN/docs/MDN/Guides)
+  - : 一系列有针对性、以目标为导向的指南，通过实际示例教你如何使用特性或 API。这些指南提供实践解释，帮助你理解和应用新概念。
+- [MDN Web 文档社区](/zh-CN/docs/MDN/Community)
+  - : 这里的指南可以帮助你开始为 MDN Web 文档作贡献。你可以了解在哪里寻找答案、如何处理 GitHub 议题、开始一个讨论或建议内容。如果你需要帮助或联系我们，你也可以在此处找到相关信息。
 - [撰写指南](/zh-CN/docs/MDN/Writing_guidelines)
-
-  - : 这里的指南提供了有关如何撰写 MDN Web 文档的所有信息。这里有我们收录内容的相关政策。你还可以在这里找到我们的文档写作规范、处理各类内容任务的指南，还有关于我们不同页面结构的相关信息。
-
-- [MDN 产品咨询委员会](/zh-CN/docs/MDN/MDN_Product_Advisory_Board)
-  - : MDN 产品咨询委员会的使命是在 Mozilla、文档团队和帮助 MDN 社区共同维护 MDN Web 文档的主要协作组织之间建立协作关系。
+  - : 这里的指南提供了有关如何撰写 MDN Web 文档的信息。它们包含编辑政策，定义了我们撰写的内容类型和我们不撰写的内容类型。你将找到我们的写作风格指南、特定任务的操作指南以及有关不同类型页面结构的信息。
+- [关于 MDN Web 文档](/zh-CN/about)
+  - : MDN Web 文档每月为数百万读者提供服务，并为开发者提供所需的工具和信息，帮助他们在开放 Web 上轻松构建项目。了解 MDN 的历史、开发 MDN Web 文档的团队、我们的价值观以及我们的合作伙伴。
diff --git a/files/zh-cn/mdn/mdn_product_advisory_board/index.md b/files/zh-cn/mdn/mdn_product_advisory_board/index.md
deleted file mode 100644
index b0699c63288cdc..00000000000000
--- a/files/zh-cn/mdn/mdn_product_advisory_board/index.md
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: MDN 产品咨询委员会
-slug: MDN/MDN_Product_Advisory_Board
----
-
-{{MDNSidebar}}
-
-MDN Web 文档是基于 wiki 技术、也基于开源的 Web 开发文档平台，是 Web 开发人员的技术文档的可靠来源，允许几乎任何人撰写和编辑内容。
-
-Mozilla 对 MDN 产品咨询委员会的愿景是建立协作，帮助 MDN 社区将 MDN 作为最全面，完整和值得信赖的参考文献，将文档记录在现代浏览器和 Web 标准的最重要方面。
-
-产品咨询委员会将会从外部领导者提供建议，帮助 MDN 致力于提供 HTML、CSS、JavaScript 和 Web API 的中立、与浏览器无关的文档，并成为基于标准的 Web 开发的首要参考。
-
-## 成员
-
-现任 MDN 产品咨询委员会成员：
-
-- **Reeza Ali**
-  首席项目经理，微软 Edge 浏览器开发者体验（Developer Experience）
-  - : Reeza Ali 是微软的一位项目经理，负责领导 Edge 开发者关系团队的内容策略。在他的整个在微软工作的职业生涯中，他一直是帮助开发者获得成功的支持者。在过去 7 年多的时间里，他领导了微软多个 Web 内容文档团队和项目。他认为，产品内容和学习经验在位开发者创造成功的方面发挥着关键的作用。他对内容策略、技术，以及有关技术的交流充满热情。
-- **Sukriti Chadha**
-  产品经理，Spotify
-  - : Sukriti Chadha 是 Spotify 的一位从移动端软件开发人员做起的产品经理，负责领导跨平台无障碍和移动端开发者体验。她还担任 [W3C WCAG（Web 内容无障碍指南）工作组](https://www.w3.org/WAI/standards-guidelines/wcag/)以及[移动无障碍任务组（MATF）](https://www.w3.org/WAI/standards-guidelines/mobile/)的特邀专家，她为 web 和移动应用的无障碍行业指南作出了重要贡献。她构建了一种新的视觉障碍用户的数据可视化方法，并[在 2019 年开源了 Android 端的解决方案](https://developer.yahoo.com/blogs/612790529269366784/)。Sukriti 负责管理开发者体验的蓝图、自动化测试，以及在产品的声明周期中嵌入无障碍功能。
-- **Hermina Condei**
-  社区体验（Community Experience）产品负责人、营销运营，Mozilla
-  - : Hermina Condei 在 Mozilla 领导 MDN Web 文档的产品管理以及 SUMO（SUpport.MOzilla.org）平台开发。在过去的几年里，她推动了公司内的多个项目，重点是员工和社区访问权限和身份的管理。她还领导了 **Open Innovation Group** 的产品团队，专注于管理与团队项目相关的内外部利益相关者。
-- **Dominique Hazael-Massieux**
-  W3C Web 技术专家，包括：[电信行业垂直领域](https://www.w3.org/Telco/)、[Web 即时通信（RTC）工作组](https://www.w3.org/groups/wg/webrtc)、[设备和传感器工作组](https://www.w3.org/das/)
-  - : Dominique Hazael-Massieux 是 W3C 的一位工作人员，领导了 W3C 的开发者关系相关的工作。Dom 从 2000 年就开始为 W3C 工作，除了与开发相关的工作，他还参与了 WebRTC、设备 API 以及 WebVR 的标准化工作。
-- **Brian Kardell**
-  开发倡导者，Igalia
-  - : Brian 是 Igalia 的一位开发者倡导者（Developer Advocate）。他参与了 W3C，是 Igalia 的咨询委员会代表，并参加了多个工作组和社区团体。他还是 Open JS 基金会的代表。
-- **Joe Medley**
-  高级技术写作者、Web 开发者关系，谷歌
-  - : 在过去 5 年中，Joe 领导了 Google Web 参考文档平台的创建，这意味着他在 MDN 上花费了大量的时间。除了编辑针对 Web 开发者的 Chrome 测试版发布公告外，他还偶尔为 web.dev 撰写文章。Joe 在长期为企业应用程序编写开发人员参考文档以及获得了中密苏里大学的教育学位后开始负责 Web 开发者关系。
-- **Eric Meyer**
-  开发倡导者，Igalia
-  - : [Eric](https://meyerweb.com/)（[@meyerweb](https://twitter.com/meyerweb)）是 [Igalia](https://www.igalia.com/) 的一位[写作者](https://meyerweb.com/eric/writing.html)、演说家、博主，有时也会作为教师或顾问，他还是 [An Event Apart](https://aneventapart.com/) 的联合创始人。他一直从事于 Web 工作，并且依然觉得它十分吸引人。
-- **Laura Morinigo**
-  Web 开发倡导者，三星
-  - : Laura 是一位软件开发者、倡导者和布道师。她热衷于分享她的知识，并与全球不同的科技社区建立联系。因为她的贡献，她被公认为谷歌开发专家和女性技术创新大使。作为布道者，她帮助初创公司参与了诸如谷歌 Google Launchpad 和联合国粮食计划属等加速器项目。目前，她是三星浏览器的 Web 开发倡导者。她为 Web 标准作出了贡献，并参与传播有关 Web 特性的内容，帮助开发者创建出色且更具包容性的 Web 应用程序。
-- **Sheila Moussavi**
-  主要负责人，Bocoup
-  - : Sheila 是 [Bocoup](https://bocoup.com/about) 的主要负责人，她领导的团队致力于开发 HTML 和 CSS 等的 Web 标准，以及诸如 [Scratch](https://www.scratchfoundation.org/) 这样的无代码编程工具。Sheila 负责推动将 Bocoup 的 Web 标准纳入到 W3C 中，并热衷于使得 Web 标准更加公平、在标准化的流程与 Web 开发者间建立更加紧密的联系。在她的有关科技的职业生涯（以及先前的健康平等和残疾司法）中，她一直专注于培养有效的、以正义为导向的组织和工作空间。
-- **Robert Nyman**
-  计划和倡议全球负责人、Web 开发者关系，谷歌
-  - : Robert Nyman 是谷歌开发者反馈与社区、Web 平台的全球负责人。他致力于使得 Web 称为开发者最佳的平台。在加入谷歌之前，Robert 是 Mozilla 的技术布道者，专注于更加开放的 Web 以及公司的各种产品和计划。他住在斯德哥尔摩，热衷于旅行和结识新朋友。他曾在 42 个国家发表过演讲，并在 Lanyrd 上获得了“Most Well-Traveled Speaker”（最受游客欢迎的演讲者）称号。
-- **Kyle Pflug**
-  高级产品经理、微软 Edge 浏览器开发者体验
-  - : Kyle Pflug 是微软 项目经理，负责领导微软 Edge 浏览器的开发者关系和社区外展项目。在过去的五年中，他致力于在微软内部提倡收集 Web 开发者和合作伙伴的观点。他热衷于让 Web 对于开发者变得更具包容性和无障碍。
-
-**MDN 产品咨询委员会委员：**
-
-- 来自 Okta 的 Ali Spivak
-- 来自三星的 Daniel Appelquist
-- 来自 Bocoup 的 Jory Burson
-- 来自谷歌的 Meggin Kearney
-- 来自微软的 Erika Doyle Navara
-- 来自微软的 Patrick Kettner
-- 来自微软的 Travis Leithead
-- 来自 Mozilla 的 Chris Mills
-- 来自 Mozilla 的 Kadir Topal
-
-## 参见
-
-- [产品咨询委员会章程和会员资格](/zh-CN/docs/MDN/MDN_Product_Advisory_Board/Membership)
diff --git a/files/zh-cn/web/tutorials/index.md b/files/zh-cn/mdn/tutorials/index.md
similarity index 99%
rename from files/zh-cn/web/tutorials/index.md
rename to files/zh-cn/mdn/tutorials/index.md
index 4117054c79d0a6..0dd6e29aa5955a 100644
--- a/files/zh-cn/web/tutorials/index.md
+++ b/files/zh-cn/mdn/tutorials/index.md
@@ -1,6 +1,6 @@
 ---
 title: 教程
-slug: Web/Tutorials
+slug: MDN/Tutorials
 l10n:
   sourceCommit: d7143e171b5f18fb37a686a7d4947db417fd74f3
 ---
diff --git a/files/zh-cn/mdn/writing_guidelines/attrib_copyright_license/index.md b/files/zh-cn/mdn/writing_guidelines/attrib_copyright_license/index.md
index 263c0da468d45a..ed8c7dc6bb86a2 100644
--- a/files/zh-cn/mdn/writing_guidelines/attrib_copyright_license/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/attrib_copyright_license/index.md
@@ -3,8 +3,6 @@ title: 署名和版权许可
 slug: MDN/Writing_guidelines/Attrib_copyright_license
 ---
 
-{{MDNSidebar}}
-
 MDN Web 文档的内容是免费的，并在开源协议下提供。
 
 ## 使用 MDN Web 文档的内容
diff --git a/files/zh-cn/mdn/writing_guidelines/experimental_deprecated_obsolete/index.md b/files/zh-cn/mdn/writing_guidelines/experimental_deprecated_obsolete/index.md
index e92d4ccabd59c3..35ec6300502b51 100644
--- a/files/zh-cn/mdn/writing_guidelines/experimental_deprecated_obsolete/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/experimental_deprecated_obsolete/index.md
@@ -3,8 +3,6 @@ title: 实验性、已弃用和过时
 slug: MDN/Writing_guidelines/Experimental_deprecated_obsolete
 ---
 
-{{MDNSidebar}}
-
 这些术语通常与技术和规范相关联，还用于在 MDN Web 文档上标记技术的状态。对于这些术语的定义，MDN Web 文档与[浏览器兼容性数据（BCD）](https://github.com/mdn/browser-compat-data/blob/main/schemas/compat-data-schema.md#status-information)仓库保持一致。下文描述了这些术语以及它们应在 MDN Web 文档的哪些上下文中使用。
 
 ## 实验性
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/creating_moving_deleting/index.md b/files/zh-cn/mdn/writing_guidelines/howto/creating_moving_deleting/index.md
index ad58d73bf13147..8905b182fb61f0 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/creating_moving_deleting/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/creating_moving_deleting/index.md
@@ -3,8 +3,6 @@ title: 如何创建、移动、删除及编辑页面
 slug: MDN/Writing_guidelines/Howto/Creating_moving_deleting
 ---
 
-{{MDNSidebar}}
-
 本文描述了创建、移动、删除及编辑页面的方法。在所有这些情况下，最好检查我们的 [MDN 收录规则](/zh-CN/docs/MDN/Writing_guidelines/What_we_write)页面的指导方针，以确认是否应该采取这些行动，并在采取进一步措施之前与 MDN Web 文档团队在 [MDN Web 文档聊天室](/zh-CN/docs/MDN/Community/Communication_channels#聊天室)进行讨论。
 
 ## 创建页面
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/document_a_css_property/index.md b/files/zh-cn/mdn/writing_guidelines/howto/document_a_css_property/index.md
index dd9b312da1f342..41c4ab343c5c0b 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/document_a_css_property/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/document_a_css_property/index.md
@@ -3,8 +3,6 @@ title: 如何记录 CSS 属性
 slug: MDN/Writing_guidelines/Howto/Document_a_CSS_property
 ---
 
-{{MDNSidebar}}
-
 新的属性随着 [CSS](/zh-CN/docs/Web/CSS) 标准的发展而不断添加。MDN Web 文档上的 [CSS 参考](/zh-CN/docs/Web/CSS/Reference)需要紧跟其发展。本文提供了创建 CSS 属性参考页面的步骤说明。
 
 每个 CSS 属性参考页面都遵循相同的结构。这有助于读者更容易地找到信息，特别是在他们熟悉标准参考页面的格式之后。
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/document_an_http_header/index.md b/files/zh-cn/mdn/writing_guidelines/howto/document_an_http_header/index.md
index 11bfdef4b025ab..3c3de43e0814fd 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/document_an_http_header/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/document_an_http_header/index.md
@@ -3,8 +3,6 @@ title: 如何记录 HTTP 标头
 slug: MDN/Writing_guidelines/Howto/Document_an_HTTP_header
 ---
 
-{{MDNSidebar}}
-
 MDN Web 文档上的 [HTTP 标头参考](/zh-CN/docs/Web/HTTP/Headers)记录了 HTTP 标头字段。这是超文本传输协议（[HTTP](/zh-CN/docs/Web/HTTP)）请求和响应消息的标头的组成部分。它们定义了 HTTP 事务的操作参数。本文介绍如何为 HTTP 标头创建新的参考页面。
 
 你需要知道或能够深入了解 [HTTP](/zh-CN/docs/Web/HTTP)。
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/document_web_errors/index.md b/files/zh-cn/mdn/writing_guidelines/howto/document_web_errors/index.md
index 52235cbe4a20a5..90e51f8f4809c9 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/document_web_errors/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/document_web_errors/index.md
@@ -3,8 +3,6 @@ title: 如何记录 web 错误
 slug: MDN/Writing_guidelines/Howto/Document_web_errors
 ---
 
-{{MDNSidebar}}
-
 MDN Web 文档中的 [JavaScript 错误参考](/zh-CN/docs/Web/JavaScript/Reference/Errors)是一个帮助 web 开发人员处理[开发者工具](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html)中出现的错误的项目。对于该项目，我们需要在 MDN Web 文档中编写更多的错误文档，以便我们可以在抛出消息的工具中添加更多的链接。本文介绍了如何记录 web 错误。
 
 JavaScript 错误会包含一个“了解更多”的链接，该链接会将你带到 JavaScript 错误参考，其中包含了修复问题的额外建议。为了能够记录 web 错误，你需要知道或能够深入了解 [JavaScript](/zh-CN/docs/Web/JavaScript)。
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/images_media/index.md b/files/zh-cn/mdn/writing_guidelines/howto/images_media/index.md
index 56f6f4f3a3e460..15c8fe27410f4e 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/images_media/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/images_media/index.md
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: 027477cb8fe471c15c216c08592b607ea9118e35
 ---
 
-{{MDNSidebar}}
-
 ## 添加图像
 
 要在文档中添加图像，请将图像文件添加到该文档的文件夹中，然后在文档的 `index.md` 文件中使用 [Markdown 图像语法](https://github.github.com/gfm/#images)或等效的 HTML `<img>` 元素引用该图像。
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/index.md b/files/zh-cn/mdn/writing_guidelines/howto/index.md
index 111898df2e48a8..76a1599d0b9c8b 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/index.md
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: 514d1d2690c6374cd65921193ff6b166677395fd
 ---
 
-{{MDNSidebar}}
-
 MDN Web 文档写作指南的这一部分包含了为 MDN Web 文档做贡献时完成特定任务的所有步骤信息：我们如何使用 markdown，如何向词汇表添加条目，如何移动或删除页面，等等。要了解更多关于*如何（通过 GitHub 进行）贡献*的方法，请参见我们的[贡献指南](/zh-CN/docs/MDN/Community/Contributing)。
 
 > [!NOTE]
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/json_structured_data/index.md b/files/zh-cn/mdn/writing_guidelines/howto/json_structured_data/index.md
index 3fc411397f29b5..97da1ed7859e3c 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/json_structured_data/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/json_structured_data/index.md
@@ -3,8 +3,6 @@ title: 如何使用结构化数据
 slug: MDN/Writing_guidelines/Howto/JSON_Structured_data
 ---
 
-{{MDNSidebar}}
-
 MDN 尽可能以明确定义的结构存储数据。这些信息将被集中存储和更新，以便同时在多个地方使用。
 
 这样的文件有好几个，本文档描述了它们的用途、结构和维护过程。
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/markdown_in_mdn/index.md b/files/zh-cn/mdn/writing_guidelines/howto/markdown_in_mdn/index.md
index 4e115c4795039b..3f98b4efaad99e 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/markdown_in_mdn/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/markdown_in_mdn/index.md
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: a5682b8bcf2b9761fa576004deea720f76735aaf
 ---
 
-{{MDNSidebar}}
-
 本文介绍了如何使用 Markdown 来编写 MDN Web 文档项目中的文档。我们以 GitHub 风格的 Markdown（GFM）为基础，并添加了一些扩展来支持一些我们在 MDN 上需要而 GFM 仍不支持的东西。
 
 ## 基础：Github 风格的 Markdown
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/research_technology/index.md b/files/zh-cn/mdn/writing_guidelines/howto/research_technology/index.md
index 68e23db4d8510d..5d72311e077e53 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/research_technology/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/research_technology/index.md
@@ -3,8 +3,6 @@ title: 如何研究一项技术
 slug: MDN/Writing_guidelines/Howto/Research_technology
 ---
 
-{{MDNSidebar}}
-
 本文提供有关如何记录各种技术的实用信息。
 
 ## 进行准备工作
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/write_a_new_entry_in_the_glossary/index.md b/files/zh-cn/mdn/writing_guidelines/howto/write_a_new_entry_in_the_glossary/index.md
index fb33b6b9aa94dc..8ee9d3c146a916 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/write_a_new_entry_in_the_glossary/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/write_a_new_entry_in_the_glossary/index.md
@@ -3,8 +3,6 @@ title: 如何撰写和引用一个术语表中的条目
 slug: MDN/Writing_guidelines/Howto/Write_a_new_entry_in_the_glossary
 ---
 
-{{MDNSidebar}}
-
 本文介绍了如何撰写或引用 [MDN Web 文档术语表](/zh-CN/docs/Glossary)中的条目，还提供了有关术语条目的布局和内容的指南。术语表提供了你在阅读有关 Web 和 Web 开发的 MDN 内容时会遇到的所有术语、行话和缩写的定义。
 
 术语表并不一定完整，因为 Web 总是在发生变化。你可以通过贡献新的条目或修复问题，帮助我们更新术语表和填补缺失的内容。
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/write_an_api_reference/index.md b/files/zh-cn/mdn/writing_guidelines/howto/write_an_api_reference/index.md
index 947766602b7bfe..0cb289013b456f 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/write_an_api_reference/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/write_an_api_reference/index.md
@@ -3,8 +3,6 @@ title: 如何撰写 API 参考文档
 slug: MDN/Writing_guidelines/Howto/Write_an_api_reference
 ---
 
-{{MDNSidebar}}
-
 本篇指南将带你了解在 MDN 上编写 API 参考文档所需的所有知识。
 
 ## 做好准备
diff --git a/files/zh-cn/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md b/files/zh-cn/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md
index 09f16385b3c5bc..7572f9e3dcfd6f 100644
--- a/files/zh-cn/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/howto/write_an_api_reference/information_contained_in_a_webidl_file/index.md
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: 24b4448c9dbaf3cb9084ad69a85c72e6aa2f72f9
 ---
 
-{{MDNSidebar}}
-
 在编写有关 API 的文档时，信息来源很多：规范描述了应该实现的内容以及模型，实现描述了实际放在浏览器中的内容。WebIDL 文件是一种非常简洁的方式，可以提供很多（但不是全部）有关 API 的信息。本文档提供了有助于理解 WebIDL 语法的参考。
 
 IDL 代表**_接口定义语言_**，它用于描述 API。在更广泛的计算领域，IDL 有不同的种类。在浏览器领域，我们使用的 IDL 被称为 _WebIDL_。有两种 WebIDL 可用：一种是在 WebIDL 规范中给出的，一种是在浏览器中实现的。规范是标准参考，而浏览器的 WebIDL 描述了在特定浏览器中实际实现的内容，并包含其他内容，例如注释、有关非标准元素的信息，以及对 IDL 规范的特定于浏览器的扩展。
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
index 40ba12fcc6710b..eb2f9f31732588 100644
--- 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
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: fc7310a85a8e6d5c0677dfaffba9b8fbbadc94a9
 ---
 
-{{MDNSidebar}}
-
 你可以在 API 参考页面上包含一个自定义侧边栏，以便它显示与该 API 相关的接口、教程和其他资源的链接。本文介绍了如何实现。
 
 ## 创建侧边栏
diff --git a/files/zh-cn/mdn/writing_guidelines/index.md b/files/zh-cn/mdn/writing_guidelines/index.md
index d8d5b999fd64c6..e84c332c463f47 100644
--- a/files/zh-cn/mdn/writing_guidelines/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/index.md
@@ -3,8 +3,6 @@ title: 撰写指南
 slug: MDN/Writing_guidelines
 ---
 
-{{MDNSidebar}}
-
 MDN Web 文档是一个开源项目。下面的概述部分描述了有关我们在 MDN Web 文档上撰写*什么*文档以及*如何*撰写文档的指南。学习*如何做出贡献*，请参见我们的[贡献指南](/zh-CN/docs/MDN/Community)。
 
 - [撰写的文档内容](/zh-CN/docs/MDN/Writing_guidelines/What_we_write)
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/banners_and_notices/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/banners_and_notices/index.md
index 771fffe311ceb5..5ad44d60369a61 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/banners_and_notices/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/banners_and_notices/index.md
@@ -3,8 +3,6 @@ title: 横幅和通知
 slug: MDN/Writing_guidelines/Page_structures/Banners_and_notices
 ---
 
-{{MDNSidebar}}
-
 横幅被添加到一些页面中，特别是 API 参考页面，以突出影响所描述内容使用的重要因素。例如，横幅可以强调一个特定的接口、方法或属性被废弃，并且不应该在生产代码中使用时的情况。
 
 本文描述了最重要的横幅以及它们的使用方法。
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/code_examples/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/code_examples/index.md
index 87f9cd781607e8..9518e492f565c6 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/code_examples/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/code_examples/index.md
@@ -3,8 +3,6 @@ title: 代码示例
 slug: MDN/Writing_guidelines/Page_structures/Code_examples
 ---
 
-{{MDNSidebar}}
-
 在 MDN 上，你会看到整个页面中有许多代码示例插入，以展示 web 平台功能的使用。本文讨论了在页面中添加代码示例的不同机制，以及你应该使用哪些机制和何时使用。
 
 > [!NOTE]
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/compatibility_tables/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/compatibility_tables/index.md
index 31763122e008be..977ec7730b65f2 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/compatibility_tables/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/compatibility_tables/index.md
@@ -3,8 +3,6 @@ title: 兼容性表格和浏览器兼容性数据仓库（BCD）
 slug: MDN/Writing_guidelines/Page_structures/Compatibility_tables
 ---
 
-{{MDNSidebar}}
-
 MDN 为我们的开放 web 文档提供了兼容性表格的标准格式；它是对比所有浏览器之间，包含 DOM、HTML、CSS、JavaScript、SVG 等技术的文档。为使这些数据可以编程的方式在在多个项目中可用，我们从 [`browser-compat-data` 仓库](https://github.com/mdn/browser-compat-data)构建了一个 Node.js 包，并将其发布到了 npm。
 
 要修改这些表格中的数据，以及获取最新的用于表示数据的流程和 JSON 格式的更改，请参考数据仓库的 [contributor guide](https://github.com/mdn/browser-compat-data/blob/main/docs/contributing.md) 和 [data guidelines guide](https://github.com/mdn/browser-compat-data/blob/main/docs/data-guidelines.md)。如果你有疑问或是发现了问题，欢迎[与我们联系](/zh-CN/docs/MDN/Community/Communication_channels)。
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/feature_status/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/feature_status/index.md
index a7e35e42b490f2..9500fceea2bf62 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/feature_status/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/feature_status/index.md
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: cb1c745168764c4646631e7c4289319d782cc83b
 ---
 
-{{MDNSidebar}}
-
 特性状态为开发者提供了有关特性在各浏览器厂商的实现阶段的信息，有以下几种状态：
 
 - [`experimental`](https://github.com/mdn/browser-compat-data/blob/main/docs/data-guidelines/index.md#setting-experimental)
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/index.md
index efb28f8d865a4e..cc1932dd5de9a9 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/index.md
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: 514d1d2690c6374cd65921193ff6b166677395fd
 ---
 
-{{MDNSidebar}}
-
 在 MDN 上，有一些文档结构被用于确保信息在 MDN 文章中的呈现方式一致。本页面列出了描述这些结构的文章，以便你可以根据需要对你编写、编辑或翻译的文档内容进行适当修改。
 
 {{SubpagesWithSummaries}}
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/live_samples/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/live_samples/index.md
index 2b28034cd7336f..2b9f4b22252e83 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/live_samples/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/live_samples/index.md
@@ -3,8 +3,6 @@ title: 运行实例
 slug: MDN/Writing_guidelines/Page_structures/Live_samples
 ---
 
-{{MDNSidebar}}
-
 MDN 支持将文章中的示例代码转化为读者可以实际查看的在线演示。这被称为*运行实例*，使得用户可以查看代码的实际输出。这使得文档变得更具动态性和指导性。
 
 运行实例可以包括 HTML、CSS 和 JavaScript 的任意组合。注意，“运行”实例是*非交互性*的。但是，它们确保了示例展现的输出与示例代码相匹配，因为它仅仅由代码实例生成。
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md
index 9d6ae8158ca700..dcdd3210f195b3 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/macros/commonly_used_macros/index.md
@@ -3,8 +3,6 @@ title: 常用的宏
 slug: MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros
 ---
 
-{{MDNSidebar}}
-
 本页列举了一些 MDN 中的常用宏命令。对于使用这些宏的入门信息，请阅读[使用宏](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Macros)这篇文章。
 
 还有一些不常用或只在特定上下文中使用的，以及一些弃用的宏的信息，参见[其他宏](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Macros/Other)。
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/macros/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/macros/index.md
index 4c8460592e84e3..7c65abf79e389f 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/macros/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/macros/index.md
@@ -3,8 +3,6 @@ title: 使用宏
 slug: MDN/Writing_guidelines/Page_structures/Macros
 ---
 
-{{MDNSidebar}}
-
 为了自动化执行某些工作，[Yari](https://github.com/mdn/yari) 平台提供了一个强大的宏系统——[KumaScript](https://github.com/mdn/yari/tree/main/docs/kumascript)。本文提供了一些相关信息，方便你在参与编辑 MDN 时使用这些宏。
 
 本文只是简要介绍了相关内容，[KumaScript 指南](https://github.com/mdn/yari/blob/main/docs/kumascript/README.md)提供了更深入的内容。
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/macros/other/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/macros/other/index.md
index de1e2d2fa958ab..1e4802a92e4c2c 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/macros/other/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/macros/other/index.md
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: 514d1d2690c6374cd65921193ff6b166677395fd
 ---
 
-{{MDNSidebar}}
-
 与[常用的宏](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Macros/Commonly_used_macros)中列出的宏相比，本文中记录的宏很少使用或仅在特定上下文中使用，或者已弃用。
 
 ## 特定上下文
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/page_types/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/page_types/index.md
index e5e94d70dec772..ce06ec775bf641 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/page_types/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/page_types/index.md
@@ -3,8 +3,6 @@ title: 页面类型
 slug: MDN/Writing_guidelines/Page_structures/Page_types
 ---
 
-{{MDNSidebar}}
-
 MDN 有许多复用的页面类型。本文描述了这些页面类型和它们的作用，并给出了每个页面类型的示例和创建新页面时使用的模板。
 
 MDN 有三个大类的页面类型，尽管有些页面类型属于多个类别。
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/sidebars/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/sidebars/index.md
index 52b63e9f4f3900..812b49f23f554a 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/sidebars/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/sidebars/index.md
@@ -3,8 +3,6 @@ title: 侧边栏
 slug: MDN/Writing_guidelines/Page_structures/Sidebars
 ---
 
-{{MDNSidebar}}
-
 MDN 支持在页面中添加侧边栏；这些框是包含到 MDN 上的其他页面或站外页面链接的可分层列表。本文描述了如何创建侧边栏。
 
 ## 侧边栏语法
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/specification_tables/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/specification_tables/index.md
index ffb9e5ab4496d1..9faaf817c2c1fe 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/specification_tables/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/specification_tables/index.md
@@ -3,8 +3,6 @@ title: 规范表格
 slug: MDN/Writing_guidelines/Page_structures/Specification_tables
 ---
 
-{{MDNSidebar}}
-
 MDN 上的每一个参考页面都应该提供有关该 API 或技术定义的一个或多个规范的信息。这篇文章展示了这些表格的样子，并解释了如何添加这些表格。
 
 规范部分的定义与[兼容性表格](/zh-CN/docs/MDN/Writing_guidelines/Page_structures/Compatibility_tables)的定义相似，通常从同一数据源生成，并且通常出现在页面中紧接在后者之前的位置。
diff --git a/files/zh-cn/mdn/writing_guidelines/page_structures/syntax_sections/index.md b/files/zh-cn/mdn/writing_guidelines/page_structures/syntax_sections/index.md
index 923cbfd0363ecb..4c26728c7d4870 100644
--- a/files/zh-cn/mdn/writing_guidelines/page_structures/syntax_sections/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/page_structures/syntax_sections/index.md
@@ -3,8 +3,6 @@ title: 语法小节
 slug: MDN/Writing_guidelines/Page_structures/Syntax_sections
 ---
 
-{{MDNSidebar}}
-
 MDN 参考页面的语法小节包含一个语法框，其定义了某个特性的确切语法（例如，它可以接受哪些参数，哪些参数是可选的）。本文将解释如何编写参考页面的语法框。
 
 ## API 参考语法
diff --git a/files/zh-cn/mdn/writing_guidelines/what_we_write/criteria_for_inclusion/index.md b/files/zh-cn/mdn/writing_guidelines/what_we_write/criteria_for_inclusion/index.md
index 801fef1f7b60cb..455693840377a9 100644
--- a/files/zh-cn/mdn/writing_guidelines/what_we_write/criteria_for_inclusion/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/what_we_write/criteria_for_inclusion/index.md
@@ -3,8 +3,6 @@ title: MDN Web 文档的收录标准
 slug: MDN/Writing_guidelines/What_we_write/Criteria_for_inclusion
 ---
 
-{{MDNSidebar}}
-
 本文详细描述了 MDN Web 文档收录内容的标准，以及申请记录新的文档的流程，以及对申请方的期望和指南。
 
 这是针对较大的项目的。如果要建议新增页面或文章，请参阅“MDN 收录规则”页面上的[建议内容](/zh-CN/docs/MDN/Writing_guidelines/What_we_write#内容建议)部分。
diff --git a/files/zh-cn/mdn/writing_guidelines/what_we_write/index.md b/files/zh-cn/mdn/writing_guidelines/what_we_write/index.md
index 7d9aee6fe6c5d8..a1dc3123ad6fb5 100644
--- a/files/zh-cn/mdn/writing_guidelines/what_we_write/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/what_we_write/index.md
@@ -3,8 +3,6 @@ title: MDN 收录规则
 slug: MDN/Writing_guidelines/What_we_write
 ---
 
-{{MDNSidebar}}
-
 MDN Web 文档的内容是通用的，并不偏向某一个浏览器。这使得 Web 开发人员可以编写与任何浏览器都兼容的代码。本文介绍了在 MDN Web 文档上应该包含哪些主题或类型的内容的有关信息。
 
 ## 编辑准则
diff --git a/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/css/index.md b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/css/index.md
index 814fec44b7ca8a..abf4fda542fc56 100644
--- a/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/css/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/css/index.md
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: 4680281518d584657960f984b3b720d79b3119ab
 ---
 
-{{MDNSidebar}}
-
 下面的指南涵盖了如何为 MDN Web 文档编写 CSS 示例代码。
 
 ## CSS 代码示例常规指南
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 f45d8bd4195f8d..10744f8730f5e1 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
@@ -3,8 +3,6 @@ title: HTML 代码示例编写指南
 slug: MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/HTML
 ---
 
-{{MDNSidebar}}
-
 下面的指南涵盖了如何为 MDN Web 文档编写 HTML 示例代码。
 
 ## HTML 代码示例常规指南
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
index 779d2469976ee2..67200d0b51842e 100644
--- 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
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: 2ef5f5de8982fb9df0a0b8385d7b7a16b5497a6a
 ---
 
-{{MDNSidebar}}
-
 本文中描述的指南适用于代码示例的样式美化以及格式化，与语言无关。有关编写代码示例时要包含的内容的指南，请参阅[写作风格指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide#代码示例)。
 
 对于特定技术的指南，请参阅以下文章：
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
index 846b81522d027e..d0f240dd5bb04d 100644
--- 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
@@ -3,8 +3,6 @@ title: JavaScript 代码示例编写指南
 slug: MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/JavaScript
 ---
 
-{{MDNSidebar}}
-
 以下指南涵盖了如何为 MDN Web Docs 编写 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
index b59d45b03578d2..4393a8ede447c7 100644
--- 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
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: 9e804ddae5a375983996218409b80f6bfd71eb82
 ---
 
-{{MDNSidebar}}
-
 下面的指南涵盖了如何为 MDN Web 文档编写 shell 提示符示例代码。
 
 ## 什么是“shell”
diff --git a/files/zh-cn/mdn/writing_guidelines/writing_style_guide/index.md b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/index.md
index f46f7764c47b35..d2234ceb036947 100644
--- a/files/zh-cn/mdn/writing_guidelines/writing_style_guide/index.md
+++ b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/index.md
@@ -3,8 +3,6 @@ title: 文档写作规范
 slug: MDN/Writing_guidelines/Writing_style_guide
 ---
 
-{{MDNSidebar}}
-
 本篇写作风格指南描述了 MDN Web 文档上的内容应该如何书写、组织、拼写和格式化。
 
 这些指南是为了确保整个网站的语言和风格的一致性。也就是说，我们对内容而不是格式更感兴趣，所以不必在为 MDN Web 文档贡献前学习整个写作风格指南。然而，如果其他贡献者后来编辑你的作品以符合该指南，请不要感到不安或惊讶。当你提交内容拉取请求时，审稿人也可能将你指向这个风格指南。
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/api/declarativenetrequest/resourcetype/index.md b/files/zh-cn/mozilla/add-ons/webextensions/api/declarativenetrequest/resourcetype/index.md
index 7a6e21adea3556..2b6f8d33146461 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/api/declarativenetrequest/resourcetype/index.md
+++ b/files/zh-cn/mozilla/add-ons/webextensions/api/declarativenetrequest/resourcetype/index.md
@@ -64,7 +64,7 @@ l10n:
 - `xmlhttprequest`
   - : 由 {{domxref("XMLHttpRequest")}} 对象发送的请求，或通过 [Fetch API](/zh-CN/docs/Web/API/Fetch_API) 发送的请求。
 - `xslt`
-  - : 用于转换 XML 文档的 [XSLT](/zh-CN/docs/Web/XSLT) 样式表。
+  - : 用于转换 XML 文档的 [XSLT](/zh-CN/docs/Web/XML/XSLT) 样式表。
 - `other`
   - : 没被任何其他可用类型涵盖的资源。
 
diff --git a/files/zh-cn/mozilla/firefox/experimental_features/index.md b/files/zh-cn/mozilla/firefox/experimental_features/index.md
index 2ec7a4c9604013..49d43bc244d4b4 100644
--- a/files/zh-cn/mozilla/firefox/experimental_features/index.md
+++ b/files/zh-cn/mozilla/firefox/experimental_features/index.md
@@ -1299,7 +1299,7 @@ JavaScript 中的字符串由无符号 16 位整数序列表示，因此有可
 
 #### AVIF 严格合规性
 
-`image.avif.compliance_strictness` 偏好设置可用于控制处理 [AVIF](/zh-CN/docs/Web/Media/Formats/Image_types#avif_图像) 图像时应用的*严格程度*。这允许 Firefox 用户显示在某些其他浏览器上呈现的图像，即使这些图像并不严格符合标准。
+`image.avif.compliance_strictness` 偏好设置可用于控制处理 [AVIF](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#avif_图像) 图像时应用的*严格程度*。这允许 Firefox 用户显示在某些其他浏览器上呈现的图像，即使这些图像并不严格符合标准。
 
 允许的值为：
 
diff --git a/files/zh-cn/mozilla/firefox/releases/125/index.md b/files/zh-cn/mozilla/firefox/releases/125/index.md
index 394f5bba66e544..8c6886e8b58319 100644
--- a/files/zh-cn/mozilla/firefox/releases/125/index.md
+++ b/files/zh-cn/mozilla/firefox/releases/125/index.md
@@ -61,7 +61,7 @@ l10n:
 
 #### Media、WebRTC 和 Web Audio
 
-- 现已为[加密媒体扩展](/zh-CN/docs/Web/API/Encrypted_Media_Extensions_API) 提供 [AV1](/zh-CN/docs/Web/Media/Formats/Video_codecs#av1) 编解码器的支持，其用于播放来自视频流提供商的更高质量的视频。（[Firefox bug 1601817](https://bugzil.la/1601817)）。
+- 现已为[加密媒体扩展](/zh-CN/docs/Web/API/Encrypted_Media_Extensions_API) 提供 [AV1](/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs#av1) 编解码器的支持，其用于播放来自视频流提供商的更高质量的视频。（[Firefox bug 1601817](https://bugzil.la/1601817)）。
 
 #### 移除
 
@@ -69,7 +69,7 @@ l10n:
 
 ### WebAssembly
 
-- 已添加对 Wasm 模块使用多个独立线性内存的支持。多内存区域使模块之间的互操作更高效，并为即将到来的 Wasm 标准提供更好的 polyfill。例如，它们可以用于为内部和共享数据、临时和持久数据或需要在线程之间共享的数据创建单独的内存。内存可以在 JavaScript 中创建并导入到 Wasm 模块中，或在 Wasm 模块中创建并导出。Wasm 实例中的每个新的线性内存区域都会被赋予一个从零开始的顺序索引。WebAssembly 的[内存指令](/zh-CN/docs/WebAssembly/Reference/Memory)使用索引引用它们正在操作的内存，如果未指定索引，则默认为第一块定义的内存区域。有关更多信息，请参阅*理解 WebAssembly 文本格式*中的 [WebAssembly Memory](/zh-CN/docs/WebAssembly/Understanding_the_text_format#webassembly_内存)。（[Firefox bug 1860816](https://bugzil.la/1860816)）。
+- 已添加对 Wasm 模块使用多个独立线性内存的支持。多内存区域使模块之间的互操作更高效，并为即将到来的 Wasm 标准提供更好的 polyfill。例如，它们可以用于为内部和共享数据、临时和持久数据或需要在线程之间共享的数据创建单独的内存。内存可以在 JavaScript 中创建并导入到 Wasm 模块中，或在 Wasm 模块中创建并导出。Wasm 实例中的每个新的线性内存区域都会被赋予一个从零开始的顺序索引。WebAssembly 的[内存指令](/zh-CN/docs/WebAssembly/Reference/Memory)使用索引引用它们正在操作的内存，如果未指定索引，则默认为第一块定义的内存区域。有关更多信息，请参阅*理解 WebAssembly 文本格式*中的 [WebAssembly Memory](/zh-CN/docs/WebAssembly/Guides/Understanding_the_text_format#webassembly_内存)。（[Firefox bug 1860816](https://bugzil.la/1860816)）。
 
 ### WebDriver 一致性（WebDriver BiDi、Marionette）
 
diff --git a/files/zh-cn/mozilla/firefox/releases/3/index.md b/files/zh-cn/mozilla/firefox/releases/3/index.md
index 6b2470a003f5de..e9b2bf23b8965c 100644
--- a/files/zh-cn/mozilla/firefox/releases/3/index.md
+++ b/files/zh-cn/mozilla/firefox/releases/3/index.md
@@ -38,10 +38,10 @@ l10n:
 - [JavaScript 1.8 的支持](/zh-CN/docs/New_in_JavaScript_1.8)
   - : Firefox 3 提供了 JavaScript 1.8 的支持。
 - [EXSLT 支持](/zh-CN/docs/Web/EXSLT)
-  - : Firefox 3 提供了对 [EXSLT](/zh-CN/docs/Web/EXSLT)（[XSLT](/zh-CN/docs/Web/XSLT) 的扩展）的一个基本子集的支持。
+  - : Firefox 3 提供了对 [EXSLT](/zh-CN/docs/Web/EXSLT)（[XSLT](/zh-CN/docs/Web/XML/XSLT) 的扩展）的一个基本子集的支持。
 - [Firefox 3 中 SVG 的改进](/zh-CN/docs/Mozilla/Firefox/Releases/3/SVG_improvements)
   - : Firefox 3 对 SVG 的支持有了长足的改进：支持二十余个新滤镜、一些新的元素和属性，以及一些其他改进。
-- [动态可移植网络图形](/zh-CN/docs/Web/Media/Formats/Image_types#apng（动态可移植网络图形）)
+- [动态可移植网络图形](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#apng（动态可移植网络图形）)
   - : Firefox 3 提供了对动态可移植网络图形（APNG）图像格式的支持。
 
 ### 对 XUL 和扩展插件的开发者
diff --git a/files/zh-cn/web/accessibility/understanding_colors_and_luminance/index.md b/files/zh-cn/web/accessibility/understanding_colors_and_luminance/index.md
index dcac1c01651d91..acb084d8e15658 100644
--- a/files/zh-cn/web/accessibility/understanding_colors_and_luminance/index.md
+++ b/files/zh-cn/web/accessibility/understanding_colors_and_luminance/index.md
@@ -193,7 +193,7 @@ _较大并且笔画较宽的文本在低对比度下更容易阅读。因此，
 
 红色和绿色的锥体共同产生亮度，我们可以将其视为与色调无关的明度/暗度。分开来看，红色、绿色和蓝色的锥体允许标准视觉感知数百万种颜色。对于无障碍性，了解我们的大脑将亮度与颜色（色调和色彩饱和度）分开处理是很重要的。
 
-亮度提供了精细的视觉细节，包括区分边缘和文本。色调和色彩饱和度携带亮度的三分之一的细节。图像数据压缩利用了这一事实。例如，[h.264 视频编解码器](/zh-CN/docs/Web/Media/Formats/Video_codecs)以四分之一的亮度分辨率对颜色进行采样。
+亮度提供了精细的视觉细节，包括区分边缘和文本。色调和色彩饱和度携带亮度的三分之一的细节。图像数据压缩利用了这一事实。例如，[h.264 视频编解码器](/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs)以四分之一的亮度分辨率对颜色进行采样。
 
 对于无障碍性而言，这意味着亮度对比对文本非常重要。颜色，如色调和色彩饱和度，对于*区分*项目（例如地图上的不同线条或图表中的条形）也很重要。
 
diff --git a/files/zh-cn/web/api/document/creatensresolver/index.md b/files/zh-cn/web/api/document/creatensresolver/index.md
index d2c0e50caeba96..57842b559a093a 100644
--- a/files/zh-cn/web/api/document/creatensresolver/index.md
+++ b/files/zh-cn/web/api/document/creatensresolver/index.md
@@ -25,9 +25,9 @@ createNSResolver(node)
 
 ## 备注
 
-该适配器能使任何 DOM 节点解决命名空间问题，以便可以根据节点出现在文档中的上下文相对方便求值 [XPath](/zh-CN/docs/Web/XPath) 表达式。此适配器的工作方式类似于 DOM 第 3 版中的 `lookupNamespaceURI` 方法，根据调用 `lookupNamespaceURI` 时节点层级结构中当前可用信息，从给定的前缀解析 `namespaceURI`。还能正确解析隐含 `xml` 前缀。
+该适配器能使任何 DOM 节点解决命名空间问题，以便可以根据节点出现在文档中的上下文相对方便求值 [XPath](/zh-CN/docs/Web/XML/XPath) 表达式。此适配器的工作方式类似于 DOM 第 3 版中的 `lookupNamespaceURI` 方法，根据调用 `lookupNamespaceURI` 时节点层级结构中当前可用信息，从给定的前缀解析 `namespaceURI`。还能正确解析隐含 `xml` 前缀。
 
-请注意，XPath 定义的 QName 不带前缀，只匹配 null 命名空间中的元素。在 XPath 中没有办法获取应用于常规元素引用的默认命名空间（例如 `xmlns='http://www.w3.org/1999/xhtml'` 的 `p[@id='_myid']`）。为了匹配非空命名空间中的默认元素，你必须使用诸如 `*namespace-uri()=http://www.w3.org/1999/xhtml` 和 `name()=p[@id='_myid']` 这样的形式来引用特定元素（[此方法](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#使用_xpath_函数引用具有默认命名空间的元素)在动态 XPath 表达式中非常有效，那时可能不知道命名空间），或者使用带有前缀的名称测试，并创建一个将前缀映射到命名空间的命名空间解析器。如果希望采用后一种方法，请阅读[如何创建用户定义的命名空间解析器](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#实现用户定义的命名空间解析器)。
+请注意，XPath 定义的 QName 不带前缀，只匹配 null 命名空间中的元素。在 XPath 中没有办法获取应用于常规元素引用的默认命名空间（例如 `xmlns='http://www.w3.org/1999/xhtml'` 的 `p[@id='_myid']`）。为了匹配非空命名空间中的默认元素，你必须使用诸如 `*namespace-uri()=http://www.w3.org/1999/xhtml` 和 `name()=p[@id='_myid']` 这样的形式来引用特定元素（[此方法](/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript#使用_xpath_函数引用具有默认命名空间的元素)在动态 XPath 表达式中非常有效，那时可能不知道命名空间），或者使用带有前缀的名称测试，并创建一个将前缀映射到命名空间的命名空间解析器。如果希望采用后一种方法，请阅读[如何创建用户定义的命名空间解析器](/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript#实现用户定义的命名空间解析器)。
 
 `createNSResolver` 在 DOM 第 3 版中引入。
 
@@ -42,4 +42,4 @@ createNSResolver(node)
 ## 参见
 
 - [document.evaluate](/zh-CN/docs/Web/API/Document/evaluate)
-- [在 JavaScript 中使用 XPath 简介](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript)
+- [在 JavaScript 中使用 XPath 的简介](/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript)
diff --git a/files/zh-cn/web/api/document/evaluate/index.md b/files/zh-cn/web/api/document/evaluate/index.md
index 734afb5e706fb8..75b388ade88577 100644
--- a/files/zh-cn/web/api/document/evaluate/index.md
+++ b/files/zh-cn/web/api/document/evaluate/index.md
@@ -5,7 +5,7 @@ slug: Web/API/Document/evaluate
 
 {{ ApiRef("DOM") }}
 
-根据传入的 [XPath](/zh-CN/docs/Web/XPath) 表达式以及其他参数，返回一个 {{domxref("XPathResult")}} 对象。
+根据传入的 [XPath](/zh-CN/docs/Web/XML/XPath) 表达式以及其他参数，返回一个 {{domxref("XPathResult")}} 对象。
 
 ## 语法
 
@@ -50,7 +50,7 @@ document.evaluate(".//h2", document.body, null, XPathResult.ANY_TYPE, null);
 
 注意上面的 `document.body` 已经替代了 document 作为上下文，所以 XPath 从 body 元素开始查找。（在这个例子中，`"."` 很重要，因为它指示了查找要从 document.body 这个上下文节点开始。如果遗漏了 `"."` (剩下 `//h2`) ，查找会从根节点（`html`）处开始，这样会很浪费。）
 
-查阅 [Introduction to using XPath in JavaScript](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript) 获得更多信息。
+查阅[在 JavaScript 中使用 XPath 的简介](/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript)获得更多信息。
 
 ## 注意
 
diff --git a/files/zh-cn/web/api/htmlaudioelement/index.md b/files/zh-cn/web/api/htmlaudioelement/index.md
index 45ee03108f1d8b..e724ee3c38b179 100644
--- a/files/zh-cn/web/api/htmlaudioelement/index.md
+++ b/files/zh-cn/web/api/htmlaudioelement/index.md
@@ -76,6 +76,6 @@ _从父类 {{domxref("HTMLMediaElement")}} 和祖先 {{domxref("HTMLElement")}}
 
 ## 参见
 
-- [Web media technologies](/zh-CN/docs/Web/Media)
-- [Using audio and video in HTML](/zh-CN/docs/Web/Media/HTML_media)
-- HTML element implementing this interface: {{HTMLElement("audio")}}.
+- [Web 媒体技术](/zh-CN/docs/Web/Media)
+- [在 HTML 中使用音视频](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery)
+- 实现此接口的 HTML 元素：{{HTMLElement("audio")}}。
diff --git a/files/zh-cn/web/api/htmlimageelement/srcset/index.md b/files/zh-cn/web/api/htmlimageelement/srcset/index.md
index 7fc513bd729b5d..803e56d4a1e7c1 100644
--- a/files/zh-cn/web/api/htmlimageelement/srcset/index.md
+++ b/files/zh-cn/web/api/htmlimageelement/srcset/index.md
@@ -114,4 +114,4 @@ window.addEventListener("load", () => {
 
 - [HTML 中的图像](/zh-CN/docs/Learn_web_development/Core/Structuring_content/HTML_images)
 - [响应式图像](/zh-CN/docs/Web/HTML/Responsive_images)
-- [图像文件类型和格式指南](/zh-CN/docs/Web/Media/Formats/Image_types)
+- [图像文件类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)
diff --git a/files/zh-cn/web/api/htmlmediaelement/autoplay/index.md b/files/zh-cn/web/api/htmlmediaelement/autoplay/index.md
index 4a6d5ee2ea9f96..3b8514f751af6e 100644
--- a/files/zh-cn/web/api/htmlmediaelement/autoplay/index.md
+++ b/files/zh-cn/web/api/htmlmediaelement/autoplay/index.md
@@ -14,7 +14,7 @@ l10n:
 > [!NOTE]
 > 自动播放音频（或带音轨的视频）的网站会给用户带来不愉快的体验，因此应尽量避免。如果你必须提供自动播放特性，则应使其成为选择性特性（要求用户明确启用）。然而，当创建媒体元素并在稍后由用户控制其源时，自动播放可能会很有用。
 
-有关自动播放、自动播放阻止以及当自动播放被用户的浏览器阻止时如何响应的深入介绍，请参阅我们的文章[媒体和 Web Audio API 的自动播放指南](/zh-CN/docs/Web/Media/Autoplay_guide)。
+有关自动播放、自动播放阻止以及当自动播放被用户的浏览器阻止时如何响应的深入介绍，请参阅我们的文章[媒体和 Web Audio API 的自动播放指南](/zh-CN/docs/Web/Media/Guides/Autoplay)。
 
 ## 值
 
diff --git a/files/zh-cn/web/api/htmlmediaelement/canplaytype/index.md b/files/zh-cn/web/api/htmlmediaelement/canplaytype/index.md
index e87bc35c0fd3dd..3fae191c2d251d 100644
--- a/files/zh-cn/web/api/htmlmediaelement/canplaytype/index.md
+++ b/files/zh-cn/web/api/htmlmediaelement/canplaytype/index.md
@@ -18,7 +18,7 @@ canPlayType(type)
 ### 参数
 
 - `type`
-  - : 一个指定媒体的 [MIME 类型](/zh-CN/docs/Web/HTTP/MIME_types)字符串，并可选包含一个 [`codecs` 参数](/zh-CN/docs/Web/Media/Formats/codecs_parameter)，该参数是一个用逗号分隔的支持的编解码器列表。
+  - : 一个指定媒体的 [MIME 类型](/zh-CN/docs/Web/HTTP/MIME_types)字符串，并可选包含一个 [`codecs` 参数](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter)，该参数是一个用逗号分隔的支持的编解码器列表。
 
 ### 返回值
 
@@ -50,6 +50,6 @@ console.log(obj.canPlayType("video/mp4")); // “maybe”
 
 - {{domxref("HTMLMediaElement")}}：用于定义 `HTMLMediaElement.canPlayType()` 方法的接口
 - {{domxref("MediaCapabilities")}}
-- [处理 Web 内容中的媒体支持问题](/zh-CN/docs/Web/Media/Formats/Support_issues)
-- [媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)
-- [常见媒体类型的编解码器](/zh-CN/docs/Web/Media/Formats/codecs_parameter)
+- [处理 Web 内容中的媒体支持问题](/zh-CN/docs/Web/Media/Guides/Formats/Support_issues)
+- [媒体类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats)
+- [常见媒体类型的编解码器](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter)
diff --git a/files/zh-cn/web/api/htmlmediaelement/index.md b/files/zh-cn/web/api/htmlmediaelement/index.md
index 7d1afcee5db1c7..60af5d1848a0a0 100644
--- a/files/zh-cn/web/api/htmlmediaelement/index.md
+++ b/files/zh-cn/web/api/htmlmediaelement/index.md
@@ -602,5 +602,5 @@ Audio and Video elements can fire quite a few different [events](/zh-CN/docs/Web
 - Articles
 
   - [Using HTML5 audio and video](/zh-CN/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio)
-  - [Media formats supported by the audio and video elements](/zh-CN/docs/Web/Media/Formats)
+  - [Media formats supported by the audio and video elements](/zh-CN/docs/Web/Media/Guides/Formats)
   - [Web Audio API](/zh-CN/docs/Web/API/Web_Audio_API)
diff --git a/files/zh-cn/web/api/htmlmediaelement/play/index.md b/files/zh-cn/web/api/htmlmediaelement/play/index.md
index 973dc0e82182d8..6384eded463ff1 100644
--- a/files/zh-cn/web/api/htmlmediaelement/play/index.md
+++ b/files/zh-cn/web/api/htmlmediaelement/play/index.md
@@ -43,7 +43,7 @@ play()
 
 > **备注：** `play()` 方法可能会让用户被询问是否给予播放媒体的权限，这可能会使返回的 promise 延迟解决。你应该确保你的代码不需要即时响应。
 
-关于自动播放和禁止自动播放的更多深度内容，参见我们的文章 [Autoplay guide for media and Web Audio APIs](/zh-CN/docs/Web/Media/Autoplay_guide)。
+关于自动播放和禁止自动播放的更多深度内容，参见我们的文章 [Autoplay guide for media and Web Audio APIs](/zh-CN/docs/Web/Media/Guides/Autoplay)。
 
 ## 示例
 
@@ -96,5 +96,5 @@ function handlePlayButton() {
 
 - [Web media technologies](/zh-CN/docs/Web/Media)
 - Learning: [Video and audio content](/zh-CN/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio)
-- [Autoplay guide for media and Web Audio APIs](/zh-CN/docs/Web/Media/Autoplay_guide)
+- [Autoplay guide for media and Web Audio APIs](/zh-CN/docs/Web/Media/Guides/Autoplay)
 - [Using the Web Audio API](/zh-CN/docs/Web/API/Web_Audio_API/Using_Web_Audio_API)
diff --git a/files/zh-cn/web/api/htmlvideoelement/index.md b/files/zh-cn/web/api/htmlvideoelement/index.md
index e8aaec19bdc111..fe023755953e24 100644
--- a/files/zh-cn/web/api/htmlvideoelement/index.md
+++ b/files/zh-cn/web/api/htmlvideoelement/index.md
@@ -7,7 +7,7 @@ slug: Web/API/HTMLVideoElement
 
 **`HTMLVideoElement`** 接口提供了用于操作视频对象的特殊属性和方法。它同时还继承了{{domxref("HTMLMediaElement")}} 和 {{domxref("HTMLElement")}} 的属性与方法。
 
-在不同浏览器中 [支持的媒体格式](/zh-CN/docs/Web/Media/Formats) 是不一样的。因此在提供媒体文件的时候，或者提供一种所有浏览器都支持的格式，或者提供格式不同的多个视频源来支持不同浏览器，保证你想要支持的浏览器都能够播放。
+在不同浏览器中 [支持的媒体格式](/zh-CN/docs/Web/Media/Guides/Formats) 是不一样的。因此在提供媒体文件的时候，或者提供一种所有浏览器都支持的格式，或者提供格式不同的多个视频源来支持不同浏览器，保证你想要支持的浏览器都能够播放。
 
 {{InheritanceDiagram(600, 140)}}
 
@@ -60,4 +60,4 @@ _继承了其父对象_ _{{domxref("HTMLMediaElement")}}和_ _{{domxref("HTMLEle
 
 - HTML element implementing this interface: {{HTMLElement("video")}}.
 - [Demo of video paint statistics](https://people.mozilla.org/~cpearce/paint-stats-demo.html)
-- [Supported media formats](/zh-CN/docs/Web/Media/Formats)
+- [Supported media formats](/zh-CN/docs/Web/Media/Guides/Formats)
diff --git a/files/zh-cn/web/api/mediasource/istypesupported_static/index.md b/files/zh-cn/web/api/mediasource/istypesupported_static/index.md
index 4d27cfe52fed0c..0bffc97149ad50 100644
--- a/files/zh-cn/web/api/mediasource/istypesupported_static/index.md
+++ b/files/zh-cn/web/api/mediasource/istypesupported_static/index.md
@@ -18,7 +18,7 @@ isTypeSupported(type)
 ### 参数
 
 - `type`
-  - : 一个指定媒体 MIME 类型的字符串和（可选）包含一个使用逗号分隔的受支持的编解码器集合的[`编解码器`参数](/zh-CN/docs/Web/Media/Formats/codecs_parameter)。
+  - : 一个指定媒体 MIME 类型的字符串和（可选）包含一个使用逗号分隔的受支持的编解码器集合的[`编解码器`参数](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter)。
 
 ### 返回值
 
@@ -73,7 +73,7 @@ function sourceOpen() {
 ## 参见
 
 - [Media Source Extensions API](/zh-CN/docs/Web/API/Media_Source_Extensions_API)
-- [Guide to media types and formats on the web](/zh-CN/docs/Web/Media/Formats)
-- [The "codecs" parameter in common media types](/zh-CN/docs/Web/Media/Formats/codecs_parameter)
+- [Guide to media types and formats on the web](/zh-CN/docs/Web/Media/Guides/Formats)
+- [The "codecs" parameter in common media types](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter)
 - {{domxref("SourceBuffer")}}
 - {{domxref("SourceBufferList")}}
diff --git a/files/zh-cn/web/api/web_audio_api/using_web_audio_api/index.md b/files/zh-cn/web/api/web_audio_api/using_web_audio_api/index.md
index 32bc067bee1e35..527fad814ca3fa 100644
--- a/files/zh-cn/web/api/web_audio_api/using_web_audio_api/index.md
+++ b/files/zh-cn/web/api/web_audio_api/using_web_audio_api/index.md
@@ -79,7 +79,7 @@ const track = audioContext.createMediaElementSource(audioElement);
 
 通过 JavaScript 代码控制声音会受到浏览器的自动播放策略的影响 (autoplay support policies)，因此在未经用户（或白名单）许可的情况下脚本对声音的控制会被阻止。浏览器的自动播放策略通常要求显式权限或者用户与页面产生互动后，才允许脚本触发音频播放。
 
-这些特殊的要求基本上是因为意外的声音可能会打扰到用户，令人厌烦，并且可能导致无障碍问题。你可以在文章 [媒体与 Web 音频 API 自动播放指南](/zh-CN/docs/Web/Media/Autoplay_guide) 了解更多相关信息。
+这些特殊的要求基本上是因为意外的声音可能会打扰到用户，令人厌烦，并且可能导致无障碍问题。你可以在文章 [媒体与 Web 音频 API 自动播放指南](/zh-CN/docs/Web/Media/Guides/Autoplay) 了解更多相关信息。
 
 因为我们的脚本正响应用户输入（例如，点击播放按钮）进行播放音频，我们状态良好且应该没有自动播放阻止的问题。所以，让我们看看我们的播放和暂停功能。我们有一个当音频播放时变为暂停按钮的播放按钮：
 
diff --git a/files/zh-cn/web/api/webrtc_api/index.md b/files/zh-cn/web/api/webrtc_api/index.md
index 1a4d3d1211d07b..75470a846d42e6 100644
--- a/files/zh-cn/web/api/webrtc_api/index.md
+++ b/files/zh-cn/web/api/webrtc_api/index.md
@@ -178,7 +178,7 @@ WebRTC 在现代浏览器中通常得到很好的支持，但仍存在一些不
   - : **完美协商**是一种建议你的信令流程遵循的设计模式，它在协商过程中提供了透明性，同时允许双方都是提供方或应答方，而无需进行大量的编码来区分两者。
 - [信令和双向视频通话](/zh-CN/docs/Web/API/WebRTC_API/Signaling_and_video_calling)
   - : 它将一个之前的示例创建的、基于 WebSocket 的聊天系统转换为教程和示例，并添加了参与者之间进行视频通话的支持。聊天服务器的 WebSocket 连接用于 WebRTC 信令。
-- [WebRTC 使用的编解码器](/zh-CN/docs/Web/Media/Formats/WebRTC_codecs)
+- [WebRTC 使用的编解码器](/zh-CN/docs/Web/Media/Guides/Formats/WebRTC_codecs)
   - : 介绍了 WebRTC 需要浏览器支持的编解码器以及各种流行浏览器支持的可选编解码器。本文还包括了一个帮助你选择最适合你需求的编解码器的指南。
 - [使用 WebRTC 数据通道](/zh-CN/docs/Web/API/WebRTC_API/Using_data_channels)
   - : 本指南介绍了如何使用对等连接和相关的 {{DOMxRef("RTCDataChannel")}} 在两个对等方之间交换任意数据。
diff --git a/files/zh-cn/web/api/xmlhttprequest_api/using_xmlhttprequest/index.md b/files/zh-cn/web/api/xmlhttprequest_api/using_xmlhttprequest/index.md
index f3a314b8fa4372..ba0dad08786d9a 100644
--- a/files/zh-cn/web/api/xmlhttprequest_api/using_xmlhttprequest/index.md
+++ b/files/zh-cn/web/api/xmlhttprequest_api/using_xmlhttprequest/index.md
@@ -37,7 +37,7 @@ W3C 规范定义了 {{domxref("XMLHttpRequest.XMLHttpRequest", "XMLHttpRequest()
 
 如果你使用 `XMLHttpRequest` 来获得一个远程的 XML 文档的内容，{{domxref("XMLHttpRequest.responseXML", "responseXML")}} 属性将会是一个由 XML 文档解析而来的 DOM 对象，这很难被操作和分析。这里有五种主要的分析 XML 文档的方式：
 
-1. 使用 [XPath](/zh-CN/docs/Web/XPath) 定位到文档的指定部分。
+1. 使用 [XPath](/zh-CN/docs/Web/XML/XPath) 定位到文档的指定部分。
 2. 手动[解析和序列化 XML](/zh-CN/docs/Web/XML/Parsing_and_serializing_XML) 为字符串或对象。
 3. 使用 [XMLSerializer](/zh-CN/docs/Web/API/XMLSerializer) 把 DOM 树序列化成字符串或文件。
 4. 如果你预先知道 XML 文档的内容，你可以使用 [RegExp](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp)。如果你用 `RegExp` 扫描时受到换行符的影响，你也许想要删除所有的换行符。然而，这种方法是"最后手段"，因为如果 XML 代码发生轻微变化，该方法将可能失败。
diff --git a/files/zh-cn/web/css/_colon_seeking/index.md b/files/zh-cn/web/css/_colon_seeking/index.md
index 8d82624dc76a0a..5c42dbebf63b28 100644
--- a/files/zh-cn/web/css/_colon_seeking/index.md
+++ b/files/zh-cn/web/css/_colon_seeking/index.md
@@ -9,7 +9,7 @@ l10n:
 
 [CSS](/zh-CN/docs/Web/CSS) **`:seeking`** [伪类](/zh-CN/docs/Web/CSS/Pseudo-classes)选择器表示一个可播放的元素，比如 {{htmlelement("audio")}} 或 {{htmlelement("video")}}，当可播放元素正在媒体资源中寻找播放位置时。如果用户请求在媒体资源中的特定位置播放，但媒体元素尚未达到该位置，则认为资源正在寻找。
 
-**`:seeking`** 与 {{cssxref(":buffering")}} 不同，因为媒体元素当前不是在加载数据，而是在媒体资源中跳到一个新的位置。有关更多信息，请参考[媒体缓冲、拖动和时间范围](/zh-CN/docs/Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges)指南。
+**`:seeking`** 与 {{cssxref(":buffering")}} 不同，因为媒体元素当前不是在加载数据，而是在媒体资源中跳到一个新的位置。有关更多信息，请参考[媒体缓冲、拖动和时间范围](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/buffering_seeking_time_ranges)指南。
 
 ## 语法
 
diff --git a/files/zh-cn/web/css/-webkit-line-clamp/index.md b/files/zh-cn/web/css/line-clamp/index.md
similarity index 58%
rename from files/zh-cn/web/css/-webkit-line-clamp/index.md
rename to files/zh-cn/web/css/line-clamp/index.md
index fdc4b374a82296..c20babcc41b525 100644
--- a/files/zh-cn/web/css/-webkit-line-clamp/index.md
+++ b/files/zh-cn/web/css/line-clamp/index.md
@@ -1,11 +1,14 @@
 ---
-title: -webkit-line-clamp
-slug: Web/CSS/-webkit-line-clamp
+title: line-clamp
+slug: Web/CSS/line-clamp
 ---
 
 {{CSSRef}}
 
-**`-webkit-line-clamp`** CSS 属性可以把{{Glossary("Block", "块容器")}}中的内容限制为指定的行数。
+**`line-clamp`** [CSS](/zh-CN/docs/Web/CSS) 属性可以把{{Glossary("Block", "块容器")}}中的内容限制为指定的行数。
+
+> [!NOTE]
+> 为了兼容旧版本，供应商前缀的 `-webkit-line-clamp` 属性仅在与 {{cssxref("display")}} 属性设置为 `-webkit-box` 或 `-webkit-inline-box` 且 {{cssxref("box-orient", "-webkit-box-orient")}} 属性设置为 `vertical` 时生效。尽管这些带前缀的属性已被废弃，但这三个属性的相互依赖关系是一种完全规范化的行为，并将继续得到支持。
 
 它只有在 {{cssxref("display")}} 属性设置成 `-webkit-box` 或者 `-webkit-inline-box` 并且 {{cssxref("box-orient")}} 属性设置成 `vertical`时才有效果。
 
@@ -13,25 +16,22 @@ slug: Web/CSS/-webkit-line-clamp
 
 当应用于锚（anchor）元素时，截断可以发生在文本中间，而不必在末尾。
 
-> [!NOTE]
-> 该属性最初在 WebKit 中实现的，但存在一些问题。由于需要支持旧版本的浏览器，该属性已在 [CSS Overflow Module Level 4](https://drafts.csswg.org/css-overflow-4/#propdef--webkit-line-clamp) 中被标准化。[CSS Overflow Module Level 4](https://drafts.csswg.org/css-overflow-4/#propdef-line-clamp) 规范还定义了一个 {{cssxref("line-clamp")}} 属性，用来代替此属性并避免一些问题。
-
 ## 语法
 
 ```css
 /* 关键词值 */
--webkit-line-clamp: none;
+line-clamp: none;
 
 /* 整数值 */
--webkit-line-clamp: 3;
--webkit-line-clamp: 10;
+line-clamp: 3;
+line-clamp: 10;
 
 /* 全局值 */
--webkit-line-clamp: inherit;
--webkit-line-clamp: initial;
--webkit-line-clamp: revert;
--webkit-line-clamp: revert-layer;
--webkit-line-clamp: unset;
+line-clamp: inherit;
+line-clamp: initial;
+line-clamp: revert;
+line-clamp: revert-layer;
+line-clamp: unset;
 ```
 
 - `none`
@@ -86,5 +86,4 @@ p {
 
 ## 参见
 
-- [Line Clampin' (Truncating Multiple Line Text)](https://css-tricks.com/line-clampin/)
-- {{cssxref("line-clamp")}}
+- [行截断（截断多行文本）](https://css-tricks.com/line-clampin/)
diff --git a/files/zh-cn/web/html/element/audio/index.md b/files/zh-cn/web/html/element/audio/index.md
index 9f0bcdf5c198d7..68b9d5e09b09f3 100644
--- a/files/zh-cn/web/html/element/audio/index.md
+++ b/files/zh-cn/web/html/element/audio/index.md
@@ -22,7 +22,7 @@ slug: Web/HTML/Element/audio
   - : 布尔值属性；声明该属性，音频会尽快自动播放，不会等待整个音频文件下载完成。
 
     > [!NOTE]
-    > 自动播放音频（或有声视频）可能会破坏用户体验，所以应该尽可能避免。如果你一定要提供自动播放功能，你应该加入开关（让用户主动打开自动播放）。然而，如果需要创建一些媒体元素，其播放源由用户在稍后设置，自动播放就会很有用。想了解如果正确使用自动播放，可参见我们的[自动播放指南](/zh-CN/docs/Web/Media/Autoplay_guide)。
+    > 自动播放音频（或有声视频）可能会破坏用户体验，所以应该尽可能避免。如果你一定要提供自动播放功能，你应该加入开关（让用户主动打开自动播放）。然而，如果需要创建一些媒体元素，其播放源由用户在稍后设置，自动播放就会很有用。想了解如果正确使用自动播放，可参见我们的[自动播放指南](/zh-CN/docs/Web/Media/Guides/Autoplay)。
 
 - `controls`
   - : 如果声明了该属性，浏览器将提供一个包含声音，播放进度，播放暂停的控制面板，让用户可以控制音频的播放。
@@ -90,7 +90,7 @@ slug: Web/HTML/Element/audio
 
 ## 使用说明
 
-浏览器对 [文件类型](/zh-CN/docs/Web/Media/Formats/Containers) 和 [音频编码](/zh-CN/docs/Web/Media/Formats/Audio_codecs) 的支持各有不同，你可以使用内嵌的 {{htmlelement("source")}} 元素提供不同的播放源。浏览器会使用第一个它支持的播放源：
+浏览器对 [文件类型](/zh-CN/docs/Web/Media/Guides/Formats/Containers) 和 [音频编码](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs) 的支持各有不同，你可以使用内嵌的 {{htmlelement("source")}} 元素提供不同的播放源。浏览器会使用第一个它支持的播放源：
 
 ```html
 <audio controls>
@@ -103,7 +103,7 @@ slug: Web/HTML/Element/audio
 </audio>
 ```
 
-我们提供了全面细致的 [音频文件类型指南](/zh-CN/docs/Web/Media/Formats) 和 [这些类型可以使用的音频编码](/zh-CN/docs/Web/Media/Formats/Audio_codecs)。此外，还有 [视频编码支持指南](/zh-CN/docs/Web/Media/Formats/Video_codecs)。
+我们提供了全面细致的 [音频文件类型指南](/zh-CN/docs/Web/Media/Guides/Formats) 和 [这些类型可以使用的音频编码](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs)。此外，还有 [视频编码支持指南](/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs)。
 
 其他使用说明：
 
@@ -124,7 +124,7 @@ slug: Web/HTML/Element/audio
 
 如果在跨浏览器中得到一致的外观和体验，你需要创建自定义控件；自定义控件可以根据你的需求任意设置样式，还可以使用 JavaScript 和 {{domxref("HTMLMediaElement")}} API 来设置更多功能。
 
-[视频播放器样式基础](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Video_player_styling_basics) 提供了一些有用的样式技术，这篇文章围绕 `<video>` 而写，但大部分都可以用于 `<audio>`。
+[视频播放器样式基础](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Video_player_styling_basics) 提供了一些有用的样式技术，这篇文章围绕 `<video>` 而写，但大部分都可以用于 `<audio>`。
 
 ### 检测音轨添加和移除
 
@@ -171,7 +171,7 @@ elem.audioTrackList.onremovetrack = function (event) {
 </audio>
 ```
 
-如果想获得更多信息，包括何时自动播放生效，如何获取自动播放权限，并且通过何种方式，在何时应用自动播放才是合适的，请看我们的 [autoplay guide](/zh-CN/docs/Web/Media/Autoplay_guide)。
+如果想获得更多信息，包括何时自动播放生效，如何获取自动播放权限，并且通过何种方式，在何时应用自动播放才是合适的，请看我们的 [autoplay guide](/zh-CN/docs/Web/Media/Guides/Autoplay)。
 
 ### \<audio> 元素与 \<source> 元素
 
@@ -292,8 +292,8 @@ Welcome to the Time Keeper's podcast! In this episode we're discussing which Swi
 
 - [Web media technologies](/zh-CN/docs/Web/Media)
 
-  - [Media container formats (file types)](/zh-CN/docs/Web/Media/Formats/Containers)
-  - [Guide to audio codecs used on the web](/zh-CN/docs/Web/Media/Formats/Audio_codecs)
+  - [Media container formats (file types)](/zh-CN/docs/Web/Media/Guides/Formats/Containers)
+  - [Guide to audio codecs used on the web](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs)
 
 - [Web Audio API](/zh-CN/docs/Web/API/Web_Audio_API)
 - {{domxref("HTMLAudioElement")}}
diff --git a/files/zh-cn/web/html/element/img/index.md b/files/zh-cn/web/html/element/img/index.md
index 1359ef8f37ee4f..3c05d37257c413 100644
--- a/files/zh-cn/web/html/element/img/index.md
+++ b/files/zh-cn/web/html/element/img/index.md
@@ -24,19 +24,19 @@ slug: Web/HTML/Element/img
 
 HTML 标准并没有给出需要支持的图像格式的列表，因此每个{{glossary("user agent", "用户代理")}}支持一组不同的格式。
 
-> **备注：** [网页浏览器图像格式指南](/zh-CN/docs/Web/Media/Formats/Image_types)提供了有关图像格式及 Web 浏览器支持的综合信息。本节只是一个总结！
+> **备注：** [网页浏览器图像格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)提供了有关图像格式及 Web 浏览器支持的综合信息。本节只是一个总结！
 
 Web 最常用的图像格式是：
 
-- [APNG（动态可移植网络图形）](/zh-CN/docs/Web/Media/Formats/Image_types#apng_animated_portable_network_graphics)——无损动画序列的不错选择（GIF 性能较差）。
-- [AVIF（AV1 图像文件格式）](/zh-CN/docs/Web/Media/Formats/Image_types#avif_image)——静态图像或动画的不错选择，其性能较好。
-- [GIF（图像互换格式）](/zh-CN/docs/Web/Media/Formats/Image_types#gif_graphics_interchange_format)——*简单*图像和动画的不错选择。
-- [JPEG（联合图像专家组）](/zh-CN/docs/Web/Media/Formats/Image_types#jpeg_joint_photographic_experts_group_image)——有损压缩静态图像的不错选择（目前最流行的格式）。
-- [PNG（便携式网络图形）](/zh-CN/docs/Web/Media/Formats/Image_types#png_portable_network_graphics)——对于无损压缩静态图像而言是不错的选择（质量略好于 JPEG）。
-- [SVG（可缩放矢量图形）](/zh-CN/docs/Web/Media/Formats/Image_types#svg_scalable_vector_graphics)——矢量图像格式。用于必须以不同尺寸准确描绘的图像。
-- [WebP（网络图片格式）](/zh-CN/docs/Web/Media/Formats/Image_types#webp_image)——图像和动画的绝佳选择。
+- [APNG（动态可移植网络图形）](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#apng_animated_portable_network_graphics)——无损动画序列的不错选择（GIF 性能较差）。
+- [AVIF（AV1 图像文件格式）](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#avif_image)——静态图像或动画的不错选择，其性能较好。
+- [GIF（图像互换格式）](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#gif_graphics_interchange_format)——*简单*图像和动画的不错选择。
+- [JPEG（联合图像专家组）](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#jpeg_joint_photographic_experts_group_image)——有损压缩静态图像的不错选择（目前最流行的格式）。
+- [PNG（便携式网络图形）](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#png_portable_network_graphics)——对于无损压缩静态图像而言是不错的选择（质量略好于 JPEG）。
+- [SVG（可缩放矢量图形）](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#svg_scalable_vector_graphics)——矢量图像格式。用于必须以不同尺寸准确描绘的图像。
+- [WebP（网络图片格式）](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#webp_image)——图像和动画的绝佳选择。
 
-推荐使用诸如 [WebP](/zh-CN/docs/Web/Media/Formats/Image_types#webp_image) 和 [AVIF](/zh-CN/docs/Web/Media/Formats/Image_types#avif_image) 等图像格式，因为它们在静态图像和动画的性能均比 PNG、JPEG、JIF 好得多。WebP 得到了广泛的支持，而 AVIF 则缺乏 Safari 的支持。
+推荐使用诸如 [WebP](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#webp_image) 和 [AVIF](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#avif_image) 等图像格式，因为它们在静态图像和动画的性能均比 PNG、JPEG、JIF 好得多。WebP 得到了广泛的支持，而 AVIF 则缺乏 Safari 的支持。
 
 对于必须以不同尺寸准确绘制的图像，则仍然推荐使用 SVG 格式。
 
@@ -461,7 +461,7 @@ Web 最常用的图像格式是：
 ## 参见
 
 - [HTML 中的图片](/zh-CN/docs/Learn_web_development/Core/Structuring_content/HTML_images)
-- [图像文件类型与格式指南](/zh-CN/docs/Web/Media/Formats/Image_types)
+- [图像文件类型与格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)
 - [响应式图像](/zh-CN/docs/Web/HTML/Responsive_images)
 - {{HTMLElement("picture")}}、{{HTMLElement("object")}} 和 {{HTMLElement("embed")}} 元素
 - 其他与图像相关的 CSS 属性：{{cssxref("object-fit")}}、{{cssxref("object-position")}}、{{cssxref("image-orientation")}}、{{cssxref("image-rendering")}} 和 {{cssxref("image-resolution")}}。
diff --git a/files/zh-cn/web/html/element/picture/index.md b/files/zh-cn/web/html/element/picture/index.md
index 5334f221cf8d42..77b270bebf5f8a 100644
--- a/files/zh-cn/web/html/element/picture/index.md
+++ b/files/zh-cn/web/html/element/picture/index.md
@@ -22,7 +22,7 @@ slug: Web/HTML/Element/picture
 - 遇到不支持的特定格式时，**提供替代的图像格式**。
 
   > [!NOTE]
-  > 例如，像 [AVIF](/zh-CN/docs/Web/Media/Formats/Image_types#avif_图像) 或 [WEBP](/zh-CN/docs/Web/Media/Formats/Image_types#webp_图像) 这样的新格式具有诸多优点，但可能不受浏览器的支持。可以在[图像文件格式和格式指南](/zh-CN/docs/Web/Media/Formats/Image_types)中找到支持的图像格式的列表。
+  > 例如，像 [AVIF](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#avif_图像) 或 [WEBP](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#webp_图像) 这样的新格式具有诸多优点，但可能不受浏览器的支持。可以在[图像文件格式和格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)中找到支持的图像格式的列表。
 
 - 通过加载最适合观看者显示的图像来**节省带宽和提高页面加载速度**。
 
diff --git a/files/zh-cn/web/html/element/source/index.md b/files/zh-cn/web/html/element/source/index.md
index 96e209830d576d..bed5d8970732ff 100644
--- a/files/zh-cn/web/html/element/source/index.md
+++ b/files/zh-cn/web/html/element/source/index.md
@@ -7,7 +7,7 @@ l10n:
 
 {{HTMLSidebar}}
 
-[HTML](/zh-CN/docs/Web/HTML) **`<source>`** 元素为 {{HTMLElement("picture")}}、{{HTMLElement("audio")}} 和 {{HTMLElement("video")}} 元素指定一个或多个媒体资源。它是一个{{glossary("void element", "空元素")}}，这意味着它没有内容，也不需要关闭标签。鉴于浏览器对[图像文件格式](/zh-CN/docs/Web/Media/Formats/Image_types)和[媒体文件格式](/zh-CN/docs/Web/Media/Formats)的支持不同，该元素通常用于以多种文件格式提供相同的媒体内容，以便与多种浏览器兼容。
+[HTML](/zh-CN/docs/Web/HTML) **`<source>`** 元素为 {{HTMLElement("picture")}}、{{HTMLElement("audio")}} 和 {{HTMLElement("video")}} 元素指定一个或多个媒体资源。它是一个{{glossary("void element", "空元素")}}，这意味着它没有内容，也不需要关闭标签。鉴于浏览器对[图像文件格式](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)和[媒体文件格式](/zh-CN/docs/Web/Media/Guides/Formats)的支持不同，该元素通常用于以多种文件格式提供相同的媒体内容，以便与多种浏览器兼容。
 
 {{EmbedInteractiveExample("pages/tabbed/source.html", "tabbed-standard")}}
 
@@ -68,7 +68,7 @@ l10n:
 
 - `type`
 
-  - : 指定[图像的 MIME 媒体类型](/zh-CN/docs/Web/Media/Formats/Image_types)或[其他媒体类型](/zh-CN/docs/Web/Media/Formats/Containers)，可选择包含 [`codecs` 参数](/zh-CN/docs/Web/Media/Formats/codecs_parameter)。
+  - : 指定[图像的 MIME 媒体类型](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)或[其他媒体类型](/zh-CN/docs/Web/Media/Guides/Formats/Containers)，可选择包含 [`codecs` 参数](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter)。
 
 - `src`
 
@@ -122,13 +122,13 @@ l10n:
 - 如果是 `<picture>` 元素，浏览器将退回到使用 `<picture>` 元素的 {{HTMLElement("img")}} 子元素中指定的图片。
 - 如果是 `<audio>` 或 `<video>` 元素，浏览器将恢复显示该元素的开头和结尾标记之间的内容。
 
-有关网页浏览器支持的图像格式以及如何选择合适格式的信息，请参阅[图像文件类型和格式指南](/zh-CN/docs/Web/Media/Formats/Image_types)。有关可使用的视频和音频媒体类型的详细信息，请参阅[媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)。
+有关网页浏览器支持的图像格式以及如何选择合适格式的信息，请参阅[图像文件类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)。有关可使用的视频和音频媒体类型的详细信息，请参阅[媒体类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats)。
 
 ## 示例
 
 ### 将 `type` 属性与 `<video>` 搭配使用
 
-本例演示了如何提供不同格式的视频：WebM 适用于支持 WebM 的浏览器，Ogg 适用于支持 Ogg 的浏览器，QuickTime 适用于支持 QuickTime 的浏览器。如果浏览器不支持 `<audio>` 或 `<video>` 元素，则会显示通知。如果浏览器支持该元素，但不支持任何指定格式，则会引发 `error` 事件，默认媒体控件（如果启用）将显示错误。有关使用哪些媒体文件格式及其浏览器支持的更多详情，请参阅我们的[媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)。
+本例演示了如何提供不同格式的视频：WebM 适用于支持 WebM 的浏览器，Ogg 适用于支持 Ogg 的浏览器，QuickTime 适用于支持 QuickTime 的浏览器。如果浏览器不支持 `<audio>` 或 `<video>` 元素，则会显示通知。如果浏览器支持该元素，但不支持任何指定格式，则会引发 `error` 事件，默认媒体控件（如果启用）将显示错误。有关使用哪些媒体文件格式及其浏览器支持的更多详情，请参阅我们的[媒体类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats)。
 
 ```html
 <video controls>
@@ -195,6 +195,6 @@ l10n:
 - {{HTMLElement("audio")}} 元素
 - {{HTMLElement("picture")}} 元素
 - {{HTMLElement("video")}} 元素
-- [图像文件类型与格式指南](/zh-CN/docs/Web/Media/Formats/Image_types)
-- [媒体类型与格式指南](/zh-CN/docs/Web/Media/Formats)
+- [图像文件类型与格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)
+- [媒体类型与格式指南](/zh-CN/docs/Web/Media/Guides/Formats)
 - [Web 性能](/zh-CN/docs/Learn_web_development/Extensions/Performance)
diff --git a/files/zh-cn/web/html/element/video/index.md b/files/zh-cn/web/html/element/video/index.md
index 30071b543d7a24..22c65e77ffbe90 100644
--- a/files/zh-cn/web/html/element/video/index.md
+++ b/files/zh-cn/web/html/element/video/index.md
@@ -24,7 +24,7 @@ l10n:
   - : 一个布尔属性；声明该属性后，视频会尽快自动开始播放，不会停下来等待数据全部加载完成。
 
     > [!NOTE]
-    > 自动播放音频（或有声视频）可能会破坏用户体验，所以应该尽可能避免。如果你一定要提供自动播放功能，你应该加入开关（让用户主动打开自动播放）。然而，如果需要创建一些媒体元素，其播放源由用户在稍后设置，自动播放就会很有用。想了解如何正确使用自动播放，可参见我们的[自动播放指南](/zh-CN/docs/Web/Media/Autoplay_guide)。
+    > 自动播放音频（或有声视频）可能会破坏用户体验，所以应该尽可能避免。如果你一定要提供自动播放功能，你应该加入开关（让用户主动打开自动播放）。然而，如果需要创建一些媒体元素，其播放源由用户在稍后设置，自动播放就会很有用。想了解如何正确使用自动播放，可参见我们的[自动播放指南](/zh-CN/docs/Web/Media/Guides/Autoplay)。
 
     无法使用 `autoplay="false"` 来关闭视频的自动播放功能；只要 `<video>` 标签中有这个属性，视频就会自动播放。要移除自动播放，需要完全删除该属性。
 
@@ -282,14 +282,14 @@ l10n:
 </video>
 ```
 
-我们提供了一份关于[媒体文件类型指南](/zh-CN/docs/Web/Media/Formats)和[视频支持的编解码器指南](/zh-CN/docs/Web/Media/Formats/Video_codecs)。此外，还有一份[可与之配合使用的音频编解码器](/zh-CN/docs/Web/Media/Formats/Audio_codecs)指南。
+我们提供了一份关于[媒体文件类型指南](/zh-CN/docs/Web/Media/Guides/Formats)和[视频支持的编解码器指南](/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs)。此外，还有一份[可与之配合使用的音频编解码器](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs)指南。
 
 其他的使用说明：
 
-- 如果你不指定 `controls` 属性，视频将不会包含浏览器的默认控件；你可以使用 JavaScript 和 {{domxref("HTMLMediaElement")}} API 来创建你自己的控件。详细信息请参阅[创建跨浏览器视频播放器](/zh-CN/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player)。
+- 如果你不指定 `controls` 属性，视频将不会包含浏览器的默认控件；你可以使用 JavaScript 和 {{domxref("HTMLMediaElement")}} API 来创建你自己的控件。详细信息请参阅[创建跨浏览器视频播放器](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/cross_browser_video_player)。
 - 为了实现对视频（和音频）内容的精确控制，`HTMLMediaElement` 会触发多种不同的[事件](/zh-CN/docs/Web/Events#media)，除了提供可控性之外，这些事件还允许你监控媒体的下载进度和播放进度，以及播放状态和位置。
 - 你可以使用 {{cssxref("object-position")}} 属性调整视频在元素框内的位置，和使用 {{cssxref("object-fit")}} 属性控制视频如何调整大小以适应框架。
-- 如果想在视频里展示字幕或者标题，你可以在 {{htmlelement("track")}} 元素和 [WebVTT](/zh-CN/docs/Web/API/WebVTT_API) 格式的基础上使用 JavaScript 来实现。详细信息请参阅[向 HTML 视频中添加字幕](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)。
+- 如果想在视频里展示字幕或者标题，你可以在 {{htmlelement("track")}} 元素和 [WebVTT](/zh-CN/docs/Web/API/WebVTT_API) 格式的基础上使用 JavaScript 来实现。详细信息请参阅[向 HTML 视频中添加字幕](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)。
 - 你可以使用 `<video>` 元素播放音频文件。如果你需要结合 [WebVTT](/zh-CN/docs/Web/API/WebVTT_API) 字幕进行音频播放，这会非常有用，因为 {{HTMLElement("audio")}} 元素不支持使用 WebVTT 提供字幕。
 - 要在支持该元素的浏览器上测试回退内容，你可以将 `<video>` 替换为不存在的元素，如 `<notavideo>`。
 
@@ -299,7 +299,7 @@ l10n:
 
 `<video>` 元素是一个替换元素——其 {{cssxref("display")}} 值默认为 `inline`，但在视口中的默认宽度和高度由所嵌入的视频定义。
 
-对 `<video>` 元素进行样式化并无特殊考虑；一种常见策略是为其 `display` 值赋为 `block`，以方便定位、调整大小等操作，然后根据需要提供样式和布局信息。[视频播放器样式基础](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Video_player_styling_basics)提供了一些有用的样式化技巧。
+对 `<video>` 元素进行样式化并无特殊考虑；一种常见策略是为其 `display` 值赋为 `block`，以方便定位、调整大小等操作，然后根据需要提供样式和布局信息。[视频播放器样式基础](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Video_player_styling_basics)提供了一些有用的样式化技巧。
 
 ### 检测轨道添加和移除
 
@@ -417,13 +417,13 @@ AddType video/webm .webm
 
 {{EmbedLiveSample('多个 source', '', '400')}}
 
-首先尝试 [Ogg](/zh-CN/docs/Web/Media/Formats/Containers#ogg)。如果无法播放，则尝试 AVI。最后尝试 [MP4](/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4)。如果浏览器不支持视频元素，则会显示回退消息，但如果所有源都失败则不会显示。
+首先尝试 [Ogg](/zh-CN/docs/Web/Media/Guides/Formats/Containers#ogg)。如果无法播放，则尝试 AVI。最后尝试 [MP4](/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4)。如果浏览器不支持视频元素，则会显示回退消息，但如果所有源都失败则不会显示。
 
-某些媒体文件类型允许你使用 [`codecs`](/zh-CN/docs/Web/Media/Formats/codecs_parameter) 参数作为文件类型字符串的一部分来提供更具体的信息。一个相对简单的例子是 `video/webm; codecs="vp8, vorbis"`，表示该文件是一个使用 [VP8](/zh-CN/docs/Web/Media/Formats/Video_codecs#vp8) 视频和 [Vorbis](/zh-CN/docs/Web/Media/Formats/Audio_codecs#vorbis) 音频的 [WebM](/zh-CN/docs/Web/Media/Formats/Containers#webm) 视频。
+某些媒体文件类型允许你使用 [`codecs`](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter) 参数作为文件类型字符串的一部分来提供更具体的信息。一个相对简单的例子是 `video/webm; codecs="vp8, vorbis"`，表示该文件是一个使用 [VP8](/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs#vp8) 视频和 [Vorbis](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs#vorbis) 音频的 [WebM](/zh-CN/docs/Web/Media/Guides/Formats/Containers#webm) 视频。
 
 ## 无障碍考虑
 
-视频应提供能准确描述其内容的字幕和脚本（请参阅[向 HTML 视频中添加字幕](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)，了解如何实现这些功能的更多信息）。字幕可以让听力受损的人在播放视频时理解视频的音频内容，而文字稿可以让需要更多时间的人以舒适的速度和形式查看音频内容。
+视频应提供能准确描述其内容的字幕和脚本（请参阅[向 HTML 视频中添加字幕](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video)，了解如何实现这些功能的更多信息）。字幕可以让听力受损的人在播放视频时理解视频的音频内容，而文字稿可以让需要更多时间的人以舒适的速度和形式查看音频内容。
 
 值得注意的是，虽然可以为纯音频媒体添加字幕，但只有在 {{HTMLElement("video")}} 元素中播放音频时才能这样做，因为该元素的视频区域是用来显示字幕的。这是一种特殊情况，在视频元素中播放音频非常有用。
 
@@ -521,14 +521,14 @@ AddType video/webm .webm
 
 ## 参见
 
-- [Web 媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)
+- [Web 媒体类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats)
 
-  - [媒体容器格式（文件类型）](/zh-CN/docs/Web/Media/Formats/Containers)
-  - [web 视频编码指南](/zh-CN/docs/Web/Media/Formats/Video_codecs)
-  - [web 音频编码指南](/zh-CN/docs/Web/Media/Formats/Audio_codecs)
+  - [媒体容器格式（文件类型）](/zh-CN/docs/Web/Media/Guides/Formats/Containers)
+  - [web 视频编码指南](/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs)
+  - [web 音频编码指南](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs)
 
 - 在框架内定位和调整图片大小：{{cssxref("object-position")}} 和 {{cssxref("object-fit")}}
 - {{htmlelement("audio")}}
 - [使用 HTML 音频和视频](/zh-CN/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio)
 - [使用 canvas 处理视频](/zh-CN/docs/Web/API/Canvas_API/Manipulating_video_using_canvas)
-- [Ogg 格式媒体文件的服务器配置](/zh-CN/docs/Web/Media/Formats/Configuring_servers_for_Ogg_media)
+- [Ogg 格式媒体文件的服务器配置](/zh-CN/docs/Web/Media/Guides/Formats/Configuring_servers_for_Ogg_media)
diff --git a/files/zh-cn/web/html/index.md b/files/zh-cn/web/html/index.md
index 26cdf50d544aab..d22e8f940ffea7 100644
--- a/files/zh-cn/web/html/index.md
+++ b/files/zh-cn/web/html/index.md
@@ -62,7 +62,7 @@ HTML 元素通过“标签”（tag）将文本从文档中引出，标签由在
   - : HTML 元素通常是“行级”或“块级”元素。一个行级元素仅会占用由定义它的标签所包裹起来的空间。而一个块级元素将会占用其父元素（容器）的全部空间，也就是创建一个“块”。
 - [链接类型](/zh-CN/docs/Web/HTML/Attributes/rel)
   - : 在 HTML 中，各种各样的链接类型被用来确立和定义两个文档之间的关系。可以设置链接类型的链接元素包括 {{HTMLElement("a")}}、{{HTMLElement("area")}} 和 {{HTMLElement("link")}}。
-- [Web 媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)
+- [Web 媒体类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats)
   - : {{HTMLElement("audio")}} 和 {{HTMLElement("video")}} 元素允许你原生地播放音频和视频媒体，无需任何外部软件的支持。
 - [HTML 内容种类](/zh-CN/docs/Web/HTML/Content_categories)
   - : HTML 包含了几种内容，每种内容在特定的情景上下文中有效，而在其他上下文中无效。每种内容也指定了可以被它们包含的类别，以及可以或不可以在其中使用的元素。这里提供了一个关于这些类别的说明。
diff --git a/files/zh-cn/web/http/headers/content-security-policy/script-src-elem/index.md b/files/zh-cn/web/http/headers/content-security-policy/script-src-elem/index.md
index 7ab4ac58d25a8c..2a542112d31c3b 100644
--- a/files/zh-cn/web/http/headers/content-security-policy/script-src-elem/index.md
+++ b/files/zh-cn/web/http/headers/content-security-policy/script-src-elem/index.md
@@ -7,7 +7,7 @@ slug: Web/HTTP/Headers/Content-Security-Policy/script-src-elem
 
 HTTP {{HTTPHeader("Content-Security-Policy")}}（CSP 内容安全性策略）中的 **`script-src-elem`** 指令指定了 JavaScript {{HTMLElement("script")}} 元素的有效来源。
 
-这个指令仅在 `<script>` 元素（脚本请求和块）指定有效的来源。它不适用于触发脚本执行的其他 JavaScript 源，例如内联脚本事件处理程序（`onclick`）、[在“unsafe-eval”（不安全地执行字符串表达式）检查下的](/zh-CN/docs/Web/HTTP/Headers/Content-Security-Policy/script-src#unsafe_eval_expressions)脚本执行方法和 [XSLT 样式表](/zh-CN/docs/Web/XSLT)（可以使用 {{CSP("script-src")}} 为所有 JavaScript 脚本源指定有效来源，也可以使用 {{CSP("script-src-attr")}} 仅为内联样式脚本处理程序指定有效源）。
+这个指令仅在 `<script>` 元素（脚本请求和块）指定有效的来源。它不适用于触发脚本执行的其他 JavaScript 源，例如内联脚本事件处理程序（`onclick`）、[在“unsafe-eval”（不安全地执行字符串表达式）检查下的](/zh-CN/docs/Web/HTTP/Headers/Content-Security-Policy/script-src#unsafe_eval_expressions)脚本执行方法和 [XSLT 样式表](/zh-CN/docs/Web/XML/XSLT)（可以使用 {{CSP("script-src")}} 为所有 JavaScript 脚本源指定有效来源，也可以使用 {{CSP("script-src-attr")}} 仅为内联样式脚本处理程序指定有效源）。
 
 <table class="properties">
   <tbody>
diff --git a/files/zh-cn/web/http/headers/permissions-policy/autoplay/index.md b/files/zh-cn/web/http/headers/permissions-policy/autoplay/index.md
index 27ffa6973be259..68a056f0027c08 100644
--- a/files/zh-cn/web/http/headers/permissions-policy/autoplay/index.md
+++ b/files/zh-cn/web/http/headers/permissions-policy/autoplay/index.md
@@ -12,7 +12,7 @@ HTTP {{HTTPHeader("Permissions-Policy")}} 标头的 `autoplay` 指令控制当
 具体来说，如果定义的策略阻止使用此特性并且没有用户手势，{{domxref("HTMLMediaElement.play()")}} 返回的 {{jsxref("Promise")}} 将以 {{domxref("DOMException")}} 被拒绝。{{HTMLElement("audio")}} 和 {{HTMLElement("video")}} 元素上的 [`autoplay`](/zh-CN/docs/Web/HTML/Element/audio#autoplay) 属性将被忽略。
 
 > [!NOTE]
-> 有关自动播放和自动播放阻止的更多详细信息，请参阅文章[媒体和 Web Audio API 的自动播放指南](/zh-CN/docs/Web/Media/Autoplay_guide)。
+> 有关自动播放和自动播放阻止的更多详细信息，请参阅文章[媒体和 Web Audio API 的自动播放指南](/zh-CN/docs/Web/Media/Guides/Autoplay)。
 
 ## 语法
 
diff --git a/files/zh-cn/web/http/mime_types/index.md b/files/zh-cn/web/http/mime_types/index.md
index ae9bda0233a394..dcef1413705320 100644
--- a/files/zh-cn/web/http/mime_types/index.md
+++ b/files/zh-cn/web/http/mime_types/index.md
@@ -134,27 +134,27 @@ MIME 类型为 `image` 的文件包含图像数据。子类型指定数据所代
 
 以下是常用的图像类型，可在网页中*安全*使用：
 
-- [`image/apng`](/zh-CN/docs/Web/Media/Formats/Image_types#apng_animated_portable_network_graphics)：动画便携式网络图形（APNG）
-- [`image/avif`](/zh-CN/docs/Web/Media/Formats/Image_types#avif_图像)：AV1 图像文件格式（AVIF）
-- [`image/gif`](/zh-CN/docs/Web/Media/Formats/Image_types#gif_graphics_interchange_format)：图形交换格式（GIF）
-- [`image/jpeg`](/zh-CN/docs/Web/Media/Formats/Image_types#jpeg_joint_photographic_experts_group_image)：联合图像专家小组图片（JPEG）
-- [`image/png`](/zh-CN/docs/Web/Media/Formats/Image_types#png_portable_network_graphics)：便携式网络图形（PNG）
-- [`image/svg+xml`](/zh-CN/docs/Web/Media/Formats/Image_types#svg_scalable_vector_graphics)：可缩放矢量图形（SVG）
-- [`image/webp`](/zh-CN/docs/Web/Media/Formats/Image_types#webp_图像)：Web 图像格式（WEBP）
+- [`image/apng`](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#apng_animated_portable_network_graphics)：动画便携式网络图形（APNG）
+- [`image/avif`](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#avif_图像)：AV1 图像文件格式（AVIF）
+- [`image/gif`](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#gif_graphics_interchange_format)：图形交换格式（GIF）
+- [`image/jpeg`](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#jpeg_joint_photographic_experts_group_image)：联合图像专家小组图片（JPEG）
+- [`image/png`](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#png_portable_network_graphics)：便携式网络图形（PNG）
+- [`image/svg+xml`](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#svg_scalable_vector_graphics)：可缩放矢量图形（SVG）
+- [`image/webp`](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#webp_图像)：Web 图像格式（WEBP）
 
-[图像文件类型和格式指南](/zh-CN/docs/Web/Media/Formats/Image_types#常见图像文件格式)提供了有关何时使用不同图像格式的信息和建议。
+[图像文件类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Image_types#常见图像文件格式)提供了有关何时使用不同图像格式的信息和建议。
 
 ### 音频与视频类型
 
 与图像的情况一样，HTML 并不强制要求 web 浏览器支持 {{HTMLElement("audio")}} 和 {{HTMLElement("video")}} 元素的任何特定文件和编解码器类型，因此在选择媒体使用的文件类型和编解码器时，必须考虑目标受众以及他们可能使用的浏览器（和这些浏览器的版本）范围。
 
-我们的[媒体容器格式指南](/zh-CN/docs/Web/Media/Formats/Containers)提供了 web 浏览器通常支持的文件类型列表，包括其特殊用途、缺点、兼容性信息以及其他详细信息。
+我们的[媒体容器格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Containers)提供了 web 浏览器通常支持的文件类型列表，包括其特殊用途、缺点、兼容性信息以及其他详细信息。
 
-[音频编解码器](/zh-CN/docs/Web/Media/Formats/Audio_codecs)和[视频编解码器](/zh-CN/docs/Web/Media/Formats/Video_codecs)指南列出了 web 浏览器通常支持的各种编解码器，并提供了兼容性细节和技术信息，如它们支持多少音频通道、使用哪种压缩方式以及它们的比特率等。在此基础上，[WebRTC 使用的编解码器](/zh-CN/docs/Web/Media/Formats/WebRTC_codecs)指南专门介绍了主要 web 浏览器支持的编解码器，因此你可以选择最适合你所希望支持的浏览器范围的编解码器。
+[音频编解码器](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs)和[视频编解码器](/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs)指南列出了 web 浏览器通常支持的各种编解码器，并提供了兼容性细节和技术信息，如它们支持多少音频通道、使用哪种压缩方式以及它们的比特率等。在此基础上，[WebRTC 使用的编解码器](/zh-CN/docs/Web/Media/Guides/Formats/WebRTC_codecs)指南专门介绍了主要 web 浏览器支持的编解码器，因此你可以选择最适合你所希望支持的浏览器范围的编解码器。
 
-音频和视频文件的 MIME 类型，通常指的是其容器格式（或者说文件类型）。添加可选的 [codec 参数](/zh-CN/docs/Web/Media/Formats/codecs_parameter)到 MIME 类型中，能进一步指出要使用的编解码器和编码媒体时曾用到的选项，如编解码器配置文件、级别或其他此类信息。
+音频和视频文件的 MIME 类型，通常指的是其容器格式（或者说文件类型）。添加可选的 [codec 参数](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter)到 MIME 类型中，能进一步指出要使用的编解码器和编码媒体时曾用到的选项，如编解码器配置文件、级别或其他此类信息。
 
-下面列出了网络内容最常用的 MIME 类型。不过，这并不是一份包含所有可用类型的完整列表。请参阅[媒体容器格式指南](/zh-CN/docs/Web/Media/Formats/Containers)以查看完整的列表。
+下面列出了网络内容最常用的 MIME 类型。不过，这并不是一份包含所有可用类型的完整列表。请参阅[媒体容器格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Containers)以查看完整的列表。
 
 | MIME 类型                                                  | 音频或视频类型                                                                                                |
 | ---------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
@@ -271,7 +271,7 @@ Content-Range: bytes 300-400/1270
 常见的导致服务器配置错误的文件类型如下所示：
 
 - RAR 压缩文件。在这种情况，理想状态是，设置真实的编码文件类型；但这通常不可能，因为 .RAR 文件可能包含多种不同类型的资源。这种情况，将所发送文件的 MIME 类型配置为 `application/x-rar-compressed`。
-- 音频或视频文件。只有正确设置了 MIME 类型的文件才能被 {{ HTMLElement("video") }} 或{{ HTMLElement("audio") }} 元素识别和播放。请确保指定了正确的[音频和视频的媒体类型](/zh-CN/docs/Web/Media/Formats)。
+- 音频或视频文件。只有正确设置了 MIME 类型的文件才能被 {{ HTMLElement("video") }} 或{{ HTMLElement("audio") }} 元素识别和播放。请确保指定了正确的[音频和视频的媒体类型](/zh-CN/docs/Web/Media/Guides/Formats)。
 - 专有文件类型。避免使用 `application/octet-stream`，对于这种一般的 MIME 类型浏览器不允许定义默认行为（比如“在 Word 中打开”）。像 `application/vnd.mspowerpoint` 这样的类型可以让用户选择自动在幻灯片软件中打开这样的文件。
 
 ## MIME 嗅探
@@ -290,6 +290,6 @@ MIME 类型不是传达文档类型信息的唯一方式：
 ## 参见
 
 - [Web 媒体技术](/zh-CN/docs/Web/Media)
-- [Web 媒体类型指南](/zh-CN/docs/Web/Media/Formats)
+- [Web 媒体类型指南](/zh-CN/docs/Web/Media/Guides/Formats)
 - [正确配置服务器 MIME 类型](/zh-CN/docs/Learn_web_development/Extensions/Server-side/Configuring_server_MIME_types)
 - <https://www.iana.org/assignments/media-types/application/json>
diff --git a/files/zh-cn/web/index.md b/files/zh-cn/web/index.md
index 6e5dcae37daf51..dd1de9e457e09a 100644
--- a/files/zh-cn/web/index.md
+++ b/files/zh-cn/web/index.md
@@ -64,12 +64,12 @@ l10n:
   - : OpenSearch 允许网站描述自身的搜索引擎，以便浏览器或客户端应用程序能使用该搜索引擎。
 - [XML](/zh-CN/docs/Web/XML)
   - : 可扩展标记语言是可由[文档对象模型](/zh-CN/docs/Web/API/Document_Object_Model)严格序列化的一种语言。
-- [XSLT](/zh-CN/docs/Web/XSLT)
+- [XSLT](/zh-CN/docs/Web/XML/XSLT)
   - : 可扩展样式表语言转换是一种基于 [XML](/zh-CN/docs/Web/XML/XML_introduction) 的语言，和专门的处理软件一起使用，用于 XML 文档转换。
-- [XPath](/zh-CN/docs/Web/XPath)
+- [XPath](/zh-CN/docs/Web/XML/XPath)
   - : XPath 使用非 XML 语法来提供一种灵活地定位（指向）[XML](/zh-CN/docs/Web/XML) 文档的不同部分的方法。它也可以用于检查文档中某个定位节点是否与某个模式（pattern）匹配。
 - [EXSLT](/zh-CN/docs/Web/EXSLT)
-  - : EXSLT 是一组 [XSLT](/zh-CN/docs/Web/XSLT) 的扩展。
+  - : EXSLT 是一组 [XSLT](/zh-CN/docs/Web/XML/XSLT) 的扩展。
 
 ## 开发者工具文档
 
diff --git a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/index.md b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/index.md
index 7c8285c0e9d45e..61d4c2debdfed1 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/index.md
@@ -21,7 +21,7 @@ l10n:
 
 `ArrayBuffer` 对象可以通过在调用 {{jsxref("ArrayBuffer/ArrayBuffer", "ArrayBuffer()")}} 构造函数时包含 `maxByteLength` 选项来使其大小可变。你可以通过访问其 {{jsxref("ArrayBuffer/resizable", "resizable")}} 和 {{jsxref("ArrayBuffer/maxByteLength", "maxByteLength")}} 属性来查询 `ArrayBuffer` 的大小是否可变以及其最大值。你可以通过调用 {{jsxref("ArrayBuffer/resize", "resize()")}} 为可变大小的 `ArrayBuffer` 分配一个新的大小。新的字节会被初始化为 0。
 
-这些特性使得调整 `ArrayBuffer` 的大小更加高效——否则，你必须使用新的大小创建一个缓冲副本。这也使得 JavaScript 在这方面与 WebAssembly 相当（Wasm 线性内存可以使用 [`WebAssembly.Memory.prototype.grow()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory/grow) 调整大小）。
+这些特性使得调整 `ArrayBuffer` 的大小更加高效——否则，你必须使用新的大小创建一个缓冲副本。这也使得 JavaScript 在这方面与 WebAssembly 相当（Wasm 线性内存可以使用 [`WebAssembly.Memory.prototype.grow()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory/grow) 调整大小）。
 
 ### 传输 ArrayBuffer
 
diff --git a/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/index.md b/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/index.md
index 4fe7ef09abd03f..3b79239d437847 100644
--- a/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/index.md
+++ b/files/zh-cn/web/javascript/reference/global_objects/sharedarraybuffer/index.md
@@ -69,12 +69,12 @@ if (crossOriginIsolated) {
 根据是否采取了上述安全措施，各类内存共享 API 具有不同的可用性：
 
 - `Atomics` 对象总是可用的。
-- `SharedArrayBuffer` 对象在原则上始终可用，但遗憾的是，除非设置了前面提到的两个标头，否则其在全局对象上的构造函数是隐藏的，这是为了兼容 web 内容。这个限制有望在未来被移除。尽管如此，仍然可以用 [`WebAssembly.Memory`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory) 来获取实例。
+- `SharedArrayBuffer` 对象在原则上始终可用，但遗憾的是，除非设置了前面提到的两个标头，否则其在全局对象上的构造函数是隐藏的，这是为了兼容 web 内容。这个限制有望在未来被移除。尽管如此，仍然可以用 [`WebAssembly.Memory`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory) 来获取实例。
 - 除非设置了上文提到的两个标头，否则各种 `postMessage()` 的 API 在处理 `SharedArrayBuffer` 对象时会抛出异常。如果正确设置了这两个标头，`Window` 对象和专用 worker 线程上的 `postMessage()` 都可以正常工作，并允许跨线程共享内存。
 
 ### WebAssembly 共享内存
 
-[`WebAssembly.Memory`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory) 对象可以通过设置 [`shared`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory/Memory#shared) 构造函数标志来创建。当这个标志设置为 `true` 时，构造出的 `Memory` 对象就像 `SharedArrayBuffer` 一样，可以通过 `postMessage()` 在 worker 线程之间共享，而且 `Memory` 对象的后备 [`buffer`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory/buffer) 是一个 `SharedArrayBuffer`。因此，上述关于在 worker 线程间共享 SharedArrayBuffer 的要求同样适用于共享 `WebAssembly.Memory`。
+[`WebAssembly.Memory`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory) 对象可以通过设置 [`shared`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory/Memory#shared) 构造函数标志来创建。当这个标志设置为 `true` 时，构造出的 `Memory` 对象就像 `SharedArrayBuffer` 一样，可以通过 `postMessage()` 在 worker 线程之间共享，而且 `Memory` 对象的后备 [`buffer`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory/buffer) 是一个 `SharedArrayBuffer`。因此，上述关于在 worker 线程间共享 SharedArrayBuffer 的要求同样适用于共享 `WebAssembly.Memory`。
 
 WebAssembly Thread 提案还定义了一套新的[原子](https://github.com/WebAssembly/threads/blob/master/proposals/threads/Overview.md#atomic-memory-accesses)指令。就像 `SharedArrayBuffer` 及其方法始终可用（并且只有在设置了新标头的情况下，才允许线程间共享）一样，WebAssembly 原子指令也是始终可用的。
 
@@ -82,7 +82,7 @@ WebAssembly Thread 提案还定义了一套新的[原子](https://github.com/Web
 
 `SharedArrayBuffer` 对象可以通过在调用 {{jsxref("SharedArrayBuffer/SharedArrayBuffer", "SharedArrayBuffer()")}} 时包含 `maxByteLength` 选项来使其可增大。你可以通过访问 `SharedArrayBuffer` 的 {{jsxref("SharedArrayBuffer/growable", "growable")}} 和 {{jsxref("SharedArrayBuffer/maxByteLength", "maxByteLength")}} 属性来分别查询其是否可增大以及其最大大小。你还可以通过调用 {{jsxref("SharedArrayBuffer/grow", "grow()")}} 为一个可增大的 `SharedArrayBuffer` 分配新的大小。新字节被初始化为 0。
 
-这些特性令增大 `SharedArrayBuffer` 更为高效——否则，你必须创建一个新大小的缓冲区副本。它还使得 JavaScript 在这方面与 WebAssembly 保持一致（Wasm 线性内存可以通过 [`WebAssembly.Memory.prototype.grow()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory/grow) 调整大小）。
+这些特性令增大 `SharedArrayBuffer` 更为高效——否则，你必须创建一个新大小的缓冲区副本。它还使得 JavaScript 在这方面与 WebAssembly 保持一致（Wasm 线性内存可以通过 [`WebAssembly.Memory.prototype.grow()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory/grow) 调整大小）。
 
 出于安全原因，`SharedArrayBuffer` 的大小无法缩小，只能增大。
 
diff --git a/files/zh-cn/web/manifest/index.md b/files/zh-cn/web/manifest/index.md
index b0f76b26c42df1..c7549cc80b4579 100644
--- a/files/zh-cn/web/manifest/index.md
+++ b/files/zh-cn/web/manifest/index.md
@@ -96,7 +96,7 @@ web 应用清单可通过文档 {{HTMLElement("head")}} 中的 {{HTMLElement("li
 在某些浏览器和操作系统中，已安装的 PWA 启动时会显示启动画面。该启动画面是自动生成的，其外观由 web 应用清单中的成员定义，具体如下：
 
 - [`name`](/zh-CN/docs/Web/Manifest/name)
-- [`background_color`](/zh-CN/docs/Web/Manifest/background_color)
+- [`background_color`](/zh-CN/docs/Web/Manifest/Reference/background_color)
 - [`icons`](/zh-CN/docs/Web/Manifest/icons)
 
 ## 浏览器兼容性
diff --git a/files/zh-cn/web/manifest/background_color/index.md b/files/zh-cn/web/manifest/reference/background_color/index.md
similarity index 96%
rename from files/zh-cn/web/manifest/background_color/index.md
rename to files/zh-cn/web/manifest/reference/background_color/index.md
index fc39202f736743..cd3f96f5cfc812 100644
--- a/files/zh-cn/web/manifest/background_color/index.md
+++ b/files/zh-cn/web/manifest/reference/background_color/index.md
@@ -1,6 +1,6 @@
 ---
 title: background_color
-slug: Web/Manifest/background_color
+slug: Web/Manifest/Reference/background_color
 ---
 
 {{QuickLinksWithSubpages("/zh-CN/docs/Web/Manifest")}}{{SeeCompatTable}}
diff --git a/files/zh-cn/web/media/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.md b/files/zh-cn/web/media/guides/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.md
similarity index 96%
rename from files/zh-cn/web/media/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.md
rename to files/zh-cn/web/media/guides/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.md
index 4e752ebdf36b15..13f4aad46e6605 100644
--- a/files/zh-cn/web/media/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.md
+++ b/files/zh-cn/web/media/guides/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.md
@@ -1,11 +1,9 @@
 ---
 title: 向 HTML 视频中添加字幕
-slug: Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video
+slug: Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video
 ---
 
-{{QuickLinksWithSubPages("/zh-CN/docs/Web/Media")}}
-
-在其他文章中我们学会了如何使用 {{ domxref("HTMLMediaElement") }} 和 {{ domxref("Window.fullScreen") }} API [搭建一个跨浏览器的视频播放器](/zh-CN/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player)以及如何给视频播放器[添加样式](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Video_player_styling_basics)。本文将介绍如何用 {{ domxref("WebVTT_API","WebVTT 格式") }}和 {{ htmlelement("track") }} 元素为视频添加字幕。
+在其他文章中我们学会了如何使用 {{ domxref("HTMLMediaElement") }} 和 {{ domxref("Window.fullScreen") }} API [搭建一个跨浏览器的视频播放器](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/cross_browser_video_player)以及如何给视频播放器[添加样式](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Video_player_styling_basics)。本文将介绍如何用 {{ domxref("WebVTT_API","WebVTT 格式") }}和 {{ htmlelement("track") }} 元素为视频添加字幕。
 
 ## 带有字幕的视频示例
 
diff --git a/files/zh-cn/web/media/audio_and_video_delivery/buffering_seeking_time_ranges/index.md b/files/zh-cn/web/media/guides/audio_and_video_delivery/buffering_seeking_time_ranges/index.md
similarity index 98%
rename from files/zh-cn/web/media/audio_and_video_delivery/buffering_seeking_time_ranges/index.md
rename to files/zh-cn/web/media/guides/audio_and_video_delivery/buffering_seeking_time_ranges/index.md
index 5295f445987295..0eb3c450549c6a 100644
--- a/files/zh-cn/web/media/audio_and_video_delivery/buffering_seeking_time_ranges/index.md
+++ b/files/zh-cn/web/media/guides/audio_and_video_delivery/buffering_seeking_time_ranges/index.md
@@ -1,12 +1,10 @@
 ---
 title: 媒体缓冲、拖动和时间范围
-slug: Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges
+slug: Web/Media/Guides/Audio_and_video_delivery/buffering_seeking_time_ranges
 l10n:
   sourceCommit: 5aa89c0c0dd2aded106b8d6674fe5370e270f5e6
 ---
 
-{{QuickLinksWithSubPages("/zh-CN/docs/Web/Media")}}
-
 有时候知道 {{htmlelement("audio") }} 或 {{htmlelement("video") }} 已经下载了多少或有多少可以不经过延迟直接播放是有用的——音频和视频的缓冲进度条就是一个很好的例子。本文讨论如何使用 [TimeRanges](/zh-CN/docs/Web/API/TimeRanges) 和媒体 API 的其他特性创建一个缓冲/拖动条。
 
 ## Buffered
diff --git a/files/zh-cn/web/media/audio_and_video_delivery/live_streaming_web_audio_and_video/index.md b/files/zh-cn/web/media/guides/audio_and_video_delivery/live_streaming_web_audio_and_video/index.md
similarity index 97%
rename from files/zh-cn/web/media/audio_and_video_delivery/live_streaming_web_audio_and_video/index.md
rename to files/zh-cn/web/media/guides/audio_and_video_delivery/live_streaming_web_audio_and_video/index.md
index db5835da6c9f76..c49f816c379d5b 100644
--- a/files/zh-cn/web/media/audio_and_video_delivery/live_streaming_web_audio_and_video/index.md
+++ b/files/zh-cn/web/media/guides/audio_and_video_delivery/live_streaming_web_audio_and_video/index.md
@@ -1,10 +1,8 @@
 ---
 title: 实时传输 Web 音频与视频
-slug: Web/Media/Audio_and_video_delivery/Live_streaming_web_audio_and_video
+slug: Web/Media/Guides/Audio_and_video_delivery/Live_streaming_web_audio_and_video
 ---
 
-{{QuickLinksWithSubPages("/zh-CN/docs/Web/Media")}}
-
 实时流技术经常应用在一些现场输出的转播活动，类似体育活动、演唱会和更平常的电视播放及广播节目。这通常称为流媒体，实时流就是将媒体“实时”传输到计算机和设备的过程。这是一个包含多个元素的、非常复杂且较为新生的主题，所以我们会通过这篇文章，向你介绍它并让你知道如何开始。
 
 将媒体传输到浏览器的关键考虑因素是，我们不是在播放一个大小明确的文件，而是在转播一个即时创建的文件，并且它没有预先确定的开始或结束位置。
@@ -81,7 +79,7 @@ RTSP 2.0 目前处于开发阶段，并且无法向后兼容 RTSP 1.0。
 一些基于 HTTP 的实时流视频格式开始得到跨浏览器支持。
 
 > [!NOTE]
-> 你可以通过 [设置自适应流媒体源](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources) 找到在 web 中使用的 HLS 和 MPEG-DASH 的编码指南。
+> 你可以通过 [设置自适应流媒体源](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources) 找到在 web 中使用的 HLS 和 MPEG-DASH 的编码指南。
 
 ### MPEG-DASH
 
@@ -179,7 +177,7 @@ GStreamer 的插件如 [souphttpclientsink](https://gstreamer.freedesktop.org/do
 - [HLS 浏览器支持](https://jwplayer.com/html5/hls/)
 - [基于 HTTP Live Streaming 的 JavaScript 播放器](https://github.com/RReverser/mpegts)
 - [HTTP Live Streaming 的基础知识](https://larryjordan.com/articles/basics-of-http-live-streaming/)
-- [用于 HTML 5 视频的 DASH 自适应流](/zh-CN/docs/Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video)
+- [用于 HTML 5 视频的 DASH 自适应流](/zh-CN/docs/Web/Media/Guides/DASH_Adaptive_Streaming_for_HTML_5_Video)
 - [HTTP 上的动态自适应流式传输 (MPEG-DASH)](https://en.wikipedia.org/wiki/Dynamic_Adaptive_Streaming_over_HTTP)
 - [MPEG-DASH 媒体源演示](https://dash-mse-test.appspot.com/media.html)
 - [DASH 参考客户端](https://dashif.org/reference/players/javascript/1.0.0/index.html)
diff --git a/files/zh-cn/web/media/audio_and_video_delivery/webaudio_playbackrate_explained/index.md b/files/zh-cn/web/media/guides/audio_and_video_delivery/webaudio_playbackrate_explained/index.md
similarity index 96%
rename from files/zh-cn/web/media/audio_and_video_delivery/webaudio_playbackrate_explained/index.md
rename to files/zh-cn/web/media/guides/audio_and_video_delivery/webaudio_playbackrate_explained/index.md
index 23e5e83f1bbdeb..94d3cc3e48d26f 100644
--- a/files/zh-cn/web/media/audio_and_video_delivery/webaudio_playbackrate_explained/index.md
+++ b/files/zh-cn/web/media/guides/audio_and_video_delivery/webaudio_playbackrate_explained/index.md
@@ -1,10 +1,8 @@
 ---
 title: Web Audio playbackRate explained
-slug: Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained
+slug: Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained
 ---
 
-{{QuickLinksWithSubPages("/zh-CN/docs/Web/Media")}}
-
 html 元素“audio”和“video”的 `playbackRate` 属性允许我们改变一段正在播放的网页音频或者视频的速度，或速率。本文详细解释了 `playbackRate`。
 
 ## playbackRate 基础
diff --git a/files/zh-cn/web/media/audio_and_video_manipulation/index.md b/files/zh-cn/web/media/guides/audio_and_video_manipulation/index.md
similarity index 98%
rename from files/zh-cn/web/media/audio_and_video_manipulation/index.md
rename to files/zh-cn/web/media/guides/audio_and_video_manipulation/index.md
index 37e63eaa47487b..aeaf551c7031a7 100644
--- a/files/zh-cn/web/media/audio_and_video_manipulation/index.md
+++ b/files/zh-cn/web/media/guides/audio_and_video_manipulation/index.md
@@ -1,10 +1,8 @@
 ---
 title: 音频与视频处理
-slug: Web/Media/Audio_and_video_manipulation
+slug: Web/Media/Guides/Audio_and_video_manipulation
 ---
 
-{{QuickLinksWithSubPages("/zh-CN/docs/Web/Media")}}
-
 Web 的迷人之处在于你可以结合各种技术创造出新的形式。拥有浏览器中的原生音频和视频意味着我们可在像 {{htmlelement("canvas")}}、[WebGL](/zh-CN/docs/Web/API/WebGL_API) 或 [Web Audio API](/zh-CN/docs/Web/API/Web_Audio_API) 等技术的辅助下使用这类数据流，例如：为音频添加混响和压缩效果，或为视频添加灰度/暗色滤镜。本文将为你提供相关的参考。
 
 ## 视频处理
@@ -385,7 +383,7 @@ context.listener.setPosition(0, 0, 0);
 ### 教程
 
 - [使用 Canvas 处理视频](/zh-CN/docs/Web/API/Canvas_API/Manipulating_video_using_canvas)
-- [HTML playbackRate 解释](/zh-CN/docs/Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained)
+- [HTML playbackRate 解释](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained)
 - [使用 Web Audio API](/zh-CN/docs/Web/API/Web_Audio_API/Using_Web_Audio_API)
 - [Web 空间音效基础](/zh-CN/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics)
 - [将视频帧作为 WebGL 纹理](/zh-CN/docs/Web/API/WebGL_API/Tutorial/Animating_textures_in_WebGL#用视频帧作为纹理)（你也可以使用 [THREE.js](https://threejs.org/) WebGL 库（或其他库）来[实现这个效果](https://stemkoski.github.io/Three.js/Video.html)）
diff --git a/files/zh-cn/web/media/autoplay_guide/index.md b/files/zh-cn/web/media/guides/autoplay/index.md
similarity index 98%
rename from files/zh-cn/web/media/autoplay_guide/index.md
rename to files/zh-cn/web/media/guides/autoplay/index.md
index 85d2f76d38c01b..84e7251ee1e062 100644
--- a/files/zh-cn/web/media/autoplay_guide/index.md
+++ b/files/zh-cn/web/media/guides/autoplay/index.md
@@ -1,10 +1,8 @@
 ---
 title: 媒体和 Web Audio API 的自动播放指南
-slug: Web/Media/Autoplay_guide
+slug: Web/Media/Guides/Autoplay
 ---
 
-{{QuickLinksWithSubpages("/zh-CN/docs/Web/Media")}}
-
 网页加载完成后立即播放音频（或带有音频轨道的视频）可能会意外地打扰到用户。尽管自动播放媒体文件是一个很实用的功能，但是我们也应该谨慎地使用它，保证只有在它被需要的时候才使用。为了让用户拥有控制权，通常浏览器会提供各种方式禁用自动播放音频功能。在这篇文章中，我们将介绍各种媒体和 Web Audio API 的自动播放功能，包括关于如何使用自动播放功能、如何优雅的处理阻止自动播放功能的一些简短的介绍。
 
 当源媒体没有音轨或音轨静音时，阻止自动播放*不会*应用于 {{HTMLElement("video")}} 元素。具有活动音轨的媒体被认为是**可听的**，并且阻止自动播放适用于它们。**听不见的**媒体不受阻止自动播放的影响。
@@ -268,4 +266,4 @@ Permissions-Policy: autoplay 'none'
 - [Web 媒体技术](/zh-CN/docs/Web/Media)
 - [视频和音频内容](/zh-CN/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio)（学习指南）
 - [使用 Web Audio API](/zh-CN/docs/Web/API/Web_Audio_API/Using_Web_Audio_API)
-- [跨浏览器音频基础](/zh-CN/docs/Web/Media/Audio_and_video_delivery/Cross-browser_audio_basics)
+- [跨浏览器音频基础](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery/Cross-browser_audio_basics)
diff --git a/files/zh-cn/web/media/dash_adaptive_streaming_for_html_5_video/index.md b/files/zh-cn/web/media/guides/dash_adaptive_streaming_for_html_5_video/index.md
similarity index 97%
rename from files/zh-cn/web/media/dash_adaptive_streaming_for_html_5_video/index.md
rename to files/zh-cn/web/media/guides/dash_adaptive_streaming_for_html_5_video/index.md
index 5803414632bc25..fed5a03fe03eac 100644
--- a/files/zh-cn/web/media/dash_adaptive_streaming_for_html_5_video/index.md
+++ b/files/zh-cn/web/media/guides/dash_adaptive_streaming_for_html_5_video/index.md
@@ -1,10 +1,8 @@
 ---
 title: 为 HTML 5 视频提供的 DASH 自适应串流
-slug: Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video
+slug: Web/Media/Guides/DASH_Adaptive_Streaming_for_HTML_5_Video
 ---
 
-{{QuickLinksWithSubpages("/zh-CN/docs/Web/Media")}}
-
 经由 HTTP 的动态自适应串流（DASH）是一种自适应串流协议。这意味着它使得视频串流能基于网络性能来调整比特率，以保证视频流畅播放。
 
 ## 浏览器支持
diff --git a/files/zh-cn/web/media/formats/configuring_servers_for_ogg_media/index.md b/files/zh-cn/web/media/guides/formats/configuring_servers_for_ogg_media/index.md
similarity index 95%
rename from files/zh-cn/web/media/formats/configuring_servers_for_ogg_media/index.md
rename to files/zh-cn/web/media/guides/formats/configuring_servers_for_ogg_media/index.md
index 148440913295bd..cabb58eb6d4e63 100644
--- a/files/zh-cn/web/media/formats/configuring_servers_for_ogg_media/index.md
+++ b/files/zh-cn/web/media/guides/formats/configuring_servers_for_ogg_media/index.md
@@ -1,12 +1,10 @@
 ---
 title: 为 Ogg 媒体配置服务器
-slug: Web/Media/Formats/Configuring_servers_for_Ogg_media
+slug: Web/Media/Guides/Formats/Configuring_servers_for_Ogg_media
 l10n:
   sourceCommit: 4d12b3e4f9afb311f2656641260e42c0b6f8f4c6
 ---
 
-{{QuickLinksWithSubpages("/zh-CN/docs/Web/Media")}}
-
 HTML {{HTMLElement("audio")}} 和 {{HTMLElement("video")}} 标签无需用户安装任何插件或软件即可播放媒体文件。本指南包括了一些服务器配置修改，这些修改对于 web 服务器提供 Ogg 媒体文件是必要的。这些信息在遇到服务器未配置为可识别的其他媒体类型文件时也可能提供帮助。
 
 ## 为媒体提供正确的 MIME 类型
@@ -26,7 +24,7 @@ AddType video/ogg .ogv
 AddType application/ogg .ogg
 ```
 
-在配置服务器以正确托管媒体时，[媒体容器格式](/zh-CN/docs/Web/Media/Formats/Containers)这篇文章尤其有帮助。
+在配置服务器以正确托管媒体时，[媒体容器格式](/zh-CN/docs/Web/Media/Guides/Formats/Containers)这篇文章尤其有帮助。
 
 ## 正确处理范围请求
 
@@ -92,4 +90,4 @@ Vorbis: serialno 0708996688
 ## 参见
 
 - [视频和音频内容](/zh-CN/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio)
-- [常用媒体类型的编解码器](/zh-CN/docs/Web/Media/Formats/codecs_parameter)
+- [常用媒体类型的编解码器](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter)
diff --git a/files/zh-cn/web/media/formats/containers/index.md b/files/zh-cn/web/media/guides/formats/containers/index.md
similarity index 96%
rename from files/zh-cn/web/media/formats/containers/index.md
rename to files/zh-cn/web/media/guides/formats/containers/index.md
index 21b60ec82cfda0..abf199c269eec0 100644
--- a/files/zh-cn/web/media/formats/containers/index.md
+++ b/files/zh-cn/web/media/guides/formats/containers/index.md
@@ -1,15 +1,13 @@
 ---
 title: 媒体容器格式（文件类型）
-slug: Web/Media/Formats/Containers
+slug: Web/Media/Guides/Formats/Containers
 l10n:
   sourceCommit: d68dc0cf0f0caff5572ce83cb28df898ac815e40
 ---
 
-{{QuickLinksWithSubpages("/zh-CN/docs/Web/Media")}}
-
 音频和视频媒体文件格式由两部分组成（当然，如果文件中同时包含音频和视频，则由三部分组成）：使用的音频和/或视频编解码器以及使用的媒体容器格式（或文件类型）。在本指南中，我们将介绍网络上最常用的容器格式，包括它们的基本规范、优点、限制和理想的使用案例。
 
-[WebRTC](/zh-CN/docs/Web/API/WebRTC_API) 完全不使用容器。相反，它使用 {{domxref("MediaStreamTrack")}} 对象代表每个音轨，直接将编码后的音频和视频音轨从一个对等点串流到另一个对等点。请参见 [WebRTC 使用的编解码器](/zh-CN/docs/Web/Media/Formats/WebRTC_codecs)，了解有关 WebRTC 通话常用编解码器的信息，以及有关 WebRTC 中编解码器支持的浏览器兼容性信息。
+[WebRTC](/zh-CN/docs/Web/API/WebRTC_API) 完全不使用容器。相反，它使用 {{domxref("MediaStreamTrack")}} 对象代表每个音轨，直接将编码后的音频和视频音轨从一个对等点串流到另一个对等点。请参见 [WebRTC 使用的编解码器](/zh-CN/docs/Web/Media/Guides/Formats/WebRTC_codecs)，了解有关 WebRTC 通话常用编解码器的信息，以及有关 WebRTC 中编解码器支持的浏览器兼容性信息。
 
 ## 常见容器格式
 
@@ -95,7 +93,7 @@ l10n:
 | `audio/3gpp2` | `video/3gpp2` |
 | `audio/3gp2`  | `video/3gp2`  |
 
-这些 MIME 类型是 3GP 媒体容器的基本类型；根据使用的特定编解码器，还可能使用其他类型。此外，还可以在 MIME 类型字符串中[添加 `codecs` 参数](/zh-CN/docs/Web/Media/Formats/codecs_parameter#iso_base_media_file_format_mp4_quicktime_and_3gp)，以指明音频和/或视频轨道使用了哪些编解码器，并可选择提供有关配置文件、级别和/或其他编解码器配置细节的详细信息。
+这些 MIME 类型是 3GP 媒体容器的基本类型；根据使用的特定编解码器，还可能使用其他类型。此外，还可以在 MIME 类型字符串中[添加 `codecs` 参数](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter#iso_base_media_file_format_mp4_quicktime_and_3gp)，以指明音频和/或视频轨道使用了哪些编解码器，并可选择提供有关配置文件、级别和/或其他编解码器配置细节的详细信息。
 
 <table class="standard-table">
   <caption>
@@ -402,13 +400,13 @@ MPEG-1 和 MPEG-2 的主要区别在于媒体数据格式而非容器格式。MP
 
 最初的 MPEG-4 第 1 部分文件格式于 1999 年推出；第 14 部分定义的第 2 版格式于 2003 年加入。MP4 文件格式源于 [ISO 基本媒体文件格式](https://en.wikipedia.org/wiki/ISO_base_media_file_format)，而后者直接源于 [Apple](https://www.apple.com/) 开发的 [QuickTime 文件格式](https://zh.wikipedia.org/wiki/QuickTime文件格式)。
 
-在指定 MPEG-4 媒体类型（`audio/mp4` 或 `video/mp4`）时，可在 MIME 类型字符串中[添加 `codecs` 参数](/zh-CN/docs/Web/Media/Formats/codecs_parameter#iso_base_media_file_format_mp4_quicktime_and_3gp)，以指明音频和/或视频轨道使用了哪些编解码器，并可选择提供有关配置文件、级别和/或其他编解码器配置细节的详细信息。
+在指定 MPEG-4 媒体类型（`audio/mp4` 或 `video/mp4`）时，可在 MIME 类型字符串中[添加 `codecs` 参数](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter#iso_base_media_file_format_mp4_quicktime_and_3gp)，以指明音频和/或视频轨道使用了哪些编解码器，并可选择提供有关配置文件、级别和/或其他编解码器配置细节的详细信息。
 
 | 音频        | 视频        |
 | ----------- | ----------- |
 | `audio/mp4` | `video/mp4` |
 
-这些 MIME 类型是 MPEG-4 媒体容器的基本类型；根据容器中使用的特定编解码器，可能会使用其他 MIME 类型。此外，还可以在 MIME 类型字符串中[添加 `codecs` 参数](/zh-CN/docs/Web/Media/Formats/codecs_parameter#iso_base_media_file_format_mp4_quicktime_and_3gp)，以指示音频和/或视频轨道使用了哪些编解码器，并可选择提供有关配置文件、级别和/或其他编解码器配置细节的详细信息。
+这些 MIME 类型是 MPEG-4 媒体容器的基本类型；根据容器中使用的特定编解码器，可能会使用其他 MIME 类型。此外，还可以在 MIME 类型字符串中[添加 `codecs` 参数](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter#iso_base_media_file_format_mp4_quicktime_and_3gp)，以指示音频和/或视频轨道使用了哪些编解码器，并可选择提供有关配置文件、级别和/或其他编解码器配置细节的详细信息。
 
 <table class="standard-table">
   <caption>
@@ -542,7 +540,7 @@ MPEG-1 和 MPEG-2 的主要区别在于媒体数据格式而非容器格式。MP
 
 当不一定知道媒体是否包含音频或视频时，可以使用 `application/ogg` MIME 类型。如果可能，应使用其中一种特定类型，但如果不知道内容格式，则应使用 `application/ogg` 类型。
 
-你还可以在 MIME 类型字符串中[添加 `codecs` 参数](/zh-CN/docs/Web/Media/Formats/codecs_parameter)，以指示音频和/或视频轨道使用了哪些编解码器，并可选择进一步描述轨道媒体格式。
+你还可以在 MIME 类型字符串中[添加 `codecs` 参数](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter)，以指示音频和/或视频轨道使用了哪些编解码器，并可选择进一步描述轨道媒体格式。
 
 <table class="standard-table">
   <caption>
@@ -648,7 +646,7 @@ QuickTime 文件支持任何类型的基于时间的数据，包括音频和视
 
 `video/Quicktime` MIME 类型是 QuickTime 媒体容器的基本类型。值得注意的是，QuickTime（Mac 操作系统上的媒体框架）支持多种容器和编解码器，因此它实际上支持许多其他 MIME 类型。
 
-你还可以在 MIME 类型字符串中[添加 `codecs` 参数](/zh-CN/docs/Web/Media/Formats/codecs_parameter#iso_base_media_file_format_mp4_quicktime_and_3gp)，以指示音频和/或视频轨道使用了哪些编解码器，并可选择进一步描述轨道媒体格式。
+你还可以在 MIME 类型字符串中[添加 `codecs` 参数](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter#iso_base_media_file_format_mp4_quicktime_and_3gp)，以指示音频和/或视频轨道使用了哪些编解码器，并可选择进一步描述轨道媒体格式。
 
 <table class="standard-table">
   <caption>
diff --git a/files/zh-cn/web/media/formats/image_types/index.md b/files/zh-cn/web/media/guides/formats/image_types/index.md
similarity index 99%
rename from files/zh-cn/web/media/formats/image_types/index.md
rename to files/zh-cn/web/media/guides/formats/image_types/index.md
index 99a2eef382adb6..ba8e570b9457a0 100644
--- a/files/zh-cn/web/media/formats/image_types/index.md
+++ b/files/zh-cn/web/media/guides/formats/image_types/index.md
@@ -1,10 +1,8 @@
 ---
 title: 图像文件类型与格式指南
-slug: Web/Media/Formats/Image_types
+slug: Web/Media/Guides/Formats/Image_types
 ---
 
-{{QuickLinksWithSubpages("/zh-CN/docs/Web/Media")}}
-
 在本指南中，我们将介绍 web 浏览器普遍支持的图像文件类型，并提供一些关于它们的信息与见解，帮助你为你的网站选择最合适的图像格式。
 
 ## 常见图像文件类型
@@ -1452,9 +1450,9 @@ PNG 可能是最好的选择，但无损 WebP 的压缩效果可能更好。
 
 ## 参见
 
-- [媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)
+- [媒体类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats)
 - [Web 媒体技术](/zh-CN/docs/Web/Media)
-- [web 视频编解码器指南](/zh-CN/docs/Web/Media/Formats/Video_codecs)
+- [web 视频编解码器指南](/zh-CN/docs/Web/Media/Guides/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/index.md b/files/zh-cn/web/media/guides/formats/index.md
similarity index 82%
rename from files/zh-cn/web/media/formats/index.md
rename to files/zh-cn/web/media/guides/formats/index.md
index 9b1d3594df06d4..334dd932522f06 100644
--- a/files/zh-cn/web/media/formats/index.md
+++ b/files/zh-cn/web/media/guides/formats/index.md
@@ -1,10 +1,8 @@
 ---
 title: 媒体类型和格式指南：图片、音频和视频内容
-slug: Web/Media/Formats
+slug: Web/Media/Guides/Formats
 ---
 
-{{QuickLinksWithSubpages("/zh-CN/docs/Web/Media")}}
-
 几乎从一开始，Web 就包含了对某种形式的视觉媒体呈现的支持。最初，这些功能是有限的，但是不同的浏览器厂商扩展了这些功能，并且找到了自己的解决方案来解决网络上的静态和视频图像等问题。现代 Web 具有强大的功能来支持媒体的呈现和操作，多个与媒体相关的 API 支持各种类型的内容。通常，浏览器支持的媒体格式完全取决于浏览器的创建者，这可能会使 Web 开发人员的工作复杂化。
 
 本指南概述了组成 web 中使用的媒体的媒体文件类型、{{Glossary("codec", "编解码器")}}以及算法。本指南还提供了浏览器对这些格式的各种组合的支持信息、格式优先级建议，以及哪些格式擅长于特定类型的内容。
@@ -13,36 +11,36 @@ slug: Web/Media/Formats
 
 ### 图片
 
-- [图片文件类型和格式指南](/zh-CN/docs/Web/Media/Formats/Image_types)
+- [图片文件类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)
   - : 互联网上使用的主要图像文件类型和内容格式指南。其中包括对浏览器支持、优点和限制的高度概述，以及最佳实践指南，以帮助网页设计人员为特定类型的内容选择正确的图像文件格式。
 
 ### 媒体文件格式和编解码器
 
-- [媒体容器（文件类型）](/zh-CN/docs/Web/Media/Formats/Containers)
+- [媒体容器（文件类型）](/zh-CN/docs/Web/Media/Guides/Formats/Containers)
   - : 包含媒体数据的文件类型指南。其中一些是音频专用文件，而另一些既可用于音频，也可用于电影等综合视听内容。包括主要 web 浏览器支持的每种文件类型的概述，以及浏览器支持信息和支持的特性。
-- [Web 音频编解码器指南](/zh-CN/docs/Web/Media/Formats/Audio_codecs)
+- [Web 音频编解码器指南](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs)
   - : 常用媒体容器和主要浏览器允许使用的音频编解码器指南。包括优点、限制、主要规范和功能以及使用案例。还包括各浏览器对在特定容器中使用编解码器的支持。
-- [Web 视频编解码器指南](/zh-CN/docs/Web/Media/Formats/Video_codecs)
+- [Web 视频编解码器指南](/zh-CN/docs/Web/Media/Guides/Formats/Video_codecs)
   - : 本文提供了有关主要浏览器支持的视频编解码器的基本信息，以及一些不常支持但仍可能遇到的编解码器。文章还介绍了编解码器的功能、优点、限制以及浏览器支持级别和限制。
-- [不同媒体类型的编解码器](/zh-CN/docs/Web/Media/Formats/codecs_parameter)
+- [不同媒体类型的编解码器](/zh-CN/docs/Web/Media/Guides/Formats/codecs_parameter)
   - : 在指定描述媒体格式的 MIME 类型时，可以使用作为类型字符串一部分的 `codecs` 参数提供详细信息。本指南介绍常见媒体类型的 `codecs` 参数的格式和可能的值。
-- [WebRTC 使用的编解码器](/zh-CN/docs/Web/Media/Formats/WebRTC_codecs)
+- [WebRTC 使用的编解码器](/zh-CN/docs/Web/Media/Guides/Formats/WebRTC_codecs)
   - : [WebRTC](/zh-CN/docs/Web/API/WebRTC_API) 不使用容器，而是使用 {{domxref("MediaStreamTrack")}} 对象在点对点之间流式传输编码媒体本身，以表示每个音频或视频音轨。本指南将讨论 WebRTC 常用的编解码器。
 
 ## 指南
 
 ### 概念
 
-- [数字音频概念](/zh-CN/docs/Web/Media/Formats/Audio_concepts)
+- [数字音频概念](/zh-CN/docs/Web/Media/Guides/Formats/Audio_concepts)
   - : 介绍如何将音频转换成数字形式并存储起来供计算机使用。它解释了音频采样的基本概念，以及采样率、音频帧和音频压缩等概念。
-- [数字视频概念](/zh-CN/docs/Web/Media/Formats/Video_concepts)
+- [数字视频概念](/zh-CN/docs/Web/Media/Guides/Formats/Video_concepts)
   - : Web 数字视频基本概念指南，包括色彩格式、色度二次抽样、人类感知如何影响视频编码等基础知识。
 
 ### 教程
 
 - [学习区：视频和音频内容](/zh-CN/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio)
   - : 本教程介绍了在 web 上使用媒体的方法和细节。
-- [处理 web 内容的媒体支持问题](/zh-CN/docs/Web/Media/Formats/Support_issues)
+- [处理 web 内容的媒体支持问题](/zh-CN/docs/Web/Media/Guides/Formats/Support_issues)
   - : 在本指南中，我们将探讨如何通过明智地选择媒体格式，并在有帮助的地方提供回退和替代格式，在提供尽可能广泛的兼容性的同时，最大限度地提高网页内容的质量或性能。
 
 ## 其他主题
diff --git a/files/zh-cn/web/media/formats/video_codecs/index.md b/files/zh-cn/web/media/guides/formats/video_codecs/index.md
similarity index 93%
rename from files/zh-cn/web/media/formats/video_codecs/index.md
rename to files/zh-cn/web/media/guides/formats/video_codecs/index.md
index bcd155cf89483a..92222db02ad14a 100644
--- a/files/zh-cn/web/media/formats/video_codecs/index.md
+++ b/files/zh-cn/web/media/guides/formats/video_codecs/index.md
@@ -1,10 +1,8 @@
 ---
 title: 网页视频编码指南
-slug: Web/Media/Formats/Video_codecs
+slug: Web/Media/Guides/Formats/Video_codecs
 ---
 
-{{QuickLinksWithSubpages("/zh-CN/docs/Web/Media")}}
-
 本文介绍了你在网络中最常遇见的视频编码，总结了这些编码方式的能力、兼容性以及使用时需要考虑的事项，并且提供了一些为你的项目的视频选择编码的建议。
 
 由于未压缩的视频数据的使用巨大的空间，有必要对其进行压缩以便进行存储，更不用说通过网络传输了。想象一下存储未压缩视频所需的数据量：
@@ -35,38 +33,38 @@ slug: Web/Media/Formats/Video_codecs
       <th scope="row"><a href="#av1">AV1</a></th>
       <td>AOMedia Video 1</td>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#webm">WebM</a>
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#webm">WebM</a>
       </td>
     </tr>
     <tr>
       <th scope="row"><a href="#avc_h.264">AVC (H.264)</a></th>
       <td>Advanced Video Coding（高级视频编码器）</td>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>
       </td>
     </tr>
     <tr>
       <th scope="row"><a href="#h.263">H.263</a></th>
       <td>H.263 Video</td>
-      <td><a href="/zh-CN/docs/Web/Media/Formats/Containers#3gp">3GP</a></td>
+      <td><a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#3gp">3GP</a></td>
     </tr>
     <tr>
       <th scope="row"><a href="#hevc_h.265">HEVC (H.265)</a></th>
       <td>High Efficiency Video Coding（高效视频编码）</td>
-      <td><a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a></td>
+      <td><a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a></td>
     </tr>
     <tr>
       <th scope="row"><a href="#mp4v-es">MP4V-ES</a></th>
       <td>MPEG-4 Video Elemental Stream（MPEG-4 视频元素流）</td>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>
       </td>
     </tr>
     <tr>
       <th scope="row"><a href="#mpeg-1_part_2_video">MPEG-1</a></th>
       <td>MPEG-1 Part 2 Visual</td>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#mpegmpeg-2">MPEG</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#quicktime"
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpegmpeg-2">MPEG</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#quicktime"
           >QuickTime</a
         >
       </td>
@@ -75,7 +73,7 @@ slug: Web/Media/Formats/Video_codecs
       <th scope="row"><a href="#mpeg-2_part_2_video">MPEG-2</a></th>
       <td>MPEG-2 Part 2 Visual</td>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#mpegmpeg-2">MPEG</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#quicktime"
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpegmpeg-2">MPEG</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#quicktime"
           >QuickTime</a
         >
       </td>
@@ -83,20 +81,20 @@ slug: Web/Media/Formats/Video_codecs
     <tr>
       <th scope="row"><a href="#theora">Theora</a></th>
       <td>Theora</td>
-      <td><a href="/zh-CN/docs/Web/Media/Formats/Containers#ogg">Ogg</a></td>
+      <td><a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#ogg">Ogg</a></td>
     </tr>
     <tr>
       <th scope="row"><a href="#vp8">VP8</a></th>
       <td>Video Processor 8</td>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#ogg">Ogg</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#webm">WebM</a>
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#ogg">Ogg</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#webm">WebM</a>
       </td>
     </tr>
     <tr>
       <th scope="row"><a href="#vp9">VP9</a></th>
       <td>Video Processor 9</td>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#ogg">Ogg</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#webm">WebM</a>
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#ogg">Ogg</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#webm">WebM</a>
       </td>
     </tr>
   </tbody>
@@ -508,7 +506,7 @@ AV1 目前提供三种配置文件：**main**、**high** 和 **professional**，
     <tr>
       <th scope="row">容器支持</th>
       <td>
-        <a href="https://en.wikipedia.org/wiki/ISO/IEC_base_media_file_format">ISOBMFF</a>、 MPEG-TS、<a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#webm">WebM</a>
+        <a href="https://en.wikipedia.org/wiki/ISO/IEC_base_media_file_format">ISOBMFF</a>、 MPEG-TS、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#webm">WebM</a>
       </td>
     </tr>
     <tr>
@@ -667,7 +665,7 @@ WebRTC 的非 Web 浏览器实现（任何不包括 JavaScript API 的实现）
     <tr>
       <th scope="row">容器支持</th>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>
       </td>
     </tr>
     <tr>
@@ -778,7 +776,7 @@ H.263 是一种专有格式，[专利](https://www.itu.int/ITU-T/recommendations
     <tr>
       <th scope="row">容器支持</th>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#quicktime">QuickTime</a>
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#quicktime">QuickTime</a>
       </td>
     </tr>
     <tr>
@@ -945,7 +943,7 @@ HEVC 是一种专有格式，受多项专利保护。许可[由 MPEG LA 管理](
       <td>
         <a href="https://en.wikipedia.org/wiki/ISO/IEC_base_media_file_format"
             >ISOBMFF</a
-          >、MPEG-TS、<a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#quicktime">QuickTime</a>
+          >、MPEG-TS、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#quicktime">QuickTime</a>
       </td>
     </tr>
     <tr>
@@ -983,7 +981,7 @@ HEVC 是一种专有格式，受多项专利保护。许可[由 MPEG LA 管理](
 
 **MPEG-4 Video Elemental Stream**（**MP4V-ES**）格式是 MPEG-4 Part 2 视觉标准的一部分。虽然一般来说，MPEG-4 第 2 部分视频没有被任何人使用，因为它缺乏与其他编解码器相关的引人注目的价值，但 MP4V-ES 在移动设备上确实有一些用途。MP4V 本质上是 MPEG-4 容器中的 H.263 编码。
 
-它的主要目的是用于通过 {{Glossary("RTP")}} 会话流式传输 MPEG-4 音频和视频。但是，MP4V-ES 也用于使用 [3GP](/zh-CN/docs/Web/Media/Formats/Containers#3gp) 通过移动连接传输 MPEG-4 音频和视频。
+它的主要目的是用于通过 {{Glossary("RTP")}} 会话流式传输 MPEG-4 音频和视频。但是，MP4V-ES 也用于使用 [3GP](/zh-CN/docs/Web/Media/Guides/Formats/Containers#3gp) 通过移动连接传输 MPEG-4 音频和视频。
 
 你几乎肯定不想使用这种格式，因为任何主流浏览器都不以有意义的方式支持它，而且已经过时了。这种类型的文件应该有扩展名“.mp4v”，但有时被错误地标记为“.mp4”。
 
@@ -1045,7 +1043,7 @@ HEVC 是一种专有格式，受多项专利保护。许可[由 MPEG LA 管理](
           </tbody>
         </table>
         <p>
-          Firefox 仅在<a href="/zh-CN/docs/Web/Media/Formats/Containers#3gp">3GP</a>容器中支持 MP4V-ES。
+          Firefox 仅在<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#3gp">3GP</a>容器中支持 MP4V-ES。
         </p>
         <p>Chrome 不支持 MP4V-ES；但是，ChromeOS 可以。</p>
       </td>
@@ -1053,7 +1051,7 @@ HEVC 是一种专有格式，受多项专利保护。许可[由 MPEG LA 管理](
     <tr>
       <th scope="row">容器支持</th>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>
       </td>
     </tr>
     <tr>
@@ -1310,7 +1308,7 @@ MPEG-2 有几个具有不同功能的配置文件。然后每个配置文件有
     <tr>
       <th scope="row">容器支持</th>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#mpegmpeg-2">MPEG</a>、MPEG-TS（MPEG 传输流）、<a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#quicktime">QuickTime</a>
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpegmpeg-2">MPEG</a>、MPEG-TS（MPEG 传输流）、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#quicktime">QuickTime</a>
       </td>
     </tr>
     <tr>
@@ -1428,7 +1426,7 @@ Theora 的一个缺点是它仅支持每个颜色分量 8 位，无法选择使
     </tr>
     <tr>
       <th scope="row">容器支持</th>
-      <td><a href="/zh-CN/docs/Web/Media/Formats/Containers#ogg">Ogg</a></td>
+      <td><a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#ogg">Ogg</a></td>
     </tr>
     <tr>
       <th scope="row">
@@ -1459,7 +1457,7 @@ Theora 的一个缺点是它仅支持每个颜色分量 8 位，无法选择使
 
 如果浏览器支持，VP8 允许带有 Alpha 通道的视频，允许视频播放的背景可以通过视频看到，达到每个像素的 Alpha 分量指定的程度。
 
-HTML 内容中的 VP8 有很好的浏览器支持，尤其是在 [WebM](/zh-CN/docs/Web/Media/Formats/Containers#webm) 文件中。这使得 VP8 成为你的内容的理想候选者，尽管如果你可以使用 VP9，它是一个更好的选择。Web 浏览器是*需要*支持 WebRTC 的 VP8，但并非所有这样做的浏览器都支持 HTML 音频和视频元素。
+HTML 内容中的 VP8 有很好的浏览器支持，尤其是在 [WebM](/zh-CN/docs/Web/Media/Guides/Formats/Containers#webm) 文件中。这使得 VP8 成为你的内容的理想候选者，尽管如果你可以使用 VP9，它是一个更好的选择。Web 浏览器是*需要*支持 WebRTC 的 VP8，但并非所有这样做的浏览器都支持 HTML 音频和视频元素。
 
 <table class="standard-table">
   <tbody>
@@ -1536,7 +1534,7 @@ HTML 内容中的 VP8 有很好的浏览器支持，尤其是在 [WebM](/zh-CN/d
     <tr>
       <th scope="row">容器支持</th>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#ogg">Ogg</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#webm">WebM</a>
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#3gp">3GP</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#ogg">Ogg</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#webm">WebM</a>
       </td>
     </tr>
     <tr>
@@ -1565,7 +1563,7 @@ HTML 内容中的 VP8 有很好的浏览器支持，尤其是在 [WebM](/zh-CN/d
 
 VP9 的主要配置文件仅支持 4:2:0 色度子采样级别的 8 位色深，但其配置文件包括对更深颜色的支持和全范围的色度子采样模式。它支持多种 HDR 实现，并在选择帧速率、纵横比和帧大小方面提供了很大的自由度。
 
-VP9 被浏览器广泛支持，并且编解码器的硬件实现相当普遍。VP9 是 [WebM](/zh-CN/docs/Web/Media/Formats/Containers#webm) 规定的两个视频编解码器之一（另一个是 [VP8](#vp8)）。但请注意，Safari 对 WebM 和 VP9 的支持仅在 14.1 版中引入，因此如果你选择使用 VP9，请考虑为 iPhone、iPad 和 Mac 用户提供备用格式，例如 AVC 或 HEVC。
+VP9 被浏览器广泛支持，并且编解码器的硬件实现相当普遍。VP9 是 [WebM](/zh-CN/docs/Web/Media/Guides/Formats/Containers#webm) 规定的两个视频编解码器之一（另一个是 [VP8](#vp8)）。但请注意，Safari 对 WebM 和 VP9 的支持仅在 14.1 版中引入，因此如果你选择使用 VP9，请考虑为 iPhone、iPad 和 Mac 用户提供备用格式，例如 AVC 或 HEVC。
 
 如果你能够使用 WebM 容器（并且可以在需要时提供后备视频），VP9 是一个不错的选择。如果你希望使用开放编解码器而不是专有编解码器，则尤其如此。
 
@@ -1688,7 +1686,7 @@ VP9 被浏览器广泛支持，并且编解码器的硬件实现相当普遍。V
     <tr>
       <th scope="row">容器支持</th>
       <td>
-        <a href="/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#ogg">Ogg</a>、<a href="/zh-CN/docs/Web/Media/Formats/Containers#webm">WebM</a>
+        <a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4">MP4</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#ogg">Ogg</a>、<a href="/zh-CN/docs/Web/Media/Guides/Formats/Containers#webm">WebM</a>
       </td>
     </tr>
     <tr>
@@ -1730,13 +1728,13 @@ VP9 被浏览器广泛支持，并且编解码器的硬件实现相当普遍。V
 
 首先，让我们看看在典型网站上展示的视频的最佳选择，例如博客、信息网站、使用视频来展示产品的小型企业网站（但不是视频本身就是产品的地方）等等。
 
-1. **[WebM](/zh-CN/docs/Web/Media/Formats/Containers#webm)** 容器，使用 **[VP9](#vp9)** 视频编解码器和 **[Opus](/zh-CN/docs/Web/Media/Formats/Audio_codecs#opus)** 音频编解码器。这些都是开放的、免版税的格式，通常都得到很好的支持，尽管只是在最近的浏览器中，这就是为什么需要准备一个备用视频。
+1. **[WebM](/zh-CN/docs/Web/Media/Guides/Formats/Containers#webm)** 容器，使用 **[VP9](#vp9)** 视频编解码器和 **[Opus](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs#opus)** 音频编解码器。这些都是开放的、免版税的格式，通常都得到很好的支持，尽管只是在最近的浏览器中，这就是为什么需要准备一个备用视频。
 
    ```html
    <video controls src="filename.webm"></video>
    ```
 
-2. **[MP4](/zh-CN/docs/Web/Media/Formats/Containers#mpeg-4_mp4)** 容器和 **[AVC](#avc_h.264)**（**H.264**）视频编解码器，最好使用 **[AAC](/zh-CN/docs/Web/Media/Formats/Audio_codecs#aac)** 作为你的音频编解码器。这是因为带有 AVC 和 AAC 编解码器的 MP4 容器是一种广泛支持的组合——事实上，每个主流浏览器都支持它——而且质量通常对大多数用例都很好。但是，请确保验证你是否符合许可证要求。
+2. **[MP4](/zh-CN/docs/Web/Media/Guides/Formats/Containers#mpeg-4_mp4)** 容器和 **[AVC](#avc_h.264)**（**H.264**）视频编解码器，最好使用 **[AAC](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs#aac)** 作为你的音频编解码器。这是因为带有 AVC 和 AAC 编解码器的 MP4 容器是一种广泛支持的组合——事实上，每个主流浏览器都支持它——而且质量通常对大多数用例都很好。但是，请确保验证你是否符合许可证要求。
 
    ```html
    <video controls>
@@ -1799,7 +1797,7 @@ const options = {
 let recorder = new MediaRecorder(sourceStream, options);
 ```
 
-此示例创建一个 12 位色彩及使用 4:4:4 色度二次采样的 BT.2100 HDR 配置，并且通过 [FLAC](/zh-CN/docs/Web/Media/Formats/Audio_codecs#flac) 录制无损音频的 `MediaRecorder`。生成的文件的视频和音频轨道之间共享的比特率不超过 800Mbps。你可能需要根据硬件性能、需求和你选择使用的特定编解码器来调整这些值。这种比特率对于网络传输显然不现实，可能只在本地使用。
+此示例创建一个 12 位色彩及使用 4:4:4 色度二次采样的 BT.2100 HDR 配置，并且通过 [FLAC](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs#flac) 录制无损音频的 `MediaRecorder`。生成的文件的视频和音频轨道之间共享的比特率不超过 800Mbps。你可能需要根据硬件性能、需求和你选择使用的特定编解码器来调整这些值。这种比特率对于网络传输显然不现实，可能只在本地使用。
 
 将 `codecs` 参数的值分解为其点描述的属性，我们看到以下内容：
 
@@ -1820,10 +1818,10 @@ let recorder = new MediaRecorder(sourceStream, options);
 
 ## 参见
 
-- [网页音频编码指南](/zh-CN/docs/Web/Media/Formats/Audio_codecs)
-- [媒体容器格式（文件类型）](/zh-CN/docs/Web/Media/Formats/Containers)
-- [处理 web 内容中的媒体支持问题](/zh-CN/docs/Web/Media/Formats/Support_issues)
-- [WebRTC 使用的编解码器](/zh-CN/docs/Web/Media/Formats/WebRTC_codecs)
+- [网页音频编码指南](/zh-CN/docs/Web/Media/Guides/Formats/Audio_codecs)
+- [媒体容器格式（文件类型）](/zh-CN/docs/Web/Media/Guides/Formats/Containers)
+- [处理 web 内容中的媒体支持问题](/zh-CN/docs/Web/Media/Guides/Formats/Support_issues)
+- [WebRTC 使用的编解码器](/zh-CN/docs/Web/Media/Guides/Formats/WebRTC_codecs)
 - {{RFC(6381)}}：“Bucket”媒体类型的“编解码器”和“配置文件”参数
 - {{RFC(5334)}}：Ogg 媒体类型
 - {{RFC(3839)}}：3GPP 多媒体文件的 MIME 类型注册
diff --git a/files/zh-cn/web/media/images/index.md b/files/zh-cn/web/media/guides/images/index.md
similarity index 94%
rename from files/zh-cn/web/media/images/index.md
rename to files/zh-cn/web/media/guides/images/index.md
index 4bfdb2f3dd472e..10cf325ca698ab 100644
--- a/files/zh-cn/web/media/images/index.md
+++ b/files/zh-cn/web/media/guides/images/index.md
@@ -1,12 +1,10 @@
 ---
 title: 在 HTML 中使用图像
-slug: Web/Media/images
+slug: Web/Media/Guides/Images
 l10n:
   sourceCommit: e74627e6fd9ba19696b918c2bdddfff8aa160787
 ---
 
-{{QuickLinksWithSubpages("/zh-CN/docs/Web/Media")}}
-
 {{Glossary("HTML")}} {{HTMLElement("img")}} 元素可让你在 HTML 文档中嵌入图像，而 {{HTMLElement("picture")}} 元素则可启用[响应式图像](/zh-CN/docs/Web/HTML/Responsive_images)。在本指南中，你可以找到有关在网站中添加图像的资源链接。
 
 ## 参考
@@ -33,7 +31,7 @@ l10n:
 
 这些文章为选择和配置图像类型提供了指导。
 
-- [图片文件类型和格式指南](/zh-CN/docs/Web/Media/Formats/Image_types)
+- [图片文件类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats/Image_types)
   - : 本指南介绍 web 浏览器通常支持的各种图像文件类型，包括它们各自的使用情况、功能和兼容性因素的详细信息。此外，本文还提供了针对特定情况选择最佳图像文件类型的指导。
 - [包含 `width` 和 `height` 属性以防止卡顿](/zh-CN/docs/Learn_web_development/Extensions/Performance/Multimedia#渲染策略：在加载图像时避免卡顿)
   - : 这就改变了浏览器加载图像的方式，使浏览器可以在加载图像前就计算出图像的宽高比，然后再利用宽高比预留图像的显示尺寸。
diff --git a/files/zh-cn/web/media/index.md b/files/zh-cn/web/media/index.md
index 026ced6de9f503..7c8423c3327d94 100644
--- a/files/zh-cn/web/media/index.md
+++ b/files/zh-cn/web/media/index.md
@@ -3,8 +3,6 @@ title: Web 媒体技术
 slug: Web/Media
 ---
 
-{{QuickLinksWithSubpages("/zh-CN/docs/Web/Media")}}
-
 逐年来，Web 呈现、创建并管理音频、视频和其他媒体的能力以不断增长的步伐发展。今日有着大量可用的 API、HTML 元素、DOM 界面和其他不仅仅限于完成这些任务，而是为了将媒体和其他技术联合使用以实现非凡事物的特性可供使用。这篇文章列出了可能对你掌握这些技术有帮助的多种 API 与其文档链接。
 
 ## 参考资料
@@ -39,15 +37,15 @@ slug: Web/Media
 
 ## 指南
 
-- [在 HTML 中使用音频和视频资源](/zh-CN/docs/Web/Media/HTML_media)
+- [在 HTML 中使用音频和视频资源](/zh-CN/docs/Web/Media/Guides/Audio_and_video_delivery)
   - : 这里是一篇使用 HTML `<audio>` 和 `<video>` 元素的指南。
 - [Web 设计中的媒体无障碍指南](/zh-CN/docs/Learn_web_development/Core/Accessibility/Multimedia)
   - : 在本指南中，我们将介绍 web 设计人员和开发人员创建的内容能让具有不同能力的人可以访问的方法。这个范围包括从 {{HTMLElement("img")}} 元素上简单地使用 [`alt`](/zh-CN/docs/Web/HTML/Element/img#alt) 属性到为屏幕阅读者提供字幕标记的媒体。
-- [Web 媒体类型和格式指南](/zh-CN/docs/Web/Media/Formats)
+- [Web 媒体类型和格式指南](/zh-CN/docs/Web/Media/Guides/Formats)
   - : 关于文件类型和编解码器对于 web 上的图像、音频和视频媒体有效的指南。这包括使用何种格式处理什么内容的建议、最佳实践，以及如何提供后备方案和如何对媒体类型进行优先排序，还包括针对每个媒体容器和编解码器的一般浏览器支持信息。
-- [音频和视频推流](/zh-CN/docs/Web/Media/Streaming)
+- [音频和视频推流](/zh-CN/docs/Web/Media/Guides/Streaming)
   - : 该指南涵盖了如何进行音频和视频流推送，以及你可以利用的技巧和技术，以确保你的流媒体的最佳质量和/或性能。
-- [媒体和 Web 音频 API 自动播放指南](/zh-CN/docs/Web/Media/Autoplay_guide)
+- [媒体和 Web 音频 API 自动播放指南](/zh-CN/docs/Web/Media/Guides/Autoplay)
   - : 出乎意料的自动播放媒体或音频对用户来说可能是一个不受欢迎的惊喜。虽然自动播放是有目的的，但应该谨慎使用。为了让用户控制这一点，许多浏览器现在都提供了自动播放阻塞的形式。本文是关于自动播放的指南，提供了一些技巧，告诉你何时以及如何使用它，以及如何使用浏览器优雅地处理自动播放阻塞。
 - [Web 音频空间化基础](/zh-CN/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics)
   - : 3D 环境既可以是渲染到屏幕上的 3D 场景，也可以是使用头盔体验的混合现实场景，重要的是音频的表现要让它听起来像来自其来源的方向。本指南涵盖了如何实现这一点。
diff --git a/files/zh-cn/web/progressive_web_apps/guides/what_is_a_progressive_web_app/index.md b/files/zh-cn/web/progressive_web_apps/guides/what_is_a_progressive_web_app/index.md
index 21b5f856ebea1a..1d903b43ee5978 100644
--- a/files/zh-cn/web/progressive_web_apps/guides/what_is_a_progressive_web_app/index.md
+++ b/files/zh-cn/web/progressive_web_apps/guides/what_is_a_progressive_web_app/index.md
@@ -81,7 +81,7 @@ PWA 通常看起来像平台特定应用程序——它们通常是在没有浏
 
 PWA 必须有一个 web 应用程序清单，并且[清单必须包含足够的信息以便浏览器安装 PWA](/zh-CN/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable#the_web_app_manifest)。
 
-清单可以定义 PWA 外观的许多其他方面，比如[主题颜色](/zh-CN/docs/Web/Manifest/theme_color)和[背景颜色](/zh-CN/docs/Web/Manifest/background_color)，以及其行为，包括其[充当其他应用程序数据的共享目标](/zh-CN/docs/Web/Manifest/share_target)的能力或[处理特定文件类型](/zh-CN/docs/Web/Manifest/file_handlers)的能力。
+清单可以定义 PWA 外观的许多其他方面，比如[主题颜色](/zh-CN/docs/Web/Manifest/theme_color)和[背景颜色](/zh-CN/docs/Web/Manifest/Reference/background_color)，以及其行为，包括其[充当其他应用程序数据的共享目标](/zh-CN/docs/Web/Manifest/share_target)的能力或[处理特定文件类型](/zh-CN/docs/Web/Manifest/file_handlers)的能力。
 
 #### Service worker
 
diff --git a/files/zh-cn/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md b/files/zh-cn/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md
index f15d2c3dfbfc56..ca607c601cd720 100644
--- a/files/zh-cn/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md
+++ b/files/zh-cn/web/progressive_web_apps/tutorials/cycletracker/manifest_file/index.md
@@ -74,7 +74,7 @@ PWA 的安装后和离线体验的外观由清单文件定义。外观清单成
 
 - [`theme_color`](/zh-CN/docs/Web/Manifest/theme_color)
   - : 默认的[操作系统和浏览器 UI 元素的颜色](/zh-CN/docs/Web/Progressive_web_apps/How_to/Customize_your_app_colors#定义主题色)，例如某些移动体验中的状态栏和桌面操作系统上的应用程序标题栏。
-- [`background_color`](/zh-CN/docs/Web/Manifest/background_color)
+- [`background_color`](/zh-CN/docs/Web/Manifest/Reference/background_color)
   - : 在 CSS 加载之前，显示为[应用程序背景](/zh-CN/docs/Web/Progressive_web_apps/How_to/Customize_your_app_colors#定制应用窗口背景色)的占位符颜色。为了在应用启动和加载之间创建平滑过渡，建议使用声明为应用程序 [`background-color`](/zh-CN/docs/Web/CSS/background-color) 颜色的 [`<color>`](/zh-CN/docs/Web/CSS/color_value)。
 
 ### 任务
diff --git a/files/zh-cn/web/exslt/regexp/index.md b/files/zh-cn/web/xml/exslt/reference/regexp/index.md
similarity index 82%
rename from files/zh-cn/web/exslt/regexp/index.md
rename to files/zh-cn/web/xml/exslt/reference/regexp/index.md
index 9ad4fd7af02662..f442eadbc63d79 100644
--- a/files/zh-cn/web/exslt/regexp/index.md
+++ b/files/zh-cn/web/xml/exslt/reference/regexp/index.md
@@ -1,6 +1,7 @@
 ---
 title: 正则表达式（regexp）
-slug: Web/EXSLT/regexp
+slug: Web/XML/EXSLT/Reference/regexp
+original_slug: Web/EXSLT/regexp
 ---
 
 {{XSLTRef}}{{QuickLinksWithSubpages("/zh-CN/docs/Web/EXSLT")}}
diff --git a/files/zh-cn/web/opensearch/index.md b/files/zh-cn/web/xml/guides/opensearch/index.md
similarity index 99%
rename from files/zh-cn/web/opensearch/index.md
rename to files/zh-cn/web/xml/guides/opensearch/index.md
index 22f50a94742b24..f0f11a998ca396 100644
--- a/files/zh-cn/web/opensearch/index.md
+++ b/files/zh-cn/web/xml/guides/opensearch/index.md
@@ -1,6 +1,7 @@
 ---
 title: OpenSearch 描述格式
-slug: Web/OpenSearch
+slug: Web/XML/Guides/OpenSearch
+original_slug: Web/OpenSearch
 l10n:
   sourceCommit: 5309f49a300166809b098f1b7604d563f3332af2
 ---
diff --git a/files/zh-cn/web/xml/parsing_and_serializing_xml/index.md b/files/zh-cn/web/xml/guides/parsing_and_serializing_xml/index.md
similarity index 96%
rename from files/zh-cn/web/xml/parsing_and_serializing_xml/index.md
rename to files/zh-cn/web/xml/guides/parsing_and_serializing_xml/index.md
index f26b1c726be9ec..7b6add59118fa7 100644
--- a/files/zh-cn/web/xml/parsing_and_serializing_xml/index.md
+++ b/files/zh-cn/web/xml/guides/parsing_and_serializing_xml/index.md
@@ -1,6 +1,7 @@
 ---
 title: 解析或序列化 XML
-slug: Web/XML/Parsing_and_serializing_XML
+slug: Web/XML/Guides/Parsing_and_serializing_XML
+original_slug: Web/XML/Parsing_and_serializing_XML
 ---
 
 {{QuickLinksWithSubpages("/zh-CN/docs/Web/XML")}}
@@ -13,7 +14,7 @@ slug: Web/XML/Parsing_and_serializing_XML
   - : 通过解析一个包含 XML 的字符串来构建 DOM 树，返回一个基于输入数据的适当的 {{domxref("XMLDocument")}} 或者是 {{domxref("Document")}}。
 - {{domxref("XMLHttpRequest")}}
   - : 从一个 URL 中加载内容；XML 的内容被作为一个带有内建 XML 的 DOM 树的 XML {{domxref("Document")}} 对象返回。
-- [XPath](/zh-CN/docs/Web/XPath)
+- [XPath](/zh-CN/docs/Web/XML/XPath)
   - : 一种创建包含 XML 文档特定部分的地址，并基于这些地址进行 XML 节点定位的字符串的技术。
 
 ## 创建一个 XML 文档
@@ -95,7 +96,7 @@ const docOuterHtml = document.documentElement.outerHTML;
 
 ## 参见
 
-- [XPath](/zh-CN/docs/Web/XPath)
+- [XPath](/zh-CN/docs/Web/XML/XPath)
 - {{domxref("fetch()")}}
 - {{domxref("XMLHttpRequest")}}
 - {{domxref("Document")}}、{{domxref("XMLDocument")}} 和 {{domxref("HTMLDocument")}}
diff --git a/files/zh-cn/web/xml/xml_introduction/index.md b/files/zh-cn/web/xml/guides/xml_introduction/index.md
similarity index 95%
rename from files/zh-cn/web/xml/xml_introduction/index.md
rename to files/zh-cn/web/xml/guides/xml_introduction/index.md
index 25fac125709287..8119e6193b7a88 100644
--- a/files/zh-cn/web/xml/xml_introduction/index.md
+++ b/files/zh-cn/web/xml/guides/xml_introduction/index.md
@@ -1,6 +1,7 @@
 ---
 title: XML 简介
-slug: Web/XML/XML_introduction
+slug: Web/XML/Guides/XML_introduction
+original_slug: Web/XML/XML_introduction
 ---
 
 {{QuickLinksWithSubpages("/zh-CN/docs/Web/XML")}}
@@ -106,7 +107,7 @@ XML 通常被用作描述，但是还有很多方法去展示 XML 数据。如
 <?xml-stylesheet type="text/css" href="stylesheet.css"?>
 ```
 
-当然，也有其他更有效的方法去展示 XML，**Extensible Stylesheet Language Transformations**（[XSLT](/zh-CN/docs/Web/XSLT)）可以将 XML 转换为其他语言（例如 HTML）。这使得 XML 非常地有力。
+当然，也有其他更有效的方法去展示 XML，**Extensible Stylesheet Language Transformations**（[XSLT](/zh-CN/docs/Web/XML/XSLT)）可以将 XML 转换为其他语言（例如 HTML）。这使得 XML 非常地有力。
 
 ```xml
 <?xml-stylesheet type="text/xsl" href="transform.xsl"?>
diff --git a/files/zh-cn/web/xml/xpath/guides/comparison_with_css_selectors/index.md b/files/zh-cn/web/xml/xpath/guides/comparison_with_css_selectors/index.md
new file mode 100644
index 00000000000000..460321fc5687eb
--- /dev/null
+++ b/files/zh-cn/web/xml/xpath/guides/comparison_with_css_selectors/index.md
@@ -0,0 +1,15 @@
+---
+title: CSS 选择器与 XPath 的对比
+slug: Web/XML/XPath/Guides/Comparison_with_CSS_selectors
+---
+
+本文旨在记录 CSS 选择器和 XPath 之间的区别，以便 Web 开发人员能够更好地为正确的工作选择合适的工具。
+
+| [XPath 特性](/zh-CN/docs/Web/XML/XPath)                                                                                                                                                                              | [CSS 等价形式](/zh-CN/docs/Web/CSS/CSS_selectors)                                                                                  |
+| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
+| [`ancestor`](/zh-CN/docs/Web/XML/XPath/Reference/Axes#ancestor)、[`parent`](/zh-CN/docs/Web/XML/XPath/Reference/Axes#parent) 或 [`preceding-sibling`](/zh-CN/docs/Web/XML/XPath/Reference/Axes#preceding-sibling) 轴 | {{CSSxRef(":has",":has()")}} 选择器 {{experimental_inline}}                                                                        |
+| [`attribute`](/zh-CN/docs/Web/XML/XPath/Reference/Axes#ancestor) 轴                                                                                                                                                  | [属性选择器](/zh-CN/docs/Web/CSS/Attribute_selectors)                                                                              |
+| [`child`](/zh-CN/docs/Web/XML/XPath/Reference/Axes#child) 轴                                                                                                                                                         | [子代组合器](/zh-CN/docs/Web/CSS/Child_combinator)                                                                                 |
+| [`descendant`](/zh-CN/docs/Web/XML/XPath/Reference/Axes#descendant) 轴                                                                                                                                               | [后代组合器](/zh-CN/docs/Web/CSS/Descendant_combinator)                                                                            |
+| [`following-sibling`](/zh-CN/docs/Web/XML/XPath/Reference/Axes#following-sibling) 轴                                                                                                                                 | [后续兄弟组合器](/zh-CN/docs/Web/CSS/Subsequent-sibling_combinator)或[接续兄弟组合器](/zh-CN/docs/Web/CSS/Next-sibling_combinator) |
+| [`self`](/zh-CN/docs/Web/XML/XPath/Reference/Axes#self) 轴                                                                                                                                                           | {{CSSxRef(":scope")}} 或 {{CSSxRef(":host")}} 选择器                                                                               |
diff --git a/files/zh-cn/web/xpath/introduction_to_using_xpath_in_javascript/index.md b/files/zh-cn/web/xml/xpath/guides/introduction_to_using_xpath_in_javascript/index.md
similarity index 80%
rename from files/zh-cn/web/xpath/introduction_to_using_xpath_in_javascript/index.md
rename to files/zh-cn/web/xml/xpath/guides/introduction_to_using_xpath_in_javascript/index.md
index be7eede79487ac..254ec23d0e7c37 100644
--- a/files/zh-cn/web/xpath/introduction_to_using_xpath_in_javascript/index.md
+++ b/files/zh-cn/web/xml/xpath/guides/introduction_to_using_xpath_in_javascript/index.md
@@ -1,13 +1,9 @@
 ---
-title: Introduction to using XPath in JavaScript
-slug: Web/XPath/Introduction_to_using_XPath_in_JavaScript
+title: 在 JavaScript 中使用 XPath 的简介
+slug: Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript
 ---
 
-{{XsltSidebar}}
-
-该篇文档描述了如何在扩展和网站内部通过 JavaScript 调用 [XPath](/zh-CN/XPath) 接口。Mozilla 实现了相当多的 [DOM 3 XPath](https://www.w3.org/TR/DOM-Level-3-XPath/xpath.html)，意味着 Xpath 表达式已经可以在 HTML 和 XML 文档中使用。
-
-使用 XPath 的主要接口是 [document](/zh-CN/docs/Web/API/Document) 对象的 [evaluate](/zh-CN/docs/Web/API/Document/evaluate) 方法。
+该篇文档描述了如何在 JavaScript 中调用 [XPath](/zh-CN/docs/Web/XML/XPath) 接口。使用 XPath 的主要接口是 [document](/zh-CN/docs/Web/API/Document) 对象的 [evaluate](/zh-CN/docs/Web/API/Document/evaluate) 函数。
 
 ## document.evaluate
 
@@ -31,16 +27,16 @@ var xpathResult = document.evaluate(
 - `contextNode`：应评估 `xpathExpression` 的文档中的节点，包括其任何和所有子节点。document 节点是最常用的。
 - `namespaceResolver`：将传递包含在 `xpathExpression` 中的任何命名空间前缀的函数，它返回一个表示与该前缀关联的命名空间 URI 的字符串。这使得能够在 XPath 表达式中使用的前缀和文档中使用的可能不同的前缀之间进行转换。该转换函数可以是：
 
-  - 使用 [`XPathEvaluator`](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#node-specific_evaluator_function) 对象的 [`createNSResolver`](/zh-CN/docs/Web/API/Document/createNSResolver) 方法[创建](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#implementing_a_default_namespace_resolver)。
+  - 使用 [`XPathEvaluator`](/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript#node-specific_evaluator_function) 对象的 [`createNSResolver`](/zh-CN/docs/Web/API/Document/createNSResolver) 方法[创建](/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript#implementing_a_default_namespace_resolver)。
   - `null`。其可以用于 HTML 文档或者当不使用命名空间前缀时。注意，如果 `xpathExpression` 包含命名空间前缀，这将导致一个带有 `NAMESPACE_ERR` 的 `DOMException` 抛出。
-  - 用户定义的函数。有关详细信息，请参阅附录中的 [使用一个用户定义的命名空间解析器](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#implementing_a_user_defined_namespace_resolver) 部分。
+  - 用户定义的函数。有关详细信息，请参阅附录中的 [使用一个用户定义的命名空间解析器](/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript#implementing_a_user_defined_namespace_resolver) 部分。
 
-- `resultType`：指定作为评估结果返回的所需结果类型的[常数](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#xpathresult_defined_constants)。最常传递的常量是 `XPathResult.ANY_TYPE`，它将返回 XPath 表达式的结果作为最自然的类型。附录中有一个部分，其中包含[可用常数](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#xpathresult_defined_constants)的完整列表。它们在下面“[指定返回类型](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#specifying_the_return_type)”部分中进行解释。
+- `resultType`：指定作为评估结果返回的所需结果类型的[常数](#xpathresult_定义的常量)。最常传递的常量是 `XPathResult.ANY_TYPE`，它将返回 XPath 表达式的结果作为最自然的类型。附录中有一个部分，其中包含[可用常数](#xpathresult_定义的常量)的完整列表。它们在下面“[指定返回类型](#指定返回类型)”部分中进行解释。
 - `result`：如果指定了现有的 `XPathResult` 对象，它将被重用以返回结果。指定 `null` 将创建一个新的 `XPathResult` 对象。
 
 ### 返回值
 
-返回 `xpathResult`，它是 `resultType` 参数中[指定的](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#specifying_the_return_type)类型的 `XPathResult` 对象。`XPathResult` 在[这里](http://mxr.mozilla.org/mozilla-central/source/dom/interfaces/xpath/nsIDOMXPathResult.idl)定义。
+返回 `xpathResult`，它是 `resultType` 参数中[指定的](#指定返回类型)类型的 `XPathResult` 对象。`XPathResult` 在[这里](http://mxr.mozilla.org/mozilla-central/source/dom/interfaces/xpath/nsIDOMXPathResult.idl)定义。
 
 ### 实现默认的命名空间解析器
 
@@ -67,7 +63,7 @@ var nsResolver = xpEvaluator.createNSResolver(
 
 然后传递 `document.evaluate`，将 `nsResolver` 变量作为 `namespaceResolver` 参数。
 
-注意：XPath 定义不带前缀的 QNames，以仅匹配 null 命名空间中的元素。XPath 没有办法选择应用于常规元素引用的默认命名空间（例如，`p[@id='_myid']` 对应于 `xmlns='http://www.w3.org/1999/xhtml'`）。要匹配非命名空间中的默认元素，你必须使用如 `[namespace-uri()='http://www.w3.org/1999/xhtml' and name()='p' and @id='_id']`（[这种方法](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#using_xpath_functions_to_reference_elements_with_a_default_namespace)适用于命名空间未知的动态 XPath），或者使用前缀名测试，并创建一个命名空间解析器将前缀映射到命名空间。如果你想采取后一种方法，阅读更多关于[如何创建一个用户定义的命名空间解析器](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#implementing_a_user_defined_namespace_resolver)。
+注意：XPath 定义不带前缀的 QNames，以仅匹配 null 命名空间中的元素。XPath 没有办法选择应用于常规元素引用的默认命名空间（例如，`p[@id='_myid']` 对应于 `xmlns='http://www.w3.org/1999/xhtml'`）。要匹配非命名空间中的默认元素，你必须使用如 `[namespace-uri()='http://www.w3.org/1999/xhtml' and name()='p' and @id='_id']`（[这种方法](#使用_xpath_函数引用具有默认命名空间的元素)适用于命名空间未知的动态 XPath），或者使用前缀名测试，并创建一个命名空间解析器将前缀映射到命名空间。如果你想采取后一种方法，阅读更多关于[实现用户定义的命名空间解析器](#实现用户定义的命名空间解析器)。
 
 ### 注意
 
@@ -75,15 +71,15 @@ var nsResolver = xpEvaluator.createNSResolver(
 
 ### 指定返回类型
 
-`document.evaluate` 返回的变量 `xpathResult` 可以由单个节点（[简单类型](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#simple_types)）或节点集合（[节点集类型](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#node-set_types)）组成。
+`document.evaluate` 返回的变量 `xpathResult` 可以由单个节点（[简单类型](#简单类型)）或节点集合（[节点集类型](#节点集类型)）组成。
 
 #### 简单类型
 
 当 `resultType` 中的所需结果类型指定为：
 
-- `NUMBER_TYPE` - a double
-- `STRING_TYPE` - a string
-- `BOOLEAN_TYPE` - a boolean
+- `NUMBER_TYPE`——双精度浮点数
+- `STRING_TYPE`——字符串
+- `BOOLEAN_TYPE`——布尔值
 
 我们通过分别访问 `XPathResult` 对象的以下属性来获取表达式的返回值。
 
@@ -93,7 +89,7 @@ var nsResolver = xpEvaluator.createNSResolver(
 
 ##### 示例
 
-以下使用 XPath 表达式 [`count(//p)`](/zh-CN/docs/Web/XPath/Functions/count) 来获取 HTML 文档中的 `<p>` 元素数：
+以下使用 XPath 表达式 [`count(//p)`](/zh-CN/docs/Web/XML/XPath/Reference/Functions/count) 来获取 HTML 文档中的 `<p>` 元素数：
 
 ```js
 var paragraphCount = document.evaluate(
@@ -114,7 +110,7 @@ alert(
 虽然 JavaScript 允许我们将数字转换为一个字符串进行显示，但 XPath 接口不会自动转换数字结果，如果 `stringValue` 属性被请求，所以下面的代码将**不**工作：
 
 ```js
-var paragraphCount = document.evaluate(
+const paragraphCount = document.evaluate(
   "count(//p)",
   document,
   null,
@@ -122,11 +118,7 @@ var paragraphCount = document.evaluate(
   null,
 );
 
-alert(
-  "This document contains " +
-    paragraphCount.stringValue +
-    " paragraph elements",
-);
+console.log(`改文档包含 ${paragraphCount.numberValue} 个段落元素`);
 ```
 
 相反，它将返回一个带有 `NS_DOM_TYPE_ERROR` 的异常。
@@ -135,11 +127,11 @@ alert(
 
 `XPathResult` 对象允许以 3 种主要不同类型返回节点集：
 
-- [Iterators](#iterators)
-- [Snapshots](#snapshots)
-- [First Nodes](#first_node)
+- [迭代器](#迭代器)
+- [快照](#快照)
+- [首个节点](#首个节点)
 
-##### Iterators
+##### 迭代器
 
 当 `resultType` 参数中的指定结果类型为：
 
@@ -173,7 +165,7 @@ try {
 }
 ```
 
-##### Snapshots
+##### 快照
 
 当 `resultType` 参数中的指定结果类型为：
 
@@ -198,7 +190,7 @@ for (var i = 0; i < nodesSnapshot.snapshotLength; i++) {
 }
 ```
 
-##### First Node
+##### 首个节点
 
 当 `resultType` 参数中的指定结果类型为：
 
@@ -230,7 +222,7 @@ dump(
 
 它可以是任何简单类型（`NUMBER_TYPE`，`STRING_TYPE`，`BOOLEAN_TYPE` ），**但**如果返回的结果类型是节点集，那么它将**只**是一个 `UNORDERED_NODE_ITERATOR_TYPE`。
 
-要在评估后确定类型，我们使用 `XPathResult` 对象的 `resultType` 属性。此属性的[常量](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#xpathresult_defined_constants)值在附录中定义。None Yet =====Any_Type Example===== \<pre> \</pre>
+要在评估后确定类型，我们使用 `XPathResult` 对象的 `resultType` 属性。此属性的[常量](#xpathresult_定义的常量)值在附录中定义。
 
 ## 示例
 
@@ -364,7 +356,7 @@ document.evaluate(
 
 #### 为 XML 文档实现默认命名空间
 
-如前面[实现默认命名空间解析器](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript#implementing_a_default_namespace_resolver)中所述，默认解析器不处理 XML 文档的默认命名空间。例如使用本文档：
+如前面[实现默认命名空间解析器](/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript#implementing_a_default_namespace_resolver)中所述，默认解析器不处理 XML 文档的默认命名空间。例如使用本文档：
 
 ```xml
 <?xml version="1.0" encoding="UTF-8"?>
@@ -398,7 +390,7 @@ doc.evaluate("//myns:entry", doc, resolver, XPathResult.ANY_TYPE, null);
 
 如果希望在命名空间（像预期的那样）中提供灵活性，当发现命名空间元素或属性时不一定需要使用特定的前缀，必须使用特殊技术。
 
-虽然可以修改上述部分中的方法来测试命名空间元素，而不管选择的前缀（使用 [`local-name()`](/zh-CN/docs/Web/XPath/Functions/local-name) 结合 [`namespace-uri()`](/zh-CN/docs/Web/XPath/Functions/namespace-uri) 而不是 [`name()`](/zh-CN/docs/Web/XPath/Functions/name)），但是会发生更具挑战性的情况，如果希望在谓词中获取具有特定命名空间属性的元素（假设在 XPath 1.0 中没有与实现无关的变量）。
+虽然可以修改上述部分中的方法来测试命名空间元素，而不管选择的前缀（使用 [`local-name()`](/zh-CN/docs/Web/XML/XPath/Reference/Functions/local-name) 结合 [`namespace-uri()`](/zh-CN/docs/Web/XML/XPath/Reference/Functions/namespace-uri) 而不是 [`name()`](/zh-CN/docs/Web/XML/XPath/Reference/Functions/name)），但是会发生更具挑战性的情况，如果希望在谓词中获取具有特定命名空间属性的元素（假设在 XPath 1.0 中没有与实现无关的变量）。
 
 例如，可能尝试（不正确地）使用 namespaced 属性获取元素，如下所示： `var xpathlink = someElements[local-name(@*)="href" and namespace-uri(@*)='http://www.w3.org/1999/xlink'];`
 
@@ -498,11 +490,10 @@ var thisitemEl = thislevel.iterateNext();
 
 ## 参见
 
-- [Using XPath](/zh-CN/Using_XPath)
+- [XPath](/zh-CN/docs/Web/XML/XPath)
+- [XML 路径语言](https://www.xml.com/pub/a/2000/08/holman/index.html?page=2#xpath-info)源自[_什么是 XSLT？_](https://www.xml.com/pub/a/2000/08/holman/)（由 G. Ken Holman 撰写）
 
-## Original Document Information
+## 原文档信息
 
-- Based Upon Original Document [Mozilla XPath Tutorial](https://www-xray.ast.cam.ac.uk/~jgraham/mozilla/xpath-tutorial.html)
-- Original Source Author: James Graham.
-- Other Contributors: James Thompson.
-- Last Updated Date: 2006-3-25.
+- 基于 James Graham 撰写的源文档。
+- 其他贡献者：James Thompson。
diff --git a/files/zh-cn/web/xpath/index.md b/files/zh-cn/web/xml/xpath/index.md
similarity index 60%
rename from files/zh-cn/web/xpath/index.md
rename to files/zh-cn/web/xml/xpath/index.md
index c5901983b9e6fc..89e1b56bc2bc61 100644
--- a/files/zh-cn/web/xpath/index.md
+++ b/files/zh-cn/web/xml/xpath/index.md
@@ -1,13 +1,11 @@
 ---
 title: XPath
-slug: Web/XPath
+slug: Web/XML/XPath
 ---
 
-{{XsltSidebar}}
-
 XPath 表示 XML 路径语言。它使用非 XML 语法来提供一种灵活地定位（指向）[XML](/zh-CN/docs/Web/XML) 文档的不同部分的方法。它也可以用于检查文档中某个定位节点是否与某个模式（pattern）匹配。
 
-XPath 主要用于 [XSLT](/zh-CN/docs/Web/XSLT)，但也可以作为一种更强大的方式使用——使用 {{DOMxRef("XPathExpression")}} 来导航任何类似 XML 语言文档的 [DOM](/zh-CN/docs/Web/API/Document_Object_Model)（例如 [HTML](/zh-CN/docs/Web/HTML) 和 [SVG](/zh-CN/docs/Web/SVG)）。而不是依赖于 {{DOMxRef("Document.getElementById()")}} 或 {{DOMxRef("Document.querySelectorAll()")}} 方法、{{DOMxRef("Node.childNodes")}} 属性和其他 DOM 核心特性。
+XPath 主要用于 [XSLT](/zh-CN/docs/Web/XML/XSLT)，但也可以作为一种更强大的方式使用——使用 {{DOMxRef("XPathExpression")}} 来导航任何类似 XML 语言文档的 [DOM](/zh-CN/docs/Web/API/Document_Object_Model)（例如 [HTML](/zh-CN/docs/Web/HTML) 和 [SVG](/zh-CN/docs/Web/SVG)）。而不是依赖于 {{DOMxRef("Document.getElementById()")}} 或 {{DOMxRef("Document.querySelectorAll()")}} 方法、{{DOMxRef("Node.childNodes")}} 属性和其他 DOM 核心特性。
 
 XPath 使用路径标识符（类似于 URL）通过层级结构来导航 XML 文档。它使用非 XML 语法，使得它可被用于 URI 和 XML 属性值。
 
@@ -16,15 +14,15 @@ XPath 使用路径标识符（类似于 URL）通过层级结构来导航 XML 
 
 ## 文档
 
-- [在 JavaScript 中使用 XPath 的简介](/zh-CN/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript)
+- [在 JavaScript 中使用 XPath 的简介](/zh-CN/docs/Web/XML/XPath/Guides/Introduction_to_using_XPath_in_JavaScript)
   - : 描述 XPath 的非 XSLT 使用。
-- [XPath：轴](/zh-CN/docs/Web/XPath/Axes)
+- [XPath：轴](/zh-CN/docs/Web/XML/XPath/Reference/Axes)
   - : XPath 规范中定义的轴的列表和定义。轴用于描述节点之间的关系。
-- [XPath：函数](/zh-CN/docs/Web/XPath/Functions)
+- [XPath：函数](/zh-CN/docs/Web/XML/XPath/Reference/Functions)
   - : 核心 XPath 函数和添加到 XPath 中的特定于 XSLT 的函数的列表和描述。
-- [使用 XSLT 转换 XML](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT)
+- [使用 XSLT 转换 XML](/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT)
   - : XSLT 使用 XPath 来定位它希望转换的 XML 文档中的代码段。
-- [XPath 代码片段](/zh-CN/docs/Web/XPath/Snippets)
+- [XPath 代码片段](/zh-CN/docs/Web/XML/XPath/Guides/Snippets)
   - : 一些可以在你自己的代码中使用的 JavaScript 实用函数，基于 [DOM Level 3 XPath](https://www.w3.org/TR/DOM-Level-3-XPath/) API。
 - [什么是 XSLT？](https://www.xml.com/pub/a/2000/08/holman/)
   - : 对 XSLT 和 XPath 的详尽介绍，假设读者先前不了解这些技术，并引导读者了解背景、上下文、结构、概念和介绍性的术语。
@@ -36,5 +34,5 @@ XPath 使用路径标识符（类似于 URL）通过层级结构来导航 XML 
 
 ## 相关主题
 
-- [XSLT](/zh-CN/docs/Web/XSLT)、[XML](/zh-CN/docs/Web/XML)、[DOM](/zh-CN/docs/Web/API/Document_Object_Model)
-- [CSS 选择器和 XPath 的比较](/zh-CN/docs/Web/XPath/Comparison_with_CSS_selectors)
+- [XSLT](/zh-CN/docs/Web/XML/XSLT)、[XML](/zh-CN/docs/Web/XML)、[DOM](/zh-CN/docs/Web/API/Document_Object_Model)
+- [CSS 选择器和 XPath 的比较](/zh-CN/docs/Web/XML/XPath/Guides/Comparison_with_CSS_selectors)
diff --git a/files/zh-cn/web/xpath/axes/index.md b/files/zh-cn/web/xml/xpath/reference/axes/index.md
similarity index 80%
rename from files/zh-cn/web/xpath/axes/index.md
rename to files/zh-cn/web/xml/xpath/reference/axes/index.md
index 6af1c2b1728b25..bbce4ef2620add 100644
--- a/files/zh-cn/web/xpath/axes/index.md
+++ b/files/zh-cn/web/xml/xpath/reference/axes/index.md
@@ -1,13 +1,12 @@
 ---
 title: 轴
-slug: Web/XPath/Axes
+slug: Web/XML/XPath/Reference/Axes
+original_slug: Web/XPath/Axes
 ---
 
-{{XsltSidebar}}
+[XPath](/zh-CN/docs/Web/XML/XPath) 规范中定义了 13 种不同的轴（axes）。轴表示与上下文节点的关系，并用于定位树上相对于该节点的节点。
 
-[XPath](/zh-CN/docs/Web/XPath) 规范中定义了 13 种不同的轴（axes）。轴表示与上下文节点的关系，并用于定位树上相对于该节点的节点。
-
-有关使用 XPath 表达式的更多信息，请参阅[使用 XSLT 转换 XML](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT)的[扩展阅读](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT#扩展阅读)部分，以及 [xpath 规范的“axes”部分](https://www.w3.org/TR/xpath-30/#axes)。
+有关使用 XPath 表达式的更多信息，请参阅[使用 XSLT 转换 XML](/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT)的[扩展阅读](/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT#扩展阅读)部分，以及 [xpath 规范的“axes”部分](https://www.w3.org/TR/xpath-30/#axes)。
 
 - `ancestor`
   - : 表示上下文节点的所有祖先，从父节点开始，一直到根节点。
diff --git a/files/zh-cn/web/xml/xslt/guides/transforming_xml_with_xslt/index.md b/files/zh-cn/web/xml/xslt/guides/transforming_xml_with_xslt/index.md
new file mode 100644
index 00000000000000..1a1d8c2a10efd3
--- /dev/null
+++ b/files/zh-cn/web/xml/xslt/guides/transforming_xml_with_xslt/index.md
@@ -0,0 +1,130 @@
+---
+title: 使用 XSLT 转换 XML
+slug: Web/XML/XSLT/Guides/Transforming_XML_with_XSLT
+original_slug: Web/XSLT/Transforming_XML_with_XSLT
+---
+
+内容和表示分离是 [XML](/zh-CN/docs/Web/XML) 的一个关键设计特性。XML 文档的结构被设计成反映和阐明内容本身的各方面之间的重要关系，而不受需要提供有关此数据最终应该如何呈现的任何指示的障碍。这种智能的结构尤为重要，特别是在越来越多的数据在通过网络连接的高度异构的机器之间自动化传输的趋势下。
+
+然而，最终存储在 XML 文档中的大部分内容都需要呈现给人类。因为浏览器提供了一个熟悉且高度灵活的界面，所以它是传递此类呈现给人类的 XML 内容的理想机制。Firefox 利用各类 XML 技术从头开始构建，将处理原始 XML 文档和用于为显示的 HTML 设置样式和布局的专用样式表所需的机制合并到一起，从而通过客户端处理来减少服务器的负载。
+
+目前，Gecko（Firefox 的排版引擎）支持两种形式的 XML 样式表。对于外观的基本控制（字体、颜色、位置等），Gecko 使用 [CSS](/zh-CN/docs/Web/CSS)。
+
+我们这里的重点是 Gecko 支持的第二种样式表：XSLT 样式表。XSLT 代表可扩展样式表转换语言（eXtensible Stylesheet Language/Transform），这个名字很贴切。XSLT 允许样式表的作者以两种重要的方式转换主 XML 文档：对文档进行操作和排序，包括在需要的情况下进行整体重排序，以及将内容转换为不同的格式（以 Firefox 为例，则重点是将其即时转换为后续可用浏览器显示的 HTML）。
+
+## XSLT/XPath 参考
+
+### 元素
+
+[元素](/zh-CN/docs/Web/XML/XSLT/Reference/Element)
+
+- [xsl:apply-imports](/zh-CN/docs/Web/XML/XSLT/Reference/Element/apply-imports)（_支持_）
+- [xsl:apply-templates](/zh-CN/docs/Web/XML/XSLT/Reference/Element/apply-templates)（_支持_）
+- [xsl:attribute](/zh-CN/docs/Web/XML/XSLT/Reference/Element/attribute)（_支持_）
+- [xsl:attribute-set](/zh-CN/docs/Web/XML/XSLT/Reference/Element/attribute-set)（_支持_）
+- [xsl:call-template](/zh-CN/docs/Web/XML/XSLT/Reference/Element/call-template)（_支持_）
+- [xsl:choose](/zh-CN/docs/Web/XML/XSLT/Reference/Element/choose)（_支持_）
+- [xsl:comment](/zh-CN/docs/Web/XML/XSLT/Reference/Element/comment)（_支持_）
+- [xsl:copy](/zh-CN/docs/Web/XML/XSLT/Reference/Element/copy)（_支持_）
+- [xsl:copy-of](/zh-CN/docs/Web/XML/XSLT/Reference/Element/copy-of)（_支持_）
+- [xsl:decimal-format](/zh-CN/docs/Web/XML/XSLT/Reference/Element/decimal-format)（_支持_）
+- [xsl:element](/zh-CN/docs/Web/XML/XSLT/Reference/Element/element)（_支持_）
+- [xsl:fallback](/zh-CN/docs/Web/XML/XSLT/Reference/Element/fallback)（_不支持_）
+- [xsl:for-each](/zh-CN/docs/Web/XML/XSLT/Reference/Element/for-each)（_支持_）
+- [xsl:if](/zh-CN/docs/Web/XML/XSLT/Reference/Element/if)（_支持_）
+- [xsl:import](/zh-CN/docs/Web/XML/XSLT/Reference/Element/import) _(mostly supported)_
+- [xsl:include](/zh-CN/docs/Web/XML/XSLT/Reference/Element/include)（_支持_）
+- [xsl:key](/zh-CN/docs/Web/XML/XSLT/Reference/Element/key)（_支持_）
+- [xsl:message](/zh-CN/docs/Web/XML/XSLT/Reference/Element/message)（_支持_）
+- [xsl:namespace-alias](/zh-CN/docs/Web/XML/XSLT/Reference/Element/namespace-alias)（_不支持_）
+- [xsl:number](/zh-CN/docs/Web/XML/XSLT/Reference/Element/number)（_部分支持_）
+- [xsl:otherwise](/zh-CN/docs/Web/XML/XSLT/Reference/Element/otherwise)（_支持_）
+- [xsl:output](/zh-CN/docs/Web/XML/XSLT/Reference/Element/output)（_部分支持_）
+- [xsl:param](/zh-CN/docs/Web/XML/XSLT/Reference/Element/param)（_支持_）
+- [xsl:preserve-space](/zh-CN/docs/Web/XML/XSLT/Reference/Element/preserve-space)（_支持_）
+- [xsl:processing-instruction](/zh-CN/docs/Web/XML/XSLT/Reference/Element/processing-instruction)
+- [xsl:sort](/zh-CN/docs/Web/XML/XSLT/Reference/Element/sort)（_支持_）
+- [xsl:strip-space](/zh-CN/docs/Web/XML/XSLT/Reference/Element/strip-space)（_支持_）
+- [xsl:stylesheet](/zh-CN/docs/Web/XML/XSLT/Reference/Element/stylesheet)（_部分支持_）
+- [xsl:template](/zh-CN/docs/Web/XML/XSLT/Reference/Element/template)（_支持_）
+- [xsl:text](/zh-CN/docs/Web/XML/XSLT/Reference/Element/text)（_部分支持_）
+- [xsl:transform](/zh-CN/docs/Web/XML/XSLT/Reference/Element/transform)（_支持_）
+- [xsl:value-of](/zh-CN/docs/Web/XML/XSLT/Reference/Element/value-of)（_部分支持_）
+- [xsl:variable](/zh-CN/docs/Web/XML/XSLT/Reference/Element/variable)（_支持_）
+- [xsl:when](/zh-CN/docs/Web/XML/XSLT/Reference/Element/when)（_支持_）
+- [xsl:with-param](/zh-CN/docs/Web/XML/XSLT/Reference/Element/with-param)（_支持_）
+
+### 轴
+
+[轴](/zh-CN/docs/Web/XML/XPath/Reference/Axes)
+
+- [ancestor](/zh-CN/docs/Web/XML/XPath/Reference/Axes#ancestor)
+- [ancestor-or-self](/zh-CN/docs/Web/XML/XPath/Reference/Axes#ancestor-or-self)
+- [attribute](/zh-CN/docs/Web/XML/XPath/Reference/Axes#attribute)
+- [child](/zh-CN/docs/Web/XML/XPath/Reference/Axes#child)
+- [descendant](/zh-CN/docs/Web/XML/XPath/Reference/Axes#descendant)
+- [descendant-or-self](/zh-CN/docs/Web/XML/XPath/Reference/Axes#descendant-or-self)
+- [following](/zh-CN/docs/Web/XML/XPath/Reference/Axes#following)
+- [following-sibling](/zh-CN/docs/Web/XML/XPath/Reference/Axes#following-sibling)
+- [namespace](/zh-CN/docs/Web/XML/XPath/Reference/Axes#namespace)（_不支持_）
+- [parent](/zh-CN/docs/Web/XML/XPath/Reference/Axes#parent)
+- [preceding](/zh-CN/docs/Web/XML/XPath/Reference/Axes#preceding)
+- [preceding-sibling](/zh-CN/docs/Web/XML/XPath/Reference/Axes#preceding-sibling)
+- [self](/zh-CN/docs/Web/XML/XPath/Reference/Axes#self)
+
+### 函数
+
+[函数](/zh-CN/docs/Web/XML/XPath/Reference/Functions)
+
+- [boolean()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/boolean)（_支持_）
+- [ceiling()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/ceiling)（_支持_）
+- [concat()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/concat)（_支持_）
+- [contains()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/contains)（_支持_）
+- [count()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/count)（_支持_）
+- [current()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/current)（_支持_）
+- [document()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/document)（_支持_）
+- [element-available()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/element-available)（_支持_）
+- [false()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/false)（_支持_）
+- [floor()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/floor)（_支持_）
+- [format-number()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/format-number)（_支持_）
+- [function-available()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/function-available)（_支持_）
+- [generate-id()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/generate-id)（_支持_）
+- [id()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/id)（_部分支持_）
+- [key()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/key)（_支持_）
+- [lang()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/lang)（_支持_）
+- [last()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/last)（_支持_）
+- [local-name()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/local-name)（_支持_）
+- [name()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/name)（_支持_）
+- [namespace-uri()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/namespace-uri)（_支持_）
+- [normalize-space()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/normalize-space)（_支持_）
+- [not()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/not)（_支持_）
+- [number()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/number)（_支持_）
+- [position()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/position)（_支持_）
+- [round()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/round)（_支持_）
+- [starts-with()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/starts-with)（_支持_）
+- [string()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/string)（_支持_）
+- [string-length()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/string-length)（_支持_）
+- [substring()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/substring)（_支持_）
+- [substring-after()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/substring-after)（_支持_）
+- [substring-before()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/substring-before)（_支持_）
+- [sum()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/sum)（_支持_）
+- [system-property()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/system-property)（_支持_）
+- [translate()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/translate)（_支持_）
+- [true()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/true)（_支持_）
+- [unparsed-entity-url()](/zh-CN/docs/Web/XML/XPath/Reference/Functions/unparsed-entity-url)（_不支持_）
+
+## 扩展阅读
+
+[扩展阅读](/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT/For_Further_Reading)
+
+- [图书](/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT/For_Further_Reading#图书)
+- [数字内容](/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT/For_Further_Reading#数字内容)
+  - [网站](/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT/For_Further_Reading#网站)
+  - [文章](/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT/For_Further_Reading#文章)
+  - [教程/示例](/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT/For_Further_Reading#教程示例)
+  - [其他](/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT/For_Further_Reading#其他)
+
+## 原始文档信息
+
+- 版权信息：Copyright © 2001-2003 Netscape. All rights reserved.
+- 注意：这篇转载文章最初是 DevEdge 的一部分。
diff --git a/files/zh-cn/web/xslt/index.md b/files/zh-cn/web/xml/xslt/index.md
similarity index 84%
rename from files/zh-cn/web/xslt/index.md
rename to files/zh-cn/web/xml/xslt/index.md
index dcacdf81bfc6b2..1e2c59fded39da 100644
--- a/files/zh-cn/web/xslt/index.md
+++ b/files/zh-cn/web/xml/xslt/index.md
@@ -1,10 +1,8 @@
 ---
 title: XSLT：可扩展样式表语言转换
-slug: Web/XSLT
+slug: Web/XML/XSLT
 ---
 
-{{XsltSidebar}}
-
 **可扩展样式表语言转换**（XSLT）是一种基于 [XML](/zh-CN/docs/Web/XML/XML_introduction) 的语言，和专门的处理软件一起使用，用于 XML 文档转换。
 
 虽然这个处理过程被称作“转换”，但并没有改变原始文档，而是在原文档内容的基础上创建了一个新的 XML 文档。然后，这个新文档会被处理器序列化（输出）为标准的 XML 语法或其他格式（如 [HTML](/zh-CN/docs/Web/HTML) 或纯文本）。
@@ -13,21 +11,21 @@ XSLT 最常用于不同 XML 模式间的数据转换，或用于将 XML 数据
 
 ## 文档
 
-- [XSLT 元素参考](/zh-CN/docs/Web/XSLT/Element)
+- [XSLT 元素参考](/zh-CN/docs/Web/XML/XSLT/Reference/Element)
   - : 参考。
-- [使用 XSLT 转换 XML](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT)
+- [使用 XSLT 转换 XML](/zh-CN/docs/Web/XML/XSLT/Guides/Transforming_XML_with_XSLT)
   - : XSLT 允许样式表作者以两种重要的方式转换主 XML 文档：对内容进行操作或排序，包括根据需要对其进行整体重新排序，以及将内容转换为不同的格式。
 - [使用 Mozilla JavaScript 接口进行 XSL 转换](/zh-CN/docs/Web/API/XSLTProcessor)
   - : 文档描述了 Mozilla 1.2 及以上版本中 XSLT 处理引擎的 JavaScript 接口。
-- [使用处理指令指定参数](/zh-CN/docs/Web/XSLT/PI_Parameters)
+- [使用处理指令指定参数](/zh-CN/docs/Web/XML/XSLT/Guides/PI_Parameters)
   - : Firefox 允许在使用 `<?xml-stylesheet?>` 处理指令时指定样式表参数。这是通过文档中描述的 `<?xslt-param?>` 处理指令完成的。
 - [XSLT 教程](https://www.w3schools.com/xml/xsl_intro.asp)
   - : 此 [W3Schools](https://www.w3schools.com) 教程指导读者如何使用 XSLT 将 XML 文档转换为其他格式（如 XHTML）。
 - [什么是 XSLT？](https://www.xml.com/pub/a/2000/08/holman/)
   - : 对 XSLT 和 XPath 的详尽介绍，假设读者先前不了解这些技术，并引导读者了解背景、上下文、结构、概念和介绍性的术语。
-- [XSLT 的常见错误](/zh-CN/docs/Web/XSLT/Common_errors)
+- [XSLT 的常见错误](/zh-CN/docs/Web/XML/XSLT/Guides/Common_errors)
   - : 本文列出了在 Firefox 中使用 XSLT 时的一些常见问题。
 
 ## 相关主题
 
-- [XML](/zh-CN/docs/Web/XML/XML_introduction)、[XPath](/zh-CN/docs/Web/XPath)
+- [XML](/zh-CN/docs/Web/XML/XML_introduction)、[XPath](/zh-CN/docs/Web/XML/XPath)
diff --git a/files/zh-cn/web/xpath/comparison_with_css_selectors/index.md b/files/zh-cn/web/xpath/comparison_with_css_selectors/index.md
deleted file mode 100644
index 0feccc56f43c8e..00000000000000
--- a/files/zh-cn/web/xpath/comparison_with_css_selectors/index.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: CSS 选择器与 XPath 的对比
-slug: Web/XPath/Comparison_with_CSS_selectors
----
-
-{{XsltSidebar}}
-
-本文旨在记录 CSS 选择器和 XPath 之间的区别，以便 Web 开发人员能够更好地为正确的工作选择合适的工具。
-
-| [XPath 特性](/zh-CN/docs/Web/XPath)                                                                                                                                        | [CSS 等价形式](/zh-CN/docs/Web/CSS/CSS_selectors)                                                                                  |
-| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
-| [`ancestor`](/zh-CN/docs/Web/XPath/Axes#ancestor)、[`parent`](/zh-CN/docs/Web/XPath/Axes#parent) 或 [`preceding-sibling`](/zh-CN/docs/Web/XPath/Axes#preceding-sibling) 轴 | {{CSSxRef(":has",":has()")}} 选择器 {{experimental_inline}}                                                                        |
-| [`attribute`](/zh-CN/docs/Web/XPath/Axes#ancestor) 轴                                                                                                                      | [属性选择器](/zh-CN/docs/Web/CSS/Attribute_selectors)                                                                              |
-| [`child`](/zh-CN/docs/Web/XPath/Axes#child) 轴                                                                                                                             | [子代组合器](/zh-CN/docs/Web/CSS/Child_combinator)                                                                                 |
-| [`descendant`](/zh-CN/docs/Web/XPath/Axes#descendant) 轴                                                                                                                   | [后代组合器](/zh-CN/docs/Web/CSS/Descendant_combinator)                                                                            |
-| [`following-sibling`](/zh-CN/docs/Web/XPath/Axes#following-sibling) 轴                                                                                                     | [后续兄弟组合器](/zh-CN/docs/Web/CSS/Subsequent-sibling_combinator)或[接续兄弟组合器](/zh-CN/docs/Web/CSS/Next-sibling_combinator) |
-| [`self`](/zh-CN/docs/Web/XPath/Axes#self) 轴                                                                                                                               | {{CSSxRef(":scope")}} 或 {{CSSxRef(":host")}} 选择器                                                                               |
diff --git a/files/zh-cn/web/xslt/transforming_xml_with_xslt/index.md b/files/zh-cn/web/xslt/transforming_xml_with_xslt/index.md
deleted file mode 100644
index c9be90f00ad9f9..00000000000000
--- a/files/zh-cn/web/xslt/transforming_xml_with_xslt/index.md
+++ /dev/null
@@ -1,135 +0,0 @@
----
-title: 使用 XSLT 转换 XML
-slug: Web/XSLT/Transforming_XML_with_XSLT
----
-
-{{XsltSidebar}}
-
-## 概览
-
-[概览](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/An_Overview)
-
-内容和表示分离是 [XML](/zh-CN/docs/Web/XML) 的一个关键设计特性。XML 文档的结构被设计成反映和阐明内容本身的各方面之间的重要关系，而不受需要提供有关此数据最终应该如何呈现的任何指示的障碍。这种智能的结构尤为重要，特别是在越来越多的数据在通过网络连接的高度异构的机器之间自动化传输的趋势下。
-
-然而，最终存储在 XML 文档中的大部分内容都需要呈现给人类。因为浏览器提供了一个熟悉且高度灵活的界面，所以它是传递此类呈现给人类的 XML 内容的理想机制。Firefox 利用各类 XML 技术从头开始构建，将处理原始 XML 文档和用于为显示的 HTML 设置样式和布局的专用样式表所需的机制合并到一起，从而通过客户端处理来减少服务器的负载。
-
-目前，Gecko（Firefox 的排版引擎）支持两种形式的 XML 样式表。对于外观的基本控制（字体、颜色、位置等），Gecko 使用 [CSS](/zh-CN/docs/Web/CSS)。
-
-我们这里的重点是 Gecko 支持的第二种样式表：XSLT 样式表。XSLT 代表可扩展样式表转换语言（eXtensible Stylesheet Language/Transform），这个名字很贴切。XSLT 允许样式表的作者以两种重要的方式转换主 XML 文档：对文档进行操作和排序，包括在需要的情况下进行整体重排序，以及将内容转换为不同的格式（以 Firefox 为例，则重点是将其即时转换为后续可用浏览器显示的 HTML）。
-
-## XSLT/XPath 参考
-
-### 元素
-
-[元素](/zh-CN/docs/Web/XSLT/Element)
-
-- [xsl:apply-imports](/zh-CN/docs/Web/XSLT/Element/apply-imports)（_支持_）
-- [xsl:apply-templates](/zh-CN/docs/Web/XSLT/Element/apply-templates)（_支持_）
-- [xsl:attribute](/zh-CN/docs/Web/XSLT/Element/attribute)（_支持_）
-- [xsl:attribute-set](/zh-CN/docs/Web/XSLT/Element/attribute-set)（_支持_）
-- [xsl:call-template](/zh-CN/docs/Web/XSLT/Element/call-template)（_支持_）
-- [xsl:choose](/zh-CN/docs/Web/XSLT/Element/choose)（_支持_）
-- [xsl:comment](/zh-CN/docs/Web/XSLT/Element/comment)（_支持_）
-- [xsl:copy](/zh-CN/docs/Web/XSLT/Element/copy)（_支持_）
-- [xsl:copy-of](/zh-CN/docs/Web/XSLT/Element/copy-of)（_支持_）
-- [xsl:decimal-format](/zh-CN/docs/Web/XSLT/Element/decimal-format)（_支持_）
-- [xsl:element](/zh-CN/docs/Web/XSLT/Element/element)（_支持_）
-- [xsl:fallback](/zh-CN/docs/Web/XSLT/Element/fallback)（_不支持_）
-- [xsl:for-each](/zh-CN/docs/Web/XSLT/Element/for-each)（_支持_）
-- [xsl:if](/zh-CN/docs/Web/XSLT/Element/if)（_支持_）
-- [xsl:import](/zh-CN/docs/Web/XSLT/Element/import) _(mostly supported)_
-- [xsl:include](/zh-CN/docs/Web/XSLT/Element/include)（_支持_）
-- [xsl:key](/zh-CN/docs/Web/XSLT/Element/key)（_支持_）
-- [xsl:message](/zh-CN/docs/Web/XSLT/Element/message)（_支持_）
-- [xsl:namespace-alias](/zh-CN/docs/Web/XSLT/Element/namespace-alias)（_不支持_）
-- [xsl:number](/zh-CN/docs/Web/XSLT/Element/number)（_部分支持_）
-- [xsl:otherwise](/zh-CN/docs/Web/XSLT/Element/otherwise)（_支持_）
-- [xsl:output](/zh-CN/docs/Web/XSLT/Element/output)（_部分支持_）
-- [xsl:param](/zh-CN/docs/Web/XSLT/Element/param)（_支持_）
-- [xsl:preserve-space](/zh-CN/docs/Web/XSLT/Element/preserve-space)（_支持_）
-- [xsl:processing-instruction](/zh-CN/docs/Web/XSLT/Element/processing-instruction)
-- [xsl:sort](/zh-CN/docs/Web/XSLT/Element/sort)（_支持_）
-- [xsl:strip-space](/zh-CN/docs/Web/XSLT/Element/strip-space)（_支持_）
-- [xsl:stylesheet](/zh-CN/docs/Web/XSLT/Element/stylesheet)（_部分支持_）
-- [xsl:template](/zh-CN/docs/Web/XSLT/Element/template)（_支持_）
-- [xsl:text](/zh-CN/docs/Web/XSLT/Element/text)（_部分支持_）
-- [xsl:transform](/zh-CN/docs/Web/XSLT/Element/transform)（_支持_）
-- [xsl:value-of](/zh-CN/docs/Web/XSLT/Element/value-of)（_部分支持_）
-- [xsl:variable](/zh-CN/docs/Web/XSLT/Element/variable)（_支持_）
-- [xsl:when](/zh-CN/docs/Web/XSLT/Element/when)（_支持_）
-- [xsl:with-param](/zh-CN/docs/Web/XSLT/Element/with-param)（_支持_）
-
-### 轴
-
-[轴](/zh-CN/docs/Web/XPath/Axes)
-
-- [ancestor](/zh-CN/docs/Web/XPath/Axes#ancestor)
-- [ancestor-or-self](/zh-CN/docs/Web/XPath/Axes#ancestor-or-self)
-- [attribute](/zh-CN/docs/Web/XPath/Axes#attribute)
-- [child](/zh-CN/docs/Web/XPath/Axes#child)
-- [descendant](/zh-CN/docs/Web/XPath/Axes#descendant)
-- [descendant-or-self](/zh-CN/docs/Web/XPath/Axes#descendant-or-self)
-- [following](/zh-CN/docs/Web/XPath/Axes#following)
-- [following-sibling](/zh-CN/docs/Web/XPath/Axes#following-sibling)
-- [namespace](/zh-CN/docs/Web/XPath/Axes#namespace)（_不支持_）
-- [parent](/zh-CN/docs/Web/XPath/Axes#parent)
-- [preceding](/zh-CN/docs/Web/XPath/Axes#preceding)
-- [preceding-sibling](/zh-CN/docs/Web/XPath/Axes#preceding-sibling)
-- [self](/zh-CN/docs/Web/XPath/Axes#self)
-
-### 函数
-
-[函数](/zh-CN/docs/Web/XPath/Functions)
-
-- [boolean()](/zh-CN/docs/Web/XPath/Functions/boolean)（_支持_）
-- [ceiling()](/zh-CN/docs/Web/XPath/Functions/ceiling)（_支持_）
-- [concat()](/zh-CN/docs/Web/XPath/Functions/concat)（_支持_）
-- [contains()](/zh-CN/docs/Web/XPath/Functions/contains)（_支持_）
-- [count()](/zh-CN/docs/Web/XPath/Functions/count)（_支持_）
-- [current()](/zh-CN/docs/Web/XPath/Functions/current)（_支持_）
-- [document()](/zh-CN/docs/Web/XPath/Functions/document)（_支持_）
-- [element-available()](/zh-CN/docs/Web/XPath/Functions/element-available)（_支持_）
-- [false()](/zh-CN/docs/Web/XPath/Functions/false)（_支持_）
-- [floor()](/zh-CN/docs/Web/XPath/Functions/floor)（_支持_）
-- [format-number()](/zh-CN/docs/Web/XPath/Functions/format-number)（_支持_）
-- [function-available()](/zh-CN/docs/Web/XPath/Functions/function-available)（_支持_）
-- [generate-id()](/zh-CN/docs/Web/XPath/Functions/generate-id)（_支持_）
-- [id()](/zh-CN/docs/Web/XPath/Functions/id)（_部分支持_）
-- [key()](/zh-CN/docs/Web/XPath/Functions/key)（_支持_）
-- [lang()](/zh-CN/docs/Web/XPath/Functions/lang)（_支持_）
-- [last()](/zh-CN/docs/Web/XPath/Functions/last)（_支持_）
-- [local-name()](/zh-CN/docs/Web/XPath/Functions/local-name)（_支持_）
-- [name()](/zh-CN/docs/Web/XPath/Functions/name)（_支持_）
-- [namespace-uri()](/zh-CN/docs/Web/XPath/Functions/namespace-uri)（_支持_）
-- [normalize-space()](/zh-CN/docs/Web/XPath/Functions/normalize-space)（_支持_）
-- [not()](/zh-CN/docs/Web/XPath/Functions/not)（_支持_）
-- [number()](/zh-CN/docs/Web/XPath/Functions/number)（_支持_）
-- [position()](/zh-CN/docs/Web/XPath/Functions/position)（_支持_）
-- [round()](/zh-CN/docs/Web/XPath/Functions/round)（_支持_）
-- [starts-with()](/zh-CN/docs/Web/XPath/Functions/starts-with)（_支持_）
-- [string()](/zh-CN/docs/Web/XPath/Functions/string)（_支持_）
-- [string-length()](/zh-CN/docs/Web/XPath/Functions/string-length)（_支持_）
-- [substring()](/zh-CN/docs/Web/XPath/Functions/substring)（_支持_）
-- [substring-after()](/zh-CN/docs/Web/XPath/Functions/substring-after)（_支持_）
-- [substring-before()](/zh-CN/docs/Web/XPath/Functions/substring-before)（_支持_）
-- [sum()](/zh-CN/docs/Web/XPath/Functions/sum)（_支持_）
-- [system-property()](/zh-CN/docs/Web/XPath/Functions/system-property)（_支持_）
-- [translate()](/zh-CN/docs/Web/XPath/Functions/translate)（_支持_）
-- [true()](/zh-CN/docs/Web/XPath/Functions/true)（_支持_）
-- [unparsed-entity-url()](/zh-CN/docs/Web/XPath/Functions/unparsed-entity-url)（_不支持_）
-
-## 扩展阅读
-
-[扩展阅读](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading)
-
-- [图书](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#图书)
-- [数字内容](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#数字内容)
-  - [网站](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#网站)
-  - [文章](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#文章)
-  - [教程/示例](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#教程示例)
-  - [其他](/zh-CN/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading#其他)
-
-## 原始文档信息
-
-- 版权信息：Copyright © 2001-2003 Netscape. All rights reserved.
-- 注意：这篇转载文章最初是 DevEdge 的一部分。
diff --git a/files/zh-cn/webassembly/c_to_wasm/index.md b/files/zh-cn/webassembly/guides/c_to_wasm/index.md
similarity index 99%
rename from files/zh-cn/webassembly/c_to_wasm/index.md
rename to files/zh-cn/webassembly/guides/c_to_wasm/index.md
index 3e7f5936f3a628..ef455faf906e24 100644
--- a/files/zh-cn/webassembly/c_to_wasm/index.md
+++ b/files/zh-cn/webassembly/guides/c_to_wasm/index.md
@@ -1,10 +1,8 @@
 ---
 title: 编译 C/C++ 为 WebAssembly
-slug: WebAssembly/C_to_Wasm
+slug: WebAssembly/Guides/C_to_Wasm
 ---
 
-{{WebAssemblySidebar}}
-
 当你在用 C/C++ 之类的语言编写模块时，你可以使用 [Emscripten](https://emscripten.org/) 来将它编译到 WebAssembly。让我们来看看它是如何工作的。
 
 ## Emscripten 环境安装
diff --git a/files/zh-cn/webassembly/concepts/index.md b/files/zh-cn/webassembly/guides/concepts/index.md
similarity index 90%
rename from files/zh-cn/webassembly/concepts/index.md
rename to files/zh-cn/webassembly/guides/concepts/index.md
index c8684f52aee037..4f35264e833afb 100644
--- a/files/zh-cn/webassembly/concepts/index.md
+++ b/files/zh-cn/webassembly/guides/concepts/index.md
@@ -1,12 +1,10 @@
 ---
 title: WebAssembly 概念
-slug: WebAssembly/Concepts
+slug: WebAssembly/Guides/Concepts
 l10n:
   sourceCommit: b9a41e258e656b57f41e8aaf88f93e51bb27974d
 ---
 
-{{WebAssemblySidebar}}
-
 本文解释了 WebAssembly 如何工作的概念，包括它的目标、它解决的问题以及它是如何在网络浏览器的渲染引擎中运行的。
 
 ## WebAssembly 是什么？
@@ -47,11 +45,11 @@ WebAssembly 是一门不同于 JavaScript 的语言，但是，它不是用来
 
 随着 WebAssembly 出现在了浏览器中，我们前面提到的虚拟机将会加载和运行两种类型的代码——JavaScript 和 WebAssembly。
 
-不同类型的代码能够按需进行相互调用——[WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/JavaScript_interface) 将需要导出的 WebAssembly 代码封装成 JavaScript 函数，使其能够像常规 JavaScript 函数一样被调用，并且 WebAssembly 代码还可以导入并同步调用常规 JavaScript 函数。事实上，WebAssembly 代码的基本单元被称作模块，并且 WebAssembly 的模块在很多方面都和 ES 的模块是等价的。
+不同类型的代码能够按需进行相互调用——[WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface) 将需要导出的 WebAssembly 代码封装成 JavaScript 函数，使其能够像常规 JavaScript 函数一样被调用，并且 WebAssembly 代码还可以导入并同步调用常规 JavaScript 函数。事实上，WebAssembly 代码的基本单元被称作模块，并且 WebAssembly 的模块在很多方面都和 ES 的模块是等价的。
 
 ### WebAssembly 关键概念
 
-为了理解 WebAssembly 如何在浏览器中运行，需要了解几个关键概念。所有这些概念在 [WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/JavaScript_interface) 中都存在一一映射。
+为了理解 WebAssembly 如何在浏览器中运行，需要了解几个关键概念。所有这些概念在 [WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface) 中都存在一一映射。
 
 - **模块**：表示一个已经被浏览器编译为可执行机器码的 WebAssembly 二进制代码。一个模块是无状态的，并且像一个[二进制大对象](/zh-CN/docs/Web/API/Blob)（`Blob`）一样在 Window 和 Worker 之间进行共享（通过 [`postMessage()`](/zh-CN/docs/Web/API/MessagePort/postMessage) 函数）。一个模块能够像一个 ES 的模块一样声明导入和导出。
 - **内存**：一个可变长的 ArrayBuffer。本质上是连续的字节数组，WebAssembly 的低级内存存取指令可以对它进行读写操作。
@@ -105,7 +103,7 @@ JavaScript 粘合代码并不是像你想象的那么简单。首先，Emscripte
 
 生成的 HTML 文档加载 JavaScript 胶水文件，并且将 stdout 输出到 {{htmlelement("textarea")}}。如果应用程序使用了 OpenGL，HTML 文档还会包含一个用来渲染目标的 {{htmlelement("canvas")}} 标签。修改 Emscripten 的输出文件并将其转换为需要的 Web App 是很容易的。
 
-你可以在 [emscripten.org](http://emscripten.org) 找到关于 Emscripten 的完整文档以及在[将 C/C++ 编译为 WebAssembly](/zh-CN/docs/WebAssembly/C_to_Wasm) 找到一个实现工具链并交叉编译你自己的 C/C++ 应用程序为 wasm 的指南。
+你可以在 [emscripten.org](http://emscripten.org) 找到关于 Emscripten 的完整文档以及在[将 C/C++ 编译为 WebAssembly](/zh-CN/docs/WebAssembly/Guides/C_to_Wasm) 找到一个实现工具链并交叉编译你自己的 C/C++ 应用程序为 wasm 的指南。
 
 ### 直接编写 WebAssembly 代码
 
@@ -113,11 +111,11 @@ JavaScript 粘合代码并不是像你想象的那么简单。首先，Emscripte
 
 就像真实的汇编语言一样，WebAssembly 的二进制格式也有文本表示——两者之间 1:1 对应。你可以手工书写或者生成这种格式然后使用这些工具（[WebAssembly 文本转化为二进制工具](http://webassembly.org/getting-started/advanced-tools/)）中的任何一个把它转换为二进制格式。
 
-有关如何完成此操作的简单指南，请参阅我们的[转换 WebAssembly 文本格式为 Wasm](/zh-CN/docs/WebAssembly/Text_format_to_Wasm) 指南。
+有关如何完成此操作的简单指南，请参阅我们的[转换 WebAssembly 文本格式为 Wasm](/zh-CN/docs/WebAssembly/Guides/Text_format_to_Wasm) 指南。
 
 ### 编写以 WebAssembly 为目标的 Rust 代码
 
-在 Rust WebAssembly 工作组（Rust WebAssembly Working Group）的不懈努力下，编写 Rust 代码并编译到 WebAssembly 也成为可能。你可以在我们的[从 Rust 编译到 WebAssembly](/zh-CN/docs/WebAssembly/Rust_to_Wasm) 一文中开始安装必要的工具链，将 Rust 示例程序编译到 WebAssembly npm 包中，并在示例 Web 应用程序中使用。
+在 Rust WebAssembly 工作组（Rust WebAssembly Working Group）的不懈努力下，编写 Rust 代码并编译到 WebAssembly 也成为可能。你可以在我们的[从 Rust 编译到 WebAssembly](/zh-CN/docs/WebAssembly/Guides/Rust_to_Wasm) 一文中开始安装必要的工具链，将 Rust 示例程序编译到 WebAssembly npm 包中，并在示例 Web 应用程序中使用。
 
 ### 使用 AssemblyScript
 
@@ -131,5 +129,5 @@ JavaScript 粘合代码并不是像你想象的那么简单。首先，Emscripte
 
 - [Mozilla Hacks 博客上关于 WebAssembly 的文章](https://hacks.mozilla.org/category/webassembly/)
 - [Mozilla Research 上关于 WebAssembly 的文章](https://research.mozilla.org/webassembly/)
-- [加载运行 WebAssembly 代码](/zh-CN/docs/WebAssembly/Loading_and_running)——探究如何把你自己的 WebAssembly 模块加载到网页中。
-- [使用 WebAssembly 的 JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)——探究如何使用 WebAssembly 的 JavaScript API 的其他主要特性。
+- [加载运行 WebAssembly 代码](/zh-CN/docs/WebAssembly/Guides/Loading_and_running)——探究如何把你自己的 WebAssembly 模块加载到网页中。
+- [使用 WebAssembly 的 JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)——探究如何使用 WebAssembly 的 JavaScript API 的其他主要特性。
diff --git a/files/zh-cn/webassembly/exported_functions/index.md b/files/zh-cn/webassembly/guides/exported_functions/index.md
similarity index 73%
rename from files/zh-cn/webassembly/exported_functions/index.md
rename to files/zh-cn/webassembly/guides/exported_functions/index.md
index a9aa62c8b888f3..4f156b570da26d 100644
--- a/files/zh-cn/webassembly/exported_functions/index.md
+++ b/files/zh-cn/webassembly/guides/exported_functions/index.md
@@ -1,10 +1,8 @@
 ---
 title: 导出的 WebAssembly 函数
-slug: WebAssembly/Exported_functions
+slug: WebAssembly/Guides/Exported_functions
 ---
 
-{{WebAssemblySidebar}}
-
 导出 WebAssembly 函数的过程，其实就是指这些函数在 JavaScript 中如何用表示。本文更详细的介绍它们。
 
 ## 导出的...什么？
@@ -13,14 +11,14 @@ slug: WebAssembly/Exported_functions
 
 你可以通过两种方式来获得导出的 WebAssembly 函数：
 
-- 在一个已经存在的表格上调用 [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/get)。
-- 通过 [`Instance.exports`](/zh-CN/docs/WebAssembly/JavaScript_interface/Instance/exports) 从一个 wasm 模块实例获取导出的函数。
+- 在一个已经存在的表格上调用 [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/get)。
+- 通过 [`Instance.exports`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Instance/exports) 从一个 wasm 模块实例获取导出的函数。
 
 无论哪种方式，你得到的都是底层函数的相同封装。从 JavaScript 的角度来看，每一个 wasm 函数看起来也是一个 JavaScript 函数——但是，它们被封装在导出的 wasm 函数对象实例中，并且只有有限的方式来获取它们。
 
 ## 一个例子
 
-让我们看个例子从而让事情更清晰（你可以在 GitHub 上找到这个例子 [table-set.html](https://github.com/mdn/webassembly-examples/blob/master/other-examples/table-set.html)；或者[实时运行](https://mdn.github.io/webassembly-examples/other-examples/table-set.html)然后查看 wasm [文本表示](https://github.com/mdn/webassembly-examples/blob/master/text-format-examples/table.wat)）：
+让我们看个例子从而让事情更清晰（你可以在 GitHub 上找到这个例子 [table-set.html](https://github.com/mdn/webassembly-examples/blob/main/other-examples/table-set.html)；或者[实时运行](https://mdn.github.io/webassembly-examples/other-examples/table-set.html)然后查看 wasm [文本表示](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/table.wat)）：
 
 ```js
 const otherTable = new WebAssembly.Table({ element: "anyfunc", initial: 2 });
@@ -36,15 +34,15 @@ WebAssembly.instantiateStreaming(fetch("table.wasm")).then((obj) => {
 });
 ```
 
-在这里，我们使用 [`WebAssembly.Table`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table) 构造函数在 JavaScript 中创建了一个表格（`otherTable`），然后使用 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static) 把 `table.wasm` 加载到我们的页面。
+在这里，我们使用 [`WebAssembly.Table`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table) 构造函数在 JavaScript 中创建了一个表格（`otherTable`），然后使用 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static) 把 `table.wasm` 加载到我们的页面。
 
-然后，我们得到了从模块中导出的函数，通过 [`tbl.get()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/get) 获取引用的函数并且把每一次的调用结果输出到控制台。接下来，我们使用 `set()` 使得 `otherTable` 表格包含了与 `tbl` 表格相同的函数。
+然后，我们得到了从模块中导出的函数，通过 [`tbl.get()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/get) 获取引用的函数并且把每一次的调用结果输出到控制台。接下来，我们使用 `set()` 使得 `otherTable` 表格包含了与 `tbl` 表格相同的函数。
 
 为了证明这一点，我们从 `otherTable` 中获取了这些引用并且也把他们的结果打印到控制台，结果是一样的。
 
 ## 它们确实是函数
 
-在前面的例子中，每次 [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/get) 调用的返回值都是一个导出的 WebAssembly 函数——这正是我们一直在讨论的。
+在前面的例子中，每次 [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/get) 调用的返回值都是一个导出的 WebAssembly 函数——这正是我们一直在讨论的。
 
 它们确实是 JavaScript 函数也是对 WebAssembly 函数的封装。如果你把上面的例子加载到[支持 WebAssembly 的浏览器](/zh-CN/docs/WebAssembly#浏览器兼容性)中，然后在你的控制台运行下面几行代码：
 
diff --git a/files/zh-cn/webassembly/loading_and_running/index.md b/files/zh-cn/webassembly/guides/loading_and_running/index.md
similarity index 63%
rename from files/zh-cn/webassembly/loading_and_running/index.md
rename to files/zh-cn/webassembly/guides/loading_and_running/index.md
index a40d5fe7340444..d84eb283634f1d 100644
--- a/files/zh-cn/webassembly/loading_and_running/index.md
+++ b/files/zh-cn/webassembly/guides/loading_and_running/index.md
@@ -1,21 +1,19 @@
 ---
 title: 加载和运行 WebAssembly 代码
-slug: WebAssembly/Loading_and_running
+slug: WebAssembly/Guides/Loading_and_running
 l10n:
   sourceCommit: d23f8c5c52bdfb6151476a2574e72d323d0d30f4
 ---
 
-{{WebAssemblySidebar}}
-
 为了在 JavaScript 中使用 WebAssembly，在编译/实例化之前，你首先需要把模块放入内存。本文提供了一篇关于获取 WebAssembly 字节码的不同机制以及如何编译/实例化并运行它的参考。
 
 ## 这里的主题是什么？
 
 WebAssembly 还没有和 `<script type='module'>` 或 `import` 语句集成，因此当前还没有方式可以让浏览器使用 import 为你获取模块。
 
-老的 [`WebAssembly.compile`](/zh-CN/docs/WebAssembly/JavaScript_interface/compile_static)/[`WebAssembly.instantiate`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static) 方法要求你在获取原始字节之后创建一个包含了你的 WebAssembly 模块二进制的 {{jsxref("ArrayBuffer")}}，然后编译/实例化它。这类似于 `new Function(string)`，只不过我们用字节数组缓冲区（WebAssembly 源码）替换了字符串（JavaScript 源码）。
+老的 [`WebAssembly.compile`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compile_static)/[`WebAssembly.instantiate`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static) 方法要求你在获取原始字节之后创建一个包含了你的 WebAssembly 模块二进制的 {{jsxref("ArrayBuffer")}}，然后编译/实例化它。这类似于 `new Function(string)`，只不过我们用字节数组缓冲区（WebAssembly 源码）替换了字符串（JavaScript 源码）。
 
-新的 [`WebAssembly.compileStreaming`](/zh-CN/docs/WebAssembly/JavaScript_interface/compileStreaming_static)/[`WebAssembly.instantiateStreaming`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static) 方法更加高效——它们直接在来自网络的原始字节流上执行操作，省去了 {{jsxref("ArrayBuffer")}} 步骤。
+新的 [`WebAssembly.compileStreaming`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compileStreaming_static)/[`WebAssembly.instantiateStreaming`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static) 方法更加高效——它们直接在来自网络的原始字节流上执行操作，省去了 {{jsxref("ArrayBuffer")}} 步骤。
 
 那么，我们该如何把这些字节放入到一个数组缓冲区并进行编译呢？下面的部分将进行解释。
 
@@ -23,7 +21,7 @@ WebAssembly 还没有和 `<script type='module'>` 或 `import` 语句集成，
 
 [Fetch](/zh-CN/docs/Web/API/Fetch_API) 是一个方便的、现代的用于获取网络资源的 API。
 
-获取 WebAssembly 模块最快、最有效的方式是使用新的 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static) 方法，该方法可以接受一个 {{domxref("fetch()")}} 调用作为它的第一个参数，并且可以在一步骤中处理获取、编译和实例化模块，访问从服务器流式传输的原始字节码：
+获取 WebAssembly 模块最快、最有效的方式是使用新的 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static) 方法，该方法可以接受一个 {{domxref("fetch()")}} 调用作为它的第一个参数，并且可以在一步骤中处理获取、编译和实例化模块，访问从服务器流式传输的原始字节码：
 
 ```js
 WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then(
@@ -33,7 +31,7 @@ WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then(
 );
 ```
 
-如果我们使用旧的 [`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static) 方法，它不能直接在流上工作，我们需要一个额外的步骤来把获取的字节码转换为 {{jsxref("ArrayBuffer")}}，像这样：
+如果我们使用旧的 [`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static) 方法，它不能直接在流上工作，我们需要一个额外的步骤来把获取的字节码转换为 {{jsxref("ArrayBuffer")}}，像这样：
 
 ```js
 fetch("module.wasm")
@@ -46,7 +44,7 @@ fetch("module.wasm")
 
 ### 顺便说一下 instantiate() 重载
 
-[`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static) 函数有两种重载形式——一种是前面展示的那样，接受待编译的字节码作为参数并且返回一个 Promise，其会被解决为一个包含已编译的模块对象及其实例的对象。这个对象看起来像这样：
+[`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static) 函数有两种重载形式——一种是前面展示的那样，接受待编译的字节码作为参数并且返回一个 Promise，其会被解决为一个包含已编译的模块对象及其实例的对象。这个对象看起来像这样：
 
 ```js-nolint
 {
@@ -59,11 +57,11 @@ fetch("module.wasm")
 > 通常，我们只关心实例，但是，当我们想缓存模块，使用 [`postMessage()`](/zh-CN/docs/Web/API/MessagePort/postMessage) 与另外一个 worker 或 window 共享模块或者只是创建更多的实例的时候，拥有模块对象是很有用的。
 
 > [!NOTE]
-> 这二种重载形式接受一个 [`WebAssembly.Module`](/zh-CN/docs/WebAssembly/JavaScript_interface/Module) 对象作为参数，并且返回一个直接包含一个实例对象作为其结果的 promise。参考[第二种重载示例](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static#第二种重载示例)。
+> 这二种重载形式接受一个 [`WebAssembly.Module`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module) 对象作为参数，并且返回一个直接包含一个实例对象作为其结果的 promise。参考[第二种重载示例](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static#第二种重载示例)。
 
 ### 运行你的 WebAssembly 代码
 
-一旦在 JavaScript 中得到了可用的 WebAssembly 实例，你就可以开始使用那些通过 [`WebAssembly.Instance.exports`](/zh-CN/docs/WebAssembly/JavaScript_interface/Instance/exports) 属性导出的特性了。你的代码可能看起来像这样：
+一旦在 JavaScript 中得到了可用的 WebAssembly 实例，你就可以开始使用那些通过 [`WebAssembly.Instance.exports`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Instance/exports) 属性导出的特性了。你的代码可能看起来像这样：
 
 ```js
 WebAssembly.instantiateStreaming(fetch("myModule.wasm"), importObject).then(
@@ -82,7 +80,7 @@ WebAssembly.instantiateStreaming(fetch("myModule.wasm"), importObject).then(
 ```
 
 > [!NOTE]
-> 关于如何从 WebAssembly 模块中导出的更多信息，请阅读[使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API) 和[理解 WebAssembly 文本格式](/zh-CN/docs/WebAssembly/Understanding_the_text_format)。
+> 关于如何从 WebAssembly 模块中导出的更多信息，请阅读[使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API) 和[理解 WebAssembly 文本格式](/zh-CN/docs/WebAssembly/Guides/Understanding_the_text_format)。
 
 ## 使用 XMLHttpRequest
 
@@ -91,7 +89,7 @@ WebAssembly.instantiateStreaming(fetch("myModule.wasm"), importObject).then(
 1. 创建一个 {{domxref("XMLHttpRequest()")}} 实例，然后使用它的 {{domxref("XMLHttpRequest.open","open()")}} 方法来开启一个请求——设置请求方法为 `GET` 并且声明我们想要获取的文件路径。
 2. 关键之处在于使用 {{domxref("XMLHttpRequest.responseType","responseType")}} 属性设置响应类型为 `'arraybuffer'`。
 3. 接下来使用 {{domxref("XMLHttpRequest.send()")}} 发送请求。
-4. 当响应已经完成下载之后，我们使用 {{domxref("XMLHttpRequest.load_event", "load")}} 事件处理器来调用一个函数——在这个函数中，我们从 {{domxref("XMLHttpRequest.response", "response")}} 属性中得到数组缓冲区，然后就像使用 Fetch 那样把它传递给[`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static) 方法。
+4. 当响应已经完成下载之后，我们使用 {{domxref("XMLHttpRequest.load_event", "load")}} 事件处理器来调用一个函数——在这个函数中，我们从 {{domxref("XMLHttpRequest.response", "response")}} 属性中得到数组缓冲区，然后就像使用 Fetch 那样把它传递给[`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static) 方法。
 
 最终代码看起来像这样：
 
diff --git a/files/zh-cn/webassembly/rust_to_wasm/index.md b/files/zh-cn/webassembly/guides/rust_to_wasm/index.md
similarity index 99%
rename from files/zh-cn/webassembly/rust_to_wasm/index.md
rename to files/zh-cn/webassembly/guides/rust_to_wasm/index.md
index 5f6c17b30de9f0..7caef750a3bb69 100644
--- a/files/zh-cn/webassembly/rust_to_wasm/index.md
+++ b/files/zh-cn/webassembly/guides/rust_to_wasm/index.md
@@ -1,10 +1,8 @@
 ---
 title: 编译 Rust 为 WebAssembly
-slug: WebAssembly/Rust_to_Wasm
+slug: WebAssembly/Guides/Rust_to_Wasm
 ---
 
-{{WebAssemblySidebar}}
-
 如果你写了一些 Rust 代码，你可以把它编译成 WebAssembly！这份教程将带你编译 Rust 项目为 wasm 并在一个现存的 web 应用中使用它。
 
 ## Rust 和 WebAssembly 用例
diff --git a/files/zh-cn/webassembly/text_format_to_wasm/index.md b/files/zh-cn/webassembly/guides/text_format_to_wasm/index.md
similarity index 86%
rename from files/zh-cn/webassembly/text_format_to_wasm/index.md
rename to files/zh-cn/webassembly/guides/text_format_to_wasm/index.md
index a31de4b3641b4c..95959a7fc19247 100644
--- a/files/zh-cn/webassembly/text_format_to_wasm/index.md
+++ b/files/zh-cn/webassembly/guides/text_format_to_wasm/index.md
@@ -1,10 +1,8 @@
 ---
 title: 将 WebAssembly 文本格式转换为 wasm
-slug: WebAssembly/Text_format_to_Wasm
+slug: WebAssembly/Guides/Text_format_to_Wasm
 ---
 
-{{WebAssemblySidebar}}
-
 WebAssembly 有一个基于 S-表达式的文本表示形式，设计为在文本编辑器，浏览器开发人员工具等中暴露的一个中间形式。本文解释了它是如何工作的一些内容以及如何使用可用的工具把文本格式文件转换为.wasm 汇编格式文件。
 
 > [!NOTE]
@@ -58,7 +56,7 @@ wat2wasm simple.wat -v
 
 ## 参见
 
-- [理解 WebAssembly 文本格式](/zh-CN/docs/WebAssembly/Understanding_the_text_format)——详细解释文本格式语法。
-- [从 C/C++ 编译为 WebAssembly](/zh-CN/docs/WebAssembly/C_to_Wasm)——诸如 Binaryen/Emscripten 的工具不但把你的代码编译为 wasm 而且创建必要的用来在一个 JavaScript 上下文中运行模块的 API 代码。关于如何使用它们，可以探究更多内容。
+- [理解 WebAssembly 文本格式](/zh-CN/docs/WebAssembly/Guides/Understanding_the_text_format)——详细解释文本格式语法。
+- [从 C/C++ 编译为 WebAssembly](/zh-CN/docs/WebAssembly/Guides/C_to_Wasm)——诸如 Binaryen/Emscripten 的工具不但把你的代码编译为 wasm 而且创建必要的用来在一个 JavaScript 上下文中运行模块的 API 代码。关于如何使用它们，可以探究更多内容。
 - 使用 WebAssembly 的 JavaScript API——如果你想探究关于 WebAssembly API 代码是如何工作的更多内容，可以阅读这篇文章。
 - [文本格式](https://github.com/WebAssembly/design/blob/master/TextFormat.md)——在 WebAssembly 的 GitHub 仓库上面关于文本格式的更多解释。
diff --git a/files/zh-cn/webassembly/understanding_the_text_format/index.md b/files/zh-cn/webassembly/guides/understanding_the_text_format/index.md
similarity index 78%
rename from files/zh-cn/webassembly/understanding_the_text_format/index.md
rename to files/zh-cn/webassembly/guides/understanding_the_text_format/index.md
index 9f7755d6cac9c4..6919af77489cda 100644
--- a/files/zh-cn/webassembly/understanding_the_text_format/index.md
+++ b/files/zh-cn/webassembly/guides/understanding_the_text_format/index.md
@@ -1,15 +1,13 @@
 ---
 title: 理解 WebAssembly 文本格式
-slug: WebAssembly/Understanding_the_text_format
+slug: WebAssembly/Guides/Understanding_the_text_format
 ---
 
-{{WebAssemblySidebar}}
-
 为了能够让人类阅读和编辑 WebAssembly，wasm 二进制格式提供了相应的文本表示。这是一种用来在文本编辑器、浏览器开发者工具等工具中显示的中间形式。本文用基本语法的方式解释了这种文本表示是如何工作的，以及它是如何与它表示的底层字节码，及在 JavaScript 中表示 wasm 的封装对象关联起来的。
 本质上，这种文本形式更类似于处理器的汇编指令。
 
 > [!NOTE]
-> 如果你是一个 Web 开发者并且只是想在页面中加载 wasm 模块然后在你的代码中使用它（参考[使用 WebAssembly 的 JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)），那么，本文可能有点儿强人所难了。但是，如果你想编写 wasm 模块从而优化你的 JavaScript 的性能或者构建你自己的 WebAssembly 编译器，那么，本文是很有用的。
+> 如果你是一个 Web 开发者并且只是想在页面中加载 wasm 模块然后在你的代码中使用它（参考[使用 WebAssembly 的 JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)），那么，本文可能有点儿强人所难了。但是，如果你想编写 wasm 模块从而优化你的 JavaScript 的性能或者构建你自己的 WebAssembly 编译器，那么，本文是很有用的。
 
 ## S-表达式
 
@@ -37,7 +35,7 @@ S-表达式如下：
 
 这个模块完全是空的，但是仍然是一个合法的模块。
 
-如果我们现在把该模块转换为二进制（参考[把 WebAssembly 文本格式转换为 wasm](/zh-CN/docs/WebAssembly/Text_format_to_Wasm)），我们将会看到在[二进制格式](http://webassembly.org/docs/binary-encoding/#high-level-structure)中描述的 8 字节的模块头：
+如果我们现在把该模块转换为二进制（参考[把 WebAssembly 文本格式转换为 wasm](/zh-CN/docs/WebAssembly/Guides/Text_format_to_Wasm)），我们将会看到在[二进制格式](http://webassembly.org/docs/binary-encoding/#high-level-structure)中描述的 8 字节的模块头：
 
 ```wasm
 0000000: 0061 736d              ; WASM_BINARY_MAGIC
@@ -176,26 +174,18 @@ WebAssembly 验证规则确保栈准确匹配：如果你声明了 (result f32)
 )
 ```
 
-如果你想继续研究这个例子，那么把我们上面的模块保存到一个名叫 add.wat 的文件中，然后使用 wabt（参考[把 WebAssembly 文本格式转换为 wasm](/zh-CN/docs/WebAssembly/Text_format_to_Wasm)）将其转换为名叫 add.wasm 的二进制文件。
+如果你想继续研究这个例子，那么把我们上面的模块保存到一个名叫 `add.wat` 的文件中，然后使用 wabt（参考[把 WebAssembly 文本格式转换为 wasm](/zh-CN/docs/WebAssembly/Guides/Text_format_to_Wasm)）将其转换为名叫 `add.wasm` 的二进制文件。
 
-接下来，我们把二进制文件加载到叫做 addCode 的带类型数组（[获取 WebAssembly 字节码](/zh-CN/docs/WebAssembly/Loading_and_running)），编译并实例化它，然后在 JavaScript 中执行我们的 add 函数（现在，我们可以在实例的 [exports](/zh-CN/docs/WebAssembly/JavaScript_interface/Instance/exports) 属性中找到 add()）。
+接下来，我们把二进制文件加载到叫做 addCode 的带类型数组（[获取 WebAssembly 字节码](/zh-CN/docs/WebAssembly/Guides/Loading_and_running)），编译并实例化它，然后在 JavaScript 中执行我们的 `add` 函数（现在，我们可以在实例的 [`exports`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Instance/exports) 属性中找到 `add()`）。
 
 ```js
-fetchAndInstantiate("add.wasm").then(function (instance) {
-  console.log(instance.exports.add(1, 2)); // "3"
+WebAssembly.instantiateStreaming(fetch("add.wasm")).then((obj) => {
+  console.log(obj.instance.exports.add(1, 2)); // "3"
 });
-
-// fetchAndInstantiate() found in wasm-utils.js
-function fetchAndInstantiate(url, importObject) {
-  return fetch(url)
-    .then((response) => response.arrayBuffer())
-    .then((bytes) => WebAssembly.instantiate(bytes, importObject))
-    .then((results) => results.instance);
-}
 ```
 
 > [!NOTE]
-> 你可以在 GitHub 上找到这个例子 [add.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/add.html)（[实时运行](https://mdn.github.io/webassembly-examples/understanding-text-format/add.html)）。另外，参考 [WebAssembly.instantiate()](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static) 来获取关于实例化函数的更多细节以及 [wasm-utils.js](https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js) 来获取 fetchAndInstantiate() 的源代码。
+> 你可以在 GitHub 上找到这个例子 [add.html](https://github.com/mdn/webassembly-examples/blob/main/understanding-text-format/add.html)（[实时运行](https://mdn.github.io/webassembly-examples/understanding-text-format/add.html)）。另外，参考 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static) 来获取关于实例化函数的更多细节。
 
 ## 探索基本原则
 
@@ -203,7 +193,7 @@ function fetchAndInstantiate(url, importObject) {
 
 ### 在同一模块里的函数调用其他函数成员
 
-为函数给定一个索引或名字，`call`指令可以调用它。例如，下面的模块包含两个函数——一个返回值 42，另一个返回，第一个函数结果加 1。
+为函数给定一个索引或名字，`call` 指令可以调用它。例如，下面的模块包含两个函数——一个返回值 42，另一个返回，第一个函数结果加 1。
 
 ```wasm
 (module
@@ -234,9 +224,6 @@ fetchAndInstantiate("call.wasm").then(function (instance) {
 });
 ```
 
-> [!NOTE]
-> 你可以在 GitHub 上找到这个例子 [call.wasm](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/call.html)（或[实时运行](https://mdn.github.io/webassembly-examples/understanding-text-format/call.html)）。再提一次，查看 [wasm-utils.js](https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js) 来了解 fetchAndInstantiate() 的源代码。
-
 ### 从 JavaScript 导入函数
 
 我们已经见过 JavaScript 调用 WebAssembly 函数，但是 WebAssembly 如何调用 JavaScript 函数呢？事实上，WebAssembly 对 JavaScript 没有任何了解，但是，它有一个可以导入 JavaScript 或 wasm 函数的通用方法。让我们看一个例子：
@@ -253,34 +240,36 @@ WebAssembly 使用了两级命名空间，所以，这里的导入语句是说
 
 导入的函数就像普通函数一样：它们拥有一个 WebAssembly 验证机制，会静态检查的签名，可以被设置一个索引，能够被命名和被调用。
 
-JavaScript 函数没有签名的概念，因此，无论导入的声明签名是什么，任何 JavaScript 函数都可以被传递过来。一旦一个模块声明了一个导入， [WebAssembly.instantiate()](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static)的调用者必须传递一个拥有相应属性的导入对象。
+JavaScript 函数没有签名的概念，因此，无论导入的声明签名是什么，任何 JavaScript 函数都可以被传递过来。一旦一个模块声明了一个导入， [WebAssembly.instantiate()](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static)的调用者必须传递一个拥有相应属性的导入对象。
 
 就上面而言，我们需要一个（让我们称之为 importObject 的）对象，并且 importObject.console.log 是一个 JavaScript 函数。
 
 这看起来像下面这样：
 
 ```js
-var importObject = {
+const importObject = {
   console: {
-    log: function (arg) {
+    log(arg) {
       console.log(arg);
     },
   },
 };
 
-fetchAndInstantiate("logger.wasm", importObject).then(function (instance) {
-  instance.exports.logIt();
-});
+WebAssembly.instantiateStreaming(fetch("logger.wasm"), importObject).then(
+  (obj) => {
+    obj.instance.exports.logIt();
+  },
+);
 ```
 
 > [!NOTE]
-> 你可以在 GitHub 上找到这个例子 [logger.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/logger.html)（[实时运行](https://mdn.github.io/webassembly-examples/understanding-text-format/logger.html)）。
+> 你可以在 GitHub 上找到这个例子 [logger.html](https://github.com/mdn/webassembly-examples/blob/main/understanding-text-format/logger.html)（[实时运行](https://mdn.github.io/webassembly-examples/understanding-text-format/logger.html)）。
 
 ### WebAssembly 内存
 
 上面的例子是一个相当简单的日志函数：它只是打印一个整数！要是我们想输出一个文本字符串呢？为了处理字符串及其他复杂数据类型，WebAssembly 提供了内存。
 
-按照 WebAssembly 的定义，内存就是一个随着时间增长的字节数组。WebAssembly 包含诸如 i32.load 和 i32.store 指令来实现对[线性内存](http://webassembly.org/docs/semantics/#linear-memory)的读写。
+按照 WebAssembly 的定义，内存就是一个随着时间增长的字节数组。WebAssembly 包含诸如 `i32.load` 和 `i32.store` 指令来实现对[线性内存](https://webassembly.github.io/spec/core/intro/overview.html?highlight=linear+memory)的读写。
 
 从 JavaScript 的角度来看，内存就是一个 ArrayBuffer，并且它是可变大小的。从字面上来说，这也是 asm.js 所做的（除了它不能改变大小；参考 asm.js [编程模型](http://asmjs.org/spec/latest/#programming-model)）。
 
@@ -288,9 +277,9 @@ fetchAndInstantiate("logger.wasm", importObject).then(function (instance) {
 
 让我们假设我们已经把一个合适的字符串字节写入到了内存中；那么，我们该如何把那个字符串传递给 JavaScript 呢？
 
-关键在于 JavaScript 能够通过 {{jsxref("WebAssembly.Memory()")}} 接口创建 WebAssembly 线性内存实例，并且能够通过相关的实例方法获取已经存在的内存实例（当前每一个模块实例只能有一个内存实例）。内存实例拥有一个 [buffer](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory/buffer) 获取器，它返回一个指向整个线性内存的 ArrayBuffer。
+关键在于 JavaScript 能够通过 {{jsxref("WebAssembly.Memory()")}} 接口创建 WebAssembly 线性内存实例，并且能够通过相关的实例方法获取已经存在的内存实例（当前每一个模块实例只能有一个内存实例）。内存实例拥有一个 [buffer](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory/buffer) 获取器，它返回一个指向整个线性内存的 ArrayBuffer。
 
-内存实例也能够增长。举例来说，在 JavaScript 中可以调用 [Memory.grow()](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory/grow) 方法。由于 ArrayBuffer 不能改变大小，所以，当增长产生的时候，当前的 ArrayBuffer 会被移除，并且一个新的 ArrayBuffer 会被创建并指向新的、更大的内存。这意味着为了向 JavaScript 传递一个字符串，我们所需要做的就是把字符串在线性内存中的偏移量，以及表示其长度的方法传递出去。
+内存实例也能够增长。举例来说，在 JavaScript 中可以调用 [Memory.grow()](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory/grow) 方法。由于 ArrayBuffer 不能改变大小，所以，当增长产生的时候，当前的 ArrayBuffer 会被移除，并且一个新的 ArrayBuffer 会被创建并指向新的、更大的内存。这意味着为了向 JavaScript 传递一个字符串，我们所需要做的就是把字符串在线性内存中的偏移量，以及表示其长度的方法传递出去。
 
 虽然有许多不同的方法在字符串自身当中保存字符串的长度（例如，C 字符串）；但是，这里为了简单起见，我们仅仅把偏移量和长度都作为参数：
 
@@ -308,7 +297,7 @@ consoleLogString(offset, length) {
 }
 ```
 
-这个谜题的最后一部分就是 consoleLogString 从哪里获得？WebAssembly 的内存（memory）实例。这里，WebAssembly 给我们很大灵活性：我们既可以使用 JavaScript 创建一个[内存](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory)对象，让 WebAssembly 模块导入这个内存，或者我们让 WebAssembly 模块创建这个内存并把它导出给 JavaScript。
+这个谜题的最后一部分就是 consoleLogString 从哪里获得？WebAssembly 的内存（memory）实例。这里，WebAssembly 给我们很大灵活性：我们既可以使用 JavaScript 创建一个[内存](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory)对象，让 WebAssembly 模块导入这个内存，或者我们让 WebAssembly 模块创建这个内存并把它导出给 JavaScript。
 
 为了简单起见，让我们用 JavaScript 创建它，然后把它导入到 WebAssembly。我们的导入语句编写如下：
 
@@ -339,17 +328,30 @@ consoleLogString(offset, length) {
 现在，我们可以从 JavaScript 中创建一个 1 页的内存（Memory）然后把它传递进去。这会在控制台输出"Hi"。
 
 ```js
-var memory = new WebAssembly.Memory({ initial: 1 });
+const memory = new WebAssembly.Memory({ initial: 1 });
 
-var importObj = { console: { log: consoleLogString }, js: { mem: memory } };
+// 日志函数（$log）是从 WebAssembly 中调用的
+function consoleLogString(offset, length) {
+  const bytes = new Uint8Array(memory.buffer, offset, length);
+  const string = new TextDecoder("utf8").decode(bytes);
+  console.log(string);
+}
 
-fetchAndInstantiate("logger2.wasm", importObject).then(function (instance) {
-  instance.exports.writeHi();
-});
+const importObject = {
+  console: { log: consoleLogString },
+  js: { mem: memory },
+};
+
+WebAssembly.instantiateStreaming(fetch("logger2.wasm"), importObject).then(
+  (obj) => {
+    // 调用从 logger2.wasm 导出的函数
+    obj.instance.exports.writeHi();
+  },
+);
 ```
 
 > [!NOTE]
-> 你可以在 GitHub 上找到完整源代码 [logger2.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/logger2.html)（[或者实时运行](https://mdn.github.io/webassembly-examples/understanding-text-format/logger2.html)）。
+> 你可以在 GitHub 上找到完整源代码 [logger2.html](https://github.com/mdn/webassembly-examples/blob/main/understanding-text-format/logger2.html)（[或者实时运行](https://mdn.github.io/webassembly-examples/understanding-text-format/logger2.html)）。
 
 ### WebAssembly 表格
 
@@ -363,11 +365,11 @@ fetchAndInstantiate("logger2.wasm", importObject).then(function (instance) {
 - 在 C/C++ 中，我们看到了函数指针。
 - 在 C++ 中，我们看到了虚函数。
 
-WebAssembly 需要一种做到这一点的调用指令，因此，我们有了接受一个动态函数操作数的 call_indirect 指令。问题是，在 WebAssembly 中，当前操作数的仅有的类型是 i32/i64/f32/f64。
+WebAssembly 需要一种做到这一点的调用指令，因此，我们有了接受一个动态函数操作数的 `call_indirect` 指令。问题是，在 WebAssembly 中，当前操作数的仅有的类型是 `i32`/`i64`/`f32`/`f64`。
 
-WebAssembly 可以增加一个 anyfunc 类型（"any"的含义是该类型能够持有任何签名的函数），但是，不幸的是，由于安全原因，这个 anyfunc 类型不能存储在线性内存中。**_`线性内存会把存储的原始内容作为字节暴露出去，并且这会使得 wasm 内容能够任意的查看和修改原始函数地址`_**，而这在网络上是不被允许的。
+WebAssembly 可以增加一个 `anyfunc` 类型（“any”的含义是该类型能够持有任何签名的函数），但是，不幸的是，由于安全原因，这个 `anyfunc` 类型不能存储在线性内存中。线性内存会把存储的原始内容作为字节暴露出去，并且这会使得 wasm 内容能够任意的查看和修改原始函数地址，而这在网络上是不被允许的。
 
-解决方案是在一个表格中存储函数引用，然后作为 代替，传递表格索引——它们只是 i32 类型值。因此，call_indirect 的操作数可以是一个 i32 类型索引值。
+解决方案是在一个表格中存储函数引用，然后作为 代替，传递表格索引——它们只是 i32 类型值。因此，`call_indirect` 的操作数可以是一个 i32 类型索引值。
 
 #### 在 wasm 中定义一个表格
 
@@ -434,7 +436,7 @@ function() {
 
 在更高层面，像 JavaScript 这样更具表达力的语言，你可以设想使用一个数组（或者更有可能的是对象）来完成相同的事情。伪代码看起来像这样：tbl\[i]\()。
 
-回到类型检查。因为 WebAssembly 是带有类型检查的，并且 anyfunc 的含义是任何函数签名，所以，我们必须在调用点提供假定的被调用函数签名。这里，我们包含了一个$return_i32 类型来告诉程序期望的是一个返回值为 i32 类型的函数。如果被调用函数没有一个匹配的签名（比如说返回值是 f32 类型的），那么，程序会抛出 [WebAssembly.RuntimeError](/zh-CN/docs/WebAssembly/JavaScript_interface/RuntimeError) 异常。
+回到类型检查。因为 WebAssembly 是带有类型检查的，并且 anyfunc 的含义是任何函数签名，所以，我们必须在调用点提供假定的被调用函数签名。这里，我们包含了一个$return_i32 类型来告诉程序期望的是一个返回值为 i32 类型的函数。如果被调用函数没有一个匹配的签名（比如说返回值是 f32 类型的），那么，程序会抛出 [WebAssembly.RuntimeError](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/RuntimeError) 异常。
 
 那么，是什么把 call_indirect 指令和我们要是用的表格联系起来的呢？答案是，现在每一个模块实例只允许唯一一个表格存在，这也就是 call_indirect 指令隐式地使用的表格。在将来，当多表格被允许了，我们需要在代码行中指明一个某种形式的表格标识符：
 
@@ -442,7 +444,7 @@ function() {
 call_indirect $my_spicy_table $i32_to_void
 ```
 
-完整的模块看起来如下所示并且能够在我们的 [wasm-table.wat](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/wasm-table.wat) 示例文件中找到：
+完整的模块看起来如下所示并且能够在我们的 [wasm-table.wat](https://github.com/mdn/webassembly-examples/blob/main/understanding-text-format/wasm-table.wat) 示例文件中找到：
 
 ```wasm
 (module
@@ -471,18 +473,18 @@ fetchAndInstantiate("wasm-table.wasm").then(function (instance) {
 ```
 
 > [!NOTE]
-> 你可以在 GitHub 上找到这个例子 [wasm-table.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/wasm-table.html) ([实时查看](https://mdn.github.io/webassembly-examples/understanding-text-format/wasm-table.html))。
+> 你可以在 GitHub 上找到这个例子 [wasm-table.html](https://github.com/mdn/webassembly-examples/blob/main/understanding-text-format/wasm-table.html) ([实时查看](https://mdn.github.io/webassembly-examples/understanding-text-format/wasm-table.html))。
 
 > [!NOTE]
-> 就像内存一样，表格也能够从 JavaScript 中创建 (参考 [WebAssembly.Table()](/zh-CN/docs/WebAssembly/JavaScript_interface/Table)) 并且能够导入和导出到其他 wasm 模块。
+> 就像内存一样，表格也能够从 JavaScript 中创建 (参考 [WebAssembly.Table()](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table)) 并且能够导入和导出到其他 wasm 模块。
 
 ### 改变表格和动态链接
 
-因为 JavaScript 对于函数引用有完全的存取权限，所以，从 JavaScript 中通过 [grow()](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/grow)、[get()](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/get) 和 [set()](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/set) 方法能够改变表格对象。
+因为 JavaScript 对于函数引用有完全的存取权限，所以，从 JavaScript 中通过 [grow()](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/grow)、[get()](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/get) 和 [set()](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/set) 方法能够改变表格对象。
 
 因为表格是可变的，所以，它们能够用来实现复杂的加载时和运行时[动态链接](http://webassembly.org/docs/dynamic-linking)。当程序被动态地链接，多个实例共享相同的内存和表格。这与原生应用程序的多个.dll 共享一个进程地址空间是等价的。
 
-为了看看实际情况，我们会创建一个包含一个内存对象和一个表格对象的导入对象，并且把这个导入对象传递到多个 [instantiate()](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static) 调用中去。
+为了看看实际情况，我们会创建一个包含一个内存对象和一个表格对象的导入对象，并且把这个导入对象传递到多个 [instantiate()](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static) 调用中去。
 
 我们的.wat 看起来像这样：
 
@@ -552,7 +554,7 @@ Promise.all([
 每一个将被编译的模块都可以导入相同的内存和表格对象，这也就是共享相同的线性内存和表格的“地址空间”。
 
 > [!NOTE]
-> 你可以在 GitHub 上找到这个例子 [shared-address-space.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/shared-address-space.html)（[或者实时运行](https://mdn.github.io/webassembly-examples/understanding-text-format/shared-address-space.html)）。
+> 你可以在 GitHub 上找到这个例子 [shared-address-space.html](https://github.com/mdn/webassembly-examples/blob/main/understanding-text-format/shared-address-space.html)（[或者实时运行](https://mdn.github.io/webassembly-examples/understanding-text-format/shared-address-space.html)）。
 
 ## 总结
 
@@ -560,5 +562,5 @@ Promise.all([
 
 ## 参见
 
-- 没有介绍的一个主要的部分是在函数体中会出现的所有指令的清单。参考 [WebAssembly 语义](http://webassembly.org/docs/semantics)来了解每条指令的含义。
-- 参考被规范解释器实现的[文本格式语法](https://github.com/WebAssembly/spec/blob/master/interpreter/README.md#s-expression-syntax)。
+- 没有介绍的一个主要的部分是在函数体中会出现的所有指令的清单。参考 [WebAssembly 语义](https://webassembly.github.io/spec/core/exec/index.html)来了解每条指令的含义。
+- 参考被规范解释器实现的[文本格式语法](https://github.com/WebAssembly/spec/blob/main/interpreter/README.md#s-expression-syntax)。
diff --git a/files/zh-cn/webassembly/using_the_javascript_api/index.md b/files/zh-cn/webassembly/guides/using_the_javascript_api/index.md
similarity index 79%
rename from files/zh-cn/webassembly/using_the_javascript_api/index.md
rename to files/zh-cn/webassembly/guides/using_the_javascript_api/index.md
index 62dc83ef686f82..4844afa210fb90 100644
--- a/files/zh-cn/webassembly/using_the_javascript_api/index.md
+++ b/files/zh-cn/webassembly/guides/using_the_javascript_api/index.md
@@ -1,16 +1,14 @@
 ---
 title: 使用 WebAssembly JavaScript API
-slug: WebAssembly/Using_the_JavaScript_API
+slug: WebAssembly/Guides/Using_the_JavaScript_API
 l10n:
   sourceCommit: bc7e82aa6db60568d7146ee285918550bbe4b8ce
 ---
 
-{{WebAssemblySidebar}}
-
-如果你已经[使用 Emscripten 等工具编译了另一种语言的模块](/zh-CN/docs/WebAssembly/C_to_Wasm)，或者[自行加载并运行代码](/zh-CN/docs/WebAssembly/Loading_and_running)，那么下一步是了解如何使用 WebAssembly JavaScript API 的其他特性。这篇文章告诉你你需要知道什么。
+如果你已经[使用 Emscripten 等工具编译了另一种语言的模块](/zh-CN/docs/WebAssembly/Guides/C_to_Wasm)，或者[自行加载并运行代码](/zh-CN/docs/WebAssembly/Guides/Loading_and_running)，那么下一步是了解如何使用 WebAssembly JavaScript API 的其他特性。这篇文章告诉你你需要知道什么。
 
 > [!NOTE]
-> 如果你不熟悉本文中提到到基础概念并且需要更多的解释，请先阅读 [WebAssembly 概念](/zh-CN/docs/WebAssembly/Concepts)。
+> 如果你不熟悉本文中提到到基础概念并且需要更多的解释，请先阅读 [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)。
 
 ## 简单示例
 
@@ -22,8 +20,8 @@ l10n:
 ### 准备工作
 
 1. 首先需要一个 wasm 模块！下载 [`simple.wasm`](https://raw.githubusercontent.com/mdn/webassembly-examples/master/js-api-examples/simple.wasm) 文件到本机的一个新的目录下。
-2. 然后，在你的本机的 wasm 文件处于同一目录下，创建一个名为 `index.html` 的简单的 HTML 文件（如果你没有模板，可以使用我们提供的[简单模板](https://github.com/mdn/webassembly-examples/blob/master/template/template.html)）。
-3. 现在，为了帮助我们理解发生了什么，让我们来看看这个 wasm 模块的文本表示（我们也在[将 WebAssembly 文本格式转换为 wasm](/zh-CN/docs/WebAssembly/Text_format_to_Wasm#初识文本格式) 一文中讨论了这一点）：
+2. 然后，在你的本机的 wasm 文件处于同一目录下，创建一个名为 `index.html` 的简单的 HTML 文件（如果你没有模板，可以使用我们提供的[简单模板](https://github.com/mdn/webassembly-examples/blob/main/template/template.html)）。
+3. 现在，为了帮助我们理解发生了什么，让我们来看看这个 wasm 模块的文本表示（我们也在[将 WebAssembly 文本格式转换为 wasm](/zh-CN/docs/WebAssembly/Guides/Text_format_to_Wasm#初识文本格式) 一文中讨论了这一点）：
 
    ```wasm
    (module
@@ -43,7 +41,7 @@ l10n:
 
 ### 串流 WebAssembly 模块
 
-Firefox 58 新增了直接从底层源编译和实例化 WebAssembly 模块的功能。这是通过 [`WebAssembly.compileStreaming()`](/zh-CN/docs/WebAssembly/JavaScript_interface/compileStreaming_static) 和 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static) 方法实现的。这些方法比非串流的方法更简单，因为它们可以将字节码直接转化为“模块”/“实例”，而无需将 {{domxref("Response")}} 单独放入 {{jsxref("ArrayBuffer")}} 中。
+Firefox 58 新增了直接从底层源编译和实例化 WebAssembly 模块的功能。这是通过 [`WebAssembly.compileStreaming()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compileStreaming_static) 和 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static) 方法实现的。这些方法比非串流的方法更简单，因为它们可以将字节码直接转化为“模块”/“实例”，而无需将 {{domxref("Response")}} 单独放入 {{jsxref("ArrayBuffer")}} 中。
 
 本示例（参见 GitHub 上的 [instantiate-streaming.html](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/instantiate-streaming.html) 演示，或者[在线查看](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)）展示了如何使用 `instantiateStreaming()` 获取 Wasm 模块、向其中导入 JavaScript 函数、编译和实例化该模块以及访问其导出函数，所有这些都只需一步即可完成。
 
@@ -62,7 +60,7 @@ WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then(
 
 ### 不使用流加载我们的 Wasm 模块
 
-如果你不能或不想使用上述的流方法，你可以使用非串流的方法 [`WebAssembly.compile()`](/zh-CN/docs/WebAssembly/JavaScript_interface/compile_static)/[`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static) 来代替。
+如果你不能或不想使用上述的流方法，你可以使用非串流的方法 [`WebAssembly.compile()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compile_static)/[`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static) 来代替。
 
 这些方法不能直接访问字节码，因此需要额外的步骤：在编译/实例化 Wasm 模块之前将响应转化为 {{jsxref("ArrayBuffer")}}。
 
@@ -89,9 +87,9 @@ Firefox 54+ 中的开发者工具调试器面板能够显示网页中任何 Wasm
 
 在 WebAssembly 的底层内存模型中，内存被表示为一个连续的无类型字节范围，称为[线性内存](https://webassembly.github.io/spec/core/exec/index.html)，由模块内部的[加载和存储指令](https://webassembly.github.io/spec/core/exec/instructions.html#memory-instructions)读写。在这种内存模型中，任何加载或存储指令都可以访问整个线性内存中的任何字节，这对于忠实表示指针等 C/C++ 概念来说是必要的。
 
-但与本地 C/C++ 程序不同的是，本地 C/C++ 程序的可用内存范围横跨整个进程，而特定 WebAssembly 实例可访问的内存仅限于 WebAssembly 内存对象所包含的一个特定范围（可能非常小）。这样，一个网络应用程序就可以使用多个独立的库，每个库都在内部使用 WebAssembly，并拥有完全相互隔离的独立内存。此外，较新的实现还可以创建[共享内存](/zh-CN/docs/WebAssembly/Understanding_the_text_format#共享内存)，这些内存可以使用 [`postMessage()`](/zh-CN/docs/Web/API/Window/postMessage) 在 Window 和 Worker 上下文之间传输，并在多个地方使用。
+但与本地 C/C++ 程序不同的是，本地 C/C++ 程序的可用内存范围横跨整个进程，而特定 WebAssembly 实例可访问的内存仅限于 WebAssembly 内存对象所包含的一个特定范围（可能非常小）。这样，一个网络应用程序就可以使用多个独立的库，每个库都在内部使用 WebAssembly，并拥有完全相互隔离的独立内存。此外，较新的实现还可以创建[共享内存](/zh-CN/docs/WebAssembly/Guides/Understanding_the_text_format#共享内存)，这些内存可以使用 [`postMessage()`](/zh-CN/docs/Web/API/Window/postMessage) 在 Window 和 Worker 上下文之间传输，并在多个地方使用。
 
-在 JavaScript 中，Memory 实例可被视为一个可调整大小的 [`ArrayBuffer`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer)（如果是共享存储器的话，则是 [`SharedArrayBuffer`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer)），就像使用 `ArrayBuffers` 一样，Web 应用可以创建多个独立的 Memory 对象。你可以使用 [`WebAssembly.Memory()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory) 构造函数创建一个对象（参数包括初始大小和（可选）最大大小，以及说明是否为共享内存的 `shared` 属性）。
+在 JavaScript 中，Memory 实例可被视为一个可调整大小的 [`ArrayBuffer`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer)（如果是共享存储器的话，则是 [`SharedArrayBuffer`](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer)），就像使用 `ArrayBuffers` 一样，Web 应用可以创建多个独立的 Memory 对象。你可以使用 [`WebAssembly.Memory()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory) 构造函数创建一个对象（参数包括初始大小和（可选）最大大小，以及说明是否为共享内存的 `shared` 属性）。
 
 让我们从一个快速示例开始探索。
 
@@ -121,7 +119,7 @@ Firefox 54+ 中的开发者工具调试器面板能够显示网页中任何 Wasm
 
 ### 增加内存
 
-内存实例的大小可以通过 [`Memory.prototype.grow()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory/grow) 来增加，再次以 WebAssembly 页为单位指定参数：
+内存实例的大小可以通过 [`Memory.prototype.grow()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory/grow) 来增加，再次以 WebAssembly 页为单位指定参数：
 
 ```js
 memory.grow(1);
@@ -129,9 +127,9 @@ memory.grow(1);
 
 如果在创建内存实例时提供了最大值，则尝试超过此最大值将抛出 {{jsxref("RangeError")}} 异常。引擎利用这个提供的上限来提前预留内存，这样可以使调整大小更有效率。
 
-注意：由于 {{jsxref("ArrayBuffer")}} 的 byteLength 是不可变的，所以在成功执行 [`Memory.prototype.grow()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory/grow) 操作之后，缓冲区 getter 将返回一个新的 ArrayBuffer 对象（带有一个新的 byteLength），同时任何先前的 ArrayBuffer 对象都将被“分离开来”，或者说与先前指向的底层内存断开连接。
+注意：由于 {{jsxref("ArrayBuffer")}} 的 byteLength 是不可变的，所以在成功执行 [`Memory.prototype.grow()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory/grow) 操作之后，缓冲区 getter 将返回一个新的 ArrayBuffer 对象（带有一个新的 byteLength），同时任何先前的 ArrayBuffer 对象都将被“分离开来”，或者说与先前指向的底层内存断开连接。
 
-和函数一样，线性内存可以在模块内部进行定义或者导入。类似地，模块还可以可选地导出其内存。这这意味着 JavaScript 可以通过创建一个新的 `WebAssembly.Memory` 并将其作为导入或通过接收内存导出传递给 WebAssembly 实例的内存来访问（通过使用 [`Instance.prototype.exports`](/zh-CN/docs/WebAssembly/JavaScript_interface/Instance/exports)）。
+和函数一样，线性内存可以在模块内部进行定义或者导入。类似地，模块还可以可选地导出其内存。这这意味着 JavaScript 可以通过创建一个新的 `WebAssembly.Memory` 并将其作为导入或通过接收内存导出传递给 WebAssembly 实例的内存来访问（通过使用 [`Instance.prototype.exports`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Instance/exports)）。
 
 ### 更复杂的内存示例
 
@@ -140,7 +138,7 @@ memory.grow(1);
 1. 像前面那样在相同的目录下复制一份 `memory.wasm`。
 
    > [!NOTE]
-   > 你可以在 [memory.wat](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.wat) 找到模块的文本表示形式。
+   > 你可以在 [memory.wat](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/memory.wat) 找到模块的文本表示形式。
 
 2. 回到你的示例文件 `memory.html`，像前面那样获取、编译和实例化你的 wasm 模块——在你的脚本代码底部加入下面的代码：
 
@@ -163,7 +161,7 @@ memory.grow(1);
    console.log(sum);
    ```
 
-注意我们是如何在内存对象的缓冲区（[`Memory.prototype.buffer`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory/buffer)）中，而不是在内存对象本身上创建 {{jsxref("DataView")}} 视图的。
+注意我们是如何在内存对象的缓冲区（[`Memory.prototype.buffer`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory/buffer)）中，而不是在内存对象本身上创建 {{jsxref("DataView")}} 视图的。
 
 内存导入与函数导入很像，只是内存对象取代了 JavaScript 函数作为了传入值。内存导入在下面两方面很有用：
 
@@ -171,7 +169,7 @@ memory.grow(1);
 - 它们允许一个单一的内存对象被多个模块实例导入，对于实现 WebAssembly 动态链接来说，这是一个关键的构建模块。
 
 > [!NOTE]
-> 你可以在 [memory.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.html)（[或实时运行](https://mdn.github.io/webassembly-examples/js-api-examples/memory.html)）中找到我们的完整示例——这个版本使用了 [fetchAndInstantiate()](https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js) 函数。
+> 你可以在 [memory.html](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/memory.html)（[或实时运行](https://mdn.github.io/webassembly-examples/js-api-examples/memory.html)）中找到我们的完整示例。
 
 ## 表
 
@@ -183,7 +181,7 @@ WebAssembly 表是一个可变大小的带类型的[引用](https://zh.wikipedia
 
 当调用一个函数指针的时候，WebAssembly 调用函数提供索引。在进行索引和调用索引到的函数引用之前，可以对该索引进行表的安全边界检查。因而，目前的表是一个相当底层的用来安全地和可移植地编译底层编程语言特性的基本类型。
 
-表可以通过 [`Table.prototype.set()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/set) 和 [`Table.prototype.grow()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/grow) 进行更改，它们会更新表中的一个值和增加可以存储在表的大小。这允许间接可调用函数集合可以随着时间而改变，其对于[动态链接技术](http://webassembly.org/docs/dynamic-linking/)来说是必要的。这些更改对于 JavaScript 和 wasm 模块来说是立即生效的。同时，在 JavaScript 可以通过 [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/get) 得到最新值。
+表可以通过 [`Table.prototype.set()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/set) 和 [`Table.prototype.grow()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/grow) 进行更改，它们会更新表中的一个值和增加可以存储在表的大小。这允许间接可调用函数集合可以随着时间而改变，其对于[动态链接技术](http://webassembly.org/docs/dynamic-linking/)来说是必要的。这些更改对于 JavaScript 和 wasm 模块来说是立即生效的。同时，在 JavaScript 可以通过 [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/get) 得到最新值。
 
 ### 表示例
 
@@ -192,9 +190,9 @@ WebAssembly 表是一个可变大小的带类型的[引用](https://zh.wikipedia
 1. 在一个新的目录中复制一份 table.wasm。
 
    > [!NOTE]
-   > 你可以在 [table.wat](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table.wat) 中查看模块的文本表示。
+   > 你可以在 [table.wat](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/table.wat) 中查看模块的文本表示。
 
-2. 创建一份 [HTML 模板](https://github.com/mdn/webassembly-examples/blob/master/template/template.html)的新副本并将其命名为 `table.html`.
+2. 创建一份 [HTML 模板](https://github.com/mdn/webassembly-examples/blob/main/template/template.html)的新副本并将其命名为 `table.html`.
 3. 如前所示，获取、编译并且实例化你的 wasm 模块——将下面的代码放入到 HTML body 底部的 {{htmlelement("script")}} 节点里面：
 
    ```js
@@ -211,16 +209,16 @@ WebAssembly 表是一个可变大小的带类型的[引用](https://zh.wikipedia
    console.log(tbl.get(1)()); // 42
    ```
 
-这段代码获取获取了存储在表中的每一个函数引用，然后实例化它们从而将它们拥有的值打印到控制台——注意每一个函数引用是如何使用 [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/get) 函数获取的：在其后面还要加一对小括号才可以真正的调用该函数获取到信息。
+这段代码获取获取了存储在表中的每一个函数引用，然后实例化它们从而将它们拥有的值打印到控制台——注意每一个函数引用是如何使用 [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/get) 函数获取的：在其后面还要加一对小括号才可以真正的调用该函数获取到信息。
 
 > [!NOTE]
-> 你可以在 [table.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table.html)（[或实时查看运行](https://mdn.github.io/webassembly-examples/js-api-examples/table.html)）找到我们完整的示例。
+> 你可以在 [table.html](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/table.html)（[或实时查看运行](https://mdn.github.io/webassembly-examples/js-api-examples/table.html)）找到我们完整的示例。
 
 ## 全局变量
 
-WebAssembly 能够创建全局变量实例，这些实例既可从 JavaScript 访问，也可在一个或多个 [`WebAssembly.Module`](/zh-CN/docs/WebAssembly/JavaScript_interface/Module) 实例中导入/导出。这非常有用，因为它允许动态地链接多个模块。
+WebAssembly 能够创建全局变量实例，这些实例既可从 JavaScript 访问，也可在一个或多个 [`WebAssembly.Module`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module) 实例中导入/导出。这非常有用，因为它允许动态地链接多个模块。
 
-要在 JavaScript 中创建 WebAssembly 全局实例，你需要使用 [`WebAssembly.Global()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Global) 构造函数，如下所示：
+要在 JavaScript 中创建 WebAssembly 全局实例，你需要使用 [`WebAssembly.Global()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Global) 构造函数，如下所示：
 
 ```js
 const global = new WebAssembly.Global({ value: "i32", mutable: true }, 0)；
@@ -285,7 +283,7 @@ WebAssembly.instantiateStreaming(fetch("global.wasm"), { js: { global } }).then(
 - 一个模块实例可以使用 0-1 个表实例——这是该实例的“函数地址空间”，可以用来实现 C 函数指针。将来的 WebAssembly 版本可能允许每个模块实例拥有 0-N 个表实例。
 - 一个内存或表实例能够被 0-N 个模块实例使用——这些实例全部共享相同的地址空间，这使得[动态链接](https://github.com/WebAssembly/tool-conventions/blob/main/DynamicLinking.md)成为可能。
 
-你可以在我们的理解文本格式一文中看到多样性的应用——参见[改变表和动态链接](/zh-CN/docs/WebAssembly/Understanding_the_text_format#改变表和动态链接)部分。
+你可以在我们的理解文本格式一文中看到多样性的应用——参见[改变表和动态链接](/zh-CN/docs/WebAssembly/Guides/Understanding_the_text_format#改变表和动态链接)部分。
 
 ## 总结
 
@@ -294,5 +292,5 @@ WebAssembly.instantiateStreaming(fetch("global.wasm"), { js: { global } }).then(
 ## 参见
 
 - [webassembly.org](http://webassembly.org/)
-- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Concepts)
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
 - Mozilla Research 上的 [WebAssembly](https://research.mozilla.org/webassembly/)
diff --git a/files/zh-cn/webassembly/index.md b/files/zh-cn/webassembly/index.md
index 4c86f4cca2c9a1..dab9b93ff73b23 100644
--- a/files/zh-cn/webassembly/index.md
+++ b/files/zh-cn/webassembly/index.md
@@ -5,8 +5,6 @@ l10n:
   sourceCommit: 06dad97d3bd2c2296ac6344fad5a1ae1a768e4d0
 ---
 
-{{WebAssemblySidebar}}
-
 WebAssembly 是一种新的编码方式，可以在现代的 Web 浏览器中运行——它是一种低级的类汇编语言，具有紧凑的二进制格式，可以接近原生的性能运行，并为诸如 C/C++、C# 和 Rust 等语言提供编译目标，以便它们可以在 Web 上运行。它也被设计为可以与 JavaScript 共存，允许两者一起工作。
 
 ## 简而言之
@@ -19,60 +17,60 @@ WebAssembly 被设计为可以和 JavaScript 一起协同工作——通过使
 
 ## 指南
 
-- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Concepts)
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
   - : 通过阅读 WebAssembly 背后的上层概念开始——它是什么、它为什么如此有用、它是如何适应 Web 平台（以及其他平台）的和如何使用它。
-- [将新的 C/C++ 模块编译为 WebAssembly](/zh-CN/docs/WebAssembly/C_to_Wasm)
+- [将新的 C/C++ 模块编译为 WebAssembly](/zh-CN/docs/WebAssembly/Guides/C_to_Wasm)
   - : 当你使用 C/C++ 编写了代码后，你可以使用诸如 [Emscripten](https://emscripten.org/) 等工具把它编译为 Wasm。让我们看看这是如何工作的。
-- [将现有的 C 模块编译为 WebAssembly](/zh-CN/docs/WebAssembly/existing_C_to_Wasm)
+- [将现有的 C 模块编译为 WebAssembly](/zh-CN/docs/WebAssembly/Guides/Existing_C_to_Wasm)
   - : WebAssembly 的核心用例是将现有的 C 库生态系统带到 Web 上，并允许开发者使用它们。
-- [将 Rust 代码编译为 WebAssembly](/zh-CN/docs/WebAssembly/Rust_to_Wasm)
+- [将 Rust 代码编译为 WebAssembly](/zh-CN/docs/WebAssembly/Guides/Rust_to_Wasm)
   - : 如果你已经编写了一些 Rust 代码，你可以把它编译为 WebAssembly！本教程将带你了解所有你需要知道的内容，以便把一个 Rust 项目编译为 Wasm 并在现有的 Web 应用中使用它。
-- [加载和运行 WebAssembly 代码](/zh-CN/docs/WebAssembly/Loading_and_running)
-  - : 本文介绍如何通过将 [Fetch](/zh-CN/docs/Web/API/Fetch_API) 或者 [XHR](/zh-CN/docs/Web/API/XMLHttpRequest) API 与 [WebAssembly JavaScript](/zh-CN/docs/WebAssembly/JavaScript_interface) API 结合在一起以获取、编译和实例化 Wasm 模块。
-- [使用 WebAssembly 的 JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [加载和运行 WebAssembly 代码](/zh-CN/docs/WebAssembly/Guides/Loading_and_running)
+  - : 本文介绍如何通过将 [Fetch](/zh-CN/docs/Web/API/Fetch_API) 或者 [XHR](/zh-CN/docs/Web/API/XMLHttpRequest) API 与 [WebAssembly JavaScript](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface) API 结合在一起以获取、编译和实例化 Wasm 模块。
+- [使用 WebAssembly 的 JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
   - : 在加载了一个 Wasm 模块之后，你就会想要使用它。在本文中，我们向你展示了如何通过 WebAssembly 的 JavaScript API 来使用 WebAssembly。
-- [导出的 WebAssembly 函数](/zh-CN/docs/WebAssembly/Exported_functions)
+- [导出的 WebAssembly 函数](/zh-CN/docs/WebAssembly/Guides/Exported_functions)
   - : 导出的 WebAssembly 函数是 WebAssembly 函数的 JavaScript 反射，并且允许从 JavaScript 中调用 WebAssembly 代码。本文描述了它们的概念。
-- [理解 WebAssembly 的文本格式](/zh-CN/docs/WebAssembly/Understanding_the_text_format)
+- [理解 WebAssembly 的文本格式](/zh-CN/docs/WebAssembly/Guides/Understanding_the_text_format)
   - : 本文介绍了 Wasm 的文本格式。这是调试时在浏览器开发者工具中展现出来的 Wasm 模块的一种低级文本表示。
-- [把 WebAssembly 文本格式转换为 Wasm](/zh-CN/docs/WebAssembly/Text_format_to_Wasm)
+- [把 WebAssembly 文本格式转换为 Wasm](/zh-CN/docs/WebAssembly/Guides/Text_format_to_Wasm)
   - : 本文提供了一个如何把编写的文本格式的 WebAssembly 模块转换为 Wasm 二进制的指南。
 
 ## API 参考
 
 - [WebAssembly 指令参考](/zh-CN/docs/WebAssembly/Reference)
   - : 包含 WebAssembly 运算符的交互式示例的参考文档。
-- [WebAssembly JavaScript 接口](/zh-CN/docs/WebAssembly/JavaScript_interface)
+- [WebAssembly JavaScript 接口](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface)
   - : 该对象充当所有与 WebAssembly 相关的功能的命名空间。
-- [`WebAssembly.Global()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Global)
-  - : `WebAssembly.Global` 对象表示一个全局变量实例，可以从 JavaScript 访问，并且可以在一个或多个 [`WebAssembly.Module`](/zh-CN/docs/WebAssembly/JavaScript_interface/Module) 实例之间导入/导出。这允许动态链接多个模块。
-- [`WebAssembly.Module()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Module)
+- [`WebAssembly.Global()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Global)
+  - : `WebAssembly.Global` 对象表示一个全局变量实例，可以从 JavaScript 访问，并且可以在一个或多个 [`WebAssembly.Module`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module) 实例之间导入/导出。这允许动态链接多个模块。
+- [`WebAssembly.Module()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module)
   - : `WebAssembly.Module` 对象包含了已经被浏览器编译的无状态 WebAssembly 代码。该代码能够高效地[与 Worker 共享](/zh-CN/docs/Web/API/Worker/postMessage)，并多次实例化。
-- [`WebAssembly.Instance()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Instance)
-  - : `WebAssembly.Instance` 对象是一个有状态的、可执行的模块（`Module`）的实例。实例对象包含了所有能够从 JavaScript 调用 WebAssembly 代码的[导出的 WebAssembly 函数](/zh-CN/docs/WebAssembly/Exported_functions)。
-- [`WebAssembly.compile()`](/zh-CN/docs/WebAssembly/JavaScript_interface/compile_static)
+- [`WebAssembly.Instance()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Instance)
+  - : `WebAssembly.Instance` 对象是一个有状态的、可执行的模块（`Module`）的实例。实例对象包含了所有能够从 JavaScript 调用 WebAssembly 代码的[导出的 WebAssembly 函数](/zh-CN/docs/WebAssembly/Guides/Exported_functions)。
+- [`WebAssembly.compile()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compile_static)
   - : `WebAssembly.compile()` 函数将 WebAssembly 二进制代码编译为 `WebAssembly.Module` 对象。
-- [`WebAssembly.compileStreaming()`](/zh-CN/docs/WebAssembly/JavaScript_interface/compileStreaming_static)
+- [`WebAssembly.compileStreaming()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/compileStreaming_static)
   - : `WebAssembly.compileStreaming()` 函数直接从流式底层源编译 `WebAssembly.Module`。
-- [`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiate_static)
+- [`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static)
   - : `WebAssembly.instantiate()` 函数允许你编译和实例化 WebAssembly 代码。
-- [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static)
+- [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static)
   - : `WebAssembly.instantiateStreaming()` 函数是编译和实例化 WebAssembly 代码的主要的 API，它返回 `Module` 及其第一个实例。
-- [`WebAssembly.validate()`](/zh-CN/docs/WebAssembly/JavaScript_interface/validate_static)
+- [`WebAssembly.validate()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/validate_static)
   - : `WebAssembly.validate()` 函数验证给定的 WebAssembly 二进制代码的类型化数组。
-- [`WebAssembly.Memory()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory)
+- [`WebAssembly.Memory()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory)
   - : `WebAssembly.Memory` 对象是一个存储了可被实例（`Instance`）访问的内存原始字节的可变长 {{jsxref("Global_objects/ArrayBuffer", "ArrayBuffer")}}。
-- [`WebAssembly.Table()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table)
+- [`WebAssembly.Table()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table)
   - : `WebAssembly.Table` 对象是一个用于存储可被实例（`Instance`）访问的不透明值（例如函数引用）的可变长类型化数组。
-- [`WebAssembly.Tag()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Tag)
+- [`WebAssembly.Tag()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Tag)
   - : `WebAssembly.Tag` 对象用于定义 WebAssembly 的异常类型，可以在 WebAssembly 代码中抛出/捕获。
-- [`WebAssembly.Exception()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Exception)
+- [`WebAssembly.Exception()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Exception)
   - : `WebAssembly.Exception` 对象表示从 WebAssembly 抛出到 JavaScript 的运行时异常，或者从 JavaScript 抛出到 WebAssembly 的异常处理器的异常。
-- [`WebAssembly.CompileError()`](/zh-CN/docs/WebAssembly/JavaScript_interface/CompileError)
+- [`WebAssembly.CompileError()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/CompileError)
   - : 创建一个新的 WebAssembly `CompileError` 对象。
-- [`WebAssembly.LinkError()`](/zh-CN/docs/WebAssembly/JavaScript_interface/LinkError)
+- [`WebAssembly.LinkError()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/LinkError)
   - : 创建一个新的 WebAssembly `LinkError` 对象。
-- [`WebAssembly.RuntimeError()`](/zh-CN/docs/WebAssembly/JavaScript_interface/RuntimeError)
+- [`WebAssembly.RuntimeError()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/RuntimeError)
   - : 创建一个新的 WebAssembly `RuntimeError` 对象。
 
 ## 示例
diff --git a/files/zh-cn/webassembly/javascript_interface/module/index.md b/files/zh-cn/webassembly/javascript_interface/module/index.md
deleted file mode 100644
index 7f68127bc0385e..00000000000000
--- a/files/zh-cn/webassembly/javascript_interface/module/index.md
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: WebAssembly.Module
-slug: WebAssembly/JavaScript_interface/Module
----
-
-{{WebAssemblySidebar}}
-
-**`WebAssembly.Module`** 对象包含已经由浏览器编译的无状态 WebAssembly 代码，可以高效地[与 Worker 共享](/zh-CN/docs/Web/API/Worker/postMessage)和多次实例化。
-
-## 构造函数
-
-- [`WebAssembly.Module()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Module/Module)
-  - : 创建一个新的 `Module` 对象。
-
-## 静态属性
-
-- [`WebAssembly.Module.customSections()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Module/customSections_static)
-  - : 给定一个 `Module` 和字符串，返回模块中具有给定字符串名称的所有自定义的部分的内容副本。
-- [`WebAssembly.Module.exports()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Module/exports_static)
-  - : 给定一个 `Module`，返回一个数组，其中包含所有声明的导出的描述。
-- [`WebAssembly.Module.imports()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Module/imports_static)
-  - : 给定一个 `Module`，返回一个数组，其中包含所有声明的导入的描述。
-
-## 示例
-
-### 将编译后的模块发送到 worker
-
-以下示例将使用 [`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)。
-
-```js
-const worker = new Worker("wasm_worker.js");
-
-WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
-  worker.postMessage(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_static) 方法创建一个它的实例，然后调用其导出的函数。
-
-```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();
-  });
-};
-```
-
-## 规范
-
-{{Specifications}}
-
-## 浏览器兼容性
-
-{{Compat}}
-
-## 参见
-
-- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页面
-- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Concepts)
-- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/javascript_interface/validate_static/index.md b/files/zh-cn/webassembly/javascript_interface/validate_static/index.md
deleted file mode 100644
index 19972e97b5d3c3..00000000000000
--- a/files/zh-cn/webassembly/javascript_interface/validate_static/index.md
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: WebAssembly.validate()
-slug: WebAssembly/JavaScript_interface/validate_static
----
-
-{{WebAssemblySidebar}}
-
-**`WebAssembly.validate()`** 方法用于验证包含 WebAssembly 二进制码的一个 [typed array](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays) 是否合法，返回 `true` 如果这些字节能构成一个合法的 wasm 模块，否则返回 `false`。
-
-## 语法
-
-```plain
-WebAssembly.validate(bufferSource);
-```
-
-### 参数
-
-- `bufferSource`
-  - : 一个包含 WebAssembly 二进制码的 [typed array](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays) 或 [ArrayBuffer](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer)。
-
-### 返回值
-
-一个布尔值，用来表示给定的 `bufferSource` 是合法 wasm 代码（`true`）或者不是（`false`）。
-
-### 异常
-
-如果给定的 `bufferSource` 不是 [typed array](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays) 或 [ArrayBuffer](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) 类型，将会抛出 {{jsxref("TypeError")}} 异常。
-
-## 示例
-
-下面的例子（查看 validate.html [源代码](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/validate.html)，或者[在线预览](https://mdn.github.io/webassembly-examples/js-api-examples/validate.html)）通过 `fetch` 获取了一个 .wasm 模块并将其转换为一个 typed array。接下来用 `validate()` 方法来验证这个模块是否合法。
-
-```js
-fetch("simple.wasm")
-  .then((response) => response.arrayBuffer())
-  .then(function (bytes) {
-    var valid = WebAssembly.validate(bytes);
-    console.log(
-      "The given bytes are " + (valid ? "" : "not ") + "a valid wasm module",
-    );
-  });
-```
-
-## 规范
-
-{{Specifications}}
-
-## 浏览器兼容性
-
-{{Compat}}
-
-## 参见
-
-- [WebAssembly](/zh-CN/docs/WebAssembly) overview page
-- [WebAssembly concepts](/zh-CN/docs/WebAssembly/Concepts)
-- [Using the WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/javascript_interface/compile_static/index.md b/files/zh-cn/webassembly/reference/javascript_interface/compile_static/index.md
similarity index 58%
rename from files/zh-cn/webassembly/javascript_interface/compile_static/index.md
rename to files/zh-cn/webassembly/reference/javascript_interface/compile_static/index.md
index fbc2fc47206fc6..c3f93b59aea1af 100644
--- a/files/zh-cn/webassembly/javascript_interface/compile_static/index.md
+++ b/files/zh-cn/webassembly/reference/javascript_interface/compile_static/index.md
@@ -1,10 +1,8 @@
 ---
 title: WebAssembly.compile()
-slug: WebAssembly/JavaScript_interface/compile_static
+slug: WebAssembly/Reference/JavaScript_interface/compile_static
 ---
 
-{{WebAssemblySidebar}} {{SeeCompatTable}}
-
 **`WebAssembly.compile()`** 方法编译 WebAssembly 二进制代码到一个{{jsxref("WebAssembly.Module")}} 对象。如果在实例化之前有必要去编译一个模块，那么这个方法是有用的（否则，将会使用{{jsxref("WebAssembly.instantiate()")}} 方法）
 
 ## 语法
@@ -20,16 +18,16 @@ Promise<WebAssembly.Module> WebAssembly.compile(bufferSource);
 
 ### 返回值
 
-一个解析为 {{jsxref("WebAssembly.Module")}} 的`Promise` 对象。
+一个会兑现为 {{jsxref("WebAssembly.Module")}} 的 `Promise` 对象。
 
 ### 异常
 
-- 如果 `bufferSource` 不是一个 [typed array](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays), 将抛出一个 {{jsxref("TypeError")}} 。
-- 如果编译失败 promise 将会 reject 一个 {{jsxref("WebAssembly.CompileError")}}。
+- 如果 `bufferSource` 不是一个[类型化数组](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays)，则将抛出 {{jsxref("TypeError")}}。
+- 如果编译失败，则 promise 将会以 {{jsxref("WebAssembly.CompileError")}} 拒绝。
 
 ## 示例
 
-下面的例子 (查看 GitHub 上的 [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)) 使用 `compile()` 方法编译加载进来的 simple.wasm 二进制代码并且使用 [postMessage()](/zh-CN/docs/Web/API/Worker/postMessage) 发送给一个 [worker](/zh-CN/docs/Web/API/Web_Workers_API)。
+下面的例子 (查看 GitHub 上的 [index-compile.html](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/index-compile.html) 例子，并且也能 [查看运行效果](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)) 使用 `compile()` 方法编译加载进来的 simple.wasm 二进制代码并且使用 [postMessage()](/zh-CN/docs/Web/API/Worker/postMessage) 发送给一个 [worker](/zh-CN/docs/Web/API/Web_Workers_API)。
 
 ```js
 var worker = new Worker("wasm_worker.js");
@@ -40,7 +38,7 @@ fetch("simple.wasm")
   .then((mod) => worker.postMessage(mod));
 ```
 
-在线程中 (查看 [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js)) 我们定义了一个导入对象共模块使用，然后设置了一个事件处理函数来接收主线程发送过来的模块。当模块被接收之后，我们使用{{jsxref("WebAssembly.Instantiate()")}} 方法创建了一个实例，调用从它里面导出的一个方法，接下来展示了我们可以用 {{jsxref("WebAssembly.Module/exports", "WebAssembly.Module.exports")}} 属性来调用模块上返回的可用信息。
+在线程中（查看 [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/wasm_worker.js)）我们定义了一个导入对象共模块使用，然后设置了一个事件处理函数来接收主线程发送过来的模块。当模块被接收之后，我们使用{{jsxref("WebAssembly.Instantiate()")}} 方法创建了一个实例，调用从它里面导出的一个方法，接下来展示了我们可以用 {{jsxref("WebAssembly.Module/exports", "WebAssembly.Module.exports")}} 属性来调用模块上返回的可用信息。
 
 ```js
 var importObject = {
@@ -64,16 +62,16 @@ onmessage = function (e) {
 };
 ```
 
-## Specifications
+## 规范
 
 {{Specifications}}
 
-## Browser compatibility
+## 浏览器兼容性
 
 {{Compat}}
 
-## See also
+## 参见
 
-- [WebAssembly](/zh-CN/docs/WebAssembly) overview page
-- [WebAssembly concepts](/zh-CN/docs/WebAssembly/Concepts)
-- [Using the WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/javascript_interface/compileerror/index.md b/files/zh-cn/webassembly/reference/javascript_interface/compileerror/index.md
similarity index 91%
rename from files/zh-cn/webassembly/javascript_interface/compileerror/index.md
rename to files/zh-cn/webassembly/reference/javascript_interface/compileerror/index.md
index c7c96b71cf9025..1aa22d2974ea2a 100644
--- a/files/zh-cn/webassembly/javascript_interface/compileerror/index.md
+++ b/files/zh-cn/webassembly/reference/javascript_interface/compileerror/index.md
@@ -1,10 +1,8 @@
 ---
 title: WebAssembly.CompileError()
-slug: WebAssembly/JavaScript_interface/CompileError
+slug: WebAssembly/Reference/JavaScript_interface/CompileError
 ---
 
-{{WebAssemblySidebar}}
-
 **`WebAssembly.CompileError()`**构造函数创建一个新的 WebAssembly `CompileError`对象，该对象表示 WebAssembly 解码或验证期间的错误。
 
 ## 语法
@@ -78,6 +76,6 @@ try {
 
 ## 参见
 
-- [WebAssembly](/zh-CN/docs/WebAssembly) overview page
-- [WebAssembly concepts](/zh-CN/docs/WebAssembly/Concepts)
-- [Using the WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/javascript_interface/compilestreaming_static/index.md b/files/zh-cn/webassembly/reference/javascript_interface/compilestreaming_static/index.md
similarity index 63%
rename from files/zh-cn/webassembly/javascript_interface/compilestreaming_static/index.md
rename to files/zh-cn/webassembly/reference/javascript_interface/compilestreaming_static/index.md
index 6b9e6f04982f26..0cc1525d8d870d 100644
--- a/files/zh-cn/webassembly/javascript_interface/compilestreaming_static/index.md
+++ b/files/zh-cn/webassembly/reference/javascript_interface/compilestreaming_static/index.md
@@ -1,10 +1,8 @@
 ---
 title: WebAssembly.compileStreaming()
-slug: WebAssembly/JavaScript_interface/compileStreaming_static
+slug: WebAssembly/Reference/JavaScript_interface/compileStreaming_static
 ---
 
-{{WebAssemblySidebar}}
-
 **`WebAssembly.compileStreaming()`** 方法用来从一个流式源中直接编译一个 {{jsxref("WebAssembly.Module")}}。当模块需要在被实例化前被编译时，这个方法会很有用。如果要从流式源实例化一个模块应采用 {{jsxref("WebAssembly.instantiateStreaming()")}} 方法。
 
 ## 语法
@@ -29,7 +27,7 @@ Promise<WebAssembly.Module> WebAssembly.compileStreaming(source);
 
 ## 示例
 
-下面的例子（在 GitHub 上查看我们的 [compile-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/compile-streaming.html) 示例或者直接[在线预览](https://mdn.github.io/webassembly-examples/js-api-examples/compile-streaming.html)）直接从流式源传输一个 .wasm 模块然后将其编译为一个 {{jsxref("WebAssembly.Module")}} 对象。因为 `compileStreaming()` 方法可以接受一个结果为 {{domxref("Response")}} 对象的 promise，因此你可以直接用 {{domxref("fetch()")}} 的调用结果来调用该方法。
+下面的例子（在 GitHub 上查看我们的 [compile-streaming.html](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/compile-streaming.html) 示例或者直接[在线预览](https://mdn.github.io/webassembly-examples/js-api-examples/compile-streaming.html)）直接从流式源传输一个 .wasm 模块然后将其编译为一个 {{jsxref("WebAssembly.Module")}} 对象。因为 `compileStreaming()` 方法可以接受一个结果为 {{domxref("Response")}} 对象的 promise，因此你可以直接用 {{domxref("fetch()")}} 的调用结果来调用该方法。
 
 ```js
 var importObject = { imports: { imported_func: (arg) => console.log(arg) } };
@@ -41,16 +39,16 @@ WebAssembly.compileStreaming(fetch("simple.wasm"))
 
 得到的 module 实例接下来通过 {{jsxref("WebAssembly.instantiate()")}} 方法被实例化了，然后调用模块导出的函数。
 
-## Specifications
+## 规范
 
 {{Specifications}}
 
-## Browser compatibility
+## 浏览器兼容性
 
 {{Compat}}
 
-## See also
+## 参见
 
-- [WebAssembly](/zh-CN/docs/WebAssembly) overview page
-- [WebAssembly concepts](/zh-CN/docs/WebAssembly/Concepts)
-- [Using the WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/javascript_interface/global/index.md b/files/zh-cn/webassembly/reference/javascript_interface/global/index.md
similarity index 86%
rename from files/zh-cn/webassembly/javascript_interface/global/index.md
rename to files/zh-cn/webassembly/reference/javascript_interface/global/index.md
index 59e3babe839e84..5f3ada189c87ae 100644
--- a/files/zh-cn/webassembly/javascript_interface/global/index.md
+++ b/files/zh-cn/webassembly/reference/javascript_interface/global/index.md
@@ -1,15 +1,13 @@
 ---
 title: WebAssembly.Global
-slug: WebAssembly/JavaScript_interface/Global
+slug: WebAssembly/Reference/JavaScript_interface/Global
 ---
 
-{{WebAssemblySidebar}}
-
 **`WebAssembly.Global`** 对象表示一个全局变量实例，可以被 JavaScript 和 importable/exportable 访问，跨越一个或多个 {{jsxref("WebAssembly.Module")}} 实例。他允许被多个模块动态连接。
 
 ## 构造函数
 
-- [`WebAssembly.Global()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Global/Global)
+- [`WebAssembly.Global()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Global/Global)
   - : 创建一个新的 `Global` 对象。
 
 ## Global 实例
@@ -72,9 +70,9 @@ WebAssembly.instantiateStreaming(fetch("global.wasm"), { js: { global } }).then(
 ```
 
 > [!NOTE]
-> 你可以查看 [GitHub 上运行的实时](https://mdn.github.io/webassembly-examples/js-api-examples/global.html)示例；也可以查看[源代码](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/global.html)。
+> 你可以查看 [GitHub 上运行的实时](https://mdn.github.io/webassembly-examples/js-api-examples/global.html)示例；也可以查看[源代码](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/global.html)。
 
-## 规格
+## 规范
 
 {{Specifications}}
 
@@ -84,7 +82,7 @@ WebAssembly.instantiateStreaming(fetch("global.wasm"), { js: { global } }).then(
 
 ## 参见
 
-- [WebAssembly](/zh-CN/docs/WebAssembly) overview page
-- [WebAssembly concepts](/zh-CN/docs/WebAssembly/Concepts)
-- [Using the WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
 - [Import/Export mutable globals proposal](https://github.com/WebAssembly/mutable-global/blob/master/proposals/mutable-global/Overview.md)
diff --git a/files/zh-cn/webassembly/javascript_interface/index.md b/files/zh-cn/webassembly/reference/javascript_interface/index.md
similarity index 78%
rename from files/zh-cn/webassembly/javascript_interface/index.md
rename to files/zh-cn/webassembly/reference/javascript_interface/index.md
index d3017351fa24eb..2e1b208d3a5c1c 100644
--- a/files/zh-cn/webassembly/javascript_interface/index.md
+++ b/files/zh-cn/webassembly/reference/javascript_interface/index.md
@@ -1,10 +1,8 @@
 ---
 title: WebAssembly
-slug: WebAssembly/JavaScript_interface
+slug: WebAssembly/Reference/JavaScript_interface
 ---
 
-{{WebAssemblySidebar}}
-
 **`WebAssembly`** JavaScript 对象是所有 [WebAssembly](/zh-CN/docs/WebAssembly) 相关功能的命名空间。
 
 和大多数全局对象不一样，`WebAssembly`不是一个构造函数（它不是一个函数对象）。它类似于 {{jsxref("Math")}} 对象或者 {{jsxref("Intl")}} 对象，Math 对象也是一个命名空间对象，用于保存数学常量和函数；Intl 则是用于国际化和其他语言相关函数的命名空间对象。
@@ -51,7 +49,7 @@ slug: WebAssembly/JavaScript_interface
 
 ## 示例
 
-下面的示例（请参见 GitHub 上的 [Instantiate-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/instantiate-streaming.html) 演示，并查看[在线演示](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)）直接从流式底层源传输 .wasm 模块，然后对其进行编译和实例化，并通过 `ResultObject` 实现 promise。由于 `instantiateStreaming()` 函数接受对 {{domxref("Response")}} 对象的 promise，因此你可以直接向其传递 {{domxref("fetch()")}} 调用，然后它将把返回的 response 传递给随后的函数。
+下面的示例（请参见 GitHub 上的 [Instantiate-streaming.html](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/instantiate-streaming.html) 演示，并查看[在线演示](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)）直接从流式底层源传输 .wasm 模块，然后对其进行编译和实例化，并通过 `ResultObject` 实现 promise。由于 `instantiateStreaming()` 函数接受对 {{domxref("Response")}} 对象的 promise，因此你可以直接向其传递 {{domxref("fetch()")}} 调用，然后它将把返回的 response 传递给随后的函数。
 
 ```js
 var importObject = { imports: { imported_func: (arg) => console.log(arg) } };
@@ -73,6 +71,6 @@ WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then(
 
 ## 参见
 
-- [WebAssembly](/zh-CN/docs/WebAssembly) overview page
-- [WebAssembly concepts](/zh-CN/docs/WebAssembly/Concepts)
-- [Using the WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/javascript_interface/instance/index.md b/files/zh-cn/webassembly/reference/javascript_interface/instance/index.md
similarity index 62%
rename from files/zh-cn/webassembly/javascript_interface/instance/index.md
rename to files/zh-cn/webassembly/reference/javascript_interface/instance/index.md
index 7f403cede686f0..1e1506b20eca20 100644
--- a/files/zh-cn/webassembly/javascript_interface/instance/index.md
+++ b/files/zh-cn/webassembly/reference/javascript_interface/instance/index.md
@@ -1,29 +1,27 @@
 ---
 title: WebAssembly.Instance
-slug: WebAssembly/JavaScript_interface/Instance
+slug: WebAssembly/Reference/JavaScript_interface/Instance
 l10n:
   sourceCommit: d23f8c5c52bdfb6151476a2574e72d323d0d30f4
 ---
 
-{{WebAssemblySidebar}}
-
-**`WebAssembly.Instance`** 对象本身是有状态的，是 [`WebAssembly.Module`](/zh-CN/docs/WebAssembly/JavaScript_interface/Module) 的一个可执行实例。`Instance` 对象包含所有的 [WebAssembly 导出函数](/zh-CN/docs/WebAssembly/Exported_functions)，允许从 JavaScript 调用 WebAssembly 代码。
+**`WebAssembly.Instance`** 对象本身是有状态的，是 [`WebAssembly.Module`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module) 的一个可执行实例。`Instance` 对象包含所有的 [WebAssembly 导出函数](/zh-CN/docs/WebAssembly/Guides/Exported_functions)，允许从 JavaScript 调用 WebAssembly 代码。
 
 ## 构造函数
 
-- [`WebAssembly.Instance()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Instance/Instance)
+- [`WebAssembly.Instance()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Instance/Instance)
   - : 创建一个新的 `Instance` 对象。
 
 ## 实例属性
 
-- [`exports`](/zh-CN/docs/WebAssembly/JavaScript_interface/Instance/exports)
+- [`exports`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Instance/exports)
   - : 返回一个包含此 WebAssembly 模块实例所导出的全部成员对象，以便 JavaScript 访问和使用这些成员，这个对象是只读的。
 
 ## 示例
 
 ### 同步实例化 WebAssembly 模块
 
-`WebAssembly.Instance()` 构造函数以同步方式实例化一个 [`WebAssembly.Module`](/zh-CN/docs/WebAssembly/JavaScript_interface/Module) 对象，例如：
+`WebAssembly.Instance()` 构造函数以同步方式实例化一个 [`WebAssembly.Module`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module) 对象，例如：
 
 ```js
 const importObject = {
@@ -43,7 +41,7 @@ fetch("simple.wasm")
   });
 ```
 
-获得一个 `Instance` 的首选方式是异步的，例如像这样使用 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static) 函数：
+获得一个 `Instance` 的首选方式是异步的，例如像这样使用 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static) 函数：
 
 ```js
 const importObject = {
@@ -72,5 +70,5 @@ WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then(
 ## 参见
 
 - [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
-- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Concepts)
-- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/javascript_interface/instantiate_static/index.md b/files/zh-cn/webassembly/reference/javascript_interface/instantiate_static/index.md
similarity index 81%
rename from files/zh-cn/webassembly/javascript_interface/instantiate_static/index.md
rename to files/zh-cn/webassembly/reference/javascript_interface/instantiate_static/index.md
index 3e95b9ec3362c3..186556895a2f8f 100644
--- a/files/zh-cn/webassembly/javascript_interface/instantiate_static/index.md
+++ b/files/zh-cn/webassembly/reference/javascript_interface/instantiate_static/index.md
@@ -1,10 +1,8 @@
 ---
 title: WebAssembly.instantiate()
-slug: WebAssembly/JavaScript_interface/instantiate_static
+slug: WebAssembly/Reference/JavaScript_interface/instantiate_static
 ---
 
-{{WebAssemblySidebar}}
-
 **`WebAssembly.instantiate()`** 允许你编译和实例化 WebAssembly 代码。这个方法有两个重载方式：
 
 - 第一种主要重载方式使用 WebAssembly 二进制代码的 [typed array](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays) 或{{jsxref("ArrayBuffer")}}形，一并进行编译和实例化。返回的 `Promise` 会携带已编译的 {{jsxref("WebAssembly.Module")}} 和它的第一个实例化对象 {{jsxref("WebAssembly.Instance")}}.
@@ -26,14 +24,14 @@ Promise<ResultObject> WebAssembly.instantiate(bufferSource, importObject);
 - _bufferSource_
   - : 一个包含你想编译的 wasm 模块二进制代码的 [typed array](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays)(类型数组) or [ArrayBuffer](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer)(数组缓冲区)
 - _importObject_ {{optional_inline}}
-  - : 一个将被导入到新创建实例中的对象，它包含的值有函数、{{jsxref("WebAssembly.Memory")}} 对象等等。编译的模块中，对于每一个导入的值都要有一个与其匹配的属性与之相对应，否则将会抛出 [WebAssembly.LinkError](/zh-CN/docs/WebAssembly/JavaScript_interface/LinkError)。
+  - : 一个将被导入到新创建实例中的对象，它包含的值有函数、{{jsxref("WebAssembly.Memory")}} 对象等等。编译的模块中，对于每一个导入的值都要有一个与其匹配的属性与之相对应，否则将会抛出 [WebAssembly.LinkError](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/LinkError)。
 
 #### 返回值
 
 解析为包含两个字段的 `ResultObject` 的一个 `Promise`:
 
 - `module`: 一个被编译好的 {{jsxref("WebAssembly.Module")}} 对象。这个模块可以被再次实例化，通过 [postMessage()](/zh-CN/docs/Web/API/Worker/postMessage) 被分享，或者缓存到 [IndexedDB](/zh-CN/docs/WebAssembly/Caching_modules)。
-- `instance`: 一个包含所有 [Exported WebAssembly functions](/zh-CN/docs/WebAssembly/Exported_functions)的{{jsxref("WebAssembly.Instance")}}对象。
+- `instance`: 一个包含所有 [Exported WebAssembly functions](/zh-CN/docs/WebAssembly/Guides/Exported_functions)的{{jsxref("WebAssembly.Instance")}}对象。
 
 #### 异常
 
@@ -69,7 +67,7 @@ Promise<WebAssembly.Instance> WebAssembly.instantiate(module, importObject);
 
 ### 第一种重载示例
 
-使用 fetch 获取一些 WebAssembly 二进制代码后，我们使用 {{jsxref("WebAssembly.instantiate()")}} 方法编译并实例化模块，在此过程中，导入了一个 Javascript 方法在 WebAssembly 模块中，接下来我们使用`Instance` 导出的 [Exported WebAssembly](/zh-CN/docs/WebAssembly/Exported_functions) 方法。
+使用 fetch 获取一些 WebAssembly 二进制代码后，我们使用 {{jsxref("WebAssembly.instantiate()")}} 方法编译并实例化模块，在此过程中，导入了一个 Javascript 方法在 WebAssembly 模块中，接下来我们使用`Instance` 导出的 [Exported WebAssembly](/zh-CN/docs/WebAssembly/Guides/Exported_functions) 方法。
 
 ```js
 var importObject = {
@@ -92,11 +90,11 @@ fetch("simple.wasm")
 ```
 
 > [!NOTE]
-> 查看 GitHub（[在线实例](https://mdn.github.io/webassembly-examples/js-api-examples/)）的 [index.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index.html) 中一个相似的例子，使用了我们的 [`fetchAndInstantiate()`](https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js#L1) 库函数
+> 查看 GitHub（[在线实例](https://mdn.github.io/webassembly-examples/js-api-examples/)）的 [index.html](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/index.html) 中一个相似的例子。
 
 ### 第二种重载示例
 
-下面的例子（查看我们 GitHub 的 [index-compile.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index-compile.html) 例子，可在线演示）使用 `compile()` 方法编译了 simple.wasm 字节码，然后通过 [postMessage()](/zh-CN/docs/Web/API/Worker/postMessage) 发送给一个线程 [worker](/zh-CN/docs/Web/API/Web_Workers_API)。
+下面的例子（查看我们 GitHub 的 [index-compile.html](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/index-compile.html) 例子，可在线演示）使用 `compile()` 方法编译了 simple.wasm 字节码，然后通过 [postMessage()](/zh-CN/docs/Web/API/Worker/postMessage) 发送给一个线程 [worker](/zh-CN/docs/Web/API/Web_Workers_API)。
 
 ```js
 var worker = new Worker("wasm_worker.js");
@@ -107,7 +105,7 @@ fetch("simple.wasm")
   .then((mod) => worker.postMessage(mod));
 ```
 
-在线程中 (查看 [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js)) 我们定义了一个导入对象供模块使用，然后设置了一个事件处理函数来接收主线程发来的模块。当模块被接收到后，我们使用{{jsxref("WebAssembly.instantiate()")}} 方法创建一个实例并且调用它从内部导出的函数。
+在线程中（查看 [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/wasm_worker.js)）我们定义了一个导入对象供模块使用，然后设置了一个事件处理函数来接收主线程发来的模块。当模块被接收到后，我们使用{{jsxref("WebAssembly.instantiate()")}} 方法创建一个实例并且调用它从内部导出的函数。
 
 ```js
 var importObject = {
@@ -138,6 +136,6 @@ onmessage = function (e) {
 
 ## 参见
 
-- [WebAssembly](/zh-CN/docs/WebAssembly) overview page
-- [WebAssembly concepts](/zh-CN/docs/WebAssembly/Concepts)
-- [Using the WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/javascript_interface/instantiatestreaming_static/index.md b/files/zh-cn/webassembly/reference/javascript_interface/instantiatestreaming_static/index.md
similarity index 65%
rename from files/zh-cn/webassembly/javascript_interface/instantiatestreaming_static/index.md
rename to files/zh-cn/webassembly/reference/javascript_interface/instantiatestreaming_static/index.md
index 224cad4611a4ae..a3a1b201044521 100644
--- a/files/zh-cn/webassembly/javascript_interface/instantiatestreaming_static/index.md
+++ b/files/zh-cn/webassembly/reference/javascript_interface/instantiatestreaming_static/index.md
@@ -1,10 +1,9 @@
 ---
 title: WebAssembly.instantiateStreaming()
-slug: WebAssembly/JavaScript_interface/instantiateStreaming_static
+slug: WebAssembly/Reference/JavaScript_interface/instantiateStreaming_static
+original_slug: WebAssembly/JavaScript_interface/instantiateStreaming_static
 ---
 
-{{WebAssemblySidebar}}
-
 **`WebAssembly.instantiateStreaming()`** 函数直接从流式底层源编译并实例化 WebAssembly 模块。这是加载 Wasm 代码的最有效、最优化的方式。
 
 > [!NOTE]
@@ -21,20 +20,20 @@ WebAssembly.instantiateStreaming(source, importObject)
 - `source`
   - : 一个 [`Response`](/zh-CN/docs/Web/API/Response) 对象或一个会兑现为 Response 的 promise，其表示你想要传输、编译和实例化的 Wasm 模块的底层源。
 - `importObject` {{optional_inline}}
-  - : 包含一些想要导入到新创建的 `Instance` 中的值的对象，例如函数或 [`WebAssembly.Memory`](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory) 对象。每个已编译模块的声明导入必须有一个匹配属性，否则抛出 [`WebAssembly.LinkError`](/zh-CN/docs/WebAssembly/JavaScript_interface/LinkError) 异常。
+  - : 包含一些想要导入到新创建的 `Instance` 中的值的对象，例如函数或 [`WebAssembly.Memory`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory) 对象。每个已编译模块的声明导入必须有一个匹配属性，否则抛出 [`WebAssembly.LinkError`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/LinkError) 异常。
 
 ### 返回值
 
 一个 `Promise`，会兑现为一个包含两个属性的 `ResultObject`：
 
-- `module`：[`WebAssembly.Module`](/zh-CN/docs/WebAssembly/JavaScript_interface/Module) 对象，表示编译完成的 WebAssembly 模块。这个 `Module` 能够再次被实例化或通过 [postMessage()](/zh-CN/docs/Web/API/Worker/postMessage) 共享。
-- `instance`：[`WebAssembly.Instance`](/zh-CN/docs/WebAssembly/JavaScript_interface/Instance) 对象，包含所有[导出的 WebAssembly 方法](/zh-CN/docs/WebAssembly/Exported_functions)。
+- `module`：[`WebAssembly.Module`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module) 对象，表示编译完成的 WebAssembly 模块。这个 `Module` 能够再次被实例化或通过 [postMessage()](/zh-CN/docs/Web/API/Worker/postMessage) 共享。
+- `instance`：[`WebAssembly.Instance`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Instance) 对象，包含所有[导出的 WebAssembly 方法](/zh-CN/docs/WebAssembly/Guides/Exported_functions)。
 
 ### 异常
 
 - 如果任意参数的类型或结构存在错误，则抛出 {{jsxref("TypeError")}}。
-- 如果操作失败，Promise 根据失败原因以 [`WebAssembly.CompileError`](/zh-CN/docs/WebAssembly/JavaScript_interface/CompileError)、[`WebAssembly.LinkError`](/zh-CN/docs/WebAssembly/JavaScript_interface/LinkError) 或
-  [`WebAssembly.RuntimeError`](/zh-CN/docs/WebAssembly/JavaScript_interface/RuntimeError) 拒绝。
+- 如果操作失败，Promise 根据失败原因以 [`WebAssembly.CompileError`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/CompileError)、[`WebAssembly.LinkError`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/LinkError) 或
+  [`WebAssembly.RuntimeError`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/RuntimeError) 拒绝。
 
 ## 示例
 
@@ -63,6 +62,6 @@ WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then(
 
 ## 参见
 
-- [WebAssembly](/zh-CN/docs/WebAssembly) 概述页
-- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Concepts)
-- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/javascript_interface/memory/index.md b/files/zh-cn/webassembly/reference/javascript_interface/memory/index.md
similarity index 75%
rename from files/zh-cn/webassembly/javascript_interface/memory/index.md
rename to files/zh-cn/webassembly/reference/javascript_interface/memory/index.md
index cf877f19dcb89a..d09f1f7a4906e4 100644
--- a/files/zh-cn/webassembly/javascript_interface/memory/index.md
+++ b/files/zh-cn/webassembly/reference/javascript_interface/memory/index.md
@@ -1,10 +1,9 @@
 ---
 title: WebAssembly.Memory()
-slug: WebAssembly/JavaScript_interface/Memory
+slug: WebAssembly/Reference/JavaScript_interface/Memory
+original_slug: WebAssembly/JavaScript_interface/Memory
 ---
 
-{{WebAssemblySidebar}}
-
 **`WebAssembly.Memory()`** 构造函数创建一个新的 `Memory` 对象。该对象的 {{jsxref("WebAssembly/Memory/buffer","buffer")}} 属性是一个可调整大小的 [ArrayBuffer](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) ，其内存储的是 WebAssembly `实例` 所访问内存的原始字节码。
 
 从 JavaScript 或 WebAssembly 中所创建的内存，可以由 JavaScript 或 WebAssembly 来访问及更改。
@@ -36,7 +35,7 @@ var myMemory = new WebAssembly.Memory(memoryDescriptor);
 
 ## `Memory` 实例
 
-所有 `Memory` 实例都继承自 `Memory()` 构造函数的 [原型对象](/zh-CN/docs/WebAssembly/JavaScript_interface/Memory) — 这个原型可被修改并影响到所有的 `Memory` 实例。
+所有 `Memory` 实例都继承自 `Memory()` 构造函数的 [原型对象](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Memory)——这个原型可被修改并影响到所有的 `Memory` 实例。
 
 ### 实例属性
 
@@ -58,7 +57,7 @@ var myMemory = new WebAssembly.Memory(memoryDescriptor);
 var memory = new WebAssembly.Memory({ initial: 10, maximum: 100 });
 ```
 
-获取 `WebAssembly.Memory` 对象的第二种方法是从 WebAssembly 模块中导出。以下示例（详见 GitHub 页面 [memory.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.html) ，也可以 [用浏览器运行查看](https://mdn.github.io/webassembly-examples/js-api-examples/memory.html)）使用 {{jsxref("WebAssembly.instantiateStreaming()")}} 方法实例化已加载的 memory.wasm 字节代码，同时导入上面一行中创建的内存。用它来存储一些值，然后导出一个函数并用它来对一些值进行求和操作。
+获取 `WebAssembly.Memory` 对象的第二种方法是从 WebAssembly 模块中导出。以下示例（详见 GitHub 页面 [memory.html](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/memory.html)，也可以 [用浏览器运行查看](https://mdn.github.io/webassembly-examples/js-api-examples/memory.html)）使用 {{jsxref("WebAssembly.instantiateStreaming()")}} 方法实例化已加载的 memory.wasm 字节代码，同时导入上面一行中创建的内存。用它来存储一些值，然后导出一个函数并用它来对一些值进行求和操作。
 
 ```js
 WebAssembly.instantiateStreaming(fetch("memory.wasm"), {
@@ -83,6 +82,6 @@ WebAssembly.instantiateStreaming(fetch("memory.wasm"), {
 
 ## 参见
 
-- [WebAssembly](/zh-CN/docs/WebAssembly) overview page
-- [WebAssembly concepts](/zh-CN/docs/WebAssembly/Concepts)
-- [Using the WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/reference/javascript_interface/module/index.md b/files/zh-cn/webassembly/reference/javascript_interface/module/index.md
new file mode 100644
index 00000000000000..2ac9b74dbb4a57
--- /dev/null
+++ b/files/zh-cn/webassembly/reference/javascript_interface/module/index.md
@@ -0,0 +1,71 @@
+---
+title: WebAssembly.Module
+slug: WebAssembly/Reference/JavaScript_interface/Module
+---
+
+**`WebAssembly.Module`** 对象包含已经由浏览器编译的无状态 WebAssembly 代码，可以高效地[与 Worker 共享](/zh-CN/docs/Web/API/Worker/postMessage)和多次实例化。
+
+## 构造函数
+
+- [`WebAssembly.Module()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module/Module)
+  - : 创建一个新的 `Module` 对象。
+
+## 静态属性
+
+- [`WebAssembly.Module.customSections()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module/customSections_static)
+  - : 给定一个 `Module` 和字符串，返回模块中具有给定字符串名称的所有自定义的部分的内容副本。
+- [`WebAssembly.Module.exports()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module/exports_static)
+  - : 给定一个 `Module`，返回一个数组，其中包含所有声明的导出的描述。
+- [`WebAssembly.Module.imports()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Module/imports_static)
+  - : 给定一个 `Module`，返回一个数组，其中包含所有声明的导入的描述。
+
+## 示例
+
+### 将编译后的模块发送到 worker
+
+以下示例将使用 [`WebAssembly.compileStreaming()`](/zh-CN/docs/WebAssembly/Reference/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/main/js-api-examples/index-compile.html)，或[查看在线演示](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)。
+
+```js
+const worker = new Worker("wasm_worker.js");
+
+WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
+  worker.postMessage(mod),
+);
+```
+
+Worker 函数 [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/wasm_worker.js) 定义了模块需要使用的导入对象。然后，该函数会创建一个事件处理器，以接受主线程发送的模块。在接收到模块后，我们使用 [`WebAssembly.instantiate()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/instantiate_static) 方法创建一个它的实例，然后调用其导出的函数。
+
+```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();
+  });
+};
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/javascript_interface/runtimeerror/index.md b/files/zh-cn/webassembly/reference/javascript_interface/runtimeerror/index.md
similarity index 91%
rename from files/zh-cn/webassembly/javascript_interface/runtimeerror/index.md
rename to files/zh-cn/webassembly/reference/javascript_interface/runtimeerror/index.md
index 56367f4ecb2c4b..948f730ba2fe13 100644
--- a/files/zh-cn/webassembly/javascript_interface/runtimeerror/index.md
+++ b/files/zh-cn/webassembly/reference/javascript_interface/runtimeerror/index.md
@@ -1,10 +1,8 @@
 ---
 title: WebAssembly.RuntimeError()
-slug: WebAssembly/JavaScript_interface/RuntimeError
+slug: WebAssembly/Reference/JavaScript_interface/RuntimeError
 ---
 
-{{WebAssemblySidebar}}
-
 **`WebAssembly.RuntimeError()`**构造函数创建一个新的 WebAssembly RuntimeError 对象 --- 一个每当 WebAssembly 陷入指定陷阱时将抛出的类型。
 
 ## 语法
@@ -78,6 +76,6 @@ try {
 
 ## 参见
 
-- [WebAssembly](/zh-CN/docs/WebAssembly) overview page
-- [WebAssembly concepts](/zh-CN/docs/WebAssembly/Concepts)
-- [Using the WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/javascript_interface/table/index.md b/files/zh-cn/webassembly/reference/javascript_interface/table/index.md
similarity index 58%
rename from files/zh-cn/webassembly/javascript_interface/table/index.md
rename to files/zh-cn/webassembly/reference/javascript_interface/table/index.md
index 5e2eb5def30cc7..93aa3774d3658e 100644
--- a/files/zh-cn/webassembly/javascript_interface/table/index.md
+++ b/files/zh-cn/webassembly/reference/javascript_interface/table/index.md
@@ -1,12 +1,10 @@
 ---
 title: WebAssembly.Table
-slug: WebAssembly/JavaScript_interface/Table
+slug: WebAssembly/Reference/JavaScript_interface/Table
 l10n:
   sourceCommit: a8d2b658b3c9e7a98038712f421b3c7ae2320467
 ---
 
-{{WebAssemblySidebar}}
-
 **`WebAssembly.Table`** 是代表 WebAssembly Table 的 JavaScript 包装对象，具有类数组结构，存储了多个函数引用。在 JavaScript 或者 WebAssemble 中创建的 Table 对象可以同时被 JavaScript 或 WebAssembly 访问和更改。
 
 > [!NOTE]
@@ -14,28 +12,28 @@ l10n:
 
 ## 构造函数
 
-- [`WebAssembly.Table()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/Table)
+- [`WebAssembly.Table()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/Table)
   - : 创建一个新的 `Table` 对象。
 
 ### 实例属性
 
-- [`Table.prototype.length`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/length) {{ReadOnlyInline}}
+- [`Table.prototype.length`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/length) {{ReadOnlyInline}}
   - : 返回 Table 的长度，即元素数。
 
 ### 实例方法
 
-- [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/get)
+- [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/get)
   - : 访问器函数——获取给定索引下存储的元素。
-- [`Table.prototype.grow()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/grow)
+- [`Table.prototype.grow()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/grow)
   - : 将 Table 实例的大小增加指定数量的元素。
-- [`Table.prototype.set()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/set)
+- [`Table.prototype.set()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/set)
   - : 将存储在给定索引中的元素设置为给定值。
 
 ## 示例
 
 ### 创建一个新的 WebAssembly Table 实例
 
-下面的示例（见 table2.html [源代码](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/table2.html)和[实时版本](https://mdn.github.io/webassembly-examples/js-api-examples/table2.html)）创建了一个新的 WebAssembly Table 实例，初始大小为 2 个元素。然后，我们打印出表的长度和两个索引的内容（通过 [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/JavaScript_interface/Table/get) 检索），以显示长度为 2，且两个元素均为 [`null`](/zh-CN/docs/Web/JavaScript/Reference/Operators/null)。
+下面的示例（见 table2.html [源代码](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/table2.html)和[实时版本](https://mdn.github.io/webassembly-examples/js-api-examples/table2.html)）创建了一个新的 WebAssembly Table 实例，初始大小为 2 个元素。然后，我们打印出表的长度和两个索引的内容（通过 [`Table.prototype.get()`](/zh-CN/docs/WebAssembly/Reference/JavaScript_interface/Table/get) 检索），以显示长度为 2，且两个元素均为 [`null`](/zh-CN/docs/Web/JavaScript/Reference/Operators/null)。
 
 ```js
 const tbl = new WebAssembly.Table({ initial: 2, element: "anyfunc" });
@@ -52,7 +50,7 @@ const importObj = {
 };
 ```
 
-最后，我们使用 [`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 调用这些函数。
+最后，我们使用 [`WebAssembly.instantiateStreaming()`](/zh-CN/docs/WebAssembly/Reference/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/Guides/Exported_functions)，可以通过 JS 调用这些函数。
 
 ```js
 WebAssembly.instantiateStreaming(fetch("table2.wasm"), importObject).then(
@@ -78,6 +76,6 @@ WebAssembly.instantiateStreaming(fetch("table2.wasm"), importObject).then(
 
 ## 参见
 
-- [WebAssembly](/zh-CN/docs/WebAssembly) 概述页
-- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Concepts)
-- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Using_the_JavaScript_API)
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)
diff --git a/files/zh-cn/webassembly/reference/javascript_interface/validate_static/index.md b/files/zh-cn/webassembly/reference/javascript_interface/validate_static/index.md
new file mode 100644
index 00000000000000..7385cbbc023cd3
--- /dev/null
+++ b/files/zh-cn/webassembly/reference/javascript_interface/validate_static/index.md
@@ -0,0 +1,55 @@
+---
+title: WebAssembly.validate()
+slug: WebAssembly/Reference/JavaScript_interface/validate_static
+---
+
+**`WebAssembly.validate()`** 方法用于验证包含 WebAssembly 二进制码的一个[类型化数组](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays)是否合法，返回 `true` 如果这些字节能构成一个合法的 wasm 模块，否则返回 `false`。
+
+## 语法
+
+```js-nolint
+WebAssembly.validate(bufferSource)
+WebAssembly.validate(bufferSource, compileOptions)
+```
+
+### 参数
+
+- `bufferSource`
+  - : 一个包含 WebAssembly 二进制码的 [typed array](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays) 或 [ArrayBuffer](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer)。
+
+### 返回值
+
+一个布尔值，用来表示给定的 `bufferSource` 是合法 wasm 代码（`true`）或者不是（`false`）。
+
+### 异常
+
+如果给定的 `bufferSource` 不是 [typed array](/zh-CN/docs/Web/JavaScript/Guide/Typed_arrays) 或 [ArrayBuffer](/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) 类型，将会抛出 {{jsxref("TypeError")}} 异常。
+
+## 示例
+
+下面的例子（查看 validate.html [源代码](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/validate.html)，或者[在线预览](https://mdn.github.io/webassembly-examples/js-api-examples/validate.html)）通过 `fetch` 获取了一个 .wasm 模块并将其转换为一个类型化数组。接下来用 `validate()` 方法来验证这个模块是否合法。
+
+```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`,
+    );
+  });
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- [WebAssembly](/zh-CN/docs/WebAssembly) 概览页
+- [WebAssembly 概念](/zh-CN/docs/WebAssembly/Guides/Concepts)
+- [使用 WebAssembly JavaScript API](/zh-CN/docs/WebAssembly/Guides/Using_the_JavaScript_API)