صفت خصوصی srcset در HTML آدرس url تگ img و source
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و Bootstrap و jQuery
در این مقاله از سایت آموزی جهت استفاده شما عزیزان به معرفی خاصیت srcset در سند html می پردازیم. ویژگی srcset ، نشانی اینترنتی تصویر یا url را برای استفاده در موقعیت های مختلف مشخص می کند. خاصیت srcset ، مخصوص تگ img و تگ source می باشد.
معرفی ویژگی خصوصی srcset در سند اچ تی ام ال
ویژگی خصوصی srcset ، نشانی اینترنتی تصویر یا url را برای استفاده در موقعیت های مختلف مشخص می کند. خصوصیت srcset زمانی مورد نیاز است که از تگ source درون تگ picture استفاده شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و Bootstrap و jQuery
صفت خصوصی srcset به تازگی در سند HTML5 معرفی شده است و در نسخه های قبلی زبان HTML وجود نداشته است. خاصیت srcset ، مخصوص تگ img و تگ source در اسناد اچ تی ام ال می باشد.
مثال در مورد استفاده از ویژگی خصوصی srcset درون تگ source
<picture>
<source media=”(min-width: 650px)” srcset=”img_pink_flowers.jpg”>
<source media=”(min-width: 465px)” srcset=”img_white_flower.jpg”>
<img src=”img_orange_flowers.jpg” alt=”Flowers” style=”width:auto;”>
</picture>
بررسی ویژگی خصوصی srcset درون سند html 4.0.1 و HTML5
ویژگی خصوصی srcset ، در نسخه HTML5 معرفی شده است. و در HTML4.01 و نسخه های قبلی وجود نداشته و پشتیبانی نمی شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و Bootstrap و jQuery
پشتیبانی مرورگرهای اینترنتی از ویژگی خصوصی srcset
| صفت html |  |  |  |  |  |
| srcset | ۳۸.۰ | بله | ۳۸.۰ | ۹.۱ | ۱۵.۰ |
پیوندهای کاربردی و مفید
تگ های اچ تی ام ال در سایت آموزی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های اچ تی ام ال در سایت آموزی
تگ های منسوخ شده HTML در سایت آموزی
تگ های block level و inline level در سایت آموزی
تگ های اچ تی ام ال در W3school
