"用转义字符<和>代替即可 2.使用标签包含...">
美文网首页
html标签不渲染直接显示

html标签不渲染直接显示

作者: 放逐的帝王 | 来源:发表于2022-04-08 17:18 被阅读0次

两种方法:

  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 添加到需要的地方既可显示,而不会被渲染

相关文章

  • html标签不渲染直接显示

    两种方法: 使用转义字符,将对应的"<"和">"用转义字符<和>代替即可 2.使用

    标签包含...

  • HybirdApp知识点整理(MUI配合H5+开发)

    开发规范 页面渲染尽量不用js做,想要渲染快,就直接写HTML和css渲染,js渲染的界面显示更慢。- 少用pad...

  • Angular---显示html文本

    在angular中,如果直接使用插值表达式{{}}直接显示html内容,则html的标签不会被解析。 比如,下面的...

  • 前端性能优化

    HTML渲染过程 style标签中的样式 由html解析器解析不阻塞浏览器的渲染(可能会产生闪屏现象)不阻塞DOM...

  • 使用ajax上传文件

    在前端多数需求中会出现直接点击上传图标,文件直接上传,后显示上传图片或显示文档图片,而html自带的 标签无法直接...

  • 页面渲染

    HTML构建DOM树 –> 构建渲染树 –> 布局渲染树 –> 绘制渲染树。 DOM树是由HTML文件中的标签排列...

  • script--DOM操作

    1.因为HTML标签,被浏览器进行渲染时,就会将网页中所有标签内容渲染成对象在网页中进行展示。所以每个HTML标签...

  • 服务器渲染 与 客户端渲染

    服务器渲染 与 客户端渲染 何为渲染? 如果我们只是想显示一堆不变的数据,那么我们直接写一个a.html丢到服务器...

  • Android WebView应用

    简介 WebView是一个基于webkit、展现web页面的控件。 作用 显示和渲染Web页面直接使用html文件...

  • node--ejs

    服务端渲染:ejs--非侵入 现成的HTML文件直接加(不破坏HTML)优点:保持HTML格式缺点:麻烦pug-...

网友评论

      本文标题:html标签不渲染直接显示

      本文链接:https://www.haomeiwen.com/subject/umvysrtx.html