एचटीएमएल

Question

में अनुच्छेदों में नेस्ट सूचियां ऐसा लगता है कि (सख्त) एचटीएमएल <p> के अंदर किसी भी गैर-इनलाइन तत्वों को घोंसले की अनुमति नहीं देता है, लेकिन फिर मुझे एक पैराग्राफ प्रस्तुत करना होगा जिसमें एक सूची है (जो कुछ अक्सर होता है प्राकृतिक ग्रंथ)। मैंने तीन उत्तरों को देखा है जो सभी असंतुष्ट लगते हैं:

• सूची पैराग्राफ के अंदर नहीं होनी चाहिए। (मैं एक सांस्कृतिक बहस में नहीं जा रहा हूं, लेकिन मुझे उम्मीद है कि एचटीएमएल लेखन शैली को निर्देशित करने वाला स्थान नहीं बन जाएगा।)
• पाठ को अनुच्छेद में विभाजित करें, फिर एक सूची, और फिर एक सेकंड पोस्ट-टेक्स्ट के साथ अनुच्छेद। यह बुरा लगता है क्योंकि अब मेरे पास भाग हैं जो पैराग्राफ के भागों हैं, और यह एक मार्कअप के लिए बुरा लगता है जो अधिक अर्थपूर्ण दिशा में स्थानांतरित करने की कोशिश कर रहा है।
• कुछ <div class="mypara"> का उपयोग करके नकली पैराग्राफ - जो पूरी चीज को बाईपास करने और टेक्स्ट के लिए उचित अर्थशास्त्र के साथ मार्कअप का उपयोग करने का एक बुरा तरीका दिखता है।

क्या ऐसा करने का कोई और तरीका है जो अर्थात् सही और वैध है?

Answer 1

नवीनतम वर्किंग ड्राफ्ट के रूप में एचटीएमएल 5 में पैराग्राफ को फ्लो तत्वों के रूप में परिभाषित किया गया है जिनमें केवल वाक्यांश तत्व शामिल हो सकते हैं। सूची को प्रवाह तत्वों के रूप में भी परिभाषित किया जाता है, और अनुच्छेदों में संलग्न नहीं किया जा सकता है। जो कुछ भी आपको लगता है कि अनुच्छेद की परिभाषा होनी चाहिए, यह HTML में शब्द की औपचारिक परिभाषा है, और मुझे लगता है कि यह बदलने की संभावना नहीं है।

दो संभावनाएं है कि आप दो के अलावा विचार कर सकते हैं आप उल्लेख किया है के होते हैं:,

• पैरा अगर यह लागू होता है की अपेक्षा अधिक व्यापक तक पहुँचने प्रवाह तत्व के लिए तक पहुँचने पर विचार करें जैसे section, nav, header, footer, या article।
• एक संकर दृष्टिकोण का उपयोग करें: p – ol – p अनुक्रम को अपने चयन के div के साथ लपेटें जो सेट पर सामान्य स्वरूपण लागू करता है।

जहाँ तक div जाता है, एचटीएमएल 5 कल्पना स्पष्ट रूप से सिफारिश की है कि यह है क्योंकि यह तरीका है कि अन्य HTML तत्वों कर में अर्थ अर्थ वहन नहीं करती एक तत्व "अंतिम उपाय" होना चाहिए, और के रूप में नहीं किया जा सकता वैकल्पिक उपयोगकर्ता एजेंटों में उपयोगकर्ता के अनुकूल। इस सलाह के अनुसार, यदि 0 सेमेन्टिक्स आपके लिए महत्वपूर्ण हैं तो मैं p की लागत पर div का उपयोग नहीं कर सकता। हालांकि, यह सुनिश्चित करने में उपयोगी हो सकता है कि एकाधिक अनुच्छेदों का उपयोग बहुत दृष्टिहीन नहीं होता है।

Answer 2

मुझे नहीं लगता कि एचटीएमएल <p> टैग वास्तविक लेखन शैलियों के मुहावरों को नियंत्रित करने के लिए है। यह व्यवस्थित ढंग से पाठ का एक हिस्सा प्रदर्शित करने का एक तरीका है। मुझे विश्वास नहीं है कि यह मुद्रित सामग्री अनुकरण करने के लिए है। आपको इसके लिए एक div का उपयोग करना होगा।

Answer 3

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

Answer 4

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

जबकि एक सूची विचार की रेखा में एक ब्रेक का प्रतिनिधित्व नहीं करती है, यह निश्चित रूप से आवाज या विचार की विधि में परिवर्तन का प्रतिनिधित्व करती है, जो मुझे विश्वास है कि एक नया अर्थपूर्ण कंटेनर योग्यता है।

उसी नस में, एक अनुच्छेद लेखन के एक टुकड़े में तार्किक विभाजन का प्रतिनिधित्व करता है। एक सूची तार्किक विभाजन के अनुक्रम का प्रतिनिधित्व करती है, और जब यह कल्पना की जा सकती है कि एक तार्किक विभाजन को और विभाजन में विभाजित किया जा सकता है, तो यह केवल एक नया विभाजन (विशेष रूप से आवाज/विधि में इतने बड़े ब्रेक के लिए) बनाने के लिए अधिक समझ में आता है।

सेमेन्टिक्स काफी हद तक व्यक्तिपरक हो सकता है। और यह ठीक है। हालांकि, इस मामले में, मेरा मानना ​​है कि एचटीएमएल स्पेक अर्थात् अर्थशास्त्र का प्रतिनिधित्व करता है।

Answer 5

क्या यह सब के पीछे एक दृश्य शैली कारण है? दूसरे शब्दों में जब आपके पास निम्न की तरह कुछ होता है, तो क्या यह दृष्टि से प्रस्तुत करता है कि आपको आदर्श नहीं लगता है?

<p>Some paragraph text.</p> 
<ul> 
    <li>First list item</li> 
    <li>Second list item</li> 
    <li>Third list item</li> 
</ul> 
<p>Another paragraph.</p> 

समस्या पी के बाद और यूएल से पहले बहुत ज्यादा मार्जिन है, तो आप इस तरह एक बगल भाई चयनकर्ता क्षतिपूर्ति करने के लिए कोशिश कर सकते हैं:

p + ul { margin-top: -1em; }