Skip to end of metadata
Go to start of metadata

Don't use only "click here" or "this page" (or any other useless 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:

Bad

Good

<a href="http://validator.w3.org/">Click here</a>
for an HTML validator.
Try this <a href="http://validator.w3.org/">
  HTML validator
</a>.

Bad

Good

<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.

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.

CSS

HTML

.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>
  • No labels