J'ai une page Web où j'ai du texte avec des images. J'écris du texte (dans un paragraphe) puis mettez une image, puis un autre paragraphe.
Devrais-je mettre des balises P autour de l'image, ou devrais-je simplement le laisser entre la balise IMG?
La raison pour laquelle je pose cette question est parce que jusqu'à présent, je faisais simplement des images entre paragraphes, mais maintenant si je veux ajouter plus d'une image ou ajouter une image et une ancre puis de ne pas siéger ensemble à droite. L'autre chose que j'ai essayée était d'ajouter entre deux images mais je me sens comme ça qui ne va pas: p
4 Réponses :
Vous pouvez utiliser CSS pour que les images agissent comme des blocs plutôt que comme des blocs en ligne:
Mettez ce qui suit dans votre CSS quelque part: P>
img.block { display: block; }
Bonne idée. Il est toujours préférable de vous éloigner avec aussi peu d'éléments HTML. Si vous voulez un img d'agir en tant qu'élément de niveau de bloc, donnez-lui simplement affichage: bloquer .
Je ne peux penser à aucune raison pour laquelle vous n'utiliseriez pas C'est certainement plus lisible que de modifier le type d'affichage pour toutes les images. La meilleure alternative serait de créer une classe CSS si c'est comme ça que vous voulez que vous le souhaitez. de cette façon, la marque décrit clairement la mise en page.
img.block {afficheur: bloc;} +
Styling une image comme élément de bloc est une solution partielle. HTML doit être conçu pour "travailler" sans styles également. Si le modèle de la boîte nécessite qu'un élément de bloc ne contienne que des éléments de bloc ou de lignes en ligne - pas mixte - que nous devrions le faire au plus bas niveau possible. C'est pourquoi les menus sont créés comme des listes et non des ensembles de liens. Ceci est appelé dégradation gracieuse.
SO IMHO La balise autour de l'image doit être ajoutée si les nœuds à côté sont des éléments bloquants.
Il n'y a rien de mal à avoir les images avec ou sans . Les seules choses que vous devriez garder à l'esprit sont les suivantes:
pourrait affecter le rembourrage, la marge ou la largeur de l'image de manière à ne pas le vouloir.
rendra l'affichage de l'image en bloc.
img {affichage: bloc;} et laissez votre apparaît sans
img {affichage: bloc;} et img {affichage : Inline;}
Vous pouvez essayer de poster un exemple de ce que vous obtenez et ce que vous voulez obtenir. Je ne pense pas que je l'obtiens tout à fait de votre description.