Detaillierte Erklärung des Unterschieds zwischen Tags und Elementen in HTML

Detaillierte Erklärung des Unterschieds zwischen Tags und Elementen in HTML
Ich glaube, dass es vielen Freunden, die sich mit Webseiten noch nicht auskennen, wie mir geht und sie nicht verstehen, wie Elemente, Tags und Attribute in HTML definiert werden und was der Unterschied zwischen Elementen und Tags ist. Um es gründlich zu verstehen, habe ich einige Informationen gesucht und konsultiert. Jetzt schreibe ich meine Schlussfolgerungen auf und teile sie mit Internetnutzern, die die gleiche Verwirrung haben wie ich:

Vielen Leuten ist möglicherweise nicht klar, was ein Tag und was ein Element ist. Ich selbst war früher auch immer verwirrt.
Tatsächlich ist das Konzept zwischen den beiden immer noch sehr klar:
Beispielsweise ist <p> ein Tag;
<p>Hier kommt der Inhalt hin</p> Dies ist ein Element, d. h. ein Element besteht aus einem Start- und einem End-Tag und wird verwendet, um bestimmten Inhalt aufzunehmen.
Hier gibt es eine bemerkenswerte Ausnahme: <br/> selbst ist sowohl ein Start- als auch ein End-Tag, enthält aber keinen Inhalt und ist daher nur ein Tag.

1. Elemente :

Eine HTML-Webseite ist eigentlich eine Textdatei, die aus vielen verschiedenen HTML-Elementen besteht, und jeder Webbrowser kann HTML-Dateien direkt ausführen. Man kann also sagen, dass HTML-Elemente die grundlegenden Objekte sind, aus denen HTML-Dateien bestehen, und dass „HTML-Elemente“ lediglich ein allgemeiner Begriff sind. HTML-Elemente werden mithilfe von HTML-Tags definiert.

2. Stichworte :

Tags sind Objekte, die in spitze Klammern „<“ und ">“ eingeschlossen sind, wie beispielsweise <head>, <body>, <table> usw. Die meisten Tags kommen paarweise vor, beispielsweise <table></talbe>, <form></form>. Natürlich gibt es einige, die nicht paarweise vorkommen, wie z. B. <br>, <hr> usw.

Tags werden zum Markieren von HTML-Elementen verwendet. Der Text zwischen den Start- und End-Tags ist der Inhalt des HTML-Elements.

3. Attribute :

HTML-Attribute liefern verschiedene Zusatzinformationen für HTML-Elemente. Sie treten immer in Form von Name-Wert-Paaren auf, etwa „Attributname = Attributwert“, und Attribute werden immer im Starttag von HTML-Elementen definiert.

Beispiel :

<html> <head> <title>Beispieltitel</title> </head> <body bgcolor="red"> <p>Dies ist eine Beispielseite</p> </body> </html> In diesem Beispiel ist <p>Dies ist eine Beispielseite</p> das HTML-Element und „Dies ist eine Beispielseite“ ist der spezifische Inhalt des Elements. <head><title><body> usw. sind HTML-Tags, die HTML-Elemente bilden. Das bgcolor="red" in <body bgcolor="red"> ist das Attribut des Tags, das definiert, wie das Tag konfiguriert werden soll. Kurz gesagt, Sie müssen sich über den Unterschied zwischen Elementen und Tags nicht allzu viele Gedanken machen. Bei der eigentlichen Arbeit bezeichnen wir sie einfach als Tags. Attribute sind leicht zu verstehen. Es handelt sich dabei um Parameter, die HTML-Tags verschiedene Zusatzinformationen oder Konfigurationsmöglichkeiten hinzufügen.

<<:  Neue Einstellungen für Text und Schriftarten in CSS3

>>:  Zusammenfassung von drei Möglichkeiten zum Implementieren von Rankings in MySQL ohne Verwendung von „order by“

Artikel empfehlen

Font Treasure House 50 exquisite kostenlose englische Schriftartenressourcen Teil 1

Designer verfügen über eine eigene Schriftartenbi...

Beheben Sie den abnormalen Fehler beim Erstellen einer Vue-Umgebung mit Webpack

Inhaltsverzeichnis Konfigurieren Sie zuerst packa...

XHTML-Einführungstutorial: Verwendung von Listen-Tags

Listen werden verwendet, um eine Reihe ähnlicher o...

Implementierung der Validierung mehrerer Elemente im Formular

Im Projekt werden häufig Formulartests durchgefüh...

Detaillierte Erklärung zur Verwendung der JavaScript-Paging-Komponente

Die Paginierungskomponente ist eine häufige Kompo...

Ausführliche Erläuterung der Standortpriorität von Nginx

Standortausdruckstyp ~ bedeutet, dass ein regulär...

Detaillierte Erläuterung der Systemeingabe- und -ausgabeverwaltung in Linux

Verwaltung der Ein- und Ausgaben im System 1. Ver...

Anwendungshandbuch für chinesische WEB-Schriftarten

Die Verwendung von Schriftarten im Web ist sowohl ...

So installieren Sie die IonCube-Erweiterung mit Pagoda

1. Installieren Sie zuerst die Pagode Installatio...

Nginx-Inhaltscache und allgemeine Parameterkonfigurationsdetails

Anwendungsszenarien: Die Seiten des Projekts müss...

Kleines Problem mit dem Abstand zwischen Label und Eingabe im Google Browser

Erst Code, dann Text Code kopieren Der Code lautet...