متین تلخابی
متین تلخابی
خواندن ۱ دقیقه·۵ ماه پیش

چرا باید از تگ <picture> توی HTML استفاده کنیم ؟

توی این پست به یه سوال اصولی از HTML که چرا اصلا باید از تگ picture استفاده کنیم جواب میدم



خیلیا هستن برای Responsive کردن یه بخش از سایت که پس زمینه باید یه عکس مخصوص باشه میان توی Css از روش media برای درست کردند این بخش استفاده می کنن

خوب این روش هم خوبیای خودش رو داره ولی دردسراش بیشتره برای حل این مشکل امدن تگ picture رو آوردن
به جای اینکه بیای توی فایل Css کدش رو بنویسی همون توی فایل html میای تگ picture رو می نویسی و عکس هایی که می خوای برای هر حالت لود بشه رو به ترتیب می نویسی و با attribute (media) که داخل تگ source هست کار رو در میاری

بهتره دیگه برای بخش کوچکتر از 600px نیای بنویسی که max-width : 600px همون حالت دیفالت رو با تگ img بزاری و تموم.

به صورت کلی من خودم صورت اول رو ترجیح میدم به نظرم خواناتره اگه توی css بنویسی
این مقاله صرفا جهت این نوشته شده بود که بدونید اقا یه چیزی به اسم تگ picture هست که کاربردش اینه و دو روش برای Responsive کردن یادبگیرید
موفق باشید



اگه خودت نکته ای رو میشناسی که من اشاره نکردم توی کامنت بگو
امیدوارم این پست به دردتون خورده باشه
موفق و پیروز باشید...

ان شاء الله راهی که میریم ختم بشه به ظهور سریعتر آقا امام زمان...

htmlcssresponsive
برنامه‌نویس Back End مسلط به زبان‌های TailwindCSS، JavaScript، Python و فریم‌ورک Django. مشتاق یادگیری و پیشرفت
شاید از این پست‌ها خوشتان بیاید