코드랩 레퍼런스
<blockquote> 본문
<blockquote> 태그는 긴 문장의 인용문을 정의합니다.
| 특징 | 설명 |
|---|---|
| 콘텐츠 카테고리 | Flow content, Sectioning root, Palpable content. |
| 콘텐츠 속성 | Global Attributes, Event Attributes |
| 콘텐츠 요소 | Inline Element |
| 닫는 태그 | Closing (<blockquote> ~ </blockquote>) |
| 버전 | HTML5 |
| 시각적 표현 | 여백이 생김 |
Definition
- 인용(quotation)을 표현하는 태그는 <blockquote> 태그와 <q> 태그가 있습니다.
- <blockquote> 태그는 전체 문장에 해당하는 긴 인용문에 사용합니다.
- <blockquote> 태그를 사용하면 자동으로 여백이 생깁니다. 여백이 목적이라면 CSS를 사용합니다.
Compare
CrossBroswing
- HTML4에서는 <blockquote> 태그는 긴 인용문으로 정의했지만, HTML5에서 <blockquote> 태그는 다른 소스에서 인용된 부분으로 정의하고 있습니다.
Property
| 속성 | 값(예) | 설명 | 버전 |
|---|---|---|---|
| cite | cite="URL" | 인용된 사이트 주소를 설정합니다. | - |
Compatibility
 |
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <blockquote> |
Sample
blockquote 태그
HTML4에서는 blockquote 요소는 긴 인용문으로 정의했지만, HTML5에서 blockquote 요소는 다른 소스에서 인용된 부분으로 정의하고 있습니다. blockquote 요소를 사용하면 자동으로 여백이 생깁니다. 여백이 목적이라면 CSS를 사용합니다. 짧은 인용문을 정의한다면 q 요소를 사용합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Sample q</title>
</head>
<body>
<h1>blockquote 태그</h1>
<blockquote>
<p>HTML4에서는 blockquote 요소는 긴 인용문으로 정의했지만, HTML5에서 blockquote 요소는 다른 소스에서 인용된 부분으로 정의하고 있습니다. blockquote 요소를 사용하면 자동으로 여백이 생깁니다. 여백이 목적이라면 CSS를 사용합니다. 짧은 인용문을 정의한다면 q 요소를 사용합니다.</p>
</blockquote>
</body>
</html>
Ad
Comments