Différence entre div et span

Clé Différence - div contre envergure
 

HTML est un langage largement utilisé pour développer des pages Web. Il représente Hyper Text Markup Language. Le terme Hyper désigne un lien vers d’autres ressources Web sur Internet. Le terme Balisage fait référence à la possibilité de créer un texte formaté avec des images et d’autres ressources multimédia. Les hyperliens sont les principaux composants HTML qui permettent à toutes les ressources Web de se connecter. Il existe plusieurs versions de HTML. Ils sont HTML 2.0, 3.2, 4.01 et HTML5. Fondamentalement, HTML est un document texte avec des balises. Il indique au navigateur Web le moyen de structurer la page Web pour l'afficher. Les div et span sont deux balises en HTML. Chaque élément HTML a une valeur d’affichage par défaut en fonction du 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. le différence clé entre div et span est que div est un élément de niveau bloc tandis que span est un élément en ligne.

CONTENU

1. Vue d'ensemble et différence clé
2. Ce qui est div
3. Quelle est la durée
4. Similitudes entre div et span
5. Comparaison côte à côte - div vs span sous forme de tableau
6. Résumé

Ce qui est div?

Tous les documents html commencent par une déclaration de type de document. Aujourd'hui, la version la plus courante du HTML est HTML5. Par conséquent, la déclaration de type est. Tous les tags HTML doivent être inclus dans les tags 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 y a des tags pour chaque objectif. le

tag est utilisé pour les paragraphes. le

,

etc. sont utilisés pour les en-têtes. Le contenu de la balise de début et de fin est appelé élément. par exemple.

Ceci est un paragraphe

.

Figure 01: HTML5

Chaque élément HTML a une valeur d’affichage par défaut en fonction du type de l’élément. Les valeurs d'affichage par défaut peuvent être bloquées 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 est un conteneur pour les autres éléments. Par conséquent, un ensemble d'éléments peut être intégré à l'élément div. Lorsqu'elle est utilisée avec une feuille de style en cascade (CSS), la balise div peut être utilisée pour styler un bloc de contenu. Référez-vous au morceau de code ci-dessous.

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.

Quelle est la durée?

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

Figure 02: balises 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 stylée. Voir ci-dessous l'exemple. Le 'paragraphe1' est à l'intérieur de la balise span. La couleur est ajoutée en utilisant l'attribut de style CSS.

Ceci est le paragraphe1

Quelles sont les similitudes entre div et span?

  • Div et span regroupent les balises en HTML.
  • Les deux div et span contiennent les balises de départ et de fin.
  • Les attributs div et span peuvent avoir un attribut style.

Quelle est la difference 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..
 Usage
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 aura toute la largeur. La balise span ne prendra que la largeur requise.
Syntaxe
 

Résumé - div contre envergure 

HTML signifie Hyper Text Markup Language. Il est utilisé pour développer des sites Web. Cette langue est composée de tags. 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échargez 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 

Référence:

1.tutorialspoint.com. "Blocs HTML." Le pointDisponible ici  
2.HTML Block et Inline Elements. Disponible ici 

Courtoisie d'image:

1.'HTML5 logo et wordmark'Par le W3C, (CC BY 3.0) via Wikimedia Commons