可获得支持的HTML标记
除了个别的例外情况,Pocket Internet Explorer与HTML 3.2基本兼容。所以,按此标准定义的全部HTML标记均可显示于Pocket Internet Explorer之中。以下罗列了一些Web设计人员所必须考虑到的限制条件和技术问题:
- DHTML不受支持
- 框架总是拥有边界并且一直处于被调整的状态
- CSS不受支持
这里提供了一些针对Pocket Internet Explorer使用HTML标记的通用原则:
通用标记问题
标记中TARGET属性的相关问题
Pocket Internet Explorer无法派生出多个窗体。因此,如果你在标记中使用“target=_new”的话,Pocket Internet Explorer将无法打开第二个窗体,而这一点则是你在使用台式计算机时完全可以做到的。你可以使用“target”属性来指向一个已命名的框架。 标记也同样支持该属性。使用任何其它特定目标(亦即“target=_new”或“target=foo”)都将导致Pocket Internet Explorer产生与在根本未指定任何目标的情况下相同的行为。
Pocket Internet Explorer不仅不支持_top和_parent属性,同时,也不支持_self和_blank属性。而如果目标是现存已命名框架或受支持特定值以外的什么东西,有关情况则会与TARGET属性被彻底忽略时完全一致。在这种情况下,浏览器将导航至被点击链接所指向的框架或窗体。
浏览器同样支持AREA、BASE及FORM标记上的TARGET属性。
字体
Pocket PC提供以下四种字体:
- Tahoma(针对变宽字体的缺省字体)
- Bookdings
- Frutiger Linotype
- Courier(针对定宽字体的缺省字体)
其它全部字体均可根据字体描述信息按相似性原则被转换为上述四种字体。而针对任何定宽度内容使用标记的做法均可达到确保Pocket Internet Explorer选取正确定宽字体的目标。
框架
框架往往会占据大量的屏幕空间,而这种消耗仅仅是为了标定对象的边缘,因此,我们一般情况下并不主张在针对Pocket Internet Explorer所进行的设计工作中使用它。而如果你真的不得不使用框架的话,请最好将其数量控制在不超过每屏两个的范围之内。
匹配标记
以HTML标记正确匹配的方式进行页面设计。
例如:
错误的方式:
错误的方式:
不正确的匹配将导致Pocket Internet Explorer出现不可预料的后果。
BGSOUND属性
Pocket Internet Explorer支持背景声音,该功能可为网页提供非常“酷”的特殊效果。当然,Pocket Internet Explorer仅支持WAV文件,而此类文件往往需要占用大量的存储空间。为此,请适度地使用音响效果,并将其负面影响控制在最小范围之内。此外,由于Pocket Internet Explorer不支持LOOP属性,因此,你将无法创建或使用持续性背景音效。
表单字段和按钮
文本字段与文本区域
Pocket Internet Explorer可显示文本字段和文本区域的宽度受Pocket PC屏幕宽度的限制。用户有时需要将屏幕横向滚动以便能看到文本字段,但文本字段总能保证被完全显示于屏幕范围之内。如果你必须使用文本字段并希望获得简洁明快的良好效果,那么,从设计伊始就应按照不超过Pocket PC屏幕宽度的原则进行处理。请注意将长字段及其它区域置于行的起始部分。
按钮
按钮是一种矩形图形对象,该对象被点击后会触发执行一定的活动,而我们通常使用与上述活动相关的描述文字对按钮进行命名。多数情况下,按钮通常被命名为“提交”或“取消”。按钮一般遵循文本流程并可随页面进行滚动。而在理想状况下,按钮则应以一致相容的方式进行设计和放置,这种原则在特定页面和跨页情况下均同样适用。屏幕空间所能容纳的按钮数量是有限的,因此,请对放置在屏幕上的按钮谨慎取舍,切忌滥用。除非在AvantGo同步功能处于使用状态的情况下,按钮将无法以脱机方式提交任何表单。
某些事件可由定制事件句柄捕捉,而按钮则用来对这些事件执行触发操作。定制事件句柄通常以脱机方式工作。正如上文中关于文本字段部分所提到的那样,按钮和文本区域的显示范围不得超出Pocket PC的屏幕宽度。
表格
通过表格显示数据大大改善了用户浏览数据的方式。使用WIDTH属性可以设置表格在窗口中的尺寸。在WIDTH属性中设置像素值是控制表格尺寸的最佳方式。此外,Pocket Internet Explorer支持嵌套表格。
如果省略WIDTH属性,表格将根据下列规则进行绘制:
- 若“Fit to Screen”选项被选中,表格将根据屏幕宽度自动调整。
- 若“Fit to Screen”选项未被选中,Pocket Internet Explorer将采用640x480的虚拟屏幕并以640像素的宽度绘制表格。
由此可见,除非对表格或单元格宽度有特殊要求,否则应省略宽度值。标记支持ALIGN属性,标记则不支持该属性。
图形与图像
图形与图像能够增强页面对用户的吸引力,但在应用过程中,应符合少而精的原则,尽量在能够为用户提供增值时使用。
如果要显示大于工作区的图像,Pocket Internet Explorer将遵循下列规则:
- 如果“Fit to screen”选项被关闭,Pocket Internet Explorer将根据
标记中的设置显示图像,即按照“height”和“width”属性值或图像原始尺寸(如果未设置“height”和“width”属性)显示图像。
- 如果“Fit to screen”选项处于开启状态:
- 图像小于屏幕宽度时,根据
标记中的设置显示图像.
- 图像宽度大于屏幕宽度时,图像将根据屏幕尺寸进行调整,但调整后的图像尺寸不会小于原始尺寸的1/2。
缩放操作通常会降低图像质量,因此,应尽量避免图像宽度大于浏览区域最小宽度的情况。