Domanda

Ho usato per utilizzare solo gli elementi p e span per questo ... ma sto sempre a spingere per utilizzare i e elementi, e questo è qualcosa che non ho mai pensato prima per quanto riguarda le testimonianze.

Questo è quello che avevo in mente ...

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

Non ti sembra il modo migliore per farlo? C'è una buona pratica?

Ho guardato come il W3C markup testimonianze sul loro sito , e hanno usato ...

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

Devo basta copiare come il W3C ha fatto, dopo tutto non dovrebbero essere corretti

È stato utile?

Soluzione

Utilizza il citare tag :

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

Anche io probabilmente fare in questo modo:

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

Proprio per renderlo un po 'più semantico e chiaramente legare la citazione con la citazione. Div dovrebbero essere necessari solo per le cose strutturali.

Altri suggerimenti

Il Mozilla.org guida di stile sembra preferire utilizzando q per il preventivo e <cite> per l'autore, avvolto in un <blockquote> o un <div> con una classe adeguata. HTML 5 sembra cipiglio fortemente sull'uso <cite> per i nomi delle persone; si dice che dovrebbe essere utilizzato solo per i titoli delle opere.

A seguito di quel modello, forse qualcosa di simile:

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

Se non si desidera utilizzare <cite>, quindi:

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

Per molto tempo ho usato Tantek di Çelik slitta come riferimento quando si trattava di citazioni.

Ma vedendo i commenti di alex e Rex M, sto pensando a questa implementazione di testimonianze:

<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>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top