JP2003058576A - Method and program for controlling display of web page - Google Patents

Abstract

PROBLEM TO BE SOLVED: To enable a user to designate an optional position in a Web page and to register the optional position in a bookmark. SOLUTION: A method for controlling Web page display is provided with a step of receiving additional designation operation of an anchor element by the user in a displayed Web page, preparing a Web page file in an HTML format with the anchor element embedded in the designated display position and storing the Web page file in a first storing means, a step of generating address information indicating the anchor element and storing a pair of the address information and an inherent name to be attached to the Web page information in the second storing means, and a step of reading a Web page file corresponding to the address information and displaying the Web page file on a display screen in the case a Web page display request by the user is a request with the address information indicating the anchor element.

Description

Detailed Description of the Invention

[0001]

BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a Web page display control method and program useful for registering a document to be browsed by using a Web browser in a bookmark and displaying it again.

[0002]

2. Description of the Related Art WWW (World
In Wide Web, a Web page published on an infinite number of computers connected to the Internet can be browsed using a Web browser of a user computer. Each web page has its own address. This address is a URL (Uniform Resource Locato)
Also called r). When the web page address is input to the web browser, the web page at the specified address is displayed on the web browser. In many cases, the Web page is sent to the Web browser of the user computer in the form of HTML (HyperText Markup Language).

HTML is a markup language used to create hypertext documents that can be moved from one platform to another. HT
Web pages described in ML may include texts and images called links or hyperlinks. The link contains the address,
When a link is selected on the web browser, the web page of the address incorporated in the link is displayed on the web browser.

A named portion can be defined in a Web page described in HTML. An HTML anchor element is used to define this. When a named part is defined in the web page using the anchor element, this part can be pointed by the address (URL), and this part can be the target of the link. Web to Web browser
When you enter the address of a page or select a link in a web browser, if the address is the address of a web page and not the address of the named part of the web page, it will be specified by the web browser. The URLs are displayed in order from the top of the Web page. If the Web page has a large amount of information that cannot be displayed on the screen, the rear part that cannot be displayed on the screen cannot be viewed unless the scroll bar displayed on the right end of the screen is operated.

On the other hand, when the address of the Web page is input to the Web browser or the link is selected on the Web browser, if the address is the address of the named portion of the Web page, the Web browser Will display the web page of the specified address, and if W
If the eb page has a lot of information and the named part of the web page indicated by the address is not displayed on the screen as it is, the screen is automatically scrolled and the The named part is displayed on the screen. As described above, it is possible to browse a web page published on the Internet by inputting an address into the web browser or selecting a link.

Many Web browsers are "bookmarks"
Or, it has a function called "favorite" (hereinafter called a bookmark). This feature allows users to register addresses that they may reference in the future. Moreover, the Web page of the registered address can be displayed quickly. FIG. 10 shows information necessary for realizing a bookmark (hereinafter referred to as bookmark index information). Here, well-known and famous We
An example of the URL of the top page of the b site is shown. W
The bookmark function of the eb browser stores a bookmark name 101 for identifying a bookmark and an address (URL) 102 designated by the user for registration in a storage device of a user computer on which a web browser is operating. is doing. When a user specifies to register a web page in a bookmark, the web browser asks the user what name to register in the bookmark, or based on the information of the title of the web page specified to be registered in the bookmark. The name to be registered in the bookmark is determined by automatically assembling a character string in. Then, the name 101 of the determined bookmark and the W designated to be registered in the bookmark
Add the pair of eb page addresses 102 to the bookmark index information. When displaying a web page using a bookmark registered by the user, first, the web browser is operated to display a list of registered bookmarks.

FIG. 11 shows "Microsoft Internet Exp" which is a Web browser provided by Microsoft Corporation in the United States.
An example is shown in which the "favorite" menu is selected with "lorer" and a list 110 of already registered bookmarks is displayed. In the bookmark list 110, a list of bookmark names registered in the bookmark index information is displayed. List of bookmarks by the user 11
When the bookmark name of the Web page to be browsed from 0 is selected by a mouse operation or the like, the address (URL) corresponding to the selected bookmark name is obtained from the bookmark index information, and the Web page of the address (URL) is displayed on the Web page. Displayed on the browser. With such a bookmark function, the user does not have to enter the address of the web page in the web browser,
A desired web page can be displayed on the web browser simply by selecting the name of the desired bookmark from the list of bookmarks.

