So verwenden Sie benutzerdefinierte Tags in HTML

So verwenden Sie benutzerdefinierte Tags in HTML
Benutzerdefinierte Tags können in XML- und HTML-Dateien beliebig verwendet werden. Dabei sind jedoch einige Dinge zu beachten:
Das xmlns-Attribut des <html>-Tags muss gesetzt werden. Sie können es beispielsweise folgendermaßen deklarieren: <html xmlns:article>.
Dies liegt daran, dass HTML-Dateien einen Standard-Namespace haben und Tags wie <div> und <p> sich in diesem Standard-Namespace befinden.
Offensichtlich enthält dieser Standard-„Namespace“ nicht unsere „benutzerdefinierten Tags“, daher können wir nur selbst einen „Namespace“ definieren und die „benutzerdefinierten Tags“ in diesen benutzerdefinierten „Namespace“ einfügen.
Nach meinen Versuchen können benutzerdefinierte Namespaces kein Chinesisch verwenden. Beispielsweise ist die Deklaration: <html xmlns:namespace> falsch. Wenn Sie benutzerdefinierte Tags verwenden, sollten Sie die Form <namespace:benutzerdefiniertes Tag> anstelle von <benutzerdefiniertes Tag> verwenden.
Das heißt, der Name des benutzerdefinierten Tags muss seinen „Namespace“ angeben.
Der Stil eines benutzerdefinierten Tags kann im <style>-Tag oder durch Festlegen seines Stilattributs bei der Verwendung (Inline-Einstellung) festgelegt werden.
Legen Sie im <style>-Tag beispielsweise Folgendes fest:

Code kopieren
Der Code lautet wie folgt:

<style type="text/css">
Artikel\:Artikeltext{border:1px solid #ccc;background-color:#efefef;font-weight:bold;}
</Stil>

Beachten Sie, dass Sie beim Festlegen des Stils im <style>-Tag zwischen „Namespace“ und „:“ „\“ hinzufügen müssen. Das Obige wird beispielsweise als article\: article body und nicht als article: article body geschrieben. Wenn Sie ein benutzerdefiniertes Tag verwenden, legen Sie dessen Stilattribut fest, beispielsweise:

Code kopieren
Der Code lautet wie folgt:

<article:Article title style="border:1px solid #ccc;">Dies ist der Titel des Artikels</article:Article title>

Beispiel:

Code kopieren
Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//DE
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns:Artikel>
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=gb2312" />
<title>Benutzerdefinierte Tags verwenden</title>
<style type="text/css">
Artikel\:Artikeltext{Anzeige:Block;Rahmen:1px durchgezogen #ccc;Hintergrundfarbe:#efefef;Farbe:#00a;}
</Stil>
</Kopf>
<Text>
<article:Artikeltitelstil="Anzeige:Block;Rahmen:1px durchgehend rot;Hintergrundfarbe:#FFF5F4;Textausrichtung:Mitte;Farbe:#f00;">
Hier ist der Titel des Artikels
</article:Artikeltitel>
<Artikel:Artikeltext>
Hier der Haupttext des Artikels
</article:Artikeltext>
</Körper
</html>

Hinweis: Der Standardanzeigewert des benutzerdefinierten Etiketts ist „Inline“. In diesem Beispiel wird er in „Blockanzeige“ geändert.

<<:  Erste Schritte mit der Konvertierung von Vue in React

>>:  Detaillierte Erläuterung des Ausführungsprinzips des MySQL-Kill-Befehls

Artikel empfehlen

So erstellen Sie mit virtualenv eine virtuelle Umgebung unter Windows (zwei Möglichkeiten)

Betriebssystem: Windows 10_x64 Python-Version: 3....

Implementierung der VUE-Anzeige unendlicher Ebenenbaum-Datenstrukturen

Inhaltsverzeichnis Rekursiver Aufruf der Komponen...

js und jquery, um einen Tab-Statusleisten-Umschalteffekt zu erzielen

Heute werden wir einen einfachen Fall durchgehen ...

Vue verbessert die Seitenantwortgeschwindigkeit durch Lazy Loading

Inhaltsverzeichnis Überblick Was ist Lazy Loading...

Eine kurze Diskussion über die Docker-Compose-Netzwerkeinstellungen

Tutorial zur Netzwerknutzung Offizielle Website d...

So zeigen Sie Bildinformationen in Docker an

In diesem Artikel müssen wir lernen, wie man Bild...

Unterscheiden Sie zwischen Nullwert und leerem Zeichen ('') in MySQL

Bei der täglichen Entwicklung geht es im Allgemei...

ElementUI-Komponente el-dropdown (Falle)

Auswählen und ändern: Klicken Sie, um den aktuell...

Lösung für das Problem, dass die MySQL-Konfigurationsdatei nicht geändert werden kann (Win10)

Notieren Sie die Probleme, die Sie für andere lös...

Miniprogramme ermöglichen die Auswahl von Produktattributen oder Spezifikationen

In diesem Artikel wird der spezifische Code zur I...

Linux/Mac MySQL-Befehlszeilenmethode zum Ändern des Passworts bei vergessenem Passwort

Alle Voraussetzungen erfordern Root-Berechtigunge...

So verwenden Sie mysqladmin, um die aktuellen TPS und QPS einer MySQL-Instanz abzurufen

mysqladmin ist ein offizielles MySQL-Clientprogra...

HTML-Codeanalyse der Textkonvertierungseffekte bei Links- und Rechtsbewegungen

<div ausrichten="zentrieren"> <...

Lösung des Konflikts zwischen Linux-Kernel- und SVN-Versionen

Phänomen Das System konnte den Linux-Systemkernel...

Detaillierte Erläuterung der dynamischen Änderung des Elementknotenstils in Uniapp

Inhaltsverzeichnis 1. Ändern Sie durch Binden des...