关于标签的问题

我想将选项卡引入到我的Django Web应用程序中。我会看看我是否可以在css + html中完成所有工作。现在练习从http://www.htmldog.com/articles/tabs/的标签，这是我迄今为止所做的。关于标签的问题

page1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01// EN" > 
<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="base.css" /> 
</head> 
<base> 
<div id="header"> 

<h1>Tabs</h1> 
<ul> 
    <li id="selected"><a href="page1.html">This</a></li> 
    <li><a href="page2.html">That</a></li> 
    <li><a href="page3.htm">The Other</a></li> 
    <li><a href="page4.htm">Banana</a></li> 
</ul> 

</div> 


</base> 
</html>

page2.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01// EN" > 
<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="base.css" /> 
</head> 
<base> 

<div id="header"> 

<h1>Tabs</h1> 
<ul> 
    <li><a href="page1.html">This</a></li> 
    <li id="selected"><a href="page2.html">That</a></li> 
    <li><a href="page3.htm">The Other</a></li> 
    <li><a href="page4.htm">Banana</a></li> 
</ul> 

</div> 


</base> 
</html>

现在page1.html和page2.html几乎相同。唯一不同的是， id="selected"部分只是为了指示哪个选项卡已被选中。所以我想要做的是删除任何冗余的代码。首先，我想知道是否甚至可以将它切成一个index.html页面。

来源

2011-08-22 Shehzad009

只能使用CSS + HTML，不能有两个不同状态的页面。 id="selected"的设置需要来自代码的某处，无论是在服务器上，还是在客户端上。

您可以使用URL散列来使用JavaScript设置标签状态。例如：

mypage.html#tab1

你可以看看的JavaScript在document.location.hash值和相应的选项卡上设置selected。

来源

2011-08-22 14:46:51

我不会试图重新发明轮子。查看jQuery UI。内置了制表符。http://jqueryui.com/demos/tabs/

来源

2011-08-22 14:52:35 Justin

关于标签的问题

回答

相关问题