Attribut HTML lang

Dernière mise à jour le
vendredi 13 mai 2022

html lang attribute

Attribut HTML lang

Quelques exemples courants sont en pour l’anglais, es pour l’espagnol, fr pour Français, ko pour le coréen, ja pour le japonais, ru pour le russe et ainsi de suite.

Définition

L’attribut ‘lang’ permet de définir la langue d’un élément. L’attribut ‘lang’ est un attribut global et peut être utilisé sur n’importe quel élément HTML.

html lang fr

Structure HTML de base et minimale

	<!DOCTYPE html>
<html lang="fr">
  <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>
	

L’attribut lang a la valeur fr. Ces attributs d’élément sont très importants car ils spécifient la langue du document.

lang attribute html

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 html attribute

Note: Il est toujours recommandé de spécifier l’attribut lang avec la valeur appropriée car la valeur par défaut de lang est inconnue.

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

Prise en charge des navigateurs

Attributs Chrome Edge Mozilla Safari Opera
lang yes yes yes yes yes