web-dev-qa-db-fra.com

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

Je remarque 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 sont dans le code source et les éléments sont des balises traitées (par le navigateur) dans le DOM. Ai-je tort?

htmlterminology
54
user

La balise HTML n’est qu’une entité ouverte ou fermée. Par exemple:

<p> et </p> sont appelés balises HTML

L'élément HTML comprend la balise d'ouverture, la balise de fermeture, le contenu (facultatif pour les balises sans contenu)

<p>This is the content</p>: cette chose complète s'appelle un élément HTML

87
Amol

Balises HTML vs éléments vs attributs

Éléments HTML

Un élément en HTML représente une sorte de structure ou de sémantique et consiste généralement en une balise de début, un contenu et une balise de fin. Ce qui suit est un élément de paragraphe:

<p>
This is the content of the paragraph element.
</p>

Balises HTML

Les balises sont utilisées pour marquer le début et la fin d'un élément HTML.

<p></p>

Attributs HTML

Un attribut définit une propriété pour un élément, consiste en une paire attribut/valeur et apparaît dans la balise de début de l’élément. La balise de début d’un élément peut contenir un nombre quelconque de paires attribut/valeur séparées par des espaces.

L'usage le plus courant du terme «tag» fait référence aux attributs alt en tant que «balises alt». Il n'y a rien de tel en HTML. Alt est un attribut, pas une balise.

<img src="foobar.gif" alt="A foo can be balanced on a bar by placing its fubar on the bar's foobar.">

Source: 456bereastreet.com: balises HTML vs éléments vs attributs

17
Simpal Kumar

Éléments HTML

Un élément HTML consiste généralement en une balise start et une balise end, avec le contenu inséré entre:

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

Le HTML element est tout, de la balise de début à la balise de fin . Source

Attributs HTML

Un attribut est utilisé pour définir les caractéristiques d'un élément HTML et est placé à l'intérieur de la balise d'ouverture de l'élément. Tous les attributs sont composés de deux parties: un name et un value.

  • Tous les éléments HTML peuvent avoir attributs
  • Les attributs fournissent informations supplémentaires sur un élément
  • Les attributs sont toujours spécifiés dans la balise start
  • Les attributs viennent généralement en paires nom/valeur comme: name = "valeur"Source

Balise HTML vs élément

"Eléments" et "balises" sont des termes largement confondus. Les documents HTML contiennent des balises, mais ne contiennent pas les éléments. Les éléments ne sont générés qu'après l'étape d'analyse, à partir de ces balises .Source: wikipedia> HTML_element

Un élément HTML est défini par une balise de départ. Si l'élément contient un autre contenu, il se termine par une balise de fermeture.

Par exemple, <p> est la balise de départ d'un paragraphe et </p> est une balise de fermeture du même paragraphe, mais <p>This is paragraph</p> est un élément de paragraphe.

Source: tutorialspoint> html_elements

6
kiliman13

mettons cela dans un terme simple. Un élément est un ensemble de balises d'ouverture et de fermeture utilisées. 

4
katwekibs

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

Les balises sont des étiquettes que vous utilisez pour marquer le début et la fin d'un élément.

Toutes les balises ont le même format: elles commencent par un signe inférieur à "<" et se terminent par un signe supérieur à ">".

De manière générale, il existe deux types de balises: les balises d'ouverture: <html> et les balises de fermeture: </html>. La seule différence entre une balise d'ouverture et une balise de fermeture est la barre oblique "/". Vous étiquetez le contenu en le plaçant entre une balise d'ouverture et une balise de fermeture.

Le HTML concerne les éléments. Apprendre le HTML, c'est apprendre et utiliser différentes balises.

Par exemple:

<h1></h1>

Les éléments as sont en quelque sorte des balises de début et de fin, comme indiqué:

<h1>Heading</h1>
3
Dhaval Shukla

Cette visualisation peut nous aider à déterminer la différence entre le concept d’élément et le tag (chaque retrait signifie):

- 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