blob: 38440aea8db5986212dc941e0e221cfcca2676f8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
|
---
title: 网页,网站,网络服务器和搜索引擎的区别是什么?
slug: Learn/Common_questions/Pages_sites_servers_and_search_engines
tags:
- 初学者
translation_of: Learn/Common_questions/Pages_sites_servers_and_search_engines
---
<div class="summary">
<p><span class="seoSummary">在本文中我们描述了各种与网络相关的概念:网页,网站,网络服务器,以及搜索引擎。这些概念常被网络新手混淆,或被误用。让我们看看它们到底代指的是什么吧!</span></p>
</div>
<table class="learn-box standard-table">
<tbody>
<tr>
<th scope="row">前提:</th>
<td>了解 <a href="/zh-CN/docs/learn/How_the_Internet_works">互联网是怎么工作的</a></td>
</tr>
<tr>
<th scope="row">目标:</th>
<td>了解网页,网站,网络服务器和搜索引擎间的区别</td>
</tr>
</tbody>
</table>
<h2 id="概述">概述</h2>
<p>正如任何领域的知识一样,网络也有很多的术语。别担心,我们不会把你淹没在这些术语里的(但如果你感兴趣的话,我们也弄了一个<a href="https://developer.mozilla.org/zh-CN/docs/Glossary">术语表</a>)然而,一开始你还是需要了解一些基本概念,因为当你读下去的时候,这些词汇会一再出现。有时候这些概念容易被混淆,因为他们指的是相关但不同的功能。事实上,有时你会见到这些概念在新闻中或者其他地方被误用,所以把他们弄混了也是情有可原的!</p>
<p>随着进一步地探讨,我们将会涵盖这些概念和技术的方方面面,但以下的这些简单定义可以帮助你快速开始:</p>
<dl>
<dt>网页(webpage)</dt>
<dd>一份能够显示在网络浏览器(如Firefox,,Google Chrome,Microsoft Internet Explorer 或Edge,Apple的Safari)上的文档。网页也常被称作"web pages"(网页)或者就叫"pages"(页面)。</dd>
<dt>网站(website)</dt>
<dd>一个由许多组合在一起,并常常以各种方式相互连接的网页组成的集合。网站常被称作"web site"(网站)或简称"site"(站点)。</dd>
<dt>网络服务器(web server)</dt>
<dd>一个在互联网上托管网站的计算机。</dd>
<dt>搜索引擎(search engine)</dt>
<dd>帮助你寻找其他网页的网站,比如Google,Bing,或Yahoo。</dd>
</dl>
<h2 id="自主学习">自主学习</h2>
<p><em>还没有可用的资料。<a href="https://developer.mozilla.org/en-US/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p>
<h2 id="深入探索">深入探索</h2>
<p>所以,让我们深入了解这四个术语是如何相关联的以及为什么有时会相互混淆。</p>
<h3 id="网页">网页</h3>
<p>一份网页文档是交给{{Glossary("浏览器")}}显示的简单文档。这种文档是由{{Glossary("超文本标记语言HTML")}}来编写的(在<a href="https://developer.mozilla.org/en-US/docs/Web/HTML">other articles</a>可查看更多详细内容)。网页文档可以插入各种各样不同类型的资源,例如:</p>
<ul>
<li><em>样式信息</em> — 控制页面的观感</li>
<li><em>脚本</em>— 为页面添加交互性</li>
<li><em>多媒体</em>— 图像,音频,和视频</li>
</ul>
<div class="note">
<p><strong>提示: 浏览器也能显示其他文档,例如</strong>{{Glossary("PDF")}}<strong>文件或图像,但网页(webpage)这一概念专指HTML文档。其他情况我们则只会使用文档(document)这一概念</strong></p>
</div>
<p>网络上所有可用的网页都可以通过一个独一无二的地址访问到。要访问一个页面,只需在你的浏览器地址栏中键入页面的地址。 </p>
<p style="text-align: center;"><img alt="Example of a web page address in the browser address bar" src="https://mdn.mozillademos.org/files/8529/web-page.jpg" style="height: 239px; width: 650px;"></p>
<h3 id="网站">网站</h3>
<p>网站是共享唯一域名的相互链接的网页的集合。给定网站的每个网页都提供了明确的链接—一般都是可点击文本的形式—允许用户从一个网页跳转到另一个网页。</p>
<p>要访问网站,请在浏览器地址栏中输入域名,浏览器将显示网站的主要网页或主页。</p>
<p><img alt="Example of a web site domain name in the browser address bar" src="https://mdn.mozillademos.org/files/8531/web-site.jpg" style="display: block; height: 365px; margin: 0px auto; width: 650px;"></p>
<p><em>当网站只包含一个网页时,网站和网页二者尤其容易弄混。这样的网站有时称之为单页网站(single-page website)。</em></p>
<h3 id="网络服务器">网络服务器</h3>
<p>一个网络服务器是一台托管一个或多个网站的计算机。 "托管"意思是所有的网页和它们的支持文件在那台计算机上都可用。网络服务器会根据每位用户的请求,将任意网页从托管的网站中发送到任意用户的浏览器中。</p>
<p><em>别把</em><em><em>网站和网络服务器弄混了</em>。</em>例如,当你听到某人说:"我的网站没有响应",这实际上指的是网络服务器没响应,并因此导致网站不可用。更重要的是,自从一个网络服务器能够托管多个网站,"网络服务器"这个术语从来都没被用来指定一个网站,因为这可能导致很大的混乱。在上面的例子中,如果我们说,“我的网络服务器没有响应”,这就指的是在那台网络服务器上的所有网页都不可用。</p>
<h3 id="搜索引擎">搜索引擎</h3>
<p>搜索引擎是网络上常见的混乱之源。搜索引擎是一个特定类型的网站,用以帮助用户在其他网站中寻找网页。</p>
<p>搜索引擎数不胜数,有<a href="https://www.google.com/">Google</a>, <a href="https://www.bing.com/">Bing</a>, <a href="https://www.yandex.com/">Yandex</a>, <a href="https://duckduckgo.com/">DuckDuckGo</a>等等。其中有的功能宽泛,有的专注于特定的主题。你可按需使用。</p>
<p>许多网上的初学者将搜索引擎和浏览器混淆了。让我们明确一下:浏览器是一个接收并显示网页的软件,搜索引擎则是一个帮助用户从其他网站中寻找网页的网站。这种混淆之所以出现是因为当一个人打开一个浏览器的时候,浏览器展现的是一个搜索引擎的主页。这有什么意义呢?很明显,因为你打开浏览器要做的第一件事就是去寻找一个网站。不要把基础设施(浏览器)和服务(搜索引擎)混淆。这种区分会对你很有帮助,但是甚至有些专业人员也还把它们说得很宽泛,所以不用对这种区分太过谨慎。</p>
<p>下图是一个火狐浏览器把谷歌搜索框当作它默认开始页面的实际例子:</p>
<p><img alt="Example of Firefox nightly displaying a custom Google page as default" src="https://mdn.mozillademos.org/files/8533/search-engine.jpg" style="display: block; height: 399px; margin: 0px auto; width: 650px;"></p>
<h2 id="下一步">下一步</h2>
<ul>
<li>继续探索: <a href="/zh-CN/docs/Learn/Common_questions/What_is_a_web_server">网络服务器</a></li>
<li>看网页是如何被链接到网站中的:<a href="/zh-CN/docs/Learn/Common_questions/What_are_hyperlinks">理解超链接</a></li>
</ul>
|