Inhaltsverzeichnis
1. Hauptstruktur
3. Allgemeine Attribute und Ereignishandler von HTML 5-Elementen
4. HTML5-Element-Tag-Interpretation
Heim Web-Frontend H5-Tutorial Zusammenfassende Details zu allgemeinen HTML5-Tags

Zusammenfassende Details zu allgemeinen HTML5-Tags

Mar 20, 2017 pm 04:13 PM

1. Hauptstruktur

header 页面头部,不同与
aside 边栏
nav 外部链接集合
section 章节或段落
article 类似文章、摘要或留言POST等形式的记录(一般搭配内嵌头部、尾部、底部结构使用)
hggroup 类似子标题,标题信息、可选标题、TAG标签这样的数据,还是英文更好理解一些,heading of a section
address 联系信息,一般用在article或body锚元素周围
footer 页脚

2. Übersichtstabelle der HTML 5-Element-Tags

文档类型宣告
根元素元素 html
META元素 head、 title、base、link、meta、style
部件元素 body、section、nav、article、aside、h1、 h2、 h3、h4、 h5、 h6、hgroup、header、footer、address
分组内容元素 p、hr、br、pre、blockquote、ol、ul、li、dl、dt、dd、figure、figcaption、p
文本层次语义元素 a、em、strong、small、cite、q、dfn、abbr、time、code、var、samp、kbd、sub、sups、i、b、mark、ruby、rt、rp、bdo、span
编辑元素 ins、del
嵌入内容元素 img、iframe、embed、object、param、video、audio、source、canvasmap、area
表格元素 table、caption、colgroup、col、tbody、thread、tfoot、tr、td、th
表单元素 form、fieldset、legend、label、button、select、datalist、optgroup、option、textarea、keygen、output、progress、meter
互动元素 details、summary、command、menu
脚本元素 script、noscript

3. Allgemeine Attribute und Ereignishandler von HTML 5-Elementen

HTML5元素通用属性表 accesskey、class、contenteditable、contextmenu、dir、 draggable、hidden、id、lang、spellcheck、style、tabindex、title
HTML5元素事件句柄属性 onabort、onblur*、oncanplay、oncanplaythrough、onchange、 onclick、 oncontextmenu、ondblclick、ondrag、ondragend、ondragenter、ondragleave、 ondragover、ondragstart、ondrop、ondurationchange、onemptied、onended、 onerror*、onfocus*、onformchange、onforminput、oninput、oninvalid、onkeydown、 onkeypress、onkeyup、onload*、onloadeddata、onloadedmetadata、onloadstart、 onmousedown、onmousemove、onmouseout、onmouseover、onmouseup、onmousewheel、 onpause、onplay、onplaying、onprogress、onratechange、onreadystatechange、 onscroll、onseeked、onseeking、onselect、onshow、onstalled、onsubmit、 onsuspend、ontimeupdate、onvolumechange、onwaiting。

4. HTML5-Element-Tag-Interpretation

