HTML5: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
Fitur saranan suntingan: 3 pranala ditambahkan. |
|||
(79 revisi perantara oleh 53 pengguna tidak ditampilkan) | |||
Baris 1:
{{Infobox file format
| name = HTML5{{br}}({{small|{{nowrap|HyperText Markup Language}}}})
| logo = [[Berkas:HTML5-logo.svg|120px]]
| extension =.html,.htm
|
| type code = TEXT▼
| uniform type = public.html▼
▲| type code = TEXT
| owner = [[World Wide Web Consortium]] dan [[WHATWG]]▼
▲| uniform type = public.html
| genre = [[Bahasa markah]]
▲| owner = [[World Wide Web Consortium]]
| Predecessor = [[HTML4]]
| container for =
| contained by =
| extended from = [[SGML]]
| extended to =
| standard =
| free = Ya
| url = {{URL|http://whatwg.org/html}}{{br}}{{URL|http://www.w3.org/TR/html5/}}
}}
{{Infobox file format
| name = XHTML5
| extension = .xhtml, .xht, .xml,.html,.htm
| mime = application/xml, application/xhtml+xml
| owner = [[Konsortium Waring Wera Wanua]] dan [[WHATWG]]
| creatorcode =
| genre = [[Bahasa markah]]
| predecessor = [[XHTML 2.0]]
| container for =
| contained by =
| extended from = [[XML]], HTML5
| extended to =
| standard =
| free = Ya
| url = {{URL|http://www.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]]<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 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 ==
[[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 | 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
[[Web Hypertext Application Technology Working Group|
Pada tahun 2007 Spesifikasi HTML5
Berdasarkan pada jadwal kerja W3C,
Editor HTML5, Ian Hickson, berharap spesifikasi HTML5 dapat mencapai tahap kandidat
|url=http://wiki.whatwg.org/wiki/FAQ#When_will_HTML5_be_finished.3F
|title=
|work=FAQ
|publisher=WHAT Working Group
|accessdate=2009-11-29
|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> 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}}
== Markup ==
Pada HTML 5
tipikal penggunaan [[website]] modern. Beberapa diantaranya adalah pergantian yang bersifat [[
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).
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. -->
==
Untuk menambah keluwesan pemformatan, pada HTML5 telah dispesifikasikan
pengkodean [[
antarmuka document object model (DOM) yang ada dikembangkan dan fitur de facto didokumentasikan.
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.
*
* Media penyimpanan
* Penyuntingan dokumen
* [[Drag
* Perpesanan "Cross
* Riwayat dari Browser
* Tipe MIME dan penanggung jawab
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 {{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 :
* [[Geolocation API|Geolokasi]]
* [[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] {{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] {{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 ==
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
* 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 |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> (
* 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)
* 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 : <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] {{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/
|title=HTML5 differences from HTML4
Baris 84 ⟶ 110:
|publisher=W3.org
|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
▲
== Penanganan
Perbedaan mendasar dengan HTML 4.01
== Logo HTML5 ==
[[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. | 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 | 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 ==
* [[HTML5 video]]
* [[HTML5 canvas]]
* [[Perbandingan mesin layout (HTML5)]]
* [[Microdata (HTML5)]]
* [[HTTP(P2P)]]
* [[CSS 3]]
* [[HyperText Markup Language|HTML]]
==Referensi==▼
▲== Referensi ==
{{Reflist|colwidth=30em}}
== Pranala
* [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] {{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] {{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] {{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] {{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] {{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] {{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] {{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] {{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] {{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] {{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] {{Webarchive|url=https://web.archive.org/web/20110403082303/http://w3c-test.org/html/tests/reporting/report.htm |date=2011-04-03 }}
{{Standar W3C}}
[[Kategori:HTML]]
|