HTML5 adalah sebuah bahasa markah untuk

advertisement
HTML5 adalah sebuah bahasa markah untuk
menstrukturkan dan menampilkan isi dari Waring
Wera Wanua, sebuah teknologi inti dari Internet.
HTML5 adalah revisi kelima dari HTML (yang
pertama kali diciptakan pada tahun 1990 dan versi
keempatnya, HTML4, pada tahun 1997) 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 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web
Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis
dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan
HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan
secara berbeda-beda oleh banyak perangkat lunak pembuat web.
Sejarah
Kelompok Kerja Teknologi Aplikasi Web Hyperteks (Web Hypertext Application Technology
Working Group, WHATWG) mulai membuat standar baru ini pada tahun 2004 ketika
Konsortium W3C sedang fokus pada pengembangan XHTML 2.0 di masa depan, sementara
HTML 4.01 belum pernah diperbarui sejak tahun 2000. Sejak tahun 2009, W3C dan
WHATWG bekerja sama dalam pengembangan HTML5 setelah W3C mengakhiri Kelompok
Kerja Pengembangan XHTML 2.0.
Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama, 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."
Proses standardisasi W3C
Kelompok
kerja
untuk
teknologi
aplikasi
web
hypertext
(WHATWG)
mulai
menspesifikasikan HTML5 pada bulan juni 2004 dengan nama Web Applications 1.0, hingga
pada bulan maret 2010 spesifikasi ini masuk ke bagian draft standar di WHATWG, dan ke
dalam bagian pengurusan draft di W3C. Ian Hickson mewakili Google ,Inc menjadi editor
HTML5.
Pada tahun 2007 Spesifikasi HTML5 diadopsi sebagai pekerjaan permulaan untuk grup baru
yang mengurus HTML di World Wide Web Consorsium (W3C). Grup ini pertama kali
mempublikasikan hasil draft pekerjaan pertama mereka pada tanggal 22 januari 2008.
Spesifikasi ini berstatus dalam tahap pengerjaan, dan diperkirakan akan tetap demikian
selama bertahun-tahun, meskipun sebagian dari HTML5 sudah dalam tahap penyelesaian dan
diimplementasikan pada penjelajah web sebelum keseluruhan spesifikasinya mencapai status
rekomendasi final.
Berdasarkan pada jadwal kerja W3C, HTML5 diperkirakan menjadi kandidat rekomendasi
pada akhir tahun 2010. Namun, publikasi pertama draft HTML 5 meleset selama 8 bulan.
Permintaan dokumen terakhir dan tahap kandidat rekomendasi diharapkan dapat dicapai pada
tahun 2008, tetapi hingga bulan Juli 2010 HTML 5 masih dalam tahapan draft pengerjaan di
W3C. WHATWG telah meminta penyelesaian terakhir untuk HTML5 sejak bulan oktober
tahun 2009.
Editor HTML5, Ian Hickson, berharap spesifikasi HTML5 dapat mencapai tahap kandidat
rekomendasi pada tahun 2012. Kriteria di W3C agar sebuah spesifikasi dapat berstatus Direkomendasikan - adalah "yang kedua: 100% selesai dan penerapannya dapat dilakukan
pada dua atau lebih sistem yang berbeda". Pada wawancaranya dengan TechRepublic,
Hickson memperkirakan hal ini baru akan terjadi pada tahun 2022 atau setelahnya. Meski
demikian, banyak bagian dari spesifikasi sudah stabil dan telah dapat diterapkan pada produk:
Beberapa bab secara relatif telah stabil, maka dari itu implementasinya juga sudah hampir
mendekati penyelesaian, dan fitur tersebut sudah dapat digunakan hari ini (misalnya: tag
<canvas>).
—WHAT Working Group, When will HTML5 be finished?
Markup
Pada HTML 5 diperkenalkan beberapa elemen baru dan atribut yang merefleksikan tipikal
penggunaan website modern. Beberapa diantaranya adalah pergantian yang bersifat semantik
pada blok yang umum digunakan: yaitu elemen (<div>) dan inline (<span>), sebagai contoh
(<span>) (sebagai blok navigasi website) dan <footer> (biasanya dikaitkan pada bagian
bawah suatu website atau baris terakhir dari kode html). Banyak elemen lain yang
memberikan kegunaan baru melalui antar muka yang telah distandarkan, seperti elemen
multimedia <audio> dan <video>.[14][15][16] Beberapa elemen yang telah ditinggalkan juga
ditiadakan, termasuk elemen presentasi semata seperti <font> dan <center>, yang sebenarnya
dapat dikerjakan menggunakan Cascading Style Sheet (CSS).
API baru
Untuk menambah keluwesan pemformatan, pada HTML5 telah dispesifikasikan pengkodean
application programming interfaces (APIs). antarmuka document object model (DOM) yang
ada dikembangkan dan fitur de facto didokumentasikan. Beberapa APIs terbaru pada HTML5
antara lain :

Elemen canvas, sebagai mode untuk menggambar object dua dimensi (2D). Lihat
spesifikasi 1.0 untuk canvas 2D.

Timed media playback

Media penyimpanan luring (aplikasi web luring). Lihat Web Storage

Penyuntingan dokumen

Drag and Drop

Cross-document messaging

Manajemen sejarah kunjungan penjelajah web

