HTML5: Perbedaan antara revisi

Konten dihapus Konten ditambahkan
Dadanhrn (bicara | kontrib)
TjBot (bicara | kontrib)
k bot kosmetik perubahan
Baris 19:
HTML5 adalah revisi yang sedang dibangun oleh [[konsorsium]] [[W3C]] untuk dimasukkan sebagai perubahan besar berikutnya pada standar [[HTML]]. Sebagaimana pendahulu sebelumnya yaitu: HTML 4.01 dan XTHML 1.1, HTML5 adalah sebuah standar untuk menstrukturkan dan menampilkan isi pada World Wide Web. Standar ini memperkenalkan fitur baru, seperti memutar video dan geser & jatuhkan yang sebelumnya bergantung pada plug-ins pihak ketiga di penjelajah web seperti [[Adobe Flash]] dan [[Microsoft Silverlight]].
 
== Proses standarisasi W3C ==
[[Web Hypertext Application Technology Working Group| Kelompok kerja untuk teknologi aplikasi web hypertext]] (WHATWG) mulai menspesifikasikan HTML5 pada bulan juni 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 draft di W3C. 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>
 
Spesifikasi HTML5 telah diadopsi sebagai titik awal pekerjaan untuk grup baru yang mengurus HTML di World Wide Web Consorsium (W3C) pada tahun 2007. Grup ini pertama kali mempublikasikan hasil Draft Pekerjaan pertama mereka pada tanggal 22 januari 2008.<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 sedang diselesaikan dan sudah diimplementasikan pada penjelajah web sebelum keseluruhan spesifikasinya mencapai status rekomendasi yang 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>
Baris 38:
{{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 ==
HTML 5 memperkenalkan beberapa elemen baru dan atribut yang merefleksikan
tipikal penggunaan [[website]] modern. Beberapa diantaranya adalah pergantian yang bersifat [[semantik|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>
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".
HTML5 also incorporates Web Forms 2.0, another WHATWG specification. -->
 
== APIs Baru ==
Untuk menambah keluwesan pemformatan, pada HTML5 telah dispesifikasikan
pengkodean [[Antarmuka_pemrograman_aplikasiAntarmuka pemrograman aplikasi|application programming interfaces (APIs)]].<ref>[http://www.w3.org/html/wg/html5/diff/#apis HTML5 differences from HTML4 – APIs] W3.org</ref>
antarmuka document object model (DOM) yang ada dikembangkan dan fitur de facto didokumentasikan.
Beberapa APIs terbaru pada HTML5 antara lain :
Baris 67:
* API Database terindeks, mode penyimpanan hierarkis key-value (WebSimpleDB).<ref>[http://www.w3.org/TR/IndexedDB/ Indexed Database] 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 ]] 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>
* 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>
Baris 88:
== Penanganan Kesalahan ==
Penjelajah Web HTML5 (text/html) akan fleksiblel dalam menangani kesalahan sintaks. HTML5 telah didesain agar penjelajah web lama dapat dengan aman mengabaikan konstruksi HTML5 yang baru.
Perbedaan mendasar dengan HTML 4.01, Spesifikasi HTML5 memberikan aturan detail untuk [[lexing|meleksikalkan]] dan [[parsing|memparsing]] sebagai persyaratan agar berbagai penjelajah 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 [[Tagsoup | "Tag Soup"]], dokumen seperti ini tidak dapat dikatakan telah memenuhi standar HTML5.
 
== Lihat juga ==
Baris 96:
* [[HTTP(P2P)]]
* [[CSS 3]]
== Referensi ==
{{Reflist|colwidth=30em}}
==Pranala Luar==