코드랩 레퍼런스

<q> 본문

HTML

<q>

webstoryboy 2016. 6. 4. 20:21
<q> 태그는 짧은 인용을 정의합니다.
특징 설명
콘텐츠 카테고리 Flow content, Phrasing content, Palpable content.
콘텐츠 속성 Global Attributes, Event Attributes
콘텐츠 요소 Inline Element
닫는 태그 Closing (<q>~</q>)
시각적 표현 큰따옴표로 표현
버전 HTML4

Definition

  • <q> 태그는 짧은 인용을 정의합니다.
  • <q> 태그는 인용의 출처를 밝히기 위해 cite 속성을 사용 할 수도 있습니다.
  • 큰 따옴표를 숨기기 위해서 quotes: none; 속성을 사용할 수 있습니다.

Compare

  • 전체 문장에 해당하는 긴 인용문을 정의한다면 <blockquote>를 사용합니다.
  • HTML4에서는 <cite> 요소를 인용문에 사용하였습니다.

Cross Browsing

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

Property

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

Compatibility

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

Sample

q 태그

  • q 태그는 짧은 인용을 정의할 때 사용합니다.
  • q 태그는 인용의 출처를 밝히기 위해 cite 속성을 사용 할 수도 있습니다.
  • 이 글은 "코드랩"에서 인용하였습니다.
  • "코드랩"에서 인용했을 때 cite 속성을 적용할 수도 있습니다.
  • 큰 따옴표를 숨기기 위해서 quotes: none; 속성을 사용할 수 있습니다.
  • 전체 문장에 해당하는 긴 인용문을 정의한다면 <blockquote>를 사용합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Sample q</title>
</head>
<body>
    <h1>q 태그</h1>
    <div>
        <ul>
	        <li>q 태그는 짧은 인용을 정의할 때 사용합니다.</li>
	        <li>q 태그는 인용의 출처를 밝히기 위해 cite 속성을 사용 할 수도 있습니다.</li>
	        <li>이 글은 <q>코드랩</q>에서 인용하였습니다.</li>
	        <li><q cite="http://coderap.tistory.com/85">코드랩</q>에서 인용했을 때 cite 속성을 적용할 수도 있습니다.</li>
	        <li>큰 따옴표를 숨기기 위해서 quotes: none; 속성을 사용할 수 있습니다.</li>
	        <li>전체 문장에 해당하는 긴 인용문을 정의한다면 <blockquote>를 사용합니다.</li>
        </ul>
    </div>
</body>
</html>

Ad

Comments