分解长标题属性值

时间:2014-05-13 21:03:55

标签: html

我有一个网页,其工具提示设置如下:

title="Tel: {%- recordFields.providerTel || 'N/A' %} Email: {%-recordFields.providerEmail || 'N/A' %}"

这条线占据了142列...

有没有办法在源代码中分解标题字符串,以便它可以跨越多行?

这些方面的东西:

title="Tel: {%- recordFields.providerTel || 'N/A' %}  \
Email: {%-recordFields.providerEmail || 'N/A' %}"

1 个答案:

答案 0 :(得分:1)

在我问的问题评论中:

  

您只希望它跨越中的多行,对吗?实际值不应该有换行符(例如,使用时)?

你说:

  

我们这样说。在这种特殊情况下,我还想在输出中添加换行符,但为了清晰起见,我会删除它。

这是问题的一个非常基本的部分。 : - )

如果你想要换行,答案很简单,但(我认为)不满意:只需将它们放进去,字面意思:

        <div title="Tel: {%- recordFields.providerTel || 'N/A' %} 
Email: {%-recordFields.providerEmail || 'N/A' %}">...</div>

Live example.请注意,在下一行中不要使用前导空格很重要,因为该空格是属性值的一部分。这就是让我不满意的原因,因为让后续行从第0列开始,否则缩进的内容似乎是不清洁的(有些工具会与你争吵,试图缩进它)。

如果您 想要属性值中的换行符,我就不知道如何做到这一点。根据{{​​3}},属性的值为&#34; ...属性值是HTML specificationtext ...&#34的混合; ,如果我们按照&#34;文本&#34;的链接它没有说明如何将仅限源的换行符放在值中。

由于您似乎正在使用某种模板引擎,如果它在服务器端运行,那么您当然可以在values对象上定义一个属性来保存标题字符串:

title="{%- getTitleFor(recordFields) %}"

...但是这会将内容从HTML源代码(内容通常属于哪些内容)移到服务器端语言源中,因此它不是一个很好的选择。