将 HTML 个属性值分成多行

Question

有没有一种方法可以格式化 HTML 属性值，使它们跨越多行？本质上我问的是有没有办法在常规类型的 HTML 属性值中转义 return。

例如，在下面的工作代码中，我们在一行中有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>

似乎只要将 returns 添加到一个值中，整个值就会失败。我试过常规 javaScript 转义字符，但没有成功。

如何在 HTML 属性值中成功添加 returns （新行）？

Answer 1

你能分解一下你的问题吗！我很难理解，但如果你问的是格式化代码，我会使用代码编辑器，看看它们是否有格式化代码的功能。在 vs 代码中，它们是格式化代码的功能。但我不确定你有没有！抱歉，如果您不明白您所说的，但很高兴提出问题。保持！！！

Answer 2

我不相信 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>

您可能能够进行一些整理以查找并删除某些标签属性中不必要的空白。但是，如果重点是格式化浏览器的查看源代码标记以提高可读性，那将达不到这个目的。

将 HTML 个属性值分成多行

Break up HTML attribute values into multiple lines

html

syntax

attributes

escaping

html-escape-characters

如何在 HTML 属性值中成功添加 returns （新行）？