Я хочу добавить вкладки в мое веб-приложение Django. Я собираюсь посмотреть, смогу ли я просто сделать все это в 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 страницы.