تیشرت Laravel
خرید
اطلاعات بیشتر

فرمت بندی بهتر تاریخ توسط تگ 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 فونت
فونت های حرفه ای رایگان ۲۰۱۲

اکنون داریم به نیمه سال نزدیک می شویم و به احتمال زیاد شما دنبال فونت های جدید و زیبا می...

Close