Différence clé - div vs span
Le 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 à des liens vers d'autres ressources Web sur Internet. Le terme Markup fait référence à la capacité de créer du texte formaté avec des images et d'autres ressources multimédias. Les hyperliens sont les principaux composants du HTML qui permettent à toutes les ressources Web de se connecter entre elles. 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 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 explique 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.
CONTENU
1. Aperçu et différence clé
2. Qu'est-ce que div
3. Qu'est-ce que span
4. Similitudes entre div et span
5. Comparaison côte à côte - div vs span sous forme tabulaire
6. Résumé
Qu'est-ce que div?
Tous les documents html commencent par une déclaration de type de document. Aujourd'hui, la version HTML la plus courante 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
La balise est utilisée pour les paragraphes. le
,
etc. sont utilisés pour les titres. 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 d'élément. Les valeurs d'affichage par défaut peuvent être soit en bloc, soit 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 vers d'autres éléments. Par conséquent, un ensemble d'éléments peut être emballé 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.
Deux paragraphes se trouvent à l'intérieur de la balise div. Tout le contenu à l'intérieur de la balise div a la couleur d'arrière-plan noir et la couleur de police blanche.
Qu'est-ce que span?
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
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 'paragraphe1' 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 similitudes entre div et span?
- Les deux div et span regroupent des 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?
Diff article au milieu avant la table
div vs span |
|
| Le div est une balise HTML qui définit une division ou une section dans un document HTML. | L'étendue 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 prendra toute la largeur. | La balise span prendra uniquement la largeur requise. |
| Syntaxe | |
Résumé - div vs span
HTML signifie Hyper Text Markup Language. Il est utilisé pour développer des sites Web. Cette langue se compose 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é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
