diff --git a/files/zh-cn/learn_web_development/core/accessibility/what_is_accessibility/index.md b/files/zh-cn/learn_web_development/core/accessibility/what_is_accessibility/index.md index 72f402e02daf4c..bb767a5c6bf214 100644 --- a/files/zh-cn/learn_web_development/core/accessibility/what_is_accessibility/index.md +++ b/files/zh-cn/learn_web_development/core/accessibility/what_is_accessibility/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Core/Accessibility/What_is_accessibility original_slug: Learn/Accessibility/What_is_accessibility --- -{{LearnSidebar}}{{NextMenu("Learn/Accessibility/HTML", "Learn/Accessibility")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Core/Accessibility/Tooling", "Learn_web_development/Core/Accessibility")}} 本文作为本模块的开篇阐述了究竟什么是“无障碍” — 主要包括哪些用户群体是我们所需要和为什么需要考虑的,不同用户使用哪些工具与网页交互,以及我们在网站开发流程中如何构建无障碍。 @@ -161,18 +161,6 @@ Web 浏览器使用特殊的无障碍 API(由底层操作系统提供),这些 本文应该给你提供一个有用的无障碍的高级概述,向你展示为什么它是重要的,并研究如何将它融入你的工作流程。现在,你还应该渴望了解可以使站点可访问的实现细节,我们将在下一节中开始,了解为什么 HTML 是无障碍的良好基础。 -{{NextMenu("Learn/Accessibility/HTML", "Learn/Accessibility")}} - -## 本章目录 - -- [什么是无障碍?](/zh-CN/docs/Learn_web_development/Core/Accessibility/What_is_accessibility) -- [HTML:无障碍的良好基础](/zh-CN/docs/Learn_web_development/Core/Accessibility/HTML) -- [CSS 和 JavaScript 无障碍最佳实践](/zh-CN/docs/Learn_web_development/Core/Accessibility/CSS_and_JavaScript) -- [WAI-ARIA 基础](/zh-CN/docs/Learn_web_development/Core/Accessibility/WAI-ARIA_basics) -- [多媒体无障碍](/zh-CN/docs/Learn_web_development/Core/Accessibility/Multimedia) -- [移动端无障碍](/zh-CN/docs/Learn_web_development/Core/Accessibility/Mobile) -- [无障碍疑难解答](/zh-CN/docs/Learn_web_development/Core/Accessibility/Accessibility_troubleshooting) - ## 参见 - [WCAG](/zh-CN/docs/Web/Accessibility/Understanding_WCAG) @@ -181,3 +169,5 @@ Web 浏览器使用特殊的无障碍 API(由底层操作系统提供),这些 - [Operable](/zh-CN/docs/Web/Accessibility/Understanding_WCAG/Operable) - [Understandable](/zh-CN/docs/Web/Accessibility/Understanding_WCAG/Understandable) - [Robust](/zh-CN/docs/Web/Accessibility/Understanding_WCAG/Robust) + +{{NextMenu("Learn_web_development/Core/Accessibility/Tooling", "Learn_web_development/Core/Accessibility")}} diff --git a/files/zh-cn/learn_web_development/core/css_layout/introduction/index.md b/files/zh-cn/learn_web_development/core/css_layout/introduction/index.md index 31ee49d4b1fad0..df3a020686bc4b 100644 --- a/files/zh-cn/learn_web_development/core/css_layout/introduction/index.md +++ b/files/zh-cn/learn_web_development/core/css_layout/introduction/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Core/CSS_layout/Introduction original_slug: Learn/CSS/CSS_layout/Introduction --- -{{LearnSidebar}}{{NextMenu("Learn/CSS/CSS_layout/Normal_Flow", "Learn/CSS/CSS_layout")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Core/CSS_layout/Floats", "Learn_web_development/Core/CSS_layout")}} 本文将回顾我们以前模块中已经介绍过的一些 CSS 布局特性——例如不同的{{cssxref("display")}}值——并介绍我们将在本模块中使用的一些概念。 @@ -781,4 +781,4 @@ body { 本文提供了关于你应该了解的所有布局技术的简要概述。阅读更多关于每一项技术的信息! -{{NextMenu("Learn/CSS/CSS_layout/Normal_Flow", "Learn/CSS/CSS_layout")}} +{{NextMenu("Learn_web_development/Core/CSS_layout/Floats", "Learn_web_development/Core/CSS_layout")}} diff --git a/files/zh-cn/learn_web_development/core/frameworks_libraries/introduction/index.md b/files/zh-cn/learn_web_development/core/frameworks_libraries/introduction/index.md index 73459c380e85f9..9092a8fe6401ce 100644 --- a/files/zh-cn/learn_web_development/core/frameworks_libraries/introduction/index.md +++ b/files/zh-cn/learn_web_development/core/frameworks_libraries/introduction/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Core/Frameworks_libraries/Introduction original_slug: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction --- -{{LearnSidebar}}{{NextMenu("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Core/Frameworks_libraries/Main_features", "Learn_web_development/Core/Frameworks_libraries")}} 在本章节我们开始大致了解框架,简要回顾 JavaScript 和框架的历史,为什么框架会存在以及它们提供了什么,如何开始考虑选择一个框架并学习,以及对于客户端框架还有什么替代方案。 @@ -317,4 +317,4 @@ Vue 团队[详尽地将 Vue 与其他流行框架进行了比较](https://vuejs. 我们的下一篇文章将深入到较低的层次,看看框架倾向于提供的特定类型的功能,以及它们的工作原理。 -{{NextMenu("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}} +{{NextMenu("Learn_web_development/Core/Frameworks_libraries/Main_features", "Learn_web_development/Core/Frameworks_libraries")}} diff --git a/files/zh-cn/learn_web_development/core/scripting/conditionals/index.md b/files/zh-cn/learn_web_development/core/scripting/conditionals/index.md index 5254b5943359b5..1e9e00796a4261 100644 --- a/files/zh-cn/learn_web_development/core/scripting/conditionals/index.md +++ b/files/zh-cn/learn_web_development/core/scripting/conditionals/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Core/Scripting/Conditionals original_slug: Learn/JavaScript/Building_blocks/conditionals --- -{{LearnSidebar}}{{NextMenu("Learn/JavaScript/Building_blocks/Looping_code", "Learn/JavaScript/Building_blocks")}} +{{LearnSidebar}}{{PreviousMenuNext("Learn_web_development/Core/Scripting/Silly_story_generator", "Learn_web_development/Core/Scripting/Loops", "Learn_web_development/Core/Scripting")}} 在任何的编程语言中,代码需要依靠不同的输入作出决定并且采取行动。例如,在游戏中,如果玩家的生命值变成了 0,那么游戏就结束了。在天气应用中,如果在早晨运行,就显示一张日出的图片;如果在晚上,就显示星星和月亮的图片。在这篇文章中,我们将探索在 JavaScript 中所谓的条件语句是怎样工作的。 @@ -851,4 +851,4 @@ textarea.onkeyup = function () { - [if...else 参考](/zh-CN/docs/Web/JavaScript/Reference/Statements/if...else) - [条件(三元)运算符参考](/zh-CN/docs/Web/JavaScript/Reference/Operators/Conditional_operator) -{{NextMenu("Learn/JavaScript/Building_blocks/Looping_code", "Learn/JavaScript/Building_blocks")}} +{{PreviousMenuNext("Learn_web_development/Core/Scripting/Silly_story_generator", "Learn_web_development/Core/Scripting/Loops", "Learn_web_development/Core/Scripting")}} diff --git a/files/zh-cn/learn_web_development/core/scripting/object_basics/index.md b/files/zh-cn/learn_web_development/core/scripting/object_basics/index.md index a0f225f3ab70a4..6d77165f88e656 100644 --- a/files/zh-cn/learn_web_development/core/scripting/object_basics/index.md +++ b/files/zh-cn/learn_web_development/core/scripting/object_basics/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Core/Scripting/Object_basics original_slug: Learn/JavaScript/Objects/Basics --- -{{LearnSidebar}}{{NextMenu("Learn/JavaScript/Objects/Object_prototypes", "Learn/JavaScript/Objects")}} +{{LearnSidebar}}{{PreviousMenuNext("Learn_web_development/Core/Scripting/Image_gallery","Learn_web_development/Core/Scripting/DOM_scripting", "Learn_web_development/Core/Scripting")}} 在这学习 JavaScript 的对象的首篇文章中,我们将会学习有关对象基础的语法,并且回顾一些之前学过的 JavaScript 的一些特点,使你明白你所使用过的一些功能实际上是由对象提供的。 @@ -410,4 +410,4 @@ const myNotification = new Notification("你好!"); 在下一篇文章,我们将讨论**原型**(prototype),这是 JavaScript 让对象从其他对象继承属性的基本方式。 -{{NextMenu("Learn/JavaScript/Objects/Object_prototypes", "Learn/JavaScript/Objects")}} +{{PreviousMenuNext("Learn_web_development/Core/Scripting/Image_gallery","Learn_web_development/Core/Scripting/DOM_scripting", "Learn_web_development/Core/Scripting")}} 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 c5f5adbb505a23..194cb9c1cf956e 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 @@ -4,7 +4,7 @@ slug: Learn_web_development/Core/Scripting/What_is_JavaScript original_slug: Learn/JavaScript/First_steps/What_is_JavaScript --- -{{LearnSidebar}}{{NextMenu("Learn/JavaScript/First_steps/A_first_splash", "Learn/JavaScript/First_steps")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Core/Scripting/A_first_splash", "Learn_web_development/Core/Scripting")}} 欢迎来到 MDN 的 JavaScript 初学者课程!本节将在一定高度俯瞰 JavaScript,回答一些诸如“它是什么?”和“它能做什么?”的问题。并使你熟悉 JavaScript 的用途。 @@ -361,4 +361,4 @@ for (const button of buttons) { 现在 JavaScript 或许还有些令人生畏,但不用担心。在课程中我们会循序渐进。下一节将[全力投入实战](/zh-CN/docs/Learn_web_development/Core/Scripting/A_first_splash),让你专注其中,并建立自己的 JavaScript 示例。 -{{NextMenu("Learn/JavaScript/First_steps/A_first_splash", "Learn/JavaScript/First_steps")}} +{{NextMenu("Learn_web_development/Core/Scripting/A_first_splash", "Learn_web_development/Core/Scripting")}} diff --git a/files/zh-cn/learn_web_development/core/structuring_content/basic_html_syntax/index.md b/files/zh-cn/learn_web_development/core/structuring_content/basic_html_syntax/index.md index 4cedc6e06cc040..bca7af260e6eef 100644 --- a/files/zh-cn/learn_web_development/core/structuring_content/basic_html_syntax/index.md +++ b/files/zh-cn/learn_web_development/core/structuring_content/basic_html_syntax/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Core/Structuring_content/Basic_HTML_syntax original_slug: Learn/HTML/Introduction_to_HTML/Getting_started --- -{{LearnSidebar}}{{NextMenu("Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML", "Learn/HTML/Introduction_to_HTML")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Core/Structuring_content/Webpage_metadata", "Learn_web_development/Core/Structuring_content")}} 本文将从 HTML 最基础的部分讲起,对元素(Element)、属性(Attribute)以及可能涉及的一些重要术语进行介绍,并明确它们在 HTML 文档中所处的位置。本文还会讲解 HTML 元素和页面的组织方式,以及其他一些重要的基本语言特性。学习的过程中,我们也会使用 HTML 做一些好玩的事情。 @@ -763,4 +763,4 @@ HTML 拥有在代码中写注释的机制。浏览器会忽略注释,有效地 - [使用 CSS 为 HTML 元素应用颜色](/zh-CN/docs/Web/CSS/CSS_colors/Applying_color) -{{NextMenu("Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML", "Learn/HTML/Introduction_to_HTML")}} +{{NextMenu("Learn_web_development/Core/Structuring_content/Webpage_metadata", "Learn_web_development/Core/Structuring_content")}} diff --git a/files/zh-cn/learn_web_development/core/structuring_content/html_images/index.md b/files/zh-cn/learn_web_development/core/structuring_content/html_images/index.md index bacdb6ef8ad43b..91dd869997157e 100644 --- a/files/zh-cn/learn_web_development/core/structuring_content/html_images/index.md +++ b/files/zh-cn/learn_web_development/core/structuring_content/html_images/index.md @@ -6,7 +6,7 @@ l10n: sourceCommit: 26aeffa549ae61cd863afcb8fdcb3ba0e1e33b0c --- -{{LearnSidebar}}{{NextMenu("Learn/HTML/Multimedia_and_embedding/Video_and_audio_content", "Learn/HTML/Multimedia_and_embedding")}} +{{LearnSidebar}}{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Structuring_a_page_of_content", "Learn_web_development/Core/Structuring_content/HTML_video_and_audio", "Learn_web_development/Core/Structuring_content")}} 最初,web 仅有文字,非常乏味。幸运的是,不久之后,我们就能在网页中嵌入图片和其他更有趣的内容类型了。尽管有多种多媒体类型需要考虑,但是从在网页中嵌入简单图片的 {{htmlelement("img")}} 元素开始更加合理。在这篇文章中,我们将详细介绍如何使用 {{htmlelement("img")}} 元素,包括它的基本属性,如何用 {{htmlelement("figure")}} 元素为它添加标题,它与 {{glossary("CSS")}} 背景图片的关系,以及其他 web 平台上的图形类型。 @@ -636,4 +636,4 @@ p { 到此为止,我们已经详细介绍了图片和说明文字,在下篇文章中,我们将进一步看看如何使用 HTML 在网页上嵌入[音频和视频](/zh-CN/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio)。 -{{NextMenu("Learn/HTML/Multimedia_and_embedding/Video_and_audio_content", "Learn/HTML/Multimedia_and_embedding")}} +{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Structuring_a_page_of_content", "Learn_web_development/Core/Structuring_content/HTML_video_and_audio", "Learn_web_development/Core/Structuring_content")}} diff --git a/files/zh-cn/learn_web_development/core/structuring_content/html_table_basics/index.md b/files/zh-cn/learn_web_development/core/structuring_content/html_table_basics/index.md index 8304a95a24cc79..cb6ad9be996393 100644 --- a/files/zh-cn/learn_web_development/core/structuring_content/html_table_basics/index.md +++ b/files/zh-cn/learn_web_development/core/structuring_content/html_table_basics/index.md @@ -4,7 +4,9 @@ slug: Learn_web_development/Core/Structuring_content/HTML_table_basics original_slug: Learn/HTML/Tables/Basics --- -{{LearnSidebar}}{{NextMenu("Learn/HTML/Tables/Advanced", "Learn/HTML/Tables")}} +{{LearnSidebar}} + +{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Mozilla_splash_page", "Learn_web_development/Core/Structuring_content/Table_accessibility", "Learn_web_development/Core/Structuring_content")}} 本文将从 HTML 表格开始,介绍一些基本的内容,如行和单元格、标题、使单元格跨越多个列和行,以及如何将列中的所有单元组合在一起进行样式化。 @@ -540,4 +542,4 @@ th { 本章节仅仅包含了 HTML 表格的基础。在下一篇文章中,我们将介绍一些[表格进阶特性](/zh-CN/docs/Learn_web_development/Core/Structuring_content/Table_accessibility),并开始考虑方便视力障碍的人士的访问。 -{{NextMenu("Learn/HTML/Tables/Advanced", "Learn/HTML/Tables")}} +{{PreviousMenuNext("Learn_web_development/Core/Structuring_content/Mozilla_splash_page", "Learn_web_development/Core/Structuring_content/Table_accessibility", "Learn_web_development/Core/Structuring_content")}} diff --git a/files/zh-cn/learn_web_development/core/text_styling/fundamentals/index.md b/files/zh-cn/learn_web_development/core/text_styling/fundamentals/index.md index effd78d3cea62d..4e02cd7c784736 100644 --- a/files/zh-cn/learn_web_development/core/text_styling/fundamentals/index.md +++ b/files/zh-cn/learn_web_development/core/text_styling/fundamentals/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Core/Text_styling/Fundamentals original_slug: Learn/CSS/Styling_text/Fundamentals --- -{{LearnSidebar}}{{NextMenu("Learn/CSS/Styling_text/Styling_lists", "Learn/CSS/Styling_text")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Core/Text_styling/Styling_lists", "Learn_web_development/Core/Text_styling")}} 在这篇文章中,我们将带你开始掌握 {{glossary("CSS")}} 的文字样式的旅程。这里我们将详细介绍文本/字体样式的所有基本原理,包括设置文字的粗细,字体和样式,文字的属性简写,文字的对齐,和其他效果,以及行和字母间距。 @@ -823,4 +823,4 @@ window.addEventListener("load", drawOutput); 我们希望你在本篇文章中享受与文本在一起的时光!下篇文章会介绍所有你需要知道的关于 HTML 列表的样式。 -{{NextMenu("Learn/CSS/Styling_text/Styling_lists", "Learn/CSS/Styling_text")}} +{{NextMenu("Learn_web_development/Core/Text_styling/Styling_lists", "Learn_web_development/Core/Text_styling")}} diff --git a/files/zh-cn/learn_web_development/extensions/async_js/introducing/index.md b/files/zh-cn/learn_web_development/extensions/async_js/introducing/index.md index 8d511e396a9acb..2f1dac689c3c81 100644 --- a/files/zh-cn/learn_web_development/extensions/async_js/introducing/index.md +++ b/files/zh-cn/learn_web_development/extensions/async_js/introducing/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Extensions/Async_JS/Introducing original_slug: Learn/JavaScript/Asynchronous/Introducing --- -{{LearnSidebar}}{{NextMenu("Learn/JavaScript/Asynchronous/Promises", "Learn/JavaScript/Asynchronous")}} +{{LearnSidebar}}{{PreviousMenuNext("Learn_web_development/Extensions/Async_JS/Implementing_a_promise-based_API", "Learn_web_development/Extensions/Async_JS/Sequencing_animations", "Learn_web_development/Extensions/Async_JS")}} 在本文中,我们将解释什么是异步编程,为什么我们需要它,并简要讨论 JavaScript 历史上异步函数是怎样被实现的。 @@ -298,4 +298,4 @@ doOperation(); 由于以上这些原因,大多数现代异步 API 都不使用回调。事实上,JavaScript 中异步编程的基础是 {{jsxref("Promise")}},这也是我们下一篇文章要讲述的主题。 -{{NextMenu("Learn/JavaScript/Asynchronous/Promises", "Learn/JavaScript/Asynchronous")}} +{{PreviousMenuNext("Learn_web_development/Extensions/Async_JS/Implementing_a_promise-based_API", "Learn_web_development/Extensions/Async_JS/Sequencing_animations", "Learn_web_development/Extensions/Async_JS")}} 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 3126d5653a96fc..8c93b1ce2da7ff 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 @@ -6,7 +6,7 @@ l10n: sourceCommit: 7e97f3c5ada65b6638909bde92881a4b8d46a2b8 --- -{{LearnSidebar}}{{NextMenu("Learn/JavaScript/Client-side_web_APIs/Manipulating_documents", "Learn/JavaScript/Client-side_web_APIs")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Extensions/Client-side_APIs/Video_and_audio_APIs", "Learn_web_development/Extensions/Client-side_APIs")}} 首先,我们将从一个高层次看看 API——它们是什么、它们如何工作、如何在代码中使用它们,以及它们是如何组织的。我们也将看看不同主要类别的 API 以及它们的用途。 @@ -281,4 +281,4 @@ Web 音频和 {{domxref("HTMLMediaElement")}} API 受制于一种名为[自动 至此,你应该对什么是 API、API 如何工作以及在 JavaScript 代码中如何使用 API 有了一定的了解。你可能已经迫不及待地想开始使用特定的 API 做一些有趣的事情了,那就开始吧!接下来,我们将学习使用文档对象模型(DOM)操作文档。 -{{NextMenu("Learn/JavaScript/Client-side_web_APIs/Manipulating_documents", "Learn/JavaScript/Client-side_web_APIs")}} +{{NextMenu("Learn_web_development/Extensions/Client-side_APIs/Video_and_audio_APIs", "Learn_web_development/Extensions/Client-side_APIs")}} diff --git a/files/zh-cn/learn_web_development/extensions/client-side_tools/overview/index.md b/files/zh-cn/learn_web_development/extensions/client-side_tools/overview/index.md index 71e77442fa0291..c555ff5a2e384d 100644 --- a/files/zh-cn/learn_web_development/extensions/client-side_tools/overview/index.md +++ b/files/zh-cn/learn_web_development/extensions/client-side_tools/overview/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Extensions/Client-side_tools/Overview original_slug: Learn/Tools_and_testing/Understanding_client-side_tools/Overview --- -{{LearnSidebar}}{{NextMenu("Learn/Tools_and_testing/Understanding_client-side_tools/Command_line", "Learn/Tools_and_testing/Understanding_client-side_tools")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Extensions/Client-side_tools/Package_management", "Learn_web_development/Extensions/Client-side_tools")}} 在本文中,我们提供了现代 web 工具的概述,有哪些工具可用,在 web 应用程序开发的生命周期中你将在哪里遇到它们,以及如何使用各个工具寻求帮助。 @@ -165,4 +165,4 @@ web 应用程序生命周期的这个阶段通常允许你编写“未来代码 以上是我们对客户端 web 工具主题的简要介绍的最后一部分。接下来,我们将为你提供一个关于命令行的速成课程,许多工具都是从命令行调用的。我们将看一看命令行可以做什么,然后尝试安装和使用我们的第一个工具。 -{{NextMenu("Learn/Tools_and_testing/Understanding_client-side_tools/Command_line", "Learn/Tools_and_testing/Understanding_client-side_tools")}} +{{NextMenu("Learn_web_development/Extensions/Client-side_tools/Package_management", "Learn_web_development/Extensions/Client-side_tools")}} diff --git a/files/zh-cn/learn_web_development/extensions/forms/your_first_form/index.md b/files/zh-cn/learn_web_development/extensions/forms/your_first_form/index.md index 4ee29bcc744631..b39abc390c0048 100644 --- a/files/zh-cn/learn_web_development/extensions/forms/your_first_form/index.md +++ b/files/zh-cn/learn_web_development/extensions/forms/your_first_form/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Extensions/Forms/Your_first_form original_slug: Learn/Forms/Your_first_form --- -{{LearnSidebar}}{{NextMenu("Learn/Forms/How_to_structure_a_web_form", "Learn/Forms")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Extensions/Forms/How_to_structure_a_web_form", "Learn_web_development/Extensions/Forms")}} 本系列的一篇文章为你提供了第一次创建 web 表单的经验,包括设计一个简单表单、使用正确的 HTML 表单控件和其他 HTML 元素实现它、通过 CSS 添加一些非常简单的样式,以及如何将数据发送到服务器。稍后我们将在这一章节中更详细地扩展这些主题。 @@ -373,7 +373,7 @@ button { 然而,这仅仅是开始,现在是时候深入研究了。表单比我们在这里看到的要强大得多,本指南的其他文章将帮助你掌握其余部分。 -{{NextMenu("Learn/HTML/Forms/How_to_structure_an_HTML_form", "Learn/HTML/Forms")}} +{{NextMenu("Learn_web_development/Extensions/Forms/How_to_structure_a_web_form", "Learn_web_development/Extensions/Forms")}} ### 高级主题 diff --git a/files/zh-cn/learn_web_development/extensions/performance/why_web_performance/index.md b/files/zh-cn/learn_web_development/extensions/performance/why_web_performance/index.md index 7b2b30485d8aa6..8a1ef36145724f 100644 --- a/files/zh-cn/learn_web_development/extensions/performance/why_web_performance/index.md +++ b/files/zh-cn/learn_web_development/extensions/performance/why_web_performance/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Extensions/Performance/why_web_performance original_slug: Learn/Performance/why_web_performance --- -{{LearnSidebar}}{{NextMenu("Learn/Performance/What_is_web_performance", "Learn/Performance")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Extensions/Performance/What_is_web_performance", "Learn_web_development/Extensions/Performance")}} Web 性能关乎网站的快速加载,以及让缓慢过程*看起来*更快。本文将介绍 web 性能对于网站访问者和你的业务目标的重要性。 @@ -72,4 +72,4 @@ Web 性能及其相关的最佳实践对于网站访问者拥有良好的体验 Web 性能对于可访问性以及服务于组织或企业目标的其他网站指标非常重要。网站性能的好坏与用户体验以及大多数网站的整体效果密切相关。这就是为什么你应该关心 web 性能。 -{{NextMenu("Learn/Performance/What_is_web_performance", "Learn/Performance")}} +{{NextMenu("Learn_web_development/Extensions/Performance/What_is_web_performance", "Learn_web_development/Extensions/Performance")}} diff --git a/files/zh-cn/learn_web_development/extensions/server-side/django/introduction/index.md b/files/zh-cn/learn_web_development/extensions/server-side/django/introduction/index.md index 6e24269bc376c4..52b61305c6d667 100644 --- a/files/zh-cn/learn_web_development/extensions/server-side/django/introduction/index.md +++ b/files/zh-cn/learn_web_development/extensions/server-side/django/introduction/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Extensions/Server-side/Django/Introduction original_slug: Learn/Server-side/Django/Introduction --- -{{LearnSidebar}}{{NextMenu("Learn/Server-side/Django/development_environment", "Learn/Server-side/Django")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Extensions/Server-side/Django/development_environment", "Learn_web_development/Extensions/Server-side/Django")}} 在这第一 Django 文章中,我们将回答“什么是 Django”这个问题,并概述这个网络框架有什么特性。我们将描述主要功能,包括一些高级功能,但我们并不会在本单元中详细介绍。我们还会展示一些 Django 应用程序的主要构建模块(尽管此时你还没有要测试的开发环境)。 @@ -252,4 +252,4 @@ youngest_teams 当它被渲染时 你已经看到上面的一些真正的 Django 代码,但与客户端代码不同,你需要设置一个开发环境来运行它。这是我们的下一步。 -{{NextMenu("Learn/Server-side/Django/development_environment", "Learn/Server-side/Django")}} +{{NextMenu("Learn_web_development/Extensions/Server-side/Django/development_environment", "Learn_web_development/Extensions/Server-side/Django")}} diff --git a/files/zh-cn/learn_web_development/extensions/server-side/express_nodejs/introduction/index.md b/files/zh-cn/learn_web_development/extensions/server-side/express_nodejs/introduction/index.md index 73272d9a5beb2c..d244c302452943 100644 --- a/files/zh-cn/learn_web_development/extensions/server-side/express_nodejs/introduction/index.md +++ b/files/zh-cn/learn_web_development/extensions/server-side/express_nodejs/introduction/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Extensions/Server-side/Express_Nodejs/Introduction original_slug: Learn/Server-side/Express_Nodejs/Introduction --- -{{LearnSidebar}}{{NextMenu("Learn/Server-side/Express_Nodejs/development_environment", "Learn/Server-side/Express_Nodejs")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Extensions/Server-side/Express_Nodejs/development_environment", "Learn_web_development/Extensions/Server-side/Express_Nodejs")}} 本节将回答“什么是 Node”以及“什么是 Express”这两个问题,并通过主要特征和构成要件来简要介绍 Express 框架的与众不同之处。(只是目前尚不能用一个开发环境来测试它) @@ -525,4 +525,4 @@ Express 不对文件结构和组件的选用做任何约定。路由、视图、 - [托管静态文件](https://www.expressjs.com.cn/starter/static-files.html) (Express 中文文档) - [错误处理](https://www.expressjs.com.cn/guide/error-handling.html) (Express 英文文档) -{{NextMenu("Learn/Server-side/Express_Nodejs/development_environment", "Learn/Server-side/Express_Nodejs")}} +{{NextMenu("Learn_web_development/Extensions/Server-side/Express_Nodejs/development_environment", "Learn_web_development/Extensions/Server-side/Express_Nodejs")}} diff --git a/files/zh-cn/learn_web_development/extensions/server-side/first_steps/introduction/index.md b/files/zh-cn/learn_web_development/extensions/server-side/first_steps/introduction/index.md index 002d341b5bc0fc..1c1b7ea51fe321 100644 --- a/files/zh-cn/learn_web_development/extensions/server-side/first_steps/introduction/index.md +++ b/files/zh-cn/learn_web_development/extensions/server-side/first_steps/introduction/index.md @@ -4,7 +4,7 @@ slug: Learn_web_development/Extensions/Server-side/First_steps/Introduction original_slug: Learn/Server-side/First_steps/Introduction --- -{{LearnSidebar}}{{NextMenu("Learn/Server-side/First_steps/Client-Server_overview", "Learn/Server-side/First_steps")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Extensions/Server-side/First_steps/Client-Server_overview", "Learn_web_development/Extensions/Server-side/First_steps")}} 欢迎来到 MDN 为初学者准备的服务器端编程课程!在第一篇文章里面我们将会从一个较高的角度来看待服务器端编程,通过解答下面这些问题来实现这一点,比如:服务器端编程是什么?服务器端编程和客户端编程有何不同?还有,为什么服务器端编程这么有用?当你读完这篇文章后,你会理解通过服务器端编程实现的网站所能提供的额外的功能。 @@ -191,4 +191,4 @@ web 开发者无法控制用户可能会使用哪一种浏览器来浏览网站 在接下来的文章中我们会帮助你选择一个对于你的第一个网站来说最好的 web 框架;但是,再接下来我们稍微详细一点地带你过一遍主要的客户端 - 服务器交互行为。 -{{NextMenu("Learn/Server-side/First_steps/Client-Server_overview", "Learn/Server-side/First_steps")}} +{{NextMenu("Learn_web_development/Extensions/Server-side/First_steps/Client-Server_overview", "Learn_web_development/Extensions/Server-side/First_steps")}} diff --git a/files/zh-cn/learn_web_development/extensions/testing/introduction/index.md b/files/zh-cn/learn_web_development/extensions/testing/introduction/index.md index 4d140c750960f8..2c97273f1027b4 100644 --- a/files/zh-cn/learn_web_development/extensions/testing/introduction/index.md +++ b/files/zh-cn/learn_web_development/extensions/testing/introduction/index.md @@ -6,7 +6,7 @@ l10n: sourceCommit: f7856d2fbfadb97180aa651ba6a03820643ea6ec --- -{{LearnSidebar}}{{NextMenu("Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies", "Learn/Tools_and_testing/Cross_browser_testing")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Extensions/Testing/Testing_strategies", "Learn_web_development/Extensions/Testing")}} 本文是对跨浏览器测试的概述,帮助了解什么是跨浏览器测试、常见的问题都有哪些以及应该怎么调试和修复问题。 @@ -164,4 +164,4 @@ l10n: 读完本文后,你应该能够对跨浏览器测试最重要的部分有一个大致的理解。有了这些知识,你现在可以继续并开始学习跨浏览器测试策略了。 -{{NextMenu("Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies", "Learn/Tools_and_testing/Cross_browser_testing")}} +{{NextMenu("Learn_web_development/Extensions/Testing/Testing_strategies", "Learn_web_development/Extensions/Testing")}} diff --git a/files/zh-cn/learn_web_development/getting_started/environment_setup/installing_software/index.md b/files/zh-cn/learn_web_development/getting_started/environment_setup/installing_software/index.md index e6164ac6620ffd..12750d348e0018 100644 --- a/files/zh-cn/learn_web_development/getting_started/environment_setup/installing_software/index.md +++ b/files/zh-cn/learn_web_development/getting_started/environment_setup/installing_software/index.md @@ -6,7 +6,7 @@ l10n: sourceCommit: 33a4048e0f2664db44dd3eeefebeb0c161bda3bb --- -{{LearnSidebar}}{{NextMenu("Learn/Getting_started_with_the_web/What_will_your_website_look_like", "Learn/Getting_started_with_the_web")}} +{{LearnSidebar}}{{NextMenu("Learn_web_development/Getting_started/Environment_setup/Browsing_the_web", "Learn_web_development/Getting_started/Environment_setup")}} 在*安装基础软件*中,我们向你展示了进行简单的 Web 开发需要哪些工具,以及如何正确安装它们。 @@ -44,4 +44,4 @@ l10n: 对于其他的特定项目的工具的更多信息,尤其是对于客户端 Web 开发,参见[理解客户端 Web 开发工具](/zh-CN/docs/Learn_web_development/Extensions/Client-side_tools)指南。 -{{NextMenu("Learn/Getting_started_with_the_web/What_will_your_website_look_like", "Learn/Getting_started_with_the_web")}} +{{NextMenu("Learn_web_development/Getting_started/Environment_setup/Browsing_the_web", "Learn_web_development/Getting_started/Environment_setup")}} diff --git a/files/zh-cn/web/mathml/guides/getting_started/index.md b/files/zh-cn/web/mathml/guides/getting_started/index.md index 9becbbc72ac4c3..6e59c0a118ef2e 100644 --- a/files/zh-cn/web/mathml/guides/getting_started/index.md +++ b/files/zh-cn/web/mathml/guides/getting_started/index.md @@ -4,7 +4,7 @@ slug: Web/MathML/Guides/Getting_started original_slug: Learn/MathML/First_steps/Getting_started --- -{{LearnSidebar}}{{NextMenu("Learn/MathML/First_steps/Text_containers", "Learn/MathML/First_steps")}} +{{LearnSidebar}}{{NextMenu("Web/MathML/Guides/Text_containers", "Web/MathML/Guides")}} 在本文中,我们将使用一个简单的 HTML 文档,了解如何在其中添加 MathML 公式,并顺便介绍一些元素。 @@ -195,8 +195,6 @@ MathML 使用与 HTML 相同的语法来表示元素和属性的树形结构。 本文中,我们介绍了如何使用 `<math>` 元素将数学公式插入 HTML 文档中。我们了解了使用 `display="block"` 和不使用它的 `<math>` 元素之间的渲染差异。此外,我们还介绍了几个其他的 MathML 元素:`<mfrac>` 用于表示分数,`<mrow>` 用于分组,以及一些文本元素。在下一篇文章中,我们将进一步分析这些[文本容器](/zh-CN/docs/Web/MathML/Guides/Text_containers)。 -{{LearnSidebar}}{{NextMenu("Learn/MathML/First_steps/Text_containers", "Learn/MathML/First_steps")}} - ## 参见 - [使用 MathML](/zh-CN/docs/Web/MathML/Authoring#使用_mathml) @@ -205,3 +203,5 @@ MathML 使用与 HTML 相同的语法来表示元素和属性的树形结构。 - [`<mrow>` 元素](/zh-CN/docs/Web/MathML/Element/mrow) - [`math-style` 属性](/zh-CN/docs/Web/CSS/math-style) - [`math-depth` 属性](/zh-CN/docs/Web/CSS/math-depth) + +{{NextMenu("Web/MathML/Guides/Text_containers", "Web/MathML/Guides")}}