【问题标题】:Split src attribute over multiple lines [duplicate]在多行上拆分 src 属性[重复]
【发布时间】:2016-01-11 18:51:30
【问题描述】:

我有一个看起来像这样的 HTML 元素,

<element src="http://lsdjflksjdfkjewiojeriowjekwjekfljsdkfjisdjrsekjfijsiejisjojfsjlfejeileldjfsleisldkjfsiejljefijeljslefifjfsleif">
</element>

看看有多长?

我想将 src 链接分成多行。

在 Python 中,您只需使用 \ 将长字符串分成多行。在 JavaScript 中,您只需使用 + "rest of string" 将其分成多行。 HTML的情况是什么?浏览器想将我的尝试解释为空白...

所以当我这样做的时候:

<element  
  src="http://lsdjflksjdfkjewiojeriowjekwjekfljsdkf
  jisdjrsekjfijsiejisjojfsjlfejeileldjfsleisldkjfsiejljefi
  jeljslefifjfsleif">
</element>

它在换行符所在的位置插入了一堆 %20。我还应该尝试什么?

在 Stack Overflow 上解决此问题的类似帖子中,它建议使用 JavaScript 将行拆分,这似乎有点过头了,并且建议在 URL 中的“/”之后拆分的答案似乎不起作用,除非您将整个元素塞入页面左侧,这会导致严重的格式问题......否则,它仍然会在链接中放置空格。

【问题讨论】:

  • 为什么要破解它?几乎所有的编辑器都会在一定数量的字符后换行,所以它仍然可读。
  • 好吧,也许我的编辑器是一件……工作。 html 编码标准是不超过 80 个字符。这件事超过了80个字符。因此,我为什么在乎。我正在使用日食。我设置了边距线,所以当它超过 80 时我可以看到它。“使用 HTML 编辑器时,左右滚动阅读 HTML 代码很不方便。尽量避免超过 80 个字符的代码行。”
  • @TylerH 仅适用于 href 属性,不适用于 src...
  • @HereticMonkey 正如目标接受的答案所表明的那样,它适用于两者。为了更加清晰,我在此处将第二个链接添加到关闭横幅中,但今天它也可能无关紧要,因为这些功能已被弃用。

标签: html


【解决方案1】:

Google URL Shortener has been retired and has transitioned to Firebase Dynamic Links.

但总的来说,对外部资源使用链接缩短器是一个非常糟糕的主意。使用外部链接缩短器不可避免地会产生一些开销,如果发生中断或 EOL,您将任其摆布,并且还可能存在重定向/中毒攻击的可能性。

【讨论】:

    猜你喜欢
    • 2012-10-21
    • 2012-07-08
    • 2017-06-29
    • 2012-09-05
    • 2021-09-24
    • 2016-08-09
    • 2015-07-28
    • 2017-03-28
    • 1970-01-01
    相关资源
    最近更新 更多