El uso correcto de blockquote, q y citar?

StackOverflow https://stackoverflow.com/questions/2205159

  •  18-09-2019
  •  | 
  •  

Pregunta

Es este el uso correcto de Blockquote, q y cite? 

<p>
<blockquote>Type HTML in the textarea above, <q>and it will magically appear</q> in the frame below.
</blockquote>
<cite><a href="http://stackoverflow.com">refrence url</a>
</p>

Es uso de Blockquote, q semánticamente correcto? o ambos son elemento de presentación, por lo que no se debe usar?

¿Fue útil?

Solución

Sí. Son elementos no presentación - blockquote representa un bloque de cita, q representa una cita en línea, y cite representa una referencia a un nombre, el trabajo, estándar, URL, etc.

.

Usted tiene cierto errores de validación que son bastante comunes con blockquote. Un elemento blockquote no puede estar dentro de un párrafo, y en realidad a las necesidades de HTML 4 contienen párrafos. El anidamiento de los elementos p y blockquote en su fragmento necesita ser invertido.

El elemento blockquote (también el elemento q) puede tener opcionalmente un atributo cite para especificar un URI donde la cita vino. HTML5 dice agentes de usuario debe hará que enlazan a disposición del usuario, y HTML 4 no dice nada en absoluto. Yo incluiría tanto el URI en el atributo cite y como un enlace en línea, ya que los navegadores no se manejan.

Así es como me gustaría escribir ese fragmento, con esas revisiones en mente: 

<blockquote cite="http://stackoverflow.com">
  <p>Type HTML in the textarea above, <q>and it will magically
  appear</q> in the frame below.</p>
</blockquote>
<p>
  <cite><a href="http://stackoverflow.com">reference url</a></cite>
</p>

validar este fragmento

Otros consejos

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

El elemento q es un elemento en línea y debe ser utilizado como tal (es decir, no hay elementos de bloque dentro de él.): 

<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 ser colocado dentro de un elemento blockquote, ya que sería redundante - tanto denotar una cita.

A blockquote es un elemento de bloque, permitiendo que otros elementos de bloque para ser colocado en el interior: 

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

<cite> es un poco más complicado. Es un elemento en línea, sino que depende de los cuales especificación HTML que está siguiendo. El W3C afirma 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 del autor.

WHATWG estados que sólo puede contener una URL o un título de una obra, por lo que no nombre de una persona.

Este es un uso WHATWG válida: 

<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áloga a SPAN.

El uso recomendado es encerrar las grandes citas en BLOCKQUOTE y, de una sola línea pequeña o cotizaciones de oraciones 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 que simplemente señala a la fuente.

El uso de atributos tales como el atributo cite del blockquote o q no significa que sea fácilmente visualizable (sin JS o CSS complicado) y por lo tanto no aborda el objetivo de mostrar un vínculo de referencia fácilmente. Ahora es conforme para incluir cite (y / o footer) en blockquote para especificar la fuente, tanto textualmente de 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 son parte de los contenidos de la cita (no la fuente de referencia) también se consideran bastante raro, y debe ser manejar a través de una clase diferenciando en la subetiqueta cite relevante)

  • En cuanto a q, se pretende efectivamente citar en línea, pero es más probable que se utilicen fuera del blockquotes (comillas en las citas son muy raros).

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

El uso semántico (y válida) del elemento <cite> es aún objeto de debate incluso si "en HTML5, el uso de este elemento para marcar el nombre de una persona ya no se considera semánticamente apropiada."

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

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

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top