[HTML] <dfn>

<dfn>

<dfn> 태그는 용어를 정의할 때 설정합니다.

---

<dfn>

<dfn> 태그는 용어를 정의할 때 설정합니다.

특징	설명
요소	인라인 요소(Inline Element)
닫는 태그	닫는 태그 사용(<dfn> ~ </dfn>)
버전	HTML4
시각적 표현	이탤릭체
사용성

정의(Definition)

• <dfn> 태그는 학문적인 개념이나 새로운 용어 및 전문어를 정의(Definition)할 때 사용합니다.
• <dfn> 태그는 여러개의 전문적인 용어가 동일하게 사용 되었을때에는 처음만 정의합니다.
• <dfn> 태그는 부모 요소는 정의된 요소의 설명이 포함되어 있어야 합니다.
• <dfn> 태그는 title 속성을 넣어서 약어를 설명 할 수 있습니다.
• <dfn> 태그는 <abbr> 태그를 같이 사용하여 약어를 설명 할 수 있습니다.
• <dfn> 태그는 아이디를 설정하여, <a> 링크로 참조할 수 있습니다.

비교(Compare)

• 글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i> 태그를 사용합니다.
• 글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b> 태그를 사용합니다.
• 글씨를 강조하고 싶다면 <em> 태그를 사용합니다.
• 글씨를 강조하고 중요성까지 강조하고 싶다면 <strong> 태그를 사용합니다.
• 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark> 태그를 사용합니다.
• 글씨의 전문적인 용어를 정의할 때는 <dfn> 태그를 사용합니다.
• 글씨의 저작권 및 법적 텍스트 표시는 <small> 태그를 사용합니다.
• 글씨를 위첨자로 표현하고 싶다면 <sup> 태그를 사용합니다.
• 글씨를 아래첨자로 표현하고 싶다면 <sub> 태그를 사용합니다.
• 글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u> 태그를 사용합니다

예제1(Sample)

<dfn> 태그는 줄임말이나 머리글자 태그(abbr)와 같이 사용할 수 있습니다.

지금은 HTML과 CSS를 공부하고 있습니다.

HTML이란? 웹 페이지를 볼 수 있는 언어입니다.

CSS이란? 웹 페이지를 꾸며주는 언어입니다.

HTML

CSS

SCRIPT

<div>
    <p>지금은 HTML과 CSS를 공부하고 있습니다.</p>
    <p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn>이란? 웹 페이지를 볼 수 있는 언어입니다. </p>
    <p><dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn>이란? 웹 페이지를 꾸며주는 언어입니다. </p>
</div>

abbr {
    color: #FF4B4C;
    border-bottom: 1px solid #FF4B4C;
}

//Javascript none

예제2(Sample)

글씨와 관련된 태그들 예제입니다.

글씨와 관련된 태그들

• 글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i> 태그를 사용합니다.
• 글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b> 태그를 사용합니다.
• 글씨를 강조하고 싶다면 <em> 태그를 사용합니다.
• 글씨를 강조하고 중요성까지 강조하고 싶다면 <strong> 태그를 사용합니다.
• 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark> 태그를 사용합니다.
• 글씨의 전문적인 용어를 정의할 때는 <dfn> 태그를 사용합니다.
• 글씨의 저작권 및 법적 텍스트 표시는 <small> 태그를 사용합니다.
• 글씨를 위첨자로 표현하고 싶다면 <sup> 태그를 사용합니다.
• 글씨를 아래첨자로 표현하고 싶다면 <sub> 태그를 사용합니다.
• 글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u> 태그를 사용합니다

HTML

CSS

SCRIPT

<h2>글씨와 관련된 태그들</h2>
<ul>
    <li>글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i>i</i> 태그를 사용합니다.</li>
    <li>글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b>b</b> 태그를 사용합니다.</li>
    <li>글씨를 강조하고 싶다면 <em>em</em> 태그를 사용합니다.</li>
    <li>글씨를 강조하고 중요성까지 강조하고 싶다면 <strong>strong</strong> 태그를 사용합니다.</li>
    <li>글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark>mark</mark> 태그를 사용합니다.</li>
    <li>글씨의 전문적인 용어를 정의할 때는 <dfn>dfn</dfn> 태그를 사용합니다.</li>
    <li>글씨의 저작권 및 법적 텍스트 표시는 <small>small</small> 태그를 사용합니다.</li>
    <li>글씨를 위첨자로 표현하고 싶다면 <sup>sup</sup> 태그를 사용합니다.</li>
    <li>글씨를 아래첨자로 표현하고 싶다면 <sub>sub</sub> 태그를 사용합니다.</li>
    <li>글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u>u</u> 태그를 사용합니다</li>
</ul>

//CSS none

//Javascript none

호환성(Compatibility)

						6	7	8	9	10	11
<dfn>	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능

참고 사이트(Reference)

• MDN
• w3

---