Pregunta

Yo solía usar p y span elementos para este...pero siempre estoy empujando a utilizar el derecho elementos, y esto es algo que realmente no he pensado antes con respecto a los testimonios.

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

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

¿Que parecen la mejor manera de hacer esto?Hay una mejor práctica?

Miré cómo la W3C markup testimonios 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 copiar la manera de la W3C lo hizo, después de todo no debería ser correcta?

¿Fue útil?

Solución

El uso de la citar etiqueta:

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

También, probablemente voy a hacer esto de esta manera:

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

Sólo para hacer un poco más semántico y claramente empate de la citación con la cita.Divs sólo debería ser necesario para el diseño estructural de las cosas.

Otros consejos

El Mozilla.org guía de estilo parece preferir el uso de q para la cotización y <cite> para el autor, envuelto en una <blockquote> o un <div> con una clase apropiada. HTML 5 parece ceño fuertemente sobre el uso de <cite> para los nombres de las personas;se dice que sólo debe ser utilizado 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 usted no desea utilizar <cite>, y , a continuación:

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

Durante mucho tiempo he usado Tantek Çelik de diapositivas como una referencia cuando se trataba de citas.

Pero viendo los comentarios de alex y Rex M, estoy pensando acerca de esta aplicación para los 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>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top