- ベストアンサー
ホームページのメニュー
いつもお世話になっています。 早速ですが、ホームページを作成中です。 メニューを左側に配置していますが、メニュー部分のみをhtmlファイル？で分けて保存して、ページにアクセスした時に同メニュー部分も読み込む・・・そんな感じにしたいと思いますが方法がわかりません。 、というのもメニュー部分のみを更新する必要がある場合、メニュー部のみを修正すれば他のページは自動的に反映される、と考えたからです（全てのページの左側には同メニューを配置）。 試しにメニュー部分のみを別のhtmlファイルで保存、全てのページの左側にファイル挿入で試したのですが別で保存しておいたhtmlファイルを更新しても当然各ページ部に変化はありません。 （ちなみにフレームで分けるのは避けたい、です）。 宜しくお願いします。
- koheichan
- お礼率52% (27/51)
- ホームページ作成ソフト
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
下のお礼からです。 SEO対策って・・・あんまり気にしない方が良いと思います。やっぱりネットサーフィンしてると、閲覧者の多いページが上に来ますし、自分のHPも特に対策はしてませんが一番上にきます。ユーザーにとって見やすく、情報量が多く、なおかつ「また来たい」と思わせるHPを考えた方が良いです。あまりSEOを意識しすぎると、フラッシュ・動画等使えなくなります。 left.htmlに関してはちょっと意味が分からなかったです・・・
その他の回答 (1)
- mr_rengel
- ベストアンサー率36% (399/1080)
IFRAMEタグを使えばよいのでは？ サンプルです。 【メインのページ：main.html】 <BODY> <TABLE border="1"> <TBODY> <TR> <TH width="100" height="400" valign="top"><IFRAME src="menu.html" width="100" height="100" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" align="top"></IFRAME></TH> <TH width="300" height="400" valign="top">コンテンツ</TH> </TR> </TBODY> </TABLE> </BODY> 【入れ替えるメニューのページ：menu.html】 <STYLE type="text/css"> <!-- TR{ padding-top : 1px; padding-left : 1px; padding-right : 1px; padding-bottom : 1px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px;border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : aqua aqua aqua aqua;} TD{ padding-top : 1px; padding-left : 1px; padding-right : 1px; padding-bottom : 1px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px;border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : aqua aqua aqua aqua;} --> </STYLE> </HEAD> <BODY> <TABLE border="0" width="100" height="100" style="padding-top : 1px;padding-left : 1px;padding-right : 1px;padding-bottom : 1px;margin-top : 0px;margin-left : 0px;margin-right : 0px;margin-bottom : 0px;border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : aqua aqua aqua aqua;"> <TBODY> <TR> <TD align="center">menu1</TD> </TR> <TR> <TD align="center">menu2</TD> </TR> <TR> <TD align="center">menu3</TD> </TR> <TR> <TD align="center">menu4</TD> </TR> </TBODY> </TABLE> </BODY>
お礼
早速のご回答有難う御座います。 iframe 色々調べてみました。 とても勉強になりました。 ところでフレームで分割したページは SEO 対策上あまり好ましくないとお聞きしましたがこの場合は如何なのでしょうか？（せっかくご回答頂いたのに申し訳ありません） また例として http://www.town.hakone.kanagawa.jp/hakone_j/index.html の左にある left.html はどういう仕組みになっているのでしょうか？（こんな質問してスイマセン）