Makalah HTML5

0 komentar

Epita Herbudiati

MAKALAH HTML5

Disusun untuk memenuhi tugas mata kuliah Teknologi Informasi dan Komunikasi

Dosen Pengampu : Bp. Septia Lutfi

Oleh

Epita Herbudiati

1102411021

Rombel 3

KURIKULUM DAN TEKNOLOGI PENDIDIKAN

FAKULTAS ILMU PENDIDIKAN

UNIVERSITAS NEGERI SEMARANG

2013

BAB I

PENDAHULUAN

A. Latar Belakang

HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group). WHATWG bekerja dengan bentuk situs dan aplikasi, sedangkan W3C merupakan pengembang dari XHTM L 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama, HTML5 baru mencuat pada April 2010 setelah CEO Apple Inc., Steve Jobs, mengatakan bahwa dengan pengembangan HTML5, "Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di web".

HTML5 adalah suatu spesifikasi atau standard yang dikeluarkan oleh W3C (World Wide Web Consortium) sebagai revisi dari standard HTML. Saat ini ditulis kita banyak menjumpai aplikasi web yang masih menggunakan standard HTML4 namun beberapa sudah mulai migrasi ke standard web HTML5. Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.

B. Rumusan Masalah

Dari latar belakang diatas dapat diambil rumusan masalah sebagai berikut :

1. Menjelaskan definisi HTML5?

2. Menjelaskan pengenalan struktur HTML5?

3. Menjelaskan perkembangan HTML5?

4. Menjelaskan sejarah HTML5?

5. Menjelaskan kelebihan dan kelemahan HTML5?

C. Tujuan

Dari rumusan masalah diatas dapat diambil tujuan sebagai berikut :

1. Untuk mengetahui definisi HTML5.

2. Untuk mengetahui pengenalan struktur HTML5.

3. Untuk mengetahui perkembangan HTML5.

4. Untuk mengetahui sejarah HTML5.

5. Untuk mengetahui kelebihan dan kelemahan HTML5.

BAB II

PEMBAHASAN

A. Definisi html5

HTML5 adalah suatu spesifikasi atau standard yang dikeluarkan oleh W3C (World Wide Web Consortium) sebagai revisi dari standard HTML. Tujuan utamanya telah meningkatkan bahasa dengan dukungan untuk multimedia terkini dengan tetap mudah dibaca oleh manusia dan secara konsisten dimengerti oleh komputer dan perangkat (web browser, parser, dll). HTML5 dimaksudkan untuk menggolongkan tidak hanya HTML 4, tapi XHTML 1 dan DOM Level 2 HTML juga. HTML5 ini merupakan hasil proyek dari lembaga persatuan website dunia, World Wide Web Consortium (W3C) dan Web Hypertext Application Technology Working Group (WHATWG). Proyek tersebut dimulai di tahun 2009 untuk menyempurnakan bahasa penanda sebelumnya yang dianggap sudah lawas. Tujuan utama dengan adanya HTML5 adalah mengurangi penggunaan plugin-plugin 3rd party pada HTML sehingga dapat mempercepat kinerja web itu sendiri. Plugin-plugin tersebut seperti Adobe Flash, Microsft Silverlight, Java dan lain-lainnya.

Elemen baru di HTML 5

Demi mewujudkan struktur halaman web yang lebih baik semantik dan aksesibilitasnya, dikenalkanlah beberapa elemen baru, diantaranya:

1. Section serupa seperti h1-h6.

2. Article bisa berupa entri blog atau tulisan konten.

3. Aside menyajikan konten pelengkap.

4. Header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi.

5. Footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya.

6. Dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk menyajikan percakapan.

7. Yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas dan elemen terkait berkas multimedia lainnya.

Atribut baru di HTML 5

Dikenalkan pula beberapa atribut baru, seperti:

1. atribut media, ping pada elemen pranala,

2. autofocus, placeholder, required, autocomplete dan sebagainya, terkait elemen input dan form

3. reversed pada elemen ol untuk urutan besar ke kecil.

B. Perkembangan Teknologi HTML5

Perkembangan teknologi HTML5 saat ini antara lain :