[0008]

However, although this technique can register the address of a Web page which is considered to be referred to in the future and can quickly display the registered Web page, Two We
If the address (URL) of a long web page that contains a large amount of information in page b is registered in the bookmark, even if the web page is displayed using the bookmark, the registered web page in the web browser The part that is displayed from the beginning and cannot be displayed on the screen is
You cannot see it without operating the scroll bar.
For this reason, there is a problem that it is necessary to search around the web page because it is not immediately known where the web page displayed on the web browser is where the information that the user is actually referring to is.

In this case, even with the conventional technique, the address of the named portion in the Web page can be registered in the bookmark, but the portion in the Web page expected to be referred to by the user in the future can be previously registered. If not named in the anchor element, the portion of the web page that the user expects to reference in the future cannot be bookmarked. Even if a part of the web page that the user expects to refer to in the future is named by an anchor element in advance, the address (URL: URL) of the named part of the web page will be used. If the user does not know the existence of the link pointing to (1), it is difficult for the user to know the address of the named portion in the Web page, and it is difficult to register the bookmark.

An object of the present invention is to enable a user to specify an arbitrary position in a Web page and register it in a bookmark, and also to assist the user in easily finding a place in the Web page to actually refer to. We can do
It is to provide a display control method and a program for page b.

[0011]

In order to achieve the above object, the present invention provides a first storage unit for storing a Web page file in HTML format, a unique name given to a displayed Web page and a user. Has a second storage means for storing a pair with the address of the anchor element embedded at an arbitrarily designated position, and the We displayed on the display screen is displayed.
A display control method of a web page for redisplaying page information at a display position arbitrarily designated by a user in page b, which is specified by accepting an additional designation operation of an anchor element by the user in the displayed web page. HTML format W with an anchor element embedded in the display position
creating an eb page file and storing it in the first storage means; attribute information added to the anchor element embedded in the HTML format web page file and the first storage means of the web page file. And storing the pair of the address information and the unique name given to the Web page information in the second storage means, based on the storage address of A step of receiving a web page display request and reading the web page file corresponding to the address information from the first storage means and displaying the web page file on the display screen if the web page request is a request based on address information pointing to the anchor element; And is provided. The method further comprises the step of displaying a specific marker at a display position corresponding to the embedded position of the anchor element based on the attribute information added to the anchor element of the Web page. In addition, the web can be displayed up to the display position corresponding to the embedded position of the anchor element.
The method further comprises a step of scrolling the page information.

A Web page display control program according to the present invention is a Web page display control program for re-displaying page information at a position arbitrarily designated by a user in a Web page displayed on a display screen. A process for accepting a user's operation of adding and designating an anchor element in the created Web page, creating an HTML format Web page file in which the anchor element is embedded at the specified display position, and storing the HTML page file in the first storage means; Address information indicating the anchor element is generated based on the attribute information added to the anchor element embedded in the HTML-format Web page file and the storage address of the Web page file in the first storage unit, and the address is generated. Uniqueness given to the information and the Web page information A process of storing a pair of "name" in the second storage means and a web page display request by the user, and if the web page request is a request by the address information indicating the anchor element, the web corresponding to the address information is received. And a process of reading the page file from the first storage unit and displaying the page file on the display screen.

[0013]

BEST MODE FOR CARRYING OUT THE INVENTION An embodiment for carrying out the present invention will be specifically described below with reference to the drawings. FIG. 1 is a functional block diagram showing an embodiment of a hardware configuration and a software configuration of a user computer that implements the display control method of the present invention. In addition, FIG. 2 shows a Web in which bookmark index information and anchor elements are embedded.
It is a figure which shows the relationship of the HTML format file (henceforth a bookmark cache file) of a page.
The user computer illustrated here includes a display device 11, an input device 12 such as a mouse, and a storage device 13 for storing various programs and files for display control of a web page, and stores a desired website via an internet 14. The web page is displayed on the screen of the display device 11. 13 in storage device, HTM
Web page display processing 133 including L analysis processing 131 and screen display processing 132, bookmark registration processing 134,
A program such as a process 135 for selecting a bookmark is stored, and data 136 in the DOM tree format,
A bookmark cache file 137 and bookmark index information 138 are stored. It should be noted that only the main parts of the present invention are shown here, and other functional parts are omitted.

