این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ dfn در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ dfn در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ dfn در HTML
تگ dfn که از کلمه Definition Element گرفته شده ، تگی است که با استفاده از آن میتوان اصطلاحات رو در یک صفحه وب تعریف کرد، این تگ یجورایی شبیه تگ abbr می باشد ولی خب تگ dfn رو میشه به چندین روش ازش استفاده کرد.
روش های استفاده از تگ dfn :
- استفاده از dfn بصورت خالی
- استفاده از dfn بهمراه صفت title
- استفاده از dfn بهمراه تگ abbr
- استفاده از dfn بصورت لینک شده
Free-Learn
مثال از تگ dfn در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ dfn بصورت خالی ( منظور از خالی یعنی تگ dfn رو تنها استفاده کنیم )
|
1 2 3 4 5 |
<body> <p><dfn>HTML</dfn> Is Language For Creating Web Pages</p> </body> |
مثال شماره ۲ : استفاده از تگ dfn بهمراه صفت title
|
1 2 3 4 5 |
<body> <p><dfn title="HyperText Markup Language">HTML</dfn> Is Language For Creating Web Pages</p> </body> |
مثال شماره ۳ : استفاده از تگ dfn بهمراه تگ abbr
|
1 2 3 4 5 |
<body> <p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> Is Language For Creating Web Pages</p> </body> |
مثال شماره ۴ : استفاده از تگ dfn بصورت لینک شده ( یعنی مثه اینه که با لینک ارجاع میدیم به dfn )
|
1 2 3 4 5 6 |
<body> <p><dfn id="html">HTML</dfn> Is Language For Creating Web Pages</p> <p>Learn <a href="#html">HTML</a> Language</p> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ dfn در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ dfn از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ dfn را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
dfn { font-style: italic; } |
