Question

我需要为即将举行的锦标赛标记一个阶梯，我找不到任何方法在语义上标记它。我到目前为止看到的唯一方法是mark it up as a table，我想不惜一切代价避免这种情况。

有什么想法吗？

Answer 1

我在Accessible NCAA Tournament Bracket找到了一个示例，它使用了ul / li的混合来实现它。它远非完美（它可以使用li + li而不是“顶部/底部”类，但它是一个开始。

Answer 2

我会这样做，虽然也可以为列表项添加标题属性，以便使水平关系更容易访问

eg <li class="gameThree" title="winner of round One game 2 vs winner of round one game 5">

<ol id="tournamentLadder">
<li id="roundOne">
<ul class="matches">
    <li class="gameOne>
        <ol class="teams">
            <li class="home">Teamname1</li>
            <li class="visitors">Teamname2</li>  
        </ol> 
    </li>
</ul>

</li>
<li id="roundTwo">

</li>


<li id=final">
</li>

</ol>

如何标记阶梯/平局

2 个答案: