![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
趣味でhtml/cssたまにjsを勉強しています
現在シンプルなホームページを制作しています
そのページは、
前ページ共通のヘッダー・トップメニュー・サイドバー・フッターがあり、
トップメニューは複数個あり、それぞれ
トップページ(index.html)、
サブページ1(sub_1.html)、
サブページ2(sub_2.html)、
サブページ3(sub_3.html)、
(※実際はいろいろと名前を付けています)
にリンクが張ってあります
また、共通部分はそれぞれ外部ファイル(header.htmlなど)に切り分け、
javascriptで各ページから読み込んでいます
現在このようにページ毎に1つのhtmlファイルを用意しているわけですが
上に述べた共通部分を切り分けても、
<head>
<title>...</title>
<meta...>
<link...>
<script>...</script>
</head>
<body>
<header></header>
<div id="main">
...
</div>
<footer></footer>
</html>
のような骨組みは未だ各htmlのページに記述しています
Railsだとたしかlayoutファイルといったものにまとめらてと思うのですが
これらの骨組み(とくに長いhead内の記述)を一箇所にまとめたいと思っています
(そういえばmetaタグも外部ファイル化していいのでしょうか?)
現在、いっそのことindex.htmlのページだけにして
javascriptでコンテンツを切り替える形にしようかなとも思っています
ただ、できることならURLを
www.example.com
www.example.com/sub_1.index
www.example.com/sub_2.index
のような形にしたいので迷っています
サーバー環境は
Ruby,Python,Peril,PHP,SQLいずれも無し
コマンド除くSSI可、.htaccess設定可
のレンタルサーバを借りてます
質問
・metaタグ内も外部ファイル化していいんですか?
・この環境で骨組みを一箇所にまとめる方法はありますか?
→ .htaccessとやらを使えばルーティングできる?
いずれの質問でも
どなたか詳しい方ぜひ知恵をお貸しください
よろしくお願いします
No.1ベストアンサー
- 回答日時:
まず、ディレクトリ構造ですが・・
hoge.com
|-- index.html
|-- images/ このディレクトリより下位で使用する
| |-- logo
| |-- photo
| |-- icons
| |-- figure
|-- CSS/ このディレクトリより下位で使用する
|-- SSI/ このディレクトリより下位で使用する
|-- category1/
| |-- index.html
| |-- images/
| |-- CSS/
| |-- SSI/
|-- category2/
| |-- index.html
| |-- images/
| |-- CSS/
| |-- SSI/
|-- information/
|-- index.html
|-- form.html Contact Us
|-- privace.html
|-- links.html
SSIを使用すると、各ページに共通で記述されるブロックは一つのファイルで共用できます。
同じ階層でない場合は、
<!--#include virtual="/SSI/footer_doctypeInfo.htm" -->
と、virtual を使用します。
SSIはサーバーの機能ですから、
<header></header>
など<body>ないのものばかりでなく
<head></head>内の記述も、Server Side Includes で読み込めます。
例えば、
わたしは
<!--#include virtual="/SSI/head_defaultCSS.htm" -->
なお、
→ .htaccessとやらを使えばルーティングできる?
は、
AddHandler server-parsed html
を書いておくと、htmlファイルを、SSIファイルとして認識します。
「ルーティング」とは言いません。インクルードさせるでよい。
★PHPやPerl、AWKなどCommon Gateway Interface( CGI )が使えるなら、index.htmlをCGIにして、すべてを動的に出力することも可能です。というか、大規模なサイトは、この方法が主力です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
URLに「.html」の拡張子がなく...
-
HTMLを使って画像を表示
-
自分のHPが検索エンジンで引...
-
自分のホームページ内のリンク...
-
トップページの意味は何ですか?
-
HP サイト FTP FFFTP ffftp...
-
複数のindex.htmlについて
-
Index of/ の事なんですが‥。
-
URLの.html省略について
-
1つ下の階層のフォルダに相対...
-
相対パスと絶対パス
-
フォルダ階層について
-
リンク先に日本語フォルダがあ...
-
ホームページ作成について(子ペ...
-
ホームページ作成について、イ...
-
<A HREF=""></A>でリンクしません
-
jQueryのloadで上の階層の外部H...
-
.htmと.htmlの違い
-
真っ白な画面の意味はなんでし...
-
Web作成で「Forbidden」になっ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1つ下の階層のフォルダに相対...
-
.htmと.htmlの違い
-
複数のindex.htmlを作ってもい...
-
URLに「.html」の拡張子がなく...
-
リンク先に日本語フォルダがあ...
-
XREA使用で作成したHTMLファイ...
-
htmlでリンクに勝手にindex.htm...
-
URLの.html省略について
-
URLの書き方
-
フォルダ内の最初のファイル名...
-
index.htmlファイルはどこに?
-
リンクのindex.html省略
-
ホームを index.html から inde...
-
フォルダにはダミーでもindex.h...
-
indexをつけないとどうなる?
-
htaccessを利用してurl正規化
-
イントラネットURLの登録方法
-
Application.OnTimeで引数付き...
-
HTMLの階層移動
-
Apacheで、indexの拡張子別に優...
おすすめ情報