HTML में सॉफ्ट हाइफ़न (<wbr> बनाम & शर्मीली;)

Question

आप अपने वेब पृष्ठों पर सॉफ्ट हाइफ़न के साथ समस्या को कैसे हल करते हैं? एक पाठ में लंबे शब्द हो सकते हैं जिन्हें आप हाइफ़न के साथ तोड़ना चाहते हैं। लेकिन आप नहीं चाहते कि हाइफ़न यह दिखाए कि पूरा शब्द एक ही पंक्ति पर है।

इस पृष्ठ पर टिप्पणियों के अनुसार <wbr>एक गैर मानक "नेटस्केप द्वारा आविष्कार टैग सूप" है। ऐसा लगता है कि ­ मानक अनुपालन के साथ इसकी समस्याएं भी हैं । ऐसा लगता है कि सभी ब्राउज़रों के लिए काम करने का कोई तरीका नहीं है ।

सॉफ्ट हाइफ़न को संभालने के लिए आपका तरीका क्या है और आपने इसे क्यों चुना? क्या कोई पसंदीदा समाधान या सर्वोत्तम अभ्यास है?

---

संबंधित एसओ चर्चा यहां देखें ।

Comments

पहले बंद करने के लिए खेद है - यह करीब है, लेकिन अन्य के समान नहीं। हालांकि लिंक को छोड़ने के लिए जा रहे हैं।

— क्रिस मरास्टी-जॉर्ज

कृपया ध्यान दें कि <wbr>यह एक हाइफ़न नहीं माना जाता है।

— एंड्रियास रिबब्रांड

ब्राउज़रों के परीक्षण के लिए: jsfiddle.net/k2hbrjz8/2 Either & # 173; या शर्मीली; प्रदर्शन और कॉपी / पेस्ट के लिए वांछित के रूप में काम करने लगता है। <wbr> डबल क्लिक होने पर केवल आधे शब्द का चयन करता है। खोज सभी वर्तमान फ़ायरफ़ॉक्स में (इस टिप्पणी की तारीख के अनुसार) पाती है। यदि & # 173; अनुक्रमित बेहतर, इसका उपयोग करें।

— कर्मकेज

Answer 1

दुर्भाग्य से, &shyब्राउज़र के बीच समर्थन इतना असंगत है कि इसका वास्तव में उपयोग नहीं किया जा सकता है।

QuirksMode सही है - अभी HTML में सॉफ्ट हाइफ़न का उपयोग करने का कोई अच्छा तरीका नहीं है। देखें कि आप उनके बिना जाने के लिए क्या कर सकते हैं।

2013 संपादित करें: QuirksMode के अनुसार , ­अब सभी प्रमुख ब्राउज़रों पर काम करता है / समर्थित है।

Comments

दुर्भाग्य से, यह नहीं है। अपने ब्राउज़र में सॉफ्ट हाइफ़न वाले शब्द को खोजने का प्रयास करें। अधिकांश ब्राउज़र इसे दो अलग-अलग शब्दों के रूप में मानते हैं, बजाय नरम हाइफ़न की सहानुभूति के।

— gclj5

@ gclj5 मैंने अभी अभी ­क्रोम v21 में एक शब्द का परीक्षण किया है , और यह सॉफ्ट हाइफ़न को सही ढंग से अनदेखा करता है। हालांकि IE, FF और अन्य ब्राउज़रों के बारे में निश्चित नहीं है।

— evanrmurphy

यह ठीक काम करता है (यानी शब्द खोज योग्य हैं) हाल के एफएफ, क्रोम और सफारी में।

— एमएमएम

लेकिन & शर्मीली के साथ पाठ की प्रतिलिपि बनाएँ; क्रोम में डैश के साथ वापसी पाठ। उदाहरण: "यूनी और शर्मीली; बाद में और शर्मीली; अल।" "uni-later-al।"

— एनीबी

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

— Nico Pernice

Answer 2

फरवरी 2015 सारांश (आंशिक रूप से अद्यतन नवंबर 2017)

वे सभी बहुत अच्छा प्रदर्शन करते हैं, ­इसे किनारे करते हैं क्योंकि Google अभी भी इसे युक्त शब्दों का सूचकांक कर सकता है।

• ब्राउज़रों में: ­ और ­प्रमुख ब्राउज़रों में उम्मीद के रूप में दोनों प्रदर्शन (यहां तक कि पुराने IE!)। <wbr>आईई (10 या 11) के हाल के संस्करणों में समर्थित नहीं है और एज में ठीक से काम नहीं करता है।
• जब नकल की और ब्राउज़रों से चिपकाया: (परीक्षण किया 2015) के रूप में के लिए उम्मीद ­और ­क्रोम और फ़ायरफ़ॉक्स मैक पर के लिए, विंडोज (10) पर, यह वर्ण रहता है और अनुप्रयोगों है कि उन्हें समर्थन में नोटपैड और अदृश्य नरम हाइफ़न में कठिन हाइफ़न चिपकाता है। IE (win7) हमेशा हाइफ़न के साथ चिपकाता है, यहां तक ​​कि IE10 में भी, और सफ़ारी (मैक) एक तरह से कॉपी करता है जो कुछ अनुप्रयोगों (जैसे एमएस वर्ड) में हाइफ़न के रूप में चिपकाता है, लेकिन अन्य नहीं
• IE को छोड़कर सभी ब्राउज़रों के लिए पेज पर काम करता है ­और ­केवल सटीक कॉपी-और-पेस्ट किए गए मैचों से मेल खाता है (यहां तक ​​कि IE11 तक)
• खोज इंजन: Google ­सामान्य रूप से टाइप किए गए शब्दों से मेल खाता है । 2017 तक यह शब्दों से मेल नहीं खाता है ­। यैंडेक्स एपर्स समान होने के लिए। बिंग और Baidu या तो मेल नहीं खाते हैं।

---

झसे आज़माओ

अप-टू-डेट लाइव परीक्षण के लिए, यहां नरम हाइफ़न के साथ अद्वितीय शब्दों के कुछ उदाहरण हैं।

• ­- confumbabbl­ication­ism- असमंजसवाद
  • .................................................. .................................................. .......... confumbabblicationism
  • .................................................. .................................................. .............. confumbabblicationism

<wbr>- donfounbabbl<wbr>ication<wbr>ism। यह साइट <wbr/>आउटपुट से हटाती है। यहाँ परीक्षण के लिए एक jsbin.com स्निपेट है ।

• ­- eonfulbabbl­ication­ism- eonfulbablicationism
  • .................................................. .................................................. ............. eonfulbabblicationism
  • .................................................. .................................................. ................ eonfulbabblicationism

यहाँ वे बिना शर्मीले हाइफ़न के साथ हैं (यह खोज-ऑन-पृष्ठ परीक्षण में प्रतिलिपि बनाने और चिपकाने के लिए है, जो इस तरह से लिखा गया है जो खोज इंजन परीक्षणों को नहीं तोड़ेंगे):

ZZZconfumbabblicationismZZZdonfounbabblicationismZZZeonfulbabblicationismZZZ

ब्राउज़रों में प्रदर्शित करें

सफलता: एक सामान्य शब्द के रूप में प्रदर्शित करना, जहां इसे तोड़ना चाहिए, जब यह टूटता है और निर्दिष्ट स्थान पर हाइफ़ननेट करता है।

विफलता: असामान्य रूप से प्रदर्शित करना, या इच्छित स्थान पर तोड़ने में विफल होना।

