📄 wap初级教程(1)—wml基础.htm
字号:
height=35>
<TABLE cellSpacing=1 cellPadding=1 width="100%" border=0>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT
size=3><STRONG>WAP初级教程(1)—WML基础</STRONG></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #cccccc 1px solid" align=middle height=25>
<DIV align=right>浏览字号:【<A href="javascript:doZoom(16,19)">大</A> <A
href="javascript:doZoom(14,17)">中</A> <A
href="javascript:doZoom(12,15)">小</A>】【<A
href="javascript:window.print()">打印</A>】【<A
href="javascript:window.close()">关闭窗口</A>】 </DIV></TD></TR>
<TR>
<TD vAlign=top align=middle height=80><FONT
color=#999999>日期:2004-08-02 人气:
<SCRIPT language=javascript
src="WAP初级教程(1)—WML基础.files/Read.php"></SCRIPT>
出处: </FONT><BR>
<TABLE borderColor=#ffffff cellSpacing=1 cellPadding=0 width=468
align=center border=0>
<TBODY>
<TR>
<TD>
<SCRIPT language=javascript
src="WAP初级教程(1)—WML基础.files/Banner_4.Js"></SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD class=article id=Zoom>
<TABLE class=bfont cellSpacing=2 cellPadding=2 width="92%"
align=center border=0>
<TBODY>
<TR>
<TD height=25>
<DIV align=center><SPAN style="LETTER-SPACING: 2pt"><FONT
color=#0066cc><B><FONT color=#00822b><A
name=9></A></FONT></B><FONT color=#ff3300><SPAN
class=font><FONT
face="Verdana, Arial, Helvetica, sans-serif">WML</FONT>基础</SPAN></FONT></FONT></SPAN>
</DIV></TD></TR>
<TR vAlign=top>
<TD height=1681>
<TABLE class=bfont cellSpacing=0 borderColorDark=#ffffff
cellPadding=3 width="100%" borderColorLight=#808080
border=1><TBODY>
<TR>
<TD width="24%">· <A
href="http://www.7880.com/Info/Article-14f069a0.html#1"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#000000>WML</FONT><FONT
color=#000000>的基本情况</FONT></A></TD>
<TD width="27%">· <A
href="http://www.7880.com/Info/Article-14f069a0.html#2"><FONT
color=#000000>建立网页制作环境</FONT></A> </TD>
<TD width="22%">· <A
href="http://www.7880.com/Info/Article-14f069a0.html#3"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#030303>WML</FONT><FONT
color=#030303>文件结构</FONT></A></TD>
<TD width="27%">· <A
href="http://www.7880.com/Info/Article-14f069a0.html#4"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#000000>WML</FONT><FONT
color=#000000>字符集</FONT></A></TD></TR>
<TR>
<TD colSpan=2>· <A
href="http://www.7880.com/Info/Article-14f069a0.html#5"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#000000>WML</FONT><FONT color=#000000>元素:标记(<FONT
face="Verdana, Arial, Helvetica, sans-serif">Tag</FONT>)和属性</FONT></A><SPAN>
</SPAN></TD>
<TD width="22%"><SPAN>· <A
href="http://www.7880.com/Info/Article-14f069a0.html#6"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#000000>WML</FONT><FONT
color=#000000>注释</FONT></A> </SPAN></TD>
<TD width="27%">· <A
href="http://www.7880.com/Info/Article-14f069a0.html#7"><FONT
color=#000000>链接(<FONT
face="Verdana, Arial, Helvetica, sans-serif">URL</FONT>)</FONT></A><SPAN>
</SPAN></TD></TR>
<TR>
<TD width="24%">· <A
href="http://www.7880.com/Info/Article-14f069a0.html#8"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#000000>CDATA</FONT></A> </TD>
<TD width="27%"> </TD>
<TD width="22%"> </TD>
<TD width="27%"> </TD></TR></TBODY></TABLE><BR><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#1120d9>WML</FONT><FONT color=#1120d9>的基本情况</FONT><FONT
color=#000000> </FONT><A
href="http://www.7880.com/Info/Article-14f069a0.html#9"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#666666>[TOP]</FONT></A> <A
name=1></A><BR>用于WAP的标记语言就是WML(Wireless Markup
Language)。<BR>WML的语法跟XML一样,WML是XML的子集。<BR>HTML、XML和WML的文件有很多相似之处,这样网页开发者在过去10年中所学的东西今天依然适用。<BR>WML页面文件的后缀是
*.WML,就象HTML的
*.HTML后缀。<BR>XML规定定义了一个规范的XML文件的规格。任何违反这个规定的WML文件会出错。WML文件通常使用XML解释器起来解释。<BR><BR><FONT
color=#1120d9>建立网页制作环境</FONT> <FONT color=#000000><A
href="http://www.7880.com/Info/Article-14f069a0.html#9"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#666666>[TOP]</FONT></A></FONT><FONT color=#000000><A
name=2></A></FONT><BR>WML文件本身就是文本文件,所以编辑不成问题,顺手的编辑器都可以用。
<BR>当然,由于目前的浏览器还都不能显示WML页面,而我们又不能总在手机上进行测试(速度太慢),所以需要模拟器。现在象NOKIA、ERICSSON、MOTOROLA等手机制造商都生产了相应的产品,你只要下载就行了。当然除了模拟器以外,还需要图形制作转换器(用来制作WAP格式的图形文件)、字符转码器(汉字〈-〉UNICODE)等等。<SPAN>
<BR><BR><FONT face="Verdana, Arial, Helvetica, sans-serif"
color=#1120d9>WML</FONT></SPAN><FONT color=#1120d9>文件结构</FONT>
<A
href="http://www.7880.com/Info/Article-14f069a0.html#9"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#666666>[TOP]</FONT></A><A
name=3></A><BR>WML的页面通常叫做桌面(DECK),由一组互相链接的卡片(CARD)组成。当移动电话访问一个WML页面的时候,页面的所有CARD都会从WAP服务器下载到设备里。CARD之间的切换由电话内置的计算机处理,不需要再到服务器上取信息了。CARD里可以包含文本、标记、链接、输入控制、任务(TASK)、图像等等。CARD之间可以互相链接。
<P>文档的实体包含在<wml>...</wml>标记中,文档里每个CARD又包含在<card>...</card>标记中,然后实际的文字段落则包含在<p>...</p>标记中。</P>
<P>简单例子:<SPAN> <BR></SPAN></P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><?xml version="1.0"?> <BR><!DOCTYPE wml
PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" <BR>
"http://www.wapforum.org/DTD/wml_1.1.xml">
<BR><BR><wml> <BR><card id="HELLO"
title="HELLO"> <BR> <p> <BR> Hello world!
<BR> </p> <BR></card>
<BR></wml></TD></TR></TBODY></TABLE><BR>显示结果如下:<BR><BR>
<TABLE class=font cellSpacing=0 cellPadding=0 width="21%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD height=84>------ HELLO ------ <BR><BR><BR><BR>Hello
World!
</TD></TR></TBODY></TABLE><BR>DECK里面各个组成部分的具体解释在本教程的其他部分有说明。<BR><BR><FONT
color=#3763d7><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#1120d9>WML</FONT><FONT color=#1120d9>字符集</FONT></FONT>
<A
href="http://www.7880.com/Info/Article-14f069a0.html#9"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#666666>[TOP]</FONT></A><A
href="http://www.7880.com/Info/Article-14f069a0.html#9"></A><A
name=4></A><BR>WML是XML的子集,继承了XML的字符集设置。WML文档缺省的字符集是UTF-8。
<BR>要显示中文,有两种办法。最简单的办法就是在文档头使用encoding,即把第一行改为: <BR><BR>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><?xml version="1.0"
encoding="gb2312"?></TD></TR></TBODY></TABLE><BR>然而令人丧气的是,这种方法有些手机和模拟器并不支持(将来会的),所以目前第2种方法更普遍:不改变字符集设置,但是在写中文的时候采用UNICODE代表中文字符,如:<BR><BR>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><b>&#x901A;&#x8BAF;&#x5F55;</b></TD></TR></TBODY></TABLE><BR>代表:
<BR>
<TABLE class=bfont cellSpacing=0 cellPadding=0 width="50%"
border=0>
<TBODY>
<TR bgColor=#d9ecff>
<TD height=21>通讯录</TD></TR></TBODY></TABLE><BR><FONT
color=#3763d7><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#1120d9>WML</FONT><FONT color=#1120d9>元素:标记(<FONT
face="Verdana, Arial, Helvetica, sans-serif">Tag</FONT>)和属性</FONT></FONT>
<A
href="http://www.7880.com/Info/Article-14f069a0.html#9"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#666666>[TOP]</FONT></A><A
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -