WAP2.0笔记

最新推荐文章于 2024-05-25 23:52:18 发布

如锋

最新推荐文章于 2024-05-25 23:52:18 发布

阅读量906

点赞数

分类专栏： Java 文章标签： wap xhtml css 浏览器 input 手机

本文链接：https://blog.csdn.net/prufeng/article/details/4100615

版权

Java 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

wap2.0技巧篇

注:如果没有特殊说明,仅限移动MISC平台

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'>

如锋

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
WAP2.0笔记

元素是 XHTML MP的一部分，但很多浏览器不支持meta 功能3。在XHTML MP中不支持属性http-equiv。在 XHTML MP中，元素、和不支持type属性*，它们使用样式来代替。在 XHTML MP中，不支持元素和任何元素的script 属性。XHTML MP 包含元素和，但一些移动浏览器可能不支持它们。为了定义输入模板，文本输入字段支持CSS 属性–wap-input-
复制链接

扫一扫