CN101866342B - Method and device for generating or displaying webpage label and information sharing system - Google Patents

Abstract

Disclosed are a method and device for generating or displaying webpage annotations, and an information sharing system based on the webpage annotations. The method for generating webpage annotation information includes: in response to the user selecting a target webpage element as the object to be annotated on the current webpage loaded on the web browser of the client, extracting the document object model (DOM) tree of the object to be annotated on the current webpage The XPath path in the object; based on the content of the marked object and the context web page elements immediately before and after the marked object in the current web page, generate the feature code CF of the marked object; and based on the marked object XPath path, feature code CF and The annotations input by the user generate webpage annotation information, where the webpage annotation information is stored in the annotation database of the remote annotation server, and the feature code CF of the object to be annotated is composed of the content-based feature (CBF) of the object to be annotated and its contextual webpage element CBF composition.

Description

Method and device for generating or displaying web page markup and information sharing system

technical field

The present invention generally relates to webpage tagging technology, and in particular to a technology for generating or displaying webpage tagging considering content of a target web page element on a web page as an tagged object, and a technology for realizing information sharing based on such web page tagging.

Background technique

Annotation is a technique for adding information to documents. This concept was originally produced in print media, including highlighting key words, adding marginalia, etc. With the rapid development and popularization of computer and network technology, the current network media has become one of the important ways for people to understand information. In this case, the technology of webpage annotation has also been paid attention to and developed, and webpage annotation has gradually become one of the hot topics in various fields including digital library, computer-aided collaborative work, information sharing and management.

The traditional web system provides a very convenient information release platform for content or information providers, such as a webpage production platform. However, this way of information exchange is basically one-way. The interactions that web page readers can perform are limited to clicking links or adding bookmarks. The current popular Web2.0 concept emphasizes the participation and information sharing of the vast number of Web users, so that the flow of information becomes a two-way or even multi-directional way. Currently commonly used information sharing technologies include:

-RSS (Really Simply Syndication): The content to be published is integrated through a server, and then the user selects the content to be obtained. In this way, users can only passively obtain the content published by the RSS source, and such information flow is also asymmetrical;

-Interactive Web publishing platforms (for example, Wiki and Blog): Users can publish their own articles and opinions through such platforms to achieve the purpose of information sharing. However, this information sharing method needs to be carried out in a specific structured webpage, and opinions cannot be shared anytime and anywhere on all webpages viewed.

The web page tagging system is different from the above two information sharing methods. It actually provides a tagging device to help users tag the web pages they browse. The tagging device can be a separate software tool including a browser, or it can be independent of browsing browser as a separate software tool, or as an extension module integrated in the browser. Annotea, as a standard web page annotation tool provided by the World Wide Web (W3C), uses RDF (Resource Description Format, resource description format) and XPointer as methods to describe the marked web pages. As a W3C recommendation project, Annotea provides a standard framework and implementation method for the representation and storage of web page annotations. In the Annotea system, the system uses an RDF database server to store all webpage annotation information, and users use a specific software client to annotate webpages. On the basis of Annotea, some unique web page annotation systems have emerged, such as Annoty, Crit, e-Marked, YAWAS, etc.

Generally speaking, the basic architecture of the existing web page tagging system can be shown in FIG. 1 . As shown in FIG. 1 , the webpage annotation system in the prior art mainly includes a user command processing unit 110 , an annotation query unit 120 , a webpage obtaining unit 130 and a webpage annotation synthesis unit 140 . Among them, the user command processing unit 110 receives user input information (including webpage URL, display options, user information, etc.), and sends these information to the annotation query unit 120 and the webpage obtaining unit 130 . The annotation query unit 120 obtains the annotation information of the webpage by querying a remote annotation server through a network such as the Internet according to the URL information of the webpage input by the user. The web page obtaining unit 130 obtains a desired web page through the Internet based on the web page URL information provided by the user. The webpage annotation synthesis unit 140 synthesizes the acquired webpage and related annotation information, and provides it to the user, so that the user can also see the relevant webpage annotation information while viewing the required webpage.

Although the existing web page tagging system can add tags to web pages, there are still various problems such as the following:

- Cannot handle the case where the marked object is transferred to other pages. In many websites, specific elements in a page are often automatically listed in other pages as the content scrolls, and traditional webpage labeling methods cannot display such labels;

-When the format of the tagged object in the web page undergoes certain tolerable changes (for example, the font in the tagged object becomes italic or blackened, etc.), the tag cannot be displayed correctly;

-In many cases, some modifications are often made to the content of the tagged object. In the traditional web page tagging system, the tagged object whose content has been modified is considered to be no longer the original tagged content, so its tagging will no longer be displayed.

Therefore, there is still a need to provide a method and device capable of generating or displaying web page annotations in consideration of the content of the tagged object, and a system that can more effectively realize information sharing among users based on web page annotations. In order to overcome the above-mentioned one or more defects existing in the prior art.

Contents of the invention

A brief overview of the invention is given below in order to provide a basic understanding of some aspects of the invention. It should be understood that this summary is not an exhaustive overview of the invention. It is not intended to identify key or critical parts of the invention nor to delineate the scope of the invention. Its purpose is merely to present some concepts in a simplified form as a prelude to the more detailed description that is discussed later.

In order to solve the above-mentioned problems in the prior art, an object of the present invention is to provide a method and device capable of generating or displaying webpage annotations in consideration of the content of the annotated objects on the webpage, wherein the webpage annotation information can be combined with the annotated objects and The content of the contextual web page elements immediately before and after the marked object on the web page is linked, so that the changes of the marked object can be dynamically tracked.

Another object of the present invention is to provide a method and device for web page tagging. By using the method and device, the web page that the user expects to load and display, as well as the previously tagged web pages stored on the remote tagging server, can be displayed on the client browser. Existing callouts on the page, and add and display new callouts on the page.

Another object of the present invention is to provide an information sharing system that utilizes the above web page tagging method and device to realize information sharing based on web page tagging.

In order to achieve the above object, according to one aspect of the present invention, a method for generating webpage annotation information is provided, the method comprising: in response to the user selecting a target webpage element on the current webpage loaded on the client web browser As the marked object, extract the XPath path of the marked object in the Document Object Model (DOM) tree of the current webpage; The feature code CF of the marked object; and based on the XPath path of the marked object, the feature code CF and the annotation input by the user, generate webpage annotation information, wherein the webpage annotation information is stored in the annotation database of the remote annotation server, and is annotated The feature code CF of the object is formed by the content-based feature (CBF) of the marked object and the CBF of the context webpage element thereof, and the CBF of the webpage element is composed of the alphabetic projection vector and the alphabetical order vector of the webpage element, wherein the alphabetical projection The vector consists of the statistical numbers of all the letters in the webpage element on the alphabet Λ={a, b, c, d, ..., z}, and the alphabetical vector is composed of all the letters in the webpage element in It is composed of reverse order statistics on the alphabet Λ.

