css - Margin sometimes work sometimes don't under different doctype -


निम्न HTML कोड पर विचार करें:

  & lt; शैली & gt; Td {padding: 5px; } & Lt; / style & gt; & Lt; p & gt; 1233 & lt; / p & gt; & LT; तालिका & gt; & LT; टीआर & gt; & LT; टीडी & gt; & Lt; h3 & gt; कुछ पाठ & lt; / h3 & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt;   

अगर मैं & lt;! DOCTYPE HTML PUBLIC का उपयोग करता हूं - - // W3C // DTD एचटीएमएल 4.0 ट्रांस्क्रिप्शन / एन "& gt; , मार्जिन & lt; p & gt; और & lt; h3 & gt; का काम नहीं करता है, लेकिन अगर मैं & lt;! DOCTYPE HTML & gt; का उपयोग करता हूं, मार्जिन काम करता है।

क्या अधिक है, जब मैं जोड़ता हूँ

  h3 {मार्जिन: 25px 0; }   

शैली में, उनमें से मार्जिन अचानक HTML 4.0 doctype का उपयोग करके भी काम करता है!

क्यों क्या यह अजीब व्यवहार होता है? IE और क्रोम इस मुद्दे पर एक ही व्यवहार करते हैं, यह डिजाइन या कुछ और है, यह वास्तव में मुझे भ्रमित करता है।

मेरे पास बहुत सारे पेज हैं जो इस अजीब व्यवहार पर निर्भर हैं, जब मैं अन्य सीएसएस से कुछ सीएसएस लाया घटकों वे मार्जिन परिभाषित किया तो अचानक इन सभी पुराने पृष्ठों तोड़ दिया इसलिए मैं जानना चाहता हूं कि वास्तव में क्या हुआ है। डिफ़ॉल्ट < itemprop = "text">

समस्या डिफ़ॉल्ट & lt;; doctype html & gt; बहुत शुरुआत में, लेकिन यह पूरी तरह बर्बाद हो सकता है (या शायद थोड़ा परेशान) अपने पृष्ठों, अगर वे हैं ताकि उनके रेंडरिंग ब्राउज़र में छोटी गाड़ी के व्यवहार और विषमता पर निर्भर हो।

इस मुद्दे को एक सरल स्टैंडअलोन दस्तावेज़ (कोई सीएसएस के साथ) के साथ प्रदर्शित किया जा सकता है:

  & lt ;! doctype html & gt; & Lt; p & gt; 1233 & lt; / p & gt; & lt; तालिका सीमा & gt; & LT; टीआर & gt; & LT; टीडी & gt; & Lt; h3 & gt; कुछ पाठ & lt; / h3 & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt;   

खाली जगह है, एक खाली रेखा के बारे में, शुरुआत से पहले ???? 123A ???? साथ ही साथ सेल के अंदर भी। यदि & lt;; doctype html & gt; हटा दिया जाता है, तो यह रिक्तियां गायब हो जाती हैं (लेकिन अन्य मार्जिन बनाए रखे जाते हैं)।

इस मुद्दे को HTML5 सीआर में अनुभाग में अच्छी तरह से वर्णित किया गया है: Quirks मोड में, डिफ़ॉल्ट मार्जिन [जैसे पी या एच 3] के साथ कोई भी तत्व जो शरीर, टीडी, या वें तत्व का बच्चा है और इसके पास कोई महत्वपूर्ण पिछले भाई बहन नहीं है जो एक उपयोगकर्ता-एजेंट स्तरीय स्टाइल शीट नियम निर्धारित करता है जो सेट करता है इसकी 'मार्जिन-टॉप' संपत्ति शून्य के लिए। ??? ??? ???

यह सुविधा उन संदर्भों में शीर्ष मार्जिन को छूने की ब्राउज़र की परंपरा से संबंधित है, जहां वे सामान्य रूप से बेकार या परेशान भी हैं I उदाहरण के लिए, यदि शीर्षक तत्व या पी तत्व तत्व के दस्तावेज़ में या तालिका कक्ष में पहला तत्व है, तो पूर्ववर्ती सामग्री से इसे अलग करने की कोई आवश्यकता नहीं है। अभ्यास सीएसएस की सामान्य उपलब्धता की भविष्यवाणी करता है।

Comments

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -