HTML5-Attribute

Inhaltsverzeichnis
Es gibt Attribute, die nur auf ein bestimmtes Element angewendet werden können, aber stattdessen können einige auf ein oder mehrere Elemente angewendet werden.
Im folgenden Beispiel sehen wir die Anwendung eines Attributs auf das Element

Dieses Element ermöglicht es uns, einen Hyperlink zu erstellen, wenn wir darauf klicken. Es ist wichtig zu erwähnen, dass Attribute nur am Anfang der Labels hinzugefügt werden können und einen Namen und den entsprechenden Wert haben müssen.
Zusätzlich können wir unseren Elementen mehrere Attribute hinzufügen, indem wir sie durch ein einfaches Leerzeichen trennen:
ich mag Klasse= "verlinken" href= "/äpfel.html" gehen= "firstlink"> Äpfel und Orangen.
Boolesche Attribute
Einige Attribute sind Boolean, für diese muss kein Wert angegeben werden, es wird nur dem Element hinzugefügt und führt seine Funktionalität aus, zum Beispiel:
Gib deinen Namen ein:
Hier verwenden wir das Attribut deaktiviert im Eingabeelement, das dem Benutzer die Möglichkeit bietet, Informationen einzugeben, indem das Attribut hinzugefügt wird deaktiviert Wir verhindern, dass der Benutzer Informationen über die Tastatur eingibt oder in die Zwischenablage kopiert.
Benutzerdefinierte Attribute
Wir können benutzerdefinierte Attribute definieren, solange der von uns verwendete Name das Datenpräfix hat:
Gib deinen Namen ein:
Der korrekte Name für diese Attribute sind vom Autor definierte Attribute. Durch Hinzufügen des Datenpräfixes erreichen wir, dass die Browser sie problemlos und ohne Konflikt mit anderen zuvor erstellten benutzerdefinierten Attributen interpretieren.
Globale HTML5-Attribute
Es gibt eine zweite Kategorie von Attributen, diese konfigurieren das Verhalten, das in allen Elementen üblich ist, mal sehen, was sie sind:
  • 1. Zugangstaste
Mit diesem Attribut können wir eine oder mehrere Tastenkombinationen angeben, mit denen das Element ausgewählt wird, auf das es auf der Seite angewendet wird.
 Beispielname:

Passwort:


Hier sehen wir, dass auf die Eingabe Name mit der 'n'-Taste, das Passwort mit 'p' und Login mit 's' zugegriffen wird.

  • 2. Klasse
Das class-Attribut wird verwendet, um Elemente zu klassifizieren oder zu kategorisieren. Normalerweise tun wir dies, damit wir Elemente im Dokument finden können, die zu der gegebenen Klasse gehören und einen CSS-Stil darauf anwenden können.
 Beispiel einer Apress-Website

W3C-Website


Wir können auf jedes Element mehrere Klassen anwenden, die die Klassen durch Leerzeichen trennen. Die Namen, die wir den Klassen zuweisen, sind willkürlich, aber ich empfehle, Namen in den Kontext zu setzen, an dem wir arbeiten.

  • 3. Zufriedeneditierbar
Dieses Attribut ermöglicht es uns, den Inhalt der Seite zu ändern, ohne dass ein Formular oder eine zusätzliche Programmierung erforderlich ist.
 Beispiel 

Es regnet gerade


Wir haben das Attribut auf ein Element angewendet

Setzen des Werts des Attributs auf "true", was es dem Benutzer ermöglicht, den Inhalt dieses Absatzes zu ändern. Wenn der Benutzer auf das Element klickt, kann er damit beginnen, es zu ändern.

Im nächsten Tutorial werden wir die restlichen Attribute sehen, die in unserem HTML-Dokument verwendet werden und es uns ermöglichen, unsere Elemente so zu konfigurieren, wie wir es wollen und an unsere Bedürfnisse anpassen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben
wave wave wave wave wave