HTML页面中显示HTML标签代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML页面中显示HTML标签代码相关的知识,希望对你有一定的参考价值。

我想将html代码显示在页面中,但标签代码加到页面中后会自动转换为标签显示出来。请问怎么让它不转换为标签。我不想用innerText,太麻烦了 ,请问有没有别的好方法。谢了
pre中不行呢

HTML页面中显示HTML标签代码,可以使用<xmp>html标签内容</xmp>,这样,在网页中就会显示html标签,如图:

参考技术A 其实在html页面中,之所以会把你写的不想转换的html标签也转换了,就是因为标签中的<和>,只要你把这两个符号用代码替代掉,页面加载的时候就不会对这段代码解析了,在打开页面后就会出现你想要的效果,例子如下:
<pre>
<body>
a
</body>
</pre>
其中,<表示<,>表示>,其实>也可以不用替换,只要html页面加载时找不到<,>符号就不会起作用
<pre>标签主要是为了保留标签内部的格式(空格和换行符)用的,这样就不需要再使用其他的换行和空格符号格式化文本了本回答被提问者采纳
参考技术B 1.写在textarea里面:

<textarea>标签代码</textare>

2.写在pre里面
<pre>标签代码</pre>

3.用php转义下
<?php
htmlspecialchars($标签代码)
?>
参考技术C 右击——查看源文件,这是查看网页的html代码的,如果要在网页上显示html文件,直接点击html文件,右键选择浏览器方式打开就可以。 参考技术D

 HTML代码展示示例

以上是关于HTML页面中显示HTML标签代码的主要内容,如果未能解决你的问题,请参考以下文章

如何在页面输出HTML标签

如何将 html 标签从 sql server 数据库显示到 html 页面?

如何使用标签和过滤器将页脚从 index.html 显示到所有 html 页面?

html中怎样让多个li标签横排显示

html的meta总结,html标签中meta属性使用介绍

UILabel处理html标签