(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210951365.7 (22)申请日 2022.08.09 (71)申请人 康键信息技 术 （深圳） 有限公司 地址 518000 广东省深圳市前海深港合作 区前湾一路1号A栋201室 （入驻深圳市 前海商务秘书 有限公司） (72)发明人 李凯　 (74)专利代理 机构 北京中强智尚知识产权代理 有限公司 1 1448 专利代理师 宋然然 (51)Int.Cl. G06F 9/451(2018.01) G06F 16/957(2019.01) G06F 16/958(2019.01) (54)发明名称 前端页面的标签排版方法、 装置、 设备及介 质 (57)摘要 本申请公开了一种前端页面的标签排版方 法、 装置、 设备及介质， 其方法应用于服务端， 包 括： 将待渲染的多个标签进行预排版； 遍历预排 版后的各行标签， 若一目标行标签的留白宽度与 未被遍历的预排版后的各行标签中的某一标签 匹配， 则将匹配到的标签排列到所述目标行标签 的留白处， 并更新未被遍历的预排版后的各行标 签的预排版； 待遍历结束后， 将遍历后的排版结 果发送至客户端， 以进行渲染。 本申请通过对标 签进行预排版， 并根据预排版的效果进行标签相 对位置的调整， 提高额标签排版的美观度、 增加 标签页面的容纳量、 提高页面的利用率， 且能给 更加有效引导用户行为， 提高了用户的体验感 受。 权利要求书2页 说明书9页 附图4页 CN 115328596 A 2022.11.11 CN 115328596 A 1.一种前端页面的标签排版 方法， 其特 征在于， 所述方法应用于服 务端， 包括： 将待渲染的多个标签进行 预排版； 遍历预排版后的各行标签， 若一目标行标签的留白宽度与未被遍历的预排版后的各行 标签中的某一标签匹配， 则将匹配到的标签排列到所述 目标行标签的留白处， 并更新未被 遍历的预排版后的各 行标签的预排版； 待遍历结束后， 将遍历后的排版 结果发送至客户端， 以进行渲染。 2.根据权利要求1所述的方法， 其特 征在于， 所述方法还 包括： 若一目标行标签的留白宽度与未被遍历的预排版后的各行标签中的所有标签均不匹 配， 则将所述目标 行标签的预排版作为遍历后的排版 结果。 3.根据权利要求1所述的方法， 其特征在于， 所述遍历预排版后的各行标签， 若一目标 行标签的未被遍历的预排版后的各行标签中的某 一标签匹配， 则将匹配到的标签排列到所 述目标行标签的留白处， 包括： 按照由上向下顺序， 依次遍历预排版后的各 行标签； 对于一行目标行标签， 确定未被遍历的预排版后的各行标签中是否存在某一标签与 所 述目标行标签的留白宽度匹配， 其中， 所述未被遍历的预排版后的各行标签为排列在所述 目标行标签以下的各 行标签； 若存在， 则将匹配到的标签排列到所述目标 行标签的留白处； 所述更新未被遍历的预排版后的各 行标签的预排版， 包括： 将匹配到的标签从其原始行标签中删除， 以及将所述匹配到的标签右侧的剩余标签左 移。 4.根据权利要求3所述的方法， 其特征在于， 所述确定未被遍历的预排版后的各行标签 中是否存在某一标签与所述目标 行标签的留白宽度匹配， 包括： 确定排列在所述目标行标签以下的第一行标签中是否存在某一标签与所述目标行标 签的留白宽度匹配， 若存在， 则执行所述将匹配到的标签排列到所述目标行标签的留白处， 并更新未被遍历的预排版后的各 行标签的预排版的步骤； 若不存在， 则确定排列在所述目标行标签以下的第 二行标签中是否存在某一标签与 所 述目标行标签的留白宽度匹配， 若存在， 则执行所述将匹配到的标签排列到所述 目标行标 签的留白处， 并更新未被遍历的预排版后的各 行标签的预排版的步骤； 若不存在， 则继续确定排列在所述目标行标签以下的第 三行标签中是否存在某一标签 与所述目标 行标签的留白宽度匹配， 直到最后一行 标签。 5.根据权利要求4所述的方法， 其特征在于， 若某一标签的预设宽度小于所述目标行标 签的留白宽度， 则确定该 标签与所述目标 行标签的留白宽度匹配； 否则， 则确定该 标签与所述目标 行标签的留白宽度不匹配。 6.根据权利要求4所述的方法， 其特征在于， 若确定排列 所述目标行标签以下的某一行 标签中存在多个标签与所述目标行标签的留白宽度匹配， 则将匹配到的多个标签中的最左 侧标签确定为匹配到的标签。 7.根据权利要求1～6中任一项所述的方法， 其特征在于， 所述将待渲染的多个标签进 行预排版包括： 读取各所述标签的预设宽度以及热度值；权　利　要　求　书 1/2 页 2 CN 115328596 A 2按照各所述标签的热度值的大小对各 所述标签进行排序； 根据各所述标签的预设宽度， 以及排序结果对各 所述标签进行 预排版。 8.一种前端页面的标签排版装置， 其特征在于， 所述装置应用于服务端， 所述装置包 括： 预排版单元， 用于将待渲染的多个标签进行 预排版； 调整单元， 用于遍历预排版后的各行标签， 若一目标行标签的留白宽度与未被遍历的 预排版后的各行标签中的某一标签的宽度匹配， 则将匹配到的标签排列到所述目标行标签 的留白处， 并更新未被遍历的预排版后的各 行标签的预排版； 发送单元， 用于待 遍历结束后， 将遍历后的排版 结果发送至客户端， 以进行渲染。 9.一种电子设备， 包括： 处理器； 以及 被安排成存储计算机可执行指令的存储器， 所述可执行指令在被执行时使所述处理器 执行所述权利要求1～7 所述方法。 10.一种计算机可读存储介质， 所述计算机可读存储介质存储一个或多个程序， 所述一 个或多个程序当被包括多个应用程序的电子设备执行时， 使得所述电子设备执行所述权利 要求1～7 所述方法。权　利　要　求　书 2/2 页 3 CN 115328596 A 3