Elemen Terbaru HTML5

Internet, dan penggunaan internet, telah banyak berubah sejak tahun 1999, ketika HTML 4.01 menjadi standar. 

Hari ini, beberapa elemen dalam HTML 4.01 yang usang, tidak pernah digunakan, atau tidak digunakan dengan cara yang mereka maksudkan. Semua elemen tersebut akan dihapus atau ditulis ulang di HTML5. 

Untuk menangani kebutuhan internet yang lebih baik hari ini, HTML5 juga termasuk unsur-unsur baru yaitu seperti menggambar grafik, menampilkan konten media, untuk struktur halaman yang lebih baik dan penanganan bentuk yang lebih baik, dan beberapa API baru, seperti drag and drop, mendapatkan posisi geografis pengguna, toko data lokal, dan banyak lagi. 

Di bawah ini adalah daftar elemen baru HTML, diperkenalkan oleh HTML5, dan deskripsi dari apa yang mereka digunakan untuk.

Elemen <canvas> Baru

<canvas id="myCanvas"></canvas>
<script>
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>

Definisi dan Penggunaannya

• Tag <canvas> digunakan untuk menggambar grafik, on the fly, melalui scripting (JavaScript biasanya). 
• Tag <canvas> hanya sebuah wadah untuk grafis, Anda harus menggunakan script untuk benar-benar menarik grafis.

Tips dan Catatan

• Catatan: Setiap teks dalam elemen <canvas> akan ditampilkan dalam browser yang tidak mendukung <canvas>. 
• Tip: Untuk referensi lengkap semua properti dan metode yang dapat digunakan dengan objek kanvas, pergi ke HTML Canvas Reference.

Atribut