Outils pour développeurs

Visionneuse HTML

Ouvrez un fichier HTML ou collez du code : la page s'affiche en direct à côté de l'éditeur. Modifiez-la puis téléchargez le .html. Rien n'est envoyé en ligne.

Pour ouvrir un fichier HTML en ligne, cliquez sur Ouvrir un fichier ou faites glisser le .html sur l'éditeur : le code source s'affiche à gauche, la page rendue à droite. Vous pouvez aussi coller du balisage directement. Modifiez-le avec coloration syntaxique, puis téléchargez le résultat en .html ou copiez-le. Le fichier est lu localement et rendu dans une iframe isolée : rien n'est envoyé sur un serveur.

Visionneuse HTML

1502

Éditeur

Code

Aperçu

Aperçu en direct

Vous pourriez aussi en avoir besoin

HTML vers JSON

Convertir la structure HTML en arbre JSON.

Ouvrir l’outil

Minifieur/Formateur HTML

Minifiez ou formatez le code HTML avec une indentation de 2 ou 4 espaces.

Ouvrir l’outil

Visionneuse Markdown

Prévisualisez et éditez Markdown avec une visualisation en direct.

Ouvrir l’outil

Ouvrir et visualiser un fichier XML en ligne

Ouvrez un fichier .xml dans le navigateur, sans logiciel : arborescence des éléments et attributs, mise en forme, erreurs de syntaxe avec ligne et colonne. Rien n'est envoyé.

Ouvrir l’outil

Comment utiliser le visualiseur HTML

  1. 1

    Ouvrez ou collez votre HTML

    Cliquez sur Ouvrir un fichier pour choisir un document .html ou .htm, faites-le glisser sur l'éditeur ou collez du code copié ailleurs.

  2. 2

    Vérifiez l'encodage détecté

    Un fichier qui déclare un ancien jeu de caractères dans une balise meta, comme windows-1252 ou ISO-8859-1, est décodé avec celui-ci ; sinon il est lu en UTF-8. Le nom du fichier et l'encodage apparaissent dans l'en-tête.

  3. 3

    Regardez l'aperçu en direct

    Le panneau de droite rend le balisage environ une demi-seconde après votre dernière frappe, exactement comme le ferait un navigateur.

  4. 4

    Modifiez et enregistrez

    Retouchez le code en suivant le résultat, puis cliquez sur Télécharger .html pour enregistrer la page, Copier pour récupérer le balisage ou Plein écran pour plus d'espace.

Références

  • WHATWG — Standard HTML

    La spécification vivante définissant la syntaxe HTML, les éléments et le comportement de rendu dans les navigateurs modernes.

  • MDN — HTML

    Référence complète et tutoriels sur les éléments HTML, les attributs et les bonnes pratiques.

Outils associés

Minificateur HTML

Supprimez les espaces et les commentaires pour alléger votre HTML en production.

HTML vers JSON

Convertissez du balisage HTML en une représentation JSON structurée.

Visualiseur Markdown

Prévisualisez Markdown rendu en HTML en temps réel.

Minificateur CSS

Compressez les feuilles de style utilisées pour styliser votre aperçu HTML.

Foire aux questions

Comment ouvrir un fichier HTML en ligne et le prévisualiser ?
Cliquez sur Ouvrir un fichier et choisissez le .html, ou faites-le glisser depuis le bureau sur l'éditeur. Le code se charge à gauche et la page est rendue à droite aussitôt ; le fichier ne quitte pas votre ordinateur et rien n'est à installer.
Comment visualiser du HTML et du CSS en ligne ?
Saisissez ou collez votre HTML avec des balises <style> dans l'éditeur—l'aperçu affiche le résultat rendu en temps réel, CSS inclus.
Pourquoi les accents s'affichent-ils mal (é, �) ?
La visionneuse décode le fichier avec le jeu de caractères indiqué par sa balise <meta charset> (ou http-equiv) et, à défaut, en UTF-8. Si cette déclaration manque ou ne correspond pas à l'encodage réel de la page, les lettres accentuées sont abîmées : corrigez la ligne meta charset puis rouvrez le fichier.
Puis-je enregistrer la page modifiée ?
Oui. Télécharger .html enregistre le contenu actuel de l'éditeur dans un fichier UTF-8, en gardant le nom d'origine si vous aviez ouvert un fichier. Si la source déclarait un autre jeu de caractères, la balise meta passe à utf-8 dans la copie pour que l'affichage reste correct.
Puis-je tester du CSS et du JavaScript externes ?
Oui, dès lors qu'ils sont appelés par une URL https absolue, par exemple depuis un CDN. Les chemins relatifs comme ./style.css ne fonctionnent pas, l'aperçu n'ayant pas de dossier propre. Le cadre est en sandbox : scripts autorisés, mais sans accès à la même origine.
Mon code HTML est-il envoyé à un serveur ?
Non. Tout le rendu s'effectue localement dans votre navigateur. Votre code ne quitte jamais votre appareil.
Existe-t-il un éditeur HTML gratuit avec visualisation en ligne ?
Oui, cet outil est entièrement gratuit : ouvrez ou collez votre HTML, visualisez le résultat en direct, puis téléchargez la page ou copiez le code final—sans inscription.
L'aperçu se met-il à jour automatiquement pendant la saisie ?
Oui. Le visualiseur re-rend le panneau d'aperçu en temps réel à chaque modification, sans cliquer sur un bouton d'actualisation.