As entidades de caracteres HTML são códigos utilizados para representar caracteres especiais em páginas web. Esses códigos são essenciais para exibir símbolos que poderiam ser interpretados pelo navegador como parte do código HTML ou que não estão disponíveis no teclado.
Conteudo
Estrutura de uma Entidade HTML
Uma entidade de caractere HTML é composta por:
- Código Simbólico: Nome descritivo do caractere, iniciado por
&e terminado com;.
Exemplo:&para o caractere&(ampersand). - Código Numérico: Representação do caractere com base no código Unicode ou ASCII, iniciado por
&#(decimal) ou&#x(hexadecimal).
Exemplo:&ou&representam&.
O navegador interpreta esses códigos e exibe o caractere correspondente na página web.
Tabela de Entidades HTML Mais Usadas
1. Símbolos Comuns
| Caractere | Código Simbólico | Código Numérico | Descrição |
|---|---|---|---|
& | & | & | E comercial (ampersand). |
< | < | < | Menor que. |
> | > | > | Maior que. |
" | " | " | Aspas duplas. |
' | ' | ' | Aspas simples. |
2. Símbolos Monetários
| Caractere | Código Simbólico | Código Numérico | Descrição |
|---|---|---|---|
$ | N/A | $ | Símbolo do dólar. |
€ | € | € | Símbolo do euro. |
£ | £ | £ | Símbolo da libra esterlina. |
¥ | ¥ | ¥ | Símbolo do iene. |
¢ | ¢ | ¢ | Símbolo do centavo. |
3. Símbolos Matemáticos
| Caractere | Código Simbólico | Código Numérico | Descrição |
|---|---|---|---|
+ | N/A | + | Sinal de adição. |
- | N/A | - | Sinal de subtração. |
× | × | × | Sinal de multiplicação. |
÷ | ÷ | ÷ | Sinal de divisão. |
≈ | ≈ | ≈ | Aproximadamente igual. |
≠ | ≠ | ≠ | Diferente. |
≤ | ≤ | ≤ | Menor ou igual. |
≥ | ≥ | ≥ | Maior ou igual. |
4. Pontuação e Outros Símbolos
| Caractere | Código Simbólico | Código Numérico | Descrição |
|---|---|---|---|
© | © | © | Símbolo de copyright. |
® | ® | ® | Símbolo de marca registrada. |
™ | ™ | ™ | Símbolo de marca comercial. |
° | ° | ° | Símbolo de graus. |
• | • | • | Ponto ou marcador. |
— | — | — | Travessão longo. |
– | – | – | Travessão curto. |
5. Setas
| Caractere | Código Simbólico | Código Numérico | Descrição |
|---|---|---|---|
← | ← | ← | Seta para a esquerda. |
→ | → | → | Seta para a direita. |
↑ | ↑ | ↑ | Seta para cima. |
↓ | ↓ | ↓ | Seta para baixo. |
6. Espaços e Quebras
| Caractere | Código Simbólico | Código Numérico | Descrição |
|---|---|---|---|
| (espaço não quebrável) | |   | Espaço não quebrável. |
| (espaço médio) |   |   | Espaço médio. |
| (espaço largo) |   |   | Espaço largo. |
| (espaço fino) |   |   | Espaço fino. |
Quando Usar Entidades HTML
- Evitar Conflitos no Código HTML: Caracteres como
<,>, e&têm funções específicas no HTML. Usar entidades garante que eles sejam exibidos corretamente como texto. - Compatibilidade: Para exibir caracteres não disponíveis no teclado ou caracteres especiais em sistemas de escrita distintos.
- Acessibilidade: Garante que navegadores e leitores de tela processem o conteúdo adequadamente.
Como Usar Entidades HTML
As entidades HTML podem ser usadas em qualquer lugar onde texto é exibido dentro de elementos HTML. Abaixo está um exemplo prático:
Exemplo 1: Exibir Texto com Caracteres Especiais
<p>5 < 10 significa que 5 é menor que 10.</p>
Resultado:
5 < 10 significa que 5 é menor que 10.
Exemplo 2: Utilizando Símbolos Monetários
<p>O preço do produto é de €50.</p>
Resultado:
O preço do produto é de €50.
Exemplo 3: Espaços Não Quebráveis
<p>Este é um exemplo com espaços fixos.</p>
Resultado:
Este é um exemplo com espaços fixos.
Com este guia, você pode usar entidades HTML para garantir que todos os caracteres especiais sejam exibidos corretamente em suas páginas web.
