我以前只是用pspan元素这个......但我总是推使用的右键的元素,这个事情我还没有真正就想到之前至推荐。

这是我脑子里想的......

<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是如何做到的,毕竟不应该他们是正确的的?

有帮助吗?

解决方案

使用引用标记

<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应该仅是必要的结构的东西。

其他提示

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>

有关长时间我用坦克·塞利克的滑动作为参考,当它来报价。

但看到亚历克斯和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>
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top