..

Search

<dfn>

HTML <dfn> 태그


정의 및 특징

<dfn> 태그는 HTML에서 용어(term)의 정의를 나타낼 때 사용합니다.

 

HTML 문서에서 해당 용어가 가장 처음 사용될 때 흔히 <dfn> 요소를 사용하여 용어를 정의하게 됩니다.

이때 <dfn> 요소의 부모 요소에는 해당 용어에 대한 정의나 설명이 반드시 포함되어 있어야만 합니다.


예제 1

<p><dfn>W3C</dfn>는 월드 와이드 웹(WWW)을 위한 표준을 제정하고 관리하는 중립적인 기관입니다.</p>

코딩연습 ▶

 

예제 2

<p><dfn title="World Wide Web Consortium">W3C</dfn>는 
    월드 와이드 웹(WWW)을 위한 표준을 제정하고 관리하는 중립적인 기관입니다.</p>

코딩연습 ▶

 

예제 3

<p><dfn><abbr title="World Wide Web Consortium">W3C</abbr></dfn>는
    월드 와이드 웹(WWW)을 위한 표준을 제정하고 관리하는 중립적인 기관입니다.</p>

코딩연습 ▶

 

예제 4
<p><dfn id="lorem">Lorem ipsum</dfn> dolor sit amet, consectetur adipiscing elit.</p>
<p>Cras tempus elit vitae pretium commodo ... eget blandit turpis sem et nisl.</p>
<p>Morbi sit amet posuere mauris ... Nullam non aliquam arcu.</p>
<p>Aliquam sed velit scelerisque, iaculis massa a, fermentum dolor... Ut non hendrerit mauris.</p>
<p>Donec ut mattis nibh ... Fusce mattis maximus ante ac lacinia.</p>
<p>Fusce condimentum sapien eu nibh auctor fermentum eu ut magna ... laoreet id odio.</p>
...
<p><a href="#lorem">Lorem ipsum</a>이란 무엇인지 알아보죠!</p>

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<dfn> 지원함 지원함 지원함 1.0 지원함 지원함

CSS 기본값

dfn {

  font-style: italic;

}


DOM 인터페이스


연습문제