Каков наилучший способ разметить отзыв в XHTML? - PullRequest
Новая
       30

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

5 голосов
/ 17 апреля 2009

Раньше я просто использовал элементы 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, ведь не должны ли они быть правильными ?

Ответы [ 3 ]

8 голосов
/ 17 апреля 2009

Используйте тег cite : 

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

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

4 голосов
/ 17 апреля 2009

Руководство по стилю 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>
1 голос
/ 30 ноября 2012

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

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

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