HTML5 - Nitelikler
Önceki bölümde açıklandığı gibi, elemanlar, bir elemanın çeşitli özelliklerini ayarlamak için kullanılan nitelikler içerebilir.
Bazı öznitelikler genel olarak tanımlanır ve herhangi bir öğede kullanılabilirken diğerleri yalnızca belirli öğeler için tanımlanır. Tüm özniteliklerin bir adı ve değeri vardır ve aşağıdaki örnekte gösterildiği gibi görünür.
Aşağıda, bir div öğesinin "example" değeri kullanılarak sınıf adlı bir öznitelikle nasıl işaretleneceğini gösteren bir HTML5 öznitelikleri örneği verilmiştir -
<div class = "example">...</div>Öznitelikler yalnızca içinde belirtilebilir start tags ve asla kullanılmamalıdır end tags.
HTML5 nitelikleri büyük / küçük harfe duyarlı değildir ve tümü büyük harf veya karışık olarak yazılabilir, ancak en yaygın kural küçük harf kullanmaktır.
Standart Özellikler
Aşağıda listelenen öznitelikler hemen hemen tüm HTML 5 etiketleri tarafından desteklenmektedir.
| Öznitelik | Seçenekler | Fonksiyon |
|---|---|---|
| erişim anahtarı | Kullanıcı tanımlı | Bir öğeye erişmek için bir klavye kısayolu belirtir. |
| hizalamak | sağ, sol, merkez | Etiketleri yatay olarak hizalar |
| arka fon | URL | Bir elemanın arkasına bir arka plan görüntüsü yerleştirir |
| bgcolor | sayısal, onaltılık, RGB değerleri | Bir elemanın arkasına bir arka plan rengi yerleştirir |
| sınıf | Kullanıcı tanımlı | Basamaklı Stil Sayfaları ile kullanım için bir öğeyi sınıflandırır. |
| memnun | doğru yanlış | Kullanıcının öğenin içeriğini düzenleyip düzenleyemeyeceğini belirtir. |
| bağlam menüsü | Menü kimliği | Bir elemanın bağlam menüsünü belirtir. |
| veri-XXXX | Kullanıcı tanımlı | Özel özellikler. Bir HTML belgesinin yazarları kendi özniteliklerini tanımlayabilir. "Data-" ile başlamalıdır. |
| sürüklenebilir | true, false, auto | Bir kullanıcının bir öğeyi sürüklemesine izin verilip verilmediğini belirtir. |
| yükseklik | Sayısal değer | Tabloların, görüntülerin veya tablo hücrelerinin yüksekliğini belirtir. |
| gizli | gizli | Elemanın görünür olup olmayacağını belirtir. |
| İD | Kullanıcı tanımlı | Basamaklı Stil Sayfaları ile kullanılacak bir öğeyi adlandırır. |
| eşya | Elemanların listesi | Öğeleri gruplamak için kullanılır. |
| itemprop | Eşyaların listesi | Öğeleri gruplamak için kullanılır. |
| yazım denetimi | doğru yanlış | Öğenin yazım denetimi veya dilbilgisi denetimi yaptırması gerekip gerekmediğini belirtir. |
| stil | CSS Stil sayfası | Bir öğe için bir satır içi stili belirtir. |
| konu | Kullanıcı tanımlı kimlik | Öğenin karşılık gelen öğesini belirtir. |
| tabindex | Sekme numarası | Bir elemanın sekme sırasını belirtir. |
| Başlık | Kullanıcı tanımlı | Öğeleriniz için "Pop-up" başlığı. |
| valign | üst, orta, alt | Bir HTML öğesi içindeki etiketleri dikey olarak hizalar. |
| Genişlik | Sayısal değer | Tabloların, görüntülerin veya tablo hücrelerinin genişliğini belirtir. |
HTML5 Etiketlerinin ve ilgili özelliklerin tam listesi için lütfen HTML5 Etiketleri referansımıza bakın .
Özel Nitelikler
HTML 5'te sunulan yeni bir özellik, özel veri özelliklerinin eklenmesidir.
Özel veri özelliği şununla başlar: data-ve ihtiyacınıza göre adlandırılacaktır. İşte basit bir örnek -
<div class = "example" data-subject = "physics" data-level = "complex">
...
</div>Yukarıdaki kod, veri konusu ve veri düzeyi adı verilen iki özel özellik ile mükemmel şekilde geçerli HTML5 olacaktır . Bu özniteliklerin değerlerini, standart öznitelikler için aldığınızla benzer şekilde JavaScript API'leri veya CSS'yi kullanarak alabilirsiniz.