HTML中可替代<和>转义符<、>的方法有哪些？

除了<和>这两个字符实体，还有以下几种方法可以在HTML中显示<和>为纯文本：

• 使用十进制字符实体
  可以用十进制编码替代实体名称，效果完全一致：

  • < 对应 <
  • > 对应 >
    示例代码：

  <p>This is an example of &#60;code&#62; in HTML.</p>
  

• 利用<script type="text/plain">结合CSS显示
  将需要原样显示的内容放在type="text/plain"的<script>标签中，浏览器不会解析其中的HTML标签，再通过CSS设置显示样式：

  <script type="text/plain" class="plain-text">This is an example of <code> in HTML.</script>
  <style>
  .plain-text {
    display: block;
    white-space: pre-wrap;
    font-family: monospace;
    margin: 1em 0;
  }
  </style>
  

• 通过JavaScript动态插入纯文本
  使用DOM的textContent属性插入内容，该属性会自动将内容视为纯文本，不会解析HTML标签：

  <p id="content"></p>
  <script>
  document.getElementById('content').textContent = 'This is an example of <code> in HTML.';
  </script>
  

• 废弃的<xmp>标签（不推荐）
  早期HTML里的<xmp>标签可以直接显示内部所有内容，无需转义，但它在HTML5中已被废弃，存在兼容性和语义化问题，不建议在现代项目中使用。

注：最稳妥、兼容性最好的方式还是使用</>或十进制实体，其他方法仅在特定场景下适用。

内容的提问来源于stack exchange，提问作者Suman Rani