Question

SEO用于呈现2列布局的最佳标记方法是什么：1列用于标签，第2列用于其项目。

我写了两个例子：我认为DT / DD最适合，因为他们已经将标题与定义结合在一起，并且他们不需要使用标签标签将项目耦合/关联在一起;但我也使用UL和标签作为第二个例子。

JS小提琴链接： http://jsfiddle.net/ryanjohnsond/cyk13g3x/

ol, ul,label, dt, dd {
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
label, dt{
    color: #B4886B;
    font-weight: bold;
    display: block;
    width: 15%;
    float: left;
}
label:after, dt:after { content: ": " }

<dl>
    <dt>Silly</dt>
    <dd>Puppies</dd>
    <dt>Silly</dt>
    <dd>Puppies</dd>
    <dt>Silly</dt>
    <dd>Puppies</dd>
</dl>

<ul id="label-test">
    <li><label for="campers" class="labels">Happy</label>
        <span id="campers">Campers</span></li>
    <li><label for="puppies" class="labels">Silly</label>
        <span id="puppies">Puppies</span></li>
</ul>

Answer 1

DT / DD方法更具语义性，通常看起来是显示信息的最佳方式。在特殊情况下，可以在父元素上使用微格式或微数据来提供额外的SEO优势，UL / LI方法将提供您需要的结构。

2个标签及其项目的列

1 个答案: