الفرق بين المراجعتين لصفحة: «HTML/time»

المراجعة الحالية بتاريخ 13:42، 19 فبراير 2018

يُستخدم العنصر <time> لتمثيل الوقت بنظام 24 ساعة أو التاريخ الدقيق باستخدام التقويم الميلادي (ويمكن إضافة الوقت أو معلومات المنطقة الزمنية اختياريًا).

مثال عن استخدام العنصر <time> دون اقتران بصمة وقت معه:

<p>تبدأ المحاضرة المسائية الساعة <time>20:00</time>.</p>

مثال عن استخدام العنصر <time> مع اقتران بصمة وقت معه عبر الخاصية datetime:

<p>انتهى المؤتمر في <time  datetime="2017-12-15T19:00">15 كانون الأول/ديسمبر</time>.</p>

بطاقة العنصر

تصنيفات المحتوى	عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح	محتوى عادي.
الوسم المختصر	لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب	أي عنصر يقبل المحتوى العادي.
واجهة DOM	`HTMLTimeElement`

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

Chrome	Firefox	Edge	Safari	Opera
26	21	مدعوم	6.1	15

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

`datetime`

تُشير هذه الخاصية إلى الوقت والتاريخ، ويجب أن تحتوي على التاريخ بصياغة سليمة ويمكن أن تحتوي على الوقت اختياريًا، وإذا لم يتمكن المتصفح من تفسير قيمة هذه الخاصية فسيؤدي ذلك إلى عدم اقتران بصمة الوقت (timestamp) مع هذا العنصر.

ملاحظات الاستخدام

يُستخدَم هذا العنصر لتمثيل الوقت والتاريخ بصيغة مفهومة بالنسبة للحاسوب، فيمكن مثلًا استخدام هذا العنصر لإضافة حدث إلى تقويم المستخدم.
هذه العنصر غير مناسب للحالات التي لا يمكن حساب التاريخ الدقيق فيها، ولا يجوز أن يستعمل لتمثيل التواريخ ما قبل الميلاد (بسبب تعقيد عملية حساب تلك التواريخ).

مصادر ومواصفات

معيار HTML Living Standard.
مواصفة HTML 5.1.
مواصفة HTML5.

@@ سطر 4: / سطر 4: @@
 مثال عن استخدام العنصر <code><nowiki><time></nowiki></code> دون اقتران بصمة وقت معه:
 <syntaxhighlight lang="html">
-<p>The concert starts at <time>20:00</time>.</p>
+<p>تبدأ المحاضرة المسائية الساعة <time>20:00</time>.</p>
 </syntaxhighlight>مثال عن استخدام العنصر <code><nowiki><time></nowiki></code> مع اقتران بصمة وقت معه عبر الخاصية <code>[[#datetime|datetime]]</code>:<syntaxhighlight lang="html">
-<p>The concert took place on <time  datetime="2001-05-15T19:00">May 15</time>.</p>
+<p>انتهى المؤتمر في <time  datetime="2017-12-15T19:00">15 كانون الأول/ديسمبر</time>.</p>
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 59: / سطر 60: @@
 [[تصنيف:HTML|{{SUBPAGENAME}}]]
 [[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
-[[تصنيف:Inline text semantics|{{SUBPAGENAME}}]]
+[[تصنيف:HTML Inline text semantics|{{SUBPAGENAME}}]]