What are different types of list in HTML?
Assesses fundamental understanding of HTML & CSS conventions, runtime behavior, and memory/performance considerations.
Hiring managers look for precision, avoidance of ambiguous jargon, and ability to explain trade-offs under real production conditions.
HTML provides three primary elements for structuring lists of items, each serving a distinct semantic role:
### 1. Unordered Lists (<ul>)
Used for collections of items where the sequence does not convey procedural priority or hierarchy. Browsers render these with bullet points by default:
<ul>
<li>Cascading Style Sheets (CSS)</li>
<li>HyperText Markup Language (HTML)</li>
<li>JavaScript (JS)</li>
</ul>
### 2. Ordered Lists (<ol>)
Used for step-by-step instructions, ranked leaderboards, or sequential procedures where order is essential:
<ol type="1" start="1">
<li>Initialize Git repository</li>
<li>Configure remote origin</li>
<li>Commit and push changes</li>
</ol>
*Attributes:* type ("1", "a", "A", "i", "I"), start, and reversed.
### 3. Description / Definition Lists (<dl>)
Used to group pairs of terms (<dt>) and descriptions/values (<dd>), ideal for glossaries, metadata displays, or key-value pairings:
<dl>
<dt>DOM</dt>
<dd>Document Object Model — a tree representation of HTML nodes.</dd>
<dt>API</dt>
<dd>Application Programming Interface.</dd>
</dl>
Candidate Response Strategy & Interview Tips
- Start with a concise one-sentence summary: Deliver a direct, confident answer first before expanding into nuances.
- Demonstrate real-world trade-offs: Discuss where this approach excels and when you would avoid it in production systems.
- Discuss complexity & edge cases: Proactively explain time/space complexity or boundary conditions (null values, scale limits).
- Prepare for interviewer follow-ups: Technical hiring panels frequently probe deeper into concurrency, backward compatibility, or alternative libraries.