Frage

Früher habe ich nur p und span Elemente für diesen Einsatz ... aber ich bin drängen immer die verwenden rechts -Elemente, und das ist etwas, das ich wirklich vorher nicht gedacht, im Hinblick auf Zeugnisse.

Das ist, was ich im Sinn hatte ...

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

Sieht das wie der beste Weg, dies zu tun? Gibt es eine Best Practice?

Ich sah, wie der W3C Markup Zeugnisse auf ihrer Website und sie verwendet haben ...

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

Sollte einfach kopieren ich, wie das W3C es tat, nachdem alle sollten sie nicht korrekt sein

War es hilfreich?

Lösung

Mit dem Tag zitieren:

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

Auch würde ich wahrscheinlich das tut es mag:

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

Nur um etwas mehr semantische und deutlich das Zitat mit dem Zitat binden. Divs sollte nur für strukturelle Dinge notwendig sein.

Andere Tipps

Die Mozilla.org Style Guide scheint q zu bevorzugen mit für das Angebot und <cite> für den Autor, in einem <blockquote> oder einen <div> mit einer entsprechenden Klasse gewickelt. HTML 5 scheint stark die Stirn runzeln über die Verwendung <cite> für Personennamen; es sagt, dass es nur für die Titel von Werken verwendet werden.

Im Anschluss an dieses Modell, vielleicht so etwas wie folgt aus:

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

Oder wenn Sie nicht wollen, <cite> verwenden, dann:

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

Für eine lange Zeit, die ich verwendet Tantek Çelik Rutsche als Referenz, wenn es um Zitate.

Aber da die Kommentare von alex und Rex M, die ich über diese Implementierung für Zeugnisse denke:

<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>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top