Si está desarrollando un documento html estrictamente utilizando las mejores prácticas actuales para mantener el estilo fuera del marcado, ¿cómo comunica mejor el tamaño de la imagen?
Las mejores prácticas anteriores quieren el alto y el ancho de la imagen con la imagen, ya que se renderizará más rápido que el navegador que espera que la imagen se descargue para obtener sus dimensiones. Pero hacer esto parece contravenir el estilo de aislamiento del documento.
Añadir un atributo de identificación a cada imagen y poner el alto / ancho en el CSS? ¿Esto niega la bonificación de representación de la altura y el ancho de la imagen en línea?
ALT
etiqueta también, incluso si está en blanco, o los inspectores de cumplimiento se quejarán.!important
en el CSS le permite anular los atributos de ancho y alto, por lo que inicialmente usar ancho / alto funciona bien. Sin embargo, ahora estoy atrapado en la posición de voto negativo. Si quisieras editar la respuesta, cambiaría eso. Se encoge de hombros No es que importe demasiado.La respuesta de John Conde es acertada. Las imágenes tienen un ancho y una altura: es parte de su contenido , no de su estilo . Así que no hay necesidad de hacer una "separación" aquí.
Sin embargo, una excepción: CSS para las dimensiones de la imagen es útil si tiene muchas imágenes del mismo tamaño (por ejemplo, miniaturas). Aquí es mucho mejor usar una clase CSS para reducir HTML y acelerar el desarrollo.
Para el diseño de un sitio web que incluye botones e íconos, su mejor solución son los sprites CSS.
fuente