Uso correcto de Blockquote, q y cite?

Las otras respuestas en esta página están desactualizadas, pero la pregunta sigue siendo válida.

El elemento q es un elemento en línea y debe usarse de esta manera (ie. no hay elementos de bloque en su interior):

<p>
   In the words of <cite>Charles Bukowski</cite> -  
   <q>An intellectual says a simple thing in a hard way. 
   An artist says a hard thing in a simple way.</q>
</p>

Otro ejemplo:

<p>
    <q>This is correct, said Hillary.</q> is a quote from the 
    popular daytime TV drama <cite>When Ian became Hillary</cite>.
</p> 

El elemento q no debe colocarse dentro de un elemento blockquote, ya que sería redundante both ambos denotan una cita.

Un blockquote es un elemento de bloque, permitiendo que otros elementos de bloque se coloquen dentro:

  <blockquote>
    <p>My favorite book is <cite>At Swim-Two-Birds</cite>.</p>
    - <cite>Mike Smith</cite>
  </blockquote>

<cite> es ligeramente complicar. Es un elemento en línea, pero depende de qué especificación HTML esté siguiendo. El W3C establece que puede contener una URL, un título de una obra (por ejemplo. título del libro, título de la película, etc.), o el nombre de un autor.

El WHATWG establece que solo puede contener una URL o un título de una obra, por lo que no el nombre de una persona.

Este es un uso válido de WHATWG:

<figure>
 <blockquote>
  <p>The truth may be puzzling. It may take some work to grapple with.
  It may be counterintuitive. It may contradict deeply held
  prejudices. It may not be consonant with what we desperately want to
  be true. But our preferences do not determine what's true.</p>
 </blockquote>
 <figcaption>Carl Sagan, in "<cite>Wonder and Skepticism</cite>", from
 the <cite>Skeptical Inquirer</cite> Volume 19, Issue 1 (January-February
 1995)</figcaption>
</figure>

Se podría considerar BLOCKQUOTE análogo a un DIV y Q análogo a SPAN.

El uso recomendado es incluir comillas grandes en BLOCKQUOTE y comillas pequeñas de una sola línea o frase en Q.

<blockquote>
    <p>This is a big quote.</p>
    <p>This is the second paragraph with a smaller <q>quote</q> inside</p>
</blockquote>

Cite es un atributo en cualquiera de los dos que simplemente apunta a la fuente.

Usar atributos como el atributo cite de blockquote o q no lo hace fácilmente visualizable (sin JS o CSS complicado) y por lo tanto no aborda el objetivo de mostrar un enlace de referencia fácilmente. Ahora es conforme para incluir cite (y / o footer) en blockquote para especificar la fuente, ya sea textualmente o a través de una URL, de la cita, como a continuación:

<blockquote>
  <p>Beware of bugs in the above code; I have only proved it correct, not tried it.” </p>
  <cite><a href="http://www-cs-faculty.stanford.edu/~uno/faq.html">Donald Knuth: Notes on the van Emde Boas construction of priority deques: An instructive use of recursion, March 29th, 1977</a>
</blockquote>

Tenga en cuenta que :

• Casos de cite que forman parte del contenido de la cita (no referencia de la fuente) también se consideran bastante raros, y deben manejarse a través de una clase diferenciadora en la subetiqueta cite pertinente)

• Con respecto a q, de hecho está dirigido a citar en línea, pero es más probable que se use fuera de blockquotes (las comillas entre comillas son bastante raras).

De acuerdo con este, "cite" es un atributo de q - y no está bien soportado en eso.

El uso semántico (y válido) del elemento <cite> todavía está bajo debate incluso si "en HTML5, el uso de este elemento para marcar el nombre de una persona ya no se considera semánticamente apropiado."

Encontrarás un artículo muy detallado y útil sobre "<blockquote>, <q> y <cite> " aquí:

Http://html5doctor.com/blockquote-q-cite /

Http://www.w3.org/TR/html401/struct/text.html#edef-BLOCKQUOTE