• क्रोम (40.0.2214.115, मैक): ­सफलता, <wbr>सफलता, ­सफलता
• फ़ायरफ़ॉक्स (35.0.1, मैक): ­सफलता, <wbr>सफलता, ­सफलता
• सफारी (6.1.2, मैक): ­सफलता, <wbr> अभी तक परीक्षण नहीं किया गया , ­सफलता
• एज (विंडोज 10): ­सफलता, <wbr> असफलता (विराम लेकिन कोई हाइफ़न), ­सफलता
• IE11 (विंडोज 10): ­सफलता, <wbr> असफलता (कोई ब्रेक नहीं), ­सफलता
• IE10 (विंडोज 10): ­सफलता, <wbr> असफलता (कोई ब्रेक नहीं), ­सफलता
• IE8 (विंडोज 7): अनियमित - कभी-कभी, उनमें से कोई भी काम नहीं करता है और वे सभी बस सीएसएस का पालन करते हैं word-wrap। कभी-कभी, वे सभी काम करने लगते हैं। अभी तक कोई स्पष्ट पैटर्न क्यों नहीं मिला।
• IE7 (विंडोज 7): ­सफलता, <wbr>सफलता, ­सफलता

ब्राउज़रों में कॉपी-पेस्ट करें

सफलता: पूरे शब्द की नकल और पेस्ट, अनहेल्दी। (ब्राउज़र खोज, एमएस वर्ड 2011, और उदात्त पाठ में मैक पर परीक्षण किया गया)

विफलता: एक हाइफ़न, स्पेस, लाइन ब्रेक या जंक पात्रों के साथ चिपकाना।

• क्रोम (40.0.2214.115, मैक): ­सफलता, <wbr>सफलता, ­सफलता
• फ़ायरफ़ॉक्स (35.0.1, मैक): ­सफलता, <wbr>सफलता, ­सफलता
• Safari (6.1.2, Mac): MS Word में ­ विफल (सभी हाइफ़न के रूप में चिपकाता है), अन्य अनुप्रयोगों में सफलता <wbr> विफल , एमएस वर्ड में ­ विफल (सभी हाइफ़न के रूप में चिपकाता है), अन्य अनुप्रयोगों में सफलता
• IE10 (Win7): ­ असफल सभी हाइफ़न के रूप में चिपकाता है, <wbr> असफल , ­ असफल हाइफ़न के रूप में चिपकाता सभी
• IE8 (Win7): ­ असफल सभी हाइफ़न के रूप में चिपकाता है, <wbr> असफल , ­ असफल हाइफ़न के रूप में चिपकाता सभी
• IE7 (Win7): ­ असफल सभी हाइफ़न के रूप में चिपकाता है, <wbr> असफल , ­ असफल हाइफ़न के रूप में चिपकाता सभी

खोज इंजन मिलान

नवंबर 2017 में अपडेट किया गया। <wbr>परीक्षण नहीं किया गया क्योंकि स्टैकऑवरफ्लो के सीएमएस ने इसे छीन लिया।

सफलता: पूरे, गैर-हाइफ़न शब्द पर खोज इस पृष्ठ को खोजती है।

विफलता: खोज इंजन केवल शब्दों के टूटे हुए खंडों या हाइफ़न वाले किसी शब्द की खोज पर इस पृष्ठ को खोजते हैं।

• Google: ­विफल, ­सफल होता है
• बिंग: ­विफल, ­विफल
• Baidu: ­विफल रहता है, ­विफल रहता है (अब तार के भीतर टुकड़े मिलान कर सकते हैं लेकिन युक्त अपने दम पर शब्द नहीं एक ­या ­)
• यैंडेक्स: ­विफल रहता है, ­सफल होता है (हालांकि यह संभव है कि यह Baidu की तरह एक स्ट्रिंग टुकड़ा मिलान कर रहा है, 100% निश्चित नहीं है)

ब्राउज़र पर पृष्ठ पर खोजें

सफलता और विफलता खोज इंजन मिलान के रूप में।

