HTTP基本原理

1.1HTTP基本原理

• URI 和 URL

URI：Uniform Resourse Identifier
URL: Uniform Resourse Locator

• URL的格式

scheme://[username:password@]hostname[:port][/path][;parameters][?query][#fragment]
scheme:protocol,协议
username:用户名
password:密码
hostname:主机地址
port:端口
path:网页保存在服务器的具体路径
parameters:参数
query:查询的数据
fragment:对资源描述的补充

举例说明：

https://www.csdn.net/?spm=1008.2028.3001.4476

https:protocol协议
www.cscn.net:域名
spm=1008.2028.3001.4476:查询名称

• network面板

一个条目代表一次发送请求和接收响应的过程
name：请求的名称
status：相应的状态码
type：文档类型
initiator：请求源。标记请求是由哪个对象或者进程发起的
waterfall：可视化瀑布流

• 请求方法

GET请求：URL中包含请求信息
例：
https://www.baidu.com/s?wd=Python
wd表示要搜寻的关键字
POST请求：数据通常以表单形式传输，不会体现在URL中

两者区别：
1、数据请求的方式不同
2、GET提交的数据最多只有1024字节，POST没有限制

• 请求头

此中比较需要注意的参数为
Content-Type:互联网媒体类型，表示具体请求中的媒体类型信息。
Content-Type和POST提交数据方式的关系如下

Content-Type	POST提交数据的方式
application/x-www-form-urlencoded	表单数据
multipart/form-data	表单文件上传
application/json	序列化JSON数据
text/xml	XML数据

---

1.2Web网页基础

网页的组成：

1、HTML

超文本标记语言，形成网页的基本架构

2、CSS

层叠样式表
层叠：当HTML中引用了多个样式文件，并且样式发生冲突时，浏览器能够按照层叠顺序处理这些样式
CSS是目前唯一的网页页面排版样式标准
CSS选择器配合选择好节点，然后对节点的样式进行设置
CSS选择器举例：
#head_wrapper.s-ps-islite .s-p-top
意为选中id为head_wrapper并且class为s-ps-islite的节点
然后选择其下class为s-p-top的节点

统一定义整个网页的样式规则，写入CSS文件中，HTML中link标签引入

3、Javascript

HTML和CSS提供静态信息
Javascript提供动态的交互
在HTML中通过script标签引入

4、CSS选择器

在第二点粗略地讲述了CSS选择器，现在详细地阐述CSS选择器的用法
CSS选择器用来为CSS定位节点
#开头代表选择id 例：#container
.开头代表选择class 例：.wrapper
标签名直接写 例：h2
空格代表嵌套 例：`#container .wrapper p
不加空格代表并列关系
测试CSS选择器的效果：
F12 + Ctrl+F 出现搜索框

常用语法

选择器	例子	描述
.class	.intro	选择class="intro"的所有节点
#id	#firstname	选择id="firstname"的所有节点
element	p	选择所有p节点