扫盲】HTML5、Web APP、3G网站、Wap网站傻傻分不清楚

【扫盲】HTML5、Web APP、3G网站、Wap网站傻傻分不清楚

  (2013-12-30 18:53:52)
标签: 

移动互联网

 

wap

 

web

 

手机网站

 

文化

分类: 移动互联网

    互联网分为移动互联网和PC互联网,在PC互联网上的生态元素是Web站点,在移动互联网上的生态元素是手机网站和APPAPP分为Native APP, Web APP(Html5开发), Hybrid APP,而目前手机上的网站主要就分为WAP格式和3G格式,从脚本语言来讲,我们通常喜欢说用WML开发的网站就是WAP网站,用XHTML开发的是3G网站。(HTML 指超文本标签语言, 是通向 WEB 技术世界的钥匙, XHTML 是更严谨更纯净的 HTML 版本,HTML5 是下一代的 HTML。)

一、什么是手机网站?

顾名思义,就是手机能访问的网站。更准确地说是面向手机用户为方便手机访问而建立的网站。手机网站一般又称作WAP网站 , 而传统网站又称作Web网站,WAP网站可分为WAP1.XWAP2.0网站。

WAP1.X功能简单、界面粗糙,WAP2.0的手机网站功能和界面都与Web网站相接近。

WAP2.0的手机网站可以在电脑上直接用浏览器访问,而WAP1.X的网站,需要模拟器或者给浏览器安装相应的插件方可。(比如Firefox安装wmlbrowser即可访问WAP1.X的手机网站。)

目前也有不少智能手机支持直接访问Web网站,但是因为Web网站宽度一般大于800px,而即使是比较宽的手机,也只有320px,在手机上访问不方便。另外一方面,由于电脑网速快、内存大,所以Web网站包含的文字、图像都比较多,页面文件比较大,通常在10K以上。而比如手机新浪网首页也只有 9K,新浪网的普通网页>100K

二、Wap网站和3G网站的前世今生

WAP1.X是当初专门用WML2.5G时代开发的一个脚本,它功能简单,页面形式主要是文字,限于当时网速带宽和机型的技术,不能采用CSS,颜色选择也只有普通文字的黑色和链接文字的蓝色,页面背景不能设置。

3G网站,也就是我们所说的WAP2.0则主要是用XHTML开发的,页面形式丰富多样,可以采用CSS定义,通过IE能直接访问。

换言之,3G网站是手机网站领域为迎合3G的推广而创造的概念,3G网站就是手机WAP网站。

三 、什么是WAP

WAP是一种向移动终端提供互联网内容和先进增值服务的全球统一的开放式协议标准,是简化了的无线Internet协议。WAP 将Internet和移动电话技术结合起来,使随时随地访问丰富的互联网络资源成为现实。

WAP技术已经发展了两代,第一代版本号是WAP1.X,当前流行的是WAP2.0WAP1.X功能弱小,而基于WAP2.0开发的手机网站在功能、界面显示、动态性和交互性等方面已经能够和普通网站相媲美了。当前市面上销售的手机已经全部支持WAP2.0,在使用的手机中,超过95%的支持 WAP2.0

四、 Web网站与Wap网站的区别?

WEB网站基于电脑载体,依据INTERNET提供信息服务,信息容量大,可视化化效果强,业务范围广,能满足多样化个性化服务需求。

WAP网站基于手机载体,依据GPRS提供信息服务,信息容量相对较小,考虑到流量问题,一般去掉了很多修饰性辅助性的内容,美观性稍差,主要提供基本业务功能,一般提供的是标准版的通用版本,个性化体现较弱。

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

五、手机网站Wap2.0版与html5触屏版有什么区别?

Wap2.0手机版网页支持任意移动终端完美访问,html5触屏版主要针对高端智能手机,可以给用户呈现华丽的网页视觉效果。Wap2.0html5相互补充,不能说哪个好,如您有多的预算可以考虑部署两种网页版本,最终会通过终端辨别自动给用户呈现最适合手机显示的版本

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Dark Mode 是一种较新的设计趋势,它可以在不同操作系统或应用程序中自动切换白天或黑夜模式。如果您想禁用Dark Mode并始终使用浅色主题,可以按照以下步骤: 1. 在<head>标签中添加以下元标记: ```html <meta name="color-scheme" content="light"> ``` 2. 在<style>标签中添加以下样式规则: ```html @media (prefers-color-scheme: dark) { body { color: black; background: white; } } ``` 这样设置后,无论用户的操作系统或浏览器是否启用 Dark Mode,都将强制使用浅色主题。 如果您希望您的网站能够自适应 Dark Mode 主题,可以使用 CSS 变量和 JavaScript 来实现。以下是一些示例代码: 1. 使用 CSS 变量 ```css :root { --background-color: white; --text-color: black; } @media (prefers-color-scheme: dark) { :root { --background-color: black; --text-color: white; } } body { background-color: var(--background-color); color: var(--text-color); } ``` 2. 使用 JavaScript ```javascript const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)"); if (prefersDarkScheme.matches) { document.documentElement.style.setProperty('--background-color', 'black'); document.documentElement.style.setProperty('--text-color', 'white'); } else { document.documentElement.style.setProperty('--background-color', 'white'); document.documentElement.style.setProperty('--text-color', 'black'); } ``` 这些代码将根据用户的操作系统设置,自动切换网站的主题。您可以将 CSS 变量和 JavaScript 代码放在单独的文件中,并在<head>标签中引用它们,以便在整个网站中重用它们。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值