<progress>
- Devam eden bir sürecin hangi aşamadan olduğunu göstermek için kullanılır.
- JavaScript ile sahip olduğu değer değiştirilebilir. Örn:
<progress value=“22” max=“100” id=“progress”></progress ><script>
var progress=document.getElementById(“progress”);progress.value=7;
</script>
• Örnekte “7” yerine ne yazarsak <progress>’in değeri o şekilde değişecektir.
• Bu aracı bir sürecin durumu hakkında bilgi vermek için kullanabiliriz.
<meter>
• Sabit skalalar bir ölçümü,bir kesirli sayıyı bir bar grafiği içinde göstermek için kullanılır.
Örn:
<meter value=“8” min=“0” max=“10”></meter> <meter value=“0.4”></meter>
<ruby>,<rt> ve <rp>
• Uzak doğu dillerindeki karakterler için kullanılırlar.
Örn:<ruby>
音<rt><rp>(</rp>ᅪ<rp>)</rp></rt> </ruby>
<time>
• Dökümanın içerisinde bir zamanı veya tarihi belirlemek için kullanılır.
• Uygulamalar oradaki değeri okuyup tarihi net bir şekilde anlayabilirler.
Örn:
<p>Cumartesi günleri saat<time>09:00</time>’da çalışmaya başlıyoruz.</p>
<p>Konser<time datetime=“2013-12-18T21:00-22:00”>gelecek hafta çarşamba 9:00’da</time> .</p>
<wbr>
• Uzun metinler ekrana sığmadığında bazen uygun olmayan yerlerden alt satıra geçebiliyorlar.
• Bu problemden kurtulmak için <wbr> etiketikullanılır.
- Bu etiket alt satıra belli bir yerde geçilebileceğini gösterir ama </br>’deki gibi direk alt satıra geçmeye zorlamaz.
- Tarayıcı duruma göre alt satıra geçmeye kararverir.
Örn:
<p>Siz halaçekovastavakya<wbr>lılaştıramadıklarımızdan<wbr>mısınız?
</p>
- Yukarıdaki örnekte olduğu gibi kelimenin iki farklı bölümünde,eğer cümle satıra sığmaz ise tarayıcı alt satıra geçecektir.
- Satır tüm ekrana sığıyorsa tarayıcı olduğu gibi yazıyı gösterecektir.
- Bu bölümde HTML’deki yeni etiketlerden bahsettik.
- Bir sonraki bölümde HTML’e yeni eklenen veri giriş tiplerinden ve özelliklerden bahsedeceğiz.