Heim > Artikel > Web-Frontend > Was sind die häufigsten Einzel- und Doppel-Tags in HTML5?

Was sind die häufigsten Einzel- und Doppel-Tags in HTML5?

青灯夜游Original: 2022-05-30 16:06:0017028Durchsuche

Gemeinsame einzelne Tags in HTML5: 1. br, definiert Zeilenumbrüche; 3. img, definiert Bilder; 4. input, definiert Eingabefelder usw. Gemeinsame Doppel-Tags: 1. html, definiert das HTML-Dokument; 3. p;

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

HTML-Tags werden in Doppel-Tags und Einzel-Tags unterteilt, die aus einem Tag bestehen (z. B.
), und Doppel-Tags bestehen aus zwei Teilen: einem „Start-Tag“ und einem „End-Tag“.

Einzelne Tags werden auch leere Tags genannt, da es sich um HTML-Tag-Elemente ohne Inhalt handelt. Es handelt sich um Elemente, die im Start-Tag geschlossen sind und keine Paarung erfolgt.

(Bild definieren) (Eingabefeld definieren) ide HTML Metadaten des Dokuments)


	(Definieren Sie die Beziehung zwischen dem Dokument und externen Ressourcen, die häufig zum Verknüpfen von Stylesheets verwendet werden) Doppelte Tags ), < ;head> (Dokumentkopf definieren), (Dokumenttitel definieren), <body>, <tr>, <td>, <span>, < ;p>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <object>, <style>, < ;b>, <u>, <strong>, <i>, <div>, <a>, <script>, <center></li> <li><p></p></li> <li>Erweiterte Kenntnisse: HTML5-Markup<p> </p> </li>Hypertext-Markup-Sprache (Fremdsprachenabkürzung: HTML) Markup-Tags werden oft als HTML-Tags bezeichnet und sind die grundlegendste Einheit in der HTML-Sprache. HTML-Tags sind die wichtigste Komponente von HTML (einer Anwendung unter der Standard Universal Markup Language). ). <li><p>Die Groß-/Kleinschreibung von HTML-Tags spielt keine Rolle. Beispielsweise bedeutet „body“ dasselbe wie „body“ (Körper) und die Verwendung von Kleinbuchstaben. </p></li>Funktionen: <li><p></p></li>Schlüsselwörter, die in spitzen Klammern stehen, wie z. B. <html>, erscheinen normalerweise paarweise, z. B. <div> </ul></td> <tr> Tag-Paare ist das öffnende Tag und das zweite Tag ist das schließende Tag; <td></td> <td style="word-break: break-all;"></td>Die öffnenden und schließenden Tags werden auch öffnende Tags und schließende Tags genannt. </tr> <p>Es gibt auch separat dargestellte Tags, wie zum Beispiel: <img src="Baidu Encyclopedia.jpg" /> <strong></strong></p> <p> Tags, die in der Regel paarweise erscheinen, haben ihren Inhalt in der Mitte der beiden Tags. Wenn das Label separat dargestellt wird, wird der Wert im Label-Attribut zugewiesen. Zum Beispiel <h1>title</h1> und <input type="text" value="button" />. </p> <p></p> <p>Der Inhalt der Webseite muss im <html>-Tag angezeigt werden, der Titel, das Zeichenformat, die Sprache, die Kompatibilität, die Schlüsselwörter, die Beschreibung und andere Informationen müssen im <head>-Tag angezeigt werden Die auf der Webseite angezeigten Informationen müssen im <body>-Tag verschachtelt sein. Manchmal kann in nicht standardmäßigen Formaten geschriebener Code normal angezeigt werden, aber als professionelle Qualität sollten formale Schreibgewohnheiten entwickelt werden. </p> <ul style="list-style-type: disc;"> <li> <p>Verwandte Empfehlungen: „</p>HTML-Video-Tutorial</li>“<li> </ul><p>Das obige ist der detaillierte Inhalt vonWas sind die häufigsten Einzel- und Doppel-Tags in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</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>Stellungnahme：</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel：<a class="dBlack" title="So stellen Sie sicher, dass die Eingabe in JQuery nicht leer sein darf" href="https://m.php.cn/de/faq/492425.html">So stellen Sie sicher, dass die Eingabe in JQuery nicht leer sein darf</a></span><span>Nächster Artikel：<a class="dBlack" title="So stellen Sie sicher, dass die Eingabe in JQuery nicht leer sein darf" href="https://m.php.cn/de/faq/492428.html">So stellen Sie sicher, dass die Eingabe in JQuery nicht leer sein darf</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="https://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/de/faq/491294.html" title="Was sind die Klassifizierungen von HTML5-Elementen?" class="aBlack">Was sind die Klassifizierungen von HTML5-Elementen?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/491313.html" title="Können zwei HTML5-Divs in einer Zeile platziert werden?" class="aBlack">Können zwei HTML5-Divs in einer Zeile platziert werden?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/491452.html" title="Was ist die Standardschriftgröße von HTML5?" class="aBlack">Was ist die Standardschriftgröße von HTML5?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/492055.html" title="Ist „figur' ein neues Tag in HTML5?" class="aBlack">Ist „figur' ein neues Tag in HTML5?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/492423.html" title="Wird das Akronym-Tag HTML5 weiterhin unterstützt?" class="aBlack">Wird das Akronym-Tag HTML5 weiterhin unterstützt?</a><div class="clear"></div></li></ul></div></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p></div><div class="footermid"><a href="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://m.php.cn/de/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></html>

