Nitelikler HTML öğeleri hakkında ek bilgi sağlar.
HTML Özellikleri
- HTML öğeleri olabilir attributes
- Nitelikler sağlamak additional information bir öğesi hakkında
- Nitelikler hep belirtilir the start tag
- : Nitelikler gibi ad / değer çift olarak gelir name="value"
lang Özellik
Belge dili bildirilebilir <html> etiketi.
Dil bildirilmiştir lang özniteliği.
Bir dil bildirme erişilebilirlik uygulamaları için önemlidir (screen readers) ve arama motorları:
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
İlk iki harf dili belirtmek (en) . Bir lehçesi varsa, iki harf kullanın (US) .
title Özellik
HTML paragrafları ile tanımlanır <p> etiketi.
Bu örnekte, <p> eleman bir başlık niteliği vardır. Özelliğinin değeri " About w3ii " :
Örnek
<p title="About w3ii">
w3ii is a web developer's site.
It provides tutorials and references covering
many aspects of web
programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP,
etc.
</p>
Kendin dene " Eğer öğenin üzerine fareyi hareket ettirdiğinizde, başlık bir araç ipucu olarak görüntülenir.
href Özellik
HTML bağlantıları ile tanımlanır <a> etiketi. Bağlantı adresini belirtilen href özniteliği:
Sen linkleri ve hakkında daha fazla öğreneceksiniz <a> sonra bu eğitimde etiketi.
Boyut Nitelikler
HTML görüntüleri ile tanımlanır <img> etiketinin.
Kaynak dosya ( src ) , ve görüntü (boyutuna width ve height ) tüm özellikler olarak temin edilmiştir:
görüntü boyutu piksel olarak belirtilir: genişlik = "104" 104 ekran piksel genişliğinde anlamına gelir.
Sen görüntü ve hakkında daha fazla öğreneceksiniz <img> sonradan bu eğitimde etiketi.
alt Özellik
alt niteliği HTML elemanı görüntülenemiyor zaman kullanılacak alternatif bir metin belirtilir.
Özelliğinin değeri, tarafından okunabilir "screen readers" . Bu şekilde, birisi "listening" web sayfasına, körlerden yani olabilir "hear" elemanı.
Biz öner: Her zaman Kullanımı Küçük harf Özellikleri
HTML5 standardı küçük harf özellik adlarını gerektirmez.
title niteliği gibi üst veya alt dava ile yazılabilir Title ve / veya TITLE .
W3C HTML4 içinde küçük harf önerir ve XHTML gibi sıkı belge türleri için küçük harf gerektirir.
Küçük harf en yaygın olanıdır. Küçük harf yazmak için daha kolaydır.
biz her zaman küçük harf kullanın w3ii anda isimlerini bağlıyor.
Biz öner: Her zaman Alıntı Özellik Değerleri
HTML5 standardı tırnak etrafında özellik değerlerini gerektirmez.
href Yukarıda gösterildiği özelliği, şu şekilde yazılabilir:
W3C recommends HTML4 içinde tırnak ve XHTML gibi sıkı belge türleri için tırnak talep eder.
Bazen tırnak kullanmak gerekir. Bir boşluk içerdiği için bu, düzgün görünmeyecektir:
Kullanımı tırnak en yaygın olanlarıdır. Atlanması, tırnak hataları üretebilir.
biz her zaman tırnak kullanabilirsiniz w3ii At etrafında değerleri bağlıyor.
Tek veya çift tırnak?
Çift tarzı tırnak HTML en yaygın, ancak tek stil de kullanılabilir.
Özellik değeri kendisi çift tırnak içerdiğinde Bazı durumlarda, tek tırnak kullanmak gereklidir:
<p title='John "ShotGun" Nelson'>
Ya da tam tersi:
<p title="John 'ShotGun' Nelson">Bölüm özeti
- Tüm HTML öğeleri nitelikleri olabilir
- HTML title özniteliği ek sağlar "tool-tip" bilgisini
- HTML href niteliği linkleri için adres bilgilerini sağlar
- HTML width ve height özellikleri, resimlere ilişkin boyut bilgileri sağlamak
- HTML alt nitelik ekran okuyucular için metni sağlar
- Biz her zaman kullanmak w3ii anda lowercase HTML özellik adlarını
- W3ii anda her zaman quote çift tırnak ile niteliklerini
Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Egzersiz 4» Egzersiz 5 »
HTML Özellikleri
Aşağıda sık HTML kullanılan bazı niteliklerin alfabetik listesi:
| nitelik | Açıklama |
|---|---|
| alt | Bir resim için alternatif metni belirtir |
| disabled | Bir giriş elemanı devre dışı bırakılmalıdır belirtir |
| href | URL belirtir (web address) bir bağlantı |
| id | Bir elemanın için benzersiz bir kimlik belirtir |
| src | URL belirtir (web address) bir görüntü için |
| style | Bir element için bir satır içi CSS stilini belirtir |
| title | Bir elemanın hakkında ekstra bilgi belirtir (displayed as a tool tip) |
: Her HTML elemanı için tüm niteliklerin tam listesi, bizim listelenen HTML Etiketi Referans .