Rumah  >  Artikel  >  hujung hadapan web  >  Apakah tag tunggal dan berganda biasa dalam html5

Apakah tag tunggal dan berganda biasa dalam html5

青灯夜游
青灯夜游asal
2022-05-30 16:06:0017014semak imbas

Teg tunggal biasa dalam HTML5: 1. br, mentakrifkan pemisah baris; 3. img, mentakrifkan imej; Tag berganda biasa: 1. html, mentakrifkan dokumen HTML;

Apakah tag tunggal dan berganda biasa dalam html5

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Teg HTML dibahagikan kepada teg berganda dan teg tunggal. Teg tunggal terdiri daripada satu teg (seperti
), dan teg berganda terdiri daripada dua bahagian: "teg permulaan" dan. "tag akhir".

  • Teg tunggal juga dipanggil teg kosong kerana ia adalah elemen teg HTML tanpa kandungan Ia adalah elemen yang ditutup dalam teg permulaan dan tidak wujud secara berpasangan.

html5 teg ganjil dan genap biasa

Kategori teg Teg biasa
Teg tunggal
标签类别 常见标签
单标签

  • (定义换行符)


  • (定义水平线)

  • (定义图像)

  • (定义输入框)

  • (提供了 HTML 文档的元数据)

  • (定义文档与外部资源的关系,常用于链接样式表)

双标签 (定义HTML文档)、(定义文档头部)、(定义文档标题)、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center></td> </tr> </tbody></table> <p><strong><br> (takrifkan baris mendatar)</strong></p> <p></p><hr> <p></p> <p></p><img>(takrifkan imej)<ul style="list-style-type: disc;"> <li> <p></p><input>(takrifkan kotak input)</li> <li> <p> </p><param></li> <li> <p></p><meta> (menyediakan metadata untuk dokumen HTML) </li> <li> <p></p><pautan> dokumen dan Hubungan antara sumber luaran, selalunya digunakan untuk memautkan helaian gaya) </li> <li><p></p></li> </ul> </td> </tr> <tr> <td>Teg berganda</td> <td style="word- break: break -all;"><html> (takrifkan dokumen HTML), <head> (takrifkan pengepala dokumen), <tajuk> (takrifkan tajuk dokumen), <body>, <table>, < tr> , <td>, <span>, <p>, <bentuk>, <h1>, <h2>, <h3>, <h4>, <h5> h6> , <objek>, <gaya>, <b>, <u>, <strong>, <i>, <div>, <a>, <skrip>, < center> </td> </tr> </tbody></table>Pengetahuan lanjutan: teg html5<li> <p></p>Teg Bahasa Penanda Hiperteks (singkatan bahasa asing: HTML) ialah biasanya Dipanggil tag HTML, tag HTML ialah unit paling asas dalam bahasa HTML Tag HTML adalah komponen HTML yang paling penting (aplikasi di bawah Bahasa Penanda Universal Standard). </li> <li>Kes teg HTML adalah tidak relevan. Contohnya, "body" <body> adalah disyorkan untuk menggunakan huruf kecil. <p></p> Ciri: </li> <p><a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">Kata kunci yang dikelilingi oleh kurungan sudut, seperti <html></a></p> biasanya muncul secara berpasangan Contohnya , <div> dan </div>Teg pertama dalam pasangan teg ialah teg permulaan dan teg kedua ialah teg akhir; Teg pembuka dan penutup juga dikenali sebagai teg pembuka dan teg penutup. juga mempunyai teg yang dibentangkan secara berasingan, seperti: <img src="Baidu Encyclopedia.jpg" />, dsb. Teg yang biasanya muncul secara berpasangan, dengan kandungannya di tengah-tengah dua teg. Jika label dibentangkan secara berasingan, nilai ditetapkan dalam atribut label. Seperti <h1>title</h1> dan <input type="text" value="button" />. Kandungan halaman web mestilah dalam teg <html> dan maklumat seperti tajuk, format aksara, bahasa, keserasian, kata kunci, perihalan, dll. dipaparkan dalam teg <head> dan Kandungan yang akan dipaparkan pada halaman web perlu bersarang dalam teg <body> Kadangkala kod yang ditulis dalam format bukan standard boleh dipaparkan seperti biasa, tetapi sebagai kualiti profesional, tabiat penulisan formal harus dibangunkan. Pengesyoran berkaitan: "tutorial video html"<p>Atas ialah kandungan terperinci Apakah tag tunggal dan berganda biasa dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">html5</a> <a href="javascript:void(0);">html</a> <a href="javascript:void(0);">Object</a> <a href="javascript:void(0);">样式表</a> <a href="javascript:void(0);">input</a> <a href="javascript:void(0);">table</a> <a href="javascript:void(0);">td</a> <a href="javascript:void(0);">tr</a><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="Bagaimana untuk mengesahkan bahawa input tidak boleh kosong dalam jquery" href="http://m.php.cn/ms/faq/492425.html">Bagaimana untuk mengesahkan bahawa input tidak boleh kosong dalam jquery</a></span><span>Artikel seterusnya:<a class="dBlack" title="Bagaimana untuk mengesahkan bahawa input tidak boleh kosong dalam jquery" href="http://m.php.cn/ms/faq/492428.html">Bagaimana untuk mengesahkan bahawa input tidak boleh kosong dalam jquery</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Artikel berkaitan</h2><em><a href="http://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="http://m.php.cn/ms/faq/491294.html" title="Apakah klasifikasi elemen html5?" class="aBlack">Apakah klasifikasi elemen html5?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/491313.html" title="Bolehkah dua div HTML5 diletakkan dalam satu baris?" class="aBlack">Bolehkah dua div HTML5 diletakkan dalam satu baris?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/491452.html" title="Apakah saiz fon lalai html5" class="aBlack">Apakah saiz fon lalai html5</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/492055.html" title="Adakah angka teg baharu dalam html5?" class="aBlack">Adakah angka teg baharu dalam html5?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/492423.html" title="Adakah teg akronim html5 masih menyokongnya?" class="aBlack">Adakah teg akronim html5 masih menyokongnya?</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><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ms/"><b class="icon1"></b><p>Rumah</p></a></li><li><a href="http://m.php.cn/ms/course.html"><b class="icon2"></b><p>Kursus</p></a></li><li><a href="http://m.php.cn/ms/wenda.html"><b class="icon4"></b><p>Soal Jawab</p></a></li><li><a href="http://m.php.cn/ms/login"><b class="icon5"></b><p>saya</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ms/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ms/"><b class="icon1"></b><span>Rumah</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/course.html"><b class="icon2"></b><span>Kursus</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/wenda.html"><b class="icon4"></b><span>Soal Jawab</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/dic.html"><b class="icon6"></b><span>Kamus</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/course/type/99.html"><b class="icon7"></b><span>Manual</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/xiazai/"><b class="icon8"></b><span>Muat turun</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/faq/zt" title="Topik"><b class="icon12"></b><span>Topik</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ms/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ms/" >Rumah</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/wenda.html" >Soal Jawab</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/course.html" >Kursus</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/faq/zt" >Topik</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/xiazai" >Muat turun</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/game" >Permainan</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/dic.html" >Kamus</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><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></html>