Academy › 🌐 Web Geliştirme › HTML: Sayfanın İskeleti
Öznitelik: Etikete Ayar Vermek
📄 HTML: Sayfanın İskeleti bölümü · Code Quest Web Geliştirme parkuru
Bazen etikete ek bilgi fısıldamak gerekir: "bu sayfa Türkçe", "bu dosyayı UTF-8 ile oku"... Bu fısıltılara öznitelik (attribute) denir. Sözdizimi hep aynıdır: açılış etiketinin içine, etiket adından bir boşluk sonra, isim="değer" biçiminde yazılır:
<html lang="tr"> ├─ html → etiket adı ├─ lang → öznitelik İSMİ └─ "tr" → öznitelik DEĞERİ (çift tırnak içinde)
Kurallar kısa ve net:
- Öznitelik SADECE açılış etiketine yazılır —
</html lang="tr">diye bir şey yoktur. - Değer çift tırnak içine alınır:
lang="tr". - Bir etiket birden çok öznitelik taşıyabilir; araları tek boşlukla ayrılır.
İskeletten iki eski dostun artık kimliği çözüldü: <html lang="tr">'deki lang="tr" "bu sayfanın dili Türkçe" der — ekran okuyucular doğru aksanla okur, tarayıcı doğru çeviri önerir. <meta charset="UTF-8">'deki charset="UTF-8" de bir özniteliktir! Yani sen özniteliği ilk dersten beri kullanıyordun, sadece adını bilmiyordun. 😄
Peki öznitelik görünümü değiştirir mi? Çoğu zaman hayır — tahmin et:
<p lang="en">Good morning!</p>
Görünüş değişmez: "Good morning!" sıradan bir paragraf gibi durur; lang tarayıcıya sessizce "bu satır İngilizce" der
href, resmin kaynağı src hep birer öznitelik. Sözdizimini bugün oturtursan, gerisi çorap söküğü.Kendini test et
Hangi satır GEÇERLİ HTML'dir?
<p>Günaydın!</p><p>Günaydın!<p></p>Günaydın!<p><p>Günaydın!</h1>
Cevabı gör
Cevap: Günaydın!
Aç, içeriği yaz, AYNI etiketi / ile kapat. İkincide iki açılış var, üçüncüde sıra ters, dördüncüde açılan p'yi h1 kapatmaya çalışıyor — uyuşmaz.
Sayfanın dilinin Türkçe olduğunu bildiren özniteliği tamamla.
<html ____="tr">
Cevabı gör
Cevap: lang
lang="tr" ekran okuyucuya doğru okunuş, tarayıcıya doğru çeviri önerisi sağlar. Görünümü değiştirmez ama sayfanın kimliğini tanımlar.