HOME > パソコン > 共通の「ヘッダ」と「フッタ」を読み込む

【お知らせ(マウスでクリック)2010-10-04】

最新の記事 /   

<韮崎平和観音
TVチャンピオン・パティシエール選手権・優勝ケーキ「絹(シルク)」>

共通の「ヘッダ」と「フッタ」を読み込む

記事ID別・パーマリンク: http://www.streetcar.jp/blog/index.php?e=645
記事タイトル: 共通の「ヘッダ」と「フッタ」を読み込む
記事YMD別・パーマリンク: http://www.streetcar.jp/blog/index.php?d=20080316
 以下は、全てのファイルに「ヘッダ」と「フッタ」を読込 (自動挿入) する際の、自分用の備忘録です。私もどれが良いか?分かりかねています。m(_ _)m
 咀嚼(そしゃく) 出来ていない箇所・多数です。

● 手作業する
コツコツ (リンク先=YouTube.音が鳴ります) と、手作業で全部のファイルに「ヘッダ」と「フッタ」をコピペする。(^_^)
(2008-7-8.リンク先URL変更)

● CMS を使う
を導入する。(^^A

● ページをフレームで区切る
 「header.html」「body.html」「footer.html」を用意

「index.html」
<html>
<head></head>
<frameset rows="50px,*,50px" frameborder="1">
<framesrc="header.html" name="header">
<frame src="body.html" name="body">
<frame src="footer.html" name="footer">
<noframes><body></body></noframes>
</frameset>
</html>

● インラインフレーム<iframe>で表示させる (2008/4/26・追記)
<html>
<head>
</head>
<body>
<iframe src="header.html">このブラウザはiframeに対応していません</iframe>
 ・・・・・・・・・・
【・・本文を記述・・】
 ・・・・・・・・・・
<iframe src="footer.html">このブラウザはiframeに対応していません</iframe>
</body>
</html>
● PHP で include する
「header.php」
<html>
<head></head>
<body>
 〜〜〜〜〜

「index.php」
<?php include "header.php" ?>
 〜〜〜〜〜
<?php include "footer.php" ?>

「footer.php」
 〜〜〜〜〜
</body>
</html>

・エクステンションを html にする方法 ( html を php に認識 )
 Apache の httpd.conf もしくは .htaccess で下記の様に設定
AddType application/x-httpd-php .php .html

include されるファイルのエクステンションは、任意でOK ( Webサーバ側のエクステンション設定は不要 )
header.php・header.inc・header.include
・・・上記は全て include される

● PHP の readfile を使う
 読込ページが単純な html のみで PHP スクリプトを含まない場合 readfile もOK
「header.html」・「footer.html」を用意

「index.php」
<?php readfile('header.html') ?>
 〜〜〜〜〜
<?php readfile('footer.html') ?>

fopen_wrappers が on になっていればファイル名「http://〜」等の URL でも開く事が出来る

● auto_prepend_file・auto-append-file を使う
 PHP環境・自動付加機能

auto_prepend_file
 ファイルの先頭に指定ファイルを読込
auto-append-file
 ファイルの最後に指定ファイルを読込

設定変更可能箇所(PHP定数の定義)
PHP_INI_PERDIR ( PHP <= 4.2.3 では PHP_INI_ALL ) なので
php.ini・httpd.conf・.htaccess
・・・で設定可能

実際にページを作成するための PHPファイルの中で exit している場合 ( スクリプトが exit() で終了する場合 ) は使用出来ない

Apacheサーバ
.htaccess
 # PHP5の時
<IfModule mod_php5.c>
 # PHP4の時
<IfModule mod_php4.c>
 # PHP5だけの時 <IfModule> タグは不要
 php_value include_path ".:/〜"
・・・webサーバの場合PATH_SEPARATORは ":" を使う
・・・localサーバの場合PATH_SEPARATORは ";" を使う
 php_value auto_prepend_file "header.inc"
 php_value auto_append_file "footer.inc"
</IfModule>
 Addtype application/x-httpd-php .php .html .inc

特定のディレクトリに有る auto_prepend ( append )_file をキャンセルするには
特定のディレクトリに有る .htaccess に下記を記述
php_value auto_prepend_file none

● SSI を使う
「header.html」・「footer.html」を用意

「index.html」
<!--#include virtual="header.html" -->
 〜〜〜〜〜
<!--#include virtual="footer.html" -->

.shtml 以外に .html でも SSI を使用する場合
 AddType text/x-server-parsed-html .shtml .html (負荷高)

● ModLayout を使う
 Apache の ModLayout ( mod_layout ) を使用

「header.html」・「footer.html」を用意

 xrea free ( 無料鯖 ) の場合 ( xrea Plus 有料鯖の場合は使用不可=xreaの仕様 )
public_html の .htaccess に下記を記述
LayoutHeader /virtual/ユーザーID/public_html/header.html
LayoutFooter /virtual/ユーザーID/public_html/footer.html

● JavaScript を使う【2008年3月20日・追記】
<td>下記の各ページ ( サイト ) に、詳しく紹介されています。
■ 各ページに共通したヘッダー(フッター)をつける(Tagland[HTML&StyleSheet解説])
 http://tagland.net/technique/tech07/tech07.html
■ 各ページで共通のヘッダー・フッターを作成する(Take'sHomePage)
 http://takehiro.ciao.jp/tips/web_dhtml_2.html
</td>
「header.js」「footer.js」を用意
「header(footer).js」ファイルの記述内容
document.write(" 〜〜〜〜〜 ");
〜html〜タグ内は改行せず、連続して1行で記述。
「"」( htmlタグ内の「ダブルコーテーション」は、エスケープする。)

「index.html」
<html>
<head></head>
<body>
<script language="JavaScript" src="header.js"></script>
〜body〜
<script language="JavaScript" src="footer.js"></script>

</body>
</html>

参照リンク / TB ping送信先:
カテゴリー【パソコン】

【被リンク・メモ】
・じぶたれ航路:includeの読み込み-メモ(2009-07-29)
http://blog.livedoor.jp/livegonta/archives/1138917.html

・web0609@ウィキ:Smartyヘッダ・フッタテンプレートの作り方(2009-10-10)
http://www22.atwiki.jp/web0609/pages/91.html


| カテゴリー:パソコン | 00:00:00 | comments (0) | trackback (0) |




  Hatena::Bookmark  
 del.icio.us
twitter経由でコメント




コメント

コメントする

 (管理者の「チェック後・反映」の時が有ります)
 (なお投稿頂きましたコメントは著作権・著作隣接権・著作人格権・等を放棄(不行使)して頂きます)








トラックバックURL

 (管理者の「チェック後・反映」の時が有ります)
 (なお投稿頂きましたトラックバックは著作権・著作隣接権・著作人格権・等を放棄(不行使)して頂きます)

 ( 1クリックで全選択されます ▼ )

 ( トラックバックURLは変化します。最新の物をご利用下さい。 )

トラックバック

最新の記事 / このページの一番上へ /   

<韮崎平和観音
TVチャンピオン・パティシエール選手権・優勝ケーキ「絹(シルク)」>


[読み易く] [標準]
文字[大] [標準]


follow me on twitter
@streetcar
Follow me !

@portram
こちらはBot(無人投稿)アカウントです

プロフィール

カテゴリー

アーカイブ


カウントダウン

リンク


スクリプト



新着記事


アクセスランキング


検索



コメント


トラックバック

144

シンジケート

この日記のはてなブックマーク数 del.icio.us - Everybody's bookmarks
track feed
Locations of visitors to this page

Amazon 広告


Google 広告


ValueCommerce広告

spacer.gifspacer.gifspacer.gifspacer.gifspacer.gif
ベストリザーブ

LinkShare広告

 iTunes Music Store(Japan)spacer.gif iTunes Store(Japan)spacer.gifANAの旅行サイト ANA SKY WEB TOURspacer.gif











▼ テスト

テスト


アクセス解析&SEM/SEO講座&ブログ for オンラインショップ開業