Quelle est la différence entre les balises et les éléments HTML ?

Question

J'ai remarqué que la plupart des gens utilisent les mots Balises HTML et Éléments HTML de manière interchangeable.

Mais quelle est la différence entre eux ?

D'après moi, les balises se trouvent dans le code source et les éléments sont traités par les balises (par le navigateur) dans le DOM. Est-ce que je me trompe ?

Answer 1

Tags et Éléments sont ne sont pas les mêmes.

Éléments

---

Ce sont les éléments eux-mêmes, c'est-à-dire qu'un paragraphe est un élément, ou un en-tête est un élément, même le corps est un élément. La plupart des éléments peuvent contenir d'autres éléments, comme l'élément body qui peut contenir des éléments d'en-tête, des éléments de paragraphe, en fait presque tous les éléments visibles du DOM.

Eg :

<p>This is the <span>Home</span> page</p>

Tags

---

Les balises ne sont pas les éléments eux-mêmes, mais plutôt les morceaux de texte que vous utilisez pour indiquer à l'ordinateur où commence et finit un élément. Lorsque vous "marquez" un document, vous ne voulez généralement pas que ces notes supplémentaires, qui ne font pas vraiment partie du texte, soient présentées au lecteur. Le HTML emprunte une technique à un autre langage, le SGML, afin de fournir un moyen facile pour un ordinateur de déterminer quelles parties sont du "balisage" et quelles parties sont le contenu. En utilisant '<' et '>' comme une sorte de parenthèses, le HTML peut indiquer le début et la fin d'une balise, c'est-à-dire que la présence de '<' indique au navigateur 'la partie suivante est une balise, faites attention'.

Le navigateur voit les lettres '

et décide "Un nouveau paragraphe commence, je ferais mieux de commencer une nouvelle ligne et peut-être de l'indenter". Ensuite, lorsqu'il voit '

Il sait que le paragraphe sur lequel il travaillait est terminé, il doit donc rompre la ligne à cet endroit avant de passer à la suite.

- Ouverture du tag.

- Étiquette de fermeture

Answer 2

Cette visualisation peut nous aider à découvrir la différence entre le concept d'élément et de balise (chaque tiret signifie contenir) :

- 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 /

Answer 3

<p>Here is a quote from WWF's website:</p>.

Dans cette partie <p> est une balise.

<blockquote cite="www.facebook.com">facebook is the world's largest socialsite..</blockquote>

dans cette partie <blockquote> est un élément.