Résumer les différences et l'utilisation de div et span

Qu'est-ce que l'élément de balise span ?

Dans l'élément tag html, l'élément span est un élément en ligne, c'est-à-dire un élément en ligne. Sa particularité est qu’il n’occupe pas une seule ligne. C'est l'opposé des éléments de niveau bloc, qui sont sur leur propre ligne. L'élément span n'a aucune signification pratique. Il existe uniquement pour appliquer des styles à un élément de contenu. 🎜 > Les notes peuvent styliser leur contenu en définissant des styles sur span.

Qu'est-ce que l'élément de balise DIV ?

DIV peut définir des divisions ou des sections (division/section) dans le document.

La balise DIV peut diviser le document en parties indépendantes et différentes. Il peut être utilisé comme un outil d’organisation strict et n’utilise aucun formatage qui lui est associé.

Si vous marquez un DIV avec un identifiant ou une classe, la balise devient plus efficace. La balise div est également utilisée pour créer des sections logiques dans les fichiers HTML. Mais contrairement à la balise span, qui fonctionne au niveau du bloc de texte, elle introduit une séparation de lignes avant et après les éléments HTML qu'elle contient.

L'article suivant résume l'utilisation des éléments de balise span et les différences entre DIV et span.

Tout d'abord, vous pouvez apprendre des cours gratuits liés au site Web chinois php Apprendre

"HTML+". Tutoriel d'introduction à CSS Basic" 》

dans Tutoriel HTML Basic - Balise Chapitre

2. Regardez

《Tutoriel vidéo HTML du programmeur Dark Horse》

Moyen Texte DIV et balises span Cours vidéo

Contenu des éléments de balise Span1

Introduction aux balises p et span en HTML5

Uniquement lorsque la cible. L'élément est très unique, vous ne devez utiliser ID que lorsque vous n'utiliserez jamais ce terme ailleurs sur le site. En d'autres termes, vous ne devez utiliser ID que si vous êtes absolument sûr que cet élément n'apparaîtra qu'une seule fois. un élément similaire à l'avenir, utilisez simplement la classe. La fonction principale de l'élément est de regrouper ou d'identifier les éléments dans la ligne.

2.

La solution au problème que définit la ligne. la hauteur minimale de la travée n'a aucun effet

Un ami a demandé un jour : Pourquoi après avoir utilisé CSS pour définir la hauteur et la largeur d'une travée, sa largeur et sa hauteur ne changent toujours pas, comme si cela avait échoué ?

En fait, ce problème est très simple - vous devez d'abord comprendre les propriétés de span, car span est un élément en ligne, et les éléments en ligne ignorent la largeur et la hauteur. Une fois que vous avez compris cela, la solution est très simple. Utilisez simplement CSS pour transformer span en un élément encadré.

3.

Quelle est l'utilisation standard de la balise span en HTML ?

Est-il conforme à la norme permettant de mettre du texte, des images ou d'autres éléments en span ?

n'a aucune signification sémantique pour les éléments en ligne.

Définissez le style de contenu dans un paragraphe qui est différent du style du paragraphe. Vous pouvez utiliser des balises span pour le contenu qui répond aux conditions suivantes : 1. Éléments en ligne (en ligne) ; 2. , lorsque vous avez besoin d'y ajouter un style spécifique ou de faire un hook js .

Contenu de l'élément de balise DIV

1 Balise DIV en html Comment. à utiliser

Utilisez CSS-DIV, en vous appuyant principalement sur la balise

Lorsque vous mettez du contenu HTML dans la balise

, vous pouvez l'appeler : "bloc DIV", "élément DIV". », « couche CSS » ou simplement « couche ».

2. Html5 implémente comment glisser et déposer des images entre deux éléments DIV

Appelez PreventDefault() à To. évitez le traitement des données par défaut du navigateur (le comportement par défaut de l'événement drop est de l'ouvrir sous forme de lien), obtenez les données glissées via la méthode dataTransfer.getData("Text"). Cette méthode renverra n'importe quel ensemble de données du même type dans la méthode setData(). Les données déplacées sont l'identifiant de l'élément déplacé ("drag1"). Ajoutez l'élément déplacé à l'élément de placement (élément cible)

3.

Opacity=Début de l'opacité (il ne sera pas transparent s'il est de 100)
FinishOpacity=Fin de l'opacité (il ne sera pas transparent s'il est de 100)
Style= Style, à partir de 0, 1.2 .3....Il y a une transparence uniforme, une transparence de forme radiale...
Coordonnée StartX=X pour démarrer la transparence, essentiellement le coin supérieur gauche (0) de l'image et du calque
StartY=Y pour démarrer la transparence Les coordonnées sont essentiellement le coin supérieur gauche de l'image ou du calque (0)
FinishX=la coordonnée X de l'extrémité transparente, qui est essentiellement le coin inférieur droit de l'image ou du calque (le largeur de l'image ou du calque)
FinishY=l'extrémité transparente La coordonnée Y est essentiellement le coin inférieur droit de l'image ou du calque (la hauteur de l'image ou du calque)

La différence et l'utilisation de DIV et SPAN

1 Explication de la différence entre DIV et span en HTML

.

Les balises DIV et les balises SPAN traitent certains contenus dans leur ensemble, par exemple, dans son ensemble Masquer, déplacer dans son ensemble. Quelque chose comme une boîte. Cela peut rationaliser le code et améliorer l’efficacité.

DIV place le contenu dans un bloc rectangulaire. Le déplacer à volonté affectera la mise en page. Span définit uniquement le contenu dans son ensemble et l'exploite sans affecter la mise en page et l'affichage.

2. Quelle est la différence entre DIV et span ? Analyse et explication

La plus grande caractéristique des éléments DIV et SPAN est qu'ils ne formatent pas les objets dans le éléments par défaut. Principalement utilisé pour appliquer des feuilles de style. La différence la plus évidente entre les deux est que DIV est un élément de bloc, tandis que SPAN est un élément en ligne (également traduit par élément en ligne).

3. Comprenez la différence entre CSS SPAN et DIV

La différence entre SPAN et DIV est que DIV (pision) est un élément de niveau bloc qui peut contenir des paragraphes. , des titres, des tableaux et même des éléments tels que des chapitres, des résumés et des notes. SPAN est un élément en ligne. Il n'y aura pas de saut de ligne avant et après SPAN. Il n'a aucune signification structurelle et sert uniquement à appliquer des styles. Lorsque d'autres éléments en ligne ne conviennent pas, SPAN peut être utilisé.

Questions et réponses connexes

1

2. L'impact du flottement sur la hauteur de la travée

3 Pourquoi plusieurs éléments de travée tombent-ils toujours lorsque la taille du conteneur est presque égale. idem

4. Comment rendre un élément DIV flou et clair lorsque la souris est déplacée vers le haut

[Recommandations associées]

1 . Tutoriel vidéo gratuit pour le site Web PHP chinois : "Nouveau système de programmes HTML+CSS 2016"

2. Tutoriel gratuit pour le site Web PHP chinois : "Manuel de développement HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!