آموزش تگ dfn در HTML

آموزش تگ dfn در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ dfn
در HTML به صورت کامل آشنا بشید.
تگ dfn در HTML
عبارت dfn
از کلمه Definition Element گرفته شده است. این تگ چند کاربرد مهم و اساسی دارد. میتوانیم با این تگ اصطلاحات انجام شده را در یک صفحه وب تعریف کنیم. این تگ شباهت زیادی به تگ abbr دارد. ولی تفاوت اصلی آنها در این است که تگ dfn را میشود به چندین روش مورد استفاده قرار داد.
کاربرد های تگ dfn :
- بصورت تگ خالی یعنی بدون استفاده از کد های CSS و تگ های title و abbr
- به همراه صفت title
- همراه با تگ abbr
- به شکل لینک شده.
چند مثال برای تگ 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 پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
پشتیبانی تگ dfn از صفات و رویدادهای عمومی
تگ dfn
قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.
دستورات پیش فرض CSS
اغلب مرورگرها تگ dfn
را به شکل کد های CSS همچون دستورات زیر نمایش میدهند. شما عزیزان نیز میتوانید بدون هیچ گونه تغییری از این کد ها استفاده کنید.
dfn { font-style: italic; }
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید