« Voltar
em html web

Pra que serve esse <meta charset> no meu html?.

Já abriu um arquivo html e viu essa linha de código?

<meta charset="utf-8">  

Afinal, pra que raios serve isso?

A tag meta

A tag meta deve estar sempre dentro da tag head e representa vários tipos de metadados.

E o que são metadados por!#?

São informações que descrevem o conteúdo do seu arquivo. Ou seja: dados sobre seus dados.
Exemplos de metadados são: palavras-chave, informações pro Google indexar o seu site, resumo do conteúdo, etc.

O atributo charset

O atributo charset serve para indicar o formato de codificação de caracteres utilizado no documento.
ASCII, UTF-8, ANSI e ISO-8859-1 são exemplos de charsets.

Charset? Mas pra que serve isso?
Bem...quantos idiomas existem no mundo? Muitos, né?

E, pessoas que falam idiomas diferentes usam computadores. Essas pessoas querem usar o computador no idioma delas. E idiomas diferentes tem caracteres diferentes.
Pra cada caracter que a gente digita/lê no computador, existe uma representação dele em byte na memória. Um código para ele.

Cada charset representa o caracter em memória de uma forma diferente. O charset UTF-8 é o que usamos na web atual e faz parte de um padrão chamado Unicode. A ideia é que com ele possamos representar qualquer caractere de qualquer idioma.

Ao usar o charset dentro da tag meta de nosso arquivo estamos dizendo ao navegador: quando for ler esse arquivo, use as regras do charset UTF-8.

Charsets como ANSI e ISO-8859-1 tem formas diferentes de associar bytes à caracteres. Ou seja, se cada navegador usasse o charset que bem entendentesse, vários documentos poderiam não ser mostrados do jeito que gostaríamos (:


Quer ganhar 15% de desconto pra gastar na Casa do Código e ainda ficar em dia com as minhas postagem e outras promoções e sorteios legais? Assina minha newsletter: http://gabsferreira.com/newsletter/ (:

Se quiser, curta minha página no Face também! O endereço é https://www.facebook.com/devgabsferreira

comments powered by Disqus