30. الوقت والأشكال والتسميات التوضيحية
30.1 عنصر <time>
يستخدم لترميز التواريخ أو الأوقات أو المدد بتنسيق يمكن قراءته آلياً. هذا يساعد محركات البحث وأدوات الوصول وبرامج الجدولة.
يوضع النص القابل للقراءة البشرية في الداخل، ويوضع التنسيق القابل للقراءة آلياً في خاصية datetime (باستخدام معيار ISO 8601).
html
<p> يبدأ المؤتمر في <time datetime="2025-01-20">20 يناير 2025</time>. </p> <p> لقد استمر لمدة <time datetime="PT3H">ثلاث ساعات</time>. </p>30.2 الأشكال والتسميات التوضيحية
يستخدم عنصر <figure> لتضمين المحتوى (مثل الصور أو الرسوم البيانية أو كتل الكود أو مقاطع الفيديو) المكتفي ذاتياً والمشار إليه من التدفق الرئيسي للنص. يوفر عنصر <figcaption> تسمية توضيحية للشكل.
html
<figure> <img src="chart.png" alt="رسم بياني للمبيعات الربع سنوية"> <figcaption> الشكل 1. زادت المبيعات الربع سنوية بنسبة 15%. </figcaption> </figure>الفائدة: يعرف المتصفح أن الصورة والتسمية التوضيحية مرتبطان دلالياً.