Archive

Posts Tagged ‘tutorial html5’

Tag-tag HTML 5 yang harus Anda ketahui

30 August 2012 2 comments

1. Apa itu HTML 5?

Jika kita perhatikan secara seksama komponen yang digunakan dalam halaman website yang rich content, para web developer dikagetkan dengan adanya flash yang sebenarnya bukan web, tetapi aplikasi yang dijalankan di atas sites.Sebagian besar orang menggunakan flash sehingga tak ada rujukan bahasa standar seperti HTML dan XHTML untuk sebuah halaman website, serta memperburuk jaringan karena setiap kali kita membuka halaman flash, seolah-olah jaringan dipaksa untuk mengambil seluruh konten yang ada di server akhirnya beban nya sangat tinggi.

Namun setelah berkembangnya javascript beserta AJAX nya, flash pun berangsur-angsur ditinggalkan karena “kecanggihan” nya hampir menyamai Flash. Tetapi satu lagi kekurangan yang harus dihadapi adalah tidak adanya bahasa standar yang digunakan secara world wide dalam menggunakan js, ini seperti tak adanya validator untuk bahasa ini sehingga perkembangannya benar-benar terlalu rapid soalnya bukan dikembangkan oleh organisasi W3 tetapi oleh komunitas seperti mootools dan jquery.

Karena alasan tersebut, W3.org sebagai organisasi resmi world wide, mengharuskan pembuatan standar baru setelah XHTML yang sudah tak mampu “menampung kekayaan” konten masa kini. Dibuatlah standar bahasa mark up baru yaitu HTML 5.

Selain terdapatnya fungsi-fungsi baru, HTML5 juga memberikan beberapa kemudahan seperti pada bagian awal file HTML kita tidak lagi dipusingkan menulis coding DOCTYPE yang panjang :

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

Pada HTML5, DOCTYPE dapat ditulis lebih ringkas :

<!DOCTYPE html>

Kemudian pada baris berikutnya kita tulis seeprti ini:

<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />

Versi HTML5 berubah menjadi :

<meta charset=”utf-8″ />

Selain itu, coding CSS dan Javascript pada HTML5 tidak perlu lagi menulis seperti type=text/css dan type=text/javascript :

<style>
* { margin:0px; padding:0px;}
</style>

 

<script type="text/javascript" src="”http://www.google.com/jquery.js”"></script>&nbsp;

HTML5 juga menghilangkan beberapa tag ataupun element yang telah jarang dipakai dan digantikan oleh CSS seperti acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u. Read more…

Advertisements
%d bloggers like this: