Alguns símbolos são difíceis de digitar e outros são, tecnicamente, proibidos. Descubra qual é qual e como dominar os caracteres em HTML.
Pode haver momentos em que você precise usar um caractere especial em seu site, como o símbolo de e comercial. No entanto, você não pode simplesmente digitar "&" em seu código HTML, pois este é um símbolo HTML reservado.
Em vez disso, você pode usar entidades HTML ou códigos especiais para representar esses caracteres. Isso permite que você adicione símbolos à sua página da Web sem interferir no código HTML real.
O que são símbolos em HTML?
Quando construindo um site HTML, você usará uma variedade de símbolos para pontuação. Embora você possa adicionar a maioria dos caracteres diretamente à sua página, alguns têm um significado especial ou são difíceis de digitar. Por exemplo, HTML usa símbolos como colchetes angulares (< e >), e comercial (&) e aspas (" e ') para representar a estrutura do seu conteúdo.
Um navegador da Web normalmente interpretará o símbolo do colchete angular como uma tag de abertura ou fechamento. Se não for isso que você pretende, pode causar erros em sua página da web. Exemplos de símbolos que requerem um código de entidade incluem:
- E comercial (
&) - Menor que (
<) - Maior que (
>) - Citação dupla (
") - Citação única (
')
Outros símbolos como o símbolos de direitos autorais e marcas registradas não exigem um código de entidade, mas você ainda pode usar um se preferir. Eles podem ser difíceis de digitar ou até mesmo não suportados em seu editor de texto. Alguns exemplos incluem:
- Símbolo de direitos autorais (©)
- Símbolo de marca registrada (™)
- Símbolo de marca registrada (®)
O que são entidades nomeadas e numéricas?
Você pode representar cada símbolo usando um código de entidade numérica, e o mais comum com uma entidade nomeada também. aqui estão alguns exemplos:
Símbolo |
Código da Entidade Nomeada |
Código Numérico da Entidade |
E comercial |
& |
& |
Menor que |
< |
< |
Maior que |
> |
> |
Citação dupla |
" |
" |
Citação única |
' |
' |
direito autoral |
© |
© |
Símbolo de marca registrada |
™ |
™ |
Símbolo de marca registrada |
® |
® |
Usar o código nomeado ou numérico exibirá o símbolo correspondente. Por exemplo, usar "©" ou "©" exibirá o símbolo de direitos autorais.
Adicionando Emojis à sua página da Web
Você também pode exibir emojis usando um código de entidade. Todos os emojis possuem um código de entidade numérica em HTML, mas nem todos possuem um código de entidade nomeado. Alguns exemplos incluem:
Símbolo |
Código Numérico da Entidade |
Rosto Sorridente (😃) |
😃 |
Cara de riso (😆) |
😆 |
Rosto Sorridente com Halo (😇) |
😇 |
Como inserir símbolos em uma página da Web usando códigos de entidade
Você pode inserir códigos de entidade no conteúdo da página HTML. Visualizar sua página da Web em um navegador converterá os códigos em seus símbolos correspondentes.
- Em um novo arquivo HTML, adicione a estrutura básica para uma página da Web HTML:
html>
<html>
<cabeça>
<título>Exemplo de Símbolo e Entidadetítulo>
<metaconjunto de caracteres="UTF-8">
cabeça>
<corpo>
corpo>
html> - Dentro da tag body, adicione algum conteúdo HTML. Inclua o código de entidade nomeado ou numérico para o símbolo que deseja exibir:
<h1>Símbolos HTMLh1>
<p>Símbolo de direitos autorais: ©p>
<p>Símbolo de E comercial: &p>
<p>Símbolo da marca registrada: ™p>
<p>Rosto sorridente: 😃p> - Abra seu arquivo HTML em um navegador da Web para visualizar os símbolos correspondentes:
Usando símbolos HTML especiais ou reservados em seu site
Agora que você sabe como adicionar símbolos à sua página HTML, pode explorar outros conteúdos interessantes que podem ser adicionados para tornar seu site mais envolvente.
