一、认识网页
HTML就是用来制作网页文件的。
浏览器查看的网页都是.html或.htm文件
HTML叫做超文本标记语言(Hypertext Markup Language),用于搭建网页的结构。
网页的组成
前端三层:HTML(结构层,用于搭建网页的结构框架)、css(样式层,用于美化网页结构)、JavaScript(行为层,用于制作网页中的交互效果,例如用户点击效果,页面切换效果等)。
除了前端三层技术,网页还包括其他多媒体内容:图片、视频、音频、超级链接等
值得说的是,所有的网页文件都是真实的、物理存在的文件。类似于在本地的计算机里面存储一张图片时是真实地存储在计算机中的,互联网制作的网页也是真实存在在互联网的。
思考:这些网页文件是如何通过互联网提供用户观看使用的? 这就要说到互联网的运行过程。
二、互联网原理
互联网运行过程:程序员将网页源文件上传到服务器进行存储,用户后期通过客户端(如浏览器软件)发送HTTP请求到服务器,服务器接收请求后进行响应,将存储的相关文件通过HTTP响应回传到用户本地客户端,最终通过客户端将网页文件进行渲染,显示出最终用户看到的网页效果。
其中涉及到三个主体内容,分别是:客户端,服务器和HTTP协议。
服务器
服务器(server),就是一种特殊的计算机(与我们平时使用的计算机本质是一样的),也包括处理器、硬盘、内存、系统总线等,但是由于需要提供更可靠的服务,因此在处理能力、稳定性、可靠性、安全性等方面要求较高(因此比我们普通的计算机配置要高很多)。
作用:对于WEB来讲,用于存储开发人员上传的网页数据,包括HTML,CSS,以及一些多媒体的图片、音视频等,且需要响应服务请求,并进行处理。 要求:普通计算机不使用时可进行关机,但是对于网站服务器来说,为了让用户随时进行访问,必须24小时不间断工作。
现阶段我们使用的服务器已经越来越多的向云服务器进行发展了。
云服务器
目前绝大多数网站都采用的是云服务器(Elastic Compute Service, ECS),云服务器是一种简单高效、 安全可靠、处理能力可弹性伸缩的计算服务。其管理方式比物理服务器更简单高效。用户无需提前购买硬件,即可迅速创建或释放任意多台云服务器。
对于服务器的主要作用记住一点:用于存储网页的相关文件。这是它在互联网传输中的一个主要功能。
客户端
客户端(Client)也叫用户端,指的是普通用户使用的终端,客户端有多种形式,比如最常用的就是浏览器、app等,而web开发最主要的客户端形式还是浏览器。所以下面介绍一下浏览器:
浏览器
浏览器(Browser),是一种用户上网搜索、查看信息资源的应用程序。
浏览器功能(三个):用于发送HTTP请求到服务器,接收服务器发回的HTTP响应,渲染HTML网页最终展示给用户。
主流浏览器
主流的Web页面浏览器有:微软的IE和Microsoft Edge、Mozilla的Firefox、苹果公司的Safari、 Google的Chrome及Opera软件公司的Opera。
主流浏览器有五个,上面图中展示了六个是因为IE和Edge浏览器都是属于微软公司的,可以统称它们为IE浏览器。
主流浏览器内核
浏览器之间的不同最主要得区别是使用的解析内核不同。
因为不同浏览器使用内核及所支持的HTML等网页语言标准不同,对网页的渲染效果会有差异。
通过上面的对比,推荐:使用Chrome浏览器。(渲染效果好、市场占有率高、自带开发者调试工具)
最后再强调一下浏览器的功能:
作用1:发送HTTP请求,发送的方式是在浏览器地址栏输入对应网址,或者点击超级链接。
作用2:接收服务器发回的HTTP响应,服务器会发回一个HTML给浏览器。
作用3:将接收到的HTML进行解析并显示。
HTTP协议
Hypertext Transfer Protocol:超文本传输协议。是客户端浏览器或其他程序与WEB服务器之间的应用层通信协议。包含两个部分:HTTP请求和HTTP响应。
HTTP请求
英文是request请求,浏览器根据网址向对应的服务器发送请求。
发起请求的方法:在浏览器地址栏中输入网址,或者点击网址链接。
HTML页面解析过程中,会发出多个http 请求,包含网页的图片、视频、音频等 文件请求。一个网页中对应了很多物理文件,每一个文件都会对应一个HTTP请求,即,在发送HTTP请求时,有多个请求会同时进行发送,当然响应时是有先后顺序的。
HTTP响应
响应:response,服务器根据请求响应 一个HTML文件,将HTML传输给客户端, 在浏览器中进行HTML网页的渲染。
渲染过程中,加载到要求去添加某一个图片或者音频视频时,会再次发送对应的HTTP请求,就继续会响应文件过来,所以说,这个过程是一环套一环的。