HTML Öznitelik Nedir?
Öznitelikler, HTML elementlerine ek bilgi sağlayan ifadelerdir.
<img src="resim.jpg" width=300> kodunda <img> daha önceden bahsettiğimiz gibi HTML dosyalarına resim eklemeye yarayan HTML etiketidir.
src ve width öznitelik olarak adlandırılır. src (source / kaynak) eklenen resmin nerede olduğu ve adını, width (genişlik) eklenen resmin genişliğini belirtir.
HTML Öznitelikler
- Tüm HTML elementleri kendi özniteliklerine sahiptir.
- Öznitelikler kullanılan HTML etiketi için ek bilgiler sağlar. Örneğin bir link eklediğimizde o linkin nereye gideceğini de belirtmemiz gerekir. Öznitelikler bu tür bilgiler sağlar.
- Öznitelikler her zaman başlangıç etiketine yazılır.
- Öznitelikler büyük oranda ad="değer" (width: ad, 300: değer ) şeklinde yazılır.
Bazı Öznitelikler
HTML lang Özniteliği
Bir HTML belgesi (belge HTML dosyası ile aynı anlama gelmekte) oluşturuyorsanız, bu belgenin dilini belirtmeniz gerekir.
Oluşturduğunuz HTML belgesinin dilini <html> etiketinin lang özniteliği ile belirtmelisiniz.
HTML belgesinin dilini belirtmek arama motorları ve ekran okuyucular için önemlidir.
Ekran okuyucu yazılım nedir?
Ekran okuyucu (screen reader), ekranda olan her şeyi sesli olarak okuyan programlardır.
Bu programlar özellikle görme engelliler tarafından kullanılır.
Arama Motoru Nedir?
Arama motoru, web sitelerini belirli aralıklar ile ziyaret ederek bu sitelerdeki bilgileri indeksleyen sitelerdir.
Arama motorları, internet kullanıcılarının bu sitelere en doğru şekilde ulaşmasını sağlamak için çalışırlar.
Google, Bing, Yahoo, Yandex en popüler arama motorlarıdır.
Örnek
<!DOCTYPE html>
<html lang="tr">
<body>
...
</body>
</html>
Kendin Dene »
Örnekte lang="tr" HTML belgesinin dilinin Türkçe olduğunu ifade etmektedir.
title Özniteliği
title özniteliği pek çok HTML elementi ile birlikte kullanılabilir.
Bu özniteliğin uygulandığı HTML elementinin üzerine fare işaretçisi götürüldüğünde title özniteliğine atanan değer görüntülenir.
Fare üzerine getirildiğinde görüntülenen bu mesaja ipucu (tooltip) denir.
Örnek
<p title="Bu bir ipucudur">Fare işaretçisini bu yazının üzerine getirin.</p>
Kendin Dene »
Kod yazarken bunlara dikkat etmelisin!
HTML5 standartları büyük / küçük harf duyarlı değildir. Etiket ve öznitelikleri büyük ya da küçük yazmanız sorun yaratmaz.
Fakat düzenli ve W3C tavsiyelerine uygun olarak kod yazabilmeniz için küçük harf kullanmanızı öneririz.
- HTML etiketlerini küçük yazdığın gibi öznitelikleri de küçük harfle yazmalısın.
- Öznitelik değerlerini her zaman çift tırnak içine almalısın.Örneğin:
title="ipucu"