应使用HTML实体编码（如<写为
如果您在HTML文档中需要显示像“<”“>”“&”或下划线“_”这类原本具有特殊含义的字符，浏览器会将其解析为代码或忽略渲染，导致内容无法按预期呈现。以下是正确输出这些符号的多种方法：
一、使用HTML实体编码表示特殊字符
HTML将小于号（）、与符号（&）等视为标记语法的一部分，直接书写会被解析为标签边界或实体起始符。必须用对应预定义实体替代，确保原样显示。
1、小于号“。
2、大于号“>”应写作>。
立即学习“前端免费学习笔记（深入）”；
3、与符号“&”必须写作&，否则会导致后续实体解析错误。
4、双引号“"”在属性值中若未用单引号包裹，需写为"。
5、版权符号“©”可写作©，不依赖字体支持。
二、使用<code>或<pre>标签包裹原始符号
当需整段展示含HTML标签的代码示例时，标签提供语义化行内代码展示，<pre class="brush:php;toolbar:false;">保留空格与换行并默认等宽字体，二者均需配合实体编码使用，不可直接嵌入未转义的“”。</pre>
1、在页面中插入行内代码片段，例如显示“<p>Hello</p>”，应写为： Hello
2、多行代码块应使用<pre><code>嵌套结构，并对所有特殊字符完成实体转义。
3、避免仅用<pre>而忽略内部实体转义，否则“
三、通过CSS content属性生成下划线符号“_”
下划线“_”本身不是HTML保留字符，通常可直接输入。但若出现在class名、data属性或需动态生成的场景中，为避免混淆或模板引擎误解析，可用CSS伪元素控制显示，完全脱离HTML文本流。
1、为某元素添加类名如。
2、在CSS中定义：.has-underscore::before { content: "_"; }。
3、该下划线由CSS注入，不参与HTML解析，也不会被压缩工具或服务端模板意外截断。
四、使用JavaScript动态插入未转义符号
当HTML源码中无法直接写入某些符号（如服务端模板禁止裸字符），可通过脚本在DOM加载后注入纯文本节点，绕过HTML解析阶段。
1、在HTML中预留一个空容器：<span id="underscore-placeholder"></span>。
2、执行JS：document.getElementById('underscore-placeholder').textContent = '_'；
3、使用textContent而非innerHTML，确保下划线作为纯文本写入，不会触发二次解析。
五、禁用HTML解析的textarea或input元素回显
textarea和input[type="text"]元素默认将内容作为纯文本处理，其中的“”“&”不会被解析为HTML，适合临时展示或编辑原始符号串。
1、插入<textarea readonly><script>alert(1);</script></textarea>，内容将原样显示。
2、设置textarea的rows和cols属性以控制尺寸，或用CSS限制宽度防止溢出。
3、若需样式统一，可移除默认边框并应用font-family: monospace，增强代码感。
