آموزش تگ dd در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ dd در HTML با من همراه باشید.

آموزش تگ dd در HTML

Free-Learn

تگ dd در HTML

تگ dd تگی است که با استفاده از آن میتوان توضیحات یک لیست توضیحی یا لیست تعریفی را ایجاد نمود.

اگر بخش آموزش کار با لیست ها را در HTML مشاهده کرده باشید ، اونجا یاد گرفتیم که ۳ نوع لیست میتونیم داشته باشیم، ۱: لیست مرتب ۲: لیست نامرتب و ۳ لیست های دارای توضیحات یا لیست تعریفی.

حال ما برای ایجاد یک لیست توضیحی ، باید از تگ dl و برای ایجاد آیتم های لیست از تگ dt و در نهایت برای ایجاد توضیحات از تگ dd استفاده نماییم.

برای گذاشتن محتوایی همچون پاراگراف ،تصویر ، لینک و.. باید آنها را در  درون تگ dd قرار داد.

Free-Learn

مثال از تگ dd در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ dd در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

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

تگ dd از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

در HTML 4.01 با استفاده از این تگ میتوان آیتم های لیست تعریفی را مشخص کرد ولی در HTML5 با استفاده از این تگ میتوان توضیحات آیتم های لیست توضیحی را مشخص نمود.

Free-Learn

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

معمولا مرورگرها تگ dd را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn