Freecodecamp: [बीटा] एप्लाइड विज़ुअल डिज़ाइन शब्दार्थ का एक बुरा विचार देता है

@ फेसुंडो-कोराडिनी आप सही हैं - यह रिपोर्ट करने के लिए धन्यवाद। क्या आप इसे ठीक करने में सहज होंगे? यदि हाँ, तो कृपया हमारे योगदान संबंधी दिशानिर्देशों को देखें । आप Applied Visual Design: Use the em Tag to Emphasize Text शीर्षक का नाम बदल सकते हैं।

मैं जरूरत पड़ने पर इस मुद्दे पर मदद करना पसंद करूंगा

@manuhdez यह बहुत अच्छा है। कृपया हमारे योगदान संबंधी दिशानिर्देशों को देखें ।
@raisedadead , @systimotic क्या हमें इसे लागू करना चाहिए?

हाय @ फेसुंडो-कोराडिनी ने चिंता को बढ़ाने और चुनौती की समीक्षा के लिए समय निकालने के लिए धन्यवाद दिया।

क्या आप कृपया कुछ सुझाए गए बदलावों की मदद कर सकते हैं जो कि इस अंतर के महत्व को स्पष्ट करने में मदद करने वाली क्रिया के लिए किए जाने चाहिए?

मैं मानता हूं, मौजूदा वर्बेज गलत अवधारणा को सीख सकता है।

ज़रूर। मुझे एक प्रस्ताव पर काम करने दो, फिर मैं इसे अपलोड करूंगा और यदि आप सहमत हैं तो मैं परिवर्तनों में काम कर सकता हूं।

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

अरे वहाँ @ फेसुंडो-कोराडिनी! कैसा चल रहा है?

हे लोगों,

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

चूंकि कुछ संरचनात्मक शब्दार्थ एक्सेसिबिलिटी सेक्शन में शामिल किए गए हैं, हो सकता है कि कुछ पाठ-स्तर के शब्दार्थों को जोड़ना वहाँ जाने का रास्ता हो। या शायद बाद में लागू दृश्य डिजाइन अनुभाग में एक टाइमआउट के रूप में। लेकिन मुझे यकीन नहीं है कि अगर हम अभी भी पाठ्यक्रम में बदलाव के लिए समय पर हैं (मेरा मानना ​​है कि हम नहीं हैं, क्या हम हैं?)

तो विकल्प होंगे:

० - चुनौती को वैसे ही छोड़ दें

1- "पाठ पर जोर दें ..." शीर्षक बदलें और पाठ को इटैलिकाइज़ करने के अन्य तरीके बताएं, जो
1- ए - बाद में काल्पनिक नए पाठ-स्तर के शब्दार्थ खंड में शामिल किया जाएगा
5.B - बस पाठ-स्तरीय शब्दार्थ पर एक अच्छा स्रोत लिंक

2- टेक्स्ट-स्टाइलिंग जैसे अंडरलाइन्स, स्ट्राइक-थ्रू, फॉन्ट-वेट और इटैलिक्स को स्पैन जैसे न्यूट्रल टैग में बदल दें और उन्हें सीएसएस आधारित चुनौतियों में बदल दें, जिसमें बताया गया है कि अलग-अलग टैग हैं जो विज़ट लागू करते हैं डिफ़ॉल्ट रूप से शैली, जो फिर से
5.A - बाद में काल्पनिक नए पाठ-स्तरीय शब्दार्थ खंड में शामिल किया जाएगा
5.B - बस पाठ-स्तरीय शब्दार्थ पर एक अच्छा स्रोत लिंक

मुझे लगता है कि सबसे अच्छा समाधान 2A है, 1A वास्तव में एक अच्छा समझौता है।

फिर भी यथार्थवादी होना, शायद 1 बी तरीका है। एक शीर्षक जो समझ में आता है, एक विवरण के साथ, जो इस मुद्दे को संबोधित करता है, और सर्वश्रेष्ठ शिविरार्थियों के लिए गोता लगाने के लिए एक कड़ी ... वास्तविक चुनौतियों या पाठ्यक्रम को बदलने की आवश्यकता के बिना।

विचार?

@ फेसुंडो-कोराडिनी, wha स्रोत क्या आपके पास पाठ-स्तरीय शब्दार्थ के लिए ध्यान में है?

@raisedadead ,
मुझे लगता है कि प्रश्न में चुनौतियां निम्नलिखित हैं:

एकाधिक शीर्षक तत्वों के लिए फ़ॉन्ट-आकार सेट करें
एकाधिक शीर्षक तत्वों के लिए फ़ॉन्ट-वजन सेट करें
पैराग्राफ पाठ का फ़ॉन्ट-आकार सेट करें
अनुच्छेदों की लाइन-ऊँचाई निर्धारित करें

