HTML相关基本概念（前端小白必读）

前言

2020飞速通过，往者不可谏，来者犹可追。即日为始，全力投入2021。

本篇文章共六部分，主要讲述html学习前必备的六大知识，如下：

1.什么是浏览器

浏览器是安装在电脑里面的一个软件，能够将网页内容呈现给用户查看，并让用户与网页交互的一种软件。

常见主流浏览器：

浏览器市场额分：

主流浏览器只有五个，是因为它们都具有独立的内核，这里作以说明：

浏览器内核：

也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容，以及页面的格式信息。

• IE内核：Trident
• 谷歌内核：Webkit/Blink
• 火狐内核：Gecko
• Safarri内核：WebKit
• 欧朋内核：Presto

正是因为内核不同，所以浏览器才有了兼容问题。

---

2.什么是服务器

1.服务器也是电脑，只不过是比我们家用电脑配置更高的电脑，并且24小时不断电，不关机的计算机。
2.服务器是专门用于储存数据的电脑，访问者可以访问服务器获得存储的资源。
3.服务器一旦关闭，访问者就无法访问。

---

3.浏览器访问页面原理

浏览器请求数据的原理

1.首先我们打开电脑上IE的应用程序，可见，在打开前此程序的根目录文件夹下只有一个应用。

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

综合以上，我们得出一个结论：这些系统自动创建的文件夹和当前被打开的网页有一定的关系。

通过观察：这些文件夹中存储的内容和网页上的内容有对应关系，其实，这些文件夹被称为缓存文件夹，是专门用于存储网页数据的文件夹。

总结：

• 当我们利用浏览器访问网页时候，其实是有真实的物理文件传输的，浏览器会先将网页上的内容缓存到本地文件夹中，然后再渲染出来呈现给用户查看。
• 平时我们在上网时候会感觉到第二次访问同一网页会比第一次快，就是因为第一次访问时已经将这个网页上的信息缓存到了本地。
• 通过观察我们还发现文件夹中除了缓存图片以外还有一些列如：.js .css .html等文件，所以可以得出网页不是一个文件，而是一堆文件，网页越复杂，那么组成这个网页的文件就越多。

浏览器请求数据的过程

大抵如图所示了，在这里说明一下：

• 请求报文：
  请求行+请求头+空行+请求体
• 相应报文：
  相应行+相应头+响应体

---

什么是URL

其实我们在浏览器的地址栏中输入的这个地址就是一个URL

URL的格式：

• http://127.0.0.1/index.html(浏览器会自动添加：80)
• http://127.0.0.1:80/index.html(完整的格式)

URL拆分：

• HTTP：// URL协议
• 127.0.0.1 服务器IP地址
• ：80 服务器的端口号
• index.html 需要访问的资源名称

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

1. IP地址：
   ip相当于我们现实生活中的地址。例如:陕西省西安市长安区
2. 端口号：
   相当于我们现实生活的门牌号码。例如：9栋909室

那么我们发现只要将地址和门牌号码结合在一起就可以得到一个详细地址：

陕西省西安市长安区9栋909室

那么只要我们拿到了一个详细地址是不是就可以根据这个地址找到对应的位置，所以服务器ip地址和端口好的作用就是告诉浏览器我们需要访问的那台服务器的详细地址是什么。

index.htmI作用:

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

---

什么的HTTP协议

• HTTP是Hypertext Transfer Protocol的缩写，超文本传输协议

什么是协议?

在现实生活中有很多的协议,例如租房协议/买卖协议/离婚协议-无论是什么协议他们都是一个共同点，就是用来规范/约束某一类事物。

HTTP协议是用来规范/约束哪一类事物?

HTTP协议就相当于我们让两个人都说中文或者都说英文- -样,就是提前规范两个人之间如何沟通，也就是规范/约束浏览器和服务器之间如何沟通。

沟通问题：

1.沟通最常见的问题就是语言不通，例如中国人和美国人沟通，一个人说中文，一个人说英文，如果两个人都不懂中文或者英文，那么就会出现沟通问题。
2.如果要想解决沟通文件,是不是需要先拟定规定，两个人都说中文，或者两个人都说英文，或者请一个既懂中文又懂英文的翻译。

---

其他知识储备

在Windows系统中如何查看文件的扩展名,默认情况下Windows系统是不显示文件的扩展名的，但是作为一个开发者而言，查看文件的扩展名是我们的必备技能。

• win10:随便打开一个文件夹–> 点击查看–>将文件扩展名的选项勾选上

• html文件的扩展名是.html

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

例如: .html文件通过浏览器打开不可以编辑,通过记事本打开可以编辑。

什么是纯文本文件?

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

.html的文件可以被记事本打开,并且能够正常显示，所以它是一个纯文本文件。

写在最后

一切才刚刚开始，尽快更新。