صفت خصوصی srcset در HTML آدرس url تگ img source

صفت خصوصی 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