(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 20221010840 3.2 (22)申请日 2022.01.28 (71)申请人 北京金堤科技有限公司 地址 100086 北京市海淀区知春路6 5号院1 号楼B座20层20 01号 (72)发明人 齐雅楠　 (74)专利代理 机构 北京工信联合知识产权代理 有限公司 1 1266 专利代理师 刘爱丽 (51)Int.Cl. G06F 8/38(2018.01) G06F 9/451(2018.01) (54)发明名称 页面渲染方法及装置 (57)摘要 本公开提供了一种 页面渲染方法及装置， 涉 及计算机技术领域， 可用于页面渲染场景。 具体 实现方案为： 生成并渲染页面中的第一标签模 块； 基于第一标签模块中的标签数据， 生成并渲 染第一标签模块中的至少一个标签； 响应于页面 中存在下一个未渲染的第二标签模块， 执行以下 操作： 基于第一标签模块与第二标签模块之间的 衔接关系， 以及预先设置的第一衔接元素相对定 位属性信息， 生成 并渲染用于衔接第一标签模块 与第二标签模块的衔接元素； 响应于衔接元素渲 染成功， 基于预先设置的第二衔接元素相对定位 属性信息， 生成并渲染页面中的第二标签模块； 以及基于第二标签模块中的标签数据， 生成并渲 染第二标签模块中的至少一个标签 。 权利要求书2页 说明书10页 附图10页 CN 114510241 A 2022.05.17 CN 114510241 A 1.一种页面 渲染方法， 包括： 生成并渲染页面中的第一标签模块； 基于所述第 一标签模块中的标签数据， 生成并渲染所述第 一标签模块中的至少一个标 签； 响应于所述页面中存在下一个未渲染的第二标签模块， 执 行以下操作： 基于所述第 一标签模块与 所述第二标签模块之间的衔接关系， 以及预先设置的第 一衔 接元素相对定位属性信息， 生成并渲 染用于衔接所述第一标签模块与所述第二标签模块的 衔接元素； 响应于所述衔接元素渲染成功， 基于预先设置的第二衔接元素相对定位属性信息， 生 成并渲染页面中的所述第二标签模块； 以及 基于所述第 二标签模块中的标签数据， 生成并渲染所述第 二标签模块中的至少一个标 签。 2.根据权利要求1所述的方法， 其中： 第一衔接元素相对定位属性信息包括： 第一相对外边距和第 一相对左边距， 其中， 所述 第一相对外边距是 由所述第一标签模块的外边距和/或所述衔接元素 的外边距确定的， 所 述第一相对左边距是由所述第一标签模块的左边距和/或所述衔接元 素的右边距确定的； 基于所述第 一标签模块与 所述第二标签模块之间的衔接关系， 以及预先设置的第 一衔 接元素相对定位属性信息， 生成并渲 染用于衔接所述第一标签模块与所述第二标签模块的 衔接元素， 包括： 基于所述第一标签模块与所述第二标签模块之间的衔接关系， 生成对应的衔接元素； 以及 基于所述第 一相对外边距和所述第 一相对左边距， 在所述页面上渲染所述对应的衔接 元素。 3.根据权利要求2所述的方法， 其中， 基于所述第一相对外边距和所述第一相对左边 距， 在所述页面上渲染所述对应的衔接元 素， 包括： 直接将所述对应的衔接元素渲染在由所述第一相对外边距和所述第一相对左边距确 定的页面 位置上。 4.根据权利要求2所述的方法， 其中， 基于所述第一相对外边距和所述第一相对左边 距， 在所述页面上渲染所述对应的衔接元 素， 包括： 基于所述第一相对外边距， 在所述页面的第一 位置上渲染所述对应的衔接元 素； 以及 基于所述第一相对左边距， 将所述对应的衔接元 素由所述第一 位置移动至第二 位置。 5.根据权利要求3或4所述的方法， 还 包括： 响应于在所述第一标签模块中增加或减少标签， 基于所述第一相对外边距， 控制所述 第一标签模块与所述对应的衔接元素保持相对位置不变， 并基于所述第二衔接元素相对定 位属性信息， 控制所述第二标签模块与所述对应的衔接元 素保持相对位置不变， 其中， 所述第一标签模块随着其中标签数量的增加而纵向增大， 且随着其中标签数量 的减少而纵向减小。 6.根据权利要求1所述的方法， 其中， 所述第一相对外边距为负值。 7.根据权利要求1所述的方法， 其中：权　利　要　求　书 1/2 页 2 CN 114510241 A 2第二衔接元素相对定位属性信息包括： 第二相对外边距， 其中， 所述第 二相对外边距是 由所述第二标签模块的外边距和/或所述衔接元 素的外边距确定的； 基于预先设置的第 二衔接元素相对定位属性信 息， 生成并渲染页面中的所述第 二标签 模块， 包括： 基于所述第二相对外边距， 在页面上渲染所述第二标签模块。 8.根据权利要求7 所述的方法， 其中， 所述第二相对外边距为负值。 9.一种页面 渲染装置， 包括： 第一渲染模块， 用于生成并渲染页面中的第一标签模块； 第二渲染模块， 用于基于所述第一标签模块中的标签数据， 生成并渲染所述第一标签 模块中的至少一个标签； 第三渲染模块， 用于响应于所述页面中存在下一个未渲染的第二标签模块， 通过以下 单元执行对应的操作： 第一渲染单元， 用于基于所述第一标签模块与所述第二标签模块之间的衔接关系， 以 及预先设置的第一衔接元素相对定位属性信息， 生成并渲染用于衔接所述第一标签模块与 所述第二标签模块的衔接元 素； 第二渲染单元， 用于响应于所述衔接元素渲染成功， 基于预先设置的第二衔接元素相 对定位属性信息， 生成并渲染页面中的所述第二标签模块； 以及 第三渲染单元， 用于基于所述第二标签模块中的标签数据， 生成并渲染所述第二标签 模块中的至少一个标签。 10.一种电子设备， 包括： 至少一个处 理器； 以及 与所述至少一个处 理器通信连接的存 储器； 其中， 所述存储器存储有可被所述至少一个处理器执行的指令， 所述指令被所述至少一个处 理器执行， 以使所述至少一个处 理器能够执 行权利要求1 ‑8中任一项所述的方法。 11.一种存储有计算机指令的非瞬时计算机可读存储介质， 其中， 所述计算机指令用于 使所述计算机执 行根据权利要求1 ‑8中任一项所述的方法。 12.一种计算机程序产品， 包括计算机程序， 所述计算机程序在被处理器执行时实现根 据权利要求1 ‑8中任一项所述的方法。权　利　要　求　书 2/2 页 3 CN 114510241 A 3