Allgemeine Tags in XHTML

Allgemeine Tags in XHTML

Was sind XHTML-Tags?
 XHTML-Tag-Elemente sind die grundlegenden Komponenten von XHTML-Dokumenten. Unter XHTML-Tags versteht man Tags, die von der XHTML-Sprache verwendet werden, um in einem XHTML-Dokument zu definieren, was „dies ist und was das ist“.
XHTML-Tags sind Schlüsselwörter, die in spitzen Klammern stehen und oft paarweise auftreten, z. B. <html></html>. Dieses Tag zeigt an, dass es sich um ein HML-Dokument (XHTML) handelt. Das erste Tag in einem Tag-Paar ist das Start-Tag und das zweite Tag ist das End-Tag.
Darüber hinaus gibt es einige Tags, die nicht gepaart sind oder kein End-Tag haben, wie beispielsweise das Zeilenumbruch-Tag <br />.
Schließende XHTML-Tags: In der XHTML-Spezifikation müssen alle Tags geschlossen sein. Normalerweise werden gepaarte Tags mit einem End-Tag geschlossen und ungepaarte Tags mit einem Leerzeichen plus />, z. B. <br />.
Obwohl Browser nicht geschlossene Tags erkennen können, sind schließende Tags laut Spezifikation und auf lange Sicht erforderlich.

Häufig verwendete XHTML-Tags
<html></html>-Tags
 Dieses Tag gibt an, dass es sich um ein HTML-Dokument (XHTML) handelt. Mit Ausnahme der XHTML-Dateitypdeklaration müssen alle anderen XHTML-Tagelemente in dieses Tag eingebettet werden.

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < html >   
  2. <Kopf> … </Kopf>​​​​   
  3. < Textkörper >   
  4. < p > Textabsätze und andere Textinhalte </ p >   
  5. </ Körper >   
  6. </ html >   

<head></head>-Tag
 <head></head> gibt die Header-Informationen des XHTML-Dokuments an, die normalerweise vom Browser benötigt werden und zusätzliche Anweisungen für das XHTML-Dokument enthalten, z. B. CSS-Stile oder andere vom Dokument geladene Skriptinformationen.

<title></title>-Tag
 Dieses Tag definiert den Titel des gesamten XHTML-Dokuments und wird zur Anzeige in der Titelleiste oben im Browserfenster verwendet. Das Tag ist in <head></head> verschachtelt.

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <Kopf>​​   
  2. < Titel > XHTML-Tags - XHTML-Tutorial </ Titel >   
  3. </ Kopf >   
  4. Das Tag < body > </ body >

Wie der Name schon sagt, beschreibt dieses Tag den Hauptinhalt des XHTML-Dokuments. Der gesamte Hauptinhalt, der angezeigt werden muss, ist in diesem Tag enthalten.

XHTML-Titel
 XHTML-Dokumenttitel sind in sechs Ebenen unterteilt, die jeweils durch <h1> – <h6> definiert sind.

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < h1 > Titel der ersten Ebene </ h1 >   
  2. < h1 > Titel der zweiten Ebene </ h1 >   
  3. < h1 > Titel der Ebene 3 </ h1 >   

Beachten Sie, dass dies nicht der Titel ist, aber normalerweise entspricht <h1> im Kern <title>.

XHTML-Absätze
 XHTML-Absätze werden durch die Tags <p></p> definiert:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < p > Dies ist ein Absatz </ p >   

XHTML-Hyperlinks
 XHTML-Hyperlinks werden durch die Tags <a></a> definiert:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <   href = "https://www.jb51.net" > 5iDev Web-Entwicklung Online-Tutorial </ a >   

XHTML-Bilder
 XHTML-Bilder werden mit dem Tag <img> definiert:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < img   src = "blume.jpg"   alt = "Blume"   />   

In diesem Tag wird die Bildquelle als src-Attribut bereitgestellt und dieser Tag zeigt das Bild flower.jpg im Browser an.

XHTML-Formulare
 XHTML-Formulare werden verwendet, um Benutzereingaben wie Benutzernachrichten usw. zu erfassen. Das Formular wird durch <form></form> definiert:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < form >   
  2. Verschiedene Formularelemente (Textfelder, Dropdown-Listen, Optionsfelder, Kontrollkästchen usw.)
  3. </ form >   

<<:  CSS erzielt den Effekt der Vermischung zweier Elemente (Sticky-Effekt)

>>:  Methode zum Schreiben von bedingten Kommentaren und Beispielcode

Artikel empfehlen

8 leistungsstarke Techniken zum Erstellen von HTML-Webseiten

<br />Es gibt zwar viele Tools zum Erstellen...

4 Möglichkeiten, mit CSS ein zweispaltiges Layout mit fester linker Spalte und adaptiver rechter Spalte zu erreichen

1. Float + Überlauf: versteckt Diese Methode löst...

Verwenden Sie einfaches jQuery + CSS, um einen benutzerdefinierten Tooltip für Tag-Titel zu erstellen

Einführung Verwenden Sie einfaches jQuery+CSS, um ...

Win10 MySQL 5.6.35 Winx64 kostenlose Installationsversion Konfigurations-Tutorial

Tutorial zur kostenlosen Konfiguration der mysql ...

Detaillierte Erklärung zur Verwendung von Scoped Slots in Vue.js-Slots

Inhaltsverzeichnis Keine Slots Vue2.x-Steckplätze...

So implementieren Sie Zeilenumbrüche im Texteingabebereich von Textarea

Wenn Sie den Text im Textarea-Eingabebereich umbre...

Verwendung der Vue3-Tabellenkomponente

Inhaltsverzeichnis 1. Ant Design Vue 1. Offiziell...

Wie wählt man das perfekte Aloe Vera Gel aus? Perfektes Aloe Vera Gel – So erkennen Sie Echtheit und Fälschung

Die neueste Verpackungsschachtel für Perfect Aloe...

Webinterview: Benutzerdefinierte Vue-Komponenten und Aufrufmethoden

Import: Aufgrund der Projektanforderungen werden ...

MySQL5.6.31 winx64.zip Installations- und Konfigurationstutorial

#1. Herunterladen # #2. Entpacken Sie die Datei l...

Detaillierte Erläuterung zum Einrichten einer statischen IP-Netzwerkkarte für die virtuelle CentOS 8-VMware-Maschine für den Zugriff auf das Internet

Erster Schritt: Klicken Sie in VMware auf "B...

Vue-Router-Beispielcode zum dynamischen Generieren von Navigationsmenüs basierend auf Backend-Berechtigungen

Inhaltsverzeichnis Vue.js 1. Global Guard registr...

MySQL-Sequenz AUTO_INCREMENT ausführliche Erklärung und Beispielcode

MySQL-Sequenz AUTO_INCREMENT ausführliche Erkläru...

Eine kurze Analyse zum Festlegen des Anfangswerts des Linux-Roots

Ubuntu erlaubt standardmäßig keine Root-Anmeldung...

Vue realisiert einfachen Effekt des Lauflichts

In diesem Artikel wird der spezifische Code von V...