这些符号在html中意味着什么?

时间:2015-05-06 06:20:42

标签: javascript html jquery-ui

我在浏览jquery工具提示时发现了这段代码。请建议我们为什么使用某些代码,这是什么意思?

 <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 个答案:

答案 0 :(得分: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>

ISO-8859-1是HTML 4.01中的默认字符,有关详细信息,请参阅list of XML and HTML character

例如,"&lt;" is "<" (less-than sign, U+003C)

当用户将鼠标放在带有文本

的div上时,您尝试理解的代码会创建工具提示
  

当您将鼠标悬停在其上时,此div有一个带有HTML的工具提示!

工具包的内容位于标题标签之间,所以

  

<img src=my-image.png /> <strong> This text is in bold case!</strong>

img是显示图片,蚂蚁之间强烈的文字......很强: - )

答案 1 :(得分:0)

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

答案 2 :(得分:0)

&lt;用于< symbol。类似&gt;用于> symbol。这些被称为HTML实体。

在旁注中,您可以参考 this 以供将来参考。

答案 3 :(得分:0)

请参阅此资源以便更好地理解http://w3schools.com/HTML/html_entities.asp

答案 4 :(得分:0)

这些是html实体。 HTML中的保留字符必须替换为字符实体。 键盘上没有的字符也可以被实体替换。