Web 和 Web标准

这篇文章提供了一些有用的 Web 背景知识——它是如何产生的，什么是 Web 标准技术，它们是如何协同工作的，为什么“ Web 开发人员”是一个很好的职业选择，以及您将在本课程中学习哪些最佳做法。

在20世纪60年代末期，美国军方开发了一个名为 ARPANET 的通信网络。这可以认为是 Web 的先驱，因为它基于 分组交换（ packet switching） 进行工作，并且首次实现了 TCP/IP协议族（TCP/IP protocol suite） 。这两种技术构成了互联网基础设施的基础。

1980 年，Tim Berners-Lee （通常称之为 TimBL ）写了一个叫 ENQUIRE 的笔记本程序，这个程序实现了不同节点之间链接的概念。听起来有点熟悉对吧？

快进到 1989 年， TimBL 在 CERN 撰写了 《Information Management: A Proposal》 和 《HyperText》 ； 这两个出版物共同为 Web 将如何工作做了铺垫。两个出版物获得了极大的关注，这足以说服TimBL的上司让他继续前进，并创建一个全球超文本系统。

到 1990 年底，TimBL 已经创建了运行第一个版本的 Web 所需的所有东西—— HTTP ， HTML ，名为 WorldWideWeb 的第一个 Web 浏览器，一个 HTTP 服务器和一些用于查看的网页。

在随后的几年中，随着多个浏览器的发布，数以千计 Web 服务器的建立，上百万网页的生成， Web 爆发式发展。OK，这只是对事件非常粗略的描述，但我向您说过会简单叙述。

最后一个值得分享的重要事件在1994年，TimBL建立了万维网联盟（ World Wide Web Consortium ，W3C ） ，该组织汇集了来自许多不同技术公司的代表，共同制定 Web 技术规范。随后其他的技术像 CSS 和 JavaScript 出现了， Web 开始看起来更像我们现在所了解的 Web 。

Web 标准是我们用来建立 Web 网站的技术。这些标准存在于名为规范的较长的技术文档中，该文档详细说明了技术应如何工作。这些文档对于学习如何使用它们所描述的技术并不是很有用 （这就是我们建立像MDN Web Docs这样的网站的原因），而是旨在供软件工程师用来实现这些技术（通常在 Web 浏览器中）。

例如， HTML Living Standard 描述了应如何实现 HTML （所有 HTML 元素及其关联的 API 和其他相关技术）。

Web 标准是由标准机构创建的——这些机构邀请不同技术公司的人员聚集在一起，并就如何以最佳方式实现所有用例达成共识。W3C是最著名的 Web 标准组织，但还有其他组织，例如WHATWG（负责 HTML 语言的现代化），ECMA（发布基于 JavaScript 的ECMAScript标准），Khronos（发布3D图形技术，例如 Web GL）等。

Web 标准的关键方面之一， TimBL 和 W3C 从一开始就认同的一点， Web （和 Web 技术）应该自由的贡献和使用，并且不受专利/许可的约束。因此，任何人都可以编写代码免费建立网站，并且任何人都可以为编写规范的标准创建过程做出贡献。

由于 Web 技术是开放的，因此在许多不同公司之间的协作中，这意味着没有一家公司可以控制它，这确实是一件好事。 您不会希望任何一家公司突然决定将整个 Web 置于付费壁垒之后，或者发布每个人都必须购买以继续制作网站的新版 HTML ，或者更糟糕的是，仅仅将他们不再感兴趣的网站关闭。

这一点允许 Web 保持免费可用，使其成为公共资源。

关于开放式 Web 标准，您将听到的另一句话是“不要破坏 Web ”——这句话是说，引入的任何新 Web 技术都应向后兼容以前的版本（即旧网站仍将继续工作），并向前兼容（将未来的技术与我们目前拥有的技术兼容）。在阅读此处介绍的学习材料时，您将开始学习如何通过一些非常精妙的设计和做法来实现这一点。

如果您正在寻找工作，网络行业是一个非常有吸引力的市场。 最新公布的数据表明，目前全球大约有 1900 万网络开发人员，并且这个数字在接下来的十年中将增长两倍以上。 同时，该行业存在技能短缺的问题，那么还有什么更好的时间来学习 Web 开发呢？

