<blockquote>

용어

block : 블록레벨, quote : 인용하다.

정의 및 사용

<blockquote> 태그는 긴 인용구를 나타낼 때 사용하며, 인용구 전후에 자동으로 여백이 생기는 블록레벨 요소이다. strict 버전의 HTML/XHTML 에서는 blockquote 안의 텍스트에 반드시 다른 블록레벨 요소를 감싸주어야 한다.

브라우저 지원

IE6 지원IE7 지원IE8 지원IE9 지원IE10 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
속성 설명
cite URL 인용된 구문의 원문 사이트 주소를 적어준다.
class classname 정의된 클래스 네임을 지정할 수 있다.
dir rtl, ltr 왼쪽-오른쪽, 오른쪽-왼쪽 등의 글자 흐름 방향을 지정할 수 있다.
id id 정의된 아이디 이름을 지정할 수 있다. 단, id 값은 문서에서 하나만 사용 가능하다.
lang language_code 해당 문단의 언어코드를 지정할 수 있다.
style style_definition 해당 문단의 스타일을 인라인으로 정의할 수 있다.
title text 해당 문단의 추가적인 정보를 설명해서 넣을 수 있다.
xml:lang language_code xhtml 문서일 때 언어 코드를 지정하는 속성이다.

예제

버그 및 이슈

  • 짧은 인용문을 사용할 때는 인라인레벨 요소인 <q> 태그를 사용한다.
  • HTML4에서는 긴 인용 문구를 정의할 때 사용하지만 HTML5에서는 다른 소스로부터 인용된 부분을 나타낼 때 사용한다.

목록 으로

  • HTML 왕초보자

    2016년 4월 6일, 11:31 오후

    [답변]

    태그를 사용하면 양쪽에 40px 들어가면 문장이 나타나는데요 이 40px을 조정할 수 있는 방법 좀 알려주세요^^; 제가 정말 초보거든요. 구체적으로 알려주세요^^*

    • HTML 조금초보자

      2016년 5월 17일, 9:13 오후

      [답변]

      CSS에서 blockquote의 margin, padding 값을 초기화(0)으로 적용하시면 됩니다.

  • 우연적필연

    2014년 6월 7일, 9:44 오후

    [답변]

    흠…블랙레벨 요소는 무엇인가요??
    찾아보니 무슨 화소 얘기나오고 막 그러던데…
    블록레벨의 오타인가요???

    • kiris

      2014년 6월 16일, 10:33 오전

      [답변]

      “블랙”은 아니고 “블럭”이라고 표기했는데요. 외래어 표기법 상 “블록”이군요. 수정했습니다.^^;;

댓글