all - html 5 reference
HTML5 block-quote con autor (5)
Hola, estoy viendo un gran número de formas diferentes de implementar blockquote en html, pero no parece claro en su documentación cómo debo formatear correctamente un blockquote , digamos de una cita famosa y su autor como:
En la victoria, te mereces Champagne, en la derrota, lo necesitas.
Napoleón Bonaparte
¿Cuál sería el formato correcto de eso en HTML5?
¿Debería el autor estar dentro o fuera de la etiqueta blockquote ? ¿Debería estar dentro del atributo de cite ? (Incluso sabiendo que la documentación especifica un URI, no autor)
Así es como lo hace Bootstrap en v3.3.1: http://getbootstrap.com/css/#type-blockquotes
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>
Más sobre el elemento de pie de página de MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer
El elemento HTML
<footer>representa un pie de página para el contenido de sección más cercano o el elemento raíz de sección (es decir, su elemento<article>, <aside>, <nav>, <section>, <blockquote>, <body>, <details>, <fieldset>, <figure>, <td>más cercano<article>, <aside>, <nav>, <section>, <blockquote>, <body>, <details>, <fieldset>, <figure>, <td>). Un pie de página generalmente contiene información sobre el autor de la sección, datos de derechos de autor o enlaces a documentos relacionados.
Busqué en Google sobre esto y parece que <figure> y <figcaption> deberían hacer el trabajo:
<figure>
<blockquote cite="https://developer.mozilla.org/samples/html/figure.html">
Quotes, parts of poems can also be a part of figure.
</blockquote>
<figcaption>MDN editors</figcaption>
</figure>
https://developer.mozilla.org/samples/html/figure.html
<figure>
<blockquote cite="http://www.w3.org/html/wg/drafts/html/master/grouping-content.html#the-figure-element">
The figure element represents some flow content, optionally with a caption,
that is self-contained and is typically referenced as a single unit from the
main flow of the document.
</blockquote>
<figcaption>asdf</figcaption>
</figure>
http://www.w3.org/html/wg/drafts/html/master/grouping-content.html#the-figure-element
Mi preferencia y valida ...
<!doctype html>
<html lang="en">
<head><title>Blockquote Test</title></head>
<body>
<div style="width:300px;border:1px solid #cecece; padding:10px;">
<blockquote cite="URL">
In victory, you deserve Champagne, in defeat, you need it.
</blockquote>
<div class="credit" style="text-align:right;">
<cite><a href="URL">Napoleon Bonaparte</a></cite>
</div>
</div>
</body>
</html>
http://neilpie.co.uk/2011/12/13/html5-quote-attribution/
Por ejemplo, use
<small class="author">Napoleon Bonaparte<small>
La documentación de HTML 5 dice: "La letra pequeña por lo general presenta exenciones de responsabilidad, advertencias, restricciones legales o derechos de autor. La letra pequeña también se usa a veces para la atribución o para cumplir con los requisitos de licencia".
Actualización 2018
Borrador del editor HTML 5.3, 9 de marzo de 2018
W3C dice sobre el elemento de citar :
El elemento citar representa una referencia a un trabajo creativo. Debe incluir el título del trabajo o el nombre del autor (persona, personas u organización) o una referencia de URL, o una referencia en forma abreviada según las convenciones utilizadas para la adición de metadatos de citas.
Así que el siguiente código está bien:
<blockquote>
Those who pass by us, do not go alone, and do not leave us alone;
they leave a bit of themselves, and take a little of us.
<cite>Antoine de Saint-Exupéry</cite>
</blockquote>