اصطلاح (dfn)
تگ «اصطلاح (dfn)» برای معرفی یک «واژه تعریف شونده» است. یعنی می گویی این کلمه همین جا تعریف می شود. مثل وقتی توی دفتر لغت، معنی کلمه را همان خط می نویسی.
تگ dfn چیست؟
تگ dfn مخفف «definition element» است. این تگ واژه ای را مشخص می کند که قرار است در همان متن تعریف شود. همچنین والد نزدیکِ dfn باید توضیح یا تعریف آن واژه را هم داشته باشد.
نکته: می توانی برای ادامه یادگیری، سر بزن به details و dialog. همچنین خود اصطلاح (dfn) را نشانه گذاری کن.
نمونه ساده dfn
<p>
<dfn>HTML</dfn> is the standard markup language for creating web pages.
</p>
dfn با ویژگی title
می توانی شکل کامل واژه را در title بنویسی. این به خواننده سرنخ می دهد.
<p>
<dfn title="HyperText Markup Language">HTML</dfn> is the standard markup language for creating web pages.
</p>
dfn همراه با abbr
گاهی مخفف را با abbr می آوری و معنی کامل را در title آن می گذاری.
<p>
<dfn>
<abbr title="HyperText Markup Language">HTML</abbr>
</dfn> is the standard markup language for creating web pages.
</p>
dfn با id و ارجاع
می توانی یک id بدهی. سپس هرجا واژه تکرار شد، با لینک به تعریف برگردی.
<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>
استایل پیش فرض مرورگر
معمولاً dfn کج نوشته می شود. یعنی به صورت italic نمایش داده می شود.
dfn {
font-style: italic;
}
مراحل کاربردی سریع
- واژه مورد تعریف را داخل <dfn> بگذار.
- تعریف را در همان والد نزدیک بنویس.
- در صورت نیاز، از title یا abbr برای شفافیت استفاده کن.
جمع بندی سریع
- dfn واژه در حال تعریف را مشخص می کند.
- تعریف باید در والد نزدیک باشد.
- title و abbr فهم را بهتر می کنند.
- می توانی با id به تعریف لینک بدهی.
- نمایش پیش فرض معمولاً italic است.