एचटीएमएल <लेख> टैग
उदाहरण
स्वतंत्र, स्व-निहित सामग्री वाले तीन लेख:
<article>
<h2>Google Chrome</h2>
<p>Google Chrome is a web browser
developed by Google, released in 2008. Chrome is the world's most popular web
browser today!</p>
</article>
<article>
<h2>Mozilla
Firefox</h2>
<p>Mozilla Firefox is an open-source web browser developed by
Mozilla. Firefox has been the second most popular web browser since January,
2018.</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge is a web browser developed by Microsoft, released in 2015.
Microsoft Edge replaced Internet Explorer.</p>
</article>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
<article>
टैग स्वतंत्र, स्व-निहित सामग्री निर्दिष्ट करता है ।
एक लेख को अपने आप समझ में आना चाहिए और इसे बाकी साइट से स्वतंत्र रूप से वितरित करना संभव होना चाहिए।
<article>
तत्व के संभावित स्रोत :
- फोरम पोस्ट
- ब्लॉग भेजा
- समाचार
नोट: तत्व <article>
ब्राउज़र में कुछ खास के रूप में प्रस्तुत नहीं करता है। हालाँकि, आप <article>
तत्व को स्टाइल करने के लिए CSS का उपयोग कर सकते हैं (नीचे उदाहरण देखें)।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से तत्व का समर्थन करता है।
Element | |||||
---|---|---|---|---|---|
<article> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
वैश्विक गुण
<article>
टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<article>
टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
<लेख> तत्व को स्टाइल करने के लिए CSS का उपयोग करें:
<html>
<head>
<style>
.all-browsers {
margin: 0;
padding: 5px;
background-color: lightgray;
}
.all-browsers
> h1, .browser {
margin: 10px;
padding: 5px;
}
.browser {
background: white;
}
.browser > h2,
p {
margin: 4px;
font-size: 90%;
}
</style>
</head>
<body>
<article class="all-browsers">
<h1>Most
Popular Browsers</h1>
<article class="browser">
<h2>Google Chrome</h2>
<p>Google Chrome is a web browser
developed by Google, released in 2008. Chrome is the world's most popular web
browser today!</p>
</article>
<article class="browser">
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox is an
open-source web browser developed by Mozilla. Firefox has been the second most
popular web browser since January, 2018.</p>
</article>
<article class="browser">
<h2>Microsoft Edge</h2>
<p>Microsoft Edge is a web browser developed by Microsoft, released in 2015.
Microsoft Edge replaced Internet Explorer.</p>
</article>
</article>
</body>
</html>
संबंधित पृष्ठ
HTML DOM संदर्भ: आलेख वस्तु
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र <article>
निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
article {
display: block;
}