According to another aspect of the present invention, there is also provided a device for generating web page annotation information, the device includes: an XPath generator, used for responding to the user's selection of The target web page element is used as the tagged object, extracting the XPath path of the tagged object in the document object model (DOM) tree of the current web page; the feature code (CF) generator is used to The content of the contextual web page elements before and after the object generates the feature code CF of the tagged object; and the tag generator is used to generate the web page based on the XPath path of the tagged object, the feature code CF of the tagged object and the tag input by the user Annotation information, wherein the feature code CF of the marked object is composed of the content-based feature CBF of the marked object and the CBF of the context webpage element, wherein the webpage annotation information is stored in the annotation database of the remote annotation server, and the webpage element The CBF of the webpage element is composed of a letter projection vector and an alphabet order vector, wherein the letter projection vector consists of all letters in the webpage element in the alphabet Λ={a, b, c, d, ..., z} The alphabetical order vector is composed of the statistical numbers of all letters in the web page element in reverse order on the alphabet Λ.

According to another aspect of the present invention, there is also provided a method for displaying webpages and annotations on the webpage on the client web browser, the method comprising: a) responding to user input to load and The Uniform Resource Locator (URL) of the displayed web page analyzes the input URL to obtain an effective URL; b) according to the effective URL, query all annotations related to the effective URL from the remote annotation server, thereby obtaining the annotation The candidate set and the web page annotation information of these annotations; c) for each annotation in the annotation candidate set, according to the webpage annotation information of the annotation, determine whether the annotation has marked the webpage element in the webpage to be loaded, that is, determine the annotation Whether it should exist in the webpage to be loaded, and if so, further determine the position of the marked webpage element in the webpage to be loaded, that is, the marked position; and d) be determined to exist according to The marked web page marking information and marked position in the web page to be loaded, combining these markings with the web page to be loaded, and displaying the synthesized web page to the user via the browser, wherein the marked web page The annotation information includes the XPath path of the annotated object corresponding to the annotation, the feature code CF of the annotated object, the content and format of the annotation, the URL of the webpage where the annotation is located, and the content feature code of the webpage where the annotation is located. The feature code CF of the annotated object is determined by The content-based feature (CBF) of the annotated object and the CBF of the context webpage element immediately before and after the annotated object are composed, and the CBF of the webpage element is composed of the letter projection vector and the alphabet order vector of the webpage element, wherein the letter The projection vector is composed of the statistical numbers of all letters in the webpage element on the alphabet Λ={a, b, c, d, ..., z}, and the alphabetical vector is composed of all the letters in the webpage element It consists of counting numbers in reverse order on the alphabet Λ.

According to another aspect of the present invention, there is also provided a device for displaying webpages and annotations on the webpages via a client Web browser, the device comprising: a URL analyzer for responding to user input The Uniform Resource Locator (URL) of the webpage loaded and displayed on the server analyzes the input URL to obtain an effective URL; the label queryer is used to query all and all tags from the remote label server according to the effective URL Effective URL-related annotations, thereby obtaining the annotation candidate set and the webpage annotation information of these annotations; the annotation position determination unit is used for each annotation in the annotation candidate set, and according to the webpage annotation information of the annotation, it is determined whether the annotation is marked. the webpage element in the loaded webpage, i.e., determine whether the annotation should exist in the webpage to be loaded, and if so, further determine the position of the webpage element it annotates in said webpage to be loaded , that is, the annotation position; and a synthesis unit, which is used to synthesize these annotations with the webpage to be loaded according to the webpage annotation information and the annotation position of the annotations determined to be present in the webpage to be loaded, wherein , the synthesized webpage is displayed to the user via the browser, and the annotation information of the annotated webpage includes the XPath path of the annotated object corresponding to the annotation, the feature code CF of the annotated object, the content and format of the annotation, the URL of the webpage where the annotation is located, the annotation The content feature code of the web page, the feature code CF of the marked object is composed of the content-based feature (CBF) of the marked object and the CBF of the contextual web page element immediately before and after the marked object, and the CBF of the web page element is composed of the web page The letter projection vector and letter order vector of the element are composed, wherein the letter projection vector is the statistical number of all letters in the webpage element on the alphabet Λ={a, b, c, d, ..., z} The alphabetical vector is formed by counting the numbers of all letters in the webpage element in reverse order on the alphabet Λ.

In addition, according to another aspect of the present invention, there is also provided a webpage tagging method, the method includes: responding to the URL of the webpage to be loaded and displayed on the client web browser input by the user, by executing the above method for A method for displaying a webpage and annotations on the webpage on the client web browser, displaying the webpage on the browser, as well as the existing annotations stored on the remote annotation server and previously annotated on the webpage; by executing the above According to the method for generating webpage annotation information, a new annotation is added on the webpage, and the newly annotated webpage annotation information is stored on a remote annotation server; and the added new annotation is displayed on the webpage via a browser.

According to another aspect of the present invention, there is also provided a webpage tagging device, which includes: the above-mentioned device for generating webpage tagging information; .

According to another aspect of the present invention, there is also provided an information sharing system based on webpage annotation, which includes: a client and a remote annotation server, wherein the client includes the above-mentioned webpage annotation device, and the remote annotation server includes An annotation database for storing annotation information of web pages, and an annotation information accessor for controlling access to the annotation database.

According to other aspects of the present invention, corresponding computer-readable storage media and computer program products are also provided.

The advantage of the present invention is that, in the above-mentioned method, device and system according to the present invention, the XPath path of the marked object, and the content of the marked object and its context web page element are taken into account when generating the web page marking information, so that It can realize the dynamic tracking of the tagged object, so the related tagging information will follow the tagged object. Also, annotations can be displayed correctly even if the format of the object being annotated changes. Even when the content of the marked object itself changes, the content change can be evaluated to decide whether the corresponding markup can be displayed.

These and other advantages of the present invention will be more apparent through the following detailed description of the preferred embodiments of the present invention with reference to the accompanying drawings.

Description of drawings

The present invention can be better understood by referring to the following description given in conjunction with the accompanying drawings, wherein the same or similar reference numerals are used throughout to designate the same or similar parts. The accompanying drawings, together with the following detailed description, are incorporated in and form a part of this specification, and serve to further illustrate preferred embodiments of the invention and explain the principles and advantages of the invention. In the attached picture:

Fig. 1 is a schematic diagram showing the general architecture of a web page tagging system in the prior art;

FIG. 2 is a schematic diagram showing the structure of a system for realizing information sharing by using web page annotation according to an embodiment of the present invention;

FIG. 3 is an exemplary flow chart illustrating a process performed when a new annotation is added to a web page using the system shown in FIG. 2 according to an embodiment of the present invention;

Fig. 4 is a schematic diagram showing in detail the exemplary structure and processing procedure of the CBF generator shown in Fig. 2;

FIG. 5 is a block diagram illustrating in detail an exemplary structure of the annotation analyzer shown in FIG. 2;

Fig. 6 shows that according to an embodiment of the present invention, when the user utilizes the system shown in Fig. 2 to input the URL (uniform resource locator) of the webpage to be loaded in the client browser so as to display the webpage and the existing content therein Annotated flowchart of the process;

