Question

我很难说出我想知道怎么做的话，我也找不到谷歌的任何帖子或网站我的答案可能是由于无法正确说出来，但我会解释最全面的细节。

<br />
<hr />
<br />

休息，水平，休息是我将帖子的部分与另一个分开的方式。如何将三者组合成一个可以替代三者的简单标签，从而节省时间和麻烦。

知道是否有多种方法可以定义标签分组，而不仅仅是空标签，例如由字符串title1标识的标签，将是包含所有格式，文本和所有子标签的标签在其他地方编码的模板的元素。

如果这个问题已经发布，那么我很抱歉。谢谢！

Answer 1

您不需要<br>标记，因为<hr>是块级元素并自动创建换行符。如果你这样做是为了在<hr>之上和之下获得一些垂直空间，为什么不使用CSS来给<hr>一些余量呢？

hr
{
    margin-bottom: 20px;
    margin-top: 20px;
}

Answer 2

此处<br>和建议的替代<hr>都不是特别适合。

您需要了解CSS。您需要做的就是将适当的样式（即边距）应用于包裹帖子的元素。

<div class="post">
    <h1>Post #1</h1>
    <p>something</p>
</div>

<div class="post">
    <h1>Post #2</h1>
    <p>something else</p>
</div>

div.post {
    margin-bottom: 3em;
}

如果您使用的是HTML5，请使用<article>代替<div class="post">来表示个别帖子。

对于分组标记，目前在纯HTML中无法实现，您需要对其应用一些预处理。通常的解决方案是使用内容管理系统，该系统根据您的内容和HTML模板创建最终的HTML。

Answer 3

虽然这个特定的问题可以用一点点CSS解决，但从长远来看，你需要一种布局或模板引擎。我是一个交易的rubyist所以我这样做的首选解决方案是Jekyll。

Jekyll所做的是从您编写的布局和内容生成静态html文件。您可以将大量重复布局标记抽象为单独的文件，然后在需要时引用它们。

如果你已经在使用另一个框架，那么先做一些阅读，看看是否有你可以使用的东西。如果您只是直接编写HTML / CSS，那么一定要试试Jekyll。