¿Cuál es la mejor manera de marcar un testimonio en XHTML?

Solía usar elementos p y span para esto ... pero siempre estoy presionando para usar los elementos right, y esto es algo que realmente no había pensado antes con respecto a los testimonios.¿Cuál es la mejor manera de marcar un testimonio en XHTML?

Esto es lo que tenía en mente ...

<div class="testimonial"> 
<blockquote>I love your products!</blockquote> 
<span>Jim Testimonial-giver</span> 
</div>

se ve eso la mejor manera de hacer esto? ¿Hay una mejor práctica?

que consideramos la forma en la W3C markup testimonials en su sitio, y se han utilizado ...

<blockquote> 
<p> 
    <a id="aptest" name="aptest">Applied Testin.....</a> 
    <br /> 
    <span class="QuoteAttr">-- Shane P. M...</span> 
</p> 
</blockquote>

¿Debo simplemente copiar la forma del W3C lo hizo, después de todo ¿no deberían ser correcta?

Fuente

2009-04-17 alex

en mi humilde opinión, el camino es más simple y más limpio. mantenlo así. – bchhun

Alguien en el W3C necesita hacer algo de refactorización ... –

Uso del cite tag:

<div class="testimonial"> 
<blockquote>i love your products</blockquote> 
<cite>Jim Testimonial-giver</cite> 
</div>

también probablemente lo haría así:

<blockquote class="testimonial"> 
    i love your products 
    <cite>Jim Testimonial-giver</cite> 
</blockquote>

sólo para que sea un poco más semántica y claramente atar la cita con la cita. Divs solo debería ser necesario para cosas estructurales.

Fuente

2009-04-17 03:16:43

Gracias Rex ... ¡No puedo creer que olvidé el elemento citado! – alex

¿Crees que si hay un montón de ellos, deberían ir en una lista desordenada? – alex

@alex Me encantan las listas desordenadas :) Me inclino por sí mismo, pero no fruncir el ceño al no usarlas en este caso particular. –

El Mozilla.org style guide parece preferir el uso de q para la cotización y <cite> para el autor, envuelto en una <blockquote> o una <div> con una clase apropiada. HTML 5 parece desaprobar el uso de <cite> para los nombres de las personas; dice que solo debe usarse para los títulos de las obras.

Siguiendo ese modelo, tal vez algo como esto:

<blockquote class="testimonial"> 
    <q>I love your products!</q> 
    <cite>Jim Testimonial-giver</cite> 
</blockquote>

O si no desea utilizar <cite>, entonces:

<blockquote class="testimonial"> 
    <q>I love your products!</q> 
    <span class="quote-attribution">Jim Testimonial-giver</span> 
</blockquote>

Fuente

2009-04-17 03:28:53

Es un poco discutible, pero aquí no estoy de acuerdo: el elemento q no es compatible con IE, y dado que no es necesario distinguir entre el contenido de q y cualquier otro elemento (es el único) y el primario - bloque de texto en blockquote), parece superfluo. –

El elemento q es compatible con IE 8.Depende de si desea insertar las comillas o no, y si desea que se muestren en versiones anteriores de IE. Lo bueno del elemento q es que puedes obtener presupuestos inteligentes correctamente anidados si configuras tus: antes y después de los selectores. –

+1 por citar (hah) un excelente recurso que estaba buscando (guía de estilo Mozilla), aunque el enlace está roto :( – steve

Durante mucho tiempo he usado como referencia Tantek Çelik's slide cuando se trata de citas.

Pero al ver los comentarios de Alex y Rex M, estoy pensando en esta implementación de testimonios:

<ul id="testimonials"> 
    <li> 
    <blockquote> 
     i love your products 
    </blockquote> 
    <cite>&mdash;Jim Testimonial-giver</cite> 
    </li> 
    <li> 
    <blockquote> 
     i love your products even more 
    </blockquote> 
    <cite>&mdash;Joe Testimonial-giver</cite> 
    </li> 
    [...] 
</ul>

Fuente

2012-11-30 05:48:32

¿Cuál es la mejor manera de marcar un testimonio en XHTML?

Respuesta

Cuestiones relacionadas