关于浏览器和服务器之间的知识

Web映射的模式：

正常牵引型、灵活牵引型、推进型

正常、灵活牵引型是用户自己主动请求信息或浏览器自动定期请求信息，盲目的

推进型通过服务器公开的元数据获知数据什么时候更新然后再向服务器请求信息

SSI（Server
Side Include）：

HTML信息内嵌入可以在web服务器上发挥功能的程序的命令。

如：

CGI：

HTML中内含有脚本程序，来自于服务器下载到本地执行

还可以嵌入java小程序，当需要执行时浏览器下载该.class，为字节码，不是文本信息。

HTTP/1.0
Web信息交换：

浏览器每一个请求建立一次tcp链接，当服务器返回请求数据后断开链接，浏览器再次请求时再次建立链接

HTTP的功能：

要点：请求内容，应答内容，交换的程序

请求消息、应答消息是以文本的形式

1)、请求消息

请求方法URI(IP地址)HTTP版本

通用头部

请求头部

本体头部

空行

本体

2)、应答消息

HTTP版本
应答代码说明

通用方法

应答方法

本体方法

空行

本体（文本或个人数据）/HTML和gif（图片）

HTTP消息：

方法头部、代码	书写形式	说明
请求方法(客户端->服务器)还存在其他的LINK、UNLINK等	GET	对服务器请求HTML和图片数据
HEAD	对服务器请求元数据
POST	将参数交给服务器的CGI
PUT	对服务器发送数据
DELETE	用户认证后，删除用户的数据
通用头部（客户端<->服务器）	Connection：控制命令	链接控制
Data：日期	现在的日期
MIME-Version：版本	MIME版本
请求头部（客户端->服务器）	Accept：型	对应的媒体形式
Accept-Language：语言	对应的媒体形式
Accept-Encoding：方式	相对应的代码方式
Host：主机名（端口号）	服务器的主机名（IP地址）
Cookie：名称	上回访问时，从Web服务器收到的信息
主体头部	Content-Length：字节	用字节表示数据长度
Content-Type：型/副型	本身的多媒体类型”text/html”是根据文本形式的html信息
Content-Language：语言	主体语言
Last-Modified：日期	最终更新日期
Etag：识别值	主体的识别信息
应答头部（客户端<-服务器）	Accept-Ranges：bytes/none	以byte为单位，是否接受Range指定
Server：程序名	服务器软件的识别名
Set-Cookie：名称	Cookie信息
应答代码（客户端<-服务器）服务器的状态用应答代码通知	100 Continue	请求接受，下一个数据包的请求
200 OK	请求被正常处理（通常的应答）
202 Accepted	请求接受信息，但请求没有被处理
300 Multiple Choices	请求的URL没有指定特定的资源
400 Bad Request	请求的消息有语法错误
403 Forbidden	拒绝请求
404 Not Found	所请求的URL没有找到（目标主页不存在）
408 Request Time-out	时间溢出，切断连接
500 Internal Server Error	服务器的内部错误

HTTP状态码：

1XX 正常，正常受理Request信息，正在做后续处理

2XX 正常，正常受理Request信息，已经有一部分处理在进行中

3XX 处理完Request后还有必要处理其它事物

4XX 客户端的问题

5XX 服务器的问题

HTTP特征：

HTTP是无状态的，HTTP上是明码传输

HTML与CSS：

构造与表示分离，HTML构造，CSS表示

HTML：

要素之间的父子关系：

head和body是html的子要素

属性：

要素可以添加属性

DTD：

可以定义在HTML中使用的要素

文档类型（Doctype）的声明：

HTML开头常见：

<!DOCTYPE
HTML
PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML的构成要素：

head部分<head></head>的部分要素

title	HTML文档的标题
base	作为文档的基础URI，如果没有base要素的话，用文档的实际URI作为基础
link	链接信息，记载了状态表或是代替文档，前后文档等等
meta	元信息，记载文档的种类或是概要信息
style	嵌入在状态表
script	脚本
object	嵌入对象，在嵌入音乐，图像，动画，applet等等时使用
param	参数，Object或是applet使用

