HTML - Conjunto de caracteres

Caracteres mais usados:

Às vezes precisamos exibir caracteres especiais que fazem parte das tags html mas não como tags e sim como texto comum, como por exemplo, um exemplo de utilização de uma tag ou mesmo um caractere especial cuja simbologia não é acessível diretamente pelo teclado ou coisa parecida.

Abaixo segue uma tabela com um resumo dos principais caracteres especiais utilizados na web.

Os códigos ISO Latin-1 ou Entidades HTML podem ser colocados no texto de uma página HTML para produzir caracteres especiais que não são obtidos diretamente através do teclado.

Para inserir o sinal de divisão ÷ deve ser usado no seu lugar o código #247 precedido do sinal &.

Para inserir o sinais < e > sem que o broser os entendam como inicio de comandos HTML você deve usar os códigos &gt e &lt precedidos do símbolo &.

Simbolo Entidade html iso latin-1 Significado
Caracteres Especiais
& &amp;   e comercial
© &copy; &#169; copyright-Direitos autorais.
÷   &#247; divisão
> &gt;   maior que
< &lt;   menor que
µ   &#181; micron
·   &#183; ponto no meio da linha
  &#182; parágrafo
±   &#177; mais/menos
£   &#163; libra inglesa
® &reg; &#174; registrado
§   &#167; seção
¥   &#165; yen japonês
Letras acentuadas
á
á		 &aacute;
&aacute;		 &#225;
&#193;		 "a" com agudo
"a" com agudo
á
á 		&aacute;
&aacute;		 &#225;
&#193;		 "a" com agudo
"a" com agudo
à
à 		&agrave;
&agrave;		 &#224;
&#192;		 "a" com agudo;
"a" com agudo
â
â 		&acric;
&acirc;		 &#226;
&#194;		 "a" com circunflexo
"a" com circunflexo
å
å 		&aring;
&aring;		 &#229;
&#197;		 "a" com ring
"a" com ring
ã
ã 		&atil;
&atilde;		 &#227;
&#195;		 "a" com til
"a" com til
ä
ä 		&auml;
&auml;		 &#228;
&#196;		 "a" com trema
"a" com trema
æ
æ 		&aelig;
&aelig;		 &#230;
&#198;		 "ae" ligados
"ae"ligados
ç
ç 		&ccedil;
&ccedil;		 &#231;
&#199;		 "c" com cedilha
"c" com cedilha
é
é 		&eacute;
&eacute;		 &#233;
&#201;		 "e" com agudo
"e" com agudo
è
è 		&egrave;
&egrave;		 &#232;
&#200;		 "e" com grave
"e" com grave
ê
ê 		&ecirc;
&ecirc;		 &#234;
&#202;		 "e" com circunflexo
"e" com circunflexo
ë
ë 		&euml;
&euml;		 &#235;
&#203;		 "e" com trema
"e" com trema
í
í 		&iacute;
&iacute;		 &#237;
&#205;		 "i" com agudo
"i" com agudo
ì
ì 		&igrave;
&igrave;		 &#236;
&#204;		 "i" com grave
"i" com grave
î
î 		&icirc;
&icirc;		 &#238;
&#206;		 "i" com circunflexo
"i" com circunflexo
ï
ï 		&iuml;
&iuml;		 &#239;
&#207;		 "i" com trema
"i" com trema
ñ
ñ 		&ntil;
&ntil;		 &#241;
&#209;		 "n" com til
"n" com til
ó
ó 		&oacute;
&oacute;		 &#243;
&#211;		 "o" com agudo
"o" com agudo
ò
ò 		&ograve;
&ograve;		 &#242;
&#210;		 "o" com grave
"o" com grave
ô
ô 		&ocirc;
&ocirc;		 &#244;
&#212;		 "o" com circunflexo
"o" com circunflexo
ø
ø 		&oslash;
&oslash;		 &#248;
&#216;		 "o" com barra
"o" com barra
õ
õ 		&otilde;
&otilde;		 &#245;
&#213;		 "o" com til
"o" com til
ö
ö 		&ouml;
&ouml;		 &#246;
&#214;		 "o" com trema
"o" com trema
ß &szlig; &#223; ess-tsett
ú
ú 		&uacute;
&uacute;		 &#250;
&#218;		 "u" com agudo
"u" com agudo
ù
ù 		&ugrave;
&ugrave;		 &#249;
&#217;		 "u" com grave
"u" com grave
û
û 		&ucirc;
&ucirc;		 &#251;
&#219;		 "u" com circunflexo
"u" com circunflexo
ü
ü 		&uuml;
&uuml;		 &#252;
&#220;		 "u" com trema
"u" com trema
ÿ &yuml; &#255; "y" com trema
´
` 		  &#180;
&#96;		 acento agudo
acento grave
Pontuação
¡   &#161; exclamação invertida
¿   &#191; interrogação invertida
" &quot; &#34; aspa
  &nbsp; &#160; non-breaking space* - É um espaço que não pode ser quebrado para a proxima linha se o conteúdo não couber na linha corrente.
• &bull; &#8226; O ponto antes de ul e ol. Ponto do Word

* Use este caractere para unir duas palavras com um espaço inquebrável, ou seja, elas são consideradas uma única palavra na hora de realinhar uma lnha.

Resumindo a acentuação :


Código Caractere Utilização
Caracteres acentuados:
&Aacute;&Eacute;&Iacute;&Oacute;&Uacute; ÁÉÍÓÚ Vogais maúsculas com acento agudo(´).
&aacute;&iacute;&iacute;&oacute;&uacute; áéíóú Vogais minúsculas com acento agudo(´).
&Agrave;&Egrave;&Igrave;&Ograve;&Ugrave; ÀÈÌÒÙ Vogais maúsculas com acento grave(crase(`)).
&agrave;&igrave;&igrave;&ograve;&ugrave; àèìòù Vogais minúsculas com acento grave(crase(`)).
&Acirc;&Ecirc;&Icirc;&Ocirc;&Ucirc; ÂÊÎÔÛ Vogais maiúsculas com acento circunflexo(^).
&acirc;&ecirc;&icirc;&ocirc;&ucirc; âêîôû Vogais minúsculas com acento circunflexo(^).
&Atilde;&Etilde;&Itilde;&Otilde;&Utilde; Ã&Etilde;ĨÕŨ Vogais maiúsculas com til(~).
&atilde;&etilde;&itilde;&otilde;&utilde; ã&etilde;ĩõũ Vogais minúsculas com til(~).
&Aring;&Ering;&Iring;&Oring;&Uring; Å&Ering;&Iring;&Oring;Ů Vogais maiúsculas acentos nórdicos(˚).
&aring;&ering;&iring;&oring;&uring; å&ering;&iring;&oring;ů Vogais minúsculas com acentos nórdicos(˚).
&Ccedil;&ccedil;Uring; Çç Ce-cedilha.

Como a codificação mais utilizada, de longe, é a UTF8 vamos adotá-la como padrão.
No entanto existem 65.535 caracteres possíveis nos mais diferentes idiomas e é impossível listar numa página tamanho número de caracteres. Mencionaremos o que mais utilizamos no idioma Portugues - Brasil, em sublinhado.
Abaixo esta uma listagem da faixa de caracteres atribuidas a cada finalidade ou idioma.
Para usar o caractere especial escreva '&#' (sem os apóstrofes) e a seguir o número do caractere.
O conjunto de caracteres está dividido em 3 classes : Letras, algarismos e símbolos.
Contudo a acentuação típica de um idioma pode não estar contido no conjunto default de caracteres (ex: 31 a 127 tem todos caracteres do idioma português exceto os acentuados) mas sim numa expansão destes (128 a 255 estão os acentuados).

Clique nos itens abaixo para expandir e visualizar os caracteres.

Unicode - Faixas dedicadas
0 a 31 : Carateres de controle
32 a 127 : Latino básico
128−255 : Suplemento Latino-1
256 a 383 : Latino estendido-A
384 a 591 : Latino estendido-B
592 a 687 : Extensões IPA
688 a 767 : Letras de modificação de espaço
768 a 1023 : Combinação de marcas diacríticas
Não Terminado