美文网首页
学习笔记-HTML基础- 基本概念

学习笔记-HTML基础- 基本概念

作者: 香泡泡 | 来源:发表于2018-12-03 11:00 被阅读31次

1.什么是浏览器?

五款主流浏览器

不同的浏览器有不同的内核

以谷歌为主

2.什么是服务器?

超级计算机:24小时不关机,不断电的计算机。

3.浏览器访问网页的原理

最重要的是观察实验结果(以IE6为例)

1.第一次打开IE6,系统自动给我们生成了一个文件夹,所以我们可以得出这个文件夹与IE6必然有一定的关系。

2.先删除internet cache下的所有文件夹,然后通过IE6打开百度首页之后,发现被我们删除的文件夹又回来了。

3.再次删除这些文件夹,发现不能删除,被其他应用程序打开,当我们关闭IE6浏览器,又能删除文件夹了。

所以,综合第二点和第三点,我们得出一个结论:这些系统自动创建的文件夹和当前被打开的网页有一定的关系。

通过观察,这些文件夹中存储的内容,和网页上的内容有对应,那么这些文件夹是什么文件夹?其实这些文件夹我们称之为缓存文件夹。缓存文件夹是专门用来存储网页数据的文件夹。

结论:

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

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

3.通过观察我们还发现,缓存文件夹中除了缓存图片外,还缓存了.js.css.html等文件,所以可以得出一个网页不是一个文件,而是一堆文件组成的,网页越复杂,组成这个网页的文件越复杂。

4.浏览器请求数据的过程

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

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

举例验证:

谷歌浏览器-菜单-更多工具-开发者工具    /    开发者工具-F12(快捷键)

network

headers:General

                Response Headers(响应头)

                Resquest Headers(请求头)

5.什么是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拆分后每个部分的作用

IP地址:

其实IP地址相当于我们生活中的地址。

端口号:

其实相当于现实生活中的门牌号码。

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

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

index.html:

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

http://:

是Hypertext Transfer Protocol的缩写,也就是超文本传输协议。

什么是协议?

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

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

相当于提前规范/约束浏览器和服务器之间如何沟通的规定。(提前解决语言不通的问题)

其他知识储备

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

win 10系统为例

随便打开一个文件夹-选择查看-勾选扩展名

html的扩展名就是.html

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

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

什么是纯文本文件?

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

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

相关文章

  • 学习笔记-HTML基础- 基本概念

    1.什么是浏览器? 五款主流浏览器 不同的浏览器有不同的内核 以谷歌为主 2.什么是服务器? 超级计算机:24小时...

  • HTML5学习笔记之基础标签

    HTML5学习笔记之基础标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • HTML5基本介绍

    HTML5基本介绍 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 ...

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • 01.前端css笔记——概述

    01.前端css笔记——概述 01.基本概念 1.1需要具备的基础知识 HTML XHTML 1.2CSS概述 C...

  • 反省2017-4-18

    今日未定计划及任务时间限制。只是按照教程学习。其希望的步骤是:基本概念、理论(html基础、python基础),基...

  • @try @catch @finally

    学习笔记 比较基础 基本概念 @try @catch是Objective-C 异常捕捉机制 * `@try`存放可...

  • JavaScript ☞ day1

    JavaScript基础学习笔记之JavaScript基础 HTML中添加JS代码、注释方法、输出方式 docum...

  • 学习笔记(html基础)

    html的3种文档类型声明:严格型、过渡(宽松)型、框架型。html5时,统一成。...

网友评论

      本文标题:学习笔记-HTML基础- 基本概念

      本文链接:https://www.haomeiwen.com/subject/fzoecqtx.html