Artikel ini ditujukan untuk memenuhi tugas Pemrograman Web,
Kelompok : A11.4513
Dosen : Suprayogi
Nama Kelompok :
Pungki Irawan (A11.2010.05412)
Sigit Catur Purnomo (A11.2010.05191)
UDINUS
UDINUS
HTML 5 adalah pengembangan dari HTML versi sebelumnya dengan penambahan beberapa tag baru. Salah satu tag yang akan kita bahas kali ini adalah tag <meter>
Definisi dan Fungsi
Tag <meter> berfungsi untuk pengukuran skalar atau nilai pecahan dalam kisaran yang telah ditentukan.
Contoh : Menampilkan jumlah disk, Relevansi dari suatu hasil query, dan lain lain
Note:
<html>
<head>
<title>Tag <meter> HTML 5</title>
<body>
<p>Tag "meter" berfungsi untuk pengukuran skalar atau nilai pecahan dalam kisaran yang telah ditentukan.</p>
<p><u><i>Contoh:</i></u> <br />Suatu lembaga telah melakukan survey terhadap kebiasaan Orang Indonesia dalam berinternet.Hasil survey dari 100% diperoleh data sbb: </p>
<ol>
<li>Facebook<dd><meter min="0" max="100" value="50" title="Hasil survey dari 100%">50%</meter></dd></li>
<li>Twitter<dd><meter min="0" max="100" value="25" title="Hasil survey dari 100%">25%</meter></dd></li>
<li>Wikipedia<dd><meter min="0" max="100" value="5" title="Hasil survey dari 100%">5%</meter></dd></li>
<li>Kaskus<dd><meter min="0" max="100" value="20" title="Hasil survey dari 100%">20%</meter></dd></li>
</ol>
<p><u>Contoh lain:</u></p>
<dl>
<dt>Width:</dt>
<dd><meter min="0" max="200" value="123" title="millimeters">123mm</meter></dd>
<dt>Height:</dt>
<dd><meter min="0" max="100" value="25" optimum="30" title="millimeters">25mm</meter></dd>
</dl>
</body>
</head>
</html>
Definisi dan Fungsi
Tag <meter> berfungsi untuk pengukuran skalar atau nilai pecahan dalam kisaran yang telah ditentukan.
Contoh : Menampilkan jumlah disk, Relevansi dari suatu hasil query, dan lain lain
Note:
- Tag <meter> tidak boleh digunakan untuk mengindikasi suatu progress ( seperti dalam progress bar ). Untuk penggunaan progress, gunakan tag <progress>
- Penting diketahui juga bahwa elemen <meter> digunakan untuk mewakili kisaran. Hal ini tidak tepat jika digunakan untuk mewakili nomor tunggal ( seperti berapa banyak orang mempunyai anak ) kecuali ada jumlah maksimum yang diketahui.
- Untuk saat ini tidak semua browser mendukung seluruhnya HTML 5. Banyak browser yang masih dikembangkan untuk mendukung elemen / tag HTML 5.
<html>
<head>
<title>Tag <meter> HTML 5</title>
<body>
<p>Tag "meter" berfungsi untuk pengukuran skalar atau nilai pecahan dalam kisaran yang telah ditentukan.</p>
<p><u><i>Contoh:</i></u> <br />Suatu lembaga telah melakukan survey terhadap kebiasaan Orang Indonesia dalam berinternet.Hasil survey dari 100% diperoleh data sbb: </p>
<ol>
<li>Facebook<dd><meter min="0" max="100" value="50" title="Hasil survey dari 100%">50%</meter></dd></li>
<li>Twitter<dd><meter min="0" max="100" value="25" title="Hasil survey dari 100%">25%</meter></dd></li>
<li>Wikipedia<dd><meter min="0" max="100" value="5" title="Hasil survey dari 100%">5%</meter></dd></li>
<li>Kaskus<dd><meter min="0" max="100" value="20" title="Hasil survey dari 100%">20%</meter></dd></li>
</ol>
<p><u>Contoh lain:</u></p>
<dl>
<dt>Width:</dt>
<dd><meter min="0" max="200" value="123" title="millimeters">123mm</meter></dd>
<dt>Height:</dt>
<dd><meter min="0" max="100" value="25" optimum="30" title="millimeters">25mm</meter></dd>
</dl>
</body>
</head>
</html>
Screen shot dari Browser Opera Mini Versi 12.01
 |
| Opera MIni versi 12.01 |
Screen shot dari Browser Google chrome Versi 22.0.1229.94 m
 |
| Google Chrome Versi 22.0.1229.94 m |
Screen shot dari Browser Mozilla Firefox Versi 14.0.1
 |
| Mozilla Firefox Versi 14.0.1\ |
Sementara itu beberapa browser yang telah kami coba untuk tag <meter>. Bisa disimpulkan bahwa browser seperti mozilla firefox versi 14.0.1 sampai saat ini belum mendukung tag di html 5.Untuk saat ini browser yang support untuk tag <meter> hanya Opera mini dan Google Chrome.
Namun tak bisa dipungkiri untuk kedepannya semua browser akan mengupdate untuk mendukung semua elemen html 5.
daftar pustaka
w3school.com
0 comment:
Post a Comment