Creating Named Anchors or Bookmarks in Expression Web

A hyperlink is created using the HTML anchor tag. With hyperlinks you can link to another web page, document (like spreadsheets, pdf, etc), image or a part of the same document. Named Anchors, also called Bookmarks let you create such hyperlinks to specific sections of your page.

Any hyperlink within a page will have two parts:

a. The hyperlink: is the text to be displayed as link, from where you would initiate the action.

<a href="#top">Top of the Page</a>

b. The bookmark: the location where you want to go.

<a name="top">Creating Dynamic Web Templates</a>

Anchors are created using the ‘href’ attribute of the anchor tag, whereas the named anchors are created using the ‘name’ attribute of the <a>. Any anchor element can have a name attribute, but until it is not referenced from anywhere, it is not termed as a bookmark.

For instance; <a name=”top_page” href=”#top”></a>

href=”#top” – is already referring to another bookmark – top

The name attribute in the <a> tag can be referenced from another <a> tag using the # sign.

A named anchor is not displayed in any special way on your rendered page. Yes in Design view your bookmark will have a dashed underline below the text, or if an empty location is bookmarked, it will be denoted by the a bookmark icon Bookmark icon  when ‘Show’ and ‘Paragraph Marks’ are both selected under ‘Formatting Marks’ on the ‘View’ menu. The bookmark should be referenced using a hash ‘#’ sign.

NOTE: Since the bookmark in within the document, you need not give the entire path to the location. But you can directly link to a bookmark on another page by using the entire URL of that page, followed by ‘#bookmark_name’.

Creating bookmarks in Expression Web

Follow these steps:

1. Open a webpage in Design view or Split view.

2. Select the text to which you want to assign a bookmark.

3. Go to Insert menu > Bookmark… (or key in the shortcut CTRL + Shift +G in Expression Web 3 and CTRL + G in earlier versions)

Insert >Bookmark menu

4. In the Bookmark dialog box, enter a name for the bookmark in the Bookmark name: textbox.

Bookmark dialog box

5. Click OK.

Deleting bookmarks:

1. Open a webpage in Design view or Split view.

2. Select the text to which you want to assign a bookmark.

3. Go to Insert menu > Bookmark… (or key in the shortcut CTRL + Shift +G in Expression Web 3 and CTRL + G in earlier versions)

4. In the Bookmark dialog box, select the bookmark you want to delete.

5. Click Clear.

Navigating through bookmarks in Design view

Hold down CTRL key and left click the hyperlink on the page.

Navigating through bookmarks within Code view

Do either of the following:

A. Hold down CTRL key and left click the hyperlink on the page.

B. Place the cursor inside the hyperlink, from Edit menu > Code View > Follow Code Hyperlink (or CTRL + [)

NOTE: Use the Next Code Hyperlink and Previous Code Hyperlinks buttons to move between the source and destination of the hyperlinks.

Filed Under: Expression Web

Tags:

About the Author: Minal is a freelance web and graphics designer. She specializes in designing Logos, Stationery, Graphics and Icons as well as website templates using graphical tools like Photoshop, Illustrator and Expression Web. Twitter @saffronstroke

RSSComments (0)

Trackback URL

Leave a Reply