如何在浏览器中显示<tag>?

时间:2015-10-10 15:42:36

标签: html css

实际上我需要一个div(像IDE这样的环境)来显示一些代码。当我在行后面写4个空格时,就像stackoverflow一样:

Now I can see tags <span>, <p>, <div>, etc ... in the browser

无论如何,如何在屏幕上打印<tag>(不通过浏览器翻译)

换句话说,如何在this fiddle的输出中看到<span>

2 个答案:

答案 0 :(得分:3)

您应该使用HTML实体html:

W3C School Html Entities

为此,您必须使用特殊字符代码&lt; (小于)和&gt;比...更棒。所以你的代码看起来很简单:

<span>&lt;tag&gt;</span>

结果将是:

<tag>

答案 1 :(得分:0)

要显示文字&#34;代码如&#34;你应该把它放在<pre>标签中。但是,要使用特定于您使用的语言的字符,您可以使用HTML here中的HTML字符代码。

例如,要编写div标签并让它显示而不显示,您可以编写&lt;div&gt;。这将在浏览器中显示为<div>

&lt;将呈现为<&gt;将呈现为>

如果您不想花时间将每个字符更改为相应的代码,大多数代码编辑都可以为您执行此操作。例如,我使用WebStorm并且有一个名为&#34; String Manipulator&#34;只需点击一下按钮,就可以改变我想要的代码。