The Wayback Machine - https://web.archive.org/web/20080517071432/http://www.webreference.com/html/tutorial27/3.html


spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / html / tutorials / 27 / 3

index12345678

Tutorial 27: The Care and Feeding of Hyperlinks, Part III

Biz Resources
Technology Asset Management Software
Information Technology Services
ecommerce solutions
Developer News
SaaS Tool Offers Custom Database Development
MicrosoftÂ’s Automated Agent: Can We Talk?
Borland Finally Sells CodeGear

A More Practical Example

Of course, not all Web sites are structured like books, and may not fit the model of link relations so well. For such a case, you can mostly improvise when it comes to selecting navigation links. The most important things to consider are: First, where will the reader probably want to go after he's done reading the page. Second, where will the reader probably want to go when he arrives at the page and decides it wasn't what he was looking for.

Home, Up, Start, Next and Prev links obviously fall under this category, and should always be included when relevant. You can use Section and Subsection to point to pages upwards in the hierarchy of your site. The Contents link type can point to a "Site Map" page that shows the structure and has links to all the pages of your site. And of course, an Author link is always relevant.

After you're done selecting these links, you can add some Bookmark type links. Bookmarks are important points of entry into a Web site, and could point to the most important and often visited sections in your site.

So let's examine a page in Acme Computer Corporation's product catalog, a page that describes the brand new MORONS Server. Your links might look like the following:

<LINK REL="Next" HREF="./devel"
 TITLE="MORONS Developer's Kit">
<LINK REL="Prev" HREF="./client"
 TITLE="MORONS Client Runtime">
<LINK REL="Up" HREF="../"
 TITLE="MORONS Product Range">
<LINK REL="Section" HREF="/products/"
 TITLE="Acme Products">
<LINK REL="Subsection" HREF="/products/transfirbulation/"
 TITLE="Acme Transfirbulation Software">
<LINK REL="Home" HREF="/"
 TITLE="Acme Computer Corporation Home">
<LINK REL="Contents" HREF="/sitemap"
 TITLE="Acme.com Site Map">
<LINK REL="Help" HREF="/help"
 TITLE="How to find things on Acme.com">
<LINK REl="Copyright" HREF="/legalese"
 TITLE="Copyright Statement">
<LINK REL="Author" HREF="david@acme.com"
 TITLE="David Dothead, WebMaster">
<LINK REL="Bookmark" HREF="/about/"
 TITLE="About Acme Computer">
<LINK REL="Bookmark" HREF="/products/"
 TITLE="Acme Products">
<LINK REL="Bookmark" HREF="/news/"
 TITLE="Acme News">
<LINK REL="Bookmark" HREF="/support/"
 TITLE="Acme Support">
<LINK REL="Bookmark" HREF="/contact/"
 TITLE="Contacting Acme">

Note that I've used the Section and Subsection link types to point to pages upwards of the current one in the hierarchy of the site. The Contents link points to a Site Map, and the Help link points to a page that explains the structure and function of the site. Also, the five Bookmark links point to important sections in this site.

The exact number and type of links is up to you, and depends on many factors, the most important of which is the size of your site. If your entire site consists of less than ten pages, for instance, you'll probably just link to each one directly. If your site consists of thousands of pages, you'll want to link prominently to the various major sections and subsections, and less prominently to other pages in the current section. You don't have to replicate all of these links in the document head, as this could lead to unnecessarily huge documents, but the more important ones (like Next, Prev, Up, Home and Author) should always be present.

index12345678

Next Page...

http://www.internet.com/



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Copyright 2008 Jupitermedia Corporation All Rights Reserved.
Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape?
Microsoft Article: 7.0, Microsoft's Lucky Version?
Microsoft Article: Hyper-V--The Killer Feature in Windows Server 2008
Avaya Article: How to Feed Data into the Avaya Event Processor
Microsoft Article: Install What You Need with Windows Server 2008
HP eBook: Putting the Green into IT
Whitepaper: HP Integrated Citrix XenServer for HP ProLiant Servers
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 1
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 2--The Future of Concurrency
Avaya Article: Setting Up a SIP A/S Development Environment
IBM Article: How Cool Is Your Data Center?
Microsoft Article: Managing Virtual Machines with Microsoft System Center
HP eBook: Storage Networking , Part 1
Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Intel Video: Are Multi-core Processors Here to Stay?
On-Demand Webcast: Five Virtualization Trends to Watch
HP Video: Page Cost Calculator
Intel Video: APIs for Parallel Programming
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Sun Download: Solaris 8 Migration Assistant
Sybase Download: SQL Anywhere Developer Edition
Red Gate Download: SQL Backup Pro and free DBA Best Practices eBook
Red Gate Download: SQL Compare Pro 6
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
How-to-Article: Preparing for Hyper-Threading Technology and Dual Core Technology
eTouch PDF: Conquering the Tyranny of E-Mail and Word Processors
IBM Article: Collaborating in the High-Performance Workplace
HP Demo: StorageWorks EVA4400
Intel Featured Algorhythm: Intel Threading Building Blocks--The Pipeline Class
Microsoft How-to Article: Get Going with Silverlight and Windows Live
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
How to Create an Ajax Autocomplete Text Field: Part 6 · Software Engineering for Ajax · Perl Pragma Primer
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Using File Virtualization for Disaster Recovery · VoIP Security: SIP—Versatile but Vulnerable · Around the World in 80 Nodes

URL: http://www.webreference.com/html/tutorial27/3.html

Produced by Stephanos Piperoglou
Created: October 31, 2000
Revised: November 1, 2000

Morty Proxy This is a proxified and sanitized view of the page, visit original site.