Bookmark cache file 137
2, the data of the content of the Web page designated to be registered in the bookmark is stored in HTML format, as shown in FIG. Further, in the bookmark cache file 137, the anchor element 21 is embedded in the display position designated by the user at the time of bookmark registration, thereby defining a portion named at that position. The bookmark index information 138 stores a pair of the bookmark name 22 and the address 23 of the portion named by the anchor element in the bookmark cache file 137 corresponding to the bookmark name. This address 23 is, for example, H
The bookmark cache file 13 for storing the attribute information added to the anchor element embedded in the TML format web page file and the web page
It is created by combining with the storage address of 7.

Of the various programs stored in the storage device 13, the user can execute the W
When an address is input to the eb browser or a link is selected, the address input to the Web browser (not shown) or the address 139 incorporated in the selected link is passed.

HTM in Web page display processing 133
The L analysis processing 131 acquires information on a Web page from a location indicated by the designated address 139 (such as the Internet 14 or a local file system), analyzes the acquired HTML information, and performs DOM (Document Object).
Model 136 accessible data 136 (hereinafter,
Created as DOM tree format data). DOM
The W3C (The World Wide Web Consortium) is a W3C standard, and is used to easily access the structure and contents of documents written in languages such as HTML and XML.
Application Programming Interface (API).

The screen display process 132 in the web page display process 133 displays the contents of the web page in the web browser window on the display device 11 based on the DOM tree format data 136. At this time, the Web
If the address passed to the page display process 133 is the address of the part named by the anchor element in the web page, the web page display process 13
3 finds the anchor element designated by the address from the data 136 in the DOM tree format, and the page information at the display position (or in the vicinity) in which the anchor element designated by the address is embedded is always displayed on the screen. In order to do so, the display screen is automatically scrolled if necessary. Also, the screen display processing 13
2 stores which data in the DOM tree format data 136 is displayed at which display position in the Web browser. This is because when the user specifies a specific position in the Web page and performs a bookmark registration operation, the bookmark is used to specify the display data corresponding to the operation position.

When the user performs a bookmark registration operation, the bookmark registration process 134 receives information from the input device 12 such as a mouse where the user has specified in the Web browser, and the bookmark registration process 134 stores data in the DOM tree format data 136. The data of the anchor element is added to the position corresponding to the position designated by the user, and the bookmark cache file 137 is created based on this DOM tree format data 136. In addition, the address 23 of the anchor element and the bookmark name 2 embedded in the created bookmark cache file 137
2 information is added to the index information 138 of the bookmark.

The user selects a bookmark name from the bookmark list, and the W corresponding to the bookmark name is selected.
When the operation of displaying the eb page is performed, the process 135 when selecting the bookmark is the bookmark index information 1 for the address corresponding to the name of the bookmark selected by the user.
Read from 38. Next, processing 1 when selecting a bookmark
35 passes the address read from the bookmark index information 138 to the web page display processing 133, and displays the web page pointed to by the address on the screen. Web
When the address passed to the page display processing 133 is the address 23 of the anchor element embedded in the bookmark cache file 137, the Web page display processing 133 reads the bookmark cache file 137 indicated by the address 23 and executes the Web processing. The screen is automatically scrolled if necessary so that the information of the part named by the anchor element is displayed on the screen of the Web browser while being displayed on the browser.

Each processing will be described in detail below. FIG. 3 shows an HTML as an input of the HTML analysis processing 131.
Web page data 31 described in L (hereinafter referred to as HT
ML document) and the output DOM tree format data 136. As mentioned above, DOM is
It is an API that decomposes an HTML document into a tree structure called a DOM tree, expands it on a memory, and can perform various operations on the tree structure. DO
M can be used to construct an HTML document, examine the structure of the HTML document, and add, modify, or delete elements and contents in the HTML document.

The HTML analysis processing 131 receives an H
Analyzing the TML document 31 and DOM tree format data 1
36 is built on the memory. The start tag and the end tag in the HTML document 31 are represented as one node of the tree structure in the DOM tree format data 136. Also,
The information sandwiched between the start tag and the end tag is represented as a structure below the tree structure node.