然而，这并不仅仅是娱乐或者游戏——建立网站比以前要复杂得多，并且您必须花一些时间来研究要用到的所有不同的技术，所有您需要了解的技巧和最佳的技术做法，以及所有需要实现的典型模式。真正起步需要花几个月的时间，然后您需要继续学习，继续练习和完善自己的技术，以使您的知识与 Web 平台上出现的所有新工具和功能步调一致。

唯一不变的就是变化。

这听起来很难？ 不用担心——我们致力于为您提供入门所需的一切，事情将会变得更加轻松。 一旦您适应了网络的不断变化和不确定性，您将开始享受乐趣。 作为 Web 社区的一员，您将拥有整个 Web 的联系人和有用的资料来帮助您，并且您将开始享受它所带来的创造的可能性。

你现在是数字创意家了。享受这种体验和谋生的可能性吧。

如果您想成为前端 Web 开发人员，可以学习多种技术。 在本节中，我们将简要描述它们。 有关其中某些功能是如何协同工作的详尽说明，请阅读我们的文章 Web 是如何工作的 。

您可能此刻正在 Web 浏览器中阅读这些文字（除非您已将其打印出来，或正在使用辅助技术，例如屏幕阅读器将其读给您听）。 Web 浏览器是人们用来浏览 Web 的软件程序，包括 Firefox 、Chrome、Opera、Safari 和 Edge.

超文本传输协议（ Hypertext Transfer Protocol ， HTTP），它允许 Web 浏览器与 Web 服务器（存储网站的位置）进行通信。 典型的通信就像这样

HTTP消息（称为请求和响应）的实际语法不是人类可读的，但这个例子为您提供了基本概念。

HTML ， CSS ，和 JavaScript 是您用来建立网站的三种主要技术：

超文本标记语言（ HTML ）是一种标记语言，由可以包装（标记）内容以赋予其含义（语义）和结构的各种元素组成。简单的 HTML 看起来像这样：

如果我们采用房屋建筑类比的话， HTML 就像房屋的地基和墙壁一样，赋予房屋结构并将其结合在一起。

级联样式表（ Cascading Style Sheets ， CSS ）是一种基于规则的语言，用于将样式应用于 HTML ，例如，设置文本和背景颜色，添加边框，设置动画效果或以某种方式布置页面。 作为一个简单的示例，以下代码会将我们的 HTML 段落变为红色：

在房屋类比中， CSS 就像用来使房屋看起来更漂亮的油漆，墙纸，地毯和油画。

从动态样式切换到从服务器获取更新，再到复杂的 3D 图形， JavaScript 是我们用来向网站添加交互性的编程语言。以下简单的 JavaScript 将在内存中存储对我们段落的引用，并更改其中的文本：

在房屋类比中， JavaScript 就像炊具，电视，微波炉或吹风机，这些东西为您的房屋提供了有用的功能。

一旦了解了可用于构建网页的“原始”技术（例如 HTML ， CSS 和 JavaScript ），您很快就会发现各种可用于使工作更轻松或更有效的工具。 例如：

HTML ， CSS 和 JavaScript 是前端（或客户端）语言，这意味着它们由浏览器运行以生成用户可以使用的网站前端。

还有另一类语言，称为后端（或服务器端）语言，这意味着它们先在服务器上运行，然后再将结果发送到浏览器进行显示。 服务器端语言的一种典型用法是从数据库中获取一些数据并生成一些 HTML 以包含该数据，然后再将 HTML 发送给浏览器以将其显示给用户。

服务器端语言的例子包括 ASP.NET ， Python ， PHP 和 NodeJS 。

我们已经简要讨论了用于构建网站的技术。现在，让我们讨论应该采用的最佳做法，以确保以最佳方式使用这些技术。

在进行 Web 开发时，不确定性的主要原因来自以下实际情况：您不知道每个用户将使用哪类技术条件来查看您的网站：

因为您不完全知道用户将使用什么，所以您需要进行防御性设计——使您的网站尽可能灵活，以便上述所有用户都可以使用它，即使他们可能得到并不完全相同的体验。简而言之，我们正在努力使所有人都能使用 Web 。

在学习的某些时候，您将遇到以下概念。