HTML页面中显示HTML标签代码

html-css041

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

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

<pre>

<body>

a

</body>

</pre>

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

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

实际上，原理特别的搞笑。。。我也有过这样的经验，我用苹果的文件编辑器编了html，但是保存的时候后缀名用的是.rtf，后来才改过来。可是，.rtf前有很多的文件字体信息，文件头等等，html当然不识别，还以为后缀是.rtf，所以才会显示里面的内容。所以，解决办法就是直接一开始后缀名就用.txt，然后写完再改成.html，就行了

页面中显示HTML标签源代码

归纳几种方法，根据需求选用：

a: 把代码写在文本区域 <textarea>标签中。可以设置 disabled="disabled" 属性，禁止用户操作。

b: 把要显示在html文档中标签的 "<"、">" 用实体字符替换掉。如：<p&gt</p>外层嵌套<pre>标签可使页面与HTML格式一致。

C: 用程序批量替换。