Entidades HTML
Caracteres reservados em HTML devem ser substituídos por entidades de caracteres.
Entidades HTML
Alguns caracteres são reservados em HTML.
Se você usar os sinais de menor que (<) ou maior que (>) em seu texto, o navegador pode misturá-los com tags.
As entidades de caracteres são usadas para exibir caracteres reservados em HTML.
Uma entidade de caractere se parece com isso:
&entity_name;
OR
&#entity_number;
Para exibir um sinal de menor que (<) devemos escrever: < ou <
Vantagem de usar um nome de entidade: Um nome de entidade é fácil de lembrar.
Desvantagem de usar um nome de entidade: os navegadores podem não suportar todos os nomes de entidade, mas o suporte para números de entidade é bom.
Espaço inquebrável
Uma entidade comumente usada em HTML é o espaço sem quebra:
Um espaço sem quebra é um espaço que não vai quebrar em uma nova linha.
Duas palavras separadas por um espaço sem quebra ficarão juntas (não quebrarão em uma nova linha). Isso é útil quando quebrar as palavras pode ser perturbador.
Exemplos:
- § 10
- 10 km/h
- 22h
Outro uso comum do espaço ininterrupto é impedir que os navegadores truncam espaços em páginas HTML.
Se você escrever 10 espaços em seu texto, o navegador removerá 9 deles. Para adicionar espaços reais ao seu texto, você pode usar o entidade personagem.
Dica: O hífen ininterrupto ( ‑ ) é usado para definir um caractere de hífen (-) que não se divide em uma nova linha.
Algumas entidades de caracteres HTML úteis
Result | Description | Entity Name | Entity Number | Try it |
---|---|---|---|---|
non-breaking space | |   | ||
< | less than | < | < | |
> | greater than | > | > | |
& | ampersand | & | & | |
" | double quotation mark | " | " | |
' | single quotation mark (apostrophe) | ' | ' | |
¢ | cent | ¢ | ¢ | |
£ | pound | £ | £ | |
¥ | yen | ¥ | ¥ | |
€ | euro | € | € | |
© | copyright | © | © | |
® | registered trademark | ® | ® |
Observação: os nomes das entidades diferenciam maiúsculas de minúsculas.
Combinando Marcas Diacríticas
Uma marca diacrítica é um "glifo" adicionado a uma letra.
Alguns sinais diacríticos, como grave ( ̀) e agudo ( ́) são chamados de acentos.
Os sinais diacríticos podem aparecer acima e abaixo de uma letra, dentro de uma letra e entre duas letras.
Marcas diacríticas podem ser usadas em combinação com caracteres alfanuméricos para produzir um caractere que não está presente no conjunto de caracteres (codificação) usado na página.
aqui estão alguns exemplos:
Mark | Character | Construct | Result | Try it |
---|---|---|---|---|
̀ | a | à | à | |
́ | a | á | á | |
̂ | a | â | â | |
̃ | a | ã | ã | |
̀ | O | Ò | Ò | |
́ | O | Ó | Ó | |
̂ | O | Ô | Ô | |
̃ | O | Õ | Õ |
Você verá mais símbolos HTML no próximo capítulo deste tutorial.