HTML - Hyper(Link) (href elements)

About

A link in HTML is an element that have the href attributes with an URL value

An hyperlink is a contraction of hypertext link.

Element

The following elements are hyperlink because they have the href attribute

• HTML - A element (anchor)
• HTML - (Area Element|Image-map hyperlink)

Rel Attribute

Link type

• rel=“sponsored”: identify links that were created as part of advertisements, sponsorships or other compensation agreements.
• rel=“ugc” where UGC stands for User Generated Content and tag user generated content, such as comments and forum posts.
• rel=“nofollow” no endorsement, including passing along ranking credit to another page. Robot - Follow / NoFollow instruction

More Evolving “nofollow” – new ways to identify the nature of links

Security

• rel=”noopener” prevents a new tab from taking advantage of the window.opener feature.
• rel=”noreferrer” prevents passing on the referrer information to the new tab.

Anchor

See Anchorjs

Javascript

The document property document.links returns an HTMLCollection of the a and area elements in the Document that have href attributes.

Spa

In a single page application, use the history api otherwise Google may not find the link

Tracking

See Google Analytics - Outbound Link Tracking

Deep linking

• https://branch.io/what-is-deep-linking/