HTML页面中显示HTML标签代码

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

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

<pre>

<body>

a

</body>

</pre>

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

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

可以在想要显示的代码的外面加上<xmp></xmp>,这样<xmp>标签里面的内容将原封不动的显示出来。

例如(Html代码)

<xmp>

<table>

<tr>

<th width="120">a</td>

<th width="120">b</td>

<th width="120">c</td>

</tr>

</table>

</xmp>

第一种: &(这个符号可以直接写,不会对HTML标记产生影响) &amp(在网页上显示为&而不是显示为&符的效果) ''(这个符号可以直接写,不会对HTML标记产生影响) &quot(在网页上显示为而不是显示''符的效果) <(在网页上显示为小于号,而不破坏其他HTML标签的闭合对应关系) &lt(在网页上显示为<而不至于显示为小于号) (在网页上显示为大于号,而不破坏其他HTML标签的闭合对应关系) &apmgt(在网页上显示为而不至于显示为大于号) 第二种,使用<xmp>标签。这个标签的作用与<pre>标签相似,只不过<pre>标签中包含HTML标签的时候就没办法按原样显示,包含的HTML标签会起作用。而<xmp>标签中的内容中即使有HTML标签,也会连同HTML标签一起原样显示,<xmp>标签中的HTML标签不起作用。 虽然<xmp>也可以使用,但是不赞成使用该标签。


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

原文地址: https://outofmemory.cn/zaji/7240804.html

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

发表评论

登录后才能评论

评论列表(0条)

保存