前端设计

手机网页的制作方法四_WML语言基础

2013-08-20

本篇文章是《手机网页制作方法》系列文章中的一篇,主要讲解Wap1.2手机网站的WML网页制作方法。WML的一般知识已经在前面介绍过了,这里就不再赘述,如果没有看过,请参考前面的几篇文章:《手机网页是怎样制作的》、《Xhtml MP语言制作手机网页1_新建网页》、《Xhtml MP语言制作手机网页2_链接CSS文件》、《Xhtml MP语言制作手机网页3_添加网页内容》等。
 

下面开始介绍WML的相关知识:
 

WML基础知识


1、WML使用的标签类似 Html,但是语法更严格且遵守 XML 1.0 标准;

2、WML页面的扩展名是 ×.WML,就像 HTML 页面的扩展名是 ×.HTML 一样,这个在前面的文章中提过;

3、WML语言的源代码内区分大小写<p>和<P>是不同的,标签必须正常关闭,否则就会报错甚至无法显示。

 

WML基础语法


1、卡片和卡片组:WML页面叫做卡片组(DECK)。卡片组是由一系列的卡片(CARD)构成的,卡片之间通过链接联系。

2、页面基本结构:和Html语言一样,完整的WML页面也是从文档声明开始的,具体结构如下:
 

<?xml version="1.0" encoding="utf-8"?>
 

 <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
 <wml>
 <card id="card1" title="阿邦网Dreamweaver">
 <p>
 Wap页面测试!http://dreamweaver.abang.com
 </p>
 </card>
 <card id="card2" title="Div+css">
<p>
 Wap页面测试!Div+css
 </p>
 </card>
 </wml> 
 
WML属于XML文档,文档模型为wml_1.1.xml。<wml></wml>间是文档内容,就像Html中的<html>标签;<card></card>中是显示的主体内容,就像Html中的<body>标签。

card标签上有ID,方便程序调用,card上的title就是这个看片的名称,显示效果如上图所示。<card>与</card>之间可包含的元素有很多,包括文本、图像、链接、表格、输入框、表单等等,这些内容将在下面的文章中介绍。
 

 以上这段代码在预览时只能显示card1中的内容,如果页面中有card2内容,它将提前被下载到手机上而不显示,只有通过链接显示card2内容。

下篇文章将向您介绍WML网页中的段落、换行、文本格式化、表格、图像等内容,请留意。