HTML <blockquote>: 블록 인용문 요소
HTML <blockquote>
요소는 감싸고 있는 텍스트가 긴 인용문임을 나타냅니다. 보통 들여쓰기를 적용한 모습으로 그려집니다. 출처의 URL은 cite
특성으로 제공할 수 있고, 출처 텍스트는 <cite>
요소로 나타낼 수 있습니다.
<figure>
<blockquote cite="https://html.spec.whatwg.org/multipage/grouping-content.html#the-blockquote-element">
<p>The blockquote element represents a section that is quoted from another source.</p>
</blockquote>
<figcaption>—WHATWG, <cite>HTML Standard</cite></figcaption>
</figure>
blockquote {
border-left: 4px solid darkturquoise;
margin: 0 0 10px;
padding: 2px 30px;
}
p {
margin: 0;
}
불러오는 중...
특성
전역 특성을 포함합니다.
cite
출처 문서나 메시지를 가리키는 URL입니다. 인용문의 맥락 혹은 출처 정보를 가리킬 용도입니다.
사용 일람
- 짧은 인용문을 별도의 블록 없이 인라인으로 포함하려면
<q>
요소를 사용하세요.
명세
브라우저 호환성
데스크톱 | 모바일 | ||||||
---|---|---|---|---|---|---|---|
iOS | Android | ||||||
Safari | Chrome | Firefox | Safari | Chrome | Firefox | Samsung Internet | |
blockquote |