CN1613105A

CN1613105A - 在小屏幕终端显示屏上显示超文本标记语言内容

Info

Publication number: CN1613105A
Application number: CNA038019663A
Authority: CN
Inventors: J·S·冯特茨克纳
Original assignee: Opera Software ASA
Current assignee: Opera Norway AS
Priority date: 2002-09-05
Filing date: 2003-08-28
Publication date: 2005-05-04
Anticipated expiration: 2023-08-28
Also published as: AU2003258891A1; CN100383783C; US20040107403A1; WO2004023450A1; NO20024243D0; JP2005527057A; NO318991B1; EP1543494A1; JP4192150B2

Abstract

本发明涉及一种在移动客户终端显示屏上显示HTML文档的方法。此方法包括通过强制应用至少一种客户端页面样式将HTML文档重新格式化，从而使重新格式化文档的宽度适应显示屏宽度并在显示屏上显示所述重新格式化文档的步骤。具体地说，将HTML文档重新格式化的步骤包括将HTML文档中的表格单元转换为块级元素。在重新格式化步骤中还有利地应用了图像筛选/缩小及空格字符转换方法术。本发明还涉及移动终端和用于执行本方法的计算机程序。

Description

在小屏幕终端显示屏上显示超文本标记语言内容

技术领域

本发明总体上涉及图形用户界面的技术领域。更具体地说，本发明涉及用于在客户终端如移动电话、PDA(个人数字助理)或掌上型计算机的小尺寸显示屏上显示HTML(超文本标记语言)文档的方法、装置和计算机程序，所述HTML文档专为在大的桌面监视器上显示而设计。

发明背景

万维网的基本设计原则之一是可互操作性。万维网联盟(W3C)为使不同种类的软件和硬件能够访问网络而开发了万维网语言和协议。但是，大多数的站点是专为具有较大彩色显示器的桌面计算机而设计的。

诸如移动电话、PDA或掌上型计算机这样的移动无线通信装置通常具有小得多的显示屏。显然，需要提供一种实际、易于理解、高效且用户界面友好的解决方案，以在所述移动设备上显示含一般标记语言内容如HTML文档。

相关背景技术

难于在小型移动设备如移动电话上有效地显示万维网内容促进了WAP(无线应用协议)的发展，WAP用于在移动世界与因特网之间起桥梁作用。然而，采用WAP技术要求应用程序是使用WML(无线标记语言)编写的。因此，只有有限数量的信息和服务可通过WAP获得。

从许多现有技术网络的浏览器可知，为在显示屏上查看使用例如HTML编写的网页可使用缩放功能。以这种方式，可以将一小部分网页放大至充满整个显示屏以便显示网页的细节。美国专利申请公开号2002/0030699 Al公开了一种具有小触摸屏的移动电话。从因特网上检索到的网页最初全部显示于显示屏上。当用户触摸屏幕的某一特定区域时，通过“自动缩放”功能以放大方式显示该区域。缩放可能是一种适于查看复杂网页全貌同时也能放大网页某些部分的方法。然而，当网页缩小时，其内容可能几乎不可识别。此外，当具有固定宽度格式的文本比要显示的屏幕更宽时，为使信息易读必须进行水平滚动。因此，缩放还不足以实现在较小显示屏上充分显示网页。

Handspring Blazer 2.0是用于掌上型通信装置的现有技术浏览器。使用这种浏览器，可使HTML文档适应移动客户终端上显示屏的宽度，然后显示在显示屏上。但是，这种转换不是在本地由客户终端来完成而是由网络中的服务器来完成的。此外，Blazer 2.0浏览器不支持本发明中所采用的页面样式(style sheet)方法。而且，由本申请人所作的测试表明，B1azer解决方案显然不能以正确的方式显示表格内容，从而必须进行水平滚动以使内容在小显示屏上可读。Blazer2.0还在已显示信息中间留有大量空白，导致还需要进行纵向滚动。

发明概述

本发明的目的是提供一种克服上述现有技术解决方案的缺点的方法、装置和计算机程序。

本发明的具体目的是提供一种允许在具有小显示屏的客户终端的显示屏上如移动电话的显示屏上显示HTML文档的方法、装置和计算机程序，所述HTML文档是为在大桌面监视器上显示而设计的。

更具体地说，本发明的目的是提供一种方法、装置及计算机程序，以将终端用户执行滚动操作的需要减到最小。

还更具体地说，本发明的目的是提供一种方法、装置及计算机程序，以使终端用户不必进行水平滚动操作且将终端用户执行纵向滚动操作的需要减到最小。

上述目的及优点可通过所附权利要求中提出的特征实现。

根据本发明，提供内容重新格式化以克服在小尺寸显示屏上显示HTML文档的难题。不是以列和行来显示表格，而是将表格重新格式化为更适合较小显示屏的窄形一维结构。这是通过将表格转换为块级元素而完成的。

本发明还提供诸如图像筛选/缩小以及空格字符转换的附加有利特征。

附图简述

下面参考附图更加详细地描述本发明，在附图中，

图1是说明采用根据本发明的方法的移动终端在其中工作的系统的框图，

图2是说明根据本发明的方法的实施例的流程图，

图3说明显示于大尺寸屏幕的万维网页和对应的显示于移动终端小显示屏上的重新格式化网页的示例。

本发明的详细说明

图1是说明了采用根据本发明的方法的移动客户终端140如移动电话在其中工作的系统100的框图。

HTML文档130由服务器110通过网络120提供给移动客户终端140。移动终端140包括小尺寸显示屏180，其首先不适于显示为大显示屏而设计的HTML内容。

可用显示屏上存在的像素数量，尤其是水平像素数量来定义小尺寸显示屏。例如，具有少于300个水平像素的显示屏可视为小尺寸显示屏。

HTML文档130由诸如GSM(全球移动通信系统)、GPRS(通用分组业务)、UMTS(通用移动电信系统)、CDMA(码分多址)、或PCS(个人通信业务)模块之类的无线通信装置160检索得到，进一步传送到格式化装置150。

HTML文档130通常由三个部分组成：内容、结构和样式。内容就是实际要显示的字符和图像。结构描述了内容担当的角色，例如某字符串作为标题。样式描述如何呈现内容，如采用什么字体和颜色。样式是用样式表或者通过显示元素(如HTML中的FONT和CENTER)来书写的。

根据本发明，当移动终端140通过通信装置160收到HTML文档时，它就对文档应用浏览器页面样式170，在此过程中可能会使文档本身的样式无效。这样，移动终端应用字体、颜色以及其它样式方面来优化小显示屏180上的显示。所用的页面样式语言最好是具有附加一些有利扩展的CSS(层叠页面样式)，但原则上它可使用任何页面样式语言来取得这种效果。通过这一技术，浏览器就强制采用了最适于显示屏180的某种格式、字体大小以及某种可能的颜色。

格式化装置150由处理装置和存储器控制。软件程序存储在存储器中。软件程序用于在由处理装置执行时执行根据本发明的方法，如下具体参考图2所述。

在一个实施例中，存储器还包括应用程序，更确切地说是支持页面样式解释的浏览器程序。浏览器程序对页面样式进行解释使处理装置执行根据本发明的方法。

结果，HTML内容就以易读、高效和用户友好的方式显示在小尺寸显示屏180上。

图2是说明根据本发明的用于在移动客户终端的小尺寸显示屏上显示HTML文档的方法的流程图。

该方法从标号200处开始，包括通过应用至少一种客户端页面样式170来将HTML文档重新格式化，从而使重新格式化的文档宽度适应显示屏宽度的初始步骤210，以及在显示屏上显示重新格式化文档的后续步骤240。

初始重新格式化步骤包括多个子步骤。

在第一个子步骤212中，将HTML文档中的表格单元线性化为块级元素。块级元素是在其前和后有换行符(与常规段落所具有的一样)的元素。

