Wap 2.0 小技巧

來源:互聯網
上載者:User
 
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'>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.