Share

Gforce

Senin, 09 April 2012

Dasar Tag-tag HTML5 baru

                                    

Tahun 2011 merupakan tahunnya HTML5, setelah Internet Explorer 9 rilis beberapa bulan lalu, maka semua browser utama (IE, Firefox, Safari, Chrome dan Opera) telah mendukung HTML5 dan CSS3. Ya walaupun belum semua fungsi HTML5 & CSS3 didukung spenuhnya, tetapi tahun ini merupakan lahirnya HTML5. Jadi tunggu apa lagi, Anda masih pakai XHTML? atau mungkin malah HTML4? mulailah belajar HTML5, ada banyak tag2 baru yang sangat menarik. Disini saya akan mengajari tag-tag yang baru saja dan yang paling banyak digunakan dalam melayout sebuah website.
Oke, sebelumnya kita nanti akan membuat sebuah website dengan HTML5 yang layoutnya / wireframe nya kira-kira seperti ini:

Nah dengan wireframe seperti itu nanti kira-kira kita akan menggunakan tag berikut ini:
                              Struktur Wireframe Website
Oke ada banyak tag yang baru yah, mari kita mulai saja, siapkan teks editor Anda dan kita buat deklarasi HTML5 beserta nya:
                             Struktur Wireframe Website HTML5
 
 lang="en">

   charset="utf-8" />
  </span>Drop Down Menu<span class="sh_keyword">


  Isi web disini


Sip, lebih simpel kan, kalau dulu jaman XHTML kita perlu mendeklarasikan transitional, atau strict, sekarang cukup . Nah untuk isinya saya akan memberitahu tag-tag yang baru, nanti setiap kode berikutnya Anda masukkan didalam , yang ada tulisan Isi web disini.

Tag pertama kita adalah
, sesuai namanya tag ini ditempatkan diatas pada bagian awal website. Kalau dulu kita pakai

Reaksi:

0 komentar:

Poskan Komentar

Visitors

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | SharePoint Demo