HTML <q> 태그
예시
짧은 인용문을 표시하십시오.
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
태그 는 <q>짧은 인용문을 정의합니다.
브라우저는 일반적으로 따옴표 주위에 따옴표를 삽입합니다.
팁: 긴 인용문 에는 <blockquote> 를 사용하세요 .
브라우저 지원
| Element | |||||
|---|---|---|---|---|---|
| <q> | Yes | Yes | Yes | Yes | Yes |
속성
| Attribute | Value | Description |
|---|---|---|
| cite | URL | Specifies the source URL of the quote |
전역 속성
<q>태그는 HTML의 전역 속성도 지원 합니다 .
이벤트 속성
<q>태그는 HTML의 이벤트 속성 도 지원합니다 .
더 많은 예
예시
CSS를 사용하여 <q> 요소 스타일 지정:
<html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<p>WWF's goal is to:
<q>Build a
future where people live in harmony with nature.</q>
We hope they succeed.</p>
</body>
</html>
관련 페이지
HTML DOM 참조: 인용 개체
기본 CSS 설정
대부분의 브라우저는 <q>다음 기본값으로 요소를 표시합니다.
예시
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}