11
http://ahmadusandifadillah.ilearning.me/2013/09/04/perkembangan- sejarah-html-kekurangan-dan-kelebihan-masing-masing-versi/ Perkembangan sejarah HTML kekurangan dan kelebihan masing- masing versi HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML Versi 1.0 Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping). HTML Versi 2.0 Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.

HTML 5

Embed Size (px)

Citation preview

Page 1: HTML 5

http://ahmadusandifadillah.ilearning.me/2013/09/04/perkembangan-sejarah-html-kekurangan-dan-kelebihan-masing-masing-versi/

Perkembangan sejarah HTML kekurangan dan kelebihan masing- masing versi

HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML Versi 1.0

Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).

HTML Versi 2.0

Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.

HTML Versi 3.0

HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.

HTML Versi 4.0

Page 2: HTML 5

HTML versi 4 memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML sepertitable, image, link, text, meta, imagemaps, form, dan lain- lain.

HTML Versi 5

Beberapa kelebihan yang dimiliki oleh HTML5 adalah:

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.

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.

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, footerdan beberapa bagian lainnya terdefinisi dengan jelas maksud serta tujuannya selain itu juga terbentuk dalam sebuah “machine readible format”.

Improved Accessibility, dengan teknologi HTML5 yang memudahkan struktur pembangunan sebuah web, maka developerdapat membangun pemahaman yang lebih detil mengenai halaman web.

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

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

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

Page 3: HTML 5

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)

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.

By ahmadrusandifadillah • Uncategorized •

Page 4: HTML 5

http://websmedia.blogspot.com/2013/11/kelebihan-dan-kekurangan-html5.html

HTML5 adalah tehnologi terbaru dalam pengembangan internet. Dalam artikel ini kami coba membahas pro dan kontra mengenai HTML5.

Apa itu HTML5 ?

HTML5 adalah adaptasi terbaru dari HyperText Markup Language. Pada masa lalu, peran HTML adalah untuk membantu menjelaskan struktur konten dan memungkinkan menghubungkan isi dengan navigasi. Pada dasarnya HTML5 memiliki fitur sintaksis baru, yang meliputi <video>, <audio>, dan elemen <canvas>, serta integrasi konten SVG. Berkat elemen-elemen baru ini, maka akan sangat mudah untuk mengintegrasikan konten multimedia dan grafis untuk web tanpa menggunakan flash dan plugin pihak ketiga. Ada juga unsur lain baru seperti <section>, <article>, <header> dan <nav> yang memperkaya nilai semantik dokumen. Keuntungan utama lain dari HTML5 dijelaskan di bawah ini .

Pro atau Kelebihan

1 . Inbuilt

Karena tujuan kegunaan situs web sangat interaktif pada saat ini, maka para pengembang web ( Web Developer ) perlu menyertakan animasi, streaming video, musik dan situs Jaringan sosial seperti Facebook dan Twitter ke dalam website .Sampai sekarang mereka hanya memiliki pilihan untuk mengintegrasikan dengan bantuan Flash atau Silverlight , Flex atau javascript. Tapi ini mengkonsumsi begitu banyak waktu untuk mengembangkan dan bahkan kompleksitas aplikasi web juga meningkat . Tapi sekarang dengan bantuan HTML5 adalah mungkin untuk menanamkan video dan audio, gambar berkualitas tinggi, grafik dan animasi dan konten kaya lainnya tanpa menggunakan plugin dan program pihak ketiga.

2 . Kode Yang Lebih Rapi dan simpel

HTML 5 akan memungkinkan desainer web untuk menggunakan kode yang lebih rapi, karena mereka dapat menghapus sebagian tag div dan menggantinya dengan semantik HTML 5 elemen.

3 . Semantik

Page 5: HTML 5

Sekarang mudah untuk melihat bagian mana dari halaman adalah header , nav , footer , samping, dll sebagai tag khusus untuk ini semua dan yang paling penting tahu apa arti dan tujuan mereka adalah format secara keseluruhan . Dengan menggunakan elemen HTML5 kita dapat meningkatkan nilai semantik dari halaman web sebagai kode yang sangat standar.

4 . Bentuk

HTML5 memungkinkan desainer untuk menggunakan disain yang lebih menarik dan kreatif. Bahkan dalam hal membuat validasi form asli HTML, user interface perangkat tambahan dan dalam prosesnya mengurangi kebutuhan untuk JavaScript ( hanya dibutuhkan dalam browser yang tidak mendukung bentuk jenis) . HTML5 juga memungkinan berbagai jenis input teks , pencarian dan bidang yang berbeda untuk tujuan yang berbeda.

5 . Konsistensi Platform

Pada situs yang mengadopsi elemen HTML5 akan terlihat konsistensi yang lebih besar dalam hal penggunaan HTML untuk kode halaman web pada sebuah situs dibandingkan dengan yang lain . Ini akan membuatnya lebih mudah bagi desainer dan pengembang untuk segera memahami bagaimana sebuah halaman web terstruktur .

6 . Aksesibilitas peningkatan

Teknologi yang berbeda dapat menguraikan fitur dengan bantuan HTML5 , karena mereka segera dapat membuat pemahaman yang lebih rinci tentang struktur halaman dengan melihat elemen HTML5 yang dimiliki sebuah website.

7 . Memenuhi kebutuhan aplikasi Web

Banyak fitur baru dan standar telah muncul sebagai bagian dari HTML 5 . Setelah Anda mendeteksi fitur yang tersedia dalam browser saat ini , Anda dapat mengambil keuntungan dari fitur-fitur dalam aplikasi Anda . Fokus utama HTML5 adalah untuk membuat aplikasi menjadi lebih mudah dengan atau bantuan elemen lain yang bermanfaat.

8 . Cache Aplikasi Offline

Semua browser memiliki semacam caching memory. Setelah beberapa waktu, Anda membuka laptop Anda dan mengklik tombol ‘Kembali’ di browser, dengan harapan untuk melihat halaman sebelumnya yang dibuka . Namun, karena Anda tidak terhubung ke internet dan browser tidak meng-cache halaman dengan benar, Anda tidak dapat melihat halaman tersebut.Anda perlu untuk menyambung kembali ke internet untuk dapat melihat halaman . Kelebihan HTML 5, untungnya, menyediakan solusi cerdas . Sambil membangun situs, pengembang dapat menentukan file mana yang perlu di simpan oleh browser. Jadi, bahkan jika

Page 6: HTML 5

Anda me-refresh halaman ketika Anda sedang offline, halaman akan tetap memuat dengan benar.Hal ini membuat load file lebih cepat dan mengurangi beban pada server.

Page 7: HTML 5

http://gandha23.wordpress.com/2013/10/14/kelebihan-dan-kekurangan-html-5/

Di sini saya akan menjelaskan tentang kelebihan dan kekurangan HTML 5. Untuk hal – hal lain mengenai HTML 5 dapat mengunjungi blog – blog teman saya.

Kelebihan yang dimiliki HTML 5

Fitur kanvas untuk menggambar menggunakan script code

Fitur video dan audio untuk media pemutar file multimedia

Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya

Integrasi (‘inline’) dengan doctype yang lebih sederhana

Penulisan kode yang lebih efisien

Penanagan kesalahan yang lebih baik

Mengurangi kebutuhan untuk plugin eksternal

Lebih markup untuk menggantikan scripting

Tag Baru seperti header, footer, nav, section, asidedll memungkinkan browser untuk mengakses konten dengan mudah. Sebelumnya, kita hanya menentukan hal tersebut dengan tag dan menggunakan atribut id ataupun class.

Kekurangan yang dimiliki HTML 5

Saat ini HTML5 masih dalam pengembangan, sehingga hanya beberapa browser yang sudah mendukung HTML5, seperti fitur-fitur pada HTML 5 tidak semuanya bisa berfungsi dengan baik pada beberapa browser. Beberapa browser yang sudah mendukung HTML 5 seperti Safari, Chrome, Firefox, dan Opera. Namun kabarnya IE9 (Internet Explorer) akan mendukung beberapa fitur dari HTML5.

Page 8: HTML 5

Sumber :

http://cute-periidola.blogspot.com/2013/10/kelebihan-dan-kekurangan-html-5.html

http://pelitarezza.blogspot.com/2013/01/kelebihan-dan-kekurangan-html5.html

http://mkr-site.blogspot.com/2012/07/apa-itu-html5-dan-kelebihannya.html

Page 9: HTML 5

http://pelitarezza.blogspot.com/2013/01/kelebihan-dan-kekurangan-html5.html

Kelebihan dan Kekurangan HTML5

Haiiiii ... Sahabat !!!

Pada postingan yang ke empat ini , saya akan berbagi informasi terkait perkembangan teknologi web terbaru, yaitu HTML5 dan CSS3. HTML5 lahir pada tahun 2009 yang merupakan standar baru untuk HTML, XHTML dan DOM HTML. Sejak munculnya HTML versi 4.01, perkembangan situs dunia semakin berkembang.

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.

Page 10: HTML 5

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.

Fitur baru dalam HTML5:

• 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.

• Bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, search.

Beberapa kelebihan yang dijanjikan pada HTML5:

• Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) danXML.

• Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya.

• Integrasi ('inline') dengan doctype yang lebih sederhana.

• Penulisan kode yang lebih efisien.

• Konten yang ada di situs lebih mudah terindeks oleh search engine.

Page 11: HTML 5

Saat ini HTML5 masih dalam pengembangan, namun hanya beberapa browser sudah mendukung HTML5.Beberapa browser tersebut seperti Safari, Chrome, Firefox, dan Opera. Kabarnya IE9 (Internet Explorer) akan mendukung beberapa fitur dari HTML5.

Sumber di ambil dari http://indracare.blogspot.com/2012/06/pengertian-html5.html