HTML 5 ile Geri Sayan Listeler
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:
<h3>Top 5 Yazı</h3>
<ol>
<li value="5">Son Yazı</li>
<li value="4">Dördüncü Yazı</li>
<li value="3">Üçüncü Yazı</li>
<li value="2">İkinci Yazı</li>
<li value="1">Birinci Yazı</li>
</ol>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.
<h3>Top 5 Yazı</h3> <ol reversed> <li>Son Yazı</li> <li>Dördüncü Yazı</li> <li>Üçüncü Yazı</li> <li>İkinci Yazı</li> <li>Birinci Yazı</li> </ol>