Tuesday, 28 April 2015

Belajar HTML 5






HTML5 adalah bahasa markup untuk penataan dan penyajian konten untuk World Wide Web dan teknologi inti dari Internet. Ini adalah revisi kelima dari standar HTML (dibuat pada tahun 1990 dan standar sebagai HTML 4 per 1997) [2] dan, pada Desember 2012, adalah Rekomendasi Calon W3C. [3] Tujuan utamanya telah meningkatkan bahasa dengan dukungan untuk multimedia terbaru sambil menjaga mudah dibaca oleh manusia dan secara konsisten dipahami oleh komputer dan perangkat (web browser, parser, dll). HTML5 dimaksudkan untuk menggolongkan tidak hanya HTML 4, tetapi XHTML 1 dan DOM Level 2 HTML serta [2].

Setelah pendahulunya terdekatnya HTML 4.01 dan XHTML 1.1, HTML5 adalah respon terhadap pengamatan bahwa HTML dan XHTML umum digunakan pada World Wide Web adalah campuran dari fitur diperkenalkan oleh berbagai spesifikasi, bersama dengan orang-orang yang diperkenalkan oleh produk perangkat lunak seperti web browser, yang didirikan oleh praktek umum, dan kesalahan sintaks banyak dokumen web yang ada [4]. Ini juga merupakan upaya untuk mendefinisikan bahasa markup tunggal yang dapat ditulis baik dalam HTML atau sintaks XHTML. Ini termasuk model pengolahan rinci untuk mendorong implementasi yang lebih interoperable, melainkan meluas, meningkatkan dan rationalises markup tersedia untuk dokumen, dan memperkenalkan markup dan antarmuka pemrograman aplikasi (API) untuk aplikasi web yang rumit [5] Untuk alasan yang sama, HTML5 juga. potensial kandidat untuk cross-platform aplikasi mobile. Banyak fitur dari HTML5 telah dibangun dengan pertimbangan untuk dapat dijalankan pada perangkat bertenaga rendah seperti smartphone dan tablet. Pada Desember 2011, perusahaan riset Strategy Analytics memperkirakan penjualan ponsel HTML5 kompatibel akan atas 1 miliar pada tahun 2013. [6]
Secara khusus, HTML5 menambahkan banyak fitur baru sintaksis. Ini termasuk <video> baru, <audio> dan elemen <canvas>, serta integrasi scalable vector grafis konten (SVG) (yang menggantikan penggunaan tag generik <object>) dan MathML untuk rumus matematika. Fitur-fitur ini dirancang untuk memudahkan untuk memasukkan dan menangani konten multimedia dan grafis di web tanpa harus resor untuk plugin proprietary dan API. Elemen baru lainnya, seperti <section>, <article>, <header> dan <nav>, dirancang untuk memperkaya isi semantik dokumen. Atribut baru telah diperkenalkan untuk tujuan yang sama, sementara beberapa elemen dan atribut telah dihapus. Beberapa elemen, seperti <a>, <cite> dan <menu> telah diubah, atau didefinisikan ulang standar. API dan Document Object Model (DOM) tidak afterthoughts lagi, tetapi bagian fundamental dari spesifikasi HTML5 [5]. HTML5 juga mendefinisikan secara rinci proses yang diperlukan untuk dokumen yang tidak valid sehingga kesalahan sintaks akan diperlakukan secara seragam oleh semua browser conforming dan agen pengguna lainnya [7].

Menampilkan Video & Audio Dengan HTML5

     <body>
       <video controls="" height="240" width="320"><br>
      <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4"><br>
      <source src="http://www.w3schools.com/html/movie.ogg" type="video/ogg"><br>
       Browser kamu ga ngedukung nih :(
       </video>
       </body>

 HTML5 memungkinkan kita menambahkan video tanpa menggunakan bantuan flash. Dengan menggunakan tag video, kita dapat langsung menampilkan video tanpa bantuan plugin. Jadi website kita lebih cepat diakses karena meminimalisir adanya plugin dengan tag-tag baru yang ditawarkan HTML5. Untuk contohnya bisa anda lihat video dibawah ini :


Untitled Document Apakah Browser Saya Support HTML5?
 Bagaimana caranya untuk menguji apakah browser yang anda install itu sudah support HTML5 atau tidak dan seberapa banyak fitur HTML5 yang disupport?
 Caranya cukup mudah, pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut:

 http://html5test.com

 Dari data yang ada pada website itu browser Maxthon 3.4.1 merupakan browser terbaik dalam hal mendukung bahasa HTML5 dengan 422 total skor diikuti kemudian dengan google Chrome 20 dengan 414 total skor kemudian berturut-turut Opera 12.00 dengan 385, Firefox 13 dengan 345, Safari 5.1 dengan 317 dan Internet Explorer 9 dengan 138 point. Sekian untuk saat ini semoga bermanfaat.


2 comments: