Attribut HTML src
Définition et utilisation
L' srcattribut spécifie l'emplacement (URL) de la ressource externe.
S'applique à
L' srcattribut peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <audio> | src |
| <intégrer> | src |
| <iframe> | src |
| <image> | src |
| <entrée> | src |
| <script> | src |
| <source> | src |
| <piste> | src |
| <vidéo> | src |
Exemples
Exemple audio
Un lecteur audio :
<audio src="horse.ogg" controls>
Your browser does not support the audio element.
</audio>
Exemple d'intégration
Une animation flash intégrée :
<embed src="helloworld.swf">
Exemple d'Iframe
Un <iframe> dans son utilisation la plus simple :
<iframe src="/default.asp"></iframe>
Exemple d'image
Une image est balisée comme suit :
<img src="smiley.gif" alt="Smiley face">
Exemple d'entrée
Un formulaire HTML avec une image qui représente le bouton d'envoi :
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit">
</form>
Exemple de scénario
Pointez sur un fichier JavaScript externe :
<script src="myscripts.js"></script>
Exemple de sources
Un lecteur audio avec deux fichiers source. Le navigateur doit choisir pour quel fichier (le cas échéant) il prend en charge :
<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>
Exemple de piste
Une vidéo avec deux pistes de sous-titres :
<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>
Exemple vidéo
Lire une vidéo :
<video src="movie.ogg" controls>
Your browser does not support the video tag.
</video>
Prise en charge du navigateur
L' srcattribut est compatible avec les navigateurs suivants pour chaque élément :
| Element | |||||
|---|---|---|---|---|---|
| audio | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
| embed | Yes | Yes | Yes | Yes | Yes |
| iframe | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| script | Yes | Yes | Yes | Yes | Yes |
| 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 |