You don't know HTML Lists
The article explores the different types of HTML lists beyond basic unordered and ordered lists, emphasizing their proper semantic use in web development. It highlights five kinds of lists, including less commonly known ones like description and menu lists, and explains when to use each based on content structure and user interaction. Special focus is given to control lists using <select>, <option>, <datalist>, and related HTML elements for form inputs.
- ▪There are five types of HTML lists: ordered, unordered, description, menu, and control lists.
- ▪If changing the order of list items changes meaning, an ordered list (<ol>) should be used.
- ▪Description lists (<dl>) are intended for key-value pairs or definitions.
- ▪Control lists for user input can be built using <select> + <option> or <input> + <datalist> combinations.
- ▪The <optgroup> element allows grouping of related options within a <select> dropdown.
Opening excerpt (first ~120 words) tap to expand
May 13, 2026 by paceaux You don’t know HTML Lists Reading Time: 13 minutes This second installment in the “You don’t know HTML” series is going to be all about the ways that we put collections of things together. We’re skipping over the MDN and W3Schools introductory pages and instead we’re going into the kind of stuff you discover after accidentally taking your cousin’s Ritalin right before you open up the W3C specs. Let’s dive deep into lists. We’re not even talking about the ways you can style them. This isn’t an introduction! I’m assuming you’ve got real-world experience writing HTML and this isn’t your first time searching “How to make a list.” What I’m going to cover are all of the ways you can put collections of content together.
…
Excerpt limited to ~120 words for fair-use compliance. The full article is at Frank M Taylor.
Discussion
0 commentsMore from Frank M Taylor
