提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

一、DNS/HTML

1.域名的概述

域名的概念

• IP地址不易记忆

早期使用Hosts文件解析域名

• 主机名称重复
• 主机维护困难

DNS(Domain Name System 域名系统）

• 分布式
• 层次性

域名空间结构

• 根域
• 顶级域
• 二级域名
• FQDN=主机名DNS后缀

2.域名注册

• 域名注册是Internet中用于解决地址对应问题的一种方法
• 遵循先申请先注册原则
• 域名注册步骤

3.网页的概念

网页

• 纯文本格式文件
• 编写语言为HTML
• 在用户的浏览器中被“翻译”成网页形式显示出来

网站

• 由一个一个页面构成的，是多个网页的结合体

主页

• 打开网站后出现的第一个网页称为网站主页(或首页)

域名

• 浏览网页时输入的网址

HTTP

• 用来传输网页的通信协议

URL

• 是一种万维网寻址系统

HTML

• 用来编写网页的超文本标记语言

超链接

• 超链接是将网站中不同网页链接起来的功能

发布

• 将制作好的网页上传到服务器供用户访问的过程

4.HTML概述

HTML超文本标记语言

• Hyper Text Markup Language
• 网页的“源码“

HTML文档的结构

• HTML网页
• 头部部分
• 标题部分
• 主体部分
• 网页内容，包括文本、图像等

5.网页基本标签

标签	描述
title	定义了文档的标题
base	定义了页面链接标签的默认链接地址
link	定义了一个文档和外部资源之间的关系
meta	定义了HTML文档中的元数据
script	定义了客户端的脚本文件
style	定义了 HTML 文档的样式文件

二、web基础

1.web概述

• Web(World Wide Web)即全球广域网，也称为万维网
• 一种分布式图形信息系统
• 建立在Internet上的一种网络服务

Web1.0 vs Web2.0

Web1.0

• 以编辑为特征，网站提供给用户的内容是编辑处理后的，然后用户阅读网站提供的内容
• 这个过程是网站到用户的单向行为

Web2.0

• 更注重用户的交互作用，用户既是网站内容的消费者(浏览者)，也是o网站内容的制造者
• 加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与
• Web2.0特征 用户分享、以兴趣为聚合点的社群、开放的平台，活跃的用户

2.静态网页

• 静态网页是标准的HTML文件
• 扩展名是htm、.html (文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java小程序等)
• 是网站建设的基础，早期网站一般都由静态网页制作
• 没有后台数据库、不含程序和不可交互的网页
• 相对更新起来比较麻烦，适用于一般更新较少的展示型网站

3.静态网页特点

• 每个静态网页都有一个固定的URL，且URL以htm.html、.shtml等常见形式为后缀，而不含有“?”
• 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上的
• 静态网页的内容相对稳定，容易被搜索引擎检索
• 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难
• 静态网页的交互性较差，在功能方面有较大的限制
• 页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面

4.动态网页

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

5.动态网页的特点

交互性

• 网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后WEB发展的大势所趋

自动更新

• 无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量

因时因人而变

• 当不同的时间，不同的人访问同一网址时会产生不同的页面

三、HTTP协议

1.HTTP协议概述

HTTP协议是互联网上应用最为广泛的一种网络协议设计这个协议的目的是为了发布和接收Web服务器上的HTML页面

HTTP协议的版本

• HTTP 0.9
• HTTP 1.0
• HTTP 1.1
• HTTP 1.2

2.HTTP方法

HTTP支持几种不同的请求命令，这些命令被称为HI
方法(HTTP method)

每条HTTP请求报文都包含一个方法，告诉服务器要执行什么动作

• 获取一个Web 页面
• 运行一个网关程序
• 删除一个文件等

HTTP协议有多种获得Web资源的方法

常用的方法:GET和POST

HTTP方法	描述
GET	请求获取Request-URI所标识的资源
PUT	请求服务器存储一个资源，并用Request-URI作为其标识
DELETE	请求服务器删除Request-URI所标识的资源
POST	在Request-URI所标识的资源后附加新的数据
HEAD	请求获取由Request-URI所标识的资源的响应消息报头

3.GET 和 POST 比较

GET	POST
GET请求能被缓存	POST请求不能被缓存
GET请求会保存在浏览器的浏览纪录里	POST请求不会保存在浏览器的浏览纪录里
GET请求有长度的限制	POST请求没有长度限制
查询的字符串会显示在URL后缀中，不安全，比如 http://www.test.com/a.php?Id=123	查询的字符串不会显示在URL中，比较安全

4.HTTP 状态码

HTTP 状态码（HTTP Status Code）是用以表示网页服务器 HTTP 响应状态的 3 位数字代码，当浏览器请求某一 URL 时， 服务器根据处理情况返回相应的处理状态。
通常正常的状态码为2xx，3xx（如200），如果出现异常会返回4xx，5xx（如404）。

状态	码首位范围	含义
1xx	100-101	信息提示
2xx	200-206	成功
3xx	300-305	重定向
4xx	400-415	客户端错误
5xx	500-505	服务器错误

1.HTTP 常见状态码

状态码	功能说明
200	一切正常
301	永久重定向
302	临时重定向
401	用户名或密码错误
403	禁止访问(客户端IP地址被拒绝)
404	请求的文件不存在
414	请求URI头部过长
500	服务器内部错误
502	无效网关

注!：产生502（无效网关）的原因
1、数据包没有送到网卡，网络问题；
2、数据包送进去了（交换机能抓到包），但是网卡没收到，网卡问题或防火墙问题；
3、网卡接收到了，处理不了，服务问题。（比如服务器当前连接太多，响应太慢；页面素材太多，带宽不够。）

5.HTTP 请求流程分析

用户在浏览器输入URL访问时，发起HTTP请求报文，请求中包括请求行、请求头、请求体，服务器收到请求后返回响应报文，包括状态行、响应头、响应体。

请求报文四部分：
请求行：请求行由请求方法、URL 以及协议版本三部分组成。
请求头：请求头为请求报文添加了一些附加信息，由“名/值”对组成，每行一对，名和值之间使用冒号分隔。
空行：请求头部的最后会有一个空行，表示请求头部结束，接下来为请求体，这一行非常重要，必不可少。
请求体：请求体是请求提交的参数，GET 方法已经在 URL 中指明了参数，所以提交时没有数据。POST 方法提交的参数在请求体中。

常用的请求头：

请求头	描述
Host	接受请求的服务器地址，可以是 IP:端口号，也可以是域名
User-Agent	发送请求的应用程序名称
Connection	指定与连接相关的属性，如 Connection:Keep-Alive
Accept-Charset	通知服务端可以发送的编码格式
Accept-Encoding	通知服务端可以发送的数据压缩格式
Accept-Language	通知服务端可以发送的语言

响应报文四部分
状态行：状态行由协议版本，状态码，状态码描述三部分组成。
响应头：响应头与请求头部类似，为响应报文添加了一些附加信息。
空行：响应头部的最后会有一个空行，表示响应头部结束。
响应体：服务器返回的相应 HTML 数据，浏览器对其解析后显示页面。

常用的响应头：

响应头	描述
Server	服务器应用程序软件的名称和版本
Content-Type	响应正文的类型（是图片还是二进制字符串）
Content-Length	响应正文长度
Content-Charset	响应正文使用的编码
Content-Encoding	响应正文使用的数据压缩格式
Content-Language	响应正文使用的语言

6.HTTP访问的过程

1.建立连接：客户端发送一个请求到服务端，并建立一个 TCP 连接 (三次握手)。
2.发送请求：客户端发送一个 HTTP 请求到服务端，该请求包含请求方法，URL 和协议版本等信息，以及可能还包括请求头和请求体信息。
3.处理请求：服务端接收到请求并进行处理，这个过程包括解析请求头和请求体信息，验证请求并进行一些业务处理等。
4.发送响应：服务端发送一个 HTTP 响应到客户端，该响应包含响应状态码，响应头和响应体等信息。
5.接收响应：客户端接收响应，并进行处理，包括解析响应头和响应体信息，验证响应并进行一些业务处理等。
6.关闭连接：客户端和服务端在完成请求和响应后，关闭 TCP 连接 （四次挥手）。