Rumah >hujung hadapan web >Tutorial H5 >html5 tag_html5 kemahiran tutorial

html5 tag_html5 kemahiran tutorial

WBOYasal: 2016-05-16 15:51:321548semak imbas

W3C mengeluarkan draf kerja HTML 5 terkini pada 22 Januari 2008. Kumpulan kerja HTML 5 termasuk AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera dan ratusan pembangun lain. Beberapa ciri baharu dalam HTML 5: berfungsi untuk membenamkan audio, video dan imej, storan data sisi klien dan dokumen interaktif. Ciri lain termasuk elemen halaman baharu seperti

, ,

dan

HTML 5 meningkatkan kesalingoperasian dan mengurangkan kos pembangunan dengan mewujudkan peraturan yang tepat untuk cara mengendalikan semua elemen HTML dan cara memulihkan daripada ralat.

Turutan abjad

4: Menunjukkan sama ada elemen ini ditakrifkan dalam HTML 4.01
5: Menunjukkan sama ada elemen ditakrifkan dalam HTML 5

Tentukan jenis dokumen. 45 Tentukan hiperpautan. 4 5 Takrifkan singkatan. 4 5 Tidak disokong. Takrifkan akronim. 4 Tentukan elemen alamat. 4 5 Tidak disokong. Takrifkan applet. 4Tentukan kawasan dalam peta imej. 45Tentukan artikel. 5Tentukan kandungan di luar kandungan halaman. 5

Tentukan kandungan bunyi. 5Tentukan teks tebal. 45Tentukan URL asas untuk semua pautan dalam halaman. 45Tidak disokong. Sila gunakan CSS sebaliknya. 4Tentukan arah paparan teks. 45Tidak disokong. Tentukan teks besar. 4

Tentukan rujukan panjang. 45Tentukan elemen badan. 45
Sisipkan aksara baris baharu. 45Tentukan butang. 45Tentukan grafik. 5Tentukan tajuk jadual. 45Tidak disokong. Mentakrifkan teks berpusat. 4Tentukan rujukan. 45Tentukan teks kod komputer. 45Tentukan sifat lajur jadual. 45Tentukan pengumpulan lajur jadual. 45Tentukan butang arahan.

tag	Penerangan	4	5
	Tentukan anotasi.	4	5


























		5
	Tentukan data dalam senarai pokok.		5
	Tentukan senarai lungsur turun.		5
	Tentukan templat data.		5
	Tentukan huraian definisi.	4	5
	Tentukan padam teks.	4	5
	Mentakrifkan butiran elemen.		5
	Tentukan perbualan (sesi).		5
	Tidak disokong. Tentukan penyenaraian direktori.	4
	Tentukan bahagian dalam dokumen.	4	5
	Tentukan item definisi.	4	5
	Tentukan senarai definisi.	4	5
	Tentukan item yang ditentukan.	4	5
	Takrifkan teks penekanan.	4	5
	Tentukan kandungan interaktif luaran atau pemalam.		5
	Tentukan sasaran untuk acara yang dihantar pelayan.		5
	Tentukan set medan.	4	5
	Tentukan kumpulan kandungan media, dan tajuknya.		5
	Tidak setuju. Tentukan fon, saiz dan warna teks.	4
	Tentukan pengaki bahagian atau halaman.		5
	Tentukan borang.	4	5
	Tidak disokong. Tentukan tingkap kanak-kanak (bingkai).	4
	Tidak disokong. Mentakrifkan set bingkai.	4
kepada	Tentukan Tajuk 1 hingga Tajuk 6.	4	5
	Tentukan maklumat tentang dokumen.	4	5
	Tentukan pengepala bahagian atau halaman.		5
	Tentukan garis mendatar.	4	5
	Tentukan dokumen html.	4	5
	Tentukan teks condong.	4	5
</td> <td>Tentukan sub-tingkap (bingkai) dalam baris.</td> <td>4</td> <td>5</td> </tr> <tr> <td><img></td> <td>Tentukan imej. </td> <td>4</td> <td>5</td> </tr> <tr> <td><input></td> <td>Tentukan medan input. </td> <td>4</td> <td>5</td> </tr> <tr> <td><masuk></td> <td>Tentukan teks yang disisipkan. </td> <td>4</td> <td>5</td> </tr> <tr> <td><isindex></td> <td>Tidak disokong. Mentakrifkan medan input satu baris. </td> <td>4</td> <td> </td> </tr> <tr> <td><kbd></td> <td>Tentukan teks papan kekunci. </td> <td>4</td> <td>5</td> </tr> <tr> <td><label></td> <td>Tentukan anotasi untuk kawalan borang. </td> <td>4</td> <td>5</td> </tr> <tr> <td><legenda></td> <td>Tentukan tajuk dalam set medan. </td> <td>4</td> <td>5</td> </tr> <tr> <td><li></td> <td>Tentukan item dalam senarai. </td> <td>4</td> <td>5</td> </tr> <tr> <td><pautan></td> <td>Tentukan rujukan sumber. </td> <td>4</td> <td>5</td> </tr> <tr> <td><m></td> <td>Tentukan teks bertanda. </td> <td> </td> <td>5</td> </tr> <tr> <td><peta></td> <td>Tentukan pemetaan imej. </td> <td>4</td> <td>5</td> </tr> <tr> <td><menu></td> <td>Tentukan senarai menu. </td> <td>4</td> <td>5</td> </tr> <tr> <td><meta></td> <td>Tentukan maklumat meta. </td> <td>4</td> <td>5</td> </tr> <tr> <td><meter></td> <td>Tentukan metrik dalam julat yang dipratentukan. </td> <td> </td> <td>5</td> </tr> <tr> <td><nav></td> <td>Tentukan pautan navigasi. </td> <td> </td> <td>5</td> </tr> <tr> <td><sarang></td> <td>Tentukan titik bersarang dalam templat data. </td> <td> </td> <td>5</td> </tr> <tr> <td><noframes></td> <td>Tidak disokong. Tentukan bahagian noframe. </td> <td>4</td> <td> </td> </tr> <tr> <td><noskrip></td> <td>Tidak disokong. Tentukan bahagian noskrip. </td> <td>4</td> <td> </td> </tr> <tr> <td><objek></td> <td>Tentukan objek terbenam. </td> <td>4</td> <td>5</td> </tr> <tr> <td><ol></td> <td>Tentukan senarai tersusun. </td> <td>4</td> <td>5</td> </tr> <tr> <td><kumpulan pilih></td> <td>Tentukan kumpulan pilihan. </td> <td>4</td> <td>5</td> </tr> <tr> <td><pilihan></td> <td>Tentukan pilihan dalam senarai juntai bawah. </td> <td>4</td> <td>5</td> </tr> <tr> <td><output></td> <td>Tentukan beberapa jenis output. </td> <td> </td> <td>5</td> </tr> <tr> <td><p></td> <td>Tentukan perenggan. </td> <td>4</td> <td>5</td> </tr> <tr> <td><param></td> <td>Tentukan parameter untuk objek. </td> <td>4</td> <td>5</td> </tr> <tr> <td><pra></td> <td>Tentukan teks praformat. </td> <td>4</td> <td>5</td> </tr> <tr> <td><kemajuan></td> <td>Tentukan kemajuan sebarang jenis tugasan. </td> <td> </td> <td>5</td> </tr> <tr> <td><q></td> <td>Tentukan petikan pendek. </td> <td>4</td> <td>5</td> </tr> <tr> <td><peraturan></td> <td>Tentukan peraturan untuk templat naik taraf. </td> <td> </td> <td>5</td> </tr> <tr> <td><s></td> <td>Tidak disokong. Mentakrifkan teks coretan.</td> <td>4</td> <td> </td> </tr> <tr> <td><samp></td> <td>Tentukan contoh kod komputer. </td> <td>4</td> <td>5</td> </tr> <tr> <td><skrip></td> <td>Tentukan skrip. </td> <td>4</td> <td>5</td> </tr> <tr> <td><bahagian></td> <td>Tentukan bahagian. </td> <td> </td> <td>5</td> </tr> <tr> <td><pilih></td> <td>Tentukan senarai pilihan. </td> <td>4</td> <td>5</td> </tr> <tr> <td><kecil></td> <td>Tidak disokong. Tentukan teks kecil. </td> <td>4</td> <td>5</td> </tr> <tr> <td><sumber></td> <td>Tentukan sumber media. </td> <td> </td> <td>5</td> </tr> <tr> <td><span></td> <td>Tentukan bahagian dalam dokumen. </td> <td>4</td> <td>5</td> </tr> <tr> <td><serang></td> <td>Tidak disokong. Mentakrifkan teks coretan. </td> <td>4</td> <td> </td> </tr> <tr> <td><strong></td> <td>Takrifkan teks penekanan. </td> <td>4</td> <td>5</td> </tr> <tr> <td><gaya></td> <td>Tentukan definisi gaya. </td> <td>4</td> <td>5</td> </tr> <tr> <td><sub></td> <td>Tentukan teks superskrip. </td> <td>4</td> <td>5</td> </tr> <tr> <td><sup></td> <td>Tentukan teks subskrip. </td> <td>4</td> <td>5</td> </tr> <tr> <td><meja></td> <td>Tentukan jadual. </td> <td>4</td> <td>5</td> </tr> <tr> <td><tbody></td> <td>Tentukan badan meja. </td> <td>4</td> <td>5</td> </tr> <tr> <td><td></td> <td>Tentukan sel jadual. </td> <td>4</td> <td>5</td> </tr> <tr> <td><textarea></td> <td>Takrifkan kawasan teks. </td> <td>4</td> <td>5</td> </tr> <tr> <td><tfoot></td> <td>Tentukan pengaki jadual. </td> <td>4</td> <td>5</td> </tr> <tr> <td><th></td> <td>Tentukan pengepala. </td> <td>4</td> <td>5</td> </tr> <tr> <td><kepala></td> <td>Tentukan pengepala. </td> <td>4</td> <td>5</td> </tr> <tr> <td><masa></td> <td>Tentukan tarikh/masa. </td> <td> </td> <td>5</td> </tr> <tr> <td><tajuk></td> <td>Tentukan tajuk dokumen. </td> <td>4</td> <td>5</td> </tr> <tr> <td><tr></td> <td>Tentukan baris jadual. </td> <td>4</td> <td>5</td> </tr> <tr> <td><tt></td> <td>Tidak disokong. Tentukan teks mesin taip. </td> <td>4</td> <td> </td> </tr> <tr> <td><u></td> <td>Tidak disokong. Mentakrifkan teks bergaris. </td> <td>4</td> <td> </td> </tr> <tr> <td><ul></td> <td>Tentukan senarai tidak tertib. </td> <td>4</td> <td>5</td> </tr> <tr> <td><var></td> <td>Takrifkan pembolehubah. </td> <td>4</td> <td>5</td> </tr> <tr> <td><video></td> <td>Tentukan video. </td> <td> </td> <td>5</td> </tr> <tr> <td><xmp></td> <td>Tidak disokong. Tentukan teks praformat. </td> <td>4</td> <td>5</td> </tr> </tbody> </table> </div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Kenyataan：</span><div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div></div></div><div class="nphpSytBox"><span>Artikel sebelumnya：<a class="dBlack" title="Bolehkah HTML5 benar-benar menggantikan petua tutorial Flash_html5" href="https://m.php.cn/ms/faq/6705.html">Bolehkah HTML5 benar-benar menggantikan petua tutorial Flash_html5</a></span><span>Artikel seterusnya：<a class="dBlack" title="Bolehkah HTML5 benar-benar menggantikan petua tutorial Flash_html5" href="https://m.php.cn/ms/faq/6710.html">Bolehkah HTML5 benar-benar menggantikan petua tutorial Flash_html5</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Artikel berkaitan</h2><em><a href="https://m.php.cn/ms/article.html" class="bBlack"><i>Lihat lagi</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle \|\| []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ms/faq/348281.html" title="AlloyTouch全屏滚动插件 30秒搞定顺滑H5页" class="aBlack">AlloyTouch全屏滚动插件 30秒搞定顺滑H5页</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/348372.html" title="HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)" class="aBlack">HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/348373.html" title="HTML5 canvas 9绘制图片实例详解" class="aBlack">HTML5 canvas 9绘制图片实例详解</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/348374.html" title="正则表达式与HTML5新元素" class="aBlack">正则表达式与HTML5新元素</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/348469.html" title="NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法" class="aBlack">NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle \|\| []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p></div><div class="footermid"><a href="https://m.php.cn/ms/about/us.html">Tentang kita</a><a href="https://m.php.cn/ms/about/disclaimer.html">Penafian</a><a href="https://m.php.cn/ms/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times \|\| -1, //100次 _interval = interval \|\| 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 \|\| _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq \|\| []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>