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

PHP - Utilizando proxy e CURL para acessar servidores ou sites

Imagem
Proxies são extremamente úteis, principalmente para usuários avançados, e se você não sabe exatamente o que são recomendo a leitura deste artigo da Wikipedia . Resumidamente um proxy é uma máquina que fica entre você e a Internet. Acessar a Web por um proxy fará com que os servidores que você acessa enxerguem não o seu endereço mas o endereço desta máquina intermediária. Você pode precisar utilizar um proxy caso a rede da sua empresa não permita acessar um Facebook, Twitter ou outro site qualquer, caso seu IP tenha sido bloqueado por algum administrador de site, queira testar o acesso de diferentes usuários em seu site e outros usos menos ortodoxos. Por suas características peculiares proxies devem ser usados com cuidado, principalmente se você pensa em acessar serviços utilizando alguma senha. Hoje vamos criar uma classe que utilizará um proxy para acessar qualquer URL com a ajuda do CURL do PHP. Vamos considerar que o proxy que você utiliza é aberto, ou seja, não necess...
Leia mais

MySQL - Cálculo de período de tempo entre duas datas com TIMESTAMPDIFF

Imagem
Muitas vezes precisamos saber quantos dias se passaram desde que um dado registro entrou no banco de dados ou outros cálculos com datas e horas que precisemos agrupar em dias, meses, horas e etc. Este tipo de informação geralmente é útil nos processos de limpeza e backup de dados mas também em outras situações como a exibição de dados para um usuário. Geralmente este procedimento é delegado ao software que lê o banco de dados e realiza as operações necessárias, seja para backup, limpeza ou exibição de dados. Porém o MySQL possui uma função interessante para efetuar este tipo de procedimento diretamente na query do banco de dados, o que é mais natural já que se trata de um dado. A função TIMESTAMPDIFF() do MySQL calcula o tempo decorrido entre duas datas que pode ser em dias, meses, minutos e etc. A lista completa segue abaixo: FRAC_SECOND (microsegundos), SECOND (segundos), MINUTE (minuto), HOUR (hora), DAY (dia), WEEK (semana), MONTH (mês), QUARTER (trimestre),...
Leia mais

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