عنصر در HTML: ابزاری که کمتر بهش توجه میشه
فرانتاندخلاصهٔ کاملتر
عنصر در HTML — که مخفف description list یا لیست توضیحیه — یکی از کمتوجهترین تگهای HTML به حساب میاد. این عنصر برای نمایش لیستهای نام–مقدار طراحی شده؛ الگویی که توی وب خیلی رایجه: از مشخصات فنی محصولات گرفته تا آیتمهای صورتحساب، واژهنامههای تخصصی، و حتی امکانات اقامتگاهها.
این ساختار از سه تگ تشکیل میشه: کل لیست رو دربرمیگیره، (یا description term) نقش «اسم» رو داره، و (یا description detail) نقش «مقدار» رو. یه نمونه ساده اینطوری به نظر میرسه:
<dl>
<dt>نویسنده</dt>
<dd>فرانک هربرت</dd>
<dt>ژانر</dt>
<dd>علمیتخیلی</dd>
</dl>یه میتونه چند تا داشته باشه — مثلاً وقتی یه کتاب چند نویسنده داره. همچنین برای استایلدهی راحتتر، میشه یه و های مرتبطش رو داخل یه پیچید؛ این تنها عنصری هست که مجاز به wrap کردن این جفتهاست.
چرا اصلاً به سمانتیک نیاز داریم؟ خیلی از تیمها همین الگو رو با های تودرتو پیاده میکنن و اطلاعات رو نمایش میدن. اما وقتی از تگهای معنادار استفاده میکنیم، مرورگر و ابزارهای جانبی میفهمن با چه نوع دادهای طرفن. یه سوال مفید برای تشخیص اینکه آیا یه الگو نیاز به سمانتیک داره اینه: «اگه کامپیوترها این الگو رو بشناسن، چه مزیت نظریای به دست میاد؟»
برای ، پاسخ به اسکرینریدرها (نرمافزارهایی که محتوای صفحه رو برای افراد کمبینا میخونن) مرتبطه: این ابزارها میتونن تعداد گروههای نام–مقدار رو اعلام کنن، موقعیت کاربر در لیست رو بگن، و اجازه بدن کاربر کل بلوک رو رد کنه. این مزایا واقعی هستن و در اکثر ترکیبهای مرورگر/اسکرینریدر پشتیبانی میشن — گرچه پشتیبانی هنوز کامل و جهانی نیست.
جالبترین مثال مقاله، استتبلاکهای بازی Dungeons & Dragons هستن — اون جدولهایی که آمار شخصیتها رو نشون میدن. نویسنده توی یه استتبلاک، ۵ لیست نام–مقدار جداگانه شناسایی کرده؛ از امتیاز تواناییها (STR، DEX و...) گرفته تا حملات. این مثال نشون میده که چقدر انعطافپذیره.
نکات کلیدی:
- برای لیستهای نام–مقدار مناسبه، نه فقط واژهنامهها
- نام و مقدار رو نشون میده؛ یه میتونه چند داشته باشه
- تنها wrapper مجاز برای جفت dt/dd، عنصر هست
- استفاده از این ساختار به اسکرینریدرها کمک میکنه تجربه بهتری بسازن
- اگه پشتیبانی اسکرینریدر برای کیسه شما کافی نیست، گزینه جایگزینه تا پشتیبانی بهتر بشه
