أحدث البرامج التعليمية وتطوير الشبكة
 

HTML src Attribute


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

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


ينطبق على

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

عناصر السمة
<audio> src
<embed> src
<iframe> src
<img> src
<input> src
<script> src
<source> src
<track> src
<video> src

أمثلة

Audio مثال

لاعب الصوت:

<audio src="horse.ogg" controls>
Your browser does not support the audio element.
</audio>
انها محاولة لنفسك »

Embed مثال

الرسوم المتحركة فلاش جزءا لا يتجزأ من:

<embed src="helloworld.swf">
انها محاولة لنفسك »

Iframe مثال

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

<iframe src="/default.html"></iframe>
انها محاولة لنفسك »

Img مثال

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

<img src="smiley.gif" alt="Smiley face">
انها محاولة لنفسك »

Input مثال

نموذج HTML مع صورة تمثل على زر:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Submit">
</form>
انها محاولة لنفسك »

Script مثال

أشر إلى ملف جافا سكريبت الخارجي:

<script src="myscripts.js"></script>
انها محاولة لنفسك »

Source مثال

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

<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>
انها محاولة لنفسك »

Track مثال

شريط فيديو مع اثنين من المسارات العنوان الفرعي:

<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 مثال

تشغيل فيديو:

<video src="movie.ogg" controls>
  Your browser does not support the video tag.
</video>
انها محاولة لنفسك »

دعم المتصفح

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

العنصر
audio 4.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 تسعة 3.5 4.0 10.5
track 18.0 10.0 31.0 6.0 15.0
video 4.0 تسعة 3.5 4.0 10.5