アクティブなページを認識する機能を備えたサーバー側header.shtmlを実装しようとしています(おそらくcssクラスを追加することによって)
<header class="topbar container">
<a href="http://www.example.com/" rel="home">
<div class="logo grid">
<h1 class="ir">Home</h1>
</div>
</a>
<nav class="navbar" role="navigation">
<ul>
<li class="active"><a href="about.html">About</a>
</li>
<li><a href="projects.html">Projects</a>
</li>
<li><a href="blog.html">Blog</a>
</li>
<li><a href="contact.html">Contact</a>
</li>
</ul>
</nav></header>
.shtmlを使用してコードを削減しようとしています。
<!--#include virtual="/header.shtml" -->
これはJavascriptまたはJQueryを介してのみ実行できると思いますが、cssでのみ実行できるのではないかと思いました。