این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.

آموزش صفت Src در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Src در HTML با من همراه باشید.

آموزش صفت Src در HTML

Free-Learn

صفت Src در HTML

صفت src که دیگه همه میدونن چیه! یعنی همه میدونن حا ، این صفت یکی از پرکاربردترین صفات مورد استفاده در تگ های زبان HTML‌ می باشد، با استفاده از این صفت میتونیم ( آدرس یا مسیر ) یا محل یک ( فایل / لینک ) رو مشخص و یا تعریف نماییم.

Free-Learn

عناصری که توسط این صفت پشتیبانی می شوند

این صفت را میتوان در عناصر/تگ های زیر بکار برد.

<iframe> <video> <audio>
<script> <input> <img>
<embed> <track> <source>

Free-Learn

مثال از صفت Src در HTML

در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.

مثال شماره ۱ : استفاده در تگ Audio

امتحان کنید

مثال شماره ۲ : استفاده در تگ Video

امتحان کنید

مثال شماره ۳ : استفاده در تگ Iframe

امتحان کنید

مثال شماره ۴ : استفاده در تگ Img

امتحان کنید

مثال شماره ۵ : استفاده در تگ Input

امتحان کنید

مثال شماره ۶ : استفاده در تگ Script

امتحان کنید

مثال شماره ۷ : استفاده در تگ Source

امتحان کنید

مثال شماره ۸ : استفاده در تگ Track

امتحان کنید

مثال شماره ۹ : استفاده در تگ Embed

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت src در HTML پشتیبانی میکنند یا خیر.

نام تگ Chrome Firefox Opera Safari Edge
audio بله بله بله بله بله
video بله بله بله بله بله
iframe بله بله بله بله بله
img بله بله بله بله بله
input بله بله بله بله بله
script بله بله بله بله بله
source بله بله بله بله بله
track بله بله بله بله بله
embed بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.

Free-Learn

جدول مقادیر صفت Src در HTML

در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.

مقدار توضیح
URL آدرس یا مسیر فایل بصورت مطلق یا نسبی
نمونه آدرس مطلق :
https://test.com/my_image.jpg
نمونه آدرس نسبی :
files/my_image.jpg

Free-Learn

نکات و توضیحات

  • این صفت فقط در تگ input از نوع image کار میکند. ( ‘input type=’image )

Free-Learn

دریافت PDF یا پرینت این مطلب