En las medidas del atributo <img> coloco al final de la medida px

[aguslomejor1]

¡Buenas tardes y feliz año para todos! Se me ha planteado una duda, y es la siguiente, en mi sitio tengo las siguientes lineas:

<img src="http://www.smatics.com/favicon.ico" alt="Smatics Logo" height="45px" width="200px" />


Hoy estuve utilizando https://validator.w3.org/, para válidar mi sitio y me ha de dejar este error:

Sintaxis del número entero no negativo:
Uno o más dígitos (0 - nueve). Por ejemplo: 42 y 0 son válidas, pero -273 no es.

Pero cuando le quito la terminación "px" al height y width, este error desaparece,

[DesgraciadoGabo]

Es correcto amigo, hace tiempo no se especificaba la medida de las imágenes con la terminación px, únicamente lo que hacíamos era colocar la medida, esto por que de automatico html ya sabia que se referia a pixeles... espero haberme podido explicar je aun que estos valores ya no se utilizan mucho amigo, es mejor definirlo en tu hoja de estilos para poderlos modificar cuando tu sitio se valla ajustando a resoluciones menores, saludos y excelente año!

[aguslomejor1]

Es decir entonces que ya no es necesario colocar la terminación "px" dentro del width="" o height, tan solo quedarian asi las medidas --- width="6" height="12"

[DesgraciadoGabo]

Si es correcto, al menos en html!! si lo vas a definir en tus hojas de estilos ahí si es necesario especificar si son px, %, em o cualquier otro... saludos!!

[haggenx]

Y que pasaría si usaras <img src="http://www.smatics.com/favicon.ico" alt="Smatics Logo" style="height: 45px; width: 200px;" /> , pasaría la validación?

[DesgraciadoGabo]

Sí amigo si pasa la validación aun que podrías mejor agregarle una clase para que puedas redimensionar su tamaño en algún dispositivo aun que por las medidas de tu imagen no lo veo necesario!

Saludos!!!

[haggenx]

¿una clase?, ¿cómo?

[DesgraciadoGabo]

Mira aquí subí un ejemplo:
https://jsfiddle.net/pk231mmn/

Ajusta el tamaño de tu ventana y ve como es eso de agregarle una clase en lugar de definir los estilos así como en tu ejemplo

Saludos!

[haggenx]

Mmm, no se si yo estoy confundido, pero por class yo entiendo lo siguiente:

class Foo
{

function some()
{
}

}

$foo = new Foo;

Que yo sepa en html no existen clases, esto que propones DesgraciadoGabo es uso de hoja de estilo, es cierto que css permite el uso de esta palabra, pero creo que puede llevar a confusiones.

[DesgraciadoGabo]

jajaja es correcto amigo, por ahí alguna vez leí:

"Todos los lenguajes de programación tienen un main y HTML no se quería quedar atrás"

Entonces por lo visto lo mismo pasa con css ja tienen ids y clases, ya sabes que en hojas de estilo se definen con .clase y #unid y como bien comentas puede confundirse... aquí se ve quien le da mas a lenguajes de programación y quien no jajaja (yo no le doy tanto) que envidia de la mas mala jajajaja amigo un saludo y mucho excito en este 2016!!!

[haggenx]

Iniciado por DesgraciadoGabo

aquí se ve quien le da mas a lenguajes de programación

cuidate.

[g3kdigital]

Un consejo: lo mejor es que cuestiones estéticas, como tamaños y colores, los hagas por css.

Es muy fácil asignar clases a un elemento html, solo debes agregar a la etiqueta class="nameClass".

Código HTML:

<!--asi-->
<img class="ClassName" src="#"  />
 

Luego en tu archivo de estilos

Código CSS:

.ClassName
{
    width: 200px;
    height: 45px;
}
 

Los estilos inline, déjaselo a cuando uses javascript, agregados para cambiarse dinamicamente.

Ya sabes, es como: modelo-vista-controlador, es mejor mantener las cosas por separado.

Créeme cuando hablamos de html, siempre que se mencionan las clases se refieren a las de CSS, casi nunca a las "plantillas" de POO. Sí estudias bien css, te darás cuenta que a pesar que no es un lenguaje de programación sí es un lenguaje de maquetado, y la analogía se entiende ;) de hecho ya hoy nadie se confunde con algo como eso, eso pasaba en los 90, no te preocupes.