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

ब्लॉक लेआउट div HTML टैग

Runet में पहले यहां तक कि कुछ दस साल सबसे अधिक बार तथाकथित सारणीबद्ध लेआउट का इस्तेमाल किया। तथ्य यह है कि कुछ ब्राउज़रों के मानकों को एक-दूसरे से काफी अलग थे के कारण, हम एक समाधान है जो ठीक से सभी आवेदनों में ऑनलाइन दस्तावेज़ को प्रदर्शित होगा देखने के लिए किया था। लेकिन समय के रूप में पर चला गया, मानकों के विकास, और बदलने के लिए नहीं बल्कि कठोर और अनम्य तालिका अच्छा और उत्तरदायी चर आया ब्लॉक लेआउट। इस तकनीक में सबसे आगे तत्वों

का उपयोग करने का सिद्धांत है। बहुमत में एचटीएमएल-दस्तावेजों व्यक्ति ब्लॉक है, जो, के विपरीत तालिका लेआउट एक दूसरे से स्वतंत्र हो सकता है के आधार पर बनाया गया था।

उद्भव

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

एचटीएमएल विकास की प्रक्रिया उनके डिजाइन नियमों का प्रत्येक व्यक्ति तत्व के लिए निर्धारित करने के लिए अनुमति में सुधार के अलावा। यह वेब पृष्ठों की पठनीयता में सुधार और दस्तावेज़ डाउनलोड समय को कम करने में मदद की। अब खोज इंजन बहुत तेजी से और बेहतर प्रक्रिया जानकारी साइट पर उपलब्ध।

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

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

टैग, आप ब्लॉक बनाने की अनुमति या के रूप में वे कंटेनर कहा जाता है। अलग-अलग तत्वों नेस्ट किया जा सकता है, जिससे आवश्यक संरचना और विन्यास जटिलता का निर्माण।
टैग अकेला वर्ग पहचानकर्ता का उपयोग करना या व्यावहारिक रूप से नहीं होती है। यह "अनाम" तत्व के कारण होता है। वह एक ग्रेड आवंटित नहीं करता है, अंत में, सभी कंटेनर एक समान विन्यास होगा।

आदेश में एक सही मायने में सही दस्तावेज़ बनाने के लिए, आप

वर्ग के निम्नलिखित टैग संरचना = "का उपयोग करना चाहिए एक to_imya«। स्टाइलशीट में वर्ग के नाम को चालू करने से, आप स्थान, आकार, और दस्तावेज़ में एक विशाल खंड में संक्षेप के अन्य मानकों को निर्धारित कर सकते हैं।

वर्गों और आईडी का उपयोग

ब्लॉक

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

स्वाभाविक रूप से, दस्तावेज़ के ब्लॉक संरचना केवल एक टैग

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

टैग। एचटीएमएल-गुण

पहले से ही ऊपर कहा गया है, टैग पेज लेआउट टुकड़ा बदल सकते हैं और स्टाइल शीट से बाद के पंजीकरण के साथ एक अर्थ संरचना बनाने के लिए इस्तेमाल नहीं करता है। इस तत्व के लिए एक अंतिम टैग का उपयोग करना अनिवार्य है।

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

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

टैग आप इसे में दी गई सामग्री के लेआउट प्रारूपित कर सकते हैं। यह संरेखित विशेषता, जिसके माध्यम से आप बाईं, सही, अभिभावक तत्व के केंद्र पर पाठ या चित्र जगह कर सकते हैं का उपयोग करता है।

स्थिति ब्लॉक

स्थिति विशेषता का उपयोग करके आप चयनित आइटम स्थिति की विधि बदलने की अनुमति देता। तो, वहाँ स्थिति के तीन प्रकार हैं:

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

अन्य विशेषताओं

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

हमें उम्मीद है इस लेख HTML में क्या एक

के सवाल से निपटने के लिए मदद की है।

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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