Gli ultimi tutorial di sviluppo web
 

HTML src Attribute


Definizione e utilizzo

Il src attributo specifica la posizione (URL) della risorsa esterna.


Si applica a

Il src attributo può essere utilizzato sui seguenti elementi:

Elementi Attributo
<audio> src
<embed> src
<iframe> src
<img> src
<input> src
<script> src
<source> src
<track> src
<video> src

Esempi

Audio Esempio

Un lettore audio:

<audio src="horse.ogg" controls>
Your browser does not support the audio element.
</audio>
Prova tu stesso "

Embed Esempio

Un'animazione flash embedded:

<embed src="helloworld.swf">
Prova tu stesso "

Iframe Esempio

Un <iframe> nel suo utilizzo più semplice:

<iframe src="/default.html"></iframe>
Prova tu stesso "

Img Esempio

Un'immagine è contrassegnato come segue:

<img src="smiley.gif" alt="Smiley face">
Prova tu stesso "

Input Esempio

Un modulo HTML con un'immagine che rappresenta il pulsante di invio:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Submit">
</form>
Prova tu stesso "

Script Esempio

Punto a un file JavaScript esterno:

<script src="myscripts.js"></script>
Prova tu stesso "

Source Esempio

Un lettore audio con due file di origine. Il browser dovrebbe scegliere quale file (se presente) che ha il supporto per:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Prova tu stesso "

Track Esempio

Un video con due tracce di sottotitoli:

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

Video Esempio

Riprodurre un video:

<video src="movie.ogg" controls>
  Your browser does not support the video tag.
</video>
Prova tu stesso "

Supporto per il browser

Il src attributo ha la seguente supporto del browser per ogni elemento:

Elemento
audio 4.0 9.0 3.5 4.0 10.5
embed
iframe
img
input 1.0 2.0 1.0 1.0 1.0
script
source 4.0 9.0 3.5 4.0 10.5
track 18,0 10.0 31,0 6.0 15.0
video 4.0 9.0 3.5 4.0 10.5