2012-04-21 40 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