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 &gt; e &lt;, 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 ('): ’

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ções

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

Exemplo: Um Quarto (¼)

&frac14;

Exemplo: Um Meio (½)

&lt;&frac12&gt;;

Exemplo: Três Quartos (¾)

&lt;&frac34&gt;;

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 (↑)

&lt;&uarr&gt;;

Exemplo: Seta para Baixo (↓)

&lt;&darr&gt;;

Exemplo: Seta para Esquerda (←)

&lt;larr&gt;;

Exemplo: Seta para Direita (→)

&lt;rarr&gt;;

Setas Duplas

Exemplo: Seta dupla para esquerda (⇐)

&amp;lArr;

Exemplo: Seta dupla para cima (⇑)

&amp:uArr;

Exemplo: Seta dupla para direita (⇒)

&amp: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: &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 < (&lt;), > (&gt;) e & (&amp;). 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.

Suporte dos Navegadores

A maioria dos navegadores modernos suporta símbolos e entidades HTML. Navegadores comumente usados, incluindo Google Chrome, Mozilla Firefox, Apple Safari, Microsoft Edge e Internet Explorer, podem exibir a maioria dos símbolos sem problemas.

Existem algumas inconsistências conhecidas com certos símbolos em navegadores específicos:

  • Versões antigas de navegadores: Versões mais antigas, especialmente o Internet Explorer (antes da versão 9), podem não exibir todos os símbolos corretamente. Se seu site precisa suportar navegadores antigos, teste suas páginas e considere fornecer conteúdo alternativo, se necessário.

  • Suporte a fontes: Alguns símbolos podem não ser exibidos corretamente se o dispositivo do usuário não tiver uma fonte que inclua esse caractere. Isso é mais provável com símbolos menos comuns. Para minimizar esse problema, você pode usar fontes seguras para web ou fornecer fontes alternativas.

  • Problemas de codificação: Se seu documento HTML não especificar a codificação de caracteres correta (como UTF-8), alguns símbolos podem não ser exibidos corretamente. Sempre defina a codificação de caracteres apropriada na seção head do seu HTML assim:

Exemplo: Codificação de Caracteres

<meta charset="UTF-8">
  • Inconsistências nos nomes das entidades: Alguns navegadores podem reconhecer nomes de entidades em minúsculas (como &copy;), enquanto outros podem exigir maiúsculas (&COPY;). Para evitar esse problema, use sempre nomes de entidades em minúsculas, pois são mais amplamente suportados.

Para proporcionar uma boa experiência aos usuários, teste suas páginas web que contêm símbolos em vários navegadores e dispositivos. Isso ajudará você a identificar e resolver quaisquer problemas e inconsistências específicas de navegadores.

Se você estiver usando símbolos menos comuns ou se o suporte do navegador for uma preocupação para seu site, considere fornecer texto alternativo ou imagens para transmitir o mesmo significado. Isso ajudará a garantir que todos os usuários possam acessar seu conteúdo, independentemente do navegador ou dispositivo.