[发明专利]采用HTML5技术对网页内容进行分页显示的方法

权利要求书

1.一种采用HTML5技术对网页内容进行分页显示的方法，其特征在于：包括以下步骤：

(1)网页上需要分页显示的基本内容单元，是图书中的一个连续的、没有人工预先设定好分页的内容区块，不同图书设置内容区块的方式不一样，内容区块可以是图书的一个章，也可以不是；

(2)将较长的网页内容根据图书的每个章，分拆为多个小节，需要将较长的网页内容进行拆分，拆分为若干个小节，这个拆分的部分，称为“小节”，将很多个小节组合起来，共同构成完整的分页效果，然后一部分一部分地显示在栏目中；

(3)计算出每个小节的高度，然后计算出“剩余影响”；小节的“剩余影响”，在排版仍然要考虑在内，计算出每个小节对后面的小节的“剩余影响”，计算出了剩余影响，以后各个小节排列时，只要考虑到前一个小节的“剩余影响”，就可以通过多个小节的组合，实现较长内容的分栏排版；

(4)生成一系列页面对象，每个页面对象包含合适的栏内容，从而看上去像图书的“一页”，首先，将分栏中的一个栏，变为一个独立的页面；具体的做法：将分栏中的栏的尺寸，设置为和页面尺寸同样大小；设定页面为容器，其中包含分栏内容；调整分栏的margin-left参数，让想要的栏出现在最左边；分栏内容的父对象，父对象的宽度设置为页面的宽度，这样超出这个宽度的栏，都不会显示出来，父对象的高度就设置为页面的高度，分栏的高度也设置为页面的高度，页面的高度的计算方法为：创建一个临时的页面对象为“高度探测对象”，因为小节的高度，必须实际赋予了DOM对象才能测试出来，因此，需要通过临时的页面对象，临时赋予小节内容，并测量其高度，这个临时页面对象的尺寸应该和正式的页面完全一样，并且其宽度和高度在可视区域之外，这样在测试高度时，不会引起屏幕刷新，所得到的每个小节的高度即页面的高度，分栏对象的margin-left设置为若干栏的宽度，这样在父对象中，就能显示出指定的栏；规定页面的尺寸，让剩余的栏不显示出来；通过这样的设置，就可以让页面显示指定的一个栏；就将分栏中的一个栏，转化为了一个独立的页面，为了提高性能，每个页面就不能包含所有的栏，只包含其要显示的栏，多余的栏越少越好；

(5)将HTML5的内容拆分为很多个独立的页面对象生成后，可以根据需要进行显示或者设置翻页效果，翻页效果的实现，实际上就是对页面进行某种切换。