This is featured post 1 title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is featured post 2 title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is featured post 3 title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is featured post 4 title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is featured post 5 title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.

Perbedaan HTML5 dan HTML4 serta cara mengetahuinya

0 komentar

       Hari ini saya akan mereview sedikit tentang perbedaan dari HTML5 dan HTML4, namun sebelumnya saya juga pernah bahas sedikit tentang Fitur-fitur HTML5 yang mungkin bisa menjadi acuan perbedaan antara HTML5 dan HTML akan tetapi mungkin masih ada keterangan yang tidak tertulis.

Perbedaan Utama pada HTML5 dan HTML4

1. Mark Up
      Beberapa Tag Usang pada HTML4 telah ditiadakan seperti <font> dan <centre>. Fungsi tersebut diharapkan dapat dibuat dengan menggunakan CSS(Cascade Style Sheet).

2. Error Handling/Penanganan Kesalahan
       Pada HTML4 kita bisa menggunakan kode cacat menggunakan "sup tag", dengan perintah ini kode cacatpun masih bisa dijalankan. Namun jika suatu vendor browser ingin memasuki pasar, maka mereka harus menguji code cacat tersebut jika tidak mungkin hasil pada browser akan berbeda dengan browser lain.

3. Multimedia Feature
        Pada HTML4 jika kita ingin memasukan video maka harus membutuhkan aplikasi pihak ketiga seperti Adobe Flash Player. Namun pada HTML5 tidak perlu itu lagi karena kita hanya perlu menggunakan <audio> dan <video> itu lebih sederhana bukan, karena pada HTML5 ini menggunakan unsur semantik.

4. API
      Dalam HTML5 memperkenalkan sejumlah API yang membantu dalam menciptakan Aplikasi Web. sebuah API memungkinkan aplikasi web secara offline dan juga untuk mendafarkan diri untuk protokol tertentu atau jenis media serta API yang mengekspos sejarah dan memungkinkan halaman untuk menambah untuk mencegah melanggar tombol kembali.

5. Browser Support
        HTML5 belum menjadi standar resmi dan belum ada browser yang memiliki dukungan HTML5 penuh. Tapi semua browser seperti(Safari, Chrome, Firefox, Opera, Internet Explorer) terus menambahkan fitur HTML5 baru untuk versi terbaru mereka.

Lalu bagaimana cara mengetahui itu HTML4 atau HTML5?
Dalam hal ini mungkin sulit bagi orang yang awan namun ini bisa kita ketahui jika kita melihat sumber laman lalu melihat "DOCTYPE" yang digunakan seperti berikut :
 dari gambar diatas dapat kita lihat "DOCTYPE" dari website yang menggunakan HTML5 tersebut.
 Serta jika menggunakan HTML4 maka "DOCTYPE" seperti dibahaw ini :


       Jadi, HTML5 dikembangkan agar membuat halaman sedikit lebih semantik, namun yang terpenting agar lebih mudah dibaca.

Sekian ringkasan dari saya semoga bermanfaat.


Sumber :

Perbedaan Fitur-fitur pada HTML5 dan HTML4

0 komentar

   
      Okay kali ini saya akan membahas sedikit tentang HTML. Apa itu HTML? HTML adalah sebuah bahasa pemrogramann yang digunakan untuk membuat halaman web, menampilkan informasi dalam sebuah Browser/Penjelajah web internet dan pemformatan hiperteks sederhana yang ditulis dalam bahasa ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi.

     Pada awal tahun 1980, IBM memikirkan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan satu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM lalu menamakannya dengan GML (Generalized Markup Language).
       Lalu pada tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi(ISO 8897) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen.

Khusus bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML saat ini adalah HTML5. Bagaimana fitur-fitur yang terdapat pada HTML5, saya akan jelaskan sedikit.

Pertama fitur pada HTML5 adalah berikut :
g
1. DocType
yaitu merupakan cara penulisan bahasa HTML, jika kita menggunakan HTML lama maka cara penulisannya seperti dibawah ini

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

namun jika pada HTML5 maka kita hanya menuliskan

<!DOCTYPE HTML>

ini lebih mudah dilihat dan dihafal.

2. The Figure Element/Elemen Gambar
Fitur satu ini merupakan fitur yang digunakan untuk memanggil gambar dalam HTML, namun ini lebih mengarah kepada semantik.
-Pada HTML lama
   1. <img src="path/to/image" alt="About image" /> 
   2. <p>Image of Mars. </p> 

<img src="path/to/image" alt="About image" />
<p>Image of Mars. </p>

-Pada HTML5
 1. <figure> 
   2.     <img src="path/to/image" alt="About image" /> 
   3.     <figcaption> 
   4.         <p>This is an image of something interesting. </p> 
   5.     </figcaption> 
   6. </figure> 

<figure>
    <img src="path/to/image" alt="About image" />
    <figcaption>
        <p>This is an image of something interesting. </p>
    </figcaption>
</figure>

3. Semantic Header dan Footer
Pada Header dan Footer lama tidak memiliki struktur semantic maka dari itu pada HTML5 lebih di perbaiki.
-Pada HTML lama
 1. <div id="header"> 
   2.     ... 
   3. </div> 
   4. <div id="footer"> 
   5.     ... 
   6. </div> 

<div id="header">
    ...
</div>
<div id="footer">
    ...
</div>

-Pada HTML5
  1. <header> 
   2.     ... 
   3. </header> 
   4. <footer> 
   5.     ... 
   6. </footer> 

<header>
    ...
</header>
<footer>
    ...
</footer>

         Penjelasan diatas merupakan sebagian dari fitur-fitur yang terdapat dalam HTML5, dan dibawah ini merupakan fitur-fitur yang terdapat pada HTML5.

4. <small> Redefined
5. No More Types for Scripts and Links
6. To Quote or Not to Quote.
7. Make your Content Editable
8. Email Inputs
9. Placeholders
10. Local Storage
11. More HTML5 Form Features
12. Internet Explorer and HTML5
13. hgroup
14. Required Attribute
15. Autofocus Attribute
16. Audio Support
17. Video Support
18. Preload Videos
19. Display Controls
20. Regular Expressions
21. Detect Support for Attributes
22. Mark Element
23. When to Use a <div>
24. What to Immediately Begin Using
25. What is Not HTML5
26. The Data Attribute
27. The Output Element
28. Create Sliders with the Range Input


Sekian penjelasan dari saya semoga bermanfaat untuk lebih jelasnya lagi bisa di cari keywordnya atau kunjungi link sumber berikut :

 Sumber :
-http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/
-http://id.wikipedia.org/wiki/HTML
-http://www.w3.org/TR/html5-diff/