web网络基础

  • web简介

Web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。

  • 互联网、因特网、万维网

2.1 区别

互联网、因特网、万维网这三者之间最大的区别,就是它们的组成不同。

      1. 互联网:泛指由通信设备(如计算机、手机等)组成的网络。
      2. 因特网:指由成千上万台设备组成的数据网络,属于互联网中的其中一种。
      3. 万维网:由不同的文档、多媒体文件连通而形成的逻辑网络;万维网其中的每个节点都是一个顶级域名,即我们所获取的网站)。

2.2 关系

    因特网和万维网实际上都属于“互联网”的细分,互联网包括因特网、因特网包括万维网。

如果是按照范围排序,即互联网 > 因特网 > 万维网。

  • web发展史

3.1 web的诞生

1989 年 3 月 12 日,欧洲粒子物理研究所(CERN)的计算机科学家蒂姆·伯纳斯·李在其一份提案《InformationManagement: A Proposal》中提出了一个构想:创建一个以超文本系统为基础的项目,允许在不同计算机之间分享信息,其目的是方便研究人员分享及更新信息。这个构想最终成了WWW(World Wide Web)万维网的基础,彻底改变了人类社会的沟通交流方式。

3.2 第一个网站

蒂姆·伯纳斯-李建立的第一个网站(也是世界上第一个网站)是http: //info. cern. ch/,它于1991年8月6日上网,它解释了万维网是什么,如何使用网页浏览器和如何建立一个网页服务器等等。蒂姆·伯纳斯-李后来在这个网站里列举了其它网站,因此它也是世界上第一个万维网目录。

    3.3 web版本

        web1.0:网络-人(单向信息,只读,eg个人网站,大英百科全书);

web2.0:人-人(以网络为沟通渠道进行人与人沟通,eg维基、博客);

web3.0:人-网络-人(人工智能、关联数据和语义网络构建,形成人和网络以及网络与人的沟通,同时在SEO支持下,提高人与人沟通的便利性)

我对三者的区别在于三个时期中网络的角色——web1.0网络是信息提供者,单向性的提供和单一性理解;web2.0网络是平台,用户提供信息,通过网络,其他用户获取信息;web3.0网络成为用户需求理解者和提供者,网络对用户了如指掌,知道用户有什么、要什么以及行为习惯,进行资源筛选、智能匹配,直接给用户答案。

    3.4 静态页面和动态页面

  1. 静态页面

在静态html页面中,用户通过Web浏览器HTTP协议向web服务器发送一个响应请求,告诉web服务器要浏览这个网站的哪个页面,接着根据用户的响应请求返回一个html页面给用户,经过浏览器渲染解析呈现在用户眼前。

静态web页面是没有数据库文件的,所以不能连接网络数据库;

静态web页面主是通过HTML代码开发设计的;部分静态web页面为了页面的好看,使用了大量的JS代码,导致静态web页面打开速度慢。

  1. 动态页面

在动态web页面中,依然要通过web服务器的http协议或https协议响应才能返回结果给用户,用户所有请求都必须要通过web服务器处理才能实现。用户的响应请求是一个静态的html页面,只需要响应请求web服务器从系统中调出用户响应的内容,将内容返回给客户端浏览器进行处理,再返回给用户。

如果用户响应请求的是动态页面资源,例如.jsp/.asp/.aspx、/.php等,响应步骤是先将用户请求发送给web服务器,web服务器再从数据库调出有户请求的数据,调出数据后将所需要展示给用户的内容发送给服务器,最后通过web服务器将需要展示给用户的内容返回给用户浏览器解析执行,展示给用户。

    3.5 web1.0和web2.0的区别

        两者的本质区别在于:Web1.0 的主要是在于用户通过浏览器获取信息。Web2.0 则更注重用户的交互作用。

URL

  • 简介

URL Uniform Resource Locator

