آموزش و يادگيري تگ time در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <time> آشنا مي‌شويم. اين تگ براي نمايش تاريخ و زمان در صفحات وب استفاده مي‌شود و به موتورهاي جستجو و مرورگرها کمک مي‌کند تا اطلاعات زماني را به درستي تشخيص دهند.

تگ time در HTML چيست؟

تگ <time> مي‌تواند يک تاريخ، زمان يا هر دو را نمايش دهد و معمولاً با ويژگي datetime همراه است که مقدار استاندارد ISO 8601 را مشخص مي‌کند. اين تگ براي بهبود سئو و دسترسي صفحه مفيد است.

مثال ساده از تگ time

<p>تاريخ انتشار مقاله: 
  <time datetime="2025-10-15">?? اکتبر ????</time>
</p>

<p>زمان جلسه: 
  <time datetime="14:30">?:?? بعدازظهر</time>
</p>

در اين مثال، مقدار datetime به مرورگر و موتورهاي جستجو مي‌گويد که تاريخ يا زمان استاندارد چيست، در حالي که متن قابل مشاهده براي کاربر به زبان خوانا نمايش داده مي‌شود.

ويژگي‌هاي مهم تگ time

مثال ترکيبي با CSS

<style>
time {
  background-color: #f0f8ff;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: bold;
  color: #333;
}
</style>

<p>تاريخ انتشار مقاله: 
  <time datetime="2025-10-15">?? اکتبر ????</time>
</p>

<p>زمان جلسه: 
  <time datetime="14:30">?:?? بعدازظهر</time>
</p>

با CSS مي‌توان ظاهر تاريخ و زمان را متمايز کرد تا براي کاربران جذاب و قابل مشاهده باشد.

نکات مهم درباره time

• ويژگي datetime براي مشخص کردن تاريخ يا زمان استاندارد ضروري است.
• مي‌توان متن قابل مشاهده براي کاربر را به زبان طبيعي نوشت و با مقدار استاندارد متفاوت باشد.
• براي نمايش رويدادها، جلسات يا تاريخ انتشار مقالات بسيار کاربردي است.

براي يادگيري کامل مديريت زمان و تاريخ در صفحات وب، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.