Skip to main content

<list>


  • Date:
    17/08/2022
  • Modified:
    22/05/2026
  • Category:
    Elements

The <list> element defines a list of items. A <list> contains one or more <li> elements. For more examples of lists, see Assessments.

Notes

The table of contents must always be handled as a list, even when the source material presents it in a table format. See Tables of contents.

Children elements

ElementExplanationRequired
<li>

See li.

Yes

Attributes

NameExplanationRequired
listType

Defines the type of list. Possible values:

  • ordered
  • unordered
Yes
numberType

Defines the numbering style of an ordered list. Possible values:

  • numeric
  • upperCaseAlpha
  • lowerCaseAlpha
  • upperCaseRoman
  • lowerCaseRoman
  • predefined
No
bulletType

Defines the bullet style of an unordered list. Possible values:

  • circle
  • dash
  • linecircle
  • square
  • none
  • predefined
No
role

Defines the role of the list. Possible values are:

  • index
  • toc
  • steps
  • wordBank
  • options
No
startNumber

Defines the starting value of the numbering in an ordered list.

Use this attribute only when the list does not start at the default value.

For example, if a numeric list starts at 3 instead of 1, use startNumber="3". If an upperCaseAlpha list starts at D instead of A, use startNumber="4".

Important: do not use the startNumber attribute on predefined lists.

No

Examples

List with circle bullets
<list listType="unordered" bulletType="circle">
  <li>kunnen schrijven zonder fouten. Vergeet de hoofdletter niet.</li>
  <li>kunnen aanwijzen.</li>
  <li>kunnen herkennen.</li>
</list>
Predefined ordered list
<list listType="ordered" numberType="predefined">
  <li number="1.1.1">Je kunt uitleggen wat een organisme is.</li>
  <li number="1.1.2">Je kunt de zeven levenskenmerken noemen.</li>
  <li number="1.1.3">Je kunt onderscheiden of iets levend, dood of levenloos is.</li>
</list>
List with startNumber
<list listType="ordered" numberType="numeric" startNumber="4">
  <li><em fontStyles="bold">Je kunt omschrijven wat groei en wat ontwikkeling is.</em>
    <list listType="unordered" bulletType="circle">
      <li>Groei: een organisme wordt groter en zwaarder.</li>
      <li>Ontwikkeling: de bouw van een organisme verandert.
        <list listType="unordered" bulletType="dash">
          <li>Door ontwikkeling kunnen delen hun functie beter vervullen.</li>
          <li>Nieuwe delen kunnen ontstaan.</li>
        </list>
      </li>
    </list>
  </li>
  <li><em fontStyles="bold">Je kunt de delen van een zaad noemen met hun functie.</em>
    <list listType="unordered" bulletType="circle">
      <li>Delen van een zaad:
        <list listType="unordered" bulletType="dash">
          <li>zaadhuid (bescherming)</li>
          <li>navel (de plaats waar het zaad aan de plant vastzat)</li>
          <li>poortje (gaatje om snel water op te nemen)</li>
          <li>kiem (begin van een nieuwe plant)</li>
          <li>zaadlobben (voedsel)</li>
        </list>
      </li>
    </list>
  </li>
</list>
List wordBank
<assessment type="practice">
  <title number="3" label="assessment">3</title>
  <p>Comment sont les maisons dans les autres pays francophones? Combine la maison et le pays. Choisis entre:</p>
  <list listType="unordered" bulletType="none" role="wordBank">
    <li>la Belgique</li>
    <li>le Canada</li>
    <li>la Polynésie française</li>
  </list>
  <figure>
    <img alt="" role="informative" src="/img/374319_p059-4.jpg" type="photo"/>
    <caption>1 <input type="textarea" id="input-1"/></caption>
  </figure>
  <figure>
    <img alt="" role="informative" src="/img/374319_p059-5.jpg" type="photo"/>
    <caption>2 <input type="textarea" id="input-2"/></caption>
  </figure>
  <figure>
    <img alt="" role="informative" src="/img/374319_p059-6.jpg" type="photo"/>
    <caption>3 <input type="textarea" id="input-3"/></caption>
  </figure>
</assessment>
Index
<hd>A</hd>
<list listType="unordered" bulletType="none" role="index">
  <li>aanvraag <a href="#pb-37" type="pageRef">37</a></li>
  <li>abductieve methode <a href="#pb-68" type="pageRef">68</a></li>
  <li>acute problematiek <a href="#pb-46" type="pageRef">46</a></li>
  <li>attentional bias <a href="#pb-101" type="pageRef">101</a></li>
  <li>attributiefout, fundamentele <a href="#pb-17" type="pageRef">17</a></li>
</list>
<hd>B</hd>
<list listType="unordered" bulletType="none" role="index">
  <li>beoordelingsfout <a href="#pb-16" type="pageRef">16</a>, <a href="#pb-18" type="pageRef">18</a>, <a href="#pb-21" type="pageRef">21</a></li>
  <li>beschermende factor <a href="#pb-26" type="pageRef">26</a>, <a href="#pb-68" type="pageRef">68</a>, <a href="#pb-77" type="pageRef">77</a></li>
  <li>beslissen <a href="#pb-26" type="pageRef">26</a></li>
  <li>betrouwbaarheid, test- <a href="#pb-21" type="pageRef">21</a></li>
</list>
Horizontal list
Do not use a <list> element when encountering horizontal lists. In stead, mark-up as regular text.
<p>boeiend / liefhebber / nauwelijks / schriftelijk /
soortgelijk / spreektaal / thuissituatie /
  wonderlijk</p>

  • Date:
    17/08/2022
  • Modified:
    22/05/2026
  • Category: