Símbolos HTML

A sessão de Entidades mostrou porque <, > e & precisam de codificação. O mesmo sistema de entidades também desbloqueia muitos símbolos — marcas de copyright, sinais de moeda, marcas registadas e setas simples — sem procurar layouts de teclado especiais. Esta sessão foca-se nos símbolos práticos que verá em rodapés, preços e nomes de produto. Em sites reais, estes glifos aparecem dezenas de vezes: ano de copyright no rodapé, preço em euros na ficha, ™ depois do nome da marca. Se a equipa editar HTML em editores básicos, pastas partilhadas ou ferramentas que “comem” Unicode, as entidades nomeadas mantêm o ficheiro fiável. Pense nestes códigos como a continuação natural de < e &: a sintaxe é a mesma (&…;), só muda o propósito — agora quer mostrar um sinal legal ou monetário, não escapar um carácter de markup. Depois desta lição, deve conseguir escrever uma linha de rodapé e uma linha de preço só com entidades nomeadas comuns, e saber quando uma referência numérica é o plano B.

O que conta como entidade de símbolo aqui?

Uma entidade de símbolo continua a ser uma entidade HTML: normalmente começa com & e termina com ;, e o navegador renderiza um símbolo visível. Alguns nomes são fáceis de lembrar (©, €). Outros escrevem-se como referências numéricas de carácter, por exemplo →. Ambas as abordagens inserem caracteres; as formas nomeadas são mais amigáveis quando existe um nome standard. A diferença prática é legibilidade na fonte: ™ diz “marca” de imediato; ™ faz o mesmo trabalho mas obriga a consultar uma tabela. Para o curso, memorize primeiro o conjunto curto de marcas legais e de moeda; trate os números longos como ferramenta de reserva. Lembre-se também que o ponto e vírgula fecha a entidade — sem ele, o analisador pode engolir letras seguintes ou mostrar um resultado estranho. Uma entidade de símbolo não é CSS, não é uma imagem e não substitui tipografia real: é só uma forma segura de pedir ao browser um glifo concreto.

Resposta direta

Insira símbolos com entidades. Começos comuns: © para ©, ® para ®, ™ para ™, € para €, £ para £ e ¥ para ¥. Quando precisa de um carácter sem nome memorável, uma referência numérica pode funcionar. Prefira entidades nomeadas pela portabilidade e legibilidade em editores de texto simples, e termine sempre a entidade com ;. Se só lembrar uma frase desta sessão, lembre esta: símbolo no ecrã, código na fonte — e o código mais claro ganha quando há um nome standard. Em documentação e tutoriais, © 2026 sobrevive melhor a cópias entre sistemas do que um © colado que um editor antigo transforma em ?. Em lojas e landing pages, a mesma disciplina evita preços “quebrados” quando alguém grava o ficheiro no encoding errado. Domine o conjunto curto; depois decida caso a caso se um glifo decorativo precisa de entidade ou de Unicode direto em UTF-8.

Símbolos úteis num relance

Marcas legais e de marca no texto

Rodapés e linhas de produto muitas vezes precisam de copyright ou marca comercial. As entidades mantêm esses caracteres fiáveis mesmo quando um colega edita o ficheiro num editor básico. Em equipas pequenas, alguém pode abrir o HTML no Bloco de Notas, noutro SO, ou colar de um email — e um © “bonito” na sua máquina vira lixo na de outro. ©, ® e ™ são o trio clássico: ano e direitos no rodapé, marca registada em notas legais, ™ junto ao nome do produto. Não precisa de imagens PNG só para estes glifos; o texto com entidade escala com o tamanho da fonte e copia-se como texto. Quando escrever a linha, trate cada entidade como unidade completa: ampersand, nome, ponto e vírgula. Misturar um © colado com ™ na mesma frase funciona em UTF-8, mas a equipa fica mais consistente se escolher um estilo e o mantiver no projeto.

Ler o exemplo

• 10€ mostra um valor em euros sem colar um carácter especial de teclado
• BrandX™ adiciona a marca comercial depois do nome
• © 2026 é um padrão clássico de rodapé
• Cada entidade termina com ; — omiti-lo pode partir a renderização
  Este padrão escala: pode juntar preço, marca e copyright na mesma frase sem imagens. O erro comum é esquecer o ; só numa das entidades e ver letras “comidas” a seguir. Compare sempre o código-fonte com o texto renderizado — a diferença entre € na fonte e € no ecrã é exatamente o que a entidade faz. Guarde esse contraste mental: fonte = código; ecrã = glifo. Quando o aluno vê isso uma vez, a regra deixa de ser mágica e passa a ser mecânica. Se a linha for para uma loja real, confirme também que a moeda certa está na entidade certa — € e £ não são intercambiáveis só porque “parecem dinheiro”.

Entidades nomeadas vs referências numéricas

As entidades nomeadas usam palavras: ©. As referências numéricas de carácter usam um número: © é outra forma de obter a marca de copyright, e → pode produzir uma seta para a direita. Não precisa de memorizar tabelas longas de códigos para este curso. Aprenda as formas nomeadas das marcas legais e de moeda do dia a dia, e trate as formas numéricas como reserva quando não há um nome claro. A forma decimal © e a hexadecimal © apontam para o mesmo ponto de código Unicode; o curso usa sobretudo a decimal porque aparece com frequência em exemplos antigos. Para setas e símbolos menos comuns, a referência numérica (ou um carácter UTF-8 colado) é aceitável — desde que o ficheiro e o servidor estejam alinhados em encoding. O hábito saudável: primeiro procurar um nome curto; se não existir, usar numérico ou Unicode direto com consciência.

UTF-8 e símbolos colados

Se o ficheiro estiver guardado como UTF-8, muitas vezes pode colar © ou € diretamente. Isso é válido. As entidades continuam úteis quando quer que a fonte fique em texto próximo de ASCII, ou quando um editor já lhe “mordeu” caracteres especiais antes. Escolha a abordagem que mantém os ficheiros da equipa fiáveis. Em projetos modernos com charset=utf-8 bem declarado, colar glifos é comum e legível. Em pipelines antigos, exports CSV, ou ferramentas que normalizam mal o Unicode, © e € sobrevivem melhor. Não misture estilos à sorte na mesma pasta sem acordo: um ficheiro com © colado e outro com © confunde revisões de diff. A sessão Charset (mais à frente no curso) aprofunda encoding; aqui o ponto prático é simples — entidades e UTF-8 não são inimigos; são duas formas de chegar ao mesmo glifo, com trade-offs diferentes de portabilidade.

Pratique no seu editor

1. Escreva uma linha de rodapé com © e o ano atual.
2. Adicione um preço que use € ou £.
3. Adicione um nome de produto seguido de ™.
4. Opcional: adicione uma dica curta de “seguinte” com → ou →.
5. Abra a página e confirme que os símbolos renderizam.
6. Parta uma entidade removendo o ;, recarregue, depois corrija.
   Estes passos fecham o ciclo: escrever, renderizar, e provocar um erro de propósito. O passo 6 grava a regra do ponto e vírgula melhor do que só a ler. Se trabalhar num mini-projeto de loja, repita o padrão em três sítios: rodapé legal, cartão de preço, e nome de produto com ™. Anote mentalmente cada contraste fonte/ecrã até o reflexo ficar automático. Quando a seta opcional parecer “bonita” demais como layout, lembre-se: CSS posiciona; a entidade só pede um glifo.

Erros a evitar

• Esquecer o ; final numa entidade de símbolo
• Trocar entidades de moeda (€ vs £) numa linha de preço real
• Usar entidades de seta como sistema completo de layout da página em vez de CSS
• Assumir que todo o símbolo “bonito” tem uma entidade nomeada curta — alguns precisam de referência numérica ou de um carácter UTF-8 colado
• Codificar letras ordinárias que nunca precisaram de entidades
  Outros deslizes: copiar de um PDF que já substituiu entidades por glifos e depois reabrir num editor que corrompe Unicode; usar ® e ™ sem saber a diferença legal (o HTML mostra o glifo; a regra de marca é outro assunto); e espalhar setas → por toda a navegação quando um botão ou link CSS seria mais claro. Em tipografia, menos símbolos decorativos costumam ler melhor. Reserve entidades de símbolo para marcas e sinais genuínos — copyright, moeda, ™ — e deixe o layout para CSS.

Resumo

• Muitos símbolos da página vêm de entidades HTML
• Comece com ©, ®, ™ e entidades de moeda como €
• Entidades nomeadas são mais fáceis de lembrar do que códigos numéricos longos quando existem
• Referências numéricas são reserva para caracteres menos comuns
• Termine sempre as entidades com ;
• Prefira texto claro e CSS para layout; use entidades de símbolo para marcas e sinais genuínos
  Guarde estas seis linhas como cartão mental. Na próxima sessão de emoji e charset, o mesmo hábito “código na fonte / glifo no ecrã” volta a aparecer — mas o núcleo das marcas legais e de moeda já deve estar sólido. Se conseguir explicar a um colega porque © 2026 e 10€ são escolhas fiáveis em editores simples, já dominou o essencial desta lição. Pratique até o trio copyright / moeda / trade ser automático.