body部分的要素：

块要素：

h1～h6	索引。从第一层到第六层，第一层是最前一层的索引
p	段落。另外，在p要素中不能包含块要素，只能使用行要素
blockquote	块级别引用
ins	追加部分。表示文档中追加的部分（行要素中也可以使用）
del	清除部分。表示文档中消除的部分（行要素中也可以使用）
hr	水平线
pre	版式已经调整好的文字
address	表示作者信息(firefox具体表现问斜体字)
div	成组化，当作容器使用，
ul，ol，dl	列表
table	表
form	表单
script	脚本
noscript	在不能使用脚本的环境中，用作代替脚本的文本

列表要素：

ol	带编号的列表
ul	没有编号的列表
li	列表项目（在ol、ul、dir、menu要素内部使用）
dl	定义列表
dt	用来做定义的用语（在dl要素内部中使用）
dd	定义的内容（在dl要素内部中使用）

表：

table	表
caption	表的标题，一张表只能指定一个标题。<table>标记后边马上指定
tr	行
td	单元格
th	项目标题
colgroup	项目的成组化
col	列。在colgroup要素内部，可以指定列的属性
thead	把最初的列作为头部来成组化
tfoot	尾部。把最后的列作为尾部来成组化。在thead的后面马上记入
tbody	正文。用来把表的正文部分同头部以及尾部区别开来。另外，也可以将正文部分成组化

表单：

form	表单
input	（表单控件）输入文本或是表示按钮等等。控件的种类通过type属性指定。例如：type=text表示用来输入文本的域
button	（表单控件）制作按钮。button要素的内容（<button>~</button>所包围的部分）将在按钮上显示出来
select	（表单控件）表示多选按钮。各种各样的选择分支用option来记述
option	（表单控件）多选按钮。（select）中的选择分支
optgroup	（表单控件）选择分支（option）的成组化
label	（表单控件）将文字列与控件关联起来
textarea	（表单控件）可以输入多行内容的输入表单
object	嵌入对象。嵌入applet或是ActiveX等等
fieldset	分组化表单控件。一定要有定义标题的legend要素
legend	在fieldset中的表单的标题

行要素：

a	链接。通过<a href="url">指定链接目标 <a name="~">指定名字
img	嵌入图像
object	嵌入对象
script	脚本
br	强制换行
bdo	标记的方向，从左到右，从右到左
map	客户端图像映射
area	地域。指定客户端图像映射的领域和链接
span	容器
增加了逻辑关系的意味	em	强调（多用斜体字表示）
strong	强调（多用粗体）
samp	输出的例子
kdb	输入的例子
var	变量。根据状态不同可以变化值
dfn	定义用语
abbr	略语
acronym	只写头字的略语
cite	引用
指定表示状态	b	粗体	i	斜体
big	大号字	small	小号字
tt	等宽	sub	下标文字
sup	上标文字

框架：

frameset	定义框架构造
frame	定义一个一个框架

CSS：

样式的定义：

p{line-height：40%}/*按140%改变行的高度*/

在head部分定义（嵌入样式表）：

<head>
<style
type="text/css">
<!--
p{line-height:140%}
strong{color:red}
-->
</stytle>
</head>

在别的文件中定义（外部样式表）

外部样式表例子：

<head>
<link
rel="stylesheet" type="text/css"
href=".../others/style01.css">
</head>

输入样式表的例子：

<head>
<style
type="text/css">
<!--
@import
url(.../others/sytle01.css)
-->
</style>
</head>

嵌入任意场合（嵌入样式）

大部分的要素在body部分可以时用style属性

可以使用div、span要素指定范围的样式

可使用meta元素指定默认样式

<head>
<meta
http-equiv="Content-Style-Type" content="text/css">
</head>
<body>
<h1
style="border-style:outset">使用样式表的方法</h1>
<div
style="margin:0 2em">
~
</div>
</body>

