एचटीएमएल फिक्स्ड कॉलम चौड़ाई (चौड़ाई या शैली विशेषता) निर्दिष्ट करने का बेहतर तरीका कौन सा है

Question

मैं पूछना चाहता हूं कि HTML कॉलम चौड़ाई निर्दिष्ट करने का बेहतर तरीका क्या है? चौड़ाई विशेषता या शैली विशेषता? मान लीजिए कि मैं आईई 6 का उपयोग कर रहा हूं। क्या IE शैली की तुलना में चौड़ाई विशेषता को बेहतर प्रदान करता है?

चौड़ाई विशेषता

<table width="900"> 
    <tr> 
     <td width="450">A</td> 
     <td colspan="2" width="450">B&C</td> 
    </tr> 
    .... 
</table> 

या शैली विशेषता द्वारा

<table style="width:900px;"> 
    <tr> 
     <td style="width: 450px;">A</td> 
     <td colspan="2" style="width: 450px;">B&C</td> 
    </tr> 
    .... 
</table> 

Answer 1

सबसे पहले इससे पहले कि मैं अपने प्रश्न का उत्तर, कुछ आपको पता होना चाहिए कि कैसे टेबल गाया जाता है, टेबल-लेआउट तय शैली के साथ प्रयोग करके तालिका तत्व के लिए:

यदि ब्राउज़र पहली तालिका पंक्ति कॉलम की चौड़ाई को जानता है (यदि आप टेबल पर तालिका लेआउट निश्चित शैली प्रदान करते हैं) ब्राउज़र किसी भी परिणामी पंक्तियों की चौड़ाई की गणना करने से पहले भी तालिका के शीर्ष को प्रस्तुत करना शुरू कर सकता है। इसका क्या मतलब है? अजाक्स द्वारा पॉप किए गए टेबल्स एक निश्चित लेआउट के साथ कॉल करते हैं, पूर्ण AJAX कॉल समाप्त होने से पहले किसी उपयोगकर्ता को परिणाम प्रदर्शित करना शुरू कर सकते हैं। इस बारे में सोचने का सबसे अच्छा तरीका एक प्रगतिशील jpg की तरह है। अंत में आपके पृष्ठ तेजी से लोड होने लगेंगे।

table 
{ 
table-layout:fixed; 
} 

अब आपके प्रश्न का उत्तर देने के लिए।

वास्तव में आपके द्वारा प्रदान किया गया कोई भी उदाहरण सही नहीं है। आप आम तौर पर 2 या अधिक कोशिकाओं में फैले सेल पर चौड़ाई निर्धारित नहीं करते हैं। किसी भी तालिका में सभी कोशिकाओं के साथ कम से कम 1 पंक्ति बनाने का अच्छा विचार है, यह या तो TH में हो सकता है या (जिस तरह से मैं इसे एक खाली tr में कर सकता हूं।

उदाहरण के लिए ...

<table> 
<tr> 
<td width="450"></td> 
<td width="225"></td> 
<td width="225"></td> 
</tr> 
<tr> 
<td>content here</td> 
<td colspan="2">content here</td> 
</tr> 
</table> 

क्या कभी जिस तरह से आप शैली या सिर्फ मानक एचटीएमएल चौड़ाई का उपयोग करना चाहते हैं, पसंद आपकी है, लेकिन अंत में आप अपने पहली पंक्ति होना चाहिए या किसी पंक्ति ((यदि तालिका लेआउट ठीक हो गई है) तालिका लेआउट है अगर तय नहीं किया गया है) प्रत्येक आविष्कारक सेल के लिए चौड़ाई परिभाषा को शामिल करने के लिए। यह आपको सही दिखने वाली तालिका की योजना बनाने में भी मदद करेगा, उम्मीद है कि यह मदद करता है।

तालिका लेआउट फ़िक्स का परीक्षण करें एड, 10 000 पंक्ति तालिका की तरह एक विशाल बनाकर, और एक निश्चित निश्चित लेआउट बनाम प्रतिपादन गति का परीक्षण करें।

एचटीएमएल 4 बनाम एक्सएचटीएमएल के बारे में पूरी बहस, शैली बनाम गुण मुझे लगता है कि वास्तव में रखरखाव का सवाल है। मुझे नहीं लगता कि एचटीएमएल 4 संक्रमण के साथ स्टाइल या सादे चौड़ाई का उपयोग करके चौड़ाई को सेट करने में कुछ भी गलत है, वे दोनों एक ही काम करते हैं। कारण आप दोनों को क्यों कर सकते हैं क्योंकि एचटीएमएल थोड़ा विकसित हुआ है, हां यह गन्दा हो सकता है! गुड लक

Answer 2

बस <div> टैग को जोड़ने के अंदर <td> या <th><div> अंदर चौड़ाई परिभाषित करते हैं। यह आपकी मदद करेगा। कुछ और काम नहीं करता है।

उदाहरण के लिए।

<td><div style="width: 50px" >...............</div></td>