SlideShare a Scribd company logo
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

Similar to Html5

HTML5
HTML5HTML5
HTML5
ucienmapcu
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
menghilang
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
Novita Sari
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
rizki pradana
 
PPT HTML5
PPT HTML5PPT HTML5
PPT HTML5
utia yahya
 
Ppt html5
Ppt html5Ppt html5
Ppt html5mutianb
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
044249
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
ikasulistiyani
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
datarole. PT
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
ALvin Septian
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
Elisanendes
 
Tugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art davidTugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art david
art david
 
Tugas 8 rekweb
Tugas 8   rekwebTugas 8   rekweb
Tugas 8 rekweb
rimaafauziaah
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020mutia902
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
Ummi khairani
 

Similar to Html5 (20)

HTML5
HTML5HTML5
HTML5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
PPT HTML5
PPT HTML5PPT HTML5
PPT HTML5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
 
Html5
Html5 Html5
Html5
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Tugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art davidTugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art david
 
Html 5
Html 5Html 5
Html 5
 
Tugas 8 rekweb
Tugas 8   rekwebTugas 8   rekweb
Tugas 8 rekweb
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
Html 5
Html 5Html 5
Html 5
 

More from Uun Riun

Cloud Computing
Cloud ComputingCloud Computing
Cloud ComputingUun Riun
 

More from Uun Riun (6)

Mikro tik
Mikro tikMikro tik
Mikro tik
 
Cloud Computing
Cloud ComputingCloud Computing
Cloud Computing
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Java
JavaJava
Java
 
Android
AndroidAndroid
Android
 

Html5

  • 1.
  • 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