CN113296773A

CN113296773A - 一种层叠样式表的版权标注方法和标注系统

Info

Publication number: CN113296773A
Application number: CN202110593682.1A
Authority: CN
Inventors: 王杰
Original assignee: Beijing Si Tech Information Technology Co Ltd
Current assignee: Beijing Si Tech Information Technology Co Ltd
Priority date: 2021-05-28
Filing date: 2021-05-28
Publication date: 2021-08-24
Anticipated expiration: 2041-05-28
Also published as: CN113296773B

Abstract

本发明公开了一种层叠样式表的版权标注方法和标注系统，属于互联网技术领域，所述版权标注方法包括：获得版权标注的一个或多个标识；将所述标识进行加密，获得密文；将所述密文作为隐藏信息，添加到层叠样式表的DataUr l数据中。Data URL数据具有经base64编码的字符串，可读性较低，将密文插入到Data URL数据，使密文不易被识别，从而防止版权标注的标识被移除；同时标识不在页面中直接显示，可以有效防止标识被移除。

Description

一种层叠样式表的版权标注方法和标注系统

技术领域

本发明涉及互联网技术领域，具体涉及一种层叠样式表的版权标注方法和标注系统。

背景技术

层叠样式表(Cascading Style Sheets，CSS)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。CSS语言本身没有编解码方法，无法加密，CSS样式应用在HTML元素上，只要浏览器能够解析，就可以在浏览器自带的开发者工具中看到这些CSS代码并明白其作用。

对于一般的网站，其整站界面样式表现都是定制化的，所以一般也不会有人去盗用CSS文件来使用。但对于UI组件库，或是特别制作的炫酷样式，这一类CSS文件可以独立复用，不受站点限制，这一类CSS样式文件不管是否经过所有者允许也都很容易被别人拿去使用，而作者并不知情。

现有技术中，开源的一些UI组件库或UI插件中文件头部有相关开源协议和作者信息，但是因为是明文的版权申请，容易可以被忽略、甚至移除这些版权信息。即使CSS中的class类命名有规范的前后缀，虽然这些前后缀可以体现出作者的原创性，但由于明文记载，也很容易被一眼就看出来并轻松被全局替换，从而覆盖源文件的原创性明文标识。

开发者的版权意识越来越强烈，但是目前，缺少版权保护的有效手段。

发明内容

针对现有技术中存在的上述技术问题，本发明提供一种层叠样式表的版权标注方法和标注系统，对CSS进行版权标注，防止版权标注的标识被移除。

本发明公开了一种层叠样式表的版权标注方法，所述版权标注方法包括：获得版权标注的一个或多个标识；将所述标识进行加密，获得密文；将所述密文作为隐藏信息，添加到层叠样式表的DataUrl数据中。

优选的，所述密文设置在DataUrl数据的背景图数据和base64之间。

优选的，所述标识包括标识图片，标识图片标注的方法包括：

基于base64编码，将标识图片转换为DataUrl格式，获得图片数据；

将图片数据添加到所述层叠样式表中。

优选的，所述标识显示的方法包括：

在层叠样式表中定义图片数据的一个或多个显示属性；

通过CSS选择器选择相应显示属性的元素，并在页面中显示所述图片数据相应的标识图片。

优选的，在所述叠样式表中定义第一显示属性和第二显示属性；

HTML元素同时具有第一显示属性和第二显示属性时，在页面中显示所述标识。

优选的，多次将所述密文插入到DataUrl数据的多个位置。

优选的，将所述层叠样式表进行压缩处理，所述压缩处理包括以下任一操作或它们的组合：删除空格、去掉换行和去掉多余分号。

本发明还提供一种用于实现上述版权标注方法的标注系统，包括标识获得模块、加密模块和嵌入模块，所述标识获得模块用于获得版权标注的一个或多个标识；所述加密模块用于将所述标识进行加密，获得密文；所述嵌入模块用于将所述密文作为隐藏信息，添加到层叠样式表的DataUrl数据中。

优选的，标注系统还包括图片转换模块，所述图片转换模块用于将所述标识转换为标识图片；所述加密模块基于base64编码，将标识图片转换为DataUrl格式，获得图片数据；所述嵌入模块用于将图片数据添加到所述层叠样式表中。

优选的，标注系统还包括压缩模块和条件显示模块，

