CN112507664A - 网页元素标注方法与装置 - Google Patents

Abstract

本公开提供一种网页元素标注方法与装置。网页元素标注方法包括：响应对应目标网页区域的元素标注指令，获取所述目标网页区域的第一标签以及待标注元素；在所述待标注元素为N组时，复制所述第一标签以得到共N个所述第一标签，N≥2；重叠N个所述第一标签，并将每个所述第一标签的背景色的透明度均设置为100％；按重叠顺序的从上到下，在第i个第一标签中使用背景色为第i种颜色的第二标签包裹第i组所述待标注元素，每个所述第二标签的背景色的透明度均大于预设值，1≤i≤N。本公开实施例可以在网页中区别标注出多组关键词以及多组关键词共用的字符。

Description

网页元素标注方法与装置

技术领域

本公开涉及互联网前端技术领域，具体而言，涉及一种网页元素标注方法与装置。

背景技术

一些网站常常提供关键字标注功能，在网页上使用字体颜色或背景颜色标注用户想要筛选的关键字，例如搜索网站在搜索页提供的关键字标注，即将搜索结果中的关键字设置为红色，将其他字符设置为蓝色。

但是相关技术中，当多个关键词共用一个或多个字符时，被共用的字符仅能显示一种标注效果，无法准确参与到其他关键词的标注中。例如，当用户想在“他有一双黑眼睛”中搜索“黑眼”和“眼睛”时，往往必然会有一个关键词仅能显示部分高亮，显示效果例如为“黑眼”“睛”分别对应两种不同的效果，会对用户通过视觉进行关键词定位造成困扰。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开的目的在于提供一种网页元素标注方法与网页元素标注装置，用于至少在一定程度上克服由于相关技术的限制和缺陷而导致的网页元素标注过程无法标注出共用元素的问题。

根据本公开实施例的第一方面，提供一种网页元素标注方法，包括：响应对应目标网页区域的元素标注指令，获取所述目标网页区域的第一标签以及待标注元素；在所述待标注元素为N组时，复制所述第一标签以得到共N个所述第一标签，N≥2；重叠N个所述第一标签，并将每个所述第一标签的背景色的透明度均设置为100％；按重叠顺序的从上到下，在第i个第一标签中使用背景色为第i种颜色的第二标签包裹第i组所述待标注元素，每个所述第二标签的背景色的透明度均大于预设值，1≤i≤N。

在本公开的一种示例性实施例中，所述第二标签的样式为RGBA样式，所述预设值为40％。

在本公开的一种示例性实施例中，第i个所述第一标签中的所述第二标签的背景色透明度低于第i-1个所述第一标签中的所述第二标签的背景色透明度。

在本公开的一种示例性实施例中，第i个所述第一标签中的所述第二标签的背景色的R、G、B参数中的至少两个大于第i-1个所述第一标签中的所述第二标签的背景色的对应参数。

在本公开的一种示例性实施例中，所述网页区域包括文章区域，所述待标注元素包括字符。

在本公开的一种示例性实施例中，还包括：响应对应一或多个目标待标注元素的显示顺序调整指令，确定所述一或多个目标待标注元素对应的一或多个目标第一标签；根据所述显示顺序调整指令调整所述目标第一标签在重叠的N个所述第一标签中的位置。

在本公开的一种示例性实施例中，所述第二标签的样式为RGBA样式。

根据本公开实施例的第二方面，提供一种网页元素标注装置，包括：定位模块，设置为响应对应目标网页区域的元素标注指令，获取所述目标网页区域的第一标签以及待标注元素；复制模块，设置为在所述待标注元素为N组时，复制所述第一标签以得到共N个所述第一标签，N≥2；重叠模块，设置为重叠N个所述第一标签，并将每个所述第一标签的背景色的透明度均设置为100％；着色模块，设置为按重叠顺序的从上到下，在第i个第一标签中使用背景色为第i种颜色的第二标签包裹第i组所述待标注元素，每个所述第二标签的背景色的透明度均大于预设值，1≤i≤N。

根据本公开的第三方面，提供一种电子设备，包括：存储器；以及耦合到所述存储器的处理器，所述处理器被配置为基于存储在所述存储器中的指令，执行如上述任意一项所述的方法。

根据本公开的第四方面，提供一种计算机可读存储介质，其上存储有程序，该程序被处理器执行时实现如上述任意一项所述的网页元素标注方法。

