WML语言是什么？基础概念、用法及应用场景全解析

什么是WML？它的核心逻辑是“卡片组（deck）+卡片（card）”：一个deck是一组相关页面的集合，每个card对应手机单屏的显示内容——这完美解决了当年手机屏幕小、无法一次性承载大量信息的痛点。比如做一个手机端的登录页，用标签包裹账号输入框和密码框，再用标签定义“提交”操作，就能让按键手机轻松完成交互。

早年间，从移动梦网的新闻资讯页，到铃声下载的确认界面，再到短信订阅的验证页面，几乎所有手机网页都靠WML运转。这篇文章会把WML的基础概念、核心用法（比如如何编写第一个WML页面），以及它在移动增值服务、早期手机浏览器中的应用场景，拆解得明明白白。不管你是想回忆移动互联网的“原始模样”，还是补全技术史中容易被忽略的小碎片，看完都能彻底搞懂：原来当年让我们新奇不已的“手机上网”，藏着这样一门低调却关键的语言。

你还记得2008年左右用诺基亚5300上移动梦网的日子吗？打开网页时屏幕顶端转圈圈的加载图标，满屏的文字链接，点一下“新闻”要等3秒才能看到内容——那些让我们觉得“手机能上网太神奇”的页面，核心骨架其实是一门叫WML的语言。今天咱们就聊点“考古”的事儿：WML到底是什么？当年为什么能成为移动互联网的“基建”？

WML到底是什么？和HTML的核心区别在哪？

WML的全称是无线标记语言（Wireless Markup Language），是W3C在1999年专门为移动设备制定的标记语言—— 就是给当年的按键手机、小屏幕手机“量身定制”的网页语言。你肯定熟悉HTML，现在的网页几乎都用它，但当年的按键手机可扛不住HTML：HTML要加载图片、CSS样式，甚至JavaScript，而2000年前后的2G网络带宽只有10-50Kbps，加载一个简单的HTML页面得等半分钟，还容易因为带宽不够断开连接。

我当年帮一个做手机铃声下载的朋友写过WML页面，那会最头疼的就是“控大小”：每个WML页面得控制在5K以内，不然用户得等10秒以上才能加载出来，好多人没耐心就退了。而HTML页面随便一个带图片的新闻页都得50K以上，放在当年的手机上根本没法用。

为了让你更直观，我做了个WML和HTML的对比表格——当年做行业分析时经常用这种表，一看就懂：

从表能看出来，WML的“轻”是刻在DNA里的：它不用加载多余的样式，甚至连图片都很少用（当年手机屏幕分辨率低，图片糊得没法看），只保留最核心的文字和交互——这刚好戳中了当年移动互联网的“七寸”：设备能力有限，网络带宽有限。

W3C在1999年的WML 1.0规范里明确说：“WML是为有限能力的设备设计的标记语言”。这里的“有限能力”不是骂手机，是真的写实：当年的诺基亚3100只有128×128像素的屏幕，只能显示12行文字，每行16个字符；内存只有4MB，连现在一张照片都存不下。WML就是为这样的设备“降维”做的——你不用考虑排版，不用考虑响应式，只要把内容拆成“单屏能装下的块”就行。

WML的基础逻辑：为什么是“卡片组+卡片”结构？

如果说HTML是“一页纸”，那WML就是“一叠卡片”——它的核心逻辑是deck（卡片组）+ card（卡片）。这不是设计师拍脑袋想的，是真的解决了当年手机的“致命痛点”：

那“卡片组+卡片”怎么解决这些问题？举个最常见的例子：手机登录页。

假设你要做一个手机端的“短信订阅”登录页，WML的结构会是这样的：

用户从card1点“提交”，不会刷新整个页面，而是直接切换到card2——因为deck已经把所有卡片提前加载好了，切换只需要换“显示的卡片”，不用重新下载内容。这样既省带宽，又快，用户体验比“刷新整个页面”好太多。

我当年写这个结构时，还得注意一个细节：每个card的id要唯一，比如card1的id是“login”，card2是“verify”，这样切换时能准确定位。还有标签——这是WML的“交互核心”，比如“提交”按钮就是，里面用标签跳转到验证接口。我记得那会写标签时，得把“label”（按钮上的文字）写得特别短，比如“提交”不能写成“点击提交”，不然按键手机的屏幕装不下，会显示成“提…”。

再举个更具体的例子，当年移动梦网的“天气预报查询”页面，WML代码大概是这样的（我凭记忆写的，可能有点出入）：

 <!-
第一个card：城市输入 >


请输入城市名：







 <!-
