آموزش تگ dl در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ dl در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ dl در HTML
تگ dl
که از کلمه ( Description List ) گرفته شده است، تگی است که با استفاده از آن میتوان یک لیست تعریفی یا لیست دارای توضیحات ایجاد نمود.
ما برای ایجاد یک لیست توضیحی ، باید از تگ dl و برای ایجاد آیتم های لیست از تگ dt و در نهایت برای ایجاد توضیحات از تگ dd استفاده نماییم.
Free-Learn
مثال از تگ dl در 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
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ dl
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ dl
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
در HTML4.01 با استفاده از تگ dl
میتوان یک لیست تعریفی را ایجاد کرد ولی در HTML5 با استفاده از این تگ میتوان یک لیست توضیحاتی (لیست دارای توضیح) را ایجاد نمود.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ dl
را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
1 2 3 4 5 6 7 |
dl { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; } |