Ich stelle fest, dass die meisten Leute die Wörter HTML-Tags und HTML-Elemente austauschbar verwenden.
Aber was ist der Unterschied zwischen ihnen?
Ich sehe es so, dass Tags im Quellcode enthalten sind und Elemente Tags (vom Browser) im DOM verarbeitet werden. Liege ich falsch?
Antworten:
Das HTML-Tag öffnet oder schließt nur eine Entität. Zum Beispiel:
<p>und </p> werden HTML-Tags genannt
Das HTML-Element umfasst das Öffnen von Tags, das Schließen von Tags und den Inhalt (optional für inhaltslose Tags). Beispiel:
<p>This is the content</p> : Diese komplette Sache wird als HTML-Element bezeichnet
HTML-Tags vs. Elemente vs. Attribute
HTML-Elemente
Ein Element in HTML repräsentiert eine Art Struktur oder Semantik und besteht im Allgemeinen aus einem Start-Tag, einem Inhalt und einem End-Tag. Das Folgende ist ein Absatzelement:
<p> This is the content of the paragraph element. </p>HTML-Tags
Tags werden verwendet, um den Anfang und das Ende eines HTML-Elements zu markieren.
<p></p>
HTML-Attribute
Ein Attribut definiert eine Eigenschaft für ein Element, besteht aus einem Attribut / Wert-Paar und wird im Start-Tag des Elements angezeigt. Das Start-Tag eines Elements kann eine beliebige Anzahl von durch Leerzeichen getrennten Attribut / Wert-Paaren enthalten.
Der häufigste Missbrauch des Begriffs "Tag" bezieht sich auf Alt-Attribute als "Alt-Tags". In HTML gibt es so etwas nicht. Alt ist ein Attribut, kein Tag.
<img src="foobar.gif" alt="A foo can be balanced on a bar by placing its fubar on the bar's foobar.">
Quelle: 456bereastreet.com: HTML-Tags vs. Elemente vs. Attribute
HTML-Elemente
Ein HTML-Element besteht normalerweise aus einem Start- und einem End- Tag, wobei der Inhalt dazwischen eingefügt wird:
<tagname>Content goes here...</tagname>
Das HTML- Element ist alles vom Start-Tag bis zum End-Tag. Quelle
HTML-Attribute
Ein Attribut wird verwendet, um die Eigenschaften eines HTML-Elements zu definieren, und wird im Eröffnungs-Tag des Elements platziert. Alle Attribute bestehen aus zwei Teilen: einem Namen und einem Wert .
HTML-Tag gegen Element
"Elemente" und "Tags" sind Begriffe, die weitgehend verwirrt sind. HTML-Dokumente enthalten Tags, aber keine Elemente. Die Elemente werden erst nach dem Parsing-Schritt aus diesen Tags generiert. Quelle: Wikipedia> HTML_element
Ein HTML-Element wird durch ein Start-Tag definiert. Wenn das Element anderen Inhalt enthält, endet es mit einem schließenden Tag.
Beispiel <p>: Startet das Tag eines Absatzes und </p>schließt das Tag desselben Absatzes, <p>This is paragraph</p>ist jedoch ein Absatzelement.
Quelle: tutorialspoint> html_elements
Lassen Sie uns dies in einem einfachen Begriff ausdrücken. Ein Element ist eine Reihe von verwendeten öffnenden und schließenden Tags.
Element
<h1>...</h1>
Tag H1 Eröffnungs-Tag
<h1>
H1-Abschluss-Tag
</h1>
http://html.net/tutorials/html/lesson3.php
Tags sind Beschriftungen, mit denen Sie den Anfang und das Ende eines Elements markieren.
Alle Tags haben das gleiche Format: Sie beginnen mit einem Kleiner als "<" und enden mit einem Größer als ">".
Im Allgemeinen gibt es zwei Arten von Tags: Öffnen von Tags:
<html>und Schließen von Tags :</html>. Der einzige Unterschied zwischen einem öffnenden und einem schließenden Tag ist der Schrägstrich "/". Sie kennzeichnen Inhalte, indem Sie sie zwischen ein öffnendes und ein schließendes Tag setzen.Bei HTML dreht sich alles um Elemente. HTML lernen heißt, verschiedene Tags zu lernen und zu verwenden.
Zum Beispiel:
<h1></h1>
Wo als Elemente etwas ist, das aus Start-Tag und End-Tag besteht, wie gezeigt:
<h1>Heading</h1>
Tags und Elemente sind nicht dasselbe.
Elemente
Sie sind die Teile selbst, dh ein Absatz ist ein Element oder eine Überschrift ist ein Element, selbst der Körper ist ein Element. Die meisten Elemente können andere Elemente enthalten, da das Body-Element Kopf- und Absatzelemente sowie praktisch alle sichtbaren Elemente des DOM enthalten würde.
Z.B:
<p>This is the <span>Home</span> page</p>
Stichworte
Tags sind nicht die Elemente selbst, sondern die Textteile, mit denen Sie dem Computer mitteilen, wo ein Element beginnt und endet. Wenn Sie ein Dokument "markieren", möchten Sie im Allgemeinen nicht, dass die zusätzlichen Notizen, die nicht wirklich Teil des Textes sind, dem Leser präsentiert werden. HTML leiht eine Technik aus einer anderen Sprache, SGML, aus, um einem Computer eine einfache Möglichkeit zu bieten, zu bestimmen, welche Teile "MarkUp" und welche Teile der Inhalt sind. Durch die Verwendung von '<' und '>' als eine Art Klammern kann HTML den Anfang und das Ende eines Tags angeben, dh das Vorhandensein von '<' teilt dem Browser mit, dass dieses nächste Bit Markup ist, achten Sie darauf.
Der Browser sieht die Buchstaben '
'und entscheidet' Ein neuer Absatz beginnt, ich beginne besser eine neue Zeile und rücke sie vielleicht ein '. Dann, wenn es sieht '
'es weiß, dass der Absatz, an dem es gearbeitet hat, fertig ist, also sollte es die Linie dort brechen, bevor es zu dem weitergeht, was als nächstes kommt.- Tag öffnen.
- Tag schließen
Diese Visualisierung kann uns helfen, den Unterschied zwischen dem Konzept des Elements und des Tags herauszufinden (jedes Einrückungsmittel enthält):
- element
- content:
- text
- other elements
- or empty
- and its markup
- tags (start or end tag)
- element name
- angle brackets < >
- or attributes (just for start tag)
- or slash /
<p>Here is a quote from WWF's website:</p>.
In diesem Teil <p>befindet sich ein Tag.
<blockquote cite="www.facebook.com">facebook is the world's largest socialsite..</blockquote>
In diesem Teil <blockquote>ist ein Element.