Thursday, June 13, 2013

Apa Saja Yang Baru di HTML5

!DOCTYPE
Agar browser memperlakukan suatu dokumen HTML dengan benar, browser perlu mengetahui !DOCTYPE yang digunakan oleh dokumen.

Di versi sebelum HTML5, penulisan !DOCTYPE ribet. Tetapi di HTML5 cukup:

<!DOCTYPE html>

Atau

<!doctype html>

Character Set
Seperti !DOCTYPE, di HTML5 untuk mendeklarasikan CHARSET juga dipersingkat. Sebagai contoh sebelum HTML5:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Di HTML5:

<meta charset="utf-8">

SCRIPT dan LINK
Biasanya praktek umum sebelum HTML5 selalu menambahkan atribut TYPE dengan nilai text/javascript untuk elemen SCRIPT. Tetapi di HTML5 cukup dengan:

<script src="JsFile.js"></script>

Atau

<script> //disini kode-kode JavaScript </script>

Begitupun dengan elemen LINK, tanpa TYPE:

<link rel="stylesheet" href="CssFile.css">

Elemen tambahan di HTML5
ARTICLE, ASIDE, BDI, COMMAND, DETAILS, SUMMARY, FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP, MARK, METER, NAV, PROGRESS, RUBY, RT, RP, SECTION, TIME, WBR, AUDIO, VIDEO, SOURCE, EMBED, TRACK, CANVAS, DATALIST, KEYGEN, dan OUTPUT.

Elemen yang tidak lagi digunakan di HTML5: ACRONYM, APPLET, BASEFONT, BIG, CENTER, DIR, FONT, FRAME, FRAMESET, NOFRAMES, STRIKE, dan TT.

Web Storage
Web Storage memungkinkan situs web menyimpan informasi pada komputer klien (browser pengguna) dan mendapatkan kembali informasi tersebut dikemudian waktu jika memang diperlukan oleh situs web yang bersangkutan.

Nilai baru TYPE untuk INPUT
color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url, week.

VIDEO dan SOURCE
Di HTML5 untuk menampilkan video atau memuat musik ke dalam halaman web cukup gunakan elemen VIDEO dan SOURCE.

Untuk VIDEO dan SOURCE silahkan ke halaman Memainkan Video Di Web Menggunakan HTML5 dan Memainkan Audio Di Web Menggunakan HTML5.

CANVAS
Di HTML5 ada elemen CANVAS untuk menggambar graphics pada halaman web, dan secara aktual untuk menggambar graphics diperlukan scripting (umumnya JavaScript).

Ada beberapa lagi, antara lain: HTML5 SVG, HTML5 Drag/Drop, HTML5 Geolocation, HTML5 Audio, HTML5 App Cache, HTML5 Web Workers, HTML5 SSE.