3. 인용_속성/특성

Attribute (속성)

태그의 동작을 설정 및 제어, 태그마다 설정 가능한 속성이 있음.

 

태그

태그	설명	비고
&lt;	<
&gt;	>
<blockquote> </blockquote>	비교적 긴 인용문에 사용	cite 속성으로 출처 표시
<cite> </cite>	저작물의 출처 표기 <blockquote> or <q> 태그 안에 작성	제목을 반드시 포함
<q> </q>	비교적 짧은 인용문에 사용	cite 속성으로 출처 표시
<mark> </mark>	인용문 중 하이라이트 표시
<abbr> </abbr>	준말/머릿글자 표시 (커서를 가져다 대면 내용 표기)	title 속성으로 작성

 

#1. &lt; , &gt; : < > 표시

<blockquote>

[웹 브라우저 출력]

<blockquote>

 

#2. <blockquote> </blockquote> : 긴 인용문에 사용 (들여쓰기)

  <h1>인용문 관련 태그</h1>
  <h2>blockquote와 cite 태그</h2>
  <blockquote cite="https://developer.mozilla.org/ko/docs/Web/HTML/Element/blockquote">
    <p>
      HTML &lt;blockquote&gt; 요소는 안쪽의 텍스트가 긴 <mark>인용문</mark>임을 나타냅니다. <br>
      주로 들여쓰기를 한 것으로 그려집니다. (외형을 바꾸는 법은 사용 일람을 참고하세요) <br>
      인용문의 출처 URL은 cite 특성으로, 출처 텍스트는 &lt;cite&gt; 요소로 제공할 수 있습니다.
    </p>
  </blockquote>

[웹 브라우저 출력]

 

#3. <q> </q> : 짧은 인용문에 사용

  <h2>짧은 인용문을 위한 q태그</h2>
  <p>
    <strong>q</strong> 태그에 대해 MDN 문서는
    <q cite="https://developer.mozilla.org/ko/docs/Web/HTML/Element/q">
      HTML &lt;q&gt;요소는 <br> 
      둘러싼 텍스트가 짧은 인라인 <mark>인용문</mark>이라는 것을 나타낸다.</q>
      라고 설명하고 있다.
  </p>

[웹 브라우저 출력]

 

#4. <mark> </mark> : 하이라이트 효과

 

#5. <abbr> </abbr> : 커서를 가져다대면 머리글 보이기

  <abbr title="Hypertext Markup Language">HTML</abbr
    >을 배워봅시다!

[웹 브라우저 출력]

Letter위에 마우스 올릴 때

<결론>

태그	설명	비고
&lt;	<
&gt;	>
<blockquote> </blockquote>	비교적 긴 인용문에 사용	cite 속성으로 출처 표시
<cite> </cite>	저작물의 출처 표기	제목을 반드시 포함
<q> </q>	비교적 짧은 인용문에 사용	cite 속성으로 출처 표시
<mark> </mark>	하이라이트 표시
<abbr> </abbr>	준말/머릿글자 표시 (커서를 가져다 대면 내용 표기)	title 속성으로 작성