どのマークアップ力に対し感謝状にXHTML?

Question

まだ利用 p や span 要素のためにこ---私は常に押して使用 右 要素は、こんなにも考えられる前についてお客様の声.

こういった心---

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

いように見える最善の方法。ある最善の実践?

またどのように W3C markupお客様の声 ストリートのコネクションをしてお使---

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

ばいいだけコピーをどのように、W3Cかったので、 なれないように修正?

Answer 1

タグを引用rel="noreferrer">

<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 スタイルガイド らを使用 q の見積もりや <cite> のための著者に包まれた <blockquote> または <div> 適切なクラスです。 HTML5 そう強くfrown用 <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

長い間、私はタンテック・チェリックのスライドを使用しましたそれが相場に来たリファレンスとして。

しかし、アレックスとレックス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>