HTML语言是简单的说明性标记语言，其中，标记符描述了内容的逻辑作用(段落、标题)而非如何显示内容(字体、颜色等)。当在HTML3.2中引入表格时，表格用于表示文档中数字和文本的简单的行和列-其用法正如传统文档的用法。但是，作者很快就发现表格可用于(或滥用于)回绕(wrap around)文档，从而获得可视布局。例如，网页可能由左侧的菜单、顶部的广告标志和右侧的侧条构成。这种类型的网页布局可利用HTML表格标记来实现。将表格用于布局的网页其宽度通常设成固定的，通常约为600像素。此宽度正好适合桌面型PC(个人计算机)，但不适于较小的万维网装置。通常，将内容组织成表格纯粹是一种取得网格类型布局的可视效果。

根据本发明，将表格重新组织成块级元素。将一行中所有的表格单元组合成块级元素，即将每一行转换成块级元素，并且从表格生成的所有块级元素显示于彼此的顶部。

在第二子步骤214中，将HTML文档中的定位元素转换成块级元素。

通常，从文本流中取出定位元素并将其显示在其它内容之上。在根据本发明作了转换时，定位元素转换成块级元素并以它们在源文档中出现的顺序显示。

图像占了万维网上数据传输的很大一部分，并且通常它们占据了重要的屏幕区域。优化图像的处理对于小屏幕万维网装置如移动终端是重要的。根据本发明，有选择地对图像进行筛选和过滤以优化性能。

根据本发明，根据图像的尺寸对其加以不同的处理：

忽略图像太大而不适合屏幕的“极大图像”，因此不予下载/显示。

非常小的“极小图像”通常在表格布局中起装饰作用。因此也可忽略它们而不予下载/显示。

具有特殊的预定格式的“特殊尺寸图像”通常表示商业广告，因此可忽略而不予下载/显示。

将“大图像”(稍微比屏幕尺寸宽一点的图像)缩小到适合屏幕尺寸的大小。

其它图像则正常显示。

图像大小通常用HTML标记专门列出。考虑这一实例：

<IMG SRC＝″foo.png″WIDTH＝″20″HEIGHT＝″30″>；

在以上例子中，称为″foo.png″的图像的大小为20个水平像素和30个纵向像素。通过在标记中列出WIDTH/HEIGHT属性，浏览器能够在下载图像本身之前确定图像的大小。这样，可提高下载文档速度。

浏览器还可根据WIDTH/HEIGHT(宽度/高度)属性处理元素。例如，使用CSS，页面样式可以描述如何显示具有特定属性值的元素：

IMG[WIDTH＝″20″]{显示：无}

上述页面样式表示不应显示宽度值为20的IMG元素。

当在标记中不存在此属性时，这种处理是不可能的。考虑这个例子：

直到图像已下载才可确定尺寸。

根据本发明，增加了这样一种特征，即，即便未在标记中指定属性也允许处理元素。在已下载图像且确定了其大小时，将宽度和高度作为伪属性列出，可以与正常属性一样的方式对其进行处理。考虑这一例子：

IMG[$WIDTH＝″20″]{显示：无}

在以上示例中，“$”符号表示后面的属性名为未在标记中出现的伪属性，但它被列出，就好像它已经在标记中出现过一样。

这一独特特征的主要优点是，允许页面样式以同样的方式处理元素，无论是作者包括了属性还是没有包括属性。

还参照图2，为提供图像大小的量度，在第三子步骤216中确定HTML文档中指出的图像宽度。如果宽度在HTML文档中作为属性指出，则将该值用作其它子步骤中的宽度。如果没有指出宽度，则如上所述将宽度值确定218为伪属性。

在第四子步骤220中，考虑图像尺寸以判断是否应该在重新格式化文档中忽略或包括图像。

