About

Home / Unlabelled / Mengenal HTML5

Mengenal HTML5

Mengenal HTML5



Pengertian HTML5

          Pengertian dari HTML5 itu sendiri adalah versi terbaru dari HTML (HyperText Markup Language) yang mana dikembangkan oleh W3C atau Word Wide Web Consortium. HTML5 diciptakan dalam pengembangan bahasa HTML untuk memperbaiki konten dan memperbarui teknologi multimedia yang sudah ada pada HTML 4 dan versi sebelumnya agar mudah dijalankan oleh browser dan mudah dimengerti. HTML5 merupakan kerjasama antara World Wide Web Consortium (W3C) dan Web Hypertext Application Teknologi Working Group (WHATWG).WHATWG bekerja dengan bentuk web dan aplikasi, dan W3C bekerja dengan XHTML 2.0. 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 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan.

 Struktur Pada HTML5
Layaknya dokumen standar lainnya, HTML5 juga memiliki struktur tertentu. Secara garis besar, struktur dokumen HTML5 cuma terdiri dari dua bagian, yaitu head dan body. Namun tentunya ada beberapa detail lain yang perlu diperhatikan juga. Bagian head diawali dengan tag <head> dan ditutup dengan pasangannya, yaitu </head>. Bagian body diapit oleh tag <body> dan </body>. Bagian head dan body tersebut harus diapit lagi oleh tag <html> dan </html>. Dan jangan lupa, di baris paling awal harus ada deklarasi dokumen HTML sebagai berikut:

·      <!DOCTYPE html>
Jadi secara lengkap, struktur dokumen HTML5 terlihat seperti Listing 1. Listing 1 ini tidak ditujukan untuk dijalankan pada browser, melainkan hanya menunjukkan struktur dokumen HTML5 saja.
  • ·      Bagian Head
Bagian head HTML5 digunakan untuk menyimpan berbagai informasi mengenai isi dokumen tersebut. Paling sedikit, bagian head harus mengandung judul dokumen. Judul dokumen ini diapit oleh tag <title> dan </title> serta akan ditampilkan pada bagian title bar browser. Selain judul dokumen, bagian head dapat mengandung informasi-informasi berikut:
a) Metadata: berisi berbagai data tambahan tentang dokumen HTML5 seperti nama pengarang/penulis, tanggal publikasi, deskripsi isi dokumen, kata kunci, dan lain-lain. Informasi ini dinyatakan oleh tag <meta> saja, tanpa tag penutup </meta>.
b)  Base URL: menentukan basis lokasi untuk link-link yang ada pada dokumen. Informasi ini dinyatakan oleh tag <base> saja, tanpa tag penutup </base>.
c)  Link: menentukan link ke dokuman lain yang terkait erat dengan dokumen HTML5, misalnya skrip CSS yang digunakan dalam desain halaman web. Informasi ini dinyatakan oleh tag <link> saja, tanpa tag penutup </link>.
d)  Objek: berisi informasi mengenai objek yang mungkin ada pada dokumen HTML5. Objek yang mungkin terkandung pada dokumen HTML5 antara lain adalah video, audio, dan animasi flash. Informasi ini dinyatakan dengan diapit oleh tag <object> dan </object>.
e)  Skrip: berisi informasi mengenai skrip pemrograman yang mungkin ada pada dokumen HTML5. Skrip pemrograman ini umumnya bersifat client-side seperti JavaScript. Informasi ini dinyatakan dengan diapit oleh tag <script> dan </script>.
f)  Style: berisi informasi mengenai desain halaman web dalam format CSS yang langsung dituliskan di bagian head, bukan pada dokumen terpisah. Jika hendak dituliskan pada dokumen terpisah, gunakan link. Informasi ini dinyatakan dengan diapit oleh tag <style> dan </style>.
  • ·      Bagian Body
