html - 如何编码多个段落？

Question

我想制作一个有很多段落的网站，但我想知道是否有更有效的方法来实现代码中的间距，而不必返回并为每个段落放置标签。我有一种感觉，实现这一点不仅仅是 HTML 和 CSS。我已经尝试过该<pre>元素，但它分隔了每一行，而不是段落本身。

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

score 4 · Accepted Answer

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

如果您只是不想每次都输入，那么您需要的是可以为您输出 html 的 IDE 或富文本编辑器。

score 1 · Accepted Answer

您可以在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.

score 0 · Accepted Answer

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

要在每个p元素之间添加空间，请使用在br“分解”行时为您提供空间的元素。

希望这对您有所帮助，编程愉快！

score 0 · Accepted Answer

你想使用片段吗？对于快速编码，您可以使用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>

我希望我能正确理解你。

score 0 · Accepted Answer

如果我对您的理解正确，您有一个分为几段的长文本，并且您希望在浏览器中“正确”显示它。文本中的段落划分通常通过它们之间的空行来实现。

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

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

添加 HTML 段落格式：

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

并改写案文：

var formattedText = paragraphsInHtml.join();

[代码片段在 javascript 中]

5 回答 5