Introduction to the figure and figcaption elements in hindi
एचटीएमएल5 वेब पेज में <figure> और <figcaption> टैग एलिमेंट का उपयोग वेबसाइट में मल्टीमीडिया कंटेंट जैसे कि, इमेज, ड्रॉइंग्स, शेप और अन्य किसी भी प्रकार के विज़िबल ग्राफ़िक्स इमेजेज और मल्टीमीडिया ऑब्जेक्ट कंटेंट इनफार्मेशन को ग्रुप कर मीनिंगफुल डिस्क्रिप्शन प्रदान किया जाता है। यहाँ फिगर और फिगकैप्शन टैग मल्टीमीडिया ऑब्जेक्ट को कैप्शन और डिस्क्रिप्शन को मीडिया कंटेंट से ऐड कर प्रीव्यू करते हैं, जिससे इन ऑब्जेक्ट का सर्च इंजन में यूजर एक्सेस और वेबपेज और SEO सर्च इंजन रैंकिंग में इम्प्रूवमेंट होता है।
<figure> tag in HTML5.
एचटीएमएल5 वेब पेज में <figure> टैग एक बिल्ट कैप्शन या डिस्क्रिप्शन कंटेनर है, सामान्यता, फिगर टैग का उपयोग वेब पेज में डिस्प्ले मल्टीमीडिया कंटेंट इनफार्मेशन में पिक्चर, वीडियो या इलस्ट्रेशन, को जरूरत के अनुसार अल्टरनेटिव कैप्शन या डिस्क्रिप्शन ऑर्गनाइज़ कर डिस्प्ले किया जाता है।
Figure Attributes in HTML5.
- HTML5 Semantic Grouping – इसका उपयोग वेब पेज में मल्टीमीडिया कंटेंट इनफार्मेशन और उसके रिलेटेड कैप्शन या डिस्क्रिप्शन को एनालाइज कर ग्रुप करता है।
- HTML5 autonomous – एचटीएमएल5 वेब पेज में <figure> टैग के अंदर डिस्प्ले इनफार्मेशन सेल्फ-कॉन्टैन होती है, इससे डॉक्यूमेंट के नेचर को एक्सप्लेन किया जा सकता है।
Uses of the figure tag in HTML5.
एचटीएमएल5 वेब पेज में फिगर टैग मल्टीमीडिया ऑब्जेक्ट या इमेजेज, वीडियो व्रैप किया जाता है, इसके साथ अलावा अन्य डिटेल प्रोवाइड करने के लिए <figcaption> टैग का इस्तेमाल किया जाता है।
Figure tag example.
<figure>
<img src=”logo.jpg” alt=”Company Logo”>
<figcaption>Vcanhelpsu Company Logo</figcaption>
</figure>
Figure tag explanation in HTML5.
एचटीएमएल5 वेब पेज में <figure> एलिमेंट में <img> टैग का उपयोग मौजूदा इमेज के बारे में डिटेल कैप्शन प्रदान किया जाता है, जो आपके द्वारा ऐड किये गए इमेज के कैप्शन को डिस्प्ले करता है, वही <figcaption> टैग का उपयोग मौजूदा इमेज मल्टीमीडिया ऑब्जेक्ट को डिटेल डिस्क्रिप्शन प्रदान करता है।
<figcaption> tag in HTML5.
एचटीएमएल5 वेब पेज में <figcaption> टैग का उपयोग वेब पेज में अप्लाई <figure> टैग के अंदर इमेज मल्टीमीडिया ऑब्जेक्ट कंटेंट के लिए कैप्शन और डिटेल डिस्क्रिप्शन डिस्प्ले करता है।
figcaption attributes in HTML5.
- figcaption placement – फिगकैप्शन टैग को वेब पेज में उपयोग मल्टीमीडिया या इमेज ऑब्जेक्ट के लिए डिस्क्रिप्शन प्रदान करता है, फिगकैप्शन टैग को इमेज टैग और <figure> टैग के अंदर लिखा जायेगा।
- figcaption content – फिगकैप्शन कंटेंट ऐट्रिब्यूट्स मौजूदा वेब पेज मल्टीमीडिया ऑब्जेक्ट या इमेज के लिए डिटेल डिस्क्रिप्शन या रिलेटेड रेफ़्रेन्स प्रदान करता है।
Use of figcaption tag in HTML5.
एचटीएमएल5 वेब पेज में सिंपल वेबपेज इनफार्मेशन या कंटेंट को अधिक सिंपल या यूजर अंडरस्टैन्डबल बनाने के लिए इमेजेज, चार्ट, ड्रॉइंग्स, पिक्चर्स, में डिटेल टेक्स्ट डिस्क्रिप्शन को डिस्प्ले करने में उपयोग करते है।
Example of figcaption tag in HTML5.
<figure>
<img src=”html.png” alt=”html image”>
<figcaption>This image shows you detail about html (hypertext script markup language). </figcaption>
</figure>
Figcaption tag explanation in HTML5.
एचटीएमएल5 वेब पेज में <figcaption> टैग और <figure> टैग में मौजूद html इमेज फाइल का कैप्शन और डिटेल टेक्स्ट डिस्क्रिप्शन प्रदान करेगा।
Uses of <figure> and <figcaption> in HTML5.
HTML5 Improved Semantic Usage.
एचटीएमएल5 वेब पेज में <figure> टैग और <figcaption> टैग का उपयोग वेब पेज में उपयोग इमेज और मल्टीमीडिया ऑब्जेक्ट कंटेंट को डिजायर कैप्शन और डिस्क्रिप्शन प्रदान करते हैं, जिससे रिलेटेड मल्टीमीडिया ऑब्जेक्ट मीनिंगफुल और डिस्क्रिप्टिव हो जाते है।
Enhanced user accessibility.
डिसेबल इंटरनेट यूजर के लिए स्क्रीन रीडर का उपयोग कर <figcaption> टैग से रिलेटेड इमेज और मल्टीमीडिया ऑब्जेक्ट के लिए कैप्शन प्रोवाइड किया जाता हैं, जिससे वेब पेज में हर इंटरनेट यूजर के लिए इन ऑब्जेक्ट को एक्सेस और यूज़ करना आसान हो जाता है।
Improved webpage SEO.
एचटीएमएल5 वेब पेज में <figcaption> टैग का उपयोग मौजूदा इमेज या मल्टीमीडिया ऑब्जेक्ट के लिए डिटेल टेक्स्ट डिस्क्रिप्शन कैप्शन प्रोवाइड किया जाता है, जहा इमेज फिगर टैग में इमेज मल्टीमीडिया कैप्शन प्रोवाइड करने से सर्च इंजन में इमेज या मल्टीमीडिया ऑब्जेक्ट रैंकिंग में हेल्प करते है।
Webpage post consistent styling.
एचटीएमएल5 वेब पेज में <figure> टैग और <figcaption> टैग का उपयोग मल्टीमीडिया ऑब्जेक्ट के लिए seo में रैंकिंग के लिए प्रॉपर कैप्शन और डिटेल डिस्क्रिप्शन प्रदान किया जाता हैं।
Figure and figcaption tag example.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=” UTF-8″>
<title>HTML5 Figure And Figcaption Tag</title>
</head>
<body>
<h1>Let Tray Figure And Figcaption Tag Attributes</h1>
<p>Figure Tag Image Caption And Description</p>
<figure>
<img src=”https://cdn.pixabay.com/photo/2022/02/24/14/28/art-7032570_1280.jpg” alt=”Nice Mountain Image” height=240 width=270 >
<figcaption>Nice Mountain Image With Surrounded By Ice.</figcaption>
</figure>
<p>Figure Tag Video Caption And Description. </p>
<figure>
<video controls>
<source src=”https://cdn.pixabay.com/video/2024/09/06/230060_large.mp4″ type=”video/mp4″>
Your Web Browser Not Compatiable, You Need To Update First It.
</video>
<figcaption>Nice Sparrow Video In Natures. </figcaption>
</figure>
<p>Figure And Figcaption Tag Diagram Caption And Description. </p>
<figure>
<img src=”https://cdn.pixabay.com/photo/2024/05/24/18/14/astronaut-8785566_1280.png” alt=”Nice astronat diagram” height=240 width=270>
<figcaption>Nice Astoranat Diagram, Shows In Space. </figcaption>
</figure>
</body>
</html>
