Caracteres reservados em HTML deve ser substituído por entidades de caráter.

Caracteres, e não presentes no teclado, também pode ser substituído por entidades.

Entidades HTML

Alguns personagens são reservados em HTML.

Se você usar o menor que (<) ou maior que (>) sinais em seu texto, o navegador pode misturá-los com tags.

Entidades de caracteres são usados ​​para exibir caracteres reservados em HTML.

A entidade de caráter parecido com este:

&entity_name;
OU
&#entity_number;

Para exibir um sinal de menor que devemos escrever: &lt; ou &#60;

A vantagem de usar um nome de entidade, em vez de um número, é que o nome é mais fácil de lembrar. 
A desvantagem é que os navegadores podem não suportar todos os nomes de entidades, mas o suporte para números é bom.

Não quebrando espaço

A entidade de caráter comum usado em HTML é que o espaço não quebra (&nbsp;).

Lembre-se que os navegadores sempre truncar espaços em páginas HTML. Se você escrever 10 espaços em seu texto, o navegador irá remover 9 deles. Para adicionar espaços reais para o seu texto, você pode usar a entidade de espaço.

Combinando sinais diacríticos

Um sinal diacrítico é um "glifo" adicionado a uma letra.

Alguns sinais diacríticos, como o crase (`) e aguda (´) são chamados acentos.

Marcas diacríticas podem aparecer tanto acima como abaixo de uma letra, no interior de uma letra, e entre as duas letras.

Marcas diacríticas pode ser usado em combinação com caracteres alfanuméricos, para produzir um carácter que não está presente no conjunto de caracteres (codificação) utilizado na página.

Aqui estão alguns exemplos:

Algumas outras entidades úteis

Entidades são sensíveis a caixa alta e caixa baixa (letras maiúscula e minuscula).

Em caso de dúvida, você pode tirar nos comentários.