Skip to content

Courses / HTML5 Mastery: Complete Beginner to Advanced Course / HTML Links & Navigation

630 people viewed this

HTML Links & Navigation

The rel attribute describes the relationship between the current document and the linked resource.

Common Values

Value Purpose
noopener Prevents the opened context from receiving access to the opener through window.opener.
noreferrer Suppresses the Referer header and also implies noopener behavior for hyperlink navigation.
nofollow Signals that the publisher does not want to imply a normal endorsement relationship.
external Identifies a link to an external resource; it does not automatically open a new tab.
help Identifies a link to help information.

Example

<a href="https://example.com/"
   target="_blank"
   rel="noopener noreferrer">
    Visit External Website
</a>

Do not add rel="nofollow" to every external link automatically. Choose relationship values based on the purpose of the link.

12. Email and Telephone Links

The mailto and tel URI schemes let users open a compatible email or telephone application.

Email Link

<a href="mailto:support@codementrix.in">
    Email Support
</a>

Email with a Subject

<a href="mailto:support@example.com?subject=HTML%20Course%20Question">
    Ask a Question
</a>

In a mailto URI, the subject is a header field and spaces can be percent-encoded as %20.

Telephone Link

<a href="tel:+911234567890">
    Call Our Team
</a>

Telephone links are particularly useful on mobile websites. They depend on the user's device having a suitable application or handler.

13. Download Links

The download attribute indicates that the browser should download the linked resource rather than navigate to it when supported and permitted.

Example

<a href="assets/documents/syllabus.pdf" download>
    Download HTML Syllabus
</a>

Suggest a Filename

<a href="assets/documents/syllabus.pdf"
   download="html-course-syllabus.pdf">
    Download Course Syllabus
</a>

The suggested filename is not a guarantee. Browser policies, response headers and security restrictions can affect download behavior.

The download attribute is generally limited to same-origin URLs and supported blob or data URLs. It should not be relied upon to force downloads from arbitrary external websites.

Rate this course

5.0 · 1 rating

Stars show on this course. Your written note stays private.

Your stars