<dfn> (Definition) يُستخدم لتمييز المصطلح عند تعريفه لأول مرة في النص. يخبر المتصفح ومحركات البحث أن هذا هو المكان الذي يُعرَّف فيه هذا المصطلح.
كيف يعمل: • إذا كان dfn يحتوي نصاً مباشراً: النص هو المصطلح المُعرَّف • إذا كان dfn يحتوي abbr: title الـ abbr هو المصطلح • إذا كان dfn لديه صفة title: title هو المصطلح
أفضل استخدام: صفحات المصطلحات، التوثيق التقني، المقالات العلمية.
| 1 | <!-- تعريف بسيط --> |
| 2 | <p> |
| 3 | <dfn>HTML</dfn> هي لغة ترميز النص التشعبي المستخدمة لبناء صفحات الويب. |
| 4 | </p> |
| 5 | |
| 6 | <!-- dfn مع abbr --> |
| 7 | <p> |
| 8 | <dfn><abbr title="Application Programming Interface">API</abbr></dfn> |
| 9 | هي واجهة تتيح للبرامج التواصل مع بعضها. |
| 10 | </p> |
| 11 | |
| 12 | <!-- dfn مع title --> |
| 13 | <p> |
| 14 | <dfn title="Object-Oriented Programming">البرمجة الكائنية</dfn> |
| 15 | هي نموذج برمجي يعتمد على الكائنات والأصناف. |
| 16 | </p> |
مثال 1: قاموس مصطلحات تقنية
| 1 | <dl> |
| 2 | <dt><dfn id="def-html">HTML</dfn></dt> |
| 3 | <dd>لغة ترميز تُستخدم لبناء وتهيكلة صفحات الويب.</dd> |
| 4 | |
| 5 | <dt><dfn id="def-css">CSS</dfn></dt> |
| 6 | <dd>لغة تنسيق تتحكم في مظهر عناصر <a href="#def-html">HTML</a>.</dd> |
| 7 | |
| 8 | <dt><dfn id="def-js">JavaScript</dfn></dt> |
| 9 | <dd>لغة برمجة تضيف التفاعلية لصفحات الويب.</dd> |
| 10 | </dl> |