An unordered list is a way to present a group of related items where order doesn’t matter. Common uses, behavior, and formatting:
- Purpose: show items without implying sequence or priority (e.g., features, shopping items, bullet points).
- Visuals: typically rendered with bullet markers (solid circle, hollow circle, square) before each item.
- element containing
- items.
- Example:
- First item
- Second item
- Third item
- Example:
- /
- ) so screen readers announce list structure; include appropriate headings and list labels when needed.
- Styling: CSS can change marker type, position, spacing, and use custom images:
- list-style-type: disc | circle | square | none | decimal-leading-zero;
- list-style-image: url(…);
- list-style-position: inside | outside;
- commonly indented and use different marker styles.
- When not to use: avoid unordered lists for content that needs a specific sequence (use ordered lists instead) or for layout-only purposes—use CSS layout techniques instead.
Leave a Reply