Listeleme

HTML listeleme etiketleri, içerikleri maddeler halinde düzenli ve okunabilir bir şekilde sunmak için kullanılır. En yaygın kullanılan listeleme yapısı sırasız listeler olup <ul> ve <li> etiketleriyle oluşturulur.

Listeleme etiketleri; birden fazla içeriği madde işaretleriyle göstermek için kullanılan HTML yapılarıdır. <ul> etiketi listenin tamamını, <li> etiketi ise her bir liste elemanını temsil eder.

Ne İşe Yarar?

İçeriği düzenli ve okunabilir hale getirir
Maddeler halinde bilgi sunmayı kolaylaştırır
Menü, özellik listesi ve adım listelerinde kullanılır
SEO ve kullanıcı deneyimini iyileştirir

En Basit Kullanımı


<ul>
  <li>Birinci madde</li>
  <li>İkinci madde</li>
  <li>Üçüncü madde</li>
</ul>

Örnek Çıktı:

Birinci madde
İkinci madde
Üçüncü madde

Örnek Kullanımlar

Sırasız Liste Oluşturma


<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

İç İçe Liste Kullanımı


<ul>
  <li>Frontend
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
  <li>Backend</li>
</ul>

Liste İçinde Metin Biçimlendirme


<ul>
  <li><strong>Önemli:</strong> HTML öğren</li>
  <li><em>İpucu:</em> Pratik yap</li>
</ul>

Ne Zaman Kullanılır?

Özellik veya madde listeleri oluştururken
Menü ve navigasyon yapılarında
Adım adım bilgi vermek gerektiğinde
Uzun metinleri parçalara ayırmak için

Küçük İpuçları

Liste stilini değiştirmek için CSS kullanabilirsiniz
Liste elemanları sadece <li> ile oluşturulmalıdır
Görsel listeleme yerine anlamlı yapı kurmak SEO için önemlidir
Çok derin iç içe listeler okunabilirliği azaltabilir

1 ay önce