2008년 03월 15일
CSS 인용문 사용시
인용문의 사용시 가장 유용한게 사용할 수 있는 태그는
<blockquote> 태그이다.
W3C에서 인용문을 위한 고안한 태그이며, 내용의 의미와 구조를 모두 살릴 수 있다.
CSS 규칙만 적용하면 되므로 인용문에 스타일을 입히기가 쉽다.
CSS를 사용하지 않더라도 모든 브라우저에서다른 일반 텍스트와 구분할 수 있는 충분한 근거가 된다.
예_HTML)
<blockquote cite="http://www.somewebsites.com/path/to/page.html">
<p id="quote">"부적절한 인용이란 한번도 인용되지 않은 문장을 인용하는 것이다."</p>
<p id="author">— 헤스키스 피어슨</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 | 트랙백





☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]