SlideShare a Scribd company logo
Html5
Sejarah HTML5
HTML

• 1991

HTML2 • 1994
HTML
4.01

• 1997

XHTML

• 2000

HTML5

• 2005
Fungsi HTML5
Fungsi
Utama
HTML5
Mengurangi penggunaan
plugin-plugin 3rd party
pada HTML sehingga
dapat mempercepat
kinerja web itu sendiri.
HTML5 lebih simpel dan handal
Dalam HTML5 terkandung semnatic yang bagus
Web Storage
Audio dan Video
Performance
for Gaming and Application
Dapat ditulis dalam sintaks HTML
Penulisan kode yang lebih efesien
Konten yang ada di situs lebih mudah terindeks oleh
search engine.
10. Integrasi dengan Doctype yang lebih sederhana.
1.
2.
3.
4.
5.
6.
7.
8.
9.
Lanjutan…
11. Integrasi yang lebih baik dengan aplikasi situs dan
pemrosesan.
12. HTML5 akan menyederhanakan pengembangan web.
13. HTML5 merupakan perangkat yang mandiri.
14. Penanganan kesalahan yang lebih baik.
15. Mengurangi kebutuhan untuk plugin eksternal (
Seperti Flash ).
16. Lebih markup untuk menggantikan scripting.
17. Proses loading lebih cepat.
18. Validasi data lebih mudah menggunakan tag, atribut
dan input types yang menjadi teknologi baru sehingga
mengurangi penggunaan
0 Hanya beberapa fitur yang sudah kompetebel.
0 Masih dalam proses pengembangan yang belum pasti.
Dibawah ini perbedaan yang apling mencolok antara HTML4
dan HTML5 adalah:
0 Pada HTML5 terdapat tag baru yang lebih modern, seperti
<nav> dan <footer>.
0 Terdapat fitur multimedia dalam spesifikasi HTML5, seperti
tag <audio> dan <video>.
1. Dalam bidang Pendidikan:
Tes TOEFL
Palajaran bahasa Mandarin di SD Xaverius 3
Bandar Lampung

2. Dalam bidang bisnis  Sebagai lahan
pekerjaan
DOCTYPE
Dalam HTML5 DOCTYPE digunakan untuk
memastikan bahwa browser merender atau
membaca halaman situs dalam mode standar.
Cara menggunakan sintak DOCTYPE lebih
sederhana dibanding dengan sebelumnya hanya
< DOCTYPE html>.
0Validasi
0Fungsi fitur HTML5 yang belum

maksimal.
Cara Mengatasi Masalah
Validasi
0 Buka blog Anda, backup terlebih dahulu untuk

mencegah terjadi sesuatu.
0 Masuk ke Template dan pilih edit HTML.
0 Centang semua widget agar terbuka.
0 Lalu gunakan CTRL+F, selanjutnya cari kode
<b:include name=’quickedit’/>
0 Hapus kode tersebut, hapus semuanya.
0 Lalu simpan Template tersebut.
Terima Kasih
Teknologi Pendidikan ‘12
Teknologi Informasi dan komunikasi

More Related Content

PPTX
Powerpoint Html5
PPT
Tugas 8 – rekayasa web
PPT
Html 5
DOCX
Jadual kejohanan sukan 2012
PDF
Travesia, Revista Scout del grupo 88 De SFM, RD.
PDF
Computadoras de ultima generación =)
PDF
Enroll Wyandotte! English and Spanish logo slogans
PDF
Original plan de trabajo - dic 2013 (1)oral s1
Powerpoint Html5
Tugas 8 – rekayasa web
Html 5
Jadual kejohanan sukan 2012
Travesia, Revista Scout del grupo 88 De SFM, RD.
Computadoras de ultima generación =)
Enroll Wyandotte! English and Spanish logo slogans
Original plan de trabajo - dic 2013 (1)oral s1

Viewers also liked (7)

PPTX
PLN Presentation VAASL 13
PDF
Hotel Piratuba
PPTX
George salinas
PPTX
Java
PDF
Original plan de trabajo - dic 2013 (1)language s2
PDF
Original plan de trabajo - dic 2013 (1)oral s3
PPTX
Marketing promocional. sesión 1
PLN Presentation VAASL 13
Hotel Piratuba
George salinas
Java
Original plan de trabajo - dic 2013 (1)language s2
Original plan de trabajo - dic 2013 (1)oral s3
Marketing promocional. sesión 1
Ad

