sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

网络是如何工作的:了解网页、网站和搜索引擎

Share

Time:

2022-05-17 11:13:52

Author:

素马

 

使用互联网已经是我们的第二天性。无论是向度娘提问还是浏览社交媒体,我们都会不假思索地拿起我们的小工具并在网上冲浪。

 

互联网拥有超过46.6亿活跃用户,其中大部分将其用于即时通讯、电子邮件和社交网络。电子商务也很受欢迎,有超过20亿人参与在线购物。

 

作为Web开发人员,了解万维网的内部运作方式非常重要——或者至少了解它的基本原理。了解用户请求的传递方式有助于创建具有简洁代码的健壮网站,尤其是如果您是后端Web开发人员。

 

定义网络术语

这个过程是技术性的和复杂的。根据发送的命令,必须发生许多不同的事件组合才能使一切顺利进行。

 

但在深入研究之前,我们需要定义一些术语:

 

客户端——连接到互联网并将用户请求发送到服务器的应用程序。它将用户交互翻译成接收端理解和处理的语言。尽管它在技术上仅指Web浏览器或应用程序,但可以将整个计算机或移动设备视为客户端。

 

服务器——在将请求发送回网站或Web应用程序的前端之前接受并执行请求的机器。服务器与客户端一样,具有唯一的IP地址。不同类型的服务器包括Web服务器、应用程序服务器、数据库服务器等。

 

IP地址——互联网协议地址。一组独特的数字,用于识别计算机、服务器和路由器。通过TCP/IP协议软件转换为物理地址。

 

TCP/IP——传输控制协议/互联网协议。两种产品协同工作以保护互联网上的数据交换。TCIP涉及在客户端和服务器之间建立稳定的连接,而IP是发送数据的标准方法。

 

ISP——互联网服务提供商。将客户端连接到服务器,反之亦然。它通过提取您正在访问的网站的IP地址来实现。

 

DNS——域名系统。对域名及其对应的IP地址进行排序和存储的数据库。最好被描述为“互联网电话簿”。

 

URL——统一资源定位器。也称为网址。完整的URL包含网站协议(HTTP或HTTPS)、域名和路径(如果适用)。

 

域名——包含网站名称和TLD的URL部分。通常是用户进入网站主页的唯一URL段。

 

TLD——顶级域。URL中显示网站的地理位置、目的或所有者的部分。最常见的TLD包括.com、.org、.net、.edu和.gov。

 

路径——用户想要在网站上访问的特定文件。它并不总是在URL中可见。

 

HTTP——超文本传输协议。使用户能够使用超文本消息与网页元素进行交互。它决定了请求在客户端的结构以及服务器如何响应它们。

 

HTTPS——安全的超文本传输协议。使用加密协议来防止数据拦截和盗窃的HTTP版本。常用于银行网站。

 

一切如何运作

现在您已经了解了术语,让我们继续解释Web的工作原理。

 

当用户在浏览器中输入URL时,这一切都开始了。通常,人们只输入网站的域名(例如,“sumaart.com”)。

 

有时,浏览器会显示包含协议和路径的完整URL。如果TLD之后没有任何内容,浏览器将显示网站的主页。

 

在后台,DNS在从服务器请求数据之前将域名与其IP地址进行匹配。

 

数据通过适当的协议(HTTP或HTTPS)发送,在显示网页之前由浏览器解析。换句话说,客户端扫描并分析HTML文件以确定应该加载哪些内容。

 

请注意,浏览器会解析所有资产并根据需要向服务器发送其他请求。在分析数据包之后,浏览器构建一个DOM(文档对象模型)树来映射它如何显示嵌入在代码中的不同对象。

 

HTML与CSS(级联样式表)和JavaScript一起加载,以使网页更具视觉吸引力和动态性。

 

服务器可以发送预先生成的HTML页面,但也可以对它们进行编程以响应特定的请求和提示。例如,如果用户点击广告,服务器可以显示个性化的登录页面以增强用户体验。

 

综上,大体流程如下:

(1)用户键入URL

(2)浏览器与IPS通信

(3)DNS服务器将域名转换为其IP地址

(4)IP地址被发送到浏览器

(5)在浏览器和Web服务器之间建立连接

(6)浏览器向服务器发送请求

(7)数据包从服务器发送到客户端

(8)浏览器解析响应

(9)资产已加载

(10)该网站已显示

网页、网站和搜索引擎

 

总结一下,我们将区分网页和网站,并讨论搜索引擎。

 

顾名思义,网页是包含脚本、媒体和样式信息的单个文档。有两种类型的网页:静态网页和动态网页。

 

静态页面专门使用HTML编写,因为它为每个访问者显示相同的内容。另一方面,动态网页利用多种编程语言和数据库来允许用户交互和定制。

 

网站是相互关联的网页的集合。静态和动态网站遵循与上述相同的定义。

 

显然,静态网站更容易和更快地构建,尽管它们更难扩展。它们适用于只需要几个网页且纯粹提供信息的网站。

 

同时,动态网站提供了更大的灵活性。从长远来看,它们更容易维护和优化网页排名。搜索引擎通常偏爱动态网站,因为它们可以提供更好的用户体验并且有更多的索引内容。

 

搜索引擎,如Google、baidu,是专门为根据搜索组织和查找网页而编码的网站。对于网站所有者来说,它是网络中决定或破坏在线成功的关键部分。

 

要在baidu的搜索结果页面上获得良好的排名,您的网站必须适合移动设备、速度快、结构良好且安全。

 

 

与素马设计合作构建世界级网站

 

没有什么能比得上经验丰富的Web开发人员和设计师的专业风格。与素马设计联系以获取可转换的强大而美观的网站。