a)  Bagian body HTML5 merupakan bagian yang nantinya diterjemahkan dan ditampilkan oleh browser. Di bagian inilah terkandung berbagai tag yang menyatakan desain dokumen HTML. Jadi bisa dibayangkan pastilah akan banyak terdapat tag HTML yang bisa digunakan di bagian ini. Karena itu PCplus akan membahasnya sedikit demi sedikit mulai dari yang paling mudah terlebih dahulu. Yang pertama adalah paragraf. Sebuah dokumen yang terstruktur dengan baik pastilah terdiri dari beberapa paragraf. Untuk memisahkan antara satu paragraf dengan paragraf yang lain digunakan tag <p>. Tag ini harus ditutup dengan pasangannya, yaitu </p>.
b)   Untuk sekedar ganti baris tanpa ganti paragraf, digunakan tag <br>. Karena tag ini tidak memiliki pasangan maka ditulis dengan <br />. Ganti baris pada dokumen HTML5 perlu diberi tag sendiri karena meski pada kode HTML-nya ganti baris tetapi browser tidak akan menampilkannya pada baris terpisah.
c)   Untuk memberikan format tampilan tertentu terhadap teks, tersedia beberapa tag berikut: 
• <b> dan </b> untuk menampilkan teks secara tebal.
• <i> dan </i> untuk menampilkan teks secara miring.
• <u> dan </u> untuk menampilkan teks dengan garis bawah.
• <font> dan </font> untuk menentukan jenis font.
• <img /> untuk menampilkan gambar.
• <hr /> untuk menampilkan garis horisontal.
d)  Dalam menuliskan dokumen HTML5, yang sangat perlu diperhatikan adalah letak tag, jangan sampai tag pembuka dan penutup tumpang tindih. Berikut adalah contoh yang benar: <b><i>teks</i></b>.


Tujuan Dibuatnya HTML5

       Terdapat beberapa tujuan mengapa HTML5 diciptakan, diantaranya yaitu :

1.     Fitur baru harus didasarkan pada HTML, CSS, DOM , dan JavaScript. 
2.     Mengurangi kebutuhan untuk plugin eksternal (seperti Flash).
3.     Penanganan kesalahan yang lebih baik.
4.     Lebih banyak markup untuk menggantikan scripting.
5.     HTML5 merupakan perangkat mandiri.


Kelemahan HTML5
Saat ini HTML5 masih dalam pengembangan, sehingga hanya beberapa browser yang sudah mendukung HTML5, seperti fitur-fitur pada HTML 5 tidak semuanya bisa berfungsi dengan baik pada beberapa browser. Beberapa browser yang sudah mendukung HTML 5 seperti Safari, Chrome, Firefox, dan Opera. Namun kabarnya IE9 (Internet Explorer) akan mendukung beberapa fitur dari HTML5.

Fungsi HTML5

HTML seperti yang dijelaskan sebelumnya merupakan bahasa pemrograman berbahasa markup yang digunakan untuk menampilkan halaman website melalui browser. Namun tentu bukan hal itu saja yang dapat dilakukan HTML, berikut ini fungsi dari HTML5 :

1.     Membuat, mendesain, dan mengontrol tampilan dari web page (Halaman Web) dan isinya.
2.    Mempublikasikan dokumen secara online sehingga bisa di akses, dilihat dan ditampilkan dari dan ke seluruh dunia.
3.   Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
4.    Menambahkan objek-objek seperti image, audio, video dan juga java applet (aplikasi java seperti java game dll) dalam document HTML.
5.    Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

FITUR-FITUR BARU DI HTML5


•Video dan Audio : tidak perlu menempelkan flash, quickplayer, atau realplayer untuk memutar                               audio dan video.
•Canvas              : Media corat-coret langsung tanpa flash dan applet java.
•Semantic           : Mempermudah designer dengan tag khusus layout, seperti: artikel, footer,                                 header, navigasi, dan section.
•Dukungan yang lebih baik untuk penyimpanan secara offline.

•Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, dan search.



  Kesimpulan

HTML (Hypertext Markup Language) adalah bahasa pengkodean untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web. HTML5 adalah versi terbaru dari HTML (HyperText Markup Language) yang mana dikembangkan oleh W3C atau Word Wide Web Consortium. HTML5 merupakan revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Selama ini, pengembangan dari HTML 4.01 dn XHTML 1.1 berjalan secara terpisah dan diimplementasikan secara berbeda-beda oleh berbagai aplikasi pembuat website. Intinya, dengan HTML5 bahasa pemrograman web akan lebih universal dan menjadi bahasa pemersatu dari beberapa bahasa pemrograman web yang ada sekarang. Selain itu, banyak fitur dari HTML5 yang telah dibuat sedemikian rupa dan memungkinkannya untuk berjalan di perangkat mobile seperti smartphone dan tablet.
Manfaat utama lainnya yang terkait dengan HTML5 yang seperti dukungan Geolocation dan meningkatkan aksesibilitas dari halaman web. Ini hanya menyoroti manfaat dari HTML5 dan para ahli percaya bahwa HTML5 akan berkembang menjadi bahasa pengembangan secara online penting dalam waktu dekat. Ada baiknya memang manusia mengetahui fitur-fitur yang pastinya akan banyak dipakai di dunia Internet masa datang ini.

Mengenal HTML5 Mengenal HTML5 Reviewed by Diky Setiadi on 19.46 Rating: 5

1 komentar:

Langganan: Posting Komentar ( Atom )
Diberdayakan oleh Blogger.