2010-06-02 34 views
5

मैं एक वेबसाइट के लिए स्टाइल शीट बना रहा हूं। सीएसएस शैली का नाम वेबसाइट या सामग्री से संबंधित होना चाहिए?सीएसएस नाम होना चाहिए?

मेरी वेबसाइट वेब के बारे में शैली का उपयोग करने कि सही development.is है नाम-

#web-development-header 

.web-development-company-london-content 

या का उपयोग करना चाहिए

#header 
.content 

सीएसएस शैली नाम एसईओ के लिए मदद कर सकते हैं?

+0

एनसीएसएस सीएसएस नामकरण सम्मेलनों के बारे में एक पेपर है: http://stackoverflow.com/questions/7927193/css-class-naming-convention/20253304#20253304 – redaxmedia

उत्तर

13

सामग्री से संबंधित नामों के लिए जाएं - उनको बनाए रखना आसान होगा। लंबे तारों का मतलब पृष्ठ लोड करने के लिए लंबा समय है। और सीएसएस शैली के नामों के पास एसईओ के साथ कुछ लेना देना नहीं है।

1

सामग्री नामकरण सम्मेलन चुनें।

सलाह का एक टुकड़ा, उन दृश्यों का उपयोग करें जो दृश्य आउटपुट का वर्णन नहीं करते हैं क्योंकि दृश्य आउटपुट बदल सकता है और फिर सीएसएस क्लास या आईडी नाम भ्रामक है।

उदाहरण के लिए, यदि .redtext डिजाइनरों द्वारा नीले रंग में बदल जाता है, तो कक्षा का नाम भ्रामक है और खोजने और बदलने का प्रयास श्रमिक है।

मैं .redtext के बजाय .warningtext जैसे नाम चुनने की सलाह देता हूं।

1

फिलहाल आप लंदन में एक वेब विकास कंपनी के लिए साइट बना रहे हैं, तो क्या होता है जब आप न्यू यॉर्क में वेब विकास कंपनी के लिए कोड का पुन: उपयोग करना चाहते हैं? या लंदन में एक शिल्प की दुकान के बारे में क्या? यह अब मामूली लगता है, क्योंकि आप कोड लिख रहे हैं, लेकिन अगर आपको कोई टीम मिलती है तो क्या होगा? सबसे अच्छा अभ्यास उन नामों का उपयोग करना है जो पृष्ठ पर समझ में आते हैं। यदि आप स्क्रीन पर पेज लाते हैं, तो कोई भी प्रमुख घटकों की पहचान करने में सक्षम होना चाहिए: हेडर, पाद लेख, नेविगेशन इत्यादि।

जबकि आईडी और कक्षाएं क्रिस्टोपर अल्टमैन पोस्ट की गई वर्णनात्मक होनी चाहिए (.warningtext v .redtext) जानकारी के साथ उन्हें अधिभारित करने की कोई आवश्यकता नहीं है (.thisTextAppearsWhenTheUserEntersTheirNameInThePhoneNumberArea थोड़ा मूर्ख है) इसलिए मारा जाने वाला संतुलन है। आम तौर पर एक नियम के रूप में, मैं अपने कोड की उपस्थिति को सरल बनाने और गति के साथ अपने अस्वास्थ्यकर जुनून दोनों को एक अनुभाग को विशेष रूप से टैग करने के लिए न्यूनतम विवरण का उपयोग करने का प्रयास करता हूं।

संक्षेप में, यदि आपको किसी अनुभाग को सही ढंग से आईडी करने की आवश्यकता है, तो हेडर का उपयोग करें। यदि इसका कोई उद्देश्य नहीं है तो अधिक जानकारी पेश करने की आवश्यकता नहीं है।

1

अन्य सभी उत्तर सभी महान हैं, लेकिन भूल नहीं है आप भी घोंसला सीएसएस, जिससे आपको अधिक विकल्प आपके नामकरण परंपरा में दे सकता है सकते हैं और आप छोटे और सरल नाम का उपयोग करने की अनुमति:

#header {} 
    #header #left {} 
    #header #right {} 
.content {} 
    .content #left {} 
    .content #right {} 



<div id="header"> 
    <div id="left"></div> 
    <div id="right"></div> 
</div> 

<div class="content"> 
    <div id="left"></div> 
    <div id="right"></div> 
</div> 
+1

खराब उदाहरण। आईडी अद्वितीय होना चाहिए। बाएं और दाएं कक्षाएं होनी चाहिए। – MartinF

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