CSS 인용문 사용시

인용문의 사용시 가장 유용한게 사용할 수 있는 태그는
<blockquote> 태그이다.

W3C에서 인용문을 위한 고안한 태그이며, 내용의 의미와 구조를 모두 살릴 수 있다.
CSS 규칙만 적용하면 되므로 인용문에 스타일을 입히기가 쉽다.
CSS를 사용하지 않더라도 모든 브라우저에서다른 일반 텍스트와 구분할 수 있는 충분한 근거가 된다.

예_HTML)
<blockquote cite="http://www.somewebsites.com/path/to/page.html">
  <p id="quote">"부적절한 인용이란 한번도 인용되지 않은 문장을 인용하는 것이다."</p>
  <p id="author">&#8212; 헤스키스 피어슨</p>
 </blockquote>

예_CSS)
blockquote{
 width: 300px;
 text-align: center;
 margin: 0;
 padding: 0;
 font-family: georgia, serif;
 font-size: 150%;
 leter-spacing: -1px;
 line-height: 1em;
 color: #555;
}

#quote{
 margin: 0 10px 0 0;
 padding: 20px 10px 10px 20px;
}

#author{
 margin: 0 10px 0 0;
 padding: 0 0 10px 0;
 color: #999;
 font-size: 60%;
}

이 글과 관련있는 글을 자동검색한 결과입니다 [?]

by 소심이 | 2008/03/15 16:30 | 느린나무의 Program | 트랙백

트랙백 주소 : http://daenamoo09.egloos.com/tb/1520333
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
※ 로그인 사용자만 덧글을 남길 수 있습니다.

◀ 이전 페이지          다음 페이지 ▶