Html
ARIA Live Region Generator
Genereer toegankelijke ARIA-live-regio's voor schermlezeraankondigingen.
Tools
Gratis HTML-tools
Hulpmiddelen voor schone HTML-tags, head markup, snippets en publicatiewerk.
Beschikbare tools
HTML-tools die je nu kunt gebruiken
Open tool
Html
CSP Hash Generator
Genereer CSP-hashwaarden voor inline scripts en styles. Hash exacte code met SHA-256, SHA-384 of SHA-512.
Html
Customizable Select Generator
Generate CSS for customizable select elements using appearance: base-select, picker icons, checkmarks, and open/closed state styling.
Html
Declarative Shadow DOM Generator
Genereer HTML-snippets voor Declarative Shadow DOM met scoped CSS, slots en server-rendering.
Html
HTML Invoker Command Generator
Generate declarative command buttons for dialogs, popovers, and disclosure elements using the Invoker Commands API. No JavaScript needed.
Html
HTML Sanitizer Config Builder
Bouw Sanitizer API- en DOMPurify-allowlist-configuraties voor veilige HTML-rendering.
Html
SRI Hash Generator
Genereer Subresource Integrity-hashes voor script- en stylesheetbestanden met SHA-256, SHA-384 of SHA-512.
Html
HTML link rel generator
Genereer link-tags voor preload, preconnect, dns-prefetch, canonical en alternate.
Html
Responsive iframe-embedgenerator
Genereer responsive iframe-embedmarkup voor video's, kaarten, demo's en documentatie.
Html
URL Slug Generator
Zet titels om in schone, kleine letters, met koppeltekens gescheiden URL-slugs.
Html
HTML Koppenhiërarchie Checker
Plak HTML en zie de koppenstructuur als boom. Vind overgeslagen niveaus en ontbrekende h1.
Html
Leestijd Schatter
Bereken geschatte leestijd op basis van woordenaantal en instelbare leessnelheid.
Html
HTML Entiteit Snelreferentie
Zoek en kopieer veelgebruikte HTML-entiteiten: pijlen, streepjes, aanhalingstekens en symbolen.
Html
HTML Popover Generator
Genereer native HTML popover markup met popovertarget en de Popover API zonder JavaScript.
Html
Iframe Sandbox & Allow Generator
Genereer veilige iframe markup met sandbox vlaggen en allow permissies per embedtype.
Html
Inhoudsopgave Anker Generator
Plak HTML met koppen en krijg een geneste inhoudsopgave met ankerlinks.
Html
No-JS Redirect Página Generator
Genereer een complete HTML redirect página met de meta refresh tag zonder JavaScript.
Html
Statische 404 Página Template Generator
Genereer een vriendelijke 404 foutpágina met navigatielinks voor statische websites.
Html
Toegankelijke Skip Link Generator
Genereer een toegankelijke skip link met CSS voor toetsenbord- en screenreadernavigatie.
Html
HTML Landmark Checker
Plak HTML en controleer op ARIA landmark elementen voor screenreadernavigatie.
Html
Input Attributes Generator
Genereer HTML input elementen met typespecifieke attributen voor formulieren.
Html
Fetch Priority Attribute Generator
Genereer fetchpriority attributen voor afbeeldingen, scripts en link tags.
Html
Preload Tag Builder
Genereer correcte preload link tags voor lettertypen, hero afbeeldingen, CSS en scripts.
Html
Modulepreload Tag Generator
Genereer modulepreload link tags voor ES modules in Vite, Astro en moderne statische sites.
Html
Afbeelding Laadattribuut Bouwer
Maak geoptimaliseerde img tags door loading, decoding en fetchpriority te combineren.
Html
HTML Details Accordion Generator
Genereer FAQ accordeons met de native details en summary elementen zonder JavaScript.
Html
Externe Link Attribuut Generator
Genereer externe link markup met correcte rel attributen voor beveiliging en SEO.
Html
HTML Script Laadstrategie Bouwer
Genereer script tags met de juiste laadstrategie — normal, defer, async of type module.
Html
Navigation API Router Snippet Generator
Genereer JavaScript routering snippets met de Navigation API voor SPA's zonder History API.
Html
Service Worker Module Template Generator
Genereer ES-module service worker templates met cache-strategieen, precache-lijst en offline ondersteuning.
Html
Trusted Types Policy Generator
Genereer Trusted Types-beleid en CSP-headers om DOM-gebaseerde XSS te voorkomen met getypeerde waarden voor gevaarlijke DOM-sinks.
Html
URLPattern Tester
Test URL-patronen met de URLPattern API — benoemde groepen, wildcards en regex-matching zonder handmatig parsen.
Html
contenteditable=plaintext-only Generator
Genereer toegankelijke HTML-markup met contenteditable=plaintext-only voor platte tekstinvoer zonder rijke opmaak.
Html
Directory Upload Input Generator
Genereer HTML-bestandsinvoer met webkitdirectory voor map-upload, drag-and-drop-zone en bestandslijst met webkitRelativePath.
Html
scrollend Event Snippet Generator
Genereer scrollend event handlers die vuren na volledig scrollen met momentum/inertie, met debounce vergelijking.
Html
PerformanceObserver Snippet Generator
Genereer PerformanceObserver code voor Core Web Vitals (LCP, INP, CLS) met good/needs-improvement/poor drempels.
Html
Uint8Array Base64/Hex Converter
Genereer code snippets met Uint8Array.toBase64(), .toHex(), .fromBase64() en .fromHex() voor native binaire codering.
Html
RegExp.escape() Helper
Genereer RegExp.escape() aanroepen om speciale tekens in strings te escapen voor veilige dynamische regex-patronen.
Html
Intl.DurationFormat Generator
Genereer Intl.DurationFormat code voor gelokaliseerde tijdsduur formattering met long/short/narrow/digital stijlen.
Html
Custom Highlights API Generator
Genereer CSS ::highlight() en JavaScript Highlight objecten voor het stylen van tekstbereiken zonder DOM-wijzigingen.
Html
WebTransport URL Template Helper
Genereer WebTransport verbindingssnippets via HTTP/3 (QUIC) met bidirectionele streams en datagrams.
Html
Interest Invoker Popover Generator
Genereer declaratieve HTML-markup met interestfor voor hover- en focus-getriggerde popovers zonder JavaScript.
Html
ARIA Notify Snippet Generator
Genereer ariaNotify() aanroepen voor programmatische schermlezeraankondigingen met aria-live fallback.
Html
JSON-formatter en -validator
Formatteer, valideer, minificeer en geef JSON-data weer in een boomstructuur. Detecteert afsluitende kommas en toont foutposities. Alle verwerking vindt lokaal in uw browser plaats.
Html
JSON-naar-CSV-converter
Converteer JSON-arrays naar CSV of TSV. Maak geneste objecten plat met puntnotatie, kies scheidingstekens en neem koprijen op.
Html
YAML-JSON-converter
Converteer bidirectioneel tussen YAML en JSON. Verwerkt geneste structuren, arrays en scalaire waarden. Ideaal voor configuratiebestanden.
Html
JSONPath-tester
Test JSONPath-expressies tegen JSON-gegevens. Ondersteunt puntnotatie, jokers, filters en array-indexen. Toont overeenkomende resultaten.
Html
JSON-schemagenerator en -validator
Genereer een JSON-schema uit voorbeeldgegevens of valideer JSON tegen een schema. Ondersteunt meerdere drafts en leidt automatisch typen af.
Html
Regex Tester en Debugger
Test reguliere expressies met markering van overeenkomsten, vastleggroepen en vervangingsvoorbeeld. Alle verwerking vindt lokaal plaats in de browser.
Html
JWT Decoder en Claims Inspector
Decodeer JWT-tokens om de header, payload-claims en tijdstempels te inspecteren. Alle decodering vindt lokaal plaats – geen token wordt naar een server verzonden.
Html
Base64 Encoder en Decoder
Encodeer tekst naar Base64 of decodeer Base64 terug naar tekst. Ondersteunt URL-veilige Base64-variant. Alle verwerking vindt lokaal plaats.
Html
URL Encoder en Decoder
Encodeer of decodeer URL-gecodeerde tekenreeksen. Ondersteunt zowel encodeURIComponent (volledig) als encodeURI (URL-veilig) modi.
Html
Query String Parser en Builder
Parseer URL-queryreeksen in sleutel-waardetabellen, of bouw queryreeksen uit parameters. Detecteert duplicaten en sorteert parameters.
Html
UUID-Generator
Genereer UUID v4 (willekeurig) of v7 (tijdgesorteerd) identificatoren met configureerbare opties
Html
Unix Timestamp Converter
Converteer tussen Unix-tijdstempels en leesbare datums met tijdzoneondersteuning
Html
Cron-Expressiebouwer
Bouw en begrijp cron-planningsuitdrukkingen met presets of aangepaste velden
Html
Hash- en HMAC-Generator
Genereer cryptografische hashes en HMAC JavaScript-code met de Web Crypto API
Html
Markdown Voorvertoning Editor
Split-screen Markdown-editor met live GitHub-Flavored Markdown-voorvertoning. Ondersteunt koppen, vet/cursief, links, codeblokken, tabellen en takenlijsten.
Html
QR-Code Generator
Genereer QR-codes als SVG voor URL, tekst, e-mail, telefoon en WiFi. Aanpasbare kleuren en grootte.
Html
Beeldcompressor en -converter
Comprimeer en converteer afbeeldingen lokaal met Canvas API. JPEG/PNG/WebP. Geen upload naar server.
Waar deze collectie bij helpt
HTML-fouten lijken klein, maar raken previews, toegankelijkheid, crawlbaarheid en onderhoud. Deze tools houden markup leesbaar.
Geschikt voor
- Snippets voor statische página's maken.
- Terugkerende syntaxfouten verminderen.
- Head markup gelijk houden tussen página's.
Veelvoorkomend gebruik
- Head markup généreren.
- Snippets voor posts en tools voorbereiden.
- HTML controleren voor gebruik in templates.
Task guide
Use HTML tools when you need structured head markup, link relationships, or embed code for a page. Start by identifying what you need: preload and prefetch hints for performance-critical resources, link rel tags for SEO and documentation relationships, or responsive iframe embeds for external content. Review the generated output against your page structure before pasting it into your template or CMS. For repeated snippets across many pages, keep a consistent pattern by using the same tool inputs for every post.
Publishing checklist
- Verify generated tags match the HTML5 doctype requirements for your document.
- Check that all attribute values, such as href and src paths, resolve to the correct URLs in your final output.
- Confirm preload and prefetch hints reference actual resources that exist on your server or CDN.
- Test responsive iframe embeds at multiple screen widths, especially the narrowest breakpoint.
- Validate the output against the W3C markup validator before publishing.
FAQ
Vragen over html-tools
Kan ik de uitvoer direct plakken?
Gebruik het als startpunt en pas het aan je template en project aan.
Waarom een helper gebruiken?
Omdat herhalende syntax makkelijk verkeerd gaat en vaak consistent moet blijven.