HTML 5
Utia Fauziah Yahya
1102412021
Pengertian
HTML5 adalah suatu spesifikasi atau standard
yang dikeluarkan oleh W3C (World Wide Web
Consortium) sebagai revisi dari standard HTML.
HTML5 dimaksudkan untuk menggolongkan
tidak hanya HTML 4, tapi XHTML 1 dan DOM Level 2
HTML juga. HTML5 ini merupakan hasil proyek dari
lembaga persatuan website dunia, World Wide Web
Consortium (W3C) dan Web Hypertext Application
Technology Working Group (WHATWG). Proyek
tersebut dimulai di tahun 2009 untuk
menyempurnakan bahasa penanda sebelumnya
yang dianggap sudah lawas. Tujuan utama dengan
adanya HTML5 adalah mengurangi penggunaan
plugin-plugin 3rd party pada HTML sehingga dapat
mempercepat kinerja web itu sendiri.
Tujuan
Tujuan utamanya telah meningkatkan
bahasa dengan dukungan untuk multimedia
terkini dengan tetap mudah dibaca oleh manusia
dan secara konsisten dimengerti oleh komputer
dan perangkat (web browser, parser, dll).
Dan juga mengurangi penggunaan pluginplugin 3rd party pada HTML sehingga dapat
mempercepat kinerja web itu sendiri. Pluginplugin tersebut seperti Adobe Flash, Microsft
Silverlight, Java dan lain-lainnya.
Dasar-Dasar HTML





Mendesain HTML berarti melakukan suatu
tindakan pemrograman. Namun HTML
bukanlah sebuah bahasa pemrograman.
Namun HTML hanyalah berisi perintahperintah yang telah terstruktur berupa tag-tag
penyusun.
Mendesain HTML dapat dilakukan dengan
dua cara:
Menggunakan HTML Editor, seperti Microsoft
FrontPage, Adobe Dreamweaver, dan lain-lain.
Dengan cara menuliskan sendiri secara
manual satu persatu tag-tag HTML ke dalam
Elemen baru di HTML 5
Demi mewujudkan struktur halaman web yang
lebih baik semantik dan aksesibilitasnya,
dikenalkanlah beberapa elemen baru,
diantaranya:
 section
 Article
 aside
 header
 footer
 figure, video, audio, source, embed, canvas
Atribut baru di HTML 5






Dikenalkan pula beberapa atribut baru,
seperti:
atribut media, ping pada elemen pranala,
autofocus, placeholder, required, autocomplete
dan sebagainya, terkait elemen input dan form
reversed pada elemen ol untuk urutan besar ke
kecil.
Beberapa kelebihan yang
dijanjikan pada HTML5









Dapat ditulis dalam sintaks HTML (dengan tipe
media text/HTML) danXML.
Integrasi yang lebih baik dengan aplikasi situs
dan pemrosesannya.
Integrasi (‘inline’) dengan doctype yang lebih
sederhana.
Penulisan kode yang lebih efisien.
Konten yang ada di situs lebih mudah
terindeks oleh search engine.
Browser yang Mendukung
HTML







Opera Web Browser (mulai dari Opera 9.2
sampai yang terbaru saat ini yaitu opera 10)
Safari (mulai dari versi 3.1)
FireFox (Mulai dari FireFox 3 )
Google Chrome (Mulai dari versi 3)
Internet Explorer (Mulai dari versi 8)
Terima Kasih…

PPT HTML5

  • 1.
    HTML 5 Utia FauziahYahya 1102412021
  • 2.
    Pengertian HTML5 adalah suatuspesifikasi atau standard yang dikeluarkan oleh W3C (World Wide Web Consortium) sebagai revisi dari standard HTML. HTML5 dimaksudkan untuk menggolongkan tidak hanya HTML 4, tapi XHTML 1 dan DOM Level 2 HTML juga. HTML5 ini merupakan hasil proyek dari lembaga persatuan website dunia, World Wide Web Consortium (W3C) dan Web Hypertext Application Technology Working Group (WHATWG). Proyek tersebut dimulai di tahun 2009 untuk menyempurnakan bahasa penanda sebelumnya yang dianggap sudah lawas. Tujuan utama dengan adanya HTML5 adalah mengurangi penggunaan plugin-plugin 3rd party pada HTML sehingga dapat mempercepat kinerja web itu sendiri.
  • 3.
    Tujuan Tujuan utamanya telahmeningkatkan bahasa dengan dukungan untuk multimedia terkini dengan tetap mudah dibaca oleh manusia dan secara konsisten dimengerti oleh komputer dan perangkat (web browser, parser, dll). Dan juga mengurangi penggunaan pluginplugin 3rd party pada HTML sehingga dapat mempercepat kinerja web itu sendiri. Pluginplugin tersebut seperti Adobe Flash, Microsft Silverlight, Java dan lain-lainnya.
  • 4.
    Dasar-Dasar HTML   Mendesain HTMLberarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintahperintah yang telah terstruktur berupa tag-tag penyusun. Mendesain HTML dapat dilakukan dengan dua cara: Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam
  • 5.
    Elemen baru diHTML 5 Demi mewujudkan struktur halaman web yang lebih baik semantik dan aksesibilitasnya, dikenalkanlah beberapa elemen baru, diantaranya:  section  Article  aside  header  footer  figure, video, audio, source, embed, canvas
  • 6.
    Atribut baru diHTML 5    Dikenalkan pula beberapa atribut baru, seperti: atribut media, ping pada elemen pranala, autofocus, placeholder, required, autocomplete dan sebagainya, terkait elemen input dan form reversed pada elemen ol untuk urutan besar ke kecil.
  • 7.
    Beberapa kelebihan yang dijanjikanpada HTML5      Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) danXML. Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya. Integrasi (‘inline’) dengan doctype yang lebih sederhana. Penulisan kode yang lebih efisien. Konten yang ada di situs lebih mudah terindeks oleh search engine.
  • 8.
    Browser yang Mendukung HTML      OperaWeb Browser (mulai dari Opera 9.2 sampai yang terbaru saat ini yaitu opera 10) Safari (mulai dari versi 3.1) FireFox (Mulai dari FireFox 3 ) Google Chrome (Mulai dari versi 3) Internet Explorer (Mulai dari versi 8)
  • 9.