如何在HTML页面上显示原始HTML代码

如何在网页上显示HTML片段，而不需要将每个<替换为<>和>?

换句话说，是否有一个标记表示在点击结束标记之前不呈现HTML ?

当前回答

已弃用，但适用于FF3和IE8。

<xmp>
   <b>bold</b><ul><li>list item</li></ul>
</xmp>

推荐:

<pre><code>
    code here, escape it yourself.
</code></pre>

2010-05-12 15:56:10

其他回答

您可以通过将标记更改为span来分隔它们。

是这样的:

< < !- h1的左括号-> h1 > < !——h1的开始标签在这里完成——> <你好!——text to print——> < < !——h1标签的括号在这里——> / h1 > < !——h1标签结束于此——>

而且，你可以只把<(左尖括号)加到span上

< < !- h1的左括号-> h1 > < !——h1的开始标签在这里完成——> 你好< !——text to print——> < < !——h1标签的括号在这里——> / h1 > < !——h1标签结束于此——>

2021-07-27 13:36:39

在HTML中有几种方法可以转义所有内容，但都不是很好。

或者你可以放入一个iframe来加载一个普通的旧文本文件。

2010-05-12 15:52:25

这是一个简单的技巧，我已经在Safari和Firefox中尝试过了

<code>
    <span><</span>meta property="og:title" content="A very fine cuisine" /><br>
    <span><</span>meta property="og:image" content="http://www.example.com/image.png" />
</code>

它将显示如下:

你可以在这里现场观看

2018-10-10 11:13:24

你可以使用像PHP这样的服务器端语言来插入原始文本:

<?php
  $str = <<<EOD
  <html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="Minimal HTML5">
    <meta name="keywords" content="HTML5,Minimal">
    <title>This is the title</title>
    <link rel='stylesheet.css' href='style.css'>
  </head>
  <body>
  </body>
  </html>
  EOD;
?>

然后转储$str htmlencoded的值:

<div style="white-space: pre">
  <?php echo htmlentities($str); ?>
</div>

2014-01-07 08:35:50

我很久以前用过这个，它对我很有用，我希望它也能帮助到你。

var preTag = document.querySelectorAll（'pre'）; console.log（preTag.innerHTML）; for （var i = 0; i < preTag.length; i++） { var pattern = preTag[i].innerHTML; pattern = pattern.replace（/</g， “<”）.replace（/>/g， “>”）; 控制台.log（模式）; preTag[i].innerHTML = pattern; } <pre> 例 更多文字 </pre>

2022-01-05 23:26:20

如何在HTML页面上显示原始HTML代码

推荐文章

最新文章

标签