الوسم <time>

تعريفه

نستخدم الوسم <time> على النحو التالي بهدف جعل محركات البحث تفهم التاريخ و الوقت المشار إليه في النص بشكل أفضل.

<time datetime="hidden-time">visible-time</time>

• مكان الكلمة visible-time نمرر النص العادي الذي سيكون عبارة عن وقت ما و الذي سيظهر في الصفحة.
• مكان الكلمة hidden-time نمرر التاريخ و الوقت بشكل معين حتى تفهمه محركات البحث.

دعم المتصفحات

الجدول التالي يظهر المتصفحات التي تدعم الوسم <time>.

خصائصه

يملك فقط الخاصية datetime التي يجب إضافتها له و تمرير الوقت أو التاريخ أو كلاهما لها كقيمة و الذي يمكن تحديده بعدة أساليب و إليك بعض الأمثلة:

إستخدامه

في المثال التالي قمنا بوضع التاريخ و الوقت المذكورين في النص بداخل <time>.

The game starts at <time datetime="2020-09-01T20:00:00">20:00</time>.

تصميمه الإفتراضي

لا يوجد تصميم إفتراضي له.

نصائح و ملاحظات

يمكنك إضافة تصميم خاص لإبراز الوقت الذي يتم ذكره داخل الوسم <time> بواسطة CSS حتى لو لم ترد ذكر التاريخ أو الوقت كالتالي.

time {
    color: red;
    font-weight: bold;
}