---
title: Web 开发
slug: Web_Development
translation_of: Web/Guide
translation_of_original: Web_Development
---
<p><strong>Web 开发</strong> 包括开发网站和Web应用程序的方方面面。</p>
<p>在本文中，您将学到创建从简单到复杂的Web站点、使用最新Web技术的高度互动的网站。</p>
<table class="topicpage-table">
 <tbody>
  <tr>
   <td>
    <h2 class="Documentation" id="文档主题">文档主题</h2>
    <h3 id="技术">技术</h3>
    <dl>
     <dt>
      <a class="internal" href="/zh-CN/docs/Web_Development/Introduction_to_Web_development" title="zh-CN/docs/Web Development/Introduction to Web development">Web 开发介绍</a></dt>
     <dd>
      一份介绍怎样开发进行Web开发的指南。</dd>
     <dt>
      <a class="internal" href="/zh-CN/docs/HTML" rel="internal">HTML</a></dt>
     <dd>
      超文本标记语言是创建网页和其他显示在浏览器的文档的基础语言。</dd>
     <dt>
      <a class="internal" href="/zh-CN/docs/CSS" rel="internal">CSS</a></dt>
     <dd>
      层叠样式表的强大功能能使您在 Web 上安排布局和页面设计。</dd>
     <dt>
      <a class="internal" href="/zh-CN/docs/JavaScript" rel="internal">JavaScript</a></dt>
     <dd>
      JavaScript 是最常用的 Web 应用程序开发的脚本语言；它也用于开发基于 Mozilla 的软件。</dd>
     <dt>
      <a class="internal" href="/zh-CN/docs/DOM" rel="internal">DOM</a></dt>
     <dd>
      文档对象模型是一个 HTML 和 XML 文档的 API，其提供了一个结构化的文档表示以供修改它的可见表示。</dd>
     <dt>
      <a class="internal" href="/zh-CN/docs/AJAX" rel="internal">AJAX</a></dt>
     <dd>
      AJAX（异步的 JavaScript 与 XML 技术）并非一种技术，而是这两种技术的组合应用；通过 JavaScript 和其他时髦的 Web 技术共同创建动态 Web 应用程序。</dd>
     <dt>
      <a class="internal" href="/zh-CN/docs/XHTML" title="zh-CN/docs/XHTML">XHTML</a></dt>
     <dd>
      可扩展的超文本标记语言是一个基于 XML 的类 HTML 语言，同 HTML 相比其语法更加严格。</dd>
     <dt>
      <a class="internal" href="/zh-CN/docs/SVG" rel="internal">SVG</a></dt>
     <dd>
      可缩放矢量图形是一个描述二维矢量图形的 XML 标记语言。</dd>
    </dl>
    <h3 id="策略">策略</h3>
    <dl>
     <dt>
      <a class="internal" href="/zh-CN/docs/Web_Standards" title="en-US/docs/Web Standards">Web 标准</a></dt>
     <dd>
      了解如何使你的网站或者应用程序通过开放 Web 标准，兼容最大多数用户的访问。</dd>
     <dt>
      <a href="/zh-CN/docs/Web_Development/Responsive_Web_design" title="zh-CN/docs/Web development/Responsive Web design">响应性 Web 设计</a></dt>
     <dd>
      使用 CSS 在所有硬件平台上呈现相同内容，从手机到宽屏、高分辨率的桌面显示器。</dd>
     <dt>
      <a href="/zh-CN/docs/Web_development/Writing_forward-compatible_websites" title="Writing forward-compatible websites">编写向前兼容的网站</a></dt>
     <dd>
      建立即使浏览器更新也不会出现问题的网站的最佳实践。</dd>
     <dt>
      <a href="/zh-CN/docs/Web_Development/Mobile" title="/en-US/docs/Web development/Mobile">移动 Web 开发</a></dt>
     <dd>
      通过一些与面向桌面浏览器开发完全不同的独特方法，来开发面向移动设备的网站。</dd>
     <dt>
      <a class="internal" href="/zh-CN/docs/Mozilla_Web_Developer_FAQ" title="en-US/docs/Mozilla Web Developer FAQ">Mozilla Web 开发者常见问题解答</a></dt>
     <dd>
      Web开发者经常提的一些问题。当然还有答案喽！</dd>
    </dl>
    <p><span class="alllinks"><a href="/zh-CN/docs/tag/Web_Development" title="zh-CN/docs/tag/Web_Development">查看更多...</a></span></p>
   </td>
   <td>
    <h2 class="Community" id="社区">社区</h2>
    <ul>
     <li><a class="external" href="http://hacks.mozilla.org" title="http://hacks.mozilla.org">Mozilla Hacks 博客（英文）</a></li>
     <li><a class="external" href="http://www.whatwg.org/" rel="external nofollow" title="http://www.whatwg.org/">WHAT 工作组</a></li>
     <li><a class="external" href="http://webdevfeedhouse.com/" rel="external nofollow" title="http://webdevfeedhouse.com/">WebDev FeedHouse（英文）</a></li>
    </ul>
    <h2 class="Tools" id="工具">工具</h2>
    <ul>
     <li><a href="/zh-CN/docs/Tools" title="zh-CN/docs/Tools">主要工具</a></li>
     <li><a class="link-https" href="https://addons.mozilla.org/zh-CN/firefox/addon/1843" rel="external nofollow" title="https://addons.mozilla.org/zh-CN/firefox/addon/1843">Firebug 扩展</a></li>
     <li><a class="link-https" href="https://addons.mozilla.org/zh-CN/firefox/addon/60" rel="external nofollow" title="https://addons.mozilla.org/zh-CN/firefox/addon/60">Web Developer 扩展</a></li>
     <li><a href="/zh-CN/docs/Venkman" rel="internal">Venkman</a>，一款 JavaScript 调试器</li>
     <li><a href="/zh-CN/docs/DOM_Inspector" rel="internal" title="zh-CN/docs/DOM Inspector">DOM 查看器</a></li>
     <li><a href="/zh-CN/docs/Tools/Scratchpad" title="zh-CN/docs/Tools/Scratchpad">暂存器</a></li>
    </ul>
    <p><span class="alllinks"><a href="/zh-CN/docs/tag/Web_Development:Tools" title="zh-CN/docs/tag/Web_Development:Tools">查看更多...</a></span></p>
   </td>
  </tr>
 </tbody>
</table>
<p> </p>
<p>{{ languages( { "de": "de/Webentwicklung", "en": "en/Web_Development","es": "es/Desarrollo_Web", "fr": "fr/D\u00e9veloppement_Web", "it": "it/Sviluppo_Web", "ja": "ja/Web_Development", "pl": "pl/Programowanie_WWW" } ) }}</p>