Как лучше всего разметить отзыв в XHTML?

Question

Раньше я просто использовал p и span элементы для этого...но я всегда настаиваю на использовании верно элементы, и это то, о чем я раньше не задумывался в отношении отзывов.

Это то, что я имел в виду...

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

Похоже, это лучший способ сделать это?Есть ли лучшая практика?

Я посмотрел, как Отзывы о разметке W3C на своем сайте, и они использовали...

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

В конце концов, стоит ли мне просто скопировать то, как это сделал W3C? разве они не должны быть правильными?

Answer 1

Использовать цитировать тег:

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

Еще я бы, наверное, сделал это так:

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

Просто чтобы сделать это чуть более смысловым и четко связать цитату с цитатой.Дивы должны быть необходимы только для структурных вещей.

Answer 2

А Руководство по стилю Mozilla.org кажется, предпочитает использовать q для цитаты и <cite> для автора, завернутый в <blockquote> или <div> с соответствующим классом. HTML 5 кажется, категорически не одобряет использование <cite> для имен людей;там сказано, что его следует использовать только для названий произведений.

Следуя этой модели, возможно, что-то вроде этого:

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

Или если вы не хотите использовать <cite>, затем:

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

Answer 3

Долгое время я пользовался Слайд Тантека Челика в качестве ссылки, когда дело доходит до цитат.

Но, видя комментарии Алекса и Рекса М, я думаю об этой реализации для отзывов:

<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>