In FIG. 4, D which is an input of the screen display processing 132
The relationship between the OM tree format data 136 and the output Web page display screen 41 is shown. The screen display process 132
The character string data at the end of the DOM tree format data 136, the data of the figure, and the like are sequentially displayed on the Web page display screen 41. At this time, the data 136 in the DOM tree format
Information on which data in which is displayed on the Web page display screen 41 is held.

FIG. 5 shows bookmark registration processing 134 and We.
The relationship between the b-page display screen 41 and the working DOM tree format data 51 is shown. When the user performs a bookmark registration operation by designating a specific position in the web page, the bookmark registration processing 134 first copies the DOM tree format data 136 and outputs the work DOM tree format data 51. create. Next, the anchor element node 54 is added to the position of the node in the work DOM tree format data 51 corresponding to the position 53 designated by the user on the web page display screen 41. At this time,
In the name attribute of the anchor element node to be added, set a name (for example, "mark") indicating that it is an anchor element used in bookmark. For this name, a name that does not overlap with the value of the name attribute of the anchor element node already existing in the work DOM tree format data 51 is automatically generated and set. In addition, a text node that stores a symbol or a character string (for example, “⊚”) that serves as a mark (marker) when finding the position registered in the bookmark is added below the added anchor element node. As for what kind of information should be set in this mark or character string, the user should be inquired every time the user performs a bookmark registration operation, or the symbol or character string that the user registered in advance should be placed. use.

The following is an example of a rule for the bookmark registration process 134 to determine where in the working DOM tree format data 51 the anchor element node 54 should be added. The user displays the web page display screen 41
FIG. 6 shows an example in which the position designated within is inside the area displaying the data of the text node at the end of the working DOM tree format data 51. In this case, the text node corresponding to the data displayed at the position specified by the user is divided into two parts, "hello" and "chiha", at the position specified by the user An anchor element node 54 is added between the two nodes.

The position designated on the Web page display screen 41 by the user is the data 51 in the DOM tree format for work.
FIG. 7 shows an example in the case of a boundary between two regions displaying the data of the text node at the end of the. In this case, add the anchor element node 54A as a sibling node immediately following the text node "Hello" corresponding to data displayed in front of the area at a position specified by the user, or, specified by the user position An anchor element node is added by any method of adding the anchor element node 54B as a sibling node immediately before the text node "world" corresponding to the area behind.

FIG. 8 shows the relationship between the bookmark registration processing 134, the working DOM tree format data 51, and the bookmark cache file 137. The bookmark registration processing 134 is the data 51 in the DOM tree format for work.
After adding the anchor element node to the
HTML format data is created based on the OM tree format data 51, and the HTML format data is output to the newly created bookmark cache file 137. After that, the bookmark registration processing 134, as shown in FIG.
The address 23 of the anchor element in 7 and the name 22 of the bookmark are added to the index information 138 of the bookmark. The address 23 of the anchor element in the bookmark cache file 137 is the address of the created bookmark cache file 137 and the value set in the name attribute of the added anchor element (for example, "mar
It is created by separating k ") with '#'.

The process 135 when selecting a bookmark will be described with reference to FIG. When the user selects a bookmark name from the bookmark list and performs an operation of displaying the Web page corresponding to the selected bookmark name, the process 135 at the time of bookmark selection is the address corresponding to the bookmark name selected by the user. 23 is read from the index information 138 of the bookmark. Then, the processing 135 at the time of selecting the bookmark instructs the web page display processing 133 to display the information of the web page indicated by the read address on the web browser. This allows
In the web page display processing 133, the bookmark cache file 137 pointed to by the address 23 is read and displayed on the web page display screen 41.
If necessary, the screen is automatically scrolled so that the information on the position of the anchor element indicated by is displayed on the screen. As a result, on the Web page display screen 41,
Information of the position specified by the user at the time of bookmark registration is displayed. Further, at the position specified by the user at the time of bookmark registration, a symbol or character string (for example, “◎”) that serves as a mark (marker) when finding the position registered in the bookmark. ) Is displayed.

A program for realizing the present invention is C
It is also possible to store it in a recording medium such as a D-ROM and provide it to a computer user. Also, it can be provided to computer users by combining it with an existing Web browser or by itself.

