..

Search

<q>

HTML <q> 태그


정의 및 특징

<q> 태그는 짧은 인용구(short quotation)를 정의할 때 사용합니다.

 

이러한 인용구를 브라우저는 보통 앞뒤에 따옴표를 추가하여 표현합니다.

다른 출처로부터 인용된 인용 블록을 정의할 때는 <q> 요소보다는 <blockquote> 요소를 사용하는 것이 바람직합니다.


예제

<p>통계 사이트인 StarCounter에 따르면,
        <q>2019년 2월 현재 가장 높은 점유율을 보이는 웹 브라우저는 크롬 브라우저</q>라고 합니다.</p>

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<q> 지원함 지원함 지원함 1.0 지원함 지원함

사용할 수 있는 속성

속성명   속성값 설명

cite

 

URL

인용구의 출처(source)를 명시함.


CSS 기본값

q {

  display: inline;

}

 

q:before {

  content: open-quote;

}

 

q:after {

  content: close-quote;

}


DOM 인터페이스

interface HTMLQuoteElement : HTMLElement {

  attribute DOMString cite;

};


연관 페이지

HTML 인용구 수업 ⇒


연습문제