Lors de l'utilisation de <span> au lieu de <p>?
Que la question de savoir, si j'ai un peu de texte que je veux ajouter dans le code HTML, puis quand dois-je utiliser <p>
et quand dois-je utiliser <span>
?
Vous devez vous connecter pour publier un commentaire.
Vous devriez garder à l'esprit que le HTML est destinée à DÉCRIRE le contenu qu'il contient.
Donc, si vous souhaitez transmettre un paragraphe, puis le faire.
Votre comparaison n'est pas exactement droit, si. La comparaison serait
que les deux sont des éléments de niveau bloc.
Un
<span>
est sur la ligne, un peu comme un point d'ancrage (<a>
),<strong>
, l'accent (<em>
), etc., donc, gardez à l'esprit que par défaut en html et en écriture naturelle, un paragraphe sera la cause d'une pause avant et après lui-même, comme un<div>
.Parfois, quand à la coiffure choses — inline — une
<span>
est grand à vous donner quelque chose à "accrocher" le css, mais il en est autrement une balise vide dépourvu de sémantique ou stylistique sens.p
peut ne pas nécessairement être stylés avec des sauts de ligne, par exemple, elle pourrait être suivie par une ligne pilcrow symbole. Les termes "inline" et "bloc" aussi ne signifient rien pour les aveugles. Plutôt, faire la distinction entre contenu de flux et phrasé contenu (voir ce lien).p
que surspan
. Sur le paragraphe, rembourrage affecte chaque ligne (bloc de texte), tandis que sur la durée il affecte uniquement la première ligne.Sémantiquement, vous utilisez
<p>
des balises pour indiquer les paragraphes.<span>
est utilisé pour appliquer un style CSS et/ou classe(s) de l'arbitraire d'un article de texte et des éléments inline.La
<p>
tag est unp
aragraph, et en tant que tel, il est un bloc élément (comme, par exemple,h1
etdiv
), alors quespan
est un élément inline (comme, par exemple,b
eta
)Les éléments de bloc par défaut, créer des espaces au-dessus et au-dessous d'eux-mêmes, et rien ne peut être aligné à côté d'eux, sauf si vous définissez un
float
leur attribuer.Des éléments Inline traiter avec des travées de texte à l'intérieur d'un paragraphe. Ils ont généralement pas de marges, et en tant que tel, vous ne pouvez pas, par exemple, définir un
width
à elle.Sémantiquement parlant, un p est une balise de paragraphe et devrait être utilisé pour le format d'un paragraphe de texte. D'une durée de un en ligne modification de mise en forme qui n'est pas géré du point de vue sémantique.
Span est entièrement non-sémantique. Il n'a pas de sens, et sert simplement comme un élément esthétique de la les effets.
Paragraphes ont de sens sémantique - ils dire à une machine (comme un navigateur ou un lecteur d'écran) que le contenu qu'ils encapsulent est un bloc de texte, et a le même sens qu'un paragraphe de texte dans un livre.
Une durée de un formatage en ligne élément qui n'a PAS un saut de ligne au-dessus ou au-dessous.
Un p est un élément de bloc qui A une ligne implicite de flux ci-dessus et ci-dessous.
http://w3schools.com/tags/default.asp
Une explication pratique: Par défaut,
<p> </p>
permettra d'ajouter des sauts de ligne avant et après le texte ci-joint (de sorte qu'il crée un paragraphe).<span>
ne pas le faire, c'est pourquoi il est appelé inline.La balise p désigne un élément paragraphe. Il a une marge/rembourrage appliquée. Une plage est un non stylé balise inline. Une différence importante est que p est un élément de bloc lorsque la durée est en ligne, ce qui signifie que
<p>Hi</p><p>There</p>
apparaissent sur des lignes différentes lorsque<span>Hi</span><span>There</span>
vents, côte à côte.Lorsque nous sommes à l'aide de texte normal, à ce moment, nous voulons
<p>
tag.lorsque nous sommes à l'aide de texte normal avec certains effets, à ce moment, nous voulons<span>
tag<span> est une balise inline, un <p> est une balise bloc, utilisés pour les paragraphes. Les navigateurs rendra une ligne vide au-dessous d'un paragraphe, alors que les <span>s rendra sur la même ligne.
Pas d'espace seront autour de, elle ressemble à étendre.