1.HTML基础知识

这是我跟随bilibili-李江南的视频学习总结，希望可以给学习前端的大家提供帮助：

目录

HTML-基础

什么是浏览器

什么是服务器

访问网页原理

什么是URL

什么是HTML协议

认识HTML

HTML的作用

HTML发展史

---

HTML-基础

什么是浏览器

安装在电脑中的软件：浏览器（内核）、ie(Trident)、chrome(优化后Webkit产生了Blink)、firefox(Gecko)、safari(Webkit)

将网页渲染出来让用户查看    

让用户和网页进行交互

什么是服务器

    服务器也是电脑，比我们电脑配置更高，24小时不断电，不关机

    服务器是专门用于存储数据的电脑，访问者可以获得服务器上存储的资源

    服务器关一旦关机访问者就无法使用

  
访问网页原理

当我们利用浏览器访问网页时，其实是有真是的物理文件传输的，浏览器会先将网页上的内容缓存到本地文件夹中，然后再渲染出来呈现给用户查看

平时我们再上网时会感觉到第二次访问网页会比第一次访问网页要快，就是因为第一次访问时已经将这个网页上的信息缓存到了本地

通过观察我们还发现缓存文件夹中除了缓存图片以外还缓存了一些：例如：JS、CSS、HTML等文件，所以可以得出一个网页不是一个文件，而是一堆文件。网页越复杂那么组成这个网页的文件就越多

 

1.发送“请求报文” ->2.服务器处理浏览器请求->3.将处理结果返回给浏览器->4.发送“响应报文”->5.解析浏览器返回的内容呈现给用户

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

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

 

general普通的   Response Headers 响应头  Request Headers 请求头

什么是URL

在浏览器地址栏中输入的地址就是URL

非真实URL：http://127.0.0.1/index/html(浏览器会自动添加:80)

真实的地址是：https://127.0.0.1:80/index.html

URL拆分

http://  URL协议类型

127.0.0.1 服务器IP地址

:80 服务器的端口号

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

URL拆分后每个部分的作用

IP地址和端口号

其实IP地址相当于我们生活中的地址：eg:陕西省西安市灞桥区

端口号相当于我们生活中的门牌号：eg:16#406

作用是通过IP和端口号找到我们需要访问那台服务器

IIS调用电脑的IIS（internet information Services）管理器

设置物理路径让去物理路径中找对应的文件

index.html作用：

当我们通过IP地址和端口号找到对应服务器，通过资源名称告诉我们服务器中我们需要访问获取的资源内容

什么是HTML协议

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

什么是协议

在显示生活中有很多协议，就类似于租房协议，买卖协议

协议的共同点，就是用来规范/约束某一类事物

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

HTTP协议就相当于我们让两个人都说中文或者英文一样，进行提前规范两人之间沟通

就是规范/约束浏览器和服务器之间的沟通方式

沟通问题

沟通中常见的问题就是语言不通：eg：中国人说中文，英国人说英文，那沟通就会出现问题

如果需要解决沟通问题，需要先拟定规定：一个懂中文或者都说中文或者请各翻译这就是一个协议

 

在Windows系统中如何查看文件郭占明，默认是不显示文件扩展名的

开启方式：随便打开个文件夹-点击查看-文件扩展名勾上

 

电脑上的一个文件是可以同时被多个软件打开的，不同软件打开显示的内容可能是不一样的效果

 

什么是纯文本文件

在Windows上有一款默认的软件：记事本，这款软件就是专门用来打开纯文本文件的，可以被他正常打开显示的都是纯文本文件

 

认识HTML

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

 

HTML的作用

 

HTML只有一个作用，专门用来描述文本的语义，也就是说我们可以利用HTML来告诉浏览器那些是标题那些是段落。

这些用于描述其它文本语义的文本，我们称之为标签，并且这些用于描述其它语义的标签将来在浏览器中不会被显示出来。

所以因为HTML的这些标签是专门用来描述其它文本语义的，并且在浏览器中不会被显示出来，所以我们称这些文本为“超文本”，而这些文本又叫做标签，所以HTML被称之为“超文本标记语言”

注意：虽然我们利用<h1>描述一段文本之后，这段文本在浏览器中显示出来会被放大和加粗，看上去我们是利用HTML的标签修改了被描述的那段文本的样式，但是一定要记住，HTML的作用只有一个，他是专门用来给文本添加语义的，而不是用来改变样式的

 

问：H1标签它的作用是什么？

错误：H1标签可以用来修改文字的大小，并且还可以将文字加粗

正确：H1标签的作用是用来告诉浏览器，那些文字是标题，也就是H1标签是专门用于给指定的文字添加标题的语义的

 

HTML发展史

 

1993年（IETF发布的HTML1.0）->1995年（W3C发布的HTML2.0）->1996年（W3C发布的HTML3.2）->1997年（W3C发布了HYML4.0）->1999年（W3C发布了HTML4.1）->2000年（W3C发布了XHTML1.0）->2001(W3C发布了XHTML1.1) 

XHTML是比HTML更为严格的标准

因为XHTML不支持HTML：2004年五大浏览器厂商成立的WHATWG制定了HTML5草案，W3C和5大厂商2008年合并发布了HTML5

IETF 的英文是 Internet Engineering Task Force的缩写，就是“互联网工程任务组”。负责定义并管理因特网技术的所有方面。包括数据传输的IP协议，让域名于IP地址匹配的域名系统（DNS）、用于发送邮件的简单邮件传输协议（SMTP）等。

W3C 的英文是World Wide Web Consortium 的缩写，翻译过来就是W3C理事会或者万维网联盟是1994年10月在麻省理工学院计算机科学实验室成立的，创建者是万维网的发明者Tim Berners-Lee 。

W3C负责web方面标准的指定，像HTML、XHTML、CSS、HML的标准就是由W3C来定制的