基于移动终端的网页排版方法和装置

摘要

本发明提供了一种基于移动终端的PC排版方法，包括：将基于PC排版的WWW网页，按照如下排版规则进行重新排版：在WWW网页PC排版规则的基础上，保持块元素的宽度不变，而将所述块元素内部的内联元素以所述移动终端的屏幕宽度进行折行；在移动终端显示按照上述规则重新排版后的网页。利用本发明，不仅能够在网页的整体布局上保留PC排版的主要显示样式，又能在网页的局部区域根据手机屏幕做适应性调整，使得文字等内容可以在一个手机屏幕内连续显示，使得PC排版与移动终端的显示完美结合在一起，从而保证用户在不改变浏览惯的基础上利用移动终端更为便利的进行上网浏览体验。

主权项

一种基于移动终端的网页排版方法，包括：将基于PC排版的WWW网页，按照如下排版规则进行重新排版，其中，组成所述WWW网页的html元素包括块元素和内联元素，所述块元素负责网页的整体布局，是其他元素的容器元素，用于容纳内联元素和其他块元素，所述内联元素负责网页的内容和信息，是基于语义级的基本元素，只能容纳文本或者其他内联元素：在WWW网页PC排版规则的基础上，保持块元素的宽度不变，而将所述块元素内部的内联元素以所述移动终端的屏幕宽度进行折行，除非，所述块元素内部的内联元素为表单控件内部的文字，并且，当所述块元素内部的内联元素为表单控件内部的文字时，不折行；以及，在下述情况下，块元素内部的内联元素在重新排版过程中以所述块元素的宽度来折行：所述块元素的“white‑space”属性的取值为‘nowrap’或‘pre’；所述块元素的“height”属性的取值小于预设范围，且“overflow”属性的取值为‘hidden’；所述块元素的“height”属性的取值小于预设范围，且设置了背景图片；所述块元素的“position”属性的取值为‘absolute’或‘fixed’；所述块元素的“float”属性的取值为‘right’；在所述移动终端显示按照上述规则重新排版后的网页；其中，所述内联元素包括文本元素和非文本元素<a>和<img>；所述块元素的“height”属性的取值的预设范围为：如果设置有“line‑height”属性，所述块元素的“height”属性的取值的预设范围为1.8倍line‑height；否则，所述块元素的“height”属性的取值的预设范围为1.8倍字体大小。