Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Detaillierte Einführung in den HTML-Head-Tag

Detaillierte Einführung in den HTML-Head-Tag

巴扎黑
Freigeben： 2017-06-27 10:20:27
Original
1798 Leute haben es durchsucht

Dieser Artikel basiert auf Yisis Artikel und bietet eine erweiterte Zusammenfassung, um die Bedeutung und Verwendungsszenarien jedes Tags und Elements in häufig verwendeten Überschriften vorzustellen. 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(Dokument Typ), diese Deklaration befindet sich an der vordersten Position im Dokument, vor dem HTML-Tag, diesem Tag informiert den Browser Welche HTML- oder XHTML-Spezifikation verwendet das Serverdokument?

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, + bedeutet Ja, - bedeutet Nein. 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 Code Inhalt in die Zwischenablage kopieren

  1. >

●HTML 4.01 Transitional


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 prägnanteres Schreiben ein. Es ist vorwärts- und rückwärtskompatibel und wird zur Verwendung empfohlen.




XML/HTML-CodeInhalt in die Zwischenablage kopieren

  1. >
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 Informationen zum Dokumentmodus, Browsermodus und strikten Modus des
IE-Browsers , seltsamer Modus, DOCTYPE-Tag, ausführlicher Modus? Standard! Inhalt.

charset

deklariert die im Dokument verwendete Zeichenkodierung,


XML/HTML-Code Inhalt in die Zwischenablage kopieren

  1. <meta charset="utf-8">

html5 Die vorherige Webseite würde so schreiben:


XML/HTML-CodeInhalt in die Zwischenablage kopieren

  1. <meta http-equiv="Inhalt - Geben Sie „ content=“text/html; charset=utf-8“>

Diese beiden sind gleichwertig. Sie können die Details Schritt für Schritt lesen: , daher wird empfohlen, das zu verwenden kürzerer Speicher, der einfacher zu verwenden ist.



lang-Attribut

Vereinfachtes Chinesisch


XML/HTML-Code Inhalt 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 lang="zh-cmn-Hans" anstelle dessen, was wir normalerweise als schreiben Für lang="zh-CN" lesen Sie bitte weiter: Die Anweisung am Kopf der Seite sollte lang="zh" oder lang="zh-cn" lauten.


Bevorzugen Sie die neueste Version von IE und Chrome


XML/HTML-CodeInhalt in die Zwischenablage kopieren

  1. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

　360 Use Google Chrome Frame


XML/HTML-CodeInhalt in die Zwischenablage kopieren

  1. < ; Meta Name="Renderer" Inhalt="Webkit"> 🎜>

    2. Der 360-Browser wechselt nach dem Lesen dieses Tags sofort zum entsprechenden Geschwindigkeitskern. Fügen Sie außerdem


XML/HTML-Code

Inhalt in die Zwischenablage kopieren

    <

  1. meta http-equiv="X-UA-Compatible" content= "IE =Edge,chrome=1"> Der Effekt, der durch diese Schreibweise erzielt werden kann, besteht darin, dass, wenn Google Chrome Frame installiert ist, dann Verwenden Sie GCF zum Rendern der Seite. Wenn GCF nicht installiert ist, verwenden Sie zum Rendern die höchste Version des IE-Kernels.

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

Baidu verbietet Transkodierung


Wenn Sie eine Webseite über ein Baidu-Mobiltelefon öffnen, kann Baidu Ihre Webseite transkodieren oder Ihre Kleidung ausziehen und eine Werbung für Hundehautpflaster auf Ihren Körper kleben. Zu diesem Zweck können Sie




XML/HTML-Code

hinzufügen Inhalt in die Zwischenablage kopieren

  1. <meta http-equiv="Cache-Control" Inhalt="no-siteapp" />

Verwandte Links: SiteApp Transcoding Statement


SEO-Optimierungsteil

