wap,html5,自适应网站,响应式网站

一直一来都被这几个词困惑着，今天又遇到了。查资料，归纳下吧。

一:手机wap网站

手机wap网站，利用WAP标准制作的网站。是一种实现移动电话与互联网结合的应用协议标准。

手机wap网站中的WAP是全球统一且开放的标准。手机wap网站解决了用户通过手机无法访问WEB网站的问题，让用户可以通过手机浏览各类信息。
WAP手机可以通过标准的协议接入互联网，手机上网，获取适用于手机浏览的网上信息，以及基于互联网的丰富应用。如新闻浏览、搜索、邮件、访问、查询、无线电子商务等，使人们体验无线互联网的丰富应用，更重要的，这些所有的网络应用，都可以在移动环境中进行，使得网络应用前所未有的方便快捷。

WAP和WEB并称的时候，前者是指基于WAP协议的手机网站，后者是指基于HTTP协议的电脑网站，支持WAP的手机可以直接访问WAP站点，手机访问WEB站点则需要经过网关转换；同样，电脑可以直接访问WEB站点，电脑访问WAP站点也需要经过网站转换。

二：html5

HTML5 全称是Hyper Text Markup Language，即“超文本标记语言”它是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的HTML语言，标准版本。
Wap全称是Wireless Application Protocol，即“无线应用协议”WAP定义可通用的平台，把目前Internet网上HTML语言的信息转换成用WML(Wireless Markup Language)描述的信息，显示在移动电话的显示屏上。
　　一丶性质的不同
　　(一)丶HTML5是一种脚本语言支持大部分移动端和PC端用户进行访问，它不需要对代码进行转化，直接多平台访问可以保证页面兼容性;
　　(二)丶wap是一种无线应用协议，它本身不拥有制作移动网站的能力，而它的页面语言为WML，现在的wap2.0所使用的脚本语言为XHTML;
　　二丶支持平台不同
　　(一)丶HTML5目前支持web和移动端大部分平台，它可以通过自身的脚本语言进行跨平台访问，保证页面效果兼容性。
　　(二)丶wap是无线应用协议，它的访问模式主要实在移动端来呈现。
　　三丶使用功能的不同
　　(一)丶 HTML5目前支持跨平台访问，更像一个应用平台，而不单单是一个网页脚本语言。
　　(二)丶wap技术目前就行2.0时代，相对于HTML5脚本语言来说，还是比较单一的，它支持公众服务丶个人信息服务和商业应用等移动网站。不支持多平台兼容，如果需要多平台访问时需要建立不同的web站点供用户访问。
三：自适应网站

能使网页自适应显示在不同大小终端设备。让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）

四：响应式网站

集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。

响应式网站设计(Responsive Web design)的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。

自适应只是响应式的一个子集，指网页中整体大图的自适应或者banner的自适应。　

响应式网页设计优势：流体网格的网站适合响应式网页设计。 　　

1、灵活性强，可以适应不同分辨率的设备 　　2、方便快捷的解决多设备显示适应问题 　　

自适应网页设计优势：固定断点的网站适合自适应网页设计。 　　

1、实施起来代价更低，测试更容易 　　2、自适应布局可以让设计更加可控，因为它只需要考虑几种状态就可以了 　　

 

 

响应式和自适应的区别：

 

首先两种方式解决问题的是不一样的。

 

自适应是为了解决如何才能在不同大小的设备上呈现同样的网页

手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。

 

很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。

 

于是，很早就有人设想，能不能"一次设计，普遍适用"，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整网页内容大小

 

响应式的概念应该覆盖了自适应，而且涵盖的内容更多。

 

自适应还是暴露出一个问题，如果屏幕太小，即使网页能够根据屏幕大小进行适配，但是会感觉在小屏幕上查看，内容过于拥挤，响应式正是为了解决这个问题而衍生出来的概念。它可以自动识别屏幕宽度、并做出相应调整的网页设计，布局和展示的内容可能会有所变动。如果下面的网址，屏幕宽度大于1300像素，则6张图片并排在一行。

 

 

 

 http://my.oschina.net/u/1992917/blog/383238