HTML <blockquote> 태그
예시
다른 출처에서 인용한 섹션:
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
태그 는 <blockquote>다른 출처에서 인용된 섹션을 지정합니다.
브라우저는 일반적으로 <blockquote>요소를 들여씁니다(아래 예에서 들여쓰기를 제거하는 방법을 확인하세요).
팁 및 참고 사항
팁:<q> 인라인(짧은) 인용문에 사용 합니다.
브라우저 지원
| Element | |||||
|---|---|---|---|---|---|
| <blockquote> | Yes | Yes | Yes | Yes | Yes |
속성
| Attribute | Value | Description |
|---|---|---|
| cite | URL | Specifies the source of the quotation |
전역 속성
<blockquote>태그는 HTML의 전역 속성도 지원 합니다 .
이벤트 속성
<blockquote>태그는 HTML의 이벤트 속성 도 지원합니다 .
더 많은 예
예시
CSS를 사용하여 blockquote 요소에서 들여쓰기를 제거합니다.
<html>
<head>
<style>
blockquote {
margin-left: 0;
}
</style>
</head>
<body>
<p>Here is a quote from WWF's
website:</p>
<blockquote
cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has
been protecting the future of nature. The world's leading conservation
organization, WWF works in 100 countries and is supported by 1.2 million
members in the United States and close to 5 million globally.
</blockquote>
</body>
</html>
관련 페이지
HTML DOM 참조: Blockquote 개체
기본 CSS 설정
대부분의 브라우저는 <blockquote>다음 기본값으로 요소를 표시합니다.
예시
blockquote {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}