HTMLの共通部分の書き方

Question

現在HPを作成しているのですが、HPではヘッダーやサイドバーな共通な部分が出てくると思います。
この場合まったく同じ記述をしたHTMLの記述をページの数だけしなければなりません。

アドビのDWを使えば共通部分としてかき出してくれるようですが、これって今時のやり方なのでしょうか？

PHPなどでテンプレートを作成し読み込むなどした方が良いのでしょうか？
無難でスタンダードな方法を教えていただきたいです。現場でよく使われているのはどの方法でしょうか？

Answer 1

静的サイト（phpなどのようなサーバでプログラムを実行するタイプではないサイト）であるなら、
Middlemanなどのジェネレータで分割するのが楽でしょう。

Middleman以外だとCabinやOctpressなんかがあります。他にもいろいろあるとは思います。

これらの内部ではJadeやEJSなどのテンプレートエンジンからHTMLファイルなどを合成しています。

Answer 2

EJS,ECT,Jadeといったテンプレートエンジンを使うのがベストかと思います。
テンプレートエンジンとは、プログラミングのような書き方でhtmlを記述することができ、その後htmlに変換して出力させるツールです。
Sass,LESSとCSSの関係に近いです。

これを使うと、投稿者さんのおっしゃるような「ヘッダーなどのパーツを複数のページで共通化させる」ことができます。（その他にもいろいろできます）

これを使うには、
１．ターミナルやコマンドプロンプトなどによる操作
２．GruntやGulpなどのタスクランナーを使用
のいずれかの方法が必要です。

より詳しい説明や導入方法などは、以下のサイトが役に立つかと思います。

EJS
http://liginc.co.jp/web/html-css/html/144170
http://libro.tuyano.com/index3?id=1135003

JADE
https://gist.github.com/japboy/5402844
http://blog.craftgear.net/4f501e97c1347ec934000001/title/10%E5%88%86%E3%81%A7%E3%82%8F%E3%81%8B%E3%82%8Bjade%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%B3

Answer 3

PHPでやるのが正解かなあと思います。

どうしてもHTMLにこだわるなら（サーバーの事情もありますし・・・）フレームとか。あんまりおすすめはできませんが。

JavaScripotでもできない事は無いと思いますが、そうするとSEOが心配です。

Comments

[退会済みユーザー]

なぜSEO的に問題があるのでしょうか？