فرمت بندی بهتر تاریخ توسط تگ time در HTML5

بدون دیدگاه

تاریخ و ساعت جزو ضروری ترین بخش های هر وب سایت و سرویسی است و معمولا طراحان همیشه درگیر نمایش درست آن در سایت خود هستند.با تگ <time> که در HTML5 اضافه شده است، می توانیم تاریخ و زمان را با قالب های مختلف نمایش دهیم که برای انسان و ماشین با معنی باشد.

هدف استفاده از تگ <time> مثل همه تگ های HTML5 افزایش خوانایی کدهای HTML صفحه برای خزندگان موتورهای جستجو مخصوصا گوگل است.اگر از این تگ مثلا داخل تگ <article> استفاده کنید، به معنی تاریخ انتشار آن مقاله است و موتورهای جستجو این را می فهمند و در نتایج شان نمایش خواهند داد.

این تگ یک عنصر inline بوده و تقریبا در همه مرورگرها پشتیبانی می شود.

نحوه استفاده

ساده ترین مورد استفاده از این تگ نمایش یک تاریخ ساده با استاندارد  ISO 8601 است:

<time>2017-11-27</time>

همانطور که می بینید این فرمت زیاد انعطاف پذیر نیست.برای نمایش تاریخ در فرمت های متفاوت باید از خصیصه datetime با همان استاندارد ISO استفاده کنید.ولی داخل تگ، می توانید هر نوع تاریخی بدون محدودیت قرار دهید چون فقط نمایشی است:

<time datetime="2017-11-27">27.11.2017.</time>
<time datetime="2017-11-28">Tomorrow</time>

پس ساعت چی؟

همانطور که در بالا گفتم، داخل این تگ می توانید ساعت هم بنویسید یا تاریخ و ساعت را ترکیبی بنویسید و با کاراکتر T از هم جدا کنید:

<time>16:10:20</time>
<time datetime="12:00">Noon</time>

و مثال ترکیب تاریخ و ساعت:

<time datetime="2017-12-03T10:30:00">Sunday, 10:30</time>

همانطور که دیدید تگ <time> راه حل سریع و ساده ای برای خواناتر کردن کدهای تان است.

منبع

در همین رابطه :   اسکریپت های Material Design پیاده سازی شده با HTML / CSS
دسته بندی : HTML 5

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

More in HTML 5
لیست همه تگ های داخل بخش head

هر صفحه وبی یک بخش سرصفحه در کدهایش دارد که تگ هایی زیادی داخل آن قرار می گیرند. کاربران سیستم...

Close