怎么样在HTML页面上显示HTML代码

怎么样在HTML页面上显示HTML代码,第1张

可以用pre标签显示

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre>标签的一个常见应用就是用来表示计算机的源代码

可以导致段落断开的标签(例如标题、<p>和 <address>标签)绝不能包含在 <pre>所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。

pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如 <a>标签)放到 <pre>块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可。请看下面的例子:

<pre>

<html>

<head>

<script type="text/javascript" src="loadxmldoc.js">

</script>

</head>

<body>

<script type="text/javascript">

xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>("books.xml")

document.write("xmlDoc is loaded, ready for use")

</script>

</body>

</html>

</pre>

在上面的代码中,<pre>标签中的特殊符号被转换为符号实体,比如 "<" 代表 "<",">" 代表 ">"。另外,请注意蓝色的代码,我们在 <pre>标签中使用了链接,也就是 <a>标签。上面这段代码的显示效果如下:

<html>

<head>

<script type="text/javascript" src="loadxmldoc.js">

</script>

</head>

<body>

<script type="text/javascript">

xmlDoc=loadXMLDoc("books.xml")

document.write("xmlDoc is loaded, ready for use")

</script>

</body>

</html>

php中htmlspecialchars函数能把<、>转义成可以在html页面直接显示的形式(<>),

比如

$str='<a href="a.html">aaa</a>'

echo htmlspecialchars($str)就是直接显示代码了。

更详细的用法去查阅htmlspecialchars说明,可以选择性地转义引号

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

<pre>

<body>

a

</body>

</pre>

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6295356.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存