将 HTML 属性值拆分为多行
[英]Break up HTML attribute values into multiple lines
问题描述
有没有办法格式化 HTML 属性值，使其跨越多行？ 本质上，我问的是有没有办法在常规类型的 HTML 属性值中转义返回值。
例如，在下面的工作代码中，我们在一行中有href属性值。
<head> <!-- Bootstrap CSS --> <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" > <!-- href value above spans 1 line and wraps normally with text editors width --> </head> <body> <h1>Bootstrap has successfully applied because this font is sans-serif</h1> </body>
我怎么能以这种格式获得这个不工作的代码，属性值跨越下面的多行？：
<head> <!-- Bootstrap CSS --> <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/ bootstrap@5.0.2/dist/css/ bootstrap.min.css" > <!-- href value above spans 3 lines --> </head> <body> <h1> Bootstrap hasn't applied due to the amount of <mark>enter</mark> characters used in the <mark>href</mark> attribute </h1> </body>
似乎一旦您将返回值添加到值中，整个值就会失败。 我尝试过常规的 javaScript 转义字符，但没有运气。
如何在 HTML 属性值中成功添加返回（新行） ？
2 个解决方案
解决方案1
1 已采纳 2021-07-15 20:09:21
我不相信 HTML 属性具有“属性”继续构造，例如 Javascript 或命令行中的行继续。
所以这真的行不通：
// This is just whitespace, so I assume the browser will encode it
href="https://cdn.jsdelivr.net/npm/
bootstrap@5.0.2/dist/css/
bootstrap.min.css"
// Javascript variety
href="https://cdn.jsdelivr.net/npm/" +
"bootstrap@5.0.2/dist/css/" +
"bootstrap.min.css"
// Command line variety
href="https://cdn.jsdelivr.net/npm/" \
"bootstrap@5.0.2/dist/css/" \
"bootstrap.min.css"
它只是属性中的空格，或者像上面示例中那样不受限制的引用字符串。
这是我能想到的最好的：
<script>
let link = document.createElement('link')
link.rel = 'stylesheet'
link.href = 'https://cdn.jsdelivr.net/' +
'npm/bootstrap@5.0.2/' +
'dist/css/bootstrap.min.css'
document.head.append(link)
</script>
您可以进行一些整理以查找并删除某些标签属性中不必要的空格。 但是，如果重点是为了可读性而格式化浏览器的“查看源代码”标记，这将违背该目的。
解决方案2
-1 2021-07-15 19:42:51
你能把你的问题分解一下吗！ 我很难理解，但如果您询问格式化代码，我会使用代码编辑器，看看它们是否是格式化代码的功能。 在 vs 代码中，它们是用于格式化代码的功能。 但我不确定你有没有！ 对不起，如果你没有得到你所说的，但很高兴提出问题。 继续努力吧！！！ 🥳
多行的字符串属性值，HTML
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.