Lompat ke isi

HTML5: Perbedaan antara revisi

Dari Wikipedia bahasa Indonesia, ensiklopedia bebas
Konten dihapus Konten ditambahkan
k ←Suntingan 114.121.155.11 (bicara) dibatalkan ke versi terakhir oleh AABot
k ~cite
 
(20 revisi perantara oleh 14 pengguna tidak ditampilkan)
Baris 2: Baris 2:
| name = HTML5{{br}}({{small|{{nowrap|HyperText Markup Language}}}})
| name = HTML5{{br}}({{small|{{nowrap|HyperText Markup Language}}}})
| logo = [[Berkas:HTML5-logo.svg|120px]]
| logo = [[Berkas:HTML5-logo.svg|120px]]
| extension = .html, .htm
| extension =.html,.htm
| mime = text/html
| mime = text/html
| type code = TEXT
| type code = TEXT
| uniform type = public.html
| uniform type = public.html
| owner = [[Konsortium Waring Wera Wanua]] dan [[WHATWG]]
| owner = [[World Wide Web Consortium]] dan [[WHATWG]]
| genre = [[Bahasa markah]]
| genre = [[Bahasa markah]]
| Predecessor = [[HTML4]]
| Predecessor = [[HTML4]]
Baris 19: Baris 19:
{{Infobox file format
{{Infobox file format
| name = XHTML5
| name = XHTML5
| extension = .xhtml, .xht, .xml, .html, .htm
| extension = .xhtml, .xht, .xml,.html,.htm
| mime = application/xml, application/xhtml+xml
| mime = application/xml, application/xhtml+xml
| owner = [[Konsortium Waring Wera Wanua]] dan [[WHATWG]]
| owner = [[Konsortium Waring Wera Wanua]] dan [[WHATWG]]
Baris 34: Baris 34:
}}
}}


