如何在HTML页面中正确展示含<符号的Bash循环代码？

• 方法一：手动转义HTML特殊字符
  HTML中<、>、&属于特殊字符，必须转义后才能在页面正常显示：
• < 替换为 <
• > 替换为 >
• & 替换为 &

你的代码转义后正确的HTML写法是：

<pre><code>for ((i=0; i&lt;len; i++)); do</code></pre>

这样页面就能正确渲染出for ((i=0; i<len; i++)); do这段代码。

• 方法二：使用CDATA段（适合XML兼容的HTML场景）
  如果不想手动转义，可以在<code>标签内包裹CDATA段，让浏览器直接解析内容而不处理HTML标签：

<pre><code><![CDATA[for ((i=0; i<len; i++)); do]]></code></pre>

注意：CDATA在纯HTML5环境中并非标准推荐用法，优先推荐方法一。

• 排查额外问题
  如果按上述方法仍无法显示，检查页面是否有JavaScript代码修改了<pre>或<code>的内容，或是CSS样式隐藏了部分文本。

内容的提问来源于stack exchange，提问作者mariofp77