本公开实施例通过根据待标注元素的数量生成对应数量的背景色透明的网页标签，继而在每个网页标签中通过不同颜色的半透明标签标注出待标注元素，可以在一个元素分别位于不同待标注元素中时，经由层叠的半透明色彩，将该共用元素的背景色与其他待标注元素区别开，从而可以准确标注出多个待标注元素中的共用元素。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本公开示例性实施例中网页元素标注方法的流程图。

图2是本公开实施例中对关键词进行标注的示意图。

图3是本公开一个实施例中显示效果改变的流程图。

图4A和图4B是图3所示功能的一个应用场景的示意图。

图5是本公开示例性实施例中一种网页元素标注装置的方框图。

图6是本公开示例性实施例中一种电子设备的方框图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。

此外，附图仅为本公开的示意性图解，图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

下面结合附图对本公开示例实施方式进行详细说明。

图1示意性示出本公开示例性实施例中网页元素标注方法的流程图。参考图1，网页元素标注方法100可以包括：

步骤S1，响应对应目标网页区域的元素标注指令，获取所述目标网页区域的第一标签以及待标注元素；

步骤S2，在所述待标注元素为N组时，复制所述第一标签以得到共N个所述第一标签，N≥2；

步骤S3，重叠N个所述第一标签，并将每个所述第一标签的背景色的透明度均设置为100％；

步骤S4，按重叠顺序的从上到下，在第i个第一标签中使用背景色为第i种颜色的第二标签包裹第i组所述待标注元素，每个所述第二标签的背景色的透明度均大于预设值，1≤i≤N。

本公开实施例通过根据待标注元素的数量生成对应数量的背景色透明的网页标签，继而在每个网页标签中通过不同颜色的半透明标签标注出待标注元素，可以在一个元素分别位于不同待标注元素中时，经由层叠的半透明色彩，将该共用元素的背景色与其他待标注元素区别开，从而可以准确标注出多个待标注元素中的共用元素。

下面，对网页元素标注方法100的各步骤进行详细说明。

在步骤S1，响应对应目标网页区域的元素标注指令，获取所述目标网页区域的第一标签以及待标注元素。

在本公开实施例中，目标网页区域例如可以为文章区域，第一标签例如可以文本对应的HTML(Hyper Text Markup Language，超文本标记语言)标签，待标注元素例如可以为关键词，元素标注指令例如可以为关键词搜索指令。在其他实施例中，上述词汇也可以为其他定义，本公开不以此为限。

一个实施例中，在接收到关键词搜索指令时，可以获取目标文章区域以及用户欲搜索的若干个关键词。目标文章区域既可以为当前已显示网页的全部区域或部分区域(由用户进行选择定位)，也可以为尚未显示但即将显示的文章区域(例如搜索网站的搜索结果页)。

关键词例如可以包括一或多个字符，上述字符不限于文字、数字、字母、标点、符号等，本领域技术人员可以根据实际情况自行设置。在本公开实施例中，连续的字符被定义为一组关键词，关键词与关键词之间可以通过预设符号分割，该预设符号例如可以为空格。例如，“蓝天白云”为两组关键词，“蓝天白云”为一组关键词。

在步骤S2，在所述待标注元素为N组时，复制所述第一标签以得到共N个所述第一标签，N≥2。

在待标注元素仅为一组时，可以直接通过字符颜色或字符背景色标示该组关键词。在待标注元素超过一组时，可以获取待标注元素的数量N，进而复制N-1个第一标签以形成相同的N个第一标签。可以理解的是，复制第一标签时包括复制第一标签内的文章区域以及包括图片、视频插件在内的各类网页元素。

在一些实施例中，当先前已经搜索了M个关键词，即已经设置有M个第一标签时，如果用户增加关键词，使关键词的数量增加到了N个，则复制M-N个第一标签，以得到N个第一标签。此时，复制第一标签时无需复制已经生成于前M个第一标签中各第一标签内的第二标签，仅复制第一标签的原始内容即可。

在步骤S3，重叠N个所述第一标签，并将每个所述第一标签的背景色的透明度均设置为100％。

将N个第一标签的背景色设置为完全透明，从而在重叠N个第一标签后，网页的显示效果不变，为后续的重叠着色做准备。

在步骤S4，按重叠顺序的从上到下，在第i个第一标签中使用背景色为第i种颜色的第二标签包裹第i组所述待标注元素，每个所述第二标签的背景色的透明度均大于预设值，1≤i≤N。

