लोड हो रहा है...

HTML सिमेंटिक तत्व

div और class/id के बाद सिमेंटिक क्षेत्र को अर्थ से नाम देते हैं।

बॉक्स से पहले अर्थ

CSS किसी भी टैग को सजाता है; सिमेंटिक्स इरादा लिखते हैं।

सीधा उत्तर

अर्थ मिले तो landmarks। एक main। पूरी साइट एक article में न लपेटें।

📊 Core landmarks

Element	Typical meaning
header	Introductory or banner content for a page or section
nav	Major navigation links
main	Dominant unique content of this page
article	Independent composition (post, story, card that could stand alone)
section	Thematic grouping, usually with a heading
aside	Side note related to the surrounding content
footer	Closing content for a page or section

सरल पेज कंकाल

हेडर और लिंक, अद्वितीय सामग्री main में, footer अंत में।

Simple semantic skeleton

html

HTML Code

<body>
<header>
<h1>City Guide</h1>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
</nav>
</header>
<main>
<h2>Welcome</h2>
<p>Explore the city with clear HTML structure.</p>
</main>
<footer>
<p>All rights reserved.</p>
</footer>
</body>

कंकाल पढ़ें

header अक्सर nav के साथ
एक main
footer बंद करता है

article, section और aside

main के अंदर: स्वतंत्र टुकड़ा, विषय खंड, साइड नोट।

Article section and aside

html

HTML Code

<main>
<article>
<h2>Weekend markets</h2>
<section>
<h3>Saturday</h3>
<p>Fresh fruit stalls open at 8:00.</p>
</section>
<section>
<h3>Sunday</h3>
<p>Craft vendors join the square.</p>
</section>
</article>
<aside>
<h2>Tip</h2>
<p>Arrive early for the best produce.</p>
</aside>
</main>

दूसरा डेमो

article अकेला चल सकता है
section शीर्षक के साथ
aside दूसरा main नहीं

landmark बनाम div

मानक भूमिका? landmark। सिर्फ लेआउट रैपर? div।

अभ्यास

header/nav/main/footer
कहानी केवल main में
एक article
ठीक एक main जाँचें

आसान गलतियाँ

कई main
बिना विषय section
यादृच्छिक landmarks

सार

सिमेंटिक्स अर्थ नाम देते हैं
एक main
भूमिका मिले तो landmark

🧠 अपने ज्ञान की परीक्षा करें

शुरू करने के लिए तैयार

अपने ज्ञान की परीक्षा करें

इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं

❓

प्रश्न

🎯

70%

पास करने के लिए

♾️

∞

समय

🔄

∞

प्रयास

📝 निर्देश

हर प्रश्न को ध्यान से पढ़ें
हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
आपकी प्रगति शीर्ष पर दिखाई जाएगी

भाषा