HTML का उपयोग करना सीखें <article>
तत्व।
एचटीएमएल <article>
स्व-निहित . के लिए लेख तत्वों को परिभाषित करने के लिए टैग का उपयोग किया जाता है विषय। स्व-निहित का मतलब है कि आपके द्वारा किसी लेख तत्व के अंदर रखी गई सामग्री को आपकी बाकी वेबसाइट से स्वतंत्र रूप से काम करना चाहिए।
HTML <लेख> टैग का उपयोग कैसे करें
<article>
. के लिए मामलों का उपयोग करें टैग:
- ब्लॉग
- पत्रिकाएं
- समाचार साइटें
<main>
के विपरीत तत्व, जो एक सामग्री कंटेनर भी है, <article>
टैग को एक ही HTML दस्तावेज़ में एक या कई बार उपयोग किया जा सकता है।
उदाहरण के लिए, आप एक <article>
. का उपयोग कर सकते हैं लेख/पोस्ट के लिए मुख्य पृष्ठ कंटेनर तत्व के रूप में तत्व:
<article>
<h1>Title of your post</h1>
<p>Paragraph</p>
<p>Paragraph</p>
<img href="your-image.jpg" alt="description of image" />
<p>Paragraph</p>
<p>Paragraph</p>
</article>
जिस वेबसाइट पर आप दाईं ओर पढ़ रहे हैं, वह एक समान HTML मार्कअप संरचना का अनुसरण करती है। यदि आप इस वेबसाइट पर राइट-क्लिक करते हैं और निरीक्षण . पर क्लिक करते हैं, तो आप इसे स्वयं देख सकते हैं
<article>
तत्व का उपयोग विभिन्न सामग्री की सूची प्रदर्शित करने के लिए भी किया जा सकता है, प्रत्येक अपने स्वयं के लेख तत्व के अंदर। उदाहरण के लिए, एक लेख अलग-अलग पोस्ट के लिंक के साथ फ़ीड करता है:
<div>
<article>
<a href="/path-to-blog-post-1">
<h3>Blog post 1</h3>
</a>
</article>
<article>
<a href="/path-to-blog-post-2">
<h3>Blog post 2</h3>
</a>
</article>
<article>
<a href="/path-to-blog-post-3">
<h3>Blog post 3</h3>
</a>
</article>
</div>
ऊपर दिए गए तीन लेखों में से प्रत्येक को वेब ब्राउज़र द्वारा स्वतंत्र, स्व-निहित सामग्री के रूप में पढ़ा जाता है।
<article>
टैग कंटेनर तत्वों को परिभाषित करने के लिए उपयोग किए जाने वाले कई HTML टैग्स में से एक है। सबसे अधिक उपयोग किए जाने वाले HTML कंटेनर तत्वों में से कुछ हैं:
<section>
, <main>
, <header>
, <footer>
,<form>
, और <div>
(जो एक सामान्य टैग है जिसका उपयोग हम तब करते हैं जब कोई अन्य टैग लागू नहीं होता है)।