相关疑难解决方法(0)

有没有一种有效的方法来包装带有HTML元素的dt和dd?

我希望HTML可以在语义上做同样的事情;

<dl class="main-list">
    <definitionitem>
        <dt>Some Thing</dt>
            <dd>You know it!</dd>
        <dt>Another Thing</dt>
            <dd>Word.</dd>
    </definitionitem>
    <definitionitem>
        <dt>Stuff</dt>
            <dd>Alright!</dd>
    </definitionitem>
</dl>
Run Code Online (Sandbox Code Playgroud)

然而,因为我最接近的是我对语义不是100%满意的东西;

<div class="redundant-wrapper">
    <dl class="main-list">
        <dt>Some Thing</dt>
            <dd>You know it!</dd>
        <dt>Another Thing</dt>
            <dd>Word.</dd>
    </dl>
    <dl class="another-main-list">
        <dt>Stuff!</dt>
            <dd>Alright!</dd>
    </dl>
</div>
Run Code Online (Sandbox Code Playgroud)

我想知道是否有人对你如何做到这一点有任何其他想法?

此外,项目将被分组的原因是因为它们在视觉上分组在正在标记的内容中.想象一下一个字典页面,它有一个单一的定义列表,其中每个定义都在一个左侧浮动的插入框中.我一直遇到这种情况.

html validation w3c specifications semantics

50
推荐指数
3
解决办法
9668
查看次数

标签 统计

html ×1

semantics ×1

specifications ×1

validation ×1

w3c ×1