2009-03-17 17 views
7

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

मैं उनकी राय से असहमत हूं कि पूर्ण स्थिति एक वेबपृष्ठ डालने के लिए उपाय और समग्र समग्र दृष्टिकोण होगा।

मेरे मामले में, मैं मार्जिन/चौड़ाई/सावधानीपूर्वक फ़्लोटिंग समायोजन, और कभी-कभी कभी-कभी तालिका के दृष्टिकोण का उपयोग करने के लिए अधिक उत्सुक रहा हूं। जो मामूली सामान्यीकरण है, निश्चित रूप से, मैं पूर्ण स्थिति का उपयोग करना बंद नहीं करूँगा क्योंकि मैं इसके खिलाफ वैचारिक रूप से विचार करता हूं, यह सिर्फ इतना है कि मुझे दृष्टिकोण पूर्ण स्थिति मिलती है, एक नियम मेरे सहकर्मी द्वारा वकालत के रूप में सभी दृष्टिकोण फिट बैठता है बल्कि संदिग्ध हो।

इस बारे में आम सहमति क्या है?

उत्तर

14

मेरा सामान्य विचार यह है कि अंत साधनों को न्यायसंगत बनाता है।

व्यवहारवाद यहां सर्वोच्च शासन करता है। अंतिम लक्ष्य यह है कि जितना संभव हो सके ब्राउज़रों की विस्तृत श्रृंखला पर जितनी जल्दी संभव हो सके काम करें। पूर्ण स्थिति का उपयोग करना है या नहीं, चाहे टेबल का उपयोग करना है या नहीं, शुद्ध सीएसएस का उपयोग करना है या नहीं ... इन सभी सवालों में, सर्वोत्तम, माध्यमिक हैं।

मुझे वास्तव में यह पता चलता है कि वहां "टेबल नफरत" कितनी है, लेकिन अनगिनत बार दस्तावेज किया गया है, अगर आप कुछ चीजें करना चाहते हैं (जैसे लंबवत केंद्रिंग) और इसे आईई 6 पर वापस संगत करना है तो कोई तेज नहीं है , आसान और अधिक संगत समाधान।

मैं टेबल, पूर्ण स्थिति या किसी भी चीज़ के लिए या उसके खिलाफ नहीं हूं। एकमात्र चीज जो मैं "के लिए" हूं वह यह है कि यह काम करता है।

तो उस नस में, मुझे "कट्टरपंथी" पूर्ण स्थिति के बारे में तर्क मिलता है - एक बेहतर वर्णन की कमी के लिए - अप्रासंगिक विकृतियां।

ज्यादातर मामलों में इन सभी चीजों (तालिकाओं, पूर्ण स्थिति, शुद्ध सीएसएस, आदि) के साथ आप अपनी सभी समस्याओं को हल नहीं कर रहे हैं, आप बस किसी अन्य के लिए समस्याओं का एक सेट व्यापार कर रहे हैं। यह ठीक हो सकता है क्योंकि आप जो कर रहे हैं उसके संदर्भ में समस्याओं का एक सेट बेहतर हो सकता है लेकिन कोई जादू बुलेट नहीं है (चाहे वह पूर्ण स्थिति हो या कुछ और हो)।

अनुभव से मुझे अपनी इच्छाओं (क्रॉस-ब्राउजर) को किसी भी अन्य दृष्टिकोण के रूप में करने के लिए पूर्ण स्थिति प्राप्त करने में बहुत सारी समस्याएं आई हैं।

+0

यह उस वेबसाइट पर निर्भर करता है जिसकी वेबसाइट है। यदि आपके दर्शकों का 5% खोना ठीक है तो आप इस तरह की चीजें कर सकते हैं। यदि आप एक सरकारी संगठन हैं, या Google या कोई है, तो आप नहीं कर सकते हैं। –

2

