複数のタグとして動作するタグ

Question

私は、やりたいことを知りたいと思っていることを語ろうと非常に苦労しました。また、おそらく言葉で言えないために私の答えがあったGoogleの投稿やウェブサイトを見つけることもできませんこれは正確ですが、私は完全に詳細に説明します。

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

ブレーク、水平、ブレークは、ポストの部分を別の部分から分離する私の方法です。どのようにして3つのタグを3つのタグに置き換えて、3つのタグに置き換えることができるので、時間と労力を節約できます。

文字列で識別されるタグのように、空のタグ以外のものでタググルーピングを定義する方法があるかどうかを知ることも有益です。title1は、すべてフォーマット、テキスト、およびすべてのサブエレメント他の場所でコードされたテンプレートの。

この質問が既に掲載されている場合は、申し訳ありません。ありがとう！

Answer 1

<hr>はブロックレベルの要素であり、自動的に改行を作成するため、<br>タグは不要です。あなたが上下に上下のスペースを得るためにそれをやっているのであれば、<hr>に少しだけマージンを与えるのにCSSを使わないのはなぜですか？

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; 
} 

あなたは個々の投稿を示すために<article>の代わり<div class="post">を使用し、その後HTML5を使用している場合。

タグをグループ化するには、これは現在のところプレーンHTMLでは不可能です。そのためには、いくつかの前処理を適用する必要があります。通常のソリューションは、コンテンツとHTMLテンプレートに基づいて最終的なHTMLを作成するコンテンツ管理システムを使用することです。

Answer 3

この特定の問題はCSSのほんの少しで解決することができますが、あなたは長期的に何らかのレイアウトやテンプレートエンジンが必要なように思えます。私はこれを行うための私のgo-toソリューションはJekyllですので、私はルビストです。

Jekyllはレイアウトやコンテンツから静的なHTMLファイルを生成します。繰り返しレイアウトマークアップの多くを別々のファイルに抽象化して、必要なときに参照するだけです。すでに別の枠組みで作業しているなら、あなたが使用することができますそこに何かがあるのか​​どうかを確認するために最初にその周りにいくつかの読書を行うhttp://net.tutsplus.com/tutorials/other/building-static-sites-with-jekyll/

：

次のガイドは、始めるのに良い場所です。まっすぐなHTML/CSSを書いているだけなら、間違いなくJekyllを試してみてください。