Différence entre div et span

Table des matières:

Différence entre div et span
Différence entre div et span

Vidéo: Différence entre div et span

Vidéo: Différence entre div et span
Vidéo: 3 CSS - différence Span et Div 2024, Novembre
Anonim

Différence clé - div vs span

HTML est un langage largement utilisé pour développer des pages Web. Il signifie Hyper Text Markup Language. Le terme Hyper fait référence à un lien vers d'autres ressources Web sur Internet. Le terme balisage fait référence à la possibilité de créer du texte formaté avec des images et d'autres ressources multimédias. Les hyperliens sont les principaux composants de HTML qui permettent à toutes les ressources Web de se connecter. Il existe plusieurs versions de HTML. Ce sont HTML 2.0, 3.2, 4.01 et HTML5. Fondamentalement, HTML est un document texte avec des balises. Il indique au navigateur Web la manière de structurer la page Web pour l'afficher. Le div et le span sont deux balises en HTML. Chaque élément HTML a une valeur d'affichage par défaut selon le type de l'élément. Ainsi, ils peuvent être un bloc ou des éléments en ligne. Cet article traite de la différence entre div et span. La principale différence entre div et span est que div est un élément de niveau bloc tandis que span est un élément en ligne.

Qu'est-ce que div ?

Tous les documents html commencent par une déclaration de type de document. Aujourd'hui, la version la plus courante de HTML est HTML5. Par conséquent, la déclaration de type est. Toutes les balises html doivent être incluses dans les balises et. Les détails nécessaires de la page Web sont inclus dans la balise. La page Web visible est écrite à l'intérieur de la balise. Il existe des balises pour chaque objectif. Le

tag est utilisé pour les paragraphes. Le

,

etc. sont utilisés pour les titres. Le contenu à l'intérieur des balises de début et de fin est appelé élément. par exemple

Ceci est un paragraphe

Différence entre div et span
Différence entre div et span

Figure 01: HTML5

Chaque élément HTML a une valeur d'affichage par défaut selon le type de l'élément. Les valeurs d'affichage par défaut peuvent être en bloc ou en ligne. Les éléments de niveau bloc commencent toujours par une nouvelle ligne. Ces éléments prennent toute la largeur disponible. Quelques exemples d'éléments de niveau bloc sont,, et

La balise div est également un élément de niveau bloc en HTML. La syntaxe est la suivante.

Bonjour le monde !

Les éléments div sont un conteneur pour d'autres éléments. Par conséquent, un ensemble d'éléments peut être compressé dans l'élément div. Lorsqu'elle est utilisée avec la feuille de style en cascade (CSS), la balise div peut être utilisée pour styliser un bloc de contenu. Reportez-vous au morceau de code ci-dessous.

Différence entre div et span_Figure 03
Différence entre div et span_Figure 03

Deux paragraphes sont à l'intérieur de la balise div. Tout le contenu à l'intérieur de la balise div a la couleur d'arrière-plan noire et la couleur de police blanche.

Qu'est-ce que l'étendue ?

Contrairement aux éléments de niveau bloc, les éléments en ligne ne commencent pas sur une nouvelle ligne. Il ne prend que la largeur requise. Quelques exemples d'éléments en ligne sont,, et

KeyDifference entre div et span
KeyDifference entre div et span

La balise span est également un élément en ligne en HTML. La syntaxe est la suivante.

Bonjour le monde !

Figure 02: balise div et span

La balise span est utilisée comme conteneur pour du texte. Cette balise peut également être utilisée avec CSS. Par conséquent, une partie du texte peut être stylisée. Reportez-vous à l'exemple ci-dessous. Le 'paragraph1' est à l'intérieur de la balise span. La couleur est ajoutée à l'aide de l'attribut de style CSS.

Ceci est le paragraphe1

Quelles sont les similarités entre div et span ?

  • Les deux div et span regroupent les balises en HTML.
  • Les deux div et span contiennent la balise de début et la balise de fin.
  • Les deux div et span peuvent avoir un attribut de style.

Quelle est la différence entre div et span ?

div vs span

Le div est une balise HTML qui définit une division ou une section dans un document HTML. Le span est une balise HTML utilisée pour regrouper des éléments en ligne dans un document HTML.
Utilisation
La balise div est utilisée comme conteneur pour d'autres éléments. La balise span est utilisée comme conteneur pour du texte.
Nouvelle ligne
La balise div commence par une nouvelle ligne. La balise span ne commence pas par une nouvelle ligne.
Largeur requise
La balise div prendra toute la largeur. La balise span ne prendra que la largeur requise.
Syntaxe

Résumé – div vs span

HTML signifie Hyper Text Markup Language. Il est utilisé pour développer des sites Web. Ce langage est constitué de balises. Les balises de regroupement div et span en HTML. Ils sont utilisés pour définir une section dans un document. Cet article explique la différence entre les balises div et span. La différence entre div et span est que div est un élément de niveau bloc tandis que span est un élément en ligne.

Télécharger le PDF de div vs span

Vous pouvez télécharger la version PDF de cet article et l'utiliser à des fins hors ligne conformément à la note de citation. Veuillez télécharger la version PDF ici: Différence entre div et span

Conseillé: