آموزش طراحی سایتآموزش HTML

تگ dfn در HTML

آموزش طراحی سایت با HTML

با سلام خدمت شما همراهان همیشگی سایت میزفا ، با یکی دیگر از جلسات آموزش طراحی سایت با HTML در خدمت شما هستم ، در جلسه گذشته به معرفی تگ center پرداختیم در این جلسه از آموزش HTML قصد دارم شما را با تگ dfn در HTML که به منظور نمایش یک عبارت تعریفی در HTML به کار می‌رود آشنا نماییم .

معرفی تگ dfn

تگ <dfn> یک تگ تعریفی است و زمانی که بخواهیم یک عبارت تعریفی در صفحه داشته باشیم از این تگ استفاده می‌کنیم. بعضی از مروگرها متنی که در داخل این تگ قرار می‌گیرد را به صورت italic نمایش می‌دهند. البته شما می‌توانید با CSS استایل دلخواهی را برای این تگ تعریف کنید.

جهت درک بهتر کاربرد تگ dfn در طراحی سایت به مثال زیر توجه کنید:

<p>
    <dfn>HTML</dfn> is the standard markup language for creating web pages.
</p>

این مثال را در یک ادیتور مانند notepad و یا ++notepad کپی کرده و آن را با پسوند htm و یا html ذخیره کنید . با کلیک بر روی فایل ایجاد شده ، میتوانید نتیجه کد بالا را در مروگر مشاهده کنید. نتیجه کد به صورت زیر خواهید بود:

نتیجه کد بالا - تگ dfn
نتیجه کد بالا – تگ dfn

صفت های تگ dfn

  • صفت title
    تگ dfn دارای صفت title است، در صورتی که از صفت title برای تگ dfn استفاده کنید هنگامی که کاربر کلیک موس خود را بر روی متن درون تگ dfn میبرد مقدار تعریف شده در تگ title به او نمایش داده می‌شود. به مثال زیر توجه کنید :
 <p>
    <dfn title="HyperText Markup Language">HTML</dfn> is the standard markup language for creating web pages.
</p>

نکات تکمیلی تگ dfn

  • تگ dfn معمولا درون تگ p ، تگ section یا فهرست توصیفی ( معمولا dt یا dd ) قرار می‌گیرد .
  • تگ dfn یک عنصر درون خطی یا inline block است.
  • این تگ توسط تمامی مرورگرها پشتیبانی می‌شود.

به پایان این جلسه آموزشی رسیدیم درصورتی که هرگونه سوال یا مشکلی در رابطه با مطلب فوق داشتید حتما در قسمت نظرات مطرح کنید، پاسخگوی سوالات شما هستم.

تگ dfn در HTML
امتیاز 5 از 1 رای
برچسب ها

علی اسمعیلی

سادگی نهایت پیچیدگیست.

‫4 نظرها

    1. سلام. تگ dfn برای تعریف هست ولی تگ abbr برای نشون دادن مخفف یک عبارت است مثلا من میخوام SEO تعریف کنم.

      SEO

      میتونم قبل و بعد از dfn توضیحات بیشتری درباره سئو بدم.

  1. سلام . روزتون بخیر
    اطلاعات من از کد نویسی تقریباً در حد صفر هست و متاسفانه فرصت کافی هم ندارم تا یاد بگیرم اما یه سئوال دارم در مورد امکانی که تو اکثر صفحات این سایت هست اینه که سرفصل ها بصورت لینک هستند و بعد از کلیک رو لینک مورد نظر اسکرول خودش پایین میره

    سئوالم این هست که من هم میتونم این کد رو تو صفحات سایت خودم ایجاد کنم ؟
    ممنون میشم راهنمایی کنید یا اگر مقاله ای در مورد این نوع تگ هست معرفی کنید

    1. سلام، روز شما هم بخیر. کدنویسی شده و متاسفانه مقاله ای در این زمینه نمیشناسم.

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره رایگان سئو