Friday, 20 March 2015

Mengenal HTML5 dan Dasar-dasarnya

HTML 5 : Generasi baru HTML

  Dunia desain memang tidak bisa dipungkiri lagi akan terus mengalami perkembangan. Bagi kalian yang pernah menekuni dunia desain website, istilah HTML memang bukan suatu yang asing lagi. Bahasa markah yang digunakan untuk mendesain dan sekaligus sebagai bahasa dasar yang perlu kita ketahui dalam mendesain sebuah website.

Pada HTML versi lama (4.01), tag didalamnya hanya tidak terlalu lengkap dan hanya sebatas untuk teks dan gambar saja. Untuk menyisipkan video, audio, dan beberapa konten lainnya, kita harus mengggunakan Adobe Plugin. Juga dalam proses codingnya akan memakan waktu yang cukup lama, serta akan membingungkan karena ada beberapa tag yang digunakan berulang kali. 

HTML5 sendiri dirancang untuk mengatasi hal tersebut. Banyak keunggulan yang dimiliki dalam HTML5, misalnya menyisipkan video, audio, serta pembagian konten. Hal ini sengaja dilakukan oleh deveopers dari W3C agar para webmaster dapat dengan mengcoding webnya dengan mudah dan simpel. 


Perbedaan HTML5 dan versi lama


Untuk melihat beberapa perbedaan dalam HTML versi lama dan HTML5, anda dapat melihatnya di bawah ini:


HTML versi lama :
  • Penulisan tag sangat panjang dan ribet: 
    • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN>
    • <meta content="text/html; charset="UTF-8" http-equiv="content-type">
    • <link rel="stylesheet" type="text/css" href="#">
  • Untuk tag yang tidak perlu disisipkan text, masih harus menggunakan tag penutup yaitu </tag>
Sedangkan untuk HTML5 penulisan tagnya lebih simpel, seperti berikut:
  • <!DOCTYPE html>
  • <meta charset="UTF-8" />
  • <link rel="stylesheet" href="#" /> 
Anda dapat melihat tag diatas bahwa tag tunggal langsung ditutup dengan garis miring.

Dalam mendesain HTML5 , kita dapat mengecek kebenaran penulisan script melalui
www.w3s.com. Adapun ilustrasinya lihat gambar di bawah:
 Anda dapat melihat bahwa penulisan script HTML5 tidak lagi membutuhkan tag <div>. Hal ini dikarenakan tag di HTML5 masing masing telah berdiri sendiri.
Jika anda ingin mempelajari lebih lanjut tentang HTML5, ada beberapa website terkenal yang menyediakan jasa E-Learning. Tapi disarankan bagi anda yang sama sekali belum tahu tentang HTML, lebih baik anda mempelajarinya terlebih dahulu, karena pemahaman anda akan lebih mudah dengan mempelajari HTML versi lama.

No comments :

Post a Comment

@yefta breiver. Powered by Blogger.