...
Use meaningful link text
Don't use only "click here" or "this page" (or any other
...
vague phrase) as your link text. The text inside the opening and closing <a> tags should be reasonably meaningful on its own, and should say something about the target of the link. If the link is in the middle of a sentence, you may need to restructure your sentence, as shown in the examples below:
...
...
<a href="http://validator.w3.org/">Click here</a>
for an HTML validator.
|
| |
...
Try this <a href="http://validator.w3.org/">
HTML validator
</a>.
|
|
...
...
<a href="https://developer.mozilla.org/en/HTML/Element/a/">
This page
</a>
provides instructions for using the HTML anchor tag.
|
| |
...
You may want to read the
<a href="https://developer.mozilla.org/en/HTML/Element/a/">
HTML anchor tag
</a> element reference.
|
|
Use a title if your link has no text
If you're using a background image for your link, add a title attribute to the link. The text of the attribute should be whatever would normally be the link text.
...
...
.validator-link {
background-image: url('http://validator.w3.org/images/w3c.png');
}
|
| |
...
<a href="http://validator.w3.org/"
class="validator-link"
title="W3C HTML Validator"></a>
|
|