5

p以前はこれにand要素を使用して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のスタイル ガイドは、適切なクラスで aまたは aでラップされたq、引用と著者の使用を好むようです。HTML 5は、人の名前に使用することを強く嫌っているようです。作品のタイトルにのみ使用する必要があると書かれています。<cite><blockquote><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 に答える