在HTML页面中显示html代码_html 显示代码-优快云博客

本文介绍如何使用SyntaxHighlighter插件实现代码高亮显示，包括HTML代码的展示方式及特殊字符转换方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<link rel="stylesheet" type="text/css" href="syntaxhighlighter_3.0.83/styles/shCore.css">  
<link rel="stylesheet" type="text/css" href="syntaxhighlighter_3.0.83/styles/shThemeDefault.css">  
<script type="text/javascript" src="syntaxhighlighter_3.0.83/scripts/shCore.js"></script>  
<script type="text/javascript" src="syntaxhighlighter_3.0.83/scripts/shBrushXml.js"></script>  
<script type="text/javascript"> SyntaxHighlighter.all();  </script>      
<pre class="brush: html">  
<table>
    <tr>
        <td style="width:50px;"><label>内容</label></td>
        <td><input id="cbbBondTypeOfQuickSearch"/></td>
        <td style="width:240px;">
            <button id="btnQuickClearParamter">清空</button>
        </td>
    </tr>
</table>
</pre>

放在<textarea>里

<textarea>
<!--这里放HTML代码-->
</textarea>

放在<xmp>中

<xmp>
<!--这里放HTML代码-->
</xmp>

将特殊字符转为实体：如< 为&lt

jq：text();

版权声明：本文版权归作者所有，欢迎转载。转载时请在文章明显位置给出作者名字（潘威威）及原文链接。请勿将本文用于任何商业用途。 https://blog.youkuaiyun.com/panweiwei1994/article/details/60336730
使用syntaxhighlighter高亮显示代码
---------------------
作者：潘威威
来源：优快云
原文：https://blog.youkuaiyun.com/panweiwei1994/article/details/60336730?utm_source=copy
版权声明：本文为博主原创文章，转载请附上博文链接！