HTML基础

声明：

这是转载的，内容来自网络。

0>

HTTP（HyperTextTransferProtocol）即超文本传输协议，目前网页传输的的通用协议。
HTTP协议采用了请求/响应模型，浏览器或其他客户端发出请求，服务器给与响应。
就整个网络资源传输而言，包括message-header和message-body两部分。
首先传递message-header，即httpheader消息 。
http header 消息通常被分为4个部分：general header, request header, response header, entity header。
但是这种分法就理解而言，感觉界限不太明确。
根据维基百科对http header内容的组织形式，大体分为Request和Response两部分。


Requests部分
Header 解释示例
  Accept -- 指定客户端能够接收的内容类型Accept: text/plain, text/html 
  Accept-Charset -- 浏览器可以接受的字符编码集。 Accept-Charset: iso-8859-5 ;
  Accept-Encoding -- 指定浏览器可以支持的web服务器返回内容压缩编码类型。
  Accept-Encoding -- compress, gzip
  Accept-Language -- 浏览器可接受的语言Accept-Language: en,zh
  Accept-Ranges -- 可以请求网页实体的一个或者多个子范围字段Accept-Ranges: bytes
  Authorization -- HTTP授权的授权证书Authorization: Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==
  Cache-Control -- 指定请求和响应遵循的缓存机制Cache-Control: no-cache
  Connection -- 表示是否需要持久连接。（HTTP 1.1默认进行持久连接）Connection: close
  CookieHTTP -- 请求发送时，会把保存在该请求域名下的所有cookie值一起发送给web服务器。
  Cookie -- $Version=1; Skin=new;
  Content-Length -- 请求的内容长度 Content-Length: 348
  Content-Type -- 请求的与实体对应的MIME信息Content-Type: application/x-www-form-urlencoded
  Date -- 请求发送的日期和时间Date: Tue, 15 Nov 2010 08:12:31 
  GMTExpect -- 请求的特定的服务器行为Expect: 100-continueFrom发出请求的用户的EmailFrom: user@email.com
  Host -- 指定请求的服务器的域名和端口号Host: www.zcmhi.com
  If-Match -- 只有请求内容与实体相匹配才有效If-Match: “737060cd8c284d8af7ad3082f209582d”
  If-Modified-Since -- 如果请求的部分在指定时间之后被修改则请求成功，未被修改则返回304代码If-Modified-Since: Sat, 29 Oct 2010 19:43:31 GMT
  If-None-Match -- 如果内容未改变返回304代码，参数为服务器先前发送的Etag，与服务器回应的Etag比较判断是否改变If-None-Match: “737060cd8c284d8af7ad3082f209582d”
  If-Range -- 如果实体未改变，服务器发送客户端丢失的部分，否则发送整个实体。参数也为EtagIf-Range: “737060cd8c284d8af7ad3082f209582d”If-Unmodified-Since只在实体在指定时间之后未被修改才请求成功If-Unmodified-Since: Sat, 29 Oct 2010 19:43:31 GMT
  Max-Forwards -- 限制信息通过代理和网关传送的时间 Max-Forwards: 10
  Pragma -- 用来包含实现特定的指令 Pragma: no-cache
  Proxy-Authorization -- 连接到代理的授权证书 Proxy-Authorization: Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==
  Range -- 只请求实体的一部分，指定范围 Range: bytes=500-999
  Referer -- 先前网页的地址，当前请求网页紧随其后,即来路 Referer: http://www.zcmhi.com/archives/71.html
  TE -- 客户端愿意接受的传输编码，并通知服务器接受接受尾加头信息 TE: trailers,deflate;q=0.5
  Upgrade -- 向服务器指定某种传输协议以便服务器进行转换（如果支持） Upgrade: HTTP/2.0, SHTTP/1.3, IRC/6.9, RTA/x11
  User-Agent -- User-Agent的内容包含发出请求的用户信息 User-Agent: Mozilla/5.0 (Linux; X11)
  Via -- 通知中间网关或代理服务器地址，通信协议 Via: 1.0 fred, 1.1 nowhere.com (Apache/1.1)
  Warning -- 关于消息实体的警告信息 Warn: 199 Miscellaneous warning