第四子步骤220最好涉及三个条件。如果满足这些条件中的至少一个，那么子步骤220的结果是忽略图像220，且处理过程进而继续到第六子步骤228。如果这些条件中的任一个均得不到满足，则处理过程继续进行到第五子步骤224。

步骤220中的第一条件是判断是否可将图像视为“极大”。这最好是意味着要测试图像的宽度是否大于第一预定宽度限定值，此值的范围在显示屏宽度的2-4倍之间。特别是，第一限定值首选为显示屏宽度的3倍。如果图像宽度超过此限定值，则将图像视为极大图像而被忽略222。处理过程然后继续进行到第六子步骤228。

或者，如果图像的高度超过第一预定高度限定值，则也将图像视为极大图像。

或者，如果图像的高度超过第一预定高度限定值且图像的宽度超过第一预定高度限定值，则也将图像视为极大图像。

还有一种情况，如果与图像尺寸相关的另一参数超出预定限定值则也将图像视为极大图像。

子步骤220中的第二条件涉及判断图像是否可视为“极小”。很小的图像在表格布局中通常起装饰作用，例如作为边沿，通常可以将其忽略而不会丢失必要信息。更具体地说，所述第二条件意味着测试图像宽度是否小于范围通常在1至30像素之间且最好为15像素的第二预定宽度限定值，以及测试图像高度是否小小于范围通常在1至36像素之间且最好为18像素的第二预定高度限定值。如果图像尺寸符合这两个判据，则将其视为极小图像，并予以忽略222。然后过程继续进行到第六子步骤228。

子步骤220中的第三条件涉及判断图像是否可视为“特殊尺寸图像”。完全匹配某组预定的宽度和高度值的图像可视为商业广告，忽略这种图像通常不会丢失必要信息。如果图像的高度和宽度均与预定值匹配，则忽略图像222。随后过程继续进行到第六子步骤228。

如下表1中给出了与特殊尺寸图像对应的适当的9组宽度和高度值：这些值对应于由因特网架构委员会(IAB)推荐的广告图像尺寸。

组号	宽度(像素)	高度(像素)
组号	宽度(像素)	高度(像素)	1	468	60
2	120	600	1	468	60
2	120	600	3	150	100
4	728	90	3	150	100
4	728	90	5	730	92
6	336	280	5	730	92
6	336	280	7	125	600
8	300	250	7	125	600
8	300	250	9	150	600

表1.特殊尺寸图像的对应高度和宽度组

在第五子步骤224中，考虑图像尺寸以判断是否应将图像视为“大型”图像。与极大图像相反，在重新格式化文档中应按比例缩小而不是忽略大图像。这是通过将图像宽度与第三预定限定值比较来完成的，第三预定限定值的范围在显示屏宽度的0.5至3倍之间。第三预定限定值最好与显示屏的宽度相等，这意味着将所有未视为极小或极大但又超出显示屏宽度的图像视为“大”图像。将这样视为大图像的图像按比例缩小226以适应显示屏宽度，且最好为各侧的边界留出空间。

在重新格式化步骤210的第六子步骤228中，忽略HTML文档中的后续换行符，从而缩小重新格式化文档的纵向尺寸。HTML中的换行符可用BR元素生成，通常要增加后续BR元素以将其它元素纵向分开。这在桌面屏幕上看起来漂亮，但是根据本发明的这一特征，可通过忽略后续换行符而节省宝贵的纵向空间。

在重新格式化步骤210的第七子步骤230中，将HTML文档中的不可分(non-breaking)空格字符转换为普通的空格字符，从而缩小了重新格式化文档的水平尺寸。不可分空格字符(在HTML中表示为“nbsp”)用于表示不适用换行符的字符串间的空格。但在小屏幕上，浏览器通常被迫换行，而无法支持不可分空格字符。

此外，作为第七子步骤230的一部分，最好还将额外的空空格忽略。

当第七子步骤230完成从而格式化步骤210也完成时，重新格式化文档就显示于移动客户终端上(步骤240)。

