Whiteship's Note

Chapter 4. Quatations

View/HTML/CSS : 2008.03.23 15:11


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

'View > HTML/CSS' 카테고리의 다른 글

Chapter 10. Applying CSS  (0) 2008.03.26
Chapter 9. Minimizing Markup  (0) 2008.03.23
Chapter 8. More Lists  (0) 2008.03.23
Chapter 7. Anchors  (0) 2008.03.23
Chapter 6. Strong, EM and Other Phrase Elements  (0) 2008.03.23
Chapter 5. Forms  (0) 2008.03.23
Chapter 4. Quatations  (0) 2008.03.23
Chapter 4. Quatations  (0) 2008.03.20
Chapter 3. Tables are Evil?  (0) 2008.03.18
Chapter 2. Headings  (0) 2008.03.18
Chapter 1. Lists  (0) 2008.03.18
top




: 1 : ··· : 10 : 11 : 12 : 13 : 14 : 15 : 16 : 17 : 18 :