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“

Eine kurze Erläuterung zur Verwendung von Slots in Vue

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

Eine kurze Erläuterung zur Verwendung von Slots in Vue

So verwenden Sie Docker zum Erstellen eines Redis-Master-Slaves

Anzeige der Tabellenliste für die Front-End-Anwendungsentwicklung von Vue Element

CSS-Menüschaltflächenanimation

MySQL-Lösung für zeitgesteuerte Backups (mithilfe von Linux crontab)

Allgemeine Textverarbeitungsbefehle unter Linux und Vim-Texteditor

Lernen Sie, mit Eclipse eine Verbindung zur MySQL-Datenbank herzustellen

Win10 Installation Linux System Tutorial Diagramm

Detaillierte Erklärung und klassische Interviewfragen zum Vue-Lebenszyklus und zu Hook-Funktionen

Detailliertes Tutorial zum Herunterladen, Installieren und Konfigurieren von MySQL 5.7.27

Artikel empfehlen

So installieren Sie MySQL 8.0.13 in Alibaba Cloud CentOS 7

Uniapp implementiert Beispielcode für die Anmeldung mit DingTalk-Scancode

So leiten Sie eine PC-Adresse in Vue an eine Mobiladresse um

CSS3 zum Erzielen eines einfachen schwebenden Hintergrundeffekts mit weißen Wolken

So rufen Sie einen Hyperlink auf und öffnen ihn

JavaScript BOM-Standortobjekt + Navigatorobjekt + Verlaufsobjekt

Docker richtet Port-Mapping ein, kann aber nicht auf die Lösung zugreifen

Vue-Kapselungskomponente Bildkomponente hochladen

Das neueste grafische Tutorial zur Installation und Konfiguration von MySQL 5.7.23

Detaillierte Erklärung des Nginx Reverse-Proxy-Beispiels

Einfache Implementierungsmethode zur Linux-Prozessüberwachung und zum automatischen Neustart

Design-Sharing der Download-Seite des Pengyou.com-Mobilclients (Bild und Text)

CSS3 realisiert den verschiebbaren Zauberwürfel-3D-Effekt

SSM VUE Axios Detaillierte Erklärung

Tutorial zur Installation des Nginx-RTMP-Streaming-Servers unter Ubuntu 14