Komentar: HTML 5 adalah standar jaringan baru, bertujuan untuk menggantikan standar HTML 4.01, XHTML 1.0 dan DOM Level 2 HTML yang ada
Ia berharap dapat mengurangi kebutuhan browser akan aplikasi Internet Rich (RIA) berbasis plug-in yang membutuhkan plug-in, seperti Adobe Flash, Microsoft Silverlight, dan Sun JavaFX.HTML 5 menyediakan beberapa elemen dan atribut baru yang mencerminkan situs web penggunaan modern yang khas. Beberapa dari mereka secara teknis mirip dengan tag <div> dan <span>, tetapi memiliki beberapa makna, seperti <av> (blok navigasi situs web) dan <footer>. Tag ini akan kondusif untuk pengindeksan mesin pencari, perangkat layar kecil dan orang -orang tunanetra. Ini juga menyediakan fitur -fitur baru untuk elemen penelusuran lainnya melalui antarmuka standar seperti <Audio> dan <Video> tag.
Beberapa tag HTML 4 yang sudah ketinggalan zaman akan dibatalkan, termasuk yang digunakan murni sebagai efek tampilan, seperti <font> dan <Enter>, karena telah digantikan oleh CSS. Ada juga beberapa perilaku jaringan (via) melalui DOM.
Mari kita lihat beberapa penggunaan tag baru yang disediakan oleh HTML 5 dan perbedaan dari HTML 4.
Tag <Artikel> mendefinisikan konten eksternal. Misalnya, artikel baru dari penyedia berita eksternal, baik dari blog, atau dari forum. Atau berasal dari sumber eksternal lainnya.
Html5: <cartikel> </artikel>
Html4: <div> </div>
Tag <sander> mendefinisikan konten selain artikel. Konten samping harus terkait dengan konten artikel.
HTML5: Konten <sendeng> engendar adalah konten independen, tetapi harus terkait dengan konten dokumen. </side>
Html4: <div> Konten samping independen, tetapi harus terkait dengan konten dokumen. </div>
Tag <dial> mendefinisikan suara, seperti musik atau aliran audio lainnya.
Html5: <audio src = someaudio.wav> browser Anda tidak mendukung tag audio. </audio>
Html4: <objek tipe = aplikasi/data ogg = someaudio.wav> <param name = nilai src = someaudio.wav> </bodes>
Tag <an Canvas> mendefinisikan grafik, seperti grafik dan gambar lainnya. Elemen HTML ini dirancang untuk grafik vektor klien. Itu tidak bertindak sendiri, tetapi menyajikan API gambar ke JavaScript klien untuk memungkinkan skrip menggambar semua yang ingin Anda gambar ke kanvas.
Html5: <canvas id = myCanvas width = 200 tinggi = 200> </canvas>
Html4: <data objek = inc/hdr.svg type = gambar/svg+lebar xml = 200 tinggi = 200> </objek>
Tag <command> mendefinisikan tombol perintah, seperti tombol radio, kotak centang, atau tombol.
Html5: <command onclick = cut () label = cut>
Html4: tidak ada
Tag <Datalist> mendefinisikan daftar data opsional. Digunakan dengan elemen input untuk membuat daftar drop-down dari nilai input.
Html5: <datalist> </datalist>
Html4: lihat ComboBox.
Tag <details> mendefinisikan detail elemen yang dapat dilihat atau disembunyikan pengguna dengan mengklik. Gunakan dengan <agendang> untuk membuat judul detail. Judulnya terlihat oleh pengguna dan detail dapat dinyalakan atau dimatikan saat diklik.
Html5: <detail> </betail>
Html4: <dl style = display: hidden> </ll>
Tag <sembed> mendefinisikan konten tertanam, seperti plugin.
Html5: <embed src = horse.wav />
Html4: <data objek = flash.swf type = application/x-shockwave-flash> </ject>
Tag <bapcaption> mendefinisikan judul elemen gambar. Elemen FigCaption harus ditempatkan pada posisi elemen anak pertama atau terakhir dari elemen gambar.
Html5: <figure> <figcaption> prc </figcaption> </tigur>
Html4: tidak ada
Tag <tigur> digunakan untuk menggabungkan elemen. Gunakan elemen <figCaption> untuk menambahkan judul ke grup elemen.
Html5: <figure> <figcaption> prc </figcaption> <p> Republik Rakyat Tiongkok lahir pada tahun 1949 ... </p> </figure>
Html4: <dl> <h1> prc </h1> <p> Republik Rakyat Tiongkok lahir pada tahun 1949 ... </p> </ll>
Tag <footer> mendefinisikan footer bagian atau dokumen. Biasanya, itu akan berisi nama pencipta, tanggal pembuatan dokumen, dan/atau informasi kontak.
Html5: <footer> </footer>
Html4: <div> </div>
Tag <Header> mendefinisikan header bagian atau dokumen.
Html5: <Header> </teader>
Html4: <div> </div>
Tag <hgroup> digunakan untuk menggabungkan judul halaman web atau bagian.
Html5: <hgroup> </hgroup>
Html4: <div> </div>
Tag <yyygen> mendefinisikan kunci pembuatan.
Html5: <Keygen>
Html4: tidak ada
<mark> terutama digunakan untuk menyajikan teks secara visual yang perlu disorot kepada pengguna. Aplikasi khas tag <cark> adalah untuk menyoroti kata kunci pencarian kepada pengguna dalam hasil pencarian.
Html5: <mark> </mark>
Html4: <span> </span>
Tag <teter> mendefinisikan bobot dan ukuran. Gunakan hanya untuk metrik dengan nilai maksimum dan minimum yang diketahui. Ruang lingkup metrik harus ditentukan, baik dalam teks elemen atau dalam atribut min/max.
Html5: <meter> </feter>
Html4: tidak ada
Tag <av> mendefinisikan bagian tautan navigasi.
Html5: <av> </av>
Html4: <ul> </ul>
Tag <sel output> mendefinisikan berbagai jenis output, seperti output skrip.
HTML5: <Ontput> </output>
Html4: <span> </span>
<vrogress> Proses menjalankan tag. Anda dapat menggunakan tag <progress> untuk menampilkan proses fungsi yang memakan waktu di JavaScript.
Html5: <mrogress> </progress>
Html4: tidak ada
Tag <rp> digunakan dalam komentar ruby untuk menentukan apa yang ditampilkan di browser yang tidak mendukung elemen ruby.
Html5: <buby> han <rt> <rp> (</rp> ㄏㄢˋ <rp>) </rp> </rt> </buby>
Html4: tidak ada
<rt> Tag menentukan interpretasi atau pengucapan karakter (pengucapan atau karakter Cina).
Html5: <buby> han <rt> ㄏㄢˋ </rt> </ruby>
Html4: tidak ada
<muby> Definisi tag komentar ruby (pengucapan atau karakter Cina).
Html5: <buby> han <rt> <rp> (</rp> ㄏㄢˋ <rp>) </rp> </rt> </buby>
Html4: tidak ada
Tag <section> mendefinisikan bagian (bagian, bagian) dalam dokumen. Misalnya, bab, header, footer, atau bagian lain dari dokumen.
Html5: <section> </siction>
Html4: <div> </div>
Tag <source> mendefinisikan sumber daya media untuk elemen media seperti <Video> dan <Audio>.
Html5: <source>
Html4: <param>
Tag <summary> berisi judul elemen detail, yang menjelaskan informasi terperinci tentang dokumen atau fragmen dokumen. Elemen ringkasan harus menjadi elemen anak pertama dari elemen detail.
Html5: <details> <summary> html 5 </summary> dokumen ini mengajarkan Anda semua yang harus Anda pelajari tentang html 5. </betail>
Html4: tidak ada
Tag <Time> mendefinisikan tanggal atau waktu, atau keduanya.
Html5: <lime> </tipe>
Html4: <span> </span>
Tag <dide> mendefinisikan video, seperti klip film atau streaming video lainnya.
Html5: <video src = film.ogg controls = kontrol> browser Anda tidak mendukung tag video. </dide>
Html4: <objek tipe = video/ogg data = movie.ogv> <param name = src value = film.ogv> </bodes>