Web-Frontend
HTML-Tutorial
Weniger häufig verwendete, aber sehr nützliche Tags bei der Erstellung von Xhtml_HTML/Xhtml_Webseiten
Weniger häufig verwendete, aber sehr nützliche Tags bei der Erstellung von Xhtml_HTML/Xhtml_Webseiten
Xhtml hat viele ungewöhnliche, aber nützliche Tags. Einige können mit halbem Aufwand das Doppelte des Ergebnisses erzielen, andere können die Benutzerfreundlichkeit verbessern. Ich habe einige davon zusammengefasst. Das Prinzip der Zusammenfassung ist, dass sie von den meisten Browsern unterstützt werden muss andernfalls zählt es nicht als „Hervorhebung“. Was nützt es, beim bloßen Anblick des „Loses“ zu seufzen?
Funktion:
Das Tag
Attribute:
Href: Linkadresse
Ziel: Ziel. Es kann in einem anderen als dem strengen Modus verwendet werden Was ich verwende. Zuerst auf 163.com entdeckt.
Verwendung:
<code class="html"><span class="tag"><head</span><span class="tag">></span><!—写在head标签之间--<span class="tag">> <br><span class="tag"><base</span><span class="aname"> href</span>=<span class="avalue">"http://www.qq.com/"</span> <span class="tag">/></span> <!—将默认链接定义为http://www.qq.com/--<span class="tag">> <br><span class="tag"><base</span><span class="aname"> target</span>=<span class="avalue">"_blank"</span> <span class="tag">/></span> <!—将默认链接目标定义为新窗口中打开--<span class="tag">> <br><span class="tag"></head></span></code><p><br><font size="4"><strong><caption>标签</strong></font><br> <strong>作用：</strong>caption标签用来定义表格的标题，给表格定义一个标题，来说明这个表格是干什么的，岂不是很有“语义”，caption应该写在table之后，默认的样式是居中显示在表格的顶部。你可以通过css来改变它的样式。<br> <strong>用法：</strong><br></p>
<code class="html"><span class="tag"><table</span><span class="aname"> width</span>=<span class="avalue">"200"</span><span class="aname"> border</span>=<span class="avalue">"1"</span> <span class="tag">></span> <br><span class="tag"><caption</span><span class="tag">></span> <span class="mlcom"><!--caption应该写在table之后--></span> <br>其实我是caption <br><span class="tag"></caption></span> <br><span class="tag"><tr</span><span class="tag">></span> <br><span class="tag"><td</span><span class="tag">></span><span class="entity"> </span><span class="tag"></td></span> <br><span class="tag"><td</span><span class="tag">></span><span class="entity"> </span><span class="tag"></td></span> <br><span class="tag"></tr></span> <br><span class="tag"><tr</span><span class="tag">></span> <br><span class="tag"><td</span><span class="tag">></span><span class="entity"> </span><span class="tag"></td></span> <br><span class="tag"><td</span><span class="tag">></span><span class="entity"> </span><span class="tag"></td></span> <br><span class="tag"></tr></span> <br><span class="tag"></table></span></code><p><br><font size="4"><strong><thead>标签、<tbody>标签、<tfoot>标签</strong></font><br> 作用：thead、tfoot 以及 tbody标签跟他们的名字那样，分别是表格的头部（很多人只是用th）、主题、和底部，他们能让表格更加语义化的同时，也能让我们更加方便的控制表格的表现。国外还有人用很变态地方法用这三个表其做出标题能跟随表格，或者tbody固定高度，多出的行数出现滚动条。有兴趣的可以搜素下或者是这做一下。<br>注意：<font color="#ff0000">如果您使用 thead、tfoot 以及 tbody 元素，您就必须使用全部的元素。它们的出现次序是：thead、tfoot、tbody，这样浏览器就可以在收到所有数据前呈现页脚了。</font><br> <strong>用法：</strong><br></p>
<code class="html"><span class="tag"><table</span><span class="aname"> border</span>=<span class="avalue">"1"</span><span class="tag">></span> <br><span class="tag"><thead</span><span class="tag">></span> <br><span class="tag"><tr</span><span class="tag">></span> <br><span class="tag"><th</span><span class="tag">></span>科目<span class="tag"></th></span> <br><span class="tag"><th</span><span class="tag">></span>分数<span class="tag"></th></span> <br><span class="tag"></tr></span> <br><span class="tag"></thead></span> <br><span class="tag"><tfoot</span><span class="tag">></span> <br><span class="tag"><tr</span><span class="tag">></span> <br><span class="tag"><td</span><span class="tag">></span>总分<span class="tag"></td></span> <br><span class="tag"><td</span><span class="tag">></span>159<span class="tag"></td></span> <br><span class="tag"></tr></span> <br><span class="tag"></tfoot></span> <br> <br><span class="tag"><tbody</span><span class="tag">></span> <br><span class="tag"><tr</span><span class="tag">></span> <br><span class="tag"><td</span><span class="tag">></span>语文<span class="tag"></td></span> <br><span class="tag"><td</span><span class="tag">></span>99<span class="tag"></td></span> <br><span class="tag"></tr></span> <br><span class="tag"><tr</span><span class="tag">></span> <br><span class="tag"><td</span><span class="tag">></span>数学<span class="tag"></td></span> <br><span class="tag"><td</span><span class="tag">></span>60<span class="tag"></td></span> <br><span class="tag"></tr></span> <br><span class="tag"></tbody></span> <br><span class="tag"></table></span></code><p><br><font size="4"><strong><fieldset>标签和<legend>标签</strong></font><br> <strong>作用：</strong><fieldset>元素用来分类表单中的元素，而<legend>则能给这个组定义一个标题。你一定见过类似下面domo的布局吧！他们也可以通过css定义样式。<br> <strong>用法:</strong><br></p>
<code class="html"><span class="tag"><form</span><span class="tag">></span> <br><span class="tag"><fieldset</span><span class="tag">></span> <br><span class="tag"><legend</span><span class="tag">></span>基本信息<span class="tag"></legend></span> <br>姓名: <span class="tag"><input</span><span class="aname"> type</span>=<span class="avalue">"text"</span> <span class="tag">/></span> <br>性别: <span class="tag"><input</span><span class="aname"> type</span>=<span class="avalue">"text"</span> <span class="tag">/></span> <br><span class="tag"></fieldset></span> <br><span class="tag"></form></span></code><p><br><font size="4"><strong><sub> 标签和<sup> 标签</strong></font><br> 作用：<sub> 标签和<sub> 标签分别是上标和下标，虽然他们在各个浏览器的表现不一样，你<br>同样可以使用css定义他们的样式。<br> <strong>用法：</strong><br></p>
<code class="html">2<span class="tag"><sup</span><span class="tag">></span>我是上标<span class="tag"></sup></span> <br>2<span class="tag"><sub</span><span class="tag">></span>我是下标<span class="tag"></sub></span></code><p><br><font size="4"><strong><label>标签</strong></font><br> <strong>作用：</strong>label 标签的使用可以扩大表单的点击区域来改进表单的易用性。看看下面的用法：点击文字的时候相当于点击了单选控件，这样用户体验是不是会更好一些？<br> <strong>用法：</strong><br></p>
<code class="html"><span class="tag"><form</span><span class="tag">></span> <br><span class="tag"><label</span><span class="aname"> for</span>=<span class="avalue">"nan"</span><span class="tag">></span>先生<span class="tag"></label></span> <br><span class="tag"><input</span><span class="aname"> type</span>=<span class="avalue">"radio"</span><span class="aname"> name</span>=<span class="avalue">"sex"</span><span class="aname"> id</span>=<span class="avalue">"nan"</span> <span class="tag">/></span> <br><span class="tag"><br</span> <span class="tag">/></span> <br><span class="tag"><label</span><span class="aname"> for</span>=<span class="avalue">"nv"</span><span class="tag">></span>女士<span class="tag"></label></span> <br><span class="tag"><input</span><span class="aname"> type</span>=<span class="avalue">"radio"</span><span class="aname"> name</span>=<span class="avalue">"sex"</span><span class="aname"> id</span>=<span class="avalue">"nv"</span> <span class="tag">/></span> <br><span class="tag"></form></span></code><br><font size="4"><strong><optgroup> 标签</strong></font><br> <strong>作用：</strong><option></option> 标签可以给select中的option进行分组，这在下拉项目很多的时候很有用，配合label标签给每组命名。你也可以像淘宝那样给每组用css定义不同的颜色。<br> <strong>用法：</strong><br>
<code class="html"><span class="tag"><select</span><span class="tag">></span> <br><span class="tag"><optgroup</span><span class="aname"> label</span>=<span class="avalue">"自驾游"</span><span class="tag">></span> <span class="mlcom"><!--配合label标签给每组命名--></span> <br><span class="tag"><option</span><span class="tag">></span>省内<span class="tag"></option></span> <br><span class="tag"><option</span><span class="tag">></span>省外<span class="tag"></option></span> <br><span class="tag"></optgroup></span> <br><span class="tag"><optgroup</span><span class="aname"> label</span>=<span class="avalue">"旅行社"</span><span class="tag">></span> <br><span class="tag"><option</span><span class="tag">></span>省内<span class="tag"></option></span> <br><span class="tag"><option</span><span class="tag">></span>省外<span class="tag"></option></span> <br><span class="tag"><option</span><span class="tag">></span>国外<span class="tag"></option></span> <br><span class="tag"></optgroup></span> <br><span class="tag"></select></span></code><br> 你如果对更多的xhtml标签感兴趣，可以考虑看一看《HTML和XHTML权威指南》这本书，你也能在网上找到电子版的。我看过英文影印版的，虽然是英文但也不是太难看懂。<br> 你要是知道其他很有用的标签告诉我们吧！
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
So suchen Sie auf allen Registerkarten in Chrome und Edge nach Text
Feb 19, 2024 am 11:30 AM
Dieses Tutorial zeigt Ihnen, wie Sie bestimmte Texte oder Phrasen auf allen geöffneten Tabs in Chrome oder Edge unter Windows finden. Gibt es eine Möglichkeit, eine Textsuche auf allen geöffneten Tabs in Chrome durchzuführen? Ja, Sie können eine kostenlose externe Weberweiterung in Chrome verwenden, um Textsuchen auf allen geöffneten Tabs durchzuführen, ohne die Tabs manuell wechseln zu müssen. Einige Erweiterungen wie TabSearch und Strg-FPlus können Ihnen dabei helfen, dies einfach zu erreichen. Wie durchsucht man Text auf allen Registerkarten in Google Chrome? Strg-FPlus ist eine kostenlose Erweiterung, die es Benutzern erleichtert, auf allen Registerkarten ihres Browserfensters nach einem bestimmten Wort, einer bestimmten Phrase oder einem bestimmten Text zu suchen. Diese Erweiterung
Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Zu welchen Tags auf der Plattform lässt sich am einfachsten Traffic anziehen?
Mar 22, 2024 am 10:28 AM
Als beliebte soziale Plattform für Kurzvideos verfügt Douyin über eine riesige Nutzerbasis. Für Douyin-Ersteller ist die Verwendung von Tags zur Gewinnung von Traffic eine wirksame Möglichkeit, die Bekanntheit von Inhalten zu erhöhen und Aufmerksamkeit zu erregen. Wie nutzt Douyin also Tags, um Traffic anzulocken? Dieser Artikel beantwortet diese Frage ausführlich für Sie und stellt verwandte Techniken vor. 1. Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Achten Sie beim Posten eines Videos darauf, Tags auszuwählen, die für den Inhalt relevant sind. Diese Tags sollten das Thema und die Schlüsselwörter Ihres Videos abdecken, damit Benutzer Ihr Video mithilfe von Tags leichter finden können. Die Nutzung beliebter Hashtags ist eine effektive Möglichkeit, die Bekanntheit Ihres Videos zu erhöhen. Recherchieren Sie aktuelle beliebte Tags und Trends und integrieren Sie diese in Ihre Videobeschreibungen und Tags. Diese beliebten Tags sind in der Regel besser sichtbar und können die Aufmerksamkeit von mehr Zuschauern auf sich ziehen. 3. Etikett
Was ist die Uhr hinter dem TikTok-Label? Wie markiere ich ein Douyin-Konto?
Mar 24, 2024 pm 03:46 PM
Wenn wir Douyin-Werke durchsuchen, sehen wir oft ein Uhrsymbol hinter dem Tag. Was genau ist diese Uhr also? Dieser Artikel konzentriert sich auf die Diskussion „Was ist die Uhr hinter dem Douyin-Label“ und hofft, Ihnen nützliche Hinweise für die Verwendung von Douyin zu geben. 1. Was ist die Uhr hinter dem Douyin-Label? Douyin wird einige heiße Themenherausforderungen starten. Wenn Benutzer teilnehmen, sehen sie nach dem Tag ein Uhrsymbol, was bedeutet, dass die Arbeit an der Themenherausforderung teilnimmt, und zeigt die verbleibende Zeit der Herausforderung an. Bei einigen zeitkritischen Inhalten wie Feiertagen, besonderen Ereignissen usw. fügt Douyin nach dem Etikett ein Uhrensymbol hinzu, um Benutzer an die Gültigkeitsdauer des Inhalts zu erinnern. 3. Beliebte Tags: Wenn ein Tag beliebt wird, fügt Douyin hinter dem Tag ein Uhrsymbol ein, um anzuzeigen, dass der Tag beliebt ist
Was ist der Unterschied zwischen HTML5-Tag-Head und Header?
Jan 17, 2022 am 11:10 AM
Unterschiede: 1. Das Head-Tag wird verwendet, um den Kopf des Dokuments zu definieren, der ein Container für alle Head-Elemente ist, und das Header-Tag wird verwendet, um den Header (Einleitungsinformationen) des Dokuments zu definieren. 2. Alle Browser unterstützen das Head-Tag und ältere Versionen von Browsern Keiner der Browser unterstützt das Header-Tag und Browser wie IE9+ und höher müssen das Header-Tag unterstützen.
So löschen Sie externe Kontakt-Tags in der DingTalk-App
Feb 24, 2024 am 08:20 AM
Wie lösche ich externe Kontakt-Tags in der DingTalk-App? Die meisten Freunde wissen nicht, wie man externe Kontakt-Tags in der DingTalk-App löscht Wie man externe Kontakt-Tags in der Ding-App löscht, können Interessierte vorbeischauen! So löschen Sie externe Kontakt-Tags in der DingTalk-App. 1. Öffnen Sie zuerst die DingTalk-App und klicken Sie auf die Funktion [Verwaltung], wie unten auf der Hauptseite gezeigt. 2. Rufen Sie dann die Unternehmensverwaltungsoberfläche auf und suchen Sie nach [Externe Kontakte]; Wählen Sie auf der Seite mit den externen Kontakteinstellungen den Dienst [Label Management] aus. 4. Wählen Sie dann auf der Hauptseite für Kontaktlabels den Typ der Labelgruppe aus, den Sie löschen möchten. 5. Klicken Sie abschließend auf die rote Labelgruppe
Ein genauerer Blick auf das Videoelement in HTML
Feb 24, 2024 pm 08:18 PM
Ausführliche Erklärung des Video-Tags in HTML Der Video-Tag in HTML5 ist ein Tag, der zum Abspielen von Videos auf Webseiten verwendet wird. Es kann Videos in verschiedenen Formaten rendern, z. B. MP4, WebM, Ogg und mehr. In diesem Artikel stellen wir die Verwendung von Video-Tags im Detail vor und stellen spezifische Codebeispiele bereit. Grundstruktur Das Folgende ist die Grundstruktur des Video-Tags:
So implementieren Sie ein Layout mit einem festen Navigationsmenü mithilfe von HTML und CSS
Oct 26, 2023 am 11:02 AM
So implementieren Sie mithilfe von HTML und CSS ein Layout mit einem festen Navigationsmenü. Im modernen Webdesign gehören feste Navigationsmenüs zu den häufigsten Layouts. Dadurch kann das Navigationsmenü immer oben oder am Rand der Seite angezeigt werden, sodass Benutzer bequem durch Webinhalte navigieren können. In diesem Artikel wird erläutert, wie Sie mithilfe von HTML und CSS ein Layout mit einem festen Navigationsmenü implementieren, und es werden spezifische Codebeispiele bereitgestellt. Zunächst müssen Sie eine HTML-Struktur erstellen, um den Inhalt der Webseite und das Navigationsmenü darzustellen. Hier ist ein einfaches Beispiel
Wie implementiert man ein beschriftetes Eingabefeld mit Vue?
Jun 25, 2023 am 11:54 AM
Mit der Entwicklung von Webanwendungen erfreuen sich beschriftete Eingabefelder immer größerer Beliebtheit. Diese Art von Eingabefeld ermöglicht Benutzern eine bequemere Eingabe von Daten und erleichtert Benutzern außerdem die Verwaltung und Suche der eingegebenen Daten. Vue ist ein sehr leistungsfähiges JavaScript-Framework, das uns dabei helfen kann, beschriftete Eingabefelder schnell zu implementieren. In diesem Artikel wird erläutert, wie Sie mit Vue ein beschriftetes Eingabefeld implementieren. Schritt 1: Erstellen Sie eine Vue-Instanz. Zuerst müssen wir eine Vue-Instanz auf der Seite erstellen. Der Code lautet wie folgt: &l
