Código HTML para símbolos comuns

click fraud protection

HTML usa códigos especiais para oferecer suporte a conteúdo de símbolos comuns não encontrados em teclados, bem como em situações em que o próprio símbolo serve a um propósito duplo em HTML como um caractere de controle e uma exibição personagem.

Para adicionar uma letra, número ou símbolo especial ao texto exibido de uma página da web, use o número HTML ou o nome HTML do símbolo.

Por exemplo, uma maneira de exibir o texto ¡Buenos días! usar códigos HTML é:

¡Buenos días 

Esta abordagem não é facilmente analisada por olhos humanos no documento-fonte HTML, mas você tem a garantia de que o resultado será renderizado corretamente na página, ao passo que apenas colar o texto já formatado pode não ser.

Observe que esses códigos começam com um "e" comercial? Em HTML estritamente compatível, em vez de escrever algo como Jane gosta de bed & breakfast em vez disso você escreveria:

Jane gosta de bed & breakfast

ou.

Jane gosta de bed & breakfast

Essa prática evita confusão relacionada ao uso de um "e" comercial bruto no documento HTML.

instagram viewer

Nas tabelas a seguir, você verá que cada entrada apresenta um número HTML e um subconjunto apresenta um nome HTML. Tanto o nome quanto o número funcionam. Alguns símbolos comumente usados ​​usam um nome mais fácil de lembrar para facilitar o desenvolvimento de HTML - lembrando & é mais fácil para a maioria dos desenvolvedores da web do que lembrar &.

Códigos HTML para símbolos e pontuação

Os códigos HTML mais comumente usados ​​estão relacionados a símbolos e pontuação:

Símbolo Número HTML Nome HTML Nome comum
espaço
! ! ponto de exclamação
" " " aspas duplas
# # sinal de número
$ $ cifrão
% % sinal de porcentagem
& & & e comercial
' ' citação única
( ( abrindo parênteses
) ) fechando parênteses
* * asterisco
+ + sinal de mais
, , vírgula
- - sinal de menos - hífen
. . período
/ / golpear
: : cólon
; ; ponto e vírgula
< < < menos que sinal
= = sinal de igual
> > > maior do que o sinal
? ? ponto de interrogação
@ @ no símbolo
[ [ colchete de abertura
\ \ barra invertida
] ] colchete de fechamento
^ ^ acento circunflexo
_ _ sublinhado
` ` acento grave
{ { chave de abertura
| | Barra vertical
} } chave de fechamento
~ ~ sinal de equivalência - til
Espaço inquebrável
¡ ¡ ¡ ponto de exclamação invertido
¢ ¢ ¢ cêntimo
£ £ £ sinal de libra
¤ ¤ ¤ sinal de moeda
¥ ¥ ¥ sinal de iene
¦ ¦ ¦ barra vertical quebrada
§ § § sinal de seção
¨ ¨ ¨ espaçamento diérese - trema
© © © sinal de direitos autorais
ª ª ª indicador feminino ordinal
« « « aspas angulares à esquerda
¬ ¬ ¬ não assinar
­ ­ ­ hífen suave
® ® ® sinal de marca registrada
¯ ¯ ¯ espaçamento mácron - overline
° ° ° sinal de grau
± ± ± sinal de mais ou menos
² ² ² sobrescrito dois - quadrado
³ ³ ³ sobrescrito três - ao cubo
´ ´ ´ acento agudo - espaçamento agudo
µ µ µ micro sinal
sinal de pilcrow - sinal de parágrafo
· · · ponto do meio - vírgula georgiana
¸ ¸ ¸ espaçamento de cedilha
¹ ¹ ¹ sobrescrito um
º º º indicador ordinal masculino
» » » aspas angulares duplas retas
¼ ¼ ¼ fração um quarto
½ ½ ½ fração da metade
¾ ¾ ¾ fração de três quartos
¿ ¿ ¿ ponto de interrogação invertido
× × × sinal de multiplicação
÷ ÷ ÷ sinal de divisão

Códigos HTML para numerais

HTML suporta códigos para a maioria dos símbolos latinos comuns, incluindo figuras e letras. Você usaria um código HTML para um numeral ao exibir o número como número na página e não como parte de uma fórmula.

Símbolo Número HTML Nome HTML Nome comum
0 0 zero
1 1 1
2 2 dois
3 3 três
4 4 quatro
5 5 cinco
6 6 seis
7 7 Sete
8 8 oito
9 9 nove

Códigos HTML para cartas sem acento

As letras maiúsculas e minúsculas padrão também são mapeadas para números HTML e você as utilizaria em circunstâncias semelhantes às dos numerais.

Carta Número HTML
UMA UMA
B B
C C
D D
E E
F F
G G
H H
eu eu
J J
K K
eu eu
M M
N N
O O
P P
Q Q
R R
S S
T T
você você
V V
C C
X X
Y Y
Z Z
uma uma
b b
c c
d d
e e
f f
g g
h h
eu eu
j j
k k
eu eu
m m
n n
o o
p p
q q
r r
s s
t t
você você
v v
C C
x x
y y
z z

Códigos HTML para letras acentuadas

Os códigos para letras acentuadas são mais úteis porque não há garantia de que a incorporação do símbolo real em uma página será exibido corretamente. Porque o código-fonte HTML é analisado por um navegador antes de ser exibido e porque os visualizadores individuais da página da web podem usar diferentes fontes e esquemas de codificação dependendo do idioma padrão de seu navegador, a melhor maneira de garantir a reprodução precisa dessas letras acentuadas é confiar no número HTML ou no HTML nome.

Símbolo Número HTML Nome HTML Nome comum
À À À letra latina maiúscula A com grave
Á Á Á letra latina maiúscula A com aguda
   letra latina maiúscula A com circunflexo
à à à letra latina maiúscula A com til
Ä Ä Ä letra latina maiúscula A com diérese
Å Å Å letra latina maiúscula A com anel acima
Æ Æ Æ AE latina maiúscula
Ç Ç Ç letra latina maiúscula C com cedilha
È È È letra latina maiúscula E com grave
É É É letra latina maiúscula E com aguda
Ê Ê Ê letra latina maiúscula E com circunflexo
Ë Ë Ë letra latina maiúscula E com diérese
Ì Ì Ì latina maiúscula I com grave
Í Í Í letra latina maiúscula I com aguda
Î Î Î letra latina maiúscula I com circunflexo
Ï Ï Ï letra latina maiúscula I com diérese
Ð Ð Ð letra latina maiúscula ETH
Ñ Ñ Ñ letra latina maiúscula N com til
Ò Ò Ò letra latina maiúscula O com grave
Ó Ó Ó letra latina maiúscula O com agudo
Ô Ô Ô letra latina maiúscula O com circunflexo
Õ Õ Õ letra latina maiúscula O com til
Ö Ö Ö letra latina maiúscula O com diérese
Ø Ø Ø letra latina maiúscula O com barra
Ù Ù Ù letra latina U maiúscula com grave
Ú Ú Ú letra latina maiúscula U com aguda
Û Û Û letra latina maiúscula U com circunflexo
Ü Ü Ü letra latina maiúscula U com diérese
Ý Ý Ý letra latina maiúscula Y com aguda
Þ Þ Þ letra latina maiúscula THORN
ß ß ß letra latina minúscula sustenido s - ess-zed
à à à letra latina minúscula a com grave
á á á letra latina minúscula a com agudo
â â â latina minúscula a com circunflexo
ã ã ã letra latina minúscula a com til
ä ä ä letra latina minúscula a com diérese
å å å letra latina minúscula a com anel acima
æ æ æ letra latina minúscula ae
ç ç ç latina minúscula c com cedilha
è è è letra latina minúscula e com grave
é é é letra latina minúscula e com agudo
ê ê ê latina minúscula e com circunflexo
ë ë ë letra latina minúscula e com diérese
ì ì ì letra latina minúscula i com grave
í í í letra latina minúscula i com agudo
î î î latina minúscula i com circunflexo
ï ï ï letra latina i minúscula com diérese
ð ð ð Eth em letra minúscula latina
ñ ñ ñ latina minúscula n com til
ò ò ò letra latina minúscula o com grave
ó ó ó letra latina minúscula o com agudo
ô ô ô letra latina minúscula o com circunflexo
õ õ õ letra latina minúscula o com til
ö ö ö letra latina minúscula o com diérese
ø ø ø letra latina minúscula o com barra
ù ù ù letra latina u minúscula com grave
ú ú ú letra latina u com agudo
û û û letra latina u minúscula com circunflexo
ü ü ü letra latina u minúscula com diérese
ý ý ý letra latina minúscula y com agudo
þ þ þ espinho latino minúsculo
ÿ ÿ ÿ letra latina y minúscula com diérese
Œ Œ letra latina maiúscula OE
œ œ letra latina minúscula oe
Š Š letra latina maiúscula S com caron
š š letra latina minúscula com caron
Ÿ Ÿ letra latina maiúscula Y com diérese
ƒ ƒ latim f minúsculo com função de gancho
instagram story viewer