Modern

List-item

A list-item is an individual entry in a list structure. Common contexts and meanings:

  • HTML (web development): An
  • element representing an item inside ordered (
      ) or unordered (

        ) lists. It can contain text, links, images, nested lists, or block-level elements when allowed.

      • CSS display: The display value list-item makes an element behave like an item in a list: it generates a principal box and a marker (bullet or number). Use list-style-type, list-style-position, and list-style-image to control markers.
      • UI patterns: A single selectable or clickable row in interfaces (menus, dropdowns, file lists). Often includes icon, primary text, secondary text, and actions.
      • Markdown: A line starting with -, *, or a numbered prefix forms a list-item.
      • Accessibility: List-items should be grouped within semantic container elements (ul/ol) and use proper ARIA roles when needed (role=“list” / role=“listitem”) to convey structure to assistive tech.
      • Data structures: An element in a linked list (node) that contains data and a reference to the next (and possibly previous) item.

Key properties to consider: content, marker, nesting level, selectable/interactive behavior, and semantic role.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *