Declarando o Idioma no HTML

Declarando o Idioma em documentos HTML

Use a marcação de idioma nos seus documentos HMTL para web!

Para que seu conteúdo seja acessado corretamente nos navegadores e não reproduzam erros, utilize marcações de linguagem.

Muitos editores de conteúdo web usam softwares para criação de modelos prontos, como por exemplo o Sublime ou o Adobe Dreanwaver. entre outros.

Ademais, no meu caso, eu já prefiro elaborar conteúdos no editor de texto, “na unha”, ou no máximo, usando o Notepad ++, um editor de textos mais elaborado.

Portanto, no caso de editores da velha guarda como eu, que aprendi a fazer tudo na raça, ter um norte na hora de pegar os códigos é uma verdadeira mão na roda.

Por isso deixo nesta página, com o intuito de trazer de forma simples, os atributos de linguagem para documentos HTML.

À propósito, também aproveito para trazer algumas informações básicas sobre as tags e meta tags usadas na web para declarar idiomas nos cabeçálhos das páginas web.

Saiba como utilizar corretamente a marcação de linguagem em documentos HTML com a finalidade de melhorar a exibição de caracteres e melhoria de ranqueamento em relação ao público alvo!

Definir a linguagem padrão do HTML

Por exemplo, veja a marcação via meta tag nativa:

<meta http-equiv="Content-Language" content="pt-br">

Você pode utilizar vários valores de linguagem de fato.

<meta http-equiv="Content-Language" content="pt-br, en, fr, it, ru">

Bem como existe também a possibilidade de fazer via HTTP Header

HTTP/1.1 200 OK
Date: Fri, 30 Dez 2011 10:46:04 GMT
Server: Apache/1.3.28 (Unix) PHP/4.2.3
Content-Location: CSS2-REC.en.html
Vary: negotiate,accept-language,accept-charset
TCN: choice
P3P: policyref=https://www.w3.org/2001/05/P3P/p3p.xml
Cache-Control: max-age=21600
Expires: Wed, 05 Nov 2003 16:46:04 GMT
Last-Modified: Tue, 12 May 1998 22:18:49 GMT
ETag: "3558cac9;36f99e2b"
Accept-Ranges: bytes
Content-Length: 10734
Connection: close
Content-Type: text/html; charset=utf-8
Content-Language: pt-br

Não muito utilizado, assim também podemos utilizar marcação de linguagem diretamente no texto como no exemplo abaixo:

<p>Nós utilizamos o <span lang="en">mouse</span> para navegar na
<span lang="en">web</span> por meios dos <span lang="en">browsers</span>.

Desta maneira indicamos ao navegador qual a linguagem utilizada para que não ocorram erros de sintaxe e apareçam erros, principalmente em acentos e outros caracteres específicos da linguagem utilizada.

Uso Prático em documentos HTML5 padrão

<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Título</title>
</head>
<body>
</body>
</html>

O órgão regulador da internet, ou seja, a W3C, recomenda a utilização de marcadores de linguagem no documento HTML, assim sendo, uma forma de boas práticas para definir o público alvo sobre o conteúdo disponibilizado.

Existe ainda uma melhoria, principalmente em relação aos muitos caracteres específicos que podem ter problemas na hora de serem visualizados pelos navegadores na web.

Para que não haja problemas com caracteres do tipo ASCII ou outros utilizados em linguagens específicas como a Russa, a Chinesa, japonesa entre outras, usa-se a marcação Unicode – UTF-8 para estabelecer que o documento seja lido em qualquer navegador no mundo inteiro.

Se acaso precisar mudar a meta tag charset, basta substituir utf-8 para para iso-8859-1.

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<title>Título da Página</title><link href="css/stylesheet.css" rel="stylesheet"/>
<script src="scripts/script.js"></script>
</head>
<body>...</body>
</html>

E se eu não utilizar a marcação de linguagem?

Portanto veja a ordem de processamento dos navegadores na detecção da linguagem do documentos HTML:

Primeiramente o navegador verifica se o elemento HTML que tem o atributo lang.

Logo após verifica se a tag pai mais próxima ao termo tem o atributo lang.,

Se ainda não encontrou, logo depois vê se o documento HTML tem a metatag definida,

Então, se mesmo assim não encontrar, verifica se o HTTP Header Content-Language tem uma tag de idioma definido.

Se não detecta nenhuma tag ou menção de linguagem, assim sendo, o idioma é tratado como não reconhecido.

Aliás, espero que tenha gostado dessa postagem sobre como declarar o idioma do seu documento HTML.

Certamente esses websites também podem te interessar:

Origamania.com – Origamis, papel modelismo, artesanatos e aviões de papel.
Textículos.com – Significados de Nomes, frases famosas, ferramenta de textos e letras diferentes, e muito mais.
Portal do Economaster – Economia e Finanças de um jeito fácil de entender.
Cardápio de Receitas – Receitas de dar água na boca. Tudo o que você precisa pra fazer uma boa receita.

Por fim, veja mais conteúdos do Web-ZoneWare, seu site de tecnologia na web a fim de encontrar o que precisa.