Quando utilizzato in un tag di ancoraggio, l'attributo HREF specifica l'URL a cui indirizzare i lettori del sito a quando fanno clic sul collegamento. L'attributo SRC è utilizzato in alcuni controlli del sito Web, ma esso è più comunemente usato per le immagini del sito Web. L'attributo SRC definisce l'immagine che si desidera visualizzare nel grafico di pagina Web.

Somiglianza tra i due attributi

Gli attributi SRC sia l'HREF possono puntare a un percorso di URL relativo o assoluto. Solo la cartella e il nome della pagina Web è un percorso relativo come "/ folder/image.jpg." Questo URL è relativo; il browser si presuppone che la pagina si trova sul tuo dominio. Un percorso assoluto è l'intero URL incluso il nome di dominio. Questo tipo di attributo viene utilizzato quando si desidera visualizzare un grafico o un link che è ospitato su un altro sito.

L'attributo SRC

L'attributo SRC è sinonimo di "fonte". L'attributo SRC definisce il percorso dell'immagine da visualizzare. È obbligatorio dal tag "IMG", che pone un'immagine nel contenuto della tua pagina Web. La CRS può essere un'immagine che si trova nella cartella "immagini" sito Web locale o un'immagine su un altro sito, ad esempio un sito di hosting di immagini. Il percorso assoluto è preferibile se si cambiare il tuo nome di dominio e si desidera trasferire le pagine Web.

Attributo HREF

L'attributo HREF è rigorosamente utilizzato in un tag di ancoraggio, che è il "< a >" tag utilizzato per visualizzare un collegamento a un altro indirizzo Web. La parte HREF del tag contiene l'URL. È possibile modificare gran parte del comportamento nella definizione di tag di ancoraggio, ad esempio aprendo una nuova finestra nella proprietà "target". Impostando questa proprietà su blank"apre l'URL HREF in una nuova finestra.

Utilizzando le proprietà in JavaScript

Queste due proprietà sono anche utilizzate in JavaScript. È possibile impostare in modo dinamico i valori per la proprietà SRC e HREF. Per esempio, il codice seguente imposta le due proprietà con un'immagine e l'URL rispettivamente:

document.getElementById("imageid").src = ' / folder/image.jph';
document.getElementById("anchorid").href = 'di http://url.com';