HTML5 operator

Look up HTML5 inspection, setup, validation, and focused operation patterns across documents, semantics and accessibility, forms and validation, media and embeds, metadata and seo. Use when the user wants a concise command or pattern reference instead of a guided workflow.

Create and repair HTML5 document shells, landmarks, sections, headings, lists, links, tables, and source order. Use when building or reviewing page structure, fixing invalid nesting, or changing document hierarchy.

Inspect the installed HTML5 toolchain, project configuration, source entry points, generated output, target environments, and validation scripts without changing files or dependencies. Use before HTML5 work, when the project conventions are unknown, or when the user asks what is configured.

Build and repair HTML5 forms covering labels, field groups, input types, autocomplete, native constraints, submission methods, error associations, and disabled or readonly behavior. Use when creating a form, changing submitted field names, fixing validation, or improving autofill and accessibility.

Connect HTML5 to the surrounding build system, framework, tests, linting, formatting, CI, deployment target, and runtime boundaries while preserving ownership between layers. Use when HTML5 must work with another project subsystem or behave consistently from local development through production.

Operate HTML5 images, pictures, audio, video, tracks, iframes, and embedded content with responsive sources, alternatives, loading policy, permissions, and privacy controls. Use when adding media, fixing responsive images, embedding third-party content, or addressing playback and loading problems.

Manage HTML5 head metadata including titles, descriptions, canonical URLs, robots directives, icons, language alternates, social cards, and structured data. Use when adding page metadata, fixing search or social previews, or changing indexing and canonicalization behavior.

Apply native HTML5 semantics, accessible names, keyboard-operable controls, landmark structure, text alternatives, and data-table relationships. Use when a page uses generic interactive elements, lacks accessible names, or needs an HTML5 accessibility review.

Install and configure HTML5 from zero, including the project-local toolchain, source entry point, baseline configuration, validation scripts, ignored generated output, and a minimal verified example. Use when a project has no HTML5 setup or the user explicitly asks to initialize it.

Diagnose HTML5 failures involving configuration, parsing, compilation, runtime behavior, generated output, browser or server differences, tests, integrations, and performance without masking the original error. Use when HTML5 code fails a check, behaves differently across environments, or produces unexpected output.