Markdown الصور

آخر تحديث: 2026-10-14

الصور نواة CommonMark

صيغة الصورة تكاد تطابق صيغة الرابط، مع إضافة علامة تعجب في المقدمة: ![نص بديل](عنوان الصورة). يظهر النص البديل عند فشل تحميل الصورة، وهو أيضًا عنصر أساسي لإتاحة الوصول وتحسين محركات البحث SEO؛ فاكتبه بعناية.

المجموعة	الأساسيات·الكتل
مستوى المواصفة	نواة CommonMark
إصدار المواصفة	CommonMark 0.31.2 + GFM

📝 الصيغة

![نص بديل](/images/photo.png "عنوان اختياري")

▶ مثال تفاعلي

حرّر Markdown على اليسار وشاهد النتيجة على اليمين

💡 نقاط مهمة

💡 Tip صور المواقع الخارجية قد تتعطل بسبب منع الربط السريع أو إزالة الصورة؛ يُنصح بتنزيل الصور المهمة واستضافتها ذاتيًا.

ℹ️ Note عند استخدام مسارات نسبية للصور في هذا الموقع انتبه لمستوى مجلدات اللغة الفرعية؛ يُنصح بمسارات تبدأ بـ / من جذر الموقع.

❓ أسئلة شائعة

س هل يمكن التحكم في حجم الصورة؟

ج ليس في Markdown الخالص؛ استخدم وسم HTML <img width> أو فئات CSS.

س هل يمكن إحاطة الصورة برابط؟

ج يكفي تداخلهما: [![نص بديل](الصورة)](عنوان الرابط).

س ما شكل النص البديل الجيد؟

ج صف محتوى الصورة ووظيفتها بشكل موجز ومحدد؛ أما الصور الزخرفية فقط فيمكن تركها فارغة alt="".

📚 مواضيع ذات صلة

الروابطنواة CommonMark

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

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

من نحن