HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>xmp/plaintext vs pre/code</title>
  <style>
    body { font-family: system-ui, sans-serif; padding: 1.5rem; line-height: 1.6; }
    .dep-tag-legacy { border: 1px dashed #f59e0b; padding: 0.75rem; margin: 0.5rem 0; background: #fffbeb; }
    pre { background: #f1f5f9; padding: 0.75rem; border-radius: 4px; overflow-x: auto; }
    code { background: #f1f5f9; padding: 0.1em 0.35em; border-radius: 3px; }
  </style>
</head>
<body>
  <h1>xmp / plaintext vs pre / code</h1>

  <h2>Legacy (obsolete)</h2>
  <div class="dep-tag-legacy">
    <p><code>&lt;xmp&gt;</code> and <code>&lt;plaintext&gt;</code> displayed raw text but are removed from HTML5.</p>
  </div>

  <h2>Modern replacement</h2>
  <p>Block sample with <code>&lt;pre&gt;</code>:</p>
  <pre>&lt;p&gt;Hello &amp; welcome&lt;/p&gt;</pre>

  <p>Inline snippet with <code>&lt;code&gt;</code>: use the <code>&lt;pre&gt;</code> element for blocks.</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Deprecated Tags — xmp/plaintext vs pre/code