Perbedaan Fitur-fitur pada HTML5 dan HTML4

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/

THOMIKROX