HTML
(HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan
konsep
hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada
suatu
bahasa
pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu
naskah teks dan bukan sebagai program.
Berdasarkan
kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :
Hypertext
Link
hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah
dokumen
dengan
naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link
ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah
atau dokumen yang kita tuju.
Markup
Pada
pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu
intruksi
tertentu
yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada
World
Wide
Web.
Language
Meski
HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari
beberapa
instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau
dokumen.
Pada
awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up
Language).
Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka
HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format
dokumen yang
berorientasi
pada aplikasi.
Penggunaan
HTML memungkinkan kita untuk memodifikasi tampilan atau format dokumen yang
akan kita transmisikan melalui media Internet. Beberapa hal yang dapat
dilakukan dalam menentukan format dokumen ini adalah :
•
Kita dapat menampilkan suatu kelompok kata dalam beberapa
ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
•
Kita dapat menampilkan teks dalam bentuk cetakan tebal
•
Kita dapat menampilkan sekelompok kata dalam bentuk miring
•
Kita dapat menampilkan naskah dalam bentuk huruf yang mirip
dengan hasil ketikan mesin ketik
•
Kita dapat mengubah-ubah ukuran font untuk suatu karakter
tertentu.
FITUR – FITUR TAMBAHAN HTML5
HTML5 Canvas
Untuk
memberikan suatu 'interaksi' pada website yang kita miliki, misalnya Flash atau
Java. Hal ini akan diganti oleh elemen <canvas> pada HTML5 sebagai canvas
WEB – kertas yang bias dicoreti sesuai imajinasi – atau dalam hal lain, Canvas
memungkinkan untuk bereksperimen lebih pada HTML5.
Audio dan Video
Di
HTML5 akan ada tag khusus untuk audio dan video file. Tag tersebut adalah
<audio> dan <video> yang berfungsi untuk menyisipkan file audio dan
video. Berbeda dengan versi HTML pendahulunya yang harus menyisipkan flash
untuk memutar audio/video, HTML5 akan dengan mudah menyisipkan file multimedia
tersebut ke dalam webnya.
Local Storage
Berfungsi
sebagai pengganti cache sebagai media penyimpanan history halaman web. Local
Storage memungkinkan web untuk menyimpan data cache lebih besar di storage
local-nya daripada cache pada browser biasa.
Web Workers
Seringkali
kita menemukan jika halaman web yang memiliki banyak Javascript membuat browser
melambat dan komputer nge-hang. Tetapi dengan adanya Web Workers memungkinkan
halaman web untuk memproses Javascript yang mereka miliki dengan respon yang
lebih cepat dan multitasking.
Semantics
Ini
adalah fitur yang paling menawan untuk web designer. Para web designer yang
suka sekali memainkan elemen div, nav, dan lainnya, akan di-stop oleh fitur
Semantics dalam HTML5. Semantics akan menjadi masa depan bagi para tetua tag
layout dan format. Pastinya web akan menjadi lebih dinamis dan menarik akibat
fitur ini.
YANG PERLU DIKETAHUI TENTANG HTML5
1. DOCTYPE
DOCTYPE
ditulis sebelum tag <html>. Fungsi dari DOCTYPE adalah memberitahukan
kebrowser
bahwa
tipe dokumen yang digunakan adalah HTML.
Dalam
dokumen HTML versi sebelumnya DOCTYPE dituliskan dengan :
<!DOCTYPE
HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
Sedangkan
dalam HTML5 DOCTYPE Cuma ditulis :
<!DOCTYPE
HTML>
2. Tidak adanya Type pada script dan link
source
code yg baru :
<link
rel=”stylesheet” href=”path/to/stylesheet.css” />
<script
src=”path/to/cript.js”></script>
source
code yg lama :
<link
rel=”stylesheet” href=”path/to/stylesheet.css” type=”text/css”
/>
<script
type=”text/javascript” src=”path/to/cript.js”></script>
3. Attribute Required
Form mempunyai fitur baru yaitu required
attribute, yang akan mengecek isi dari sebuah input text apakah kosong atau
tidak saat di-submit. Jika kosong maka form tidak akan di-submit.
<input type=”text” name=”someinput”
required>
4. Mendukung audio
HTML
5 mengenalkan <audio> element sudah mendukung penuh terhadap penggunaan
audio pada
halaman
web.
Penggunaannya
seperti kode dibawah
<audio
autoplay=”autoplay” controls=”controls”>
<source
src=”music.mp3” />
Unduh
File ini.
</audio>
5. Mendukung video
Dan
hebatnya lagi HTML juga mengenalkan <video> element. Tapi karena codec
format video tidak
semua
browser mendukung, jadi video yang bisa diputar tergantung dari browser.
Penggunaannya
seperti kode dibawah :
<video
controls preload>
<source
src=”contohvideo.ogv” type=”video/ogg; codecs=’vorbis, theora’” />
<source
src=”contohvideo.mp$” type=”video/mp4; ‘codecs=’avc1.42E01E, mp4a.40.2’” />
<p>
Browser tidak mendukung, <a hreh=”contohvideo.mp4> Silahkan unduh
video.</a> </p>
</video>
Tag-tag baru yang letaknya didalam <body>
<header>
<div
id="header">
Didalam
<header> ini bisa kita isi macam-macam, misal logo, navigasi, heading dan
lain-lain. Bahkan diisi <div> pun tidak masalah.
<hgroup>
Jika
kita memiliki satu atau lebih dari satu heading berurutan <h1> -
<h6> maka kita bisa mengelompokkannya dengan <hgroup>.
<nav>
<nav>
digunakan untuk ngelink kehalaman-halaman utama dari website atau bagian dari
halaman itu sendiri. Kalau untuk paging, Social Networking atau list-list yang
lain yang menggunakan <ul> nggak perlu dikasih <nav>.
<section>,
<article> dan <time>
Sesuai
namanya <article> digunakan untuk membungkus teks artikel atau teks utama
dalam halaman web. Apabila kita memiliki list atau daftar
<article>, misal blog, maka kita perlu membungkusnya dengan
<section> jika ada elemen lain yang bukan <article> dan menerangkan
tentang <article>.
<time>
digunakan
untuk menunjukan waktu, biasanya digunakan untuk menunjukkan waktu publish
artikel, komentar, forum dan lain sebagainya. <time>memiliki atribut
datetime yang berisi waktu bisa dalam format yyyy-mm-dd atau jam seperti 19:00.
<figure> dan <figcaption>
<figure>
digunakan sebagai pembungkus untuk tag <img>. Tetapi tidak selalu semua
tag<img> kita bungkus dengan <figure>, hanya gambar-gambar yang
utama saja atau gambar-gambar yang ingin kita beri label. Nah kita memberi
labelnya dengan <figcaption>.
<aside>
<aside>
digunakan sebagai sidebar pada website.
<footer>