HTML 文本以 < 开头，以显示空白>结尾

Question

MY HTML is

<div> <Sample text> </div>
<div> <SampleText> </div>

在以上两种情况下，DOM创建后显示"空白内容"。

我希望按原样显示文本。

请帮我解决这个问题。

Answer 1

您需要使用<和>，这些被称为HTML实体

<div> &lt;Sample text&gt; </div>

Answer 2

有些字符在HTML中是保留的。

如果在文本中使用小于(<)或大于(>)符号，浏览器可能会将它们与标签混在一起。

字符实体用于在HTML中显示保留字符。

要显示小于号(<)，我们必须写:< or <

就像你的例子，

<div> &lt;Sample text&gt; </div>

别人提到的

Answer 3

使用

<div>  &lt;Sample text &gt; </div>
<div> &lt;SampleText </div>

Answer 4

<div> &lt;Sample text> </div>
<div> &lt;SampleText > </div>

Answer 5

你可以试试下面的代码:

<div> &lt;Sample text&gt; </div>
<div> &lt;Sample text&gt; </div>