HTML <time> datetime অ্যাট্রিবিউট

<time> datetime অ্যাট্রিবিউট

<time> এলিমেন্টের datetime অ্যাট্রিবিউট মেশিন-রিডেবল ফরম্যাটে (ISO 8601) তারিখ ও সময় নির্দেশ করে। এটি ব্রাউজার/সার্চ ইঞ্জিন/স্ক্রিন রিডার বুঝতে সাহায্য করে, যখন দৃশ্যমান টেক্সট ভিন্ন ফরম্যাটে হয় (যেমন: "আগামী শনিবার")।

সিনট্যাক্স

<time datetime="YYYY-MM-DDThh:mm:ssTZD">দৃশ্যমান টেক্সট</time>

ISO 8601 কম্পোনেন্ট ব্রেকডাউন

Duration ফরম্যাট (PTDHMS)

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

উদাহরণ: PT2H30M15S = ২ ঘণ্টা ৩০ মিনিট ১৫ সেকেন্ড

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <h2>পরীক্ষার ফলাফল</h2>
  <p><s>ফলাফল ৬ জুনে প্রকাশিত হতো।</s></p>
  <p>নতুন তারিখ: পরবর্তি <time datetime="06-15">শনিবার</time>।</p>
  <p>সময়: <time datetime="2024-06-15T10:00:00+06:00">সকাল ১০টা</time></p>
</body>
</html>

আউটপুট

JavaScript-এ পার্স করা

const timeEl = document.querySelector('time[datetime]');
const dateTime = timeEl.dateTime; // ISO স্ট্রিং রিটার্ন করে
const dateObj = new Date(dateTime); // Date অবজেক্ট
console.log(dateObj.toLocaleString('bn-BD'));

সেরা অনুশীলন

• সবসময় datetime অ্যাট্রিবিউট দিন যদি দৃশ্যমান টেক্সট ইফরমেল হয়।
• UTC-এ সময় রাখতে Z সাফিক্স ব্যবহার করুন (2024-06-15T04:00:00Z)।
• Microdata/Schema.org-এ itemprop="startDate" সাথেও ব্যবহার করুন।