html - sencillas - ¿Debo poner etiquetas de párrafo alrededor de las imágenes?
principales etiquetas de html (3)
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 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 bien juntas. La otra cosa que intenté fue agregar
<p></p>
entre dos imágenes pero siento que eso está mal: P
No puedo pensar en ninguna razón por la que no usarías <p><img/></p> si así es como quieres que se establezca. De esa forma, la marca describe claramente el diseño.
sin duda es más legible que cambiar el tipo de visualización para todas las imágenes. la mejor alternativa sería crear una clase css img.block {display:block;} + <img class="block"/>
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, la etiqueta <p> alrededor de la imagen debe agregarse si los nodos contiguos son elementos de bloque.
Podría usar CSS para hacer que las imágenes actúen como bloques en lugar de como bloques en línea:
Pon lo siguiente en tu CSS en alguna parte:
img { display: block; }
O si tiene algunas imágenes que desea mostrar en línea, agregue class="block" a sus etiquetas img, y cambie el css a este:
img.block { display: block; }