Question

有人告诉我将HTML行的字符数保持在80个以下。我正在使用Atom，并且显示一条线来提醒它。

我已经找到了很多关于它的讨论，但根本没有例子。例如，我有这行：

<p>
Born and raised in Valencia (Spain), graduated and married in Seville (Spain) and now I'm working and growing my own very family in Vienna (Austria).
</p>

如果我将其拆分，我会得到：

<p>
Born and raised in Valencia (Spain), graduated and married in Seville (Spa
in) and now I'm working and growing my own very family in Vienna (Austria)
.
</p>

但是当我在浏览器中看到它时，某些单词之间会有一个空格：

在巴伦西亚（西班牙）出生并长大，在塞维利亚毕业并结婚 （Spa_in），现在我在维也纳（奥地利）_。工作并发展自己的家庭。

（我输入了下划线以指出生成的空格）

如何避免这种情况？当涉及到代码时：如何拆分标签，属性，链接等？例如：

<link rel="apple-touch-icon image_src" href="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png?v=c78bd457575a">

或这个

<meta name="twitter:title" property="og:title" itemprop="title name" content="Ask a Question" />

有人知道有什么资源可以咨询吗？

顺便说一句，目前我只是用HTML编写代码，根本不使用JS，如果可能，我需要保持这种样子。

Answer 1

就是这样。您说 80岁以下，因此您不必总是80岁。

<p>
Born and raised in Valencia (Spain), graduated and married in Seville
(Spain) and now I'm working and growing my own very family in Vienna
(Austria).
</p>

其他带有多行属性的示例（您必须使用不隔开URL的制表符才能工作），但我建议不要使用此属性（例如注释中已经提到过的Justinas），因为它可能导致问题，有时会更好通过规则：

<img src="https://cdn.sstatic.net/Sites/stackoverflow/
	img/apple-touch-icon.png?v=c78bd457575a">

Answer 2

将其关闭拆分为80个符号。

<p>
    Born and raised in Valencia (Spain),
    graduated and married in Seville
    (Spain) and now I'm working and
    growing my own very family
    in Vienna (Austria).
</p>

用于标签拆分-在每个属性上拆分：

<link
    rel="apple-touch-icon image_src"
    href="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png?v=c78bd457575a"
>

请注意，有时最好超过行数限制以提高可读性。

如何将HTML行保持在80个字符以下？

2 个答案: