- टीम विकास में विशेष रूप से कौन सी विधि अधिक प्रबंधनीय है?
- कौन सा लंबे समय में अधिक अनुकूलित होगा?
- दोनों के पक्ष और विपक्ष क्या हैं?
शैली पत्रक
#firstblock { background: #000; float: left; }
.genblock { background: #006699; float: left; }
एचटीएमएल
<div id="firstblock"></div>
<div class="genblock"></div>
How you should do it
या
शैली पत्रक
.left { float: left; }
#firstblock { background: #000; }
.genblock { background: #006699; }
एचटीएमएल
<div id="firstblock" class="left"></div>
<div class="genblock left"></div>
4 जवाब
आपको अपने डेटा स्तर (एचटीएमएल) में प्रस्तुतिकरण संबंधी जानकारी (सीएसएस) लीक नहीं करनी चाहिए।
आपको अपने तत्वों को एक वर्ग का नाम देना चाहिए जो उनके उद्देश्य का वर्णन करता है। यह तैरता है या नहीं यह HTML में अप्रासंगिक है। आप यह तय करते हैं कि CSS में।
क्या होगा यदि आपके पास blue जैसे वर्ग का नाम था और फिर आपके ग्राहक कहते हैं कि अब हम उन सभी चीजों को लाल करना चाहते हैं?
उदाहरण
एचटीएमएल
<ul id="primary-menu">
....
</ul>
सीएसएस
#primary-menu {
float: left;
color: #f00;
}
मुझे लगता है कि पहला तरीका सबसे अच्छा है। left जैसी कक्षाओं का उपयोग करने में समस्या यह है कि अगर एक दिन left को अचानक सही तैरने की जरूरत है। अब आपको सभी वर्गों को भी बदलना होगा।
मैं पढ़ने के लिए शैलियों के पहले सेट को थोड़ा संशोधित करूंगा:
#firstblock,
.genblock { float: left; }
#firstblock { background: #000; }
.genblock { background: #006699; }
HTML से फ़ॉर्मेटिंग के किसी भी सुझाव को छोड़ना आदर्श है (पहले बेहतर है)। उदाहरण के लिए firstblock का नाम बदलकर sidebar और genblock का नाम बदलकर content किया जा सकता है।
यह पूरी तरह से इस बात पर निर्भर करता है कि आपकी टीम HTML और CSS को कैसे बनाती और बनाए रखती है।
शैलियों को परिभाषित करने के लिए शाब्दिक वर्ग नामों का उपयोग करना (.left = float: left) का अर्थ है कि उन डेवलपर्स के लिए यह आसान है जो HTML को बनाने के लिए CSS को स्पर्श नहीं कर रहे हैं। यह अधिक मानव पठनीय है। दोष यह है कि आप बहुत सी अतिरिक्त कक्षाओं के साथ समाप्त हो सकते हैं जिनकी आपको अन्यथा आवश्यकता नहीं होगी, सामग्री के प्रकार के आधार पर अधिक अर्थपूर्ण वर्ग नामों का उपयोग कर रहे थे।
मैं कहूंगा कि छोटी टीमों को लीनियर मार्कअप और सामग्री और शैली के बेहतर पृथक्करण के लिए सिमेंटिक क्लास नामों के साथ रहना चाहिए। लंबी अवधि के रखरखाव और HTML उत्पादन को प्रबंधित करने में थोड़ा आसान बनाने के लिए बड़ी टीमें कक्षाओं के अधिक शाब्दिक और क्रियात्मक उपयोग से लाभ उठा सकती हैं।