将HTML属性值分解为多行



有没有一种方法可以格式化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属性值中成功添加return(新行)

我不相信HTML属性有一个"属性";continue构造类似于Javascript或命令行中的line continues。

所以这并不能真正起作用:

// 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>

可能能够进行一些整理,以查找并删除某些标记属性中不必要的空白。然而,如果重点是为了可读性而格式化浏览器的"查看源代码"标记,那么这将无法达到目的。

你能把你的问题分解一下吗!我很难理解,但如果你想格式化代码,我会使用代码编辑器,看看它们是否是格式化代码的功能。在vs代码中,它们是格式化代码的一个功能。但我不确定你有没有!很抱歉,若你们并没有明白你们所说的,但问这个问题很好。继续!!!

最新更新