html - 如何使用有效的 XHTML 在 jQuery UI 选项卡栏中放置非选项卡项？

Question

我正在创建一个标准的 jQuery UI 选项卡栏，除了以下内容之外没有什么特别的:我想在选项卡栏的右侧包含一个超链接以用作注销按钮。我知道我可以使用 invalid XHTML 通过像这样编写选项卡容器来完成此操作:

    <div id="tabs">
        <ul>
            <li><a href="tab1.jsp">Tab 1</a></li>
            <li><a href="tab2.jsp">Tab 2</a></li>
            <li><a href="tab3.jsp">Tab 3</a></li>

            <span class="logout">
                <a href="logout.jsp">Log out</a>
            </span>
        </ul>
    </div>

并使用 CSS:

.logout
{
   float: right;
}

它工作得很好，但它也无效(因为 ul 的 span 子级)。

有正确的方法吗？

Answer 1

您不能将 span 作为 div 的子项而不是 ul 吗？显然，您必须稍微更改一下 css。