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

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异步通信(一种请求访问服务器的技术),设定时间不断的和上面一样,向服务器发送请求,服务器接收到请求后,将最新的数据发送到你的电脑,而这个和上面原理基本相似,只不过这种请求只是相当于刷新你网络页面中的“一块”,而不是整个页面刷新浪费服务器下载资源,服务器对相应的这“一块”的访问请求,将最新的数据传输给你,就产生了这种网页实时通讯,但是唯一不好的就是稍微有一定的延迟。

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值