Links with a blank href, title attribute

The photo pages contain links that lead users to the previous and next photo pages. What should we do with this link, for example, on the last photo page? After all, there is no next photo in this case. You can delete the entire link, or you can do something else.

The <a> tag can generally be used without an address, in other words, without the attribute href. This tag means “stub link, ” which under other conditions may become a normal link (for example, when we move from the last photo to the middle of the gallery). Often, stub links are used to show that we are on the current page:

<nav>
  <ul>
    <li><a>Page 1</a></li>
    <li><a href="2">Page 2</a></li>
    <li><a href="3">Page 3</a></li>
  </ul>
</nav>

When we remove the href attribute from the link, it is a best practice to leave a tooltip about why we did it. In addition, tooltips can also help to explain the purpose of otherwise-incomprehensible links and image links. You can leave a tooltip using the <1>title attribute. For example:

<a title="Well, what do you mean by back? You are on the first photo! ">Back</a>

The tooltip will appear when you hover the cursor over the link for a little while.

Now let’s modify the navigation on the last page of the gallery.

After completing this step, you can safely download the archive containing the Website of a Beginning Coder that we prepared.