HTML6 akan memberikan kita manfaat untuk menggunakan tag
yang kita inginkan dan tidak perlu hanya menggunakan tag yang sudah
didefinisikan.
Contoh Kode dan Struktur HTML6
Melihat dokumen HTML6 diatas anda akan melihat beberapa
tag aneh seperti <html:x>. Tag itu adalah namespaced element milik
W3C dan HTML6 spec, dan akan memicu tindakan di browser. Sebagai contoh, tag <html:title> akan
mengubah judul bar browser anda dan<html:media> akan membantu
membuat gambar yang yang sudah didefinisikan agar muncul di layar browser.
Bagian yang terbaik adalah bahwa semua elemen ini secara khusus ditetapkan
untuk pengguna dan tidak ada hubungan dengan browser. Mereka tidak lebih hanya
hooks untuk Javascript dan stylesheet dan membantu untuk membuat contoh kode
anda lebih semantik.
HTML6 APIs
Tag HTML6 akan memiliki html namespace seperti <html:html> atau<html:head> dan
sebagainya. Mari kita lihat masing-masing atribut tag yang digunakan di contoh
script HTML6 yang sudah kita tulis diatas tadi.
1. <html:html>
2. <html:head>
Tag ini setara dengan tag <head>. Ini
bertujuan untuk menempatkan data dan script js atau css yang akan digunakan
dalam tag<html:body>.
3. <html:title>
Seperti namanya, ini akan mengubah judul dokumen HTML,
dan mirip dengan tag<title> yang digunakan di versi HTML sebelumnya.
Tag ini digunakan untuk mengubah judul bar di bagian atas browser anda.
4. <html: meta>
Tag ini agak berbeda dari tag <meta> yang
digunakan dalam versi HTML terbaru. Menggunakan tag HTML6 ini maka anda dapat
menggunakan meta data apapun secara singkat. Dan tidak seperti HTML5 anda tidak
perlu menggunakan jenis meta standar di HTML6. Ini membantu untuk mengumpulkan
informasi seperti deskripsi halaman web.
5. <html:link>
Tag ini akan membantu anda membuat link ke dokumen
eksternal dan script seperti CSS, JS, dan lain nya ke dokumen HTML. Ini mirip
dengan tag <link> yang digunakan dalam HTML5. Tag ini meliputi atribut
sebagai berikut:
Charset: “UTF-8” karakter Encoding
href: Ini berisi link ke file sumber
Media: ini mendefinisikan jenis perangkat yang akan
dijalankan, misalnya “Smartphone” atau “Tablet”.
type: Jenis MIME dari dokumen
6. <html:body>
Ini seperti tag <body> yang telah anda
gunakan dalam versi HTML saat ini. Di sinilah semua isi website anda seperti
teks, media dan lain nya ditempatkan.
7. <html:a>
Tag ini mirip dengan tag <a>, dan digunakan
untuk mewakili link ke halaman web lainnya. Namun, tidak seperti tag <a>, <html:a> hanya
membutuhkan atribut “href” tunggal, yang mengarahkan link ke halaman yang ingin
di kunjungi.
8. <html:button>
Tag ini setara dengan tag <button> atau <input
type="button"> yang digunakan saat ini dan versi html
terdahulu. Tag ini memungkinkan anda untuk membuat tombol untuk membantu
pengguna melakukan beberapa interaksi pada halaman website anda. Ini memiliki
satu atribut yang dinonaktifkan.
9. <html:media>
Tag ini membungkus semua tag <media> seperti <img>, <video>,<embed>,
dll dengan menggunakan tag <html:media>, Anda tidak lagi harus
menentukan tag untuk masing-masing jenis file. Tag <html:media>yang
anda gunakan akan dieksekusi oleh browser berdasarkan jenis atribut (bila ada),
atau hanya akan menggunakan ekstensi dasar, atau dengan “tipe MIME”.
Gambaran Umum Jenis Tag
Serupa dengan yang ada saat ini dan versi html sebelum
nya, HTML6 juga akan memiliki dua jenis tag seperti tag tunggal dan tag ganda.
Tag tunggal tidak akan memiliki konten teks, dan sepertinya hanya akan memiliki
atribut. Sebagai contoh:
Dibandingkan dengan tag ganda, tidak perlu menutup tag
tunggal. Tag ganda memiliki tag pembuka dan penutup, karena mereka memiliki
beberapa konten. Namun, dalam kasus tag ganda tidak memiliki konten berbasis
teks, dapat mengurangi menjadi penutup tunggal dari satu variasi. Sebagai
contoh:
HTML6 saat ini masih blum datang. Tapi ide tentang apa
yang akan ditawarkan telah disediakan oleh Oscar Godson melalui HTML6Spec.
Posting ini hanya membantu memberikan gambaran tentang beberapa konsep dasar
HTML6 versi Oscar Goodson.
Tidak ada komentar:
Posting Komentar