• क्रोम (40.0.2214.115, मैक): ­सफलता, <wbr>सफलता, ­सफलता
• फ़ायरफ़ॉक्स (35.0.1, मैक): ­सफलता, <wbr>सफलता, ­सफलता
• सफारी (6.1.2, मैक): ­सफलता, <wbr>सफलता, ­सफलता
• IE10 (Win7): ­ असफल ही मेल खाता है जब दोनों शर्मीली हाइफ़न, शामिल <wbr>सफलता, ­ असफल ही मेल खाता है जब दोनों शर्मीली हाइफ़न शामिल
• IE8 (Win7): ­ असफल ही मेल खाता है जब दोनों शर्मीली हाइफ़न, शामिल <wbr>सफलता, ­ असफल ही मेल खाता है जब दोनों शर्मीली हाइफ़न शामिल
• IE7 (Win7): ­ असफल ही मेल खाता है जब दोनों शर्मीली हाइफ़न, शामिल <wbr>सफलता, ­ असफल ही मेल खाता है जब दोनों शर्मीली हाइफ़न शामिल

Comments

आज, <wbr/>फ़ायरफ़ॉक्स और क्रोम में काम करता है। (और, ईमानदार होने के लिए, मुझे संदेह है कि यह फरवरी में भी किया था, कम से कम विंडोज पर।)

— एंड्रियास रिब्रांडैंड

मैं विंडोज 7 पर क्रोम और फ़ायरफ़ॉक्स के नवीनतम संस्करणों का उपयोग कर रहा हूं, और <wbr/>दोनों में काम करता हूं । कृपया ध्यान दें कि जब ब्रेक होता है तो <wbr>तत्व एक हाइफ़न जोड़ने वाला नहीं होता है। दूसरे शब्दों में, <wbr/>और एक ही काम करने वाले नहीं­ हैं ।

— एंड्रियास रिजेब्रांड

आह, इसे देखकर ऐसा लग रहा है कि एसई के सीएमएस ने एस को <wbr/>अंतिम मार्कअप से हटा दिया है , जबकि उन्हें स्रोत कोड में रखा गया है। लानत है तुम एसई! संपादित करेंगे ..

— user56reinstatemonica8

अजीब बात है, उस 'बग' को पुन: पेश नहीं कर सकता।

— एंड्रियास रिब्रांडैंड

क्या परीक्षण का कोई मतलब है ­और ­? एक बार जब वे डीओएम पर पहुंचते हैं तो वे सचमुच एक ही होते हैं ; केवल HTML टोकन में वे सभी अलग-अलग हैं।

— 14

Answer 3

CSS3 में हाइफ़नेशन को मानकीकृत करने का प्रयास चल रहा है ।

कुछ आधुनिक ब्राउज़र, विशेष रूप से सफारी और फ़ायरफ़ॉक्स, पहले से ही इसका समर्थन करते हैं। यहाँ ब्राउज़र समर्थन पर एक अच्छा और अद्यतित संदर्भ है ।

एक बार CSS हाइफ़नेशन सार्वभौमिक रूप से लागू हो जाता है, जो सबसे अच्छा समाधान होगा। इस बीच, मैं सिफारिश कर सकते हैं Hyphenator - एक जे एस स्क्रिप्ट है कि कैसे को किसी खास ब्राउज़र के लिए सबसे उपयुक्त में अपना पाठ hyphenate के लिए बाहर के आंकड़े।

Hyphenator:

• आमतौर पर LaTeX और OpenOffice से जाने जाने वाले फ्रैंकलिन एम। लिआंग हाइफ़नेशन एल्गोरिथ्म पर निर्भर करता है ।
• यह उपलब्ध है, जहां CSS3 हाइफ़नेशन का उपयोग करता है,
• स्वचालित रूप ­से अधिकांश अन्य ब्राउज़रों पर सम्मिलित करता है,
• कई भाषाओं का समर्थन करता है,
• अत्यधिक विन्यास योग्य है,
• यदि मामले में जावास्क्रिप्ट सक्षम नहीं है तो इनायत से वापस गिर जाता है।

मैंने इसका उपयोग किया है और यह बहुत अच्छा काम करता है!

Comments

फ़ायरफ़ॉक्स संपत्ति का समर्थन करता है, लेकिन लागू होने पर कुछ भी नहीं करता है

— bob0the0mighty

