it-swarm.dev

Was ist der Unterschied zwischen HTML-Tags und Elementen?

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 sich Tags im Quellcode befinden und Elemente (vom Browser) im DOM verarbeitete Tags sind. Liege ich falsch?

54
user

HTML-Tag ist nur das Öffnen oder Schließen einer Entität. Zum Beispiel:

<p> und </p> werden HTML-Tags genannt

Das HTML-Element umfasst das öffnende Tag, das schließende Tag und den Inhalt (optional für inhaltslose Tags) Beispiel:

<p>This is the content</p>: Diese komplette Sache wird HTML-Element genannt

87
Amol

HTML-Tags vs. Elemente vs. Attribute

HTML-Elemente

Ein Element in HTML stellt eine Art Struktur oder Semantik dar und besteht im Allgemeinen aus einem Starttag, Inhalt und einem Endtag. Folgendes 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 innerhalb des Start-Tags des Elements angezeigt. Das Starttag 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

17
Simpal Kumar

HTML-Elemente

Ein HTML-Element besteht normalerweise aus einem start -Tag und einem end -Tag, wobei der Inhalt dazwischen eingefügt wird:

<tagname>Content goes here...</tagname>

Das HTML element ist alles vom Starttag bis zum Endtag . Source

HTML-Attribute

Ein Attribut wird verwendet, um die Eigenschaften eines HTML-Elements zu definieren, und wird innerhalb des Eröffnungs-Tags des Elements platziert. Alle Attribute bestehen aus zwei Teilen: einem name und einem value.

  • Alle HTML-Elemente können attributes haben
  • Attribute liefern 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 vs. Element

"Elemente" und "Tags" sind weitgehend verwirrte Begriffe. HTML-Dokumente enthalten Tags, enthalten jedoch keine Elemente. Die Elemente werden erst nach dem Parsing-Schritt aus diesen Tags generiert .Source: wikipedia> HTML_element

Ein HTML-Element wird durch ein Starttag definiert. Wenn das Element andere Inhalte enthält, endet es mit einem schließenden Tag.

Beispiel: <p> beginnt das Tag eines Absatzes und </p> schließt das Tag desselben Absatzes, <p>This is paragraph</p> ist jedoch ein Absatzelement.

Source: tutorialspoint> html_elements

6
kiliman13

lassen Sie uns dies in einem einfachen Begriff sagen. Ein Element ist ein Satz von verwendeten öffnenden und schließenden Tags. 

4
katwekibs

http://html.net/tutorials/html/lesson3.php

Tags sind Labels, mit denen Sie den Anfang und das Ende eines Elements markieren.

Alle Tags haben dasselbe Format: Sie beginnen mit einem Vorzeichen "<" und enden mit einem Vorzeichen ">".

Im Allgemeinen gibt es zwei Arten von Tags - öffnende Tags: <html> und schließende Tags: </html>. Der einzige Unterschied zwischen einem öffnenden und einem schließenden Tag ist der Schrägstrich "/". Sie kennzeichnen den Inhalt, indem Sie ihn zwischen ein öffnendes und ein schließendes Tag setzen.

Bei HTML dreht sich alles um Elemente. HTML zu lernen heißt, verschiedene Tags zu lernen und zu verwenden.

Zum Beispiel:

<h1></h1>

Wo als Elemente sind etwas, das wie gezeigt aus Starttag und Endtag besteht:

<h1>Heading</h1>
3
Dhaval Shukla

Diese Visualisierung kann uns dabei helfen, den Unterschied zwischen Element und Tag zu ermitteln (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 / 
0
MMKarami