Ist img in HTML5 ein Element auf Blockebene?

Das Bild von

html5 ist kein Element auf Blockebene. img ist ein Inline-Element und auch ein Ersatzelement. Es verfügt über integrierte Breiten- und Höhenattribute, sodass das img-Tag die Breite und Höhe festlegen kann. img ist ein Inline-Ersatzelement. Höhe, Breite, Abstand und Rand sind alle verfügbar und die Wirkung ist die gleiche wie bei Blockelementen.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

<img /> Grundlegende Verwendung von Tags

<img /> 标签的基本使用

浏览器支持

• 所有主流浏览器都支持 <img> 标签

标签定义及使用说明

• <img> 标签定义 HTML 页面中的图像
• <img> 标签有两个必需的属性：src 和 alt
• 强烈推荐在开发中每个图像中都使用 alt 属性。这样即使图像无法显示，用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说，alt 属性通常是他们了解图像内容的唯一方式

<img />究竟是什么元素

<img /> 是行内元素还是块级元素？

• <img /> 标签没有独占一行，所以是行内元素，这没啥问题

既然是行内元素为什么能够设置宽高呢？

• 这个问题就要引申出下面部分了，<img /> 标签属于替换元素，具有内置的宽高属性，所以可以设置，具体解释看下面。

元素的定义

从元素本身的特点来讲，可以分为不可替换元素和替换元素

元素相关的MDN解释

不可替换元素

• (X)HTML 的大多数元素是不可替换元素，即其内容直接表现给用户端(例如浏览器)
• 如：<h1>我是标题</h1>

可替换元素

