<time>نستخدم الوسم <time> على النحو التالي بهدف جعل محركات البحث تفهم التاريخ و الوقت المشار إليه في النص بشكل أفضل.
<time datetime="hidden-time">visible-time</time>
visible-time نمرر النص العادي الذي سيكون عبارة عن وقت ما و الذي سيظهر في الصفحة.hidden-time نمرر التاريخ و الوقت بشكل معين حتى تفهمه محركات البحث.الجدول التالي يظهر المتصفحات التي تدعم الوسم <time>.
| Chrome | Edge | Firefox | Opera | Safari | Android Webview |
Chrome for Android |
Firefox for Android |
Opera for Android |
Safari for IOS |
Samsung Internet |
| 62 | ≤18 | 22 | 49 | 7 | 62 | 62 | 22 | 46 | 4 | 8.0 |
يملك فقط الخاصية datetime التي يجب إضافتها له و تمرير الوقت أو التاريخ أو كلاهما لها كقيمة و الذي يمكن تحديده بعدة أساليب و إليك بعض الأمثلة:
| الأسلوب | إستخدامه |
|---|---|
yyyy |
لتحديد السنة فقط. مثال: 2019 |
yyyy-mm |
لتحديد السنة و الشهر. مثال: 2019-05 |
yyyy-mm-dd |
لتحديد السنة و الشهر و اليوم. مثال: 2019-05-23 |
yy-mm |
لتحديد أول رقمين في السنة و الشهر. مثال: 19-05 |
yyyy-Wn |
لتحديد السنة و رقم أسبوع محدد فيها. مثال: 2019-W17 |
hh:mm |
لتحديد الساعة و عدد الدقائق. مثال: 14:30 |
hh:mm:ss |
لتحديد الساعة و عدد الدقائق و الثواني. مثال: 14:30:27 |
hh:mm:ss:ms |
لتحديد الساعة و عدد الدقائق و الثواني و أجزاء الثانية الحالية. مثال: 14:30:27.145 |
yyyy-mm-ddThh:mm:ss:ms |
لتحديد التاريخ و الوقت بشكل دقيق جداً. مثال: 2019-05-23T14:30:27.145 |
yyyy-mm-dd hh:mm:ss:ms |
هنا قمنا أيضاً بتحديد التاريخ و الوقت مع وضع مسافة فارغة بدل الحرف T.مثال: 2019-05-23 14:30:27.145 |
في المثال التالي قمنا بوضع التاريخ و الوقت المذكورين في النص بداخل <time>.
The game starts at <time datetime="2020-09-01T20:00:00">20:00</time>.
لا يوجد تصميم إفتراضي له.
يمكنك إضافة تصميم خاص لإبراز الوقت الذي يتم ذكره داخل الوسم <time> بواسطة CSS حتى لو لم ترد ذكر التاريخ أو الوقت كالتالي.
time {
color: red;
font-weight: bold;
}
جميع الحقوق محفوظة لموقع هرمش. لا يسمح باستخدام الشروحات لأغراض تجارية، إجراء تعديل عليها، نشرها في موقع آخر، وضع الشروحات في تطبيق أو في كتاب إلا في حال أخذ موافقة صريحة من إدارة الموقع كما أن المحتوى مسجل بواسطة DMCA و في حال قيامك بمخالفة حقوق النشر سنضطر آسفين لاتخاذ الإجراءات اللازمة.
