HTML Tutorial

عنصر <time>

تُستخدم العلامة <time> لتحديد وقت أو تاريخ داخل مستند HTML.

استخدام العلامة <time>

  • تحديد تاريخ أو وقت مهم في المستند.
  • إنشاء جدول زمني للأحداث.
  • عرض وقت تحديث محتوى المستند.

سمات العلامة <time>

  • datetime: يحدد التاريخ والوقت بتنسيق ISO 8601.
  • pubdate: يحدد تاريخ نشر المستند.

أمثلة على استخدام العلامة <time>

  • تحديد تاريخ نشر مقالة:
<time datetime="2023-03-08">8 مارس 2023</time>
  • عرض وقت تحديث صفحة ويب:
<time datetime="2023-03-08T15:30:00+02:00">آخر تحديث: 3:30 مساءً، 8 مارس 2023</time>

مثال على استخدام العلامة <time>

<!DOCTYPE html>
<html>
<head>
  <title>مثال على العلامة <time></title>
</head>
<body>
  <h1>ملاحظات اجتماع</h1>
  <time datetime="2023-03-10">10 مارس 2023</time>
  <p>
    عُقد الاجتماع في الساعة 10 صباحًا وأُجِّل في الساعة 12 ظهرًا.
  </p>
</body>
</html>