این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ dd در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ dd در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ dd در HTML
تگ dd که از کلمه ( Definition Description ) گرفته شده است، تگی است که با استفاده از آن میتوان توضیحات ( یاهم آیتم های ) یک لیست توضیحی را ایجاد نمود.
برای ایجاد یک لیست توضیحی ، باید از تگ dl و برای ایجاد آیتم های لیست از تگ dt و در نهایت برای ایجاد توضیحات از تگ dd استفاده نماییم.
برای گذاشتن محتوا ( متن ، لینک و.. ) باید آنها را در درون تگ dd قرار داد.
Free-Learn
مثال از تگ dd در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<body> <dl> <dt>Free-Learn</dt> <dd>» Is Free</dd> <dt>My Name</dt> <dd>» Is Sadegh</dd> <dt>My Family</dt> <dd>» Is Asadi</dd> </dl> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ dd در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ dd از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ dd را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 4 |
dd { display: block; margin-left: 40px; } |
