一、HTML、HTTP、web综合问题

1前端需要注意哪些SEO

• 合理的 title、description、keywords ：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不要过分堆砌关键词，不同页面description有所不同；keywords列出重要关键词即可。

• 语义话的HTML代码，符合W3C规范：语义话代码让搜索引擎容易理解网页

• 重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取。

• 重要内容不要用js输出：爬虫不会执行js获取内容

• 少用iframe:搜索引擎不会抓取iframe中的内容。

• 非装饰性图片必须加alt。

• 提高网站速度：网站速度是搜索引擎排序的一个重要指标。

img 的 title 和 alt 有什么区别

• 通常当鼠标滑动到元素上的时候显示
• alt 是 img 的特有属性，是图片内容的等价描述，用于图片无法加载时显示、读屏器阅读图片。可提图片高可访问性，除了纯装饰图片外都必须设置有意义的值，搜索引擎会重点分析。

3HTTP的几种请求方法用途

GET 方法

• 发送一个请求来取得服务器上的某一资源

POST 方法

• 向 URL 指定的资格提交数据或附加新的数据

PUT 方法

• 跟 POST 方法很像，也是想服务器提交数据。但是，他们之间有不同。PUT 指定了资源在服务器上的位置，而 POST 没有。

HEAD 方法

• 只请求页面的首部

DELETE 方法

• 删除服务器上的某资源

OPTIONS 方法

• 它用于获取当前 URL 所支持的方法。如果请求成功，会有一个 Allow 的头包含类似 “GET,POST” 这样的信息。

TRACE 方法

• TRACE 方法被用于激发一个远程的，应用层的请求消息回路

CONNECT 方法

• 把请求连接转换到透明的 TCP/IP 通道

4从浏览器地址输入url到显示页面的步骤

基础版本

• 浏览器根据请求的 URL交给 DNS 域名解析，找到真实 IP，向服务器发起请求；
• 服务器交给后台处理完成后返回数据，浏览器接受文件（ HTML、JS、CSS 等）进行语法解析，建立相应的内部数据结构（ 如 HTML 的 DOM）；
• 裁入解析到的资源文件，渲染页面，完成。

详情版

• 在浏览器地址栏输入URL

• 浏览器查看缓存，如果请求资源在缓存中并且新鲜，跳转到转码步骤

  • 如果资源未缓存，发送新请求

  • 如果已缓存，检验是否足够新鲜，足够新鲜直接提供给客户端，否则与服务器进行验证。

• 浏览器解析URL 获取协议，主机，端口，path

• 浏览器组装一个HTTP （GET）请求报文

• 浏览器**获取主机ip地址，**过程如下：

   	1.浏览器缓存
   	2.本机缓存
   	3.hosts文件
   	4.路由器缓存
   	5.ISP DNS缓存
   	6.DNS递归查询（可能存在负载均衡导致每次IP不一样）
  

• 打开一个socket与目标IP地址，端口建立TCP链接，三次握手如下：

   	1、客户端发送一个TCP的SYN=1，Seq=X的包到服务器端口
   	2、服务器发回SYN=1，ACK=X+1，Seq=Y的响应包
   	3、客户端发送ACK=Y+1，Seq=Z
  

• TCP链接建立后发送HTTP请求

• 服务器接收请求并解析，将请求转发到服务程序，如虚拟主机使用HTTP Host头部判断请求的服务程序

• 服务器检查HTTP请求头是否包含缓存验证信息如果验证缓存新鲜，返回304等对应状态码

• 处理程序读取完整请求并准备HTTP响应，可能需要查询数据库等操作

• 服务器将响应报文通过TCP连接发送回浏览器

• 浏览器接收HTTP响应，然后根据情况选择关闭TCP连接或者保留重用，关闭TCP连接的四次握手如下：

   	1、主动⽅发送Fin=1， Ack=Z， Seq= X报⽂
   	2.、被动⽅发送ACK=X+1， Seq=Z报⽂
   	3.、被动⽅发送Fin=1， ACK=X， Seq=Y报⽂
   	4.、主动⽅发送ACK=Y， Seq=X报⽂