این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت SrcDoc در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت SrcDoc در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت SrcDoc در HTML
صفت srcdoc صفتی است که در تگ Iframe مورد استفاده قرار میگیرد و با استفاده از آن میتوان یک محتوای سفارشی رو از طریق تگ های HTML مشخص کرد تا اگه به هردلیلی محتوای داخل Iframe نشون داده نشد اون محتوای سفارشی خودمون نشون داده بشه.
اگر مرورگر از صفت Srcdoc پشتیبانی کند محتوای موجود در این صفت به کاربر نمایش داده می شود ولی اگر مرورگر از این صفت پشتیبانی نکند محتوای موجود در صفت src به کاربر نمایش داده خواهد شد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <iframe> |
Free-Learn
مثال از صفت SrcDoc در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : مشخص کردن متن سفارشی با استفاده از تگ های HTML
|
1 2 3 4 5 |
<body> <iframe srcdoc="<h2 style='text-align:center;'>سلام خوبی؟</h2>" src="https://free-learn.ir/"></iframe> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت srcdoc در HTML پشتیبانی میکنند یا خیر.
| نام صفت | Chrome | Firefox | Opera | Safari | Edge |
| srcdoc | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 |
<iframe srcdoc="HTML-Code"> |
Free-Learn
جدول مقادیر صفت SrcDoc در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| HTML-Code | استفاده از تگ های معتبر HTML |
Free-Learn
نکات و توضیحات
- اگه مرورگر از صفت srcdoc پشتیبانی کنه خب محتوای داخلشو نشون میده ولی اگه پشتیبانی نکنه، محتوای داخل صفت src رو نشون میده.