Fig. 7 shows that according to an embodiment of the present invention, an alternative URL is obtained based on the URL input by the user, and the webpage corresponding to the alternative URL and the webpage currently loaded by the browser are determined to be the same and similar pages to obtain The flow chart of the process of valid URL (ie the specific processing procedure of step S610 shown in Figure 6);

Fig. 8 shows the process of determining whether all possible annotations exist in the currently loaded webpage and the annotation positions therein according to one embodiment of the present invention (that is, the specific processing procedure of step S630 in Fig. 6 ) flow chart; and

Fig. 9 shows a certain marked feature code CF (as shown in (a) in Fig. 9) used in the process shown in Fig. 8 and the DOM tree of the corresponding current web page (as shown in Fig. 9 Schematic diagram of the structure shown in (b).

It will be appreciated by those skilled in the art that elements in the figures are illustrated for simplicity and clarity only and have not necessarily been drawn to scale. For example, the dimensions of some of the elements in the figures may be exaggerated relative to other elements to help to improve understanding of the embodiments of the present invention.

Detailed ways

Exemplary embodiments of the present invention will be described below with reference to the accompanying drawings. In the interest of clarity and conciseness, not all features of an actual implementation are described in this specification. It should be understood, however, that in developing any such practical embodiment, many implementation-specific decisions must be made in order to achieve the developer's specific goals, such as meeting those constraints related to the system and business, and those Restrictions may vary from implementation to implementation. Moreover, it should also be understood that development work, while potentially complex and time-consuming, would at least be a routine undertaking for those skilled in the art having the benefit of this disclosure.

Here, it should be noted that, in order to avoid obscuring the present invention due to unnecessary details, only the device structure and/or processing steps closely related to the solution according to the present invention are shown in the drawings, and the related Other details are not relevant to the invention.

Fig. 2 is a schematic diagram showing the structure of a system for implementing information sharing by using web page annotation according to an embodiment of the present invention. The system can be divided into two parts, the client and the server (ie, the labeling server), which are connected through a network (not shown).

As shown in Figure 2, in the client part, the web page annotation device 200 mainly includes a user interface 210, an XPath generator 220, a content-based feature (CBF) generator 230, an annotation generator 240, an annotation analyzer 250 and an XML converter 260, and the server part mainly includes an annotation information accessor 270 and an annotation database 280.

In a specific implementation example of the system shown in Fig. 2, the web page tagging device 200 of the client can be implemented in the form of a browser plug-in; and the tagging server can be realized with Java Servlet, specifically, the tagging information accessor 240 can be realized by way of Java Servlet, and the marked database 250 can be realized by existing database management system. However, those skilled in the art should understand that the principles of the present invention are not limited thereto, and these devices or components can be implemented in other different ways as required.

On the client side, the user can use the webpage annotation device 200 to add and display new webpage annotations on the webpage loaded by the browser, and correctly display the existing webpage annotations previously added on the webpage. In the web page labeling device 200, the user interface 210 is responsible for receiving the input of the entire device, and it can receive any one or more of the following input information: (1) input information related to the configuration parameters of the system; Input information related to the marked object selected on the webpage; (3) input information related to the content of the mark; (4) input information related to the display mode of the mark; and so on.

The XPath generator 220 is used to extract the XPath path of the marked object in the DOM (Document Object Model) tree of the web page. XPath is the representation of any element in a webpage recommended by W3C. Each element in a webpage corresponds to an XPath path, and any element in a webpage can be located through an XPath path. Each node in the DOM tree of the web page corresponds to each element included in the web page. That is to say, the marked object in the web page and the web page elements immediately before and after the marked object can be represented as nodes on the DOM tree. For ease of description, the webpage elements immediately before and after the marked object in the webpage are referred to as the above and below elements, which correspond to the closely adjacent brother nodes of the corresponding node of the marked object in the DOM tree respectively, Therefore, it can also be called a context node or a context web page element.

The CBF (content-based feature) generator 230 generates the CBF of the marked object according to the content of the marked object. The CBF of the marked object is composed of the letter projection vector (CPF) and the letter order vector (CSF) of the marked object, namely: CBF=CPF+CSF.

Among them, the letter projection vector (CPF) is composed of the statistical numbers of all letters in the marked object on the alphabet Λ={a, b, c, d, ..., z}, and the length of the vector is the alphabet The length of Λ. For example, assuming that the marked object is a section of English text description on a web page, the number Num(a), Num( b), ..., Num(z), so that the following letter projection vector CPF can be obtained: [Num(a), Num(b), ..., Num(z)]. The change of CPF can reflect operations such as deletion, insertion and replacement of the content of the marked object to a certain extent.

The Alphabet Sequence Vector (CSF) is composed of the reverse order statistical numbers of all letters in the marked object on the alphabet Λ, and the length of the vector is the length of the alphabet. Assuming that there is a partial order relationship in the alphabet Λ: a<b<c<...<z, then the reverse order numbers of all letters in the labeled object x on the letter a are all greater than the letter a (that is, b, c , ..., z) and the statistical number of letters that are closely arranged before the letter a, the reverse order statistics of all letters in the marked object x on the letter b are all greater than the letter b (ie, c, d, ..., z) and the statistical number of letters that are closely arranged in front of the letter b, and so on, so that the reverse order of all letters in the labeled object x on the entire alphabet can be obtained Statistics. The change of CSF can reflect the exchange change of labeled objects to a certain extent. For example, bad and dab have the same CPF but different CSFs, reflecting differences in alphabetical order between them.

In order to effectively track whether the context of the marked object has changed, the CBF generator 320 generates the CBF of the context node of the marked object in addition to the CBF of the marked object. The context node of the marked object can be determined through the XPath path of the marked object generated by the XPath generator 220 . The CBF of the marked object (represented by DOM tree node x) and the CBF of its context node (represented by node x _left and x _right ) constitute the feature code CF of the marked object, that is, CF(x)=CBF(x _left )+CBF(x)+CBF(x _right ).

The specific structure and processing process of the CBF generator 230, as well as the process of how to use the web page tagging device to add a new tag in a web page, will be described below with reference to FIG. 3 and FIG. 4 .

Annotation generator 240 generates webpage annotation information according to the relevant information of the object to be annotated (for example, the feature code of the object to be annotated) and the content and format of the input annotation, and XML converter 260 converts the generated webpage annotation information into An XML message format suitable for communicating with the server through the network, so as to transmit the annotation information of the webpage to the server and store it in the annotation database 280 via the annotation information accessor 270 . Wherein, the webpage annotation information includes the URL of the annotation (i.e., the URL of the webpage where the annotation is located), the location of the annotation on the webpage (i.e., the XPath path information of the corresponding annotated object), and the relevant characteristics of the corresponding annotated object (e.g., feature code CF information, etc.), the content feature code of the webpage where the annotation is located, the content and format of the annotation, etc. Here, the content feature code of the webpage is a feature code used to identify the content of the webpage, and the content feature codes of two webpages are the same, indicating that the content of the two webpages is the same, and the content feature code of the webpage can adopt traditional coding methods, For example hash code (MD5) to get.

Based on the URL of the current webpage, the annotation analyzer 250 determines the URL that is stored in the annotation database 250, is in the same website as the current webpage and the corresponding webpage is the same or similar to the current webpage as a valid URL, and queries all URLs from the annotation database. Annotations related to effective URLs, and use all the annotations obtained by the query to match in the current webpage to determine which of the annotations should annotate the elements in the currently loaded webpage (that is, determine which of the annotations should exist in the current webpage), And determine which positions in the current webpage these annotations should be displayed on. Annotation analyzer 230 may support situations where the content of an annotated object is transferred from one page to another. The specific processing and structure of the annotation analyzer 250 will be described below with reference to FIGS. 5 to 9 .

The XML converter 260 is used to convert the information that needs to be communicated between the client and the server into an XML message format, so that the web page tagging device 200 of the client can communicate with the server. However, those skilled in the art should understand that the message in XML format is used in order to facilitate the client to communicate with the server end implemented with Java Servlet, and the principle of the present invention is not limited to the message format conversion converted into XML format. Instead, other different message formats may be selected for communication between the client and the server according to the implementation of the server part as shown in FIG. 2 .

As shown in Figure 2, on the server side, the label information accessor 270 responds to the request from the client to access the label database 280, and the label database 280 stores webpages related to each label collected by the information sharing system The annotation information, as mentioned above, may include the URL of the annotation (that is, the URL of the webpage where the annotation is located), the location of the annotation on the webpage, the feature code of the corresponding object to be annotated, the content and format of the annotation, and the like.

The following description will be made in conjunction with FIG. 3 and FIG. 4 . Wherein, FIG. 3 is an exemplary flow chart showing a processing procedure 300 executed when adding a new markup on a webpage by using the system shown in FIG. 2 according to an embodiment of the present invention, and FIG. 4 shows in detail A schematic diagram of an exemplary structure and processing procedure of the CBF generator shown in FIG. 2 .

As shown in Figure 3, in step S310, according to the marked object selected by the user on the current web page, the XPath path of the marked object in the DOM tree of the current web page is extracted, and then in step S320, based on the marked object and its context node (can be determined based on the XPath path generated in step S310), generate their CBF as described above, so as to obtain the feature code CF of the marked object. Next, in step S330, generate webpage annotation information based on the tagged object and the input annotation content, and in step S340, convert the webpage annotation information generated in step S330 into an image suitable for communication with the server Then, in step S350, the web page annotation information generated by the client is stored in the annotation database 280 via the annotation information accessor 270 on the server side.

The CBF generator 230 shown in FIG. 2 is shown in detail in FIG. 4 . As shown in Figure 4, the CBF generator 230 may include an HTML (Hypertext Markup Language) cleaning (cleaning) unit 410, an HTML alphabetization unit 420, a letter projection vector (CPF) generation unit 430, and a letter order vector (CSF) generation unit 440. The following uses the CBF generator 230 to generate the CBF of the marked object as an example for illustration.

The HTML cleaning unit 410 is used for removing some useless HTML tags (for example, Format tags such as <b></b>, <u></u>, etc.) to reduce HTML noise and reduce the impact of web page format changes on marked objects.

The HTML alphabetization unit 420 is configured to perform HTML alphabetization on the tagged object after HTML cleaning, so that the tagged object is converted into an alphabet string composed of letters a to z based on the content of the tagged object. For marked objects containing Chinese text descriptions, the HTML alphabetization unit 420 needs to refer to the Chinese character dictionary 460 (it can be omitted when the marked objects do not contain Chinese text descriptions) to convert the Chinese text descriptions in the marked objects into Chinese pinyin , and then get the letter string. For polyphonic characters, the HTML lettering unit can take the first Chinese pinyin of the polyphonic character, but obviously the principle of the present invention is not limited thereto.

Letter projection vector (CPF) generation unit 430 and letter order vector (CSF) generation unit 440 are based on the letter string obtained through HTML letterization processing according to the definition of letter projection vector (CPF) and letter order vector (CSF) given above , generate the alphabetic projection vector and alphabetical order vector of the annotated object, respectively. Then, by concatenating the letter projection vector (CPF) and letter order vector (CSF), the content-based feature CBF of the annotated object can be obtained.

Refer back to Figure 2. When the user enters the URL of a webpage in the client browser to browse the webpage and the annotation information on the webpage, the client browser loads the desired webpage and sends the URL and DOM tree structure of the webpage to the annotation analysis device 240.

FIG. 5 shows an exemplary structure of the annotation analyzer 240 according to an embodiment of the present invention. As shown in FIG. 5 , the annotation analyzer 230 includes a URL analyzer 510 , an annotation queryer 520 and a webpage annotation synthesizer 530 .

Wherein, the URL analyzer 510 analyzes the URL input by the user, and (via the XML converter 260 and the annotation information accessor 270) takes out all the webpages corresponding to the currently loaded webpage (that is, the currently input URL) from the annotation database 280 webpage, also can simply be the URL of the current webpage) in the same website to form a set of alternative URLs, the webpages corresponding to all URLs in the set of alternative URLs (hereinafter referred to as alternative URLs) and the current webpage The same page judgment and the similar page judgment are carried out, and the candidate URL whose corresponding webpage is the same as or similar to the current webpage is determined as a valid URL.

