Pengenalan HTML6 Pengertian Struktur dan Fitur Terbarunya Teknologi memang berkembang begitu cepat, terkadang kita kewalahan untuk mengikuti nya. Belum juga kita selesai mempelajari HTML5 dengan baik dan benar, sekarang sudah mau muncul lagi HTML6, yaitu versi terbaru dari HTML.

HTML5 telah memberi kita beberapa fitur yang sangat menarik seperti audio dan dukungan video, penyimpanan offline/ Offline Storage dan yang paling penting kemampuan untuk membangun website yang bisa optimal di mobile. Selain itu, html5 memberikan kita kebebasan dalam menggunakan atribut dari tag seperti dan . Selain itu, HTML5 membantu developer untuk mengatur konten dengan cara yang lebih relevan dengan menggunakan tag baru seperti , , dll. Namun, HTML5 masih dalam tahap pengembangan dan bukan sesuatu yang sudah final, belum menjadi markup yang terlalu semantik.

Memahami Konsep HTML6

Pernahkan anda bertanya-tanya apakah anda bisa mengekspresikan penggunaan tag yang lebih baik lagi? Jika belum maka bayangkan saja anda menggunakan tag untuk menetapkan logo pada halaman web anda, atau menggunakan tag dan sebagainya. Bukankah lebih baik jika bisa menggunakan tag tanpa menggunakan beberapa ID seperti wrapper atau container, tapi langsung menggunakan tag atau dibandingkan harus menggunakan atau . Itulah yang akan ada di HTML6.

Baca juga: Mengenal Struktur HTML5 Belajar HTML5 dan CSS3 29 Kehebatan HTML5 InfographicHTML6 adalah versi ke-6 dari HTML dengan namespace yang memiliki struktur seperti XML. Namespace XML akan membantu anda menggunakan tag yang sama tanpa bertentangan/berbenturan atau bisa dibilang tanpa konflik dengan tag lain. Misalnya salah satu yang digunakan dalam DOCTYPE XHTML:

xmlns:xhtml="http://www.w3.org/1999/xhtml"

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

A Look Into HTML6

a1

a2

Judul Artikel

Sub judul artikel

[...]

[...]

The concept of HTML6

Understanding the basics

[...]

This site is to Tutorial-Webdesign.com 2014

Melihat dokumen HTML6 diatas anda akan melihat beberapa tag aneh seperti . Tag itu adalah namespaced element milik W3C dan HTML6 spec, dan akan memicu tindakan di browser. Sebagai contoh, tag akan mengubah judul bar browser anda dan akan membantuk 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. Mereke 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 atau dan sebagainya. Mari kita lihat masing-masing atribut tag yang digunakan di contoh script HTML6 yang sudah kita tulis diatas tadi.

1.

//Tag ini sama dengan yang ada pada html sebelumnya

2.

Tag ini setara dengan tag . Ini bertujuan untuk menempatkan data dan script js atau css yang akan digunakan dalam tag .

3.

Seperti namanya, ini akan mengubah judul dokumen HTML, dan mirip dengan tag yang digunakan di versi HTML sebelumnya. Tag ini digunakan untuk mengubah judul bar di bagian atas browser anda.

A Look Into HTML6

4.

Tag ini agak berbeda dari tag 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.

A Look Into HTML6

5.

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 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

A Look Into HTML6

6.

Ini seperti tag yang telah anda gunakan dalam versi HTML saat ini. Di sinilah semua isi website anda seperti teks, media dan lain nya ditempatkan.

A Look Into HTML6

7.

Tag ini mirip dengan tag , dan digunakan untuk mewakili link ke halaman web lainnya. Namun, tidak seperti tag , hanya membutuhkan atribut href tunggal, yang mengarahkan link ke halaman yang ingin anda kunjungi.

A Look Into HTML6

Go to siteurl.com!

8.

Tag ini setara dengan tag atau 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.

A Look Into HTML6

Click Here

9.

Tag ini membungkus semua tag seperti , , , dll dengan menggunakan tag , Anda tidak lagi harus menentukan tag untuk masing-masing jenis file. Tag yang anda gunakan akan dieksekusi oleh browser berdasarkan jenis atribut (bila ada), atau hanya akan menggunakan ekstensi dasar, atau dengan tipe MIME.

A Look Into HTML6

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, Anda tidak perlu menutup tag tunggal anda. Tag ganda memiliki tag pembuka dan penutup, karena mereka memiliki beberapa konten. Namun, dalam kasus tag ganda tidak memiliki konten berbasis teks, Anda dapat mengurangi menjadi penutup tunggal dari satu variasi. Sebagai contoh:

Teks berbasis konten

KesimpulanHTML6 saat ini masih blum datang. Tapi ide tentang apa yang akan ditawarkan telah disediakan oleh Oscar Godson melalui HTML6Spec. Posting ini hanya membantu Anda memberikan gambaran tentang beberapa konsep dasar HTML6 versi Oscar Goodson.