Question

我以前只使用p和span元素......但我总是推动使用正确的元素，这就是我的避风港之前关于推荐书的确认真。

这就是我想到的......

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

这看起来是最好的方法吗？有最好的做法吗？

我查看了他们网站上的W3C markup testimonials是如何使用的......

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

我是否应该复制W3C如何做到这一点，毕竟不应该是正确的？

Answer 1

使用cite tag：

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

Answer 2

Mozilla.org style guide似乎更喜欢使用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

很长一段时间我使用Tantek Çelik's slide作为引用的参考。

但是看到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>

在XHTML中标记推荐的最佳方法是什么？

3 个答案: