HTML - Símbolos

Entidade Nomeada

Uma entidade nomeada tem um nome. Por exemplo, a entidade nomeada para o símbolo de copyright (©) é ©.

Elas são sensíveis a maiúsculas e minúsculas e terminam com um 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 copyright (©) é ©

• 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 copyright (©) é ©

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 dos atributos.

Símbolos de Moeda

• 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 Esquerda ("), Aspas Duplas Direita ("), Aspas Simples Esquerda ('), e Aspas Simples Direita ('') são:
  • Aspas Duplas Esquerda ("): “
  • Aspas Duplas Direita ("): ”
  • Aspas Simples Esquerda ('): ‘
  • Aspas Simples Direita ('): ’

Símbolos Matemáticos

• Mais e Menos: As entidades HTML para os símbolos de Mais (+) e Menos (-) são:

  • Mais (+): +
  • Menos (−): -

• Multiplicação e Divisão

  • Multiplicação (×): ×
  • Divisão (÷): ÷

Fração

As seguintes frações têm códigos específicos:

¼

<&frac12>;

<&frac34>;

Símbolo de Seta

As seguintes direções de seta têm códigos específicos:

Setas para Cima, Baixo, Esquerda, Direita

<&uarr>;

<&darr>;

<larr>;

<rarr>;

Setas Duplas

⇐

&amp:uArr;

&amp:rArr;

Inserindo símbolos diretamente

Você pode inserir alguns símbolos diretamente em 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.

<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 entidades numéricas.

<p>Este é o símbolo de copyright: &copy;</p>
<p>Este é o símbolo do euro: &euro;</p>
<p>Este é o símbolo de marca registrada: &#174;</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 bagunçar 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.