wap2.0介绍 - XHTML

下面是我在网上找的点资料,把觉得现在有用的整理了下来。

 

1. XHTML MP 介绍
优势:开发的站点可以在WEB和无线上都可以使用,也可以用任何Web浏览器访问WAP2.0应用
向后兼容:XHTML MP / WCSS 和 WML / WMLScript

 

2. 语法规则
标签必须完全闭合。
标签和属性必须小写。
属性值必须包含在引号标记内。
不允许无属性值存在。
标签必须完全嵌套。

 

3. MIME 类型和文件扩展名
MIME类型: application/vnd.wap.xhtml+xml、application/xhtml+xml 、text/html。
动态生成MIME类型。获得HTTP请求中的accept header信息。
文件扩展名:.xhtml、.html、.htm

4. 文档结构
必须包含<html>, <head>, <title>和<body> 元素。

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
       <title>Hello world</title>
</head>
<body>
       <p>Hello world. Welcome to taobao.com.</p>
</body>
</html>


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属性来设置。


5. 通用的元数据
使用<meta/>标签,包含在<head>内
WAP浏览器如果不理解则忽略。
比如添加作者:<meta name="author" content=“tanwen"/>
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的 HTTP头。也可应用于图片的缓存。
 周期性刷新。必须配合使用。不是所有浏览器都支持。
    <meta http-equiv="Cache-Control" content="no-cache"/> 
    <meta http-equiv="refresh" content="15;URL=tanwen.xhtml"/>


6. 常用标签介绍
注释:<!-- -- >,和HTML和WML1.X相同。
换行:<br/> ,和HTML和WML1.X相同。
水平线:<hr/>。不能包含在<p></p>标签之内。
标题:<h1>-<h6>(不同的大小和样式),有些设备看起来一样的。
字体样式:XML可以使用标签来改变字体样式(<b>、<i>、<small>、<big>等)。但一些浏览器只支持其中的部分,不支持的忽略,不会出错。 WCSS 控制字体格式。
与格式化文本:在XHTML MP中,标签间空白不显示,此外,段落中2个或更多的空白只显示一个,如果想保持文字的格式,可使用<pre>。
列表:<ul>、<ol>、<li>。对于<ol>元素,可以用属性start 指定数字开始的序列。还可以用WCSS来做更精确的控制。

显示图片:<img>标签用来显示图片。和HTML一样。如果文件没发现或者图片格式不支持,显示alt属性文本。Height和width属性来指定图片显示区域的高度和宽度

除了老的WBMP图片格式,WAP2.0还支持WEB上的图片格式(gif, jpg和PNG),但WAP2.0无线设备支持上面图片格式的某些。GPRS-gif,CDMA-png。可以通过accept HTTP header判断设置。 
关于大图片的发布:很多WAP浏览器都没有水平滚动功能。如果宽度大于显示屏,很多的WAP浏览器会裁切图片。图片的按比例缩小不能帮助提升性能。大图片还会造成访问站点用户的费用。
优化图片:1、用制图软件按比例缩小图片;2、如果是gif图片,减少颜色,但降低了图片质量,权衡。3、如果是jpg图片,保存一定的压缩比例,依然是权衡。
使用multipart messages,先下载的XHTML MP文档,后请求图片,产生多个请求。该方式可以使文档和图片在一个请求,意味着一个页面只有一个请求。减少服务器的压力。


表格:创建表格,需要使用<table>、<tr>、<td>标签,默认表格没有边线。属性有rowspan和colspan。
锚链接:一般用在导航。标签为<a></a>。属性href定义指定的URL。当前页面位置的跳转:先设置目标链接,通过id属性设置;再设置锚链接的URL为#id名称。
对锚链接设置快捷键:<a>标签的accesskey属性,有效的值为:*,#,0-9。还可以用-wap-accesskey设置。
选择列表:选择列表使用<select>标签,包含一个或更多的<option>标签。<select>标签的name属性定义选择列表的名字。name用来取得被选择的item的值(option的value属性定义)。
 1. 多重选择列表:Option的selected属性用来设置默认的option。如果想设置多重选择列表,可使用<select>标签的multiple属性,只有一个唯一值‘multiple’。
 2. Option分组:使用<optgroup>标签,label属性定义option组的名称。
输入元素:Text field、Password fireld、Checkbox、Radio button、Hidden field。通过<input>元素创建。传输数据到服务器,<input>元素必须和<form>一起使用。Type属性用来定义input元素的类别。Name属性用来定义名称,方便取得用户数据。
       <input type="text" name=“taobao" maxlength="16" value=“tanwen"/>
       input { -wap-input-format: "10N"}
       <input type="password" name=“taobao"/>
       <input type="checkbox" name=“taobao" value=“tanwen" checked="checked"/>
       <input type="radio" name=“taobao" value=“tanwen" checked="checked"/>
       <input type="hidden" name=“taobao" value=“tanwen"/>

form元素:<input>、<select>等元素不能直接包含在form元素下,XHMTL MP标准规定必须有块级元素。如果有non-ASCII字符,需使用POST方法来避免编码问题。
     <form method="get" action=“tanwen.asp">

        <p>&nbsp;&nbsp;&nbsp;&nbsp;<input ...>

         &nbsp;&nbsp;&nbsp;&nbsp;<select ...>

        </p> </form> 
提交按钮:所有的表单都必须包含一个提交按钮。<input>元素用来创建一个提交按钮。而type属性被定义为’submit’。
       <input type="submit" value="OK"/>

       <input type="image" src="....." alt=" .. " />
重置按钮:并不是必须的。<input>元素用来创建一个重置按钮。而type属性被定义为’reset’。
       <input type="reset" value="Default"/>

Div和Span。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值