मैं गलत था, फ़ायरफ़ॉक्स काम करता है लेकिन आपको अपने html टैग में एक लंग प्रकार शामिल करना होगा।

— bob0the0mighty

हाइफ़नेटर लिपि का अब कोई रख-रखाव नहीं है, लेकिन यहाँ उपलब्ध एक ही लेखक का एक नया संस्करण है: github.com/mnater/Hyphenopoly

— MattFisch

Answer 4

मैं उपयोग करता हूं ­, जहां आवश्यक हो वहां मैन्युअल रूप से डाला जाता है।

मुझे हमेशा यह अफ़सोस होता है कि लोग तकनीक का उपयोग नहीं करते हैं क्योंकि कुछ है - शायद पुराना या अजीब-ब्राउज़र जिसके आसपास उन्हें निर्दिष्ट नहीं किया गया है। मैंने पाया कि ­हाल ही में इंटरनेट एक्सप्लोरर और फ़ायरफ़ॉक्स ब्राउज़र दोनों में ठीक से काम कर रहा है, जो पर्याप्त होना चाहिए। यदि आप कुछ अजीब ब्राउज़र के साथ आसपास आते हैं तो आप लोगों को कुछ जोखिम का उपयोग करने या अपने जोखिम पर जारी रखने के लिए कह रहे एक ब्राउज़र चेक शामिल कर सकते हैं।

पाठ्यक्रम आसान नहीं है और मैं इसे कुछ जावास्क्रिप्ट के लिए छोड़ने की सिफारिश नहीं कर सकता । यह एक भाषा विशेष विषय है और यदि आप इसे अपने पाठ को चिढ़ाने के लिए नहीं चाहते हैं तो डेस्कमैन द्वारा सावधानीपूर्वक संशोधित करने की आवश्यकता हो सकती है। कुछ भाषाएँ, जैसे कि जर्मन, यौगिक शब्द बनाती हैं और उनके अपघटन की समस्या का कारण बन सकती हैं। उदाहरण के लिए Spargelder( रोगाणु को बचाया पैसा, pl।), शब्दांश नियमों द्वारा, दो स्थानों पर लपेटा जा सकता है ( Spar-gel-der)। हालांकि, इसे दूसरी स्थिति में लपेटकर, पहले भाग को Spargel-( रोगाणु। शतावरी) के रूप में दिखाने के लिए बदल जाता है, जिससे पाठक के सिर में पूरी तरह से भ्रामक अवधारणा सक्रिय हो जाती है और इसलिए जोर से बचना चाहिए।

और स्ट्रिंग के बारे में क्या Wachstube? इसका अर्थ या तो 'गार्डरूम' ( Wach-stu-be) या 'ट्यूब ऑफ मोम' ( Wachs-tu-be) हो सकता है। आप शायद अन्य भाषाओं में भी अन्य उदाहरण पा सकते हैं। आपको एक ऐसा वातावरण प्रदान करने का लक्ष्य रखना चाहिए जिसमें डेस्कमैन को एक सुव्यवस्थित पाठ, प्रत्येक महत्वपूर्ण शब्द को प्रूफ-रीडिंग बनाने में समर्थन किया जा सके।

Comments

स्पार-गेल्डर बनाम स्पार्गेल-डेर की अंग्रेजी में सामान्य उदाहरण "री-कॉर्ड" बनाम "रिक-ऑर्ड" (होमोग्राफ नहीं बल्कि होमोफोन्स) है। पूर्व एक क्रिया है, बाद एक संज्ञा है। एल्गोरिदम आमतौर पर इसके लिए पर्याप्त स्मार्ट नहीं होते हैं, यहां तक ​​कि अंग्रेजी में (आईटी में सबसे अच्छी समर्थित भाषाओं में से एक)।

— निकोलस शैंक्स

मैं विशेषज्ञों-विनिमय बनाम विशेषज्ञ-सेक्सचेंज

— सीजे डेनिस

Answer 5

यह ध्यान देना बहुत महत्वपूर्ण है कि, HTML5 के रूप में, <wbr>और ­ एक ही काम करने वाले नहीं हैं !

मुलायम हाइफ़न

­एक नरम हाइफ़न है, यानी, U + 00AD: सॉफ्ट HYPHEN। उदाहरण के लिए,

innehålls­förteckning

के रूप में प्रस्तुत किया जा सकता है

innehållsförteckning

या के रूप में

innehålls-
förteckning

आज तक, सॉफ्ट हाइफ़न फ़ायरफ़ॉक्स, क्रोम और इंटरनेट एक्सप्लोरर में काम करते हैं।

wbrतत्त्व

wbrतत्व एक शब्द ब्रेक अवसर है, जो एक हाइफन से प्रदर्शित नहीं होगा अगर एक लाइन ब्रेक होता है। उदाहरण के लिए,

ABCDEFG<wbr/>abcdefg

के रूप में प्रस्तुत किया जा सकता है

ABCDEFGabcdefg

या के रूप में

ABCDEFG
abcdefg

आज तक, यह तत्व फ़ायरफ़ॉक्स और क्रोम में काम करता है।

Answer 6

शून्य चौड़ाई अंतरिक्ष इकाई के स्थान पर इस्तेमाल किया जा सकता <wbr>मज़बूती पर हर मंच वस्तुतः टैग।

​

उपयोगी भी शब्द जॉइनर इकाई है, जिसका उपयोग ब्रेक को प्रतिबंधित करने के लिए किया जा सकता है। (जहां आप ब्रेक चाहते हैं, सिवाय एक शब्द के प्रत्येक वर्ण के बीच डालें।)

⁠

इन दोनों के साथ, आप कुछ भी कर सकते हैं।

Comments

एक शून्य-चौड़ाई वाला स्थान (ZWSP, U + 200B ​), बिल्कुल वैसा <wbr>ही है (iirc; यह कुछ समय रहा है), लेकिन बेहतर समर्थित (सार्वभौमिक रूप से, आजकल)। यह वही है जो मैं देख रहा था, क्योंकि यह टूटे हुए शब्दों के लिए एक हाइफ़न नहीं जोड़ता है, उदाहरण के लिए जब एक s/,/,\​/gप्रतिस्थापन के माध्यम से चलने के लिए अल्पविराम से अलग किए गए मानों को लपेटने की अनुमति देता है ।

— एडम काटज़

Answer 7

यह एक क्रॉसब्रोसर समाधान है जिसे मैं थोड़ी देर पहले देख रहा था जो क्लाइंट पर चलता है और jQuery का उपयोग करता है:

(function($) { 
  $.fn.breakWords = function() { 
    this.each(function() { 
      if(this.nodeType !== 1) { return; } 

      if(this.currentStyle && typeof this.currentStyle.wordBreak === 'string') { 
        //Lazy Function Definition Pattern, Peter's Blog 
        //From http://peter.michaux.ca/article/3556 
        this.runtimeStyle.wordBreak = 'break-all'; 
      } 
      else if(document.createTreeWalker) { 

        //Faster Trim in Javascript, Flagrant Badassery 
        //http://blog.stevenlevithan.com/archives/faster-trim-javascript 

        var trim = function(str) { 
          str = str.replace(/^\s\s*/, ''); 
          var ws = /\s/, 
          i = str.length; 
          while (ws.test(str.charAt(--i))); 
          return str.slice(0, i + 1); 
        }; 

        //Lazy Function Definition Pattern, Peter's Blog 
        //From http://peter.michaux.ca/article/3556 

        //For Opera, Safari, and Firefox 
        var dWalker = document.createTreeWalker(this, NodeFilter.SHOW_TEXT, null, false); 
        var node,s,c = String.fromCharCode('8203'); 
        while (dWalker.nextNode()) { 
          node = dWalker.currentNode; 
          //we need to trim String otherwise Firefox will display 
          //incorect text-indent with space characters 
          s = trim( node.nodeValue ).split('').join(c); 
          node.nodeValue = s; 
        } 
      } 
    }); 

    return this; 
  }; 
})(jQuery); 

