HTTP

URL的基本格式

schema://host[:port#]/path/.../[?query-string][#anchor]

格式         意义

scheme   指定低层使用的协议(例如：http, https, ftp)

host         HTTP服务器的IP地址或者域名

port         #HTTP服务器的默认端口是80，这种情况下端口号可以省略

path        访问资源的路径

query-string     发送给http服务器的数据

anchor-   锚

URL和URI

URI：uniform resource identifier  统一资源标识符，一种资源的标识，它是一种抽象的资源标识，即可以是相对的，也可以是绝对的。

URL：uniform resource location  统一资源定位符，同时一种资源的标识，但指明了如何定位Locate这个资源。因为它指明了定位的信息，所以必须是绝对的

HTTP   request headers

request headers描述了请求报文头部的内容 常见属性：

    URL, 即http访问的地址

    request method, 报文的请求方式

    status code, 状态码以及状态短语

    Accept Encoding, 内容编码

    Connection, 连接方式

    Cookie, 添加的cookie内容

    Host, 目标主机

    User-Agent, 客户端浏览器的相关信息

    Set-Cookie, 指定想要在Cookie中保存的内容

status code  状态码

状态码       含义

1**    服务器收到请求，需要请求者继续执行操作

2**    成功，操作被成功接收并处理

3**     重新定向，需要进一步的操作以完成请求

4**    客户端错误，请求包含语法错误或无法完成请求

5**    服务器错误，服务器在处理请求的过程中发生了错误

301 永久性重定向

304 Not Modified

400 Bad Request

401 Unauthorized

403 Forbidden

404 Not Found

500 Internal Server Error

503 Service Unavailable

内容编码 Accept Encoding

    gzip:GNU压缩格式

    compress:UNIX系统的标准压缩格式

    deflate:是一种同时使用了LZ77和哈夫曼编码的无损失压缩格式

    identity:不进行压缩

持久化——connection

    HTTP1.1中connection默认开启keep-alive

无状态的HTTP——cookie

    Cookie是一种由服务器端确定，并保存在客户端浏览器中的内容

范围请求

有些网站很大的图片是一块一块加载   这就需要设置HTTP请求的长度，从而分块的加载资源。

在请求报文中使用Range属性，在响应报文中使用Content-Type属性

HTTP方法

GET    从服务器向客户端发送命名资源

PUT    将来自客户端的数据存储到一个命名的服务器资源中去  由于PUT方法不带验证机制，任何人都可以操作，存在安全性问题

DELETE    从服务器中删除命名资源 本质和PUT方法一样不带验证机制，所以建议少用DELETE方法

POST    将客户端数据发送到一个服务器网关应用程序

HEAD    仅发送命名资源响应中的 HTTP 首部

html meta

meta  元信息

编码 utf-8 、网页的关键词-SEO去搜索、网页的描述内容

视口 viewport   meta:vp tab (移动端手机页面必须)

常用的标签元素

【A】     a、audio

【B】    body、button 、b、br、

【C】    canvas   定义画布、caption  定义表格标题

【D】   div 、dt（标题）、dd（列表）、dl(列表) 、datalist（下拉列表）（html5新增）

【E】 em（斜体）、embed 定义外部的资源文件（html5新增） .swf格式

【F】form 表单   footer(html5新增)      figure figcaption 图文组合（新增）

【H】head 、h1-h6  、hr 、html 、header(新增)

【I】 i、img、input

【L】label、li、link

【M】

meta  定义html文档的元信息

menu  定义命令的列表或菜单

map  定于图像映射

mark 定义有记号的文本（新增）

meter   定于预定义范围内的度量（新增）

【N】nav  定义导航链接范围（新增）

【O】ol 有序列表  option 选择列表中的组合  object 

【P】p、progress 进度条

【S】s 中划线、 style、 strong 、select、small 、span 、sup（上标）、sub（下标）

section 划分块（新增）

【T】title、table、th、tr、td、thead、tbody、tfooter、textarea、time（新增）

【U】ul、u 下划线

【V】video 视频播放器

DOM文档加载顺序

(1) 解析HTML结构。

(2) 加载外部脚本和样式表文件。

(3) 解析并执行脚本代码。

(4) 构造HTML DOM模型。//ready

(5) 加载图片等外部文件。

(6) 页面加载完毕。//load

HTTP    DOM

1. nextSibling    返回指定节点之后紧跟的节点，在相同的树层级中

    document.getElementById("item1").nextSibling;

    [http://www.w3school.com.cn/jsref/dom_obj_all.asp]