HTML Preview
Preview HTML code
Preview HTML code S'exécute localement dans votre navigateur
About the
L'aperçu HTML restitue un fragment de HTML en direct afin que vous puissiez voir ce qu'il produit sans enregistrer de fichier ni l'ouvrir. Il est destiné à de courts extraits : un modèle d'e-mail, le balisage d'un composant, un extrait d'un système de gestion de contenu ou tout ce que vous souhaitez observer avant de le coller quelque part. Le passage entre l'édition et l'aperçu est instantané, ce qui en fait une boucle rapide pour peaufiner le balisage.
Where people use the
- Vérification d'un fragment de modèle d'e-mail avant d'envoyer un test.
- Prévisualisation du balisage collé à partir d'un système de gestion de contenu.
- Vérifier l'intégrité d'un extrait avant de le coller dans une pull request.
- Tester si un tableau ou une liste s'affiche comme prévu.
How to use the
- 1
Collez votre balisage
Tapez ou collez un fragment HTML dans l'éditeur. Un document complet ou juste un extrait fonctionnent tous les deux.
- 2
Passer à l'aperçu
Appuyez sur Aperçu pour le rendre. Le balisage est dessiné dans la page tel qu'il apparaîtrait dans un navigateur.
- 3
Revenez en arrière et ajustez
Appuyez sur Modifier pour revenir au balisage. Les modifications sont conservées afin que vous puissiez les itérer.
- 4
Copie-le quand tu es heureux
Sélectionnez le balisage dans l'éditeur et copiez-le dans votre projet.
Conseils et bonnes pratiques
- Ajoutez des styles en ligne si votre fragment dépend d'une feuille de style qui n'est pas ici.
- Un rendu propre ne constitue pas une preuve d'un balisage valide ; les navigateurs papier sur les erreurs.
- Gardez l'aperçu à l'esprit pour les extraits de code, et non pour les pages entières avec un comportement de script.
Questions fréquemment posées
Est-il compatible avec CSS et JavaScript ?
Les balises de style et les styles en ligne sont rendus. Les scripts sont rendus sous forme de balisage, mais il s'agit d'un aperçu d'un fragment, donc considérez le comportement du script comme peu fiable.
Pourquoi mon extrait est-il différent de mon site ?
Parce que la feuille de style environnante est manquante. Un fragment n'hérite de rien ici, donc tout ce qui repose sur le CSS de votre site n'aura pas l'air stylé.
Puis-je charger des images ou des polices externes ?
Oui, s'ils sont accessibles au public, même si les règles de la page environnante ne s'appliqueront toujours pas.
Le balisage est-il téléchargé ?
Non. Le rendu s'effectue dans votre navigateur, donc les modèles non publiés et le contenu interne restent sur votre appareil.
Est-ce que ça valide le HTML ?
Non, il restitue ce que vous lui donnez. Un navigateur corrigera silencieusement certaines erreurs, donc un rendu propre ne prouvera pas que le balisage est valide.