在一些实施例中，可以预先设置每一层第一标签对应的第二标签的样式，从而在步骤S4，根据一个第一标签在重叠的N个第一标签中的排序，直接获取其对应的第二标签的样式。设置好的样式例如可以为CSS样式，更例如为CSS样式中的RGBA样式(利用Alpha通道实现半透明效果的一种CSS样式)，本公开对此不作特殊限制。此外，第二标签的类别例如可以为SPAN标签。SPAN标签是HTML的行内标签，用来组合文档中的行内元素，当对它应用样式时，它会产生视觉上的变化。在一些实施例中，第一标签的类别也例如可以为SPAN标签。

在步骤S4，首先可以确定待标注元素的顺序，例如当用户输入关键词“蓝天天上飘”时，可以按用户输入的顺序确定第一组待标注元素为词汇“蓝天”，第二组待标注元素为词汇“天上”，第三组待标注元素为词汇“飘”。

接下来，在从上到下第一层第一标签的内容中查找“蓝天”关键词，并在查找到每个词汇“蓝天”时，使用预设与第一层第一标签对应的样式1来生成包裹词汇“蓝天”的第二标签。接下来，继续在第二层第一标签中查找“天上”关键词，并在查找到每个词汇“天上”时，使用预设与第二层第一标签对应的样式2来生成包裹词汇“天上”的第二标签；在第三第一标签中查找“飘”关键词，并在查找到每个词汇“飘”时，使用预设与第三层第一标签对应的样式3来生成包裹词汇“飘”的第二标签。

在本公开实施例中，每个第二标签的背景色均为半透明，透明度例如可以为大于等于40％，从而，在位于上层的第二标签于位于下层的第二标签部分重叠时，二者对应的背景颜色能够叠加以形成新的、区别于每一个独立的第二标签的色彩。

图2是本公开实施例中对关键词进行标注的示意图。

参考图2，词汇“蓝天”被位于第一层第一标签中的第二标签1包裹，第二标签1具有第一样式(图中以图案填充以示区别，在实际应用中可以第二标签的背景可以为纯色)；词汇“天上”被位于第二层第一标签中的第二标签2包裹，第二标签2具有第二样式；词汇“飘”被位于第三层第一标签中的第二标签3包裹，第二标签3具有第三样式。其中，字符“上”在不同层分别被第二标签1、第二标签2包裹，且每个第二标签的背景均为半透明状态，因此，字符“上”的背景效果为第一样式与第二样式的叠加，有别于第一样式、第二样式、第三样式中的任一种，用户可以轻易识别到该字符同时涉及两组关键字。

在本公开一个实施例中，可以对不同层的第二标签的背景透明度进行阶梯设置，例如，可以设置较上层的第一标签内的第二标签的背景透明度大于较下层的第一标签内的第二标签的背景透明度，以提高上层的第二标签透过下层第二标签背景色彩的能力，以及下层第二标签的色彩表现力，防止由于上层第二标签背景色的透明度不高，造成下层第二标签的背景色对字符的实际表现影响较低。在一些实施例中，位于最底层的第二标签的背景色也可以设置为完全不透明，即透明度等于零，以提高位于底层的第二标签的表现力。

在另一个实施例中，可以对不同层的第二标签的背景色的深浅进行梯度设置，具体为，位于较上层的第二标签的背景色颜色较浅，位于较下层的第二标签的背景色颜色较深，以在第一标签层数较多时，提高下层第二标签的背景色的表现力。以数值为例，例如可以第i个第一标签中的第二标签的背景色的R、G、B参数中的至少两个大于第i-1个第一标签中的第二标签的背景色的对应参数。例如，当第i层第一标签中的第二标签的背景RGB颜色为(230,222,199)时，其下层的第i+1层第一标签中的第二标签的背景RGB颜色可以为(155,180,177)，较上层背景色浅。如此设置，可以保障在多层第二标签部分重合时，每层第二标签的背景色均能够对最终的展示颜色形成较大影响，提高颜色辨识度。

在再一个实施例中，还可以通过加粗下层第二标签中的字体来提高下层第二标签中待标注元素的表现力。例如，可以设置第i个第一标签中的待标注元素的线条宽度大于第i-1个第一标签中的待标注元素的线条宽度。从上层到下层，字体线条逐渐加粗，以使被共用次数越多的元素(例如字符)，其最终表现形式越明显。

当然，还可以在改变第二标签的背景色的同时，改变每层第一标签对应的待标注元素的原本颜色，例如文字颜色，本公开对此不作特殊限制。

