HTML <dfn> टैग: परिभाषा उदाहरण परिभाषित करना

HTML <dfn> टैग

<dfn> टैग (डेफिनिशन इंस्टेंस) HTML में किसी शब्द के परिभाषा उदाहरण (defining instance) को दर्शाता है - यानी वह स्थान जहां किसी शब्द को पहली बार परिभाषित या समझाया गया है।

उदाहरण: MCA परिभाषित करना

<!DOCTYPE html>
<html>
<body>
  <h2>MCA में विषय</h2>
  <p><dfn title="मास्टर ऑफ कंप्यूटर एप्लीकेशन्स">MCA</dfn> 
     3-वर्षीय पोस्ट ग्रेजुएट डिग्री कोर्स है।</p>
  <p>सेमेस्टर वन के विषय निम्नलिखित हैं...</p>
  <dl>
    <dt>JavaScript</dt> <dd>एक स्क्रिप्टिंग भाषा।</dd>
    <dt>Java</dt> <dd>यह एक प्रोग्रामिंग भाषा है।</dd>
    <dt>jQuery</dt> <dd>एक JavaScript लाइब्रेरी।</dd>
    <dt>C#</dt> <dd>ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग भाषा।</dd>
  </dl>
</body>
</html>

आउटपुट

"MCA" शब्द इटैलिक में प्रदर्शित होगा, और होवर करने पर टाइटल "मास्टर ऑफ कंप्यूटर एप्लीकेशन्स" टूलटिप के रूप में दिखेगा।

कोड व्याख्या

<dfn title="मास्टर ऑफ कंप्यूटर एप्लीकेशन्स">MCA</dfn> 
3-वर्षीय पोस्ट ग्रेजुएट डिग्री कोर्स है।

<dfn> टैग शब्द "MCA" को परिभाषित कर रहा है। title एट्रिब्यूट पूर्ण रूप प्रदान करता है।

<dfn> vs अन्य टैग्स

टैग	उद्देश्य
<dfn>	शब्द की परिभाषा करने वाला उदाहरण
<abbr>	संक्षिप्तीकरण (title में पूर्ण रूप)
<cite>	रचनात्मक कार्य का शीर्षक
<dt>	विवरण सूची में शब्द

सर्वोत्तम अभ्यास

केवल पहली बार जब शब्द परिभाषित हो, <dfn> उपयोग करें
title एट्रिब्यूट से पूर्ण परिभाषा/विस्तार दें
<dfn> के अंदर <abbr> नेस्ट कर सकते हैं
CSS से स्टाइल: dfn { font-style: italic; } (डिफ़ॉल्ट)

नेस्टेड उदाहरण

<p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> 
वेब पेज बनाने की मानक मार्कअप भाषा है।</p>