Mais sobre as Tags de formatação de texto

Vamos ver com mais detalhes sobre as Tags de formatação de texto.

<cite> 

 A tag <cite> representa o título de uma obra.
Veja exemplos de usos da tag em títulos de obras, como em:

Livro, papel, ensaio, poema, pontuação, canção, roteiro, película, Programa de TV, jogo, escultura, produção teatral, ópera, musical.

O nome de uma pessoa não é o título de uma obra, então este elemento não deve ser usado para marcar os nomes.
Marcar o nome de uma pessoa com essa tag é um exemplo do mau uso.

Veja um exemplo correto, no documento html do uso da tag <cite>:

<html>
<head>
<title> Utilizando a tag cite </title>
</head>
<body>
<p> Esse é um parágrafo </p>
<p> O meu filme preferido é <cite>Nikita - criada para matar</cite>. </p>
<br>
</body>
</html>

Vamos ver como fica visualizado no navegador:









Veja uma comparação do uso correto da tag cite e do mau uso da tag <cite>.

Por exemplo, aqui a tag é usada para marcar o nome do filme, e no exemplo, abaixo, ela não só marca o nome do autor como o título da obra.

Vamos ver o exemplo:

<html>
<head>
<title> Utilizando a tag cite </title>
</head>
<body>
<p> Esse é um uso correto da tag cite </p>
<p>
O meu filme preferido é <cite> Nikita - criada para matar</cite>.
<br>
<p> Esse é um mau uso da tag cite</p>
<p> A obra <cite>"Noite Estrelada", de Vincent Van Gogh </cite>é uma das obras mais conhecidas do artista. Tal obra foi terminada em 1889, enquanto Van Gogh estava em um asilo e atualmente se encontra no Museu de Arte Moderna em Nova Iorque.
</p>
</body>
</html> 

Agora veja como fica visualizado no navegador:


Espero que tenham gostado dessa postagem, e na próxima tem mais sobre tags para formatar texto.

Não se esqueça de deixar um comentário.
Até a próxima postagem!


Fonte: http://www.w3.org/wiki/HTML/Elements/cite

Nenhum comentário:

Postar um comentário

Marcadores

etiqueta (29) tutorial (18) meta (16) html (15) a (10) link (10) formatar texto (3) VETOR (2) body (2) caracteres (2) id (2) p (2) vídeo (2) âncora (2) Photoshop (1) address (1) blink (1) blockquote (1) br (1) center (1) div (1) e-mail (1) font (1) frameset (1) h (1) head (1) pre (1) title (1)

paginador numerico