در مطلب قبلی مربوط به مبانی کار با روش نشانهگذاری متن با لیستهای ابتدایی آشنا شدیم؛ اما به نوع سوم فهرستها که در برخی موارد با آن مواجه میشدیم نپرداختیم. این نوع لیست در واقع لیستهای توصیفی هستند. هدف از این لیستها نشانهگذاری مجموعهای از آیتمها و توضیح مربوطهشان است به طوری که گویا اصطلاح و تعریف و یا سؤال و پاسخ هستند. در ادامه مثالی از یک مجموعه اصطلاحها و تعاریف را ملاحظه میکنید:
لیستهای توصیفی از پوشش متفاوتی نسبت به انواع لیست دیگر استفاده میکنند که <dl> نام دارد. علاوه بر آن هر اصطلاح درون تگ <dt> نیز قرار گرفته است و هر توصیف در تگ <dd> قرار دارد. در مثال زیر کار نشانهگذاری به طور کامل اجرا شده است:
سبکهای پیشفرض مرورگر، این لیستهای توصیفی را طوری نمایش میدهند که اصطلاح و تعریف به نوعی از هم متمایز شده باشند. سبکهای MDN نیز به طور دقیقی از این روش استفاده میکنند، اما اصطلاحها را نسبت به تعاریف بیشتر درشت میکنند.
شیوه نمایش لیست توصیفی فوق چنین است:
- soliloquy
- In drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.)
- monologue
- In drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.
- aside
- In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought or piece of additional background information.
دقت کنید که میتوان یک اصطلاح منفرد با چند توصیف نیز داشت. برای نمونه به مثال زیر دقت کنید:
- aside
- In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought or piece of additional background information.
- In writing, a section of content that is related to the current topic, but doesn’t fit directly into the main flow of content so is presented nearby (often in a box off to the side.)
یادگیری عملی: نشانهگذاری یک مجموعه از تعاریف
اینک نوبت آن رسیده است که به صورت عملی لیستهای توصیفی را بررسی کنیم، عناصری به متن خام در فیلد ورودی اضافه کنید به طوری که به صورت لیست توصیفی در فیلد خروجی نمایش یابند. شما میتوانید روش استفاده از اصطلاحها و تعاریف خود را در صورت نیاز بررسی کنید.
اگر اشتباهی رخ بدهد، همواره میتوانید از دکمه Reset استفاده کنید. اگر واقعاً دچار مشکل شدید میتوانید با زدن دکمه Show solution پاسخ را مشاهده کنید.