HTML - CORS na Web
Entidade HTML
Uma entidade HTML é um trecho de texto ("string") que começa com um e comercial (&) e termina com ponto e vírgula (;). As entidades são usadas para exibir caracteres reservados (que de outra forma seriam lidos como código HTML) e caracteres invisíveis (como espaços sem quebra). Você também pode usá-las no lugar de outros caracteres que são difíceis de digitar com um teclado padrão.
Existem dois tipos principais de entidades HTML:
Entidade Nomeada
Uma entidade nomeada tem um nome. Por exemplo, a entidade nomeada para o símbolo de direitos autorais (©) é
Exemplo de Entidade Nomeada
©
Elas são sensíveis a maiúsculas e minúsculas e terminam com ponto e vírgula.
Entidade Numérica
As entidades numéricas podem ser representadas por um valor numérico. Existem dois tipos:
- Decimal: As entidades numéricas decimais são escritas como
&#N;
, onde N é o número decimal ISO 10646. Por exemplo, a entidade numérica para o símbolo de direitos autorais (©) é
Exemplo de Entidade Numérica Decimal
©
- Hexadecimal: As entidades numéricas hexadecimais são escritas como
&#xN;
, onde N é o número hexadecimal ISO 10646. Por exemplo, a entidade numérica para o símbolo de direitos autorais (©) é
Exemplo de Entidade Numérica Hexadecimal
©
Usar entidades HTML é simples - você só precisa saber o nome ou número da entidade para o caractere que deseja exibir. As entidades podem ser usadas no texto do seu documento HTML, bem como dentro dos valores de atributos.
Símbolos HTML Comuns
O HTML oferece muitos símbolos que você pode usar em páginas da web. Aqui estão alguns símbolos comuns e suas entidades HTML correspondentes:
Símbolos de Moedas
- Euro: A entidade HTML para o símbolo do Euro (€) é
€
. - Libra: A entidade HTML para o símbolo da Libra (£) é
£
. - Iene: A entidade HTML para o símbolo do Iene (¥) é
¥
. - Centavo: A entidade HTML para o símbolo do Centavo (¢) é
¢
.
Símbolos de Direitos Autorais e Marca Registrada
- Direitos Autorais: A entidade HTML para o símbolo de Direitos Autorais (©) é
©
. - Marca Registrada: A entidade HTML para o símbolo de Marca Registrada (®) é
®
. - Marca Comercial: A entidade HTML para o símbolo de Marca Comercial (™) é
™
.
Símbolos de Pontuação
- E comercial: A entidade HTML para o símbolo de E comercial (&) é
&
. - Maior que e Menor que: As entidades HTML para os símbolos Maior que (>) e Menor que (<) são
>
e<
, respectivamente. - Aspas: As entidades HTML para Aspas Duplas Esquerdas ("), Aspas Duplas Direitas ("), Aspas Simples Esquerdas ('), e Aspas Simples Direitas ('') são:
- Aspas Duplas Esquerdas (
"
): “ - Aspas Duplas Direitas (
"
): ” - Aspas Simples Esquerdas (
'
): ‘ - Aspas Simples Direitas (
'
): ’
- Aspas Duplas Esquerdas (
Símbolos Matemáticos
-
Mais e Menos: As entidades HTML para os símbolos de Mais (+) e Menos (-) são:
- Mais (
+
): + - Menos (
−
): -
- Mais (
-
Multiplicação e Divisão
- Multiplicação (
×
): × - Divisão (
÷
): ÷
- Multiplicação (
Frações
As seguintes frações têm códigos específicos:
Exemplo: Um Quarto (¼)
¼
Exemplo: Um Meio (½)
<½>;
Exemplo: Três Quartos (¾)
<¾>;
Símbolos de Setas
As seguintes direções de setas têm códigos específicos:
Setas para Cima, Baixo, Esquerda, Direita
Exemplo: Seta para Cima (↑)
<&uarr>;
Exemplo: Seta para Baixo (↓)
<&darr>;
Exemplo: Seta para Esquerda (←)
<larr>;
Exemplo: Seta para Direita (→)
<rarr>;
Setas Duplas
Exemplo: Seta dupla para esquerda (⇐)
&lArr;
Exemplo: Seta dupla para cima (⇑)
&:uArr;
Exemplo: Seta dupla para direita (⇒)
&:rArr;
Usando Símbolos HTML
Existem duas maneiras principais de inserir símbolos em seu código HTML:
Inserindo símbolos diretamente
Você pode inserir alguns símbolos diretamente no seu código HTML usando seu teclado. Você pode usar o cifrão ($), o sinal de mais (+) ou o sinal de igual (=) diretamente no seu código.
Exemplo: Inserindo símbolos diretamente
<p>O preço é $99.</p>
<p>2 + 2 = 4</p>
Usando entidades HTML
Para símbolos que não estão disponíveis no seu teclado ou que têm significado especial em HTML (como < ou >), você precisa usar entidades HTML. Você pode usar entidades nomeadas ou numéricas.
Exemplo: Usando entidades HTML
<p>Este é o símbolo de copyright: ©</p>
<p>Este é o símbolo do euro: €</p>
<p>Este é o símbolo de marca registrada: ®</p>
Ao usar símbolos em suas páginas web, considere estas melhores práticas:
- Use entidades para caracteres reservados: Sempre use entidades HTML para caracteres reservados em HTML, como < (
<
), > (>
) e & (&
). Usar os caracteres reais pode atrapalhar seu código HTML. - Seja consistente: Escolha um método (entidades nomeadas ou numéricas) e mantenha-o em todo o seu site para consistência e legibilidade.
- Teste sua página: Sempre teste sua página web em vários navegadores para garantir que os símbolos apareçam corretamente.
- Considere a acessibilidade: Alguns leitores de tela podem não ler todos os símbolos corretamente. Forneça texto alternativo quando necessário para garantir que todos os usuários possam acessar o conteúdo.
Lembre-se, embora os símbolos possam adicionar interesse visual e significado às suas páginas web, eles devem ser usados com moderação e propósito para melhorar a experiência do usuário.