पूर्ण स्थिति का उपयोग केवल तभी करें जब आप 100% सुनिश्चित हों कि शामिल तत्वों को कभी भी अपना आकार स्केल नहीं करना पड़ेगा और उन्हें चारों ओर स्थानांतरित नहीं किया जाएगा। यदि आपने बिल्कुल कुछ तत्व रखा है और फिर कोई दूसरा बढ़ता है तो वे ओवरलैप कर सकते हैं और आपका लेआउट टूटा हुआ है। मैं पूर्ण स्थिति का बहुत सावधानीपूर्वक उपयोग करता हूं और आम तौर पर इसके खिलाफ सलाह देता हूं। एक ही लेआउट लगभग हमेशा फ़्लोटिंग तत्वों और/या सापेक्ष स्थिति का उपयोग करके हासिल किया जा सकता है।

6

गारंटी है कि सभी ब्राउज़रों में सबकुछ समान दिखता है, यह एक कठिन लक्ष्य है, मुख्य रूप से क्योंकि आप हमेशा एक चलती लक्ष्य का लक्ष्य रखते हैं।

वेबसाइट्स सामग्री के लिए एक वितरण तंत्र है जो ज्यादातर प्रकृति में पाठ्यचर्या है। यदि आपकी सामग्री पिक्सेल-परिपूर्ण स्थिति पर निर्भर करती है, जैसे एनिमेटेड ग्राफिक्स और जैसे, HTML और जावास्क्रिप्ट आपके लिए सबसे अच्छा समाधान नहीं हो सकता है। क्या यह सचमुच मायने रखता है कि क्या आपके पैराग्राफ फ़ायरफ़ॉक्स में पेज पर एक पिक्सेल कम है आईई की तुलना में?

4

जबकि यह काफी व्यक्तिपरक हो सकता है, मैं, पूर्ण स्थिति के एक प्रशंसक नहीं हूँ आप सीएसएस देखने के लिए अक्षम साथ के माध्यम से जांच होनी चाहिए के रूप में कैसे सामग्री जैसे खोज इंजन, सांत्वना के रूप में गैर सीएसएस बारे में पता ब्राउज़रों (के लिए खराब हो आधारित टेक्स्ट ब्राउज़र और एचटीएमएल-> अंधे के लिए भाषण ब्राउज़र)।

बिल्कुल मुख्य स्थिति नहीं देकर दूसरा मुख्य लाभ यह है कि आप अधिक सामान्यीकृत सीएसएस प्राप्त कर सकते हैं, पूरे साइट पर साझा किया जा सकता है, पूरे कोड में कूड़े की स्थिति के बयान के बिना - यह भयानक होगा अगर ग्राहक अचानक उन्हें बनाता है लोगो के पास एक अलग पहलू अनुपात है और उसे चारों ओर स्थानांतरित करने की आवश्यकता है ...

18

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

मेरे अनुभव पृष्ठों में जब आप अपने पृष्ठ को प्रिंट करने के लिए 100% पिक्सेल-परिपूर्ण लेआउट को मजबूर करने की कोशिश करने के विरोध में अलग-अलग उपकरणों को थोड़ा सा अनुकूलित करना चाहते हैं तो बेहतर समग्र रूप से दिखने लगते हैं। यह सिर्फ इंटरनेट की प्रकृति नहीं है।

संपादित करें: इसके बारे में सोचकर, सभी निरपेक्षों का उपयोग करके आप वास्तव में मोबाइल ब्राउज़र के साथ काटने के लिए वापस आ सकते हैं यदि आप सावधान नहीं हैं। क्या होता है जब आपकी साइट आईफोन जैसी किसी चीज़ पर पूर्ण स्थिति का उपयोग करती है (मान लीजिए कि आप कुछ तत्वों को कोनों में संरेखित कर रहे हैं)? स्थिति को आईफोन के कोनों में गठबंधन किया जाएगा, जो एक विषम अनुपात (कंप्यूटर की तुलना में) और बहुत छोटे संकल्प हैं; सब कुछ फेंकने से बाहर फेंकना। यदि आपने फ्लोट/चौड़ाई/आदि के संयोजन का उपयोग किया है तो आप सुनिश्चित करेंगे कि साइट ने अपना मूल आकार रखा है और आपको बस स्क्रॉल करना होगा।

+0

सापेक्ष इकाइयों का उपयोग करने के बारे में अच्छी बात, –

+1

"इंटरनेट प्रिंट नहीं है" इसे फ्रेम करें और हर वेब डेवलपर की मॉनिटर – Javier

+0

हा पर लटकाएं! मैं सिर्फ इस बारे में टिप्पणी करने जा रहा था कि वेबसाइट के साथ क्या होगा यदि मैं इसे अपने एंड्रॉइड फोन पर एक्सेस करता हूं ... –

8

पूर्ण स्थिति आमतौर पर बहुत खराब होती है। शायद ही कभी आप चाहते हैं कि आपकी वेबसाइट किसी के 1024x768 लैपटॉप और 1920x1200 डेस्कटॉप पर पूर्णस्क्रीन पर दिखाई दे। इसके अलावा, अच्छी किस्मत अलग-अलग उपयोगकर्ता फ़ॉन्ट आकारों के साथ आपकी पूर्ण स्थिति को सुलझाने।

अपने सहकर्मी है कि उपयोगकर्ताओं को नहीं बल्कि नज़र देख सकते हैं और महसूस होगा कि वे एक वेबसाइट के लिए इरादा, नहीं नज़र याद दिलाएं और लगता है वह का इरादा रखता है (कारण के भीतर।)

+0

कोई भी वेबपृष्ठ को अधिकतम क्यों नहीं करेगा? यह बेतुका और प्रतिकूल है। इसलिए, आपको मनमाने ढंग से विंडो आकार (कारण के भीतर) – Javier

+2

पर अनुकूलन करना है। :) कभी-कभी आपके पास क्षैतिज स्क्रॉलबार वाले डीआईवी होंगे जो ब्राउज़र विंडो को अधिकतम करते समय चले जाते हैं। कभी-कभी मैं इसे एम्बेडेड वीडियो के लिए और अधिक जगह रखने के लिए करता हूं। मैं आमतौर पर ब्राउज़र को 1024x768 से ऊपर विंडो वाले मोड में चलाता हूं, लेकिन मेरे पास एक वाइडस्क्रीन मॉनिटर है, इसलिए मैं इसका लाभ उठाता हूं। –

+0

यदि आपके पास एक खिड़की के साथ एक बड़ी मॉनीटर है, तो आप इसे अधिकतर बर्बाद कर रहे हैं – Javier

2

cletus एक बिंदु है। डेवलपर्स के रूप में, सवाल आखिरकार है - हम कितना गहन होना चाहते हैं? यदि आपकी साइट को तेजी से बाहर करना सबसे महत्वपूर्ण है, तो अतिरिक्त सावधानी बरतनी जा सकती है। यदि साइट "बुलेट प्रूफ" बनाना प्राथमिकता है, तो ऐसा करने में बहुत समय और प्रयास लगेगा। मैं व्यक्तिगत रूप से सुविधा के नाम पर विस्तार और उपयोगिता का त्याग नहीं करता। अन्य चीजों के बीच स्केलिंग मेरी पुस्तक में हर बार लेआउट के लिए पूर्ण स्थिति को अयोग्य घोषित करता है।

0

मैं पूर्ण स्थिति पर कोई प्रशंसक नहीं हूं लेकिन मैंने वेब डेवलपर्स को बेहतर खोज परिणाम प्राप्त करने के लिए इसका उपयोग किया है, क्योंकि वे आसानी से HTML की शुरुआत में सबसे महत्वपूर्ण टेक्स्ट भाग डाल सकते हैं, और पूर्ण स्थिति का उपयोग कर सकते हैं इसे वास्तव में संबंधित स्थिति में रखें।

मैं उस तर्क के लिए भी इसका उपयोग नहीं करता, क्योंकि HTML को खोज इंजन अनुकूल बनाने के तरीके हैं लेकिन अभी भी The Perfect 3 Column Liquid Layout या अन्य रूपों जैसे तरल लेआउट का उपयोग करते हैं।

3

उनका दावा है कि सबसे अच्छा अभ्यास है कि सब कुछ सुरक्षित करने के लिए सबसे ब्राउज़रों में सभी एक ही लग रहा है अधिकांश ब्राउज़र

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

WYSIWYG डिज़ाइन टूल हैं जो ऐसा करते हैं (और कुछ लोग ड्रीमवेवर का इस तरह से दुर्व्यवहार करते हैं), लेकिन इसे आम तौर पर एक बेहद खराब दृष्टिकोण माना जाता है। अधिक सामान्य रूप से, क्षैतिज अक्ष में पूर्ण स्थिति का उपयोग किया जाता है, ताकि निश्चित रूप से आवश्यक वर्टिकल स्पेस को आवश्यकतानुसार पृष्ठ में टेक्स्ट को अनुमति देने के दौरान निश्चित चौड़ाई वाले शीर्षलेख और पाद लेख बना सकें। (उदाहरण के लिए, एसओ यह करता है, उदाहरण के लिए, कई अन्य लोगों के बीच।)

ब्राउज़र चौड़ाई पर फिक्स्ड-बनाम तरल लेआउट तर्क एक धार्मिक युद्ध है जो हमेशा के लिए क्रोधित होगा, लेकिन स्पष्ट रूप से सही सारांश यह है कि तरल सबसे अच्छा है। ;-)

(... कठिन है, बंद खींचने के लिए natch।)

यह दिखता है बनाए रखने और लगता है कि आप एक वेबसाइट के लिए लक्षित करने के लिए सबसे आसान तरीका है।

हाँ! किसी समस्या को हल करने का एक बुरा तरीका अक्सर सबसे आसान होता है। लेकिन "सर्वश्रेष्ठ अभ्यास"? मुश्किल से। केवल

2

उपयोग पूर्ण स्थिति आप 100% यकीन है कि शामिल तत्वों उनके आकार पैमाने पर करने की आवश्यकता नहीं है जाएगा और चारों ओर नहीं ले जाया जाएगा होते हैं। यदि आपने पूरी तरह से तत्व को स्थान दिया है और फिर कोई अन्य बढ़ता है तो वे ओवरलैप कर सकते हैं और आपका लेआउट टूटा हुआ है।

यह सही है। मैंने अभी कुछ लोगों के लिए एक साइट तय करने के लिए 500 रुपये अर्जित किए हैं, और उन्हें सिखाया है कि उनकी पूर्ण-स्थान वाली वेबसाइट ने उस समय तोड़ दिया जब उन्होंने अल्पविराम के रूप में इतना जोड़ा, क्योंकि पाठ फिर से बह जाएगा और पूरी चीज अलग हो जाएगी।

3

पूर्ण स्थिति का उपयोग करके आप हमेशा बाद में काट लेंगे। एक साइट सामान्य प्रवाह में यथासंभव होनी चाहिए, ताकि तत्व एक-दूसरे के संबंध में बैठ सकें (उगते/हटते हैं, छुपाए जाने पर पतन हो जाते हैं)।

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

मैं केवल कभी सच तीन कारणों से पूर्ण स्थिति का उपयोग करें:

1) मैं अन्य तत्व की चोटी पर एक तत्व रखने कर रहा हूँ, एक पॉप-अप बॉक्स की तरह।

2) वास्तव में एक तत्व है, जहां यह) सामान्य प्रवाह

4) तत्व गतिशील (जावास्क्रिप्ट चालाकी से किया जाएगा में होने की जरूरत है और कहा कि सामान्य प्रवाह के बाहर होने की जरूरत है रखने के लिए कोई अच्छा तरीका है।

पूर्ण स्थिति का उपयोग करते समय मैं जिस दूसरे नियम का पालन करता हूं वह अपेक्षाकृत स्थित माता-पिता के रूप में एक अन्य तत्व का उपयोग करता है। इस तरह, पूरी तरह से स्थित तत्व व्यूपोर्ट के बजाए उस अभिभावक के सापेक्ष बैठेगा (जो पृष्ठ को देखने के तरीके के आधार पर अक्सर इसके आयामों को बदल देगा)।

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