क्रॉस-ब्राउझर मांडणी, "आकर्षित" शोध इंजिन

तयार साइट त्याच्या प्रभावी दृष्टीने महत्त्वाचे आहे, तेव्हा एक क्रॉस-ब्राउझर मांडणी आहे. हे काय आहे? ते कसे केले जाऊ शकते? काय तेथे उपासनेच्या आहेत?

क्रॉस-ब्राउझर लेआउट काय आहे?

HTML / CSS - एक साइट तयार करण्यासाठी आधार आहे. तत्त्व त्यानुसार अनेक वेबमास्टर या योग्य आहेत मी चांगला वाटत - ते पुरेसे आहे. आणि किती निराशाजनक आपण आपल्या वेब ब्राउझर किंवा मोबाईल डिव्हाइस येतात तेव्हा, आणि साइट योग्यरित्या प्रदर्शित नाही. अशा परिस्थितीत, मदत अनुकूल रचना आणि मांडणी क्रॉस-ब्राउझर येतो.

CSS आणि HTML वर या प्रकरणात, पाठीचा कणा, सर्व अंमलबजावणी ज्याद्वारे. काही प्रकरणांमध्ये, या हेतूने JavaScript मध्ये सहभागी होऊ शकतो. पण अंतिम ध्येय आहे - सर्व भिन्न आवृत्ती वर काम याची खात्री करण्यासाठी. त्यामुळे, आपण साइट सर्व ब्राउझर प्रदर्शित केले आहे की, क्रॉस-ब्राउझर सुसंगतता सुनिश्चित करू इच्छित असल्यास, तो आवश्यक सर्व वेळ विचार साइटवर काम पहिल्या क्षण आहे.

सर्वसाधारणपणे याप्रमाणे

म्हणून, क्रॉस-ब्राउझर लेआउट कसा बनवायचा ते पाहुया. सुरुवातीला कार्यक्रम साइट कार्य करेल निश्चित करावी. कृपया लक्षात ठेवा दोनशे बंद वेब ब्राउझर संख्या, त्यामुळे सर्वांना संतुष्ट करण्याचा प्रयत्न की - तो अविश्वसनीय अवघडपणा आहे. त्यामुळे 8 3 पासून एक नंबर निवडा लक्ष केंद्रित करणे काय निर्णय करण्यासाठी, आपण अशा Yandex Metrika आणि समर्थन सेवा वापरू शकता आणि Google Analytics. यानंतर आपण समस्या क्रॉस-ब्राउझर साध्य करण्यासाठी निराकरण केले जाईल कसे शोधण्यासाठी पाहिजे.

अनेक लोक खाकी कापड वर बँकिंग करू. या विशेष कोड, निवड समिती आणि नियम फक्त एक निश्चित ब्राउझर जाणीव येते. पण, अनेक कारण त्याच्या उच्च खर्च, कालावधी आणि असमंजसपणाचे अशा पध्दतीने भिरकावतो, आपण वेगळ्या ब्राउझर आणि ब्राउझर आवृत्ती दाखल किमान काही दहापट लिहिण्याची गरज देण्यात आली. काही त्या बाबी, त्याच प्रकारे प्रदर्शित केलेल्या वापर अवलंबून. पण अनेकदा एकाच वेळी हे महत्वाचे अनेक फायदे गमावले. नुकसान कमी करण्यासाठी अधिक समांतर आणि adaptive डिझाइन वापरून. हे काय आहे?

प्रतिसाद रचना

वेबसाइट लेआउट, साइट एक रबर आहे की, विविध स्क्रीन आकार आणि ब्राउझर परिस्थितीशी जुळवून घेत त्या, हा दृष्टिकोन. तो नोंद पाहिजे अनुकूल रचना आणि क्रॉस-ब्राउझर सुसंगतता लक्षपूर्वक ह्यांची घट्ट वीण जमली आहेत, आणि ते एक गोष्ट चर्चा करताना, तो सहसा दुसऱ्या सुचवते. एक द्रुत उदाहरण पाहू.

काही ब्राउझर ऑपेरा आणि ऑपेरा मिनी सारख्या आहेत. на мобильных телефонах. प्रथम डेस्कटॉप संगणकांवर वापरले, आणि दुसरा - मोबाइल फोन वर. सर्वसाधारणपणे ते समान आहेत, पण वैशिष्ट्ये एक संख्या आहे. अशा परिस्थितीत, तो स्वतंत्र फायली आणि / किंवा मीडिया क्वेरी वापर कनेक्ट करण्यासाठी महत्वाचे आहे. हे काय आहे? पहिल्या प्रकरणात, तो विशिष्ट ब्राउझर काम आमचे ध्येय जे वेगळ्या फाइल, निर्माण, आणि त्यांचे आव्हान नोंदणी करत असतो. दुसऱ्या प्रकरणात, आपण मीडिया क्वेरी दाखल करणे आवश्यक आहे. आपल्या कार्यक्रम इच्छित संरचना लोड फाइल विशिष्ट आवश्यकता पूर्ण करत असल्यास.

