应使用HTML实体编码（如
如果您在HTML文档中需要显示像“”“&”或下划线“_”这类原本具有特殊含义的字符，浏览器会将其解析为代码或忽略渲染，导致内容无法按预期呈现。以下是正确输出这些符号的多种方法：
一、使用HTML实体编码表示特殊字符
HTML将小于号（）、与符号（&）等视为标记语法的一部分，直接书写会被解析为标签边界或实体起始符。必须用对应预定义实体替代，确保原样显示。
1、小于号“<。
2、大于号“>”应写作>。
立即学习“前端免费学习笔记（深入）”；
3、与符号“&”必须写作&，否则会导致后续实体解析错误。
4、双引号“””在属性值中若未用单引号包裹，需写为“。
5、版权符号“©”可写作©，不依赖字体支持。
二、使用或
标签包裹原始符号
标签包裹原始符号
当需整段展示含HTML标签的代码示例时，标签提供语义化行内代码展示，
保留空格与换行并默认等宽字体，二者均需配合实体编码使用，不可直接嵌入未转义的“”。
1、在页面中插入行内代码片段，例如显示“
Hello
”，应写为：
Hello
，再包裹于标签内。
2、多行代码块应使用
<code>嵌套结构，并对所有特殊字符完成实体转义。<p>3、避免仅用</p> <div class="aritcle_card"> <a class="aritcle_card_img" href="/ai/1393"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680114391886.jpg" alt="造物云营销设计"> </a> <div class="aritcle_card_info"> <a href="/ai/1393">造物云营销设计</a> <p>造物云是一个在线3D营销设计平台，0基础也能做电商设计</p> <div class=""> <img src="/static/images/card_xiazai.png" alt="造物云营销设计"> <span>97</span> </div> </div> <a href="/ai/1393" class="aritcle_card_btn"> <span>查看详情</span> <img src="/static/images/cardxiayige-3.png" alt="造物云营销设计"> </a> </div> <pre class="brush:php;toolbar:false;">而忽略内部实体转义，否则“<div>”仍会被浏览器尝试解析为真实标签。<h2>三、通过CSS content属性生成下划线符号“_”</h2><p>下划线“_”本身不是HTML保留字符，通常可直接输入。但若出现在class名、data属性或需动态生成的场景中，为避免混淆或模板引擎误解析，可用CSS<a style="color:#f60; text-decoration:underline;" title="伪元素" href="https://www.php.cn/zt/15988.html" target="_blank">伪元素</a>控制显示，完全脱离HTML文本流。</p><p>1、为某元素添加类名如<span class="has-underscore"></span>。</p><p>2、在CSS中定义：<strong><font color="green">.has-underscore::before { content: "_"; }</font></strong>。</p><p>3、该下划线由CSS注入，不参与HTML解析，也不会被压缩<a style="color:#f60; text-decoration:underline;" title="工具" href="https://www.php.cn/zt/16887.html" target="_blank">工具</a>或服务端模板意外截断。</p><h2>四、使用JavaScript动态插入未转义符号</h2><p>当HTML源码中无法直接写入某些符号（如服务端模板禁止裸字符），可通过脚本在DOM加载后注入纯文本节点，绕过HTML解析阶段。</p><p>1、在HTML中预留一个空容器：<strong><font color="green"><span id="underscore-placeholder"></span></font></strong>。</p><p>2、执行JS：document.getElementById('underscore-placeholder').textContent = '_'；</p><p>3、使用textContent而非innerHTML，确保下划线作为纯文本写入，不会触发二次解析。</p><h2>五、禁用HTML解析的textarea或input元素回显</h2><p>textarea和input[type="text"]元素默认将内容作为纯文本处理，其中的“”“&”不会被解析为HTML，适合临时展示或编辑原始符号串。</p><p>1、插入<textarea readonly><script>alert(1);</script></textarea>，内容将原样显示。</p><p>2、设置textarea的rows和cols属性以控制尺寸，或用CSS限制宽度防止溢出。</p><p>3、若需样式统一，可移除默认边框并应用font-family: monospace，增强代码感。</p></div>
以上就是html如何打出_正确打出HTML标签与符号【标签】的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1604548.html
微信扫一扫 
支付宝扫一扫 
