这些符号在HTML中代表什么?

3
我在浏览jquery tooltip时发现了这段代码。请解释一下为什么要使用这段代码以及它的含义是什么?
 <pre class="prettyprint">
 &lt;head&#62;

   &lt;script&#62;
    $(document).ready(function() {
        $('.tooltip').tooltipster({
            contentAsHTML: true
        });
    });
&lt;/script&#62;
&lt;/head&#62;
&lt;body&#62;

&lt;div class="tooltip" title="&amp;lt;img src=&amp;quot;my-  image.png&amp;quot; /&amp;gt; &amp;lt;strong&amp;gt; This text is in bold case   !&amp;lt;/strong&amp;gt;"&gt; 
    This div has a tooltip with HTML when you hover over it!
&lt;/div&#62;

&lt;/body&#62;</pre>
5个回答

2
您输入的代码是HTML编码的,这意味着其中含有HTML特殊字符:
<script>
    $(document).ready(function() {
        $('.tooltip').tooltipster({
            contentAsHTML: true
        });
    });
</script>
</head>
<body>

<div class="tooltip" title="<img src=my-image.png /> <strong> This text is in bold case!</strong>"> 
    This div has a tooltip with HTML when you hover over it!
</div>

</body></pre>

在HTML4.01中,ISO-8859-1是默认字符集,请查看XML和HTML字符实体引用列表以获取更多信息。

例如,"&lt;" 是 "<" (小于号,U+003C)

您试图理解的代码在用户将鼠标悬停在带有文本的

上时创建工具提示

当你将鼠标悬停在这个

上方时,它会显示一个带有HTML的工具提示!

工具提示的内容位于标题标签之间,因此:

<img src=my-image.png /> <strong> 这段文字是加粗的!</strong>

img是显示图片的,而在strong标签之间的文本是加粗的:-)


它实际上描述了一切,你能告诉我你是如何做到的吗? - sia
@clement 真是太棒了! - sia

0

它们是HTML实体,用于在页面上显示符号,例如那些实际的HTML代码。所以,< > 作为HTML实体就是 &lt; &gt;(小于、大于)。&copy; 是版权符号等。


是的,我对&copy知之甚少!谢谢@MattyF - sia

0

&lt; 用于表示 < 符号。同样地,&gt; 用于表示 > 符号。这些被称为 HTML 实体。

顺便提一下,您可以参考 this 以供将来参考。


1
哇!那是一个巨大的收藏! - sia
@sia:确实,我只是想让你更清楚地理解这一点! - Rahul Tripathi
太棒了!肯定没问题 :) @Rahul Tripathi - sia
@sia:当然。愉快的编程。 - Rahul Tripathi

0

谢谢!这是最简单的方法! - sia

0

这些是HTML实体。 在HTML中保留的字符必须用字符实体替换。 键盘上不存在的字符也可以用实体替换。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接