Belajar HTML 5

Assalamu'alaikum Wr. Wb.

Seiring bertambahnya waktu software-software, engine-engine, dan juga bahasa markah (markup language)  yaitu kombinasi dari teks dan informasi tambahan mengenai teks tersebut semakin berkembang dengan munculnya versi baru. Diantaranya HTML, saat ini yang sedang booming di kalangan programmer adalah versi terbaru HTML saat ini, dia adalah.... HTML5.

Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan salah satu karya World Wide Web Consortium, atau biasa disingkat dengan W3C untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.

Sekarang kita belajar sedikit tentang tag - tag yang ada pada HTML5, diantaranya adalah tag :

 

<header>

Tag pertama kita adalah <header>, sesuai namanya tag ini ditempatkan diatas pada bagian awal website. Kalau dulu kita pakai <div id="header"> sekarang kita menggantinya dengan <header>. Tetapi <header> tidak harus melulu dipaling atas web, kita bisa memiliki beberapa <header>, misal didalam artikel (kita akan bahas ini nanti di bagian artikle).

Nah, didalam <header> ini bisa kita isi macam-macam, misal logo, navigasi, heading dan lain-lain. Bahkan diisi <div> pun tidak masalah.

<hgroup>

<hgroup>, apa lagi ini? Oke gampangnya jika kita memiliki satu atau lebih dari satu heading berurutan <h1> - <h6> maka kita bisa mengelompokkannya dengan <hgroup>. Biasanya digunakan apabila kita memiliki judul dan ada sub judul, atau untuk judul web kemudian kita memiliki slogan. Tapi kalau headingnya cuma satu ya nggak usah dikasih <hgroup>. Daripada pusing langsung saja lihat contohnya ya.. :

<nav>

Nah, dari namanya sudah kelihatan kalau ini fungsinya untuk menampilkan navigasi pada website Anda. Ya kalau dulu kita pakai <ul><li> untuk membuat navigasi menu, nah sekarang kita pakai... ummm.. ya sama pakai <ul><li> juga, tetapi kita bungkus dengan <nav>. Nah langsung saja kita lihat contoh kodenya:

Nah,, itulah beberapa tag yang sering digunakan dalam pembuatan website dengan HTML5. Semoga bermanfaat untuk kita semua (: | Lebih lengkapnya, tunggu postingan berikutnya ya.... C U \(^_~)/

Wassalamu'alaikum Wr. Wb.