Ads by ProfitSence
Close

HTML lang Attribute

Last Updated on Sunday 9th Oct 2022

lang

HTML lang Attribute

Some Common Examples are en for English, es for Spanish, fr for French , ko for Korean , ja for Japanese, ru for Russian and so on.

Definition

The lang attribute helps define the language of an element. The lang attribute is a Global Attribute, and can be used on any HTML element.

Basic & Minimal HTML Structure

			
					<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible"
content="IE=edge">
   <meta name="viewport" content="width=devicewidth, initial-scale=1.0">
</head>

<body>
   <h1>My First Heading</h1>
   <p>My first paragraph.</p>
</body>

</html>

			
	

The lang attribute has the value en. These element attributes are very important because they specify the language of the document.

html lang

Example

			
					<p lang="en">Hello World</p>
<p lang="es">Hola Mundo</p>
<p lang="de">Hallo Welt</p>
<p lang="fr">Bonjour le monde</p>
<p lang="pt">Olá Mundo</p>
<p lang="ja">こんにちは世界</p>
<p lang="ru">Привет, мир</p>
<p lang="ko">안녕하세요 세계</p>

			
	

lang attributes

Note: It is always recommended to specify lang attribute with the appropriate value because the default value of lang is unknown.

			
					[lang='fr']::before {
  content: '(Hello World in French) ';
}
[lang='ja']::before {
  content: '(Hello World in Japanese) ';
}

			
	

Browser Support

Attributes Chrome Edge Mozilla Safari Opera
lang yes yes yes yes yes