According to the valid URL determined by the URL analyzer 510, the label queryer 520 (via the XML converter 260 and the label information accessor 270) inquires all labels related to the valid URL in the label database 280 (that is, in the valid URL corresponding to All annotations on the webpage), that is, all possible annotations related to the current webpage are queried in the annotation database 280 to obtain the annotation candidate set, and the webpage annotation information of all these possible annotations are obtained from the annotation database 280.

The web page annotation synthesizer 530 uses all possible annotations to match in the current webpage, to determine which annotations are most likely to annotate which elements or objects in the currently loaded webpage, that is, to determine that each possible annotation is in the current webpage Whether it exists and where it exists, and combine the markup with the web page to display it to the user through the browser. As shown in FIG. 5 , the webpage annotation synthesizer 530 may further include an annotation position determining unit 532 and a combining unit 534 .

Wherein, for each possible annotation in the annotation candidate set, the annotation position determination unit 532 determines according to the annotation information of the webpage of the annotation (for example, information such as the XPath path and the feature code CF of the object corresponding to the annotation). Whether this possible label has marked the webpage element in the current webpage (that is, determine whether this possible label exists in the current webpage), and further determine the position of the marked webpage element in the current webpage under the situation that this possible label exists location (ie, label location).

Combining unit 534 synthesizes these annotations with the current webpage according to the webpage annotation information of the possible annotations that should exist in the current webpage and the determined annotation positions in the current webpage, and synthesizes the annotations into the current webpage through the browser. The web page is displayed to the user.

6 is a flow chart showing a process 600 for displaying the webpage and existing annotations therein when the user uses the information sharing system to input the URL of the webpage to be loaded in the client browser according to an embodiment of the present invention. .

