Otomatik HTML (ul, ol, li) liste oluşturma

Bahse konu HTML etiketleri (ul, ol, ve li) liste oluşturmak için kullanılır. Liste, sıralanmamış bir listeyse (madde işaretli) bir ul ile başlamalı veya sıralı bir listeyse (numaralı) bir ol ile başlamalıdır. Her listenin içinde her öğe bir li etiketi ile başlamalıdır ve kapat /li etiketi ile bitmesi gerekir. Liste öğelerinin başka bir liste de dahil olmak üzere başka bir HTML etiketi içerebileceğini unutmayın (“iç içe liste” oluşturmak için).

HTML liste oluşturma

HTML’de ul ve ol öğeleri arasındaki fark

Madde işaretli ve numaralı listeler

Ul ve ol öğe adları başlangıçta “sırasız liste” ve “sıralı liste” için kısa olsa da, gerçek anlamları her zaman farklı olmuştur. Editörler bunları sırasıyla madde işaretli ve numaralı listeler oluşturmak için kullanırlar ve tarayıcılar bunu uygular.

Yazarlar, ul, ol veya başka bir işaretleme arasında seçim yapmak için farklı nedenlere sahiptir. Bir yemek tarifinde, malzeme listesi için ul ve hazırlama talimatları için ol kullanabilirsiniz.

Liste nasıl oluşturulur?

Liste nedir? Teknik olarak bir dizi öğe (seri). Bu her şeyin bir liste olarak adlandırılabileceği ve bir liste olarak işaretlenebileceği anlamına gelir. Paragraf bir dizi ifadedir, bu yüzden onu bir liste olarak ele alabilirsiniz. Gerçek bir dizi olmasa bile, sadece bir öğe içeren bir listeniz olduğunu söyleyebilirsiniz. Boş bir dize bile, sıfır öğe içeren soyut anlamda bir listedir.

Ancak HTML’deki ul ve ol (ve dl) öğelerinin tüm listeler için kullanılması beklenmez. Paragraf içinde, 1, 2, 3, 4, 5 gibi bir dizi mutlaka mantıklı bir listedir, ancak bunlar için HTML listesi öğelerinden hiçbirini kullanamazsınız. Blok elemanlardır ve bu nedenle bir p elemanı içinde izin verilmez. Ve varsayılan olarak, önce ve sonra satır sonları ve kenar boşlukları içeren bir blok sunumuna neden olurlar, böylece paragrafı bölerler.

Yazar listeyi gerçekten oluşturmak istediğinde, içeriği bir liste olarak ele alacak ve öğeleri çakışmayacak şekilde ayrı ayrı işleyecek. Bu nedenle, ortak madde işaretli liste istenmesinde ul kullanmak iyi bir neden.

HTML ile liste oluşturmak ve listelerin özellikleri

HTML özellikleri, ul, ol ve dl öğelerinin gerçek yapısı hakkında oldukça sessiz veya belirsizdir. Sadece “sırasız liste” ve “sıralı liste” ifadeleri kullanılır. Bunun nedeni, kılık değiştirmiş fiziksel işaretleme olmalarıdır.

“Fiziksel işaretleme” bu durumda oldukça soyuttur. Bazı liste işaretçileri, “madde işaretleri” veya “sayılar” içeren bir listeyi bir anlamda sunmak önemlidir. Bu, ayarların, sayıların stili veya hatta numaralar gibi belirli sunum özelliklerinden oldukça farklıdır. Örneğin, konuşma sunumunda liste işaretleyicilerini kullanmak mantıklıdır. Bu tür liste işaretlemeleri yerine yazarlar, liste işaretleyicilerini karakter veya resim olarak belgenin kendisine ekleyebilir. Bu, özellikle çok seviyeli numaralandırmaya ihtiyacınız varsa, genellikle iyi bir yaklaşımdır. Ancak ul ve ol elemanları birkaç nedenden dolayı uygun araçlar olmuştur:

İnsanların kelime işlemcilerden ve diğer yazılımlardan bildiği kavramlara karşılık gelirler. İşaretçiler tarayıcılar tarafından otomatik olarak oluşturulur. Bu, liste oluşturamayan basit yazma araçlarını kullanırken özellikle numaralandırılmış listeler için iyidir. İşaretçiler ve diğer sunum ayrıntıları CSS kullanılarak değiştirilebilir.