HTML / 인용하기 – q, blockquote

HTML / 인용하기 - q, blockquote

인용

인용임을 나타내는 태그에는 q와 blockquote가 있습니다. q는 문단 안에서 인용할 때 사용하는 인라인 요소이고, blockquote는 새로운 문단에서 인용하는 블록 요소입니다.

문법

<q cite="xxx">...</q>
<blockquote cite="xxx">...</blockquote>

1 2	<q cite="xxx">...</q> <blockquote cite="xxx">...</blockquote>

인용문의 출처는 cite 속성으로 나타냅니다. cite 속성 입력은 선택사항이고, 웹브라우저에서는 보이지 않습니다.

예제 1

q 요소의 기본 모양은 인용문구를 큰 따옴표로 감싸는 것입니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>HTML</title>
  </head>
  <body>
    <p>
      Lorem ipsum dolor sit amet
      <q cite="https://www.codingfactory.net/">consectetur adipiscing</q>
      elit.
    </p>
  </body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<!doctype html>

<head>

</head>

<body>

Lorem ipsum dolor sit amet

<q cite="https://www.codingfactory.net/">consectetur adipiscing</q>

elit.

</body>

</html>

예제 2

blockquote 요소의 기본 모양은 양쪽에 여백이 있는 것입니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>HTML</title>
  </head>
  <body>
    <p>blockquote</p>
    <blockquote>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla.</p>
    </blockquote>
  </body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

<!doctype html>

<head>

</head>

<body>

blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla.

</blockquote>

</body>

</html>

HTML

CODING FACTORY