정의 및 사용 방법
<q>
태그는
다른 출처에서 인용한 일부 문구 내용을 나타냅니다.
짧은 인라인 인용문에 사용하며, 대부분의 브라우저에서는 이 텍스트의 앞과 뒤에 따옴표를 붙여서 인용문임을 표시합니다.
<p>그는 말했다. <q>책은 지식의 창고다.</q></p>
그는 말했다. 책은 지식의 창고다.
HTML 명세서에 따르면 <q>
태그는 다음과 같이 사용해야 합니다.
<q>
태그를 사용할 때에는 따옴표와 같은 인용 부호를 직접적으로<q>
태그 요소 내부, 외부, 혹은 주변에 두어서는 안 되며, 이러한 부호는 브라우저가 렌더링 시 자동으로 처리합니다. 하지만,<q>
태그를 사용하여 인용문을 표시하는 것은 완전히 선택 사항입니다.<q>
태그를 사용하지 않고도 명시적인 인용 부호를 사용하는 것 역시 올바른 방법입니다. 즉, 두 가지 방법 모두 HTML에서 올바른 방법으로 간주됩니다.<q>
태그 내부의 내용은 다른 출처에서 직접 인용한 것이어야 하며, 이 출처가 존재한다면cite
속성을 사용하여 출처를 표기할 수 있습니다. 출처는 소설이나 대본과 같이 가상의 출처일 수도 있습니다.
인라인이 아닌 별도의 독립적인 인용 구간을 나타낼 때는 <blockquote>
태그를 사용하세요.
<q>
태그 사용과 인용 부호
<q>
태그를 사용하여 인용문을 표시하는 것은 완전히 선택 사항입니다.
<q>
태그를 사용하지 않고도 명시적인 인용 부호를 사용하는 것 역시 올바른 방법입니다. 즉, 두 가지 방법 모두 HTML에서 올바른 방법으로 간주됩니다.
<q>
태그를 사용한 인용문 예제
<p>
알버트 아인슈타인은 말했습니다. <q>지식의 유일한 원천은 경험이다.</q>
</p>
알버트 아인슈타인은 말했습니다. 지식의 유일한 원천은 경험이다.
<p>
알버트 아인슈타인은 말했습니다. "지식의 유일한 원천은 경험이다."
</p>
알버트 아인슈타인은 말했습니다. "지식의 유일한 원천은 경험이다."
이 두 예제는 모두 "지식의 유일한 원천은 경험이다."라는 인용문을 나타내며, 첫 번째 예제는 <q>
태그를 사용하여 표시하고 있고, 두 번째 예제는 명시적인 인용 부호를 사용하여 표시하고 있습니다. 이러한 방법 모두 HTML 명세서에서 올바른 방법으로 간주됩니다.
<q>
태그에서 cite
속성 사용법
cite
속성은
인용된 정보에 대한 원본 문서 또는 메시지를 지정하는 URL입니다.
<p>
다음은 유명한 명언입니다.
<q cite="https://www.brainyquote.com/quotes/albert_einstein_100134">
상상력은 무한한 것이다. 지식은 제한된 것이다.
</q>
</p>
다음은 유명한 명언입니다.
상상력은 무한한 것이다. 지식은 제한된 것이다.
<q>
와 <cite>
태그의 차이점
<q>
와 <cite>
태그는 모두 인용을 표현할 때 사용되지만, 용도와 의미는 완전히 다릅니다.
<q>
태그는 다른 출처에서 인용한 일부 문구 내용을 나타내고, <cite>
태그는 인용된 작품의 제목 또는 이름을 나타냅니다.
<cite>
태그
창작물의 제목(예를 들어, 책, 뮤지컬, 전시회, 판례보고서, 컴퓨터프로그램 등)을 나타냅니다.
로 문서나 작품의 이름, 제목 등을 강조하거나 식별하기 위해 사용됩니다. <cite>
태그는 인용하는 창작물의 제목을 표시하는 것이 주요 목적이며, 보통 이탤릭체로 표시됩니다.
<p>인용된 작품의 제목은 <cite>코딩에브리바디</cite>입니다.</p>
인용된 작품의 제목은 코딩에브리바디입니다.
브라우저 호환성
태그 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
---|---|---|---|---|
<q>
|
1 | 12 | 1 | 3 |
명세서
명세서 사양 | |
---|---|
<q>
|
HTML Standard #the-q-element |