Html 生成的最佳方法<;人力资源>;

Html 生成的最佳方法<;人力资源>;,html,twitter-bootstrap,Html,Twitter Bootstrap,在html文档中显示是否有最佳做法? 例如 其目的是根据上下文隐藏/显示 附言: 我正在使用引导 <div class="divider"></div> 现在,显示/隐藏您的行 .divider:hover { border-bottom:green 1px solid; /* remember, that's COLOR SIZE STYLE*/ } 为您的类使用悬停状态。请注意,当鼠标光标移动到整个分区上时,颜色会从默认为绿色的灰色变为绿色。创建水平规

在html文档中显示

是否有最佳做法?
例如

其目的是根据上下文隐藏/显示

附言:
我正在使用引导

<div class="divider"></div>
现在,显示/隐藏您的行

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

为您的类使用悬停状态。请注意,当鼠标光标移动到整个分区上时,颜色会从默认为绿色的灰色变为绿色。

创建水平规则的最佳实践是使用为水平规则设计的元素:

标记。如@Mr.Alien所述,您可以轻松地为其设置样式:

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

记住HTML或CSS不是真正的上下文语言(除了CSS中的一些伪规则)。对于基于动作的显示或隐藏,或者某个东西是否存在,请使用JQuery或PHP。

为什么不直接使用

?正如@Jon所说,只需使用

标记,您就可以根据哪个标准将其设置为“最佳”?在HTML5中,对于

(和其他无效元素),(甚至不认为这是推荐的)@davidkonrad true-现在真的是习惯了+1表示链接。@davidkonrad显然无关紧要-在这种情况下,我认为最基本的做法是包含结束斜杠,因为它清楚地表示一个空元素(如果有必要的话!)。你有一个观点,很好的链接-我个人认为结束斜杠很难看,使标记不那么可读:)
 hr {
    border: 0px none;
    background: #ccc;
    height: 2px;
    width: 100%;
}