MAMPでSSI有効化する方法・インクルードの書き方

やりたいこと

MAMPでもSSIを有効化させてインクルードファイルを確認したい

環境

- MAMP
- MacOS

方法

MAMP/bin/apache/conf/httpd.conf
2箇所書き換えます。

1箇所目

206行目あたり
OptionsとAllowOverrideを置換

Options Indexes FollowSymLinks ExecCGI Includes
AllowOverride All

2箇所目

515行目あたり
AddTypeとAddOutputFilterを置換

AddType text/html .shtml .html
AddOutputFilter INCLUDES .shtml .html

書き方

よく使われるインクルードの書き方の1つを紹介します。
htmlファイル上に下記を記述するだけです。

<!--#include virtual="/{パス(ルート相対パスok)}/header.html"-->

もちろんファイル名は任意でokです。拡張子は省略できません。

あとがき

Apacheかなんかのバージョンによって書き方変わるみたいです。
MAMP上でSSIはきいているのに、描画が崩れるので、どうしたものかと思っていたのですが
2箇所目が若干違いました。

SSI利用していて、ブラウザでの表示が微妙に崩れる(タグが閉じているにもかかわらず要素が中途半端に消えてしまう)という減少が起きた場合はApacheの設定を確認すると良さそうです。