<a href>

Naming Your Links

 

Text for your Link:

When you highlight text to be a link, use enough words that it is easy to click on, and be sure the words make sense even when taken out of context. (In the following example, the blue underlined words are dummy links highlighted for purposes of illustration.)

Do not create a link like this:
Click here to see the reading list for unit 5.

Insead, create a link like this:
Click here to see the reading list for unit 5.

Some browsers create lists of links on a page as a summary for the viewer. You do not want to see a list that says only "Click here" over and over again!

Titles:

You can add titles to your links. As explained before, the title attribute that you add to a link is different from the title element that goes in the head of your page. This title attribute for links explains very briefly where the link goes. If you look at the "View>Page Source" for the first link below, it reads

<a href="read.htm#unit5" title="Link to readings">Readings</a>

(If you already read the text, page 98, you know what the "#unit5" is supposed to do in this code.) The addition of title="Link to readings" in the tag does several things. If you look at the page with the Explorer browser, when your mouse passes over this link a tiny "tooltip" box pops up saying "Link to readings". More important, when a screen reader or text-based browser reaches the link it may display "Link to readings" instead of simply "Link".

I did not add titles to the links to classes above because the numbers are so small that having many boxes pop up saying "Link to Unit X" would have been obnoxious.

Other comment notes for this unit:
color for links | organizing links

Return to Unit 5

 
Readings
Resources
<head>
<p> etc.
<b> etc.
<li> etc.
<a href>
<img src>
Access
<table>
<frame>
<style>
<form>
<script>
<object>
validate
Valid HTML 4.0! 1