Yükleniyor...

HTML Id

class’tan sonra id tek bir öğeyi adlandırır.

Benzersiz adlar neden önemli

Atlamalar tek eşleşme bekler.

Doğrudan yanıt

id="faq" bir kez. href="#faq". CSS #faq. id="#faq" yazmayın. Paylaşılan stil için 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

Benzersiz başlığa fragment bağlantı

Üstte bağlantı, altta 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 örneği

  • yalnızca bağlantıda

  • öznitelikte çıplak ad

#id ile benzersiz CSS kancası

Tek panel — ölçülü kullanın.

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>

Benzersiz stil örneği

  • CSS’te #promo
  • öznitelikte # yok

id mi class mı

Birden fazla öğe? class. Tek hedef? id.

Alıştırma

  1. id’li başlık

  2. bağlantı ve atla

  3. yinelenenleri sil
  4. tip için class

Kolay hatalar

  • yinelenen id
  • öznitelikte #
  • her paylaşılan stil için id

Özet

  • id benzersiz
  • href/CSS’te #
  • paylaşım için class

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓
6
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 Talimatlar

  • Her soruyu dikkatle okuyun
  • Her soru için en iyi cevabı seçin
  • Quiz'i istediğiniz kadar tekrar alabilirsiniz
  • İlerlemeniz üstte gösterilecek
Konu 1 / 1
Html Ders