Outils

Gratuit Outils HTML

Assistants pour balises HTML propres, head markup, snippets et flux de publication.

Outils disponibles

Outils HTML disponibles maintenant

Html

Générateur de régions ARIA live

Créez des régions ARIA live accessibles pour les annonces des lecteurs d'écran.

Ouvrir l'outil

Html

Générateur de hash CSP

Générez des valeurs de hash CSP pour les scripts et styles inline. Hachez le code exact avec SHA-256, SHA-384 ou SHA-512.

Ouvrir l'outil

Html

Customizable Select Generator

Generate CSS for customizable select elements using appearance: base-select, picker icons, checkmarks, and open/closed state styling.

Ouvrir l'outil

Html

Générateur de Shadow DOM déclaratif

Créez des snippets HTML pour le Shadow DOM déclaratif avec CSS scopé, slots et rendu serveur.

Ouvrir l'outil

Html

HTML Invoker Command Generator

Generate declarative command buttons for dialogs, popovers, and disclosure elements using the Invoker Commands API. No JavaScript needed.

Ouvrir l'outil

Html

Générateur de config Sanitizer HTML

Créez des configurations d'allowlist pour Sanitizer API et DOMPurify pour un rendu HTML sécurisé.

Ouvrir l'outil

Html

Générateur de hash SRI

Générez des hashs Subresource Integrity pour les fichiers script et stylesheet avec SHA-256, SHA-384 ou SHA-512.

Ouvrir l'outil

Html

Generateur HTML link rel

Générez des balises link pour preload, preconnect, dns-prefetch, canonical et alternate.

Ouvrir l'outil

Html

Generateur d'embed iframe responsive

Créez du balisage iframe responsive pour video, cartes, demos et documentation.

Ouvrir l'outil

Html

Generateur de slug URL

Convertissez des titres en slugs propres, en minuscules et separes par des tirets.

Ouvrir l'outil

Html

Verificateur de hierarchie HTML

Collez du HTML et visualisez l'arborescence des titres. Detectez les niveaux sautes et les h1 manquants.

Ouvrir l'outil

Html

Estimateur de temps de lecture

Calculez le temps de lecture estimeà partir du nombre de mots et d'une vitesse de lecture reglable.

Ouvrir l'outil

Html

Reference rapide des entites HTML

Recherchez et copiez les entites HTML courantes : fleches, tirets, guillemets et symboles.

Ouvrir l'outil

Html

Generateur HTML popover

Générez du balisage popover HTML natif avec popovertarget et l'API Popover sans JavaScript.

Ouvrir l'outil

Html

Generateur iframe sandbox et allow

Générez du balisage iframe securise avec les drapeaux sandbox et les permissions allow par type d'integration.

Ouvrir l'outil

Html

Generateur de table des matieres avec ancres

Collez du HTML avec des titres et obtenez une table des matieres imbriquee avec des liens d'ancrage.

Ouvrir l'outil

Html

Generateur HTML de dialogue modal

Générez un dialogue modal HTML natif avec boutons d'ouverture et de fermeture.

Ouvrir l'outil

Html

Generateur de page de redirection sans JS

Générez une page HTML de redirection complete avec la balise meta refresh sans JavaScript.

Ouvrir l'outil

Html

Generateur de template page 404 statique

Générez une page d'erreur 404 conviviale avec liens de navigation pour sites statiques.

Ouvrir l'outil

Html

Generateur de lien d'evitement accessible

Générez un lien de saut accessible avec CSS pour la navigation clavier et lecteur d'écran.

Ouvrir l'outil

Html

Verificateur de landmarks HTML

Collez du HTML et vérifiez les elements landmark ARIA pour la navigation au lecteur d'écran.

Ouvrir l'outil

Html

Generateur d'attributs input

Générez des elements input HTML avec attributs specifiques au type pour les formulaires.

Ouvrir l'outil

Html

Generateur d'attribut fetchpriority

Générez des attributs fetchpriority pour les images, scripts et balises link.

Ouvrir l'outil

Html

Constructeur de balises preload

Générez des balises link preload correctes pour les polices, images hero, CSS et scripts.

Ouvrir l'outil

Html

Generateur de balises modulepreload