分层设置不同样式的第二标签后，尤其是设置不同透明度、或者不同颜色深浅的第二标签后，还可以允许用户调整第一标签的层叠顺序，调整各第二标签对最终展示结果的影响。

图3是本公开一个实施例中显示效果改变的流程图。

参考图3，方法100还可以包括：

步骤S5，响应对应一或多个目标待标注元素的显示顺序调整指令，确定所述一或多个目标待标注元素对应的一或多个目标第一标签；

步骤S6，根据所述显示顺序调整指令调整所述目标第一标签在重叠的N个所述第一标签中的位置。

图4A和图4B是图3所示功能的一个应用场景的示意图。

参考图4A，可以为用户显示搜索框41、关键词层次颜色设置框42、第一标签区域43。

当用户在搜索框41中输入关键词时，自动抓取关键词的顺序，并根据关键词的顺序在关键词层次颜色设置框42中展示每个关键词对应的第一标签的层序号，以及该对应的第一标签内的第二标签的样式，该样式例如包括颜色显示框421和透明度调整控件422。

用户可以通过修改一个第二标签对应的颜色显示框421和透明度调整控件422内的信息，实现对第二标签的样式的修改，或者，参考图4B，拖动一个关键词在关键词序列中的顺序，实现该关键词对应的第一标签在层叠中的顺序，进而修改最终的显示效果。

当不同层的第一标签对应的第二标签的样式特征不完全相同时，例如透明度按照堆叠顺序不同，颜色深浅按照堆叠顺序不同时，当一个第一标签的堆叠顺序被调整时，其对应的第二标签的样式也可以相应自动更新为最新堆叠顺序对应的样式，如图4B所示。

调整关键词的顺序，进而调整第一标签的堆叠顺序、第二标签的样式后，可以直接影响到关键词标注的显示效果，为用户提供其想要的显示效果。例如，用户可以将数量较多的关键词对应的第一标签的堆叠层级下调，以突出显示；或者，用户可以将当前最想看见的关键词对应的第二标签的样式调整为想要的样式，实时突出显示最关注的关键词。

在一些实施例中，用户还可以在关键词层次颜色设置框42中取消对关键词的标注，以逐个或者逐批次显示关键词。或者，用户也可以删除搜索框41内的部分关键词，同时关键词层次颜色设置框42的内容和第一标签区域43的内容也自动进行更新。

本公开实施例既可以允许用户自由调整每层第二标签的样式参数(例如将部分颜色进行自定义或者透明度设置为零等)，也可以禁止用户调节部分或者全部第二标签的样式参数，以保障显示效果的实施，本公开对此不作特殊限制。

以上对第二标签的样式修改以及最终叠加显示效果的修改仅为示例，本领域技术人员可以自行设置第二标签的样式方案以及层叠显示效果的方案。

综上所述，本公开实施例通过设置层叠的不同颜色的半透明标签，可以有效标注多个待标注元素的共有元素，提高信息搜索效率。

对应于上述方法实施例，本公开还提供一种网页元素标注装置，可以用于执行上述方法实施例。

图5示意性示出本公开一个示例性实施例中一种网页元素标注装置的方框图。

参考图5，网页元素标注装置500可以包括：

定位模块51，设置为响应对应目标网页区域的元素标注指令，获取所述目标网页区域的第一标签以及待标注元素；

复制模块52，设置为在所述待标注元素为N组时，复制所述第一标签以得到共N个所述第一标签，N≥2

重叠模块53，设置为重叠N个所述第一标签，并将每个所述第一标签的背景色的透明度均设置为100％

着色模块54，设置为按重叠顺序的从上到下，在第i个第一标签中使用背景色为第i种颜色的第二标签包裹第i组所述待标注元素，每个所述第二标签的背景色的透明度均大于预设值，1≤i≤N

在本公开的一种示例性实施例中，所述第二标签的样式为RGBA样式，所述预设值为40％。

在本公开的一种示例性实施例中，第i个所述第一标签中的所述第二标签的背景色透明度低于第i-1个所述第一标签中的所述第二标签的背景色透明度。

在本公开的一种示例性实施例中，第i个所述第一标签中的所述第二标签的背景色的R、G、B参数中的至少两个大于第i-1个所述第一标签中的所述第二标签的背景色的对应参数。

在本公开的一种示例性实施例中，所述网页区域包括文章区域，所述待标注元素包括字符。