(Definieren Sie die Beziehung zwischen dem Dokument und externen Ressourcen, die häufig zum Verknüpfen von Stylesheets verwendet werden)
Doppelte Tags
), < ;head> (Dokumentkopf definieren), (Dokumenttitel definieren), <body>, <tr>, <td>, <span>, < ;p>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <object>, <style>, < ;b>, <u>, <strong>, <i>, <div>, <a>, <script>, <center></li> <li><p></p></li> <li>Erweiterte Kenntnisse: HTML5-Markup<p> </p> </li>Hypertext-Markup-Sprache (Fremdsprachenabkürzung: HTML) Markup-Tags werden oft als HTML-Tags bezeichnet und sind die grundlegendste Einheit in der HTML-Sprache. HTML-Tags sind die wichtigste Komponente von HTML (einer Anwendung unter der Standard Universal Markup Language). ). <li><p>Die Groß-/Kleinschreibung von HTML-Tags spielt keine Rolle. Beispielsweise bedeutet „body“ dasselbe wie „body“ (Körper) und die Verwendung von Kleinbuchstaben. </p></li>Funktionen: <li><p></p></li>Schlüsselwörter, die in spitzen Klammern stehen, wie z. B. <html>, erscheinen normalerweise paarweise, z. B. <div> </ul></td> <tr> Tag-Paare ist das öffnende Tag und das zweite Tag ist das schließende Tag; <td></td> <td style="word-break: break-all;"></td>Die öffnenden und schließenden Tags werden auch öffnende Tags und schließende Tags genannt. </tr> <p>Es gibt auch separat dargestellte Tags, wie zum Beispiel: <img src="Baidu Encyclopedia.jpg" /> <strong></strong></p> <p> Tags, die in der Regel paarweise erscheinen, haben ihren Inhalt in der Mitte der beiden Tags. Wenn das Label separat dargestellt wird, wird der Wert im Label-Attribut zugewiesen. Zum Beispiel <h1>title</h1> und <input type="text" value="button" />. </p> <p></p> <p>Der Inhalt der Webseite muss im <html>-Tag angezeigt werden, der Titel, das Zeichenformat, die Sprache, die Kompatibilität, die Schlüsselwörter, die Beschreibung und andere Informationen müssen im <head>-Tag angezeigt werden Die auf der Webseite angezeigten Informationen müssen im <body>-Tag verschachtelt sein. Manchmal kann in nicht standardmäßigen Formaten geschriebener Code normal angezeigt werden, aber als professionelle Qualität sollten formale Schreibgewohnheiten entwickelt werden. </p> <ul style="list-style-type: disc;"> <li> <p>Verwandte Empfehlungen: „</p>HTML-Video-Tutorial</li>“<li> </ul><p>Das obige ist der detaillierte Inhalt vonWas sind die häufigsten Einzel- und Doppel-Tags in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</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>Stellungnahme：</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel：<a class="dBlack" title="So stellen Sie sicher, dass die Eingabe in JQuery nicht leer sein darf" href="https://m.php.cn/de/faq/492425.html">So stellen Sie sicher, dass die Eingabe in JQuery nicht leer sein darf</a></span><span>Nächster Artikel：<a class="dBlack" title="So stellen Sie sicher, dass die Eingabe in JQuery nicht leer sein darf" href="https://m.php.cn/de/faq/492428.html">So stellen Sie sicher, dass die Eingabe in JQuery nicht leer sein darf</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="https://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/de/faq/491294.html" title="Was sind die Klassifizierungen von HTML5-Elementen?" class="aBlack">Was sind die Klassifizierungen von HTML5-Elementen?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/491313.html" title="Können zwei HTML5-Divs in einer Zeile platziert werden?" class="aBlack">Können zwei HTML5-Divs in einer Zeile platziert werden?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/491452.html" title="Was ist die Standardschriftgröße von HTML5?" class="aBlack">Was ist die Standardschriftgröße von HTML5?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/492055.html" title="Ist „figur' ein neues Tag in HTML5?" class="aBlack">Ist „figur' ein neues Tag in HTML5?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/492423.html" title="Wird das Akronym-Tag HTML5 weiterhin unterstützt?" class="aBlack">Wird das Akronym-Tag HTML5 weiterhin unterstützt?</a><div class="clear"></div></li></ul></div></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p></div><div class="footermid"><a href="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://m.php.cn/de/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></html>