*   >> Lecture Éducation Articles >> tech >> développement web

Trois façons d'afficher HTML échantillon dans un navigateur Web

Si vous cherchez à écrire au sujet de la conception Web et HTML, vous avez sans doute rencontré ce problème. Comment afficher échantillon mark-up que l'utilisateur peut voir? Le problème est simple. Vous souhaitez afficher l'échantillon balisage. Le navigateur des utilisateurs veut rendre aussi réelle majoration. Vous devez venir avec quelque chose à dire au navigateur - Hé, ce isnt censé être rendu Il ya quelques façons de le faire this.first, vous pouvez utiliser une balise XMP étiquette.Procédé xmp a été développé pour l'affichage "exemple" HTML! .

Une fois le navigateur voit une balise XMP, il arrête le rendu HTML tout jusqu'à ce qu'il voit une tag.However de clôture, le tag est obsolète. Ça ne figure plus dans les standards HTML - qui empêcheront votre site à partir de la validation - et il ne peut être pris en charge par tous les navigateurs. Utilisez à votre propre risk.A deuxième méthode, plus fiable, est d'inclure les balises dans un textarea box.When vous créez un élément textarea, vous pouvez inclure dans le texte entre l'ouverture et les balises de fermeture sous forme de texte "par défaut".

Toute HTML dans ce texte reste unrendered - qui vous permet d'afficher facilement votre échantillon markup.There ya deux problèmes avec cela, cependant. D'abord, vous ne pouvez pas inclure un textarea balise de fermeture au sein de votre exemple - ou il sera prématurément fermer la zone de texte que vous utilisez pour afficher votre exemple. Vous pouvez également pas le style du texte du tout avec css.The troisième solution - probablement le meilleur - est d'échapper à tout le & lt; et & gt; signes de l'échantillon code.

If vous remplacez & lt; avec & amp; lt ;, le navigateur pense pas que l'étiquette est réelle html. Il va simplement afficher le markup.This est de loin la méthode la plus sûre d'afficher votre échantillon HTML, le seul problème est que vous avez besoin pour échapper à tous les personnages. Cependant, vous pouvez prendre un raccourci - utiliser ce formulaire pour faire de la fuite pour you.Copy et coller votre propre code dans, et le code échappé seront créés sur place

.


Copyright © 2008 - 2016 Lecture Éducation Articles,https://lecture.nmjjxx.com All rights reserved.