Atributo href vs. Atributo SRC

Cuando se utiliza en una etiqueta de anclaje, el atributo HREF especifica el URL para dirigir a los lectores del sitio web para cuando hagan clic en el enlace. El atributo SRC se utiliza en algunos controles de sitios web, pero es más comúnmente utilizado para las imágenes del sitio web. El atributo SRC define la imagen que desea mostrar en la página Web gráfico.

Similitud entre los dos atributos

Tanto el HREF y SRC atributos pueden apuntar a una dirección URL relativa o absoluta. Una ruta relativa es sólo el nombre de la carpeta y la página web como "/folder/image.jpg." Esta URL es relativa; el navegador asume que la página se encuentra en su dominio. Una ruta absoluta es la dirección URL completa incluyendo el nombre de dominio. Este tipo de atributo se utiliza cuando se desea visualizar un gráfico o un enlace que está alojado en otro sitio web.

El atributo SRC

El atributo SRC significa "fuente". El atributo SRC define la ubicación de la imagen que desea mostrar. Es requerido por la etiqueta "IMG", que coloca una imagen en el contenido de la página Web. El SRC puede ser una imagen ubicada en su sitio web carpeta local "imagen" o una imagen en otro sitio web, tales como un sitio de alojamiento de imágenes. La ruta absoluta es preferible si cambia de nombre de dominio y desea transferir sus páginas Web.

atributo HREF

El atributo HREF se utiliza estrictamente en una etiqueta de anclaje, que es la etiqueta "<a>" que se utiliza para mostrar un enlace a otra dirección web. La parte HREF de la etiqueta contiene la URL. Puede modificar gran parte del comportamiento en la definición de la etiqueta de anclaje, como abriendo una nueva ventana en la propiedad "objetivo". Al establecer esta propiedad como "_blank" abre la URL HREF en una nueva ventana.

Usando las propiedades de JavaScript

Estas dos propiedades también se utilizan en JavaScript. Puede configurar dinámicamente los valores para el SRC y la propiedad HREF. Por ejemplo, el código siguiente, se configura las dos propiedades con una imagen y la URL, respectivamente:

. Document.getElementById ( "ImageID") src = '/folder/image.jph';
. Document.getElementById ( "IDenlace") href = 'http://url.com';