문제

나는 그냥 사용했었다 p 그리고 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가 어떻게했는지 복사해야합니까? 그들이 옳지 않아야합니다?

도움이 되었습니까?

해결책

사용 인용 태그:

<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> 또는 a <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>

오랫동안 사용했습니다 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>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top