html标签不渲染直接显示

两种方法：

1. 使用转义字符，将对应的"<"和">"用转义字符<和>代替即可

2.使用<xmp>和</xmp>标签包含在要显示的HTML标签内容的外面

<ul>
    <li>&lt;p&gt;</li>
    <li><xmp><p></xmp></li>
    <li><xmp></img></xmp></li>
</ul>

js种如果不确定内容

var str = "<p>whatever</p>"；

str = str.replace(/</g,"&lt;");
str = str.replace(/>/g,"&gt;");
// 再只用str 添加到需要的地方既可显示，而不会被渲染