Che cosa è SRC attributo in HTML?

December 12

Che cosa è SRC attributo in HTML?


markup HTML utilizza elementi e attributi, tra cui "src", che è l'attributo di origine. Tutti gli elementi HTML hanno attributi standard, ma alcuni hanno gli attributi che sono specializzati particolare allo scopo elemento. Alcuni elementi HTML possono includere l'attributo di origine, tra cui l'immagine, scrittura, telaio e in linea elementi del telaio. L'attributo fonte indica la posizione di una risorsa importato nella pagina, come ad esempio l'indirizzo di un'immagine digitale o uno script.

elementi dell'immagine

elementi dell'immagine utilizzano l'attributo di origine per indicare la posizione in cui è memorizzato un file immagine. In questo modo il browser Web dell'utente di richiedere il contenuto dell'immagine da quella posizione. Il browser Web può quindi visualizzare l'immagine visivamente all'interno della pagina Web. Il seguente codice di esempio illustra tra cui un'immagine all'interno di strutture HTML:

<Img src = "nicepic.jpg" alt = "bella foto" />

L'attributo "alt" fornisce informazioni che il browser in grado di visualizzare se l'immagine non può essere trovato. L'elemento di ingresso può anche includere un attributo di origine quando ha "immagine" impostato come attributo tipo, come segue:

<Input type = "image" src = "helpbtn.png" alt = "Aiuto" />

L'attributo di origine funziona solo con elementi di input di immagine, non con gli elementi di input in generale.

Elementi script

L'elemento script HTML può usare l'attributo di origine per indicare la posizione del codice per importare, per l'utilizzo all'interno di una pagina. Ciò comporta comunemente codice JavaScript, come il seguente markup di esempio:

<Script type = "text / javascript" src = "helperscripts.js"> </ script>

Questa tecnica è utile se lo sviluppatore non vuole includere il codice direttamente all'interno della pagina Web, ma vuole tenerlo in un file di script dedicato invece. Quando l'elemento script utilizza l'attributo di origine, il contenuto del file in questa posizione viene importato dal browser, fornendo l'accesso a tutte le funzioni all'interno di esso.

montatura

frame HTML e cornici in linea possono utilizzare l'attributo di origine. elementi del telaio HTML importare il contenuto di script esterni o file di pagina Web per l'esecuzione e la visualizzazione all'interno della pagina corrente. Il seguente codice di esempio illustra tra cui due elementi di telaio all'interno di una pagina:

<frameset cols = "50%, 50%">
<Cornice src = "framecontenta.html" />
<Cornice src = "framecontentb.html" />
</ Frameset>

La pagina visualizzerà il contenuto di entrambi i file indicati come attributi di origine degli elementi del telaio. Il codice di esempio riportato di seguito illustra utilizzando un telaio in-line:

<Iframe src = "inlinecontent.html" width = "500px" height = "300px"> </ iframe>

Cornici e telai in linea possono includere contenuti da script lato server e HTML.

sedi

attributi Fonte di elementi HTML possono indicare il contenuto utilizzando i valori sia relativi o assoluti. Il seguente esempio illustra markup utilizzando un URL relativo (Uniform Resource Locator), come l'attributo di origine:

<Img src = "pic.jpg immagini /" = "immagine" alt />

Questo codice indica la posizione dell'immagine rispetto alla pagina che sta elencando il markup. L'immagine specificata viene memorizzato in una directory chiamata "immagini", che si trova nella stessa directory della pagina Web. Utilizzando URL assoluti, attributi sorgente HTML può indicare luoghi che si applicano a prescindere dalla posizione della pagina corrente, come segue:

<Img src = "http://asite.com/images/pic.jpg&quot; alt =" immagine "/>

Questo codice indica lo stesso file immagine, non importa quale sia la posizione della pagina corrente sembra essere.