HTML网页结构
网页结构的组成
一个网页基本由网页、网站、域名、HTTP/HTTPS、URL、HTML组成
网页:
纯文本格式文件
编写语言为HTML
在用户的浏览器中被“翻译”成网页形式显示出来
网站:
由一个一个页面构成的,是多个网页的结合体
主页:打开网站后出现的第一个网页称为网站主页(或首页)
域名:
浏览网页时输入的网址
HTTP/HTTPS:
用来传输网页的通信协议(是否加密),是一种通讯/交互的标准/规范
URL:
是一种万维网寻址系统
HTML:
用来编写网页的超文本标记语言
HTML
HTML(Hyper Text Markup Language)超文本标记语言,是网页的源码
浏览器:解释和执行HTML源码的工具
HTML文档结构:HTML网页;头部部分;标题部分;主体部分;网页内容,包括文本、图像等
网页基本标签
头标签中的常用标签:
web简介
1web版本
web1.0
以编辑为特征,网站提供给用户的内容是编辑处理后的,然后用户阅读网站提供的内容这个过程是网站到用户的单向行为(静态页面的概念)。
web2.0
更注重用户的交互作用,用户既是网站内容的消费者(浏览者),也是网站内容的制造者加强了网站与用户之间的互动,网站内容基于用户提供,网站的诸多功能也由用户参与建设,实现了网站与用户双向的交流与参与(动态页面)。
静态网页与动态网页
静态网页
静态网页是标准的HTML文件扩展名是.htm .html(例如文本、图像、声音、Flash动画、客户端脚本和Activex控件及Java小程序等),是网站建设的基础,早期网站一般都由静态网页制作,没有后台数据库、不含程序和不可交互的网页,相对更新起来比较麻烦,适用于一般更新较少的展示型网站。
特点:
每个静态网页都有一个固定的URL,且URL以.htm、.html、.shtml等常见形式为后缀,而不含有"?"。
网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页都是保存在网站服务器上的。
静态网页的内容相对稳定,容易被搜索引擎检索。
静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难。
静态网页的交互性较差,在功能方面有较大的限制页面浏览速度迅速,过程无需连接数据库,开启页面速度快于动态页面。
动态网页
网页URL不固定,能通过后台与用户交互
在动态网页网址中有一个标志性的符号——“?”
常用的语言有PHP、JSP、Python、Ruby等
特点:
①交互性
网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后wBB发展的大势所趋
②自动更新
无须手动地更新HTML文档,便会自动生成新的页面,可以大大节省工作量
③因时因人而变
当不同的时间,不同的人访问同一网址时会产生不同的页面
HTTP协议
1.HTTP协议简介
(1)HTTP(超文本传输协议HyperText Transfer Protocol)协议是互联网上应用最为广泛的一种网络协议,它是基于TCP/IP协议的应用层传输协议,简单来说就是客户端和服务端进行数据传输的一种规则。
(2)HTTP/HTTPs是应用层上的协议,建立在传输层TCP之上,客户端通过与服务端进行TCP连接(三次手握),之后发送HTTP请求与接收HTTPI响应都是通过访问Socket接口来调用TCP协议实现。
(3)HTTP 是一种无状态(stateless)协议。HTTP协议本身不会对发送过的请求和相应的通信状态进行持久化处理。这样做的目的是为了保持。HTTP协议的简单性,从而能够快速处理大量的事务,提高效率。然而,在许多应用场景中,我们需要保持用户登录的状态或记录用户购物车中的商品。由于HTTP是无状态协议,所以必须引入一些技术来记录管理状态,例如ICookie。
(4)cookie和session 都为了实现的是http的短期的持久化(内存/缓存方式,查询快、效率比较高)
cookie:是缓存在用户端(client)浏览器中的(默认缓存一天),当下次客户端通过同一个浏览器访问客户端的时候,会优先读取cookie中的缓存信息,向服务端进行请求,同时服务端收到客户端请求的时候,读取到cookie文件,知道客户端之前找的是服务器A处理的任务,省资源,直接将请求直接再交给服务器A处理。
两者对比:
cookie省服务器性能、session更安全
为后面服务、集群、功能优化做铺垫。
具体解释了怎么解决HTTP无状态协议的持久化/存储。
(5)HTTP协议的版本
HTTP 0.9,版本过于老旧,目前基本无人使用
HTTP 1.0
HTTP 1.1
HTTP 2.0
2.HTTP1.0与2.0区别
(1)缓存处理
在HTT1.0中主要使用header里的If-Modified-8ince ,Expires来做为缓存判断的标准,HTP1.1则引入了更多的缓存控制策略例如Entitytag,If-Unmodified-since,If-Match,If-None-Match等更多可供选择的缓存头来控制缓存策略。
(2)带宽优化及网络连接的使用
HTTP1.0中,存在一些浪费带宽的现象,例如客户端只是需要某个对象的一部分,而服务器却将整个对象送过来了,并且不支持断点续传功能,HTTP1.1则在请求头引入了range头域,它允许只请求资源的某个部分,即返回码是206 (Partial Content),这样就方便了开发者自由的选择以便于充分利用带宽和连接。
(3)错误通知的管理
在HTTP1.1中新增了24个错误状态响应码,如409(Conflict)表示请求的资源与资源的当前状态发生冲突; 410(Gone)表示服务器上的某个资源被永久性的册除。
(4)Host头处理
在HTTP1.0中认为每台服务器都绑定一个唯一的IP地址,因此,请求消息中的URL并没有传递主机名(hostname)。但随着虚拟主机技术的发展,在一台物理服务器上可以存在多个虚拟主机(Multi-homed web Servers),并且它们共享一个IP地址。HTTP1.1的请求消息和响应消息都应支持Host头域,且请求消息中如果没有Host头域会报告一个错误(400 Bad Request)。
(5)长连接
HTTP1.1支持长连接(PersistentConnection)和请求的流水线(Pipelining)处理,在一个TcP连接上可以传送多个HTTP请求和响应,减少了建立和关闭连接的消耗和延迟,在HTTP1.1中默认开启connection: keep-alive,一定程度上弥补了HTTP1.0每次请求都要创建连接的缺点。
3.HTTP请求格式
Get方式
①请求行
请求的方式
请求的资源路径请求的版本协议号
②请求头(描述信息/标准化信息)
Accept:客户端可以接受的数据类型
Accept-Language:客户端可以接受的语言类型User-Agent:浏览器的信息
Accpect-Encoding:客户端可以接受的编码格式Host:表示请求的ip和端口号
Connection:告诉服务器请求连接如何处理
Keep-Alive:通知服务器回传数据不要马上关闭,保持一小段的连接
Closed:马上关闭
小结:
从指定的服务器上获得数据GET请求能被缓存
GET请求会保存在浏览器的浏览纪录里( cookit)GET请求有长度的限制
主要用于获取数据
查询的字符串会显示在URL中,不安全
Post方式
①请求行
请求的方式
请求的资源路径
请求的协议的版本号
③请求头
Accept:客户端可以接受的数据类型
小结:
提交数据给指定服务器处理POST请求不能被缓存
POST请求不会保存在浏览器的浏览纪录里POST请求没有长度限制
查询的字符串不会显示在URL中,比较安全
Get与Post的区别
①区别一:语义上的区别
Get向服务器请求数据,依照HTTP协议,get是用来请求数据。
Post向服务器发数据,依照HTTP协议,Post的语义是向服务器添加数据,也就是说按照post的语义,该操作是会修改服务器上的数据。
②区别二:服务器请求的区别
Get请求是可以被缓存,示例:访问百度,访问的方式就是GET,此时访问后的内容会缓被存在浏览器中,短时间再次访问,其实是拿到的浏览器中的缓存内容另外Get请求只能接收ASCII码的回复。
Post请求是不可以被缓存的。对于Post方式提交表单,刷新页面浏览器会弹出提示框"是否重新提交表单",Post可以接收二进制等各种数据形式,所以如果要上传文件一般用Post请求。
③区别三:参数放请求头和请求体的差别
Get请求通常没有请求体(当然这也是可以由程序猿心情改变的),在rcP传输中只需传输一次(而不是一个包),所以Get请求效率相对高。
Post请求将数据放在请求体中,而实际传输中,会先传输完请求头,再传输请求体,是分为两次传输的(而不是两个包)。
Post请求头会比cet更小(一般不带参数),请求头更容易在一个ncP包中完成传输,更何况请求头中有Content-Length的标识,可以更好地保证Http包的完整性。
留言0