Soluções

Lista de Códigos HTML (ASCII Code e Alguns Hexadecimais)

Anúncios Google

Quem tem sites e blogs sobre tecnologia e publicam códigos com frequência, já deve ter passado pela situação: copia o script que vai exibir no post (não para ser rodado) e quando visualiza a página os caracteres ficaram alterados e às vezes até somem.

Isso acontece pois a página publicada pode estar em um tipo de codificação que não aceita tais caracteres, e porque o WordPress também converte automaticamente alguns. Nesse caso, ao tentar exibir uma sequência de caracteres que coincida com algum código de formatação do WordPress, lá se vai a ordem…

Veja um exemplo. Vou postar um código simples aqui, para inserção de um iframe. Primeiro o jeito certo (que explico mais a frente), depois colando o código direto na página em modo Visual, e logo abaixo colando o código na fonte HTML da página.

Certo

<iframe src="http://www.tutoriart.com.br" frameborder="0" width="630"
 height="360"></iframe>

Errado – direto na fonte HTML

Errado – direto na página

<iframe src=”http://www.tutoriart.com.br” frameborder=”0″ width=”630″
height=”360″></iframe>


No primeiro exemplo eu consegui exibir o código sem que ele fosse “rodado” pela página. Já no segundo ele foi ativado, o que não era desejado. E não adiantou usar a tag HTML <pre>. No terceiro exemplo o código até foi exibido, mas está errado: o WordPress substituiu as aspas retas (") por aspas inglesas (“), e se alguém tentar usar seu código assim, vai dar erro de script.

O que fiz foi simples: para que o HTML não entrasse em ação, eu substituí o <, que é usado para abrir as tags, pelo seu código ASCII, que é “&lt;” (sem aspas). A página lê o código e mostra o caractere certo. Então o código:

<iframe src="http://www.tutoriart.com.br" frameborder="0" width="630"
 height="360"></iframe>

Ficou assim (na fonte HTML)

&lt;iframe src="http://www.tutoriart.com.br" frameborder="0" width="630"
 height="360">&lt;/iframe>

Veja que os &lt; são substituídos pelo ASCII deste caractere quando a página é exibida.

Confira uma lista de caracteres HTML, com equivalentes em ASCII e hexadecimal. A lista, apesar de bem extensa, não é completa. Preferi os caracteres mais usados.

Caractere Código Código numérico Hexadecimal Descrição
A A &#65; &#x41; A
a a &#97; &#x61; a
À &Agrave; &#192; &#xC0; A grave
à &agrave; &#224; &#xE0; a grave
Á &Aacute; &#193; &#xC1; A agudo
á &aacute; &#225; &#xE1; a agudo
 &Acirc; &#194; &#xC2; A circunflexo
â &acirc; &#226; &#xE2; a circunflexo
à &Atilde; &#195; &#xC3; A til
ã &atilde; &#227; &#xE3; a til
Ä &Auml; &#196; &#xC4; A trema
ä &auml; &#228; &#xE4; a trema
Å &Aring; &#197; &#xC5; A ring
å &aring; &#229; &#xE5; a trema
Ā   &#256; &#x100; A macron
ā   &#257; &#x101; a macron
Ă   &#258; &#x102; A breve
ă   &#259; &#x103; a breve
Ą   &#260; &#x104; A diacrítico
ą   &#261; &#x105; a diacrítico
Ǟ   &#478; &#x1DE; A diaeresis e macron
ǟ   &#479; &#x1DF; a diaeresis e macron
Ǻ   &#506; &#x1FA; A agudo e ring
ǻ   &#507; &#x1FB; a agudo e ring
Æ &AElig; &#198; &#xC6; Ligação AE
æ &aelig; &#230; &#xE6; Ligação ae
Ǽ   &#508; &#x1FC; Ligação AE agudo
ǽ   &#509; &#x1FD; Ligação ae agudo
B B &#66; &#x42; B
b b &#98; &#x62; b
  &#7682; &#x1E02; B pontuado
  &#7683; &#x1E03; b pontuado
C C &#67; &#x43; C
c c &#99; &#x63; c
Ć   &#262; &#x106; C agudo
ć   &#263; &#x107; c agudo
Ç &Ccedil; &#199; &#xC7; C cedilha
ç &ccedil; &#231; &#xE7; c cedilha
Č   &#268; &#x10C; C caron
č   &#269; &#x10D; c caron
Ĉ   &#264; &#x108; C circunflexo
ĉ   &#265; &#x109; c circunflexo
Ċ   &#266; &#x10A; C pontuado
ċ   &#267; &#x10B; c pontuado
D D &#68; &#x44; D
d d &#100; &#x64; d
  &#7696; &#x1E10; D cedilha
  &#7697; &#x1E11; d cedilha
Ď   &#270; &#x10E; D caron
ď   &#271; &#x10F; d caron
  &#7690; &#x1E0A; D pontuado
  &#7691; &#x1E0B; d pontuado
Đ   &#272; &#x110; D traçado
đ   &#273; &#x111; d traçado
Ð &ETH; &#208; &#xD0; Eth (Islandês)
ð &eth; &#240; &#xF0; Eth minúsculo
DZ ou Dz   &#497; ou &498; &#x1F1; ou &#x1F2; Ligação DZ
dz   &#499; &#x1F3; Ligação dz
DŽ ou Dž   &#452; ou &#453; &#x1C4; ou &#x1C5; DZ caron
dž   &#454; &#x1C6; dz caron
E E &#69; &#x45; E
e e &#101; &#x65; e
È &Egrave; &#200; &#xC8; E grave
è &egrave; &#232; &#xE8; e grave
É &Eacute; &#201; &#xC9; E agudo
é &eacute; &#233; &#xE9; e agudo
Ě   &#282; &#x11A; E caron
ě   &#283; &#x11B; e caron
Ê &Ecirc; &#202; &#xCA; E circunflexo
ê &ecirc; &#234; &#xEA; e circunflexo
Ë &Euml; &#203; &#xCB; E trema
ë &euml; &#235; &#xEB; e trema
Ē   &#274; &#x112; E macron
ē   &#275; &#x113; e macron
Ĕ   &#276; &#x114; E breve
ĕ   &#277; &#x115; e breve
Ę   &#280; &#x118; E diacrítico
ę   &#281; &#x119; e diacrítico
Ė   &#278; &#x116; E pontuado
ė   &#279; &#x117; e pontuado
Ʒ   &#439; &#x1B7; Ezh
ʒ   &#658; &#x292; Ezh minúsculo
Ǯ   &#494; &#x1EE; Ezh caron
ǯ   &#495; &#x1EF; Ezh minúsculo caron
F F &#70; &#x46; F
f f &#102; &#x66; f
  &#7710; &#x1E1E; F pontuado
  &#7711; &#x1E1F; f pontuado
ƒ   &#402; &#x192; f hook
  &#64256; &#xFB00; Ligação ff
  &#64257; &#xFB01; Ligação fi
  &#64258; &#xFB02; Ligação fl
  &#64259; &#xFB03; Ligação ffi
  &#64260; &#xFB04; Ligação ffl
  &#64261; &#xFB05; Ligação ft
G G &#71; &#x47; G
g g &#103; &#x67; g
Ǵ   &#500; &#x1F4; G agudo
ǵ   &#501; &#x1F5; g agudo
Ģ   &#290; &#x122; G cedilha
ģ   &#291; &#x123; g cedilha
Ǧ   &#486; &#x1E6; G caron
ǧ   &#487; &#x1E7; g caron
Ĝ   &#284; &#x11C; G circunflexo
ĝ   &#285; &#x11D; g circunflexo
Ğ   &#286; &#x11E; G breve
ğ   &#287; &#x11F; g breve
Ġ   &#288; &#x120; G pontuado
ġ   &#289; &#x121; g pontuado
Ǥ   &#484; &#x1E4; G traçado
ǥ   &#485; &#x1E5; g traçado
H H &#72; &#x48; H
h h &#104; &#x68; h
Ĥ   &#292; &#x124; H circunflexo
ĥ   &#293; &#x125; H circunflexo
Ħ   &#294; &#x126; H traçado
ħ   &#295; &#x127; h traçado
I I &#73; &#x49; I
i i &#105; &#x69; i
Ì &Igrave; &#204; &#xCC; I grave
ì &igrave; &#236; &#xEC; i grave
Í &Iacute; &#205; &#xCD; I agudo
í &iacute; &#237; &#xED; i agudo
Î &Icirc; &#206; &#xCE; I circunflexo
î &icirc; &#238; &#xEE; i circunflexo
Ĩ   &#296; &#x128; I til
ĩ   &#297; &#x129; i til
Ï &Iuml; &#207; &#xCF; I trema
ï &iuml; &#239; &#xEF; i trema
Ī   &#298; &#x12A; I macron
ī   &#299; &#x12B; i macron
Ĭ   &#300; &#x12C; I breve
ĭ   &#301; &#x12D; i breve
Į   &#302; &#x12E; I diacrítico
į   &#303; &#x12F; i diacrítico
İ   &#304; &#x130; I pontuado
ı   &#305; &#x131; i não pontuado
IJ   &#306; &#x132; Ligação IJ
ij   &#307; &#x133; Ligação ij
J J &#74; &#x4A; J
j j &#106; &#x6A; j
Ĵ   &#308; &#x134; J circunflexo
ĵ   &#309; &#x135; j circunflexo
K K &#75; &#x4B; K
k k &#107; &#x6B; k
  &#7728; &#x1E30; K agudo
  &#7729; &#x1E31; k agudo
Ķ   &#310; &#x136; K cedilha
ķ   &#311; &#x137; k cedilha
Ǩ   &#488; &#x1E8; K caron
ǩ   &#489; &#x1E9; k caron
ĸ   &#312; &#x138; k maiúscula caixa baixa
L L &#76; &#x4C; L
l l &#108; &#x6C; l
Ĺ   &#313; &#x139; L agudo
ĺ   &#314; &#x13A; l agudo
Ļ   &#315; &#x13B; L cedilha
ļ   &#316; &#x13C; l cedilha
Ľ   &#317; &#x13D; L caron
ľ   &#318; &#x13E; l caron
Ŀ   &#319; &#x13F; L ponto mediano
ŀ   &#320; &#x140; l ponto mediano
Ł   &#321; &#x141; L traçado
ł   &#322; &#x142; l traçado
LJ ou Lj   &#455; ou &#456; &#x1C7; ou &#x1C8; Ligação LJ
lj   &#457; &#x1C9; Ligação lj
M M &#77; &#x4D; M
m m &#109; &#x6D; m
  &#7744; &#x1E40; M pontuado
  &#7745; &#x1E41; m pontuado
N N &#78; &#x4E; N
n n &#110; &#x6E; n
Ń   &#323; &#x143; N agudo
ń   &#324; &#x144; n agudo
Ņ   &#325; &#x145; N cedilha
ņ   &#326; &#x146; n cedilha
Ň   &#327; &#x147; N caron
ň   &#328; &#x148; n caron
Ñ &Ntilde; &#209; &#xD1; N til
ñ &ntilde; &#241; &#xF1; n til
ʼn   &#329; &#x149; n apóstrofo (antes)
Ŋ   &#330; &#x14A; Eng
ŋ   &#331; &#x14B; Eng minúsculo
NJ ou Nj   &#458; ou &#459; &#x1CA; ou &#x1CB; Ligação NJ
nj   &#460; &#x1CC; Ligação nj
O O &#79; &#x4F; O
o o &#111; &#x6F; o
Ò &Ograve; &#210; &#xD2; O grave
ò &ograve; &#242; &#xF2; o grave
Ó &Oacute; &#211; &#xD3; O agudo
ó &oacute; &#243; &#xF3; o agudo
Ô &Ocirc; &#212; &#xD4; O circunflexo
ô &ocirc; &#244; &#xF4; o circunflexo
Õ &Otilde; &#213; &#xD5; O til
õ &otilde; &#245; &#xF5; o til
Ö &Ouml; &#214; &#xD6; O trema
ö &ouml; &#246; &#xF6; o trema
Ō   &#332; &#x14C; O macron
ō   &#333; &#x14D; o macron
Ŏ   &#334; &#x14E; O breve
ŏ   &#335; &#x14F; o breve
Ø &Oslash; &#216; &#xD8; O slash
ø &oslash; &#248; &#xF8; o slash
Ő   &#336; &#x150; O agudo duplo
ő   &#337; &#x151; o agudo duplo
Ǿ   &#510; &#x1FE; O agudo cortado
ǿ   &#511; &#x1FF; o agudo cortado
Œ &OElig; &#338; &#x152; Ligação OE
œ &oelig; &#339; &#x153; Ligação oe
P P &#80; &#x50; P
p p &#112; &#x70; p
  &#7766; &#x1E56; P pontuado
  &#7767; &#x1E57; p pontuado
Q Q &#81; &#x51; Q
q q &#113; &#x71; q
R R &#82; &#x52; R
r r &#114; &#x72; r
Ŕ   &#340; &#x154; R agudo
ŕ   &#341; &#x155; r agudo
Ŗ   &#342; &#x156; R cedilha
ŗ   &#343; &#x157; r cedilha
Ř   &#344; &#x158; R caron
ř   &#345; &#x159; r caron
ɼ   &#636; &#x27C; r perna longa
S S &#83; &#x53; S
s s &#115; &#x73; s
Ś   &#346; &#x15A; S agudo
ś   &#347; &#x15B; s agudo
Ş   &#350; &#x15E; S cedilha
ş   &#351; &#x15F; s cedilha
Š   &#352; &#x160; S caron
š   &#353; &#x161; s caron
Ŝ   &#348; &#x15C; S circunflexo
ŝ   &#349; &#x15D; s circunflexo
  &#7776; &#x1E60; S pontuado
  &#7777; &#x1E61; s pontuado
ſ   &#383; &#x17F; s longo
ß &szlig; &#223; &#xDF; Ligação sz
T T &#84; &#x54; T
t t &#116; &#x74; t
Ţ   &#354; &#x162; T cedilha
ţ   &#355; &#x163; t cedilha
Ť   &#356; &#x164; T caron
ť   &#357; &#x165; t caron
  &#7786; &#x1E6A; T pontuado
  &#7787; &#x1E6B; t pontuado
Ŧ   &#358; &#x166; T traçado
ŧ   &#359; &#x167; t traçado
Þ &THORN; &#222; &#xDE; Thorn
þ &thorn; &#254; &#xFE; Thorn minúsculo
U U &#85; &#x55; U
u u &#117; &#x75; u
Ù &Ugrave; &#217; &#xD9; U grave
ù &ugrave; &#249; &#xF9; u grave
Ú &Uacute; &#218; &#xDA; U agudo
ú &uacute; &#250; &#xFA; u agudo
Û &Ucirc; &#219; &#xDB; U circunflexo
û &ucirc; &#251; &#xFB; u circunflexo
Ũ   &#360; &#x168; U til
ũ   &#361; &#x169; u til
Ü &Uuml; &#220; &#xDC; U trema
ü &uuml; &#252; &#xFC; u trema
Ů   &#366; &#x16E; U ring
ů   &#367; &#x16F; u ring
Ū   &#362; &#x16A; U macron
ū   &#363; &#x16B; u macron
Ŭ   &#364; &#x16C; U breve
ŭ   &#365; &#x16D; u breve
Ų   &#370; &#x172; U diacrítico
ų   &#371; &#x173; u diacrítico
Ű   &#368; &#x170; U agudo duplo
ű   &#369; &#x171; u agudo duplo
V V &#86; &#x56; V
v v &#118; &#x76; v
W W &#87; &#x57; W
w w &#119; &#x77; w

  &#7808; &#x1E80; W grave
  &#7809; &#x1E81; w grave
  &#7810; &#x1E82; W agudo
  &#7811; &#x1E83; w agudo
Ŵ   &#372; &#x174; W circunflexo
ŵ   &#373; &#x175; w circunflexo
  &#7812; &#x1E84; W trema
  &#7813; &#x1E85; w trema
X X &#88; &#x58; X
x x &#120; &#x78; x
Y Y &#89; &#x59; Y
y y &#121; &#x79; y
  &#7922; &#x1EF2; Y grave
  &#7923; &#x1EF3; y grave
Ý &Yacute; &#221; &#xDD; Y agudo
ý &yacute; &#253; &#xFD; y agudo
Ŷ   &#374; &#x176; Y circunflexo
ŷ   &#375; &#x177; y circunflexo
Ÿ &Yuml; &#159; &#x9F; Y trema
ÿ &yuml; &#255; &#xFF; y trema
Z Z &#90; &#x5A; Z
z z &#122; &#x7A; z
Ź   &#377; &#x179; Z agudo
ź   &#378; &#x17A; z agudo
Ž   &#381; &#x17D; Z caron
ž   &#382; &#x17E; z caron
Ż   &#379; &#x17B; Z pontuado
ż   &#380; &#x17C; z pontuado
  &#32;   espaço
!   &#33;   exclamação
"   &#34;   aspas duplas/td>

#   &#35;   numeral
$   &#36; dólar
%   &#37;   porcentagem
&   &#38;   e comercial
'   &#39;   aspas simples
(   &#40;   abre parêntesis
)   &#41;   fecha parêntesis
*   &#42;   asterisco
+   &#43;   positivo
,   &#44;   vírgula
-   &#45;   negativo
.   &#46;   ponto
/   &#47;   barra
0   &#48;   zero
1   &#49;   um
2   &#50;   dois
3   &#51;   três
4   &#52;   quatro
5   &#53;   cinco
6   &#54;   seis
7   &#55;   sete
8   &#56;   oito
9   &#57;   nove
:   &#58;   dois pontos
;   &#59;   ponto e vírgula
< &lt; &#60;   menor que
=   &#61;   igual
÷   &#247;   dividido
> &gt; &#62;   maior que
?   &#63;   interrogação
@   &#64;   arroba
[   &#91;   abre colchete
\   &#92;   barra invertida
]   &#93;   fecha colchete
_   &#95;   underline
`   &#96;   acento grave
{   &#123;   abre chave
|   &#124;   barra vertical
}   &#125;   fecha chave
~   &#126;   equivalência
¡   &#161;   exclamação invertida
¢   &#162;   cents
£   &#163;   pound
¥   &#165;   yen
¦   &#166;   barra vertical quebrada
§   &#167;   seção
©   &#169;   copyright
ª   &#170;   ordinal feminino
®   &#174;   registrado
±   &#177;   mais ou menos
°   &#176;   graus
´   &#180;   acento agudo
¼   &#188;   um quarto
½   &#189;   meio
¾   &#190;   três quartos
¿   &#191;   interrogação invertida
&bull; &#8226;   bullet
  &#8364;   euro
  &#8482;   trade mark
Author

Fundador do Tutoriart em 2010, é ex-instrutor de Photoshop, design web e gráfico. Em quase uma década de redação online, tem cerca de 1500 artigos publicados. Gerencia também o Memória BIT.

Write A Comment

Pin