如何使用有效的 XHTML 在 jQuery UI 选项卡栏中放置非选项卡项？
我正在创建一个标准的 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;
}
它工作得很漂亮，但它也是无效的（因为 span ul 的子级）。
有正确的方法吗？
I am creating a standard jQuery UI tab bar, nothing special except for the following: I would like to include a hyperlink on the right-hand side of the tab bar to serve as a log-out button. I know that I can accomplish this using invalid XHTML by writing the tab container like this:
<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>
and using the CSS:
.logout
{
float: right;
}
It works beautifully, but it's also not valid (because of the span child of the ul).
Is there a correct way to do this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
你不能把span作为div的子元素而不是ul吗？显然你必须稍微改变一下CSS。
Can't you just put the span as a child of the div instead of the ul? Obviously you'd have to change the css a tiny bit.