如何编码多个段落？

Question

我想创建一个包含大量段落的网站，但我想知道是否有更有效的方法来实现代码中的间距而无需返回并放置<p>标记对于每个段落。我有一种感觉，实现这一点不仅仅是HTML和CSS。我尝试了<pre>元素，但它是每一行的间距，而不是段落本身。

任何人都可以帮助引导我朝着正确的方向前进吗？

Answer 1

<p>是制作段落的正确方法。 HTML5规范允许您排除结束</p>标记，但许多浏览器和博客引擎需要它，因此我建议您包含它。 <br>标记可用于制作通用换行符，但不允许您将CSS样式应用于段落，因此请勿将其用于段落。

如果你不想每次都输入<p>，那么你想要的是一个IDE或一个可以为你输出html的富文本编辑器。

Answer 2

您可以在Markdown中编写段落，然后将其转换为HTML。在Markdown中，段落由两个换行符分隔，而不是用标签分隔。 （Stack Overflow使用Markdown作为帖子。）

示例：

This is one paragraph in Markdown.

This is a second paragraph. As you can see, no `<p></p>` tags are necessary.

Answer 3

您想要使用代码段吗？对于快速编码，您可以使用emmet。例如：

你可以写p.class_name*4，之后你会得到

<p class="class_name"></p>
<p class="class_name"></p>
<p class="class_name"></p>
<p class="class_name"></p>

我希望我能正确理解你。

Answer 4

解决方案可能是编写一个完整的p元素，然后根据需要随意复制和粘贴它。

要在每个p元素之间添加空格，请使用br元素，该元素会为您“划分”行提供空间。

希望这有助于你，快乐的编程！

Answer 5

如果我理解正确，你有一个长文本被分成段落，你想要正确地显示它＃34;正确＆＃34;在浏览器中。 文本中的段落划分通常通过它们之间的空行来实现。

所以 - 你应该解析文本中的现有段落：

var paragraphs  = text.match(/[^\r\n]+/g);

添加HTML段落格式：

var paragraphsInHtml = paragraphs.map(function(paragraph) {
    return "<p>" + paragraph + "</p>";
});

改革文本：

var formattedText = paragraphsInHtml.join();

[代码段在javascript中]