如何显示HTML代码的HTML网页文本(how to show html code as text

我问我们如何可以显示一个HTML教程网站的HTML代码，例如展现给用户如何做一个链接？

<a href="#">text</a>

提前致谢

Answer 1:

随着的CDATASection。 所述的CDATASection对象表示文档中CDATA节。

一个CDATA部件包含将不会被解析器解析的文本。 CDATA部分中的标签不会被视为标记和实体也不会被展开。

你可以用它在XML样本：

<![CDATA[<tag>Some text</tag>]]>

它会解释，例如：

<tag>some text</tag>

或者在程序输出。 用CSS示例：

<style type="text/css">
/*<![CDATA[*/
body { background:black;  }     
/*]]>*/
</style>

希望这帮助你。

Answer 2:

替换<由< 和>由>

Answer 3:

使用HTML实体（ https://developer.mozilla.org/en-US/docs/Glossary/Entity ）它。

例如：

• < 为<
• > 对于>

<pre> <code>或<xmp>可以使用，但具有兼容性问题。

例：

1. <a href="#">text</a>

2. <span class="code"><span class="lt">&lt;</span>a href="#"<span class="gt">&gt;</span>text<span class="lt">&lt;</span><span class="fs">/</span>a<span class="gt">&gt;</span></span>

CSS实施例2：

.code {
    font-family:Courier;
    color:#DF42AA;
}
.lt, .gt, .fs{
    font-family:Courier;
    color:#032F82;
}

Answer 4:

用其它方法与CSS：

code::before { content:'<'; }
code::after { content:'>'; }

然后，你的HTML代码将是：

<code>a href="#"</code>text<code>/a</code>

从本网站的CSS （但法语）。

文章来源: how to show html code as text in html webpage