जब तक हमें एक अच्छा समाधान नहीं मिल जाता, मुझे लगता है कि हमें बीटा के बाद तक अलग होना चाहिए।
मैं एक पीआर बना सकता था और उन्हें बीज से निकाल सकता था।

मैं एक पीआर बना सकता था और उन्हें बीज से निकाल सकता था।

क्या आपका मतलब है कि अब उन्हें हटा दें, यदि हाँ। मुझे लगता है कि वे सबसे अच्छे हैं क्योंकि यह इतना है कि हम अधिक प्रतिक्रिया एकत्र करने में सक्षम हैं।

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

@ahmadabdolsaheb किसी तरह माफ करना, मैं नोटिफिकेशन से चूक गया

आपके द्वारा उद्धृत (फ़ॉन्ट-आकार, फ़ॉन्ट-वजन और रेखा-ऊंचाई) सीधे शब्दार्थ से संबंधित नहीं हैं। सिवाय अगर कुछ अजीब करने के लिए, जैसे कि आपके सभी पाठ <p> टैग के रूप में हों और हेडर के रूप में कुछ इंगित करने का प्रयास करते समय फ़ॉन्ट आकार समायोजित करें। लेकिन उस स्पष्टीकरण में पहले खंड पर <h> और <p> तत्वों की शुरूआत में पूरी तरह से ध्यान रखा गया है, साथ ही _Applied विज़ुअल डिज़ाइन में आगे स्पष्ट किया गया है: एक हेडर वर्सस के आकार को समायोजित करें अनुच्छेद टैग_:

हेडर टैग (h1 के माध्यम से h1) का फ़ॉन्ट आकार आम तौर पर पैराग्राफ टैग के फ़ॉन्ट आकार से बड़ा होना चाहिए। इससे उपयोगकर्ता को पृष्ठ पर हर चीज के लेआउट और स्तर के महत्व को समझना आसान हो जाता है। आप एक तत्व में पाठ के आकार को समायोजित करने के लिए फ़ॉन्ट-आकार की संपत्ति का उपयोग करते हैं।

चुनौती वाले खंड हैं:

- टेक्स्ट को बोल्ड बनाने के लिए मजबूत टैग का उपयोग करें: <strong> तत्व उस सामग्री के लिए है जो अधिक महत्व की है (जैसे कि चेतावनी), जबकि <b> तत्व का उपयोग बिना पाठ पर ध्यान आकर्षित करने के लिए किया जाता है यह दर्शाता है कि यह अधिक महत्वपूर्ण है। दोनों ही डिफ़ॉल्ट रूप से बोल्ड हैं, लेकिन उनका अर्थ समान नहीं है

- टेक्स्ट को अंडरलाइन करने के लिए यू टैग का उपयोग करें: यह संभवतः सबसे अधिक जटिल है .. W3C अनुशंसा को उद्धृत करते हुए:

यू तत्व एक गैर-पाठ के साथ पाठ की अवधि का प्रतिनिधित्व करता है, हालांकि स्पष्ट रूप से गाया, गैर-पाठीय एनोटेशन, जैसे कि पाठ को चीनी पाठ में एक उचित नाम (एक चीनी उचित नाम चिह्न) के रूप में लेबल किया जा रहा है, या पाठ को गलत वर्तनी के रूप में लेबल किया गया है। (...) ज्यादातर मामलों में, एक और तत्व अधिक उपयुक्त होने की संभावना है

जहां तक ​​मुझे पता है, ज्यादातर भाषाओं में हम केवल हेडर और ऐसे के लिए अंडरलाइन्स चाहते हैं, और इसे <h(x)> टैग को स्टाइल के साथ संबोधित किया जाना चाहिए। वर्तनी की त्रुटियां एक और उपयोग का मामला है, लेकिन हम शायद ही कभी इस तरह के परिदृश्य में होंगे जैसा कि जानबूझकर वर्तनी त्रुटियों को लिखना और चिह्नित करना है ...

