在引号内插入 HTML

Question

我想要在链接的标题属性内添加分页符，但是当我放入分页符时，它在浏览器中显示正确，但在验证时返回 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>

原因是因为标题属性出现在工具提示中，并且我需要在该工具提示内添加分页符。如何在引号内添加分页符而不返回错误？

Answer 1

我发现此论坛帖子：

    There are two approaches:

    1) Use the character entity for a carriage return, which is 
 Thus:
    <...title="Exemplary
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。 新规范似乎推荐 （换行）代替。

Answer 2

您需要验证工作吗？

如果没有，如果它按您想要的方式工作，则不必担心错误。

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

如果您必须验证它，您可以尝试使用一些脚本在 dom 准备就绪时为
切换特定关键字/字符集。 虽然这还没有经过测试，我也不确定它不会抛出错误。

编辑

根据要求，用一点 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/

注意：

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