Mengenal Elemen Details dan Dialog Pada HTML5

Ada sangat banyak tag-tag atau elemen-elemen pada HTML 5 nya. Kita akan bahas tag yang menurut saya menarik dan unik yaitu tag dialog atau tag details. Langsung saja yang pertama tag dialog yang digunakan untuk menampilkan pop-up atau info info singkat untuk websitenya contohnya sebagai berikut

kita berikan attribute open agar kotak dialognya otomatis terbuka. Maka dari itu jika kita tampilkan hasilnya di chrome kotak dialognya akan tampil ditengah tengah browser dan otomatis punya nilai default border dan paddingnya.

dan berikutnya adalah tag details dan tag summary digunakan untuk menyembunyikan isi text terlebih dahulu dan isi text akan tampil ketika kita mengklik bagian summarynya seperti berikut

kode diatas text yang akan disembunyikan yaitu tag p yang dibungkus dengan tag detailsnya. nah jika kita jalankan maka akan ada tombol tanda panah otomatis yang bisa klik.

Itu dia tag-tag terbaru pada HTML 5nya. Perlu catatan bahwa tag-tag tersebut belum support di semua browser. Oke sampai jumpa diartikel berikutnya.