Tag Typ Bedeutung Einführung
Datei-Tags
Root-Datei-Tag Dem Browser mitteilen, dass es sich um eine HTML-Datei handelt
META-Tag
beginnt stellt allgemeine Dateiinformationen bereit
</td> <td>●</td> <td>Titel</td> <td>Definieren Sie den Dateititel, der oben im Browser angezeigt wird</td> </tr> <tr> < ;link><td></td>o<td></td>Externe Ressourcenverbindung<td></td>muss eine rel-Attributbeschreibung tragen<td></td> </tr> <tr>< meta><td></td>o<td></td> <td>Andere</td>META-Daten<td></td>META-Daten, die nicht durch Titel, Basis, Link, Stil und Skriptelemente beschrieben werden können</tr> <tr> <td> </td><style><td></td>●<td><a href="http://www.php.cn/html5/html5-3-mip-normal.html" target="_blank">Eingebettete Dokumentstilinformationen</a></td> <td></td> </tr> <tr> <td>Widget-Markierung</td> <td></td> <td></td><body><td></td>●</tr> <tr>Dokumentkörper beginnt<td colspan="4"><strong>Dokumentinhaltscontainer</strong></td> </tr> <tr> <td> ></td>●<td></td> <td>Navigation</td>Links<td></td>Externer Link oder Dokument-interner Link</tr> <tr> <td></td><article><td> </td>●<td></td>Seitenmodul<td></td>Aufzeichnungen in Form von Artikeln, Zusammenfassungen oder Nachrichten POST usw. </tr> <tr> <td></td><aside><td></td>●<td><a href="http://www.php.cn/code/9303.html" target="_blank">Isolierte Module</a></td> werden im Allgemeinen als Seitenleistenanzeigen, Beschreibungen, <td>Zitate</td>, Navigation, usw. Der Nebeneingrenzungsteil ist im Allgemeinen weniger mit dem Haupttext verknüpft</tr> <tr> <td></td><h1><td></td>●<td></td>Titel-Tag<td></td>Darüber hinaus gibt es h2, h3, h4, h5, h6</tr> <tr> <td></td><hgroup><td></td>●<td></td>Gruppentitel<td><a href="http://www.php.cn/wiki/231.html" target="_blank"> wird verwendet, wenn eine Reihe von Elementen wie h1-h6 zur Unterscheidung von Haupt- und Untertiteln verwendet wird? ?</a></td> </tr> <tr> <td><header></td> <td>●</td> <td>Gruppenbeschreibung oder Gruppennavigation </td> <td> kann auch als Headertitel </td> bezeichnet werden </tr> <tr> <td><footer></td> <td>●</td> <td>Fußzeilentitel</td> <td>Der Bereich bezieht sich auf das nächstgelegene Widget-Element</td> </tr> <tr> <td><Adresse></td> <td>●</td> <td>Adress- oder Kontaktinformationen</td> <td> </td> </tr> <tr> <td><strong>Inhalts-Tags gruppieren </strong></td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td><p></td> <td>●</td> <td> Absatzmarke </td> <td> </td> </tr> <tr> <td><hr></td> <td>o</td> <td>Horizontale Trennlinie</td> <td> </td> </tr> <tr> <td><br></td> <td>o</td> <td>Zeilenumbruch</td> <td> </td> </tr> <tr> <td><pre class="brush:php;toolbar:false"></td> <td>●</td> <td>Vorformatierte Unterblöcke</td> <td> </td> </tr> <tr> <td><blockquote></td> <td>●</td> <td>Blockzitat</td> <td> ></td> </tr><ul><tr> <td>●</td> <td>Projektliste</td> <td> </td> <td></td> </tr><li><tr> <td>●</td> <td>Listenelement</td> <td> </td> <td></td> </tr><dl><tr> <td>●</td> <td>Definitionsliste </td> <td> </td> <td></td> </tr><dt><tr> <td>●</td> <td>Namen definieren</td> <td> </td> <td></td> </tr><dd><tr> <td>●</td> <td>Definitionsbeschreibung</td> <td> </td> <td></td> </tr><figure><tr> <td>●</td> <td>Beschreibung des Stream-Inhaltsblocks</td> <td>Wird in Kombination mit figcaption verwendet</td> <td></td> </tr><figcaption> ;<tr> <td>●</td> <td>Abbildungsinhaltsattribut</td> <td> </td> <td></td> </tr><p><tr> <td>●</td> <td>Positionierungs-Tag</td> <td>Keine Tatsächliche Bedeutung </td> <td></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td></td> </tr> <tr>Semantik-Tags auf Textebene <td></td> <td></td> <td><a></td> <td>●</td> </tr>Link-Tags<tr> <td colspan="4"> <strong></strong> </td> </tr><em><tr> <td>●</td> <td>Hervorhebungszeichen</td> <td> </td> <td></td> </tr><strong><tr> <td> ●</td> <td>Hervorhebungszeichen</td> <td> </td> <td></td> </tr><small><tr> <td>●</td> <td>Schrift reduziert</td> <td> </td> <td></td> </tr><cite><tr> <td>●</td> <td>Kursivschrift</td> <td> </td> <td></td> </tr><q><tr> <td>●</td> <td>Inhalt in Anführungszeichen</td> <td>Der Originaltext besteht aus Phrasierungsinhalten, es ist nicht klar, wie um es noch zu übersetzen</td> <td></td> </tr>< ;dfn> <tr>Abkürzung<td></td> <td></td> <td></td><time><td></td>●</tr> <tr>Datum Uhrzeit<td></td> <td></td> <td></td><code><td></td>●</tr> <tr>Programmcode<td></td> <td></td> <td></td><var> ;<td></td>●</tr><tr><td>Variable</td><td></td> <td></td><td></td><samp></tr> <tr>● <td></td>Beispiel<td></td> <td></td> <td></td><kbd></tr> <tr>●<td></td>Tastaturwort<td></td> <td><a href="http://www.php.cn/wiki/70.html" target="_blank"></a></td><sub><sups><td></td>●</tr> <tr>Hochgestellt/tiefgestellt<td></td> <td></td> <td></td><i><td></td>●</tr> <tr>Kursivschrift<td></td> <td></td> <td></td><b><td></td>●</tr> <tr>Fettmarkierung<td></td> <td></td> <td></td><markierung> ;<td></td>●</tr><tr>Markieren oder hervorheben <td></td> <td></td><td></td><ruby><td></td>●</tr> <tr>Anmerkungszeichen<td></td> <td> <rt> Tian</rt>Yuan<rt>Yuan</rt></ruby></td> <td></td> <td>< rp></td> </tr>●<tr> <td>Ruby-Unterelement </td> <td> wird im Allgemeinen als RT-Element </td> Kommentar <td> mit </td> <td></td><bdo></tr> <tr>●<td></td> <td></td> <td></td> <td></td><span></tr> <tr>●<td> </td>Benutzerdefiniertes Tag<td></td> <td></td> <td></td> </tr>Bearbeitungsmarkierung<tr> <td></td> <td></td><ins><td> </td>●<td><a href="http://www.php.cn/code/8105.html" target="_blank"> </a></td> </tr> <tr> <td></td><del><td></td>●<td></td> <td></td> </tr> <tr> <td></td> <td>Tag für eingebettete Inhalte </td> <td></td> <td></td><img></tr> <tr>●<td colspan="4"> <strong></strong>Bild</td> Tag </tr> <tr> <td> </td> <td></td><iframe><td></td>●<td></td> </tr>Rahmen<tr>Tag<td></td> <td></td> <td></td><embed><td></td>●</tr> <tr>Tag einbetten<td colspan="4"><strong> </strong></td> </tr> <tr><object><td></td>● <td></td> <td>Objekt<a href="http://www.php.cn/css/css-rwd-images.html" target="_blank">Tags </a> </td> <td> </td> </tr> <tr> <td><param></td> <td>●</td> <td>Parameter-Tags</td> <td> </td> </tr> < ;audio><tr> <td>●</td> <td></td>Audio<td> tag<a href="http://www.php.cn/code/6707.html" target="_blank"></a> </td> <td></td> </tr><source><tr> <td>●</td> <td>Quellen-Tag</td> <td> <a href="http://www.php.cn/code/6093.html" target="_blank"></a> </td> <td><canvas></td> </tr>●<tr> <td>Kartografie-Tag</td> <td> </td> <td></td> <td><map></td> </tr>●<tr> <td></td>Karte<td>Markieren</td> <td> </td> <td></td> </tr><area><tr> <td>●</td> <td>Bereichsmarkierung</td> <td> <a href="http://www.php.cn/code/7891.html" target="_blank"></a> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td></td> <td></td>Tabellenmarke</tr> <tr> <td></td> <td><Tabelle> ; </td><td>●</td><td>Tabellen-Tag</td></tr>Legen Sie die Parameter der Tabelle fest<tr><td colspan="4"><strong></strong><caption></td> </tr> ●<tr> <td>Tabellentitel</td> <td>In ein Dutzend Spalten unterteilt, um den Tabellentitel auszufüllen</td> <td></td> <td><colgroup></td> </tr>●<tr> <td> </td> <td> </td> <td></td> <td><col></td> </tr>●<tr> <td> </td> <td> </td> <td></td> <td><tbody></td> </tr>●<tr> <td> </td> <td> </td> <td></td> <td><thread></td> </tr>●<tr> <td> </td> <td> </td> <td></td> <td><tfoot> > </td> </tr> <tr> <td><tr></td> <td>●</td> <td>Tabellenspalten</td> <td>Legen Sie die Spalten der Tabelle fest</td> </tr> < ;th><tr> <td>●</td> <td> Tabellenkopf</td> <td> entspricht <TD>, aber die Textschrift darin wird fetter sein</td> <td></td> </tr> <tr>Formular-Tag<td></td> <td> </td> <td><form></td> <td>●</td> </tr>Formular-Tag<tr> <td>bestimmt den Formular-Betriebsmodus</td> <td></td> <td>< fieldset></td> <td>●</td> </tr> <tr> <td> </td> <td></td> <td> <legend></td> <td>●</td> </tr> <tr><td colspan="4"> <strong></strong> </td></tr><input><tr> <td>●</td> <td>Beschriftung eingeben</td> <td> </td> <td></td> </tr><label><tr> <td>●</td> <td> </td> <td> </td> <td></td> </tr><button><tr> <td> ●</td> <td></td>Schaltfläche<td></td> <td> </td> </tr> <tr> <td>< ;select> </td> <td></td> <td></td> <td></td><optgroup></tr> <tr>●<td></td> <td></td> <td></td> <td></td><option></tr> <tr>●<td></td>Option<td></td> <td><a href="http://www.php.cn/code/5991.html" target="_blank"></a></td><textarea><td></td>●</tr> <tr> <td></td> <td></td> <td></td>< keygen> <td></td> </tr> <tr><Ausgabe><td></td>●<td></td> <td></td> <td></td> </tr> <tr><progress> ;<td></td>●<td></td> <td></td> <td></td></tr><tr>< ;meter><td></td>●<td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td> </td>Interaktive Elemente<td></td> <td></td> <td></td><details></tr> <tr> ●<td></td> <td></td> <td></td> <td></td><summary></tr> <tr>●<td></td> <td></td> <td></td> <td></td><command></tr> <tr>●<td></td> <td></td> <td></td> <td></td><menu> > </tr> <tr> <td></td> <td>Andere Tags</td> <td></td> <td></td><script></tr> <tr>●<td colspan="4"><p> <strong></strong> </p></td> </tr> <tr><noscript><td></td>●<td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td>Bemerkungen: <td></td> <td> 1 . ● gibt an, dass die Markierung eine Eindämmungsmarkierung ist und mit der Markierung </mark> enden muss. </td> <td>2. o bedeutet, dass das Tag ein leeres Tag ist und kein End-Tag erfordert. </td> </tr> </tbody></table><p>Das obige ist der detaillierte Inhalt vonZusammenfassende Details zu allgemeinen HTML5-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">Erklärung dieser Website</div> <div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Heißer Artikel</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle -Lösung" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle -Lösung</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796789525.html" title="Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben" class="phpgenera_Details_mainR4_bottom_title">Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796785857.html" title="Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden" class="phpgenera_Details_mainR4_bottom_title">Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796784440.html" title="<🎜>: Dead Rails - wie man jede Herausforderung abschließt" class="phpgenera_Details_mainR4_bottom_title"><🎜>: Dead Rails - wie man jede Herausforderung abschließt</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796784000.html" title="Atomfall Guide: Gegenstandsstandorte, Questführer und Tipps" class="phpgenera_Details_mainR4_bottom_title">Atomfall Guide: Gegenstandsstandorte, Questführer und Tipps</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Monate vor</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/article.html">Mehr anzeigen</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Heiße KI -Werkzeuge</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>KI-gestützte App zum Erstellen realistischer Aktfotos</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Online-KI-Tool zum Entfernen von Kleidung aus Fotos.</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Ausziehbilder kostenlos</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>KI-Kleiderentferner</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/ai">Mehr anzeigen</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Heißer Artikel</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle -Lösung" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle -Lösung</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796789525.html" title="Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben" class="phpgenera_Details_mainR4_bottom_title">Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796785857.html" title="Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden" class="phpgenera_Details_mainR4_bottom_title">Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796784440.html" title="<🎜>: Dead Rails - wie man jede Herausforderung abschließt" class="phpgenera_Details_mainR4_bottom_title"><🎜>: Dead Rails - wie man jede Herausforderung abschließt</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Wochen vor</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/1796784000.html" title="Atomfall Guide: Gegenstandsstandorte, Questführer und Tipps" class="phpgenera_Details_mainR4_bottom_title">Atomfall Guide: Gegenstandsstandorte, Questführer und Tipps</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Monate vor</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/article.html">Mehr anzeigen</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Heiße Werkzeuge</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Einfach zu bedienender und kostenloser Code-Editor</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 chinesische Version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 chinesische Version</h3> </a> <p>Chinesische Version, sehr einfach zu bedienen</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Senden Sie Studio 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Senden Sie Studio 13.0.1</h3> </a> <p>Leistungsstarke integrierte PHP-Entwicklungsumgebung</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Visuelle Webentwicklungstools</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac-Version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac-Version</h3> </a> <p>Codebearbeitungssoftware auf Gottesniveau (SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/ai">Mehr anzeigen</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Heiße Themen</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/gmailyxdlrkzn" title="Wo ist der Login-Zugang für Gmail-E-Mail?" class="phpgenera_Details_mainR4_bottom_title">Wo ist der Login-Zugang für Gmail-E-Mail?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7695</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/java-tutorial" title="Java-Tutorial" class="phpgenera_Details_mainR4_bottom_title">Java-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1640</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>14</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/cakephp-tutor" title="CakePHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1393</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/laravel-tutori" title="Laravel-Tutorial" class="phpgenera_Details_mainR4_bottom_title">Laravel-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1287</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>25</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/de/faq/php-tutorial" title="PHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">PHP-Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1229</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/de/faq/zt">Mehr anzeigen</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/1796600245.html" title="Tabellenrahmen in HTML" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416492486715.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Tabellenrahmen in HTML" /> </a> <a href="https://www.php.cn/de/faq/1796600245.html" title="Tabellenrahmen in HTML" class="phphistorical_Version2_mids_title">Tabellenrahmen in HTML</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span> <p class="Articlelist_txts_p">Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/1796600244.html" title="Verschachtelte Tabelle in HTML" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416491283996.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Verschachtelte Tabelle in HTML" /> </a> <a href="https://www.php.cn/de/faq/1796600244.html" title="Verschachtelte Tabelle in HTML" class="phphistorical_Version2_mids_title">Verschachtelte Tabelle in HTML</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span> <p class="Articlelist_txts_p">Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/1796600238.html" title="HTML-Rand links" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416482056439.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML-Rand links" /> </a> <a href="https://www.php.cn/de/faq/1796600238.html" title="HTML-Rand links" class="phphistorical_Version2_mids_title">HTML-Rand links</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:48 PM</span> <p class="Articlelist_txts_p">Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/1796600271.html" title="HTML-Tabellenlayout" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416543391948.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML-Tabellenlayout" /> </a> <a href="https://www.php.cn/de/faq/1796600271.html" title="HTML-Tabellenlayout" class="phphistorical_Version2_mids_title">HTML-Tabellenlayout</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span> <p class="Articlelist_txts_p">Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/1796600269.html" title="HTML-Eingabeplatzhalter" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416542577781.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML-Eingabeplatzhalter" /> </a> <a href="https://www.php.cn/de/faq/1796600269.html" title="HTML-Eingabeplatzhalter" class="phphistorical_Version2_mids_title">HTML-Eingabeplatzhalter</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span> <p class="Articlelist_txts_p">Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/1796600227.html" title="Text in HTML verschieben" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416455153019.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Text in HTML verschieben" /> </a> <a href="https://www.php.cn/de/faq/1796600227.html" title="Text in HTML verschieben" class="phphistorical_Version2_mids_title">Text in HTML verschieben</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:45 PM</span> <p class="Articlelist_txts_p">Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/1796600210.html" title="HTML-geordnete Liste" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416432927533.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML-geordnete Liste" /> </a> <a href="https://www.php.cn/de/faq/1796600210.html" title="HTML-geordnete Liste" class="phphistorical_Version2_mids_title">HTML-geordnete Liste</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:43 PM</span> <p class="Articlelist_txts_p">Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/de/faq/1796600246.html" title="HTML-Onclick-Button" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416493797970.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML-Onclick-Button" /> </a> <a href="https://www.php.cn/de/faq/1796600246.html" title="HTML-Onclick-Button" class="phphistorical_Version2_mids_title">HTML-Onclick-Button</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span> <p class="Articlelist_txts_p">Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.</p> </div> </div> <a href="https://www.php.cn/de/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p> </div> <div class="footermid"> <a href="https://www.php.cn/de/about/us.html">Über uns</a> <a href="https://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a> <a href="https://www.php.cn/de/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1745517749"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时,取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则,保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { const mainNav = document.querySelector('.Article_Details_main1Lmain'); const header = document.querySelector('header'); if (mainNav) { window.addEventListener('scroll', function() { const scrollPosition = window.scrollY; if (scrollPosition > 84) { mainNav.classList.add('fixed'); } else { mainNav.classList.remove('fixed'); } }); } }); </script> </body> </html>