1. Tahun 1995, HTML5 2.0 dirilis

Ketika Steve Jobs menulis mengenai Flash, dan meramalkan akhir suram bagi raja kemudian melakukan interaktivitas. Dan saya bekerja, sebagian animator flash pada saat itu, melakukan elemen web dinamis untuk situs perusahaan. Patch, sesuatu dalam fungsi tetapi sebagai kesenjangan sempit itu perlu diganti. Video, setidaknya jenis DRM-free, mudah untuk melihat masa depan Flash gratis bagi pengguna. Bagaimanapun, hal-hal yang digunakan pada jadwal dan transformasi, lebih sulit untuk dilihat. Lalu datanglah alat seperti Hype. Dan sekarang, Hype 2.0 untuk Mac dan aplikasi pendamping nya.

Hype 2.0, seperti pendahulunya, memungkinkan Anda membuat objek dan kemudian menghidupkan mereka, dan menciptakan kontrol yang kemudian menganggap perilaku mereka. Anda memiliki batas waktu. Dan tidak seperti kembali ketika melakukan Flash, Anda tidak perlu berlatar belakang animasi. Jika Anda dapat membuat di Keynote atau PowerPoint, Anda dapat membuat sepotong dinamis konten web dalam Hype 2.0.

Fitur baru ada banyak sekali, meskipun keributan, pengembang di balik Hype 2.0. Pertama adalah Hype Reflect, yang kita akan sampai ke terakhir. Tindakan Audio memungkinkan Anda menambahkan beberapa suara kemarahan interaktif Anda, menggunakan API Audio Web dan format seperti MP3, OGG, dan WAV, dan memicu termasuk tindakan pengguna, tindakan adegan, dan waktu. Jalur melengkung membiarkan Anda menambahkan lebih realistis, gerak organik ke objek Anda. Dukungan font web berarti Anda tidak akan pernah terbatas pada Helvetica / Arial atau Verdana lagi. Swipe dan sentuhan peristiwa membuat antarmuka pada ponsel modern dan tablet warga sama interaktif. Lebih baik dukungan ponsel berarti viewport, scaling, Web.app, dan banyak lagi. Mudah ditinjau, termasuk Hype perangkat Reflect-enabled, dengan memori lengket untuk seleksi terakhir Anda. Search engine sekarang dapat melayani dengan dukungan untuk teks di ekspor. Ellipse dan bentuk persegi panjang bulat sekarang mudah untuk membuat. Dan Spotlight, Full Screen, dan Cepat Lihat semua sekarang bekerja seperti yang Anda harapkan.

Kembali ke Hype Reflect. Ini adalah aplikasi pendamping yang berjalan pada iPhone, iPod touch, atau iPad dan memungkinkan Anda melihat dan berinteraksi dengan segala sesuatu yang Anda lakukan di Hype 2.0 tepat pada ponsel Anda atau tablet. Anda dapat melihat bagaimana pekerjaan Anda membuat, bagaimana animasi bergerak, bagaimana perilaku membuat, dan penggunaan dapat menggunakan kedekatan umpan balik untuk fine tune dan mengoptimalkan dan sebaliknya membuat semuanya sempurna.

Intinya, kegemparan telah membuat paket desain interaktif besar yang lebih baik. Jika Anda mencari untuk menciptakan aset HTML5 pada Mac, tidak terlihat lagi. Hype 2.0 dan Hype Mencerminkan membuatnya lebih mudah dari sebelumnya.

2. Tahun 1997, HTML 3.2 diumumkan oleh W3C (World Wide Web Consortium)

