2013-09-04 36 views
9

में शीर्षक विशेषता में NEWLINE नए कर सकते हैं मैं इसकैसे मैं HTML

<a href="#" title="select from 1: this 2: that" > Click here </a>

उपयोग कर रहा हूँ जब कोई उस पर होवर मैं एक पंक्ति में सभी पाठ देखते हैं।

क्या इसे नई लाइन पर दिखाने का कोई तरीका है?

+0

http://stackoverflow.com/a/246451/2261259 – Shadow

उत्तर

3
<a href="#" title="select from 
1: this 
2: that" > Click here </a> 
+0

लेकिन क्या बारे में अगर काम करता है मैं गतिशील रूप से डेटाबेस से उत्पन्न कर रहा हूँ। मुझे किस चरित्र को – user26

7

जैसा कि आपने इसे सुलभता के साथ टैग किया है, मैं कहूंगा कि सबसे मजबूत दृष्टिकोण जानकारी के लिए शीर्षक पर भरोसा नहीं करना है।

current HTML spec इस उपयोग को लोगों का उपयोग करने के लिए प्रोत्साहित करता है जो माउस का उपयोग नहीं कर सकते हैं (उदा। गतिशीलता की कमी के कारण) लेकिन कीबोर्ड का उपयोग करें और स्क्रीन देखें कि आपका टूलटिप/शीर्षक टेक्स्ट कभी नहीं देखेगा। टच स्क्रीन का उपयोग करने वाले लोग इसका उपयोग नहीं कर सकते हैं।

स्क्रीन रीडर का उपयोग करने वाले अधिकांश लोग शीर्षक टेक्स्ट से अवगत नहीं होंगे, हालांकि अधिकांश स्क्रीन पाठकों में इसका उपयोग करना संभव है, इसे डिफ़ॉल्ट रूप से नहीं पढ़ा जाता है, और किसी को इसे देखने के लिए जानना होगा। (। और there are more issues)

कल्पना का सुझाव लाइन ब्रेक के लिए इस का उपयोग करते हुए: शीर्षक विशेषता के मान "वामो" (U + 000A) वर्ण हैं

हैं, तो सामग्री को कई पंक्तियों में विभाजित है। प्रत्येक "एलएफ" (यू + 000 ए) चरित्र एक लाइन ब्रेक का प्रतिनिधित्व करता है।

हालांकि, नई लाइनों का प्रदर्शन ब्राउज़र पर निर्भर है (How can I use a carriage return in a HTML tooltip)।

मुझे संदेह है कि समग्र यूआई दृष्टिकोण को थोड़ा और विचार चाहिए, क्योंकि कई लोग आपके उदाहरण में निर्देश के प्रकार से उलझन में होंगे, यानी यदि कई विकल्प हैं तो इसे प्राप्त करने पर क्लिक करने पर क्या क्लिक होता है?

यदि आपकी स्थिति write good link text पर मुश्किल हो जाती है तो मैं UX stackexchange पर बातचीत के बारे में और अधिक पोस्ट करूंगा।

4

अगर आप इसे पैदा कर रहे हैं गतिशील रूप से डाल \ N

$(td).attr("title", "One \n Two \n Three"); 
14

इस कोड के साथ प्रयास करें यह

<a href="#" title="select from 1: this &#013; 2: that" > Click here </a> 
+2

डालने की आवश्यकता है यह क्रोम 43 में काम नहीं करता है। यह कहां काम करता है? – matty

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