I seem to recall that there is an HTML tag that escapes absolutely everything inside it except the matching closing tag. Kind of like <plaintext> but not fundamentally broken.
Asked
Active
Viewed 1.1k times
3 Answers
12
<xmp> is the tag you are looking for:
<xmp>some stuff <tags></tags> too</xmp>
But, since it's depricated, the best you can get is <pre>.
EndangeredMassa
- 17,208
- 8
- 55
- 79
-
1Sweet! I've been wanting a tag like this! – Lawrence Dol Dec 17 '08 at 04:43
-
1is deprecated -- it should not be used. See http://www.htmlcodetutorial.com/_XMP.html. – Ken Paul Dec 17 '08 at 05:29
-
Unfortunately `
` can't properly escape string like this `<xmp> `, very close, but no. I haven't found anything better than ``.</plaintext></xmp></span> – <a href="../../users/14928633/kirogasa" title="627 reputation" class="comment-user ">kirogasa</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/373324/how-to-escape-everything-in-a-block-in-html#comment135620222_373337"><span title="2023-08-18T17:55:51.960 License: CC BY-SA 4.0" class="relativetime-clean">Aug 18 '23 at 17:55</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <a name="373735"></a> <div id="answer-373735" class="answer " data-answerid="373735" data-ownerid="26671" data-score="6" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="373735"> <button class="js-vote-up-btn grid--cell s-btn s-btn__unset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="6">6</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>You need to use <code><pre><code> ... </code></pre></code>. </p> <p><code><xmp></code> is deprecated and should not be used. See <a class="external-link" href="http://www.htmlcodetutorial.com/_XMP.html" rel="noreferrer">http://www.htmlcodetutorial.com/_XMP.html</a>.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Dec 17 '08 at 05:36">answered Dec 17 '08 at 05:36</time> <a href="../../users/26671/ken-paul" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/26671.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Ken Paul" /> </a> <div class="s-user-card--info"> <a href="../../users/26671/ken-paul" class="s-user-card--link">Ken Paul</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">5,685</li> <li class="s-award-bling s-award-bling__gold" title="2 gold badges">2</li> <li class="s-award-bling s-award-bling__silver" title="30 silver badges">30</li> <li class="s-award-bling s-award-bling__bronze" title="33 bronze badges">33</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-373735" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="373735" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-202327" class="comment js-comment " data-comment-id="202327" data-comment-owner-id="1343" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment202327_373735"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Ditto Mohit. just tested that with a html document in side <pre><code>, FF2 gave a blank screen</code></pre></span> – <a href="../../users/1343/bcs" title="75,627 reputation" class="comment-user owner">BCS</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/373324/how-to-escape-everything-in-a-block-in-html#comment202327_373735"><span title="2008-12-17T07:59:19.593 License: CC BY-SA 2.5" class="relativetime-clean">Dec 17 '08 at 07:59</span></a></span> </div> </div> </li> <li id="comment-202328" class="comment js-comment " data-comment-id="202328" data-comment-owner-id="1343" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment202328_373735"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">http://www.htmlref.com/Reference/AppA/tag_xmp.htm seems that it works most places (and what better can you get with HTML anyway?)</span> – <a href="../../users/1343/bcs" title="75,627 reputation" class="comment-user owner">BCS</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/373324/how-to-escape-everything-in-a-block-in-html#comment202328_373735"><span title="2008-12-17T08:00:25.660 License: CC BY-SA 2.5" class="relativetime-clean">Dec 17 '08 at 08:00</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <a name="373389"></a> <div id="answer-373389" class="answer " data-answerid="373389" data-ownerid="893" data-score="1" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="373389"> <button class="js-vote-up-btn grid--cell s-btn s-btn__unset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="1">1</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>There is also the XML <a class="external-link" href="http://www.w3schools.com/XML/xml_cdata.asp" rel="nofollow noreferrer">CDATA</a>:</p> <pre><code><![CDATA[stuff that is <tag>never</tag> parsed]]> </code></pre> <p>Whether this works in an HTML document is probably up to the browser. However, it should certainly work in an XHTML document.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="user-info "> <div class="user-action-time">edited <span title="2008-12-17T17:59:50.473" class="relativetime">Dec 17 '08 at 17:59</span></div> <div class="user-gravatar32"></div> <div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person"> <span class="d-none" itemprop="name">Greg Hewgill</span> <div class="-flair"></div> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Dec 17 '08 at 01:24">answered Dec 17 '08 at 01:24</time> <a href="../../users/893/greg-hewgill" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/893.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Greg Hewgill" /> </a> <div class="s-user-card--info"> <a href="../../users/893/greg-hewgill" class="s-user-card--link">Greg Hewgill</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">951,095</li> <li class="s-award-bling s-award-bling__gold" title="183 gold badges">183</li> <li class="s-award-bling s-award-bling__silver" title="1,149 silver badges">1,149</li> <li class="s-award-bling s-award-bling__bronze" title="1,285 bronze badges">1,285</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-373389" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="373389" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-135620243" class="comment js-comment " data-comment-id="135620243" data-comment-owner-id="14928633" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment135620243_373389"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Can it also escape its closing part `]]>` ?</span> – <a href="../../users/14928633/kirogasa" title="627 reputation" class="comment-user ">kirogasa</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/373324/how-to-escape-everything-in-a-block-in-html#comment135620243_373389"><span title="2023-08-18T17:57:08.257 License: CC BY-SA 4.0" class="relativetime-clean">Aug 18 '23 at 17:57</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="show-votes" role="complementary" aria-label="sidebar"> <div class="module sidebar-linked"> <h4 id="h-linked">Linked</h4> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">293</div></a> <a href="../../questions/2820453/how-to-display-raw-html-code-on-an-html-page" class="question-hyperlink">How to display raw HTML code on an HTML page</a> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>