1. 謹慎使用表格.
由於一個頁面在顯示之前,要根據表格定義畫出手機屏幕內容,這部分會簡慢頁面速度,應該儘量減數表格數量
2.在使用<img >標籤時,最好定義圖片的寬度和長度,這樣在顯示整個整個頁面前,會按圖片長寬預留此圖片位置,加快顯示其它文字內容
3.部分手機支持CSS
4.部分手機支持頁面背景音樂
5.部分手機支持圖片上傳功能
6.使用表格時,爲了更好的顯示效果,要匹配手機終端的表格寬度
1) Wap瀏覽器支持的MIME類型
text/css
image/gif
image/jpeg
audio/midi
application/vnd.wap.xhtml+xml
text/html
2)引入XHTML帶來的改變:
1、跑馬燈
<marquee>鏈接、文字內容或圖片</marquee>
屬性:
loop=“100”
direction=“right” or “left”
behavior=“scroll” or “alternate”
scrollamount=“10”
bgcolor="#aaaaee"
2、文字顏色
<font color=‘blue’>文字</font>
Css文件內容:
a:link
{ color: #000000}
3、動畫顯示
應用於背景圖、前景圖
body
{
background-image:url(/Images/bg.gif);
}
圖片大小適配
整個頁面圖片大小30k以內
推薦20k
4、表單
輸入框
<input type="text" width="120" value="hello">
單選框
<input type=“radio” value=“1”>北京
多選框
<input type="checkbox" value="1">北京
下拉框
<form><select id="province"><option value="0">北京</option><option value="1">上
海</option></select>
</form>
5、表格——支持表格
支持table、tr、td
6、背景色 、背景圖片
背景色
<body bgcolor="#e0e0e0">
CSS:
body {background:red}
背景圖
<table background="Images/bg.gif">
CSS:
body
{ background-image: url(Images/bg.gif);}
7、背景音樂
<BGSOUND src='midi/hy.mid' loop='-1'>