यी दुई सर्तहरू बीचको भिन्नता छ
वेब डिजाइन, जस्तै कुनै उद्योग वा व्यवसायमा, भाषाको सबैको आफ्नै हो। जब तपाई उद्योग प्रवेश गर्नुहुन्छ र साथीहरूको साथ बोल्नु हुन्छ, निस्सन्देह तपाईलाई नयाँ हो कि सर्तहरू र वाक्यांशहरूको बिचारमा चल्नेछ, तर तपाईको साथी साथीहरूको प्रविधिहरूको प्रवाह। तपाईंले सुन्नुभएको दुई शब्दहरू HTML "ट्याग" र "तत्व" हुन्।
जब तपाइँ यी दुई शब्दहरू बोल्नुभयो भने, तपाईले यो कुरा बुझ्न सक्नुहुनेछ कि उनीहरुलाई केहि फरक पारिएको छ। जस्तै, एक प्रश्न छ कि धेरै नयाँ वेब विशेषज्ञहरूले एचटीएमएल कोडसँग काम सुरु गर्दा के हो "HTML टैग र एचटीएमएल तत्वको बीच के फरक छ?"
जबकि यी दुई सर्तहरू अर्थमा समान छन्, तिनीहरू साँच्चै समीकरणहरू छैनन्। त्यसैले यी दुई सर्तहरूसँग समानता के हो? छोटो जवाफ भनेको छ कि ट्यागहरू र तत्त्वहरू दुवै HTML मा लेख्नका लागि मार्कअप प्रयोग गर्नुहोस्। उदाहरणका लागि, तपाईले भन्न सक्नुहुन्छ कि तपाईं
ट्याग प्रयोग गर्दै हुनुहुन्छ अनुच्छेद परिभाषित गर्न वा तत्व लिङ्क सिर्जना गर्न। धेरै व्यक्ति शब्द ट्याग र तत्व को रूपान्तरित रूपमा प्रयोग गर्दछ, र तपाइँले बोल्ने कुनै पनि वेब डिजाइनर वा विकासकर्ताले तपाईलाई के अर्थ बुझ्नुहुन्छ, तर वास्तविकता भनेको दुई सर्तहरू बीच फरक फरक छ।
HTML ट्यागहरू
एचटीएमएल एक मार्कअप भाषा हो , जसको मतलब यो कि कोडहरूसँग लेखिएको छ जुन यो बिना संकलित हुन आवश्यक व्यक्ति द्वारा पढ्न सकिन्छ। अन्य शब्दहरूमा, वेब पृष्ठको पाठले यी कोडहरूमा "चिन्ह लगाइएको" हो कि पाठ कसरी प्रदर्शन गर्ने वेब ब्राउजर निर्देशनहरू दिने। यो मार्कअप ट्याग आफै HTML हरू हुन्।
जब तपाइँ HTML लेख्नुहुन्छ, तपाई HTML ट्यागहरू लेख्नुहुन्छ। सबै एचटीएमएल ट्यागहरू धेरै विशिष्ट भागहरू बनाइएका छन्, जसमा:
- एक भन्दा कम साइन <
- कुन ट्याग वा क्यारेक्टर कुन ट्याग निर्धारण गरिँदैछ
- वैकल्पिक HTML विशेषताहरूको कुनै पनि संख्या नाम = "मान" जोडाको रूपमा
- र अन्तमा चिन्ह भन्दा ठूलो>
उदाहरणका लागि, यहाँ केहि एचटीएमएल ट्यागहरू छन्:
-
-
यो सबै एचटीएमएल खुला ट्याग हो, बिना कुनै पनि वैकल्पिक विशेषताहरू तिनीहरूलाई थपिएको। यी ट्यागले प्रतिनिधित्व गर्दछ:
-
- अनुच्छेद परिभाषित गर्दछ।
- - पृष्ठ HTML को रूपमा परिभाषित गर्दछ
- - विभाजन परिभाषित गर्दछ।
निम्न HTML ट्यागहरू पनि छन्:
-
यी उदाहरणहरूमा सबै विशेषताहरू समावेश छ जुन उद्घाटन एचटीएमएल ट्यागमा थपिएका छन्।
-
- एक अज्ञात सूची हो जुन एक आईडी विशेषता समावेश गर्दछ
- विभाजनको एक वर्ग विशेषता छ
- लंगर, वा लिंक, तत्वले "href" विशेषता समावेश गर्दछ
- "Src" विशेषतासँग छवि ट्याग
लंगर र छवि ट्यागको लागि विशेषताहरू वास्तविक रूपमा वैकल्पिक छैनन्, ती ती ट्यागहरूका लागि ठीकसँग प्रदर्शन गर्न आवश्यक छन्। तपाईलाई लिङ्क कहाँ जान जान्छ (जुन के "href" गर्छ) र छवि के के छ भनेर देखाउँछ (जुन के "src" विशेषता प्रदान गर्दछ)।
HTML तत्वहरू के हुन्
W3C एचटीएमएल निर्दिष्टीकरणको अनुसार, एक तत्व HTML को आधारभूत इमारत ब्लक हो र सामान्यतया दुई ट्यागहरू : एक खुला ट्याग र एक समापन ट्याग। अब सम्म हामी मात्र खुल्ला ट्याग देख्थ्यौं, जुन तत्वहरू सुरु हुन्छ। त्यो तत्व अन्त्य गर्न, तपाइँ सम्बन्धित समापन ट्यागहरू लेख्नुहोस्।
उदाहरणका लागि, अनुच्छेद तत्वको लागि तपाईंले यो लेख्नुभयो:
p>
यो खुल्ला ट्याग बनाइएको छ जुन हामीले एक क्षण पहिले नै समाप्ति ट्याग देखेको छ - p>। बन्द ट्यागहरू साँच्चै केवल खोल्ने ट्याग दोहोर्याइएको छ, तर "अग्रेषण स्ल्याश" सँग "सिधै भन्दा कम" सीधा थपियो।
लगभग सबै एचटीएमएल तत्वहरू एक खुल्ला ट्याग र समापन ट्याग छ। यी ट्यागहरू पाठको वरिपरि घेरिएको छ जुन वेब पृष्ठमा प्रदर्शित हुनेछ। उदाहरणका लागि, पाठको अनुच्छेद लेख्नका लागि, तपाईंले पृष्ठमा प्रदर्शन गर्न पाठ लेख्नुहुन्छ र त्यसपछि यी ट्यागहरूसँग घेरिएको छ:
यो जहाँ तपाईंले वेबपेजमा प्रदर्शन गर्न चाहानु भएको अनुच्छेदको पाठ लेख्नुहुन्छ। p>
केहि एचटीएमएल तत्वहरू नजिकै ट्याग छैन। यी "खाली तत्वहरू" भनिन्छ। कहिलेकाँही, तिनीहरू " singleton " वा "शून्य" तत्वहरू पनि भनिन्छ। खाली तत्वहरू प्रयोग गर्न सजिलो छ किनकी तपाईंले मात्र आफ्नो वेब पृष्ठमा एक ट्याग समावेश गर्न अनि ब्राउजरले के गर्न सक्नुहुनेछ। उदाहरणको लागि, तपाइँको पृष्ठमा एकल लाइन ब्रेक थप्नका लागि तपाईँले B
ट्याग प्रयोग गर्नुहुनेछ।अर्को साधारण तत्त्व समावेश गर्दछ जुन खुल्ला ट्याग "छवि" तत्व हो। उदाहरणका लागि:
हामीले पहिले यो उदाहरण देख्यौं, तर यो छवि तत्वको लागि कुनै बन्द ट्याग छैन। ब्राउजरले यो कोडलाई "href" विशेषतामा सन्दर्भ गरिएको चित्रसँग मात्र बदल्नेछ। यस अवस्थामा, यो "logo.png" हुनेछ।
सामान्यतया, जब मैले HTML तत्व वा ट्यागलाई संकेत गर्दछु, म "तत्व" शब्द प्रयोग गर्नेछु भनी संकेत गर्दछु कि म तत्वका सबै भागहरू (उद्घाटन र बन्द ट्याग दुवै) लाई उल्लेख गर्दै छु। म "ट्याग" प्रयोग गर्दछु, म वास्तवमा मात्र एक वा अर्कोलाई उल्लेख गर्दैछु। यो यी दुई सर्तहरूको उचित प्रयोग हो, र म तपाईंलाई उनीहरूलाई ठीकसँग प्रयोग गर्न प्रोत्साहित गर्दछु - तर यो थाहा छ कि यदि तपाईं पर्ची गर्नुहुन्छ र तिनीहरूलाई बिस्तार गर्नुहुन्छ भने, तपाइँ अझै पनि तपाइँको नयाँ वेब विकास साथीहरूद्वारा बुझ्न सक्नुहुनेछ!
जेनिफर क्रिनिन द्वारा मूल लेख। 7/12/17 मा जेरेमी गिरर्ड द्वारा सम्पादित
-