5

我曾经只是为此使用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 的做法，毕竟它们不应该是正确的吗？

4

3 回答 3

8

使用引用标签：

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

只是为了让它更语义化，并清楚地将引文与引文联系起来。div 应该只对结构性事​​物是必需的。

于 2009-04-17T03:16:43.420 回答
4

Mozilla.org 样式指南似乎更喜欢使用q引用和作者，用适当的类<cite>包裹在 a<blockquote>或 a中。HTML 5似乎强烈反对使用人名。它说它应该只用于作品的标题。<div><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>
于 2009-04-17T03:28:53.407 回答
1

很长一段时间以来，在引用时， 我都使用Tantek Çelik 的幻灯片作为参考。

但是看到 alex 和 Rex M 的评论，我正在考虑这个实现以供推荐：

<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>
于 2012-11-30T05:48:32.410 回答