آموزش تگ dfn در HTML

19 شهریور 1401
ارسال شده توسط
آموزش html css

آموزش تگ dfn در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ dfn در HTML به صورت کامل آشنا بشید.

تگ dfn در HTML

عبارت dfn از کلمه Definition Element گرفته شده است. این تگ چند کاربرد مهم و اساسی دارد. میتوانیم با این تگ اصطلاحات انجام شده را در یک صفحه وب تعریف کنیم. این تگ شباهت زیادی به تگ abbr دارد. ولی تفاوت اصلی آنها در این است که تگ dfn را میشود به چندین روش مورد استفاده قرار داد.

کاربرد های تگ dfn :

  1. بصورت تگ خالی یعنی بدون استفاده از کد های CSS و تگ های title و abbr
  2. به همراه صفت title
  3. همراه با تگ abbr
  4. به شکل لینک شده.

چند مثال برای تگ dfn در HTML

در ادامه دوره آموزشی HTML CSS پروژه محور به چند تا از مثال های این تگ میپردازیم تا درک بهتری از این تگ داشته باشید.

مثال اول : استفاده از dfn به شکل ساده بدون استفاده از کد های CSS و تگ های title و abbr

<body>
    <p><dfn>HTML</dfn> Is Language For Creating Web Pages</p>
</body>

مثال دوم : استفاده از تگ dfn به همراه صفت title

<body> 
    <p><dfn title="HyperText Markup Language">HTML</dfn> Is Language For Creating Web Pages</p> 
</body>

سومین مثال : استفاده از dfn در کنار تگ abbr

<body> 
    <p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> Is Language For Creating Web Pages</p>  
</body>

آخرین مثال : استفاده از dfn بصورت لینک شده یعنی اینکه با یک لینک آن را ارجاع میدهیم به dfn

<body>
    <p><dfn id="html">HTML</dfn> Is Language For Creating Web Pages</p>
    <p>Learn <a href="#html">HTML</a> Language</p>
</body>

راستی اگر دنبال آموزش html css پروژه محور در تبریز هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

پشتیبانی مرورگرها از تگ dfn

در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ dfn در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
پشتیبانی مرورگر هار از تگ table

پشتیبانی تگ dfn از صفات و رویدادهای عمومی

تگ dfn قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.

دستورات پیش فرض CSS

اغلب مرورگرها تگ dfn  را به شکل کد های CSS همچون دستورات زیر نمایش میدهند. شما عزیزان نیز میتوانید بدون هیچ گونه تغییری از این کد ها استفاده کنید.

dfn {
  font-style: italic;
}
برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید