HTML学前预热 - 概念补充

45 阅读6分钟

HTML学前预热 - 概念补充

一、什么是浏览器

浏览器是安装电脑当中的软件。

浏览器的作用:

  1. 将网页渲染出来给用户查看。
  2. 能够让用户通过浏览器和网页交互。

现在主流的浏览器:IE、Google、Firefox、Safari、Opera。这五款浏览器是世界上用户量大,使用最多的浏览器。

这五款浏览器的内核(作用:渲染页面)不同。可能相同的代码在不同浏览器渲染出来的效果不同,在这种情况下,我们在开发的时候就需要考虑浏览器的兼容性。

  • IE浏览器内核:Trident
  • Google内核:Webket/Blink
  • Firefox内核:Gecko
  • Safari内核:WebKit
  • Opera内核:Presto

在开发过程中,处理兼容问题时,优先处理这五款主流浏览器兼容问题,其他大部分浏览器都是基于这五款浏览器的内核包装出来的,所以说能够兼容这五款浏览器,就可以兼容大部分浏览器。

二、什么是服务器

服务器是配置比我们家用电脑高的超级计算器,专门用于存储数据且是24小时不关机不断电。访问者可以访问服务器获得服务器上存储的资源。

三、浏览器访问网页原理

我们可以通过下述操作步骤来观察一下浏览器访问网页的原理:

  1. 第一次打开浏览器,系统会在浏览器缓存文件夹下自动生成了一个文件夹,所以我们可以得出,这个文件夹必然和浏览器有一定的关系。
  2. 先删除Internet Cache(浏览器缓存文件夹)下所有文件夹,然后通过浏览器打开百度的首页,打开百度首页之后,发现被删除的文件夹又回来了
  3. 再次删除这些文件夹,发现不能删除,提示被其他应用程序打开,但是当关闭浏览器之后,发现可以删除这些文件夹。

所以综合第2、3点我们可以得出结论,这些系统自动创建的文件夹和被打开的网页有一定的关系。

通过观察发现,这些文件夹存储的内容和网页上的内容有对应关系,这些文件夹我们称之为缓存文件夹,缓存文件夹是专门用于缓存网页数据的文件夹。

结论:

  1. 当我们利用浏览器访问网页时,其实是有真实的物理文件传输的,浏览器会先将网页上的内容缓存到本地文件夹中,然后在渲染出来呈现给用户查看。
  2. 平时我们在上网时会感觉到第二次访问网页会比第一次访问网页要快,就是因为第一次访问时已经将这个网页上的信息缓存到了本地。
  3. 缓存文件夹中除了缓存图片,还缓存了一些.js.css等文件,可以得出一个网页不是一个文件,而是由一堆文件组成,网页越复杂,组成网页的文件越多。

四、浏览器请求数据的过程

HTML-1-1

请求报文:请求行 + 请求头 + 空行 + 请求体

响应报文:响应行 + 响应头 + 响应体

五、什么是URL

URL的完整格式:

例如:https://127.0.0.1:80/index.html

拆解分析:

https://:URL协议类型

127.0.0.1: 服务器IP地址

:80: 服务器的端口号

index.html: 需要访问的资源名称

URL拆分后每个部分的作用:

IP地址和端口号的作用:

  • IP地址相当于现实生活中的地址。端口号相当于现实生活中的门牌号码。
  • 只要将地址和门牌号码结合在一起就可以得到一个详细地址。
  • 我们拿到了一个详细地址,就可以根据这个地址找到对应的位置。
  • 所以服务器IP地址和端口号的作用就是告诉浏览器我们需要访问的那台服务器的详细地址是什么。

资源名称的作用:

当我们通过IP地址和端口号找到对应的服务器以后,根据资源名称告诉服务器,我们需要获取服务器上的哪个资源。

URL中的网络协议作用:

  • http协议:http是Hypertext Transfer Protoco的缩写,超文本传输协议。在我们现实生活中有很多协议,无论是什么协议都有一个共同点,都是用来规范或者约束某一类事物。http协议就是用来规范浏览器和服务器是如何沟通的。

六、其他知识储备

  1. html文件的扩展名是.html

  2. 电脑上的一个文件是可以同时被多个软件打开的,不同的软件打开的可能会有不同的效果。

    • 例如:.html文件通过浏览器打开不可以编辑,通过记事本打开可以编辑。
  3. 什么是纯文本文件?

    • 我们windows电脑上有一款默认安装好的软件记事本,这款软件就是专门用来打开纯文本文件,所以只要能够被记事本打开,并且能够正常显示的文件就是纯文本文件。
    • .html文件可以被记事本打开,并且能够正常显示,所以.html文件就是纯文本文件。

七、什么是HTML

HTML其实是HyperText Markup Language的缩写,超文本标记语言。

HTML的作用:

  • HTML就只有一个作用,他是专门用来描述文本的语意的,我们可以利用HTML来告诉浏览器哪些是标题,哪些是段落。
  • 这些用于描述其他文本语义的文本,我们称之为标签,并且这些描述其他文本语义的标签将来在浏览器中是不会被显示出来的。
  • 所以因为HTML的这些标签是专门用来描述其他文本语义的,并且在浏览器中不会被显示出来,所以我们称这些文本为超文本。而这些文本有叫做标签,所以HTML被称为“超文本标记语言”

注意事项:

  • 虽然我们利用标签描述一段文本,浏览器通过渲染出来的样式不同来区分不同的语义,看上去我们是利用HTML的标签修改了被描述的那段文本的样式,但是HTML只有一个作用:它是专门用来给文本添加语意的,而不是给文本添加样式

参考链接:

W3School官方文档:www.w3school.com.cn