Open In App

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

Improve
Improve
Like Article
Like
Save
Share
Report

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. 



Last Updated : 06 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads