लोड हो रहा है...
HTML Id
class के बाद id एक तत्व का अद्वितीय नाम है।
अद्वितीय नाम क्यों मायने रखते हैं
जंप एक ही मिलान मानते हैं।
सीधे उत्तर
id="faq" एक बार। href="#faq"। CSS #faq। id="#faq" न लिखें। साझा स्टाइल के लिए class।
📊 id versus class
| Feature | id | class |
|---|---|---|
| Uniqueness | One per page (ideally) | Many elements may share |
| HTML attribute | id="faq" (no #) | class="tip" (no .) |
| CSS selector | #faq | .tip |
| Common uses | Bookmarks, unique hooks, script targets | Reusable styles and groups |
अद्वितीय शीर्षक पर fragment लिंक
ऊपर लिंक, नीचे id।
Unique id and fragment link
html
HTML Code
<p><a href="#faq">Jump to FAQ</a></p>
<h2 id="faq">FAQ</h2>
<p>Answers go here.</p>fragment उदाहरण
-
केवल लिंक में
- attribute में बिना # नाम
#id से अद्वितीय CSS हुक
एक पैनल — संयम से।
Unique id with CSS
html
HTML Code
<div id="promo">
<h2>Limited offer</h2>
<p>One panel, one unique hook.</p>
</div>
<style>
#promo { border: 2px solid #0a7; padding: 12px; }
</style>अद्वितीय स्टाइल उदाहरण
- CSS में #promo
- attribute में # नहीं
id या class चुनें
कई तत्व? class। एक लक्ष्य? id।
अभ्यास
- id वाला शीर्षक
-
लिंक और जंप
- डुप्लिकेट हटाएँ
- tip के लिए class
आसान गलतियाँ
- डुप्लिकेट id
- attribute में #
- हर साझा स्टाइल पर id
सार
- id अद्वितीय
- href/CSS में #
- साझा के लिए class
🧠 अपने ज्ञान की परीक्षा करें
शुरू करने के लिए तैयार
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
6
प्रश्न
70%
पास करने के लिए
∞
समय
∞
प्रयास
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी