Question

大家好，我正在尝试为此代码使用预标签。但我无法得到结果。我看到的只是空白屏幕。

要添加的文字

    <img src="" 
data-desk="img/single/desktop.jpg" 
data-lap="img/single/laptop.jpg"
data-tab="img/single/ipad.jpg" />

我刚刚做了这件事，但发生了注意

 <pre>
    <code>  <img src="" 
      data-desk="img/single/desktop.jpg" 
      data-lap="img/single/laptop.jpg"
      data-tab="img/single/ipad.jpg" /></code>
    </pre>

不知何故，它需要img作为标签而不是预先.. 请帮忙。谢谢。

Answer 1

像这样......

<pre>&lt;img src="foo.jpg",
 data-desk="fooDesk"
  data-lap="fooLap" /&gt;</pre>

Answer 2

您应该对代码进行编码，然后将其放入pre标记中。使用Online Encoder或如果您是C＃程序员，请使用HttpUtility.HtmlEncode(str);或javascript encodeURI(str);

<pre>
  &lt;img src=&quot;&quot; 
  data-desk=&quot;img/single/desktop.jpg&quot; 
  data-lap=&quot;img/single/laptop.jpg&quot;
  data-tab=&quot;img/single/ipad.jpg&quot; /&gt;
</pre>

使用pre标签的img代码

2 个答案: