HTML dan HTML5
Kelebihan dan Kekurangan HTML
Dapat disisipi gambar baik gambar statis atau dinamis (animasi) termasuk menggunakan gambar untuk dijadikan hyperlink. Gambar di sini digunakan untuk merujuk pada suatu halaman web, dimana setiap titik-titik yang sudah didefinisikan berupa rectangular (kotak), poligon (kurva tak beraturan) atau lingkaran digunakan untuk 'jump' ke halaman lain, atau link ke halaman di luar web yang bersangkutan.
Dapat disisipi animasi berupa Java Applet atau file-file animasi dari Macromedia Flash atau Macromedia Shockwave (untuk keperluan ini, browser harus memiliki plug-in khusus untuk menjalankan file-file animasi ini).
Menghasilkan halaman yang statis, untuk memperoleh halaman yang dinamis harus menggunakan bahasa pemrograman tertentu seperti Javascript atau VBScript dan animasi seperti Flash atau Shockwave.
Tidak dapat menghasilkan halaman yang interaktif. Interaktif di sini maksudnya client dapat berinteraksi dengan server. Untuk keperluan itu, HTML harus disisipi bahasa pemrograman yang dapat menangani hal tersebut, contohnya Perl atau Tcl.
Kelebihan dan Kekurangan HTML5
HTML 5 Dapat ditulis dalam sintaks HTML (dengan tipe media text/html) dan XML.
Dulu, untuk bisa memberikan interaksi menggambar di halaman web kita harus memakai applet Java atau Flash. HTML 5 akan memberikan satu opsi tambahan berupa canvas. Seperti namanya, canvas adalah media yang bisa dicorat-coret langsung. Tidak lagi perlu memuat plugin khusus
Embed Audio Video Secara Langsung
Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana.
Penulisan kode yang lebih efisien.
Dapat dimengerti oleh browser lawas (backwards compatible). Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi.
Dulu, untuk bisa memberikan interaksi menggambar di halaman web kita harus memakai applet Java atau Flash. HTML 5 akan memberikan satu opsi tambahan berupa canvas. Seperti namanya, canvas adalah media yang bisa dicorat-coret langsung. Tidak lagi perlu memuat plugin khusus
Embed Audio Video Secara Langsung
Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana.
Penulisan kode yang lebih efisien.
Dapat dimengerti oleh browser lawas (backwards compatible). Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi.
Beberapa struktur element baru yang hadir di HTML 5
1. header
Element header mengandung informasi awal dari sebuah seksi atau halaman. Ini bisa mengacu pada dokumen kita hingga seluruh isi konten.
2. nav
Element nav digunakan untuk menampung link menuju halaman lain, atau menuju bagian lain di halaman yang sama.
3. section
Element section mewakili bagian dari halaman atau aplikasi. Element ini mirip dengan div.
4. article
Element article mewakili bagian tertentu dari dokumen yang bisa berdiri sendiri.
5. aside
Mewakili konten yang berhubungan dengan area utama dari dokumen. Biasanya dimiliki oleh sidebar yang berisi ‘related post’,'tag clouds’, dll.
6. footer
Digunakan sebagai tanda, tidak hanya pada halaman, tapi semua bagian yang ada. Bisa dibilang kita menggunakan footer lebih dari satu kali.
Aplikasi framework yang menggunakan HTML5
1.Twitter Bootstrap
Bootstrap
adalah populer, pengembangan kerangka front-end/UI modern. Ini fitur penuh dan
akan memiliki sebagian besar hal-hal yang Anda perlukan untuk mengembangkan
situs responsif dan aplikasi. Bootstrap
memiliki tata letak yang responsif 12-grid, 13 plugin jQuery kustom untuk UIS
umum seperti komidi putar dan modal windows, customizer Bootstrap, dan banyak
lagi. Bootstrap terdokumentasi dengan baik,
dan ini proyek open source memiliki banyak liputan di blog dan situs tutorial.
2.Foundation
Yayasan populer
kerangka front-end lain responsif. Dengan kerangka HTML5 modern, Anda bisa
mendekati desain web baik mobile pertama, atau dari layar yang besar ke ukuran
mobile.
Ini memiliki kemampuan cepat-prototyping, sistem grid responsif dan banyak
lagi.
Yayasan adalah dengan ZURB, sebuah perusahaan desainer produk difokuskan pada
penyediaan solusi berbasis web.
3.Skeleton
Skeleton adalah
responsif boilerplate CSS sederhana dan bersih untuk HTML5 website dan
aplikasi. Itu punya hanya hal yang Anda butuhkan, dan tidak lebih.
Beberapa fitur utama: a grid layout responsif, pertanyaan media standar untuk
perangkat-spesifik gaya properti CSS, kelas CSS untuk elemen gambar responsif
yang skala dengan grid layout, template PSD untuk mengejek desain web Anda, dan
HTML5 belati untuk old web browser.
4.HTML Boilerplate
Pada tahun
2010, HTML5 Boilerplate menjadi salah satu yang pertama, dan front-end
kemudian, paling populer alat pengembangan web open source untuk mendapatkan
HTML5 website dan aplikasi web dan berjalan dalam waktu singkat. Ini adalah
solusi pengembangan web kompilasi yang memungkinkan situs kami untuk mendukung
web browser modern.
Termasuk dalam HTML5 Boilerplate adalah HTML template seluler-anak, ikon
placeholder, CSS reset untuk normalisasi / standarisasi nilai properti
stylesheet Anda, pertanyaan media standar untuk layar populer melihat, sebuah
belati HTML5 untuk web browser non-modern
5.HTML kickstar
Salah satu anak
terbaru di blok, HTML5 Kickstart adalah paket ramping dan rata-rata HTML, CSS,
dan file JavaScript yang menjanjikan untuk menyelamatkan pengembang UI jam
kerja.
Pada sekitar 300KB, HTML Kickstart paket cukup pukulan: komponen UI seperti
tombol bergaya dan bar navigasi, ikon scalable (menggunakan Font mengagumkan),
tata letak jaringan responsif, slideshow komponen sentuhan-enabled dan
sebagainya.
6.Montage HTML framework
Montage adalah kerangka HTML5 open source untuk membangun aplikasi modern.
JavaScript perpustakaan ini menggunakan mengikat deklaratif yang dengan mudah
membantu Anda menyimpan data aplikasi Anda dan UI di sync.
Montase juga memiliki fitur yang disebut Blueprints untuk metadata
associatively mengikat ke objek app - fungsi yang cukup bagus untuk menangani
dengan banyak elemen halaman dinamis.
7.Sproutcore
SproutCore
adalah kerangka front-end untuk membangun aplikasi HTML5 cepat.
Ini mengikuti pola arsitektur MVC dan menjanjikan penggunanya kemampuan untuk
kerajinan pengalaman pengguna asli seperti untuk Web.
8.Zebra
Zebra adalah UI
framework open source yang kaya yang memanfaatkan HTML5 kanvas sebagai tulang
punggung kemampuan render.
Zebra mengatakan bahwa menggunakannya "bukan ilmu roket" dan bahwa
Anda bisa memulai dalam 5 menit.
9. Createjs
CreateJS adalah
suite perpustakaan JavaScript open source dan alat untuk membuat kaya, konten
interaktif HTML5. Ini terdiri dari 5 perpustakaan JavaScript modular. Ini akan
membantu Anda dengan menerapkan efek animasi, mendukung HTML5 audio dalam situs
Anda, dan banyak lagi.
10.Less Framework
Kurang Framework adalah kerangka front-end yang modern untuk membangun desain responsif. Mirip dengan Skeleton (dibahas di atas), Kurang Kerangka berfokus pada menjadi hanya kerangka grid layout polos dan sederhana.
Ini memiliki 4 layout pre-built: Default, Tablet, Handphone dan Luas Mobile.
Kurang Framework adalah kerangka front-end yang modern untuk membangun desain responsif. Mirip dengan Skeleton (dibahas di atas), Kurang Kerangka berfokus pada menjadi hanya kerangka grid layout polos dan sederhana.
Ini memiliki 4 layout pre-built: Default, Tablet, Handphone dan Luas Mobile.
SUMBER:
http://rudichiv.blogspot.com/2013/11/normal-0-false-false-false-en-us-x-none_3021.html
