¿Debo poner etiquetas de párrafo alrededor de las imágenes?

Question

Tengo una página web donde tengo texto con imágenes. Escribo un texto (en un párrafo) y luego pongo una imagen, luego otro párrafo.

¿Debo poner etiquetas p alrededor de la imagen también, o debería dejarla en el medio con solo la etiqueta img?

La razón por la que pregunto esto es porque hasta ahora solo estaba desplazando imágenes entre párrafos, pero ahora si quiero agregar más de una imagen o agregar una imagen y un delimitador, entonces no se sienten juntos a la derecha. La otra cosa que probé fue la adición de

<p></p> 

entre dos imágenes, pero me siento como que está mal: P

Answer 1

Se puede usar CSS para hacer las imágenes actúan como bloques en lugar de como inline-bloques:

poner lo siguiente en su CSS en alguna parte:

img { display: block; } 

O si usted tiene algunas imágenes que desea visualizar en línea, a continuación, añadir class="block" a sus etiquetas img, yc hange el css a esto:

img.block { display: block; } 

Answer 2

No puedo pensar en ninguna razón por la que no se usará <p><img/></p> si eso es cómo quiere que se expuso. De esa forma, la marca describe claramente el diseño.

es ciertamente más legible que cambiar el tipo de visualización de todas las imágenes. la mejor alternativa sería crear una clase css img.block {display:block;} + <img class="block"/>

Answer 3

Diseñar una imagen como un elemento de bloque es una solución parcial. HTML también debe diseñarse para "funcionar" sin estilos. Si el modelo de caja requiere que un elemento de bloque contenga solo bloques o elementos en línea, no mezclados, entonces debemos hacerlo en el nivel más bajo posible. Es por eso que los menús se crean como listas, no como conjuntos de enlaces. Esto se llama degradación elegante.

Así que en mi humilde opinión el <p> etiqueta alrededor de la imagen hay que añadir si los nodos junto a ella son elementos de bloque.