🚾 👩🏾‍🤝‍👩🏽 🕙 BIDI (यूनिकोड बिडायरेक्शनल एल्गोरिथम) 👨🏾‍✈️ 💑 🔢

बहुभाषी साइटें अच्छी हैं, बल्कि बहुत ही डरावनी हैं। और अगर सबसे लोकप्रिय भाषाओं के लिए यह पाठ के कई रूपों के लिए पर्याप्त है, तो आरटीएल (दाएं-बाएं) के अतिरिक्त के साथ सब कुछ बहुत खराब हो जाता है। आपको शैलियों का एक नया सेट शुरू करना होगा जिसमें दाईं से बाईं ओर और इसके विपरीत (फ्लोट, पैडिंग, मार्जिन आदि जैसे गुणों के लिए) सब कुछ है, लेकिन यह सब नहीं है। जब एक ही दस्तावेज़ में अलग-अलग दिशाओं के सह-अस्तित्व वाले भाषाओं में वाक्यांश उत्पन्न हो सकते हैं, और बीड़ी यहां काम करना शुरू कर देती है। अगर किसी को दिलचस्पी है ...।

बीड़ी

जब पृष्ठ पर विभिन्न वर्तनी (आरटीएल और एलटीआर) वाली भाषाएं होती हैं, तो वर्णों को एक नियम के रूप में प्रदर्शित किया जाता है, न कि उस क्रम में जिसमें वे ब्राउज़र मेमोरी में संग्रहीत होते हैं। बीड़ी उन्हें अपने स्थानों पर रखने के लिए प्रतिबद्ध है। वर्णों का क्रम पाठ की तथाकथित मूल दिशा पर निर्भर करता है। यह डीआईआर विशेषता द्वारा दिया गया है, जिसे अधिकांश टैग के लिए निर्दिष्ट किया जा सकता है। RTL में पूरे पृष्ठ की आधार दिशा निर्धारित करने का सबसे आसान तरीका है कि dir विशेषता को बहुत ऊपर से जोड़ा जाए: <html dir="rtl"> । इसके अलावा, अधिकांश यूनिकोड वर्णों में स्वयं एक निश्चित दिशा होती है। इस मानदंड के अनुसार, उन्हें कड़ाई से टाइप किया जाता है, कमजोर टाइप किया जाता है, न कि टाइप्ड (तटस्थ) टाइप किया जाता है।

मजबूत टाइप के पात्र

ये ज्यादातर पत्र हैं। LTR वर्णों के अनुक्रम को एक से बाएं से दाएं, दाएँ से बाएँ से RTL प्रदर्शित किया जाता है:

कई अलग-अलग निर्देशित टुकड़ों से एक वाक्यांश कई पास में प्रदर्शित होता है। उनकी दिशा केवल आधार पर नहीं, बल्कि पात्रों की दिशा पर निर्भर करती है। इसलिए, उदाहरण के लिए, अरबी में शब्द साइट के आरटीएल और एलटीआर दोनों संस्करणों में दाईं से बाईं ओर पढ़ा जाएगा। लेकिन इन "दृष्टिकोण" का क्रम बदल जाएगा। निम्नलिखित उदाहरण में, आप पहले bahrain पढ़ेंगे, फिर م ,ر, फिर kuwait:

यदि हम कुछ मूल तत्व में dir=”rtl” जोड़ते हैं, तो मूल दिशा, और इसलिए शब्द क्रम बदल जाएगा, लेकिन शब्द स्वयं पहले की तरह पढ़ जाएंगे:

कृपया ध्यान दें कि इन दो पृष्ठों के कोड में एकमात्र अंतर (चित्र क्लिक करने योग्य हैं) dir विशेषता की उपस्थिति है, लेकिन शब्द क्रम नहीं।

अन टाइप अक्षर

रिक्त स्थान और विराम चिह्न टाइप नहीं किए जाते हैं, क्योंकि उनका उपयोग किसी भी पाठ में किया जा सकता है। उन्हें तटस्थ कहा जाता है। बीड़ी के दृष्टिकोण से, एक ही दिशा के दो दृढ़ता से टाइप किए गए पात्रों के बीच स्थित एक तटस्थ चरित्र में एक ही दिशा होती है, अर्थात दो RTL वर्णों के बीच एक स्थान भी RTL बन जाएगा। इसके कारण, निम्नलिखित उदाहरण में तीन अरबी शब्द एक बार में प्रदर्शित होते हैं:

लेकिन जब एक तटस्थ प्रतीक विभिन्न दिशाओं के साथ प्रतीकों के बीच खड़ा होता है, तो यह एक मूल दिशा लेता है, जो हमेशा सही नहीं होता है। मान लें कि नाम डेटाबेस से लिया गया है और विस्मयादिबोधक चिह्न के साथ समाप्त होना चाहिए:

 The title is <?php echo $title ?>! in <?php echo $lang ?>.

अरबी में नाम के लिए, विस्मयादिबोधक चिह्न को स्थानांतरित करना सही होगा:

लेकिन बीड़ी ऐसा नहीं करेगी। एक विस्मयादिबोधक चिह्न (जैसे बगल में एक स्थान) विभिन्न दिशाओं वाले वर्णों के बीच खड़ा होता है, जिसका अर्थ है कि यह आधार दिशा लेता है और अगले - LTR - कॉल के दौरान प्रदर्शित किया जाएगा। अर्थात्, पहला रन "शीर्षक है", दूसरा - "مفتاح معايير الويب" और फिर "! अरबी में ":

इस प्रकार, साइट पर अरबी बोलने वाले आगंतुकों के लिए, वाक्यांश विस्मयादिबोधक चिह्न के साथ शुरू होगा, और इसके साथ समाप्त नहीं होगा।

प्रतिबिंबित प्रतीक

ये सभी प्रकार के ब्रैकेट हैं और वे विशेष उल्लेख के योग्य हैं, क्योंकि बीड़ी न केवल उन्हें स्थानांतरित करती है, बल्कि उनका विस्तार भी करती है। क्या उद्घाटन कोष्ठक ("?") हमेशा आधार दिशा में "खुला" होता है, विपरीत दिशा में समापन कोष्ठक। और ऐसा ही होता है:

नियम समान हैं: शीर्ष पंक्ति में, समापन ब्रैकेट सीमा पर है -> आधार दिशा लेता है -> स्थानांतरित और फ़्लिप किया जाता है। अच्छा नहीं है।

कमजोर टाइप के पात्र

संख्याओं को LTR वर्ण माना जाता है, लेकिन तटस्थ लोगों को प्रभावित नहीं करते हैं:

चूंकि इस उदाहरण में संख्याएं अरबी वर्णों के बीच हैं, इसलिए उन्हें RTL कॉल के दौरान प्रदर्शित किया जाएगा, लेकिन बाएं से दाएं और बिना रिक्त स्थान को प्रभावित किए। एक की तरह सूक्ष्मताएं हैं कि डॉलर का संकेत, उदाहरण के लिए, संख्या का हिस्सा माना जाएगा, और एक तटस्थ प्रतीक नहीं, लेकिन मैं इसके बारे में बहुत कम जानता हूं।

क्या करें?

समस्याएं, जैसा कि आप देख सकते हैं, विभिन्न दिशाओं के साथ ग्रंथों की सीमा पर उत्पन्न होती हैं और तटस्थ वर्णों से जुड़ी होती हैं। बीड़ी स्वतंत्र रूप से इस तरह के प्रतीक की दिशा निर्धारित नहीं कर सकती है और इसे आधार मानती है। सबसे आसान समाधान समस्या क्षेत्र को उपयुक्त <span> साथ <span> में लपेटना है। इस प्रकार, हम अस्पष्टता को समाप्त कर देंगे, लेकिन इसके लिए हमें पहले से पाठ की दिशा को जानना होगा, जो इस स्थान पर स्थित होगा।
HTML5 dir विशेषता के लिए एक और संभावित मूल्य जोड़ता है - auto और यहां तक कि एक नया <bdi> । उनमें से किसी का उपयोग करते समय, बीड़ी तत्व के अंदर पहले सख्ती से टाइप किए गए चरित्र को ढूंढ लेगा और संबंधित मूल दिशा लेगा, जो अधिकांश समस्याओं को हल करेगा।
टैग के अलावा, आप विशेष मार्कर (दिशात्मक चिह्न) का उपयोग कर सकते हैं। ये गैर-मुद्रण योग्य वर्ण हैं, जो प्रभावी रूप से टाइप किए गए LTR या RTL वर्ण को प्रतिस्थापित करते हैं। Html में, आप mnemonics & lrm का उपयोग कर सकते हैं; और & rlm;

