كَيفَ يَضْفعُ دعمَ rtl إلى موقعِكَ الشبكي:، arabic، كبري، وأكثر (2026)
وتمثل العربية والعبرية معا مئات الملايين من مستخدمي الإنترنت. إضافة الدعم من اليمين إلى اليسار هو واحد من القرارات التدويلية العالية السرعة التي يمكن أن يتخذها فريق على الشبكة
ما يعنيه هذا لتطوير الشبكة
(الآلية الأساسية لـ (رتل في html dir عزو. Setting dir="rtl" على <html> ويخبر العنصر المصفح بأن يطبق الحق في الانتقال على الوثيقة بأكملها.
وفي الممارسة العملية، يغيّر هذا الأمر العديد من سلوكيات المستنقعات في آن واحد:
- →مواءمة النصوص تعطل لليمين بدلاً من اليسار
- →الاتجاه الافتراضي مرآة - المواد التي تتدفق من اليسار إلى اليمين في LTR الآن تتدفق من اليمين إلى اليسار.
- →الهامش و الرصيفالقيم المادية لا تقلب فقط المكافئات المنطقية للممتلكات
- →موقع التنظيف يبدأ من الحافة اليمنى
وتشمل اللغات التي تتطلب إصدار RTL ما يلي: العربية, العبرية, فارسي )فارسي(, Urduو (سوراني)كما أن ثانا (ملديفية) وبعض النصوص الأخرى هي أيضا RTL ولكن لديها جمهور أصغر بكثير على الشبكة.
النهجان: النظام المنطقي لدائرة خدمات الدعم المركزية مقابل الخدمات المادية
وللجنة خدمات الدعم المركزية طريقتان للإعراب عن المباعدة والمواءمة: ماديا و منطقي (ملتزمة بتوجيه النص). وفهم هذا التمييز هو جوهر التنمية التي تضطلع بها RTL.
| الممتلكات المادية | مكافئ سوقي | سلوك rtl |
|---|---|---|
margin-left | margin-inline-start | "أصفاد إلى اليمين" |
margin-right | margin-inline-end | يقلب إلى اليسار في rtl |
padding-left | padding-inline-start | "أصفاد إلى اليمين" |
padding-right | padding-inline-end | يقلب إلى اليسار في rtl |
text-align: left | text-align: start | "أليغنز" إلى اليمين في RTL |
border-left | border-inline-start | تحركات إلى اليمين في RTL |
أفقياً لمشاهدة كل عمود
(أ) تُقدِّم خدمات الدعم المكلَّف بالتايلويند مكافئات منطقية للمنفعة: ms-* / me-* للهامش ps-* / pe-* و text-start / text-end للمواءمة إستعمال هذه بدلاً من النظراء الفيزيائيين يعني تخطيطك بشكل صحيح في RTL بدون أي برمجيات إضافية
معجزات مشتركة بين صفوف القوات المسلحة الرواندية
وحتى مع وجود خصائص منطقية، فإن العديد من أنماط التنفيذ الموحدة تتطلب اهتماماً محدداً:
أيقونات إتجاهية
وينبغي أن يُعكس في قانون منع التعذيب ما يشير إلى الاتجاه - السهام والزهور ومؤشرات التقدم والمفصلين عن الخبز والأزرار المسرحية/الجديدة. وينبغي أن يصبح السهم اليميني الذي يعني " السهم " سهما يساريا باللغة العربية. يمكن مرآة أيقونات SVG transform: scaleX(-1) مطبقة بموجب [dir="rtl"] مختار وينبغي عدم مرآة الرموز التي لا معنى لها (علامة شيك، نجم، هاتف).
المحتوى العربي/الإنكليزية المختلط (نص توجيهي)
وتعالج الخوارزمية الثنائية الاتجاه غير الشائعة محتوى النصوص المختلط تلقائيا، لكنها يمكن أن تسفر عن نتائج غير متوقعة عندما ترتفع وترد في الفقرة ذاتها نصاً مائلاً، (محتوى) اسم منتج انجليزي داخل يُعالج بجملة " الصاروخ "، ولكن يمكن أن يظهر في الصورة المتاخمة لنص التوجيه المختلط الموقف الخاطئ، اختبار أنماط محتوى الخاص بك، ليس فقط المخطط
الأرقام دائماً مُسجلة
حتى في وثيقة RTL، الأرقام (1، 2، 3...) دائما تجعل اليسار إلى اليمين. أرقام الهواتف، والأسعار، والتواريخ تتبع سجل المعاملات المشبوهة في تدفق RTL. والأرقام العددية باللغة العربية (النسخة الأساسية) هي استثناء يُستخدم في بعض السياقات الإقليمية، ولكن الأرقام العربية الغربية في النص الخاص بشبكة RTL تُترك دائما إلى اليمين.
يجب أن تبقى القطع الرمزية
ويجب دائما أن تصبح المدونة، والناتج النهائي، وسلسلة البرمجة، دون تغيير بصرف النظر عن الاتجاه المحيط للوثائق. التطبيق dir="ltr" صراحة <pre> و <code> عناصر، أو استخدام قاعدة CSS مثل [dir="rtl"] code { direction: ltr; }.
كَيفَ يَختبرُ rtl محلياً
وأسرع طريقة لاختبار نظام " RTL " هو مباشرة في " بروزر ديفتولس " - لا حاجة إلى تغيير لغة أو تغيير الخواديم.
- 1(F12) أو Cmd+Option+I)، اختاري شريط كونسول، واجري:
document.documentElement.dir = "rtl"الصفحة على الفور تتجه إلى RTL بدون إعادة تحميل. - 2البديل هو اختيار
<html>عنصر في فريق العناصر واضافةdir="rtl"عزو مباشرة. - 3اخترقوا كل صفحة وتدخلوا (ب) إيلاء اهتمام خاص لما يلي: الملاحة، والطرائق، والدرجات، ووضع النماذج، والجداول، وأي عنصر له موقع مطلق أو ثابت.
وكل من فايفوكس وكروم يجعلان RTL بشكل صحيح ويعولان على هذا النوع من الاختبارات. كما أن " سافاري " (Safari on macOS) مفيدة للتحقق من إصدار النص العربي على مستوى النظام.
تقديم الخدمات إلى المستعملين تلقائياً
عندما تستخدمين "لينغفيت" للترجمة، تم التعامل تلقائياً مع تغيير التصميم، عندما يتحول الزائر إلى (ر)، كبري، فارسي، أو (رودو)، مجموعة من النفايات:
عندما يتحول الزائر إلى لغة مقطعية dir="ltr" مرة أخرى زوارك غير متأثرين تماماً - المواصفات فقط مُهَاجَزة للمستعملين الذين يختارون لغة RTL.
وبالنسبة لمعظم المواقع التي بُنيت بممتلكات منطقية من مرافق خدمات الدعم المركزية والمرافق المنطقية من طراز Tailwind، فإن هذا التغيير الوحيد في السمات يكفي لوضع مخطط صحيح لمحطة RTL بدون أي قواعد إضافية من قواعد خدمات الدعم المركزية.
ما زلت بحاجة إلى مراجعة
حتى مع التبديل التلقائي، بعض الأنماط لا تقلب بشكل صحيح من تغيير عزو واحد وتحتاج إلى استعراض صريح:
- ✗قطعا عناصر موقعة - المكونات المستخدمة
left: 0أوright: 0لا تقلب يستعاض عن عبارةinset-inline-start/inset-inline-end. - ✗دخان إتجاهي - السهام والزهور ذات المعنى الإتجاهي بحاجة واضحة
[dir="rtl"]قواعد المرآة - ✗(ج) التدرجات الظل مع التوجيه المادي - على سبيل المثال، التدرج من اليسار إلى اليمين الذي يخلق مؤشرا مرئيا لتوجيه القراءة.
- ✗المكتبات المكونة من طرف ثالث - مكتبات الرسم البياني، ومختارو التاريخ، ومحررو النصوص الأغنياء قد يكون لديهم أماكن الدعم الخاصة بهم في مجال RTL التي تحتاج إلى التمكين بشكل منفصل.
الأسئلة المتكررة
- أي لغات تحتاج إلى RTL؟
- واللغات الرئيسية التي توجد بها جمهور كبير على شبكة الإنترنت arabic، كبري، فارسي، (و (رودو، (كورديش سوراني) أيضاً، ثانا (دفيهي/المليفيان) هي rtl ولكن لديها شبكة أصغر حضور، جميع اللغات الأخرى المستخدمة على نطاق واسع، بما في ذلك اليوروبان، شرق آسيوي، و نصوص آسيوية جنوبية، هي
- أيؤثر تبديل (آر تي إل) على زوار (لوتر)؟
- لا عاصفة الدرع مصممة لـ "أرتل" فقط عندما يقوم الزائر باختيار لغة الـ"آر تي إل" زوار شرطة (لوس أنجلس) يرون (الدرع) (أو الفشل، وهو (ل.م.م.ت وتُخزَّن الأفضلية اللغوية في كل دورة من دورات المزارعين، ولذلك لا يوجد تنافس بين المستخدمين.
- كيف أختبر RTL على موقع إنتاج بدون التأثير على المستخدمين؟
- افتحي الصفحة في نافذة خاصة أو غير معلنة، افتحي (ديفتول) وأديري الوثائق هذا يؤثر فقط على دورتك يمكنك أيضاً أن تضع محول لغة (لينجفيت) إلى اللغة العربية في جهازك الخاص لترى تجربة الترجمة الكاملة
الأدلة ذات الصلة
أضف العربية والعبرية إلى موقعك
(لينغفيت) يتعامل مع مخطط (آر تي إل) يتحول تلقائياً No CSS changes required.