HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan
isi dariWaring
Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dariHTML (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.
Standardisasi
proses
Mozilla Foundation dan <judul = "Opera <br
/> <br /> <br />
Software "href ="
http://en.wikipedia.org/wiki/Opera_Software "> Opera Software
mempresentasikan sebuah makalah posisi pada lokakarya World Wide Web Consortium
(W3C) pada bulan Juni 2004, dengan fokus pada pengembangan teknologi yang
kompatibel dengan yang ada browser, termasuk spesifikasi draft awal Formulir
Web 2.0. Lokakarya diakhiri dengan pemungutan suara, 8 untuk, 14 menentang,
untuk melanjutkan pekerjaan pada HTML. Sebulan kemudian, bekerja berdasarkan
kertas posisi pindah ke Hypertext Web baru dibentuk Aplikasi Teknologi Kelompok
Kerja (WHATWG), dan draf kedua, Aplikasi Web 1.0, juga diumumkan. Kedua
spesifikasi tersebut kemudian bergabung untuk membentuk HTML5.
Spesifikasi HTML5 diadopsi sebagai titik awal dari
kerja kelompok kerja baru HTML dari W3C pada tahun 2007. Kelompok kerja ini
menerbitkan Draft Umum Pertama Bekerja dari spesifikasi pada 22 Januari 2008.
Bagian dari HTML5 telah dilaksanakan di browser meskipun spesifikasi
keseluruhan belum memiliki mencapai status Rekomendasi akhir.
Menurut jadwal W3C aslinya, diperkirakan bahwa HTML5
akan mencapai Rekomendasi W3C pada tahun 2010-an, setelah Panggilan Terakhir
pada tahun 2008. Namun, perkiraan Draft Pertama Kerja Publik terjawab oleh
delapan bulan, dan Call terakhir hanya mencapai pada tahun 2011.
Pada tanggal 14 Februari 2011, W3C diperpanjang piagam
dari Kelompok Kerja HTML dengan tonggak yang jelas untuk HTML5. Pada Mei 2011,
kelompok kerja canggih HTML5 untuk "Panggilan terakhir", undangan untuk
masyarakat di dalam dan di luar W3C untuk mengkonfirmasi kesehatan teknis
spesifikasi. W3C sedang mengembangkan sebuah suite tes komprehensif untuk
mencapai interoperabilitas luas untuk spesifikasi penuh pada tahun 2014, yang
sekarang tanggal target Rekomendasi.
Markup
HTML5 memperkenalkan sejumlah elemen baru dan atribut
yang mencerminkan penggunaan khas di modernwebsites. Beberapa dari mereka
adalah pengganti semantik untuk keperluan umum blok generik (<div>) dan
(<span>) inline elemen, misalnya <nav> (website navigasi blok),
<footer> (biasanya mengacu pada bagian bawah halaman web atau baris
terakhir dari kode HTML), atau <audio> dan <video> bukan
<object>. Beberapa elemen dari HTML 4.01 usang telah dijatuhkan, termasuk
presentasional murni elemen seperti <font> dan <center>, yang
efeknya dicapai dengan menggunakan Cascading Style Sheets. Ada juga penekanan
baru tentang pentingnya DOM scripting (misalnya, JavaScript) dalam perilaku
Web.
Sintaks HTML5 tidak lagi didasarkan pada SGML
[<rentang title = "Materi dalam <br /> <br /> <br />
sekitar tag ini mungkin tidak faktual atau akurat dari
Desember 2011 "> meragukan -.. mendiskusikan] meskipun kesamaan markup
nya Hal ini, bagaimanapun, telah dirancang untuk menjadi kompatibel dengan
parsing umum versi HTML Muncul dengan baris pengantar baru yang terlihat
seperti deklarasi tipe dokumen SGML, <DOCTYPE html!>, yang memicu modus
render standar-compliant. Pada 5 Januari 2009, HTML5 juga mencakup Formulir Web
2.0, spesifikasi WHATWG sebelumnya terpisah.
API di
HTML 5
Dalam
HTML 5 terdapat beberapa API yang terintegrasi dengan beberapa elemen dari HTML
5 tersebut, dan ini adalah API tersebut (informasi ini dari www.w3.org)
:
·
2D
Drawing API, adalah API
yang dapat digunakan untuk manipulasi image 2D yang terintegrasi dengan elemen
canvas.
·
Audio
and Video API, adalah
API yang dapat digunakan untuk memutar dan memainkan media Video dan Audio. API
ini sudah terintegrasi dengan elemen audio dan video dari HTML 5.
·
API
yang memungkinkan untuk membuat offline web application.
·
API
yang memungkinkan web application dapat meregister sendiri untuk
beberapa tipe protokol dan media.
·
Editing
API di
kombinasikan dengan atribut content editable global yang baru.
·
Drag
and Drop API
di kombinasikan dengan atribut drag-able.
·
API
yang dapat mengekspos histori dari browser untuk menambahkan halaman web yang
sedang di akses sehingga bisa menambahkan tombol Back di halaman web.
·
Cross-document
messaging.
Seperti
yang anda lihat, prinsip dari API yang disediakan dari HTML 5 ini adalah agar
developer lebih mudah dalam membuat sebuah aplikasi web. Silahkan lihat point
ketiga yaitu API untuk offline web application, ini
merupakan kabar baik untuk user dan developer atau programmer karena dapat
menciptakan aplikasi web yang penuh fitur padaoffline environment. Anda dapat berharap banyak
aplikasi favorit anda mengikuti Gmail dalam memperkenalkan offline
access.
HTML5 terkait
API. HTML5 & CSS3 Referensi Cepat oleh Sergey Mavrody.
• Geolocation
• <a title = "Web <br /> <br />
<br />
SQL Database "href ="
http://en.wikipedia.org/wiki/Web_SQL_Database "> Web SQL Database,
Database SQL lokal (tidak lagi dipertahankan).
• The Indexed Database API, yang hirarkis diindeks
kunci-nilai toko (sebelumnya WebSimpleDB). • API File, Menangani upload file
dan manipulasi file
• Direktori dan Sistem. API ini dimaksudkan untuk
memenuhi kasus penggunaan client-side-penyimpanan tidak dilayani dengan baik
oleh database.
• File Writer. Sebuah API untuk menulis ke file dari
aplikasi web.
HTML5 sendiri tidak dapat memberikan animasi dalam
halaman web. Entah JavaScript atau CSS3 diperlukan untuk menghidupkan elemen
HTML. Animasi juga mungkin menggunakan JavaScript dan HTML 4, dan dalam elemen
SVG melalui SMIL, meskipun browser yang mendukung kedua tetap tidak merata pada
2011.
Xhtml5
Xhtml5 adalah serialisasi XML dari HTML5. Dokumen XML
harus disajikan dengan XML <a title = "Internet <br /> <br
/> <br />
jenis media "href ="
http://en.wikipedia.org/wiki/Internet_media_type "> Internet jenis
media tersebut asapplication / xhtml + xml atau aplikasi / xml. Xhtml5
membutuhkan ketat XML, well-formed sintaks. Pilihan antara HTML5 dan bisul
xhtml5 ke pilihan tipe MIME / isi: jenis media yang memilih menentukan apa
jenis dokumen harus digunakan [48] Di xhtml5 html HTML5doctype adalah opsional
dan hanya dapat dihilangkan.. HTML yang telah ditulis agar sesuai dengan baik
HTML dan XHTML spesifikasi-dan yang karenanya akan menghasilkan pohon DOM sama
apakah diuraikan sebagai HTML atau XML-disebut "<a title ="
Polyglot <br /> <br /> <br />
markup "href ="
http://en.wikipedia.org/wiki/Polyglot_markup "> polyglot markup".
Kesalahan penanganan
Sebuah HTML5 (text / html) browser akan fleksibel
dalam menangani salah sintaks. HTML5 dirancang sedemikian rupa sehingga browser
lama dapat dengan aman mengabaikan konstruksi HTML5 baru. [<Rentang title =
"Klaim ini membutuhkan <br /> <br /> <br />
referensi ke sumber terpercaya dari Januari 2012
"> rujukan?] Berbeda dengan HTML 4.01, spesifikasi HTML5 memberikan
aturan rinci untuk lexing dan parsing, dengan maksud bahwa compliant browser
berbeda akan menghasilkan hasil yang sama dalam kasus salah sintaks. [51 ]
Meskipun HTML5 sekarang mendefinisikan perilaku yang konsisten untuk "sup
tag" dokumen, dokumen-dokumen tersebut tidak dianggap sebagai sesuai
dengan standar HTML5 [51].
The W3C HTML5
logo
Pada tanggal 18 Januari 2011, W3C memperkenalkan logo
untuk mewakili penggunaan atau minat dalam HTML5. Tidak seperti lencana lain
yang sebelumnya dikeluarkan oleh W3C, tidak berarti keabsahan atau kesesuaian
dengan standar tertentu. Per 1 April 2011, logo ini resmi.
Ketika awalnya menyajikannya kepada publik, W3C
mengumumkan logo HTML5 sebagai "identitas tujuan umum visual untuk
serangkaian luas teknologi web terbuka, termasuk HTML5, CSS, SVG, <a title
=" Open Web <br /> < br /> <br />
Font Format "href ="
http://en.wikipedia.org/wiki/Web_Open_Font_Format "> WOFF, dan
lain-lain" pendukung web Beberapa standar, termasuk Proyek Web Standards,
dikritik. Bahwa definisi "HTML5" sebagai istilah umum, menunjuk
kaburnya terminnlogy dan potensi miscommunication.days kemudian, W3C menanggapi
umpan balik masyarakat dan mengubah definisi logo, menjatuhkan pencacahan
teknologi yang terkait. W3C kemudian berkata logo "mewakili HTML5,
landasan untuk aplikasi web modern".
Elemen – elemen baru di HTML 5
HTML 5 hanya memperkenalkan beberapa elemen baru
yang tersedia, dan ini adalah perkenalan singkat anda dengan elemen – elemen
tersebut :
·
<article>, mendefinisikan konten eksternal.
·
<aside>, mendefinisikan konten yang ditampilkan
di samping atau sejajar dengan artikel di halaman web (mungkin sebagai gambaran
ini adalah sidebar).
·
<audio>, mendefinisikan file suara seperti musik
atau audio streaming lainnya.
·
<canvas>, mendefinisikan gambar 2D seperti grafik
atau image lainnya.
·
<command>, mendefinisikan tombol perintah seperti radio
button, checkbox, ataubutton.
·
<datagrid>, mendefinisikan selectable
data list. Datagrid ditampilkan sebagai tree-list.
·
<datalist>, mendefinisikan selectable
data list. Gunakan elemen ini bersama – sama dengan input elemen, untuk membuat dropdown
list untuk input
value.
·
<datatemplate>, mendefinisikan container dari template data. Elemen ini harus
memiliki elemen di bawahnya untuk mendefinisikan template: elemen <rule>.
·
<details>, mendefinisikan detail dari sebuah
elemen, yang dapat dilihat oleh user, dan dapat di sembunyikan saat di klik.
·
<dialog>, mendefinisikan dialog, sama seperti
semua pembicaraan.
·
<embed>, mendefinisikan embedded
content, seperti sebuah plug-in.
·
<eventsource>, mendefinisikan source untuk event yang di kirim oleh server.
·
<figure>, digunakan untuk grouping beberapa elemen.
·
<footer>, mendefinisikan bagian footer dari sebuah dokumen. Biasanya berisi
nama dari author, tanggal document
dibuat ataupun informasi kontak.
·
<header>, mendefinisikan bagian header dari sebuah dokumen.
·
<mark>, mendefinisikan teks yang di tandai,
gunakan ini untuk memberikanhighlights pada beberapa bagian dari text anda.
·
<meter>, mendefinisikan measurement.
Gunakan hanya untuk pengukuran dengan nilai minimun dan maximum yang sudah di
ketahui.
·
<nav>, mendefinisikan bagian link navigasi.
·
<nest>, mendefinisikan nesting
point dalam data
template untuk child
element. Gunakan bersama – sama dengan elemen <datatemplate>
dan <rule>.
·
<section>. mendefinisikan bagian dari dokumen.
Seperti halnya sebuah header dan footer.
·
<source>, mendefinisikan elemen untuk resources
media, seperti halnya <video> dan <audio>.
·
<time>, mendefinisikan waktu atau tanggal,
ataupun keduanya.
·
<video>, mendefinisikan media video, seperti
video klip atau video streaming lainnya.
Perubahan Semantic
Ini adalah bagian yang seharusnya merubah cara
anda untuk membuat struktur website secara fundamental. Termasuk dalam list
dibawah ini adalah 6 elemen baru yang dapat membantu anda agar lebih konsisten
dalam pembuatan struktur dasar dari website. Elemen – elemen tersebut adalah :
1. <nav>
2. <section>
3. <article>
4. <header>
5. <footer>
6. <aside>
Elemen – elemen ini akan menggantikan elemen
<div> yang sekarang sering anda gunakan untuk membuat struktur dasar dari
website. Jadi daripada membuat <div class=”header”>, anda bisa persingkat
dengan membuat <header>. Perhatikan saya membuat <div> menggunakan
“class” daripada menggunakan “id” ini karena elemen tersebut dapat berulang
dalam satu halaman.
Sumber :
http://id.wikipedia.org/wiki/HTML5
http://www.kongcreate.com/html-5-apa-saja-yang-pertama-kali-harus-di-ketahui/
http://en.wikipedia.org/wiki/HTML5
http://www.jakartawebhosting.com/blog/e-life-style/html-5-sebagai-standard-web-masa-depan/
Tidak ada komentar:
Posting Komentar