HTML5 - Utilizando a tag cite de maneira correta.



Existe muita dúvida sobre o uso da tag <cite>. Alguns sites tem usado a tag <cite> para marcar o nome dos usuários que deixam comentários (por exemplo aqueles que usam o WordPress), outros utilizam a tag para marcar o autor de uma frase ou citação e existem ainda aqueles que usam <cite> para marcar frases e citações. Nos casos descritos acima não é recomenrado o uso da tag <cite>.

Na verdade a tag <cite> deve ser utilizada marcar títulos de livros, filmes, obras de arte, músicas, peças de teatro, fotos, jornais, revistas e etc. Para citações e frases podemos usar as tags <blockquote> e <q>.

Exemplos corretos:

 <p>João está lendo <cite>O senhor dos Anéis</cite> enquanto escuta <cite>A Quinta Sinfonia</cite></p>  
 <p>A pintura <cite>Mona Lisa</cite> está no Louvre.</p>

Exemplos incorretos:

 <p><cite>Ser ou não ser, eis a questão</cite> é uma frase de uma das obras de <cite>Shakespeare</cite></p>


No exemplo acima usar <cite> como marcador de uma frase ou citação de um autor está incerreto. Além disso usar <cite> para marcar o nome do autor também vai de encontro a especificação html5 da tag.

A frase acima estaria correta se fosse feito desta forma:

 <p><q>Ser ou não ser, eis a questão</q> é uma frase da obra <cite>Hamlet</cite> de Shakespeare</p>


Referência:
VISUAL QUICKSTART GUIDE - HTML5 and CSS3 - Seventh Edition
Autores: Elizabeth Castro • Bruce Hyslop
Editora Peachpit Press

Comentários

Postar um comentário

Postagens mais visitadas deste blog

MySQL - Completando quantidades fixas de caracteres com as funções LPAD() e RPAD()

Em PHP temos uma função não tão conhecida, str_pad() , que completa uma string com qualquer caractere até uma quantidade definida pelo programador. Esta função é extremamente útil no caso de codificações padronizadas onde a quantidade de caracteres deve ser sempre fixa. No MySQL temos uma função equivalente chamada LPAD() . A sintaxe desta função é LPAD(CAMPO,QUANTIDADE DE CARACTERES,CARACTERE PARA COMPLETAR) Vamos fazer uma query na tabela exemplo 'produtos' abaixo: cod | nome | valor 3 | Iphone | 3000.00 10 | Blue Ray | 1800.00 230| Book | 30.00 Vamos supor que o padrão de código exigido pelo sistema que lê o banco de dados seja de cinco (5) caracteres. Valores menores que este deverão ser preenchidos com zeros a esquerda SELECT LPAD(cod,5,'0') AS cod, nome,valor FROM produtos Teremos como resultado: cod | nome | valor 000003 | Iphone | 3000.00 000010 | Blue Ray | 1800.00 000230 | Book | 30.00 Assi
Leia mais

MySQL - Clonando tabelas na linha de comando

Clonar tabelas é fácil se você tiver a disposição um ' PHP MyAdmin ' ou uma aplicação gráfica instalada em sua máquina. Porém existem casos em que você só possui acesso a um shell (ou terminal) ou mesmo precisa criar uma aplicação que em algum momento seja necessária a clonagem de uma tabela. Os procedimento é muito simples: 1º Criar um clone da estrutura original (LIKE banco_de_dados.tabela) CREATE TABLE recipes_new LIKE production.recipes; 2º Inserir o conteúdo original dentro do clonado (FROM banco_de_dados.tabela) INSERT recipes_new SELECT * FROM production.recipes; É simples assim! Abraços
Leia mais

PHP - Gerando arquivo em UTF-8 com fwrite() e utf8_encode()

Encontrei uma dica muito interessante do "cutmaster at fearlesss dot com" que postou no site php.net. Ele mostrou como gerar um arquivo realmente no formato UTF-8. Segue a tradução de seu post. "Para aqueles que, como eu, gastaram muito tempo para entender porque fwrite() não criava arquivos utf-8 de verdade, aqui vai uma explicação que encontrei: Tentei fazer algo com:" <?php myString = utf8_encode("Test with accents éèàç"); fh=fopen('test.xml',"w"); write($fh,$myString); close($fh); "Por alguma razão misteriosa, o arquivo gerado traz os acentos sem o padrão utf-8. Tentei binário, etc. etc. e finalmente encontrei a solução. Parece que fwrite() PRECISA ter a função utf8_encode() DENTRO de seus parâmetros, como segue abaixo." <?php $myString = "Test with accents éèàç"; $fh=fopen('test.xml',"w"); fwrite($fh,utf8_encode($myString)); fclose($fh);
Leia mais