..

Search

<blockquote>

HTML <blockquote> 태그

정의 및 특징

<blockquote> 태그는 다른 출처로부터 인용된 블록을 정의할 때 사용하며, 이렇게 인용된 블록을 브라우저는 보통 들여쓰기를 사용하여 표현합니다.

 

짧은 길이의 인용구를 정의할 때는 블록으로 나뉘는 <blockquote> 요소보다는 <q> 요소를 사용하는 것이 바람직합니다.

예제
<blockquote>
    HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)라는
의미의 웹 페이지를 위한 지배적인 마크업 언어다. HTML과 CSS 표준의 공동 책임자인 W3C는 명확하고 표상적인 마크업을 위하여
CSS의 사용을 권장한다.
</blockquote>

코딩연습 ▶

지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera
<blockquote> 지원함 지원함 지원함 지원함 지원함 지원함

HTML5에서 변경된 사항

HTML 4.01에서 <blockquote> 태그는 길이가 긴 인용구를 정의하는데 사용됐습니다.

하지만 HTML5에서는 다른 출처로부터 인용된 블록을 정의할 때 사용되도록 변경되었습니다.

HTML과 XHTML에서의 차이점

XHTML에서 <blockquote> 요소는 반드시 블록(block) 타입의 요소만을 포함해야 합니다.

<blockquote>
  <p>HTML은 하이퍼텍스트 마크업 언어라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다.</p>
</blockquote>

사용할 수 있는 속성

속성명   속성값 설명

cite

 

URL

인용된 내용의 출처(source)를 명시함.

CSS 기본값

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

DOM 인터페이스

interface HTMLQuoteElement : HTMLElement {
  attribute DOMString cite;
};

연관 페이지

HTML 인용구 수업 ⇒

연습문제