Latar Belakang HTML5 dan CSS3

Assalamualaikum . . .

Pada postingan kali ini saya akan membahas tentang “Latar Belakang HTML5 dan CSS3”

Bismillah . . .

Hyper Text Markup Languange atau disingkat HTML. Orang yang suka membuat atau mendesain WEB pasti setelah mendengar HTML langsung bangkit semangatnya apa lagi ditambah dengan Cascading Style Sheet atau CSS yang bisa membuat menarik pada tampilan WEB. HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada tahun1989. Karena manusia tidak pernah merasa puas, setelah mengeluarkan HTML1, HTML2, HTML3+CSS1 dan HTML4+CSS2 kini telah dikeluarkan lagi yang baru yaitu HTML5+CSS3, dengan perbaikan dari versi sebelumnya serta penambahan elemen-elemen terbaru.

HTML5 adalah bahasa peprograman untuk menstrukturkan dan menampilkan isi dalam sebuah website. Angka ke-5 berarti revisi atau perbaikan ke-5 dari versi sebelumnya, dari bahasa pemrograman web standart HTML. HTML5 dibuat pada saat orang dari OPERA (Pembuat Web Browser Opera) yang sedang mengembangkan XHTML2 malah mengembangkan HTML yang baru yang akan menjadi cikal bakal dari HTML5. Pada tahun 2009, W3C dan WHATWG mengakhiri Kelompok Kerja Pengembangan XHTML 2.0 dan fokus untuk mengembangkan web standar HTML5. HTML5 mempunya tujuan yaitu: harus didasarkan pada HTML, CSS, DOM dan JavaScript, memperbaiki sistem error hadling di HTML. HTML5 juga sudah meniadakan plugin seperti: flash plugin, yang  merepotkan user, karena didalam HTML5 Adobe flash tidak lagi dibutuhkan untuk menyaksikan video atau menyaksikan konten apapun di dalam web.

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, nav, section

§  Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Beberapa elemen-elemen baru yang ada di HTML5:

<audio>	Untuk konten multimedia seperti musik.
<video>	Untuk konten video seperti klip video.
<header>	Menunjukan judul dari sebuah dokumen.
<footer>	Menunjukan bagian kaki dokumen yang bersi informasi penulis, hak cipta, dan informasi lainnya.
<dialog>	Digunakan untuk menulis format dokumen atau dialog
<nav>	Digunakan untuk membuat navigasi dokumen
<time>	Digunakan untuk mendefinisikan tanggal dan waktu

Cascading Style Sheet atau bisa dibilang CSS. CSS merupakan aturan untuk mengendalikan komponen-komponen dalam sebuah web, sehingga web tersebut dapat terstruktur dan seragam. CSS dapat mengendalikan ukuran gambar, warna pada teks, warna pada table, margin kanan, kiri, atas, bawah dan parameter lainnya. Pada saat ini CSS memnpunya tiga versi yaitu, CSS1, CSS2, CSS3. CSS1 berpusat pada performatan dokumen HTML. CSS2 dikembangakan untuk memenuhi kebutuhan terhadap format dokumen supaya bisa dibaca di printer, di CSS2 sudah mendukung penentuan posisi konten, tampilan table, download, huruf font dan media untuk printer. Dengan keluarnya CSS3 yaitu versi terbaru dari CSS yang mampu melakukan banyak hal dalam mendesain web. CSS3 sudah dapat melakukan animasi pada halaman web, animasi tersebut berupa animasi warna hingga animasi 3D. Untuk saat ini CSS3 hanya mendukung di beberapa browser yaitu, google crome, apple safari, opera dan mozila firefox.

CSS 3 memiliki beberapa fitur baru, seperti:

§  Animasi, sehingga pembuatan animasi tidak memerlukan program sejenis Adobe Flash dan Microsoft Silverlight

§  Beberapa efek teks, seperti teks berbayang, kolom koran, dan "word-wrap".

§  Jenis huruf eksternal, sehingga dapat menggunakan huruf yang tidak termasuk "web-safe fonts".

§  Beberapa efek pada kotak, seperti kotak yang ukurannya dapat diubah-ubah, transformasi 2 dimensi dan 3 dimensi, sudut-sudut yang tumpul dan bayangan.

Sumber referensi :

http://inovasi.com/2012/04/29/html5-jembatan-antar-platform-yang-semakin-dicari-perusahaan-teknologi/

http://ianpanrita.com/apa-itu-html5.ian/

http://perangkatlunak-cakrijal.blogspot.com/2012/01/html-5-keunggulan-dan-panduan.html

http://id.wikipedia.org/wiki/Cascading_Style_Sheets

http://id.wikipedia.org/wiki/CSS_3

http://digidesain.net/css3.htm