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">