मी काय करावे?

सुरुवातीला आम्ही HTML सह काम करताना, क्रॉस-ब्राउझर मांडणी विशेष लक्ष आवश्यक लक्षात ठेवले पाहिजे की. त्यामुळे, आपण जास्त कार्यक्षमतेनं साठी cascading शैली पत्रकास कमाल शक्यता वापर केला पाहिजे. त्याच वेळी देखील काम काही मार्ग बदलण्याची गरज आहे. px - त्यामुळे ते काहीतरी पिक्सेल वापर आकार दाखविणे तेव्हा अनेक अननुभवी लोक. मोठ्या शिलालेख शिर्षक, साइट वरच्या adorns जे उदाहरण पाहा.

ती 800rh दराने सेट होते रुंदी. 1600rh स्क्रीनवर तो जोरदार आकर्षक होईल. पण 700rh वर हास्यास्पद दिसेल. या प्रकरणात काय करावे? आपण पिक्सेल मध्ये आकार, आणि टक्केवारी निर्दिष्ट करू शकत नाही! व लेख कोणाचा निश्चित लांबी, आणि स्क्रीन अर्धा रूंदी होणार नाही धरा. टक्केवारी सेट केले जाऊ शकते आणि अंतर ज्या विशिष्ट घटकांच्या स्क्रीन कडा वर स्थीत केले जाईल. पण इथे काय स्क्रीन खूप लहान आहे तर करू काय आहे?

समजा 300 पिक्सेल आहे? या प्रकरणात, आम्ही रजिस्टर रुंदी निराकरण करण्यासाठी आवश्यक असलेल्या मीडिया क्वेरी मदत करेल. आणि तो आणि 700rh समान कमी असेल तर, तो चिन्ह राहतील की जागा 75% स्थापन करणे शक्य आहे. आणि रुंदी 300 पिक्सेल किंवा कमी समान आहे तर, तो उघडकीस आणि 100% करणे शक्य आहे. संपूर्ण विषय अतिशय मनोरंजक आणि उपयुक्त आहे, म्हणून ती महान तपशील अभ्यास केले जाऊ शकते. परंतु, विरामचिन्हे, पुस्तक माहिती आहे, आणि कार्य करणार नाही लेखातील सर्व काही.

का अनुकूल क्रॉस-ब्राउझर मांडणी शोध इंजिन आकर्षित?

आणि उत्तर खूप सोपे आहे: डेव्हलपर साइट अनुसरण आणि वापरकर्त्यांना शक्य आनंददायक म्हणून करा की दाखवते कारण. या अशा लोकांना शोध इंजिन मध्ये त्यांना उच्च पदांवर देऊन प्रोत्साहन दिले जाऊ शकते याचा अर्थ असा की. अर्थात, आपल्या साइट तत्काळ टॉप 1 प्रदर्शित केले जाणार नाही, पण इतर घटक संयोगाने, या मोठ्या मानाने जाणे होईल. या फक्त निरुपयोगी गरज पण खूप लक्ष दिले जाते पात्र काहीतरी नाही की नोंद करावी.

सर्व केल्यानंतर, फक्त विचार: वापरकर्ता काय आहे तो देखावा फार आनंददायी आहे की नाही साइटवर मिळते तेव्हा? पण तो शोध इंजिन कमी दर्जाचे सामग्री देते विश्वास यावे! त्यामुळे ते देण्यात येईल साइट त्यामुळे काळजीपूर्वक निवडले जातात. संगणक, लॅपटॉप, टॅबलेट, स्मार्टफोन किंवा मोबाइल फोन: याशिवाय तेथे लोक सामग्री उच्च दर्जाचे शेल, लोक कोणत्याही हार्डवेअर आवश्यक असलेली माहिती प्राप्त करण्यास सक्षम असेल निर्माण कारण लाभ वेबमास्टर आहे. त्यानुसार अधिक समाधानी अभ्यागतांना, अधिक वेगाने वाढत साइट आणि उत्पन्न पातळी.

निष्कर्ष

सोपे खूप लांब, कष्टकरी नाही - प्रतिसाद रचना सह क्रॉस-ब्राउझर साइट निर्मिती की विनम्र खरं लक्षात घेणे अशक्य आहे. तो एक महान गोष्ट आहे - त्यामुळे धीर धरा आणि शिस्त लक्षात ठेवणे आवश्यक आहे! कदाचित काहीतरी प्रारंभी चुकीच्या नाही, परंतु आम्ही माघार माहिती शोधणे करण्याचा प्रयत्न, विविध पध्दती वापर आणि नाही आवश्यक आहे. आणि नंतर त्याच्या अभ्यागतांना दर्शविण्यासाठी आनंद होईल की एक वेबसाइट तयार करा खात्री.