سمة HTML src


التعريف والاستخدام

تحدد السمة srcموقع (URL) للمورد الخارجي.


ينطبق على

يمكن srcاستخدام السمة في العناصر التالية:

عناصر يصف
<audio> src
<embed> src
<iframe> src
<img> src
<إدخال> src
<script> src
<source> src
<المسار> src
<فيديو> src

أمثلة

مثال صوتي

مشغل صوتي:

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

مثال التضمين

الرسوم المتحركة فلاش المضمنة:

<embed src="helloworld.swf">

مثال Iframe

<iframe> في أبسط استخدام له:

<iframe src="/default.asp"></iframe>

مثال على ذلك

يتم ترميز الصورة على النحو التالي:

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

مثال الإدخال

نموذج HTML مع صورة تمثل زر الإرسال:

<form action="/action_page.php">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Submit">
</form>

مثال البرنامج النصي

أشر إلى ملف JavaScript خارجي:

<script src="myscripts.js"></script>

مثال المصدر

مشغل صوت بملفي مصدر. يجب أن يختار المتصفح الملف (إن وجد) الذي يدعمه:

<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>

مثال المسار

فيديو مع مسارين للترجمة:

<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 src="movie.ogg" controls>
  Your browser does not support the video tag.
</video>

دعم المتصفح

تحتوي srcالسمة على دعم المتصفح التالي لكل عنصر:

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