Tipe MIME dan penanggung jawab protokol registrasi.
Tidak semua teknologi di atas dimasukkan pada spesifikasi HTML5 W3C, meski teknologi
tersebut telah termaktub dalam spesifikasi milik WHATWG HTML. Beberapa teknologi
yang juga terkait namun tidak dijadikan bagian dalam spesifikasi HTML5 W3C dan
WHATWG HTML5 adalah :

Geolocation

Web SQL Database, media penyimpanan database lokal.

API Database terindeks, mode penyimpanan hierarkis key-value (WebSimpleDB).
Kode kode HTML 5
Tag
<!--...-->
Description
New in
HTML5?
Specifies a comment
<!DOCTYPE> Specifies the document type
<a>
Specifies a hyperlink
<abbr>
Specifies an abbreviation
<address>
Specifies an address element
<area>
Specifies an area inside an image map
<article>
Specifies an article
NEW
<aside>
Specifies content aside from the page content
NEW
<audio>
Specifies sound content
NEW
<b>
Specifies bold text
<base>
Specifies a base URL for all the links in a page
<bdi>
For bi-directional text formatting
<bdo>
Specifies the direction of text display
<blockquote>
Specifies a long quotation
<body>
Specifies the body element
<br>
Inserts a single line break
<button>
Specifies a push button
<canvas>
Define graphics
<caption>
Specifies a table caption
<cite>
Specifies a citation
<code>
Specifies computer code text
<col>
Specifies attributes for table columns
<colgroup>
Specifies groups of table columns
<command>
Specifies a command
NEW
<data>
Allows for machine-readable data to be provided
NEW
<datagrid>
Allows for an interactive representation of tree, list, or
tabular data
NEW
<datalist>
Specifies an "autocomplete" dropdown list
NEW
<dd>
Specifies a definition description
<del>
Specifies deleted text
<details>
Specifies details of an element
NEW
NEW
NEW
Tag
Description
<dfn>
Defines a definition term
<div>
Specifies a section in a document
<dl>
Specifies a definition list
<dt>
Specifies a definition term
<em>
Specifies emphasized text
<embed>
Specifies external application or interactive content
<eventsource> Specifies a target for events sent by a server
New in
HTML5?
NEW
NEW
<fieldset>
Specifies a fieldset
<figcaption>
Specifies caption for the figure element.
NEW
<figure>
Specifies a group of media content, and their caption
NEW
<footer>
Specifies a footer for a section or page
NEW
<form>
Specifies a form
<h1>
Specifies a heading level 1
<h2>
Specifies a heading level 2
<h3>
Specifies a heading level 3
<h4>
Specifies a heading level 4
<h5>
Specifies a heading level 5
<h6>
Specifies a heading level 6
<head>
Specifies information about the document
<header>
Specifies a group of introductory or navigational aids,
including hgroup elements
NEW
<hgroup>
Specifies a header for a section or page
NEW
<hr>
Specifies a horizontal rule
<html>
Specifies an html document
<i>
Specifies italic text
<iframe>
Specifies an inline sub window (frame)
<img>
Specifies an image
<input>
Specifies an input field
<ins>
Specifies inserted text
<kbd>
Specifies keyboard text
<keygen>
Generates a key pair
<label>
Specifies a label for a form control
<legend>
Specifies a title in a fieldset
NEW
Tag
Description
New in
HTML5?
<li>
Specifies a list item
<link>
Specifies a resource reference
<mark>
Specifies marked text
<map>
Specifies an image map
<menu>
Specifies a menu list
<meta>
Specifies meta information
<meter>
Specifies measurement within a predefined range
NEW
<nav>
Specifies navigation links
NEW
<noscript>
Specifies a noscript section
<object>
Specifies an embedded object
<ol>
Specifies an ordered list
<optgroup>
Specifies an option group
<option>
Specifies an option in a drop-down list
<output>
Specifies some types of output
<p>
Specifies a paragraph
<param>
Specifies a parameter for an object
<pre>
Specifies preformatted text
<progress>
Specifies progress of a task of any kind
<q>
Specifies a short quotation
<ruby>
Specifies a ruby annotation (used in East Asian typography)
NEW
<rp>
Used for the benefit of browsers that don't support ruby
annotations
NEW
<rt>
Specifies the ruby text component of a ruby annotation.
NEW
<s>
Indicates text that's no longer accurate or relevant.
<samp>
Specifies sample computer code
<script>
Specifies a script
<section>
Specifies a section
<select>
Specifies a selectable list
<small>
Specifies small text
<source>
Specifies media resources
<span>
Specifies a section in a document
<strong>
Specifies strong text
<style>
Specifies a style definition
NEW
NEW
NEW
NEW
NEW
Tag
Description
New in
HTML5?
<sub>
Specifies subscripted text
<summary>
Specifies a summary / caption for the <details> element
<sup>
Specifies superscripted text
<table>
Specifies a table
<tbody>
Specifies a table body
<td>
Specifies a table cell
<textarea>
Specifies a text area
<tfoot>
Specifies a table footer
<th>
Specifies a table header
<thead>
Specifies a table header
<time>
Specifies a date/time
<title>
Specifies the document title
<tr>
Specifies a table row
<track>
Specifies a text track for media such as video and audio
<u>
Specifies text with a non-textual annotation.
<ul>
Specifies an unordered list
<var>
Specifies a variable
<video>
Specifies a video
NEW
<wbr>
Specifies a line break opportunity for very long words and
strings of text with no spaces.
NEW
NEW
NEW
NEW
Download