How to display raw HTML code in PRE or something like it but without escaping it

by

You can use the xmp element, see What was the <XMP> tag used for?. It has been in HTML since the beginning and is supported by all browsers. Specifications frown upon it, but HTML5 CR still describes it and requires browsers to support it (though it also tells authors not to use it, but it cannot really prevent you).

Everything inside xmp is taken as such, no markup (tags or character references) is recognized there, except, for apparent reason, the end tag of the element itself, </xmp>.

Otherwise xmp is rendered like pre.

When using “real XHTML”, i.e. XHTML served with an XML media type (which is rare), the special parsing rules do not apply, so xmp is treated like pre. But in “real XHTML”, you can use a CDATA section, which implies similar parsing rules. It has no special formatting, so you would probably want to wrap it inside a pre element:

<pre><![CDATA[
This is a demo, tags like <p> will
appear literally.
]]></pre>

I don’t see how you could combine xmp and CDATA section to achieve so-called polyglot markup

More Related Contents:

  1. How to escape < and > inside tags
  2. How to insert spaces/tabs in text using HTML/CSS
  3. How to preserve whitespace indentation of text enclosed in HTML tags excluding the current indentation level of the tag in the document?
  4. How can I create a link to a local file on a locally-run web page?
  5. Font Awesome 5 on pseudo elements shows square instead of icon
  6. How can I create download link in HTML?
  7. HTML5 Canvas Rotate Image
  8. Disable certain dates from html5 datepicker
  9. Center image horizontally within a div
  10. How to change the height of a ?
  11. css ellipsis on second line
  12. How to center nav-items in Bootstrap? [duplicate]
  13. Hidden features of HTML
  14. Fonts on the Web [duplicate]
  15. Next.js Redirect from / to another page
  16. How to horizontally center an unordered list of unknown width?
  17. Form is submitted when I click on the button in form. How to avoid this?
  18. How to display text, a dotted line then more text spanning the width of the page?
  19. What does the clearfix class do in css? [duplicate]
  20. Center image in div horizontally [duplicate]
  21. Add spacing between vertically stacked columns in Bootstrap 4
  22. HTML — Two Tables Horizontally Side by Side
  23. How to center an unordered list?
  24. Center a large image of unknown size inside a smaller div with overflow hidden
  25. HTML embed autoplay=”false”, but still plays automatically
  26. CSS Selector for No-Children-But-Not-Empty
  27. How do you make a div tag into a link
  28. Is there a way to get the parent URL from an Iframe’s content?
  29. HTML Form File Uploads doesn’t upload file
  30. HTML5 Canvas – Fill circle with image

Leave a Comment