關於標籤的問題

我想將選項卡引入到我的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

關於標籤的問題

回答

相關問題