As shown in Figure 6, in step S610, as described above, the URL input by the user is analyzed to obtain a set of candidate URLs, and the webpages corresponding to all the candidate URLs are compared with the webpage to be loaded (ie, the current webpage) Determine the same and similar pages to determine the effective URL. The specific processing procedure in step S610 will be described below with reference to FIG. 7 .

In step S620, according to the determined valid URL, all annotations that may be related to the current webpage are queried in the annotation database, so as to obtain an annotation candidate set. Then, in step S630, it is determined which of all possible annotations exist in the current webpage, and the annotation positions of these existing annotations in the current webpage are determined. The specific process of step S630 will be described below with reference to FIG. 8 and FIG. 9 .

Then, in step S640, based on the webpage annotation information of the annotations that should exist in step S630 and the determined annotation positions of these annotations, the annotations are combined with the current webpage, and in step S650, the synthesized webpage is displayed via the browser displayed to the user. Here, by dynamically modifying the DOM code of the current web page, first convert the markup into html format, then insert the converted html fragment into the web page code, and display it in the browser.

Fig. 7 shows that in one embodiment of the present invention, based on the URL input by the user, the alternative URL is obtained and the corresponding webpage and the webpage currently loaded by the browser (i.e. the current webpage) are carried out to determine the same and similar pages An exemplary flow chart of the process (that is, the specific processing procedure of step S610 shown in FIG. 6 ).

As shown in FIG. 7 , in step S710 , as described above, based on the URL input by the user, a set of all candidate URLs in the same website as the input URL, that is, a set of candidate URLs, is obtained. Then, in step S720, it is determined whether the webpage corresponding to a certain candidate URL is the same as the current webpage. Here, if the content feature code of the webpage corresponding to the alternative URL is the same as that of the current webpage, it can be determined that the two webpages are the same page; otherwise, the two webpages are different. Here, it is determined whether the marked webpage and the current webpage are the same page by means of the content characteristic code of the webpage. Therefore, as mentioned above, the content characteristic code of the webpage can be obtained by using an existing encoding method, such as MD5. This is mainly for the situation that the URL of some web pages is different but the content has not changed.

If it is determined in step S720 that the above two web pages are not the same, then in step S730, it is determined whether the two web pages are similar pages. Here, when the following conditions are met between the two web pages, it can be determined that the two web pages are similar, otherwise they are not close:

(1) the titles of the pages are the same, and

(2) There is a parameter transfer between the two web pages, the number parameter in the URL is missing, and the others are the same;

There is a parameter transfer between the two webpages, the numerical parameters in the URL are different, and the numerical parameters in the webpage corresponding to the alternative URL are smaller than the numerical parameters in the webpage corresponding to the current URL, and the others are the same; or

There is no parameter transfer between the two web pages, the last address part of the URL is different, and the others are the same.

It can be clearly seen here that the principle of the present invention is not limited to the above-mentioned similar page determination conditions, and those skilled in the art can completely set other different similar page determination conditions as required.

When the determination result in step S720 or step S730 is affirmative, the process proceeds to step S740 to determine the current candidate URL as a valid URL.

If after the determination in step S720 and step S730, it is determined that the above two web pages are neither the same nor similar, then the process proceeds to step S750 to determine whether there are URLs that have not been determined for the same and similar pages in the set of candidate URLs. If yes, then in step S760, take out the next candidate URL from the set of candidate URLs, then process and return to step S720, so that the webpage corresponding to the next candidate URL taken out is identical and similar to the current webpage determination. The processing of steps S720 to S760 is repeated until it is determined in step S750 that all the candidate URLs in the candidate URL set have passed the same and similar page determination, thereby determining all valid URLs in the candidate URL set.

FIG. 8 is a flow chart showing in detail the processing procedure of step S630 in FIG. A marked feature code CF used in the processing shown in Figure 8 (as shown in (a) in Figure 9) and its corresponding DOM tree of the current webpage (as shown in (b) in Figure 9 A schematic diagram of the structure shown).

As shown in Figure 8, in step S810, based on the currently to-be-determined webpage annotation information that may be annotated, such as the feature code CF and XPath path of the object to be annotated corresponding to the annotation, in the DOM tree of the current webpage according to Based on the nodes determined by the XPath path, the nodes in the DOM tree of the current web page are detected up and down in order to determine that the tagged object and its context node corresponding to the tag in the DOM tree are the same or the closest (here, the similarity means that the content of the node and the difference in the context are within the allowable range), as the DOM tree node corresponding to the annotation in the current web page.

For example, take the feature code CF of a possible label to be determined shown in (a) of Figure 9 as an example, where A, B and C respectively represent the marked object corresponding to the label and its upper node and lower node , based on the nodes determined based on the XPath path of A, the nodes in the DOM tree are detected sequentially, and the closest nodes of A, B and C in the current DOM tree are determined, as shown in (b) in Figure 9 A', B', and C', which may be referred to as the DOM tree nodes corresponding to the to-be-determined labels.

