नेस्ट एचटीएमएल टॅग कसे योग्यरित्या
आपण आज कोणत्याही वेबपृष्ठासाठी HTML मार्कअपकडे पहात असल्यास, आपल्याला इतर HTML घटकांमध्ये असलेल्या HTML घटक दिसतील. इतरांच्या "आत" या घटकांना "नेस्टेड एलिमेंट्स" असे म्हटले जाते आणि आज ते कोणत्याही वेब पृष्ठ तयार करणे आवश्यक आहे.
तो घरटे एचटीएमएल टॅग याचा अर्थ काय?
नेस्टिंगला समजून घेण्याचा सर्वात सोपा मार्ग म्हणजे एचटीएमएल टॅग्सची अशी धारणा आहे जे तुमची सामग्री धारण करतात. आपल्या सामग्रीमध्ये मजकूर, प्रतिमा इ. समाविष्ट होऊ शकते. एचटीएमएल टॅग्स मजकूर असलेल्या बॉक्स आहेत. काहीवेळा, आपल्याला इतर बॉक्सच्या आतील बॉक्स ठेवण्याची आवश्यकता आहे. त्या "आतल्या" चौकटी इतरांच्या आतील असतात.
जर तुम्हास अक्षरांचा एक भाग ज्याला परिच्छेद आत बोल्ड करायचे असेल, तर आपल्याकडे दोन HTML घटक तसेच मजकूर स्वतःच असेल.
उदाहरण: हे मजकूराचे वाक्य आहे.हा मजकूर म्हणजे आपण आपले उदाहरण म्हणून वापरु. हे कसे लिहावे ते येथे आहे.
उदाहरण: ही मजकूराची एक वाक्य आहे.
कारण आपण वाक्य "वाक्य" ठळक करू इच्छित असल्यास, आपण त्या चिंतेच्या आधी आणि नंतर बोल्ड टॅग्ज उघडता आणि बंद करता.
उदाहरण: हा मजकूर एक वाक्य आहे.
आपण बघू शकता की आपल्याजवळ एक वाक्य (अनुच्छेद) आहे ज्यात आमच्या वाक्यची सामग्री / मजकूर आहे, तसेच दुसरा बॉक्स (मजबूत टॅग जोडी) आहे, जे तो शब्द बोल्ड म्हणून प्रस्तुत करेल.
जेव्हा आपण घरटे टॅग करता तेव्हा हे गंभीर स्वरुपाचे आहे की आपण त्यांना उघडलेल्या उलट क्रमाने टॅग बंद करा. आपण प्रथम
उघडा , ज्याचा अर्थ असा की आपण उलट करा आणि बंद करा आणि नंतर .
याबद्दल विचार करण्याचा आणखी एक मार्ग म्हणजे पुन्हा एकदा बॉक्सचे सादृश्य वापरणे. आपण दुसर्या बॉक्समध्ये एक बॉक्स ठेवल्यास, आपण बाह्य बंद किंवा बॉक्स बंद करण्यापूर्वी आतील एक बंद करावे लागेल.
अधिक नेस्टेड टॅग जोडणे
जर आपल्याला एक किंवा दोन शब्द बोल्ड होण्याची इच्छा असेल आणि दुसरे तिर्यक असेल तर? हे कसे करायचे ते येथे आहे.
उदाहरण: हे मजकुराचा एक वाक्य आहे आणि त्यात काही तिर्यक पाठ्य देखील आहे. आपण हे पाहू शकता की बाह्य बॉक्स, , आता त्यात दोन नेस्टेड टॅग आहेत - आणि त्या बॉक्स असलेले बॉक्स बंद करता येण्याआधी ते दोन्ही बंद करणे आवश्यक आहे. उदाहरण: हे मजकुराचा एक वाक्य आहे आणि त्यात काही तिर्यकृत मजकूर देखील आहे. हा एक परिच्छेद आहे. < / p> या प्रकरणात आपण बॉक्सच्या आत बॉक्स आहे! सर्वात जास्त बॉक्स म्हणजे आपण सीएसओ वापरणार आहोत तर आपण नेस्टिंग काळजी करणे आवश्यक आहे की संख्या एक कारण आहे. कॅस्केडिंग स्टाइल शीट्स टॅगवर अवलंबून असतात जेणेकरून ते दस्तऐवजात सातत्याने आश्रय घेऊ शकतात जेणेकरून स्टाईलची सुरुवात आणि शेवट कुठे ते सांगू शकेल. जर आपण अशी शैली सेट केली असेल ज्या पृष्ठावर "मुख्य-सामग्री" मजकूराच्या श्रेणीसह विभागाच्या आत असलेल्या "सर्व दुवे" प्रभावित करतात, तर चुकीच्या नेस्टिंगमुळे ब्राउझरने हे शैली कुठे लागू करावे हे जाणून घेणे कठिण होते चला काही HTML पहा: उदाहरण: हे मजकुराचा एक वाक्य आहे आणि त्यात काही तिर्यक पाठ्य देखील आहे. हे दुसर्या परिच्छेद आहे. मी नुकत्याच नमूद केलेल्या उदाहरणाचा वापर करून, जर मला सीएसएस शैली लिहायची असेल ज्यामुळे या विभागातील लिंकला प्रभावित होईल आणि फक्त ती लिंक (पृष्ठाच्या इतर विभागात इतर लिंक्सच्या विरूद्ध) तर मला ते वापरणे आवश्यक आहे. माझी शैली लिहिण्यासाठी नेस्टिंग, जसे: इतर कारणांमध्ये प्रवेशयोग्यता आणि ब्राउझर सहत्वता समाविष्ट आहे. जर तुमचे एचटीएमएल चुकीच्या नेस्टेड असेल तर पडद्यावरील वाचक व जुन्या ब्राऊझर्ससाठी ते उपलब्ध होणार नाही - आणि हे HTML पानास व टॅग्जमुळे पृष्ठ योग्य रेंडर कसे करायचे हे ब्राऊजरना कळू शकत नाही. ठिकाणाबाहेर आहे शेवटी, आपण पूर्णपणे योग्य आणि वैध HTML लिहिण्याचा प्रयत्न करत असल्यास, आपल्याला योग्य नेस्टिंगिंग वापरण्याची आवश्यकता असेल नाहीतर, प्रत्येक व्हॅलिडेटर आपला HTML चुकीचा म्हणून ध्वजांकित करेल. नेस्टिंग बद्दल आपण का काळजी घ्यावी?