所述压缩模块用于将所述层叠样式表进行压缩处理，所述压缩处理包括以下任一操作或它们的组合：删除空格、去掉换行和去掉多余分号；

所述条件显示模块用于在层叠样式表中定义一个或多个显示属性，HTML元素具有所述显示属性时，在页面中显示所述标识图片。

与现有技术相比，本发明的有益效果为：Data URL数据具有经base64编码的字符串，可读性较低，将密文插入到Data URL数据，使密文不易被识别，从而防止版权标注的标识被移除；同时标识不在页面中直接显示，可以有效防止标识被移除。

附图说明

图1是本发明的层叠样式表的版权标注方法流程图；

图2是标识显示的方法流程图；

图3是本发明的标注系统。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明的一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

下面结合附图对本发明做进一步的详细描述：

一种层叠样式表的版权标注方法，如图1所示，所述版权标注方法包括：

步骤101：获得版权标注的一个或多个标识。在一个具体实施例中，建立版权信息标识字典，从字典中选择标识。

步骤102：将所述标识进行加密，获得密文。

步骤103：将所述密文作为隐藏信息，添加到层叠样式表的DataUrl数据中。将所述密文作为隐藏信息是指，通常不在HTML页面中显示，可以通过以下方式进行隐藏：不被页面实际应用、有条件应用和页面中被其他元素覆盖。其中，所述密文可以设置在DataUrl数据的背景图数据和base64之间，并通过半角分号进行分隔。

跟传统的用img标记将图片引用到页面中的方式不一样，在Data URL协议中，图片被转换成base64编码的字符串形式，并存储在URL中。因此Data URL数据具有经base64编码的字符串，可读性较低，将密文插入到Data URL数据，使密文不易被识别，从而防止版权标注的标识被移除；同时标识不在页面中直接显示，可以有效防止标识被移除。其中，标识可以是一段文本或者标识图片。

在一个具体实施例中，将标识制作成标识图片，或者选择图片作为标识。标识图片标注的方法包括：

步骤201：基于base64编码，将标识图片转换为DataUrl格式，获得图片数据。转换为DataUrl格式的目的是：可以让标识图片插入CSS代码中，与CSS文件一同加载，而不需要单独存储一个图片文件，也就无法轻易看到标识图片而移除该图片或相关代码。但编码方式不限于base64编码。需要指出的是，在显示标识图片时，需要为图片数据指定编码方法或解码方法，以便正确显示图片。

步骤201：将图片数据添加到所述层叠样式表中，作为DataUrl数据。

如图2所示，本发明的版权标注方法还包括标识显示的方法：

步骤301：在层叠样式表中定义图片数据的一个或多个显示属性。

步骤302：通过CSS选择器选择相应显示属性的元素，并在页面中显示所述图片数据相应的标识。即HTML元素具有显示属性时，才会显示标识。

在一个具体实施例中，在所述叠样式表中定义第一显示属性和第二显示属性；HTML元素同时具有第一显示属性和第二显示属性时，在页面中显示所述标识图片。但不限于此，根据该原理，也可以设置为较复杂的标识显示条件。

即通过设置密文的显示条件，在版权取证时，通过HTML页面或CSS中定义相应的显示代码，以便在页面中显示所述标识。

可以多次将所述密文插入到DataUrl数据的多个位置。降低标识的隐藏信息被发现，而完全消除的几率。

本发明的版权标注方法还包括降低层叠样式表可读性的方法：

步骤110：将所述层叠样式表进行压缩处理，所述压缩处理包括以下任一操作或它们的组合：删除空格、去掉换行和去掉多余分号。以减小文件体积和降低代码可读性。

本发明还提供一种用于实现上述版权标注方法的标注系统，如图3所示，包括标识获得模块1、加密模块2和嵌入模块3，

标识获得模块1用于获得版权标注的一个或多个标识；

加密模块2用于将所述标识进行加密，获得密文；

嵌入模块3用于将所述密文作为隐藏信息，添加到层叠样式表的DataUrl数据中。

本发明的标注系统还可以包括图片转换模块4、压缩模块5和条件显示模块6。图片转换模块4用于将所述标识转换为标识图片，加密模块2基于base64编码，将标识图片转换为DataUrl格式，获得图片数据；嵌入模块3用于将图片数据添加到所述层叠样式表中。

压缩模块5用于将所述层叠样式表进行压缩处理，所述压缩处理包括以下任一操作或它们的组合：删除空格、去掉换行和去掉多余分号。

