在引号内插入HTML

时间:2011-09-21 05:23:03

标签: html tooltip page-break

我希望在链接的title属性中有一个分页符,但是当我输入一个时,它在浏览器中显示正确,但在我验证时会返回7个错误。

这是代码。

<a href="images/Bosses/Lord Yarkan Large.jpg" class="hastipz" target="_blank" title="Lord Yarkan, a level 80 Unique from Silkroad Online -- Click for a Larger Image">
<img class="bosspic" src="images/Bosses/Lord Yarkan.jpg" style="float:right; position:relative;" alt="Lord Yarkon; Silkroad Unique"/>
</a>

原因是因为title属性出现在工具提示中,我需要在该工具提示中进行分页。如何在引号内添加分页符而不返回错误?

2 个答案:

答案 0 :(得分:2)

我找到this forum post

    There are two approaches:

    1) Use the character entity for a carriage return, which is &#13; Thus:
    <...title="Exemplary&#13;website">

    (For a full list of character entities, try Googling "HTML Character Codes".)

    2) to do any additional styling to your "tooltips", Google "CSS tooltips"

1)虽然是非标准的。适用于IE / Chrome,而不适用于Firefox。 new spec似乎推荐&amp;#10; (换行)而不是。

答案 1 :(得分:1)

您需要验证工作吗?

如果没有,请不要担心错误是否符合您的要求。

验证不是目标。它是一个帮助构建更好的网站的工具。这是目标。 ; - )

如果您必须对其进行验证,则可以尝试使用某些脚本在dom准备好的情况下为<br />切换出特定的关键字/字符集。 虽然这是未经测试的,但我不确定它是否也会引发错误。

修改

根据要求,一个小jQuery来切换一个单词:

$('a').each(function(){
    var a = $(this).attr('title');
    var b = a.replace('lineBreak','\n');
    $(this).attr('title', b);
});

示例:http://jsfiddle.net/jasongennaro/qRQaq/1/

的Nb:

  1. 我使用“lineBreak”作为关键字,因为这不太可能匹配。 “br”可能是
  2. 我将其替换为\n换行符。
  3. 您应该自行尝试\n换行符......可能无需更换任何内容即可。