एचटीएमएल 5 में अनुच्छेद के भीतर सूचियां रखने का सही तरीका क्या है?

Question

मुझे तकनीकी स्पष्टीकरण मिलता है कि <p> तत्व में <ul> तत्व क्यों नहीं हो सकता है। दुर्भाग्य से, यह मेरी मदद नहीं करता है जब यह सामग्री की संरचना है।

मेटा में, मैं न

• अर्थ स्पष्टीकरण, और न ही
• संरचना

मामलों में जहां मैं वास्तव में सामान्य के साथ आइटम "इनलाइन" की एक सूची दिखाने के लिए करना चाहते हैं के लिए सिफारिश की समझ में सामग्री।

This page या तो पैराग्राफ से सूची को अलग करने का सुझाव:

<p>For instance, this fantastic sentence has bullets relating to</p> 
<ul> 
<li>wizards, 
<li>faster-than-light travel, and 
<li>telepathy, 
</ul> 
<p>and is further discussed below.</p> 

या अनुच्छेद के लिए एक वैकल्पिक टैग का उपयोग:

<div>For instance, this fantastic sentence has bullets relating to 
<ul> 
<li>wizards, 
<li>faster-than-light travel, and 
<li>telepathy, 
</ul> 
and is further discussed below.</div> 

लेकिन इन दोनों ने मुझे हड़ताल के रूप में भयानक हैक्स कि मजाक बनाना एचटीएमएल 5 की अर्थपूर्ण सामग्री की।

पहले मामले में, <p> टैग अर्थात् अर्थपूर्ण कैसे है? अगर मैं सूची के चारों ओर रिक्ति को खत्म करना चाहता हूं तो सही ढंग से स्टाइल करने की व्यावहारिक कठिनाई का जिक्र नहीं करना चाहिए (और फिर यदि मेरे पास अन्य सूचियां हैं जो वास्तव में सामग्री के अलग-अलग ब्लॉक हैं - ओई!)

दूसरे मामले में, यदि मुझे <div> होना चाहिए जिसका अर्थ है "यह सामग्री का अनुच्छेद है" पैराग्राफ में दिखाई देने वाली सामग्री के आधार पर मैं आगे और पीछे स्विच करने के बजाय <p> पूरी तरह से ड्रॉप कर सकता हूं। जैसे

आईएसटीएम कुछ है कि सबसे शब्दार्थ सार्थक संस्करण हो सकता है:

<p>For instance, this fantastic sentence has bullets relating to 
<span class="li">wizards,</span> 
<span class="li">faster-than-light travel, and</span> 
<span class="li">telepathy,</span> 
and is further discussed below.</p> 

फैला ब्लॉक या सूची आइटम (और जो जो दूसरे में तोड़ मरोड़ जानता है) के रूप में स्टाइल के साथ

सही प्रतिपादन मिलता है। व्यावहारिक रूप से, यह एक भयानक उत्तेजना की तरह लगता है।

क्या इस तरह की सामग्री को प्रस्तुत करने के लिए कोई अच्छी सिफारिश है?

संपादित

यह वास्तव में सभी कि शैली के लिए कठिन नहीं है, ऐसा लगता है। मुझे यकीन है कि वहाँ एक रास्ता सभी ब्राउज़र चूक लेने के लिए अगर नहीं हूँ, लेकिन मैं डिफ़ॉल्ट सूची शैली (पर ओएस एक्स क्रोम, कम से कम) के साथ दोहराने कर सकते हैं:

span.li { 
    display: list-item; 
    list-style-type: disc; 
    margin-left: 40px; 
} 

Answer 1

मेरे लिए

, इस एक उदाहरण है सूचीकरण की, या चीजों के हर अनुक्रम को एक सूची के रूप में देखते हुए इस तरह चिह्नित करने की आवश्यकता है।

<p>For instance, this fantastic sentence has bullets relating to wizards, 
faster-than-light travel, and telepathy, and is further discussed below.</p> 

आप उन वस्तुओं के लिए एक आम स्टाइल लागू करने की आवश्यकता है, तो उचित स्टाइल हुक <span> है के रूप में आप अपने अंतिम उदाहरण में है:

मेरा पहला दृष्टिकोण आप के रूप में क्या है को चिह्नित किया जाएगा । मैं li का उपयोग कक्षा के नाम के रूप में नहीं करता; क्या पाठ का प्रत्येक स्क्रैप एक सूची-वस्तु का गठन करता है या नहीं, यह बहुत सार्थक नहीं है।पृष्ठ की समग्र सामग्री और संदर्भ में इसका उपयोग कैसे किया जाता है, इसके बिना सही वर्ग के नामों को चुनना हमेशा मुश्किल होता है, लेकिन संभवतः topic उपयुक्त विकल्प होगा। तो मार्क-अप यदि आप एक ul रोजगार कर रहे हैं या ol आप प्रभावी रूप से पैरा (या अन्य तत्व) इससे पहले आने वाली जब तक आप सूचियों नेस्टिंग रहे समाप्त कर रहे हैं

<p>For instance, this fantastic sentence has bullets relating to <span 
class="topic">wizards</span>, <span class="topic">faster-than-light 
travel</span>, and <span class="topic">telepathy</span>, and is further 
discussed below.</p> 

Answer 2

मुझे लगता है हो जाता है। यह वास्तव में एक वाक्य था और उन वस्तुओं इनलाइन थे (और मामले आप प्रस्ताव में, मैं सभी कि वास्तव में एक वाक्य है लगता है) है, तो मैं सिर्फ उन्हें बाहर <p> भीतर अल्पविरामों से डिलीमीटर के रूप में सूचीबद्ध हैं:

<p>For instance, this fantastic sentence has bullets relating to: 
wizards, faster-than-light travel, and telepathy, 
and is further discussed below.</p> 

तुम सच में गोलियों चाहते हैं, शायद एक शीर्षक अधिक फिटिंग होगा:

<h2>For instance, this fantastic heading has bullets relating to:</h2> 
<ul> 
<li>wizards, 
<li>faster-than-light travel, and 
<li>telepathy, 
</ul>