css - mdn - ¿Uso correcto de Blockquote, q y cite?
quote html (7)
¿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>
¿El uso de Blockquote , q semánticamente correcto? o ambos son elementos de presentación, entonces ¿no deberían usarse?
De acuerdo con this , "citar" es un atributo de q, y no está bien respaldado por eso.
El uso de atributos como el atributo cite de blockquote o q no lo hace fácil de visualizar (sin JS o CSS complicado) y por lo tanto no aborda el objetivo de mostrar un enlace de referencia fácilmente. html5doctor.com/cite-and-blockquote-reloaded para incluir cite (y / o footer ) en blockquote para especificar la fuente, ya sea 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 :
los casos de citas que son parte del contenido de la cita (no la referencia de la fuente) también se consideran bastante raros, y deben manejarse a través de una clase de diferenciación en la subetiqueta de
citerelevante)En cuanto a
q, de hecho está destinado a citar en línea, pero es más probable que se use fuera de las blockquotes (las citas en comillas son bastante raras).
El uso semántico (y válido) del elemento <cite> aún está siendo debatido, 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í:
Las otras respuestas en esta página están desactualizadas, pero la pregunta aún es válida.
El elemento q es un elemento en línea y debe usarse como tal (es decir, sin elementos de bloque dentro):
<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; ambos indican una cita.
Una blockquote es un elemento de bloque, lo que permite 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 un poco más complicado. Es un elemento en línea, pero depende de las especificaciones de HTML que 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 declara que solo puede contener una URL o un título de un trabajo, y por lo tanto 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>
Podría considerar BLOCKQUOTE análogo a un DIV y Q análogo a SPAN .
El uso recomendado es incluir citas grandes en BLOCKQUOTE y comillas pequeñas, de una sola línea o 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>
Citar es un atributo en cualquiera de los dos, que simplemente apunta a la fuente.
Sí. No son elementos de presentación: blockquote representa una cita en bloque, q representa una cita en línea y cite representa una referencia a un nombre, trabajo, estándar, URL, etc.
Usted tiene algunos errores de validación que son bastante comunes con blockquote. Un elemento blockquote no puede estar dentro de un párrafo, y en HTML4 realmente necesita contener párrafos. La anidación de los elementos p y blockquote en tu fragmento debe invertirse.
El elemento blockquote (también el elemento q ) puede tener opcionalmente un atributo cite para especificar un URI de donde proviene la cita. HTML5 dice que los agentes de usuario deben poner ese enlace a disposición del usuario, y HTML4 no dice nada en absoluto. Incluiría el URI en el atributo cite y como un enlace en línea, ya que los navegadores no lo manejan.
Así es como escribiría ese fragmento, con esas revisiones en mente:
<blockquote cite="http://.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://.com">reference url</a></cite>
</p>