Heim

Web-Frontend

HTML-Tutorial

Organisieren allgemeiner Tags bei der Erstellung von XHTML_HTML/Xhtml_Webseiten

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:36 PM

xhtml 标签

Was sind XHTML-Tags?
XHTML-Tag-Elemente sind die Grundbausteine von XHTML-Dokumenten. Unter XHTML-Tags können die Tags verstanden werden, die von der XHTML-Sprache verwendet werden, um „Was ist das, was ist das“ in einem XHTML-Dokument zu definieren.
XHTML-Tags sind Schlüsselwörter, die von spitzen Klammern umgeben sind und häufig paarweise erscheinen, z. B. . Dieses Tag zeigt an, dass es sich um ein HTML-Dokument (XHTML) handelt. Das erste Tag in einem Tag-Paar ist das Start-Tag und das zweite Tag ist das End-Tag.
Es gibt auch eine kleine Anzahl von Tags, die nicht gepaart sind oder keine End-Tags haben, wie z. B. Zeilenumbruch-Tags
.
XHTML-Tags schließen
In der XHTML-Spezifikation müssen alle Tags geschlossen sein. Normalerweise werden gepaarte Tags mit einem schließenden Tag geschlossen, und ungepaarte Tags werden mit einem Leerzeichen plus /> geschlossen, wie zum Beispiel
.
Obwohl Browser nicht geschlossene Tags erkennen können, ist das Schließen von Tags aus regulatorischer und langfristiger Sicht notwendig.

Häufig verwendete XHTML-Tags
-Tag
Dieses Tag zeigt an, dass es sich um ein HTML-Dokument (XHTML) handelt. alles andere Alle XHTML-Tag-Elemente müssen in dieses Tag eingebettet sein.

XML/HTML-CodeInhalt in die Zwischenablage kopieren

<html>
<Kopf> ... Kopf>
<Körper>
<p>Textabsätze und andere Textinhaltep>
Körper>
html>

Tag
gibt die Header-Informationen des XHTML-Dokuments an XHTML Zusätzliche Beschreibung des Dokuments, z. B. CSS-Stile oder andere vom Dokument geladene Skriptinformationen.

Tag
Dieses Tag definiert den Titel des gesamten XHTML-Dokuments und wird zur Anzeige in der Titelleiste oben im Browserfenster verwendet Das Tag ist in < ;head> verschachtelt.

XML/HTML-CodeInhalt in die Zwischenablage kopieren

<Kopf>
<Titel>XHTML-Tag - XHTML-TutorialTitel>
Kopf>
<Körper>Körper>Tags

Wie der Name schon sagt, beschreibt dieses Tag den Hauptinhalt des XHTML-Dokuments, und der gesamte Hauptinhalt, der angezeigt werden muss, ist in diesem Tag enthalten.

XHTML-Titel
Der XHTML-Dokumenttitel ist in 6 Ebenen unterteilt, die jeweils durch

definiert sind.

XML/HTML-CodeInhalt in die Zwischenablage kopieren

<h1>Titel der Stufe 1 h1>

<h1>Titel der Stufe 2 h1>

<h1>Überschrift der dritten Ebene h1>

