如何让服务器的网页页面显示,平常浏览器看到的网页页面,是怎么通过网络显示到我们电脑的?-网页页面设置...

本文主要是介绍如何让服务器的网页页面显示,平常浏览器看到的网页页面,是怎么通过网络显示到我们电脑的?-网页页面设置...,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

62d1baa9377555ee7c5a9605207e8fbf.png

上网,对于我们来说现在是日常性东西,没有网络的日子不好过,在线小说,在线小游戏,论坛等等,但是网页的基本原理呢?懂得人,自然懂,不懂的人就很好奇,就像我没有接触这个行业以前,我只知道怎么写网页,比如最简单的,在网页上面显示一句话“Hello world”,当时的第一个会编程的东西吧。

d27164a6b8569106c1bdb26890a4a99a.png

代码

6f6d40e5aaaae67d6cc1b908bda94ce7.png

hello world

但是当时只是基础,没有想太多,最后逐渐会复杂的页面,就一直一个疑问,我自己写的页面在本地,我自己可以看到,那网上浏览的网页究竟怎么制作的?怎么输入指定的网址,就能准确的打开这个页面?这个网页到底保存在什么地方?

最后我才知道服务器这个东西。

在网页是否可以在网上是否能展示出来至关重要。

服务器,指的是网络环境下为客户提供某种服务的计算机,而网站所使用的的服务器是WEB服务器,也称之为www服务器,主要的功能就是提供网络浏览服务。让网络用户访问并下载它里面东西,所以做好的网页都是放在服务器上面的。而网页是怎么从服务器中显示到你的电脑呢?这需要几步:

第一:输入网址请求:

浏览器中,你在网址栏输入网址,通过网络首先传输给DNS服务器,这个是干什么的呢?

所谓的DNS服务器就是用来解析网站域名(网址)的服务。就好像,IP是一台计算机的在网络中的名字,是在网络中独一无二的,而DNS服务就是把这个网址翻译成IP,然后IP知道了,就知道名字了,如www.baidu.com被翻译成IP:202.108.22.5,我知道了名字了,然后顺着名字找到了这个IP为:202.108.22.5的计算机(也就是网络服务器),从而指定了特定的方向,所以你输入网址就会显示出相应的网页。

第二、发送服务请求

上面说过了,找到了这个网址在网络中的计算机(服务器),然后DNS服务器把我们电脑的IP发送的访问请求发给相对应的网络计算机(服务器),告诉它我要访问你的计算机,而目标服务器会确认并接受你的访问请求,如果在当时的目标服务器带宽足够,有余力接待你,那么就会给你发送网页的内容,如果没有余力就好像,你来我家,我家中只能站4个人,已经来了四个,站不下了,你根据我的名字找到我家,可是站不住,我就不能接待你一样。

第三、接收数据,显示

通过上面已经找到相应的网络计算机(服务器),它接收了请求,则会通过网络给你传输网页需要显示的内容,代码文件、图片、视频等等所需要显示的东西,而咱们自己使用的电脑接收这些数据并保存在本地的一个网络临时文件夹,通过浏览器翻译,将相应的代码翻译并排版成可以看的网页内容。

所以可以看得出来,网页所呈现的并不是实时的内容,而是通过http(超文本传输协议)达成一瞬间的协议,而从服务器获取到的数据,而当你刷新这个页面时候,就需要重新下载,所以对于一些有时候缺失文件或者相应代码的网页,使用或者看不成时候,就会刷新。

84b9e3626781395a3eed60532fc5776a.png

当然还有人肯定有些疑问,那么网页上面的一些实时消息是怎么实现的呢?前面说过,当页面访问服务器时候,下载相应的文件,才能显示,那是不是实时消息这也网页在不停的刷新页面,比如邮箱新邮件提醒,网上聊天?

这个说法在原理上是没有错的,但是不全面,因为你想,你重新访问一次,可以得到服务器里面最新的数据文件,这样做,服务器会每次给你下载全部的文件,很是浪费资源,而对于我们所看到的网页来说,实时消息所起到的变化是一个数字?、一个“有新消息”的提醒、或者就像网络聊天那种直接弹出来发送过来的消息的方式,那这样网页的排版还有一些东西就不用变化了?所以就出现了一种服务,和上面的原理是一样的,就是通过AJAX异步通信(一种请求访问服务器的技术),设定时间不断的和上面一样,向服务器发送请求,服务器接收到请求后,将最新的数据发送到你的电脑,而这个和上面原理基本相似,只不过这种请求只是相当于刷新你网络页面中的“一块”,而不是整个页面刷新浪费服务器下载资源,服务器对相应的这“一块”的访问请求,将最新的数据传输给你,就产生了这种网页实时通讯,但是唯一不好的就是稍微有一定的延迟。

