javascript - 这些符号在html中是什么意思?

标签 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>

最佳答案

您输入的代码是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 上时,您试图理解的代码会创建工具提示

This div has a tooltip with HTML when you hover over it!

toolpit的内容在title标签之间,所以

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

img 是为了显示一张图片和 ant 之间的文字 strong... 是 strong :-)

关于javascript - 这些符号在html中是什么意思?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30069009/

相关文章:

javascript - 初始化 javascript 数字的最佳方法是什么?

html - 使用 flexbox 列时,如何使最大宽度居中的 div 不被折叠?

jquery - 使用 jQuery 在元素内包装文本

html - 如何以负责任的形式 css 替换固定值

javascript - Jquery/Javascript 刷新点击()

javascript - 如何映射一对多?

javascript - 显示/隐藏按钮消失

javascript - IE7 中“div_element”为 null 或不是对象

java - 在不打开 PDF 的情况下在客户端浏览器打印 PDF

javascript - 使用 javascript 为数组中的类设置背景图像失败