العودة إلى الدورة

الدرس 30: الوقت والأشكال والتسميات التوضيحية (`<time>`, `<figure>`, `<figcaption>`)

الدورة الاحترافية في HTML: من الصفر إلى مطور ويب

30. الوقت والأشكال والتسميات التوضيحية

30.1 عنصر <time>

يستخدم لترميز التواريخ أو الأوقات أو المدد بتنسيق يمكن قراءته آلياً. هذا يساعد محركات البحث وأدوات الوصول وبرامج الجدولة.

يوضع النص القابل للقراءة البشرية في الداخل، ويوضع التنسيق القابل للقراءة آلياً في خاصية datetime (باستخدام معيار ISO 8601).

html

يبدأ المؤتمر في .

لقد استمر لمدة .

30.2 الأشكال والتسميات التوضيحية

يستخدم عنصر <figure> لتضمين المحتوى (مثل الصور أو الرسوم البيانية أو كتل الكود أو مقاطع الفيديو) المكتفي ذاتياً والمشار إليه من التدفق الرئيسي للنص. يوفر عنصر <figcaption> تسمية توضيحية للشكل.

html

رسم بياني للمبيعات الربع سنوية
الشكل 1. زادت المبيعات الربع سنوية بنسبة 15%.

الفائدة: يعرف المتصفح أن الصورة والتسمية التوضيحية مرتبطان دلالياً.