您的位置：首页 > Web前端 > HTML

HTML的<pre>标签中嵌套HTML标签时被解析的解决方案

2018-02-07 12:47 501 查看

1. 概述

<pre>标签中保留空格和换行，常用来展示代码片段，但如果直接嵌套HTML标签，会被浏览器解析，所以需要使用转义字符将代码片段转换为不被解析的文本。

2. 示例

我想显示以下代码片段：

<html>
<head>
<meta charset="utf-8">
<title>Wechat</title>
</head>
<body>
<iframe src="https://wx.qq.com/"/>
</body>
</html>


用<pre>包裹后：

<pre>
<html>
<head>
<meta charset="utf-8">
<title>Wechat</title>
</head>
<body>
<iframe src="https://wx.qq.com/"/>
</body>
</html>
</pre>


那么浏览器将直接打开微信扫码登录页面，而这并不是我想要的效果。

正确的操作是将整个文本转义（网上很多在线转义工具）后放入<pre>标签：

<pre>
<html>
<head>
<meta charset="utf-8">
<title>Wechat</title>
</head>
<body>
<iframe src="https://wx.qq.com/"/>
</body>
</html>
</pre>


3. 参考文献

聊一聊HTML<pre>标签

HTML<pre> 标签
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航