Yang pertama versi agak primitif dari HTML , digunakan pada hari-hari awal dunia maya diganti dengan versi 3.2 pada tahun 1996 . HTML 3.2 atau Wilbur dirilis oleh Konsorsium W3 dan pada dasarnya sebuah aplikasi SGML ( Standard Generalized Markup Language ) yang sesuai dengan standar internasional ISO 8879. HTML pertama kali ditemukan pada tahun 1989 oleh Tim Berners - Lee , seorang insinyur perangkat lunak muda di Laboratorium Eropa untuk Fisika Partikel atau CERN . Kedua dokumen SGML dan HTML adalah file teks ASCII benar-benar sederhana dengan tag presentasi tertanam dalam diri mereka . Banyak yang menganggap HTML lebih dari sebuah " computerese " daripada bahasa komputer yang benar . Dua generasi pertama dari kode , versi 1.0 dan 2.0 yang terkandung relatif sedikit tag . Dengan versi 3.2, tag HTML telah dikembangkan dari tiga puluh atau lebih awal untuk menutup seratus tag coding mungkin, memperkenalkan beberapa kemampuan kreatif segar baru untuk proses pengembangan web.

HTML adalah salah satu bahasa yang paling mudah yang dapat Anda pelajari . Hal ini berakar dalam bahasa Inggris , dengan kosa kata yang terdiri dari abbrevations mnemonic dasar, berdasarkan dalam struktur dokumen sederhana . HTML bukanlah bahasa pemrograman , melainkan adalah salah satu yang berbasis konten atau struktural . Kode menggambarkan isi dari dokumen, dan termasuk referensi ke berbagai bagian dari dokumen, seperti judul, paragraf, daftar, dan sebagainya.

Versi 3.2 menambahkan Fleksibilitas dan Estetika. Dengan munculnya HTML 3.2, seorang desainer web dapat menyesuaikan dan membuat halaman web yang disediakan dokumen web yang berbeda, memungkinkan manipulasi dan perhiasan teks, menyisipkan gambar, suara, video dan presentasi multimedia lainnya, hyperlink ke situs lain, daftar, tabel, peta gambar, cascading style sheet dan bentuk semua dengan kode depan cukup sederhana dan lurus. Cara termudah untuk kode tangan HTML 3.2 adalah dengan menggunakan alat-alat seperti Catatan Pad pada Windows atau Teks Sederhana pada Mac. Ketika disimpan sebagai file html, file-file text tangan-kode menjadi berubah menjadi halaman web dalam perangkat lunak dari web browser.

Tag HTML pada dasarnya ditulis dalam salah satu dari dua cara, sebagai wadah atau kosong. Tag kontainer selalu ditulis menggunakan start tag dan tag akhir. Seperti namanya, mereka berisi teks atau bahasa markup lainnya antara awal dan tag akhir. Misalnya, jika judul besar tebal yang diinginkan, mulai tag <H1> akan diketik, diikuti oleh teks yang sebenarnya untuk heading seperti PENDAHULUAN, dan dilengkapi dengan tag akhir pencocokan, < / H1 >. Ini merupakan aturan penting untuk diingat setelah Anda memilih tag mulai, pastikan bahwa Anda memasukkan tag akhir untuk melengkapi efek coding wadah atau struktur. Tag kosong tidak mengandung apapun, sehingga tidak memiliki tag akhir . Misalnya <IMG> digunakan untuk menampilkan gambar atau gambar di web, sementara <BR>, menyebabkan satu baris. Baik ini memerlukan tag akhir untuk bekerja.

Dalam HTML v 3.2, atribut yang mungkin. Misalnya jika seseorang ingin menyelaraskan sebuah heading, gambar atau paragraf, pilihan akan menyelaraskan kiri, tengah atau kanan. Ini merupakan perbaikan atas dua versi pertama html yang terbatas pada kiri dan tengah. The ALIGN atribut dari tag IMG dapat mengambil salah satu nilai atas, tengah, bawah, kiri, kanan . "Atas", "menengah", dan "bawah" nilai atribut dapat digunakan untuk menunjukkan keselarasan vertikal gambar dalam baris saat teks .

Pada tahun 1997, World Wide Web Consortium (W3C) disajikan versi berikutnya dari HTML, HTML 3.2. Hal ini diikuti oleh HTML 4.0 pada tahun 1998 dan 4,01 pada tahun 1999.

Kemudian W3C mengumumkan bahwa mereka tidak akan membuat versi baru dari HTML, dan akan mulai fokus pada extensible HTML atau XHTML. Mereka merekomendasikan desainer Web menggunakan HTML 4.01 untuk dokumen HTML mereka.

Sekitar saat ini, pengembangan memisahkan diri. W3C berfokus pada XHTML 1.0, dan hal-hal seperti XHTML Basic menjadi rekomendasi pada tahun 2000 dan seterusnya. Tapi desainer Web tidak ingin pindah ke struktur kaku XHTML, sehingga pada tahun 2004, Hypertext Aplikasi Teknologi Kelompok Kerja Web (WHATWG) mulai bekerja pada versi baru dari HTML yang tidak seketat XHTML disebut HTML5. Mereka berharap bahwa ini akhirnya akan diterima sebagai rekomendasi W3C.

Menurut Konsorsium W3, "Setiap HTML 3.2 dokumen compliant harus melihat pada dasarnya sebagai berikut:

<TITLE> Judul dokumen </ TITLE>

</ HEAD>

<BODY>

... badan dokumen

</ BODY>

</ HTML> "

Hal ini penting bagi desainer web yang serius untuk memahami berbagai versi dan kemampuan HTML. Dengan versi 3. 2 standar ditetapkan yang memungkinkan lebih banyak pemirsa untuk mengalami warna, layout, pengaturan dan kombinasi yang lebih menyenangkan untuk mata serta terorganisir. Meskipun dianggap ketinggalan jaman sekarang, versi 3. 2 adalah perintis yang mulai evolusi yang lebih dinamis dan keluhan versi yang datang kemudian. Versi 4. 0 akan menjadi topik artikel tiga seri ini - menantikan! Sementara itu, Anda dapat menjelajahi sumber daya di bawah ini untuk mempelajari seluk gritties coding dalam HTML versi 3. 2.

3. Tahun 1999, HTML 4.01

Jika Anda seorang desainer Web profesional dan membuat HTML / CSS kode dengan tangan, maka Anda mungkin akan tertarik pada kenyataan bahwa Dave Shea beralih dari XHTML 1.0 ke HTML 4.01 .

Ini adalah fakta bahwa :

1. Akhir-akhir ini , HTML 5 keuntungan standar dalam kecepatan.

2. XHTML 2.0 mungkin tidak akan menjadi penerus XHTML 1.0. Bahkan, XHTML 2.0 mungkin tidak akan ada sama sekali.

3. Cukup beberapa desainer web terkemuka dan CSS / HTML coders yang meninggalkan XHTML 1.0 dan kembali ke HTML 4.01 (beberapa dari mereka bahkan sangat serius bereksperimen dengan HTML 5 ) .

Apa standar HTML untuk dokumen yang Anda inginkan? Dan aku satu-satunya yang ( masih ) lebih suka XHTML 1.0 atas HTML 4.01 ?

Ini mengikuti diskusi yang menarik di mezzoblue - Saya berhasil membaca hampir semua komentar di sana! Tapi, kadang-kadang, tidak sangat jelas bagi saya ke mana dan mengapa akan Standar Web, dipandu oleh W3C.

Setelah HTML 3.2 , HTML 4.01 datang , maka standar XHTML 1.0 diadopsi, dan sekarang HTML 5 dikembangkan ? Ada hampir tidak ada logika di balik versi tersebut, ditambah, kita memiliki pertama bahasa HTML (yang, pada gilirannya, berasal dari SGML), maka W3C memutuskan bahwa akan menjadi ide bagus untuk menggabungkan XML + HTML (dan sebagainya, XHTML 1.0 adalah 'lahir'), dan akhirnya, mereka kembali kepada gagasan 'murni' HTML, dan standar baru (HTML 5), 'X' hilang ...Ada apa berikutnya ? Saya tidak tahu. Pribadi, saya agak bingung oleh fakta bahwa standar pertama, yang telah saya pelajari,ketika saya mulai melakukan desain web, adalah HTML 3.2 dan HTML 4.01, kemudian datang XHTML 1.0 ("The Best Thing Next Sejak Roti Irisan", setelah HTML 4.01) saat ini saya harus belajar bagaimana menutup tag, yang Anda tidak harus menutup sama sekali (seperti img dan br, misalnya) dan sekarang, setelah XHTML 1.0, giliran HTML lagi ?

