Tuesday 31 March 2015

BELAJAR HTML

Ok, kali ini kita akan memulai belajar tentang HTML 5. Mungkin bagi anda yang sudah mengenal HTML bertanya-tanya, apa bedanya HTML dan HTML5? Dan apa keistimewaan HTML5 dibanding dengan HTML?
Baiklah, sebelum kita mulai tutorial belajar HTML5 kita, ada baiknya kita lihat dulu apa keistimiewaan dan perbedaan HTML dibanding HTML5.
HTML5 ini adalah standar baru dari HTML, yang dikembangkan oleh World Wide Web Consortium (W3C) dan Web Hypertext Aplikasi Teknologi Working Group (WHATWG). ebagaimana pendahulu sebelumnya yaitu: HTML 4.01 dan XTHML 1.1, HTML5 adalah sebuah standar untuk menstrukturkan dan menampilkan isi pada World Wide Web. Standar ini memperkenalkan fitur baru seperti memutar video serta drag and drop, Sebelumnya fitur ini bergantung pada plugins pihak ketiga di penjelajah web seperti Adobe Flash dan Microsoft Silverlight.
Nah, untuk itu ada beberapa aturan yang harus kamu pelajari saat belajar HTML5, yaitu :
  • Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
  • Mengurangi kebutuhan untuk plugin eksternal (seperti Flash)
  • Lebih baik penanganan kesalahan
  • Lebih banyak penggunaakn markup untuk mengganti scripting.
  • HTML5 harus independen
  • Proses development-nya harus terlihat untuk umum (visible)
Dalam HTML5 hanya ada satu <DOCTYPE> deklarasi, dan sangat sederhana, yaitu :
<!DOCTYPE html>
Dengan belajar HTML5 sebenarnya kamu akan mendapat banyakmanfaat. Misalnya kita akan mempelajari bahwa HTML 5 menyederhanakan banyak praktek coding yang digunakan dalam versi sebelumnya dari HTML. Sebagai contoh, ketika memulai sebuah file, Anda sebelumnya harus memulai dokumen sehingga tampak seperti ini:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/
Disederhanakan menjadi seperti dibawah ini:
<!DOCTYPE html><html lang=”en”>

Dibawah ini adalah contoh dari kesederhanaan HTML5 :
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document……
</body>

</html>

0 comments:

Post a Comment