Quotations을 표현하는 방법

의미의 부재

<p>"Misquotations are the only quotations that are never

misquoted."</p>

<p>&#8212; Hesketh Pearson</p>
  • 본문의 다른 부분과 확연히 다른 어떤 스타일을 적용할 수가 없다.

class 사용하기

<div class="quotation">

<p>Misquotations are the only quotations that are never

misquoted.</p>

<p>&#8212; Hesketh Pearson </p>

</div>
  • <div> 태그로 감싸고 CSS로 스타일을 줄 수 있다.
  • 하지만 CSS를 지원하지 않는 옛날 브라우저들에게는 안 통한다.
  • <div> 태그로 코드가 금방 지져분해질 것이다.

<blockquote>가 짱

  • 본문에 구조적인 의미를 부여할 수 있다.
  • CSS가 안 통해서 들여쓰기 해준다.
  • 별도의 스타일을 적용할 수 있다.
  • 단, 들여쓰여진 본문을 표현하기 위한 용도로 이것을 사용하는 것은 안 좋은 습관이다.

Extra Credit

cite 속성 추가하기

  • 해당하는 부분의 글이 어디에서 참조됐는지 표현할 수 있다.
  • 하지만, 현재 대부분의 브라우저들은 이 기능을 지원하고 있지 않다.

inline quotation

  • <q> </q>를 사용한다.
  • lang 속성을 사용해서 언어에 맞는 quatation을 사용할 수 있다. www.w3.org/TR/html4/struct/dirlang.html#langcodes 찾조