Web基础与HTTP协议

域名概述

域名的概念
IP地址不易记忆
早期使用Hosts文件解析域名(静态解析)
主机名称重复
主机维护困难

DNS(Domain Name System 域名系统)(动态解析)
分布式
层次性

Web基础与HTTP协议

域名空间概述
根域
*域
组织域Web基础与HTTP协议

国家/地域地面
二级域名
FQDN=主机名.DNS后缀
Web基础与HTTP协议

域名注册

域名注册是Internet中用于解决地址对应问题的一种方法
遵循先申请先注册原则
域名注册步骤
准备申请资料→寻找域名注册网站→查询域名→正式申请→申请成功

网页的概念

网页
纯文本格式文件
编写语言为HTML
在用户的浏览器中被“翻译”成网页形式显示出来
网站 (服务器的一个整体) 站点(存放网页的位置)
由一个一个页面构成的,是多个网页的结合体
主页
打开网站后出现的第一个网页称为网站主页(或首页)

域名
浏览网页时输入的网址
HTTP (超文本传输协议)
用来传输网页的通信协议
URL (地址)
是一种万维网寻址系统

HTML
用来编写网页的超文本标记语言
超链接
超链接是将网站中不同网页链接起来的功能
发布
将制作好的网页上传到服务器供用户访问的过程
#HTML概述

HTML概述

HTML超文本标记语言
Hyper Text Markup Language
网页的“编码”
浏览器:“解释和执行”HTML源码的工具
Web基础与HTTP协议

HTML文档的结构
HTML网页
Web基础与HTTP协议
Web基础与HTTP协议

网页基本标签

网页摘要信息的作用
有利于浏览器解析
有利于搜索引擎搜索

标签 标签 ![在这里插入图片描述](https://img-blog.****img.cn/20201111110037466.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h3eTk1MjY=,size_16,color_FFFFFF,t_70#pic_center) 标题标签 行控制相关标签 范围标签 图像标签 超链接标签 特殊符号 ![在这里插入图片描述](https://img-blog.****img.cn/20201111110258859.png#pic_center) 注: 空格 "引号 ©商标符号 >大于号 <小于号 &&符号 附加: ![在这里插入图片描述](https://img-blog.****img.cn/20201111110417526.png#pic_center) ![在这里插入图片描述](https://img-blog.****img.cn/20201111110423403.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h3eTk1MjY=,size_16,color_FFFFFF,t_70#pic_center)

web概述

Web(World Wide Web)即全球广域网,也称为万维网
一种分布式图形信息系统
建立在Internet上的一种网络服务
Web基础与HTTP协议
Web1.0 vs Web2.0
Web1.0
以编辑为特征,网站提供给用户的内容是编辑处理后的,然后用户阅读网站提供的内容
这个过程是网站到用户的单向行为
Web2.0
更注重用户的交互作用,用户既是网站内容的消费者(浏览者),也是网站内容的制造者
加强了网站与用户之间的互动,网站内容基于用户提供,网站的诸多功能也由用户参与建设,实现了网站与用户双向的交流与参与
Web2.0特殊
用户分享、以兴趣为聚合点的社群,开放的平台,活跃的用户

静态网页

静态网页是标准的HTML文件
扩展名是.html、.html
文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java小程序等
是网站建设的基础,早期网站一般都由静态网页制作
没有后台数据库、不含程序和不可交互的网页
相对更新起来比较麻烦,适用于一般更新较少的展示型网站
附加:在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,静态网页是标准的HTML文件,它的文件扩展名是.htm、.html。
静态网页,随着HTML代码的生成,页面的内容和显示效果就基本上不会发生变化了–除非是修改页面代码。而动态网页则不然,页面代码虽然没有变,但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。动态网页URL的后缀不是.htm、.html、
.shtml、.xml等静态网页的常见网页制作格式,而是以.aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号–“?”。
动态网页是基本的html语法和规范与Java、PHP、C#等高级程序设计语言、数据库编程等多种技术的融合,以期实现对网站内容和风格的高效、动态和交互式的管理。因此,从这个意义上来讲,凡是结合了HTML以外的高级程序设计语言和数据库技术进行的网页编程技术生成的网页都是动态网页。

静态网页的特点

每个静态网页都有一个固定的URL,且URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”
网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页都是保存在网站服务器上的
静态网页的内容相对稳定,容易被搜索引擎检索

静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难
静态网页的交互性较差,在功能方面有较大的限制
页面浏览速度迅速,过程无需连接数据库,开启页面加速度快于动态页面

动态网页与特点

网页URL不固定,能通过后台与用户交互
在动态网页网址中有一个标志性的符号——“?”
常用的语言有PHP、JSP、Python?Ruby等

交互性
网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后WEB发展的大势所趋
自动更新
无须手动地更新HTML文档,便会自动生成新的页面,可以大大节省工作量
因时因人而变
当不同得时间,不同的人访问同一网址时会产生不同的页面

HTTP协议概述

HTTP协议是互联网上应用最为广泛的一种网络协议,设计这个协议的目的是为了发布和接收web服务器上的HTML页面
HTTP协议的版本
HTTP 0.9
HTTP 1.0
HTTP 1.1
HTTP 2.0

HTTP方法

HTTP支持几种不同的请求命令,这些命令被称为HTTP方法(HTTP method)
每条HTTP请求报文都包含一个方法,告诉服务器要执行什么动作
获取一个Web页面
运行一个网关程序
删除一个文件等

HTTP协议有多种获得Web资源的方法
常用的方法:GET和POST
Web基础与HTTP协议

GET方法

GET方法:从指定的指定的服务器上获得数据
GET请求能被缓存
GET请求会保存在浏览器的浏览记录里
GET请求有长度的限制
主要用于获取数据
查询的字符串会显示在URL中,不安全

POST方法

POST方法:提交数据给指定服务器处理
POST请求不能被缓存
POST请求不会保存在浏览器的浏览记录里
POST请求没有长度限制
查询的字符串不会显示在URL中,比较安全

HTTP状态码

当是使用浏览器访问某一个URL,会根据处理情况返回相应的处理状态
通常正常的状态码为2xx,3xx(如200)
如果出现异常会返回4xx,5xx(如404)
Web基础与HTTP协议
生产环境常见的HTTP状态码
Web基础与HTTP协议
重定向301和302区别详解:https://blog.****.net/yournevermore/article/details/98971278

HTTP协议请求流程分析

Web基础与HTTP协议
HTTP请求消息报文格式包括:请求行、请求头、请求体
1 Get /mattmarg/ HTTP/1.1请求目录
2 User-Agent:Mozilla/2.0(Macintosh;I;PPC)浏览器标识
3 Accept: text/html; /
4 Cookie: name = value
5 Referer: http://www.XXX.com/a.html

HTTP请求消息报文格式
HTTP请求消息报文格式包括:请求行、请求头、请求体
Web基础与HTTP协议

HTTP响应消息报文格式

HTTP响应消息报文格式包括:状态行、响应头、响应体
01 HTTP/1.1 200 OK
02 Server: Microsoft-IIS/5.1

06 Accept-Ranges:bytes
07 Last-Modified: Wed, 02 Jul 2008 01:01:26 GMT
08 ETag: “0f71527dfdbc81:ade”
09 Content-Length: 46
10
11<>htmladfasfa

Web基础与HTTP协议