Seitentitel-Tag (Header ist erforderlich) <br><br></p> <p class="codeText"><br></p> <p class="codeHead"> <span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <ol class="dp-xml list-paddingleft-2"><li><p><span class="tag"><</span><span class="tag-name">Titel</span><span class="tag">> </span>Ihr Titel<span class="tag"></</span><span class="tag-name">Titel</span><span class="tag">></span></p></li></ol> <p>SeitenschlüsselwörterSchlüsselwörter <br><br></p> <p class="codeText"><br></p> <p class="codeHead"><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <ol class="dp-xml list-paddingleft-2"><li><p><span class="tag">< ;</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"keywords"</span> <span class="attribute">content</span>=<span class="attribute-value">"your keywords"</span><span class="tag">> ;</span></p></li></ol> <p><br>Inhaltsbeschreibung der Seitenbeschreibung <br></p> <p class="codeText"><br></p> <p class="codeHead"><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <ol class="dp-xml list-paddingleft-2"><li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">" Beschreibung"</span> <span class="attribute">Inhalt</span>=<span class="attribute-value">"Ihre Beschreibung"</span><span class="tag">></span></p></li></ol> <p> Definieren Sie den Autor der Webseite <br> </p> <p class="codeText"><br></p> <p class="codeHead"><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <ol class="dp-xml list-paddingleft-2"><li><p><span class="tag"> <</span><span class="tag-name">Meta</span> <span class="attribute">Name</span>=<span class="attribute-value">"Autor"</span> <span class="attribute">Inhalt</span>=<span class="attribute-value">"Autor, E-Mail-Adresse"</span><span class="tag">></span></p></li></ol> <p>Definieren Sie die Indexierungsmethode für Websuchmaschinen als eine Reihe von Werten, die durch englische Kommas "," getrennt sind, normalerweise mit den folgenden Werten Zur Verfügung stehen: none, noindex, nofollow, all, index und follow. <br><br><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <p class="codeText"><br></p> <ol class="dp-xml list-paddingleft-2"><li><p><span class="tag"> <</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"robots"</span> <span class="attribute">content</span>=<span class="attribute-value">"index,follow"</span><span class="tag">></span></p></li></ol> <p>Verwandte Links: WEB1038 – Tag enthält ungültigen Wert <br><br><strong><a href="http://www.php.cn/css/css-rwd-viewport.html" target="_blank">Ansichtsfenster</a></strong></p> <p>　Viewport kann die Layoutdarstellung in mobilen Browsern verbessern. Schreiben Sie normalerweise </p> <p class="codeText"><br></p> <p class="codeHead"><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <ol class="dp-xml list-paddingleft-2"><li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"viewport"</span> <span class="attribute">content</span>=<span class="attribute-value">"width=device-width , initial -scale=1.0"</span><span class="tag">></span></p></li></ol> <p>width=device-width führt dazu, dass das iPhone 5 die Seite nach dem Hinzufügen im WebApp-Vollbildmodus öffnet zum Startbildschirm Es erscheinen schwarze Ränder (http://bigc.at/ios-webapp-viewport-meta.orz)</p> <p>content Parameters: </p> <p>width viewport width (value/device-width )<br>Höhe des Ansichtsfensters (numerischer Wert/Gerätehöhe)<br>anfängliches Skalierungsverhältnis<br>maximales Skalierungsverhältnis maximales Skalierungsverhältnis<br>minimales Skalierungsverhältnis minimales Skalierungsverhältnis<br>vom Benutzer skalierbar, ob dies der Fall sein soll Benutzerskalierung zulassen (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> <p class="codeText"><br></p> <p class="codeHead"><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <ol class="dp-xml list-paddingleft-2"><li><p><span class="tag"><</span><span class="tag-name">Meta</span> <span class="attribute">name</span>=<span class="attribute-value">"viewport"</span> <span class="attribute">content</span>=<span class="attribute-value">"width=device-width, initial-scale=1, minimal-ui"</span><span class="tag">></span></p></li></ol> <p>Und wenn Ihre Website nicht reagiert, verwenden Sie bitte nicht die Anfangsskalierung oder deaktivieren Sie die Skalierung. </p> <p class="codeText"><br></p> <p class="codeHead"><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <ol class="dp-xml list-paddingleft-2"><li><p><span class="tag"> <</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"viewport"</span> <span class="attribute">content</span>=<span class="attribute-value">"width=device-width,user- scalable =ja"</span><span class="tag">></span></p></li></ol> <p>Verwandte Links: Nicht-responsives Design-Ansichtsfenster <br><br> An iPhone 6 und iPhone 6plus angepasst, dann erforderlich Schreiben Sie: <br><span class="lantxt"><br>XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <p class="codeText"><br></p> <ol class="dp-xml list-paddingleft-2"> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"viewport"</span> <span class="attribute">content</span>=<span class="attribute-value">"width=375"</span> <span class="tag">></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"viewport"</span> <span class="attribute">Inhalt</span>=<span class="attribute-value">"width=414"</span><span class="tag">></span></p></li> </ol> <p>Meistens 4,7~5 Zoll Die Breite des Ansichtsfensters von Bei Android-Geräten ist die Auflösung auf 360 Pixel eingestellt, auf dem iPhone 6 jedoch auf 375 Pixel. Die Ansichtsbreite der meisten 5,5-Zoll-Android-Geräte (z. B. Samsung Note) beträgt 400 Pixel und auf dem iPhone 6 Plus 414 Pixel. <br><br><strong> iOS-Geräte <br><br></strong> Titel zum Startbildschirm hinzugefügt (neu für iOS 6) </p> <p class="codeText"><br></p> <p class="codeHead"><span class="lantxt"> XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <ol class="dp-xml list-paddingleft-2"><li><p><span class="tag"><</span><span class="tag-name">Meta</span> <span class="attribute">Name</span>=<span class="attribute-value">"apple-mobile-web-app-title"</span> <span class="attribute">content</span>=<span class="attribute-value">"title"</span><span class="tag">></span> <span class="comments">< -- Titel zum Startbildschirm hinzugefügt (neu in iOS 6) --></span></p></li></ol> <p><br>Ob der WebApp-Vollbildmodus aktiviert werden soll</p> <p class="codeText"> <br></p> <p class="codeHead"><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <ol class="dp-xml list-paddingleft-2"><li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"apple-mobile-web-app-capable"</span> <span class="attribute">content</span>=<span class="attribute-value">"yes"</span> <span class="tag"> /></span> <span class="comments"><!-- Ob der WebApp-Vollbildmodus aktiviert werden soll --></span></p></li></ol> <p>Hintergrundfarbe der Statusleiste festlegen</p> <p class="codeText"> <br></p> <p class="codeHead"><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <ol class="dp-xml list-paddingleft-2"> <li><p><span class="tag">< ;</span> <span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"apple-mobile-web-app-status-bar-style"</span> <span class="attribute">content</span>=<span class="attribute-value">"schwarz- durchscheinend"</span> <span class="tag">/></span></p></li> <li><p><span class="comments"><!-- Legen Sie die Hintergrundfarbe der Statusleiste fest, nur in ` „apple-mobile-web Effektiv, wenn -app-capable“ content="yes"` --></span></p></li> </ol> <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-durchscheinend Der Hintergrund der Statusleiste ist schwarz und durchscheinend. 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> <p class="codeText"><br></p> <p class="codeHead"><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren </span></p> <ol class="dp-xml list-paddingleft-2"> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"format-erkennung"</span> <span class="attribute">content</span>=<span class="attribute-value">"telephone=no"</span> <span class="tag">/></span> <span class="comments"><!-- Ziffernerkennung als Telefonnummer deaktivieren --> 🎜></span></p></li>iOS-Symbol</ol> <p>　rel-Parameter: apple-touch-icon </p>Bild<p> wird automatisch in Effekte wie 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, standardmäßig 57 x 57 Pixel, müssen den folgenden <a href="http://www.php.cn/css/css-rwd-images.html" target="_blank"></a>-Code haben: </p> <p><link rel="apple-touch-icon-precomposed" href="/apple-touch-icon- 57x57 -precomposed.png" /> <!-- iPhone und iTouch, Standard 57x57 Pixel, muss--></p> <p class="msgborder"><br> iPad, 72x72 Pixel, optional, aber empfohlen </p> <p>Der Code lautet wie folgt:</p> <p><link rel="apple-touch-icon-precomposed" size="72x72" href="/apple-touch-icon-72x72-precomposed.png" / > <!-- iPad, 72x72 Pixel, optional, aber empfohlen--></p> <p class="msgborder"><br> Retina iPhone und Retina iTouch, 114x114 Pixel, optional, aber empfohlen </p> <p> Der Code lautet wie folgt:</p> <p><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 --></p> <p class="msgborder"><br> Retina iPad, 144x144 Pixel, optional, aber empfohlen </p> <p>Der Code lautet wie folgt :</p> <p><link rel="apple-touch-icon-precomposed" size="144x144" href="/apple-touch-icon-144x144-precomposed.png" /> Retina iPad, 144 x 144 Pixel, optional, aber empfohlen –></p> <p class="msgborder"><br> 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 </p> <p>-Code wie folgt hinzufügen: </p> <p><link rel="apple-touch-icon-precomposed" size="180x180" href= " retinahd_icon.png"></p> <p class="msgborder"><br></p>iOS-Begrüßungsbildschirm<p><strong><br>Offizielle Dokumentation: <br>https://</strong>developer.apple.com/ Bibliothek /ios/qa/qa1686/_index.html <a href="http://www.php.cn/wiki/373.html" target="_blank">Referenzartikel: http://wxd.ctrip.com/blog/2013/09/ios7-hig-24/ </a><br>Der Startbildschirm des iPad ist Mit Ausnahme des Statusleistenbereichs. <br><br>iPad-Hochformatbildschirm 768 x 1004 (Standardauflösung) </p> <p>Der Code lautet wie folgt:</p> <p><link rel="apple-touch-startup-image"sizes= "768x1004 " href="/splash-screen-768x1004.png" /> <!-- iPad vertikaler Bildschirm 768 x 1004 (Standardauflösung) --></p> <p class="msgborder"><br>　iPad vertikaler Bildschirm 1536x2008 ( Netzhaut</p> <p>Der Code lautet wie folgt:</p> <p><link rel="apple-touch-startup-image" size="1536x2008" href="/splash-screen-1536x2008.png " /> <!-- iPad-Hochformatbildschirm 1536x2008 (Retina) --></p> <p class="msgborder"><br> iPad-Querformatbildschirm 1024x748 (Standardauflösung) </p> <p>Der Code lautet wie folgt:</p> <p>< ;link rel="apple-touch-startup-image" size="1024x748" href="/Default-Portrait-1024x748.png" /> <!-- iPad Querformat 1024x748 (Standardauflösung ) --> ;</p><p class="msgborder"><br/> iPad-Querformatbildschirm 2048x1496 (Retina) </p><p>Der Code lautet wie folgt:</p><p><link rel="apple-touch-startup -image" size="2048x1496 " href="/splash-screen-2048x1496.png" /> <!-- iPad-Querformatbildschirm 2048x1496 (Retina) --></p> <p class="msgborder"><br> Der Start Bildschirm von iPhone und iPod touch ist enthalten </p> <p>iPhone/iPod Touch-Hochformatbildschirm 320x480 (Standardauflösung) </p> <p>Der Code lautet wie folgt:</p> <p class="msgborder"><link rel="apple-touch-startup-image" href="/splash-screen-320x480.png" /> <!-- iPhone/iPod Touch-Hochformatbildschirm 320x480 (Standardauflösung) - - ><br></p> <p>iPhone/iPod Touch-Hochformatbildschirm 640x960 (Retina)</p> <p>Der Code lautet wie folgt:</p> <p class="msgborder"><link rel="apple-touch-startup -image " size="640x960" href="/splash-screen-640x960.png" /> <!-- iPhone/iPod Touch-Hochformatbildschirm 640x960 (Retina) --><br></p> <p>　iPhone 5/iPod Touch 5 vertikaler Bildschirm 640x1136 (Retina)</p> <p>Der Code lautet wie folgt:</p> <p class="msgborder"><link rel="apple-touch-startup-image" size="640x1136" href="/splash -screen-640x1136.png" /> <!-- iPhone 5/iPod Touch 5 vertikaler Bildschirm 640x1136 (Retina) --><br></p> <p> Smart App Advertising Banner hinzufügen Smart App Banner (iOS 6+ Safari) </p> <p>Der Code lautet wie folgt:</p> <p class="msgborder"><meta name="apple-itunes-app" content="app-id=myAppStoreID, Affiliate- data=myAffiliateData, app-argument= myURL"> <!-- Smart App Advertising Banner hinzufügen Smart App Banner (iOS 6+ Safari) --><br></p> <p>　Die entsprechende Bildgröße für das iPhone 6 ist 750×1294, und für das iPhone 6 Plus beträgt das entsprechende 1242×2148. </p> <p>Der Code lautet wie folgt:</p> <p class="msgborder"><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></p> <p><strong>Windows 8 <br></strong>　Windows 8-Kachelfarbe</p> <p>Der Code lautet wie folgt:</p> <p class="msgborder"><meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8-Kachelfarbe--><br></p> <p>　Windows 8-Kachelsymbol</p> <p>Der Code lautet wie folgt:</p> <p class="msgborder"><meta name=" msapplication-TileImage" content= "icon.png"/> <!-- Windows 8 Kachelsymbol--><br></p> <p>　RSS-Abonnement</p> <p>Der Code lautet wie folgt: </p> <p class="msgborder">< link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" <!-- RSS-Abonnement hinzufügen--> ;<br/></p><p>　Favicon-Symbol</p><p>Der Code lautet wie folgt:</p><p class="msgborder"><link rel="shortcut icon" type="image/ico" href="/ favicon.ico" /> <!- - Favicon-Symbol hinzufügen --><br></p> <p>Eine detailliertere Einführung in Favicon finden Sie unter https://github.com/audreyr/favicon -Spickzettel<br><br><strong>Mobile-Version-Meta <br></strong><span class="lantxt">XML/HTML-Code</span><span style="CURSOR: pointer" class="copyCodeText">Inhalt in die Zwischenablage kopieren</span></p> <ol class="dp-xml list-paddingleft-2"> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"viewport"</span> <span class="attribute">content</span>=<span class="attribute-value">"width= device-width, initial-scale=1, user-scalable= no"</span> <span class="tag">/></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"apple-mobile-web-app-capable"</span> <span class="attribute">content</span>=<span class="attribute-value">"yes"</span> <span class="tag"> /></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"apple-mobile-web -app-status-bar-style"</span> <span class="attribute">content</span>=<span class="attribute-value">"black"</span> <span class="tag">/></span></p></li> <li><p> <span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>="format-detection"<span class="attribute-value">content</span>="<span class="attribute">telephone</span>=<span class="attribute-value">no</span>, <span class="attribute">E-Mail</span>=<span class="attribute-value">nein</span>" <span class="tag">/></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"viewport"</span> <span class="attribute">content</span>=<span class="attribute-value">"width=device-width, initial-scale=1, user-scalable= nein"</span> <span class="tag">/></span> </p></li> <li> <p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"apple-mobile-web-app-capable"</span> <span class="attribute">content</span>=<span class="attribute-value">"yes"</span> <span class="tag">/></span><span class="comments"><!-- Apples Standardsymbolleiste und Menüleiste löschen --></span></p> </li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"apple-mobile-web-app-status-bar- style" </span> <span class="attribute">content</span>=<span class="attribute-value">"black"</span> <span class="tag">/></span><span class="comments"><!-- Farbe der Apple-Symbolleiste festlegen --></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">Meta</span> <span class="attribute">Name</span>=<span class="attribute-value">"Formaterkennung"</span> <span class="attribute">Inhalt</span>=<span class="attribute-value">"telphone=no, email=no"</span> <span class="tag">/></span><span class="comments"><!-- Ignorieren Sie die Nummern auf der Seite und identifizieren Sie sie als Telefonnummern, ignorieren Sie E-Mails Identifikation - -></span></p></li> <li><p><span class="comments"><!-- Aktivieren Sie den Geschwindigkeitsmodus des 360-Browsers (Webkit) --></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"renderer"</span> <span class="attribute">content</span>=<span class="attribute-value">"webkit "</span><span class="tag">></span></p></li> <li> <p><span class="comments"><!-- Vermeiden Sie den IE im Kompatibilitätsmodus --></span></p> </li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">http-equiv</span>=<span class="attribute-value">"X-UA-Compatible"</span> <span class="attribute"> Inhalt</span>=<span class="attribute-value">"IE=edge"</span><span class="tag">></span></p></li> <li><p><span class="comments"><!-- Hauptsächlich für Handheld-Geräte optimiert für einige alte Browser, die das Ansichtsfenster nicht erkennen, wie z. B. BlackBerry --></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute"> Name</span>=<span class="attribute-value">"HandheldFriendly"</span> <span class="attribute">Inhalt</span>=<span class="attribute-value">"true"</span><span class="tag">></span></p></li> <li><p><span class="comments"><!-- Microsofts alter Browser --></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">Meta</span> <span class="attribute">Name </span>=<span class="attribute-value">"MobileOptimized"</span> <span class="attribute">Inhalt</span>=<span class="attribute-value">"320"</span><span class="tag">></span></p></li> <li><p> <span class="comments"><!-- uc force vertikaler Bildschirm --></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">Meta</span> <span class="attribute">Name </span>=<span class="attribute-value">"screen-orientation"</span> <span class="attribute">content</span>=<span class="attribute-value">"portrait"</span><span class="tag">></span></p></li> <li><p><span class="comments"><!--QQ erzwungener vertikaler Bildschirm --></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"x5-orientation"</span> <span class="attribute">content</span>=<span class="attribute-value">"portrait"</span><span class="tag">></span></p></li> <li><p><span class="comments"><!-- UC erzwungener Vollbildmodus --></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">Name</span>=<span class="attribute-value">"Vollbild"</span> <span class="attribute">Inhalt</span>=<span class="attribute-value">"Ja"</span><span class="tag">></span></p></li> <li><p><span class="comments"><!-- QQ erzwungener Vollbildmodus --></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">Meta</span> <span class="attribute">Name</span>=<span class="attribute-value">"x5-fullscreen"</span> <span class="attribute">Inhalt</span>=<span class="attribute-value">"true"</span><span class="tag">></span></p></li> <li><p><span class="comments"><!-- UC-Anwendungsmodus --></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"browsermode"</span> <span class="attribute">content</span>=<span class="attribute-value">"Anwendung"</span><span class="tag">></span></p></li> <li><p><span class="comments"><!-- QQ-Anwendungsmodus --></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"x5-page-mode"</span> <span class="attribute">content</span>=<span class="attribute-value">"app"</span><span class="tag">></span></p></li> <li><p><span class="comments"><!-- Windows Phone-Klick ohne Hervorhebung --></span></p></li> <li><p><span class="tag"><</span><span class="tag-name">meta</span> <span class="attribute">name</span>=<span class="attribute-value">"msapplication-tap-highlight"</span> <span class="attribute">Inhalt</span>=<span class="attribute-value">"nein"</span><span class="tag">></span></p></li> <li><p><span class="comments"><!-- An mobile Seite anpassen -- ></span></p></li> </ol> <p>Dies ist eine Zusammenfassung des Teilens von toobug. </p> <p>　Weitere Meta-Tag-Referenzen</p> <ul class=" list-paddingleft-2"> <li><p>VOLLSTÄNDIGE LISTE DER HTML-META-TAGS</p></li> <li><p>18 Meta-Tags, die jede Webseite im Jahr 2013 haben sollte</p></li> </ul> <p> Referenzartikel: </p> <ul class=" list-paddingleft-2"> <li><p>Häufig verwendete HTML-Header-Tags</p></li> <li> <p>html5_header</p> </li> <li><p>amazeui css</p></li> <li><p>DOCTYPE</p></li> <li><p>10 neue IOS 8-Änderungen, die WEB-Ingenieure und Designer lernen müssen </p></li> </ul><p>Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in den HTML-Head-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </div> </div> <div style="display: flex;"> <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> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=介绍" target="_blank">介绍</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/370785.html" title="Detaillierte Einführung in das <head>-Tag und seinen Inhalt in HTML"> <span>Vorheriger Artikel：Detaillierte Einführung in das <head>-Tag und seinen Inhalt in HTML</span> </a> <a href="https://www.php.cn/de/faq/370796.html" title="HTML5-Tutorial zum <header>-Tag-Layout"> <span>Nächster Artikel：HTML5-Tutorial zum <header>-Tag-Layout</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/375959.html">So fügen Sie Elemente zum PHP-Array hinzu</a> </div> <div>2023-03-14 15:58:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/377752.html">Beispiel, das zeigt, wie JS ein einfaches Multiple-Choice-Bewertungssystem implementiert</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/376780.html">PHP-Lösung zur Einschränkung mehrerer Übermittlungen derselben IP</a> </div> <div>2023-03-15 07:38:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/362217.html">Verwendung regulärer Ausdrücke zur Implementierung der Formularvalidierung in HTML</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/379000.html">Detaillierte Erläuterung dieses Zeigeproblems im strikten JavaScript-Modus</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/377851.html">Beispielcode zum Erstellen eines Baummenüs (einschließlich Menü mit mehreren Ebenen) in Java</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/376633.html">Ausführliche Erläuterung von Beispielen für die Implementierung eines reibungslosen Übergangs durch CSS3 beim Verlassen des Hovers</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/370599.html">Swiper-Karussell-Bildquellcode-Sharing-Analyse</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/378766.html">Fassen Sie VsCode-Plug-Ins zusammen und organisieren Sie sie</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/373935.html">HttpUtils-Anforderungstool-Klassencode</a> </div> <div>1970-01-01 08:00:00</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/.html" target="_blank" title="Wie wird es zu <html></html>, nachdem <html><> eingegeben wurde?" class="wdcdcTitle">Wie wird es zu <html></html>, nachdem <html><> eingegeben wurde?</a> <a href="https://www.php.cn/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</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>0</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/.html" target="_blank" title="Müssen Sie für jedes HTML im Ansichtsordner einen entsprechenden HTML-Ordner erstellen?" class="wdcdcTitle">Müssen Sie für jedes HTML im Ansichtsordner einen entsprechenden HTML-Ordner erstellen?</a> <a href="https://www.php.cn/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</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>0</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/.html" target="_blank" title="HTML-Übersetzungsumgebung" class="wdcdcTitle">HTML-Übersetzungsumgebung</a> <a href="https://www.php.cn/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</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>0</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/.html" target="_blank" title="Warum sollten Webseiten <!DOCTYPE html> deklarieren?" class="wdcdcTitle">Warum sollten Webseiten <!DOCTYPE html> deklarieren?</a> <a href="https://www.php.cn/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</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>0</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/.html" target="_blank" title="So senden Sie HTML-Inhalte an eine andere HTML-Seite" class="wdcdcTitle">So senden Sie HTML-Inhalte an eine andere HTML-Seite</a> <a href="https://www.php.cn/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</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>0</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 class="lazy" src="/static/imghw/default1.png" data-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 class="lazy" src="/static/imghw/default1.png" data-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 class="lazy" src="/static/imghw/default1.png" data-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 class="lazy" src="/static/imghw/default1.png" data-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 class="lazy" src="/static/imghw/default1.png" data-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 class="lazy" src="/static/imghw/default1.png" data-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 class="lazy" src="/static/imghw/default1.png" data-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 class="lazy" src="/static/imghw/default1.png" data-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 class="lazy" src="/static/imghw/default1.png" data-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>1434573 <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 class="lazy" src="/static/imghw/default1.png" data-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>4292230 <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 class="lazy" src="/static/imghw/default1.png" data-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>2641224 <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 class="lazy" src="/static/imghw/default1.png" data-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>515321 <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 class="lazy" src="/static/imghw/default1.png" data-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>874931 <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 class="lazy" src="/static/imghw/default1.png" data-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 >1434573 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 class="lazy" src="/static/imghw/default1.png" data-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 >2641224 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 class="lazy" src="/static/imghw/default1.png" data-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 >515321 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 class="lazy" src="/static/imghw/default1.png" data-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 >216872 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 class="lazy" src="/static/imghw/default1.png" data-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 >915291 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 class="lazy" src="/static/imghw/default1.png" data-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 >9288 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 class="lazy" src="/static/imghw/default1.png" data-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 >7492 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 class="lazy" src="/static/imghw/default1.png" data-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 >6331 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 class="lazy" src="/static/imghw/default1.png" data-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 >810 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 class="lazy" src="/static/imghw/default1.png" data-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 >31361 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?1740705647"></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>