convert to markdown and sync with english version

1 files changed, 23 insertions, 33 deletions

diff --git a/files/zh-cn/web/index.md b/files/zh-cn/web/index.md
index 800c9354d1..bdb97b0057 100644
--- a/files/zh-cn/web/index.md
+++ b/files/zh-cn/web/index.md
@@ -7,40 +7,30 @@ tags:
   - 指南
 translation_of: Web
 ---
-<p>开放的 Web 给予开发者不可思议的机会，想全面的利用这些技术，你需要知道如何使用它们。在下方你会找到相关 Web 技术文档链接。</p>
+开放的 Web 给予开发者不可思议的机会，想全面的利用这些技术，你需要知道如何使用它们。在下方你会找到相关 Web 技术文档链接。
 
-<h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">面向 Web 开发者的文档</h2>
+## 面向 Web 开发者的文档
 
-<dl>
- <dt><a href="/zh-CN/docs/Web/Reference">Web 开发者参考</a></dt>
- <dd>Web 技术的所有参考，包括 HTML、CSS 等等。</dd>
- <dt><a href="/zh-CN/docs/Web/Guide">Web 开发者指导</a></dt>
- <dd>Web 开发者指导提供有用的手把手教学内容帮助你真正地使用 Web 技术做你想做或需要做的。</dd>
- <dt><a href="/zh-CN/docs/Web/Tutorials">面向 Web 开发者的教程</a></dt>
- <dd>一系列教程教你一步一步地学习 APIs、技术或宽广的联想主题。</dd>
- <dt><a href="/zh-CN/docs/Web/Progressive_web_apps">开发 Web 应用</a></dt>
- <dd>面向 Web 应用开发者的文档；Web apps 是真的编写一次，部署各处，例如面向手机、桌面和 Firefox OS 的 apps。</dd>
- <dt><a href="/zh-CN/docs/Mozilla/Add-ons/Code_snippets">代码片段</a></dt>
- <dd>这是实用代码片段（小型代码示例）的速查表，对开发各种 Mozilla 扩展程序的开发者有价值，其中的许多示例可以在 <a href="/zh-CN/docs/XULRunner">XULRunner</a> 应用程序以及实际的 Mozilla 代码本身中使用。</dd>
-</dl>
+- [Web 开发者指导](/zh-CN/docs/Web/Guide)
+  - : Web 开发者指导提供有用的手把手教学内容帮助你真正地使用 Web 技术做你想做或需要做的。
+- [面向 Web 开发者的教程](/zh-CN/docs/Web/Tutorials)
+  - : 一系列教程教你一步一步地学习 APIs、技术或宽广的联想主题。
+- [渐进式 Web 应用（PWAs）](/zh-CN/docs/Web/Progressive_web_apps)
+  - : 渐进式 Web 应用是使用新兴 Web 浏览器 API 和功能以及运用传统渐进增强策略的 Web 应用程序，为跨平台 Web 应用程序带来类似于原生应用程序的用户体验。
 
-<h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">Web 技术参考</h2>
+## Web 技术参考
 
-<dl>
- <dt><a href="/zh-CN/docs/Web/Reference/API">Web APIs</a></dt>
- <dd>囊括 Web 强大脚本能力的每个 API 参考资料， 包括 DOM 、所有相关的 APIs 及可以用来构建 Web 的相关接口。</dd>
- <dt><a href="/zh-CN/docs/Web/HTML">HTML</a></dt>
- <dd>超文本标记语言用来描述和定义一张网页的内容。</dd>
- <dt><a href="/zh-CN/docs/Web/CSS">CSS</a></dt>
- <dd>层叠样式表被用来描述 Web 内容的外表。</dd>
- <dt><a href="/zh-CN/docs/SVG">SVG</a></dt>
- <dd>可缩放矢量图形（Scalable Vector Graphics）使你能够使用一组矢量与形状来描述图片，在显示时可提供无关大小的零失真的平滑缩放。</dd>
- <dt><a href="/zh-CN/docs/Web/MathML">MathML</a></dt>
- <dd>Mathematical 标记语言能让显示复杂的数学公式或语法变得可能。</dd>
-</dl>
-
-<h3 id="Temporary" name="Temporary">暂时性的</h3>
-
-<p>以下内容是暂时性的，是为了帮助开发者追踪组织正在进行的工作，切勿介意。</p>
-
-<div>{{ListSubpages}}</div>
+- [Web APIs](/zh-CN/docs/Web/API)
+  - : 囊括 Web 强大脚本能力的每个 API 参考资料，包括 DOM、所有相关的 APIs 及可以用来构建 Web 的相关接口。
+- [HTML](/zh-CN/docs/Web/HTML)
+  - : 超文本标记语言用来描述和定义一张网页的内容。
+- [CSS](/zh-CN/docs/Web/CSS)
+  - : 层叠样式表被用来描述 Web 内容的外表。
+- [JavaScript](/zh-CN/docs/Web/JavaScript)
+  - : JavaScript 是一种用于为网站增加交互特性的编程语言。
+- [SVG](/zh-CN/docs/Web/SVG)
+  - : 可缩放矢量图形（Scalable Vector Graphics）使你能够使用一组矢量与形状来描述图片，在显示时可提供无关大小的零失真的平滑缩放。
+- [MathML](/zh-CN/docs/Web/MathML)
+  - : Mathematical 标记语言能让显示复杂的数学公式或语法成为可能。
+- [Web Components](/zh-CN/docs/Web/Web_Components)
+  - : Web Components 是允许你在自己的应用中创建和复用的自定义元素。