인용과 줄 바꿈

• 텍스트가 짧은 인라인 인용문 <q>를 사용하고 긴 인용문을 사용할 때는 <blockquote>를 사용한다.

• 해당 내용의 출처 주소가 있는 경우 <cite>속성을 사용한다.

• 줄 바꿈(Line Break)이 필요한 경우 <br>요소를 사용한다.

<q>

• <q>요소는 짧은 인라인 인용문을 나타낼 때 사용한다. 대부분의 브라우저에서는 쌍/홑 따옴표를 붙여서 표현한다.

• <q>는 줄 바꿈이 없는 짧은 경우에 적합합니다.

• 인용문을 사용할 때 만드시 <q> 요소를 사용해야 하는 것은 아니다. <p> 요소를 사용해서 쌍/홑 따옴표 사해서 표현해 줄 수 있다.

<p>In <cite>Example One</cite>, he writes <q>The man
said <q>Things that are impossible just take longer</q>. I
disagreed with him</q>. Well, I disagree even more!</p>

q 요소의 명시적 인용 링크와 외부의 명시적 인용이 모두 있는 예시.

<p>The W3C page <cite>About W3C</cite> says the W3C's
mission is <q cite="http://www.w3.org/Consortium/">To lead the
World Wide Web to its full potential by developing protocols and
guidelines that ensure long-term growth for the Web</q>. I
disagree with this mission.</p>

<q> 요소 대신 <p> 요소에 쌍/홑 따옴표를 입력해 줄 수 있다.

<p>His best argument was ❝I disagree❞, which
I thought was laughable.</p>

<blockquote>

블록 인용문의 내용은 반드시 다른 출처에서 인용되어야 한다.

<cite>

• <cite>는 인라인 요소이다.

• 네이티브 font-style은 이텔릭체이다. 이는 CSS로 설정가능하다.

• <cite> 요소는 구문 컨텐츠를 허용하는 모든 요소를 부모로 할 수 있.

<blockquote>
    <p>It was a bright cold day in April, and the clocks were striking thirteen.</p>
        First sentence in 
        <cite><a href="http://www.george-orwell.org/1984/0.html">
        Nineteen Eighty-Four</a></cite> 
    by George Orwell (Part 1, Chapter 1).
</blockquote>

참고

• [MDN] <q>

• [MDN] <cite>

• [MDN] <blockquote>

• [MDN] <br>

• [W3C] the q element

• [W3C] the cite element

• [W3C] the blockquote element

• [W3C] the br element