खैर, इस तरह के एक परीक्षण :

पंक्ति	IE 10	ओपेरा 12.15	एफएफ 21	क्रोम 27.0.1453.94 मीटर
`Title is مفتاح معايير الويب! in Arabic`	-	-	-	-
`Title is مفتاح معايير الويب!&rlm; in Arabic`	+	+	+	+
`Title is <span dir="rtl">مفتاح معايير الويب!</span> in Arabic`	+	+	+	+
`Title is <span dir="auto">مفتاح معايير الويب!</span> in Arabic`	-	-	+	+
`Title is <bdi>مفتاح معايير الويب!</bdi> in Arabic`	-	-	+	+

प्लस का मतलब है कि विस्मयादिबोधक चिह्न को बाईं ओर स्थानांतरित किया जाता है, अर्थात, यह अरबी पाठ के भाग के रूप में प्रदर्शित होता है।

अधिक टार!

और इनपुट फ़ील्ड्स भी हैं, जिसमें मल्टीडायरेक्शनल कैरेक्टर का मिश्मश भी हो सकता है।
उदाहरण के लिए, हमारे पास एक RTL साइट और एक फ़ोन नंबर है, जो मुफ़्त प्रारूप में फ़ोन नंबर दर्ज करने के लिए है। यदि आप एक पंक्ति में या एक हाइफ़न के माध्यम से संख्या दर्ज करते हैं, तो सब कुछ ठीक है, लेकिन रिक्त स्थान के लिए प्रतिक्रिया बहुत मज़ेदार है। यहाँ एक उदाहरण है । कोष्ठक के साथ संख्या के एक जोड़े को उजागर करने का भी प्रयास करें। ऐसा क्यों? हां, सब कुछ समान है: संख्याएं LTR वर्ण हैं, लेकिन उनके कमजोर टाइपिंग के कारण, वे तटस्थ लोगों को प्रभावित नहीं करते हैं, जिसका अर्थ है कि रिक्त स्थान मूल दिशा (RTL) लेते हैं और इसके बजाय एक LTR लाइन (जो एक बार में प्रदर्शित होगी), कई अलग हो गए हैं रिक्त स्थान और यह सब बीड़ी के अनुसार प्रदर्शित होता है: "शब्द" - बाएं से दाएं, उनमें वर्ण - बाएं से दाएं। यदि आप शुरुआत में एक जोरदार टाइप किया हुआ LTR सिंबल जोड़ते हैं, तो यह LTR में न्यूट्रल दिशा भी सेट कर देगा और समस्या गायब हो जाएगी। एकमात्र समाधान जो मैं देख रहा हूं वह किसी भी तरह से js का उपयोग करके उपयोगकर्ता इनपुट को संभालना है। उदाहरण के लिए, & lrm जोड़ें; प्रत्येक तटस्थ प्रतीक से पहले। अगर कोई और अधिक सुंदर समाधान बताता है, तो मैं आभारी रहूंगा।

युपीडी:
T2L ने इस समाधान का प्रस्ताव किया: <input type="text" value="123456" dir="ltr" style="text-align: right" />
बस आधार दिशा को LTR पर सेट करें और सामग्री को दाईं ओर संरेखित करें। मुझे लगता है कि यह उन क्षेत्रों के लिए इष्टतम होगा जो दृढ़ता से टाइप किए गए RTL वर्ण नहीं मानते हैं।

निष्कर्ष

एल्गोरिथ्म अच्छा है, लेकिन सही नहीं है, और इसे ध्यान में रखा जाना चाहिए। इनपुट क्षेत्रों के बारे में, मैंने हब पर एक प्रश्न पूछा, लेकिन मुझे केवल एक ही उत्तर मिला (हालांकि बहुत विस्तृत, धन्यवाद, yogev_ezda )। पाठ w3 के एक लेख पर आधारित है जिसने मेरे लिए सब कुछ स्पष्ट कर दिया है। मेरे पास स्थानांतरण के लिए पर्याप्त बल नहीं हैं, मैंने फिर से प्रयास करने का निर्णय लिया। वहाँ से चित्र। किसी भी त्रुटि के संकेत स्वागत योग्य हैं।

पुनश्च
हाँ, और टिप के लिए gribozavr के लिए धन्यवाद।

BIDI (यूनिकोड बिडायरेक्शनल एल्गोरिथम)