HTML <blockquote> 태그

정의와 사용법

<blockquote> 태그는 다른 출처에서 인용된 부분을 정의합니다.

브라우저는 일반적으로 <blockquote> 요소(아래의 예제를 참조하여 인쇄 간격을 제거하는 방법을 알아보세요).

상세 설명

<blockquote> 태그는 블록 인용을 정의합니다.<blockquote> 와 </blockquote> 그 사이의 모든 텍스트는 일반 텍스트에서 분리되며, 자주 왼쪽과 오른쪽에 인쇄 간격이 생기고(밖쪽 마argins을 증가시킵니다) 때로는 기울임 텍스트로 사용됩니다. 즉, 블록 인용은 자신만의 공간을 가지고 있습니다.

힌트：사용하십시오 <q> 태그 행내(단기) 인용을 위해 사용합니다.

또한 참조하십시오：

HTML DOM 참조 매뉴얼：Blockquote 객체

예시

예제 1

다른 출처에서 인용된 부분：

<blockquote cite="http://www.worldwildlife.org/who/index.html">
50년간 세계 자연 보호 기금(WWF)은 자연의 미래를 지키고 있습니다.
세계적으로 선도적인 보호 조직으로, WWF는 100개국에서 활동하며 미국 120만명의 회원과 전 세계 500만명의 지지를 받고 있습니다.
</blockquote>

직접 시험해 보세요

예제 2

CSS를 사용하여 blockquote 요소의 인쇄 간격을 제거합니다：

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>이는 세계 자연 보호 기금 웹사이트에서 인용된 문장입니다：</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
50년간 세계 자연 보호 기금(WWF)은 자연의 미래를 지키고 있습니다.
세계적으로 선도적인 보호 조직으로, WWF는 100개국에서 활동하며 미국 120만명의 회원과 전 세계 500만명의 지지를 받고 있습니다.
</blockquote>
</body>
</html>

직접 시험해 보세요

속성

속성 값 설명
cite URL 참조의 출처를 정의합니다

전역 속성

<blockquote> 태그는 다음과 같은 이벤트 속성을 지원합니다 HTML에서의 전역 속성。

이벤트 속성

<blockquote> 태그는 다음과 같은 이벤트 속성을 지원합니다 HTML에서의 이벤트 속성。

기본 CSS 설정

대부분의 브라우저는 다음 기본 값으로 표시합니다 <blockquote> 요소:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

직접 시험해 보세요

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원