मैं एसएमएसीएसएस और ओओसीएसएस जैसे सीएसएस कोडिंग पद्धतियों को देख रहा हूं। कुछ होमवर्क करने और बड़ी साइटों की शैलियों का निरीक्षण करने के बाद (जैसे Google, फेसबुक) मैंने बहुत ही चुनिंदा चयनकर्ता नामों को देखा है, जैसे ._50x4 बिना स्टाइलिस्ट या सामग्री अर्थशास्त्र के।सीएसएस चयनकर्ता नाम मैंगलिंग?
मुझे आश्चर्य है कि क्या ये बड़ी साइटें उनके सीएसएस चयनकर्ता नामकरण के लिए कुछ प्रकार के नाम का उपयोग कर रही हैं?
आपके द्वारा निर्दिष्ट विशिष्ट चयनकर्ता को पुन: निर्दिष्ट करें: ._50x4 प्रश्न में।
यह चयनकर्ता अजीब दिखता है, लेकिन वास्तव में यह अमान्य या उलझन में नहीं है।
किसी संख्या (या आईडी) चयनकर्ता के लिए यह संख्या के साथ शुरू करने के लिए अमान्य है, इसलिए .55x4 अमान्य होगा। लेकिन एक अंडरस्कोर एक वर्ग के लिए एक वैध पहला चरित्र है।
इसलिए, चयनकर्ता ._55x4 वास्तव में 55x4 नामक कक्षा रखने का एक तरीका है, लेकिन इसे वैध बनाने के लिए इसकी शुरुआत में अंडरस्कोर के साथ।
आप 55x4 नामक कक्षा क्यों चाहेंगे? खैर, आपको उस साइट के डेवलपर्स से पूछना होगा जहां आपको वास्तविक जवाब चाहिए, लेकिन आपने फेसबुक और Google का उल्लेख किया है, इसलिए हम थोड़ा अनुमान लगा सकते हैं।
फेसबुक और Google दोनों अत्यधिक उच्च ट्रैफ़िक साइटें हैं। इसलिए, जहां तक वे चिंतित हैं, उनके एचटीएमएल/सीएसएस/जेएस कोड के आकार को एक ही चरित्र द्वारा कम करने से उनकी बैंडविड्थ लागत में बड़ा अंतर आता है।
आप या मैंने कक्षा को अधिक पठनीय नाम के साथ नामित किया हो सकता है, लेकिन जब आप बैंडविड्थ के हर संभव बाइट को सहेजने की कोशिश कर रहे हैं, तो समझदार नाम खिड़की से बाहर निकलते हैं। उतना ही वही है जितना कि उन्होंने अपने जावास्क्रिप्ट कोड को अपठनीय बनाने के बिंदु पर छोटा कर दिया है, वे अपने एचटीएमएल और सीएसएस कोड को जितना संभव हो उतना छोटा बनाने के लिए अनुकूलित कर सकते हैं। इस तरह पागल वर्ग के नाम परिणाम हैं।
यह कहना नहीं है कि यह वर्ग का नाम पूरी तरह से पागल है - आपने इसे पूरी तरह से संदर्भ से बाहर उद्धृत किया है, इसलिए पृष्ठ पर कुछ पर 55 और 4 नंबर लागू हो सकते हैं। मुझे नहीं पता, और बिना किसी संदर्भ के, कोई और नहीं करता है।
लेकिन मैं यह इतना कह सकता हूं: यह एक ऐसा मामला है जहां फेसबुक और Google की प्रतिलिपि बनाना सबसे अच्छा विचार नहीं है। आपके पास वही ट्रैफिक स्तर नहीं है जितना वे करते हैं, और आपके कोड से प्रत्येक अंतिम बाइट को शेविंग करने के लिए आपके लिए समान प्राथमिकता नहीं होनी चाहिए क्योंकि यह उनके लिए करता है। निश्चित रूप से आप सामान अनुकूलित कर सकते हैं, लेकिन उस तरह के वर्ग नाम लिखने की कोई आवश्यकता नहीं है।
दूसरी बात यह है कि एसईओ प्रयोजनों के लिए, समझदार वर्ग के नाम बहुत उपयोगी हैं। फेसबुक और (विशेष रूप से) Google अपनी एसईओ रैंकिंग को अनदेखा कर सकता है, लेकिन हम में से बाकी नहीं कर सकते हैं।
तो आपकी पद्धति के बावजूद, कक्षा के नाम अर्थपूर्ण होना चाहिए - यानी उन्हें समझना चाहिए, और पाठक को यह समझने में सहायता करें कि तत्व क्या हैं।
आप अच्छी तरह से ज्ञात साइटों को देखकर सही काम कर रहे हैं कि वे क्या करते हैं, लेकिन मेरी सलाह है कि आप अपनी साइट के करीब की अन्य साइटों को देखने का प्रयास करें। फेसबुक और Google हमेशा कुछ अलग "अलग" होंगे जब यह बात करता है कि वे चीजें कैसे करते हैं; वे हमेशा सबसे अच्छे उदाहरण नहीं होते हैं।
क्या आप एक विशिष्ट उदाहरण दे सकते हैं? – soyuka
http: //www.facebook पर देखें।com/about/newsfeed मैं देख सकता हूं कि वे एक DRY/OOCSS प्रकार तकनीक का उपयोग कर रहे हैं। लेकिन चयनकर्ताओं के नामों में से अधिकांश को अपवित्र माना जाता है। –
संक्षिप्त उत्तर: मुझे नहीं पता। थोड़ा लंबा जवाब: यहां यह लड़का ([लिंक] (http://blog.vjeux.com/)) फोटो टीम में फेसबुक पर काम करता है और वह अपने काम के कई पहलुओं को समझाता है। शायद अपने ब्लॉग में आप कुछ पा सकते हैं। उम्मीद है की वो मदद करदे। –