Beachten Sie, dass dieser Titel kein ist, sondern im Wesentlichen <title> </p> <p>XHTML-Absatz<strong><br>XHTML-Absatz wird durch das <p></p>-Tag definiert: </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML-Code<span class="lantxt"></span>Inhalt in die Zwischenablage kopieren<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4556')"></span> </div> <div id="code_4556"> <ol class="dp-xml"> <li class="alt"> <span><<span class="tag"></span>p<span class="tag-name"></span>><span class="tag"></span>Dies ist ein Absatz <span></span></<span class="tag"></span>p<span class="tag-name"></span>><span class="tag"></span> <span></span></span> </li> </ol> </div> </div> <p>XHTML-Hyperlink<strong><br>XHTML-Hyperlink wird durch das Tag <a></a> definiert: </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML-Code<span class="lantxt"></span>Inhalt in die Zwischenablage kopieren<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_2790')"></span> </div> <div id="code_2790"> <ol class="dp-xml"> <li class="alt"> <span><<span class="tag"></span>a<span class="tag-name"></span> <span></span>href<span class="attribute"></span>=<span></span>"http://www .jb51.net"<span class="attribute-value"></span>><span class="tag"></span>5iDev Web Development Online Tutorial<span></span></<span class="tag"></span>a<span class="tag-name"></span>><span class="tag"></span> <span></span></span> </li> </ol> </div> </div> <p>XHTML-Bilder<strong><br>XHTML-Bilder werden mit dem <img>-Tag definiert: </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML-Code<span class="lantxt"></span>Inhalt in die Zwischenablage kopieren<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4498')"></span> </div> <div id="code_4498"> <ol class="dp-xml"> <li class="alt"> <span><<span class="tag"></span>img<span class="tag-name"></span> <span></span>src<span class="attribute"></span>=<span></span>"flower.jpg"<span class="attribute-value"></span> <span></span>alt<span class="attribute"></span>=<span></span>"花"<span class="attribute-value"></span> <span></span>/><span class="tag"></span> <span></span></span> </li> </ol> </div> </div>Geben Sie in diesem Tag die Bildquelle mit dem src-Attribut an, und das Tag zeigt das Bild „flower.jpg“ im Browser an. <p> </p> <p>XHTML-Formular<strong><br>XHTML-Formular wird zum Sammeln von Benutzereingabeinformationen wie Benutzerkommentaren usw. verwendet. Das Formular wird durch <form></form> definiert: </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML-Code<span class="lantxt"></span>Inhalt in die Zwischenablage kopieren<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8737')"></span> </div> <div id="code_8737"> <ol class="dp-xml"> <li class="alt"> <span><<span class="tag"></span>Formular<span class="tag-name"></span>><span class="tag"></span> <span></span></span> </li> <li>Verschiedene Formularelemente (Textfelder, Dropdown-Listen, Optionsfelder, Kontrollkästchen usw.) <span></span> </li> <li class="alt"> <span></span></<span class="tag"></span>Formular<span class="tag-name"></span>><span class="tag"></span> <span></span> </li> </ol> </div> </div> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">Erklärung dieser Website</div> <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> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>  <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Heiße KI -Werkzeuge</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>KI-gestützte App zum Erstellen realistischer Aktfotos</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Online-KI-Tool zum Entfernen von Kleidung aus Fotos.</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Ausziehbilder kostenlos</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>KI-Kleiderentferner</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>Erstellen Sie kostenlos Ai Hentai.</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/ai">Mehr anzeigen</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Heißer Artikel</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796773439.html" title="Repo: Wie man Teamkollegen wiederbelebt" class="phpgenera_Details_mainR4_bottom_title">Repo: Wie man Teamkollegen wiederbelebt</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Monate vor</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796780570.html" title="R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 Wochen vor</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796774171.html" title="Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt" class="phpgenera_Details_mainR4_bottom_title">Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Monate vor</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796775427.html" title="Wie lange dauert es, um Split Fiction zu schlagen?" class="phpgenera_Details_mainR4_bottom_title">Wie lange dauert es, um Split Fiction zu schlagen?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796775336.html" title="R.E.P.O. Dateispeicherspeicherort: Wo ist es und wie schützt sie?" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Dateispeicherspeicherort: Wo ist es und wie schützt sie?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Wochen vor</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/article.html">Mehr anzeigen</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Heiße Werkzeuge</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Einfach zu bedienender und kostenloser Code-Editor</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 chinesische Version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 chinesische Version</h3> </a> <p>Chinesische Version, sehr einfach zu bedienen</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Senden Sie Studio 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Senden Sie Studio 13.0.1</h3> </a> <p>Leistungsstarke integrierte PHP-Entwicklungsumgebung</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Visuelle Webentwicklungstools</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac-Version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac-Version</h3> </a> <p>Codebearbeitungssoftware auf Gottesniveau (SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/ai">Mehr anzeigen</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Heiße Themen</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/gmailyxdlrkzn" title="Wo ist der Login-Zugang für Gmail-E-Mail?" class="phpgenera_Details_mainR4_bottom_title">Wo ist der Login-Zugang für Gmail-E-Mail?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7367</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/java-tutorial" title="Java-Tutorial" class="phpgenera_Details_mainR4_bottom_title">Java-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1628</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>14</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/cakephp-tutor" title="CakePHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1354</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/laravel-tutori" title="Laravel-Tutorial" class="phpgenera_Details_mainR4_bottom_title">Laravel-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1266</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>25</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/php-tutorial" title="PHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">PHP-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1214</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/faq/zt">Mehr anzeigen</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/681253.html" title="So suchen Sie auf allen Registerkarten in Chrome und Edge nach Text" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170831342730943.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="So suchen Sie auf allen Registerkarten in Chrome und Edge nach Text" /> </a> <a href="https://www.php.cn/de/faq/681253.html" title="So suchen Sie auf allen Registerkarten in Chrome und Edge nach Text" class="phphistorical_Version2_mids_title">So suchen Sie auf allen Registerkarten in Chrome und Edge nach Text</a> <span class="Articlelist_txts_time">Feb 19, 2024 am 11:30 AM</span> <p class="Articlelist_txts_p">Dieses Tutorial zeigt Ihnen, wie Sie bestimmte Texte oder Phrasen auf allen geöffneten Tabs in Chrome oder Edge unter Windows finden. Gibt es eine Möglichkeit, eine Textsuche auf allen geöffneten Tabs in Chrome durchzuführen? Ja, Sie können eine kostenlose externe Weberweiterung in Chrome verwenden, um Textsuchen auf allen geöffneten Tabs durchzuführen, ohne die Tabs manuell wechseln zu müssen. Einige Erweiterungen wie TabSearch und Strg-FPlus können Ihnen dabei helfen, dies einfach zu erreichen. Wie durchsucht man Text auf allen Registerkarten in Google Chrome? Strg-FPlus ist eine kostenlose Erweiterung, die es Benutzern erleichtert, auf allen Registerkarten ihres Browserfensters nach einem bestimmten Wort, einer bestimmten Phrase oder einem bestimmten Text zu suchen. Diese Erweiterung</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/717988.html" title="Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Zu welchen Tags auf der Plattform lässt sich am einfachsten Traffic anziehen?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/171107448450155.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Zu welchen Tags auf der Plattform lässt sich am einfachsten Traffic anziehen?" /> </a> <a href="https://www.php.cn/de/faq/717988.html" title="Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Zu welchen Tags auf der Plattform lässt sich am einfachsten Traffic anziehen?" class="phphistorical_Version2_mids_title">Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Zu welchen Tags auf der Plattform lässt sich am einfachsten Traffic anziehen?</a> <span class="Articlelist_txts_time">Mar 22, 2024 am 10:28 AM</span> <p class="Articlelist_txts_p">Als beliebte soziale Plattform für Kurzvideos verfügt Douyin über eine riesige Nutzerbasis. Für Douyin-Ersteller ist die Verwendung von Tags zur Gewinnung von Traffic eine wirksame Möglichkeit, die Bekanntheit von Inhalten zu erhöhen und Aufmerksamkeit zu erregen. Wie nutzt Douyin also Tags, um Traffic anzulocken? Dieser Artikel beantwortet diese Frage ausführlich für Sie und stellt verwandte Techniken vor. 1. Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Achten Sie beim Posten eines Videos darauf, Tags auszuwählen, die für den Inhalt relevant sind. Diese Tags sollten das Thema und die Schlüsselwörter Ihres Videos abdecken, damit Benutzer Ihr Video mithilfe von Tags leichter finden können. Die Nutzung beliebter Hashtags ist eine effektive Möglichkeit, die Bekanntheit Ihres Videos zu erhöhen. Recherchieren Sie aktuelle beliebte Tags und Trends und integrieren Sie diese in Ihre Videobeschreibungen und Tags. Diese beliebten Tags sind in der Regel besser sichtbar und können die Aufmerksamkeit von mehr Zuschauern auf sich ziehen. 3. Etikett</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/721184.html" title="Was ist die Uhr hinter dem TikTok-Label? Wie markiere ich ein Douyin-Konto?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/171126638739835.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Was ist die Uhr hinter dem TikTok-Label? Wie markiere ich ein Douyin-Konto?" /> </a> <a href="https://www.php.cn/de/faq/721184.html" title="Was ist die Uhr hinter dem TikTok-Label? Wie markiere ich ein Douyin-Konto?" class="phphistorical_Version2_mids_title">Was ist die Uhr hinter dem TikTok-Label? Wie markiere ich ein Douyin-Konto?</a> <span class="Articlelist_txts_time">Mar 24, 2024 pm 03:46 PM</span> <p class="Articlelist_txts_p">Wenn wir Douyin-Werke durchsuchen, sehen wir oft ein Uhrsymbol hinter dem Tag. Was genau ist diese Uhr also? Dieser Artikel konzentriert sich auf die Diskussion „Was ist die Uhr hinter dem Douyin-Label“ und hofft, Ihnen nützliche Hinweise für die Verwendung von Douyin zu geben. 1. Was ist die Uhr hinter dem Douyin-Label? Douyin wird einige heiße Themenherausforderungen starten. Wenn Benutzer teilnehmen, sehen sie nach dem Tag ein Uhrsymbol, was bedeutet, dass die Arbeit an der Themenherausforderung teilnimmt, und zeigt die verbleibende Zeit der Herausforderung an. Bei einigen zeitkritischen Inhalten wie Feiertagen, besonderen Ereignissen usw. fügt Douyin nach dem Etikett ein Uhrensymbol hinzu, um Benutzer an die Gültigkeitsdauer des Inhalts zu erinnern. 3. Beliebte Tags: Wenn ein Tag beliebt wird, fügt Douyin hinter dem Tag ein Uhrsymbol ein, um anzuzeigen, dass der Tag beliebt ist</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/687656.html" title="So löschen Sie externe Kontakt-Tags in der DingTalk-App" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170873401593690.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="So löschen Sie externe Kontakt-Tags in der DingTalk-App" /> </a> <a href="https://www.php.cn/de/faq/687656.html" title="So löschen Sie externe Kontakt-Tags in der DingTalk-App" class="phphistorical_Version2_mids_title">So löschen Sie externe Kontakt-Tags in der DingTalk-App</a> <span class="Articlelist_txts_time">Feb 24, 2024 am 08:20 AM</span> <p class="Articlelist_txts_p">Wie lösche ich externe Kontakt-Tags in der DingTalk-App? Die meisten Freunde wissen nicht, wie man externe Kontakt-Tags in der DingTalk-App löscht Wie man externe Kontakt-Tags in der Ding-App löscht, können Interessierte vorbeischauen! So löschen Sie externe Kontakt-Tags in der DingTalk-App. 1. Öffnen Sie zuerst die DingTalk-App und klicken Sie auf die Funktion [Verwaltung], wie unten auf der Hauptseite gezeigt. 2. Rufen Sie dann die Unternehmensverwaltungsoberfläche auf und suchen Sie nach [Externe Kontakte]; Wählen Sie auf der Seite mit den externen Kontakteinstellungen den Dienst [Label Management] aus. 4. Wählen Sie dann auf der Hauptseite für Kontaktlabels den Typ der Labelgruppe aus, den Sie löschen möchten. 5. Klicken Sie abschließend auf die rote Labelgruppe</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/487609.html" title="Was ist der Unterschied zwischen HTML5-Tag-Head und Header?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202201/17/2022011711062514730.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Was ist der Unterschied zwischen HTML5-Tag-Head und Header?" /> </a> <a href="https://www.php.cn/de/faq/487609.html" title="Was ist der Unterschied zwischen HTML5-Tag-Head und Header?" class="phphistorical_Version2_mids_title">Was ist der Unterschied zwischen HTML5-Tag-Head und Header?</a> <span class="Articlelist_txts_time">Jan 17, 2022 am 11:10 AM</span> <p class="Articlelist_txts_p">Unterschiede: 1. Das Head-Tag wird verwendet, um den Kopf des Dokuments zu definieren, der ein Container für alle Head-Elemente ist, und das Header-Tag wird verwendet, um den Header (Einleitungsinformationen) des Dokuments zu definieren. 2. Alle Browser unterstützen das Head-Tag und ältere Versionen von Browsern Keiner der Browser unterstützt das Header-Tag und Browser wie IE9+ und höher müssen das Header-Tag unterstützen.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/688709.html" title="Ein genauerer Blick auf das Videoelement in HTML" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170877709526755.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Ein genauerer Blick auf das Videoelement in HTML" /> </a> <a href="https://www.php.cn/de/faq/688709.html" title="Ein genauerer Blick auf das Videoelement in HTML" class="phphistorical_Version2_mids_title">Ein genauerer Blick auf das Videoelement in HTML</a> <span class="Articlelist_txts_time">Feb 24, 2024 pm 08:18 PM</span> <p class="Articlelist_txts_p">Ausführliche Erklärung des Video-Tags in HTML Der Video-Tag in HTML5 ist ein Tag, der zum Abspielen von Videos auf Webseiten verwendet wird. Es kann Videos in verschiedenen Formaten rendern, z. B. MP4, WebM, Ogg und mehr. In diesem Artikel stellen wir die Verwendung von Video-Tags im Detail vor und stellen spezifische Codebeispiele bereit. Grundstruktur Das Folgende ist die Grundstruktur des Video-Tags:</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/622585.html" title="So implementieren Sie ein Layout mit einem festen Navigationsmenü mithilfe von HTML und CSS" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/169828933663896.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="So implementieren Sie ein Layout mit einem festen Navigationsmenü mithilfe von HTML und CSS" /> </a> <a href="https://www.php.cn/de/faq/622585.html" title="So implementieren Sie ein Layout mit einem festen Navigationsmenü mithilfe von HTML und CSS" class="phphistorical_Version2_mids_title">So implementieren Sie ein Layout mit einem festen Navigationsmenü mithilfe von HTML und CSS</a> <span class="Articlelist_txts_time">Oct 26, 2023 am 11:02 AM</span> <p class="Articlelist_txts_p">So implementieren Sie mithilfe von HTML und CSS ein Layout mit einem festen Navigationsmenü. Im modernen Webdesign gehören feste Navigationsmenüs zu den häufigsten Layouts. Dadurch kann das Navigationsmenü immer oben oder am Rand der Seite angezeigt werden, sodass Benutzer bequem durch Webinhalte navigieren können. In diesem Artikel wird erläutert, wie Sie mithilfe von HTML und CSS ein Layout mit einem festen Navigationsmenü implementieren, und es werden spezifische Codebeispiele bereitgestellt. Zunächst müssen Sie eine HTML-Struktur erstellen, um den Inhalt der Webseite und das Navigationsmenü darzustellen. Hier ist ein einfaches Beispiel</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/566824.html" title="Wie implementiert man ein beschriftetes Eingabefeld mit Vue?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/168766525118249.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Wie implementiert man ein beschriftetes Eingabefeld mit Vue?" /> </a> <a href="https://www.php.cn/de/faq/566824.html" title="Wie implementiert man ein beschriftetes Eingabefeld mit Vue?" class="phphistorical_Version2_mids_title">Wie implementiert man ein beschriftetes Eingabefeld mit Vue?</a> <span class="Articlelist_txts_time">Jun 25, 2023 am 11:54 AM</span> <p class="Articlelist_txts_p">Mit der Entwicklung von Webanwendungen erfreuen sich beschriftete Eingabefelder immer größerer Beliebtheit. Diese Art von Eingabefeld ermöglicht Benutzern eine bequemere Eingabe von Daten und erleichtert Benutzern außerdem die Verwaltung und Suche der eingegebenen Daten. Vue ist ein sehr leistungsfähiges JavaScript-Framework, das uns dabei helfen kann, beschriftete Eingabefelder schnell zu implementieren. In diesem Artikel wird erläutert, wie Sie mit Vue ein beschriftetes Eingabefeld implementieren. Schritt 1: Erstellen Sie eine Vue-Instanz. Zuerst müssen wir eine Vue-Instanz auf der Seite erstellen. Der Code lautet wie folgt: &l</p> </div> </div> <a href="https://www.php.cn/de/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/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://www.php.cn/de/about/us.html">Über uns</a> <a href="https://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a> <a href="https://www.php.cn/de/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1743760757"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' 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 type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <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> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时，取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则，保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> </body> </html>