Les outils de développeur que vous utilisez chaque jour, tous au même endroit.

Convertisseurs, formateurs, hash, validateurs et les petits utilitaires que vous rouvrez sans cesse restent réunis au lieu de se perdre entre vos onglets.

GitHub

/ Outils

■

/ Chercheur d'outils

109 outils

/ Formateur HTML

Saisie HTML

/ Outil sélectionné

■

Formateur HTML - outil de formatage gratuit

Formater et embellir du code HTML avec une indentation appropriée

■ 01

Qu'est-ce que le formatage HTML ?

Le formatage HTML restructure le code HTML pour suivre des schémas cohérents d'indentation et de sauts de ligne. Cela rend le code plus lisible et plus facile à maintenir. La minification supprime tous les espaces et commentaires superflus pour…

■ 02

Comment ça marche ?

Le formatage analyse les balises HTML et ajoute une indentation correcte selon le niveau d'imbrication. Les éléments auto-fermants et vides comme <img> et <br> sont traités de manière appropriée. La minification supprime les commentaires et compresse les espaces. Formatage…

■ 03

Exemples de cas

Couvre Structure simple, Avec attributs et Imbrication complexe pour comparer rapidement les entrées et sorties courantes.

/ Outils associés

/ Code

■

Code source de l'outil sélectionné, affiché ici à côté de la version en direct sur la droite.

/ Code source

TypeScript

typescript

// Simple HTML formatter

function formatHtml(html: string): string {
  if (!html.trim()) return '';

  const indentStr = '  ';
  let indentLevel = 0;
  const result: string[] = [];

  const voidElements = new Set([