Responses 部分
Header解释示例
  Accept-Ranges -- 表明服务器是否支持指定范围请求及哪种类型的分段请求Accept-Ranges: bytes
  Age -- 从原始服务器到代理缓存形成的估算时间（以秒计，非负）Age: 12
  Allow -- 对某网络资源的有效的请求行为，不允许则返回405Allow: GET, HEAD
  Cache-Control -- 告诉所有的缓存机制是否可以缓存及哪种类型Cache-Control: no-cache
  Content-Encoding -- web服务器支持的返回内容压缩编码类型。Content-Encoding: gzip
  Content-Language -- 响应体的语言Content-Language: en,zh
  Content-Length -- 响应体的长度Content-Length: 348
  Content-Location -- 请求资源可替代的备用的另一地址Content-Location: /index.htm
  Content-MD5 -- 返回资源的MD5校验值Content-MD5: Q2hlY2sgSW50ZWdyaXR5IQ==
  Content-Range -- 在整个返回体中本部分的字节位置Content-Range: bytes 21010-47021/47022
  Content-Type -- 返回内容的MIME类型Content-Type: text/html; charset=utf-8
  Date -- 原始服务器消息发出的时间Date: Tue, 15 Nov 2010 08:12:31 GMT
  ETag -- 请求变量的实体标签的当前值ETag: “737060cd8c284d8af7ad3082f209582d”
  Expires -- 响应过期的日期和时间Expires: Thu, 01 Dec 2010 16:00:00 GMT
  Last-Modified -- 请求资源的最后修改时间Last-Modified: Tue, 15 Nov 2010 12:45:26 GMT
  Location -- 用来重定向接收方到非请求URL的位置来完成请求或标识新的资源Location: http://www.zcmhi.com/archives/94.html
  Pragma -- 包括实现特定的指令，它可应用到响应链上的任何接收方Pragma: no-cache
  Proxy-Authenticate -- 它指出认证方案和可应用到代理的该URL上的参数Proxy-Authenticate: Basicrefresh应用于重定向或一个新的资源被创造，在5秒之后重定向（由网景提出，被大部分浏览器支持）

几个主要头的作用

（1）Content-Type的作用
该实体头的作用是让服务器告诉浏览器它发送的数据属于什么文件类型。
例如：当Content-Type 的值设置为text/html和text/plain时,前者会让浏览器把接收到的实体内容以HTML格式解析,后者会让浏览器以普通文本解析.


（2）Content-Disposition 的作用
当Content-Type 的类型为要下载的类型时 , 这个信息头会告诉浏览器这个文件的名字和类型。


<%


     response.setHeader("Content-Type","video/x-msvideo");
     response.setHeader("Content-Disposition", "attachment;filename=aaa.doc");


%>


Content-Disposition中指定的类型是文件的扩展名，并且弹出的下载对话框中的文件类型图片是按照文件的扩展名显示的，点保存后，文件以filename的值命名，保存类型以Content中设置的为准。
注意：在设置Content-Disposition头字段之前，一定要设置Content-Type头字段。

1>

response.setContentType("text/html");
response.setCharacterEncoding("GBK");


设置浏览器不缓存
response.setDateHeader("Expires", 0);
response.setHeader("Cache-Control", "no-cache");
response.setHeader("pragma", "no-cache");

2>

meta是html语言head区的一个辅助性标签。
meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面

<%@ page contentType="text/html;charset=GBK"%>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />

告诉浏览器网页的字符集编码是GBK，两处charset要保持一致


<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<metaname="参数" content="具体的参数值">
页面告诉浏览器页面采用的是utf-8 编码
<meta http-equiv="Pragma" content="no-cache">
是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
＜meta http-equiv="refresh" content="2;URL=http://你的网址"＞ 
2秒后载入指定网页 


使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。
例如，添加：
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">
这样发送到浏览器的头部就应该包含：
content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008