Question

Je l'habitude d'utiliser juste p et éléments span pour cela ... mais je suis toujours pousser à utiliser les droite éléments, ce qui est quelque chose que je ne l'ai pas vraiment pensé avant en ce qui concerne à des témoignages.

est ce que j'avais à l'esprit ...

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

Est-ce que ressembler à la meilleure façon de le faire? Y at-il une meilleure pratique?

Je regardais comment le W3C markup témoignages sur leur site , et ils ont utilisé ...

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

Dois-je copier à quel point le W3C a fait, après tout ne devraient-ils être correct

Était-ce utile?

La solution

Utilisez le cite tag :

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

Je serais probablement aussi le faire comme ceci:

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

Juste pour le rendre un peu plus sémantique et clairement lier la citation avec la citation. Divs ne devrait être nécessaire pour des choses structurelles.

Autres conseils

Le Mozilla.org guide de style semble préférer l'utilisation q pour la citation et <cite> pour l'auteur, enveloppé dans un <blockquote> ou <div> avec une classe appropriée. HTML 5 semble fortement froncer les sourcils sur l'utilisation <cite> pour les noms des personnes; il dit qu'il ne doit être utilisé pour les titres des œuvres.

Après ce modèle, peut-être quelque chose comme ceci:

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

Ou si vous ne voulez pas utiliser <cite>, puis:

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

Pendant longtemps je slide Tantek Çelik comme une référence quand il est venu à des citations.

Mais voir les commentaires par alex et Rex M, je pense à cette mise en œuvre des témoignages:

<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>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top