: عنصر PICTURE

آخر تحديث: 2026-09-12

<picture>عنصر PICTURE

يوفر مصادر صور متعددة لـ img، ليختار المتصفح الأفضل حسب منفذ العرض أو الدقة وغيرها.

الفئةالروابط والوسائط
نموذج المحتوىمحتوى تدفقي
العناصر الأم المسموحةأي عنصر يقبل المحتوى التدفقي
وسم الإغلاقنعم — يتطلب إغلاق </picture> وسم
الحالةقياسي

📝 البنية

<picture>مصادر الصور</picture>

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

🌐 دعم المتصفح

المتصفح ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<picture> v1 v12 v1 v1 v1
مدعوم في جميع المتصفحات الرئيسية
نصيحة: يجب أن يحتوي picture على img كاحتياطي؛ source يختار فقط، والصورة المعروضة دائمًا هي img.
المزيد من الحالات قادمة قريبًا — ترقبوا.

📚 دروس ذات صلة

Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%