인용과 줄 바꿈
텍스트가 짧은 인라인 인용문
<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
Last updated
Was this helpful?