2012-01-02 14 views
14

एक वेब पेज के लिए इस शीर्षक पर विचार करें:
enter image description hereकरने के लिए HTML <title> टैग की दिशा बदलने से सही-से-बाएँ

यह वह जगह है दाएँ-से-बाएँ और बाएँ-से-दाएँ भाषाओं से मिली-जुली पाठ, और पूरे पाठ की दिशात्मकता हो सकता है:

  1. वाम-से-दाएँ, अगर आप लीटर पाठ के अंदर एम्बेड rtl के टुकड़े
    enter image description here

  2. दाएं से बाएं, आप rtl पाठ
    enter image description here

कुछ वेब पृष्ठों में अंदर एम्बेड लीटर के टुकड़े, आप एक सही-से-बाएँ शीर्षक, बाईं के साथ intermixed प्रदान करने की आवश्यकता है, तो सही टेक्स्ट स्निपेट्स। हालांकि, ब्राउज़र इसे सही ढंग से प्रारूपित नहीं करता है। यह पूरे सामग्री को ltr दिशात्मकता के साथ प्रस्तुत करता है। इस कारण एक शीर्षक है, जो
enter image description here
की तरह दिखाया जाना चाहिए की तरह
enter image description here

दिखाए जाने के लिए मुझे पता है कि सीएसएस वहाँ काम नहीं कर रहा। क्या सही दिशा के साथ <title> प्रस्तुत करने के लिए ब्राउज़र को मजबूर करने का कोई तरीका है?

+0

क्यों नहीं जैसे कुछ विशेष भाषा के लिए रिवर्स में पूरा शीर्षक लिखने

उदाहरण के लिए

: - *** enod eb t'nac siht *** :-P –

उत्तर

10

आप यूनिकोड राइट-टू-बाएं ओवरराइड वर्ण का उपयोग करने का प्रयास कर सकते हैं। here देखें।
यही है, &#x202E;
के साथ शीर्षक टेक्स्ट प्रारंभ करें एक त्वरित परीक्षण से पता चलता है कि यह कम से कम मेरे ब्राउज़र पर काम करता है; सुनिश्चित नहीं है कि यह सभी ब्राउज़रों पर काम करेगा। और यह पिज्जा पीछे की ओर लिख सकता है। देखभाल के साथ प्रयोग करें।

+3

यह निश्चित रूप से पिज्जा "पीछे की तरफ" (दाएं से बाएं) लिखता है, क्योंकि यही है * ओवरराइड * का मतलब है। यही कारण है कि दाएं से बाएं इम्बेडिंग बेहतर है: यह "पिज्जा" जैसे दृढ़ दिशात्मक पाठ की लेखन दिशा को प्रभावित नहीं करता है, इसलिए आपको इसे स्रोत में "azziP" के रूप में लिखने की आवश्यकता नहीं है (जो अच्छा नहीं करेगा आपके खोज इंजन रैंकिंग के लिए)। –

0

ब्राउज़र को दिशा बदलने के लिए मजबूर करने का कोई तरीका नहीं है। आप निश्चित रूप से वाक्य को दूसरी तरफ लिख सकते हैं, और ऐसे एपीआई हैं जो आरटीएल टेक्स्ट के लिए एक वास्तविक हो सकते हैं, और एक एलटीआर टेक्स्ट तैयार कर सकते हैं जिसका अंतिम परिणाम वैध आरटीएल वाक्य की तरह दिखता है।

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

+0

क्या आप ऐसा करने के लिए एपीआई नाम दे सकते हैं? –

+0

BiDi.dll या BiDi एल्गोरिदम के लिए खोजें। इस पर एक नज़र डालें (मुझे यकीन नहीं है कि यह मदद करता है): http://wiki.winehq.org/BiDi। यह टूल आपको वेब इंटरफ़ेस पर आरटीएल/एलटीआर बदलने की अनुमति देता है (एपीआई नहीं, लेकिन आप शायद उनमें से एक खरीद सकते हैं): http://www.pixiesoft.com/flip। यह एक हिब्रू इंटरफ़ेस है लेकिन आप प्रबंधित करेंगे। –

4

आप की कोशिश की है:

<title>left to right &#x202E;right to left</title> 

शरीर के लिए, आप सीएसएस (direction: rtl; और unicode-bidi: bidi-override;) या मार्कअप (<bdo dir="rtl">) का उपयोग कर सकते हैं।

डेमो: http://jsfiddle.net/ThinkingStiff/hD5Sp/

HTML:

<span>left to right <bdo dir="rtl">"right to left"</bdo> left to right</span><br /> 
<span class="rtl">right to left <span class="ltr">"left to right"</span> right to left</span> 

सीएसएस:

.rtl { 
    direction: rtl; 
    unicode-bidi: bidi-override; 
} 

.ltr { 
    direction: ltr; 
    unicode-bidi: bidi-override;  
} 

आउटपुट:

enter image description here

8

उपयोग title तत्व सामग्री की शुरुआत में दाएं से बाएं EMBEDDING वर्ण (RLE, U + 202B), उदा।

<title>&#x202b;אבג Hello ابثج</title> 

RLE सामान्य रूप से वर्णित है और एक चरित्र के रूप में प्रयोग किया जाता दाएँ-से-बाएँ पाठ या ठीक इसके विपरीत में बाएँ-से-सही पाठ की एक रन embedding, स्थितियों में के लिए प्रयोग की जाने वाली (एक साथ पॉप डायरेक्शनल प्रारूपण के साथ) जिन्हें स्वचालित तंत्र द्वारा ठीक तरह से संभाला नहीं जाता है। लेकिन यह कम से कम आईई, फ़ायरफ़ॉक्स और ओपेरा पर title तत्वों के लिए भी काम करता है।

0

क्या यह संभव है कि शीर्षक का हिस्सा बाएं से दाएं हो और इसका हिस्सा दाएं से बाएं हो?

<title> This part is right to left | This part is left to right | This part is righ to left </title> 
0

बस इस सीएसएस नियमों का उपयोग सभी स्थितियों को कवर करने के:

*[dir="ltr"] { 
 
    direction: ltr; 
 
    unicode-bidi: embed; 
 
} 
 
*[dir="rtl"] { 
 
    direction: rtl; 
 
    unicode-bidi: embed; 
 
} 
 
bdo[dir="ltr"] { 
 
    direction: ltr; 
 
    unicode-bidi: bidi-override; 
 
} 
 
bdo[dir="rtl"] { 
 
    direction: rtl; 
 
    unicode-bidi: bidi-override; 
 
}

संबंधित मुद्दे