Générez des balises link modulepreload pour les modules ES dans Vite, Astro et sites statiques modernes.

Ouvrir l'outil

Html

Constructeur d'attributs de chargement d'image

Créez des balises img optimisees en combinant loading, decoding et fetchpriority.

Ouvrir l'outil

Html

Generateur d'accordeon HTML details

Générez des accordeons FAQ avec les elements natifs details et summary sans JavaScript.

Ouvrir l'outil

Html

Generateur d'attributs de lien externe

Générez du markup de lien externe avec les attributs rel corrects pour la securite et le SEO.

Ouvrir l'outil

Html

Constructeur de strategie de chargement de script

Générez des balises script avec la bonne strategie — normal, defer, async ou type module.

Ouvrir l'outil

Html

Generateur de snippets Navigation API Router

Generez des snippets de routage JavaScript avec l'API Navigation pour les SPAs, sans History API.

Ouvrir l'outil

Html

Generateur de template Service Worker module ES

Generez des templates de service workers en module ES avec strategies de cache, liste de precache et support hors ligne.

Ouvrir l'outil

Html

Generateur de politique Trusted Types

Generez des politiques Trusted Types et des en-tetes CSP pour prevenir les XSS basees sur le DOM avec des valeurs typees pour les points d'entree DOM dangereux.

Ouvrir l'outil

Html

Testeur URLPattern

Testez des motifs d'URL avec l'API URLPattern — groupes nommes, wildcards et correspondance regex sans analyse manuelle.

Ouvrir l'outil

Html

Generateur contenteditable=plaintext-only

Generez du HTML accessible avec contenteditable=plaintext-only pour une saisie de texte brut sans formatage riche.

Ouvrir l'outil

Html

Generateur d'input upload de dossier

Generez des inputs HTML avec webkitdirectory pour le telechargement de dossiers, zone de glisser-deposer et liste de fichiers avec webkitRelativePath.

Ouvrir l'outil

Html

Generateur de snippet scrollend

Generez des gestionnaires d'evenement scrollend qui se declenchent apres le defilement complet avec inertie, avec comparaison debounce.

Ouvrir l'outil

Html

Generateur de snippet PerformanceObserver

Generez du code PerformanceObserver pour les Core Web Vitals (LCP, INP, CLS) avec seuils good/needs-improvement/poor.

Ouvrir l'outil

Html

Convertisseur Uint8Array Base64/Hex

Generez des snippets avec Uint8Array.toBase64(), .toHex(), .fromBase64() et .fromHex() pour l'encodage binaire natif.

Ouvrir l'outil

Html

Assistant RegExp.escape()

Generez des appels RegExp.escape() pour echapper les caracteres speciaux dans les chaines pour des motifs regex dynamiques securises.

Ouvrir l'outil

Html

Generateur Intl.DurationFormat

Generez du code Intl.DurationFormat pour le formatage localise de durees avec les styles long/short/narrow/digital.

Ouvrir l'outil

Html

Generateur API Custom Highlights

Generez des pseudo-elements CSS ::highlight() et des objets Highlight JavaScript pour styliser des plages de texte sans modifier le DOM.

Ouvrir l'outil

Html

Assistant WebTransport URL Template

Generez des snippets de connexion WebTransport via HTTP/3 (QUIC) avec flux bidirectionnels et datagrammes.

Ouvrir l'outil

Html

Generateur de popover interest invoker

Generez du HTML declaratif avec interestfor pour des popovers declenchees au survol et au focus sans JavaScript.

Ouvrir l'outil

Html

Generateur de snippet ARIA Notify

Generez des appels ariaNotify() pour des annonces programmatiques de lecteur d'ecran avec fallback aria-live.

Ouvrir l'outil

Html

Formateur et valideur JSON

Formatez, validez, minifiez et visualisez des donnees JSON en arborescence. Detecte les virgules finales et montre les positions d erreur. Tout le traitement a lieu localement dans votre navigateur.

Ouvrir l'outil

Html

Convertisseur JSON en CSV

Convertissez des tableaux JSON en CSV ou TSV. Aplatissez les objets imbriques avec la notation par points, choisissez les delimiteurs et incluez des en-tetes.

