SERGIO TOMASBack to portfolio

Language · Language

HTML5

Semantic, accessible and SEO-friendly markup.

Used at
  • Stellar Gaming
  • DOMVS iT
  • Claro
  • Resource IT
  • Tugarê
  • Marvin
  • Atento
01Overview

HTML is where every interface starts. I treat markup as a product decision: semantics drive accessibility, SEO and maintainability long before any framework comes in.

02Key concepts

What anyone working with it needs to understand

  1. 01

    Semantic elements

    header, nav, main, article, section — structure that machines and people understand.

  2. 02

    Accessibility

    Landmarks, labels, alt text, focus order and ARIA only when needed.

  3. 03

    SEO foundations

    Heading hierarchy, metadata, structured data and crawlable content.

  4. 04

    Forms

    Native validation, input types and accessible error messages.

  5. 05

    Media & performance

    Responsive images, lazy loading and preloading critical resources.

  6. 06

    Web APIs

    Storage, history, canvas and other platform features.

03In practice
From corporate intranet pages at Atento to high-traffic sites at Claro and DOMVS iT — always with semantics, accessibility and SEO in mind.