手机移动网页制作:WML的基础知识和基础语法
手机移动网页制作: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网页中的段落、换行、文本格式化、表格、图像等内容,请留意。
相关内容
-
Dreamweaver CC教程:显示选项卡式文档|仅在 Mac
Dreamweaver CC教程:显示选项卡式文档|仅在 Mac 上,选项,文档,...
-
Dreamweaver闪动分隔线效果制作技巧
Dreamweaver闪动分隔线效果制作技巧,制作,分隔线,属性,选择,...
-
Dreamweaver表单对象:文本区域
Dreamweaver表单对象:文本区域,文本,区域,表单,对象,字符,设...
-
dreamweaver实现网页同一区域鼠标滑过标签下部
dreamweaver实现网页同一区域鼠标滑过标签下部内容变化,标签,...
-
手机移动网页制作:WML网页段落、文本格式化、表
手机移动网页制作:WML网页段落、文本格式化、表格,网页,文本,...
-
手机移动网页制作:表单输入框、单选框、复选框
手机移动网页制作:表单输入框、单选框、复选框,输入框,单选框,...
-
手机移动网页制作:用Dreamweaver软件工具
手机移动网页制作:用Dreamweaver软件工具,制作,软件工具,移动...
-
Fireworks制作虚线(2)
Fireworks制作虚线(2),虚线,制作,输入,选择,命令,网页制作,设...
-
Fireworks制作虚线(1)
Fireworks制作虚线(1),虚线,制作,单击,选择,工具,选项,下拉框...
-
fireworks制作缺角矩形
fireworks制作缺角矩形,制作,删除,按键,工具,选择,象素,点后,f...
-
Fireworks制作Mac按钮
Fireworks制作Mac按钮,工具,填充,圆角矩形,制作,选择,复制,图...
-
fireworks制作圆角三角形
fireworks制作圆角三角形,三角形,圆角,制作,路径,选择,打开菜...
-
Fireworks制作阴影线技巧
Fireworks制作阴影线技巧,制作,文档,下键,克隆,工具,按住,点...
-
Fireworks制作圆角图片
Fireworks制作圆角图片,圆角图片,制作,属性,选择,圆角矩形,组...
-
Fireworks制作荧光按钮技巧
Fireworks制作荧光按钮技巧,制作,图层,复制,透明,渐变,工具,...