Attributo href vs. SRC Attributo

December 11

Attributo href vs. SRC Attributo


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

Somiglianza tra i due attributi

Sia il HREF e SRC attributi possono puntare a un percorso URL relativo o assoluto. Un percorso relativo è solo il nome della cartella e la pagina Web come "/folder/image.jpg." Questo URL è relativo; il browser assume pagina si trova sul tuo dominio. Un percorso assoluto è l'intero URL compreso 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 sta per "source". L'attributo SRC definisce la posizione dell'immagine che si desidera visualizzare. E 'richiesto dal tag "img", che pone l'immagine nel contenuto della pagina Web. La SRC può essere un'immagine che si trova nella cartella locale sito "immagine" o un'immagine su un altro sito, come ad esempio un sito di image-hosting. Il percorso assoluto è preferibile se si cambia il nome di dominio e desidera trasferire le pagine Web.

HREF

L'attributo HREF è strettamente utilizzato in un tag di ancoraggio, che è il tag "<a>" 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 del tag di ancoraggio, come ad esempio con l'apertura di una nuova finestra nella proprietà "target". L'impostazione di questa proprietà su "_blank" apre l'URL HREF in una nuova finestra.

Utilizzando le proprietà in JavaScript

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

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