第二个card：查询结果 >


北京 今天：晴 25-32℃

你看，整个结构特别“朴素”：没有div，没有span，甚至没有换行——因为当年的手机浏览器不认识这些，只认识、

、、这些“极简标签”。我当年写这个代码时，还得用记事本数字符，怕每个card的内容超过12×16=192个字符（诺基亚3100的屏幕极限），超了就会被截断，用户根本看不到后面的内容。

当年的WML都用在哪？那些你可能忘了的应用场景

现在提起WML，好多人会说“那是古董”，但当年它可是移动互联网的“顶流”——根据CNNIC2008年的《中国手机网民网络应用行为研究报告》，当年国内83%的手机网民访问的是WML页面，因为那会智能手机还没普及（2008年iPhone 3G刚进入中国，售价要4999元，普通人根本买不起），大部分人用的是支持WAP的按键手机。

WML的应用场景，其实就是当年移动互联网的“全部场景”——你能想到的手机上网行为，几乎都靠它：

当年的移动梦网（Monternet）是中国最大的移动互联网平台，里面的新闻、铃声、图片、游戏下载页面，100%是WML做的。比如你要下载一首《江南》的铃声，得先点WML页面的“铃声下载”链接，进入一个card，里面列着“周杰伦-江南（高潮版）”“周杰伦-江南（完整版）”，你点“高潮版”，会切换到另一个card，显示“下载需1元，是否确认？”，你按“确定”键，就会触发短信指令，扣除话费，然后铃声会以彩信的形式发给你。

我当年帮一个做移动梦网内容的朋友维护过页面，那会他们的KPI是“每1000次页面访问带来多少下载”，所以我得把card的“转化按钮”放得特别明显——比如在铃声名称下面直接放“下载”按钮，不用让用户翻页，这样转化率能高30%。

当年的短信增值服务是运营商的“摇钱树”，比如天气预报、笑话、股票行情，这些服务的“订阅入口”几乎都是WML页面。比如你要订“每日笑话”，不用发“DY”到10658000，只要点WML页面的“订阅笑话”按钮，就会自动发送短信指令，订阅成功后每天会收到一条笑话短信。

我当年帮一个做短信笑话的客户写过WML页面，那会他们的核心需求是“让用户点一下就能订阅”，所以我在card里加了这么一段代码：

用户按“确定”键，手机会自动打开短信界面，内容是“DY”，收件人是10658000，用户再按一次“确定”就能发送——比手动输短信指令方便多了。这个页面上线3个月，他们的订阅量涨了40%，客户高兴得给我加了500块奖金（那会我刚毕业，500块能买半个月的饭）。

你可能没想到，当年的手机应用（比如“移动QQ”“手机银行”）的前端也是用WML做的。比如2005年的“移动QQ”，登录页是WML的card，输入QQ号和密码，点“登录”切换到另一个card，显示“正在登录…”，然后切换到“好友列表”card——其实就是把QQ的功能拆成了一个个card，用户点好友名字，会切换到“聊天窗口”card，输入消息点“发送”，就会把消息以短信的形式发给服务器，再转发给好友。

当年的工行手机银行更夸张，整个转账流程都是WML做的：输入卡号、密码、转账金额，点“提交”，切换到“确认页”，再点“确定”，就完成转账——那会没有SSL加密（当年的手机浏览器不支持），全靠运营商的“专线”保证安全，现在想想都觉得“胆儿大”，但当年确实是这么用的。

其实WML的“退场”特别自然——2010年以后，智能手机开始普及（iPhone 4、小米1陆续发布），3G网络开始覆盖，HTML5的出现让网页能适配智能设备的大屏幕和触摸交互，WML的“轻”反而变成了“劣势”：它不能做复杂的排版，不能加载图片和视频，甚至不能支持滑动交互，根本满足不了用户对“好看、好用”的需求。

但你别觉得WML是“没用的古董”——它的核心逻辑其实影响了后来的移动端开发：现在的单页应用（SPA）用“组件切换”代替“页面刷新”，不就是当年“card切换”的升级版？现在的小程序“页面栈”，不就是当年“deck+card”的变种？甚至现在的“响应式设计”，本质上也是“为不同设备降维适配”——只不过当年的WML是“被迫降维”，现在是“主动适配”。

你当年用WML页面上过哪些有意思的网站？比如有没有用WML页面下载过铃声、订过短信，或者玩过WML版的“贪吃蛇”？欢迎在评论区聊聊你的回忆，说不定能碰到当年一起写WML的“老战友”～

YUANLEISVIP

收藏 链接