將 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.