Answer 8

मैं उपयोग करने का सुझाव देता हूं wbr, इसलिए कोड को इस तरह लिखा जा सकता है:

<p>这里有一段很长，很长的<wbr
></wbr>文字；这里有一段</p>

यह चार्जर्स के बीच स्थान का नेतृत्व नहीं करेगा, जबकि ­लाइन ब्रेक द्वारा बनाई गई जगहों को बंद नहीं करेगा।

Answer 9

मैंने समस्या को हल करने के लिए कुछ डेस्कटॉप और मोबाइल ब्राउज़रों में सफलतापूर्वक सॉफ्ट हाइफन यूनिकोड चरित्र का उपयोग किया ।

यूनिकोड प्रतीक है \u00ADऔर पाइथन यूनिकोड स्ट्रिंग की तरह सम्मिलित करना बहुत आसान है s = u'Языки и методы програм\u00ADми\u00ADро\u00ADва\u00ADния'।

अन्य समाधान यूनिकोड चार को सम्मिलित करना है, और स्रोत स्ट्रिंग सब्लिम टेक्स्ट, केट, गनी जैसे संपादकों में पूरी तरह से साधारण दिखाई देगा, (कर्सर हालांकि अदृश्य प्रतीक को महसूस करेगा)।

घर के औजारों के हेक्स संपादक इस कार्य को आसानी से स्वचालित कर सकते हैं।

एक आसान कीचड़ दुर्लभ और दृश्यमान चरित्र ¦का उपयोग करने के लिए है , जैसे , जो कॉपी और पेस्ट करना आसान है, और इसका उपयोग करके नरम हाइफ़न पर प्रतिस्थापित करना है , जैसे कि दृश्य स्क्रिप्ट में $(document).ready(...)। जैसे स्रोत कोड की s = u'Языки и методы про¦гра¦м¦ми¦ро¦ва¦ния'.replace('¦', u'\u00AD')तुलना में पढ़ने के लिए आसान है s = u'Языки и методы про\u00ADг\u00ADра\u00ADм\u00ADми\u00ADро\u00ADва\u00ADния'।

Answer 10

यदि आप इकाई के ­बजाय यूनिकोड स्ट्रिंग का उपयोग करते हैं, तो कभी-कभी वेब ब्राउज़र अधिक क्षमा करने लगते हैं ­।

Answer 11

यदि आपके पास दुर्भाग्य है और अभी भी जेएसएफ 1 का उपयोग करना है, तो एकमात्र समाधान का उपयोग करना है & # 173 ;, शर्मीली; काम नहीं करता।

Answer 12

<wbr> और शर्मीली;

आज आप दोनों का उपयोग कर सकते हैं।

<wbr> तोड़ने के लिए उपयोग करें और अधिक जानकारी न डालें।

उदाहरण, लिंक दिखाने के लिए उपयोग करें:

 https://stackoverflow.com/questions/226464/soft-hyphen-in-html-wbr-vs-shy

और संकोच; जब आवश्यक हो, इस बिंदु पर पाठ टूट जाएगा और एक हाइफ़न जोड़ देगा।

उदाहरण:

"; Im & shy; pos & shy; sí & shy; वेल पा & शर्मीला; उम उम & शर्मी; मेम a & shy; pren & shy; der a & shy; qui & shy; lo que ele acha que já sa & shy; be;"

div{
  max-width: 130px;
  border-width: 2px;
  border-style: dashed;
  border-color: #f00;
  padding: 10px;
}

<div>https://<wbr>stackoverflow.com<wbr>/questions/226464<wbr>/soft-hyphen-in-<wbr>html-wbr-vs-shy</div>

<div>É im&shy;pos&shy;sí&shy;vel pa&shy;ra um ho&shy;mem a&shy;pren&shy;der a&shy;qui&shy;lo que ele acha que já sa&shy;be.</div>