- टेक्स्ट को प्रसारित करने के लिए em टैग का उपयोग करें:
<em> टैग जोर देने के लिए है, उदाहरण के लिए, यदि कोई पाठ शब्दार्थ पसंद करता है, लेकिन यह कोई विशेषज्ञ नहीं है (: p), तो आप कह सकते हैं कि "मैं पाठ शब्दार्थों में _that_ नहीं हूं"। "उस" शब्द पर जोर देने से यह स्पष्ट हो जाता है कि, जबकि वह इस पर रुचि रखते हैं, वह इसे हर बार गलत चीजों का उपयोग करने से नहीं रोकेंगे।
<em> डिफ़ॉल्ट रूप से italicized है, लेकिन कुछ भी हमें <em> टैग जो भी हम चाहते हैं देने से रोकता है। मैं आमतौर पर इसमें कुछ बोल्डर फॉन्ट-वेट भी जोड़ता हूं।
उसी तरह, प्रत्येक इटैलिकाइज़्ड पाठ जोर देने के लिए नहीं है। परिभाषाओं, तकनीकी शब्दों या एक विदेशी भाषा (सामान्य रूप से लैटिन अभिव्यक्ति) में लिखे गए लोगों के बारे में सोचें। वे परिदृश्य हैं जहां
<i> टैग सही विकल्प है।
या यहां तक ​​कि <cite> तत्व इटैलिकाइज़ किए गए पाठ को दिखाने का सही तरीका हो सकता है, जब किसी कार्य या लेखक का नाम संदर्भित किया जाता है, आमतौर पर <q> या <blockquote> साथ एक साथ उपयोग किया जाता है

-ड्रेस टैग को स्ट्राइकथ्रू पाठ पर प्रयोग करें :
<del> हटाए गए सामग्री के लिए अभिप्रेत है, उदाहरण के लिए, जब किसी दस्तावेज़ के पिछले संस्करण से हटाई गई सामग्री, जैसे कि गिट (हब) एक स्ट्राइकथ्रू और एक लाल पृष्ठभूमि के साथ गैर-स्ट्राइकड्रॉल और नए / परिवर्तित भागों के लिए हरी पृष्ठभूमि।
<del> लिए डिफ़ॉल्ट आउटपुट एक स्ट्राइकथ्रू है, लेकिन जब भी आप टेक्स्ट को स्ट्राइकथ्रू करना चाहते हैं, तो आपको <del> उपयोग नहीं करना चाहिए।
उदाहरण के लिए, आप उन चीजों के बदले <s> तत्व का उपयोग करना चाह सकते हैं जो अब प्रासंगिक नहीं हैं, उदाहरण के लिए, जब रियायती उत्पाद मूल्य टैग पर संदर्भ नियमित मूल्य अंकित करते हैं।
या बस एक <span> और इसे स्ट्राइकथ्रू के रूप में स्टाइल करें यदि उपरोक्त परिभाषाएं कुछ पाठ के माध्यम से हड़ताल करने के लिए आपके विशेष कारण पर लागू नहीं होती हैं।

उन सभी वर्गों को, फिर भी, एप्लाइड विज़ुअल डिज़ाइन के लिए आवश्यक है।

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

पाठ-स्तरीय शब्दार्थ के लिए मेरा पसंदीदा स्रोत W3C की सिफारिश है।
https://www.w3.org/TR/2016/REC-html51-20161101/textlevel-semantics.html
उदाहरण के लिए, प्रत्येक टैग के उपयोग मामलों पर एमडीएन स्पष्टीकरण
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong

हालांकि थोड़ा बहुत तकनीकी हो सकता है, इसलिए मैं कुछ और नौसिखिया-अनुकूल विकल्पों की खोज करने का ध्यान रख सकता हूं, या यदि आप :) करना चाहते हैं, तो अपने आप को फ्रीकोडकोड ब्लॉग में लिखें।

मुझे लगता है कि चुनौती का शीर्षक और <em> का उपयोग इटैलिकाइज़ करने के लिए पूरी तरह से गलत है और इसे इसका नाम दिया जाना चाहिए:
एप्लाइड विज़ुअल डिज़ाइन: टेक्स्ट को इटैलिक करने के लिए इटैलिक फॉन्ट-स्टाइल का उपयोग करना

और पाठ को इससे बदलें:

पाठ पर जोर देने के लिए, आप उन्हें टैग का उपयोग कर सकते हैं। यह पाठ इटैलिकाइज़्ड के रूप में प्रदर्शित करता है, क्योंकि ब्राउज़र फ़ॉन्ट-शैली का सीएसएस लागू करता है: इटैलिक; तत्व को।

सेवा

पाठ को इटैलिकाइज़ करने के लिए, उस नियम को लागू करें _font-style: italic_ जिस तत्व को आप इटैलिक शैली में दिखाना चाहते हैं।

और इसलिए, <em> उपयोग अपनी स्वयं की चुनौती के साथ एप्लाइड एक्सेसिबिलिटी सेक्शन में अधिक पर्याप्त उपस्थिति हो सकता है।

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

@screensneedfoodtoo , विचार?

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

इसे बासी के रूप में बंद करना। यदि कोई बातचीत जारी रखना चाहता है, तो एक संदेश छोड़ने के लिए स्वतंत्र महसूस करें और हम इसे फिर से खोल सकते हैं। धन्यवाद और खुश कोडिंग सभी को everyone