Açıklama listesi, terimler ve karşılık gelen açıklamaları arasında bir ilişki oluşturarak bilgiyi yapılandırmak ve sunmak için anlamsal bir yol sağlar. Verileri veya bilgileri daha erişilebilir ve anlaşılır hale getirir. İçerik oluşturucular, sözlükler, sözlükler, SSS bölümleri, Ürün özellikleri vb. yerlerde açıklama listelerini kullanabilir. Bu makale, HTML'de bir açıklama listesi kullanma prosedürünü gösterir.
HTML'de Açıklama Listesi Nasıl Kullanılır?
Açıklama listesi şunlardan oluşur: ”, “ ', Ve ' ” etiketleri ve bir terimler koleksiyonunu ve bunlara karşılık gelen tanımları temsil etmek için kullanılır. İçeriği, açıklamanın basit bir madde işareti listesinin ötesine geçtiği yapılandırılmış bir biçimde sunar/görüntüler. Görsel olarak çekici bir arayüz oluşturmak için CSS özellikleri açıklama listesine de uygulanabilir.
HTML'de bir açıklama listesi oluşturmak için aşağıdaki kod parçacığını ziyaret edin:
< vücut >
< div >
< h2 > Dizüstü Bilgisayar Pazar Payları h2 >
< dl >
< dt > hp dt >
< dd > Masaüstü Sistemler ve Dizüstü Bilgisayarlar kategorisinde ise şu paya sahiptir: 30 % dd >
< dt > Dell dt >
< dd > Masaüstü Sistemler ve Dizüstü Bilgisayarlar kategorisinde ise şu paya sahiptir: 24 % dd >
< dt > Lenovo dt >
< dd > Masaüstü Sistemler ve Dizüstü Bilgisayarlar kategorisinde ise şu paya sahiptir: 14 % dd >
dl >
div >
vücut >
Yukarıdaki kod parçacığının açıklaması:
-
- İlk başta ebeveyn “ div Açıklama listesi öğesi ve ' gibi diğer HTML öğeleri için bir kap görevi gören ' öğesi oluşturuldu. ”.
- Ardından, açıklama listesi '
- Ardından, açıklama adı/terimi “ ” etiketi, açıklaması eklenecek öğelerin açıklamasını belirtmek için kullanılır.
- Bundan sonra, açıklama verileri “ Açıklama maddesi ile ilgili açıklamayı/bilgiyi içeren ” etiketi eklenir.
Derleme aşamasının bitiminden sonra, HTML öğeleri web sayfasında şu şekilde görünür:
Çıktı, açıklama listesinin oluşturulduğunu gösterir.
Örnek 1: Tek Bir Terime Birden Çok Açıklama Atayın
Bir terim için birden fazla açıklamanın olduğu açıklama tablosu oluşturulabilir. Açıklama teriminin açıklanabileceği birden fazla anlam veya yöntem varsa özellikle yararlı olabilir.
Yukarıdaki senaryo için kod aşağıda gösterilmiştir:
< div >< h2 > Dizüstü Bilgisayar Pazar Payları h2 >
< dl >
< dt > hp dt >
< dd > Masaüstü Sistemler ve Dizüstü Bilgisayarlar kategorisinde ise şu paya sahiptir: 30 % içinde 2018 dd >
< dd > Masaüstü Sistemler ve Dizüstü Bilgisayarlar kategorisinde ise şu paya sahiptir: 23 % içinde 2017 dd >
< dt > Dell dt >
< dd > Masaüstü Sistemler ve Dizüstü Bilgisayarlar kategorisinde ise şu paya sahiptir: 24 % içinde 2018 dd >
< dd > Masaüstü Sistemler ve Dizüstü Bilgisayarlar kategorisinde ise şu paya sahiptir: 27 % içinde 2017 dd >
< dt > Lenovo dt >
< dd > Masaüstü Sistemler ve Dizüstü Bilgisayarlar kategorisinde ise şu paya sahiptir: 14 % içinde 2018 Ve 9 % içinde 2017 dd >
dl >
div >
Yukarıdaki kodda:
-
- İlk olarak “” yardımıyla açıklama listesi oluşturulur. dl ”, “ dt ' Ve ' dd ' elementler.
- Ardından, birden çok ' ” etiketleri tek bir “ altında kullanılmaktadır. dt ” öğesi. Tek bir terime birden çok açıklama atar.
Derleme aşamasından sonra:
Çıktı, tek bir terim için birden çok açıklamanın eklendiğini gösterir.
Örnek 2: Tek Bir Açıklamaya Birden Fazla Terim Atayın
Geliştiriciler ayrıca, tek açıklama verileriyle birden çok açıklama teriminden oluşan bir açıklama listesi oluşturabilir. Birden çok terim benzer olduğunda veya aynı işlevselliğe sahip olduğunda özellikle yararlıdır. Bu tekniği kullanarak, tüm bu terimler aynı anda açıklanabilir:
< div stil = 'kenar boşluğu: 20 piksel' >< h2 > Dizüstü Bilgisayar Pazar Payları h2 >
< dl >
< dt > hp dt >
< dt > EliteBook dt >
< dt > proKitap dt >
< dd > Masaüstü Sistemler ve Dizüstü Bilgisayarlar kategorisinde ise şu paya sahiptir: 30 % içinde 2018 dd >
< dd > Masaüstü Sistemler ve Dizüstü Bilgisayarlar kategorisinde ise şu paya sahiptir: 23 % içinde 2017 dd >
< dt > Lenovo dt >
< dd > Masaüstü Sistemler ve Dizüstü Bilgisayarlar kategorisinde ise şu paya sahiptir: 14 % içinde 2018 Ve 9 % içinde 2017 dd >
dl >
div >
Yukarıdaki kod bloğunda açıklama listesi oluşturulur ve birden çok “ ” etiketleri tek bir “ ile kullanılır. ' etiket.
Derleme aşamasının bitiminden sonra:
Yukarıdaki anlık görüntü, birden çok terimin tek açıklama verileriyle atandığını göstermektedir.
Çözüm
Açıklama listesi, ' açıklama listesi kullanılarak oluşturulur. Liste öğeleri ve açıklamaları için kapsayıcı oluşturan ” etiketi. Ayrıca, “ ” etiketi, açıklaması yapılacak öğe adını belirtir. “ ” etiketi ilgili açıklamayı saklar. Bu makale, HTML'de bir açıklama listesinin kullanımını göstermiştir.