코드랩 레퍼런스

<blockquote> 본문

HTML

<blockquote>

webstoryboy 2016. 5. 24. 19:21
<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

  • 짧은 인용문을 정의한다면 <q> 태그를 사용합니다.
  • HTML4에서는 <cite> 요소를 인용문에 사용하였습니다.

CrossBroswing

  • HTML4에서는 <blockquote> 태그는 긴 인용문으로 정의했지만, HTML5에서 <blockquote> 태그는 다른 소스에서 인용된 부분으로 정의하고 있습니다.

Property

속성 값(예) 설명 버전
cite cite="URL" 인용된 사이트 주소를 설정합니다. -

Compatibility

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 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