そのため、SSI を使用してヘッダーやフッターなどのグローバル アイテムを実装しています。単純な Web ホストを使用しているため、基本的にはサーバー サイド スクリプト用です。
会社に確認したところ、デフォルトで SSI が有効になっています。いくつかの SSI テストを実行したところ、すべて陽性で、私の主張が証明されました。
さまざまなページにインポートするための header.html ファイルを作成しました。header.html は次のようになります。
<div class="navbar-wrapper">
<div class="container">
<div class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<div class="navigation-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Skyline Interactive</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#">Home</a>
</li>
<li><a href="http://skylineinteractive.org/web/views/about/about.html">About</a>
</li>
<li><a href="#contact">Contact</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Games <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="/SoG">State of Gray</a>
</li>
<li><a href="/Alder">Aldervinia</a>
</li>
<li class="divider"></li>
<li class="dropdown-header">Other</li>
<li><a href="/skyblog">SkyBlog</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
以下のように、HTMLページにSSIインクルードを使用しています。たとえば、home.html では (もちろん、.html と .htm も解析するハンドラーがあります。これらのファイルも SSI についてテストしたところ、合格しました):
<!-- #include virtual="/web/includes/header.html" -->
これは body タグの一番上にあります。何か足りないだけですか?または、何かを台無しにする可能性のあるアイデアはありますか?