HTMLLinkElement: hreflang property

{{APIRef("HTML DOM")}}

The hreflang property of the {{domxref("HTMLLinkElement")}} interface is used to indicate the language and the geographical targeting of a page. This hint can be used by browsers to select the more appropriate page or to improve {{Glossary("SEO")}}.

It reflects the hreflang attribute of the {{HTMLElement("link")}} element and is the empty string ("") if there is no hreflang attribute.

Value

A string that contains a language tag, or the empty string ("") if there is no hreflang attribute.

Example

<link
  rel="alternate"
  href="www.example.com/fr/html"
  hreflang="fr"
  type="text/html"
  title="French HTML" />
<p class="tag"></p>

.tag {
  margin-left: 20px;
  font-weight: bold;
  font-size: 24px;
}

const myLink = document.querySelector("link");
const pTag = document.querySelector(".tag");
pTag.textContent = myLink.hreflang;

Results

{{EmbedLiveSample("Example",100,100)}}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("HTMLAnchorElement.hreflang")}} property