Hola chicos, una vez mas me he confundido de tanto darle vuelta al asunto.

Mi duda colinda entre en que situaciones debo usar el atributo src versus a cuando usar el atributo href en las etiquetas html.

He visto en internet que href es para conectar documentos entre si como una especie de anclaje, y src es para colocar imágenes y diversos objetos. Pero mi duda mas bien radica en que he estado mirando las etiquetas link que tienen href y no src.

Por ejemplo:

Pero si el icono es un archivo, no debería traerse el source con src?

tengo la misma duda con respecto a link css


Si alguien me pudiera aclara mi duda le agradecería mucho, porque link css con src funciona igual que con href.
Saludos y gracias.

A ver si me puedo explicar.

href se usa para indicar una referencia, localización o relación entre el documento actual y el valor del href. Esto quiere decir que cuando el navegador entra, y ve un href, este puede o no (se determina) descargar el documento pero siempre lo hace en una conexión paralela sin afectar el proceso de descarga del actual documento.

src se usa para incrustar un objeto en el documento actual. Esto causa por supuesto que el navegador lo descargue y ademas afecta la descarga actual ya que el elemento que lleva ese atributo(src) es reemplazable, es decir, es un elemento cuyas dimensiones y/o apariencia son definidas por un objeto externo.

Por supuesto los desarrolladores de los navegadores siempre tratan minimizar la velocidad de carga y implementan algoritmos para no afectar el el proceso de descarga en elementos con src. pero esta es la teoría.

En resumen, cuando utilizar uno y cuando utilizar el otro ? Cuando el elemento es reemplazable (es decir cambiara de apariencia y/o dimensión) hay que utilizar src. Este es el caso de javascript, img, input, frame, iframe, object etc etc. Cuando solo se indica una referencia, localización o relación se usa href. Es el caso de link, a, area etc..

Saludos