热门标签： c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml

WAP 2.0介绍和使用规范(1)

—— XHTML MP and WCSS
一、WAP的常识（省略）
二、XHTML MP
（一）XHTML MP 介绍
XHTML MP（eXtensible HyperText Markup Language Mobile Profile）
WAP2.0
与WCSS（WAP CSS /WAP Cascading Style Sheet）配套使用
是XHTML的子集
XHTML Basic (XHTML子集)+另外的一些XHTML的元素和属性
WAP浏览器与互联网之间
以前WAP网站（WML and WMLScript ）
更多的展示表现（presentation control ）
（一）XHTML MP 介绍
优势：开发的站点可以在WEB和无线上都可以使用，也可以用任何Web浏览器访问WAP2.0应用
向后兼容：XHTML MP / WCSS 和 WML / WMLScript
（二）无线标记语言发展
HTML：WAP发展的首要任务——移动电话，PDA等访问互联网。WAP standard (WML and XHTML Mobile Profile) 类似HTML
WML（Wireless Markup Language） 1.x：WAP 1.x 规范中规定的标记语言，无线设备的第一个标记语言。Openwave、Nokia 和 Ericsson 很早都有自己的标记语言。WML规范是WAP Forum（97）创建的。而现在，很多的WAP站点依然使用的是WML。
XHTML：结构比HTML更简洁和严格。这对于无线设备（例：移动电话）很重要，对于有限的处理能力。
XHTML Basic : ......

WAP 2.0介绍和使用规范(2)

（七）文档结构
XML声明和字符编码：<?xml version="1.0" encoding="UTF-8"?>
       UTF-8/16编码可省略。XML声明也不是必须的，但如果忽略在许多WAP浏览器中出错。
必须有DOCTYPE声明。在XML声明和<html>元素之间。
<html>、<head>、<link>、<title>、<body>
<p>元素，align属性已经去除，可以通过WAP CSS的text-align属性来设置。
（八）通用的元数据
使用<meta/>标签，包含在<head>内
WAP浏览器如果不理解则忽略。
比如添加作者：<meta name="author" content=“yuanxin"/>
Cache Control：<meta/>标签的一个应用是控制XHTML MP文件在Cache中的存在周期：
       <meta http-equiv="Cache-Control" content="no-cache"/>
       <meta http-equiv="Cache-Control" content="max-age=0"/>
        注意点：与设备相关。一些使用不相的方法，一些没有Cache机制。还有一些不支持<meta/>但识别Cache-Control:no-cache的
&n ......

WAP 2.0介绍和使用规范(3)

三、WCSS/WAP CSS
（一）WCSS 介绍
WCSS/WAP CSS/Wireless CSS/Wireless Profile CSS（WAP Cascading Style Sheet ）
是CSS2的子集+一些WAP特有的扩展
目的：定义文档的风格和布局，从文档内容中分离。
重要性：不同的手机设备有多样的特征，比如屏幕大小。
WML不支持WCSS
W3C CSS Mobile Profile和WAP CSS 不同。
（二）使用WCSS的优势
主要：学习成本降低，可用相同的开发工具，可用WEB浏览器浏览。
表现和结构的分离：匹配不同无线设备的特征（屏幕大小）、不同客户端代理（PC、PDA、手机）；降低维护成本（新手机）；改变视觉和布局仅需CSS；重复使用CSS；便于工作细分。
比WML更好的控制表现：可以定义元素的color，font，background，border，margin，padding等属性。
移动设备第一次访问站点下载样式（Cache）。
使用外部WCSS，XHTML MP的文档大小变小，提高下载时间。
（三）使用WCSS的劣势
不同的WAP浏览器对WCSS的支持不同，可能一个属性在这个WAP浏览器上支持，而另外一个不支持。
外部的WAP CSS可能增加第一次访问页面的请求时间。原因：外部WCSS不存在于手机的Cache，必须从服务器下载；XHTML MP文档和外部的WCSS下载是不同的请求，增加了服务器 ......

WAP 2.0介绍和使用规范(4)

（十二.2）WCSS输入扩展
如果值语法错误，则WAP浏览器忽略该属性。
       也可以包含转义字符：’\’在WCSS中是特殊字符，使用’\\’。
控制文本框是否可以留空：-wap-input-required（值为：false和true ），帮助控制文本框是否可以空白。使用元素同上。
       当-wap-input-format和-wap-input-required冲突时，以required优先。
（十二.3）WCSS Marquee扩展
可以在屏幕上滚动一些内容（一行文字，一个图片，一个链接等），但一些WAP浏览器只支持滚动文字。当内容超过屏幕时很有用。
包含四个属性和一个属性值：-wap-marquee属性值（display属性的值），-wap-marquee-dir属性（指定marquee的方向,值：ltr，rtl-默认），-wap-marquee-loop属性（指定marquee重复的时间，infinite永远，大多数默认为1），-wap-marquee-speed属性（指定marquee的速度，值：slow，normal-默认，fast），-wap-marquee-style（指定marquee在屏幕上如何滚动，有三个值：scroll-默认，slide，alternate）

（十二.3）W ......

HTML文件HEAD内部标记

一、title 网页标题。
二、meta标记
说明：<meta>标记必须放在<head>与</head>之间
根据HTML语言标准注释：meta标签是对网站发展非常重要的标签，它可以用于鉴别作者，
设定页面格式，标注内容提要和关键字，以及刷新页面等等。
meta标签分两大部分：HTTP-EQUIV和NAME变量。
HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。
常用的HTTP-EQUIV类型有：
1.expires(期限)
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
用法：<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
注意：必须使用GMT的时间格式。
2.Pragma(cach模式)
说明：禁止浏览器从本地机的缓存中调阅页面内容。
用法：<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
注意：这样设定，访问者将无法脱机浏览。
3.Refresh(刷新)
说明：需要定时让网页自动链接到其它网页的话，就用这句了。
用法：<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
注意：其中的5是指停留5秒钟后自动刷新到URL网址。
4.Set-Cookie(cookie设定)
......

HTML 5 WebSocket 示例

作者：88250
时间：2010 年 1 月 1 日
     我们通过一个简单的例子来熟悉 HTML 5 WebSocket。该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示。准备：下载 Jetty 7 ，Java Web 开发环境，Chrome 4+ 。
服务端 Java 代码：
final public class CounterSocketServlet extends WebSocketServlet {
    @Override
    protected WebSocket doWebSocketConnect(final HttpServletRequest hsr,
                                           final String string) {
        return new CounterSocket();
    }
    final class CounterSocket implements WebSocket {
        private Outbound outbound;
        public void ......

总记录数:40319; 总页数:6720; 每页6 条; 首页上一页 [3941] [3942] [3943] [3944] 3945 [3946] [3947] [3948] [3949] [3950] 下一页尾页