PENGENALAN HTML5
HTML5 merupakan sebuah bahasa markah untuk
menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti
dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011
masih dalam pengembangan.
Tujuan utama pengembangan HTML5 adalah untuk
memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah
dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
HTML5 baru mencuat pada April 2010 setelah CEO Apple
Inc., Steve Jobs, mengatakan bahwa dengan pengembangan HTML5, "Adobe Flash
sudah tidak dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten
apapun di web."
1.
DOCTYPE UNTUK HTML5
DOCTYPE adalah instruksi untuk web browser tentang apa versi
bahasa markup halaman yang ditulis. Deklarasi DOCTYPE mengacu pada Document
Type Definition(DTD).DTDmenetapkan aturan untuk bahasa markup,
sehingga browser dapat membuat konten halaman tersebut dengan benar. Penggunaan
DOCTYPE pada html5 lebih di sederhanakan.
Contoh
Penggunaan:
|
<!DOCTYPE
html>
<html>
<head>
<meta charset=”UTF-8”
<title>Judul pada dokumen</title>
</head>
<body>
Isi
dokumen...
</body>
</html>
|
2. PENJELASAN TAG-TAG HTML5
- <header>, digunakan untuk area header(bagian atas sebuah
halaman web).
- <article>,
untuk tempat meletakkan artikel atau
tulisan dihalaman web.
- <aside>,
digunakan sebagai penambah informasi
utama didalam halaman web. Biasanya berupa peringatan, catatan, dll.
- <section>,
untuk menentukan seksi-seksi
dokumen. Misalnya bagian yg mendefinisikan sebagai profil, kontak, berita, dan
sebagainya.
- <figure>,
Menentukan konten mandiri, seperti
diagram, foto, daftar kode, dll
- <figcaption>,
Mendefinisikan caption untuk elemen
<figure>
Contoh Penggunaan:
|
<!DOCTYPE
html>
<html>
<head>
<meta charset=”UTF-8”
<title>Fitur HTML</title>
</head>
<body>
<header>
<h2>
Tutorial HTML5</h2>
</header>
<article>
Web
hypertext aplication teknologi working group(WHATWG) memulai membuat standar
baru ini pada tahun2004 ketika konstorium w3c sedang fokus pada pengembangan
XHTML2.0 di masa depan sementara HTML 4.01 belum ada perubahan sejak tahun
2000<br/>
<b>sejak
tahun 2009</b>,w3c & XHTML bekerja sama dlm pengembangan
HTML<br/>
Dibawah
ini logo HTML5 yaitu:
</article>
<footer>
<p><h4>copyright
©2004 admin</h4></p>
<footer>
</body>
</html>
|
3.
VIDEO
Digunakan untuk memasukkan video,
misalnya ingin memutar video kedalam halaman web.Pada versi HTML sebelumnya
untuk memutar video pada sebuah web menggunakan plugins tambahan yang
biasa disebut flash Player.
- Tag Video Pada HTML5, setidaknya ada 3 jenis format
videoyang mendukung yaitu :
a. Ogg(File Ogg
dengan Video Codec Theora dan Audio Codec Vorbis) (.ogg)
b. MPEG4(File MPEG4 dengan Video Codec H.264
dan Audio Codec AAC) (.mp4)
c. WebM(File WebM
dengan Video Codec VP8 dan Audio Codec Vorbis)(.webm)
d. Apabila anda mempunyai video dengan format video bukan
ogg, mp4, dan webm. Anda bisa menggunakan aplikasi video converter salah
satunya miro video converter. Tag <video> Sintaks
Penulisanya :
|
<video
src="judulvideo.ogg" controls="controls">
</video>
|
atau
|
<videocontrols="controls"><source
src="judulvideo.webm" type="video/webm"></
video>
|
4. AUDIO
Digunakan untuk memasukkan suara/audio,
misalnya ingin memutar lagu kedalam halaman web.Ketika di generasi sebelumnya
(HTML 4.01) memasukkan audio ke dalam web masih harus menggunakan flash.
Tag Audio Pada HTML5, setidaknya ada 3 jenis format audioyang
mendukung yaitu:Ogg, MP3, Wav.
Sintaks Penulisanya :
|
<audio
controls="controls"><source src="judullagu.mp3"
type="audio/mp3"></audio>
|
5.
INPUT FORM BARU DI HTML5
Macam -macam
jenis input form baru di HTML5 yaitu:
a. email
b. url
c. number
d. range
e. Date pickers (date, month, week, time, datetime,
datetime-local)
f. search
g. color
h. tel (tipe ini belum support jadi tidak ada perubahan)
Sintaks
Penulisanya :
|
<input type="jenis"/>
|