Untuk saat ini , saya tidak berencana mengubah gaya saya coding . XHTML 1.0 Transitional & ketat melakukan pekerjaan yang besar.

Selain itu, menggunakan HTML 4.01 memiliki kelemahan tertentu (dibandingkan dengan XHTML 1.0) :

Sebagai contoh, di bawah HTML 4.01, penutupan beberapa tag tidak wajib sama sekali – p, <li> dapat dibuka, tetapi Anda tidak harus menutup mereka setelah itu , sehingga dua contoh berikut keduanya valid :

Contoh 1 :

<ul>

<li> <a href="#"> Lorem < / a> < / li >

<li> <a href="#"> Ipsum < / a> < / li >

<li> <a href="#"> Dolor Sit < / a> < / li >

< / ul >

<p> Lorem ipsum ... < / p >

<p> Lorem ipsum ! < / p >

Contoh 2 :

<ul>

<li> <a href="#"> Lorem < / a>

<li> <a href="#"> Ipsum < / a>

<li> <a href="#"> Dolor Sit < / a>

< / ul >

<p> Lorem ipsum ...

<p> Lorem ipsum !

Hal ini bisa mengakibatkan situasi, ketika contoh berikut akan sempurna berlaku untuk validator W3C :

Contoh 3 :

<ul>

<li> <a href="#"> Lorem < / a>

<li> <a href="#"> Ipsum < / a> < / li >

<li> <a href="#"> Dolor Sit < / a> < / li >

< / ul >

<p> Lorem ipsum ...

<p> Lorem ipsum ! < / p >...

Tapi itu tidak akan terlihat sangat baik sebagai kode .

Dalam XHTML 1.0 , tidak ada masalah seperti itu . Hanya contoh 1 akan berlaku , ketika semua tag dibuka ditutup dengan benar . Kode tersebut lebih mudah untuk diperiksa atas kesalahan disengaja , dan dapat juga membaca jauh lebih mudah dengan mesin.

Juga, Anda tidak harus menggunakan tanda kutip untuk atribut HTML bawah HTML 4.01 .

Contoh 4 :

<p> Lorem Ipsum ... < / p >

<p class="blue"> Dolor sit ... < / p >

< / div >

Kode seperti ini akan berlaku untuk HTML 4.01 , tetapi tidak untuk XHTML 1.0 . Dalam XHTML 1.0 hanya contoh berikut akan memvalidasi (bila atribut dikutip ) :

Contoh 5 :

<p> Lorem Ipsum ... < / p >

<p class="blue"> Dolor sit ... < / p >

< / div >

C. Pengenalan Struktur HTML5

Seiring dengan perkembangan Web yang semakin inovatif, HTML 4 yang telah berkibar selama hampir satu dekade ini akhirnya mulai semakin dikembangkan kearah yang lebih baik atau kita kenal dengan nama HTML 5.

HTML 5 menjanjikan fleksibilitas lebih bagi penulis, memungkinkan Website lebih menarik dan interaktif serta memperkenalkan dan meningkatkan berbagai Fitur, seperti Kontrol bentuk, API, multimedia, struktur, dan semantik.

HTMl 5 Mulai bekerja pada tahun 2004, dibawah asuhan W3C HTML WG dan WHATWG. Bahkan, Empat Vendor Browser besar seperti Firefox, Apple, Opera, Dan Google kabarnya ikut mengembangkan HTML 5.

Struktur Dasar HTML dapat di lihat dibawah ini:

Gambar diatas adalah Struktur HTMl 4 yang masih menggunakan Elemen div yang masing-masing memberikan id deskriptif atau kelas untuk menggambarkan bagian-bagian khusus. Versi HTML 4 masih kekurangan semantik. HTML 5 mulai memperbaiki hal ini dengan membuat masing-masing elemen mewakili bagian yang berbeda dan tidak perlu menggunakan penggambaran khusus. Contohnya seperti gambar dibawah ini :

Gambar diatas menunjukkan bahwa Elemen-elemen div dapat digantikan dengan unsur-unsur baru: header, nav, bagian, artikel, samping, dan footer.

Markup untuk Dokumen dapat digambarkan sebagai berikut

Contohnya, Struktur Dibawah ini yang ditandai dengan bagian nested dan elemen h1:

<section>
<h1>Level 1</h1>

<section>
<h1>Level 2</h1>

<section>
<h1>Level 3</h1>

</section>
</section>

</section>

Perhatikan Struktur Diatas, Untuk kompabilitas yang lebih baik dengan Browser saat ini, telah dimungkinkan menggunakan elemen post lain (h2 untuk h6) tepat ditempat elemen h1. itulah salah satu keuntungan menggunakan elemen ini.

Dengan mengidentifikasi halaman menggunakan elemen sectioning spesifik, teknologi bantu dapat membantu pengguna untuk lebih mudah menavigasi halaman. Misalnya, mereka dengan mudah dapat melompat ke bagian navigasi atau cepat melompat dari satu artikel ke berikutnya tanpa perlu bagi penulis untuk memberikan skip link.

Pada elemen header anda dapat menyertakan sub judul, informasi atau lainnya. Seperti Struktur Dibawah Ini:

<header>
<h1>A Preview of HTML 5</h1>

<p class=”byline”>By Ferdinand</p>

</header>

<header>
<h1>Example Blog</h1>

<h2>Insert tag line here.</h2>

</header>

Setelah itu bagian lainnya adalah Footer yang berisi data hak Cipta, Link ke halaman Terkait dan lainnya, Strukturnya seperti dibawah ini:

Selanjutnya adalah bagian link navigasi, dengan struktur seperti dibawah ini:

<li><a href=”/prolog”>Prolog</a></li>

<li><a href=”/contact”>Contact</a></li>

<li><a href=”/about”>About</a></li>

</ul>
</nav>

Selanjutnya adalah Struktur Sidebar, seperti dibawah ini:

<aside>
<h1>Archives</h1>
<ul>
<li><a href=”/2010/09/”>September 2010</a></li>

<li><a href=”/2010/08/”>August 2010</a></li>

</ul>

</aside>

Selanjutnya, Section yang merupakan bagian utama dalam sebuah dokument, misalnya kita bayangkan seperti sebuah Bab dengan Struktur seperti dibawah ini:

<section>
<h1>Chapter 1: Saya Orang Kreatif</h1>

<p>

Banyak yang bilang saya gak cerdas dan bengal, dan saya akui demikianlah saya, tapi ditengah kebodohan saya, saya tetap bersyukur diberikan otak yang kreatif oleh Tuhan

…</p>
</section>

Terakhir adalah Unsur artikel, yang berisi konten, postingan, komentar dan lainnya, Strukturnya seperti dibawah ini:

<header>
<h4><a href=”#comment-3″ rel=”bookmark”>Comment #3</a>

by <a href=”http://example.com/”>Google</a></h4>

<p><time datetime=”2010-08-29T13:58Z”>August 29th, 2010 at 13:58</time>

</header>
<p>Blogwalking Gan!</p>

</article>

D. Sejarah HTML5

HTML5 yang merupakan standar baru dari HTML pasti mempunyai sejarah sebelum terbentuknya HTML5 tersebut. Dimulai dari The Web Hypertext Application Technology Working Group (WHATWG), mulai bekerja pada standar baru pada tahun 2004. Pada saat itu, HTML 4.01 belum diperbarui sejak tahun 2000, dan World Wide Web Consortium (W3C) telah memfokuskan pada perkembangan masa depan XHTML 2.0. Pada tahun 2009, W3C memperbolehkan XHTML 2.0 dengan hak istimewa Working Group untuk berakhir dan memutuskan untuk tidak memperbaharui itu. W3C dan WHATWG saat ini bekerja sama pada pengembangan HTML5.

Sementara HTML5 sering dibandingkan dengan Flash, tetapi kedua teknologi tersebut sangat berbeda. Keduanya termasuk fitur untuk memutar audio dan video dalam halaman web, dan untuk menggunakan Scalable Vector Graphics. HTML5 sendiri tidak dapat digunakan untuk animasi dan interaktivitas, tapi itu harus dilengkapi dengan CSS3 atau JavaScript. Ada kemampuan Flash banyak yang tidak memiliki mitra langsung dalam HTML5.

