2011-03-28 15 views
25

Hola estoy viendo un gran número de diferentes formas de implantar mecanismos en html pero no parece claro en su documentación cómo debería adecuadamente formatear un digamos de una famosa cita y metion su autor como:HTML5 bloque cita con el autor

En la victoria, usted merece Champagne, en la derrota, lo necesita.

Napoleón Bonaparte

¿Cómo sería el formato correcto de ese estar en HTML 5?

¿Debe el autor estar dentro o fuera de la etiqueta ? ¿Debería estar dentro del atributo cite? (Aún sabiendo la documentación especifica un URI, no autor)

Respuesta

11

http://neilpie.co.uk/2011/12/13/html5-quote-attribution/

Por ejemplo, utilice

<small class="author">Napoleon Bonaparte<small> 

documentación HTML 5 dice: "La letra pequeña generalmente incluye descargos 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 requisitos ".

+0

¿Podría agregar un enlace a la documentación de HTML 5 para la cita? – mikemaccana

+0

Ya no parece decir eso, como puede ver, esto es lo que el W3C dice al respecto: 'El pequeño elemento representa la llamada" letra pequeña "o" letra pequeña ", como descargos de responsabilidad legales y advertencias. ' http://www.w3.org/TR/html-markup/small.html –

0

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> 
+9

A medida que la [especificación] (http://www.w3.org/TR/html5/text-level-semantics.html#the-cite -elemento) dice, un elemento de cita no debe contener el nombre de una persona. –

+1

es para "citar" el título, no el autor :) –

+2

Entonces, ¿cómo se cita al autor? –

37

Busqué en Google sobre esto y parece que <figure> y <figcaption> debe 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

+0

Muchas gracias, esto es extremadamente útil. Parece que hay mucha confusión en torno a una pregunta aparentemente simple. – nickpish

8

Así es como lo hace en Bootstrap 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 del MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer

El HTML <footer> elemento representa un pie de página de su más cercana seccionar contenido o seccionar elemento raíz (es decir, su matriz cercana <article>, <aside>, <nav>, <section>, <blockquote>, <body>, <details>, <fieldset>, <figure>, <td>). Un pie de página suele contener información sobre el autor de la sección, datos de copyright o enlaces a documentos relacionados .

+0

No es válido, la documentación dice que citar shoudnt sea de una persona nombre –

+0

@YannChabot así: '

nombre del autor, Nombre del libro
' – skibulk

+1

usted tiene razón, que cambió la documentación, de vuelta luego dijeron que la cita no se podía usar para citar a una persona, ahora puedes –

0

ACTUALIZACIÓN 2018

HTML 5.3 Proyecto del editor 9 de marzo 2018

W3C dice acerca de la cite element:

La citar elemento representa una referencia a un trabajo creativo.Debe incluir la título de la obra o el nombre del autor (persona, personas u organización) o una referencia de URL, o una referencia en forma abreviada de acuerdo con las convenciones que se utilizan para la adición de citación metadata

Así que el código siguiente 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>