Then, in step S820, based on the determined DOM tree node corresponding to the possible label to be determined, the distance D(A, A') between the label and the DOM tree is calculated in the following manner:

D(A,A')=d(A,A')+α(d(B,B')+d(C,C'))+βd _s

in,

d(A, A')=|CBF(A)-CBF(A')|,

d(B, B')=|CBF(B)-CBF(B')|,

d(B, B')=|CBF(C)-CBF(C')|,

d _s is the distance of the tree structure, α and β are constants, and α represents the degree of influence of the difference in the context of the marked object on the difference of the marked object, and β represents the degree of influence of the difference in the DOM tree structure on the difference in the similarity of the mark, d _s represents the difference between the context node structure in the current DOM tree and the marked CF structure (ie, the original context node structure).

Assume that the lowest common node P of the nodes A', B', and C' can be found in the DOM tree, and l _A' , l _B' , and l _C' respectively represent from nodes A', B', C' to node P The number of nodes passed, then d _s can be calculated as follows:

d _s =l _A' +l _B' +l _C'

In the case shown in Fig. 9(b), d _s =1.

Refer back to FIG. 8 . In step S830, it is determined whether the distance D of the label to be determined calculated in step S820 is smaller than a predetermined threshold. If yes, then in step S840 it can be determined that the annotation should exist on the current webpage, and its location on the current webpage can be determined. For example, if the calculated D(A, A') is less than a predetermined threshold, it is determined that the annotation to be determined still marks an element or object in the current web page, so it should be displayed on the current web page, and the node A' is in the DOM tree The position in the determines where the callout should appear on the current web page.

If it is determined in step S830 that the distance D of the label to be determined is not less than the predetermined threshold, then in step S840, the label is discarded, that is, it is determined that the label should not be displayed on the current web page.

From the above definitions of the content-based feature CBF and feature code CF of the marked object, it can be seen that CBF is generally unique to the marked object (especially when the marked object is expressed in English text This is especially true when the content of the webpage is not available), and it has a uniform length, which is convenient for data transmission and storage; the change of CBF can truly reflect the change of the content of the marked object; and the distance between the CF of the marked object is the change of the object measure.

In the above-mentioned information sharing system according to the embodiment of the present invention, while using the XPath path to identify the marked object, the feature code CF information of the marked object is also used, so it can be realized that the dynamic web page is marked for the marked object Dynamic tracking of marked objects, which is impossible in traditional web page information marking systems. This is because, in the traditional web page information tagging system, the form of hash function (such as MD5 encoding) is generally used to construct the features of the tagged object, although this feature is generally unique, and the length is uniform, which is convenient for data Transmission and storage, but this feature cannot reflect the degree of change of the marked content. This kind of hash coding makes a small change of the marked object lead to a huge change of the feature, so that the distance between the features cannot be used to measure the degree of change of the marked object.

In the information sharing method and system based on web page marking described above in conjunction with the accompanying drawings, the feature code of the marked object can be generated based on the content of the marked object and its context, so that all possible When the annotation is matched in the currently loaded webpage, the change of the annotation can be measured, so that whether to display the annotation can be determined according to the degree of change, thereby realizing dynamic tracking. Moreover, in the process of label matching, a lightweight DOM tree search method based on the characteristics of the context content is used to measure the content changes of the marked objects and their context changes.

It is not difficult to see from the above description that in the above-described method and system according to the embodiment of the present invention, the dynamic tracking technology is used, so that even if the marked object in the web page changes to a certain extent, the corresponding marked object Correctly displayed at the changed position on the webpage, and for the content that disappears from the webpage, its corresponding label will not be displayed. Moreover, in the case that the marked objects in the webpage are transferred from other webpages, for such marked objects, their corresponding annotations can also be displayed at the correct positions on the webpage. In addition, in the case that the current web page may have been marked by different URLs, these marks will all be correctly displayed. In addition, when the format of the labeled object changes, its labels can also be displayed correctly at the same time, such as blackening, italics, etc., citations, etc. Formatting changes are common when web pages are updated or forum content is reproduced. Therefore, the purpose of sharing information between users can be achieved by using web page annotation as a means.

In addition, obviously, each operation process of the above method according to the present invention can also be implemented in the form of computer executable programs stored in various machine-readable storage media.

Moreover, the purpose of the present invention can also be achieved in the following manner: the storage medium storing the above-mentioned executable program code is directly or indirectly provided to a system or device, and the computer or central processing unit (CPU) in the system or device Read and execute the above program code.

At this time, as long as the system or device has the function of executing the program, the embodiment of the present invention is not limited to the program, and the program can also be in any form, for example, an object program, a program executed by an interpreter, or a program provided to an operating system. script programs, etc.

The above-mentioned machine-readable storage media include, but are not limited to: various memories and storage units, semiconductor devices, magnetic disk units such as optical, magnetic and magneto-optical disks, and other media suitable for storing information, and the like.

In addition, the present invention can also be realized by a computer connecting to a corresponding website on the Internet, and downloading and installing the computer program code according to the present invention into the computer and then executing the program.

It should also be pointed out that the steps for executing the above series of processes can naturally be executed in chronological order according to the illustrated order, but it does not need to be executed in chronological order. Certain steps may be performed in parallel or independently of each other.

Finally, it should also be noted that the term "comprises", "comprises" or any other variation thereof is intended to cover a non-exclusive inclusion such that a process, method, article or apparatus comprising a set of elements includes not only those elements, but also Other elements not expressly listed, or inherent to the process, method, article, or apparatus are also included. Without further limitations, an element defined by the phrase "comprising a ..." does not exclude the presence of additional identical elements in the process, method, article or apparatus comprising said element.

Although the embodiments of the present invention have been described in detail above with reference to the accompanying drawings, it should be understood that the above-described embodiments are only used to illustrate the present invention, but not to limit the present invention. Various changes, substitutions and modifications can be made without departing from the spirit and scope of the present invention as defined by the appended claims. Moreover, the scope of the present application is not limited to the specific embodiments of the process, equipment, manufacture, material structure, means, methods and steps described in the specification. Those of ordinary skill in the art will readily appreciate from the disclosure of the present invention that existing and future proposed embodiments that perform substantially the same function or obtain substantially the same results as the corresponding embodiments described herein can be used in accordance with the present invention. The developed process, device, manufacture, structure of matter, means, method or steps. Accordingly, the appended claims are intended to include within their scope such processes, means, manufacture, structure of matter, means, methods, or steps.

Claims (25)

1. A method for generating web page annotation information, comprising the steps of: In response to the user selecting the target web page element as the marked object on the current web page loaded on the client web browser, extracting the XPath path of the marked object in the DOM tree of the current web page; Generate the feature code CF of the marked object based on the marked object and the contents of the contextual web page elements immediately before and after the marked object in the current web page; and Based on the XPath path of the marked object, the feature code CF and the markup entered by the user, generate webpage markup information, Wherein, the webpage annotation information is stored in the annotation database of the remote annotation server, The feature code CF of the tagged object is composed of the content-based feature CBF of the tagged object and the CBF of its context web page element, and The CBF of a webpage element is composed of a letter projection vector and an alphabet order vector of the webpage element, wherein the letter projection vector consists of all letters in the webpage element in the alphabet Λ={a, b, c, d, ..., z}, and the alphabetical vector is composed of the reverse order statistical numbers of all letters in the webpage element on the alphabet Λ. 2. The method according to claim 1, wherein the step of generating the feature code CF of the marked object further comprises: Generate the CBF of the marked object and its context web page element in the following way: Remove meaningless HTML tags from web page elements by referring to pre-stored HTML cleaning principles; Perform HTML alphabetization on the web page element after HTML cleaning, so as to convert the web page element into an alphabet string composed of letters from a to z based on the content of the web page element; Count the number of all letters in the letter string on the alphabet Λ={a, b, c, d, ..., z} and the number in reverse order, so as to generate the letter projection vector and alphabet order vector of the web page elements ; concatenate the alphabetic projection vector and the alphabetical order vector of the webpage element to obtain the CBF of the webpage element, and The feature code CF of the tagged object is obtained in the following manner: CBF of the upper web page element of the tagged object+CBF of the tagged object+CBF of the lower web page element of the tagged object. 3. The method according to claim 2, wherein, in the case where the marked object and its contextual webpage elements contain Chinese text descriptions, before performing HTML alphabetization on the webpage elements after HTML cleaning, refer to the Chinese character dictionary to translate Chinese The text description is converted to Hanyu Pinyin. 4. according to the method described in any one in claim 1 to 3, wherein, described web page labeling information is except comprising the XPath path of marked object, feature code CF and the content and format of labeling, also comprises labeling place webpage URL, the content feature code of the webpage where the annotation is located. 5. according to the method described in any one in claim 1 to 3, wherein, described remote marking server realizes by Java Servelet, and The method further includes the step of: converting the generated web page annotation information into an XML format suitable for communicating with the remote annotation server, so as to transmit it to the remote annotation server. 6. A device for generating web page annotation information, comprising: The XPath generator is used to respond to the user selecting the target web page element as the marked object on the current web page loaded on the client web browser, extracting the XPath path of the marked object in the document object model DOM tree of the current web page; A feature code CF generator, configured to generate the feature code CF of the marked object based on the marked object and the contents of the context web page elements immediately before and after the marked object in the current web page; and Annotation generator, used to generate webpage annotation information based on the XPath path of the object to be annotated, the feature code CF of the object to be annotated, and the annotation input by the user, Among them, the feature code CF of the marked object is composed of the content-based feature CBF of the marked object and the CBF of the context web page element, Wherein, the webpage annotation information is stored in the annotation database of the remote annotation server, The CBF of a webpage element is composed of a letter projection vector and an alphabet order vector of the webpage element, wherein the letter projection vector consists of all letters in the webpage element in the alphabet Λ={a, b, c, d, ..., z}, and the alphabetical vector is composed of the reverse order statistical numbers of all letters in the webpage element on the alphabet Λ. 7. The device according to claim 6, wherein the feature code CF generator comprises a content-based feature CBF generator for generating a content-based feature CBF of a webpage element based on the content of the webpage element; and The CBF generator further includes: an HTML cleaning unit, configured to remove meaningless HTML tags from web page elements by referring to pre-stored HTML cleaning principles; The HTML alphabetization unit is used to perform HTML alphabetization on the webpage elements after HTML cleaning, so as to convert the webpage elements into alphabet strings composed of letters from a to z based on the content of the webpage elements; A letter projection vector generation unit, used to count the number of all letters in the letter string on the alphabet Λ={a, b, c, d, ..., z}, to generate letter projection vectors of web page elements ; Alphabetical order vector generation unit, used to count the number of reverse order of all letters in the alphabet Λ={a, b, c, d, ..., z} in the alphabet string, to generate the alphabetical order of web page elements vector; and A unit for concatenating the alphabetic projection vector and the alphabetical order vector of the webpage element to obtain the CBF of the webpage element, and Wherein, the CF generator generates the feature code CF of the tagged object in the following manner: CBF of the upper web page element of the tagged object+CBF of the tagged object+CBF of the lower web page element of the tagged object. 8. The device according to claim 7, wherein, when the marked object and its contextual webpage elements contain Chinese text descriptions, the HTML alphabetization unit refers to the Chinese character dictionary to clean up the Chinese text of the webpage elements after HTML The description is converted to Hanyu Pinyin, which is then HTML-alphabetized. 9. The device according to any one of claims 6 to 8, wherein, in addition to including the XPath path of the marked object, the feature code CF, and the content and format of the mark, the web page mark information also includes the mark on the web page URL, the content feature code of the webpage where the annotation is located. 10. The device according to any one of claims 6 to 8, wherein the device is realized by a browser plug-in, and the remote annotation server is realized by Java Servlet, The device further includes an XML converter for converting the generated web page annotation information into an XML format suitable for communicating with a remote annotation server. 11. A method for displaying webpages and annotations on webpages on a client web browser, comprising the following steps: a) in response to the user inputting the Uniform Resource Locator URL of the webpage to be loaded and displayed on the browser, analyzing the input URL to obtain a valid URL; b) According to the effective URL, query all the annotations related to the effective URL from the remote annotation server, so as to obtain the annotation candidate set and the webpage annotation information of these annotations; c) For each annotation in the annotation candidate set, according to the annotation information of the webpage, determine whether the annotation marks the webpage element in the webpage to be loaded, that is, determine whether the annotation should exist in the webpage to be loaded , and if so, further determining the position of the marked webpage element in the webpage to be loaded, that is, the marked position; and d) Synthesizing these annotations with the webpage to be loaded, and displaying the synthesized webpage via the browser according to the webpage annotation information and the location of the annotations determined to be in the webpage to be loaded to the user, Wherein, the annotation information of the marked web page includes the XPath path of the marked object corresponding to the mark, the feature code CF of the marked object, the content and format of the mark, the URL of the web page where the mark is located, the content feature code of the web page where the mark is located, The feature code CF of the marked object is composed of the content-based feature CBF of the marked object and the CBF of the context web page element immediately before and after the marked object, The CBF of a webpage element is composed of a letter projection vector and an alphabet order vector of the webpage element, wherein the letter projection vector consists of all letters in the webpage element in the alphabet Λ={a, b, c, d, ..., z}, and the alphabetical vector is composed of the reverse order statistical numbers of all letters in the webpage element on the alphabet Λ. 12. The method according to claim 11, wherein said step a) further comprises: Based on the URL of the input, take out all URLs in the same website as the webpage to be loaded from the remote labeling server as an alternative URL, and carry out the same and similar pages with the webpage corresponding to the alternative URL and the webpage to be loaded Determine, and determine the candidate URL whose corresponding webpage is the same as or similar to the webpage to be loaded as a valid URL. 13. The method according to claim 11 or 12, wherein said step c) further comprises: For each annotation in the annotation candidate set: Based on the feature code CF and XPath path of the tagged object corresponding to the tag, based on the nodes determined according to the XPath path in the document object model DOM tree to be loaded into the web page, the DOM of the web page is sequentially upward and downward respectively. The nodes in the tree are detected to determine the same or closest node in the DOM tree as the marked object corresponding to the mark and its context web page element, as the corresponding DOM tree node of the mark in the DOM tree; Calculate the distance D between the label and the DOM tree based on the feature code of the label and its corresponding DOM tree node; determining whether the calculated distance D is less than a predetermined threshold; and When the distance D of the annotation is less than a predetermined threshold, it is determined that the annotation should exist in the webpage to be loaded, and based on the determined DOM tree node that is the same as or closest to the marked object corresponding to the annotation, Determine where the callout should be placed in the web page to be loaded. 14. The method according to claim 13, wherein the distance D between the label and the DOM tree is calculated in the following manner: Assuming that the tagged objects and their context webpage elements corresponding to the tag are A, B, and C, and the tree nodes that are the same as or closest to them in the DOM tree are A’, B’, and C’ respectively, then: D=d(A, A')+α(d(B, B')+d(C, C'))+βd _s , in, d(A, A')=|CBF(A)-CBF(A')|, d(B, B')=|CBF(B)-CBF(B')|, d(B, B')=|CBF(C)-CBF(C')|, Among them, d(A, A') represents the distance between the webpage element A and the tree node A' that is the same as or most similar to the webpage element A in the DOM tree, and d(B, B') represents the distance between the webpage element B and the DOM The distance between the tree node B' that is the same or the most similar to the web page element B in the tree, d(C, C') represents the tree node that is the same or the most similar to the web page element C in the web page element C and the DOM tree The distance between C', CBF(A), CBF(B) and CBF(C) represent the CBF of web page elements A, B and C respectively, CBF(A'), CBF(B') and CBF(C') Represent the CBF of tree nodes A', B' and C' respectively, α and β are constants, and α represents the degree of influence of the difference in the context of the marked object on the difference of the marked object, and β represents the impact of the difference in the DOM tree structure on the mark The degree of influence of the similarity difference, d _s represents the difference between the structure of the DOM tree and the marked feature code CF. 15. The method according to claim 11 or 12, wherein the CBF of the web page element is generated in the following manner: Remove meaningless HTML tags from web page elements by referring to pre-stored HTML cleaning principles; Perform HTML alphabetization on the web page element after HTML cleaning, so as to convert the web page element into an alphabet string composed of letters from a to z based on the content of the web page element; Count the number of all letters in the letter string on the alphabet Λ={a, b, c, d, ..., z} and the number in reverse order, so as to generate the letter projection vector and alphabet order vector of the web page elements ; The CBF of the web page element is obtained by concatenating the alphabetic projection vector and the alphabetical order vector of the web page element. 16. The method according to claim 11 or 12, wherein said remote annotation server is realized by Java Servlet, and The method further includes the step of converting the information transmitted between the client and the remote marking server into XML format before sending or receiving. 17. A device for displaying webpages and annotations on webpages via a client web browser, comprising: The URL analyzer is used to analyze the input URL in response to the Uniform Resource Locator URL of the web page to be loaded and displayed on the browser input by the user, so as to obtain a valid URL; An annotation queryer, configured to query all annotations related to the effective URL from the remote annotation server according to the effective URL, so as to obtain the annotation candidate set and the web annotation information of these annotations; An annotation position determining unit is used for determining whether the annotation marks a webpage element in the webpage to be loaded according to the annotation information of the webpage for each annotation in the annotation candidate set, that is, determining whether the annotation should exist in the desired in the loaded webpage, and if so, further determining the position of the marked webpage element in the webpage to be loaded, that is, the marked position; and a synthesizing unit, configured to synthesize these annotations with the webpage to be loaded according to the webpage annotation information and the annotation positions determined as the annotations that should exist in the webpage to be loaded, Wherein, the synthesized webpage is displayed to the user via the browser, The annotation information of the marked web page includes the XPath path of the marked object corresponding to the mark, the feature code CF of the marked object, the content and format of the mark, the URL of the marked web page, the content feature code of the marked web page, The tagged object's feature code CF consists of the tagged object's content-based feature CBF and the CBF of the contextual web page element immediately preceding and following the tagged object, and The CBF of a webpage element is composed of a letter projection vector and an alphabet order vector of the webpage element, wherein the letter projection vector consists of all letters in the webpage element in the alphabet Λ={a, b, c, d, ..., z}, and the alphabetical vector is composed of the reverse order statistical numbers of all letters in the webpage element on the alphabet Λ. 18. The device according to claim 17, wherein, based on the input URL, the URL analyzer takes out all URLs in the same website as the webpage to be loaded from the remote marking server as alternative URLs, and The webpage corresponding to the alternative URL is determined to be the same or similar to the webpage to be loaded, and the alternative URL whose corresponding webpage is the same or similar to the webpage to be loaded is determined as a valid URL. 19. The device according to claim 17 or 18, wherein the annotation position determining unit performs the following processing for each annotation in the annotation candidate set: Based on the feature code CF and XPath path of the tagged object corresponding to the tag, based on the nodes determined according to the XPath path in the document object model DOM tree to be loaded into the web page, the DOM of the web page is sequentially upward and downward respectively. The nodes in the tree are detected to determine the same or closest node in the DOM tree as the marked object corresponding to the mark and its context web page element, as the corresponding DOM tree node of the mark in the DOM tree; Calculate the distance D between the label and the DOM tree based on the feature code of the label and its corresponding DOM tree node; determining whether the calculated distance D is less than a predetermined threshold; and When the distance D of the annotation is less than a predetermined threshold, it is determined that the annotation should exist in the webpage to be loaded, and based on the determined DOM tree node that is the same as or closest to the marked object corresponding to the annotation, Determine where the callout should be placed in the web page to be loaded. 20. The device according to claim 19, wherein the label position determination unit calculates the distance D between the label and the DOM tree in the following manner: Assuming that the tagged objects and their context webpage elements corresponding to the tag are A, B, and C, and the tree nodes that are the same as or closest to them in the DOM tree are A’, B’, and C’ respectively, then: D=d(A, A')+α(d(B, B')+d(C, C'))+βd _s , in, d(A, A')=|CBF(A)-CBF(A')|, d(B, B')=|CBF(B)-CBF(B')|, d(B, B')=|CBF(C)-CBF(C')|, Among them, d(A, A') represents the distance between the webpage element A and the tree node A' that is the same as or most similar to the webpage element A in the DOM tree, and d(B, B') represents the distance between the webpage element B and the DOM The distance between the tree node B' that is the same or the most similar to the web page element B in the tree, d(C, C') represents the tree node that is the same or the most similar to the web page element C in the web page element C and the DOM tree The distance between C', CBF(A), CBF(B) and CBF(C) represent the CBF of web page elements A, B and C respectively, CBF(A'), CBF(B') and CBF(C') Represent the CBF of tree nodes A', B' and C' respectively, α and β are constants, and α represents the influence degree of the difference in the context of the marked object on the difference of the marked object, and β represents the difference in the DOM tree structure to the mark The degree of influence of the similarity difference, d _s represents the difference between the structure of the DOM tree and the marked feature code CF. 21. The device according to claim 17 or 18, further comprising a content-based feature CBF generator for generating a content-based feature CBF of a web page element, The CBF generator further includes: an HTML cleaning unit, configured to remove meaningless HTML tags from web page elements by referring to pre-stored HTML cleaning principles; The HTML alphabetization unit is used to perform HTML alphabetization on the webpage elements after HTML cleaning, so as to convert the webpage elements into alphabet strings composed of letters from a to z based on the content of the webpage elements; A letter projection vector generation unit, used to count the number of all letters in the letter string on the alphabet Λ={a, b, c, d, ..., z}, to generate letter projection vectors of web page elements ; Alphabetical order vector generation unit, used to count the number of reverse order of all letters in the alphabet Λ={a, b, c, d, ..., z} in the alphabet string, to generate the alphabetical order of web page elements vector; and A unit for concatenating the alphabetic projection vector and the alphabetical order vector of the webpage element to obtain the CBF of the webpage element. 22. The device according to claim 17 or 18, wherein the device is realized by a browser plug-in, and the remote annotation server is realized by Java Servlet, The device further includes an XML converter for converting the information transmitted between the client and the remote annotation server into XML format before sending or receiving. 23. A web page labeling method, comprising: displaying the web page on the browser by performing a method according to any one of claims 11 to 16 in response to user input of the URL of the web page to be loaded and displayed on the client web browser, and Existing annotations previously annotated on the web page stored on a remote annotation server; By performing the method according to any one of claims 1 to 5, adding a new annotation on the webpage, the webpage annotation information of the new annotation is stored on the remote annotation server; and The added new annotation is displayed on the web page via a browser. 24. A web page tagging device, comprising: The device for generating web page annotation information according to claim 9; and The device for displaying webpages and annotations on the webpages via a client web browser according to any one of claims 17 to 22. 25. An information sharing system based on webpage annotation, including a client and a remote annotation server, wherein, The client includes the web page tagging device according to claim 24, and The remote annotation server includes an annotation database for storing webpage annotation information, and an annotation information accessor for controlling access to the annotation database.

Images