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.