HTML - Style Guide

Overview

Estimated time: 20–30 minutes

Conventions

  • Lowercase tag and attribute names; quote attribute values.
  • One responsibility per element; use semantic tags first.
  • Consistent ordering: id, class, type/href/src, name, value, aria-*, data-*.

Examples

<img id="logo" class="brand" src="/logo.svg" alt="Site logo" width="160">