浏览器窗口输入网址回车发生的几件事情
1 浏览器向服务端发送请求
2 服务端接受 (eg:请求百度网页)
3 服务端返回相应的响应 (eg: 返回要给百度首页)
4 浏览器接受响应 根据特定的规则渲染页面展示给用户看
1 浏览器很牛逼 能够自动识别不同的服务端做不同的处理
2 指定一个统一的标准 如果想让写的服务端能够跟
客户端之间做正常的数据交互
就必须要遵循一些"规则"
web 的本质
浏览器
服务端
文件(html文件)
web方向
前端, django bbs
HTTP 协议
HTTP的由来(sql语句的由来)
浏览器只有一个如何兼容N多个服务端
超文本传输协议 用来规定服务端和浏览器之间的数据交互的格式
该协议可以不遵循, 但是写的服务端就不能被浏览器正常访问, 只能自己交互
但是我可以写自己的客户端, 用户想要使用 就需要下载我写的客户端
HTTP 四大特性(需要记住)
1 基于请求响应
2 基于TCP/IP 作用于应用层之上的协议
3 无状态
不保存用户信息
eg: 一个人来了千万次 都不会记住, 每次都是新的面孔
由于 HTTP 协议是无状态的, 所以后序出现了一些专门用来纪录用户状态的技术
cookie, session, token...
4 无/短 链接
请求来一次, 我响应一次, 之后我们就没有任何的链接和关系
补丁: 长链接
双方建立连接之后默认不断开 websocket
请求数据格式和响应数据格式
请求首行: 标识 HTTP 协议版本, 请求方式 相应状态码
请求头: 一大堆 k,v 键值对
(这里是\r\n)
请求体: 并不是所有的请求方式都有, 只有 post 有, 存放的是post请求提交的敏感数据
响应状态码
用一串简单的数字来表示一些复杂的状态或者描述性信息
1xx: 服务端已经成功接收到了你的数据, 且正在处理, 用户可以继续提交额外的数据
2xx: 服务端成功响应了你想要的数据 (200 请求成功)
3xx: 重定向, 当访问一个登陆之后才能看的页面, 你会发现会自动跳转到登陆页面
4xx: 请求错误
404: 请求资源不存在
403: 当前请求不合法 或者 不符合访问资源的条件
5xx: 服务器内部错误(500): 服务器出现问题
ps 上述状态码是HTTP协议规定的, 其实到了公司之后每隔公司还会自己定制自己的状态码
请求方式
1 get 请求
向服务端要数据
可以携带参数, 只不参数不是放在请求体里面的, 而是直接放在URL的后面
url?username=zhangsan&password=123
eg: 输入网址获取对应的内容
2 post 请求
向服务端提交数据
eg: 用户登录 输入用户名和密码后提交到服务端后端做身份校验
url
统一资源定位符
文件后缀名
文件的后缀名其实是给用户看的, 只不过对应不同的文件后缀名有不同的软件来处理并添加很多功能
注意
HTML的代码是没有格式的, 可以全部写在一行都没有问题, 只不过我们习惯了缩进来表示代码
标签的分类
1 块级标签: 独占一行
1 块级标签可以修改长款 行内标签不可以 修改了也没有变化
2 块级标签内部可以嵌套任意的 块级标签和行内标签
但是 p 标签 虽然是块级标签, 但是他只能嵌套行内标签, 不能嵌套块级标签
如果嵌套了 问题也不大, 因为浏览器会自动帮忙解开
浏览器是面向用户的, 不会轻易报错, 报错也不会使普通用户察觉
∴ 前端基本不会报错
2 行内标签: 自身文本多大就占多大
标签具有的两个重要属性
1 id 值
类似于标签的 身份证号, 在同一个 html 页面上 id 值不能重复
2 class 值
该值有点类似于面向对象里面的继承 一个标签可以继承多个class值
标签既可以有默认的书写 也可以有自定义的书写
<p id="d1" class="c1" username="zhangsan" password="123"></p>