2012-04-21 41 views
0

我有一个非常艰难的时间,试图字是什么,我想知道怎么做,也不是我能找到从谷歌认为有可能是我的回答任何职位或网站由于不能够字这是正确的,但我会尽可能详细地解释。标记,将作为多个标签

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

休息,水平,突破是我从另一个分离后的部分方式。我怎样才能将三者分成一个简单的标签来代替三个标签,从而为我节省时间和麻烦。

这也将是有益的知道是否有方法来定义标签的分组比像由字符串TITLE1标识的标签只是空标签更应该是一个包含所有格式,文本标签,以及所有子元素其他编码模板的

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

+1

你就不能使用''


,用正确的CSS添加要它周围的间距/保证金? – Mat 2012-04-21 18:43:33

+0

我不记得名字,也找不到它,但那里有**是一个精选的正在讨论中的未来包含在HTML5中,可以让你做你真正要求的东西(定义一个标签等同于多个标签)。 – 2012-04-21 18:46:00

+0

@Mat这是一个好主意。谢谢!尽管如此,我仍然想知道如何将更大的html标记和内容分组到自定义标记中。 – Brian 2012-04-21 18:47:03

回答

1

你不需要<br>标签,因为<hr>是一个块级元素,并自动创建一个换行符。如果你这样做,以获得一些垂直空间高于和低于<hr>为什么不使用CSS来给<hr>一些保证金?

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

这是一个伟大而简单的解决我的问题。谢谢。 – Brian 2012-04-22 09:59:07

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。

+0

好的谢谢! – Brian 2012-04-22 10:00:38

1

虽然这个具体的问题可以用CSS一点点的来解决,这听起来像你需要某种形式的长远的布局或模板引擎。我是交易所的红宝石,所以我的解决方案是Jekyll

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

下面的指南是开始的好地方:http://net.tutsplus.com/tutorials/other/building-static-sites-with-jekyll/

如果您已经在与另一个框架内工作,然后做一些阅读它周围首先看是否有什么东西在那里,你可以使用。如果你只是写直接的HTML/CSS,那么肯定会给Jekyll一个尝试。

+0

对Jekyll来说是+1,但听起来好像OP首先需要学习更多关于HTML和CSS的知识。 – 2012-04-21 19:09:18

+0

Jerkll是一个易于使用的服务/程序吗? – Brian 2012-04-22 09:58:37