0

我很难说出我想知道该怎么做,也找不到任何来自谷歌的帖子或网站,可能是因为无法正确说出这个答案,但我会最详细地解释.

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

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

了解是否有方法来定义标签分组也很有帮助,而不仅仅是空标签,例如由字符串 title1 标识的标签将是包含模板的所有格式、文本和所有子元素的标签。在其他地方编码。

如果这个问题已经发布了,那我很抱歉。谢谢!

4

3 回答 3

1

您不需要<br>标签,因为<hr>它是块级元素并自动创建换行符。如果您这样做是为了在 thw 上方和下方获得一些垂直空间,<hr>为什么不使用 CSS 来提供<hr>一些边距?

hr
{
    margin-bottom: 20px;
    margin-top: 20px;
}
于 2012-04-21T18:44:44.907 回答
1

无论<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。

于 2012-04-21T19:06:05.970 回答
1

虽然这个特定的问题可以用一点 CSS 来解决,但从长远来看,听起来你需要某种布局或模板引擎。我是一名 ruby​​ist,所以我的首选解决方案是Jekyll

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

以下指南是入门的好地方:http: //net.tutsplus.com/tutorials/other/building-static-sites-with-jekyll/

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

于 2012-04-21T19:07:47.937 回答