HTML 5 Overview

Posted on
  • Rabu, 07 November 2012
  • by
  • Marta Adi Putra
  • in
  • Label:

  • 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 serta drag and drop, Sebelumnya fitur ini bergantung pada plugins pihak ketiga di penjelajah web seperti Adobe Flash dan Microsoft Silverlight.


    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>. Beberapa elemen yang telah ditinggalkan juga ditiadakan, termasuk elemen presentasi semata seperti <font> dan <center>, yang sebenarnya dapat dikerjakan menggunakan Cascading Style Sheet (CSS). Kunjungi Site ini untuk full lists HTML5 Markup


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

    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 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
    • Atribut baru: ping (pada elemen a and area), charset (pada meta), async ([ada 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 site ini untuk melihat pembaharuan draft terkini antara HTML5 dan HTML4. Apakah browser anda telah mendukung HTML5 ? silahkan kunjungi link berikut untuk mengetahuinya :

    referensi : http://www.cipulaida.com/Programming/HTML-/-CSS/HTML5-Overview

    0 komentar:

    Posting Komentar

    Silahkan tinggalkan komentar dengan mengisi kolom berikut. Berkomentarlah dengan santun tanpa unsur SARA. Terima Kasih :)

     
    Copyright (c) 2012 - 2013 RPLCamp SMKN 1 Denpasar
    Design and Content by RPLCamp Journalistic Team