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?
html
terminology
Nutzer
quelle
quelle
Antworten:
Das HTML-Tag öffnet oder schließt nur eine Entität. Zum Beispiel:
<p>
und</p>
werden HTML-Tags genanntDas 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 bezeichnetquelle
<p></p>
Quelle: 456bereastreet.com: HTML-Tags vs. Elemente vs. Attribute
quelle
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
quelle
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>
quelle
http://html.net/tutorials/html/lesson3.php
Zum Beispiel:
<h1></h1>
Wo als Elemente etwas ist, das aus Start-Tag und End-Tag besteht, wie gezeigt:
<h1>Heading</h1>
quelle
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ßenquelle
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 /
quelle
<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.quelle