条件显示模块6用于在层叠样式表中定义一个或多个显示属性，通过CSS选择器选择相应显示属性的元素，并在页面中显示所述图片数据相应的标识图片。

实施例1

将版权的标识(“copyright＝company-name”)进行base64编码后可得到密文“Y29weXJpZ2h0PWNvbXBhbnktbmFtZQ＝＝”。

现有CSS文件中，有一张背景图(该背景图可以是任意的图，可以是css文件中原本就存在、且有用的背景图)，经base64编码后的DataUrl为：“data:image/png；base64,iVBORw0KGgoAAAANSUhEUgAAAAg...”。将密文添加到DataUrl数据中，具体的，添加到背景图的MIME-Type和base64数据之间得到标注版权的DataUrl数据：“data:image/png；Y29weXJpZ2h0PWNvbXBhbnktbmFtZQ＝＝；base64,iVBORw0KGgoAAAANSUhEUgAAAAg...”。其中，iVBORw0KGgoAAAANSUhEUgAAAAg...为背景图数据。这种插入方式，不会影响背景图片的显示。

实施例2

将版权信息声明做成图片，并进行base64编码转换为DataUrl格式的图片数据，并将图片数据添加到CSS的代码中，与CSS文件一同加载。即DataUrl格式的图片数据作为DataUrl数据设置在CSS文件中。

在CSS文件中，定义第一显示属性：“copyright”，即具有“copyright”属性的HTML元素时，会显示隐藏的标识。标识图片的显示代码为：“[copyright]{background-image:DataUrl；}”，通过CSS的选择器，选择具有copyright属性的HTML元素显示DataUrl的图片，显示代码中，DataUrl为图片数据。即通过具有第一属性的HTML元素，显示版权标注的标识。

还可以定义第二属性“xxx”，则标识图片的显示代码为：“[copyright][xxx]{background-image:url(DataUrl)；}”，即具有copyright和xxx属性的HTML元素，将显示标识图片。但不限于此，还可以利用CSS选择器规则设置更加复杂的显示条件。

以上仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims

1.一种层叠样式表的版权标注方法，其特征在于，所述版权标注方法包括：

获得版权标注的一个或多个标识；

将所述标识进行加密，获得密文；

将所述密文作为隐藏信息，添加到层叠样式表的DataUrl数据中。

2.根据权利要求1所述的版权标注方法，其特征在于，所述密文设置在DataUrl数据的背景图数据和base64之间。

3.根据权利要求1所述的版权标注方法，其特征在于，所述标识包括标识图片，标识图片标注的方法包括：

将图片数据添加到所述层叠样式表中。

4.根据权利要求3所述的版权标注方法，其特征在于，还包括标识显示的方法：

在层叠样式表中定义图片数据的一个或多个显示属性；

5.根据权利要求4所述的版权标注方法，其特征在于，在所述叠样式表中定义第一显示属性和第二显示属性；

HTML元素同时具有第一显示属性和第二显示属性时，在页面中显示所述标识图片。

6.根据权利要求1所述的版权标注方法，其特征在于，多次将所述密文插入到DataUrl数据的多个位置。

7.根据权利要求1所述的版权标注方法，其特征在于，还包括降低层叠样式表可读性的方法：

将所述层叠样式表进行压缩处理，所述压缩处理包括以下任一操作或它们的组合：删除空格、去掉换行和去掉多余分号。

8.一种用于实现如权利要求1-7任一项所述版权标注方法的标注系统，其特征在于，包括标识获得模块、加密模块和嵌入模块，

所述标识获得模块用于获得版权标注的一个或多个标识；

所述加密模块用于将所述标识进行加密，获得密文；

所述嵌入模块用于将所述密文作为隐藏信息，添加到层叠样式表的DataUrl数据中。

9.根据权利要求8所述的标注系统，其特征在于，还包括图片转换模块，所述图片转换模块用于将所述标识转换为标识图片；

所述加密模块基于base64编码，将标识图片转换为DataUrl格式，获得图片数据；

所述嵌入模块用于将图片数据添加到所述层叠样式表中。

10.根据权利要求9所述的标注系统，其特征在于，还包括压缩模块和条件显示模块，

所述条件显示模块用于在层叠样式表中定义一个或多个显示属性，通过CSS选择器选择相应显示属性的元素，并在页面中显示所述图片数据相应的标识图片。