Meskipun HTML5 telah terkenal di kalangan pengembang web selama bertahun-tahun, itu menjadi topik media yang mainstream sekitar April 2010 setelah Apple Inc kemudian CEO Steve Jobs mengeluarkan surat terbuka berjudul "Pemikiran tentang flash" di mana ia menyimpulkan bahwa "Adobe Flash tidak lagi diperlukan untuk menonton video atau mengkonsumsi segala jenis konten web" dan bahwa "standar terbuka baru yang diciptakan di era mobile seperti HTML5, akan menang". Ini memicu perdebatan di kalangan pengembangan web dimana beberapa menyarankan bahwa sementara HTML5 menyediakan fungsi yang disempurnakan, pengembang harus mempertimbangkan mendukung browser berbagai bagian yang berbeda dari standar serta perbedaan fungsi lainnya antara HTML5 dan Flash. Pada awal November 2011, Adobe mengumumkan bahwa mereka akan menghentikan pengembangan flash untuk perangkat mobile dan reorientasi upaya dalam mengembangkan alat memanfaatkan HTML5.

Proses Standarisasi

Mozilla Foundation dan Opera Software mempresentasikan posisi pada World Wide Web Consortium (W3C) workshop pada bulan Juni 2004, fokus pada pengembangan teknologi yang kompatibel dengan browser yang ada, termasuk spesifikasi rancangan awal Web Forms 2.0.

Workshop ini diakhiri dengan voting, 8 lawan 14, untuk melanjutkan pekerjaan pada HTML. Setelah bulan itu, bekerja berdasarkan kertas posisi pindah ke Web Hypertext Application Technology Working Group (WHATWG) yang baru terbentuk, dan yang kedua rancangan, Aplikasi Web 1.0, juga diumumkan. Kedua spesifikasi tersebut kemudian bergabung untuk membentuk HTML5, spesifikasi HTML5 diadopsi sebagai titik awal dari pekerjaan kelompok kerja HTML baru dari W3C pada tahun 2007.

2008 - First Public Working Draft

WHATWG menerbitkan Pertama Kerja Draft Publik spesifikasi pada 22 Januari 2008. Bagian dari HTML5 telah dilaksanakan di browser meskipun seluruh spesifikasi belum telah mencapai status Rekomendasi akhir.

2011 - Last Call

Pada tanggal 14 Februari 2011, W3C. Pada Mei 2011 , kelompok kerja canggih HTML5 untuk "Last Call", undangan kepada masyarakat dalam dan di luar W3C untuk mengkonfirmasi kesehatan teknis dari spesifikasi. W3C sedang mengembangkan tes lengkap, untuk mencapai interoperabilitas luas untuk spesifikasi lengkap pada tahun 2014, yang sekarang tanggal target Rekomendasi. Pada bulan Januari 2011, WHATWG berganti nama nya "HTML5" standar hidup untuk "HTML". W3C tetap melanjutkan proyek untuk melepaskan HTML5.

2012 - Calon Rekomendasi

Pada bulan Juli 2012, WHATWG dan W3C memutuskan pada tingkat pemisahan. W3C akan melanjutkan HTML5 spesifikasi pekerjaan, berfokus pada standar definitif tunggal, yang dianggap sebagai "snapshot" oleh WHATWG. Organisasi WHATWG akan melanjutkan pekerjaannya dengan HTML5 sebagai "Standar Hidup". Konsep standar hidup adalah bahwa hal itu tidak pernah lengkap dan selalu diperbarui dan ditingkatkan. Fitur baru dapat ditambahkan tapi fungsi tidak akan dihapus.

Pada bulan Desember 2012, W3C HTML5 ditunjuk sebagai Calon Rekomendasi. Kriteria untuk kemajuan ke Rekomendasi W3C "100 % selesai dan sepenuhnya interoperable implementasi"

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.

