HTML <q> 태그

정의와 사용법

<q> 태그는 짧은 인용을 정의합니다.

브라우저는 일반적으로 인용 주위에 인용부호를 삽입합니다.

ヒント：장한 인용을 위해 사용하십시오： <blockquote> 태그。

다른 참조물을 참조하세요：

HTML DOM 참조 설명서：Quote 객체

예제

예제 1

단短的 인용을 표시하려면：

<p>세계 자연 기금의 목표는:
<q>인간과 자연이 조화를 이루는 미래를 건설하겠습니다。</q>
그들이 성공할 것을 바랍니다.</p>

직접 시험해 보세요

예제 2

CSS를 사용하여 <q> 요소의 스타일을 설정하십시오：

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>세계 자연 기금의 목표는:
<q>인간과 자연이 조화를 이루는 미래를 건설하겠습니다。</q>
그들이 성공할 것을 바랍니다.</p>
</body>
</html>

직접 시험해 보세요

속성

속성 값 설명
cite URL 인용의 소스 URL을 정의합니다

전역 속성

<q> 태그는 다음 이벤트 속성을 지원합니다 HTML에서의 전역 속성。

이벤트 속성

<q> 태그는 다음 이벤트 속성을 지원합니다 HTML에서의 이벤트 속성。

기본 CSS 설정

대부분의 브라우저는 다음 기본 값으로 표시합니다 <q> 요소:

q {
  display: inline;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

직접 시험해 보세요

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원