본문 바로가기

Webstoryboy

Category

Explanation

REFERENCE/HTML

[HTML] <q>

<q>

<q> 태그는 짧은 글을 인용할 때 사용합니다. 인용한 글의 출처는 cite 속성을 통해 표현 할 수 있으며, 긴 문장의 인용은 <blockquote> 태그를 사용할 수 있습니다.


<q>

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

정의(Definition)

  • <q> 태그는 짧은 인용을 정의합니다.
  • <q> 태그는 인용의 출처를 밝히기 위해 cite 속성을 사용 할 수도 있습니다.

크로스브라우징(CrossBroswing)

  • <q> 태그는 대부분 브라우저에서 큰따옴표("")가 표현되지만, 구익스플로러에서는 표현되지 않는 경우도 있습니다.

비교(Compare)

  • 짧은 인용문의 인라인을 정의한다면 <q> 태그를 사용합니다.
  • 긴 인용문의 섹션을 정의한다면 <blockquote> 태그를 사용합니다.
  • 인용한 작품의 참조를 정의한다면 <cite> 태그를 사용합니다.

속성(Property)

속성 값(예) 설명 버전
cite cite="url" 인용한 사이트 주소를 설정합니다. -

Sample1

짧은 인용을 쓸 때 사용하는 예제입니다.

결과
다음과 같은 정보는 웹스토리보이 사이트에 자세하게 설명이 되어 있습니다.
q 태그는 짧은 인용을 할때 쓰고, blockquote 태그는 긴 문장을 인용할 때 사용합니다.
html
다음과 같은 정보는 웹스토리보이 사이트에 자세하게 설명이 되어 있습니다. 
<q>q 태그는 짧은 인용을 할때 쓰고, blockquote 태그는 긴 문장을 인용할 때 사용합니다.</q>

Sample2

짧은 인용과 site 속성을 사용하는 예제입니다.

결과
다음과 같은 정보는 웹스토리보이 사이트에 자세하게 설명이 되어 있습니다.
q 태그는 짧은 인용을 할때 쓰고, blockquote 태그는 긴 문장을 인용할 때 사용합니다.
html
다음과 같은 정보는 웹스토리보이 사이트에 자세하게 설명이 되어 있습니다. 
<q cite="https://webzz.tistory.com/315">q 태그는 짧은 인용을 할때 쓰고, blockquote 태그는 긴 문장을 인용할 때 사용합니다.</q>

호환성(Compatibility) 더보기 caniuse.com

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<q> 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

참고(Reference)

  • MDN
  • HTML5

Tag

AD

comments