如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
html如何让标签不转义
来源：互联网
2023-03-16 19:11:53 117
html如何让标签不转义?有时需在网页上原文显示html标签，而不是作为html代码被浏览器解释。这个应该怎么做？下面，小编来给大家介绍一下html如何让标签不转义。
方法/步骤
首先，我们准备一个演示所用的网页文件，网页代码如下所示：
html>
head>
title>HTML 页面/title>
/head>
body>
br/>br/>
center>
这是转义后h1>h1标签/h1>和b>B标签/b>/
这里要实现不转义的效果：h1>h1标签/h1>和b>B标签/b>。/
center>
/body>
/html>
在浏览器窗口中打开效果如下图所示，可以看到，两行代码的标签都被浏览器解释成正常的html标签了。现在我们要实现将第二行的h1和b标准原样显示出来。
方法一：利用xm/xm来实现标签原样显示
将网页中的第二个标签中的内容用xm/xm包裹起来，如下图所示：
保存后，在浏览器打开，从运行效果可以看出，第二个段落中的标签没有被转义，原文显示出来了，达到了我们需要的效果。
方法二：将要原文显示的标签的左尖括号用“<”替换（不包括引号）
利用替换功能，将第二个段落中要原文显示的标签的左尖括号“",如下图所示全部替换成“<”（不含引号）。
保存后，从浏览器中的浏览效果可以看出，也达到了我们的要求，原样显示出了hmtl标签，未被转义。
方法三：借助js脚本实现
要借助js脚本实现，我们首先要将第二个标签中的内容给清空掉，同时为了方便操作，还需给第二个标签增加id属性。
在网页文件中添加如下js代码：
script language="javascript">
document.getElementById("myid").innerText="这是第三种方法实现不转义的效果：h1>h1标签/h1>和b>B标签/b>。";
/script>
保存后在浏览器中打开，效果如下，同样实现了标签原文输出不转义的效果。
三种方法，大家可以根据实际应用需求进行选择。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 438 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)