डीआयव्ही आणि सेक्शनमध्ये काय फरक आहे?

HTML5 SECTION घटक समजून घेणे

अनेक वर्षांपूर्वी जेव्हा HTML5 ब्रीट वर प्रकट होते तेव्हा, या विभागात जोडलेले नवीन भाग वर्गीकरण घटक जोडले गेले, त्यात SECTION घटक देखील समाविष्ट होते. HTML5 ने स्पष्टपणे वापरलेले सर्व नवीन घटक स्पष्ट वापर करतात उदाहरणार्थ, घटक आणि पृष्ठाचे मुख्य भाग परिभाषित करण्यासाठी घटक वापरला जातो, घटकांचा वापर संबंधित सामग्री परिभाषित करण्यासाठी केला जातो जो बाकीच्या पृष्ठासाठी गंभीर नाही आणि शीर्षलेख, एनएव्ही आणि फूटर हे अतिशय स्वत: ची स्पष्टीकरणे आहेत नवीन जोडलेले सेक्शन घटक, तथापि, थोडी कमी स्पष्ट आहे.

बर्याच लोकांना असे वाटते की HTML घटक SECTION आणि वेब पृष्ठावरील सामग्री समाविष्ट करण्यासाठी वापरली जाणारी समान-सामान्य कंटेनर घटक आहेत. प्रत्यक्षात, तथापि, हे दोन घटक, दोन्ही कंटेनर घटक असल्याने, काहीही परंतु सामान्य आहे. SECTION घटक आणि DIV घटक दोन्ही वापरण्याची विशिष्ट कारणे आहेत - आणि हा लेख त्या फरकांना स्पष्ट करेल.

विभाग आणि दिवा

SECTION घटकाचे वेब पृष्ठ किंवा साइटचे सिमेंटिक विभाग म्हणून परिभाषित केले आहे जे आणखी विशिष्ट प्रकारचे नाही (जसे की लेख किंवा बाजूला). मी या घटकाचा वापर करतो जेव्हा मी पृष्ठाचा एक वेगळा भाग चिन्हांकित करतो - एखादा भाग जो हलविला जाऊ शकतो आणि अन्य पृष्ठांवर किंवा साइटच्या भागांवर वापरला जाऊ शकतो. ही सामग्री एक वेगळे तुकडा आहे, किंवा सामग्रीचा "विभाग" असल्यास, आपण इच्छित असल्यास.

त्याउलट, आपण विभाजित करू इच्छित असलेल्या पृष्ठाच्या भागांकरिता आपण डीआयव्ही घटक वापरत आहात परंतु सिमेंटिक व्यतिरिक्त इतर कारणांसाठी. जर मी सीएसएस च्या सहाय्याने वापरण्यासाठी एक "हुक" देण्यासाठी केवळ एक विभागात सामग्रीचे क्षेत्र लपवेल. हे वाक्यशास्त्र आधारित सामग्री वेगळा विभाग असू शकत नाही, पण मी माझ्या पृष्ठासाठी इच्छित लेआउट साध्य करण्यासाठी काहीतरी dictating आहे.

हे सर्व अर्थशास्त्रांविषयी आहे

हे समजणे कठीण संकल्पना आहे, परंतु DIV घटक आणि SECTION घटकाचे फरक फक्त सिमेंटिक आहे. दुसऱ्या शब्दांत, याचा अर्थ असा आहे की आपण विभाजित करत असलेल्या कोडचा विभाग आहे.

एक DIV घटक आत असलेला कोणतीही सामग्री कोणत्याही अंतर्निहित अर्थाची नाही. हे अशा गोष्टींसाठी सर्वोत्तम वापरले जाते:

• CSS शैली आणि CSS शैलीसाठी हुक
• लेआउट कंटेनर
• जावास्क्रीप्ट हुक
• HTML साठी विभागणे वाचणे सोपे करते

DIV घटक हा आमच्या घटकांना शैलीमध्ये जोडण्यासाठी आणि स्तंभ आणि फॅन्सी मांडणी तयार करण्यासाठी एकमेव घटक म्हणून वापरले. यामुळे, आम्ही एचटीएमएल वर पोहोचलो जे डीआयव्ही घटकांमधे अडकले होते-वेब डिझायनर्स "डिव्हीआयटीस" काय म्हणू शकतात. अगदी WYSIWYG संपादक देखील होते जे DIV घटक केवळ वापरत होते मी प्रत्यक्षात एचटीएमएल वर कार्यरत आहे ज्यामुळे परिच्छेदाऐवजी डीआयव्ही घटक वापरतात!

HTML5 सह, आम्ही अधिक तत्वीय वर्णनात्मक दस्तऐवज तयार करण्यासाठी (नॅव्हिगेशनसाठी आणि वर्णनात्मक आकडेवारी आणि इतर गोष्टींवर) तयार करण्यासाठी विभागणी घटक वापरणे प्रारंभ करू शकतो आणि त्या घटकांच्या शैली देखील परिभाषित करू शकतो.

स्पॅन एलिमेंट बद्दल काय?

दुसरा घटक म्हणजे बहुतेक लोक जे डीव्ही घटकांचा विचार करतात त्या घटकाचा विचार करतात. हा घटक, जसे की डीआयव्ही, हे सिमेंटिक घटक नाही. हा एक इनलाइन घटक आहे ज्याचा वापर आपण सामग्रीचे आच्छादित ब्लॉक्स (सामान्यतः मजकूर) सुमारे शैली आणि स्क्रिप्टसाठी हुक जोडण्यासाठी वापरू शकता. या अर्थाने तो डीव्ही घटकांसारखाच असतो, ब्लॉक घटक पेक्षा केवळ इनलाइन. काही मार्गांनी, डीआयव्हीला ब्लॉक-स्तरीय स्पॅन घटक म्हणून विचार करणे सोपे असते आणि त्याच प्रकारे आपण HTML सामग्रीच्या संपूर्ण ब्लॉक्सच्या केवळ स्पॅनप्रमाणेच वापरु शकता.

HTML5 मध्ये तुलना करण्यायोग्य इनलाइन विभागणी घटक नाही

इंटरनेट एक्सप्लोररच्या जुन्या आवृत्त्यांसाठी

आपण IE च्या नाटकीय रूपाने जुन्या आवृत्त्या (IE 8 आणि त्याहून कमी) समर्थन देत असलात तरीही जी HTML5 ची विश्वासार्हता ओळखत नाही, आपण क्षणार्धात योग्य HTML टॅग वापरण्यास घाबरू नये. वाक्यरचना आपल्याला आणि आपल्या कार्यसंघास भविष्यामध्ये पृष्ठ व्यवस्थापित करण्यास मदत करेल (कारण आपण हे समजता की हा कलम अनुच्छेद घटक द्वारे वेढलेला असेल तर लेख आहे). तसेच, त्या टॅग्जची ओळख करणारे ब्राऊजर त्यास अधिक चांगले समर्थन करतील.

आपण तरीही इंटरनेट एक्स्प्लोररसह एचटीएमएल 5 एम अर्थ सेटींग घटक वापरु शकता, आपल्याला फक्त स्क्रिप्टिंग जोडणे आवश्यक आहे आणि संभाव्यत: डीव्ही घटकांसारखे काही त्यांना HTML म्हणून टॅग ओळखण्याची आवश्यकता आहे.

DIV आणि SECTION घटकांचा वापर करणे

आपण ती योग्यरितीने वापरत असल्यास आपण एका वैध HTML5 दस्तऐवजात दोन्ही DIV आणि SECTION घटक एकत्र वापरु शकता. येथे आपण या लेखात पाहिल्याप्रमाणे, आपण सामग्रीचे अर्थिकरित्या स्वतंत्र भाग परिभाषित करण्यासाठी SECTION घटक वापरतो आणि आपण CSS आणि JavaScript साठी हुक म्हणून DIV घटक वापरतो तसेच लेआउट परिभाषित करता ज्यात शब्दार्थाचा अर्थ नसतो.

जेनिफर क्रिनिन द्वारे मूळ लेख. 3/15/17 रोजी जेरेमी गिरर्ड द्वारा संपादित