在本公开的一种示例性实施例中，网页元素标注装置500还包括调整模块55，设置为：响应对应一或多个目标待标注元素的显示顺序调整指令，确定所述一或多个目标待标注元素对应的一或多个目标第一标签；根据所述显示顺序调整指令调整所述目标第一标签在重叠的N个所述第一标签中的位置。

由于装置500的各功能已在其对应的方法实施例中予以详细说明，本公开于此不再赘述。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

在本公开的示例性实施例中，还提供了一种能够实现上述方法的电子设备。

所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。

下面参照图6来描述根据本发明的这种实施方式的电子设备600。图6显示的电子设备600仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图6所示，电子设备600以通用计算设备的形式表现。电子设备600的组件可以包括但不限于：上述至少一个处理单元610、上述至少一个存储单元620、连接不同系统组件(包括存储单元620和处理单元610)的总线630。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元610执行，使得所述处理单元610执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如，所述处理单元610可以执行如图1中所示的步骤。

存储单元620可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)6201和/或高速缓存存储单元6202，还可以进一步包括只读存储单元(ROM)6203。

存储单元620还可以包括具有一组(至少一个)程序模块6205的程序/实用工具6204，这样的程序模块6205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线630可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备600也可以与一个或多个外部设备700(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备600交互的设备通信，和/或与使得该电子设备600能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口650进行。并且，电子设备600还可以通过网络适配器660与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器660通过总线630与电子设备600的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备600使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的方法。

在本公开的示例性实施例中，还提供了一种计算机可读存储介质，其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。

根据本发明的实施方式的用于实现上述方法的程序产品可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

此外，上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和构思由权利要求指出。

Claims (10)

1.一种网页元素标注方法，其特征在于，包括：

响应对应目标网页区域的元素标注指令，获取所述目标网页区域的第一标签以及待标注元素；

在所述待标注元素为N组时，复制所述第一标签以得到共N个所述第一标签，N≥2；

重叠N个所述第一标签，并将每个所述第一标签的背景色的透明度均设置为100％；

按重叠顺序的从上到下，在第i个第一标签中使用背景色为第i种颜色的第二标签包裹第i组所述待标注元素，每个所述第二标签的背景色的透明度均大于预设值，1≤i≤N。

2.如权利要求1所述的网页元素标注方法，其特征在于，所述第二标签的样式为RGBA样式，所述预设值为40％。

3.如权利要求1所述的网页元素标注方法，其特征在于，第i个所述第一标签中的所述第二标签的背景色透明度低于第i-1个所述第一标签中的所述第二标签的背景色透明度。

4.如权利要求1所述的网页元素标注方法，其特征在于，第i个所述第一标签中的所述第二标签的背景色的R、G、B参数中的至少两个大于第i-1个所述第一标签中的所述第二标签的背景色的对应参数。

5.如权利要求1所述的网页元素标注方法，其特征在于，所述网页区域包括文章区域，所述待标注元素包括字符。

6.如权利要求5所述的网页元素标注方法，其特征在于，第i个所述第一标签中的所述待标注元素的线条宽度大于第i-1个所述第一标签中的所述待标注元素的线条宽度。

7.如权利要求1～6任一项所述的网页元素标注方法，其特征在于，还包括：

响应对应一或多个目标待标注元素的显示顺序调整指令，确定所述一或多个目标待标注元素对应的一或多个目标第一标签；

根据所述显示顺序调整指令调整所述目标第一标签在重叠的N个所述第一标签中的位置。

8.一种网页元素标注装置，其特征在于，包括：

定位模块，设置为响应对应目标网页区域的元素标注指令，获取所述目标网页区域的第一标签以及待标注元素；

复制模块，设置为在所述待标注元素为N组时，复制所述第一标签以得到共N个所述第一标签，N≥2

重叠模块，设置为重叠N个所述第一标签，并将每个所述第一标签的背景色的透明度均设置为100％

着色模块，设置为按重叠顺序的从上到下，在第i个第一标签中使用背景色为第i种颜色的第二标签包裹第i组所述待标注元素，每个所述第二标签的背景色的透明度均大于预设值，1≤i≤N。

9.一种电子设备，其特征在于，包括：

存储器；以及

耦合到所述存储器的处理器，所述处理器被配置为基于存储在所述存储器中的指令，执行如权利要求1-7任一项所述的网页元素标注方法。

10.一种计算机可读存储介质，其上存储有程序，该程序被处理器执行时实现如权利要求1-7任一项所述的网页元素标注方法。

Images