HyperText Markup Language (HTML)

HyperText Markup Language (HTML) is the standard markup language used to structure content on the web. Every webpage is HTML at its core — headings, paragraphs, links, images, lists, forms — augmented by CSS for styling and JavaScript for interactivity. HTML is the foundation that the rest of the web platform builds on.

What HTML does

HTML uses tags (like <h1>, <p>, <a>, <img>) to mark up content with semantic meaning — this is a heading, this is a paragraph, this is a link, this is an image. Browsers interpret the tags to render the page; search engines and screen readers use them to understand the content's structure and meaning.

Semantic HTML and why it matters for ecommerce

Semantic HTML — using tags that accurately describe their content's role — affects three things ecommerce brands care about:

  • SEO: search engines weight semantic structure heavily. Pages with proper heading hierarchy, semantic <article> and <section> tags, and accurate use of <nav> and <main> outrank pages that use <div> tags for everything.
  • Accessibility: screen readers and assistive technologies rely on semantic markup to navigate pages. Inaccessible sites face legal exposure (ADA, EAA, similar) and lose customers who can't use them.
  • Structured data and AI search: Schema.org markup (Product, Offer, Review, Organization) lives inside HTML and feeds rich results in Google plus citations in AI search. Sites with strong structured data appear in shopping panels, AI Overviews, and shopping-feed integrations more often.

HTML on Shopify specifically

Shopify themes are HTML wrapped in Liquid (the templating language). Most theme work involves modifying that HTML — adding sections, adjusting structure, embedding structured data. Shopify's Online Store 2.0 themes provide section-level customisation; headless setups generate HTML server-side or client-side from a separate front-end.