统一资源定位符(Uniform Resource Locator,URL;俗称网页地址或简称网址)是因特网上标准的资源的地址(Address),如同在网络上的门牌。它最初是由蒂姆·伯纳斯-李发明用来作为万维网的地址,现在它已经被万维网联盟编制为因特网标准RFC 1738。

  • URL格式

protocol 协议,常用的协议是http、https、ftp等

hostname 主机地址,可以是域名,也可以是IP地址

port 端口 http协议默认端口是:80端口

path 路径 网络资源在服务器中的指定路径

parameter 参数 如果要向服务器传入参数,在这部分输入

query 查询字符串 如果需要从服务器那里查询内容,在这里编辑,可有多个参数,用“&”符号隔开,每个

参数的名和值用“=”符号隔开。

URL的格式:<协议>://<用户名>:<密码>@<主机域名或者ip地址>:<端口号>/<路径>;<参数>?<查询>#<片段>

HTML基础

  • HTML简介

HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。

  1. HTML 指的是超文本标记语言: HyperText Markup Language
  2. HTML 不是一种编程语言,而是一种标记语言
  3. 标记语言是一套标记标签 (markup tag)
  4. HTML 使用标记标签来描述网页
  5. HTML 文档包含了HTML 标签及文本内容
  6. HTML文档也叫做 web 页面
  • HTML标签
  1. HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
  2. HTML 标签是由尖括号包围的关键词,比如 <html>
  3. HTML 标签通常是成对出现的,比如 <b> 和 </b>
  4. 标签对中的第一个标签是开始标签,第二个标签是结束标签
  5. 开始和结束标签也被称为开放标签和闭合标签:<标签>内容</标签>

<!DOCTYPE html>       声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素

<head>  定义关于文档的信息

<meta charset="utf-8"> 元素包含了文档的元(meta)数据,这里定义网页编码格式为 utf-8。

<title>网页学习</title> 元素描述了文档的标题

</head>

<body> 元素包含了可见的页面内容

<h1>我的第一个标题</h1> 元素定义一个大标题

<p>我的第一个段落。</p> 元素定义一个段落

</body>

</html>

    详细的标签及介绍:HTML 标签列表(字母排序) | 菜鸟教程 (runoob.com)

  • WEB浏览器

Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。

浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户

WEB访问流程

  • HTTP

超文本传输协议(Hyper Text Transfer Protocol,HTTP)是一个简单的请求-响应协议,它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。当时选择使用HTTP协议,是因为它使开发和部署非常地直截了当。

  • 如何访问WEB应用

1、在浏览器地址栏输入URL访问

2、浏览器进行域名解析获得IP地址

3、解析出 IP 地址后,根据该 IP 地址和默认端口 80,和服务器建立TCP连接;

4、浏览器发出读取文件(URL 中域名后面部分对应的文件)的HTTP 请求,该请求报文作为 TCP 三次握手的第三个报文的数据发送给服务器;

5、服务器对浏览器请求作出响应,并把对应的 html 文本发送给浏览器;

6、浏览器将该 html 文本进行解析并显示内容;

  • HTTP协议内部操作过程

  • HTTP的发展

HTTP 是基于 TCP/IP 协议的应用层协议,在 OSI 七层模型中在最上层,它并不涉及数据包传输,主要规定了客户端和服务器之间的通信格式,默认使用80端口。

1991年发布的 HTTP/0.9 ,只支持:GET。这个版本的协议规定,服务器只能回应HTML格式的字符串,不能回应别的格式,也就是说今天的图像、视频等多媒体资源,在 HTTP/0.9这个版本上是无法进行传输的。

1996年5月,HTTP/1.0 版本发布,增加了POST命令和HEAD命令,丰富了浏览器与服务器的互动手段。这个版本HTTP协议可以发送任何格式的内容,包括传输文字、图像、视频、文件,这为互联网的大发展奠定了基础。除了增加了请求方法以及对发送文件的支持之外,还增加了格式的改变。除了数据部分,每次通信都必须包括头信息,用来描述一些元数据。另外还增加了状态码、多字符集支持、多部分发送、权限、缓存、内容编码等等。

1997年1月,HTTP/1.1 版本发布,这个版本只比 1.0 版本晚了半年。这个版本最大的变化就是将持久化连接加入了 HTTP 标准,即TCP连接默认不关闭,可以被多个请求复用。此外,HTTP/1.1版还新增了许多方法,例如:PUT、CONNECT、HEAD、 OPTIONS、DELETE。得到进一步完善的HTTP/1.1 版本,一直沿用至今。

  • HTTP请求方法

  • GET 和 POST 的区别

原理区别

URL全称是资源描述符,一个URL地址用于描述一个网络上的资源,HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查 ,改 ,增 ,删 4个操作。

GET一般用于获取/查询 资源信息

POST一般用于更新 资源信息

GET用于信息获取时应该是安全的,幂等的。

1)安全:该操作用于获取信息而非修改信息。它仅仅是获取资源信息,就像数据库查询一样,不会修改,增加数据,不会影响资源的状态。

2)幂等:对同一URL的多个请求应该返回同样的结果。POST表示可能修改服务器上的资源的请求

  • HTTP协议的特点
    1. 支持客户/服务器模式:一个服务器可以为分布在世界各地 的许多客户服务
    2. 简单快速:客户向服务器请求服务时,只需传送请求方法和路径。请求方法常用的有GET和POST。由于HTTP协议简单,使得HTTP服务器的程序规模小,因而通信速度很快。
    3. 灵活:HTTP允许传输任意类型的数据对象。正在传输的类型由Content-Type加以标记。
  • HTTP报文格式

第一部分:请求行,用来说明请求类型,要访问的资源以及所使用的HTTP版本. 第二部分:请求头部,紧接着请求行(即第一行)之后的部分,用来说明服务器要使用的附加信息

第四部分:请求数据也叫主体,可以添加任意的其他数据

第一部分:状态行,由HTTP协议版本号, 状态码, 状态消息 三部分组成。

第二部分:消息报头,用来说明客户端要使用的一些附加信息

第四部分:响应正文,服务器返回给客户端的文本信息。

  • 报文含义

请求包格式

host

主机名

User-Agent

客户端基本环境信息

Content-Type

传参类型

Content-Length

请求包长度

Referer

上一步来源

X-Forwarded-For

当前身份IP

Cookie

用户身份标识

应答包格式

Date

日期

Server

服务端相关信息

X-Powered-By

当前编程语言环境

Content-Length

返回包长度

  • Cookie

HTTP Cookie:

Cookie通常也叫做网站cookie,浏览器cookie或者httpcookie,是保存在用户浏览器端的,并在发出http请求时会默认携带的一段文本片段。它可以用来做用户认证,服务器校验等通过文本数据可以处理的问题。

  • HTTP Refere

HTTP Referer是header的一部分,当浏览器向web服务器发送请求的时候,一般会带上Referer,告诉服务器该网页是从哪个页面链接过来的,服务器因此可以获得一些信息用于处理。

状态信息:

• 临时响应(1xx):表示临时响应并需要请求者继续执行操作的状态代码

• 成功(2xx):表示成功处理了请求的状态代码

• 重定向(3xx):表示要完成请求,需要进一步操作,通常用来重定向

• 请求错误(4xx):表示请求可能出错,妨碍了服务器的处理

• 服务器错误(5xx):表示服务器在尝试处理请求时发生内部错误

  • HTTPS

1、什么是HTTPS

HTTPS是在HTTP上建立SSL加密层,并对传输数据进行加密,是HTTP协议的安全版。

2、HTTPS主要作用是

(1)对数据进行加密,并建立一个信息安全通道,来保证传输过程中的数据安全;

(2)对网站服务器进行真实身份认证。

默认HTTP的端口号为80,HTTPS的端口号为443

  • 7
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值