Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Detaillierte Einführung in die Erstellung von HTML-Header-Tags_HTML/Xhtml_Webseiten

Detaillierte Einführung in die Erstellung von HTML-Header-Tags_HTML/Xhtml_Webseiten

WBOY
Freigeben： 2016-05-16 16:36:35
Original
2293 Leute haben es durchsucht

Im HTML-Kopfteil gibt es viele Tags und Elemente, die das Browser-Rendering von Webseiten, SEO usw. betreffen. Jeder Browserkern und jeder inländische Browserhersteller verfügt über eigene Tag-Elemente, was zu vielen Unterschieden führt. Im Zeitalter des mobilen Internets sind die Kopfstruktur und die Metaelemente mobiler Endgeräte noch wichtiger. Der Zweck dieses Artikels besteht darin, die Bedeutung jedes Tags zu verstehen und einen Head-Tag zu schreiben, der Ihren eigenen Anforderungen entspricht. Dieser Artikel basiert auf Yishis Artikel und bietet eine erweiterte Zusammenfassung, um die Bedeutung und Verwendungsszenarien jedes Tags und Elements in häufig verwendeten Überschriften vorzustellen.

DOCTYPE

DOCTYPE (Dokumenttyp), diese Deklaration befindet sich an der vordersten Position im Dokument, vor dem HTML-Tag. Dieses Tag teilt dem Browser mit, um welche Art von Dokument es sich handelt HTML, das das Dokument verwendet, oder die XHTML-Spezifikation.

Die DTD-Deklaration (Document Type Definition) beginnt mit , unterscheidet nicht zwischen Groß- und Kleinschreibung und hat keinen Inhalt davor. Wenn andere Inhalte vorhanden sind (außer Leerzeichen), öffnet der Browser ein seltsames Fenster Der Modus unter IE (Quirks-Modus) rendert Webseiten. Öffentliche DTD, das Namensformat ist Registrierung // Organisation // Typ-Tag // Sprache, Registrierung bezieht sich darauf, ob die Organisation bei der International Organization for Standardization (ISO) registriert ist, was „Ja“ bedeutet, – „Nein“ bedeutet. Organisation ist der Name der Organisation, z. B. W3C. Der Typ ist normalerweise DTD. Ein Tag gibt eine Beschreibung des öffentlichen Texts an, d. h. einen eindeutigen beschreibenden Namen für den referenzierten öffentlichen Text, dem eine Versionsnummer folgen kann. Die endgültige Sprache ist die ISO 639-Sprachkennung der DTD-Sprache, z. B. EN für Englisch, ZH für Chinesisch. XHTML 1.0 kann drei DTD-Typen deklarieren. Stellt eine strikte Version, eine Übergangsversion bzw. ein rahmenbasiertes HTML-Dokument dar.

●HTML 4.01 streng

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. >
●HTML 4.01 Übergangsversion

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. > 
●HTML 4.01 Frameset

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. > 
●Das neueste HTML5 führt eine prägnantere Schrift ein, die vorwärts- und rückwärtskompatibel ist und zur Verwendung empfohlen wird.

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. >

Der Doctype hat in HTML zwei Hauptzwecke.

●Überprüfen Sie die Gültigkeit der Dokumente.

Es teilt dem Benutzeragenten und Validator mit, nach welcher DTD dieses Dokument geschrieben ist. Diese Aktion ist passiv. Der Browser lädt die DTD nicht herunter und überprüft die Gültigkeit. Sie wird nur aktiviert, wenn die Seite manuell überprüft wird.

●Bestimmen Sie den Rendering-Modus des Browsers

Für tatsächliche Vorgänge teilen Sie dem Browser mit, welcher Parsing-Algorithmus beim Lesen des Dokuments verwendet werden soll. Wenn es nicht geschrieben wird, analysiert der Browser den Code nach seinen eigenen Regeln, was das HTML-Layout ernsthaft beeinträchtigen kann. Browser haben drei Möglichkeiten, HTML-Dokumente zu analysieren.

●Nicht-seltsamer (Standard-)Modus
●Seltsamer Modus
●Teilweise seltsamer (fast Standard-)Modus Über den Dokumentmodus, den Browsermodus, den strikten Modus, den seltsamen Modus und das DOCTYPE-Tag des IE-Browsers können Sie mehr erfahren Lesemodus? Standard! Inhalt.

Zeichensatz

Deklarieren Sie die vom Dokument verwendete Zeichenkodierung,

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <meta charset="utf-8"> 

Vor HTML5 würde die Webseite so lauten:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <meta http-equiv="Content-Type " content="text/html; charset=utf-8">

Diese beiden sind gleichwertig, bitte lesen Sie die Details unten: vs. , also Es wird empfohlen, kürzere zu verwenden, die leichter zu merken sind.

lang-Attribut

Vereinfachtes Chinesisch

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <html lang="zh-cmn-Hans "> 

Traditionelles Chinesisch

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <html lang="zh-cmn-Hant "> 

Warum ist lang="zh-cmn-Hans" anstelle von lang="zh-CN", das wir normalerweise schreiben? Bitte lesen Sie: Sollte die Aussage am Kopf der Seite lang="zh" sein? lang="zh-cn".

Priorisieren Sie die Verwendung der neuesten Version von IE und Chrome

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <meta http-equiv="X-UA -Kompatibel" Inhalt="IE=edge,chrome=1" />

　360 mit Google Chrome Frame

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <meta name="renderer" Inhalt="webkit">

　Der 360-Browser wechselt nach dem Lesen dieses Tags sofort zum entsprechenden Geschwindigkeitskern. Um auf der sicheren Seite zu sein, schließen Sie sich außerdem

an
XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <meta http-equiv="X-UA -Kompatibel" Inhalt="IE=Edge,chrome=1">

Durch diese Schreibweise kann GCF zum Rendern der Seite verwendet werden, wenn Google Chrome Frame installiert ist. Wenn GCF nicht installiert ist, wird zum Rendern die höchste Version des IE-Kernels verwendet.

Verwandte Links: Browser-Kernel-Control-Meta-Tag-Dokumentation

Baidu verbietet Transkodierung

Wenn Sie eine Webseite über ein Baidu-Mobiltelefon öffnen, kann Baidu die Transkodierung Ihrer Webseite ändern. Ziehen Sie Ihre Kleidung aus und kleben Sie Hundehautpflaster auf Ihren Körper. Zu diesem Zweck können Sie

auf den Kopf auftragen
XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <meta http-equiv="Cache-Control " content="no-siteapp" />

Verwandte Links: SiteApp-Transkodierungserklärung


SEO-Optimierungsteil

Seitentitel-Tag (Kopfzeile (Erforderlich). ) <br><br></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_3566')">Inhalt in die Zwischenablage kopieren</span> </div> <div id="code_3566"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">Titel</span><span class="tag">></span><span>Ihr Titel</span><span class="tag"></</span><span class="tag-name">Titel </span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Seitenschlüsselwörter <br><br></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_5916')">Inhalt in die Zwischenablage kopieren</span> </div> <div id="code_5916"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"keywords"</span> <span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"Ihre Schlüsselwörter"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p><br>Inhaltsbeschreibung der Seitenbeschreibung <br></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8699')">Inhalt in die Zwischenablage kopieren</span> </div> <div id="code_8699"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">Meta</span><span> </span><span class="attribute">Name</span><span>=</span><span class="attribute-value">"Beschreibung"</span> <span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"Ihre Beschreibung"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Webautor-Autor definieren <br></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_2733')">Inhalt in die Zwischenablage kopieren</span> </div> <div id="code_2733"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">Name</span><span>=</span><span class="attribute-value">"Autor"</span> <span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"Autor,E-Mail-Adresse"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Definieren Sie die Indexierungsmethode für Websuchmaschinen. Robotterms ist eine durch Kommas getrennte Reihe von Werten. Sie hat normalerweise die folgenden Werte: none, noindex, nofollow, all, index und follow. <br><br><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_1191')">Inhalt in die Zwischenablage kopieren</span></p> <div class="codeText"> <div id="code_1191"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"Roboter"</span> <span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"index,follow"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Verwandte Links: <a target="_blank" href="http://msdn.microsoft.com/zh-cn/library/ff724037(v=expression.40).aspx">WEB1038 – Tag enthält ungültigen Wert</a> <br><br><strong>Ansichtsfenster</strong></p> <p>　Viewport kann die Layoutdarstellung in mobilen Browsern verbessern. Schreiben Sie normalerweise </p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_2172')">Inhalt in die Zwischenablage kopieren</span> </div> <div id="code_2172"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"viewport"</span> <span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"width=device-width, initial-scale=1.0"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>width=device-width führt dazu, dass schwarze Ränder angezeigt werden, wenn das iPhone 5 zum Startbildschirm hinzugefügt und im WebApp-Vollbildmodus geöffnet wird (<a href="http://bigc.at/ios-webapp-viewport-meta.orz">http://bigc.at/ios-webapp-viewport- meta.orz</a> )</p> <p>Inhaltsparameter: </p> <p>Breite, Breite des Ansichtsfensters (numerischer Wert/Gerätebreite)<br>Höhe, Höhe des Ansichtsfensters (numerischer Wert/Gerätehöhe)<br>Anfängliches Skalierungsverhältnis, anfängliches Skalierungsverhältnis<br>Maximales Skalierungsverhältnis, maximales Skalierungsverhältnis<br>Minimum -scale Minimales Zoomverhältnis<br>Benutzerskalierbar Ob Benutzerskalierung zugelassen werden soll (ja/nein)<br>minimal-ui Ein neues Attribut in iOS 7.1 Beta 2 kann die obere und untere Statusleiste beim Laden der Seite minimieren. Dies ist ein boolescher Wert und kann direkt wie folgt geschrieben werden: </p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4407')">Inhalt in die Zwischenablage kopieren</span> </div> <div id="code_4407"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"viewport"</span> <span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"width=device-width, initial-scale=1, minimal-ui"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Und wenn Ihre Website nicht reagiert, verwenden Sie bitte nicht die anfängliche Skalierung oder deaktivieren Sie die Skalierung. </p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8954')">Inhalt in die Zwischenablage kopieren</span> </div> <div id="code_8954"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"viewport"</span> <span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"width=device-width,user-scalable=yes"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Verwandte Links: <a target="_blank" href="http://www.qianduan.net/non-responsive-design-viewport.html">Ansichtsfenster mit nicht responsivem Design</a> <br><br> Zur Anpassung an iPhone 6 und iPhone 6plus müssen Sie Folgendes schreiben: <br><span class="lantxt"><br>XML/HTML Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4250')">Inhalt in die Zwischenablage kopieren</span></p> <div class="codeText"> <div id="code_4250"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"viewport"</span> <span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"width=375"</span><span class="tag">></span><span> </span></span></li> <li> <span></span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"viewport" </span><span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"width=414"</span><span class="tag">></span><span> </span> </li> </ol> </div> </div> <p>Die Ansichtsfensterbreite der meisten 4,7- bis 5-Zoll-Android-Geräte ist auf 360 Pixel eingestellt, auf dem iPhone 6 beträgt sie jedoch 375 Pixel. Die Ansichtsfensterbreite der meisten 5,5-Zoll-Android-Geräte (z. B. Samsung Note) beträgt 400 Pixel, und das ist auch der Fall 414px auf dem iPhone 6 plus. <br><br><strong> iOS-Gerät <br><br></strong> Titel zum Startbildschirm hinzugefügt (neu in iOS 6) </p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_7738')">Inhalt in die Zwischenablage kopieren</span> </div> <div id="code_7738"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"apple-mobile-web -app-title"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"title"</span><span class="tag">></span><span> </span><span class="comments"><!-- Titel zum Startbildschirm hinzugefügt (neu in iOS 6) --></span><span> </span></span></li> </ol> </div> </div> <p><br>Ob der WebApp-Vollbildmodus aktiviert werden soll</p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_5148')">Inhalt in die Zwischenablage kopieren</span> </div> <div id="code_5148"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"apple-mobile-web -app-fähig"</span><span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"ja"</span><span> </span><span class="tag">/></span><span> </span><span class="comments"><!-- Ob der WebApp-Vollbildmodus aktiviert werden soll --></span><span> </span></span></li> </ol> </div> </div> <p>Legen Sie die Hintergrundfarbe der Statusleiste fest</p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_5979')">Inhalt in die Zwischenablage kopieren</span> </div> <div id="code_5979"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"apple-mobile-web -app-status-bar-style"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"black-translucent"</span><span> </span><span class="tag">/></span><span> </span></span></li> <li> <span></span><span class="comments"><!-- Legen Sie die Hintergrundfarbe der Statusleiste fest, die nur wirksam wird, wenn „apple-mobile-web-app-capable“ content="yes"` - -> </span><span> </span> </li> </ol> </div> </div> <p>Wird nur wirksam, wenn „apple-mobile-web-app-capable“ content="yes" <br><br>　Inhaltsparameter: <br><br>Standardwert. <br>schwarz Der Hintergrund der Statusleiste ist schwarz. <br>schwarz-transluzent Der Hintergrund der Statusleiste ist schwarz und transluzent. Bei der Einstellung „Standard“ oder „Schwarz“ beginnt der Webinhalt unten in der Statusleiste. Bei der Einstellung Schwarz-Transluzent füllt der Webseiteninhalt den gesamten Bildschirm aus und der obere Teil wird durch die Statusleiste verdeckt. <br><br><strong>Ziffernerkennung als Telefonnummer deaktivieren</strong></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_3828')">Inhalt in die Zwischenablage kopieren</span> </div> <div id="code_3828"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"format-erkennung"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"telephone=no"</span><span> </span><span class="tag">/></span><span> </span><span class="comments"><!--Ziffernerkennung als Telefonnummer deaktivieren --></span><span> </span></span></li> </ol> </div> </div> <p>iOS-Symbol</p> <p>　rel-Parameter: apple-touch-icon Das Bild wird automatisch in abgerundete Ecken und Hervorhebungen verarbeitet. apple-touch-icon-precomposed verhindert, dass das System automatisch Effekte hinzufügt, und zeigt das ursprüngliche Design direkt an. iPhone und iTouch, Standard 57x57 Pixel, erforderlich </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode60'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode60"> <br><link rel=" apple-touch -icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png" /> <!-- iPhone und iTouch, Standard 57x57 Pixel, müssen--><br> </div> iPad, 72x72 Pixel, optional, aber empfohlen <p> </p> <p><br></p> <div class="msgheader"><div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode61'));">Code kopieren<u></u></span>Der Code lautet wie folgt:</div></div> <div class="msgborder" id="phpcode61"><link rel=" apple-touch -icon-precomposed" size="72x72" href="/apple-touch-icon-72x72-precomposed.png" /> <!-- iPad, 72x72 Pixel, optional, aber empfohlen--><br><br> </div> Retina iPhone und Retina iTouch, 114 x 114 Pixel, optional, aber empfohlen <p> </p> <p><br></p> <div class="msgheader"><div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode62'));">Code kopieren<u></u></span>Der Code lautet wie folgt:</div></div> <div class="msgborder" id="phpcode62"><link rel=" apple-touch -icon-precomposed" size="114x114" href="/apple-touch-icon-114x114-precomposed.png" /> <!-- Retina iPhone und Retina iTouch, 114x114 Pixel, optional, aber empfohlen - -><br><br> </div> Retina iPad, 144 x 144 Pixel, optional, aber empfohlen <p> </p> <p><br></p> <div class="msgheader"><div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode63'));">Code kopieren<u></u></span>Der Code lautet wie folgt:</div></div> <div class="msgborder" id="phpcode63"><link rel=" apple-touch -icon-precomposed" size="144x144" href="/apple-touch-icon-144x144-precomposed.png" /> <!-- Retina iPad, 144x144 Pixel, optional, aber empfohlen--> <br><br> </div> 　Die iOS-Symbolgröße beträgt 180 x 180 auf dem iPhone 6 Plus und 120 x 120 auf dem iPhone 6. Zur Anpassung an das iPhone 6 Plus müssen Sie diesen Absatz <p> hinzufügen </p> <p><br></p> <div class="msgheader"><div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode64'));">Code kopieren<u></u></span>Der Code lautet wie folgt:</div></div> <div class="msgborder" id="phpcode64"><link rel=" apple-touch -icon-precomposed" size="180x180" href="retinahd_icon.png"><br><br> </div> <p>iOS-Begrüßungsbildschirm<strong><br><br>Offizielle Dokumentation: </strong>https://developer.apple.com/library/ios/qa/qa1686/_index.html<a target="_blank" href="https://developer.apple.com/library/ios/qa/qa1686/_index.html"> </a>Referenzartikel: <br>http://wxd.ctrip.com/blog/2013/09/ios7-hig-24/<a target="_blank" href="http://wxd.ctrip.com/blog/2013/09/ios7-hig-24/"> </a><br>Der iPad-Startbildschirm enthält nicht den Statusleistenbereich. <br> </p> iPad-Hochformatbildschirm 768 x 1004 (Standardauflösung) <p> </p> <p><br></p> <div class="msgheader"><div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode65'));">Code kopieren<u></u></span>Der Code lautet wie folgt:</div></div> <div class="msgborder" id="phpcode65"><link rel=" apple-touch -startup-image" size="768x1004" href="/splash-screen-768x1004.png" /> <!-- iPad-Hochformatbildschirm 768 x 1004 (Standardauflösung) --><br> <br> <p>iPad-Porträt 1536x2008 (Retina) </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode66'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode66"> <br><link rel=" apple-touch -startup-image" size="1536x2008" href="/splash-screen-1536x2008.png" /> <!-- Vertikaler iPad-Bildschirm 1536x2008 (Retina) --><br> </div> <p>iPad Querformat 1024x748 (Standardauflösung) </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode67'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode67"> <br><link rel=" apple-touch -startup-image" size="1024x748" href="/Default-Portrait-1024x748.png" /> <!-- iPad Querformat 1024x748 (Standardauflösung) --><br> </div> <p>iPad Querformat 2048x1496 (Retina) </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode68'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode68"> <br><link rel=" apple-touch -startup-image" size="2048x1496" href="/splash-screen-2048x1496.png" /> <!-- iPad-Querformatbildschirm 2048x1496 (Retina) --><br> </div> <p> Der Startbildschirm von iPhone und iPod touch enthält den Statusleistenbereich. </p> <p>　iPhone/iPod Touch-Hochformatbildschirm 320x480 (Standardauflösung)<br><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode69'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode69"> <br><link rel="apple-touch-startup-image" href="/splash-screen-320x480.png" /> <!-- iPhone/iPod Touch-Hochformatbildschirm 320x480 ( Standardauflösungsrate) --><br> </div> <p>　iPhone/iPod Touch-Porträtbildschirm 640 x 960 (Retina)</p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode70'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode70"> <br><link rel=" apple-touch -startup-image" size="640x960" href="/splash-screen-640x960.png" /> <!-- iPhone/iPod Touch Hochformatbildschirm 640x960 (Retina) --><br> </div> <p>　iPhone 5/iPod Touch 5 vertikaler Bildschirm 640 x 1136 (Retina)</p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode71'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode71"> <br><link rel=" apple-touch -startup-image" size="640x1136" href="/splash-screen-640x1136.png" /> <!-- iPhone 5/iPod Touch 5 vertikaler Bildschirm 640x1136 (Retina) --><br> </div> <p> Smart-App-Banner hinzufügen Smart-App-Banner (iOS 6 Safari) </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode72'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode72"> <br><meta name=" apple-itunes -app" content="app-id=myAppStoreID, academic-data=myAffiliateData, app-argument=myURL"> <!-- Smart-App-Banner hinzufügen Smart-App-Banner (iOS 6 Safari) --> <br> </div> <p> Die entsprechende Bildgröße für das iPhone 6 beträgt 750×1294 und die entsprechende Bildgröße für das iPhone 6 Plus beträgt 1242×2148. </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode73'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode73"> <br><link rel=" apple-touch -startup-image" href="launch6.png" media="(device-width: 375px)"><br><link rel="apple-touch-startup-image" href="launch6plus. png" media ="(device-width: 414px)"><br> </div> <p><strong>Windows 8<br></strong>　Windows 8-Kachelfarbe</p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode74'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode74"> <br><meta name=" msapplication-TileColor " content="#000"/> <!-- Windows 8 Tile Color--><br> </div> <p>　Windows 8-Kachelsymbol</p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode75'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode75"> <br><meta name=" msapplication-TileImage " content="icon.png"/> <!-- Windows 8-Kachelsymbol--><br> </div> <p> RSS-Abonnement </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode76'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode76"> <br><link rel="alternate" type="application/rss xml" title="RSS" href="/rss.xml" />!-- RSS-Abonnement hinzufügen--> <br> </div> <p>　Favicon-Symbol</p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode77'));"><u>Code kopieren</u></span></div>Der Code lautet wie folgt:</div> <div class="msgborder" id="phpcode77"> <br><link rel=" Verknüpfungssymbol" type="image/ico" href="/favicon.ico" /> <!-- Favicon-Symbol hinzufügen --><br> </div> <p>Eine detailliertere Einführung in Favicon finden Sie unter <a target="_blank" href="https://github.com/audreyr/favicon-cheat-sheet">https://github.com/audreyr/favicon-cheat-sheet<br></a><br><strong>Mobile Meta <br><br></strong><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8641')">Inhalt in die Zwischenablage kopieren</span></p> <div class="codeText"> <div id="code_8641"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"viewport"</span> <span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"width=device-width, initial-scale=1, user-scalable=no"</span><span> </span><span class="tag">/></span><span>  </span></span></li> <li> <span></span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"apple- mobile-web-app-fähig“</span><span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"ja"</span><span> </span><span class="tag">/ ></span><span>  </span> </li> <li class="alt"> <span></span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"apple- mobile-web-app-status-bar-style"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"black"</span><span> </span> <span class="tag">/></span><span>  </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>="format-erkennung"</span><span class="attribute-value">Inhalt</span><span>="</span><span class="attribute">Telefon</span><span>=</span><span class="attribute-value">nein</span><span>, </span><span class="attribute">E-Mail</span><span>=</span><span class="attribute-value">nein</span><span>" </span><span class="tag">/></span><span>  </span> </li> <li class="alt"> <span></span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"viewport" </span><span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"width=device-width, initial-scale=1, user-scalable=no"</span><span> </span><span class="tag">/></span><span>  </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"apple- mobile-web-app-fähig“</span><span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"ja"</span><span> </span><span class="tag">/ ></span><span class="comments"><!-- 删除苹果默认的工具栏和菜单栏 --></span><span>  </span> </li> <li class="alt"> <span></span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"apple- mobile-web-app-status-bar-style"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"black"</span><span> </span> <span class="tag">/></span><span class="comments"><!-- 设置苹果工具栏颜色 --></span><span>  </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"format- Erkennung"</span><span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"Telefon=Nein, E-Mail=Nein"</span><span> </span><span class="tag">/ ></span><span class="comments"><!-- 忽略页面中的数字识别为电话,忽略email识别 --></span><span>  </span> </li> <li class="alt"> <span></span><span class="comments"><!-- 启用360浏览器的极速模式(webkit) --></span><span>  </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"Renderer" </span><span> </span><span class="attribute">Inhalt</span><span>=</span><span class="attribute-value">"webkit"</span><span class="tag">></span><span>  </span> </li> <li class="alt"> <span></span><span class="comments"><!-- 避免IE使用兼容模式 --></span><span>  </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">http-equiv</span><span>=</span><span class="attribute-value">" " > </span><span> </span><span class="attribute"></span><span><!-- Optimiert für Handheld-Geräte, hauptsächlich für einige alte Browser, die das Ansichtsfenster nicht erkennen, wie z. B. Blackberry --></span><span class="attribute-value"> </span> <span class="tag"> </span><span></span> </li><<li class="alt"><span>meta</span><span class="comments"> </span><span>name</span></li>=<li><span>"HandheldFriendly" </span><span class="tag"> </span><span class="tag-name">Inhalt</span><span>=</span><span class="attribute">"wahr"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!--Microsofts Old-School-Browser --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>meta</span><span class="comments"> </span><span>name</span></li>=<li><span>"MobileOptimized" </span><span class="tag"> </span><span class="tag-name">Inhalt</span><span>=</span><span class="attribute">"320"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- uc erzwungener vertikaler Bildschirm --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>meta</span><span class="comments"> </span><span>name</span></li>=<li><span>"screen- Ausrichtung"</span><span class="tag"> </span><span class="tag-name">Inhalt</span><span>=</span><span class="attribute">"Porträt"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- QQ erzwungener vertikaler Bildschirm --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>meta</span><span class="comments"> </span><span>name</span></li>=<li><span>"x5- Ausrichtung"</span><span class="tag"> </span><span class="tag-name">Inhalt</span><span>=</span><span class="attribute">"Porträt"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- UC erzwungener Vollbildmodus --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>meta</span><span class="comments"> </span><span>name</span></li>=<li><span>"full- Bildschirm"</span><span class="tag"> </span><span class="tag-name">Inhalt</span><span>=</span><span class="attribute">"ja"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- QQ erzwungener Vollbildmodus --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>meta</span><span class="comments"> </span><span>name</span></li>=<li><span>"x5- Vollbild"</span><span class="tag"> </span><span class="tag-name">Inhalt</span><span>=</span><span class="attribute">"true"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- UC-Anwendungsmodus --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>meta</span><span class="comments"> </span><span>name</span></li>=<li><span>"browsermode" </span><span class="tag"> </span><span class="tag-name">Inhalt</span><span>=</span><span class="attribute">"Anwendung"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- QQ-Anwendungsmodus --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>meta</span><span class="comments"> </span><span>name</span></li>=<li><span>"x5- Seitenmodus"</span><span class="tag"> </span><span class="tag-name">Inhalt</span><span>=</span><span class="attribute">"app"</span><span>><span class="attribute-value"> </span> <span><li class="alt"> <span></span><span class="comments"><!-- Windows Phone-Klick ohne Hervorhebung --></span><span> </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"msapplication- tap-highlight"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"no"</span><span class="tag">></span><span> </span> </li> <li class="alt"> <span></span><span class="comments"><!-- An mobiles Ende anpassen --></span><span> </span> </li> </span> </ol> </div> </div> <p><br>Dies ist eine Zusammenfassung der Beiträge von <a href="http://weibo.com/toooobug" target="_blank">toobug</a>. </p> <p>Weitere Meta-Tag-Referenzen</p> <ul> <li><a href="http://code.lancepollard.com/complete-list-of-html-meta-tags/" target="_blank">VOLLSTÄNDIGE LISTE DER HTML-META-TAGS</a></li> <li><a href="http://www.iacquire.com/blog/18-meta-tags-every-webpage-should-have-in-2013" target="_blank">18 Meta-Tags, die jede Webseite im Jahr 2013 haben sollte</a></li> </ul> <p> Referenzartikel: </p> <ul> <li><a href="https://github.com/yisibl/blog/issues/1" target="_blank">Häufig verwendete HTML-Header-Tags</a></li> <li><a href="https://gist.github.com/paddingme/6182708733917ae36331" target="_blank">html5_header</a></li> <li><a href="http://amazeui.org/css/" target="_blank">Amazeui CSS</a></li> <li><a href="http://www.douban.com/note/170560091/" target="_blank">DOCTYPE</a></li> <li><a href="http://www.uisdc.com/ios8-ten-new-feature" target="_blank">10 neue Änderungen in IOS 8, die WEB-Ingenieure und Designer lernen müssen</a></li> </ul> </div> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Verwandte Etiketten：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=head" target="_blank">head</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=html" target="_blank">html</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">Quelle：php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/de/faq/10967.html" title="Detaillierte Zusammenfassung der HTML-Tag-Verschachtelungsregeln, die für unerfahrene Freunde geeignet sind_HTML/Xhtml_Webseitenproduktion"> <span>Vorheriger Artikel：Detaillierte Zusammenfassung der HTML-Tag-Verschachtelungsregeln, die für unerfahrene Freunde geeignet sind_HTML/Xhtml_Webseitenproduktion</span> </a> <a href="https://www.php.cn/de/faq/10971.html" title="Lösung für die inkonsistente Anzeige der Cursorgröße in der Eingabeeingabebox_HTML/Xhtml_Webseitenproduktion"> <span>Nächster Artikel：Lösung für die inkonsistente Anzeige der Cursorgröße in der Eingabeeingabebox_HTML/Xhtml_Webseitenproduktion</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">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> <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="wzconZzwz"> <div class="wzconZzwztitle">Neueste Artikel des Autors</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796639331.html">Was ist eine NullPointerException und wie behebe ich sie?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796629482.html">Vom Anfänger zum Programmierer: Ihre Reise beginnt mit C-Grundlagen</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796628545.html">Webentwicklung mit PHP freischalten: Ein Leitfaden für Anfänger</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627928.html">C entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627806.html">Entfalten Sie Ihr Programmierpotenzial: C-Programmierung für absolute Anfänger</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627670.html">Entfesseln Sie Ihren inneren Programmierer: C für absolute Anfänger</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627643.html">Automatisieren Sie Ihr Leben mit C: Skripte und Tools für Anfänger</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627620.html">PHP leicht gemacht: Ihre ersten Schritte in der Webentwicklung</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627574.html">Erstellen Sie alles mit Python: Ein Leitfaden für Anfänger, um Ihrer Kreativität freien Lauf zu lassen</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/1796627539.html">Der Schlüssel zum Programmieren: Die Leistungsfähigkeit von Python für Anfänger freischalten</a> </div> <div>2024-10-11 12:17:31</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Aktuelle Ausgaben</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/176403.html" target="_blank" title="Automatische PX-Konvertierung in REM-Fehler" class="wdcdcTitle">Automatische PX-Konvertierung in REM-Fehler</a> <a href="https://www.php.cn/de/wenda/176403.html" class="wdcdcCons"> <style>html {  font-size: calc(100vw / 3.75);      }body {    Schriftgröße: 0,16rem...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-16 09:34:16</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>4687</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/176396.html" target="_blank" title="Die Seite kann plötzlich weder CSS noch Bootstrap abrufen" class="wdcdcTitle">Die Seite kann plötzlich weder CSS noch Bootstrap abrufen</a> <a href="https://www.php.cn/de/wenda/176396.html" class="wdcdcCons">Ich entwickle also eine Seite, einen Teil davon habe ich gestern gemacht und es hat großar...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 21:58:04</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>800</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/176386.html" target="_blank" title="So lösen Sie das mysteriöse Leerzeichen am unteren Rand der Seite in CSS" class="wdcdcTitle">So lösen Sie das mysteriöse Leerzeichen am unteren Rand der Seite in CSS</a> <a href="https://www.php.cn/de/wenda/176386.html" class="wdcdcCons">Ich versuche, mit Bootstrap und D3 eine einfache Webseite zu erstellen, weiß aber nicht, w...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 20:22:15</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>454</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/176383.html" target="_blank" title="So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern" class="wdcdcTitle">So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern</a> <a href="https://www.php.cn/de/wenda/176383.html" class="wdcdcCons">Ich möchte das Skelett meiner Laravel-Komponente in einen Livewire3-Platzhalter einfügen. ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 20:02:10</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>543</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/176364.html" target="_blank" title="Methode der obersten Ebene zum Ersetzen einer Zeichenfolge durch HTML-Code (aus einem Array generiert)" class="wdcdcTitle">Methode der obersten Ebene zum Ersetzen einer Zeichenfolge durch HTML-Code (aus einem Array generiert)</a> <a href="https://www.php.cn/de/wenda/176364.html" class="wdcdcCons">Gegeben eine Zeichenfolge wie diese...$htmlPattern="Usernameis:#name#andusercompanyis...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 17:40:41</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>410</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>verwandte Themen</div> <a href="https://www.php.cn/de/faq/zt" target="_blank">Mehr> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlbq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214431586789.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Copyright-Symbol" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlbq" class="title-a-spanl" title="HTML-Copyright-Symbol"><span>HTML-Copyright-Symbol</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlzxbjq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214403473154.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Online-Editor" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlzxbjq" class="title-a-spanl" title="HTML-Online-Editor"><span>HTML-Online-Editor</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlwyzz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214275948120.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Webseitenproduktion" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlwyzz" class="title-a-spanl" title="HTML-Webseitenproduktion"><span>HTML-Webseitenproduktion</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlkg"><img src="https://img.php.cn/upload/subject/202407/22/2024072214273274014.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Speicherplatz" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlkg" class="title-a-spanl" title="HTML-Speicherplatz"><span>HTML-Speicherplatz</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214210727109.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was ist HTML?" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlssm" class="title-a-spanl" title="Was ist HTML?"><span>Was ist HTML?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlztdxzmsz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214205132478.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So legen Sie die HTML-Schriftgröße fest" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlztdxzmsz" class="title-a-spanl" title="So legen Sie die HTML-Schriftgröße fest"><span>So legen Sie die HTML-Schriftgröße fest</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlztxt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214125629445.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html zu txt" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlztxt" class="title-a-spanl" title="html zu txt"><span>html zu txt</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlwbkdmzmx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214120496282.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So schreiben Sie HTML-Textfeldcode" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlwbkdmzmx" class="title-a-spanl" title="So schreiben Sie HTML-Textfeldcode"><span>So schreiben Sie HTML-Textfeldcode</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <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="wzrOne"> <div class="wzroTitle">Beliebte Empfehlungen</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was bedeutet URL?" href="https://www.php.cn/de/faq/418772.html">Was bedeutet URL?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was bedeutet DOM?" href="https://www.php.cn/de/faq/414303.html">Was bedeutet DOM?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So ändern Sie die Bildgröße" href="https://www.php.cn/de/faq/414252.html">So ändern Sie die Bildgröße</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So machen Sie die Schriftart in HTML fett" href="https://www.php.cn/de/faq/414520.html">So machen Sie die Schriftart in HTML fett</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So legen Sie die Größe von HTML-Bildern fest" href="https://www.php.cn/de/faq/475145.html">So legen Sie die Größe von HTML-Bildern fest</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Beliebte Tutorials</div> <a target="_blank" href="https://www.php.cn/de/course.html">Mehr> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Verwandte Tutorials <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Beliebte Empfehlungen<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Aktuelle Kurse<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/de/course/812.html" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" href="https://www.php.cn/de/course/812.html">Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)</a> <div class="wzrthreerb"> <div>1423261 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/74.html" title="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche" href="https://www.php.cn/de/course/74.html">PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche</a> <div class="wzrthreerb"> <div>4268788 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/286.html" title="JAVA-Video-Tutorial für Anfänger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA-Video-Tutorial für Anfänger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA-Video-Tutorial für Anfänger" href="https://www.php.cn/de/course/286.html">JAVA-Video-Tutorial für Anfänger</a> <div class="wzrthreerb"> <div>2536676 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/504.html" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" href="https://www.php.cn/de/course/504.html">Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python</a> <div class="wzrthreerb"> <div>507480 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/2.html" title="PHP Zero-basiertes Einführungs-Tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP Zero-basiertes Einführungs-Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP Zero-basiertes Einführungs-Tutorial" href="https://www.php.cn/de/course/2.html">PHP Zero-basiertes Einführungs-Tutorial</a> <div class="wzrthreerb"> <div>862792 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/de/course/812.html" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" href="https://www.php.cn/de/course/812.html">Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)</a> <div class="wzrthreerb"> <div >1423261 Lernzeiten</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/286.html" title="JAVA-Video-Tutorial für Anfänger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA-Video-Tutorial für Anfänger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA-Video-Tutorial für Anfänger" href="https://www.php.cn/de/course/286.html">JAVA-Video-Tutorial für Anfänger</a> <div class="wzrthreerb"> <div >2536676 Lernzeiten</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/504.html" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" href="https://www.php.cn/de/course/504.html">Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python</a> <div class="wzrthreerb"> <div >507480 Lernzeiten</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/901.html" title="Kurze Einführung in die Web-Frontend-Entwicklung" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Kurze Einführung in die Web-Frontend-Entwicklung"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Kurze Einführung in die Web-Frontend-Entwicklung" href="https://www.php.cn/de/course/901.html">Kurze Einführung in die Web-Frontend-Entwicklung</a> <div class="wzrthreerb"> <div >215858 Lernzeiten</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/234.html" title="Meistern Sie PS-Video-Tutorials von Grund auf" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Meistern Sie PS-Video-Tutorials von Grund auf"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Meistern Sie PS-Video-Tutorials von Grund auf" href="https://www.php.cn/de/course/234.html">Meistern Sie PS-Video-Tutorials von Grund auf</a> <div class="wzrthreerb"> <div >890444 Lernzeiten</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/de/course/1648.html" title="[Web-Frontend] Node.js-Schnellstart" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web-Frontend] Node.js-Schnellstart"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web-Frontend] Node.js-Schnellstart" href="https://www.php.cn/de/course/1648.html">[Web-Frontend] Node.js-Schnellstart</a> <div class="wzrthreerb"> <div >7475 Lernzeiten</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1647.html" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" href="https://www.php.cn/de/course/1647.html">Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung</a> <div class="wzrthreerb"> <div >5974 Lernzeiten</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1646.html" title="Gehen Sie zur praktischen Anwendung von GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gehen Sie zur praktischen Anwendung von GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Gehen Sie zur praktischen Anwendung von GraphQL" href="https://www.php.cn/de/course/1646.html">Gehen Sie zur praktischen Anwendung von GraphQL</a> <div class="wzrthreerb"> <div >4938 Lernzeiten</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1645.html" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" href="https://www.php.cn/de/course/1645.html">Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf</a> <div class="wzrthreerb"> <div >697 Lernzeiten</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1644.html" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" href="https://www.php.cn/de/course/1644.html">Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen</a> <div class="wzrthreerb"> <div >24741 Lernzeiten</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Neueste Downloads</div> <a href="https://www.php.cn/de/xiazai">Mehr> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">Web-Effekte <div></div></div> <div class="swiper-slide" data-id="twof">Quellcode der Website<div></div></div> <div class="swiper-slide" data-id="threef">Website-Materialien<div></div></div> <div class="swiper-slide" data-id="fourf">Frontend-Vorlage<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kontaktcode für das jQuery-Enterprise-Nachrichtenformular" href="https://www.php.cn/de/toolset/js-special-effects/8071">[Formular-Schaltfläche] Kontaktcode für das jQuery-Enterprise-Nachrichtenformular</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Wiedergabeeffekte für HTML5-MP3-Spieluhren" href="https://www.php.cn/de/toolset/js-special-effects/8070">[Spezialeffekte für Spieler] Wiedergabeeffekte für HTML5-MP3-Spieluhren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte" href="https://www.php.cn/de/toolset/js-special-effects/8069">[Menünavigation] HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare" href="https://www.php.cn/de/toolset/js-special-effects/8068">[Formular-Schaltfläche] Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS imitiert den Kugou-Musik-Player-Code" href="https://www.php.cn/de/toolset/js-special-effects/8067">[Spezialeffekte für Spieler] VUE.JS imitiert den Kugou-Musik-Player-Code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Klassisches HTML5-Pushing-Box-Spiel" href="https://www.php.cn/de/toolset/js-special-effects/8066">[HTML5-Spezialeffekte] Klassisches HTML5-Pushing-Box-Spiel</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten" href="https://www.php.cn/de/toolset/js-special-effects/8065">[Bildspezialeffekte] jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt" href="https://www.php.cn/de/toolset/js-special-effects/8064">[Fotoalbumeffekte] Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8328" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen" target="_blank">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8327" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben" target="_blank">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8326" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer" target="_blank">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8325" title="Website-Vorlage eines modernen Ingenieurbauunternehmens" target="_blank">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8324" title="Responsive HTML5-Vorlage für Bildungseinrichtungen" target="_blank">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8323" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren" target="_blank">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8322" title="IT-Technologie löst Website-Vorlage für Internetunternehmen" target="_blank">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8321" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil" target="_blank">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3078" target="_blank" title="可爱的夏天元素矢量素材(EPS+PNG)">[PNG material] 可爱的夏天元素矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3077" target="_blank" title="四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[PNG material] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3076" target="_blank" title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[Banner image] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3075" target="_blank" title="金色的毕业帽矢量素材(EPS+PNG)">[PNG material] 金色的毕业帽矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3074" target="_blank" title="黑白风格的山脉图标矢量素材(EPS+PNG)">[PNG material] 黑白风格的山脉图标矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3073" target="_blank" title="不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[PNG material] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3072" target="_blank" title="扁平风格的植树节banner矢量素材(AI+EPS)">[Banner image] 扁平风格的植树节banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-materials/3071" target="_blank" title="九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[PNG material] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8328" target="_blank" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8327" target="_blank" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8326" target="_blank" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8325" target="_blank" title="Website-Vorlage eines modernen Ingenieurbauunternehmens">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8324" target="_blank" title="Responsive HTML5-Vorlage für Bildungseinrichtungen">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8323" target="_blank" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8322" target="_blank" title="IT-Technologie löst Website-Vorlage für Internetunternehmen">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/de/toolset/website-source-code/8321" target="_blank" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <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?1734577436"></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> <!-- 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 --> </body> </html>