RSS

HTML 5 ile Geri Sayan Listeler

Per, Haz 5, 2008

Web

HTML5 ile ilgili çalışmalar sürerken yeni özellikler de kulağumıza gelmeye devam ediyor. Son özellik ise Geri Sayabilen Sıralı Listeler. Yani HTML 5 ile artık sıralı listeleriniz 1, 2, 3… şeklinde ilerlemek yerine 3, 2, 1 şeklinde de ilerleyebilecek. Böylece geri sayan TOP10 listeleri hazırlayabileceksiniz.

Bunu yapmanın eski yolu şöyleydi:

Top 5 Yazı

  1. Son Yazı
  2. Dördüncü Yazı
  3. Üçüncü Yazı
  4. İkinci Yazı
  5. Birinci Yazı

Fakat tüm liste boyunca sayıları elle yazmak zorunda olmanız zaman kaybına ve hatalara yol açar. ayrıca bu kod HTML 4.01 ya da XHTML 1.0 Strict DOCTYPE tarafından desteklenmez. Çünkü bu tanımlarda value değeri yoktur. HTML 5 bu özelliği de ekledi.

Yeni yazım ise oldukça kolay. Sadece ol elementine reversed özelliğini eklemeniz yeterli. İsterseniz bir de başlangıç değeri verebilirsiniz. Başlangıç değeri belirtilmemişse, web tarayıcı listede kaç öğe olduğunu sayıp, o sayıdan bire doğru geri sayıyor.

Top 5 Yazı

  1. Son Yazı
  2. Dördüncü Yazı
  3. Üçüncü Yazı
  4. İkinci Yazı
  5. Birinci Yazı

Popularity: 11% [?]

İlgili Yazılar

, , ,

This post was written by:

cnkt - who has written 75 posts on Cnkt.


Contact the author

Leave a Reply

Clicky Web Analytics hit counters