HTML 기초 정리(28) - <dfn> 정의 요소 본문
HTML 기초 정리(28) - <dfn> 정의 요소
- 2024. 12. 28. 22:19
728x90
정의 및 사용법
태그 <dfn>는 "정의 요소"를 의미하며, 콘텐츠 내에서 정의될 용어를 지정합니다.
태그 의 가장 가까운 부모에는 <dfn>해당 용어에 대한 정의/설명도 포함되어야 합니다.
태그 내부의 용어는 <dfn>다음 중 하나가 될 수 있습니다.
1. 요소의 내용과 마찬가지로 :<dfn>
<p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p>
2. 또는 title 속성을 추가한 경우:
<p>
<dfn title="HyperText Markup Language">HTML</dfn> is the standard markup language for creating web pages.
</p>
3. 또는 요소 내부에 <abbr> 태그를 사용하는 경우:<dfn>
<p>
<dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn>
is the standard markup language for creating web pages.
</p>
4. 또는 id 속성을 추가한 경우. 그러면 용어가 사용될 때마다 <a> 태그로 정의를 다시 참조할 수 있습니다.
<p>
<dfn id="html-def">HTML</dfn> is the standard markup language for creating web pages.
</p>
<p>This is some text...</p>
<p>This is some text...</p>
<p>Learn <a href="#html-def">HTML</a> now.</p>
예시
<!DOCTYPE html>
<html>
<body>
<h1>The dfn element</h1>
<p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p>
</body>
</html>
반응형
'프로그램 > HTML' 카테고리의 다른 글
| HTML 기초 정리(30) - <div> 섹션 (0) | 2024.12.30 |
|---|---|
| HTML 기초 정리(29) - <dialog> 대화 (0) | 2024.12.29 |
| HTML 기초 정리(27) - <details> 세부정보 (0) | 2024.12.18 |
| HTML 기초 정리(26) - <del> 취소글 (0) | 2024.12.17 |
| HTML 기초 정리(25) - <dd> 용어설명 (0) | 2024.12.16 |
프로그램/HTML Related Articles
-
HTML 기초 정리(30) - <div> 섹션
-
HTML 기초 정리(29) - <dialog> 대화
-
HTML 기초 정리(27) - <details> 세부정보
-
HTML 기초 정리(26) - <del> 취소글
RECENT COMMENT