코드랩 레퍼런스
<q> 본문
<q> 태그는 짧은 인용을 정의합니다.
| 특징 | 설명 |
|---|---|
| 콘텐츠 카테고리 | Flow content, Phrasing content, Palpable content. |
| 콘텐츠 속성 | Global Attributes, Event Attributes |
| 콘텐츠 요소 | Inline Element |
| 닫는 태그 | Closing (<q>~</q>) |
| 시각적 표현 | 큰따옴표로 표현 |
| 버전 | HTML4 |
Definition
- <q> 태그는 짧은 인용을 정의합니다.
- <q> 태그는 인용의 출처를 밝히기 위해 cite 속성을 사용 할 수도 있습니다.
- 큰 따옴표를 숨기기 위해서 quotes: none; 속성을 사용할 수 있습니다.
Compare
- 전체 문장에 해당하는 긴 인용문을 정의한다면 <blockquote>를 사용합니다.
- HTML4에서는 <cite> 요소를 인용문에 사용하였습니다.
Cross Browsing
- width 속성은 HTML5에서 지원하지 않습니다.
- <q> 태그는 대부분 브라우저에서 큰따옴표("")가 표현되지만, 익스플로러에서는 표현되지 않는 경우도 있습니다.
Property
| 속성 | 값(예) | 설명 | 버전 |
|---|---|---|---|
| cite | cite="url" | 인용한 사이트 주소를 설정합니다. | - |
Compatibility
 |
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <q> |
Sample
q 태그
- q 태그는 짧은 인용을 정의할 때 사용합니다.
- q 태그는 인용의 출처를 밝히기 위해 cite 속성을 사용 할 수도 있습니다.
- 이 글은
"코드랩"
에서 인용하였습니다. "코드랩"
에서 인용했을 때 cite 속성을 적용할 수도 있습니다.- 큰 따옴표를 숨기기 위해서 quotes: none; 속성을 사용할 수 있습니다.
- 전체 문장에 해당하는 긴 인용문을 정의한다면 <blockquote>를 사용합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Sample q</title>
</head>
<body>
<h1>q 태그</h1>
<div>
<ul>
<li>q 태그는 짧은 인용을 정의할 때 사용합니다.</li>
<li>q 태그는 인용의 출처를 밝히기 위해 cite 속성을 사용 할 수도 있습니다.</li>
<li>이 글은 <q>코드랩</q>에서 인용하였습니다.</li>
<li><q cite="http://coderap.tistory.com/85">코드랩</q>에서 인용했을 때 cite 속성을 적용할 수도 있습니다.</li>
<li>큰 따옴표를 숨기기 위해서 quotes: none; 속성을 사용할 수 있습니다.</li>
<li>전체 문장에 해당하는 긴 인용문을 정의한다면 <blockquote>를 사용합니다.</li>
</ul>
</div>
</body>
</html>