HTML页面中显示HTML标签代码

html-css031

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>