So erstellen Sie benutzerdefinierte Tags für HTML
Diese Beschreibung wird demonstrieren:
- Was sind benutzerdefinierte Tags für HTML?
- Was sind die Namensregeln für benutzerdefinierte Tags??
- Beispiele für gültige und ungültige benutzerdefinierte Tags
- So erstellen Sie benutzerdefinierte Tags für HTML?
Was sind benutzerdefinierte Tags für HTML?
Benutzerdefinierte Attribute werden speziell von Entwicklern oder Benutzern entwickelt und sind nicht in den Standard -HTML5 -Elementen enthalten. Benutzerdefinierte Tags geben zusätzliche oder persönliche Inhalte in den benutzerdefinierten Tags an. Diese Tags funktionieren ähnlich wie die integrierten HTML-Tags. Um das benutzerdefinierte Tag im HTML -Dokument anzugeben, müssen Benutzer die Benennungsregeln befolgen.
Was sind die Namensregeln für benutzerdefinierte Tags??
Es gibt verschiedene Namensregeln zum Erstellen des benutzerdefinierten Tags. Einige von ihnen sind unten aufgeführt:
- Ein benutzerdefiniertes Tag beginnt immer mit einem kleinen Buchstaben.
- Benutzer können im benutzerdefinierten Tag numerische Werte von (1 bis 9) hinzufügen.
- Mindestens ein (-) Bindestrich muss dem benutzerdefinierten Tag hinzugefügt werden.
- Benutzer können den Großbuchstaben nicht in ein benutzerdefiniertes Tag eingeben.
- Benutzer können auch jede Art von Emoji im benutzerdefinierten Tag verwenden.
- Benutzer können in der HTML keine benutzerdefinierten Tags selbstklumpen oder inline-Tags erstellen.
Beispiele für gültige und ungültige benutzerdefinierte Tags
Die folgende Tabelle zeigt Beispiele, die sich auf die gültigen und ungültigen benutzerdefinierten Tags beziehen:
| Gültige benutzerdefinierte Tags | Ungültige benutzerdefinierte Tags |
|---|---|
So erstellen Sie benutzerdefinierte Tags für HTML?
Um benutzerdefinierte Tags in HTML zu erstellen, gehen Sie die folgenden Anweisungen durch.
Schritt 1: Benutzerdefiniertes Tag erstellen
Erstellen Sie zunächst ein benutzerdefiniertes Tag, indem Sie den Namensregeln folgen. Zum Beispiel haben wir das „“ Element in HTML erstellt. Fügen Sie dann Text zwischen den benutzerdefinierten Tags hinzu.
Schritt 2: Schaltfläche erstellen
Erstellen Sie eine Schaltfläche mit Hilfe von “”Innerhalb des benutzerdefinierten Tags:
Dieser Container wurde von mir erstellt.
Hier sehen Sie, dass das benutzerdefinierte Tag erfolgreich erstellt wurde und auch das Schaltflächenelement anzeigt:
Schritt 3: Style Custom Element
Benutzer können den benutzerdefinierten Container auch stylen, indem sie mit dem entsprechenden Tag -Namen auf CSS zugreifen. Zum Beispiel haben wir mit dem erstellten Tag auf den benutzerdefinierten Container zugegriffen. “mein Tag”. Wenden Sie danach die unterkodierten Eigenschaften auf das benutzerdefinierte Tag an:
Bildschirmsperre;
Grenze: 4px Festes Grün;
Rand: 30px 15px;
Polsterung: 30px;
Hintergrundfarbe: RGB (238, 181, 96);
Hier:
- “AnzeigeDie Eigenschaft wird verwendet, um anzugeben, wie ein Element angezeigt wird. Das Display wird als "eingestellt"Block”Um das Element in einer neuen Zeile anzuzeigen.
- “Grenze”Wird verwendet, um eine Grenze um das Element zu definieren.
- “Rand”Zuweist einen Raum um die Elementgrenze.
- “Polsterung”Definiert einen Raum innerhalb der Grenze eines Elements.
- “Hintergrundfarbe”Wird verwendet, um die Farbe am Hintern des Elements anzugeben.
Ausgang
Es kann beobachtet werden, dass wir das benutzerdefinierte Element oder Tag effektiv erstellt und gestylt haben.
Abschluss
Um ein benutzerdefiniertes Tag zu erstellen, werden Benutzer durch Befolgen der Namensregeln eingeschränkt. Um ein benutzerdefiniertes Tag zu erstellen, geben Sie zunächst das Tag gemäß Regeln an wie “an Einige Inhalte ”. Greifen Sie dann mit dem Tag -Namen auf das Tag in CSS zu und wenden Sie die CSS -Eigenschaften zum Styling an. Dieses Tutorial hat Ihnen die einfachste Methode zum Erstellen eines benutzerdefinierten Tags für HTML beigebracht.