2011-09-21 63 views
1

我想要在链接的title属性中设置一个分页符,但是当我放入一个时,它在浏览器中看起来是正确的,但是当我验证它时会返回7个错误。在引号中插入HTML

这是代码。

<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属性出现在工具提示中,并且我需要在该工具提示内出现分页符。如何在引号内添加分页符而不返回错误?

+0

是指换行符还是分页符?你想在什么下面验证它?至少使用HTML 5时,您可以在title属性中输入分页符,并且不会收到错误。或者你是否希望标题本身出现换行符?如果是这样的话,请使用Gringo的角色实体技术。你可能需要'&#x0A'而不是' ',具体取决于平台....(可能) –

回答

1

你需要验证工作吗?

如果没有,请不要担心错误,如果它按照您的要求工作。

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

如果您必须验证它,您可以尝试使用某些脚本在dom就绪时为<br />切换出特定关键字/字符集。 虽然这是未经测试,我不知道它也不会抛出错误。

EDIT

按照要求,一点点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. 我使用的“换行符“作为关键字,因为这是unlik只要匹配。 “br”可能是
  2. 我用\n换行符替换它。
  3. 你应该尝试自己的\n换行符...可能无需替换任何东西就可以工作。
+0

我对Javascipt不是很熟练,我不知道从哪里开始创建一个替换关键字的脚本与分页符。你会知道如何编写这样的脚本吗?使关键字“br”。 –

+0

查看我的编辑以上@Mark –

+0

它可以在我的页面上运行,但并不会删除“lineBreak”它只是插入“\ n”我正在使用chrome来测试它。我意识到它应该尽管因为你使用替换功能,所以我可以拿出“lineBreak”并用“\ n”代替 –

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似乎建议&#10; (换行符)。

+0

与角色实体+1! –

+0

非常好的答案,但是没有一个工作。我能想到的唯一的事情就是用分页符替换title属性中的关键字。不幸的是,我没有足够的技巧来编写这样的脚本。 –