Question

我有<dl>，我想为其添加标题。

我的first attempt未成功 - 我不知道如何让<dt>标题跨越后续的<dt>和<dd>元素。

<style>
dl.table-display{
    float: left; width: 100%;
    margin: 1em 0;
    padding: 0;
    font-family: verdana,arial,helvetica,sans-serif; 
    font-size: 13px; 
    line-height: 20px;
}
dt.list_header  {
    text-align: center; 
    color: white; 
    width:100%; 
    background-color: #3061B7;
}
.table-display dt{
    clear: left;
    float: left;
    width: 50px;
    margin: 0;
    padding: 5px;
}
.table-display dd{
    float: left;
    width: 50%;
    margin: 0;
    padding: 5px;
}
</style>
<dl class="table-display">
    <dt class="list_header">Header</dt>
    <dt>Name</dt>
    <dd>Title</dd>
    <dt>Name</dt>
    <dd>Title</dd>
    <dt>Name</dt>
    <dd>Title</dd>
    <dt>Name</dt>
    <dd>Title</dd>
</dl>

Answer 1

为什么不放一个＆lt; h2＆gt;或者＆lt; h3＆gt; ＆lt; dl＆gt;上方的标记？它在语义上会更正确。

Answer 2

http://w3.org/TR/html401/struct/global.html#h-7.5.5

（另外，FFR，doctype declarations are important [AKA valid code is important]）

将标头添加到<dl> </dl>

2 个答案: