इन्टरनेटवेब डिजाइन

ब्लक लेआउट div HTML ट्याग

पहिले runet मा पनि केही दस वर्ष भन्दा अक्सर तथाकथित टेबुलर लेआउट प्रयोग। कारण केही ब्राउजर को स्तर दोश्रो देखि एकदम फरक थिए भन्ने तथ्यलाई गर्न, हामी राम्ररी सबै अनुप्रयोगमा अनलाइन कागजात प्रदर्शन भनेर एक समाधान खोज्न थियो। तर समय रूपमा विकास स्तर र बरु कठोर र inflexible तालिका राम्रो र उत्तरदायी चल आए प्रतिस्थापन गर्न, गयो ब्लक लेआउट। यो प्रविधि को Forefront मा तत्व

प्रयोग को सिद्धान्त हो। बहुमत मा HTML-कागजात जो, विपरीत तालिका लेआउट प्रत्येक अन्य स्वतन्त्र हुन सक्छ व्यक्तिगत ब्लक, को आधार मा निर्मित थिए।

उद्भव

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

HTML विकास आफ्नो डिजाइन नियम प्रत्येक व्यक्तिगत तत्व लागि निर्धारण गर्न अनुमति प्रक्रिया सुधार गर्न साथै। यो वेब पृष्ठ को readability सुधार र कागजात डाउनलोड समय कम गर्न मदत गरे। अब खोज इन्जिन धेरै छिटो र राम्रो जानकारी प्रक्रिया साइटमा उपलब्ध छ।

मानक र मान्यता

W3C स्तर (वर्ल्ड वाइड वेब कंसोर्टियम) संग सख्त अनुपालन प्रयोग HTML मा ट्याग। को प्रमाणीकरणकर्ता, (स्क्यानहरू र खोजहरू) पृष्ठमा त्रुटिहरू सबै प्रकारका parses जो - पृष्ठ स्रोत जाँच एक विशेष उपकरण आयोजित। पृष्ठ मान्य सबै ट्याग राम्ररी प्रयोग गरेको गरिएको र पूरै स्तर को आवश्यकताहरू पूरा हो।

ट्याग तपाईं ब्लक सिर्जना गर्न अनुमति वा तिनीहरूले कन्टेनर भनिन्छ। व्यक्तिगत तत्व जसबाट आवश्यक संरचना र कन्फिगरेसन जटिलता सिर्जना गर्ने, नीडिंत गर्न सकिन्छ। को
ट्याग unaccompanied वर्ग परिचायक वा व्यावहारिक उत्पन्न गर्दैन प्रयोग गरेर। यसलाई द्वारा "faceless" तत्व कारण छ। उहाँले एक ग्रेड नियुक्त गर्दैन भने, अन्त मा, सबै कन्टेनर एक समान कन्फिगरेसन हुनेछ।

एक कागजात साँच्चै सही सिर्जना गर्न, तपाईं एक to_imya «को

कक्षा को निम्न ट्याग संरचना प्रयोग गर्नुपर्छ ="। को शैलीपाना मा कक्षा को नाम मा गर्नाले, तपाईं स्थान, आकार, र कागजातमा एक ब्लक संक्षेप अन्य मापदण्डहरू निर्धारण गर्न सक्नुहुन्छ।

वर्ग र प्रयोग गरि

ब्लक

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

स्वाभाविक, कागजात को ब्लक संरचना मात्र एक ट्याग

को प्रयोग होइन। कुनै पनि वेब पेज को संरचना सधैं अन्य तत्व हुनेछ। साथै, नै ब्लक
तत्व प्रदर्शन एक फरक प्रकारको हुन सक्छ। यो गुण प्रदर्शन प्रयोग गरेको छ। तत्व स्ट्रिङ वा तालिका प्रदर्शन, एकदम एकाइ को प्रयोग को लचीलापन वृद्धि र कुनै पनि विन्यास को एक वेबसाइट सिर्जना गर्न सक्नुहुन्छ जो हुन सक्छ।

ट्याग। HTML-गुण

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

धेरै आधुनिक ब्राउजर यस्तो गल्ती पहिचान गर्न सक्षम हुनेछ भन्ने तथ्यलाई बावजुद, केही अवस्थामा, बन्द नगरिएको ट्याग "razvalivanie" कागजात संरचना र यसको प्रदर्शन विफलता हुन सक्छ।

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

ट्याग तपाईं यसलाई भित्र सामग्रीको लेआउट ढाँचाबद्ध गर्न अनुमति दिन्छ। यो पङ्क्तिबद्ध विशेषता, तपाईं बायाँ, दायाँ, वा अभिभावक तत्व को केन्द्र मा पाठ वा तस्वीर राख्न सक्छन् जो मार्फत प्रयोग गर्दछ।

स्थिति ब्लक

स्थिति विशेषता प्रयोग गरेर तपाईँले चयन गरिएको वस्तु स्थिति को विधि परिवर्तन गर्न अनुमति दिन्छ। त्यसैले, त्यहाँ स्थिति तीन प्रकारका छन्:

  • स्थिर (स्थिर) - पूर्वनिर्धारित। यस मामला मा, तत्व अनुसार एचटीएमएल-कोड मा स्थिति संग छ।
  • सापेक्ष (नातेदार)। यस मामला मा, वस्तु को स्थान स्थिर स्थिति को मामला मा जस्तै तरिका गणना छ, तर यो सुविधा तपाईं बच्चाहरु लागि स्थिति परिवर्तन गर्न अनुमति दिन्छ।
  • निरपेक्ष (निरपेक्ष)। आफ्नो स्थिति सापेक्ष स्थिति संग तत्व सापेक्षित गणना गरिएको छ।

अन्य विशेषताहरु

शीर्ष र बायाँ विशेषताहरु मूल को बिन्दु गर्न स्थिति सापेक्ष परिवर्तन गर्न प्रयोग गरिन्छ। मान सकारात्मक र नकारात्मक दुवै हुन सक्छ। ब्लक तत्व को चौडाई तथा उचाइ क्रमशः, परिभाषित चौडाइ र उचाइ विशेषताहरू। तिनीहरूले शैली पानामा निर्दिष्ट थिए भने, एकाइ अभिभावक तत्व को सम्पूर्ण चौडाई लाग्न हुनेछ। ब्लक सामग्री "अभिभावक" चौडाइ मार्फत फिट गर्दैन भने, त्यसपछि एउटा तत्व को व्यवहार को विशेषता ओभरफ्लो निर्धारण गरिन्छ।

हामी आशा यस लेखमा HTML मा के एक

को प्रश्न सामना गर्न मदत गरेको छ।

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ne.atomiyme.com. Theme powered by WordPress.