एचटीएमएल टैग Nesting

कसरी सही नेस्ट HTML ट्यागहरू

यदि तपाइँ आज कुनै पनि वेबपेजको लागि एचटीएमएल मार्कअप हेर्नुहुन्छ भने, तपाइँ अन्य एचटीएमएल तत्वहरूमा एचटीएमएल तत्वहरू देख्नुहुनेछ। यी तत्वहरू जुन "भित्र" अन्य हुन् जुन के "नेस्ट तत्वहरू" को रूपमा चिनिन्छन्, र तिनीहरू आज कुनै पनि वेब पृष्ठ निर्माण गर्न आवश्यक छन्।

यो केश एचटीएमएल ट्यागमा के गर्छ?

नेस्टिङ बुझ्ने सबै भन्दा राम्ररी तरिका बक्सको रूपमा एचटीएमएल ट्यागको बारेमा सोच्नु हो जुन तपाईंको सामग्रीको हो। तपाईंको सामग्रीले पाठ, छविहरू, आदि समावेश गर्न सक्छ। HTML ट्याग सामग्री वरिपरि बक्स छन्। कहिलेकाँही, तपाईलाई अन्य बक्स भित्र बक्स स्थानहरू चाहिन्छ। ती "भित्री" बाकसहरू अन्य भित्र भित्र निस्क्रिय छन्।

यदि तपाइँसँग पाठको ब्लक छ जुन तपाइँ अनुच्छेद भित्र बोल्ड चाहनुहुन्छ भने, तपाइँसँग दुई एचटीएमएल तत्वहरू साथै पाठ आफै हुनेछ।

उदाहरण: यो पाठको वाक्य हो।

त्यो पाठ हामी के उदाहरणको रूपमा प्रयोग गर्नेछौं। यहाँ यो कसरी लेखिएको छ।

उदाहरण: यो पाठको वाक्य हो।

किनकी तपाईं शब्द "वाक्य" बोल्ड हुन चाहानुहुन्छ, तपाइँ कि गर्नुभन्दा अघि र पछि बोल्ड ट्यागहरू खोल्न र बन्द गर्नुहुने छ।

उदाहरणका लागि: यो पाठको वाक्य हो।

तपाईले देख्न सक्नुहुनेछ, हामीसँग एक बक्स (अनुच्छेद) छ जुन हाम्रो वाक्यको सामग्री / पाठ समावेश गर्दछ, साथै एक दोस्रो बाकस (बलियो ट्याग जोडा), जुन त्यो शब्द बोल्डको रूपमा प्रदान गर्दछ।

जब तपाईं घोंसले ट्याग गर्नुहुन्छ, यो महत्वपूर्ण छ कि तपाईं ट्यागहरू नजिकको क्रम बन्द गर्नुहुन्छ जुन तपाईंले खोल्यो। तपाइँ पहिले

खोल्नुहोस्, पछि यो , जसको अर्थ तपाईं यसलाई उल्टाउनुहुन्छ र बन्द गर्नुहोस् र त्यसपछि

यसबारे सोच्ने अर्को तरिका एकै पटक फेरि बक्सको छाला प्रयोग गर्नुहोस्। यदि तपाइँ अर्को बाकसमा भित्र बक्स राख्नुभयो भने, तपाईले बाह्य एक बन्द गर्नु अघि बाहिरी वा बाकस समावेश गर्न सक्नुहुन्छ।

अधिक नेस्ट गरिएका ट्यागहरू थप्दै

के यदि तपाइँ मात्र एक वा दुई शब्दहरू बोल्ड हुन चाहानुहुन्छ भने, र अर्को सेट इटालिकमा सेट गर्न चाहनुहुन्छ? यहाँ कसरी गर्ने?

उदाहरण: यो पाठको वाक्य हो र यसमा केहि italicized पाठ पनि छ।

तपाईं हाम्रो बाह्य बाकस देख्न सक्नुहुन्छ,

, अब भित्र भित्र दुई नेस्ट ट्याग छन् - । तिनीहरू दुवै बन्द हुन सक्नु अघि बक्स समावेश गर्न सकिन्छ।

उदाहरण: यो पाठको वाक्य हो र यसमा केहि italicized text पनि छ।

यो अर्को अनुच्छेद हो। < / p>

यस अवस्थामा हामी बाकस भित्र बक्सहरू छन्! सबैभन्दा बाकस बाकस

वा एक "विभाजन" हो। त्यो बक्स भित्र एक जोडी नेस्ट गरिएका अनुच्छेद ट्यागहरू छन्, र पहिलो अनुच्छेद भित्रको हामीसँग अर्को ट्याग जोडा छ। एक पटक फेरि, कुनै पनि वेब पृष्ठ हेर्नुहोस् र तपाइँ यो देख्न सक्नुहुनेछ र धेरै अधिक नेस्सिङ हुँदैछ! यो पृष्ठहरू कसरी बनाइन्छ - बाकस भित्र बक्सहरू।

तपाईंले नर्सिङको बारेमा किन ध्यान दिनुपर्छ?

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

उदाहरण: यो पाठको वाक्य हो र यसमा केहि italicized पाठ पनि छ।

यो अर्को अनुच्छेद हो।

यदि मैले एक सीएसएस शैली लेख्न चाहन्छु भने मैले मात्र प्रयोग गरेको छु, यदि यो विभाजन भित्र लिङ्कलाई प्रभाव पार्छ र मात्र त्यो लिङ्क (पृष्ठको अन्य भागहरूमा कुनै अन्य लिङ्कहरूको विरोध गर्दछ), मलाई प्रयोग गर्न आवश्यक पर्दछ। मेरो शैली लेख्न मन पराउँछु, जस्तै:

.मुख्य सामग्री एक {रंग: # F00; }

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

अन्तमा, यदि तपाईं पूर्णतया सही र वैध HTML लेख्न प्रयास गर्दै हुनुहुन्छ भने, तपाइँलाई सही नेस्टिङ प्रयोग गर्न आवश्यक छ। अन्यथा, हरेक वैधकर्ताले तपाईको HTML लाई गलतको रूपमा झण्डा लगाउनेछ।