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
Artikel empfehlen
So führen Sie MySQL in einer Docker-Umgebung aus und aktivieren Binlog, um die Master-Slave-Synchronisierung zu konfigurieren
Derselbe Server simuliert die Master-Slave-Synchr...
Beispielcode zur Implementierung der olympischen Ringe mit reinem HTML+CSS
Rendern Code - Nehmen Sie die blauen und gelben R...
Detaillierte Erklärung des Codes zwischen der MySQL-Masterbibliothek Binlog (Master-Log) und der Slave-Bibliothek Relay-Log
Binärprotokoll der Hauptbibliothek: # bei 2420 #1...
JavaScript zum Implementieren einer dynamischen Digitaluhr
In diesem Artikel finden Sie den spezifischen Cod...
So starten Sie ein Vue-Projekt mit dem M1 Pro-Chip
Inhaltsverzeichnis Einführung Homebrew installier...
Die detaillierteste Installation und Konfiguration von Redis in Docker (mit Bildern und Text)
1. Finden Sie eine geeignete Version von Redis fü...
Erstellen von Befehlszeilen-Anwendungen mit JavaScript
Inhaltsverzeichnis 1. Knoten installieren 2. Inst...
Fallstudie zur Übermittlung von HTML-Formularen
Um die Methode zur Formularübermittlung zusammenz...
Teilen Sie 13 hervorragende Web-Wireframe-Design- und Produktionstools
Wenn Sie mit der Arbeit an einem Projekt beginnen...
So deaktivieren Sie Anzeigen in der Terminal-Willkommensnachricht in Ubuntu Server
Wenn Sie die neueste Ubuntu Server-Version verwen...
Detaillierte Erläuterung der Linux-Befehle „Datei überschreiben“ und „Datei anhängen“
1. Der Unterschied zwischen den Befehlen > und...
JavaScript Canvas zeichnet dynamische Drahtgittereffekte
In diesem Artikel wird der spezifische Code des d...
Detaillierte Erklärung zur JavaScript-Datenabflachung
Inhaltsverzeichnis Was ist Abflachung? Rekursion ...
Optimierung der Frontend-Leistung von Websites: JavaScript und CSS
Ich habe einen Artikel des Yahoo-Teams über die O...
Besprechen Sie die Anwendung von Mixin in Vue
Mixins bieten eine sehr flexible Möglichkeit, wie...