Monday, March 27, 2023
HomeCSSHTML Component: hyperlink

HTML Component: hyperlink



<!DOCTYPE html>
<html lang="en">
  <hyperlink rel="stylesheet" href="kinds.css" sort="textual content/css">

Browser Help

The <hyperlink> aspect is supported in all fashionable browsers. Learn extra on


A hyperlink aspect helps International Attributes in HTML. International Attributes are widespread to all HTML parts and can be utilized on all of them (although they might not have a lot of an impact on a few of them).

A hyperlink aspect will need to have both a rel attribute or an itemprop attribute, however not each.

There are a variety of further attributes supported:

  • href: Handle of the hyperlink
  • crossorigin: How the aspect handles crossorigin requests.
  • rel: Relationship between the doc containing the hyperlink and the vacation spot useful resource being fetched.
  • media: Relevant media.
  • integrity: Integrity metadata utilized in Subresource Integrity checks.
  • hreflang: Language of the linked useful resource.
  • sort: Trace for the kind of referenced useful resource.
  • referrerpolicy: Referrer coverage for fetches initiated by the aspect.
  • sizes: Sizes of icons for rel="icon".
  • imagesrcset: Pictures to make use of in numerous conditions for display screen resolutions.
  • imagesizes: Picture sizes for various web page layouts.
  • as: Potential vacation spot for a preload request (for rel="preload" and rel="modulepreload").
  • blocking: Whether or not the aspect is probably render-blocking.
  • coloration: Shade to make use of when customizing a website’s icon (for rel="mask-icon")
  • disabled: Whether or not the hyperlink is disabled.

Attribute Instance

Right here’s an instance of how a <hyperlink> makes use of the rel="" and hreflang="" attributes to determine a relationship between the present doc and variations in different languages:

<hyperlink rel="alternate" href="/en/web page.html" hreflang="en" sort="textual content/html">
<hyperlink rel="alternate" href="/fr/web page.html" hreflang="fr" sort="textual content/html">
<hyperlink rel="alternate" href="/es/web page.html" hreflang="es" sort="textual content/html">

Content material

The hyperlink aspect helps no content material mannequin which suggests you possibly can’t go it any sort of content material.

  • While the <hyperlink> aspect is a kind of hyperlink, it shouldn’t be confused with the <a> (anchor) aspect; the hyperlinks by which we navigate HTML paperwork and information.

Study Extra



Please enter your comment!
Please enter your name here

Most Popular

Recent Comments