'''HTML5''' adalah sebuah [[bahasa markah]] untuk menstrukturkan dan menampilkan isi dari World Wide Web, 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]]<ref name="HTML5-20110405">{{cite web|title= HTML5 Differences from HTML4 |url= http://www.w3.org/TR/2011/WD-html5-diff-20110405/ |work=Working Draft |date=2011-04-05 |publisher= [[Konsortium Waring Wera Wanua]] |accessdate=2011-04-30}}</ref>) 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''' adalah sebuah [[bahasa markah]] untuk menstrukturkan dan menampilkan isi dari World Wide Web, 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]]<ref name="HTML5-20110405">{{cite web |title= HTML5 Differences from HTML4 |url= http://www.w3.org/TR/2011/WD-html5-diff-20110405/ |work= Working Draft |date= 2011-04-05 |publisher= [[Konsortium Waring Wera Wanua]] |accessdate= 2011-04-30 |archive-date= 2023-08-03 |archive-url= https://web.archive.org/web/20230803171355/https://www.w3.org/TR/2011/WD-html5-diff-20110405/ |dead-url= no }}</ref>) 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|Konsortium World Wibe Web]] (''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 diimplementasikansecara berbeda-beda oleh banyak [[perangkat lunak]] pembuat web.
HTML5 merupakan salah satu karya [[Konsortium Waring Wera Wanua|Konsortium World Wide Web]] (''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 diimplementasikansecara berbeda-beda oleh banyak [[perangkat lunak]] pembuat web.


== Sejarah ==
== Sejarah ==
[[WHATWG|Kelompok Kerja Aplikasi 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 pada masa depan, sementara HTML 4.01 belum pernah diperbarui sejak tahun [[2000]].<ref>{{cite web | url= http://www.w3.org/MarkUp/html4-updates/errata | title= HTML 4 Errata | publisher = [[Konsortium Waring Wera Wanua]] | accessdate = 2010-12-04}}</ref> Sejak tahun [[2009]], W3C dan WHATWG bekerja sama dalam pengembangan HTML5 setelah W3C mengakhiri Kelompok Kerja Pengembangan XHTML 2.0.<ref>{{cite web | url= http://www.w3.org/2009/06/xhtml-faq.html | title= Frequently Asked Questions (FAQ) About the Future of XHTML | accessdate=2010-12-04 | author= [[Konsortium Waring Wera Wanua]] }}</ref>
[[WHATWG|Kelompok Kerja Aplikasi 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 pada masa depan, sementara HTML 4.01 belum pernah diperbarui sejak tahun [[2000]].<ref>{{cite web | url= http://www.w3.org/MarkUp/html4-updates/errata | title= HTML 4 Errata | publisher= [[Konsortium Waring Wera Wanua]] | accessdate= 2010-12-04 | archive-date= 2012-06-03 | archive-url= https://web.archive.org/web/20120603082632/http://www.w3.org/MarkUp/html4-updates/errata | dead-url= no }}</ref> Sejak tahun [[2009]], W3C dan WHATWG bekerja sama dalam pengembangan HTML5 setelah W3C mengakhiri Kelompok Kerja Pengembangan XHTML 2.0.<ref>{{cite web | url= http://www.w3.org/2009/06/xhtml-faq.html | title= Frequently Asked Questions (FAQ) About the Future of XHTML | accessdate= 2010-12-04 | author= [[Konsortium Waring Wera Wanua]] | archive-date= 2012-06-11 | archive-url= https://web.archive.org/web/20120611034222/http://www.w3.org/2009/06/xhtml-faq.html | dead-url= no }}</ref>


Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama, HTML5 baru populer [[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."<ref>{{cite web | url= http://www.apple.com/hotnews/thoughts-on-flash/ | title= Thoughts on Flash | author= Steve Jobs, Apple Inc }}</ref>
Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama, HTML5 baru populer [[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."<ref>{{cite web | url= http://www.apple.com/hotnews/thoughts-on-flash/ | title= Thoughts on Flash | author= Steve Jobs, Apple Inc | access-date= 2011-07-15 | archive-date= 2017-06-26 | archive-url= https://web.archive.org/web/20170626073407/https://www.apple.com/hotnews/thoughts-on-flash/ | dead-url= no }}</ref>


== Proses standarisasi W3C ==
== Proses standardisasi W3C ==
[[Web Hypertext Application Technology Working Group|Kelompok kerja aplikasi hyperteks]] (WHATWG) mulai menluncurkan padauni 2004 dengan nama Web Applications 1.0.<ref>{{cite web|url=http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2004-June/000005.html |title=[whatwg&#93; WHAT open mailing list announcement |publisher=Lists.whatwg.org |date= |accessdate=2010-03-04}}</ref>, hingga pada bulan maret 2010 spesifikasi ini masuk ke bagian draft standar di WHATWG, dan ke dalam bagian pengurusan surat 3C. Ian Hickson mewakili [[Google|Google Inc.]] menjadi editor HTML5.<ref>{{cite web | url = http://dev.w3.org/html5/spec/ | title = HTML 5: A vocabulary and associated APIs for HTML and XHTML (Editor's Draft). | publisher = [[World Wide Web Consortium]] | accessdate = 2010-04-12 }}</ref>
[[Web Hypertext Application Technology Working Group|Kelompok kerja aplikasi hyperteks]] (WHATWG) mulai menluncurkan padauni 2004 dengan nama Web Applications 1.0.<ref>{{cite web |url=http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2004-June/000005.html |title=[whatwg&#93; WHAT open mailing list announcement |publisher=Lists.whatwg.org |date= |accessdate=2010-03-04 |archive-date=2012-04-07 |archive-url=https://web.archive.org/web/20120407051737/http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2004-June/000005.html |dead-url=no }}</ref>, hingga pada bulan maret 2010 spesifikasi ini masuk ke bagian draft standar di WHATWG, dan ke dalam bagian pengurusan surat 3C. Ian Hickson mewakili [[Google|Google Inc.]] menjadi editor HTML5.<ref>{{cite web | url = http://dev.w3.org/html5/spec/ | title = HTML 5: A vocabulary and associated APIs for HTML and XHTML (Editor's Draft). | publisher = [[World Wide Web Consortium]] | accessdate = 2010-04-12 | archive-date = 2008-05-08 | archive-url = https://web.archive.org/web/20080508221229/http://dev.w3.org/html5/spec/ | dead-url = no }}</ref>


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 pekerjaan pertama mereka pada tanggal 22 Januari008.<ref name="HTML5">{{cite web | url = http://www.w3.org/TR/html5/ | title = HTML 5: A vocabulary and associated APIs for HTML and XHTML. | publisher = [[World Wide Web Consortium]] | accessdate = 2009-01-28 }}</ref> 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. <ref name="when">{{cite web | url = http://wiki.whatwg.org/wiki/FAQ#When_will_HTML5_be_finished.3F | title = When will HTML5 be finished? | publisher = WHATWG Wiki | accessdate = 2009-09-10 | work = WHATWG }}</ref>
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 pekerjaan pertama mereka pada tanggal 22 Januari008.<ref name="HTML5">{{cite web | url = http://www.w3.org/TR/html5/ | title = HTML 5: A vocabulary and associated APIs for HTML and XHTML. | publisher = [[World Wide Web Consortium]] | accessdate = 2009-01-28 | archive-date = 2012-06-06 | archive-url = https://web.archive.org/web/20120606064040/http://www.w3.org/TR/html5/ | dead-url = no }}</ref> 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.<ref name="when">{{cite web | url = http://wiki.whatwg.org/wiki/FAQ#When_will_HTML5_be_finished.3F | title = When will HTML5 be finished? | publisher = WHATWG Wiki | accessdate = 2009-09-10 | work = WHATWG | archive-date = 2013-05-12 | archive-url = https://www.webcitation.org/6GYqGPthO?url=http://wiki.whatwg.org/wiki/FAQ#When_will_HTML5_be_finished.3F | dead-url = yes }}</ref>


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,<ref>{{cite web|url=http://www.w3.org/2007/03/HTML-WG-charter.html#deliverables |title=HTML Working Group |publisher=W3.org |date= |accessdate=2010-03-04}}</ref> tetapi hingga bulan Juli 2010 HTML 5 masih dalam tahapan draft pengerjaan di W3C. <ref>{{cite web|url=http://www.w3.org/TR/html5/ |title=HTML 5 |publisher=W3.org |date=2009-08-25 |accessdate=2010-03-04}}</ref>WHATWG telah meminta penyelesaian terakhir untuk HTML5 sejak bulan oktober tahun 2009.<ref name="whatwg1">{{cite web|url=http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2009-October/023849.html |title=[whatwg&#93; HTML5 at Last Call (at the WHATWG) |publisher=Lists.whatwg.org |date= |accessdate=2010-03-04}}</ref>
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,<ref>{{cite web |url=http://www.w3.org/2007/03/HTML-WG-charter.html#deliverables |title=HTML Working Group |publisher=W3.org |date= |accessdate=2010-03-04 |archive-date=2010-12-23 |archive-url=https://web.archive.org/web/20101223011332/http://www.w3.org/2007/03/HTML-WG-charter.html#deliverables |dead-url=no }}</ref> tetapi hingga bulan Juli 2010 HTML 5 masih dalam tahapan draft pengerjaan di W3C.<ref>{{cite web |url=http://www.w3.org/TR/html5/ |title=HTML 5 |publisher=W3.org |date=2009-08-25 |accessdate=2010-03-04 |archive-date=2012-06-06 |archive-url=https://web.archive.org/web/20120606064040/http://www.w3.org/TR/html5/ |dead-url=no }}</ref> WHATWG telah meminta penyelesaian terakhir untuk HTML5 sejak bulan oktober tahun 2009.<ref name="whatwg1">{{cite web |url=http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2009-October/023849.html |title=[whatwg&#93; HTML5 at Last Call (at the WHATWG) |publisher=Lists.whatwg.org |date= |accessdate=2010-03-04 |archive-date=2011-07-19 |archive-url=https://web.archive.org/web/20110719183405/http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2009-October/023849.html |dead-url=no }}</ref>
Editor HTML5, Ian Hickson, berharap spesifikasi HTML5 dapat mencapai tahap kandidat rekomendasi pada tahun 2012 <ref name="W3Crec">{{cite web
Editor HTML5, Ian Hickson, berharap spesifikasi HTML5 dapat mencapai tahap kandidat rekomendasi pada tahun 2012.<ref name="W3Crec">{{cite web
|url=http://wiki.whatwg.org/wiki/FAQ#When_will_HTML5_be_finished.3F
|url=http://wiki.whatwg.org/wiki/FAQ#When_will_HTML5_be_finished.3F
|title= When will HTML5 be finished?
|title=When will HTML5 be finished?
|work=FAQ
|work=FAQ
|publisher=WHAT Working Group
|publisher=WHAT Working Group
|accessdate=2009-11-29
|accessdate=2009-11-29}}</ref>. 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" <ref name="W3Crec"/>. Pada wawancaranya dengan TechRepublic, Hickson memperkirakan hal ini baru akan terjadi pada tahun 2022 atau setelahnya.<ref name="techrepublicref">{{cite web
|archive-date=2013-05-12
|url=http://blogs.techrepublic.com.com/programming-and-development/?p=718
|archive-url=https://www.webcitation.org/6GYqGPthO?url=http://wiki.whatwg.org/wiki/FAQ#When_will_HTML5_be_finished.3F
|title=HTML 5 Editor Ian Hickson discusses features, pain points, adoption rate, and more
|dead-url=yes
|accessdate=2010-06-21|archiveurl=http://archive.is/oXfo|archivedate=2012-12-06}}</ref> Meski demikian, banyak bagian dari spesifikasi sudah stabil dan telah dapat diterapkan pada produk:
}}</ref> 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".<ref name="W3Crec"/> Pada wawancaranya dengan TechRepublic, Hickson memperkirakan hal ini baru akan terjadi pada tahun 2022 atau setelahnya.<ref name="techrepublicref">{{cite web|url=http://blogs.techrepublic.com.com/programming-and-development/?p=718|title=HTML 5 Editor Ian Hickson discusses features, pain points, adoption rate, and more|accessdate=2010-06-21|archiveurl=https://archive.today/20121206023804/http://www.techrepublic.com/blog/programming-and-development/html-5-editor-ian-hickson-discusses-features-pain-points-adoption-rate-and-more/718|archivedate=2012-12-06|dead-url=no}}</ref> Meski demikian, banyak bagian dari spesifikasi sudah stabil dan telah dapat diterapkan pada produk:


{{Quotation|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?<ref name="W3Crec" />|FAQ}}
{{Quotation|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?<ref name="W3Crec" />|FAQ}}
Baris 64: Baris 65:
== Markup ==
== Markup ==
Pada HTML 5 diperkenalkan beberapa elemen baru dan atribut yang merefleksikan
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 ({{tag|div|open}}) dan inline ({{tag|span|open}}), sebagai contoh ({{tag|span|open}}) (sebagai blok navigasi website) dan {{tag|footer|open}} (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 {{tag|audio|open}} dan {{tag|video|open}}.<ref>Introduction to HTML5 [http://dev.opera.com/articles/view/introduction-html5-video/ video]</ref><ref>IBM Developer Works [http://www.ibm.com/developerworks/library/x-html5/?ca=dgr-lnxw01NewHTML New elements in HTML5: Structure and semantics]</ref><ref>ICAMD.org [http://www.amazon.com/Finalcut-Silverlight-Videographers-Quicktime-ebook/dp/B003H05Q18/ref=sr_1_1?ie=UTF8&m=AG56TWVU5XWC2&s=books&qid=1275670456&sr=8-1 Finalcut Silverlight Films that Videographers share Quicktime in a Flash : Video on the Web using HTML5 and other Codecs]</ref>
tipikal penggunaan [[website]] modern. Beberapa diantaranya adalah pergantian yang bersifat [[semantik]] pada blok yang umum digunakan: yaitu elemen ({{tag|div|open}}) dan inline ({{tag|span|open}}), sebagai contoh ({{tag|span|open}}) (sebagai blok navigasi website) dan {{tag|footer|open}} (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 {{tag|audio|open}} dan {{tag|video|open}}.<ref>Introduction to HTML5 [http://dev.opera.com/articles/view/introduction-html5-video/ video] {{Webarchive|url=https://web.archive.org/web/20110124043555/http://dev.opera.com/articles/view/introduction-html5-video/ |date=2011-01-24 }}</ref><ref>IBM Developer Works [http://www.ibm.com/developerworks/library/x-html5/?ca=dgr-lnxw01NewHTML New elements in HTML5: Structure and semantics] {{Webarchive|url=https://web.archive.org/web/20110105154130/http://www.ibm.com/developerworks/library/x-html5/?ca=dgr-lnxw01NewHTML |date=2011-01-05 }}</ref><ref>ICAMD.org [http://www.amazon.com/Finalcut-Silverlight-Videographers-Quicktime-ebook/dp/B003H05Q18/ref=sr_1_1?ie=UTF8&m=AG56TWVU5XWC2&s=books&qid=1275670456&sr=8-1 Finalcut Silverlight Films that Videographers share Quicktime in a Flash : Video on the Web using HTML5 and other Codecs] {{Webarchive|url=https://web.archive.org/web/20230812154857/https://www.amazon.com/Finalcut-Silverlight-Videographers-Quicktime-ebook/dp/B003H05Q18/ref=sr_1_1?ie=UTF8&m=AG56TWVU5XWC2&s=books&qid=1275670456&sr=8-1 |date=2023-08-12 }}</ref>
Beberapa elemen yang telah ditinggalkan juga ditiadakan, termasuk elemen presentasi semata seperti {{tag|font|open}} dan {{tag|center|open}}, yang sebenarnya dapat dikerjakan menggunakan [[Cascading Style Sheet]] (CSS). <!-- There is also a renewed emphasis on the importance of DOM scripting (e.g., JavaScript) in Web behavior.
Beberapa elemen yang telah ditinggalkan juga ditiadakan, termasuk elemen presentasi semata seperti {{tag|font|open}} dan {{tag|center|open}}, yang sebenarnya dapat dikerjakan menggunakan [[Cascading Style Sheet]] (CSS).<!-- There is also a renewed emphasis on the importance of DOM scripting (e.g., JavaScript) in Web behavior.
The HTML5 syntax is no longer based on SGML despite the similarity of its markup. It has, however, been designed to be backward compatible with common parsing of older versions of HTML. It comes with a new introductory line that looks like an SGML document type declaration, <!DOCTYPE html>, which enables standards-compliant rendering in all browsers that use "DOCTYPE sniffing".
The HTML5 syntax is no longer based on SGML despite the similarity of its markup. It has, however, been designed to be backward compatible with common parsing of older versions of HTML. It comes with a new introductory line that looks like an SGML document type declaration, <!DOCTYPE html>, which enables standards-compliant rendering in all browsers that use "DOCTYPE sniffing".
HTML5 also incorporates Web Forms 2.0, another WHATWG specification. -->
HTML5 also incorporates Web Forms 2.0, another WHATWG specification. -->
Baris 71: Baris 72:
== API baru ==
== API baru ==
Untuk menambah keluwesan pemformatan, pada HTML5 telah dispesifikasikan
Untuk menambah keluwesan pemformatan, pada HTML5 telah dispesifikasikan
pengkodean [[Antarmuka pemrograman aplikasi|application programming interfaces (APIs)]].<ref>[http://www.w3.org/html/wg/html5/diff/#apis HTML5 differences from HTML4 – APIs] W3.org</ref>
pengkodean [[Antarmuka pemrograman aplikasi|application programming interfaces (APIs)]].<ref>[http://www.w3.org/html/wg/html5/diff/#apis HTML5 differences from HTML4 – APIs] {{Webarchive|url=https://web.archive.org/web/20081105175450/http://www.w3.org/html/wg/html5/diff/#apis |date=2008-11-05 }} W3.org</ref>
antarmuka document object model (DOM) yang ada dikembangkan dan fitur de facto didokumentasikan.
antarmuka document object model (DOM) yang ada dikembangkan dan fitur de facto didokumentasikan.
Beberapa APIs terbaru pada HTML5 antara lain :
Beberapa APIs terbaru pada HTML5 antara lain :
* [[HTML5 canvas|Elemen canvas]], sebagai mode untuk menggambar object dua dimensi (2D). Lihat spesifikasi 1.0 untuk canvas 2D.
* [[HTML5 canvas|Elemen canvas]], sebagai mode untuk menggambar object dua dimensi (2D). Lihat spesifikasi 1.0 untuk canvas 2D.
* Pemutaran media teratur
* Pemutaran media teratur
* Media penyimpanan offline (aplikasi web offline) Lihat ([[Web Storage|Web Storage)]]<ref>[http://dev.w3.org/html5/webstorage/ Web Storage Specification] W3.org</ref>
* Media penyimpanan offline (aplikasi web offline) Lihat ([[Web Storage]])<ref>[http://dev.w3.org/html5/webstorage/ Web Storage Specification] {{Webarchive|url=https://web.archive.org/web/20110201152609/http://dev.w3.org/html5/webstorage/ |date=2011-02-01 }} W3.org</ref>
* Penyuntingan dokumen
* Penyuntingan dokumen
* [[Drag and Drop|Teknologi Drag and Drop]]
* [[Drag and Drop|Teknologi Drag and Drop]]
* Perpesanan "Cross Document"<ref>[http://dev.w3.org/html5/postmsg/ HTML5 Web Messaging] W3.org</ref>
* Perpesanan "Cross Document"<ref>[http://dev.w3.org/html5/postmsg/ HTML5 Web Messaging] {{Webarchive|url=https://web.archive.org/web/20101224010913/http://dev.w3.org/html5/postmsg/ |date=2010-12-24 }} W3.org</ref>
* Riwayat dari Browser
* Riwayat dari Browser
* Tipe MIME dan penanggung jawab registrasi protokol.
* Tipe MIME dan penanggung jawab registrasi protokol.


Tidak semua teknologi di atas dimasukkan pada spesifikasi HTML5 W3C, meski teknologi tersebut
Tidak semua teknologi di atas dimasukkan pada spesifikasi HTML5 W3C, meski teknologi tersebut
telah termaktub dalam spesifikasi milik WHATWG HTML.<ref>http://www.whatwg.org/html/#is-this-html5?</ref> Beberapa teknologi yang juga terkait namun
telah termaktub dalam spesifikasi milik WHATWG HTML.<ref>http://www.whatwg.org/html/#is-this-html5 {{Webarchive|url=https://web.archive.org/web/20230812154901/https://html.spec.whatwg.org/multipage/#is-this-html5 |date=2023-08-12 }}?</ref> Beberapa teknologi yang juga terkait namun
tidak dijadikan bagian dalam spesifikasi HTML5 W3C dan WHATWG HTML5 adalah :
tidak dijadikan bagian dalam spesifikasi HTML5 W3C dan WHATWG HTML5 adalah :


* [[Geolocation API|Geolokasi]]
* [[Geolocation API|Geolokasi]]
* [[Web SQL Database|Penyimpanan Web SQL]], media penyimpanan database lokal.<ref>[http://dev.w3.org/html5/webdatabase/ Web SQL Database] W3.org</ref>
* [[Web SQL Database|Penyimpanan Web SQL]], media penyimpanan database lokal.<ref>[http://dev.w3.org/html5/webdatabase/ Web SQL Database] {{Webarchive|url=https://web.archive.org/web/20110120175802/http://dev.w3.org/html5/webdatabase/ |date=2011-01-20 }} W3.org</ref>
* API Database terindeks, mode penyimpanan hierarkis key-value (WebSimpleDB).<ref>[http://www.w3.org/TR/IndexedDB/ Indexed Database] W3.org</ref>
* API Database terindeks, mode penyimpanan hierarkis key-value (WebSimpleDB).<ref>[http://www.w3.org/TR/IndexedDB/ Indexed Database] {{Webarchive|url=https://web.archive.org/web/20110202135825/http://www.w3.org/TR/IndexedDB/ |date=2011-02-02 }} W3.org</ref>
* Web Speech API<ref>[https://dvcs.w3.org/hg/speech-api/raw-file/tip/speechapi.html Speech API] W3.org</ref>
* Web Speech API<ref>[https://dvcs.w3.org/hg/speech-api/raw-file/tip/speechapi.html Speech API] {{Webarchive|url=https://web.archive.org/web/20160621225102/https://dvcs.w3.org/hg/speech-api/raw-file/tip/speechapi.html |date=2016-06-21 }} W3.org</ref>


== Perbedaan dengan HTML 4.01 dan XHTML 1.x ==
== Perbedaan dengan HTML 4.01 dan XHTML 1.x ==
Baris 97: Baris 98:
* Kemampuan untuk mendukung format [[SVG]] dan [[MathML]] pada <code>text/html</code>
* Kemampuan untuk mendukung format [[SVG]] dan [[MathML]] pada <code>text/html</code>
* Elemen baru: <code>article</code>, <code>aside</code>, <code>audio</code>, <code>canvas</code>, <code>command</code>, <code>datalist</code>, <code>details</code>, <code>embed</code>, <code>figcaption</code>, <code>figure</code>, <code>footer</code>, <code>header</code>, <code>hgroup</code>, <code>keygen</code>, <code>mark</code>, <code>meter</code>, <code>nav</code>, <code>output</code>, <code>progress</code>, <code>rp</code>, <code>rt</code>, <code>[[Ruby (annotation markup)|ruby]]</code>, <code>section</code>, <code>source</code>, <code>summary</code>, <code>time</code>, <code>[[HTML5 video|video]]</code>, <code>wbr</code>
* Elemen baru: <code>article</code>, <code>aside</code>, <code>audio</code>, <code>canvas</code>, <code>command</code>, <code>datalist</code>, <code>details</code>, <code>embed</code>, <code>figcaption</code>, <code>figure</code>, <code>footer</code>, <code>header</code>, <code>hgroup</code>, <code>keygen</code>, <code>mark</code>, <code>meter</code>, <code>nav</code>, <code>output</code>, <code>progress</code>, <code>rp</code>, <code>rt</code>, <code>[[Ruby (annotation markup)|ruby]]</code>, <code>section</code>, <code>source</code>, <code>summary</code>, <code>time</code>, <code>[[HTML5 video|video]]</code>, <code>wbr</code>
* Tipe baru pada kontrol form : <code>dates and times</code>, <code>email</code>, <code>url</code>, <code>search</code>, <code>color</code><ref>{{cite web|url=http://dev.w3.org/html5/markup/input.color.html |title=HTML5: input type=color – color-well control (NEW) |publisher=w3.org |date= |accessdate=2010-08-06}}</ref>
* Tipe baru pada kontrol form : <code>dates and times</code>, <code>email</code>, <code>url</code>, <code>search</code>, <code>color</code><ref>{{cite web |url=http://dev.w3.org/html5/markup/input.color.html |title=HTML5: input type=color – color-well control (NEW) |publisher=w3.org |date= |accessdate=2010-08-06 |archive-date=2010-12-24 |archive-url=https://web.archive.org/web/20101224050949/http://dev.w3.org/html5/markup/input.color.html |dead-url=yes }}</ref>
* [[HTML#Attributes|Atribut]] baru: <code>ping</code> (pada elemen <code>a</code> and <code>area</code>), <code>charset</code> (pada <code>meta</code>), <code>async</code> (pada <code>script</code>)
* [[HTML#Attributes|Atribut]] baru: <code>ping</code> (pada elemen <code>a</code> and <code>area</code>), <code>charset</code> (pada <code>meta</code>), <code>async</code> (pada <code>script</code>)
* Atribut global (atribut berikut dapat diterapkan pada setiap elemen html) : <code>id</code>, <code>tabindex</code>, <code>hidden</code>, <code>data-*</code> (atribut data kustom)
* Atribut global (atribut berikut dapat diterapkan pada setiap elemen html) : <code>id</code>, <code>tabindex</code>, <code>hidden</code>, <code>data-*</code> (atribut data kustom)
Baris 103: Baris 104:
* Elemen yang telah deprecated secara bersamaan akan dihapus : <code>acronym</code>, <code>applet</code>, <code>basefont</code>, <code>big</code>, <code>center</code>, <code>dir</code>, <code>font</code>, <code>frame</code>, [[Framing (World Wide Web)|<code>frameset</code>]], <code>isindex</code>, <code>noframes</code>, <code>s</code>, <code>strike</code>, <code>tt</code>, <code>u</code>
* Elemen yang telah deprecated secara bersamaan akan dihapus : <code>acronym</code>, <code>applet</code>, <code>basefont</code>, <code>big</code>, <code>center</code>, <code>dir</code>, <code>font</code>, <code>frame</code>, [[Framing (World Wide Web)|<code>frameset</code>]], <code>isindex</code>, <code>noframes</code>, <code>s</code>, <code>strike</code>, <code>tt</code>, <code>u</code>


Kunjungi dev.w3.org untuk melihat pembaharuan draft terkini [http://dev.w3.org/html5/html4-differences/ antara HTML5 dan HTML4],<ref>{{cite web
Kunjungi dev.w3.org untuk melihat pembaharuan draft terkini [http://dev.w3.org/html5/html4-differences/ antara HTML5 dan HTML4] {{Webarchive|url=https://web.archive.org/web/20130330024909/http://dev.w3.org/html5/html4-differences/ |date=2013-03-30 }},<ref>{{cite web
|url=http://dev.w3.org/html5/html4-differences/
|url=http://dev.w3.org/html5/html4-differences/
|title=HTML5 differences from HTML4
|title=HTML5 differences from HTML4
Baris 109: Baris 110:
|publisher=W3.org
|publisher=W3.org
|date=2010-06-10
|date=2010-06-10
|accessdate=2010-06-13
|accessdate=2010-06-13}}</ref> tautan ini menyediakan secara lengkap berbagai daftar tambahan, penghapusan, dan perubahan yang terjadi di dalam spesifikasi HTML5.
|archive-date=2013-03-30
|archive-url=https://web.archive.org/web/20130330024909/http://dev.w3.org/html5/html4-differences/
|dead-url=yes
}}</ref> tautan ini menyediakan secara lengkap berbagai daftar tambahan, penghapusan, dan perubahan yang terjadi di dalam spesifikasi HTML5.


== Penanganan kesalahan ==
== Penanganan kesalahan ==
Sebuah peramban web HTML5 (text/html) akan fleksiblel dalam menangani kesalahan sintaks. HTML5 telah didesain agar peramban web lama dapat dengan aman mengabaikan konstruksi HTML5 yang baru.
Sebuah peramban web HTML5 (text/html) akan fleksiblel dalam menangani kesalahan sintaks. HTML5 telah didesain agar peramban web lama dapat dengan aman mengabaikan konstruksi HTML5 yang baru.
Perbedaan mendasar dengan HTML 4.01 adalah spesifikasi HTML5 memberikan aturan detail untuk [[lexing|meleksikalkan]] dan [[parsing|memparsing]] sebagai persyaratan agar berbagai peramban web tetap memberikan hasil yang sama saat terjadi kesalahan sintaks.<ref name="whatfaq">{{cite web |url= http://wiki.whatwg.org/wiki/FAQ#Why_does_HTML5_legitimise_tag_soup.3F |title=FAQ – WHATWG Wiki |accessdate=2008-02-25|work=WHATWG }}</ref> Meskipun HTML5 telah memiliki perilaku konsisten untuk menangani dokumen-dokumen [[Tagsoup|"Tag Soup"]], dokumen seperti ini tidak dapat dikatakan telah memenuhi standar HTML5.
Perbedaan mendasar dengan HTML 4.01 adalah spesifikasi HTML5 memberikan aturan detail untuk [[lexing|meleksikalkan]] dan [[parsing|memparsing]] sebagai persyaratan agar berbagai peramban web tetap memberikan hasil yang sama saat terjadi kesalahan sintaks.<ref name="whatfaq">{{cite web |url=http://wiki.whatwg.org/wiki/FAQ#Why_does_HTML5_legitimise_tag_soup.3F |title=FAQ – WHATWG Wiki |accessdate=2008-02-25 |work=WHATWG |archive-date=2013-05-12 |archive-url=https://www.webcitation.org/6GYqGPthO?url=http://wiki.whatwg.org/wiki/FAQ#Why_does_HTML5_legitimise_tag_soup.3F |dead-url=yes }}</ref> Meskipun HTML5 telah memiliki perilaku konsisten untuk menangani dokumen-dokumen [[Tagsoup|"Tag Soup"]], dokumen seperti ini tidak dapat dikatakan telah memenuhi standar HTML5.


== Logo HTML5 ==
== Logo HTML5 ==
[[Berkas:HTML5-logo.svg|thumb|120px|Logo resmi HTML5 oleh W3C]]
[[Berkas:HTML5-logo.svg|jmpl|120px|Logo resmi HTML5 oleh [[Konsorsium World Wide Web|W3C]]]]
Pada 18 Januari 2011, W3C memperkenalkan sebuah logo untuk representasi penggunaan dan tujuan HTML5. Tidak seperti logo lain yang sebelumnya telah diperkenalkan W3C, logo ini tidak mengisyaratkan validitas atau kesesuaian terhadap standar tertentu. Logo ini menjadi logo resmi sejak 1 April 2011.<ref name="logo-faq">{{cite web | url = http://www.w3.org/html/logo/faq.html | title = W3C HTML5 Logo FAQ | publisher = [[Konsortium Waring Wera Wanua]] | accessdate =21 January 2011 |quote = Is this W3C's "official" logo for HTML5? Yes, as of 1 April 2011.}}</ref>
Pada 18 Januari 2011, W3C memperkenalkan sebuah logo untuk representasi penggunaan dan tujuan HTML5. Tidak seperti logo lain yang sebelumnya telah diperkenalkan W3C, logo ini tidak mengisyaratkan validitas atau kesesuaian terhadap standar tertentu. Logo ini menjadi logo resmi sejak 1 April 2011.<ref name="logo-faq">{{cite web | url = http://www.w3.org/html/logo/faq.html | title = W3C HTML5 Logo FAQ | publisher = [[Konsortium Waring Wera Wanua]] | accessdate = 21 January 2011 | quote = Is this W3C's "official" logo for HTML5? Yes, as of 1 April 2011. | archive-date = 2016-12-18 | archive-url = https://web.archive.org/web/20161218190008/http://www.w3.org/html/logo/faq.html | dead-url = no }}</ref>


Saat logo ini pertama kali diperkenalkan ke muka publik, W3C menyatakan logo HTML5 ini sebagai sebuah "identitas visual secara umum bagi kumpulan berbagai teknologi open web, termasuk HTML5 [[Cascading Style Sheets|CSS]], [[Scalable Vector Graphics|SVG]], [[Web Open Font Format|WOFF]], dan lainnya."<ref name="waspopenletter">{{cite web | url = http://www.webstandards.org/2011/01/18/regarding-the-html5-logo | title = HTML5 Logo: Be Proud, But Don't Muddy the Waters! | publisher = The Web Standards Project | accessdate =22 January 2011 }}</ref> Beberapa pendukung standar web, termasuk Proyek Standar Web (''The Web Standards Project''), mengkritik definisi "HTML5" sebagai istilah umum, terutama bahwa terjadi pengaburan terminologi dan potensi munculnya miskomunikasi.<ref name="waspopenletter"/> Tiga hari kemudian, W3C menanggapi umpan balik komunitas dengan mengubah definisi logo ini, yakni dengan menghapus bagian kesertaan berbagai teknologi terkait.<ref>{{cite web | url = http://www.w3.org/QA/2011/01/the_html5_logo_conversation.html | title = The HTML5 Logo Conversation | publisher = World Wide Web Consortium | accessdate =21 January 2011 }}</ref> W3C lantas menyatakan logo ini "representasi HTML5, si batu penjuru dari berbagai Aplikasi Web modern."<ref name="logo-faq"/>
Saat logo ini pertama kali diperkenalkan ke muka publik, W3C menyatakan logo HTML5 ini sebagai sebuah "identitas visual secara umum bagi kumpulan berbagai teknologi open web, termasuk HTML5 [[Cascading Style Sheets|CSS]], [[Scalable Vector Graphics|SVG]], [[Web Open Font Format|WOFF]], dan lainnya."<ref name="waspopenletter">{{cite web | url = http://www.webstandards.org/2011/01/18/regarding-the-html5-logo | title = HTML5 Logo: Be Proud, But Don't Muddy the Waters! | publisher = The Web Standards Project | accessdate = 22 January 2011 | archive-date = 2017-01-24 | archive-url = https://web.archive.org/web/20170124070926/http://www.webstandards.org/2011/01/18/regarding-the-html5-logo/ | dead-url = no }}</ref> Beberapa pendukung standar web, termasuk Proyek Standar Web (''The Web Standards Project''), mengkritik definisi "HTML5" sebagai istilah umum, terutama bahwa terjadi pengaburan terminologi dan potensi munculnya miskomunikasi.<ref name="waspopenletter"/> Tiga hari kemudian, W3C menanggapi umpan balik komunitas dengan mengubah definisi logo ini, yakni dengan menghapus bagian kesertaan berbagai teknologi terkait.<ref>{{cite web | url = http://www.w3.org/QA/2011/01/the_html5_logo_conversation.html | title = The HTML5 Logo Conversation | publisher = World Wide Web Consortium | accessdate = 21 January 2011 | archive-date = 2013-05-30 | archive-url = https://web.archive.org/web/20130530140549/http://www.w3.org/QA/2011/01/the_html5_logo_conversation.html | dead-url = no }}</ref> W3C lantas menyatakan logo ini "representasi HTML5, si batu penjuru dari berbagai Aplikasi Web modern."<ref name="logo-faq"/>


== Lihat juga ==
== Lihat juga ==
Baris 128: Baris 133:
* [[HTTP(P2P)]]
* [[HTTP(P2P)]]
* [[CSS 3]]
* [[CSS 3]]
* [[HyperText Markup Language|HTML]]


== Referensi ==
== Referensi ==
Baris 133: Baris 139:


== Pranala luar ==
== Pranala luar ==
* [http://www.whatwg.org/ Web Hypertext Application Technology Working Group (WHATWG)]
* [http://www.whatwg.org/ Web Hypertext Application Technology Working Group (WHATWG)] {{Webarchive|url=https://web.archive.org/web/20070503155417/http://www.whatwg.org/specs/web-apps/current-work/multipage/ |date=2007-05-03 }}
* [http://www.w3.org w3.org], website resmi [[Konsortium Waring Wera Wanua]]
* [http://www.w3.org w3.org] {{Webarchive|url=https://web.archive.org/web/20121218021502/http://www.w3.org/ |date=2012-12-18 }}, website resmi [[Konsortium Waring Wera Wanua]]
** [http://www.w3.org/html/wg/ HTML Working Group]
** [http://www.w3.org/html/wg/ HTML Working Group] {{Webarchive|url=https://web.archive.org/web/20110228215152/http://www.w3.org/html/wg/ |date=2011-02-28 }}
** [http://dev.w3.org/html5/spec/spec.html Draf editor HTML5]
** [http://dev.w3.org/html5/spec/spec.html Draf editor HTML5] {{Webarchive|url=https://web.archive.org/web/20110128130427/http://dev.w3.org/html5/spec/spec.html |date=2011-01-28 }}
** [http://dev.w3.org/html5/markup/ HTML5: The Markup Language]
** [http://dev.w3.org/html5/markup/ HTML5: The Markup Language] {{Webarchive|url=https://web.archive.org/web/20110110013925/http://dev.w3.org/html5/markup/ |date=2011-01-10 }}
** [http://dev.w3.org/html5/html-author/ HTML 5 Reference]
** [http://dev.w3.org/html5/html-author/ HTML 5 Reference] {{Webarchive|url=https://web.archive.org/web/20101231212316/http://dev.w3.org/html5/html-author/ |date=2010-12-31 }}
** [http://dev.w3.org/html5/html-design-principles/ HTML Design Principles]
** [http://dev.w3.org/html5/html-design-principles/ HTML Design Principles] {{Webarchive|url=https://web.archive.org/web/20110121201542/http://dev.w3.org/html5/html-design-principles/ |date=2011-01-21 }}
** [http://dev.w3.org/html5/html4-differences/ Perbedaan antara HTML5 dengan HTML4]
** [http://dev.w3.org/html5/html4-differences/ Perbedaan antara HTML5 dengan HTML4] {{Webarchive|url=https://web.archive.org/web/20130330024909/http://dev.w3.org/html5/html4-differences/ |date=2013-03-30 }}
** [http://www.w3.org/html/logo/ Logo HTML5]
** [http://www.w3.org/html/logo/ Logo HTML5] {{Webarchive|url=https://web.archive.org/web/20230811035856/https://www.w3.org/html/logo/ |date=2023-08-11 }}
* [https://demos.mozilla.org/en-US/ Mozilla's Web O'(pen) Wonder - HTML5 Demonstrations]
* [https://demos.mozilla.org/en-US/ Mozilla's Web O'(pen) Wonder - HTML5 Demonstrations] {{Webarchive|url=https://web.archive.org/web/20110726195704/https://demos.mozilla.org/en-US/ |date=2011-07-26 }}
* [http://www.coreservlets.com/html5-tutorial/input-types.html Interactive test of HTML5 input elements]
* [http://www.coreservlets.com/html5-tutorial/input-types.html Interactive test of HTML5 input elements] {{Webarchive|url=https://web.archive.org/web/20110223113841/http://www.coreservlets.com/html5-tutorial/input-types.html |date=2011-02-23 }}
* [http://w3c-test.org/html/tests/reporting/report.htm HTML5 Conformancetest by W3C]
* [http://w3c-test.org/html/tests/reporting/report.htm HTML5 Conformancetest by W3C] {{Webarchive|url=https://web.archive.org/web/20110403082303/http://w3c-test.org/html/tests/reporting/report.htm |date=2011-04-03 }}


{{Standar W3C}}
{{Standar W3C}}

Revisi terkini sejak 20 Februari 2024 14.26

HTML5
(HyperText Markup Language)
Ekstensi berkas.html,.htm
Jenis MIMEtext/html
Type codeTEXT
Uniform Type
Identifier
public.html
Dikembangkan
oleh
World Wide Web Consortium dan WHATWG
Jenis formatBahasa markah
Pengembangan dariSGML
Dikembangkan menjadiXHTML5
Situs webwhatwg.org/html
www.w3.org/TR/html5/
XHTML5
Ekstensi berkas.xhtml, .xht, .xml,.html,.htm
Jenis MIMEapplication/xml, application/xhtml+xml
Dikembangkan
oleh
Konsortium Waring Wera Wanua dan WHATWG
Jenis formatBahasa markah
Pengembangan dariXML, HTML5
Situs webwww.whatwg.org/specs/web-apps/current-work/multipage/the-xhtml-syntax.html

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, 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[1]) 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 World Wide Web (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 diimplementasikansecara berbeda-beda oleh banyak perangkat lunak pembuat web.

Kelompok Kerja Aplikasi 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 pada masa depan, sementara HTML 4.01 belum pernah diperbarui sejak tahun 2000.[2] Sejak tahun 2009, W3C dan WHATWG bekerja sama dalam pengembangan HTML5 setelah W3C mengakhiri Kelompok Kerja Pengembangan XHTML 2.0.[3]

Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama, HTML5 baru populer 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."[4]

Proses standardisasi W3C

[sunting | sunting sumber]

Kelompok kerja aplikasi hyperteks (WHATWG) mulai menluncurkan padauni 2004 dengan nama Web Applications 1.0.[5], hingga pada bulan maret 2010 spesifikasi ini masuk ke bagian draft standar di WHATWG, dan ke dalam bagian pengurusan surat 3C. Ian Hickson mewakili Google Inc. menjadi editor HTML5.[6]

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 pekerjaan pertama mereka pada tanggal 22 Januari008.[7] 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.[8]

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,[9] tetapi hingga bulan Juli 2010 HTML 5 masih dalam tahapan draft pengerjaan di W3C.[10] WHATWG telah meminta penyelesaian terakhir untuk HTML5 sejak bulan oktober tahun 2009.[11]

Editor HTML5, Ian Hickson, berharap spesifikasi HTML5 dapat mencapai tahap kandidat rekomendasi pada tahun 2012.[12] 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".[12] Pada wawancaranya dengan TechRepublic, Hickson memperkirakan hal ini baru akan terjadi pada tahun 2022 atau setelahnya.[13] 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?[12], FAQ

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).

Untuk menambah keluwesan pemformatan, pada HTML5 telah dispesifikasikan pengkodean application programming interfaces (APIs).[17] 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.
  • Pemutaran media teratur
  • Media penyimpanan offline (aplikasi web offline) Lihat (Web Storage)[18]
  • Penyuntingan dokumen
  • Teknologi Drag and Drop
  • Perpesanan "Cross Document"[19]
  • Riwayat dari Browser
  • Tipe MIME dan penanggung jawab registrasi protokol.

Tidak semua teknologi di atas dimasukkan pada spesifikasi HTML5 W3C, meski teknologi tersebut telah termaktub dalam spesifikasi milik WHATWG HTML.[20] Beberapa teknologi yang juga terkait namun tidak dijadikan bagian dalam spesifikasi HTML5 W3C dan WHATWG HTML5 adalah :

Perbedaan dengan HTML 4.01 dan XHTML 1.x

[sunting | sunting sumber]

Berikut disajikan beberapa contoh perbedaan yang spesifik.

  • Aturan baru saat melakukan parsing berorientasi pada towards dan kompatibilitas; tidak berbasis pada SGML
  • Kemampuan untuk mendukung format SVG dan MathML pada text/html
  • Elemen baru: article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video, wbr
  • Tipe baru pada kontrol form : dates and times, email, url, search, color[24]
  • Atribut baru: ping (pada elemen a and area), charset (pada meta), async (pada script)
  • Atribut global (atribut berikut dapat diterapkan pada setiap elemen html) : id, tabindex, hidden, data-* (atribut data kustom)
  • Selain dapat bernilai GET atau POST, elemen attribut <form> kini telah mendukung nilai PUT dan DELETE. (Sebagai contoh kasus lihat Representational State Transfer)
  • Elemen yang telah deprecated secara bersamaan akan dihapus : acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u

Kunjungi dev.w3.org untuk melihat pembaharuan draft terkini antara HTML5 dan HTML4 Diarsipkan 2013-03-30 di Wayback Machine.,[25] tautan ini menyediakan secara lengkap berbagai daftar tambahan, penghapusan, dan perubahan yang terjadi di dalam spesifikasi HTML5.

Penanganan kesalahan

[sunting | sunting sumber]

Sebuah peramban web HTML5 (text/html) akan fleksiblel dalam menangani kesalahan sintaks. HTML5 telah didesain agar peramban web lama dapat dengan aman mengabaikan konstruksi HTML5 yang baru. Perbedaan mendasar dengan HTML 4.01 adalah spesifikasi HTML5 memberikan aturan detail untuk meleksikalkan dan memparsing sebagai persyaratan agar berbagai peramban web tetap memberikan hasil yang sama saat terjadi kesalahan sintaks.[26] Meskipun HTML5 telah memiliki perilaku konsisten untuk menangani dokumen-dokumen "Tag Soup", dokumen seperti ini tidak dapat dikatakan telah memenuhi standar HTML5.

Logo HTML5

[sunting | sunting sumber]
Logo resmi HTML5 oleh W3C

Pada 18 Januari 2011, W3C memperkenalkan sebuah logo untuk representasi penggunaan dan tujuan HTML5. Tidak seperti logo lain yang sebelumnya telah diperkenalkan W3C, logo ini tidak mengisyaratkan validitas atau kesesuaian terhadap standar tertentu. Logo ini menjadi logo resmi sejak 1 April 2011.[27]

Saat logo ini pertama kali diperkenalkan ke muka publik, W3C menyatakan logo HTML5 ini sebagai sebuah "identitas visual secara umum bagi kumpulan berbagai teknologi open web, termasuk HTML5 CSS, SVG, WOFF, dan lainnya."[28] Beberapa pendukung standar web, termasuk Proyek Standar Web (The Web Standards Project), mengkritik definisi "HTML5" sebagai istilah umum, terutama bahwa terjadi pengaburan terminologi dan potensi munculnya miskomunikasi.[28] Tiga hari kemudian, W3C menanggapi umpan balik komunitas dengan mengubah definisi logo ini, yakni dengan menghapus bagian kesertaan berbagai teknologi terkait.[29] W3C lantas menyatakan logo ini "representasi HTML5, si batu penjuru dari berbagai Aplikasi Web modern."[27]

Lihat juga

[sunting | sunting sumber]

Referensi

[sunting | sunting sumber]
  1. ^ "HTML5 Differences from HTML4". Working Draft. Konsortium Waring Wera Wanua. 2011-04-05. Diarsipkan dari versi asli tanggal 2023-08-03. Diakses tanggal 2011-04-30. 
  2. ^ "HTML 4 Errata". Konsortium Waring Wera Wanua. Diarsipkan dari versi asli tanggal 2012-06-03. Diakses tanggal 2010-12-04. 
  3. ^ Konsortium Waring Wera Wanua. "Frequently Asked Questions (FAQ) About the Future of XHTML". Diarsipkan dari versi asli tanggal 2012-06-11. Diakses tanggal 2010-12-04. 
  4. ^ Steve Jobs, Apple Inc. "Thoughts on Flash". Diarsipkan dari versi asli tanggal 2017-06-26. Diakses tanggal 2011-07-15. 
  5. ^ "[whatwg] WHAT open mailing list announcement". Lists.whatwg.org. Diarsipkan dari versi asli tanggal 2012-04-07. Diakses tanggal 2010-03-04. 
  6. ^ "HTML 5: A vocabulary and associated APIs for HTML and XHTML (Editor's Draft)". World Wide Web Consortium. Diarsipkan dari versi asli tanggal 2008-05-08. Diakses tanggal 2010-04-12. 
  7. ^ "HTML 5: A vocabulary and associated APIs for HTML and XHTML". World Wide Web Consortium. Diarsipkan dari versi asli tanggal 2012-06-06. Diakses tanggal 2009-01-28. 
  8. ^ "When will HTML5 be finished?". WHATWG. WHATWG Wiki. Diarsipkan dari versi asli tanggal 2013-05-12. Diakses tanggal 2009-09-10. 
  9. ^ "HTML Working Group". W3.org. Diarsipkan dari versi asli tanggal 2010-12-23. Diakses tanggal 2010-03-04. 
  10. ^ "HTML 5". W3.org. 2009-08-25. Diarsipkan dari versi asli tanggal 2012-06-06. Diakses tanggal 2010-03-04. 
  11. ^ "[whatwg] HTML5 at Last Call (at the WHATWG)". Lists.whatwg.org. Diarsipkan dari versi asli tanggal 2011-07-19. Diakses tanggal 2010-03-04. 
  12. ^ a b c "When will HTML5 be finished?". FAQ. WHAT Working Group. Diarsipkan dari versi asli tanggal 2013-05-12. Diakses tanggal 2009-11-29. 
  13. ^ "HTML 5 Editor Ian Hickson discusses features, pain points, adoption rate, and more". Diarsipkan dari versi asli tanggal 2012-12-06. Diakses tanggal 2010-06-21. 
  14. ^ Introduction to HTML5 video Diarsipkan 2011-01-24 di Wayback Machine.
  15. ^ IBM Developer Works New elements in HTML5: Structure and semantics Diarsipkan 2011-01-05 di Wayback Machine.
  16. ^ ICAMD.org Finalcut Silverlight Films that Videographers share Quicktime in a Flash : Video on the Web using HTML5 and other Codecs Diarsipkan 2023-08-12 di Wayback Machine.
  17. ^ HTML5 differences from HTML4 – APIs Diarsipkan 2008-11-05 di Wayback Machine. W3.org
  18. ^ Web Storage Specification Diarsipkan 2011-02-01 di Wayback Machine. W3.org
  19. ^ HTML5 Web Messaging Diarsipkan 2010-12-24 di Wayback Machine. W3.org
  20. ^ http://www.whatwg.org/html/#is-this-html5 Diarsipkan 2023-08-12 di Wayback Machine.?
  21. ^ Web SQL Database Diarsipkan 2011-01-20 di Wayback Machine. W3.org
  22. ^ Indexed Database Diarsipkan 2011-02-02 di Wayback Machine. W3.org
  23. ^ Speech API Diarsipkan 2016-06-21 di Wayback Machine. W3.org
  24. ^ "HTML5: input type=color – color-well control (NEW)". w3.org. Diarsipkan dari versi asli tanggal 2010-12-24. Diakses tanggal 2010-08-06. 
  25. ^ "HTML5 differences from HTML4". FAQ. W3.org. 2010-06-10. Diarsipkan dari versi asli tanggal 2013-03-30. Diakses tanggal 2010-06-13. 
  26. ^ "FAQ – WHATWG Wiki". WHATWG. Diarsipkan dari versi asli tanggal 2013-05-12. Diakses tanggal 2008-02-25. 
  27. ^ a b "W3C HTML5 Logo FAQ". Konsortium Waring Wera Wanua. Diarsipkan dari versi asli tanggal 2016-12-18. Diakses tanggal 21 January 2011. Is this W3C's "official" logo for HTML5? Yes, as of 1 April 2011. 
  28. ^ a b "HTML5 Logo: Be Proud, But Don't Muddy the Waters!". The Web Standards Project. Diarsipkan dari versi asli tanggal 2017-01-24. Diakses tanggal 22 January 2011. 
  29. ^ "The HTML5 Logo Conversation". World Wide Web Consortium. Diarsipkan dari versi asli tanggal 2013-05-30. Diakses tanggal 21 January 2011. 

Pranala luar

[sunting | sunting sumber]