본문 바로가기

Webstoryboy

Category

Explanation

HTML

[HTML] <q>

<q>

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


<q>

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

특징 설명
요소 인라인 요소(Inline Element)
닫는 태그 닫는 태그 사용(<q> ~ </q>)
버전 HTML4
시각적 표현 큰 따옴표의 기울기체

정의(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)

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

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기