根据本发明的方法有利地提供了对HTML文档中的所有文本应用固定字体类型和固定字体大小的附加特征，具体说是采用了在小尺寸显示屏180上显示时特别清楚易读的字体类型和大小。

根据本发明的方法有利地提供了将要在小尺寸显示屏180上显示的图像居中的附加特征。

根据本发明的方法可有利地提供缩放页面的附加特征。

对本领域的技术人员而言，根据本发明所公开的内容将根据本发明的方法实现为计算机程序是一项普通的任务。这样的计算机程序包括在由移动客户终端的处理装置执行时执行根据本发明的方法的指令。

具体地说，所述计算机程序可包含在例如磁盘或CD-ROM的计算机可读媒体中。或者，可以将其包含在存储器，如只读存储器或易失性存储器中，或者可将其包含在传输信号中，例如包含在数字通信网络如因特网内计算机或网元之间的传输信号中。

图3展示了根据本发明，在大尺寸屏幕上显示网页300和在移动终端的小屏幕上显示对应的已重新格式化网页350的简单示例。原始网页300由原始HTML文档表示，而重新格式化网页350由通过本发明方法得到的重新格式化文档表示。

重新格式化网页350的宽度经调整适应了移动终端小显示屏的宽度。尽管未在图中显示，应理解重新格式化网页的高度明显超出显示屏高度。因此纵向滚动是必需的，但无需水平滚动。

现在假设对网页350应用图2所示的根据本发明优选实施例的方法。下面将说明使用本发明的一个特定示例。

应理解，仅原始网页300中的一些元素在此简单描述中提及，通过举例的方式公开，以说明本发明原理。

在第一子步骤212中，将表格206、308线性化为块级元素356、358。如在重新格式化网页350中所看到的那样，这样做可得到简洁易读的布局。

将原始HTML文档中的定位元素、如文本和链接部分310转换为块级元素并如360所示那样显示。此外，将把文本和链接部分310中的特定字体和链接样式转换成简单统一的字体和样式。

还假定可在原始HTML文档中获得图像302的尺寸参数。然后，第三子步骤216将继续进行到第四子步骤220。

图像302的尺寸不满足“极大”、“极小”或“特殊尺寸”中的任一条件，因此，所述方法继续进行到第五子步骤224。

在第五子步骤224中，将图像302识别为大图像。因此将把该图像按比例基本上缩小为显示屏宽度，如图3所示重新格式化网页中352处所示。

在第四子步骤216中将实际上作为不具有实质信息内容的装饰性图像元素的图像304识别为极小图像。因此，图像304被忽略，并且不在重新格式化网页350中显示。

空白312被识别为不包含相关信息，因此也在重新格式化网页350中被忽略。

所得到的重新格式化网页350具有简洁易读的布局，无需水平滚动，且将纵向滚动的需要减到最小。本发明因此具有允许标准万维网内容有效地显示于尺寸相当小的终端上的技术优点。在保持原始万维网网页的功能属性、如超链接的同时，大大压缩了原始万维网文档的格式。

当然应理解，本发明并不局限于上述仅作为示例给出的具体细节。

例如，图2说明了根据本发明的方法的一个特定实施例。很明显，所示步骤和子步骤中的所有细节对于实现本发明的目的并非至关重要的。

技术人员还会认识到不必按所示顺序执行各种步骤和子步骤。依特定实施例而定，一些子步骤可相互交换，甚至一些子步骤可并行执行。

将表格线性化为块级元素的第一子步骤212是重新格式化步骤210的最基本的子特征。但是，如果包括了其它子步骤，则第一子步骤212不必作为要在重新格式化步骤中执行的第一子步骤。

同样，转换定位元素的第二子步骤214最好在处理过程中的其他阶段执行，如正好在显示步骤240之前的最后阶段执行。

显而易见的修改的另一个例子是，忽略换行符的第六子步骤228和转换不可分空格的第七子步骤230中的每一步骤可容易地在较早阶段执行，如在转换定位元素的第二子步骤214之后执行。

