الدرس 4 من 8

العربية والإنجليزية معًا

هدف الدرس

اتجاهان في صفحة واحدة

01

الشرح

قد تكون الصفحة عربية وفيها كود وروابط وأرقام لاتينية، وإن خلطت الاتجاهين دون ضبط انتقلت علامات الترقيم والنقاط إلى مواضع خاطئة.

القاعدة الأولى أن تضع dir="rtl" على الصفحة، وdir="ltr" على كل كتلة لاتينية مستقلة مثل الكود والروابط ومسارات الملفات.

والقاعدة الثانية أن تستعمل الخصائص المنطقية، فالخاصية margin-inline-start تعني «من جهة البداية»، فتكون على اليمين في العربية وعلى اليسار في الإنجليزية دون قاعدة إضافية، أما margin-left فتبقى على اليسار دائمًا ولا تراعي الاتجاه.

02

المطلوب

اضبط اتجاه كتلة الكود، ونسّق .note بالخصائص المنطقية فتضع لها شريطًا على حافة البداية وحشوًا بعده.

الفحوص

5 فحوص
  1. كتلة الكود اتجاهها ltr
  2. الملاحظة .note لها شريط على حافة البداية
  3. يوجد حشو بعد الشريط
  4. الشريط على اليمين فعلًا في صفحة عربية
  5. التنسيق يستعمل الخصائص المنطقية وليس left/right
03

تلميحات

0/3
دروس المسارأتممت 0 من 8

تتعلّم في هذا المسار تدرّج أحجام العناوين ووحدات القياس وطول السطر واتجاه النصّ، لأن النصّ هو أكثر ما يقرؤه الناس في أي واجهة.

مستواه مبتدئ، وفيه 8 دروس مجموع مدّتها ساعة ونصف.

index.html
المعاينة
index.html100%
–/5

اضغط «تشغيل وتصحيح» ليبدأ الفحص.

تجد 5 فحوص في بطاقة «المطلوب».

دروس المسارأتممت 0 من 8

تتعلّم في هذا المسار تدرّج أحجام العناوين ووحدات القياس وطول السطر واتجاه النصّ، لأن النصّ هو أكثر ما يقرؤه الناس في أي واجهة.

مستواه مبتدئ، وفيه 8 دروس مجموع مدّتها ساعة ونصف.