HTML to YAML Converter Online — Free & Private
Paste HTML and get YAML output. Everything runs in your browser and nothing is uploaded.
Developer notes
Attribute names get a @ prefix, such as @href. Text that sits next to attributes or child elements goes under #text. A fragment with one root element starts with that tag. Several top-level nodes are grouped in a body list, and a document title adds a title key. The HTML parser ignores a self-closing slash on tags it does not know, so the siblings after such a tag end up inside it. Write a closing tag for each custom element. Attribute values are text, but the YAML writer leaves numbers and booleans unquoted. Double-quote all strings keeps them as text.
Use cases
Inspect a fragment of a page as a tree before you write a scraper. Compare the structure of two HTML snippets as YAML in a diff. Turn a navigation block into data for a config file.
About these options
CSV exports: choose a delimiter (Auto follows locale — semicolon on /fr), RFC-minimal vs always-quoted fields, line endings, and whether to emit a header row. CSV imports: delimiter is auto-detected from the first line (comma, semicolon, tab, or pipe) — toggle whether row 1 holds column names. JSON output (XML, YAML, or CSV sources): indentation (including compact one-line) and optional recursive key sort. JSON → XML: toggle pretty-printing and indent width. YAML output: indent width, readable vs tighter layout, and deterministic string quoting (there is no source YAML file to “preserve”). XML comments are not represented in the intermediate JSON tree.
Examples
Attributes and repeated elements
Input
Output
Several top-level nodes
Input
Output
Related tools
Other converters that start from HTML are linked on this page.
HTML → YAML FAQ
How the tree is written
How are attributes written?
Each attribute becomes a key with a @ prefix, for example @href. Text next to attributes goes under #text.
What happens with several top-level nodes?
They are grouped in a body list. A document title adds a title key.
Why do numbers appear without quotes?
Attribute values are text, but the YAML writer leaves numbers and booleans unquoted. Choose Double-quote all strings to keep them as text.
Is my data sent to a server?
No. The conversion runs in your browser, and FastMinify never receives what you paste.
HTML
Convert HTML to JSON, XML, YAML and Markdown.
Other converter families
- JSON
Convert JSON to YAML, XML, CSV, TOML, TSV, SQL, HTML, Properties and INI — all in your browser.
- YAML
Convert YAML to JSON, XML, CSV, TOML, TSV, Properties and INI — cross-target TOML via Properties → TOML and INI → TOML in alsoLinks.
- XML
Convert XML to YAML, CSV, JSON, TOML, TSV and HTML.
- CSV
Convert CSV to JSON, XML, YAML, TOML and TSV.
- TSV
Convert tab-separated values to JSON and CSV.
- SQL
Parse INSERT statements to JSON and CSV.
- Markdown
Convert Markdown to HTML locally.
- TOML
Convert TOML to JSON, YAML, XML, CSV, Properties and INI.
- Properties
Convert Java .properties files to JSON, YAML, INI and TOML.
- INI
Convert INI configs to JSON, YAML, Properties (flat INI only) and TOML.
Explore other tool categories
- Minify
Shrink code and assets for production — minify JavaScript, CSS, HTML, JSON and XML before gzip or CDN deploy.
- Unminify
Expand minified or compressed code — unminify JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML and other formats when debugging or reviewing.
- Encoding
Encode or decode Base64, URL components and HTML entities — client-side only.
- Serialization
Serialize and deserialize PHP data structures beside JSON workflows.
- JSON Tools
Validate, format, diff and explore JSON payloads — complementary to minifiers and converters.
- SVG Tools
Preview, optimize with SVGO, export Data URI, resize, beautify, convert to JSX and validate SVG — all in your browser.
- Beautify
Make code readable with consistent indentation — beautify JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML and more in your browser.
- CSS preprocessors
Compile SCSS or LESS to standard CSS in the browser — pair with beautify or minify for a full stylesheet workflow.
- Color & CSS Tools
Paste-local WCAG contrast checking with modern CSS color syntax — pair and matrix views, never uploaded.
- DevOps & Infra
Terraform HCL format/validate/minify, Dockerfile format & lint, Docker Compose and .env validation.
- CI/CD
GitHub Actions and GitLab CI — format YAML and check workflow/job structure in your browser.
- Logs & observability
Line-oriented JSON/NDJSON and Nginx/Apache access logs — format, filter, validate, and CSV/TSV.
- Kubernetes
Multi-doc manifests, structural validate, Ingress/Deployment starters, and Helm values formatting.
- Networking / IP
CIDR, subnets, and IPv4/IPv6 helpers — in your browser.
- Security & tokens
JWKS, X.509 certificates, and secrets scan — browser-local.
- API & schemas
OpenAPI tools to format, validate, and lint your specs.
- HTTP Tools
Paste-local cURL, HTTP messages, URLs, HAR files, and Cookie / Set-Cookie headers — format and inspect in your browser, never sent.
- SEO / Web Tools
Generate meta tags, Open Graph, and Twitter Card output locally — previews simulated from your inputs, never fetched from your live site.
- Developer utilities
Timestamps, UUID, ULID, Nanoid, cron, passwords, regex, slugify, number bases, case, text diff, and chmod — all client-side.
- Text & Markdown
Count words, build Markdown TOCs, and clean line lists — all in your browser.
- AI & LLM
Token counting, pricing estimates, and context-window fit — 100% browser-local.
- Test Data
Synthetic field values for fixtures and DB seed — reserved-range phone numbers first.
- Barcode labels
Draw Code 128, EAN-13, and UPC-A label images in the browser — PNG and SVG download, not a GS1 lookup.