How to set the language of text in the linked document in HTML5 ?
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 >w3wiki</ 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 >w3wiki</ 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.
Contact Us