html - 生成する最良の方法

Question

<hr>HTMLドキュメントに表示するベストプラクティスはありますか?
たとえば、<span class="divider"></div>.
これの目的は<hr>、コンテキストに基づいて非表示/表示することです。

PS：
ブートストラップを使用しています

score 1 · Accepted Answer

<div class="divider"></div>

CSS を使用して、分割線を作成できます。このスタイルを試してみたいと思うかもしれません..

.divider {
   border-bottom:gray 1px solid;
   /* remember, that's COLOR SIZE STYLE*/
}

次に、ラインを表示/非表示にします。

.divider:hover {
   border-bottom:green 1px solid;
   /* remember, that's COLOR SIZE STYLE*/
}

クラスにHOVER状態を使用します。マウスカーソルを div 全体に移動すると、デフォルトの灰色から緑色に色が変わることに注意してください。

score 0 · Accepted Answer

横罫線を作成するベストプラクティスは、横罫線用に考案された要素である<hr/>タグを使用することです。@Mr.Alien が指摘しているように、簡単にスタイルを設定できます。

 hr {
    border: 0px none;
    background: #ccc;
    height: 2px;
    width: 100%;
}

HTML や CSS は実際には文脈言語ではないことに注意してください (CSS のいくつかの疑似規則は別として)。アクションに基づいて表示または非表示にするか、何かが存在するかどうかに基づいて、JQuery または PHP を使用します。

2 に答える 2