How to set the language of text in the linked document in HTML5 ?

Last Updated : 23 Jul, 2025

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. 

Comment

Explore