CSSer课堂

手机浏览器的页面适配是个挑剔的活，需要适配的手机浏览器千奇百怪.所以,我们必须精细的对待页面代码,只有这样才能让我们的页面顺利的被浏览器所解析并正常显示.

这里便引出一个页面书写基本要求：
1.单个标签必须闭合
2.成对标签必须闭合
3.成对标签不允许无内容出现
4.嵌套规则必须遵循

而需要做到以上几点,对于在书写页面以及调试过程中,便需要借助一些验证插件来调试我们所写的页面,那谁谁说:”科学技术是第一生产力”.我得瑟下”懂得借助工具可以提升生产力”.不废话,推荐的页面调试及组合:
Fire Fox① +WMLbrowser② + HTML VALIDATOR③ + Fire Bug④
1) Fire Fox不用介绍了
2) WMLbrowser 用来使用Fire Fox浏览wml格式手机网页
3) HTML Validator 主要用来验证页面标签,网址 http://users.skynet.be/mgueury/mozilla/
4) Fire Bug 这个工具很强大.具体查看http://getfirebug.com/

以上浏览器以及三个组件便是网页调试的组合利器.点击下载wml20_Development-weapon.DOC

WML（Wireless Markup Language）：是WAP规范基于XML的基本内容格式，使用支持该规范的设备例如移动电话可以浏览WML的页面。

WML的页面是规范的XML文档，遵守WML（1.1，1.2，1.3,2.0）的DTD (Document Type Definition)声明，所以，wml页面使用W3C的验证服务去检验WML文档的规范性。

wap2.0页面的出现，功不可没的是OMA（Open Mobile Architecture）标准的提出，以及各大手机制造厂商对于OMA标准的规范化支持和应用，使得WML尽快的从1.0页面向2.0页面进化。

wap2.0页面的出现，使得仅仅依靠p，br以及纯文本化的手机支持的简单网页格式向多彩，多标签支持，以及更好的阅读效果的手机适应的网页过渡。更加高速，切合日益高速进化以及发展的手机多媒体页面进程。

wml页面在OMA国际标准化组织的规范下，现在的wap20支持更多的标签，可用的标签以及标签的默认样式如下：

body, card, div, p, center, hr, h1, h2, h3, h4, h5, h6, address, blockquote, pre, ol, ul, dl, dt, dd, form, fieldset, object{
display: block
}
li{
display: list-item
}
head {
display: none
}
table{
display: table
}
tr{
display: table-row
}
td, th{
display: table-cell
}
caption{
display: table-caption
}
th{
font-weight: bolder;
text-align: center
}
caption{
text-align: center
}
h1, h2, h3, h4, h5, h6, b, strong {
font-weight: bolder
}
i, cite, em, var,address {
font-style: italic
}
pre, code, kbd, pre {
white-space: pre
}
big{
font-size: larger
}
small{
font-size: smaller
}
hr{
border: 1px inset
}
ol{
list-style-type: decimal
}
u{
text-decoration: underline
}


在支持更多标签的同时，手机的网页在具有便捷，快速的同时，面临着小带宽，屏幕小的缺点，这使得wap2.0页面的开发面临更多的难题。仅就个人对wap2.0页面的开发总结，归纳如下，或许对于刚接触wap2.0页面开发的同仁一个开头。

1. 不要使用link方式链接CSS文件，最好直接写在页面中
2. 不要套嵌2层以上的P标签
3. 压缩饼简写CSS
4. 压缩XHTML去掉换行符,空格
5. 尽量使用简短的URL链接
6. 尽量使用相对路径，以减短URL
7. 确保页面大小总和在20K左右
8. 确保图片为png 8位格式，以便获更好的支持与更小的容量

更多心得敬请关注CSSer课堂！