---

Document structure

---

• !DOCTYPE html – Declares HTML5 document type
• html – Root element of the document
• head – Metadata container
• title – Document title shown in browser tab
• body – Visible page content

---

Metadata and resource links

---

• meta – Metadata such as charset and viewport
• link – External resource link (CSS, icons)
• style – Internal CSS
• base – Base URL for relative links

---

Sectioning content

---

• header – Introductory content or nav
• nav – Navigation links
• main – Main unique page content
• section – Thematic grouping
• article – Self-contained composition
• aside – Sidebar or tangential content
• footer – Footer for section or page

---

Headings and grouping

---

• h1 … h6 – Headings (h1 highest level)
• p – Paragraph
• hr – Thematic break (horizontal rule)
• pre – Preformatted text
• blockquote – Quoted section
• address – Contact information

---

Inline text semantics

---

• a – Hyperlink
• em – Emphasis (usually italic)
• strong – Strong importance (usually bold)
• small – Fine print
• cite – Reference to a work
• code – Inline code
• span – Generic inline container
• br – Line break
• mark – Highlighted text
• time – Date/time value

---

Lists and tables

---

• ul – Unordered list
• ol – Ordered list
• li – List item
• dl dt dd – Description list, term, description
• table thead tbody tfoot tr th td – Tabular data

---

Embedded content and media

---

• img – Image
• picture – Responsive image container
• figure figcaption – Image with caption
• audio – Audio player
• video – Video player
• source – Media source for audio/video
• iframe – Embedded browsing context

---

Forms and inputs

---

• form – Form container
• input – Various input controls
• textarea – Multi-line text input
• button – Clickable button
• select option – Dropdown select
• label – Label for control
• fieldset legend – Group form controls

---

Scripting, templates, and web components

---

• script – JavaScript
• noscript – Fallback when scripts disabled
• template – Client-side template not rendered
• slot – Web component insertion point

---

Interactive and UI elements

---

• details summary – Disclosure widget
• dialog – Modal dialog
• progress – Progress bar
• meter – Scalar measurement

---

Miscellaneous semantic elements

---

• figure – Self-contained content with optional caption
• figcaption – Caption for figure
• main – Primary page content
• summary – Summary for details
• mark – Highlighted text
• b – Stylistic offset without extra importance
• i – Italic text for voice or mood
• u – Unarticulated text annotation
• s – Strikethrough text
• sub – Subscript
• sup – Superscript

---

← Back to HOME