• टीम विकास में विशेष रूप से कौन सी विधि अधिक प्रबंधनीय है?
  • कौन सा लंबे समय में अधिक अनुकूलित होगा?
  • दोनों के पक्ष और विपक्ष क्या हैं?

शैली पत्रक

#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>
6
Jitendra Vyas 12 मई 2011, 05:27

4 जवाब

आपको अपने डेटा स्तर (एचटीएमएल) में प्रस्तुतिकरण संबंधी जानकारी (सीएसएस) लीक नहीं करनी चाहिए।

आपको अपने तत्वों को एक वर्ग का नाम देना चाहिए जो उनके उद्देश्य का वर्णन करता है। यह तैरता है या नहीं यह HTML में अप्रासंगिक है। आप यह तय करते हैं कि CSS में।

क्या होगा यदि आपके पास blue जैसे वर्ग का नाम था और फिर आपके ग्राहक कहते हैं कि अब हम उन सभी चीजों को लाल करना चाहते हैं?

उदाहरण

एचटीएमएल

<ul id="primary-menu">
....
</ul>

सीएसएस

#primary-menu {
   float: left;
   color: #f00;
}
10
Community 20 जून 2020, 12:12
क्या हमें एक ही गुण को बार-बार लिखना चाहिए जबकि हमें उसे केवल एक बार लिखने की आवश्यकता है?
 – 
Jitendra Vyas
12 मई 2011, 05:32
HTML डेटा लेयर कब बना? मार्क-अप परत मैं कहूंगा।
 – 
Andrey
12 मई 2011, 05:32
डेटा और कहां जाता है?
 – 
alex
12 मई 2011, 05:33
HTML विशुद्ध रूप से डेटा नहीं है, यह स्वयं डेटा की प्रस्तुति है (सर्वर साइड से लोड या हार्डकोडेड)। यह डेटा + मार्कअप है।
 – 
Andrey
12 मई 2011, 05:35
तो यह डेटा है, एक प्रारूप में चिह्नित किया गया है जिसे ब्राउज़र द्वारा पचाया जा सकता है?
 – 
alex
12 मई 2011, 05:36

मुझे लगता है कि पहला तरीका सबसे अच्छा है। left जैसी कक्षाओं का उपयोग करने में समस्या यह है कि अगर एक दिन left को अचानक सही तैरने की जरूरत है। अब आपको सभी वर्गों को भी बदलना होगा।

मैं पढ़ने के लिए शैलियों के पहले सेट को थोड़ा संशोधित करूंगा:

#firstblock,
.genblock { float: left; }

#firstblock { background: #000; }
.genblock { background: #006699; }
4
ataddeini 12 मई 2011, 05:28
हाँ, यह लाभ और हानि दोनों है। यह एक लाभ हो सकता है यदि आप कभी नहीं चाहते कि आपके फ्रंट एंड एचटीएमएल देव सीएसएस को छूएं। लेकिन यह एक खामी है कि आपका सीएसएस थोड़ा बड़ा हो जाता है और आप अपने मार्कअप में अधिक व्यक्तिगत वर्गों का उपयोग करते हैं।
 – 
DA.
12 मई 2011, 05:32

HTML से फ़ॉर्मेटिंग के किसी भी सुझाव को छोड़ना आदर्श है (पहले बेहतर है)। उदाहरण के लिए firstblock का नाम बदलकर sidebar और genblock का नाम बदलकर content किया जा सकता है।

3
Ian Fleeton 12 मई 2011, 05:31

यह पूरी तरह से इस बात पर निर्भर करता है कि आपकी टीम HTML और CSS को कैसे बनाती और बनाए रखती है।

शैलियों को परिभाषित करने के लिए शाब्दिक वर्ग नामों का उपयोग करना (.left = float: left) का अर्थ है कि उन डेवलपर्स के लिए यह आसान है जो HTML को बनाने के लिए CSS को स्पर्श नहीं कर रहे हैं। यह अधिक मानव पठनीय है। दोष यह है कि आप बहुत सी अतिरिक्त कक्षाओं के साथ समाप्त हो सकते हैं जिनकी आपको अन्यथा आवश्यकता नहीं होगी, सामग्री के प्रकार के आधार पर अधिक अर्थपूर्ण वर्ग नामों का उपयोग कर रहे थे।

मैं कहूंगा कि छोटी टीमों को लीनियर मार्कअप और सामग्री और शैली के बेहतर पृथक्करण के लिए सिमेंटिक क्लास नामों के साथ रहना चाहिए। लंबी अवधि के रखरखाव और HTML उत्पादन को प्रबंधित करने में थोड़ा आसान बनाने के लिए बड़ी टीमें कक्षाओं के अधिक शाब्दिक और क्रियात्मक उपयोग से लाभ उठा सकती हैं।

1
DA. 12 मई 2011, 05:30