Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML <time> टैग: दिनांक और समय प्रदर्शित करना

HTML <time> टैग

<time> एलिमेंट HTML5 में पेश किया गया एक सेमेंटिक टैग है जो दिनांक और/या समय को मशीन-पठनीय (machine-readable) प्रारूप में दर्शाता है। यह सर्च इंजन्स, कैलेंडर ऐप्स, और स्क्रीन रीडर्स के लिए उपयोगी है।

एट्रिब्यूट

  • datetime: मशीन-पठनीय दिनांक-समय (ISO 8601 प्रारूप)

उदाहरण: शेड्यूल प्रदर्शित करना

<!DOCTYPE html>
<html>
<body>
  <h2>शेड्यूल</h2>
  <p>परीक्षाएं अगले <time datetime="06-15">शनिवार</time> से शुरू होंगी।</p>
  <p>परीक्षा <time>09:00</time> सुबह शुरू होगी।</p>
</body>
</html>

आउटपुट

मानव-पठनीय टेक्स्ट ("शनिवार", "09:00") प्रदर्शित होता है, जबकि datetime एट्रिब्यूट मशीन-पठनीय प्रारूप प्रदान करता है।

datetime प्रारूप (ISO 8601)

<time datetime="2024-06-15">15 जून 2024</time>
<time datetime="09:00">सुबह 9 बजे</time>
<time datetime="2024-06-15T09:00">15 जून, सुबह 9 बजे</time>
<time datetime="2024-06-15T09:00+05:30">15 जून, सुबह 9 बजे IST</time>
<time datetime="PT2H30M">2 घंटे 30 मिनट</time>  <!-- अवधि -->

लाभ

  • SEO: सर्च इंजन्स इवेंट्स, शेड्यूल्स समझ सकते हैं
  • एक्सेसिबिलिटी: स्क्रीन रीडर्स सही उच्चारण कर सकते हैं
  • माइक्रोडेटा: schema.org मार्कअप के साथ संगत
  • कैलेंडर इंटीग्रेशन: ब्राउज़र एक्सटेंशन्स इवेंट्स निकाल सकते हैं

नोट

datetime एट्रिब्यूट वैकल्पिक है यदि कंटेंट स्वयं वैध दिनांक/समय प्रारूप में है।

  1. HTML <embed> टैग: बाहरी एप्लिकेशन एम्बेड करना HTML <embed> टैग: बाहरी एप्लिकेशन एम्बेड करना

    HTML <embed> टैग <embed> टैग HTML दस्तावेज़ में बाहरी एप्लिकेशन या इंटरैक्टिव कंटेंट (प्लगइन कंटेंट) एम्बेड करता है। यह एक खाली एलिमेंट (void element) है - कोई क्लोजिंग टैग नहीं। एट्रिब्यूट्स एट्रिब्यूट विवरण heightएम्बेडेड कंटेंट की ऊँचाई (पिक्सेल्स)

  1. HTML <dfn> टैग: परिभाषा उदाहरण परिभाषित करना HTML <dfn> टैग: परिभाषा उदाहरण परिभाषित करना

    HTML <dfn> टैग <dfn> टैग (डेफिनिशन इंस्टेंस) HTML में किसी शब्द के परिभाषा उदाहरण (defining instance) को दर्शाता है - यानी वह स्थान जहां किसी शब्द को पहली बार परिभाषित या समझाया गया है। उदाहरण: MCA परिभाषित करना <!DOCTYPE html> <html> <body> <h2>MCA में विषय<

  1. HTML <ins> टैग HTML <ins> टैग

    HTML में <ins> टैग का उपयोग उस टेक्स्ट को प्रदर्शित करने के लिए किया जाता है जिसे जोड़ा गया है, उदाहरण के लिए, नई सामग्री, अपडेट की गई कीमत, आदि। <ins> टैग के निम्न एट्रिब्यूट्स हैं: cite - एक URL जो बताएगा कि नया टेक्स्ट कब जोड़ा गया था datetime - वह तारीख और समय जब टेक्स्ट डाला गया था