Lists

Overview

There are 2 types of list:

  • bullet lists (also known as unordered lists)
  • numbered lists (also known as ordered lists)

Corporate web standards

  • If the list has an introductory sentence, add a colon (:) at the end of the sentence
  • After a colon, individual bullet points start with a lowercase letter (as the list items are part of the sentence) unless the first word is a proper noun such as a place name
  • If there is no introductory sentence, bullet points start with an upper case letter (as the list items could be standalone sentences in their own right)
  • Only use a list if you have at least two items to put into the list - never put a single item in a list just to make it look nice
  • Do not use more than one sentence per bullet point - use commas or dashes to expand on an item
  • Do not put full stops, commas or semicolons at the end of a bullet point
  • Do not put ‘or’ or ‘and’ at the end of a bullet point
  • If you add links they should appear within the text and not as the whole bullet point
  • Very long lists can be written as a paragraph with a lead-in sentence if it looks better: ‘The following countries are in the EU: Spain, France, Italy…’
Example

Example 1 - list with introductory sentence

The aims of the network are to:

  • improve the quality of current wildlife sites by better habitat management
  • increase the size of existing wildlife sites
  • enhance connections between sites, either through physical corridors or through ‘stepping stones’

Example 2 - list with no introductory sentence

Activities

Example 3 - numbered list

  1. Step 1
  2. Step 2
  3. Step 3
WCMS use
MVC.net use
Code

<dd class="selectables">
			<h3>Ordered lists</h3>
			<ol>
				<li>In extreme close up</li>
				<li>Gorgeous vibrant, yellows</li>
				<li>Shades of pink</li>
				<li>Beautiful sun-kissed greens</li>
			</ol>
			<h3>Unordered lists</h3>
			<ul>
				<li>In extreme close up</li>
				<li>Gorgeous vibrant, yellows</li>
				<li>Shades of pink</li>
				<li>Beautiful sun-kissed greens</li>
			</ul>
			</dd>
Version and status
  • 1.0
  • current version
  • Concept
  • Alpha
  • Beta
  • Release