Web design: internal links

The tutor shares a useful hint for improving web page convenience.

Internal links place the reader elsewhere in a page, rather than to a different site. They seem less commonly discussed.

Here’s a way internal links are done today: a link sending the reader to location_x might have the form

<a href=”#location_x”>to location_x</a>

That link would move the reader to the element with id=”location_x”, such as

<h2 id=”location_x”>Point 0</h2>

At w3.org they point out that every link needs two components:

  1. an anchor tag that sends the reader to the new destination;
  2. the destination where the reader is sent.

Writing web content, it’s common to link out to other sources – in that case, the writer needs only to provide the anchor tag, since someone else has provided the destination. Linking within one’s own page, one needs to write in both the anchor tag and the destination where it points.

See the effect here:

Jump to top:)

Source:

w3.org

yourhtmlsource.com

Jack of Oracle Tutoring by Jack and Diane, Campbell River, BC.

Leave a Reply