• 浏览器根据元素的标签和属性，来决定元素的具体显示内容
• 例如浏览器会根据 <img> 标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容；又例如根据 <input> 标签的type属性来决定是显示输入框，还是单选按钮等
• (X)HTML中的 <img>、<input>、、<select>、<object></code> 都是替换元素。这些元素往往没有实际的内容，即是一个空元素</li> <li>如：<code><img src="tigger.jpg"/></code>、<code><input type="submit" name="Submit" value="提交"/></code> </li> <li><strong>可替换元素的性质同设置了display:inline-block的元素一致</strong></li> </ul> <h2>特殊的可替换元素</h2> <ul> <li> <code><img></code>属于可替换元素</li> <li> <code><img></code>同时具有行内元素，行内块，和块级元素的特性</li> <li>替换元素一般有内在尺寸，所以具有 <code>width</code> 和 <code>height</code>，可以设定<ul><li>例如你不指定 <code><img></code> 的 <code>width</code> 和 <code>height</code> 时，就按其内在尺寸显示，也就是图片被保存的时候的宽度和高度</li></ul> </li> <li>对于表单元素，浏览器也有默认的样式，包括宽度和高度</li> <li> <code><img>、<input></code>属于行内替换元素。<code>height/width/padding/margin</code><strong><span style="font-size: 16px;">Browser-Unterstützung</span> strong ></strong> </li> <ul><li>Alle gängigen Browser unterstützen das <code><img></code>-Tag </li></ul> <p><a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程"><strong><span style="font-size: 16px;"> Tag-Definition und Verwendungsbeschreibung</span></strong></a></p> <ul> <li> <code><img></code>-Tag definiert ein Bild in einer HTML-Seite</li> <li> <code><img></code>-Tag Dort sind zwei erforderliche Attribute: src und alt🎜</li> <li>Es wird dringend empfohlen, das alt-Attribut für jedes Bild in der Entwicklung zu verwenden. Selbst wenn das Bild nicht angezeigt werden kann, kann der Benutzer auf diese Weise dennoch einige Informationen darüber sehen, was fehlt. Und für Menschen mit Behinderungen ist das Alt-Attribut oft die einzige Möglichkeit, zu erfahren, worum es in dem Bild geht🎜🎜🎜<code><img /></code>Was genau ist es<h3> <code>< Ist img /></code> ein Inline-Element oder ein Block-Level-Element? </h3> <ul><li> <code><img /></code> Das Tag belegt keine separate Zeile, es handelt sich also um ein Inline-Element. Das ist kein Problem🎜🎜🎜<strong>Da es sich um ein Inline-Element handelt, warum können Breite und Höhe festgelegt werden? </strong>🎜<ul><li>Diese Frage führt zum folgenden Teil. Das <code><img /></code>-Tag ist ein Ersatzelement und verfügt über integrierte Breite und Höhenattribute können festgelegt werden. Eine ausführliche Erläuterung finden Sie weiter unten. 🎜🎜🎜Definition von Elementen🎜🎜Anhand der Eigenschaften der Elemente selbst können sie in nicht ersetzbare Elemente und ersetzbare Elemente unterteilt werden🎜🎜🎜🎜MDN-Erklärung zu Elementen🎜🎜🎜<strong><span style="font -size: 16px;">Nicht ersetzbare Elemente</span></strong>🎜<ul> <li>Die meisten Elemente von <code>(X)HTML</code> sind nicht ersetzbare Elemente Das heißt, ihr Inhalt wird direkt an den Client (z. B. einen Browser) ausgedrückt🎜</li> <li>Zum Beispiel: <code><h1>Ich bin der Titel</h1></code>🎜🎜🎜<strong><span style="font-size: 16px; ">Ersetzbare Elemente</span></strong>🎜<ul> <li>Der Browser bestimmt den spezifischen Anzeigeinhalt des Elements basierend auf dem Tag und den Attributen des Elements🎜</li> <li>Zum Beispiel bestimmt der Browser den spezifischen Anzeigeinhalt des Elements basierend auf <code>< Der Wert des src-Attributs des img></code>-Tags wird jedoch verwendet, um die Bildinformationen zu lesen und anzuzeigen. Wenn Sie den (X)HTML-Code anzeigen, können Sie beispielsweise gemäß <code><input>-Tags bestimmt, ob ein Eingabefeld angezeigt wird. ein Optionsfeld usw. 🎜<li> <code><img>, <input>, <textarea>, <select> in (X) HTML ;, <object></code> sind alles Ersatzelemente . Diese Elemente haben oft keinen eigentlichen Inhalt, also ein leeres Element🎜</li> <li>Zum Beispiel: <code><img src="tigger.jpg"/></code>, <code><input type= "submit " name="Submit" value="Submit"/></code>🎜</li> <li> <strong>Die Art ersetzbarer Elemente ist die gleiche wie die von Elementen mit display:inline-block set</strong> 🎜🎜🎜Spezielle austauschbare Elemente<ul> <li> <code><img></code> sind austauschbare Elemente 🎜</li> <li> <code><img></code> haben sowohl Inline-Elemente als auch Inline-Blöcke und die Eigenschaften von Elementen auf Blockebene🎜</li> <li>Ersatzelemente haben im Allgemeinen intrinsische Abmessungen, also haben sie <code>width</code> und <code>height</code>, die <ul> eingestellt werden können <li>Wenn Sie beispielsweise <code>width</code> und <code>height</code> von <code><img></code> nicht angeben, wird es entsprechend angezeigt Eigengröße, also die Breite und Höhe des Bildes beim Speichern 🎜🎜🎜</li> <li>Für Formularelemente verfügen Browser auch über Standardstile, einschließlich Breite und Höhe🎜</li> <li> <code><img>, <input></code> sind Inline-Ersetzungselemente. <code>height/width/padding/margin</code> sind alle verfügbar. Der Effekt entspricht dem Blockelement🎜🎜🎜Empfohlenes Tutorial: „🎜HTML-Video-Tutorial🎜“🎜</li> </ul> </li> </ul> </li></code> </li> </ul> </li> </ul> </li></ul> </li></ul> </li> </ul> </ul><p>Das obige ist der detaillierte Inhalt vonIst img in HTML5 ein Element auf Blockebene?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </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=html5" target="_blank">html5</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/de/search?word=img" target="_blank">img</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/486046.html" title="Was sind die dreidimensionalen Transformationsfunktionen von CSS3?"> <span>Vorheriger Artikel：Was sind die dreidimensionalen Transformationsfunktionen von CSS3?</span> </a> <a href="https://www.php.cn/de/faq/486052.html" title="Welche grundlegenden Steuerelemente umfassen HTML5-Formularelemente?"> <span>Nächster Artikel：Welche grundlegenden Steuerelemente umfassen HTML5-Formularelemente?</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> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <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/529366.html">Verstehen Sie den Sentinel in Redis im Detail</a> </div> <div>2023-04-26 17:59:18</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/529362.html">[Organisation und Freigabe] 7 beliebte React-Statusverwaltungstools</a> </div> <div>2023-04-26 17:47:48</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/529360.html">In einem Artikel wird der Unterschied zwischen Schlüssel in Vue2 und Schlüssel in Vue3 erläutert</a> </div> <div>2023-04-26 17:41:42</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/529358.html">Ein Artikel über Speichersteuerung in Node</a> </div> <div>2023-04-26 17:37:05</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/529356.html">Praktische Excel-Kenntnisse weitergeben: 4 Tipps zum Löschen doppelter Werte!</a> </div> <div>2023-04-26 17:31:25</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/529350.html">Vermittlung praktischer Word-Kenntnisse: Auf diese Weise kann die Konvertierungsfunktion vom Vereinfachten zum Traditionellen genutzt werden!</a> </div> <div>2023-04-26 17:27:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/528167.html">Wie lassen sich domänenübergreifende Probleme lösen? Eine kurze Analyse gängiger Lösungen</a> </div> <div>2023-04-25 19:57:58</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/528165.html">Ein Artikel zum Verständnis des Singleton-Musters in JavaScript</a> </div> <div>2023-04-25 19:53:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/528163.html">Erfahren Sie mehr über Puffer in Node</a> </div> <div>2023-04-25 19:49:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/528161.html">Erfahren Sie, wie Sie Unit-Tests in Vue3 schreiben</a> </div> <div>2023-04-25 19:41:54</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/176344.html" target="_blank" title="Wie kann ich dafür sorgen, dass mein Bild auf der Hauptanzeige der Seite erscheint?" class="wdcdcTitle">Wie kann ich dafür sorgen, dass mein Bild auf der Hauptanzeige der Seite erscheint?</a> <a href="https://www.php.cn/de/wenda/176344.html" class="wdcdcCons">Ich möchte einige Fotos über NASAAPI erhalten. Diese Fotos werden dann im Miniaturbild und...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 15:33:12</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>433</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/176282.html" target="_blank" title="Können PDF-Dateien mit HTML5 und Javascript ausgeführt werden?" class="wdcdcTitle">Können PDF-Dateien mit HTML5 und Javascript ausgeführt werden?</a> <a href="https://www.php.cn/de/wenda/176282.html" class="wdcdcCons">Ich habe die dumme Idee, ein Programm zu erstellen, das auf keinem Computer blockiert wird...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-05 12:57: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>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>456</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/175892.html" target="_blank" title="Was ist der Unterschied zwischen enctype und formenctype in HTML5?" class="wdcdcTitle">Was ist der Unterschied zwischen enctype und formenctype in HTML5?</a> <a href="https://www.php.cn/de/wenda/175892.html" class="wdcdcCons">Ich frage mich nur, was der Unterschied zwischen den Attributen enctype und formenctype in...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-02 11:47:56</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>275</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/175834.html" target="_blank" title="Die Seite mobilfreundlich gestalten?" class="wdcdcTitle">Die Seite mobilfreundlich gestalten?</a> <a href="https://www.php.cn/de/wenda/175834.html" class="wdcdcCons">Ich habe viele Webseiten und einige Websites. Die Sache ist, ich bin ein Anfänger. Ich ver...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-01 20:42:38</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>259</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/imgwj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214345932833.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So öffnen Sie eine IMG-Datei" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/imgwj" class="title-a-spanl" title="So öffnen Sie eine IMG-Datei"><span>So öffnen Sie eine IMG-Datei</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/imgwjzmdk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214072468018.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So öffnen Sie eine IMG-Datei" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/imgwjzmdk" class="title-a-spanl" title="So öffnen Sie eine IMG-Datei"><span>So öffnen Sie eine IMG-Datei</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/html5dhzzynxz"><img src="https://img.php.cn/upload/subject/202407/22/2024072213560284279.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was sind die Produktionsmethoden der HTML5-Animationsproduktion?" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/html5dhzzynxz" class="title-a-spanl" title="Was sind die Produktionsmethoden der HTML5-Animationsproduktion?"><span>Was sind die Produktionsmethoden der HTML5-Animationsproduktion?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmldmdq"><img src="https://img.php.cn/upload/subject/202407/22/2024072213482175781.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML-Code-Sammlung" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmldmdq" class="title-a-spanl" title="HTML-Code-Sammlung"><span>HTML-Code-Sammlung</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlyhtmldeqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212284445490.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Der Unterschied zwischen HTML und HTML5" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlyhtmldeqb" class="title-a-spanl" title="Der Unterschied zwischen HTML und HTML5"><span>Der Unterschied zwischen HTML und HTML5</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/tokenzmhq"><img src="https://img.php.cn/upload/subject/202407/22/2024072213343018544.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So erhalten Sie ein Token" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/tokenzmhq" class="title-a-spanl" title="So erhalten Sie ein Token"><span>So erhalten Sie ein Token</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/mysqlccgc"><img src="https://img.php.cn/upload/subject/202407/22/2024072214051979388.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was ist eine gespeicherte MYSQL-Prozedur?" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/mysqlccgc" class="title-a-spanl" title="Was ist eine gespeicherte MYSQL-Prozedur?"><span>Was ist eine gespeicherte MYSQL-Prozedur?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/centos"><img src="https://img.php.cn/upload/subject/202407/22/2024072214421884918.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Hunderte" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/centos" class="title-a-spanl" title="Hunderte"><span>Hunderte</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <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 ist eine URL-Adresse?" href="https://www.php.cn/de/faq/414430.html">Was ist eine URL-Adresse?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was bedeutet Webseite?" href="https://www.php.cn/de/faq/417340.html">Was bedeutet Webseite?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Welche Programmiersprachen gibt es?" href="https://www.php.cn/de/faq/414438.html">Welche Programmiersprachen gibt es?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was ist die IT-Branche?" href="https://www.php.cn/de/faq/419217.html">Was ist die IT-Branche?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was bedeutet Fehler?" href="https://www.php.cn/de/faq/414287.html">Was bedeutet Fehler?</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/790.html" title="野秀堂HTML5+CSS3视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625e6a449c4b9117.jpg" alt="野秀堂HTML5+CSS3视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="野秀堂HTML5+CSS3视频教程" href="https://www.php.cn/de/course/790.html">野秀堂HTML5+CSS3视频教程</a> <div class="wzrthreerb"> <div>9103 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="790"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/824.html" title="HTML5基础精讲视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625d14634bb3b175.jpg" alt="HTML5基础精讲视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="HTML5基础精讲视频教程" href="https://www.php.cn/de/course/824.html">HTML5基础精讲视频教程</a> <div class="wzrthreerb"> <div>25796 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="824"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/731.html" title="HTML5入门基础视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625d31118b119416.jpg" alt="HTML5入门基础视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="HTML5入门基础视频教程" href="https://www.php.cn/de/course/731.html">HTML5入门基础视频教程</a> <div class="wzrthreerb"> <div>39215 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="731"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1004.html" title="HTML5 Canvas 动画实战教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6257c6f880aa2117.png" alt="HTML5 Canvas 动画实战教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="HTML5 Canvas 动画实战教程" href="https://www.php.cn/de/course/1004.html">HTML5 Canvas 动画实战教程</a> <div class="wzrthreerb"> <div>57165 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1004"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1006.html" title="html5开发实战之百度外卖手机站前端制作" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625d1f32b94f2989.jpg" alt="html5开发实战之百度外卖手机站前端制作"/> </a> <div class="wzrthree-right"> <a target="_blank" title="html5开发实战之百度外卖手机站前端制作" href="https://www.php.cn/de/course/1006.html">html5开发实战之百度外卖手机站前端制作</a> <div class="wzrthreerb"> <div>64429 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1006"> <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="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" href="https://www.php.cn/de/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1420005 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 初级入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初级入门视频教程" href="https://www.php.cn/de/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div >2505340 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="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲鱼零基础入门学习Python视频教程" href="https://www.php.cn/de/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div >505450 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="Web前端开发极速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端开发极速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Web前端开发极速入门" href="https://www.php.cn/de/course/901.html">Web前端开发极速入门</a> <div class="wzrthreerb"> <div >215519 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="零基础精通 PS 视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基础精通 PS 视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="零基础精通 PS 视频教程" href="https://www.php.cn/de/course/234.html">零基础精通 PS 视频教程</a> <div class="wzrthreerb"> <div >884003 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前端】Node.js快速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="【web前端】Node.js快速入门" href="https://www.php.cn/de/course/1648.html">【web前端】Node.js快速入门</a> <div class="wzrthreerb"> <div >6990 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="国外Web开发全栈课程全集" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="国外Web开发全栈课程全集"/> </a> <div class="wzrthree-right"> <a target="_blank" title="国外Web开发全栈课程全集" href="https://www.php.cn/de/course/1647.html">国外Web开发全栈课程全集</a> <div class="wzrthreerb"> <div >5420 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="Go语言实战之 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go语言实战之 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go语言实战之 GraphQL" href="https://www.php.cn/de/course/1646.html">Go语言实战之 GraphQL</a> <div class="wzrthreerb"> <div >4581 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="550W粉丝大佬手把手从零学JavaScript" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉丝大佬手把手从零学JavaScript"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W粉丝大佬手把手从零学JavaScript" href="https://www.php.cn/de/course/1645.html">550W粉丝大佬手把手从零学JavaScript</a> <div class="wzrthreerb"> <div >659 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大神Mosh，零基础小白6小时完全入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh，零基础小白6小时完全入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="python大神Mosh，零基础小白6小时完全入门" href="https://www.php.cn/de/course/1644.html">python大神Mosh，零基础小白6小时完全入门</a> <div class="wzrthreerb"> <div >23148 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?1732306031"></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> </body> </html>