Tutorial HTML

HTML HOME Introdução HTML Editores de HTML HTML básico Elementos HTML Atributos HTML Títulos HTML Parágrafos HTML Estilos HTML Formatação HTML Cotações HTML Comentários HTML Cores HTML HTML CSS Links HTML Imagens HTML HTML Favicon Tabelas HTML Listas HTML Bloco HTML e Inline Classes HTML Código HTML Iframes HTML JavaScript HTML Caminhos de arquivo HTML Cabeçalho HTML Esquema HTML HTML Responsivo Código de computador HTML Semântica HTML Guia de estilo HTML Entidades HTML Símbolos HTML Emojis HTML Conjunto de caracteres HTML Codificação de URL HTML HTML vs. XHTML

Formulários HTML

Formulários HTML Atributos de formulário HTML Elementos de formulário HTML Tipos de entrada HTML Atributos de entrada HTML Atributos do formulário de entrada HTML

Gráficos HTML

Tela HTML HTML SVG

Mídia HTML

Mídia HTML Vídeo HTML Áudio HTML Plug-ins HTML HTML YouTube

APIs HTML

Geolocalização HTML Arrastar/Soltar HTML Armazenamento Web HTML Trabalhadores da Web HTML HTML SSE

Exemplos HTML

Exemplos HTML Questionário HTML Exercícios HTML Certificado HTML Resumo HTML Acessibilidade HTML

Referências HTML

Lista de tags HTML Atributos HTML Atributos Globais HTML Suporte ao navegador HTML Eventos HTML Cores HTML Tela HTML Áudio/vídeo HTML Tipos de documento HTML Conjuntos de caracteres HTML Codificação de URL HTML Códigos HTML Lang Mensagens HTTP Métodos HTTP PX to EM Converter Atalhos do teclado

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 &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
" double quotation mark &quot; &#34;
' single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

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&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

Você verá mais símbolos HTML no próximo capítulo deste tutorial.