HTML5 adalah versi terbaru dari HTML (HyperText Markup Language) yang mana dikembangkan oleh W3C atau Word Wide Web Consortium. Lalu apakah yang dimaksud dengan Semantic Web? Semantic berasal dari bahasa Yunani (Greek), merupakan bahasa pembelajaran semiotic, yakni pembelajaran untuk memahami penanda. Semantic sendiri mempunyai arti bahasa yang berfokus pada penanda untuk mengetahui arti yang terkandung di dalamnya.

Jadi, yang dimaksud semantic web adalah bahasa pemrograman yang mempunyai penanda khusus dalam implementasinya dengan tujuan agar mampu mendeskripsikan apa yang terkandung dalam website tersebut. Web semantic ini bukan hanya dikembangkan di Web 2.0, namun sudah ke Web 3.0 bahkan akan berkembang ke Web 4.0. Perkembangan teknologi benar-benar cepat sekali berubah.

Tujuan dibuatnya HTML5 antara lain:

1. Fitur baru harus didasarkan pada HTML, CSS, DOM , dan JavaScript.

2. Mengurangi kebutuhan untuk plugin eksternal (seperti Flash).

3. Penanganan kesalahan yang lebih baik.

4. Lebih banyak markup untuk menggantikan scripting.

5. HTML5 merupakan perangkat mandiri.

E. Kelebihan dan kelemahan HTML5

Kelebihan HTML5 yaitu antara lain :

1. Cleaner code, karena sebagian besar kode telah termasuk di dalam sintaks html5, maka kode nampak terlihat lebih sederhana daripada penggabungan antara html, css dan java script.

2. Greater consistency, HTML5 telah melakukan banyak sekali penambahan sintaks yang dibuat dalam struktur lebih baik dan lebih sederhana daripada sintaks-sintaks sebelumnya. Hal ini membuat developer terbantu dalam meningkatkan konsistensi dalam membangun sebuah web.

3. Improve Semantics, dengan berbagai elemen kode di dalam html5 yang telah distandarisasi, maka nilai semantik dari sebuah web dapat lebih ditingkatkan. Itu berarti bahwa bagian-bagian dari web seperti header, nav, footer dan beberapa bagian lainnya terdefinisi dengan jelas maksud serta tujuannya selain itu juga terbentuk dalam sebuah “machine readible format”

4. Improved Accessibility, dengan teknologi HTML5 yang memudahkan struktur pembangunan sebuah web, maka developer dapat membangun pemahaman yang lebih detil mengenaik halaman web.

5. Client-side Database, HTML5 menyediakan model database SQL yang baru dengan API yang dapat dibangun dalam konsep lokal, dalam hal ini di sisi client.

6. Geolocation, HTML5 mempunyai API yang terintegrasi terhadap geolocation, fasilitas tersebut dapat diakses melalui GPS atau fasilitas lain seperti Google Latitude pada iphone.

7. Offline Aplication Cache, pengguna dapat terus melakukan interaksi dengan aplikasi meskipun mereka terputus dari jaringan internet.

8. Smarter Forms, terdapat semacam reguler expression (regex) yang membuat form mampu mengenali secara lebih baik tentang input, validasi data dan interaksi dengan elemen lain (misal : format email, password dll)

9. Sharper focus on Web Application Requiments, HTML5 membuat sebuah mekanisme yang lebih mudah dalam hal pembuatan front end, aplikasi chat, tools drag and drop, video player, pengolah grafis dan masih banyak lagi.

Kekurangan dari HTML5 yaitu :

1. Kekurangan utama yang dimiliki oleh HTML5 ini adalah versi ini hanya support untuk browser modern/terbaru.

2. Karena bahasa HTML5 ini masih dalam perkembangan, jadi beberapa elemen yang ada bisa saja berubah.

3. Fitur keamanan yang ditawarkan HTML5 masih terbatas

BAB III

PENUTUP

A. Kesimpulan

Dalam perkembangannya HTML5 juga mempunyai fitur-fitur seperti unsur kanvas untuk menggambar, video dan elemen audio untuk media pemutaran, dukungan yang lebih baik untuk penyimpanan secara offline. Elemen konten yang lebih spesifik, seperti artikel, footer, header, navigation, section, dan bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, search.