Similar to Html5 (20)

PPTX
HTML5
PPTX
Html5 ppt
PPTX
Tugas 8
PPTX
Ppt html5
PPTX
Makalah html5
PPTX
PPT HTML5
PPTX
Makalah html5
PPTX
Ppt html5
PPTX
Html5 ppt
PPTX
Tugas 8 rekayasa web
PPT
Pengenalan html5
PPTX
Tugas rekayasa web
PPTX
Tugas 8
PPTX
Tugas 8 rekayasa web 1211510944 art david
PPTX
Tugas 8 rekweb
PPTX
Ppt html5 rully_amrizal_1102412020
PPTX
Tugas 8 rekayasa web
DOCX
HTML5
Html5 ppt
Tugas 8
Ppt html5
Makalah html5
PPT HTML5
Makalah html5
Ppt html5
Html5 ppt
Tugas 8 rekayasa web
Pengenalan html5
Tugas rekayasa web
Tugas 8
Tugas 8 rekayasa web 1211510944 art david
Tugas 8 rekweb
Ppt html5 rully_amrizal_1102412020
Tugas 8 rekayasa web
Ad

More from Uun Riun (6)

PPTX
J query
PPTX
Mikro tik
PPTX
Cloud Computing
PPTX
Html5
PPTX
Html5
PPTX
Android
J query
Mikro tik
Cloud Computing
Html5
Html5
Android

Html5

  • 2. Sejarah HTML5 HTML • 1991 HTML2 • 1994 HTML 4.01 • 1997 XHTML • 2000 HTML5 • 2005
  • 3. Fungsi HTML5 Fungsi Utama HTML5 Mengurangi penggunaan plugin-plugin 3rd party pada HTML sehingga dapat mempercepat kinerja web itu sendiri.
  • 4. HTML5 lebih simpel dan handal Dalam HTML5 terkandung semnatic yang bagus Web Storage Audio dan Video Performance for Gaming and Application Dapat ditulis dalam sintaks HTML Penulisan kode yang lebih efesien Konten yang ada di situs lebih mudah terindeks oleh search engine. 10. Integrasi dengan Doctype yang lebih sederhana. 1. 2. 3. 4. 5. 6. 7. 8. 9.
  • 5. Lanjutan… 11. Integrasi yang lebih baik dengan aplikasi situs dan pemrosesan. 12. HTML5 akan menyederhanakan pengembangan web. 13. HTML5 merupakan perangkat yang mandiri. 14. Penanganan kesalahan yang lebih baik. 15. Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash ). 16. Lebih markup untuk menggantikan scripting. 17. Proses loading lebih cepat. 18. Validasi data lebih mudah menggunakan tag, atribut dan input types yang menjadi teknologi baru sehingga mengurangi penggunaan
  • 6. 0 Hanya beberapa fitur yang sudah kompetebel. 0 Masih dalam proses pengembangan yang belum pasti.
  • 7. Dibawah ini perbedaan yang apling mencolok antara HTML4 dan HTML5 adalah: 0 Pada HTML5 terdapat tag baru yang lebih modern, seperti <nav> dan <footer>. 0 Terdapat fitur multimedia dalam spesifikasi HTML5, seperti tag <audio> dan <video>.
  • 8. 1. Dalam bidang Pendidikan: Tes TOEFL Palajaran bahasa Mandarin di SD Xaverius 3 Bandar Lampung 2. Dalam bidang bisnis  Sebagai lahan pekerjaan
  • 9. DOCTYPE Dalam HTML5 DOCTYPE digunakan untuk memastikan bahwa browser merender atau membaca halaman situs dalam mode standar. Cara menggunakan sintak DOCTYPE lebih sederhana dibanding dengan sebelumnya hanya < DOCTYPE html>.
  • 10. 0Validasi 0Fungsi fitur HTML5 yang belum maksimal.
  • 11. Cara Mengatasi Masalah Validasi 0 Buka blog Anda, backup terlebih dahulu untuk mencegah terjadi sesuatu. 0 Masuk ke Template dan pilih edit HTML. 0 Centang semua widget agar terbuka. 0 Lalu gunakan CTRL+F, selanjutnya cari kode <b:include name=’quickedit’/> 0 Hapus kode tersebut, hapus semuanya. 0 Lalu simpan Template tersebut.
  • 12. Terima Kasih Teknologi Pendidikan ‘12 Teknologi Informasi dan komunikasi