Maison  >  Article  >  interface Web  >  Explication détaillée du navigateur HTML ajoutant automatiquement la balise

Explication détaillée du navigateur HTML ajoutant automatiquement la balise

黄舟
黄舟original
2017-07-08 13:49:433259parcourir

Scénario de problème :

J'ai cliqué sur une requête sur la page A, ouvert une nouvelle page (B) et transmis HttpServlet sur le backend Response.getWriter().write(html) est utilisé pour écrire les informations dans la page B nouvellement ouverte [Digression : La raison de cela est de résoudre le problème de l'interception de la page nouvellement ouverte par le navigateur]

Mais il n'y a pas de problème dans IE6, 7, 8 et suivants ; mais dans chromeome, mon contenu nouvellement écrit est en fait placé dans la balise

 🎜><p><img src="https://img.php.cn/upload/article/000/000/194/2dca1e20198ed7fa37b2e8461817f576-0.jpg" alt="Explication détaillée du navigateur HTML ajoutant automatiquement la balise <pre class="brush:php;toolbar:false">"><br></p>À propos de la balise html <pre class="brush:php;toolbar:false"> : <extrait de w3school><p><strong></strong></p>l'élément pré peut définir texte formaté. Le texte enfermé dans un élément pre préserve généralement les espaces et les nouvelles lignes. Le texte sera également rendu dans une police à largeur fixe. Une application courante de la balise <p   style="max-width:90%"><span style="background-color:rgb(255,255,255)"></span></p>
<pre class="brush:php;toolbar:false"> <p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"></p> Réflexions sur le problème : <p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"><strong></strong>Après avoir découvert ce problème, la première chose à laquelle j'ai pensé était : cela devrait être dû au fait que différents navigateurs gèrent différemment les informations de texte de code, Chrome My Le formulaire est affiché sur la page sous forme de texte. Et </p> n'est pas un élément au format html ; donc je pense que tout devrait bien se passer une fois ce problème résolu. <p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"><span style="color:#ff0000"></span></p>A cette époque, j'ai pensé au paramétrage des méta-informations html<p style="margin-top:12px; margin-bottom:0px; line-height:18px"><span style="font-family:Verdana,Arial,Helvetica,sans-serif"></span><span style="font-family:微软雅黑,Verdana,sans-serif,宋体"><span style="font-size:14px"></span></span></p><p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"> <meta http-equiv="<span style=" font-family: font-size:14px>Content-Type<span style="font-family:Tahoma; line-height:18px">" content="<span style="color:#ff0000"></span></span>text/html<span style="font-family:Tahoma; line-height:18px"><span style="color:#ff0000"></span> ;char</span>set <span style="font-family:Tahoma; line-height:18px">=utf-8"
 /> La définition de cet <a href="http://www.php.cn/code/8209.html" target="_blank"> attribut </a> devrait résoudre le problème. <a href="http://www.php.cn/wiki/169.html" target="_blank"></a></span><br></p><p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif">Après avoir vérifié le document, il est soudain devenu clair : <span style="font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px"><span style="font-family:Tahoma; line-height:18px; background-color:rgb(255,255,255)"></span></span></p><p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"><span style="font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px"><span style="font-family:Tahoma; line-height:18px"></span></span></p><p style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px; font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px">1. text/html est le texte au format html <span style="padding:0px; margin:0px; color:rgb(229,51,51)"><span style="padding:0px; margin:0px; color:rgb(0,0,0); background-color:rgb(255,255,255)"></span></span></p><p style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px; font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px">2. plain est un texte non formaté <span style="padding:0px; margin:0px; color:rgb(229,51,51)"><span style="padding:0px; margin:0px; color:rgb(0,0,0); background-color:rgb(255,255,255)"></span></span>3. text/xml ignore le format d'encodage spécifié par l'en-tête XML et utilise par défaut l'encodage us-ascii </p><p style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px; font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px"></p><p style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px; font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px">4. . application/xml encodera selon le format d'encodage spécifié par l'en-tête XML <span style="padding:0px; margin:0px; color:rgb(229,51,51)"><span style="padding:0px; margin:0px; color:rgb(0,0,0); background-color:rgb(255,255,255)"></span></span></p> Solution : <p><strong><p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"><span style="font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px"><span style="font-family:Tahoma; line-height:18px"></span></span></p><pre class="brush:html;toolbar:false;">response.setHeader("Content-Type", "text/html");

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn