ホームページ >ウェブフロントエンド >htmlチュートリアル >異なる HTML ページでヘッダーとトレーラーを共有するにはどうすればよいですか? _html/css_WEB-ITnose
異なる HTML ページでヘッダーとトレーラーを共有するにはどうすればよいですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:22:272043ブラウズ
1. ASP 言語と PHP 言語
まず、ヘッダー ファイル head.asp またはボトム ファイル foot.asp を作成します。たとえば、ホームページが Index.asp の場合、ヘッダー コードを呼び出すには、index.asp ファイル コードの先頭 (最初のマークの後、93f0f5c25f18dab9d176bd4f6de5d30e マークの前) に次のコードを追加します。
<!– #include file=”head.asp” –>
PHP ファイルの場合は、ファイル名をフッターに変更します.php。
2. HTML 言語
共有ヘッダー ファイル head.htm または共有ボトム ファイル foot.htm を作成します。たとえば、ホームページ ファイルがindex.htmの場合、ヘッダー ファイルと下部ファイルを呼び出す方法は、ホームページ ファイル コードの先頭と末尾に次のコードを追加することです。たとえば、次のコードはホームページ Surface:index.html
<!– #include file=”foot.asp” –>
別途保存された head.html コードは次のとおりです:
<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src=”head.htm” height=“auto” width="100%"></iframe>
css スタイル コードは次のとおりです:
<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src=”foot.htm” height="auto" width="100%"></iframe>3. スクリプト言語 -共有ヘッダーのメイン ファイル head.js と共有ボトム ファイル foot.js を作成することをお勧めします。たとえば、ホームページ ファイルがindex.htmの場合、ヘッド ファイルとボトム ファイルを呼び出す方法は次のとおりです。ホームページ ファイルのコードの先頭と末尾に次のコードを追加します。 e26071e2c27793be08a0b1eaf34be6fc 1421ec74ea9b35ed53d19e1e5a5af245共通の Web ページ ヘッダーまたは Web ページ下部を呼び出します。これにより、各ページのヘッダーまたは下部を記述する複雑さが軽減され、1 つのヘッダーまたは下部を変更するだけで簡単になります。ファイル、全ページに合わせて先頭または末尾が変更され、作業効率が向上します。
例: head.js ファイル-----上記の head.html に従って、変換ツールを使用します: http://tool.chinaz.com/Tools/Html_Js.aspx
HTML を JS に変換します:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><link href='head.css' rel="stylesheet" type="text/css" /><script type="text/javascript"></script></head><body >//主页面index.html<div class='miaov_head'> <iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="head.html" width="100%" height="auto"> </iframe>--------这里调用head.html页面，需要使用div包起来，否则样式会发生改变</div> </body></html>
今後、どのページにいても、このヘッダー ファイルを呼び出したい場合は、head.js ファイルを直接挿入するだけです。 以下は、作成したばかりのページです。 //MAC.html
すごい
4: shtml ファイル
5: ローカル マージ
これは、HTML をファイルの 3 つの部分 (ヘッダー、末尾、コンテンツ) にハード分割し、プレビューまたは公開する前にスクリプトを使用して手動でマージします。昔使っていましたが、背景がないときはうまくいきました。
Six: Ajax の動的なプルとフィル
Seven: Web サーバー (IIS など) にインクルードを設定する
たとえば、ドキュメントのサフィックスが .shtml の場合、これは SSI について話しています。インクルードを使用できます。
SSI (Server Side Include) は、通常「サーバーサイド埋め込み」または「サーバーサイドインクルード」と呼ばれ、ASP に似たサーバーベースの Web ページ制作テクノロジです。デフォルトの拡張子は .stm、.shtm、および .shtml です。 SSI は、HTML ファイルのコメント行を通じて呼び出すことができるコマンドまたはポインターです。単純な SSI コマンドを使用するだけで、Web サイト全体のコンテンツを更新し、時刻と日付を動的に表示し、シェルと CGI を実行できます。スクリプト プログラムやその他の複雑な関数。
8 include> の使用静的な HTML ページでは、ヘッダー ファイルと末尾ファイルを導入する方法がたくさんあります。興味があれば、自分で詳しく調べることができます。