HTML lang Attribute

Última atualização em
Sexta-feira 13º mai 2022

lang

Atributo html lang

Alguns exemplos comuns são en para inglês, es para espanhol, fr para francês , ko para coreano , ja para japonês, ru para russo e assim por diante.

Definição

O atributo lang ajuda a definir a linguagem de um elemento. O atributo lang é um atributo global e pode ser usado em qualquer elemento HTML.

Estrutura HTML Básica & Mínima

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

O atributo lang tem o valor pt. Esses atributos de elemento são muito importantes porque especificam a linguagem do documento.

html lang

Exemplo

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

language pt br

Nota: É sempre recomendável especificar atributo lang com o valor apropriado porque o valor padrão do lang é desconhecido.

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

Suporte ao navegador

Atributos Chrome Edge Mozilla Safari Opera
lang yes yes yes yes yes