HTML页面中显示HTML标签代码

html-css013

HTML页面中显示HTML标签代码,第1张

其实在html页面中，之所以会把你写的不想转换的html标签也转换了，就是因为标签中的<和>，只要你把这两个符号用代码替代掉，页面加载的时候就不会对这段代码解析了，在打开页面后就会出现你想要的效果，例子如下：

<pre>

<body>

a

</body>

</pre>

其中，<表示<，>表示>，其实>也可以不用替换，只要html页面加载时找不到<，>符号就不会起作用

<pre>标签主要是为了保留标签内部的格式（空格和换行符）用的，这样就不需要再使用其他的换行和空格符号格式化文本了

XMP：表示用于实例文本的定宽字型文本块元素。如果我们想把一段文字按其本来面目显示，一般我们会想到PRE标签，但PRE中不能包含HTML元素，而XMP就没有这个限制，完全按原文本显示。如果网页中要插入类似源程序的文本，可用该标签。

示例：

<XMP>

插入一个<pre>标签也没关系。

插入程序也没问题：

function {

....

}

其实任何内容都会原样显示。

</XMP>

预定义格式一般用<pre></pre>

<xmp></xmp>也是预定义格式但是它不解析html标签，而是输出标签名字

<xmp>

<ul>

<li>原样输出</li><li>原样输出</li>

<ul>

</xmp>

输出

<ul>

<li>原样输出</li><li>原样输出</li>

<ul>