2011-07-04 10 views
12

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

  1. चयनकर्ताओं में आईडी का उपयोग न करें।

    क्या आईडी का मुद्दा नहीं है? पृष्ठ पर किसी विशेष तत्व को संबोधित करने के लिए उपयोग किया जाना चाहिए?

  2. चयनकर्ता में 2 आईडी, वास्तव में?

    क्या एक ही पंक्ति में दो चयनकर्ताओं का उपयोग करने के बजाय तत्व का चयन करने का एक बेहतर तरीका है?

  3. टूटे हुए बॉक्स मॉडल: सीमा-शीर्ष के साथ ऊंचाई का उपयोग करना।

    मुझे नहीं पता कि इसका क्या अर्थ है। मेरी समझ यह है कि बॉक्स की ऊंचाई सीमा ऊंचाई से अलग है। मैंने तत्व के लिए ऊंचाई परिभाषित की है, तब सीमा किनारों को व्यक्तिगत रूप से परिभाषित किया जा रहा है, मैं गलत कहां जा रहा हूं?

  4. शीर्षक (एच 1) योग्य नहीं होना चाहिए।

+1

मुझे नहीं पता कि 2 और 3 का मतलब क्या है। – BoltClock

+9

सीएसएस लिंट द्वारा उत्पन्न कई चेतावनियां या तो संदिग्ध हैं, या राय हैं। सावधानी से चलना! – thirtydot

+0

मेरी राय के लिए प्रासंगिक: http://mattwilcox.net/archive/entry/id/1054/ – thirtydot

उत्तर

14

मैंने सीएसएस लिंट का उपयोग नहीं किया है, इसलिए मुझे इनमें से अधिकतर के बारे में निश्चित नहीं है। लेकिन 2. के बारे में, "चयनकर्ता में 2 आईडी", मुझे लगता है कि वे इसे फ़्लैग कर रहे हैं क्योंकि यह अनावश्यक होने की संभावना है। एक आईडी चयनकर्ता इंगित करता है कि तत्व पृष्ठ पर अद्वितीय है। तो यदि आप चयनकर्ता में दो आईडी का उपयोग कर रहे हैं, उदा। #main #navigation, आप शायद आखिरी बार आसानी से उपयोग कर सकते हैं, उदा। #navigation

हालांकि, यदि आप उच्च आईडी का उपयोग कर रहे हैं उदा। इंगित करें कि आप किस प्रकार का पेज चालू हैं, जो मुझे ठीक लग रहा है।

बहुत सारे अच्छे इरादे वाले सीएसएस लोग हैं जो आपको यह बताना चाहते हैं कि आपको क्या करना चाहिए और क्या नहीं करना चाहिए, भले ही आप क्या करने की कोशिश कर रहे हों।

+1

मदद पॉल के लिए धन्यवाद। – Kayote

+1

@ कायोट: आपका बहुत स्वागत है - क्षमा करें स्टैक ओवरफ्लो समुदाय में अधिक जानकारी नहीं थी। –

+1

भले ही, यह वहां का सबसे अच्छा समुदाय है। यह आश्चर्यजनक है कि वेब पर कितनी जल्दी और आश्चर्यजनक रूप से Stackexchange ले लिया गया है। :) चेयर – Kayote

10

आप http://csslint.net/about.html के माध्यम से जाना है, तो निम्न का कहना है:

  1. आईडी चयनकर्ताओं में उपयोग न करें

आईडी चयनकर्ताओं में नहीं किया जाना चाहिए क्योंकि इन नियमों बहुत कसकर हैं एचटीएमएल के साथ मिलकर और पुन: उपयोग करने की कोई संभावना नहीं है। यह चयनकर्ताओं में कक्षाओं का उपयोग करना पसंद करता है और फिर पृष्ठ में तत्व पर कक्षा लागू करता है।

  1. टूटा बॉक्स मॉडल

बॉर्डर्स और गद्दी एक तत्व की सामग्री के बाहर जगह जोड़ से सावधान रहें। सीमाओं और पैडिंग के साथ चौड़ाई या ऊंचाई सेट करना आमतौर पर की गलती है क्योंकि आपको वह दृश्य परिणाम नहीं मिलेगा जिसे आप ढूंढ रहे हैं। सीएसएस लिंट चेतावनी देता है कि जब कोई नियम पैडिंग और/या सीमा के अतिरिक्त चौड़ाई या ऊंचाई का उपयोग करता है।

मुझे लगता है कि आईडी एक कारण के लिए बनाई गई थीं, और यदि आप सही गणना करते हैं, तो आपको टूटे हुए बॉक्स मॉडल के बारे में चिंता करने की आवश्यकता नहीं है।

+4

बॉक्स मॉडल चेतावनी इतनी डरावनी है। एक पैडिंग चौड़ाई निर्धारित करने के लिए उपयोग को हटा नहीं देती है। यहां तक ​​कि इस पृष्ठ पर, अधिकांश तत्वों में पैडिंग + चौड़ाई/ऊंचाई – Kloar

+1

पैडिंग चौड़ाई के लिए उपयोग नहीं करता है, लेकिन जैसा कि फंताज़ ने इंगित किया है, वे संभावित गलत गणनाओं के कारण आपको चेतावनी देते हैं (जैसा कि बताया गया है [https] // github.com/CSSLint/csslint/wiki/Disallow-box-sizing)) – fachexot

+1

@fachexot "चेतावनी" जैसे कि चेतावनी के लिए स्पष्ट रूप से अलग होना चाहिए जैसे "0 मानों के लिए इकाइयों का उपयोग न करें जैसे 0px"। पूर्व "सावधान रहें" कह रहा है, उत्तरार्द्ध आमतौर पर स्वीकृत शैली पर सलाह है। – andrewb

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