Here is a section for different cases involving nested lists. To the left there is the wiki markup for a list, with the actual (current) rendering to the right of it.
Below these there is also a block (right) depicting html and rendering of 1.1.6.5, and a block (left) depicting how I (ideally) would want html and rendering to be in 1.1.6.6 / 1.1.7.
This section depicts how to markup nested (and therefore also simple) lists.
~1) This is an item
~1) This is another item
~~a) This is item in a sublist
~~a) This is another item, in the same sublist
~1) This is an item in the same list.
Actual rendering:
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in the same sublist
- This is an item in the same list.
Generated HTML code:
<ol type="1">
<li> This is an item
</li>
<li> This is another item
</li>
<ol type="a">
<li> This is item in a sublist
</li>
<li> This is another item, in the same sublist
</li>
</ol>
<li> This is an item in the same list.
</li>
</ol>
<ol type="1">
<li>This is an item</li>
<li>This is another item</li>
<ol type="a">
<li>This is item in a sublist</li>
<li>This is another item, in the same sublist</li>
</ol>
<li>This is an item in the same list.</li>
</ol>
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in the same sublist
- This is an item in the same list.
<ol type="1"><li> This is an item
</li><li> This is another item
</li></ol><ol type="a"><li><ol type="a"><li> This is item in a sublist
</li><li> This is another item, in the same sublist
</li></ol></li></ol><ol type="1"><li> This is an item in the same list.</li></ol>
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in the same sublist
- This is an item in the same list.
~1) This is an item
~1) This is another item
~~a) This is item in a sublist
~~a) This is another item, in the same sublist
~- This is an item in a new list.
Actual rendering:
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in the same sublist
- This is an item in a new list.
Generated HTML code:
<ol type="1">
<li> This is an item
</li>
<li> This is another item
</li>
<ol type="a">
<li> This is item in a sublist
</li>
<li> This is another item, in the same sublist
</li>
</ol>
</ol>
<ul>
<li> This is an item in a new list.
</li>
</ul>
<ol type="1">
<li>This is an item</li>
<li>This is another item</li>
<ol type="a">
<li>This is item in a sublist</li>
<li>This is another item, in the same sublist</li>
</ol>
</ol>
<ul>
<li>This is an item in a new list.</li>
</ul>
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in the same sublist
- This is an item in a new list.
<ol type="1"><li> This is an item
</li><li> This is another item
</li></ol><ol type="a"><li><ol type="a"><li> This is item in a sublist
</li><li> This is another item, in the same sublist
</li></ol></li></ol><ul><li> This is an item in a new list.</li></ul>
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in the same sublist
- This is an item in a new list.
~1) This is an item
~1) This is another item
~~a) This is item in a sublist
~~i) This is another item, in a new sublist
~1) This is an item in the first list.
Actual rendering:
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in a new sublist
- This is an item in the first list.
Generated HTML code:
<ol type="1">
<li> This is an item
</li>
<li> This is another item
</li>
<ol type="a">
<li> This is item in a sublist
</li>
</ol>
<ol type="i">
<li> This is another item, in a new sublist
</li>
</ol>
<li> This is an item in the first list.
</li>
</ol>
<ol type="1">
<li>This is an item</li>
<li>This is another item</li>
<ol type="a">
<li>This is item in a sublist</li>
</ol>
<ol type="i">
<li>This is another item, in the same sublist</li>
</ol>
<li>This is an item in a new list.</li>
</ol>
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in the same sublist
- This is an item in a new list.
<ol type="1"><li> This is an item
</li><li> This is another item
</li></ol><ol type="a"><li><ol type="a"><li> This is item in a sublist
</li></ol></li></ol><ol type="i"><li><ol type="i"><li> This is another item, in a new sublist
</li></ol></li></ol><ol type="1"><li> This is an item in the first list.</li></ol>
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in a new sublist
- This is an item in the first list.
This section depicts lists starting at a deeper level. I personally don't like this, but I guess it could occur.
I don't want to incur the cost of checking the type of list that might come further down in the page, so i guess ordinary indent (a class of div) should be used.
~~1) This is an item
~~1) This is another item
~~~a) This is item in a sublist
~~~a) This is another item, in the same sublist
~~1) This is an item in the same list.
Actual rendering:
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in the same sublist
- This is an item in the same list.
Generated HTML code:
<ol type="1">
<ol type="1">
<li> This is an item
</li>
<li> This is another item
</li>
<ol type="a">
<li> This is item in a sublist
</li>
<li> This is another item, in the same sublist
</li>
</ol>
<li> This is an item in the same list.
</li>
</ol>
</ol>
<div class="indent">
<ol type="1">
<li>This is an item</li>
<li>This is another item</li>
<ol type="a">
<li>This is item in a sublist</li>
<li>This is another item, in the same sublist</li>
</ol>
<li>This is an item in the same list.</li>
</ol>
</div>
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in the same sublist
- This is an item in the same list.
<ol type="1"><li><ol type="1"><li> This is an item
</li><li> This is another item
</li></ol></li></ol><ol type="a"><li><ol type="a"><li><ol type="a"><li> This is item in a sublist
</li><li> This is another item, in the same sublist
</li></ol></li></ol></li></ol><ol type="1"><li><ol type="1"><li> This is an item in the same list.</div></li></ol></li></ol>
- This is an item
- This is another item
- This is item in a sublist
- This is another item, in the same sublist
- This is an item in the same list.