Es legal el uso de este código:HTML5 - ¿Puedo usar ancho y alto en IMG?
<img src="...(here image)...." width="50px" height="50px" />
O tengo que usar:
<img src="...(here image)..." style="width: 50px; height: 50px;" />
Se recomienda el primer uso como sugerencias para la representación del navegador, el segundo funciona.
En el primer formulario, no debe agregar 'px'.
http://www.w3.org/TR/html5/embedded-content-0.html#dimension-attributes
Se prefiere el estilo = manera ... En realidad, sería aún mejor si nos cambiaron de que el estilo en un archivo css o una etiqueta de estilo en su encabezado.
No estoy de acuerdo, y diría que en la mayoría de los casos se prefieren los atributos de ancho y alto (aunque depende de su uso). Los atributos W y H se reemplazan fácilmente con css en un archivo externo, mientras que un estilo en línea solo se puede anular con un! Important. Los atributos le proporcionan más flexibilidad. – RobW
Argumentaría que no se prefiere poner estilos en línea en cualquier forma o forma ... punto. Independientemente del efecto de CSS en esos estilos. Estilo en línea casi siempre === mala práctica. De alguna manera, defiende este argumento en tu explicación de cómo las propiedades W y H son anuladas por las propiedades CSS ... lo que rompe el concepto fundamental detrás de la parte en cascada de las hojas de estilos en cascada. Si se inyectan estilos en línea que en realidad actúan como de orden superior en el árbol de cascadas, inevitablemente se aprovecharán las tácticas frágiles y específicas del navegador. – ar3
Según la especificación HTML 5:
La anchura y la altura de atributos en img ... puede ser especificado para dar las dimensiones del contenido visual del elemento
Fuente: http://www.w3.org/TR/2011/WD-html5-20110113/the-map-element.html#dimension-attributes
también de acuerdo con el H Especificación TML 5, todos los elementos pueden tener atributos de estilo. Fuente: http://www.w3.org/TR/html5/elements.html#the-style-attribute
Por lo tanto, ya que ambos están permitidos, usted es libre de elegir el que más le guste.
@erisco, por lo que es preferible? – Pacerier
CSS aplicado a 'img' sobrescribirá el ancho html básico & atributos de altura en etiquetas de imagen.
<style>
img {
width: 100%;
height: auto;
}
</style>
<img src="assets/img/logo.png" width="500" height="100">
El código anterior resultará en una imagen que se extiende a través de toda la anchura de su contenedor, y su altura será relacional a su anchura.
Este enfoque es útil si está cargando gráficos apropiados para la retina desde el principio.
Como ya se ha mencionado:
<img> attrinutes en caso de que ambos están presentes,<img> attrinutes sólo son pistas para el navegador.Otra diferencia es el uso de unidades:
width y height atributos deben ser enteros sin unidades, que son interpretadas como píxeles CSS. En la práctica, los brouwsers toleran % (que era válido en HTML4), pero si pone algo como width="5cm" se interpretará como width="5" (es decir, 5px).width: 5.5cm está bien. Y debe usar unidades (por ejemplo, width: 5 no es un ancho de CSS válido).Entonces, IMO, debería usar CSS si es posible.
Muchas gracias :) – Daniel
enlace roto :-( –
actualizado, gracias por la sugerencia – TuteC