الدرس 4 من 8
العربية والإنجليزية معًا
- 13 دقيقة
- 5 فحوص
- 3 تلميحات
- إلى المطلوب
هدف الدرس
اتجاهان في صفحة واحدة
الشرح
قد تكون الصفحة عربية وفيها كود وروابط وأرقام لاتينية، وإن خلطت الاتجاهين دون ضبط انتقلت علامات الترقيم والنقاط إلى مواضع خاطئة.
القاعدة الأولى أن تضع dir="rtl" على الصفحة، وdir="ltr" على كل كتلة لاتينية مستقلة مثل الكود والروابط ومسارات الملفات.
والقاعدة الثانية أن تستعمل الخصائص المنطقية، فالخاصية margin-inline-start تعني «من جهة البداية»، فتكون على اليمين في العربية وعلى اليسار في الإنجليزية دون قاعدة إضافية، أما margin-left فتبقى على اليسار دائمًا ولا تراعي الاتجاه.
المطلوب
اضبط اتجاه كتلة الكود، ونسّق .note بالخصائص المنطقية فتضع لها شريطًا على حافة البداية وحشوًا بعده.
الفحوص
5 فحوص- كتلة الكود اتجاهها ltr
- الملاحظة .note لها شريط على حافة البداية
- يوجد حشو بعد الشريط
- الشريط على اليمين فعلًا في صفحة عربية
- التنسيق يستعمل الخصائص المنطقية وليس left/right