<p>Ide posting ini saya tulis karena saya sangat tergelitik ketika berbicara dengan seorang teman tentang <span style="text-decoration: underline;">HTML5</span>. Dan pemahaman seorang teman ini sungguh tidak menggambarkan seorang yang mengerti banyak…</p> <p>Aduh,..saya sendiri masih dalam tahap belajar kok. Oleh karenanya mari kita belajar HTML5 bersama sama….</p> <p>Saya sudah membahas tentang HTML 5 ketika saya membahas tentang <a title="30 Menit Membuat Aplikasi Android Dengan PhoneGap" href="http://sabukhitam.com/blog/topic/javascript/30-menit-membuat-aplikasi-android-dengan-phonegap.html" target="_blank">phonegap</a> pada april 2011 yang lalu.</p>
<p>Mengapa demikian, karena phonegap adalah HTML 5 App Platform… seperti yang bisa anda lihat di halama utamanya phonegap. Screen shotnya bisa anda lihat di bawah ini :</p> <div id="attachment_1039" class="wp-caption aligncenter" style="width: 957px"><a href="http://sabukhitam.com/blog/wp-content/uploads/2011/12/HTML5-App-Platform-phonegap.png"><img class="size-full wp-image-1039" title="HTML5-App-Platform-phonegap" src="http://sabukhitam.com/blog/wp-content/uploads/2011/12/HTML5-App-Platform-phonegap.png" alt="belajar HTML5" width="947" height="295" /></a><p class="wp-caption-text">HTML 5 App Platform : phonegap</div> <p>HTML5 adalah masa depan yang sudah bisa anda nikmati saat ini. Dukungan yang cukup baik dari berbagai browser modern semakin membuat HTML5 menjadi sangat populer.</p> <p>Berikut ini sebuah presentasi tentang HTML5 yang berjudul HTML5 adalah masa depan dan phonegap membawakannya untuk Anda hari ini. <a title="Belajar HTML5 masa depan mobile apps dan phonegap membawanya hari ini" href="http://www.slideshare.net/davyjones/html5-is-the-future-of-mobile-phonegap-takes-you-there-today" rel="nofollow" target="_blank">Link Belajar HTML5 dan Phonegap.</a></p> <h1>Apakah HTML5?</h1> <p>Yuk kita sama sama berkenalan dengan makhluk yang banyak dibicarakan saat ini.</p> <p>Sejak keluar HTML tahun 1990, HTML ini terus mengalami perubahan dan disempurnakan, apalagi sejak dibentuknya W3C (world wide web concorcium).</p>
<p>Tugas dan tujuan W3C ini adalah :</p> <blockquote><p>W3C’s primary activity is to developing protocols and guidelines that ensure long-term growth for the Web. W3C’s standards define key parts of what makes the World Wide Web work.</p></blockquote> <p>Kembali ke HTML5,…</p> <p>Kembali menurut <a title="HTML5 - Wikipedia" href="http://en.wikipedia.org/wiki/HTML5" rel="nofollow" target="_blank">WIKIPEDIA, HTML5 :</a></p> <blockquote><p><strong>HTML5</strong> is a language for structuring and presenting content for the World Wide Web, and is a core technology of the Internet originally proposed by Opera Software.<sup id="cite_ref-0">[1]</sup> It is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997)<sup id="cite_ref-HTML5-20110405_1-0">[2]</sup> and as of November 2011 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). HTML5 is intended to subsume not only HTML 4, but XHTML 1 and DOM2HTML (particularly JavaScript) as well.<sup id="cite_ref-HTML5-20110405_1-1">[2]</sup></p></blockquote>
<p>Dari paragraf di atas jelas sekali bahwa HTML5 adalah penyempurnaan dari standard yang sebelumnya pernah dikeluarkan oleh W3C.</p> <p>Banyak sekali tambahan dari standard sebelumnya. Diantaranya adalah adanya tambahan element seperti : Canvas, Video, Audio. Juga penambahan pada tag di web form serta misalnya section dll.</p> <p>Prinsipnya lebih memudahkan untuk dibaca dan dimengerti oleh manusia.</p> <p>Dari sisi user, user tidak pernah tahu apakah halaman web yang sedang dia lihat itu HTML5 atau bukan, kecuali user tersebut melihat source code di dalamnya.</p> <h2>HTML5 Apps?</h2> <p>Nah lho… sebuah aplikasi web yang menggunakan HTML5 untuk representasi user interface dan juga informasi lainnya ke user lewat sebuat internet browser mungkin bisa kita definisikan sebuah aplikasi HTML5.</p> <p>Tapi perlu dipahami bahwa HTML5 tentu tidak bisa berdiri sendiri. Karena padananya pasti adalah CSS3 dan juga Javascript untuk sisi client dan juga butuh server side apps nya misalnya dengan PHP, ASP atau yang lainnya.</p> <p>Jadi misalnya WordPress Blog, yang theme nya murni menggunakan TAG HTML5, maka bisa dikatakan bahwa itu adalah HTML Apps?</p>
<p>Jadi jika Anda sudah punya website, anda tidak perlu buat web terpisah misal dalam sub domain dengan menggunakan HTML5. Lha kan jadi double gitu?</p> <p>Anda cukup merubah mark up di HTML nya menyesuaikan dengan HTML5, dan misalnya anda mau menampilkan video, tinggal pasang kode yang sesuai dengan HTML5.</p> <h3>Resources Belajar HTML5?</h3> <p>Berikut ini adalah template HTML5 :</p> <pre class="brush:xml"><!DOCTYPE html> <html> <head> <title>Page Title</title>
</head> <body> </body> </html></pre> <p>Sederhana sekali bukan? Ya tentu saja. Untuk cara menggunakan markup HTML5 yang lainnya anda bisa melihatnya di web berikut ini:</p> <ol> <li><a title="HTML5 W3 Schools" href="http://www.w3schools.com/html5/default.asp" rel="nofollow" target="_blank">HTML5 W3School</a></li> <li><a title="HTML5 Tutorial" href="http://www.thehtml5tutorials.com/" rel="nofollow" target="_blank">HTML5 Tutorials</a></li> <li><a title="HTML5 Rocks" href="http://www.html5rocks.com/en/" rel="nofollow" target="_blank">HTML5 Rocks</a></li>
<li><a title="HTML5 Doctors" href="http://html5doctor.com" rel="nofollow" target="_blank">HTML5 Doctors</a></li> </ol>
Oke dahh
BalasHapusKeduaxx
Hapus