HTML - Hyper(Link) (href elements)


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

Not to confound with the link element

href stands for hypertext reference and force the user agent to navigate to those resources.


Rel Attribute

  • 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


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


See Anchorjs


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


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


Deep linking

Powered by ComboStrap