ما هي أفضل طريقة لتحديد شهادة الشهادة في XHTML؟

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

استخدم ال استشهد العلامة:

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

فقط لجعلها أكثر دلالة للغاية وربطها بوضوح الاقتباس مع الاقتباس. يجب أن تكون divs ضرورية فقط للأشياء الهيكلية.

Answer 2

ال Mozilla.org Style Guide. يبدو أن تفضل استخدام q للحصول على الاقتباس و <cite> للمؤلف، ملفوفة في <blockquote> أو أ <div> مع فئة مناسبة. أتش تي أم أل 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 كمرجع عندما يتعلق الأمر بالاقتباسات.

ولكن رؤية التعليقات من قبل 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>