The approach of this article is to specify the language of the text in the linked document in HTML5 by using a hreflang attribute in the HTML Tag. The value (or languageCode) passed here is the code of the linked document. (for e.g. if the document/website in the given link is in English en is passed as the value).
Syntax:
<element hreflang="language_code">
Example 1: Below code illustrates the use of hreflang attribute in the link element.
HTML
<!DOCTYPE html>
< html >
< head >
< link id = "linkid"
rel = "stylesheet"
type = "text/css"
href = "styles.css"
sizes = "16*16"
hreflang = "en-us" >
</ head >
< body style = "text-align:center;" >
< h1 >GeeksForGeeks</ h1 >
< h2 >
How to specify the language of the
text in the linked document in HTML5?
</ h2 >
</ body >
</ html >
|
Output: Above link document is written in the English Language.

Example 2: In this example, we will use Spanish in
HTML
<!DOCTYPE html>
< html >
< head >
< link id = "linkid"
rel = "stylesheet"
type = "text/css"
href = "styles.css"
sizes = "16*16"
hreflang = "es" >
</ head >
< body style = "text-align:center;" >
< h1 >GeeksForGeeks</ h1 >
< h2 >
How to specify the language of the
text in the linked document in HTML5?
</ h2 >
</ body >
</ html >
|
Output: Above link document written in Spanish Language.

Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
06 Jun, 2023
Like Article
Save Article