Elemen baharu HTML5

HTML 5 ialah standard web baharu yang bertujuan menggantikan standard HTML HTML 4.01, XHTML 1.0 dan DOM Level 2 sedia ada. Ia berharap dapat mengurangkan keperluan penyemak imbas untuk aplikasi internet kaya (RIA) berasaskan plug-in, seperti Adobe Flash, Microsoft Silverlight dan Sun JavaFX.

HTML 5 menyediakan beberapa elemen dan atribut baharu yang mencerminkan penggunaan tapak web moden yang tipikal. Sesetengah daripadanya secara teknikal serupa dengan teg <div> dan <span>, tetapi mempunyai maksud tertentu, seperti <nav> Teg sedemikian akan memudahkan pengindeksan enjin carian, peranti skrin kecil dan penggunaan oleh orang cacat penglihatan. Ia juga menyediakan kefungsian baharu untuk elemen penyemakan imbas yang lain, seperti tag <audio> dan <video>

Mari kita lihat beberapa penggunaan teg baharu yang disediakan oleh HTML 5 dan perbezaan daripada HTML. Teg

<artikel> mentakrifkan kandungan luaran. Contohnya, artikel baharu daripada pembekal berita luaran, atau teks daripada blog, atau teks daripada forum. Atau kandungan daripada sumber luar yang lain.
HTML5:<article></article>
HTML4:<div></div>

<teg tepi> Kandungan ketepikan hendaklah berkaitan dengan kandungan artikel.
HTML5:<aside>Kandungan Aside ialah kandungan bebas, tetapi harus berkaitan dengan kandungan dokumen. </aside>
HTML4:<div>Kandungan Aside ialah kandungan bebas, tetapi harus berkaitan dengan kandungan dokumen. </div>

<audio> teg mentakrifkan bunyi, seperti muzik atau strim audio lain.
HTML5:<audio src="someaudio.wav">Pelayar anda tidak menyokong teg audio. </audio>
HTML4:<jenis objek="application/ogg" data="someaudio.wav"><param name="src" value="someaudio.wav"></objek> ;

<canvas> mentakrifkan grafik, seperti carta dan imej lain. Elemen HTML ini direka untuk grafik vektor sisi pelanggan. Ia tidak mempunyai gelagat sendiri, tetapi mendedahkan API lukisan kepada JavaScript pelanggan supaya skrip boleh melukis apa sahaja yang dikehendakinya ke kanvas.
HTML5:<canvas id="myCanvas" width="200" height="200"></canvas>
HTML4:<data objek="inc/hdr.svg" type=" image/svg+xml" width="200" height="200"></object>

<command> teg mentakrifkan butang arahan, seperti butang radio, kotak semak atau butang.
HTML5: <command onclick=cut()" label="cut">
HTML4: none

<datalist> Label mentakrifkan senarai data pilihan. Digunakan bersama dengan elemen input , anda boleh membuat senarai lungsur turun nilai input
HTML5: <datalist></datalist>
HTML4: lihat combobox.

<details> butiran elemen boleh dilihat, atau diklik untuk disembunyikan Digunakan dengan <legend> ;details></details>
HTML4: <dl style="display:hidden"></dl>

HTML4: <object data="flash.swf" type="application/x-shockwave-flash"></object> ; Teg

<figcaption> angka> <figcaption>PRC</figcaption></figure>

Teg

<figure> digunakan untuk menggabungkan elemen. Gunakan elemen <figcaption> untuk menambah kapsyen pada kumpulan elemen.
HTML5: <figure><figcaption>PRC</figcaption><p>Republik Rakyat China dilahirkan pada tahun 1949...</p></figure>
HTML4: < ;dl><h1>PRC</h1><p>Republik Rakyat China dilahirkan pada tahun 1949...</p></dl>

<footer> Pengaki bahagian atau dokumen. Biasanya, ia akan mengandungi nama pengarang, tarikh dokumen itu dibuat dan/atau maklumat hubungan.
HTML5: <footer></footer>
HTML4: <div></div>

<header>
HTML5: <header></header>
HTML4: <div></div>

<hgroup> teg digunakan untuk menandakan halaman web atau bahagian digabungkan.
HTML5: <hgroup></hgroup>
HTML4: <div></div>

<keygen> teg mentakrifkan kunci yang dijana.
HTML5: <keygen>
HTML4: none

<mark> Ia digunakan terutamanya untuk mempersembahkan teks secara visual yang perlu diserlahkan kepada pengguna. Aplikasi biasa teg <mark> adalah untuk menyerlahkan kata kunci carian kepada pengguna dalam hasil carian.
HTML5: <mark></mark>
HTML4: <span></span>

<meter> teg menentukan berat dan ukuran. Gunakan hanya untuk ukuran dengan nilai maksimum dan minimum yang diketahui. Julat ukuran mesti ditakrifkan, sama ada dalam teks elemen atau dalam atribut min/maks.
HTML5: <meter></meter>
HTML4: tiada

<nav> Teg mentakrifkan bahagian pautan navigasi.
HTML5: <nav></nav>
HTML4:<ul></ul>

<output> teg mentakrifkan jenis output yang berbeza, seperti output sebuah skrip.
HTML5: <output></output>
HTML4: <span></span>

<progress> Anda boleh menggunakan teg <kemajuan> untuk memaparkan kemajuan fungsi yang memakan masa dalam JavaScript.
HTML5: <progress></progress>
HTML4: none

<rp> tag digunakan dalam ulasan ruby ​​​​untuk menentukan kandungan yang dipaparkan oleh penyemak imbas yang tidak menyokong ruby unsur .
HTML5: <ruby>汉<rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby><4🎜>HTML : tiada

HTML5: <ruby>汉<rt> ㄏㄢˋ </rt></ruby>
HTML4: tiada atau aksara).
HTML5: <ruby>汉<rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby><4🎜>HTML : tiada

<section> teg mentakrifkan bahagian (bahagian, bahagian) dalam dokumen. Seperti bab, pengepala, pengaki atau bahagian lain dokumen.
HTML5: <section></section>
HTML4: <div></div>

teg<sumber> mentakrifkan sumber media untuk elemen media (seperti <video> dan <audio>).
HTML5: <sumber>
HTML4: <param>

<ringkasan> Teg mengandungi tajuk elemen butiran Elemen "perincian" digunakan untuk menerangkan maklumat terperinci dokumen atau serpihan dokumen . Elemen "ringkasan" hendaklah anak pertama bagi elemen "butiran".
HTML5: <details><summary>HTML 5</summary>Dokumen ini mengajar anda semua yang anda perlu pelajari tentang HTML 5.</details>
HTML4: none

< teg ;masa> mentakrifkan tarikh atau masa, atau kedua-duanya.
HTML5: <time></time>
HTML4: <span></span>

<video> teg mentakrifkan video, seperti klip filem atau lain-lain aliran video.
HTML5: <video src="movie.ogg" controls="controls">Pelayar anda tidak menyokong teg video. </video>
HTML4:<jenis objek="video/ogg" data="movie.ogv"><nama param="src" value="movie.ogv"></objek> ;

Elemen Dialih Keluar

Elemen HTML 4.01 berikut telah dialih keluar dalam HTML5:

<akronim>

<applet>

<basefont>

<besar>

<center>

<dir>

< <frame>

<frameset>

<noframes>

<strike>

<tt> 🎜>

bahagian seterusnya