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.