Html5

Post on 08-Jul-2015

108 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

Transcript

PENGENALAN HTML5 DAN PERBEDAANNYA DENGAN

XTML

Nama : Ika Susila JNIM : (1102412035)Rombel : 03

Pengertian HTML5

HTML (HyperText Mark up Language) merupakan suatu metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML bukan merupakan suatu bahasa pemrograman namun hanya memberi tanda (marking up) pada suatu naskah

HTML5 adalah suatu spesifikasi atau standard yang dikeluarkan oleh W3C (World Wide Web Consortium) sebagai revisi dari standard HTML. Saat ini ditulis kita banyak menjumpai aplikasi web yang masih menggunakan standard HTML4 namun beberapa sudah mulai migrasi ke standard web HTML5.

HTML5 telah dipublikasikan secara resmi oleh W3C pada bulan Mei 2011 dan rencananya akan terus dikembangkan hingga tahun 2014 nanti. Walaupun HTML5 masih terus dikembangkan, jangan khawatir untuk menggunakan HTML5 karena saat ini HTML5 hanya membutuhkan penyempurnaan saja, sudah tidak lagi berada di masa percobaan yang bisa berstatus produksi gagal

Sejarah HTML5

Tahun 2004 diadakan workshop tentang evolusi untuk HTML5 dan saat itulah muncul ide-ide dan gagasan tentang Semantic Web. Tahun 2007, W3C ikut serta dalam pengembangan HTML5 dan terbentuklah suatu komunitas WHATWG (Web Hypertext Application Technology Working Group). Perusahaan besar seperti Mozilla, Opera dan Apple mengakui HTML5 dipublikasikan oleh W3C dengan lisensi komunitas WHATWG.

Sejauh ini browser desktop maupun browser mobile sudah mampu mengimplementasikan HTML5, walaupun belum sepenuhnya sempurna. Browser yang saat ini paling maju untuk fitur HTML5 atau semantic web adalah Google Chrome.

Kelebihan dan Kelemahan HTML5

Kelebihan Merupakan bahasa pengkodean yang lintas

platform (cross platform) Dukungan yang lebih baik untuk

penyimpanan secara offline Penulisan kode yang lebih efisien Dapat disisipi gambar Mengurangi kebutuhan untuk plugin

eksternal Konten yang ada di situs lebih mudah

terindeks oleh search engine

Kelemahan

Memiliki tag-tag yang begitu banyaksehingga susah dipelajari untuk yang masih awam

Tidak dapat menghasilkan halaman yang interaktif

masih dalam pengembangan, beberapa browser pendukung HTML5 : Safari, Chrome, Firefox, dan Opera

Fitur HTML5

Canvas

Audio dan Video

Local Storage

Web Workers

Semantics

Perbedaan HTML dengan XTML

Elemen XHTML harus tersusun secara benar

XHTML merupakan dokumen yang “well-formed”

Nama tag harus menggunakan huruf kecil

Semua elemen XHTML harus memiliki penutup

Membuat Website Html5

Buat folder

Basic Mark Up

Memasukan script pendukung ke dalam bagian Body html

Masukkan kode

silahkan copy ke Notepad ++ atau lainnnya kemudian simpan dengan nama index.html di folder yang telah kamu tulis

Setelah semua terkumpul di folder yang terdiri dari file index.html, style.css dan folder images kini saatnya kita memanggil di browser dengan mengetikan urlnya

untuk memanggil file css kita perlu menambahkan script ini di bawah tag <title>

<link href="style.css" rel="stylesheet" type="text/css" />

Cara Untuk Menguji Browser Support HTML5

pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut

http://html5test.com

Sebagai contoh ilustrasi, penulis menggunakan browser Firefox versi 3.6.13 menghasilkan skor 139 dan bonus skor 4 seperti yang terlihat pada gambar dibawah ini.

Terima Kasih

top related