Mengenal HTML5

Haaii semuanyaa...

Apa kabar? Lama nggak posting di blog nih. Biasaa orang sibuk kerjaannya banyak haha :p Oke langsung aja deh ya. Kali ini kita akan membahas tentaaaaaaang........

HTML5!!! ^_^

Apa itu HTML5?

HTML5merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan. (sumber: Wikipedia)

HTML5merupakan hasil proyek dari W3C (World Wide Web Consortium) dan WHATWG(Web Hypertext Application Technology Working Group). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

HTML5 baru mencuat pada April 2010 setelah CEO Apple Inc., Steve Jobs, mengatakan bahwa dengan pengembangan HTML5, "Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di web."

Apa tujuan utama pegembangan HTML5?

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

Browser apa saja yang support HTML5?

Chrome

Safari Apple v.4+

Internet Explorer 9

Opera

Maxthon

Firefox 4, 5, 6 dan seterusnya

Untuk menguji browser yang diinstal support HTML5 atau tidak caranya cukup mudah. Pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat html5test.com.

Doctype untuk HTML5

DOCTYPEadalah instruksi untuk web browser tentang apa versi bahasa markup halaman yang ditulis. Deklarasi DOCTYPE mengacu pada Document Type Definition(DTD). DTD menetapkan aturan untuk bahasa markup, sehingga browser dapat membuat konten halaman tersebut dengan benar. Penggunaan DOCTYPE pada html5 lebih di sederhanakan.

Sintak penulisannya :

<!DOCTYPE html>

Struktur Dasar HTML5

Penjelasan tentang Tag-tag HTML5

<header>, digunakan untuk area header(bagian atas sebuah halaman web).

<article>, untuk tempat meletakkan artikel atau tulisan dihalaman web.

<aside>, digunakan sebagai penambah informasi utama didalam halaman web. Biasanya berupa peringatan, catatan, dll.

<section>, untuk menentukan seksi-seksi dokumen. Misalnya bagian yg mendefinisikan sebagai profil, kontak, berita, dan sebagainya.

<figure>, Menentukan konten mandiri, seperti diagram, foto, daftar kode, dll.

<figcaption>,Mendefinisikan caption untuk elemen <figure>

Contoh:

Contoh Figure dan Figcaption

VIDEO

Digunakan untuk memasukkan video, misalnya ingin memutar video kedalam halaman web. Pada versi HTML sebelumnya untuk memutar video pada sebuah web menggunakan plugins tambahanyang biasa disebut flash Player. Tag Video Pada HTML5, setidaknya ada 3 jenis format videoyang mendukung yaitu :

–Ogg(File Ogg dengan Video Codec Theora dan Audio Codec Vorbis) (.ogg)

–MPEG4(File MPEG4 dengan Video Codec H.264 dan Audio Codec AAC) (.mp4)

–WebM(File WebM dengan Video Codec VP8 dan Audio Codec Vorbis)(.webm)

Apabila anda mempunyai video dengan format video bukan ogg, mp4, dan webm. Anda bisa menggunakan aplikasi video converter salah satunya miro video converter.

Tag <video>

Sintaks Penulisanya :

atau

</video><video controls="controls"><source src="judulvideo.webm" type="video/webm"></video>