同样地，技术人员可自由选择重新排列或修改图像筛选和过滤子步骤216、220及224。

虽然本发明尤其适用于移动电话和手持通信装置如PDA上的应用，但技术人员当然会认识到还存在许多其它应用，例如可用于汽车、飞机和船所用的显示终端。

因此对本领域技术人员显而易见的是，可以在所附权利要求中阐明的本发明范围内作出各种修改和变更。

Claims

1.一种用于在小屏幕客户终端(140)的显示屏(180)上显示超文本标记语言(HTML)文档(130)的方法，包括以下步骤：

-通过应用至少一种客户端页面样式(170)来将所述HTML文档重新格式化(210)，从而调整所述重新格式化文档的宽度以适应所述显示屏(180)的宽度，以及

-在所述显示屏(180)显示(240)所述重新格式化文档。

2.如权利要求1所述的方法，其特征在于，将所述HTML文档重新格式化的步骤(210)包括

-将所述HTML文档中的表格单元转换(212)为块级元素。

3.如权利要求2所述的方法，其特征在于，将所述HTML文档重新格式化的所述步骤(210)包括

-忽略(220，222)宽度超过第一预定尺寸的图像，从而省略了与所述显示屏尺寸相比极大的图像。

4.如权利要求2或3所述的方法，其特征在于，将所述HTML文档重新格式化的所述步骤(210)包括

-忽略(220，222)宽度小于第二预定尺寸的图像，从而省略了可能表示装饰性图形的图像。

5.如权利要求2至4中任一项所述的方法，其特征在于，将所述HTML文档重新格式化的所述步骤(210)包括

-忽略(220，222)宽度和高度等于预定的一组宽度和高度其中之一项的图像，从而省略了可能表示商业性广告的图像。

6.如权利要求2至5中任一项所述的方法，其特征在于，将所述HTML文档重新格式化的所述步骤(210)包括

-按比例缩小(224，226)尺寸超出第三预定尺寸的图像，从而缩小与所述显示屏相比尺寸较大的图像。

7.如权利要求3至6中任一项所述的方法，其特征在于，如果所述图像的所述尺寸的参数没有在所述HTML文档中作为属性出现，则确定(216，218)所述尺寸为伪属性。

8.如权利要求2至7中任一项所述的方法，其特征在于，将所述HTML文档重新格式化的所述步骤(210)还包括

-将所述HTML文档中的定位元素转换(214)为块级元素。

9.如权利要求2至8中任一项所述的方法，其特征在于，将所述HTML文档重新格式化的步骤(210)还包括

-忽略(228)后续换行符，从而缩小所述重新格式化文档的纵向尺寸。

10.如权利要求2至9中任一项所述的方法，其特征在于，将所述HTML文档重新格式化的所述步骤(210)还包括

-将不可分空格字符转换(230)为常规空格字符，从而缩小所述重新格式化文档的水平尺寸。

11.根据前述权利要求中任一项所述的方法，其特征在于还包括将页面放大和缩小的特征。

12.一种用于在小尺寸显示屏(180)上显示HTML内容的客户终端(140)，包括：

通信装置(160)，和

格式化装置(150)，所述格式化装置包括处理装置和

存储装置，

其中，所述格式化装置(150)用于执行如权利要求1-11所述的方法，以在所述小显示屏(180)上显示所述HTML内容。

13.一种计算机程序，其包含在由处理装置执行的应用程序加以解释时执行如权利要求1-11之一所述方法的指令。

14.根据权利要求13所述的计算机程序，其特征在于，所述指令是页面样式指令，并且所述应用程序是支持页面样式解释的浏览器程序。

15.如权利要求14所述的计算机程序，其特征在于，所述程序体现为客户端页面样式。

16.如权利要求14所述的计算机程序，其特征在于还包括浏览器程序。

17.如权利要求13至16中任一项所述的计算机程序，其特征在于，所述计算机程序包含于计算机可读媒体中，或存储器中，或传输信号中。