html/css 독학하기

코스 전체목록

닫기

dfn

설명

The Definition (<dfn>) HTML element represents the defining instance of a term.

<dfn> HTML element는 용어를 의미를 정의하기 위해 사용된다. (instance의 의미는 변형, represent도 의역)

HTML5 Usage Notes:

  • The <dfn> element marks the term being defined; the definition of the term should be given by the surrounding <p>, <section> or definition list group (usually a <dt>, <dd> pair). 
  • <dfn> element는 정의되고 있는 용어를 표시한다. 용어의 뜻은 <p> 혹은 <section> 태그로 둘러싸서 표현하거나 <dt>,<dd>와 같은 definition list group으로 표현한다.
  • The exact value of the term being defined is determined by the following rules:
  • 정의하고자 하는 용어의 정확한 value는, 다음 규칙에 따라 결정한다.
    • If the <dfn> element has a title attribute, then the term is the value of that attribute.
    • <dfn> element가 title 속성을 가지고 있을 경우, 용어는 해당 속성의 value이다.
    • Else, if it contains only an <abbr> element with a title attribute, then the term is the value of that attribute.
    • 그렇지 않고 <dfn> element안에 title 속성을 가진 <abbr> element를 포함하고 있다면, <abbr>안의 title속성이 정의하고자 하는 용어이다.
    • Otherwise, the text content of the <dfn> element is the term being defined.
    • 그 외에는 <dfn> element의 text conent가 정의하고자 하는 용어이다.

속성

Like all HTML elements, this element provides the global attributes. It defines no other attributes. In HTML5, the title attribute has special meaning, as noted above.

모든 HTML element처럼 이 element는 global 속성을 사용할 수 있다. 그 외 다른 속성들은 사용하지 않는다. HTML5에서는 위에 기술한대로  title 속성이 특별한 의미를 갖는다.

예제

<!-- Define "The Internet" -->
<p><dfn id="def-internet">The Internet</dfn> is a global system of interconnected networks that use the Internet Protocol Suite (TCP/IP) to serve billions of users worldwide.</p>
<dl>
  <!-- Define "World-Wide Web" and reference definition for "the Internet" -->
  <dt>
    <dfn>
      <abbr title="World-Wide Web">WWW</abbr>
    </dfn>
  </dt>
  <dd>The World-Wide Web (WWW) is a system of interlinked hypertext documents accessed on <a href="#def-internet">the Internet</a>.</dd>
</dl>

DOM Interface

This element implements the HTMLElement interface.

이 요소는 HTMLElement 인터페이스를 구현한다.

참고

댓글

댓글 본문
  1. happytk
    밑에 세가지 list는 말씀주신대로 하면 좋을것 같아요. 감사합니다 ^^
    제가 번역하다가 고민이 되었던 부분은 'value-값'이라는 단어였는데요.
    뭐 HTML 개발을 하시면 개발자라고 봐도 무방하겠지만,그래도 '값'은 좀 한글에선 그리고 개발자가 아닌 경우에는 더더욱 어색해보이는 느낌이 있네요..
  2. engfordev
    잘 해주셨습니다~ 의미위주로 전달하시려는 고민이 엿보입니다.
    정의하려는 용어의 값에 대한 설명 부분.. 저는 함 이렇게 해봤는데요, 어떻게 해야 독자가 좀 편하게 볼 수 있을까요? ^^
    정의하려는 용어의 값은 다음과 같다.
    정의하려는 용어의 값 :
    - <dfn> 요소에 title 속성이 있는 경우, title 속성.- <dfn> 요소에 title 속성이 없으며, 안에 title 속성값이 있는 <abbr> 요소가 있는 경우, <abbr> 요소 안에 title 속성이 있으면, <abbr>내의 title속성의 값.- 그 외의 경우, <dfn> 요소 내의 내용</dfn></abbr></abbr></abbr></dfn></dfn>
버전 관리
graphittie
현재 버전
선택 버전
graphittie 자세히 보기