차림

2006년 10월 23일

XHTML blockquote 쓸 때 주의점

인용할 때 쓰는 <blockquote> 태그는 안에 들어가는 것도 반드시 <p>나 <div> 같은 형님 (block) 태그로 감싸주어야 한다. 만약 <blockquote> 태그 안에 그냥 글자만 넣었거나 아우 (inline) 태그로만 감쌌다면 웹 표준 검사에서 오류라고 나온다.

잘못 쓴 예 1


<blockquote>blockquote 태그를 쓸 때는 조심해야 합니다. 
그렇지 않으면 웹 표준 검사를 통과하지 못합니다. 그래서 
(중략) 
라고들 합니다.</blockquote>

위 코딩은 잘못된 것이다. <blockquote> 태그 안에 들어가 있는 문장은 <p> 태그로 감싸주어야 한다.

잘못 쓴 예 2


<blockquote>
<p>blockquote 태그를 쓸 때는 조심해야 합니다. 
그렇지 않으면 웹 표준 검사를 통과하지 못합니다. 그래서 
(중략) 
라고들 합니다.</p>
<cite>- 믿을만한 소식통</cite>
</blockquote>

위 코딩도 잘못된 것이다. <cite> 태그는 형님 태그가 아니라 아우 태그이다. 이것도 <p> 태그 등으로 감싸주어야 한다.

제대로 쓴 예

<cite> 태그로 인용문 출처를 밝힐 경우 <blockquote> 태그는 다음과 같이 코딩해야 한다.


<blockquote>
<p>blockquote 태그를 쓸 때는 조심해야 합니다. 
그렇지 않으면 웹 표준 검사를 통과하지 못합니다. 그래서 
(중략) 
라고들 합니다.</p>
<p><cite>- 믿을만한 소식통</cite></p>
</blockquote>
목록