[0029]

As described above, according to the present invention, a user can specify an arbitrary position in a Web page and register it in a bookmark, and the user can actually refer to the Web page. You can easily and easily find the place you want. Further, even when the Web page registered in the bookmark is long, it is possible to assist the user in quickly finding information on the position designated at the time of bookmark registration.

[Brief description of drawings]

FIG. 1 is a functional block diagram showing an embodiment of a hardware configuration and a software configuration of a user computer that implements a display control method of the present invention.

FIG. 2 is a diagram showing a relationship between HTML format files of a Web page in which bookmark index information and anchor elements are embedded.

FIG. 3 is a diagram showing a relationship between an HTML analysis process, an HTML document, and DOM tree format data.

[FIG. 4] Screen display processing, DOM tree format data and W
It is a figure which shows the relationship of an eb page display screen.

FIG. 5 is a diagram showing a relationship between bookmark registration processing, a web page display screen, and work DOM tree format data.

FIG. 6 is a diagram illustrating one of rules for determining where to add an anchor element node in DOM tree format data.

FIG. 7: Another for deciding where to add an anchor element node in DOM tree format data
It is a figure explaining two rules.

FIG. 8 is a diagram showing a relationship between bookmark registration processing and work DOM tree format data and a bookmark cache file.

FIG. 9 is a diagram illustrating a process when a bookmark is selected.

FIG. 10 is a diagram showing a configuration of conventional bookmark index information.

FIG. 11 is a diagram showing a conventional example of a screen displaying a bookmark list.

[Explanation of symbols]

11 ... Display device, 12 ... Input device such as mouse,
13 ... Storage device, 14 ... Internet, 21 ... Anchor element embedded in bookmark cache file, 22 ... Bookmark name, 23 ... Address registered in bookmark, 31 ... W described in HTML
eb page data, 41 ... Web page display screen, 5
1 ... DOM tree format data for work, 131 ... HT
ML analysis process, 132 ... Screen display process, 133 ... Web
Page display process, 134 ... Bookmark registration process, 13
5 ... Process when bookmark is selected, 136 ... DOM tree format data, 137 ... Bookmark cache file, 138 ... Bookmark index information.

Claims (4)

[Claims] 1. A pair of first storage means for storing a Web page file in HTML format, a unique name given to a displayed Web page, and an address of an anchor element embedded at a position arbitrarily designated by a user. And a second storage means for storing
A display control method of a web page for redisplaying page information at a display position arbitrarily designated by a user in page b, which is specified by accepting an additional designation operation of an anchor element by the user in the displayed web page. Web in HTML format with anchor elements embedded in the display position
Creating a page file and storing it in the first storage means; attribute information added to the anchor element embedded in the HTML-formatted web page file;
Address information indicating the anchor element is generated based on a storage address of the page file in the first storage unit, and a pair of the address information and a unique name given to the Web page information is used as the second pair. The step of storing in the storage means and the step of accepting a web page display request from the user
If the page request is a request by address information indicating the anchor element, a step of reading a Web page file corresponding to the address information from the first storage unit and displaying the Web page file on a display screen is provided. How to control page display. 2. A step of displaying a specific marker at a display position corresponding to the embedding position of the anchor element based on the attribute information added to the anchor element of the Web page. A method for controlling display of a web page described in 1. 3. The method for controlling display of a web page according to claim 1, further comprising a step of scrolling the web page information to a display position corresponding to an embedded position of the anchor element. 4. A Web page display control program for redisplaying page information at a position arbitrarily designated by the user on the Web page displayed on the display screen, wherein the anchor element by the user in the displayed Web page. Of the HTML format in which the anchor element is embedded in the designated display position by accepting the additional designation operation of
A process of creating a page file and storing it in the first storage means, attribute information added to the anchor element embedded in the HTML-formatted Web page file, and the Web
Address information indicating the anchor element is generated based on a storage address of the page file in the first storage unit, and a pair of the address information and a unique name given to the Web page information is stored in the second storage. And a process of storing a Web page display request by a user,
If the page request is a request by address information indicating the anchor element, a computer-executable Web including a process of reading a Web page file corresponding to the address information from the first storage unit and displaying the Web page file on a display screen is displayed. Page display control program.