b14．SSIを使って外部ファイルでメニューを作成

　WEBページにリンクするメニューを作成すると、新たなメニューを追加すると、すべてのWEBページにメニューを追加しないといけなくなる。そこでフレームでメニューを作成していたが、フレームはSEO的には良くない。また、フレームのみが検索されて、ページの全体が表示されないということも起こる。

　そこで、SSI（Server Side Include の略）を使って、メニューは一つ作ってそれを各WEBページに埋め込んで利用する。そうすることで、一つのメニューを修正すると、そのメニューに埋め込まれたすべてのWEBページが修正されて表示される。

　ただし、SSIを使用するためには、WWWサーバーがSSIを利用できるように設定されていないといけない。

パソコン裏技小技はこちら　　　　



番外編
　　 b14．SSIを使って外部ファイルでメニューを作成

index.shtmlにメニューのhtmlを埋め込む例

例
【index.shtml →SSIを埋め込んでいる】

<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>Sample Page</title>
</head>
<body>
<!--#include file="menu.htm" -->
本文

</body>
</html>

【menu.html　メニュー】

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
</HEAD>
<BODY>
<P><A href="aa.html" target="_parent">aa</A><BR>
<A href="bb.html" target="_parent">bb</A><BR>
</P>
</BODY>
</HTML>

●ファイルの読み込み

<!--#include file="～" -->
指定したファイルの中身を読込んで表示する。file="～" の ～ にはファイル名を指定。






パソコン裏技小技はこちら
inserted by FC2 system