W3C home > Mailing lists > Public > public-html@w3.org > September 2016

Re: About list inside a paragraph

From: pierre lafitte <lingtalfi@gmail.com>
Date: Sun, 25 Sep 2016 19:27:59 +0200
Message-Id: <E00314A0-7AB1-447B-B958-B9DF0C693ED9@gmail.com>
To: public-html@w3.org
That might work as long as the list is at the end of the sentence, and it's often the case, but not always.

So here we will compare those two frameworks: wizard, which has the following features:
feat1, feat2, feat3 and feat4, and "the magician", which has the following features: 
feat1, feat2, feat3.

In this case, because of the "and" word, which binds the two comparisons in the same sentence, it makes
it wouldn't make much sense to break it into paragraphs (at least from a semantic stand point).

That would give us the ugly following html:


<p>
So here we will compare those two frameworks: wizard, which has the following features:    
</p>
<ul>
    <li>feat1</li>
    <li>feat2</li>
    <li>feat3</li>
</ul>
<p>, and "the magician", which has the following features:</p>
<ul>
    <li>feat1</li>
    <li>feat2</li>
    <li>feat3</li>
</ul>
<p>.</p>


Now of course we could use divs instead, which would still be horrible, but a little bit better
from a semantical point of view, like so:

<div>
So here we will compare those two frameworks: wizard, which has the following features:    
</div>
<ul>
    <li>feat1</li>
    <li>feat2</li>
    <li>feat3</li>
</ul>
<div>, and "the magician", which has the following features:</div>
<ul>
    <li>feat1</li>
    <li>feat2</li>
    <li>feat3</li>
</ul>
<div>.</div>


But it doesn't feel intuitive at all.
I think we need something like enum, and that would feel more natural:


<p>
So here we will compare those two frameworks: wizard, which has the following features:
<enum>
    <item>feat1</item>
    <item>feat2</item>
    <item>feat3</item>
</enum>, and "the magician", which has the following features:
 <enum>
    <item>feat1</item>
    <item>feat2</item>
    <item>feat3</item>
    </enum>.
</p>


That would work for me.
Actually, there is another workaround: use <br>, and make indentation with &nbsp;, 
but that feels really clumsy, and you don't have the bonus bullets anyway (unless you add them
yourself, but then it's really not worth it):




<p>
So here we will compare those two frameworks: wizard, which has the following features:<br>
&nbsp;&nbsp;&nbsp;&nbsp;feat1<br>
&nbsp;&nbsp;&nbsp;&nbsp;feat2<br>
&nbsp;&nbsp;&nbsp;&nbsp;feat3<br>
, and "the magician", which has the following features: 
&nbsp;&nbsp;&nbsp;&nbsp;feat1<br>
&nbsp;&nbsp;&nbsp;&nbsp;feat2<br>
&nbsp;&nbsp;&nbsp;&nbsp;feat3<br>
..
</p>

At least with that last example, the final dot is inside the paragraph, which makes sense,
but this is too long to type so I prefer example 2 with divs (since example 1 with p doesn't make
sense to me: it's like forgetting totally about the purpose of semantic).
Received on Sunday, 25 September 2016 17:28:56 UTC

This archive was generated by hypermail 2.3.1 : Sunday, 25 September 2016 17:28:56 UTC