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 :
<header>
• 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>
<footer> diletakkan dibagian bawah website.
0 komentar:
Posting Komentar