Heim > Artikel > Web-Frontend > Teilen Sie einige gängige Tags in HTML

Teilen Sie einige gängige Tags in HTML

零下一度Original: 2017-06-24 14:15:191217Durchsuche

Andere gängige Tags in HTML

1. Header-Tag-Teil

1. : Geben Sie den in der Titelleiste des Browsers angezeigten Inhalt an. </p> <p>2. <base>: </p> <p>href-Attribut: <span style="color: #ff0000">Gibt das Verzeichnis </span> aller Hyperlinks auf der Webseite an. Es kann sich um ein lokales Verzeichnis oder ein Netzwerkverzeichnis handeln. Beachten Sie, dass das Verzeichnis am Ende durch / dargestellt werden muss. Funktioniert nur bei Hyperlink-Dateien mit relativen Pfaden. </p> <p>Zielattribut: Gibt an, wie ein Hyperlink geöffnet wird. _blank bedeutet beispielsweise, dass alle Hyperlinks geöffnet und in neuen Fenstern angezeigt werden. </p> <p>3. <meta>: </p> <p>Namensattribut: <span style="color: #ff0000">Beschreibungsinformationen der Webseite</span>. Beim Abrufen von Schlüsselwörtern wird der Inhalt des Inhaltsattributs als Schlüsselwörter der Suchmaschine für die Suche verwendet. </p> <p>http-equiv-Attribut: simuliert den Antwortheader des HTTP-Protokolls. </p> <p>Beispiel:</p> <p><span style="color: #ff0000"><meta http-equiv="refresh" content="3;url=" /></span></p> <p><span style="color: #ff0000"> Das bedeutet, dass Sie automatisch zur Sina-Seite weitergeleitet werden, nachdem Sie diese Seite 3 Sekunden lang geöffnet haben. </span></p> <p>4. <link>: </p> <p>rel-Attribut: beschreibt die Beziehung zwischen dem Zieldokument und dem aktuellen Dokument. </p> <p>Typattribut: Dokumenttyp. </p> <p>Medium: Gibt an, auf welchem Gerät das Zieldokument funktioniert. </p> <p>Beispiel: </p> <p><link rel="stylesheet" type="text/css" media="screen,print" href="a.css?1.1.11" /> </p> <p> </p> <h2>2. Andere gängige Tags </h2> <p><img src="https://img.php.cn/upload/article/000/000/001/58e39f2b7dc216710768b44c5dcafe6c-0.png" alt=""></p> <p><marquee> </p> <p>Richtungsattribut: links rechts unten oben</p> <p>Verhaltensattribut: alternative Folie scrollen</p> <p><pre class="brush:php;toolbar:false">: Der Textinhalt kann auf der Seite so angezeigt werden, wie er im erscheint Codebereich. </p> <p> </p> <h2>3. Klassifizierung von Tags </h2> <div class="cnblogs_code"><pre class="brush:php;toolbar:false"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=GBK"> 5 <title>Untitled Document</title> 6 </head> 7 <body> 8 <div>这是一个div区域1</div> 9 <div>这是一个div区域2</div>10 <span>span区域1</span>11 <span>span区域2</span>12 <p>这是一个段落1</p>13 <p>这是一个段落2</p>14 15 20 <dl>21 <dt>ddddd</dt>22 <dd>eeeee</dd>23 </dl>24 hahahahh25 </body>26 </html></pre></div> <p>div hat keine direkte Bedeutung, es kapselt nur Daten und kann mit anderen Sprachen bedient werden wir definieren. Normalerweise div+css. </p> <p>sapn ist ebenfalls ein solches Tag, außer dass das span-Tag ein Inline-Tag und das div ein Tag auf Blockebene ist. </p> <p>p ist ein Absatz-Tag, das nicht nur Zeilenumbrüche, sondern auch Leerzeilen davor und danach enthält. </p> <p> </p> <h2>4 normativer Natur. </h2> <p><span style="color: #ff0000">XHTML ist eine erweiterbare HyperText-Auszeichnungssprache. </span></p>l XHTML wurde im Jahr 2000 von der W3C-Organisation ins Leben gerufen, um HTML zu verbessern. Es sollte ursprünglich HTML ersetzen, aber es stellte sich heraus, dass es im Internet zu viele Webseiten gab, die in HTML geschrieben waren, also scheiterte es! Es versteht sich, dass es sich um eine aktualisierte Version von HTML (HTML4.01) handelt. <p></p>l XHTML hat eine strengere Codestruktur und ist eine auf XML basierende Anwendung. <p></p>XML ist Extensible Markup Language (Extensible Markup Language) <p></p>l XML ist eine Beschreibung von Dateninformationen. HTML ist die Beschreibung der Datenanzeige. <p></p>l XML-Code-Vorschriften sind strenger. Wenn das Tag beispielsweise nicht endet, wird dies als Fehler betrachtet. <p></p>l Die XML-Spezifikation kann von mehr Anwendungen interpretiert werden und wird zu einer universellen Datenaustauschsprache. <p></p>Jeder Server und jedes Framework verwendet XML als Konfigurationsdatei. <p></p><p>Das obige ist der detaillierte Inhalt vonTeilen Sie einige gängige Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p></div><div class="nphpQianMsg"><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="Wie kann ein Junior-Frontend qualitativ hochwertigen Code schreiben?" href="http://m.php.cn/de/faq/368134.html">Wie kann ein Junior-Frontend qualitativ hochwertigen Code schreiben?</a></span><span>Nächster Artikel：<a class="dBlack" title="Wie kann ein Junior-Frontend qualitativ hochwertigen Code schreiben?" href="http://m.php.cn/de/faq/368136.html">Wie kann ein Junior-Frontend qualitativ hochwertigen Code schreiben?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="http://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="http://m.php.cn/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><p>Heim</p></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><p>Kurs</p></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><p>Fragen und Antworten</p></a></li><li><a href="http://m.php.cn/de/login"><b class="icon5"></b><p>Mein</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/de/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><span>Heim</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><span>Kurs</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><span>Fragen und Antworten</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/dic.html"><b class="icon6"></b><span>Wörterbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course/type/99.html"><b class="icon7"></b><span>Handbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/xiazai/"><b class="icon8"></b><span>Herunterladen</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/faq/zt" title="Thema"><b class="icon12"></b><span>Thema</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/de/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/de/" >Heim</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/wenda.html" >Fragen und Antworten</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/course.html" >Kurs</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/faq/zt" >Thema</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/xiazai" >Herunterladen</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/game" >Spiel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/dic.html" >Wörterbuch</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:setlang('ms');" class="language course-right-orders chooselan " 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:;" class="language course-right-orders chooselan chooselanguage" 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><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>