Ouvrir l'outil

Html

Convertisseur YAML-JSON

Convertissez de maniere bidirectionnelle entre YAML et JSON. Prend en charge les structures imbriquees, les tableaux et les valeurs scalaires. Ideal pour les fichiers de configuration.

Ouvrir l'outil

Html

Testeur JSONPath

Testez des expressions JSONPath contre des donnees JSON. Prend en charge la notation par points, les jokers, les filtres et les indices de tableau. Affiche les resultats correspondants.

Ouvrir l'outil

Html

Generateur et valideur de schema JSON

Generez un schema JSON a partir de donnees echantillons ou validez du JSON contre un schema. Prend en charge plusieurs drafts et deduit automatiquement les types.

Ouvrir l'outil

Html

Testeur et Débogueur d'Expressions Régulières

Testez des expressions régulières avec surbrillance des correspondances, groupes de capture et aperçu du remplacement. Tout le traitement est local dans le navigateur.

Ouvrir l'outil

Html

Décodeur JWT et Inspecteur de Revendications

Décodez des jetons JWT pour inspecter l'en-tête, les revendications du payload et les horodatages. Tout le décodage se fait localement – aucun jeton n'est envoyé à un serveur.

Ouvrir l'outil

Html

Encodeur et Décodeur Base64

Encodez du texte en Base64 ou décodez du Base64 en texte. Prend en charge la variante Base64 URL-safe. Tout le traitement est local.

Ouvrir l'outil

Html

Encodeur et Décodeur d'URL

Encodez ou décodez des chaînes encodées en URL. Prend en charge les modes encodeURIComponent (complet) et encodeURI (sécurisé pour URL).

Ouvrir l'outil

Html

Analyseur et Constructeur de Chaîne de Requête

Analysez des chaînes de requête URL en tableaux clé-valeur, ou construisez des chaînes de requête à partir de paramètres. Détecte les doublons et trie les paramètres.

Ouvrir l'outil

Html

Générateur d'UUID

Générez des identifiants UUID v4 (aléatoire) ou v7 (ordonnés dans le temps) avec des options configurables

Ouvrir l'outil

Html

Convertisseur de Timestamp Unix

Convertissez entre les timestamps Unix et les dates lisibles avec prise en charge des fuseaux horaires

Ouvrir l'outil

Html

Constructeur d'Expression Cron

Construisez et comprenez les expressions de planification cron avec des préconfigurations ou des champs personnalisés

Ouvrir l'outil

Html

Vérificateur de Différence de Texte

Comparez deux textes ligne par ligne ou côte à côte avec un surlignage visuel

Ouvrir l'outil

Html

Générateur de Hash et HMAC

Générez des hashs cryptographiques et du code JavaScript HMAC avec l'API Web Crypto

Ouvrir l'outil

Html

Editeur de Previsualisation Markdown

Editeur Markdown a ecran partage avec apercu en direct du Markdown GitHub-Flavored. Prend en charge les titres, gras/italique, liens, blocs de code, tableaux et listes de taches.

Ouvrir l'outil

Html

Generateur de Code QR

Generez des codes QR en SVG pour URL, texte, email, telephone et WiFi. Couleurs et taille personnalisables.

Ouvrir l'outil

Html

Compresseur et Convertisseur d'Image

Compressez et convertissez des images localement via Canvas API. JPEG/PNG/WebP. Aucun upload serveur.

Ouvrir l'outil

Ce que cette collection aide à faire

Les erreurs HTML semblent petites, mais elles peuvent toucher les apercus, l'accessibilité, le crawl et la maintenance. Ces outils gardent le markup lisible.

Ideal pour

Préparer des snippets pour pages statiques.
Reduire les erreurs de syntaxe répétitives.
Garder le head cohérent entre plusieurs pages.

Cas d'usage courants

Générer du markup head structure.
Préparer des snippets pour articles et outils.
Vérifier le HTML avant de l'ajouter à un template.

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

Questions sur outils html

Puis-je coller la sortie directement ?

Utilisez-la comme point de depart et adaptez-la à votre template età votre projet.

Pourquoi utiliser un assistant ?

Il aide quand la syntaxe est répétée, fragile ou doit rester cohérente.