如何在 HTML 中引用(不是块引用)?

Posted

技术标签:

【中文标题】如何在 HTML 中引用(不是块引用)?【英文标题】:How to quote in HTML (not blockquote)? 【发布时间】:2011-01-15 18:31:19 【问题描述】:

我想在 html 页面中添加一些示例代码。我该怎么做,例如我想显示一个标签和图像标签,在***中我使用4个空格:

A Tag example:
<a href="your_url"></a>

Image Tag example:
<img...>

【问题讨论】:

【参考方案1】:

要格式化输出,您可以使用pre 元素。

但是,您仍然需要将特殊字符 &amp;lt; &amp;gt; ' " &amp; 转换为它们的 HTML 实体 &amp;lt; &amp;gt; 等等,以便 HTML 标记清晰可见文本并且不会被浏览器呈现。

如果您可以使用 PHP,则可以使用 htmlspecialchars()。每个服务器端脚本语言都有它的等价物。

JavaScript 中,设置 pre 容器的 innerText 属性会导致字符按字面意思显示,而不是解释为 HTML。

如果你想手动做,这是你需要转换的:

& to &amp;
> to &gt;
< to &lt;
" to &quot;
' to &#039

source

【讨论】:

【参考方案2】:

我想您是在要求 &lt;pre&gt; 标记预格式化文本。

pre 标记内的所有内容都不会被解释。

在浏览器上试试这个:

<pre>
&lt;img src="whatever" /&gt;
&lt;othertag&gt;whatever&lt;/otherta&gt;
</pre>

编辑:正如 Pekka 指出的,对于 HTML 标签,符号必须转换为它们的 HTML 实体。

【讨论】:

不在我的浏览器中 - 我仍然得到一个解释图像。你确定这是正确的吗? IIRC,无论如何,无论pre与否,您都需要使用控制字符制作HTML实体。 你是对的,符号必须转换成它们各自的 HTML 实体,很抱歉这个错误。【参考方案3】:

您可以使用&lt;pre&gt;&lt;code&gt; 标记的组合。 &lt;pre&gt; 标记将其内部的所有内容格式化为源代码中显示的内容(用于显示大块源代码),&lt;code&gt; 标记用于代码的内联格式(类似于此答案中的标记的方式格式化)。此外,&lt;code&gt; 标记内的任何内容都需要转换为 HTML 特殊字符(例如 & gt; 和 & lt;)。

【讨论】:

以上是关于如何在 HTML 中引用(不是块引用)?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Simulink 的 Matlab 功能块内运行引用模型?

如何检查 HTML 文件是不是在给定目录中,然后使用同一目录中引用的 CSS 和 JS 文件打开该文件

如何在 Drupal 8/9 中根据节点引用配置视图块?

如何在有效的 XML 文档中定义 HTML 实体引用?

如何在 React 中引用标准 HTML 元素类型? [复制]

如何在单个查询中填充引用数组