Visionneur HTML - Prévisualiser HTML dans le Navigateur en Ligne

Entrée

Sortie

Qu'est-ce qu'un Visionneur HTML ?

Un visionneur HTML vous permet de coller ou d'écrire du HTML et de voir instantanément un aperçu en direct de son rendu dans un navigateur. C'est utile pour tester rapidement des extraits HTML, des modèles d'e-mail ou tout HTML sans avoir besoin d'un environnement de développement complet.

Cet outil fonctionne entièrement dans votre navigateur. L'aperçu est rendu dans une iframe sandboxed en utilisant l'attribut srcdoc. L'onglet Source affiche le code HTML formaté.

Comment utiliser cet outil

Coller ou téléverser du HTML

Collez votre HTML dans l'éditeur de gauche ou cliquez sur Téléverser pour charger un fichier. Cliquez sur Exemple pour essayer un exemple.

Aperçu ou voir la source

Le panneau de droite affiche un Aperçu en direct de votre HTML. Passez à l'onglet Source pour voir le code HTML formaté.

Copier ou télécharger

Utilisez <strong>Copier</strong> ou <strong>Télécharger</strong> pour enregistrer le code source formaté. Pour valider votre HTML, utilisez l'outil Validateur HTML.

Exemple de Visionneur HTML

Collez n'importe quel extrait HTML et voyez-le rendu instantanément. Voici un exemple simple :

Entrée HTML

Entrée

Quand un Visionneur HTML est utile

Un visionneur HTML est utile lorsque vous souhaitez tester rapidement des extraits HTML, vérifier des modèles d'e-mail, revoir du HTML généré automatiquement ou partager un aperçu visuel de HTML avec des collègues.

Pour valider la structure HTML et détecter les erreurs, utilisez l'outil Validateur HTML.

Questions fréquentes

L'aperçu est-il sandboxé ?

Oui. L'aperçu s'exécute dans une iframe sandboxée avec l'attribut sandbox="allow-scripts". Cela empêche l'accès aux cookies ou à la page parente.

Mes données sont-elles envoyées à un serveur ?

Non. L'aperçu est rendu entièrement dans votre navigateur en utilisant l'attribut srcdoc de l'iframe.

Outils associés

Voir le HTML Living Standard et la documentation MDN iframe.