Web Design & UX

Semantic HTML

Quick Definition

Semantic HTML uses elements that describe their meaning (article, nav, header, main, footer, section) rather than generic divs.

In context

Improves accessibility, SEO, and code maintainability. Search engines and screen readers both use semantic structure to understand content hierarchy and relationships.

Have a question this didn't answer?

Book a free 60-minute strategy call. We'll explain how this concept applies to your specific situation.

Book a Free Call Browse 50+ Detailed Answers

Related terms

UX (User Experience)

UX covers everything that affects how a user feels when interacting with a product — usability, clarity, performance, accessibility, and overall satisfaction.

Mockup

A mockup is a high-fidelity visual representation of a page, showing colours, typography, imagery, and final design — but not interactive.

Dynamic Site

A dynamic site generates pages on demand, typically by querying a database and rendering through a server-side framework.

CSS Framework

A CSS framework provides pre-built styles, components, and layout systems — Bootstrap, Tailwind CSS, Bulma, and others.

Viewport Units (vw / vh / dvh)

Viewport units (vw, vh, vmin, vmax, plus modern dvh / svh / lvh) size CSS properties relative to the viewport — useful for responsive hero sections, full-bleed elements, and fluid typography.

Information Architecture (IA)

IA organizes content into logical structures that users can understand and navigate.

Back to all terms