ویژگی 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 سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و Bootstrap و jQuery
پشتیبانی مرورگرهای اینترنتی از صفت خصوصی srcset در html
صفت html | |||||
srcset | 38.0 | بله | 38.0 | 9.1 | 15.0 |
پیوندهای کاربردی و مفید
تگ های اچ تی ام ال در سایت آموزی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های اچ تی ام ال در سایت آموزی
تگ های منسوخ شده HTML در سایت آموزی
تگ های block level و inline level در سایت آموزی
تگ های اچ تی ام ال در W3school
صفت خصوصی srcset در HTML آدرس url تگ img و source – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید