Kamis, 20 Desember 2012

Perbedaan HTML5 dan HTML4

kembali lagi ke tugas softskill bulan ini yg udah deadline.. haha

sebelumnya saya memposting tentang html5 saja..
dan sekarang adalah perbedaan dari html5 dan html4..

perbedaannya adalah sebagai berikut :

Strukturnya.. html5 mempunyai struktur seperti berikut

Sedangkan struktur html4 seperti ini

html5 mempunyai struktur ang lebih simpel dari pada html4, dan agar kita tau apakah suatu web menggunakan html4 atau html5, ketika membuka web tersebut, tekan ctrl+U untuk membuka source code atau yaa semacam script gitu deh.. hehe
dari situ kita bisa lihat strukturnya sesimpel html5 atau masih panjang seperti html4.. hehe

semoga bermanfaat.. :)

HTML 5

Tugas softskill kali ini adalah tentang fitur-fitur HTML5.. apasih HTML5 itu??

Nah.. HTML5 merupakan revolusi kebutuhan web yang dibutuhkan oleh pengguna. Faktanya adalah, HTML5 adalah masa depan apakah kita suka atau tidak, kita harus tetap mengikuti perkembangannya. Sebenarnya HTML5 tidak sulit untuk digunakan atau dipahami.

Tujuan dari dibuatnya HTML5 yaitu fitur baru harus didasarkan pada HTML, CSS, DOM , dan JavaScript. Mengurangi kebutuhan untuk plugin eksternal (seperti Flash). Penanganan kesalahan yang lebih baik. Lebih banyak markup untuk menggantikan scripting. HTML5 merupakan perangkat mandiri.


fitur-fitur baru yang ada di HTML5 berupa 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.


dan kelebihan HTML5 adalah dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) dan XML. 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.


kelebihan lainnya adalah sebagai berikut :

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.


Improve Semantics, dengan berbagai elemen kode di dalam html5 yang telah distandarisasi, maka nilai semantik dari sebuah web dapat lebih ditingkatkan.


Improved Accessibility, dengan teknologi HTML5 yang memudahkan struktur pembangunan sebuah web, maka developer dapat membangun pemahaman yang lebih detil mengenaik 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.


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.


nah.. segitu aja dolo berita tentang HTML5.. semoga bermanfaat
ini sumbernya