7 Réponses :
div est un bloc de division, span est pour étendre le texte en ligne.
divisez donc une boîte / bloc de hauteur et de largeur, la portée est en ligne. Fondamentalement.
Si vous souhaitez lire la spécification, Voici un Lien.
Les éléments DIV et SPAN, en conjonction avec les attributs d'identification et de classe, offrent un mécanisme générique pour ajouter de la structure aux documents. Ces éléments définissent le contenu à être
en ligne (STAND) ou Niveau de bloc (DIV) mais imposent d'autres idiomes présentatrices sur le contenu. Ainsi, les auteurs peuvent utiliser ces éléments conjointement avec des feuilles de style, l'attribut LANG, etc., sur mesure HTML à leurs propres besoins et goûts.
La principale différence entre une étendue et une div est qu'une étendue est un élément intégré, tandis qu'un div est un élément de bloc, comme un élément P code> ou de paragraphe. Donc, en substance span { display: block; }
-1 Vous décrivez comment cela fonctionne, pas ce que cela signifie
"Y a-t-il une différence appropriée entre les divs et les effondres sauf l'un est un bloc et l'autre est en ligne?" Je présume qu'il sait déjà quel bloc et en ligne signifie, et toutes ses questions sont dirigées vers comment utiliser quelque chose.
Eh bien, pour vous donner une réponse rapide et simple, Div est une division! L'objectif est de l'utiliser lorsque certains éléments doivent être traités comme un groupe!
ex: Utilisez un DIV pour avoir un panneau de connexion, disons, caché @ le côté gauche de l'écran, montrant que la souris planant le DIV :)
La principale différence est que vous n'avez pas "d'autres texte" sur une nouvelle ligne. Si vous avez remplacé les effondres avec
Il n'y a pas toujours une nouvelle ligne avec des éléments de blocs sémantiquement, ni La seule différence entre eux est que les DIV sont des éléments de niveau de bloc, et les couvre-mains sont en ligne. Signification Par défaut, une DIV démarrera un tout nouveau bloc et techniquement uniquement des éléments en ligne et certains CSS seraient autorisés à l'intérieur d'une étendue. La plupart des navigateurs semblent traiter les balises quelles que soient les règles (en supposant que «Soupe d'étiquettes») et vous pouvez réellement faire comme l'autre avec CSS, mais que vous ne faites rien si vous vous souciez de la validation ou de la compatibilité entre le navigateur. (dont vous vous souciez, non?). Il y a une différence fondamentale: Peut-être encore plus important, en fonction de la version HTML, il existe différentes règles pour quels autres éléments sont valides à l'intérieur des éléments et des éléments en ligne. vous l'avez. Span = inline, div = bloc. C'est tout.
Si un texte de texte nécessite sa propre mise en page (vous voulez le mettre quelque part sur l'écran), alors c'est un div.
Si un texte de texte participe à la disposition de l'autre texte juste à côté de celui-ci, il s'agit d'une portée.
Un élément en ligne ne peut avoir sa propre mise en page - alors ce ne serait pas intégré. et sont tous deux des éléments très génériques. En eux-mêmes, ils n'ont aucune signification.
est un élément en ligne. Cela signifie que si vous avez quelque chose comme: (un élément de bloc), il y aurait de nouvelles lignes de lignes. Notez que la syntaxe n'est pas correcte d'avoir un élément de bloc à l'intérieur d'un élément en ligne. Par conséquent, vous pouvez avoir
's intérieur
1 commentaires
8
votes
ni
a une signification intrinsèque. Ce sont des étiquettes «attraper-tout» destinées à être utilisées avec des trucs où aucune balise existante ne convient vraiment. Utilisez des divs et des spans en dernier recours, si vous vous souciez de sémantique.
0 commentaires
2
votes
est un Élément de nombril , tandis que
est un en ligne élément . Le différence est que les éléments de niveau de bloc débutent et se terminent avec des pauses de ligne et des éléments en ligne ne le font pas.
0 commentaires
1
votes
0 commentaires
D'après ce que je comprends,
div est "divisions" et utilisé pour séparer le contenu de la présentation. Peut-être que quelqu'un peut vous donner une réponse plus détaillée.Ceci est un repumet de cette question: Stackoverflow.com/questions/183532/...
Je pense que ce que vous demandez est: pourquoi utiliser quand je peux utiliser avec le style
en ligne ?
Ce que je demande est, juste parce que je peux définir la position d'un texte avec une étendue, par le biais de marges ou de position: relative, est-ce une utilisation inappropriée de la balise de l'espace?
@Kushalp Ce n'est pas un repumet - cette question pose une question de différence sémantique, tandis que la question que vous avez liée demande des exemples simples (et a un titre trompeur).