样式表优先级：

HTML>用户>浏览器

样式继承：

一般子元素继承父元素样式，根据标签不同，有些不继承

识别子：每个要素的设定

识别子与声明：

h1
{border-style:outset}

在一起定义识别子：

h1,h2,h3,h4,h5,h6{

line-height:100%;

text-decoration:underline;

}

只定义特定要素的子要素：

blockquote
em{color：red}

识别子：根据属性设定

"要素#ID"或是"要素.类名"

使用id属性的情况：

strong#warning
{color:red}

使用class属性的情况：

strong.warning
{color:red}

只针对类名/ID名声明：

.memo
{color:green}

#first
{color:blue}

大小的指定：

利用绝对的形式表示大小
cm	厘米
mm	毫米
in	英寸
pt	点（point：72点=1英寸）
pc	piece（1 piece=12点）
利用相对的形式表示大小
em	使用中的字体的宽度（1 em=1文字大小）
ex	文字"x"的大小
px	像素（pixel）
%	百分比（随着特性的不同，与之相应的比例也不同）

指定颜色的例子：

h1
{color:#3366CC}

h2
{color:black}

h3
{color:windowtext}

RGB的混合比例：

十六进制	#RRGGBB
	#RGB	简略的表记。#36C代表#3366CC
十进制	rgb(R,G,B)	用0～255的十进制表示R，G，B
百分比	rgb(R,G,B)	用0%～100%这样的方式表示R，G，B

颜色的名字：

black

系统颜色：

InfoText

特性：字体与文本：

特性：列表：

特性：框线和余白

通过margin和padding可以设定余白，通过border可以设定境界线

特性：背景

客户端脚本：

事件属性：

onclick	单击
ondblclick	双击
onmousedouwn	按下鼠标
onmouseup	松开按下的鼠标
onmouseover	光标（指针）重叠
onmousemove	光标（指针）移动
onmouseout	光标（指针）移开
onkeypress	松开按下的按钮
onkeydown	按下按钮
onkeyup	松开按下的按钮
onfocus	取得焦点（仅限于a、area、label、input、select、textarea、button）
onblur	失去焦点（仅限于a、area、label、input、select、textarea、button）
onselect	指定输入框的文本的范围（仅限于input、textarea）
onchange	变更值（仅限于input、select、textarea）
onsubmit	运行传输的表单（仅限于form）
onreset	充值表单（仅限于from）
onload	读完文档的全体（仅限于body、frameset）
onunload	移动其他的页面或是关闭浏览器等，破弃窗口或框架本身（仅限于body、frameset）

时间： 2024-10-15 02:42:26

关于浏览器和服务器之间的知识的相关文章

浏览器和服务器之间传输数据

由于web系统采用http协议在浏览器和服务器之间传输数据,而http协议是一种无状态的协议,如何在不同页面之间传递数据,可以有一下几种方式: 方式一:表单方式传递表单传递参数是一种最简单,也是最基本的参数传递方式.注意:表单元素隐藏按钮的使用方式二:带参数的url方式传递带参数的url写法: url?参数名1=值1&参数名2=值2. 方式三:请求request对象可以将数据绑定到request对象上,通过request对象getAttribute和setAtt

java web中的中文乱码问题——浏览器与服务器之间的中文乱码

一. 乱码产生原因浏览器在向服务器发送请求时会对携带的请求参数进行编码(UTF-8格式),服务器在接收到请求参数时会对其进行解码,由于浏览器与服务器编码格式不同产生乱码.不同服务器默认编码格式不同,Tomcat默认ISO-8859-1. 二. get.post请求方式乱码解决方案--简单版 1. get请求 get请求有三种解决方案. a. 通过先编码再解码方式.服务器以不同编码格式解码后导致乱码,此时可以通过先以与服务器相同的编码格式将字符串编码成原始的字节流,再通过String类的构造方法

浏览器和服务器之间数据读取

浏览器发送的数据格式: get: 是从url栏发送例如:/index/?a=1&b=2 get方式没有请求体 request.body 是一个空的 b'' post: 通过form表单发送默认发送的数据类型是urlencoded 只有post才有请求体 <form action="" method="post"> {%csrf_token%} <input type="text" name=&qu

浏览器与服务器的消息通信

最近工作中遇到一个场景,商家在商家后台需要实时的获取到有没有新订单,有的话是几个:这个需求类似与日常中使用QQ或者微信时的新信息提醒一样,只要有新信息就需要提醒:商家基本在PC上使用,各式浏览器都有:如 IE系列(7.0,8.0,9.0及以上),chrome内核,firefox等:功能所属的部署在Tomcat 6.0上,如果技术需要可以部署到 Tomcat 7.0上; 我们先做做技术调研,这种浏览器与服务器实时通信的方式有哪些方式. AJAX轮询这是我们最自然想到的. 采用常规AJAX轮询的方

【转载】浏览器与服务器通信的过程

首先当用户在浏览器的地址栏中敲入了网站的网址 ( 比如: alibaba.com ) ,这时浏览器会首先通过访问的域名来定位到IP (DNS) 从而找到去哪里获取资源, 这时, 浏览器会依次进行如下查找: 1. 浏览器缓存 : 浏览器首先会在自己的缓存中查找有没有对应的域名 – IP匹配, 如果好运的话, 这里就可以直接尝试去访问资源了, 如果运气平平则往下走吧. 2. 系统缓存 : 浏览器缓存中没有命中, 浏览器会告诉操作系统:”嘿, 我在我自己口袋里没找到, 可能丢了, 我得去你那看看”,

解如何利用 XML 和 JavaScript Object Notation 在 Ajax 客户端和 Java 服务器之间传输数据。

2006 年 6 月发表 Ajax 核心 API(即所谓的 XMLHttpRequest)的唯一用途就是发送 HTTP 请求,在 Web 浏览器与服务器之间进行数据交换.Web 页面中运行的 JavaScript 代码,可以使用 XMLHttpRequest 将该请求参数提交至服务器端脚本,例如 Servlet 或 JSP 页面.调用的 Servlet/JSP 将发回一个响应,其中包含了一般用于不需刷新整个页面即可更新用户查看内容的数据.此种方法在性能和可用性方面均体现出了独有的优势,因为这将降

浏览器，服务器，网络

### 同源策略是什么? ### javascript跨域通信同源:两个文档同源需满足 - 协议相同- 域名相同- 端口相同跨域通信:js进行DOM操作.通信时如果目标与当前窗口不满足同源条件,浏览器为了安全会阻止跨域操作.跨域通信通常有以下方法- 如果是log之类的简单单项通信,新建<img>,<script>,<link>,<iframe>元素,通过src,href属性设置为目标url.实现跨域请求- 如果请求json数据,使用<script&g

http通信过程中，Web浏览器与Web服务器之间将完成下列7个步骤

http通信过程中,Web浏览器与Web服务器之间将完成下列7个步骤: (1) 建立TCP连接在HTTP工作开始之前,Web浏览器首先要通过网络与Web服务器建立连接,该连接是通过TCP来完成的,该协议与IP协议共同构建Internet,即著名的TCP/IP协议族,因此Internet又被称作是TCP/IP网络.HTTP是比TCP更高层次的应用层协议,根据规则,只有低层协议建立之后才能,才能进行更层协议的连接,因此,首先要建立TCP连接,一般TCP连接的端口号是80 (2) Web

序列化和反序列化在浏览器和 Web 服务器之间传递的数据、加密解密

js中数组不能传递到后台,需进行json序列化: var data = new Array(); data.push({para1:name,para2:answer}); string data = JSON.stringify(data) //解析参数 JavaScriptSerializer js = new JavaScriptSerializer(); List<Dictionary<string, string>> answerList = js.Deserialize