HTML <time> ট্যাগ

<time> এলিমেন্ট HTML5-এ নতুন যোগ হয়েছে। এটি ওয়েব পেজে তারিখ ও সময় সেম্যান্টিকভাবে ও মেশিন-রিডেবল ফরম্যাটে প্রদর্শন করতে ব্যবহৃত হয়।

অ্যাট্রিবিউট

datetime: মেশিন-রিডেবল ফরম্যাটে তারিখ/সময় (ISO 8601 ফরম্যাট)

সিনট্যাক্স

<time datetime="YYYY-MM-DDThh:mm:ssTZD">মানব-পঠনীয় টেক্সট</time>

datetime ফরম্যাট (ISO 8601)

কম্পোনেন্ট	অর্থ	উদাহরণ
YYYY	বছর (৪ অঙ্ক)	2024
MM	মাস (০১-১২)	06
DD	দিন (০১-৩১)	15
T	তারিখ ও সময়ের সেপারেটর	T
hh:mm:ss	ঘণ্টা:মিনিট:সেকেন্ড (২৪ ঘণ্টা ফরম্যাট)	14:30:00
TZD	টাইম জোন ডিজিগনেটর (Z বা +hh:mm / -hh:mm)	Z বা +06:00

আরও ফরম্যাট (Duration)

PTDHMS ফরম্যাটে ডুরেশন (অবধি) এক্সপ্রেস করা যায়:

P — Period (প্রিফিক্স)
D — Days
H — Hours
M — Minutes
S — Seconds

উদাহরণ: PT2H30M = ২ ঘণ্টা ৩০ মিনিট

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <h2>শিডিউল</h2>
  <p>পরীক্ষা আরম্ভ হবে আগামী <time datetime="06-15">শনিবার</time>।</p>
  <p>পরীক্ষা সকাল <time>09:00</time>-এ আরম্ভ হবে।</p>
  <p>পূর্ণ তারিখ: <time datetime="2024-06-15T09:00:00+06:00">১৫ জুন ২০২৪, সকাল ৯টা</time></p>
</body>
</html>

আউটপুট

HTML <time> ট্যাগ

ব্যাখ্যা

<time datetime="06-15">Saturday</time> — শুধু মাস-দিন (যদি বছর না থাকে)
<time>09:00</time> — শুধু সময় (datetime অ্যাট্রিবিউট বাধ্যতামূলক নয়)
পূর্ণ ISO ফরম্যাট: datetime="2024-06-15T09:00:00+06:00"

কেন <time> ব্যবহার করবেন?

SEO: সার্চ ইঞ্জিন তারিখ/সময় বুঝতে পারে
অ্যাক্সেসিবিলিটি: স্ক্রিন রিডার সঠিকভাবে পড়তে পারে
JavaScript: element.dateTime প্রোপার্টি দিয়ে পার্স করা সহজ
মাইক্রোডেটা/স্কিমা.অর্গের সাথে কম্প্যাটিবল