ویژگی srcset در زبان اچ تی ام ال

در این مقاله از آموزش طراحی وب ( سایت آموزی ) جهت استفاده شما عزیزان به معرفی صفت خصوصی srcset در html می پردازیم.

ویژگی srcset ، نشانی اینترنتی تصویر یا url را برای استفاده در موقعیت های مختلف مشخص می کند.

خاصیت srcset ، مخصوص تگ img و تگ source می باشد.

معرفی ویژگی srcset در زبان اچ تی ام ال

ویژگی خصوصی  srcset ، نشانی اینترنتی تصویر یا url را برای استفاده در موقعیت های مختلف مشخص می کند.

خصوصیت srcset زمانی مورد نیاز است که از تگ source درون تگ picture استفاده شود.

صفت خصوصی srcset به تازگی در سند HTML5 معرفی شده است و در نسخه های قبلی زبان HTML وجود نداشته است. خاصیت srcset ، مخصوص تگ img و تگ source در اسناد اچ تی ام ال می باشد.

مثال در مورد استفاده از صفت خصوصی srcset در html درون تگ 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 در html ، در نسخه HTML5 معرفی شده است. و در HTML4.01 و نسخه های قبلی وجود نداشته و پشتیبانی نمی شود.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

پشتیبانی مرورگرهای اینترنتی از صفت خصوصی srcset در html

صفت html
srcset	38.0	بله	38.0	9.1	15.0

پیوندهای کاربردی و مفید

تگ های اچ تی ام ال در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های اچ تی ام ال در سایت آموزی

تگ های منسوخ شده HTML در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های اچ تی ام ال در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

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