这就是全部的原理,你怎么从你的浏览器通过上网输入网址,查看浏览相应的网页了。

想知道可以观看的网页,是通过怎么样的加工翻译显示出来的吗?

关注我们,下个文章告诉你。

这篇关于如何让服务器的网页页面显示,平常浏览器看到的网页页面,是怎么通过网络显示到我们电脑的?-网页页面设置...的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/313664

相关文章

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

闲置电脑也能活出第二春?鲁大师AiNAS让你动动手指就能轻松部署

对于大多数人而言,在这个“数据爆炸”的时代或多或少都遇到过存储告急的情况,这使得“存储焦虑”不再是个别现象,而将会是随着软件的不断臃肿而越来越普遍的情况。从不少手机厂商都开始将存储上限提升至1TB可以见得,我们似乎正处在互联网信息飞速增长的阶段,对于存储的需求也将会不断扩大。对于苹果用户而言,这一问题愈发严峻,毕竟512GB和1TB版本的iPhone可不是人人都消费得起的,因此成熟的外置存储方案开

AI绘图怎么变现?想做点副业的小白必看!

在科技飞速发展的今天,AI绘图作为一种新兴技术,不仅改变了艺术创作的方式,也为创作者提供了多种变现途径。本文将详细探讨几种常见的AI绘图变现方式,帮助创作者更好地利用这一技术实现经济收益。 更多实操教程和AI绘画工具,可以扫描下方,免费获取 定制服务:个性化的创意商机 个性化定制 AI绘图技术能够根据用户需求生成个性化的头像、壁纸、插画等作品。例如,姓氏头像在电商平台上非常受欢迎,

服务器集群同步时间手记

1.时间服务器配置(必须root用户) (1)检查ntp是否安装 [root@node1 桌面]# rpm -qa|grep ntpntp-4.2.6p5-10.el6.centos.x86_64fontpackages-filesystem-1.41-1.1.el6.noarchntpdate-4.2.6p5-10.el6.centos.x86_64 (2)修改ntp配置文件 [r

W外链微信推广短连接怎么做?

制作微信推广链接的难点分析 一、内容创作难度 制作微信推广链接时,首先需要创作有吸引力的内容。这不仅要求内容本身有趣、有价值,还要能够激起人们的分享欲望。对于许多企业和个人来说,尤其是那些缺乏创意和写作能力的人来说,这是制作微信推广链接的一大难点。 二、精准定位难度 微信用户群体庞大,不同用户的需求和兴趣各异。因此,制作推广链接时需要精准定位目标受众,以便更有效地吸引他们点击并分享链接

第10章 中断和动态时钟显示

第10章 中断和动态时钟显示 从本章开始,按照书籍的划分,第10章开始就进入保护模式(Protected Mode)部分了,感觉从这里开始难度突然就增加了。 书中介绍了为什么有中断(Interrupt)的设计,中断的几种方式:外部硬件中断、内部中断和软中断。通过中断做了一个会走的时钟和屏幕上输入字符的程序。 我自己理解中断的一些作用: 为了更好的利用处理器的性能。协同快速和慢速设备一起工作

电脑桌面文件删除了怎么找回来?别急,快速恢复攻略在此

在日常使用电脑的过程中,我们经常会遇到这样的情况:一不小心,桌面上的某个重要文件被删除了。这时,大多数人可能会感到惊慌失措,不知所措。 其实,不必过于担心,因为有很多方法可以帮助我们找回被删除的桌面文件。下面,就让我们一起来了解一下这些恢复桌面文件的方法吧。 一、使用撤销操作 如果我们刚刚删除了桌面上的文件,并且还没有进行其他操作,那么可以尝试使用撤销操作来恢复文件。在键盘上同时按下“C

如何在页面调用utility bar并传递参数至lwc组件

1.在app的utility item中添加lwc组件: 2.调用utility bar api的方式有两种: 方法一,通过lwc调用: import {LightningElement,api ,wire } from 'lwc';import { publish, MessageContext } from 'lightning/messageService';import Ca

Linux 网络编程 --- 应用层

一、自定义协议和序列化反序列化 代码: 序列化反序列化实现网络版本计算器 二、HTTP协议 1、谈两个简单的预备知识 https://www.baidu.com/ --- 域名 --- 域名解析 --- IP地址 http的端口号为80端口,https的端口号为443 url为统一资源定位符。CSDNhttps://mp.csdn.net/mp_blog/creation/editor

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问