Dois-je mettre des étiquettes de paragraphe autour des images?

J'ai une page web où j'ai du texte avec des images. J'écris un peu de texte (un paragraphe), puis mettre une image, puis une autre paragraphe.

Dois-je mettre les balises p autour de l'image trop, ou devrais-je laisser entre les deux, avec juste la balise img?

La raison pour laquelle je demande c'est parce que, jusqu'à maintenant, je suis juste dépenser des images entre les paragraphes, mais maintenant, si je veux ajouter plus d'une image ou d'ajouter une image et un point d'ancrage, puis le, ne pas s'asseoir ensemble. L'autre chose que j'ai essayé était l'ajout de

<p></p>

entre les deux images, mais j'ai la sensation que c'est mal 😛

Vous pouvez essayer de poster un exemple de ce que vous obtenez, et ce que vous voulez obtenir. Je ne pense pas que j'ai tout à fait le faire à partir de votre description.

OriginalL'auteur Adam | 2010-01-27

  1. 4

    Vous pouvez utiliser CSS pour rendre les images agissent comme des blocs plutôt que comme inline-blocks:

    Mettre ceci dans votre CSS quelque part:

    img { display: block; }

    Ou si vous avez des images que vous souhaitez afficher à la volée, puis ajouter class="block" à vos balises img, et de modifier le css:

    img.block { display: block; }
    Bonne idée. Il est toujours préférable de s'en tirer avec aussi peu d'éléments html que possible. Si vous souhaitez un img à agir comme un élément de niveau bloc, juste lui donner display:block.

    OriginalL'auteur pib

  2. 2

    Style d'une image comme un élément de bloc est une solution partielle. HTML doit être conçu de manière à "travailler" sans les styles aussi. Si le modèle de boîte exige qu'un élément de bloc ne contient que de bloquer ou des éléments inline - non-mixte - que nous devrions le faire sur le niveau le plus bas possible. C'est pourquoi les menus sont créés comme des listes de pas jeux de liens. Ceci est appelé la dégradation gracieuse.

    Donc, à mon humble avis le <p> tag autour de l'image doit être ajouté si les nœuds à côté de lui sont les éléments de bloc.

    OriginalL'auteur T.J.

  3. 0

    Je ne peux pas penser à une raison pourquoi vous ne l'utilisez <p><img/></p> si c'est la façon dont vous voulez le poser. de cette façon, la marque vers le haut décrit clairement la mise en page.

    il est certainement plus lisible que de changer le type d'affichage pour toutes les images. la meilleure solution serait de créer une classe css img.block {display:block;} + <img class="block"/>

    OriginalL'auteur pstanton

  4. 0

    Il n'y a rien de mal à avoir les images avec ou sans <p></p>. Les seules choses que vous devriez garder à l'esprit sont:

    1. Le CSS pour <p> pourrait affecter la marge, la marge ou la largeur de l'image dans une manière que vous ne voulez pas qu'il.
    2. <p> fera l'affichage de l'image en tant que bloc.
    3. Si c'est votre seul but, je vous suggère d'inclure la règle dans votre CSS img {display: block;} et laissez votre <img> apparaissent sans <p></p>
    4. Si les images sur votre site sera un mélange de éléments de bloc et les éléments en ligne, je recommande la création d'une classe pour chaque et spécifier img {display: block;} et img {display: inline;}

    OriginalL'auteur Satchito