Was ist der Unterschied zwischen HTML-Tags und Elementen?

71

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?

Nutzer
quelle
gültige Frage auch im Jahr 2020 und wird auch im Jahr 2040 bleiben :)
Vikramvi

Antworten:

114

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

4m01
quelle
9
Dies ist eine großartige Antwort, da man etwas Esoterisches oder sogar etwas Kompliziertes erwartet, aber stattdessen ist es nur eine wirklich nützliche Spezialisierung des Wortschatzes für eine gute Granularität, wenn man über HTML spricht. Weiß jemand, ob diese Begriffe auch für XML gelten?
Luke Griffiths
1
Was ist dann mit <img src = "" />? Ist es ein HTML-Tag oder ein HTML-Element?
Yuvraj Patil
2
@YuvrajPatil es ist beides. Es ist ein Tag ohne Inhalt, und es ist auch ein Element
Imam Assidiqqi
Danke für die Klarstellung.
Yuvraj Patil
@YuvrajPatil Wird auch als "leeres Element" bezeichnet . Ich glaube, in der Vergangenheit wurden sie auch als "void" - oder "selbstschließende" Tags bezeichnet.
Juan Marco
21

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

Simpal Kumar
quelle
8

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 .

  • Alle HTML-Elemente können Attribute haben
  • Attribute bieten zusätzliche Informationen zu einem Element
  • Attribute werden immer im Start-Tag angegeben
  • Attribute kommen normalerweise in Name / Wert-Paaren wie: name = "value" Source

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

kiliman13
quelle
6

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>
Katwekibs
quelle
Nur neugierig, wird die HTML-Klasse als eine Form des HTML-Elements betrachtet?
Adelle
Meine Antwort lautet ja. Wie ich bereits sagte, wird über einem "öffnenden Tag, seinem Inhalt und dem schließenden Tag" ein Element genannt. <html> Inhalt ... </ html> Also ja, HTML ist ein Tag, aber zusammen mit dem Öffnen und Schließen wird es zu einem Element.
Katwekibs
3

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>
Dhaval Shukla
quelle
1

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ßenGeben Sie hier die Bildbeschreibung ein

nrvarun
quelle
0

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 / 
MMKarami
quelle
-1
<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.

Ein Ranjan
quelle
Dies scheint die Frage nicht wirklich zu beantworten.
Stuart Siegler